mist-period.css

/* The supplied PDF's already softened mist-ridge illustration, not an Unsplash photo. */
body.workspace-sheet,body.workspace-sheet[class*="document-style-"],body.detail-view{background:#a4a9ae url('assets/mist-ridges-claude-20261029.jpg') center/cover fixed;color:#222826;--ws-paper:#f6f7f5;--ws-white:#fff;--ws-ink:#222826;--ws-muted:#46534c;--ws-border:#cad3cd;--muted:#46534c;--line:#cad3cd}
body.workspace-sheet .document-heading,body.detail-view .detail-title{background:#fff;border-color:#cad3cd;color:#222826}
body.workspace-sheet .document-heading-actions .button{background:#fff;color:#223e31;border-color:#c2cec5}
body.workspace-sheet .document-heading-actions .button:hover{background:#edf2ed}
body.workspace-sheet .document-breadcrumb,body.workspace-sheet .look-status,body.workspace-sheet .look-intro,body.workspace-sheet .monthly-heading,body.workspace-sheet .monthly-heading>p:last-child{color:#222826}
body.workspace-sheet .data-source{color:#46534c}
body.workspace-sheet .data-source.is-sample{background:#f7e9c9;color:#6a4715}
body.workspace-sheet .document-surface,body.workspace-sheet .document-metric{background:#fff;color:#222826;border-color:#cad3cd;box-shadow:none}
body.workspace-sheet .document-metric small,body.workspace-sheet .local-save-note,body.workspace-sheet .document-table caption,body.workspace-sheet .empty-explanation{color:#46534c}
body.workspace-sheet .document-siblings nav a[aria-current]{background:#193b2d;color:#fff}
body.workspace-sheet .document-siblings nav a:hover{background:#e7eee6;color:#193b2d}
body.workspace-sheet .document-note textarea{background:#fff;color:#222826;border-color:#b6c6b9}
body.workspace-sheet .document-table th,body.workspace-sheet .document-table td{border-color:#d8e0d9}
body.workspace-sheet .document-pagination .button{background:#fff;color:#193b2d;border-color:#c2cec5}
body.workspace-sheet .site-footer{color:#222826;border-color:#69776f}
body.workspace-sheet .look-status{padding:10px 0 12px;border-color:#78867d}
.sheet-controls{background:#fff;border:1px solid #cad3cd;border-radius:6px;padding:12px 16px;margin-bottom:24px;color:#222826;min-width:0}
.sheet-visualization{min-width:0;background:#fff;border:1px solid #cad3cd;border-radius:6px;overflow:hidden}
.sheet-visualization>.sheet-controls{border:0;border-bottom:1px solid #dce4db;border-radius:0;margin:0}
.sheet-visualization>.sheet-chart-panel.document-surface,.sheet-visualization>.sheet-chart-panel>.viz{border:0;border-radius:0;box-shadow:none}
.sheet-period-row,.sheet-graph-row{display:flex;align-items:center;gap:10px 14px;min-width:0}
.sheet-period-row{flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid #e0e7df;margin-bottom:8px}
.control-caption{font-size:12px;font-weight:600;min-width:54px;white-space:nowrap;color:#254535}
.period-presets{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.period-presets button,.sheet-chart-strip button,.chart-display-options button{min-height:44px;padding:6px 12px;font-size:12px;white-space:nowrap;border:1px solid #c4d1c5;border-radius:4px;background:#f8faf6;color:#244632;flex-shrink:0;line-height:1.6}
.period-presets button[aria-pressed=true],.sheet-chart-strip button[aria-pressed=true],.chart-display-options button[aria-pressed=true]{background:#193b2d;border-color:#193b2d;color:#fff}
.period-presets button:hover,.sheet-chart-strip button:hover,.chart-display-options button:hover{background:#e2ebdf;color:#193b2d}
.period-presets button[aria-pressed=true]:hover,.sheet-chart-strip button[aria-pressed=true]:hover,.chart-display-options button[aria-pressed=true]:hover{background:#28523c;color:#fff}
.period-current{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.period-end-note{margin-left:auto;font-size:12px;color:#46534c}
.sheet-chart-strip,.chart-display-options{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;overflow-y:hidden;min-width:0;max-width:none;max-height:none;padding:2px 2px 5px;align-items:center;scrollbar-width:thin}
.sheet-chart-strip{flex:1}
.chart-strip-note{font-size:12px;color:#46534c;white-space:nowrap}
.chart-display-controls{display:flex;flex-wrap:nowrap;gap:14px;align-items:center}.chart-display-options{flex:1;width:auto}
.period-fields{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}.period-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px}.period-fields input{font:inherit;padding:9px 12px;min-height:44px;border:1px solid #a9bcae;border-radius:4px;color:#222826;background:#fff}#period-error{color:#9e241c;font-size:14px;line-height:1.8;margin-bottom:16px}#sheet-period-form>.button{margin-top:20px}
.period-table-scroll,.monthly-plot-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.period-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.period-table caption{text-align:left;font-size:12px;line-height:1.8;padding:12px 0;color:#46534c}.period-table th,.period-table td{padding:12px 10px;text-align:right;border-bottom:1px solid #d8e0d9;white-space:nowrap;font-variant-numeric:tabular-nums}.period-table th:first-child,.period-table th:last-child,.period-table td:last-child{text-align:left}.period-table thead th{font-weight:500}.period-table th small{display:block;font-size:12px;color:#46534c}.period-table td:last-child{font-size:12px}
.period-data-note{font-size:12px;line-height:1.9;color:#46534c;margin-bottom:12px}.sheet-chart-panel{min-width:0}.sheet-chart-panel .viz{margin:0}.sheet-chart-panel .viz-heading{margin-top:0}.period-empty{padding:28px 20px;background:#f4f7f1;border:1px dashed #b9c9b8;border-radius:5px;text-align:center;color:#46534c;font-size:14px;line-height:1.9}.period-empty p+p{font-size:12px;margin-top:8px}.monthly-plots{display:flex;flex-direction:column;gap:24px;margin-top:20px}.monthly-plot{min-width:0;border-top:1px solid #dce4db;padding-top:18px}.monthly-plot h3{font-size:16px;font-weight:500;letter-spacing:0}.monthly-plot h3 small{font-size:12px;color:#46534c;margin-left:8px}.monthly-chart{display:block;width:100%;min-width:560px;height:auto}.monthly-chart text{font-family:Geist,'JP Sans',sans-serif;fill:#34463b;font-size:14px}.monthly-heat{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px;margin-block:16px}.monthly-heat>div{background:#f1f4ed;color:#46534c;min-height:82px;padding:10px;border:1px solid #cbd7c8;border-radius:4px}.monthly-heat span{display:block;font-size:12px}.monthly-heat strong{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.monthly-plot .local-save-note{font-size:12px;margin-top:10px}
@media(max-width:1100px){.chart-strip-note{display:none}.period-end-note{margin-left:0}}
@media(max-width:600px){body.workspace-sheet,body.workspace-sheet[class*="document-style-"],body.detail-view{background-attachment:scroll}.sheet-controls{padding:12px;margin-bottom:20px}.sheet-period-row{gap:8px}.sheet-period-row>.control-caption{width:100%}.period-presets{gap:4px}.period-presets button,.sheet-chart-strip button,.chart-display-options button{font-size:12px;padding:6px 10px}.period-current{font-size:12px;white-space:normal}.period-end-note{width:100%;font-size:12px}.sheet-graph-row{gap:8px}.sheet-graph-row>.control-caption{min-width:44px}.period-fields{gap:12px}.period-fields label{width:100%}.period-fields input{width:100%}.period-fields>span{display:none}.period-empty{padding:22px 14px;font-size:13px}.sheet-chart-panel .document-section-title>span{display:block;margin-top:8px}.period-data-note{font-size:12px}.monthly-plot h3{font-size:15px}}