/* ==========================================================
   Onim Console theme  |  edit the variables below to rebrand
   ========================================================== */
:root{
  --o-bg:#f3f5fa; --o-surface:#ffffff; --o-surface-2:#eef1f8; --o-border:#dde3f0;
  --o-text:#18203a; --o-muted:#66728f;
  --o-accent:#6c63ff; --o-accent-2:#12a37a; --o-danger:#e5384b; --o-warn:#c98a12;
  --o-radius:10px; --o-side:250px; --o-side-sm:72px;
  --o-font:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
}
[data-theme="dark"]{
  --o-bg:#0a0f1c; --o-surface:#101828; --o-surface-2:#16203a; --o-border:#1f2b47;
  --o-text:#e6ebf5; --o-muted:#8b97b1;
  --o-accent-2:#2dd4a0; --o-danger:#ff5d6c; --o-warn:#f5b84b;
}
html,body{background:var(--o-bg)!important;color:var(--o-text);font-family:var(--o-font)}
a{color:var(--o-accent)} a:hover{color:var(--o-accent-2);text-decoration:none}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--o-text);font-family:var(--o-font);font-weight:600}
.text-muted,small,.small{color:var(--o-muted)!important}
hr{border-color:var(--o-border)}

/* ---------- shell ---------- */
.onim-shell{display:flex;min-height:100vh}
.onim-sidebar{position:fixed;inset:0 auto 0 0;width:var(--o-side);background:var(--o-surface);border-right:1px solid var(--o-border);display:flex;flex-direction:column;z-index:1040;transition:width .2s,transform .2s;overflow-y:auto}
.onim-main{flex:1;min-width:0;margin-left:var(--o-side);display:flex;flex-direction:column;transition:margin .2s}
.onim-collapsed .onim-sidebar{width:var(--o-side-sm)}
.onim-collapsed .onim-main{margin-left:var(--o-side-sm)}
.onim-collapsed .nav-text,.onim-collapsed .caret,.onim-collapsed .onim-brand-text,.onim-collapsed .onim-nav-label,.onim-collapsed .nav-sub{display:none!important}
.onim-brand{display:flex;align-items:center;gap:.6rem;padding:1.1rem 1.25rem;color:var(--o-text);font-weight:700;font-size:1.2rem}
.onim-brand img{max-height:34px;max-width:100%}
.onim-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--o-accent),var(--o-accent-2));color:#fff}
.onim-nav{padding:.5rem .75rem 2rem}
.onim-nav-label{font-size:.7rem;letter-spacing:.08em;color:var(--o-muted);padding:1rem .75rem .4rem}
.nav-link{display:flex;align-items:center;gap:.8rem;width:100%;padding:.65rem .75rem;border:0;background:none;border-radius:8px;color:var(--o-text)!important;font:inherit;font-size:.95rem;text-align:left;cursor:pointer}
.nav-link:hover,.nav-link.active{background:var(--o-surface-2);color:var(--o-accent)!important}
.nav-ico{width:20px;text-align:center;color:var(--o-muted);font-style:normal}
.nav-link:hover .nav-ico,.nav-link.active .nav-ico{color:var(--o-accent)}
.caret{margin-left:auto;font-size:.7rem;color:var(--o-muted);transition:transform .2s}
.nav-group.open .caret{transform:rotate(90deg)}
.nav-sub{display:none;margin:.15rem 0 .4rem 1.55rem;border-left:1px solid var(--o-border)}
.nav-group.open .nav-sub{display:block}
.nav-sublink{display:block;padding:.45rem .9rem;font-size:.88rem;color:var(--o-muted)}
.nav-sublink:hover,.nav-sublink.active{color:var(--o-accent);background:var(--o-surface-2);border-radius:0 6px 6px 0}
.onim-scrim{display:none}

.onim-topbar{position:sticky;top:0;z-index:1030;display:flex;align-items:center;gap:1rem;padding:.7rem 1.25rem;background:var(--o-surface);border-bottom:1px solid var(--o-border)}
.onim-search{flex:1;max-width:420px;position:relative;margin:0}
.onim-search i{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--o-muted)}
.onim-search input{width:100%;padding:.55rem .9rem .55rem 2.4rem}
.onim-top-actions{margin-left:auto;display:flex;align-items:center;gap:.35rem}
.icon-btn{position:relative;display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 .5rem;background:none;border:0;border-radius:8px;color:var(--o-muted)!important;cursor:pointer;font-size:.85rem}
.icon-btn:hover{background:var(--o-surface-2);color:var(--o-text)!important}
.icon-btn .dot{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--o-accent);color:#fff;font-size:.65rem;display:grid;place-items:center}
.onim-crumbs{padding:.9rem 1.5rem 0}
.onim-crumbs .breadcrumb{background:none;padding:0;margin:0;font-size:.85rem}
.onim-crumbs .breadcrumb-item a{color:var(--o-muted)}
.onim-crumbs .breadcrumb-item.active{color:var(--o-text)}
.onim-content{flex:1;padding:1rem .75rem 2rem}
.onim-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--o-border);color:var(--o-muted);font-size:.85rem}
.onim-footer a{margin-left:1rem;color:var(--o-muted)}

