/* A working administrative document: tabs, rows and typography instead of cards. */
.management-desk{--desk-accent:#81adf0;max-width:1440px;margin:0 auto;min-width:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--cb-text);font-size:13px;line-height:1.6}
.management-desk *{box-sizing:border-box}
.desk-breadcrumb{display:flex;gap:12px;align-items:center;color:var(--cb-muted);font-size:12px;margin-bottom:20px}
.desk-breadcrumb button{border:0;background:none;color:var(--cb-text);font-weight:650;padding:0}.desk-access{margin-left:auto;font-size:11px}
.desk-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:25px}
.desk-heading{display:flex;gap:15px;align-items:center;min-width:0}.desk-heading img{width:46px;height:52px;object-fit:contain;flex:none}
.management-desk h1{font:650 clamp(23px,2.3vw,32px)/1.2 Inter,system-ui,sans-serif!important;letter-spacing:-.04em;margin:0 0 9px!important;color:var(--cb-text)!important}
.desk-heading p{margin:0;color:var(--cb-muted);font-size:13px;line-height:1.6;max-width:620px}
.desk-header-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-top:5px}
.desk-button,.desk-text-action{font:550 12px/1.4 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.desk-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border:1px solid var(--cb-border);border-radius:5px;background:transparent;color:var(--cb-text)}
.desk-button:hover{background:var(--cb-raised);text-decoration:none}.desk-button:disabled{opacity:.35;cursor:default}
.desk-button.desk-primary{background:var(--cb-text);color:var(--cb-canvas);border-color:var(--cb-text)}
.desk-text-action{border:0;background:none;padding:5px 0;color:var(--cb-text);text-underline-offset:4px}.desk-text-action:hover{text-decoration:underline}
.desk-tabs{display:flex;gap:26px;align-items:stretch;border-bottom:1px solid var(--cb-border);margin:0;overflow:auto;scrollbar-width:thin;white-space:nowrap}
.desk-tabs button{position:relative;flex:none;border:0;border-radius:0;background:none;padding:11px 0 14px;color:var(--cb-muted);font:550 12px/1.5 Inter,system-ui,sans-serif}
.desk-tabs button[aria-current=page]{color:var(--cb-text);box-shadow:inset 0 -2px var(--desk-accent)}.desk-tabs button:hover{color:var(--cb-text)}
.desk-tabs button span{font-size:11px;margin-left:4px;color:var(--cb-muted)}
.desk-context-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--cb-border);flex-wrap:wrap}
.desk-period{display:flex;gap:10px;align-items:center;margin:0;font-size:11px;color:var(--cb-muted);flex-wrap:wrap}
.desk-period input{background:transparent!important;border:1px solid var(--cb-border)!important;border-radius:4px!important;color:var(--cb-text)!important;font:12px Inter,system-ui,sans-serif;padding:6px 8px!important;min-height:32px;width:135px}
.desk-caption{font-size:11px;color:var(--cb-muted);line-height:1.6}
.desk-indicators{display:flex;gap:0;margin:0;padding:28px 0;border-bottom:1px solid var(--cb-border)}
.desk-indicators>div{flex:1;padding-right:24px}.desk-indicators>div+div{border-left:1px solid var(--cb-border);padding-left:28px}
.desk-indicators dt{font-size:11px;color:var(--cb-muted);margin-bottom:8px;font-weight:450}.desk-indicators dd{font-size:30px;line-height:1.2;letter-spacing:-.05em;font-weight:550;margin:0;color:var(--cb-text);font-variant-numeric:tabular-nums}
.desk-section{padding:27px 0 7px;margin:0;border:0;background:none;box-shadow:none;border-radius:0;min-width:0}
.desk-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.desk-section-heading h2{font-size:15px;font-weight:650;letter-spacing:-.015em;margin:0 0 4px;color:var(--cb-text)}.desk-section-heading p{font-size:12px;margin:0;color:var(--cb-muted);line-height:1.65}
.desk-filterbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.desk-filterbar label{display:block}.desk-search{flex:1;min-width:220px}.desk-filterbar :is(input,select){background:transparent!important;color:var(--cb-text)!important;border:1px solid var(--cb-border)!important;border-radius:5px!important;min-height:36px;padding:8px 10px;font:12px Inter,system-ui,sans-serif}.desk-search input{width:100%}
.desk-table-scroll{border-radius:0!important;border:0!important;border-bottom:1px solid var(--cb-border)!important;overflow:auto;max-width:100%;scrollbar-width:thin}
.desk-table{border-collapse:collapse!important;width:100%;min-width:720px;table-layout:auto;background:transparent!important;color:var(--cb-text)}
.desk-table :is(th,td){border:0;border-bottom:1px solid var(--cb-border)!important;text-align:left;vertical-align:middle!important;background:transparent!important;padding:14px 14px!important;line-height:1.5!important;overflow-wrap:normal;max-width:520px}
.desk-table th{font:500 11px/1.5 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--cb-muted)!important;padding-top:10px!important;padding-bottom:10px!important;white-space:nowrap}
.desk-table td{font-size:12px!important;color:var(--cb-text)!important}.desk-table th:first-child,.desk-table td:first-child{padding-left:0!important}.desk-table th:last-child,.desk-table td:last-child{padding-right:0!important}
.desk-table tbody tr:last-child td{border-bottom:0!important}.desk-table tbody tr:hover{background:color-mix(in srgb,var(--cb-text) 3%,transparent)!important}.desk-table .desk-number{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:75px}
.desk-person{display:flex;align-items:center;gap:11px;min-width:230px}.desk-person-avatar{display:flex;flex:none}.desk-person-avatar .avatar{width:32px!important;height:32px!important;min-width:32px!important;border:0!important;border-radius:6px!important;filter:grayscale(.5)}
.desk-person-link{display:block;border:0;background:none;color:var(--cb-text);padding:0;text-align:left;font-size:12px;font-weight:600;line-height:1.5}.desk-person-link:hover{text-decoration:underline;text-underline-offset:3px}.desk-person small{font-size:10px;color:var(--cb-muted);display:block;margin-top:4px;font-weight:400}
.desk-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--cb-muted);white-space:nowrap}.desk-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.desk-status.attention{color:var(--cb-warning)}.desk-status.highlight{color:var(--desk-accent)}.desk-status.unreviewed i{background:transparent;border:1px solid var(--cb-muted);width:6px;height:6px}
.desk-empty{padding:28px 0!important;font-size:12px!important;color:var(--cb-muted)!important}.desk-row-note{font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:560px;margin:7px 0 0;color:var(--cb-muted)}.desk-record-id{font-size:10px;color:var(--cb-muted);white-space:nowrap}.desk-overdue{color:var(--cb-danger)!important}
.desk-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:11px;color:var(--cb-muted)}.desk-pagination>div{display:flex;gap:8px}
.desk-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;padding-top:16px;border-top:1px solid var(--cb-border);color:var(--cb-muted);font-size:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.unit-desk,.supervision-workspace{max-width:1440px;margin:auto;min-width:0}
.unit-desk-header{display:flex;gap:18px;align-items:center;padding:8px 0 24px;border-bottom:1px solid var(--cb-border)}
.unit-desk-header img{width:52px;height:62px;object-fit:contain;flex-shrink:0}
.unit-desk-header h1,.supervision-header h1{font-size:clamp(22px,2.4vw,30px)!important;line-height:1.2;margin:6px 0 8px!important;letter-spacing:-.03em}
.unit-desk-header p{margin:0;color:var(--cb-muted);font-size:13px}.unit-desk-header .kicker{color:var(--unit-color);font-size:10px}
body.dark .unit-desk .unit-navigation{background:transparent!important;box-shadow:none!important}body.dark .unit-desk .unit-navigation>button.active{color:var(--cb-text)!important;background:transparent!important}
.unit-desk .subnav,.supervision-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:22px;background:transparent!important;border:0!important;border-bottom:1px solid var(--cb-border)!important;border-radius:0!important;padding:0!important;margin:0 0 20px!important;box-shadow:none!important}
.unit-desk .subnav>button,.supervision-tabs>.btn{flex-shrink:0;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:16px 0!important;color:var(--cb-muted)!important;font-size:12px;box-shadow:none!important}
.unit-desk .subnav>button.active,.supervision-tabs>.btn.active{color:var(--cb-text)!important;border-bottom-color:var(--unit-color,#a1a1aa)!important}
.unit-desk .sub-management-toolbar{margin:0 0 22px;justify-content:flex-end}.unit-desk .card,.unit-desk .sub-leader-post,.unit-desk .sub-roster{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.unit-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 10px}.unit-section-title h2{font-size:17px;margin:0}.unit-section-title>span{font-size:12px;color:var(--cb-muted)}
.unit-operation-list{border-top:1px solid var(--cb-border);margin-bottom:32px}.unit-operation-list>button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:19px 4px;border:0;border-bottom:1px solid var(--cb-border);background:transparent;color:var(--cb-text);cursor:pointer}.unit-operation-list>button:hover{background:var(--cb-surface)}.unit-operation-list b{font-size:14px;font-weight:550;display:block}.unit-operation-list small{display:block;color:var(--cb-muted);font-size:12px;margin-top:6px}.unit-operation-list>button>span:last-child{color:var(--cb-muted)}
.unit-communication{border-top:1px solid var(--cb-border);padding-top:8px}.unit-desk .sub-leader-post{padding:15px 0!important}.unit-desk .sub-leader-post h3{font-size:18px}.unit-desk .sub-leader-post p{color:var(--cb-muted);line-height:1.7}
.supervision-header{padding-bottom:22px;gap:18px}.supervision-header img{width:52px;height:62px}.supervision-header .kicker{font-size:10px;color:var(--unit-color)}.supervision-header p{font-size:13px}.supervision-workspace{gap:0}.supervision-section{border:0!important;border-radius:0!important;background:transparent!important;padding:8px 0!important;box-shadow:none!important}.supervision-toolbar{gap:10px}.supervision-toolbar .field{flex:1;max-width:430px}.supervision-section table{font-size:12px}.supervision-section th{color:var(--cb-muted);font-weight:500;white-space:nowrap}.supervision-section td{padding-top:17px!important;padding-bottom:17px!important}.supervision-section .table-scroll{border:0;border-radius:0}.supervision-section td:last-child{min-width:210px;max-width:320px}.supervision-section td .btn{font-size:11px}
@media(max-width:650px){.unit-desk-header{align-items:flex-start;gap:12px}.unit-desk-header img{width:38px;height:48px}.unit-section-title{align-items:flex-start;flex-direction:column;gap:6px}.unit-desk .sub-management-toolbar{justify-content:flex-start;flex-wrap:wrap}.supervision-toolbar .field{max-width:none;flex-basis:100%}}
@media(max-width:1100px){.desk-header{flex-direction:column;gap:16px}.desk-header-actions{justify-content:flex-start}.desk-context-line{gap:12px}.desk-indicators>div{padding-right:14px}.desk-indicators>div+div{padding-left:16px}}
@media(max-width:650px){.management-desk{padding:0 2px}.desk-breadcrumb{margin-bottom:18px}.desk-heading img{width:34px;height:40px}.management-desk h1{font-size:23px!important}.desk-heading p{font-size:12px}.desk-tabs{gap:23px}.desk-indicators{flex-wrap:wrap;gap:20px 0;padding:22px 0}.desk-indicators>div{flex-basis:50%}.desk-indicators>div:nth-child(3){border-left:0;padding-left:0}.desk-indicators dt{font-size:10px}.desk-indicators dd{font-size:27px}.desk-period input{width:123px}.desk-section-heading{align-items:flex-start}.desk-filterbar label:not(.desk-search){flex:1}.desk-filterbar select{width:100%}.desk-footer{gap:6px}.desk-header-actions .desk-button{white-space:normal}}
