/* Seven state surfaces: only neutral ink with the existing warm-white background. */
.state-overlay{background:#0006!important}.state-sheet{background:#fbf8f1;color:#222;border-radius:27px 27px 0 0;padding:12px 23px 32px;max-height:calc(100% - 155px);display:flex;flex-direction:column}.state-sheet .handle{background:#ccc;flex-shrink:0}.state-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 25px;font-size:17px;flex-shrink:0}.state-header .icon{filter:grayscale(1);width:21px;height:21px}.state-sheet h2,.state-filter-empty h2,.state-first h2{font-size:25px;font-weight:400;line-height:1.5;margin:13px 0 8px}.state-sheet h2,.state-sheet .state-help{text-align:center}.state-help{font-size:15px;color:#888;line-height:1.7;margin:0 0 20px}.state-symbol{width:93px;height:93px;border-radius:50%;background:#eee;display:grid;place-items:center;margin:14px auto 18px;flex-shrink:0;color:#222}.state-symbol svg{width:50px;height:50px}.state-symbol .icon{width:55px;height:55px;filter:grayscale(1)}.voice-symbol{position:relative;outline:1px dashed #ddd;outline-offset:20px;margin:35px auto 40px}.voice-symbol span{position:absolute;right:12px;bottom:8px;font-size:32px;background:#eee;line-height:1}.save-symbol{background:none;width:55px;height:55px;margin:1px auto 0}.intent-symbol{width:65px;height:65px;margin:0 auto 16px}.intent-symbol svg{width:37px;height:37px}.state-actions{display:grid;gap:12px;margin-top:10px;flex-shrink:0}.state-primary,.state-secondary{width:100%;border-radius:24px;padding:13px 12px;font-size:17px;line-height:1.3}.state-primary{background:#222;color:#fff}.state-secondary{border:1px solid #888;color:#222;background:none}.state-original{padding:15px 17px;background:#eee;border-radius:17px;margin:0 0 9px}.state-original small{font-size:13px;color:#888}.state-original p{font-size:18px;line-height:1.6;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;overflow:auto}.state-original>div{display:flex;align-items:center;gap:10px}.state-original>div>p{flex:1}.state-original button{white-space:nowrap;font-size:14px;padding:0}.state-original .icon{filter:grayscale(1);width:18px;height:18px}.state-intent h2,.state-intent .state-help{text-align:left}.state-intent h2{font-size:28px}.state-save-scroll{overflow:auto;min-height:0}.state-save-fields{background:#eee;border-radius:17px;padding:11px 17px;margin-bottom:8px}.state-save-fields>div{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:5px 0;font-size:15px;line-height:1.4}.state-save-fields>div>span:first-child{color:#888}.state-save-fields>div>span:last-child{overflow-wrap:anywhere}.state-save-fields>p{font-size:12px;color:#777;margin:0 0 5px}.state-first{margin:auto 0;text-align:center;color:#222}.state-first img{height:275px;width:100%;object-fit:contain;margin:20px auto 17px;filter:grayscale(1)}.state-first h2{font-size:24px;white-space:nowrap}.state-first p{color:#888;font-size:15px;line-height:1.8}.state-first-home{margin:22px 0 24px;flex-shrink:0}.state-filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.state-filter-chips span{padding:6px 10px;border:1px solid #ddd;border-radius:16px;color:#555;font-size:12px}.state-filter-empty{text-align:center;color:#222;padding:24px 0 15px}.state-filter-empty img{width:100%;height:195px;object-fit:contain;filter:grayscale(1)}.state-filter-empty h2{font-size:22px;white-space:nowrap}.state-filter-empty p{color:#888;font-size:15px;margin:8px 0 22px}.state-filter-actions{display:flex;gap:10px}.state-filter-actions button{flex:1;font-size:16px}.state-filter-actions .icon{width:19px;height:19px;filter:grayscale(1)}.state-query-empty{min-height:540px;max-height:calc(100% - 150px)}.state-query-about{font-size:17px;color:#888;margin:18px 0 9px}.state-query-empty h2{font-size:28px;font-weight:400;line-height:1.6;margin:0 0 17px}.state-query-art{width:185px;height:160px;object-fit:contain;margin:8px 0 18px auto;filter:grayscale(1)}.state-all-records{display:flex;align-items:center;gap:10px;border:1px solid #ddd;border-radius:17px;padding:13px;color:#222;width:100%;font-size:17px;margin-top:auto}.state-all-records span{flex:1;text-align:left}.state-all-records .icon{width:22px;height:22px;filter:grayscale(1)}.state-test-panel{margin:16px 0}.state-test-panel>button{display:block;width:100%;text-align:left;padding:8px 10px;border:1px solid #ccc;border-radius:9px;margin:6px 0;font-size:13px}.state-test-panel label{display:block;font-size:12px;margin:17px 0 10px}.state-test-panel select{width:100%;padding:8px;margin-top:6px;font-size:12px}.state-test-panel .state-test-restore{background:#222;color:#fff}.state-save .state-header{margin-bottom:13px}.state-save h2{font-size:24px}.state-save .state-help{font-size:14px;margin-bottom:14px}
@media(max-width:700px){.state-sheet{padding:10px 20px 30px}.state-first img{height:245px}.state-first h2{font-size:clamp(19px,5.9vw,24px)}.state-filter-empty h2{font-size:clamp(18px,5.4vw,22px)}.state-filter-empty{padding-top:15px}.state-filter-empty img{height:175px}.state-sheet h2{font-size:24px}.state-intent h2{font-size:27px}}

.state-first-screen .ledger-nav{grid-template-columns:30px 1fr 30px;gap:8px}.state-first-screen .ledger-nav h2{text-align:left}.state-mobile-tools{display:none}@media(max-width:700px){.state-mobile-tools{display:block;margin:20px 0;padding:14px;color:#555;border:1px solid #ccc;border-radius:12px}.state-mobile-tools select{display:block;width:100%;margin:10px 0;padding:10px;font-size:14px}.state-mobile-tools button{padding:10px;border:1px solid #aaa;border-radius:12px;font-size:14px}}
/* Latest monochrome rule also applies to the existing destructive action. */
.ledger-swipe-delete{background:#333;color:#fff}.state-first-screen .icon{filter:grayscale(1)}.ledger-screen:has(.state-filter-empty){color:#222}.ledger-screen:has(.state-filter-empty) .range-tabs{background:#eee}.ledger-screen:has(.state-filter-empty) .range-tabs button{color:#777}.ledger-screen:has(.state-filter-empty) .range-tabs button.selected{background:#ddd;color:#222}.ledger-screen:has(.state-filter-empty) .icon{filter:grayscale(1)}