/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}



/* =====================================================================
   DP HOST — visual "nuvem" da área do cliente (14/10/2026)
   O mesmo céu azul-claro, fonte e cores do site (dphost.com.br): topo de céu, cartões brancos,
   botões azuis e rodapé azul-noite. Tema-filho "dphost" (pai: twenty-one). Fonte Archivo (SIL OFL) em ../fonts/.
   O visual escuro anterior ("Duas cidades", 02/10) está guardado no Drive:
   DPHOST\WHMCS-tema-dphost\custom.bak-escuro-antes-nuvem-20261014.css
   ===================================================================== */
@font-face{font-family:"Archivo";src:url(../fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap}

:root{
  --dp-ceu0:#8ECFFF; --dp-ceu1:#A9DAFF; --dp-ceu2:#C6E7FF; --dp-ceu3:#E2F2FF; --dp-ceu4:#F4FAFF;
  /* texto: #0A2540 (9:1 ou mais) e #2F4B6B (5,3:1 no céu mais forte) */
  --dp-tinta:#0A2540; --dp-tinta2:#2F4B6B;
  /* ação: branco sobre #0A5BD3 = 6,1:1; links #0848A8 */
  --dp-acao:#0A5BD3; --dp-acao-f:#0848A8; --dp-link:#0848A8;
  /* bordas: #6B8DB5 = 3,4:1 no branco (campos, WCAG 1.4.11); fio e cartão só decoram */
  --dp-campo:#6B8DB5; --dp-ctrl:#1F6FC0; --dp-fio:#C9DFF3; --dp-cartao:#CFE4F8;
  --dp-noite:#0A2540; --dp-noite-txt:#C9DCEE; --dp-sol:#FFC24B;
  --dp-ok:#047857; --dp-falha:#B42318; --dp-manut:#B54708; --dp-sem:#5B6B7D;
  --dp-sombra:0 24px 48px -36px rgba(10,91,211,.5);
}

/* Base */
html{color-scheme:light}
body{font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--dp-tinta2)}
body.primary-bg-color,.primary-bg-color,section#main-body{background:var(--dp-ceu4)!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,label,.control-label,.col-form-label{color:var(--dp-tinta)}
h1,h2,.h1,.h2,.header-lined h1,.pricing-card-title,.product-title{font-stretch:118%;font-weight:800;letter-spacing:-.01em}
h3,h4,.h3,.h4,.card-title{font-stretch:108%;font-weight:750}
a{color:var(--dp-link)}
a:hover{color:var(--dp-tinta)}
.text-muted,small,.small,.field-help-text,.info-text-sm,.tagline{color:var(--dp-tinta2)!important}
hr{border-color:var(--dp-fio)}
:focus-visible{outline:3px solid var(--dp-tinta)!important;outline-offset:2px}

/* Cabeçalho: o céu do site, com nuvens paradas (sem animação aqui).
   z-index (15/10/2026): o isolation prende os menus do cabeçalho (Conta, idioma, carrinho) no nível do cabeçalho;
   sem o z-index, o 1º cartão da página cobria o fim do menu "Conta". 1020 fica abaixo das janelas (modal 1040/1050). */
