/* Admin working surface. All overrides are gated by the authenticated role. */
.admin-mode{--ink:#142641;--muted:#607089;--line:#e0e6ee;--cream:#f5f7fb;background:#f5f7fb}
.admin-mode>.header,.admin-mode>.topline{display:none}
.admin-mode>.footer{margin-left:272px;background:#edf2f8}
.admin-mode .footer-grid{grid-template-columns:1fr 1fr}.admin-mode .footer-grid>div:first-child{grid-column:1/-1}.admin-mode .footer-bottom{flex-wrap:wrap}
.admin-contact{display:block;font-size:13px;color:#afc5df;margin:0 2px 16px}.admin-contact:hover{color:#fff;text-decoration:underline}
.admin-mode [data-reset]{padding:12px 18px;border:1px solid #ccd6e3;border-radius:8px;background:#fff;color:#244366;font-size:14px}
.admin-mode .workspace{padding:0;margin:0;max-width:none;min-height:100dvh}
.admin-mode .workspace-main{margin-left:272px;padding:0 40px 48px;min-width:0}
.admin-mode #workspaceTabs,.admin-mode #workspaceKicker{display:none}
.admin-mode .workspace-heading{padding:34px 0 28px;margin-bottom:30px;border-bottom:1px solid var(--line);align-items:center}
.admin-mode .workspace h1{font:700 clamp(28px,2.5vw,36px)/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-.035em;margin:0}
.admin-mode .workspace-heading p{font-size:15px;margin:10px 0 0;line-height:1.6;max-width:700px}
.admin-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.admin-topbar>span>span{padding:0 12px;color:#a1acbc}.admin-topbar strong{color:var(--ink);font-weight:600}.admin-topbar-label{font-size:13px}
.admin-sidebar{position:fixed;inset:0 auto 0 0;width:272px;background:#101c32;color:#c5d0e1;display:flex;flex-direction:column;z-index:40;border-right:1px solid #25344e}
.admin-brand{display:flex;align-items:center;gap:12px;padding:28px 22px;border-bottom:1px solid #26334a;min-height:103px}
.admin-brand-mark{display:grid;place-items:center;flex-shrink:0;width:40px;height:43px;background:#214367;border:1px solid #365979;border-radius:10px;color:#71d5e0;font-size:28px}
.admin-brand strong{display:block;font-size:18px;letter-spacing:-.5px;color:#fff}.admin-brand strong span{color:#73cdd8}.admin-brand small{display:block;font-size:13px;color:#96a9c4;margin-top:5px}
#adminNavigation{padding:22px 15px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3b4b64 transparent}
.admin-nav-group{margin-bottom:26px}.admin-nav-group>p{color:#8296b3;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 14px 10px}
.admin-nav-group button{display:flex;align-items:center;gap:13px;width:100%;min-height:48px;text-align:left;padding:12px 15px;margin:4px 0;border:1px solid transparent;border-radius:8px;color:#bfcce0;background:transparent;font-size:15px;font-weight:500;transition:background .15s,color .15s}
.admin-nav-group svg{width:20px;height:20px;flex-shrink:0;color:#8eabc9}.admin-nav-group button:hover{background:#1a2a44;color:#fff}.admin-nav-group button.active{background:#203651;color:#8ee0e8;border-color:#30465f;box-shadow:inset 3px 0 #43bccd}.admin-nav-group button.active svg{color:#71d5e0}
.admin-sidebar-footer{padding:20px 18px;border-top:1px solid #26334a;background:#101c32}
.admin-profile{display:flex;gap:10px;align-items:center;margin:0 2px 18px}.admin-profile>div{min-width:0}.admin-profile strong,.admin-profile small,.admin-profile div>span{display:block;overflow-wrap:anywhere}.admin-profile strong{color:#e2eaf5;font-size:14px}.admin-profile small{font-size:12px;color:#93a7c1;margin-top:4px}.admin-profile div>span{color:#93a7c1;font-size:12px;margin-top:4px}.admin-avatar{width:35px;height:35px;border:1px solid #354763;border-radius:50%;display:grid;place-items:center;background:#22334e;color:#bfcee4;font-size:12px;flex-shrink:0}
.admin-signout{background:transparent;border:1px solid #354662;border-radius:7px;color:#d5dfef;width:100%;padding:12px;font-size:14px}.admin-signout:hover{background:#203651}
.admin-menu-toggle,.admin-menu-close{display:none}.admin-menu-backdrop{position:fixed;inset:0;z-index:39;border:0;background:#0a142b80}
.admin-mode .button{font-size:14px;font-weight:600;border-radius:8px;min-height:42px;box-shadow:none;letter-spacing:0}.admin-mode .button.small{min-height:34px;padding:8px 12px;font-size:13px}.admin-mode .button.primary{background:#205dab}.admin-mode .button.primary:hover{background:#174986}.admin-mode .button.outline{background:#fff;border-color:#ccd6e3;color:#244366}
.admin-mode input,.admin-mode select,.admin-mode textarea{font-size:15px;background:#f8fafc;border-color:#d5deea;border-radius:8px;min-height:46px}.admin-mode label{font-size:14px}.admin-mode :is(button,a,input,select,textarea):focus-visible{outline:3px solid #45aabe;outline-offset:3px}
.admin-mode #workspaceContent{min-width:0}.admin-mode .panel{border-radius:12px;padding:26px;border:1px solid var(--line);box-shadow:0 2px 4px #182b4503}.admin-mode .panel h2{font-size:20px;letter-spacing:-.02em}.admin-mode .panel>.between{gap:18px;flex-wrap:wrap}.admin-mode .panel>.between h2{margin-bottom:10px}
.admin-mode .helper,.admin-mode .manual-note{font-size:13px;line-height:1.65}.admin-mode .info-box{font-size:13px;line-height:1.7;border-radius:8px;background:#edf3f9;border-color:#dae5f1;color:#4c6480}
.admin-mode .stats{gap:18px;margin-bottom:26px}.admin-mode .stat{position:relative;border-radius:12px;padding:24px 22px;box-shadow:0 2px 4px #182b4503;border-top:3px solid #547dad}.admin-mode .stat:nth-child(2){border-top-color:#38a7b5}.admin-mode .stat:nth-child(3){border-top-color:#c49b4c}.admin-mode .stat:nth-child(4){border-top-color:#9a7ab8}.admin-mode .stat small{font-size:12px;line-height:1.6;min-height:38px;letter-spacing:.03em;margin-bottom:16px}.admin-mode .stat strong{font-size:30px;letter-spacing:-1px;overflow-wrap:anywhere}.admin-mode .stat p{font-size:12px;line-height:1.55;margin-bottom:0}
.admin-mode .panel-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px}.admin-mode .panel-grid>.panel{min-width:0}.admin-mode .bar-row{font-size:13px;line-height:1.6;grid-template-columns:minmax(100px,1.5fr) 1fr 28px}
.admin-mode .data-table{font-size:14px}.admin-mode .data-table th{font-size:12px;background:#f5f7fb;letter-spacing:.04em;padding-block:14px}.admin-mode .data-table td{padding-block:18px}.admin-mode .data-table td small{font-size:12px}.admin-mode .data-table tbody tr:hover{background:#f8fafc}.admin-mode .table-wrap{border:1px solid var(--line);border-radius:8px;max-width:100%}.admin-mode .data-table tbody tr:last-child td{border-bottom:0}.admin-mode .pill{font-size:12px;border-radius:5px;padding:5px 9px}
.admin-mode .order-card{border-radius:12px;padding:24px}.admin-mode .order-card p{font-size:14px}.admin-mode .order-card .between{flex-wrap:wrap;gap:12px}.admin-mode .order-card .order-footer{flex-wrap:wrap;gap:14px}
.admin-mode .image-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.admin-mode .image-review-card{border-color:var(--line);border-radius:10px;display:flex;flex-direction:column}.admin-mode .image-review-media{height:230px;background:#f4f7fb}.admin-mode .image-review-card-content{padding:18px;display:flex;flex-direction:column;flex:1}.admin-mode .image-review-card small{font-size:12px;line-height:1.5;min-height:36px}.admin-mode .image-review-card h3{font-size:15px;line-height:1.5}.admin-mode .image-source-link{font-size:13px}.admin-mode .image-review-card .actions{margin-top:auto;gap:8px;flex-wrap:wrap}.admin-mode .image-review-card .button{font-size:13px}.admin-mode .image-pagination{margin-top:24px}.admin-mode .image-review-filters{padding:18px;background:#f7f9fc;border:1px solid #e5eaf1;border-radius:9px;align-items:flex-end}.admin-mode .image-review-filters .search-field{min-width:180px}
.admin-mode .steps{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-mode .steps article{padding:22px;border-radius:9px;background:#f9fbfd}.admin-mode .steps h3{font-size:16px;line-height:1.5}.admin-mode .steps .button{margin-top:16px}.admin-mode .steps p{font-size:14px}
.admin-mode .modal{background:#fff;border-radius:16px}.admin-mode .modal.wide{width:min(940px,calc(100vw - 32px))}.admin-mode .form-stack>p{font-size:14px}.admin-mode .form-grid{gap:22px}.admin-mode .form-stack h2{font-size:25px;line-height:1.3;padding-right:12px}.admin-mode .empty-state{border-radius:12px}.admin-mode .between{gap:12px}
@media(min-width:1600px){.admin-mode .workspace-main{padding-inline:48px}.admin-mode .image-review-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.admin-mode .workspace-main{padding-inline:28px}.admin-mode .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-mode .image-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-mode .panel-grid{grid-template-columns:1fr}.admin-mode .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.admin-mode .workspace-main{margin-left:0;padding-inline:24px}.admin-sidebar{transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}.admin-menu-open .admin-sidebar{transform:translateX(0);visibility:visible}.admin-menu-open{overflow:hidden}.admin-mode .admin-menu-toggle{display:grid;place-items:center;border:1px solid #ccd6e3;background:#fff;border-radius:7px;min-width:42px;height:42px;color:#203c60;font-size:22px}.admin-topbar{justify-content:flex-start}.admin-topbar-label{margin-left:auto}.admin-menu-close{display:block;position:absolute;right:8px;top:8px;background:transparent;color:#c5d0e1;border:0;width:32px;height:32px;font-size:24px}.admin-mode .workspace-heading{padding-top:26px}.admin-mode .stat small{min-height:0}}
@media(max-width:600px){.admin-mode .workspace-main{padding-inline:16px}.admin-topbar{height:64px;font-size:13px}.admin-topbar-label{display:none}.admin-mode .workspace-heading{flex-wrap:wrap;gap:18px;margin-bottom:22px}.admin-mode .workspace-heading p{font-size:14px}.admin-mode .panel{padding:18px}.admin-mode .stats{gap:12px}.admin-mode .stat{padding:18px 15px}.admin-mode .stat strong{font-size:24px}.admin-mode .image-review-grid,.admin-mode .steps{grid-template-columns:1fr}.admin-mode .image-review-media{height:250px}.admin-mode .image-review-card h3{font-size:16px}.admin-mode .toolbar{align-items:stretch}.admin-mode .toolbar .search-field{flex-basis:100%;min-width:0}.admin-mode .toolbar label:not(.search-field){flex:1}.admin-mode .toolbar select{width:100%;max-width:none}.admin-mode .image-review-card .button{width:auto;min-height:42px}.admin-mode .form-grid{grid-template-columns:1fr}.admin-mode .modal{padding:40px 20px 24px}.admin-mode .order-card{padding:18px}.admin-mode .order-card .order-footer>div{display:flex;flex-wrap:wrap;gap:8px}.admin-mode .image-pagination{flex-wrap:wrap}.admin-mode .bar-row{grid-template-columns:minmax(100px,1.5fr) 1fr 24px;gap:10px}}
@media(prefers-reduced-motion:reduce){.admin-sidebar,.admin-nav-group button{transition:none}}
@media(max-width:960px){.admin-mode>.footer{margin-left:0}}

/* Administración 2026: superficie más compacta, controles claros y una sola jerarquía visual. */
.admin-mode{--ink:#152e43;--muted:#647787;--line:#dfe7ec;--cream:#f4f7f9;font-family:'Segoe UI',Arial,sans-serif;background:#f4f7f9}
.admin-mode .admin-sidebar{width:248px;background:#132a3b;border-right:0}
.admin-mode .admin-brand{min-height:88px;padding:20px;gap:10px;border-color:#294151}
.admin-mode .admin-brand strong{font-size:17px;letter-spacing:-.4px}
.admin-mode .admin-brand-mark{width:37px;height:39px;background:#234b60;border-color:#375c6e}
.admin-mode #adminNavigation{padding:18px 12px}
.admin-mode .admin-nav-group{margin-bottom:20px}
.admin-mode .admin-nav-group>p{font-size:10px;letter-spacing:.12em;margin:0 12px 8px;color:#8da5b5}
.admin-mode .admin-nav-group button{min-height:41px;padding:9px 12px;margin:3px 0;font-size:13px;gap:11px;border-radius:8px;color:#c8d6df}
.admin-mode .admin-nav-group svg{width:18px;height:18px;color:#91afc0}
.admin-mode .admin-nav-group button:hover{background:#203e51}
.admin-mode .admin-nav-group button.active{background:#275267;color:#fff;border-color:#38647a;box-shadow:inset 3px 0 #68c8cb}
.admin-mode .admin-sidebar-footer{padding:16px;background:#132a3b;border-color:#294151}
.admin-mode>.footer{display:none}
.admin-mode .admin-contact{margin-bottom:12px;font-size:12px}
.admin-mode .admin-profile{margin-bottom:12px}
.admin-mode .admin-signout{padding:9px;border-color:#3a5263;font-size:12px}
.admin-mode .workspace-main{margin-left:248px;padding:0 32px 40px}
.admin-mode>.footer{margin-left:248px}
.admin-mode .admin-topbar{height:64px;position:sticky;top:0;z-index:25;background:#f4f7f9f5;backdrop-filter:blur(10px);border-bottom:1px solid #e0e7ed;font-size:12px}
.admin-mode .admin-topbar-label{font-size:12px;color:#647787}
.admin-mode .workspace-heading{padding:25px 0 22px;margin-bottom:24px;border-bottom:0;gap:20px}
.admin-mode .workspace h1{font-size:clamp(25px,2.1vw,32px);letter-spacing:-1px;font-weight:700}
.admin-mode .workspace-heading p{font-size:14px;margin-top:7px;max-width:720px}
.admin-mode .button{min-height:40px;font-size:13px;border-radius:8px}
.admin-mode .button.primary{background:#196b82}
.admin-mode .button.primary:hover{background:#12556a}
.admin-mode :is(input,select,textarea){background:#fff;font-size:14px;min-height:42px;border-color:#cedbe3}
.admin-mode .panel{background:#fff;border-radius:14px;padding:24px;box-shadow:0 3px 12px #16364b04}
.admin-mode .panel h2{font-size:18px}
.admin-mode .stats{gap:14px;margin-bottom:22px}
.admin-mode .stat{border:1px solid #dfe7ec;border-top:1px solid #dfe7ec!important;border-radius:12px;padding:21px;box-shadow:0 3px 12px #16364b04}
.admin-mode .stat::before{content:'';display:block;width:26px;height:3px;border-radius:2px;background:#2d8191;margin-bottom:16px}
.admin-mode .stat small{font-size:10px;letter-spacing:.07em;min-height:26px;margin-bottom:9px;color:#657987}
.admin-mode .stat strong{font-size:28px;font-weight:700;letter-spacing:-1px}
.admin-mode .stat p{font-size:12px;color:#738490}
.admin-mode .data-table th{background:#f4f8fa;font-size:10px;letter-spacing:.06em;color:#647987;font-weight:700}
.admin-mode .data-table td{font-size:13px;padding-block:15px}
.admin-mode .data-table td .actions{gap:6px}
.admin-mode .data-table .button{font-size:12px;min-height:33px;padding:7px 10px}
.admin-mode .pill{border-radius:6px;font-size:11px;padding:5px 8px}
.admin-mode .toolbar{padding:14px;background:#f6f9fb;border-radius:10px;border:1px solid #e4ebef;margin-block:18px}
.admin-mode .alert-summary{background:#fff;border:1px solid #e0e8ed;border-radius:14px;padding:22px;margin-bottom:20px}
.admin-mode .alert-summary h2{font-size:18px;margin:4px 0}
.admin-mode .alert-summary .eyebrow{font-size:10px;letter-spacing:.12em;color:#46778b}
.admin-mode .admin-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.admin-mode .admin-shortcut{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;background:#fff;border:1px solid #dfe7ec;border-radius:12px;color:#173a50;cursor:pointer;min-width:0}
.admin-mode .admin-shortcut:hover{border-color:#84b5c3;background:#f8fcfd}
.admin-mode .admin-shortcut>span:first-child{display:grid;place-items:center;width:35px;height:35px;background:#edf5f7;border-radius:10px;color:#28748a;flex-shrink:0}
.admin-mode .admin-shortcut svg{width:19px;height:19px}
.admin-mode .admin-shortcut strong{display:block;font-size:13px}
.admin-mode .admin-shortcut small{display:block;font-size:11px;font-weight:400;color:#6b7e8c;margin-top:4px}
.admin-mode .admin-shortcut>span:last-child{min-width:0}
@media(min-width:1700px){.admin-mode .workspace-main{padding-inline:48px}}
@media(max-width:1200px){.admin-mode .admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.admin-mode .workspace-main{margin-left:0;padding-inline:22px}.admin-mode>.footer{margin-left:0}.admin-mode .admin-sidebar{width:272px}.admin-mode .admin-topbar-label{display:none}}
@media(max-width:600px){.admin-mode .workspace-main{padding-inline:14px}.admin-mode .workspace-heading{padding:22px 0 18px;margin-bottom:16px}.admin-mode .panel,.admin-mode .alert-summary{padding:17px}.admin-mode .admin-shortcuts{gap:8px}.admin-mode .admin-shortcut{padding:12px;gap:8px}.admin-mode .admin-shortcut small{line-height:1.4}.admin-mode .stat{padding:17px}.admin-mode .stat strong{font-size:24px}}