:root{--wm-bg:#f5f7fb;--wm-card:#fff;--wm-ink:#182230;--wm-muted:#667085;--wm-line:#e7eaf0;--wm-primary:#2563eb;--wm-primary2:#1d4ed8;--wm-side:#101828;--wm-side2:#0b1220}
*{box-sizing:border-box}.wm-body{margin:0;background:var(--wm-bg);color:var(--wm-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.wm-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.wm-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--wm-side),var(--wm-side2));padding:18px 14px;display:flex;flex-direction:column;color:#fff;z-index:80}.wm-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 20px;color:#fff;text-decoration:none}.wm-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff;color:#111827;font-weight:900;font-size:20px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.wm-brand strong,.wm-brand small{display:block}.wm-brand strong{font-size:13px;letter-spacing:.05em}.wm-brand small{margin-top:4px;color:#98a2b3;font-size:11px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-nav{display:grid;gap:5px}.wm-nav-label{padding:15px 12px 6px;color:#667085;font-size:10px;font-weight:800;letter-spacing:.12em}.wm-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#b8c2d0;text-decoration:none;font-weight:650;font-size:13px;transition:.18s}.wm-nav a:hover,.wm-nav a.active{background:#1d2939;color:#fff}.wm-nav a.active{box-shadow:inset 3px 0 0 #60a5fa}.wm-nav i{width:24px;height:24px;display:grid;place-items:center;font-style:normal;color:#c8d2e1}.wm-side-foot{margin-top:auto;display:grid;gap:5px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.wm-side-foot>a{display:flex;justify-content:space-between;padding:9px 10px;color:#9daabd;text-decoration:none;font-size:12px;border-radius:9px}.wm-side-foot>a:hover{background:#182230;color:#fff}.wm-side-user{display:flex;align-items:center;gap:10px;margin-top:8px;padding:11px 8px}.wm-side-user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111827;font-weight:900}.wm-side-user b,.wm-side-user small{display:block}.wm-side-user b{font-size:12px}.wm-side-user small{font-size:10px;color:#98a2b3;margin-top:2px}.wm-main{min-width:0}.wm-topbar{height:72px;padding:0 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--wm-line);display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:50}.wm-topbar-title h1{margin:0;font-size:20px;letter-spacing:-.02em}.wm-topbar-title p{margin:4px 0 0;color:var(--wm-muted);font-size:12px}.wm-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.wm-top-link,.wm-logout{padding:9px 12px;border:1px solid var(--wm-line);border-radius:9px;color:#344054;text-decoration:none;font-size:12px;font-weight:700;background:#fff}.wm-logout{color:#b42318}.wm-menu-btn{display:none;border:1px solid var(--wm-line);background:#fff;border-radius:9px;width:40px;height:40px;cursor:pointer}.wm-content{padding:24px;max-width:1540px;width:100%;margin:0 auto}.wm-overlay{display:none}
.wm-login-body{min-height:100vh;margin:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#253352 0,transparent 35%),linear-gradient(145deg,#0b1220,#111827);font-family:Inter,system-ui,sans-serif}.wm-login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.wm-login-brand{display:flex;gap:12px;align-items:center}.wm-login-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900;font-size:20px}.wm-login-brand b,.wm-login-brand small{display:block}.wm-login-brand small{margin-top:3px;color:#718096}.wm-login-card h1{margin:30px 0 7px;font-size:28px}.wm-login-card>p{margin:0 0 24px;color:#718096;line-height:1.5}.wm-login-card form{display:grid;gap:16px}.wm-login-card label{font-size:13px;font-weight:800}.wm-login-card input{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d9dee8;border-radius:12px;font:inherit}.wm-login-card button{border:0;border-radius:12px;padding:14px;background:#111827;color:#fff;font-weight:900;font-size:14px;cursor:pointer}.wm-back{display:block;margin-top:20px;text-align:center;color:#64748b;text-decoration:none;font-size:13px}.wm-alert{margin:0 0 16px;padding:11px 13px;border-radius:10px;background:#fff0f0;color:#b42318;font-size:13px}
@media(max-width:980px){.wm-shell{grid-template-columns:1fr}.wm-sidebar{position:fixed;left:-270px;width:248px;transition:left .2s}.wm-menu-open .wm-sidebar{left:0}.wm-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:70;opacity:0;visibility:hidden;transition:.2s}.wm-menu-open .wm-overlay{opacity:1;visibility:visible}.wm-menu-btn{display:block}.wm-topbar{padding:0 14px}.wm-topbar-title p{display:none}.wm-content{padding:14px}.wm-top-link{display:none}}
@media(max-width:560px){.wm-topbar-title h1{font-size:17px}.wm-logout{padding:8px 10px}.wm-content{padding:10px}}
.wm-nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-style:normal;display:inline-flex;align-items:center;justify-content:center;font-weight:800}

