*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fa;color:#172033}button,input,select,textarea{font:inherit}.top{background:#0b2855;color:#fff;padding:22px 18px}.top h1{margin:0;font-size:24px}.top p{margin:5px 0 0;opacity:.85}.page{max-width:850px;margin:auto;padding:18px 16px 100px}.card{background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 4px 14px #0000000a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{border:0;border-radius:16px;padding:18px;text-align:left;min-height:125px;cursor:pointer}.action b{display:block;font-size:18px;margin-bottom:8px}.green{background:#e6f8ef}.blue{background:#e7f2ff}.orange{background:#fff0e3}.purple{background:#f3eafb}.yellow{background:#fff4d7}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.summary div{background:#fafafa;padding:13px 6px;border-radius:13px}.summary strong{display:block;margin-top:7px;color:#0ca25b}.btn{border:0;background:#12ad66;color:#fff;padding:13px 16px;border-radius:12px;font-weight:700;cursor:pointer}.btn.secondary{background:#e9eef5;color:#172033}.btn.danger{background:#dc3545}.field{margin-bottom:13px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #dce1e8;border-radius:11px;background:#fff}.row{display:flex;gap:10px}.row>*{flex:1}.list{display:grid;gap:9px}.item{background:#fff;border:1px solid #e5e9ef;border-radius:13px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.muted{color:#7b8492;font-size:13px}.price{font-weight:700;color:#0ca25b}.product-line{display:grid;grid-template-columns:1fr 90px 100px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(4,1fr);z-index:5}.nav button{border:0;background:#fff;padding:13px 4px;color:#747d8b;cursor:pointer}.nav button.active{color:#1267c4;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 6px;border-bottom:1px solid #eee;font-size:14px}.empty{text-align:center;color:#7b8492;padding:25px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.toolbar h2{margin:0}.notice{padding:12px;background:#edf6ff;border-radius:12px;margin-bottom:14px;font-size:14px}@media(max-width:600px){.summary{grid-template-columns:1fr}.product-line{grid-template-columns:1fr 70px 85px}.row{flex-direction:column}}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}

