html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
background: #f3f6f4;
color: #17231c;
}
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
color: var(--bs-secondary-color);
text-align: end;
}
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
text-align: start;
}
.navbar-brand{font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#167c9b;color:white}.hero-panel{background:linear-gradient(125deg,#0d4d36,#17865d);color:white;padding:clamp(24px,5vw,56px);border-radius:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-panel h1{max-width:650px;font-weight:800}.hero-panel p{color:#d7eee4}.eyebrow{color:#167c9b;font-size:.72rem;font-weight:800;letter-spacing:.16em}.hero-panel .eyebrow{color:#a4e5c8}.metrics-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.metric-card,.project-card,.field-card,.updates-list{background:white;border:1px solid #dfe8e2;border-radius:18px}.metric-card{padding:20px;display:flex;flex-direction:column}.metric-card strong{font-size:2rem}.section-heading{margin:38px 0 14px}.project-card{padding:20px}.project-top,.project-bottom,.update-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.project-code,.status-pill{font-size:.72rem;font-weight:800;padding:5px 9px;border-radius:999px;background:#e5f3eb;color:#167c9b}.progress{height:7px;margin:20px 0 10px}.progress-bar{background:#167c9b}.updates-list{overflow:hidden}.update-row{padding:16px 20px;border-bottom:1px solid #edf1ee}.update-row div{display:flex;flex-direction:column}.field-shell{max-width:620px;margin:20px auto}.field-card{padding:clamp(18px,4vw,32px);gap:8px}.field-card label{font-weight:700;margin-top:10px}.field-card .form-control,.field-card .form-select{min-height:50px}.location-status{border-radius:12px;background:#dbf3fa;color:#28546a;padding:12px;margin:10px 0}.location-ready{background:#e4f5eb;color:#167c9b}@media(max-width:768px){.hero-panel{align-items:stretch;flex-direction:column}.metrics-grid,.project-grid{grid-template-columns:1fr}}
.user-role-row{display:grid;grid-template-columns:1fr 220px auto;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #edf1ee}.user-role-row div{display:flex;flex-direction:column}.user-role-row span{color:#607c89}.user-designation-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 20px 16px 20px;border-bottom:1px solid #edf1ee}@media(max-width:768px){.user-role-row,.user-designation-row{grid-template-columns:1fr}.user-role-row .btn,.user-designation-row .btn{width:100%}}
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.evidence-card{background:white;border:1px solid #dfe8e2;border-radius:18px;overflow:hidden;color:inherit;text-decoration:none}.evidence-card img{width:100%;height:210px;object-fit:cover}.evidence-copy{padding:18px}.evidence-copy h3{margin:16px 0 4px}.evidence-copy p,.evidence-copy small{color:#607c89}.review-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:24px;margin-top:18px}.review-photo img{width:100%;max-height:75vh;object-fit:contain;background:#12231a;border-radius:18px}.review-details{background:white;border:1px solid #dfe8e2;border-radius:18px;padding:24px}.review-details dl{display:grid;grid-template-columns:140px 1fr;gap:10px;margin:24px 0}.review-details dt{color:#607c89}.review-details dd{margin:0}.hash{font-family:monospace;font-size:.72rem;overflow-wrap:anywhere}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.back-link{color:#167c9b;font-weight:700;text-decoration:none}@media(max-width:900px){.evidence-grid{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:1fr}}@media(max-width:600px){.evidence-grid{grid-template-columns:1fr}.review-details dl{grid-template-columns:1fr}.review-details dt{margin-top:8px}}
.project-link,.update-link{color:inherit;text-decoration:none}.project-link:hover,.update-link:hover{color:inherit;border-color:#167c9b}.admin-heading{display:flex;align-items:end;justify-content:space-between}.compact-hero{padding:30px;margin-bottom:24px}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.assignment-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1ee}@media(max-width:800px){.management-grid{grid-template-columns:1fr}.admin-heading{align-items:stretch;flex-direction:column;gap:12px}}
.evidence-edit-form{max-width:760px}
.audit-table-wrap{overflow-x:auto;background:white;border:1px solid #dfe8e2;border-radius:18px}.audit-table{min-width:1050px;margin:0}.audit-table th{background:#edf5f0;color:#365846}.audit-table td,.audit-table th{padding:14px;vertical-align:middle}
.phase-selector{background:white;border:1px solid #dfe8e2;border-radius:16px;padding:16px;margin:18px 0;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px}.phase-selector label{font-weight:700}.phase-summary{margin:18px 0}.phase-summary strong{font-size:1.4rem}.phase-summary p{margin:.5rem 0;color:#607c89}
.project-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px;margin:0 0 18px}.project-tab{white-space:nowrap;color:#365846;text-decoration:none;font-weight:700;padding:11px 16px;border:1px solid #dfe8e2;border-radius:12px;background:white}.project-tab:hover{color:#167c9b;border-color:#167c9b}.project-tab.active{color:white;background:#167c9b;border-color:#167c9b}.tab-form{max-width:760px;margin:18px auto}.tab-form>p{color:#607c89}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.phase-overview-panel,.phase-browser{background:white;border:1px solid #dfe8e2;border-radius:18px;padding:20px;margin:20px 0}.compact-heading{margin:0 0 16px}.phase-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase-progress-item{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid #dfe8e2;border-radius:14px;padding:14px}.phase-progress-link{color:inherit;text-decoration:none}.phase-progress-link:hover{color:inherit;border-color:#167c9b;background:#f8fcfa}.phase-progress-item div:first-child{display:flex;flex-direction:column}.phase-progress-item span{color:#607c89;font-size:.85rem}.phase-progress-item .progress{grid-column:1/-1;margin:2px 0 0}.phase-card-scroll{max-height:430px;overflow-y:auto;padding-right:8px}.phase-detail-card{border:1px solid #dfe8e2;border-radius:16px;padding:18px;margin-bottom:12px;background:white}.phase-detail-card:hover{border-color:#167c9b}.phase-card-main{display:block;color:inherit;text-decoration:none}.phase-card-main:hover{color:inherit}.phase-card-main h3{margin:10px 0 6px}.phase-card-main p,.phase-card-main small{color:#607c89}.phase-facts{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.phase-facts div{display:flex;flex-direction:column;gap:5px}.phase-facts span{color:#607c89;font-size:.85rem}.phase-access-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:20px}.phase-access-nav{background:white;border:1px solid #dfe8e2;border-radius:18px;padding:16px;max-height:600px;overflow-y:auto}.phase-access-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;padding:12px;border-radius:12px;margin-top:6px}.phase-access-link span{color:#607c89;font-size:.8rem}.phase-access-link.active,.phase-access-link:hover{background:#e5f3eb;color:#167c9b}@media(max-width:900px){.phase-progress-grid{grid-template-columns:1fr 1fr}.phase-facts,.phase-access-layout{grid-template-columns:1fr}}@media(max-width:600px){.hero-actions{justify-content:flex-start}.hero-actions .btn{flex:1}.phase-progress-grid{grid-template-columns:1fr}}
.transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.template-links,.export-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.transfer-preview{margin-top:20px}.evidence-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.evidence-summary a{color:inherit;text-decoration:none}.evidence-summary .active{border-color:#167c9b;background:#eaf6ef}.evidence-filters{display:grid;grid-template-columns:auto 180px auto 1fr auto;gap:10px;align-items:center;background:white;border:1px solid #dfe8e2;border-radius:16px;padding:14px;margin-bottom:20px}.evidence-project-group{background:white;border:1px solid #dfe8e2;border-radius:18px;padding:20px;margin-bottom:22px}.group-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ee;padding-bottom:14px}.group-heading h2{margin:8px 0 0}.evidence-phase-group{margin-top:22px}.evidence-phase-group>h3{display:flex;gap:8px;align-items:center}.evidence-phase-group>h3 span{font-size:.8rem;background:#e5f3eb;color:#167c9b;border-radius:999px;padding:4px 8px}@media(max-width:800px){.transfer-grid,.evidence-summary{grid-template-columns:1fr}.evidence-filters{grid-template-columns:1fr}.group-heading{align-items:flex-start;flex-direction:column;gap:8px}}
.map-filters{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:14px;align-items:end;background:white;border:1px solid #dfe8e2;border-radius:18px;padding:16px;margin-bottom:18px}.map-filters label{font-weight:700;margin-bottom:5px}.map-stat{display:flex;flex-direction:column;border-left:1px solid #dfe8e2;padding-left:14px}.map-stat span,.map-note,.map-popup span{color:#607c89}.map-stat strong{font-size:1.3rem}.progress-map{height:min(68vh,680px);min-height:460px;border:1px solid #dfe8e2;border-radius:18px;overflow:hidden;background:#e5f3eb}.map-note{font-size:.85rem;margin-top:8px}.map-popup{display:flex;flex-direction:column;gap:5px;min-width:220px}.map-popup p{margin:2px 0}.map-popup a{color:#167c9b;font-weight:700}@media(max-width:900px){.map-filters{grid-template-columns:1fr 1fr}.map-stat{border-left:0;padding-left:0}}@media(max-width:600px){.map-filters{grid-template-columns:1fr}.progress-map{min-height:400px}}
body{background:var(--brand-background,#f3f6f4);color:var(--brand-text,#17231c)}.brand-mark{background:var(--brand-primary,#167c9b)}.hero-panel{background:linear-gradient(125deg,var(--brand-primary,#0d4d36),var(--brand-accent,#17865d))}.project-code,.status-pill{background:var(--brand-soft,#e5f3eb);color:var(--brand-primary,#167c9b)}.progress-bar{background:var(--progress-color,var(--brand-accent,#167c9b))}.map-popup a,.back-link{color:var(--brand-primary,#167c9b)}
.map-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:16px;position:relative}.map-workspace.details-collapsed{grid-template-columns:1fr}.map-details-panel{background:white;border:1px solid #dfe8e2;border-radius:18px;padding:16px;max-height:min(68vh,680px);overflow-y:auto}.map-details-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.map-details-heading h2{font-size:1.25rem;margin-top:5px}.map-details-content dl{display:grid;grid-template-columns:125px 1fr;gap:8px;margin:15px 0 0}.map-details-content dt{color:#607c89}.map-details-content dd{margin:0;overflow-wrap:anywhere}.map-detail-photo{width:100%;max-height:280px;object-fit:contain;background:#12231a;border-radius:12px;margin-top:12px}.map-expand-button{position:absolute;right:12px;top:12px;z-index:500}@media(max-width:950px){.map-workspace{grid-template-columns:1fr}.map-details-panel{max-height:none}.map-details-content dl{grid-template-columns:110px 1fr}}@media(max-width:550px){.map-details-content dl{grid-template-columns:1fr}.map-details-content dt{margin-top:6px}}
.setup-count-card{padding:18px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(100px,180px);align-items:center;gap:18px;margin-bottom:18px}.setup-count-card label{font-weight:800}.setup-level-card{padding:22px;margin-bottom:18px;border-radius:18px;overflow-x:auto}.setup-level-heading{display:grid;grid-template-columns:150px minmax(240px,460px);align-items:center;gap:12px;margin-bottom:14px}.setup-level-heading h2{margin:0}.setup-items{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;min-width:1540px}.setup-item-row{display:grid;grid-template-columns:95px 190px 145px 145px 120px 120px 95px 145px 220px 180px 95px;gap:10px;align-items:center;min-width:1540px}.setup-code-pill{background:#eef7f2;border:1px solid #cfe7d9;border-radius:12px;color:#0f6f46;font-weight:800;padding:10px 12px;text-align:center}.setup-weather-check{display:flex;align-items:center;gap:6px;font-weight:800;color:#365846}.setup-level-card.root-level .setup-item-row{grid-template-columns:95px 190px 145px 145px 120px 120px 95px 145px 220px 95px;min-width:1350px}.setup-level-card.root-level .setup-items{min-width:1350px}.setup-level-card.root-level .setup-item-row .remove{grid-column:10}@media(max-width:800px){.setup-count-card,.setup-level-heading{grid-template-columns:1fr}.setup-level-card.root-level .setup-item-row .remove{grid-column:auto}}
.map-hierarchy-selectors{display:flex;gap:12px;grid-column:span 2}.map-hierarchy-selectors>div{min-width:180px;flex:1}.map-hierarchy-selectors label{display:block}.detail-view-tabs{margin-top:18px}.calendar-panel{background:white;border:1px solid #dfe8e2;border-radius:18px;padding:20px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;text-align:center;margin-bottom:16px}.calendar-heading h2{margin:4px 0 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:5px;overflow-x:auto}.calendar-day-name{text-align:center;color:#607c89;padding:8px}.calendar-cell{min-height:120px;border:1px solid #dfe8e2;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:5px}.calendar-cell.empty{background:#f5f7f6}.calendar-cell.today{border-color:#167c9b;background:#f0faf5}.calendar-event{font-size:.72rem;background:var(--progress-color,var(--progress-not-started,#eef19e));color:var(--progress-text,#0b1f16);border:1px solid transparent;border-radius:6px;padding:5px;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;gap:2px;text-decoration:none}.calendar-event:hover{filter:brightness(.97);color:var(--progress-text,#0b1f16)}.calendar-event strong{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.calendar-event small{font-size:.68rem;color:inherit;opacity:.9}.calendar-event.delayed,.calendar-event.alert{background:var(--progress-alert,#e21e40);border-color:var(--progress-alert,#e21e40);color:white}.weather-chip{font-size:.68rem;background:var(--weather-cloudy,#8dc3e1);color:#0b1f16;border-radius:999px;padding:3px 7px;font-weight:800}.weather-chip-rainy{background:var(--weather-rainy,#0658a5);color:#fff}.weather-chip-cloudy{background:var(--weather-cloudy,#8dc3e1);color:#0b1f16}.weather-chip-hot,.weather-chip-sunny{background:var(--weather-hot-sunny,#f56200);color:#fff}.weather-chip-snowy{background:var(--weather-snowy,#22affb);color:#0b1f16}.weather-chip-warning{box-shadow:0 0 0 2px var(--progress-alert,#e21e40) inset}.field-card #hierarchySelectors label{display:block;margin-top:10px}.field-card #hierarchySelectors select{margin-bottom:4px}@media(max-width:900px){.map-hierarchy-selectors{grid-column:1/-1;flex-direction:column}.calendar-grid{grid-template-columns:repeat(7,120px)}}
.access-level-card{padding:20px}.access-level-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.access-level-heading h2{margin:2px 0 0}.access-bulk-form{display:flex;flex-direction:column;gap:12px}.access-bulk-actions{position:sticky;top:0;z-index:3;background:white;display:flex;flex-wrap:wrap;gap:8px;padding:0 0 10px;border-bottom:1px solid #edf1ee}.access-scroll-list{max-height:360px;overflow-y:auto;padding-right:8px;border:1px solid #edf1ee;border-radius:14px}.access-list-header,.access-check-row{display:grid;grid-template-columns:44px minmax(95px,.45fr) minmax(220px,1.2fr) minmax(180px,.75fr) minmax(120px,.45fr);gap:12px;align-items:center}.access-list-header{position:sticky;top:0;z-index:2;background:#edf5f0;color:#365846;font-weight:800;padding:10px 12px;border-bottom:1px solid #dfe8e2}.access-check-row{padding:10px 12px;border-bottom:1px solid #edf1ee;margin:0}.access-check-row:hover{background:#f4faf7}.access-check-row input,.access-list-header input{margin:0}.access-activity-name{font-weight:800}.access-badges,.access-mode-badges{display:inline-flex;gap:5px;flex-wrap:wrap}@media(max-width:800px){.access-list-header,.access-check-row{grid-template-columns:34px minmax(80px,.5fr) minmax(160px,1fr);}.access-list-header span:nth-last-child(-n+2),.access-check-row .access-badges,.access-check-row .access-mode-badges{grid-column:2/-1}.access-bulk-actions .btn{flex:1 1 140px}.access-scroll-list{max-height:300px}}
.document-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end}.document-form label{font-weight:700}.document-list{margin-top:16px;border:1px solid #edf1ee;border-radius:14px;overflow:hidden}.document-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf1ee}.document-row:last-child{border-bottom:0}.document-row div{display:flex;flex-direction:column}.document-row span{color:#607c89;font-size:.85rem}@media(max-width:900px){.document-form,.document-row{grid-template-columns:1fr}.document-form .btn,.document-row .btn{width:100%}}
.locked-card{background:#f8faf9}.locked-card .status-pill{background:#dbf3fa;color:#28546a}.locked-card small{display:block;margin-top:6px}
.timeline-panel{background:#fff;border:1px solid #dfe7e2;border-radius:18px;padding:24px;margin-top:18px;overflow-x:auto}.timeline-scale{min-width:760px;display:flex;justify-content:space-between;color:#607167;font-size:.9rem;margin:8px 0 12px 210px}.timeline-list{min-width:980px;display:flex;flex-direction:column;gap:10px}.timeline-row{display:grid;grid-template-columns:190px minmax(560px,1fr);gap:18px;align-items:center}.timeline-label{display:flex;flex-direction:column}.timeline-label strong{color:#0f6f46}.timeline-label span{font-weight:700}.timeline-track{position:relative;height:34px;background:repeating-linear-gradient(to right,#f4f7f5 0,#f4f7f5 1px,transparent 1px,transparent 10%),#fbfcfb;border:1px solid #e4ebe7;border-radius:999px;overflow:hidden}.timeline-bar{position:absolute;top:6px;height:20px;min-width:8px;border-radius:999px;background:var(--progress-color,var(--progress-not-started,#eef19e));color:var(--progress-text,#0b1f16);font-size:.75rem;font-weight:800;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 8px;box-shadow:0 4px 10px rgba(15,111,70,.16)}.timeline-bar.delayed,.timeline-bar.alert{background:var(--progress-alert,#e21e40);color:white}.timeline-bar.locked{background:#94a3b8;color:#fff}.timeline-bar:hover{color:var(--progress-text,#0b1f16);filter:brightness(.96)}.timeline-bar.locked:hover,.timeline-bar.delayed:hover,.timeline-bar.alert:hover{color:#fff}
.timeline-month-scale{position:relative;min-width:760px;height:42px;margin:8px 0 12px 210px;border-bottom:1px solid #dfe7e2;color:#607167;font-size:.85rem}.timeline-month{position:absolute;top:0;height:42px;border-left:1px solid #dfe7e2;padding-left:6px;white-space:nowrap;transform:translateX(-1px)}
.dependency-panel{background:#fff;border:1px solid #dfe7e2;border-radius:18px;padding:24px;margin-top:18px}.dependency-list{display:flex;flex-direction:column;gap:14px}.dependency-row{display:grid;grid-template-columns:minmax(240px,1fr) 150px minmax(240px,1fr);gap:14px;align-items:stretch}.dependency-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #dfe7e2;border-radius:14px;background:#fbfcfb;text-decoration:none;color:#17251d}.dependency-card:hover{border-color:#0f6f46;color:#0f6f46}.dependency-card span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#607167;font-weight:800}.dependency-card em{font-style:normal;color:#b42318;font-weight:800}.dependency-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:#eef8f2;color:#0f6f46;font-weight:800;text-align:center}.dependency-arrow span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.dependency-row.blocking .dependency-arrow{background:#fff4e5;color:#a15c00}.dependency-note{margin:-6px 0 4px 0;padding-left:16px;color:#607167;font-size:.9rem}@media(max-width:800px){.dependency-row{grid-template-columns:1fr}.dependency-arrow{padding:10px}}
.dependency-row{grid-template-columns:minmax(260px,1fr) 190px minmax(260px,1fr)}.dependency-arrow{padding:10px 12px;min-width:0}.dependency-arrow strong{font-size:.95rem;line-height:1.15;max-width:150px;overflow-wrap:anywhere}.dependency-arrow small{margin-top:4px;color:inherit;opacity:.78;font-weight:700;font-size:.78rem}
.scope-map-marker-shell{background:transparent;border:0}.scope-map-marker{--marker-color:#167c9b;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--marker-color);color:#fff;border:3px solid #fff;box-shadow:0 3px 9px #0005;font-size:.7rem;font-weight:900}.map-photo-stage{position:relative;background:#12231a;border-radius:14px;overflow:hidden;margin-top:12px}.map-photo-stage .map-detail-photo{margin:0;width:100%;height:min(42vh,360px);max-height:none}.map-photo-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:52px;border:0;border-radius:10px;background:#0b1f16b8;color:#fff;font-size:2rem;line-height:1;opacity:.35;transition:opacity .15s}.map-photo-stage:hover .map-photo-nav,.map-photo-nav:focus{opacity:1}.map-photo-nav.previous{left:8px}.map-photo-nav.next{right:8px}.map-gallery-close{border:0;background:#f3f6f4;color:#17231c;border-radius:50%;width:34px;height:34px;font-size:1.35rem;line-height:1}.map-photo-position{position:absolute;bottom:8px;right:10px;background:#0b1f16bf;color:#fff;border-radius:999px;padding:3px 9px;font-size:.75rem}.map-scope-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.map-scope-legend span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dfe8e2;border-radius:999px;padding:5px 10px;font-size:.78rem}.map-scope-legend i{width:11px;height:11px;border-radius:50%}.overview-summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;background:#fff;border:1px solid #dfe8e2;border-radius:14px;padding:15px;margin:0 0 18px}.overview-summary-card h3{margin:2px 0}.overview-summary-card p{margin:0}.overview-summary-metrics{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:baseline}.overview-summary-metrics strong{font-size:1.35rem;color:#167c9b}.overview-summary-metrics span{font-size:.78rem;color:#607c89}@media(max-width:700px){.overview-summary-card{grid-template-columns:1fr}.map-photo-nav{opacity:.9}.map-gallery-panel{padding:12px}}
.task-photo-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
align-content: start;
}
.task-photo-gallery figure { margin: 0; border: 1px solid #dfe8e2; border-radius: 14px; overflow: hidden; background: #fff; }
.task-photo-gallery img { width: 100%; min-height: 220px; max-height: 420px; object-fit: contain; background: #12231a; }
.task-photo-gallery figcaption { padding: 10px 12px; color: #4b5f54; font-size: .82rem; overflow-wrap: anywhere; }
.task-detail-photo-stage img { margin: 0; width: 100%; height: min(64vh, 620px); max-height: none; object-fit: contain; background: #12231a; }
.flatowner-update-filters { grid-template-columns:auto minmax(220px, 1fr) auto minmax(220px, 1fr) auto; }
@media(max-width:800px){.flatowner-update-filters{grid-template-columns:1fr}}
.scope-table-view { overflow: hidden; }
.scope-table-heading, .scope-table-controls, .scope-table-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.scope-table-controls { margin: 1rem 0; flex-wrap: wrap; }
.scope-table-controls label { display: flex; align-items: center; gap: .5rem; margin: 0; }
.scope-table-controls [data-table-search] { min-width: 16rem; }
.scope-table-scroll { overflow-x: auto; border: 1px solid var(--border-color, #dfe8e2); border-radius: 12px; }
.scope-table { width: 100%; min-width: 1180px; border-collapse: collapse; background: #fff; }
.scope-table th, .scope-table td { padding: .75rem; border-bottom: 1px solid #e3e9e5; text-align: left; vertical-align: top; white-space: nowrap; }
.scope-table th { background: #edf7f1; position: sticky; top: 0; z-index: 1; }
.scope-table th button { border: 0; background: transparent; color: #173d2e; font-weight: 700; padding: 0 1.1rem 0 0; position: relative; }
.scope-table th button::after { content: "↕"; position: absolute; right: 0; opacity: .45; }
.scope-table th button[data-direction="asc"]::after { content: "↑"; opacity: 1; }
.scope-table th button[data-direction="desc"]::after { content: "↓"; opacity: 1; }
.scope-table tbody tr:hover { background: #f7fbf8; }
.scope-table-footer { margin-top: 1rem; flex-wrap: wrap; }
.scope-table-footer > div { display: flex; align-items: center; gap: .75rem; }
@media (max-width: 640px) { .scope-table-heading { align-items: flex-start; flex-direction: column; } .scope-table-controls [data-table-search] { min-width: 0; width: 100%; } }
/* Configurable connected tabs and workspace surfaces */
html { font-size: var(--font-base-size, 16px); }
body, button, input, select, textarea { font-family: var(--font-body, Inter, "Segoe UI", sans-serif); }
h1, h2, h3, h4, h5, h6, .navbar-brand { font-family: var(--font-heading, Inter, "Segoe UI", sans-serif); font-weight: var(--font-heading-weight, 800); }
.project-tabs {
display: flex;
align-items: flex-end;
gap: 0;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior-inline: contain;
scrollbar-gutter: stable;
padding: 12px 12px 0;
margin: 18px 0 22px;
background: var(--surface-muted, #f8fbf9);
border: 1px solid var(--surface-border, #dfe8e2);
border-bottom: 4px solid var(--tab-border, #d9e4de);
border-radius: var(--surface-radius, 18px) var(--surface-radius, 18px) 12px 12px;
box-shadow: var(--surface-shadow, 0 10px 28px rgba(18,100,67,.08));
}
.project-tab {
--tab-color: var(--brand-primary, #167c9b);
position: relative;
flex: 0 0 auto;
min-height: 46px;
margin: 0 -1px -1px 0;
padding: 12px 18px 11px;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
color: var(--tab-inactive-text, #365846);
background: var(--tab-inactive-background, #fff);
border: 1px solid var(--tab-border, #d9e4de);
border-bottom: 4px solid var(--tab-color);
border-radius: 14px 14px 0 0;
font-weight: var(--font-tab-weight, 800);
letter-spacing: var(--font-tab-spacing, .01em);
text-decoration: none;
transition: color .16s ease, background-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.project-tab[data-tab="overview"] { --tab-color: var(--tab-overview, #167c9b); }
.project-tab[data-tab="maps"] { --tab-color: var(--tab-maps, #0658a5); }
.project-tab[data-tab="calendar"] { --tab-color: var(--tab-calendar, #f56200); }
.project-tab[data-tab="timeline"] { --tab-color: var(--tab-timeline, #7b61a8); }
.project-tab[data-tab="table"] { --tab-color: var(--tab-table, #00838f); }
.project-tab[data-tab="dependencies"] { --tab-color: var(--tab-dependencies, #c65a87); }
.project-tab[data-tab="documents"] { --tab-color: var(--tab-documents, #6b8e23); }
.project-tab[data-tab="update"] { --tab-color: var(--tab-update, #e21e40); }
.project-tab:hover, .project-tab:focus-visible {
z-index: 2;
color: var(--tab-active-text, #fff);
background: var(--tab-color);
border-color: var(--tab-color);
transform: translateY(-2px);
outline: none;
}
.project-tab.active, .project-tab[aria-current="page"] {
z-index: 3;
color: var(--tab-active-text, #fff);
background: var(--tab-color);
border-color: var(--tab-color);
transform: translateY(-4px);
box-shadow: 0 8px 18px color-mix(in srgb, var(--tab-color) 30%, transparent);
}
.phase-overview-panel,
.phase-browser,
.calendar-panel,
.timeline-panel,
.dependency-panel,
.scope-table-view,
.map-filters,
.map-details-panel,
.review-details,
.evidence-project-group,
.access-level-card,
.setup-level-card,
.document-list,
.audit-table-wrap {
background: var(--surface-background, #fff);
border-color: var(--surface-border, #dfe8e2);
border-radius: var(--surface-radius, 18px);
}
.phase-overview-panel,
.phase-browser,
.calendar-panel,
.timeline-panel,
.dependency-panel,
.scope-table-view,
.map-details-panel,
.review-details,
.evidence-project-group,
.access-level-card,
.setup-level-card {
box-shadow: var(--surface-shadow, 0 10px 28px rgba(18,100,67,.08));
}
.metric-card, .project-card, .phase-progress-item, .phase-detail-card, .evidence-card, .document-row {
border-color: var(--surface-border, #dfe8e2);
}
.section-heading h1, .section-heading h2 { letter-spacing: -.025em; }
.project-tabs,
.calendar-grid,
.timeline-panel,
.scope-table-scroll,
.setup-level-card,
.phase-card-scroll,
.phase-access-nav,
.access-scroll-list,
.map-details-panel {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb, #9fc7b3) var(--scrollbar-track, #edf4f0);
}
.project-tabs::-webkit-scrollbar,
.calendar-grid::-webkit-scrollbar,
.timeline-panel::-webkit-scrollbar,
.scope-table-scroll::-webkit-scrollbar,
.setup-level-card::-webkit-scrollbar,
.phase-card-scroll::-webkit-scrollbar,
.phase-access-nav::-webkit-scrollbar,
.access-scroll-list::-webkit-scrollbar,
.map-details-panel::-webkit-scrollbar { width: 9px; height: 9px; }
.project-tabs::-webkit-scrollbar-track,
.calendar-grid::-webkit-scrollbar-track,
.timeline-panel::-webkit-scrollbar-track,
.scope-table-scroll::-webkit-scrollbar-track,
.setup-level-card::-webkit-scrollbar-track,
.phase-card-scroll::-webkit-scrollbar-track,
.phase-access-nav::-webkit-scrollbar-track,
.access-scroll-list::-webkit-scrollbar-track,
.map-details-panel::-webkit-scrollbar-track { background: var(--scrollbar-track, #edf4f0); border-radius: 999px; }
.project-tabs::-webkit-scrollbar-thumb,
.calendar-grid::-webkit-scrollbar-thumb,
.timeline-panel::-webkit-scrollbar-thumb,
.scope-table-scroll::-webkit-scrollbar-thumb,
.setup-level-card::-webkit-scrollbar-thumb,
.phase-card-scroll::-webkit-scrollbar-thumb,
.phase-access-nav::-webkit-scrollbar-thumb,
.access-scroll-list::-webkit-scrollbar-thumb,
.map-details-panel::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb, #9fc7b3); border-radius: 999px; border: 2px solid var(--scrollbar-track, #edf4f0); }
@media (max-width: 700px) {
.project-tabs { padding: 10px 8px 0; border-radius: 15px 15px 10px 10px; }
.project-tab { min-height: 43px; padding: 10px 14px 9px; font-size: .9rem; }
.phase-overview-panel, .phase-browser, .calendar-panel, .timeline-panel, .dependency-panel, .scope-table-view { padding: 16px; }
}
/* Seamless tab content and compact task updates */
.detail-view-tabs { margin-bottom: 0; }
.detail-view-tabs .project-tab { flex: 1 0 max-content; min-width: max-content; }
.detail-view-tabs + .phase-overview-panel,
.detail-view-tabs + .calendar-panel,
.detail-view-tabs + .timeline-panel,
.detail-view-tabs + .dependency-panel,
.detail-view-tabs + .scope-table-view,
.detail-view-tabs + .map-filters {
margin-top: 0;
border-top: 0;
border-radius: 0 0 var(--surface-radius, 18px) var(--surface-radius, 18px);
box-shadow: var(--surface-shadow, 0 10px 28px rgba(18,100,67,.08));
}
.task-progress-panel {
margin-top: 22px;
overflow: hidden;
background: var(--surface-background, #fff);
border: 1px solid var(--surface-border, #dfe8e2);
border-radius: var(--surface-radius, 18px);
box-shadow: var(--surface-shadow, 0 10px 28px rgba(18,100,67,.08));
}
.task-progress-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 17px 20px 14px;
background: var(--surface-muted, #f8fbf9);
border-bottom: 1px solid var(--surface-border, #dfe8e2);
}
.task-progress-heading h2 { margin: 3px 0 0; font-size: 1.45rem; }
.task-update-count {
display: inline-flex;
align-items: baseline;
gap: 6px;
padding: 6px 11px;
color: var(--brand-primary, #167c9b);
background: var(--brand-soft, #e5f3eb);
border-radius: 999px;
white-space: nowrap;
}
.task-update-count strong { font-size: 1.05rem; }
.task-update-count span { font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.task-update-tabs {
display: flex;
gap: 10px;
overflow-x: auto;
overscroll-behavior-inline: contain;
padding: 14px 16px 16px;
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb, #9fc7b3) var(--scrollbar-track, #edf4f0);
}
.task-update-tab {
--task-tone: var(--tab-calendar, #f56200);
flex: 0 0 clamp(210px, 24vw, 280px);
min-width: 210px;
display: flex;
flex-direction: column;
gap: 5px;
padding: 11px 12px;
color: var(--brand-text, #17231c);
background: #fff;
border: 1px solid var(--surface-border, #dfe8e2);
border-top: 4px solid var(--task-tone);
border-radius: 11px;
text-decoration: none;
transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.task-update-tab[data-status="approved"] { --task-tone: var(--progress-75-100, #038289); }
.task-update-tab[data-status="pending"] { --task-tone: var(--tab-calendar, #f56200); }
.task-update-tab[data-status="rejected"] { --task-tone: var(--progress-alert, #e21e40); }
.task-update-tab:hover, .task-update-tab:focus-visible {
color: var(--brand-text, #17231c);
border-color: var(--task-tone);
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(23,35,28,.1);
outline: none;
}
.task-update-tab-top { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.task-update-tab-top strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-update-tab > span:not(.task-update-tab-top) { color: #53675c; font-size: .8rem; }
.task-update-tab small { color: #607c89; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-update-tab .status-pill { flex: 0 0 auto; font-size: .64rem; padding: 4px 7px; }
.task-progress-empty { margin: 0; padding: 20px; color: #607c89; }
.task-update-tabs::-webkit-scrollbar { height: 9px; }
.task-update-tabs::-webkit-scrollbar-track { background: var(--scrollbar-track, #edf4f0); border-radius: 999px; }
.task-update-tabs::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb, #9fc7b3); border: 2px solid var(--scrollbar-track, #edf4f0); border-radius: 999px; }
@media (max-width: 700px) {
.task-progress-heading { align-items: flex-start; padding: 14px 16px 12px; }
.task-update-tab { flex-basis: 225px; }
}
/* Overview progress graphs */
.overview-charts-grid {
display: grid;
grid-template-columns: minmax(280px, 1.25fr) minmax(240px, .9fr) minmax(220px, .75fr);
gap: 14px;
margin: 0 0 18px;
}
.overview-chart-card {
background: var(--surface-background, #fff);
border: 1px solid var(--surface-border, #dfe8e2);
border-radius: var(--surface-radius, 18px);
box-shadow: var(--surface-shadow, 0 10px 28px rgba(18,100,67,.08));
padding: 18px;
min-width: 0;
}
.overview-chart-card h3 { margin: 4px 0 14px; }
.progress-chart-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: center; }
.progress-chart-card .eyebrow, .progress-chart-card h3, .progress-chart-card .chart-metric-row { grid-column: 1 / -1; }
.progress-donut {
width: 138px;
aspect-ratio: 1;
border-radius: 50%;
display: grid;
place-items: center;
background: conic-gradient(var(--progress-75-100, #038289) var(--chart-value, 0%), #e8eeeb 0);
position: relative;
color: var(--brand-primary, #167c9b);
}
.progress-donut::after { content: ""; position: absolute; inset: 16px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px #edf1ee; }
.progress-donut strong { position: relative; z-index: 1; font-size: 1.35rem; }
.chart-metric-row { display: flex; justify-content: space-between; gap: 12px; color: #607167; }
.chart-metric-row strong { color: var(--brand-text, #17231c); }
.chart-mini-bars { display: flex; flex-direction: column; gap: 7px; }
.chart-mini-bars div { display: grid; grid-template-columns: 54px minmax(80px, 1fr) 48px; gap: 8px; align-items: center; font-size: .78rem; }
.chart-mini-bars span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #365846; font-weight: 800; }
.chart-mini-bars i { height: 8px; border-radius: 999px; background: #e8eeeb; overflow: hidden; }
.chart-mini-bars b { display: block; height: 100%; border-radius: inherit; background: var(--progress-75-100, #038289); }
.chart-mini-bars strong { text-align: right; }
.status-pie-list { display: flex; flex-direction: column; gap: 9px; }
.status-pie-list div { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto auto; gap: 9px; align-items: center; padding: 7px 0; border-bottom: 1px solid #edf1ee; }
.status-pie-list div:last-child { border-bottom: 0; }
.status-pie-list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-pie-list i { font-style: normal; font-weight: 800; color: var(--brand-primary, #167c9b); }
.status-pie-list small { color: #607167; }
.status-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--progress-not-started, #eef19e); box-shadow: 0 0 0 3px #eef7f2; }
.status-dot[data-status="workinprogress"], .status-dot[data-status="approved"] { background: var(--progress-75-100, #038289); }
.status-dot[data-status="completed"], .status-dot[data-status="closed"] { background: var(--progress-75-100, #038289); }
.status-dot[data-status="delayed"], .status-dot[data-status="rejected"] { background: var(--progress-alert, #e21e40); }
.status-dot[data-status="scheduled"], .status-dot[data-status="pending"] { background: var(--tab-calendar, #f56200); }
.status-dot[data-status="proposed"], .status-dot[data-status="awaitingapproval"] { background: var(--tab-timeline, #7b61a8); }
.chart-kpi-stack { display: grid; gap: 10px; }
.chart-kpi-stack div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 1px solid #edf1ee; padding-bottom: 9px; }
.chart-kpi-stack div:last-child { border-bottom: 0; padding-bottom: 0; }
.chart-kpi-stack span { color: #607167; }
.chart-kpi-stack strong { font-size: 1.55rem; color: var(--brand-primary, #167c9b); }
@media(max-width:1000px){.overview-charts-grid{grid-template-columns:1fr 1fr}.progress-chart-card{grid-column:1/-1}}
@media(max-width:650px){.overview-charts-grid,.progress-chart-card{grid-template-columns:1fr}.progress-donut{margin:auto}.chart-mini-bars div{grid-template-columns:64px minmax(80px,1fr) 48px}}
.status-pie {
width: 132px;
aspect-ratio: 1;
border-radius: 50%;
display: grid;
place-items: center;
margin: 2px auto 14px;
position: relative;
box-shadow: inset 0 0 0 1px #dfe8e2;
}
.status-pie::after { content: ""; position: absolute; inset: 18px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px #edf1ee; }
.status-pie strong, .status-pie span { position: relative; z-index: 1; grid-area: 1 / 1; }
.status-pie strong { transform: translateY(-8px); font-size: 1.5rem; color: var(--brand-primary, #167c9b); }
.status-pie span { transform: translateY(14px); font-size: .72rem; color: #607167; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
/* Compact overview charts with hover legends and expected-vs-actual lines */
.overview-chart-card.compact-chart-card { display: flex; flex-direction: column; align-items: center; text-align: center; }
.overview-chart-card.compact-chart-card h3 { align-self: stretch; }
.compact-chart-card .progress-donut, .compact-chart-card .status-pie { margin: 6px auto 12px; cursor: help; }
.timeline-line-card { min-height: 245px; }
.timeline-line-chart { width: 100%; min-height: 150px; display: block; overflow: visible; }
.timeline-line-chart line { stroke: #dfe8e2; stroke-width: .8; vector-effect: non-scaling-stroke; }
.timeline-line-chart polyline { fill: none; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.timeline-line-chart .expected-line { stroke: var(--chart-expected-line, #038289); }
.timeline-line-chart .actual-line { stroke: var(--chart-actual-line, #f56200); }
.line-chart-legend { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 8px; color: #607167; font-size: .82rem; font-weight: 800; }
.line-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.line-chart-legend span::before { content: ""; width: 24px; height: 4px; border-radius: 999px; background: currentColor; }
.line-chart-legend .expected { color: var(--chart-expected-line, #038289); }
.line-chart-legend .actual { color: var(--chart-actual-line, #f56200); }
.overview-quick-metrics-card { display: grid; grid-template-columns: minmax(160px,.35fr) minmax(0,1fr); gap: 18px; align-items: center; background: var(--surface-background, #fff); border: 1px solid var(--surface-border, #dfe8e2); border-radius: var(--surface-radius, 18px); box-shadow: var(--surface-shadow, 0 10px 28px rgba(18,100,67,.08)); padding: 15px 18px; margin: 0 0 18px; }
.quick-metric-items { display: grid; grid-template-columns: repeat(4, minmax(120px,1fr)); gap: 12px; }
.quick-metric-items div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; background: var(--surface-muted, #f8fbf9); border: 1px solid var(--surface-border, #dfe8e2); border-radius: 12px; padding: 10px 12px; }
.quick-metric-items span { color: #607167; font-size: .82rem; }
.quick-metric-items strong { color: var(--brand-primary, #167c9b); font-size: 1.35rem; }
@media(max-width:1000px){.overview-charts-grid{grid-template-columns:1fr}.timeline-line-card{min-height:auto}.overview-quick-metrics-card{grid-template-columns:1fr}.quick-metric-items{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:560px){.quick-metric-items{grid-template-columns:1fr}.overview-quick-metrics-card{padding:14px}}
.segmented-donut-svg { width: 148px; aspect-ratio: 1; display: block; margin: 6px auto 12px; overflow: visible; }
.segmented-donut-svg .donut-bg { fill: none; stroke: #e8eeeb; stroke-width: 12; }
.segmented-donut-svg .donut-segment { fill: none; stroke-width: 12; stroke-linecap: butt; transform: rotate(-90deg); transform-origin: 50% 50%; cursor: help; transition: stroke-width .12s ease, filter .12s ease; }
.segmented-donut-svg .donut-segment:hover { stroke-width: 15; filter: drop-shadow(0 2px 4px rgba(0,0,0,.18)); }
.segmented-donut-svg .donut-hole { fill: #fff; stroke: #edf1ee; stroke-width: 1; }
.segmented-donut-svg text { text-anchor: middle; dominant-baseline: middle; pointer-events: none; }
.segmented-donut-svg .donut-center-value { fill: var(--brand-primary, #167c9b); font-size: 12px; font-weight: 900; }
.segmented-donut-svg .donut-center-label { fill: #607167; font-size: 6px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.overview-quick-metrics-card { overflow: hidden; }
.quick-metric-items { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); min-width: 0; }
.quick-metric-items div { min-width: 0; }
.quick-metric-items span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-charts-grid > .overview-quick-metrics-card { grid-column: 1 / -1; }
/* Project setup editor: compact, labelled, horizontally scrollable grid */
.setup-level-card {
overflow: hidden;
}
.setup-table-wrap {
overflow-x: auto;
padding-bottom: 8px;
margin-bottom: 12px;
}
.setup-item-header,
.setup-item-row {
display: grid;
grid-template-columns: 95px 200px 132px 132px 120px 120px 88px 92px 150px 220px 180px 92px;
gap: 10px;
align-items: center;
min-width: 1590px;
}
.setup-level-card.root-level .setup-item-header,
.setup-level-card.root-level .setup-item-row {
grid-template-columns: 95px 200px 132px 132px 120px 120px 88px 92px 150px 220px 92px;
min-width: 1400px;
}
.setup-item-header {
position: sticky;
top: 0;
z-index: 1;
background: #edf5f0;
border: 1px solid #dfe8e2;
border-radius: 12px;
color: #365846;
font-size: .78rem;
font-weight: 900;
letter-spacing: .04em;
margin-bottom: 8px;
padding: 9px 10px;
text-transform: uppercase;
}
.setup-items {
display: flex;
flex-direction: column;
gap: 8px;
min-width: auto;
margin-bottom: 0;
}
.setup-item-row {
background: #fff;
border: 1px solid #edf1ee;
border-radius: 14px;
padding: 8px 10px;
}
.setup-item-row .form-control,
.setup-item-row .form-select {
min-height: 38px;
padding: 7px 10px;
}
.setup-code-pill {
padding: 8px 10px;
}
.setup-weather-check {
justify-content: center;
font-size: .9rem;
}
.setup-level-card.root-level .setup-item-row .remove {
grid-column: auto;
}
@media(max-width:800px){
.setup-item-header,
.setup-item-row,
.setup-level-card.root-level .setup-item-header,
.setup-level-card.root-level .setup-item-row {
min-width: 1380px;
}
}
.configured-content p:last-child{margin-bottom:0}.configured-content a{font-weight:700;color:var(--brand-primary,#167c9b)}.auth-intro-card h2{font-size:1.35rem;font-weight:800}
.mailing-list-card{margin-top:20px}.mailing-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.mailing-list-header h2{margin:4px 0}.mailing-table-wrap{border-radius:14px}.mailing-table th{white-space:nowrap}.mailing-table td{border-bottom:1px solid #e5ece8}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-weight:700;font-size:.85rem}.status-active{background:#e5f3eb;color:#167c9b}.status-muted{background:#edf1ee;color:#66736b}.table-actions{display:flex;gap:8px;align-items:center}.table-actions form{margin:0}@media(max-width:800px){.mailing-list-header{flex-direction:column}.mailing-table{min-width:900px}}
.schedule-modal{position:fixed;inset:0;z-index:1050;display:none;align-items:center;justify-content:center;padding:24px}.schedule-modal.is-open{display:flex}.schedule-modal-backdrop{position:absolute;inset:0;background:rgba(8,24,18,.52);backdrop-filter:blur(2px)}.schedule-modal-panel{position:relative;z-index:1;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.22)}.schedule-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.schedule-modal-header h2{margin:4px 0}.schedule-help{font-size:.92rem;margin:10px 0 0}.schedule-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:700px){.schedule-modal{align-items:flex-start;padding:14px}.schedule-modal-panel{width:100%;max-height:calc(100vh - 28px)}.schedule-modal-header{flex-direction:column}.schedule-modal-actions{flex-direction:column-reverse}.schedule-modal-actions .btn{width:100%}}
.scheduled-run-history td { background: #f8fbfa; padding: 0.75rem 1rem; }
.scheduled-run-list { display: grid; gap: 0.5rem; margin-top: 0.5rem; }
.scheduled-run-item { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; align-items: center; gap: 0.75rem; padding: 0.6rem 0.75rem; border: 1px solid var(--border-color, #dfe7e3); border-radius: 0.75rem; background: #fff; }
@media (max-width: 760px) { .scheduled-run-item { grid-template-columns: 1fr; align-items: start; } }
.mailing-table td { vertical-align: middle; }
.mailing-table .table-actions { min-height: 52px; align-items: center; justify-content: flex-start; }
.schedule-history-link { color: var(--bs-danger, #dc3545); font-weight: 700; text-align: left; text-decoration: underline; white-space: normal; }
.scheduled-run-summary td { background: #fbfdfc; padding: 0.55rem 1rem; }
.scheduled-run-compact { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.schedule-history-modal-row > td { padding: 0 !important; border: 0 !important; }
.schedule-history-modal { position: fixed; }
.scheduled-failure-list { display: grid; gap: 0.75rem; }
.scheduled-failure-item { display: grid; gap: 0.25rem; border: 1px solid #e5ece8; border-radius: 0.85rem; padding: 0.85rem; background: #fff; }
.scheduled-failure-item p { margin: 0.35rem 0 0; color: #b42335; }
.mailing-table tbody > tr:not(.scheduled-run-summary):not(.schedule-history-modal-row) > td { vertical-align: middle; }
.mailing-table td.table-actions { display: table-cell; vertical-align: middle; white-space: nowrap; }
.mailing-table td.table-actions form { display: inline-block; margin: 0 0.25rem 0 0; }
.mailing-table td.table-actions .btn { vertical-align: middle; }
.schedule-history-plain { appearance: none; border: 0; background: transparent; padding: 0; margin: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.schedule-history-plain:hover { color: var(--primary-color, #167c9b); text-decoration: underline; }
.schedule-history-plain.schedule-history-success { color: #167c9b; text-decoration: underline; font-weight: 400; }
.schedule-history-plain.schedule-history-failure { color: #dc3545; text-decoration: underline; font-weight: 400; }
.schedule-history-plain.schedule-history-success:hover, .schedule-history-plain.schedule-history-failure:hover { filter: brightness(0.85); }
/* Shared application colors */
.navbar {
background: #f5fcff !important;
border-color: var(--surface-border, #b7e9f6) !important;
}
.navbar-brand {
display: inline-flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.navbar .nav-link {
color: var(--brand-text, #183848) !important;
font-weight: 700;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus-visible {
color: var(--brand-primary, #167c9b) !important;
}
a {
color: var(--brand-primary, #167c9b);
}
a:hover {
color: var(--brand-accent, #167c9b);
}
.btn-primary,
.btn-success {
color: #fff;
background-color: var(--brand-primary, #167c9b);
border-color: var(--brand-primary, #167c9b);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
color: #fff;
background-color: #11627b;
border-color: #11627b;
}
.btn-outline-primary {
color: var(--brand-primary, #167c9b);
border-color: var(--brand-primary, #167c9b);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
color: #fff;
background-color: var(--brand-primary, #167c9b);
border-color: var(--brand-primary, #167c9b);
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
border-color: color-mix(in srgb, var(--brand-primary, #167c9b) 42%, white);
box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.25rem rgba(31, 122, 58, 0.22);
}
.hero-panel {
background:
linear-gradient(125deg, rgba(31, 122, 58, 0.94), rgba(138, 90, 43, 0.9)),
radial-gradient(circle at 85% 15%, rgba(183, 219, 128, 0.34), transparent 34%);
}
.hero-panel p {
color: #dbf3fa;
}
.eyebrow,
.timeline-label strong,
.overview-summary-metrics strong {
color: var(--brand-primary, #167c9b);
}
.project-code,
.status-pill,
.task-update-count,
.phase-access-link.active,
.phase-access-link:hover,
.dependency-arrow,
.location-ready {
background: var(--brand-soft, #dbf3fa);
color: var(--brand-primary, #167c9b);
}
.metric-card,
.project-card,
.field-card,
.updates-list,
.phase-progress-item,
.phase-detail-card,
.evidence-card,
.document-row,
.task-update-tab,
.dependency-card {
border-color: var(--surface-border, #b7e9f6);
}
.scope-table th,
.access-list-header,
.audit-table th,
.setup-item-header {
background: #dbf3fa;
color: #183848;
}
/* Shared application surfaces */
body {
background:
radial-gradient(circle at 12% 10%, rgba(219, 243, 250, 0.7), transparent 28%),
linear-gradient(180deg, #dbf3fa 0%, #b7e9f6 100%);
}
header {
background: #dbf3fa;
}
.navbar {
background: linear-gradient(180deg, #dbf3fa 0%, #b7e9f6 100%) !important;
box-shadow: 0 8px 26px rgba(24, 56, 72, 0.12);
}
.navbar .container {
min-height: 76px;
}
.phase-overview-panel,
.phase-browser,
.calendar-panel,
.timeline-panel,
.dependency-panel,
.scope-table-view,
.map-filters,
.map-details-panel,
.review-details,
.evidence-project-group,
.access-level-card,
.setup-level-card,
.task-progress-panel,
.overview-chart-card,
.metric-card,
.project-card,
.field-card,
.updates-list,
.evidence-card,
.audit-table-wrap,
.phase-selector,
.phase-access-nav,
.document-list,
.schedule-modal-panel,
.mailing-list-card {
background: linear-gradient(180deg, #f5fcff 0%, #dbf3fa 100%);
border-color: #b7e9f6;
box-shadow: 0 12px 34px rgba(24, 56, 72, 0.12);
}
.phase-progress-item,
.phase-detail-card,
.task-update-tab,
.dependency-card,
.document-row,
.calendar-cell,
.scheduled-run-item,
.scheduled-failure-item,
.task-photo-gallery figure,
.overview-summary-card {
background: rgba(245, 252, 255, 0.82);
border-color: #b7e9f6;
}
.project-tabs,
.task-progress-heading,
.access-bulk-actions {
background: rgba(232, 213, 172, 0.78);
border-color: #b7e9f6;
}
.project-tab {
background: #dbf3fa;
border-color: #b7e9f6;
}
.scope-table,
.audit-table,
.mailing-table,
.table {
--bs-table-bg: #dbf3fa;
--bs-table-striped-bg: #dbf3fa;
--bs-table-hover-bg: #dbf3fa;
}
.scope-table tbody tr:hover,
.access-check-row:hover,
.phase-progress-link:hover {
background: #dbf3fa;
}
.progress-donut::after,
.status-pie::after {
background: #f5fcff;
box-shadow: inset 0 0 0 1px #b7e9f6;
}
.form-control,
.form-select {
background-color: #f5fcff;
border-color: #b7e9f6;
color: var(--brand-text, #183848);
}
.form-control:focus,
.form-select:focus {
background-color: #f5fcff;
}
.navbar-brand .brand-logo {
width: clamp(250px, 6vw, 250px) !important;
height: 50px !important;
max-width: 100px !important;
object-fit: contain;
object-position: center;
}
.navbar .container {
min-height: 52px;
}
.overview-charts-grid .eyebrow,
.overview-quick-metrics-card .eyebrow {
color: var(--brand-primary, #167c9b);
}
.phase-overview-panel .overview-chart-card > .eyebrow,
.phase-overview-panel .overview-quick-metrics-card > .eyebrow {
color: var(--brand-primary, #167c9b) !important;
}
/* ERP application frame */
.erp-shell { --erp-sidebar-width: 236px; margin: 0; display: flex; min-height: 100vh; background: linear-gradient(180deg, #dbf3fa 0%, #b7e9f6 100%); }
.erp-shell.erp-sidebar-collapsed { --erp-sidebar-width: 68px; }
.erp-sidebar { position: sticky; top: 0; flex: 0 0 var(--erp-sidebar-width); width: var(--erp-sidebar-width); height: 100vh; overflow-y: auto; background: #f5fcff; border-right: 1px solid #b7e9f6; z-index: 20; transition: width .2s ease, flex-basis .2s ease; }
.erp-sidebar-head { height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px 0 20px; border-bottom: 1px solid #b7e9f6; }
.erp-sidebar-brand { color: #183848; font-weight: 800; font-size: 1.1rem; text-decoration: none; white-space: nowrap; overflow: hidden; }
.erp-sidebar-brand:hover { color: var(--brand-primary); }
.erp-sidebar-toggle, .erp-mobile-toggle { width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid #b7e9f6; border-radius: 6px; background: #fff; color: #28546a; font-size: 1.45rem; line-height: 1; display: grid; place-items: center; cursor: pointer; }
.erp-sidebar-toggle:hover, .erp-mobile-toggle:hover { background: #f5fcff; }
.erp-nav { display: flex; flex-direction: column; gap: 3px; padding: 16px 10px; }
.erp-nav-link, .erp-nav-group > summary, .erp-nav-section { min-height: 42px; display: flex; align-items: center; gap: 12px; padding: 9px 11px; border-radius: 6px; color: #28546a; text-decoration: none; font-weight: 650; cursor: pointer; list-style: none; }
.erp-nav-group > summary::-webkit-details-marker { display: none; }
.erp-nav-link:hover, .erp-nav-group > summary:hover { background: #f5fcff; color: #11627b; }
.erp-nav-link.active, .erp-nav-children a.active { background: #dbf3fa; color: #167c9b; }
.erp-nav-group > summary::after { content: '⌄'; margin-left: auto; font-size: 1rem; color: #7d8e82; transition: transform .15s ease; }
.erp-nav-group[open] > summary::after { transform: rotate(180deg); }
.erp-nav-initial { display: inline-grid; flex: 0 0 26px; width: 26px; height: 26px; place-items: center; border: 1px solid #b7e9f6; border-radius: 5px; color: #167c9b; font-size: .78rem; font-weight: 800; }
.erp-nav-label { white-space: nowrap; }
.erp-nav-children { display: flex; flex-direction: column; margin: 3px 0 8px 41px; padding-left: 12px; border-left: 1px solid #b7e9f6; }
.erp-nav-children a, .erp-nav-children .erp-nav-pending { display: block; padding: 8px 10px; border-radius: 5px; font-size: .86rem; text-decoration: none; color: #28546a; }
.erp-nav-children a:hover { color: #11627b; background: #f5fcff; }
.erp-nav-pending { color: #8b9990 !important; cursor: default; }
.erp-content { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.erp-topbar { height: 72px; min-height: 72px; padding: 0; background: linear-gradient(180deg, #dbf3fa 0%, #b7e9f6 100%); border-bottom: 1px solid #b7e9f6; }
.erp-topbar-inner { width: 100%; max-width: 1500px; height: 100%; margin: 0 auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; }
.erp-topbar .navbar-nav { flex-direction: row; align-items: center; gap: 16px; margin-left: auto; }
.erp-topbar .nav-link { color: #28546a !important; font-weight: 650; }
.erp-topbar .nav-link:hover { color: var(--brand-primary) !important; }
.erp-main-container { width: 100%; max-width: 1500px; padding: 22px 28px 40px; }
.erp-content > footer { margin-top: auto; padding: 12px 0; background: #dbf3fa; border-color: #b7e9f6 !important; font-size: .78rem; }
.erp-content > footer .container { max-width: 1500px; padding-inline: 28px; }
.erp-mobile-toggle, .erp-mobile-scrim { display: none; }
.erp-sidebar-collapsed .erp-sidebar-brand { display: none; }
.erp-sidebar-collapsed .erp-sidebar-head { justify-content: center; padding: 0; }
.erp-sidebar-collapsed .erp-sidebar-toggle { transform: rotate(180deg); }
.erp-sidebar-collapsed .erp-nav { padding-inline: 8px; }
.erp-sidebar-collapsed .erp-nav-link, .erp-sidebar-collapsed .erp-nav-group > summary, .erp-sidebar-collapsed .erp-nav-section { justify-content: center; padding-inline: 4px; }
.erp-sidebar-collapsed .erp-nav-label, .erp-sidebar-collapsed .erp-nav-children, .erp-sidebar-collapsed .erp-nav-group > summary::after { display: none; }
.erp-public { margin-bottom: 0; }
.erp-public .erp-topbar-inner, .erp-public .erp-content > footer .container { max-width: 1350px; }
.erp-public .erp-main-container { max-width: 1350px; }
.erp-shell .erp-main-container, .erp-shell .erp-topbar-inner, .erp-shell .erp-content > footer .container { margin-left: 0; margin-right: 0; }
.erp-shell .erp-sidebar-head { background: linear-gradient(180deg, #dbf3fa 0%, #b7e9f6 100%); }
.erp-shell .erp-content > footer { position: relative; z-index: 21; width: calc(100% + var(--erp-sidebar-width)); margin-left: calc(-1 * var(--erp-sidebar-width)); }
.erp-shell .erp-content > footer .container { max-width: none; padding-left: calc(var(--erp-sidebar-width) + 28px); }
@media (max-width: 900px) { .erp-shell .erp-content > footer { width: 100%; margin-left: 0; } .erp-shell .erp-content > footer .container { padding-left: 16px; } }
.erp-form-panel { background: #f5fcff; border: 1px solid #b7e9f6; border-radius: 8px; padding: 20px; box-shadow: 0 8px 20px rgba(24, 56, 72, .06); }
.erp-form-panel h2 { font-size: 1.25rem; margin-bottom: 18px; }
.erp-form-panel .table { margin-bottom: 0; }
.ticket-description { min-width: 220px; max-width: 380px; white-space: pre-wrap; overflow-wrap: anywhere; }
.ticket-progress-photo { display: block; width: 112px; height: 72px; margin-top: 6px; object-fit: cover; border: 1px solid #b7e9f6; border-radius: 4px; }
.ticket-history-row { cursor: pointer; }
.ticket-history-row a.entry-list-link, .entry-list-row a.entry-list-link,
.admin-sortable-table .record-link.entry-list-link { color: #167c9b; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.entry-list-row { cursor: pointer; }
.entry-list-row:hover > td, .entry-list-row:hover > th { background: #dbf3fa; }
.entry-list-controls { background: #f5fcff; border: 1px solid #dec8a4; border-radius: 12px; padding: 14px; margin: 12px 0; }
.entry-list-summary, .entry-list-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 10px 16px; }
.entry-list-summary { margin: 8px 0 12px; }
.entry-list-summary span { background: #f3e5c7; border-radius: 8px; padding: 5px 10px; }
.entry-list-filters label { display: grid; gap: 4px; min-width: 150px; flex: 1 1 170px; }
.entry-list-filters input, .entry-list-filters select { width: 100%; }
.entry-list-dialog { width: min(560px, calc(100vw - 24px)); max-height: 85vh; border: 1px solid #b7e9f6; border-radius: 14px; padding: 20px; background: #f5fcff; color: #183848; }
.entry-list-dialog::backdrop { background: #2f2418a8; }
.entry-list-dialog dl { display: grid; grid-template-columns: minmax(110px, 1fr) 2fr; gap: 5px 12px; }
.entry-list-dialog dt { font-weight: 700; }
.entry-list-dialog dd { overflow-wrap: anywhere; margin: 0; }
.dashboard-budget-table { width: 100%; min-width: 600px; margin: 12px 0 0; }
.dashboard-budget-table th, .dashboard-budget-table td { vertical-align: top; padding: 10px; }
.dashboard-budget-table td:last-child { min-width: 180px; overflow-wrap: anywhere; }
.ticket-history-row:hover > td, .ticket-history-row:focus-visible > td { background: #dbf3fa; }
.ticket-history-row:focus-visible { outline: 2px solid #237748; outline-offset: -2px; }
.ticket-detail-layout { display: block; margin-top: 16px; }
.ticket-control-bar { display: grid; grid-template-columns: minmax(170px, 220px) minmax(0, 1fr); gap: 22px; align-items: end; }
.ticket-status-summary { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ticket-status-summary strong { font-size: 1.1rem; }
.ticket-status-summary span, .ticket-status-summary small { overflow-wrap: anywhere; }
.ticket-update-form { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) minmax(220px, 1.5fr) auto; gap: 12px; align-items: end; min-width: 0; }
.ticket-update-form > div { min-width: 0; }
.ticket-update-form .form-label { margin-bottom: 5px; }
.ticket-update-form .form-control, .ticket-update-form .form-select { width: 100%; }
.ticket-update-submit { min-height: 38px; white-space: nowrap; }
.ticket-form-errors { grid-column: 1 / -1; }
.ticket-detail-head { display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid #dcc69e; padding-bottom: 12px; }
.ticket-detail-head p { margin: 4px 0 0; color: #28546a; }
.ticket-message { border: 1px solid #d8c49d; border-radius: 8px; padding: 16px; margin: 16px 0; width: fit-content; max-width: 82%; min-width: 0; overflow-wrap: anywhere; background: #eddbb6; }
.ticket-message-owner { margin-left: auto; background: #fff; }
.ticket-message-team { margin-right: auto; }
.ticket-message .ticket-attachment { max-width: 100%; }
.ticket-message .ticket-attachment img { max-width: 100%; }
.back-link { display: inline-block; margin-bottom: 8px; }
@media (max-width: 600px) { .ticket-message { max-width: 94%; padding: 12px; } }
.ticket-message p { white-space: pre-wrap; margin: 8px 0; }
.ticket-message-meta { font-size: .8rem; color: #5d685c; }
.ticket-attachment { display: inline-flex; flex-direction: column; gap: 4px; margin: 6px 10px 0 0; font-size: .8rem; }
.ticket-attachment img { width: 136px; height: 94px; object-fit: cover; border: 1px solid #b7e9f6; border-radius: 4px; }
.ticket-reply { padding-top: 20px; }
.ticket-reply h2 { font-size: 1.1rem; }
.admin-tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid #b7e9f6; margin: 0 0 16px; }
.admin-tabs button { border: 1px solid transparent; border-bottom: 0; background: transparent; color: #483827; padding: 10px 16px; font-weight: 650; }
.admin-tabs button.active { background: #f5fcff; border-color: #b7e9f6; color: #146b3e; }
.admin-tab-panel[hidden] { display: none; }
.admin-table-scroll-active { overflow-y: auto; }
.admin-sortable-table thead th { position: sticky; top: 0; z-index: 1; background: #f8edda; }
.admin-sort-button { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; border: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; text-align: left; padding: 0; }
.admin-sort-button::after { content: '↕'; opacity: .55; }
.admin-sortable-table th[aria-sort='ascending'] .admin-sort-button::after { content: '↑'; opacity: 1; }
.admin-sortable-table th[aria-sort='descending'] .admin-sort-button::after { content: '↓'; opacity: 1; }
.service-requests-card { display: grid; grid-template-columns: minmax(0, 1fr); }
.service-requests-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.service-requests-card .quick-metric-items { width: 100%; }
@media (max-width: 560px) { .service-requests-heading { align-items: flex-start; flex-wrap: wrap; } }
.ticket-photo-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ticket-camera { margin-top: 12px; }
.ticket-camera video { display: block; width: min(100%, 480px); max-height: 360px; background: #202820; margin-bottom: 8px; }
@media (max-width: 1250px) { .ticket-control-bar { grid-template-columns: 1fr; } }
@media (max-width: 850px) { .ticket-update-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ticket-update-reason { grid-column: 1 / -1; } .ticket-update-submit { justify-self: start; } }
@media (max-width: 520px) { .ticket-update-form { grid-template-columns: 1fr; } .ticket-update-reason { grid-column: auto; } }
@media (max-width: 900px) {
.erp-shell { display: block; }
.erp-sidebar, .erp-sidebar-collapsed .erp-sidebar { position: fixed; left: 0; top: 0; width: 248px; height: 100vh; transform: translateX(-100%); transition: transform .2s ease; box-shadow: 12px 0 30px rgba(18, 39, 25, .12); }
.erp-sidebar-open .erp-sidebar { transform: translateX(0); }
.erp-sidebar-open .erp-mobile-scrim { display: block; position: fixed; inset: 0; background: rgba(20, 35, 27, .42); z-index: 19; }
.erp-mobile-toggle { display: grid; }
.erp-sidebar-collapsed .erp-sidebar-brand, .erp-sidebar-collapsed .erp-nav-label, .erp-sidebar-collapsed .erp-nav-children { display: initial; }
.erp-sidebar-collapsed .erp-nav-children { display: flex; }
.erp-sidebar-collapsed .erp-nav-link, .erp-sidebar-collapsed .erp-nav-group > summary, .erp-sidebar-collapsed .erp-nav-section { justify-content: flex-start; padding-inline: 11px; }
.erp-sidebar-collapsed .erp-nav-group > summary::after { display: initial; }
.erp-sidebar-collapsed .erp-sidebar-head { justify-content: space-between; padding: 0 14px 0 20px; }
.erp-topbar-inner { padding-inline: 16px; }
.erp-main-container { padding: 16px 14px 30px; }
.erp-shell .erp-content > footer { z-index: 0; }
}
.phase-overview-panel .overview-chart-card,
.phase-overview-panel .overview-quick-metrics-card {
background: rgba(245, 252, 255, 0.82) !important;
border-color: #b7e9f6 !important;
}
.phase-overview-panel .quick-metric-items div {
background: rgba(219, 243, 250, 0.92);
border-color: #b7e9f6;
}
.setup-preview-card {
display: grid;
grid-template-columns: minmax(260px, 1fr) minmax(220px, 320px);
gap: 18px;
align-items: center;
padding: 18px;
margin-bottom: 18px;
}
.setup-preview-card h2 {
margin: 4px 0 6px;
}
.preview-photo-actions {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
margin-bottom: 12px;
}
.setup-preview-image,
.setup-preview-empty {
width: 100%;
aspect-ratio: 16 / 9;
border: 1px solid #b7e9f6;
border-radius: 12px;
}
.setup-preview-image {
display: block;
object-fit: cover;
}
.setup-preview-empty {
display: grid;
place-items: center;
background: rgba(245, 252, 255, 0.82);
color: #715b3d;
font-weight: 800;
}
.project-preview-image {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
margin: 12px 0 10px;
border: 1px solid #b7e9f6;
border-radius: 10px;
object-fit: cover;
background: #dbf3fa;
}
@media (max-width: 700px) {
.setup-preview-card {
grid-template-columns: 1fr;
}
.preview-photo-actions {
grid-template-columns: 1fr;
}
}
.project-disable-wait[hidden]{display:none}.project-disable-wait{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(35,27,18,.58);padding:20px}.project-disable-wait-panel{width:min(420px,100%);padding:28px;text-align:center;background:#f5fcff;border:1px solid #cdb98b;border-radius:8px;box-shadow:0 18px 48px rgba(35,27,18,.24)}.project-disable-wait-panel h2{margin:14px 0 6px}.project-disable-wait-panel p{margin:0}.project-disable-spinner{width:42px;height:42px;margin:auto;border:4px solid #d9ccb0;border-top-color:#1f7f3e;border-radius:50%;animation:project-disable-spin .8s linear infinite}@keyframes project-disable-spin{to{transform:rotate(360deg)}}body.project-disable-busy{overflow:hidden}
.app-panel{background:#fff;border:1px solid #dfe8e2;border-radius:8px}
.dashboard-hr-panel{background:#f5fcff;border:1px solid #b7e9f6;border-radius:8px;padding:18px 20px;margin:0 0 24px}.dashboard-hr-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}.dashboard-hr-heading h2{font-size:1.35rem;margin:2px 0 0}.dashboard-hr-links{display:flex;flex-wrap:wrap;gap:14px}.dashboard-hr-links a{color:#167c9b;font-weight:700}.dashboard-hr-table{min-width:650px}.dashboard-hr-table th,.dashboard-hr-table td{padding:9px 12px;border-color:#e5d8bf}.dashboard-hr-table thead th{font-size:.8rem;white-space:nowrap;color:#5e594c}.dashboard-hr-table tbody th{font-weight:700}.dashboard-hr-note{display:block;margin-top:10px;color:#28546a}@media(max-width:700px){.dashboard-hr-heading{align-items:flex-start;flex-direction:column}.dashboard-hr-panel{padding:14px}}
.report-dashboard{margin:0 0 24px}.report-header{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.1fr) auto;align-items:end;gap:16px;padding:10px 0 18px}.report-identity h1{font-size:1.7rem;margin:4px 0 0}.report-project-picker label,.report-project-title span{display:block;font-size:.76rem;font-weight:700;color:#28546a;margin-bottom:5px}.report-project-title strong{display:block;font-size:1.05rem}.report-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.report-actions .btn{white-space:nowrap}.report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.report-kpi{display:flex;flex-direction:column;justify-content:space-between;min-height:108px;padding:14px 16px;color:white;border-radius:5px;min-width:0}.report-kpi span{font-size:.78rem;font-weight:700}.report-kpi strong{font-size:1.65rem;line-height:1.2;overflow-wrap:anywhere}.report-kpi small{font-size:.72rem;opacity:.9}.report-kpi-green{background:#1e7748}.report-kpi-blue{background:#247ba4}.report-kpi-amber{background:#ad681f}.report-kpi-ink{background:#33434a}.report-kpi-date{background:#f1c94a;color:#2d2b20}.report-grid{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(300px,1.5fr) minmax(210px,.8fr);gap:12px;align-items:stretch}.report-panel{background:#f5fcff;border:1px solid #b7e9f6;border-radius:8px;padding:17px;min-width:0}.report-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.report-panel-heading h2{font-size:1.15rem;margin:4px 0 0}.report-panel-heading a,.report-location-link{color:#167c9b;font-size:.85rem;font-weight:700;white-space:nowrap}.report-panel-aside{font-size:.72rem;color:#28546a;white-space:nowrap}.report-project-image{display:block;width:100%;height:180px;object-fit:cover;border-radius:5px;background:#e8dec9}.report-project-type{font-size:.88rem;color:#28546a;margin:12px 0}.report-facts{display:grid;gap:8px;margin:14px 0}.report-facts div,.report-health-list div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #dbf3fa;padding-bottom:7px}.report-facts dt,.report-health-list span{font-size:.8rem;color:#28546a}.report-facts dd{margin:0;font-size:.8rem;font-weight:700;text-align:right}.report-progress-list{display:flex;flex-direction:column;gap:18px}.report-progress-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:.8rem}.report-progress-label strong{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-progress-label span{white-space:nowrap;color:#645f55}.report-progress-track{height:15px;background:#eee8da;position:relative;border-radius:3px;overflow:hidden}.report-progress-plan,.report-progress-actual{position:absolute;left:0;top:0;height:100%}.report-progress-plan{background:#b9c9d2}.report-progress-actual{background:#278650;height:65%;top:auto;bottom:0}.report-health-list{display:flex;flex-direction:column;gap:13px}.report-health-list strong{font-size:1rem}.report-empty{color:#28546a;font-size:.9rem;margin:10px 0}.report-empty-state{padding:28px;margin-bottom:12px}.report-updates-panel{margin-top:12px}.report-updates-panel .updates-list{background:transparent;border:0;border-radius:0}.report-updates-panel .update-row{padding:12px 0}.report-updates-panel .update-row:last-child{border:0}@media(max-width:1150px){.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-health-panel{grid-column:1/-1}}@media(max-width:720px){.report-header{grid-template-columns:1fr;align-items:start}.report-actions{justify-content:flex-start}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.report-health-panel{grid-column:auto}}@media(max-width:420px){.report-kpis{grid-template-columns:1fr 1fr}.report-kpi{padding:12px;min-height:96px}.report-kpi strong{font-size:1.35rem}.report-kpi-date{grid-column:1/-1}}
.schedule-editor { max-width: 1200px; margin-top: 1rem; }
.schedule-controls, .schedule-preview, .schedule-levels { background: var(--surface, #f5fcff); border: 1px solid #b7e9f6; border-radius: 6px; padding: 1rem; margin-bottom: 1rem; }
.schedule-control-fields { display: grid; grid-template-columns: minmax(160px, 230px) minmax(240px, 1fr) auto; gap: .75rem; align-items: end; }
.schedule-control-fields label { display: block; margin-bottom: .3rem; }
.schedule-control-fields input { width: 100%; min-height: 38px; }
.schedule-control-fields button { min-height: 38px; }
.schedule-header, .schedule-row { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr); gap: 1rem; align-items: center; }
.schedule-header { padding: .4rem .75rem; border-bottom: 1px solid #b7e9f6; }
.schedule-row { padding: .8rem .75rem; border-bottom: 1px solid #e5d9c1; }
.schedule-row:last-child { border-bottom: 0; }
.schedule-row.schedule-changed { background: #e5f1e9; }
.schedule-title { padding-left: calc(var(--level) * .9rem); display: flex; flex-wrap: wrap; gap: .55rem; min-width: 0; }
.schedule-title span { color: #137345; font-weight: 700; }
.schedule-title strong { overflow-wrap: anywhere; }
.schedule-boundary time { display: block; font-variant-numeric: tabular-nums; }
.schedule-boundary input { width: 100%; accent-color: #167c45; }
.schedule-preview h2 { font-size: 1rem; margin: 0 0 .5rem; }
.schedule-preview p { margin: .3rem 0; }
@media (max-width: 700px) {
.schedule-control-fields { grid-template-columns: 1fr; }
.schedule-header { display: none; }
.schedule-row { grid-template-columns: 1fr 1fr; gap: .5rem; }
.schedule-title { grid-column: 1 / -1; }
}
.timeline-track:has(.timeline-handle) { overflow: visible; }
.timeline-handle { position: absolute; top: 5px; z-index: 2; width: 22px; height: 22px; transform: translateX(-50%); border: 2px solid #167c9b; border-radius: 50%; background: #fff; box-shadow: 0 1px 5px #0003; cursor: ew-resize; touch-action: none; }
.timeline-handle:hover, .timeline-handle:focus-visible { background: #d6eddf; outline: 2px solid #167c9b; outline-offset: 2px; }
.timeline-handle:disabled { display: none; }
.timeline-row-changed .timeline-bar { box-shadow: 0 0 0 2px #167c9b; }
.timeline-preserve,.schedule-preserve { display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 400; color: #315d43; white-space: nowrap; cursor: pointer; }
.timeline-preserve input,.schedule-preserve input { margin: 0; accent-color: #167c9b; }
.schedule-preserve { flex-basis: 100%; }
.timeline-drag-tip { position: absolute; top: -34px; z-index: 5; transform: translateX(-50%); padding: 4px 7px; border-radius: 4px; background: #244b35; color: #fff; font-size: .72rem; font-weight: 600; white-space: nowrap; pointer-events: none; box-shadow: 0 2px 5px #0003; }
.timeline-save-form { margin: 1rem 0 0 208px; padding-top: 1rem; border-top: 1px solid #b7e9f6; }
.timeline-save-form[hidden] { display: none; }
.timeline-save-controls { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.timeline-save-controls input { flex: 1 1 240px; min-height: 38px; }
.timeline-save-form p { margin: .4rem 0 0; }
@media (max-width: 700px) { .timeline-save-form { margin-left: 0; } }
.global-settings-form { max-width: 620px; }
.global-settings-form section label { display: flex; align-items: center; gap: .5rem; margin: .65rem 0; }
.global-settings-form section label:has(+ input) { display: block; }
.global-settings-form input[type="checkbox"] { accent-color: #167c9b; }
.attendance-capture[hidden] { display: none; }
.attendance-capture { margin-top: 1rem; padding: 1rem; background: #f5fcff; border: 1px solid #b7e9f6; border-radius: 6px; max-width: 540px; }
.attendance-capture video,.attendance-capture img { display: block; width: 100%; max-height: 340px; object-fit: contain; background: #171717; margin: .75rem 0; }
.attendance-capture video[hidden],.attendance-capture img[hidden] { display: none; }
.attendance-actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .8rem; }
.budget-panel { margin-top: 0; }
.budget-list { display: grid; gap: .65rem; }
.budget-row { padding: .8rem 1rem; border: 1px solid #d9caa9; border-radius: 12px; background: #f5fcff; }
.budget-row:not(.budget-parent-row) { background: #f5fcff; }
.budget-row-heading { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: .55rem; }
.budget-row-heading span { color: #28546a; font-size: .85rem; }
.budget-row-controls { display: grid; grid-template-columns: minmax(140px, 1fr) 190px 140px; gap: .75rem; align-items: center; }
.budget-slider { width: 100%; accent-color: #1d7840; }
.budget-row-controls label { display: flex; align-items: center; gap: .3rem; white-space: nowrap; }
.budget-amount { width: 100%; padding: .35rem .5rem; border: 1px solid #cbb992; border-radius: 6px; background: #fff; }
.budget-share { text-align: right; color: #445046; font-size: .85rem; }
.budget-rollup { display: block; margin-top: .35rem; color: #28546a; }
.budget-row.budget-overrun { border-color: #c93535; background: #fff0ed; }
.budget-node { margin: .1rem 0; border: 1px solid #b7e9f6; border-radius: 12px; background: #eef6eb; }
.budget-node-summary { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; cursor: pointer; padding: .85rem 1rem; }
.budget-node-summary strong { flex: 1 1 230px; }
.budget-summary-amount { font-weight: 700; color: #167c9b; }
.budget-summary-share { color: #28546a; font-size: .85rem; }
.budget-summary-status { color: #28546a; }
.budget-node-content { display: grid; gap: .65rem; padding: 0 .65rem .65rem; }
.budget-node-content > .budget-parent-row { border-color: #b7e9f6; background: #f5faf3; }
.budget-node-summary:hover { background: #e4f0e0; }
.budget-node.budget-focused { box-shadow: 0 0 0 3px #2b874c; }
.budget-row.budget-cause-highlight,.budget-node:has(> .budget-node-content > .budget-cause-highlight) > .budget-node-summary { background: #ffe9e6; border-color: #de8b84; }
.budget-row.budget-cause-highlight .budget-row-heading strong { color: #a72424; }
.budget-warning-list small { display: block; margin-top: .25rem; color: #a72424; }
.budget-history-dialog { width: min(960px, calc(100vw - 2rem)); max-height: min(75vh, 780px); border: 1px solid #ceb88e; border-radius: 14px; padding: 1rem; background: #f5fcff; color: #33291e; box-shadow: 0 20px 60px #0005; }
.budget-history-dialog::backdrop { background: #19180fcc; }
.budget-history-heading { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.budget-history-scroll { max-height: 60vh; overflow: auto; }
.budget-history-scroll th { position: sticky; top: 0; background: #dbf3fa; }
.budget-node.budget-overrun { border-color: #c93535; background: #fff0ed; }
.budget-node.budget-overrun > .budget-node-summary .budget-summary-amount,.budget-node.budget-overrun > .budget-node-summary .budget-summary-status { color: #ac2525; }
.budget-fact-overrun { border: 1px solid #c93535; border-radius: 8px; background: #fff0ed; color: #a72424; padding: .45rem .6rem; }
.budget-row.budget-overrun .budget-rollup, .budget-row.budget-overrun .budget-share { color: #ac2525; font-weight: 700; }
.budget-warning-list, .dashboard-budget-alert { border: 1px solid #c93535; border-radius: 10px; background: #fff0ed; color: #8c1919; padding: .9rem 1rem; margin-bottom: 1rem; }
.budget-warning-list p, .dashboard-budget-alert p { margin: .4rem 0 0; }
.budget-save { margin-top: 1rem; }
.budget-save label { display: block; margin-bottom: .3rem; }
@media (max-width: 720px) { .budget-row-controls { grid-template-columns: 1fr 1fr; } .budget-slider { grid-column: 1 / -1; } .budget-share { text-align: left; } }
.dashboard-update-gallery{border:1px solid #dfd0b5;border-radius:9px;overflow:hidden;background:#f6ead2}
.dashboard-update-gallery-heading{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;font-size:.8rem;color:#3c4e32}
.dashboard-update-stage{position:relative;display:flex;align-items:center;justify-content:center;height:210px;background:#182720}
.dashboard-update-stage img{max-width:100%;max-height:100%;object-fit:contain}
.dashboard-update-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1;border:0;border-radius:50%;background:#f5fcffeb;color:#175b37;width:32px;height:32px;font-size:1.5rem;line-height:1;cursor:pointer}
#dashboard-update-previous{left:8px}#dashboard-update-next{right:8px}
.dashboard-update-caption{display:grid;gap:3px;padding:10px 11px;font-size:.82rem}
.dashboard-update-caption small{color:#716957}.dashboard-update-caption p{margin:4px 0;max-height:3.6em;overflow:auto}.dashboard-update-caption a{color:#167c9b;font-weight:700}
.crm-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.crm-kpis>div{display:grid;gap:6px;padding:14px;background:#f5fcff;border:1px solid #b7e9f6;border-radius:9px}.crm-kpis small{color:#28546a}.crm-kpis strong{font-size:1.15rem;overflow-wrap:anywhere}.crm-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.crm-flow h2{font-size:1.1rem}.crm-form{display:grid;gap:10px;margin:12px 0 20px}.crm-form label{display:grid;gap:4px;font-size:.86rem}.crm-form button{justify-self:start}.crm-flow .table{font-size:.82rem}@media(max-width:950px){.crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-flow{grid-template-columns:1fr}}
.budget-inflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.budget-inflow>div{display:grid;gap:4px;background:#f5fcff;border:1px solid #b7e9f6;border-radius:8px;padding:10px}.budget-inflow small{color:#28546a}.budget-inflow strong{overflow-wrap:anywhere}@media(max-width:700px){.budget-inflow{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crm-marketing-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.crm-marketing-form label{display:grid;gap:4px;font-size:.86rem}.crm-marketing-form .crm-estimate-check{display:flex;align-items:center;gap:6px}.crm-marketing-form button{align-self:end;justify-self:start}.crm-reach-form{display:flex;align-items:center;gap:5px;margin-top:5px}.crm-reach-form input[type=number]{min-width:90px;width:100px}.crm-reach-form label{display:flex;gap:3px;font-size:.76rem;white-space:nowrap}@media(max-width:850px){.crm-marketing-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.crm-marketing-form{grid-template-columns:1fr}}
.crm-dashboard-grid .report-progress-panel{grid-column:1/-1}.report-crm-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-crm-totals>div{display:grid;padding:9px;background:#f7ead4;border-radius:6px}.report-crm-totals small{font-size:.72rem;color:#28546a}.report-crm-totals strong{font-size:.95rem;overflow-wrap:anywhere}.report-crm-list{display:grid;gap:7px;margin:14px 0}.report-crm-list>div{display:grid;border-bottom:1px solid #dbf3fa;padding-bottom:6px;font-size:.79rem}.report-crm-list span{color:#28546a}.report-crm-panel>a{color:#167c9b;font-size:.8rem}@media(max-width:1150px){.crm-dashboard-grid .report-progress-panel{grid-column:1/-1}.crm-dashboard-grid .report-health-panel{grid-column:auto}}@media(max-width:720px){.crm-dashboard-grid .report-progress-panel{grid-column:auto}}
.dashboard-arrange-hint{margin:4px 0 10px;color:#28546a;font-size:.78rem}.dashboard-panel-controls{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none}.dashboard-panel-handle,.dashboard-panel-move{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #b7e9f6;border-radius:5px;background:#f5fcff;color:#167c9b;font-size:1rem;line-height:1}.dashboard-panel-handle{cursor:grab;user-select:none}.dashboard-panel-handle:active{cursor:grabbing}.dashboard-panel-move:hover,.dashboard-panel-move:focus-visible{background:#dbf3fa;outline:2px solid #167c9b;outline-offset:1px}.dashboard-panel-dragging{opacity:.55}.dashboard-panel-drop-target{outline:3px dashed #26743a;outline-offset:3px}.report-panel-heading:has(.dashboard-panel-controls){flex-wrap:wrap}.report-panel-heading:has(.dashboard-panel-controls)>a,.report-panel-heading:has(.dashboard-panel-controls)>.report-panel-aside{margin-left:auto}.report-panel-heading:has(.dashboard-panel-controls) .dashboard-panel-controls{order:3}
.report-grid#dashboard-panel-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.report-grid#dashboard-panel-grid>[data-dashboard-panel]{grid-column:span var(--dashboard-panel-span,6)}.dashboard-panel-width{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #b7e9f6;border-radius:5px;background:#f5fcff;color:#167c9b;font-size:1rem;line-height:1}.dashboard-panel-width:hover,.dashboard-panel-width:focus-visible{background:#dbf3fa;outline:2px solid #167c9b;outline-offset:1px}.dashboard-layout-locked .dashboard-panel-handle,.dashboard-layout-locked .dashboard-panel-move,.dashboard-layout-locked .dashboard-panel-width{opacity:.42;cursor:default}.dashboard-layout-lock{display:inline-flex;align-items:center;justify-content:center;gap:6px}.dashboard-layout-lock img{width:20px;height:20px;object-fit:contain}.dashboard-layout-lock[aria-pressed="true"]{background:#167c9b;color:#fff}.dashboard-layout-lock[aria-pressed="true"] img{filter:invert(1)}@media(max-width:1150px){.report-grid#dashboard-panel-grid>[data-dashboard-panel][data-dashboard-width="4"]{grid-column:span 6}}@media(max-width:720px){.report-grid#dashboard-panel-grid>[data-dashboard-panel]{grid-column:1/-1}}
.password-visibility-toggle{background:#fff;color:#5f655f;border-color:#cbbd9e}.password-visibility-toggle:hover,.password-visibility-toggle:focus-visible{background:#fff;color:#167c9b;border-color:#167c9b}.dashboard-layout-lock{width:38px;height:38px;padding:7px;flex:none}.dashboard-layout-lock img{width:18px;height:18px}
.crm-flow.crm-tab-content{display:block}.crm-tab-content>.app-panel{min-height:280px}.crm-tab-content .crm-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.crm-tab-content .crm-form button{grid-column:1/-1}.crm-tab-content .table{min-width:560px}.crm-tabs{margin-top:16px}@media(max-width:700px){.crm-tab-content .crm-form{grid-template-columns:1fr}}
.crm-payment-method{border:0;padding:0;margin:0;min-width:0}.crm-payment-method legend{float:none;width:auto;font-size:.95rem;margin-bottom:8px}.crm-payment-options{display:flex;flex-wrap:wrap;align-items:center;column-gap:24px;row-gap:10px}.crm-form .crm-payment-options label,.crm-form label.crm-receipt-option{display:inline-flex;align-items:center;gap:7px;width:auto;margin:0;font-size:.9rem;cursor:pointer}.crm-payment-options input[type=radio],.crm-receipt-option input[type=checkbox]{width:auto;margin:0;flex:none}