/* Office-only desktop shell. The field route keeps its own presentation. */
body[data-role=office]{--sidebar:224px;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;min-height:100vh;background:#f3f5f8;font-family:"Segoe UI",Arial,sans-serif}
body[data-role=office]>header{grid-column:1/-1;padding:12px 24px;min-height:76px;background:#fff;gap:20px}
body[data-role=office]>header .brand-mark{width:36px;height:36px;font-size:22px}
body[data-role=office]>header .brand strong{font-size:1.05rem}
body[data-role=office]>header .brand small{font-size:.67rem}
body[data-role=office] .header-controls{gap:18px}
body[data-role=office] .role-label{display:none}
body[data-role=office] .role-switch{border-radius:5px;padding:2px}
body[data-role=office] .role-switch button{font-size:.82rem;border-radius:3px;min-height:40px}
body[data-role=office]>.demo-strip{grid-column:1/-1;font-size:.72rem;text-align:left;padding:6px 24px;color:#43556c;background:#edf1f6;border-bottom:1px solid #d6dee8}
body[data-role=office]>#main-nav{grid-column:1;grid-row:3/5;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:auto;max-width:none;margin:0;padding:18px 12px;background:#202e43;color:#fff;border:0}
body[data-role=office]>#main-nav .sidebar-heading{color:#b9c8dc;font-size:.64rem;letter-spacing:.7px;font-weight:650;padding:12px 12px 8px;margin-top:14px}
body[data-role=office]>#main-nav .sidebar-heading:first-child{margin-top:0;padding-top:0}
body[data-role=office]>#main-nav .sidebar-heading small{display:block;font-size:.69rem;font-weight:400;letter-spacing:0;margin-top:4px;color:#c4cfdf}
body[data-role=office]>#main-nav .office-nav-item{display:flex;align-items:center;justify-content:flex-start;gap:11px;text-align:left;width:100%;min-height:46px;padding:10px 12px;font-size:.83rem;color:#e3eaf3;background:transparent;border:0;border-radius:4px;line-height:1.35}
body[data-role=office]>#main-nav .office-nav-item:hover{background:#2e415d}
body[data-role=office]>#main-nav .office-nav-item[aria-current=page]{background:#365b91;color:white;box-shadow:inset 3px 0 #96c4ff;font-weight:650}
body[data-role=office]>#main-nav .office-nav-item:focus-visible{outline:3px solid #c0dbff;outline-offset:1px}
.nav-icon{width:20px;height:20px;flex:0 0 20px}.nav-count{font-size:.72rem;margin-left:auto;min-width:22px;padding:2px 5px;text-align:center;color:#f1f5fa;background:#40536e;border-radius:4px}.queue-dot{width:8px;height:8px;margin:0 6px;border-radius:50%;background:#ced8e7;flex-shrink:0}.queue-unassigned{background:#ffc76c}.queue-working{background:#8fbaff}.queue-review{background:#b9a8ef}.sidebar-note{border-top:1px solid #45556e;margin:30px 12px 0;padding-top:18px;font-size:.74rem;color:#d1dceb}.sidebar-note strong,.sidebar-note span{display:block;line-height:1.7}.sidebar-note strong{font-weight:500;color:#eef3fb}
body[data-role=office]>main{grid-column:2;grid-row:3;margin:0;min-width:0;width:100%;max-width:none;padding:24px}
body[data-role=office]>footer{grid-column:2;max-width:none;width:100%;padding:8px 24px 15px;text-align:left;font-size:.71rem}
body[data-role=office] .office-app{border:0;box-shadow:none;border-radius:0;background:transparent;font-size:.89rem}
body[data-role=office] .office-app .office-title{padding:0 0 20px;border:0;background:transparent;align-items:center;gap:20px}
body[data-role=office] .office-title h1{font-size:1.55rem;font-weight:650;margin:0}
.office-subtitle{font-size:.85rem;color:#506174;margin:5px 0 0}
body[data-role=office] .office-title>button{border-radius:5px;min-height:46px;font-size:.89rem;white-space:nowrap}
body[data-role=office] .office-filters{background:white;padding:16px 18px 10px;border:1px solid #cbd5e1;border-radius:6px 6px 0 0}
body[data-role=office] .office-filter-top{gap:14px;display:grid;grid-template-columns:minmax(230px,1fr) 170px 180px;align-items:end}
body[data-role=office] .office-search{min-width:0}
body[data-role=office] .office-filter-primary{margin-top:12px;gap:12px}
body[data-role=office] .office-filter-primary>.office-filter{flex:0 1 160px;min-width:140px}
body[data-role=office] .period-filter button{min-width:48px;padding:8px 11px;border-radius:4px}
body[data-role=office] .period-filter .periods{gap:3px;flex-wrap:nowrap}
body[data-role=office] .more-filters{flex:0 1 auto;min-width:145px}
body[data-role=office] .more-filters[open]{flex-basis:100%;order:5}
body[data-role=office] .more-filters .office-filter-options{grid-template-columns:repeat(4,minmax(140px,1fr))}
body[data-role=office] .active-filters{font-size:.77rem;gap:7px;margin-top:10px;min-height:24px}
body[data-role=office] .active-filters .filter-chip{min-height:36px;font-size:.76rem}
body[data-role=office] .dashboard-totals{margin:0 0 18px;padding:0;gap:12px;background:transparent;border:0}
body[data-role=office] .dashboard-totals>div{border:1px solid #cbd5e1!important;border-radius:5px;padding:14px 16px!important;flex-direction:row;gap:14px;align-items:center}
body[data-role=office] .dashboard-totals strong{font-size:1.6rem;font-weight:650}
body[data-role=office] .dashboard-totals span{font-size:.8rem!important;line-height:1.4}
body[data-role=office] .office-body{border:1px solid #cbd5e1;border-top:0;border-radius:0 0 6px 6px;background:white;min-height:360px;overflow:hidden;grid-template-columns:minmax(0,1fr)}
body[data-role=office] .office-body:not(.without-dossier){grid-template-columns:minmax(0,1fr) minmax(365px,420px)}
body[data-role=office] .office-body:not(.without-dossier) .office-results{min-width:0}
body[data-role=office] .list-heading{padding:12px 18px;background:#fff;gap:18px;flex-wrap:wrap}
body[data-role=office] .list-heading h2{font-size:.98rem;display:flex;align-items:center;gap:4px}
body[data-role=office] .list-heading .list-tip{font-size:.76rem;color:#506174;margin:4px 0 0}
.office-view-switch{display:flex;gap:0;border:1px solid #9aaec4;border-radius:5px;padding:3px;background:#f7f9fc}
.office-view-switch button{border:0;background:transparent;color:#294a72;border-radius:3px;min-height:40px;padding:7px 14px;font-size:.82rem;display:flex;align-items:center;gap:8px}
.office-view-switch button[aria-pressed=true]{background:#e0eaf8;color:#193f78;font-weight:650}
.office-view-switch .nav-icon{width:17px;height:17px;flex-basis:17px}
body[data-role=office] .order-table-scroll,body[data-role=office] .is-dashboard .order-table-scroll{max-height:62vh;min-height:180px}
body[data-role=office] .order-table{font-size:.87rem}
body[data-role=office] .order-table th{background:#f1f4f8;border-right:0;z-index:1}
body[data-role=office] .order-table .column-sort{padding:10px 14px;font-size:.79rem;min-height:46px;color:#40556e}
body[data-role=office] .order-table th[aria-sort=ascending],body[data-role=office] .order-table th[aria-sort=descending]{background:#e6edf7}
body[data-role=office] .order-table td{padding:12px 14px;max-width:none;border-bottom:1px solid #e0e6ed}
body[data-role=office] .order-table tbody tr:nth-child(even){background:#fbfcfe}
body[data-role=office] .order-table tbody tr:hover{background:#f0f5fc}
body[data-role=office] .order-table tbody tr.selected{background:#edf4fe;box-shadow:inset 3px 0 #3567a7}
body[data-role=office] .order-table .order-link{min-height:32px!important;font-size:.86rem;font-weight:600}
body[data-role=office] .order-table .order-ref{min-width:136px}
.order-ref small,.order-date small{display:block;font-size:.76rem;color:#506174;line-height:1.5}
.order-date{min-width:126px}
body[data-role=office] .order-table td.order-description{min-width:215px;width:100%;max-width:480px;white-space:normal}
body[data-role=office] .order-table .order-description strong{font-weight:600;line-height:1.4}
body[data-role=office] .order-table .order-description small{font-size:.77rem;line-height:1.45;margin-top:5px}
body[data-role=office] .order-table .assignment-cell{min-width:192px;max-width:230px;white-space:normal}
body[data-role=office] .row-assignment{font-size:.82rem!important;min-height:44px!important;border-color:#a0b0c3!important;background:#fff;border-radius:4px!important}
body[data-role=office] .row-assignment-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-role=office] .table-status{font-size:.74rem;line-height:1.4;padding:5px 9px;border:1px solid #c2cfdd;border-radius:4px;background:#eef2f6;color:#3f5065}
body[data-role=office] .table-status.status-planned,body[data-role=office] .table-status.status-accepted{background:#eaf1fd;border-color:#afc7ed;color:#24508f}
body[data-role=office] .table-status.status-working,body[data-role=office] .table-status.status-travelling{background:#fff3dd;border-color:#dfc091;color:#754814}
body[data-role=office] .table-status.status-submitted{background:#f1ecfc;border-color:#cbbbeb;color:#624390}
body[data-role=office] .table-status.status-completed{background:#e8f4ed;border-color:#abcdb8;color:#245f40}
body[data-role=office] .table-status.status-blocked,body[data-role=office] .table-status.status-needs_changes{background:#ffede9;border-color:#e2b6ab;color:#8c392a}
body[data-role=office] .office-footer{border:0;padding:10px 2px;background:transparent;color:#506174;font-size:.74rem}
body[data-role=office] .office-footer:empty{display:none}
body[data-role=office] .office-statusbar{padding:7px 18px;background:#fbfcfe;border-top:0;min-height:38px}
body[data-role=office] .assignment-notice:empty{display:none}
body[data-role=office] .assignment-notice:not(:empty){margin:12px 0}
body[data-role=office] .dashboard-overview{grid-template-columns:minmax(0,1fr) 260px}
body[data-role=office] .dashboard-attention{padding:16px}
body[data-role=office] .dashboard-map-panel .map{height:330px}
body[data-role=office] .dossier-tabs{flex-wrap:wrap}.office-app .dossier-tabs button{min-height:44px}
@media(min-width:1700px){body[data-role=office]{--sidebar:240px}body[data-role=office]>main{padding:28px 32px}}
@media(max-width:1250px){body[data-role=office]{--sidebar:206px}body[data-role=office]>main{padding:20px 16px}body[data-role=office] .office-body:not(.without-dossier){grid-template-columns:minmax(0,1fr)}body[data-role=office] .office-dossier-container{border-top:2px solid #aebfd2}body[data-role=office] .dossier-body{max-height:none}body[data-role=office] .dashboard-totals{gap:8px}body[data-role=office] .dashboard-totals>div{padding:12px!important;gap:10px}body[data-role=office] .office-filter-top{grid-template-columns:minmax(210px,1fr) 145px 160px}body[data-role=office] .dashboard-overview{grid-template-columns:minmax(0,1fr)}body[data-role=office] .dashboard-attention{border-left:0;border-top:1px solid #cbd5e1}body[data-role=office] .dashboard-attention ul{display:grid;grid-template-columns:1fr 1fr;gap:10px}body[data-role=office] .more-filters .office-filter-options{grid-template-columns:repeat(2,minmax(130px,1fr))}}
@media(max-width:950px){body[data-role=office]{--sidebar:194px}body[data-role=office]>#main-nav{padding:16px 8px}body[data-role=office] .office-filter-top{grid-template-columns:1fr 1fr}body[data-role=office] .office-search{grid-column:1/-1}body[data-role=office] .dashboard-totals{grid-template-columns:repeat(2,1fr)}body[data-role=office] .office-title h1{font-size:1.3rem}body[data-role=office] .office-filter-primary{gap:10px}}
@media(max-width:720px){body[data-role=office]{display:block}body[data-role=office]>#main-nav{display:flex;flex-direction:row;overflow:auto;gap:6px;padding:10px 12px}body[data-role=office]>#main-nav .sidebar-heading,body[data-role=office]>#main-nav .sidebar-note{display:none}body[data-role=office]>#main-nav .office-nav-item{width:auto;flex-shrink:0;min-height:46px;font-size:.82rem}body[data-role=office]>main{padding:18px 12px}body[data-role=office]>header{padding:12px 16px}body[data-role=office] .office-title{align-items:start!important;flex-wrap:wrap}body[data-role=office] .office-title>button{width:100%}body[data-role=office] .office-filter-primary .period-filter{width:100%}body[data-role=office] .office-filter-primary .periods button{flex:1}body[data-role=office] .office-filter-primary>.office-filter{flex:1}body[data-role=office] .office-filters{padding:14px 12px 10px}body[data-role=office] .office-filter-primary>button{padding:8px}body[data-role=office] .office-title{gap:12px!important}body[data-role=office] .office-view-switch{margin-left:auto}body[data-role=office] .dashboard-attention ul{grid-template-columns:1fr}body[data-role=office] .order-table-scroll{max-height:65vh}body[data-role=office] .office-statusbar{display:block}}

body[data-role=office] .more-filters{margin:0}body[data-role=office] .order-table-scroll:focus-visible{outline:3px solid #2352a2;outline-offset:-3px}
@media(max-width:720px){body[data-role=office]>#main-nav{flex-wrap:nowrap}}