/* CMS Pro 2 */
.wm-global-search{display:flex;align-items:center;min-width:260px;max-width:390px;flex:1;margin-left:auto}.wm-global-search input{width:100%;height:40px;border:1px solid #e1e6ef;border-radius:12px 0 0 12px;padding:0 13px;background:#f7f9fc}.wm-global-search button{height:40px;width:44px;border:1px solid #e1e6ef;border-left:0;border-radius:0 12px 12px 0;background:#fff;cursor:pointer}.wa-search-hero{display:flex;gap:10px;padding:16px}.wa-search-hero input{flex:1;min-width:0;height:46px;border:1px solid #dfe5ef;border-radius:12px;padding:0 15px;font-size:15px}.wa-search-summary{margin:14px 2px;color:#637083}.wa-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wa-search-list{display:grid;gap:4px}.wa-search-list>a{display:flex;gap:11px;align-items:center;padding:10px;border-radius:12px;color:inherit;text-decoration:none}.wa-search-list>a:hover{background:#f5f7fb}.wa-search-list b,.wa-search-list small{display:block}.wa-search-list small{margin-top:3px;color:#7a8495}.wa-search-thumb{width:44px;height:44px;border-radius:10px;background:#f0f3f8;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.wa-search-thumb img{width:100%;height:100%;object-fit:cover}.wa-bulkbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #edf0f5;background:#fafbfc;flex-wrap:wrap}.wa-bulkbar select{height:38px;border:1px solid #dfe5ef;border-radius:9px;padding:0 10px}.wa-bulkbar span{color:#788395;font-size:13px}.wa-check-col{width:38px;text-align:center}.wa-check-col input{width:17px;height:17px}.wa-icon-btn[title="Nhân bản"]{font-size:16px}
@media(max-width:900px){.wm-global-search{display:none}.wa-search-grid{grid-template-columns:1fr}}

/* =========================================================
   ADMINWEB PROFESSIONAL UI 2026-08-06
   Scope: /adminweb only
   ========================================================= */
:root{
  --wm-bg:#f6f7fb;
  --wm-card:#ffffff;
  --wm-ink:#101828;
  --wm-muted:#667085;
  --wm-line:#e6e9ef;
  --wm-primary:#5b5bd6;
  --wm-primary2:#4747c7;
  --wm-primary-soft:#f0efff;
  --wm-side:#111827;
  --wm-side2:#0b1020;
  --wm-success:#079455;
  --wm-warning:#dc6803;
  --wm-danger:#d92d20;
  --wm-radius:16px;
  --wm-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)
}
html{background:var(--wm-bg)}
.wm-body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--wm-bg);color:var(--wm-ink);font-size:14px;line-height:1.5}
.wm-body button,.wm-body input,.wm-body select,.wm-body textarea{font:inherit}
.wm-shell{grid-template-columns:272px minmax(0,1fr)}
.wm-sidebar{padding:0 14px 14px;background:linear-gradient(180deg,#151b2b 0%,#0b1020 100%);box-shadow:8px 0 30px rgba(15,23,42,.08);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344054 transparent}
.wm-brand{height:82px;padding:16px 10px;border-bottom:1px solid rgba(255,255,255,.07);gap:12px;position:sticky;top:0;background:linear-gradient(180deg,#151b2b 80%,rgba(21,27,43,.94));z-index:2}
.wm-brand-mark{width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(135deg,#7777ef,#4b4bd0)!important;color:#fff!important;box-shadow:0 8px 22px rgba(91,91,214,.32)!important;font-size:18px!important}
.wm-brand-copy{min-width:0}.wm-brand-copy strong{text-transform:none;font-size:15px;letter-spacing:-.01em;font-weight:800}.wm-brand-copy small{color:#98a2b3;font-size:11px;margin-top:3px;max-width:165px}
.wm-nav{gap:3px;padding:10px 0}.wm-nav-label{text-transform:uppercase;padding:17px 12px 7px;color:#667085;font-size:9px;letter-spacing:.14em;font-weight:800}
.wm-nav a{min-height:42px;padding:9px 11px;border-radius:10px;color:#aeb8c8;font-size:13px;font-weight:600;gap:11px;position:relative}
.wm-nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:none}.wm-nav a.active{background:linear-gradient(90deg,rgba(91,91,214,.22),rgba(91,91,214,.08));color:#fff;box-shadow:none}
.wm-nav a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:5px;background:#8b8bf5}
.wm-nav i{width:20px;height:20px;color:#8f9bad}.wm-nav a.active i{color:#a9a9ff}.wm-nav i svg{width:20px;height:20px;display:block}.wm-nav-badge{margin-left:auto;min-width:21px;height:21px;border-radius:999px;padding:0 6px;display:grid;place-items:center;background:#f04438;color:#fff;font-style:normal;font-size:10px;font-weight:800;box-shadow:0 0 0 3px rgba(240,68,56,.12)}
.wm-side-foot{padding:14px 6px 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:8px}.wm-side-user{padding:4px;min-width:0;flex:1;margin:0}.wm-side-user>span{width:36px;height:36px;background:linear-gradient(145deg,#f0efff,#c7c7ff);color:#3f3f9d;font-size:13px;flex:0 0 auto}.wm-side-user b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}.wm-side-user small{font-size:9px}.wm-side-links{display:flex;gap:4px}.wm-side-links a{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#98a2b3;text-decoration:none}.wm-side-links a:hover{background:rgba(255,255,255,.07);color:#fff}.wm-side-links svg{width:16px;height:16px}
.wm-main{background:var(--wm-bg)}
.wm-topbar{height:78px;padding:0 28px;gap:18px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(230,233,239,.9);box-shadow:0 1px 0 rgba(16,24,40,.02);backdrop-filter:blur(18px)}
.wm-menu-btn{width:40px;height:40px;border-radius:10px}.wm-menu-btn svg{width:19px;height:19px}
.wm-topbar-title{min-width:210px}.wm-topbar-title h1{font-size:20px;font-weight:780;letter-spacing:-.025em;color:#101828;margin:2px 0 0}.wm-breadcrumb{display:block;color:#98a2b3;font-size:10px;font-weight:600}
.wm-global-search{margin-left:auto;width:min(420px,32vw);height:42px;border:1px solid #e4e7ec;border-radius:11px;background:#f9fafb;display:flex;align-items:center;padding:0 11px;gap:8px;transition:.18s}.wm-global-search:focus-within{background:#fff;border-color:#a6a6ef;box-shadow:0 0 0 4px rgba(91,91,214,.09)}.wm-global-search>i{width:18px;height:18px;color:#98a2b3;display:grid}.wm-global-search svg{width:18px;height:18px}.wm-global-search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0;width:100%;height:38px;padding:0!important;color:#344054}.wm-global-search button{display:none}.wm-global-search kbd{border:1px solid #e4e7ec;border-bottom-width:2px;border-radius:6px;background:#fff;padding:2px 6px;color:#98a2b3;font-size:10px;white-space:nowrap}
.wm-top-actions{margin-left:0;gap:8px}.wm-icon-action,.wm-preview-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #e4e7ec;background:#fff;color:#344054;border-radius:10px;height:40px}.wm-icon-action{width:40px}.wm-preview-btn{gap:7px;padding:0 13px;font-weight:700;font-size:12px}.wm-icon-action svg,.wm-preview-btn svg{width:17px;height:17px}.wm-top-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eeeefe;color:#4f46c4;font-weight:850;border:1px solid #dddafe}
.wm-content{padding:28px 30px 44px;max-width:1600px}

/* Universal cards and sections */
.wm-content .wa-card,.wm-content .panel,.wm-content .wa-products-card,.wm-content .wa-editor-card,.wm-content .wa-inner-card,.wm-content .wa-action-card,.wm-content .wa-order,.wm-content .wa-media-manager,.wm-content .web-banner-list{border:1px solid var(--wm-line)!important;border-radius:var(--wm-radius)!important;background:#fff!important;box-shadow:var(--wm-shadow)!important}
.wm-content .wa-card,.wm-content .panel,.wm-content .wa-products-card{overflow:hidden}
.wm-content .wa-card-head,.wm-content .panel-head,.wm-content .wa-page-head{border-color:#edf0f4!important}
.wm-content .wa-page-head{margin-bottom:20px;align-items:flex-start}.wm-content .wa-page-head h1,.wm-content .wa-page-head h2{font-size:24px!important;letter-spacing:-.035em!important;color:#101828!important}.wm-content .wa-page-head p,.wm-content .wa-sub,.wm-content .wa-muted{color:#667085!important}
.wm-content .wa-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:10px!important;color:#7373df!important;font-weight:850!important}

/* Buttons */
.wm-content .btn,.wm-content .wa-btn,.wm-content button.btn,.wm-content a.btn{min-height:38px;border-radius:10px!important;font-weight:700!important;font-size:12px!important;box-shadow:none!important;transition:.16s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.wm-content .btn:hover,.wm-content .wa-btn:hover{transform:translateY(-1px)}
.wm-content .btn-primary,.wm-content .wa-btn:not(.wa-btn-light):not(.wa-btn-success):not(.wa-danger),.wm-content button[type="submit"].btn{background:linear-gradient(135deg,#6868df,#5151c9)!important;border-color:#5151c9!important;color:#fff!important;box-shadow:0 5px 13px rgba(81,81,201,.18)!important}
.wm-content .btn-light,.wm-content .wa-btn-light{background:#fff!important;color:#344054!important;border:1px solid #dfe3ea!important}.wm-content .btn-danger,.wm-content .wa-danger{background:#fff5f4!important;color:#b42318!important;border:1px solid #fecdca!important}.wm-content .wa-btn-success{background:#ecfdf3!important;color:#067647!important;border:1px solid #abefc6!important}

/* Forms */
.wm-content input[type="text"],.wm-content input[type="number"],.wm-content input[type="email"],.wm-content input[type="tel"],.wm-content input[type="url"],.wm-content input[type="date"],.wm-content input[type="datetime-local"],.wm-content input[type="search"],.wm-content select,.wm-content textarea,.wm-content .form-control{border:1px solid #dfe3ea!important;border-radius:10px!important;background:#fff!important;color:#344054!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;outline:none!important;transition:.15s!important}
.wm-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wm-content select{min-height:40px}.wm-content textarea{line-height:1.55}.wm-content input:focus,.wm-content select:focus,.wm-content textarea:focus{border-color:#8d8de7!important;box-shadow:0 0 0 4px rgba(91,91,214,.09)!important}.wm-content label,.wm-content .wa-field-label{color:#344054!important;font-size:12px!important;font-weight:700!important}
.wm-content input[type="checkbox"]{accent-color:#5b5bd6}

/* Stats */
.wm-content .wa-stats,.wm-content .wa-stats-row{gap:14px}.wm-content .wa-stat,.wm-content .wa-mini-stat{border:1px solid #e8ebf0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;padding:17px!important}.wm-content .wa-stat strong,.wm-content .wa-mini-stat strong{font-size:24px!important;letter-spacing:-.04em!important;color:#101828!important}.wm-content .wa-stat-icon{border-radius:11px!important}

/* Tables */
.wm-content .wa-table-wrap,.wm-content .table-wrap{border:1px solid #e6e9ef!important;border-radius:14px!important;background:#fff!important;overflow:auto!important;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.wm-content table,.wm-content .wa-table,.wm-content .table{border-collapse:separate!important;border-spacing:0!important;width:100%}.wm-content table th,.wm-content .wa-table th,.wm-content .table th{background:#f8f9fb!important;color:#667085!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-size:10px!important;font-weight:800!important;padding:12px 14px!important;border-bottom:1px solid #e9ecf1!important}.wm-content table td,.wm-content .wa-table td,.wm-content .table td{padding:13px 14px!important;border-bottom:1px solid #eff1f4!important;color:#344054!important;font-size:12px!important;vertical-align:middle!important}.wm-content table tbody tr:hover td{background:#fafaff!important}.wm-content table tbody tr:last-child td{border-bottom:0!important}
.wm-content .wa-status,.wm-content .badge{border-radius:999px!important;padding:5px 9px!important;font-size:10px!important;font-weight:800!important;border:1px solid transparent}

/* Toolbars / filters */
.wm-content .wa-toolbar,.wm-content .wa-filterbar,.wm-content .wa-filter-bar,.wm-content .wa-filters,.wm-content .wa-bulkbar{border:1px solid #e6e9ef!important;border-radius:13px!important;background:#fff!important;padding:11px!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;gap:9px!important}.wm-content .wa-bulkbar{background:#f5f5ff!important;border-color:#d9d8ff!important}

/* Product editor modal */
.wm-content .wa-product-editor-backdrop,.wm-content .wa-modal-backdrop{background:rgba(16,24,40,.58)!important;backdrop-filter:blur(5px)}.wm-content .wa-product-editor-dialog,.wm-content .wa-modal-dialog{border-radius:20px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 28px 90px rgba(16,24,40,.28)!important;overflow:hidden!important}.wm-content .wa-editor-head,.wm-content .wa-modal-head{background:#fff!important;border-bottom:1px solid #e9ecf1!important;padding:18px 22px!important}.wm-content .wa-editor-footer{background:#fafbfc!important;border-top:1px solid #e9ecf1!important;padding:14px 20px!important}.wm-content .wa-editor-card{box-shadow:none!important;border-color:#e8ebf0!important}.wm-content .wa-editor-card>header{background:#fafbfc!important;border-bottom:1px solid #edf0f4!important}

/* Product variants */
.wm-content .wa-variant,.wm-content .wa-variant-priced{border:1px solid #e7eaf0!important;border-radius:13px!important;background:#fbfcfe!important;padding:12px!important}.wm-content .wa-variant:hover{border-color:#cfcff5!important;background:#fff!important}.wm-content .wa-variant-image-preview,.wm-content .wa-upload-box,.wm-content .wa-dropzone{border:1px dashed #cfd4dc!important;border-radius:12px!important;background:#fafbfc!important}.wm-content .wa-variant-image-preview:hover,.wm-content .wa-upload-box:hover,.wm-content .wa-dropzone:hover{border-color:#8d8de7!important;background:#f8f7ff!important}

/* Media */
.wm-content .wa-media-grid{gap:14px!important}.wm-content .wa-media-item{border:1px solid #e7eaf0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;overflow:hidden!important;transition:.18s}.wm-content .wa-media-item:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(16,24,40,.1)!important;border-color:#cfcff5!important}.wm-content .wa-media-preview{background:#f7f8fa!important}

/* Alerts and notices */
.wm-content .alert,.wm-content .wa-alert,.wm-content .wa-notice{border-radius:12px!important;border-width:1px!important;box-shadow:none!important}.wm-content .alert-error{background:#fff5f4!important;border-color:#fecdca!important;color:#b42318!important}

/* Empty states */
.wm-content .wa-empty,.wm-content .web-empty{padding:44px 22px!important;border-radius:14px!important;color:#667085!important;background:#fafbfc!important;border:1px dashed #d8dde5!important;text-align:center!important}

/* Login */
.wm-login-body{background:radial-gradient(circle at 15% 10%,rgba(91,91,214,.35),transparent 35%),radial-gradient(circle at 85% 80%,rgba(57,157,255,.18),transparent 32%),#0c1222!important}.wm-login-card{border-radius:22px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important}

@media(max-width:1200px){.wm-shell{grid-template-columns:244px minmax(0,1fr)}.wm-global-search{width:min(330px,30vw)}.wm-preview-btn span{display:none}.wm-preview-btn{width:40px;padding:0}}
@media(max-width:1000px){.wm-shell{display:block}.wm-sidebar{position:fixed;left:-280px;width:272px;transition:left .22s ease}.wm-menu-open .wm-sidebar{left:0}.wm-overlay{position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:70}.wm-menu-open .wm-overlay{display:block}.wm-menu-btn{display:grid;place-items:center}.wm-topbar{padding:0 18px}.wm-global-search{width:auto;flex:1}.wm-content{padding:22px 18px 36px}}
@media(max-width:720px){.wm-topbar{height:68px;gap:10px}.wm-topbar-title{min-width:0}.wm-topbar-title h1{font-size:17px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-breadcrumb{display:none}.wm-global-search{display:none}.wm-icon-action{display:none}.wm-content{padding:16px 12px 32px}.wm-content .wa-page-head{flex-direction:column;gap:12px}.wm-content .wa-page-tools,.wm-content .wa-actions{width:100%;flex-wrap:wrap}.wm-content .wa-page-tools .wa-btn,.wm-content .wa-actions .wa-btn{flex:1}.wm-content .wa-stats,.wm-content .wa-stats-row{grid-template-columns:1fr 1fr!important}.wm-content .wa-product-editor-dialog,.wm-content .wa-modal-dialog{border-radius:0!important;max-height:100vh!important;height:100vh!important;width:100vw!important;margin:0!important}}
@media(max-width:480px){.wm-content .wa-stats,.wm-content .wa-stats-row{grid-template-columns:1fr!important}.wm-top-avatar{display:none}.wm-preview-btn{display:none}}

/* Security Center Professional UI */
.sec-page{display:grid;gap:20px}.sec-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--wm-line);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fafaff 58%,#f2f4ff 100%);box-shadow:var(--wm-shadow)}.sec-eyebrow{display:block;margin-bottom:8px;color:#6969d8;font-size:11px;font-weight:900;letter-spacing:.14em}.sec-hero h2{margin:0;font-size:28px;letter-spacing:-.03em}.sec-hero p{max-width:680px;margin:8px 0 0;color:var(--wm-muted)}.sec-score{display:flex;align-items:center;gap:15px;min-width:275px;padding:15px 18px;border:1px solid #e7e9f1;border-radius:16px;background:#fff}.sec-score-ring{--score:0;position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5b5bd6 calc(var(--score)*1%),#eceef5 0)}.sec-score-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.sec-score-ring strong,.sec-score-ring span{position:relative;z-index:1}.sec-score-ring strong{font-size:22px}.sec-score-ring span{margin-left:-7px;margin-top:28px;font-size:10px;color:#7b8494}.sec-score>div:last-child{display:grid}.sec-score small,.sec-score span{color:#7b8494}.sec-score b{font-size:17px}.sec-score-good .sec-score-ring{background:conic-gradient(#12b76a calc(var(--score)*1%),#e6f4ec 0)}.sec-score-warn .sec-score-ring{background:conic-gradient(#f79009 calc(var(--score)*1%),#fff0db 0)}.sec-score-bad .sec-score-ring{background:conic-gradient(#f04438 calc(var(--score)*1%),#fee4e2 0)}
.sec-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sec-stat-card{display:flex;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid var(--wm-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}.sec-stat-icon,.sec-panel-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:12px;font-weight:900}.sec-stat-icon{width:44px;height:44px;font-size:18px}.sec-stat-card small,.sec-stat-card span{display:block;color:#7b8494}.sec-stat-card strong{display:block;margin:3px 0;font-size:22px}.sec-blue{background:#eef4ff;color:#2970ff}.sec-violet{background:#f1efff;color:#6941c6}.sec-green{background:#ecfdf3;color:#079455}.sec-orange{background:#fff4e5;color:#dc6803}.sec-red{background:#fff1f0;color:#d92d20}
.sec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.sec-grid-main{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}.sec-panel{border:1px solid var(--wm-line);border-radius:18px;background:#fff;box-shadow:var(--wm-shadow);overflow:hidden}.sec-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf0f4}.sec-panel-head>div{display:flex;align-items:center;gap:12px}.sec-panel-head h3{margin:0;font-size:16px}.sec-panel-head p{margin:4px 0 0;color:#7b8494;font-size:12px}.sec-panel-icon{width:40px;height:40px;font-size:17px}.sec-panel-body{padding:22px}.sec-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.sec-badge.is-on{background:#ecfdf3;color:#067647}.sec-badge.is-off{background:#f2f4f7;color:#667085}.sec-state-box{display:grid;gap:3px;margin-bottom:16px;padding:14px 15px;border-radius:12px}.sec-state-box.good{background:#ecfdf3;color:#067647}.sec-state-box.warn{background:#fff7ed;color:#b54708}.sec-state-box span{font-size:12px;opacity:.82}.sec-setup-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px;margin-bottom:16px}.sec-secret-card,.sec-steps{padding:16px;border:1px solid #e8eaf0;border-radius:14px;background:#fafbfc}.sec-secret-card{display:grid;gap:8px}.sec-secret-card small{color:#7b8494;font-weight:800;letter-spacing:.08em}.sec-secret-card code{overflow-wrap:anywhere;padding:11px;border-radius:9px;background:#111827;color:#fff;font-size:14px;letter-spacing:.08em}.sec-secret-card span{color:#667085;font-size:12px}.sec-copy-btn{justify-self:start;border:0;border-radius:8px;padding:7px 10px;background:#ececff;color:#4f46c8;font-weight:800;cursor:pointer}.sec-steps b{display:block;margin-bottom:8px}.sec-steps ol{margin:0;padding-left:19px;color:#667085}.sec-steps li+li{margin-top:6px}.sec-form{display:grid;gap:14px}.sec-form-2col{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-form label{display:grid;gap:7px}.sec-form label span{font-size:12px;font-weight:800;color:#344054}.sec-form input,.sec-form select{width:100%;height:44px;border:1px solid #dfe3ea;border-radius:10px;padding:0 12px;background:#fff;outline:none}.sec-form input:focus{border-color:#7777df;box-shadow:0 0 0 3px rgba(91,91,214,.11)}.sec-form-inline{grid-template-columns:minmax(220px,1fr) auto;align-items:end}.sec-form-actions{grid-column:1/-1}.sec-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-weight:800;cursor:pointer}.sec-btn-primary{background:#5b5bd6;color:#fff}.sec-btn-primary:hover{background:#4848c7}.sec-btn-danger{background:#fff1f0;border-color:#fecdca;color:#b42318}.sec-btn-light{background:#fff;border-color:#dfe3ea;color:#344054}.sec-feature-list{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none;color:#475467}.sec-feature-list li:before{content:"✓";margin-right:8px;color:#079455;font-weight:900}.sec-inline-confirm{padding:14px 22px;border-bottom:1px solid #edf0f4;background:#fffaf5}.sec-inline-confirm form{display:flex;gap:8px;flex-wrap:wrap}.sec-inline-confirm input{min-width:260px;height:40px;border:1px solid #dfe3ea;border-radius:9px;padding:0 11px}.sec-device-list{display:grid}.sec-device-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 22px;border-top:1px solid #edf0f4}.sec-device-card:first-child{border-top:0}.sec-device-icon{width:42px;height:42px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;color:#475467;font-size:18px}.sec-device-info>div{display:flex;align-items:center;gap:8px}.sec-device-info span,.sec-device-info small{display:block;color:#7b8494}.sec-device-info small{margin-top:4px}.sec-check-list{display:grid;padding:8px 22px 18px}.sec-check-list>div{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #edf0f4}.sec-check-list>div:first-child{border-top:0}.sec-check-dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900}.sec-check-dot.ok{background:#ecfdf3;color:#079455}.sec-check-dot.no{background:#fff4e5;color:#dc6803}.sec-check-list strong,.sec-check-list small{display:block}.sec-check-list small{color:#7b8494}.sec-timeline{padding:6px 22px 14px}.sec-log-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 0;border-top:1px solid #edf0f4}.sec-log-row:first-child{border-top:0}.sec-log-dot{width:10px;height:10px;border-radius:50%;margin-top:6px}.sec-log-dot.good{background:#12b76a}.sec-log-dot.warn{background:#f79009}.sec-log-dot.bad{background:#f04438}.sec-log-main strong,.sec-log-main span,.sec-log-meta b,.sec-log-meta span,.sec-log-meta small{display:block}.sec-log-main span,.sec-log-meta span,.sec-log-meta small{color:#7b8494;font-size:12px}.sec-log-meta{text-align:right}.sec-log-meta b{font-size:10px}.sec-empty{padding:34px;text-align:center;color:#7b8494}.sec-modal[hidden]{display:none!important}.sec-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}.sec-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}.sec-modal-card{position:relative;width:min(520px,100%);border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.sec-modal-card>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f4}.sec-modal-card>header>div{display:flex;gap:12px;align-items:center}.sec-modal-card h3{margin:0}.sec-modal-card p{margin:3px 0 0;color:#7b8494;font-size:12px}.sec-modal-close{border:0;background:#f2f4f7;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer}.sec-modal-card .sec-form{padding:20px}.sec-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}
@media(max-width:1180px){.sec-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-grid-main{grid-template-columns:1fr}}
@media(max-width:760px){.sec-hero{align-items:flex-start;flex-direction:column;padding:20px}.sec-score{width:100%;min-width:0}.sec-stat-grid,.sec-grid{grid-template-columns:1fr}.sec-setup-grid,.sec-form-2col{grid-template-columns:1fr}.sec-device-card{grid-template-columns:auto minmax(0,1fr)}.sec-device-card form{grid-column:2}.sec-form-inline{grid-template-columns:1fr}.sec-log-row{grid-template-columns:auto minmax(0,1fr)}.sec-log-meta{grid-column:2;text-align:left;display:flex;gap:8px;flex-wrap:wrap}.sec-panel-head{align-items:flex-start;flex-direction:column}.sec-panel-head>.sec-btn{width:100%}}


/* Compact grouped sidebar */
.wm-nav-groups{display:grid;gap:5px;padding:12px 0}
.wm-nav-groups>.wm-nav-top{margin:0 2px}
.wm-nav-group{border:1px solid transparent;border-radius:12px;overflow:hidden}
.wm-nav-group[open]{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.045)}
.wm-nav-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;padding:9px 11px;border-radius:10px;color:#c5ccda;font-size:12.5px;font-weight:750;cursor:pointer;user-select:none}
.wm-nav-group summary::-webkit-details-marker{display:none}
.wm-nav-group summary>span{display:flex;align-items:center;gap:11px;min-width:0}
.wm-nav-group summary i{width:20px;height:20px;display:grid;color:#8f9bad}
.wm-nav-group summary svg{width:20px;height:20px}
.wm-nav-group summary>b{font-size:14px;color:#758196;transition:transform .18s}
.wm-nav-group[open] summary>b{transform:rotate(180deg)}
.wm-nav-group summary:hover{background:rgba(255,255,255,.055);color:#fff}
.wm-nav-group>div{display:grid;gap:2px;padding:2px 5px 7px 19px}
.wm-nav-group>div a{min-height:38px;padding:8px 10px;font-size:12px;border-radius:9px}
.wm-nav-group>div a i{width:18px;height:18px}
.wm-nav-group>div a i svg{width:18px;height:18px}
.wm-nav-group>div a.active:before{top:7px;bottom:7px}
.wm-nav-group summary .wm-nav-badge{margin-left:auto}

/* =========================================================
   ADMINWEB DESIGN SYSTEM V3 — unified management screens
   2026-08-07
   ========================================================= */
:root{
  --adm-surface:#ffffff;
  --adm-surface-soft:#f8f9fc;
  --adm-border:#e7eaf0;
  --adm-text:#182230;
  --adm-sub:#667085;
  --adm-purple:#5b5bd6;
  --adm-purple-soft:#f0efff;
  --adm-green:#067647;
  --adm-green-soft:#ecfdf3;
  --adm-orange:#b54708;
  --adm-orange-soft:#fff7ed;
  --adm-red:#b42318;
  --adm-red-soft:#fff1f0;
  --adm-radius-sm:10px;
  --adm-radius:16px;
  --adm-radius-lg:20px;
  --adm-shadow:0 1px 2px rgba(16,24,40,.03),0 10px 28px rgba(16,24,40,.055);
}

/* consistent page rhythm */
.wm-content{display:grid;gap:20px;align-content:start}
.wm-content>.website-admin,.wm-content>.wm-page-head,.wm-content>.wa-page-tools,.wm-content>section,.wm-content>.wm-grid,.wm-content>.wm-card{width:100%}
.wm-content h2,.wm-content h3,.wm-content h4{color:var(--adm-text);letter-spacing:-.02em}
.wm-content p{color:var(--adm-sub)}

/* legacy website-admin intro */
.wm-content .website-admin{display:grid;gap:20px}
.wm-content .wa-page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0;padding:2px 2px 0}
.wm-content .wa-page-intro h2{margin:5px 0 3px;font-size:25px;line-height:1.2}
.wm-content .wa-page-intro p{margin:0;font-size:13px}
.wm-content .wa-kicker,.wm-content .wa-page-intro .wa-kicker{display:block;color:#7474da;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.wm-content .wa-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}

/* universal cards */
.wm-content .panel,
.wm-content .wa-card,
.wm-content .wm-card,
.wm-content .web-banner-list{
  border:1px solid var(--adm-border)!important;
  border-radius:var(--adm-radius-lg)!important;
  background:var(--adm-surface)!important;
  box-shadow:var(--adm-shadow)!important;
  overflow:hidden;
}
.wm-content .panel-head,.wm-content .wa-card-head,.wm-content .wm-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:20px 22px!important;border-bottom:1px solid #edf0f4!important;background:#fff
}
.wm-content .panel-head h3,.wm-content .wa-card-head h3,.wm-content .wm-card-head h3{margin:0;font-size:17px;line-height:1.3}
.wm-content .panel-head p,.wm-content .wa-card-head p,.wm-content .wm-card-head p{margin:4px 0 0;font-size:12px}
.wm-content .wm-card>h3,.wm-content .wm-card>p{margin-left:22px;margin-right:22px}
.wm-content .wm-card>h3:first-child{margin-top:20px;margin-bottom:5px}.wm-content .wm-card>p:last-child{margin-bottom:20px}

/* category form: fix the broken square/inline layout */
.wm-content .form-three{
  display:grid!important;
  grid-template-columns:minmax(220px,1.35fr) minmax(220px,1.2fr) minmax(120px,.55fr) auto;
  gap:16px!important;align-items:end;padding:22px!important;background:#fff
}
.wm-content .form-three>label:not(.check-label){display:grid!important;gap:7px!important;margin:0!important;min-width:0}
.wm-content .form-three input[type="text"],.wm-content .form-three input[type="number"],.wm-content .form-three input:not([type]){width:100%!important;height:44px!important;margin:0!important;padding:0 13px!important}
.wm-content .form-three .check-label{grid-column:1/2;display:flex!important;align-items:center!important;gap:9px!important;min-height:42px;margin:0!important;padding:0 2px;font-weight:700}
.wm-content .form-three .check-label input{width:17px;height:17px;margin:0}
.wm-content .form-three>.btn{grid-column:4/5;grid-row:1/2;min-width:150px;height:44px!important;margin:0!important}

/* forms and filters */
.wm-content .wa-form-grid,.wm-content .wa-media-upload-form{gap:15px!important}
.wm-content .wa-media-filters,.wm-content .wa-filter-bar,.wm-content .wa-toolbar{
  display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(170px,240px) auto;
  align-items:center;gap:10px!important;padding:14px 16px!important;margin:0!important;
  background:#fbfcfe!important;border:0!important;border-bottom:1px solid #edf0f4!important;border-radius:0!important;box-shadow:none!important
}
.wm-content .wa-media-filters input,.wm-content .wa-media-filters select,.wm-content .wa-filter-bar select{height:42px!important}
.wm-content .wa-media-filters .btn,.wm-content .wa-filter-bar .btn{height:42px!important;min-width:72px}

/* statistics */
.wm-content .wa-stats,.wm-content .wm-grid.cols-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}
.wm-content .wa-stat,.wm-content .wm-stat{
  min-height:108px;padding:18px!important;border:1px solid var(--adm-border)!important;border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important
}
.wm-content .wa-stat span,.wm-content .wm-stat span{display:block;color:var(--adm-sub);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.wm-content .wa-stat strong,.wm-content .wm-stat strong{display:block;margin-top:7px;font-size:25px!important;line-height:1.1;color:var(--adm-text)!important;letter-spacing:-.04em}

/* media library */
.wm-content .wa-media-upload{padding:0!important}
.wm-content .wa-media-upload-form{display:grid!important;grid-template-columns:180px minmax(0,1fr) auto;align-items:end;padding:20px 22px!important}
.wm-content .wa-media-upload-form>label{display:grid;gap:7px}
.wm-content .wa-media-upload-form .wa-dropzone{min-height:112px!important;border:1.5px dashed #cfd5df!important;border-radius:15px!important;background:#fafbfe!important;display:grid!important;place-items:center!important;text-align:center!important;padding:18px!important}
.wm-content .wa-media-upload-form>.btn{height:44px!important;min-width:112px}
.wm-content .wa-media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;padding:18px!important}
.wm-content .wa-media-item{overflow:hidden!important;border-radius:15px!important}
.wm-content .wa-media-preview{aspect-ratio:1/1!important;min-height:0!important;background:#f6f7fa!important}
.wm-content .wa-media-preview img{width:100%;height:100%;object-fit:cover}
.wm-content .wa-media-meta,.wm-content .wa-media-edit{padding:12px!important}
.wm-content .wa-empty{min-height:120px;display:grid;place-items:center;text-align:center;color:#98a2b3!important;background:#fafbfc;border:1px dashed #dde2ea;border-radius:13px;margin:16px}

/* newsletter */
.wm-content .wa-card>.wa-stats{padding:0 18px 16px!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.wm-content .wa-card>.wa-stats .wa-stat{min-height:92px}

/* Q&A cards */
.wm-content .wm-question-list{display:grid!important;gap:12px!important;padding:16px!important}
.wm-content .wm-question-list article{
  border:1px solid var(--adm-border)!important;border-radius:15px!important;padding:17px!important;background:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important
}
.wm-content .wm-question-title{align-items:flex-start!important}.wm-content .wm-question-title b{font-size:13px}.wm-content .wm-question-title span{color:#7b8494!important}
.wm-content .wm-question-title em{padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px!important;text-transform:uppercase}
.wm-content .wm-question-title em.status-pending{background:var(--adm-orange-soft);color:var(--adm-orange)}
.wm-content .wm-question-title em.status-published{background:var(--adm-green-soft);color:var(--adm-green)}
.wm-content .wm-question-title em.status-hidden{background:#f2f4f7;color:#667085}
.wm-content .wm-question-text{margin:13px 0!important;padding:13px 14px;border-radius:11px;background:#f8f9fb;color:#344054;font-size:14px!important}
.wm-content .wm-question-list textarea{border-radius:11px!important;padding:11px 12px!important}

/* health + migration screens */
.wm-content .wm-page-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px!important;margin:0!important;
  border:1px solid var(--adm-border)!important;border-radius:var(--adm-radius-lg)!important;background:linear-gradient(135deg,#fff 0%,#fbfbff 70%,#f4f3ff 100%)!important;box-shadow:var(--adm-shadow)
}
.wm-content .wm-page-head h2{margin:4px 0 5px;font-size:24px}.wm-content .wm-page-head p{margin:0;max-width:720px;font-size:13px}.wm-content .wm-eyebrow{color:#6d6dd8;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.wm-content .wm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;color:#344054;font-weight:800;cursor:pointer;text-decoration:none}
.wm-content .wm-btn.primary{background:linear-gradient(135deg,#6868df,#5151c9);color:#fff;border-color:#5151c9}
.wm-content .wm-alert{padding:12px 14px;border:1px solid transparent;border-radius:12px;font-size:13px}.wm-content .wm-alert.success{background:var(--adm-green-soft);border-color:#abefc6;color:var(--adm-green)}.wm-content .wm-alert.danger{background:var(--adm-red-soft);border-color:#fecdca;color:var(--adm-red)}
.wm-content .wm-grid{display:grid!important;gap:16px!important}.wm-content .wm-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wm-content .wm-list{display:grid;padding:6px 20px 14px}.wm-content .wm-list-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:13px 0;border-top:1px solid #edf0f4}.wm-content .wm-list-item:first-child{border-top:0}.wm-content .wm-list-item b,.wm-content .wm-list-item small{display:block}.wm-content .wm-list-item small{margin-top:3px;color:#7b8494}
.wm-content .wm-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.wm-content .wm-status.success{background:var(--adm-green-soft);color:var(--adm-green)}.wm-content .wm-status.warning{background:var(--adm-orange-soft);color:var(--adm-orange)}.wm-content .wm-status.danger{background:var(--adm-red-soft);color:var(--adm-red)}
.wm-content .wm-table-wrap{overflow:auto;border-radius:0!important;border:0!important;box-shadow:none!important}.wm-content .wm-table{width:100%;border-collapse:separate;border-spacing:0}.wm-content .wm-table th{background:#f8f9fb!important}.wm-content .wm-table code{display:inline-block;padding:5px 8px;border-radius:7px;background:#f2f4f7;color:#344054;font-size:11px}

/* activity timeline */
.wm-content .wa-page-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 2px 0}
.wm-content .wa-inline-title{margin:0;font-size:24px}.wm-content .wa-page-tools .wa-muted{margin:4px 0 0}
.wm-content .wa-filter-bar{display:flex!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.wm-content .wa-filter-bar select{min-width:180px}
.wm-content .wa-timeline{padding:8px 20px 16px!important}.wm-content .wa-timeline-item{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px 2px!important;border-top:1px solid #edf0f4}.wm-content .wa-timeline-item:first-child{border-top:0}.wm-content .wa-timeline-dot{width:10px!important;height:10px!important;border-radius:50%;background:#6b6be0!important;box-shadow:0 0 0 5px #efefff;margin-top:5px}.wm-content .wa-timeline-item strong,.wm-content .wa-timeline-item small{display:block}.wm-content .wa-timeline-item small{margin-top:4px;color:#7b8494}.wm-content .wa-action-pill{padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:900}

/* system logs */
.wm-content .wa-table td:nth-child(4){min-width:300px;line-height:1.45}.wm-content .wa-table td:nth-child(5){max-width:300px;word-break:break-all;color:#667085}
.wm-content .wa-status.bad{background:var(--adm-red-soft)!important;color:var(--adm-red)!important;border-color:#fecdca!important}

/* banner screen */
.wm-content .wa-grid{gap:16px!important}.wm-content .wa-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px!important;padding:20px 22px!important}.wm-content .wa-form-grid .wide{grid-column:1/-1}.wm-content .wa-form-grid label{display:grid!important;gap:7px!important}.wm-content .web-check{display:flex!important;align-items:center!important;gap:9px!important;min-height:44px}.wm-content .wa-banner-preview{overflow:hidden;border:1px solid var(--adm-border);border-radius:14px;background:#f8f9fb}.wm-content .wa-banner-preview img{display:block;width:100%;height:auto;object-fit:cover}

/* tables inside category and banner panels */
.wm-content .panel>.table-wrap,.wm-content .wa-card>.table-wrap{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.wm-content .panel>.table-wrap table th:first-child,.wm-content .panel>.table-wrap table td:first-child{padding-left:22px!important}.wm-content .panel>.table-wrap table th:last-child,.wm-content .panel>.table-wrap table td:last-child{padding-right:22px!important}

/* responsive */
@media(max-width:1100px){
  .wm-content .form-three{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-content .form-three>.btn{grid-column:auto;grid-row:auto}.wm-content .form-three .check-label{grid-column:auto}
  .wm-content .wa-stats,.wm-content .wm-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wm-content .wa-media-upload-form{grid-template-columns:1fr 1fr}.wm-content .wa-media-upload-form .wa-dropzone{grid-column:1/-1;grid-row:1}.wm-content .wa-media-upload-form>.btn{justify-self:end}
}
@media(max-width:760px){
  .wm-content{gap:14px}.wm-content .wa-page-intro,.wm-content .wm-page-head,.wm-content .wa-page-tools{flex-direction:column!important;align-items:stretch!important}
  .wm-content .wa-actions>*{flex:1}.wm-content .form-three,.wm-content .wa-form-grid,.wm-content .wm-grid.cols-2,.wm-content .wa-stats,.wm-content .wm-grid.cols-4{grid-template-columns:1fr!important}
  .wm-content .form-three>.btn{width:100%}.wm-content .wa-media-filters,.wm-content .wa-toolbar{grid-template-columns:1fr!important}.wm-content .wa-media-upload-form{grid-template-columns:1fr}.wm-content .wa-media-upload-form .wa-dropzone{grid-column:auto;grid-row:auto}.wm-content .wa-media-upload-form>.btn{width:100%;justify-self:stretch}
  .wm-content .wa-timeline-item{grid-template-columns:auto minmax(0,1fr)}.wm-content .wa-action-pill{grid-column:2;justify-self:start}.wm-content .wa-card-head,.wm-content .panel-head,.wm-content .wm-card-head{flex-direction:column}.wm-content .wa-card-head form{width:100%}.wm-content .wa-card-head form .btn{width:100%}
}

/* =========================================================
   ADMINWEB UI SYSTEM V4 — five core content screens
   Categories / Media / Newsletter / Storefront / Questions
   ========================================================= */
.wm-content{
  --adm-control-h:44px;
  --adm-control-radius:13px;
}
/* hard reset for native square controls inside admin content */
.wm-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.wm-content select,
.wm-content textarea{
  width:100%;
  border:1px solid #dfe4ec!important;
  border-radius:var(--adm-control-radius)!important;
  background:#fff!important;
  color:#253043!important;
  box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
}
.wm-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
.wm-content select{min-height:var(--adm-control-h)!important;padding:0 13px!important}
.wm-content textarea{padding:12px 13px!important;resize:vertical}
.wm-content input::placeholder,.wm-content textarea::placeholder{color:#98a2b3}
.wm-content input:focus,.wm-content select:focus,.wm-content textarea:focus{
  border-color:#8b8be8!important;box-shadow:0 0 0 4px rgba(91,91,214,.10)!important
}
.wm-content input[type="file"]{
  min-height:44px!important;padding:5px 7px!important;background:#fbfcff!important;cursor:pointer
}
.wm-content input[type="file"]::file-selector-button{
  height:32px;margin-right:10px;padding:0 12px;border:0;border-radius:9px;background:#efefff;color:#5050c5;font-weight:800;cursor:pointer
}
.wm-content input[type="checkbox"],.wm-content input[type="radio"]{accent-color:#5b5bd6}
.wm-content .btn,.wm-content button,.wm-content a.btn{border-radius:12px!important}

/* shared page intro for all five screens */
.wm-content .website-admin>.wa-page-intro{padding:3px 3px 1px!important}
.wm-content .website-admin>.wa-page-intro h2{font-size:24px!important}

/* Categories */
.wm-content .wa-category-form{
  display:grid!important;grid-template-columns:minmax(240px,1.4fr) minmax(220px,1.15fr) 140px 150px;
  gap:16px!important;align-items:end;padding:20px 22px!important
}
.wm-content .wa-category-form label{display:grid!important;gap:7px!important;margin:0!important}
.wm-content .wa-category-form .wa-category-toggle{display:flex!important;align-items:center!important;gap:9px!important;min-height:44px;padding:0 4px!important}
.wm-content .wa-category-form .wa-category-toggle input{width:18px;height:18px}
.wm-content .wa-category-form>.btn{height:44px!important;width:100%}
.wm-content .wa-category-table table{table-layout:fixed}
.wm-content .wa-category-table th,.wm-content .wa-category-table td{vertical-align:middle}

/* Media */
.wm-content .wa-media-upload-form{grid-template-columns:190px minmax(0,1fr) 118px!important;gap:14px!important;align-items:end!important}
.wm-content .wa-media-upload-form>label:first-of-type{align-self:end}
.wm-content .wa-media-upload-form .wa-dropzone{
  min-height:116px!important;border:1.5px dashed #cfd6e2!important;border-radius:17px!important;
  background:linear-gradient(180deg,#fbfcff,#f7f9fd)!important
}
.wm-content .wa-media-upload-form .wa-dropzone input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.wm-content .wa-media-upload-form>.btn{height:44px!important;border-radius:12px!important}
.wm-content .wa-media-filters{border-radius:14px!important;border:1px solid #edf0f4!important;margin:16px!important;background:#fbfcfe!important}
.wm-content .wa-media-grid{gap:14px!important}

/* Newsletter */
.wm-content .wa-newsletter-card .wa-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:18px 20px 4px!important}
.wm-content .wa-newsletter-card .wa-media-filters{margin:14px 20px 0!important;border:1px solid #edf0f4!important;border-radius:14px!important}
.wm-content .wa-newsletter-card .table-wrap{margin:16px 20px 20px!important;border:1px solid #edf0f4!important;border-radius:14px!important;overflow:hidden!important}

/* Storefront / brand content */
.wm-content .wa-storefront-card>header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf0f4;background:#fff
}
.wm-content .wa-storefront-card>header span{display:block;color:#7474da;font-size:10px;font-weight:900;letter-spacing:.13em}
.wm-content .wa-storefront-card>header h3{margin:5px 0 3px;font-size:18px}.wm-content .wa-storefront-card>header p{margin:0;font-size:12px}
.wm-content .wa-storefront-card>form>hr{height:1px;border:0;background:#edf0f4;margin:0!important}
.wm-content .wa-storefront-card .wa-form-grid{padding:20px 22px!important;background:#fff}
.wm-content .wa-storefront-card footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 22px;border-top:1px solid #edf0f4;background:#fbfcfe}
.wm-content .brand-admin{padding:20px 22px;margin:0!important}
.wm-content .brand-admin__card,.wm-content .brand-admin__fields{border-radius:16px!important}
.wm-content .brand-admin__file input[type=file]{margin-top:3px}

/* Questions */
.wm-content .wa-questions-card .wa-media-filters{margin:16px 20px 0!important;border:1px solid #edf0f4!important;border-radius:14px!important}
.wm-content .wa-questions-card .wm-question-list{padding:16px 20px 20px!important}
.wm-content .wa-questions-card .wm-question-list article{border-radius:16px!important;padding:18px!important}
.wm-content .wa-questions-card .wm-question-list form>div{align-items:center!important}
.wm-content .wa-questions-card .wm-question-list form>div select{min-width:160px;width:auto!important}

@media(max-width:1100px){
 .wm-content .wa-category-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wm-content .wa-category-form>.btn{width:auto;justify-self:start;min-width:150px}
 .wm-content .wa-media-upload-form{grid-template-columns:1fr 1fr!important}
 .wm-content .wa-media-upload-form .wa-dropzone{grid-column:1/-1;grid-row:1}
}
@media(max-width:760px){
 .wm-content .wa-category-form{grid-template-columns:1fr}
 .wm-content .wa-category-form>.btn{width:100%;justify-self:stretch}
 .wm-content .wa-media-upload-form{grid-template-columns:1fr!important}
 .wm-content .wa-media-upload-form .wa-dropzone{grid-column:auto;grid-row:auto}
 .wm-content .wa-newsletter-card .wa-stats{grid-template-columns:1fr!important}
 .wm-content .wa-newsletter-card .wa-media-filters,.wm-content .wa-questions-card .wa-media-filters{margin:12px!important}
 .wm-content .wa-newsletter-card .table-wrap{margin:12px!important}
 .wm-content .wa-storefront-card footer{flex-direction:column}.wm-content .wa-storefront-card footer>*{width:100%}
}

/* =========================================================
   NEWS ADMIN POLISH — compact flash + visible categories
   ========================================================= */
.wm-content .wa-news-flash{display:flex;justify-content:flex-end;min-height:0;margin:0 0 8px;pointer-events:none}
.wm-content .wa-news-flash:empty{display:none}
.wm-content .wa-news-flash>.wa-alert{
  width:auto!important;max-width:min(460px,100%)!important;margin:0!important;padding:11px 14px!important;
  display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:9px!important;
  border-radius:12px!important;box-shadow:0 10px 28px rgba(16,24,40,.10)!important;font-size:13px!important;font-weight:700;
  opacity:0;transform:translateY(-7px);transition:opacity .22s ease,transform .22s ease;pointer-events:auto
}
.wm-content .wa-news-flash>.wa-alert.is-visible{opacity:1;transform:none}
.wm-content .wa-news-flash>.wa-alert.is-leaving{opacity:0;transform:translateY(-7px)}
.wm-content .wa-news-flash>.wa-alert .wa-alert-icon{width:8px!important;height:8px!important;margin:0!important;display:block!important;flex:0 0 auto!important;border-radius:999px!important}
.wm-content .wa-news-flash>.wa-alert>span:last-child{display:block!important;white-space:normal!important}

.wm-content .wa-news-tools{align-items:center!important}
.wm-content .wa-news-category-card{overflow:hidden}
.wm-content .wa-news-category-card>.wa-card-head{margin-bottom:0!important;padding:20px 22px!important;border-bottom:1px solid #edf0f4}
.wm-content .wa-count-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#f1f1ff;color:#5757ca;font-size:11px;font-weight:850;white-space:nowrap}
.wm-content .wa-news-category-form{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 150px 190px!important;padding:18px 22px!important;border-bottom:1px solid #edf0f4;background:#fbfcff}
.wm-content .wa-news-category-action .btn{width:100%;min-height:44px!important}
.wm-content .wa-news-category-list{display:grid;gap:0;padding:6px 22px 14px}
.wm-content .wa-news-category-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4}
.wm-content .wa-news-category-item:last-child{border-bottom:0}
.wm-content .wa-news-category-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1f1ff;color:#5a5ad0;font-size:16px;font-weight:900}
.wm-content .wa-news-category-main{min-width:0}.wm-content .wa-news-category-main strong,.wm-content .wa-news-category-main span{display:block}
.wm-content .wa-news-category-main strong{font-size:13px;color:#202939}.wm-content .wa-news-category-main span{margin-top:3px;font-size:11px;color:#98a2b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-content .wa-news-category-meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.wm-content .wa-news-category-meta span{padding:5px 8px;border-radius:8px;background:#f7f8fa;color:#667085;font-size:10px;font-weight:750;white-space:nowrap}
.wm-content .wa-empty-card{grid-column:1/-1;display:grid;place-items:center;gap:4px;min-height:110px;margin:10px 0;border:1px dashed #dfe4ec;border-radius:14px;background:#fbfcff;color:#98a2b3;text-align:center}
.wm-content .wa-empty-card strong{color:#475467;font-size:13px}.wm-content .wa-empty-card span{font-size:11px}
@media(max-width:1000px){.wm-content .wa-news-category-form{grid-template-columns:1fr 1fr!important}.wm-content .wa-news-category-action{grid-column:auto}.wm-content .wa-news-category-item{grid-template-columns:38px minmax(0,1fr) auto}.wm-content .wa-news-category-meta{grid-column:2}.wm-content .wa-news-category-item>.wa-status{grid-column:3;grid-row:1}}
@media(max-width:640px){.wm-content .wa-news-flash{justify-content:stretch}.wm-content .wa-news-flash>.wa-alert{width:100%!important;max-width:none!important}.wm-content .wa-news-category-form{grid-template-columns:1fr!important}.wm-content .wa-news-category-item{grid-template-columns:38px minmax(0,1fr)}.wm-content .wa-news-category-meta{grid-column:2;justify-content:flex-start}.wm-content .wa-news-category-item>.wa-status{grid-column:2;grid-row:auto;justify-self:start}}


/* =========================================================
   ADMIN WEBSITE UNIFIED UI V5 — 2026-08-07
   Final shared layer: flash toast + forms + cards + tables.
   Scoped to .wm-content so login/internal pages are untouched.
   ========================================================= */
:root{
  --adm-ui-radius:14px;
  --adm-ui-radius-lg:18px;
  --adm-ui-line:#e6e9f0;
  --adm-ui-field:#dfe3eb;
  --adm-ui-soft:#f8f9fc;
  --adm-ui-text:#252a35;
  --adm-ui-muted:#737b8c;
  --adm-ui-primary:#6156d9;
  --adm-ui-primary-hover:#5147c6;
  --adm-ui-shadow:0 8px 26px rgba(29,35,55,.06);
}

/* ---- compact global flash messages: no more giant green bars ---- */
.wm-content > .wa-alert-success,
.wm-content > .wa-alert-error,
.wm-content > .wa-alert-warning,
.wm-content > .wa-alert-info,
.wm-content .wa-page-head + .wa-alert-success,
.wm-content .wa-page-head + .wa-alert-error,
.wm-content .wa-page-head + .wa-alert-warning,
.wm-content .wa-page-head + .wa-alert-info{
  position:fixed!important;
  top:82px!important;
  right:22px!important;
  left:auto!important;
  z-index:500!important;
  width:min(360px,calc(100vw - 32px))!important;
  min-height:50px!important;
  margin:0!important;
  padding:12px 15px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:14px!important;
  border:1px solid transparent!important;
  box-shadow:0 14px 38px rgba(18,24,40,.15)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  backdrop-filter:blur(12px)!important;
  animation:admToastIn .22s ease both,admToastOut .28s ease 4.2s forwards!important;
}
.wm-content .wa-alert-success{
  background:rgba(239,252,244,.97)!important;
  border-color:#a9e8bf!important;
  color:#126b3b!important;
}
.wm-content .wa-alert-error{
  background:rgba(255,245,244,.98)!important;
  border-color:#f9bbb7!important;
  color:#a92922!important;
}
.wm-content .wa-alert-warning{
  background:rgba(255,250,235,.98)!important;
  border-color:#f6d589!important;
  color:#9a5b08!important;
}
.wm-content .wa-alert-info{
  background:rgba(244,247,255,.98)!important;
  border-color:#cfd8fa!important;
  color:#344b9b!important;
}
.wm-content .wa-alert-success .wa-alert-icon,
.wm-content .wa-alert-error .wa-alert-icon,
.wm-content .wa-alert-warning .wa-alert-icon,
.wm-content .wa-alert-info .wa-alert-icon{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:13px!important;
  font-weight:900!important;
}
.wm-content .wa-alert-success .wa-alert-icon{background:#d8f5e3!important}
.wm-content .wa-alert-success .wa-alert-icon:before{content:"✓"!important}
.wm-content .wa-alert-error .wa-alert-icon{background:#fee4e2!important}
.wm-content .wa-alert-error .wa-alert-icon:before{content:"!"!important}
.wm-content .wa-alert-warning .wa-alert-icon{background:#fff0c9!important}
.wm-content .wa-alert-warning .wa-alert-icon:before{content:"!"!important}
.wm-content .wa-alert-info .wa-alert-icon{background:#e4eaff!important}
.wm-content .wa-alert-info .wa-alert-icon:before{content:"i"!important}
@keyframes admToastIn{
  from{opacity:0;transform:translate3d(16px,-8px,0) scale(.98)}
  to{opacity:1;transform:none}
}
@keyframes admToastOut{
  to{opacity:0;visibility:hidden;transform:translate3d(16px,-5px,0) scale(.98);pointer-events:none}
}

/* ---- unified page rhythm ---- */
.wm-content{
  color:var(--adm-ui-text);
}
.wm-content > * + *{
  scroll-margin-top:88px;
}
.wm-content .wa-page-head,
.wm-content .wm-page-head{
  margin-bottom:18px!important;
}
.wm-content .wa-page-head h2,
.wm-content .wm-page-head h2,
.wm-content .wa-inline-title{
  letter-spacing:-.025em!important;
}
.wm-content .wa-page-head p,
.wm-content .wm-page-head p,
.wm-content .wa-muted{
  color:var(--adm-ui-muted)!important;
  line-height:1.55!important;
}

/* ---- cards / panels ---- */
.wm-content .wa-card,
.wm-content .wm-card,
.wm-content .panel,
.wm-content .sec-panel,
.wm-content .brand-admin__card{
  border:1px solid var(--adm-ui-line)!important;
  border-radius:var(--adm-ui-radius-lg)!important;
  background:#fff!important;
  box-shadow:var(--adm-ui-shadow)!important;
}
.wm-content .wa-card{
  overflow:hidden;
}
.wm-content .wa-card-head,
.wm-content .wm-card-head,
.wm-content .panel-head{
  padding:18px 20px!important;
  border-bottom:1px solid #edf0f4!important;
  background:linear-gradient(180deg,#fff 0%,#fcfcfe 100%)!important;
}
.wm-content .wa-card-head h3,
.wm-content .wm-card-head h3,
.wm-content .panel-head h3{
  margin:0!important;
  font-size:15px!important;
  letter-spacing:-.015em!important;
}
.wm-content .wa-card-head p,
.wm-content .wm-card-head p,
.wm-content .panel-head p{
  margin:4px 0 0!important;
  color:var(--adm-ui-muted)!important;
  font-size:12px!important;
}

/* ---- form fields ---- */
.wm-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
.wm-content select,
.wm-content textarea{
  width:100%;
  min-height:44px!important;
  border:1px solid var(--adm-ui-field)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--adm-ui-text)!important;
  font:inherit!important;
  box-shadow:0 1px 2px rgba(16,24,40,.02)!important;
  outline:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.wm-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
.wm-content select{
  padding:0 13px!important;
}
.wm-content textarea{
  padding:12px 13px!important;
  line-height:1.55!important;
  resize:vertical;
}
.wm-content input:focus,
.wm-content select:focus,
.wm-content textarea:focus{
  border-color:#8e86e8!important;
  box-shadow:0 0 0 3px rgba(97,86,217,.105)!important;
}
.wm-content input::placeholder,
.wm-content textarea::placeholder{
  color:#9aa1af!important;
}
.wm-content label{
  color:#444b5a;
}
.wm-content .wa-field>span,
.wm-content label>span:first-child{
  font-size:12px;
  font-weight:750;
}

/* keep file, checkbox and radio controls natural */
.wm-content input[type="checkbox"],
.wm-content input[type="radio"]{
  accent-color:var(--adm-ui-primary);
}
.wm-content input[type="file"]{
  border-radius:12px!important;
}

/* ---- buttons ---- */
.wm-content .btn,
.wm-content .wa-btn,
.wm-content .wm-btn,
.wm-content button.btn,
.wm-content a.btn{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:8px 14px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease!important;
}
.wm-content .btn:hover,
.wm-content .wa-btn:hover,
.wm-content .wm-btn:hover{
  transform:translateY(-1px);
}
.wm-content .btn-primary,
.wm-content .wa-btn:not(.wa-btn-light),
.wm-content .wm-btn.primary{
  border-color:var(--adm-ui-primary)!important;
  background:linear-gradient(135deg,#6a5fe1,#584dcc)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(97,86,217,.16)!important;
}
.wm-content .btn-primary:hover,
.wm-content .wa-btn:not(.wa-btn-light):hover,
.wm-content .wm-btn.primary:hover{
  background:linear-gradient(135deg,#5e53d4,#4e44bd)!important;
}
.wm-content .btn-light,
.wm-content .wa-btn-light{
  border:1px solid #e0e3ea!important;
  background:#fff!important;
  color:#404756!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
}
.wm-content .btn-light:hover,
.wm-content .wa-btn-light:hover{
  background:#f8f9fb!important;
  border-color:#d2d6df!important;
}

/* ---- tables ---- */
.wm-content .table-wrap,
.wm-content .table-responsive,
.wm-content .wa-table-wrap{
  overflow:auto!important;
  border:1px solid var(--adm-ui-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}
.wm-content table,
.wm-content .wa-table,
.wm-content .wm-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.wm-content table th,
.wm-content .wa-table th,
.wm-content .wm-table th{
  height:44px!important;
  padding:10px 13px!important;
  border-bottom:1px solid var(--adm-ui-line)!important;
  background:#f8f9fb!important;
  color:#646b79!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.wm-content table td,
.wm-content .wa-table td,
.wm-content .wm-table td{
  padding:13px!important;
  border-bottom:1px solid #eff1f5!important;
  color:#343a47!important;
  vertical-align:middle!important;
}
.wm-content table tr:last-child td,
.wm-content .wa-table tr:last-child td,
.wm-content .wm-table tr:last-child td{
  border-bottom:0!important;
}
.wm-content table tbody tr:hover td{
  background:#fcfcfe!important;
}

/* ---- toolbars / filters ---- */
.wm-content .wa-toolbar,
.wm-content .wa-filterbar,
.wm-content .wa-filter-bar,
.wm-content .wa-filters,
.wm-content .wa-bulkbar,
.wm-content .wa-media-filters{
  display:flex;
  align-items:center;
  gap:10px!important;
  padding:11px!important;
  border:1px solid var(--adm-ui-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
}
.wm-content .wa-toolbar input,
.wm-content .wa-filterbar input,
.wm-content .wa-filter-bar input,
.wm-content .wa-media-filters input{
  flex:1 1 260px;
}

/* ---- status / badge ---- */
.wm-content .wa-status,
.wm-content .wm-status,
.wm-content .wa-action-pill{
  min-height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

/* ---- empty states ---- */
.wm-content .wa-empty,
.wm-content .web-empty,
.wm-content .wm-empty{
  min-height:116px;
  display:grid!important;
  place-items:center!important;
  padding:28px 20px!important;
  border:1px dashed #d9dde6!important;
  border-radius:14px!important;
  background:#fafbfc!important;
  color:#858c9b!important;
  text-align:center!important;
}

/* ---- dropzones / media upload ---- */
.wm-content .wa-dropzone,
.wm-content .wa-upload-box,
.wm-content .brand-admin__upload{
  border:1px dashed #cfd4df!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fcfcfd,#f8f9fb)!important;
  transition:border-color .16s ease,background .16s ease!important;
}
.wm-content .wa-dropzone:hover,
.wm-content .wa-upload-box:hover,
.wm-content .brand-admin__upload:hover{
  border-color:#8e86e8!important;
  background:#faf9ff!important;
}

/* ---- responsive ---- */
@media(max-width:780px){
  .wm-content > .wa-alert-success,
  .wm-content > .wa-alert-error,
  .wm-content > .wa-alert-warning,
  .wm-content > .wa-alert-info,
  .wm-content .wa-page-head + .wa-alert-success,
  .wm-content .wa-page-head + .wa-alert-error,
  .wm-content .wa-page-head + .wa-alert-warning,
  .wm-content .wa-page-head + .wa-alert-info{
    top:76px!important;
    right:12px!important;
    width:calc(100vw - 24px)!important;
  }
  .wm-content .wa-toolbar,
  .wm-content .wa-filterbar,
  .wm-content .wa-filter-bar,
  .wm-content .wa-filters,
  .wm-content .wa-bulkbar,
  .wm-content .wa-media-filters{
    flex-wrap:wrap!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .wm-content > .wa-alert-success,
  .wm-content > .wa-alert-error,
  .wm-content > .wa-alert-warning,
  .wm-content > .wa-alert-info{
    animation:none!important;
  }
}


/* =========================================================
   ADMIN TOAST POLISH V6 — 2026-08-07
   Compact premium notification layout.
   ========================================================= */
.wm-content > .wa-alert-success,
.wm-content > .wa-alert-error,
.wm-content > .wa-alert-warning,
.wm-content > .wa-alert-info,
.wm-content .wa-page-head + .wa-alert-success,
.wm-content .wa-page-head + .wa-alert-error,
.wm-content .wa-page-head + .wa-alert-warning,
.wm-content .wa-page-head + .wa-alert-info{
  width:auto!important;
  min-width:260px!important;
  max-width:380px!important;
  min-height:54px!important;
  padding:11px 16px 11px 12px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  border-radius:16px!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:0 14px 34px rgba(26,31,50,.13),0 2px 8px rgba(26,31,50,.06)!important;
}
.wm-content > .wa-alert-success,
.wm-content .wa-page-head + .wa-alert-success{
  background:rgba(246,255,249,.98)!important;
  border-color:#c8ebd4!important;
  color:#245b38!important;
}
.wm-content .wa-alert-success::before,
.wm-content .wa-alert-error::before,
.wm-content .wa-alert-warning::before,
.wm-content .wa-alert-info::before{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
}
.wm-content .wa-alert-success::before{content:"✓"!important;background:#def6e7!important;color:#178345!important}
.wm-content .wa-alert-error::before{content:"!"!important;background:#fee6e4!important;color:#c53c34!important}
.wm-content .wa-alert-warning::before{content:"!"!important;background:#fff1cf!important;color:#b26b0a!important}
.wm-content .wa-alert-info::before{content:"i"!important;background:#e9edff!important;color:#5364c8!important}
.wm-content .wa-alert-success .wa-alert-icon,
.wm-content .wa-alert-error .wa-alert-icon,
.wm-content .wa-alert-warning .wa-alert-icon,
.wm-content .wa-alert-info .wa-alert-icon{
  display:none!important;
}
.wm-content > .wa-alert-success > *,
.wm-content > .wa-alert-error > *,
.wm-content > .wa-alert-warning > *,
.wm-content > .wa-alert-info > *,
.wm-content .wa-page-head + .wa-alert-success > *,
.wm-content .wa-page-head + .wa-alert-error > *,
.wm-content .wa-page-head + .wa-alert-warning > *,
.wm-content .wa-page-head + .wa-alert-info > *{
  min-width:0!important;
}
@media(max-width:640px){
  .wm-content > .wa-alert-success,
  .wm-content > .wa-alert-error,
  .wm-content > .wa-alert-warning,
  .wm-content > .wa-alert-info,
  .wm-content .wa-page-head + .wa-alert-success,
  .wm-content .wa-page-head + .wa-alert-error,
  .wm-content .wa-page-head + .wa-alert-warning,
  .wm-content .wa-page-head + .wa-alert-info{
    right:10px!important;
    left:10px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* =========================================================
   ADMIN TOAST COMPONENT V7 — 2026-08-07
   Real notification component: icon + title/message + close.
   ========================================================= */
.wm-content .wa-alert[data-admin-toast]{
  position:fixed!important;
  top:76px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:9999!important;
  width:360px!important;
  max-width:calc(100vw - 32px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 12px 12px 13px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 28px!important;
  gap:11px!important;
  align-items:center!important;
  border:1px solid #dce8e1!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#26332b!important;
  box-shadow:0 16px 40px rgba(24,34,28,.13),0 4px 12px rgba(24,34,28,.05)!important;
  font-size:13px!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  animation:waToastEnter .22s cubic-bezier(.2,.8,.2,1) both!important;
}
.wm-content .wa-alert[data-admin-toast]::before{display:none!important;content:none!important}
.wm-content .wa-alert[data-admin-toast].wa-alert-success{border-color:#d5eadc!important;background:#fbfffc!important;color:#244f35!important}
.wm-content .wa-alert[data-admin-toast].wa-alert-error{border-color:#f2d5d2!important;background:#fffdfd!important;color:#7f2923!important}
.wm-content .wa-alert[data-admin-toast].wa-alert-warning{border-color:#f1dfb9!important;background:#fffefa!important;color:#744b12!important}
.wm-content .wa-alert[data-admin-toast].wa-alert-info{border-color:#d9dff1!important;background:#fdfdff!important;color:#384a85!important}
.wm-content .wa-alert[data-admin-toast] .wa-alert-icon{
  width:36px!important;
  height:36px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  border-radius:11px!important;
  font-size:0!important;
  line-height:1!important;
}
.wm-content .wa-alert[data-admin-toast] .wa-alert-icon::before{
  display:block!important;
  font-size:16px!important;
  font-weight:950!important;
}
.wm-content .wa-alert-success[data-admin-toast] .wa-alert-icon{background:#e8f7ed!important;color:#27844b!important}
.wm-content .wa-alert-success[data-admin-toast] .wa-alert-icon::before{content:"✓"!important}
.wm-content .wa-alert-error[data-admin-toast] .wa-alert-icon{background:#fdebea!important;color:#c4473f!important}
.wm-content .wa-alert-error[data-admin-toast] .wa-alert-icon::before{content:"!"!important}
.wm-content .wa-alert-warning[data-admin-toast] .wa-alert-icon{background:#fff3d9!important;color:#b27113!important}
.wm-content .wa-alert-warning[data-admin-toast] .wa-alert-icon::before{content:"!"!important}
.wm-content .wa-alert-info[data-admin-toast] .wa-alert-icon{background:#edf0ff!important;color:#5a67c9!important}
.wm-content .wa-alert-info[data-admin-toast] .wa-alert-icon::before{content:"i"!important}
.wm-content .wa-alert[data-admin-toast] .wa-alert-copy{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  padding:0!important;
  margin:0!important;
  white-space:normal!important;
}
.wm-content .wa-alert[data-admin-toast] .wa-alert-copy strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.wm-content .wa-alert[data-admin-toast] .wa-alert-copy>span{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  opacity:.82!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}
.wm-content .wa-alert[data-admin-toast] .wa-alert-close{
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  align-self:start!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#899087!important;
  box-shadow:none!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .15s ease,color .15s ease!important;
}
.wm-content .wa-alert[data-admin-toast] .wa-alert-close:hover{
  transform:none!important;
  background:rgba(0,0,0,.055)!important;
  color:#41483f!important;
}
@keyframes waToastEnter{from{opacity:0;transform:translate3d(12px,-5px,0) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .wm-content .wa-alert[data-admin-toast]{
    top:70px!important;
    right:10px!important;
    width:calc(100vw - 20px)!important;
    max-width:none!important;
  }
}

/* HI AY PO V5.2 — GLOBAL ADMIN TYPOGRAPHY, synced to storefront */
html,body,.wm-body,.wm-shell,.wm-main,.wm-sidebar,.wm-topbar,.wm-content,button,input,select,textarea{font-family:Roboto,Arial,Helvetica,sans-serif!important}
.wm-body{font-size:15px!important;line-height:1.5!important}
.wm-brand strong{font-size:14px!important;font-weight:700!important}.wm-brand small{font-size:12px!important}.wm-nav-label{font-size:11px!important;font-weight:700!important}.wm-nav a{font-size:14px!important;font-weight:600!important}.wm-side-foot>a{font-size:13px!important}.wm-side-user b{font-size:13px!important}.wm-side-user small{font-size:11px!important}
.wm-topbar-title h1{font-size:22px!important;font-weight:700!important}.wm-topbar-title p{font-size:13px!important}.wm-top-link,.wm-logout{font-size:13px!important;font-weight:600!important}


/* =========================================================
   HI ÂY PÔ V5.5 — VIETNAMESE READABLE ADMIN TYPOGRAPHY
   ========================================================= */
:root{--admin-font:Arial,"Helvetica Neue",Helvetica,sans-serif}
html,body,button,input,select,textarea{
  font-family:var(--admin-font)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}
body{font-size:16px!important;line-height:1.5!important;color:#17191e!important}
h1{font-size:27px!important;font-weight:700!important}
h2{font-size:23px!important;font-weight:700!important}
h3{font-size:19px!important;font-weight:700!important}
h4{font-size:16px!important;font-weight:600!important}
p{font-size:14px!important;line-height:1.55!important}
small{font-size:13px!important;line-height:1.45!important}
label{font-size:14px!important;font-weight:600!important}
input,select,textarea{font-size:15px!important;font-weight:400!important;line-height:1.45!important}
button,.btn,.wa-btn,input[type=submit],input[type=button]{font-size:14px!important;font-weight:600!important}
table{font-size:14px!important}
th{font-size:13px!important;font-weight:700!important;letter-spacing:.01em!important}
td{font-size:14px!important;font-weight:400!important;line-height:1.5!important}
.wa-sidebar a,.admin-sidebar a,.sidebar a,.nav-sidebar a,.wa-nav a,.admin-nav a{
  font-size:14px!important;font-weight:600!important;line-height:1.35!important
}
.wa-sidebar .section-title,.admin-sidebar .section-title{font-size:12px!important;font-weight:700!important}
.wa-page-head h1,.admin-page-head h1,.page-title,.page-head h1{font-size:27px!important;font-weight:700!important}
.wa-page-head h2,.admin-page-head h2,.page-head h2{font-size:23px!important;font-weight:700!important}
.wa-page-head p,.admin-page-head p,.page-head p{font-size:14px!important}
.wa-card h3,.wa-card-head h3,.card h3,.card-head h3,.panel h3,.panel-head h3{font-size:18px!important;font-weight:700!important}
.wa-card p,.card p,.panel p{font-size:14px!important}
.wa-card small,.card small,.panel small{font-size:13px!important}
.badge,.chip,.pill,.wa-badge{font-size:12px!important;font-weight:600!important}
.wa-stat strong,.stat strong,.metric strong{font-size:29px!important;font-weight:700!important}
.wa-stat small,.stat small,.metric small{font-size:12px!important}
.admin-bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
.admin-bulkbar .bulk-count{font-size:13px;font-weight:600;color:#555}
.admin-check{width:18px;height:18px;accent-color:#5b4ee7;cursor:pointer}
.admin-bulk-delete{background:#d92d20!important;color:#fff!important;border-color:#d92d20!important}
.admin-bulk-delete:disabled{opacity:.45!important;cursor:not-allowed!important}
@media(max-width:760px){
  body{font-size:15px!important}
  h1,.wa-page-head h1,.admin-page-head h1,.page-title,.page-head h1{font-size:23px!important}
  h2,.wa-page-head h2,.admin-page-head h2,.page-head h2{font-size:20px!important}
}


/* =========================================================
   TOPBAR LAYOUT ROOT FIX V11.2.5
   Keep global search inside the admin header flow.
   ========================================================= */
@media(min-width:1001px){
  body:has(.website-products-v92) .wm-topbar{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    height:78px!important;
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:minmax(230px,1fr) minmax(360px,520px) auto!important;
    align-items:center!important;
    column-gap:18px!important;
    padding:0 28px!important;
    overflow:visible!important;
  }
  body:has(.website-products-v92) .wm-topbar-title{
    min-width:0!important;
  }
  body:has(.website-products-v92) .wm-global-search{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    align-self:center!important;
  }
  body:has(.website-products-v92) .wm-top-actions{
    position:static!important;
    margin:0!important;
    justify-self:end!important;
    white-space:nowrap!important;
  }
  body:has(.website-products-v92) .wm-content{
    position:relative!important;
    z-index:1!important;
    padding-top:28px!important;
  }
}