/* Typography and color theme only. Existing geometry and interactions are retained. */
@font-face{font-family:Poppins;src:url('/assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/Poppins-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
/* Layered important declarations supersede historical unlayered theme overrides. */
@layer palette {
 :root{color-scheme:light!important;--bg:#f2eee5!important;--surface:#fffdf7!important;--raised:#eae2d2!important;--line:#d8cebc!important;--text:#302b24!important;--muted:#726b60!important;--cyan:#896a32!important;--amber:#976000!important;--green:#087A54!important;--red:#C9324A!important}
 :where(body *){color:inherit!important}
 body,body *{font-family:Poppins,'Segoe UI',sans-serif!important;font-weight:400!important}
 h1,h2,h3,h4,h5,h6,strong,b,.brand,.stat strong,.price,.customer-payment-value{font-weight:600!important}
 button,.btn,label,th,.side-link,.strategy-tab{font-weight:500!important}
 body,.app-shell,.workspace,.auth-layout{background:#f2eee5!important;color:#302b24!important}
 body *{border-color:#d8cebc!important}
 .panel,.sidebar,.workspace-top,.site-nav,.local-ribbon,.auth-card,.price-card,.feature,.stat,.stats>div,.ops-metrics>div,.ops-metrics>article,.faq-grid details,.customer-stat-grid>div,.customer-device,.customer-payment,.customer-license,.license-feature,.release-feature,.customer-note,.customer-diagnostic,.customer-empty,.empty,.preview-box,.floating-note,.cta-band,.terminal-card,.terminal-top,.terminal-inner,.terminal-bottom,.user-info-section,.info-balances>div,.info-demo-balance,.customer-code,.device-code,.ops-note,dialog,.modal-head,.modal-body,.modal-foot{background:#fffdf7!important;color:#302b24!important;box-shadow:none!important}
 h1,h2,h3,h4,h5,h6,strong,b,label,th,td,dt,dd,.brand,.side-link,.price,.stat,.person,.workspace-top,.customer-card-top,.customer-payment-value,.customer-facts,.info-row dd,.price-label,.license-plan,.release-version{color:#302b24!important}
 p,small,.muted,.tiny,.eyebrow,.sidebar-label,.nav-group-label,.nav-links,.footer,.footer-links,.local-ribbon,.stat-label,.chart-labels,.info-row dt,.info-missing,.info-source,.info-footnote,.info-updated,.customer-facts dt,.customer-steps,.customer-timeline,.customer-empty,.account-help-line,.license-caption,.hero-foot,.customer-stat-grid>div>span,.customer-stat-grid>div>small,.license-feature .license-subtitle,.release-version>span{color:#726b60!important}
 .eyebrow:before,.dot:first-child{background:#896a32!important}
 .hero h1 span,.typing-accent,.text-link,.customer-text-link,.feature-num,.chart-price strong,.info-copy,.nav-links a.active{color:#896a32!important}
 a:hover,.text-link:hover,.customer-text-link:hover{color:#715326!important}
 .btn,button.close-btn,.strategy-tab,.info-copy{background:#fffdf7!important;color:#896a32!important;border-color:#d8cebc!important;box-shadow:none!important}
 .btn:hover,.strategy-tab:hover,.side-link:hover{background:#eae2d2!important;color:#715326!important;border-color:#896a32!important}
 .btn.primary,.btn.amber,.release-upload-button,.skip{background:#896a32!important;color:#fffdf7!important;border-color:#896a32!important}
 .btn.primary:hover,.btn.amber:hover,.release-upload-button:hover{background:#715326!important;color:#fffdf7!important;border-color:#715326!important}
 .btn.primary *,.btn.amber *,.release-upload-button *{color:inherit!important}
 .side-link.selected,.strategy-tab.selected,.side-link[aria-current=page],.strategy-access,.badge.cyan,.customer-pill,.avatar{background:#eae2d2!important;color:#715326!important;border-color:#d8cebc!important}
 input,select,textarea{background:#fffdf7!important;color:#302b24!important;border-color:#d8cebc!important;accent-color:#896a32!important;box-shadow:none!important}
 input::placeholder,textarea::placeholder{color:#726b60!important;opacity:1!important}
 input:disabled,select:disabled,textarea:disabled,.btn:disabled{background:#F0F3F8!important;color:#726b60!important;opacity:1!important}
 :focus-visible{outline-color:#896a32!important}
 th{background:#eae2d2!important;color:#302b24!important}
 td{background:#fffdf7!important}
 tbody tr:hover td{background:#f2eee5!important}
 .badge,.customer-status,.customer-notice,.notice,.notice.amber,.badge.amber,.warning{background:#FFF6E5!important;color:#825400!important;border-color:#EAD5AA!important}
 .badge.green,.customer-status.online,.device-state.online,.positive,.info-positive,.payment-progress .complete{background:#EAF7F1!important;color:#087A54!important;border-color:#BDE5D4!important}
 .badge.red,.btn.danger,.form-error:not(:empty),.info-negative,.red{background:#FFF0F3!important;color:#C9324A!important;border-color:#EEC9D0!important}
 .form-error:empty{background:transparent!important}
 .quote{background:#EAF7F1!important;color:#087A54!important}
 .quote.down{background:#FFF0F3!important;color:#C9324A!important}
 .quote b{color:inherit!important}
 .chart-line{stroke:#896a32!important}.chart-fill{fill:#eae2d2!important}
 .auth-art{background:#eae2d2!important;color:#302b24!important}
 .divider{border-color:#d8cebc!important}
 dialog::backdrop{background:#172B4966!important}
 #toast{background:#302b24!important;color:#fffdf7!important}
 .customer-conversation{background:#f2eee5!important;color:#302b24!important}
}
/* Pixel typography for the three introductory hero text elements only. */
@layer palette {
 .hero>.reveal>.eyebrow,.hero>.reveal>h1,.hero>.reveal>h1 *,.hero>.reveal>p{font-family:'PolyMaria Pixel',monospace!important;font-weight:400!important}
 .hero>.reveal>h1,.hero>.reveal>h1 *{color:#C9324A!important}
 .hero>.reveal>.eyebrow{color:#007C94!important}
 .hero>.reveal>.eyebrow:before{background:#007C94!important}
 .hero>.reveal>p{color:#726b60!important}
}
/* Readable type scale across the website and both dashboard roles. */
@layer palette {
 body{font-size:16px!important;line-height:1.6!important}
 p,.field,.checkline,.access-row,.timeline-item,.workspace-top,.nav-links,.nav-end{font-size:15px!important}
 .btn,button,input,select,textarea,.side-link,table,td,td strong{font-size:15px!important;line-height:1.5!important}
 small,.tiny,.eyebrow,.sidebar-label,.nav-group-label,.badge,th,.local-ribbon,.stat-label,.download-meta,.form-error,.info-row,.info-missing,.info-source,.info-footnote,.info-updated,.user-info-section h3,.customer-pill,.customer-status{font-size:13px!important;line-height:1.6!important}
 .brand{font-size:22px!important}.brand small{font-size:12px!important}
 .sidebar-user strong{font-size:15px!important}.sidebar-user small{font-size:13px!important}
 body:has(.app-shell) h1{font-size:32px!important;line-height:1.35!important}
 body:has(.app-shell) h2,dialog h2{font-size:22px!important;line-height:1.4!important}
 body:has(.app-shell) h3,dialog h3{font-size:18px!important;line-height:1.4!important}
 .info-balances strong,.info-demo-balance strong{font-size:18px!important}
 .info-balances span,.info-demo-balance>span{font-size:13px!important}
 .hero>.reveal>.eyebrow{font-size:9px!important}
 .hero>.reveal>p{font-size:12px!important}
}
/* Header link icons share the existing navigation colors. */
.site-nav .nav-links>a,.site-nav .nav-end>a:not(.btn){display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.site-nav .nav-links>a>.icon,.site-nav .nav-end>a:not(.btn)>.icon{width:17px;height:17px;flex-shrink:0}
/* Deposit invoices: the exact address and amount remain fully visible and copyable. */
#modal.payment-invoice{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}
.payment-invoice .checkout-total{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:22px 0;padding:20px;border:1px solid #d8cebc;border-radius:12px}
.payment-invoice .checkout-total strong{overflow-wrap:anywhere;max-width:100%}
.payment-invoice .invoice-qr{margin:16px auto;width:192px;max-width:100%}
.invoice-address-block{margin:20px 0 12px;min-width:0}
.invoice-field-label{display:block;margin-bottom:8px}
.invoice-address{padding:16px;border:1px solid #d8cebc;border-radius:10px;overflow-wrap:anywhere;word-break:normal;user-select:all;line-height:1.6;letter-spacing:.025em}
.payment-invoice .invoice-copy-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.payment-invoice .invoice-copy-actions .btn{flex:1}
.payment-invoice .modal-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
@layer palette {
 .payment-invoice .invoice-address{font-family:ui-monospace,Consolas,monospace!important;font-size:20px!important;font-weight:500!important;color:#302b24!important;background:#eae2d2!important;border-color:#d8cebc!important}
 .payment-invoice .invoice-field-label{font-size:15px!important;font-weight:500!important}
 .payment-invoice .checkout-total{background:#f2eee5!important}
 .payment-invoice .checkout-total strong{font-size:32px!important;line-height:1.35!important}
 .payment-invoice .checkout-total>span{font-size:14px!important;color:#726b60!important}
}
@media(max-width:480px){
 .payment-invoice .modal-head,.payment-invoice .modal-body{padding:20px}
 .payment-invoice .modal-foot>.btn{flex:1 1 100%}
 @layer palette{.payment-invoice .invoice-address{font-size:18px!important}.payment-invoice .checkout-total strong{font-size:28px!important}}
}
/* Compact customer directory: scoped to the admin users table. */
@layer palette {
.compact-customers{min-width:1040px;width:100%;font-size:12px!important}
.compact-customers th,.compact-customers td{padding:8px 12px!important;vertical-align:middle;font-size:12px!important;line-height:1.35!important}
.compact-customers th .btn{min-height:28px;padding:3px 6px!important;font-size:11px!important;line-height:1.3!important}
.compact-customers .person{gap:9px;min-width:220px;max-width:320px}
.compact-customers .avatar{width:27px;height:27px;min-width:27px;font-size:10px!important;border-radius:7px}
.compact-customers .customer-identity{min-width:0;flex:1}
.compact-customers .customer-name{display:flex;align-items:center;gap:6px}
.compact-customers .customer-name strong{font-size:12px!important;line-height:1.35!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-customers small{display:block;font-size:11px!important;line-height:1.35!important;margin-top:2px;max-width:285px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-customers .tag-row{gap:5px;flex-wrap:nowrap}
.compact-customers .badge{padding:3px 6px!important;font-size:10px!important;line-height:1.4!important;white-space:nowrap}
.compact-customers td .btn{min-height:29px;padding:4px 8px!important;font-size:11px!important;line-height:1.3!important;gap:5px;white-space:nowrap}
.compact-customers .customer-name .customer-info-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:23px;height:23px;min-height:23px;padding:3px!important;border-radius:50%;background:transparent}
.compact-customers .customer-info-icon svg{width:13px;height:13px}
.customer-filters{padding:12px 16px!important;gap:8px!important}
.customer-filters input,.customer-filters select{min-height:34px;height:34px;padding:5px 9px!important;font-size:12px!important}
.customer-filters #user-search{min-width:220px;flex:1}

}
@layer palette {
.compact-customers .customer-name .customer-info-icon{width:23px!important;height:23px!important;min-height:23px!important;min-width:23px!important}
.compact-customers .customer-info-icon svg{width:13px!important;height:13px!important}
.compact-customers .avatar{width:27px!important;height:27px!important;min-width:27px!important}
.compact-customers .customer-identity{gap:2px!important}
.compact-customers .customer-identity small{margin-top:0!important}
.compact-customers td .btn:not(.customer-info-icon){min-height:29px!important}
}