/* CreatiScale UI v1 - Modern dashboard (light/dark for dashboard only) */
:root{
  --font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --bg: #0b1020;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #64748b;
  --border: #e5e7eb;
  --shadow: 0 10px 30px rgba(2,6,23,.08);
  --radius: 16px;
  --primary: #4f46e5;
  --primary2: #7c3aed;
  --good: #16a34a;
  --warn: #f59e0b;
  --bad: #ef4444;
  --chip: #eef2ff;
  --incoming: #f1f5f9;
  --outgoing: #dcfce7;
  /* Chat bubbles by sender role (requested): */
  --bubble-client: rgba(79,70,229,.12);
  --bubble-admin: rgba(13,148,136,.14);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

/* Task list: client ADS launch toggle */
.dash .board-table__ads-heading,
.dash .board-table__ads{
  text-align:center;
}
.dash .ads-launch-form{
  display:flex;
  justify-content:center;
  margin:0;
}
.dash .ads-launch-toggle{
  display:inline-flex;
  min-width:112px;
  min-height:46px;
  padding:7px 10px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:3px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#64748b;
  cursor:pointer;
  opacity:.38;
  transition:opacity .18s ease,color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.dash .ads-launch-toggle svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dash .ads-launch-toggle span{
  font:800 9px/1.15 Inter,sans-serif;
  letter-spacing:.045em;
  white-space:nowrap;
}
.dash .ads-launch-toggle:hover,
.dash .ads-launch-toggle:focus-visible{
  opacity:.72;
  border-color:#cbd5e1;
  background:#f8fafc;
  outline:none;
}
.dash .ads-launch-toggle:focus-visible{
  box-shadow:0 0 0 3px rgba(99,102,241,.18);
}
.dash .ads-launch-toggle.is-launched{
  opacity:1;
  color:#f97316;
  border-color:#fed7aa;
  background:linear-gradient(145deg,#fff7ed,#ffedd5);
  box-shadow:0 5px 14px rgba(249,115,22,.14);
}
.dash .ads-launch-toggle.is-launched:hover{
  color:#ea580c;
  border-color:#fdba74;
  background:#ffedd5;
  transform:translateY(-1px);
}
.dash .ads-launch-toggle.is-saving{
  cursor:wait;
  opacity:.58;
}
@media(max-width:760px){
  body.dash--mobile-full .board-table td[data-label="ADS lanciate"]{
    padding:10px 0;
    border-bottom:1px solid #edf2f7;
  }
  body.dash--mobile-full .board-table td[data-label="ADS lanciate"]::before{
    text-align:center;
  }
  .dash .ads-launch-toggle{
    width:100%;
    flex-direction:row;
  }
}

*{scrollbar-width:none;-ms-overflow-style:none;}
*::-webkit-scrollbar{width:0;height:0;display:none;}
html,body{height:100%;max-width:100%;overflow-x:hidden;}
body{margin:0;font-family:var(--font);color:var(--text);background:#f6f7fb;}
a{color:inherit;text-decoration:none;}
.container{max-width:none;width:100%;margin:0 auto;padding:0 clamp(18px,3vw,40px);}
.container--content{max-width:1240px;}
.mt8{margin-top:8px;}
.mt12{margin-top:12px;}
.mt16{margin-top:16px;}
.mt24{margin-top:24px;}
.grid{display:grid;gap:16px;}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:900px){.grid-3{grid-template-columns:1fr;}}
.h1{font-size:42px;line-height:1.05;margin:0;}
.h2{font-size:28px;margin:0;}
.h5{font-size:16px;margin:0;}
.small{font-size:13px;}
.tiny{font-size:12px;}
.muted{color:var(--muted);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;border:1px solid transparent;border-radius:12px;
  padding:11px 14px;font-weight:600;cursor:pointer;
  transition:transform .08s ease, background .2s ease, border-color .2s ease;
  user-select:none;
}
.btn:active{transform:scale(.98);}
.btn--sm{padding:8px 10px;border-radius:10px;font-size:13px;}
.btn--block{width:100%;}
.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 24px rgba(79,70,229,.22);}
.btn--ghost{background:transparent;border-color:var(--border);color:var(--text);}
.btn--danger{background:#fee2e2;border-color:#fecaca;color:#991b1b;}
.btn--soft{background:#eef2ff;border-color:#e0e7ff;color:#312e81;}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
}
.card--flat{box-shadow:none;}
.kpi{display:flex;gap:14px;align-items:center;}
.kpi .num{font-size:28px;font-weight:800;}
.badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.12);color:#fff;
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;font-weight:700;
}

.flash{padding:12px 14px;border-radius:14px;border:1px solid var(--border);margin-bottom:16px;}
.flash--success{background:#ecfdf5;border-color:#bbf7d0;color:#14532d;}
.flash--error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d;}
.flash--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a;}

.input, textarea, select{
  width:100%;
  border:1px solid var(--border);
  border-radius:12px;
  padding:11px 12px;
  font-family:var(--font);
  font-size:14px;
  outline:none;
  background:#fff;
}
textarea{min-height:120px;resize:vertical;}
.dash .input,
.dash textarea,
.dash select{
  background:#f8fafc;
  border-color:rgba(148,163,184,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.dash .input:focus,
.dash textarea:focus,
.dash select:focus{
  background:#fff;
  border-color:rgba(79,70,229,.45);
  box-shadow:0 0 0 4px rgba(79,70,229,.10);
}
.dash .input--error,
.dash textarea.input--error,
.dash select.input--error{
  border-color:#ef4444;
  background:#fff7f7;
  box-shadow:0 0 0 3px rgba(239,68,68,.12);
}
.label{display:block;font-size:13px;font-weight:700;margin:12px 0 6px;}
.form-row{display:grid;gap:12px;grid-template-columns:1fr 1fr;}
@media (max-width:900px){.form-row{grid-template-columns:1fr;}}

.brand{display:inline-flex;align-items:center;gap:10px;}
.brand__mark{
  width:36px;height:36px;border-radius:12px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  display:grid;place-items:center;color:#fff;font-weight:900;
}
.brand__name{font-weight:900;letter-spacing:-.02em;}
.brand--inverse .brand__mark{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);}
.brand--inverse .brand__name{color:#fff;}
/* Public */
.public .pub-header{
  position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(15,23,42,.08);z-index:20;
}
.pub-header__inner{
  display:flex;align-items:center;justify-content:space-between;
  min-height:88px;padding:0 clamp(28px,5vw,72px);
}
.pub-nav{display:flex;align-items:center;gap:14px;}
.lang-switch{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  line-height:1;
}
.lang-switch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:28px;
  padding:0 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:#475569;
}
.lang-switch a.active{
  background:var(--primary);
  color:#fff;
}
.lang-switch--dash{
  background:rgba(148,163,184,.10);
}
.dash .lang-switch--dash a{
  min-height:34px;
}
.pub-main{padding:0 0 44px;margin:0;}
.hero-slider{margin-top:0;}
.pub-header{margin:0;}
.pub-footer{padding:28px 0;border-top:1px solid var(--border);background:#fff;}
.pub-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.pub-footer__links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:rgba(226,232,240,.78);font-size:13px;}
.pub-footer__links a:hover,.pub-footer__links button:hover{color:#fff;}
.pub-footer__links button{appearance:none;border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;}

.cookie-banner[hidden]{display:none!important;}
.cookie-banner{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:rgba(2,6,23,.58);backdrop-filter:blur(5px);}
.cookie-banner__panel{position:relative;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 58px 24px 26px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#0f172a;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.38);}
.cookie-banner__copy strong{display:block;font-size:18px;line-height:1.25;}
.cookie-banner__copy p{margin:8px 0 0;color:#cbd5e1;font-size:14px;line-height:1.55;}
.cookie-banner__copy a{color:#c4b5fd;text-decoration:underline;text-underline-offset:3px;}
.cookie-banner__actions{display:flex;gap:10px;align-items:center;}
.cookie-banner__actions .btn--ghost{border-color:#64748b;color:#fff;}
.cookie-banner__close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:25px;line-height:1;cursor:pointer;}
.cookie-preferences[hidden]{display:none!important;}
.cookie-preferences{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.70);backdrop-filter:blur(7px);}
.cookie-preferences__panel{width:min(790px,100%);max-height:min(90vh,900px);overflow:auto;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:#fff;color:#0f172a;box-shadow:0 30px 100px rgba(0,0,0,.48);}
.cookie-preferences__head{position:relative;padding:28px 70px 22px 28px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f5f3ff);}
.cookie-preferences__head span{color:#6d28d9;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
.cookie-preferences__head h2{margin:7px 0 8px;color:#0f172a;font-size:27px;line-height:1.15;letter-spacing:-.025em;}
.cookie-preferences__head p{max-width:650px;margin:0;color:#64748b;font-size:14px;line-height:1.55;}
.cookie-preferences__close{position:absolute;top:22px;right:24px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#334155;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.08);}
.cookie-preferences__body{display:grid;gap:14px;padding:22px 28px;}
.cookie-preference{padding:19px 20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035);}
.cookie-preference__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.cookie-preference__top>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cookie-preference h3{margin:0;color:#0f172a;font-size:16px;line-height:1.35;}
.cookie-preference>p{margin:10px 0 0;color:#64748b;font-size:13px;line-height:1.55;}
.cookie-preference__badge{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:800;letter-spacing:.025em;text-transform:uppercase;}
.cookie-preference__badge--optional{background:#f1f5f9;color:#475569;}
.cookie-preference__locked{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:14px;font-weight:900;}
.cookie-preference__switch{display:inline-flex;flex:0 0 auto;align-items:center;margin:0;}
.cookie-preference__switch input[type="checkbox"]{width:48px;height:26px;margin:0;border:0;background:#cbd5e1;}
.cookie-preference__switch input[type="checkbox"]::before{top:3px;left:3px;width:20px;height:20px;}
.cookie-preference__switch input[type="checkbox"]:checked{background:linear-gradient(135deg,#7c3aed,#4f46e5);}
.cookie-preference__switch input[type="checkbox"]:checked::before{transform:translateX(22px);}
.cookie-preference__switch input[type="checkbox"]:focus-visible{outline:3px solid rgba(124,58,237,.22);outline-offset:3px;box-shadow:none;}
.cookie-preference details{margin-top:13px;padding-top:12px;border-top:1px solid #edf2f7;color:#64748b;font-size:12px;}
.cookie-preference summary{width:max-content;max-width:100%;color:#475569;font-weight:750;cursor:pointer;}
.cookie-preference details div{margin-top:9px;line-height:1.5;}
.cookie-preferences__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px 22px;border-top:1px solid #e2e8f0;background:#f8fafc;}
.cookie-preferences__footer>a{color:#5b21b6;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px;}
.cookie-preferences__footer>div{display:flex;align-items:center;justify-content:flex-end;gap:9px;}
.cookie-preferences__footer .btn{min-height:42px;padding:10px 13px;font-size:12px;}
.cookie-preferences__footer .btn--ghost{border-color:#cbd5e1;background:#fff;color:#334155;}
.cookie-preferences__footer .btn--soft{border-color:#ddd6fe;background:#ede9fe;color:#5b21b6;}
.legal-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0 4px;color:#475569;font-size:13px;line-height:1.45;cursor:pointer;}
.legal-check input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--primary);}
.legal-check a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
@media(max-width:760px){
  .cookie-banner{padding:10px;}
  .cookie-banner__panel{grid-template-columns:1fr;gap:18px;padding:22px 20px 20px;border-radius:18px;}
  .cookie-banner__copy{padding-right:28px;}
  .cookie-banner__actions{display:grid;grid-template-columns:1fr 1fr;}
  .cookie-banner__actions [data-cookie-customize]{grid-column:1/-1;grid-row:1;}
  .cookie-banner__actions .btn{width:100%;}
  .cookie-preferences{padding:10px;}
  .cookie-preferences__panel{max-height:94dvh;border-radius:18px;}
  .cookie-preferences__head{padding:23px 58px 19px 20px;}
  .cookie-preferences__head h2{font-size:22px;}
  .cookie-preferences__close{top:17px;right:16px;}
  .cookie-preferences__body{padding:16px;}
  .cookie-preference{padding:17px 16px;}
  .cookie-preferences__footer{align-items:stretch;flex-direction:column;padding:16px;}
  .cookie-preferences__footer>div{display:grid;grid-template-columns:1fr 1fr;}
  .cookie-preferences__footer [data-cookie-save]{grid-column:1/-1;grid-row:1;}
  .cookie-preferences__footer .btn{width:100%;}
  .pub-footer__inner,.pub-footer__links{justify-content:center;text-align:center;}
}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;}
@media(max-width:900px){.hero{grid-template-columns:1fr;}}
.hero-card{padding:18px;}
.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
@media(max-width:900px){.pricing{grid-template-columns:1fr;}}
.price{font-size:34px;font-weight:900;}
/* Dashboard */
[data-theme="dark"]{
  --card: #0b1227;
  --text: #e5e7eb;
  --muted: #94a3b8;
  --border: rgba(148,163,184,.18);
  --shadow: 0 18px 40px rgba(0,0,0,.35);
  --incoming: rgba(148,163,184,.14);
  --outgoing: rgba(34,197,94,.18);
}
[data-theme="dark"] body.dash{background:#070b16;}

.dash-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh;min-height:100dvh;max-width:100%;}
@media(max-width:980px){.dash-shell{grid-template-columns:1fr;}}
.dash-sidebar{
  position:sticky;top:0;height:100vh;height:100dvh;
  background:linear-gradient(180deg,#1b1b50 0%, #2b1456 60%, #0b1227 100%);
  padding:calc(16px + var(--safe-top)) calc(14px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(14px + var(--safe-left));
  border-right:1px solid rgba(255,255,255,.08);
  overflow:auto;
  overscroll-behavior:contain;
}
@media(max-width:980px){
  .dash-sidebar{position:fixed;left:-100%;top:0;z-index:50;width:min(88vw,320px);max-width:320px;transition:left .2s ease, box-shadow .2s ease;}
  body.sidebar-open .dash-sidebar{left:0;box-shadow:0 24px 80px rgba(2,6,23,.38);}
}
.dash-sidebar__brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:6px 6px 6px 6px;}
.dash-menu{display:flex;flex-direction:column;gap:6px;margin-top:10px;}
.dash-menu__title{
  margin-top:10px;
  padding:6px 10px 2px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
}
.dash-menu a{
  color:rgba(255,255,255,.86);
  padding:10px 12px;border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.04);
}
.dash-menu a.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.14);}
.dash-menu__sep{height:10px;}
.dash-sidebar__cta{margin-top:16px;padding:10px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}

.dash-main{padding:calc(18px + var(--safe-top)) calc(clamp(14px,2vw,26px) + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(clamp(14px,2vw,26px) + var(--safe-left));min-width:0;}
.dash-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-radius:16px;
  background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);
  min-width:0;
}
.icon-btn{border:1px solid var(--border);background:transparent;border-radius:12px;padding:10px 12px;cursor:pointer;}
.dash-topbar__title{min-width:0;}
.dash-topbar__title > div{min-width:0;}
.dash-topbar__actions{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;justify-content:flex-end;}
.user-chip{display:flex;gap:10px;align-items:center;border:1px solid var(--border);padding:8px 10px;border-radius:14px;background:rgba(99,102,241,.06);max-width:100%;min-width:0;}
.user-chip--button{cursor:pointer;font:inherit;}
.user-chip > div:last-child{min-width:0;}
.user-chip .small,.user-chip .tiny{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-menu{position:relative;}
.user-menu__panel{
  position:absolute;right:0;top:calc(100% + 10px);min-width:220px;width:min(280px,calc(100vw - 28px));padding:10px;
  border-radius:18px;background:var(--card);border:1px solid var(--border);box-shadow:0 24px 60px rgba(15,23,42,.16);display:none;z-index:20;
}
.user-menu.is-open .user-menu__panel{display:flex;flex-direction:column;gap:6px;}
.user-menu__panel a{
  padding:10px 12px;border-radius:12px;font-weight:700;background:rgba(148,163,184,.05);
}
.user-menu__panel a:hover{background:rgba(79,70,229,.08);}
.avatar{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:#fff;font-weight:900;}
.dash-content{padding:18px 2px;min-width:0;}
.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));}
.page-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;}
@media(max-width:1100px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}.page-grid{grid-template-columns:1fr;}}
@media(max-width:700px){.dashboard-kpis{grid-template-columns:1fr;}}

.notif-wrap{position:relative;min-width:0;}
.notif-pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:#111827;color:#fff;font-size:11px;font-weight:800;
}
.notif-panel{
  position:absolute;right:0;top:calc(100% + 10px);width:min(420px,88vw);
  padding:12px;border-radius:18px;background:var(--card);border:1px solid var(--border);
  box-shadow:0 26px 60px rgba(15,23,42,.16);display:none;z-index:20;
}
.notif-wrap.is-open .notif-panel{display:block;}
.notif-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.notif-panel__head a{font-size:12px;color:var(--primary);font-weight:700;}
.notif-item,.notif-inline{
  display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:16px;
  border:1px solid var(--border);background:rgba(148,163,184,.05);
}
.notif-item + .notif-item,.notif-inline + .notif-inline{margin-top:10px;}
.notif-item span,.notif-inline span{font-size:12px;color:var(--muted);line-height:1.5;}
.notif-item.is-unread,.notif-inline.is-unread,.notif-card.is-unread{border-color:rgba(79,70,229,.34);background:rgba(79,70,229,.08);}
.notif-empty{padding:12px;color:var(--muted);font-size:13px;}
.notif-card{display:block;}
.notif-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;}
.pagination .btn{min-width:auto;}
.pagination__current{pointer-events:none;}
.page-hero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:24px;border-radius:24px;
}
.page-hero--client{background:linear-gradient(135deg, rgba(79,70,229,.12), rgba(14,165,233,.10));}
.page-hero--admin{background:linear-gradient(135deg, rgba(16,185,129,.14), rgba(6,182,212,.10));}
.page-hero__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.page-hero__actions{display:flex;gap:10px;flex-wrap:wrap;}

.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
@media(max-width:1100px){.board{grid-template-columns:1fr 1fr;}}
@media(max-width:650px){.board{grid-template-columns:1fr;}}
.col{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:12px;}
.col h3{margin:0 0 10px 0;font-size:14px;}
.droppable{min-height:140px;display:flex;flex-direction:column;gap:10px;}
.task{
  border:1px solid var(--border);
  border-radius:16px;
  padding:12px;background:rgba(148,163,184,.08);
  cursor:grab;
}
.task:active{cursor:grabbing;}
.task .t-title{font-weight:800;}
.task .meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font-size:12px;}
.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--chip);border:1px solid var(--border);font-size:12px;font-weight:700;}

.chat{
  height:360px;overflow:auto;
  border:1px solid var(--border);
  border-radius:18px;
  padding:14px;background:rgba(148,163,184,.06);
}
.bubble{max-width:78%;padding:10px 12px;border-radius:16px;margin:8px 0;line-height:1.3;}
.bubble.in{background:var(--incoming);border-top-left-radius:6px;}
.bubble.out{margin-left:auto;background:var(--outgoing);border-top-right-radius:6px;}
/* Color bubbles by sender (client vs admin), regardless of who is viewing */
.bubble[data-role="client"]{background:var(--bubble-client);}
.bubble[data-role="admin"]{background:var(--bubble-admin);}
.bubble .meta{margin-top:6px;font-size:11px;color:var(--muted);display:flex;gap:10px;}
.assist-chat{
  position:fixed;
  inset:auto 22px 22px auto;
  z-index:2000;
  pointer-events:none;
}
.assist-chat__fab{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:0 19px;
  border:0;
  border-radius:999px;
  background:#0f766e;
  color:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.22);
  font:inherit;
  font-size:14px;
  font-weight:820;
  letter-spacing:0;
  cursor:pointer;
}
.assist-chat__fab .icon{
  width:22px;
  height:22px;
  stroke:#fff;
}
.assist-chat__fab strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:#fff;
  color:#0f766e;
  font-size:12px;
}
.assist-chat__fab .assist-chat__badge{
  background:#ef4444;
  color:#fff;
  border:2px solid #fff;
  box-shadow:0 8px 18px rgba(239,68,68,.34);
}
.dash-menu__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:auto;
  padding:0 7px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:850;
  line-height:1;
  box-shadow:0 5px 12px rgba(239,68,68,.28);
}
.client-row__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.client-row__actions form{
  display:inline-flex;
  margin:0;
}
.card .client-row__actions form .btn{
  margin-top:0;
}
.assist-chat__overlay{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.assist-chat__panel{
  pointer-events:auto;
  position:fixed;
  right:22px;
  bottom:88px;
  display:flex;
  flex-direction:column;
  width:min(460px, calc(100vw - 32px));
  max-height:min(760px, calc(100dvh - 120px));
  border:1px solid #dbe4ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.26);
  opacity:0;
  transform:translateY(14px) scale(.98);
  visibility:hidden;
  overflow:hidden;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.assist-chat.is-open .assist-chat__overlay{
  opacity:1;
  pointer-events:auto;
}
.assist-chat.is-open .assist-chat__panel{
  opacity:1;
  transform:translateY(0) scale(1);
  visibility:visible;
}
.assist-chat__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 18px 14px;
  border-bottom:1px solid #e5edf6;
  background:#f8fafc;
}
.assist-chat__head h3{
  margin:3px 0 0;
  color:#111827;
}
.assist-chat__eyebrow{
  color:#0f766e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.assist-chat__close{
  min-width:38px;
  padding:8px 10px;
  font-size:20px;
  line-height:1;
}
.assist-chat__body{
  height:auto;
  min-height:240px;
  max-height:42dvh;
  margin:0;
  border:0;
  border-radius:0;
  background:#fff;
  padding:16px 18px;
}
.assist-chat__form{
  padding:16px 18px 18px;
  border-top:1px solid #e5edf6;
  background:#fbfcfe;
}
.assist-chat__form .input{
  background:#fff;
}
.assist-chat__actions{
  display:flex;
  justify-content:flex-end;
}
.assist-chat .bubble{
  max-width:88%;
}
.detail-grid--single{
  grid-template-columns:minmax(0,1fr) !important;
}
@media(max-width:720px){
  .assist-chat{
    right:14px;
    bottom:14px;
  }
  .assist-chat__fab{
    min-height:50px;
    padding:0 15px;
  }
  .assist-chat__panel{
    right:10px;
    bottom:76px;
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 96px);
    border-radius:14px;
  }
  .assist-chat__body{
    max-height:46dvh;
  }
}

/* Professional public footer */
.pub-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  border-top:1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(circle at 8% 22%,rgba(99,102,241,.14),transparent 23%),
    radial-gradient(circle at 88% 96%,rgba(168,85,247,.09),transparent 26%),
    #050810;
}
.pub-footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 32%,rgba(255,255,255,.014) 70%,transparent);
}
.pub-footer__signal{
  position:absolute;
  z-index:-1;
  left:-70px;
  bottom:-126px;
  width:min(68vw,900px);
  height:auto;
  opacity:.72;
  pointer-events:none;
}
.pub-footer__content{position:relative;padding-top:clamp(54px,7vw,88px);padding-bottom:24px;}
.pub-footer__grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(170px,.62fr) minmax(210px,.72fr);
  gap:clamp(38px,7vw,110px);
  padding-bottom:clamp(48px,6vw,74px);
}
.pub-footer__brand{max-width:590px;}
.pub-footer__brand>a{display:inline-flex;align-items:center;}
.pub-footer__brand img{display:block;width:210px;max-width:100%;height:auto;}
.pub-footer__brand>p{max-width:560px;margin:22px 0 0;color:#a8b2c7;font-size:clamp(15px,1.25vw,18px);line-height:1.75;}
.pub-footer__company{display:grid;gap:5px;margin-top:27px;color:#9aa6bc;font-size:14px;line-height:1.45;}
.pub-footer__company strong{color:#f8fafc;font-size:15px;}
.pub-footer__column{display:flex;align-items:flex-start;flex-direction:column;gap:15px;}
.pub-footer__column h2{margin:3px 0 7px;color:#f8fafc;font-size:17px;line-height:1.2;}
.pub-footer__column a,
.pub-footer__column button{
  position:relative;
  appearance:none;
  border:0;
  padding:0 0 3px;
  background:transparent;
  color:#9aa6bc;
  font:500 15px/1.4 var(--font);
  text-align:left;
  cursor:pointer;
  transition:color .18s ease,transform .18s ease;
}
.pub-footer__column a::after,
.pub-footer__column button::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,#8b5cf6,#22d3ee);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
.pub-footer__column a:hover,
.pub-footer__column button:hover{color:#fff;transform:translateX(3px);}
.pub-footer__column a:hover::after,
.pub-footer__column button:hover::after{transform:scaleX(1);}
.pub-footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:22px;
  border-top:1px solid rgba(148,163,184,.14);
  color:#667085;
  font-size:12px;
}
@media(max-width:860px){
  .pub-footer__grid{grid-template-columns:1fr 1fr;}
  .pub-footer__brand{grid-column:1/-1;max-width:680px;}
  .pub-footer__signal{width:900px;left:-340px;opacity:.48;}
}
@media(max-width:560px){
  .pub-footer__content{padding-top:48px;}
  .pub-footer__grid{grid-template-columns:1fr;gap:38px;padding-bottom:42px;}
  .pub-footer__brand{grid-column:auto;}
  .pub-footer__brand img{width:180px;}
  .pub-footer__brand>p{margin-top:18px;font-size:15px;}
  .pub-footer__column{gap:13px;}
  .pub-footer__bottom{align-items:flex-start;flex-direction:column;}
}
.hr{height:1px;background:var(--border);margin:14px 0;}
.table{width:100%;border-collapse:separate;border-spacing:0 10px;}
.table td,.table th{padding:10px 12px;text-align:left;font-size:13px;}
.table th{color:var(--muted);font-weight:800;}
.table td{word-break:break-word;}
.tr{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
}
.table tr td:first-child, .table tr th:first-child{padding-left:14px;}
.table tr td:last-child, .table tr th:last-child{padding-right:14px;}


/* --- UI fix pack: prevent overflow, add spacing, iOS toggles --- */
*, *:before, *:after { box-sizing: border-box; }
.card { overflow: hidden; }
.btn, .input, select, textarea { max-width: 100%; }
.btn--block { width: 100%; }
.btn { line-height: 1.1; padding-top: 12px; padding-bottom: 12px; }
.btn.btn--sm { padding-top: 9px; padding-bottom: 9px; }
.mt16 { margin-top: 16px !important; }
.mt12 { margin-top: 12px !important; }
.mb12 { margin-bottom: 12px !important; }

/* More breathing room in forms inside cards */
.card form .input,
.card form select,
.card form textarea { margin-top: 6px; }
.card form .btn { margin-top: 12px; }

/* Admin-only accent can differ (if you want) */
.dash--admin { --accent: #10b981; --accent2:#06b6d4; }
.dash--client { --accent: #6d5efc; --accent2:#8b5cf6; }

/* iOS-style toggle for ALL checkboxes */
input[type="checkbox"]{
  -webkit-appearance:none; appearance:none;
  width: 44px; height: 24px;
  border-radius: 999px;
  background: #d1d5db;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgba(0,0,0,.06);
  transition: background .18s ease, box-shadow .18s ease;
}
input[type="checkbox"]::before{
  content:"";
  position:absolute;
  top: 2.5px; left: 2.5px;
  width: 18.5px; height: 18.5px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  transition: transform .18s ease;
}
input[type="checkbox"]:checked{
  background: var(--accent);
}
input[type="checkbox"]:checked::before{
  transform: translateX(20px);
}
input[type="checkbox"]:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(16,185,129,.18);
}

/* Packages admin page helpers (safe generic) */
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 12px; border-bottom: 1px solid rgba(0,0,0,.06); vertical-align: middle; }
.table th { font-size: 13px; color: rgba(0,0,0,.55); font-weight: 700; }
.table td .input { width: 100%; min-width: 0; }
.table td .btn { white-space: nowrap; }

.dash--admin .dash-sidebar{background:linear-gradient(180deg,#0f766e 0%, #064e3b 100%);}


/* Brand logo */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand__logo{height:48px;width:auto;display:block;}
.brand__logo--inverse{height:44px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));}

/* Public header spacing */
.pub-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.pub-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}

/* Pricing commercial */
.pricing-hero{
  background:linear-gradient(135deg, rgba(79,70,229,.10), rgba(124,58,237,.08));
  border:1px solid rgba(79,70,229,.18);
  border-radius:20px;
  padding:22px;
  box-shadow:0 18px 45px rgba(2,6,23,.08);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
}
.pricing-hero__main{max-width:760px;}
.pricing-hero .kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:8px 14px;
  border:1px solid rgba(79,70,229,.14);
  border-radius:999px;
  background:rgba(79,70,229,.08);
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--primary);
}
.pricing-hero h1{font-size:34px;line-height:1.1;margin:10px 0 6px;}
.pricing-hero p{color:var(--muted);margin:0;}
.pricing-hero .cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;}
.pricing-hero .micro{font-size:13px;color:var(--muted);margin-top:10px;}
.pricing-hero__signals{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:4px;
}
.pricing-hero__signals div{
  min-height:82px;
  padding:14px;
  border:1px solid rgba(79,70,229,.14);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.30));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.pricing-hero__signals strong{font-size:24px;line-height:1;color:var(--text);}
.pricing-hero__signals span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
@media(max-width:640px){.pricing-hero__signals{grid-template-columns:1fr;}.pricing-hero__signals div{min-height:auto;gap:8px;}}

