/* UPK / CRAFT CONCRETE — shared presentation layer; business actions are unchanged. */
:root{--bg:#eae7e1;--paper:#faf9f6;--ink:#272925;--muted:#83847d;--line:#d8d6d0;--green:#ce2229;--lime:#ce2229;--nav:#e5e2dc;--red:#ce2229;--amber:#af7b36;font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-size:13px;background:#e8e5df;color:var(--ink)}body{background-color:#e8e5df;background-image:radial-gradient(ellipse at 22% 35%,#afa69819,transparent 46%),radial-gradient(ellipse at 82% 75%,#a399881e,transparent 42%),repeating-linear-gradient(117deg,transparent 0 92px,#ffffff30 93px,transparent 94px 240px),radial-gradient(#82796722 .65px,transparent .9px),radial-gradient(#fff9 .6px,transparent 1px);background-size:auto,auto,auto,9px 13px,7px 11px;background-attachment:fixed}.shell{grid-template-columns:192px 1fr}.sidebar{width:192px;padding:23px 12px 15px;background:#ece9e16e;border-right:1px solid #cfcac0;box-shadow:inset -3px 0 9px #aa9e8914;color:#444640}.brand{padding:0 6px;gap:8px;font-size:20px;letter-spacing:-.7px;color:#151814;font-weight:850;white-space:nowrap}.brand small{font-size:16px;font-weight:350;margin-left:-5px;letter-spacing:-.5px}.brand-mark{width:32px;height:32px;flex:0 0 32px;display:block;background:conic-gradient(#d5252b 0deg 67deg,transparent 67deg 79deg,#d5252b 79deg 168deg,transparent 168deg 181deg,#d5252b 181deg 265deg,transparent 265deg 279deg,#d5252b 279deg 347deg,transparent 347deg);border-radius:50%;position:relative;transform:rotate(-8deg)}.brand-mark:after{content:'';position:absolute;inset:7px;border-radius:50%;background:#eae7df}.brand-sub{font-size:15px;letter-spacing:-.2px;line-height:1.4;font-weight:750;color:#63645e;margin:25px 7px 21px}.nav-caption{color:#33362f;font-size:10px;letter-spacing:0;font-weight:700;margin:20px 8px 8px}.nav-item{padding:9px 10px;gap:9px;font-size:11px;border-radius:5px;margin:2px 0;color:#55584f}.nav-item svg{width:14px;height:14px}.nav-item.active{background:linear-gradient(#dd3035,#c91d24);color:white;box-shadow:0 2px 5px #a1151e20;position:relative}.nav-item.active:before{content:'';position:absolute;top:5px;bottom:5px;left:3px;width:2px;background:#fff8}.nav-item:hover:not(.active){background:#ffffff75}.sidebar-bottom{color:#75776e;padding:20px 8px 0;font-size:10px}.live-dot{background:#56805e}.topbar{height:58px;background:#f7f5ef66;border-bottom:1px solid #d4d0c8;padding:0 21px}.breadcrumb{font-size:11px}.breadcrumb b{font-weight:700}.avatar{background:#deded4;color:#4c554c;border:1px solid #c8c9bf;width:30px;height:30px}.user-name{font-size:11px}.user-role{font-size:9px}.link-button{font-size:10px;color:#6e7169}.content{max-width:1800px;padding:20px 21px 35px}.title-row{margin-bottom:19px}h1{font-size:25px;letter-spacing:-.7px;margin-bottom:7px}h2{font-size:14px;font-weight:750}h3{font-size:12px;font-weight:750}.subtitle{font-size:11px;line-height:1.6}.eyebrow{font-size:10px;color:#c8292e}.primary{background:linear-gradient(#dc3037,#c91e25);border:1px solid #c91f26;border-radius:5px;padding:10px 15px;font-size:11px;box-shadow:0 2px 4px #ac152716}.primary:hover{background:#b91d25}.secondary{border-color:#d7d4cd;background:#fdfcf8b0;border-radius:5px;font-size:11px;padding:9px 12px}.small{padding:7px 10px}.panel,.stat{background:linear-gradient(140deg,#fffefbcc,#f9f8f3ba);border:1px solid #ddd9d1;box-shadow:0 3px 7px #4f493713,inset 0 1px 0 #fff9;border-radius:8px}.panel-head{padding:17px 18px;background:#ffffff25;border-bottom:1px solid #dedbd5}.panel-body{padding:18px}.notice{background:#f5eee0b0;border-color:#ded2ba;color:#8b7044;font-size:11px;padding:11px 13px}.notice.info{background:#efeee6c9;border-color:#d8d6ca;color:#666b5f}.badge{border-color:#dad7cf;background:#ecebe5;color:#76786e;font-size:9px;padding:4px 7px;border-radius:4px}.badge.active{background:#e2e9dd;border-color:#cdddc9;color:#447648}.badge.success{background:#e0eadd;border-color:#cbdcc5;color:#3f7642}.badge.alert{background:#f7e6e0;border-color:#eed0c6;color:#c32b2b}.badge.neutral{background:#eae9e3;color:#797b73;border-color:#dedbd4}.table-wrap{scrollbar-width:thin}th{font-size:9px;letter-spacing:0;text-transform:none;background:#ffffff30;padding:12px 15px;color:#8a8b83;font-weight:450}td{padding:13px 15px;font-size:11px;border-bottom-color:#e6e3da}.cell-id{color:#363c35;font-size:10px}.cell-main{font-size:11px;margin-bottom:4px}.cell-sub{font-size:9px}.clickable:hover{background:#fff8!important}.toolbar{padding:12px 16px}input,select,textarea{background:#faf9f5cb;border-color:#d9d7cf;padding:10px 11px;border-radius:5px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#cb5557;outline:2px solid #eec3c04d}.tab{font-size:11px;padding:9px 12px;background:#eeece6aa;border-color:#dad7cf;color:#85857c}.tab.active{background:#fffaf5;color:#c82229;border-color:#d7cbc2;border-bottom:2px solid #ce2229}.tabs{gap:6px}.track{height:6px;background:#d5d6d0}.fill{background:#d2292f}.warehouse-card{background:#fffdf77a;border-color:#d9d6ce}.warehouse-card:hover{background:#fffaf3;border-color:#c68d85}.map-area{background-color:#ebeae377;background-image:radial-gradient(#b2aea533 1px,transparent 1px);background-size:12px 12px}.map-box{background:#faf9f4b8;border-color:#b8b7ae}.zone{background:#e5e7df;border-color:#c5c9ba;color:#4c554b}.zone.occupied{background:#dbdfd1;border-color:#aab8a0}.zone .zone-id{color:#868c7e}.zone .zone-name{font-size:12px}.lane{color:#96958b;border-color:#d1cfc5}.gate:before{background:#c9cebf;border-color:#a7b09c}.gate.outbound:before{background:#cf252d;border-color:#bd242a}.gate.outbound{color:#c3282d}.drawer{background:#edeae3}.drawer-head{background:#f6f3ed;border-bottom-color:#d9d5cc}.drawer .panel{background:#fffdf7dc}.assignment{background:#f0efe4;border-color:#d6d7c6;color:#585c4f}.assignment b{color:#465f42}.weights div{background:#e6e5dc}.weights div:last-child{background:#e6e8da}.flow span.done{background:#cf272d}.timeline-item{border-color:#d3d2c4}.timeline-item:before{background:#cc2a2f}.toast{background:#343833;color:#fffdf7}.section-label{font-size:10px;color:#85857b}.login-story{background:#e6e2d6a3;color:#30372e;border-right:1px solid #cbc5b8}.login-story h1{font-weight:700;color:#353a31}.login-story p{color:#6e7367}.login-story .eyebrow{color:#cb292f!important}.login-badges{border-color:#bdbbae}.login-badges b{color:#c92930}.login-badges div{color:#73776d}.login-form-area{background:#f8f6ef80}.login-hint{background:#f8f6ef99;border-color:#d3cec2;color:#6d7368}
/* Dense control desk, inspired by the supplied multi-panel reference. */
.concrete-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.desk-panel{border:1px solid #d2cec4;border-radius:9px;box-shadow:0 3px 9px #5d55451c,inset 0 1px 1px #ffffffbc;background:linear-gradient(125deg,#faf9f2c4,#f7f6ef9e);min-width:0;overflow:hidden}.desk-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #d7d3c9;background:#fbfaf31f;min-height:44px}.desk-head h2{font-size:10px;text-transform:uppercase;letter-spacing:-.1px;font-weight:800}.desk-head .grip{font-size:15px;color:#99988d;letter-spacing:-2px}.desk-head select,.desk-head input{width:auto;padding:5px 8px;font-size:10px;max-width:150px;min-width:0}.desk-body{padding:12px}.tower-panel{grid-column:span 5}.planner-panel{grid-column:span 7}.journal-panel{grid-column:span 5}.people-panel{grid-column:span 3}.activity-panel{grid-column:span 4}.gate-panel{grid-column:span 4}.kanban-panel{grid-column:span 4}.machines-panel{grid-column:span 4}.desk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:8px}.desk-metric{background:#fffef8ab;border:1px solid #e2ded5;border-radius:7px;padding:11px 10px;box-shadow:0 2px 5px #5b534511;min-height:79px}.desk-metric span{font-size:9px;color:#86877d}.desk-metric strong{display:block;font-size:25px;font-weight:750;margin:4px 0;color:#252c22;line-height:1}.desk-metric strong.danger{color:#cc262d}.desk-metric small{font-size:8px;color:#6d8161}.tower-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tower-card{padding:11px 10px;border:1px solid #dedbd2;border-radius:6px;background:#fffef7a6;min-width:0}.tower-card h3{font-size:9px;text-transform:uppercase;margin-bottom:14px}.tower-card .big-number{font-size:25px;font-weight:750;margin:5px 0 10px;line-height:1.15}.big-number.blue{color:#56798c}.big-number.red{color:#ce2229}.tower-card .micro{font-size:8px;color:#8a8c82;line-height:1.6}.tower-row{font-size:9px;display:flex;justify-content:space-between;gap:5px;margin-top:12px}.tower-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tower-chart{margin-top:8px;padding:12px;border-radius:6px;border:1px solid #ddd9cf;background:#fffffa96}.tower-chart h3{font-size:9px;text-transform:uppercase;margin-bottom:12px}.chart-legend{display:flex;gap:17px;font-size:8px;align-items:center}.chart-legend i{display:inline-block;width:11px;height:7px;border-radius:2px;margin-right:5px;background:#52798f}.chart-legend i.red{background:#ce252e}.tower-chart canvas{width:100%;height:100px;display:block;margin-top:7px}.board-tools{display:flex;gap:6px;padding:12px 12px 0;align-items:center}.board-tools button{font-size:10px;padding:8px 12px;border-radius:5px;background:#ece9e0;color:#7f8076}.board-tools button.selected{background:#fcfaf4;color:#ce2229;border-bottom:2px solid #ce2229}.board-tools .board-label{font-size:9px;color:#84867b;margin-left:auto}.schedule-wrap{padding:12px;overflow:auto}.schedule{min-width:480px;--label:82px}.schedule-hours{margin-left:var(--label);display:grid;grid-template-columns:repeat(6,1fr);color:#8c8e82;font-size:8px;padding:7px 0 10px}.schedule-row{display:grid;grid-template-columns:var(--label) 1fr;min-height:55px;border-top:1px solid #e1ddd3}.schedule-gate{font-size:9px;font-weight:700;display:flex;align-items:center}.schedule-track{position:relative;min-height:54px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(16.666% - 1px),#e0ded457 calc(16.666% - 1px),#e0ded457 16.666%)}.schedule-track .gate-free{position:absolute;inset:0;display:flex;align-items:center;padding-left:8px;color:#a3a398;font-size:9px}.schedule-slot{position:absolute;top:4px;bottom:4px;background:#d6d7cd;border:1px solid #c9ccc1;border-radius:5px;text-align:left;padding:6px 7px;overflow:hidden;font-size:8px;line-height:1.4;color:#434a3d;min-width:48px;z-index:1}.schedule-slot strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-slot:hover{background:#c9cec0;border-color:#b3bba7}.schedule-block{background:linear-gradient(#d83137,#c61d25);color:white;position:absolute;inset:6px 0;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px}.schedule-foot{font-size:8px;color:#8c8c7f;padding-top:9px}.planner-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 12px 12px}.planner-small{padding:12px;border:1px solid #dedad0;background:#fffdf6a6;border-radius:6px}.planner-small h3{font-size:9px;text-transform:uppercase;margin-bottom:13px}.check-line{font-size:9px;margin-top:8px;line-height:1.5}.check-line:before{content:'✓';color:#67916b;margin-right:6px;font-weight:bold}.quick-help{font-size:9px;line-height:1.7;color:#85867b;margin-bottom:12px}.quick-help b{color:#444c3c}.planner-small .primary{font-size:10px;padding:8px 11px}.desk-link{background:none;color:#365469;font-size:9px;text-decoration:underline;text-underline-offset:3px;padding:0;cursor:pointer}.desk-footer{padding:0 12px 13px;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#8a8a7d}.concrete-dashboard th{padding:9px 10px;font-size:8px}.concrete-dashboard td{padding:11px 10px;font-size:9px}.concrete-dashboard .cell-main{font-size:9px}.concrete-dashboard .cell-sub,.concrete-dashboard .cell-id{font-size:8px}.concrete-dashboard .badge{font-size:8px;padding:3px 5px}.concrete-dashboard .empty{padding:25px 14px;font-size:10px}.concrete-dashboard .empty strong{font-size:12px}.board-summary{font-size:9px;color:#8a8a80;display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.staff-card{display:flex;gap:9px;border-bottom:1px solid #dedbd1;padding:11px 0;align-items:center}.staff-card:last-child{border-bottom:0}.staff-card .avatar{width:27px;height:27px;font-size:9px}.staff-card .staff-name{font-size:10px;font-weight:700;line-height:1.6}.staff-card .staff-detail{font-size:8px;color:#909083}.staff-card .badge{margin-left:auto}.event-card{padding:11px 0 11px 17px;border-bottom:1px solid #e0ddd2;position:relative;font-size:10px;line-height:1.6}.event-card:last-child{border-bottom:0}.event-card:before{content:'';position:absolute;left:0;top:18px;width:5px;height:5px;background:#d1242c;border-radius:50%}.event-card .micro{font-size:9px;color:#8b8c7f}.gate-name{font-weight:700;font-size:9px}.gate-note{display:block;font-size:8px;color:#8a8e7f;margin-top:3px}.gate-note.red{color:#c9262d}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.kanban-title{font-size:8px;color:#797e6f;margin-bottom:10px;font-weight:700}.kanban-card{display:block;width:100%;background:#fffef8bf;border:1px solid #dedbd0;padding:9px 8px;border-radius:5px;text-align:left;color:#414a39;margin-bottom:7px;box-shadow:0 2px 4px #827b6d12}.kanban-card:hover{border-color:#b7bda9}.kanban-card b{font-size:9px;display:block;margin-bottom:5px}.kanban-card .micro{font-size:8px;color:#8a8d7f;line-height:1.7}.kanban-card .badge{margin-top:7px;white-space:normal}.kanban-empty{min-height:90px;border:1px dashed #d2d2c5;border-radius:5px;display:grid;place-items:center;font-size:8px;color:#a0a194;text-align:center;padding:7px}.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.machine-card{background:#fffdf6b5;border:1px solid #dcd8ca;padding:11px 9px;border-radius:7px;min-width:0}.machine-card h3{font-size:10px;line-height:1.5;margin-bottom:3px}.machine-card .micro{font-size:8px;color:#898c7c;line-height:1.7}.machine-card .mini-row{font-size:8px;padding:7px 0;border-color:#e3e1d6}.forklift{height:75px;position:relative;max-width:130px;margin:8px auto 10px;filter:drop-shadow(0 6px 4px #78786724)}.forklift .body{position:absolute;width:53%;height:32%;background:linear-gradient(150deg,#d5b468,#a48a46);left:10%;top:40%;border:1px solid #8c7745;border-radius:6px 4px 3px 4px}.forklift .cab{position:absolute;width:29%;height:43%;border:4px solid #555a50;border-bottom:0;left:32%;top:8%;background:linear-gradient(120deg,#b5c5bcaa,#ffffff30);transform:skew(-5deg);border-radius:2px}.forklift .mast{position:absolute;left:68%;top:8%;height:73%;width:5px;background:#585d50;box-shadow:7px 0 #808372}.forklift .fork{position:absolute;left:70%;top:76%;width:29%;height:4px;background:#565c4f}.forklift .wheel{position:absolute;top:62%;width:22%;aspect-ratio:1;background:#3c4239;border:4px solid #282e25;border-radius:50%;box-shadow:inset 0 0 0 3px #8a8c79}.forklift .wheel.rear{left:12%}.forklift .wheel.front{left:48%}.desk-banner{display:flex;justify-content:space-between;align-items:center;color:#7e7c70;font-size:9px;margin-bottom:13px;gap:10px}.desk-banner .demo-chip{border:1px solid #cec7b6;border-radius:4px;padding:5px 8px;background:#f4f0e5aa}.desk-banner .demo-chip:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#c52a31;margin-right:6px}.dashboard-title{font-weight:750;color:#565b4f;font-size:11px;letter-spacing:.4px}.board-alert{color:#c22a2d}.section-nav-label{font-size:9px;font-weight:750;margin:21px 10px 8px;color:#56594d}.desk-page-content .title-row{margin-bottom:17px}
@media(min-width:1600px){.desk-head h2{font-size:12px}.desk-metric span{font-size:10px}.tower-card h3,.tower-row,.check-line,.planner-small h3{font-size:11px}.schedule{--label:100px}.schedule-row{min-height:61px}.schedule-track{min-height:60px}.schedule-slot,.schedule-slot strong{font-size:9px}.desk-body{padding:14px}.tower-chart canvas{height:125px}.staff-card .staff-name{font-size:11px}.event-card{font-size:11px}}
@media(max-width:1150px){.shell{grid-template-columns:172px 1fr}.sidebar{width:172px;padding:20px 9px}.content{padding:17px 15px}.brand{font-size:18px}.brand small{font-size:14px}.tower-panel,.planner-panel{grid-column:span 6}.desk-metrics{grid-template-columns:1fr 1fr}.tower-details{grid-template-columns:1fr 1fr}.tower-card:last-child{display:none}.journal-panel{grid-column:span 6}.people-panel,.activity-panel{grid-column:span 3}.gate-panel,.kanban-panel{grid-column:span 6}.machines-panel{grid-column:span 12}.machine-grid{grid-template-columns:repeat(3,1fr)}.machine-card{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.machine-card .forklift{grid-row:1/5;grid-column:2;width:100%;align-self:center}.machine-card .mini-row{grid-column:1}.planner-bottom{grid-template-columns:1fr}.planner-small:first-child{display:none}.schedule-wrap{max-height:320px}.topbar{padding:0 16px}}
@media(max-width:900px){.tower-panel{grid-column:span 12}.planner-panel{grid-column:span 12}.desk-metrics{grid-template-columns:repeat(4,1fr)}.tower-details{grid-template-columns:repeat(3,1fr)}.tower-card:last-child{display:block}.tower-card{padding:12px}.tower-chart canvas{height:115px}.planner-bottom{grid-template-columns:1fr 1fr}.planner-small:first-child{display:block}.journal-panel{grid-column:span 12}.people-panel,.activity-panel{grid-column:span 6}.gate-panel,.kanban-panel{grid-column:span 12}.schedule-wrap{max-height:none}.kanban-card b{font-size:11px}.kanban-card .micro{font-size:10px}.machine-card{display:block}.machine-grid{gap:10px}.machine-card .forklift{height:90px}.concrete-dashboard td{font-size:11px}.concrete-dashboard th{font-size:10px}.concrete-dashboard .cell-sub,.concrete-dashboard .cell-id{font-size:10px}.user-block{gap:8px}.breadcrumb{font-size:10px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;padding:15px;border:0;border-bottom:1px solid #cbc8bc}.brand{font-size:21px}.brand small{font-size:17px}.brand-sub,.nav-caption,.section-nav-label,.sidebar-bottom{display:none}.nav-item{font-size:11px;padding:10px 11px}.topbar{height:62px}.content{padding:14px 12px 28px}.desk-banner{align-items:flex-start;font-size:8px}.dashboard-title{font-size:10px}.concrete-dashboard{gap:11px}.people-panel,.activity-panel{grid-column:span 12}.desk-metric{padding:10px 8px}.desk-metric strong{font-size:23px}.desk-metric span{font-size:8px}.tower-card h3{font-size:9px}.tower-row{font-size:8px}.tower-card{padding:10px 8px}.planner-bottom{grid-template-columns:1fr}.planner-small:first-child{display:none}.desk-head h2{font-size:10px}.desk-head{padding:12px;flex-wrap:wrap}.desk-head select,.desk-head input{max-width:135px}.machine-card{padding:10px 7px}.machine-card h3{font-size:9px}.machine-card .forklift{height:65px}.machine-card .mini-row{display:block;line-height:1.7}.machine-card .mini-row b{display:block}.user-name{font-size:11px}.drawer-head h2{font-size:17px}.drawer-body{padding:16px}.kanban-card{padding:9px 6px}.kanban-card b{font-size:9px}.kanban-card .micro{font-size:8px}.desk-head .grip{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8c2b5 transparent}.stat-foot.good{color:#567b4b}.desk-panel .primary{white-space:normal}.machine-grid{align-items:start}

/* Keep the control navigation beside the workspace at every viewport width. */
.shell{--sidebar-width:192px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.shell>.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;display:flex;flex-direction:column;border-right:1px solid #cfcac0;border-bottom:0;z-index:10;background-color:#e9e6de}
.sidebar nav{display:flex;flex-direction:column;gap:0;overflow:visible;margin-top:0}
.sidebar .nav-item{width:100%;white-space:normal;flex-shrink:0;text-align:left}
.sidebar .nav-item svg{display:block;flex:0 0 14px}
.shell>.main{grid-column:2;min-width:0}
@media(max-width:1150px){.shell{--sidebar-width:172px}}
@media(max-width:700px){
 .shell{--sidebar-width:148px}
 .shell>.sidebar{padding:20px 8px 14px}
 .sidebar .brand{padding:0 3px;font-size:16px;gap:5px;letter-spacing:-.5px}
 .sidebar .brand small{font-size:12px;margin-left:-3px}
 .sidebar .brand-mark{width:25px;height:25px;flex-basis:25px}
 .sidebar .brand-mark:after{inset:6px}
 .sidebar .brand-sub{display:block;font-size:12px;margin:24px 6px 16px}
 .sidebar .nav-caption{display:block;font-size:9px;margin:14px 6px 8px}
 .sidebar .section-nav-label{display:block;font-size:9px;margin:20px 6px 8px}
 .sidebar .nav-item{font-size:11px;padding:10px 7px;gap:7px;line-height:1.4}
 .sidebar .sidebar-bottom{display:block;font-size:9px;padding:24px 6px 0}
 .topbar{height:auto;min-height:62px;padding:12px}
 .user-block{flex-wrap:wrap;gap:8px;min-width:0}
 .user-block>div:not(.avatar){min-width:0;overflow-wrap:anywhere}
 .user-block .link-button{margin-left:0;padding-left:0}
 .desk-metrics,.tower-details{grid-template-columns:repeat(2,minmax(0,1fr))}
 .desk-head select,.desk-head input{max-width:100%;width:100%}
 .machine-grid,.kanban{grid-template-columns:minmax(0,1fr)}
 .desk-banner,.board-tools{flex-wrap:wrap}
 .board-tools .board-label{margin-left:0}
}
@media(max-width:420px){
 .shell{--sidebar-width:128px}
 .sidebar .brand{font-size:14px;gap:4px}
 .sidebar .brand small{font-size:10px}
 .sidebar .brand-mark{width:22px;height:22px;flex-basis:22px}
 .sidebar .nav-item{font-size:10px;gap:5px}
 .content{padding:12px 8px 24px}
 .desk-metrics,.tower-details{grid-template-columns:minmax(0,1fr)}
 .title-row{flex-wrap:wrap}
}

.notification-row{display:flex;gap:16px;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.notification-row.unread{border-left:3px solid var(--red);background:#fffaf0aa}.notification-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#unread-count{display:inline-block;background:var(--red);color:white;border-radius:10px;padding:2px 6px;min-width:20px}@media(max-width:700px){.notification-row{flex-direction:column}.topbar .user-block{flex-wrap:wrap}.topbar{height:auto;min-height:62px;padding-top:10px;padding-bottom:10px}}