/* Shared UI contract: compact spacing, bounded focus, spreadsheet-style lists.
   Authentication/validation/privacy warnings are deliberately not hidden. */
:root{--ui-gap:12px;--ui-pad:24px;--ui-row:40px}
.tg-inline-error{padding:10px 14px;margin:12px 20px;border:1px solid rgb(220 38 38 / .18);border-radius:8px;background:#fff5f5;color:#991b1b;font-size:13px;line-height:1.5;font-weight:400}
[data-access-hidden]{display:none!important}
.page-wrap>.page{flex:0 0 auto;min-height:calc(100svh - 64px + 24px);width:100%;padding:20px!important;max-width:none!important}
.page>.wf-wrap,.page>.wf-registry{max-width:none!important;margin:0!important;padding:0!important;min-width:0}
.page .wf-wrap{gap:10px!important}.page .wf-wrap>.wf-toolbar{margin-bottom:0!important}
.page .page-head,.page>.wf-wrap>.wf-page-head{margin:0 0 16px!important}
.page h1{font-size:24px;font-weight:600;letter-spacing:-.035em;word-break:normal;overflow-wrap:normal;line-height:1.25}
.page h2{font-size:17px;font-weight:600}.page h3{font-size:15px;font-weight:600}
.page .card,.page .wf-card{border-radius:10px;padding:14px;box-shadow:none}
.page :is(.wf-toolbar,.filter-bar,.filters,.filters-row,.rf-bar,.wf-directory-tools,.wf-attendance-tools){display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px!important;min-width:0;margin-bottom:12px}
.page :is(.wf-toolbar,.filter-bar,.filters,.filters-row,.rf-bar) :is(input:not([type=checkbox]):not([type=radio]),select){min-width:100px;max-width:100%;height:36px!important;min-height:36px!important;border-radius:7px!important;padding:6px 9px!important;font-size:12px!important;font-weight:400!important}
.page :is(.wf-toolbar,.filter-bar,.filters,.filters-row) :is(input:not([type=checkbox]):not([type=radio]),select){flex:1 1 150px}
.page :is(.wf-toolbar,.filter-bar,.filters,.filters-row) .wf-columns-source{display:none!important}
.page :is(.btn,.wf-btn,.rf-delete){font-weight:500;letter-spacing:normal;border-radius:7px;line-height:1.35;word-break:normal!important;overflow-wrap:normal!important}
.page .wf-btn.primary,.tg-columns-card .wf-btn.primary{background:rgb(var(--brand));border-color:rgb(var(--brand));color:rgb(var(--brand-fg))}
.page :is(.wf-table-wrap,.table-wrap,.table-responsive,.table-scroll,.responsive-table,.card-table-wrap){min-width:0!important;max-width:100%!important;width:100%;border-radius:0!important;box-shadow:none;overflow-x:clip!important}
.page table.tg-sheet-table{width:100%!important;max-width:100%!important;min-width:0!important;border:1px solid rgb(var(--line));border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important;background:rgb(var(--surface));font-size:13px;box-shadow:none!important}
.page table.tg-sheet-table :is(th,td){border:1px solid rgb(var(--line))!important;padding:8px 9px!important;height:auto;min-width:0!important;max-width:none;font-size:12px!important;line-height:1.4;vertical-align:middle;text-align:left;word-break:normal!important;overflow-wrap:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;font-weight:400!important;box-shadow:none}
.page table.tg-sheet-table th{background:rgb(var(--surface-2))!important;color:rgb(var(--fg-2));font-weight:500!important;font-size:12px!important;white-space:normal!important;word-break:normal!important}
.page table.tg-sheet-table tbody tr:nth-child(even){background:rgb(var(--surface-2)/.3)}
.page table.tg-sheet-table tbody tr:hover{background:rgb(var(--brand)/.035)}
.page table.tg-sheet-table :is(td,th) :is(b,strong){font-weight:500!important}
.page table.tg-sheet-table td :is(a,span,div){word-break:normal!important;overflow-wrap:normal!important;max-width:100%}
.page table.tg-sheet-table td a:not(.btn):not(.wf-btn){text-overflow:ellipsis;overflow:hidden}
.page :is(.wf-person-field,.wf-kv) :is(b,span),.page :is(.wf-person-name,.wf-person-sub){word-break:normal!important;overflow-wrap:normal!important;font-weight:400}
.page .wf-person-main{align-content:start;gap:10px}.page .wf-person-name{font-weight:600}.page .wf-person-sub{margin-bottom:4px}.page .wf-person-field{padding:8px 10px}
.page table.tg-sheet-table :is(td,th) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-width:0!important;max-width:100%;font:inherit}
.page table.tg-sheet-table :is(.wf-th-inline,.wf-th-label){min-width:0!important;max-width:100%;font-weight:500!important;word-break:normal!important;overflow-wrap:normal!important}
.page table.tg-sheet-table .wf-th-inline{display:flex!important;flex-direction:column;align-items:stretch!important;gap:6px!important;width:100%!important}
/* A horizontal legacy flex-basis becomes HEIGHT in the column header. Reset
   the entire flex shorthand, not just height, for every header control. */
