.upload-zone-controls{grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px;display:grid}.upload-zone-controls label{color:#555c69;font-size:10.5px;font-weight:700}.upload-zone-controls select{width:100%;color:var(--ink);background:#fff;border:1px solid #dcd8ce;border-radius:8px;margin-top:5px;padding:9px 10px;display:block}.upload-zone.disabled{cursor:not-allowed;opacity:.6}.upload-zone.disabled button{cursor:not-allowed}@media (max-width:760px){.upload-zone-controls{grid-template-columns:1fr}}
.olr-page{gap:14px;display:grid}.olr-page-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.olr-page-actions>div b{font:600 18px Fraunces,serif;display:block}.olr-page-actions>div span{color:var(--muted);margin-top:3px;font-size:10.5px;display:block}.olr-filters{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:minmax(280px,1fr) 160px 140px auto;gap:9px;padding:12px;display:grid}.olr-filters select,.olr-search{background:#fff;border:1px solid #dcd8ce;border-radius:8px;height:38px}.olr-filters select{color:var(--ink);outline:none;padding:0 10px}.olr-search{align-items:center;gap:8px;padding:0 11px;display:flex}.olr-search svg{color:#8d929d;width:15px}.olr-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11.5px}.olr-filters .secondary svg{width:14px}.olr-table table{min-width:900px}.olr-table th:first-child{width:55px}.olr-table th:nth-child(2){width:210px}.olr-table th:nth-child(3){width:130px}.olr-table th:last-child{width:80px}.olr-sort{color:inherit;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:9px;font-weight:700;display:inline-flex}.olr-sort svg{width:11px;height:11px}.olr-notes{white-space:normal;min-width:180px;max-width:310px;color:var(--muted);line-height:1.45}.olr-skeleton{gap:10px;padding:16px;display:grid}.olr-skeleton i{background:linear-gradient(90deg,#efede8 25%,#f8f7f4 50%,#efede8 75%) 0 0/200% 100%;border-radius:7px;height:39px;animation:1.2s infinite olr-shimmer}@keyframes olr-shimmer{to{background-position:-200% 0}}.olr-empty{text-align:center;color:var(--muted);place-items:center;gap:7px;padding:55px 20px;display:grid}.olr-empty svg{width:34px;height:34px;color:var(--brass)}.olr-empty b{color:var(--ink);font:600 17px Fraunces,serif}.olr-empty p{font-size:11px}.olr-pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:9px;font-size:10.5px;display:flex}.olr-pagination>span{margin-right:auto}.olr-pagination label{align-items:center;gap:5px;display:flex}.olr-pagination select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px}.olr-pagination .secondary{padding:6px}.olr-pagination .secondary svg{width:14px}.olr-pagination button:disabled{opacity:.4;cursor:not-allowed}.olr-notice{background:var(--green2);color:var(--green);border:1px solid #cfe2d5;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:700}.olr-request-error{margin:0}.olr-form-modal{width:min(650px,100%)}.olr-form-modal .form-grid label em{color:var(--red);font-style:normal}.olr-form-modal .form-grid textarea{resize:vertical;width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dcd8ce;border-radius:8px;outline:none;margin-top:5px;padding:9px 10px;display:block}.olr-form-modal .form-grid textarea:focus{border-color:var(--brass);box-shadow:0 0 0 3px var(--brass2)}.olr-form-modal .form-grid label>small{color:var(--red);margin-top:4px;font-size:9.5px;display:block}.olr-form-modal .form-grid label>span{text-align:right;color:var(--muted);margin-top:3px;font-size:9px;display:block}.olr-delete-modal{width:min(480px,100%)}.olr-delete-modal>div{padding:20px 22px}.olr-delete-modal>div p{color:var(--muted);font-size:12px;line-height:1.55}.olr-delete-modal>div>b{background:var(--paper);border-radius:7px;margin:13px 0;padding:10px;font:500 11px IBM Plex Mono,monospace;display:block}.danger-solid{background:var(--red);border-color:var(--red)}.danger-solid:hover{background:#8d3d28}.form-error.full{grid-column:1/-1}.olr-form-modal .form-grid label>.olr-field-hint{text-align:left}@media (max-width:900px){.olr-filters{grid-template-columns:1fr 1fr}.olr-search{grid-column:1/-1}.olr-filters .secondary{width:max-content}}@media (max-width:600px){.olr-page-actions{align-items:flex-start}.olr-page-actions>div span{display:none}.olr-page-actions .primary{padding:8px 10px;font-size:11px}.olr-filters{grid-template-columns:1fr}.olr-search{grid-column:auto}.olr-filters .secondary{width:100%}.olr-pagination{flex-wrap:wrap;justify-content:center}.olr-pagination>span{text-align:center;width:100%;margin:0}.olr-pagination label{margin-right:auto}.olr-form-modal .form-grid{padding:16px}.olr-form-modal .form-grid label.full{grid-column:auto}}
.settings-page{--settings-accent:var(--brass);color:var(--ink)}.settings-intro,.settings-section-heading{margin-bottom:24px}.settings-intro h2,.settings-section-heading h2{margin-top:5px;font-size:clamp(25px,3vw,34px);line-height:1.08}.settings-intro>p:last-child,.settings-section-heading>span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.5;display:block}.settings-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.notification-settings-loading{min-height:240px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.notification-settings-loading svg{width:18px}.notification-settings-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:28px;display:grid}.notification-settings-main{min-width:0}.notification-mp-policy{color:#4b3c19;background:#fcf7e8;border:1px solid #d9c486;border-radius:14px;align-items:flex-start;gap:13px;margin-bottom:20px;padding:16px 18px;display:flex}.notification-mp-policy>svg{color:#aa7c21;flex:none;width:22px}.notification-mp-policy div{gap:4px;display:grid}.notification-mp-policy strong{font-size:13px}.notification-mp-policy span{font-size:11px;line-height:1.5}.notification-device-status>div.active,.notification-device-status>div.inactive{border-radius:10px;align-items:center;gap:10px;padding:13px 14px;font-size:12px;line-height:1.45;display:flex}.notification-device-status>div.active{color:#246b43;background:#eaf7ef}.notification-device-status>div.inactive{color:#725520;background:#faf4e7}.notification-device-status>div>svg{flex:none;width:19px}.notification-device-actions{gap:9px;margin-top:14px;display:flex}.notification-device-actions button{min-height:40px}.notification-device-actions svg{width:16px}.notification-preference-row{cursor:pointer;border-bottom:1px solid #edf0f2;padding:15px 58px 15px 0;display:block;position:relative}.notification-preference-row>span{gap:4px;display:grid}.notification-preference-row strong{font-size:12px}.notification-preference-row small{color:var(--muted);font-size:10px;line-height:1.45}.notification-preference-row em{color:#8a641b;background:#f5ead0;border-radius:5px;width:max-content;margin-top:3px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:800}.notification-preference-row input{opacity:0;position:absolute}.notification-preference-row>i{background:#d7dce2;border-radius:999px;width:42px;height:24px;transition:background .16s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.notification-preference-row>i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.notification-preference-row input:checked+i{background:#16b8d4}.notification-preference-row input:checked+i:after{transform:translate(18px)}.notification-preference-row input:focus-visible+i{outline-offset:2px;outline:3px solid #16b8d438}.notification-preference-row input:disabled+i{cursor:not-allowed;background:#b18a34}.notification-time-field{color:#272d38;margin-top:20px;font-size:12px;font-weight:750;display:block}.notification-time-field input{width:min(220px,100%);font:inherit;border:1px solid #d8e1e6;border-radius:10px;margin-top:8px;padding:11px 13px;display:block}.notification-time-field small{color:var(--muted);margin-top:6px;font-size:10px;font-weight:500;display:block}.notification-device-list{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px;position:sticky;top:86px}.notification-device-list .settings-section-heading{margin-bottom:16px}.notification-device-list .settings-section-heading h2{font-size:24px}.notification-device-list article{border-top:1px solid #edf0f2;grid-template-columns:32px 1fr 30px;align-items:center;gap:10px;padding:13px 0;display:grid}.notification-device-list article>svg{color:#099fbb;width:20px}.notification-device-list article div{gap:3px;min-width:0;display:grid}.notification-device-list article strong{font-size:11px}.notification-device-list article span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.notification-device-list article button{width:30px;height:30px;color:var(--red);background:#fff0ec;border:0;border-radius:7px;place-items:center;display:grid}.notification-device-list article button svg{width:14px}.notification-device-empty{color:var(--muted);padding:18px 0;font-size:11px}.settings-menu-grid>button{text-align:left;border:1px solid var(--line);min-height:165px;color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:45px 1fr 24px;align-items:start;gap:18px;padding:28px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.settings-menu-grid>button:hover{border-color:#95ddea;transform:translateY(-2px);box-shadow:0 16px 38px #17203312}.settings-menu-grid>button>svg{color:#8a93a1;align-self:center;width:20px}.settings-card-icon{color:#099fbb;background:#e8f9fc;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.settings-card-icon svg{width:21px}.settings-menu-grid small,.settings-form-title small{color:#08a9c7;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800;display:block}.settings-menu-grid strong{margin-top:12px;font-size:20px;display:block}.settings-menu-grid em{color:var(--muted);margin-top:10px;font-size:13px;font-style:normal;display:block}.settings-back{margin-bottom:26px}.settings-back svg{width:16px}.settings-profile-card,.settings-form-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px}.settings-profile-card{max-width:980px;padding:30px}.settings-branding-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:28px;display:grid}.settings-branding-layout .settings-profile-card{max-width:none}.settings-profile-grid,.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.settings-profile-grid label,.settings-form-grid label{color:#272d38;min-width:0;font-size:12px;font-weight:750}.settings-profile-grid label>small,.settings-form-grid label>small{color:var(--muted);margin-top:7px;font-size:10px;font-weight:500;display:block}.settings-profile-grid input,.settings-form-grid input,.settings-form-grid textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8e1e6;border-radius:10px;outline:none;margin-top:8px;padding:12px 14px;font-weight:500}.settings-form-grid textarea{resize:vertical;min-height:92px;line-height:1.5}.settings-profile-grid input:focus,.settings-form-grid input:focus,.settings-form-grid textarea:focus{border-color:#1bb7d2;box-shadow:0 0 0 3px #16b8d420}.settings-form-grid .full{grid-column:1/-1}.settings-asset-field{background:#fbfdfe;border:1px dashed #b7d4dc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;margin-top:8px;padding:10px;display:flex}.settings-asset-field>button{color:#057b91;background:#dff7fb;border:0;border-radius:9px;flex:180px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:12px;font-weight:800;display:inline-flex}.settings-asset-field>button svg{width:16px}.settings-asset-field>input{display:none}.settings-asset-field>span{width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.settings-color-field{grid-template-columns:70px 1fr;gap:10px;display:grid}.settings-color-field input[type=color]{height:44px;padding:5px}.settings-logo-preview{min-height:110px;color:var(--muted);border:1px solid #edf0f2;border-radius:12px;grid-template-columns:1fr 150px;align-items:center;gap:14px;padding:14px;font-size:11px;font-weight:700;display:grid}.settings-logo-preview img{object-fit:contain;width:100%;max-height:80px}.settings-brand-preview{gap:16px;display:grid;position:sticky;top:92px}.settings-sidebar-preview{color:#bbc0cc;background:#171a22;border-radius:18px;padding:20px 16px;box-shadow:0 18px 40px #171a2225}.settings-sidebar-brand{align-items:center;gap:12px;min-height:66px;margin-bottom:18px;display:flex}.settings-sidebar-brand img{object-fit:contain;width:52px;height:52px}.settings-sidebar-brand span,.settings-sidebar-brand strong,.settings-sidebar-brand small{min-width:0;display:block}.settings-sidebar-brand strong{color:#fff;overflow-wrap:anywhere;font:600 16px Fraunces,serif}.settings-sidebar-brand small{color:#7d8494;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:700;line-height:1.35}.settings-sidebar-item{border-radius:8px;align-items:center;gap:10px;margin-top:5px;padding:10px 12px;font-size:12px;font-weight:650;display:flex}.settings-sidebar-item svg{width:17px}.settings-sidebar-item.active{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, #232630), #232630);box-shadow:inset 3px 0 var(--accent);color:#fff}.settings-icon-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-icon-previews>div{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;gap:8px;min-height:125px;padding:14px;display:grid}.settings-icon-previews span{color:var(--muted);font-size:10px;font-weight:750}.settings-icon-previews img{object-fit:contain;border-radius:14px;width:64px;height:64px}.settings-save-area{margin-top:24px}.settings-save-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-save-actions>button{justify-content:center;align-items:center;gap:8px;min-height:45px;display:inline-flex}.settings-save-actions>button svg{width:16px}.settings-save-actions>.primary{background:var(--brass);border-color:var(--brass);color:#fff;width:min(300px,100%);min-height:45px}.settings-message{border-radius:9px;align-items:center;gap:8px;max-width:720px;margin-bottom:10px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.settings-message svg{width:16px}.settings-message.success{color:#246b43;background:#eaf7ef}.settings-message.error{color:#a4442d;background:#fff0ec}.settings-invoice-layout{grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);align-items:start;gap:28px;display:grid}.settings-invoice-form{min-width:0}.settings-form-card{margin-bottom:20px;padding:24px}.settings-form-title{margin-bottom:20px}.settings-form-title h3{margin-top:4px;font-size:19px}.settings-preview-column{min-width:0;position:sticky;top:94px}.settings-preview-column>.eyebrow{color:#08a9c7;margin-bottom:12px}.settings-preview{--accent:#16b8d4;aspect-ratio:.707;background:#fff;border:1px solid #d7e2e6;border-radius:12px;width:100%;padding:clamp(22px,4vw,44px);font-family:Arial,sans-serif;overflow:hidden;box-shadow:0 20px 50px #17203314}.settings-preview-top{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.settings-preview-brand img{object-fit:contain;object-position:left center;width:92px;height:50px;margin-bottom:15px;display:block}.settings-preview-brand strong{margin-bottom:6px;font-size:17px;display:block}.settings-preview-brand span,.settings-preview-meta span{color:#6b7685;font-size:9px;line-height:1.45;display:block}.settings-preview-meta{text-align:right}.settings-preview-meta h3{color:var(--accent);margin-bottom:8px;font-size:24px}.settings-preview-rule{background:var(--accent);height:3px;margin:22px 0}.settings-preview table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:9px}.settings-preview th,.settings-preview td{border:1px solid #dce4e7;padding:12px 10px}.settings-preview th{background:var(--accent);color:#fff;text-align:left;letter-spacing:.05em;font-size:8px}.settings-preview th:first-child,.settings-preview td:first-child{width:42px}.settings-preview th:last-child,.settings-preview td:last-child{text-align:right;white-space:nowrap;width:112px}.settings-preview tfoot td{background:#f0f5f6;font-weight:800}.settings-preview-note{border-left:3px solid var(--accent);color:#687482;background:#f7f9fa;margin:18px 0;padding:13px;font-size:9px}.settings-preview-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:20px;display:grid}.settings-preview-bottom>div:first-child b,.settings-preview-bottom>div:first-child strong,.settings-preview-bottom>div:first-child span{display:block}.settings-preview-bottom>div:first-child b{color:var(--accent);letter-spacing:.08em;margin-bottom:9px;font-size:8px}.settings-preview-bottom>div:first-child strong,.settings-preview-signature strong{font-size:9px}.settings-preview-bottom>div:first-child span,.settings-preview-signature span{color:#63707f;font-size:8px}.settings-preview-signature{text-align:center}.settings-preview-signature img,.signature-placeholder{object-fit:contain;color:#9ba5af;place-items:center;width:95px;height:50px;margin:0 auto 4px;font-size:8px;font-style:italic;display:grid}.settings-preview-signature strong,.settings-preview-signature>span:last-child{display:block}@media (max-width:1120px){.settings-invoice-layout,.notification-settings-layout,.settings-branding-layout{grid-template-columns:1fr}.settings-preview-column,.notification-device-list,.settings-brand-preview{max-width:660px;position:static}}@media (max-width:760px){.settings-menu-grid,.settings-profile-grid,.settings-form-grid{grid-template-columns:1fr}.settings-menu-grid>button{grid-template-columns:40px 1fr 18px;gap:12px;min-height:138px;padding:20px}.settings-card-icon{width:40px;height:40px}.settings-profile-card,.settings-form-card{border-radius:14px;padding:18px}.settings-form-grid .full{grid-column:auto}.settings-logo-preview{grid-template-columns:1fr}.settings-logo-preview img{max-width:160px}.settings-preview{padding:22px}.settings-preview-brand strong{font-size:13px}.settings-preview-meta h3{font-size:19px}.settings-preview th,.settings-preview td{padding:8px 6px}.settings-preview th:last-child,.settings-preview td:last-child{width:92px}}@media (max-width:460px){.settings-preview{padding:16px}.settings-preview-top{gap:9px}.settings-preview-brand img{width:70px;height:38px}.settings-preview-brand span,.settings-preview-meta span,.settings-preview table{font-size:7px}.settings-preview th:last-child,.settings-preview td:last-child{width:75px}}