.okk-weekly-page{display:grid;gap:12px;color:var(--ink);min-width:0}
.okk-weekly-page .page-head{margin:0;min-height:0}.okk-weekly-page .page-head p{font-size:12px}
.wb-page .page-head{align-items:flex-start;gap:12px 20px}.wb-page .page-head>div:first-child{min-width:0}.wb-page .page-head .page-actions:empty{display:none}
.okk-weekly-tabs{display:flex;gap:4px;width:fit-content;padding:4px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.okk-weekly-tabs a{padding:8px 14px;border-radius:6px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:650}.okk-weekly-tabs a[aria-current="page"]{color:var(--ink);background:var(--card)}
.wb-page{max-width:100%;min-width:0}.wb-panel{min-width:0;overflow:hidden}.wb-page button{font-size:12px;min-height:32px}.wb-page button:disabled{opacity:.45;cursor:not-allowed}
.wb-period{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.wb-period-fields{display:flex;align-items:center;gap:9px;min-width:0}.wb-period-fields label{display:grid;gap:5px;font-size:10px;font-weight:650;color:var(--muted)}
.wb-period-fields input{box-sizing:border-box;width:128px;max-width:100%;height:35px;padding:6px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;font-weight:500;color-scheme:inherit}
.wb-period-fields input:focus-visible{outline:2px solid var(--info);outline-offset:2px}.wb-period-separator{align-self:flex-end;padding-bottom:9px;color:var(--muted)}
.wb-period-quick{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.wb-period-quick button{border:1px solid transparent;border-radius:7px;padding:6px 10px;white-space:nowrap}.wb-period-quick button[aria-pressed="true"]{background:color-mix(in srgb,var(--info) 12%,var(--card));border-color:color-mix(in srgb,var(--info) 30%,var(--border));color:var(--ink)}
.wb-previous-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;min-height:32px;box-sizing:border-box;border:1px solid var(--border);border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer}.wb-previous-toggle input{width:14px;height:14px;margin:0;accent-color:var(--info)}.wb-previous-toggle input:focus-visible{outline:2px solid var(--info);outline-offset:3px}.wb-previous-toggle:has(input:disabled){opacity:.55;cursor:not-allowed}.wb-previous-toggle:has(input:checked){background:color-mix(in srgb,var(--info) 12%,var(--card));border-color:color-mix(in srgb,var(--info) 30%,var(--border))}.wb-previous-count{margin-left:7px;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
.wb-page .wb-previous-toggle input{min-height:14px;max-height:14px;flex:0 0 14px;padding:0}
.wb-period-hint{flex:1 1 100%;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.wb-period-hint.is-error{color:var(--danger)}
.wb-panel-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;box-sizing:border-box;min-width:0;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}
.wb-panel-topbar .okk-weekly-tabs{box-sizing:border-box;flex:0 1 auto;flex-wrap:wrap;min-width:0;max-width:100%}
.wb-panel-topbar .wb-period{box-sizing:border-box;flex:1 1 720px;max-width:100%;padding:0;gap:6px 14px;border:0;border-radius:0;background:transparent}
.wb-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0;margin-left:auto}.wb-tools button{white-space:nowrap}
.wb-value-bar{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;min-height:39px;padding:5px 12px;border-bottom:1px solid var(--border);font-size:12px;background:var(--surface)}
.wb-selection{display:flex;align-items:center;gap:10px;flex:1 1 210px;min-width:0}
.wb-address{min-width:84px;flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:700}.wb-cell-value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-cell-type{color:var(--muted);font-size:10px;white-space:nowrap}.wb-cell-note{box-sizing:border-box;height:27px;padding:5px 12px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--border)}
.wb-fields{display:flex;gap:7px;align-items:center;max-width:300px;min-width:0}.wb-fields[hidden]{display:none}.wb-fields label{font-size:10px;color:var(--muted);white-space:nowrap}.wb-fields select{min-width:0;max-width:200px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--ink);font-size:11px}
.wb-scroll{position:relative;isolation:isolate;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:clamp(340px,calc(100vh - 300px),800px);overflow:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none}
.wb-table{border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0;background:var(--card)}
.wb-table col{width:180px}.wb-table col:first-child{width:44px}
.wb-table th,.wb-table td{box-sizing:border-box;height:36px;padding:0;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card);color:var(--ink);font-size:12px;line-height:18px;text-align:left;vertical-align:middle;overflow:hidden}
.wb-table .wb-row-number{position:sticky;left:0;z-index:3;width:44px;text-align:center;background:var(--surface);color:var(--muted);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}
.wb-table .wb-cell{position:relative;cursor:cell;outline:none;scroll-margin-top:var(--wb-frozen-height,0px);scroll-margin-left:var(--wb-frozen-width,44px)}.wb-cell-text{display:block;padding:8px 10px;height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wb-table .is-frozen-col{position:sticky;z-index:4;box-shadow:1px 0 0 var(--border)}
.wb-table .is-frozen-row{position:sticky;z-index:6;background:color-mix(in srgb,var(--surface) 75%,var(--card));font-weight:650;box-shadow:0 1px 0 var(--border)}
.wb-table .is-frozen-row.is-frozen-col{z-index:7}.wb-table .wb-row-number.is-frozen-row{z-index:8}
.wb-table .wb-cell.is-selected{background:color-mix(in srgb,var(--info) 13%,var(--card))}.wb-table .wb-cell.is-active{box-shadow:inset 0 0 0 2px var(--info);z-index:5}.wb-table .is-frozen-row.is-active{z-index:8}
.wb-table .wb-cell.is-match .wb-cell-text{background:color-mix(in srgb,var(--warning) 22%,transparent)}.wb-table .is-editable .wb-cell-text{padding-right:17px}.wb-table .is-editable:hover:after{content:'✎';position:absolute;right:3px;top:8px;color:var(--muted);font-size:10px;pointer-events:none}
.wb-table a{color:var(--info);text-decoration:underline;text-underline-offset:3px}.wb-note-mark{position:absolute;right:0;top:0;border-top:6px solid var(--warning);border-left:6px solid transparent;pointer-events:none}
.wb-table .is-review-links{height:auto;vertical-align:top}.wb-table .is-review-links .wb-cell-text{height:auto;min-height:35px;box-sizing:border-box;overflow:visible;white-space:normal;text-overflow:clip}
.wb-review-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;line-height:20px}.wb-review-links .wb-review-link{display:inline-block;max-width:100%;overflow-wrap:anywhere;white-space:normal;font-variant-numeric:tabular-nums}.wb-reviews-note{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.wb-sheet-tabs{display:flex;gap:0;box-sizing:border-box;min-height:56px;overflow-x:auto;max-width:100%;border-bottom:1px solid var(--border);background:var(--surface);scrollbar-width:thin;overflow-anchor:none}
.wb-sheet-tabs button{flex:0 0 auto;min-height:41px;padding:9px 17px;border:0;border-right:1px solid var(--border);border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}
.wb-sheet-tabs button[aria-selected="true"]{border-bottom-color:var(--info);background:var(--card);color:var(--ink)}
.wb-sheet-tabs button small{display:block;font-size:8px;line-height:12px;font-weight:400;color:var(--muted)}
.wb-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:7px 12px;background:var(--surface);border-top:1px solid var(--border);font-size:10px;color:var(--muted)}
.wb-freshness{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:11px;color:var(--muted)}.wb-freshness a{color:var(--info)}.wb-freshness.is-stale{color:var(--warning)}.wb-help{margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.wb-alert{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px;overflow-wrap:anywhere}.wb-alert.is-error,.wb-error{color:var(--danger)}
.wb-editor{display:grid;grid-template-columns:130px minmax(180px,1fr) auto;gap:9px;align-items:start;padding:12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--info) 5%,var(--card))}
.wb-editor>label{font-size:12px;font-weight:700;padding-top:9px}.wb-editor textarea,.wb-editor select{box-sizing:border-box;width:100%;min-width:0;min-height:38px;max-height:180px;padding:8px 10px;resize:vertical;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--ink);font:inherit;font-size:12px}.wb-editor-buttons{display:flex;gap:6px;flex-wrap:wrap}.wb-editor small,.wb-editor .wb-error{grid-column:2/-1;font-size:11px;line-height:1.5;margin:0;overflow-wrap:anywhere}.wb-editor small{color:var(--muted)}
@media(max-width:700px){.wb-tools{gap:5px;flex:1 1 100%;margin-left:0}.wb-tools button{padding:7px 9px}.wb-value-bar{gap:7px;padding:5px 8px}.wb-selection{flex-basis:100%;gap:7px}.wb-cell-type{display:none}.wb-address{min-width:65px;font-size:10px}.wb-sheet-tabs button{padding:9px 13px}.wb-scroll{max-height:58vh;min-height:320px}.wb-status span:last-child{display:none}.wb-editor{grid-template-columns:1fr;padding:10px}.wb-editor>label{padding:0}.wb-editor small,.wb-editor .wb-error{grid-column:auto}.wb-editor-buttons button{flex:1}.wb-freshness{font-size:10px}.wb-page .page-head p{max-width:100%;overflow-wrap:anywhere}.wb-alert{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.wb-page *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.wb-scroll{height:max(320px,58vh);max-height:none}}
@media(max-width:420px){.wb-period{padding:10px;gap:10px}.wb-period-fields{width:100%;gap:7px}.wb-period-fields label{flex:1;min-width:0}.wb-period-fields input{width:100%;min-width:0}.wb-period-quick{gap:3px}.wb-period-quick button{padding:6px 8px}}
@media(max-width:700px){.wb-panel-topbar{gap:10px;padding:10px}.wb-panel-topbar .wb-period{flex-basis:100%}}