/* Workspace geometry and account form styles. Semantic colors live in sellyhub-theme.css. */
.sh-workspace-body { background: var(--c-base); color: var(--c-ink); font-family: "Sarabun", Tahoma, sans-serif; }
.sh-workspace-body .skip-link { border-radius: 9px; }
.admin-shell { container-name: admin-shell; container-type: inline-size; }
.admin-shell :is(button, input, select, textarea) { font-family: inherit; }
.admin-shell .title { font-weight: 700; letter-spacing: -.02em; }
.admin-shell .admin-sidebar {
  width: 15.5rem;
  background: #173f35;
  color: #edf2e7;
  border: 0;
  --c-panel: #173f35;
  --c-panel2: #2b5146;
  --c-ink: #edf2e7;
  --c-muted: #b6c9bc;
  --c-line: #3c6154;
  --c-punch: #f5d6bd;
  --c-onaccent: #173f35;
  --c-hover: #264c41;
}
.admin-shell .admin-sidebar-brand {
  min-height: 5.2rem;
  padding: 1.25rem 1.45rem;
  gap: .8rem;
  border: 0;
  font-size: 1.55rem;
  letter-spacing: -.06em;
}
.sh-workspace-mark {
  display: inline-grid;
  place-items: center;
  width: 2.05rem;
  height: 2.05rem;
  flex-shrink: 0;
  border-radius: .6rem;
  background: #e87140;
  color: #173f35;
}
.sh-workspace-mark svg { width: 1.35rem; height: 1.35rem; }
.sh-workspace-brand-copy { display: flex; flex-direction: column; gap: .12rem; line-height: 1.15; }
.sh-workspace-brand-copy small { font-size: .65rem; font-weight: 400; letter-spacing: .055em; color: #b6c9bc; }
.admin-shell .nav-drawer-scroll { padding: .6rem .9rem; gap: .9rem; }
.admin-shell [data-portal-section] { color: #a4bcae; font-size: .7rem; font-weight: 400; letter-spacing: .02em; margin: 0 0 .25rem; }
.admin-shell [data-portal-nav] { gap: .55rem; font-weight: 400; border-radius: .55rem; padding: .65rem .85rem; line-height: 1.45; color: #e0e9de; transition: background-color .18s, color .18s; }
.admin-shell [data-portal-nav]:hover { background: #264c41; color: #fdfbf2; }
.admin-shell [data-portal-nav][aria-current="page"] { background: #eaf0df; color: #173f35; font-weight: 600; }
.admin-shell [data-portal-nav][aria-current="page"]::before { content: ''; width: .4rem; height: .4rem; border-radius: 50%; background: #e87140; flex-shrink: 0; }
.admin-shell .nav-drawer-footer { margin: .5rem .9rem 0; padding: 1.15rem .35rem 1.25rem; border-width: 1px; }
.admin-shell .nav-drawer-footer .btn { color: #d9e7d7; border-color: #5a7566; font-size: .75rem; padding: .35rem .65rem; }
.admin-shell .nav-drawer-footer .chip { border-color: #456556; color: #c5d6c7; background: transparent; padding: .3rem .65rem; }
.admin-shell .nav-drawer-header { padding: 1rem; border-bottom: 1px solid #3c6154; }
.admin-shell .admin-header { min-height: calc(5.2rem + env(safe-area-inset-top)); padding-inline: clamp(1rem, 2.4vw, 2.2rem); background: var(--c-base); border-width: 0 0 1px; backdrop-filter: none; gap: .8rem; }
.admin-shell .admin-header-title { font-size: 1.25rem; font-weight: 600; }
.admin-shell .admin-header-badge { width: 2rem; height: 2rem; border: 0; padding: .25rem; background: #e87140; transform: none; }
.admin-shell .admin-header-actions { gap: .6rem; }
.admin-shell .admin-workspace { padding: clamp(1.2rem, 2.4vw, 2.2rem); container-name: admin-workspace; container-type: inline-size; }
.admin-shell .card { background: var(--c-panel); border: 1px solid var(--c-line); border-radius: 1rem; box-shadow: 0 2px 2px #173f3503; }
.admin-shell :is(.panel2, .plan-choice, .private-evidence, .mfa-dialog, .notice, .form-error) { border-width: 1px; border-radius: .75rem; }
.admin-shell .panel2 { background: var(--c-panel2); }
.admin-shell .btn { min-height: 2.8rem; padding: .65rem 1rem; border: 1px solid var(--c-line); border-radius: .6rem; font-weight: 600; letter-spacing: 0; box-shadow: none; transform: none; line-height: 1.35; transition: color .18s, background-color .18s, border-color .18s; }
.admin-shell .btn:hover { transform: none; box-shadow: none; background: var(--c-hover); }
.admin-shell .btn-primary { border-color: var(--c-punch); background: var(--c-punch); color: var(--c-onaccent); }
.admin-shell .btn-primary:hover { background: color-mix(in srgb, var(--c-punch), var(--c-ink) 14%); border-color: color-mix(in srgb, var(--c-punch), var(--c-ink) 14%); }
.admin-shell .btn-ghost { background: transparent; color: var(--c-ink); }
.admin-shell .btn-danger { color: var(--c-danger); background: transparent; border-color: color-mix(in srgb, var(--c-danger), var(--c-line) 65%); }
.admin-shell .btn-sm { padding: .5rem .8rem; font-size: .8rem; }
.admin-shell .input { min-height: 3rem; padding: .7rem .85rem; border: 1px solid var(--c-line); border-radius: .55rem; background: var(--c-panel); color: var(--c-ink); box-shadow: none; font-weight: 400; }
.admin-shell .input:focus { border-color: var(--c-punch); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-punch), transparent 88%); outline: 0; }
.admin-shell .input:focus-visible { outline: 2px solid var(--c-punch); outline-offset: 2px; }
.admin-shell .input::placeholder { color: var(--c-muted); opacity: 1; }
.admin-shell .label { font-size: .82rem; font-weight: 600; margin-bottom: .4rem; color: var(--c-ink); }
.admin-shell .link { color: var(--c-punch); font-weight: 600; text-underline-offset: .2em; }
.admin-shell .chip { border: 1px solid var(--c-line); background: var(--c-panel2); border-radius: 2rem; font-weight: 500; letter-spacing: 0; padding: .28rem .65rem; }
.admin-shell .status { border-radius: 2rem; padding: .28rem .65rem; background: var(--c-panel2); }
.admin-shell .status:is(.ready, .succeeded, .credited) { background: color-mix(in srgb, var(--c-ok), var(--c-panel) 91%); border-color: color-mix(in srgb, var(--c-ok), var(--c-line) 80%); }
.admin-shell .status:is(.suspended, .failed, .rejected) { background: color-mix(in srgb, var(--c-danger), var(--c-panel) 93%); }
.admin-shell :is(.admin-category-list-heading, .dash-section-heading) { padding: 1.35rem 1.5rem; gap: .9rem; border-bottom: 1px solid var(--c-line); }
.admin-shell .dash-metrics { padding: 0; overflow: hidden; }
.admin-shell .dash-metrics dl.portal-summary { padding: 1.35rem 1.5rem 1.5rem; gap: 1.5rem; }
.admin-shell .dash-metrics dl.portal-summary dt { font-size: .8rem; font-weight: 400; color: var(--c-muted); }
.admin-shell .dash-metrics dl.portal-summary dd { margin-top: .45rem; font-size: 1.75rem; font-weight: 600; letter-spacing: -.02em; }
.admin-shell :is(.admin-category-table, .table-wrap table) { font-size: .825rem; }
.admin-shell :is(.admin-category-table, .table-wrap table) :is(th, td) { border-width: 0 0 1px; border-color: var(--c-line); padding: 1rem 1.2rem; }
.admin-shell :is(.admin-category-table, .table-wrap table) th { background: var(--c-panel2); color: var(--c-muted); font-weight: 500; font-size: .75rem; }
.admin-shell :is(.admin-category-table, .table-wrap table) tbody tr:hover { background: color-mix(in srgb, var(--c-panel2), var(--c-panel) 55%); }
.admin-shell .admin-category-controls { gap: .5rem; }

/* Dashboard rows keep one primary action; the rest tuck into a small menu. */
.shw-row-more>summary { list-style: none; }
.shw-row-more>summary::-webkit-details-marker { display: none; }
.shw-row-more[open]>summary { background: var(--c-hover); }
.shw-row-more-menu { display: flex; flex-wrap: wrap; gap: .15rem .5rem; margin-top: .35rem; }
.shw-row-more-menu a { display: flex; align-items: center; min-height: 44px; padding: .35rem .5rem; border-radius: .45rem; color: var(--c-ink); font-size: .8rem; font-weight: 500; text-decoration: none; white-space: nowrap; }
.shw-row-more-menu a:hover { background: var(--c-panel2); color: var(--c-ink); }
.shw-row-more-menu a:focus-visible { outline: 2px solid var(--c-punch); outline-offset: -2px; }
.admin-shell .admin-category-identity { gap: .8rem; }
.admin-shell .settings-note { line-height: 1.7; }
.admin-shell .display-popover { border-radius: .85rem; box-shadow: 0 10px 35px #11261a1a; }
.admin-shell :is(.sellyhub-guard, .sellyhub-guard-button) { border-width: 1px; border-radius: .55rem; }
.admin-shell .progress-steps li { border-width: 2px; }
.admin-shell :is(.operator-counter, .metrics-grid) :is(strong, dd) { font-weight: 600; letter-spacing: -.015em; }
.admin-shell .operator-section-tabs a[aria-current="page"] { box-shadow: inset 0 -2px var(--c-punch); }
.admin-shell .operator-overview { gap: 1.5rem; }
.admin-shell .mfa-dialog { box-shadow: 0 24px 80px #102b2150; }

/* Account entry uses a storefront illustration and a quiet, focused form. */
.sh-auth {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  width: min(calc(100% - 6rem), 71rem);
  margin: clamp(2rem, 5vw, 4.5rem) auto;
  border: 1px solid var(--c-line);
  border-radius: 1.5rem;
  background: var(--c-panel);
  color: var(--c-ink);
  overflow: hidden;
  font-family: "Sarabun", Tahoma, sans-serif;
}
.sh-auth-story { display: flex; flex-direction: column; gap: 3.1rem; min-width: 0; padding: clamp(1.75rem, 3.5vw, 3.2rem); background: #173f35; color: #f3f1e7; }
.sh-auth-back { display: inline-flex; align-items: center; gap: .55rem; width: fit-content; min-height: 2.75rem; font-size: .8rem; color: #d2e2d1; text-decoration: none; }
.sh-auth-back:hover { color: #f5d6bd; }
.sh-auth-eyebrow { font-size: .62rem; font-weight: 600; letter-spacing: .12em; }
.sh-auth-story-copy > .sh-auth-eyebrow { color: #abc7b5; margin-bottom: 1.2rem; }
.sh-auth-story-copy h2 { margin: 0; font-weight: 600; font-size: clamp(2rem, 3.2vw, 3.1rem); line-height: 1.35; letter-spacing: -.035em; }
.sh-auth-story-copy h2 span { display: block; color: #f1ba93; }
.sh-auth-story-copy > p:last-child { margin-top: 1.1rem; font-size: .85rem; line-height: 1.8; color: #bed0be; }
.sh-auth-store { position: relative; width: 100%; transform: rotate(-3deg); border: 1px solid #739181; border-radius: .8rem; background: #f1f1e7; color: #173f35; box-shadow: 12px 15px 0 #0e3027; }
.sh-auth-store-top { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .75rem 1rem; border-bottom: 1px solid #c6d1c4; font-size: .5rem; font-weight: 600; letter-spacing: .13em; }
.sh-auth-store-top > span:first-child { display: flex; gap: .25rem; }
.sh-auth-store-top i { width: .28rem; height: .28rem; border-radius: 50%; background: #96aa94; }
.sh-auth-store-body { padding: 1.4rem 1.3rem 1.2rem; }
.sh-auth-store-brand { display: flex; align-items: center; gap: .65rem; font-size: .6rem; line-height: 1.4; letter-spacing: .04em; }
.sh-auth-store-mark { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: .55rem; background: #e87140; font-size: 1.35rem; font-weight: 700; letter-spacing: -.1em; }
.sh-auth-store-brand small { margin-left: auto; padding: .3rem .6rem; background: #e0e8d8; border-radius: 2rem; font-size: .5rem; letter-spacing: 0; }
.sh-auth-store-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin-top: 1.15rem; }
.sh-auth-store-products > div { display: flex; flex-direction: column; align-items: center; gap: .4rem; border-radius: .5rem; background: #dce5d5; padding: .75rem .2rem; font-size: .58rem; }
.sh-auth-store-products > div:nth-child(2) { background: #efd3bb; }
.sh-auth-store-products > div:nth-child(3) { background: #d7e1da; }
.sh-auth-store-products svg { width: min(4rem, 100%); height: auto; }
.sh-auth-store-label { position: absolute; right: -.4rem; bottom: -1rem; padding: .5rem 1rem; border-radius: .35rem; background: #e87140; color: #173f35; font-size: .7rem; font-weight: 600; transform: rotate(6deg); }
.sh-auth .sh-auth-story-foot { display: flex; align-items: center; gap: .55rem; margin-top: auto; padding-top: 1.25rem; font-size: .7rem; line-height: 1.7; color: #bed0be; }
.sh-auth-story-foot svg { flex-shrink: 0; }
.sh-auth-panel { padding: clamp(2rem, 4.3vw, 4.2rem); min-width: 0; align-self: center; }
.sh-auth-panel-heading .sh-auth-eyebrow { color: #627965; margin-bottom: .9rem; }
.sh-auth-panel-heading h1 { margin: 0 0 .9rem; font-size: clamp(1.8rem, 2.3vw, 2.2rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.35; }
.sh-auth-panel-heading > p:last-child { margin: 0; color: var(--c-muted); font-size: .84rem; line-height: 1.8; max-width: 36ch; }
.sh-auth-form { display: flex; flex-direction: column; gap: 1.3rem; margin-top: 2rem; }
.sh-auth-field { min-width: 0; }
.sh-auth .label { display: block; font-size: .82rem; font-weight: 600; margin-bottom: .5rem; }
.sh-auth-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; }
.sh-auth .input { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 3.2rem; padding: .8rem 1rem; background: #fdfdf7; border: 1px solid #cbd6c7; border-radius: .6rem; font-family: inherit; color: var(--c-ink); font-size: .9rem; box-shadow: none; }
.sh-auth .input:focus { border-color: #216047; outline: 0; box-shadow: 0 0 0 3px #21604718; }
.sh-auth .input:focus-visible { outline: 2px solid var(--c-punch); outline-offset: 2px; }
.sh-auth .input::placeholder { color: var(--c-muted); opacity: 1; }
.sh-auth .sh-auth-field-note { color: var(--c-muted); font-size: .72rem; line-height: 1.8; margin: .5rem 0 0; }
.sh-auth .link { color: var(--c-punch); font-weight: 600; text-decoration: none; text-underline-offset: .2em; }
.sh-auth .link:hover { text-decoration: underline; }
.sh-auth-link { font-size: .74rem; white-space: nowrap; }
.sh-auth-mfa { padding-bottom: .2rem; }
.sh-auth-mfa summary { min-height: 2.75rem; align-content: center; cursor: pointer; font-size: .76rem; color: var(--c-muted); }
.sh-auth-mfa[open] .sh-auth-field { margin-top: .75rem; }
.sh-auth .captcha-control { padding: .85rem 1rem; border: 1px solid var(--c-line); border-radius: .65rem; background: var(--c-panel2); }
.sh-auth .captcha-title { font-size: .68rem; margin: 0 0 .35rem; }
.sh-auth .captcha-note { font-size: .68rem; line-height: 1.7; }
.sh-auth :is(.sellyhub-guard, .sellyhub-guard-button) { border-width: 1px; border-radius: .45rem; }
.sh-auth .sh-auth-submit { width: 100%; min-height: 3.2rem; display: flex; align-items: center; justify-content: center; gap: .75rem; border: 1px solid #216047; border-radius: .6rem; background: #216047; color: #f8f9ed; font-family: inherit; font-size: .88rem; font-weight: 600; padding: .8rem 1rem; box-shadow: none; transform: none; cursor: pointer; transition: background-color .18s; }
.sh-auth .sh-auth-submit:hover { background: #173f35; border-color: #173f35; transform: none; box-shadow: none; }
.sh-auth .sh-auth-submit:disabled { cursor: wait; opacity: .6; }
.sh-auth .sh-auth-registration-note { margin-top: -.45rem; text-align: center; }
.sh-auth-switch { padding-top: 1.5rem; margin-top: 1.75rem; border-top: 1px solid var(--c-line); text-align: center; color: var(--c-muted); font-size: .8rem; }
.sh-auth-switch a { margin-left: .3rem; }
.sh-auth .form-error { border: 1px solid #c78378; border-radius: .6rem; background: #faeee9; font-size: .8rem; padding: .8rem 1rem; margin: 0; }
.sh-auth :focus-visible { outline: 3px solid var(--c-punch); outline-offset: 4px; }
.sh-auth .sh-auth-story :focus-visible { outline-color: #f1ba93; }
html.dark .sh-auth .input { background: #17271f; border-color: #49604b; }
html.dark .sh-auth .input::placeholder { color: #a1b5a4; }
html.dark .sh-auth .input:focus { border-color: #a3d6af; box-shadow: 0 0 0 3px #a3d6af18; }
html.dark .sh-auth-panel-heading .sh-auth-eyebrow { color: #aabdb0; }
html.dark .sh-auth .form-error { background: #3b2925; color: #f1a398; border-color: #9c6a62; }

@container admin-shell (max-width: 64rem) {
  .admin-shell .admin-sidebar { width: 15.5rem; }
  .admin-shell .admin-header { min-height: calc(4.4rem + env(safe-area-inset-top)); }
}
@media (max-width: 60rem) {
  .sh-auth { width: calc(100% - 4rem); grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .sh-auth-story { padding: 1.75rem; gap: 2rem; }
  .sh-auth-panel { padding: 2rem; }
  .sh-auth-story-copy h2 { font-size: 2rem; }
}
@media (max-width: 43rem) {
  .sh-auth { width: calc(100% - 2.5rem); grid-template-columns: minmax(0, 1fr); border-radius: 1rem; margin-block: 1.25rem 2.5rem; }
  .sh-auth-story { padding: 1.25rem 1.5rem 1.5rem; gap: .6rem; }
  .sh-auth-story-copy h2 { font-size: 1.4rem; }
  .sh-auth-story-copy h2 br { display: none; }
  .sh-auth-story-copy h2 span { display: inline; margin-left: .2em; }
  .sh-auth-story-copy > .sh-auth-eyebrow { font-size: .52rem; margin-bottom: .5rem; }
  .sh-auth-story-copy > p:last-child { font-size: .75rem; margin-top: .5rem; }
  .sh-auth-desktop-break, .sh-auth-store, .sh-auth .sh-auth-story-foot { display: none; }
  .sh-auth-back { min-height: 2.5rem; font-size: .74rem; }
  .sh-auth-panel { padding: 2rem 1.5rem; }
  .sh-auth-panel-heading h1 { font-size: 1.7rem; }
  .sh-auth-panel-heading > p:last-child { max-width: none; }
  .sh-auth-form { margin-top: 1.6rem; gap: 1.15rem; }
  .admin-shell .admin-header-title { font-size: 1rem; }
  .admin-shell .admin-header-actions { gap: .3rem; }
  .admin-shell .admin-workspace { padding: 1rem; }
  .admin-shell :is(.admin-category-list-heading, .dash-section-heading) { padding: 1rem; }
  .admin-shell .dash-metrics dl.portal-summary { padding: 1rem; gap: 1rem; }
  .admin-shell :is(.admin-category-table, .table-wrap table) :is(th, td) { padding: .8rem .85rem; }
}
@media (max-width: 23rem) {
  .sh-auth { width: calc(100% - 2rem); }
  .sh-auth-panel { padding: 1.7rem 1rem; }
  .sh-auth-story { padding-inline: 1rem; }
  .sh-auth-label-row { gap: .4rem; }
  .sh-auth-panel-heading h1 { font-size: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .sh-auth *, .admin-shell * { transition: none !important; }
}
html[data-motion="reduce"] :is(.sh-auth, .admin-shell) * { transition: none !important; }

/* Workspace v2: common navigation, task hierarchy and responsive workflows. */
.admin-shell .admin-sidebar {
  --c-panel:inherit; --c-panel2:inherit; --c-ink:inherit; --c-muted:inherit;
  --c-line:inherit; --c-punch:inherit; --c-onaccent:inherit; --c-hover:inherit;
  background:var(--c-panel); color:var(--c-ink); border-right:1px solid var(--c-line);
}
.admin-shell .admin-sidebar-brand { min-height:6rem; padding:.75rem 1.2rem 1rem; }
.sh-workspace-body .admin-sidebar-brand { display:flex!important; flex-shrink:0; }
.sh-workspace-brand-copy { gap:.1rem; width:100%; }
.sh-workspace-brand-copy .sh-logo-pair { width:11rem; }
.sh-workspace-brand-copy small { color:var(--c-muted); font-size:.7rem; letter-spacing:0; padding-left:.3rem; }
.admin-shell .nav-drawer-scroll { flex:1; min-height:0; gap:.65rem; padding:.5rem .8rem 1rem; }
.admin-shell [data-portal-section] { color:var(--c-muted); font-size:.7rem; letter-spacing:0; font-weight:600; }
.admin-shell [data-portal-nav] { color:var(--c-ink); min-height:44px; font-size:.82rem; }
.admin-shell [data-portal-nav]:hover { background:var(--c-hover); color:var(--c-ink); }
.admin-shell [data-portal-nav][aria-current="page"] { color:var(--c-punch); background:color-mix(in srgb,var(--c-punch),var(--c-panel) 93%); }
.admin-shell [data-portal-nav][aria-current="page"]::before { background:var(--c-punch); }
.admin-shell .nav-drawer-footer { flex-shrink:0; margin:.5rem .8rem 0; padding:.8rem .25rem; }
.admin-shell .nav-drawer-footer :is(.btn,.chip) { color:var(--c-muted); border-color:var(--c-line); }
.admin-shell .nav-drawer-header { border-color:var(--c-line); }
.admin-shell .admin-header { display:flex!important; flex-wrap:nowrap; min-height:4.6rem; background:var(--c-base); }
.admin-shell .admin-header-title { font-size:1rem; letter-spacing:0; font-weight:600; }
.admin-shell .admin-header-actions { flex:0 0 auto!important; margin-left:auto!important; justify-content:flex-end; }
.admin-shell .admin-header-badge { background:transparent; }
.admin-header-badge img { width:100%; height:auto; }
.admin-shell .admin-workspace { width:100%; padding-top:1.6rem; }
.admin-shell .card { box-shadow:none; }
.admin-shell :is(.display-popover,.mfa-dialog) { box-shadow:0 18px 55px color-mix(in srgb,var(--c-shadow),transparent 30%); }
.shw-page { display:grid; gap:1.5rem; max-width:85rem; margin-inline:auto; min-width:0; }
.shw-page-header { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:1rem 2rem; margin:0 0 .3rem; padding:0; border:0; }
.shw-page-heading { min-width:0; flex:1 1 20rem; }
.shw-page-heading h2, h2.shw-page-heading { margin:.25rem 0 .5rem; font-size:clamp(1.45rem,2.2vw,1.9rem); line-height:1.45; font-weight:700; letter-spacing:-.025em; overflow-wrap:anywhere; }
.shw-page-heading>p:last-child, .shw-page-intro { color:var(--c-muted); font-size:.875rem; line-height:1.8; max-width:68ch; margin:0; }
.shw-eyebrow, .shw-kicker { color:var(--c-muted); font-size:.7rem; line-height:1.7; font-weight:600; letter-spacing:.02em; margin:0 0 .25rem; }
.shw-page-actions, .shw-primary-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; }
.shw-page-actions { padding-top:.35rem; }
.shw-section { padding:1.4rem; min-width:0; }
.shw-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.7rem 1.2rem; margin-bottom:.7rem; }
.shw-section-heading :is(h2,h3) { margin:0; font-size:1rem; font-weight:600; line-height:1.6; }
.shw-section-heading>div { min-width:0; }
.shw-section-heading p, .shw-field-help { color:var(--c-muted); font-size:.8rem; line-height:1.8; margin:.4rem 0 0; overflow-wrap:anywhere; }
.shw-toolbar, .shw-filter-panel { display:flex; align-items:end; flex-wrap:wrap; gap:1rem; padding:1rem 1.2rem; background:var(--c-panel2); border:1px solid var(--c-line); border-radius:.7rem; }
.shw-filter-panel label { flex:1 1 10rem; }
.shw-filter-panel .input { width:100%; }
.shw-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.shw-stat-card { display:flex; flex-direction:column; gap:.65rem; padding:1.25rem; color:var(--c-ink); text-decoration:none; min-width:0; }
.shw-stat-card>strong { font-size:2rem; line-height:1.1; font-weight:600; }
.shw-stat-action { margin-top:auto; padding-top:.4rem; font-size:.75rem; color:var(--c-punch); }
a.shw-stat-card:hover { border-color:var(--c-punch); }
.shw-form-step { min-width:0; }
.admin-shell #oauth { scroll-margin-top:7rem; }
fieldset.shw-form-step { display:grid; gap:1rem; padding:1rem 0 0; border:0; margin:0; }
fieldset.shw-form-step>legend { padding:0; font-weight:600; font-size:.9rem; }
fieldset.shw-form-step .label>.input { display:block; width:100%; margin-top:.4rem; }
.shw-form-step>.shw-section-heading { padding-bottom:.8rem; border-bottom:1px solid var(--c-line); }
.shw-form-grid, .shw-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.1rem; }
.shw-form-stack { display:grid; gap:1.25rem; }
.shw-form-footer { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; padding-top:1rem; margin-top:.3rem; border-top:1px solid var(--c-line); }
.shw-callout, .shw-note { padding:.8rem 1rem; border-left:3px solid var(--c-cyan); border-radius:.3rem .65rem .65rem .3rem; background:color-mix(in srgb,var(--c-cyan),var(--c-panel) 95%); font-size:.8rem; line-height:1.8; color:var(--c-muted); }
.shw-callout strong { color:var(--c-ink); }
.shw-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.8rem; padding:2.5rem 1.5rem; text-align:center; min-width:0; }
.shw-empty h3, .shw-empty>strong { color:var(--c-ink); font-size:1.05rem; margin:0; }
.shw-empty p { color:var(--c-muted); font-size:.82rem; line-height:1.9; max-width:50ch; margin:0; }
.shw-empty-symbol { display:grid; place-items:center; width:3.2rem; height:3.2rem; font-size:1.6rem; border-radius:1rem; background:var(--c-panel2); color:var(--c-punch); }
.shw-empty-compact { padding:1.6rem 1rem; }
.shw-help-panel { padding:1.1rem 1.3rem; }
.shw-help-panel>summary { cursor:pointer; font-size:.85rem; min-height:44px; align-content:center; }
.shw-help-panel[open]>summary { padding-bottom:.5rem; }
.shw-related-links { display:flex; flex-wrap:wrap; gap:.6rem; min-width:0; }
nav.shw-related-links>a { display:inline-flex; align-items:center; min-height:44px; font-size:.8rem; padding:.5rem .85rem; background:var(--c-panel); border:1px solid var(--c-line); border-radius:.6rem; }
nav.shw-related-links>a:hover { border-color:var(--c-punch); color:var(--c-punch); }
.shw-related-links>.shw-section-heading, .shw-related-links>.operator-shortcuts { width:100%; }
.shw-step-list { display:grid; gap:.65rem; padding-left:1.2rem; margin:.8rem 0; font-size:.8rem; color:var(--c-muted); line-height:1.8; }
.shw-step-list li::marker { color:var(--c-punch); font-weight:700; }
.shw-step-list:has(.is-current) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; margin:0; list-style:none; gap:.8rem; }
.shw-step-list:has(.is-current) li { display:flex; align-items:center; gap:.65rem; padding:.7rem .9rem; border-bottom:2px solid var(--c-line); color:var(--c-muted); font-size:.75rem; }
.shw-step-list:has(.is-current) li>span { display:grid; place-items:center; flex-shrink:0; width:1.65rem; height:1.65rem; border-radius:50%; background:var(--c-panel2); font-size:.7rem; }
.shw-step-list:has(.is-current) .is-current { color:var(--c-ink); border-color:var(--c-punch); }
.shw-step-list:has(.is-current) .is-current>span { background:var(--c-punch); color:var(--c-onaccent); }
.shw-step-list:has(.is-current) .is-complete>span { background:var(--c-lime); color:var(--c-limeink); }
.shw-inline-steps { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:.6rem; padding:0; list-style:none; color:var(--c-muted); font-size:.72rem; margin:1rem 0 0; }
.shw-inline-steps li+li::before { content:'→'; margin-right:.6rem; color:var(--c-muted); }
.shw-domain-preview { display:flex; flex-direction:column; gap:.35rem; }
.shw-plan-choice { display:flex; flex-direction:column; gap:.5rem; position:relative; cursor:pointer; min-width:0; padding:1.2rem; border:1px solid var(--c-line); border-radius:.7rem; background:var(--c-panel); }
.shw-plan-choice:has(input:checked) { border-color:var(--c-punch); box-shadow:0 0 0 1px var(--c-punch); background:color-mix(in srgb,var(--c-punch),var(--c-panel) 97%); }
.shw-plan-choice:has(input:disabled) { cursor:default; opacity:.65; }
.shw-plan-choice input { accent-color:var(--c-punch); }
.shw-checkout-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(17rem,.85fr); gap:1.5rem; align-items:start; }
.shw-checkout-form { grid-column:1; grid-row:1; }
.shw-checkout-summary { grid-column:2; grid-row:1; position:sticky; top:6rem; }
.shw-checkout-form .input { width:100%; }
.shw-business-summary { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; }
.shw-metric-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.shw-metric-strip>div { min-width:0; }
.shw-settings-guide { border:1px solid var(--c-line); background:var(--c-panel2); border-radius:.8rem; padding:1.2rem; }
.shw-back-link { display:inline-flex; align-items:center; min-height:34px; }
.shw-lifecycle-panel { border-color:var(--c-line); }
.shw-lifecycle-choice { padding:1rem; background:var(--c-panel2); border-radius:.65rem; }
.shw-danger-panel { border:1px solid color-mix(in srgb,var(--c-danger),var(--c-line) 70%); border-radius:.8rem; padding:1.25rem; }
.shw-toggle-list { display:grid; gap:.65rem; }
.shw-toggle-list label { display:flex; align-items:start; gap:.7rem; padding:.7rem .85rem; border:1px solid var(--c-line); border-radius:.5rem; }
.shw-toggle-list input { accent-color:var(--c-punch); margin-top:.2rem; }
.shw-review-item { padding:1.1rem; background:var(--c-panel2); border-radius:.7rem; }
.shw-plan-card { padding:1.25rem; }
.shw-policy-details { border-top:1px solid var(--c-line); padding-top:1rem; }
.shw-policy-details summary { cursor:pointer; min-height:44px; align-content:center; }
.shw-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.7rem; margin-top:1rem; font-size:.8rem; }
.shw-table-wrap { overflow:auto; border:1px solid var(--c-line); border-radius:.7rem; max-width:100%; }
.shw-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.shw-table :is(th,td) { padding:.9rem 1rem; border-bottom:1px solid var(--c-line); text-align:left; vertical-align:top; }
.shw-table th { background:var(--c-panel2); font-size:.75rem; font-weight:600; color:var(--c-muted); }
.shw-table tbody tr:last-child td { border-bottom:0; }
.shw-table code { overflow-wrap:anywhere; }
.shw-dns-records { display:grid; gap:1rem; }
.shw-dns-record { padding:1rem; border:1px solid var(--c-line); border-radius:.65rem; }
.shw-mfa-recovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
.sh-workspace-body :is(input,select,textarea) { max-width:100%; }
.sh-workspace-body :is(.admin-category-controls,.page-actions) { flex-wrap:wrap; }
@media(min-width:1024px) {
  .sh-workspace-body .admin-sidebar { display:flex!important; position:sticky!important; width:15.5rem!important; height:100dvh; inset:auto; top:0; }
  .sh-workspace-body .admin-mobile-control { display:none!important; }
  .sh-workspace-body .admin-header-secondary { display:inline-flex!important; }
}
@media(max-width:1023px) {
  .sh-workspace-body .admin-sidebar { display:none!important; }
  .sh-workspace-body .admin-mobile-control { display:inline-flex!important; }
  html[data-menu-open="true"] .sh-workspace-body .admin-sidebar { display:flex!important; position:fixed!important; inset:0 auto 0 0; width:min(19rem,calc(100vw - 2rem))!important; z-index:70; height:100dvh; }
  .shw-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .shw-page { gap:1.1rem; }
  .shw-page-header { gap:.8rem; }
  .shw-page-heading { flex-basis:100%; }
  .shw-page-heading h2 { font-size:1.45rem; }
  .shw-page-actions { width:100%; padding:0; }
  .shw-page-actions>.btn { flex:1; }
  .shw-section { padding:1.1rem; }
  .shw-form-grid, .shw-detail-grid, .shw-business-summary, .shw-metric-strip { grid-template-columns:minmax(0,1fr); }
  .shw-checkout-layout { display:flex; flex-direction:column; }
  .shw-checkout-summary { position:static; width:100%; }
  .shw-checkout-form { width:100%; }
  .shw-filter-panel { padding:1rem; }
  .shw-filter-panel>label, .shw-filter-panel>.btn { width:100%; flex-basis:100%; }
  .shw-stat-card { padding:1rem; }
  .operator-section-tabs { display:flex!important; flex-wrap:nowrap!important; overflow-x:auto; scrollbar-width:thin; padding-bottom:.4rem; max-width:100%; }
  .operator-section-tabs>a { flex:0 0 auto; white-space:nowrap; }
  .shw-mfa-recovery-grid { grid-template-columns:minmax(0,1fr); }
  .admin-shell .admin-header { gap:.5rem; padding-inline:1rem; }
  .admin-shell .admin-header-badge { display:none!important; }
  .admin-shell .admin-header-secondary { display:none!important; }
  .admin-shell .admin-header-title { min-width:0; max-width:none!important; flex:1 1 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
  .admin-shell .admin-header-actions { flex-wrap:nowrap; gap:.35rem; }
  .admin-shell .admin-workspace { padding:1.25rem 1rem; }
  .admin-shell :is(.shw-table,.admin-category-table,.table-wrap table):has(td[data-label]) { display:block; min-width:0!important; width:100%; }
  .admin-shell :is(.shw-table,.admin-category-table,.table-wrap table):has(td[data-label]) :is(thead) { display:none; }
  .admin-shell :is(.shw-table,.admin-category-table,.table-wrap table):has(td[data-label]) :is(tbody) { display:block; }
  .admin-shell :is(.shw-table,.admin-category-table,.table-wrap table):has(td[data-label]) tr { display:grid; grid-template-columns:minmax(0,1fr); padding:.9rem 1rem; border-bottom:1px solid var(--c-line); background:var(--c-panel); }
  .admin-shell :is(.shw-table,.admin-category-table,.table-wrap table):has(td[data-label]) td { display:block; padding:.45rem 0; border:0; min-width:0; overflow-wrap:anywhere; }
  .admin-shell :is(.shw-table,.admin-category-table,.table-wrap table):has(td[data-label]) td[data-label]::before { content:attr(data-label); display:block; margin-bottom:.3rem; color:var(--c-muted); font-size:.7rem; font-weight:400; }
  .admin-shell :is(.shw-table,.admin-category-table,.table-wrap table):has(td[data-label]) td[colspan] { padding:1rem 0; }
}