/* Shared Wellness Spot visual system. Brand colours remain inherited. */
.workspace main{max-width:1500px;margin:0 auto;padding:28px 30px 40px}.workspace{min-width:0;background:linear-gradient(180deg,var(--soft),#f8faf9 560px)}.top{margin-bottom:18px;gap:18px;align-items:center}.top h1{font-size:28px;letter-spacing:-.8px}.top p{color:var(--muted);line-height:1.7}.top>button{border-radius:12px;min-height:44px;background:#fff}.appbar{border-bottom:1px solid var(--line);background:#ffffffed}.account-tools summary{border-radius:12px;min-height:44px}.sidebar nav button{transition:background .15s ease,border-color .15s ease;min-height:38px;border-radius:9px}.nav-section-label{color:#ffffff8c;letter-spacing:1.3px}.sidebar .identity{padding-bottom:18px;border-bottom:1px solid #ffffff18}.sidebar .brand-label select{border-radius:10px}.status{display:table;max-width:100%;font-size:12px;line-height:1.6}.card{border-radius:20px;border:1px solid var(--line);box-shadow:0 8px 26px #17211c05;margin-bottom:20px}.card>h2{font-size:21px;letter-spacing:-.4px;margin-top:0}.card>p{line-height:1.7}.dashboard-hero{position:relative;padding:30px 32px;border-radius:22px;background:linear-gradient(120deg,var(--nav),var(--accent));color:white;box-shadow:0 14px 32px #17211c0c;border:0;margin-bottom:22px}.dashboard-hero .eyebrow{color:#ffffffc9;letter-spacing:1.4px;font-size:10px}.dashboard-hero h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:10px 0}.dashboard-hero p{color:#ffffffcb;max-width:650px;line-height:1.7;margin-bottom:0}.dashboard-hero .primary{margin-top:18px;background:#fff;color:var(--accent);border-color:#ffffff66}.metrics{gap:16px;margin:0 0 4px;align-items:stretch}.metric{padding:24px;background:linear-gradient(145deg,#fff 70%,var(--soft));min-width:0}.metric strong{font-size:28px;margin-top:10px;letter-spacing:-.8px;line-height:1.3;overflow-wrap:anywhere}.metric small{font-size:12px;line-height:1.5;color:var(--muted)}.dashboard-charts>.card{border-radius:20px}.panel-heading{gap:16px;align-items:center;flex-wrap:wrap}.panel-heading h2{font-size:19px}.rank-row{padding:16px 0}.rank-row>div:first-child{line-height:1.6}.filter{border-radius:18px;background:#fff;padding:20px;gap:12px;margin-bottom:20px;align-items:end}.filter input,.filter select{width:100%;box-sizing:border-box;min-width:0}.filter button{min-height:46px}.table{border-radius:14px;max-width:100%;overflow-x:auto}.table th{background:var(--soft);padding:15px;font-size:10px;letter-spacing:.8px}.table td{padding:15px;line-height:1.6;font-variant-numeric:tabular-nums}.table td small{font-size:10px;color:var(--muted)}.table tbody tr:nth-child(even){background:#fafcfb}.table tbody tr:hover{background:var(--soft)}.table td:first-child{font-weight:600}.empty{padding:36px 20px!important;line-height:1.7;color:var(--muted);text-align:center}.workspace input,.workspace select,.workspace textarea{border-radius:11px;border-color:var(--line);background:#fff;max-width:100%;box-sizing:border-box}.workspace input:focus,.workspace select:focus,.workspace textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.workspace button{border-radius:11px;min-height:42px}.workspace .primary{box-shadow:0 4px 12px #17211c0a}.workspace fieldset{margin-top:20px;gap:18px}.workspace fieldset label{font-size:12px}.notice.warning{border-radius:14px;line-height:1.7;font-size:13px;padding:16px 18px}.admin-controls{background:linear-gradient(145deg,#fff,var(--soft));border-top:3px solid var(--accent)}.admin-controls h2{font-size:21px}.admin-controls>p{max-width:760px}.admin-controls>label{max-width:100%}.admin-controls select{width:100%}.admin-controls #admin-editor form{padding-top:16px;border-top:1px solid var(--line)}.admin-controls .actions{margin-top:20px}.admin-controls .grid{gap:16px}.order-section,.product-form-section{box-shadow:0 8px 24px #17211c05}.order-summary{border-radius:20px}.payroll-team,.payroll-policy,.payroll-setup,.rewards-customers,.rewards-how{box-shadow:0 8px 24px #17211c05}.footer-note{text-align:center;padding-top:12px;color:var(--muted)}#addProduct,#addCustomer{margin:0 0 18px;padding:12px 18px}#content>fieldset{padding:20px;background:#fff;border-radius:18px}
@media(max-width:1100px){.workspace main{padding:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero h2{font-size:27px}}
@media screen and (max-width:760px){.workspace main{padding:20px 16px 108px}.workspace{background:linear-gradient(180deg,var(--soft),#f8faf9 500px)}.top{align-items:flex-start;gap:12px;flex-wrap:wrap}.top h1{font-size:28px;line-height:1.2;overflow-wrap:anywhere}.top p{font-size:12px}.appbar{padding:12px 16px}.card{padding:18px;border-radius:18px;margin-bottom:16px}.dashboard-hero{padding:23px 20px;border-radius:20px;margin-bottom:18px}.dashboard-hero h2{font-size:25px}.dashboard-hero p{font-size:12px}.metrics{gap:10px}.metric{padding:16px;margin-bottom:12px}.metric strong{font-size:23px}.metric small{font-size:11px}.dashboard-charts>.card{padding:18px}.rank-row>div:first-child{flex-wrap:wrap;gap:5px 12px}.panel-heading{align-items:flex-start}.filter{padding:16px;gap:12px}.filter label{min-width:0;flex:1 1 130px;max-width:none}.workspace input,.workspace select,.workspace textarea{font-size:16px;min-width:0}.workspace button{min-height:44px}.workspace .grid{gap:14px}.notice.warning{font-size:12px}.admin-controls>label{display:block}.admin-controls>label>select{margin-top:8px}.admin-controls .actions{display:grid;grid-template-columns:1fr;gap:10px}.admin-controls .grid{grid-template-columns:1fr}.order-section,.product-form-section{border-radius:18px}.payroll-section-head,.rewards-section-title{flex-wrap:wrap;gap:14px}.payroll-month,.rewards-section-title label{max-width:100%;min-width:0}.mobile-bottom{border-top:1px solid var(--line);box-shadow:0 -5px 24px #17211c08}.workspace .table:not(.staff-report .table):has(td[data-label]){overflow:visible;border:0;background:transparent}.workspace table:not(.staff-report table):has(td[data-label]){width:100%;min-width:0;white-space:normal}.workspace table:not(.staff-report table):has(td[data-label]) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.workspace table:not(.staff-report table):has(td[data-label]) tbody{display:grid;gap:12px}.workspace table:not(.staff-report table):has(td[data-label]) tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 14px;overflow:hidden}.workspace table:not(.staff-report table):has(td[data-label]) td{display:block;min-width:0;padding:11px 0;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid var(--line);font-size:13px}.workspace table:not(.staff-report table):has(td[data-label]) td::before{content:attr(data-label);display:block;font-size:10px;letter-spacing:.2px;color:var(--muted);font-weight:500;margin-bottom:5px}.workspace table:not(.staff-report table):has(td[data-label]) td:first-child{grid-column:1/-1;color:var(--accent);font-weight:700}.workspace table:not(.staff-report table):has(td[data-label]) td:last-child{grid-column:1/-1;border-bottom:0}.workspace table:not(.staff-report table):has(td[data-label]) td[colspan]::before{content:none}.staff-report .table td{padding:10px 0}.staff-report .table tr:hover{background:#fff}.staff-hero{margin-top:0}}
@media screen and (max-width:360px){.metric strong{font-size:20px}.filter label{flex-basis:100%}.workspace main{padding-left:14px;padding-right:14px}.top h1{font-size:26px}.card{padding:16px}}
@media print{.workspace{background:#fff}.workspace main{padding:0}.card{box-shadow:none}.print-report{border:0}.print-report table{width:100%}}
.direct-admin-actions{min-width:190px}.direct-admin-actions button{display:inline-block;margin:3px;padding:8px 12px;font-size:12px;border:1px solid var(--line);background:#fff;color:var(--accent)}.direct-admin-actions button[data-action="stock"]{background:var(--accent);color:#fff}.direct-admin-actions button[data-action="delete"]{color:#b5263e}.stock-adjust{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.stock-adjust h3{margin-top:0}.stock-adjust [data-stock-preview]{font-weight:700;color:var(--accent)}@media(max-width:760px){.direct-admin-actions{min-width:0!important}.direct-admin-actions button{min-height:44px;margin:4px 6px 4px 0}.stock-adjust{padding:16px}.stock-adjust .grid{grid-template-columns:1fr}}
.dispatch-checks{display:grid;gap:12px;margin:20px 0}.dispatch-checks label{display:flex;align-items:center;gap:10px}.dispatch-checks input[type="checkbox"]{width:20px;height:20px;min-height:20px;flex-shrink:0}#dispatch-editor{margin-top:20px}#dispatch-order{width:100%}
.business-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.business-history article{border:1px solid var(--line);border-radius:12px;padding:16px}.business-history small{display:block;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.business-preview{color:var(--accent);font-weight:650;line-height:1.8}.business-history p{font-size:13px;line-height:1.7}@media(max-width:760px){.business-history{grid-template-columns:1fr}.admin-controls form>.primary{width:100%;margin-top:16px}}
.table-tools{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:12px 0}.table-tools label:first-child{flex:1;min-width:130px}.table-tools input{width:100%}.table-tools label{font-size:11px}.table-pages{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-pages span{font-size:11px}.table-pages button{padding:8px 10px}.contact-action{display:inline-block;padding:6px 0;color:var(--accent);font-weight:600;font-size:12px}table tr[hidden]{display:none!important}@media(max-width:760px){.table-tools label:first-child{flex-basis:100%}.table-pages{width:100%;justify-content:space-between}.table-tools{padding:12px}.contact-action{min-height:38px}}@media print{.table-tools,.contact-action{display:none!important}.print-report tr[hidden]{display:table-row!important}}
.salary-private-details{background:var(--soft);border-radius:12px;padding:12px;margin:14px 0}.salary-private-details>small{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.6px}.salary-private-details p{font-size:11px;overflow-wrap:anywhere}.payroll-person-numbers strong{overflow-wrap:anywhere}.salary-private-details .payroll-badge{display:inline-block;white-space:normal}