header.header{position:relative;isolation:isolate;z-index:1020;background:linear-gradient(180deg,var(--dp-ceu0) 0,var(--dp-ceu1) 55%,var(--dp-ceu2) 100%)!important}
header.header::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.85;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' fill='%23fff'%3E%3Ccircle cx='34' cy='38' r='20'/%3E%3Ccircle cx='60' cy='26' r='24'/%3E%3Ccircle cx='86' cy='34' r='18'/%3E%3Crect x='12' y='36' width='98' height='24' rx='12'/%3E%3C/svg%3E") right 6% top 10px/150px 75px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' fill='%23fff'%3E%3Ccircle cx='34' cy='38' r='20'/%3E%3Ccircle cx='60' cy='26' r='24'/%3E%3Ccircle cx='86' cy='34' r='18'/%3E%3Crect x='12' y='36' width='98' height='24' rx='12'/%3E%3C/svg%3E") left 28% top 34px/96px 48px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' fill='%23fff'%3E%3Ccircle cx='34' cy='38' r='20'/%3E%3Ccircle cx='60' cy='26' r='24'/%3E%3Ccircle cx='86' cy='34' r='18'/%3E%3Crect x='12' y='36' width='98' height='24' rx='12'/%3E%3C/svg%3E") left -40px bottom -18px/220px 110px no-repeat}
header.header .navbar-light,header.header .navbar{background:transparent!important}
header.header .topbar{background:var(--dp-noite)!important;color:var(--dp-noite-txt)}
header.header .topbar .btn,header.header .topbar a,header.header .topbar .active-client .btn,header.header .topbar .input-group-text{color:#fff!important}
header.header .topbar .active-client .btn.btn-active-client span{border-bottom-color:rgba(255,255,255,.7)}
header.header .logo-img{max-height:46px}
header.header .navbar-brand{padding:6px 0}
header.header .search{background:#fff;border:1px solid var(--dp-campo)!important;border-radius:999px;overflow:hidden}
header.header .search .btn,header.header .search .form-control{background:#fff!important;color:var(--dp-tinta)!important}
header.header .search .btn{color:var(--dp-tinta2)!important}
header.header .search:focus-within{border-color:var(--dp-acao)!important;box-shadow:0 0 0 1px var(--dp-acao)}
header.header .toolbar .nav-link,header.header .cart-btn{background:#fff!important;border:1px solid var(--dp-ctrl)!important;border-radius:999px!important;color:var(--dp-tinta)!important}
header.header .toolbar .nav-link:hover{border-color:var(--dp-acao)!important;box-shadow:0 0 0 1px var(--dp-acao)}
header.header .badge-info,header.header .cart-btn .badge{background:var(--dp-acao)!important;color:#fff!important;opacity:1!important}
/* faixa do menu: vidro branco sobre o céu */
header.header .main-navbar-wrapper{background:rgba(255,255,255,.72)!important;border-top:1px solid rgba(255,255,255,.9);border-bottom:1px solid var(--dp-cartao);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
header.header .main-navbar-wrapper .navbar-nav a,header.header .navbar-nav .nav-link{color:var(--dp-tinta)!important;font-weight:600}
header.header .main-navbar-wrapper .navbar-nav a:hover,header.header .navbar-nav .nav-link:hover{color:var(--dp-acao-f)!important;text-decoration:underline;text-underline-offset:5px}
header.header .main-navbar-wrapper .navbar-nav .active>a,header.header .main-navbar-wrapper .navbar-nav .active>.nav-link{color:var(--dp-acao-f)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
header.header .dropdown-item.active,header.header .dropdown-item:active{background:var(--dp-ceu3)!important;color:var(--dp-tinta)!important}
.navbar-light .navbar-toggler{border-color:var(--dp-ctrl);color:var(--dp-tinta)}

/* Trilha (breadcrumb): o céu continua clareando até o fundo da página */
.master-breadcrumb,.master-breadcrumb .breadcrumb{background:transparent!important}
.master-breadcrumb{background:linear-gradient(180deg,var(--dp-ceu3),var(--dp-ceu4))!important;border-bottom:1px solid var(--dp-fio)}
.breadcrumb-item,.breadcrumb-item a,.breadcrumb-item+.breadcrumb-item:before{color:var(--dp-tinta2)!important}
.breadcrumb-item a{color:var(--dp-link)!important}
.breadcrumb-item.active{color:var(--dp-tinta)!important;font-weight:600}

/* Menus suspensos */
.dropdown-menu{background:#fff;border:1px solid var(--dp-cartao);border-radius:14px;box-shadow:0 18px 36px -18px rgba(10,37,64,.35);padding:6px}
.dropdown-item,.dropdown-menu a{color:var(--dp-tinta)!important;border-radius:9px}
.dropdown-item:hover,.dropdown-item:focus{background:var(--dp-ceu4)!important;color:var(--dp-tinta)!important}
.dropdown-divider{border-color:var(--dp-fio)}

/* Cartões e painéis */
.card,.panel,.panel-default,.modal-content,.home-domain-search,.login-form .card,.cart-sidebar .card{background:#fff!important;border:1px solid var(--dp-cartao)!important;border-radius:18px!important;box-shadow:var(--dp-sombra)!important;color:var(--dp-tinta2)}
.card-header,.panel-heading,.modal-header{background:var(--dp-ceu4)!important;border-color:var(--dp-fio)!important;color:var(--dp-tinta)}
.card-header:first-child{border-radius:17px 17px 0 0!important}
.card-footer,.modal-footer{background:#fff!important;border-color:var(--dp-fio)!important}
.card-footer:last-child{border-radius:0 0 17px 17px!important}
.card-title,.panel-title,.modal-title{color:var(--dp-tinta)!important}
.list-group-item{background:#fff!important;border-color:var(--dp-fio)!important;color:var(--dp-tinta2)}
.list-group-item-action:hover,.list-group-item-action:focus{background:var(--dp-ceu4)!important;color:var(--dp-tinta)!important}
.list-group-item.active,.sidebar .list-group-item.active,.sidebar .list-group-item.active:hover,.sidebar .list-group-item.active:focus{background:var(--dp-ceu3)!important;color:var(--dp-tinta)!important;border-color:var(--dp-fio)!important;box-shadow:inset 3px 0 0 var(--dp-acao);font-weight:650}
.sidebar .card-header .card-title,.sidebar .list-group-item{color:var(--dp-tinta)!important}
.sidebar-menu-item-icon,.ico-container,.ico-container i,.sidebar .list-group-item i{color:var(--dp-acao)!important}
.sidebar .list-group-item .badge{background:var(--dp-ceu3);color:var(--dp-acao-f)}
/* cartões com faixa de cor da página inicial (Produtos, Faturas, Tickets...) */
.card[class*="card-accent-"],a[class*="card-accent-"]{border-top-width:4px!important}
a[class*="card-accent-"]{background:#fff!important;color:var(--dp-tinta)!important}
a[class*="card-accent-"]:hover{background:var(--dp-ceu4)!important;text-decoration:none}
.card-accent-green,.card-accent-teal,.card-accent-emerald{border-top-color:var(--dp-ok)!important}
.card-accent-midnight-blue,.card-accent-blue{border-top-color:var(--dp-acao)!important}
.card-accent-sun-flower,.card-accent-asbestos{border-top-color:var(--dp-sol)!important}
.card-accent-pomegranate,.card-accent-red{border-top-color:var(--dp-falha)!important}
.input-group-wrapper{background:#fff!important;border-color:var(--dp-campo)!important}

/* Atalhos do painel (Serviços, Faturas, Tickets...) */
.tiles .tile,.client-home-cards .card{background:#fff!important;border-color:var(--dp-cartao)!important}
.tiles .tile{border-radius:18px;margin-bottom:12px}
.tiles .tile:hover{background:var(--dp-ceu4)!important}
.tiles .tile .stat{color:var(--dp-tinta)!important;font-stretch:118%;font-weight:800}
.tiles .tile .title{color:var(--dp-tinta2)!important;font-weight:600}
.tiles .tile .highlight{background:var(--dp-acao)!important;border-radius:0 0 4px 4px}
.tiles .tile i{color:var(--dp-ceu2)!important}
.tiles .tile:hover i{color:var(--dp-ceu1)!important}

/* Formulários */
.form-control,.custom-select,select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"]{background-color:#fff!important;border-color:var(--dp-campo)!important;color:var(--dp-tinta)!important;border-radius:10px}
.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.form-control:not(:last-child),.input-group>.custom-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.form-control:focus,.custom-select:focus{border-color:var(--dp-acao)!important;box-shadow:0 0 0 3px rgba(10,91,211,.2)!important}
.form-control::placeholder{color:var(--dp-sem)!important}
.form-control:disabled,.form-control[readonly]{background-color:var(--dp-ceu4)!important;color:var(--dp-tinta2)!important}
.input-group-text,.prepend-icon .field-icon,.field-icon{background:var(--dp-ceu4)!important;border-color:var(--dp-campo)!important;color:var(--dp-tinta2)!important}
/* 07/10: o ícone dos campos tem 42 px; o texto começava em 36 px e ficava embaixo dele (só filhos diretos: o telefone tem espaço próprio) */
.prepend-icon>.field,.prepend-icon>.form-control,.prepend-icon>.custom-select,.prepend-icon>select{padding-left:52px!important}
.custom-control-input:checked~.custom-control-label::before{background-color:var(--dp-acao)!important;border-color:var(--dp-acao)!important}
.bootstrap-switch{border-color:var(--dp-campo)!important;border-radius:999px!important}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background:var(--dp-acao)!important;color:#fff!important}
.custom-file-label{border-color:var(--dp-campo)!important;color:var(--dp-tinta2)!important;border-radius:10px}
.custom-file-label::after{background:var(--dp-ceu4)!important;color:var(--dp-tinta)!important;content:"Escolher"!important;border-radius:0 10px 10px 0}
.custom-file-input:focus~.custom-file-label{border-color:var(--dp-acao)!important;box-shadow:0 0 0 3px rgba(10,91,211,.2)!important}

/* Botões */
.btn{border-radius:12px;font-weight:650}
.btn-sm,.btn-group-sm>.btn{border-radius:9px}
.btn-primary,.btn-success,.btn-info,.btn-checkout,.btn-continue-shopping.btn-primary,#btnCompleteProductConfig,#btnCompleteOrder,.btn-order-now{background:var(--dp-acao)!important;border-color:var(--dp-acao)!important;color:#fff!important;font-weight:700}
.btn-primary:hover,.btn-success:hover,.btn-info:hover,.btn-checkout:hover,#btnCompleteProductConfig:hover,#btnCompleteOrder:hover,.btn-primary:focus,.btn-success:focus{background:var(--dp-acao-f)!important;border-color:var(--dp-acao-f)!important;color:#fff!important}
.btn-default,.btn-outline-primary,.btn-secondary,.btn-light,.btn-outline-secondary{background:#fff!important;border:1px solid var(--dp-ctrl)!important;color:var(--dp-tinta)!important}
.btn-default:hover,.btn-outline-primary:hover,.btn-secondary:hover,.btn-light:hover,.btn-outline-secondary:hover{background:var(--dp-ceu4)!important;border-color:var(--dp-acao)!important;box-shadow:0 0 0 1px var(--dp-acao)}
.btn-danger{background:var(--dp-falha)!important;border-color:var(--dp-falha)!important;color:#fff!important}
.btn-warning{background:var(--dp-sol)!important;border-color:var(--dp-sol)!important;color:var(--dp-tinta)!important}
.btn-link{color:var(--dp-link)!important}
.btn-reveal-pw,.generate-password{background:var(--dp-ceu4)!important;border-color:var(--dp-campo)!important;color:var(--dp-tinta2)!important}
.btn:focus,.btn.focus{box-shadow:0 0 0 3px rgba(10,91,211,.25)!important}

/* Tabelas */
.table,table.table{color:var(--dp-tinta2)}
.table th,.table td,.table thead th{border-color:var(--dp-fio)!important}
.table thead th{color:var(--dp-tinta);background:var(--dp-ceu4)}
.table-striped tbody tr:nth-of-type(odd){background:rgba(226,242,255,.45)}
.table-hover tbody tr:hover{background:var(--dp-ceu4);color:var(--dp-tinta)}
.table-container,.dataTables_wrapper{border-radius:18px}
.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{color:var(--dp-tinta2)}
.page-item.active .page-link{background:var(--dp-acao)!important;border-color:var(--dp-acao)!important;color:#fff!important}
.page-link{color:var(--dp-link)}

/* Abas */
.nav-tabs{border-color:var(--dp-fio)}
.nav-tabs .nav-link{color:var(--dp-tinta2);border-radius:12px 12px 0 0}
.nav-tabs .nav-link:hover{border-color:var(--dp-fio) var(--dp-fio) transparent}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{background:#fff!important;border-color:var(--dp-fio) var(--dp-fio) #fff!important;color:var(--dp-tinta)!important;font-weight:650}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--dp-acao)!important;color:#fff!important}

/* Avisos (fundo claro, texto escuro, faixa colorida à esquerda) */
.alert{border:1px solid transparent;border-left-width:4px;border-radius:14px}
.alert-info{background:#EAF3FF!important;border-color:#BBD6F5!important;border-left-color:var(--dp-acao)!important;color:var(--dp-tinta)!important}
.alert-success{background:#ECFDF5!important;border-color:#A7E3CB!important;border-left-color:var(--dp-ok)!important;color:#064E3B!important}
.alert-warning{background:#FFFAEB!important;border-color:#F3D68F!important;border-left-color:var(--dp-manut)!important;color:#7A2E0E!important}
.alert-danger{background:#FEF3F2!important;border-color:#F7C6C1!important;border-left-color:var(--dp-falha)!important;color:#7A271A!important}
.alert-link,.alert a{color:inherit!important;text-decoration:underline}
.badge-info,.badge-primary{background:var(--dp-acao);color:#fff}
.badge-success{background:var(--dp-ok);color:#fff}
.badge-danger{background:var(--dp-falha);color:#fff}
.badge-warning{background:var(--dp-sol);color:var(--dp-tinta)}
.progress{background:var(--dp-ceu3);border-radius:999px}
.progress-bar{background:var(--dp-acao)!important;color:#fff!important}
.bg-success{background:var(--dp-ok)!important}
.modal-header.bg-primary{background:var(--dp-acao)!important;color:#fff!important}
.modal-header.bg-primary .modal-title,.modal-header.bg-primary .close{color:#fff!important}
.modal-backdrop.show{opacity:.55;background:var(--dp-noite)}
.popover{border-color:var(--dp-cartao);border-radius:14px}

/* Resumo de anúncios e citações */
blockquote,.blockquote{background:var(--dp-ceu4);color:var(--dp-tinta2);border-left:4px solid var(--dp-acao);border-radius:0 12px 12px 0;padding:10px 16px}
.announcements .announcement article{border-left:4px solid var(--dp-acao)}

/* Carrinho (standard_cart) */
body #order-standard_cart .header-lined h1,body #order-standard_cart h1{color:var(--dp-tinta)}
body #order-standard_cart label,body #order-standard_cart .field-container label{color:var(--dp-tinta)!important;font-weight:600}
body #order-standard_cart .order-summary,body #order-standard_cart .summary-container{background:#fff!important;border:1px solid var(--dp-cartao)!important;border-radius:18px;overflow:hidden;box-shadow:var(--dp-sombra)}
body #order-standard_cart .order-summary h2{background:linear-gradient(180deg,var(--dp-ceu1),var(--dp-ceu2))!important;color:var(--dp-tinta)!important;font-stretch:118%;font-weight:800;border-bottom:1px solid var(--dp-cartao)}
body #order-standard_cart .order-summary,body #order-standard_cart .order-summary .product-name,body #order-standard_cart .order-summary .product-group,body #order-standard_cart .summary-container,body #order-standard_cart .summary-container .clearfix span{color:var(--dp-tinta)!important}
body #order-standard_cart .order-summary .total-due-today .amt,body #order-standard_cart .total-due-today .amt{color:var(--dp-tinta)!important;font-stretch:118%;font-weight:800}
body #order-standard_cart .order-summary .subtotal,body #order-standard_cart .order-summary .recurring-totals,body #order-standard_cart .order-summary .bordered-totals{border-color:var(--dp-fio)!important}
body #order-standard_cart .product-info,body #order-standard_cart .field-container,body #order-standard_cart .view-cart-items,body #order-standard_cart .secondary-cart-body .card{background:#fff!important;border-color:var(--dp-cartao)!important;color:var(--dp-tinta2)!important}
body #order-standard_cart .product-info{border-radius:16px}
body #order-standard_cart .view-cart-items{border-radius:16px;overflow:hidden}
body #order-standard_cart .view-cart-items-header{background:var(--dp-ceu3)!important;color:var(--dp-tinta)!important;border-color:var(--dp-cartao)!important}
body #order-standard_cart .sub-heading{border-color:var(--dp-fio)!important}
body #order-standard_cart .sub-heading span,.sub-heading span{color:var(--dp-tinta)!important;background:var(--dp-ceu4)!important;font-weight:700;font-stretch:108%}
body #order-standard_cart .products .product{background:#fff!important;border:1px solid var(--dp-cartao)!important;border-radius:18px;overflow:hidden}
body #order-standard_cart .products .product header{background:var(--dp-ceu4)!important;border-color:var(--dp-fio)!important;color:var(--dp-tinta)}
body #order-standard_cart .products .product .price{color:var(--dp-tinta)!important}
body #order-standard_cart .empty-cart .btn,body #order-standard_cart .view-cart-empty{color:var(--dp-tinta2)!important;background:transparent!important}
body #order-standard_cart .promo,body #order-standard_cart .view-cart-tabs .tab-content{background:#fff!important;border-color:var(--dp-cartao)!important}
body #order-standard_cart .panel-addon,body #order-standard_cart .addon-products .panel-addon{border-radius:16px;border-color:var(--dp-cartao)}
body #order-standard_cart .panel-addon-selected{border-color:var(--dp-acao)!important}
body #order-standard_cart .panel-addon .panel-add,body #order-standard_cart .panel-addon-selected .panel-add{background:var(--dp-acao)!important;color:#fff!important}
body #order-standard_cart .cart-sidebar .list-group-item.active{box-shadow:inset 3px 0 0 var(--dp-acao)}

/* Rodapé azul-noite (o dia vira noite no fim da página, como no site) */
footer.footer,#footer{position:relative;margin-top:56px;padding-top:84px!important;background:var(--dp-noite)!important;color:var(--dp-noite-txt)!important;border-top:0}
footer.footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:44px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 44' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V20C1340 32 1220 40 1040 30S700 6 520 16 180 40 0 22z' fill='%23F4FAFF'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.footer a,.footer .nav-link{color:#fff!important}
.footer a:hover{text-decoration:underline;text-underline-offset:3px}
.footer .copyright{color:var(--dp-noite-txt)!important}
.footer .btn{background:transparent!important;border:1px solid rgba(201,220,238,.6)!important;color:#fff!important;border-radius:999px}
.footer :focus-visible{outline-color:#fff!important}

/* Editor de mensagem dos tickets (bootstrap-markdown) */
.md-editor,.md-editor.active{border:1px solid var(--dp-campo)!important;border-radius:12px;background:#fff!important;box-shadow:none!important;overflow:hidden}
.md-editor.active{border-color:var(--dp-acao)!important;box-shadow:0 0 0 3px rgba(10,91,211,.2)!important}
.md-editor>textarea,.md-editor textarea.md-input,textarea.markdown-editor,.md-editor .md-preview{background:#fff!important;color:var(--dp-tinta)!important;font-family:"Archivo",system-ui,sans-serif!important;font-size:15px!important;line-height:1.55!important;border:0!important;border-top:1px solid var(--dp-fio)!important}
.md-editor>.md-header,.md-editor .md-header{background:var(--dp-ceu4)!important;padding:6px!important}
.md-editor .md-header .btn,.md-editor .btn-default{background:#fff!important;border:1px solid var(--dp-fio)!important;color:var(--dp-tinta)!important;opacity:1!important}
.md-editor .md-header .btn:hover{border-color:var(--dp-acao)!important}
.md-editor .md-header .btn.active,.md-editor .md-header .btn-primary{background:var(--dp-acao)!important;border-color:var(--dp-acao)!important;color:#fff!important}
.md-editor>.md-footer,.md-editor .md-footer{background:var(--dp-ceu4)!important;color:var(--dp-tinta2)!important;border-top:1px solid var(--dp-fio)!important}

/* Conversa do ticket: respostas da equipe com a faixa azul */
.ticket-reply,.view-ticket .card{background:#fff!important;border-color:var(--dp-cartao)!important}
.ticket-reply.staff{border-left:4px solid var(--dp-acao)!important}
.ticket-reply .user{background:var(--dp-ceu4)!important;color:var(--dp-tinta)!important}

/* 12/10/2026: atalho "Downloads" da página inicial escondido (não temos downloads; a página fica vazia) */
.col-6:has(> a[href*="rp=/download"]){display:none!important}

/* Menos movimento */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Ajustes da prévia (14/10): atalhos da página inicial com cantos e sombra; vermelho só para o que é problema */
a[class*="card-accent-"]{border:1px solid var(--dp-cartao)!important;border-top-width:4px!important;border-radius:18px!important;box-shadow:var(--dp-sombra)!important;overflow:hidden}
.card-accent-pomegranate{border-top-color:var(--dp-ctrl)!important}
a[class*="card-accent-"] i,a[class*="card-accent-"] .ico-container i{color:var(--dp-acao)!important}
body #order-standard_cart .field-container{background:transparent!important;border:0!important}
header.header .navbar-light{padding-top:12px;padding-bottom:12px}
/* ícone dentro do campo: sem fundo (o fundo cobria a borda esquerda do campo) */
.prepend-icon .field-icon{background:transparent!important;border:0!important;color:var(--dp-tinta2)!important}
/* listas no fim/início dos cartões acompanham os cantos arredondados */
.card>.list-group:last-child,.card>.list-group:last-child>.list-group-item:last-child,.card>.list-group-flush:last-child>.list-group-item:last-child{border-bottom-left-radius:17px!important;border-bottom-right-radius:17px!important}
.card>.list-group:first-child,.card>.list-group:first-child>.list-group-item:first-child{border-top-left-radius:17px!important;border-top-right-radius:17px!important}
/* foco nos campos: anel azul (o contorno escuro geral continua nos links e botões) */
.form-control:focus-visible,.custom-select:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--dp-acao)!important;outline-offset:1px}
/* barra escura do topo (logado): "Logado como" em texto claro, sem caixa */
header.header .topbar .input-group-text{background:transparent!important;border:0!important;color:var(--dp-noite-txt)!important}
/* aviso de verificar o e-mail: faixa branca */
.verification-banner{background:#fff!important;border-bottom:1px solid var(--dp-fio)}

/* Detalhes do serviço: o quadro com o ícone no céu e os títulos no tamanho certo */
div.product-details div.product-icon{background:linear-gradient(180deg,var(--dp-ceu2),var(--dp-ceu3))!important;border-radius:16px 16px 0 0}
div.product-details div.product-icon .fa-circle{color:var(--dp-acao)!important}
div.product-details div.product-icon h3{font-size:1.45rem;margin-top:10px}
div.product-details div.product-icon h4{font-size:1.05rem;color:var(--dp-tinta2);font-weight:650}
.product-status{border-radius:16px}
.product-status-text{font-weight:700;letter-spacing:.04em;border-radius:0 0 16px 16px}
.product-status-active{background-color:var(--dp-ok)!important}
.product-status-pending{background-color:var(--dp-manut)!important}
.product-status-suspended{background-color:var(--dp-acao)!important}
.product-status-terminated,.product-status-cancelled{background-color:var(--dp-sem)!important}
.product-status-fraud{background-color:var(--dp-noite)!important}
.product-details .col-md-6 > h4,.product-details .text-center > h4{font-size:1rem!important;font-weight:700;font-stretch:100%;color:var(--dp-tinta2)!important;margin:14px 0 2px}
div.product-details-tab-container{border-color:var(--dp-fio)!important;border-radius:0 0 18px 18px}

/* Selos de situação (texto branco, contraste 5:1 ou mais) */
.label{border-radius:999px;padding:.3em .75em;font-weight:700}
.label-success,.status-active,.status-open,.status-completed,.status-paid,.requestor-type-owner{background-color:var(--dp-ok)!important;color:#fff!important}
.label-danger,.status-pending,.status-unpaid,.status-inprogress{background-color:var(--dp-falha)!important;color:#fff!important}
.label-warning,.status-pending-transfer,.status-suspended,.status-customer-reply,.status-pending-registration,.status-redemption,.status-grace{background-color:var(--dp-manut)!important;color:#fff!important}
.label-default,.status-terminated,.status-closed,.status-cancelled{background-color:var(--dp-sem)!important;color:#fff!important}
.label-info,.requestor-type-operator,.status-onhold{background-color:var(--dp-acao)!important;color:#fff!important}

/* ===== Correções da revisão (14/10) ===== */
/* carrinho: cantos e pesos que o CSS do carrinho (carregado depois) desfazia */
body #order-standard_cart .order-summary,body #order-standard_cart .summary-container{border-radius:18px!important}
body #order-standard_cart .order-summary h2{font-weight:800!important}
body #order-standard_cart label{font-weight:600!important}
body #order-standard_cart .form-control,body #order-standard_cart .field,body #order-standard_cart .custom-select{border-radius:10px}
/* editor do ticket: status do rodapé e botão de tela cheia legíveis */
.md-editor .markdown-editor-status,.md-editor .md-footer *{color:var(--dp-tinta2)!important}
.md-editor .md-controls .md-control{color:var(--dp-tinta2)!important}
.md-editor .md-controls .md-control:hover,.md-editor .md-controls .md-control:focus-visible{color:var(--dp-acao-f)!important}
/* comandos nos artigos da base de conhecimento */
code,kbd,pre{color:var(--dp-tinta)!important;background:var(--dp-ceu3);border-radius:6px}
code{padding:.1em .35em}
pre{padding:12px 14px;border:1px solid var(--dp-fio)}
pre code{background:transparent;padding:0}
/* força da senha e campos com erro voltam a ter cor */
.progress-bar.bg-danger{background:var(--dp-falha)!important}
.progress-bar.bg-warning{background:var(--dp-sol)!important;color:var(--dp-tinta)!important}
.progress-bar.bg-success{background:var(--dp-ok)!important}
.form-control.is-invalid,.was-validated .form-control:invalid,.has-error .form-control{border-color:var(--dp-falha)!important}
.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--dp-ok)!important}
.form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(180,35,24,.2)!important}
/* modais e cartões laterais: os cantos fecham */
.modal-content{overflow:hidden}
.card-sidebar{overflow:hidden}
/* chave Sim/Não com a bolinha visível */
.bootstrap-switch .bootstrap-switch-label{background:#fff!important;box-shadow:inset 0 0 0 1px var(--dp-campo),0 1px 3px rgba(10,37,64,.25);border-radius:999px}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{background:var(--dp-ceu3)!important;color:var(--dp-tinta)!important}
/* barra escura do topo: foco visível e a aba "Voltar à administração" legível (só o admin vê) */
header.header .topbar :focus-visible{outline-color:#fff!important;outline-offset:-2px}
header.header .topbar .btn-return-to-admin{color:var(--dp-tinta)!important}
@media (min-width:768px){header.header .topbar .btn-return-to-admin{background:var(--dp-sol)!important}}
/* selos dos tickets: as cores vêm do cadastro de status (estilo na própria etiqueta); aqui ficam com contraste 5:1 ou mais */
.label.status-custom[style*="779500"]{background-color:var(--dp-ok)!important}
.label.status-custom[style*="000000"]{background-color:var(--dp-acao)!important}
.label.status-custom[style*="ff6600"]{background-color:var(--dp-manut)!important}
.label.status-custom[style*="888888"]{background-color:var(--dp-sem)!important}
.label.status-custom[style*="cc0000"]{background-color:var(--dp-falha)!important}
.status-refunded{background-color:var(--dp-manut)!important;color:#fff!important}
.status-accepted{background-color:var(--dp-ok)!important;color:#fff!important}
/* menu do celular: alvos de toque maiores */
@media (max-width:1199.98px){header.header .main-navbar-wrapper .navbar-nav>li>a{display:block;padding:10px 0!important}}
/* itens desativados dos menus continuam parecendo desativados */
.dropdown-item.disabled,.dropdown-item:disabled,.dropdown-item[disabled]{color:var(--dp-sem)!important;opacity:.75;cursor:not-allowed}
/* captcha do cadastro não cobre a linha dos Termos (margem negativa do tema pai) */
#default-captcha-domainchecker{margin-bottom:0!important}
/* "Downloads" (página vazia) some também da lateral; o atalho "Enviar um Ticket" sobe para o lugar dele no celular */
#Secondary_Sidebar-Support-Downloads{display:none!important}
.action-icon-btns:has(a[href*="rp=/download"]) .col-6:has(>a[href*="submitticket"]){margin-left:0!important}
/* ícones dentro dos campos na cor do texto secundário */
#registration .field-icon i,#order-standard_cart .field-icon i,.prepend-icon .field-icon i{color:var(--dp-tinta2)!important}
/* botões dentro de avisos não ficam sublinhados nem com a cor do aviso */
.alert a.btn{text-decoration:none!important}
.alert a.btn-default{color:var(--dp-tinta)!important}
.alert a.btn-primary{color:#fff!important}
/* a faixa colorida no topo dos atalhos (a regra de borda acima apagava a cor) */
a.card-accent-green,a.card-accent-teal,a.card-accent-emerald,.card.card-accent-green,.card.card-accent-teal,.card.card-accent-emerald{border-top-color:var(--dp-ok)!important}
a.card-accent-midnight-blue,a.card-accent-blue,a.card-accent-pomegranate,.card.card-accent-midnight-blue,.card.card-accent-blue{border-top-color:var(--dp-acao)!important}
a.card-accent-sun-flower,a.card-accent-asbestos,.card.card-accent-sun-flower,.card.card-accent-asbestos{border-top-color:var(--dp-sol)!important}
a.card-accent-red,.card.card-accent-red,.card.card-accent-pomegranate{border-top-color:var(--dp-falha)!important}