/* ---------- dashboard ---------- */
.onim-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.25rem}
.stat{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:1.1rem 1.25rem;background:var(--o-surface);border:1px solid var(--o-border);border-radius:var(--o-radius);color:var(--o-text)}
.stat:hover{border-color:var(--o-accent)}
.stat-label{color:var(--o-muted);font-size:.9rem}
.stat-num{font-size:1.9rem;font-weight:700;line-height:1.2}
.stat-link{font-size:.85rem;text-decoration:underline;color:var(--o-text)}
.stat-ico{position:absolute;right:1.1rem;bottom:1.1rem;display:grid;place-items:center;width:46px;height:46px;border-radius:10px;font-size:1.1rem}
.c1{background:rgba(108,99,255,.15);color:#8f88ff}.c2{background:rgba(45,212,160,.15);color:var(--o-accent-2)}
.c3{background:rgba(80,140,255,.15);color:#6ea3ff}.c4{background:rgba(255,93,108,.15);color:var(--o-danger)}
.onim-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}

/* ---------- bootstrap 4 overrides ---------- */
.card,.panel,.modal-content,.dropdown-menu,.list-group-item,.tile{background:var(--o-surface)!important;color:var(--o-text)!important;border:1px solid var(--o-border)!important;border-radius:var(--o-radius)}
.card-header,.card-footer,.modal-header,.modal-footer,.panel-heading,.panel-footer{background:transparent!important;border-color:var(--o-border)!important;color:var(--o-text)!important;font-weight:600}
.list-group-item{border-radius:0}
.list-group-item-action:hover,.list-group-item:hover{background:var(--o-surface-2)!important}
.list-group-item.active{background:var(--o-surface-2)!important;color:var(--o-accent)!important}
.dropdown-item{color:var(--o-text)}.dropdown-item:hover{background:var(--o-surface-2);color:var(--o-accent)}
.dropdown-divider{border-color:var(--o-border)}
.form-control,.custom-select,.input-group-text,select,textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number]{background:var(--o-bg)!important;color:var(--o-text)!important;border:1px solid var(--o-border)!important;border-radius:8px}
.form-control:focus{border-color:var(--o-accent)!important;box-shadow:0 0 0 .15rem rgba(108,99,255,.25)!important}
.btn{border-radius:8px;font-weight:500}
.btn-primary,.btn-info{background:var(--o-accent)!important;border-color:var(--o-accent)!important;color:#fff!important}
.btn-primary:hover{filter:brightness(1.1)}
.btn-success{background:var(--o-accent-2)!important;border-color:var(--o-accent-2)!important;color:#06231a!important}
.btn-default,.btn-secondary,.btn-outline-light{background:var(--o-surface-2)!important;border:1px solid var(--o-border)!important;color:var(--o-text)!important}
.btn-danger{background:var(--o-danger)!important;border-color:var(--o-danger)!important}
.table{color:var(--o-text)}
.table th,.table td{border-color:var(--o-border)!important}
.table thead th{background:var(--o-surface-2);color:var(--o-muted);font-weight:600}
.table-striped tbody tr:nth-of-type(odd){background:rgba(127,140,180,.05)}
.table-hover tbody tr:hover{background:var(--o-surface-2)}
.page-item .page-link{background:var(--o-surface);border-color:var(--o-border);color:var(--o-text)}
.page-item.active .page-link{background:var(--o-accent);border-color:var(--o-accent)}
.nav-tabs{border-color:var(--o-border)}
.nav-tabs .nav-link{width:auto;border-radius:8px 8px 0 0;color:var(--o-muted)!important}
.nav-tabs .nav-link.active{background:var(--o-accent)!important;color:#fff!important;border-color:var(--o-accent)}
.label,.badge{border-radius:6px;font-weight:600}
.status-active,.status-paid{background:rgba(45,212,160,.18)!important;color:var(--o-accent-2)!important}
.status-pending,.status-suspended{background:rgba(245,184,75,.18)!important;color:var(--o-warn)!important}
.status-terminated,.status-cancelled,.status-unpaid,.status-overdue{background:rgba(255,93,108,.18)!important;color:var(--o-danger)!important}
.alert{border-radius:var(--o-radius);border:1px solid var(--o-border)}
.alert-warning{background:rgba(245,184,75,.1);color:var(--o-warn);border-color:var(--o-warn)}
.alert-info{background:rgba(108,99,255,.1);color:var(--o-text);border-color:var(--o-accent)}
.alert-danger{background:rgba(255,93,108,.1);color:var(--o-danger);border-color:var(--o-danger)}
.alert-success{background:rgba(45,212,160,.1);color:var(--o-accent-2);border-color:var(--o-accent-2)}
.close{color:var(--o-text);text-shadow:none}
.bg-white,.bg-light,.primary-bg-color{background:var(--o-surface)!important}
body.onim-body.primary-bg-color{background:var(--o-bg)!important}
.text-dark,.text-body,label{color:var(--o-text)!important}

/* ---------- responsive ---------- */
@media(max-width:991px){
  .onim-sidebar{transform:translateX(-100%);width:var(--o-side)!important}
  .onim-main,.onim-collapsed .onim-main{margin-left:0}
  .onim-nav-open .onim-sidebar{transform:none}
  .onim-nav-open .onim-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1035}
  .onim-collapsed .nav-text,.onim-collapsed .caret,.onim-collapsed .onim-brand-text,.onim-collapsed .onim-nav-label{display:revert!important}
  .onim-search{display:none}
}
:focus-visible{outline:2px solid var(--o-accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- homepage ---------- */
.onim-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;padding:3rem 2rem;margin:.5rem 0 1.5rem;background:linear-gradient(135deg,var(--o-surface) 0%,var(--o-surface-2) 100%);border:1px solid var(--o-border);border-radius:16px}
.onim-hero h1{font-size:2.4rem;line-height:1.15;max-width:18ch;margin-bottom:1rem}
.onim-hero p{color:var(--o-muted);font-size:1.05rem;max-width:52ch}
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.hero-domain{padding:1.5rem;background:var(--o-bg);border:1px solid var(--o-border);border-radius:var(--o-radius)}
.hero-domain label{display:block;margin-bottom:.6rem;font-weight:600}
.onim-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}
.plan{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem;background:var(--o-surface);border:1px solid var(--o-border);border-radius:var(--o-radius);color:var(--o-text)}
.plan:hover{border-color:var(--o-accent);transform:translateY(-2px);transition:.2s}
.plan i{font-size:1.4rem;color:var(--o-accent)}
.plan h3{font-size:1.15rem;margin:.3rem 0 0}
.plan p{color:var(--o-muted);font-size:.92rem;flex:1;margin:0}
.plan span{color:var(--o-accent-2);font-weight:600;font-size:.9rem}
.onim-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:1.5rem .5rem}
.onim-features i{color:var(--o-accent-2);font-size:1.3rem}
.onim-features h4{margin:.5rem 0 .25rem;font-size:1.05rem}
.onim-features p{color:var(--o-muted);font-size:.92rem;margin:0}
@media(max-width:991px){.onim-hero{grid-template-columns:1fr;padding:2rem 1.25rem}.onim-hero h1{font-size:1.8rem}}

/* ---------- order form (standard_cart) ---------- */
#order-standard_cart{color:var(--o-text)}
#order-standard_cart .header-lined h1,#order-standard_cart .header-lined h2{color:var(--o-text);font-size:1.6rem}
#order-standard_cart .header-lined{border-color:var(--o-border)}
#order-standard_cart .products .product,#order-standard_cart .view-cart-items,#order-standard_cart .order-summary,#order-standard_cart .sub-heading span,#order-standard_cart .panel,#order-standard_cart .domain-checker-container,#order-standard_cart .domain-selection-options .option,#order-standard_cart .item,#order-standard_cart .product-info{background:var(--o-surface)!important;color:var(--o-text)!important;border:1px solid var(--o-border)!important;border-radius:var(--o-radius)}
#order-standard_cart .products .product:hover{border-color:var(--o-accent)!important}
#order-standard_cart .products .product header,#order-standard_cart .view-cart-items-header,#order-standard_cart .order-summary h2{background:var(--o-surface-2)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
#order-standard_cart .products .product footer{background:transparent!important;border-color:var(--o-border)!important}
#order-standard_cart .price .amt,#order-standard_cart .amt{color:var(--o-accent-2)!important}
#order-standard_cart .btn-order-now,#order-standard_cart .btn-checkout,#order-standard_cart .btn-success{background:var(--o-accent)!important;border-color:var(--o-accent)!important;color:#fff!important}
#order-standard_cart .cart-sidebar .card,#order-standard_cart .cart-sidebar .list-group-item{background:var(--o-surface)!important}
#order-standard_cart .sub-heading,#order-standard_cart .sub-heading-borderless{border-color:var(--o-border)}
#order-standard_cart .field,#order-standard_cart .form-control{background:var(--o-bg)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
#order-standard_cart .total-due-today{background:var(--o-surface-2);border-radius:var(--o-radius)}
#order-standard_cart .view-cart-items .item,#order-standard_cart .view-cart-items .item-title{color:var(--o-text)}
#order-standard_cart .view-cart-items .item{border-radius:0;border-width:0 0 1px 0!important}
#order-standard_cart a{color:var(--o-accent)}

/* ==========================================================
   v3 - dark-mode fixes: every remaining white surface follows the theme
   ========================================================== */

/* markdown editor (tickets, KB, announcements) */
.md-editor,.md-editor>textarea,.md-editor>.md-preview,.md-editor>.md-footer,.md-editor .md-header,
.markdown-editor,.markdown-editor textarea,.markdown-editor .md-footer,
.ticket-reply,.ticket-reply .message,.message-text,.msg-bubble,.msg-reply{background:var(--o-bg)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
.md-editor{border:1px solid var(--o-border)!important;border-radius:var(--o-radius);overflow:hidden}
.md-editor>.md-header{background:var(--o-surface-2)!important}
.md-editor>.md-footer{background:var(--o-surface-2)!important;color:var(--o-muted)!important}
.md-editor>textarea::placeholder{color:var(--o-muted)}
.md-editor.active{border-color:var(--o-accent)!important}

/* file inputs, attachments, custom file field */
input[type=file],.custom-file-label,.custom-file-input,.form-control-file,.custom-file-label::after{background:var(--o-bg)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
.custom-file-label::after{background:var(--o-surface-2)!important}
input[type=file]::file-selector-button{background:var(--o-surface-2);color:var(--o-text);border:0;border-right:1px solid var(--o-border);padding:.5rem .9rem;margin-right:.9rem;cursor:pointer}
.attachments,.attachment-list,.file-upload{color:var(--o-text)}

/* order summary + cart (standard_cart) */
#order-standard_cart .order-summary,#order-standard_cart .summary-container,
#order-standard_cart .summary-container *:not(.btn):not(.amt):not(.fas):not(.far){background-color:transparent!important;color:var(--o-text)!important}
#order-standard_cart .order-summary{background:var(--o-surface)!important}
#order-standard_cart .summary-container{background:var(--o-surface-2)!important;border:1px solid var(--o-border);border-radius:var(--o-radius)}
#order-standard_cart .summary-container .product-name,#order-standard_cart .summary-container .product-group{color:var(--o-text)!important}
#order-standard_cart .summary-container .product-group{color:var(--o-muted)!important}
#order-standard_cart .summary-container .summary-totals{border-color:var(--o-border)!important}
#order-standard_cart .summary-container .recurring-charges,#order-standard_cart .summary-container .item-price,#order-standard_cart .summary-container .item-name{color:var(--o-text)!important}
#order-standard_cart .summary-container hr,#order-standard_cart .summary-container .summary-totals{border-color:var(--o-border)!important}
#order-standard_cart .total-due-today{background:var(--o-bg)!important;border:1px solid var(--o-border)}
#order-standard_cart .total-due-today .amt{color:var(--o-accent-2)!important}
#order-standard_cart .total-due-today .due-today-text,#order-standard_cart .total-due-today span{color:var(--o-muted)!important}
#order-standard_cart .view-cart-items-header,#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-tabs .tab-content,#order-standard_cart .view-cart-tabs .nav-tabs>li>a,
#order-standard_cart .domain-checker-bg,#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-promo-box,#order-standard_cart .domain-pricing,#order-standard_cart .spotlight-tlds,
#order-standard_cart .account-select-container,#order-standard_cart .sub-heading span,
#order-standard_cart .payment-method,#order-standard_cart .promo-container,
#order-standard_cart .well,#order-standard_cart .panel-body,#order-standard_cart .panel-addon,
#order-standard_cart .product-info,#order-standard_cart .secondary-cart-body,#order-standard_cart .secondary-cart-sidebar .panel{background:var(--o-surface)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
#order-standard_cart .panel-addon:hover,#order-standard_cart .panel-addon-selected{background:var(--o-surface-2)!important}
#order-standard_cart .products .product .product-desc,#order-standard_cart .products .product ul li,
#order-standard_cart .product-desc,#order-standard_cart .product-title{color:var(--o-text)!important}
#order-standard_cart .products .product .product-pricing{color:var(--o-muted)!important}
#order-standard_cart .products .product .product-pricing .price{color:var(--o-accent-2)!important}
#order-standard_cart .products .product header{border-bottom:1px solid var(--o-border)!important}
#order-standard_cart .products .product footer{background:var(--o-surface-2)!important}
#order-standard_cart .cart-body .form-control,#order-standard_cart select,#order-standard_cart .field,
#order-standard_cart .input-group-text,#order-standard_cart .custom-select{background:var(--o-bg)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
#order-standard_cart label,#order-standard_cart .form-group label,#order-standard_cart .field-help-text,#order-standard_cart .help-block{color:var(--o-text)!important}
#order-standard_cart .text-muted{color:var(--o-muted)!important}
#order-standard_cart .iCheck-helper+*,#order-standard_cart .radio-inline,#order-standard_cart .checkbox-inline{color:var(--o-text)}
#order-standard_cart .btn-default,#order-standard_cart .btn-secondary,#order-standard_cart .btn-link{color:var(--o-text)!important}
#order-standard_cart .btn-checkout:hover,#order-standard_cart .btn-order-now:hover{filter:brightness(1.1)}
#order-standard_cart table,#order-standard_cart .table{color:var(--o-text)!important;background:transparent!important}
#order-standard_cart .sidebar .card-title,#order-standard_cart .sidebar .card-header{color:var(--o-text)!important}
#order-standard_cart .cart-sidebar .list-group-item.active{background:var(--o-surface-2)!important;color:var(--o-accent)!important}

/* generic white leftovers */
.bg-white,.bg-light,.well,.jumbotron,.panel-default,.panel-default>.panel-heading,.panel-body,.popover,.popover-body,
.tooltip-inner,.select2-container--default .select2-selection--single,.select2-dropdown,.select2-search__field,
.iti__country-list,.iti__selected-flag,.bootstrap-select .dropdown-toggle,.ui-widget-content,.ui-datepicker,
.datepicker,.daterangepicker,.dropdown-menu .dropdown-item-text,.table-responsive,.dataTables_wrapper,
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select,
.pre-scrollable,pre,code,.card-sidebar,.tab-content,.modal-body,.nav-tabs .nav-link:not(.active),
.invoice-container,.invoice-container .card,.invoice-container .table,.msg-box,.announcement-single,.kb-article,
.tld-pricing,.domain-checker-container .domain-lookup-result,.domain-checker-result,.domain-suggestions,
.verification-container,.login-form .card,.client-home-panels .card{background:var(--o-surface)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
pre,code{background:var(--o-bg)!important;color:var(--o-accent-2)!important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--o-accent)!important;color:#fff!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--o-text)!important}
.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{color:var(--o-muted)!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:var(--o-bg)!important}
.popover .arrow::after{border-bottom-color:var(--o-surface)!important}

/* inline white backgrounds set by WHMCS/JS */
[style*="background-color: white"],[style*="background-color:#fff"],[style*="background-color: #fff"],
[style*="background: white"],[style*="background:#fff"],[style*="background: #fff"],
[style*="background-color: rgb(255, 255, 255)"],[style*="background: rgb(255, 255, 255)"]{background-color:var(--o-surface)!important;color:var(--o-text)!important}

/* text that stayed dark on dark */
.text-dark,.text-body,.text-black,.card-title,.card-text,.list-group-item,.modal-title,.dropdown-item-text,
.form-text,.custom-control-label,.checkbox label,.radio label,dt,dd,legend,td,th,p,li,span.title{color:var(--o-text)}
.text-muted,.form-text.text-muted,.help-block{color:var(--o-muted)!important}
::placeholder{color:var(--o-muted)!important;opacity:.8}


/* ==========================================================
   v4 - tables (DataTables lists), service/ticket/invoice pages
   ========================================================== */
.table-container,.table-list,.dataTables_wrapper,.dataTables_wrapper .table-container,
table.dataTable,table.dataTable thead th,table.dataTable thead td,table.dataTable tbody tr,table.dataTable tbody td,
table.dataTable tfoot th,table.dataTable.table-list tbody tr,.table-list thead th,.table-list tbody td,.table-list tbody tr,
table.dataTable.table-striped>tbody>tr.odd>*,table.dataTable.table-hover>tbody>tr:hover>*,
table.table-list.dataTable thead th.sorting,table.table-list.dataTable thead th.sorting_asc,table.table-list.dataTable thead th.sorting_desc,
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{
  background-color:var(--o-surface)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
table.dataTable thead th,.table-list thead th{background-color:var(--o-surface-2)!important;color:var(--o-muted)!important;border-bottom:2px solid var(--o-border)!important;font-weight:600}
table.dataTable tbody td,.table-list tbody td{border-top:1px solid var(--o-border)!important;color:var(--o-text)!important}
table.dataTable tbody td *:not(.label):not(.badge):not(.btn):not(.status){color:inherit}
table.dataTable tbody tr:hover>td,.table-list tbody tr:hover>td{background-color:var(--o-surface-2)!important}
table.dataTable tbody td a{color:var(--o-accent)!important}
table.dataTable tbody td.sorting_1,table.dataTable tbody td.sorting_2,table.dataTable tbody td.sorting_3{background-color:transparent!important}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after{color:var(--o-muted)!important}
.table-list{border:1px solid var(--o-border)!important;border-radius:var(--o-radius);overflow:hidden}
.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper label{color:var(--o-muted)!important;background:transparent!important}
.dataTables_wrapper .dataTables_paginate .paginate_button,.dataTables_wrapper .page-link{background:var(--o-surface)!important;color:var(--o-text)!important;border:1px solid var(--o-border)!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .page-item.active .page-link{background:var(--o-accent)!important;color:#fff!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:var(--o-bg)!important;color:var(--o-text)!important;border:1px solid var(--o-border)!important}
.dataTables_empty,div.dataTables_wrapper div.dataTables_processing{background:var(--o-surface)!important;color:var(--o-muted)!important}
.listtable,.table-responsive,.responsive-table{background:var(--o-surface)!important;color:var(--o-text)!important}

/* status labels (services, domains, tickets, invoices) */
.label,.badge,.label.status{border:0}
.status-active,.label-success,.badge-success,.status-open,.status-answered,.status-paid{background:rgba(18,163,122,.15)!important;color:var(--o-accent-2)!important}
.status-pending,.status-suspended,.status-customer-reply,.status-on-hold,.label-warning,.badge-warning,.status-pending-transfer{background:rgba(201,138,18,.15)!important;color:var(--o-warn)!important}
.status-terminated,.status-cancelled,.status-unpaid,.status-overdue,.status-fraud,.status-expired,.label-danger,.badge-danger,.status-closed{background:rgba(229,56,75,.13)!important;color:var(--o-danger)!important}
[data-theme="dark"] .status-active,[data-theme="dark"] .status-paid{background:rgba(45,212,160,.18)!important}
[data-theme="dark"] .status-unpaid,[data-theme="dark"] .status-overdue{background:rgba(255,93,108,.18)!important}

/* service details, tiles, product boxes */
.product-details,.product-details-tab-container,.product-status,.product-icon,.tiles .tile,.tile,.tile .stat,
#tabOverview,#tabDownloads,#tabAddons,#tabChangepw,.tab-pane,.module-client-area,.panel-sidebar,
.client-home-cards .card,.view-ticket-wrapper,.ticket-reply,.ticket-reply .posted-by,.ticket-reply .message,
.admin-reply,.client-reply{background:var(--o-surface)!important;color:var(--o-text)!important;border-color:var(--o-border)!important}
.ticket-reply .posted-by{background:var(--o-surface-2)!important}
.product-status{border:1px solid var(--o-border)!important}
.product-status .product-status-text{color:var(--o-text)!important}
.product-details .list-info .list-info-title,.product-details .list-info .list-info-text,
.product-details h4,.product-details .list-info{color:var(--o-text)!important}
.tile a,.tile .title{color:var(--o-text)!important}
.sidebar .card-header,.sidebar .card-title,.sidebar .list-group-item,.sidebar .card-footer{color:var(--o-text)!important}
.sidebar .list-group-item.active{color:var(--o-accent)!important}
.form-control[readonly],.form-control:disabled{background:var(--o-surface-2)!important;color:var(--o-muted)!important}
.input-group-text{background:var(--o-surface-2)!important;color:var(--o-text)!important}
.invoice-container{color:var(--o-text)}
.invoice-container .invoice-header,.invoice-container .table,.invoice-container .card-body{background:var(--o-surface)!important}

/* ==========================================================
   v5 - universal service overview (clientareaproductdetails)
   ========================================================== */
.svc-head{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin:.5rem 0 1.25rem}
.svc-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--o-accent),var(--o-accent-2));color:#fff;font-size:2.1rem;box-shadow:0 0 0 5px var(--o-surface-2)}
.svc-title{flex:1;min-width:240px}
.svc-title h1{font-size:1.7rem;margin:0;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.svc-title h1 small{color:var(--o-muted);font-size:1rem;font-weight:500}
.svc-title p{margin:.15rem 0 .6rem}
.svc-dot{width:14px;height:14px;border-radius:50%;background:var(--o-muted)}
.svc-dot.st-active{background:var(--o-accent-2)}.svc-dot.st-suspended,.svc-dot.st-pending{background:var(--o-warn)}
.svc-dot.st-terminated,.svc-dot.st-cancelled,.svc-dot.st-fraud{background:var(--o-danger)}
.svc-chips{display:flex;gap:.6rem;flex-wrap:wrap}
.svc-chips span{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;background:var(--o-surface);border:1px solid var(--o-border);border-radius:20px;font-size:.85rem;color:var(--o-muted)}
.svc-chips .svc-status{font-weight:600;color:var(--o-accent-2)}
.svc-chips .svc-status.st-suspended,.svc-chips .svc-status.st-pending{color:var(--o-warn)}
.svc-chips .svc-status.st-terminated,.svc-chips .svc-status.st-cancelled{color:var(--o-danger)}
.svc-module{padding:1rem;margin-bottom:1.25rem;background:var(--o-surface)!important;border:1px solid var(--o-border);border-radius:var(--o-radius);text-align:center}
.svc-tabs{margin-bottom:1.25rem;flex-wrap:wrap}
.svc-tabs .nav-link{display:inline-flex;gap:.45rem;border-radius:8px!important;margin-right:.35rem}
.svc-h{font-size:1.15rem;margin:1.5rem 0 .8rem;padding-bottom:.35rem;border-bottom:1px solid var(--o-border)}
.svc-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:1px dashed var(--o-border);border-radius:var(--o-radius);background:var(--o-surface)}
.svc-strip>div{position:relative;padding:.9rem 1rem;border-right:1px dashed var(--o-border);text-align:center;min-width:0}
.svc-strip>div:last-child{border-right:0}
.svc-strip span{display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem}
.svc-strip span i{margin-right:.35rem;color:var(--o-muted)}
.svc-strip b{display:block;font-weight:400;color:var(--o-muted);overflow-wrap:anywhere;font-size:.92rem}
.svc-reveal{position:absolute;top:.55rem;right:.55rem;background:none;border:0;color:var(--o-muted);cursor:pointer}
.svc-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));background:var(--o-surface);border:1px solid var(--o-border);border-radius:var(--o-radius);overflow:hidden}
.svc-specs>div{padding:1rem 1.1rem;border-right:1px solid var(--o-border);border-bottom:1px solid var(--o-border)}
.svc-specs span{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--o-muted);margin-bottom:.4rem}
.svc-specs b{font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:.5rem}
.svc-specs b i{color:var(--o-accent)}
.svc-specs .st-ico.st-active{color:var(--o-accent-2)}.svc-specs .st-ico.st-suspended{color:var(--o-warn)}.svc-specs .st-ico.st-terminated{color:var(--o-danger)}
.svc-pkg{margin-top:1rem;padding:1.1rem 1.25rem;background:var(--o-surface);border:1px solid var(--o-border);border-radius:var(--o-radius)}
.svc-pkg h3{font-size:1rem;margin-bottom:.7rem}
.svc-tags{display:flex;gap:.5rem;flex-wrap:wrap}
.svc-tags span{padding:.25rem .65rem;border-radius:6px;background:rgba(18,163,122,.12);color:var(--o-accent-2);font-size:.82rem;font-weight:600}
.svc-tags em{font-style:normal;opacity:.75;margin-right:.3rem;font-weight:500}
.svc-usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}
.usage-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:var(--o-surface);border:1px solid var(--o-border);border-radius:var(--o-radius)}
.usage-card span{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--o-muted)}
.usage-card b{display:block;font-size:1.35rem}.usage-card b.small{font-size:.95rem}
.usage-card small{color:var(--o-muted)}
.ring{--p:0;display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--o-accent-2) calc(var(--p)*1%),var(--o-surface-2) 0)}
.ring i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--o-surface);font-style:normal;font-weight:700;font-size:.85rem}
.ring.flat{background:var(--o-surface-2)}
.svc-hook{margin-top:1rem}
@media(max-width:767px){.svc-strip>div{border-right:0;border-bottom:1px dashed var(--o-border)}.svc-icon{width:64px;height:64px;font-size:1.5rem}}

