.ox-app{--ox-bg: #F4F5F7;--ox-card: #FFFFFF;--ox-line: #E5E7EB;--ox-text: #111827;--ox-muted: #6B7280;--ox-brand: #4F46E5;--ox-soft: #EEF0FF;display:grid;grid-template-columns:208px minmax(0,1fr);font-size:13px;line-height:1.45;text-align:left;color:var(--ox-text);background:var(--ox-bg)}.ox-side{padding:14px 10px;background:var(--ox-card);border-right:1px solid var(--ox-line)}.ox-logo{display:flex;align-items:center;gap:8px;padding:0 8px 12px;font-size:16px;font-weight:700;letter-spacing:-.02em}.ox-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#fff;background:var(--ox-brand)}.ox-menu{display:flex;flex-direction:column;gap:2px}.ox-group{margin:12px 8px 2px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ox-muted)}.ox-nav{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:0 8px;border-radius:8px;text-align:left;color:#374151;transition:background .18s,color .18s}button.ox-nav{cursor:pointer}button.ox-nav:hover{background:var(--ox-bg)}.ox-nav[aria-current=true]{font-weight:600;color:var(--ox-brand);background:var(--ox-soft)}.ox-nav[data-tour-press]{animation:ox-press .5s ease-out}@keyframes ox-press{0%{box-shadow:0 0 #4f46e573}to{box-shadow:0 0 0 10px #4f46e500}}.ox-idle{color:#6b7280}.ox-count{margin-left:auto;padding:1px 7px;border-radius:9999px;font-size:10.5px;font-weight:700;color:#fff;background:var(--ox-brand)}.ox-main{min-width:0}.ox-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 16px;font-weight:600;background:var(--ox-card);border-bottom:1px solid var(--ox-line)}.ox-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--ox-line);border-radius:8px;font-weight:500}.ox-screens{display:grid;padding:16px}.ox-screen{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .35s var(--ease-soft),transform .35s var(--ease-soft),visibility 0s .35s}.ox-screen[data-active]{opacity:1;visibility:visible;transform:none;transition-delay:0s}.ox-title{font-size:17px;font-weight:700;letter-spacing:-.01em}.ox-head{display:flex;align-items:center;gap:7px;font-weight:600}.ox-label{font-size:12px;color:var(--ox-muted)}.ox-value{margin-top:6px;font-size:18px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ox-card{padding:12px 14px;background:var(--ox-card);border:1px solid var(--ox-line);border-radius:10px}.ox-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ox-grid6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ox-pill{padding:9px 10px}.ox-pill .ox-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ox-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}.is-amber{color:#d97706}.is-brand{color:var(--ox-brand)}.is-blue{color:#2563eb}.is-green{color:#059669}.is-muted{color:#6b7280}.is-red{color:#dc2626}.ox-ok{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#059669}.ox-link{font-weight:600;color:var(--ox-brand)}.ox-sub{display:block;font-size:11.5px;color:var(--ox-muted)}.ox-num{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.ox-btn{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-weight:600;white-space:nowrap;color:#fff;background:var(--ox-brand)}.ox-badge{display:inline-flex;padding:1px 8px;border:1px solid;border-radius:6px;font-size:11.5px;font-weight:600;white-space:nowrap}.ox-badge.is-warn{color:#b45309;background:#fef3c7;border-color:#fcd34d}.ox-badge.is-info{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.ox-badge.is-ok{color:#047857;background:#d1fae5;border-color:#6ee7b7}.ox-badge.is-brand{color:#4338ca;background:#eef0ff;border-color:#c7d2fe}.ox-tabs{display:flex;gap:18px;overflow:hidden;white-space:nowrap;color:#4b5563;border-bottom:1px solid var(--ox-line)}.ox-tabs span{padding-bottom:8px}.ox-tabs .is-on{font-weight:600;color:var(--ox-brand);box-shadow:inset 0 -2px 0 var(--ox-brand)}.ox-table{width:100%;border-collapse:collapse}.ox-table th{padding:9px 12px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ox-muted);border-bottom:1px solid var(--ox-line)}.ox-table th.ox-num{text-align:right}.ox-table td{padding:8px 12px;border-bottom:1px solid var(--ox-line)}.ox-table tr:last-child td{border-bottom:0}.ox-table tr.is-hot td{background:var(--ox-soft)}.ox-timeline li{position:relative;padding:0 0 12px 22px}.ox-timeline li:last-child{padding-bottom:0}.ox-timeline li:before{content:"";position:absolute;left:3px;top:4px;width:9px;height:9px;border:2px solid var(--ox-brand);border-radius:9999px;background:var(--ox-card)}.ox-timeline li.is-green:before{border-color:#059669}.ox-timeline li:not(:last-child):after{content:"";position:absolute;left:7px;top:16px;bottom:0;width:1px;background:var(--ox-line)}.ox-timeline li.is-green{color:var(--ox-text)}.ox-meter{height:5px;overflow:hidden;border-radius:9999px;background:var(--ox-line)}.ox-meter span{display:block;width:14%;height:100%;border-radius:inherit;background:#10b981}@media(max-width:1023px){.ox-hide-sm{display:none}}@media(max-width:767px){.ox-app{grid-template-columns:minmax(0,1fr)}.ox-side{padding:8px;border-right:0;border-bottom:1px solid var(--ox-line)}.ox-logo,.ox-group,.ox-idle{display:none}.ox-table th,.ox-table td{padding:8px 6px}.ox-table th:first-child,.ox-table td:first-child{padding-left:10px}.ox-table th:last-child,.ox-table td:last-child{padding-right:10px}.ox-menu{flex-direction:row;gap:6px}.ox-nav{width:auto;min-height:44px;padding:0 12px}.ox-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}.ox-split{grid-template-columns:minmax(0,1fr)}.ox-screens{padding:12px}}[data-brand-logo=shopify]{fill:#7ab55c}[data-brand-logo=whatsapp]{fill:#25d366}[data-brand-logo=instagram]{fill:#e4405f}[data-brand-logo=stripe]{fill:#635bff}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-ordexa.css.map */
