/* Shared spacing rhythm: 8 / 12 / 16 / 24 / 32 px, with compact mobile gutters. */
:root{--space-panel:24px;--space-section:24px;--space-field:16px}
.main{padding:32px;max-width:1600px;margin:0 auto;width:100%;min-width:0}
.page-heading{margin-bottom:24px;gap:16px;align-items:center}.page-heading p{margin-top:8px;line-height:1.6}
.heading-actions,.counter-actions,.form-actions,.admin-row-actions{gap:8px;flex-wrap:wrap}
.section-head{gap:16px;margin-bottom:16px;align-items:center}.section-head>div{min-width:0}.section-head h2,.section-head h3{margin:0}
.panel-head{padding:20px 24px;gap:16px}.panel-tools{padding:16px 24px;gap:16px;flex-wrap:wrap}
.padded,.chart-panel,.counter-card{padding:var(--space-panel)}
.form-grid{gap:var(--space-field)}.field{gap:8px;min-width:0}.field input,.field select,.field textarea{min-width:0;width:100%}
.form-section{margin-top:24px;padding-top:24px}.form-actions{margin-top:24px;padding-top:20px;align-items:center}
.form-actions .btn{min-height:40px}.form-error{margin-bottom:16px}.notice{line-height:1.65}
.settings-grid,.analytics-charts,.counter-grid,.report-grid,.content-grid{gap:24px}
.metric-grid{gap:16px;margin-bottom:24px}.queue-cards{gap:16px;margin-bottom:24px}
.queue-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.brand-preview .btn{margin-right:8px}
input[type=file]::file-selector-button{padding:9px 12px;margin-right:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
.queue-detail{margin-bottom:24px;padding:20px 24px;gap:16px}.queue-detail .counter-actions{margin:0}
.queue-config{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;padding:16px 0}.queue-config>div{min-width:0}.queue-config small{line-height:1.6}
.table-wrap{max-width:100%;overflow-x:auto}td,th{padding:16px 20px;vertical-align:middle}td>.btn+ .btn,td>.text-link+.btn{margin-left:8px}td small{display:block;margin-top:4px}
td.admin-row-actions{display:table-cell;min-width:230px}td.admin-row-actions .btn{margin:4px 6px 4px 0}
.brand{gap:12px;padding:4px 8px 28px}.sidebar .brand{margin-bottom:8px}.brand .organization-brand-name{font-size:1.15rem;font-weight:650;line-height:1.35;max-width:100%}.brand img.organization-logo{width:36px;height:36px;flex:0 0 36px;padding:2px}
.sidebar{padding:24px 16px 16px;overflow-y:auto}.sidebar .nav-item{min-height:40px;padding:10px 12px;line-height:20px;margin-bottom:2px}.sidebar .nav-section{margin-top:20px}.sidebar .nav-label{margin-bottom:12px}.side-bottom{padding-top:20px}
.brand-settings{margin-bottom:24px}.brand-settings .form-grid{row-gap:20px}.color-input input[type=color]{width:48px;flex:0 0 48px}
.settings-grid h2{margin-bottom:12px}.settings-grid .section-head h2{margin:0}.settings-grid form:not(.form-section){margin-top:20px}.settings-grid .public-links-panel{grid-row:auto}
.public-link-row{margin:20px 0}.public-link-row .row{gap:8px;flex-wrap:wrap}.public-link-row input{width:100%;min-width:0}
.integration-panel{margin-top:24px}.integration-panel p{font-size:.85rem;line-height:1.7;color:var(--muted)}.integration-panel .section-head p{margin-top:8px}.settings-tabs,.unified-audit-tabs{padding:0;gap:20px;margin:0 0 20px;overflow-x:auto}.settings-tabs .tab,.unified-audit-tabs .tab{white-space:nowrap}
.setting-help{margin:16px 0}.qr-editor{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:32px;margin-top:24px;align-items:start}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.qr-preview img{display:block;width:100%;height:auto;max-width:220px;aspect-ratio:1;background:white}.qr-preview p{margin:0}.qr-preview>span{font-size:.75rem;line-height:1.6}
.whatsapp-settings>form{margin-top:24px}.integration-verification{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0}.integration-verification>div{max-width:550px}.integration-verification .setting-help{margin-bottom:0}.integration-details{border:1px solid var(--line);border-radius:8px;padding:16px}.integration-details summary{cursor:pointer;font-size:.9rem;font-weight:600}.integration-details p{margin-top:12px}.delivery-heading{margin-top:24px}.whatsapp-settings .notice{margin-top:20px}
.profile-hero{margin-bottom:24px}.profile-facts,.profile-tabs{margin-bottom:24px}.visit-card,.record-card{padding:20px;margin:16px 0}.visit-card .counter-actions{margin-top:16px}.modal-head{padding:20px 24px}.modal-body{padding:24px}.modal-body>form>p+.notice{margin-top:16px}
.staff-summary,.analytics-filters{margin-bottom:24px}.department-panel{margin-top:24px}.audit-controls{margin-bottom:24px}.main-footer{padding-top:24px;line-height:1.6}
@media(max-width:1100px){.settings-grid{grid-template-columns:1fr}.qr-editor{grid-template-columns:minmax(0,1fr) 220px;gap:24px}}
@media(max-width:740px){:root{--space-panel:20px;--space-section:20px}.main{padding:24px 16px}.panel-head,.panel-tools{padding:16px 20px}.qr-editor{grid-template-columns:1fr;gap:24px}.qr-preview{width:244px;max-width:100%;justify-self:center}.integration-verification{flex-direction:column;align-items:start}.page-heading{align-items:start}.form-actions{justify-content:flex-start}.form-actions .btn{flex-grow:1}.section-head{flex-wrap:wrap}.sidebar .brand{padding-bottom:24px}.modal-head,.modal-body{padding:20px}td,th{padding:14px 16px}.queue-config{grid-template-columns:minmax(0,1fr) auto auto}.brand .organization-brand-name{font-size:1.05rem}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.metric-grid{gap:12px}.integration-panel{padding:18px}.filter-fields{gap:16px}.brand-settings .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.queue-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}