:root{--bg:#041414;--panel:#082321;--panel2:#0a2c28;--line:#17443f;--text:#f2f8f6;--muted:#91aaa5;--green:#24d8aa;--green2:#0cad83;--cyan:#4adfc6;--amber:#ffbd3d;--red:#ff6558;--shadow:0 22px 60px #0005;--radius:20px}
[hidden]{display:none!important}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:radial-gradient(circle at 72% 4%,#0b3430 0,transparent 32%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;min-height:100vh}.app-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 16px 18px;border-right:1px solid var(--line);background:#041817d9;backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{color:inherit;text-decoration:none;text-align:center;display:flex;flex-direction:column;line-height:.85;margin:4px 0 32px}.brand .crown{color:var(--green);font-size:24px}.brand strong{font:800 27px/1 "Manrope";letter-spacing:2px}.brand b{font:800 20px/1 "Manrope";letter-spacing:3px;color:var(--green)}.brand small{font-size:8px;letter-spacing:1px;margin-top:8px;color:#c6d5d2}.sidebar nav{display:grid;gap:7px}.nav-item{appearance:none;border:0;background:transparent;color:#c8d8d4;width:100%;padding:13px 14px;border-radius:14px;display:flex;align-items:center;gap:13px;font:500 15px "DM Sans";cursor:pointer;text-align:left;transition:.2s}.nav-item span{font-size:19px;width:23px}.nav-item:hover{background:#0b302c;color:white}.nav-item.active{background:linear-gradient(135deg,#08775e,#0a4b40);box-shadow:inset 0 0 0 1px #19b98f;color:white}.profile-card{margin-top:auto;border:1px solid var(--line);border-radius:16px;padding:11px;display:flex;gap:9px;align-items:center;background:#061c1b}.profile-card div:nth-child(2){min-width:0;flex:1}.profile-card strong,.profile-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card small{color:var(--muted);font-size:11px;margin-top:2px}.profile-card button{border:0;background:none;color:#b7c8c4}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d4a77e,#6f3e28);font-weight:800;font-size:12px;border:2px solid #fff3}.logout{margin-top:12px;border:1px solid var(--line);background:#092321;color:#dce9e6;border-radius:14px;padding:13px;font:500 15px inherit;cursor:pointer}main{padding:28px 30px 34px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;color:var(--green)}h1{margin:0;font:700 29px/1.1 "Manrope"}.role{margin:6px 0 0;color:var(--green);font-size:15px}.header-actions{display:flex;align-items:center;gap:11px}.search{height:43px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#071d1c}.search input{border:0;outline:0;background:transparent;color:white;width:185px;font:inherit}.search input::placeholder{color:#6f8e88}.date-chip,.icon-button,.ghost,.primary,.filter-chip{border:1px solid var(--line);background:#082521;color:#deeeea;border-radius:13px;padding:11px 14px;font:500 14px inherit;cursor:pointer}.date-chip{display:flex;gap:10px;align-items:center}.icon-button{width:43px;padding:10px;position:relative}.icon-button i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);right:7px;top:7px}.photo{width:43px;height:43px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.card{background:linear-gradient(145deg,#07211fef,#092b28db);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:19px;display:flex;align-items:center;gap:14px;min-height:120px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-40px;bottom:-55px;width:125px;height:125px;border-radius:50%;background:#18ca9630;filter:blur(5px)}.kpi-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#138267,#084b41);border:1px solid #1aad87;font-size:24px;flex:0 0 auto}.kpi small{color:#bfd0cc;font-size:13px}.kpi strong{display:block;font:700 26px/1.25 "Manrope";margin:2px 0}.trend{font-size:12px;color:var(--green)}.trend.neutral{color:#a9c2bc}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel h2{font:700 17px "Manrope";margin:0}.ghost{padding:8px 12px;color:var(--green);background:#07221f}.chart{height:225px;position:relative;border-left:1px solid #25514a;border-bottom:1px solid #25514a;margin:10px 8px 3px 38px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,#16423c 54px)}.chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.x-labels{position:absolute;left:0;right:0;bottom:-25px;display:flex;justify-content:space-between;color:#84a19b;font-size:11px}.y-labels{position:absolute;left:-38px;top:-5px;bottom:0;display:flex;flex-direction:column;justify-content:space-between;color:#84a19b;font-size:11px}.donut-wrap{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px}.donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(#13c897 0 20%,#17ac8b 20% 50%,#57dab9 50% 61%,#147c95 61% 79%,#0f697f 79% 93%,#3fb89a 93%);display:grid;place-items:center;position:relative}.donut:after{content:"";width:105px;height:105px;border-radius:50%;background:#08201f;position:absolute}.donut-center{z-index:1;text-align:center}.donut-center strong{font:800 33px "Manrope";display:block}.legend{display:grid;gap:10px}.legend-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c7d8d4}.legend-row span:first-child:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--dot);margin-right:8px}.lower-grid{display:grid;grid-template-columns:1.02fr .92fr 1.19fr;gap:14px;margin-top:14px}.alerts{display:grid;gap:9px}.alert{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #15433d;border-radius:13px;background:#082724}.alert .sym{font-size:21px}.alert strong{font-size:13px}.alert small{display:block;color:#a5bdb8;margin-top:3px}.products,.ranking{display:grid;gap:12px}.product-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;font-size:13px}.bar{height:4px;background:#17423d;border-radius:9px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#0ab285,#5ce1bd);border-radius:9px}.rank-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding-bottom:9px;border-bottom:1px solid #123a36;font-size:13px}.quick-actions{margin-top:14px;padding:16px 21px;display:grid;grid-template-columns:repeat(4,1fr)}.quick{display:flex;align-items:center;gap:11px;padding:4px 18px;border-right:1px solid #39746b;cursor:pointer}.quick:last-child{border:0}.quick .qicon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#095344;border:1px solid #0c8468;font-size:20px}.quick span{display:block;color:var(--green);font-size:13px}.quick small{color:#aac0bb}.page-tools{display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip.active{background:#08745c;color:white;border-color:#20c89e}.primary{background:linear-gradient(135deg,#16b88f,#08745e);border-color:#27d4aa;color:white;font-weight:700}.table-card{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:#86aaa2;text-transform:uppercase;letter-spacing:.7px;font-size:11px;padding:14px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:15px 16px;border-bottom:1px solid #123b36;font-size:13px}.data-table tr:hover td{background:#0c302c}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#0c4037;color:#5ee4bd;font-size:11px}.status.amber{background:#493713;color:#ffd16d}.status.blue{background:#103b4a;color:#68d7f4}.status.red{background:#48221f;color:#ff9086}.action-link{background:none;border:0;color:var(--green);font:600 12px inherit;cursor:pointer}.section-card{padding:22px}.section-title{font:700 24px "Manrope";margin:0 0 5px}.section-sub{color:var(--muted);margin:0 0 18px}.empty{padding:80px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#00100fc9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;z-index:20}.modal-backdrop[hidden]{display:none}.modal{width:min(560px,100%);background:#092723;border:1px solid #24685e;border-radius:22px;padding:25px;box-shadow:0 30px 90px #000;position:relative}.modal-close{position:absolute;right:16px;top:13px;border:0;background:none;color:#aac1bc;font-size:27px;cursor:pointer}.modal h2{font:700 22px "Manrope";margin:0 0 5px}.modal .meta{color:var(--muted);margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-box{background:#061d1b;border:1px solid var(--line);border-radius:13px;padding:13px}.detail-box small{color:#829f99;display:block}.detail-box strong{display:block;margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.toast{position:fixed;right:26px;bottom:26px;padding:13px 17px;background:#e8fff8;color:#073328;border-radius:12px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:30;font-weight:600}.toast.show{transform:none;opacity:1}
.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#041414}.auth-visual{padding:clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,#18c99a2b,transparent 28%),linear-gradient(130deg,#031413e8,#062a25e8),url('assets/products/esp-01.png') 92% 70%/310px auto no-repeat;border-right:1px solid var(--line)}.auth-brand{display:flex;flex-direction:column;width:max-content;line-height:.86}.auth-brand .crown{font-size:26px;color:var(--green)}.auth-brand strong{font:800 35px/1 "Manrope";letter-spacing:3px}.auth-brand b{font:800 25px/1 "Manrope";letter-spacing:4px;color:var(--green)}.auth-brand small{margin-top:9px;font-size:9px;letter-spacing:1.2px}.auth-visual h2{font:800 clamp(34px,4.2vw,62px)/1.06 "Manrope";letter-spacing:-2.5px;margin:9px 0 14px;max-width:800px}.auth-visual>div:nth-child(2)>p:last-child{max-width:550px;color:#a9c0bb;font-size:17px;line-height:1.6}.auth-flow{display:flex;align-items:center;gap:14px;color:#b6cdc7}.auth-flow span{padding:9px 12px;border:1px solid #287166;border-radius:999px;background:#082825}.auth-flow i{color:var(--green)}.auth-panel{display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 80% 20%,#0d6b5730,transparent 35%)}.auth-form-wrap{width:min(430px,100%)}.auth-form-wrap h1{font-size:36px}.auth-copy{color:var(--muted);margin:9px 0 22px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.role-choice{border:1px solid var(--line);background:#071e1c;color:#bfd0cc;border-radius:13px;padding:12px;text-align:left;cursor:pointer}.role-choice strong,.role-choice small{display:block}.role-choice small{margin-top:3px;color:#76958e}.role-choice.active{border-color:#24d8aa;background:#0a3a32;color:white;box-shadow:0 0 0 1px #24d8aa44}.form-field{display:grid;gap:7px;margin-top:13px}.form-field span{font-size:13px;color:#a8beb9}.form-field input,.form-field select{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;background:#071d1c;color:white;padding:0 14px;font:inherit;outline:0}.form-field input:focus{border-color:var(--green)}.auth-submit{width:100%;height:49px;margin-top:17px}.login-error{min-height:18px;color:#ff8f84;font-size:12px;margin:8px 0 0}.demo-register{display:block;margin:15px auto;border:0;background:none;color:var(--green);font:600 13px inherit;cursor:pointer}.demo-hint{border:1px dashed #28645b;border-radius:12px;padding:12px;color:#8eaaa4;font-size:12px;line-height:1.5;text-align:center}
.catalog-hero{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 82% 30%,#16b98e30,transparent 27%),linear-gradient(145deg,#07211f,#0a2f2b)}.catalog-hero h2{margin:0;font:800 27px "Manrope"}.catalog-hero p{margin:7px 0 0;color:var(--muted)}.catalog-stat{min-width:150px;padding:15px;border:1px solid #2a6c62;border-radius:16px;text-align:center;background:#06201d}.catalog-stat strong{display:block;font:800 30px "Manrope";color:var(--green)}.catalog-stat span{font-size:12px;color:#a9c0bb}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0}.catalog-toolbar .filters{flex:1}.product-search{flex:0 0 245px}.product-search input{width:185px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:15px}.catalog-card{overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.catalog-card:hover{transform:translateY(-3px);border-color:#288b78}.product-image{height:205px;border:0;border-bottom:1px solid var(--line);padding:0;background:radial-gradient(circle,#174b40 0,#071b19 66%);cursor:pointer;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.catalog-card:hover .product-image img{transform:scale(1.04)}.catalog-body{padding:16px;display:flex;flex-direction:column;flex:1}.product-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:.4px}.product-meta b{color:#9eb9b3}.catalog-body h3{font:700 17px "Manrope";margin:10px 0 5px}.catalog-body p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 15px}.product-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}.product-footer small,.product-footer strong,.product-footer em{display:block}.product-footer small{color:#75958e;font-size:10px}.product-footer strong{font:700 17px "Manrope";margin-top:2px}.product-footer em{font-size:10px;color:var(--muted);font-style:normal}.add-product{padding:9px 11px}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.supplier-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#071e1c}.supplier-top{display:flex;align-items:center;gap:11px}.supplier-top>span{width:42px;height:42px;border-radius:12px;background:#0b5c4c;color:#65e7c0;display:grid;place-items:center;font-weight:800}.supplier-top h3{margin:0;font:700 17px "Manrope"}.supplier-top small{color:var(--green)}.supplier-card>p{min-height:42px;color:var(--muted);font-size:12px;line-height:1.45}.supplier-card dl{display:grid;gap:8px}.supplier-card dl div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.supplier-card dt{color:#789992}.supplier-card dd{margin:0;text-align:right}.supplier-action{width:100%;margin-top:12px}.spaced{margin-top:14px}.dist-list,.rep-grid{display:grid;gap:10px}.dist-list article,.rep-grid article{display:grid;grid-template-columns:48px minmax(180px,1fr) minmax(150px,.6fr) 110px;align-items:center;gap:14px;padding:13px;border:1px solid #15433d;border-radius:14px;background:#071e1c}.dist-list small,.rep-grid small{display:block;color:var(--muted);margin-top:3px}.dist-rank{font:800 19px "Manrope";color:#286d61}.availability{text-align:right}.availability b{display:block;color:var(--green)}.rep-grid article{grid-template-columns:48px minmax(180px,1fr) 90px 90px 110px}.rep-avatar{background:linear-gradient(145deg,#0f8065,#064238);border:1px solid #1cb98f}.discount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.discount-grid article{padding:17px;border:1px solid var(--line);border-radius:14px;background:#061d1b}.discount-grid small,.discount-grid strong,.discount-grid span{display:block}.discount-grid small{color:var(--muted)}.discount-grid strong{font:700 19px "Manrope";margin:5px 0}.discount-grid span{color:var(--green);font-size:13px}.product-modal{display:grid;grid-template-columns:170px 1fr;gap:20px}.product-modal>img{width:170px;height:210px;object-fit:contain;border:1px solid var(--line);border-radius:15px;background:#061d1b}
@media(max-width:1250px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid .panel:last-child{grid-column:1/-1}.search{display:none}.supplier-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.dist-list article,.rep-grid article{grid-template-columns:45px 1fr 130px}.dist-list article button,.rep-grid article button{display:none}.rep-grid article>b{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:72px;z-index:10;padding:9px 8px;border-right:0;border-top:1px solid var(--line)}.brand,.profile-card,.logout{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav-item{min-width:64px;flex-direction:column;padding:7px 10px;gap:2px;font-size:10px}.nav-item span{font-size:18px;width:auto}.nav-item:nth-child(n+7){display:none}main{padding:20px 15px 92px}.topbar{align-items:flex-start}.header-actions .date-chip span{display:none}.kpis{display:flex;overflow-x:auto}.kpi{min-width:240px}.lower-grid{grid-template-columns:1fr}.lower-grid .panel:last-child{grid-column:auto}.donut-wrap{grid-template-columns:1fr}.donut{margin:auto}.quick-actions{grid-template-columns:1fr 1fr}.quick:nth-child(2){border-right:0}.quick{padding:10px}.page-tools{align-items:flex-start;flex-direction:column}.table-card{overflow-x:auto}.data-table{min-width:720px}.role{font-size:13px}h1{font-size:24px}.catalog-hero{align-items:flex-start}.catalog-stat{min-width:110px}.catalog-toolbar{align-items:stretch;flex-direction:column}.product-search{display:flex;flex-basis:auto}.product-search input{width:100%}.product-grid{grid-template-columns:1fr 1fr}.supplier-grid,.discount-grid{grid-template-columns:1fr 1fr}.product-modal{grid-template-columns:1fr}.product-modal>img{width:100%;height:230px}}

/* Perfil sempre visível e identificação fotográfica no cabeçalho */
@media(min-width:761px){.sidebar{min-height:0;overflow:hidden}.brand{flex:0 0 auto}.sidebar nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin;scrollbar-color:#168d70 transparent}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#168d70;border-radius:8px}.profile-card{margin-top:12px;flex:0 0 auto}.logout{flex:0 0 auto}}
@media(min-width:761px) and (max-height:760px){.sidebar{padding-top:16px;padding-bottom:12px}.brand{margin-bottom:16px}.sidebar nav{gap:3px}.nav-item{padding-top:10px;padding-bottom:10px}.profile-card{margin-top:8px}.logout{margin-top:8px;padding:10px}}
.topbar-identity{display:flex;align-items:center;gap:16px;min-width:0}.hero-profile-photo{width:84px;height:84px;flex:0 0 84px;padding:3px;border:1px solid #27cfa5;border-radius:19px;background:linear-gradient(145deg,#0b8168,#053f37);box-shadow:0 10px 30px #001a1699}.hero-profile-photo[hidden]{display:none}.hero-profile-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:15px}@media(max-width:760px){.topbar-identity{gap:11px}.hero-profile-photo{width:64px;height:64px;flex-basis:64px;border-radius:16px}.hero-profile-photo img{border-radius:12px}}
@media(max-width:470px){.product-grid,.supplier-grid,.discount-grid{grid-template-columns:1fr}.catalog-hero{display:block}.catalog-stat{margin-top:16px}.dist-list article,.rep-grid article{grid-template-columns:42px 1fr}.availability,.rep-grid article .status{display:none}}
@media(max-width:820px){.auth-screen{grid-template-columns:1fr}.auth-visual{min-height:280px;padding:32px;background:radial-gradient(circle at 70% 35%,#18c99a2b,transparent 30%),linear-gradient(130deg,#031413e8,#062a25e8)}.auth-visual h2{font-size:34px;letter-spacing:-1.5px}.auth-visual>div:nth-child(2)>p:last-child{font-size:14px}.auth-flow{display:none}.auth-panel{padding:30px 20px}.auth-form-wrap h1{font-size:30px}}
.action-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}.w100{width:100%}.checkout-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.cart-lines{display:grid;gap:9px}.cart-lines article{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#061d1b}.cart-lines img{width:54px;height:54px;object-fit:contain}.cart-lines small{display:block;color:var(--muted);margin-top:3px}.summary-box{margin:18px 0}.summary-box p{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);margin:0;font-size:13px}.summary-box .total{font-size:17px;color:var(--green);border:0}.tracking-list,.lead-list{display:grid;gap:10px}.tracking-list>article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#061d1b}.tracking-list small{display:block;color:var(--muted);margin-top:4px}.track-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.track-steps i{font-style:normal;font-size:11px;color:#738f89;padding-top:9px;border-top:3px solid #1b4741}.track-steps i.done{color:#5de2ba;border-color:var(--green)}.pix-report{justify-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.form-grid .wide{grid-column:1/-1}.data-table button:disabled,.primary:disabled{opacity:.45;cursor:not-allowed}.lead-list article{display:grid;grid-template-columns:80px 1fr 130px 155px;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:#061d1b}.lead-list small{display:block;color:var(--muted);margin-top:3px}.agenda-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.agenda-day{min-height:115px;border:1px solid #237164;border-radius:15px;background:#0a312b;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}.agenda-day span{color:var(--green);font-size:12px}.agenda-day.blocked{background:#2c1e1c;border-color:#744039}.agenda-day.blocked span{color:#ff8f84}
@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.lead-list article{grid-template-columns:75px 1fr 120px}.lead-list article button{grid-column:2/-1}.agenda-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.action-banner{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.lead-list article{grid-template-columns:1fr}.lead-list article button{grid-column:auto}.agenda-grid{grid-template-columns:1fr 1fr}.track-steps{overflow-x:auto}.track-steps i{min-width:76px}}
.qty-control{display:flex;align-items:center;gap:8px;margin:12px 0}.qty-control button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:20px;cursor:pointer}.qty-control input{width:64px;height:36px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}
.pix-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;padding:14px;border:1px solid rgba(33,211,164,.35);border-radius:12px;background:rgba(33,211,164,.08)}.pix-box span{margin-right:auto}.history-list{display:grid;gap:8px;margin:16px 0}.history-list p{display:grid;gap:3px;padding:10px;border-left:3px solid var(--green);background:rgba(255,255,255,.03)}.status-summary{display:grid;gap:10px}.status-summary p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}

/* Catálogo vinculado ao fornecedor Tropical & Magic */
.supplier-catalog-section{overflow:hidden}
.supplier-catalog-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;padding:2px 0 16px}
.supplier-catalog-toggle span{display:flex;flex-direction:column;gap:5px}
.supplier-catalog-toggle small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.62}
.supplier-catalog-toggle strong{font-size:20px}
.supplier-catalog-toggle b{font-size:18px;line-height:1}
.supplier-catalog-content{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.supplier-catalog-content .catalog-hero{margin-top:0}

/* Fornecedores completos */
.supplier-full-form{margin-top:16px}
.supplier-edit-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.supplier-edit-actions .supplier-call{display:inline-flex;align-items:center;justify-content:center}
button.danger,.danger{background:#5b1e1e;color:#fff;border:1px solid #8d3636;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}
button.danger:hover{background:#752626}
.product-admin-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:10px}
.product-admin-meta small{opacity:.7}
.product-admin-meta span{font-size:12px;opacity:.8}
.product-edit-preview{display:flex;gap:12px;align-items:center;margin:14px 0}
.product-edit-preview img{width:84px;height:110px;object-fit:contain;border-radius:10px;background:#0b0b0b}
.product-edit-preview small{display:block;margin-top:5px;opacity:.72}

/* Padrão global: cabeçalho e ações fixos, somente o conteúdo central rola. */
#modalBackdrop{overflow:hidden!important;padding:20px!important}
#modalBackdrop>.modal{display:flex;flex-direction:column;max-height:calc(100vh - 40px)!important;padding:0!important;overflow:hidden}
#modalBody{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 40px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:25px 19px 0 25px;scrollbar-width:thin;scrollbar-color:#16b88f transparent}
#modalBody::-webkit-scrollbar{width:7px}
#modalBody::-webkit-scrollbar-track{background:transparent}
#modalBody::-webkit-scrollbar-thumb{background:linear-gradient(#2ad3a8,#08745e);border-radius:999px}
#modalBody>h2:first-child{position:sticky;top:-25px;z-index:7;margin:-25px -19px 0 -25px!important;padding:25px 58px 5px 25px;background:#092723}
#modalBody>h2:first-child+.meta{position:sticky;top:27px;z-index:7;margin:0 -19px 18px -25px!important;padding:0 58px 16px 25px;background:#092723;border-bottom:1px solid #174c45}
.modal-close{z-index:12;width:38px;height:38px;display:grid;place-items:center;border-radius:12px!important;background:#0b302c!important;color:#d9ebe7!important}
.modal-close:hover{background:#0e5147!important;color:#fff!important}
#modalBody .supplier-full-form{
  padding-bottom:8px;
}
#modalBody form>.modal-actions,
#modalBody>.modal-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:10 !important;
  margin:18px -19px 0 -25px !important;
  padding:14px 19px 18px 25px !important;
  background:linear-gradient(180deg,rgba(9,39,35,.82),#092723 25%) !important;
  border-top:1px solid #174c45;
}
#modalBody .supplier-edit-actions{
  justify-content:flex-end !important;
}
@media(max-width:680px){
  #modalBackdrop{padding:8px !important;}
  #modalBackdrop > *{max-height:calc(100vh - 16px) !important;}
  #modalBody{max-height:calc(100vh - 16px) !important;padding:22px 14px 0 18px}
  #modalBody form>.modal-actions,
  #modalBody>.modal-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-left:-18px!important;margin-right:-14px!important;padding-left:18px!important;padding-right:14px!important;
  }
  #modalBody form>.modal-actions > *,
  #modalBody>.modal-actions > *{
    width:100% !important;
  }
}

.support-page{max-width:900px;margin:0 auto;display:grid;gap:16px}.support-card{width:100%;margin:0;background:radial-gradient(circle at 90% 8%,#19c99a1f,transparent 30%),linear-gradient(145deg,#07211f,#092b28)}.representative-tickets{width:100%;background:radial-gradient(circle at 88% 12%,#2cbf9824,transparent 28%),linear-gradient(145deg,#082522,#0a332e)}.representative-ticket-list{display:grid;gap:10px}
.support-heading{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}
.support-heading .section-sub{margin-bottom:0}.support-icon{width:52px;height:52px;flex:0 0 52px;aspect-ratio:1;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#138267,#084b41);border:1px solid #1aad87;color:#7bf0cb;font-size:23px}
.support-form .form-grid{gap:16px}.file-picker{min-height:48px;display:flex;align-items:center;gap:14px;padding:6px 10px;border:1px solid var(--line);border-radius:13px;background:#061d1b;overflow:hidden}.file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-picker-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #267366;background:#0b4a40;color:#e6f7f2;border-radius:9px;cursor:pointer;line-height:1}.file-picker-button:hover{background:#0d6454;border-color:#32a98f}.file-picker input:focus+.file-picker-button{outline:2px solid #4be1b9;outline-offset:2px}#supportFileStatus{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7f3f0;font-size:14px;line-height:1.3}.file-field small{display:block;margin-top:7px;color:var(--muted);line-height:1.45}
.support-files{margin-top:14px;padding:14px 16px;border:1px dashed #2a7468;border-radius:13px;background:#061d1b;color:#bdd1cc}.support-files p{margin:0}.support-files ul{margin:0;padding-left:19px;display:grid;gap:7px;font-size:13px}
.support-notice{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border:1px solid #23675d;border-radius:13px;background:#0a3932}.support-notice>span{width:24px;height:24px;flex:0 0 24px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#16b88f;color:#05231e;font-weight:800}.support-notice p{margin:0;color:#bcd2cd;font-size:13px;line-height:1.45}.support-notice strong{display:block;color:#e8f7f3;margin-bottom:2px}.support-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.description-field textarea{background:#020707!important;color:#fff!important;font-weight:700!important;border-color:#1d5b52!important}.description-field textarea::placeholder{color:#82938f!important;font-weight:600}.sales-choice{margin:0;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#061d1b;display:flex;align-items:center;gap:22px}.sales-choice legend{padding:0 7px;color:#9ec0b9;font-size:13px}.sales-choice label{display:flex;align-items:center;gap:7px;color:#e9f6f2;cursor:pointer}.sales-choice input{accent-color:#16b88f;width:17px;height:17px}.support-shortcut{border-color:#217065;background:radial-gradient(circle at 88% 30%,#16b98e2b,transparent 28%),linear-gradient(145deg,#07211f,#0a302b)}
.help-reps-card{margin-top:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 82% 20%,#16b98e2c,transparent 30%),linear-gradient(145deg,#07211f,#0a302b)}.help-reps-card>div{display:flex;align-items:center;gap:13px}.help-reps-card h2{margin:0 0 4px;font:700 18px "Manrope"}.help-reps-card p{margin:0;color:var(--muted)}
.help-reps-card.attention{border-color:#ef5757;background:radial-gradient(circle at 82% 20%,#ff4f4f30,transparent 32%),linear-gradient(145deg,#321414,#1d1716);box-shadow:inset 0 0 0 1px #ef575744,0 12px 32px #23000055}.help-reps-card.attention .support-icon{border-color:#ff7979;background:linear-gradient(145deg,#cc3f3f,#712323);color:#fff}.help-reps-card.attention h2,.help-reps-card.attention p{color:#fff}.help-reps-card.attention .primary{border-color:#ff8585;background:linear-gradient(135deg,#db4a4a,#962f2f)}
.priority-help-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.priority-help-grid.single{grid-template-columns:1fr}.priority-help-grid .help-reps-card{margin:0;min-height:100%}.sales-rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.distributor-ranking{margin-top:14px}.empty.compact{padding:28px}.period-menu{position:relative;z-index:5}.period-menu summary{list-style:none;min-width:145px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:#07221f;color:var(--green);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.period-menu summary::-webkit-details-marker{display:none}.period-menu summary span{font-size:17px;transition:transform .2s}.period-menu[open] summary span{transform:rotate(180deg)}.period-menu>div{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;padding:6px;border:1px solid #24685e;border-radius:12px;background:#061d1b;box-shadow:0 18px 42px #0009;display:grid}.period-menu button{border:0;border-radius:8px;padding:9px 10px;background:transparent;color:#c9ddd8;text-align:left;cursor:pointer}.period-menu button:hover,.period-menu button.active{background:#0b4a40;color:#fff}.period-chart{display:grid;gap:12px}.period-row{display:grid;grid-template-columns:minmax(92px,auto) 1fr 28px;align-items:center;gap:10px;font-size:12px;color:#9db8b2}.period-row>i{height:8px;border-radius:999px;background:#123b36;overflow:hidden}.period-row>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0aa77e,#4cdbb5)}.period-row>strong{text-align:right;color:#e4f2ee}
.online-chip{height:43px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #1c6659;border-radius:13px;background:#082b27;color:#7be8c4;font-weight:700;font-size:13px}.online-chip i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#28d8a6;box-shadow:0 0 0 4px #20c99a20}.page-tools #newOrder{align-self:flex-start;min-width:auto;width:auto;padding:9px 13px;white-space:nowrap;font-size:13px}.action-link{border:1px solid #287366!important;border-radius:9px!important;padding:7px 11px!important;background:#072a26!important}.action-link:hover{border-color:#45c5a3!important;background:#0b493f!important;color:#fff!important}.supplier-full-form textarea{background:#020707!important;color:#fff!important;font-weight:700!important;border-color:#1d5b52!important}.supplier-full-form textarea::placeholder{color:#82938f!important}
.admin-product-grid{grid-template-columns:1fr}.admin-product-card{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:315px}.admin-product-card .product-image{height:100%;min-height:315px;border-bottom:0;border-right:1px solid var(--line);background:#061614}.admin-product-card .product-image img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}.admin-product-card .catalog-body{padding:20px 22px}.admin-product-card .product-meta{font-size:12px}.admin-product-card .catalog-body h3{font-size:22px;margin:11px 0 6px}.admin-product-card .catalog-body>p{margin-bottom:16px;font-size:13px;line-height:1.55}.admin-unit-price{display:flex;align-items:baseline;gap:12px;margin:2px 0 13px}.admin-unit-price span,.admin-logistics-grid span,.admin-stock-line span{color:#9fc6bd;font-size:11px;text-transform:uppercase}.admin-unit-price strong{font:800 23px "Manrope";color:#55dfb5}.admin-logistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.admin-logistics-grid>div{padding:12px;border:1px solid #24675a;border-radius:12px;background:linear-gradient(145deg,#061b19,#08231f)}.admin-logistics-grid strong{display:block;margin-top:5px;font-size:16px;color:#fff}.admin-stock-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:12px 14px;border-left:3px solid #18b889;background:linear-gradient(90deg,#0a2a23,#09221e)}.admin-stock-line strong{font-size:17px;color:#58e8b9}.admin-product-card .product-footer{justify-content:flex-end;margin-top:10px}.admin-product-card .add-product{min-width:92px}.operational-calc-preview{margin-top:14px;border:1px solid #20584e;border-radius:13px;background:#061d1b;overflow:hidden}.operational-calc-preview h3{grid-column:1/-1;margin:0;padding:11px 13px;border-bottom:1px solid #20584e;font:700 14px "Manrope";color:#72e5c1}.operational-calc-preview{display:grid;grid-template-columns:1fr 1fr}.operational-calc-preview>div{padding:11px 13px;border-right:1px solid #143e38;border-bottom:1px solid #143e38}.operational-calc-preview span{display:block;color:#8eaaa4;font-size:11px}.operational-calc-preview strong{display:block;margin-top:4px;color:#fff}
@media(max-width:680px){.support-card{padding:18px}.support-heading{align-items:flex-start}.support-actions{display:grid}.support-actions>*{width:100%}.support-form .form-grid{grid-template-columns:1fr}.file-picker{align-items:stretch;flex-direction:column;gap:7px}.file-picker-button{width:100%}#supportFileStatus{text-align:center;padding:2px 4px}.sales-choice{align-items:flex-start;flex-direction:column;gap:10px}.help-reps-card{align-items:stretch;flex-direction:column}.help-reps-card>button{width:100%}}
@media(max-width:900px){.priority-help-grid,.sales-rank-grid{grid-template-columns:1fr}}
@media(max-width:900px){.admin-product-card{grid-template-columns:210px minmax(0,1fr)}.admin-product-card .product-image{min-height:330px}}
@media(max-width:680px){.admin-product-card{grid-template-columns:1fr}.admin-product-card .product-image{height:280px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.admin-product-card .catalog-body{padding:17px}.admin-logistics-grid{grid-template-columns:1fr}.operational-calc-preview{grid-template-columns:1fr}}

/* Catálogo administrativo: preserva o cartão vertical e a imagem original. */
.admin-product-grid{grid-template-columns:repeat(3,minmax(270px,1fr));align-items:stretch}
.admin-product-card{display:flex;flex-direction:column;min-height:0}
.admin-product-card .product-image{width:100%;height:225px;min-height:225px;border-right:0;border-bottom:1px solid var(--line);background:radial-gradient(circle,#174b40 0,#071b19 66%)}
.admin-product-card .product-image img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;filter:none;transform:none!important}
.admin-product-card:hover .product-image img{transform:scale(1.025)!important}
.admin-product-card .catalog-body{padding:17px;min-height:410px}
.admin-product-card .catalog-body h3{font-size:20px;margin:10px 0 5px}
.admin-product-card .catalog-body>p{min-height:58px;margin-bottom:13px}
.admin-unit-price{margin:0 0 11px;justify-content:space-between}
.admin-unit-price strong{font-size:21px}
.admin-logistics-grid{grid-template-columns:1fr 1fr;gap:7px}
.admin-logistics-grid>div{padding:10px}
.admin-logistics-grid>div:last-child{grid-column:1/-1}
.admin-logistics-grid strong{font-size:14px}
.admin-stock-line{margin-top:8px;padding:10px 11px}
.admin-stock-line strong{font-size:15px}
.admin-product-card .product-footer{margin-top:auto;padding-top:10px}
@media(max-width:1180px){.admin-product-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}}
@media(max-width:680px){.admin-product-grid{grid-template-columns:1fr}.admin-product-card .product-image{height:230px;min-height:230px}.admin-product-card .catalog-body{min-height:0}.admin-product-card .catalog-body>p{min-height:0}}

.tickets-panel{margin-top:14px;overflow:hidden}.tickets-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border:0;background:linear-gradient(135deg,#0a3933,#082722);color:#e7f5f1;cursor:pointer}.tickets-toggle>span{display:flex;align-items:center;gap:11px}.tickets-toggle i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0d6856;color:#73e8c4;font-style:normal}.tickets-toggle small{color:#8fb0a9}.tickets-toggle>b{color:var(--green)}.tickets-body{padding:16px 20px 20px;border-top:1px solid var(--line);display:grid;gap:12px}.ticket-group{border:1px solid var(--line);border-radius:14px;background:#061d1b;overflow:hidden}.ticket-group summary{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;cursor:pointer;color:#dcebe7;font-weight:700}.ticket-group summary b{min-width:25px;height:25px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#0b5a4b;color:#6ee7c1;font-size:12px}.ticket-group>div{padding:0 12px 12px;display:grid;gap:9px}.ticket-card{padding:14px;border:1px solid #175047;border-radius:13px;background:#082724}.ticket-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ticket-head>div{display:grid;gap:5px}.ticket-head small,.ticket-files,.ticket-last{display:block;color:var(--muted)}.ticket-card>p{margin:12px 0;color:#d5e5e1;line-height:1.5}.ticket-last{margin-top:8px;color:#7edcbe}.my-tickets{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:10px}.my-tickets h3{margin:0 0 4px;font:700 18px "Manrope"}.ticket-detail{padding:14px;border:1px solid var(--line);border-radius:13px;background:#061d1b}.ticket-detail small{color:var(--muted)}.ticket-detail strong{display:block;margin:4px 0 12px}.ticket-detail p{white-space:pre-wrap;line-height:1.5}.ticket-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.ticket-attachments a{text-decoration:none;font-size:12px}.ticket-chat{display:grid;gap:9px;margin:15px 0}.ticket-chat article{max-width:85%;padding:11px 13px;border:1px solid #225c52;border-radius:13px;background:#07221f}.ticket-chat article.mine{margin-left:auto;background:#0b493f}.ticket-chat article p{margin:5px 0;white-space:pre-wrap}.ticket-chat article small{color:var(--muted)}
.ticket-detail.requester-message,.ticket-chat article.requester-message{border-color:#5d7442;background:linear-gradient(145deg,#34482d,#263b28);color:#f2f8ec}.ticket-chat article.requester-message.mine{background:linear-gradient(145deg,#405934,#2d452d)}.ticket-reply-field textarea{background:#03110f!important;color:#f2fffb!important;border:1px solid #28665b!important;font-weight:600!important}.ticket-reply-field textarea::placeholder{color:#789a92!important}.resolved-by-rep{border-color:#2bc69e!important;color:#7bf0cb!important}
.commercial-policies{display:grid;gap:16px}.commercial-table{background:#061b19}.commercial-table .action-link{margin-left:7px}.commercial-table td{vertical-align:middle}.commercial-table small{color:var(--muted)}.client-directory{margin-top:16px}.client-directory .table-card{background:#061b19}.report-tools{align-items:center}.report-tools .filters{flex:1}.report-summary{color:#9fc0b8;font-size:13px;white-space:nowrap}.calendar-popup{max-width:520px}.calendar-popup input[type="date"]{color-scheme:dark}.calendar-popup input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(78%) sepia(34%) saturate(742%) hue-rotate(108deg)}
@media(max-width:900px){.report-tools{align-items:stretch}.report-summary{white-space:normal}.commercial-table .data-table,.client-directory .data-table{min-width:860px}}
.product-sales-page{display:grid;gap:16px}.product-sales-hero{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 88% 18%,#18c89b27,transparent 32%),linear-gradient(145deg,#07211f,#0a302b)}.product-sales-hero h2{margin:0;font:700 25px "Manrope"}.product-sales-hero p:not(.eyebrow){margin:7px 0 0;color:var(--muted)}.product-sales-summary{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.product-sales-summary span{min-width:105px;padding:11px 13px;border:1px solid #24665c;border-radius:12px;background:#061d1b;color:#a6c1bb;font-size:12px;text-align:center}.product-sales-summary strong{display:block;color:#56e3bc;font:800 20px "Manrope"}.product-sales-tools{margin:0;align-items:center}.product-sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-sales-card{overflow:hidden}.product-sales-card>img{display:block;width:100%;height:210px;object-fit:cover;background:#041412}.product-sales-card>div{padding:15px}.product-sales-card span{color:#55dcb8;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.product-sales-card h3{margin:7px 0 15px;font:700 18px "Manrope"}.product-sales-numbers{padding-top:12px;border-top:1px solid var(--line)}.product-sales-numbers strong,.product-sales-numbers small{display:block}.product-sales-numbers strong{color:#56e3bc;font:800 19px "Manrope"}.product-sales-numbers small{margin-top:5px;color:#a8c0ba}@media(max-width:1050px){.product-sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.product-sales-hero{align-items:flex-start;flex-direction:column}.product-sales-summary{justify-content:flex-start}.product-sales-tools{align-items:stretch}.product-sales-grid{grid-template-columns:1fr}.product-sales-card>img{height:230px}}
.profile-card.director-card{border-color:#24c79d;background:linear-gradient(135deg,#0b765f,#075043);box-shadow:inset 0 0 0 1px #74f0ce22,0 10px 26px #001d1855}.profile-card.director-card .avatar{width:44px;height:44px;flex:0 0 44px;background:linear-gradient(145deg,#16bd91,#08735d);border:1px solid #78efd0;color:#fff;font:800 19px "Manrope"}.profile-card.director-card strong{color:#fff;font-size:15px}.profile-card.director-card small{color:#e0fff6;font-size:9px}.profile-card.director-card button{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:17px;cursor:pointer;transition:.2s}.profile-card.director-card button:hover{background:#ffffff1c;transform:rotate(25deg)}.director-profile-modal{display:grid;gap:20px}.director-profile-head{display:flex;align-items:center;gap:17px;padding-bottom:18px;border-bottom:1px solid var(--line)}.director-profile-head h2{margin:0}.director-profile-head .meta{margin:5px 0 0}.director-photo-editor{width:92px;flex:0 0 92px;position:relative}.director-photo-editor img{display:block;width:92px;height:92px;object-fit:cover;border:3px solid #19c99a;border-radius:20px;background:#06201d}.director-photo-editor input{position:absolute;width:1px;height:1px;opacity:0}.director-photo-editor label{position:absolute;left:7px;right:7px;bottom:6px;padding:5px;border-radius:8px;background:#03221edb;color:#fff;text-align:center;font-size:9px;font-weight:700;cursor:pointer}.forgot-password-link{margin-top:12px;padding:0;border:0;background:none;color:#62dfbd;text-decoration:underline;text-underline-offset:3px;font:600 13px inherit;cursor:pointer}.forgot-password-link:hover{color:#fff}@media(max-width:520px){.director-profile-head{align-items:flex-start}.director-profile-modal .form-grid{grid-template-columns:1fr}}
.policy-subtitle{margin:22px 0 11px;font:700 15px "Manrope";color:#dff5ef}.policy-subtitle:first-of-type{margin-top:5px}.client-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.client-policy-grid article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid #1b554c;border-radius:13px;background:#061d1b}.client-policy-grid article>div{min-width:0}.client-policy-grid small,.client-policy-grid strong{display:block}.client-policy-grid small{color:#789d95;font-size:10px;margin-bottom:4px}.client-policy-grid strong{font-size:13px}.client-policy-grid article>div:last-child{text-align:right;flex:0 0 auto}.client-policy-grid b{display:block;color:#63e7c1;font:700 17px "Manrope";margin-bottom:7px}@media(max-width:760px){.client-policy-grid{grid-template-columns:1fr}}
@media(max-width:680px){.tickets-toggle>span{align-items:flex-start;flex-direction:column}.ticket-head{flex-direction:column}.ticket-head button{width:100%}.ticket-chat article{max-width:95%}}

/* F.A Representações no espaço original da marca, com margens transparentes enquadradas. */
.brand-logo{display:block;object-fit:contain;object-position:center;max-width:100%;flex-shrink:0;background:transparent}
.auth-brand{max-width:100%}
.auth-brand .brand-logo{width:156px;height:82.36px;object-position:left center}
.brand .brand-logo{width:140px;height:67.64px;align-self:center}

/* Etapa 1 — presença, agenda e cadastros integrados. */
.online-chip.is-offline{border-color:#a94747;background:#3c171b;color:#ffb5b5}
.online-chip.is-offline i{background:#ff6558;box-shadow:0 0 10px #ff655850}
#togglePresence.presence-offline{background:#922f39;border-color:#f07075;color:#fff}
.schedule-page{max-width:1000px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.calendar-heading h3{text-transform:capitalize;margin:0}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-week{text-align:center;color:var(--muted);margin:16px 0 9px}
.calendar-day{min-height:72px;border:1px solid var(--line);background:#06211e;color:var(--text);border-radius:12px;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.calendar-day small{font-size:10px}.calendar-day.has-block{border-color:#a54850;background:#361d22}.calendar-day.selected{outline:2px solid var(--green);outline-offset:1px}.calendar-day:hover{filter:brightness(1.2)}
.schedule-detail{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.hour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.hour-slot{font:700 15px inherit;padding:12px 7px;border:1px solid;border-radius:12px;cursor:pointer}.hour-slot small{display:block;font-size:10px;margin-top:6px}.hour-slot.blocked{background:#54232b;border-color:#d45b65;color:#ffe7e7}.hour-slot.available{background:#07694f;border-color:#28d5a6;color:#edfff8}.hour-slot:disabled{opacity:1;cursor:default}
.stage-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.stage-actions .form-field{margin:0}.stage-leads,.authorization-list{display:grid;gap:12px;margin-top:15px}.pending-authorizations{margin-bottom:16px}.stage-leads .ticket-card p{overflow-wrap:anywhere}.legacy-agenda{margin-top:22px;color:var(--muted)}
.stage-modal{display:flex;flex-direction:column;min-height:0;height:min(780px,calc(100dvh - 60px));overflow:hidden}.stage-modal>header{flex:none;padding:0 40px 12px 0;border-bottom:1px solid var(--line)}.stage-modal>header .meta{margin:8px 0!important}.stage-modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.stage-scroll{flex:1;min-height:0;overflow:auto;padding:16px 8px 16px 0;scrollbar-width:thin;scrollbar-color:#168d70 transparent}.stage-scroll::-webkit-scrollbar{width:5px}.stage-scroll::-webkit-scrollbar-thumb{background:#168d70;border-radius:8px}.stage-scroll fieldset{border:1px solid var(--line);border-radius:12px;margin:14px 0;padding:14px}.stage-scroll legend{color:var(--green);padding:0 7px}.stage-footer{flex:none;display:flex;justify-content:flex-end;gap:10px;padding:14px 0;background:#092723;border-top:1px solid var(--line)}
#modalBody:has(>.stage-modal){overflow:hidden!important;padding-bottom:0!important}.modal:has(.stage-modal){width:min(760px,100%)}
.stage-modal .detail-box strong{overflow-wrap:anywhere}.stage-modal .login-error{min-height:0}.stage-modal input,.stage-modal textarea,.stage-modal select{min-width:0;max-width:100%}
.stage-modal textarea,.stage-modal select,.form-page textarea{width:100%;background:#061d1b;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;color-scheme:dark}.stage-modal textarea:focus,.form-page textarea:focus{outline:1px solid var(--green)}
@media(max-width:760px){.sidebar nav .nav-item:nth-child(n+7){display:flex}.schedule-page .panel-head{align-items:stretch;flex-direction:column}.calendar-grid{gap:4px}.calendar-day{min-height:54px;border-radius:8px}.hour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-heading h3{font-size:16px}.stage-modal{height:calc(100dvh - 70px)}.stage-modal .form-grid{grid-template-columns:1fr}.stage-modal .detail-grid{grid-template-columns:1fr}.stage-footer{flex-wrap:wrap}.stage-footer button{flex:1}.schedule-page{padding:14px}}
.public-forgot{display:block;margin:2px auto 12px;border:0;background:none;color:#9fcfc3;font:600 13px inherit;cursor:pointer}
.role-picker:empty,.demo-hint:empty{display:none}
.check-line{display:flex;align-items:center;gap:9px;margin-top:12px;color:#c7ddd7;font-size:13px}
.check-line input{accent-color:#16b88f;width:17px;height:17px}
.activity-panel{margin-bottom:16px}.activity-list{display:grid;gap:9px}.activity-list article{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:#061d1b}.activity-list article>span{color:#64d7b5;font-weight:800;font-size:13px}.activity-list strong{display:block;color:#edf7f4}.activity-list small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}


.detail-box span{display:block;margin-top:5px;color:#64748b;font-size:.82rem;line-height:1.35}

.client-directory .panel-head{align-items:flex-start}
.client-directory #addClientFromNetwork{white-space:nowrap;min-width:124px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;border-radius:13px;line-height:1}
.stage-actions .primary,.stage-actions .ghost{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px}
.choice-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.choice-pill{border:1px solid #1fb991;background:#082521;color:#deeeea;border-radius:13px;padding:11px 14px;font:700 14px "DM Sans";cursor:pointer;box-shadow:none}
.choice-pill.active{background:linear-gradient(135deg,#16b88f,#08745e);border-color:#27d4aa;color:#fff;box-shadow:0 10px 24px rgba(6,78,59,.22)}

.team-agenda-panel{margin-top:14px}
.team-agenda-grid{display:grid;gap:10px}
.team-agenda-grid article{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(2,31,28,.72)}
.team-agenda-grid small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:760px){.team-agenda-grid article{grid-template-columns:1fr}.team-agenda-grid article .status{width:max-content}}

.rep-production-card{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#061d1bcc,#0a302c99)}
.rep-production-grid{display:grid;grid-template-columns:210px minmax(230px,1fr) minmax(280px,1.2fr);gap:18px;align-items:center}
.rep-donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px #ffffff18,0 18px 45px #0005}
.rep-donut:after{content:"";position:absolute;width:116px;height:116px;border-radius:50%;background:#071f1d;border:1px solid #1d514a}
.rep-donut>div{position:relative;z-index:1;text-align:center}.rep-donut strong{display:block;font:800 34px "Manrope"}.rep-donut span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.rep-metric-list{display:grid;gap:11px}.rep-metric{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.rep-metric span{font-size:13px;color:#cfe2de}.rep-metric span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dot);margin-right:8px}.rep-metric strong{color:#fff}.rep-metric i{grid-column:1/-1;height:8px;border-radius:999px;background:#123b36;overflow:hidden}.rep-metric b{display:block;height:100%;border-radius:inherit}
.rep-ranking-modern{display:grid;gap:10px}.rep-ranking-modern article{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 13px;border:1px solid #164d45;border-radius:15px;background:#061c1a;overflow:hidden}.rep-ranking-modern article>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#123b36}.rep-ranking-modern article>i>b{display:block;height:100%;background:linear-gradient(90deg,#0ab285,#5ce1bd)}.rep-ranking-modern small{color:var(--green);font-weight:800}.rep-ranking-modern strong{display:block;margin:2px 0}.rep-ranking-modern span{color:var(--muted);font-size:12px}.rep-ranking-modern em{font-style:normal;font:800 24px "Manrope";color:#eafff8}.rep-champion{text-align:right;padding:10px 12px;border:1px solid #1d665a;border-radius:14px;background:#06231f}.rep-champion small,.rep-champion span{display:block;color:var(--muted);font-size:12px}.rep-champion strong{display:block;color:#fff;margin:2px 0}
@media(max-width:1100px){.rep-production-grid{grid-template-columns:1fr}.rep-donut{margin:auto}.rep-champion{text-align:left}}

.rep-report-filters{margin:4px 0 18px;align-items:center}
.rep-kpis{margin-top:0;margin-bottom:16px}
.stage-actions .soft-primary{background:linear-gradient(135deg,#16b88f,#08745e);border-color:#27d4aa;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1a}
.stage-actions .soft-primary:hover{filter:brightness(1.08)}

/* mobile-nav-stability */
@media(max-width:760px){
  body{overflow-x:hidden}
  .sidebar{height:76px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));overflow:hidden;overscroll-behavior:contain}
  .sidebar nav{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .sidebar nav::-webkit-scrollbar{display:none}
  .nav-item{flex:0 0 76px;min-width:76px;max-width:76px;height:58px;justify-content:center;transform:none!important;scroll-snap-align:start}
  .nav-item.active{box-shadow:inset 0 0 0 1px #19b98f}
  main{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
}

.users-directory .users-search{max-width:520px;margin:4px 0 18px}.users-directory .users-search input{width:100%}.users-groups{display:grid;gap:14px}.user-group{border:1px solid var(--line);border-radius:18px;padding:14px;background:#061d1bcc}.user-group h3{margin:0 0 10px;color:var(--green);font:800 13px "Manrope";letter-spacing:.8px}.user-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px;border:1px solid #15433d;border-radius:14px;background:#071e1c;margin-top:9px}.user-select{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0}.user-select strong,.user-select small{display:block}.user-select small{color:var(--muted);margin-top:4px}.inactive-users{margin-top:16px;border:1px dashed #28645b;border-radius:14px;padding:12px;color:#cce0dc}.inactive-users summary{cursor:pointer;color:var(--green);font-weight:800}.danger{border:1px solid #8b3b34;background:#3a1715;color:#ff9a90;border-radius:13px;padding:9px 12px;font:700 13px inherit;cursor:pointer}.danger:hover{background:#5a211d;color:white}@media(max-width:760px){.user-row{grid-template-columns:1fr}.user-row .stage-actions{justify-content:flex-start}.users-directory .users-search{max-width:none}}

.user-status-tabs{margin:4px 0 14px}.user-group.inactive-group{border-color:#5c4730;background:linear-gradient(145deg,#1f1b12cc,#10231f99)}.user-group.inactive-group h3{color:#ffd16d}.user-row .primary[data-user-reactivate]{padding:9px 12px}

/* V28 - Rede Comercial sanfonada e catálogo por fornecedor */
.network-accordion .panel-head .stage-actions{align-items:center;gap:10px}
.accordion-arrow{width:42px;height:42px;border-radius:14px;border:1px solid #20d6ad;background:#082521;color:var(--green);font-size:18px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(19,229,185,.08),0 10px 24px rgba(0,0,0,.18);display:inline-grid;place-items:center;line-height:1;appearance:none}
.accordion-arrow:hover{background:rgba(19,229,185,.18);transform:translateY(-1px)}
.network-search{margin:16px 0 0;max-width:560px}
.product-image-carousel,.product-modal-carousel{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;scrollbar-width:none}
.product-image-carousel::-webkit-scrollbar,.product-modal-carousel::-webkit-scrollbar{display:none}
.product-image-carousel img,.product-modal-carousel img{flex:0 0 100%;scroll-snap-align:center;object-fit:contain}
.product-modal-carousel{background:rgba(0,0,0,.18);border:1px solid rgba(19,229,185,.18);border-radius:22px;padding:12px;max-height:360px}
.product-modal-carousel img{max-height:320px;width:100%}
.carousel-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:rgba(19,229,185,.88);color:#002b24;font-size:24px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.28);pointer-events:none}
.product-extra-fields{display:grid;gap:5px;margin:10px 0;color:var(--muted)}
.product-extra-fields small{display:block;border:1px solid rgba(19,229,185,.12);border-radius:10px;padding:6px 8px;background:rgba(2,21,18,.42)}
.extra-field-builder{margin-top:18px;border:1px solid rgba(19,229,185,.18);border-radius:18px;padding:16px;background:rgba(2,21,18,.5)}
.extra-field-builder h3{margin:0 0 12px;color:var(--green)}
.extra-field-builder article{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid rgba(19,229,185,.16);border-radius:14px;padding:10px;margin-bottom:8px;background:rgba(0,0,0,.12)}
.extra-field-builder article div{min-width:0;flex:1}
.extra-field-builder article small{display:block;color:var(--muted);margin-top:3px}
.extra-field-builder article .ghost,.extra-field-builder article .danger{padding:8px 12px;border-radius:12px}
@media(max-width:720px){.network-accordion .panel-head{align-items:flex-start}.network-accordion .stage-actions{width:100%;justify-content:flex-start}.extra-field-builder article{align-items:flex-start;flex-wrap:wrap}.product-modal-carousel{max-height:260px}.product-modal-carousel img{max-height:230px}}

/* V30 - botão de anexos padronizado no catálogo */
.catalog-file-field .catalog-file-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid rgba(19,229,185,.18);border-radius:16px;background:rgba(2,21,18,.55);padding:10px}
.catalog-file-field input[type="file"]{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.catalog-file-field .file-picker-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,var(--green),#08a884);color:#01251f;font-weight:900;cursor:pointer;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 28px rgba(0,0,0,.24)}
.catalog-file-field .file-picker-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.catalog-file-field #catalogImageStatus{color:var(--muted);font-size:13px}

/* V31 - ajuste visual Rede Comercial */
.network-accordion .panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px}
.network-accordion .panel-head>div:first-child{min-width:0;max-width:760px}
.network-accordion .section-sub{max-width:760px;line-height:1.45}
.network-header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap}
.network-header-actions .accordion-arrow{width:42px;height:42px;border-radius:14px;border:1px solid #20d6ad;background:#082521;color:var(--green);font-size:18px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(19,229,185,.08),0 10px 24px rgba(0,0,0,.18);display:inline-grid;place-items:center;line-height:1;appearance:none}
.network-header-actions .primary{flex:0 0 auto;order:1;min-width:126px}
.network-search{margin:28px 0 0;max-width:560px}
.network-search + .dist-list,.network-search + .table-card{margin-top:18px}
.network-accordion .table-card{margin-top:18px;overflow:hidden}
.network-accordion .dist-list{margin-top:18px}
@media(max-width:760px){.network-accordion .panel-head{grid-template-columns:1fr}.network-header-actions{justify-content:flex-start!important;flex-wrap:wrap}.network-search{max-width:100%;margin-top:20px}}

/* V32 - detalhe do pedido, PDF e cadastro pela engrenagem */
.order-items-card{margin-top:18px;overflow:auto}
.order-items-card .data-table th,.order-items-card .data-table td{vertical-align:top}
.order-summary-box{margin:16px 0 18px;max-width:420px;margin-left:auto}
.modal-actions .ghost+ .ghost{margin-left:6px}
.profile-card #openFelipeProfile[hidden]{display:inline-flex!important}

/* V33 - sessão, modal e senha com visualização */
.password-wrap{position:relative;display:flex;align-items:center;width:100%}
.password-wrap input{width:100%;padding-right:48px!important}
.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:12px;border:1px solid rgba(19,229,185,.35);background:rgba(19,229,185,.08);color:var(--green);display:grid;place-items:center;cursor:pointer;font-size:13px}
.password-eye.visible{background:rgba(19,229,185,.22);color:#fff}
.password-eye:hover{filter:brightness(1.12)}

/* V36b - padrão de botões em modais */
.modal-actions>.ghost:first-child,
.stage-footer>.ghost:first-child{
  border-color:#8d3636!important;
  color:#ff9086!important;
  background:#082521!important;
}
.modal-actions>.ghost:first-child:hover,
.stage-footer>.ghost:first-child:hover{
  border-color:#ff9086!important;
  color:#fff!important;
  background:#3a1715!important;
}

/* V37 - setas e saúde da empresa */
.accordion-arrow.mini{width:34px;height:34px;font-size:14px;display:inline-grid;place-items:center;margin-left:8px;border-radius:12px}
.group-toggle{width:100%;border:0;background:transparent;color:var(--green);display:flex;align-items:center;justify-content:space-between;font:800 14px Manrope;cursor:pointer;padding:0}

.health-panel{margin-top:16px}.modern-bars{height:180px;display:flex;align-items:end;gap:14px;border:1px solid var(--line);border-radius:18px;padding:18px 18px 30px;background:#061d1b;overflow:hidden}.modern-bars div{flex:1;text-align:center;display:grid;gap:6px;align-items:end}.modern-bars b{display:block;border-radius:12px 12px 4px 4px;background:#9aa8a4;min-height:8px;max-height:128px}.modern-bars span,.modern-bars small{color:var(--muted);font-size:12px}.health-panel blockquote{margin:16px 0;padding:16px;border:1px solid #b8c7c3;border-radius:16px;color:#cfd8d5;background:#061d1b}.health-panel.improve blockquote{border-color:#ff9086;color:#ff9086}.health-panel.success blockquote{border-color:#68d7f4;color:#68d7f4}.health-panel.extra blockquote{border-color:#d4af37;color:#d4af37}.next-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.next-levels p{border:1px solid #b8c7c3;border-radius:12px;padding:10px;margin:0;font-size:12px}.next-levels .improve{border-color:#ff9086;color:#ff9086}.next-levels .success{border-color:#68d7f4;color:#68d7f4}.next-levels .extra{border-color:#d4af37;color:#d4af37}.my-leads-list .stage-actions{flex-wrap:wrap}

.modern-bars b.neutral{background:linear-gradient(180deg,#c5cfcb,#778783)}.modern-bars b.improve{background:linear-gradient(180deg,#ff9086,#9b3029)}.modern-bars b.success{background:linear-gradient(180deg,#68d7f4,#147c95)}.modern-bars b.extra{background:linear-gradient(180deg,#f5d46a,#a57916)}.next-levels-toggle{margin-top:8px}.next-levels p span{display:block;margin-top:8px;line-height:1.45;color:inherit}.panel-head>.accordion-arrow{flex:0 0 42px}.my-leads-list .primary[disabled]{opacity:.45;cursor:not-allowed}


/* V40 - polimento de representantes, leads e rede comercial */
.reps-page .rep-period-tabs{margin:22px 0 18px;padding-bottom:2px}
.reps-page .reps-kpis{margin-top:0;margin-bottom:18px}
.reps-page #exportRepReport{background:linear-gradient(135deg,#16b88f,#08745e);border-color:#27d4aa;color:#fff;font-weight:800}
.rep-row{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;gap:14px!important;align-items:center!important;padding:16px!important}
.rep-row .avatar{width:42px;height:42px;align-self:start}
.rep-main{min-width:0}.rep-main p{margin:8px 0 0;line-height:1.45}
.rep-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:240px}.rep-actions strong{white-space:nowrap}.rep-actions .ghost{min-height:38px}
.leads-assignment-actions{display:grid;grid-template-columns:auto minmax(260px,1fr);align-items:end;gap:10px;width:100%}
.leads-assignment-actions .ghost{height:56px;align-self:end}.lead-assign-field{width:100%;min-width:260px}.lead-assign-field select{height:48px}
.my-leads-list .stage-actions .primary:not([disabled]){opacity:1;pointer-events:auto}.my-leads-list .stage-actions button{min-width:112px}
.client-directory .data-table th:last-child,.client-directory .data-table td:last-child{text-align:right;white-space:nowrap}.client-directory .data-table .ghost{min-height:36px}
@media(max-width:760px){.rep-row{grid-template-columns:44px 1fr}.rep-actions{grid-column:1/-1;justify-content:flex-start;min-width:0}.leads-assignment-actions{grid-template-columns:1fr}.leads-assignment-actions .ghost{height:42px;justify-self:start}.lead-assign-field{min-width:0}}

/* V46 - padronização botões representantes */
.reps-head .stage-actions .primary,
.reps-page #exportRepReport,
.reps-page #distributeLeads{font:700 14px "DM Sans",sans-serif!important;padding:11px 14px!important;min-height:42px!important;border-radius:13px!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important}

/* V47 - fotos de perfil e botões de leads */
.avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #78efd0;background:#06201d}.profile-card.director-card .avatar-img{width:44px;height:44px;flex:0 0 44px;border-radius:50%}.profile-photo-editor{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#061d1b;margin-bottom:18px}.profile-photo-preview{width:104px;height:104px;display:grid;place-items:center}.profile-editor-avatar,.profile-hero-avatar{width:104px;height:104px;border-radius:24px;display:grid;place-items:center;object-fit:cover;background:linear-gradient(145deg,#16bd91,#08735d);border:2px solid #78efd0;color:#fff;font:800 32px Manrope}.profile-photo-editor input{position:absolute;width:1px;height:1px;opacity:0}.profile-photo-editor label.primary{display:inline-flex;width:max-content;margin:8px 0 6px}.profile-photo-editor small{display:block;color:var(--muted)}.profile-hero-card{display:flex;align-items:center;gap:16px;margin-bottom:14px}.profile-hero-photo{width:104px;height:104px;flex:0 0 104px}.stage-leads .ticket-card .stage-actions:not(.leads-assignment-actions){display:grid;grid-template-columns:78px minmax(180px,1fr);align-items:center;gap:10px}.stage-leads .ticket-card .stage-actions:not(.leads-assignment-actions) .ghost,.stage-leads .ticket-card .stage-actions:not(.leads-assignment-actions) .primary{height:42px;min-height:42px;padding:0 14px;font:700 14px "DM Sans",sans-serif}.stage-leads .ticket-card .stage-actions:not(.leads-assignment-actions) [data-lead]{width:100%}@media(max-width:760px){.profile-photo-editor{grid-template-columns:1fr;text-align:center}.profile-photo-preview{margin:auto}.profile-photo-editor label.primary{margin-left:auto;margin-right:auto}.profile-hero-card{align-items:flex-start}.profile-hero-photo,.profile-hero-avatar{width:76px;height:76px;flex-basis:76px;border-radius:18px}.stage-leads .ticket-card .stage-actions:not(.leads-assignment-actions){grid-template-columns:1fr}.stage-leads .ticket-card .stage-actions:not(.leads-assignment-actions) .ghost,.stage-leads .ticket-card .stage-actions:not(.leads-assignment-actions) .primary{width:100%}}

.lead-contact-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.lead-contact-actions .ghost,.lead-contact-actions .primary{height:42px!important;min-height:42px!important;padding:0 16px!important;font:700 14px "DM Sans",sans-serif!important;border-radius:14px!important}
.lead-contact-actions .primary{width:auto!important;min-width:180px!important;flex:0 0 auto!important}
@media(max-width:720px){.lead-contact-actions{align-items:stretch!important}.lead-contact-actions .ghost,.lead-contact-actions .primary{width:100%!important;min-width:0!important}}

.lead-quick-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important}
.lead-quick-actions .ghost,.lead-quick-actions .primary{width:auto!important;min-width:112px!important;height:42px!important;min-height:42px!important;padding:0 16px!important;border-radius:14px!important;font:700 14px "DM Sans",sans-serif!important;flex:0 0 auto!important}
.lead-quick-actions .primary[data-lead]{min-width:170px!important}
@media(max-width:720px){.lead-quick-actions{align-items:stretch!important}.lead-quick-actions .ghost,.lead-quick-actions .primary{width:100%!important;min-width:0!important}}

/* V50 — itens do pedido, Agentes Autônomos e produtos por fornecedor */
.modal:has(.order-items-section){width:min(820px,100%)}
.order-items-section{margin-top:20px;border-top:1px solid #174c45;padding-top:16px}
.order-items-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.order-items-heading span{display:block;color:#9fc0b8;font-size:11px;font-weight:800;letter-spacing:.08em}
.order-items-heading strong{display:block;color:#effaf7;font-size:14px;margin-top:3px}
.order-items-card{margin-top:0!important;background:#061d1b!important;border-color:#1b5b51!important;overflow-x:auto!important}
.order-items-card .data-table{min-width:650px}
.order-items-card .data-table thead th{background:#062f2a;color:#9fe7d3;border-bottom-color:#1f665b}
.order-items-card .data-table tbody td{color:#e8f6f2;background:#071f1d}
.order-items-card .data-table tbody tr:nth-child(even) td{background:#092a26}
.order-items-card .data-table tbody small{color:#83a9a1}
.order-items-card .data-table tbody strong{color:#f6fffc}
.supplier-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.supplier-card-actions .primary,.supplier-card-actions .ghost{flex:1 1 130px}
.supplier-fixed-product-owner{grid-column:1/-1}
.supplier-fixed-product-owner span{display:block;color:#8fb3ab;margin-top:4px;font-size:12px}
.supplier-products-inline{margin-top:16px}
@media(max-width:760px){.modal:has(.order-items-section){width:100%}.supplier-card-actions{display:grid;grid-template-columns:1fr}.order-items-card .data-table{min-width:610px}}


/* V51 - gestão de fotos no cadastro/edição de produtos */
.product-photo-manager{
  margin-bottom:18px;
  padding:16px;
  border:1px solid #1e6659;
  border-radius:16px;
  background:linear-gradient(145deg,#061b19,#082720);
}
.product-photo-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.product-photo-head h3{margin:4px 0 4px;font:800 18px "Manrope";}
.product-photo-head .meta{margin:0;max-width:620px}
.product-photo-add{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}
.product-photo-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
}
.product-photo-item{
  overflow:hidden;
  border:1px solid #20685b;
  border-radius:13px;
  background:#061b19;
}
.product-photo-preview{
  height:170px;
  display:grid;
  place-items:center;
  padding:8px;
  background:radial-gradient(circle,#174b40 0,#071b19 66%);
  border-bottom:1px solid #174f45;
}
.product-photo-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.product-photo-actions{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:7px;
  align-items:center;
  padding:9px;
}
.product-photo-actions>span{
  min-width:0;
  color:#a9cbc3;
  font-size:11px;
  font-weight:800;
}
.product-photo-actions .ghost,
.product-photo-actions .danger{
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:11px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.product-photo-empty{
  grid-column:1/-1;
  min-height:130px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  border:1px dashed #277565;
  border-radius:13px;
  color:#b9d7d0;
  background:#061b19;
}
.product-photo-empty small{color:#799d95}
.product-photo-status{
  margin-top:10px;
  color:#7fa69d;
  font-size:12px;
}
.no-product-photo{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#729b92;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
@media(max-width:680px){
  .product-photo-head{display:grid}
  .product-photo-add{width:100%}
  .product-photo-list{grid-template-columns:1fr}
  .product-photo-preview{height:210px}
}


/* V52 - refinamento visual fotos de produtos */
.product-photo-manager{
  background:linear-gradient(145deg,#051715,#07211d);
}
.product-photo-list{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  align-items:start;
}
.product-photo-item:first-child{
  grid-column:1 / -1;
}
.product-photo-preview{
  height:min(42vh, 320px) !important;
  min-height:240px;
  padding:14px !important;
  background:#051715 !important;
}
.product-photo-item:first-child .product-photo-preview{
  height:min(46vh, 360px) !important;
}
.product-photo-preview img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
  margin:auto;
  filter:none !important;
}
.product-photo-actions{
  padding:11px !important;
}
.product-photo-actions>span{
  font-size:12px !important;
}
.product-photo-status{
  margin-top:12px;
}
.no-product-photo{
  min-height:180px;
}
@media(max-width:760px){
  .product-photo-list{
    grid-template-columns:1fr !important;
  }
  .product-photo-item:first-child{
    grid-column:auto;
  }
  .product-photo-preview,
  .product-photo-item:first-child .product-photo-preview{
    height:min(38vh, 280px) !important;
    min-height:220px;
  }
}

/* V52 - proporção dos botões nos cards de fornecedores */
.supplier-card-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:14px !important;
  align-items:stretch !important;
}
.supplier-card-actions .primary,
.supplier-card-actions .ghost,
.supplier-card-actions .supplier-action{
  margin-top:0 !important;
  width:100% !important;
  min-height:56px !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.15 !important;
}
.supplier-card-actions .primary{
  font-weight:800;
}
@media(max-width:760px){
  .supplier-card-actions{
    grid-template-columns:1fr !important;
  }
}


/* V53 - correção cirúrgica: Cadastrar Produtos no mesmo porte do EDITAR */
.supplier-card-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:12px !important;
  flex-wrap:nowrap !important;
}
.supplier-card-actions .ghost,
.supplier-card-actions .primary,
.supplier-card-actions .supplier-action{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  min-height:42px !important;
  height:42px !important;
  padding:8px 12px !important;
  margin-top:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  font-size:12px !important;
  border-radius:11px !important;
}
.supplier-card-actions .primary{
  white-space:nowrap !important;
}
@media(max-width:760px){
  .supplier-card-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .supplier-card-actions .ghost,
  .supplier-card-actions .primary,
  .supplier-card-actions .supplier-action{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
  }
}


/* V54 - carrossel de fotos do produto */
.product-photo-manager{
  margin-bottom:18px;
}
.product-photo-carousel{
  display:grid;
  gap:12px;
}
.product-photo-stage{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  gap:12px;
  align-items:center;
}
.product-photo-frame{
  min-height:250px;
  height:min(44vh,360px);
  display:grid;
  place-items:center;
  padding:14px;
  border:1px solid #1d695b;
  border-radius:16px;
  background:linear-gradient(180deg,#051715,#07231f);
  overflow:hidden;
}
.product-photo-frame img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:center;
  display:block;
  border-radius:14px;
}
.photo-nav{
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid #1d8b74;
  background:#0a2d27;
  color:#dffcf4;
  font-size:28px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.photo-nav:disabled{
  opacity:.45;
  cursor:default;
}
.photo-nav:hover:not(:disabled){
  background:#113b34;
}
.product-photo-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.product-photo-meta>span{
  color:#b3d5cc;
  font-size:12px;
  font-weight:800;
}
.product-photo-meta-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.product-photo-meta-actions .ghost,
.product-photo-meta-actions .danger{
  min-height:34px!important;
  padding:7px 12px!important;
  font-size:11px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.product-photo-thumbs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom:4px;
}
.product-photo-thumb{
  width:92px;
  height:92px;
  flex:0 0 auto;
  border:1px solid #1d695b;
  border-radius:14px;
  overflow:hidden;
  background:#051715;
  padding:0;
  cursor:pointer;
}
.product-photo-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.product-photo-thumb.active{
  border-color:#2dd0a6;
  box-shadow:0 0 0 2px rgba(45,208,166,.18);
}
.product-photo-empty{
  min-height:160px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  border:1px dashed #277565;
  border-radius:16px;
  color:#b9d7d0;
  background:#061b19;
}
.supplier-card-actions .primary{
  font-weight:700 !important;
}
@media(max-width:760px){
  .product-photo-head{
    display:grid;
    gap:12px;
  }
  .product-photo-stage{
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:8px;
  }
  .photo-nav{
    width:40px;
    height:40px;
    font-size:24px;
  }
  .product-photo-frame{
    min-height:220px;
    height:min(34vh,280px);
    padding:10px;
  }
  .product-photo-meta{
    display:grid;
  }
  .product-photo-meta-actions{
    justify-content:flex-start;
  }
  .product-photo-thumb{
    width:76px;
    height:76px;
  }
}


/* V55 - catálogo individual por fornecedor em popup */
.supplier-card-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:12px !important;
  align-items:stretch !important;
}
.supplier-card-actions .ghost,
.supplier-card-actions .primary,
.supplier-card-actions .supplier-action{
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:0 !important;
  padding:8px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1 !important;
  border-radius:11px !important;
}
.supplier-card-actions .primary{
  font-weight:700 !important;
}
.supplier-catalog-button{
  grid-column:1 / -1 !important;
  color:#8ff0d4 !important;
  border-color:#207562 !important;
  background:#082a24 !important;
}
.supplier-catalog-button:hover{
  background:#0d3b33 !important;
  border-color:#2aa889 !important;
}
.supplier-catalog-popup{
  min-height:0;
  max-height:calc(100vh - 44px);
}
.supplier-catalog-popup>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.supplier-catalog-popup-scroll{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:8px;
}
.supplier-catalog-popup-scroll .catalog-hero{
  margin-top:0;
}
.supplier-catalog-popup-footer{
  justify-content:flex-end;
}
@media(max-width:760px){
  .supplier-card-actions{
    grid-template-columns:1fr 1fr !important;
  }
  .supplier-catalog-button{
    grid-column:1 / -1 !important;
  }
  .supplier-catalog-popup-footer{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
}


/* V56 - catálogo responsivo sem cards cortados */
.supplier-catalog-popup-scroll{
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.supplier-catalog-popup-scroll .product-grid,
.supplier-products-inline .product-grid,
.product-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
  width:100% !important;
}

.supplier-catalog-popup-scroll .catalog-card,
.supplier-products-inline .catalog-card,
.product-grid .catalog-card{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  overflow:hidden !important;
}

.supplier-catalog-popup-scroll .product-image,
.supplier-products-inline .product-image,
.product-grid .product-image{
  width:100% !important;
  aspect-ratio:4 / 3 !important;
  height:auto !important;
  min-height:220px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.supplier-catalog-popup-scroll .product-image img,
.supplier-products-inline .product-image img,
.product-grid .product-image img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

.supplier-catalog-popup-scroll .catalog-body,
.supplier-products-inline .catalog-body,
.product-grid .catalog-body{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
}

.supplier-catalog-popup-scroll .catalog-body h3,
.supplier-products-inline .catalog-body h3,
.product-grid .catalog-body h3,
.supplier-catalog-popup-scroll .catalog-body p,
.supplier-products-inline .catalog-body p,
.product-grid .catalog-body p{
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

.supplier-catalog-popup-scroll .product-footer,
.supplier-products-inline .product-footer,
.product-grid .product-footer{
  margin-top:auto !important;
}

@media(max-width:1180px){
  .supplier-catalog-popup-scroll .product-grid,
  .supplier-products-inline .product-grid,
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .supplier-catalog-popup-scroll .product-grid,
  .supplier-products-inline .product-grid,
  .product-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .supplier-catalog-popup-scroll .catalog-card,
  .supplier-products-inline .catalog-card,
  .product-grid .catalog-card{
    border-radius:14px !important;
  }

  .supplier-catalog-popup-scroll .product-image,
  .supplier-products-inline .product-image,
  .product-grid .product-image{
    aspect-ratio:1 / 1 !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .supplier-catalog-popup-scroll .product-image img,
  .supplier-products-inline .product-image img,
  .product-grid .product-image img{
    object-fit:contain !important;
    background:#061b19 !important;
  }

  .supplier-catalog-popup-scroll .catalog-body,
  .supplier-products-inline .catalog-body,
  .product-grid .catalog-body{
    padding:14px !important;
  }

  .supplier-catalog-popup-scroll .product-footer,
  .supplier-products-inline .product-footer,
  .product-grid .product-footer{
    display:grid !important;
    gap:10px !important;
  }

  .supplier-catalog-popup-scroll .product-footer .primary,
  .supplier-products-inline .product-footer .primary,
  .product-grid .product-footer .primary{
    width:100% !important;
  }
}

@media(max-width:420px){
  .supplier-catalog-popup-scroll .catalog-toolbar,
  .supplier-products-inline .catalog-toolbar,
  .catalog-toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .supplier-catalog-popup-scroll .filters,
  .supplier-products-inline .filters,
  .catalog-toolbar .filters{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  .supplier-catalog-popup-scroll .product-search,
  .supplier-products-inline .product-search,
  .catalog-toolbar .product-search{
    width:100% !important;
  }
}


/* V57 - moldura acompanha proporção real da foto */
.supplier-catalog-popup-scroll .product-image,
.supplier-products-inline .product-image,
.product-grid .product-image{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  display:block !important;
  overflow:hidden !important;
  background:#061b19 !important;
}

.supplier-catalog-popup-scroll .product-image img,
.supplier-products-inline .product-image img,
.product-grid .product-image img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}

@media(max-width:760px){
  .supplier-catalog-popup-scroll .product-image,
  .supplier-products-inline .product-image,
  .product-grid .product-image{
    aspect-ratio:auto !important;
    height:auto !important;
  }

  .supplier-catalog-popup-scroll .product-image img,
  .supplier-products-inline .product-image img,
  .product-grid .product-image img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
}


/* V58 - catálogo administrativo: foto sem popup e editor com moldura destacada */
.admin-product-image{
  cursor:default !important;
}
.admin-product-image:hover img{
  transform:none !important;
}

/* A própria foto recebe o mesmo contorno esmeralda do container */
.product-photo-frame img{
  border:1px solid #1d695b !important;
  border-radius:16px !important;
  box-shadow:0 0 0 1px rgba(45,208,166,.08);
}

/* Mantém o contorno externo coerente e discreto */
.product-photo-frame{
  border:1px solid #1d695b !important;
  border-radius:16px !important;
}


/* V59 - imagem do editor totalmente contida no frame, sem corte */
.product-photo-frame{
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.product-photo-frame img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 auto !important;
  background:transparent !important;
  border:1px solid #1d695b !important;
  border-radius:16px !important;
  box-sizing:border-box !important;
}

/* Em telas menores, mantém a foto totalmente visível */
@media(max-width:760px){
  .product-photo-frame{
    padding:12px !important;
  }
  .product-photo-frame img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}


/* V60 - contorno aderente à foto e carrossel sem saltar para o topo */
.product-photo-frame{
  padding:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border:none !important;
  background:linear-gradient(180deg,#051715,#07231f) !important;
}

.product-photo-frame img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 auto !important;
  background:transparent !important;
  border:1px solid #1d695b !important;
  border-radius:16px !important;
  box-sizing:border-box !important;
}

@media(max-width:760px){
  .product-photo-frame{
    padding:8px !important;
  }
}


/* V61 - alertas navegáveis e cadastro completo de fornecedor */
.alert-link{
  width:100%;
  border:1px solid var(--line);
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.alert-link:hover{
  background:rgba(24,185,148,.06);
  border-color:#207562;
}
.alert-link:focus-visible{
  outline:2px solid #20c69c;
  outline-offset:2px;
}
.supplier-detail-grid{
  margin-bottom:16px;
}
.supplier-detail-grid .detail-box strong{
  overflow-wrap:anywhere;
}


/* V62 - onboarding contratual dos Agentes Autônomos */
.contract-pending-page{max-width:980px;margin:0 auto}
.contract-status-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.contract-status-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#0a3a31;color:#62e7c2;font-size:24px}
.contract-steps{display:grid;gap:10px;margin:20px 0}
.contract-steps article{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#071e1c}
.contract-steps article>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#153b35;color:#8ab6ac}
.contract-steps article.done>b{background:#0d735d;color:#eafff8}
.contract-steps small{display:block;color:var(--muted);margin-top:3px}
.contract-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.contract-actions a{text-decoration:none}
.signed-contract-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px;border:1px solid #1c5b50;border-radius:14px;background:#071e1c}
.signed-contract-form .meta,.signed-contract-form .login-error{grid-column:1/-1;margin:0}
.contract-sent{margin-top:14px}
.agent-contract-queue{margin-bottom:16px}
.contract-review-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.contract-review-card .stage-actions{justify-content:flex-end;flex-wrap:wrap}
.contract-review-card a{text-decoration:none}
.contract-review-links{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.contract-review-links a{text-decoration:none}
@media(max-width:760px){.contract-status-hero{grid-template-columns:auto 1fr}.contract-status-hero>.status{grid-column:1/-1;width:max-content}.signed-contract-form{grid-template-columns:1fr}.contract-review-card{grid-template-columns:1fr}.contract-review-card .stage-actions{justify-content:flex-start}.contract-actions>*{width:100%;text-align:center;justify-content:center}}


/* V63 - upload de contrato alinhado ao padrão visual */
.signed-contract-file-field{
  min-width:0;
}
.signed-contract-picker{
  width:100%;
  min-height:50px;
}
#signedContractFileStatus{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e7f3f0;
  font-size:14px;
  line-height:1.3;
}
.signed-contract-picker .file-picker-button{
  min-width:128px;
  font-weight:700;
}
@media(max-width:760px){
  .signed-contract-picker{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .signed-contract-picker .file-picker-button{
    width:100%;
  }
  #signedContractFileStatus{
    white-space:normal;
    overflow-wrap:anywhere;
  }
}