@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root{--void:#050505;--ink:#0d0d0d;--surface:#121212;--surface-2:#181818;--surface-3:#202020;--line:#2a2a2a;--muted:#888;--mist:#bdbdbd;--paper:#fafafa;--green:#30c978;--red:#ff645d;--yellow:#f2bf4b;--purple:#978bff;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace;--serif:'Playfair Display',Georgia,serif;}
*{box-sizing:border-box}body{margin:0;background:var(--void);color:var(--paper);font-family:var(--sans);font-size:13px;line-height:1.45}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}
.sidebar{background:#090909;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;padding:25px 14px 16px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px}.brand-mark{width:31px;height:31px;border:1px solid #f5f5f5;display:grid;place-items:center;font-family:var(--serif);font-size:23px;font-style:italic;line-height:1}.brand-title{font-weight:800;letter-spacing:2.2px;font-size:12px}.brand-sub{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:1.2px;margin-top:1px}.nav-label{font-family:var(--mono);color:#616161;font-size:9px;letter-spacing:1.2px;padding:0 10px;margin:12px 0 5px}.nav-item{border:0;background:transparent;width:100%;padding:9px 10px;border-radius:7px;display:flex;align-items:center;gap:10px;color:#aaa;text-align:left;font-size:12px;font-weight:600;transition:.18s}.nav-item:hover{background:#171717;color:white}.nav-item.active{background:#202020;color:#fff;box-shadow:inset 2px 0 0 #fff}.nav-icon{font-family:var(--mono);font-size:11px;color:#777;width:16px;text-align:center}.nav-item.active .nav-icon{color:#fff}.sidebar-foot{margin-top:auto;padding:18px 10px 0;border-top:1px solid var(--line);color:#888;font-family:var(--mono);font-size:10px}.user-chip{margin-top:10px;color:#ddd;display:flex;gap:8px;align-items:center;font-family:var(--sans);font-size:11px}.avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(140deg,#eee,#777);display:grid;place-items:center;color:#111;font-size:9px;font-weight:800}
.main{min-width:0;background:radial-gradient(700px 450px at 82% -10%,rgba(108,102,136,.11),transparent 65%),var(--void)}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;background:rgba(5,5,5,.9);backdrop-filter:blur(15px);z-index:10}.crumb{font-family:var(--mono);font-size:10px;color:#727272;letter-spacing:.3px}.crumb strong{color:#efefef;font-weight:500}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid var(--line);background:#121212;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#aaa;transition:.2s}.icon-btn:hover{border-color:#666;color:white}.notif-dot{position:relative}.notif-dot:after{content:'';position:absolute;width:5px;height:5px;background:var(--red);border-radius:50%;top:7px;right:8px}.page{padding:31px 35px 48px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.4px;color:#858585;font-size:10px;margin-bottom:4px}.page h1{margin:0;font-size:25px;letter-spacing:-1px;line-height:1.1}.page-intro{margin:6px 0 0;color:#929292;font-size:12px}.head-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid var(--line);border-radius:6px;background:#191919;padding:9px 12px;font-size:11px;font-weight:700;transition:.18s;white-space:nowrap}.btn:hover{background:#252525;border-color:#444}.btn.primary{background:#f5f5f5;color:#101010;border-color:#f5f5f5}.btn.primary:hover{background:#d7d7d7}.btn.danger{color:#ff928d}.btn.ghost{background:transparent}.select{border:1px solid var(--line);border-radius:6px;background:#151515;color:#ddd;padding:9px 28px 9px 10px;font-size:11px;min-width:142px}.section-title{font-size:12px;font-weight:800;letter-spacing:.1px;margin:0}.section-sub{font-size:11px;color:#888;margin:3px 0 0}.grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:15px}.card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 60%),#101010;border-radius:9px}.metric{padding:16px 16px 14px;min-height:112px;position:relative;overflow:hidden}.metric:nth-child(1):after{content:'S';font:italic 70px var(--serif);position:absolute;right:8px;bottom:-25px;color:rgba(255,255,255,.035)}.metric-label{color:#929292;font-family:var(--mono);font-size:9px;letter-spacing:.7px;text-transform:uppercase}.metric-value{font-size:22px;font-weight:800;letter-spacing:-1.1px;margin:9px 0 4px}.metric-delta{font-size:10px;color:#777}.up{color:var(--green)}.down{color:var(--red)}.metric.sparkline{display:flex;flex-direction:column;justify-content:space-between}.spark{height:27px;width:100%;margin-top:8px}.split{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(270px,1fr);gap:15px}.panel{padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.chart-wrap{height:210px}.chart{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#272727;stroke-width:1}.chart-line{fill:none;stroke:#f1f1f1;stroke-width:2;vector-effect:non-scaling-stroke}.chart-area{fill:url(#chartfade);opacity:.6}.chart-label{fill:#777;font:9px var(--mono)}.legend{display:flex;gap:15px;font-size:10px;color:#999}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#eee;margin-right:5px}.legend i.dark{background:#555}.channel-row{padding:14px 0;border-bottom:1px solid #242424}.channel-row:last-child{border-bottom:0;padding-bottom:0}.channel-name{font-size:11px;font-weight:700}.channel-value{font-size:18px;font-weight:800;letter-spacing:-.6px}.progress{height:5px;background:#262626;border-radius:10px;overflow:hidden;margin-top:8px}.progress b{display:block;height:100%;background:#d9d9d9;border-radius:10px}.mini-line{display:flex;justify-content:space-between;color:#8d8d8d;font-size:10px;margin-top:6px}.alert-list{margin-top:14px}.alert-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #242424}.stock-swatch{width:25px;height:31px;border:1px solid #383838;border-radius:4px;background:linear-gradient(135deg,#292929,#131313);display:grid;place-items:center;font:11px var(--serif)}.alert-info{min-width:0;flex:1}.alert-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-meta{font-size:10px;color:#888}.pill{font:9px var(--mono);letter-spacing:.35px;border-radius:99px;padding:4px 7px;display:inline-block;white-space:nowrap}.pill.green{background:rgba(48,201,120,.12);color:#6ee49e}.pill.yellow{background:rgba(242,191,75,.12);color:#f6cd6a}.pill.red{background:rgba(255,100,93,.12);color:#ff9792}.pill.gray{background:#252525;color:#aaa}.pill.purple{background:rgba(151,139,255,.13);color:#b7b1ff}
.table-card{overflow:hidden}.table-top{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.table-tools{display:flex;gap:8px;align-items:center}.search{background:#151515;border:1px solid #2e2e2e;border-radius:6px;color:#ddd;padding:8px 11px;width:210px;font-size:11px}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{font:9px var(--mono);letter-spacing:.8px;color:#7f7f7f;text-transform:uppercase;padding:11px 17px;background:#101010;border-bottom:1px solid #252525;white-space:nowrap}.data-table td{padding:12px 17px;border-bottom:1px solid #202020;font-size:11px;color:#cfcfcf;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table tbody tr{transition:.14s}.data-table tbody tr:hover{background:#161616}.row-title{color:#f5f5f5;font-weight:700}.row-sub{font-family:var(--mono);font-size:9px;color:#777;margin-top:2px}.actions{display:flex;gap:5px;justify-content:flex-end}.tiny-btn{border:0;background:#242424;color:#c7c7c7;border-radius:4px;padding:5px 7px;font-size:10px}.tiny-btn:hover{background:#353535}.tiny-btn.delete:hover{color:#ff8b85}.empty{padding:40px;text-align:center;color:#777;font-size:12px}.table-scroll{overflow-x:auto}.count{font:10px var(--mono);color:#777}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.7px;color:#888}.field input,.field select,.field textarea{border:1px solid #303030;background:#151515;color:#eee;border-radius:6px;padding:9px 10px;min-width:0;font-size:11px}.field textarea{min-height:76px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.67);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:40;padding:16px}.modal{width:min(580px,100%);background:#111;border:1px solid #333;border-radius:10px;box-shadow:0 20px 80px #000;padding:20px}.modal.large{width:min(860px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal h2{margin:0;font-size:17px;letter-spacing:-.5px}.modal p{color:#888;font-size:11px;margin:4px 0 0}.close{border:0;background:transparent;color:#999;font-size:19px;line-height:1}.toast{position:fixed;right:22px;bottom:22px;background:#f2f2f2;color:#111;border-radius:6px;padding:11px 15px;font-size:11px;font-weight:700;box-shadow:0 12px 40px #000;z-index:80;animation:toast .25s ease-out}.toast.error{background:#4a1917;color:#ffc3bf;border:1px solid #80312e}@keyframes toast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* PDV */.pos{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:15px;min-height:650px}.pos-catalog{padding:18px}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.product-tile{background:#161616;border:1px solid #2b2b2b;border-radius:7px;padding:10px;text-align:left;transition:.16s;min-height:142px;display:flex;flex-direction:column}.product-tile:hover{border-color:#6b6b6b;transform:translateY(-1px)}.tile-image{height:68px;background:linear-gradient(140deg,#2c2c2c,#141414 70%);border-radius:4px;display:grid;place-items:center;font:italic 29px var(--serif);color:#aaa;margin-bottom:9px}.tile-name{font-size:10px;font-weight:700;line-height:1.3}.tile-price{font:12px var(--mono);margin-top:auto;padding-top:7px}.cart{padding:17px;display:flex;flex-direction:column;min-height:650px}.cart-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #282828}.cart-items{flex:1;max-height:280px;overflow:auto}.cart-empty{height:220px;display:grid;place-items:center;text-align:center;color:#777;font-size:11px}.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #242424}.cart-name{font-weight:700;font-size:11px}.cart-meta{font:10px var(--mono);color:#888;margin-top:2px}.qty{display:flex;align-items:center;gap:7px;margin-top:8px}.qty button{border:1px solid #303030;background:#181818;width:20px;height:20px;border-radius:3px}.qty b{font:10px var(--mono);min-width:12px;text-align:center}.cart-price{font:11px var(--mono);font-weight:500}.cart-controls{border-top:1px solid #282828;padding-top:13px}.mini-select-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.mini-select-row select,.payment-row select,.payment-row input{width:100%;background:#171717;border:1px solid #303030;color:#ddd;border-radius:5px;padding:8px;font-size:10px}.discount-row{display:flex;align-items:center;justify-content:space-between;margin:9px 0;color:#aaa;font-size:10px}.discount-row input{background:#171717;border:1px solid #303030;border-radius:5px;color:#eee;width:90px;padding:7px;font-size:10px}.payment-row{display:grid;grid-template-columns:1fr .8fr auto;gap:7px;margin-top:7px}.payment-row button{background:transparent;border:0;color:#ff8984}.cart-total{display:flex;justify-content:space-between;align-items:end;padding:13px 0 10px}.cart-total span{font-size:10px;color:#888}.cart-total b{font-size:24px;letter-spacing:-1px}.checkout{width:100%;padding:12px}.cash-banner{margin-bottom:14px;padding:9px 11px;border:1px solid #343434;background:#151515;border-radius:6px;display:flex;justify-content:space-between;font-size:10px;color:#aaa}.cash-banner strong{color:#e8e8e8}
/* Inbox */.wa-layout{display:grid;grid-template-columns:280px minmax(350px,1fr) 250px;height:calc(100vh - 170px);min-height:570px;overflow:hidden}.wa-list,.wa-chat,.wa-side{border-radius:8px;background:#101010;border:1px solid #292929}.wa-list{border-radius:8px 0 0 8px;border-right:0;overflow:auto}.wa-chat{border-radius:0;border-right:0;display:flex;flex-direction:column;min-width:0}.wa-side{border-radius:0 8px 8px 0;overflow:auto}.wa-toolbar{padding:14px;border-bottom:1px solid #292929}.wa-conversation{padding:12px 14px;border-bottom:1px solid #242424;display:flex;gap:9px;cursor:pointer}.wa-conversation:hover,.wa-conversation.selected{background:#1b1b1b}.wa-conversation .avatar{flex:none}.conv-content{min-width:0;flex:1}.conv-top{display:flex;justify-content:space-between;gap:8px}.conv-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font:9px var(--mono);color:#777;white-space:nowrap}.conv-preview{font-size:10px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.chat-top{padding:14px 16px;border-bottom:1px solid #292929;display:flex;align-items:center;gap:9px}.chat-top .avatar{width:29px;height:29px}.messages{padding:17px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(#242424 1px,transparent 1px);background-size:18px 18px}.message{max-width:75%;padding:9px 10px;border-radius:7px;font-size:11px;line-height:1.5}.message.in{align-self:flex-start;background:#202020;border-top-left-radius:1px}.message.out{align-self:flex-end;background:#e5e5e5;color:#111;border-top-right-radius:1px}.message-time{font:9px var(--mono);opacity:.6;margin-top:4px;text-align:right}.compose{padding:10px;border-top:1px solid #292929;display:flex;gap:8px}.compose input{flex:1;min-width:0;border:1px solid #303030;background:#171717;border-radius:5px;color:white;padding:9px 10px;font-size:11px}.profile{padding:17px}.profile-name{font-size:14px;font-weight:800;margin-top:10px}.profile-phone{font:10px var(--mono);color:#888;margin-top:2px}.profile-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.profile-kpi{background:#181818;padding:9px;border-radius:5px}.profile-kpi span{color:#888;font:9px var(--mono);display:block}.profile-kpi b{font-size:12px;margin-top:3px;display:block}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.side-label{font:9px var(--mono);letter-spacing:.7px;color:#777;text-transform:uppercase;margin-top:19px}.wa-subnav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-5px 0 19px}.wa-subnav button{border:0;background:transparent;padding:9px 10px;color:#888;font-size:10px;font-weight:700;border-bottom:2px solid transparent}.wa-subnav button.active{color:#eee;border-bottom-color:#eee}.config-status{display:flex;align-items:center;gap:8px;color:#999;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#666}.status-dot.connected{background:var(--green);box-shadow:0 0 12px rgba(48,201,120,.55)}.status-dot.disconnected{background:var(--red)}
.stats-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-card{padding:18px;min-height:135px;display:flex;flex-direction:column}.report-icon{width:30px;height:30px;display:grid;place-items:center;color:#d8d8da}.report-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.report-card[data-report="orders"] .report-icon{color:#e8c657}.report-card[data-report="products"] .report-icon{color:#b8adff}.report-card[data-report="customers"] .report-icon{color:#8fcfff}.report-card[data-report="inventory"] .report-icon{color:#7ee1a7}.report-card[data-report="finance"] .report-icon{color:#f0c06b}.report-card[data-report="marketingCampaigns"] .report-icon{color:#f0a4d2}.report-card[data-report="whatsapp"] .report-icon{color:#6fe3a0}.report-card h3{font-size:12px;margin:11px 0 3px}.report-card p{font-size:10px;color:#888;margin:0 0 13px}.report-card .btn{margin-top:auto;align-self:flex-start}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 28% 25%,#25202d,transparent 30%),#050505}.login-card{width:min(390px,calc(100vw - 32px));border:1px solid #353535;background:rgba(15,15,15,.86);backdrop-filter:blur(20px);padding:28px;border-radius:10px}.login-brand{display:flex;gap:11px;align-items:center;margin-bottom:30px}.login-card h1{font-size:22px;margin:0 0 7px;letter-spacing:-.6px}.login-card p{color:#909090;font-size:11px;margin:0 0 21px}.login-card .field{margin-bottom:13px}.login-card .btn{width:100%;margin-top:6px;padding:11px}.login-hint{font:10px var(--mono);color:#777;text-align:center;margin-top:16px}.mobile-toggle{display:none}
@media(max-width:1160px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.pos{grid-template-columns:minmax(0,1fr) 330px}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-layout{grid-template-columns:250px minmax(300px,1fr)}.wa-side{display:none}.wa-chat{border-right:1px solid #292929;border-radius:0 8px 8px 0}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;z-index:30;width:244px}.sidebar.open{display:flex}.mobile-toggle{display:grid}.topbar{padding:0 18px;height:64px}.page{padding:22px 18px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}.head-actions{width:100%;overflow:auto}.split,.pos{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:96px}.pos{min-height:0}.cart{min-height:0}.pos-products{grid-template-columns:repeat(3,1fr)}.wa-layout{height:calc(100vh - 140px);grid-template-columns:1fr}.wa-list{display:none}.wa-chat{border-radius:8px}.table-tools .search{width:130px}.form-grid{grid-template-columns:1fr}.stats-3,.report-grid{grid-template-columns:1fr}.hide-mobile{display:none}}
@media(max-width:520px){.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.page{padding:17px 12px}.topbar{padding:0 12px}.metric{padding:12px}.metric-value{font-size:17px}.page h1{font-size:22px}.pos-catalog{padding:12px}.pos-products{grid-template-columns:repeat(2,1fr)}.product-tile{min-height:125px}.head-actions .btn.ghost{display:none}.table-top{align-items:flex-start;flex-direction:column}.search{width:100%!important}.table-tools{width:100%}.table-tools .btn{margin-left:auto}.modal{padding:16px}.wa-layout{min-height:460px}.top-actions .icon-btn:nth-child(2){display:none}}

/* Aplicação da marca oficial SELETTO BRAND. */
.sidebar{padding-top:20px}.brand{padding:0 7px 22px}.sidebar-logo{display:block;width:100%;height:auto;max-width:198px;filter:contrast(1.05)}

/* Dashboard executivo: leitura rápida da operação sem perder o material escuro da SELETTO. */
.dashboard-merchandising{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:14px}.dashboard-products-card,.dashboard-stock-card{min-width:0}.dashboard-products-note{max-width:160px;color:#8e8e91;font:8px var(--mono);line-height:1.4;text-align:right}.dashboard-product-list,.dashboard-stock-list{display:grid;gap:0;margin-top:17px}.dashboard-product-row{display:grid;grid-template-columns:27px minmax(115px,1fr) 86px auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}.dashboard-product-rank{color:#ddb959;font:10px var(--mono)}.dashboard-product-info{min-width:0;display:grid;gap:3px}.dashboard-product-info b{overflow:hidden;color:#ededee;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dashboard-product-info small{color:#7e7e82;font-size:9px}.dashboard-product-stock{display:grid;justify-items:end;gap:1px}.dashboard-product-stock strong{color:#e6e6e8;font:12px var(--mono)}.dashboard-product-stock small{color:#77777a;font-size:8px;white-space:nowrap}.dashboard-size-list{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;min-width:78px}.dashboard-size-list i{min-width:20px;padding:3px 4px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#bdbdc1;font:8px var(--mono);font-style:normal;text-align:center}.dashboard-size-list em{color:#707075;font-size:8px;font-style:normal;white-space:nowrap}.dashboard-stock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}.dashboard-stock-row>div{min-width:0;display:grid;gap:3px}.dashboard-stock-row b{overflow:hidden;color:#ececed;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dashboard-stock-row small{overflow:hidden;color:#7b7b7e;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.dashboard-stock-amount{display:grid;justify-items:end;gap:2px;color:#65df96;font:12px var(--mono);white-space:nowrap}.dashboard-stock-amount i{font:8px var(--sans);font-style:normal}.dashboard-stock-amount.low{color:#edc75c}.dashboard-stock-amount.out{color:#ff8983}.dashboard-product-empty{padding:30px 3px;color:#77777a;font-size:11px;line-height:1.5}@media(max-width:980px){.dashboard-merchandising{grid-template-columns:1fr}.dashboard-products-note{text-align:left}}@media(max-width:540px){.dashboard-product-row{grid-template-columns:24px minmax(0,1fr) auto;gap:7px}.dashboard-product-stock{grid-column:3}.dashboard-size-list{grid-column:2/4;justify-content:flex-start;padding-top:2px}.dashboard-product-info b{font-size:10px}.dashboard-stock-row{gap:8px}.dashboard-stock-row small{max-width:170px}}
.seletto-dashboard{display:grid;gap:20px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:3px 0 0}.dashboard-heading>div>span,.dashboard-section-label{color:#96908a;font:9px var(--mono);letter-spacing:.18em}.dashboard-heading h1{margin:6px 0 0;color:#f2f1f0;font-size:28px;letter-spacing:-1.2px}.dashboard-heading p{margin:6px 0 0;color:#737477;font-size:11px}.dashboard-export{border:1px solid rgba(242,191,75,.34);border-radius:7px;background:rgba(242,191,75,.06);padding:8px 11px;color:#dfc575;font-size:10px;font-weight:700;white-space:nowrap}.dashboard-export:hover{border-color:#e5c55a;background:rgba(242,191,75,.14);color:#f1d476}.dashboard-periods{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.08)}.dashboard-periods button{border:1px solid #2d2d2e;border-radius:999px;background:#151516;padding:7px 12px;color:#a4a4a7;font-size:10px;transition:.16s}.dashboard-periods button:hover{border-color:#706d67;color:#e7e5e2}.dashboard-periods button.active{border-color:#f2f0ec;background:#f4f3f0;color:#111;font-weight:800;box-shadow:0 4px 14px rgba(255,255,255,.12)}.dashboard-section-label{display:flex;align-items:center;gap:12px;margin-top:1px}.dashboard-section-label i{display:block;flex:1;height:1px;background:linear-gradient(90deg,rgba(242,191,75,.45),rgba(255,255,255,.08) 25%,transparent)}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-kpi{position:relative;min-height:119px;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(10,10,11,.86)),#101011;overflow:hidden}.dashboard-kpi:before{content:'';position:absolute;top:0;right:16px;left:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,191,75,.22),transparent)}.dashboard-kpi>span{display:block;color:#87878a;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.dashboard-kpi>strong{display:block;margin:8px 0 6px;color:#f0f0f1;font-size:23px;letter-spacing:-1px;line-height:1.08}.dashboard-kpi.net>strong{color:#43d985}.dashboard-kpi small{display:block;font-size:10px}.dashboard-change{font-weight:700}.dashboard-change i{margin-left:5px;color:#737477;font-style:normal;font-weight:400}.dashboard-change.positive{color:#50d992}.dashboard-change.negative{color:#ff837d}.dashboard-detail{color:#757579}.dashboard-insights{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr);gap:14px}.dashboard-insight-card{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(10,10,11,.9)),#0e0e0f;padding:18px}.dashboard-insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-insight-head h2{margin:0;color:#f0f0f1;font-size:13px;letter-spacing:-.25px}.dashboard-insight-head p{margin:2px 0 0;color:#77777a;font-size:10px}.dashboard-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:#99999b;font-size:9px}.dashboard-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.dashboard-legend i{display:block;width:7px;height:7px;border-radius:50%}.dashboard-legend .store{background:#e2bd4d;box-shadow:0 0 9px rgba(226,189,77,.35)}.dashboard-legend .online{background:#b7adff;box-shadow:0 0 9px rgba(183,173,255,.28)}.dashboard-chart-wrap{height:270px;margin-top:13px}.dashboard-trend{display:block;width:100%;height:100%;overflow:visible}.dashboard-grid-line{stroke:#252527;stroke-width:1}.dashboard-axis-label{fill:#6e6e71;font:9px var(--mono)}.dashboard-line{fill:none;stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.dashboard-line.store{stroke:#e2bd4d}.dashboard-line.online{stroke:#b7adff}.dashboard-payment-list{display:grid;gap:17px;margin-top:28px}.dashboard-payment-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-payment-row b{color:#e8e8e9;font-size:11px}.dashboard-payment-row span{color:#a6a6a9;font:10px var(--mono);white-space:nowrap}.dashboard-payment-row i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:#29292b}.dashboard-payment-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e2bd4d,#a89dff)}.dashboard-payment-empty{padding:25px 3px;color:#77777a;font-size:11px;line-height:1.5}@media(max-width:1180px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights{grid-template-columns:1fr}.dashboard-chart-wrap{height:230px}}@media(max-width:520px){.seletto-dashboard{gap:16px}.dashboard-heading h1{font-size:25px}.dashboard-heading p{font-size:10px}.dashboard-periods{gap:6px}.dashboard-periods button{padding:6px 10px;font-size:9px}.dashboard-kpis{gap:8px}.dashboard-kpi{min-height:107px;padding:13px;border-radius:10px}.dashboard-kpi>strong{font-size:18px}.dashboard-kpi small{font-size:9px}.dashboard-change i{display:none}.dashboard-insight-card{padding:14px;border-radius:10px}.dashboard-insight-head{flex-direction:column}.dashboard-legend{justify-content:flex-start}.dashboard-chart-wrap{height:205px}}
.metric:nth-child(1):after{display:none!important}
.tile-image{background:linear-gradient(140deg,rgba(44,44,44,.94),rgba(20,20,20,.96) 70%),url('/seletto-brand-logo-transparent.png') center/88% auto no-repeat;font-size:0;color:transparent}
.login-brand{display:block;margin:-5px 0 27px}.login-logo{display:block;width:100%;height:auto;border:1px solid #242424;border-radius:5px}

/* Granulação sutil inspirada no fundo da identidade SELETTO. */
:root{--seletto-grain:radial-gradient(circle at 4px 7px,rgba(255,255,255,.17) 0 .42px,transparent .72px),radial-gradient(circle at 16px 13px,rgba(255,255,255,.11) 0 .34px,transparent .66px),radial-gradient(circle at 9px 19px,rgba(255,255,255,.09) 0 .28px,transparent .58px),radial-gradient(circle at 23px 4px,rgba(255,255,255,.12) 0 .38px,transparent .68px)}
body{background-color:#050505;background-image:var(--seletto-grain);background-size:29px 31px,37px 41px,43px 47px,53px 59px}
.main{background-color:#050505;background-image:var(--seletto-grain),radial-gradient(700px 450px at 82% -10%,rgba(108,102,136,.10),transparent 65%);background-size:29px 31px,37px 41px,43px 47px,53px 59px,auto}
.sidebar{background-color:#090909;background-image:var(--seletto-grain);background-size:29px 31px,37px 41px,43px 47px,53px 59px}
.login{background-color:#050505;background-image:var(--seletto-grain),radial-gradient(circle at 28% 25%,rgba(37,32,45,.82),transparent 30%);background-size:29px 31px,37px 41px,43px 47px,53px 59px,auto}

/* Textura mais evidente: granulação orgânica, sem padrão de grade. */
:root{--seletto-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
body{background-image:var(--seletto-noise)!important;background-size:180px 180px!important}
.main{background-image:var(--seletto-noise),radial-gradient(700px 450px at 82% -10%,rgba(108,102,136,.10),transparent 65%)!important;background-size:180px 180px,auto!important}
.sidebar{background-image:var(--seletto-noise)!important;background-size:180px 180px!important}
.login{background-image:var(--seletto-noise),radial-gradient(circle at 28% 25%,rgba(37,32,45,.82),transparent 30%)!important;background-size:180px 180px,auto!important}

/* Fundo físico derivado da textura da logo — sem simulação por CSS. */
body{background:#050505 url('/seletto-texture-v1.png') center/560px auto repeat!important}
.main{background-color:#050505!important;background-image:radial-gradient(700px 450px at 82% -10%,rgba(108,102,136,.08),transparent 65%),url('/seletto-texture-v1.png')!important;background-position:center,center!important;background-size:auto,560px auto!important;background-repeat:no-repeat,repeat!important}
.sidebar{background-color:#090909!important;background-image:url('/seletto-texture-v1.png')!important;background-position:center!important;background-size:560px auto!important;background-repeat:repeat!important}
.login{background-color:#050505!important;background-image:radial-gradient(circle at 28% 25%,rgba(22,18,29,.56),transparent 30%),url('/seletto-texture-v1.png')!important;background-position:center,center!important;background-size:auto,560px auto!important;background-repeat:no-repeat,repeat!important}

/* Login SELETTO: painel de comando, inspirado na nova referência. */
.login{padding:54px 18px;align-items:center}
.login-card-v2{width:min(710px,100%);padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.23);border-radius:27px;background:linear-gradient(120deg,rgba(24,24,24,.94),rgba(7,7,7,.95));box-shadow:0 32px 95px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.12)}
.login-brand-v2{height:248px;margin:0;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse at 25% 36%,rgba(255,255,255,.09),transparent 48%),linear-gradient(120deg,rgba(21,21,21,.36),rgba(2,2,2,.16)),url('/seletto-texture-v1.png') center/620px auto repeat}
.login-brand-v2:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 46%,rgba(255,255,255,.04) 75%,transparent 76%);pointer-events:none}
.login-brand-v2 .login-logo{position:relative;z-index:1;width:min(79%,510px);border:0;border-radius:0;background:transparent;filter:drop-shadow(0 7px 20px rgba(0,0,0,.52)) contrast(1.1)}
.login-body{padding:38px 58px 36px}.login-card-v2 h1{font-size:37px;line-height:1.08;letter-spacing:-1.65px;margin:0 0 9px;font-weight:800}.login-card-v2 p{font-size:16px;color:#b3b3b3;margin:0}.login-dots{display:flex;gap:13px;margin:25px 0 32px}.login-dots i{width:9px;height:9px;border-radius:50%;background:#575757}.login-dots i:first-child{background:#f4f4f4;box-shadow:0 0 10px rgba(255,255,255,.35)}
.login-field{gap:9px;margin-bottom:25px!important}.login-field label{font:12px var(--mono)!important;color:#b8b8b8!important;letter-spacing:1px!important}.login-input{height:72px;display:flex;align-items:center;gap:16px;border:1px solid #555;border-radius:12px;background:rgba(21,21,21,.76);transition:.18s}.login-input:focus-within{border-color:#dedede;box-shadow:0 0 0 3px rgba(255,255,255,.08)}.login-input>span{width:28px;margin-left:20px;font-size:20px;color:#c5c5c5;text-align:center}.login-input input,.login-card .login-input input{width:100%;height:100%;padding:0!important;border:0!important;background:transparent!important;color:#f4f4f4!important;font-size:19px!important;outline:0}.password-toggle{width:48px;height:48px;margin-right:9px;border:0;background:transparent;color:#bebebe;font-size:19px;border-radius:8px}.password-toggle:hover{background:#282828;color:#fff}
.login-card-v2 .login-submit{height:72px;width:100%;margin:16px 0 26px;padding:0 26px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:20px;font-weight:800;position:relative;box-shadow:0 12px 30px rgba(255,255,255,.10)}.login-submit span{position:absolute;right:26px;font-size:31px;font-weight:400}
.login-divider{display:flex;align-items:center;gap:17px;color:#858585;font:12px var(--mono);text-transform:uppercase;letter-spacing:.8px}.login-divider:before,.login-divider:after{content:'';height:1px;background:#333;flex:1}.login-secure-note{height:62px;margin-top:25px;border:1px solid #3d3d3d;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:11px;color:#d2d2d2;font-size:14px;font-weight:700}.login-secure-note .login-security-seal{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(119,227,158,.78);border-radius:50%;background:rgba(62,158,93,.12);box-shadow:0 0 13px rgba(94,230,142,.13)}.login-security-seal svg{width:13px;height:13px;fill:none;stroke:#9cf6be;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #3a3a3a;padding:25px 37px 28px;background:rgba(10,10,10,.46)}.login-benefits>div{display:flex;align-items:center;gap:12px;padding:0 17px;border-right:1px solid #343434}.login-benefits>div:last-child{border-right:0}.login-benefits b{font:25px var(--mono);font-weight:400;color:#dedede}.login-benefits span{display:grid;gap:2px}.login-benefits strong{font-size:12px;color:#e0e0e0}.login-benefits small{font-size:10px;color:#898989}
@media(max-width:650px){.login{padding:18px 10px;align-items:start}.login-card-v2{border-radius:20px}.login-brand-v2{height:170px}.login-body{padding:30px 24px}.login-card-v2 h1{font-size:29px}.login-card-v2 p{font-size:13px}.login-dots{margin:19px 0 25px}.login-input{height:60px}.login-input input,.login-card .login-input input{font-size:15px!important}.login-card-v2 .login-submit{height:61px;font-size:16px}.login-submit span{right:22px;font-size:25px}.login-benefits{grid-template-columns:1fr;padding:9px 25px}.login-benefits>div{padding:13px 0;border-right:0;border-bottom:1px solid #343434}.login-benefits>div:last-child{border-bottom:0}.login-benefits b{width:30px}.login-secure-note{font-size:12px}}

/* Retorno ao formato compacto do login original. */
.login-brand-v2 .login-logo,.sidebar-logo{mix-blend-mode:screen;background:transparent}
.login-brand-v2 .login-logo,.sidebar-logo{mix-blend-mode:normal!important;background:transparent!important}
.login{padding:28px 16px}.login-card-v2{width:min(410px,100%);border-radius:15px}.login-brand-v2{height:145px}.login-brand-v2 .login-logo{width:81%;max-width:310px}.login-body{padding:26px 28px 24px}.login-card-v2 h1{font-size:25px;letter-spacing:-1px;margin-bottom:6px}.login-card-v2 p{font-size:11px}.login-dots{gap:8px;margin:17px 0 20px}.login-dots i{width:7px;height:7px}.login-field{gap:6px;margin-bottom:16px!important}.login-field label{font-size:9px!important}.login-input{height:49px;border-radius:8px;gap:9px}.login-input>span{width:19px;margin-left:13px;font-size:14px}.login-input input,.login-card .login-input input{font-size:12px!important}.password-toggle{width:35px;height:35px;margin-right:4px;font-size:13px}.login-card-v2 .login-submit{height:50px;margin:8px 0 18px;border-radius:8px;font-size:14px}.login-submit span{right:18px;font-size:23px}.login-divider{gap:12px;font-size:9px}.login-secure-note{height:44px;margin-top:17px;border-radius:8px;font-size:10px}.login-secure-note span{font-size:14px}.login-benefits{padding:15px 13px 16px}.login-benefits>div{gap:7px;padding:0 7px}.login-benefits b{font-size:15px}.login-benefits strong{font-size:8px}.login-benefits small{font-size:7px;line-height:1.2}

/* Navegação lateral: painel têxtil inspirado na identidade SELETTO. */
.shell{grid-template-columns:292px minmax(0,1fr);padding:12px 12px 12px 0;min-height:100vh}
.sidebar{position:sticky;top:12px;height:calc(100vh - 24px);margin-left:12px;padding:22px 14px 13px;border:1px solid rgba(225,225,225,.22);border-radius:24px;background-color:#070707!important;background-image:linear-gradient(145deg,rgba(255,255,255,.025),transparent 38%),url('/seletto-texture-v1.png')!important;background-position:center!important;background-size:auto,560px auto!important;background-repeat:no-repeat,repeat!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.3);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#424242 transparent}
.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#424242;border-radius:10px}.sidebar .brand{padding:2px 13px 19px;margin:0}.sidebar-logo{max-width:164px;filter:contrast(1.08) drop-shadow(0 5px 14px rgba(0,0,0,.45))}
.sidebar-nav{display:grid;gap:5px}.nav-group{display:grid;gap:2px}.nav-group+.nav-group{margin-top:9px}.nav-label{height:27px;padding:0 11px;margin:0;display:flex;align-items:center;gap:12px;color:#8f8f91;font:9px var(--mono);font-weight:600;letter-spacing:.28em;text-transform:uppercase}.nav-label:after{content:'';height:1px;min-width:14px;flex:1;background:linear-gradient(90deg,rgba(185,185,185,.22),rgba(185,185,185,.03))}.nav-label span{white-space:nowrap}
.nav-item{min-height:46px;padding:0 12px;border:1px solid transparent;border-radius:13px;background:transparent;display:flex;align-items:center;gap:13px;color:#c8c8ca;font-size:13px;font-weight:650;letter-spacing:-.15px;text-align:left;box-shadow:none}.nav-icon{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;color:#b8b8ba}.nav-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-arrow{display:none;margin-left:auto;font-family:Arial,sans-serif;font-size:33px;font-weight:300;line-height:1;color:#ededed;transform:translateY(-1px)}.nav-item:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);color:#fff}.nav-item:hover .nav-icon{color:#fff}.nav-item.active{min-height:58px;margin:3px 0;border-color:rgba(242,242,242,.78);border-radius:17px;background:radial-gradient(circle at 15% 0,rgba(255,255,255,.09),transparent 52%),linear-gradient(115deg,rgba(37,37,38,.95),rgba(24,24,25,.95));color:#fbfbfb;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 24px rgba(0,0,0,.18)}.nav-item.active .nav-icon{color:#f5f5f5}.nav-item.active .nav-icon svg{stroke-width:2}.nav-item.active .nav-arrow{display:block}.nav-item.active:focus-visible{outline-color:#fff;outline-offset:3px}
.sidebar-foot{margin-top:16px;padding:13px 11px 0;border-top:1px solid rgba(255,255,255,.10);color:#858587;font:8px var(--mono);font-weight:600;letter-spacing:.18em}.sidebar-foot>span{display:block}.sidebar-foot .user-chip{margin-top:9px;color:#d2d2d3;font-family:var(--sans);font-size:10px;font-weight:650;letter-spacing:0}.sidebar-foot .avatar{width:26px;height:26px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(140deg,#e8e8e8,#888)}
@media(max-width:850px){.shell{grid-template-columns:1fr;padding:0}.sidebar{top:12px;width:min(292px,calc(100vw - 24px));height:calc(100vh - 24px);margin-left:12px}.sidebar.open{display:flex}}
@media(max-width:520px){.sidebar{padding:18px 11px 12px;border-radius:20px}.sidebar .brand{padding:1px 11px 15px}.sidebar-logo{max-width:147px}.nav-item{min-height:44px;font-size:12px}.nav-item.active{min-height:54px}.nav-label{padding:0 9px}.sidebar-foot{margin-top:11px}}

/* Fluxos SELETTO: comercial, arte, PCP e acompanhamento do cliente. */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(244px,1fr);gap:13px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x proximity}.kanban-column{min-height:380px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(10,10,10,.64));scroll-snap-align:start;transition:border-color .18s,background .18s}.kanban-column.drag-over{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.07)}.kanban-column>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 3px 11px;color:#d6d6d6;font-size:10px;font-weight:800;letter-spacing:.15px}.kanban-column>header b{min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#272727;display:grid;place-items:center;color:#a9a9a9;font:9px var(--mono)}.kanban-cards{display:grid;gap:8px;align-content:start;min-height:315px}.kanban-card{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:linear-gradient(145deg,rgba(37,37,38,.92),rgba(18,18,19,.95));box-shadow:0 8px 18px rgba(0,0,0,.18);cursor:grab;transition:transform .16s,border-color .16s,box-shadow .16s}.kanban-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32);box-shadow:0 12px 24px rgba(0,0,0,.27)}.kanban-card.dragging{opacity:.45;transform:rotate(1.3deg)}.kanban-card-top{display:flex;justify-content:space-between;gap:7px;margin-bottom:10px;color:#969698;font:9px var(--mono)}.kanban-source{letter-spacing:.06em;text-transform:uppercase}.kanban-age{white-space:nowrap}.kanban-age.late,.late{color:#ff9a93}.kanban-card h3{margin:0 0 4px;color:#f1f1f1;font-size:12px;line-height:1.3}.kanban-card p{margin:0;color:#969698;font-size:10px;line-height:1.45}.kanban-card-meta{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-top:12px;color:#aaa;font-size:9px}.kanban-card-meta strong{color:#e7e7e7;font:10px var(--mono);white-space:nowrap}.kanban-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.kanban-card-actions .tiny-btn{padding:5px 6px;background:#292929}.kanban-empty{min-height:76px;padding:17px 10px;border:1px dashed #353535;border-radius:8px;color:#707073;text-align:center;font-size:10px;display:grid;place-items:center}.crm-kanban{grid-auto-columns:minmax(238px,1fr)}.art-kanban{grid-auto-columns:minmax(235px,1fr)}.production-kanban{grid-auto-columns:minmax(236px,1fr)}.production-card{cursor:default}.production-card .pill{font-size:8px;padding:3px 5px}.quote-table td{vertical-align:top}.portal-link{display:inline-flex;align-items:center;text-decoration:none}.portal-created{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:4px 0}.portal-created div{display:grid;gap:2px}.portal-created span{font:9px var(--mono);color:#848484;letter-spacing:.9px}.portal-created b{font-size:20px}.customer-360{display:grid;gap:19px}.customer-hero{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #2f2f2f}.customer-hero .avatar{width:42px;height:42px;font-size:12px}.customer-hero h3{margin:0;color:#f1f1f1;font-size:16px}.customer-hero p{margin:3px 0 0;color:#969696;font-size:10px}.customer-hero>.pill{margin-left:auto}.customer-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.customer-kpis>div{padding:10px;border:1px solid #303030;border-radius:7px;background:#171717}.customer-kpis span{display:block;color:#8c8c8d;font:8px var(--mono);letter-spacing:.6px;text-transform:uppercase}.customer-kpis b{display:block;margin-top:5px;font-size:12px}.customer-timeline h3{margin:0 0 10px;font-size:12px}.customer-timeline>div{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:8px 0;border-top:1px solid #292929}.customer-timeline time{font:9px var(--mono);color:#858585}.customer-timeline span{display:grid;gap:2px;font-size:10px}.customer-timeline small{color:#888}.check-form{display:grid;gap:11px}.check-form label{padding:10px;border:1px solid #333;border-radius:7px;color:#d1d1d1;font-size:11px}.check-form input{accent-color:#efefef;margin-right:8px}
.client-portal{min-height:100vh;padding:25px;background:radial-gradient(600px 400px at 100% 0,rgba(255,255,255,.06),transparent 58%),#070707 url('/seletto-texture-v1.png') center/560px repeat;color:#f0f0f0;font-family:var(--sans)}.client-portal>header,.client-portal>footer,.portal-card{width:min(840px,100%);margin-inline:auto}.client-portal>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 27px}.client-portal>header img{width:155px}.client-portal>header span{color:#969698;font:9px var(--mono);letter-spacing:.16em}.portal-copy-link{padding:8px 11px;white-space:nowrap;font-size:10px}.portal-card{padding:clamp(22px,5vw,46px);border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(145deg,rgba(28,28,28,.92),rgba(11,11,11,.95));box-shadow:0 25px 70px rgba(0,0,0,.45)}.portal-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.portal-title p{margin:0 0 4px;color:#999;font-size:12px}.portal-title h1{margin:0;color:#fff;font-size:clamp(24px,5vw,38px);letter-spacing:-1.4px}.portal-title>div>span{display:block;margin-top:6px;color:#b6b6b7;font-size:12px}.portal-timeline{display:flex;justify-content:space-between;gap:5px;margin:42px 0 34px}.portal-timeline>div{position:relative;display:grid;justify-items:center;gap:7px;min-width:0;flex:1;color:#737375;font-size:9px;text-align:center}.portal-timeline>div:not(:last-child):after{content:'';position:absolute;top:12px;left:56%;width:89%;height:1px;background:#343434}.portal-timeline i{position:relative;z-index:1;width:25px;height:25px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;background:#161616;font-style:normal;font:10px var(--mono)}.portal-timeline .done{color:#f2f2f2}.portal-timeline .done i{border-color:#ededed;background:#ededed;color:#111}.portal-timeline .done:not(:last-child):after{background:#dcdcdc}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-grid article{padding:15px;border:1px solid #353535;border-radius:9px;background:rgba(255,255,255,.025)}.portal-grid span{display:block;color:#89898b;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.portal-grid b{display:block;margin:8px 0 4px;font-size:14px}.portal-grid small{display:block;color:#999;font-size:10px;line-height:1.4}.portal-approval{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:21px;padding:18px;border:1px solid rgba(255,255,255,.27);border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent)}.portal-approval span{color:#aaa;font:9px var(--mono);letter-spacing:.13em}.portal-approval h2{margin:7px 0 3px;font-size:16px}.portal-approval p{margin:0;color:#999;font-size:11px}.portal-approval>div:last-child{display:flex;gap:8px;flex:none}.client-portal>footer{padding:23px 0;color:#777;font:9px var(--mono);text-align:center;letter-spacing:.08em}.portal-loading{min-height:100vh;display:grid;place-items:center;background:#070707 url('/seletto-texture-v1.png') center/560px repeat;color:#ddd;font:12px var(--mono)}
@media(max-width:850px){.customer-kpis{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:1fr}.portal-approval{align-items:start;flex-direction:column}.portal-timeline{overflow-x:auto;justify-content:flex-start;padding-bottom:8px}.portal-timeline>div{flex:0 0 76px}.portal-timeline>div:not(:last-child):after{width:74px}.client-portal{padding:17px}.client-portal>header{padding-bottom:20px}.client-portal>header span{font-size:8px;text-align:right}.portal-approval>div:last-child{width:100%;flex-wrap:wrap}.portal-approval .btn{flex:1}.kanban{margin-inline:-2px}}
@media(max-width:520px){.customer-hero{align-items:flex-start;flex-wrap:wrap}.customer-hero>.pill{margin-left:54px}.customer-timeline>div{grid-template-columns:62px 1fr}.client-portal>header img{width:128px}.portal-card{padding:21px 17px;border-radius:14px}.portal-title{flex-direction:column;gap:10px}.portal-timeline{margin:28px 0}.portal-approval .btn{min-width:100%}}

/* Arte e PCP: a estampa e a peça acompanham o pedido em cada etapa. */
.job-assets{display:grid;grid-template-columns:1.35fr 1fr;gap:6px;margin-top:11px}.job-asset{height:74px;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#101011;position:relative}.job-asset img{width:100%;height:100%;display:block;object-fit:cover}.job-asset figcaption{position:absolute;right:0;bottom:0;left:0;padding:5px 6px;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#ededed;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.job-asset.empty{display:grid;place-items:center;align-content:center;gap:3px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(10,10,10,.75));color:#b5b5b8}.job-asset.empty span{font-size:15px}.job-asset.empty small{font-size:8px;color:#858587}.art-upload-section{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(8,8,9,.72))}.art-upload-section>div:first-child>span{color:#c1c1c3;font:9px var(--mono);font-weight:700;letter-spacing:.14em}.art-upload-section p{margin:5px 0 14px;color:#949497;font-size:11px}.art-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-upload-slot{display:grid;gap:7px;cursor:pointer}.art-upload-slot input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.art-upload-preview{position:relative;height:154px;overflow:hidden;border:1px dashed #555;border-radius:9px;background:#101011;display:grid;place-items:center;transition:border-color .18s,background .18s}.art-upload-slot:hover .art-upload-preview{border-color:#e5e5e5;background:#181819}.art-upload-preview img{width:100%;height:100%;object-fit:cover}.art-upload-preview>span{position:absolute;right:0;bottom:0;left:0;padding:8px;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#ededed;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.upload-empty{display:grid;justify-items:center;gap:4px;color:#c9c9cc;text-align:center}.upload-empty b{font-size:25px;font-weight:400}.upload-empty span{font-size:11px;font-weight:700}.upload-empty small{color:#858588;font-size:9px}.art-upload-action{min-height:30px;border:1px solid #3c3c3d;border-radius:7px;display:grid;place-items:center;color:#d9d9da;font-size:10px;font-weight:700}.art-upload-slot:hover .art-upload-action{border-color:#d2d2d2;color:#fff}@media(max-width:560px){.art-upload-grid{grid-template-columns:1fr}.art-upload-preview{height:138px}}

/* Central interna de criação: arquivos quadrados para arte e produção. */
.art-format-note{display:flex;align-items:center;gap:11px;margin:0 0 15px;padding:11px 14px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:linear-gradient(110deg,rgba(255,255,255,.07),rgba(16,16,17,.6))}.art-format-note span{color:#aaa;font:9px var(--mono);font-weight:700;letter-spacing:.15em}.art-format-note b{padding:5px 7px;border:1px solid rgba(255,255,255,.21);border-radius:5px;color:#f0f0f1;font:11px var(--mono)}.art-format-note p{margin:0;color:#959598;font-size:11px}.job-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.job-assets.empty{grid-template-columns:1fr}.job-asset{height:auto;aspect-ratio:1}.job-asset.more{display:grid;place-items:center;background:linear-gradient(145deg,#29292a,#111);color:#e7e7e8;font:15px var(--mono)}.art-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.art-file-square{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:#111;display:grid;place-items:center}.art-file-square>img{width:100%;height:100%;object-fit:cover}.art-file-square figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:space-between;gap:6px;padding:17px 7px 7px;background:linear-gradient(transparent,rgba(0,0,0,.91));color:#f2f2f2;font-size:9px}.art-file-square figcaption span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.art-file-square figcaption button{width:23px;height:23px;flex:0 0 23px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:17px;line-height:1}.art-file-square figcaption button:hover{background:#fff;color:#111}.art-file-add{align-content:center;justify-items:center;gap:5px;border-style:dashed;border-color:#606062;cursor:pointer;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(9,9,10,.76));color:#d7d7d9}.art-file-add:hover{border-color:#eee;background:#19191a}.art-file-add input{position:absolute;width:1px;height:1px;opacity:0}.art-file-add b{font:28px var(--mono);font-weight:400}.art-file-add span{font-size:11px;font-weight:700}.art-file-add small{color:#8f8f92;font:9px var(--mono)}@media(max-width:650px){.art-format-note{align-items:flex-start;flex-wrap:wrap}.art-format-note p{width:100%}.art-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Prévia ampliada: leitura rápida das artes direto no card do fluxo. */
.job-assets{grid-template-columns:minmax(0,1fr) 72px;gap:9px}.job-assets.count-1,.job-assets.empty{grid-template-columns:1fr}.job-assets .job-asset{min-height:0}.job-assets.count-1 .job-asset{max-height:235px}.art-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.art-file-square{border-radius:12px}.art-card .kanban-card-actions .delete{margin-left:auto;border-color:rgba(239,128,128,.45);color:#f1b4b1}.art-card .kanban-card-actions .delete:hover{background:#f3d8d7;color:#1a1010}@media(max-width:560px){.art-file-grid{grid-template-columns:1fr}.job-assets{grid-template-columns:minmax(0,1fr) 64px}}

/* Prévia em tela cheia e miniaturas roláveis na galeria de criação. */
.job-asset.creative{padding:0;cursor:zoom-in;text-align:left}.job-asset.creative:hover{border-color:rgba(255,255,255,.72);box-shadow:0 8px 20px rgba(0,0,0,.34)}.job-asset.creative>span{position:absolute;right:0;bottom:0;left:0;padding:17px 7px 7px;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#ededed;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.art-file-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:354px;padding:3px 7px 3px 3px;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:#5c5c5e transparent}.art-file-grid::-webkit-scrollbar{width:6px}.art-file-grid::-webkit-scrollbar-thumb{border-radius:8px;background:#5c5c5e}.art-file-square{border-radius:8px}.art-file-square>img{cursor:zoom-in}.image-preview-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:28px;background:rgba(0,0,0,.93);backdrop-filter:blur(7px);cursor:zoom-out}.image-preview-backdrop>img{max-width:min(1080px,calc(100vw - 56px));max-height:calc(100vh - 56px);object-fit:contain;box-shadow:0 26px 90px rgba(0,0,0,.72);cursor:default}.image-preview-close{position:fixed;top:17px;right:20px;width:38px;height:38px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(0,0,0,.54);color:#fff;font-size:26px;line-height:1;z-index:1}.image-preview-close:hover{background:#fff;color:#111}@media(max-width:780px){.art-file-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:320px}}@media(max-width:560px){.art-file-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px}.image-preview-backdrop{padding:16px}.image-preview-backdrop>img{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}}

/* Duas artes reais ficam visíveis no card; as demais aparecem no contador discreto. */
.job-assets.count-many{position:relative;grid-template-columns:repeat(2,minmax(0,1fr))}.job-assets.count-many .job-asset{max-height:148px}.job-more-count{position:absolute;right:7px;bottom:7px;min-width:27px;padding:4px 6px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(0,0,0,.78);color:#fff;font:10px var(--mono);font-weight:700;text-align:center;box-shadow:0 3px 12px rgba(0,0,0,.36)}

/* Hub de integrações: cada conexão aparece como um módulo operacional próprio. */
.integrations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.integration-card{min-height:214px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(35,35,36,.90),rgba(12,12,13,.96));box-shadow:0 12px 26px rgba(0,0,0,.16)}.integration-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.integration-logo{width:43px;height:43px;display:grid;place-items:center;filter:drop-shadow(0 5px 10px rgba(0,0,0,.26))}.integration-logo svg{display:block;width:43px;height:43px}.integration-logo.shopify,.integration-logo.google{border-radius:12px;background:rgba(255,255,255,.055)}.integration-logo.meta{border-radius:12px;background:linear-gradient(135deg,rgba(24,119,242,.10),rgba(255,255,255,.02))}.integration-card h2{margin:16px 0 7px;color:#f5f5f6;font-size:16px;letter-spacing:-.3px}.integration-card p{min-height:34px;margin:0;color:#b2b2b5;font-size:12px;line-height:1.5}.integration-card .btn{margin-top:auto;width:100%}@media(max-width:980px){.integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.integrations-grid{grid-template-columns:1fr}.integration-card{min-height:194px}}

/* Central de configuração: acessos, dados sincronizados e controles avançados em uma mesma tela. */
.integration-setup{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:15px}.integration-config-card{padding:20px}.integration-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.integration-setup-brand{display:flex;align-items:center;gap:13px;min-width:0}.integration-setup-brand .integration-logo,.integration-setup-brand .integration-logo svg{width:48px;height:48px;flex:none}.integration-setup-brand>div{min-width:0}.integration-setup-brand span,.integration-config-section>header>span,.integration-readiness>span{display:block;color:#a6a6aa;font:700 9px var(--mono);letter-spacing:.12em}.integration-setup-brand h2{margin:4px 0;color:#f5f5f6;font-size:18px;letter-spacing:-.45px}.integration-setup-brand p{margin:3px 0 0;color:#aaaab0;font-size:11px;line-height:1.45}.integration-config-section{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09)}.integration-config-section>header{display:grid;gap:4px;margin-bottom:12px}.integration-config-section>header p{margin:0;color:#99999d;font-size:10px;line-height:1.45}.integration-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.integration-form-grid .field{min-width:0;padding:0}.integration-form-grid .field>span{color:#c6c6c9;font:700 9px var(--mono);letter-spacing:.05em}.integration-form-grid .field input,.integration-form-grid .field select{width:100%;min-height:37px;border-color:rgba(255,255,255,.14);background:#161617;color:#efeff0}.integration-toggle{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(130deg,rgba(255,255,255,.045),rgba(255,255,255,.014));cursor:pointer}.integration-toggle:hover{border-color:rgba(255,255,255,.27)}.integration-toggle input{width:15px;height:15px;margin:0;accent-color:#efefef;flex:none}.integration-toggle span{display:grid;gap:2px;min-width:0}.integration-toggle b{color:#e5e5e7;font-size:10px;line-height:1.25}.integration-toggle small{color:#949499;font-size:9px}.integration-actions{justify-content:space-between;margin-top:18px}.integration-readiness{padding:18px;position:sticky;top:94px}.integration-readiness h2{margin:7px 0 13px;color:#f3f3f4;font-size:16px}.integration-readiness ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:integration-check}.integration-readiness li{position:relative;padding-left:26px;color:#c2c2c5;font-size:10px;line-height:1.45}.integration-readiness li:before{counter-increment:integration-check;content:counter(integration-check);position:absolute;top:0;left:0;display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ededee;font:8px var(--mono)}.integration-webhook{display:grid;gap:5px;margin-top:18px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.028)}.integration-webhook b{color:#bdbdc1;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.integration-webhook p{margin:0;color:#ededee;font:10px var(--mono);line-height:1.45;word-break:break-word}.integration-readiness-note{margin:14px 0 0;color:#8b8b8f;font-size:10px;line-height:1.55}@media(max-width:980px){.integration-setup{grid-template-columns:1fr}.integration-readiness{position:static}.integration-readiness ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:620px){.integration-config-card,.integration-readiness{padding:14px}.integration-setup-head{align-items:flex-start;flex-direction:column}.integration-form-grid{grid-template-columns:1fr}.integration-readiness ol{grid-template-columns:1fr}.integration-actions{flex-direction:column-reverse}.integration-actions .btn{width:100%}}

/* Aplicativos externos: cada card explica a rota real de uma informação dentro da operação. */
.external-apps-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);align-items:stretch;gap:16px;margin-bottom:15px;padding:19px}.external-apps-intro>div:first-child{display:grid;align-content:center;gap:5px}.external-apps-intro>div:first-child>span,.external-app-card header>div>span,.external-app-card section>span{color:#a5a5aa;font:700 8px var(--mono);letter-spacing:.13em}.external-apps-intro h2{margin:0;color:#f3f3f4;font-size:17px;letter-spacing:-.45px}.external-apps-intro p{max-width:670px;margin:0;color:#aaaab0;font-size:11px;line-height:1.55}.external-apps-rule{display:grid;align-content:center;gap:6px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018))}.external-apps-rule b{color:#eeeeef;font-size:11px}.external-apps-rule span{color:#a7a7ab;font-size:10px;line-height:1.45}.external-apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.external-app-card{display:flex;flex-direction:column;min-height:303px;padding:17px}.external-app-card>header{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.external-app-card>header .integration-logo,.external-app-card>header .integration-logo svg{width:39px;height:39px;flex:none}.external-app-card>header>div{min-width:0;flex:1}.external-app-card h2{margin:3px 0 0;color:#f1f1f2;font-size:14px;letter-spacing:-.25px}.external-app-card>header>.pill{font-size:8px}.external-app-flow{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:6px;padding:14px 0}.external-app-flow>div{min-width:0}.external-app-flow span{display:block;margin-bottom:6px;color:#929297;font:8px var(--mono);letter-spacing:.09em}.external-app-flow p{display:flex;flex-wrap:wrap;gap:4px;margin:0}.external-app-flow p b{padding:4px 5px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#1c1c1d;color:#d6d6d8;font-size:9px;font-weight:600}.external-app-flow>i{color:#a8a8ac;font-size:17px;font-style:normal;text-align:center}.external-app-card section{padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.external-app-card ul{display:grid;gap:5px;margin:8px 0 0;padding:0;list-style:none}.external-app-card li{position:relative;padding-left:13px;color:#bcbcc0;font-size:10px}.external-app-card li:before{content:'✓';position:absolute;left:0;color:#e6e6e8;font-size:9px}.external-app-card footer{display:flex;margin-top:auto;padding-top:14px}.external-app-card footer .btn{width:100%}@media(max-width:940px){.external-apps-intro{grid-template-columns:1fr}.external-apps-grid{grid-template-columns:1fr}}@media(max-width:520px){.external-apps-intro,.external-app-card{padding:14px}.external-app-flow{grid-template-columns:1fr}.external-app-flow>i{transform:rotate(90deg);margin:1px 0}.external-app-card{min-height:0}}

/* Controle de acesso: permissões por área, com leitura imediata no cadastro. */
.config-count{padding:5px 8px;border:1px solid #383838;border-radius:999px;color:#aaa;font:9px var(--mono);white-space:nowrap}.user-access-row{align-items:center}.user-access-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.permission-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:23px 0 10px;padding-top:17px;border-top:1px solid #323232}.permission-head>div:first-child>span{color:#a5a5a7;font:9px var(--mono);font-weight:700;letter-spacing:.16em}.permission-head p{margin:5px 0 0;color:#8d8d8f;font-size:11px}.permission-head>div:last-child{display:flex;gap:6px;white-space:nowrap}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:330px;padding:2px;overflow:auto}.permission-group{padding:11px;border:1px solid #303030;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(13,13,13,.72))}.permission-group-title{margin:0 0 8px;color:#c9c9cb;font:9px var(--mono);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.permission-option{min-height:28px;display:flex;align-items:center;gap:8px;color:#bcbcc0;font-size:11px;cursor:pointer}.permission-option:hover{color:#fff}.permission-option input{width:14px;height:14px;margin:0;accent-color:#f1f1f1}.permission-option:has(input:checked){color:#f4f4f4;font-weight:650}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}.permission-head{align-items:flex-start;flex-direction:column}.user-access-actions{justify-content:flex-start;margin-top:8px}.user-access-row{align-items:flex-start;flex-wrap:wrap}.user-access-row .alert-info{min-width:calc(100% - 48px)}}

/* As três etapas de arte ficam sempre lado a lado, incluindo Ajustes internos. */
.art-kanban{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:visible}.art-kanban .kanban-column{min-width:0}@media(max-width:620px){.art-kanban{gap:7px;padding-bottom:4px}.art-kanban .kanban-column{min-height:300px;padding:8px;border-radius:10px}.art-kanban .kanban-column>header{gap:4px;padding:1px 1px 8px;font-size:8px;letter-spacing:0}.art-kanban .kanban-column>header b{min-width:17px;height:17px;padding:0 4px;font-size:8px}.art-kanban .kanban-cards{min-height:245px;gap:6px}.art-kanban .kanban-empty{min-height:62px;padding:10px 5px;font-size:8px}.art-kanban .kanban-card{padding:8px}}

/* Campo de orientação: exclusivo dos cards que aguardam ajuste interno. */
.art-adjustment-form{display:grid;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}.art-adjustment-form label{color:#bcbcc0;font:8px var(--mono);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.art-adjustment-form textarea{min-height:74px;resize:vertical;padding:8px;border:1px solid #3a3a3b;border-radius:7px;background:rgba(0,0,0,.26);color:#eee;font:10px var(--sans);line-height:1.4}.art-adjustment-form textarea:focus{outline:none;border-color:#d7d7d8;box-shadow:0 0 0 2px rgba(255,255,255,.08)}.art-adjustment-form .tiny-btn{width:100%;justify-content:center;background:#303031}.art-adjustment-form .tiny-btn:hover{background:#e9e9ea;color:#131313}@media(max-width:620px){.art-adjustment-form{gap:5px;margin-top:9px;padding-top:8px}.art-adjustment-form label{font-size:7px}.art-adjustment-form textarea{min-height:64px;padding:6px;font-size:9px}}

.art-adjustment-list{display:grid;gap:6px}.art-adjustment-item{display:flex;align-items:flex-start;gap:6px;padding:8px;border:1px solid rgba(103,224,159,.72);border-radius:7px;background:linear-gradient(135deg,rgba(29,129,76,.9),rgba(17,77,48,.94));color:#f0fff6;font-size:10px;line-height:1.4;box-shadow:inset 0 1px rgba(255,255,255,.08)}.art-adjustment-item>span{min-width:0;flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.art-adjustment-item button{width:19px;height:19px;flex:0 0 19px;margin:-2px -2px 0 0;padding:0;border:1px solid rgba(238,255,246,.72);border-radius:50%;background:rgba(0,0,0,.14);color:#f3fff8;font-size:16px;line-height:15px}.art-adjustment-item button:hover{border-color:#fff;background:#fff;color:#155633}@media(max-width:620px){.art-adjustment-item{gap:4px;padding:6px;font-size:9px}.art-adjustment-item button{width:17px;height:17px;flex-basis:17px;font-size:14px;line-height:13px}}

/* Cards sem autorização permanecem visíveis, mas não sugerem interação de arrastar. */
.art-card[draggable="false"]{cursor:default}.art-card[draggable="false"]:hover{transform:none}

/* Cadastro de orçamento: separa o contato do detalhe comercial. */
.quote-form-section{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:5px 0 10px;border-bottom:1px solid #2c2c2c}.quote-form-section span{font:10px var(--mono);letter-spacing:1.2px;color:#d6d6d6}.quote-form-section p{margin:0;color:#747474;font-size:10px;text-align:right}.quote-form-section-details{margin-top:4px}
@media(max-width:560px){.quote-form-section{align-items:flex-start;flex-direction:column;gap:4px}.quote-form-section p{text-align:left}}

/* A cor do card comunica a etapa do retorno comercial. */
.crm-kanban .lead-card-waiting{border-color:rgba(239,190,64,.7);background:linear-gradient(145deg,rgba(104,75,17,.9),rgba(47,35,13,.96))}.crm-kanban .lead-card-waiting:hover{border-color:#f3ca62;box-shadow:0 12px 24px rgba(126,88,12,.28)}.crm-kanban .lead-card-waiting .kanban-card-top,.crm-kanban .lead-card-waiting p,.crm-kanban .lead-card-waiting .kanban-card-meta{color:#f2daa1}.crm-kanban .lead-card-waiting .kanban-card-meta strong{color:#fff0bf}.crm-kanban .lead-card-closed{border-color:rgba(77,198,125,.68);background:linear-gradient(145deg,rgba(23,93,55,.91),rgba(12,51,32,.97))}.crm-kanban .lead-card-closed:hover{border-color:#6fdfa2;box-shadow:0 12px 24px rgba(24,126,72,.28)}.crm-kanban .lead-card-closed .kanban-card-top,.crm-kanban .lead-card-closed p,.crm-kanban .lead-card-closed .kanban-card-meta{color:#afe9c7}.crm-kanban .lead-card-closed .kanban-card-meta strong{color:#d9ffe8}

/* Propostas dentro do atacado: leitura compacta, alinhada ao andamento dos cards. */
.wholesale-quotes-panel{margin-top:18px}.wholesale-quotes-panel .table-top{padding:14px 17px}.wholesale-quotes-count{color:#bcbcbc;font:9px var(--mono);letter-spacing:.08em;white-space:nowrap}.wholesale-quotes-table td{padding-block:10px}.wholesale-quotes-table .row-sub{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Orçamentos longos rolam por dentro do popup; a ação de salvar permanece acessível. */
.modal.large{width:min(680px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;padding:16px}.modal.large>.modal-head{flex:0 0 auto;margin-bottom:12px}.modal.large>form{display:flex;flex:1;flex-direction:column;min-height:0}.modal.large>form>.form-grid{flex:1;align-content:start;overflow-y:auto;padding:1px 5px 10px 1px}.modal.large>form>.form-actions{flex:0 0 auto;margin:0;padding:12px 0 0;border-top:1px solid #2c2c2c;background:#111}.modal.large>form>.form-actions .btn{min-height:36px}

/* Assistente IA: o fio vertical da conversa guia a coleta do pedido, como uma ficha de confecção sendo preenchida. */
.ai-assistant-layout{display:grid;grid-template-columns:250px minmax(420px,1fr) 300px;min-height:620px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:radial-gradient(480px 280px at 62% 0,rgba(255,255,255,.045),transparent 72%),#0c0c0d}.ai-assistant-layout.ai-start{grid-template-columns:250px minmax(420px,1fr)}.ai-history,.ai-chat,.ai-details{min-width:0}.ai-history{border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(155deg,rgba(27,27,28,.94),rgba(11,11,12,.95));display:flex;flex-direction:column}.ai-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;border-bottom:1px solid rgba(255,255,255,.09)}.ai-history-head>div{display:flex;align-items:center;gap:7px}.ai-history-head span,.ai-details-head>span,.ai-attachments>span,.ai-detail-meta>span,.ai-identity>div>span,.ai-chat-head>div>span{color:#99999c;font:8px var(--mono);font-weight:700;letter-spacing:.12em}.ai-history-head b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#29292b;color:#d9d9da;font:8px var(--mono)}.ai-history-list{display:grid;align-content:start;overflow:auto}.ai-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:13px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.065);background:transparent;color:#d7d7d8;text-align:left;transition:background .18s,border-color .18s}.ai-history-item:hover,.ai-history-item.selected{background:linear-gradient(105deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:inset 2px 0 #e9e9eb}.ai-history-item>div{min-width:0;display:grid;gap:4px}.ai-history-item b{overflow:hidden;color:#f2f2f3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ai-history-item span{overflow:hidden;color:#818185;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.ai-history-item small{grid-column:1/-1;color:#6f6f73;font:8px var(--mono)}.ai-history-item .pill{align-self:start;font-size:7px;padding:3px 5px;white-space:nowrap}.ai-history-empty{padding:28px 16px;color:#77777b;font-size:10px;line-height:1.6;text-align:center}.ai-chat{display:flex;flex-direction:column;min-height:0;background:linear-gradient(145deg,rgba(16,16,17,.98),rgba(10,10,11,.97))}.ai-chat-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(105deg,rgba(255,255,255,.04),transparent)}.ai-avatar,.ai-spark{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:radial-gradient(circle at 35% 30%,#f6f6f7,#a6a6a9 36%,#27272a 68%);color:#141415;font:16px serif;box-shadow:0 0 22px rgba(255,255,255,.12)}.ai-chat-head>div:nth-child(2){min-width:0;display:grid;gap:3px}.ai-chat-head h2{margin:0;color:#f4f4f5;font-size:14px}.ai-chat-head small{color:#88888c;font-size:9px}.ai-chat-head>.pill{margin-left:auto;white-space:nowrap}.ai-chat-messages{position:relative;display:flex;flex:1;flex-direction:column;gap:11px;min-height:360px;padding:22px 20px 24px;overflow:auto;background-image:linear-gradient(90deg,transparent 32px,rgba(255,255,255,.055) 32px,rgba(255,255,255,.055) 33px,transparent 33px),radial-gradient(rgba(255,255,255,.075) .7px,transparent .8px);background-size:auto,15px 15px}.ai-message{position:relative;z-index:1;max-width:min(83%,520px);padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#1c1c1e;color:#e5e5e6;box-shadow:0 9px 18px rgba(0,0,0,.13)}.ai-message.assistant{align-self:flex-start;border-top-left-radius:2px;background:linear-gradient(135deg,#262628,#171718)}.ai-message.client{align-self:flex-end;border-color:#dedee0;background:#ededee;color:#141415;border-top-right-radius:2px}.ai-message-author{display:block;margin-bottom:5px;color:#96969a;font:8px var(--mono);font-weight:700;letter-spacing:.12em}.ai-message.client .ai-message-author{color:#515155}.ai-message p{margin:0;white-space:normal;font-size:11px;line-height:1.55}.ai-message time{display:block;margin-top:6px;color:#85858a;font:8px var(--mono);text-align:right}.ai-message.client time{color:#66666a}.ai-message-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ai-file-thumb,.ai-file-doc{display:flex;align-items:center;gap:6px;min-width:0;max-width:160px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#101011;color:#e4e4e5;text-decoration:none}.ai-file-thumb img{width:38px;height:34px;object-fit:cover}.ai-file-thumb span,.ai-file-doc span{overflow:hidden;padding-right:6px;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ai-file-doc{padding:6px}.ai-file-doc b{display:grid;place-items:center;width:24px;height:23px;border-radius:3px;background:#bc4e4a;color:white;font:7px var(--mono)}.ai-compose{display:flex;align-items:center;gap:8px;padding:11px;border-top:1px solid rgba(255,255,255,.1);background:#111112}.ai-compose input[name="text"]{flex:1;min-width:0;border:1px solid #353537;border-radius:7px;background:#19191a;color:#eeeeef;padding:10px 11px;font-size:11px}.ai-compose input[name="text"]:focus{outline:none;border-color:#a5a5aa;box-shadow:0 0 0 2px rgba(255,255,255,.06)}.ai-attach{display:grid;place-items:center;width:33px;height:33px;border:1px solid #3a3a3c;border-radius:7px;background:#202022;color:#e9e9ea;font-size:14px}.ai-attach:hover{border-color:#d7d7d9;background:#303032}.ai-closed-note{margin:11px;padding:12px;border:1px solid rgba(87,214,138,.38);border-radius:7px;background:rgba(20,104,59,.22);color:#b6f0ca;font-size:10px;text-align:center}.ai-details{display:flex;flex-direction:column;gap:12px;padding:14px;border-left:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(21,21,22,.95),rgba(12,12,13,.96));overflow:auto}.ai-details-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-details-head small{color:#727276;font-size:8px}.ai-summary-card{padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(8,8,9,.35))}.ai-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09)}.ai-summary-head span{color:#a7a7aa;font:8px var(--mono);font-weight:700;letter-spacing:.1em}.ai-summary-head h3{margin:5px 0 0;color:#f1f1f2;font-size:13px}.ai-summary-head .pill{font-size:7px;padding:4px 5px;white-space:nowrap}.ai-summary-card dl{display:grid;gap:7px;margin:11px 0}.ai-summary-card dl>div{display:grid;grid-template-columns:87px minmax(0,1fr);gap:8px}.ai-summary-card dt{color:#77777b;font:8px var(--mono);text-transform:uppercase}.ai-summary-card dd{min-width:0;margin:0;color:#d9d9da;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.ai-confirm{width:100%;margin-top:3px;font-size:10px}.ai-attachments{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#121213}.ai-attachments>div{display:grid;gap:6px}.ai-detail-meta{display:grid;gap:5px;padding:11px;border-top:1px solid rgba(255,255,255,.09)}.ai-detail-meta b{color:#ededee;font-size:11px}.ai-detail-meta small{color:#77777b;font-size:8px;line-height:1.4}.ai-empty-details{justify-content:center}.ai-empty-details>span{color:#99999c;font:8px var(--mono);font-weight:700;letter-spacing:.12em}.ai-empty-details h3{margin:7px 0 0;color:#efeff0;font-size:16px}.ai-empty-details p,.ai-empty-details li{color:#939397;font-size:10px;line-height:1.55}.ai-empty-details ul{display:grid;gap:5px;margin:6px 0;padding-left:16px}.ai-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:16px;min-height:100%;padding:clamp(22px,5vw,58px);background:radial-gradient(320px 260px at 60% 32%,rgba(255,255,255,.08),transparent 72%)}.ai-identity .ai-spark{width:46px;height:46px;border-radius:13px;font-size:22px}.ai-identity>div:nth-child(2){display:grid;gap:7px}.ai-identity h2{max-width:500px;margin:0;color:#f5f5f6;font-size:clamp(20px,2.3vw,28px);line-height:1.13;letter-spacing:-.8px}.ai-identity p{margin:0;color:#96969a;font-size:11px}.ai-identity form{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:9px;margin-top:10px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(8,8,9,.58)}.ai-identity .btn{align-self:end;min-height:35px;white-space:nowrap}@media(max-width:1160px){.ai-assistant-layout{grid-template-columns:230px minmax(360px,1fr)}.ai-details{display:none}}@media(max-width:760px){.ai-assistant-layout{grid-template-columns:1fr;min-height:0}.ai-history{max-height:190px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.ai-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-history-item{border-right:1px solid rgba(255,255,255,.065)}.ai-chat{min-height:510px}.ai-identity{min-height:500px}.ai-identity form{grid-template-columns:1fr}.ai-identity .btn{width:100%}}@media(max-width:480px){.ai-history-list{grid-template-columns:1fr}.ai-chat-head{padding:13px}.ai-chat-head small{display:none}.ai-chat-messages{padding:16px 12px;min-height:340px}.ai-message{max-width:92%}.ai-compose{gap:5px}.ai-compose .btn{padding-inline:11px}.ai-identity{padding:24px 16px;grid-template-columns:1fr}.ai-identity .ai-spark{width:40px;height:40px}.ai-identity form{margin-top:0}.ai-avatar{width:28px;height:28px}}

/* Catálogo de produtos: leitura rápida de peça, variações, preço e disponibilidade. */

/* Linha temporal de cadastro: leitura discreta, mas sempre disponível. */
.registration-stamp{display:inline-flex;align-items:center;gap:4px;color:#a5a5a8;font:8px var(--mono);letter-spacing:.015em;line-height:1.25;white-space:nowrap}.registration-stamp::first-letter{color:#78eaa1}.registration-stamp-empty{color:#66666a}.product-registration{margin:-1px 0 9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.075)}.lead-registration{margin-top:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.085)}.data-table .registration-stamp{font-size:9px}.quote-table td:has(.registration-stamp),.wholesale-quotes-table td:has(.registration-stamp){min-width:118px}@media(max-width:560px){.registration-stamp{font-size:7px}.data-table .registration-stamp{font-size:8px}}

/* A leitura de vendas fica em uma coluna única após remover o quadro extra de estoque. */
.dashboard-merchandising{grid-template-columns:minmax(0,1fr)}

/* Enquetes do chatbot: escolhas rápidas sem transformar a conversa em formulário. */
.seletto-poll-options{margin-top:10px;margin-inline:-2px;padding:0!important;border-top:0!important;background:transparent!important}.seletto-poll-options button{min-height:30px;text-align:left}.seletto-poll-options button:disabled{cursor:default;opacity:.48}.ai-message .seletto-poll-options{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.ai-message .seletto-poll-options button{padding:6px 8px;border:1px solid rgba(126,225,161,.28);border-radius:99px;background:rgba(64,148,94,.11);color:#cfefda;font:9px var(--font)}
@media(max-width:650px){.guided-chat-bubble .seletto-poll-options{display:grid;grid-template-columns:1fr;gap:7px;margin-inline:0}.guided-chat-bubble .seletto-poll-options button{width:100%;min-height:38px;padding:9px 11px;border-radius:5px;text-align:left}}

/* Portal: a operação atualiza uma notícia clara antes de compartilhá-la com o cliente. */
.portal-actions{min-width:142px}.portal-actions .tiny-btn{display:inline-flex;align-items:center;justify-content:center}.portal-update-note{margin-top:18px;padding:15px 17px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:linear-gradient(100deg,rgba(255,255,255,.065),rgba(255,255,255,.018));position:relative;overflow:hidden}.portal-update-note:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:#e6e6e6}.portal-update-note span{display:block;color:#929294;font:9px var(--mono);letter-spacing:.13em}.portal-update-note p{margin:7px 0 6px;color:#efefef;font-size:12px;line-height:1.55}.portal-update-note small{color:#858587;font:9px var(--mono)}

/* Indicador compacto de mensagens: o ponto aparece somente com alertas não lidos. */
.message-indicator{position:relative;width:34px;height:34px;border:1px solid rgba(255,255,255,.17);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.06),transparent 43%),#101011;color:#c9c9cd;box-shadow:inset 0 1px rgba(255,255,255,.03);transition:.2s}.message-indicator svg{width:14px;height:14px;stroke-linecap:round;stroke-linejoin:round}.message-indicator:hover{border-color:rgba(255,255,255,.52);background:#1a1a1c;color:#f4f4f5}.message-indicator.has-unread:after{content:'';position:absolute;top:6px;right:6px;width:5px;height:5px;border:1.5px solid #111;border-radius:50%;background:#ff655b;box-shadow:0 0 8px rgba(255,101,91,.45)}

/* Atendimento IA: o painel interno acompanha sem competir com a conversa pública. */
.ai-internal-empty{display:grid;place-items:center;align-content:center;gap:12px;min-height:620px;padding:48px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.06),transparent 45%)}.ai-internal-empty>span{color:#96969b;font:9px var(--mono);letter-spacing:.15em}.ai-internal-empty h2{margin:0;color:#f1f1f2;font-size:18px}.ai-internal-empty p{max-width:380px;margin:0;color:#929296;font-size:11px;line-height:1.65}.ai-chat-controls{display:flex;align-items:center;gap:7px;margin-left:auto}.ai-chat-controls .tiny-btn{white-space:nowrap}.ai-message.human{align-self:flex-start;border-color:rgba(122,211,166,.45);background:linear-gradient(135deg,rgba(25,113,73,.6),rgba(14,67,45,.86))}.ai-message.human .ai-message-author{color:#b5f0cf}.ai-monitor-note{margin:11px;padding:12px;border:1px dashed rgba(255,255,255,.2);border-radius:7px;color:#929296;font-size:10px;text-align:center}.public-attendance{display:grid;min-height:100dvh;padding:24px;background:radial-gradient(700px 420px at 50% 0,rgba(255,255,255,.07),transparent 68%),radial-gradient(rgba(255,255,255,.06) .65px,transparent .75px),#080809;background-size:auto,13px 13px;place-items:center}.public-attendance-shell{width:min(610px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(145deg,rgba(28,28,29,.97),rgba(10,10,11,.99));box-shadow:0 28px 80px rgba(0,0,0,.48)}.public-ai-intro{display:grid;gap:16px;padding:42px}.public-ai-intro img{width:155px;height:auto}.public-ai-intro>span,.public-ai-chat-shell header span{color:#aaaab0;font:9px var(--mono);font-weight:700;letter-spacing:.16em}.public-ai-intro h1{max-width:430px;margin:0;color:#f4f4f5;font-size:24px;line-height:1.2}.public-ai-intro p{max-width:430px;margin:0;color:#9b9b9f;font-size:12px;line-height:1.65}.public-ai-intro form{display:grid;gap:12px;margin-top:7px}.public-ai-intro label{display:grid;gap:6px;color:#aaaab0;font:9px var(--mono);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.public-ai-intro input,.public-ai-compose input{box-sizing:border-box;width:100%;border:1px solid #38383b;border-radius:8px;background:#151516;color:#f0f0f1;padding:12px;font:12px var(--font)}.public-ai-intro input:focus,.public-ai-compose input:focus{outline:none;border-color:#b9b9bd;box-shadow:0 0 0 3px rgba(255,255,255,.06)}.public-ai-chat-shell{display:flex;min-height:min(720px,calc(100dvh - 48px));flex-direction:column}.public-ai-chat-shell header{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.1)}.public-ai-chat-shell header img{width:96px;height:auto}.public-ai-chat-shell header div{display:grid;gap:3px}.public-ai-chat-shell header b{color:#ededee;font-size:11px}.public-ai-chat-shell header i{margin-left:auto;padding:4px 7px;border:1px solid rgba(93,212,139,.34);border-radius:99px;background:rgba(26,130,73,.17);color:#a9e9c0;font:8px var(--mono);font-style:normal}.public-ai-customer{display:grid;gap:4px;padding:17px 19px 13px}.public-ai-customer small{color:#8b8b90;font-size:10px}.public-ai-customer b{color:#f0f0f1;font-size:15px}.public-ai-messages{display:flex;flex:1;flex-direction:column;gap:11px;min-height:330px;padding:16px 18px 23px;overflow:auto;background-image:linear-gradient(90deg,transparent 25px,rgba(255,255,255,.035) 26px,transparent 27px),radial-gradient(rgba(255,255,255,.055) .6px,transparent .75px);background-size:auto,14px 14px}.public-ai-message{max-width:82%;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;border-top-left-radius:2px;background:#252527;color:#e8e8e9}.public-ai-message.client{align-self:flex-end;border-color:#e6e6e7;border-radius:10px;border-top-right-radius:2px;background:#eeeeef;color:#171718}.public-ai-message p{margin:0;font-size:12px;line-height:1.55}.public-ai-message time{display:block;margin-top:5px;color:#939397;font:8px var(--mono);text-align:right}.public-ai-message.client time{color:#626267}.public-ai-typing{display:flex;align-items:center;align-self:flex-start;gap:4px;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;border-top-left-radius:2px;background:#242426;color:#929297}.public-ai-typing i{width:4px;height:4px;border-radius:50%;background:#c8c8ca;animation:ai-dot .9s infinite alternate}.public-ai-typing i:nth-child(2){animation-delay:.15s}.public-ai-typing i:nth-child(3){animation-delay:.3s}.public-ai-typing span{margin-left:5px;font-size:9px}@keyframes ai-dot{to{opacity:.2;transform:translateY(-2px)}}.public-ai-compose{display:flex;align-items:center;gap:7px;padding:11px;border-top:1px solid rgba(255,255,255,.1);background:#111112}.public-ai-compose input{flex:1;min-width:0;padding:10px}.public-ai-file{display:grid;place-items:center;width:34px;height:34px;border:1px solid #39393c;border-radius:7px;background:#202022;color:#eee;font-size:15px}.public-ai-finished{margin:12px;padding:12px;border:1px solid rgba(91,214,142,.36);border-radius:8px;background:rgba(33,120,72,.2);color:#c0f2d0;font-size:11px;text-align:center}.public-ai-chat-shell footer{padding:11px;border-top:1px solid rgba(255,255,255,.07);color:#747477;font:8px var(--mono);letter-spacing:.03em;text-align:center}.public-ai-loading{padding:46px;color:#aaaab0;font-size:12px;text-align:center}@media(max-width:650px){.public-attendance{padding:0}.public-attendance-shell{min-height:100dvh;border:0;border-radius:0}.public-ai-intro{padding:32px 24px}.public-ai-intro h1{font-size:21px}.public-ai-chat-shell{min-height:100dvh}.ai-assistant-layout.ai-start{grid-template-columns:1fr}.ai-history{min-height:170px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.ai-internal-empty{min-height:340px;padding:30px}.ai-chat-controls{flex-wrap:wrap;justify-content:flex-end}}

.ai-settings-form{display:grid;gap:15px}.ai-settings-form .panel{margin:0}.ai-settings-form textarea{min-height:72px}.switch-line{display:flex!important;align-items:center;gap:7px;color:#bcbcc0!important;font:11px var(--font)!important;letter-spacing:0!important;text-transform:none!important}.switch-line input{width:auto!important;accent-color:#e7e7e8}.knowledge-list{display:flex;flex-wrap:wrap;gap:7px}.knowledge-list>span{display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#171718;color:#e0e0e2;font-size:10px}.knowledge-list small{color:#818186;font:8px var(--mono)}
.settings-session-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}.settings-session-panel .section-sub{max-width:460px}.settings-session-panel .btn.danger{border-color:rgba(234,89,89,.34);background:rgba(117,25,25,.14);color:#ffb4b0}.settings-session-panel .btn.danger:hover{border-color:rgba(255,127,120,.68);background:rgba(145,30,30,.28)}@media(max-width:560px){.settings-session-panel{align-items:flex-start;flex-direction:column}.settings-session-panel .btn{width:100%}}

.keyword-list{display:grid;gap:8px}.keyword-row{display:grid;grid-template-columns:minmax(115px,.55fr) minmax(0,1.5fr) auto auto auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:linear-gradient(112deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.keyword-chip{width:max-content;max-width:100%;overflow:hidden;padding:5px 7px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#1b1b1d;color:#eeeeef;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap}.keyword-answer{min-width:0;display:grid;gap:4px}.keyword-answer b{overflow:hidden;color:#e7e7e8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.keyword-answer small{color:#818186;font-size:9px;line-height:1.35}.keyword-row .tiny-btn{white-space:nowrap}.keyword-help{margin-top:15px!important;background:linear-gradient(105deg,rgba(255,255,255,.055),rgba(255,255,255,.014))!important}.keyword-help>div{display:grid;gap:7px}.keyword-help span{color:#9f9fa3;font:9px var(--mono);letter-spacing:.13em}.keyword-help h2{margin:0;color:#f1f1f2;font-size:14px}.keyword-help p{max-width:580px;margin:0;color:#939397;font-size:10px;line-height:1.6}@media(max-width:760px){.keyword-row{grid-template-columns:1fr auto auto;align-items:start}.keyword-answer{grid-column:1/-1;grid-row:2}.keyword-row .pill{font-size:7px}}

/* Construtor de fluxos: mapa visual de mensagens, capturas e decisões do atendimento. */
.flow-selector{display:flex;gap:9px;margin:0 0 12px}.flow-selector>button{min-width:220px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:linear-gradient(145deg,#1c1c1d,#111112);color:#bababc;text-align:left}.flow-selector>button.active,.flow-selector>button:hover{border-color:rgba(255,255,255,.48);background:linear-gradient(145deg,#303032,#181819);color:#fff}.flow-selector b{display:block;margin-bottom:6px;font-size:11px}.flow-tabs{display:flex;gap:4px;overflow-x:auto;margin:0 0 14px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(12,12,13,.75)}.flow-tabs button{flex:0 0 auto;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8e8e92;font-size:10px;font-weight:650}.flow-tabs button:hover{color:#e5e5e6;background:rgba(255,255,255,.045)}.flow-tabs button.active{border-color:rgba(255,255,255,.16);background:#303032;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.11)}.flow-canvas{display:grid;grid-template-columns:225px minmax(0,1fr);gap:14px;min-height:560px}.flow-palette{display:flex;align-content:start;flex-wrap:wrap;gap:6px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:linear-gradient(155deg,rgba(31,31,32,.94),rgba(12,12,13,.98))}.flow-palette>span,.flow-board header span,.flow-trace>span{width:100%;margin-bottom:6px;color:#97979b;font:8px var(--mono);font-weight:700;letter-spacing:.14em}.flow-palette button{width:100%;padding:8px 9px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:rgba(255,255,255,.025);color:#c8c8ca;font-size:9px;text-align:left}.flow-palette button:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.09);color:#fff}.flow-board{overflow:hidden;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:radial-gradient(rgba(255,255,255,.065) .7px,transparent .8px),linear-gradient(145deg,rgba(25,25,26,.95),rgba(10,10,11,.99));background-size:15px 15px,auto}.flow-board>header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:2px 2px 15px}.flow-board h2{margin:5px 0 4px;color:#f1f1f2;font-size:15px}.flow-board p{max-width:600px;margin:0;color:#8f8f93;font-size:10px;line-height:1.5}.flow-node-stack{display:grid;gap:9px;padding:4px 2px 3px}.flow-node{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;position:relative}.flow-node:not(:last-child):after{content:'';position:absolute;top:43px;bottom:-10px;left:15px;width:1px;background:linear-gradient(#888,rgba(255,255,255,.08))}.flow-node-pin{z-index:1;display:grid;place-items:center;align-self:start;width:31px;height:31px;border:1px solid rgba(255,255,255,.31);border-radius:50%;background:#1d1d1f;color:#dedee0;font:9px var(--mono)}.flow-node-body{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:linear-gradient(135deg,rgba(42,42,44,.96),rgba(20,20,21,.98));box-shadow:0 7px 15px rgba(0,0,0,.16)}.flow-node-body header{display:flex;align-items:center;gap:8px}.flow-node-body header span{color:#99999e;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.flow-node-body header b{color:#f0f0f1;font-size:11px}.flow-node-body header .pill{margin-left:auto;font-size:7px}.flow-node-body p{margin:8px 0;color:#b9b9bc;font-size:10px;line-height:1.45}.flow-node-body footer{display:flex;align-items:center;gap:5px}.flow-node-body footer small{margin-right:auto;color:#7f7f83;font:8px var(--mono)}.flow-node-body .tiny-btn{padding:5px 6px;font-size:8px}.flow-list{display:grid;gap:8px}.flow-list-row{display:grid;grid-template-columns:minmax(145px,.7fr) minmax(170px,1.5fr) auto auto auto auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(108deg,rgba(255,255,255,.045),rgba(255,255,255,.014))}.flow-list-row>div{display:grid;gap:4px;min-width:0}.flow-list-row b{color:#e8e8e9;font-size:11px}.flow-list-row small,.flow-list-row p{margin:0;color:#8e8e92;font-size:9px;line-height:1.45}.flow-list-row p{overflow:hidden;color:#bebec0;text-overflow:ellipsis;white-space:nowrap}.flow-list-row .pill{font-size:7px;white-space:nowrap}.flow-variable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-variable-grid>div{display:grid;gap:6px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#171718}.flow-variable-grid code{color:#e9e9ea;font:10px var(--mono)}.flow-variable-grid small{color:#858589;font-size:9px}.flow-simulator{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:14px}.flow-sim-chat{display:flex;min-height:340px;flex-direction:column;justify-content:flex-end;gap:9px;margin:14px 0;padding:14px;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:radial-gradient(rgba(255,255,255,.06) .6px,transparent .7px),#111112;background-size:14px 14px}.flow-sim-message{max-width:78%;padding:9px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;border-top-left-radius:2px;background:#28282a;color:#e8e8e9;font-size:10px;line-height:1.5}.flow-sim-message.client{align-self:end;border-color:#efefef;border-radius:8px;border-top-right-radius:2px;background:#efefef;color:#171718}.flow-simulator form{display:flex;gap:8px}.flow-simulator form input{min-width:0;flex:1}.flow-trace dl{display:grid;gap:0;margin:14px 0 0}.flow-trace dl>div{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.flow-trace dt{color:#85858a;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.flow-trace dd{margin:0;color:#d4d4d6;font-size:10px;word-break:break-word}@media(max-width:940px){.flow-canvas{grid-template-columns:1fr}.flow-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-palette>span{grid-column:1/-1}.flow-simulator{grid-template-columns:1fr}.flow-list-row{grid-template-columns:minmax(130px,.8fr) 1fr auto auto}.flow-list-row .tiny-btn{grid-row:2}.flow-variable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.flow-selector{overflow:auto}.flow-canvas{min-height:0}.flow-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-board{padding:11px}.flow-node-body{padding:9px}.flow-node-body footer{flex-wrap:wrap}.flow-node-body footer small{width:100%;margin-bottom:3px}.flow-list-row{grid-template-columns:1fr auto auto}.flow-list-row p{grid-column:1/-1;white-space:normal}.flow-variable-grid{grid-template-columns:1fr}.flow-simulator form{flex-direction:column}.flow-simulator form .btn{width:100%}}

/* Modelo guiado: a conversa parece uma ficha de pedido viva, não um formulário disfarçado. */
.guided-chat-page{display:grid;min-height:100dvh;padding:24px;background:radial-gradient(780px 440px at 50% -8%,rgba(63,205,133,.12),transparent 60%),linear-gradient(145deg,#090a0a,#101412);place-items:center}.guided-chat-shell{display:flex;width:min(680px,100%);min-height:min(735px,calc(100dvh - 48px));overflow:hidden;border:1px solid rgba(209,246,221,.17);border-radius:20px;background:linear-gradient(150deg,rgba(25,30,28,.98),rgba(10,12,11,.99));box-shadow:0 32px 90px rgba(0,0,0,.48);flex-direction:column}.guided-chat-entry{display:grid;align-content:center;gap:16px;min-height:0;padding:clamp(28px,6vw,58px)}.guided-chat-brand{display:flex;align-items:center;gap:10px}.guided-chat-brand>img{width:90px;height:auto}.guided-chat-brand>div{display:grid;gap:3px}.guided-chat-brand span,.guided-chat-context span{color:#a3c5ad;font:700 8px var(--mono);letter-spacing:.15em}.guided-chat-brand b{color:#f1f8f3;font-size:12px}.guided-chat-entry h1{max-width:420px;margin:3px 0 0;color:#f4f7f4;font-size:clamp(25px,4vw,37px);letter-spacing:-1.2px;line-height:1.04}.guided-chat-entry>p{max-width:430px;margin:0;color:#9da6a0;font-size:12px;line-height:1.65}.guided-chat-entry form{display:grid;gap:11px;margin-top:7px}.guided-chat-entry label{display:grid;gap:6px;color:#c0d5c6;font:700 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.guided-chat-entry input,.guided-chat-compose input{box-sizing:border-box;width:100%;border:1px solid rgba(196,224,204,.2);border-radius:9px;background:#111512;color:#edf5ef;padding:12px;font:12px var(--font)}.guided-chat-entry input:focus,.guided-chat-compose input:focus{outline:none;border-color:#79d89e;box-shadow:0 0 0 3px rgba(101,218,146,.12)}.guided-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid rgba(218,242,224,.1);background:linear-gradient(105deg,rgba(114,223,157,.075),transparent)}.guided-chat-status{padding:5px 8px;border:1px solid rgba(107,224,153,.35);border-radius:99px;background:rgba(34,137,79,.15);color:#b1eec9;font:8px var(--mono);font-style:normal;white-space:nowrap}.guided-chat-context{display:grid;gap:5px;padding:16px 20px 13px;border-bottom:1px solid rgba(218,242,224,.07)}.guided-chat-context b{color:#e7eee9;font-size:12px;font-weight:550;line-height:1.45}.guided-chat-messages{display:flex;flex:1;flex-direction:column;gap:13px;min-height:330px;padding:20px;overflow:auto;background-image:linear-gradient(90deg,transparent 30px,rgba(129,225,163,.06) 30px,rgba(129,225,163,.06) 31px,transparent 31px),radial-gradient(rgba(213,255,224,.07) .65px,transparent .7px);background-size:auto,15px 15px}.guided-chat-message{display:flex;align-items:flex-start;gap:8px;max-width:85%}.guided-chat-message.client{align-self:flex-end;max-width:78%}.guided-chat-mark{display:grid;flex:0 0 auto;place-items:center;width:24px;height:24px;border:1px solid rgba(140,232,171,.35);border-radius:8px;background:rgba(34,113,65,.24);color:#c9f8d7;font:11px serif}.guided-chat-bubble{padding:10px 12px;border:1px solid rgba(218,242,224,.14);border-radius:12px;border-top-left-radius:3px;background:linear-gradient(145deg,#27302a,#171c19);color:#edf3ee;box-shadow:0 9px 18px rgba(0,0,0,.11)}.guided-chat-message.human .guided-chat-bubble{border-color:rgba(118,227,159,.42);background:linear-gradient(145deg,#1f6844,#123d2a)}.guided-chat-message.client .guided-chat-bubble{border-color:#f1f4f1;border-radius:12px;border-top-right-radius:3px;background:#f0f3f0;color:#121513}.guided-chat-author{display:block;margin-bottom:5px;color:#a8c3ae;font:700 8px var(--mono);letter-spacing:.11em}.guided-chat-message.client .guided-chat-author{color:#5b655d}.guided-chat-bubble p{margin:0;font-size:12px;line-height:1.55}.guided-chat-bubble time{display:block;margin-top:6px;color:#91a498;font:8px var(--mono);text-align:right}.guided-chat-message.client time{color:#626b64}.guided-chat-typing{display:flex;align-items:center;align-self:flex-start;gap:4px;padding:10px 12px;border:1px solid rgba(218,242,224,.14);border-radius:12px;border-top-left-radius:3px;background:#202721;color:#b4c2b7}.guided-chat-typing i{width:4px;height:4px;border-radius:50%;background:#c3e6ce;animation:guided-dot .85s infinite alternate}.guided-chat-typing i:nth-child(2){animation-delay:.13s}.guided-chat-typing i:nth-child(3){animation-delay:.26s}.guided-chat-typing span{margin-left:5px;font-size:9px}@keyframes guided-dot{to{opacity:.2;transform:translateY(-2px)}}.guided-chat-choices{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px;border-top:1px solid rgba(218,242,224,.08);background:rgba(12,16,13,.72)}.guided-chat-choices button{padding:7px 9px;border:1px solid rgba(128,226,162,.3);border-radius:99px;background:rgba(71,159,100,.11);color:#d7f0dd;font:9px var(--font);transition:.18s}.guided-chat-choices button:hover{border-color:#8be3ab;background:rgba(79,185,118,.24);color:#fff}.guided-chat-compose{display:flex;align-items:center;gap:7px;padding:12px 14px;border-top:1px solid rgba(218,242,224,.1);background:#101411}.guided-chat-compose input{flex:1;min-width:0;padding:10px}.guided-chat-file{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(196,224,204,.2);border-radius:8px;background:#1c241e;color:#d8eddd;font-size:15px}.guided-chat-finished{margin:12px;padding:12px;border:1px solid rgba(113,226,156,.38);border-radius:9px;background:rgba(31,129,75,.17);color:#c8f4d6;font-size:11px;text-align:center}.guided-chat-shell footer{padding:11px;border-top:1px solid rgba(218,242,224,.07);color:#809086;font:8px var(--mono);letter-spacing:.04em;text-align:center}@media(max-width:650px){.guided-chat-page{padding:0}.guided-chat-shell{min-height:100dvh;border:0;border-radius:0}.guided-chat-entry{padding:32px 24px}.guided-chat-messages{padding:16px 13px}.guided-chat-message{max-width:91%}.guided-chat-head{padding:15px}.guided-chat-context{padding:14px 15px}.guided-chat-compose{padding:10px}.guided-chat-brand>img{width:76px}}

/* Atalho discreto para compartilhar uma proposta ou pedido já vinculado ao contato. */
.ai-commercial-send{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:33px;padding:0 9px;border:1px solid rgba(117,237,156,.34);border-radius:7px;background:linear-gradient(135deg,rgba(34,110,69,.26),rgba(21,44,31,.54));color:#c6f5d5;font:700 9px var(--font);white-space:nowrap}.ai-commercial-send>span:first-child{font-size:14px;line-height:1}.ai-commercial-send:hover{border-color:#78e7a0;background:linear-gradient(135deg,rgba(44,145,86,.43),rgba(28,66,43,.7));color:#f1fff5}.modal [data-form="attendance-commercial-send"] textarea{min-height:194px;resize:vertical;font:11px/1.55 var(--font)}@media(max-width:520px){.ai-commercial-send{width:33px;padding:0}.ai-commercial-send>span:last-child{display:none}}

/* Cursor SELETTO: uma seta cromada, presente desde o login e em toda a operação. */
:root{--seletto-cursor:url('/seletto-cursor.svg') 3 2}html,body{cursor:var(--seletto-cursor),auto}button,a,[data-action],.sidebar-item,.wa-conversation,.product-tile,.art-upload-slot,.art-file-add{cursor:var(--seletto-cursor),pointer}input,textarea,[contenteditable="true"]{cursor:text}.kanban-card[draggable="true"],.art-card[draggable="true"]{cursor:grab}.kanban-card[draggable="true"]:active,.art-card[draggable="true"]:active{cursor:grabbing}@media(pointer:coarse){html,body,button,a,[data-action],.sidebar-item,.wa-conversation,.product-tile,.art-upload-slot,.art-file-add{cursor:auto}}

.flow-route-summary{margin:0 0 14px}.flow-route-summary .panel-head{margin-bottom:10px}.flow-route-summary .panel-head>div>span{color:#97979b;font:8px var(--mono);font-weight:700;letter-spacing:.14em}.flow-route-steps{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:11px 0}.flow-route-step{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:rgba(255,255,255,.035);color:#d8d8da;font-size:9px}.flow-route-step b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e9e9ea;color:#151516;font:8px var(--mono);font-weight:800}.flow-route-arrow{color:#7e7e83;font-style:normal}.flow-route-ok{padding:8px 10px;border:1px solid rgba(71,220,139,.38);border-radius:7px;background:rgba(47,167,99,.09);color:#a8f0c8;font-size:9px}.flow-route-warning{padding:9px 10px;border:1px solid rgba(255,173,62,.5);border-radius:7px;background:rgba(183,111,22,.12);color:#f6c574;font-size:9px}.flow-route-warning ul{display:grid;gap:3px;margin:6px 0 0;padding-left:15px;color:#d9c7a4}.flow-route-summary>small{display:block;color:#85858a;font-size:9px}

/* Construtor visual de Fluxos: o canvas organiza o mesmo objeto executado pelo chatbot. */
.visual-flow-studio{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#101011;box-shadow:0 22px 48px rgba(0,0,0,.26)}.visual-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(110deg,#19191b,#101011)}.visual-flow-select{display:flex;align-items:center;gap:9px;min-width:0}.visual-flow-select>span,.visual-flow-palette>span,.visual-flow-inspector>span,.visual-flow-inspector header span,.visual-rules>div>span{color:#89898e;font:700 8px var(--mono);letter-spacing:.11em}.visual-flow-select select{min-width:175px;max-width:260px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#101011;color:#e8e8ea;font:10px var(--font)}.visual-flow-status{padding:4px 6px;border:1px solid rgba(82,227,145,.32);border-radius:99px;background:rgba(49,159,93,.12);color:#a8edc5;font:8px var(--mono);white-space:nowrap}.visual-flow-status.warning{border-color:rgba(247,176,71,.45);background:rgba(169,100,18,.12);color:#f7ce90}.visual-flow-toolbar-actions{display:flex;align-items:center;gap:6px;color:#9f9fa3;font:9px var(--mono);white-space:nowrap}.visual-flow-toolbar-actions .tiny-btn:disabled{opacity:.35;cursor:not-allowed}.visual-flow-layout{display:grid;grid-template-columns:195px minmax(450px,1fr) 286px;min-height:655px}.visual-flow-palette{display:flex;flex-direction:column;gap:6px;padding:15px 11px;border-right:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#151516,#101011)}.visual-flow-palette p{margin:0 0 6px;color:#86868a;font-size:9px;line-height:1.45}.visual-flow-palette button{display:flex;align-items:center;gap:8px;width:100%;min-height:35px;padding:7px 8px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:rgba(255,255,255,.025);color:#d9d9db;font:10px var(--font);text-align:left;transition:border-color .14s,background .14s,transform .14s}.visual-flow-palette button:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.075);transform:translateX(2px)}.visual-flow-palette button i{display:grid;place-items:center;width:19px;color:#dff5e7;font-size:13px;font-style:normal}.visual-flow-palette button b{margin-left:auto;color:#8f8f94;font-size:13px;font-weight:400}.visual-flow-palette small{margin-top:10px;color:#77777b;font-size:8px;line-height:1.55}.visual-flow-surface{position:relative;min-width:0;overflow:hidden;background-color:#0d0d0e;background-image:radial-gradient(rgba(255,255,255,.115) .65px,transparent .72px),linear-gradient(125deg,rgba(255,255,255,.02),transparent 34%);background-position:0 0;background-size:18px 18px,100% 100%;cursor:grab;touch-action:none}.visual-flow-surface:active{cursor:grabbing}.visual-flow-world{position:absolute;inset:0;width:1800px;height:1100px;transform-origin:0 0}.visual-flow-edges{position:absolute;inset:0;width:1800px;height:1100px;overflow:visible;pointer-events:none}.visual-flow-edge path{fill:none;stroke:#b1d9c0;stroke-width:2.25;opacity:.8;pointer-events:stroke;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.65))}.visual-flow-edge:hover path{stroke:#e5fff0;stroke-width:3}.visual-flow-edge circle{fill:#c7f4d6;stroke:#0f1511;stroke-width:2}.visual-flow-edge-draft{stroke-dasharray:6 6;opacity:.75}.visual-flow-nodes{position:absolute;inset:0}.visual-flow-node{position:absolute;width:246px;overflow:visible;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:linear-gradient(142deg,rgba(41,41,43,.98),rgba(20,20,21,.98));box-shadow:0 14px 28px rgba(0,0,0,.36);transition:border-color .15s,box-shadow .15s}.visual-flow-node.selected{border-color:rgba(168,237,197,.9);box-shadow:0 0 0 2px rgba(100,222,145,.17),0 18px 34px rgba(0,0,0,.46)}.visual-flow-node.dragging{opacity:.93;box-shadow:0 26px 42px rgba(0,0,0,.55);cursor:grabbing}.visual-flow-node-head{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:10px 10px 0 0;background:rgba(255,255,255,.026);color:#ececee;cursor:grab;text-align:left}.visual-flow-node-head:active{cursor:grabbing}.visual-kind-mark{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border:1px solid rgba(184,242,205,.34);border-radius:7px;background:rgba(51,137,82,.15);color:#d6f6e1;font-size:13px}.visual-flow-node-head>span:nth-child(2){display:grid;gap:2px;min-width:0}.visual-flow-node-head small{overflow:hidden;color:#aaaab0;font:7px var(--mono);letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.visual-flow-node-head b{overflow:hidden;color:#efeff0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.visual-flow-node-head i{margin-left:auto;color:#8a8a90;font-size:15px;font-style:normal}.visual-flow-node>p{min-height:38px;margin:0;padding:10px 12px 7px;overflow:hidden;color:#bdbdc1;font-size:9px;line-height:1.45}.visual-flow-outputs{display:grid;gap:1px;padding:4px 7px 8px}.visual-flow-outputs>small{display:block;padding:5px;color:#818187;font:8px var(--mono);text-align:center}.visual-flow-output{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;padding:4px 3px 4px 7px;border:0;border-radius:5px;background:transparent;color:#c7c7ca;font:8px var(--mono);text-align:left}.visual-flow-output:hover{background:rgba(154,233,183,.1);color:#edfff3}.visual-flow-output i,.visual-flow-port-in{display:block;box-sizing:border-box;width:12px;height:12px;border:2px solid #cef6dc;border-radius:50%;background:#15291d;box-shadow:0 0 0 2px rgba(0,0,0,.22)}.visual-flow-output:hover i{background:#7ae5a3;box-shadow:0 0 10px rgba(93,238,148,.55)}.visual-flow-port-in{position:absolute;top:42px;left:-7px;padding:0;cursor:crosshair}.visual-flow-port-in:hover{background:#7ae5a3;box-shadow:0 0 10px rgba(93,238,148,.55)}.visual-flow-start-hint{margin:135px 0 0 190px;padding:17px;border:1px dashed rgba(255,255,255,.25);border-radius:8px;color:#b5b5b8;font-size:11px}.visual-flow-minimap{position:absolute;right:13px;bottom:13px;width:158px;height:100px;overflow:hidden;border:1px solid rgba(255,255,255,.19);border-radius:7px;background:rgba(10,10,11,.85);box-shadow:0 10px 22px rgba(0,0,0,.34);pointer-events:none}.visual-flow-minimap svg{width:100%;height:100%}.visual-flow-minimap rect{fill:#5c5c60;stroke:#98989d;stroke-width:2}.visual-flow-minimap rect.selected{fill:#a9e9bf;stroke:#edfff1}.visual-flow-help{position:absolute;bottom:15px;left:15px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:rgba(15,15,16,.78);color:#a0a0a4;font:8px var(--mono);pointer-events:none}
.visual-flow-inspector{display:flex;flex-direction:column;gap:13px;min-width:0;padding:15px;border-left:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#161617,#101011)}.visual-flow-inspector.empty{justify-content:center}.visual-flow-inspector.empty h2{margin:0;color:#e2e2e4;font-size:15px}.visual-flow-inspector.empty p{margin:0;color:#939397;font-size:10px;line-height:1.55}.visual-flow-inspector header{display:flex;align-items:center;gap:8px}.visual-flow-inspector header>div:nth-child(2){display:grid;gap:3px;min-width:0}.visual-flow-inspector h2{margin:0;color:#efeff0;font-size:13px}.visual-flow-inspector .close{margin-left:auto;border:0;background:transparent;color:#a0a0a5;font-size:20px}.visual-flow-inspector form{display:grid;gap:10px}.visual-flow-inspector .field{display:grid;gap:5px}.visual-flow-inspector label{color:#a3a3a7;font:700 8px var(--mono);letter-spacing:.075em;text-transform:uppercase}.visual-flow-inspector input,.visual-flow-inspector textarea,.visual-flow-inspector select{box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#0f0f10;color:#e3e3e4;padding:8px;font:10px var(--font)}.visual-flow-inspector textarea{min-height:76px;resize:vertical;line-height:1.5}.visual-flow-inspector input:focus,.visual-flow-inspector textarea:focus,.visual-flow-inspector select:focus{outline:0;border-color:rgba(132,225,163,.78);box-shadow:0 0 0 2px rgba(102,220,143,.11)}.visual-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.visual-rules{display:grid;gap:8px;padding-top:5px}.visual-rules>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.visual-rule-empty{padding:9px;border:1px dashed rgba(255,255,255,.17);border-radius:6px;color:#88888c;font-size:9px;line-height:1.5}.visual-rule-editor{display:grid;grid-template-columns:1fr 74px;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.025)}.visual-rule-editor>div{display:grid;gap:4px}.visual-rule-editor .full,.visual-rule-editor .visual-fallback{grid-column:1/-1}.visual-rule-editor .visual-fallback{display:flex;align-items:center;gap:5px;color:#b8b8bc;font:8px var(--font);letter-spacing:0;text-transform:none}.visual-rule-editor .visual-fallback input{width:auto}.visual-rule-editor .tiny-btn{justify-self:start}.visual-inspector-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:7px}.visual-flow-inspector footer{display:flex;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.09)}.visual-flow-inspector footer .delete{color:#e19a96}.visual-flow-empty{padding:48px;border:1px dashed rgba(255,255,255,.2);border-radius:10px;background:#131314}.visual-flow-empty h2{margin:0 0 8px;color:#f2f2f3}.visual-flow-empty p{margin:0;color:#9d9da1;font-size:11px}@media(max-width:1120px){.visual-flow-layout{grid-template-columns:165px minmax(370px,1fr) 250px}.visual-flow-palette{padding:12px 8px}.visual-flow-node{width:226px}}@media(max-width:880px){.visual-flow-layout{grid-template-columns:1fr}.visual-flow-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.visual-flow-palette>span,.visual-flow-palette>p,.visual-flow-palette>small{grid-column:1/-1}.visual-flow-inspector{border-top:1px solid rgba(255,255,255,.09);border-left:0}.visual-flow-surface{min-height:540px}.visual-flow-toolbar{align-items:flex-start;flex-direction:column}.visual-flow-toolbar-actions{flex-wrap:wrap}}@media(max-width:550px){.visual-flow-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-flow-select{align-items:flex-start;flex-direction:column}.visual-flow-toolbar-actions .tiny-btn{padding:6px}.visual-flow-node{width:215px}.visual-flow-help{display:none}.visual-flow-minimap{width:118px;height:75px}.visual-inspector-grid,.visual-inspector-actions{grid-template-columns:1fr}}

/* Controles do canvas maiores: conexão e menu continuam precisos mesmo em telas menores. */
.visual-flow-node-head{position:relative;user-select:none}.visual-flow-node-menu{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;margin-left:auto;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#b8b8bc;font-size:18px;line-height:1}.visual-flow-node-menu:hover,.visual-flow-node-menu:focus{border-color:rgba(179,239,200,.55);background:rgba(92,190,126,.14);color:#effff4;outline:0}.visual-flow-output{position:relative;min-height:31px;padding-right:8px}.visual-flow-output i{width:20px;height:20px;flex:0 0 20px;margin-right:-15px;border-width:2px}.visual-flow-output.connecting{background:rgba(91,224,136,.2);color:#effff4}.visual-flow-output.connecting i{background:#78e7a0;box-shadow:0 0 0 3px rgba(102,231,153,.18),0 0 15px rgba(93,238,148,.66)}.visual-flow-port-in{z-index:6;width:24px;height:24px;top:36px;left:-13px;border-width:2px;background:#173321}.visual-flow-port-in:hover,.visual-flow-port-in:focus{background:#7ae5a3;box-shadow:0 0 0 3px rgba(95,235,146,.17),0 0 15px rgba(93,238,148,.62);outline:0}

/* A linha selecionada oferece ações sem apagar a rota por acidente. */
.visual-flow-edges{pointer-events:auto}.visual-flow-nodes{pointer-events:none}.visual-flow-node{pointer-events:auto}.visual-flow-edge.selected path{stroke:#effff4;stroke-width:3.2;opacity:1}.visual-flow-edge-menu{position:absolute;z-index:20;display:grid;gap:5px;min-width:205px;padding:9px;border:1px solid rgba(159,235,188,.7);border-radius:8px;background:rgba(18,25,20,.98);box-shadow:0 16px 30px rgba(0,0,0,.48);cursor:default}.visual-flow-edge-menu small{color:#a9e8c0;font:700 8px var(--mono);letter-spacing:.1em}.visual-flow-edge-menu button{min-height:29px;padding:6px 8px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:rgba(255,255,255,.055);color:#e8f8ed;font:700 9px var(--font);text-align:left}.visual-flow-edge-menu button:hover{border-color:rgba(159,235,188,.7);background:rgba(93,205,132,.16)}.visual-flow-edge-menu button.break{color:#efc1bd}.visual-flow-edge-menu button.break:hover{border-color:rgba(234,142,134,.65);background:rgba(200,78,69,.13)}

/* Condições por palavras-chave: primeiro o que dispara, depois a resposta. */
.visual-condition-explainer{margin:0;padding:8px 9px;border:1px solid rgba(112,212,150,.25);border-radius:6px;background:rgba(55,153,88,.08);color:#b9ddc5;font-size:9px;line-height:1.5}.visual-keyword-rule{grid-template-columns:1fr!important;gap:8px}.visual-keyword-rule textarea{min-height:63px}.visual-keyword-rule-note{margin:0;color:#939d96;font-size:8px;line-height:1.45}.visual-keyword-rule-actions{display:flex;align-items:center;justify-content:space-between;gap:7px}.visual-keyword-rule-actions .visual-fallback{grid-column:auto}.visual-rule-advanced{border-top:1px solid rgba(255,255,255,.08);padding-top:7px}.visual-rule-advanced summary{cursor:pointer;color:#9b9da1;font-size:8px;list-style:none}.visual-rule-advanced summary::-webkit-details-marker{display:none}.visual-rule-advanced summary:before{content:'+';display:inline-grid;place-items:center;width:13px;height:13px;margin-right:5px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#b7b8bc}.visual-rule-advanced[open] summary:before{content:'–'}.visual-rule-advanced .visual-inspector-grid{margin-top:8px}

/* PDV: identifica o cliente sem interromper o fluxo rápido do balcão. */
.pos-customer-identity{display:grid;gap:8px;margin-bottom:10px}.pos-identity-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pos-identity-head>span,.pos-customer-select>span,.pos-seller-select>span,.pos-new-customer-fields label>span{display:block;color:#a5a5a8;font:9px var(--mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pos-identity-head small{color:#747477;font:9px var(--mono);letter-spacing:.03em}.pos-customer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111}.pos-customer-tabs button{min-height:30px;padding:6px 5px;border:1px solid transparent;border-radius:4px;background:transparent;color:#89898c;font-size:9px;font-weight:700;white-space:nowrap}.pos-customer-tabs button:hover{color:#e8e8e9;background:rgba(255,255,255,.045)}.pos-customer-tabs button.active{border-color:rgba(255,255,255,.15);background:linear-gradient(135deg,#39393b,#242426);color:#f2f2f3;box-shadow:inset 0 1px rgba(255,255,255,.1)}.pos-customer-select,.pos-seller-select,.pos-new-customer-fields label{display:grid;gap:5px}.pos-customer-select select,.pos-seller-select select,.pos-new-customer-fields input{width:100%;box-sizing:border-box;border:1px solid #303033;border-radius:5px;background:#171718;color:#ececee;padding:8px;font-size:10px}.pos-customer-select select:focus,.pos-seller-select select:focus,.pos-new-customer-fields input:focus{outline:none;border-color:#a8a8ad;box-shadow:0 0 0 2px rgba(255,255,255,.06)}.pos-new-customer-fields{display:grid;gap:8px}.pos-new-customer-fields em,.pos-seller-select em{color:#727276;font-style:normal;font-weight:400}.pos-seller-select{margin-bottom:10px}@media(max-width:520px){.pos-customer-tabs button{font-size:8px}.pos-customer-identity{margin-bottom:9px}}
.product-catalog-shell{padding:16px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(140deg,rgba(255,255,255,.026),rgba(10,10,10,.88)),#0d0d0e}.product-catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 15px;border-bottom:1px solid rgba(255,255,255,.09)}.product-catalog-tools>div{display:grid;gap:4px}.product-catalog-tools span{color:#8e8e91;font:9px var(--mono);font-weight:700;letter-spacing:.15em}.product-catalog-tools b{font-size:12px;color:#ececed}.product-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding-top:16px}.product-catalog-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(145deg,rgba(36,36,37,.94),rgba(14,14,15,.98));box-shadow:0 12px 24px rgba(0,0,0,.18);transition:transform .18s,border-color .18s,box-shadow .18s}.product-catalog-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.36);box-shadow:0 18px 32px rgba(0,0,0,.3)}.product-card-visual{padding:10px 10px 0}.catalog-image{position:relative;display:grid;place-items:center;min-height:176px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.17),transparent 35%),linear-gradient(145deg,#2a2a2c,#151516 66%,#101011)}.catalog-image:before{content:'';position:absolute;inset:0;background-image:linear-gradient(110deg,transparent 45%,rgba(255,255,255,.05) 50%,transparent 55%);opacity:.65}.catalog-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.catalog-image>span{position:absolute;left:8px;bottom:8px;padding:4px 6px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(9,9,10,.74);backdrop-filter:blur(8px);color:#d6d6d7;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.catalog-garment{position:relative;z-index:1;width:88%;height:145px;filter:drop-shadow(0 13px 10px rgba(0,0,0,.38))}.catalog-garment .garment-shadow{stroke:rgba(255,255,255,.14);stroke-width:1}.product-card-body{padding:12px}.product-card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#969699;font:8px var(--mono);letter-spacing:.04em}.product-card-meta .pill{font-size:8px;padding:3px 5px}.product-card-body h2{min-height:33px;margin:8px 0 10px;color:#f3f3f4;font-size:12px;line-height:1.35}.product-variations{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.product-variations>div{min-width:0;display:grid;gap:5px}.product-variations span{font:8px var(--mono);color:#87878a;text-transform:uppercase;letter-spacing:.08em}.product-variations b{overflow:hidden;color:#cfcfd1;font-size:9px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.color-dots{display:flex;align-items:center;gap:4px;min-height:12px}.color-dots i{width:11px;height:11px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.35)}.color-dots small{color:#777;font-size:10px}.product-stock-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:10px 0}.product-stock-row .pill{font-size:8px;padding:3px 6px}.product-stock-row small{overflow:hidden;color:#808084;font:8px var(--mono);text-align:right;text-overflow:ellipsis;white-space:nowrap}.product-card-foot{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:3px 0 11px}.product-card-foot strong{color:#f4f4f5;font:14px var(--mono);letter-spacing:-.4px}.product-card-foot span{color:#8c8c8f;font-size:9px;text-align:right}.product-card-actions{display:grid;grid-template-columns:1fr 1.3fr auto;gap:5px}.product-card-actions .tiny-btn{min-width:0;padding:7px 5px;border:1px solid rgba(255,255,255,.09);background:#252526;color:#d5d5d6;font-size:9px;white-space:nowrap}.product-card-actions .tiny-btn:hover{background:#39393b;color:#fff}.product-card-actions .tiny-btn.delete{color:#d99793}.product-card-actions .tiny-btn.delete:hover{background:#44211f;color:#ffd1cf}.inventory-product-hint{margin:13px 0 0!important;padding:9px 10px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:#171718;color:#a5a5a7!important}.inventory-product-hint b{color:#ececed}.product-catalog-card[hidden]{display:none}@media(max-width:1250px){.product-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.product-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-catalog-tools{align-items:flex-start;flex-direction:column}.product-catalog-tools .search{width:100%}}@media(max-width:480px){.product-catalog-shell{padding:11px}.product-catalog-grid{gap:9px;padding-top:11px}.catalog-image{min-height:143px}.catalog-garment{height:119px}.product-card-body{padding:9px}.product-card-actions{grid-template-columns:1fr}.product-card-actions .tiny-btn{padding:7px}.product-variations{grid-template-columns:1fr}.product-card-body h2{min-height:auto}}

/* Envio de arte, mídia e arquivos: exibido somente pelo bloco do fluxo. */
.guided-chat-file-request{display:flex;align-items:center;gap:9px;margin:8px 12px 8px 45px;padding:8px 9px;border:1px solid rgba(118,227,159,.28);border-radius:9px;background:linear-gradient(110deg,rgba(28,88,51,.23),rgba(13,18,14,.98))}.guided-chat-file-request>div:first-child{display:grid;flex:1;gap:2px;min-width:0}.guided-chat-file-request span{color:#a7e8be;font:700 7px var(--mono);letter-spacing:.12em}.guided-chat-file-request b{overflow:hidden;color:#edf7ef;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.guided-chat-file-request-actions{display:flex;gap:6px;flex:0 0 auto}.guided-chat-file-request-actions .btn{min-height:30px;padding:6px 8px;font-size:9px}.guided-chat-file-info{display:grid;width:25px;height:30px;padding:0;place-items:center;border:1px solid rgba(165,232,190,.26);border-radius:7px;background:rgba(50,117,75,.15);color:#b8eecb;font-size:12px}.guided-chat-file-info:hover{border-color:#92e7b1;background:rgba(65,148,94,.25)}@media(max-width:520px){.guided-chat-file-request{gap:7px;margin:7px 9px 7px 42px;padding:7px 8px}.guided-chat-file-request b{font-size:9px}.guided-chat-file-request-actions{gap:5px}.guided-chat-file-request-actions .btn{padding:6px 7px;font-size:8px}.guided-chat-file-info{width:24px;height:29px;font-size:11px}}

/* Login: presença visual na entrada, sem animação contínua nem trabalho extra de renderização. */
.login-card-v2{animation:seletto-login-card-in 240ms cubic-bezier(.23,1,.32,1) both}.login-brand-v2{animation:seletto-login-brand-in 190ms cubic-bezier(.23,1,.32,1) 28ms both}.login-body>h1,.login-body>p,.login-body>.login-dots,.login-body>.login-field,.login-body>.login-submit{opacity:0;transform:translateY(8px);animation:seletto-login-content-in 170ms cubic-bezier(.23,1,.32,1) both}.login-body>h1{animation-delay:42ms}.login-body>p{animation-delay:60ms}.login-body>.login-dots{animation-delay:78ms}.login-body>.login-field:nth-of-type(2){animation-delay:96ms}.login-body>.login-field:nth-of-type(3){animation-delay:112ms}.login-body>.login-submit{animation-delay:128ms}.login-card-v2 .login-submit{transition:transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms ease,background-color 160ms ease}.login-card-v2 .login-submit:active{transform:scale(.97)}@keyframes seletto-login-card-in{from{opacity:0;transform:translateY(12px) scale(.988)}to{opacity:1;transform:none}}@keyframes seletto-login-brand-in{from{opacity:.55;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes seletto-login-content-in{to{opacity:1;transform:none}}@media(hover:hover) and (pointer:fine){.login-card-v2 .login-submit:hover{transform:translateY(-1px);background:#fff;box-shadow:0 16px 34px rgba(255,255,255,.16)}}@media(prefers-reduced-motion:reduce){.login-card-v2,.login-brand-v2,.login-body>h1,.login-body>p,.login-body>.login-dots,.login-body>.login-field,.login-body>.login-submit{animation:none;opacity:1;transform:none}.login-card-v2 .login-submit{transition:background-color 160ms ease}.login-card-v2 .login-submit:active{transform:none}}
