:root{
  --admin-paper:#f7f8fa;
  --admin-panel:#fff;
  --admin-ink:#111827;
  --admin-muted:#667085;
  --admin-line:#e4e7ec;
  --admin-blue:#2563eb;
  --admin-blue-soft:#eef4ff;
  --admin-green:#12b76a;
}
*{box-sizing:border-box}
body.admin-console{margin:0;background:var(--admin-paper);color:var(--admin-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.admin-console a{color:inherit;text-decoration:none}
.admin-topbar{height:74px;background:var(--admin-panel);border-bottom:1px solid var(--admin-line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;padding:0 28px;position:sticky;top:0;z-index:80}
.admin-brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:-.035em;white-space:nowrap}.admin-brand img{width:34px;height:34px;border-radius:9px}
.admin-primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;height:100%}.admin-primary-nav a{height:100%;display:flex;align-items:center;padding:0 14px;position:relative;font-size:13px;color:#596579}@media(hover:hover){.admin-primary-nav a:hover{color:var(--admin-ink)}}.admin-primary-nav a.active{font-weight:650;color:var(--admin-ink)}.admin-primary-nav a.active:after{content:"";position:absolute;height:2px;background:var(--admin-blue);left:14px;right:14px;bottom:-1px}
.admin-user{display:flex;align-items:center;gap:11px;min-width:0}.admin-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf0fb;color:#38527d;font-size:11px;font-weight:750;flex:0 0 auto}.admin-user-copy{display:grid;gap:2px;min-width:0}.admin-user-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.admin-user-copy span{font-size:.6875rem;color:var(--admin-muted)}
.admin-language{margin-left:4px}.admin-language .language-picker,.admin-topbar .language-picker{border:1px solid var(--admin-line);border-radius:8px;padding:7px 9px;background:#fff;font-size:.6875rem;color:var(--admin-ink)}
.admin-frame{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 74px)}
.admin-sidebar{border-right:1px solid var(--admin-line);background:#fbfcfd;padding:28px 18px;position:sticky;top:74px;height:calc(100vh - 74px);align-self:start}
.admin-sidebar-label{display:block;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3;margin:0 10px 13px}
.admin-side-nav{display:grid;gap:5px}.admin-side-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:.75rem;color:#5f6b7a}@media(hover:hover){.admin-side-nav a:hover{background:#f1f4f8;color:var(--admin-ink)}}.admin-side-nav a.active{background:var(--admin-blue-soft);color:var(--admin-blue);font-weight:650}
.admin-nav-icon{width:19px;height:19px;display:grid;place-items:center;font-size:13px;line-height:1}
.admin-sidebar-foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--admin-line);display:grid;gap:6px}.admin-sidebar-foot a{padding:9px 12px;border-radius:8px;font-size:.6875rem;color:#7a8594}@media(hover:hover){.admin-sidebar-foot a:hover{background:#f1f4f8;color:var(--admin-ink)}}
.admin-main{min-width:0;padding:32px 34px 70px}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 28px}.admin-page-head .eyebrow,.admin-eyebrow{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:#8490a0}.admin-page-head h1{font-size:clamp(2.375rem,4vw,3.625rem);line-height:1.05;letter-spacing:-.045em;font-weight:520;margin:8px 0 8px}.admin-page-head p{font-size:.875rem;line-height:1.55;color:var(--admin-muted);margin:0;max-width:760px}
.admin-context-note{border:1px solid #cfdcff;background:var(--admin-blue-soft);border-radius:12px;padding:16px 18px;max-width:320px}.admin-context-note strong{display:block;font-size:.75rem;margin-bottom:6px}.admin-context-note p{font-size:.75rem!important;line-height:1.5!important;margin:0!important}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.admin-stat{border:1px solid var(--admin-line);background:#fff;border-radius:12px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.admin-stat-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f1f5fb;color:var(--admin-blue)}.admin-stat strong{display:block;font-size:1.25rem;letter-spacing:-.015em}.admin-stat span{display:block;font-size:.75rem;color:var(--admin-muted);margin-top:2px}
.admin-surface{border:1px solid var(--admin-line);background:#fff;border-radius:14px;overflow:hidden}
body.admin-console .button,body.admin-console .primary{border:0;background:#111827;color:#fff;border-radius:9px;padding:10px 15px;font-weight:650;font-size:.6875rem;cursor:pointer}
body.admin-console .button.secondary,body.admin-console .secondary{background:#fff;color:var(--admin-ink);border:1px solid var(--admin-line)}
body.admin-console .button.danger{background:#fff;color:#b42318;border:1px solid #fecdca}

[dir="rtl"] .admin-sidebar{border-right:0;border-left:1px solid var(--admin-line)}
[dir="rtl"] .admin-side-nav a{direction:rtl}
[dir="rtl"] .admin-user{direction:rtl}
[dir="rtl"] .admin-page-head,[dir="rtl"] .admin-context-note{text-align:right}
[dir="rtl"] .admin-primary-nav{justify-content:flex-start}
/* Hebrew takes no negative or wide tracking. Discovery and Commercial do not load /i18n.css, so the
   shell resets it for every admin page. */
[dir="rtl"] body.admin-console :is(h1,h2,h3,h4,.eyebrow,.admin-eyebrow,.admin-sidebar-label,label,th,.admin-stat strong,.usage-card span,.editor-module-group>strong,.size-code,.preview-overview span,.plan-index,.preview-status span){letter-spacing:0}

/* The top bar is a material (§12): pages scroll under a translucent bar. The opaque fill above stays
   where blur is unsupported, and for reduced transparency or more contrast. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.admin-topbar{background:rgb(255 255 255 / .72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}
/* Scroll edge instead of a permanent divider: the hairline appears once content runs under the bar. */
@keyframes admin-bar-edge{from{border-bottom-color:transparent}to{border-bottom-color:var(--admin-bar-edge,var(--admin-line));box-shadow:0 8px 16px -14px rgb(17 24 39 / .25)}}
@supports (animation-timeline:scroll()){.admin-topbar{animation:admin-bar-edge linear both;animation-timeline:scroll(root);animation-range:0 8px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.admin-topbar{background:var(--admin-panel);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){.admin-topbar{animation:none;border-bottom-color:var(--admin-ink)}}

/* Press (§1): feedback on pointer-down, eased back on release. Controls shrink, cards a little less,
   rows and nav links tint, text links dim. Disabled never reacts. Values follow the --hr-press-*
   tokens; admin pages do not load the token files, hence the literal fallbacks. */
body.admin-console :is(.button,.primary,.secondary,.module-chip.more,.modal-close,.error-close,.size-summary-card,.admin-side-nav a,.admin-sidebar-foot a,.admin-primary-nav a,.workspace-item,.commercial-tabs button){-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .12s ease,scale var(--hr-motion-duration-release,180ms) var(--hr-motion-easing-settle,cubic-bezier(.16,1,.3,1))}
body.admin-console :is(.button,.primary,.secondary,.module-chip.more,.modal-close,.error-close):active:not(:disabled):not([aria-disabled="true"]){scale:var(--hr-press-scale,.97);transition-duration:var(--hr-motion-duration-press,90ms);transition-timing-function:ease-out}
body.admin-console .size-summary-card:active:not(:disabled){scale:var(--hr-press-scale-card,.985);transition-duration:var(--hr-motion-duration-press,90ms);transition-timing-function:ease-out}
body.admin-console :is(.admin-side-nav a,.admin-sidebar-foot a,.workspace-item,.commercial-tabs button):not(.active):active:not(:disabled){background-color:color-mix(in srgb,currentColor 14%,transparent);transition-duration:var(--hr-motion-duration-press,90ms)}
body.admin-console .admin-primary-nav a:active{opacity:var(--hr-press-opacity,.7);transition-duration:var(--hr-motion-duration-press,90ms)}
@media(prefers-reduced-motion:reduce){
  /* Owner 08.10.2026: nothing moves under reduced motion; the press dims instead of shrinking. */
  body.admin-console :is(.button,.primary,.secondary,.module-chip.more,.modal-close,.error-close,.size-summary-card):active:not(:disabled):not([aria-disabled="true"]){scale:none;opacity:var(--hr-press-opacity,.7)}
}
/* Phones zoom into fields set below 16px; touch input gets the full size. */
@media(pointer:coarse){body.admin-console :is(input,select,textarea){font-size:1rem!important}}
/* Busy controls, and text only screen readers need. */
body.admin-console [aria-busy="true"]{cursor:progress}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

@media(max-width:1100px){.admin-frame{grid-template-columns:150px minmax(0,1fr)}.admin-main{padding-left:24px;padding-right:24px}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.admin-topbar{grid-template-columns:auto 1fr;padding:0 14px;gap:14px}.admin-primary-nav{overflow:auto}.admin-primary-nav a{padding:0 9px;white-space:nowrap}.admin-user{display:none}.admin-frame{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--admin-line);padding:10px 14px}.admin-sidebar-label,.admin-sidebar-foot{display:none}.admin-side-nav{display:flex;overflow:auto}.admin-side-nav a{white-space:nowrap}.admin-main{padding:24px 14px 50px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}}