.plan-card{position:relative;overflow:hidden;}
.plan-card--popular{
  border-color:rgba(124,58,237,.40);
  box-shadow:0 22px 55px rgba(124,58,237,.12);
}
.plan-badge{
  position:absolute;top:14px;right:14px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;
}
.plan-features{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px;}
.plan-features li{display:flex;gap:10px;align-items:flex-start;color:var(--text);}
.plan-features svg{flex:0 0 auto;margin-top:2px;}
.pricing--dynamic{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;}
.plan-card--credit{display:flex;flex-direction:column;min-height:290px;padding:18px;}
.plan-card--credit .mt16{margin-top:auto;padding-top:16px;}
.plan-card__credits{display:flex;align-items:baseline;gap:10px;}
.plan-card__credits strong{font-size:52px;line-height:.92;letter-spacing:-.03em;}
.plan-card__credits span{font-size:15px;font-weight:800;color:var(--muted);}
.plan-card__unit{display:inline-flex;width:max-content;max-width:100%;margin-top:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(79,70,229,.16);background:rgba(79,70,229,.08);color:var(--primary);font-size:13px;font-weight:800;}
.plan-card__value{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);display:grid;gap:4px;}
.plan-card__value strong{font-size:17px;color:var(--text);}
.plan-card__value span{font-size:13px;color:var(--muted);}
.pricing-snapshot{display:grid;gap:14px;padding:18px;align-self:stretch;}
.pricing-snapshot__top,
.pricing-snapshot__order,
.pricing-snapshot__balance{
  border:1px solid rgba(79,70,229,.14);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,242,255,.86));
  border-radius:14px;
  padding:16px;
}
.pricing-snapshot__top{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:end;}
.pricing-snapshot__top span,
.pricing-snapshot__order span,
.pricing-snapshot__balance span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b;}
.pricing-snapshot__top strong{grid-row:1 / span 2;grid-column:2;font-size:64px;line-height:.86;letter-spacing:-.06em;color:#4f46e5;}
.pricing-snapshot__top em{font-style:normal;font-size:15px;font-weight:800;color:#111827;}
.pricing-snapshot__order{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;}
.pricing-snapshot__order strong{display:block;margin-top:3px;color:#111827;}
.pricing-snapshot__order b{color:#ec4899;font-size:22px;}
.pricing-snapshot__icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);}
.pricing-snapshot__flow{display:grid;gap:10px;padding:4px 2px;}
.pricing-snapshot__flow div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;}
.pricing-snapshot__flow span{font-size:13px;font-weight:800;color:var(--muted);}
.pricing-snapshot__flow i{height:9px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#ec4899,#fb923c);width:var(--w);box-shadow:0 8px 20px rgba(124,58,237,.18);}
.pricing-snapshot__balance{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.pricing-snapshot__balance strong{font-size:34px;line-height:1;color:#111827;}
.featured-video{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:18px;
  align-items:stretch;
  padding:18px;
  border:1px solid rgba(79,70,229,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(79,70,229,.09),rgba(236,72,153,.07) 54%,rgba(251,146,60,.08));
  box-shadow:0 22px 60px rgba(2,6,23,.10);
}
.featured-video__media{
  position:relative;
  min-height:440px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.44);
  background:#0f172a;
  box-shadow:0 24px 60px rgba(2,6,23,.24);
}
.featured-video__media video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.featured-video__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(6px,2vw,22px);
}
.featured-video__copy h3{
  margin:12px 0 0;
  font-size:clamp(24px,3vw,38px);
  line-height:1.08;
}
.featured-video__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.featured-video__tags span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(79,70,229,.16);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:var(--primary);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.video-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.video-example-card{display:grid;gap:14px;padding:14px;}
.video-example-card__frame{
  position:relative;
  aspect-ratio:9/16;
  min-height:300px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(79,70,229,.16);
  background:#0f172a;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.video-example-card__frame video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.video-example-card__play{
  position:absolute;
  left:50%;
  top:50%;
  width:56px;
  height:56px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 45px rgba(2,6,23,.28);
}
.video-example-card__play::after{
  content:"";
  position:absolute;
  left:22px;
  top:17px;
  border-left:16px solid #7c3aed;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
}
.video-example-card__shine{
  position:absolute;
  inset:auto 14px 14px;
  height:72px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06));
}
.video-example-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.video-example-card__meta strong{font-size:15px;}
.video-example-card__meta span{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(79,70,229,.08);
  color:var(--primary);
  font-size:12px;
  font-weight:800;
}
@media(max-width:900px){.video-example-grid{grid-template-columns:1fr;}.video-example-card__frame{min-height:360px;}}
@media(max-width:900px){
  .featured-video{grid-template-columns:1fr;padding:14px;}
  .featured-video__media{min-height:520px;}
  .featured-video__copy{padding:4px 2px 2px;}
}
@media(max-width:520px){
  .featured-video__media{min-height:430px;}
  .featured-video__copy h3{font-size:25px;}
}
.section{margin-top:26px;}
.section h3{margin:0 0 10px;}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
@media(max-width:900px){.steps{grid-template-columns:1fr;}}
.step{padding:16px;border-radius:16px;border:1px solid var(--border);background:#fff;}
.step .icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(79,70,229,.16), rgba(124,58,237,.12));
  border:1px solid rgba(79,70,229,.18);
}
.credit-guide{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.34fr);
  gap:16px;
  align-items:stretch;
}
.credit-guide__copy,
.credit-guide__note{
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  padding:16px;
}
.credit-guide__note{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  background:linear-gradient(135deg,rgba(79,70,229,.10),rgba(236,72,153,.08));
  border-color:rgba(79,70,229,.18);
}
.credit-guide__note strong{font-size:17px;}
.credit-guide__note span{color:var(--muted);line-height:1.55;}
.credit-table{
  display:grid;
  gap:8px;
}
.credit-table__row{
  display:grid;
  grid-template-columns:.55fr 1fr 1fr 1.45fr;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
}
.credit-table__row--head{
  background:rgba(79,70,229,.08);
  border-color:rgba(79,70,229,.16);
  color:var(--primary);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.credit-table__row strong{
  font-size:22px;
  color:var(--text);
}
@media(max-width:900px){
  .credit-guide{grid-template-columns:1fr;}
  .credit-table__row{
    grid-template-columns:1fr;
    gap:6px;
  }
  .credit-table__row--head{display:none;}
  .credit-table__row > div{
    display:flex;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid rgba(148,163,184,.20);
    padding-bottom:6px;
  }
  .credit-table__row > div:last-child{
    border-bottom:0;
    padding-bottom:0;
  }
  .credit-table__row > div::before{
    content:"";
    flex:0 0 118px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .credit-table__row > div:nth-child(1)::before{content:"Crediti";}
  .credit-table__row > div:nth-child(2)::before{content:"Semplice";}
  .credit-table__row > div:nth-child(3)::before{content:"Composto";}
  .credit-table__row > div:nth-child(4)::before{content:"Ideale per";}
}
.faq{display:grid;gap:10px;}
.faq details{border:1px solid var(--border);border-radius:16px;padding:12px 14px;background:#fff;}
.faq summary{cursor:pointer;font-weight:800;}
.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media(max-width:900px){.trust-row{grid-template-columns:1fr;}}
.trust{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;display:flex;gap:12px;align-items:flex-start;}
.trust .ticon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.18);}

/* Contact */
.form{display:grid;gap:12px;}
.field label{display:block;font-weight:700;margin-bottom:6px;}
.field input,.field textarea{
  width:100%;padding:12px 12px;border-radius:12px;border:1px solid var(--border);
  font-family:var(--font);font-size:15px;outline:none;
}
.field input:focus,.field textarea:focus{border-color:rgba(79,70,229,.55);box-shadow:0 0 0 4px rgba(79,70,229,.10);}

.dash-overlay{
  position:fixed;inset:0;background:rgba(2,6,23,.48);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40;
}
body.sidebar-open .dash-overlay{opacity:1;pointer-events:auto;}
.dash-topbar__title{display:flex;align-items:center;gap:10px;}
.dash-mobile-toggle{display:none;}
.split-grid,.detail-grid{grid-template-columns:1.1fr .9fr;gap:18px;}
.action-row,.quick-links,.file-stack,.link-list{display:flex;gap:10px;flex-wrap:wrap;}
.quick-links,.file-stack,.link-list{flex-direction:column;}
.link-list__row{display:flex;gap:10px;align-items:flex-start;}
.link-list__row .input{flex:1 1 0;}
.drive-link-row{display:flex;gap:10px;align-items:flex-start;}
.drive-link-row .input{flex:1 1 0;}
.drive-open-btn{white-space:nowrap;}
.drive-open-btn.is-disabled{opacity:.55;pointer-events:none;}
.top-split{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.actions-right{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;text-align:right;}
.task-copy{white-space:pre-wrap;line-height:1.55;word-break:break-word;}
.task-copy a,.task-link-card a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}
.task-link-card a.btn{text-decoration:none;}
.task-link-card a.btn--primary{color:#fff;}
.task-link-card a.btn--ghost{color:var(--text);}
.task-link-card{
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px 14px;
  background:rgba(148,163,184,.05);
}
.task-link-card__title{
  display:inline-flex;
  font-weight:800;
}
.new-task-card{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.task-brief-grid{
  display:grid;
  gap:14px;
}
.task-brief-grid--compose{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:start;
}
.task-brief-grid--compose .copy-field:first-child{
  grid-row:span 2;
}
.task-brief-grid--compose .text-editor__textarea{
  min-height:150px;
}
.task-brief-grid--compose .copy-field:first-child .text-editor__textarea{
  min-height:320px;
}
.task-brief-grid--read{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.copy-field{
  display:grid;
  gap:8px;
  min-width:0;
}
.copy-field__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.copy-field__head .label{
  margin:0;
}
.copy-field--display{
  padding:14px 16px;
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fff;
}
.copy-field--display .task-copy{
  padding:0;
  border:0;
  background:transparent;
}
.copy-icon-btn{
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(79,70,229,.22);
  border-radius:10px;
  background:linear-gradient(180deg,#fff,#f6f8ff);
  color:#4f46e5;
  box-shadow:0 10px 22px rgba(79,70,229,.12), inset 0 1px 0 rgba(255,255,255,.9);
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, background .16s ease;
}
.copy-icon-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(79,70,229,.48);
  background:#fff;
  color:#3730a3;
  box-shadow:0 14px 26px rgba(79,70,229,.18);
}
.copy-icon-btn:focus-visible{
  outline:3px solid rgba(99,102,241,.24);
  outline-offset:2px;
}
.copy-icon-btn .kpi-icon{
  width:28px;
  height:28px;
  min-width:28px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
}
.copy-icon-btn .kpi-icon svg{
  width:28px;
  height:28px;
  stroke:currentColor;
  stroke-width:2.7;
}
.copy-icon-btn__done{
  display:none;
}
.copy-icon-btn.is-copied{
  border-color:rgba(22,163,74,.45);
  background:#f0fdf4;
  color:#15803d;
}
.copy-icon-btn.is-copied .copy-icon-btn__copy{
  display:none;
}
.copy-icon-btn.is-copied .copy-icon-btn__done{
  display:block;
}
.text-editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:7px;
  border:1px solid var(--border);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:#f8fafc;
}
.text-editor-toolbar button{
  min-width:32px;
  min-height:30px;
  padding:5px 9px;
  border:1px solid #dbe3ef;
  border-radius:7px;
  background:#fff;
  color:#263244;
  font:700 13px/1 var(--font);
  cursor:pointer;
}
.text-editor-toolbar button:hover{
  border-color:rgba(79,70,229,.38);
  color:var(--primary);
}
.text-editor__textarea{
  display:block;
  width:100%;
  margin:0 !important;
  border-color:#a9b8cc !important;
  background:#fff !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
  line-height:1.6;
}
.copy-field:has(.text-editor__textarea){
  gap:0;
  padding:12px;
  border:1px solid #c7d4e5;
  border-radius:12px;
  background:#edf3fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.copy-field:has(.text-editor__textarea) .copy-field__head{
  margin-bottom:8px;
}
.copy-field:has(.text-editor__textarea) .text-editor-toolbar{
  border-color:#a9b8cc;
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:#dfe9f6;
}
.copy-field:has(.text-editor__textarea) .text-editor-toolbar + .text-editor__textarea{
  margin-top:0 !important;
  border-top-color:#a9b8cc !important;
  border-radius:0 0 10px 10px !important;
}

@media(max-width:980px){
  .dash-mobile-toggle{display:inline-flex;}
  .task-brief-grid--compose,
  .task-brief-grid--read{
    grid-template-columns:1fr;
  }
  .task-brief-grid--compose .copy-field:first-child{
    grid-row:auto;
  }
  .dash-main{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(12px + var(--safe-left));}
  .dash-topbar{align-items:flex-start;flex-direction:column;}
  .dash-topbar__title,.dash-topbar__actions{width:100%;}
  .dash-topbar__actions{justify-content:stretch;}
  .dash-topbar__actions > *{flex:1 1 calc(50% - 10px);}
  .dash-topbar__actions > .user-menu{flex-basis:100%;}
  .user-chip{max-width:100%;}
  .detail-grid,.split-grid{grid-template-columns:1fr;}
}

@media(max-width:820px){
  .dash .grid[style*="grid-template-columns"]{grid-template-columns:1fr !important;}
  .dash [style*="display:flex"][style*="justify-content:space-between"]{flex-wrap:wrap;}
}

@media(max-width:760px){
  .dash-main{padding:12px;}
  .dash-content{padding:14px 0 24px;}
  .page-hero{padding:18px;}
  .card{padding:14px;}
  .board-filters,.task-type-grid,.profile-grid{grid-template-columns:1fr !important;}
  .board-table-wrap{overflow-x:auto;}
  .table{min-width:0;}
  .dash .table:not(.board-table){
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }
  .dash .table:not(.board-table) tbody,
  .dash .table:not(.board-table) thead{
    white-space:nowrap;
  }
  .board-table thead{display:none;}
  .board-table,.board-table tbody,.board-table tr,.board-table td{display:block;width:100%;}
  .board-table .tr{
    padding:14px;
    border:1px solid var(--border);
    border-radius:16px;
    margin-bottom:12px;
    background:var(--card);
  }
  .board-table td{
    padding:8px 0;
    border-bottom:1px solid rgba(148,163,184,.18);
  }
  .board-table td:last-child{border-bottom:0;padding-bottom:0;}
  .board-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:6px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:var(--muted);
  }
  .board-table__id{white-space:normal;}
  .board-actions{min-width:0;}
  .top-split,.actions-right,.action-row,.link-list__row,.drive-link-row{flex-direction:column;align-items:stretch;}
  .actions-right{text-align:left;}
  .btn,.btn.btn--sm{width:100%;}
  .copy-field__head{
    align-items:center;
  }
  .copy-icon-btn{
    width:42px;
    height:42px;
    min-width:42px;
  }
  .split-grid,
  .detail-grid,
  .form-row,
  .upload-kpis,
  .task-admin-kpis,
  .task-economics{
    grid-template-columns:1fr !important;
  }
  .task-kpi-box,
  .copy-field--display{
    padding:14px;
  }
  .copy-field:has(.text-editor__textarea){
    padding:10px;
  }
  .text-editor-toolbar{
    gap:5px;
    padding:6px;
  }
  .text-editor-toolbar button{
    flex:1 1 auto;
  }
  .notif-panel,.user-menu__panel{width:min(92vw,360px);right:0;}
  .dash-topbar__actions > *{flex:1 1 100%;}
  .notif-wrap,.user-menu{width:100%;}
  .notif-trigger,.user-chip--button{width:100%;}
  .profile-head,.profile-list__item{flex-direction:column;align-items:flex-start;}
  .profile-avatar{width:72px;height:72px;border-radius:18px;}
  .bubble{max-width:92%;}
  .buy-hero__bullets,.board-summary__chips,.page-hero__actions,.board-filters__actions{flex-direction:column;align-items:stretch;}
  .pagination{justify-content:center;}
  .pagination .btn{width:auto;}
}

@media(max-width:430px){
  .container{padding:0 14px;}
  .dash-sidebar{width:min(92vw,320px);}
  .dash-topbar{padding:12px;}
  .page-hero{border-radius:20px;}
  .card,.task-zone,.task-kpi-box{border-radius:14px;}
  .h2{font-size:24px;}
  .kpi .num,.price{font-size:24px;}
  .brand__logo--inverse{max-width:180px;height:auto;}
  .board-table .tr{padding:12px;}
  .table td,.table th{padding:9px 10px;}
  .tiny{font-size:11px;}
}


/* --- Pricing: animated SVG illustration (Free hero) --- */
.free-illustration{padding:14px;overflow:hidden}
.free-illus{width:100%;height:auto;display:block}
.free-illus-caption{padding:10px 10px 4px;text-align:center}

.glow-pulse{animation:csGlow 3.8s ease-in-out infinite}

/* float groups inside SVG */
.illus-float{transform-box:fill-box;transform-origin:center}
.illus-float--a{animation:csFloatA 5.0s ease-in-out infinite}
.illus-float--b{animation:csFloatB 5.8s ease-in-out infinite}
.illus-float--c{animation:csFloatC 5.2s ease-in-out infinite}
.illus-coin{transform-box:fill-box;transform-origin:center;animation:csCoin 3.8s ease-in-out infinite}
.illus-bubble{transform-box:fill-box;transform-origin:center}
.illus-bubble--1{animation:csBubble1 4.4s ease-in-out infinite}
.illus-bubble--2{animation:csBubble2 4.8s ease-in-out infinite}

@keyframes csGlow{
  0%,100%{opacity:.70;transform:scale(1)}
  50%{opacity:1;transform:scale(1.03)}
}

@keyframes csFloatA{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-10px) rotate(1deg)}
}
@keyframes csFloatB{
  0%,100%{transform:translateY(0) rotate(1deg)}
  50%{transform:translateY(-12px) rotate(-1deg)}
}
@keyframes csFloatC{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-9px) rotate(1deg)}
}
@keyframes csCoin{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.04)}
}
@keyframes csBubble1{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes csBubble2{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}


/* --- Home illustrations --- */
.illus-card{padding:14px;overflow:hidden}
.illus-img{width:100%;height:auto;display:block;border-radius:14px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.split.reverse{grid-template-columns:.9fr 1.1fr}
@media(max-width:900px){.split.reverse{grid-template-columns:1fr}}
/* Pricing illustration swap */
.free-illus-img{width:100%;height:auto;display:block;border-radius:14px}


/* --- Home refresh --- */
.pub-main{padding-top:18px;}
.hero-slider{
  position:relative;min-height:74vh;overflow:hidden;
  background:#08111f;color:#f8fafc;box-shadow:0 30px 80px rgba(2,6,23,.28);
}
.hero-slide{display:none;position:relative;min-height:74vh;}
.hero-slide.is-active{display:block;animation:heroFade .7s ease;}
.hero-slide__shell{max-width:1320px;}
.hero-slide__bg{position:absolute;inset:0;}
.hero-slide__bg--one{
  background:
    radial-gradient(circle at 15% 20%, rgba(14,165,233,.35), transparent 24%),
    radial-gradient(circle at 75% 18%, rgba(34,211,238,.26), transparent 22%),
    linear-gradient(135deg, #07101d 0%, #0d2746 45%, #154a79 100%);
}
.hero-slide__bg--two{
  background:
    radial-gradient(circle at 10% 80%, rgba(34,197,94,.28), transparent 20%),
    radial-gradient(circle at 85% 18%, rgba(16,185,129,.24), transparent 26%),
    linear-gradient(135deg, #071b14 0%, #0d3f33 48%, #123828 100%);
}
.hero-slide__bg--three{
  background:
    radial-gradient(circle at 18% 22%, rgba(251,191,36,.26), transparent 20%),
    radial-gradient(circle at 85% 25%, rgba(239,68,68,.18), transparent 22%),
    linear-gradient(135deg, #201109 0%, #4a2314 44%, #6b3415 100%);
}
.hero-slide__inner{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);
  gap:28px;align-items:center;min-height:74vh;padding:clamp(28px,4vw,54px) clamp(24px,5vw,72px);
}
.hero-title--wide{max-width:10ch;color:#fff;font-size:clamp(42px,5vw,72px);}
.hero-slide__copy .hero-lead,.hero-slide__copy .muted{color:rgba(241,245,249,.84);}
.hero-slider .hero-kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff;}
.hero-slider .btn--ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06);}
.hero-slider .btn--ghost:hover{background:rgba(255,255,255,.12);}
.hero-slide__visual{display:flex;justify-content:flex-end;}
.hero-stage,.hero-notif-scene,.hero-metrics{
  position:relative;width:min(100%,500px);min-height:360px;border-radius:28px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-stage__card,.hero-notif,.hero-metric{
  position:absolute;border-radius:24px;padding:18px;background:rgba(255,255,255,.92);color:#0f172a;
  box-shadow:0 16px 40px rgba(15,23,42,.18);
}
.hero-stage__card--main{left:28px;top:34px;width:min(72%,360px);display:grid;gap:8px;}
.hero-stage__card--main span,.hero-notif span{font-size:13px;color:#475569;}
.hero-stage__card--float{right:28px;top:110px;animation:heroFloat 4.8s ease-in-out infinite;}
.hero-stage__card--accent{left:120px;bottom:34px;background:linear-gradient(135deg,#111827,#312e81);color:#fff;animation:heroFloat 5.8s ease-in-out infinite;}
.hero-notif-scene{padding:28px;}
.hero-notif{position:relative;margin:18px;width:auto;}
.hero-notif--primary{background:linear-gradient(135deg,#ffffff,#dbeafe);}
.hero-notif:nth-child(2){left:40px;animation:heroFloat 5s ease-in-out infinite;}
.hero-notif:nth-child(3){left:90px;animation:heroFloat 6s ease-in-out infinite;}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px;align-content:center;}
.hero-metric{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:220px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.16);}
.hero-metric strong{font-size:48px;line-height:1;letter-spacing:-.05em;}
.hero-metric span{margin-top:10px;font-size:13px;color:rgba(255,255,255,.76);}
.hero-slider__controls{
  position:absolute;left:clamp(24px,5vw,72px);bottom:28px;display:flex;gap:10px;z-index:2;
}
.hero-dot{
  width:44px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.22);cursor:pointer;
}
.hero-dot.is-active{background:#fff;}
@keyframes heroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes heroFade{
  from{opacity:.4;transform:scale(1.01)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:980px){
  .hero-slide__inner{grid-template-columns:1fr;min-height:auto;padding:28px 18px 70px;}
  .hero-slide,.hero-slider{min-height:auto;}
  .hero-slide__visual{justify-content:flex-start;}
  .hero-stage,.hero-notif-scene,.hero-metrics{min-height:320px;}
  .container--content,.hero-slide__shell{max-width:none;}
}
.story-grid{display:grid;gap:14px;}
.story-card{
  padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(79,70,229,.10);
  box-shadow:0 18px 38px rgba(15,23,42,.06);
}
.story-card span{
  display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(79,70,229,.08);
  color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.story-card strong{display:block;font-size:20px;line-height:1.2;}
.story-card p{margin:10px 0 0;color:var(--muted);line-height:1.7;}
.story-card--dark{
  background:linear-gradient(135deg,#111827,#312e81);border-color:rgba(17,24,39,.2);color:#fff;
}
.story-card--dark span{background:rgba(255,255,255,.10);color:#fff;}
.story-card--dark p{color:rgba(255,255,255,.76);}
.profile-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;}
.profile-head{display:flex;align-items:center;gap:16px;}
.profile-avatar{
  width:88px;height:88px;border-radius:22px;overflow:hidden;border:1px solid var(--border);
  background:rgba(79,70,229,.08);display:grid;place-items:center;flex:0 0 auto;
}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.profile-stat{padding:14px;}
.profile-plan-box{
  display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(148,163,184,.06);border:1px solid var(--border);
}
.profile-list{display:flex;flex-direction:column;gap:10px;}
.profile-list__item{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;
  border-radius:16px;border:1px solid var(--border);background:rgba(148,163,184,.05);
}
.profile-section{display:grid;gap:16px;}
.profile-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.profile-card__sub{font-size:12px;color:var(--muted);margin-top:6px;}
.profile-table-wrap{overflow:auto;}
.profile-section .card{
  border-color:rgba(148,163,184,.22);
}
.profile-section form{
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  border:1px solid rgba(148,163,184,.16);
}
.profile-section form .form-row{
  gap:14px;
}
.profile-section form .label{
  color:#334155;
}
.profile-table-wrap .table{
  background:transparent;
}
.profile-table-wrap .tr{
  background:#fbfcfe;
}
.profile-list__item{
  background:#fbfcfe;
}
.task-zone .input,
.task-zone textarea,
.task-zone select,
.card .input,
.card textarea,
.card select{
  background:#f8fafc;
}
.avatar--image{overflow:hidden;padding:0;background:#fff;}
.avatar--image img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:1100px){.profile-grid{grid-template-columns:1fr;}}
@media(max-width:700px){
  .hero-title--wide{max-width:none;}
  .hero-stage__card--main{width:auto;right:28px;}
  .hero-stage__card--accent{left:28px;right:28px;}
  .hero-metrics{grid-template-columns:1fr;}
}
.hero--home{
  position:relative;
  isolation:isolate;
  grid-template-columns:1.02fr .98fr;
  gap:44px;
  padding:34px 30px 30px;
  border-radius:36px;
  background:
    radial-gradient(circle at top left, rgba(79,70,229,.14), transparent 30%),
    radial-gradient(circle at 85% 12%, rgba(16,185,129,.12), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, #f7f7ff 100%);
  border:1px solid rgba(79,70,229,.10);
  box-shadow:0 26px 70px rgba(15,23,42,.08);
  overflow:hidden;
  align-items:center;
}
@media(max-width:900px){.hero--home{grid-template-columns:1fr;gap:24px;padding:24px 18px 20px;border-radius:28px;}}
.hero-orb{
  position:absolute;
  border-radius:999px;
  filter:blur(8px);
  opacity:.8;
  z-index:-1;
}
.hero-orb--one{width:220px;height:220px;left:-60px;top:-70px;background:rgba(124,58,237,.12);}
.hero-orb--two{width:180px;height:180px;right:-30px;bottom:-40px;background:rgba(16,185,129,.10);}
.hero-copy{max-width:640px;}
.hero-kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(79,70,229,.08);color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border:1px solid rgba(79,70,229,.12);}
.hero-title{font-size:60px;line-height:.98;letter-spacing:-.05em;margin-top:16px;max-width:11ch;}
@media(max-width:900px){.hero-title{font-size:42px;max-width:none;}}
.hero-lead,.section-copy{font-size:17px;line-height:1.75;max-width:62ch;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hero-proof{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:10px 14px 10px 10px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(79,70,229,.10);
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}
@media(max-width:900px){.hero-proof{display:flex;}}
.hero-proof__avatars{display:flex;align-items:center;padding-left:6px;}
.hero-proof__avatars span{
  width:34px;height:34px;border-radius:999px;border:2px solid #fff;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  display:block;margin-left:-8px;
}
.hero-proof__avatars span:first-child{margin-left:0;background:linear-gradient(135deg,#14b8a6,#22c55e);}
.hero-proof__avatars span:nth-child(2){background:linear-gradient(135deg,#fb7185,#f59e0b);}
.hero-proof__text{display:grid;gap:2px;font-size:13px;}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media(max-width:900px){.hero-stats{grid-template-columns:1fr;}}
.hero-card{
  padding:18px 18px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}
.hero-stat__value{
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
  margin-bottom:10px;
  background:linear-gradient(135deg,var(--primary),#0f766e);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-visual{
  padding:20px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(246,245,255,.92) 100%);
  border:1px solid rgba(79,70,229,.10);
  box-shadow:0 26px 60px rgba(79,70,229,.10);
}
.hero-visual__badge{
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hero-visual__img{width:100%;height:auto;display:block;border-radius:22px;}
.hero-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
@media(max-width:640px){.hero-panel-grid{grid-template-columns:1fr;}}
.hero-panel{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(79,70,229,.10);
}
.hero-panel__label{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.section--spacious{margin-top:68px;}
@media(max-width:900px){.section--spacious{margin-top:40px;}}
.split--airy{gap:42px;align-items:center;}
.illus-card--soft{padding:18px;border-radius:26px;background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);border:1px solid rgba(79,70,229,.10);box-shadow:0 22px 50px rgba(79,70,229,.08);}
.illus-img{border-radius:18px;}
.trust-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
@media(max-width:900px){.trust-strip{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.trust-strip{grid-template-columns:1fr;}}
.trust-pill{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:16px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(79,70,229,.10);
  box-shadow:0 16px 36px rgba(15,23,42,.05);
  font-weight:700;
}
.trust-pill__dot{
  width:11px;
  height:11px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--primary),#0f766e);
  box-shadow:0 0 0 6px rgba(79,70,229,.08);
  flex:0 0 auto;
}
.feature-stack{display:grid;gap:14px;}
.feature-card{padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(79,70,229,.08);}
.feature-card__head{display:flex;align-items:center;gap:12px;}
.feature-card__icon{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(79,70,229,.12), rgba(16,185,129,.12));
  color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.04em;
}
.value-list{display:grid;gap:14px;}
.value-item{display:flex;align-items:flex-start;gap:12px;}
.value-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2));margin-top:7px;flex:0 0 auto;box-shadow:0 0 0 6px rgba(79,70,229,.08);}
.section-head--center{text-align:center;max-width:760px;margin:0 auto;}
.section-copy--center{margin-left:auto;margin-right:auto;}
.steps--home{gap:18px;}
.steps--home .step{
  padding:22px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.05);
}
.cta-band{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#faf8ff 100%);}
.cta-band--home{
  padding:34px 36px;
  border-radius:30px;
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.14), transparent 24%),
    linear-gradient(135deg, #ffffff 0%, #f6f2ff 100%);
  border:1px solid rgba(79,70,229,.12);
  box-shadow:0 26px 60px rgba(15,23,42,.07);
}
.cta-band__copy{max-width:560px;}
.cta-band__actions{display:flex;gap:10px;flex-wrap:wrap;}
.brand__logo{height:45px;max-width:min(420px,42vw);object-fit:contain;}
.brand__logo--inverse{height:30px;max-width:min(380px,36vw);}
.pub-nav a:not(.btn){font-weight:700;color:#0f172a;letter-spacing:.01em;}
.pub-nav .btn--ghost{border-color:rgba(15,23,42,.14);background:transparent;}
@media(max-width:900px){.brand__logo{height:45px;max-width:240px;}.brand__logo--inverse{height:45px;max-width:220px;}}

/* --- Public mobile menu --- */
.pub-burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);cursor:pointer;flex:0 0 auto;}
.pub-burger span{display:block;width:18px;height:2px;border-radius:999px;background:#1f2937;transition:transform .2s ease, opacity .2s ease;}
.pub-nav a:not(.btn){font-weight:600;color:#334155;}
.pub-nav a:not(.btn):hover{color:var(--primary);}
.public .btn--primary{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  border-color:transparent;
  color:#fff;
  box-shadow:0 12px 24px rgba(79,70,229,.22);
}
.public .btn--primary:hover{
  filter:brightness(.98);
  color:#fff;
}
@media(max-width:900px){
  .pub-burger{display:inline-flex;}
  .pub-nav{position:absolute;top:calc(100% + 10px);left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;gap:10px;padding:14px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(15,23,42,.12);}
  body.public-nav-open .pub-nav{display:flex;}
  .pub-nav .btn{width:100%;}
  body.public-nav-open .pub-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  body.public-nav-open .pub-burger span:nth-child(2){opacity:0;}
  body.public-nav-open .pub-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .pub-header__inner{min-height:76px;padding:0 18px;}
}

/* --- Homepage mobile flow: text then image --- */
@media(max-width:900px){
  .split.reverse > :first-child{order:2;}
  .split.reverse > :last-child{order:1;}
}




/* --- PayPal standard checkout --- */
.cs-pay-card{overflow:visible;}
.cs-paypal-checkout{margin-top:14px;padding:16px;border:1px solid rgba(79,70,229,.12);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);}
.cs-paypal-checkout__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.cs-paypal-buttons{min-height:46px;}
.cs-paypal-buttons > div{min-height:46px;}
.cs-card-message{min-height:18px;color:#475569;}
.cs-card-message.is-error{color:#b91c1c;}
.cs-card-message.is-success{color:#047857;}
@media(max-width:900px){
  .cs-paypal-checkout__head{flex-direction:column;}
}


.task-zone{
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  background:rgba(148,163,184,.05);
}
.task-zone--client{background:rgba(79,70,229,.05);border-color:rgba(79,70,229,.14);}
.task-zone--admin{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.18);}
.task-zone__eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.task-zone__title{
  margin-top:6px;
  font-size:18px;
  font-weight:800;
}
.task-type-row{
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
  background:rgba(148,163,184,.05);
}
.task-type-grid{
  display:grid;
  grid-template-columns:44px minmax(180px,1.2fr) minmax(105px,.48fr) minmax(140px,.65fr) minmax(120px,.55fr) minmax(150px,.75fr) auto;
  gap:12px;
  align-items:end;
}
.task-type-actions{display:flex;justify-content:flex-end;}
.task-type-toggle{display:flex;flex-direction:column;justify-content:flex-end;}
.toggle-line{display:flex;align-items:center;gap:10px;min-height:46px;font-size:14px;}
@media (max-width:1100px){
  .task-type-grid{grid-template-columns:1fr 1fr;}
  .task-type-actions{justify-content:flex-start;}
}
@media (max-width:900px){
  .task-type-grid{grid-template-columns:1fr;}
}

/* --- CreatiScale patch v1: KPI board / new task / buy --- */
.kpi--accent{background:linear-gradient(135deg, rgba(79,70,229,.08), rgba(124,58,237,.08));border-color:rgba(99,102,241,.18);}
.board-kpis .card{min-height:112px;}
.board-summary{background:linear-gradient(135deg, rgba(15,23,42,.02), rgba(79,70,229,.04));}
.board-summary__head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;}
.board-summary__chips{display:flex;gap:8px;flex-wrap:wrap;}
.board-col__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.board-empty{border:1px dashed var(--border);border-radius:14px;padding:14px;background:rgba(148,163,184,.05);}
.chip--todo{background:#eef2ff;}
.chip--doing{background:#ecfeff;}
.chip--review{background:#fff7ed;}
.chip--done{background:#ecfdf5;}
.board-list-card{overflow:visible;}
.board-filters{
  display:grid;
  grid-template-columns:minmax(180px,.75fr) minmax(240px,1.15fr) minmax(220px,.95fr) minmax(200px,.75fr);
  gap:12px;
  align-items:end;
}
.board-filters .label{margin-top:0;}
.board-filters__actions{display:flex;gap:10px;flex-wrap:wrap;}
.filter-checks{position:relative;}
.filter-checks__summary{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  cursor:pointer;
  list-style:none;
  color:#334155;
}
.filter-checks__summary span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.filter-checks__summary::-webkit-details-marker{display:none;}
.filter-checks__summary::after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.65;
  flex:0 0 auto;
  margin-left:auto;
}
.filter-checks[open] .filter-checks__summary::after{transform:rotate(225deg) translateY(-1px);}
.filter-checks__count{
  display:none;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(79,70,229,.10);
  color:var(--primary);
  font-size:11px;
  line-height:20px;
  font-weight:800;
  text-align:center;
  flex:0 0 auto;
}
.filter-checks__count:not(:empty){display:inline-block;}
.filter-checks__panel{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:30;
  display:grid;
  gap:2px;
  min-width:220px;
  padding:6px;
  border:1px solid rgba(148,163,184,.30);
  border-radius:12px;
  background:var(--card);
  box-shadow:0 16px 34px rgba(15,23,42,.12);
}
.filter-checks__option{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:7px 9px;
  border-radius:8px;
  font-size:14px;
  font-weight:600;
  color:#334155;
  cursor:pointer;
}
.filter-checks__option:hover{background:rgba(148,163,184,.10);}
.filter-checks__option:has(input:checked){
  background:rgba(79,70,229,.08);
  color:#312e81;
}
.filter-checks__option input{
  width:16px;
  height:16px;
  accent-color:var(--primary);
  flex:0 0 auto;
}
.board-table-wrap{overflow:auto;}
.board-table td,.board-table th{vertical-align:top;}
.board-table__id{white-space:nowrap;}
.board-actions{display:flex;flex-direction:column;gap:10px;min-width:220px;}
.board-actions__form{display:flex;flex-direction:column;gap:10px;}
.board-actions__form [name="produced_videos_count"]{max-width:150px;}

.stats-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.stats-filter__controls{display:grid;grid-template-columns:150px 150px 150px auto;gap:10px;align-items:end;}
.stats-kpis{grid-template-columns:repeat(6,minmax(0,1fr));}
.stats-grid-2{grid-template-columns:1.15fr .85fr;}
.stats-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.stats-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.stats-card-head h3{margin:0;}
.stats-bars{display:grid;gap:12px;}
.stats-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,2fr) 48px;gap:12px;align-items:center;}
.stats-row div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0;}
.stats-row span{font-size:12px;color:var(--muted);}
.stats-bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.stats-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#0d9488);}
.stats-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:end;}
.stats-month{display:grid;gap:8px;min-width:0;}
.stats-month .stats-bar{height:88px;display:flex;align-items:flex-end;}
.stats-month .stats-bar span{width:100%;min-height:4px;}
.stats-month__meta{display:flex;flex-direction:column;gap:2px;font-size:12px;}
.stats-month__meta span{color:var(--muted);}
.stats-list{display:grid;gap:10px;}
.stats-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.stats-list div:last-child{border-bottom:0;}
.stats-list span{color:var(--muted);font-size:13px;}
@media(max-width:1200px){
  .stats-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}
  .stats-grid-3{grid-template-columns:1fr;}
  .stats-months{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:900px){
  .stats-filter{align-items:stretch;flex-direction:column;}
  .stats-filter__controls,.stats-kpis,.stats-grid-2{grid-template-columns:1fr;}
  .stats-months{grid-template-columns:repeat(2,minmax(0,1fr));}
  .stats-row{grid-template-columns:1fr;}
}
.status-pill{border-color:transparent;}
.status-pill--todo{background:#fef9c3;color:#854d0e;}
.status-pill--doing{background:#fef3c7;color:#92400e;}
.status-pill--review{background:#ede9fe;color:#6d28d9;}
.status-pill--done{background:#dcfce7;color:#166534;}
.status-pill--muted{background:#e5e7eb;color:#374151;}
.priority-pill{border-color:transparent;}
.priority-pill--low{background:#dcfce7;color:#166534;}
.priority-pill--medium{background:#fef9c3;color:#854d0e;}
.priority-pill--high{background:#ffedd5;color:#9a3412;}
.priority-pill--urgent{background:#fee2e2;color:#991b1b;}
.new-task-card{padding:20px;}
.dash .new-task-card{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.new-task-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.new-task-steps{display:flex;gap:8px;flex-wrap:wrap;}
.task-kpi-box{border:1px solid var(--border);border-radius:18px;padding:16px;background:rgba(148,163,184,.04);}
.task-kpi-box__title{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.upload-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mini-stat{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:6px;}
.mini-stat__label{font-size:12px;color:var(--muted);}
.material-panel{
  border:1px solid #dbe6f2;
  border-radius:12px;
  padding:14px;
  background:#fff;
}
.material-panel--drive{
  background:#f8fbff;
  border-color:#bfdbfe;
}
.material-panel--upload{
  background:#f7fdfb;
  border-color:#99f6e4;
}
.material-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.material-panel__label{
  color:#172033;
  font-size:15px;
  font-weight:780;
}
.upload-dropzone{
  position:relative;
  display:grid;
  place-items:center;
  gap:7px;
  min-height:168px;
  padding:22px 16px;
  border:1.5px dashed #7dd3fc;
  border-radius:14px;
  background:#fff;
  color:#405066;
  text-align:center;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.upload-dropzone:hover,
.upload-dropzone.is-dragover{
  border-color:#0d9488;
  background:#ecfdf5;
  box-shadow:0 10px 28px rgba(15,118,110,.10);
}
.upload-dropzone.is-dragover{
  transform:translateY(-1px);
}
.upload-dropzone input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.upload-dropzone__icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  background:#0d9488;
  color:#fff;
}
.upload-dropzone__icon .icon{
  width:22px;
  height:22px;
  stroke:#fff;
}
.upload-dropzone strong{
  color:#111827;
  font-size:16px;
}
.upload-dropzone span:not(.upload-dropzone__icon){
  color:#66758a;
  font-size:13px;
}
.async-upload{display:grid;gap:6px;}
.async-upload__track{height:8px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden;border:1px solid rgba(148,163,184,.28);}
.async-upload__track span{display:block;width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#10b981);transition:width .16s ease;}
.async-upload .is-error{color:#b91c1c;}
.async-upload .is-success{color:#15803d;}
.upload-file-list{
  display:grid;
  gap:8px;
}
.upload-file-list:empty{
  display:none;
}
.upload-file-list__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 11px;
  border:1px solid #dbe6f2;
  border-radius:10px;
  background:#fff;
  color:#243044;
  font-size:13px;
}
.upload-file-list__item span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.upload-file-list__item small{
  flex:0 0 auto;
  color:#64748b;
  font-weight:700;
}
.upload-file-list__remove{
  flex:0 0 auto;
  min-height:30px;
  padding:6px 10px;
  border:1px solid #dbe6f2;
  border-radius:8px;
  background:#fff;
  color:#334155;
  font:inherit;
  font-size:12px;
  font-weight:760;
  cursor:pointer;
}
.upload-file-list__remove:hover{
  border-color:#fecdd3;
  color:#be123c;
  background:#fff1f2;
}
.upload-file-list__remove:disabled{
  opacity:.65;
  cursor:wait;
}
.upload-file-list__item.is-success{
  border-color:#bbf7d0;
  background:#f0fdf4;
}
.upload-file-list__item.is-success small{color:#15803d;}
.upload-file-list__item.is-error{
  border-color:#fecdd3;
  background:#fff1f2;
}
.upload-file-list__item.is-error small{color:#b91c1c;}
.upload-file-list__item.is-uploading{
  border-color:#bae6fd;
  background:#f0f9ff;
}
.buy-hero{background:linear-gradient(135deg, rgba(79,70,229,.08), rgba(124,58,237,.11));border-color:rgba(99,102,241,.18);}
.buy-hero__kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--primary);}
.buy-hero__bullets{display:flex;gap:8px;flex-wrap:wrap;}
.buy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.buy-card{border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;}
.buy-card__top{display:flex;justify-content:space-between;gap:10px;align-items:center;}
.buy-card__amount{font-size:22px;font-weight:800;}
.buy-side-card{position:sticky;top:20px;}
.buy-steps{display:grid;gap:10px;}
.buy-step{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:flex-start;}
.buy-step span{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-weight:800;background:rgba(79,70,229,.10);color:var(--primary);border:1px solid rgba(79,70,229,.16);}
.dash-buy-cta{
  border-color:#0f766e;
  background:linear-gradient(180deg,#14b8a6 0%,#0f766e 100%);
  box-shadow:0 12px 24px rgba(15,118,110,.22), inset 0 1px 0 rgba(255,255,255,.18);
}
.dash-buy-cta:hover{
  border-color:#0f5f5a;
  background:linear-gradient(180deg,#0f9f92 0%,#0f766e 100%);
  box-shadow:0 16px 30px rgba(15,118,110,.24), inset 0 1px 0 rgba(255,255,255,.16);
}
.checkout-shell{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);
  gap:18px;
  align-items:start;
}
.checkout-main{min-width:0;}
.checkout-hero{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  overflow:hidden;
}
.checkout-hero h3,
.checkout-panel h3{
  margin:6px 0 0;
}
.checkout-hero__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  max-width:360px;
}
.checkout-packages{
  display:grid;
  gap:12px;
}
.checkout-package{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:16px;
  border:1px solid rgba(148,163,184,.32);
  border-radius:16px;
  background:#fff;
  color:#172033;
  text-align:left;
  font:inherit;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  transition:border-color .18s ease, box-shadow .18s ease, transform .12s ease, background .18s ease;
}
.checkout-package:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.44);
  box-shadow:0 16px 34px rgba(37,99,235,.10);
}
.checkout-package.is-selected{
  border-color:#2563eb;
  background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%);
  box-shadow:0 18px 40px rgba(37,99,235,.14);
}
.checkout-package__radio{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #94a3b8;
  box-shadow:inset 0 0 0 4px #fff;
}
.checkout-package.is-selected .checkout-package__radio{
  border-color:#2563eb;
  background:#2563eb;
}
.checkout-package__body{
  display:grid;
  gap:3px;
  min-width:0;
}
.checkout-package__name{
  font-weight:850;
  color:#0f172a;
}
.checkout-package__details{
  font-size:13px;
  color:#64748b;
}
.checkout-package__price{
  font-size:20px;
  font-weight:900;
  color:#0f766e;
  white-space:nowrap;
}
.checkout-panel{
  position:sticky;
  top:20px;
  overflow:visible;
}
.checkout-panel__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.checkout-lock .icon{
  width:22px;
  height:22px;
}
.checkout-summary{
  display:grid;
  gap:10px;
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:14px;
  background:#f8fafc;
}
.checkout-summary div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}
.checkout-summary span{
  color:#64748b;
  font-size:13px;
}
.checkout-summary strong{
  color:#111827;
  text-align:right;
}
.checkout-paypal{
  border-color:rgba(37,99,235,.18);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.checkout-paypal__badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#003087;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.checkout-card-slot{
  display:grid;
  gap:8px;
}
.checkout-paypal__fallback{
  display:none;
}
.checkout-paypal__fallback.is-visible{
  display:block;
}
.checkout-offline{
  display:grid;
  gap:6px;
  margin-top:16px;
  padding:14px;
  border:1px solid #fed7aa;
  border-radius:14px;
  background:#fff7ed;
  color:#9a3412;
}
.checkout-offline span{
  font-size:13px;
  color:#9a3412;
}
.checkout-help{
  display:grid;
  gap:10px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(148,163,184,.24);
}
.checkout-help div{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:9px;
  align-items:center;
  color:#475569;
  font-size:13px;
}
.checkout-help span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#ecfdf5;
  color:#0f766e;
  border:1px solid #bbf7d0;
  font-weight:850;
}
.task-zone{border:1px solid var(--border);border-radius:18px;padding:16px;background:rgba(148,163,184,.04);}
.task-zone__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--muted);}
.task-zone__title{font-size:18px;font-weight:800;margin-top:4px;}
.cs-card-message.is-error{color:#b91c1c;}
.cs-card-message.is-success{color:#15803d;}
@media(max-width:980px){
  .checkout-shell{grid-template-columns:1fr;}
  .checkout-panel{position:static;}
  .buy-grid{grid-template-columns:1fr;}
  .buy-side-card{position:static;}
}
@media(max-width:720px){
  .checkout-hero{display:grid;}
  .checkout-hero__meta{justify-content:flex-start;max-width:none;}
  .checkout-package{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;}
  .checkout-package__price{grid-column:2;font-size:18px;}
}
@media(max-width:900px){
  .upload-kpis{grid-template-columns:1fr;}
  .board-filters{grid-template-columns:1fr;}
  .board-actions{min-width:180px;}
}

/* --- Backend polish refresh: admin + client --- */
.dash{
  background:
    linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
}
.dash-shell{background:transparent;}
.dash-main{background:transparent;}
.dash-content{
  display:block;
  max-width:1480px;
  margin:0 auto;
}
.dash-sidebar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 28%),
    linear-gradient(180deg,#17145f 0%,#2b185f 56%,#10172f 100%);
}
.dash--admin .dash-sidebar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 28%),
    linear-gradient(180deg,#0f766e 0%,#115e59 48%,#0f172a 100%);
}
.dash-sidebar__brand{
  margin-bottom:18px;
}
.dash-sidebar .badge{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.20);
}
.dash-menu{gap:5px;}
.dash-menu__title{
  margin-top:16px;
  padding-left:12px;
  color:rgba(255,255,255,.56);
}
.dash-menu a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:42px;
  border-radius:12px;
  background:transparent;
  border-color:transparent;
  color:rgba(255,255,255,.78);
  font-weight:700;
}
.dash-menu a:hover{
  background:rgba(255,255,255,.09);
  color:#fff;
}
.dash-menu a.active{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.18);
  color:#fff;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.74);
}
.dash-sidebar__cta{
  margin-top:18px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
.dash-sidebar__cta .muted{color:rgba(255,255,255,.72);}
.dash-topbar{
  border-radius:20px;
  border-color:rgba(148,163,184,.24);
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.dash-topbar .h5{
  font-size:18px;
  letter-spacing:0;
}
.dash-topbar__actions .btn--ghost,
.dash-mobile-toggle{
  background:#fff;
}
.card{
  border-color:rgba(148,163,184,.22);
  box-shadow:0 16px 42px rgba(15,23,42,.07);
}
.dash .card{
  background:rgba(255,255,255,.94);
}
.kpi{
  min-width:0;
  border-radius:18px;
}
.kpi .avatar{
  width:40px;
  height:40px;
  border-radius:14px;
  box-shadow:0 12px 22px rgba(79,70,229,.16);
}
.dash--admin .kpi .avatar{
  background:linear-gradient(135deg,#0f766e,#06b6d4);
  box-shadow:0 12px 22px rgba(15,118,110,.16);
}
.kpi .num{
  letter-spacing:0;
  color:#111827;
}
.page-hero{
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 16px 42px rgba(15,23,42,.06);
}
.page-hero--client{
  background:
    linear-gradient(135deg,rgba(79,70,229,.12),rgba(14,165,233,.08)),
    #fff;
}
.page-hero--admin{
  background:
    linear-gradient(135deg,rgba(15,118,110,.14),rgba(6,182,212,.08)),
    #fff;
}
.dash .input,
.dash textarea,
.dash select,
.filter-checks__summary{
  min-height:44px;
  border-radius:12px;
  border-color:rgba(148,163,184,.28);
  background:#f8fafc;
}
.dash .input:hover,
.dash textarea:hover,
.dash select:hover,
.filter-checks__summary:hover{
  border-color:rgba(99,102,241,.32);
  background:#fff;
}
.dash--admin .input:hover,
.dash--admin textarea:hover,
.dash--admin select:hover,
.dash--admin .filter-checks__summary:hover{
  border-color:rgba(15,118,110,.34);
}
.label{
  color:#334155;
  letter-spacing:0;
}
.btn{
  border-radius:12px;
  letter-spacing:0;
}
.btn--primary{
  background:linear-gradient(135deg,#4f46e5,#7c3aed);
  box-shadow:0 12px 24px rgba(79,70,229,.20);
}
.dash--admin .btn--primary{
  background:linear-gradient(135deg,#0f766e,#0891b2);
  box-shadow:0 12px 24px rgba(15,118,110,.20);
}
.btn--ghost{
  background:#fff;
  border-color:rgba(148,163,184,.30);
}
.btn--ghost:hover{
  border-color:rgba(99,102,241,.30);
  background:#f8fafc;
}
.dash--admin .btn--ghost:hover{
  border-color:rgba(15,118,110,.30);
}
.btn--soft{
  background:#eef2ff;
  border-color:#e0e7ff;
}
.board-list-card{
  border-radius:20px;
  padding:18px;
}
.board-summary__head{
  padding-bottom:14px;
  border-bottom:1px solid rgba(148,163,184,.18);
}
.board-summary__chips .chip{
  background:#fff;
}
.board-filters{
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}
.board-filters__actions{
  align-items:end;
}
.filter-checks__summary{
  padding:11px 12px;
}
.filter-checks__panel{
  padding:8px;
  border-radius:14px;
  background:#fff;
}
.filter-checks__option{
  position:relative;
  min-height:40px;
  padding:8px 10px;
  border-radius:10px;
}
.filter-checks__option input[type="checkbox"]{
  -webkit-appearance:none;
  appearance:none;
  position:relative;
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:5px;
  border:1.5px solid #cbd5e1;
  background:#fff;
  box-shadow:none;
  margin:0;
}
.filter-checks__option input[type="checkbox"]::before{
  display:none;
  content:none;
}
.filter-checks__option input[type="checkbox"]::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  width:5px;
  height:9px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg) scale(0);
  transform-origin:center;
  transition:transform .12s ease;
}
.filter-checks__option input[type="checkbox"]:checked{
  background:var(--primary);
  border-color:var(--primary);
}
.dash--admin .filter-checks__option input[type="checkbox"]:checked{
  background:#0f766e;
  border-color:#0f766e;
}
.filter-checks__option input[type="checkbox"]:checked::after{
  transform:rotate(45deg) scale(1);
}
.filter-checks__option input[type="checkbox"]:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(79,70,229,.12);
}
.dash--admin .filter-checks__option input[type="checkbox"]:focus{
  box-shadow:0 0 0 4px rgba(15,118,110,.13);
}
.filter-checks__option:has(input:checked){
  background:#eef2ff;
}
.dash--admin .filter-checks__option:has(input:checked){
  background:#ecfdf5;
  color:#064e3b;
}
.table{
  border-collapse:separate;
  border-spacing:0 8px;
}
.table th{
  border-bottom:0;
  color:#64748b;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.table td{
  border-bottom:0;
  background:#fff;
  border-top:1px solid rgba(148,163,184,.18);
  border-bottom:1px solid rgba(148,163,184,.18);
}
.table tr td:first-child{
  border-left:1px solid rgba(148,163,184,.18);
  border-top-left-radius:14px;
  border-bottom-left-radius:14px;
}
.table tr td:last-child{
  border-right:1px solid rgba(148,163,184,.18);
  border-top-right-radius:14px;
  border-bottom-right-radius:14px;
}
.board-table-wrap,
.profile-table-wrap,
.table-wrap{
  border-radius:16px;
}
.board-table .tr:hover td,
.profile-table-wrap .table tr:hover td,
.table-wrap .table tr:hover td{
  background:#fbfcff;
}
.status-pill,
.priority-pill,
.chip{
  border:0;
  font-weight:800;
}
.status-pill--todo{background:#fef9c3;color:#854d0e;}
.status-pill--doing{background:#fef3c7;color:#92400e;}
.status-pill--review{background:#eef2ff;color:#4338ca;}
.status-pill--done{background:#dcfce7;color:#166534;}
.status-pill--muted{background:#e5e7eb;color:#374151;}
.task-zone,
.task-kpi-box,
.task-link-card{
  border-color:rgba(148,163,184,.20);
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}
.task-zone--client{
  border-color:rgba(79,70,229,.16);
  background:linear-gradient(180deg,#ffffff 0%,#f5f7ff 100%);
}
.task-zone--admin{
  border-color:rgba(15,118,110,.18);
  background:linear-gradient(180deg,#ffffff 0%,#f0fdfa 100%);
}
.notif-panel,
.user-menu__panel{
  border-radius:16px;
  border-color:rgba(148,163,184,.24);
}
.notif-item,
.notif-inline,
.profile-list__item{
  border-color:rgba(148,163,184,.20);
  background:#fff;
}
.notif-item.is-unread,
.notif-inline.is-unread,
.notif-card.is-unread{
  background:#eef2ff;
}
.dash--admin .notif-item.is-unread,
.dash--admin .notif-inline.is-unread,
.dash--admin .notif-card.is-unread{
  background:#ecfdf5;
  border-color:rgba(15,118,110,.24);
}
[data-theme="dark"] .dash{
  background:#070b16;
}
[data-theme="dark"] .dash .card,
[data-theme="dark"] .dash-topbar,
[data-theme="dark"] .dash .input,
[data-theme="dark"] .dash textarea,
[data-theme="dark"] .dash select,
[data-theme="dark"] .filter-checks__summary,
[data-theme="dark"] .filter-checks__panel,
[data-theme="dark"] .table td,
[data-theme="dark"] .btn--ghost{
  background:var(--card);
}
[data-theme="dark"] .board-filters,
[data-theme="dark"] .task-zone,
[data-theme="dark"] .task-kpi-box,
[data-theme="dark"] .task-link-card{
  background:rgba(148,163,184,.06);
}
[data-theme="dark"] .filter-checks__option{
  color:var(--text);
}
[data-theme="dark"] .filter-checks__option:has(input:checked){
  background:rgba(99,102,241,.18);
}
@media(max-width:760px){
  .board-list-card{padding:14px;}
  .board-summary__head{align-items:flex-start;}
  .board-filters{padding:12px;}
  .table tr td:first-child,
  .table tr td:last-child{
    border-radius:0;
  }
  .board-table .tr{
    box-shadow:0 10px 28px rgba(15,23,42,.06);
  }
}

/* --- Public mobile menu hardening --- */
@media(max-width:900px){
  .public .pub-header{
    z-index:10060;
  }
  .public .pub-header__inner{
    position:relative;
  }
  .public .pub-burger,
  .public--home .pub-burger,
  .public:not(.public--home) .pub-burger{
    display:inline-flex;
    position:relative;
    z-index:10062;
    border-color:rgba(255,255,255,.22);
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    position:absolute;
    top:calc(100% + 10px);
    left:14px;
    right:14px;
    z-index:10061;
    display:none;
    width:auto;
    max-height:calc(100vh - 100px);
    overflow:auto;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:12px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(8,13,28,.98);
    box-shadow:0 24px 70px rgba(0,0,0,.36);
    backdrop-filter:blur(18px);
  }
  body.public-nav-open .pub-nav,
  .public.public-nav-open .pub-nav{
    display:flex;
  }
  .public .pub-nav a:not(.btn),
  .public--home .pub-nav a:not(.btn),
  .public:not(.public--home) .pub-nav a:not(.btn),
  .public .pub-nav .btn,
  .public--home .pub-nav .btn,
  .public:not(.public--home) .pub-nav .btn{
    display:flex;
    width:100%;
    min-height:44px;
    justify-content:center;
    align-items:center;
    border-radius:12px;
    color:#fff;
  }
  .public .pub-nav a:not(.btn):hover{
    background:rgba(255,255,255,.10);
  }
  .public .pub-nav .lang-switch{
    width:100%;
    justify-content:center;
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
  }
}
/* --- Public mobile menu v3: final CSS order override --- */
@media(max-width:900px){
  html.public-nav-open,
  body.public-nav-open{
    overflow:hidden;
  }
  .public .pub-nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:10050 !important;
    display:block !important;
    opacity:0;
    pointer-events:none;
    border:0;
    background:rgba(2,6,23,.64);
    backdrop-filter:blur(10px);
    transition:opacity .18s ease;
  }
  body.public-nav-open .pub-nav-backdrop{
    opacity:1;
    pointer-events:auto;
  }
  .public .pub-header{
    z-index:10070 !important;
  }
  .public .pub-burger,
  .public--home .pub-burger,
  .public:not(.public--home) .pub-burger{
    display:inline-flex !important;
    z-index:10072 !important;
    width:46px;
    height:46px;
    border-radius:8px;
  }
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    position:fixed !important;
    top:calc(env(safe-area-inset-top) + 76px) !important;
    left:16px !important;
    right:16px !important;
    z-index:10071 !important;
    display:flex !important;
    width:auto !important;
    max-height:calc(100dvh - 96px);
    overflow:auto;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:7px !important;
    padding:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:8px !important;
    background:linear-gradient(180deg,rgba(11,18,32,.98),rgba(17,24,39,.98)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.42) !important;
    transform:translateY(-10px) scale(.98);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
  }
  body.public-nav-open .pub-nav,
  .public .pub-nav.is-open{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .public .pub-nav a:not(.btn),
  .public--home .pub-nav a:not(.btn),
  .public:not(.public--home) .pub-nav a:not(.btn),
  .public .pub-nav .btn,
  .public--home .pub-nav .btn,
  .public:not(.public--home) .pub-nav .btn{
    display:flex !important;
    width:100% !important;
    min-height:48px;
    justify-content:center;
    align-items:center;
    padding:0 14px !important;
    border-radius:8px !important;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    letter-spacing:0;
  }
  .public .pub-nav a:not(.btn){
    background:rgba(255,255,255,.06);
  }
  .public .pub-nav .btn--ghost{
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.08) !important;
  }
  .public .pub-nav .btn--primary{
    background:linear-gradient(135deg,#14b8a6,#f43f5e) !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }
  .public .pub-nav .lang-switch{
    width:100%;
    padding:4px;
    justify-content:center;
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    border-radius:8px;
  }
  .public .pub-nav .lang-switch a{
    min-height:38px;
    color:#fff !important;
    border-radius:6px;
  }
}
@media(max-width:620px){
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    top:calc(env(safe-area-inset-top) + 68px) !important;
    left:10px !important;
    right:10px !important;
  }
}

/* --- Public mobile menu v3: final CSS order override --- */
@media(max-width:900px){
  html.public-nav-open,
  body.public-nav-open{
    overflow:hidden;
  }
  .public .pub-nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:10050 !important;
    display:block !important;
    opacity:0;
    pointer-events:none;
    border:0;
    background:rgba(2,6,23,.64);
    backdrop-filter:blur(10px);
    transition:opacity .18s ease;
  }
  body.public-nav-open .pub-nav-backdrop{
    opacity:1;
    pointer-events:auto;
  }
  .public .pub-header{
    z-index:10070 !important;
  }
  .public .pub-burger,
  .public--home .pub-burger,
  .public:not(.public--home) .pub-burger{
    display:inline-flex !important;
    z-index:10072 !important;
    width:46px;
    height:46px;
    border-radius:8px;
  }
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    position:fixed !important;
    top:calc(env(safe-area-inset-top) + 76px) !important;
    left:16px !important;
    right:16px !important;
    z-index:10071 !important;
    display:flex !important;
    width:auto !important;
    max-height:calc(100dvh - 96px);
    overflow:auto;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:7px !important;
    padding:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:8px !important;
    background:linear-gradient(180deg,rgba(11,18,32,.98),rgba(17,24,39,.98)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.42) !important;
    transform:translateY(-10px) scale(.98);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
  }
  body.public-nav-open .pub-nav,
  .public .pub-nav.is-open{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .public .pub-nav a:not(.btn),
  .public--home .pub-nav a:not(.btn),
  .public:not(.public--home) .pub-nav a:not(.btn),
  .public .pub-nav .btn,
  .public--home .pub-nav .btn,
  .public:not(.public--home) .pub-nav .btn{
    display:flex !important;
    width:100% !important;
    min-height:48px;
    justify-content:center;
    align-items:center;
    padding:0 14px !important;
    border-radius:8px !important;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    letter-spacing:0;
  }
  .public .pub-nav a:not(.btn){
    background:rgba(255,255,255,.06);
  }
  .public .pub-nav .btn--ghost{
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.08) !important;
  }
  .public .pub-nav .btn--primary{
    background:linear-gradient(135deg,#14b8a6,#f43f5e) !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }
  .public .pub-nav .lang-switch{
    width:100%;
    padding:4px;
    justify-content:center;
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    border-radius:8px;
  }
  .public .pub-nav .lang-switch a{
    min-height:38px;
    color:#fff !important;
    border-radius:6px;
  }
}
@media(max-width:620px){
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    top:calc(env(safe-area-inset-top) + 68px) !important;
    left:10px !important;
    right:10px !important;
  }
}

/* --- Public mobile menu v2 + idea promise --- */
.pub-nav-backdrop{
  display:none;
}
.idea-promise{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);
  gap:clamp(20px,4vw,42px);
  align-items:stretch;
  padding:clamp(24px,4vw,42px);
  border:1px solid rgba(15,23,42,.08);
  border-radius:8px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20,184,166,.16), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(244,63,94,.12), transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 24px 64px rgba(15,23,42,.08);
}
.public:not(.public--home) .idea-promise{
  border-color:rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 0% 0%, rgba(20,184,166,.18), transparent 30%),
    radial-gradient(circle at 100% 100%, rgba(244,63,94,.14), transparent 28%),
    linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.86));
  color:#fff;
}
.public:not(.public--home) .idea-promise .muted,
.public:not(.public--home) .idea-promise .section-copy{
  color:rgba(226,232,240,.78);
}
.idea-promise__copy{
  min-width:0;
}
.idea-promise__copy .h2{
  max-width:900px;
}
.idea-promise__points{
  display:grid;
  gap:10px;
  align-content:center;
}
.idea-promise__points div{
  display:grid;
  gap:5px;
  padding:15px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:8px;
  background:rgba(255,255,255,.72);
}
.public:not(.public--home) .idea-promise__points div{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
}
.idea-promise__points strong{
  color:#0f172a;
  font-size:15px;
}
.public:not(.public--home) .idea-promise__points strong{
  color:#fff;
}
.idea-promise__points span{
  color:#64748b;
  font-size:13px;
  line-height:1.5;
}
.public:not(.public--home) .idea-promise__points span{
  color:rgba(226,232,240,.76);
}
@media(max-width:900px){
  html.public-nav-open,
  body.public-nav-open{
    overflow:hidden;
  }
  .public .pub-nav-backdrop{
    position:fixed;
    inset:0;
    z-index:10050;
    display:block;
    opacity:0;
    pointer-events:none;
    border:0;
    background:rgba(2,6,23,.64);
    backdrop-filter:blur(10px);
    transition:opacity .18s ease;
  }
  body.public-nav-open .pub-nav-backdrop{
    opacity:1;
    pointer-events:auto;
  }
  .public .pub-header{
    z-index:10070 !important;
  }
  .public .pub-header__inner{
    position:relative;
  }
  .public .pub-burger,
  .public--home .pub-burger,
  .public:not(.public--home) .pub-burger{
    display:inline-flex !important;
    z-index:10072;
    width:46px;
    height:46px;
    border-radius:8px;
    border-color:rgba(255,255,255,.24);
    background:#fff;
    box-shadow:0 18px 42px rgba(0,0,0,.24);
  }
  .public .pub-burger span,
  .public--home .pub-burger span,
  .public:not(.public--home) .pub-burger span{
    background:#0f172a !important;
  }
  body.public-nav-open .pub-burger span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  body.public-nav-open .pub-burger span:nth-child(2){
    opacity:0;
  }
  body.public-nav-open .pub-burger span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    position:fixed !important;
    top:calc(env(safe-area-inset-top) + 76px) !important;
    left:16px !important;
    right:16px !important;
    z-index:10071;
    display:flex !important;
    width:auto !important;
    max-height:calc(100dvh - 96px);
    overflow:auto;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:7px !important;
    padding:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:8px !important;
    background:linear-gradient(180deg,rgba(11,18,32,.98),rgba(17,24,39,.98)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.42) !important;
    transform:translateY(-10px) scale(.98);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
  }
  body.public-nav-open .pub-nav,
  .public .pub-nav.is-open{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .public .pub-nav a:not(.btn),
  .public--home .pub-nav a:not(.btn),
  .public:not(.public--home) .pub-nav a:not(.btn),
  .public .pub-nav .btn,
  .public--home .pub-nav .btn,
  .public:not(.public--home) .pub-nav .btn{
    display:flex !important;
    width:100% !important;
    min-height:48px;
    justify-content:center;
    align-items:center;
    padding:0 14px !important;
    border-radius:8px !important;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    letter-spacing:0;
  }
  .public .pub-nav a:not(.btn){
    background:rgba(255,255,255,.06);
  }
  .public .pub-nav a:not(.btn):hover,
  .public .pub-nav a:not(.btn):focus-visible{
    background:rgba(255,255,255,.12);
  }
  .public .pub-nav .btn--ghost{
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.08) !important;
  }
  .public .pub-nav .btn--primary{
    background:linear-gradient(135deg,#14b8a6,#f43f5e) !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }
  .public .pub-nav .lang-switch{
    width:100%;
    padding:4px;
    justify-content:center;
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    border-radius:8px;
  }
  .public .pub-nav .lang-switch a{
    min-height:38px;
    color:#fff !important;
    border-radius:6px;
  }
  .idea-promise{
    grid-template-columns:1fr;
    padding:22px;
  }
}
@media(max-width:620px){
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    top:calc(env(safe-area-inset-top) + 68px) !important;
    left:10px !important;
    right:10px !important;
  }
  .idea-promise{
    padding:18px;
  }
}

/* --- KPI-first backend direction --- */
.dash{
  --kpi-accent: var(--primary);
  --kpi-accent-soft: rgba(79,70,229,.10);
  --kpi-accent-border: rgba(79,70,229,.18);
}
.dash--admin{
  --kpi-accent:#0f766e;
  --kpi-accent-soft:rgba(15,118,110,.10);
  --kpi-accent-border:rgba(15,118,110,.20);
}
.dash .card{
  position:relative;
  isolation:isolate;
}
.dash .card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--kpi-accent),rgba(14,165,233,.70));
  opacity:.72;
}
.dash .card.kpi::before,
.dash .page-hero::before,
.dash .board-list-card::before{
  width:100%;
  height:4px;
  right:0;
  bottom:auto;
  background:linear-gradient(90deg,var(--kpi-accent),rgba(14,165,233,.72),rgba(124,58,237,.50));
}
.dash .card.kpi{
  align-items:flex-start;
  padding:18px;
  background:
    linear-gradient(135deg,var(--kpi-accent-soft),transparent 42%),
    rgba(255,255,255,.96);
}
.dash .card.kpi > div:last-child{
  min-width:0;
  display:grid;
  gap:4px;
}
.dash .kpi .tiny:first-child,
.dash .profile-list__item span,
.dash .stats-list span,
.dash .mini-stat__label{
  font-size:11px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.dash .kpi .num,
.dash .profile-list__item strong,
.dash .stats-list strong,
.dash .mini-stat strong{
  font-size:clamp(22px,2.3vw,32px);
  line-height:1;
  font-weight:900;
  color:#0f172a;
}
.dash .profile-list__item,
.dash .mini-stat,
.dash .task-kpi-box,
.dash .task-zone,
.dash .notif-card,
.dash .notif-inline,
.dash .notif-item{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,var(--kpi-accent-soft),transparent 46%),
    #fff;
}
.dash .profile-list__item::before,
.dash .mini-stat::before,
.dash .task-kpi-box::before,
.dash .task-zone::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--kpi-accent),rgba(14,165,233,.65));
  opacity:.65;
}
.dash .profile-list__item{
  align-items:center;
  min-height:64px;
}
.dash .profile-card__head h3,
.dash .stats-card-head h3,
.dash .card > h3,
.dash .task-zone__title,
.dash .task-kpi-box__title{
  letter-spacing:0;
  color:#0f172a;
}
.dash .profile-card__sub,
.dash .card > p.muted,
.dash .tiny.muted{
  line-height:1.55;
}
.dash .board-summary__head{
  align-items:flex-start;
}
.dash .board-summary__head h3{
  font-size:20px;
  letter-spacing:0;
}
.dash .board-summary__chips{
  gap:10px;
}
.dash .board-summary__chips .chip,
.dash .status-pill,
.dash .priority-pill{
  min-height:30px;
  padding:7px 11px;
  border-radius:10px;
}
.dash .board-filters{
  grid-template-columns:minmax(190px,.85fr) minmax(230px,1.1fr) minmax(210px,.95fr) minmax(210px,.8fr);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.dash .board-filters > div{
  min-width:0;
}
.dash .filter-checks__summary{
  font-weight:750;
}
.dash .filter-checks__count{
  background:var(--kpi-accent-soft);
  color:var(--kpi-accent);
}
.dash .table th{
  padding-top:6px;
  padding-bottom:6px;
}
.dash .table td{
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.dash .board-table__id strong{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:0 10px;
  border-radius:10px;
  background:var(--kpi-accent-soft);
  color:var(--kpi-accent);
}
.dash .board-actions{
  gap:8px;
}
.dash .board-actions .btn,
.dash .board-actions .input{
  min-height:38px;
}
.dash .stats-filter{
  position:relative;
  overflow:hidden;
}
.dash .stats-filter::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--kpi-accent),rgba(14,165,233,.72));
}
.dash .stats-bar{
  height:12px;
  background:rgba(148,163,184,.18);
}
.dash .stats-bar span{
  background:linear-gradient(90deg,var(--kpi-accent),#06b6d4);
}
.dash .stats-month .stats-bar{
  border-radius:14px;
}
.dash .buy-card,
.dash .profile-stat{
  background:
    linear-gradient(135deg,var(--kpi-accent-soft),transparent 42%),
    rgba(255,255,255,.96);
}
.dash .buy-card__amount,
.dash .price{
  color:#0f172a;
  font-weight:900;
}
.dash .flash{
  border-radius:16px;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}
[data-theme="dark"] .dash .kpi .num,
[data-theme="dark"] .dash .profile-list__item strong,
[data-theme="dark"] .dash .stats-list strong,
[data-theme="dark"] .dash .mini-stat strong,
[data-theme="dark"] .dash .profile-card__head h3,
[data-theme="dark"] .dash .stats-card-head h3,
[data-theme="dark"] .dash .card > h3,
[data-theme="dark"] .dash .task-zone__title,
[data-theme="dark"] .dash .task-kpi-box__title,
[data-theme="dark"] .dash .buy-card__amount,
[data-theme="dark"] .dash .price{
  color:var(--text);
}
[data-theme="dark"] .dash .card.kpi,
[data-theme="dark"] .dash .profile-list__item,
[data-theme="dark"] .dash .mini-stat,
[data-theme="dark"] .dash .task-kpi-box,
[data-theme="dark"] .dash .task-zone,
[data-theme="dark"] .dash .buy-card,
[data-theme="dark"] .dash .profile-stat{
  background:
    linear-gradient(135deg,rgba(99,102,241,.13),transparent 46%),
    var(--card);
}
@media(max-width:900px){
  .dash .board-filters{
    grid-template-columns:1fr;
  }
  .dash .card::before{
    width:100%;
    height:3px;
    right:0;
    bottom:auto;
  }
}

/* --- Full-width KPI work platform override --- */
.dash-shell{
  grid-template-columns:280px minmax(0,1fr);
}
.dash-main{
  width:100%;
  min-width:0;
}
.dash-content{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.dash .container,
.dash .container--content{
  max-width:none;
}
.dashboard-kpis,
.board-kpis,
.stats-kpis{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.page-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr);
}
.profile-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
}
.detail-grid,
.split-grid{
  grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr);
}
.dash .card{
  border-radius:18px;
  padding:18px;
  overflow:hidden;
}
.dash .card > *{
  position:relative;
  z-index:1;
}
.dash .card::before{
  width:100%;
  height:4px;
  right:0;
  bottom:auto;
  opacity:.86;
}
.dash .card::after{
  content:"";
  position:absolute;
  right:16px;
  top:16px;
  width:42px;
  height:42px;
  border-radius:14px;
  background:
    linear-gradient(180deg,var(--kpi-accent) 0 100%) 11px 22px/5px 12px no-repeat,
    linear-gradient(180deg,var(--kpi-accent) 0 100%) 19px 14px/5px 20px no-repeat,
    linear-gradient(180deg,var(--kpi-accent) 0 100%) 27px 8px/5px 26px no-repeat,
    var(--kpi-accent-soft);
  border:1px solid var(--kpi-accent-border);
  opacity:.55;
  pointer-events:none;
  z-index:0;
}
.dash .card.kpi::after{
  display:none;
}
.dash .card:has(.top-split)::after,
.dash .card:has(.profile-card__head)::after,
.dash .card:has(.stats-card-head)::after{
  opacity:.16;
}
.dash .card.kpi{
  min-height:128px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.dash .card.kpi > .avatar:not(.avatar--image){
  grid-row:1;
}
.avatar:not(.avatar--image){
  position:relative;
  font-size:0;
  overflow:hidden;
}
.avatar:not(.avatar--image)::before,
.avatar:not(.avatar--image)::after{
  content:"";
  position:absolute;
  display:block;
}
.avatar:not(.avatar--image)::before{
  inset:10px 11px 11px 11px;
  border-left:3px solid rgba(255,255,255,.94);
  border-bottom:3px solid rgba(255,255,255,.94);
  border-radius:2px;
}
.avatar:not(.avatar--image)::after{
  left:15px;
  bottom:14px;
  width:4px;
  height:10px;
  border-radius:999px;
  background:#fff;
  box-shadow:
    8px -6px 0 #fff,
    16px -12px 0 #fff;
}
.dashboard-kpis .card:nth-child(1) .avatar:not(.avatar--image)::before,
.board-kpis .card:nth-child(1) .avatar:not(.avatar--image)::before,
.stats-kpis .card:nth-child(1) .avatar:not(.avatar--image)::before{
  inset:12px;
  border:3px solid rgba(255,255,255,.94);
  border-radius:999px;
}
.dashboard-kpis .card:nth-child(1) .avatar:not(.avatar--image)::after,
.board-kpis .card:nth-child(1) .avatar:not(.avatar--image)::after,
.stats-kpis .card:nth-child(1) .avatar:not(.avatar--image)::after{
  left:23px;
  top:12px;
  width:3px;
  height:16px;
  transform-origin:bottom;
  transform:rotate(38deg);
  box-shadow:none;
}
.dashboard-kpis .card:nth-child(2) .avatar:not(.avatar--image)::before,
.board-kpis .card:nth-child(2) .avatar:not(.avatar--image)::before,
.stats-kpis .card:nth-child(2) .avatar:not(.avatar--image)::before{
  inset:11px;
  border:3px solid rgba(255,255,255,.94);
  border-radius:6px;
}
.dashboard-kpis .card:nth-child(2) .avatar:not(.avatar--image)::after,
.board-kpis .card:nth-child(2) .avatar:not(.avatar--image)::after,
.stats-kpis .card:nth-child(2) .avatar:not(.avatar--image)::after{
  left:17px;
  top:17px;
  width:16px;
  height:3px;
  background:#fff;
  border-radius:999px;
  box-shadow:0 7px 0 #fff;
}
.dashboard-kpis .card:nth-child(3) .avatar:not(.avatar--image)::before,
.board-kpis .card:nth-child(3) .avatar:not(.avatar--image)::before,
.stats-kpis .card:nth-child(3) .avatar:not(.avatar--image)::before{
  left:13px;
  top:16px;
  width:22px;
  height:12px;
  border:0;
  border-left:4px solid #fff;
  border-bottom:4px solid #fff;
  border-radius:2px;
  transform:rotate(-45deg);
}
.dashboard-kpis .card:nth-child(3) .avatar:not(.avatar--image)::after,
.board-kpis .card:nth-child(3) .avatar:not(.avatar--image)::after,
.stats-kpis .card:nth-child(3) .avatar:not(.avatar--image)::after{
  display:none;
}
.dashboard-kpis .card:nth-child(4) .avatar:not(.avatar--image)::before,
.board-kpis .card:nth-child(4) .avatar:not(.avatar--image)::before,
.stats-kpis .card:nth-child(4) .avatar:not(.avatar--image)::before{
  inset:13px 11px;
  border:3px solid #fff;
  border-top-width:7px;
  border-radius:5px;
}
.dashboard-kpis .card:nth-child(4) .avatar:not(.avatar--image)::after,
.board-kpis .card:nth-child(4) .avatar:not(.avatar--image)::after,
.stats-kpis .card:nth-child(4) .avatar:not(.avatar--image)::after{
  left:18px;
  top:14px;
  width:14px;
  height:3px;
  background:#fff;
  box-shadow:none;
}
.dash .card.kpi .small strong{
  display:block;
  font-size:clamp(18px,1.8vw,24px);
  line-height:1.1;
}
.dash .card.kpi .tiny.muted:last-child{
  font-weight:650;
}
.dash .board-list-card{
  padding:20px;
}
.dash .board-table-wrap,
.dash .profile-table-wrap,
.dash .table-wrap{
  width:100%;
}
.dash .table{
  min-width:100%;
}
.dash .board-actions{
  min-width:180px;
}
.dash .quick-links .btn,
.dash .page-hero__actions .btn,
.dash .actions-right .btn{
  justify-content:flex-start;
}
.dash .quick-links .btn::before,
.dash .page-hero__actions .btn::before,
.dash .actions-right .btn::before{
  content:"";
  width:16px;
  height:16px;
  border-radius:5px;
  background:
    linear-gradient(90deg,currentColor 0 100%) 3px 7px/10px 2px no-repeat,
    linear-gradient(90deg,currentColor 0 100%) 7px 3px/2px 10px no-repeat;
  opacity:.72;
  flex:0 0 auto;
}
.dash .btn--ghost::before{
  opacity:.45;
}
.dash .board-summary__head,
.dash .profile-card__head,
.dash .stats-card-head,
.dash .top-split{
  min-height:44px;
}
@media(max-width:1180px){
  .page-grid,
  .profile-grid,
  .detail-grid,
  .split-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:980px){
  .dash-shell{
    grid-template-columns:1fr;
  }
  .dash-content{
    padding:0;
  }
}

/* --- Vertical rhythm + real KPI icons --- */
.dash-topbar + .dash-content{
  margin-top:26px;
}
.dash-content > * + *{
  margin-top:22px;
}
.dash-content > .grid + .grid,
.dash-content > .card + .grid,
.dash-content > .grid + .card,
.dash-content > .card + .card{
  margin-top:24px;
}
.dash .card > .mt16:first-child{
  margin-top:0 !important;
}
.dash .profile-section,
.dash .quick-links,
.dash .stats-bars,
.dash .stats-list,
.dash .buy-steps,
.dash .file-stack,
.dash .link-list{
  gap:14px;
}
.dash .profile-section > * + *,
.dash .task-zone > * + *,
.dash .task-kpi-box > * + *{
  margin-top:14px;
}
.dash .card.kpi{
  gap:16px;
}
.dash .card.kpi > div:last-child{
  gap:6px;
}
.dash .card.kpi .tiny + .num,
.dash .card.kpi .tiny + .small{
  margin-top:2px;
}
.kpi-icon{
  display:grid;
  place-items:center;
  font-size:0;
}
.kpi-icon::before,
.kpi-icon::after{
  display:none !important;
  content:none !important;
}
.kpi-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.icon{
  width:40px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.dash .card.kpi .kpi-icon{
  width:52px;
  height:52px;
  border-radius:16px;
}
.dash .card.kpi:nth-child(2n) .kpi-icon{
  background:linear-gradient(135deg,#0ea5e9,#4f46e5);
}
.dash .card.kpi:nth-child(3n) .kpi-icon{
  background:linear-gradient(135deg,#22c55e,#0f766e);
}
.dash .card.kpi:nth-child(4n) .kpi-icon{
  background:linear-gradient(135deg,#f59e0b,#ef4444);
}
.dash--admin .card.kpi:nth-child(2n) .kpi-icon{
  background:linear-gradient(135deg,#0891b2,#0f766e);
}
.dash--admin .card.kpi:nth-child(3n) .kpi-icon{
  background:linear-gradient(135deg,#22c55e,#047857);
}
.dash--admin .card.kpi:nth-child(4n) .kpi-icon{
  background:linear-gradient(135deg,#6366f1,#0f766e);
}
@media(max-width:760px){
  .dash-topbar + .dash-content{
    margin-top:18px;
  }
  .dash-content > * + *{
    margin-top:18px;
  }
  .dash .card.kpi{
    min-height:112px;
  }
}

/* --- Compact board list rows --- */
.dash .board-table{
  border-spacing:0 6px;
}
.dash .board-table th{
  padding:7px 10px;
}
.dash .board-table td{
  padding:9px 10px;
}
.dash .board-table .tr td{
  vertical-align:top;
}
.dash .board-table td .mt8{
  margin-top:5px !important;
}
.dash .board-table td .chip{
  padding:5px 9px;
  min-height:26px;
  border-radius:9px;
}
.dash .board-table__id strong{
  min-height:28px;
  padding:0 9px;
}
.dash .board-table td strong{
  line-height:1.25;
}
.dash .board-table .tiny{
  line-height:1.35;
}
.dash .board-actions--compact{
  min-width:0;
  flex-direction:row;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.dash .board-actions--compact .board-actions__form{
  display:flex;
  align-items:center;
  margin:0;
}
.dash .board-actions--compact .board-action-btn{
  width:auto;
  height:40px;
  min-height:40px;
  padding:0 12px;
  border-radius:10px;
  gap:7px;
  white-space:nowrap;
  line-height:1;
  align-items:center;
  align-self:center;
  margin-top:0 !important;
}
.dash .board-actions--compact .board-actions__form .btn{
  margin-top:0 !important;
}
.dash .board-task-title{
  display:inline;
  color:inherit;
  text-decoration:none;
  text-underline-offset:3px;
}
.dash .board-task-title:hover,
.dash .board-task-title:focus-visible{
  color:var(--primary);
  text-decoration:underline;
}
.dash .board-actions--compact .board-action-btn--open{
  background:var(--kpi-accent-soft);
  border-color:var(--kpi-accent-border);
  color:var(--kpi-accent);
}
.dash .board-actions--compact .board-action-btn--open:hover{
  background:var(--kpi-accent);
  border-color:var(--kpi-accent);
  color:#fff;
}
.dash .board-actions--compact .board-action-btn--duplicate{
  min-width:48px;
}
.dash .board-actions--compact .board-action-btn--duplicate .kpi-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:currentColor !important;
  overflow:visible !important;
}
.dash .board-actions--compact .board-action-btn--duplicate .kpi-icon::before,
.dash .board-actions--compact .board-action-btn--duplicate .kpi-icon::after{
  display:none !important;
  content:none !important;
}
.dash .board-actions--compact .board-action-btn--duplicate .kpi-icon svg{
  width:30px !important;
  height:30px !important;
  stroke:currentColor !important;
  stroke-width:2.8 !important;
}
.dash .board-actions--compact .board-action-btn--duplicate .icon{
  width:40px !important;
  height:20px !important;
  stroke-width:2.2 !important;
  flex:0 0 auto !important;
}
.dash .board-actions--compact .btn::before{
  display:none;
}
@media(max-width:760px){
  .dash .board-table td{
    padding:7px 0;
  }
  .dash .board-actions--compact{
    align-items:stretch;
  }
  .dash .board-actions--compact .board-action-btn{
    justify-content:center;
    flex:1 1 auto;
  }
}

/* --- Dashboard Pro Refresh v2 --- */
.dash{
  --dash-bg:#f4f7fb;
  --dash-surface:#ffffff;
  --dash-surface-2:#f8fafc;
  --dash-line:#dbe3ee;
  --dash-line-strong:#cbd5e1;
  --dash-text:#0f172a;
  --dash-muted:#64748b;
  --dash-ink:#111827;
  --dash-radius:8px;
  --dash-shadow:0 16px 38px rgba(15,23,42,.08);
  --dash-shadow-soft:0 8px 22px rgba(15,23,42,.06);
  --dash-focus:0 0 0 4px rgba(37,99,235,.14);
  --kpi-accent:#2563eb;
  --kpi-accent-2:#0891b2;
  --kpi-accent-soft:rgba(37,99,235,.09);
  --kpi-accent-border:rgba(37,99,235,.18);
  background:
    linear-gradient(180deg,#f8fafc 0%,#eef4fb 100%);
  color:var(--dash-text);
  font-feature-settings:"cv02","cv03","cv04","cv11";
  -webkit-font-smoothing:antialiased;
  line-height:1.45;
}
.dash--admin{
  --kpi-accent:#0f766e;
  --kpi-accent-2:#0369a1;
  --kpi-accent-soft:rgba(15,118,110,.10);
  --kpi-accent-border:rgba(15,118,110,.20);
  --dash-focus:0 0 0 4px rgba(15,118,110,.14);
}
[data-theme="dark"] .dash{
  --dash-bg:#070b16;
  --dash-surface:#0f172a;
  --dash-surface-2:#111c32;
  --dash-line:rgba(148,163,184,.20);
  --dash-line-strong:rgba(148,163,184,.30);
  --dash-text:#e5e7eb;
  --dash-muted:#94a3b8;
  --dash-ink:#f8fafc;
  background:#070b16;
}
.dash-shell{
  grid-template-columns:284px minmax(0,1fr);
  background:transparent;
}
.dash-main{
  padding:calc(20px + var(--safe-top)) calc(clamp(18px,2vw,30px) + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(clamp(18px,2vw,30px) + var(--safe-left));
}
.dash-sidebar{
  background:
    linear-gradient(180deg,rgba(37,99,235,.18),transparent 34%),
    linear-gradient(180deg,#111827 0%,#0f172a 58%,#08111f 100%);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.05);
}
.dash--admin .dash-sidebar{
  background:
    linear-gradient(180deg,rgba(20,184,166,.18),transparent 34%),
    linear-gradient(180deg,#0f172a 0%,#12302e 58%,#071814 100%);
}
.dash-sidebar__brand{
  margin-bottom:18px;
  padding:8px 8px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.brand__logo--inverse{
  height:38px;
}
.badge{
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.14);
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dash-menu{
  gap:4px;
}
.dash-menu__title{
  margin-top:14px;
  padding:8px 10px 5px;
  color:rgba(226,232,240,.62);
  font-size:10px;
  letter-spacing:.12em;
}
.dash-menu a{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 12px;
  border-radius:var(--dash-radius);
  border:1px solid transparent;
  background:transparent;
  color:rgba(241,245,249,.82);
  font-size:14px;
  font-weight:720;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.dash-menu a .icon{
  width:18px;
  height:18px;
  opacity:.82;
  stroke-width:2;
}
.dash-menu a:hover{
  transform:translateX(2px);
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.10);
  color:#fff;
}
.dash-menu a.active{
  background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(8,145,178,.82));
  border-color:rgba(255,255,255,.16);
  color:#fff;
  box-shadow:0 12px 28px rgba(37,99,235,.25);
}
.dash--admin .dash-menu a.active{
  background:linear-gradient(135deg,rgba(15,118,110,.96),rgba(3,105,161,.82));
  box-shadow:0 12px 28px rgba(15,118,110,.22);
}
.dash-sidebar__cta{
  margin-top:20px;
  padding:12px;
  border-radius:var(--dash-radius);
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.10);
}
.dash-topbar{
  position:sticky;
  top:calc(12px + var(--safe-top));
  z-index:900;
  min-height:72px;
  padding:12px 14px;
  border-radius:var(--dash-radius);
  background:rgba(255,255,255,.88);
  border:1px solid rgba(203,213,225,.72);
  box-shadow:0 12px 30px rgba(15,23,42,.08);
  backdrop-filter:blur(18px);
}
[data-theme="dark"] .dash-topbar{
  background:rgba(15,23,42,.88);
  border-color:var(--dash-line);
}
.dash-topbar__title .h5{
  color:var(--dash-ink);
  font-size:18px;
  font-weight:850;
}
.dash-topbar__title .tiny{
  margin-top:2px;
}
.dash-topbar__actions{
  gap:8px;
}
.btn{
  min-height:42px;
  border-radius:8px;
  padding:10px 13px;
  gap:8px;
  font-size:14px;
  font-weight:760;
  letter-spacing:0;
  transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}
.btn .icon{
  width:17px;
  height:17px;
  stroke-width:2.2;
}
.btn--sm{
  min-height:36px;
  padding:8px 10px;
  border-radius:8px;
  font-size:13px;
}
.btn--primary{
  background:linear-gradient(135deg,#2563eb,#0891b2);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 24px rgba(37,99,235,.22);
}
.dash--admin .btn--primary{
  background:linear-gradient(135deg,#0f766e,#0369a1);
  box-shadow:0 12px 24px rgba(15,118,110,.20);
}
.btn--primary:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(37,99,235,.26);
}
.dash--admin .btn--primary:hover{
  box-shadow:0 16px 30px rgba(15,118,110,.24);
}
.btn--ghost{
  background:var(--dash-surface);
  border-color:var(--dash-line);
  color:var(--dash-text);
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.btn--ghost:hover{
  background:var(--dash-surface-2);
  border-color:var(--dash-line-strong);
  color:var(--kpi-accent);
}
.btn--soft{
  background:var(--kpi-accent-soft);
  border-color:var(--kpi-accent-border);
  color:var(--kpi-accent);
}
.btn--danger{
  border-color:#fecaca;
  background:#fff1f2;
  color:#b91c1c;
}
.user-chip{
  min-height:44px;
  border-radius:8px;
  background:var(--dash-surface);
  border-color:var(--dash-line);
}
.user-chip:hover{
  border-color:var(--dash-line-strong);
  background:var(--dash-surface-2);
}
.avatar{
  border-radius:8px;
}
.avatar--image{
  border:1px solid var(--dash-line);
}
.notif-wrap,
.user-menu,
.filter-checks{
  position:relative;
  z-index:50;
}
.notif-wrap.is-open,
.user-menu.is-open,
.filter-checks[open]{
  z-index:1200;
}
.notif-panel,
.user-menu__panel,
.filter-checks__panel{
  z-index:1300;
  border-radius:8px;
  border:1px solid var(--dash-line-strong);
  background:var(--dash-surface);
  box-shadow:0 24px 64px rgba(15,23,42,.18);
}
.notif-panel{
  top:calc(100% + 12px);
  width:min(440px,calc(100vw - 36px));
  padding:10px;
}
.user-menu__panel{
  top:calc(100% + 12px);
  padding:8px;
}
.user-menu__panel a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  border-radius:7px;
  background:transparent;
  font-weight:720;
}
.user-menu__panel a .icon{
  width:17px;
  height:17px;
  color:var(--kpi-accent);
}
.user-menu__panel a:hover{
  background:var(--kpi-accent-soft);
}
.notif-panel__head{
  padding:4px 4px 8px;
}
.notif-item,
.notif-inline,
.notif-card{
  border-radius:8px;
  border-color:var(--dash-line);
  background:var(--dash-surface);
}
.notif-item:hover,
.notif-inline:hover,
.notif-card:hover{
  border-color:var(--kpi-accent-border);
  background:linear-gradient(135deg,var(--kpi-accent-soft),transparent 54%),var(--dash-surface);
}
.notif-pill{
  min-width:19px;
  height:19px;
  background:#ef4444;
  color:#fff;
  box-shadow:0 0 0 3px rgba(239,68,68,.12);
}
.dash .card{
  border-radius:var(--dash-radius);
  border:1px solid var(--dash-line);
  background:var(--dash-surface);
  box-shadow:var(--dash-shadow-soft);
}
.dash .card::before{
  height:3px;
  background:linear-gradient(90deg,var(--kpi-accent),var(--kpi-accent-2));
}
.dash .card::after{
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border-radius:8px;
  opacity:.18;
}
.dash .card.kpi{
  min-height:132px;
  padding:18px;
  border-color:var(--kpi-accent-border);
  background:
    linear-gradient(135deg,var(--kpi-accent-soft),transparent 48%),
    var(--dash-surface);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}
.dash .card.kpi:hover{
  transform:translateY(-1px);
  box-shadow:var(--dash-shadow);
}
.dash .card.kpi .kpi-icon{
  width:50px;
  height:50px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--kpi-accent),var(--kpi-accent-2));
  box-shadow:0 14px 26px rgba(37,99,235,.20);
}
.dash--admin .card.kpi .kpi-icon{
  box-shadow:0 14px 26px rgba(15,118,110,.18);
}
.dash .card.kpi:nth-child(2n) .kpi-icon,
.dash .card.kpi:nth-child(3n) .kpi-icon,
.dash .card.kpi:nth-child(4n) .kpi-icon,
.dash--admin .card.kpi:nth-child(2n) .kpi-icon,
.dash--admin .card.kpi:nth-child(3n) .kpi-icon,
.dash--admin .card.kpi:nth-child(4n) .kpi-icon{
  background:linear-gradient(135deg,var(--kpi-accent),var(--kpi-accent-2));
}
.kpi-icon svg{
  width:23px;
  height:23px;
}
.dash .kpi .tiny:first-child,
.dash .profile-list__item span,
.dash .stats-list span,
.dash .mini-stat__label{
  color:var(--dash-muted);
  font-size:11px;
  font-weight:850;
  letter-spacing:.075em;
}
.dash .kpi .num,
.dash .profile-list__item strong,
.dash .stats-list strong,
.dash .mini-stat strong{
  color:var(--dash-ink);
  font-size:clamp(25px,2.2vw,34px);
  font-weight:900;
  line-height:.98;
}
.dash .card.kpi .small strong{
  color:var(--dash-ink);
  font-size:clamp(17px,1.45vw,22px);
}
.dash .input,
.dash textarea,
.dash select,
.filter-checks__summary{
  min-height:44px;
  border-radius:8px;
  border:1px solid var(--dash-line);
  background:var(--dash-surface);
  color:var(--dash-text);
  box-shadow:0 1px 0 rgba(15,23,42,.02);
}
.dash select{
  appearance:none;
  padding-right:38px;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--dash-muted) 50%),
    linear-gradient(135deg,var(--dash-muted) 50%,transparent 50%);
  background-position:
    calc(100% - 18px) 19px,
    calc(100% - 13px) 19px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.dash .input:focus,
.dash textarea:focus,
.dash select:focus,
.filter-checks__summary:focus{
  border-color:var(--kpi-accent);
  background:var(--dash-surface);
  box-shadow:var(--dash-focus);
}
.label{
  color:#334155;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
[data-theme="dark"] .label{
  color:var(--dash-muted);
}
.page-hero{
  border-radius:8px;
  border:1px solid var(--dash-line);
  background:
    linear-gradient(135deg,var(--kpi-accent-soft),transparent 56%),
    var(--dash-surface);
  box-shadow:var(--dash-shadow-soft);
}
.page-hero--client,
.page-hero--admin{
  background:
    linear-gradient(135deg,var(--kpi-accent-soft),transparent 56%),
    var(--dash-surface);
}
.page-hero__eyebrow{
  color:var(--kpi-accent);
}
.board-list-card{
  border-radius:8px;
}
.dash .board-list-card{
  overflow:visible;
  z-index:40;
}
.board-summary__head{
  border-bottom-color:var(--dash-line);
}
.board-filters{
  position:relative;
  z-index:60;
  border-radius:8px;
  border-color:var(--dash-line);
  background:var(--dash-surface-2);
  box-shadow:none;
  overflow:visible;
}
.dash .board-filters{
  box-shadow:none;
}
.filter-checks__summary{
  padding:10px 12px;
  font-weight:760;
}
.filter-checks__panel{
  left:0;
  right:auto;
  width:max(100%,260px);
  max-height:min(360px,58vh);
  overflow:auto;
  padding:8px;
}
.filter-checks__option{
  min-height:40px;
  border-radius:7px;
  color:var(--dash-text);
}
.filter-checks__option:hover,
.filter-checks__option:has(input:checked){
  background:var(--kpi-accent-soft);
  color:var(--dash-ink);
}
.table{
  border-spacing:0 7px;
}
.table th{
  color:var(--dash-muted);
  font-size:11px;
  font-weight:850;
  letter-spacing:.06em;
}
.table td{
  background:var(--dash-surface);
  border-top-color:var(--dash-line);
  border-bottom-color:var(--dash-line);
  box-shadow:0 8px 18px rgba(15,23,42,.035);
}
.table tr td:first-child{
  border-left-color:var(--dash-line);
  border-top-left-radius:8px;
  border-bottom-left-radius:8px;
}
.table tr td:last-child{
  border-right-color:var(--dash-line);
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
}
.chip,
.status-pill,
.priority-pill{
  min-height:28px;
  border-radius:7px;
  padding:6px 9px;
  border:1px solid transparent;
  font-size:12px;
  font-weight:820;
}
.chip{
  background:#eef2f7;
  color:#334155;
}
.status-pill--todo{background:#fef9c3;color:#854d0e;}
.status-pill--doing{background:#fff7ed;color:#9a3412;}
.status-pill--review{background:#eef2ff;color:#3730a3;}
.status-pill--done{background:#ecfdf5;color:#166534;}
.status-pill--muted{background:#e5e7eb;color:#374151;}
.priority-pill{background:#f1f5f9;color:#334155;}
.priority-pill--urgent{background:#fee2e2;color:#991b1b;}
.priority-pill--high{background:#ffedd5;color:#9a3412;}
.priority-pill--medium{background:#e0f2fe;color:#075985;}
.priority-pill--low{background:#ecfdf5;color:#166534;}
.dash .board-table__id strong{
  min-height:30px;
  border-radius:7px;
}
.task-zone,
.task-kpi-box,
.task-link-card,
.profile-list__item,
.mini-stat{
  border-radius:8px;
  border-color:var(--dash-line);
}
.flash{
  border-radius:8px;
}
@media(max-width:980px){
  .dash-topbar{
    position:relative;
    top:auto;
  }
  .dash-topbar__actions > *{
    flex:1 1 auto;
  }
}
@media(max-width:760px){
  .dash-main{
    padding:12px;
  }
  .dash .card{
    padding:14px;
  }
  .dash .card.kpi{
    min-height:110px;
    grid-template-columns:46px minmax(0,1fr);
  }
  .dash .card.kpi .kpi-icon{
    width:46px;
    height:46px;
  }
  .dash-topbar__actions{
    align-items:stretch;
  }
  .notif-panel,
  .user-menu__panel{
    width:100%;
    max-width:none;
  }
  .filter-checks__panel{
    position:absolute;
    width:100%;
    min-width:0;
  }
  .table tr td:first-child,
  .table tr td:last-child{
    border-radius:0;
  }
  .board-table .tr{
    border-radius:8px;
  }
}
.dash .quick-links .btn::before,
.dash .page-hero__actions .btn::before,
.dash .actions-right .btn::before,
.dash .btn:has(.icon)::before{
  display:none !important;
  content:none !important;
}

/* --- Dashboard Lighten Pass --- */
.dash{
  --dash-bg:#f7f8fb;
  --dash-surface:#ffffff;
  --dash-surface-2:#fbfcfe;
  --dash-line:#e3e8f0;
  --dash-line-strong:#cfd8e3;
  --dash-text:#1f2937;
  --dash-muted:#6b7280;
  --dash-ink:#111827;
  --dash-shadow:0 10px 26px rgba(15,23,42,.055);
  --dash-shadow-soft:0 5px 16px rgba(15,23,42,.045);
  --kpi-accent:#3b82f6;
  --kpi-accent-2:#14b8a6;
  --kpi-accent-soft:rgba(59,130,246,.065);
  --kpi-accent-border:rgba(59,130,246,.14);
  background:#f7f8fb;
}
.dash--admin{
  --kpi-accent:#0d9488;
  --kpi-accent-2:#38bdf8;
  --kpi-accent-soft:rgba(13,148,136,.065);
  --kpi-accent-border:rgba(13,148,136,.14);
}
.dash-sidebar{
  background:#182033;
  box-shadow:none;
}
.dash--admin .dash-sidebar{
  background:#15302e;
}
.dash-sidebar__brand{
  border-bottom-color:rgba(255,255,255,.08);
}
.dash-menu__title{
  color:rgba(226,232,240,.55);
  font-weight:700;
}
.dash-menu a{
  min-height:40px;
  color:rgba(241,245,249,.76);
  font-weight:600;
  background:transparent;
}
.dash-menu a:hover{
  transform:none;
  background:rgba(255,255,255,.055);
}
.dash-menu a.active,
.dash--admin .dash-menu a.active{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.10);
  box-shadow:none;
}
.dash-topbar{
  min-height:66px;
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 18px rgba(15,23,42,.055);
  backdrop-filter:blur(12px);
}
.dash-topbar__title .h5{
  font-size:17px;
  font-weight:750;
}
.btn{
  min-height:40px;
  font-weight:650;
  box-shadow:none;
}
.btn--primary,
.dash--admin .btn--primary{
  background:var(--kpi-accent);
  box-shadow:none;
}
.btn--primary:hover,
.dash--admin .btn--primary:hover{
  transform:none;
  box-shadow:none;
  filter:brightness(.97);
}
.btn--ghost{
  box-shadow:none;
}
.dash .card{
  box-shadow:var(--dash-shadow-soft);
}
.dash .card::before{
  height:2px;
  opacity:.55;
}
.dash .card::after{
  display:none;
}
.dash .card.kpi{
  min-height:108px;
  padding:16px;
  border-color:var(--dash-line);
  background:var(--dash-surface);
  box-shadow:var(--dash-shadow-soft);
}
.dash .card.kpi:hover{
  transform:none;
  box-shadow:var(--dash-shadow-soft);
}
.dash .card.kpi .kpi-icon{
  width:44px;
  height:44px;
  border-radius:8px;
  background:var(--kpi-accent-soft);
  border:1px solid var(--kpi-accent-border);
  box-shadow:none;
}
.dash .card.kpi .kpi-icon svg{
  width:21px;
  height:21px;
  stroke:var(--kpi-accent);
}
.dash .kpi .tiny:first-child,
.dash .profile-list__item span,
.dash .stats-list span,
.dash .mini-stat__label{
  font-weight:700;
  letter-spacing:.04em;
}
.dash .kpi .num,
.dash .profile-list__item strong,
.dash .stats-list strong,
.dash .mini-stat strong{
  font-size:clamp(22px,1.9vw,30px);
  font-weight:800;
}
.dash .card.kpi .small strong{
  font-weight:750;
}
.label{
  font-weight:700;
  letter-spacing:.025em;
}
.chip,
.status-pill,
.priority-pill{
  font-weight:650;
}
.notif-panel,
.user-menu__panel,
.filter-checks__panel{
  box-shadow:0 14px 34px rgba(15,23,42,.12);
}
.table td{
  box-shadow:none;
}
.board-filters{
  background:#fff;
}

/* --- Card Review: lighter operational surfaces --- */
.dash .card,
.dash .page-hero,
.dash .task-zone,
.dash .task-kpi-box,
.dash .task-link-card,
.dash .profile-list__item,
.dash .mini-stat,
.dash .notif-card,
.dash .notif-inline,
.dash .notif-item,
.dash .buy-card,
.dash .profile-stat{
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.dash .card{
  padding:16px;
  overflow:visible;
}
.dash .card::before,
.dash .card::after,
.dash .page-hero::before,
.dash .board-list-card::before,
.dash .profile-list__item::before,
.dash .mini-stat::before,
.dash .task-kpi-box::before,
.dash .task-zone::before{
  display:none !important;
  content:none !important;
}
.dash .card > *{
  position:relative;
  z-index:1;
}
.dash .card:hover,
.dash .task-zone:hover,
.dash .task-kpi-box:hover,
.dash .profile-list__item:hover,
.dash .mini-stat:hover{
  box-shadow:0 4px 12px rgba(15,23,42,.055);
}
.dash .card.kpi{
  min-height:96px;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  padding:15px;
  border-color:#e6ebf2;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.dash .card.kpi .kpi-icon{
  width:38px;
  height:38px;
  border-radius:9px;
  background:#f8fafc;
  border:1px solid #e6ebf2;
}
.dash .card.kpi .kpi-icon svg{
  width:19px;
  height:19px;
  stroke:#64748b;
}
.dash .card.kpi > div:last-child{
  gap:3px;
}
.dash .kpi .tiny:first-child{
  color:#6b7280;
  font-size:11px;
  font-weight:650;
  letter-spacing:.025em;
}
.dash .kpi .num{
  color:#111827;
  font-size:26px;
  font-weight:760;
  line-height:1.05;
}
.dash .card.kpi .small strong{
  color:#111827;
  font-size:18px;
  font-weight:700;
}
.dash .card h3,
.dash .card > h3,
.dash .board-summary__head h3,
.dash .profile-card__head h3,
.dash .stats-card-head h3,
.dash .task-zone__title,
.dash .task-kpi-box__title{
  color:#111827;
  font-size:18px;
  font-weight:700;
}
.dash .card p,
.dash .tiny.muted,
.dash .small,
.dash .muted{
  color:#6b7280;
}
.dash .board-list-card{
  padding:16px;
}
.dash .board-summary__head{
  padding-bottom:12px;
  border-bottom:1px solid #edf1f6;
}
.dash .board-filters{
  padding:12px;
  border-color:#e6ebf2;
  background:#fafbfc;
  border-radius:10px;
}
.dash .profile-list__item,
.dash .mini-stat,
.dash .task-kpi-box,
.dash .task-zone{
  padding:14px;
}
.dash .page-hero{
  padding:20px;
  background:#fff;
}
.dash .page-hero__eyebrow{
  color:#6b7280;
  font-weight:650;
}
@media(max-width:760px){
  .dash .card{
    padding:14px;
  }
  .dash .card.kpi{
    min-height:90px;
    grid-template-columns:36px minmax(0,1fr);
  }
  .dash .card.kpi .kpi-icon{
    width:36px;
    height:36px;
  }
}

/* --- KPI/Card Flat Color Pass --- */
.dashboard-kpis .card.kpi:nth-child(1),
.board-kpis .card.kpi:nth-child(1),
.stats-kpis .card.kpi:nth-child(1){
  --kpi-flat:#2563eb;
  --kpi-flat-soft:#eff6ff;
  --kpi-flat-line:#bfdbfe;
}
.dashboard-kpis .card.kpi:nth-child(2),
.board-kpis .card.kpi:nth-child(2),
.stats-kpis .card.kpi:nth-child(2){
  --kpi-flat:#0d9488;
  --kpi-flat-soft:#ecfdf5;
  --kpi-flat-line:#99f6e4;
}
.dashboard-kpis .card.kpi:nth-child(3),
.board-kpis .card.kpi:nth-child(3),
.stats-kpis .card.kpi:nth-child(3){
  --kpi-flat:#7c3aed;
  --kpi-flat-soft:#f5f3ff;
  --kpi-flat-line:#ddd6fe;
}
.dashboard-kpis .card.kpi:nth-child(4),
.board-kpis .card.kpi:nth-child(4),
.stats-kpis .card.kpi:nth-child(4){
  --kpi-flat:#f97316;
  --kpi-flat-soft:#fff7ed;
  --kpi-flat-line:#fed7aa;
}
.dashboard-kpis .card.kpi:nth-child(5),
.board-kpis .card.kpi:nth-child(5),
.stats-kpis .card.kpi:nth-child(5){
  --kpi-flat:#0891b2;
  --kpi-flat-soft:#ecfeff;
  --kpi-flat-line:#a5f3fc;
}
.dashboard-kpis .card.kpi:nth-child(6),
.board-kpis .card.kpi:nth-child(6),
.stats-kpis .card.kpi:nth-child(6){
  --kpi-flat:#16a34a;
  --kpi-flat-soft:#f0fdf4;
  --kpi-flat-line:#bbf7d0;
}
.dash .card.kpi{
  position:relative;
  min-height:104px;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-color:var(--kpi-flat-line,#e2e8f0);
  background:
    linear-gradient(90deg,var(--kpi-flat-soft,#f8fafc) 0 76px,#fff 76px 100%);
  box-shadow:0 8px 20px rgba(15,23,42,.055);
}
.dash .card.kpi:hover{
  box-shadow:0 10px 24px rgba(15,23,42,.075);
}
.dash .card.kpi::before{
  display:block !important;
  content:"" !important;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  height:auto;
  background:var(--kpi-flat,#64748b);
  opacity:1;
}
.dash .card.kpi .kpi-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--kpi-flat,#334155);
  border:0;
  box-shadow:none;
}
.dash .card.kpi .kpi-icon svg{
  width:20px;
  height:20px;
  stroke:#fff;
}
.dash .card.kpi > div:last-child{
  gap:4px;
}
.dash .card.kpi .tiny:first-child{
  color:#5f6b7a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.035em;
}
.dash .card.kpi .num{
  color:#111827;
  font-size:28px;
  font-weight:800;
}
.dash .card.kpi .small strong{
  color:#111827;
  font-size:19px;
  font-weight:750;
}
.dash .card:not(.kpi){
  border-color:#e3e8ef;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}
.dash .board-list-card,
.dash .page-hero,
.dash .task-zone,
.dash .task-kpi-box{
  background:#fff;
}

.ai-timeline{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ai-timeline-item{
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#fff;
}
.ai-timeline-item--clip{
  display:grid;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr);
  align-items:start;
  gap:14px;
}
.ai-timeline-item__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  min-width:0;
}
.ai-timeline-item__meta strong{
  min-width:0;
  overflow-wrap:anywhere;
}
.ai-clip-grid{
  display:grid;
  grid-template-columns:minmax(160px,240px) minmax(180px,1fr);
  gap:12px;
  align-items:stretch;
}
.ai-clip-preview,
.ai-final-video video{
  width:100%;
  max-height:260px;
  border:1px solid #dbe3ef;
  border-radius:8px;
  background:#0f172a;
}
.ai-clip-empty{
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed #cbd5e1;
  border-radius:8px;
  background:#f8fafc;
  color:#64748b;
  font-size:13px;
}
.ai-video-dropzone{
  min-height:132px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px;
  border:1px dashed #94a3b8;
  border-radius:8px;
  background:#f8fafc;
  text-align:center;
  cursor:pointer;
}
.ai-video-dropzone.is-dragover{
  border-color:#2563eb;
  background:#eff6ff;
}
.ai-video-dropzone input[type="file"]{
  display:none;
}
.ai-video-dropzone span{
  color:#64748b;
  font-size:12px;
}
.ai-clip-remove{
  align-self:start;
}
.ai-render-form{
  display:grid;
  grid-template-columns:minmax(180px,260px) auto;
  align-items:end;
  gap:12px;
  max-width:520px;
}
.ai-final-video{
  display:grid;
  gap:12px;
  max-width:720px;
}
.ai-add-slot-form{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.ai-add-slot-form .input{
  width:82px;
  min-height:34px;
  padding:7px 9px;
}
@media(max-width:860px){
  .ai-timeline-item--clip,
  .ai-clip-grid,
  .ai-render-form{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .dash .card.kpi{
    grid-template-columns:44px minmax(0,1fr);
    background:
      linear-gradient(90deg,var(--kpi-flat-soft,#f8fafc) 0 68px,#fff 68px 100%);
  }
  .dash .card.kpi .kpi-icon{
    width:38px;
    height:38px;
  }
}

/* --- Task Detail Readability Pass --- */
.dash .detail-grid{
  align-items:start;
}
.dash .detail-grid > .card{
  background:#fbfcfe;
}
.dash .detail-grid > .card > .task-copy{
  padding:14px 16px;
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fff;
  color:#273244;
  line-height:1.68;
}
.dash .task-zone{
  --zone-accent:#2563eb;
  --zone-soft:#eff6ff;
  --zone-soft-2:#dbeafe;
  position:relative;
  overflow:hidden;
  padding:18px 20px 18px 22px;
  border:1px solid var(--zone-soft-2);
  border-radius:10px;
  background:var(--zone-soft);
  box-shadow:none;
}
.dash .task-zone::before{
  display:block !important;
  content:"" !important;
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  height:auto;
  border-radius:0;
  background:var(--zone-accent);
  opacity:1;
}
.dash .task-zone > *{
  position:relative;
  z-index:1;
}
.dash .task-zone:hover{
  box-shadow:0 5px 14px rgba(15,23,42,.055);
}
.dash .task-zone--client{
  --zone-accent:#2563eb;
  --zone-soft:#eff6ff;
  --zone-soft-2:#bfdbfe;
}
.dash .task-zone--admin{
  --zone-accent:#0d9488;
  --zone-soft:#ecfdf5;
  --zone-soft-2:#99f6e4;
}
.dash .task-zone--notes{
  --zone-accent:#7c3aed;
  --zone-soft:#f5f3ff;
  --zone-soft-2:#ddd6fe;
}
.dash .task-zone--finance{
  --zone-accent:#f59e0b;
  --zone-soft:#fffbeb;
  --zone-soft-2:#fde68a;
}
.dash .task-zone--danger{
  --zone-accent:#e11d48;
  --zone-soft:#fff1f2;
  --zone-soft-2:#fecdd3;
}
.dash .task-zone__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff;
  color:var(--zone-accent);
  border:1px solid color-mix(in srgb,var(--zone-accent) 24%,#fff);
  font-size:11px;
  font-weight:750;
  letter-spacing:.055em;
}
.dash .task-zone__title{
  margin-top:12px;
  color:#111827;
  font-size:19px;
  line-height:1.25;
  font-weight:720;
}
.dash .task-zone .tiny.muted,
.dash .task-zone .muted{
  color:#5f6b7a;
}
.dash .task-zone > form,
.dash .task-zone__body > form,
.dash .task-zone .edit-box,
.dash .task-link-card,
.dash .file-stack .btn{
  border:1px solid rgba(148,163,184,.28);
  border-radius:10px;
  background:rgba(255,255,255,.82);
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}
.dash .task-zone > form,
.dash .task-zone__body > form,
.dash .task-zone .edit-box{
  padding:14px;
}
.dash .task-link-card{
  padding:14px;
}
.dash .task-link-card__title{
  color:#172033;
  font-weight:720;
  text-decoration:none;
}
.dash .task-link-card a:not(.btn){
  color:var(--zone-accent);
}
.dash .file-stack{
  gap:8px;
}
.dash .file-stack .btn{
  justify-content:flex-start;
  width:100%;
  min-height:40px;
  padding:10px 12px;
  color:#172033;
  text-align:left;
}
.dash .task-zone--admin .file-stack .btn,
.dash .task-zone--client .file-stack .btn{
  color:#172033;
}
.dash .task-zone .form-row{
  gap:14px;
}
.dash .task-zone .label{
  margin-top:0;
  color:#344055;
  font-size:12px;
  font-weight:740;
}
.dash .task-zone .input,
.dash .task-zone textarea,
.dash .task-zone select{
  min-height:44px;
  border-color:#d9e1ec;
  background:#fff;
  color:#243044;
}
.dash .task-zone .task-notes-input{
  min-height:132px;
  line-height:1.55;
}
.dash .task-zone div.input{
  color:#5f6b7a;
}
.dash .task-zone .drive-link-row{
  align-items:stretch;
}
.dash .task-zone .drive-link-row .btn{
  min-height:44px;
}
.dash .task-zone .action-row{
  gap:10px;
  padding-top:2px;
}
.dash .task-zone + .task-zone{
  margin-top:16px;
}
.dash .task-zone + .hr,
.dash .hr + .task-zone{
  margin-top:16px;
}
.dash .task-zone--danger .btn--danger{
  background:#e11d48;
  border-color:#e11d48;
  color:#fff;
}
.dash .task-zone--finance .btn--primary,
.dash .task-zone--admin .btn--primary{
  background:#0d9488;
  border-color:#0d9488;
  color:#fff;
}
.dash .task-zone--client .btn--primary{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}
.dash .task-zone .btn--ghost{
  background:#fff;
  color:#243044;
  border-color:#d9e1ec;
}
.dash .task-zone .hr{
  background:rgba(148,163,184,.22);
  margin:16px 0;
}
@media(max-width:760px){
  .dash .task-zone{
    padding:16px 14px 16px 17px;
  }
  .dash .task-zone__title{
    font-size:17px;
  }
  .dash .task-zone > form,
  .dash .task-zone__body > form,
  .dash .task-zone .edit-box,
  .dash .task-link-card{
    padding:12px;
  }
}

/* --- Board Dropdown + Client Detail Pass --- */
.dash .board-list-card,
.dash .board-filters,
.dash .board-table-wrap{
  overflow:visible;
}
.dash .board-list-card{
  position:relative;
  z-index:1;
}
.dash .board-filters{
  position:relative;
  z-index:50;
}
.dash .filter-checks{
  position:relative;
  z-index:60;
}
.dash .filter-checks[open]{
  z-index:10020;
}
.dash .filter-checks__panel{
  z-index:10030;
}
.dash .profile-edit-grid{
  grid-template-columns:minmax(0,900px);
}
.dash .profile-edit-grid > .profile-section{
  min-width:0;
}
@media(max-width:960px){
  .dash .profile-edit-grid{
    grid-template-columns:1fr;
  }
}

/* --- Task Type Toggle Fix --- */
.dash .task-type-toggle{
  justify-content:flex-start;
  min-width:132px;
}
.dash .task-type-toggle .label{
  margin-top:0;
}
.dash .toggle-line{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  color:#344055;
  line-height:1.25;
}
.dash .toggle-line input[type="checkbox"]{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
.dash .task-type-switch{
  position:relative;
  flex:0 0 46px;
  width:46px;
  height:26px;
  border-radius:999px;
  background:#d9e1ec;
  border:1px solid #cbd5e1;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.dash .task-type-switch::before{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 5px rgba(15,23,42,.18);
  transition:transform .18s ease;
}
.dash .toggle-line input[type="checkbox"]:checked + .task-type-switch{
  background:#10b981;
  border-color:#10b981;
}
.dash .toggle-line input[type="checkbox"]:checked + .task-type-switch::before{
  transform:translateX(20px);
}
.dash .toggle-line input[type="checkbox"]:focus-visible + .task-type-switch{
  box-shadow:0 0 0 4px rgba(16,185,129,.18);
}
.dash .toggle-line > span:last-child{
  flex:1 1 auto;
  min-width:78px;
}
@media(max-width:900px){
  .dash .task-type-toggle{
    min-width:0;
  }
  .dash .toggle-line > span:last-child{
    min-width:0;
  }
}

/* --- Admin Economics Tools --- */
.dash .task-economics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.dash .task-economics .mini-stat{
  background:rgba(255,255,255,.82);
}
.dash .task-admin-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:16px;
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fff;
}
.dash .task-admin-head__main{
  min-width:0;
}
.dash .task-admin-head__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.dash .task-admin-head h3{
  margin:12px 0 0;
  color:#111827;
  font-size:24px;
  line-height:1.18;
  font-weight:780;
}
.dash .task-admin-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:10px;
  color:#5f6b7a;
  font-size:13px;
}
.dash .task-admin-head__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.dash .task-admin-head__actions form{
  margin:0;
}
.dash .task-admin-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.dash .task-admin-kpis .mini-stat{
  background:#fbfcfe;
  border-color:#e6ebf2;
}
.dash .task-credit-result{
  display:grid;
  gap:8px;
}
.dash .task-credit-result div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fbfcfe;
}
.dash .task-credit-result span{
  color:#5f6b7a;
  font-size:13px;
}
.dash .task-credit-result strong{
  color:#111827;
  font-size:18px;
}
.dash .task-credit-tool .form-row{
  gap:12px;
}
.dash .task-type-sort-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.dash .task-type-row{
  transition:opacity .16s ease, transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.dash .task-type-row.is-dragging{
  opacity:.58;
  transform:scale(.995);
  border-color:#0d9488;
  box-shadow:0 10px 24px rgba(15,23,42,.10);
}
.dash .task-type-row.is-drag-over{
  border-color:#0d9488;
}
.dash .task-type-drag-cell{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:70px;
}
.dash .task-type-drag-handle{
  width:36px;
  height:44px;
  border:1px solid #d9e1ec;
  border-radius:10px;
  background:#fff;
  cursor:grab;
  position:relative;
  margin:0;
}
.dash .task-type-drag-handle:active{
  cursor:grabbing;
}
.dash .task-type-drag-handle::before{
  content:"";
  position:absolute;
  inset:10px 12px;
  background:
    radial-gradient(circle,#64748b 1.5px,transparent 2px) 0 0/6px 6px;
}
.dash .task-type-value__box{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fbfcfe;
  color:#111827;
  font-weight:750;
}
.dash [data-task-type-sort-status][data-state="saving"]{
  background:#fff7ed;
  color:#9a3412;
}
.dash [data-task-type-sort-status][data-state="saved"]{
  background:#ecfdf5;
  color:#166534;
}
.dash [data-task-type-sort-status][data-state="error"]{
  background:#fff1f2;
  color:#be123c;
}

/* --- Admin Brief Contrast Pass --- */
.dash--admin .copy-field--display{
  border-color:#b9d8d2;
  background:#eef7f5;
  box-shadow:0 2px 8px rgba(15,118,110,.08);
}
.dash--admin .copy-field--display .task-copy{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.dash--admin .copy-field:has(.text-editor__textarea){
  border-color:#a8cbc4;
  background:#dfeeea;
}
.dash--admin .copy-field:has(.text-editor__textarea) .text-editor-toolbar{
  border-color:#91bdb4;
  background:#cfe3df;
}
.dash--admin .text-editor__textarea{
  border-color:#91bdb4 !important;
}

@media(max-width:900px){
  .dash .task-economics{
    grid-template-columns:1fr;
  }
  .dash .task-admin-head{
    flex-direction:column;
  }
  .dash .task-admin-head__actions{
    justify-content:flex-start;
  }
  .dash .task-admin-kpis{
    grid-template-columns:1fr;
  }
  .dash .task-type-drag-cell{
    min-height:auto;
    justify-content:flex-start;
  }
}

/* --- Product Factory + mobile dashboard hardening --- */
.product-form{
  display:grid;
  gap:16px;
}
.product-form__actions,
.product-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.product-generate-note{
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  background:#f8fafc;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.product-detail-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
}
.product-copy{
  min-height:auto;
  font-family:var(--font);
}
.product-meta-list{
  display:grid;
  gap:12px;
}
.product-meta-list > div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid var(--border);
}
.product-meta-list > div:last-child{
  border-bottom:0;
}
.product-meta-list span{
  color:var(--muted);
  text-align:right;
}
.product-puzzle-list{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.product-puzzle-card{
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
  background:#f8fafc;
}

@media(max-width:980px){
  body.dash{
    overflow-x:hidden;
  }
  .dash-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:45;
    background:rgba(15,23,42,.42);
  }
  body.sidebar-open .dash-overlay{
    display:block;
  }
  .dash-sidebar{
    left:calc(-1 * min(88vw,320px));
    right:auto;
    width:min(88vw,320px);
  }
  .dash-main{
    width:100%;
    max-width:100vw;
    padding:10px;
  }
  .dash-topbar{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding:10px;
    border-radius:14px;
  }
  .dash-topbar__title{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    width:100%;
  }
  .dash-mobile-toggle{
    width:auto !important;
    min-width:44px;
    padding:10px !important;
  }
  .dash-mobile-toggle span{
    display:none;
  }
  .dash-topbar__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    width:100%;
  }
  .dash-topbar__actions > *,
  .dash-topbar__actions > .user-menu{
    width:100%;
    min-width:0;
    flex:auto;
  }
  .dash-topbar__actions .btn,
  .notif-trigger,
  .user-chip--button{
    width:100%;
    min-height:42px;
    padding:9px 10px;
    border-radius:10px;
  }
  .user-menu{
    grid-column:1 / -1;
  }
  .user-chip{
    justify-content:flex-start;
  }
  .dash-content{
    padding:12px 0 24px;
  }
  .page-hero{
    border-radius:16px;
    padding:16px;
    align-items:flex-start;
  }
  .page-hero h1{
    font-size:clamp(24px,8vw,34px);
    line-height:1.05;
  }
  .page-hero__actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .dashboard-kpis,
  .board-kpis,
  .stats-kpis,
  .page-grid,
  .profile-grid,
  .detail-grid,
  .split-grid,
  .product-detail-grid{
    grid-template-columns:1fr !important;
  }
  .dash .card{
    border-radius:14px;
    padding:14px;
  }
}

@media(max-width:760px){
  .dash .table:not(.board-table):not(.product-table),
  .dash .table:not(.board-table):not(.product-table) thead,
  .dash .table:not(.board-table):not(.product-table) tbody,
  .dash .table:not(.board-table):not(.product-table) tr,
  .dash .table:not(.board-table):not(.product-table) td{
    white-space:normal;
  }
  .dash .table.product-table,
  .dash .table.product-table tbody,
  .dash .table.product-table tr,
  .dash .table.product-table td{
    display:block;
    width:100%;
  }
  .dash .table.product-table thead{
    display:none;
  }
  .dash .table.product-table .tr{
    padding:12px;
    border:1px solid var(--border);
    border-radius:14px;
    margin-bottom:12px;
    background:var(--card);
  }
  .dash .table.product-table td{
    padding:9px 0;
    border-bottom:1px solid rgba(148,163,184,.18);
  }
  .dash .table.product-table td:last-child{
    border-bottom:0;
  }
  .dash .table.product-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:5px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    color:var(--muted);
  }
  .product-form__actions,
  .product-actions{
    display:grid;
    grid-template-columns:1fr;
    justify-content:stretch;
  }
  .product-meta-list > div{
    display:grid;
    gap:4px;
  }
  .product-meta-list span{
    text-align:left;
  }
  .form-row{
    grid-template-columns:1fr !important;
  }
  .dash-topbar__actions{
    grid-template-columns:1fr;
  }
  .dash .btn,
  .dash .btn.btn--sm{
    width:100%;
  }
  .dash .pagination .btn{
    width:auto;
  }
}

/* --- Mobile dashboard usability pass --- */
@media(max-width:980px){
  body.dash.sidebar-open{
    overflow:hidden;
  }
  .dash-shell{
    width:100%;
    max-width:100%;
  }
  .dash-sidebar{
    left:calc(-1 * min(94vw,380px));
    width:min(94vw,380px);
    max-width:none;
    padding:calc(14px + var(--safe-top)) calc(14px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(14px + var(--safe-left));
    -webkit-overflow-scrolling:touch;
  }
  body.sidebar-open .dash-sidebar{
    left:0;
  }
  .dash-sidebar__brand{
    position:sticky;
    top:0;
    z-index:2;
    margin:-2px -2px 12px;
    padding:10px 8px 14px;
    background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.84));
    backdrop-filter:blur(12px);
  }
  .dash-menu a{
    min-height:48px;
    padding:12px 13px;
    font-size:15px;
  }
  .dash-menu a .icon{
    width:20px;
    height:20px;
  }
  .dash-sidebar__cta{
    margin-top:18px;
    margin-bottom:8px;
  }
  .dash-overlay{
    display:block;
    opacity:0;
    pointer-events:none;
  }
  body.sidebar-open .dash-overlay{
    opacity:1;
    pointer-events:auto;
  }
  .dash-main{
    width:100%;
    max-width:none;
    padding:8px max(8px,var(--safe-right)) calc(18px + var(--safe-bottom)) max(8px,var(--safe-left));
  }
  .dash-content{
    width:100%;
    max-width:none;
    padding:10px 0 24px;
    margin:0;
  }
  .dash-topbar{
    width:100%;
    margin:0;
  }
}

@media(max-width:760px){
  .dash-main{
    padding-left:max(6px,var(--safe-left));
    padding-right:max(6px,var(--safe-right));
  }
  .dash-topbar{
    border-radius:12px;
  }
  .dash .card,
  .page-hero,
  .board-list-card{
    border-radius:12px;
  }
  .dash-topbar__actions{
    gap:7px;
  }
}

/* --- Hard mobile full-width override --- */
@media(max-width:980px){
  body.dash--mobile-full{
    width:100%;
    min-width:0;
    max-width:none;
    overflow-x:hidden;
  }
  body.dash--mobile-full .dash-shell{
    display:block;
    width:100%;
    min-width:0;
    max-width:none;
  }
  body.dash--mobile-full .dash-main{
    display:block;
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
    padding-left:max(6px,var(--safe-left));
    padding-right:max(6px,var(--safe-right));
  }
  body.dash--mobile-full .dash-topbar,
  body.dash--mobile-full .dash-content,
  body.dash--mobile-full .dash-content > *,
  body.dash--mobile-full .dashboard-kpis,
  body.dash--mobile-full .board-kpis,
  body.dash--mobile-full .stats-kpis,
  body.dash--mobile-full .page-grid,
  body.dash--mobile-full .dash .card,
  body.dash--mobile-full .card{
    width:100%;
    min-width:0;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
  body.dash--mobile-full .dashboard-kpis,
  body.dash--mobile-full .board-kpis,
  body.dash--mobile-full .stats-kpis,
  body.dash--mobile-full .page-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* --- Mobile task list cards --- */
@media(max-width:760px){
  body.dash--mobile-full .board-list-card{
    padding:12px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  body.dash--mobile-full .board-summary__head{
    gap:10px;
    padding:0 0 12px;
    border-bottom:0;
  }
  body.dash--mobile-full .board-summary__head h3{
    font-size:20px;
  }
  body.dash--mobile-full .board-summary__chips{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:8px;
  }
  body.dash--mobile-full .board-summary__chips .chip{
    justify-content:center;
    min-height:34px;
    text-align:center;
  }
  body.dash--mobile-full .board-filters{
    margin-top:10px !important;
    padding:12px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
  }
  body.dash--mobile-full .board-filters__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  body.dash--mobile-full .board-table-wrap{
    overflow:visible;
    margin-top:14px !important;
  }
  body.dash--mobile-full .board-table,
  body.dash--mobile-full .board-table tbody{
    display:block;
    width:100%;
  }
  body.dash--mobile-full .board-table thead{
    display:none;
  }
  body.dash--mobile-full .board-table tbody{
    display:grid;
    gap:12px;
  }
  body.dash--mobile-full .board-table .tr{
    display:block;
    width:100%;
    margin:0;
    padding:14px;
    border:1px solid #dbe7f5;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 26px rgba(15,23,42,.07);
  }
  body.dash--mobile-full .board-table td{
    display:block;
    width:100%;
    padding:9px 0;
    border:0;
    box-shadow:none;
    background:transparent;
  }
  body.dash--mobile-full .board-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:5px;
    color:#64748b;
    font-size:10px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body.dash--mobile-full .board-table td[data-label="ID"]{
    display:inline-flex;
    width:auto;
    padding:0;
    margin:0 8px 8px 0;
    vertical-align:middle;
  }
  body.dash--mobile-full .board-table td[data-label="ID"]::before,
  body.dash--mobile-full .board-table td[data-label="Task"]::before,
  body.dash--mobile-full .board-table td[data-label="Stato"]::before{
    display:none;
  }
  body.dash--mobile-full .board-table__id strong{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border-radius:999px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:13px;
  }
  body.dash--mobile-full .board-table td[data-label="Task"]{
    padding-top:0;
  }
  body.dash--mobile-full .board-table td[data-label="Task"] > strong{
    display:block;
    color:#0f172a;
    font-size:17px;
    line-height:1.25;
  }
  body.dash--mobile-full .board-table td[data-label="Task"] .chip{
    max-width:100%;
    white-space:normal;
  }
  body.dash--mobile-full .board-table td[data-label="Dettagli"]{
    display:grid;
    gap:7px;
    margin-top:4px;
    padding:10px 0;
    border-top:1px solid #edf2f7;
    border-bottom:1px solid #edf2f7;
  }
  body.dash--mobile-full .board-table td[data-label="Dettagli"]::before{
    margin-bottom:0;
  }
  body.dash--mobile-full .board-table td[data-label="Dettagli"] .tiny{
    line-height:1.35;
  }
  body.dash--mobile-full .board-table td[data-label="Stato"]{
    padding:10px 0 4px;
  }
  body.dash--mobile-full .board-table td[data-label="Stato"] .status-pill{
    width:100%;
    justify-content:center;
    min-height:36px;
  }
  body.dash--mobile-full .board-table td[data-label="Azioni"]{
    padding-top:10px;
  }
  body.dash--mobile-full .board-table td[data-label="Azioni"]::before{
    display:none;
  }
  body.dash--mobile-full .board-actions--compact{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    width:100%;
    align-items:stretch;
  }
  body.dash--mobile-full .board-actions--compact .board-actions__form{
    display:block;
    grid-column:1 / -1;
    width:100%;
    margin:0;
  }
  body.dash--mobile-full .board-actions--compact .board-action-btn{
    width:100%;
    min-height:42px;
    height:auto;
    justify-content:center;
    border-radius:10px;
  }
  body.dash--mobile-full .board-actions--compact .board-action-btn--close{
    min-height:44px;
  }
}

/* --- Mobile drawer must sit above dashboard header --- */
@media(max-width:980px){
  body.dash--mobile-full .dash-overlay{
    position:fixed;
    inset:0;
    z-index:10040;
  }
  body.dash--mobile-full .dash-sidebar{
    position:fixed;
    inset:0 auto 0 0;
    left:calc(-1 * min(94vw,380px));
    z-index:10050;
    width:min(94vw,380px);
    height:100vh;
    height:100dvh;
    max-height:100dvh;
    transform:none;
    box-shadow:none;
  }
  body.dash--mobile-full.sidebar-open .dash-sidebar{
    left:0;
    box-shadow:0 24px 80px rgba(2,6,23,.42);
  }
  body.dash--mobile-full.sidebar-open .dash-topbar{
    z-index:1;
  }
}

/* --- Admin task work timer --- */
.dash .task-zone--timer{
  border-color:rgba(37,99,235,.22);
  background:#fff;
  padding:0;
  overflow:hidden;
}
.dash .task-zone--timer[open]{
  background:
    linear-gradient(135deg,rgba(37,99,235,.06),transparent 52%),
    #fff;
}
.task-timer__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
}
.task-timer__summary::-webkit-details-marker{
  display:none;
}
.task-timer__compact{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.task-timer__compact-time{
  font-size:22px;
  line-height:1;
  font-weight:900;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
  padding:8px 10px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:10px;
  background:#f8fbff;
}
.task-timer__panel{
  padding:0 14px 14px;
}
.task-timer__state{
  background:#f1f5f9;
  color:#475569;
}
.task-timer__state.is-running{
  background:#dcfce7;
  color:#166534;
}
.task-timer__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}
.task-timer__grid .mini-stat strong{
  font-variant-numeric:tabular-nums;
}
.task-timer__grid strong.is-negative,
[data-timer-profit].is-negative{
  color:#b91c1c !important;
}
.task-timer__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.task-timer__target{
  padding:12px;
  border:1px solid rgba(37,99,235,.14);
  border-radius:12px;
  background:rgba(248,251,255,.78);
}
.client-period-kpis{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.task-timer__actions .btn{
  min-width:120px;
}
@media(max-width:900px){
  .task-timer__grid{
    grid-template-columns:1fr;
  }
  .client-period-kpis{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .task-timer__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .task-timer__actions .btn{
    width:100%;
  }
}

/* --- Executive KPI dashboard --- */
.dash-command{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,340px);
  gap:16px;
  align-items:stretch;
  margin-bottom:16px;
  padding:22px;
  border:1px solid #dfe7f1;
  border-radius:12px;
  background:
    linear-gradient(135deg,rgba(79,70,229,.08),rgba(14,165,233,.08) 48%,rgba(16,185,129,.08)),
    #fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 18px 42px rgba(15,23,42,.06);
  overflow:hidden;
}
.dash-command--admin{
  background:
    linear-gradient(135deg,rgba(15,118,110,.10),rgba(6,182,212,.08) 50%,rgba(79,70,229,.06)),
    #fff;
}
.dash-command__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.dash-command h1{
  margin:4px 0 8px;
  color:#0f172a;
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  font-weight:850;
}
.dash-command p{
  max-width:720px;
  margin:0;
  color:#526173;
  font-size:15px;
  line-height:1.55;
}
.dash-command__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.ops-score{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:154px;
  padding:18px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.ops-score strong{
  display:block;
  margin-top:8px;
  color:#0f172a;
  font-size:40px;
  line-height:1;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.score-ring{
  --score:0;
  width:116px;
  height:116px;
  flex:0 0 116px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#fff 0 58%,transparent 59%),
    conic-gradient(#0f766e var(--score), #dbe5ef 0);
  box-shadow:0 16px 32px rgba(15,23,42,.10);
}
.score-ring span{
  display:grid;
  place-items:center;
  width:78px;
  height:78px;
  border-radius:50%;
  color:#0f172a;
  background:#fff;
  border:1px solid #e6edf5;
  font-size:18px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
.dashboard-kpis--pro{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.dash .card.kpi.kpi--pro{
  position:relative;
  min-height:118px;
  overflow:hidden;
  border-color:#dfe7f1;
  background:
    linear-gradient(135deg,rgba(248,250,252,.96),#fff),
    #fff;
}
.dash .card.kpi.kpi--pro::after{
  content:"";
  display:block !important;
  position:absolute;
  inset:auto 0 0 0;
  height:4px;
  background:linear-gradient(90deg,#4f46e5,#06b6d4,#10b981);
}
.dash--admin .card.kpi.kpi--pro::after{
  background:linear-gradient(90deg,#0f766e,#06b6d4,#4f46e5);
}
.kpi-trend{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  padding:5px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:750;
  line-height:1;
  white-space:nowrap;
}
.kpi-trend.is-good{
  color:#166534;
  background:#dcfce7;
}
.kpi-trend.is-warn{
  color:#92400e;
  background:#fef3c7;
}
.kpi-trend.is-neutral{
  color:#334155;
  background:#f1f5f9;
}
.ops-grid{
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
}
.ops-card{
  min-height:236px;
}
.dash .ops-card h3{
  margin:2px 0 0;
  color:#111827;
  font-size:20px;
  font-weight:750;
}
.pipeline-bars{
  display:grid;
  gap:13px;
}
.pipeline-row{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.pipeline-row > div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  color:#0f172a;
  font-size:13px;
}
.pipeline-row strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pipeline-row span{
  color:#64748b;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.pipeline-track{
  height:13px;
  overflow:hidden;
  border-radius:999px;
  background:#edf2f7;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
}
.pipeline-fill{
  display:block;
  height:100%;
  min-width:0;
  border-radius:999px;
}
.pipeline-fill--todo{background:#f59e0b;}
.pipeline-fill--doing{background:#2563eb;}
.pipeline-fill--review{background:#7c3aed;}
.pipeline-fill--done{background:#16a34a;}
.mini-chart{
  display:flex;
  align-items:end;
  gap:10px;
  height:116px;
  padding:14px;
  border:1px solid #e6edf5;
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(148,163,184,.10) 1px,transparent 1px) 0 0/100% 25%,
    #fbfdff;
}
.mini-chart span{
  flex:1 1 0;
  min-height:14px;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#4f46e5,#06b6d4);
  box-shadow:0 10px 20px rgba(37,99,235,.18);
}
.mini-chart span:nth-child(2){background:linear-gradient(180deg,#0891b2,#14b8a6);}
.mini-chart span:nth-child(3){background:linear-gradient(180deg,#f59e0b,#f97316);}
.mini-chart span:nth-child(4){background:linear-gradient(180deg,#ef4444,#be123c);}
.priority-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.priority-strip span{
  min-width:0;
  padding:8px 7px;
  border:1px solid #e6edf5;
  border-radius:10px;
  background:#f8fafc;
  color:#334155;
  font-size:12px;
  font-weight:750;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
[data-theme="dark"] .dash-command,
[data-theme="dark"] .dash-command--admin,
[data-theme="dark"] .ops-score,
[data-theme="dark"] .mini-chart,
[data-theme="dark"] .priority-strip span{
  border-color:rgba(148,163,184,.18);
  background:#0b1227;
}
[data-theme="dark"] .dash-command h1,
[data-theme="dark"] .ops-score strong,
[data-theme="dark"] .score-ring span,
[data-theme="dark"] .pipeline-row > div:first-child,
[data-theme="dark"] .dash .ops-card h3{
  color:#e5e7eb;
}
[data-theme="dark"] .dash-command p{
  color:#94a3b8;
}
@media(max-width:1180px){
  .dashboard-kpis--pro{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dash-command,
  .ops-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .dash-command{
    padding:18px;
  }
  .dash-command__actions,
  .dash-command__actions .btn{
    width:100%;
  }
  .ops-score{
    min-height:126px;
  }
  .score-ring{
    width:94px;
    height:94px;
    flex-basis:94px;
  }
  .score-ring span{
    width:64px;
    height:64px;
    font-size:15px;
  }
  .dashboard-kpis--pro{
    grid-template-columns:1fr;
  }
  .pipeline-row{
    grid-template-columns:1fr;
    gap:7px;
  }
  .priority-strip{
    grid-template-columns:1fr 1fr;
  }
}

/* --- Public KPI proof block --- */
.section--tight-top{
  padding-top:0;
}
.public-kpi-dock{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  gap:22px;
  align-items:center;
  padding:24px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(248,250,252,.95),rgba(239,246,255,.92)),
    #fff;
  box-shadow:0 22px 58px rgba(15,23,42,.08);
}
.public-kpi-dock__copy{
  min-width:0;
}
.public-kpi-dock .h2{
  max-width:650px;
}
.public-metrics-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
}
.public-metric,
.public-pipeline{
  border:1px solid #dfe7f1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.public-metric{
  padding:16px;
}
.public-metric--wide{
  grid-column:1 / -1;
}
.public-metric span,
.public-pipeline span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.public-metric strong{
  display:block;
  margin-top:8px;
  color:#0f172a;
  font-size:34px;
  line-height:1;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.public-metric small{
  display:block;
  margin-top:8px;
  color:#64748b;
  font-size:12px;
}
.public-metric__track{
  height:12px;
  margin-top:14px;
  overflow:hidden;
  border-radius:999px;
  background:#edf2f7;
}
.public-metric__track i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4f46e5,#06b6d4,#10b981);
}
.public-pipeline{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  min-height:172px;
  padding:16px;
}
.public-pipeline div{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
.public-pipeline i{
  display:block;
  min-height:24px;
  border-radius:10px 10px 4px 4px;
  background:linear-gradient(180deg,#4f46e5,#2563eb);
  box-shadow:0 12px 22px rgba(37,99,235,.20);
}
.public-pipeline div:nth-child(2) i{background:linear-gradient(180deg,#0891b2,#14b8a6);}
.public-pipeline div:nth-child(3) i{background:linear-gradient(180deg,#f59e0b,#f97316);}
.public-pipeline div:nth-child(4) i{background:linear-gradient(180deg,#16a34a,#0f766e);}
@media(max-width:980px){
  .public-kpi-dock{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .public-kpi-dock{
    padding:16px;
  }
  .public-metrics-panel{
    grid-template-columns:1fr;
  }
  .public-pipeline{
    grid-template-columns:1fr 1fr;
  }
}

/* --- Professional component refresh: buttons, fields, auth --- */
.btn{
  min-height:44px;
  border-radius:10px;
  padding:0 16px;
  font-size:14px;
  font-weight:750;
  letter-spacing:0;
  line-height:1;
  box-shadow:none;
  transition:transform .14s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.btn:hover{
  transform:translateY(-1px);
}
.btn:active{
  transform:translateY(0);
}
.btn--sm{
  min-height:36px;
  padding:0 12px;
  border-radius:9px;
  font-size:13px;
}
.btn--primary{
  border-color:#1d4ed8;
  background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);
  color:#fff;
  box-shadow:0 10px 22px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.18);
}
.btn--primary:hover{
  border-color:#1e40af;
  background:linear-gradient(180deg,#1d4ed8 0%,#1e40af 100%);
  box-shadow:0 14px 28px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.16);
}
.btn--ghost{
  border-color:#cfd8e3;
  background:#fff;
  color:#1f2937;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.btn--ghost:hover{
  border-color:#9fb0c3;
  background:#f8fafc;
  color:#0f172a;
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.btn--soft{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
.btn--danger{
  border-color:#fecaca;
  background:#fef2f2;
  color:#991b1b;
}
.input,
textarea,
select{
  min-height:46px;
  border-radius:10px;
  border:1px solid #cfd8e3;
  background:#fff;
  color:#111827;
  padding:0 13px;
  font-size:14px;
  line-height:1.35;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
textarea{
  padding-top:12px;
  padding-bottom:12px;
}
.input:hover,
textarea:hover,
select:hover{
  border-color:#aebdce;
}
.input:focus,
textarea:focus,
select:focus{
  border-color:#2563eb;
  background:#fff;
  box-shadow:0 0 0 4px rgba(37,99,235,.12), 0 1px 2px rgba(15,23,42,.04);
}
.input::placeholder,
textarea::placeholder{
  color:#9aa7b7;
}
.label{
  margin:14px 0 7px;
  color:#334155;
  font-size:12px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}
select.input,
select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);
  background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:34px;
}
.auth-shell{
  padding:clamp(28px,4vw,58px) 0;
}
.auth-panel{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,.72fr);
  gap:22px;
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  align-items:stretch;
}
.auth-shell--register .auth-panel{
  grid-template-columns:minmax(0,.78fr) minmax(520px,1fr);
}
.auth-copy,
.auth-card{
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 22px 58px rgba(15,23,42,.08);
}
.auth-copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:520px;
  padding:28px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(37,99,235,.10),rgba(20,184,166,.08) 52%,rgba(245,158,11,.08)),
    #fff;
}
.auth-copy h1{
  max-width:620px;
  margin:16px 0 12px;
  color:#0f172a;
  font-size:clamp(34px,4vw,58px);
  line-height:1;
  font-weight:900;
}
.auth-copy p{
  max-width:600px;
  margin:0;
  color:#526173;
  font-size:16px;
  line-height:1.7;
}
.auth-proof{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
.auth-proof div{
  padding:14px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:12px;
  background:rgba(255,255,255,.72);
}
.auth-proof strong,
.auth-proof span{
  display:block;
}
.auth-proof strong{
  color:#0f172a;
  font-size:14px;
}
.auth-proof span{
  margin-top:5px;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}
.auth-card{
  padding:26px;
}
.auth-card--wide{
  padding:24px;
}
.auth-card__head{
  padding-bottom:16px;
  border-bottom:1px solid #edf2f7;
}
.auth-card__head .h2{
  color:#0f172a;
  font-size:28px;
}
.auth-card__head p{
  margin:8px 0 0;
}
.auth-form{
  margin-top:16px;
}
.input--auth{
  min-height:50px;
  border-color:#d5deea;
  background:#fbfdff;
}
.input--auth:focus{
  background:#fff;
}
.auth-form__meta{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
  font-size:13px;
  font-weight:700;
}
.auth-form__meta a{
  color:#1d4ed8;
}
.auth-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
}
.auth-section{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #edf2f7;
}
.auth-field-grid{
  display:grid;
  gap:10px;
}
.auth-field-grid--two{
  grid-template-columns:1fr 1fr;
}
.auth-field-grid--three{
  grid-template-columns:1fr 1fr 1fr;
}
.public .flash{
  width:min(1180px,calc(100% - 32px));
  margin:18px auto 0;
}
.dash .input,
.dash textarea,
.dash select{
  border-color:#cfd8e3;
  background:#fff;
}
.dash .btn--primary{
  background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);
}
.dash--admin .btn--primary{
  border-color:#0f766e;
  background:linear-gradient(180deg,#0f766e 0%,#115e59 100%);
  box-shadow:0 10px 22px rgba(15,118,110,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.public .btn--primary{
  border-color:#1d4ed8;
  background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);
  color:#fff;
  box-shadow:0 10px 22px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.18);
}
.public .btn--primary:hover{
  filter:none;
  border-color:#1e40af;
  background:linear-gradient(180deg,#1d4ed8 0%,#1e40af 100%);
  color:#fff;
  box-shadow:0 14px 28px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.16);
}
.pub-nav .btn--ghost,
.public .btn--ghost{
  border-color:#cfd8e3;
  background:#fff;
  color:#1f2937;
}
.pub-nav .btn--ghost:hover,
.public .btn--ghost:hover{
  border-color:#9fb0c3;
  background:#f8fafc;
  color:#0f172a;
}
[data-theme="dark"] .btn--ghost{
  border-color:rgba(148,163,184,.24);
  background:#0b1227;
  color:#e5e7eb;
}
[data-theme="dark"] .input,
[data-theme="dark"] textarea,
[data-theme="dark"] select{
  border-color:rgba(148,163,184,.24);
  background:#0b1227;
  color:#e5e7eb;
}
@media(max-width:980px){
  .auth-panel,
  .auth-shell--register .auth-panel{
    grid-template-columns:1fr;
  }
  .auth-copy{
    min-height:auto;
  }
}
@media(max-width:700px){
  .auth-shell{
    padding:18px 0 28px;
  }
  .auth-panel{
    width:calc(100% - 24px);
    gap:14px;
  }
  .auth-copy,
  .auth-card{
    padding:18px;
    border-radius:12px;
  }
  .auth-proof,
  .auth-actions,
  .auth-field-grid--two,
  .auth-field-grid--three{
    grid-template-columns:1fr;
  }
  .auth-copy h1{
    font-size:34px;
  }
}

/* --- Dashboard modern actions and lists --- */
.dash .btn{
  min-height:42px;
  border-radius:999px;
  padding:0 15px;
  gap:8px;
  font-size:13px;
  font-weight:800;
  letter-spacing:0;
  white-space:nowrap;
}
.dash .btn--sm{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
}
.dash .btn .icon{
  width:17px;
  height:17px;
  stroke-width:2.2;
}
.dash .btn--primary{
  border-color:#1d4ed8;
  background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);
  color:#fff;
  box-shadow:0 10px 22px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.dash .btn--primary:hover{
  transform:translateY(-1px);
  border-color:#1e40af;
  background:linear-gradient(180deg,#1d4ed8 0%,#1e40af 100%);
  box-shadow:0 14px 28px rgba(37,99,235,.23), inset 0 1px 0 rgba(255,255,255,.16);
}
.dash--admin .btn--primary{
  border-color:#0f766e;
  background:linear-gradient(180deg,#0f766e 0%,#115e59 100%);
  box-shadow:0 10px 22px rgba(15,118,110,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.dash--admin .btn--primary:hover{
  border-color:#134e4a;
  background:linear-gradient(180deg,#115e59 0%,#134e4a 100%);
  box-shadow:0 14px 28px rgba(15,118,110,.24), inset 0 1px 0 rgba(255,255,255,.16);
}
.dash .btn--ghost{
  border-color:#d6dee9;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  color:#243244;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.dash .btn--ghost:hover{
  transform:translateY(-1px);
  border-color:#b8c6d7;
  background:#fff;
  color:#0f172a;
  box-shadow:0 10px 22px rgba(15,23,42,.08);
}
.dash .btn--soft{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
.dash .quick-links{
  gap:8px;
}
.dash .quick-links .btn{
  justify-content:space-between;
  width:100%;
  min-height:46px;
  border-radius:12px;
  padding:0 14px 0 16px;
}
.dash .quick-links .btn::before,
.dash .page-hero__actions .btn::before,
.dash .actions-right .btn::before{
  display:none;
  content:none;
}
.dash .quick-links .btn::after{
  content:"";
  width:8px;
  height:8px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:rotate(45deg);
  opacity:.45;
  flex:0 0 auto;
}
.dash .table{
  border-collapse:separate;
  border-spacing:0 9px;
}
.dash .table th{
  padding:0 12px 4px;
  border:0;
  color:#6b7788;
  font-size:11px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.dash .table td{
  padding:13px 12px;
  border-top:1px solid #e3eaf3;
  border-bottom:1px solid #e3eaf3;
  background:#fff;
  box-shadow:none;
  vertical-align:middle;
}
.dash .table tr td:first-child{
  border-left:1px solid #e3eaf3;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
}
.dash .table tr td:last-child{
  border-right:1px solid #e3eaf3;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
}
.dash .table .tr{
  background:transparent;
}
.dash .table .tr:hover td{
  border-color:#cbd8e7;
  background:#fbfdff;
}
.dash .table td strong{
  color:#0f172a;
  font-weight:800;
}
.dash .board-table{
  border-spacing:0 8px;
}
.dash .board-table td{
  padding:12px;
  vertical-align:middle;
}
.dash .board-table__id strong{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.dash .board-actions,
.dash .board-actions--compact{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  align-items:center;
}
.dash .board-action-btn,
.dash .board-actions .btn{
  min-height:34px;
}
.dash .notif-inline,
.dash .notif-item,
.dash .notif-card,
.dash .profile-list__item,
.dash .task-link-card{
  border:1px solid #e3eaf3;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.035);
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.dash .notif-inline:hover,
.dash .notif-item:hover,
.dash .notif-card:hover,
.dash .profile-list__item:hover,
.dash .task-link-card:hover{
  transform:translateY(-1px);
  border-color:#cbd8e7;
  background:#fbfdff;
  box-shadow:0 10px 22px rgba(15,23,42,.07);
}
.dash .notif-inline strong,
.dash .notif-item strong,
.dash .profile-list__item strong,
.dash .task-link-card__title{
  color:#0f172a;
  font-weight:800;
}
.dash .notif-inline.is-unread,
.dash .notif-item.is-unread,
.dash .notif-card.is-unread{
  border-color:#bfdbfe;
  background:linear-gradient(180deg,#eff6ff 0%,#fff 100%);
}
.dash .chip,
.dash .status-pill,
.dash .priority-pill{
  min-height:28px;
  border-radius:999px;
  padding:0 10px;
  font-size:11px;
  font-weight:850;
}
.dash .pagination .btn{
  min-width:38px;
  justify-content:center;
}
.dash .pagination__current{
  border-color:#1d4ed8;
  background:#eff6ff;
  color:#1d4ed8;
}
.dash .user-menu__panel a,
.dash .notif-panel__head a{
  border-radius:10px;
}
[data-theme="dark"] .dash .btn--ghost,
[data-theme="dark"] .dash .table td,
[data-theme="dark"] .dash .notif-inline,
[data-theme="dark"] .dash .notif-item,
[data-theme="dark"] .dash .notif-card,
[data-theme="dark"] .dash .profile-list__item,
[data-theme="dark"] .dash .task-link-card{
  border-color:rgba(148,163,184,.18);
  background:#0b1227;
}
[data-theme="dark"] .dash .table .tr:hover td,
[data-theme="dark"] .dash .notif-inline:hover,
[data-theme="dark"] .dash .notif-item:hover,
[data-theme="dark"] .dash .notif-card:hover,
[data-theme="dark"] .dash .profile-list__item:hover,
[data-theme="dark"] .dash .task-link-card:hover{
  background:#101a31;
}
[data-theme="dark"] .dash .table td strong,
[data-theme="dark"] .dash .notif-inline strong,
[data-theme="dark"] .dash .notif-item strong,
[data-theme="dark"] .dash .profile-list__item strong,
[data-theme="dark"] .dash .task-link-card__title{
  color:#e5e7eb;
}
@media(max-width:760px){
  .dash .btn,
  .dash .btn--sm{
    min-height:42px;
    border-radius:12px;
  }
  .dash .table td{
    border-left:1px solid #e3eaf3;
    border-right:1px solid #e3eaf3;
  }
  .dash .board-actions,
  .dash .board-actions--compact{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .dash .board-actions .btn,
  .dash .board-action-btn{
    width:100%;
    justify-content:center;
  }
}

/* --- CreatiScale dashboard palette alignment --- */
body.dash{
  --cs-ink:#0f172a;
  --cs-muted:#64748b;
  --cs-line:#e3e8f2;
  --cs-panel:#ffffff;
  --cs-soft:#f7f5ff;
  --cs-primary:#4f46e5;
  --cs-primary-strong:#4338ca;
  --cs-violet:#7c3aed;
  --cs-cyan:#06b6d4;
  --cs-aqua:#14b8a6;
  --cs-gold:#f59e0b;
  --cs-red:#ef4444;
  background:
    radial-gradient(circle at 12% 0%,rgba(124,58,237,.07),transparent 28%),
    radial-gradient(circle at 86% 4%,rgba(6,182,212,.07),transparent 24%),
    #f8fafc;
}
.dash--admin{
  --cs-primary:#7c3aed;
  --cs-primary-strong:#6d28d9;
  --cs-violet:#4f46e5;
  --cs-cyan:#06b6d4;
}
.dash-sidebar,
.dash--admin .dash-sidebar{
  background:
    radial-gradient(circle at 20% 0%,rgba(6,182,212,.18),transparent 28%),
    linear-gradient(180deg,#22125f 0%,#35146f 46%,#0f172a 100%);
}
.dash-menu a.active,
.dash-menu a:hover{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.20);
}
.dash-sidebar__cta{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
}
.dash .btn--primary,
.dash--admin .btn--primary,
.public .dash .btn--primary{
  border-color:var(--cs-primary-strong);
  background:linear-gradient(135deg,var(--cs-primary) 0%,var(--cs-violet) 58%,var(--cs-cyan) 128%);
  color:#fff;
  box-shadow:0 12px 24px rgba(79,70,229,.22), inset 0 1px 0 rgba(255,255,255,.18);
}
.dash .btn--primary:hover,
.dash--admin .btn--primary:hover{
  border-color:#312e81;
  background:linear-gradient(135deg,#4338ca 0%,#6d28d9 58%,#0891b2 128%);
  box-shadow:0 16px 32px rgba(79,70,229,.26), inset 0 1px 0 rgba(255,255,255,.18);
}
.dash .btn--soft,
.dash .pagination__current{
  border-color:#ddd6fe;
  background:#f3f0ff;
  color:#4c1d95;
}
.dash .btn--ghost:hover{
  border-color:#c4b5fd;
  color:#312e81;
  background:#fbfaff;
}
.dash .input:focus,
.dash textarea:focus,
.dash select:focus,
.dash .filter-checks__summary:focus{
  border-color:rgba(124,58,237,.48);
  box-shadow:0 0 0 4px rgba(124,58,237,.12), 0 1px 2px rgba(15,23,42,.04);
}
.dash-command,
.dash-command--admin{
  border-color:#ddd6fe;
  background:
    linear-gradient(135deg,rgba(79,70,229,.10),rgba(124,58,237,.08) 48%,rgba(6,182,212,.10)),
    #fff;
}
.score-ring{
  background:
    radial-gradient(circle at center,#fff 0 58%,transparent 59%),
    conic-gradient(var(--cs-violet) var(--score), #e8edf5 0);
}
.dash .card.kpi.kpi--pro::after,
.dash--admin .card.kpi.kpi--pro::after,
.dash .card.kpi::after{
  background:linear-gradient(90deg,var(--cs-primary),var(--cs-violet),var(--cs-cyan));
}
.dash .kpi .avatar,
.dash--admin .kpi .avatar,
.dash .card.kpi .kpi-icon{
  background:linear-gradient(135deg,var(--cs-primary),var(--cs-violet));
  box-shadow:0 12px 22px rgba(79,70,229,.18);
}
.dash .card.kpi .kpi-icon svg,
.dash .kpi .avatar svg{
  stroke:#fff;
}
.pipeline-fill--todo{background:#f59e0b;}
.pipeline-fill--doing{background:linear-gradient(90deg,var(--cs-primary),var(--cs-violet));}
.pipeline-fill--review{background:linear-gradient(90deg,var(--cs-violet),var(--cs-cyan));}
.pipeline-fill--done{background:linear-gradient(90deg,var(--cs-cyan),var(--cs-aqua));}
.mini-chart span{
  background:linear-gradient(180deg,var(--cs-primary),var(--cs-violet));
  box-shadow:0 10px 20px rgba(79,70,229,.18);
}
.mini-chart span:nth-child(2){background:linear-gradient(180deg,var(--cs-violet),var(--cs-cyan));}
.mini-chart span:nth-child(3){background:linear-gradient(180deg,var(--cs-gold),#f97316);}
.mini-chart span:nth-child(4){background:linear-gradient(180deg,var(--cs-red),#be123c);}
.dash .board-table__id strong,
body.dash--mobile-full .board-table__id strong{
  background:#f3f0ff;
  color:#4c1d95;
}
.dash .notif-inline.is-unread,
.dash .notif-item.is-unread,
.dash .notif-card.is-unread{
  border-color:#c4b5fd;
  background:linear-gradient(180deg,#f5f3ff 0%,#fff 100%);
}
.dash .status-pill--todo{background:#fff7ed;color:#9a3412;}
.dash .status-pill--doing{background:#eef2ff;color:#3730a3;}
.dash .status-pill--review{background:#f3e8ff;color:#6b21a8;}
.dash .status-pill--done{background:#ecfeff;color:#0e7490;}
.dash .status-pill--muted{background:#f1f5f9;color:#475569;}
.dash .priority-pill--low{background:#ecfeff;color:#0e7490;}
.dash .priority-pill--medium{background:#eef2ff;color:#3730a3;}
.dash .priority-pill--high{background:#fff7ed;color:#9a3412;}
.dash .priority-pill--urgent{background:#fef2f2;color:#991b1b;}
.dash .filter-checks__count,
.dash .notif-pill{
  background:linear-gradient(135deg,var(--cs-primary),var(--cs-violet));
  color:#fff;
}
[data-theme="dark"] body.dash{
  background:
    radial-gradient(circle at 12% 0%,rgba(124,58,237,.15),transparent 28%),
    radial-gradient(circle at 86% 4%,rgba(6,182,212,.11),transparent 24%),
    #070b16;
}
[data-theme="dark"] .dash-command,
[data-theme="dark"] .dash-command--admin{
  border-color:rgba(167,139,250,.24);
  background:
    linear-gradient(135deg,rgba(79,70,229,.16),rgba(124,58,237,.11) 48%,rgba(6,182,212,.10)),
    #0b1227;
}

/* --- Public homepage premium header and cinematic hero --- */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.public--home .pub-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:30;
  background:linear-gradient(180deg,rgba(3,7,18,.72),rgba(3,7,18,.18) 70%,transparent);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:none;
}
.public--home .pub-header__inner{
  min-height:92px;
}
.public--home .brand__logo{
  height:42px;
  max-width:min(300px,36vw);
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.36));
}
.public--home .pub-nav{
  padding:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(8,13,28,.34);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 52px rgba(0,0,0,.22);
}
.public--home .pub-nav a:not(.btn){
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  color:rgba(255,255,255,.88);
  font-size:13px;
  font-weight:750;
}
.public--home .pub-nav a:not(.btn):hover{
  color:#fff;
  background:rgba(255,255,255,.10);
}
.public--home .pub-nav .btn{
  min-height:36px;
  border-radius:999px;
}
.public--home .pub-nav .btn--ghost{
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  color:#fff;
}
.public--home .pub-nav .btn--ghost:hover{
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.14);
  color:#fff;
}
.public--home .pub-nav .btn--primary{
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(135deg,#a855f7,#ec4899 55%,#fb923c);
  color:#fff;
  box-shadow:0 12px 28px rgba(168,85,247,.28);
}
.home-hero-image{
  position:relative;
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden;
  background:#030712;
}
.home-hero-image__bg{
  position:absolute;
  inset:0;
  background-image:url('/assets/img/home-video-hero-clean.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.home-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 67% 46%,rgba(124,58,237,.18),transparent 24%),
    linear-gradient(180deg,rgba(3,7,18,.34) 0%,rgba(3,7,18,.02) 38%,rgba(3,7,18,.70) 100%),
    linear-gradient(90deg,rgba(3,7,18,.82) 0%,rgba(3,7,18,.42) 34%,rgba(3,7,18,.08) 62%,rgba(3,7,18,.35) 100%);
}
.home-hero-image__content{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(120px,13vh,160px) clamp(26px,4vw,86px) clamp(28px,5vh,48px);
}
.home-hero-image__copy{
  width:min(760px,58vw);
}
.home-hero-image__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#d8b4fe;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.home-hero-image h1{
  margin:24px 0 0;
  color:#fff;
  font-size:clamp(56px,6.8vw,122px);
  line-height:.92;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
  text-shadow:0 18px 46px rgba(0,0,0,.45);
}
.home-hero-image h1 span{
  background:linear-gradient(90deg,#7c3aed 0%,#ec4899 54%,#fb923c 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.home-hero-image p{
  max-width:620px;
  margin:22px 0 0;
  color:rgba(255,255,255,.88);
  font-size:clamp(20px,2vw,31px);
  line-height:1.25;
}
.home-hero-image p strong{
  color:#fff;
  font-weight:850;
}
.home-hero-image p strong:last-child{
  color:#8b5cf6;
}
.home-hero-image__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:62px;
  margin-top:34px;
  padding:0 30px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,#7c3aed,#ec4899 56%,#fb923c);
  color:#fff;
  font-size:15px;
  font-weight:850;
  text-transform:uppercase;
  box-shadow:0 20px 46px rgba(124,58,237,.34);
}
.home-hero-image__button:hover{
  transform:translateY(-1px);
  box-shadow:0 24px 58px rgba(236,72,153,.32);
}
.home-hero-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  width:min(100%,1540px);
}
.home-hero-stat{
  min-height:150px;
  padding:24px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
}
.home-hero-stat span,
.home-hero-stat strong,
.home-hero-stat small{
  display:block;
}
.home-hero-stat span{
  color:#fff;
  font-size:clamp(34px,3vw,54px);
  line-height:1;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.home-hero-stat strong{
  margin-top:12px;
  color:#fff;
  font-size:13px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.home-hero-stat small{
  margin-top:10px;
  color:rgba(226,232,240,.78);
  font-size:13px;
  line-height:1.45;
}
.home-proof,
.home-dashboard-preview,
.home-final-cta{
  margin-top:56px;
}
.home-proof__grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);
  gap:24px;
  align-items:start;
}
.home-proof__items{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.home-proof__items div{
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.055);
}
.home-proof__items strong,
.home-proof__items span{
  display:block;
}
.home-proof__items strong{
  color:#0f172a;
  font-size:15px;
}
.home-proof__items span{
  margin-top:7px;
  color:#64748b;
  font-size:13px;
  line-height:1.5;
}
@media(max-width:980px){
  .public--home .pub-header{
    background:rgba(3,7,18,.78);
    backdrop-filter:blur(18px);
  }
  .public--home .pub-nav{
    border-radius:18px;
    background:rgba(8,13,28,.96);
  }
  .public--home .pub-burger{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.10);
    box-shadow:none;
  }
  .public--home .pub-burger span{
    background:#fff;
  }
  .home-hero-image{
    min-height:72vh;
    min-height:72dvh;
  }
  .home-hero-image__bg{
    background-position:center center;
  }
  .home-hero-image__content{
    padding:112px 20px 28px;
  }
  .home-hero-image__copy{
    width:min(100%,620px);
  }
  .home-hero-image h1{
    font-size:clamp(46px,11vw,78px);
  }
  .home-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-hero-stat{
    min-height:126px;
    padding:18px;
  }
  .home-proof__grid,
  .home-proof__items{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .public--home .brand__logo{
    height:36px;
    max-width:210px;
  }
  .home-hero-image{
    min-height:58vh;
    min-height:58dvh;
  }
  .home-hero-image__bg{
    background-size:cover;
    background-position:center top;
  }
  .home-hero-image{
    min-height:760px;
  }
  .home-hero-image__content{
    position:relative;
    min-height:760px;
  }
  .home-hero-image p{
    font-size:18px;
  }
  .home-hero-image__button{
    width:100%;
    min-height:56px;
    padding:0 18px;
    font-size:13px;
  }
  .home-hero-stats{
    grid-template-columns:1fr;
    gap:10px;
  }
  .home-hero-stat{
    min-height:auto;
    padding:16px;
  }
  .home-proof,
  .home-dashboard-preview,
  .home-final-cta{
    margin-top:34px;
  }
}

/* --- Public cinematic alignment pass --- */
body.public{
  background:
    radial-gradient(circle at 12% 0%,rgba(124,58,237,.12),transparent 28%),
    radial-gradient(circle at 88% 6%,rgba(251,146,60,.10),transparent 24%),
    #080b15;
}
.public .pub-main{
  padding-top:0;
  background:transparent;
}
.public--home .pub-main{
  padding-top:0 !important;
}
.public .pub-header{
  border-bottom:0;
  box-shadow:none;
}
.public:not(.public--home) .pub-header{
  background:
    radial-gradient(circle at 8% 0%,rgba(124,58,237,.22),transparent 24%),
    linear-gradient(180deg,rgba(8,11,21,.96),rgba(8,11,21,.88));
  border-bottom:0;
  box-shadow:0 18px 52px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
}
.public:not(.public--home) .brand__logo{
  height:42px;
  max-width:min(300px,36vw);
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));
}
.public:not(.public--home) .pub-nav{
  padding:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
}
.public:not(.public--home) .pub-nav a:not(.btn){
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  color:rgba(255,255,255,.86);
  font-size:13px;
  font-weight:750;
}
.public:not(.public--home) .pub-nav a:not(.btn):hover{
  color:#fff;
  background:rgba(255,255,255,.10);
}
.public--home .pub-header{
  border-bottom:0 !important;
  box-shadow:none !important;
}
.home-hero-image{
  margin-top:0 !important;
}
.home-proof,
.home-dashboard-preview,
.home-final-cta{
  margin-top:0;
  padding:62px 0;
  color:#fff;
}
.home-proof{
  background:
    linear-gradient(180deg,#080b15 0%,#101427 100%);
}
.home-dashboard-preview{
  background:
    radial-gradient(circle at 18% 18%,rgba(124,58,237,.16),transparent 28%),
    radial-gradient(circle at 88% 20%,rgba(6,182,212,.12),transparent 22%),
    #101427;
}
.home-final-cta{
  background:#080b15;
}
.home-proof .h2,
.home-dashboard-preview .h2,
.home-final-cta strong{
  color:#fff;
}
.home-proof .section-kicker,
.home-dashboard-preview .section-kicker,
.home-final-cta .section-kicker{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#c4b5fd;
}
.home-proof__items div,
.public-kpi-dock,
.public-metric,
.public-pipeline,
.cta-band--home{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}
.home-proof__items strong,
.public-metric strong,
.public-kpi-dock .h2{
  color:#fff;
}
.home-proof__items span,
.public-metric small,
.public-kpi-dock .muted,
.home-final-cta .muted{
  color:rgba(226,232,240,.76);
}
.public-metric span,
.public-pipeline span{
  color:rgba(226,232,240,.72);
}
.public-metric__track{
  background:rgba(255,255,255,.12);
}
.cta-band--home{
  background:
    radial-gradient(circle at 12% 10%,rgba(168,85,247,.20),transparent 26%),
    radial-gradient(circle at 92% 15%,rgba(251,146,60,.18),transparent 24%),
    rgba(255,255,255,.07);
}
.cta-band--home .btn--ghost{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
}
.pub-footer{
  border-top:1px solid rgba(255,255,255,.10);
  background:#080b15;
}
.pub-footer .muted{
  color:rgba(226,232,240,.70);
}
.public:not(.public--home) .pub-main{
  min-height:calc(100vh - 160px);
  padding:46px clamp(14px,2vw,24px) 70px;
  background:
    radial-gradient(circle at 12% 0%,rgba(124,58,237,.20),transparent 30%),
    radial-gradient(circle at 90% 10%,rgba(251,146,60,.12),transparent 24%),
    linear-gradient(180deg,#0b1020 0%,#11162a 44%,#080b15 100%);
}
.public:not(.public--home) .pub-footer{
  border-top:1px solid rgba(255,255,255,.10);
  background:#080b15;
}
.public:not(.public--home) .pub-footer .muted{
  color:rgba(226,232,240,.70);
}
.legal-page{margin:0 auto;color:#e2e8f0;}
.legal-page__hero{max-width:820px;margin:0 auto 24px;padding:36px 0 18px;text-align:center;}
.legal-page__hero h1{margin:12px 0 10px;color:#fff;font-size:clamp(36px,6vw,62px);line-height:1;letter-spacing:-.045em;}
.legal-page__hero p{margin:0;color:#94a3b8;font-size:14px;}
.legal-page__body{max-width:900px;margin:0 auto;padding:clamp(22px,4vw,42px);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(18px);}
.legal-page__body section+section{margin-top:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.10);}
.legal-page__body h2{margin:0 0 12px;color:#fff;font-size:21px;line-height:1.3;}
.legal-page__body p{margin:0;color:#cbd5e1;font-size:15px;line-height:1.75;}
.legal-page__body p+p{margin-top:12px;}
.legal-page__body a{color:#c4b5fd;text-decoration:underline;text-underline-offset:3px;}
.legal-page__body .btn{margin-top:18px;color:#fff;text-decoration:none;}
.legal-table{margin-top:18px;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:14px;}
.legal-table table{width:100%;min-width:620px;border-collapse:collapse;}
.legal-table th,.legal-table td{padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left;vertical-align:top;font-size:13px;line-height:1.5;}
.legal-table th{background:rgba(255,255,255,.08);color:#fff;}
.legal-table td{color:#cbd5e1;}
.legal-table tr:last-child td{border-bottom:0;}
@media(max-width:900px){
  .home-proof,
  .home-dashboard-preview,
  .home-final-cta{
    padding:42px 0;
  }
}

/* --- Cinematic style for secondary public pages --- */
.public:not(.public--home) .container--content,
.public:not(.public--home) .hero,
.public:not(.public--home) .section{
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}
.public:not(.public--home) .hero{
  gap:18px;
  align-items:stretch;
}
.public:not(.public--home) .section{
  margin-top:34px;
}
.public:not(.public--home) .section h3,
.public:not(.public--home) .h2,
.public:not(.public--home) .pricing-hero h1,
.public:not(.public--home) .card h2,
.public:not(.public--home) .card h3{
  color:#fff;
}
.public:not(.public--home) .muted,
.public:not(.public--home) .pricing-hero p,
.public:not(.public--home) .micro{
  color:rgba(226,232,240,.72);
}
.public:not(.public--home) .card,
.public:not(.public--home) .pricing-hero,
.public:not(.public--home) .plan-card,
.public:not(.public--home) .step,
.public:not(.public--home) .credit-guide__copy,
.public:not(.public--home) .credit-guide__note,
.public:not(.public--home) .credit-table__row,
.public:not(.public--home) .trust,
.public:not(.public--home) .faq details,
.public:not(.public--home) .auth-card,
.public:not(.public--home) .auth-copy,
.public:not(.public--home) .hero-card{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055));
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
.public:not(.public--home) .pricing-hero{
  padding:30px;
  border-radius:18px;
  background:
    radial-gradient(circle at 10% 0%,rgba(168,85,247,.22),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(251,146,60,.18),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));
}
.public:not(.public--home) .pricing-hero .kicker,
.public:not(.public--home) .section-kicker{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#d8b4fe;
}
.public:not(.public--home) .pricing-hero__signals div{
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.public:not(.public--home) .pricing-hero__signals strong{
  color:#fff;
}
.public:not(.public--home) .pricing-hero__signals span{
  color:rgba(226,232,240,.66);
}
.public:not(.public--home) .credit-guide__note{
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(236,72,153,.13));
}
.public:not(.public--home) .credit-table__row--head{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#f0abfc;
}
.public:not(.public--home) .credit-table__row strong,
.public:not(.public--home) .credit-guide__note strong{
  color:#fff;
}
.public:not(.public--home) .credit-guide__note span{
  color:rgba(226,232,240,.72);
}
.public:not(.public--home) .badge{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.10);
  color:#fff;
}
.public:not(.public--home) .plan-card--popular{
  border-color:rgba(236,72,153,.38);
  box-shadow:0 30px 80px rgba(124,58,237,.22);
}
.public:not(.public--home) .price{
  color:#fff;
}
.public:not(.public--home) .plan-features li,
.public:not(.public--home) .faq summary,
.public:not(.public--home) .trust b,
.public:not(.public--home) .step b{
  color:#fff;
}
.public:not(.public--home) .plan-features svg,
.public:not(.public--home) .step .icon,
.public:not(.public--home) .trust .ticon{
  color:#c084fc;
}
.public:not(.public--home) .free-illustration{
  display:grid;
  align-items:stretch;
}
.public:not(.public--home) .free-illus-img{
  filter:drop-shadow(0 28px 70px rgba(124,58,237,.25));
}
.public:not(.public--home) .pricing-snapshot__top,
.public:not(.public--home) .pricing-snapshot__order,
.public:not(.public--home) .pricing-snapshot__balance{
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.public:not(.public--home) .pricing-snapshot__top span,
.public:not(.public--home) .pricing-snapshot__order span,
.public:not(.public--home) .pricing-snapshot__balance span,
.public:not(.public--home) .pricing-snapshot__flow span{
  color:rgba(226,232,240,.68);
}
.public:not(.public--home) .pricing-snapshot__top em,
.public:not(.public--home) .pricing-snapshot__order strong,
.public:not(.public--home) .pricing-snapshot__balance strong,
.public:not(.public--home) .plan-card__credits span,
.public:not(.public--home) .plan-card__value strong{
  color:#fff;
}
.public:not(.public--home) .pricing-snapshot__top strong{
  color:#d8b4fe;
}
.public:not(.public--home) .plan-card__unit{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#f0abfc;
}
.public:not(.public--home) .plan-card__value{
  border-color:rgba(255,255,255,.12);
}
.public:not(.public--home) .plan-card__value span{
  color:rgba(226,232,240,.70);
}
.public:not(.public--home) .featured-video{
  border-color:rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 18% 12%,rgba(236,72,153,.22),transparent 28%),
    radial-gradient(circle at 85% 78%,rgba(251,146,60,.18),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
  box-shadow:0 30px 90px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
}
.public:not(.public--home) .featured-video__media{
  border-color:rgba(255,255,255,.18);
  box-shadow:0 28px 72px rgba(0,0,0,.36);
}
.public:not(.public--home) .featured-video__copy h3{
  color:#fff;
}
.public:not(.public--home) .featured-video__tags span{
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.09);
  color:#f0abfc;
}
.public:not(.public--home) .video-example-card__frame{
  border-color:rgba(255,255,255,.14);
  background:
    linear-gradient(180deg,rgba(8,11,21,.04),rgba(8,11,21,.36)),
    radial-gradient(circle at 32% 18%,rgba(124,58,237,.46),transparent 28%),
    radial-gradient(circle at 72% 72%,rgba(251,146,60,.32),transparent 30%),
    linear-gradient(145deg,#15172b,#3b236c 48%,#111827);
}
.public:not(.public--home) .video-example-card__meta strong{
  color:#fff;
}
.public:not(.public--home) .video-example-card__meta span{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#f0abfc;
}
.public:not(.public--home) .input,
.public:not(.public--home) .field input,
.public:not(.public--home) .field textarea,
.public:not(.public--home) textarea,
.public:not(.public--home) select{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.public:not(.public--home) .input::placeholder,
.public:not(.public--home) .field input::placeholder,
.public:not(.public--home) .field textarea::placeholder{
  color:rgba(226,232,240,.52);
}
.public:not(.public--home) .field label,
.public:not(.public--home) .label{
  color:rgba(226,232,240,.84);
}
.public:not(.public--home) .btn--primary{
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(135deg,#7c3aed,#ec4899 56%,#fb923c);
  color:#fff;
  box-shadow:0 16px 36px rgba(168,85,247,.28);
}
.public:not(.public--home) .btn--ghost{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
}
.public:not(.public--home) .btn--ghost:hover{
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.13);
  color:#fff;
}
@media(max-width:900px){
  .public:not(.public--home) .pub-nav{
    border-radius:18px;
    background:rgba(8,13,28,.96);
  }
  .public:not(.public--home) .pub-burger{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.10);
    box-shadow:none;
  }
  .public:not(.public--home) .pub-burger span{
    background:#fff;
  }
}
.public:not(.public--home) .auth-copy h1,
.public:not(.public--home) .auth-copy p,
.public:not(.public--home) .auth-card__head .h2{
  color:#fff;
}
.public:not(.public--home) .auth-proof div{
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.07);
}
.public:not(.public--home) .auth-proof strong{
  color:#fff;
}
.public:not(.public--home) .auth-proof span{
  color:rgba(226,232,240,.72);
}
.public:not(.public--home) .auth-card__head,
.public:not(.public--home) .auth-section{
  border-color:rgba(255,255,255,.12);
}

/* --- Responsive hardening pass: public site + dashboard --- */
img,
svg,
video{
  max-width:100%;
}

@media(max-width:1180px){
  .public--home .pub-header__inner,
  .pub-header__inner{
    padding-left:20px;
    padding-right:20px;
  }
  .home-hero-image__content{
    padding-left:32px;
    padding-right:32px;
  }
  .home-hero-image__copy{
    width:min(680px,70vw);
  }
  .home-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .public .pub-header{
    position:sticky;
    top:0;
  }
  .public--home .pub-header{
    position:absolute;
  }
  .public--home.public-nav-open .pub-header{
    position:fixed;
  }
  .public .brand__logo,
  .public--home .brand__logo,
  .public:not(.public--home) .brand__logo{
    height:36px;
    max-width:220px;
  }
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    position:absolute;
    top:calc(100% + 10px);
    left:14px;
    right:14px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:12px;
    border-radius:18px;
    background:rgba(8,13,28,.96);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 24px 70px rgba(0,0,0,.32);
  }
  body.public-nav-open .pub-nav{
    display:flex;
  }
  .public .pub-nav a:not(.btn),
  .public--home .pub-nav a:not(.btn),
  .public:not(.public--home) .pub-nav a:not(.btn),
  .public .pub-nav .btn{
    width:100%;
    justify-content:center;
    min-height:44px;
  }
  .public .pub-nav .lang-switch{
    width:100%;
    justify-content:center;
    background:rgba(255,255,255,.10);
  }
  .public .pub-nav .lang-switch a{
    flex:1 1 0;
    color:#fff;
  }
  .home-hero-image{
    min-height:860px;
  }
  .home-hero-image__bg{
    background-position:center top;
  }
  .home-hero-image::after{
    background:
      linear-gradient(180deg,rgba(3,7,18,.64) 0%,rgba(3,7,18,.25) 36%,rgba(3,7,18,.86) 100%),
      linear-gradient(90deg,rgba(3,7,18,.76),rgba(3,7,18,.22));
  }
  .home-hero-image__content{
    position:relative;
    min-height:860px;
    padding:104px 20px 24px;
  }
  .home-hero-image__copy{
    width:100%;
    max-width:640px;
  }
  .home-hero-image h1{
    font-size:clamp(46px,12vw,82px);
    line-height:.94;
  }
  .home-hero-image p{
    max-width:520px;
    font-size:clamp(18px,4vw,24px);
  }
  .home-hero-image__button{
    min-height:56px;
    padding:0 22px;
    font-size:13px;
  }
  .home-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .home-hero-stat{
    min-height:118px;
    padding:16px;
  }
  .home-hero-stat span{
    font-size:32px;
  }
  .home-proof__grid,
  .public-kpi-dock,
  .public:not(.public--home) .hero,
  .split,
  .split.reverse,
  .pricing,
  .steps,
  .trust-row,
  .auth-panel,
  .auth-shell--register .auth-panel{
    grid-template-columns:1fr !important;
  }
  .home-proof__items,
  .public-metrics-panel{
    grid-template-columns:1fr;
  }
  .public:not(.public--home) .pub-main{
    padding:26px 14px 46px;
  }
  .public:not(.public--home) .hero,
  .public:not(.public--home) .section{
    width:100%;
  }
  .pricing-hero,
  .public-kpi-dock,
  .cta-band--home,
  .auth-card,
  .auth-copy{
    padding:20px;
  }
  .cta-band,
  .cta-band__actions{
    align-items:stretch;
    flex-direction:column;
  }
  .cta-band__actions .btn{
    width:100%;
  }
}

@media(max-width:620px){
  .public .pub-header__inner,
  .public--home .pub-header__inner{
    min-height:72px;
    padding-left:14px;
    padding-right:14px;
  }
  .public .brand__logo,
  .public--home .brand__logo,
  .public:not(.public--home) .brand__logo{
    height:32px;
    max-width:190px;
  }
  .pub-burger{
    width:42px;
    height:42px;
    border-radius:12px;
  }
  .home-hero-image{
    min-height:820px;
  }
  .home-hero-image__content{
    min-height:820px;
    padding:92px 14px 18px;
  }
  .home-hero-image h1{
    font-size:clamp(38px,13vw,58px);
  }
  .home-hero-image__eyebrow{
    min-height:30px;
    font-size:10px;
  }
  .home-hero-image__button{
    width:100%;
  }
  .home-hero-stats{
    grid-template-columns:1fr;
  }
  .home-hero-stat{
    min-height:auto;
  }
  .home-proof,
  .home-dashboard-preview,
  .home-final-cta{
    padding:34px 0;
  }
  .public-pipeline{
    grid-template-columns:1fr 1fr;
    min-height:140px;
  }
  .price{
    font-size:30px;
  }
}

@media(max-width:1120px){
  .dash-shell{
    grid-template-columns:1fr;
  }
  .dash-main{
    padding-left:14px;
    padding-right:14px;
  }
  .dash-command,
  .ops-grid,
  .page-grid,
  .split-grid,
  .detail-grid,
  .profile-grid{
    grid-template-columns:1fr !important;
  }
  .dashboard-kpis,
  .dashboard-kpis--pro,
  .board-kpis,
  .stats-kpis,
  .client-period-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  body.dash{
    background:#f8fafc;
  }
  .dash-main{
    padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(10px + var(--safe-left));
  }
  .dash-content{
    padding:12px 0;
  }
  .dash-topbar{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
    padding:10px;
    border-radius:14px;
  }
  .dash-topbar__title{
    width:100%;
  }
  .dash-topbar__title .h5{
    font-size:15px;
  }
  .dash-topbar__title .tiny{
    display:none;
  }
  .dash-topbar__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:8px;
  }
  .dash-topbar__actions > *,
  .dash-topbar__actions .btn,
  .notif-wrap,
  .user-menu,
  .lang-switch--dash{
    width:100%;
  }
  .lang-switch--dash{
    justify-content:center;
  }
  .user-chip{
    width:100%;
    justify-content:flex-start;
  }
  .notif-panel,
  .user-menu__panel{
    left:0;
    right:auto;
    width:calc(100vw - 20px);
  }
  .dash-command{
    padding:18px;
    border-radius:14px;
  }
  .dash-command h1{
    font-size:30px;
  }
  .ops-score{
    min-height:auto;
    align-items:center;
  }
  .dashboard-kpis,
  .dashboard-kpis--pro,
  .board-kpis,
  .stats-kpis,
  .client-period-kpis{
    grid-template-columns:1fr !important;
  }
  .dash .card,
  .dash .board-list-card,
  .dash .task-zone,
  .dash .task-kpi-box{
    border-radius:12px;
    padding:14px;
  }
  .top-split,
  .actions-right,
  .board-summary__head,
  .profile-card__head,
  .stats-card-head{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
  }
  .actions-right .btn,
  .page-hero__actions .btn,
  .quick-links .btn{
    width:100%;
  }
  .board-filters,
  .form-row,
  .task-brief-grid,
  .task-brief-grid--compose,
  .task-brief-grid--read,
  .auth-field-grid--two,
  .auth-field-grid--three{
    grid-template-columns:1fr !important;
  }
  .link-list__row,
  .drive-link-row{
    flex-direction:column;
  }
  .link-list__row .input,
  .drive-link-row .input,
  .drive-open-btn{
    width:100%;
  }
  .profile-table-wrap,
  .board-table-wrap,
  .table-wrap{
    overflow:visible;
  }
  .dash .table:not(.board-table):not(.product-table),
  .dash .table:not(.board-table):not(.product-table) thead,
  .dash .table:not(.board-table):not(.product-table) tbody,
  .dash .table:not(.board-table):not(.product-table) tr,
  .dash .table:not(.board-table):not(.product-table) td{
    display:block;
    width:100%;
  }
  .dash .table:not(.board-table):not(.product-table) thead{
    display:none;
  }
  .dash .table:not(.board-table):not(.product-table) tr{
    margin-bottom:12px;
    border:1px solid #e3eaf3;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
  }
  .dash .table:not(.board-table):not(.product-table) td{
    border:0;
    border-bottom:1px solid #edf2f7;
    border-radius:0 !important;
    padding:11px 12px;
  }
  .dash .table:not(.board-table):not(.product-table) td:last-child{
    border-bottom:0;
  }
  .dash .board-actions,
  .dash .board-actions--compact,
  .task-timer__actions,
  .product-form__actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .dash .board-actions .btn,
  .dash .board-action-btn,
  .task-timer__actions .btn,
  .product-form__actions .btn{
    width:100%;
    justify-content:center;
  }
}

@media(max-width:420px){
  .dash-topbar__actions{
    grid-template-columns:1fr;
  }
  .score-ring{
    width:82px;
    height:82px;
    flex-basis:82px;
  }
  .score-ring span{
    width:56px;
    height:56px;
    font-size:14px;
  }
  .priority-strip{
    grid-template-columns:1fr !important;
  }
}

/* --- Desktop hero composition polish --- */
@media(min-width:901px){
  .home-hero-image::after{
    background:
      radial-gradient(circle at 50% 42%,rgba(124,58,237,.14),transparent 24%),
      radial-gradient(circle at 50% 52%,rgba(3,7,18,.28),transparent 38%),
      linear-gradient(180deg,rgba(3,7,18,.38) 0%,rgba(3,7,18,.05) 34%,rgba(3,7,18,.76) 100%),
      linear-gradient(90deg,rgba(3,7,18,.54) 0%,rgba(3,7,18,.22) 24%,rgba(3,7,18,.20) 76%,rgba(3,7,18,.50) 100%);
  }
  .home-hero-image__content{
    align-items:center;
    padding:clamp(120px,13vh,158px) clamp(40px,5vw,92px) clamp(28px,5vh,46px);
  }
  .home-hero-image__copy{
    width:min(980px,86vw);
    margin:0 auto;
    text-align:center;
  }
  .home-hero-image h1{
    margin-top:20px;
    font-size:clamp(62px,6.2vw,112px);
  }
  .home-hero-image p{
    margin-left:auto;
    margin-right:auto;
    max-width:760px;
  }
  .home-hero-image__button{
    margin-top:30px;
  }
  .home-hero-stats{
    width:min(1220px,88vw);
    margin:0 auto;
    gap:12px;
  }
  .home-hero-stat{
    min-height:126px;
    padding:18px 20px;
    border-radius:14px;
  }
  .home-hero-stat span{
    font-size:clamp(30px,2.45vw,44px);
  }
  .home-hero-stat strong{
    margin-top:10px;
    font-size:12px;
  }
  .home-hero-stat small{
    margin-top:8px;
    font-size:12px;
  }
}

/* --- Larger brief editors: request, hook, script --- */
@media(min-width:981px){
  .dash .task-brief-grid--compose{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:stretch;
  }
  .dash .task-brief-grid--compose .copy-field:has(.text-editor__textarea){
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .dash .task-brief-grid--compose .copy-field:first-child{
    min-height:560px;
  }
  .dash .task-brief-grid--compose .copy-field:nth-child(2),
  .dash .task-brief-grid--compose .copy-field:nth-child(3){
    min-height:270px;
  }
  .dash .task-brief-grid--compose .text-editor-toolbar{
    flex:0 0 auto;
  }
  .dash .task-brief-grid--compose .text-editor__textarea{
    flex:1 1 auto;
    min-height:220px;
  }
  .dash .task-brief-grid--compose .copy-field:first-child .text-editor__textarea{
    min-height:470px;
  }
  .dash .task-brief-grid--compose .copy-field:nth-child(2) .text-editor__textarea,
  .dash .task-brief-grid--compose .copy-field:nth-child(3) .text-editor__textarea{
    min-height:180px;
  }
}

@media(max-width:980px){
  .dash .task-brief-grid--compose .copy-field:first-child .text-editor__textarea{
    min-height:320px;
  }
  .dash .task-brief-grid--compose .copy-field:nth-child(2) .text-editor__textarea,
  .dash .task-brief-grid--compose .copy-field:nth-child(3) .text-editor__textarea{
    min-height:220px;
  }
}

/* --- Brief editors accordion layout --- */
.dash .task-brief-grid--accordion{
  align-items:start;
}
.dash .task-brief-grid--accordion .copy-field--accordion{
  display:block;
  grid-row:auto !important;
  min-height:0 !important;
  overflow:hidden;
  padding:0 !important;
  border:1px solid #c7d4e5;
  border-radius:14px;
  background:#edf4fc;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
}
.dash .copy-field--accordion > summary.copy-field__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:58px;
  margin:0 !important;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.dash .copy-field--accordion > summary.copy-field__head::-webkit-details-marker{
  display:none;
}
.dash .copy-field--accordion > summary.copy-field__head::after{
  content:"+";
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid rgba(37,99,235,.22);
  border-radius:999px;
  color:#2563eb;
  background:#fff;
  font-size:22px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 18px rgba(37,99,235,.10);
}
.dash .copy-field--accordion[open] > summary.copy-field__head::after{
  content:"-";
  color:#7c3aed;
}
.dash .copy-field__toggle{
  margin-left:auto;
  padding:6px 10px;
  border:1px solid rgba(124,58,237,.20);
  border-radius:999px;
  color:#5b21b6;
  background:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dash .copy-field--accordion .copy-field__body{
  padding:0 14px 14px;
}
.dash .copy-field--accordion .copy-icon-btn{
  display:flex;
  margin:0 0 10px auto;
}
.dash .copy-field--accordion .text-editor{
  background:#fff;
}
.dash .copy-field--accordion .text-editor__textarea{
  min-height:330px;
}

@media(min-width:981px){
  .dash .task-brief-grid--accordion{
    grid-template-columns:1fr;
  }
  .dash .task-brief-grid--accordion .copy-field:first-child,
  .dash .task-brief-grid--accordion .copy-field:nth-child(2),
  .dash .task-brief-grid--accordion .copy-field:nth-child(3){
    min-height:0;
  }
  .dash .task-brief-grid--accordion .copy-field:first-child .text-editor__textarea,
  .dash .task-brief-grid--accordion .copy-field:nth-child(2) .text-editor__textarea,
  .dash .task-brief-grid--accordion .copy-field:nth-child(3) .text-editor__textarea{
    min-height:360px;
  }
}

@media(max-width:980px){
  .dash .task-brief-grid--accordion{
    grid-template-columns:1fr !important;
  }
  .dash .copy-field--accordion > summary.copy-field__head{
    min-height:54px;
    padding:14px 15px;
  }
  .dash .copy-field__toggle{
    display:none;
  }
  .dash .task-brief-grid--accordion .copy-field:first-child .text-editor__textarea,
  .dash .task-brief-grid--accordion .copy-field:nth-child(2) .text-editor__textarea,
  .dash .task-brief-grid--accordion .copy-field:nth-child(3) .text-editor__textarea{
    min-height:260px;
  }
}

/* --- Collapsed admin task blocks --- */
.dash .task-zone--collapsible{
  padding:0;
}
.dash .task-zone--collapsible > .task-zone__summary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 20px 18px 22px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.dash .task-zone--collapsible > .task-zone__summary::-webkit-details-marker{
  display:none;
}
.dash .task-zone--collapsible > .task-zone__summary::after{
  content:"+";
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  margin-top:2px;
  border:1px solid color-mix(in srgb,var(--zone-accent) 26%,#fff);
  border-radius:999px;
  color:var(--zone-accent);
  background:#fff;
  font-size:22px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.dash .task-zone--collapsible[open] > .task-zone__summary::after{
  content:"-";
}
.dash .task-zone--collapsible > .task-zone__body{
  padding:0 20px 18px 22px;
}
.dash .task-zone--collapsible .task-zone__badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:1 0 auto;
  flex-wrap:wrap;
  margin-left:auto;
}
.dash .task-zone--collapsible .task-zone__badge{
  background:#fff;
  color:var(--zone-accent);
  border-color:color-mix(in srgb,var(--zone-accent) 24%,#fff);
  white-space:nowrap;
}
@media(max-width:760px){
  .dash .task-zone--collapsible{
    padding:0;
  }
  .dash .task-zone--collapsible > .task-zone__summary{
    padding:16px 14px 16px 17px;
  }
  .dash .task-zone--collapsible > .task-zone__body{
    padding:0 14px 16px 17px;
  }
  .dash .task-zone--collapsible .task-zone__badges{
    justify-content:flex-start;
    flex-basis:100%;
    margin-left:0;
  }
}

/* --- Public mobile menu v3: final override --- */
@media(max-width:900px){
  html.public-nav-open,
  body.public-nav-open{overflow:hidden;}
  .public .pub-nav-backdrop{
    position:fixed !important;inset:0 !important;z-index:10050 !important;display:block !important;
    opacity:0;pointer-events:none;border:0;background:rgba(2,6,23,.64);backdrop-filter:blur(10px);
    transition:opacity .18s ease;
  }
  body.public-nav-open .pub-nav-backdrop{opacity:1;pointer-events:auto;}
  .public .pub-header{z-index:10070 !important;}
  .public .pub-header__inner{position:relative;}
  .public .pub-burger,
  .public--home .pub-burger,
  .public:not(.public--home) .pub-burger{
    display:inline-flex !important;position:relative;z-index:10072 !important;width:46px;height:46px;
    border-radius:8px;border-color:rgba(255,255,255,.24);background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.24);
  }
  .public .pub-burger span,
  .public--home .pub-burger span,
  .public:not(.public--home) .pub-burger span{background:#0f172a !important;}
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{
    position:fixed !important;top:calc(env(safe-area-inset-top) + 76px) !important;left:16px !important;right:16px !important;
    z-index:10071 !important;display:flex !important;width:auto !important;max-height:calc(100dvh - 96px);overflow:auto;
    flex-direction:column !important;align-items:stretch !important;gap:7px !important;padding:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;border-radius:8px !important;
    background:linear-gradient(180deg,rgba(11,18,32,.98),rgba(17,24,39,.98)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.42) !important;transform:translateY(-10px) scale(.98);
    opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;
  }
  body.public-nav-open .pub-nav,
  .public .pub-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);}
  .public .pub-nav a:not(.btn),
  .public--home .pub-nav a:not(.btn),
  .public:not(.public--home) .pub-nav a:not(.btn),
  .public .pub-nav .btn,
  .public--home .pub-nav .btn,
  .public:not(.public--home) .pub-nav .btn{
    display:flex !important;width:100% !important;min-height:48px;justify-content:center;align-items:center;
    padding:0 14px !important;border-radius:8px !important;color:#fff !important;font-size:15px;font-weight:800;letter-spacing:0;
  }
  .public .pub-nav a:not(.btn){background:rgba(255,255,255,.06);}
  .public .pub-nav a:not(.btn):hover,
  .public .pub-nav a:not(.btn):focus-visible{background:rgba(255,255,255,.12);}
  .public .pub-nav .btn--ghost{border-color:rgba(255,255,255,.18) !important;background:rgba(255,255,255,.08) !important;}
  .public .pub-nav .btn--primary{background:linear-gradient(135deg,#14b8a6,#f43f5e) !important;border-color:transparent !important;box-shadow:none !important;}
  .public .pub-nav .lang-switch{width:100%;padding:4px;justify-content:center;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:8px;}
  .public .pub-nav .lang-switch a{min-height:38px;color:#fff !important;border-radius:6px;}
}
@media(max-width:620px){
  .public .pub-nav,
  .public--home .pub-nav,
  .public:not(.public--home) .pub-nav{top:calc(env(safe-area-inset-top) + 68px) !important;left:10px !important;right:10px !important;}
}

/* --- Homepage idea promise: dark visual integration --- */
.public--home .home-idea-promise{
  position:relative;
  margin-top:-1px;
  padding:clamp(28px,5vw,70px) 0 clamp(58px,7vw,96px);
  background:
    radial-gradient(circle at 10% 8%, rgba(20,184,166,.10), transparent 26%),
    radial-gradient(circle at 92% 72%, rgba(244,63,94,.10), transparent 28%),
    linear-gradient(180deg,#090d1b 0%,#0a0f1f 54%,#090d1b 100%);
}
.public--home .home-idea-promise::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:120px;
  background:linear-gradient(180deg,rgba(9,13,27,0),#090d1b);
  transform:translateY(-118px);
  pointer-events:none;
}
.public--home .home-idea-promise .container{
  position:relative;
  z-index:1;
}
.public--home .idea-promise{
  grid-template-columns:minmax(0,1fr);
  gap:clamp(20px,3vw,30px);
  padding:0;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,0)) 0 0 / 100% 1px no-repeat,
    linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,0)) 0 100% / 100% 1px no-repeat;
  box-shadow:none;
  backdrop-filter:none;
}
.public--home .idea-promise .section-kicker{
  border-color:rgba(129,140,248,.28);
  background:rgba(99,102,241,.16);
  color:#c4b5fd;
}
.public--home .idea-promise .h2{
  color:#fff;
  max-width:980px;
  font-size:clamp(34px,4vw,58px);
  line-height:1.04;
  letter-spacing:0;
}
.public--home .idea-promise .muted,
.public--home .idea-promise .section-copy{
  max-width:880px;
  color:rgba(226,232,240,.76);
}
.public--home .idea-promise__points{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:12px;
}
.public--home .idea-promise__points div{
  position:relative;
  min-height:118px;
  padding:18px;
  border-color:rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 34px rgba(0,0,0,.18);
}
.public--home .idea-promise__points div::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#14b8a6,#818cf8,#f43f5e);
  opacity:.76;
}
.public--home .idea-promise__points strong{
  color:#fff;
  font-size:16px;
}
.public--home .idea-promise__points span{
  color:rgba(226,232,240,.72);
  font-size:14px;
}
@media(max-width:900px){
  .public--home .home-idea-promise{
    padding-bottom:54px;
  }
  .public--home .idea-promise{
    padding:0;
  }
  .public--home .idea-promise__points{
    grid-template-columns:1fr;
  }
  .public--home .idea-promise__points div{
    min-height:auto;
  }
}

/* --- Mobile hero stats: compact 2x2 grid --- */
@media(max-width:700px){
  .public--home .home-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100%;
    margin-top:18px;
  }
  .public--home .home-hero-stat{
    min-height:118px !important;
    padding:14px 12px !important;
    border-radius:14px;
  }
  .public--home .home-hero-stat span{
    font-size:clamp(28px,9vw,42px) !important;
    line-height:.96;
  }
  .public--home .home-hero-stat strong{
    margin-top:9px;
    font-size:10px;
    line-height:1.18;
    letter-spacing:.035em;
  }
  .public--home .home-hero-stat small{
    margin-top:7px;
    font-size:11px;
    line-height:1.28;
  }
}
@media(max-width:380px){
  .public--home .home-hero-stats{
    gap:10px !important;
  }
  .public--home .home-hero-stat{
    padding:12px 10px !important;
  }
  .public--home .home-hero-stat span{
    font-size:clamp(25px,8.5vw,34px) !important;
  }
}

/* --- Dashboard header polish --- */
.dash .dash-topbar{
  position:sticky;
  top:calc(12px + var(--safe-top));
  z-index:18;
  gap:18px;
  padding:14px 16px;
  border-radius:18px;
  border-color:rgba(148,163,184,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
  box-shadow:0 18px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.dash .dash-topbar::before{
  content:"";
  align-self:stretch;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--primary),var(--primary2));
  box-shadow:0 10px 20px rgba(79,70,229,.18);
}
.dash--admin .dash-topbar::before{
  background:linear-gradient(180deg,#14b8a6,#2563eb);
  box-shadow:0 10px 20px rgba(20,184,166,.18);
}
.dash .dash-topbar__title{
  flex:1 1 320px;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:240px;
}
.dash .dash-topbar__heading{
  display:grid;
  gap:4px;
}
.dash .dash-topbar .h5{
  color:#0f172a;
  font-size:20px;
  line-height:1.12;
  font-weight:900;
}
.dash .dash-topbar__heading .tiny{
  color:#64748b;
  font-size:12px;
}
.dash .dash-topbar__heading strong{
  color:#334155;
}
.dash .dash-topbar__actions{
  flex:0 1 auto;
  gap:8px;
  padding:4px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:rgba(241,245,249,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.dash .dash-topbar__actions .btn--ghost,
.dash .dash-mobile-toggle,
.dash .notif-trigger{
  min-height:40px;
  border-color:rgba(203,213,225,.72);
  background:rgba(255,255,255,.86);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.dash .dash-topbar__actions .btn--ghost:hover,
.dash .dash-mobile-toggle:hover,
.dash .notif-trigger:hover{
  border-color:rgba(99,102,241,.24);
  background:#fff;
  box-shadow:0 12px 24px rgba(15,23,42,.09);
}
.dash--admin .dash-topbar__actions .btn--ghost:hover,
.dash--admin .dash-mobile-toggle:hover,
.dash--admin .notif-trigger:hover{
  border-color:rgba(20,184,166,.28);
}
.dash .lang-switch--dash{
  min-height:40px;
  padding:4px;
  border-color:rgba(203,213,225,.72);
  background:rgba(255,255,255,.86);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.dash .lang-switch--dash a{
  min-height:32px;
  min-width:36px;
}
.dash .lang-switch--dash a.active{
  box-shadow:0 8px 18px rgba(79,70,229,.22);
}
.dash--admin .lang-switch--dash a.active{
  background:#0f766e;
  box-shadow:0 8px 18px rgba(15,118,110,.2);
}
.dash .user-chip{
  min-height:42px;
  padding:5px 12px 5px 6px;
  border-radius:14px;
  border-color:rgba(203,213,225,.76);
  background:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.dash .user-chip:hover{
  border-color:rgba(99,102,241,.24);
  box-shadow:0 14px 28px rgba(15,23,42,.09);
}
.dash--admin .user-chip:hover{
  border-color:rgba(20,184,166,.28);
}
.dash .user-chip .avatar{
  width:34px;
  height:34px;
  border-radius:11px;
  box-shadow:0 8px 16px rgba(15,23,42,.12);
}
.dash .user-chip .avatar--initials{
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.72);
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.36),transparent 26%),
    linear-gradient(135deg,#6d5efc 0%,#7c3aed 46%,#14b8a6 100%);
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
  text-shadow:0 1px 2px rgba(15,23,42,.18);
}
.dash--admin .user-chip .avatar--initials{
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.34),transparent 26%),
    linear-gradient(135deg,#0f766e 0%,#14b8a6 48%,#2563eb 100%);
}
.dash .user-chip .avatar--initials::before,
.dash .user-chip .avatar--initials::after{
  display:none;
  content:none;
}
.dash .user-chip .small{
  color:#172033;
  line-height:1.12;
}
.dash .user-chip .tiny{
  max-width:180px;
  color:#64748b;
}
.dash .notif-pill{
  min-width:28px;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  background:linear-gradient(180deg,#8b5cf6,#6d5efc);
  color:#fff;
  box-shadow:0 8px 16px rgba(109,94,252,.24);
}
.dash .dash-topbar__utility{
  padding-left:13px;
  padding-right:13px;
}
[data-theme="dark"] .dash .dash-topbar{
  border-color:rgba(148,163,184,.18);
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(11,18,39,.9));
  box-shadow:0 18px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}
[data-theme="dark"] .dash .dash-topbar .h5,
[data-theme="dark"] .dash .user-chip .small{
  color:#f8fafc;
}
[data-theme="dark"] .dash .dash-topbar__actions,
[data-theme="dark"] .dash .lang-switch--dash,
[data-theme="dark"] .dash .user-chip,
[data-theme="dark"] .dash .dash-topbar__actions .btn--ghost,
[data-theme="dark"] .dash .dash-mobile-toggle,
[data-theme="dark"] .dash .notif-trigger{
  border-color:rgba(148,163,184,.18);
  background:rgba(15,23,42,.72);
}
@media(max-width:1180px){
  .dash .dash-topbar{
    align-items:stretch;
    flex-direction:column;
  }
  .dash .dash-topbar::before{
    width:auto;
    height:4px;
  }
  .dash .dash-topbar__title{
    width:100%;
    min-width:0;
  }
  .dash .dash-topbar__actions{
    justify-content:flex-start;
  }
}
@media(max-width:760px){
  .dash .dash-topbar{
    position:relative;
    top:auto;
    gap:10px;
    padding:10px;
  }
  .dash .dash-topbar__actions{
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .dash .dash-topbar .h5{
    font-size:17px;
  }
  .dash .user-chip .tiny{
    max-width:none;
  }
}

/* --- Assist chat polish --- */
.dash .assist-chat{
  inset:auto calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) auto;
}
.dash .assist-chat__fab{
  min-height:58px;
  padding:0 22px 0 18px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,#0f766e 0%,#0e7490 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.18);
}
.dash .assist-chat__fab:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 52px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.2);
}
.dash .assist-chat__overlay{
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(3px);
}
.dash .assist-chat__panel{
  right:calc(24px + var(--safe-right));
  bottom:calc(96px + var(--safe-bottom));
  width:min(560px, calc(100vw - 40px));
  max-height:min(780px, calc(100dvh - 128px));
  border-color:rgba(148,163,184,.32);
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 90px rgba(15,23,42,.28);
}
.dash .assist-chat__head{
  align-items:center;
  padding:22px 24px 18px;
  border-bottom:1px solid rgba(226,232,240,.9);
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}
.dash .assist-chat__head h3{
  margin:4px 0 4px;
  color:#0f172a;
  font-size:26px;
  line-height:1.12;
  letter-spacing:0;
}
.dash .assist-chat__eyebrow{
  color:#0f766e;
  font-size:12px;
  letter-spacing:.08em;
}
.dash .assist-chat__close{
  width:42px;
  min-width:42px;
  height:42px;
  padding:0;
  border-radius:999px;
  background:#fff;
  color:#334155;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.dash .assist-chat__body{
  min-height:300px;
  max-height:44dvh;
  padding:20px 24px;
  background:
    radial-gradient(circle at 20px 20px, rgba(15,118,110,.06) 0 2px, transparent 2px 100%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  background-size:28px 28px, auto;
}
.dash .assist-chat__body--empty{
  display:grid;
  place-items:center;
}
.dash .assist-chat__empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:310px;
  text-align:center;
  color:#64748b;
  font-size:14px;
  line-height:1.45;
}
.dash .assist-chat__empty strong{
  margin:12px 0 4px;
  color:#0f172a;
  font-size:17px;
}
.dash .assist-chat__empty-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:#ecfeff;
  color:#0f766e;
  border:1px solid #ccfbf1;
}
.dash .assist-chat__empty-icon .icon{
  width:26px;
  height:26px;
}
.dash .assist-chat .bubble{
  max-width:86%;
  padding:12px 14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}
.dash .assist-chat .bubble.in{
  border-top-left-radius:7px;
}
.dash .assist-chat .bubble.out{
  border-top-right-radius:7px;
}
.dash .assist-chat .bubble .meta{
  justify-content:space-between;
  gap:12px;
}
.dash .assist-chat__form{
  padding:18px 24px 22px;
  border-top:1px solid rgba(226,232,240,.9);
  background:#f8fafc;
}
.dash .assist-chat__composer{
  overflow:hidden;
  border:1px solid #cbd5e1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.07);
}
.dash .assist-chat__composer:focus-within{
  border-color:#38bdf8;
  box-shadow:0 0 0 3px rgba(14,116,144,.09), 0 14px 34px rgba(15,23,42,.08);
}
.dash .assist-chat__composer textarea.input{
  min-height:86px;
  resize:vertical;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  padding:16px 18px;
  font-size:14px;
  line-height:1.45;
}
.dash .assist-chat__composer textarea.input:focus{
  box-shadow:none;
}
.dash .assist-chat__composer textarea.input::placeholder{
  color:#94a3b8;
  font-size:14px;
  font-weight:500;
}
.dash .assist-chat__composer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  border-top:1px solid #e2e8f0;
  background:#f8fafc;
}
.dash .assist-chat__upload{
  display:inline-flex;
  align-items:center;
  min-width:0;
  max-width:calc(100% - 112px);
  height:42px;
  gap:8px;
  padding:0 12px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#fff;
  color:#334155;
  font-size:13px;
  font-weight:760;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.dash .assist-chat__upload:hover{
  border-color:#94a3b8;
  color:#0f766e;
}
.dash .assist-chat__upload .icon{
  flex:0 0 auto;
  width:18px;
  height:18px;
}
.dash .assist-chat__upload span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dash .assist-chat__upload input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.dash .assist-chat__send{
  min-width:92px;
  border-color:#0f766e;
  background:linear-gradient(135deg,#0f766e,#0e7490);
  box-shadow:0 12px 24px rgba(15,118,110,.2);
}
@media(max-width:720px){
  .dash .assist-chat{
    inset:auto calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) auto;
  }
  .dash .assist-chat__fab{
    min-height:52px;
    max-width:calc(100vw - 24px);
    padding:0 16px;
  }
  .dash .assist-chat__panel{
    right:calc(10px + var(--safe-right));
    bottom:calc(78px + var(--safe-bottom));
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 96px);
    border-radius:18px;
  }
  .dash .assist-chat__head{
    padding:18px 18px 14px;
  }
  .dash .assist-chat__head h3{
    font-size:23px;
  }
  .dash .assist-chat__body{
    min-height:240px;
    max-height:42dvh;
    padding:16px 18px;
  }
  .dash .assist-chat__form{
    padding:14px 14px 16px;
  }
  .dash .assist-chat__composer-row{
    align-items:stretch;
    flex-direction:column;
  }
  .dash .assist-chat__upload,
  .dash .assist-chat__send{
    width:100%;
    max-width:none;
  }
}

/* Final public footer override: keep this after all legacy page themes. */
.public .pub-footer,
.public:not(.public--home) .pub-footer{
  border-top:1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(circle at 8% 22%,rgba(99,102,241,.14),transparent 23%),
    radial-gradient(circle at 88% 96%,rgba(168,85,247,.09),transparent 26%),
    #050810;
}

.public .cookie-preferences__footer .btn--ghost,
.dash .cookie-preferences__footer .btn--ghost{
  border-color:#cbd5e1;
  background:#fff;
  color:#334155;
}
.public .cookie-preferences__footer .btn--ghost:hover,
.dash .cookie-preferences__footer .btn--ghost:hover{
  border-color:#94a3b8;
  background:#f8fafc;
  color:#0f172a;
}