.public-feature{min-height:100vh;background:#111510;color:#eef2eb;padding:90px 20px 40px}.public-brand{position:absolute;left:6vw;top:28px}.public-card{width:min(460px,100%);margin:6vh auto;background:white;color:var(--ink);border-radius:18px;padding:38px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.public-card h1{font-size:30px;margin:8px 0 12px}.public-card>p{color:var(--muted);font-size:12px;line-height:1.7}.public-card form{display:grid;gap:15px;margin:25px 0}.public-card>a{display:block;text-align:center;color:var(--muted);font-size:10px}.inline-flash{padding:11px;border-radius:8px;background:#e8f6ed;color:#267d4b;font-size:11px}.inline-flash.error{background:#feeaea;color:#a43c3c}.otp{text-align:center;font-size:28px;letter-spacing:12px;font-weight:800}.customer-document,.portal-shell{max-width:900px;margin:20px auto;background:#f5f6f2;color:var(--ink);border-radius:20px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.3)}.customer-document>header,.portal-shell>header{display:flex;justify-content:space-between;align-items:flex-start;background:white;padding:30px;border-bottom:1px solid var(--line)}.customer-document h1,.portal-shell h1{margin:5px 0;font-size:26px}.customer-document header p,.portal-shell header p{color:var(--muted);font-size:11px}.document-panel{margin:24px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.document-panel h2{font-size:18px}.document-total{max-width:330px;margin:20px 0 0 auto}.document-total p{display:flex;justify-content:space-between;font-size:11px}.document-total p:last-child{border-top:1px solid var(--line);padding-top:12px;font-size:14px}.approval-form{padding:0 24px 24px}.approval-form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.approval-complete{margin:24px;padding:20px;background:#e8f6ed;border-radius:10px;color:#267d4b}.portal-contact{display:grid;text-align:right;gap:4px}.portal-contact small{color:var(--muted);font-size:8px}.portal-jobs{display:grid;gap:12px;padding:24px}.portal-jobs article{display:grid;grid-template-columns:1.2fr auto 1fr auto;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.portal-jobs h3{font-size:14px;margin:10px 0 4px}.portal-jobs small{color:var(--muted);font-size:9px}.portal-money{display:grid;gap:4px}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:start}.settings-nav{position:sticky;top:105px;display:grid;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}.settings-nav a{padding:11px;border-radius:8px;color:var(--muted);font-size:10px;font-weight:700}.settings-nav a:hover{background:#f3f5ef;color:var(--ink)}.settings-layout>div{display:grid;gap:15px}.settings-card{overflow:visible}.settings-section{border-top:1px solid var(--line);padding-top:22px}.settings-section>.eyebrow{padding:0 22px}.security-row,.backup-row{display:flex;align-items:center;gap:20px;padding:20px}.security-row>div,.backup-row>div{flex:1}.security-row b,.backup-row b{font-size:11px}.security-row p,.backup-row p{font-size:9px;color:var(--muted)}.switch input{display:none}.switch span{display:block;width:40px;height:22px;border-radius:20px;background:#d9ddd4;position:relative}.switch span:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:#7d9b20}.switch input:checked+span:after{left:21px}.invite-user{position:relative}.invite-user summary{list-style:none}.invite-user summary::-webkit-details-marker{display:none}.pop-form{position:absolute;right:0;top:48px;width:360px;padding:22px;z-index:25;box-shadow:0 20px 60px rgba(0,0,0,.16)}.pop-form h3{margin:0 0 14px}.pop-form label{margin:10px 0}.inventory-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inventory-form h3,.inventory-form button{grid-column:1/-1}.team-table details{position:relative}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.role-grid article{padding:18px}.role-grid b{font-size:11px}.role-grid p{font-size:9px;color:var(--muted);line-height:1.5}.inventory-stats{grid-template-columns:repeat(3,1fr)}.table-search{width:220px}.stock-low{color:#bc5c25}.stock-pop{width:300px}.audit-list article{display:flex;align-items:center;gap:12px;padding:15px 20px;border-top:1px solid var(--line)}.audit-list article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef1e9;font-size:9px;font-weight:900}.audit-list article>div{flex:1}.audit-list b{font-size:10px}.audit-list p{margin:4px 0 0;font-size:8px;color:var(--muted)}.audit-list time{font-size:8px;color:var(--muted)}.organization-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.branch-list article{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--line)}.branch-list article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#edf1e8;font-size:9px;font-weight:900}.branch-list b{font-size:11px}.branch-list small{display:block;color:var(--muted);font-size:8px;margin-top:4px}
.customer-engagement{padding:20px}.customer-engagement h3{margin:5px 0 15px}.customer-engagement>form{margin-top:10px}.job-message{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.portal-invite{display:flex;align-items:center;gap:20px;padding:15px 20px;margin:14px 0}.portal-invite>div{flex:1}.portal-invite b{font-size:11px}.portal-invite p{font-size:9px;color:var(--muted);margin:5px 0}.sidebar nav{overflow-y:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
.inline-po{display:grid;grid-template-columns:1.4fr 1.3fr .6fr .7fr auto;gap:8px;padding:16px;border-top:1px solid var(--line);align-items:end}.receive-po{display:flex;align-items:center;gap:20px;padding:18px 20px;margin-top:14px}.receive-po>div{flex:1}.receive-po b{font-size:11px}.receive-po p{font-size:9px;color:var(--muted)}.branch-create{grid-column:1/-1;padding:18px}.branch-create summary{cursor:pointer;font-size:11px;font-weight:800}.branch-create form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.branch-create button{grid-column:1/-1;justify-self:end}
.session-list article{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--line)}.session-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef1e9}.session-list article>div{flex:1}.session-list article b{display:block;font-size:10px;max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list article p{font-size:8px;color:var(--muted)}.session-list article em{font-style:normal;font-size:8px;color:#267d4b;background:#e8f6ed;padding:6px 9px;border-radius:20px}.legal-page{max-width:780px;margin:20px auto;background:#fff;color:var(--ink);padding:50px;border-radius:18px}.legal-page h1{font-size:38px;line-height:1.1;margin:12px 0 35px}.legal-page h2{font-size:15px;margin:27px 0 8px}.legal-page p{font-size:11px;line-height:1.8;color:var(--muted)}.legal-page .legal-note{border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.forgot-link{display:block;text-align:right;font-size:10px;color:#69765f;margin:-7px 0 8px}.inline-po{display:grid;grid-template-columns:1.4fr 1.3fr .6fr .7fr auto;gap:8px;padding:16px;border-top:1px solid var(--line);align-items:end}
.invoice-actions{display:flex;justify-content:flex-end;gap:8px}.branch-switcher{border-top:1px solid var(--line);padding:16px 20px}.branch-switcher>small{display:block;color:var(--muted);font-size:8px;margin-bottom:9px}.branch-switcher form{display:inline-block;margin:3px}
.messaging-setup{padding:18px 20px 8px}.messaging-setup .meta-only,.messaging-setup .qr-only{display:none}.messaging-setup[data-provider="meta"] .meta-only,.messaging-setup:has(.wa-provider-select option[value="meta"]:checked) .meta-only{display:grid}.messaging-setup[data-provider="qr"] .qr-only,.messaging-setup:has(.wa-provider-select option[value="qr"]:checked) .qr-only{display:grid}.whatsapp-qr-panel{padding:8px 20px 20px}.qr-box{display:grid;place-items:center;min-height:260px;background:#f4f6f1;border:1px solid var(--line);border-radius:14px;margin:10px 0}.qr-box img{border-radius:8px}.qr-ready{text-align:center;padding:30px}.qr-ready b{display:block;font-size:16px;margin-bottom:6px}.direct-wa{margin:16px 20px 20px;padding:18px}.billing-coupon{display:block;margin:14px 0 8px;max-width:280px}.workspace-chip{position:relative}.workspace-switch-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:#1b2119;border:1px solid #2a3227;border-radius:10px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.35)}.workspace-switch-menu form{margin:0}.workspace-switch-menu button{width:100%;text-align:left;background:transparent;border:0;color:#e7ebe4;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:11px}.workspace-switch-menu button:hover{background:#252d25}.workspace-switch-menu button:disabled{opacity:.45;cursor:default}.muted-note{padding:12px 20px;color:var(--muted);font-size:12px}.feature-toggle{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:800px){.settings-layout,.organization-grid{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.role-grid{grid-template-columns:1fr 1fr}.portal-jobs article{grid-template-columns:1fr auto}.portal-money{grid-column:1}.pop-form{position:fixed;inset:90px 15px auto;width:auto;max-height:75vh;overflow:auto}.inline-po{grid-template-columns:1fr 1fr}.branch-create form{grid-template-columns:1fr}}
@media(max-width:520px){.public-card{padding:26px}.customer-document,.portal-shell{border-radius:12px}.customer-document>header,.portal-shell>header{display:block}.document-panel{margin:12px;padding:16px}.approval-form>div{flex-direction:column}.portal-jobs{padding:12px}.role-grid,.inventory-form{grid-template-columns:1fr}.inventory-form h3,.inventory-form button{grid-column:1}.security-row,.backup-row{align-items:flex-start;flex-wrap:wrap}}