:root{--reference-line:#dce4ef;--reference-blue:#2875e8}body{background:#f5f7fa}.topbar{height:36px;background:#fff;border-bottom:1px solid var(--reference-line);padding:0 14px;gap:12px}#breadcrumbs{display:none}#page-tabs{display:flex;align-self:stretch;align-items:flex-end;gap:5px;overflow:auto;min-width:0;flex:1;scrollbar-width:thin}.work-tab{display:flex;align-items:center;flex:none;height:32px;border:1px solid var(--reference-line);border-bottom:0;border-radius:6px 6px 0 0;background:#f5f7fa;position:relative}.work-tab a{display:block;padding:5px 16px;line-height:22px;color:#66758b;white-space:nowrap}.work-tab.active{background:#fff;border-color:#c6d9ff}.work-tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--reference-blue)}.work-tab.active a{color:var(--reference-blue);font-weight:600}.work-tab button{background:transparent!important;border:0;min-height:26px;width:26px;padding:0;margin-right:4px;color:#94a3b8!important;font-size:18px}.topbar-tools{margin-left:auto}main{padding:14px;background:#f5f7fa}.surface,.page-header{border:1px solid #e0e7f0;border-radius:8px;background:#fff;box-shadow:0 1px 3px #203a5d06}.reference-query{padding:18px 24px 16px;margin:0 0 18px!important}.filter-panel.reference-query{border:1px solid #e0e7f0}.reference-query .filter-grid{gap:10px 24px;grid-template-columns:repeat(4,minmax(0,1fr))}.reference-query .field-label{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px}.reference-query .field-label>span{text-align:right;white-space:nowrap;font-size:14px;width:auto;padding:0}.reference-query input,.reference-query select{width:100%;min-width:0;height:40px}.reference-query .filter-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px;padding-top:0}.reference-query .filter-actions button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:84px}.query-toggle .menu-icon{width:12px;height:12px;transform:rotate(180deg)}.query-folded .filter-grid{display:none}.query-folded .query-toggle .menu-icon{transform:none}.query-folded .filter-actions{margin:0}.reference-list-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;border:0!important;margin:0!important}.list-toolbar{padding:12px 16px;min-height:66px;border-bottom:1px solid var(--reference-line);gap:12px}.reference-page-actions{display:flex;flex-wrap:wrap;gap:8px}.reference-page-actions+ h2{margin-left:auto}.list-toolbar h2,.list-toolbar .count{font-size:13px;color:#66758b}.data-table th{background:#f3f6fa!important;color:#263b56;font-weight:600;height:48px}.data-table th,.data-table td{border:1px solid #e8edf5;padding:12px 16px;text-align:center;vertical-align:middle}.data-table td{height:48px;background:#fff}.data-table tbody tr:nth-child(even) td{background:#f8fafd}.data-table tbody tr:hover td{background:#edf5ff}.data-table .name-cell{text-align:center}.data-table .op-cell{box-shadow:-5px 0 8px #203a5d06}.table-scroll{border-radius:0 0 6px 6px;max-height:calc(100dvh - 360px);min-height:120px;overflow:auto}.data-table thead th{position:sticky;top:0;z-index:2}.data-table thead .op-cell{z-index:3}.table-scroll table{margin:0;width:100%;border-collapse:separate;border-spacing:0}.pagination{border-top:1px solid var(--reference-line)}main input:not([type=checkbox]):not([type=radio]),main select,main textarea,dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{background-color:#fff;border:1px solid #d4deec;border-radius:6px;color:#263b56}input::placeholder,textarea::placeholder{color:#9ca9bb}main input:focus,main select:focus,main textarea:focus,dialog input:focus,dialog select:focus,dialog textarea:focus{border-color:#aebdce!important;box-shadow:none!important}button:not(.primary):not(.text-button),.button:not(.primary){background:#fff;border:1px solid #cbd6e5;border-radius:6px;color:#304763}.button.primary,button.primary{background:var(--reference-blue);border-color:var(--reference-blue);border-radius:6px;color:white}.button.primary:hover,button.primary:hover{background:#1f66d0}.wf-task-main .table-scroll{max-height:520px}.wf-task-main>.page-header{margin-bottom:0}.wf-task-main .reference-query .field-label{grid-template-columns:80px minmax(0,1fr)}.wf-task-main .reference-query{padding:18px 16px}.wf-task-main .reference-query .filter-grid{gap:12px}.wf-task-main .form-grid input,.wf-task-main .form-grid select{min-height:40px}@media(max-width:1199px){.reference-query .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-task-main .reference-query .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.reference-query{padding:16px}.reference-query .filter-grid,.wf-task-main .reference-query .filter-grid{grid-template-columns:1fr}.reference-query .filter-actions{flex-wrap:wrap}.table-scroll{max-height:520px}.topbar-tools{display:none}.list-toolbar{flex-wrap:wrap}.reference-query .field-label{grid-template-columns:84px minmax(0,1fr)}}

.work-tab button:not(.primary):not(.text-button){border:0;background:transparent;border-radius:3px}.work-tab button:hover{background:#edf2f8!important}.work-tab a:focus-visible,.work-tab button:focus-visible{outline:1px solid #86909c;outline-offset:-3px}

/* Compact tab rail: reserve height for tabs, never for native scrollbars. */
.topbar{height:36px;min-height:36px;max-height:36px;align-items:center;padding:0 12px;gap:10px;overflow:hidden}
.page-tab-strip{display:flex;align-items:center;gap:4px;flex:1;min-width:0;height:36px;overflow:hidden}
#page-tabs{position:relative;align-self:center;align-items:center;gap:5px;height:32px;min-height:32px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#page-tabs::-webkit-scrollbar{display:none;width:0;height:0}
.work-tab{box-sizing:border-box;height:28px;min-height:28px;border:1px solid #e0e6ef;border-radius:4px;background:#f5f7fa}
.work-tab a{display:flex;align-items:center;height:26px;padding:0 12px;font-size:13px;line-height:26px;color:#607087;text-decoration:none}
.work-tab.active{border-color:#cbdcff;background:#f0f6ff}
.work-tab.active a{color:#246de0}.work-tab.active:after{height:2px;left:1px;right:1px;border-radius:0 0 3px 3px}
.work-tab button:not(.primary):not(.text-button){width:22px;height:22px;min-height:22px;line-height:20px;margin:0 4px 0 0;font-size:15px;padding:0;border:0;background:transparent!important}
.page-tab-scroll:not(.primary):not(.text-button){flex:0 0 24px;width:24px;height:26px;min-height:26px;line-height:22px;padding:0;border:0;background:transparent;border-radius:3px;color:#607087;font-size:20px}
.page-tab-scroll:hover:not(:disabled){background:#edf2f8}.page-tab-scroll:disabled{opacity:.25;cursor:default}.topbar-tools .avatar{width:24px;height:24px;font-size:12px}
/* Table row actions share one compact text-button treatment. */
.data-table .row-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 16px}
.data-table .row-actions>a,.data-table .row-actions>button:not(.text-button),.data-table .row-actions>button.text-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:28px;height:auto;margin:0;padding:2px 0;border:0;border-radius:2px;background:transparent;box-shadow:none;color:var(--reference-blue);font-size:14px;font-weight:400;line-height:24px;white-space:nowrap;text-decoration:none}
.data-table .row-actions>a:hover,.data-table .row-actions>button:not(:disabled):hover{background:transparent;color:#165dff;text-decoration:underline;text-underline-offset:3px}
.data-table .row-actions>button:disabled{background:transparent;color:#a9b2c0;cursor:not-allowed}
.data-table .row-actions>.danger{color:#d03050}
.data-table .row-actions>:focus-visible{outline:1px solid #86909c;outline-offset:3px}