/* Company panel (/panel) pieces on top of Tabler + vela-tabler.css: only what Tabler does not give for the panel's own markup. No inline styles (CSP). */

/* Result tables: empty state, pager, filter row. */
.empty{text-align:center;padding:2rem 1rem!important}
.panel-empty-title{display:block}
.panel-empty-copy{display:block;color:var(--tblr-secondary)}
.pager{display:flex;gap:.75rem;justify-content:flex-end;padding:.75rem 1rem}
.pager:empty{display:none}
.result-count{color:var(--tblr-secondary);margin:.5rem 1rem}

/* Detail pages: summary list and the three-part grid. */
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;margin-top:1rem}
.detail-grid>section{min-width:0}
.detail-summary dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem 1.5rem;margin:0}
.detail-summary dt{font-size:.75rem;color:var(--tblr-secondary);text-transform:uppercase;letter-spacing:.04em}
.detail-summary dd{margin:0}
.note{border-bottom:1px solid var(--tblr-border-color);padding:.5rem 0}
.note small{color:var(--tblr-secondary)}

/* License capacity numbers. */
.license-capacity{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:1rem 0}
.license-capacity>div{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:.75rem}
.license-capacity small{display:block;color:var(--tblr-secondary)}
.license-capacity strong{font-size:1.25rem}

/* Tab strips driven by panel-license.js / panel-reports.js (they set aria-selected and hidden). */
.license-tabs,.report-tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--tblr-border-color);margin:1rem 0}
.license-tabs[hidden],.report-tabs[hidden]{display:none}
.license-tabs [role=tab],.report-tabs [role=tab]{background:none;border:0;border-bottom:2px solid transparent;padding:.5rem .9rem;color:var(--tblr-secondary);font:inherit;cursor:pointer}
.license-tabs [role=tab][aria-selected=true],.report-tabs [role=tab][aria-selected=true]{color:var(--tblr-primary);border-bottom-color:var(--tblr-primary);font-weight:600}
.license-panel[hidden],.report-panel[hidden]{display:none}
.license-panel .card-body,.report-panel .card-body{padding:0}
.license-panel>h2,.report-panel>h2,.license-panel>p,.report-panel>p{padding:0 1rem}
.license-panel>h2,.report-panel>h2{margin-top:1rem;font-size:1.1rem}
progress{width:100%;height:.6rem}

/* Forms laid out as a row (filters). */
.filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:1rem}
.filters>div{flex:1 1 12rem}
.filters label{display:block;font-weight:600;margin-bottom:.25rem}
.filters input:not([type=checkbox]),.filters select{display:block;width:100%}
.filter-actions,.report-filter-actions{display:flex;gap:.5rem;align-items:center}

/* Customer / device forms and staff form. */
.customer-field,.staff-field{margin-bottom:.9rem}
.customer-field label,.staff-field label{display:block;font-weight:600;margin-bottom:.25rem}
details{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:.6rem .9rem;margin:.6rem 0}
details>summary{cursor:pointer;font-weight:600}
.actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}

/* Registration (anonymous) two-column layout. */
.registration-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
@media(max-width:768px){.registration-layout{grid-template-columns:1fr}}
.registration-privacy{color:var(--tblr-secondary);font-size:.85rem}
.error-content{text-align:center}