/* Shared UI primitives and progressive-enhancement states */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;top:10px;left:10px;z-index:1000;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--foreground,#242220);color:#fff;font-weight:700;transition:transform .15s}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid rgb(204 120 92/.42);outline-offset:3px}
[aria-current="page"]{text-decoration-thickness:2px;text-underline-offset:5px}
.navigation-progress{height:3px}
.page-loading-overlay{position:fixed;inset:0;z-index:950;display:grid;place-items:center;padding:24px;background:rgb(250 249 245/.72);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s}
body[aria-busy="true"] .page-loading-overlay{opacity:1;visibility:visible}
.page-loading-card{width:min(560px,100%);padding:28px;border:1px solid var(--border,#e2ddd3);border-radius:18px;background:var(--background,#fff);box-shadow:0 24px 70px rgb(24 23 21/.14)}
.ui-skeleton{display:grid;gap:12px}.ui-skeleton-line{display:block;height:13px;border-radius:999px;background:linear-gradient(90deg,#ece8e0 20%,#f7f4ee 38%,#ece8e0 56%);background-size:220% 100%;animation:ui-shimmer 1.35s infinite}.ui-skeleton-line.heading{width:44%;height:24px}.ui-skeleton-line.subheading{width:72%}.ui-skeleton-line.row{width:100%;height:42px;border-radius:10px}.ui-skeleton-line.row:nth-of-type(2n){width:92%}
@keyframes ui-shimmer{to{background-position:-220% 0}}
.network-status{position:fixed;right:16px;bottom:16px;z-index:990;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border:1px solid var(--border,#ddd6cb);border-radius:12px;background:#fff;box-shadow:0 14px 40px rgb(24 23 21/.14);font-size:.84rem}.network-status.offline{border-color:#e0b4a7;background:#fff7f4}.network-status.online{border-color:#b8d7c2;background:#f3fbf5}
.ui-empty-state{display:grid;place-items:center;text-align:center;gap:10px;padding:48px 24px;border:1px dashed var(--border,#ddd6cb);border-radius:16px;background:var(--background,#fff)}.ui-empty-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:var(--muted,#f1eee7);color:var(--primary,#cc785c)}.ui-empty-icon .ui-icon{width:22px;height:22px}.ui-empty-state h2{margin:4px 0 0;font-family:var(--font-sans,Inter,sans-serif);font-size:1.1rem}.ui-empty-state p{max-width:520px;margin:0;color:var(--muted-foreground,#716d68);font-size:.88rem;line-height:1.65}.ui-empty-state .button{margin-top:8px}
.ui-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:24px}.ui-pagination-pages{display:flex;align-items:center;gap:5px}.ui-pagination-page,.ui-pagination-arrow{display:grid;min-width:36px;height:36px;place-items:center;border:1px solid var(--border,#ddd6cb);border-radius:9px;background:var(--background,#fff);color:var(--foreground,#242220);font-size:.8rem;font-weight:650;text-decoration:none}.ui-pagination-page:hover,.ui-pagination-arrow:hover{border-color:var(--primary,#cc785c);background:rgb(204 120 92/.05)}.ui-pagination-page.current{border-color:var(--primary,#cc785c);background:var(--primary,#cc785c);color:#fff}.ui-pagination-arrow.previous .ui-icon{transform:rotate(180deg)}.ui-pagination-arrow.disabled{opacity:.38;cursor:not-allowed}.ui-pagination-arrow .ui-icon{width:15px;height:15px}.ui-pagination-ellipsis{padding:0 4px;color:var(--muted-foreground,#716d68)}.ui-pagination-summary{flex-basis:100%;text-align:center;color:var(--muted-foreground,#716d68);font-size:.72rem}
.ui-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:80;width:max-content;max-width:220px;transform:translate(-50%,5px);padding:6px 9px;border-radius:7px;background:#242220;color:#fff;font-size:.72rem;line-height:1.35;opacity:0;visibility:hidden;pointer-events:none;transition:.14s}[data-tooltip]{position:relative}[data-tooltip]:hover .ui-tooltip,[data-tooltip]:focus-visible .ui-tooltip{transform:translate(-50%,0);opacity:1;visibility:visible}
.ui-inline-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #e4bcb1;border-radius:10px;background:#fff7f4;color:#8b3428;font-size:.84rem}.ui-inline-error .ui-icon{flex:0 0 auto;width:18px;height:18px}
.button[aria-busy="true"],button[aria-busy="true"]{cursor:progress;opacity:.72}
.button[aria-busy="true"]::after,button[aria-busy="true"]::after{content:"";width:13px;height:13px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .65s linear infinite}
@keyframes ui-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.page-loading-card{padding:20px}.ui-pagination-page{min-width:33px;height:33px}.ui-pagination-summary{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Blog discovery, article navigation, and rich content blocks */
.blog-index-toolbar{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:16px 0 28px}.blog-index-toolbar>div{max-width:680px}.blog-index-toolbar h1{margin:6px 0 8px;font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:500;line-height:1.08}.blog-index-toolbar p{margin:0;color:var(--muted-foreground);line-height:1.65}.blog-search-field{display:flex;min-width:260px;height:42px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--background)}.blog-search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgb(204 120 92/.12)}.blog-search-field .ui-icon{width:16px;height:16px;color:var(--muted-foreground)}.blog-search-field input{min-width:0;flex:1;padding:0;border:0;outline:0;background:transparent}.blog-search-field kbd{padding:2px 6px;border:1px solid var(--border);border-radius:5px;background:var(--muted);color:var(--muted-foreground);font:inherit;font-size:.7rem}
.article-reading-progress{position:fixed;top:0;right:0;left:0;z-index:120;height:3px;background:transparent}.article-reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--primary);transition:transform .08s linear}.enhanced-article{max-width:1120px}.enhanced-article .article-header{max-width:840px;margin-inline:auto}.article-author-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:8px}.article-author-card{display:flex;align-items:center;gap:10px}.article-author-card img{width:42px;height:42px;border:1px solid var(--border);border-radius:50%;object-fit:cover}.article-author-card span{display:grid}.article-author-card small{color:var(--muted-foreground);font-size:.7rem}.article-author-card strong{font-size:.86rem}.article-share{display:flex;gap:6px;flex-wrap:wrap}.article-content-grid{display:grid;grid-template-columns:210px minmax(0,760px);justify-content:center;gap:52px;margin-top:36px}.article-content-grid.without-toc{grid-template-columns:minmax(0,800px)}.article-toc-wrap{position:relative}.article-toc{position:sticky;top:96px;display:grid;gap:4px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.article-toc strong{margin-bottom:7px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.article-toc a{padding:5px 8px;border-left:2px solid transparent;color:var(--muted-foreground);font-size:.78rem;line-height:1.35}.article-toc a.level-3{padding-left:18px;font-size:.74rem}.article-toc a:hover,.article-toc a.active{border-left-color:var(--primary);color:var(--foreground);background:rgb(204 120 92/.04)}.enhanced-article .article-body{margin-top:0;min-width:0}.article-footer-actions{display:flex;max-width:840px;justify-content:space-between;gap:12px;margin:56px auto 72px;padding-top:24px;border-top:1px solid var(--border)}
.prose-code-block{overflow:hidden;margin:1.5rem 0;border:1px solid #383b3a;border-radius:12px;background:#202322;color:#f6f3ed}.prose-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #383b3a;background:#292d2b;color:#bfc6c1;font-size:.72rem}.prose-code-toolbar button{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.prose-code-toolbar button:hover,.prose-code-toolbar button.copied{background:#373d39;color:#fff}.prose-code-toolbar .ui-icon{width:14px;height:14px}.prose-code-block pre{overflow:auto;margin:0!important;padding:18px!important;border:0!important;border-radius:0!important;background:transparent!important}.prose-code-block code{background:transparent!important;color:inherit!important}.prose-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin:1.6rem 0;padding:16px 18px;border:1px solid var(--border);border-left:4px solid #6b7f91;border-radius:10px;background:#f4f7f9}.prose-callout>strong{font-size:.82rem}.prose-callout>div>*:first-child{margin-top:0}.prose-callout>div>*:last-child{margin-bottom:0}.prose-callout.tip{border-left-color:#3f8060;background:#f2f8f4}.prose-callout.warning{border-left-color:#b16d36;background:#fff8ef}.prose .heading-anchor{color:inherit;text-decoration:none}.prose .heading-anchor:hover::after{content:" #";color:var(--primary)}
@media(max-width:900px){.blog-index-toolbar{align-items:stretch;flex-direction:column}.blog-search-field{width:100%;min-width:0}.article-content-grid{grid-template-columns:minmax(0,800px)}.article-toc-wrap{display:none}.enhanced-article{max-width:840px}}
@media(max-width:620px){.article-author-tools{align-items:flex-start;flex-direction:column}.article-share{width:100%}.article-share .button{flex:1}.article-footer-actions{align-items:stretch;flex-direction:column}.article-footer-actions .button{justify-content:center}.prose-callout{grid-template-columns:1fr}}

/* Admin data table: responsive filters, asynchronous states, bulk tools */
.admin-heading-actions{display:flex;align-items:center;gap:9px}.admin-filter-toggle{display:none}.filter-count{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:.7rem}.admin-filter-drawer-head{display:none}.admin-filter-actions{display:flex;align-items:end;gap:8px}.active-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-4px 0 14px;color:var(--muted-foreground);font-size:.76rem}.active-filter-row>a:not(.clear-all){display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--foreground)}.active-filter-row>a:hover{border-color:var(--primary)}.active-filter-row .ui-icon{width:12px;height:12px}.active-filter-row .clear-all{margin-left:4px;color:var(--primary);font-weight:650}.admin-async-error{margin-bottom:14px}.admin-async-error .button{margin-left:auto}.admin-table-panel{position:relative}.admin-loading-overlay{position:absolute;inset:0;z-index:12;display:none;padding:74px 24px 24px;border-radius:inherit;background:rgb(250 249 245/.84);backdrop-filter:blur(3px)}.admin-table-panel.is-loading{min-height:360px}.admin-table-panel.is-loading .admin-loading-overlay{display:block}.admin-table-tools{gap:14px}.admin-record-count{display:flex;align-items:baseline;gap:5px}.admin-record-count strong{font-size:1rem}.admin-record-count span{color:var(--muted-foreground);font-size:.76rem}.admin-bulk-tools{display:flex;align-items:center;gap:5px;margin-left:auto}.admin-bulk-tools>span{margin-right:5px;color:var(--muted-foreground);font-size:.74rem}.admin-select-column{width:44px!important;min-width:44px!important;text-align:center!important}.admin-select-column input{width:16px;height:16px}.admin-responsive-table table:focus{outline:none}.admin-filter-backdrop{display:none}
@media(max-width:900px){.admin-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-actions{grid-column:1/-1}.admin-bulk-tools>span{display:none}}
@media(max-width:768px){
  .admin-heading-actions{width:100%}.admin-heading-actions>.button{flex:1}.admin-filter-toggle{display:inline-flex}.admin-filter-backdrop:not([hidden]){position:fixed;inset:0;z-index:140;display:block;background:rgb(18 18 17/.42);backdrop-filter:blur(2px)}
  .admin-filter-bar[data-filter-drawer]{position:fixed;right:0;bottom:0;left:0;z-index:150;display:grid;max-height:88svh;grid-template-columns:1fr;gap:13px;overflow:auto;margin:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:18px 18px 0 0;background:var(--background);box-shadow:0 -20px 60px rgb(24 23 21/.18);transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility .2s}
  .admin-filter-bar[data-filter-drawer].open{transform:none;visibility:visible}.admin-filter-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.admin-filter-drawer-head>div{display:grid}.admin-filter-drawer-head strong{font-size:1.05rem}.admin-filter-close{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:9px;background:var(--muted);cursor:pointer}.admin-filter-actions{position:sticky;bottom:-20px;display:grid;grid-template-columns:1fr 1fr;padding:12px 0 0;background:var(--background)}
  body.filter-drawer-open{overflow:hidden}.active-filter-row{margin-top:0}.admin-table-tools{align-items:flex-start;flex-wrap:wrap}.admin-record-count{order:1}.admin-column-picker{order:2;margin-left:auto}.admin-bulk-tools{order:3;width:100%;margin:0;padding-top:10px;border-top:1px solid var(--border)}.admin-bulk-tools>span{display:block;margin-right:auto}.admin-responsive-table{overflow:visible}.admin-responsive-table table{display:block;min-width:0}.admin-responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.admin-responsive-table tbody{display:grid;gap:12px}.admin-responsive-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--background)}.admin-responsive-table tbody td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px 13px;border-bottom:1px solid var(--border);white-space:normal;overflow-wrap:anywhere}.admin-responsive-table tbody td::before{content:attr(data-label);color:var(--muted-foreground);font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.admin-responsive-table tbody td[hidden]{display:none}.admin-responsive-table tbody .admin-select-column{grid-column:1;width:auto!important;min-width:0!important;display:flex;align-items:center;justify-content:flex-start}.admin-responsive-table tbody .admin-select-column::before{content:none}.admin-responsive-table tbody .admin-row-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;border-bottom:0}.admin-responsive-table tbody .admin-row-actions::before{content:none}.admin-responsive-table tbody td:not(.admin-select-column):not(.admin-row-actions){grid-column:1/-1}.admin-responsive-table .table-empty{display:block!important;grid-column:1/-1;padding:0;border:0}.admin-responsive-table .table-empty::before{content:none}
}

html{scroll-behavior:smooth}
@supports (view-transition-name:none){@view-transition{navigation:auto}::view-transition-old(root){animation:ui-page-out .12s ease both}::view-transition-new(root){animation:ui-page-in .18s ease both}}
@keyframes ui-page-out{to{opacity:.75;transform:translateY(-2px)}}@keyframes ui-page-in{from{opacity:.7;transform:translateY(3px)}}
.post-card,.settings-card,.workspace-stat,.panel,.tool-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.post-card:hover,.workspace-stat:hover{transform:translateY(-2px)}
[aria-invalid="true"]{border-color:var(--destructive,#b34b3f)!important;box-shadow:0 0 0 3px rgb(179 75 63/.1)!important}

/* Round 17: admin workspace polish, resilient hidden states, credits switch, and dark-surface contrast. */
.ui-inline-error[hidden],.admin-async-error[hidden]{display:none!important}

.admin-page{width:100%;max-width:none;margin:0;padding:24px 24px 72px}
.admin-page .admin-content{width:100%;max-width:1320px;margin:0 auto}
.admin-page .admin-heading{align-items:center;margin-bottom:28px;padding:0 2px}
.admin-page .admin-heading .eyebrow{display:block;margin-bottom:7px;color:var(--primary);font-size:.68rem;font-weight:750;letter-spacing:.12em}
.admin-page .admin-heading h1{font-family:var(--font-sans);font-size:1.875rem;font-weight:700;line-height:1.15;letter-spacing:-.025em}
.admin-page .admin-heading p{max-width:720px;margin-top:8px;font-size:.875rem;line-height:1.55}
.admin-heading-actions .button{min-height:40px;padding:9px 14px;border-radius:10px;box-shadow:none}
.admin-heading-actions .button:hover{box-shadow:0 5px 16px rgb(24 23 21/.07)}

.admin-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:14px;margin:0 0 20px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--background);box-shadow:0 1px 2px rgb(24 23 21/.025)}
.admin-filter-card-head{display:flex;grid-column:1/-1;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.admin-filter-card-head>span:last-child{display:grid;gap:2px}
.admin-filter-card-head strong{font-size:.95rem;font-weight:650;color:var(--foreground)}
.admin-filter-card-head small{color:var(--muted-foreground);font-size:.74rem;line-height:1.45}
.admin-filter-card-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:rgb(204 120 92/.1);color:var(--primary)}
.admin-filter-card-icon .ui-icon{width:18px;height:18px}
.admin-filter-bar label{min-width:0;gap:7px}
.admin-filter-bar label>span{color:var(--foreground);font-size:.72rem;font-weight:600;letter-spacing:0;text-transform:none}
.admin-filter-bar input,.admin-filter-bar select{min-height:40px;border-radius:9px;background:var(--background);font-size:.8rem}
.admin-filter-actions{align-items:center;align-self:end;justify-content:flex-end;min-height:40px}
.admin-filter-actions .button{min-height:40px;border-radius:9px}
.active-filter-row{margin:-4px 0 18px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:rgb(245 240 232/.3)}

.admin-adjust-card{margin-bottom:20px;padding:18px;border-radius:16px;background:var(--background);box-shadow:0 1px 2px rgb(24 23 21/.025)}
.admin-adjust-card input{min-height:40px}
.admin-adjust-card .button{min-height:40px;border-radius:9px}

.admin-data-card{overflow:visible;border-radius:16px;background:var(--background);box-shadow:0 1px 2px rgb(24 23 21/.025)}
.admin-data-card .admin-table-tools{min-height:62px;padding:12px 18px;border-radius:16px 16px 0 0;background:var(--background)}
.admin-data-card .admin-record-count strong{font-size:1.125rem;font-weight:700;color:var(--foreground)}
.admin-data-card .admin-record-count span{font-size:.78rem}
.admin-data-card .admin-bulk-tools .button,.admin-data-card .admin-column-picker-trigger{min-height:34px;border-radius:8px}
.admin-data-card table{min-width:920px}
.admin-data-card th,.admin-data-card td{padding:13px 16px;font-size:.77rem}
.admin-data-card th{background:rgb(245 240 232/.34);font-size:.72rem;font-weight:650}
.admin-data-card tbody tr{transition:background .14s ease}
.admin-data-card tbody tr:hover{background:rgb(245 240 232/.24)}
.admin-data-card tbody tr:last-child td:first-child{border-bottom-left-radius:16px}
.admin-data-card tbody tr:last-child td:last-child{border-bottom-right-radius:16px}
.admin-row-actions .button{border-radius:8px}

.credits-view-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(132px,1fr));gap:4px;margin:0 0 26px;padding:4px;border:1px solid var(--border);border-radius:13px;background:var(--muted)}
.credits-view-switch a{display:flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:8px 15px;border:1px solid transparent;border-radius:9px;color:var(--muted-foreground);font-family:var(--font-sans);font-size:.84rem;font-weight:650;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}
.credits-view-switch a:hover{color:var(--foreground);background:rgb(250 249 245/.55)}
.credits-view-switch a.active{border-color:var(--border);background:var(--background);color:var(--foreground);box-shadow:0 1px 3px rgb(24 23 21/.08)}
.credits-view-switch a.active .ui-icon{color:var(--primary)}
.credits-view-switch .ui-icon{width:16px;height:16px}

html[data-skin=claude] .contact-aside h2,
html[data-skin=claude] .cta-panel h2,
html[data-skin=claude] .pricing-overview-visual h2{color:#faf9f5}

@media(max-width:900px){
  .admin-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-filter-card-head,.admin-filter-actions{grid-column:1/-1}
}

@media(max-width:768px){
  body.mobile-nav-open{overflow:hidden;overscroll-behavior:contain}
  .mobile-nav{z-index:99}
  .admin-page{padding:20px 14px 88px}
  .admin-page .admin-heading{align-items:stretch;flex-direction:column;gap:18px;margin-bottom:22px;padding:0}
  .admin-heading-actions{width:100%}
  .admin-heading-actions>.button{flex:1}
  .admin-filter-card-head{display:none}
  .admin-filter-bar[data-filter-drawer]{grid-template-columns:1fr;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}
  .admin-filter-actions{grid-column:auto}
  .active-filter-row{margin:0 0 16px}
  .admin-adjust-card{padding:16px}
  .admin-data-card{margin:0!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none}
  .admin-data-card .admin-table-tools{border-radius:14px 14px 0 0;padding:13px 14px}
  .admin-responsive-table{padding:12px;background:rgb(245 240 232/.28)}
  .admin-responsive-table tbody{gap:12px}
  .admin-responsive-table tbody tr{box-shadow:0 1px 2px rgb(24 23 21/.035)}
  .credits-view-switch{display:grid;width:100%;grid-template-columns:1fr 1fr;margin-bottom:22px}
}

@media(max-width:520px){
  .admin-page{padding-right:12px;padding-left:12px}
  .admin-page .admin-heading h1{font-size:1.65rem}
  .admin-data-card .admin-table-tools{align-items:stretch}
  .admin-bulk-tools{display:grid;grid-template-columns:1fr 1fr}
  .admin-bulk-tools>span{grid-column:1/-1}
  .admin-column-picker{width:100%}
  .admin-column-picker-trigger{justify-content:center}
  .credits-view-switch a{padding-inline:10px}
}

/* Round 18: protected admin navigation and mobile admin layout hardening. */
.admin-section-nav{position:sticky;top:76px;z-index:24;margin:0 0 20px;padding:5px;border:1px solid var(--border);border-radius:15px;background:rgb(250 249 245/.94);box-shadow:0 8px 24px rgb(24 23 21/.055);backdrop-filter:blur(16px)}
.admin-section-nav-scroll{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-width:0}
.admin-section-nav a{display:flex;min-width:0;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border:1px solid transparent;border-radius:10px;color:var(--muted-foreground);font-size:.76rem;font-weight:650;line-height:1.2;text-align:center;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.admin-section-nav a:hover{background:var(--muted);color:var(--foreground)}
.admin-section-nav a.active{border-color:var(--border);background:var(--background);color:var(--foreground);box-shadow:0 1px 3px rgb(24 23 21/.08)}
.admin-section-nav a.active .admin-section-nav-icon{background:rgb(204 120 92/.12);color:var(--primary)}
.admin-section-nav-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:8px;color:var(--muted-foreground)}
.admin-section-nav-icon .ui-icon{width:15px;height:15px}

@media(max-width:1024px){
  .admin-section-nav{top:64px}
  .admin-section-nav-scroll{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .admin-section-nav-scroll::-webkit-scrollbar{display:none}
  .admin-section-nav a{flex:0 0 auto;min-width:132px;scroll-snap-align:start}
}

@media(max-width:768px){
  .workspace-page-body,.workspace-shell,.workspace-main{max-width:100%;overflow-x:clip}
  .admin-page{width:100%;max-width:100%;padding:18px 12px calc(96px + env(safe-area-inset-bottom))}
  .admin-page .admin-content{max-width:100%}
  .admin-page .admin-heading{gap:14px;margin-bottom:16px}
  .admin-page .admin-heading p{font-size:.82rem;line-height:1.55}
  .admin-heading-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .admin-heading-actions>.button{width:100%;min-width:0;justify-content:center;padding-inline:10px}
  .admin-section-nav{top:64px;margin-right:-12px;margin-bottom:16px;margin-left:-12px;padding:5px 12px;border-right:0;border-left:0;border-radius:0;box-shadow:0 6px 18px rgb(24 23 21/.045)}
  .admin-section-nav-scroll{gap:6px}
  .admin-section-nav a{min-width:118px;min-height:44px;padding:8px 10px;font-size:.72rem}
  .admin-section-nav-icon{width:25px;height:25px;flex-basis:25px}
  .admin-adjust-card{grid-template-columns:minmax(0,1fr);gap:12px}
  .admin-adjust-card label,.admin-adjust-card input,.admin-adjust-card .button{width:100%;min-width:0}
  .admin-async-error{align-items:flex-start;flex-wrap:wrap}
  .admin-async-error .button{width:100%;margin:2px 0 0;justify-content:center}
  .admin-data-card{width:100%;min-width:0;overflow:hidden!important}
  .admin-data-card .admin-table-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:10px}
  .admin-record-count{min-width:0;align-self:center}
  .admin-record-count span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .admin-column-picker{min-width:0;margin:0}
  .admin-column-picker-trigger{min-height:40px;justify-content:center}
  .admin-column-picker-trigger{width:100%}
  .admin-bulk-tools{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;gap:8px;margin:0;padding-top:10px}
  .admin-bulk-tools>span{grid-column:1/-1;min-width:0;margin:0!important}
  .admin-bulk-tools .button{width:100%;min-width:0;justify-content:center;padding-inline:8px;white-space:normal}
  .admin-responsive-table{width:100%;min-width:0;padding:10px;overflow:visible}
  .admin-data-card .admin-responsive-table table{display:block;width:100%;min-width:0!important;max-width:100%}
  .admin-responsive-table tbody{display:grid;width:100%;min-width:0}
  .admin-responsive-table tbody tr{width:100%;min-width:0;max-width:100%}
  .admin-responsive-table tbody td{min-width:0;max-width:100%;grid-template-columns:minmax(88px,108px) minmax(0,1fr);gap:10px;padding:10px 12px}
  .admin-responsive-table tbody td>*{min-width:0;max-width:100%}
  .admin-responsive-table tbody td .status,.admin-responsive-table tbody td .image-tool-badge{justify-self:start;white-space:normal}
  .admin-responsive-table tbody .admin-row-actions .button{min-height:36px;padding:7px 10px}
  .admin-page .ui-pagination{max-width:100%;gap:5px;margin-top:18px}
  .admin-page .ui-pagination-pages{max-width:100%;overflow-x:auto;padding:2px;scrollbar-width:none}
  .admin-page .ui-pagination-pages::-webkit-scrollbar{display:none}
  .admin-detail-dialog{max-width:100vw}
  .admin-detail-dialog>header h2{white-space:normal;overflow-wrap:anywhere}
  .admin-detail-dialog>dl{overscroll-behavior:contain}
}

@media(max-width:520px){
  .admin-section-nav{top:58px}
}

@media(max-width:420px){
  .admin-page{padding-right:10px;padding-left:10px}
  .admin-section-nav{margin-right:-10px;margin-left:-10px;padding-inline:10px}
  .admin-page .admin-heading h1{font-size:1.5rem}
  .admin-heading-actions{grid-template-columns:1fr}
  .admin-responsive-table{padding:8px}
  .admin-responsive-table tbody td{display:block;padding:10px 11px}
  .admin-responsive-table tbody td::before{display:block;margin-bottom:5px;font-size:.65rem}
  .admin-responsive-table tbody .admin-select-column,.admin-responsive-table tbody .admin-row-actions{display:flex}
  .admin-responsive-table tbody .admin-select-column{min-height:42px}
  .admin-column-picker{width:100%}
}