/* Siba Cloud modular stylesheet loader */
@import url('./css/00-foundation.css?v=20260622');
@import url('./css/10-datepicker.css?v=20260622');
@import url('./css/20-transfer-upload-auth.css?v=20260622');
@import url('./css/30-production-layout.css?v=20260622');
@import url('./css/40-folders-files.css?v=20260622');
@import url('./css/50-settings-sms-ftp.css?v=20260622');
@import url('./css/60-activity-notices-api.css?v=20260622');

.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:18px 0}.upload-ext-grid .check-row{background:var(--surface-soft,#f8fafc);border:1px solid var(--border,#e4e8f0);border-radius:12px;padding:10px}.file-toolbar-row{gap:12px;align-items:center;flex-wrap:wrap}.file-inline-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}.file-inline-filters select{min-width:130px;border-radius:12px;padding:9px 12px;border:1px solid var(--border,#dfe5ef);background:var(--surface,#fff)}.share-select select{min-width:180px;min-height:44px}.full-row{grid-column:1/-1}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;background:#eef2ff;color:#3730a3;font-weight:700;font-size:.85rem}.num,.ltr-input{direction:ltr;text-align:left}@media(max-width:760px){.file-inline-filters{width:100%;order:3}.file-inline-filters select{flex:1;min-width:0}.section-title-row.file-toolbar-row .btn{width:100%}}

/* v2 fixes: compact upload controls, filters row, multi-user links and reports */
.upload-form.compact-upload{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.upload-options-row{display:flex!important;align-items:end!important;gap:8px!important;flex-wrap:nowrap!important;padding:10px!important;overflow-x:auto;scrollbar-width:thin}
.upload-options-row .check-row.compact{height:42px!important;min-height:42px!important;padding:0 10px!important;border-radius:12px!important;flex:0 0 auto;font-size:12px!important;white-space:nowrap}
.upload-options-row .check-row.compact span{font-size:12px!important;white-space:nowrap}
.upload-options-row .mini-select{display:grid!important;gap:5px!important;min-width:112px!important;max-width:150px!important;flex:0 0 auto;font-size:12px!important}
.upload-options-row .mini-select select{height:42px!important;min-height:42px!important;padding:7px 10px!important;border-radius:12px!important;font-size:12px!important;width:100%!important;min-width:0!important;background:rgba(255,255,255,.72)!important;border:1px solid var(--line)!important;color:var(--text)!important}
.upload-options-row .mini-select.share-select{min-width:132px!important;max-width:160px!important}
.upload-options-row .mini-select.share-select select{appearance:auto!important;overflow:hidden!important}
.upload-options-row .js-note-toggle{margin-inline-start:auto}
.file-list-card .section-title-row.file-toolbar-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;gap:12px!important}
.file-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0 0 16px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.32)}
.file-filter-bar select{height:42px;min-width:150px;max-width:230px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.72);padding:7px 12px;font-family:inherit;color:var(--text)}
.file-filter-bar .btn{height:42px;min-height:42px;padding:0 18px;white-space:nowrap}
.error-report-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.55);padding:14px;font-family:inherit;color:var(--text);resize:vertical;min-height:150px}.severity-critical{background:#fee2e2!important;color:#b91c1c!important}.severity-high{background:#ffedd5!important;color:#c2410c!important}.severity-normal{background:#eef2ff!important;color:#3730a3!important}.severity-low{background:#ecfdf5!important;color:#047857!important}.inline-filter-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-filter-form label{display:grid;gap:6px}.inline-filter-form select{height:44px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.65);padding:8px 12px;font-family:inherit;color:var(--text)}
@media(max-width:980px){.upload-options-row,.file-filter-bar{flex-wrap:wrap!important}.upload-options-row .mini-select,.upload-options-row .mini-select.share-select,.file-filter-bar select{flex:1 1 150px;max-width:none!important}.file-filter-bar .btn{flex:1 1 100%}}

/* v3 fixes: compact upload/filter/table visuals */
.upload-options-row{gap:6px!important;padding:8px!important;align-items:end!important}
.upload-options-row .check-row.compact{height:38px!important;min-height:38px!important;padding:0 8px!important;font-size:11.5px!important}
.upload-options-row .check-row.compact input{width:17px!important;height:17px!important}
.upload-options-row .mini-select{min-width:104px!important;max-width:136px!important;font-size:11.5px!important;gap:4px!important}
.upload-options-row .mini-select select{height:38px!important;min-height:38px!important;padding:6px 9px!important;font-size:11.5px!important;border-radius:11px!important;background:rgba(255,255,255,.78)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.upload-options-row .mini-select.share-select{min-width:112px!important;max-width:136px!important}
.upload-options-row .mini-select.share-select select{appearance:auto!important;min-height:38px!important;height:38px!important;overflow:hidden!important}
.upload-options-row .js-note-toggle{margin-inline-start:0!important}
.file-filter-bar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;margin:0 0 14px!important;padding:9px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:rgba(255,255,255,.44)!important}
.file-filter-bar select{height:40px!important;min-width:150px!important;max-width:220px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.85)!important;padding:6px 11px!important;font-size:12px!important;font-family:inherit!important;color:var(--text)!important}
.file-filter-bar .btn{height:40px!important;min-height:40px!important;padding:0 15px!important;white-space:nowrap!important}
.backup-table table{font-size:12px!important}
.backup-table td,.backup-table th{padding:9px 8px!important;vertical-align:middle!important}
.backup-table .metric,.backup-table .fa-date{font-size:12px!important;white-space:nowrap!important}
.compact-file-name,.backup-table .file-code{font-size:11.5px!important;line-height:1.8!important;max-width:380px!important;white-space:normal!important;word-break:break-word!important}
.backup-table .tag-badge,.backup-table .badge,.compact-badge{font-size:11px!important;padding:3px 7px!important;border-radius:999px!important;line-height:1.45!important;gap:3px!important}
.backup-table .tag-badge:before{width:7px!important;height:7px!important}
.backup-table .file-actions{gap:5px!important;flex-wrap:nowrap!important}
.backup-table .file-actions .btn{font-size:11.5px!important;padding:7px 9px!important;min-height:34px!important}
.file-toolbar-row{align-items:center!important;margin-bottom:8px!important}
.file-toolbar-row h2{margin:0!important}
@media(max-width:980px){.upload-options-row,.file-filter-bar{flex-wrap:wrap!important}.upload-options-row .mini-select,.upload-options-row .mini-select.share-select,.file-filter-bar select{flex:1 1 140px!important;max-width:none!important}.file-filter-bar .btn{flex:1 1 auto!important}.backup-table .file-actions{flex-wrap:wrap!important}}
/* v4 compact file panel / sub users */
.upload-card.is-disabled{opacity:.82}.upload-card.is-disabled input,.upload-card.is-disabled select,.upload-card.is-disabled button{cursor:not-allowed}
.upload-card .upload-main-row{display:grid;grid-template-columns:1.1fr 1.4fr 170px;gap:14px;align-items:end}.upload-card .upload-options-row{display:flex;align-items:end;gap:10px;flex-wrap:nowrap}.upload-card .upload-options-row label{margin:0}.upload-card .mini-select{min-width:130px;max-width:170px;font-size:12px}.upload-card .mini-select select,.upload-card input,.upload-card select{min-height:44px;padding:9px 12px;font-size:12px}.upload-card .check-row.compact{height:44px;min-width:110px;padding:0 12px;border:1px solid var(--border,#e2e8f0);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px}.upload-card .share-select{min-width:150px}.upload-card .js-note-toggle{min-width:118px}.file-filter-bar,.one-line-filters{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin:12px 0 16px}.file-filter-bar select,.one-line-filters select{height:42px;min-width:145px;font-size:12px;padding:7px 12px}.file-filter-bar .btn{height:42px;padding:9px 14px}.backup-table table{table-layout:fixed}.backup-table th,.backup-table td{font-size:11.5px;padding:10px 8px;vertical-align:middle}.backup-table .file-code,.backup-table .compact-file-name{font-size:11px;line-height:1.5;max-width:260px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 8px}.backup-table .metric,.backup-table .fa-date{font-size:11px}.backup-table .badge,.backup-table .compact-badge,.backup-table .folder-badge{font-size:10.5px;padding:4px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.backup-table .file-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.backup-table .file-actions .btn,.mini-actions .btn,.mini-actions button{font-size:11px;padding:7px 10px;border-radius:11px;min-height:32px}.backup-table .lock-icon{width:16px;height:16px;min-width:16px}.backup-table .folder-icon{width:18px;height:18px;min-width:18px}.actions-col{width:210px}.check-col{width:42px}.small-perms{font-size:11px;line-height:1.8}.prefix-input{display:flex;align-items:center;gap:0;border:1px solid var(--border,#e2e8f0);border-radius:14px;overflow:hidden;background:#fff}.prefix-input b{direction:ltr;background:#eef4ff;padding:12px 12px;border-left:1px solid var(--border,#e2e8f0)}.prefix-input input{border:0!important;border-radius:0!important;direction:ltr;text-align:left}.credential-box{direction:ltr;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;white-space:pre-wrap}.sub-credential-modal{display:flex}.sub-permission-matrix .table-wrap{grid-column:1/-1}.permission-table th,.permission-table td{text-align:center;font-size:12px;padding:8px}.permission-table td:first-child,.permission-table th:first-child{text-align:right}.manual-ext-row{margin-top:16px;max-width:360px}.error-report-filter{display:flex;align-items:end;gap:12px;flex-wrap:nowrap}.error-report-filter label{margin:0}.error-report-filter select{height:44px;min-width:180px}.error-report-filter .btn{height:44px}.floating-folder-actions{position:fixed;right:22px;bottom:82px;z-index:50;display:flex;flex-direction:column;gap:8px}.float-btn{background:#2563eb;color:#fff;text-decoration:none;border-radius:999px;padding:10px 16px;font-weight:800;box-shadow:0 12px 30px rgba(37,99,235,.25)}.float-btn.root{background:#6d28d9}.modal-filter-form label:nth-of-type(n+4){display:none}@media(max-width:900px){.upload-card .upload-main-row{grid-template-columns:1fr}.upload-card .upload-options-row,.file-filter-bar,.one-line-filters,.error-report-filter{flex-wrap:wrap}.backup-table table{table-layout:auto}.actions-col{width:auto}.floating-folder-actions{right:12px;bottom:72px}.file-filter-bar select,.one-line-filters select{min-width:140px;flex:1}}

/* v5 final fixes: sub-user display, compact checkboxes, floating buttons, forgot dark */
.backup-table input[type="checkbox"],
.permission-table input[type="checkbox"],
.sub-permission-matrix input[type="checkbox"],
.check-col input[type="checkbox"],
.js-check-all {
  -webkit-appearance:none!important;
  appearance:none!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  border:1.5px solid rgba(100,116,139,.55)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.82)!important;
  vertical-align:middle!important;
  display:inline-grid!important;
  place-content:center!important;
  padding:0!important;
  margin:0 auto!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.backup-table input[type="checkbox"]:checked,
.permission-table input[type="checkbox"]:checked,
.sub-permission-matrix input[type="checkbox"]:checked,
.check-col input[type="checkbox"]:checked,
.js-check-all:checked {
  background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;
  border-color:transparent!important;
}
.backup-table input[type="checkbox"]:checked::after,
.permission-table input[type="checkbox"]:checked::after,
.sub-permission-matrix input[type="checkbox"]:checked::after,
.check-col input[type="checkbox"]:checked::after,
.js-check-all:checked::after {
  content:"";
  width:8px;
  height:5px;
  border:2px solid #fff;
  border-top:0;
  border-right:0;
  transform:rotate(-45deg);
  margin-top:-1px;
}
body.dark .backup-table input[type="checkbox"],
body.dark .permission-table input[type="checkbox"],
body.dark .sub-permission-matrix input[type="checkbox"],
body.dark .check-col input[type="checkbox"],
body.dark .js-check-all {
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(226,232,240,.35)!important;
}
.check-col{width:28px!important;min-width:28px!important;max-width:28px!important;text-align:center!important}.backup-table th.check-col,.backup-table td:first-child{padding-inline:4px!important;text-align:center!important}
.backup-table th,.backup-table td{font-size:10.6px!important;padding:7px 5px!important;line-height:1.55!important}.backup-table .file-code,.backup-table .compact-file-name{font-size:10.4px!important;line-height:1.45!important;max-width:210px!important;padding:3px 6px!important;gap:3px!important}.backup-table .metric,.backup-table .fa-date{font-size:10.4px!important}.backup-table .tag-badge,.backup-table .badge,.backup-table .compact-badge,.backup-table .folder-badge{font-size:9.6px!important;padding:2px 5px!important;gap:2px!important;line-height:1.35!important}.backup-table .tag-badge:before{width:5px!important;height:5px!important}.backup-table .lock-icon{width:13px!important;height:13px!important;min-width:13px!important;border-radius:6px!important}.backup-table .folder-icon{width:15px!important;height:15px!important;min-width:15px!important}.backup-table .file-actions{gap:4px!important}.backup-table .file-actions .btn{font-size:10px!important;padding:5px 7px!important;min-height:28px!important;border-radius:9px!important}.actions-col{width:170px!important}.backup-table .folder-name{font-size:10.6px!important}.backup-table .folder-code{gap:4px!important;max-width:220px!important}
.floating-folder-actions{position:fixed!important;left:18px!important;right:auto!important;bottom:118px!important;z-index:70!important;display:flex!important;flex-direction:column!important;gap:6px!important;pointer-events:auto!important}.float-btn{font-size:12px!important;padding:8px 12px!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(37,99,235,.22)!important}.float-btn.root{box-shadow:0 10px 24px rgba(109,40,217,.22)!important}
.permission-table th,.permission-table td{font-size:11px!important;padding:6px!important}.sub-permission-matrix .check-row input[type="checkbox"]{width:18px!important;height:18px!important}.prefix-input{direction:ltr!important;justify-content:flex-start!important}.prefix-input b{direction:ltr!important;border-left:0!important;border-right:1px solid var(--border,#e2e8f0)!important}.prefix-input input{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}
body.dark .auth-card,body.dark .forgot-card{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}body.dark .forgot-help{background:rgba(255,255,255,.04)!important;border-color:var(--line)!important;color:var(--muted)!important}body.dark .forgot-help-icon{background:var(--primary-soft)!important;color:var(--primary)!important}body.dark .auth-card .hint{color:var(--muted)!important}
@media(max-width:900px){.floating-folder-actions{left:10px!important;bottom:82px!important}.actions-col{width:auto!important}.backup-table .file-actions{flex-wrap:wrap!important}.backup-table .file-code,.backup-table .compact-file-name{max-width:180px!important}}

/* v6 focused fixes: forgot page, table size rollback, remove floating buttons */
body.auth-page.dark,
body.dark.auth-page {
  background: radial-gradient(circle at 15% 85%, rgba(96,165,250,.18), transparent 34%),
              radial-gradient(circle at 88% 12%, rgba(129,140,248,.24), transparent 38%),
              var(--bg) !important;
}
body.dark.auth-page .auth-card,
body.dark.auth-page .forgot-card {
  background: rgba(12,23,41,.88) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
  color: var(--text) !important;
}
body.dark.auth-page .forgot-card h1,
body.dark.auth-page .forgot-card label,
body.dark.auth-page .auth-card h1,
body.dark.auth-page .auth-card label {
  color: var(--text) !important;
}
body.dark.auth-page .forgot-card .hint,
body.dark.auth-page .auth-card .hint {
  color: var(--muted) !important;
  border-color: rgba(255,255,255,.08) !important;
}
body.dark.auth-page .forgot-help {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: var(--muted) !important;
}
body.dark.auth-page .forgot-card input,
body.dark.auth-page .auth-card input {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: var(--text) !important;
}
body.dark.auth-page .forgot-card input::placeholder,
body.dark.auth-page .auth-card input::placeholder {
  color: rgba(148,163,184,.78) !important;
}
body.dark.auth-page .topbar .nav-pill,
body.dark.auth-page .topbar .theme-toggle {
  background: rgba(12,23,41,.72) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: var(--text) !important;
}
body.dark.auth-page .topbar .brand { color: var(--text) !important; }
body.dark.auth-page .topbar .brand small { color: var(--muted) !important; }
.forgot-card .hint { direction:rtl !important; text-align:right !important; }
.forgot-card .ltr-input { direction:ltr !important; text-align:left !important; unicode-bidi:plaintext !important; }

/* keep only checkbox compactness from v5; restore table text/button sizing to v4 */
.backup-table th,.backup-table td{font-size:11.5px!important;padding:10px 8px!important;line-height:1.6!important;vertical-align:middle!important}
.backup-table .file-code,.backup-table .compact-file-name{font-size:11px!important;line-height:1.5!important;max-width:260px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:5px 8px!important}
.backup-table .metric,.backup-table .fa-date{font-size:11px!important;white-space:nowrap!important}
.backup-table .badge,.backup-table .tag-badge,.backup-table .compact-badge,.backup-table .folder-badge{font-size:10.5px!important;padding:4px 7px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;line-height:1.45!important}
.backup-table .tag-badge:before{width:7px!important;height:7px!important}
.backup-table .file-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}
.backup-table .file-actions .btn,.mini-actions .btn,.mini-actions button{font-size:11px!important;padding:7px 10px!important;border-radius:11px!important;min-height:32px!important}
.backup-table .lock-icon{width:16px!important;height:16px!important;min-width:16px!important;border-radius:8px!important}
.backup-table .folder-icon{width:18px!important;height:18px!important;min-width:18px!important}
.actions-col{width:210px!important}.check-col{width:32px!important;min-width:32px!important;max-width:32px!important;text-align:center!important}.backup-table th.check-col,.backup-table td:first-child{padding-inline:5px!important;text-align:center!important}
.backup-table .folder-name{font-size:11px!important}.backup-table .folder-code{gap:5px!important;max-width:260px!important}
.floating-folder-actions{display:none!important}
@media(max-width:900px){.backup-table table{table-layout:auto!important}.actions-col{width:auto!important}.backup-table .file-actions{flex-wrap:wrap!important}.backup-table .file-code,.backup-table .compact-file-name{max-width:190px!important}}


/* v7 final polish: admin user search alignment and sub-user activity logs */
.one-line-filter{display:flex;align-items:end;gap:12px;flex-wrap:nowrap}
.one-line-filter label{display:grid;gap:8px;margin:0;flex:1}
.one-line-filter label select,.one-line-filter label input{height:48px}
.one-line-filter .btn{height:48px;display:inline-flex;align-items:center;justify-content:center;min-width:120px;margin:0}
@media(max-width:900px){.one-line-filter{flex-wrap:wrap}.one-line-filter label{min-width:220px}.one-line-filter .btn{flex:1}}

/* v8 admin sub-user management */
.sub-users-manage-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sub-users-manage-box .btn{padding:9px 14px;font-size:12px}
.ltr-inline{direction:ltr;unicode-bidi:embed;display:inline-block}

/* v11: admin permission polish + sub-user log retention UI */
.admin-permission-grid{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:10px!important;
  padding:14px!important;
  border-radius:22px!important;
}
.admin-permission-grid h3{
  font-size:17px!important;
  margin-bottom:2px!important;
}
.admin-permission-grid .permission-row{
  padding:10px!important;
  gap:8px!important;
  border-radius:16px!important;
  min-height:auto!important;
  box-shadow:0 8px 20px rgba(18,25,47,.035)!important;
}
.admin-permission-grid .permission-row>span{
  font-size:12.5px!important;
  line-height:1.6!important;
  font-weight:850!important;
}
.admin-permission-grid .permission-row label{
  min-height:30px!important;
  padding:6px 9px!important;
  font-size:11.5px!important;
  gap:6px!important;
  border-radius:12px!important;
}
.admin-permission-grid .permission-row input[type="radio"]{
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  margin:0!important;
}
.admin-permission-grid .permission-row label:has(input:checked){
  background:rgba(109,93,252,.10)!important;
  border-color:rgba(109,93,252,.42)!important;
}
body.dark .admin-permission-grid .permission-row,
body.dark .admin-permission-grid .permission-row label{
  background:rgba(255,255,255,.04)!important;
}

.inline-toast{position:fixed;left:24px;bottom:24px;z-index:9999;background:#15233d;color:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 18px 45px rgba(15,23,42,.22);opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s ease;font-weight:800;max-width:min(420px,calc(100vw - 48px));line-height:1.9}.inline-toast.is-visible{opacity:1;transform:translateY(0)}.inline-toast.is-error{background:#ef4444}body.dark .inline-toast{background:#eef4ff;color:#101828}body.dark .inline-toast.is-error{background:#ff5f64;color:#fff}

/* v20: Ajax file-list navigation */
#file-ajax-zone{position:relative;transition:opacity .18s ease,filter .18s ease;}
#file-ajax-zone.is-loading{opacity:.72;filter:saturate(.85);pointer-events:none;}
.file-ajax-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.64);backdrop-filter:blur(2px);z-index:15;border-radius:18px;font-weight:800;color:#18392f;}
body.dark .file-ajax-loading{background:rgba(10,18,18,.62);color:#dff8ef;}

/* v22: inline error inside locked delete dialogs */
.modal-inline-error{
    display:block;
    margin:10px 0 0;
    padding:10px 12px;
    border-radius:12px;
    background:rgba(170,40,69,.10);
    border:1px solid rgba(170,40,69,.25);
    color:#AA2845;
    font-size:13px;
    line-height:1.8;
}
.modal-inline-error.is-hidden{display:none;}
input.invalid,
.sc-bulk-password-input.invalid{
    border-color:#AA2845 !important;
    box-shadow:0 0 0 3px rgba(170,40,69,.12) !important;
}
body.dark .modal-inline-error{
    background:rgba(214,79,115,.16);
    border-color:rgba(214,79,115,.35);
    color:#ffb3c6;
}

/* v24: clickable category badge in file list */
.category-badge-link{
    text-decoration:none!important;
    cursor:pointer;
}
.category-badge-link:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(15,23,42,.08);
}


/* v31 password policy visibility on auth reset/change forms */
.password-policy-hint{display:block;margin-top:8px;font-size:12px;line-height:1.8;color:var(--muted);font-weight:600}
.password-strength{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12px;line-height:1.8;font-weight:800;min-height:18px}
.password-strength:empty{display:none}
.password-strength::before{content:"";width:26px;height:4px;border-radius:999px;background:currentColor;opacity:.88}
.password-strength.bad{color:#dc2626}
.password-strength.warn{color:#d97706}
.password-strength.ok{color:#059669}
body.dark.auth-page .password-policy-hint,body.dark.auth-page .password-strength{color:var(--muted)}
body.dark.auth-page .password-strength.bad{color:#f87171}
body.dark.auth-page .password-strength.warn{color:#fbbf24}
body.dark.auth-page .password-strength.ok{color:#34d399}


/* v32 security/mobile shell: mobile-only hamburger drawer; desktop UI remains unchanged */
.mobile-drawer-toggle,.mobile-drawer,.mobile-drawer-backdrop{display:none}
.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mobile-drawer-head .brand{margin:0}.mobile-drawer-head .brand img{width:42px;height:42px}.mobile-drawer-close{width:42px;height:42px;border-radius:14px;font-size:24px;line-height:1;background:rgba(15,23,42,.05)}.mobile-drawer-links{display:grid;gap:8px}.mobile-drawer-links a,.mobile-theme-link{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:850}.mobile-theme-link{width:100%;font-family:inherit;cursor:pointer}.mobile-drawer.is-open,.mobile-drawer-backdrop.is-open{display:block}
@media(max-width:900px){
  .topbar{position:sticky;top:0;z-index:80;gap:10px}.topbar nav>.nav-pill,.topbar nav>.nav-menu,.topbar nav>.theme-toggle{display:none!important}.mobile-drawer-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border-radius:14px;background:var(--primary,#0f4f3d);color:#fff;border:1px solid transparent;font-weight:850}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(2px);z-index:95}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(330px,86vw);padding:18px;background:var(--surface,#fff);border-left:1px solid var(--line);box-shadow:-24px 0 70px rgba(15,23,42,.22);z-index:96;overflow:auto;transform:translateX(0)}body.mobile-menu-open{overflow:hidden}.container{width:100%;max-width:100%;padding-inline:14px!important}.grid-form,.filter-form,.settings-grid,.cards,.dashboard-cards{grid-template-columns:1fr!important}.table-wrap,.admin-table,.file-list-card{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:760px}.mini-actions,.admin-actions,.form-actions,.head-actions{flex-wrap:wrap!important}.btn,button,.nav-pill{min-height:42px}.topbar .brand b{font-size:15px}.topbar .brand small{font-size:10px}.footer-grid{grid-template-columns:1fr!important}.footer{padding-inline:14px!important}
}
body.dark .mobile-drawer{background:var(--surface,#0f172a);border-color:var(--line)}body.dark .mobile-drawer-links a,body.dark .mobile-theme-link,body.dark .mobile-drawer-close{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);color:var(--text)}


/* v33 mobile header fix + updater UI */
.mobile-drawer-toggle{display:none!important}
@media(min-width:901px){.mobile-drawer-toggle,.mobile-drawer,.mobile-drawer-backdrop{display:none!important}.topbar .mobile-drawer-toggle{display:none!important}}
@media(max-width:900px){
  .topbar{position:relative!important;top:auto!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;gap:12px!important;padding:14px 16px!important;margin:0!important;border-bottom:1px solid rgba(15,23,42,.08)!important;background:rgba(255,255,255,.50)!important;backdrop-filter:blur(14px)!important}
  .topbar .brand{order:2!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-align:right!important}
  .topbar nav{order:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;width:auto!important;gap:8px!important}
  .topbar nav>.nav-pill,.topbar nav>.nav-menu,.topbar nav>.theme-toggle{display:none!important}
  .mobile-drawer-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:9px 13px!important;border-radius:14px!important;background:rgba(255,255,255,.84)!important;color:var(--text)!important;border:1px solid var(--line)!important;font-weight:850!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
  .mobile-drawer-toggle svg{width:20px;height:20px;flex:0 0 20px}.topbar .brand-logo img{width:42px!important;height:42px!important}.topbar .brand b{font-size:15px!important}.topbar .brand small{font-size:10px!important}
  .container{padding-top:18px!important}.upload-card .upload-options-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}.upload-card .mini-select,.upload-card .mini-select.share-select{min-width:0!important;max-width:none!important;width:100%!important}.upload-card .check-row.compact{width:100%!important;justify-content:center!important}.upload-card .upload-options-row .check-row.compact{grid-column:1/-1!important}.upload-card .js-note-toggle{grid-column:1/-1!important;width:100%!important}
}
.windows-update-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.windows-update-card{display:grid!important;gap:12px}.windows-update-card label{display:grid;gap:7px;font-weight:800}.windows-update-card input,.windows-update-card textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.68);padding:11px 12px;font-family:inherit;color:var(--text)}.windows-update-card textarea{resize:vertical;min-height:140px}.update-current-box{display:grid;gap:6px;padding:12px;border-radius:14px;background:rgba(15,23,42,.04);border:1px solid var(--line);font-size:12px;line-height:1.8}.update-panel{display:grid;gap:14px}.update-result-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.66);display:grid;gap:10px}.update-meta{display:flex;gap:10px;flex-wrap:wrap}.update-changelog{white-space:pre-wrap;line-height:1.9;background:rgba(15,23,42,.04);border:1px solid var(--line);border-radius:14px;padding:12px;max-height:220px;overflow:auto}.update-actions{display:flex;gap:10px;flex-wrap:wrap}.update-progress-inline{display:grid;gap:8px}.update-progress-inline progress{width:100%;height:12px}
body.dark .topbar{background:rgba(15,23,42,.55)!important;border-color:rgba(255,255,255,.08)!important}body.dark .windows-update-card input,body.dark .windows-update-card textarea,body.dark .update-result-card{background:rgba(255,255,255,.06)}body.dark .update-current-box,body.dark .update-changelog{background:rgba(255,255,255,.05)}


/* v34 password visibility toggle + easier captcha polish */
.siba-password-field{position:relative!important;display:block!important;width:100%!important;max-width:100%!important}
.siba-password-field .siba-password-input{width:100%!important;padding-left:52px!important;box-sizing:border-box!important}
.siba-password-field.is-ltr .siba-password-input{padding-left:14px!important;padding-right:52px!important}
.siba-password-toggle{position:absolute!important;left:8px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;border:1px solid rgba(148,163,184,.38)!important;border-radius:13px!important;background:rgba(255,255,255,.82)!important;color:#334155!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;margin:0!important;z-index:3!important;box-shadow:0 8px 22px rgba(15,23,42,.07)!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important}
.siba-password-field.is-ltr .siba-password-toggle{left:auto!important;right:8px!important}
.siba-password-toggle:hover,.siba-password-toggle:focus{background:#fff!important;border-color:rgba(79,70,229,.45)!important;color:var(--primary,#4f46e5)!important;outline:none!important;transform:translateY(-50%) scale(1.03)!important}
.siba-password-toggle svg{width:19px!important;height:19px!important;display:block!important;pointer-events:none!important}
.siba-password-toggle.is-visible{color:var(--primary,#4f46e5)!important;background:rgba(79,70,229,.08)!important;border-color:rgba(79,70,229,.35)!important}
body.dark .siba-password-toggle{background:rgba(15,23,42,.74)!important;border-color:rgba(226,232,240,.22)!important;color:rgba(226,232,240,.9)!important;box-shadow:none!important}
body.dark .siba-password-toggle:hover,body.dark .siba-password-toggle:focus,body.dark .siba-password-toggle.is-visible{background:rgba(99,102,241,.16)!important;border-color:rgba(129,140,248,.45)!important;color:#c7d2fe!important}
.login-form label:has(input[name="captcha_answer"]){background:rgba(255,255,255,.42);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:12px 14px;gap:9px}
.login-form input[name="captcha_answer"]{font-size:16px!important;text-align:center!important;letter-spacing:2px!important;font-weight:800!important}
@media(max-width:720px){.siba-password-field .siba-password-input{padding-left:48px!important}.siba-password-field.is-ltr .siba-password-input{padding-right:48px!important}.siba-password-toggle{width:36px!important;height:36px!important;border-radius:12px!important}.siba-password-toggle svg{width:18px!important;height:18px!important}}


/* v35 exact mobile header/order + stable upload option grid; captcha wording restored in PHP */
@media(max-width:900px){
  .topbar{
    position:relative!important;
    top:auto!important;
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-direction:row!important;
    gap:12px!important;
    margin:12px 12px 0!important;
    padding:14px 16px!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-bottom-color:rgba(148,163,184,.28)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.58)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
    backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
  }
  .topbar .brand{
    order:1!important;
    margin:0!important;
    margin-inline-start:0!important;
    margin-inline-end:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    gap:10px!important;
    min-width:0!important;
    text-align:right!important;
  }
  .topbar nav{
    order:2!important;
    margin:0!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:max-content!important;
    gap:8px!important;
  }
  .topbar .brand-logo{order:1!important;flex:0 0 auto!important}
  .topbar .brand span:not(.brand-logo){order:2!important;min-width:0!important}
  .topbar .brand-logo img{width:42px!important;height:42px!important;border-radius:13px!important}
  .topbar .brand b{font-size:15px!important;line-height:1.25!important;white-space:nowrap!important}
  .topbar .brand small{font-size:10px!important;line-height:1.2!important;white-space:nowrap!important}
  .mobile-drawer-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:42px!important;
    min-width:74px!important;
    padding:9px 13px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.88)!important;
    color:var(--text)!important;
    border:1px solid var(--line)!important;
    font-weight:850!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
  }
  .upload-card .upload-options-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    padding:10px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .upload-card .upload-options-row>label{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .upload-card .upload-options-row .mini-select,
  .upload-card .upload-options-row .mini-select.share-select{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    font-size:12px!important;
    text-align:center!important;
  }
  .upload-card .upload-options-row .mini-select select,
  .upload-card .upload-options-row .mini-select.share-select select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:14px!important;
    text-align:center!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
  .upload-card .upload-options-row .check-row.compact{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    justify-content:center!important;
    align-items:center!important;
    font-size:12px!important;
  }
  .upload-card .upload-options-row .upload-lock-toggle,
  .upload-card .upload-options-row .upload-note-toggle,
  .upload-card .upload-options-row:not(.has-share) .upload-category-select{
    grid-column:1/-1!important;
  }
  .upload-card .upload-options-row.has-share .upload-category-select,
  .upload-card .upload-options-row.has-share .upload-share-select{
    grid-column:auto!important;
  }
}
@media(max-width:420px){
  .topbar{margin:10px 8px 0!important;padding:12px 12px!important;border-radius:20px!important}
  .topbar .brand b{font-size:14px!important}
  .topbar .brand small{font-size:9.5px!important}
  .topbar .brand-logo img{width:40px!important;height:40px!important}
  .mobile-drawer-toggle{min-width:68px!important;padding-inline:11px!important}
  .upload-card .upload-options-row{grid-template-columns:1fr!important;gap:9px!important}
  .upload-card .upload-options-row .upload-lock-scope,
  .upload-card .upload-options-row .upload-tag-select,
  .upload-card .upload-options-row.has-share .upload-category-select,
  .upload-card .upload-options-row.has-share .upload-share-select{
    grid-column:1/-1!important;
  }
}
body.dark .topbar{background:rgba(15,23,42,.62)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}

/* v36 precision UI repair: unboxed password eye, balanced mobile upload options, fixed mobile header logo */
.siba-password-field{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.siba-password-field .siba-password-input{
  padding-left:46px!important;
}
.siba-password-field.is-ltr .siba-password-input{
  padding-left:12px!important;
  padding-right:46px!important;
}
.siba-password-toggle,
.siba-password-toggle:hover,
.siba-password-toggle:focus,
.siba-password-toggle.is-visible{
  position:absolute!important;
  left:13px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
  color:rgba(15,23,42,.58)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  cursor:pointer!important;
}
.siba-password-field.is-ltr .siba-password-toggle,
.siba-password-field.is-ltr .siba-password-toggle:hover,
.siba-password-field.is-ltr .siba-password-toggle:focus,
.siba-password-field.is-ltr .siba-password-toggle.is-visible{
  right:13px!important;
  left:auto!important;
}
.siba-password-toggle svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
  pointer-events:none!important;
}
.siba-password-toggle:hover,
.siba-password-toggle:focus,
.siba-password-toggle.is-visible{
  color:var(--primary,#4f46e5)!important;
}
body.dark .siba-password-toggle,
body.dark .siba-password-toggle:hover,
body.dark .siba-password-toggle:focus,
body.dark .siba-password-toggle.is-visible{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(226,232,240,.78)!important;
}
.login-form label:has(input[name="captcha_answer"]){
  gap:14px!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}
.login-form input[name="captcha_answer"]{
  margin-top:4px!important;
}
@media(max-width:900px){
  .topbar{
    direction:ltr!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-direction:row!important;
    gap:12px!important;
    overflow:visible!important;
  }
  .topbar .brand{
    order:2!important;
    direction:rtl!important;
    margin:0!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    gap:10px!important;
    min-width:0!important;
    text-align:right!important;
  }
  .topbar nav{
    order:1!important;
    direction:rtl!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:max-content!important;
  }
  .topbar .brand-logo{
    order:1!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    padding:2px!important;
    margin:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .topbar .brand-logo img{
    width:42px!important;
    height:42px!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    object-fit:contain!important;
    background:transparent!important;
    box-shadow:none!important;
    display:block!important;
  }
  .topbar .brand span:not(.brand-logo){
    order:2!important;
    min-width:0!important;
  }
  .upload-card .upload-options-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    padding:12px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .upload-card .upload-options-row>label,
  .upload-card .upload-options-row .upload-lock-toggle,
  .upload-card .upload-options-row .upload-note-toggle,
  .upload-card .upload-options-row .upload-lock-scope,
  .upload-card .upload-options-row .upload-tag-select,
  .upload-card .upload-options-row .upload-category-select,
  .upload-card .upload-options-row .upload-share-select{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .upload-card .upload-options-row .mini-select,
  .upload-card .upload-options-row .mini-select.share-select{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    font-size:14px!important;
    line-height:1.8!important;
    font-weight:850!important;
    text-align:center!important;
    color:var(--text)!important;
  }
  .upload-card .upload-options-row .mini-select select,
  .upload-card .upload-options-row .mini-select.share-select select,
  .upload-card .upload-options-row .check-row.compact{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    border-radius:22px!important;
    padding:0 18px!important;
    font-size:16px!important;
    line-height:1.7!important;
    font-weight:850!important;
    text-align:center!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid var(--line)!important;
    box-shadow:0 10px 26px rgba(15,23,42,.035)!important;
    color:var(--text)!important;
  }
  .upload-card .upload-options-row .check-row.compact{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
  }
  .upload-card .upload-options-row .check-row.compact span{
    font-size:16px!important;
    font-weight:850!important;
  }
  .upload-card .upload-options-row .check-row.compact input[type="checkbox"]{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    margin:0!important;
    flex:0 0 28px!important;
  }
}
@media(max-width:420px){
  .topbar .brand-logo img{width:40px!important;height:40px!important;border-radius:0!important;}
  .upload-card .upload-options-row{gap:11px!important;padding:11px!important;}
  .upload-card .upload-options-row .mini-select select,
  .upload-card .upload-options-row .mini-select.share-select select,
  .upload-card .upload-options-row .check-row.compact{height:62px!important;min-height:62px!important;font-size:15px!important;border-radius:20px!important;}
}

/* v37 mobile upload controls repair: compact, non-overlapping, filter-like layout */
@media(max-width:900px){
  .upload-card .upload-options-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    padding:12px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .upload-card .upload-options-row>label,
  .upload-card .upload-options-row .upload-lock-toggle,
  .upload-card .upload-options-row .upload-note-toggle,
  .upload-card .upload-options-row .upload-lock-scope,
  .upload-card .upload-options-row .upload-tag-select,
  .upload-card .upload-options-row .upload-category-select,
  .upload-card .upload-options-row .upload-share-select{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .upload-card .upload-options-row .upload-lock-toggle,
  .upload-card .upload-options-row .upload-note-toggle,
  .upload-card .upload-options-row:not(.has-share) .upload-category-select{
    grid-column:1/-1!important;
  }
  .upload-card .upload-options-row.has-share .upload-category-select,
  .upload-card .upload-options-row.has-share .upload-share-select{
    grid-column:auto!important;
  }
  .upload-card .upload-options-row .mini-select,
  .upload-card .upload-options-row .mini-select.share-select{
    display:block!important;
    font-size:0!important;
    line-height:0!important;
    font-weight:inherit!important;
    text-align:initial!important;
    color:transparent!important;
    gap:0!important;
  }
  .upload-card .upload-options-row .mini-select select,
  .upload-card .upload-options-row .mini-select.share-select select{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 16px!important;
    border-radius:17px!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:800!important;
    text-align:right!important;
    color:var(--text)!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid var(--line)!important;
    box-shadow:none!important;
    appearance:auto!important;
  }
  .upload-card .upload-options-row .check-row.compact{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 16px!important;
    border-radius:17px!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:850!important;
    text-align:center!important;
    color:var(--text)!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid var(--line)!important;
    box-shadow:none!important;
  }
  .upload-card .upload-options-row .check-row.compact span{
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  .upload-card .upload-options-row .check-row.compact input[type="checkbox"]{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex:0 0 22px!important;
    margin:0!important;
  }
}
@media(max-width:380px){
  .upload-card .upload-options-row{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:10px!important;
  }
  .upload-card .upload-options-row .upload-lock-scope,
  .upload-card .upload-options-row .upload-tag-select,
  .upload-card .upload-options-row.has-share .upload-category-select,
  .upload-card .upload-options-row.has-share .upload-share-select{
    grid-column:1/-1!important;
  }
  .upload-card .upload-options-row .mini-select select,
  .upload-card .upload-options-row .mini-select.share-select select,
  .upload-card .upload-options-row .check-row.compact{
    height:52px!important;
    min-height:52px!important;
    border-radius:16px!important;
    font-size:13.5px!important;
  }
}

/* Windows update center - async chunked upload */
.windows-update-admin-card{overflow:hidden}.windows-update-admin-card .muted{max-width:980px;line-height:2}.windows-update-grid.siba-windows-update-ajax{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch}.windows-update-async-card{gap:14px!important}.windows-update-card-head{display:grid;gap:8px}.windows-update-card-head strong{font-size:16px}.windows-update-card-head span{color:var(--muted);font-size:13px;line-height:1.7}.windows-update-async-card label{margin:0}.windows-update-async-card input[type=file]{padding:10px;background:rgba(255,255,255,.72)}.windows-update-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.windows-update-card-actions .btn{justify-content:center;min-height:44px}.windows-update-card-actions .btn[disabled]{opacity:.45;cursor:not-allowed}.windows-update-progress{display:grid;gap:8px;border:1px solid rgba(45,212,191,.35);background:rgba(45,212,191,.08);border-radius:16px;padding:12px}.update-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.update-progress-bar{height:10px;border-radius:999px;background:rgba(15,23,42,.08);overflow:hidden}.update-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .18s ease}.windows-update-progress small{color:var(--muted);line-height:1.7}.windows-update-card .update-current-box{min-height:96px}.btn.warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28);color:#92400e}.btn.warning:hover{background:rgba(245,158,11,.18)}body.dark .windows-update-progress{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.22)}body.dark .update-progress-bar{background:rgba(255,255,255,.10)}body.dark .btn.warning{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25)}@media(max-width:720px){.windows-update-grid.siba-windows-update-ajax{grid-template-columns:1fr}.windows-update-card-actions{grid-template-columns:1fr}.windows-update-async-card input,.windows-update-async-card textarea{font-size:14px}.windows-update-admin-card .section-title-row{align-items:flex-start}.windows-update-card .update-current-box{font-size:12px}}


/* R39 update center and appearance controls */
.windows-update-version-hint{font-size:12px;line-height:1.8;color:var(--muted);margin:-4px 0 8px}
.appearance-settings-form input[type=color]{height:46px;padding:6px;cursor:pointer}
#updateClearLogsModal .info-card{max-width:460px}

/* R40: professional appearance settings */
.appearance-admin-card{overflow:visible}
.appearance-settings-form{display:grid;grid-template-columns:1fr;gap:18px}
.appearance-section,.appearance-preview-wrap{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.32);padding:20px}
body.dark .appearance-section,body.dark .appearance-preview-wrap{background:rgba(255,255,255,.025)}
.appearance-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.appearance-section-head h2{font-size:18px;margin:0 0 4px}
.appearance-section-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.9}
.appearance-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.appearance-fields>label{margin:0;min-width:0}
.appearance-fields label>small{display:block;color:var(--muted);font-size:11.5px;line-height:1.8;margin-top:6px}
.appearance-fields input,.appearance-fields select{margin-top:7px}
.appearance-upload-field{border:1px dashed var(--line-strong);border-radius:18px;padding:14px;background:rgba(255,255,255,.28)}
.appearance-current-image{display:flex;align-items:center;gap:10px;margin:10px 0;padding:9px 11px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}
.appearance-current-image img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:var(--surface-solid);padding:5px;border:1px solid var(--line)}
.appearance-current-image.favicon img{width:38px;height:38px}
.appearance-current-image small{margin:0!important}
.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.color-field{display:grid;gap:7px}
.color-control{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center}
.color-control input[type=color]{width:72px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:5px!important;cursor:pointer}
.color-control code{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border:1px solid var(--line);color:var(--text);font-weight:800;letter-spacing:.4px}
.appearance-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.appearance-switches .check-row{margin:0;min-height:64px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:12px 14px;display:flex;align-items:center;gap:10px}
.appearance-switches .check-row input{width:22px!important;height:22px!important;min-width:22px!important;margin:0!important}
.appearance-preview-wrap{position:relative;overflow:hidden}
.appearance-live-preview{--preview-primary:#2563eb;--preview-secondary:#4f46e5;--preview-primary-rgb:37,99,235;--preview-secondary-rgb:79,70,229;--preview-bg:#f5f7fb;--preview-bg2:#eef2f8;--preview-surface:rgba(255,255,255,.68);--preview-text:#0f172a;--preview-muted:#64748b;--preview-radius:32px;--preview-button-radius:14px;--preview-input-radius:14px;--preview-font-size:16px;--preview-padding:28px;--preview-shadow:0 20px 60px rgba(15,23,42,.12);border:1px solid var(--line);border-radius:24px;padding:22px;background:radial-gradient(circle at 88% 14%,rgba(var(--preview-secondary-rgb),.20),transparent 26%),radial-gradient(circle at 10% 85%,rgba(var(--preview-primary-rgb),.18),transparent 28%),linear-gradient(180deg,var(--preview-bg),var(--preview-bg2));color:var(--preview-text);font-size:var(--preview-font-size)}
.appearance-preview-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.appearance-preview-brand small{display:block;color:var(--preview-muted);font-size:11px}
.appearance-preview-brand strong{display:block;font-size:15px}
.appearance-preview-logo{width:46px;height:46px;border-radius:14px;background:var(--preview-surface);display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(15,23,42,.08)}
.appearance-preview-logo img{width:100%;height:100%;object-fit:contain}
.appearance-preview-card{background:var(--preview-surface);border:1px solid rgba(15,23,42,.08);border-radius:var(--preview-radius);padding:var(--preview-padding);box-shadow:var(--preview-shadow);backdrop-filter:blur(16px)}
.appearance-preview-card h3{margin:0 0 6px;color:var(--preview-text)}
.appearance-preview-card p{margin:0 0 14px;color:var(--preview-muted)}
.appearance-preview-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.appearance-live-preview .btn{border-radius:var(--preview-button-radius)!important}
.appearance-live-preview .btn.primary{background:linear-gradient(135deg,var(--preview-primary),var(--preview-secondary))!important}
.appearance-live-preview label{color:var(--preview-text);margin:0}
.appearance-live-preview input{border-radius:var(--preview-input-radius)!important;background:var(--preview-surface)!important;color:var(--preview-text)!important}
.appearance-form-actions{display:flex;gap:12px;flex-wrap:wrap;position:sticky;bottom:12px;z-index:5;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface-solid);box-shadow:var(--shadow-lg)}
.appearance-form-actions .btn{min-width:190px}
@media(max-width:900px){.appearance-fields,.color-grid{grid-template-columns:1fr}.appearance-switches{grid-template-columns:1fr}.appearance-form-actions{position:static}.appearance-form-actions .btn{width:100%}}
@media(max-width:560px){.appearance-section,.appearance-preview-wrap{padding:15px;border-radius:20px}.color-control{grid-template-columns:62px 1fr}.color-control input[type=color]{width:62px!important}.appearance-live-preview{padding:14px}.appearance-preview-card{padding:20px}}
