/* Table UI: one decision surface. Main content scrolls; cards never shrink. */
body.table-ui{overflow:hidden}
body.table-ui #day{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
body.table-ui[data-dock="open"] #day{grid-template-rows:auto minmax(0,1fr)}
body.table-ui #day .hud{position:relative;top:auto;display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 14px;overflow:visible;background:#101c16f5}
body.table-ui #day .hud-day{font-size:14px;margin:0;grid-column:auto;grid-row:auto}
body.table-ui #day .hud-day small,body.table-ui #day .d-title{display:none}
body.table-ui #day .d-tools{margin-left:auto;width:auto;grid-column:auto;grid-row:auto;gap:6px}
body.table-ui #day .d-tools .fs{padding:6px 9px;min-height:40px;font-size:12px}
body.table-ui #day .d-more summary{height:40px;width:40px}
body.table-ui #day .d-pressure{grid-column:auto;margin:0;flex-wrap:nowrap}
.life-summary{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.life-summary button,.summary-button,.hand-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 10px;border-radius:7px;border:1px solid #b08a3e66;background:#1c2c22;color:var(--paper);font-size:13px}
.life-summary b{color:var(--brass2);font-variant-numeric:tabular-nums}
body.table-ui #day .stage{min-height:0;overflow:auto;padding:14px;display:block}
body.table-ui #day .today{display:block;min-height:0;height:auto}
body.table-ui #day .tasks{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-auto-rows:max-content;gap:14px;align-items:start;overflow:visible}
body.table-ui #day .task{display:flex;flex-direction:column;min-width:0;min-height:0;height:auto;overflow:visible;border:2px solid var(--brass);border-radius:12px;transform:none;box-shadow:0 5px 14px #0005}
body.table-ui #day .task.dim{filter:none}
body.table-ui #day .task .task-art{position:relative;display:block;width:100%;height:92px;min-height:0;flex:0 0 92px;border:0;border-bottom:2px solid var(--kc);border-radius:9px 9px 0 0;overflow:hidden}
body.table-ui #day .task-art img{position:static;height:100%;width:100%;object-fit:cover}
body.table-ui #day .task-art .d-tag{display:block;font-size:12px}
body.table-ui #day .task-body{padding:10px 12px;gap:8px;overflow:visible;flex:none;min-height:0}
body.table-ui #day .task-head{display:flex;flex-wrap:wrap}
body.table-ui #day .task-head strong{font:700 17px/1.4 var(--sans);white-space:normal;overflow:visible;text-overflow:clip}
body.table-ui #day .task-head .d-kind{display:inline-grid}
body.table-ui #day .task .d-opt,body.table-ui #day .task .d-note,body.table-ui #day .task .c-rule{display:block;font-size:13px;line-height:1.5}
body.table-ui #day .task .d-opt-buttons{display:flex;margin:0}
body.table-ui #day .task .d-opt-buttons button{min-height:40px;font-size:13px;padding:8px}
body.table-ui #day .task .task-slots{display:flex;flex-wrap:wrap}
body.table-ui #day .task .task-outcome{display:flex}
body.table-ui #day .task .d-placed{display:flex;max-height:none}
body.table-ui #day .task .task-cta{display:block;padding:5px 0;font-size:13px}
body.table-ui #day .dock{position:static;inset:auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 14px;min-height:0;height:auto;max-height:none;flex:none;z-index:auto}
body.table-ui #day .dock-end{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0;flex:1}
body.table-ui #day .dock-end>span{font-size:12px;flex:initial;max-width:250px}
body.table-ui #day .dock-end button{min-height:40px;flex:initial;padding:8px 12px}
body.table-ui #day .decision-stage{padding:0;overflow:hidden;min-height:0}
body.table-ui #day .dock.open{height:100%;width:100%;display:flex;flex-direction:column;padding:0;align-items:stretch;overflow:hidden}
body.table-ui #day .dock.open .dock-sheet{flex:1;min-height:0;gap:0}
body.table-ui #day .sheet-head{padding:10px 14px;border-bottom:1px solid #b08a3e66;gap:6px 10px;flex:none}
body.table-ui #day .sheet-head strong{font:700 17px/1.4 var(--sans)}
body.table-ui #day .sheet-head .close{min-height:40px;border-color:var(--brass);font-size:13px}
body.table-ui #day .dock.open .tcards{padding:12px 14px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px;min-height:0;flex:1;overflow:auto;max-height:none}
body.table-ui #day .dock.open .dock-end{flex:none;padding:8px 14px;border-top:1px solid #b08a3e66}
.selected-details{grid-column:1/-1;border:1px solid #b08a3e66;border-radius:8px;background:#23372a;padding:0 10px}
.selected-details summary{padding:10px 0;cursor:pointer;font-size:13px;min-height:40px;color:var(--brass2)}
body.table-ui #day .selected-details .task{margin-bottom:10px;max-width:700px}
body.table-ui #day .selected-details .task-art{display:none}
body.table-ui #day .selected-details .task-cta{display:none}
body.table-ui #d-dialog .me{max-height:none;overflow:visible}
body.table-ui #d-dialog .growth-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
body.table-ui #d-dialog .summary-button{margin:6px}
body.table-ui #d-dialog{max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:650px){
 body.table-ui #day .hud{padding:6px 10px;gap:5px 8px}
 body.table-ui #day .life-summary{flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .life-summary button{padding:5px;font-size:12px;gap:3px}
 body.table-ui #day .stage{padding:10px}
 body.table-ui #day .tasks{gap:10px}
 body.table-ui #day .dock-end{gap:5px}
 body.table-ui #day .sheet-head .sheet-art{display:none}
 body.table-ui #day .sheet-head strong{font-size:15px}
 body.table-ui #day .sheet-head .close{padding:6px;font-size:12px}
}
@media(min-width:900px){body.table-ui #day .life-summary{order:0}body.table-ui #day .d-tools{order:2}}
@media(prefers-reduced-motion:no-preference){.decision-stage{animation:table-arrive .16s ease-out}@keyframes table-arrive{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}}
/* Text access audit: no truncation for decision text; details use disclosure. */
body.table-ui #day .life-summary>button{grid-column:auto;grid-row:auto;margin:0;white-space:normal}
body.table-ui #day .dock-end>span{white-space:normal;line-height:1.4}
body.table-ui .picker-help{font-size:13px;line-height:1.6;color:var(--paper)}
body.table-ui #d-dialog :is(.offer,.d-book article,.d-learn,.d-result){height:auto;max-height:none;min-width:0;overflow:visible}
body.table-ui #d-dialog :is(strong,p,span,small,b,button){white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
body.table-ui #d-dialog .offer img{flex:none;max-width:100%}
body.table-ui #d-dialog .d-dialog-head{gap:10px;align-items:start}
body.table-ui #d-dialog .d-dialog-head button{min-width:40px;min-height:40px;flex:none}
body.table-ui #d-dialog .me-day,body.table-ui #d-dialog .me-cash,body.table-ui #d-dialog .me-people{display:block}
body.table-ui #day .tcard :is(strong,.trait,.act-name){white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
body.table-ui #day .tcard .act:disabled{opacity:.7}
body.table-ui #day .task .d-tag{white-space:normal;max-width:calc(100% - 12px)}
@media(max-width:650px){
 body.table-ui #day .dock-end{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%}
 body.table-ui #day .dock-end>span{display:block;grid-column:1/-1;grid-row:2;max-width:none;text-align:right;font-size:12px}
 body.table-ui #day .dock-end>.primary{grid-column:2;grid-row:1}
 body.table-ui #day .overview-dock .dock-end>span{display:block}
 body.table-ui #day .overview-dock{align-items:start}
 body.table-ui #day .overview-dock .dock-end{display:flex}
 body.table-ui #day .overview-dock .dock-end>span{flex-basis:100%;order:2}
 body.table-ui #day .hud-day{white-space:normal;min-width:0;max-width:45vw}
}
@media(orientation:landscape) and (max-height:520px){
 body.table-ui #day .tasks{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
 body.table-ui #day .task{flex-direction:row;align-items:stretch}
 body.table-ui #day .task .task-art{width:64px;flex:0 0 64px;height:auto;min-height:120px;border-radius:9px 0 0 9px;border-bottom:0}
 body.table-ui #day .task-art img{position:absolute;inset:0}
 body.table-ui #day .task .task-art .d-tag{font-size:12px;left:2px;top:3px;padding:2px;max-width:60px}
 body.table-ui #day .task-body{flex:1;min-width:0;padding:8px;gap:6px}
}
body.table-ui #day .task :is(.task-price,.big-row,.pay,.habit){display:inline-flex;white-space:normal}
body.table-ui #day .task .c-rule{display:block}
body.table-ui #d-dialog .me-life{display:flex;flex-direction:column;gap:6px}
body.table-ui #d-dialog .me-age small{display:block;white-space:normal}
body.table-ui .card-rarity{display:block;font-size:12px;font-weight:400;color:#65502d}
body.table-ui #day .hud-day small{display:inline;font-size:12px}
body.table-ui #day .hud-day{white-space:normal}
body.table-ui #d-dialog :is(.d-book,.d-learned,.offers){grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}

@media(max-width:650px){
 body.table-ui #day .hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto}
 body.table-ui #day .hud-day{grid-column:1;grid-row:1;max-width:none;margin:0}
 body.table-ui #day .d-pressure{grid-column:2;grid-row:1}
 body.table-ui #day .d-tools{grid-column:3;grid-row:1}
 body.table-ui #day .life-summary{grid-column:1/-1;grid-row:2}
}
body.table-ui #d-dialog .me-people{display:flex;flex-wrap:wrap;gap:10px}
body.table-ui #d-dialog .person{max-width:120px;min-width:60px}
body.table-ui #d-dialog .person img{width:64px;height:64px;object-fit:cover}
body.table-ui #day .task :is(.task-score,.d-ev-combos){display:flex;flex-wrap:wrap}
body.table-ui #day .task .d-bar{display:block}
body.table-ui #day .task.optional .task-head{display:flex}
body.table-ui #day .task .mini-score{display:none}
body.table-ui #day .act small{display:block;white-space:normal}
body.table-ui #day .act>.d-kind{display:inline-grid}
body.table-ui #d-dialog .me-age{position:static;background:none;max-width:none}
body.table-ui #d-dialog .me-portrait{height:auto;min-height:140px;overflow:visible}