/* Purpose-built law and architecture work surfaces, scaled inside the 4:3 showcase. */
.la-app { --la-ink:#252b34;--la-muted:#737d8a;--la-rule:#e7eaf0;--la-blue:#2476d5; color:var(--la-ink); background:#fff; }
.la-app .la-header { flex:none; height:64px; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--la-rule); background:#fff; }
.la-app .la-eyebrow { display:block; color:#89929e; font-size:.76em; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:3px; }
.la-app .la-header h2 { margin:0; font-size:1.65em; font-weight:680; letter-spacing:-.047em; line-height:1.1; }
.la-app .la-header-tag { color:#657181; background:#f3f5f8; border:1px solid #e6eaf0; border-radius:100px; font-size:.73em; font-weight:700; letter-spacing:.045em; padding:6px 9px; white-space:nowrap; }
.la-app .la-section-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:15px; }
.la-app .la-section-heading strong { font-size:1.07em; font-weight:650; letter-spacing:-.018em; }
.la-app .la-section-heading span { color:#969fa9; font-size:.83em; }
.la-app .la-status { display:inline-flex; align-items:center; gap:5px; color:#25804a; background:#eaf7ee; border-radius:100px; font-size:.8em; font-weight:650; padding:5px 8px; white-space:nowrap; }
.la-app .la-status i { width:6px; height:6px; border-radius:50%; background:#29a458; }
.la-app .la-status.is-warning { color:#a16a22; background:#fff2df; }
.la-app .la-status.is-warning i { background:#e49b39; }
.la-app .la-wait { display:flex; flex-direction:column; justify-content:center; gap:8px; min-height:150px; color:#74808d; }
.la-app .la-wait strong { color:#4d5865; font-size:1.2em; line-height:1.25; }
.la-app .la-wait p { max-width:25em; margin:0; color:#909aa6; font-size:.91em; line-height:1.5; }
.la-app .la-wait .ua-loading { margin-top:5px; }
.la-app .ua-submit { margin-top:13px; }
.la-app .ua-download { margin-top:13px; }
.la-app .wf-error { margin:8px 0 0!important; padding:6px 8px; }
.la-app .ua-check { min-height:32px; padding:5px 8px; }
.la-app .ua-check input { position:static; inset:auto; opacity:1; width:16px; height:16px; margin:0; z-index:auto; flex:none; order:2; }
.la-app .ua-field:has(input:focus-visible),.la-app .ua-field:has(select:focus-visible) { outline:2px solid #8ebcf3; outline-offset:2px; border-radius:8px; }
.la-app .ua-field:has(.is-demo-focused) { outline:2px solid #a0c9f8; outline-offset:2px; border-radius:8px; }

/* Matter Billing: a time ledger beside the actual draft bill. */
.la-prebill .la-prebill-main { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); background:#fff; }
.la-prebill .la-ledger { min-width:0; padding:18px 18px 20px; border-right:1px solid var(--la-rule); display:flex; flex-direction:column; }
.la-prebill .la-ledger-table { border:1px solid #e7e9ed; border-radius:10px; overflow:hidden; background:#fff; }
.la-prebill .la-ledger-table > div { display:grid; grid-template-columns:minmax(0,1fr) 70px 62px; align-items:center; gap:8px; padding:9px 10px; border-top:1px solid #eff0f2; font-size:.88em; }
.la-prebill .la-ledger-table > div:first-child { border-top:0; }
.la-prebill .la-ledger-table .la-ledger-head { background:#f8f9fb; color:#969ca5; font-size:.73em; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.la-prebill .la-ledger-table span:nth-child(n+2),.la-prebill .la-ledger-table b { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.la-prebill .la-ledger-table b { font-weight:600; }
.la-prebill .la-ledger-note { display:flex; align-items:center; gap:8px; margin:11px 0 13px; color:#8e6530; background:#fff8ed; padding:8px 9px; border-radius:8px; font-size:.83em; }
.la-prebill .la-note-dot { width:6px;height:6px;border-radius:50%;background:#e5a24b;flex:none; }
.la-prebill .la-review-route { margin-top:21px; border-top:1px solid #e8ecf0; padding-top:12px; }
.la-prebill .la-review-route > span { color:#9aa3ad; font-size:.73em; font-weight:750; letter-spacing:.08em; }
.la-prebill .la-review-route > div { display:flex; align-items:center; gap:8px; padding:7px 0; border-bottom:1px solid #f0f2f5; font-size:.83em; color:#697784; }
.la-prebill .la-review-route i { width:7px; height:7px; border-radius:50%; background:#d5dce3; flex:none; }
.la-prebill .la-review-route i.is-current { background:#e6a04c; }
.la-prebill .la-review-route b { margin-left:auto; color:#72808d; font-size:.88em; font-weight:600; }
.la-prebill .la-prebill-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.la-prebill .la-prebill-fields .ua-check { grid-column:1/-1; }
.la-prebill .la-bill-preview { background:#f5f7fa; padding:19px 20px; display:flex; flex-direction:column; min-width:0; }
.la-prebill .la-preview-top { display:flex; justify-content:space-between; color:#8794a2; font-size:.73em; font-weight:700; letter-spacing:.05em; }
.la-prebill .la-preview-client { font-size:1.55em; font-weight:680; letter-spacing:-.03em; margin:22px 0 17px; }
.la-prebill .la-preview-client small { display:block; font-size:.54em; font-weight:400; color:#8793a0; letter-spacing:0; margin-top:5px; }
.la-prebill .la-bill-total { border-top:1px solid #dfe5ec; border-bottom:1px solid #dfe5ec; padding:13px 0; display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.la-prebill .la-bill-total span { color:#6c7784; font-size:.87em; }
.la-prebill .la-bill-total strong { font-size:2.15em; letter-spacing:-.055em; font-variant-numeric:tabular-nums; }
.la-prebill .la-bill-state { margin-top:11px; }
.la-prebill .la-bill-state p { color:#7f8b98; font-size:.84em; margin:7px 0 0; line-height:1.35; }
.la-prebill .la-bill-breakdown { margin-top:14px; }
.la-prebill .la-bill-breakdown > div { display:flex; justify-content:space-between; gap:8px; padding:5px 0; border-bottom:1px solid #e4e9ef; font-size:.82em; }
.la-prebill .la-bill-breakdown span { color:#82909d; }
.la-prebill .la-bill-breakdown b { font-weight:600; text-align:right; }
.la-prebill .la-bill-hold { display:flex; align-items:flex-start; gap:9px; border-radius:9px; background:#fff5e7; border:1px solid #f4e6d3; padding:11px; margin-top:17px; }
.la-prebill .la-bill-hold i { background:#e5a04c; width:8px; height:8px; border-radius:50%; margin-top:3px; flex:none; }
.la-prebill .la-bill-hold strong { display:block; color:#846033; font-size:.91em; }
.la-prebill .la-bill-hold span { display:block; color:#a48560; font-size:.77em; margin-top:3px; }
.la-prebill .la-bill-review-path { margin-top:24px; }
.la-prebill .la-bill-review-path > span { display:block; color:#a0abb6; font-size:.73em; font-weight:750; letter-spacing:.08em; margin-bottom:4px; }
.la-prebill .la-bill-review-path > div { display:flex; align-items:center; gap:10px; border-bottom:1px solid #e6ebf1; padding:7px 0; font-size:.82em; color:#647281; }
.la-prebill .la-bill-review-path b { color:#aab6c1; font-size:.78em; }
.la-prebill .la-bill-review-path strong { margin-left:auto; color:#6f7d8b; font-weight:610; font-size:.85em; }
.la-prebill .la-preview-foot { color:#9ba5b0; border-top:1px solid #e5e9ef; padding-top:9px; margin-top:auto; font-size:.73em; }

/* Guideline Review: edit an entry and inspect each client-specific rule. */
.la-guidelines .la-guideline-main { display:grid; grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr); background:#f7f8fa; }
.la-guidelines .la-entry-sheet { margin:18px; background:#fff; border:1px solid #e5e8ee; border-radius:13px; padding:17px; box-shadow:0 6px 18px #202a3a08; display:flex; flex-direction:column; min-width:0; }
.la-guidelines .la-entry-meta { display:flex; align-items:center; gap:8px; padding:10px 0 14px; border-top:1px solid var(--la-rule); }
.la-guidelines .la-avatar { display:grid; place-items:center; width:28px;height:28px;border-radius:50%;background:#dae4f3;color:#4a6380;font-weight:700;font-size:.82em;flex:none; }
.la-guidelines .la-entry-meta > span:nth-child(2) { color:#424d5a; font-weight:600; line-height:1.2; }
.la-guidelines .la-entry-meta small { display:block; color:#9aa4ae; font-weight:400; font-size:.83em; margin-top:3px; }
.la-guidelines .la-entry-billable { margin-left:auto; color:#287b54; background:#eaf7ef; border-radius:100px; padding:3px 7px; font-size:.74em; }
.la-guidelines .la-entry-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.la-guidelines .la-entry-fields .ua-text,.la-guidelines .la-entry-fields .ua-check { grid-column:1/-1; }
.la-guidelines .la-entry-footer { display:flex; justify-content:space-between; color:#929ba6; border-top:1px solid var(--la-rule); margin-top:13px; padding-top:10px; font-size:.83em; }
.la-guidelines .la-entry-footer strong { color:#455365; }
.la-guidelines .la-guideline-output { margin:18px 18px 18px 0; background:#fff; border:1px solid #e5e8ee; border-radius:13px; padding:17px; min-width:0; }
.la-guidelines .la-check-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; color:#728092; font-size:.76em; font-weight:700; letter-spacing:.075em; }
.la-guidelines .la-check-header small { color:#a3abb4; font-size:1em; letter-spacing:0; }
.la-guidelines .la-rule-list { display:flex; flex-direction:column; gap:8px; }
.la-guidelines .la-rule { display:flex; align-items:center; gap:9px; background:#f5f8f7; border:1px solid #e8efec; border-radius:8px; padding:9px 10px; }
.la-guidelines .la-rule > span { display:grid; place-items:center; width:18px;height:18px;border-radius:50%;background:#dff2e6;color:#258653;font-weight:700;flex:none; }
.la-guidelines .la-rule strong { font-size:.88em; font-weight:560; flex:1; }
.la-guidelines .la-rule em { font-size:.75em; color:#43835d; font-style:normal; }
.la-guidelines .la-rule.is-fail { background:#fff7f0; border-color:#fae9d4; }
.la-guidelines .la-rule.is-fail > span { background:#ffebd5; color:#a06b25; }
.la-guidelines .la-rule.is-fail em { color:#a7773b; }
.la-guidelines .la-rules-idle { border:1px dashed #dce3eb; border-radius:10px; background:#fafbfd; padding:21px 14px; display:grid; grid-template-columns:24px 1fr; gap:11px 8px; color:#a0a9b5; font-size:.88em; font-weight:600; letter-spacing:.07em; }
.la-guidelines .la-rules-idle span:nth-child(odd) { color:#c6d0db; }
.la-guidelines .la-guideline-verdict { border-top:1px solid var(--la-rule); margin-top:16px; padding-top:14px; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.la-guidelines .la-guideline-verdict strong { font-size:1.1em; }
.la-guidelines .la-guideline-verdict p { margin:0;color:#798492;font-size:.86em;line-height:1.35; }
.la-guidelines .la-guideline-verdict > div { display:flex;justify-content:space-between;width:100%;padding-top:7px;font-size:.9em; }
.la-guidelines .la-guideline-pending {border-top:1px solid #e9edf2;margin-top:17px;padding-top:14px;}
.la-guidelines .la-guideline-pending>div {display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f4;font-size:.84em;}
.la-guidelines .la-guideline-pending>div b {color:#abb6c1;font-size:.77em;}.la-guidelines .la-guideline-pending>div span {color:#73808e;flex:1;}.la-guidelines .la-guideline-pending>div strong {font-weight:600;color:#465461;}
.la-guidelines .la-guideline-pending p {color:#9ba5ae;font-size:.83em;line-height:1.4;margin:12px 0 0;}

/* Receivables Desk: invoice history and accountable commitment. */
.la-collections .la-collections-main { display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);background:#f8f9fa; }
.la-collections .la-invoice-rail { background:#253543;color:white;padding:20px 20px 22px;min-width:0; }
.la-collections .la-invoice-amount span { color:#b8c9d9;font-size:.8em;font-weight:600; }
.la-collections .la-invoice-amount strong { display:block;font-size:2.8em;letter-spacing:-.055em;margin:4px 0; font-variant-numeric:tabular-nums; }
.la-collections .la-invoice-amount small {color:#b0c1d0;font-size:.8em; }
.la-collections .la-event-line { margin:27px 0 16px 5px;border-left:1px solid #5e7183; }
.la-collections .la-event-line > div { display:flex;gap:12px;position:relative;padding:0 0 24px 15px; }
.la-collections .la-event-line > div:last-child {padding-bottom:2px; }
.la-collections .la-event-line i {position:absolute;left:-5px;top:2px;width:9px;height:9px;border-radius:50%;background:#f0b15d;border:2px solid #253543;box-shadow:0 0 0 1px #e1a758; }
.la-collections .la-event-line i.is-done {background:#78b8e7;box-shadow:0 0 0 1px #83c5f2; }
.la-collections .la-event-line span {font-size:.91em;font-weight:550; }
.la-collections .la-event-line small {display:block;color:#91a8ba;font-size:.84em;font-weight:400;margin-top:3px; }
.la-collections .la-query-flag { background:#405265;border:1px solid #526980;border-radius:8px;color:#d7e2eb;padding:9px;font-size:.79em; }
.la-collections .la-collection-editor {padding:17px 19px;display:flex;flex-direction:column;min-width:0; }
.la-collections .la-collection-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.la-collections .la-collection-fields .ua-check {grid-column:1/-1; }
.la-collections .la-collection-output {margin-top:16px; }
.la-collections .la-promise-card {background:white;border:1px solid #e3e9ef;border-radius:12px;padding:15px 16px;box-shadow:0 7px 19px #22334408; }
.la-collections .la-promise-card>.ua-output-kicker {margin-top:10px; }
.la-collections .la-promise-card>strong {display:block;font-size:2.25em;font-weight:680;letter-spacing:-.055em;margin:1px 0 8px; }
.la-collections .la-promise-meta {display:flex;gap:25px;color:#919ca7;font-size:.82em; }
.la-collections .la-promise-meta b {color:#3e4d5d;font-size:1.08em; }
.la-collections .la-promise-balance {display:flex;justify-content:space-between;border-top:1px solid #e9edf2;margin-top:11px;padding-top:8px;font-size:.85em;color:#8694a1; }
.la-collections .la-promise-balance b {color:#3f5061; }
.la-collections .la-promise-card p {margin:7px 0 0;color:#8995a0;font-size:.8em; }

/* Revision Register: real drawing context and a priced additional-service note. */
.la-architecture { --la-blue:#276fbd; }
.la-change .la-change-main {display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);background:#f5f7fa;}
.la-change .la-plan-stage {padding:16px 18px;background:#eef4fa;display:flex;flex-direction:column;min-width:0;border-right:1px solid #d9e4ed;}
.la-change .la-plan-toolbar {display:flex;justify-content:space-between;align-items:center;color:#657b91;font-size:.76em;font-weight:700;letter-spacing:.07em; }
.la-change .la-revision-pill {color:#266bbc;background:#dceaff;border-radius:100px;padding:5px 9px;letter-spacing:0; }
.la-change .la-floor-plan {display:block;width:100%;max-height:330px;flex:1;filter:drop-shadow(0 8px 16px #315c7d18);}
.la-change .la-plan-legend {display:flex;justify-content:space-between;gap:8px;align-items:center;color:#7c8fa2;font-size:.78em; }
.la-change .la-plan-legend i {display:inline-block;width:8px;height:8px;border:2px solid #2677ce;background:#dceafe;margin-right:4px;vertical-align:-1px; }
.la-change .la-change-inspector {padding:15px 17px;display:flex;flex-direction:column;min-width:0;overflow:auto;}
.la-change .la-change-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.la-change .la-change-fields .ua-check {grid-column:1/-1; }
.la-change .la-change-output {margin-top:15px; }
.la-change .la-change-result {border-top:1px solid #e4e9ef;padding-top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px; }
.la-change .la-change-result>strong {font-size:2.3em;letter-spacing:-.055em;line-height:1; }
.la-change .la-change-result>p {margin:0;color:#83909d;font-size:.8em;line-height:1.35; }
.la-change .la-change-result-lines {width:100%;margin-top:5px; }
.la-change .la-change-result-lines>div {display:flex;justify-content:space-between;border-top:1px solid #e9edf1;padding:5px 0;font-size:.81em; }
.la-change .la-change-result-lines span {color:#83909d; }

/* Cost Plan Studio: material specimens and a budget comparison. */
.la-budget .la-budget-main {display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);background:#f8fafb;}
.la-budget .la-materials {padding:18px;min-width:0;border-right:1px solid var(--la-rule);display:flex;flex-direction:column;}
.la-budget .la-specimen-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:17px;}
.la-budget .la-specimen {background:#fff;border:1px solid #e1e5e9;border-radius:10px;padding:5px;overflow:hidden;}
.la-budget .la-specimen.is-picked {border-color:#62a0e4;box-shadow:0 0 0 2px #2476d51a;}
.la-budget .la-specimen>div {height:83px;border-radius:7px;position:relative;overflow:hidden;}
.la-budget .la-specimen>span {display:block;font-size:.78em;font-weight:600;margin:7px 3px 4px;line-height:1.2;white-space:nowrap;}
.la-budget .la-specimen small {display:block;color:#9ba5b1;font-size:.85em;font-weight:400;margin-top:3px;}
.la-budget .la-stone>div {background:repeating-linear-gradient(116deg,#bdbbb5 0 2px,#d0cec8 2px 12px,#c9c6bd 12px 15px,#e1ded6 15px 25px);}
.la-budget .la-stone>div:after {content:'';position:absolute;inset:0;background:linear-gradient(25deg,transparent 44%,#a9a59d 45%,transparent 46%),linear-gradient(141deg,transparent 51%,#a8a39b 52%,transparent 53%);opacity:.55;}
.la-budget .la-ceramic>div {background:repeating-linear-gradient(90deg,#9b9187 0 2px,#e2d7c8 2px 26px,#bdb1a3 26px 28px,#e2d7c8 28px 55px);}
.la-budget .la-metal>div {background:repeating-linear-gradient(90deg,#7f8e94 0 2px,#b6c1c4 2px 20px,#edf0ef 20px 22px,#adbbbe 22px 44px);}
.la-budget:has(select[data-field="material"] option[value="stone"]:checked) .la-stone,.la-budget:has(select[data-field="material"] option[value="ceramic"]:checked) .la-ceramic,.la-budget:has(select[data-field="material"] option[value="metal"]:checked) .la-metal {border-color:#62a0e4;box-shadow:0 0 0 2px #2476d51a;}
.la-budget .la-budget-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.la-budget .la-budget-fields .ua-select {grid-column:1/-1;}
.la-budget .la-budget-output {padding:18px 18px 18px 19px;min-width:0;}
.la-budget .la-cost-forecast {background:#fff;border:1px solid #e4e9ee;border-radius:12px;padding:16px;box-shadow:0 8px 22px #1c2f4107;}
.la-budget .la-cost-total {display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:2.05em;font-weight:690;letter-spacing:-.05em;margin:5px 0 23px;white-space:nowrap;}
.la-budget .la-cost-total .la-status {font-size:.34em;letter-spacing:0;}
.la-budget .la-cost-bars>div:not(.la-budget-line) {display:grid;grid-template-columns:1fr auto;gap:5px 8px;margin:0 0 14px;font-size:.85em;}
.la-budget .la-cost-bars span {color:#75818d;}
.la-budget .la-cost-bars i {grid-column:1/-1;grid-row:2;height:10px;border-radius:100px;background:#e9eef3;overflow:hidden;display:block;}
.la-budget .la-cost-bars i>b {display:block;height:100%;background:#adb9c5;border-radius:100px;}
.la-budget .la-cost-bars>div:nth-child(2) i>b {background:#3386df;}
.la-budget .la-cost-bars strong {font-weight:620;}
.la-budget .la-budget-line {display:flex;justify-content:space-between;padding-top:9px;border-top:1px dashed #b6c5d2;color:#406c98;font-size:.86em;}
.la-budget .la-cost-forecast p {color:#697a8a;font-size:.86em;line-height:1.4;margin:16px 0 0;}
.la-budget .la-cost-pending {display:flex;flex-direction:column;gap:5px;border-top:1px solid #e9edf2;margin-top:22px;padding-top:14px;color:#52687b;font-size:.86em;}
.la-budget .la-cost-pending b {font-weight:650;}.la-budget .la-cost-pending small {color:#919eaa;line-height:1.4;margin-top:4px;}

/* Phase Planner: resource rows, phase progression and a cost-to-finish forecast. */
.la-phase .la-phase-main {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);background:#fff;}
.la-phase .la-phase-schedule {padding:17px 19px;border-right:1px solid var(--la-rule);min-width:0;display:flex;flex-direction:column;}
.la-phase .la-phase-track {display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:16px;}
.la-phase .la-phase-track>span {border-top:3px solid #e3e9ee;padding-top:7px;color:#9ea7b0;font-size:.76em;font-weight:650;white-space:nowrap;}
.la-phase .la-phase-track b {display:block;font-weight:500;margin-top:3px;white-space:normal;}
.la-phase .la-phase-track .is-complete {border-color:#6eacdf;color:#6a8bac;}
.la-phase .la-phase-track .is-current {border-color:#277ccf;color:#266bb2;}
.la-phase .la-phase-resource {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf0f3;}
.la-phase .la-resource-label {display:flex;align-items:center;gap:8px;min-width:0;}
.la-phase .la-resource-icon {width:27px;height:27px;border-radius:8px;background:#ecf4fb;color:#447bb0;display:grid;place-items:center;font-size:1.25em;flex:none;}
.la-phase .la-resource-label strong {font-size:.91em;font-weight:610;display:block;}
.la-phase .la-resource-label small {color:#9ba5b0;font-size:.75em;display:block;margin-top:2px;}
.la-phase .la-phase-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.la-phase .la-phase-resource .ua-field-label {font-size:.74em;}
.la-phase .la-phase-resource.is-available {background:#f8fbfe;margin:0 -8px;padding:8px;border-radius:9px;border:1px solid #e5edf5;}
.la-phase .ua-submit {margin-top:12px;}
.la-phase .la-phase-output {padding:20px 18px;min-width:0;background:#f8fafc;}
.la-phase .la-phase-forecast {border:1px solid #e0e7ee;background:white;border-radius:12px;padding:16px;box-shadow:0 8px 20px #1c2e4406;}
.la-phase .la-phase-forecast-top {display:flex;align-items:center;justify-content:space-between;gap:5px;}
.la-phase .la-phase-forecast>strong {display:block;font-size:2.45em;letter-spacing:-.055em;margin:7px 0 17px;}
.la-phase .la-phase-meter {height:14px;background:#e7edf3;border-radius:100px;overflow:hidden;display:flex;}
.la-phase .la-phase-meter i {height:100%;background:#267dcc;}
.la-phase .la-phase-meter b {height:100%;background:#8bb5d8;}
.la-phase .la-phase-legend {display:flex;justify-content:space-between;gap:10px;margin:8px 0 17px;color:#8593a0;font-size:.76em;}
.la-phase .la-phase-legend i {display:inline-block;width:6px;height:6px;border-radius:50%;background:#267dcc;margin-right:4px;vertical-align:1px;}
.la-phase .la-phase-legend span:nth-child(2) i {background:#8bb5d8;}
.la-phase .la-phase-balance {display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #e9edf1;color:#7b8794;font-size:.88em;}
.la-phase .la-phase-balance b {color:#34485d;}
.la-phase .la-phase-callout {border-radius:8px;background:#eaf7ef;color:#2a7449;padding:9px 10px;font-weight:560;font-size:.83em;line-height:1.35;}
.la-phase .la-phase-callout.is-warning {background:#fff4e7;color:#9e6927;}
.la-phase .la-phase-input-list {margin:19px 0 15px;}.la-phase .la-phase-input-list>div {display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f4;color:#7b8794;font-size:.86em;}.la-phase .la-phase-input-list b {color:#374b5d;font-weight:640;}

@container (max-width:650px) {
  .la-app .la-header {height:56px;padding:8px 14px;}
  .la-prebill .la-ledger,.la-guidelines .la-entry-sheet,.la-collections .la-collection-editor,.la-change .la-change-inspector,.la-budget .la-materials,.la-phase .la-phase-schedule {padding:12px;}
  .la-prebill .la-bill-preview,.la-budget .la-budget-output,.la-phase .la-phase-output {padding:12px;}
  .la-guidelines .la-entry-sheet {margin:12px;}
  .la-guidelines .la-guideline-output {margin:12px 12px 12px 0;padding:12px;}
  .la-budget .la-specimen>div {height:60px;}
}