#financeDashboard { --board-ink:#182c30; --board-green:#255c50; --board-orange:#ff6900; color:var(--board-ink); padding-bottom:24px; }
.board-toolbar,.board-toolbar>div { display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap; }
.board-toolbar { margin:4px 0 20px;font-size:11px;letter-spacing:.07em;color:#526469; }
.board-toolbar b { color:#ff6900;margin:0 8px; }
.board-toolbar button,.board-table button { background:white;border:1px solid #dce3e2;border-radius:9px;padding:10px 15px;color:#254c42;font:inherit;cursor:pointer; }
.board-toolbar #financePresent { background:#173f36;color:white;border-color:#173f36; }
.board-hero { background:linear-gradient(115deg,#122e2b,#255848);color:#fff;border-radius:22px;padding:38px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;position:relative;overflow:hidden; }
.board-hero::after { content:'';position:absolute;right:-90px;top:-120px;width:420px;height:420px;border:1px solid #ffffff18;border-radius:50%;pointer-events:none; }
.board-hero p { color:#b8cbbd;font-size:10px;letter-spacing:.18em;margin:0 0 16px; }
.board-hero h2 { font-size:clamp(24px,2.7vw,40px);line-height:1.25;letter-spacing:-.035em;margin:0 0 16px;font-weight:600; }
.board-hero>div>span { font-size:12px;color:#d7e4dc; }
.board-hero-total { border-left:1px solid #ffffff30;padding-left:34px;display:flex;flex-direction:column;gap:12px;z-index:1; }
.board-hero-total strong { font-size:clamp(26px,3.3vw,48px);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere; }
.board-hero-total small { color:#bbcfc0;font-size:11px; }
.board-filters { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:22px 0; }
.board-filters label { display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:500; }
.board-filters select { width:100%;min-width:0;background:white;border:1px solid #dce3e2;border-radius:9px;padding:11px;color:#243c37;font:inherit; }
.board-filters select[multiple] { min-height:96px;padding:6px 4px; }
.board-filters select[multiple] option { padding:6px 8px;border-radius:5px; }
.board-filters select[multiple] option:checked { color:#fff;background:#255c50 linear-gradient(0deg,#255c50,#255c50); }
.board-filter-help { margin:-13px 0 18px;color:#7a8780;font-size:10px; }
.board-lifecycle { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px; }
.board-lifecycle button { display:flex;align-items:flex-start;text-align:left;gap:14px;background:#fff;border:1px solid #e2e8e5;border-radius:14px;padding:20px;color:inherit;font:inherit;cursor:pointer; }
.board-lifecycle button.selected { border-color:#255c50;box-shadow:0 0 0 1px #255c50; }
.board-lifecycle button>div { display:flex;flex:1;flex-direction:column;gap:5px; }
.board-lifecycle strong { font-size:30px;line-height:1; }
.board-lifecycle span:not(.board-dot) { font-size:12px;font-weight:600; }
.board-lifecycle small { color:#76817a;font-size:10px; }
.board-dot { width:9px;height:9px;border-radius:50%;margin-top:8px;background:#c5943e;flex:none; }
.board-dot.installed { background:#255c50; }.board-dot.installation { background:#ff6900; }
.board-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px; }
.board-kpis article { border:1px solid #e2e8e5;border-radius:14px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:9px; }
.board-kpis span { font-size:11px;color:#68766e; }.board-kpis strong { font-size:clamp(19px,1.8vw,27px);letter-spacing:-.04em;overflow-wrap:anywhere; }.board-kpis small { font-size:10px;color:#7d8983; }
.board-charts { display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px; }
.board-panel { padding:26px;background:white;border:1px solid #e2e8e5;border-radius:16px;min-width:0; }
.board-panel header { display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px; }.board-panel header p { font-size:9px;letter-spacing:.14em;color:#7b867f;margin:0 0 6px; }.board-panel h3 { font-size:18px;letter-spacing:-.03em;margin:0;font-weight:600; }.board-panel header>span { color:#7b867f;font-size:10px; }
.board-legend { display:flex;gap:16px;font-size:10px;color:#6d7b74;margin-bottom:22px; }.board-legend span { display:flex;gap:6px;align-items:center; }.board-legend i { width:8px;height:8px;border-radius:2px; }
#financeDashboard .paid { background:#255c50; }#financeDashboard .open { background:#ff8a3b; }#financeDashboard .planned { background:#d9e1db; }
.board-category { margin:0 0 20px; }.board-category>div:first-child { display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px; }.board-category>div>span { font-size:11px;color:#526b60; }.board-category small { display:block;font-size:10px;color:#829087;margin-top:6px; }
.board-bar { height:9px;border-radius:5px;background:#f1f4f1;display:flex;overflow:hidden; }.board-bar i { display:block;height:100%; }
.board-reading>strong { font-size:68px;font-weight:500;line-height:1.2;letter-spacing:-.065em; }.board-reading>p { color:#6e7f75;font-size:12px; }.board-reading dl { margin-top:26px; }.board-reading dl>div { display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e8ece7;font-size:11px; }.board-reading dd { font-weight:600;margin:0; }.board-reading .board-note { font-size:10px;line-height:1.7;margin-top:20px; }
.board-table-wrap { overflow:auto; }.board-table { width:100%;border-collapse:collapse;font-size:12px; }.board-table th { text-align:left;color:#7f8c84;font-size:10px;font-weight:500;padding:12px;border-bottom:1px solid #e7ece8; }.board-table td { padding:16px 12px;border-bottom:1px solid #edf0ed;white-space:nowrap; }.board-table td strong { display:block;color:#294239;font-weight:500; }.board-table small { display:block;margin-top:5px;color:#89938b;font-size:10px; }.board-table button { font-size:10px; }.board-table tfoot th { color:#264439;font-weight:600;background:#f5f7f3; }.board-empty { text-align:center;padding:48px 24px!important;color:#86928a;font-size:12px;line-height:1.8; }.board-footnote { text-align:right;font-size:10px;color:#8a958d;padding:18px 0; }
body.board-presenting .sidebar,body.board-presenting .topbar,body.board-presenting .main>.filters { display:none!important; }body.board-presenting .app { grid-template-columns:1fr; }body.board-presenting .main { padding:28px;max-width:1600px;width:100%;margin:auto; }
@media(max-width:1000px) { .board-hero { grid-template-columns:1fr;padding:25px; }.board-hero-total { border-left:0;border-top:1px solid #ffffff30;padding:20px 0 0; }.board-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.board-charts { grid-template-columns:1fr; }.board-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .board-lifecycle { grid-template-columns:1fr; }.board-panel { padding:18px; }.board-toolbar { font-size:9px; }.board-panel header { flex-wrap:wrap; }.board-hero h2 { font-size:27px; }body.board-presenting .main { padding:12px; }.board-filters { gap:10px; } }
/* Keep horizontally scrollable navigation and tables inside the mobile viewport. */
.sidebar { min-width:0; }
.detail:not(.open) { visibility:hidden; }
@media(max-width:1040px) { .app,.app.sidebar-collapsed { grid-template-columns:minmax(0,1fr); }.nav { max-width:100%; }.board-table { min-width:700px; } }
.detail:not(.open) { display:none; }
.entry-intro { margin:0 0 16px;color:#697970;font-size:13px; }
.entry-help { color:#738179;font-size:12px;line-height:1.65;margin:12px 0 18px; }
.entry-extra { border:1px solid #e1e7e2;border-radius:12px;background:#fff;margin-top:16px;padding:14px 16px; }
.entry-extra>summary,.more-tabs>summary { cursor:pointer;font-size:13px;font-weight:600;color:#305245;padding:4px 0; }
.entry-extra[open]>summary { margin-bottom:16px; }
.simple-tabs { align-items:flex-start;overflow:visible;flex-wrap:wrap; }
.more-tabs { padding:10px 14px;border:1px solid #dce4dc;border-radius:10px; }
.more-tabs>div { display:flex;flex-wrap:wrap;gap:7px;padding-top:12px;max-width:600px; }
.simple-cost-entry { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.simple-cost-entry>label { display:flex;flex-direction:column;gap:7px;font-size:12px; }
.simple-cost-entry>label>* { width:100%;min-width:0; }
.simple-cost-entry .entry-extra { margin-top:0; }
.simple-entry>.section-title:not(:first-child) { margin-top:24px; }
@media(max-width:600px) { .simple-cost-entry { grid-template-columns:1fr; }.simple-cost-entry .span-2 { grid-column:auto; }.more-tabs { width:100%; } }
.asset-completeness .missing-field-link { display:block;width:100%;padding:6px 0;text-align:left;border:0;background:none;color:#9b480d;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;white-space:normal;cursor:pointer; }
.asset-completeness .missing-field-link:focus-visible { outline:2px solid #ff6900;outline-offset:3px; }
.asset-completeness small { white-space:normal;line-height:1.5; }