/* Matador QMS front-end — Transformer Costing inspired UI */
.mqms-app-shell{--mqms-navy:#071f33;--mqms-navy-2:#0d314c;--mqms-navy-card:#103b5b;--mqms-teal:#11877a;--mqms-teal-2:#55d7c8;--mqms-teal-soft:#e7f7f4;--mqms-ink:#10243d;--mqms-muted:#68778b;--mqms-bg:#f3f6f9;--mqms-line:#dfe6ed;--mqms-white:#fff;display:grid;grid-template-columns:270px minmax(0,1fr);width:100%;min-height:100vh;background:var(--mqms-bg);color:var(--mqms-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mqms-app-shell *{box-sizing:border-box}
.mqms-app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 18px 18px;background:linear-gradient(180deg,#061b2c 0%,#08273e 58%,#0b2f49 100%);color:#fff;box-shadow:8px 0 26px rgba(3,24,39,.08);z-index:4}
.mqms-sidebar-brand{display:flex;align-items:center;gap:13px;padding:0 8px 18px}.mqms-sidebar-logo{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mqms-teal-2),#77e5d7);color:#06243a;font-size:21px;font-weight:950;letter-spacing:-.04em;box-shadow:0 8px 18px rgba(22,157,143,.16)}.mqms-sidebar-brand strong{display:block;font-size:17px;line-height:1.15}.mqms-sidebar-brand span{display:block;margin-top:4px;color:#aebdca;font-size:11px}.mqms-sidebar-rule{height:1px;background:rgba(255,255,255,.12);margin:0 2px 18px}.mqms-sidebar-nav{display:flex;flex-direction:column;gap:8px}.mqms-sidebar-nav a,.mqms-sidebar-nav>div{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border:1px solid transparent;border-radius:11px;color:#e7eef5!important;text-decoration:none!important;font-size:14px;font-weight:750;transition:.16s ease}.mqms-sidebar-nav a span,.mqms-sidebar-nav>div span{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;background:rgba(255,255,255,.08);color:#60dfd1;font-size:11px;font-weight:900}.mqms-sidebar-nav a:hover{background:rgba(18,135,122,.12);border-color:rgba(85,215,200,.28);transform:translateX(2px)}.mqms-sidebar-nav a.is-active,.mqms-sidebar-nav>div.is-active{background:linear-gradient(90deg,rgba(17,135,122,.28),rgba(17,135,122,.16));border-color:rgba(85,215,200,.38);box-shadow:inset 0 0 0 1px rgba(11,121,110,.15)}.mqms-sidebar-nav .is-active span{background:rgba(85,215,200,.16);color:#78eee1}.mqms-sidebar-footer{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:15px;background:rgba(255,255,255,.05)}.mqms-sidebar-footer span,.mqms-sidebar-footer small{display:block;color:#9fb0bf}.mqms-sidebar-footer span{font-size:10px;letter-spacing:.12em}.mqms-sidebar-footer strong{display:block;margin:5px 0 3px;color:#fff;font-size:14px}.mqms-sidebar-footer small{font-size:11px;line-height:1.35}
.mqms-app-main{min-width:0;background:var(--mqms-bg)}.mqms-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px;padding:20px 32px;border-bottom:1px solid var(--mqms-line);background:#fff}.mqms-top-kicker,.mqms-section-kicker{display:block;color:var(--mqms-teal);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.mqms-topbar h1{margin:5px 0 0;color:var(--mqms-ink);font-size:25px;line-height:1.15;letter-spacing:-.025em}.mqms-topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.mqms-system-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;background:#e9f8f2;color:#16745d;font-size:12px;font-weight:800}.mqms-system-status i{width:9px;height:9px;border-radius:50%;background:#28bd8f;box-shadow:0 0 0 5px rgba(40,189,143,.11)}
.mqms-content{padding:30px 32px 50px;max-width:1650px;margin:0 auto}.mqms-overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px}.mqms-overview-heading h2{margin:6px 0 4px;color:var(--mqms-ink);font-size:34px;line-height:1.08;letter-spacing:-.035em}.mqms-overview-heading p{margin:0;color:var(--mqms-muted);font-size:15px}
.mqms-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:10px;padding:11px 17px;font-weight:850;white-space:nowrap;transition:.15s ease}.mqms-btn-primary{background:var(--mqms-teal);color:#fff!important;box-shadow:0 8px 18px rgba(17,135,122,.16)}.mqms-btn-primary:hover{background:#0e756a;transform:translateY(-1px)}
.mqms-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}.mqms-stat-card{min-height:128px;background:#fff;border:1px solid var(--mqms-line);border-radius:14px;padding:18px 20px;box-shadow:0 7px 22px rgba(15,38,59,.045)}.mqms-stat-card.is-primary{background:linear-gradient(145deg,#0d314c,#123f61);border-color:#123f61;color:#fff}.mqms-stat-card.is-danger{border-color:#efc4c4;background:#fff8f8}.mqms-stat-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#63748b}.mqms-stat-card.is-primary .mqms-stat-label{color:#9cded7}.mqms-stat-value{margin:12px 0 3px;font-size:34px;font-weight:950;line-height:1;color:var(--mqms-ink)}.mqms-stat-card.is-primary .mqms-stat-value{color:#fff}.mqms-stat-note{font-size:12px;color:#718096}.mqms-stat-card.is-primary .mqms-stat-note{color:#c8d9e5}
.mqms-portal-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(380px,.9fr);gap:18px}.mqms-panel-card{background:#fff;border:1px solid var(--mqms-line);border-radius:16px;padding:20px;box-shadow:0 7px 22px rgba(15,38,59,.045)}.mqms-panel-card-dark{background:linear-gradient(160deg,#0d314c 0%,#103b5b 100%);border-color:#103b5b;color:#fff}.mqms-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.mqms-panel-heading h2{font-size:20px;margin:4px 0 0;color:var(--mqms-ink)}.mqms-panel-heading>a{font-size:12px;color:var(--mqms-teal)!important;font-weight:800;text-decoration:none}.mqms-panel-card-dark .mqms-panel-heading h2{color:#fff}.mqms-panel-card-dark .mqms-section-kicker{color:#5fddd0}
.mqms-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mqms-action-card{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-areas:"no title" "no desc" "no open";column-gap:11px;min-height:150px;border:1px solid var(--mqms-line);border-radius:12px;padding:15px;text-decoration:none!important;color:var(--mqms-ink)!important;background:#fff;transition:.15s ease}.mqms-action-card:hover{transform:translateY(-2px);border-color:#9fd8d1;box-shadow:0 12px 28px rgba(18,45,66,.08)}.mqms-action-no{grid-area:no;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--mqms-teal-soft);color:var(--mqms-teal);font-size:11px;font-weight:900}.mqms-action-card strong{grid-area:title;font-size:15px;color:var(--mqms-ink)}.mqms-action-card>span:not(.mqms-action-no){grid-area:desc;color:#6b788a;font-size:12px;line-height:1.45;margin:5px 0 10px}.mqms-action-card em{grid-area:open;align-self:end;font-style:normal;font-size:12px;font-weight:850;color:var(--mqms-teal)}
.mqms-table-wrap{overflow:auto}.mqms-table{border-collapse:collapse;width:100%;font-size:12px}.mqms-table th,.mqms-table td{padding:11px 9px;text-align:left;border-bottom:1px solid rgba(255,255,255,.10);vertical-align:top}.mqms-table th{color:#9cc8d8;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.mqms-panel-card:not(.mqms-panel-card-dark) .mqms-table th{color:#627187;border-bottom-color:#edf1f5}.mqms-panel-card:not(.mqms-panel-card-dark) .mqms-table td{border-bottom-color:#edf1f5}.mqms-panel-card-dark .mqms-table td{color:#e8f0f5}.mqms-panel-card-dark .mqms-table strong{color:#fff}.mqms-pill{display:inline-block;border-radius:999px;padding:4px 8px;background:rgba(85,215,200,.13);color:#7be9dd;font-size:10px;font-weight:850}.mqms-danger-text{color:#ffb1b1!important;font-weight:850}.mqms-muted{color:#718096}.mqms-empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#c5d5e0}.mqms-empty-state strong{font-size:21px;color:#fff}.mqms-empty-state span{margin-top:6px;font-size:12px}
.mqms-login-stage{min-height:calc(100vh - 96px);display:grid;place-items:center;padding:35px}.mqms-login-card{width:min(600px,100%);text-align:center;background:#fff;border:1px solid var(--mqms-line);border-radius:18px;padding:46px 42px;box-shadow:0 18px 48px rgba(14,40,61,.10)}.mqms-login-card:before{content:"M";display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 20px;border-radius:14px;background:linear-gradient(135deg,var(--mqms-teal-2),#7be7da);color:#07304a;font-size:23px;font-weight:950}.mqms-login-card h2{margin:7px 0 12px;color:var(--mqms-ink);font-size:31px;letter-spacing:-.03em}.mqms-login-card p{max-width:480px;margin:0 auto 22px;color:var(--mqms-muted);line-height:1.6}.mqms-portal-brand{color:var(--mqms-teal);font-size:11px;font-weight:900;letter-spacing:.14em}.mqms-login-note{margin-top:18px;color:#8a98a8;font-size:11px}.mqms-alert{background:#fff7e8;border:1px solid #fedf89;border-radius:12px;padding:16px;color:#6d4c13}
@media(max-width:1200px){.mqms-app-shell{grid-template-columns:232px minmax(0,1fr)}.mqms-stat-grid{grid-template-columns:repeat(3,1fr)}.mqms-portal-grid{grid-template-columns:1fr}.mqms-content{padding-left:24px;padding-right:24px}}
@media(max-width:860px){.mqms-app-shell{display:block}.mqms-app-sidebar{position:relative;height:auto}.mqms-sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mqms-sidebar-footer{margin-top:18px}.mqms-topbar{padding:18px 20px}.mqms-content{padding:24px 18px 40px}.mqms-overview-heading h2{font-size:28px}.mqms-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.mqms-sidebar-nav{grid-template-columns:1fr}.mqms-topbar{align-items:flex-start;flex-direction:column}.mqms-topbar-actions{justify-content:flex-start}.mqms-stat-grid{grid-template-columns:1fr 1fr}.mqms-action-grid{grid-template-columns:1fr}.mqms-login-stage{padding:20px}.mqms-login-card{padding:34px 22px}.mqms-login-card h2{font-size:26px}}

/* v0.6.1 layout hardening — isolate the QMS app from WordPress/block-theme element styles */
.mqms-app-shell{position:relative!important;isolation:isolate;display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;align-items:stretch!important;justify-items:stretch!important;gap:0!important;margin:0!important;padding:0!important;max-width:none!important;width:100%!important;min-height:calc(100vh - var(--wp-admin--admin-bar--height,0px))!important;overflow:visible!important;}
.mqms-app-sidebar{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:auto!important;max-width:none!important;margin:0!important;}
.mqms-sidebar-nav{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;align-content:flex-start!important;gap:8px!important;margin:0!important;padding:0!important;width:100%!important;}
.mqms-sidebar-nav>a,.mqms-sidebar-nav>div{margin:0!important;width:100%!important;flex:0 0 auto!important;}
.mqms-sidebar-footer{margin-top:auto!important;}
.mqms-app-main{position:relative!important;display:block!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;background:var(--mqms-bg)!important;}
.mqms-topbar{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;justify-content:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:96px!important;margin:0!important;padding:20px 32px!important;transform:none!important;}
.mqms-topbar>div{min-width:0!important;margin:0!important;padding:0!important;}
.mqms-topbar-actions{position:static!important;align-self:center!important;justify-self:end!important;margin:0!important;transform:none!important;}
.mqms-content{position:relative!important;width:100%!important;min-width:0!important;margin:0 auto!important;transform:none!important;}
@media(max-width:1200px){.mqms-app-shell{grid-template-columns:232px minmax(0,1fr)!important}.mqms-topbar{padding-left:24px!important;padding-right:24px!important}}
@media(max-width:860px){.mqms-app-shell{display:block!important}.mqms-app-sidebar{position:relative!important;height:auto!important}.mqms-topbar{grid-template-columns:1fr!important;gap:14px!important}.mqms-topbar-actions{justify-self:start!important}}

/* v0.6.2 readability pass — slightly larger card and supporting text */
.mqms-action-card strong{font-size:16px!important;line-height:1.35!important}
.mqms-action-card>span:not(.mqms-action-no){font-size:14px!important;line-height:1.55!important;margin-top:7px!important}
.mqms-action-card em{font-size:13px!important;line-height:1.35!important}
.mqms-panel-heading>a{font-size:13px!important}
.mqms-stat-note{font-size:13px!important;line-height:1.45!important}
.mqms-table{font-size:13px!important}
.mqms-empty-state span{font-size:13px!important}
@media(max-width:580px){.mqms-action-card strong{font-size:15.5px!important}.mqms-action-card>span:not(.mqms-action-no){font-size:13.5px!important}}

/* v0.6.4 readability pass — darker copy, 12px minimum, larger application sidebar */
.mqms-app-shell{color:#1f3347!important;font-size:15px!important}
.mqms-app-main p,.mqms-app-main li,.mqms-app-main td,.mqms-app-main th,.mqms-app-main label,.mqms-app-main small{
  font-size:max(12px,1em);
  color:#2a4055;
}
.mqms-overview-heading p{color:#33495e!important;font-size:15px!important;line-height:1.55!important}
.mqms-stat-note{color:#42576b!important;font-size:13px!important}
.mqms-action-card>span:not(.mqms-action-no){color:#2f455a!important;font-size:14px!important;line-height:1.6!important}
.mqms-action-card strong{color:#10243d!important;font-size:16px!important}
.mqms-panel-heading>a{font-size:14px!important}
.mqms-muted{color:#42576b!important}
.mqms-login-card p{color:#33495e!important;font-size:15px!important}
.mqms-login-note{color:#52677a!important;font-size:12px!important}
.mqms-sidebar-brand strong{font-size:18px!important}
.mqms-sidebar-brand span{font-size:12px!important;color:#c0ccd6!important}
.mqms-sidebar-nav a,.mqms-sidebar-nav>div{
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.35!important;
  min-height:56px!important;
}
.mqms-sidebar-nav a span,.mqms-sidebar-nav>div span{font-size:12px!important}
.mqms-sidebar-footer span{font-size:11px!important}.mqms-sidebar-footer strong{font-size:15px!important}.mqms-sidebar-footer small{font-size:12px!important}
.mqms-top-kicker,.mqms-section-kicker{font-size:12px!important}
.mqms-system-status{font-size:12px!important}
/* Preserve intentional light text on dark navy areas */
.mqms-panel-card-dark,.mqms-panel-card-dark p,.mqms-panel-card-dark td,.mqms-panel-card-dark small{color:#e8f0f5!important}
.mqms-stat-card.is-primary .mqms-stat-note{color:#d1e0e9!important}


/* v0.6.5 sidebar fit/readability refinement */
.mqms-app-sidebar{overflow-y:auto;scrollbar-width:thin;padding:16px 16px 14px}
.mqms-sidebar-brand{padding:0 6px 12px}
.mqms-sidebar-rule{margin:0 2px 10px}
.mqms-sidebar-nav{gap:4px}
.mqms-sidebar-nav a,.mqms-sidebar-nav>div{min-height:44px;padding:6px 10px;border-radius:9px;font-size:14px;line-height:1.2}
.mqms-sidebar-nav a span,.mqms-sidebar-nav>div span{width:28px;height:28px;flex-basis:28px;border-radius:8px}
.mqms-sidebar-footer{margin-top:14px;padding:12px 13px;flex:0 0 auto}
body.admin-bar .mqms-app-sidebar{top:32px;height:calc(100vh - 32px)}
body.admin-bar .mqms-app-shell{min-height:calc(100vh - 32px)}
@media(max-width:782px){body.admin-bar .mqms-app-sidebar{top:46px;height:auto}body.admin-bar .mqms-app-shell{min-height:calc(100vh - 46px)}}

/* v0.7.0 — Matador QMS Guardian visual match */
.mqms-app-shell{
  --mqms-navy:#102b32;
  --mqms-navy-2:#14363e;
  --mqms-teal:#00d5be;
  --mqms-teal-2:#72ebdd;
  --mqms-teal-soft:#e9f8f4;
  --mqms-ink:#10203a;
  --mqms-muted:#5a6d86;
  --mqms-bg:#f8fafc;
  --mqms-line:#dce5ee;
  grid-template-columns:300px minmax(0,1fr)!important;
  min-height:100vh!important;
  background:var(--mqms-bg)!important;
}
.mqms-app-sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  padding:0!important;
  overflow-y:auto!important;
  background:var(--mqms-navy)!important;
  box-shadow:none!important;
}
body.admin-bar .mqms-app-sidebar{top:32px!important;height:calc(100vh - 32px)!important}
.mqms-sidebar-brand{
  display:block!important;
  padding:34px 28px 28px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.mqms-sidebar-wordmark{display:block!important;width:205px!important;max-width:100%!important;height:auto!important;margin:0 0 18px!important}
.mqms-sidebar-brand>strong{display:block!important;color:#fff!important;font-size:17px!important;font-weight:800!important;line-height:1.25!important}
.mqms-sidebar-rule{display:none!important}
.mqms-sidebar-label{padding:30px 28px 12px!important;color:#7faeb9!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.mqms-sidebar-nav{gap:4px!important;padding:0 16px!important}
.mqms-sidebar-nav a,.mqms-sidebar-nav>div{
  min-height:50px!important;
  padding:11px 13px!important;
  gap:14px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  color:#f0f7f8!important;
  background:transparent!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.mqms-sidebar-nav a span,.mqms-sidebar-nav>div span{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e5f6f5!important;
  font-size:20px!important;
  font-weight:400!important;
}
.mqms-sidebar-nav a:hover{background:rgba(255,255,255,.06)!important;border-color:transparent!important;transform:translateX(2px)!important}
.mqms-sidebar-nav a.is-active,.mqms-sidebar-nav>div.is-active{
  background:var(--mqms-teal)!important;
  border-color:var(--mqms-teal)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.mqms-sidebar-nav .is-active span{color:#fff!important;background:transparent!important}
.mqms-sidebar-account{
  margin-top:auto!important;
  padding:22px 26px 26px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.mqms-sidebar-account a{text-decoration:none!important}
.mqms-account-settings{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 20px!important;color:#fff!important;font-size:14px!important;font-weight:700!important}
.mqms-sidebar-account>strong{display:block!important;color:#fff!important;font-size:14px!important;font-weight:800!important}
.mqms-sidebar-account>small{display:block!important;margin-top:4px!important;color:#8fb2bb!important;font-size:13px!important}
.mqms-account-signout{display:flex!important;align-items:center!important;gap:9px!important;margin-top:18px!important;color:#6de8da!important;font-size:14px!important;font-weight:700!important}

.mqms-app-main{background:var(--mqms-bg)!important}
.mqms-topbar{
  min-height:74px!important;
  padding:0 34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  background:#fff!important;
  border-bottom:1px solid var(--mqms-line)!important;
}
.mqms-topbar strong{color:var(--mqms-ink)!important;font-size:16px!important;font-weight:800!important}
.mqms-topbar>span{color:#5b6f88!important;font-size:14px!important;font-weight:500!important}
.mqms-content{max-width:none!important;padding:34px 40px 50px!important}
.mqms-guardian-hero{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:34px 36px!important;
  margin:0 0 24px!important;
  border-radius:26px!important;
  background:var(--mqms-navy)!important;
  color:#fff!important;
}
.mqms-guardian-hero .mqms-section-kicker{color:#70efe0!important;font-size:12px!important;letter-spacing:.14em!important}
.mqms-guardian-hero h1{margin:12px 0 14px!important;color:#fff!important;font-size:34px!important;line-height:1!important;letter-spacing:-.035em!important}
.mqms-guardian-hero p{margin:0!important;color:#eef7f8!important;font-size:16px!important;line-height:1.5!important}
.mqms-guardian-hero small{display:block!important;margin-top:22px!important;color:#a9fff5!important;font-size:13px!important;font-weight:600!important}
.mqms-user-pill{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;color:#fff!important;font-size:13px!important;font-weight:700!important}
.mqms-dashboard-toolbar{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 22px!important}
.mqms-dashboard-toolbar label{display:flex!important;flex-direction:column!important;gap:7px!important;color:#334a64!important;font-size:13px!important;font-weight:700!important}
.mqms-dashboard-toolbar select{min-width:330px!important;height:44px!important;padding:0 14px!important;border:1px solid #cfdbe7!important;border-radius:10px!important;background:#fff!important;color:#14263c!important;font-size:14px!important}
.mqms-dashboard-toolbar>div{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.mqms-toolbar-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 16px!important;border:1px solid #cfdbe7!important;border-radius:10px!important;background:#fff!important;color:#17304b!important;text-decoration:none!important;font-size:14px!important;font-weight:650!important}
.mqms-toolbar-btn:hover{border-color:#9eb7c9!important;background:#fdfefe!important}
.mqms-stat-card{min-height:150px!important;border-radius:18px!important;box-shadow:0 2px 6px rgba(16,43,50,.04)!important}
.mqms-stat-card.is-primary{background:#fff!important;border-color:var(--mqms-line)!important;color:var(--mqms-ink)!important}
.mqms-stat-card.is-primary .mqms-stat-label{color:#63748b!important}
.mqms-stat-card.is-primary .mqms-stat-value{color:var(--mqms-ink)!important}
.mqms-stat-card.is-primary .mqms-stat-note{color:#42576b!important}
.mqms-panel-card{border-radius:18px!important;box-shadow:0 2px 6px rgba(16,43,50,.04)!important}
.mqms-panel-card-dark{background:var(--mqms-navy)!important;border-color:var(--mqms-navy)!important}
.mqms-action-card{border-radius:14px!important;min-height:165px!important}
.mqms-action-card>span:not(.mqms-action-no){color:#30485f!important}
.mqms-action-card strong{color:#10203a!important}

@media(max-width:1200px){
  .mqms-app-shell{grid-template-columns:260px minmax(0,1fr)!important}
  .mqms-sidebar-wordmark{width:180px!important}
  .mqms-content{padding-left:28px!important;padding-right:28px!important}
}
@media(max-width:860px){
  .mqms-app-shell{display:block!important}
  .mqms-app-sidebar{position:relative!important;top:0!important;height:auto!important}
  body.admin-bar .mqms-app-sidebar{top:0!important;height:auto!important}
  .mqms-sidebar-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mqms-sidebar-account{margin-top:18px!important}
  .mqms-topbar{min-height:auto!important;padding:18px 20px!important;align-items:flex-start!important;flex-direction:column!important}
  .mqms-content{padding:24px 18px 40px!important}
  .mqms-guardian-hero{flex-direction:column!important}
  .mqms-dashboard-toolbar{align-items:stretch!important;flex-direction:column!important}
  .mqms-dashboard-toolbar select{min-width:0!important;width:100%!important}
  .mqms-dashboard-toolbar>div{justify-content:flex-start!important}
}
@media(max-width:580px){
  .mqms-sidebar-nav{grid-template-columns:1fr!important}
  .mqms-stat-grid{grid-template-columns:1fr!important}
  .mqms-guardian-hero h1{font-size:29px!important}
}

/* v0.8.0 — match the Matador React QMS Guardian card language on the portal */
.mqms-app-shell{
  --mqms-navy:#10343a;
  --mqms-navy-2:#0c2a30;
  --mqms-teal:#12cfc0;
  --mqms-teal-2:#72ebdd;
  --mqms-teal-soft:#e8faf7;
  --mqms-ink:#0f1d34;
  --mqms-muted:#66758b;
  --mqms-bg:#f5f7fa;
  --mqms-line:#dce5ed;
  grid-template-columns:310px minmax(0,1fr)!important;
  background:var(--mqms-bg)!important;
}
.mqms-app-sidebar{background:#10343a!important}
.mqms-sidebar-brand{padding:30px 30px 26px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.mqms-sidebar-wordmark{width:195px!important;margin-bottom:17px!important}
.mqms-sidebar-brand>strong{font-size:16.5px!important}
.mqms-sidebar-label{padding:28px 28px 10px!important;font-size:11.5px!important;color:#8eb9c1!important}
.mqms-sidebar-nav{padding:0 16px!important;gap:4px!important}
.mqms-sidebar-nav a,.mqms-sidebar-nav>div{min-height:52px!important;padding:12px 14px!important;border-radius:12px!important;font-size:16.5px!important;font-weight:720!important;color:#f4fbfb!important}
.mqms-sidebar-nav a.is-active,.mqms-sidebar-nav>div.is-active{background:#12cfc0!important;border-color:#12cfc0!important;color:#fff!important;box-shadow:0 6px 16px rgba(4,58,57,.16)!important}
.mqms-sidebar-account{position:sticky!important;bottom:0!important;padding:18px 28px 24px!important;background:linear-gradient(180deg,rgba(16,52,58,.94),#10343a 18%)!important}
.mqms-account-settings{font-size:15px!important}.mqms-sidebar-account>strong{font-size:15px!important}.mqms-account-signout{font-size:14.5px!important}
.mqms-topbar{min-height:72px!important;padding:0 30px!important}
.mqms-content{padding:28px 34px 50px!important;background:#f5f7fa!important}
.mqms-guardian-hero{padding:30px 32px!important;border-radius:24px!important;background:linear-gradient(135deg,#0c2a30,#10343a)!important}
.mqms-guardian-hero h1{font-size:32px!important}.mqms-guardian-hero p{font-size:15.5px!important}
.mqms-stat-card,.mqms-panel-card,.mqms-action-card{border:1px solid #dce5ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 2px 7px rgba(15,34,50,.045)!important}
.mqms-stat-card{min-height:132px!important;position:relative!important;padding:20px!important}.mqms-stat-card.is-primary{background:#fff!important;color:#0f1d34!important}
.mqms-stat-card:after{content:"↗";position:absolute;right:18px;top:16px;color:#8da0b3;font-size:16px}.mqms-stat-value{font-size:32px!important;color:#0f1d34!important}.mqms-stat-card.is-primary .mqms-stat-value{color:#0f1d34!important}.mqms-stat-card.is-primary .mqms-stat-label{color:#63748b!important}.mqms-stat-card.is-primary .mqms-stat-note{color:#506378!important}
.mqms-panel-card-dark{background:#10343a!important;border-color:#10343a!important;color:#fff!important}.mqms-panel-card-dark h2,.mqms-panel-card-dark strong{color:#fff!important}
.mqms-action-card{min-height:165px!important;border-radius:16px!important}.mqms-action-card strong{font-size:15px!important;color:#0f1d34!important}.mqms-action-card>span:not(.mqms-action-no){color:#506378!important;font-size:13px!important}.mqms-action-no{background:#e8faf7!important;color:#0a9187!important}.mqms-action-card em{color:#0a9187!important}
@media(max-width:1200px){.mqms-app-shell{grid-template-columns:270px minmax(0,1fr)!important}}
@media(max-width:860px){.mqms-app-shell{display:block!important}.mqms-app-sidebar{position:relative!important;height:auto!important}.mqms-content{padding:24px 18px 40px!important}}

/* v0.9.0 — process-card parity with the original React/Tailwind QMS */
.mqms-app-shell{
  --pc-red:#c92043;--pc-red-bg:#fff8f9;
  --pc-amber:#b96610;--pc-amber-bg:#fffaf3;
  --pc-green:#247b55;--pc-green-bg:#f5fbf7;
  --pc-teal:#0e8c8d;--pc-teal-bg:#f3fbfa;
  --pc-indigo:#4456ad;--pc-indigo-bg:#f7f7fd;
  --pc-slate:#54697d;--pc-slate-bg:#f7f9fb;
}
.mqms-stat-grid{gap:18px!important}
.mqms-stat-card{
  --card-accent:var(--pc-teal);--card-bg:var(--pc-teal-bg);
  min-height:170px!important;padding:24px 22px!important;
  border:1px solid #dce5ed!important;border-top:4px solid var(--card-accent)!important;border-radius:20px!important;
  background:linear-gradient(180deg,var(--card-bg),#fff 78%)!important;
  box-shadow:0 5px 18px rgba(15,34,50,.045)!important;
}
.mqms-stat-grid>.mqms-stat-card:nth-child(6n+1){--card-accent:var(--pc-red);--card-bg:var(--pc-red-bg)}
.mqms-stat-grid>.mqms-stat-card:nth-child(6n+2){--card-accent:var(--pc-amber);--card-bg:var(--pc-amber-bg)}
.mqms-stat-grid>.mqms-stat-card:nth-child(6n+3){--card-accent:var(--pc-green);--card-bg:var(--pc-green-bg)}
.mqms-stat-grid>.mqms-stat-card:nth-child(6n+4){--card-accent:var(--pc-teal);--card-bg:var(--pc-teal-bg)}
.mqms-stat-grid>.mqms-stat-card:nth-child(6n+5){--card-accent:var(--pc-indigo);--card-bg:var(--pc-indigo-bg)}
.mqms-stat-card:after{color:var(--card-accent)!important}
.mqms-stat-label{color:#415970!important;font-size:12px!important;font-weight:800!important}
.mqms-stat-value{margin-top:22px!important;color:#071a30!important;font-size:34px!important}
.mqms-stat-note{color:#587087!important;font-size:13px!important}

.mqms-action-grid{gap:18px!important}
.mqms-action-card{
  --card-accent:var(--pc-teal);--card-bg:var(--pc-teal-bg);
  min-height:245px!important;padding:24px 22px 20px!important;
  border:1px solid #dce5ed!important;border-top:4px solid var(--card-accent)!important;border-radius:20px!important;
  background:linear-gradient(180deg,var(--card-bg),#fff 72%)!important;
  box-shadow:0 5px 18px rgba(15,34,50,.045)!important;
}
.mqms-action-grid>.mqms-action-card:nth-child(6n+1){--card-accent:var(--pc-red);--card-bg:var(--pc-red-bg)}
.mqms-action-grid>.mqms-action-card:nth-child(6n+2){--card-accent:var(--pc-amber);--card-bg:var(--pc-amber-bg)}
.mqms-action-grid>.mqms-action-card:nth-child(6n+3){--card-accent:var(--pc-green);--card-bg:var(--pc-green-bg)}
.mqms-action-grid>.mqms-action-card:nth-child(6n+4){--card-accent:var(--pc-teal);--card-bg:var(--pc-teal-bg)}
.mqms-action-grid>.mqms-action-card:nth-child(6n+5){--card-accent:var(--pc-indigo);--card-bg:var(--pc-indigo-bg)}
.mqms-action-grid>.mqms-action-card:nth-child(6n){--card-accent:var(--pc-slate);--card-bg:var(--pc-slate-bg)}
.mqms-action-card .mqms-action-no{width:40px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:var(--card-accent)!important;color:#fff!important;font-size:11px!important;font-weight:900!important}
.mqms-action-card strong{margin-top:22px!important;color:#071a30!important;font-size:19px!important;line-height:1.3!important}
.mqms-action-card>span:not(.mqms-action-no){color:#405970!important;font-size:14px!important;line-height:1.6!important}
.mqms-action-card em{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid #e2e8ee!important;color:#263f56!important;font-size:11.5px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.mqms-action-card em:after{content:"↗"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:9px!important;background:var(--card-accent)!important;color:#fff!important;font-size:15px!important}

.mqms-panel-card{border:1px solid #dce5ed!important;border-radius:22px!important;box-shadow:0 5px 18px rgba(15,34,50,.045)!important}
.mqms-panel-card:not(.mqms-panel-card-dark){position:relative!important;overflow:hidden!important}
.mqms-panel-card:not(.mqms-panel-card-dark):before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:var(--pc-teal)!important}

/* v1.2.1 — standalone live portal + dedicated QMS mobile navigation.
   This deliberately isolates the portal from block-theme headers, page-title wrappers
   and WordPress Navigation overlay behavior that can differ between local and live sites. */
html:has(body.mqms-standalone-portal),
body.mqms-standalone-portal{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  background:#f5f7fa!important;
}
body.mqms-standalone-portal .mqms-app-shell{
  width:100vw!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
}
body.mqms-standalone-portal #wpadminbar,
body.mqms-standalone-portal .wp-site-blocks,
body.mqms-standalone-portal header.wp-block-template-part,
body.mqms-standalone-portal footer.wp-block-template-part,
body.mqms-standalone-portal .wp-block-post-title{
  display:none!important;
}

.mqms-mobile-header,
.mqms-mobile-backdrop,
.mqms-mobile-menu-close{display:none!important}

@media(max-width:900px){
  body.mqms-standalone-portal{overflow-x:hidden!important}
  body.mqms-standalone-portal.mqms-portal-nav-open{overflow:hidden!important}

  .mqms-app-shell{
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
    padding-top:58px!important;
    overflow-x:hidden!important;
  }
  .mqms-app-main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-width:0!important;
  }

  .mqms-mobile-header{
    position:fixed!important;
    inset:0 0 auto 0!important;
    z-index:1004!important;
    height:58px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    background:#10343a!important;
    color:#fff!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 2px 10px rgba(15,34,50,.13)!important;
  }
  .mqms-mobile-header strong{
    color:#fff!important;
    font-size:16px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
  }
  .mqms-mobile-menu-toggle{
    width:40px!important;
    height:40px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:29px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .mqms-mobile-menu-toggle:hover{background:rgba(255,255,255,.08)!important}

  .mqms-mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1001!important;
    display:block!important;
    padding:0!important;
    border:0!important;
    background:rgba(4,18,24,.48)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  body.mqms-portal-nav-open .mqms-mobile-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .mqms-app-sidebar,
  body.admin-bar .mqms-app-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:1003!important;
    width:min(88vw,330px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow-y:auto!important;
    display:flex!important;
    flex-direction:column!important;
    transform:translateX(-104%)!important;
    transition:transform .22s ease!important;
    box-shadow:10px 0 30px rgba(5,25,31,.22)!important;
  }
  body.mqms-portal-nav-open .mqms-app-sidebar{transform:translateX(0)!important}

  .mqms-mobile-menu-close{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    z-index:2!important;
    width:38px!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .mqms-sidebar-brand{padding-right:62px!important}
  .mqms-sidebar-nav{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:4px!important;
  }
  .mqms-sidebar-account{
    position:static!important;
    margin-top:auto!important;
  }

  .mqms-topbar{
    min-height:auto!important;
    padding:16px 18px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
  }
  .mqms-topbar strong{font-size:14px!important}
  .mqms-topbar>span{font-size:12px!important}
  .mqms-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 14px 34px!important;
  }
  .mqms-guardian-hero{
    width:100%!important;
    padding:24px 20px!important;
    border-radius:18px!important;
  }
  .mqms-guardian-hero h1{font-size:28px!important}
  .mqms-dashboard-toolbar{width:100%!important}
  .mqms-stat-grid,
  .mqms-portal-grid,
  .mqms-action-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media(max-width:560px){
  .mqms-content{padding-left:12px!important;padding-right:12px!important}
  .mqms-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .mqms-stat-card{min-height:145px!important;padding:18px 16px!important}
  .mqms-stat-value{font-size:29px!important}
  .mqms-action-grid{grid-template-columns:1fr!important}
  .mqms-action-card{min-height:205px!important}
}


/* v1.2.2 — home-page mobile shell fix.
   The Matador child theme can render the portal directly on the front page.
   Keep the QMS mobile toggle visible and correctly offset even if a host cache
   briefly serves the non-standalone markup. */
@media(max-width:900px){
  body:not(.mqms-standalone-portal) .mqms-mobile-header{display:flex!important}
  body.admin-bar:not(.mqms-standalone-portal) .mqms-mobile-header{top:46px!important}
  body.admin-bar:not(.mqms-standalone-portal) .mqms-app-shell{padding-top:104px!important}
  body.admin-bar:not(.mqms-standalone-portal) .mqms-app-sidebar{top:46px!important;height:calc(100dvh - 46px)!important;min-height:calc(100dvh - 46px)!important;max-height:calc(100dvh - 46px)!important}
  body.admin-bar:not(.mqms-standalone-portal) .mqms-mobile-backdrop{top:46px!important}
}
@media(min-width:783px) and (max-width:900px){
  body.admin-bar:not(.mqms-standalone-portal) .mqms-mobile-header{top:32px!important}
  body.admin-bar:not(.mqms-standalone-portal) .mqms-app-shell{padding-top:90px!important}
  body.admin-bar:not(.mqms-standalone-portal) .mqms-app-sidebar{top:32px!important;height:calc(100dvh - 32px)!important;min-height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important}
  body.admin-bar:not(.mqms-standalone-portal) .mqms-mobile-backdrop{top:32px!important}
}
