:root{color-scheme:light}body{background:#f7f7f8;color:#25272b;font-size:14px}aside{background:#fff;color:#666a73;border-right:1px solid #e7e7eb}.brand{font-family:Georgia,serif;color:#23252a;font-size:23px;letter-spacing:-.4px}.tag{color:#7b7e85}.label{color:#8a8d94}nav button{color:#60646c;border-radius:6px}nav button:hover{background:#f6f6f7}nav button.active{background:#f0f0f3;color:#22252b;font-weight:650}.note{color:#868991}header{background:#fff;border-color:#e8e8ec}article{max-width:1450px}.eyebrow{color:#878b94;letter-spacing:1px;font-size:10px}h1{font-size:27px;letter-spacing:-.8px}h2{font-size:17px;letter-spacing:-.3px}p{color:#686d77}.sub,.card small{color:#737984}.card,.panel{border:1px solid #e4e5e9;border-radius:9px;box-shadow:none}.card{padding:20px}.num{font-size:29px;color:#22252b}.row{border-color:#ededf0}.pill{background:#f1f3f2;color:#496052;border-radius:4px}.amber{background:#faf3e8;color:#84632c}.banner{background:#f0f1f3;border:1px solid #e2e4e8;border-radius:8px}.banner p{color:#656b74}button,select{border-color:#dddfe4;color:#393e47;border-radius:6px}button:hover{background:#f1f2f4}button.solid{background:#333740;color:white}button.solid:hover{background:#20242c}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{border-color:#daddE3;border-radius:6px;color:#30343c;background:white}input:focus,textarea:focus,select:focus{outline:2px solid #989fae;outline-offset:2px}dialog{max-height:88vh;overflow:auto;border:1px solid #dfe1e7;border-radius:12px;box-shadow:0 12px 60px #20232c30;color:#292d35}dialog::backdrop{background:#252a3655}dialog .actions{position:sticky;bottom:-28px;padding:14px 0;background:white;border-top:1px solid #eceef1;flex-wrap:wrap}dialog select{max-width:100%}#toast{background:#343942;z-index:2147483647}body:has(dialog[open]) #toast{display:none!important}.bar{background:#e9eaf0}.bar i{background:#7c8797}.mobile{border-color:#3b3f47}.bottom{gap:2px;border-color:#e5e7ec}.bottom button{font-size:12px;padding:10px 8px;border:0}.cards{gap:14px}th,td{border-color:#e8eaee}small{line-height:1.6}@media(max-width:600px){.cards{gap:10px}.card{padding:16px}.num{font-size:25px}dialog{width:94vw;padding:20px}dialog .actions{bottom:-20px}button{min-height:40px}.row{flex-wrap:wrap}}
/* Consistent desktop and phone typography */
body{font-size:14px;line-height:1.5;letter-spacing:-.2px}aside{width:220px;padding:28px 16px;overflow-y:auto}main{margin-left:220px}.brand{font-size:21px;line-height:1.25}.tag{font-size:11px;line-height:1.5}.label{font-size:11px;letter-spacing:0;margin:28px 12px 12px;line-height:1.4;white-space:nowrap}nav button{font-size:14px;line-height:20px;padding:11px 12px;margin:3px 0;min-height:42px;font-weight:500}nav button.active{font-weight:650}header{height:64px}article{padding:28px}h1{font-size:24px;line-height:1.35;margin:8px 0 10px}h2{font-size:17px;line-height:1.4}h3{font-size:15px;line-height:1.5}p{font-size:14px;line-height:1.65}small,.sub,.card small{font-size:12px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:.7px;line-height:1.5}.num{font-size:28px;line-height:1.25}.pill{font-size:12px;line-height:18px}button,input,select,textarea{font-size:14px;line-height:20px}label{font-size:14px;line-height:20px}dialog h2{font-size:20px}.intro{margin-bottom:22px}.bottom button{font-size:12px;line-height:18px;min-height:44px}th{font-size:12px}td{font-size:14px}.note{display:none}@media(max-width:900px){aside{width:190px}main{margin-left:190px}}@media(max-width:600px){main{margin:0}article{padding:20px}h1{font-size:22px}h2{font-size:16px}.num{font-size:26px}header{height:auto;min-height:56px}.intro{margin-bottom:20px}}.mobile main{margin:0}.mobile h1{font-size:22px}.mobile article{padding:20px}
#nav button{display:flex;align-items:center;gap:10px;white-space:nowrap}.menuIcon{width:20px;flex:0 0 20px;font-size:17px;line-height:20px;text-align:center}#nav button>span:last-child{font-size:14px;line-height:20px}
/* Compact workspace density; phone controls retain usable touch targets. */
article{padding:20px 22px}.intro{margin-bottom:14px;gap:12px}.intro .eyebrow{display:none}h1{font-size:21px;line-height:28px;margin:0 0 4px}h2{font-size:15px;line-height:22px;margin:0 0 12px}h3{font-size:14px;margin:14px 0 8px}.intro p{font-size:13px;line-height:20px;margin:0}p{margin:8px 0;font-size:13px;line-height:20px}.cards{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:13px 14px;border-radius:6px}.card h2{margin-bottom:8px}.card p{margin:6px 0 10px;font-size:12px}.num{font-size:22px;line-height:28px;margin:7px 0 3px}.card small,.sub{font-size:12px;line-height:17px}.panel{padding:16px;border-radius:6px}.grid{margin-top:16px;gap:14px}.row{padding:10px 0;gap:10px}.row strong{margin-bottom:3px}.actions{margin-top:12px;gap:8px}.banner{padding:14px;margin-top:14px}button,select{padding:7px 10px;min-height:34px;font-size:13px;line-height:18px;border-radius:5px}input,textarea{padding:8px 10px;font-size:13px;line-height:20px}textarea{min-height:64px}label{margin:12px 0 5px;font-size:13px}th,td{padding:10px 8px}dialog{padding:22px}dialog .actions{bottom:-22px;padding:10px 0}header{height:54px;padding:12px 22px}.leaveSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:white;border:1px solid #e3e5e9;border-radius:6px;margin:0 0 12px}.leaveSummary .card{border:0;border-right:1px solid #e8e9ed;border-radius:0;padding:12px 16px;background:transparent}.leaveSummary .card:last-child{border-right:0}.leaveSummary .num{font-size:22px;margin:5px 0 0}.leaveSummary .sub{display:none}#nav button{min-height:38px;padding:8px 12px;margin:2px 0}@media(max-width:900px) and (min-width:601px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:12px 10px}.card small{font-size:11px}}@media(max-width:600px){article{padding:16px}h1{font-size:20px;line-height:27px}.intro p{font-size:12px}.cards{grid-template-columns:1fr 1fr;gap:8px}.card{padding:12px}.num{font-size:22px}.panel{padding:14px}.leaveSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.leaveSummary .card{padding:10px 12px;border-bottom:1px solid #e8e9ed}.leaveSummary .card:nth-child(2){border-right:0}.leaveSummary .card:nth-child(n+3){border-bottom:0}button,select{min-height:42px;padding:9px 10px}input{min-height:42px}.actions{flex-wrap:wrap}.actions button{flex:1 1 auto}dialog{padding:18px}dialog .actions{bottom:-18px}.bottom button{min-height:44px}.intro{margin-bottom:12px}}
/* One spacing scale for peer blocks, independent of inline legacy margins. */
#content{display:flex;flex-direction:column;gap:12px}#content>*{margin-top:0!important;margin-bottom:0!important}#content>.actions{padding:0;gap:8px;min-height:34px}#content>.panel,#content>.cards,#content>.grid,#content>.leaveSummary{width:100%}.cards,.grid{gap:12px}.panel>.actions{margin-top:12px}.panel>.row:first-of-type{border-top:1px solid #ededf0}.intro{gap:12px}.card button{margin-top:4px}#content .leaveSummary{gap:0}#content>.panel>.row:last-child{padding-bottom:0}.row .sub{margin:4px 0 0}.actions button{margin:0}dialog .actions{gap:8px} @media(max-width:600px){#content{gap:12px}.cards,.grid{gap:12px}#content>.actions{gap:8px;min-height:42px}}
/* Fields use label/control groups, choices use a single aligned row. */
#modal{width:min(560px,calc(100vw - 32px));padding:24px}#modal>h2{font-size:18px;line-height:26px;margin:0 0 8px}#modal>p{margin:0 0 12px}#modal>h3{border-top:1px solid #e5e7eb;padding-top:16px;margin:18px 0 12px}#modal form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin:0}#modal form>button{justify-self:start}#modal form>.actions{justify-self:stretch}#modal form>p{margin:0;font-size:12px;line-height:18px}.formField{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}.formField>label{margin:0!important;font-size:13px;line-height:20px;font-weight:550}.formField>input,.formField>select,.formField>textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0;font:inherit;font-size:13px;border:1px solid #d6d9e0;border-radius:6px;padding:8px 10px;min-height:36px}.formField>textarea{min-height:80px;resize:vertical}label.checkRow{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;margin:0!important;padding:6px 0;min-height:32px;font-size:13px;line-height:20px;cursor:pointer}input.choiceInput,input[type=checkbox],input[type=radio]{box-sizing:border-box;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px;padding:0!important;margin:0!important;vertical-align:middle;accent-color:#444b56}.checkText{display:block;min-width:0;line-height:20px}#modal .inlineControl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:12px 0}#modal .inlineControl select{width:100%;margin:0;min-height:36px}#modal .inlineControl button{margin:0;min-height:36px}#modal .actions{position:static;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 0 0;margin:16px 0 0;border-top:1px solid #e7e9ed;background:#fff}#modal .actions button{margin:0;min-height:36px}#modal .row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 0}#modal .row b,#modal .row span,#modal .row small{min-width:0;overflow-wrap:anywhere}#modal input[type=file]{max-width:100%;width:100%;font-size:12px;line-height:22px;padding:8px;border:1px dashed #ccd1da;border-radius:6px;min-height:40px;background:#fafbfc}#modal small,.formFeedback{font-size:12px;line-height:18px}@media(max-width:600px){#modal{padding:18px;width:calc(100vw - 24px);max-height:90vh}#modal .formField>input,#modal .formField>select{min-height:42px}#modal label.checkRow{min-height:42px;gap:10px}#modal .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:12px}#modal .actions button{width:100%;min-height:42px;font-size:13px;padding:8px}#modal .actions button:last-child:nth-child(odd){grid-column:1/-1}#modal .inlineControl{grid-template-columns:minmax(0,1fr) auto}#modal .inlineControl select,#modal .inlineControl button{min-height:42px}}
/* Keep readable card widths rather than forcing four squeezed columns. */
#content>.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.card{min-width:0}.card small,.card .sub{word-break:keep-all;overflow-wrap:normal;line-height:1.55}.card small{display:block}.card .sub{min-height:19px}.card h2{word-break:keep-all;overflow-wrap:normal}.leaveSummary{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.row b,.row strong{word-break:keep-all}.row>div{min-width:0} @media(max-width:600px){#content>.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .sub{font-size:11px}.card{padding:12px}.leaveSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.settingsTabs{display:flex;gap:8px;flex-wrap:wrap}.memberRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border-top:1px solid #e9ebef;padding:10px 0}.memberRow p{margin:3px 0 0}.sectionHeading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.sectionHeading h2{margin:0}.permissionScroll{overflow-x:auto}.permissionScroll table{min-width:440px}.permissionScroll th:not(:first-child),.permissionScroll td:not(:first-child){text-align:center}.permissionChoice{display:flex;align-items:center;justify-content:center;margin:0;min-height:30px}.permissionChoice input{margin:0}
.calendarValue{display:none!important}.appleDateField{position:relative;width:100%;min-width:0}.appleDateTrigger{display:block;text-align:left;width:100%;min-height:38px;padding:9px 12px;border:0;background:#f1f1f3;border-radius:10px;font-size:14px;line-height:22px;color:#414144;font-variant-numeric:tabular-nums}.appleDateTrigger[aria-expanded=true]{box-shadow:0 0 0 2px #d2d2d7}.appleCalendar{position:relative;z-index:5;width:286px;max-width:100%;margin-top:8px;padding:12px;background:#fff;border:1px solid #bfc0c5;border-radius:12px;box-shadow:0 8px 24px #20202524;color:#232326;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}.appleCalHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.appleCalHeader button{border:0;background:transparent;padding:2px 4px;min-height:28px;color:#77777c}.appleCalHeader .monthTitle{font-size:17px;font-weight:650;color:#252528;padding-left:0}.monthTitle span{font-size:12px;color:#8e8e93}.calNav{display:flex;align-items:center;gap:4px}.calNav button{font-size:23px;line-height:24px;width:25px}.calNav button:nth-child(2){font-size:12px}.appleWeek,.appleDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.appleWeek{padding-bottom:5px;border-bottom:1px solid #d9d9dd;margin-bottom:5px;color:#8e8e93;font-size:12px;font-weight:600;text-align:center}.appleDays button{border:0;border-radius:6px;background:transparent;color:#252528;font-size:14px;line-height:30px;min-height:30px;height:30px;padding:0;text-align:center;min-width:0}.appleDays button.outside{color:#b3b3b9}.appleDays button.today{color:#e33b36;font-weight:650}.appleDays button.selected{background:#e0e0e3;color:#222225;font-weight:650}.appleDays button.selected.today{background:#e33b36;color:white}.appleDays button:hover{background:#f0f0f3}.appleTime{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5e5e9;padding-top:10px;margin-top:10px}.appleTime label{margin:0!important;font-size:13px;color:#77777c}.appleTime select{width:auto;max-width:175px;background:#f1f1f3;border:0;border-radius:7px;font-size:14px;min-height:32px}.appleCalFooter{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e5e9;margin-top:8px;padding-top:6px}.appleCalFooter button{background:transparent;border:0;color:#df3b36;min-height:28px;padding:3px 4px}.appleCalFooter span{font-size:11px;color:#929297}.yearMonth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.yearMonth select{background:#f1f1f3;border:0;border-radius:8px;width:100%}@media(max-width:600px){.appleCalendar{width:100%;padding:12px}.appleDays button{min-height:34px;height:34px}.appleDateTrigger{min-height:42px}.appleCalHeader button{min-height:30px}.calNav button{min-height:30px}.appleCalFooter button{min-height:36px}}
@media(min-width:601px){.appleCalendar{position:absolute;left:0;top:100%;margin-top:6px}}@media(max-width:600px){.appleCalendar{position:relative;top:auto;left:auto}}
.projectToolbar,.projectViews{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.projectViews{padding-bottom:10px;border-bottom:1px solid #e1e4e8}.projectViews button{white-space:nowrap}.projectSurface{background:#fff;border:1px solid #e1e4e8;border-radius:7px;padding:12px;min-width:0}.projectScroll{max-width:100%;overflow:auto}.projectScroll table{min-width:550px}.taskTitle{border:0;background:transparent;text-align:left;padding:3px 0;min-height:28px;font-weight:550;color:#303743;word-break:keep-all}.taskTitle:hover{text-decoration:underline;background:transparent}.kanbanGrid{display:flex;gap:12px;overflow:auto;align-items:flex-start}.kanbanColumn{background:#f5f6f7;border-radius:6px;padding:10px;min-width:204px;flex:1 0 204px;min-height:240px}.kanbanColumn h3{margin:0 0 10px;font-size:13px}.kanbanColumn h3 small{margin-left:6px;color:#9197a1}.taskCard{padding:12px!important;margin:0 0 8px!important;background:#fff;border:1px solid #e0e3e8;border-radius:6px;cursor:grab}.taskCard .sub{margin-top:6px}.taskMeta{display:flex;gap:8px;align-items:center;margin-top:8px}.projectCalendar{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));min-width:620px}.calendarDayName{font-size:11px;color:#858d99;text-align:center;padding:6px}.projectDay{min-height:90px;border-top:1px solid #e6e8ed;border-right:1px solid #e6e8ed;padding:6px}.projectDay small{display:block;font-size:11px;color:#777f8c}.projectDay.muted{background:#fafbfc;opacity:.6}.projectDay button{display:block;width:100%;padding:4px;font-size:11px;min-height:24px;text-align:left;margin-top:4px;background:#eff1f4;border:0}.timelineScale{display:flex;justify-content:space-between;font-size:12px;color:#7d8693;padding:8px}.timelineRows{min-width:540px}.timelineRow{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e6e9ed}.timelineTrack{position:relative;height:30px;background:repeating-linear-gradient(90deg,#f0f2f5 0,#f0f2f5 1px,transparent 1px,transparent 14.28%)}.timelineTrack button{position:absolute;top:3px;height:24px;min-height:24px;font-size:10px;padding:2px;background:#e2e6ec;border:0;overflow:hidden}.workflowSvg{display:block;width:100%;height:auto;min-height:160px}.workflowSvg g[role=button]{cursor:pointer}.projectEmpty{padding:28px;color:#818a97;text-align:center}.nowrap{white-space:nowrap}#modal.taskSide{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,90vw);height:100vh;max-height:100vh;border-radius:0;border:0;border-left:1px solid #d5dbe4;padding:24px}.taskPeekHead{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#858d98;font-size:11px;margin-bottom:14px}.taskWarning{padding:10px;background:#fff5e6;color:#805c25;font-size:12px;border-radius:6px}@media(max-width:600px){#modal.taskSide{width:100%;padding:18px}.kanbanColumn{min-width:200px}.projectToolbar>select{max-width:100%}.projectSurface{padding:8px}.projectViews{gap:6px;flex-wrap:nowrap;overflow:auto}.projectViews button{flex-shrink:0}.taskCard .taskTitle{font-size:13px}.projectToolbar .sub{font-size:11px}}
.projectViewbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 10px;border-bottom:1px solid #e1e4e8}.projectViewbar .currentView{font-weight:650;min-width:110px;text-align:left;background:white}.viewPicker{display:grid;gap:4px;margin-top:12px}.viewPicker button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;background:white;padding:10px 12px;min-height:40px}.viewPicker button span:last-child{font-size:12px;color:#8b929d}.viewPicker button:hover,.viewPicker button.activeView{background:#f0f2f5}.projectToolbar .pill{max-width:100%}@media(max-width:600px){.projectViewbar{gap:6px}.projectViewbar button{font-size:12px;padding:8px 10px}.projectViewbar .currentView{min-width:100px}.viewPicker button{min-height:44px}}
.projectTopActions{display:flex;gap:8px;align-items:center;flex-shrink:0}.settingsMenuHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:#737b86}.settingsMenuHeader button{border:0;background:transparent;padding:3px 6px;color:#737b86}.notionSettingsMenu{display:grid;gap:3px;margin-top:12px}.notionSettingsMenu>button{display:grid;grid-template-columns:22px minmax(0,1fr) auto 12px;gap:10px;text-align:left;align-items:center;border:0;background:white;padding:10px 6px;min-height:42px}.notionSettingsMenu>button:hover{background:#f4f4f6}.notionSettingsMenu b{font-size:14px;font-weight:500}.notionSettingsMenu small{font-size:12px;color:#979da6}.notionSettingsMenu>button>span{color:#737b86;font-size:17px}.settingsMenuFooter{display:flex;gap:8px;border-top:1px solid #e6e8ec;margin-top:12px;padding-top:12px}#modal.projectSettingsMenu{position:fixed;inset:92px 20px auto auto;margin:0;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);padding:18px;border-radius:12px}#modal.projectSettingsMenu>.formField{margin-bottom:10px}@media(max-width:600px){#modal.projectSettingsMenu{inset:auto 12px 12px 12px;width:auto;max-width:none;max-height:85vh}.notionSettingsMenu>button{min-height:46px}.intro{align-items:flex-start}.projectTopActions button{white-space:nowrap}}
.hrTabs{display:flex;gap:8px;border-bottom:1px solid #e1e4e8;padding-bottom:10px;flex-wrap:wrap}.reviewCriteria{display:flex;gap:8px;flex-wrap:wrap}.reviewCriteria span{background:white;border:1px solid #e2e5eb;border-radius:5px;padding:8px 10px;font-size:12px}.reviewCriteria b{margin-left:8px}.hrTabs button{white-space:nowrap}

.worksTools{gap:8px;flex-wrap:wrap}.worksTools input:not([type=checkbox]){width:190px;min-width:140px}.worksCheck{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;font-size:13px;white-space:nowrap}.worksCheck input{width:16px!important;height:16px!important;margin:0!important}.worksDetails{border-top:1px solid #e5e7eb;padding-top:14px;margin-top:14px}.worksComment{padding:10px 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}.worksDetails h3{margin:14px 0 10px}.worksDetails .taskTitle{display:block;margin-bottom:8px}

.candidateClickable{cursor:pointer;transition:border-color .12s,background .12s}.candidateClickable:hover{background:#fafafa;border-color:#a7adb5}.candidateClickable:focus-visible{outline:2px solid #535c69;outline-offset:2px}.evaluationCompare{overflow-x:auto}.evaluationCompare table{width:100%;min-width:540px;border-collapse:collapse}.evaluationCompare th,.evaluationCompare td{padding:10px 8px;text-align:left;border-bottom:1px solid #e5e7eb;font-size:13px;vertical-align:top}.evaluationCompare td:last-child{min-width:190px;white-space:normal;overflow-wrap:anywhere}
/* Compact project toolbar, scoped to avoid changing form controls. */
.projectWorkspace{width:100%;min-width:0}.projectPageHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.projectPageHead h1{font-size:23px;line-height:1.35;margin:0 0 5px}.projectPageHead p{margin:0;font-size:12px}.projectWorkspace button,.projectWorkspace select,.projectWorkspace input{font-size:13px!important;line-height:20px!important;border-radius:7px!important;box-shadow:none!important;margin:0!important;min-height:36px!important;height:auto!important;padding:7px 11px!important;width:auto}.projectCreate{display:inline-flex;gap:18px;align-items:center;white-space:nowrap;flex-shrink:0}.projectCreate span{font-size:12px;opacity:.7}.projectControlBar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.projectControlBar>select{max-width:260px;min-width:150px;flex:1}.projectSearch{display:flex;align-items:center;background:white;border:1px solid #dce0e6;border-radius:7px;padding-left:10px;max-width:260px;flex:1;min-width:0}.projectSearch>span{color:#858b94}.projectSearch input{border:0!important;background:transparent;min-width:0;max-width:100%;width:100%;outline:none}.projectViewTools{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2e7;padding-bottom:9px;gap:8px}.projectViewTools>div{display:flex;gap:5px;align-items:center}.projectViewTools button{background:transparent;border-color:transparent;padding:5px 9px!important;min-height:32px!important;height:32px!important;white-space:nowrap}.projectViewTools button:hover{background:#edeef1}.projectViewTools .currentView{background:#e9ebee;color:#252a31;font-weight:600}.projectCount{display:flex;justify-content:space-between;gap:8px;color:#8a909a;font-size:11px;margin:10px 0}.projectCount span span{padding:0 5px}.projectCreateChoices{display:grid;gap:4px;margin-top:12px}.projectCreateChoices>button{display:flex;text-align:left;align-items:center;gap:12px;width:100%;padding:12px;border:0;background:white}.projectCreateChoices>button:hover{background:#f4f5f7}.projectCreateChoices div{flex:1}.projectCreateChoices b{display:block;font-size:14px}.projectCreateChoices small{display:block;font-size:12px;color:#818792;margin-top:3px}.projectWorkspace .projectEmpty{padding:40px 16px;min-height:170px;font-size:13px}.projectWorkspace .projectEmpty p{margin:8px 0 16px;font-size:12px}.projectWorkspace .projectEmpty b{font-size:14px;color:#525964}@media(max-width:600px){.projectPageHead{align-items:flex-start;margin-bottom:16px}.projectPageHead h1{font-size:21px}.projectPageHead p{max-width:180px;font-size:11px}.projectWorkspace .projectCreate{height:38px!important;min-height:38px!important;padding:8px 11px!important;font-size:12px!important;gap:8px}.projectControlBar{gap:8px}.projectControlBar>select{min-width:0;width:45%;max-width:52%;flex:1}.projectSearch{max-width:none;flex:1}.projectViewTools{gap:4px}.projectViewTools button{font-size:12px!important}.projectWorkspace .taskTitle{height:auto!important;text-align:left}.projectWorkspace .taskCard{padding:12px}}
.projectPageHead{background:transparent!important;padding:0!important;border:0!important;color:inherit!important}.projectPageHead h1{font-family:inherit!important}.projectWorkspace .projectControlBar>select{margin:0!important}
.taskDateError{margin:7px 0 0;color:#b42318;font-size:12px;line-height:1.5}.dateInvalid>.appleDateTrigger{box-shadow:inset 0 0 0 1px #d92d20!important;background:#fff5f4!important}.taskPeoplePicker{border:1px solid #e1e4e8;border-radius:8px;padding:10px;background:#fff}.taskPeoplePicker>select{width:100%;margin:0 0 8px}.taskPeopleChoices{max-height:170px;overflow:auto}.personPickRow{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:8px 4px!important;font-weight:400!important;font-size:13px!important}.personPickRow input{width:16px!important;height:16px!important;margin:0!important;flex:none}.personPickRow small{color:#858b94;margin-left:8px}.taskPeopleSelected{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.taskPeoplePicker>p{font-size:11px;margin-bottom:0}
.modalCloseBar{position:sticky;top:0;z-index:60;display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:0 0 8px;margin:0 0 6px;min-height:34px}.modalCloseButton{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;height:32px!important;min-height:32px!important;margin:0!important;padding:5px 9px!important;border:1px solid #e0e3e8!important;border-radius:6px!important;background:#fff!important;color:#646b76!important;font-size:12px!important;line-height:20px!important;box-shadow:none!important;white-space:nowrap}.modalCloseButton span:last-child{font-size:20px;line-height:18px}.modalCloseButton:hover{background:#f0f1f3!important;color:#262c34!important}.modalCloseButton:focus-visible{outline:2px solid #596575;outline-offset:2px}@media(max-width:600px){.modalCloseBar{min-height:40px}.modalCloseButton{height:36px!important;min-height:36px!important;padding:7px 11px!important}}
.fieldSiteGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.fieldSiteGrid h2{font-size:17px}.fieldTemplateItem,.fieldVisitItem{padding:12px;border:1px solid #e2e5e9;border-radius:8px;margin:12px 0;background:#fafbfc}.fieldTemplateItem>input,.fieldTemplateItem>select{margin-bottom:7px}.fieldVisitItem>label{margin-top:0!important}.fieldVisitItem textarea{min-height:75px}.fieldTemplateItem>button{font-size:12px;padding:5px 8px}
.homeSummaryCard{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;cursor:pointer;background:#fff;color:inherit;font:inherit;min-width:0}.homeSummaryCard .num{display:block}.homeSummaryCard>.sub{display:flex;justify-content:space-between;width:100%}.homeSummaryCard:hover{border-color:#9ba3af;background:#fafbfc}.homeSummaryCard:focus-visible{outline:2px solid #586577;outline-offset:3px}.homeListRow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 0;background:transparent;border:0;border-bottom:1px solid #e8eaee;border-radius:0;white-space:normal;font-size:13px}.homeListRow>span:first-child{flex:1;min-width:0}.homeListRow b{display:block;overflow-wrap:anywhere}.homeListRow small{display:block;color:#858c96;margin-top:5px;line-height:1.5}.homeListRow:hover{background:#f7f8fa}.homeListRow .pill{flex:none;font-size:11px}.homeEmpty{padding:22px 0;font-size:13px;color:#858c96}.homeSummaryCard small{font-size:13px}.homePopupList{max-height:65vh;overflow:auto}
.rangeCalendar{min-width:670px}.rangeCalendarNames{display:grid;grid-template-columns:repeat(7,1fr);color:#858b96;font-size:12px;text-align:center;padding:7px 0}.rangeCalendarWeek{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;border-top:1px solid #e1e4e9;padding-bottom:5px;gap:3px 0}.rangeCalendarCell{border-right:1px solid #e7e9ed;min-width:0;pointer-events:none}.rangeCalendarCell>span{display:block;font-size:12px;padding:5px 7px;color:#737c89}.rangeCalendarCell.otherMonth{background:#f8f9fa}.rangeCalendarCell.otherMonth>span{color:#bac0c8}.projectWorkspace .calendarRangeBar{z-index:1;align-self:stretch;width:auto!important;min-height:23px!important;height:23px!important;line-height:17px!important;margin:0 3px!important;padding:3px 7px!important;border:0!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:500;border-radius:4px!important}.projectWorkspace .calendarRangeBar.continuesBefore{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.projectWorkspace .calendarRangeBar.continuesAfter{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rangeCalendarNav{display:flex;gap:10px;align-items:center}.colorChoice{display:flex!important;gap:12px;align-items:center;justify-content:space-between;padding:9px 0;margin:0!important;border-bottom:1px solid #eceef1;font-size:13px!important;font-weight:400!important}.colorChoice>span{flex:1}.colorChoice small{display:block;color:#8a919a;font-size:11px;margin-top:3px}.colorChoice input[type=color]{width:44px!important;height:32px!important;padding:2px!important;flex:none}.colorChoice input[type=checkbox]{width:16px!important;height:16px!important}#personalColorForm details{margin-top:16px}#personalColorForm summary{font-size:13px;cursor:pointer}
.calendarChildToggle{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;font-size:11px!important;font-weight:400!important;white-space:nowrap}.calendarChildToggle input{width:14px!important;height:14px!important;min-height:14px!important;padding:0!important;margin:0!important}.calendarExtraTools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.projectWorkspace .calendarSubtask{border-left:3px solid #718096!important;padding-left:6px!important}.projectWorkspace .calendarExtraTools button{font-size:11px!important;height:30px!important;min-height:30px!important}
.unifiedSourceBar{display:flex;flex-wrap:wrap;gap:9px 14px;margin:12px 0}.unifiedSourceBar label{display:inline-flex!important;gap:5px;align-items:center;font-size:12px;font-weight:400;margin:0!important}.unifiedSourceBar input{height:14px!important;width:14px!important;min-height:14px!important;margin:0!important;padding:0!important}.unifiedConnectionNote{background:#f1f3f5;color:#6c7481;font-size:12px;padding:10px 12px;border-radius:7px;line-height:1.5}.unifiedStandalone{color:#586577;font-size:12px}.calendarOnly>aside,.calendarOnly #bottom{display:none!important}.calendarOnly>main{margin-left:0!important;width:100%!important}.calendarOnly #content{max-width:1500px;margin:auto}.calendarOnly>main>header .tools>button{display:none}.calendarOnly>main>header{padding:12px 24px}.calendarOnly .rangeCalendar{min-width:680px}

/* Explicit icon and label columns; never split labels on whitespace. */
#nav .menuIcon{display:inline-flex;align-items:center;justify-content:center;width:20px;min-width:20px;overflow:hidden}#nav .menuLabel{display:block;min-width:0;white-space:nowrap;line-height:20px}#nav button:focus-visible,.bottom button:focus-visible{outline:2px solid #737d8d;outline-offset:2px}

#content{container-type:inline-size}#content>.homeSummary{grid-template-columns:repeat(2,minmax(0,1fr))}@container(min-width:780px){#content>.homeSummary{grid-template-columns:repeat(4,minmax(0,1fr))}}