/* Painel de estoque — visual premium All Black */ .stock-shell-v2{display:grid;gap:18px;margin-top:10px}.stock-shell-v2 .panel{background:linear-gradient(180deg,#111114,#0d0d10);color:#f3f3f6;border:1px solid #26262d;border-radius:22px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.18)}.stock-shell-v2 .panel p{color:#a9abb6}.stock-shell-v2 .eyebrow{color:#90939f}.stock-command-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.stock-command-top h2{margin:10px 0 6px;font-size:31px;letter-spacing:-.05em}.stock-command-top p{margin:0;max-width:720px;font-size:14px;line-height:1.65}.stock-command-actions{display:flex;gap:10px;flex-wrap:wrap}.stock-command-actions .btn,.stock-shell-v2 .btn:not(.btn-secondary),.stock-modal .btn:not(.btn-secondary){background:#6f45ff;border:1px solid #6f45ff;color:#fff}.stock-shell-v2 .btn-secondary,.stock-modal .btn-secondary{background:#17171d;border:1px solid #33333d;color:#f1f2f6}.stock-source-switch{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.stock-source-pill{appearance:none;border:1px solid #2f2f38;background:#15151a;color:#d9dae3;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;transition:.2s ease}.stock-source-pill.selected{border-color:#7a58ff;background:linear-gradient(135deg,rgba(111,69,255,.26),rgba(111,69,255,.08));color:#fff;box-shadow:0 0 0 1px rgba(111,69,255,.22) inset}.stock-notice{margin-top:18px;background:#161d26!important;color:#d4e1ff!important;border:1px solid #30405f!important}.stock-notice .btn{margin-left:10px} .stock-category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.stock-category-card{display:flex;align-items:center;gap:14px;border:1px solid #24242d;background:linear-gradient(180deg,#121217,#0f0f13);border-radius:20px;padding:16px;min-height:114px;color:#f5f6fa;text-align:left;cursor:pointer;transition:.2s ease;position:relative;overflow:hidden}.stock-category-card::after{content:"";position:absolute;inset:auto auto 0 0;width:100%;height:2px;background:transparent;transition:.2s ease}.stock-category-card:hover{transform:translateY(-1px);border-color:#353544}.stock-category-card.is-selected{border-color:#7a58ff;box-shadow:0 0 0 1px rgba(122,88,255,.35) inset,0 16px 42px rgba(92,64,193,.18)}.stock-category-card.is-selected::after{background:linear-gradient(90deg,#7a58ff,#9e83ff)}.stock-category-thumb{width:62px;height:62px;border-radius:16px;background:#181821;border:1px solid #2d2d36;display:grid;place-items:center;overflow:hidden;flex:0 0 62px}.stock-category-thumb img{width:100%;height:100%;object-fit:contain}.stock-thumb-icon{font-size:29px;color:#cfd3ff}.stock-category-copy{min-width:0;display:grid;gap:5px}.stock-category-copy strong{font-size:20px;letter-spacing:-.03em}.stock-category-copy small{color:#a7a8b6;font-size:12px;line-height:1.5}.stock-category-count{margin-left:auto;align-self:flex-start;background:#1c1c25;border:1px solid #2f2f39;border-radius:999px;padding:7px 10px;font-size:12px;color:#d8d9e5} .stock-subtypes-panel{background:#0f0f13;border:1px solid #24242d;border-radius:18px;padding:13px 14px}.stock-subtype-row{display:flex;gap:10px;overflow:auto;padding-bottom:2px}.stock-subtype-pill{white-space:nowrap;border:1px solid #2d2d35;background:#15151b;color:#cfd1da;border-radius:13px;padding:11px 16px;font-size:13px;font-weight:700;cursor:pointer}.stock-subtype-pill.is-selected{border-color:#7a58ff;background:rgba(111,69,255,.18);color:#fff} .stock-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stock-stat-card{display:flex;align-items:center;gap:14px;border:1px solid #24242d;background:#111116;color:#f5f6fa;border-radius:20px;padding:20px}.stock-stat-card strong{display:block;font-size:42px;line-height:1;font-family:Manrope,sans-serif;letter-spacing:-.06em}.stock-stat-card small{display:block;color:#a8aab4;font-size:13px;margin-top:6px}.stock-stat-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#1d1d25;color:#cfd2df;font-size:24px;flex:0 0 48px}.stock-stat-card.is-green .stock-stat-icon{background:#10281d;color:#48d78b}.stock-stat-card.is-yellow .stock-stat-icon{background:#312605;color:#ffd24d}.stock-stat-card.is-red .stock-stat-icon{background:#331419;color:#ff8493} .stock-toolbar-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.stock-search{display:flex;gap:10px;flex:1;min-width:min(100%,520px)}.stock-search input,.stock-model-search input{min-width:0;flex:1;padding:13px 15px;background:#101015;color:#f2f4f8;border:1px solid #2d2d35;border-radius:14px;outline:none}.stock-search input:focus,.stock-model-search input:focus{border-color:#7a58ff;box-shadow:0 0 0 3px rgba(122,88,255,.12)}.stock-toolbar-side{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stock-page-indicator{color:#9fa2ae;font-size:13px} .stock-table-panel{padding:0!important;overflow:hidden}.stock-table-head,.stock-table-row{display:grid;grid-template-columns:2.2fr 1.1fr .9fr .9fr .95fr .9fr .95fr .8fr 1.25fr;gap:14px;align-items:center}.stock-table-head{padding:18px 22px;border-bottom:1px solid #23232b;color:#9a9daa;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#111116}.stock-table-body{display:grid}.stock-table-row{padding:18px 22px;border-bottom:1px solid #1c1c23;background:linear-gradient(180deg,#0f0f13,#101015)}.stock-table-row:last-child{border-bottom:0}.stock-col{min-width:0;color:#f3f4f8;font-size:14px}.stock-col.product-name{display:flex;align-items:center;gap:12px}.stock-item-media{width:56px;height:64px;border-radius:14px;background:#181821;border:1px solid #272733;display:grid;place-items:center;overflow:hidden;flex:0 0 56px}.stock-item-media img{width:100%;height:100%;object-fit:contain}.stock-item-media span{font-size:28px;color:#8d91a3}.stock-item-copy{min-width:0}.stock-item-copy strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.stock-item-copy small{display:block;color:#8f92a0;margin-top:5px;font-size:12px}.stock-col.price{font-weight:800}.stock-color-dot{width:10px;height:10px;border-radius:999px;background:#7a58ff;display:inline-block;margin-right:8px;box-shadow:0 0 0 2px rgba(255,255,255,.04)}.stock-chip{display:inline-flex;align-items:center;justify-content:center;min-width:62px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;border:1px solid transparent}.stock-chip.neutral{background:#17171d;border-color:#2f2f36;color:#d5d8e4}.stock-chip.success{background:#11311e;color:#67e0a1}.stock-chip.info{background:#162742;color:#7db0ff}.stock-mini-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;border:1px solid transparent;min-width:70px}.stock-mini-badge.is-available{background:#13331f;color:#5ee39e}.stock-mini-badge.is-reserved{background:#332805;color:#ffd457}.stock-mini-badge.is-out{background:#3a151a;color:#ff8d99}.stock-table-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stock-table-actions button,.stock-pagination button{border:1px solid #33333c;background:#17171d;color:#ececf2;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.stock-table-actions button:hover,.stock-pagination button:hover{background:#22222a}.stock-table-actions .stock-danger{color:#ff9eae}.stock-empty{text-align:center;padding:40px 18px;color:#a4a7b2;background:#0f0f13}.stock-pagination{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #23232b;color:#9fa2ae;font-size:12px;background:#101015}.stock-pagination button:disabled{opacity:.38;cursor:not-allowed} .stock-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:16px}.stock-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(5px)}.stock-modal-card{position:relative;background:#101014;color:#f7f7f8;border:1px solid #3b3b42;box-shadow:0 24px 100px rgba(0,0,0,.55);border-radius:19px;max-width:820px;width:100%;max-height:min(92vh,1000px);overflow-y:auto;padding:26px}.stock-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.stock-modal-head h2{margin:6px 0;font-size:25px}.stock-modal-head .eyebrow{color:#69d6ae}.stock-modal-x{border:1px solid #48484e;background:#212126;color:white;width:34px;height:34px;border-radius:10px;font-size:24px;cursor:pointer}.stock-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.stock-modal .form-field{display:grid;gap:7px;min-width:0}.stock-modal .form-field label,.stock-upload label{font-size:12px;font-weight:650;color:#ddd}.stock-modal .form-field input,.stock-modal .form-field select,.stock-modal .form-field textarea,.stock-upload input{width:100%;border-radius:10px;border:1px solid #3e3e45;background:#202025;color:#f1f1f1;padding:11px;min-width:0;outline:none}.stock-modal .form-field input:focus,.stock-modal .form-field select:focus,.stock-modal .form-field textarea:focus{border-color:#7a58ff}.stock-modal #stock-form>.form-field{margin-top:14px}.stock-upload{display:grid;gap:9px;margin-top:17px;background:#19191d;border-radius:12px;padding:15px;border:1px dashed #484851}.stock-upload small{font-size:11px;line-height:1.6;color:#9999a5}.stock-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px}.stock-modal-actions .btn{padding:11px 17px}.stock-model-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.stock-model-search small{width:100%;color:#aaa;line-height:1.5}.stock-source-pill:focus-visible,.stock-category-card:focus-visible,.stock-subtype-pill:focus-visible,.stock-shell-v2 button:focus-visible,.stock-modal button:focus-visible{outline:2px solid #8f73ff;outline-offset:2px} @media(max-width:1200px){.stock-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-table-head,.stock-table-row{grid-template-columns:1.8fr 1fr .85fr .8fr .8fr .85fr .85fr .75fr 1fr}} @media(max-width:860px){.stock-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-command-top h2{font-size:26px}.stock-table-head{display:none}.stock-table-row{grid-template-columns:1fr;gap:10px;padding:16px}.stock-col{display:flex;justify-content:space-between;gap:12px}.stock-col::before{content:attr(class);display:none}.stock-col.product-name{justify-content:flex-start}.stock-col.model::before{content:"Modelo"}.stock-col.storage::before{content:"Armazenamento"}.stock-col.color::before{content:"Cor"}.stock-col.battery::before{content:"Bateria"}.stock-col.condition::before{content:"Estado"}.stock-col.price::before{content:"Preço"}.stock-col.quantity::before{content:"Estoque"}.stock-col.actions::before{content:"Ações"}.stock-col.model::before,.stock-col.storage::before,.stock-col.color::before,.stock-col.battery::before,.stock-col.condition::before,.stock-col.price::before,.stock-col.quantity::before,.stock-col.actions::before{display:block;color:#9598a6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stock-col.actions{display:block}.stock-table-actions{justify-content:flex-start}.stock-pagination{flex-wrap:wrap}.stock-search{min-width:100%}.stock-toolbar-row{align-items:stretch}.stock-toolbar-side{width:100%;justify-content:space-between}} @media(max-width:620px){.stock-shell-v2{gap:14px}.stock-shell-v2 .panel{padding:16px;border-radius:18px}.stock-command-top{align-items:stretch}.stock-command-actions{width:100%}.stock-command-actions .btn{flex:1}.stock-category-strip{grid-template-columns:1fr}.stock-category-card{min-height:96px;padding:14px}.stock-category-copy strong{font-size:18px}.stock-category-thumb{width:54px;height:54px}.stock-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stock-stat-card{padding:15px;border-radius:16px}.stock-stat-card strong{font-size:30px}.stock-stat-icon{width:42px;height:42px;font-size:20px}.stock-subtypes-panel{padding:10px}.stock-subtype-pill{padding:10px 13px;font-size:12px}.stock-modal{padding:8px}.stock-modal-card{max-height:95vh;padding:17px;border-radius:14px}.stock-form-grid{grid-template-columns:1fr}.stock-modal-head h2{font-size:21px}.stock-table-actions button{flex:1}.stock-model-search .btn{width:100%}} /* V3 — contagens globais, tipos reais e tabela compacta sem miniaturas */ .stock-shell-v3{display:grid;gap:16px;margin-top:6px;color:#f5f5f8} .stock-shell-v3 .panel{padding:20px 22px;border-radius:19px;border:1px solid #272730;background:#101014;box-shadow:none;color:#f3f3f7} .stock-shell-v3 .stock-command-panel{padding:20px 22px} .stock-shell-v3 .stock-command-top h2{font-size:29px;margin:5px 0 4px} .stock-shell-v3 .stock-command-top p{font-size:12px} .stock-shell-v3 .stock-source-switch{margin-top:14px} .stock-shell-v3 .btn:not(.btn-secondary){background:#7048f8;color:#fff;border:1px solid #7048f8} .stock-shell-v3 .btn-secondary{background:#18181f;color:#eeeef3;border:1px solid #34343e} .stock-shell-v3 .stock-category-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px} .stock-shell-v3 .stock-category-card{min-height:78px;padding:12px;gap:9px;border-radius:14px;background:#111115;border:1px solid #292932;box-shadow:none} .stock-shell-v3 .stock-category-card.is-selected{border-color:#875cff;box-shadow:0 0 0 1px #875cff33 inset;background:#171321} .stock-shell-v3 .stock-category-thumb{width:37px;height:41px;flex:0 0 37px;border-radius:10px;background:#1b1924} .stock-shell-v3 .stock-thumb-icon{font-size:19px} .stock-shell-v3 .stock-category-copy strong{font-size:14px;line-height:1.2} .stock-shell-v3 .stock-category-copy small{font-size:10px;line-height:1.3} .stock-shell-v3 .stock-category-count{padding:5px 7px;font-size:10px} .stock-shell-v3 .stock-subtypes-panel{padding:10px 12px;border-radius:12px} .stock-shell-v3 .stock-subtype-pill{font-size:12px;padding:9px 11px} .stock-shell-v3 .stock-subtype-pill small{margin-left:5px;font-size:10px;color:#a8a8b0} .stock-shell-v3 .stock-toolbar-row{gap:10px} .stock-shell-v3 .stock-search{margin:0;min-width:320px} .stock-shell-v3 .stock-search input{padding:11px 13px;border-radius:11px;font-size:13px} .stock-shell-v3 .stock-toolbar-side{gap:8px} .stock-shell-v3 .stock-page-indicator{font-size:11px} .stock-shell-v3 .stock-table-panel{padding:0!important;border-radius:16px;overflow-x:auto} .stock-shell-v3 .stock-table-head,.stock-shell-v3 .stock-table-row{display:grid;grid-template-columns:72px minmax(160px,220px) minmax(126px,170px) 96px minmax(88px,118px) 76px 96px 108px 78px 164px;gap:10px;align-items:center;justify-content:start;min-width:1170px} .stock-shell-v3 .stock-table-head{padding:10px 12px;font-size:10px;letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid #303039;background:#141419} .stock-shell-v3 .stock-table-row{padding:7px 12px;min-height:44px;background:#111115;border-bottom:1px solid #24242b} .stock-shell-v3 .stock-table-row:nth-child(even){background:#141419} .stock-shell-v3 .stock-table-row:last-child{border-bottom:0} .stock-shell-v3 .stock-col{display:block;min-width:0;font-size:11px;line-height:1.28;color:#dedee5;overflow-wrap:anywhere} .stock-shell-v3 .stock-col::before{display:none!important} .stock-shell-v3 .stock-col.id{color:#d4d5df;font-variant-numeric:tabular-nums;font-weight:650} .stock-shell-v3 .stock-col.product-name strong{font-size:12px;color:#fff;line-height:1.18;display:block} .stock-shell-v3 .stock-col.model{color:#bfc1cf} .stock-shell-v3 .stock-col.color{color:#dedee5} .stock-shell-v3 .stock-col.price{font-size:11px;white-space:nowrap;font-weight:750} .stock-shell-v3 .stock-chip,.stock-shell-v3 .stock-mini-badge{padding:5px 7px;min-width:0;border-radius:10px;font-size:10px;white-space:nowrap} .stock-shell-v3 .stock-table-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;justify-content:flex-start} .stock-shell-v3 .stock-table-actions button{font-size:10px;padding:6px 7px;border-radius:8px;white-space:nowrap} .stock-shell-v3 .stock-pagination{padding:10px 12px;font-size:11px} .stock-shell-v3 .stock-pagination button{padding:8px 10px} .stock-shell-v3 .stock-empty{padding:28px 12px} @media(max-width:760px){ .stock-shell-v3{gap:12px} .stock-shell-v3 .panel{padding:14px} .stock-shell-v3 .stock-command-top h2{font-size:23px} .stock-shell-v3 .stock-category-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .stock-shell-v3 .stock-category-card{min-height:72px;padding:9px} .stock-shell-v3 .stock-category-thumb{width:30px;height:34px;flex-basis:30px} .stock-shell-v3 .stock-thumb-icon{font-size:16px} .stock-shell-v3 .stock-category-copy strong{font-size:12px} .stock-shell-v3 .stock-category-copy small{font-size:9px} .stock-shell-v3 .stock-search{min-width:100%;flex-wrap:nowrap} .stock-shell-v3 .stock-table-head,.stock-shell-v3 .stock-table-row{min-width:1020px;grid-template-columns:68px 142px 120px 82px 80px 64px 78px 100px 60px 150px;gap:7px} .stock-shell-v3 .stock-toolbar-side{width:100%;justify-content:space-between} } /* Refino de densidade e contadores nas categorias */ .stock-shell-v3 .stock-category-strip{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))} .stock-shell-v3 .stock-category-card{position:relative;padding-right:34px} .stock-shell-v3 .stock-category-count{position:absolute;top:9px;right:9px;align-self:auto;margin:0} .stock-shell-v3 .stock-category-copy strong{font-size:13px} .stock-shell-v3 .stock-table-row{min-height:42px;padding-top:5px;padding-bottom:5px} @media(max-width:760px){.stock-shell-v3 .stock-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Ações de estoque: menu discreto, venda e etiquetas sem duplicar o nome do modelo. */ .stock-shell-v3 .stock-table-head,.stock-shell-v3 .stock-table-row{grid-template-columns:84px 196px 90px 118px 78px 100px 114px 73px 180px;gap:9px;min-width:1130px;width:max-content;max-width:none} .stock-shell-v3 .stock-table-head{width:100%;min-width:1130px} .stock-shell-v3 .stock-table-row{width:100%;min-width:1130px} .stock-shell-v3 .stock-table-panel{overflow:auto} .stock-shell-v3 .stock-id-wrap{display:flex;align-items:center;gap:8px;white-space:nowrap} .stock-more-button{display:grid;place-items:center;width:27px;height:27px;min-width:27px;border:1px solid #34343f;background:#191921;border-radius:8px;color:#d7dae7;font-size:19px;line-height:1;cursor:pointer} .stock-more-button:hover,.stock-more-button[aria-expanded=true]{background:#282237;border-color:#846aff;color:#fff} .stock-context-menu{position:fixed;z-index:5000;min-width:218px;max-width:calc(100vw - 16px);border:1px solid #393944;border-radius:12px;background:#17171d;color:#e5e6ef;padding:6px;box-shadow:0 20px 50px #000a;display:grid;gap:2px} .stock-context-title{padding:10px 12px 7px;font-size:11px;font-weight:750;color:#999da9;border-bottom:1px solid #30303b;margin-bottom:3px} .stock-context-menu button{cursor:pointer;text-align:left;border:0;border-radius:8px;background:transparent;color:#f1f1f5;padding:11px 12px;font-size:12px;font-weight:700} .stock-context-menu button:hover,.stock-context-menu button:focus-visible{background:#302647;outline:none} .stock-sale-card,.stock-files-card{max-width:700px} .stock-sale-card .stock-modal-head p,.stock-files-card .stock-modal-head p{margin:4px 0 0;color:#a8aab7;font-size:13px} .stock-sale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .stock-sale-field{display:grid;gap:7px;color:#d7d8de;font-size:12px;font-weight:650;min-width:0} .stock-sale-field input,.stock-sale-field select,.stock-client-search input{min-height:42px;width:100%;border:1px solid #41414b;background:#202027;color:#f7f7fa;border-radius:10px;padding:9px 11px;outline:none;font:inherit} .stock-sale-field input:focus,.stock-sale-field select:focus,.stock-client-search input:focus{border-color:#8068ff} .stock-client-search{grid-column:1/-1;display:grid;gap:7px;color:#d7d8de;font-size:12px;font-weight:650} .stock-client-search>div{display:flex;gap:9px}.stock-client-search input{flex:1;min-width:0} .stock-sale-total{display:flex;justify-content:space-between;gap:14px;margin:22px 0 12px;border:1px solid #33333e;border-radius:12px;padding:14px;background:#181820;color:#a9aaba;font-size:13px;flex-wrap:wrap} .stock-sale-total strong{display:block;color:#f4f4fa;font-size:19px;margin-top:5px} .stock-sale-warning{font-size:12px;line-height:1.6;color:#bebfc9;background:#231e19;border:1px solid #51402d;border-radius:10px;padding:11px} .stock-sale-agreement{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#dadbe2;line-height:1.6;margin:18px 0 4px;cursor:pointer}.stock-sale-agreement input{margin-top:4px;accent-color:#8068ff} .stock-files-list{display:grid;gap:9px;margin-top:14px}.stock-files-list>p{color:#a9aab7} .stock-file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #36363e;border-radius:10px;padding:12px;color:#fff}.stock-file-row strong{display:block;font-size:13px}.stock-file-row small{color:#999ca8;font-size:11px}.stock-file-row a{font-size:12px;color:#ded3ff;font-weight:750} @media(max-width:760px){.stock-shell-v3 .stock-table-head,.stock-shell-v3 .stock-table-row{grid-template-columns:76px 172px 82px 105px 70px 94px 108px 66px 168px;gap:7px;min-width:1050px}.stock-sale-grid{grid-template-columns:1fr}.stock-sale-total{flex-direction:column}.stock-file-row{flex-direction:column;align-items:flex-start}} /* Fluxo de vendas completo — painel compacto All Black */ .stock-sale-card{max-width:880px;width:min(880px,96vw);padding:25px;background:#101015} .stock-sale-card .stock-modal-head{margin-bottom:18px} .stock-sale-card .stock-modal-head h2{letter-spacing:-.035em} .sale-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:19px} .sale-totals>div{padding:13px 15px;border:1px solid #30303c;background:#1a1a22;border-radius:13px;display:grid;gap:5px} .sale-totals small,.sale-discount-row small,.sale-cash-row small{color:#999bab;font-size:11px} .sale-totals strong,.sale-discount-row strong,.sale-cash-row strong{font-size:19px;color:#f4f4f8;font-weight:800} .sale-section{border:1px solid #2e2e3a;border-radius:16px;padding:17px;margin:13px 0;background:#15151b} .sale-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px} .sale-section-heading>span{background:#29223c;border:1px solid #493378;color:#c9baff;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800} .sale-section-heading h3{font-size:16px;letter-spacing:-.02em;color:#fff;margin:0} .sale-section .stock-sale-grid{gap:14px} .stock-sale-card .stock-client-search{grid-column:1/-1;margin:0} .stock-sale-card .stock-client-search>div{display:flex;gap:9px;margin-top:6px} .stock-sale-card .stock-client-search input{flex:1;min-width:0} .sale-caption{font-size:11px;line-height:1.55;color:#8f90a0;margin:12px 0 0} .sale-lines{display:grid;gap:12px} .sale-line{background:#1b1b23;border:1px solid #353540;border-radius:13px;padding:14px} .sale-line-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px} .sale-line-heading strong{display:block;font-size:14px;color:#f7f7fc} .sale-line-heading small{display:block;font-size:11px;color:#9a9cae;margin-top:4px} .sale-remove{background:transparent;border:1px solid #4c3744;color:#f1b3c2;font-size:11px;border-radius:8px;padding:8px 9px;cursor:pointer} .sale-remove:disabled{opacity:.35;cursor:default} .sale-line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .sale-line-grid .sale-wide{grid-column:1/-1} .sale-line-footer{padding-top:12px;margin-top:11px;border-top:1px solid #33333c;font-size:12px;color:#999baa;text-align:right} .sale-line-footer strong{font-size:15px;color:#fff;margin-left:9px} .sale-product-search{display:flex;gap:9px;margin-top:16px} .sale-product-search input{min-width:0;flex:1;background:#202027;color:#fff;border:1px solid #41414b;border-radius:10px;padding:10px 12px} .sale-product-results{display:grid;gap:4px;margin-top:7px;max-height:170px;overflow:auto} .sale-product-results button{color:#e9e9f4;text-align:left;padding:9px 10px;background:#20202a;border:1px solid #363643;border-radius:8px;cursor:pointer;font-size:12px} .sale-product-results button:hover{background:#302846} .sale-discount-row,.sale-cash-row{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:17px} .sale-discount-row>.stock-sale-field,.sale-cash-row>.stock-sale-field{max-width:370px;width:100%} .sale-discount-row>div,.sale-cash-row>div{display:grid;gap:5px;text-align:right} .sale-payments{display:grid;gap:10px} .sale-payment-row{display:grid;grid-template-columns:1.5fr 1fr .75fr auto;gap:10px;align-items:end;background:#1b1b22;border:1px solid #333340;padding:12px;border-radius:12px} .sale-payment-row .sale-remove{min-height:42px} .sale-add-payment{background:none;color:#ccbaff;font-size:12px;font-weight:800;border:1px dashed #594b7f;border-radius:11px;padding:10px 12px;cursor:pointer;margin-top:11px} .sale-final-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px} .sale-final-summary span{display:grid;gap:4px;color:#9d9eae;font-size:11px} .sale-final-summary strong{color:#f8f8ff;font-size:16px} .sale-confirm .stock-sale-warning{margin-top:8px} .sale-confirm .stock-modal-actions{margin-top:14px} @media(max-width:760px){.stock-sale-card{padding:16px;max-width:98vw}.sale-totals{gap:6px}.sale-totals>div{padding:10px}.sale-totals strong{font-size:14px}.sale-section{padding:12px}.sale-line-grid{grid-template-columns:1fr}.sale-payment-row{grid-template-columns:1fr 1fr}.sale-payment-row>:first-child{grid-column:1/-1}.sale-payment-row .sale-remove{justify-self:end}.sale-discount-row,.sale-cash-row{align-items:stretch;flex-direction:column}.sale-discount-row>div,.sale-cash-row>div{text-align:left}.sale-final-summary{gap:5px}.sale-final-summary strong{font-size:12px}} .sale-client-new{display:inline-block;align-self:flex-start;margin-top:9px;background:none;border:0;color:#b9a7ff;font-weight:750;font-size:12px;cursor:pointer;padding:3px 0;text-align:left} .sale-client-create{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px;background:#22212a;border:1px solid #4a3a66;border-radius:11px} .sale-client-create[hidden]{display:none} .sale-client-create .btn{grid-column:1/-1;justify-self:start} @media(max-width:600px){.sale-client-create{grid-template-columns:1fr}} /* Lista de clientes visível durante o registro de venda. */ .stock-sale-card .stock-client-search{align-content:start} .stock-sale-card .stock-client-search>small{color:#9699a9;font-size:11px;line-height:1.5;font-weight:400} .sale-client-results{display:grid;gap:5px;margin-top:2px;min-width:0} .sale-client-status{padding:10px 12px;background:#1b1b22;border:1px solid #333440;border-radius:10px;font-size:12px;color:#b9bbca;font-weight:400;margin:0} .sale-client-status.is-error{color:#ffacac;border-color:#68414a} .sale-client-results-head{font-size:11px;color:#bcb9df;font-weight:700;letter-spacing:.015em;padding:3px 0} .sale-client-results-list{max-height:220px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:5px;padding-right:2px} .sale-client-result{appearance:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;text-align:left;background:#1d1d25;border:1px solid #393943;color:#fff;border-radius:10px;cursor:pointer;font-size:12px;min-width:0} .sale-client-result strong{font-size:12px;font-weight:750;overflow-wrap:anywhere} .sale-client-result span{color:#b7b8c8;font-size:11px;flex-shrink:0} .sale-client-result:hover,.sale-client-result:focus-visible{background:#302841;border-color:#906cff;outline:none} .sale-client-selected{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#15251d;border:1px solid #355944;border-radius:10px;padding:11px 13px} .sale-client-selected>div{display:grid;gap:4px;min-width:0} .sale-client-selected strong{font-size:11px;color:#79d9a0} .sale-client-selected span{font-size:12px;color:#e8f4ec;overflow-wrap:anywhere} .sale-client-selected button{flex-shrink:0;font-size:11px;padding:8px 10px;border:1px solid #427451;border-radius:8px;background:#193327;color:#baf0cb;cursor:pointer} @media(max-width:600px){.sale-client-result{align-items:flex-start;flex-direction:column;gap:4px}.sale-client-result span{flex-shrink:1}.sale-client-results-list{max-height:200px}} /* Sobrescreve o layout horizontal usado apenas no campo de busca. */ .stock-sale-card .stock-client-search>#sale-client-results{display:grid;gap:5px;margin-top:2px;min-width:0} /* Estoque responsivo premium: categorias tipográficas sem ícones. */ .stock-shell-v3 .stock-category-card{gap:0;padding:15px 46px 14px 15px;min-height:74px;align-items:center;justify-content:flex-start} .stock-shell-v3 .stock-category-copy{min-width:0;display:grid;gap:5px} .stock-shell-v3 .stock-category-copy strong{font-size:14px;line-height:1.2;overflow-wrap:anywhere} .stock-shell-v3 .stock-category-copy small{font-size:10px;line-height:1.25;color:#a2a4b1} .stock-shell-v3 .stock-category-count{font-size:11px;padding:5px 7px;min-width:23px;text-align:center} .stock-shell-v3 .stock-category-card.is-selected{background:#171420} /* Interação confortável em telas de tablets: cartões, sem scroll horizontal. */ @media(max-width:1050px){ .dashboard-content{min-width:0} .stock-shell-v3{min-width:0;width:100%;max-width:100%} .stock-shell-v3 .stock-table-panel{width:100%;min-width:0;overflow:visible!important;background:transparent;border:0;box-shadow:none} .stock-shell-v3 .stock-table-head{display:none!important} .stock-shell-v3 .stock-table-body{display:grid;gap:10px;min-width:0} .stock-shell-v3 .stock-table-row, .stock-shell-v3 .stock-table-row:nth-child(even){ width:100%;min-width:0;max-width:100%;box-sizing:border-box; display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"id id" "product product" "storage color" "battery condition" "price quantity" "actions actions"; gap:0 14px;align-items:start;justify-content:stretch; padding:14px 15px;margin:0;background:#141419; border:1px solid #30303a;border-radius:15px; } .stock-shell-v3 .stock-table-row .stock-col{min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:12px;overflow-wrap:anywhere} .stock-shell-v3 .stock-table-row .stock-col::before{display:none!important} .stock-shell-v3 .stock-table-row .stock-col:not(.id):not(.product-name):not(.actions)::before{display:block!important;content:attr(data-label);color:#8f91a2;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.07em;font-weight:750} .stock-shell-v3 .stock-table-row .stock-col.id{grid-area:id;display:flex;flex-direction:row;align-items:center;padding-bottom:9px;gap:6px;color:#bcbfcc;font-size:12px} .stock-shell-v3 .stock-table-row .stock-col.product-name{grid-area:product;display:block;padding:0 0 13px;margin-bottom:10px;border-bottom:1px solid #2c2c35} .stock-shell-v3 .stock-table-row .stock-col.product-name strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere} .stock-shell-v3 .stock-table-row .stock-col.storage{grid-area:storage} .stock-shell-v3 .stock-table-row .stock-col.color{grid-area:color} .stock-shell-v3 .stock-table-row .stock-col.battery{grid-area:battery} .stock-shell-v3 .stock-table-row .stock-col.condition{grid-area:condition} .stock-shell-v3 .stock-table-row .stock-col.price{grid-area:price;font-size:15px;color:#fff;white-space:normal} .stock-shell-v3 .stock-table-row .stock-col.quantity{grid-area:quantity} .stock-shell-v3 .stock-table-row .stock-col.storage, .stock-shell-v3 .stock-table-row .stock-col.color, .stock-shell-v3 .stock-table-row .stock-col.battery, .stock-shell-v3 .stock-table-row .stock-col.condition{padding:0 0 14px} .stock-shell-v3 .stock-table-row .stock-col.price, .stock-shell-v3 .stock-table-row .stock-col.quantity{padding:11px 0 13px;border-top:1px solid #282831} .stock-shell-v3 .stock-table-row .stock-col.actions{grid-area:actions;display:block;max-width:100%;padding-top:12px;border-top:1px solid #2c2c35} .stock-shell-v3 .stock-table-row .stock-table-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .stock-shell-v3 .stock-table-row .stock-table-actions button{width:100%;min-width:0;min-height:38px;font-size:12px;padding:8px 5px} .stock-shell-v3 .stock-table-row .stock-more-button{width:34px;height:34px;min-width:34px;font-size:21px} .stock-shell-v3 .stock-table-row .stock-id-wrap{gap:10px} .stock-shell-v3 .stock-table-row .stock-chip,.stock-shell-v3 .stock-table-row .stock-mini-badge{font-size:11px;padding:5px 9px} .stock-shell-v3 .stock-pagination{background:#151519;border:1px solid #30303a;border-radius:12px;margin-top:12px;gap:9px;flex-wrap:wrap} .stock-shell-v3 .stock-pagination button{min-height:38px} .stock-shell-v3 .stock-pagination span{text-align:center} } @media(max-width:760px){ /* Estoque: navegação visível em grade, sem faixa horizontal escondendo opções. */ .dashboard .sidebar.workspace-stock{padding:13px 14px 15px;background:#111114;min-width:0;width:100%;border-right:0;border-bottom:1px solid #292932} .dashboard .sidebar.workspace-stock .logo-m1x{display:block;font-size:18px;margin:0 0 9px;letter-spacing:-.04em;overflow-wrap:anywhere} .dashboard .sidebar.workspace-stock .sidebar-caption{display:block;font-size:9px;letter-spacing:.16em;margin:0 0 10px;color:#9294a1} .dashboard .sidebar.workspace-stock nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;width:100%} .dashboard .sidebar.workspace-stock .side-link{min-width:0;min-height:43px;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:5px;white-space:normal;font-size:11px;line-height:1.3;padding:10px 11px;border:1px solid #2b2b33;background:#18181d;border-radius:10px} .dashboard .sidebar.workspace-stock .side-link.active{background:#25202f;border-color:#7556df;color:#fff} .dashboard .sidebar.workspace-stock .side-ico{display:none} .dashboard .dashboard-content{padding:16px 12px 36px;min-width:0;max-width:100vw} .dashboard .admin-head{margin-bottom:16px;gap:9px} .dashboard .admin-head h1{font-size:23px} .dashboard .admin-head p{font-size:12px;line-height:1.5} .stock-shell-v3 .stock-command-panel{padding:16px} .stock-shell-v3 .stock-command-top{gap:12px} .stock-shell-v3 .stock-command-top h2{font-size:22px;line-height:1.2} .stock-shell-v3 .stock-command-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%} .stock-shell-v3 .stock-command-actions .btn{min-width:0;min-height:41px;padding:9px 7px;font-size:12px} .stock-shell-v3 .stock-source-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px} .stock-shell-v3 .stock-source-pill{min-height:42px;padding:9px 7px;font-size:11px;text-align:center} .stock-shell-v3 .stock-category-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .stock-shell-v3 .stock-category-card{padding:12px 38px 12px 12px;min-height:69px} .stock-shell-v3 .stock-category-copy strong{font-size:12px;line-height:1.25} .stock-shell-v3 .stock-category-copy small{font-size:10px} .stock-shell-v3 .stock-subtypes-panel{min-width:0;overflow:hidden} .stock-shell-v3 .stock-subtype-row{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#494954 transparent} .stock-shell-v3 .stock-toolbar-row{display:grid;gap:9px;min-width:0} .stock-shell-v3 .stock-search{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;max-width:100%;width:100%;gap:7px;flex-wrap:nowrap} .stock-shell-v3 .stock-search input{min-width:0;width:100%;min-height:42px;padding:10px 11px;font-size:12px} .stock-shell-v3 .stock-search .btn{min-width:72px;min-height:42px;padding:8px 12px} .stock-shell-v3 .stock-toolbar-side{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%;min-width:0} .stock-shell-v3 .stock-page-indicator{font-size:11px;white-space:normal} .stock-shell-v3 .stock-table-row{padding:13px 12px;gap:0 10px} .stock-shell-v3 .stock-table-row .stock-col.product-name strong{font-size:15px} .stock-shell-v3 .stock-pagination{justify-content:space-between;padding:11px 8px} .stock-shell-v3 .stock-pagination span{order:3;flex:0 0 100%;font-size:11px} /* Formulários de venda e edição aproveitam a largura real do telefone. */ .stock-modal{padding:6px;max-width:100vw;box-sizing:border-box} .stock-modal .stock-modal-card{width:100%;max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:16px;box-sizing:border-box} .stock-modal .stock-sale-card{width:100%;max-width:100%;padding:16px} .stock-modal .sale-section{min-width:0;max-width:100%} .stock-modal .stock-sale-grid{grid-template-columns:1fr} .stock-modal .sale-client-results,.stock-modal .sale-client-selected{min-width:0;max-width:100%} .stock-modal input,.stock-modal select,.stock-modal textarea{max-width:100%;min-width:0;box-sizing:border-box} } @media(max-width:360px){ .dashboard .sidebar.workspace-stock nav{grid-template-columns:1fr 1fr} .stock-shell-v3 .stock-category-card{padding:11px 31px 10px 9px} .stock-shell-v3 .stock-category-copy strong{font-size:11px} .stock-shell-v3 .stock-category-count{top:6px;right:5px;font-size:9px;padding:4px} .stock-shell-v3 .stock-table-row .stock-table-actions{gap:5px} .stock-shell-v3 .stock-table-row .stock-table-actions button{font-size:10px} } /* MOBILE — categorias em 3 colunas x 2 linhas, com páginas laterais por gesto. No desktop mantemos a tabela e os filtros já aprovados. */ .stock-mobile-lines{display:none} .stock-category-hint{display:none} .stock-context-divider{height:1px;background:#30303a;margin:5px 0} @media(max-width:760px){ .stock-shell-v3 .stock-category-browser{min-width:0;width:100%;max-width:100%;display:grid;gap:7px;overflow:hidden} .stock-shell-v3 .stock-category-strip{ display:grid!important; grid-template-columns:none!important; grid-template-rows:repeat(2,minmax(0,55px)); grid-auto-flow:column; grid-auto-columns:calc((100% - 12px)/3); gap:6px; width:100%;max-width:100%;min-width:0; overflow-x:auto;overflow-y:hidden; scroll-snap-type:x proximity;overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y; padding:1px 1px 4px;box-sizing:border-box; scrollbar-width:thin;scrollbar-color:#6147a0 #17171b; } .stock-shell-v3 .stock-category-card{ width:100%;min-width:0;min-height:0;height:55px; box-sizing:border-box;display:flex;align-items:flex-start; padding:7px 6px 5px!important; border-radius:10px;scroll-snap-align:start;order:var(--stock-mobile-order,0); } .stock-shell-v3 .stock-category-copy{width:100%;min-width:0;display:grid;gap:3px;padding-right:0} .stock-shell-v3 .stock-category-copy strong{font-size:10px;line-height:1.13;letter-spacing:0;overflow-wrap:anywhere;padding-right:0} .stock-shell-v3 .stock-category-copy small{font-size:8px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere} .stock-shell-v3 .stock-category-count{position:static;align-self:flex-end;margin-left:auto;margin-top:auto;flex-shrink:0;min-width:0;border:0;background:none;color:#aa9cf5;font-size:10px;padding:0 0 1px 5px} .stock-shell-v3 .stock-category-hint{display:block;margin:0;text-align:right;color:#c2b2ff;font-size:11px;font-weight:650;line-height:1.35;padding:0 2px 3px} .stock-shell-v3 .stock-category-hint span{font-size:16px;vertical-align:-1px;margin-left:4px} /* Lista mobile: linhas de duas alturas, sem cartões e sem rolagem lateral. */ .stock-shell-v3 .stock-table-panel{width:100%;border:1px solid #303039;border-radius:12px;background:#0e0e12;overflow:visible!important} .stock-shell-v3 .stock-table-head{display:none!important} .stock-shell-v3 .stock-table-body{display:block;width:100%;min-width:0} .stock-shell-v3 .stock-table-row, .stock-shell-v3 .stock-table-row:nth-child(even){ display:block!important;width:100%;min-width:0;max-width:100%;min-height:0; padding:7px 8px!important;margin:0; border:0;border-bottom:1px solid #292930;border-radius:0!important; background:#101014!important;box-shadow:none; } .stock-shell-v3 .stock-table-row:nth-child(even){background:#15151a!important} .stock-shell-v3 .stock-table-row:last-child{border-bottom:0} .stock-shell-v3 .stock-table-row>.stock-col{display:none!important} .stock-shell-v3 .stock-table-row>.stock-mobile-lines{display:grid;gap:5px;min-width:0;max-width:100%} .stock-shell-v3 .stock-mobile-primary{display:grid;grid-template-columns:24px minmax(52px,66px) minmax(0,1fr) auto;gap:5px;align-items:center;min-width:0} .stock-shell-v3 .stock-mobile-more{width:23px;height:23px;min-width:23px;min-height:23px;font-size:18px;border-radius:6px;padding:0} .stock-shell-v3 .stock-mobile-id{font-size:9px;color:#bfc2ce;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.02em} .stock-shell-v3 .stock-mobile-name{font-size:11px;color:#f3f3f7;line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:760} .stock-shell-v3 .stock-mobile-price{font-size:10px;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-weight:750;letter-spacing:-.025em} .stock-shell-v3 .stock-mobile-facts{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;padding-left:28px} .stock-shell-v3 .stock-mobile-fact{display:inline-flex;align-items:center;min-height:17px;border-radius:5px;padding:2px 4px;font-size:9px;line-height:1.15;color:#d3d3db;background:#202026;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} .stock-shell-v3 .stock-mobile-color{background:transparent;padding-left:0;padding-right:0} .stock-shell-v3 .stock-mobile-success{background:#113020;color:#7ee8a7} .stock-shell-v3 .stock-mobile-out{background:#341c21;color:#ff9e9e} .stock-shell-v3 .stock-mobile-condition{background:#1c2b46;color:#a3c1ff} .stock-shell-v3 .stock-pagination{margin:0;border:0;border-top:1px solid #30303a;border-radius:0;background:#101014} .stock-shell-v3 .stock-pagination span{font-size:10px} } @media(max-width:360px){ .stock-shell-v3 .stock-category-strip{grid-auto-columns:calc((100% - 10px)/3);gap:5px;grid-template-rows:repeat(2,minmax(0,53px))} .stock-shell-v3 .stock-category-card{height:53px;padding:6px 4px!important} .stock-shell-v3 .stock-category-copy strong{font-size:9px} .stock-shell-v3 .stock-category-copy small{font-size:7px} .stock-shell-v3 .stock-category-count{font-size:9px} .stock-shell-v3 .stock-mobile-primary{grid-template-columns:23px 59px minmax(0,1fr) auto;gap:4px} .stock-shell-v3 .stock-mobile-name{font-size:10px} .stock-shell-v3 .stock-mobile-price{font-size:9px} .stock-shell-v3 .stock-mobile-facts{gap:3px} .stock-shell-v3 .stock-mobile-fact{font-size:8px;padding:2px 3px} } /* MOBILE · refino compacto do estoque e do formulário de vendas. Apenas apresentação: não altera requisições nem cálculos. */ @media (max-width:760px){ /* Linha compacta: opções, ID, nome e preço em colunas independentes. */ .stock-shell-v3 .stock-mobile-primary{ display:grid;grid-template-columns:27px 62px minmax(0,1fr) max-content; gap:7px;align-items:center;min-width:0;width:100%; } .stock-shell-v3 .stock-mobile-more{grid-column:1;grid-row:1;width:27px;height:27px;min-width:27px;min-height:27px;margin:0} .stock-shell-v3 .stock-mobile-id{grid-column:2;grid-row:1;min-width:0;margin:0;white-space:nowrap;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:0} .stock-shell-v3 .stock-mobile-name{grid-column:3;grid-row:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .stock-shell-v3 .stock-mobile-price{grid-column:4;grid-row:1;min-width:0;font-size:10px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap} .stock-shell-v3 .stock-mobile-facts{padding-left:34px;gap:4px} /* Venda: menos cartões altos, menos margens e campos curtos em pares. */ .stock-modal .stock-sale-card{padding:12px!important} .stock-sale-card .stock-modal-head{margin-bottom:11px;gap:10px} .stock-sale-card .stock-modal-head h2{font-size:21px} .stock-sale-card .stock-modal-head p{font-size:11px;line-height:1.35} .stock-sale-card .sale-totals{gap:5px;margin-bottom:11px} .stock-sale-card .sale-totals>div{border-radius:9px;padding:8px 7px;gap:3px} .stock-sale-card .sale-totals small{font-size:10px} .stock-sale-card .sale-totals strong{font-size:13px;white-space:nowrap;letter-spacing:-.03em} .stock-sale-card .sale-section{padding:10px!important;margin:9px 0;border-radius:11px} .stock-sale-card .sale-section-heading{margin-bottom:10px;gap:7px} .stock-sale-card .sale-section-heading h3{font-size:14px} .stock-sale-card .sale-section-heading>span{padding:4px 6px;font-size:9px} .stock-sale-card .stock-sale-field{gap:4px;font-size:11px;min-width:0} .stock-sale-card .stock-sale-field>span{line-height:1.25;min-height:14px} .stock-sale-card .stock-sale-field input, .stock-sale-card .stock-sale-field select, .stock-sale-card .stock-client-search input{min-height:36px;height:36px;padding:7px 8px;border-radius:8px;font-size:12px;min-width:0;width:100%} .stock-sale-card .stock-sale-field input[type="datetime-local"]{font-size:11px;padding:6px 5px} .stock-sale-card .stock-client-search{grid-column:1/-1;gap:4px} .stock-sale-card .stock-client-search>div{gap:6px;margin-top:2px} .stock-sale-card .stock-client-search button.btn{min-height:36px;padding:6px 10px;font-size:11px} .stock-sale-card .stock-client-search>small{font-size:10px;line-height:1.3} .stock-sale-card .stock-client-search .sale-client-results-list{max-height:158px} .stock-sale-card .sale-client-result{padding:8px 9px} .stock-modal .stock-sale-card .stock-sale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;align-items:end} .stock-modal .stock-sale-card .stock-sale-grid>.stock-client-search{grid-column:1/-1} .stock-modal .stock-sale-card .stock-sale-grid>.sale-client-create{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px} .stock-modal .stock-sale-card .stock-sale-grid>.sale-client-create[hidden]{display:none} .stock-modal .stock-sale-card .stock-sale-grid>.sale-client-create>.stock-sale-field:first-child{grid-column:1/-1} .stock-modal .stock-sale-card .stock-sale-grid>.sale-client-create>.btn{grid-column:1/-1;justify-self:stretch} .stock-modal .stock-sale-card .stock-sale-grid>.stock-sale-field:has([data-sale-meta="clienteId"]){grid-column:1/-1} .stock-sale-card .sale-caption{font-size:10px;line-height:1.3;margin-top:8px} /* Item: quantidade e preço lado a lado; valor ao cliente e desconto na linha seguinte. */ .stock-sale-card .sale-lines{gap:8px} .stock-sale-card .sale-line{padding:10px;border-radius:10px} .stock-sale-card .sale-line-heading{gap:7px;margin-bottom:9px} .stock-sale-card .sale-line-heading strong{font-size:12px} .stock-sale-card .sale-line-heading small{font-size:10px} .stock-sale-card .sale-line-heading .sale-remove{padding:5px 7px} .stock-sale-card .sale-line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px} .stock-sale-card .sale-line-grid>.sale-wide{grid-column:1/-1} .stock-sale-card .sale-line-footer{padding-top:7px;margin-top:8px;font-size:11px} .stock-sale-card .sale-product-search{gap:5px;margin-top:10px} .stock-sale-card .sale-product-search input{min-width:0;height:36px;padding:7px;font-size:11px} .stock-sale-card .sale-product-search button{min-height:36px;padding:6px 8px;font-size:10px} .stock-sale-card .sale-product-results{margin-top:5px} .stock-sale-card .sale-discount-row{flex-direction:row;align-items:end;gap:8px;margin-top:10px} .stock-sale-card .sale-discount-row>.stock-sale-field{flex:1;min-width:0;max-width:none} .stock-sale-card .sale-discount-row>div{text-align:right;flex:0 0 auto;align-self:end;padding-bottom:3px} .stock-sale-card .sale-discount-row strong{font-size:14px} /* Pagamento: forma extensa, mas valor e parcelas na mesma linha. */ .stock-sale-card .sale-payments{gap:8px} .stock-sale-card .sale-payment-row{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px;padding:9px;border-radius:10px;align-items:end} .stock-sale-card .sale-payment-row>.stock-sale-field:first-child{grid-column:1/-1;grid-row:1;padding-right:73px} .stock-sale-card .sale-payment-row>.stock-sale-field:nth-child(2){grid-column:1;grid-row:2} .stock-sale-card .sale-payment-row>.stock-sale-field:nth-child(3){grid-column:2;grid-row:2} .stock-sale-card .sale-payment-row>.sale-remove{position:absolute;right:9px;top:26px;height:36px;min-height:36px;padding:5px 8px;font-size:10px} .stock-sale-card .sale-add-payment{margin-top:8px;padding:8px;font-size:11px} .stock-sale-card .sale-cash-row{flex-direction:row;align-items:end;gap:8px;margin-top:11px} .stock-sale-card .sale-cash-row>.stock-sale-field{flex:1;min-width:0;max-width:none} .stock-sale-card .sale-cash-row>div{text-align:right;flex:0 0 auto;align-self:end;padding-bottom:3px} .stock-sale-card .sale-cash-row strong{font-size:14px} .stock-sale-card .sale-final-summary{gap:6px;margin-bottom:12px} .stock-sale-card .sale-final-summary strong{font-size:12px} .stock-sale-card .stock-sale-warning{padding:9px;font-size:10px;line-height:1.4} .stock-sale-card .stock-sale-agreement{margin:10px 0 4px;font-size:11px} .stock-sale-card .stock-modal-actions{gap:7px;margin-top:11px} .stock-sale-card .stock-modal-actions .btn{padding:10px 12px;font-size:12px} } @media(max-width:350px){ .stock-shell-v3 .stock-mobile-primary{grid-template-columns:26px 56px minmax(0,1fr) max-content;gap:4px} .stock-shell-v3 .stock-mobile-more{width:26px;height:26px;min-width:26px;min-height:26px} .stock-shell-v3 .stock-mobile-id{font-size:9px} .stock-shell-v3 .stock-mobile-name{font-size:10px} .stock-shell-v3 .stock-mobile-price{font-size:9px} .stock-shell-v3 .stock-mobile-facts{padding-left:30px} .stock-sale-card .stock-sale-field input[type="datetime-local"]{font-size:10px} .stock-sale-card .sale-cash-row strong,.stock-sale-card .sale-discount-row strong{font-size:12px} } @media(max-width:760px){ .stock-shell-v3 .stock-mobile-more{box-sizing:border-box!important;padding:0!important;justify-self:start} } @media(max-width:760px){ .stock-shell-v3 .stock-table-row .stock-mobile-more{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;padding:0!important;box-sizing:border-box!important} } @media(max-width:350px){ .stock-shell-v3 .stock-table-row .stock-mobile-more{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important} } /* Desktop: tipos e modelos têm trilhos de rolagem independentes do restante da página. No celular, permanece a grade 3 x 2 já aprovada. */ .stock-shell-v3 .stock-rail-wrapper{min-width:0;max-width:100%} .stock-shell-v3 .stock-rail-footer{display:none} @media(min-width:761px){ .stock-shell-v3 .stock-category-browser{display:grid;gap:5px;overflow:hidden} .stock-shell-v3 .stock-category-strip{ display:grid;grid-template-columns:none; grid-template-rows:minmax(70px,auto); grid-auto-flow:column; grid-auto-columns:clamp(170px,17vw,205px); gap:10px;min-width:0;width:100%;max-width:100%; overflow-x:auto;overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin;scrollbar-color:#6952a0 #151519; padding:2px 2px 9px; box-sizing:border-box; } .stock-shell-v3 .stock-category-strip .stock-category-card{ scroll-snap-align:start;min-height:75px;width:100%; padding:13px 40px 13px 13px; border-radius:14px; } .stock-shell-v3 .stock-model-browser{display:grid;gap:4px;overflow:hidden} .stock-shell-v3 .stock-subtypes-panel{min-width:0;max-width:100%;padding:10px 12px} .stock-shell-v3 .stock-subtype-row{ display:flex;flex-wrap:nowrap;gap:8px; width:100%;max-width:100%;min-width:0; overflow-x:auto;overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin;scrollbar-color:#6952a0 #151519; padding:1px 1px 8px; box-sizing:border-box; } .stock-shell-v3 .stock-subtype-pill{flex:0 0 auto;scroll-snap-align:start} .stock-shell-v3 .stock-rail-wrapper.has-overflow>.stock-rail-footer{ display:flex;align-items:center;justify-content:space-between;gap:12px; min-height:27px;padding:0 3px; } .stock-shell-v3 .stock-rail-footer p{display:block;margin:0;color:#b6aecf;font-size:11px;line-height:1.3;font-weight:600} .stock-shell-v3 .stock-rail-controls{display:flex;gap:7px;align-items:center} .stock-shell-v3 .stock-rail-arrow{ display:grid;place-items:center;width:29px;height:27px; border-radius:8px;border:1px solid #383145; background:#1b1922;color:#dfd1ff; cursor:pointer;font-size:19px;line-height:1; } .stock-shell-v3 .stock-rail-arrow:hover{background:#30233f;border-color:#8060d2} .stock-shell-v3 .stock-rail-arrow:disabled{opacity:.3;cursor:default} .stock-shell-v3 .stock-category-strip,.stock-shell-v3 .stock-subtype-row{cursor:grab} .stock-shell-v3 .stock-rail-dragging{cursor:grabbing!important;user-select:none;scroll-snap-type:none!important} .stock-shell-v3 .stock-rail-dragging *{user-select:none} } /* Preserva o aviso da grade mobile após adicionar os controles exclusivos do desktop. */ @media(max-width:760px){ .stock-shell-v3 .stock-category-browser .stock-rail-footer{display:block} .stock-shell-v3 .stock-category-browser .stock-rail-controls{display:none} .stock-shell-v3 .stock-model-browser .stock-rail-footer{display:none} } /* Galeria vinculada ao MercadoPhone — visualização direta, limpa e responsiva. */ .stock-gallery-card{width:min(860px,96vw);max-width:860px;padding:24px} .stock-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 14px} .stock-gallery-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:39px;background:#7552ee;border:1px solid #8567f6;color:#fff;border-radius:11px;padding:10px 15px;font-size:12px;font-weight:750;cursor:pointer} .stock-gallery-upload:focus-within{outline:2px solid #b1a0ff;outline-offset:2px} .stock-gallery-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%} .stock-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:9px} .stock-gallery-item{min-width:0;margin:0;border:1px solid #2d2d36;border-radius:13px;background:#16161b;overflow:hidden} .stock-gallery-media{display:flex;align-items:center;justify-content:center;height:180px;background:#0b0b0e} .stock-gallery-media img,.stock-gallery-media video{display:block;width:100%;height:100%;object-fit:contain} .stock-gallery-media video{background:#08080b} .stock-gallery-missing{color:#999dab;font-size:12px;padding:16px;text-align:center} .stock-gallery-item figcaption{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:39px;padding:7px 10px;color:#cfd0d8} .stock-gallery-item figcaption span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px} .stock-gallery-remove{appearance:none;border:0;background:transparent;color:#ffa3ab;font-size:11px;font-weight:750;cursor:pointer;padding:5px;border-radius:6px} .stock-gallery-remove:hover,.stock-gallery-remove:focus-visible{background:#342027;color:#ffb8bf} .stock-gallery-note{color:#858896;font-size:11px;line-height:1.6;margin-top:16px} .stock-gallery-empty{grid-column:1/-1;padding:40px 12px;text-align:center;color:#a5a8b4;background:#141419;border:1px dashed #343440;border-radius:14px;font-size:13px} .stock-gallery-feedback:empty{display:none} .stock-gallery-feedback{font-size:12px;color:#b7a4ff;margin-bottom:6px} @media(max-width:760px){.stock-gallery-card{max-width:calc(100vw - 12px)!important;padding:14px!important}.stock-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stock-gallery-media{height:154px}.stock-gallery-head{gap:8px}.stock-gallery-upload{flex:1;padding:9px;min-width:0}.stock-gallery-item figcaption{padding:6px}.stock-gallery-item figcaption span{font-size:10px}} @media(max-width:365px){.stock-gallery-media{height:125px}.stock-gallery-grid{gap:7px}} /* Edição rápida: modelo fixo + duas linhas compactas de três campos. */ .stock-shell-v3 .stock-table-row.is-quick-open{border-bottom-color:#6c4eb2;background:#15131d} .stock-shell-v3 .stock-quick-editor{display:block;grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box;margin:10px 0 6px;padding:14px;border:1px solid #5a4387;border-radius:13px;background:#17141f;color:#f8f7ff} .stock-quick-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px 16px;margin-bottom:12px} .stock-quick-header strong{font-size:13px}.stock-quick-header span{font-size:11px;color:#ada7be} .stock-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .stock-quick-field,.stock-quick-model{min-width:0;display:grid;align-content:start;gap:5px;color:#c3bed3;font-size:11px;font-weight:650} .stock-quick-wide,.stock-quick-model{grid-column:1/-1} .stock-quick-model strong{display:flex;align-items:center;min-width:0;min-height:40px;box-sizing:border-box;padding:8px 11px;border:1px solid #484052;border-radius:8px;background:#201c29;color:#f7f4ff;font-size:14px;font-weight:700;overflow-wrap:anywhere} .stock-quick-field input,.stock-quick-field select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:40px;padding:8px 9px;border:1px solid #484052;border-radius:8px;background:#201c29;color:#f7f4ff;font-size:13px} .stock-quick-field :is(input,select):focus-visible{outline:2px solid #8f71f6;outline-offset:1px} .stock-quick-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:13px} .stock-quick-actions button{border:1px solid #4c425e;border-radius:8px;background:#272133;color:#e5dcff;padding:9px 11px;font-size:11px;font-weight:700;cursor:pointer} .stock-quick-actions .stock-quick-save{background:#754be5;color:#fff;border-color:#8a68fc} .stock-quick-actions button:disabled{opacity:.55;cursor:wait} @media(max-width:760px){ .stock-shell-v3 .stock-table-row.is-quick-open{display:flex!important;flex-direction:column!important;gap:0!important} .stock-shell-v3 .stock-table-row.is-quick-open>.stock-mobile-lines{width:100%} .stock-shell-v3 .stock-table-row.is-quick-open>.stock-quick-editor{display:block!important;width:100%;padding:12px;margin:9px 0 0} .stock-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .stock-quick-header span{font-size:10px} /* Safari iOS aplica zoom quando um campo focado usa fonte abaixo de 16px. */ .stock-shell-v3 .stock-quick-field input, .stock-shell-v3 .stock-quick-field select, .stock-shell-v3 .stock-search input{font-size:16px!important} .stock-quick-field input,.stock-quick-field select{padding:8px 5px;min-height:44px} .stock-quick-field span{font-size:10px;line-height:1.2;overflow-wrap:anywhere} } /* Captura de câmera com prévia e confirmação. */ .stock-gallery-camera-button{min-height:39px;border:1px solid #65529b;color:#e7dcff;background:#251d3c;border-radius:11px;padding:9px 14px;font-size:12px;font-weight:760;cursor:pointer} .stock-camera-stage{background:#101016;border:1px solid #5e4a8b;border-radius:14px;padding:13px;margin:2px 0 15px;display:grid;justify-items:center;gap:10px} .stock-camera-stage video,.stock-camera-preview{display:block;max-width:100%;width:min(520px,100%);height:auto;max-height:58vh;min-height:150px;object-fit:contain;border-radius:10px;background:#08080b} .stock-camera-stage p{margin:0;color:#aaa2b8;text-align:center;font-size:11px} .stock-camera-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .stock-camera-actions button{border:1px solid #534565;background:#24202e;color:#e4ddf3;font-weight:750;border-radius:9px;min-height:36px;padding:8px 15px;cursor:pointer;font-size:12px} .stock-camera-actions .stock-camera-primary{background:#7952ee;border-color:#9778ff;color:#fff} .stock-camera-actions button:disabled{opacity:.5;cursor:not-allowed} @media(max-width:760px){.stock-gallery-camera-button{flex:1}.stock-camera-stage{padding:9px}.stock-camera-stage video,.stock-camera-preview{max-height:48vh}} /* A busca de modelos fica imediatamente após o cabeçalho do cadastro. */ .stock-modal #stock-form>.stock-model-search:first-child{margin-top:0;margin-bottom:18px} .stock-modal .stock-ref-warning{color:#f1be6d;font-size:11px;line-height:1.4} /* Seletores pesquisáveis do cadastro MercadoPhone (sem alterar os IDs do ERP). */ .stock-modal #stock-form .stock-combo{position:relative;width:100%;min-width:0} .stock-modal #stock-form .stock-combo-native{display:none!important} .stock-modal #stock-form .stock-combo-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:11px 13px;text-align:left;font:inherit;font-size:13px;line-height:1.4;color:#f1f1f5;background:#202025;border:1px solid #484852;border-radius:10px;cursor:pointer;overflow-wrap:anywhere} .stock-modal #stock-form .stock-combo-trigger.is-empty{color:#a6a5b1} .stock-modal #stock-form .stock-combo-trigger::after{content:'⌄';color:#b5a6e7;font-size:18px;flex:0 0 auto} .stock-modal #stock-form .stock-combo-trigger[aria-expanded="true"],.stock-modal #stock-form .stock-combo-trigger:focus-visible{outline:2px solid #8364ee;outline-offset:1px;border-color:#8b73ff} .stock-modal .stock-combo-popup{position:fixed;z-index:20;box-sizing:border-box;display:flex;flex-direction:column;min-height:140px;padding:8px;background:#17171d;color:#f7f5ff;border:1px solid #7455c8;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.7)} .stock-modal .stock-combo-search{display:block;flex:0 0 auto;width:100%;min-height:40px;box-sizing:border-box;background:#25232e;color:#fff;border:1px solid #5b536f;border-radius:9px;padding:9px 12px;font:inherit;font-size:13px;outline:none} .stock-modal .stock-combo-search:focus{border-color:#a28cff;box-shadow:0 0 0 2px #8068ff44} .stock-modal .stock-combo-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:5px} .stock-modal .stock-combo-option{display:block;text-align:left;width:100%;border:0;border-radius:8px;background:transparent;color:#eeeaf6;padding:10px 11px;min-height:39px;cursor:pointer;font:inherit;font-size:13px;overflow-wrap:anywhere} .stock-modal .stock-combo-option:hover,.stock-modal .stock-combo-option:focus-visible{outline:none;background:#413167;color:#fff} .stock-modal .stock-combo-option[aria-selected="true"]{background:#342b52;color:#f1eaff} .stock-modal .stock-combo-empty{color:#aaa5b8;text-align:center;padding:17px 8px;font-size:12px} @media(max-width:620px){.stock-modal .stock-combo-popup{border-radius:10px}.stock-modal .stock-combo-option{min-height:42px}} /* Calculadora de lucro do cadastro MercadoPhone: apenas visualização, sem salvar novos campos. */ .stock-profit-preview{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #3a334e;background:#191624;border-radius:12px;color:#f5f4ff} .stock-profit-preview>div{display:grid;gap:5px;min-width:0}.stock-profit-preview span{font-size:11px;color:#bbb6ce}.stock-profit-preview strong{font-size:clamp(16px,1.7vw,21px);font-variant-numeric:tabular-nums;color:#83dfb1}.stock-profit-preview strong.negative{color:#ff8e96}.stock-profit-preview small{grid-column:1/-1;color:#a39eb1;font-size:10px;line-height:1.45} @media(max-width:550px){.stock-profit-preview{padding:11px;gap:8px}.stock-profit-preview strong{font-size:17px}} /* Consulta IMEI simples no cadastro MercadoPhone; nenhum estilo afeta os outros formulários. */ .stock-modal #stock-form .stock-imei-field{display:flex;flex-direction:column;gap:8px;min-width:0} .stock-modal #stock-form .stock-imei-field>.form-field{min-width:0} .stock-modal #stock-form .stock-imei-field button{align-self:flex-start;max-width:100%;white-space:normal} .stock-modal #stock-form .stock-imei-field [data-imei-feedback]{font-size:11px;color:#bcb6ce;line-height:1.4} .stock-modal #stock-form .stock-imei-field [data-imei-feedback]:empty{display:none} .stock-modal #stock-form .stock-imei-field button[hidden]{display:none!important} /* Identificação primeiro: captura e consulta de IMEI antes de selecionar o aparelho no ERP. */ .stock-modal #stock-form .stock-imei-top{margin:0 0 16px;padding:15px;border:1px solid #393341;background:#17151d;border-radius:13px;min-width:0} .stock-modal #stock-form .stock-imei-top-title{font-size:13px;font-weight:750;color:#f5f2ff;margin-bottom:13px} .stock-modal #stock-form .stock-imei-top-title small{display:block;font-size:11px;line-height:1.4;color:#a9a4b6;font-weight:400;margin-top:4px} .stock-modal #stock-form .stock-imei-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start} .stock-modal #stock-form .stock-imei-top-grid>.form-field,.stock-modal #stock-form .stock-imei-top-grid>.stock-imei-field{min-width:0} .stock-modal #stock-form .stock-imei-field{display:grid;gap:8px} .stock-modal #stock-form .stock-imei-field button{justify-self:start} .stock-modal #stock-form .stock-imei-top>[data-imei-feedback]{display:block;margin-top:9px;font-size:11px;line-height:1.45;color:#c6bcdd} .stock-modal #stock-form .stock-imei-top>[data-imei-feedback]:empty{display:none} @media(max-width:620px){.stock-modal #stock-form .stock-imei-top{padding:12px}.stock-modal #stock-form .stock-imei-top-grid{grid-template-columns:minmax(0,1fr);gap:11px}} /* Cadastro de produtos: impede zoom automático do Safari ao focar campos e mantém o campo de busca dos seletores legível no celular. Não bloqueia o zoom manual/acessibilidade nem altera a versão desktop. */ @media (max-width:760px) { .stock-modal #stock-form .form-field input, .stock-modal #stock-form .form-field select, .stock-modal #stock-form .form-field textarea, .stock-modal #stock-find-model, .stock-modal .stock-combo-search { font-size:16px !important; } } /* PDV no celular: a data da venda não cabe numa meia coluna de 10-11px. Mantém os demais campos compactos, mas reserva uma linha inteira ao calendário. */ @media (max-width:760px){ .stock-modal .stock-sale-card .stock-sale-grid>.stock-sale-field:has([data-sale-meta="dataVenda"]){ grid-column:1/-1;min-width:0;max-width:100% } .stock-modal .stock-sale-card .stock-sale-field input[type="datetime-local"]{ box-sizing:border-box;display:block;min-width:0;max-width:100%;width:100%; height:44px;min-height:44px;padding:8px 12px;font-size:16px!important; line-height:normal;color-scheme:dark } } /* Cadastro orientado do estoque proprio: todo o layout cabe em celular pequeno. */ .stock-modal #stock-form .stock-own-heading{display:grid;gap:4px;margin-bottom:14px;padding:12px 14px;border:1px solid #39313f;background:#1a171f;border-radius:12px} .stock-modal #stock-form .stock-own-heading strong{font-size:14px;color:#f7f5fa} .stock-modal #stock-form .stock-own-heading small{font-size:12px;line-height:1.5;color:#b6aabd} .stock-modal #stock-form .stock-own-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} .stock-modal #stock-form .stock-own-grid > *{min-width:0} .stock-modal #stock-form .stock-own-title-field,.stock-modal #stock-form .stock-own-model-preset,.stock-modal #stock-form .stock-own-manual-model{grid-column:1/-1} .stock-modal #stock-form .stock-own-grid [hidden]{display:none!important} @media(max-width:480px){ .stock-modal #stock-form .stock-own-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .stock-modal #stock-form .stock-own-grid .stock-combo-trigger{font-size:12px;min-height:45px;padding:10px 9px} .stock-modal #stock-form .stock-own-grid .form-field input{font-size:16px} } /* Consulta IMEI: resposta sempre visível dentro do formulário, inclusive no iPhone. */ .stock-modal #stock-form .stock-imei-top>[data-imei-feedback]{display:block;margin-top:12px;padding:10px 12px;border:1px solid #575065;border-radius:9px;color:#d8d0e3;background:#211d29;font-size:12px;line-height:1.5;overflow-wrap:anywhere} .stock-modal #stock-form .stock-imei-top>[data-imei-feedback][data-state="error"]{background:#321d23;border-color:#8d474b;color:#ffd8dc} .stock-modal #stock-form .stock-imei-top>[data-imei-feedback][data-state="success"]{background:#172c26;border-color:#37745f;color:#b4f4d9} .stock-modal #stock-form .stock-imei-top>[data-imei-feedback][data-state="loading"]{background:#211d29;border-color:#6b5c91;color:#e0d4ff} .stock-modal #stock-form .stock-imei-top>[data-imei-feedback]:empty{display:none} /* A notificação geral não pode ficar atrás da janela modal do estoque. */ body #toast{z-index:4001}