/* ==========================================================
   v7 - My Services list (premium)
   ========================================================== */
.svc-card{background:var(--o-surface);border:1px solid var(--o-border);border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 30px rgba(16,24,40,.06);overflow:visible}
.svc-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.3rem 1.5rem}
.svc-card-head h2{font-size:1.3rem;margin:0;display:flex;align-items:center;gap:.7rem}
.svc-plus{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--o-accent);color:#fff!important;font-size:.75rem;box-shadow:0 4px 12px rgba(108,99,255,.35)}
.svc-search{position:relative;flex:1;max-width:360px;min-width:200px}
.svc-search i{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--o-muted)}
.svc-search input{width:100%;padding:.62rem 1rem .62rem 2.5rem;background:var(--o-bg);color:var(--o-text);border:1px solid var(--o-border);border-radius:10px}
.svc-search input:focus{outline:none;border-color:var(--o-accent);box-shadow:0 0 0 3px rgba(108,99,255,.15)}
.svc-filters{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 1.5rem 1.1rem;padding:.3rem;background:var(--o-surface-2);border-radius:12px;width:fit-content;max-width:calc(100% - 3rem)}
.svc-filters button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border:0;border-radius:9px;background:none;color:var(--o-muted);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:.15s}
.svc-filters button:hover{color:var(--o-text)}
.svc-filters button.active{background:var(--o-surface);color:var(--o-accent);box-shadow:0 1px 3px rgba(16,24,40,.15)}
.svc-filters em{font-style:normal;font-size:.7rem;min-width:22px;padding:.08rem .45rem;border-radius:20px;background:rgba(127,140,180,.2);text-align:center;color:var(--o-text)}
.svc-filters button.active em{background:var(--o-accent);color:#fff}
.svc-table-wrap{overflow-x:auto}
table.svc-table{margin:0;width:100%;border-collapse:separate;border-spacing:0}
.svc-table thead th{white-space:nowrap;padding:.8rem 1.1rem;cursor:pointer;user-select:none;text-align:center;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--o-border)!important;border-bottom:1px solid var(--o-border)!important}
.svc-table thead th:first-child{text-align:left;padding-left:1.5rem}
.svc-table thead th.nosort{cursor:default}
.svc-table thead th[data-sort]:after{content:"\2195";margin-left:.4rem;opacity:.4}
.svc-table thead th.asc:after{content:"\2191";opacity:1;color:var(--o-accent)}
.svc-table thead th.desc:after{content:"\2193";opacity:1;color:var(--o-accent)}
.svc-table tbody tr{--row:var(--o-muted);transition:background .15s}
.svc-table tbody tr[data-status="active"]{--row:var(--o-accent-2)}
.svc-table tbody tr[data-status="suspended"],.svc-table tbody tr[data-status="pending"]{--row:var(--o-warn)}
.svc-table tbody tr[data-status="terminated"],.svc-table tbody tr[data-status="cancelled"],.svc-table tbody tr[data-status="fraud"]{--row:var(--o-danger)}
.svc-table tbody td{padding:1.05rem 1.1rem;vertical-align:middle;border-top:1px solid var(--o-border)!important;text-align:center}
.svc-table tbody td:first-child{text-align:left;padding-left:1.5rem;box-shadow:inset 4px 0 0 var(--row)}
.svc-cell{display:flex;align-items:center;gap:1rem;min-width:260px}
img.svc-logo{flex:none;width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 4px var(--o-surface-2),0 6px 14px rgba(16,24,40,.18)}
.svc-name{display:flex;flex-direction:column;gap:.1rem}
.svc-name strong{font-size:.98rem;color:var(--o-text)}
.svc-name a:hover strong{color:var(--o-accent)}
.svc-name small{color:var(--o-muted);font-size:.85rem}
.svc-name small:before{content:"\f0ac";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:.4rem;font-size:.7rem}
.svc-edit{display:none}
.svc-price{display:block;font-size:1.02rem}
.svc-cycle{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.12rem .6rem;border:1px solid var(--o-border);border-radius:20px;font-size:.74rem;color:var(--o-muted)}
.svc-cycle i{color:var(--o-accent)}
.svc-due{display:block;font-weight:500}
.svc-left{display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;padding:.18rem .65rem;border-radius:20px;font-size:.72rem;font-weight:700;color:var(--o-accent-2);background:rgba(18,163,122,.14)}
.svc-left:empty,.svc-bar{display:none}
.svc-left:before{content:"\f017";font-family:"Font Awesome 5 Free";font-weight:400;font-size:.68rem}
.svc-left.warn{color:var(--o-warn);background:rgba(201,138,18,.16)}
.svc-left.bad{color:var(--o-danger);background:rgba(229,56,75,.14)}
.svc-left:not(:empty)+.svc-bar{display:block;width:96px;height:4px;margin:.5rem auto 0;border-radius:4px;background:var(--o-surface-2);overflow:hidden}
.svc-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--o-accent-2)}
.svc-left.warn+.svc-bar i{background:var(--o-warn)}.svc-left.bad+.svc-bar i{background:var(--o-danger)}
.svc-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:20px;font-size:.78rem;font-weight:700;color:var(--o-muted);background:var(--o-surface-2)}
.svc-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.svc-pill.st-active{color:var(--o-accent-2);background:rgba(18,163,122,.14)}
.svc-pill.st-suspended,.svc-pill.st-pending{color:var(--o-warn);background:rgba(201,138,18,.16)}
.svc-pill.st-terminated,.svc-pill.st-cancelled,.svc-pill.st-fraud{color:var(--o-danger);background:rgba(229,56,75,.14)}
.svc-act{display:inline-flex;align-items:center;gap:.4rem}
.svc-manage{padding:.38rem .9rem;border-radius:9px;background:var(--o-accent);color:#fff!important;font-size:.82rem;font-weight:600}
.svc-manage:hover{filter:brightness(1.1)}
.svc-more{display:inline-grid;place-items:center;width:34px;height:32px;border:1px solid var(--o-border);border-radius:9px;background:var(--o-surface);color:var(--o-muted);cursor:pointer}
.svc-more:hover{border-color:var(--o-accent);color:var(--o-accent)}
.svc-table .dropdown-item i{width:18px;margin-right:.4rem;color:var(--o-muted)}
.svc-table tbody tr:hover>td{background:var(--o-surface-2)!important}
.svc-empty{padding:3rem 1rem;text-align:center;color:var(--o-muted)}
.svc-empty i{font-size:2.2rem;margin-bottom:.6rem}
.svc-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem;border-top:1px solid var(--o-border);font-size:.88rem;color:var(--o-muted)}
.svc-pager{display:flex;align-items:center;gap:.4rem}
.svc-pager button{width:34px;height:34px;border:1px solid var(--o-border);border-radius:9px;background:var(--o-surface);color:var(--o-text);cursor:pointer}
.svc-pager button:disabled{opacity:.4;cursor:default}
.svc-pager span{min-width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--o-accent);color:#fff;font-weight:600}
@media(max-width:767px){.svc-filters{width:auto}.svc-table tbody td:first-child{padding-left:1rem}}

