@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#193344;font-family:system,Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit}button{border:1px solid #cad5dd;background:white;color:#193344;padding:10px 16px;border-radius:8px;font-weight:600}button:hover{background:#edf3f6}button:disabled{opacity:.55;cursor:wait}button.primary{background:#153f50;color:white;border-color:#153f50}button.primary:hover{background:#20566b}button.gold{background:#efb363;color:#142e3a;border-color:#efb363}button.danger{color:#a12d32;border-color:#ddb1b5}button.small{padding:6px 11px;font-size:14px}button.ghost{background:transparent;border-color:transparent}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bccbd5;border-radius:7px;background:#fff;color:#173343;min-height:46px}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:20px;min-height:20px}label{font-size:14px;font-weight:600;display:block}label>input,label>select,label>textarea{margin-top:6px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin-bottom:7px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:17px;margin-bottom:8px}.muted{color:#5e7280}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;text-transform:uppercase}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#102c3a;color:#d9e5eb;display:flex;flex-direction:column;padding:30px 18px;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:white;margin:0 10px 38px}.brand img{width:35px;height:35px}.brand strong{font-size:19px;letter-spacing:1px}.brand small{display:block;font-size:12px;color:#a7bdc8;letter-spacing:2px}.nav{display:grid;gap:6px}.nav button{text-align:left;border:0;background:transparent;color:#b7cbd6;font-size:15px;padding:12px 15px;display:flex;gap:12px;align-items:center}.nav button:hover,.nav button.selected{background:#244351;color:white}.nav button.selected{box-shadow:inset 3px 0 #efb363}.nav .symbol{width:20px;text-align:center;font-size:18px}.sidebar-foot{margin-top:auto;padding:24px 10px 0;font-size:14px}.sidebar-foot strong{display:block;color:white}.sidebar-foot button{color:#d9e5eb;padding-left:0;font-size:14px}.main{margin-left:236px;padding:0 36px 40px;max-width:1900px}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e2e8;margin-bottom:30px;font-size:14px}.topbar .right,.actions,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.pagehead p{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid #dce4e9;border-radius:10px;padding:21px}.stat .number{font-size:32px;font-weight:650;letter-spacing:-1px;display:block;margin:5px 0}.stat small{color:#5e7280;font-size:13px}.stat.accent{background:#153f50;color:white;border-color:#153f50}.stat.accent .muted,.stat.accent small{color:#c8dce5}.tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #d5e0e6;margin:20px 0}.tabs button{border:0;background:transparent;border-radius:0;padding:12px 18px;color:#59717e}.tabs button.selected{color:#123a4a;box-shadow:inset 0 -3px #bc7621}.count{display:inline-block;background:#e4ebef;border-radius:20px;padding:0 7px;font-size:12px;margin-left:6px}.toolbar{display:flex;gap:12px;margin:20px 0;align-items:center}.toolbar input{max-width:350px}.toolbar select{max-width:215px}.panel{background:white;border:1px solid #dbe4e9;border-radius:10px;padding:23px;margin-bottom:20px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.panelhead h2{margin:0}.board{display:grid;grid-template-columns:repeat(5,minmax(205px,1fr));gap:14px;overflow-x:auto;padding-bottom:15px}.column{background:#e8eef2;border-radius:9px;padding:12px;min-height:300px}.column-head{display:flex;justify-content:space-between;font-size:14px;font-weight:700;padding:3px 2px 13px}.card{background:white;border:1px solid #d8e2e8;border-radius:8px;padding:17px;margin-bottom:11px;cursor:pointer;box-shadow:0 3px 7px #102c3a05}.card:hover{border-color:#8babb9;box-shadow:0 5px 15px #102c3a0c}.card:focus{outline:2px solid #bc7621}.card .company{font-size:13px;color:#637b89;margin-bottom:8px}.card h3{font-size:16px;line-height:1.4}.card .detail{font-size:14px;color:#59717e;margin:10px 0}.cardfooter{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef1f4;margin-top:13px;padding-top:11px;font-size:12px;color:#5b7381}.avatar{background:#e6eef2;border-radius:50%;width:27px;height:27px;display:inline-grid;place-items:center;color:#284c5e;font-size:11px;font-weight:700}.badge{display:inline-block;font-size:12px;font-weight:650;padding:4px 9px;border-radius:5px;background:#e8eff4;color:#37586a;white-space:nowrap}.badge.ready,.badge.confirmed{background:#e0f2e9;color:#216448}.badge.requested,.badge.overdue{background:#fff0d8;color:#8d5610}.badge.failed{background:#f9e4e6;color:#9b3541}.badge.submittedtoclient{background:#e5eafb;color:#3e558c}.empty{text-align:center;padding:40px 22px;color:#6a7e89}.empty strong{display:block;color:#284b5b;font-size:18px;margin-bottom:5px}.column .empty{padding:30px 8px;font-size:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#687c88;text-transform:uppercase;font-size:12px;letter-spacing:.8px;background:#f5f8fa}td,th{padding:14px 13px;border-bottom:1px solid #e8edf1}td{font-size:14px}td strong{font-size:15px}td small{display:block;color:#607783;font-size:13px}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.info-grid dt{font-size:12px;color:#627a88;text-transform:uppercase;letter-spacing:.6px}.info-grid dd{margin:5px 0 0;font-size:16px;font-weight:600}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.timeline{border-left:2px solid #dce6eb;margin:12px 0 0 6px;padding-left:18px}.timeline article{padding:0 0 22px;position:relative}.timeline article:before{content:'';position:absolute;left:-24px;top:5px;width:9px;height:9px;border:2px solid white;background:#7295a6;border-radius:50%}.timeline small{color:#627c89;font-size:12px}.timeline p{font-size:14px;margin:4px 0}.samplegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.samplecard{margin:0}.samplecard p{font-size:14px}.samplecard .photos{display:flex;gap:8px;margin:15px 0;overflow-x:auto}.photos img{width:92px;height:92px;object-fit:cover;border-radius:6px}.notice{padding:13px 17px;border-radius:7px;background:#fff1dc;color:#7c501c;font-size:14px;margin-bottom:20px}.error{padding:12px;background:#fbe9eb;color:#a3253a;border-radius:7px;margin-bottom:16px}.success{background:#e4f4ea;color:#245c43;padding:15px;border-radius:7px}dialog{border:0;padding:0;border-radius:12px;width:min(690px,calc(100% - 30px));max-height:90vh;color:#193344;box-shadow:0 25px 90px #00182240}dialog::backdrop{background:#0b2536a6}dialog .dialoghead{padding:23px 26px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4ebef}dialog h2{margin:0}dialog form{padding:23px 26px}dialog .dialogbody{padding:23px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}.formfoot{display:flex;justify-content:flex-end;gap:10px;padding-top:23px;margin-top:12px;border-top:1px solid #e3eaef}.help{font-size:13px;color:#637b88;font-weight:400;margin:6px 0 0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#102c3a;color:white;padding:65px;display:flex;flex-direction:column;justify-content:space-between}.login-art .brand{margin:0}.login-art h1{font-size:48px;max-width:490px;line-height:1.14}.login-art p{color:#bbd0da;max-width:420px}.login-line{width:65px;height:4px;background:#efb363;margin-bottom:27px}.login-form{display:grid;place-items:center;padding:40px}.login-form form{max-width:390px;width:100%}.login-form label{margin-bottom:18px}.login-form button{width:100%;margin-top:6px}.login-form h2{font-size:28px}.loading{padding:60px;text-align:center;color:#597683}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#143d4e;color:white;padding:12px 22px;border-radius:8px;z-index:30;display:none;max-width:90vw}.notification{padding:15px 0;border-bottom:1px solid #e2e9ed}.notification.unread{border-left:3px solid #bd791f;padding-left:13px}.notification p{margin:0 0 5px}.notification small{font-size:12px;color:#6c818c}.demo-banner{background:#f8e5bc;color:#614819;text-align:center;padding:8px;font-size:14px}.period-label{font-size:14px;color:#526f7f}.checkline{display:flex;gap:10px;align-items:center}.mobile-brand{display:none}.photo-view{max-width:100%;max-height:70vh;object-fit:contain}.linkbutton{background:none;border:0;padding:0;text-align:left;color:#184e66;text-decoration:underline}.settingsbox{max-width:650px}.sample-title{display:flex;justify-content:space-between;align-items:start;gap:10px}.readonly{background:#eef3f6;padding:12px 15px;border-radius:7px;margin-bottom:20px}.samplecard dl{font-size:14px}.samplecard dt{font-weight:700;margin-top:12px}.samplecard dd{margin:3px 0}.meeting-row{border-top:1px solid #e1e9ee;padding:20px 0}.meeting-row:first-of-type{border-top:0}.meeting-row p{margin:7px 0;font-size:15px}.meeting-row .meta{font-size:13px;color:#647c89}.text-danger{color:#a33e34}.sectionlabel{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#647e8c}.wide-button{width:100%}.viewtitle{margin-bottom:5px}@media(min-width:1500px){.main{padding-left:45px;padding-right:45px}.board{gap:18px}}@media(max-width:1100px){.sidebar{width:205px}.main{margin-left:205px;padding:0 23px 30px}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.board{grid-template-columns:repeat(5,220px)}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:13px 15px}.sidebar .brand,.sidebar-foot{display:none}.nav{display:flex;overflow-x:auto;gap:3px}.nav button{font-size:14px;white-space:nowrap;padding:9px 12px}.nav .symbol{display:none}.main{margin-left:0;padding:0 17px 30px}.topbar{height:auto;min-height:66px;margin-bottom:24px;gap:10px}.topbar .date{display:none}.mobile-brand{display:block;font-weight:700}.pagehead{flex-direction:column;gap:13px}h1{font-size:27px}.stats{gap:10px}.stat{padding:15px}.stat .number{font-size:26px}.stat .muted{font-size:14px}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{max-width:none;flex:1;min-width:140px}.tabs button{padding:11px;font-size:14px}.form-grid,.info-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{padding:30px}.login-art h1{font-size:30px;margin-top:35px}.login-art p,.login-art>.eyebrow{display:none}.login-form{padding:30px}.panel{padding:18px}.samplegrid{grid-template-columns:1fr}.info-grid{gap:12px}.sample-title{flex-wrap:wrap}.topbar .right{gap:5px}.topbar button{padding:7px;font-size:13px}}@media(prefers-reduced-motion:no-preference){button,.card{transition:background .15s,border-color .15s,box-shadow .15s}}
@media(min-width:1101px){.board{grid-template-columns:repeat(5,minmax(170px,1fr))}}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 5px 28px}.brand img{width:180px;height:auto;border-radius:8px}.brand>small{font-size:11px;letter-spacing:1.4px;color:#c2d4de}.login-art .brand img{width:240px}.mobile-brand img{width:95px;height:auto;vertical-align:middle;border-radius:4px}.location-box{padding:16px;background:#edf4f7;border-radius:8px}.location-box button{margin:12px 0}.location-proof{margin:12px 0;padding:12px;background:#f0f6f8;border-radius:7px;font-size:14px}.location-proof small{color:#586f7b}.file-list{display:grid;gap:10px;margin:14px 0}.file-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f5f8fa;border-radius:7px;overflow-wrap:anywhere}.file-item img{width:70px;height:70px;object-fit:cover;border-radius:5px}.file-item small{display:block;color:#687c88;font-size:12px}.file-item a{font-size:14px}.file-item>div{min-width:0}#upload-form label{margin-bottom:18px}[hidden]{display:none!important}#client-search{margin-bottom:4px}#location-result{font-size:14px}.dialoghead h2{overflow-wrap:anywhere}@media(max-width:700px){.mobile-brand img{width:85px}.topbar{gap:5px}.topbar .right{gap:0}.topbar button{font-size:12px;padding:7px 5px}.login-art .brand img{width:190px}}

button.stat{text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;width:100%;color:inherit}button.stat.accent{color:white}button.stat:hover{box-shadow:0 0 0 2px #d6ae69}button.stat:focus-visible{outline:3px solid #d6ae69}.sample-progress{display:flex;list-style:none;gap:6px;padding:0;margin:18px 0}.sample-progress li{flex:1;border-top:4px solid #e0e6e9;padding-top:7px;font-size:12px;color:#6b7780}.sample-progress li.complete{border-color:#28675c;color:#20564c;font-weight:700}.meeting-history{margin:14px 0;padding:12px;background:#f2f6f7;border-radius:8px}.meeting-history article{border-bottom:1px solid #d8e1e5;padding:10px 0}.meeting-history summary{cursor:pointer;font-weight:600}.table-wrap td{vertical-align:top}.table-wrap td small{display:block;margin-top:5px}.samplecard small{display:block}.samplecard h4{margin-bottom:8px}

.brand{background:#fff;border-radius:12px;padding:12px;color:#183c49}.brand img{display:block;margin:0 auto;border-radius:0}.brand small{display:block;color:#183c49;margin-top:8px}.mobile-brand{background:#fff;border-radius:8px}.texture-row{border:1px solid #dce4e7;border-radius:10px;padding:16px;margin-bottom:14px}.texture-row legend{padding:0 6px;font-weight:600}.texture-row .small{margin-top:10px}.calendar-scroll{overflow-x:auto;margin:20px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));min-width:910px;border-left:1px solid #dce4e7;border-top:1px solid #dce4e7}.calendar-weekday,.calendar-day{padding:10px;background:white;border-bottom:1px solid #dce4e7;border-right:1px solid #dce4e7}.calendar-weekday{font-weight:600;background:#e7eff2}.calendar-day{min-height:140px}.calendar-day.blank{background:#f0f4f5}.calendar-day.today{background:#fff8e9}.calendar-event{display:block;width:100%;text-align:left;padding:7px;margin:6px 0 0;border:0;font-size:12px;background:#e3f2e9;color:#194c34}.calendar-event.night{background:#e6e8fa;color:#343967}.calendar-event.finished{opacity:.65}.calendar-event small{display:block;font-size:10px;margin-top:3px}.badge.completed{background:#e3eee8;color:#28533a}.toolbar label{display:flex;flex-direction:column;font-size:12px;gap:4px}.table-wrap .preserve{min-width:190px}

.photo-upload{border:1px solid #d6e0e5;border-radius:12px;padding:16px}.photo-upload [hidden]{display:none}.photo-upload [data-upload-choices]{margin-top:10px}.photo-selections{display:flex;flex-wrap:wrap;gap:12px}.photo-selection{display:flex;flex-direction:column;gap:6px;width:130px;overflow-wrap:anywhere}.photo-selection img{width:130px;height:100px;object-fit:cover;border-radius:8px}.photo-upload [data-photo-error]{color:#b42335}
.sidebar{background:#f3f6f8;color:#193344;border-right:1px solid #d8e3e8}.sidebar .brand{background:none;padding:0;border-radius:0}.sidebar .brand img,.mobile-brand img{mix-blend-mode:multiply}.sidebar .nav button{color:#193344}.sidebar .nav button.selected,.sidebar .nav button:hover{background:#e0eaee;color:#153f50}.sidebar-foot,.sidebar-foot span,.sidebar-foot button{color:#486371}.mobile-brand{background:none;border-radius:0}.mobile-brand small{display:block;font-size:11px;text-align:center;color:#486371}.refresh-label{font-size:11px;color:#647c89}.calendar-count{display:none}fieldset{min-width:0}#meeting-new-project>label{margin-bottom:12px}.toolbar{flex-wrap:wrap}.tabs{flex-wrap:wrap}.main,.split>*,.panel{min-width:0}.samplecard .photos{flex-wrap:wrap;overflow:visible}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.calendar-day{min-width:0}.calendar-event{overflow-wrap:anywhere}.calendar-scroll{overflow:visible}
@media(max-width:700px){
 .sidebar{border-right:0;border-bottom:1px solid #d8e3e8;padding:8px 12px}.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px}.nav button{white-space:normal;font-size:12px;padding:7px 4px;min-width:0;line-height:1.3}.topbar{flex-wrap:wrap;padding:10px 0;gap:8px}.topbar .right{flex-wrap:wrap;justify-content:flex-end;flex:1}.refresh-label{width:100%;text-align:right;font-size:10px}.mobile-brand img{width:95px}.main{padding-left:12px;padding-right:12px}.panel{padding:14px}.pagehead .actions,.actions,.row,.panelhead{flex-wrap:wrap}.toolbar>*{max-width:100%;min-width:0}.toolbar label{flex:1 1 135px}.toolbar input,.toolbar select{width:100%;min-width:0}.tabs{display:flex;flex-wrap:wrap;gap:4px}.tabs button{flex:1 1 95px;white-space:normal}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%;min-width:0}.table-wrap thead{display:none}.table-wrap tr{border:1px solid #d8e3e8;border-radius:10px;margin-bottom:15px;padding:6px 12px}.table-wrap td{padding:8px 0;overflow-wrap:anywhere}.table-wrap td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#647c89;margin-bottom:5px}.table-wrap td:last-child{border-bottom:0}.table-wrap .preserve{min-width:0}.table-wrap td button{margin:4px 4px 4px 0}.calendar-weekday{font-size:10px;padding:5px 1px;text-align:center}.calendar-day{padding:5px 2px;min-height:70px}.calendar-day>strong{font-size:12px;display:block;text-align:center}.calendar-day .calendar-event,.calendar-day>.small{display:none}.calendar-count{display:block;padding:5px 0;margin:5px auto 0;font-size:10px;line-height:1.2;width:100%;border:0;background:#deebef;color:#173f50;border-radius:4px}.calendar-grid{width:100%}.calendar-scroll{margin:14px 0}.photo-selection{max-width:100%}.formfoot{flex-wrap:wrap}dialog form,dialog .dialogbody{padding:18px}dialog .dialoghead{padding:18px}.info-grid dd{overflow-wrap:anywhere}.sample-progress{flex-wrap:wrap}.file-item{align-items:flex-start}.file-item img{width:55px;height:55px}.stat{min-width:0}
}

@media(max-width:700px){.toolbar>input,.toolbar>select{flex:1 1 100%;width:100%;max-width:100%}.toolbar>label{flex:1 1 145px}.toolbar>button{flex:1 1 auto}}

.simple-list{display:grid;gap:10px}.listing-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px;text-align:left;white-space:normal}.listing-row>span:first-child{flex:1;min-width:0}.listing-row strong{display:block;font-size:17px;overflow-wrap:anywhere}.listing-row small{display:block;color:#617986;font-weight:400;margin-top:5px}.detail-back{position:sticky;top:0;z-index:3;margin-bottom:16px;box-shadow:0 2px 10px #17374610}.photo-thumb{padding:0;border:0;background:none}.photo-thumb img{width:120px;height:120px;object-fit:cover}#photo-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;background:#142b37;color:white}#photo-viewer header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.original-photo{height:calc(100% - 90px);display:grid;place-items:center;overflow:auto}.original-photo img{max-width:100%;max-height:100%;object-fit:contain}.followup-history{margin-top:15px;border-top:1px solid #d9e2e7}.followup-history h4{font-size:14px}.samplegrid:has(.listing-row){display:grid;grid-template-columns:1fr}

.mobile-projects,.mobile-topic-header{display:none}.desktop-projects{display:block}.desktop-projects .table-wrap{overflow-x:auto}.topic-picker{min-width:0;flex:1;margin:0}.topic-picker>span{display:block;font-size:11px;color:#647c89;margin-bottom:4px}.topic-picker select{width:100%;min-width:0;font-size:15px}.mobile-topic-header{align-items:center;gap:18px;width:100%}@media(max-width:700px){.sidebar{display:none}.mobile-topic-header{display:flex}.desktop-projects{display:none}.mobile-projects{display:block}.topbar .right{flex-basis:100%;justify-content:flex-end;gap:6px}.topbar .refresh-label{width:auto;margin-right:auto}.mobile-topic-header .mobile-brand{flex:0 0 95px}.topbar{padding:14px 0;margin-bottom:18px;gap:14px}}

.history-entry{display:block;width:100%;text-align:left;background:transparent;border:0;padding:6px 0}.history-entry>span,.history-entry>small{display:block}.history-entry>span{white-space:pre-wrap;margin:5px 0;font-weight:400}.history-entry:hover{background:#edf3f6}

/* Clickable desktop and mobile home logos. */
button.logo-home{display:block;padding:0;border:0;background:transparent;border-radius:4px;line-height:0;cursor:pointer;max-width:100%}button.logo-home:hover{background:transparent;opacity:.85}button.logo-home:focus-visible{outline:3px solid #23718b;outline-offset:4px}

/* Mobile status and filter layout: shared alignment across all main topics. */
@media(max-width:700px){
 .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;border:0;margin:18px 0;overflow:visible}
 .tabs>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%;min-height:52px;margin:0;padding:12px;font-size:13px;line-height:1.35;text-align:left;white-space:normal;border:1px solid #cedee4;border-radius:10px;background:#fff;color:#244554;box-sizing:border-box}
 .tabs>button:first-child:nth-last-child(odd){grid-column:1/-1}
 .tabs>button.selected,.tabs>button[aria-selected="true"]{background:#173f50;color:#fff;border-color:#173f50;box-shadow:0 2px 5px #173f5014}
 .tabs .count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:28px;height:26px;margin:0;padding:2px 7px;border-radius:7px;font-size:12px;line-height:1;background:#edf3f6;color:#244554}
 .tabs>button.selected .count{background:#ffffff24;color:#fff}
 .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;padding:14px;background:#eaf0f3;border:1px solid #dbe5e9;border-radius:12px;margin-bottom:18px}
 .toolbar>*,.toolbar>label{min-width:0;max-width:100%;width:100%;margin:0}
 .toolbar>input,.toolbar>select{grid-column:1/-1}
 .toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.4;color:#486371;font-weight:600}
 .toolbar input,.toolbar select,.toolbar button{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;margin:0;font-size:14px;line-height:1.3}
 .toolbar button{white-space:normal;padding:10px 8px}
 .project-toolbar>label:has(#owner-filter){grid-column:1/-1}
 .meeting-toolbar>label:has(#meeting-date),.meeting-toolbar>label:has(#meeting-owner){grid-column:1/-1}
 .calendar-toolbar>label{grid-column:1/-1;grid-row:1}
 .calendar-toolbar>[data-action="calendar-prev"]{grid-column:1;grid-row:2}
 .calendar-toolbar>[data-action="calendar-next"]{grid-column:2;grid-row:2}
 .calendar-toolbar>[data-action="calendar-today"]{grid-column:1;grid-row:3}
 .calendar-toolbar>#calendar-shift{grid-column:2;grid-row:3}
 .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
 .stats .stat{display:grid;grid-template-rows:minmax(38px,auto) auto minmax(34px,auto);gap:8px;align-content:start;min-width:0;padding:14px;text-align:left;white-space:normal}
 .stats .stat .muted{font-size:13px;line-height:1.4}.stats .stat small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.stats .stat .number{line-height:1.15}
 .sample-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;list-style:none}
 .sample-progress li{min-width:0;margin:0;padding:10px;line-height:1.4;font-size:13px;border-radius:8px;text-align:center}
 .pagehead{align-items:stretch}.pagehead>.actions{width:100%;display:flex;gap:8px}.pagehead>.actions>button{flex:1;min-height:44px;white-space:normal}
 .tabs button:focus-visible{outline:3px solid #6dacc3;outline-offset:2px}
}

.project-sample-status{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.sample-status-label{display:inline-block;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.4;white-space:normal}.sample-status-label.requested{background:#edf1f5;color:#44576a}.sample-status-label.preparing{background:#fff1d5;color:#75500b}.sample-status-label.done{background:#e1f2eb;color:#236044}.sample-status-label.delivered{background:#e5edf9;color:#315788}

.project-update{padding:16px 0;border-top:1px solid #dbe5e9}.project-update-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:10px}.project-update-meta time{font-size:12px;color:#617986}.project-update p{overflow-wrap:anywhere}.project-update:last-child{padding-bottom:0}