:root{--bg:#f4f7f6;--card:#fff;--text:#16221d;--muted:#65736d;--line:#dfe7e3;--primary:#168c5b;--primary-dark:#0f6c45;--danger:#c53b45;--warning:#d68a19;--shadow:0 12px 34px rgba(22,50,38,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}button,input,textarea,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#10251d;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 28px}.brand div{display:flex;flex-direction:column}.brand small{color:#9eb6ac;margin-top:2px}.brand-mark{width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#20b875,#0e7549);display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:15px}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;border:0;background:transparent;color:#bcd0c8;text-align:left;border-radius:12px;padding:13px 14px;cursor:pointer;font-weight:650}.nav-item:hover,.nav-item.active{background:#1b3b2e;color:#fff}.nav-item.danger{margin-top:auto;color:#ffb6bb}.main-content{margin-left:245px;padding:28px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:28px}.topbar p,.section-head p,.card p{color:var(--muted);margin:5px 0 0}.badge{padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800}.badge.good{background:#daf5e8;color:#0d7648}.badge.warn{background:#fff0d5;color:#9a5b00}.badge.bad{background:#ffe2e4;color:#a5232d}.badge.neutral{background:#e9eeec;color:#53615b}.view{display:none}.view.active{display:block}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.top-gap{margin-top:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.card h2{margin:0;font-size:19px}.card-head,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.status-dot{width:13px;height:13px;border-radius:50%;background:#aab4b0;box-shadow:0 0 0 5px #edf1ef}.status-dot.good{background:#1ca66a;box-shadow:0 0 0 5px #daf5e8}.status-dot.warn{background:#e39b2b;box-shadow:0 0 0 5px #fff0d5}.status-dot.bad{background:#d84b56;box-shadow:0 0 0 5px #ffe2e4}.qr-area{min-height:380px;display:grid;place-content:center;text-align:center;padding:20px}.qr-area img{width:min(100%,340px);background:#fff;border:12px solid #fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.qr-area .connected-icon{width:90px;height:90px;border-radius:50%;background:#daf5e8;color:#0c7b4a;display:grid;place-items:center;font-size:44px;margin:0 auto 15px}.loader{width:40px;height:40px;border:4px solid #dce5e1;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:11px 17px;font-weight:800;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#eaf2ee;color:#174d38}.btn.danger-outline{background:#fff;color:var(--danger);border:1px solid #f0bfc3}.metric-list{margin-top:18px}.metric-list>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.metric-list>div:last-child{border:0}.metric-list span{color:var(--muted)}.alert{margin-top:14px;padding:12px 14px;border-radius:10px}.alert.error{background:#ffe7e9;color:#962832}.hidden{display:none!important}.chat-preview{margin-top:15px;background:#ecf8f1;border-radius:14px;padding:15px;white-space:pre-wrap}.tips p{padding:7px 0}.section-head{margin-bottom:17px}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f9fbfa}td small{display:block;color:var(--muted);margin-top:4px;max-width:420px}.table-actions{display:flex;gap:7px;justify-content:flex-end}.icon-btn{border:0;background:#edf3f0;border-radius:9px;min-width:34px;height:34px;cursor:pointer;font-size:18px}.icon-btn.danger{color:var(--danger)}.status-pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#e6ebe9}.status-pill.active{background:#daf5e8;color:#0e7648}.contacts-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;height:calc(100vh - 126px)}.contacts-list-card,.conversation-card{overflow:hidden;display:flex;flex-direction:column}.contacts-list{overflow:auto;margin:14px -22px -22px}.contact-item{display:block;width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;padding:14px 20px;cursor:pointer}.contact-item:hover,.contact-item.active{background:#eff8f3}.contact-row{display:flex;justify-content:space-between;gap:10px}.contact-item strong{display:block}.contact-item small,.contact-item p{color:var(--muted);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-header{display:flex;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}.conversation-header h2{margin:0}.conversation-header p{margin:4px 0;color:var(--muted)}.inline-controls{display:flex;align-items:center;gap:10px}.inline-controls select{width:auto}.messages-list{flex:1;overflow:auto;padding:18px 4px;display:flex;flex-direction:column;gap:10px}.message{max-width:78%;padding:10px 13px;border-radius:14px;white-space:pre-wrap;line-height:1.42}.message.in{align-self:flex-start;background:#edf1ef}.message.out{align-self:flex-end;background:#d9f4e5}.message small{display:block;font-size:10px;color:#728079;text-align:right;margin-top:4px}.send-box{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:15px}.send-box textarea{flex:1}.empty{color:var(--muted);text-align:center;padding:28px}.empty.large{display:grid;place-content:center;height:100%}.settings-form{max-width:1000px}.settings-form>label{display:block;margin-top:17px}.form-grid{display:grid;gap:16px;margin-top:17px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{font-weight:700;color:#34443d}label small{font-weight:500;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #ccd8d3;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,140,91,.12)}textarea{resize:vertical}.switch-field,.switch-label{display:flex!important;justify-content:space-between;align-items:center;gap:15px;background:#f4f8f6;border-radius:10px;padding:11px 13px}.switch-field input,.switch-label input{width:19px;height:19px;margin:0}.switch-label{font-size:13px;padding:8px 10px}.switch-label span{white-space:nowrap}dialog{border:0;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25);width:min(92vw,560px);padding:0}dialog::backdrop{background:rgba(9,25,18,.62)}.dialog-form{padding:22px}.dialog-form label{display:block;margin-top:14px}.dialog-form>.btn{width:100%;margin-top:18px}.toast{position:fixed;right:22px;bottom:22px;background:#132a20;color:#fff;padding:13px 17px;border-radius:11px;box-shadow:var(--shadow);z-index:30}.toast.error{background:#9d2932}.login-page{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#dff5e9,#eef4f1 46%,#dfe9e4)}.login-card{width:min(100%,420px);background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(20,55,40,.15)}.login-card .brand-mark{margin:0 auto}.login-card h1{text-align:center;margin:20px 0 4px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 24px}.login-card label{display:block;margin-top:14px}.login-card .btn{width:100%;margin-top:20px}@media(max-width:1000px){.grid.two{grid-template-columns:1fr}.contacts-layout{grid-template-columns:300px 1fr}.main-content{padding:20px}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:12px}.brand{padding:2px 4px 10px}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.sidebar>.danger{display:none}.main-content{margin:0;padding:15px}.topbar{align-items:flex-start}.topbar h1{font-size:23px}.contacts-layout{grid-template-columns:1fr;height:auto}.contacts-list-card{max-height:360px}.conversation-card{min-height:580px}.form-grid.two{grid-template-columns:1fr}.conversation-header{flex-direction:column}.inline-controls{flex-wrap:wrap}.qr-area{min-height:330px}th,td{padding:12px}.section-head{align-items:center}}
.full-width{width:100%;margin-top:18px}.status-pill.warn{background:#fff3d6;color:#9a6200}.orders-note{font-size:12px;color:var(--muted)}#ordersBody .btn{padding:8px 12px;font-size:12px;white-space:nowrap}@media(max-width:760px){#ordersBody .btn{padding:7px 10px}.table-wrap{overflow-x:auto}}
.section-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn.compact{padding:7px 10px;font-size:12px}.table-actions.wrap{flex-wrap:wrap;min-width:230px}.status-pill.bad{background:#ffe2e4;color:#a5232d}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-divider{border:0;border-top:1px solid var(--line);margin:28px 0}.inline-switch{min-width:150px;margin:0!important}.maintenance-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.maintenance-actions .btn{flex:1 1 190px}
@media(max-width:1000px){.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.form-grid.three{grid-template-columns:1fr}.section-actions{width:100%}.section-head{flex-wrap:wrap}.table-actions.wrap{min-width:180px}.maintenance-actions .btn{width:100%;flex-basis:100%}}
.sidebar-user{margin-top:auto;padding:14px 14px 8px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:3px;color:#fff}.sidebar-user small{color:#9eb6ac}.sidebar-user+.nav-item.danger{margin-top:0}.wide-dialog{width:min(92vw,760px)}.permissions-fieldset{border:1px solid var(--line);border-radius:14px;margin:18px 0 0;padding:14px}.permissions-fieldset legend{font-weight:800;padding:0 6px}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.permission-item{display:flex;align-items:center;gap:9px;background:#f5f8f7;border-radius:9px;padding:9px 10px;font-weight:600}.permission-item input{width:18px;height:18px;margin:0;flex:0 0 auto}.permission-item span{line-height:1.25}.top-gap{margin-top:20px}@media(max-width:760px){.sidebar-user{display:none}.permissions-grid{grid-template-columns:1fr}.wide-dialog{width:96vw}}

.invite-page{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at top,#dff5e9,#eef4f1 46%,#dfe9e4)}
.invite-card{width:min(100%,560px);background:#fff;border-radius:24px;padding:32px;box-shadow:0 30px 80px rgba(20,55,40,.15)}
.invite-card .brand-mark{margin:0 auto}.invite-card h1{text-align:center;margin:18px 0 6px}.invite-card>p{text-align:center;color:var(--muted);margin:0 0 22px}
.invite-summary{background:#f3f8f5;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 18px}.invite-summary div{display:flex;justify-content:space-between;gap:15px;padding:6px 0}.invite-summary span{color:var(--muted)}
.invite-card label{display:block;margin-top:14px}.invite-card .btn{width:100%;margin-top:20px}.success-panel{text-align:center;padding:18px 0}.success-panel .connected-icon{width:76px;height:76px;border-radius:50%;background:#daf5e8;color:#0c7b4a;display:grid;place-items:center;font-size:38px;margin:0 auto 14px}.success-panel .btn{display:inline-block;text-decoration:none;width:auto;min-width:190px}

.inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.inline-actions small,.form-note{color:var(--muted);font-weight:500}.settings-form h3{margin:26px 0 0}.settings-form h4{margin:18px 0 0;font-size:15px;color:#28463a}#bspaySettings,#manualPixSettings{border:1px solid var(--line);border-radius:14px;padding:0 16px 16px;margin-top:14px;background:#fbfdfc}.form-note{margin:12px 0 0;line-height:1.45}@media(max-width:760px){.inline-actions{align-items:stretch}.inline-actions .btn{width:100%}}

/* Imagens e arquivos dos produtos */
.product-thumb{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#f3f6f4;display:block}.product-thumb.empty-thumb{font-size:10px;color:var(--muted);display:grid;place-items:center;text-align:center;padding:5px}.media-fieldset{border:1px solid var(--line);border-radius:14px;margin:20px 0 0;padding:14px;background:#fbfdfc}.media-fieldset legend{font-weight:800;padding:0 7px}.product-image-current{display:flex;align-items:center;gap:14px;margin:8px 0 14px;flex-wrap:wrap}.product-image-current img{width:150px;height:120px;object-fit:cover;border:1px solid var(--line);border-radius:14px;background:#fff}.product-files-list{display:grid;gap:9px;margin-top:14px}.product-file-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff}.product-file-row strong{display:block;word-break:break-word}.product-file-row small{display:block;color:var(--muted);margin-top:4px}.product-file-row .table-actions{flex-wrap:wrap}.product-file-row a{text-decoration:none}.dialog-form .media-fieldset .switch-field{margin-top:12px}@media(max-width:760px){.product-file-row{align-items:flex-start;flex-direction:column}.product-file-row .table-actions{justify-content:flex-start}.product-image-current img{width:120px;height:96px}}


/* Estoque automático por produto */
.stock-fieldset .form-note{margin:12px 0}.stock-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.stock-summary span{background:#edf4f0;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;color:#42564d}.product-stock-list{display:grid;gap:9px;max-height:420px;overflow:auto;margin-top:12px}.product-stock-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px}.stock-content{min-width:0;flex:1}.stock-content pre{white-space:pre-wrap;word-break:break-word;margin:6px 0 0;background:#f5f8f7;border-radius:8px;padding:9px;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.stock-error{display:block;color:var(--danger);margin-top:6px}@media(max-width:760px){.product-stock-row{flex-direction:column}.product-stock-row .table-actions{justify-content:flex-start}}


/* Seleção em massa e reposição de estoque */
.select-column{width:48px;text-align:center!important}.row-select{width:19px;height:19px;margin:0;cursor:pointer;accent-color:var(--primary)}td.select-column{vertical-align:middle}.stock-manager-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.stock-manager-actions .btn{flex:1 1 180px}.table-actions .replenish-product{white-space:nowrap}@media(max-width:760px){.select-column{position:sticky;left:0;background:#fff;z-index:1}.stock-manager-actions .btn{width:100%;flex-basis:100%}}


/* Central de comandos e localização de pedidos */
.order-filter-card{display:grid;grid-template-columns:minmax(240px,2fr) minmax(170px,1fr) auto;gap:14px;align-items:end;margin-bottom:18px}.order-filter-card label{margin:0}.order-filter-card .btn{margin-bottom:1px;white-space:nowrap}.settings-details{border:1px solid var(--line);border-radius:14px;background:#fbfdfc;margin-top:14px;overflow:hidden}.settings-details>summary{cursor:pointer;padding:14px 16px;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-details>summary::-webkit-details-marker{display:none}.settings-details>summary::after{content:'＋';font-size:20px;color:var(--primary)}.settings-details[open]>summary::after{content:'−'}.settings-details>.form-grid,.settings-details>label,.settings-details>p{margin-left:16px;margin-right:16px}.settings-details>.form-grid:last-child,.settings-details>label:last-child,.settings-details>p:last-child{margin-bottom:16px}.settings-details label small{display:block;color:var(--muted);font-weight:500;line-height:1.35;margin-top:4px}.settings-details textarea{min-height:82px}
@media(max-width:760px){.order-filter-card{grid-template-columns:1fr}.order-filter-card .btn{width:100%}}

.pairing-code-view{max-width:520px;margin:auto}.pairing-label{display:block;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pairing-code{font-size:clamp(34px,7vw,58px);font-weight:900;letter-spacing:.13em;color:#10251d;background:#edf8f2;border:2px dashed #55ae83;border-radius:18px;padding:18px 22px;margin:12px 0;line-height:1;white-space:nowrap}.pairing-steps{text-align:left;line-height:1.55;color:var(--muted);max-width:470px;margin:18px auto;padding-left:24px}.pairing-steps strong{color:var(--text)}.pairing-code-view small{display:block;color:var(--muted);margin-top:12px}.pairing-help{background:#edf8f2;color:#275b43;line-height:1.5}.pairing-help strong{color:#153f2c}@media(max-width:760px){.pairing-code{font-size:32px;letter-spacing:.08em;padding:16px 12px}.pairing-steps{font-size:14px}}
.chat-preview.error{background:#ffe7e9;color:#962832}
/* Atendimento humano por conversa — v2.8.3 */
.human-takeover-note{margin:9px 2px 0;padding:9px 12px;border-radius:10px;background:#f4f8f6;line-height:1.4}
.status-pill.warn{background:#fff0d5;color:#9a5b00}
@media(max-width:760px){.conversation-header .inline-controls{width:100%}.conversation-header .inline-controls select{flex:1;min-width:150px}.human-takeover-note{font-size:13px}}

/* Rolagem das conversas — v2.8.4 */
.conversation-panel{display:flex;flex:1;min-height:0;flex-direction:column}
.messages-shell{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}
.messages-shell .messages-list{width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-bottom:72px}
.scroll-bottom-btn{position:absolute;right:12px;bottom:14px;z-index:4;width:46px;height:46px;border:0;border-radius:50%;background:var(--primary);color:#fff;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(15,108,69,.28);transition:transform .16s ease,opacity .16s ease}
.scroll-bottom-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}
.scroll-bottom-btn:active{transform:translateY(0)}
.scroll-bottom-btn:focus-visible{outline:3px solid rgba(22,140,91,.25);outline-offset:3px}
@media(max-width:760px){.conversation-card{height:68dvh;min-height:560px}.conversation-panel{min-height:0}.messages-shell .messages-list{padding:14px 2px 76px}.scroll-bottom-btn{right:8px;bottom:12px;width:48px;height:48px}}


/* Ativação Netflix por código — fluxo assistido */
.activation-code {
  display: inline-block;
  padding: .45rem .65rem;
  border-radius: .55rem;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .12em;
  white-space: nowrap;
  background: rgba(229, 9, 20, .09);
  border: 1px solid rgba(229, 9, 20, .24);
}

/* Fila assistida e rotação de contas Netflix — v2.8.6 */
.netflix-account-grid{align-items:start;margin-bottom:18px}
.compact-form .dialog-actions{margin-top:14px}
.compact-table{max-height:390px;overflow:auto}
.compact-table table{min-width:620px}
#netflixAccountsBody td small,#netflixActivationsBody td small{display:block;margin-top:4px;color:var(--muted)}
#netflixActivationsBody tr[data-active="true"]{background:rgba(255,239,199,.22)}
#netflixActivationsBody .table-actions{min-width:230px}
@media(max-width:760px){
  .netflix-account-grid{grid-template-columns:1fr}
  #netflixActivationsBody .table-actions{min-width:200px}
}


/* Exclusão individual e em lote das ativações Netflix — v2.8.7 */
#view-netflix .section-actions{flex-wrap:wrap}
#netflixActivationsBody .select-column{vertical-align:middle}
@media(max-width:760px){
  #view-netflix .section-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #view-netflix .section-actions .btn{width:100%}
}