/* Bright surfaces with dark, legible text. */
body{font-size:14px;background:#f7fbff}
::selection{background:#c6f0df;color:#193e3a}
.brand span{color:#ef762f}.brand-light{color:#007f73}
.eyebrow,.page-eyebrow{color:#176f76;font-size:10px;font-weight:600}
.login-story{background:linear-gradient(145deg,#d5f8e6 0%,#e2f4ff 67%,#fff0d8 100%);border-right:1px solid #d1e7e7}
.login-story:before,.login-story:after{border-color:#8bcdbb;opacity:.45}
.story-copy .eyebrow{color:#126c6b}.story-copy h1{color:#173d47;font-weight:600}
.story-copy>p,.story-company,.story-company small{color:#435f6b}
.story-copy>p{font-size:15px}.story-company{font-size:12px}.story-company small{font-size:11px}
.story-stock{background:#ffffffd9;border-color:#b8dfd4;box-shadow:0 16px 35px #2f8b7b14}
.story-stock>span{color:#416e77;font-size:10px}.story-stock>strong{color:#006e64}
.story-stock i{background:#d8f5e8;color:#08766b}.story-stock i:nth-child(2){background:#e4efff;color:#326aaf}.story-stock i:nth-child(3){background:#ffebcd;color:#a64b0e}
.story-floating{background:#fff0d6;color:#884514;border:1px solid #f0c58c;font-size:12px}
.login-panel{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.login-card>p{font-size:14px;color:#52677b}.back-link{font-size:12px;color:#44647b}
label{font-size:13px;color:#39566c}
input,select{font-size:14px;background:#fff;border-color:#bfcfdc;padding:12px 14px;border-radius:8px}
input::placeholder{color:#66798b}input:focus,select:focus{border-color:#008b7c;box-shadow:0 0 0 3px #00a48a13}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-color:#9a5cc6}
.toggle-password{font-size:12px;top:11px;color:#38677a}
.button{font-size:13px;border-radius:8px;min-height:43px;font-weight:500}
.primary{background:#007f73;color:#fff;box-shadow:0 4px 10px #007f7314}.primary:hover{background:#006c62}
.secondary{background:#def8ec;color:#086354}.secondary:hover{background:#c9f1de}
.ghost{background:#fff;border-color:#c4dbe7;color:#28627f}.danger{background:#ffebe5;color:#a13e29}
.error{font-size:12px;color:#a33c32}.login-note>span{color:#087e75}
.login-note p,.login-footer{font-size:11px;color:#52677b}
.sidebar{background:linear-gradient(175deg,#e3f9ef 0%,#eaf4ff 100%);border-right:1px solid #cce4e4;color:#284b5c}
.workspace-label{background:#ffffffc7;border-color:#bddfd4}.workspace-label strong{font-size:12px;color:#244957}.workspace-label small{font-size:9px;color:#52677b}
.workspace-indicator{background:#008f75;box-shadow:0 0 0 4px #00a88112}
#mainNav>button{font-size:13px;color:#37556d;padding-top:13px;padding-bottom:13px;border-radius:8px}
#mainNav>button:hover{background:#ffffffa6;color:#006f63}
#mainNav>button.active{background:#007f73;color:#fff;box-shadow:0 5px 12px #007f731c}#mainNav>button.active i{color:#fff}
.nav-divider{font-size:9px;color:#52677b;font-weight:600}.nav-dot{background:#008e77}#mainNav>button.active .nav-dot{background:#d8fb9f}
.sidebar-company{color:#00776a}.sidebar-company small,.sidebar-bottom>a{color:#52677b;font-size:10px}
.app-header{background:#ffffffef;backdrop-filter:blur(12px);border-bottom-color:#cfe3ed}
.breadcrumb{font-size:12px;color:#52677b}.breadcrumb>span{color:#6e889b}.breadcrumb b{color:#294f63}
.header-user{font-size:12px;color:#38566c}.logout-button{font-size:11px;color:#38677a}
.badge{font-size:11px;background:#e8f2ff;color:#315c8d;border:1px solid #cbdff5;padding:4px 9px}
.badge.trial{background:#fff0db;color:#99400c;border-color:#f4d0a5}.badge.connected{background:#ddf6e9;color:#136344;border-color:#addcc4}
.badge.configured{background:#e7f1ff;color:#295f92;border-color:#bed7f1}.badge.error{background:#ffebe5;color:#a13e29;border-color:#f0c7bb}
.icon-button{background:#e7f3ff;color:#326280}.user-avatar{background:#def8ec;color:#076b58;font-size:12px}
.workspace-notice{background:#fff0db;color:#884715;border-bottom-color:#f1d4af;font-size:12px}.workspace-notice.reviewer{background:#e7f3ff;color:#2e5e83;border-bottom-color:#c9dfef}
.page-heading p{font-size:13px;color:#52677b}.page-heading h1{color:#22364a}
.loading,.panel-empty,.table .empty-cell{color:#52677b;font-size:13px}
.load-error{background:#fff3df;border-color:#eccb9c}.load-error h3{color:#8e4d13}.load-error p{color:#7a5735;font-size:13px}
.metric,.panel,.table-wrap,.connector-card,.account-card{background:#fff;border-color:#d5e5eb;box-shadow:0 3px 16px #345c7705}
.metric{border-top:3px solid #59a8df;background:linear-gradient(135deg,#fff 25%,#ecf6ff 100%)}
.metric:nth-child(2){border-top-color:#28b28c;background:linear-gradient(135deg,#fff 25%,#e8fbf2 100%)}
.metric:nth-child(3){border-top-color:#ec9b38;background:linear-gradient(135deg,#fff 25%,#fff2df 100%)}
.metric:nth-child(4){border-top-color:#a182db;background:linear-gradient(135deg,#fff 25%,#f2ecff 100%)}
.metric>span{color:#405c71;font-size:12px}.metric small{color:#52677b;font-size:11px}.metric .metric-icon{color:#327ba9}
.metric.warning{background:#fff3df;border-color:#edcf9f;border-top-color:#ec9b38}.metric.warning strong,.metric.warning .metric-icon{color:#9a5216}
.panel-header{border-color:#e0ebf1;background:#fbfdff}.panel-header h2{font-size:16px;font-weight:600}.panel-header p,.panel-header>button{font-size:11px;color:#426b80}
.empty-icon{color:#428f96}.warehouse-row,.activity-item{border-color:#e2edf0}.warehouse-symbol{background:#e4f5ff;color:#31769d}
.warehouse-row b{font-size:13px}.warehouse-row small,.warehouse-row em{color:#52677b;font-size:11px}
.activity-type{background:#def8ec;color:#087257}.activity-type.out{background:#fff0db;color:#99400c}
.activity-item b{font-size:12px}.activity-item small{color:#52677b;font-size:10px}.activity-item strong{color:#086c52}.activity-item strong.out{color:#99400c}
.platform-icon.woo{background:#f0eaff;color:#714299}.platform-icon.laz{background:#ffeadf;color:#ad471f}
.connection-summary b{font-size:13px}.connection-summary small{color:#52677b;font-size:11px}
.quick-start{background:linear-gradient(110deg,#def8ec,#e7f3ff);border-color:#bddfd7}.quick-start p{font-size:12px;color:#435f70}
.toolbar input,.toolbar select{font-size:13px;background:#fff;border-color:#bfcfdc}
.filter-button{background:#e7f3ff;color:#315f83;font-size:12px}.filter-button.active{background:#fff0db;color:#99400c;box-shadow:inset 0 0 0 1px #eac596}
.table{font-size:13px}.table th{font-size:11px;color:#3b5c73;background:#eaf4ff;font-weight:600}.table td{border-color:#e2edf2}.table tbody tr:hover{background:#f2fbf8}
.table .product-cell b{font-size:13px;font-weight:500}.product-cell small,.product-cell small+small{font-size:11px;color:#52677b}.product-mark{background:#def8ec;color:#087e6a}.muted{color:#52677b}
.row-actions button{font-size:11px;background:#ddf6e9;color:#136344;padding:7px 10px;border-radius:5px}.row-actions button.out{background:#fff0db;color:#99400c}
.table-note,.list-count,.readonly-note{font-size:11px;color:#52677b}.readonly-note{background:#e7f3ff;color:#315f83}
.help-note{font-size:12px;color:#305c6d;background:#e8f7f2;border-color:#c9e9df}.help-note.warning{background:#fff3df;color:#884715;border-color:#edcea3}
.connection-meta dt{font-size:11px;color:#52677b}.connection-meta dd{font-size:12px;color:#294d64}.connection-help{font-size:12px;color:#52677b}
.connection-error{font-size:12px;background:#ffebe5;color:#a13e29;border-color:#efc7bb}
.callback-box{background:#e7f3ff;border-color:#c9dfef}.callback-box span,.callback-box code{font-size:11px;color:#315c7e}.callback-box button{font-size:11px;color:#245985;background:#d0e7ff}
.sync-note{font-size:12px;background:#fff3df;color:#88501b;border-color:#edcea3}.sync-note strong{color:#88501b}
.account-card p{color:#52677b;font-size:13px}.account-fields dt{font-size:12px;color:#52677b}.account-fields dd{font-size:13px;color:#294d64}
.help-steps li{font-size:13px;color:#52677b}.help-steps li:before,.help-steps li b{color:#00766c}
.code-label{font-size:11px;color:#65419a;background:#f0eaff}.app-footer{font-size:10px;color:#52677b}
.form-dialog{background:#fff;border-color:#c6dfe6}.form-dialog::backdrop{background:#163c53a6;backdrop-filter:blur(6px)}
.dialog-description{font-size:13px;color:#52677b}.form-dialog label small{font-size:11px;color:#52677b}.toast{color:#fff;background:#007f73;font-size:13px}
@media(max-width:650px){.login-panel{background:#f7fbff}.story-copy h1{color:#173d47}.login-card>p{font-size:13px}.page-heading p{font-size:12px}.workspace-notice{font-size:11px}.metric>span{font-size:11px}.metric small{font-size:10px}.table{font-size:12px}.table .product-cell b{font-size:12px}.product-cell small,.product-cell small+small{font-size:10px}.header-user{font-size:11px}.app-footer{font-size:9px}}