.tb-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);gap:22px;align-items:start}.tb-layout>.card{margin:0}.tb-head{font-size:22px;letter-spacing:.12em}.tb-tabs,.tb-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tb-tabs button[aria-pressed=true],.tb-slots button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.tb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tb-fields>*{min-width:0}.tb-fields input,.tb-fields select{width:100%;min-width:0;max-width:100%;height:48px;margin:6px 0 10px}.tb-full{grid-column:1/-1}.tb-note{border-left:3px solid var(--gold);padding:10px 16px;background:var(--tint)}.tb-pillar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.tb-pillar>div{text-align:center;padding:12px 6px;border:1px solid var(--line);border-radius:10px}.tb-pillar strong{font-family:'Songti TC',serif;font-size:32px;display:block;color:var(--gold)}.tb-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tb-slots button{padding:10px 4px;font-size:14px}.tb-slots span{display:block}.tb-number{font-size:48px;letter-spacing:.12em;color:var(--gold);margin:8px 0}.tb-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tb-entry{text-align:left;display:flex;flex-direction:column;gap:10px;background:var(--card);padding:18px;min-height:140px}.tb-entry small{font-size:14px;color:var(--muted)}.tb-entry strong{font-family:'Songti TC',serif;font-size:20px;font-weight:500}.tb-search{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:10px;align-items:end}.tb-search input,.tb-search select{width:100%;margin:0;height:48px}.tb-search label{min-width:0}.tb-pager{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0}.tb-error{color:#b54b48}.tb-source{font-size:14px;color:var(--muted)}#tbDialog{width:min(680px,calc(100% - 28px));max-height:88dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);padding:24px}#tbDialog::backdrop{background:#08131ccc}.tb-dialog-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-24px;background:var(--card);padding:8px 0;z-index:1}.tb-dialog-head button{width:44px;height:44px;padding:0}.tb-quote{font-family:'Songti TC',serif;font-size:27px;line-height:1.8;border-left:3px solid var(--gold);padding:12px 20px;margin:18px 0}.tb-states{display:flex;gap:8px;flex-wrap:wrap}.tb-states button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.tb-formula{overflow-wrap:anywhere}.tb-review-row{border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}input:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--tech);outline-offset:3px}.tb-help p{max-width:85ch}.tb-help a{overflow-wrap:anywhere}@media(max-width:850px){.tb-layout{grid-template-columns:1fr}.tb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.tb-search{grid-template-columns:minmax(0,1fr) 100px}.tb-search button{grid-column:1/-1}.tb-list{grid-template-columns:1fr}.tb-slots{grid-template-columns:repeat(2,1fr)}.tb-head{font-size:20px}.tb-fields{gap:10px}header{gap:8px}.tb-quote{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Keep native iOS date/time controls within the same field box as selects. */
.tb-fields input,.tb-fields select{box-sizing:border-box;display:block;min-height:48px;height:48px;padding:10px;line-height:26px;font-size:16px}
.tb-fields input[type=date],.tb-fields input[type=time]{-webkit-appearance:none;appearance:none;overflow:hidden}
.tb-fields input::-webkit-date-and-time-value{min-width:0;text-align:left;line-height:26px;margin:0;padding:0}
.tb-fields input::-webkit-datetime-edit{min-width:0;padding:0}
