:root{color-scheme:dark;--bg:#07111f;--surface:#0c1b2d;--surface-2:#11243a;--line:#213b55;--text:#f6f9fc;--muted:#91a8bf;--green:#20c982;--green-dark:#0f7b54;--blue:#2eb7ef;--danger:#ff6678;--radius:16px;--shadow:0 20px 60px rgba(0,0,0,.22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{color:inherit}.boot{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:9px;background:var(--bg)}.boot span,.loading-card span{width:28px;height:28px;border:3px solid #294158;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.boot strong{font-size:22px}.boot small,.loading-card p{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 15% 20%,#123157 0,transparent 36%),var(--bg)}.auth-brand,.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,96px)}.auth-brand{align-items:flex-start}.brand-mark{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#12a8de);font-size:38px;font-weight:900;box-shadow:0 20px 50px rgba(32,201,130,.18)}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:20px}.auth-brand>p{font-weight:900;letter-spacing:.14em;margin:20px 0 0}.auth-brand>span{color:var(--green);font-weight:800}.auth-brand h1{font-size:clamp(38px,5vw,72px);line-height:1.02;margin:50px 0 20px;letter-spacing:-.05em}.auth-brand .auth-copy{max-width:580px;margin:0;color:var(--muted);font-size:18px;font-weight:500;letter-spacing:0}.auth-panel{background:rgba(5,15,28,.65);backdrop-filter:blur(12px)}.auth-card{width:min(460px,100%);margin:auto;padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card>small,.panel header small,.hero-card small,.order-heading small,.summary-card>small{color:var(--green);font-weight:900;letter-spacing:.12em}.auth-card h2{font-size:30px;margin:9px 0}.auth-card>p{color:var(--muted);margin:0 0 26px}
label{display:grid;gap:8px;color:#c7d7e6;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #2a4662;border-radius:10px;background:#0c1c30;color:var(--text);padding:12px 13px;outline:none;transition:.18s border,.18s box-shadow}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(32,201,130,.11)}textarea{resize:vertical}.auth-card label{margin:17px 0}.button{border:1px solid #31506c;border-radius:10px;background:#142a42;padding:11px 16px;font-weight:800;cursor:pointer;transition:.15s transform,.15s background}.button:hover:not(:disabled){transform:translateY(-1px);background:#19344f}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{border-color:#25d18a;background:linear-gradient(135deg,#14945f,#20bd7c);color:#fff}.button.ghost{background:#102238}.button.compact{padding:8px 14px}.button.wide{width:100%;margin-top:12px}.link-button{display:block;margin:18px auto 0;border:0;background:none;color:#8fcdf0;cursor:pointer}.message{padding:12px 14px;border-radius:10px;margin-top:16px;background:#19314a;color:#cce8fa}.message.error{border:1px solid #813747;background:#351826;color:#ffc3cb}.message.success{border:1px solid #176847;background:#0d3025;color:#98f2c7}.message.global{position:fixed;right:22px;top:82px;z-index:30;max-width:500px;box-shadow:var(--shadow)}
.shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0c1a2c;border-right:1px solid var(--line);z-index:40}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:22px 18px;border-bottom:1px solid var(--line)}.sidebar-brand div:last-child{display:grid}.sidebar-brand span{color:var(--green);font-size:11px}.sidebar nav{padding:25px 10px;display:grid;gap:7px}.sidebar nav>small,.sidebar-footer small{padding:0 10px;margin-bottom:8px;color:#66829f;font-size:10px;letter-spacing:.14em;font-weight:900}.sidebar nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;background:none;padding:12px 13px;text-align:left;font-weight:750;color:#b9cbe0;cursor:pointer}.sidebar nav button i{width:23px;color:#79a1c5;font-style:normal;font-size:18px}.sidebar nav button:hover,.sidebar nav button.active{background:#172d45;border-color:#2e506e;color:#fff}.sidebar nav button.active i{color:var(--green)}.sidebar-footer{margin:auto 10px 12px;padding:16px 10px;border:1px solid var(--line);border-radius:12px;background:#0a1727;display:grid;gap:5px}.sidebar-footer span{color:var(--muted);font-size:12px}
.workspace{min-width:0}.topbar{height:82px;display:flex;align-items:center;gap:15px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(8,19,33,.92);backdrop-filter:blur(15px);position:sticky;top:0;z-index:25}.topbar h1{margin:0;font-size:25px;letter-spacing:-.025em}.topbar p{margin:3px 0 0;color:var(--muted);font-size:13px}.account{margin-left:auto;display:flex;align-items:center;gap:10px}.account>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1f3b56;color:#bfe8ff;font-weight:900}.account div{display:grid}.account small{color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:9px;background:#0d2034;width:38px;height:38px;cursor:pointer}.mobile-only{display:none}.content{padding:22px;max-width:1720px;margin:auto}.loading-card,.empty-state{min-height:260px;border:1px solid var(--line);border-radius:var(--radius);display:grid;place-content:center;justify-items:center;gap:12px;background:var(--surface);color:var(--muted)}.empty-state b{font-size:18px;color:var(--text)}.empty-state.error{border-color:#673242}
.dashboard{display:grid;gap:18px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px;border:1px solid #195f4a;border-radius:var(--radius);background:linear-gradient(125deg,#0d2d2a,#0b1c30 68%)}.hero-card h2{margin:8px 0 5px;font-size:30px}.hero-card p{margin:0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metrics article{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics b{display:block;margin:8px 0 3px;font-size:27px}.danger-text{color:var(--danger)!important}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.panel>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.panel h2,.panel h3{margin:5px 0 0}.panel header p{margin:5px 0 0;color:var(--muted);font-size:13px}.filterbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:15px 20px;background:#0a1829}.filterbar label{width:min(440px,100%)}.filterbar span{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:14px 16px;border-bottom:1px solid #1d3349;text-align:left}th{color:#85a7c5;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#10223a}td{font-size:13px}td small{display:block;margin-top:4px;color:var(--muted)}tbody tr:hover{background:#10253b}.status{display:inline-flex;padding:6px 9px;border:1px solid #396189;border-radius:999px;background:#132a43;color:#c8e5ff;font-size:11px;font-weight:800}.pagination{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px}
.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.order-main{display:grid;gap:15px;min-width:0}.order-heading,.form-card,.summary-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.order-heading{padding:20px;display:flex;align-items:center;justify-content:space-between}.order-heading h2{margin:5px 0;font-size:27px}.order-heading p{margin:0;color:var(--muted)}.save-state{padding:8px 11px;border-radius:999px;background:#13283c;color:#8eacc7;font-size:12px}.form-card>header{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}.form-card>header>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#123e3a;color:#58e6ad;font-weight:900}.form-card>header div{min-width:0}.form-card>header h3{margin:0}.form-card>header p{margin:3px 0 0;color:var(--muted);font-size:12px}.form-card>header .button{margin-left:auto}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}.form-grid .wide{grid-column:span 2}.item-row{display:grid;grid-template-columns:34px minmax(200px,2fr) repeat(3,minmax(110px,1fr)) 34px;gap:10px;align-items:end;padding:15px 18px;border-bottom:1px solid var(--line)}.item-row:last-child{border-bottom:0}.item-number{align-self:center;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#16334c;color:#8edaff;font-weight:900}.remove-item{width:34px;height:42px;border:1px solid #6e3241;border-radius:9px;background:#351a25;color:#ff9baa;cursor:pointer}.order-summary{position:sticky;top:100px}.summary-card{padding:20px;border-color:#1d674f}.summary-card h3{margin:8px 0 18px}.summary-count{display:grid;padding:14px;border-radius:12px;background:#10263d;margin-bottom:14px}.summary-count span{color:var(--muted);font-size:12px}.summary-card dl{margin:0}.summary-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed #28445e}.summary-card dt{color:#a8bfd4}.summary-card dd{margin:0;font-weight:900}.summary-card dd input{width:115px;padding:8px;text-align:right}.summary-card .total{font-size:18px;color:var(--green)}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.order-summary{position:static}.form-grid{grid-template-columns:repeat(2,1fr)}.item-row{grid-template-columns:34px 2fr 1fr 1fr}.item-row label:nth-of-type(4){grid-column:2/4}.remove-item{grid-column:4;grid-row:1}}
@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{padding:20px}.shell{display:block}.sidebar{position:fixed;left:-250px;width:230px;transition:.2s left}.menu-open .sidebar{left:0;box-shadow:30px 0 80px #000}.mobile-only{display:grid}.topbar{height:72px;padding:0 12px}.topbar p,.account div{display:none}.content{padding:12px}.metrics{grid-template-columns:1fr}.hero-card{align-items:flex-start;flex-direction:column}.panel>header,.filterbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.item-row{grid-template-columns:28px 1fr 40px}.item-row label{grid-column:2}.item-row label:nth-of-type(4){grid-column:2}.remove-item{grid-column:3;grid-row:1}.order-heading{align-items:flex-start;flex-direction:column;gap:12px}.form-card>header{flex-wrap:wrap}.form-card>header .button{width:100%;margin-left:44px}}

/* Atendimento V17.1 */
.order-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#091727;overflow:auto}.order-progress button{min-width:138px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:11px;background:transparent;padding:10px;color:#829bb4;text-align:left;cursor:pointer}.order-progress button:hover{background:#10243a;color:#dceafa}.order-progress button.active{border-color:#20785b;background:#10352f;color:#fff}.order-progress button.complete{color:#9bdcbe}.order-progress button i{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#142d45;color:#a9c7df;font-style:normal;font-weight:900}.order-progress button.active i,.order-progress button.complete i{background:#137951;color:#8af2c1}.order-progress button span{min-width:0;display:grid;gap:2px}.order-progress button b{font-size:13px}.order-progress button small{overflow:hidden;color:inherit;font-size:10px;opacity:.75;text-overflow:ellipsis;white-space:nowrap}
.step-panel{overflow:hidden}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-top:1px solid var(--line);background:#091827}.product-categories{display:flex;gap:8px;padding:16px 18px 5px;overflow-x:auto}.product-categories button{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid #31506c;border-radius:999px;background:#0c2034;padding:9px 12px;color:#b5cade;font-size:12px;font-weight:800;cursor:pointer}.product-categories button:hover,.product-categories button.active{border-color:#24c986;background:#123d37;color:#fff}.product-categories i{font-style:normal}.product-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 18px 18px}.product-quick-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px;border:1px solid #294861;border-radius:12px;background:#0b1e31;padding:11px;text-align:left;cursor:pointer}.product-quick-card:hover{border-color:#1fbb7b;background:#0e2a31}.product-quick-card>i,.product-icon{display:grid;place-items:center;border-radius:10px;background:#15324a;font-style:normal}.product-quick-card>i{width:42px;height:42px;font-size:22px}.product-quick-card span{min-width:0;display:grid;gap:4px}.product-quick-card b,.product-quick-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-quick-card b{font-size:12px}.product-quick-card small{color:var(--muted);font-size:10px}.product-quick-card em{color:var(--green);font-size:22px;font-style:normal}.product-empty{grid-column:1/-1;padding:22px;border:1px dashed #31506c;border-radius:12px;color:var(--muted);text-align:center}
.item-row{grid-template-columns:42px 34px minmax(190px,2fr) repeat(3,minmax(105px,1fr)) 34px}.product-icon{align-self:end;width:42px;height:42px;border:1px solid #294861;font-size:20px}.item-number{align-self:end;margin-bottom:6px}
.designer-flow{padding:18px}.designer-flow fieldset{min-width:0;margin:0 0 18px;padding:0 0 18px;border:0;border-bottom:1px solid var(--line)}.designer-flow fieldset:last-of-type{margin-bottom:0}.designer-flow legend{margin-bottom:11px;color:#dceafa;font-size:13px;font-weight:900}.designer-flow .form-grid{padding:4px 0 0}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #294861;border-radius:12px;background:#0b1e31;padding:13px;cursor:pointer}.choice-card:hover,.choice-card:has(input:checked){border-color:#26c889;background:#10352f}.choice-card input,.check-chip input{position:absolute;opacity:0;pointer-events:none}.choice-card i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#15324a;color:#73dcff;font-style:normal;font-size:20px}.choice-card span{display:grid}.choice-card small{margin-top:3px;color:var(--muted);font-weight:500}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.check-chip{position:relative;display:block;border:1px solid #31506c;border-radius:999px;background:#0b1e31;padding:9px 13px;color:#c2d4e6;cursor:pointer}.check-chip:hover,.check-chip:has(input:checked){border-color:#1fd08a;background:#116347;color:#fff}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:0}.payment-rule{margin:18px 18px 18px 0;padding:18px;border:1px solid #26634f;border-radius:13px;background:linear-gradient(150deg,#0c302b,#0b1c2d)}.payment-rule>small{color:var(--green);font-weight:900;letter-spacing:.11em}.payment-rule>b{display:block;margin:8px 0;font-size:20px}.payment-rule>p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.5}.payment-rule>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed #2a564c;font-size:12px}.payment-rule span{color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.review-grid article{display:grid;gap:6px;min-height:115px;padding:16px;border:1px solid #294861;border-radius:12px;background:#0b1e31}.review-grid small{color:#67d8a8;font-weight:900;letter-spacing:.09em}.review-grid b{font-size:16px}.review-grid span{color:var(--muted);font-size:12px;line-height:1.45}.summary-progress{height:7px;margin:15px 0 4px;border-radius:999px;background:#17334d;overflow:hidden}.summary-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20c982,#2eb7ef);transition:width .2s}
@media(max-width:1280px){.product-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-row{grid-template-columns:42px 30px minmax(180px,2fr) repeat(2,minmax(100px,1fr)) 34px}.item-row label:nth-of-type(4){grid-column:3/6}.remove-item{grid-column:6;grid-row:1}}
@media(max-width:980px){.order-progress{grid-template-columns:repeat(5,150px)}.product-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-layout{grid-template-columns:1fr}.payment-rule{margin:0 18px 18px}.item-row{grid-template-columns:42px 30px minmax(0,1fr) 40px}.item-row label{grid-column:3}.item-row label:nth-of-type(4){grid-column:3}.remove-item{grid-column:4;grid-row:1}.product-icon{grid-column:1}.item-number{grid-column:2}}
@media(max-width:760px){.order-progress{grid-template-columns:repeat(5,130px)}.order-progress button{min-width:0;padding:8px}.order-progress button small{display:none}.product-categories{padding-inline:14px}.product-quick-grid{grid-template-columns:1fr;padding-inline:14px}.choice-grid,.review-grid{grid-template-columns:1fr}.designer-flow{padding:14px}.payment-rule{margin:0 14px 14px}.step-actions{position:sticky;bottom:0;z-index:4;background:#091827}.step-actions .button{min-width:0;width:auto;margin:0}.item-row{padding-inline:14px}.product-icon{display:grid}.summary-card{padding:16px}}
.product-quick-card.needs-price{border-color:#6e5828}.product-quick-card.needs-price small{color:#ffc85a}.item-row.incomplete{background:rgba(128,39,52,.14);box-shadow:inset 3px 0 #ff6678}.item-row input[aria-invalid="true"]{border-color:#b94759;background:#261724}.item-row.item-pulse{animation:itemPulse .75s ease}@keyframes itemPulse{0%,100%{background:transparent}45%{background:rgba(32,201,130,.18)}}
.item-row{display:block;padding:0}.item-core{display:grid;grid-template-columns:42px 34px minmax(190px,2fr) repeat(3,minmax(105px,1fr)) 34px;gap:10px;align-items:end;padding:15px 18px}.item-core .item-number{align-self:end}.item-technical{border-top:1px solid #193249;background:#091827}.item-technical summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;color:#9fc4df;font-size:12px;font-weight:850;cursor:pointer;list-style:none}.item-technical summary::-webkit-details-marker{display:none}.item-technical summary span:before{content:"＋";display:inline-block;width:20px;color:var(--green)}.item-technical[open] summary span:before{content:"−"}.item-technical summary small{overflow:hidden;color:#6f91ad;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:5px 18px 16px}.technical-grid select[name="segmento"]{text-transform:capitalize}.size-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start;padding:15px 18px;border-top:1px dashed #29445c}.size-section>div:first-child{display:grid;gap:4px}.size-section small,.field-help{color:var(--muted);font-size:11px;line-height:1.4}.size-grid{display:grid;grid-template-columns:repeat(8,minmax(48px,1fr));gap:7px}.size-grid label{gap:5px;text-align:center}.size-grid label span{color:#8eabc5;font-size:10px}.size-grid input{padding:9px 4px;text-align:center}.calculated{border-color:#227a5e;background:#0d3028}.designer-flow .field-help{margin:-4px 0 12px}.designer-targets .check-chip span{display:flex;align-items:center;gap:5px}
@media(max-width:1280px){.item-core{grid-template-columns:42px 30px minmax(180px,2fr) repeat(2,minmax(100px,1fr)) 34px}.item-core label:nth-of-type(4){grid-column:3/6}.item-core .remove-item{grid-column:6;grid-row:1}.technical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.size-grid{grid-template-columns:repeat(4,minmax(48px,1fr))}}
@media(max-width:980px){.item-core{grid-template-columns:42px 30px minmax(0,1fr) 40px}.item-core label{grid-column:3}.item-core label:nth-of-type(4){grid-column:3}.item-core .remove-item{grid-column:4;grid-row:1}.technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.size-section{grid-template-columns:1fr}}
@media(max-width:760px){.item-core{padding-inline:14px}.technical-grid{grid-template-columns:1fr;padding-inline:14px}.size-section{padding-inline:14px}.item-technical summary{align-items:flex-start;padding-inline:14px}.item-technical summary small{max-width:50%}.size-grid{grid-template-columns:repeat(4,minmax(45px,1fr))}}
.reference-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:5px;padding:16px;border:1px dashed #2f5872;border-radius:13px;background:#091a2b}.reference-box>div:first-child{display:grid;gap:4px}.reference-box>div:first-child small{color:var(--muted);font-size:11px}.reference-list{grid-column:1/-1;display:grid;gap:8px}.reference-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto 32px;gap:9px;align-items:center;padding:9px;border:1px solid #27445d;border-radius:10px;background:#0d2135}.reference-item>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#15334c;color:#6edab0;font-style:normal}.reference-item>span{min-width:0;display:grid}.reference-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.reference-item small{color:var(--muted);font-size:10px}.reference-item button{border:0;background:transparent;color:#8fcdf0;font-size:11px;font-weight:800;cursor:pointer}.reference-item button:last-child{color:#ff8291;font-size:18px}@media(max-width:760px){.reference-box{grid-template-columns:1fr}.reference-box>.button{width:100%}.reference-item{grid-template-columns:34px minmax(0,1fr) 30px}.reference-item button[data-open-reference]{display:none}}
.product-composer{margin:12px 18px 22px;border:1px solid #228361;border-radius:15px;background:#0a1a2b;box-shadow:0 18px 50px rgba(0,0,0,.16);overflow:hidden}.product-composer>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(120deg,#0d312c,#0d2034);border-bottom:1px solid #245343}.product-composer>header small{color:var(--green);font-weight:900;letter-spacing:.11em}.product-composer h4,.product-composer h5{margin:3px 0 0}.product-composer>header>button{width:34px;height:34px;border:0;border-radius:8px;background:#173049;color:#aac5da;font-size:20px;cursor:pointer}.composer-section{padding:20px 18px}.composer-section+.composer-section{border-top:1px solid #1d354b}.composer-section>h5,.section-heading h5{margin:0 0 14px;font-size:14px}.composer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.composer-grid.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.section-heading h5{margin:0}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.audience-tabs{display:flex;gap:6px;padding:4px;border-radius:10px;background:#081521}.audience-tabs button{border:0;border-radius:7px;background:transparent;padding:8px 11px;color:#86a2ba;font-size:11px;font-weight:850;cursor:pointer}.audience-tabs button.active{background:#176e52;color:#fff}.composer-sizes{display:grid;grid-template-columns:repeat(8,minmax(50px,1fr));gap:8px}.composer-sizes label{gap:5px;text-align:center}.composer-sizes label span{color:#8aa8c1;font-size:10px}.composer-sizes input{padding:10px 5px;text-align:center}.product-composer>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #234158;background:#081624}.added-items{margin-top:10px;border-top:1px solid var(--line)}.added-items>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 10px}.added-items>header small{color:#6f91ad;font-size:9px;font-weight:900;letter-spacing:.12em}.added-items>header h4{margin:3px 0 0}.added-items>header>b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#123c36;color:#63e4af}.items-empty{margin:0 18px 18px;padding:22px;border:1px dashed #294861;border-radius:12px;color:var(--muted);font-size:12px;text-align:center}.saved-item-line{display:grid;grid-template-columns:40px 30px minmax(180px,2fr) 70px 105px 115px auto 34px;gap:11px;align-items:center;padding:13px 18px}.saved-item-line .product-icon{align-self:center;width:40px;height:40px}.saved-item-line .item-number{align-self:center;margin:0}.saved-item-name{min-width:0;display:grid;gap:4px}.saved-item-name b,.saved-item-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-item-name b{font-size:13px}.saved-item-name small{color:var(--muted);font-size:10px}.saved-item-metric{display:grid;gap:3px}.saved-item-metric small{color:#7895ae;font-size:9px;text-transform:uppercase}.saved-item-metric b{font-size:12px}.saved-item-metric.total b{color:#64dfa9}.saved-item-line .remove-item{height:34px}.item-row.incomplete .saved-item-line{box-shadow:inset 3px 0 #ff6678}.item-row>input[type="hidden"]{display:none}
@media(max-width:1100px){.composer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-sizes{grid-template-columns:repeat(4,minmax(50px,1fr))}.saved-item-line{grid-template-columns:40px 30px minmax(160px,2fr) 60px 90px auto 34px}.saved-item-metric.total{display:none}}
@media(max-width:760px){.product-composer{margin-inline:12px}.composer-section{padding:17px 14px}.composer-grid,.composer-grid.compact-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.audience-tabs{width:100%;overflow-x:auto}.audience-tabs button{flex:1 0 auto}.composer-sizes{grid-template-columns:repeat(4,minmax(44px,1fr))}.product-composer>footer{position:sticky;bottom:0}.product-composer>footer .button{flex:1}.saved-item-line{grid-template-columns:36px 26px minmax(0,1fr) 34px;padding-inline:12px}.saved-item-metric,.saved-item-line>.button{grid-column:3}.saved-item-line>.button{width:max-content}.saved-item-line .remove-item{grid-column:4;grid-row:1}.added-items>header{padding-inline:13px}}
.product-composer label{font-size:15px}.product-composer input,.product-composer select,.product-composer textarea{min-height:48px;font-size:15px}.product-composer h5,.section-heading h5{font-size:17px}.section-heading p{font-size:13px;line-height:1.5}.composer-sizes label span{font-size:13px}.composer-sizes label span em{display:inline-block;margin-left:3px;font-size:10px;font-style:normal}.discount{color:#53dca3!important}.increase{color:#ffbd52!important}.size-heading-actions{display:flex;align-items:center;gap:12px}.pricing-link{border:0;background:transparent;color:#77c9ef;font-size:12px;font-weight:850;cursor:pointer}.size-adjustment-preview{margin-top:12px;padding:11px 13px;border-radius:9px;background:#0c2235;color:#a8c0d4;font-size:13px}.size-adjustment-preview b{color:#fff}.saved-item-name small{font-size:13px;line-height:1.45;white-space:normal}.saved-item-name b{font-size:15px}.saved-item-metric small{font-size:11px}.saved-item-metric b{font-size:14px}
.size-pricing-panel{margin:0 18px 20px;border:1px solid #3b6079;border-radius:13px;background:#0b1e31;overflow:hidden}.size-pricing-panel>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #29445c}.size-pricing-panel>header h5{margin:0;font-size:17px}.size-pricing-panel>header p{margin:4px 0 0;color:var(--muted);font-size:13px}.size-pricing-panel>header button{border:0;background:transparent;color:#b3cadc;font-size:20px;cursor:pointer}.size-pricing-panel>.audience-tabs{width:max-content;margin:14px 18px}.size-pricing-inputs{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr));gap:10px;padding:4px 18px 18px}.size-pricing-inputs label{text-align:center}.size-pricing-inputs label>span{font-size:13px}.size-pricing-inputs label>div{display:flex;align-items:center}.size-pricing-inputs input{min-width:0;border-radius:0 9px 9px 0;text-align:center}.size-pricing-inputs label b{height:48px;display:grid;place-items:center;padding:0 9px;border:1px solid #2a4662;border-right:0;border-radius:9px 0 0 9px;background:#102940;color:#8da9c0}.size-pricing-panel>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #29445c}
@media(max-width:980px){.size-heading-actions{align-items:flex-end;flex-direction:column}.size-pricing-inputs{grid-template-columns:repeat(4,minmax(65px,1fr))}}
@media(max-width:760px){.product-composer label{font-size:14px}.size-heading-actions{width:100%;align-items:flex-start}.pricing-link{font-size:13px}.size-pricing-panel{margin-inline:12px}.size-pricing-panel>.audience-tabs{width:calc(100% - 24px);margin-inline:12px}.size-pricing-inputs{grid-template-columns:repeat(2,minmax(75px,1fr));padding-inline:12px}.size-pricing-panel>footer .button{flex:1}}
.designer-operation{display:grid;gap:14px;padding:16px}.designer-general{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #2d414d;border-radius:13px;background:linear-gradient(135deg,#111d22,#10171c)}.designer-general>div:first-child{display:flex;align-items:center;gap:12px}.designer-general>div:first-child>svg{width:28px;height:28px;color:#55df82}.designer-general h4{margin:0}.designer-general p{margin:4px 0 0;color:var(--muted);font-size:12px}.designer-general-fields{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;width:min(560px,100%)}.designer-workflows{display:grid;gap:14px}.designer-workflow-card{overflow:hidden;border:1px solid #344650;border-radius:14px;background:#101a20}.designer-workflow-card.approved{border-color:#2bad65;box-shadow:0 0 0 1px rgba(49,208,104,.12)}.designer-workflow-card>header{display:grid;grid-template-columns:minmax(230px,1fr) minmax(160px,.7fr) auto;gap:16px;align-items:center;padding:15px 17px;border-bottom:1px solid #2b3b44;background:linear-gradient(120deg,#142128,#10191e)}.workflow-product{display:flex;align-items:center;gap:11px;min-width:0}.workflow-product .product-icon{flex:0 0 48px;width:48px;height:48px;border-radius:10px}.workflow-product span{min-width:0;display:grid;gap:2px}.workflow-product small,.workflow-grade small{color:#64d98a;font-size:9px;font-weight:900;letter-spacing:.1em}.workflow-product b,.workflow-product em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-product em{color:var(--muted);font-size:11px;font-style:normal}.workflow-grade{display:grid;gap:5px}.workflow-grade b{color:#cce0ec;font-size:12px}.production-release{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #604d29;border-radius:999px;background:#2d2718;color:#e9be55;font-size:11px;font-weight:850;white-space:nowrap}.production-release svg{width:15px;height:15px}.production-release.released{border-color:#24724c;background:#123425;color:#61e494}.workflow-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 17px 0}.workflow-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 17px}.workflow-brief textarea{min-height:82px}.workflow-areas{margin:0 17px 15px;padding:12px;border:1px solid #293d48;border-radius:10px}.workflow-areas legend{padding:0 6px;color:#b9ceda;font-size:12px;font-weight:800}.workflow-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 17px 17px}.workflow-upload-zone{overflow:hidden;border:1px dashed #396052;border-radius:12px;background:#0e181d}.workflow-upload-zone>summary,.workflow-upload-zone>header{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;gap:9px;align-items:center;padding:13px;cursor:pointer}.workflow-upload-zone>summary::marker{display:none}.workflow-upload-zone>summary>svg,.workflow-upload-zone>header>svg{color:#57db82}.workflow-upload-zone>summary span,.workflow-upload-zone>header span{display:grid;gap:3px}.workflow-upload-zone>summary small,.workflow-upload-zone>header small{color:var(--muted);font-size:10px}.workflow-upload-zone>summary em,.workflow-upload-zone>header em{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#17322a;color:#61df8b;font-size:11px;font-style:normal;font-weight:900}.workflow-upload-actions{padding:0 12px 12px}.workflow-upload-actions .button{width:100%}.workflow-upload-zone .reference-list{padding:0 12px 12px}.workflow-upload-zone .reference-item{grid-template-columns:34px minmax(0,1fr) auto 28px}.approved-art-zone{border-style:solid;border-color:#276b48;background:linear-gradient(145deg,#10251c,#10191d)}.designer-workflow-card.approved .client-reference-zone{opacity:.72}.designer-workflow-card.approved .approved-art-zone{box-shadow:inset 3px 0 #34d776}.designer-notes{padding:2px}.designer-notes textarea{min-height:85px}
@media(max-width:980px){.designer-general{align-items:flex-start;flex-direction:column}.designer-general-fields{width:100%}.designer-workflow-card>header{grid-template-columns:1fr auto}.workflow-grade{grid-column:1}.production-release{grid-column:2;grid-row:1}.workflow-files{grid-template-columns:1fr}}
@media(max-width:760px){.designer-operation{padding:12px}.designer-general-fields,.workflow-fields,.workflow-brief{grid-template-columns:1fr}.designer-workflow-card>header{grid-template-columns:1fr}.workflow-grade,.production-release{grid-column:1;grid-row:auto}.production-release{width:max-content}.workflow-fields{padding-inline:13px}.workflow-brief{padding-inline:13px}.workflow-areas{margin-inline:13px}.workflow-files{padding-inline:13px}}

/* Atendimento V17.5 — equipes, futebol e coletes */
.team-roster-section{background:#091b2b}.team-roster-heading{margin-bottom:14px}.team-roster-heading .button{flex:0 0 auto}.team-detail-field{max-width:440px;margin-bottom:16px}.roster-list{display:grid;gap:8px}.roster-labels,.roster-row{display:grid;grid-template-columns:minmax(230px,2fr) minmax(135px,1fr) minmax(105px,.75fr) minmax(90px,.6fr) 36px;gap:9px;align-items:end}.roster-labels{padding:0 0 0 38px;color:#7795af;font-size:11px;font-weight:850}.roster-row{position:relative;padding:10px 10px 10px 44px;border:1px solid #294861;border-radius:11px;background:#0c2135}.roster-row label span{display:none}.roster-index{position:absolute;left:12px;top:50%;width:24px;height:24px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:#14513f;color:#82e8bb;font-size:11px}.roster-row input{min-height:42px;padding:9px 11px}.roster-row>button{width:36px;height:42px;border:1px solid #7c3041;border-radius:9px;background:#391824;color:#ff8291;font-size:18px;cursor:pointer}.roster-row>button:hover{background:#632334;color:#fff}
@media(max-width:900px){.roster-labels{display:none}.roster-row{grid-template-columns:repeat(2,minmax(0,1fr)) 36px;align-items:end}.roster-row label span{display:block}.roster-row label:nth-of-type(3),.roster-row label:nth-of-type(4){grid-row:2}.roster-row>button{grid-column:3;grid-row:1}}
@media(max-width:600px){.team-roster-heading{align-items:stretch}.team-roster-heading .button{width:100%}.team-detail-field{max-width:none}.roster-row{grid-template-columns:1fr 36px;padding-left:42px}.roster-row label{grid-column:1}.roster-row label:nth-of-type(3),.roster-row label:nth-of-type(4){grid-row:auto}.roster-row>button{grid-column:2;grid-row:1}.roster-index{top:21px;transform:none}}

/* Atendimento V17.6 — identidade operacional e componentes profissionais */
:root{--bg:#080d12;--surface:#10171d;--surface-2:#151e25;--line:#29343c;--text:#f4f7f9;--muted:#9aa8b2;--green:#32d46b;--green-dark:#158f45;--blue:#64d8d2;--radius:14px;--shadow:0 20px 55px rgba(0,0,0,.28)}
body{background:radial-gradient(circle at 64% -20%,rgba(41,102,78,.12),transparent 34%),var(--bg)}.shell{grid-template-columns:222px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#111920,#0d1419);border-color:#263139}.sidebar-brand{padding:20px 18px}.brand-mark.small{background:linear-gradient(145deg,#20c9b1,#2ed66a);box-shadow:none}.sidebar nav{gap:9px}.sidebar nav button{padding:13px;border-radius:9px;font-weight:680}.sidebar nav button i,.ui-icon{width:20px;height:20px;stroke:currentColor}.sidebar nav button.active{border-color:#27583a;background:linear-gradient(90deg,rgba(42,189,91,.16),rgba(42,189,91,.06));color:#75ea94}.sidebar nav button.active i{color:#4adb79}.sidebar-footer{background:#101a21}
.topbar{height:82px;background:rgba(8,13,18,.94);border-color:#28333a}.topbar>div:first-of-type{min-width:240px}.global-search{position:relative;display:flex;align-items:center;width:min(520px,40vw);margin-left:auto;color:#82919a}.global-search>svg,.global-search>i{position:absolute;left:14px;width:18px;height:18px}.global-search input{height:44px;padding:10px 72px 10px 42px;border-color:#2b353c;background:#12191f}.global-search kbd{position:absolute;right:9px;padding:5px 7px;border:0;border-radius:6px;background:#252d33;color:#b6c0c6;font-size:10px}.account{margin-left:12px}.content{max-width:1750px;padding:20px}
.button{border-color:#34444e;background:#172128}.button.primary{border-color:#35ce6a;background:linear-gradient(135deg,#1e9d4d,#35cb68);box-shadow:0 8px 22px rgba(35,186,88,.14)}input,select,textarea{border-color:#344149;background:#111a21}input:focus,select:focus,textarea:focus{border-color:#43d476;box-shadow:0 0 0 3px rgba(50,212,107,.1)}
.order-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.order-main{gap:14px}.order-heading,.form-card,.summary-card{background:linear-gradient(145deg,#111a21,#0e151a);border-color:#2b373f}.order-heading{padding:19px 22px}.order-heading p{font-size:14px}.save-state{border:1px solid #244454;background:#102634;color:#77b9da}.order-progress{padding:10px 12px;border-color:#2d383f;background:#0e151a}.order-progress button{position:relative;border-radius:9px}.order-progress button:not(:last-child):after{content:"";position:absolute;right:-8px;width:16px;border-top:1px dashed #465158}.order-progress button.active{border-color:#4fc678;background:#163b28}.order-progress button.active i,.order-progress button.complete i{background:#168f48;color:#fff}.form-card>header{padding:18px 20px}.form-card>header>span{background:#163d29;color:#5fe489}
.client-sections{display:grid;gap:12px;padding:16px}.subform-card{overflow:hidden;border:1px solid #2b373f;border-radius:12px;background:#111920}.subform-card>header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #29343b}.subform-card>header>svg{color:#4bd978}.subform-card h4{margin:0}.subform-card p{margin:3px 0 0;color:var(--muted);font-size:11px}.subform-card .form-grid{padding:16px}.address-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.delivery-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 16px}.delivery-card,.payment-card{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #344149;border-radius:11px;background:#121a20;padding:14px;cursor:pointer}.delivery-card:has(input:checked),.payment-card:has(input:checked){border-color:#3bd06d;background:linear-gradient(145deg,rgba(37,156,78,.23),rgba(19,42,31,.7));box-shadow:inset 0 0 0 1px rgba(76,227,123,.14)}.delivery-card input,.payment-card input{position:absolute;opacity:0}.delivery-card>svg,.payment-card>svg{flex:0 0 auto;width:28px;height:28px;color:#64d99a}.delivery-card span,.payment-card span{display:grid;gap:3px}.delivery-card small,.payment-card small{color:var(--muted);font-weight:500}
.section-intro{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 5px}.section-intro h4{margin:0 0 4px;font-size:18px}.section-intro p{margin:0;color:var(--muted);font-size:12px}.section-intro>svg{color:#53d97d}.product-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px}.product-categories button{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:82px;border-color:#313d45;border-radius:12px;background:linear-gradient(145deg,#151e24,#10171c);padding:13px;text-align:left}.product-categories button:hover,.product-categories button.active{border-color:#40c96d;background:linear-gradient(145deg,#162c21,#111d18)}.product-categories button>i{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#122a21;color:#62e48c}.product-categories button>i svg{width:25px;height:25px}.product-categories button span{display:grid;gap:3px}.product-categories button span b{font-size:13px}.product-categories button span small{overflow:hidden;color:var(--muted);font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.product-categories button em{color:#53d97d}.product-categories button em svg{width:17px}.product-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-quick-card{border-color:#303d45;background:#121b21}.product-quick-card:hover{border-color:#42cf70;background:#14251c}.product-quick-card>i{background:#172a22;color:#6cdf94}.product-quick-card>i .ui-icon{width:24px;height:24px}.product-quick-card em{color:#4add7b}
.added-items{margin:8px 18px 18px;border:1px solid #2d3940;border-radius:12px;overflow:hidden}.added-items>header{background:#121a20}.saved-item-line{background:#10181e}.saved-item-line:hover{background:#151f25}.product-icon{background:#f1f4f5!important;color:#172127!important}.product-icon .ui-icon{width:23px;height:23px}.saved-item-name small{color:#99a8b0}.item-number{background:#193a2a;color:#60de89}
.designer-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.designer-flow fieldset,.designer-flow>.form-grid,.designer-flow>.reference-box{margin:0;padding:16px;border:1px solid #2e3940;border-radius:12px;background:#111920}.designer-flow fieldset{border-bottom:1px solid #2e3940}.designer-flow>.form-grid{grid-column:1/-1}.designer-flow>.reference-box{grid-column:1/-1}.choice-card{background:#121b21}.choice-card i{background:#152b21;color:#56db83}.choice-card i .ui-icon{width:22px;height:22px}.upload-zone{min-height:220px;grid-template-columns:1fr;place-items:center;text-align:center;border:1px dashed #328e50!important;background:linear-gradient(145deg,#121d20,#10191e)!important}.upload-zone .upload-copy{display:grid;justify-items:center;gap:7px}.upload-zone .upload-copy>svg{width:54px;height:54px;color:#4bd978}.upload-zone .upload-copy b{font-size:18px}.upload-zone .upload-copy small{max-width:560px}.upload-zone>.button{min-width:220px}.upload-zone .reference-list{width:100%;text-align:left}
.payment-layout{grid-template-columns:minmax(0,1fr) 290px;padding:16px;gap:14px}.payment-content{display:grid;gap:14px}.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payment-card{min-height:112px;flex-direction:column;justify-content:center;text-align:center}.payment-card>svg{width:32px;height:32px}.payment-fields{padding:16px;border:1px solid #2e3940;border-radius:12px;background:#111920}.payment-rule{margin:0;background:linear-gradient(155deg,#14271c,#10191e);border-color:#2e6b42}.payment-rule>svg{width:38px;height:38px;margin-bottom:10px;color:#48d476}
.summary-card{padding:19px}.summary-count{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;background:#142129}.summary-count>svg{color:#51dc7e}.summary-count>div{display:grid}.summary-card .total{font-size:19px}.summary-assurances{display:grid;gap:9px;margin-top:12px}.summary-assurances article{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #2a373e;border-radius:11px;background:#10181e}.summary-assurances svg{flex:0 0 auto;color:#4bdd7b}.summary-assurances div{display:grid;gap:2px}.summary-assurances b{font-size:12px}.summary-assurances small{color:var(--muted);font-size:10px}
.reference-item>i{color:#54d980}.reference-item>i .ui-icon{width:20px;height:20px}.review-grid article{background:#111a20;border-color:#2d3940}
@media(max-width:1350px){.product-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.order-layout{grid-template-columns:minmax(0,1fr) 290px}.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){.global-search{width:min(420px,38vw)}.order-layout{grid-template-columns:1fr}.order-summary{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.summary-assurances{margin:0}.product-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.global-search{display:none}.address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-options,.product-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-flow{grid-template-columns:1fr}.designer-flow>.form-grid,.designer-flow>.reference-box{grid-column:auto}.payment-layout{grid-template-columns:1fr}.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.order-summary{grid-template-columns:1fr}}
@media(max-width:560px){.client-sections{padding:10px}.subform-card .form-grid,.address-grid{grid-template-columns:1fr}.delivery-options,.product-categories,.payment-methods{grid-template-columns:1fr}.product-categories button{min-height:72px}.section-intro>svg{display:none}.designer-flow{padding:10px}.payment-layout{padding:10px}.summary-assurances{display:none}}

/* V17.7 — catálogo visual original, colorido e com produtos reais */
.product-categories button{grid-template-columns:72px minmax(0,1fr) 20px;min-height:108px;overflow:hidden;border-color:rgba(255,255,255,.11);box-shadow:0 12px 28px rgba(0,0,0,.16)}.product-categories button:nth-child(1){background:linear-gradient(135deg,#163629,#111b19)}.product-categories button:nth-child(2){background:linear-gradient(135deg,#173c2b,#12221b)}.product-categories button:nth-child(3){background:linear-gradient(135deg,#4a2225,#251719)}.product-categories button:nth-child(4){background:linear-gradient(135deg,#29336a,#181c35)}.product-categories button:nth-child(5){background:linear-gradient(135deg,#342064,#1f1738)}.product-categories button:nth-child(6){background:linear-gradient(135deg,#63341a,#2c1c14)}.product-categories button:nth-child(7){background:linear-gradient(135deg,#153b67,#112238)}.product-categories button:hover,.product-categories button.active{border-color:#58e685;transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(72,224,119,.18)}.product-categories button>i.category-art{width:72px;height:72px;overflow:hidden;border:2px solid rgba(255,255,255,.16);border-radius:15px;background:#edf2f1;box-shadow:0 9px 20px rgba(0,0,0,.25)}.category-art img,.product-photo{width:100%;height:100%;display:block;object-fit:cover}.product-categories button span b{font-size:15px}.product-categories button span small{font-size:11px;line-height:1.35;white-space:normal}.product-categories button em{width:20px;height:20px}
.product-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-quick-card{grid-template-columns:62px minmax(0,1fr) 28px;min-height:82px;padding:9px;border-color:rgba(255,255,255,.12);background:linear-gradient(135deg,#17232a,#11191e);box-shadow:0 10px 22px rgba(0,0,0,.13)}.product-quick-card:nth-child(4n+1){background:linear-gradient(135deg,#16362b,#111c18)}.product-quick-card:nth-child(4n+2){background:linear-gradient(135deg,#182d45,#111b28)}.product-quick-card:nth-child(4n+3){background:linear-gradient(135deg,#332453,#1d182b)}.product-quick-card:nth-child(4n+4){background:linear-gradient(135deg,#483022,#251b16)}.product-quick-card:hover{transform:translateY(-2px);border-color:#51dc7e;box-shadow:0 15px 30px rgba(0,0,0,.24)}.product-quick-card>i{width:62px;height:62px;overflow:hidden;border:2px solid rgba(255,255,255,.18);border-radius:12px;background:#eef2f2}.product-quick-card>i .product-photo{width:100%;height:100%;object-fit:cover}.product-quick-card b{font-size:13px}.product-quick-card small{font-size:11px}.product-quick-card em{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(36,210,105,.16);font-size:24px}
.product-icon{overflow:hidden;padding:0!important;border:2px solid rgba(255,255,255,.16)!important;background:#e8eeec!important}.product-icon .product-photo{width:100%;height:100%;object-fit:cover}.saved-item-line{border-left:3px solid transparent}.item-row:nth-child(4n+1) .saved-item-line{border-left-color:#43d979;background:linear-gradient(90deg,rgba(45,175,87,.09),transparent 32%)}.item-row:nth-child(4n+2) .saved-item-line{border-left-color:#51bff2;background:linear-gradient(90deg,rgba(55,151,210,.09),transparent 32%)}.item-row:nth-child(4n+3) .saved-item-line{border-left-color:#9e72ff;background:linear-gradient(90deg,rgba(128,84,221,.09),transparent 32%)}.item-row:nth-child(4n+4) .saved-item-line{border-left-color:#ff9855;background:linear-gradient(90deg,rgba(224,119,48,.09),transparent 32%)}
.metrics article{position:relative;overflow:hidden}.metrics article:after{content:"";position:absolute;right:-24px;top:-32px;width:100px;height:100px;border-radius:50%;opacity:.12}.metrics article:nth-child(1){border-color:#275f85;background:linear-gradient(135deg,#14283a,#101a22)}.metrics article:nth-child(1):after{background:#3eb8ff}.metrics article:nth-child(2){border-color:#723849;background:linear-gradient(135deg,#311b24,#171419)}.metrics article:nth-child(2):after{background:#ff657c}.metrics article:nth-child(3){border-color:#3e3474;background:linear-gradient(135deg,#241f45,#151525)}.metrics article:nth-child(3):after{background:#987cff}.metrics article:nth-child(4){border-color:#27674a;background:linear-gradient(135deg,#153627,#111c18)}.metrics article:nth-child(4):after{background:#3ddd7b}
.choice-card:nth-child(1):has(input:checked){background:linear-gradient(135deg,#173b2a,#112019)}.choice-card:nth-child(2):has(input:checked){background:linear-gradient(135deg,#173248,#111e29)}.choice-card:nth-child(3):has(input:checked){background:linear-gradient(135deg,#3b293f,#211821)}.payment-card:nth-child(1):has(input:checked){background:linear-gradient(145deg,#163e2d,#11241b)}.payment-card:nth-child(2):has(input:checked){background:linear-gradient(145deg,#46341b,#271e14)}.payment-card:nth-child(3):has(input:checked){background:linear-gradient(145deg,#1a3453,#121f2e)}.payment-card:nth-child(4):has(input:checked){background:linear-gradient(145deg,#3c2854,#21182d)}.payment-card:nth-child(5):has(input:checked){background:linear-gradient(145deg,#4b2427,#281719)}.payment-card:nth-child(6):has(input:checked){background:linear-gradient(145deg,#21413e,#142522)}
@media(max-width:850px){.product-categories button{grid-template-columns:62px minmax(0,1fr) 18px}.product-categories button>i.category-art{width:62px;height:62px}.product-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-categories button{min-height:96px}.product-quick-grid{grid-template-columns:1fr}.product-quick-card{grid-template-columns:58px minmax(0,1fr) 28px}.product-quick-card>i{width:58px;height:58px}}

/* V17.9 — bandeiras funcionais e máscaras do cliente */
.card-brand-section{padding:17px;border:1px solid #2e3940;border-radius:12px;background:linear-gradient(145deg,#111b22,#10171c)}.card-brand-section>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.card-brand-section h4{margin:0;font-size:16px}.card-brand-section p{margin:4px 0 0;color:var(--muted);font-size:11px}.card-brand-section>header svg{color:#5bdc86}.card-brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.brand-card{position:relative;display:grid;place-items:center;gap:8px;min-height:95px;padding:11px;border:1px solid #344149;border-radius:11px;background:#151d23;text-align:center;cursor:pointer}.brand-card input{position:absolute;opacity:0}.brand-card:has(input:checked){border-color:#4ddd7c;background:#17281d;box-shadow:0 0 0 2px rgba(70,220,118,.11)}.brand-card>b{font-size:10px;color:#afbec6}.brand-mark-card{min-width:68px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:7px;padding:0 9px;font-size:15px;font-weight:950;letter-spacing:-.04em;box-shadow:0 7px 16px rgba(0,0,0,.2)}.brand-card.visa .brand-mark-card,.brand-badge.visa{background:linear-gradient(135deg,#132d79,#1e59c4);color:#fff;font-style:italic}.brand-card.amex .brand-mark-card,.brand-badge.amex{background:#1774b8;color:#fff;font-size:12px;letter-spacing:-.06em}.brand-card.elo .brand-mark-card,.brand-badge.elo{background:conic-gradient(from 25deg,#f5cc32,#f5cc32 20%,#ed4b43 20%,#ed4b43 45%,#20b7c5 45%,#20b7c5 70%,#151515 70%);color:#fff;text-shadow:0 1px 3px #000}.brand-card.hipercard .brand-mark-card,.brand-badge.hipercard{background:#b5202b;color:#fff;font-size:11px}.brand-card.mastercard .brand-mark-card,.brand-badge.mastercard{position:relative;background:#f2f3f3}.brand-card.mastercard .brand-mark-card i,.brand-badge.mastercard i{width:27px;height:27px;border-radius:50%;background:#e51c2a}.brand-card.mastercard .brand-mark-card i+ i,.brand-badge.mastercard i+ i{margin-left:-9px;background:#f39a18;mix-blend-mode:multiply}
.accepted-brands{display:grid;gap:7px;margin:13px 0;padding:11px;border:1px solid #2b373e;border-radius:10px;background:#0e171d}.accepted-brands>small{color:#748791!important;font-size:9px;letter-spacing:.11em}.accepted-brands>div{display:flex;flex-wrap:wrap;gap:6px}.brand-badge{min-width:42px;height:25px;display:flex;align-items:center;justify-content:center;padding:0 6px;border-radius:5px;font-size:8px;font-weight:950;letter-spacing:-.04em}.brand-badge.mastercard i{width:17px;height:17px}.brand-badge.mastercard i+ i{margin-left:-6px}
@media(max-width:1050px){.card-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.card-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{min-height:86px}}