.page table.tg-sheet-table :is(.wf-head-filter,thead input:not([type=checkbox]):not([type=radio]),thead select){flex:0 0 auto!important;width:100%!important;max-width:100%!important;height:32px!important;min-height:32px!important;margin:0!important;border-radius:6px!important;font-size:12px!important;padding:5px 8px!important;background:rgb(var(--surface));line-height:20px!important}
.page table.tg-sheet-table .wf-th-label{line-height:16px!important;color:rgb(var(--fg-2));white-space:normal!important}
.page table.tg-sheet-table tr:focus-visible{outline:0!important}
.page table.tg-sheet-table tr:focus-visible>td{box-shadow:inset 0 2px rgb(var(--brand)),inset 0 -2px rgb(var(--brand))!important}
.page table.tg-sheet-table tr:focus-visible>td:first-child{box-shadow:inset 2px 0 rgb(var(--brand)),inset 0 2px rgb(var(--brand)),inset 0 -2px rgb(var(--brand))!important}
.page table.tg-sheet-table tr:focus-visible>td:last-child{box-shadow:inset -2px 0 rgb(var(--brand)),inset 0 2px rgb(var(--brand)),inset 0 -2px rgb(var(--brand))!important}
.page :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgb(var(--brand))!important;outline-offset:-2px!important}
.page dialog:focus-visible{outline:2px solid rgb(var(--brand))!important;outline-offset:-2px!important}
.page table.tg-sheet-table td:first-child:is([data-mobile-label="№"],[data-mobile-label="#"]){font-variant-numeric:tabular-nums;color:rgb(var(--muted))}
.tg-sheet-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%;min-width:0;margin:0 0 6px!important}
.wf-wrap>.tg-sheet-tools{margin:0!important}
.tg-sheet-tools [data-columns-open]{margin:0!important;min-height:32px;height:32px;padding:5px 11px!important;font-size:12px;font-weight:500}
.page .tg-sheet-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px!important;width:100%}
.page .tg-sheet-toolbar [data-columns-open]{margin-left:auto;order:10}
.page .wf-directory-tools .wf-columns-source{display:none!important}
.page .wf-directory-primary .employee-name-wrap{min-width:0;max-width:100%}
.page .employee-name-wrap>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.page :is(.wf-pager,.tg-pager){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 0;margin:0;font-size:12px;color:rgb(var(--muted))}
.page :is(.wf-pager,.tg-pager)>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.page .wf-pager .wf-btn{min-height:32px;min-width:32px;padding:5px 9px}
/* The same quiet shell and control scale across all inherited pages. */
.topbar-shell{box-shadow:none!important;border-bottom:1px solid rgb(var(--line));background:rgb(var(--surface))}
.topbar-shell .crumbs b{font-weight:500}.sidebar-brand b{font-weight:600}
.section-sidebar{background:rgb(var(--surface));border-right:1px solid rgb(var(--line))}
.section-sidebar-head{letter-spacing:.09em;font-size:10px;font-weight:600}
.section-nav-link,.nav-section-link{font-weight:500!important;font-size:13px}
.section-nav-link{border-radius:7px!important}.sidebar-foot .who b{font-weight:500}
.page :is(.wf-card,.card){background:rgb(var(--surface));border:1px solid rgb(var(--line));color:rgb(var(--fg))}
.page :is(.wf-admin-card,.wf-admin-tile){min-height:88px;padding:16px;border:1px solid rgb(var(--line));background:rgb(var(--surface));border-radius:10px;box-shadow:none;color:rgb(var(--fg));transform:none}
.page :is(.wf-admin-card,.wf-admin-tile):hover{border-color:rgb(var(--brand)/.4);background:rgb(var(--brand)/.025);transform:none}
.page :is(.wf-admin-card,.wf-admin-tile) h3{font-weight:500;margin:0}
.page :is(.wf-form,.form-grid,.wf-form-grid) label{font-weight:500;font-size:12px;color:rgb(var(--fg-2))}
.page :is(.wf-form,.form-grid,.wf-form-grid) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;border:1px solid rgb(var(--line-strong));background:rgb(var(--surface));color:rgb(var(--fg));border-radius:7px;font-size:13px;line-height:1.45;padding:8px 10px}
.page :is(.wf-form,.form-grid,.wf-form-grid) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select:not([multiple])){height:38px;min-height:38px}
.page :is(.wf-form,.form-grid,.wf-form-grid) textarea{min-height:84px;resize:vertical}
.page .wf-badge{font-weight:500;border-radius:5px;padding:3px 7px;line-height:1.35}
.page .wf-badge.ok{background:rgb(var(--ok-soft));color:rgb(var(--ok-ink))}.page .wf-badge.warn{background:rgb(var(--warn-soft));color:rgb(var(--warn-ink))}.page .wf-badge.bad{background:rgb(var(--danger-soft));color:rgb(var(--danger-ink))}
.page .wf-empty{padding:30px 14px;font-size:13px;font-weight:400;color:rgb(var(--muted))}
.page :is(.btn,.wf-btn):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.page :is(.btn,.wf-btn):not(.primary):not(.danger):not(.success){background:rgb(var(--surface));border-color:rgb(var(--line-strong));color:rgb(var(--fg-2));box-shadow:none}
.page :is(.btn,.wf-btn):not(:disabled):hover{filter:brightness(.98)}
.page [aria-busy=true]{opacity:.65;cursor:progress}
.page :is(.wf-person-dialog,.wf-modal-card){border-color:rgb(var(--line));border-radius:12px;color:rgb(var(--fg));background:rgb(var(--surface))}
.page :is(.wf-person-head,.wf-modal-header){padding:14px 18px!important;border-bottom:1px solid rgb(var(--line))}
.page :is(.wf-person-foot,.wf-modal-footer){padding:12px 18px!important;border-top:1px solid rgb(var(--line))}
.page .wf-person-field small{font-size:11px;font-weight:400;color:rgb(var(--muted))}.page .wf-person-field b{font-size:13px;font-weight:500}
.page .wf-directory-table tbody tr{height:48px}.page .wf-directory-table .employee-list-photo{width:32px;height:32px;border-radius:6px}
.page .wf-directory-table [aria-selected=true]>td{background:rgb(var(--brand)/.045)!important}
.tg-columns-modal{z-index:5001!important}.tg-columns-card{width:min(420px,calc(100vw - 24px))!important;height:auto!important;max-height:min(600px,calc(100dvh - 40px))!important;border:1px solid rgb(var(--line-strong));border-radius:12px!important;display:flex;flex-direction:column;background:rgb(var(--surface));padding:0!important}
.tg-columns-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px!important;border-bottom:1px solid rgb(var(--line))}.tg-columns-card h3{margin:0;font-size:16px;font-weight:600}
.tg-columns-card>header>button{width:28px;height:28px;border:0;border-radius:6px;background:rgb(var(--surface-2));color:rgb(var(--fg));font-size:20px;cursor:pointer}
.tg-columns-search{padding:10px 12px;border-bottom:1px solid rgb(var(--line))}.tg-columns-search input{width:100%;height:34px;border:1px solid rgb(var(--line));border-radius:6px;background:rgb(var(--surface));color:rgb(var(--fg));padding:6px 9px;font:inherit;font-size:13px}
.tg-columns-list{display:block!important;overflow-y:auto;min-height:0;padding:0!important}.tg-columns-list label{display:flex!important;align-items:center;gap:9px;margin:0!important;border:0!important;border-bottom:1px solid rgb(var(--line))!important;border-radius:0!important;min-height:38px;padding:8px 13px!important;font-size:13px;font-weight:400;background:transparent;cursor:pointer}
.tg-columns-list label:has(input:checked){background:rgb(var(--brand)/.035)}.tg-columns-list input{width:16px;height:16px;accent-color:rgb(var(--brand));flex:0 0 auto}
.tg-columns-card>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px!important;border-top:1px solid rgb(var(--line))}.tg-columns-card>footer button{font-size:12px;min-height:34px}
.tg-confirm-dialog{padding:0;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);border:1px solid rgb(var(--line-strong));border-radius:14px;background:rgb(var(--surface));color:rgb(var(--fg));box-shadow:0 24px 90px rgb(0 0 0/.24);overflow:auto}
.tg-confirm-dialog::backdrop{background:rgb(10 16 26/.52);backdrop-filter:blur(3px)}
.tg-confirm-head{padding:18px 18px 10px;display:flex;align-items:center;gap:10px}.tg-confirm-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));font-size:19px;font-weight:600}.tg-confirm-head h2{font-size:17px;font-weight:600;margin:0}
.tg-confirm-message{margin:0;padding:0 18px 18px;white-space:pre-line;font-size:13px;color:rgb(var(--fg-2));line-height:1.6;word-break:normal;overflow-wrap:break-word}
.tg-confirm-actions{padding:12px 18px;border-top:1px solid rgb(var(--line));display:flex;justify-content:flex-end;gap:8px;background:rgb(var(--surface-2))}.tg-confirm-actions button{border:1px solid rgb(var(--line));border-radius:7px;padding:8px 13px;min-height:36px;background:rgb(var(--surface));color:rgb(var(--fg));font:inherit;font-size:13px;cursor:pointer}.tg-confirm-actions [data-confirm-accept]{background:rgb(var(--brand));border-color:rgb(var(--brand));color:#fff}
.tg-photo-dialog{border:1px solid rgb(var(--line));border-radius:12px;padding:10px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);background:rgb(var(--surface));color:rgb(var(--fg))}.tg-photo-dialog::backdrop{background:rgb(10 16 26/.7)}.tg-photo-dialog img{display:block;max-height:calc(100dvh - 100px);max-width:100%;object-fit:contain;margin:auto}.tg-photo-dialog>button{display:block;margin:8px 0 0 auto}
@media(max-width:900px){
 :root{--ui-pad:12px}.page-wrap>.page{padding:14px 12px!important;min-height:calc(100svh - 52px + 24px)}
 .page table.tg-sheet-table.tg-mobile-card-table{display:block!important;border:1px solid rgb(var(--line))!important}
 .page table.tg-sheet-table.tg-mobile-card-table colgroup{display:none!important}
 .page table.tg-sheet-table.tg-mobile-card-table :is(thead,tbody,tr,th,td){width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 .page table.tg-sheet-table.tg-mobile-card-table tbody tr{height:auto!important;min-height:0!important}
 .page table.tg-sheet-table.tg-mobile-card-table tbody{gap:0!important;display:grid!important}
 .page table.tg-sheet-table.tg-mobile-card-table tbody tr{border:0!important;border-bottom:2px solid rgb(var(--line-strong))!important;border-radius:0!important;box-shadow:none!important}
 .page table.tg-sheet-table.tg-mobile-card-table tbody tr:last-child{border-bottom:0!important}
 .page table.tg-sheet-table.tg-mobile-card-table tbody td{display:grid!important;grid-template-columns:minmax(105px,35%) minmax(0,1fr)!important;gap:9px!important;min-height:35px!important;padding:8px 9px!important;border:0!important;border-bottom:1px solid rgb(var(--line))!important;border-radius:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;overflow:hidden!important}
 .page table.tg-sheet-table.tg-mobile-card-table tbody td::before{font-weight:500!important;white-space:normal;word-break:normal!important;overflow-wrap:normal!important}
 .page table.tg-sheet-table.tg-mobile-card-table tbody td>*{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:normal!important;overflow-wrap:normal!important}
 .page table.tg-sheet-table.tg-mobile-card-table td.tg-mobile-full-cell{display:block!important}
 .page table.tg-sheet-table.tg-mobile-filter-table thead tr{border-radius:0!important;gap:8px!important}
 .page table.tg-sheet-table.tg-mobile-filter-table thead .wf-th-inline{display:flex!important;flex-direction:column;align-items:stretch!important;gap:4px!important}
 /* The directory's legacy ID selector fixed the number cell at 38px even
    after card conversion, clipping its value behind the mobile label. */
 #employeeDirectory table.wf-directory-table.tg-mobile-card-table :is(thead,tbody) :is(th,td){width:100%!important;max-width:100%!important}
 #employeeDirectory table.wf-directory-table.tg-mobile-filter-table thead tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #employeeDirectory table.wf-directory-table.tg-mobile-filter-table thead th:not(:has(input,select)){display:none!important}
 .tg-columns-modal{padding:12px!important}.tg-columns-card{height:auto!important}
 .page :is(.wf-toolbar,.filter-bar,.filters,.filters-row){align-items:stretch}.page :is(.wf-toolbar,.filter-bar,.filters,.filters-row)>:is(input,select){flex-basis:calc(50% - 8px);max-width:none}
}
.tg-columns-list label[hidden],.page table.tg-sheet-table [hidden]{display:none!important}
.page table.tg-sheet-table.tg-mobile-card-table :is(thead,tbody) :is(th,td,tr)[hidden]{display:none!important}
.owner-tools{display:flex;flex-wrap:wrap;gap:8px}.owner-tools .btn{background:rgb(var(--surface));color:rgb(var(--fg));border:1px solid rgb(var(--line));min-height:36px}
form[action="/owner-panel/maintenance"]{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:end;gap:12px}form[action="/owner-panel/maintenance"]>label{display:grid;gap:6px;font-size:12px;font-weight:500;margin:0}form[action="/owner-panel/maintenance"]>label:first-child{display:flex;align-items:center;align-self:center;gap:8px}form[action="/owner-panel/maintenance"]>details{grid-column:1/-1;border:1px solid rgb(var(--line));border-radius:7px;padding:10px;font-size:12px}form[action="/owner-panel/maintenance"]>button{grid-column:3;grid-row:1;min-height:36px}form[action="/owner-panel/maintenance"] input[type="datetime-local"]{height:36px;font-size:12px;padding:6px 9px;border-radius:7px}
.page .bot-line{gap:8px;margin:0}.page .bot-line>label{flex:1 1 220px;font-size:12px}.page .bot-line>.btn{flex:none;min-height:36px}.page .bot-columns form{display:grid;gap:10px}.page .bot-columns form label{margin:0;font-size:12px}.page .bot-columns form :is(input:not([type="checkbox"]),textarea),.page .bot-line input{padding:7px 9px;border-radius:7px;font-size:12px;min-height:36px}.page .bot-columns h3{margin:12px 0 8px}.page .bot-columns form>.btn{justify-self:start}.page .bot-columns form.bot-line{display:flex;margin-top:12px}.page .bot-columns .tg-sheet-tools{margin-bottom:6px!important}.page .bot-recipients label{font-size:12px;display:flex;align-items:center;gap:7px;margin:0}
@media(max-width:650px){form[action="/owner-panel/maintenance"]{grid-template-columns:1fr}form[action="/owner-panel/maintenance"]>button{grid-column:auto;grid-row:auto;justify-self:start}.owner-tools .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tg-confirm-dialog,.tg-columns-card{animation:none!important;transition:none!important}}
/* KPI forms share the table's compact scale; never split job names mid-word. */
.wf-kpi-admin-v2 .wf-form-grid{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(150px,1fr) minmax(115px,.7fr) minmax(170px,1.2fr) auto;gap:8px;align-items:end;margin:10px 0}
.wf-kpi-admin-v2 .wf-form-grid>label{display:grid;gap:4px;font-size:11px;font-weight:500;min-width:0;margin:0}
.wf-kpi-admin-v2 .wf-form-grid input,.wf-kpi-admin-v2 .wf-form-grid select{width:100%;min-width:0;height:34px;min-height:34px;padding:6px 8px!important;box-sizing:border-box}
.wf-kpi-admin-v2 .wf-form-grid .wf-role-picker{min-width:0;margin:0!important;align-self:end}
.wf-kpi-admin-v2 .wf-role-picker summary{font-size:11px;font-weight:500;white-space:normal;word-break:normal;overflow-wrap:normal}
.wf-kpi-admin-v2 .wf-role-menu label{font-weight:400;font-size:11px;white-space:normal;word-break:normal;overflow-wrap:normal}
.wf-kpi-admin-v2 .wf-form-grid>.wf-role-picker>.wf-role-menu{position:absolute;inset-inline:0;top:100%;z-index:20;background:rgb(var(--surface));box-shadow:0 8px 22px rgb(0 0 0/.12)}
.wf-kpi-admin-v2 .wf-form-grid.wf-sales-rule-form{grid-template-columns:minmax(150px,1.2fr) minmax(115px,1fr) minmax(115px,1fr) auto}
.wf-kpi-admin-v2 .wf-form-grid .wf-btn{min-height:34px;height:34px;align-self:end}
.wf-kpi-admin-v2 .wf-cell-input{width:100%;min-width:0;box-sizing:border-box;font-weight:400;height:32px}
.wf-kpi-admin-v2 td form{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
@media(max-width:1100px){.wf-kpi-admin-v2 .wf-form-grid,.wf-kpi-admin-v2 .wf-form-grid.wf-sales-rule-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-kpi-admin-v2 .wf-form-grid>.wf-btn{justify-self:start}}
@media(max-width:540px){.wf-kpi-admin-v2 .wf-form-grid,.wf-kpi-admin-v2 .wf-form-grid.wf-sales-rule-form{grid-template-columns:minmax(0,1fr)}.wf-kpi-admin-v2 .wf-form-grid>.wf-btn{justify-self:stretch}}
[type=file]::file-selector-button{border:1px solid rgb(var(--line));border-radius:6px;background:rgb(var(--surface));color:rgb(var(--fg));padding:7px 12px;font:inherit;cursor:pointer;margin-right:10px}
.tg-upload{display:flex;align-items:center;gap:8px;position:relative;min-width:0;max-width:100%}
.tg-upload .tg-upload-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;opacity:0;pointer-events:none}
.tg-upload:focus-within{outline:2px solid rgb(var(--brand)/.3);outline-offset:2px;border-radius:6px}
.tg-upload .wf-btn{flex:none;margin:0}.tg-upload-name{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tg-confirm-actions [hidden]{display:none!important}
.pa-panel form[action="/owner-panel/maintenance"]{display:block}
.pa-panel form[action="/owner-panel/maintenance"] .pa-panel-body{display:grid;gap:12px}
.pa-panel form[action="/owner-panel/maintenance"] .pa-select-list{max-height:190px;overflow:auto;margin-top:8px}
.pa-panel form[action="/owner-panel/maintenance"] input[type=search]{width:100%;height:34px;min-height:34px;margin-top:6px}
.tg-settings-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid rgb(var(--line));margin:0 0 12px;padding:4px}
.tg-settings-tabs a{padding:8px 12px;font-size:13px;font-weight:400;border-radius:6px;text-decoration:none;color:inherit}
.tg-settings-tabs a[aria-current=page]{background:rgb(var(--brand-soft));color:rgb(var(--brand))}
.pa-check[hidden]{display:none!important}
[data-balance-adjustment] textarea{width:100%;min-height:60px;box-sizing:border-box;margin:6px 0;border:1px solid rgb(var(--line));border-radius:6px;padding:8px;font:inherit}
summary{list-style:none}summary::-webkit-details-marker{display:none}