/* ==========================================================
   v8 - Onim Cart: pricing cards, category pills, order popup
   ========================================================== */
.onim-store{padding:0!important}
.onim-store-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin:.25rem 0 1.1rem}
.onim-store-head h1{font-size:2rem;margin:0}
.onim-store-head p{margin:.35rem 0 0;color:var(--o-muted);max-width:60ch}
.onim-cats{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.6rem}
.onim-cats a{padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--o-border);background:var(--o-surface);color:var(--o-text);font-weight:600;font-size:.88rem}
.onim-cats a:hover{border-color:var(--o-accent);color:var(--o-accent)}
.onim-cats a.active{background:var(--o-accent);border-color:var(--o-accent);color:#fff}
.onim-cats a.alt{background:transparent;color:var(--o-muted);font-weight:500}
.onim-cats-gap{flex:1}
.onim-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem;align-items:stretch}
#order-standard_cart .onim-plan-card.product{position:relative;display:flex;flex-direction:column;margin:0;padding:1.6rem 1.5rem 1.5rem;background:var(--o-surface)!important;border:1px solid var(--o-border)!important;border-radius:18px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 30px rgba(16,24,40,.06);transition:transform .18s,border-color .18s,box-shadow .18s}
#order-standard_cart .onim-plan-card.product:hover{transform:translateY(-4px);border-color:var(--o-accent)!important;box-shadow:0 18px 40px rgba(108,99,255,.18)}
#order-standard_cart .onim-plan-card.popular{border:2px solid var(--o-accent)!important}
.plan-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.2rem .85rem;border-radius:999px;background:linear-gradient(135deg,var(--o-accent),#8a6bff);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
#order-standard_cart .onim-plan-card header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:transparent!important;border:0!important;padding:0!important}
#order-standard_cart .onim-plan-card h3{font-size:1.25rem;margin:0;color:var(--o-text)}
#order-standard_cart .onim-plan-card .qty{font-size:.72rem;padding:.15rem .55rem;border-radius:999px;background:rgba(201,138,18,.16);color:var(--o-warn)}
.plan-price{margin:1.1rem 0 .9rem;padding-bottom:1rem;border-bottom:1px dashed var(--o-border)}
.plan-price small{display:block;color:var(--o-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.plan-price .amt{font-size:2.2rem;font-weight:700;line-height:1.15;color:var(--o-text)}
.plan-price .per{color:var(--o-muted);font-size:.9rem}
.plan-price .setup{display:block;font-style:normal;margin-top:.3rem;color:var(--o-muted);font-size:.8rem}
.plan-desc{color:var(--o-muted);font-size:.9rem;margin:0 0 .8rem}
.plan-feat{list-style:none;margin:0 0 1.4rem;padding:0;flex:1}
.plan-feat li{display:flex;gap:.65rem;align-items:flex-start;padding:.38rem 0;font-size:.92rem;color:var(--o-text)}
.plan-feat li i{flex:none;margin-top:.2rem;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(18,163,122,.15);color:var(--o-accent-2);font-size:.6rem}
.plan-feat .feature-value{font-weight:700}
#order-standard_cart .onim-plan-card .btn-order-now{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;border-radius:12px;background:var(--o-accent)!important;border:0!important;color:#fff!important;font-weight:700;box-shadow:0 8px 18px rgba(108,99,255,.3)}
#order-standard_cart .onim-plan-card .btn-order-now:hover{filter:brightness(1.1)}

/* order popup */
html.onim-lock{overflow:hidden}
.onim-modal{position:fixed;inset:0;z-index:2000;display:none}
.onim-modal.open{display:block}
.om-backdrop{position:absolute;inset:0;background:rgba(8,12,24,.62);backdrop-filter:blur(3px)}
.om-dialog{position:absolute;top:4vh;left:50%;transform:translateX(-50%);width:min(1040px,96vw);height:92vh;display:flex;flex-direction:column;background:var(--o-bg);border:1px solid var(--o-border);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;animation:omIn .22s ease}
@keyframes omIn{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
.om-head{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.4rem;background:var(--o-surface);border-bottom:1px solid var(--o-border)}
.om-head>div:first-child{flex:1;min-width:0}
.om-head small{display:block;color:var(--o-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.om-head h3{margin:.1rem 0 0;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-steps{display:flex;gap:.4rem;margin:0;padding:0;list-style:none}
.om-steps li{display:flex;align-items:center;gap:.45rem;padding:.3rem .8rem;border-radius:999px;background:var(--o-surface-2);color:var(--o-muted);font-size:.8rem;font-weight:600}
.om-steps li:before{content:attr(data-step);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--o-border);font-size:.68rem}
.om-steps li.on{background:var(--o-accent);color:#fff}.om-steps li.on:before{background:rgba(255,255,255,.28)}
.om-steps li.done{color:var(--o-accent-2)}.om-steps li.done:before{content:"\2713";background:rgba(18,163,122,.2)}
.om-close{width:38px;height:38px;border:0;border-radius:10px;background:var(--o-surface-2);color:var(--o-text);font-size:1.4rem;line-height:1;cursor:pointer}
.om-close:hover{background:var(--o-danger);color:#fff}
.om-body{position:relative;flex:1;min-height:0}
.om-frame{width:100%;height:100%;border:0;background:var(--o-bg)}
.om-loader{position:absolute;inset:0;display:grid;place-items:center;background:var(--o-bg);color:var(--o-accent);font-size:2rem;z-index:2;transition:opacity .2s}
.om-loader.hide{opacity:0;pointer-events:none}
@media(max-width:767px){.om-dialog{inset:0;top:0;width:100vw;height:100vh;border-radius:0;transform:none;animation:none}.om-steps{display:none}}

/* page shown inside the popup: strip the site chrome */
html.onim-embed .onim-sidebar,html.onim-embed .onim-topbar,html.onim-embed .onim-crumbs,html.onim-embed .onim-footer,html.onim-embed .onim-scrim,html.onim-embed .network-issue-alert{display:none!important}
html.onim-embed .onim-main{margin-left:0!important}
html.onim-embed .onim-content{padding:1rem 1.25rem 2rem}
html.onim-embed #order-standard_cart .cart-sidebar,html.onim-embed #order-standard_cart .sidebar-collapsed,html.onim-embed #order-standard_cart>.row>.header-lined{display:none!important}
html.onim-embed #order-standard_cart .cart-body{float:none!important;width:100%!important;padding:0!important}
html.onim-embed #order-standard_cart .secondary-cart-body{width:66%}
html.onim-embed #order-standard_cart .secondary-cart-sidebar{width:32%}
@media(max-width:767px){html.onim-embed #order-standard_cart .secondary-cart-body,html.onim-embed #order-standard_cart .secondary-cart-sidebar{width:100%;float:none}}


/* ==========================================================
   v9 - store page fixes (higher specificity than the stock order form CSS)
   ========================================================== */
#order-standard_cart .onim-cats a{color:var(--o-text)!important;background:var(--o-surface)!important;border:1px solid var(--o-border)!important;text-decoration:none}
#order-standard_cart .onim-cats a:hover{color:var(--o-accent)!important;border-color:var(--o-accent)!important}
#order-standard_cart .onim-cats a.active{background:var(--o-accent)!important;border-color:var(--o-accent)!important;color:#fff!important;box-shadow:0 6px 16px rgba(108,99,255,.3)}
#order-standard_cart .onim-cats a.alt{background:transparent!important;color:var(--o-muted)!important}
#order-standard_cart .onim-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem;margin:0}
#order-standard_cart .onim-plan-card{float:none;width:auto;min-height:0;padding:1.7rem 1.5rem 1.5rem;background:var(--o-surface)!important;border:1px solid var(--o-border)!important;border-radius:18px;overflow:visible}
#order-standard_cart .onim-plan-card header{padding:0!important;background:transparent!important;border:0!important;margin:0}
#order-standard_cart .onim-plan-card header span{font-size:.72rem;font-weight:600}
#order-standard_cart .onim-plan-card h3{font-size:1.3rem;font-weight:700;margin:0;color:var(--o-text)!important}
#order-standard_cart .onim-plan-card .plan-price{margin:1rem 0 1rem;padding:0 0 1rem;background:transparent!important;border-bottom:1px dashed var(--o-border)!important}
#order-standard_cart .onim-plan-card .plan-price .amt{font-size:2.3rem;font-weight:700;line-height:1.15;color:var(--o-text)!important}
#order-standard_cart .onim-plan-card .plan-price .per{color:var(--o-muted)!important;font-size:.9rem}
#order-standard_cart .onim-plan-card ul.plan-feat{list-style:none!important;margin:0 0 1.5rem!important;padding:0!important;flex:1}
#order-standard_cart .onim-plan-card ul.plan-feat li{display:flex;gap:.65rem;align-items:flex-start;padding:.4rem 0;margin:0;font-size:.92rem;color:var(--o-text)!important;list-style:none!important}
#order-standard_cart .onim-plan-card ul.plan-feat li:before{content:none!important}
#order-standard_cart .onim-plan-card ul.plan-feat li i{flex:none;display:grid;place-items:center;width:19px;height:19px;margin-top:.15rem;border-radius:50%;background:rgba(18,163,122,.16);color:var(--o-accent-2);font-size:.58rem}
#order-standard_cart .onim-plan-card .feature-value{font-weight:700;color:var(--o-text)!important}
#order-standard_cart .onim-plan-card .plan-desc{color:var(--o-muted)!important;font-size:.9rem;margin:0 0 .8rem}
#order-standard_cart .onim-plan-card a.btn-order-now{display:flex!important;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.85rem 1rem;margin:0;border-radius:12px;border:0!important;background:var(--o-accent)!important;color:#fff!important;font-size:.95rem;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(108,99,255,.3);cursor:pointer}
#order-standard_cart .onim-plan-card a.btn-order-now i{color:#fff}
#order-standard_cart .onim-plan-card a.btn-order-now:hover{filter:brightness(1.1)}
.onim-store-head h1{color:var(--o-text)}