#tables-pane{padding:16px}
#tables-pane .section-heading{margin-bottom:8px}
#tables-pane .section-heading h2{font-size:16px}
#tables-pane #add{min-height:36px;padding:6px 12px;font-size:12px;background:transparent}
#tables-pane .table-help{font-size:12px;line-height:1.6;margin:0 0 14px;max-width:80ch}
#tables-pane .table-wrap{max-height:calc(100dvh - 285px);min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:52px 0 0 82px;scrollbar-width:thin;scrollbar-color:var(--line) var(--surface-secondary)}
#tables-pane table{width:100%;min-width:840px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13px}
#tables-pane .col-section{width:80px}#tables-pane .col-parent{width:86px}#tables-pane .col-shape{width:82px}
#tables-pane .col-width,#tables-pane .col-height{width:76px}#tables-pane .col-length{width:68px}
#tables-pane .col-flow{width:82px}#tables-pane .col-k{width:68px}#tables-pane .col-fixed{width:88px}
#tables-pane .col-lock{width:62px}#tables-pane .col-delete{width:40px}
#tables-pane th{height:48px;padding:8px 8px 7px;font-size:11px;font-weight:550;line-height:1.35;text-align:left;vertical-align:top;background:var(--surface-secondary);border-bottom:1px solid var(--line);z-index:3}
#tables-pane th:nth-child(n+4):nth-child(-n+9){text-align:right}
#tables-pane th:nth-child(10){text-align:center}
#tables-pane th:first-child{z-index:4}
#tables-pane .column-unit{display:block;font-size:10px;font-weight:400;margin-top:2px;color:var(--muted)}
#tables-pane td{height:40px;padding:3px 4px;border-bottom:1px solid var(--line);line-height:1.3;vertical-align:middle;background:var(--surface)}
#tables-pane td:not(:last-child){border-right:1px solid color-mix(in srgb,var(--line) 38%,transparent)}
#tables-pane td:first-child{border-right:1px solid var(--line);z-index:1}
#tables-pane tbody tr:hover>td{background:var(--surface-secondary)}
#tables-pane tbody tr:focus-within>td{background:var(--surface-secondary)}
#tables-pane tbody tr:focus-within>td:first-child{box-shadow:inset 2px 0 var(--accent)}
#tables-pane td input:not([type=checkbox]),#tables-pane td select{width:100%;min-width:0;min-height:32px;height:32px;padding:4px 6px;margin:0;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ink);font-size:13px;font-weight:400;line-height:1.35;box-shadow:none}
#tables-pane td input[type=number]{text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
#tables-pane td input[type=number]::-webkit-inner-spin-button,#tables-pane td input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#tables-pane td input[data-key=id]{font-weight:550}
#tables-pane td input:not([type=checkbox]):hover:not(:disabled),#tables-pane td select:hover{border-color:var(--line);background:var(--field)}
#tables-pane td input:not([type=checkbox]):focus,#tables-pane td select:focus{border-color:var(--accent);background:var(--field);outline:1px solid var(--accent);outline-offset:0}
#tables-pane td input:disabled{color:var(--muted);opacity:1;cursor:not-allowed}
#tables-pane td:has(input[type=checkbox]){text-align:center;padding:0}
#tables-pane td input[type=checkbox]{display:block;width:32px;height:32px;min-height:32px;margin:auto;appearance:none;border:0;border-radius:3px;background:transparent;cursor:pointer;position:relative}
#tables-pane td input[type=checkbox]::before{content:"";position:absolute;inset:8px;border:1px solid var(--muted);border-radius:3px;background:var(--field)}
#tables-pane td input[type=checkbox]:checked::before{background:var(--accent-fill);border-color:var(--accent-fill)}
#tables-pane td input[type=checkbox]:checked::after{content:"";position:absolute;left:12px;top:10px;width:7px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
#tables-pane td input[type=checkbox]:hover{background:var(--accent-tint)}
#tables-pane td input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:0}
#tables-pane td:last-child{padding:3px;text-align:center}
#tables-pane td button[data-delete]{min-width:32px;width:32px;min-height:32px;height:32px;padding:0;font-size:20px;font-weight:400;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted)}
#tables-pane td button[data-delete]:hover,#tables-pane td button[data-delete]:focus-visible{color:var(--error);background:var(--surface-secondary);border-color:var(--error)}
#tables-pane .table-footnote{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}
@media(pointer:coarse){#tables-pane td{height:50px}#tables-pane td input:not([type=checkbox]),#tables-pane td select{min-height:44px;height:44px;font-size:16px}#tables-pane td input[type=checkbox],#tables-pane td button[data-delete]{min-height:44px;height:44px;width:44px}#tables-pane td input[type=checkbox]::before{inset:14px}#tables-pane td input[type=checkbox]:checked::after{left:18px;top:16px}#tables-pane .col-delete{width:52px}#tables-pane .col-shape{width:94px}#tables-pane .col-parent{width:94px}#tables-pane #add{min-height:44px}}
@media(max-width:450px){#tables-pane{padding:12px}#tables-pane .table-help{font-size:12px}#tables-pane .table-wrap{max-height:65dvh}}
@media print{#tables-pane .table-wrap{max-height:none;overflow:visible}}