:root{--red:#d71920;--dark:#0b0b0b;--card:#fff;--line:#ddd}*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#222;font-family:Arial,sans-serif}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#101010;color:white;padding:18px;z-index:1000;overflow-y:auto}.admin-sidebar h2{color:var(--red)}.admin-sidebar a{display:block;color:#ddd;text-decoration:none;padding:12px;border-bottom:1px solid #292929}main{padding:35px;min-height:100vh;position:relative;z-index:1}.login-wrap{margin:0;display:grid;place-items:center}.login-card{width:min(420px,90%);background:#fff;padding:35px;border-radius:18px;box-shadow:0 15px 50px #0002}.admin-logo{width:70px;height:70px;background:var(--red);color:white;border-radius:50%;display:grid;place-items:center;font-weight:bold;font-size:28px}label{display:block;margin:15px 0;font-weight:bold}input,select,textarea,button{width:100%;padding:12px;border:1px solid #ccc;border-radius:7px;margin-top:6px}textarea{min-height:80px}button{background:var(--red);color:white;border:0;font-weight:bold;cursor:pointer}.secondary{background:#333}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats div,.card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 3px 15px #0000000b}.stats small{display:block;color:#666}.stats b{font-size:30px}.table-wrap{overflow:auto;background:white;border-radius:12px}table{border-collapse:collapse;width:100%}th,td{padding:14px;text-align:left;border-bottom:1px solid #eee}td small{display:block;color:#777}.pill{padding:6px 10px;background:#ffe6e7;color:#9d151b;border-radius:20px;font-size:12px}.page-head,.line,summary{display:flex;justify-content:space-between;align-items:center}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;gap:8px}.check input{width:auto}.product-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}details summary{cursor:pointer}.alert{padding:13px;margin-bottom:12px;border-radius:8px}.success{background:#d8f5e1}.error{background:#ffd9d9}code{background:#eee;padding:3px}small{display:block;color:#777}@media(max-width:800px){.admin-sidebar{position:static;width:auto}.admin-sidebar a{display:inline-block}main{margin:0;padding:18px}.stats,.admin-grid,.product-admin-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}}

.page-head small{color:#d71920;font-weight:900;letter-spacing:2px}.primary-action{background:#d71920;color:#fff;padding:12px 17px;border-radius:7px;text-decoration:none;font-weight:bold}.stats div span{display:block;color:#999;font-size:11px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.75fr);gap:20px;margin-top:22px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head a{color:#d71920}.quick-panel .workflow{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eee;padding:13px 0}.workflow>span{width:34px;height:34px;border-radius:50%;background:#ffe1e3;color:#b10d15;display:grid;place-items:center;font-weight:900}.workflow p{margin:0}.workflow small{display:block}.integration{display:flex;justify-content:space-between}.integration b{color:#d71920}@media(max-width:950px){.dashboard-grid{grid-template-columns:1fr}}

/* persistent admin navigation and utility actions */
.admin-sidebar{display:flex;flex-direction:column;padding:18px;width:250px}.admin-brand{display:flex!important;align-items:center;gap:10px;border:0!important;padding:4px 4px 22px!important;font-size:20px;font-weight:900}.admin-brand img{width:150px;height:55px;object-fit:contain;object-position:left center}.admin-brand span{color:#fff}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav a{border:0;border-radius:8px}.admin-sidebar nav a:hover{background:#d71920;color:#fff}.admin-main{margin-left:250px}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary-link{background:#333}.logo-preview{background:#111;border-radius:10px;padding:18px;display:inline-block}.logo-preview img{max-width:300px;max-height:90px}.settings h2{margin-top:26px}
@media(max-width:800px){.admin-sidebar{position:static;width:100%}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{margin-left:0}.admin-brand img{width:180px}}

/* Dashboard layout isolation: content asides are cards, never navigation panes */
.dashboard-grid > aside.card{position:relative!important;inset:auto!important;width:auto!important;background:#fff!important;color:#222!important;padding:22px!important;z-index:auto!important;overflow:visible!important}
.dashboard-grid > aside.card h2,.dashboard-grid > aside.card h3,.dashboard-grid > aside.card p,.dashboard-grid > aside.card b{color:inherit}
.admin-main{margin-left:250px;min-width:0}
.admin-sidebar{box-shadow:8px 0 25px rgba(0,0,0,.14)}
.admin-sidebar nav{position:relative;z-index:1001}
.admin-sidebar nav a{white-space:nowrap}

/* White popups and overlays must always use dark readable text */
.modal,.dialog,.popup,.dropdown-menu,.autocomplete-results,.locker-results,.toast.light,[role="dialog"]{
  background:#fff;color:#111;
}
.modal *,.dialog *,.popup *,.dropdown-menu *,.autocomplete-results *,.locker-results *,.toast.light *,[role="dialog"] *{
  color:inherit;
}
.modal input,.modal select,.modal textarea,.dialog input,.dialog select,.dialog textarea,
.popup input,.popup select,.popup textarea,[role="dialog"] input,[role="dialog"] select,[role="dialog"] textarea{
  background:#fff;color:#111;border-color:#bbb;
}
.alert.success{color:#123d25}
.alert.error{color:#65151b}
@media(max-width:800px){
  .admin-main{margin-left:0}
  .dashboard-grid > aside.card{width:auto!important}
}

/* 2026-07-20 definitive dashboard isolation */
.dashboard-grid > .quick-panel{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  transform:none!important;
  float:none!important;
  z-index:1!important;
  overflow:visible!important;
  background:#fff!important;
  color:#222!important;
}
.dashboard-grid > .quick-panel *{color:inherit}
.dashboard-grid > .quick-panel .workflow>span{color:#b10d15!important}
.dashboard-grid > .quick-panel .integration b{color:#d71920!important}
.admin-sidebar{z-index:5000!important}
.admin-main{position:relative!important;z-index:1!important;overflow-x:hidden}