.client-card{background:#fff;border:1px solid #e5e9ef;border-radius:15px;padding:14px}.client-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.client-balance{margin-top:7px;font-size:14px;color:#566171}.client-balance strong,.balance-highlight{color:#0ca25b}.client-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f4}.payment-btn{background:#1267c4}.whatsapp-btn{background:#18a957}.paid-label{font-size:12px;font-weight:700;color:#0ca25b;background:#e6f8ef;padding:6px 9px;border-radius:999px}@media(max-width:430px){.client-actions{grid-template-columns:1fr}}

.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.report-summary div{background:#f6f7f9;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}.report-summary span{font-size:12px;color:#7d8490}.report-summary strong{font-size:16px}.paid-value{color:#18a663}.table-wrap{overflow-x:auto}@media(max-width:520px){.report-summary{grid-template-columns:1fr}.table-wrap table{min-width:650px}}

/* ================================================================
   RELATÓRIO - EFEITO ZEBRADO POR CLIENTE
   ================================================================ */

table tbody tr.cliente-par td {
  background: transparent;
}

table tbody tr.cliente-impar td {
  background: rgba(127, 127, 127, 0.08);
}

/* Detalhamento do relatório individual */
.detail-sale{padding:14px 0;border-bottom:1px solid var(--border,#e7e9ee)}
.detail-sale:last-child{border-bottom:0}
.detail-items{margin:9px 0;display:grid;gap:5px;font-size:14px}


/* Busca de cliente na tela Nova Venda */
.client-search-results{display:grid;gap:6px;margin-top:6px;max-height:260px;overflow-y:auto}
.client-search-option{width:100%;border:1px solid #e2e7ed;background:#fff;border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}
.client-search-option:hover{background:#f4f8fc;border-color:#b9cbe0}
.client-search-option span{font-size:12px;color:#7b8492}
.client-search-empty{padding:11px 12px;background:#f7f8fa;border-radius:10px;color:#7b8492;font-size:13px}
.selected-client{margin-top:7px}.selected-client strong{color:#1267c4}

/* Busca na tela Clientes */
.client-search-card{margin-bottom:14px;padding:14px}.client-search-field{margin:0}.client-search-field input{margin-bottom:0}


/* Alternância de tema */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.top-text{min-width:0}.theme-toggle{position:relative;display:inline-block;width:66px;height:34px;flex:0 0 auto;cursor:pointer}.theme-toggle input{opacity:0;width:0;height:0}.theme-slider{position:absolute;inset:0;border-radius:999px;background:#eef2f7;border:1px solid #d8e0ea;transition:.25s;display:flex;align-items:center;justify-content:space-around;font-size:15px;padding:0 4px}.theme-slider:after{content:"";position:absolute;width:26px;height:26px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 7px #0003;transition:.25s}.theme-toggle input:checked + .theme-slider{background:#172033;border-color:#40506a}.theme-toggle input:checked + .theme-slider:after{transform:translateX(32px)}.sun,.moon{position:relative;z-index:1;font-size:13px}.client-observation{margin:5px 0 4px;font-size:13px;color:#596474;line-height:1.35}

html[data-theme="dark"] body{background:#0d1117;color:#e7edf5}html[data-theme="dark"] .top{background:#07172f}html[data-theme="dark"] .card,html[data-theme="dark"] .item,html[data-theme="dark"] .client-card,html[data-theme="dark"] .nav,html[data-theme="dark"] .nav button,html[data-theme="dark"] .client-search-option{background:#161b22;color:#e7edf5;border-color:#2a3441}html[data-theme="dark"] .summary div,html[data-theme="dark"] .report-summary div{background:#202731}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0f141b;color:#e7edf5;border-color:#354151}html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#7f8b9c}html[data-theme="dark"] .muted,html[data-theme="dark"] .client-observation,html[data-theme="dark"] .client-balance{color:#a8b3c2}html[data-theme="dark"] .btn.secondary{background:#28313d;color:#e7edf5}html[data-theme="dark"] .nav{border-color:#2a3441}html[data-theme="dark"] th,html[data-theme="dark"] td,html[data-theme="dark"] .detail-sale,html[data-theme="dark"] .product-line,html[data-theme="dark"] .client-actions{border-color:#2a3441}html[data-theme="dark"] .green{background:#17392b;color:#dff8eb}html[data-theme="dark"] .blue{background:#172f4b;color:#e2efff}html[data-theme="dark"] .orange{background:#432b1b;color:#fff0e5}html[data-theme="dark"] .purple{background:#322342;color:#f2e7ff}html[data-theme="dark"] .yellow{background:#403719;color:#fff5d5}html[data-theme="dark"] .notice{background:#162b3d}html[data-theme="dark"] .client-search-option:hover{background:#202a36;border-color:#53667c}html[data-theme="dark"] .client-search-empty,html[data-theme="dark"] .empty{color:#9ba7b6}html[data-theme="dark"] .theme-slider{background:#111827;border-color:#4a586b}


/* Edição de vendas */
.sale-card{background:#fff;border:1px solid #e5e9ef;border-radius:13px;padding:13px}.sale-card-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sale-card-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:11px;border-top:1px solid #edf0f4}.edit-cancel{margin-left:8px}html[data-theme="dark"] .sale-card{background:#161b22;color:#e7edf5;border-color:#2a3441}html[data-theme="dark"] .sale-card-actions{border-color:#2a3441}@media(max-width:430px){.sale-card-main{flex-direction:column}.sale-card-actions .btn{width:100%}.edit-cancel{margin:8px 0 0;width:100%}}

/* Modal de limpeza de dados */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999}.modal-box{width:min(100%,480px);background:var(--card,#fff);color:var(--text,#172033);border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.modal-close{border:0;background:transparent;color:inherit;font-size:30px;line-height:1;cursor:pointer}.clear-options{display:grid;gap:10px;margin:18px 0}.clear-options button{display:flex;flex-direction:column;gap:5px;text-align:left;padding:15px;border:1px solid var(--border,#e7e9ee);border-radius:14px;background:var(--card,#fff);color:inherit;cursor:pointer}.clear-options button b{font-size:16px}.clear-options button span{font-size:12px;opacity:.7}.clear-options .clear-all{border-color:#d9534f}.clear-options button:hover{filter:brightness(.97)}[data-theme="dark"] .modal-box,[data-theme="dark"] .clear-options button{background:#172033;color:#f5f7fa;border-color:#344055}

/* Rodapé exclusivo da tela inicial */
.home-footer{text-align:center;margin:24px 0 4px;padding:12px 8px;color:#7b8492;font-size:13px}html[data-theme="dark"] .home-footer{color:#9ba7b6}

/* Instalação do AnotaAí como aplicativo (PWA) */
.app-install-card{border-left:5px solid #12ad66}.app-install-info{display:flex;align-items:center;gap:12px;margin-bottom:15px}.app-install-info h3{margin:0 0 5px}.app-install-info p{margin:0}.app-install-icon{width:48px;height:48px;border-radius:14px;background:#e6f8ef;display:grid;place-items:center;font-size:25px;flex:0 0 auto}.install-btn{width:100%;font-size:15px}.install-btn.installed,.install-btn:disabled{background:#e8edf2;color:#657080;cursor:default}.install-help{line-height:1.55;margin:18px 0}html[data-theme="dark"] .app-install-icon{background:#17392b}html[data-theme="dark"] .install-btn.installed,html[data-theme="dark"] .install-btn:disabled{background:#28313d;color:#a8b3c2}

/* Backup online e restauração com mesclagem */
.backup-card{border-left:5px solid #1267c4}.backup-card .toolbar h3{margin:0 0 4px}.backup-card .toolbar p{margin:0}.backup-dot{width:12px;height:12px;border-radius:50%;background:#c7ccd3;box-shadow:0 0 0 4px #f0f2f5;flex:0 0 auto}.backup-dot.ready{background:#12ad66;box-shadow:0 0 0 4px #dcf5e9}.backup-code{background:#f5f8fb;border:1px solid #e1e7ee;border-radius:14px;padding:13px;display:grid;gap:8px;margin-bottom:13px}.backup-code span{font-size:12px;color:#687385}.backup-code strong{font-family:monospace;word-break:break-all;font-size:14px;letter-spacing:.4px}.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.backup-file-label{text-align:center}.backup-status{margin:13px 0 0}.backup-card .notice{margin-top:0}html[data-theme="dark"] .backup-code{background:#202731;border-color:#344055}html[data-theme="dark"] .backup-code span{color:#a8b3c2}html[data-theme="dark"] .backup-dot{box-shadow:0 0 0 4px #28313d}html[data-theme="dark"] .backup-dot.ready{box-shadow:0 0 0 4px #17392b}@media(max-width:520px){.backup-actions{grid-template-columns:1fr}}

/* Identidade AnotaAí no cabeçalho */
.brand-wrap{display:flex;align-items:center;gap:12px;min-width:0}.app-logo{width:48px;height:48px;object-fit:cover;border-radius:13px;flex:0 0 auto;box-shadow:0 3px 10px rgba(0,0,0,.18)}@media(max-width:430px){.app-logo{width:42px;height:42px;border-radius:11px}.top h1{font-size:21px}.brand-wrap{gap:10px}}

/* ===== Recursos AnotaAí 1.0: notificações, lote, status e estoque ===== */
.top-actions{display:flex;align-items:center;gap:10px}.bell{position:relative;border:0;background:#ffffff1a;color:#fff;width:42px;height:42px;border-radius:12px;cursor:pointer;font-size:19px}.bell span{position:absolute;right:-4px;top:-5px;background:#e53935;color:#fff;border-radius:999px;min-width:19px;height:19px;padding:0 5px;font-size:11px;display:grid;place-items:center;font-weight:700}.alert-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border-left:5px solid #f2a900}.alert-card p{margin:5px 0 0}.checkline{display:flex;align-items:center;gap:8px;margin:12px 0;font-weight:600}.checkline input{width:18px;height:18px}.client-head{display:grid;grid-template-columns:auto 1fr auto}.client-select{padding-top:3px}.client-select input{width:18px;height:18px}.client-info{min-width:0}.bulk-bar{position:sticky;top:8px;z-index:4;background:#0b2855;color:#fff;border-radius:14px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;box-shadow:0 8px 24px #0002}.hidden{display:none!important}.status{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.status.paid{background:#e6f8ef;color:#078447}.status.partial{background:#e7f2ff;color:#1267c4}.status.charged{background:#fff0e3;color:#b45b11}.status.open{background:#f3f4f6;color:#566171}.product-card .product-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
html[data-theme="dark"] .status.paid{background:#17392b;color:#8ce6b7}html[data-theme="dark"] .status.partial{background:#172f4b;color:#9dccff}html[data-theme="dark"] .status.charged{background:#432b1b;color:#ffc18f}html[data-theme="dark"] .status.open{background:#28313d;color:#c7d0dc}
@media(max-width:520px){.top-actions{gap:6px}.theme-toggle{width:58px}.theme-toggle input:checked + .theme-slider:after{transform:translateX(24px)}.bulk-bar{align-items:stretch;flex-direction:column}.bulk-bar div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.client-head{grid-template-columns:auto 1fr}.client-head>.btn{grid-column:2;margin-top:8px}.product-card{align-items:flex-start;flex-direction:column}.product-actions{width:100%}.product-actions .btn{flex:1}}


/* Botão flutuante para registrar uma nova venda em qualquer tela */
.fab-sale{position:fixed;right:18px;bottom:88px;z-index:8;width:62px;height:62px;border:0;border-radius:50%;background:#12ad66;color:#fff;box-shadow:0 8px 24px rgba(18,173,102,.38);font-size:23px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1px;transition:transform .18s,filter .18s}
.fab-sale span{font-size:19px;margin-top:-18px;margin-left:-5px;background:#fff;color:#0b8c52;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;line-height:1}
.license-card{border-left:5px solid #7b3fc6}.activation-page{min-height:calc(100vh - 100px);display:grid;place-items:center}.activation-card{width:min(100%,460px);text-align:center;padding:26px}.activation-card .field{text-align:left}.activation-icon{width:66px;height:66px;border-radius:20px;background:#f3eafb;display:grid;place-items:center;font-size:32px;margin:0 auto 14px}.license-message{background:#fff0e3;color:#9b4c0c;border-radius:11px;padding:11px;line-height:1.4}.activation-help{margin:16px 0 0}html[data-theme="dark"] .activation-icon{background:#322342}html[data-theme="dark"] .license-message{background:#432b1b;color:#ffc18f}
.fab-sale:hover{filter:brightness(.96);transform:translateY(-2px)}
.fab-sale:active{transform:scale(.96)}
html[data-theme="dark"] .fab-sale{box-shadow:0 8px 26px rgba(0,0,0,.5)}
@media(min-width:900px){.fab-sale{right:calc((100vw - 850px)/2 + 18px)}}


/* ===== V16: tags simples de cobrança na lista de clientes ===== */
.status.sent{background:#e6f8ef;color:#078447;margin-left:5px}
.sync-now{grid-column:1/-1;background:#1267c4}.sync-toggle{margin-top:15px;padding:12px;background:#f5f8fb;border-radius:12px}.backup-status{line-height:1.4}html[data-theme="dark"] .sync-toggle{background:#202731}
.backup-schedule{margin-top:14px;padding:14px;background:#f5f8fb;border-radius:14px}.backup-schedule-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.backup-schedule-head h4{margin:0 0 4px}.backup-schedule-head p{margin:0}.backup-schedule-head select{padding:9px 10px;border:1px solid #dce1e8;border-radius:10px;background:#fff}.backup-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.backup-time-grid .field{margin:0}.schedule-save{width:100%;margin-top:12px}.schedule-next{font-weight:700;color:#1267c4;margin:12px 0 4px}.schedule-note{line-height:1.4;margin:4px 0 0}html[data-theme="dark"] .backup-schedule{background:#202731}html[data-theme="dark"] .backup-schedule-head select{background:#0f141b;color:#e7edf5;border-color:#354151}@media(max-width:520px){.backup-schedule-head{align-items:flex-start;flex-direction:column}.backup-time-grid{grid-template-columns:1fr}.backup-schedule-head select{width:100%}}
.status.not-sent{background:#fff0e3;color:#b45b11;margin-left:5px}
html[data-theme="dark"] .status.sent{background:#17392b;color:#8ce6b7}
html[data-theme="dark"] .status.not-sent{background:#432b1b;color:#ffc18f}

.update-list{margin:10px 0 18px}.update-list p{margin:10px 0}.update-footer{margin:0 0 18px;padding-top:12px;border-top:1px solid #e5e9ef;color:#8b93a1;font-size:12px;line-height:1.45}[data-theme="dark"] .update-footer{border-color:#344055;color:#909baa}

.queue-start-btn{width:100%;margin:0 0 12px}.queue-progress{height:7px;background:#e8edf3;border-radius:999px;overflow:hidden;margin:4px 0 18px}.queue-progress span{display:block;height:100%;background:currentColor;border-radius:999px}.queue-client{padding:4px 0 10px}.queue-client h2{margin-bottom:6px}.queue-actions{display:grid;gap:9px}.queue-warning{padding:10px 12px;border-radius:10px;background:#fff4e5;color:#9b5a00;font-weight:600}[data-theme="dark"] .queue-progress{background:#344055}[data-theme="dark"] .queue-warning{background:#4b391d;color:#ffd28a}

/* ===== Mensagem personalizada de cobrança ===== */
.custom-charge-message[hidden]{display:none}.custom-charge-message code{background:rgba(127,127,127,.13);padding:2px 5px;border-radius:5px}.custom-charge-message textarea{min-height:145px;resize:vertical}


/* Loader de inicialização */
.app-loader-screen{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#fff;transition:opacity .2s ease,visibility .2s ease}
.app-loader-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader {
  height: 30px;
  aspect-ratio: 2;
  background:
    radial-gradient(farthest-side,#000 15%,#0000 18%)0 0/50% 100%,
    radial-gradient(50% 100% at 50% 160%,#fff 95%,#0000) 0 0   /50% 50%,
    radial-gradient(50% 100% at 50% -60%,#fff 95%,#0000) 0 100%/50% 50%;
  background-repeat: repeat-x;
  -webkit-mask: radial-gradient(50% 100%,#000 95%,#0000) 0 100%/50% 0% repeat-x;
  animation: l3 1s infinite alternate ease-in;
}
@keyframes l3 {
  0%,
  70% {-webkit-mask-size:50% 100%}
  85% {-webkit-mask-size:50% 0}
  100% {-webkit-mask-size:50% 100%}
}
html[data-theme="dark"] .app-loader-screen{background:#0f141b}

/* ================= ASSISTENTE IA ================= */

.fab-ai {
    position: fixed;
    right: 23px;
    bottom: 158px;
    z-index: 8;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #7048e8, #9c36b5);
    color: #fff;
    box-shadow: 0 8px 24px rgba(112, 72, 232, 0.38);
    font-size: 23px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: transform 0.18s, filter 0.18s;
}

.fab-ai:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
}

.fab-ai:active {
    transform: scale(0.96);
}

.ai-card {
    max-width: 650px;
    margin-inline: auto;
}

.ai-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.ai-title h2,
.ai-title p {
    margin: 0;
}

.ai-title p {
    margin-top: 5px;
}

.ai-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    border-radius: 15px;
    background: #f0ebff;
    display: grid;
    place-items: center;
    font-size: 23px;
}

.ai-examples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 5px 0 16px;
}

.ai-examples small {
    width: 100%;
    color: #7b8492;
}

.ai-examples button {
    border: 1px solid #d8dce5;
    border-radius: 999px;
    padding: 7px 11px;
    background: #f6f7f9;
    color: #354052;
    font-size: 12px;
    cursor: pointer;
}

.ai-examples button:hover {
    background: #eceff4;
}

.ai-status {
    margin-top: 14px;
}

.ai-loading {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px;
    border-radius: 12px;
    background: #f0ebff;
    color: #6240c4;
    font-weight: 700;
}

.loader-small {
    width: 18px;
    height: 18px;
    border: 3px solid #c9bafa;
    border-top-color: #7048e8;
    border-radius: 50%;
    animation: ai-spin 0.8s linear infinite;
}

@keyframes ai-spin {
    to {
        transform: rotate(360deg);
    }
}

.ai-error {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px;
    margin-top: 12px;
    border: 1px solid #ffc9c9;
    border-radius: 12px;
    background: #fff1f1;
    color: #b42318;
    line-height: 1.4;
}

.ai-preview {
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid #e5e9ef;
}

.ai-preview h3 {
    margin: 0 0 12px;
}

.ai-preview-item {
    margin-bottom: 10px;
    padding: 13px;
    border: 1px solid #e2e6ec;
    border-radius: 13px;
    background: #f9fafb;
}

.ai-preview-item.invalid,
.ai-preview-product.invalid {
    border-color: #ffb4b4;
    background: #fff1f1;
    color: #b42318;
}

.ai-preview-product {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 9px;
    margin-top: 9px;
    border-top: 1px solid #e5e9ef;
}

.ai-preview-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    padding: 14px;
    border-radius: 13px;
    background: #e6f8ef;
    color: #087646;
}

.ai-preview-total strong {
    font-size: 18px;
}

html[data-theme="dark"] .ai-icon,
html[data-theme="dark"] .ai-loading {
    background: #2d2446;
    color: #c8b5ff;
}

html[data-theme="dark"] .ai-examples button {
    background: #252c36;
    color: #e7edf5;
    border-color: #3b4655;
}

html[data-theme="dark"] .ai-preview {
    border-color: #2a3441;
}

html[data-theme="dark"] .ai-preview-item {
    background: #1c222b;
    border-color: #303b49;
}

html[data-theme="dark"] .ai-preview-product {
    border-color: #303b49;
}

html[data-theme="dark"] .ai-preview-total {
    background: #17392b;
    color: #8ce6b7;
}

html[data-theme="dark"] .ai-error {
    background: #401e22;
    border-color: #713037;
    color: #ffb4b4;
}

html[data-theme="dark"] .fab-ai {
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.5);
}

@media (min-width: 900px) {
    .fab-ai {
        right: calc((100vw - 850px) / 2 + 23px);
    }
}