/* Original light blue palette for login, desktop and mobile, including legacy theme settings. */
@media(max-width:767px){.v2-table.table,.v2-table tbody{display:block;width:100%;min-width:0}.v2-table thead{display:none}.v2-table tbody tr{display:block;border-bottom:5px solid #f2f7fe;padding:10px}.v2-table.table td,.v2-table.table td:first-child{display:grid;grid-template-columns:85px minmax(0,1fr);gap:9px;min-width:0;width:100%;padding:8px;border:0;overflow-wrap:anywhere}.v2-table.table td:before{content:attr(data-label);color:#6982a5;font-size:11px}.v2-table.table td small{grid-column:2}.v2-table.table td .button{grid-column:2;justify-self:start;margin:3px 0}.v2-table.table td strong{grid-column:2}.v2-table.table td [type=checkbox]{grid-column:2}}
.v2-home-strip{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(110deg,#edf6ff,#f9fcff);border:1px solid #daeafb;border-radius:12px;padding:18px 22px;margin-bottom:25px}.v2-home-strip strong{color:#315f99;font-size:15px}.v2-home-strip p{color:#607fa6;font-size:12px;margin:6px 0 0}.v2-home-strip .v2-toolbar{margin:0}@media(max-width:767px){.v2-home-strip{display:block;padding:16px}.v2-home-strip .v2-toolbar{margin-top:14px}}
:root{--primary:#2b6bd1;--primary-hover:#215bb8;--primary-soft:#eaf3ff;--bg:#f8fbff;--surface:#fff;--ink:#263e60;--muted:#627796;--border:#e1eaf5;--green:var(--primary);--green-dark:var(--primary-hover);--mint:var(--primary-soft);--blue:#387dd1;--sidebar:234px}
body{color:var(--ink);background:var(--bg)}.sidebar{background:linear-gradient(180deg,#f0f6ff,#f8fbff);border-right-color:#dce8f8;padding-top:24px;overflow-y:auto}.brand{color:#2d5e9f;padding-bottom:23px}.brand small{color:#7791b2}.nav-label{color:#6983a6}.nav-item{color:#4c6b95;padding:10px 14px;margin-bottom:3px}.nav-item:hover{background:#e9f2ff}.nav-item.active{color:#245cae;background:#dfecff}.nav-count{background:#d9e9ff;color:#245cae}.nav-separator{border-color:#dce8f8;margin:14px 8px}.side-note{background:#eaf3ff;color:#607ca0}.side-note strong{color:#35659f}.account-box{border-color:#dce8f8}.sidebar-bottom{padding-top:22px}.avatar{background:#e3efff;color:#2b65b3}.topbar{background:#ffffffed;border-color:#e4edf7}.top-search{background:#f3f7fd}.top-search input{color:#345783}.breadcrumbs{color:#6b82a1}.breadcrumbs strong{color:#315c97}.top-date{color:#67809f}.notification-dot{background:#3b82f6}.nav-count,.project-symbol,.stat-icon{background:#e7f1ff;color:#3272c5}.page-heading .eyebrow{color:#4775ae}.page-heading h1{color:#244775}.page-heading p{color:#6c81a0}.stat-number{color:#274b7a}.stat-top{color:#637c9e}.panel-title{color:#31557f}.panel{box-shadow:0 3px 15px #396cad04;border-color:#e3ebf6}.button{min-height:42px;border-color:#d6e4f6;color:#3f618d;background:#fff}.button:hover{background:#f0f6ff}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 9px #367ad518}.button.primary:hover{background:var(--primary-hover)}.button.danger{color:#ac3f3f;border-color:#eecaca}.text-button{color:#326ec0}.icon-btn{color:#55759d}.icon-btn:hover{background:#eaf3ff}.button.compact{min-height:34px}.segmented{background:#eaf2fe}.segmented button{color:#617e9f}.segmented button.active{color:#285fa9;background:#fff}.tabs{border-color:#dfe9f7;overflow-x:auto}.tabs button{white-space:nowrap;min-height:44px;color:#60799d}.tabs button.active{color:#2768bf;border-color:#3b82f6}.input,.select,.form-field input,.form-field select,.form-field textarea{border-color:#d6e3f3;background:#fff;color:#2c486e}.input:focus,.select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid #98c5ff;outline-offset:1px;border-color:#77aaf1}.form-field>span{color:#3b5c86}.form-field h3{margin:4px 0 10px;color:#365f98}.form-field textarea{min-height:94px}.table th{background:#f0f6fe;color:#4d6c94;border-color:#e1ebf8}.table td{border-color:#e8eff8}.table tbody tr:hover{background:#f8fbff}.table .title-cell{color:#32557e}.table td small{display:block;color:#647b98;font-size:11px;line-height:1.7;max-width:360px;white-space:normal;overflow-wrap:anywhere}.progress-track{background:#e7effa}.progress-track i{background:var(--project-color,var(--primary))}.calendar-grid{border-color:#dde9f8}.calendar-day-label{background:#eff6ff;color:#5579a4}.calendar-day{border-color:#e5edf9}.calendar-day.today{background:#f0f7ff}.calendar-day.today .calendar-number{background:#3b82f6;color:white}.calendar-event{background:#e7f1ff;color:#275b9f}.gantt-table th{background:#eff6ff;color:#4c6e98}.gantt-table .gantt-name{background:#fafdff}.daily-callout{background:linear-gradient(120deg,#e5f2ff,#f2f8ff);border-color:#d9eafe;color:#315d94}.daily-callout h3{color:#285a9b}.daily-callout p{color:#597ca5}.hint{background:#eef6ff;border:1px solid #dceafe;color:#4e709a;border-radius:8px;padding:13px 16px;margin:12px 0}.description{white-space:pre-wrap;overflow-wrap:anywhere}.report-card,.notification-row{border-color:#e4edf8}.login-page{background:#fcfdff}.login-visual{background:linear-gradient(145deg,#e6f2ff,#f5faff 64%,#ddebff);color:#2e5d9b}.login-brand{color:#285f9f}.login-brand img{border-color:#c7ddfa}.login-copy .eyebrow{color:#5c83b5}.login-copy h1{color:#2c5b94}.login-copy p{color:#6681a4}.login-orbit,.login-orbit:before,.login-orbit:after{border-color:#609ef022}.login-features{color:#4e79ab}.login-form h2{color:#2f5b92}.login-form>p,.login-note{color:#738aab}.login-form-side .brand-mobile{color:#356caa}.spinner{border-color:#d8e8ff;border-top-color:#3b82f6}.mobile-nav{border-color:#dce8f8;background:#f9fcfff5}.mobile-nav a{color:#738bb0}.mobile-nav a.active{color:#286ac4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7bb2fb;outline-offset:3px}
.v2-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.panel+.panel{margin-top:22px}.v2-table th{white-space:nowrap}.v2-table td{vertical-align:top;min-width:90px}.v2-table td:first-child{min-width:65px}.v2-table td .button{margin:2px 3px 2px 0}.v2-table strong{font-size:12px;font-weight:600}.v2-table [type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.v2-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px}.v2-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.v2-stat-value{font-size:23px;font-variant-numeric:tabular-nums;color:#315c94;margin-top:16px}.v2-stat-value .badge{font-size:12px}.v2-allocation{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,.55fr) auto;gap:8px;margin-bottom:9px}.v2-allocation select,.v2-allocation input{width:100%;padding:9px;border:1px solid #d6e3f3;border-radius:7px;font-size:14px}.v2-stage-track{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.v2-stage-pill{display:flex;gap:7px;align-items:center;padding:9px 12px;background:#edf5ff;border:1px solid #deebfc;border-radius:8px;font-size:12px}.v2-conditional[hidden]{display:none}.dialog-content>h3{font-size:15px;color:#335f98;margin-top:26px}.badge.recorded,.badge.locked,.badge.submitted,.badge.processing,.badge.returned{background:#e8f2ff;color:#2863af}.badge.approved,.badge.paid,.badge.settled{background:#eaf5ec;color:#2c7045}.badge.rejected,.badge.withdrawn{background:#fcefee;color:#a44440}.badge.waived{background:#fff4df;color:#886629}.dialog-content .v2-toolbar{position:sticky;top:-1px;background:#fff;padding:10px 0;z-index:1}
@media(max-width:1020px){.v2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-stat-value{font-size:21px}.v2-toolbar{gap:7px}}
@media(max-width:767px){.sidebar{padding-top:22px}.v2-toolbar .button{min-height:44px}.button{min-height:44px}.v2-stats{grid-template-columns:1fr 1fr}.v2-stat-value{font-size:20px}.v2-stage-track{flex-direction:column}.v2-stage-pill{justify-content:space-between}.v2-allocation{grid-template-columns:minmax(0,1fr) 100px}.v2-allocation .button{grid-column:1 / -1;justify-self:end}.v2-allocation input,.v2-allocation select{font-size:16px;min-height:44px}.v2-pagination{justify-content:center;flex-wrap:wrap;font-size:12px}.filters{flex-wrap:wrap}.filters .input{min-width:135px}.v2-table{font-size:12px}.v2-table td{padding:12px;min-width:100px}.v2-table td small{font-size:11px}.dialog-content .v2-toolbar{position:static}.content{padding-bottom:95px}}
.report-fields{border:0;padding:0;margin:0;min-width:0}
.report-fields:disabled{opacity:.8}
.report-filters{align-items:flex-end}
.report-filters>.form-field{flex:1 1 240px;min-width:0;max-width:420px}
.report-filters select,.report-filters input{width:100%;min-width:0}
#export-project-fields,#export-weekly-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#export-project-fields.hidden,#export-weekly-fields.hidden{display:none}
#export-weekly-fields>.hint,.report-export-options{grid-column:1/-1}
.report-export-options{display:grid;gap:8px;max-height:300px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface)}
.report-export-options label{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 6px;overflow-wrap:anywhere;cursor:pointer}
.report-export-options input{width:18px;height:18px;flex-shrink:0;accent-color:var(--primary)}
@media(max-width:1020px){.reports-layout>.report-side{display:grid}}
@media(max-width:767px){.report-filters>.form-field{max-width:none;flex-basis:100%}#export-project-fields,#export-weekly-fields{grid-template-columns:1fr}.report-export-options label{min-height:44px}}

/* Optional companion tasks keep the same light blue palette on desktop and mobile. */
.task-companions{min-width:0;border:1px solid #d6e6fa;border-radius:12px;padding:16px;background:#f8fbff;margin:6px 0}
.task-companions[hidden]{display:none}
.task-companions legend{padding:0 7px;color:#315f99;font-weight:600;font-size:14px}
.task-companions p{margin:8px 0;line-height:1.7}
.task-step-intro{color:#607b9e;font-size:12px}
.task-packs,.task-step-choices{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.task-packs{margin:12px 0 16px}
.task-packs .selected{background:#e1efff;border-color:#83b3f1;color:#245caa}
.task-step-side h3{font-size:12px;margin:16px 0 8px;color:#3b6598}
.task-step-choices label{display:flex;align-items:center;gap:6px;min-height:40px;padding:7px 10px;border:1px solid #dfe9f7;border-radius:8px;background:white;cursor:pointer;font-size:12px}
.task-step-choices small{color:#768caa}
.task-step-choices input,.task-step-remember input{width:17px;min-height:17px;height:17px;flex:none;margin:0;accent-color:#2b6bd1}
.task-step-editor{border:1px solid #dce8f6;border-radius:9px;background:white;padding:13px;margin-top:13px;min-width:0}
.task-step-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#365f95;font-size:12px}
.task-step-heading>div{display:flex;gap:5px}
.task-step-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px}
.task-step-fields input,.task-step-fields select{min-width:0;width:100%;font-size:13px}
.task-step-details{margin-top:10px}
.task-step-details summary,.work-extra-fields summary{cursor:pointer;min-height:40px;padding:10px 0;color:#446b9d;font-size:12px}
.task-step-details textarea{min-height:66px}
.task-chain-preview{background:#edf5ff;border-radius:9px;padding:13px;margin:16px 0 10px;font-size:12px;color:#365e92}
.task-chain-preview ol{list-style:none;padding:0;margin:12px 0 0}
.task-chain-preview li{display:flex;gap:10px;align-items:flex-start;border-left:2px solid #b8d4f5;padding:8px 10px;margin-left:6px}
.task-chain-preview li.main-step{background:#deecff;border-radius:0 7px 7px 0;border-color:#5a97e6}
.task-chain-preview li>div{min-width:0}
.task-chain-preview b{display:block;overflow-wrap:anywhere;font-weight:600}
.task-chain-preview small{display:block;margin-top:4px;color:#647e9f;line-height:1.6}
.task-step-kind{min-width:40px;font-size:11px;padding-top:1px}
.task-step-warning{color:#8b602c;background:#fff8e9;border-radius:6px;padding:8px 10px}
.task-step-remember{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.7;cursor:pointer;min-height:40px}
.work-extra-fields{border-top:1px solid #e0eaf7;padding-top:3px;min-width:0}
.work-extra-fields>.form-grid{padding:10px 0}
.plan-date-tools{border:1px solid #dce9f9;border-radius:9px;background:#f7fbff;padding:12px 14px;min-width:0}
.plan-date-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.plan-duration{display:flex;flex-direction:column;gap:6px;flex:0 1 180px}
.plan-date-shortcuts{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:2px}
.plan-date-help{color:#436993;font-size:12px;margin:5px 0 0;line-height:1.8}
.plan-date-help.plan-date-error{color:#a73535}
.plan-date-tools>.muted{margin:0;line-height:1.8}
.schedule-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;line-height:1.6;border-radius:5px;padding:3px 7px;background:#edf4fc;color:#416c9b}
.schedule-badge.timing-early{background:#e9f7ef;color:#236d4d}
.schedule-badge.timing-on-time{background:#e8f2ff;color:#2863a5}
.schedule-badge.timing-late{background:#fff1e5;color:#925020}
.schedule-badge.timing-overdue{background:#fff0f0;color:#a92f3a}
.schedule-badge.timing-today{background:#fff6df;color:#876117}
.schedule-badge.timing-muted{background:#f0f3f7;color:#64748b}
.task-time-line{display:block;margin-top:5px}
.calendar-event.timing-early{border-left-color:#28815d;background:#e9f7ef;color:#236d4d}
.calendar-event.timing-on-time{border-left-color:#347ac2;background:#e8f2ff;color:#2863a5}
.calendar-event.timing-late{border-left-color:#ab6024;background:#fff1e5;color:#925020}
.calendar-event.timing-overdue{border-left-color:#bb4141;background:#fff0f0;color:#a92f3a}
.calendar-event.timing-today{border-left-color:#a57b1c;background:#fff6df;color:#876117}
.agenda-event.timing-early{border-left-color:#28815d}.agenda-event.timing-on-time{border-left-color:#347ac2}.agenda-event.timing-late{border-left-color:#ab6024}.agenda-event.timing-overdue{border-left-color:#bb4141}
.gantt-bar.timing-early{background:#84c4a7}.gantt-bar.timing-on-time{background:#7eafe6}.gantt-bar.timing-late{background:#e3b28d}.gantt-bar.timing-overdue{border-top:3px solid #bb4141}
.milestone.timing-early{color:#28815d}.milestone.timing-on-time{color:#347ac2}.milestone.timing-late{color:#ab6024}.milestone.timing-overdue{color:#bb4141}
@media(max-width:767px){.plan-date-row{align-items:stretch}.plan-duration{flex:1 1 100%}.plan-date-shortcuts{width:100%}.plan-date-shortcuts .button{flex:1 1 90px;min-height:44px}.plan-date-tools input{font-size:16px}.agenda-event{gap:10px;flex-wrap:wrap}.agenda-event>.schedule-badge{margin-left:auto}}
@media(max-width:767px){.task-companions{padding:12px}.task-packs .button{flex:1 1 130px;min-height:44px;font-size:12px}.task-step-choices label{min-height:44px}.task-step-fields{grid-template-columns:minmax(0,1fr)}.task-step-fields input,.task-step-fields select{font-size:16px}.task-step-choices input,.task-step-remember input{min-height:20px;height:20px;width:20px}.task-step-heading .button{min-width:44px;min-height:44px}.task-step-editor{padding:11px}.task-step-remember{min-height:44px}}
