/* Phase 2D: existing Backoffice/Guide components and actions, Ainreen surfaces. */
body[data-portal=backoffice],body[data-portal=guide]{background:#f5f7f3;color:#203b35;--surface:#f5f7f3;--paper:#fff;--line:#e0e7df;--shadow:0 5px 24px #173e3305;--radius:16px}
body[data-portal] .app-shell{grid-template-columns:246px minmax(0,1fr)}body[data-portal] .sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#123f3a;padding:34px 20px 26px;height:100dvh;z-index:35}body[data-portal] .workspace{grid-column:2;min-width:0;background:#f5f7f3}body[data-portal] .brand{font-size:31px;font-weight:600;margin:0 13px 37px}body[data-portal] .brand span{font-size:9px;letter-spacing:3.4px;color:#d0b878}body[data-portal] .sidebar a{font-size:12px;min-height:44px;padding:11px 12px}body[data-portal] .nav-group summary{color:#adc3b8;letter-spacing:1.6px;font-size:9px;padding:16px 12px 8px}body[data-portal] .topbar{min-height:78px;background:#fff;padding:18px 35px;border-bottom:1px solid #e0e7df}body[data-portal] main{padding:34px 35px 52px;max-width:1580px}body[data-portal] .page-header{margin-bottom:27px;align-items:start}body[data-portal] h1{font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-.5px}body[data-portal] .eyebrow{font-size:10px;letter-spacing:1.8px;color:#a4874b}body[data-portal] .section-card,body[data-portal] .card,body[data-portal] .stat{border-radius:16px;border:1px solid #e0e7df;box-shadow:0 5px 24px #173e3305;padding:25px}body[data-portal] .stats-grid{gap:18px;margin-bottom:26px}body[data-portal] .stat{min-height:137px}body[data-portal] .stat strong{font-size:31px;font-weight:600}body[data-portal] .stat p{color:#64786b;font-size:12px;margin-bottom:16px}body[data-portal] .table-scroll,body[data-portal] .table-wrap{border-radius:13px;box-shadow:none}body[data-portal] th{font-size:10px;background:#f5f8f3;color:#627666;padding:15px 18px}body[data-portal] td{font-size:12px;padding:17px 18px}body[data-portal] .filter-bar{flex-wrap:wrap;gap:12px;padding:15px;background:white;border:1px solid #e0e7df;border-radius:12px}body[data-portal] .filter-bar input{min-width:0;width:min(390px,100%)}body[data-portal] .badge{font-size:10px;border-radius:6px;padding:5px 9px}body[data-portal] .detail{padding:22px;border-radius:13px}body[data-portal] .sandbox{background:#f5f0e3;font-size:10px;color:#7c6b46;text-align:right}body[data-portal] .section-card>header h2{font-size:17px}body[data-portal] .quick-tile{background:#f8faf6;min-height:92px;border:1px solid #e0e7df}body[data-portal] button{border-radius:9px;font-weight:500;min-height:44px}body[data-portal] .guide-job-card{border-radius:16px}body[data-portal=guide] main{max-width:1150px}body[data-portal=guide] .row-actions{gap:10px}body[data-portal=guide] .notice{border-radius:8px}
@media(min-width:901px) and (max-width:1199px){body[data-portal] .app-shell{grid-template-columns:216px minmax(0,1fr)}body[data-portal] .sidebar{width:216px;padding:27px 14px}body[data-portal] main{padding:27px 23px}body[data-portal] .topbar{padding:17px 23px}}
@media(max-width:900px){body[data-portal] .app-shell{grid-template-columns:minmax(0,1fr)}body[data-portal] .workspace{grid-column:1}body[data-portal] .sidebar{top:72px;width:255px;height:calc(100dvh - 72px);box-shadow:15px 0 35px #123f3a22}body[data-portal] .topbar{min-height:72px;padding:13px 18px;position:sticky;top:0;z-index:30}body[data-portal] main{padding:25px 17px 44px}body[data-portal] .stats-grid{gap:12px}body[data-portal] .stat{padding:21px;min-height:125px}body[data-portal] .page-header{gap:15px}body[data-portal] .filter-bar{align-items:stretch}body[data-portal] .filter-bar input{flex:1}body[data-portal] h1{font-size:25px}}
@media(max-width:600px){body[data-portal] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-portal] .section-card{padding:19px}body[data-portal] .page-header{flex-wrap:wrap}body[data-portal] .stats-grid .stat strong{font-size:26px}body[data-portal=guide] .actions>button,body[data-portal=guide] .row-actions>button{min-height:48px}body[data-portal=guide] .mobile-bottom{padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #123f3a08}body[data-portal=guide] .table-scroll td{padding:8px}body[data-portal=guide] .table-scroll tr{border-radius:14px;padding:15px}body[data-portal] .topbar .identity{max-width:45vw}}