/* V2 application chrome only. Chart glyphs, geometry and export styling remain in style.css. */
@media screen {
 body.renaissance-ui{background:#e5dbc9;background-image:radial-gradient(ellipse at 50% 0,#f6efdf88,transparent 75%);font-family:"Chart Sans",sans-serif}
 .renaissance-ui>header,.renaissance-ui .left-panel,.renaissance-ui #rulesView,.renaissance-ui #birthRecords,.renaissance-ui #ruleDialog,.renaissance-ui .board-toolbar,.renaissance-ui .comparison-controls,.renaissance-ui .compare-dialog-heading,.renaissance-ui footer{--ink:#49382b;--muted:#796c5a;--line:#d0bfa0;--accent:#715033;color:var(--ink);font-family:"Chart Sans",sans-serif}
 body.renaissance-ui>header{background:#f4ecdc;border-bottom:1px solid #ad9161;box-shadow:0 3px 0 #f8f2e5,0 4px 0 #c6b38d}
 .renaissance-ui .brand{font-family:"Retro Ming",serif;font-weight:400;color:#513726}
 .renaissance-ui .brand>b{color:#9d7c43;font-weight:400}
 body.renaissance-ui>header nav button{border-radius:0;background:transparent;color:#796c5a;border-bottom:1px solid transparent}
 body.renaissance-ui>header nav button.active,body.renaissance-ui>header nav button[aria-expanded=true]{color:#583b26;background:transparent;border-bottom-color:#a6864c;text-decoration:none}
 body.renaissance-ui>header nav button:hover{color:#583b26;background:#e8dcc74d;text-decoration:none}
 .renaissance-ui .workspace{border:1px solid #bcaa87;border-radius:5px;background:#e3d7c1;box-shadow:0 5px 20px #5943260b}
 .renaissance-ui .left-panel{background:#f1e7d4;background-image:linear-gradient(90deg,transparent calc(100% - 5px),#d6c5a855 calc(100% - 5px));border-right:1px solid #bdab88;scrollbar-color:#b4a17e #eee3cf}
 .renaissance-ui .left-panel h3,.renaissance-ui #rulesView h2,.renaissance-ui #rulesView h3,.renaissance-ui #birthRecords h2,.renaissance-ui #birthRecords h3,.renaissance-ui #ruleDialog h2,.renaissance-ui #settingsHeading,.renaissance-ui .compare-dialog-heading h2{font-family:"Retro Ming",serif;font-weight:400;letter-spacing:.055em;color:#513726}
 .renaissance-ui .left-panel>h3,.renaissance-ui #birthHeading,.renaissance-ui #settingsHeading{padding-bottom:11px;border-bottom:3px double #bc9f6c}
 .renaissance-ui #birthHeading::before{content:"";display:block;flex:none;width:5px;height:5px;border:1px solid #9b773f;transform:rotate(45deg);margin-right:8px}
 .renaissance-ui #birthHeading{justify-content:flex-start}
 .renaissance-ui .left-panel .rule{border-top:3px double #cbb58e;margin:20px 0}
 .renaissance-ui :is(.left-panel,#rulesView,#birthRecords,#ruleDialog) :is(input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea){background:#fbf7ed;border-color:#cbb997;border-radius:3px;color:#49382b;box-shadow:inset 0 1px 2px #634b2410}
 .renaissance-ui :is(.left-panel,#rulesView,#birthRecords,#ruleDialog) :is(.quiet,.date-buttons button,.file-label){background:#f9f3e7;border-color:#c5af86;border-radius:3px;color:#644a33}
 .renaissance-ui :is(.left-panel,#rulesView,#birthRecords,#ruleDialog) .primary{background:#6d4930;color:#fff7e6;border:1px solid #614027;border-radius:3px;box-shadow:inset 0 0 0 2px #ffffff13}
 .renaissance-ui :is(.left-panel,#rulesView,#birthRecords,#ruleDialog) .primary:hover{background:#593923}
 .renaissance-ui :is(.left-panel,#rulesView,#birthRecords,#ruleDialog) .quiet:hover,.renaissance-ui .date-buttons button:hover{background:#eaddc3}
 .renaissance-ui :is(.left-panel,#rulesView,#birthRecords,#ruleDialog) :is(button,input,select,textarea):focus-visible,.renaissance-ui>header :focus-visible{outline:2px solid #a0783d;outline-offset:3px}
 .renaissance-ui .calendar-switch,.renaissance-ui .board-toolbar .mode-switch,.renaissance-ui .comparison-controls .mode-switch{background:#e1d3b9;border:1px solid #c7b38c;border-radius:3px}
 .renaissance-ui .calendar-switch button,.renaissance-ui .board-toolbar .mode-switch button,.renaissance-ui .comparison-controls .mode-switch button{color:#715f47;border-radius:2px}
 .renaissance-ui .calendar-switch button.active,.renaissance-ui .board-toolbar .mode-switch button.active,.renaissance-ui .comparison-controls .mode-switch button.active{background:#fbf6e9;color:#563a26;box-shadow:0 1px 3px #65472020}
 .renaissance-ui .date-buttons .today-button,.renaissance-ui .ratio-presets [aria-pressed=true]{background:#e4d5b7;color:#563d28;border-color:#ae8d57}
 .renaissance-ui .birth-summary{color:#79664f}
 .renaissance-ui .flow-options{border-top:3px double #c5ac7e}
 .renaissance-ui .flow-options>summary{font-family:"Retro Ming",serif;font-size:14px;color:#62482e}
 .renaissance-ui .flow-options>summary::marker{color:#a28046}
 .renaissance-ui .flow-options>summary>span{font-family:"Chart Sans",sans-serif}
 .renaissance-ui .jpg-settings{border-top:3px double #cbb58e}
 .renaissance-ui .board-panel,.renaissance-ui .comparison-view{background:#ded2bd}
 .renaissance-ui .board-toolbar{background:#e9dec9;border-bottom:1px solid #c5b28e}
 .renaissance-ui :is(.recipe-card,.scan-card,.scan-diagnosis){background:#faf5e9;border-color:#cdbb96;border-radius:4px}
 .renaissance-ui :is(.scan-birth-context,.rule-summary,.ranking-editor){background:#eee3ce;border-color:#c9b58c;border-radius:3px}
 .renaissance-ui .scan-diagnosis article{border-color:#d8c6a4}
 .renaissance-ui .scan-diagnosis summary{color:#715033}
 .renaissance-ui :is(#birthRecords,#ruleDialog,#compareDialog){background:#f4ead7;border:1px solid #b39764;border-radius:5px;box-shadow:0 16px 65px #38281940}
 .renaissance-ui dialog::backdrop{background:#30251a70;backdrop-filter:none}
 .renaissance-ui .records-header{padding-bottom:18px;border-bottom:3px double #bfa574}
 .renaissance-ui .record-card{background:#fbf6e9;border:1px solid #ccb58d;border-radius:3px;box-shadow:inset 3px 0 #c4a36c}
 .renaissance-ui .record-gender{background:#eadeca;color:#795838;border-radius:2px}
 .renaissance-ui .record-card-actions{border-color:#ddceb1}
 .renaissance-ui .record-facts p,.renaissance-ui .records-total{color:#796c5a}
 .renaissance-ui .records-empty{background:#faf5e9;border-color:#c4ad82;border-radius:3px}
 .renaissance-ui .compare-dialog-heading .quiet{background:#faf5e9;color:#644a33;border-color:#c5af86;border-radius:3px}
 .renaissance-ui footer{border-color:#c6b492;color:#807058}
 .renaissance-ui footer a{color:#715033}
}

.font-loading-notice{margin:0 0 8px;padding:7px 12px;border:1px solid #c5af86;background:#f9f3e7;color:#715033;font:12px system-ui,sans-serif;line-height:1.5}

/* Saved charts are an in-page sheet in the central workspace. */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.renaissance-ui .workspace.records-reading,.renaissance-ui .workspace.records-reading.scene-sidebar-hidden{grid-template-columns:270px minmax(0,1fr)}
.workspace.records-reading>.board-panel>:not(#birthRecords),.workspace.records-reading>.right-panel{display:none!important}
.workspace.records-reading>.left-panel{display:block!important}
.renaissance-ui #birthRecords.records-panel{position:relative;display:block;width:100%;max-width:none;min-width:0;margin:0;padding:22px;background:#f4ead7;border:0;border-radius:0;box-shadow:none;color:#49382b}
#birthRecords.records-panel[hidden]{display:none!important}
.records-panel .records-header{align-items:center;gap:16px;padding-bottom:14px}
.records-panel .records-header h2{margin:3px 0 5px;font-size:24px}
.records-panel .records-back{font-size:12px;white-space:nowrap;align-self:flex-start;padding:8px 0}
.records-panel .records-tools{grid-template-columns:minmax(180px,1fr) 220px;gap:14px;margin:16px 0 12px}
.records-panel .records-actions{gap:8px}
.records-panel .records-feedback{min-height:24px;margin-top:6px}
.records-panel .records-total{margin:8px 0;font-variant-numeric:tabular-nums}
.records-panel .records-table-scroll{width:100%;max-height:max(240px,calc(100dvh - 350px));overflow:auto;border:1px solid #c5b28e;background:#fbf7ed;overscroll-behavior:contain;scrollbar-color:#b7a27c #f3e8d3}
.records-panel .records-table-scroll:focus-visible{outline:2px solid #a0783d;outline-offset:3px}
.records-panel .records-table{width:100%;min-width:960px;margin:0;border-collapse:separate;border-spacing:0;font-family:"Chart Sans",sans-serif;font-size:12px;color:#49382b}
.records-panel .records-table :is(th,td){padding:10px 12px;border:0;border-right:1px solid #e1d4bb;border-bottom:1px solid #e1d4bb;text-align:left;vertical-align:middle;white-space:nowrap;line-height:1.6}
.records-panel .records-table th{position:sticky;top:0;z-index:1;background:#e8d9bc;color:#62482e;font-weight:500;box-shadow:0 1px #c3ab7f}
.records-panel .records-table th button{display:flex;align-items:center;gap:10px;width:100%;border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.records-panel .records-table th button span{margin-left:auto;color:#9b7c46}
.records-panel .records-table th[aria-sort=ascending],.records-panel .records-table th[aria-sort=descending]{background:#dfcba5;color:#4b321d}
.records-panel .records-table td{background:#fbf7ed}
.records-panel .records-table tbody tr:nth-child(even) td{background:#f5eddd}
.records-panel .records-table tbody tr:hover td,.records-panel .records-table tbody tr:focus-within td{background:#eee0c4}
.records-panel .records-table .record-index{color:#948167;width:40px;text-align:right}
.records-panel .records-table .record-name{font-weight:600;min-width:100px}
.records-panel .records-table :is(.record-date,.record-updated){font-variant-numeric:tabular-nums}
.records-panel .records-table .record-updated{font-size:11px;color:#796c5a}
.records-panel .records-table .record-row-actions{width:110px}
.records-panel .record-row-actions button{font-size:12px;padding:5px 7px}
.records-panel .record-row-actions button.danger{color:#9b4033}
.records-panel .records-table .records-empty{text-align:center;padding:45px 20px;border-radius:0;white-space:normal}
.records-panel .records-empty strong{font-family:"Retro Ming",serif;font-size:18px;font-weight:400}
.records-panel .records-empty p{margin:8px 0 0;font-size:12px}
@media(max-width:1000px) and (min-width:721px){.renaissance-ui .workspace.records-reading,.renaissance-ui .workspace.records-reading.scene-sidebar-hidden{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:720px){
 .renaissance-ui #birthRecords.records-panel{padding:16px 12px}
 .records-panel .records-header{align-items:flex-start;gap:8px}
 .records-panel .records-header h2{font-size:21px}
 .records-panel .records-tools{grid-template-columns:minmax(0,1fr);gap:10px}
 .records-panel .records-table-scroll{max-height:65dvh}
 .records-panel .record-row-actions button{min-height:40px}
}
