*{box-sizing:border-box}html,body{margin:0;background:#090a0b;color:#f5f5f2;font-family:Manrope,Arial,sans-serif}button,input,select{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.35fr .65fr}.login-art{position:relative;padding:52px 6vw;background:linear-gradient(90deg,rgba(7,7,7,.28),rgba(7,7,7,.78)),url("https://slowtwitch.com/wp-content/uploads/2024/11/DSC5613-1024x682.jpg") center/cover}.login-brand{font:800 28px Barlow Condensed;letter-spacing:.06em}.login-brand b{color:#ff5a00}.login-copy{position:absolute;left:6vw;bottom:10vh}.login-copy span,.eyebrow{font-size:9px;letter-spacing:.24em;color:#ff5a00}.login-copy h1{font:800 clamp(72px,8vw,142px)/.74 Barlow Condensed;margin:28px 0}.login-copy h1 i{color:#ff5a00}.login-copy p{color:#bbb}.login-panel{display:flex;align-items:center;padding:7vw;background:#0e0f10}.login-panel form{width:100%;max-width:420px;margin:auto}.mark{width:62px;height:62px;border-radius:17px;background:#ff5a00;color:#080808;display:grid;place-items:center;font:900 35px Barlow Condensed;margin-bottom:42px}.login-panel h2{font:700 42px Barlow Condensed;margin:0 0 8px}.login-panel p{color:#777;margin-bottom:38px}.login-panel label{display:block;font-size:9px;letter-spacing:.16em;color:#999;margin:20px 0}.login-panel input{width:100%;margin-top:10px;padding:17px;border:1px solid #292b2d;border-radius:10px;background:#141618;color:#fff;outline:0}.login-panel input:focus{border-color:#ff5a00}.login-panel button{width:100%;padding:18px;border:0;border-radius:10px;background:#ff5a00;font-weight:800;cursor:pointer;margin-top:10px}.login-panel button span{float:right}.login-panel small{display:block;text-align:center;color:#555;margin-top:22px}.login-error{background:#391b17;color:#ff9c89;padding:12px;border-radius:8px;font-size:12px}
#mzh-app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;background:#0d0e0f;border-right:1px solid #202224;padding:28px 18px;z-index:10}.brand{display:flex;gap:12px;align-items:center;font:800 22px Barlow Condensed;letter-spacing:.06em;padding:0 8px 36px}.brand-m{width:38px;height:38px;border-radius:10px;background:#ff5a00;color:#080808;display:grid;place-items:center;font-size:25px}.brand small{display:block;color:#ff5a00;font-size:9px;letter-spacing:.2em}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#777;padding:13px 12px;border-radius:9px;text-align:left;cursor:pointer;font-size:12px}.nav-item i{font-style:normal;font-size:17px;width:20px}.nav-item b{margin-left:auto;background:#242628;color:#aaa;border-radius:20px;padding:3px 8px;font-size:9px}.nav-item:hover,.nav-item.active{background:#17191b;color:#fff}.nav-item.active:before{content:"";width:3px;height:18px;background:#ff5a00;border-radius:4px;margin-left:-12px}.side-bottom{position:absolute;left:20px;right:20px;bottom:22px;border-top:1px solid #222;padding-top:18px}.sync-dot{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.12em}.sync-dot>b{width:8px;height:8px;border-radius:50%;background:#41df72;box-shadow:0 0 14px #41df72}.sync-dot small{color:#666}.side-bottom>button{margin-top:16px;border:0;background:transparent;color:#666;cursor:pointer;padding:0}.workspace{margin-left:244px;min-height:100vh}.topbar{height:112px;border-bottom:1px solid #202224;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;background:#090a0be8;backdrop-filter:blur(16px);z-index:8}.topbar h1{font:700 35px Barlow Condensed;margin:5px 0 0}.top-actions{display:flex;gap:10px;align-items:center}.top-actions button{background:#121416;border:1px solid #25282a;color:#aaa;border-radius:9px;padding:11px 13px;cursor:pointer}.top-actions kbd{margin-left:22px;color:#555}.user-avatar{width:40px;height:40px;border-radius:12px;background:#ff5a00;color:#080808;display:grid;place-items:center;font-weight:900}#content{padding:34px 38px 70px}.loading{height:60vh;display:grid;place-items:center;color:#666}.loading b{width:30px;height:30px;border:2px solid #333;border-top-color:#ff5a00;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.welcome h2{font:700 clamp(48px,5vw,78px)/.9 Barlow Condensed;margin:0}.welcome h2 i{color:#ff5a00}.welcome p{color:#777;font-size:12px}.live-pill{border:1px solid #29402e;border-radius:30px;padding:10px 14px;font-size:9px;letter-spacing:.14em;color:#83e99f}.live-pill b{display:inline-block;width:7px;height:7px;background:#43e477;border-radius:50%;margin-right:8px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:#101214;border:1px solid #222527;border-radius:14px;padding:20px;min-height:126px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#ff5a000b;right:-25px;top:-25px}.kpi span{font-size:9px;letter-spacing:.14em;color:#777}.kpi strong{display:block;font:700 48px Barlow Condensed;margin-top:17px}.kpi.orange strong{color:#ff5a00}.dash-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;margin-top:14px}.panel{background:#101214;border:1px solid #222527;border-radius:14px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h3{font:600 22px Barlow Condensed;margin:0}.panel-head span{font-size:9px;color:#666;letter-spacing:.12em}.recent-bike{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #202224}.recent-bike img,.img-placeholder{width:82px;height:62px;object-fit:cover;border-radius:8px;background:#1a1c1e}.recent-bike h4{margin:0 0 5px;font:600 17px Barlow Condensed}.recent-bike small{color:#666}.status{display:inline-block;padding:6px 9px;border-radius:20px;background:#1b2c20;color:#73df91;font-size:8px;letter-spacing:.1em}.status.reservada{background:#302918;color:#e8c45d}.status.vendida{background:#301b1b;color:#f47b7b}.status.manutencao{background:#302319;color:#f0a15d}.activity{display:grid;gap:18px}.activity-item{border-left:2px solid #282b2d;padding-left:15px}.activity-item b{font-size:11px}.activity-item small{display:block;color:#666;margin-top:5px}
.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input,.toolbar select{background:#111315;border:1px solid #26292b;color:#ddd;border-radius:9px;padding:12px 14px}.toolbar input{flex:1}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bike-card{background:#101214;border:1px solid #222527;border-radius:14px;overflow:hidden;cursor:pointer;transition:.25s}.bike-card:hover{transform:translateY(-3px);border-color:#3b3e40}.bike-photo{aspect-ratio:4/3;background:#181a1c;position:relative}.bike-photo img{width:100%;height:100%;object-fit:cover}.bike-photo .status{position:absolute;top:12px;left:12px}.bike-info{padding:17px}.bike-info small{color:#777;font-size:9px;letter-spacing:.12em}.bike-info h3{font:700 27px Barlow Condensed;margin:8px 0}.bike-meta{display:flex;justify-content:space-between;align-items:end}.bike-meta span{font-size:11px;color:#999}.bike-meta strong{font:700 23px Barlow Condensed;color:#fff}.empty-view{padding:90px;text-align:center;color:#666}.empty-view h2{font:700 50px Barlow Condensed;color:#ddd;margin:0 0 10px}.empty-view i{color:#ff5a00}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kan-col{background:#0e1011;border:1px solid #222527;border-radius:13px;padding:13px;min-height:520px}.kan-col h3{font:600 15px Barlow Condensed;letter-spacing:.04em;margin:4px 4px 15px}.kan-bike{background:#17191b;border:1px solid #272a2c;border-radius:10px;padding:11px;margin-bottom:9px}.kan-bike img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px}.kan-bike b{display:block;font:600 17px Barlow Condensed;margin-top:9px}.kan-bike small{color:#666}
.drawer{position:fixed;right:-760px;top:0;bottom:0;width:min(720px,95vw);background:#101214;border-left:1px solid #292c2e;z-index:30;transition:.35s;overflow:auto;box-shadow:-30px 0 80px #0008}.drawer.open{right:0}.drawer-close{position:sticky;top:16px;float:right;margin:16px;z-index:3;width:38px;height:38px;border-radius:50%;background:#1b1d1f;border:1px solid #333;color:#fff;font-size:22px;cursor:pointer}.detail-cover{height:390px;background:#181a1c}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-body{padding:28px}.detail-body>span{font-size:9px;letter-spacing:.18em;color:#ff5a00}.detail-body h2{font:700 48px Barlow Condensed;margin:10px 0}.detail-price{font:700 34px Barlow Condensed}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.detail-field{background:#17191b;border-radius:9px;padding:13px}.detail-field small{display:block;color:#666;font-size:8px;letter-spacing:.12em}.detail-field b{display:block;margin-top:7px;font-size:12px}.status-actions{display:flex;flex-wrap:wrap;gap:7px;padding:18px 0;border-top:1px solid #292b2d;border-bottom:1px solid #292b2d}.status-actions button{background:#181a1c;border:1px solid #303335;color:#bbb;border-radius:8px;padding:10px 12px;cursor:pointer}.status-actions button:hover,.status-actions button.active{background:#ff5a00;color:#080808;border-color:#ff5a00}.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:22px}.detail-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}.spec-lines{margin-top:24px;color:#aaa;font-size:12px;line-height:1.8}
.palette-wrap{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:50;padding-top:12vh}.palette-wrap.open{display:block}.palette{width:min(700px,92vw);margin:auto;background:#121416;border:1px solid #343739;border-radius:16px;box-shadow:0 30px 100px #000;padding:14px}.palette input{width:100%;background:transparent;border:0;border-bottom:1px solid #292b2d;color:#fff;padding:18px;font-size:18px;outline:0}.palette-result{display:flex;justify-content:space-between;padding:13px 15px;border-radius:8px;cursor:pointer}.palette-result:hover{background:#1b1d1f}.palette small{display:block;color:#555;padding:12px 15px}#toast{position:fixed;right:24px;bottom:24px;background:#17191b;border:1px solid #333;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.25s;z-index:70;font-size:11px}#toast.show{opacity:1;transform:none}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.stock-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:28px}.sidebar{width:72px;padding:20px 10px}.brand div,.nav-item:not(.active){font-size:0}.brand{padding-left:5px}.nav-item{justify-content:center}.nav-item i{font-size:20px}.nav-item b,.side-bottom{display:none}.workspace{margin-left:72px}.topbar{padding:0 16px}.top-actions #command{display:none}#content{padding:22px 14px}.kpis,.stock-grid,.kanban{grid-template-columns:1fr}.welcome{display:block}.live-pill{display:inline-block;margin-top:15px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.detail-grid{grid-template-columns:1fr 1fr}}
/* V2 */
.brand{flex-direction:column;align-items:flex-start;gap:7px}.brand-logo{width:154px;height:auto;display:block}.brand>small{color:#ff5a00;font:700 9px Manrope;letter-spacing:.32em;margin-left:2px}.login-real-logo{width:min(260px,80%);height:auto;margin:0 0 48px;display:block}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.chart-box{background:#101214;border:1px solid #222527;border-radius:14px;padding:22px;min-height:310px}.chart-title{font:600 22px Barlow Condensed;margin:0}.chart-sub{font-size:9px;color:#666;letter-spacing:.12em;margin-top:4px}.donut-wrap{display:flex;align-items:center;gap:30px;padding-top:28px}.donut{width:180px;aspect-ratio:1;border-radius:50%;position:relative}.donut:after{content:"";position:absolute;inset:31px;background:#101214;border-radius:50%}.donut-center{position:absolute;inset:0;z-index:2;display:grid;place-items:center;text-align:center;font:700 36px Barlow Condensed}.donut-center small{display:block;font:500 8px Manrope;color:#777;letter-spacing:.12em}.legend{display:grid;gap:12px;flex:1}.legend div{display:flex;justify-content:space-between;font-size:10px;color:#aaa;border-bottom:1px solid #202224;padding-bottom:9px}.legend b{color:#fff}.bars{display:flex;align-items:end;gap:12px;height:210px;padding-top:30px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar{width:min(44px,75%);background:linear-gradient(#ff7b32,#ff5a00);border-radius:6px 6px 2px 2px;min-height:3px}.bar-col b{font:600 15px Barlow Condensed}.bar-col span{font-size:8px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.broken-photo{width:100%;height:100%;display:grid;place-items:center;color:#444;font:700 12px Barlow Condensed;letter-spacing:.12em;background:linear-gradient(135deg,#17191b,#111315)}
@media(max-width:1050px){.charts-grid{grid-template-columns:1fr}}@media(max-width:760px){.brand-logo{width:44px;object-fit:contain;object-position:left}.brand>small{display:none}.donut-wrap{flex-direction:column}.charts-grid{grid-template-columns:1fr}}
/* V4 — legibilidade + estoque compacto */
body{font-weight:400;line-height:1.45}.topbar h1{font-family:Manrope,sans-serif;font-weight:500;font-size:29px;letter-spacing:-.025em}.eyebrow,.chart-sub,.panel-head span,.bike-info small{font-size:11px;letter-spacing:.08em}.nav-item{font-size:13px;font-weight:450}.welcome h2{font-family:Manrope,sans-serif;font-weight:500;line-height:.98;letter-spacing:-.045em}.kpi span{font-size:11px;letter-spacing:.08em}.kpi strong{font-family:Manrope,sans-serif;font-weight:500;font-size:42px;letter-spacing:-.04em}.panel-head h3,.chart-title{font-family:Manrope,sans-serif;font-weight:500;font-size:18px}.recent-bike h4{font-family:Manrope,sans-serif;font-weight:500;font-size:15px}.recent-bike small,.activity-item small{font-size:11px;color:#85888b}.activity-item b{font-size:13px;font-weight:500}.status{font-size:10px;font-weight:500;letter-spacing:.03em}.toolbar input,.toolbar select{font-size:13px;min-height:44px}.stock-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px;align-items:start}.bike-card{min-width:0;width:100%;height:auto}.bike-photo{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden}.bike-photo img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover}.bike-info{padding:15px}.bike-info h3{font-family:Manrope,sans-serif;font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:7px 0 13px}.bike-meta span{font-size:12px}.bike-meta span b{font-weight:500}.bike-meta strong{font-family:Manrope,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em}.broken-photo{position:absolute;inset:0;width:100%;height:100%;font-family:Manrope,sans-serif;font-size:11px;font-weight:400;letter-spacing:0;color:#74787b;background:linear-gradient(135deg,#17191b,#111315)}.broken-photo span:before{content:' ';display:inline-block;width:10px;height:10px;margin-right:8px;border:1px solid #555;border-top-color:#ff5a00;border-radius:50%;animation:spin .8s linear infinite}.grid-empty{grid-column:1/-1;padding:60px 20px;text-align:center;color:#777;font-size:13px}.detail-body h2{font-family:Manrope,sans-serif;font-weight:500;font-size:36px;letter-spacing:-.04em}.detail-price{font-family:Manrope,sans-serif;font-weight:600;font-size:28px}.detail-body>span,.detail-field small{font-size:10px;letter-spacing:.08em}.detail-field b{font-size:13px;font-weight:500}.spec-lines{font-size:13px;line-height:1.7}.bar-col b{font-family:Manrope,sans-serif;font-weight:500}.donut-center{font-family:Manrope,sans-serif;font-weight:500}
@media(max-width:1180px){.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.stock-grid{grid-template-columns:1fr!important}}
/* V5 — refined typography and readability */
:root{--mzh-orange:#ff5a00}
.sidebar{width:260px;padding:30px 20px}
.workspace{margin-left:260px}
.brand{font-size:24px}
.nav-item{font-size:14px;font-weight:500;padding:15px 13px;gap:13px}
.nav-item i{font-size:19px;width:22px}
.nav-item b{font-size:11px;padding:4px 9px}
.topbar h1{font-size:32px;font-weight:600}
.eyebrow,.login-copy span{font-size:11px;letter-spacing:.16em}
.welcome h2{font-size:clamp(42px,4vw,62px);line-height:.94;font-weight:600;letter-spacing:-.02em}
.welcome p{font-size:14px}
.kpi span,.panel-head span{font-size:11px;letter-spacing:.09em}
.kpi strong{font-size:44px;font-weight:600}
.panel-head h3{font-size:24px;font-weight:600}
.recent-bike{grid-template-columns:112px 1fr auto;gap:18px;padding:15px 0}
.recent-bike img,.recent-bike .img-placeholder{width:112px;height:78px;border-radius:10px;object-fit:cover}
.recent-bike h4{font-size:19px;font-weight:600;letter-spacing:0}
.recent-bike small{font-size:13px;line-height:1.45}
.status{font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 13px}
.bike-info small{font-size:11px}
.bike-info h3{font-size:25px;font-weight:600}
.bike-meta span{font-size:13px}.bike-meta strong{font-size:22px;font-weight:600}
.live-pill{font-size:11px}
.news-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}
.news-hero h2{font:600 clamp(40px,4vw,60px)/.95 "Barlow Condensed",sans-serif;margin:7px 0 0;letter-spacing:-.015em}
.news-hero h2 i{color:var(--mzh-orange)}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.news-card{background:#101214;border:1px solid #242729;border-radius:15px;overflow:hidden;cursor:pointer;transition:.25s}
.news-card:hover{transform:translateY(-3px);border-color:#3b3f42}
.news-photo{aspect-ratio:4/3;background:#17191b;position:relative;overflow:hidden}
.news-photo img{width:100%;height:100%;object-fit:cover}
.news-photo .new-pill{position:absolute;top:12px;left:12px;background:#ff5a00;color:#090a0b;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:700}
.news-body{padding:17px}.news-body>small{font-size:11px;color:#8a8d90}
.news-body h3{font:600 24px "Barlow Condensed",sans-serif;margin:8px 0}
.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8a8d90}
.news-meta strong{font:600 20px "Barlow Condensed",sans-serif;color:#eee}
@media(max-width:1050px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:78px}.workspace{margin-left:78px}.news-grid{grid-template-columns:1fr}.welcome h2{font-size:42px}}
/* V5.1 hard overrides — visible UI refresh */
.sidebar{width:268px!important;padding:30px 21px!important}
.workspace{margin-left:268px!important}
.nav-item{font-size:15px!important;font-weight:500!important;min-height:49px!important;padding:14px 14px!important}
.nav-item i{font-size:20px!important}
.welcome h2{font-family:Manrope,sans-serif!important;font-size:clamp(38px,3.4vw,54px)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:-.045em!important}
.recent-bike{grid-template-columns:124px minmax(0,1fr) auto!important;gap:18px!important;padding:16px 0!important}
.recent-bike img,.recent-bike .img-placeholder{width:124px!important;height:84px!important;border-radius:10px!important;object-fit:cover!important}
.recent-bike h4{font-family:Manrope,sans-serif!important;font-size:17px!important;font-weight:500!important}
.recent-bike small{font-size:13px!important;color:#8e9295!important}
.status{font-family:Manrope,sans-serif!important;font-size:12px!important;font-weight:500!important;padding:9px 14px!important;letter-spacing:0!important}
.panel-head h3{font-family:Manrope,sans-serif!important;font-size:20px!important;font-weight:500!important}
.panel-head span{font-size:11px!important}
@media(max-width:760px){.sidebar{width:78px!important}.workspace{margin-left:78px!important}}
html,body,button,input,select,textarea{font-family:"DM Sans","Inter",Arial,sans-serif!important}
.topbar h1,.welcome h2,.kpi strong,.panel-head h3,.recent-bike h4,.bike-info h3,.bike-meta strong,.news-hero h2,.news-body h3,.news-meta strong{font-family:"DM Sans","Inter",sans-serif!important}
.topbar h1{font-size:31px!important;font-weight:500!important}.welcome h2{font-size:44px!important;font-weight:500!important;line-height:1.06!important}.kpi strong{font-size:40px!important;font-weight:500!important}
.recent-bike{grid-template-columns:150px minmax(0,1fr) auto!important;gap:18px!important;padding:17px 0!important}.recent-bike img,.recent-bike .img-placeholder,.recent-bike .broken-photo{width:150px!important;height:96px!important;border-radius:11px!important;object-fit:cover!important}
.recent-bike h4{font-size:17px!important;font-weight:500!important}.recent-bike small{font-size:13px!important}.status{font-size:13px!important;font-weight:500!important;padding:10px 15px!important}.nav-item{font-size:15px!important;font-weight:500!important}
.user-welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.user-welcome h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:7px 0}.user-welcome p{margin:0;color:#8a8f93;font-size:14px}.user-date{color:#8a8f93;font-size:13px;text-transform:capitalize}
.note-card textarea{width:100%;min-height:150px;background:#0d0f10;border:1px solid #242729;border-radius:10px;color:#ddd;padding:14px;resize:vertical;outline:0;font-size:14px;line-height:1.6}.note-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#6f7478;font-size:11px}.note-actions button{background:#ff5a00;border:0;border-radius:8px;padding:9px 14px;font-weight:600;cursor:pointer}
.chat-shell{height:calc(100vh - 185px);min-height:540px;background:#101214;border:1px solid #242729;border-radius:15px;display:grid;grid-template-columns:220px 1fr;overflow:hidden}.chat-side{padding:20px;border-right:1px solid #242729}.chat-side b{font-size:13px}.chat-channel{margin-top:16px;padding:11px;background:#1a1c1e;border-radius:9px;font-size:13px}.chat-main{display:flex;flex-direction:column}.chat-head{padding:18px 22px;border-bottom:1px solid #242729}.chat-head b{font-size:16px;font-weight:500}.chat-head small{display:block;color:#777;margin-top:4px}.chat-list{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.chat-msg b{font-size:13px;font-weight:600}.chat-msg time{font-size:10px;color:#666;margin-left:8px}.chat-msg p{font-size:13px;color:#c7cacc;line-height:1.55;margin:5px 0;white-space:pre-wrap}.chat-compose{display:flex;gap:8px;padding:15px;border-top:1px solid #242729}.chat-compose textarea{flex:1;height:48px;resize:none;background:#17191b;border:1px solid #2b2e30;border-radius:10px;color:#fff;padding:13px}.chat-compose button{width:52px;border:0;border-radius:10px;background:#ff5a00;font-size:20px}
@media(max-width:760px){.recent-bike{grid-template-columns:98px 1fr!important}.recent-bike img,.recent-bike .img-placeholder,.recent-bike .broken-photo{width:98px!important;height:74px!important}.chat-shell{grid-template-columns:1fr}.chat-side{display:none}}
/* V6.1 — clean editorial dashboard */
.user-welcome{
padding:26px 30px!important;
background:#f5f3ef!important;
border:1px solid #e5e1da!important;
border-radius:18px!important;
color:#171819!important;
align-items:center!important;
margin-bottom:14px!important;
}
.user-welcome .eyebrow{color:#d94c00!important;font-size:11px!important;font-weight:600!important}
.user-welcome h2{color:#111214!important;font-size:34px!important;font-weight:500!important;margin:7px 0 6px!important}
.user-welcome p{color:#676a6d!important;font-size:14px!important}
.user-date{color:#303336!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important}
.dashboard-live-row{display:flex;justify-content:flex-end;margin:0 0 14px}
.dashboard-live-row .live-pill{background:#101b14!important}
.kpis{gap:14px!important}
.kpi{
background:#f7f6f3!important;
border:1px solid #e3e0da!important;
color:#18191a!important;
min-height:138px!important;
border-radius:16px!important;
padding:23px 24px!important;
}
.kpi:after{display:none!important}
.kpi span{color:#777a7d!important;font-size:11px!important;font-weight:500!important}
.kpi strong{color:#18191a!important;font-size:42px!important;font-weight:500!important;margin-top:18px!important}
.kpi.orange strong{color:#e95300!important}
.dash-grid{gap:14px!important}
.dash-grid>.panel{
background:#f7f6f3!important;
border-color:#e3e0da!important;
color:#18191a!important;
}
.dash-grid>.panel .panel-head h3{color:#18191a!important}
.dash-grid>.panel .panel-head span{color:#85888a!important}
.dash-grid>.panel .recent-bike{border-color:#dfdcd6!important}
.dash-grid>.panel .recent-bike h4{color:#1d1e1f!important}
.dash-grid>.panel .recent-bike small{color:#73777a!important}
.dash-grid>.panel .activity-item{border-color:#d9d6d0!important}
.dash-grid>.panel .activity-item b{color:#26282a!important}
.dash-grid>.panel .activity-item small{color:#777b7e!important}
.dash-grid>.panel.note-card textarea{
background:#fff!important;
border-color:#dedbd5!important;
color:#202224!important;
}
.dash-grid>.panel.note-card .note-actions{color:#74787b!important}
@media(max-width:760px){
.user-welcome{display:block!important;padding:22px!important}
.user-date{margin-top:18px!important;font-size:15px!important}
}
/* V6.2 — premium inventory cards */
.stock-grid{gap:18px!important}
.bike-card{
position:relative!important;
background:#111315!important;
border:1px solid #292c2e!important;
border-radius:18px!important;
overflow:hidden!important;
box-shadow:0 8px 30px rgba(0,0,0,.12)!important;
transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
.bike-card:hover{
transform:translateY(-5px)!important;
border-color:#414548!important;
box-shadow:0 18px 45px rgba(0,0,0,.24)!important;
}
.bike-photo{
aspect-ratio:4/3!important;
background:#f0f0ee!important;
overflow:hidden!important;
}
.bike-photo img{
width:100%!important;height:100%!important;object-fit:cover!important;
transition:transform .55s cubic-bezier(.2,.7,.2,1)!important;
}
.bike-card:hover .bike-photo img{transform:scale(1.025)!important}
.bike-photo .status{
top:15px!important;left:15px!important;
padding:8px 13px!important;
font-size:11px!important;font-weight:500!important;
border:1px solid rgba(255,255,255,.06)!important;
box-shadow:0 5px 18px rgba(0,0,0,.15)!important;
backdrop-filter:blur(8px)!important;
}
.bike-info{padding:20px 20px 19px!important}
.bike-info>small{
display:block!important;
font-size:10px!important;
line-height:1.3!important;
font-weight:500!important;
letter-spacing:.055em!important;
text-transform:uppercase!important;
color:#777c80!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
margin-bottom:8px!important;
}
.bike-info h3{
font-size:22px!important;
line-height:1.18!important;
font-weight:500!important;
letter-spacing:-.035em!important;
color:#f4f4f2!important;
margin:0 0 18px!important;
min-height:26px!important;
}
.bike-meta{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:end!important;
gap:12px!important;
border-top:1px solid #272a2c!important;
padding-top:15px!important;
}
.bike-meta span{
font-size:11px!important;
line-height:1.4!important;
font-weight:500!important;
color:#8b9093!important;
letter-spacing:.015em!important;
}
.bike-meta span b{color:#c7cacc!important;font-weight:500!important}
.bike-meta strong{
font-size:21px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:-.035em!important;
color:#f6f6f4!important;
white-space:nowrap!important;
}
.bike-card:after{
content:"Ver detalhes →";
position:absolute;
right:20px;
bottom:67px;
color:#ff5a00;
font-size:10px;
font-weight:600;
letter-spacing:.04em;
opacity:0;
transform:translateY(4px);
transition:.22s ease;
pointer-events:none;
}
.bike-card:hover:after{opacity:1;transform:translateY(0)}
@media(max-width:760px){
.bike-info{padding:17px!important}
.bike-info h3{font-size:20px!important;margin-bottom:15px!important}
.bike-meta strong{font-size:19px!important}
.bike-card:after{display:none!important}
}
/* V7 — MANZATTI EXECUTIVE EXPERIENCE */
:root{--orange:#ff6a21;--ink:#090b0d;--panel:#101417;--line:rgba(255,255,255,.08);--muted:#899096}
html,body{font-family:Manrope,Arial,sans-serif;background:#080a0b}.sidebar{background:linear-gradient(180deg,#0c1012,#080a0b);border-right:1px solid var(--line);width:216px;padding:28px 10px}.workspace{margin-left:216px}.brand{padding:0 18px 28px}.brand-logo{width:155px}.sidebar nav{gap:5px}.nav-item{border-radius:9px;padding:13px 16px;font-size:13px;color:#aeb4b8}.nav-item i{width:25px;color:#b7bdc1}.nav-item.active{background:linear-gradient(90deg,rgba(255,106,33,.12),rgba(255,255,255,.04));color:#fff;border-left:2px solid var(--orange)}.nav-item.active i{color:var(--orange)}
.topbar{height:92px;padding:0 34px;border:0;background:transparent;justify-content:space-between}.search-command{width:min(500px,48vw);height:48px;border:1px solid var(--line)!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;color:#d7dbde!important;text-align:left;padding:0 17px!important;display:flex;align-items:center;gap:12px}.search-command span{flex:1}.search-command kbd{font-size:10px;color:#858b90;background:#24282b;border:0;padding:5px 7px;border-radius:6px}.top-actions{margin-left:auto}.user-meta{display:grid;gap:1px;margin-left:-4px}.user-meta b{font-size:12px}.user-meta small{font-size:9px;color:#777}.page-heading{display:none}#content{padding:0 28px 40px;max-width:1600px;margin:auto}
.hero-dashboard{height:350px;border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(90deg,#0a0c0e 0%,rgba(8,10,11,.78) 46%,rgba(8,10,11,.2)),url("https://slowtwitch.com/wp-content/uploads/2024/11/DSC5613-1024x682.jpg") center 44%/cover;margin-bottom:14px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3))}.hero-content{position:absolute;left:34px;top:42px;z-index:2;max-width:590px}.hero-content>span{font-size:9px;letter-spacing:.42em;color:#d9dddf}.hero-content h2{font-family:Space Grotesk,Manrope,sans-serif;font-size:54px;line-height:1;margin:22px 0 14px;letter-spacing:-.055em}.hero-content h2 em{font-style:normal;color:var(--orange)}.hero-content p{color:#b5babd;font-size:14px;max-width:420px}.hero-content blockquote{margin:29px 0 0;padding-left:17px;border-left:2px solid var(--orange);font-size:13px;font-style:italic;color:#d9dcde}.hero-mantra{position:absolute;right:28px;top:105px;border-left:1px solid rgba(255,255,255,.5);padding-left:20px;line-height:2.1;letter-spacing:.34em;font-size:9px;color:#ddd}
.premium-kpis{gap:12px}.premium-kpis .kpi{min-height:112px;padding:20px 22px;border-radius:15px;background:linear-gradient(145deg,#12171a,#0e1214);border:1px solid var(--line)}.premium-kpis .kpi:after{display:none}.premium-kpis .kpi span{font-size:11px;letter-spacing:0;color:#a9afb3}.premium-kpis .kpi strong{font-family:Space Grotesk;font-size:38px;margin:10px 0 2px;letter-spacing:-.04em}.premium-kpis .kpi small{font-size:9px;color:#626a70}.executive-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.executive-card{background:linear-gradient(145deg,#111619,#0d1113);border:1px solid var(--line);border-radius:17px;padding:22px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.section-head span{display:block;color:var(--orange);font-size:8px;letter-spacing:.25em;margin-bottom:5px}.section-head h3{font-family:Space Grotesk;margin:0;font-size:18px;letter-spacing:-.025em}.section-head>b{font-size:11px;color:#747b80}.premium-bars{display:grid;gap:22px;padding:10px 4px 8px}.pbar-meta{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.pbar-meta span{color:#aeb4b8}.pbar-meta strong{font-size:17px}.pbar-track{height:9px;border-radius:20px;background:#22282b;overflow:hidden}.pbar-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#e95518,#ff8a45);box-shadow:0 0 20px rgba(255,106,33,.2)}.status-card .donut-wrap{padding-top:4px}.lg{width:8px;height:8px;border-radius:50%;display:inline-block!important;margin-right:8px}.lg.green{background:#42d77d}.lg.yellow{background:#e9b94e}.lg.red{background:#ef665f}.lg.orange{background:#ff7a32}.legend>div{grid-template-columns:16px 1fr auto!important}.bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.text-action{border:0;background:none;color:#b5babd;font-size:10px;cursor:pointer}.movements .recent-bike{grid-template-columns:66px 1fr auto;padding:10px 0}.movements .recent-bike img,.movements .img-placeholder,.movements .broken-photo{width:66px;height:50px;border-radius:8px}.pulse-card{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 85% 10%,rgba(255,106,33,.17),transparent 30%),linear-gradient(145deg,#171a1b,#0c0f10);position:relative;overflow:hidden}.pulse-card:after{content:"M";position:absolute;right:-10px;top:-42px;font-family:Space Grotesk;font-weight:700;font-size:240px;color:rgba(255,255,255,.025)}.pulse-card>span{font-size:8px;letter-spacing:.3em;color:var(--orange)}.pulse-card h3{font:500 31px/1.05 Space Grotesk;margin:10px 0}.pulse-card h3 em{font-style:normal;color:var(--orange)}.pulse-card p{max-width:370px;color:#767e83;font-size:11px}.pulse-line{width:48px;height:2px;background:var(--orange);margin-top:10px}
.chat-fab{position:fixed;right:28px;bottom:25px;z-index:80;height:52px;padding:0 18px 0 13px;border:1px solid rgba(255,106,33,.35);border-radius:28px;background:linear-gradient(135deg,#171b1d,#101315);box-shadow:0 16px 45px rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;gap:9px;cursor:pointer}.chat-fab span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#090a0b;font-size:18px}.chat-fab b{font-size:11px}.chat-fab i{position:absolute;width:8px;height:8px;border-radius:50%;background:#4de17e;right:7px;top:4px;border:2px solid #131719}
.chat-pro{height:calc(100vh - 130px);min-height:650px;display:grid;grid-template-columns:250px 1fr 240px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0c1012}.chat-rail{padding:24px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column}.chat-brand{display:flex;gap:11px;align-items:center;margin-bottom:22px}.chat-brand>span{width:38px;height:38px;border-radius:12px;background:var(--orange);color:#111;display:grid;place-items:center;font-size:22px}.chat-brand b{display:block;font-size:13px}.chat-brand small{color:#6f777c;font-size:9px}.chat-search{background:#151a1d;border:1px solid var(--line);border-radius:10px;padding:11px;color:#697176;font-size:10px}.chat-rail>p{font-size:8px;letter-spacing:.2em;color:#596166;margin:25px 8px 10px}.conversation{width:100%;display:flex;align-items:center;gap:10px;padding:11px;border:0;border-radius:10px;background:rgba(255,106,33,.09);color:#fff;text-align:left}.conversation i{width:31px;height:31px;border-radius:9px;background:#22282b;display:grid;place-items:center;font-style:normal}.conversation span{flex:1}.conversation b,.conversation small{display:block}.conversation b{font-size:11px}.conversation small{font-size:8px;color:#747c81}.conversation em{color:#4de17e}.chat-rail-foot{margin-top:auto;font-size:9px;color:#697176}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4de17e;margin-right:6px}.chat-main{display:grid;grid-template-rows:70px 1fr auto;min-width:0}.chat-head{padding:0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-head b{font-size:14px}.chat-head small{display:block;color:#687176;font-size:9px;margin-top:3px}.chat-head-actions{color:#6f777c}.chat-list{padding:22px 28px;overflow:auto;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.025),transparent 35%)}.chat-msg-pro{display:flex;gap:12px;margin:0 0 20px}.msg-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#242a2e;color:#fff;font-weight:700;font-size:11px;flex:0 0 auto}.msg-body{max-width:72%}.msg-body>div{display:flex;align-items:center;gap:8px}.msg-body b{font-size:10px}.msg-body time{font-size:8px;color:#596166}.msg-body p{margin:6px 0 0;background:#171c1f;border:1px solid var(--line);border-radius:4px 13px 13px 13px;padding:10px 13px;font-size:11px;line-height:1.5;color:#d8dcde}.chat-compose-pro{margin:0 22px 22px;padding:8px;background:#151a1d;border:1px solid var(--line);border-radius:14px;display:flex;align-items:flex-end}.chat-compose-pro textarea{flex:1;min-height:44px;max-height:120px;resize:none;background:transparent;border:0;color:#fff;padding:12px;outline:0;font-size:11px}.chat-compose-pro button{width:38px;height:38px;border-radius:10px;border:0;background:#22282b;color:#aeb4b8;cursor:pointer}.chat-compose-pro #chat-send{background:var(--orange);color:#111;font-weight:800}.chat-info{border-left:1px solid var(--line);padding:27px 20px}.chat-info>span{font-size:8px;letter-spacing:.2em;color:var(--orange)}.chat-info h3{font:500 25px Space Grotesk;margin:9px 0}.chat-info p{font-size:10px;line-height:1.6;color:#737b80}.chat-info-card{margin-top:25px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#13181b}.chat-info-card b,.chat-info-card small{display:block}.chat-info-card b{font-size:10px}.chat-info-card small{font-size:8px;color:#687176;margin-top:5px}.chat-welcome{text-align:center;color:#697176;margin-top:18vh}.chat-welcome span{font-size:38px;color:var(--orange)}.chat-welcome h3{color:#fff;font:500 24px Space Grotesk;margin:10px}.chat-welcome p{font-size:10px}
.login-shell{font-family:Manrope}.login-copy h1{font-family:Space Grotesk;font-size:clamp(78px,7vw,130px);letter-spacing:-.065em;line-height:.8}.login-copy span{font-size:10px}.login-copy p{font-size:15px}.login-panel form{max-width:500px}.login-real-logo{width:min(300px,80%);margin-bottom:54px}.login-kicker{font-size:9px;letter-spacing:.28em;color:var(--orange)}.login-panel h2{font:600 58px/.9 Space Grotesk;margin:14px 0 15px;letter-spacing:-.06em}.login-panel h2 em{font-style:normal;color:var(--orange)}.login-panel p{font-size:14px;line-height:1.5}.login-panel label{font-size:10px}.login-panel input{padding:20px 18px;font-size:14px;border-radius:12px}.forgot-link{display:block;text-align:right;color:#8d959a;font-size:10px;text-decoration:none;margin:-8px 0 15px}.login-panel button{padding:20px;border-radius:12px}.login-panel small{font-size:9px}
@media(max-width:1200px){.chat-pro{grid-template-columns:220px 1fr}.chat-info{display:none}.executive-grid,.bottom-grid{grid-template-columns:1fr}.hero-dashboard{height:330px}}@media(max-width:760px){.sidebar{width:72px}.workspace{margin-left:72px}.topbar{padding:0 14px}.search-command{width:100%;max-width:none}.user-meta{display:none}#content{padding:0 12px 80px}.hero-dashboard{height:380px}.hero-content{left:22px;top:35px}.hero-content h2{font-size:42px}.hero-mantra{display:none}.premium-kpis{grid-template-columns:1fr 1fr}.chat-pro{grid-template-columns:1fr;height:calc(100vh - 110px)}.chat-rail{display:none}.chat-fab{right:16px;bottom:16px}.login-panel h2{font-size:48px}}
/* V7.1 — larger typography + real monthly sales dashboard */
.chat-brand b{font-size:17px!important}.chat-brand small{font-size:11px!important;margin-top:4px}.chat-search{font-size:13px!important;padding:14px!important}.chat-rail>p{font-size:10px!important}.conversation b{font-size:14px!important}.conversation small{font-size:11px!important;margin-top:3px}.chat-rail-foot{font-size:11px!important}.chat-head b{font-size:19px!important}.chat-head small{font-size:12px!important}.msg-avatar{width:42px!important;height:42px!important;font-size:14px!important}.msg-body b{font-size:14px!important}.msg-body time{font-size:10px!important}.msg-body p{font-size:14px!important;line-height:1.6!important;padding:12px 16px!important}.chat-compose-pro textarea{font-size:14px!important}.chat-info>span{font-size:10px!important}.chat-info h3{font-size:30px!important}.chat-info p{font-size:13px!important}.chat-info-card b{font-size:13px!important}.chat-info-card small{font-size:11px!important;line-height:1.5}.chat-welcome p{font-size:13px!important}
.sales-performance{min-height:330px}.sales-total{display:flex;align-items:baseline;gap:14px;margin:-5px 0 20px}.sales-total strong{font:600 31px/1 Space Grotesk}.sales-total span{font-size:11px}.sales-total .up{color:#4de17e}.sales-total .down{color:#ef665f}.sales-bars{height:160px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;border-bottom:1px solid #252b2e;padding:0 8px}.sales-bar-col{height:100%;display:grid;grid-template-rows:20px 1fr 24px;text-align:center;min-width:0}.sales-bar-value{font-size:8px;color:#747c81;white-space:nowrap;overflow:hidden}.sales-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center}.sales-bar-track i{display:block;width:62%;min-height:2px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#ff8a45,#e95518);box-shadow:0 0 24px rgba(255,106,33,.13)}.sales-bar-col small{font-size:10px;color:#8d959a;padding-top:7px}.sales-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.sales-mini-kpis div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0d1113}.sales-mini-kpis span,.sales-mini-kpis b{display:block}.sales-mini-kpis span{font-size:9px;color:#687176}.sales-mini-kpis b{font-size:14px;margin-top:4px}.sales-loading{color:#747c81;padding:60px 0;text-align:center}
.sales-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;padding:8px 2px}.sales-page-head>div>span{font-size:10px;letter-spacing:.22em;color:var(--orange)}.sales-page-head h2{font:600 36px Space Grotesk;margin:7px 0 4px}.sales-page-head p{margin:0;color:#7d858a;font-size:13px}.sales-page-total{text-align:right}.sales-page-total small,.sales-page-total strong,.sales-page-total em{display:block}.sales-page-total small{font-size:9px;letter-spacing:.14em;color:#697176}.sales-page-total strong{font:600 30px Space Grotesk;margin:5px 0}.sales-page-total em{font-style:normal;font-size:10px;color:#4de17e}.sales-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}.sale-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sale-form label{font-size:10px;color:#81898e}.sale-form input{width:100%;box-sizing:border-box;margin-top:6px;background:#0b0f11;border:1px solid #293034;border-radius:10px;padding:13px;color:#fff;font:500 13px Manrope;outline:0}.sale-form input:focus{border-color:#6c3b24}.sale-form .amount-field{grid-column:1/-1}.sale-form button{grid-column:1/-1;border:0;border-radius:10px;background:var(--orange);color:#101112;font-weight:800;padding:14px;cursor:pointer}.sale-row{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.sale-row time{font-size:10px;color:#687176}.sale-row b{display:block;font-size:13px}.sale-row small{display:block;color:#737b80;font-size:10px;margin-top:4px}.sale-row strong{font:600 14px Space Grotesk}.sales-empty{padding:50px 0;text-align:center;color:#697176;font-size:12px}
@media(max-width:900px){.sales-layout{grid-template-columns:1fr}.sales-page-head{align-items:flex-start;gap:20px;flex-direction:column}.sales-page-total{text-align:left}.sales-bar-value{display:none}}
/* V7.2 — larger executive type system */
:root{--mzh-display:"Arial",sans-serif}
body,.hub-shell{font-size:16px!important}
.kpi-card,.metric-card{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#15191b,#0d1011)!important;color:#f7f5f1!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.kpi-card small,.metric-card small{font-size:14px!important;color:#a7abad!important}
.kpi-card strong,.metric-card strong{font-size:56px!important;line-height:1!important;letter-spacing:-.055em!important;font-weight:500!important}
.kpi-card p,.metric-card p{font-size:13px!important;color:#a7abad!important}
.chat-shell{font-size:16px!important}
.chat-shell h2,.chat-shell h3{font-size:22px!important}
.chat-message,.chat-bubble{font-size:16px!important;line-height:1.55!important}
.chat-meta,.chat-shell small{font-size:12px!important}
.mzh-sale-flow,.mzh-rate-sim{background:#111516;border:1px solid #292e30;border-radius:22px;padding:24px}
.mzh-sale-flow h2,.mzh-rate-sim h2{font-size:28px;margin:0 0 8px}
.mzh-sale-flow label,.mzh-rate-sim label{font-size:14px;font-weight:600}
.mzh-sale-flow input,.mzh-sale-flow select,.mzh-rate-sim input,.mzh-rate-sim select{min-height:48px;font-size:16px}
/* V8 — Bike Workspace */
.bike-detail,.detail-modal,.bike-modal,.detail-drawer,.drawer.detail,.modal.bike-detail{
position:fixed!important;inset:0!important;left:var(--sidebar-w,286px)!important;
width:auto!important;max-width:none!important;height:100vh!important;max-height:none!important;
border-radius:0!important;border:0!important;background:#0c0f10!important;
box-shadow:-24px 0 70px rgba(0,0,0,.32)!important;overflow-y:auto!important;z-index:9000!important;
}
.bike-detail .close,.detail-modal .close,.bike-modal .close,.detail-drawer .close{
position:fixed!important;top:26px!important;right:30px!important;width:48px!important;height:48px!important;
border-radius:14px!important;background:#171b1d!important;border:1px solid #2b3032!important;font-size:25px!important;z-index:10!important
}
.bike-detail img,.detail-modal img,.bike-modal img{object-fit:cover}
.bike-detail h1,.detail-modal h1,.bike-modal h1{font-size:48px!important;line-height:1.04!important;letter-spacing:-.05em!important;font-weight:500!important}
.bike-detail h2,.detail-modal h2,.bike-modal h2{font-size:28px!important}
.bike-detail p,.detail-modal p,.bike-modal p,
.bike-detail li,.detail-modal li,.bike-modal li{font-size:16px!important;line-height:1.65!important}
.bike-detail button,.detail-modal button,.bike-modal button{min-height:48px!important;font-size:15px!important;border-radius:12px!important}
.bike-detail .status,.detail-modal .status,.bike-modal .status{font-size:13px!important;padding:9px 14px!important}
.bike-detail .detail-hero,.detail-modal .detail-hero,.bike-modal .detail-hero{
min-height:420px!important;border-radius:0 0 28px 28px!important;overflow:hidden!important
}
.bike-detail .detail-content,.detail-modal .detail-content,.bike-modal .detail-content{
max-width:1320px!important;margin:0 auto!important;padding:38px 48px 80px!important
}
.bike-detail .spec,.detail-modal .spec,.bike-modal .spec{
background:#15191b!important;border:1px solid #242a2c!important;border-radius:16px!important;padding:20px!important
}
.bike-detail .photos,.detail-modal .photos,.bike-modal .photos{
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important
}
.bike-detail .photos img,.detail-modal .photos img,.bike-modal .photos img{
width:100%!important;aspect-ratio:4/3!important;border-radius:16px!important;background:#171a1c!important
}
.bike-tabs{display:flex;gap:6px;position:sticky;top:0;z-index:5;background:rgba(12,15,16,.92);backdrop-filter:blur(16px);padding:12px 0;border-bottom:1px solid #252a2c}
.bike-tabs button{background:transparent!important;border:0!important;color:#8e9598!important;padding:0 16px!important}
.bike-tabs button.is-active{color:#fff!important;background:#191d1f!important}
[data-bike-panel]{display:none}[data-bike-panel].is-active{display:block}
@media(max-width:900px){
.bike-detail,.detail-modal,.bike-modal,.detail-drawer,.drawer.detail,.modal.bike-detail{left:0!important}
.bike-detail .detail-content,.detail-modal .detail-content,.bike-modal .detail-content{padding:24px 20px 70px!important}
.bike-detail h1,.detail-modal h1,.bike-modal h1{font-size:36px!important}
.bike-detail .photos,.detail-modal .photos,.bike-modal .photos{grid-template-columns:1fr!important}
}
/* V8.1 — REAL full-page bike workspace */
body.bike-workspace-open{overflow:hidden!important}
#drawer.workspace-open{
position:fixed!important;inset:0 0 0 286px!important;right:0!important;top:0!important;bottom:0!important;
width:auto!important;max-width:none!important;height:100vh!important;background:#0b0e0f!important;
border:0!important;z-index:10000!important;overflow:auto!important;transition:none!important;box-shadow:-30px 0 90px rgba(0,0,0,.38)!important
}
#drawer.workspace-open .drawer-close{display:none!important}
#drawer.workspace-open #drawer-body{min-height:100%;padding:0!important}
.workspace-loading,.workspace-error{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;font-size:17px}
.bike-workspace{min-height:100vh;color:#f5f5f2;background:#0b0e0f;font-family:Inter,Arial,sans-serif}
.bw-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #202527;background:rgba(11,14,15,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.bw-topbar>div{display:flex;align-items:center;gap:18px}.bw-back{border:1px solid #303638!important;background:#15191b!important;color:#fff!important;padding:0 18px!important;min-height:42px!important;border-radius:11px!important;cursor:pointer}.bw-breadcrumb{font-size:12px;letter-spacing:.11em;color:#727a7e}.bw-top-actions .status{font-size:13px!important}.bw-more{width:42px!important;min-height:42px!important;border-radius:11px!important;border:1px solid #303638!important;background:#15191b!important;color:#fff!important}
.bw-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);min-height:520px;border-bottom:1px solid #202527}
.bw-hero-media{position:relative;background:#171a1b;overflow:hidden}.bw-hero-media img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}.bw-hero-media.image-error:after,.bw-no-image{content:"Imagem indisponível";position:absolute;inset:0;display:grid;place-items:center;color:#7c8487;font-size:16px;background:#15191a}
.bw-hero-info{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}.bw-kicker{font-size:13px;letter-spacing:.1em;color:#ff641f;text-transform:uppercase}.bw-hero-info h1{font-size:58px!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:500!important;margin:14px 0 16px!important}.bw-price{font-size:34px;font-weight:500;letter-spacing:-.03em;margin-bottom:42px}.bw-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bw-facts div{padding:18px;background:#141819;border:1px solid #22282a;border-radius:14px}.bw-facts small{display:block;font-size:11px;letter-spacing:.09em;color:#777f82;margin-bottom:9px}.bw-facts strong{font-size:17px;font-weight:500}
.bw-tabs{position:sticky;top:78px;z-index:15;display:flex;gap:6px;padding:12px 42px;background:rgba(11,14,15,.96);border-bottom:1px solid #202527;backdrop-filter:blur(18px)}.bw-tabs button{border:0;background:transparent;color:#7f878a;padding:12px 16px;border-radius:10px;font-size:14px;cursor:pointer}.bw-tabs button.active{background:#1a1f21;color:#fff}.bw-tabs em{font-style:normal;background:#272d2f;padding:2px 7px;border-radius:10px;margin-left:5px;font-size:11px}
.bw-layout{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:42px}.bw-main{min-width:0}.bw-panel{display:none}.bw-panel.active{display:block}.bw-section-head{margin-bottom:24px}.bw-section-head>span,.bw-side-card>span{display:block;color:#ff641f;font-size:11px;letter-spacing:.12em;margin-bottom:8px}.bw-section-head h2{font-size:30px!important;letter-spacing:-.03em!important;margin:0!important;font-weight:500!important}.bw-spec-list{border:1px solid #23292b;border-radius:18px;overflow:hidden;background:#111516}.bw-spec-list>div{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid #202527}.bw-spec-list>div:last-child{border-bottom:0}.bw-spec-list span{color:#ff641f}.bw-spec-list p{font-size:16px!important;margin:0!important;color:#d4d7d8}.bw-note{margin-top:18px;padding:22px;border-radius:16px;background:#15191a}.bw-note small{color:#7d8588;font-size:11px}.bw-note p{font-size:16px!important}
.bw-side{display:flex;flex-direction:column;gap:16px}.bw-side-card{background:#111516;border:1px solid #242a2c;border-radius:18px;padding:22px;position:sticky;top:158px}.bw-side-card+.bw-side-card{position:static}.bw-side-card h3{font-size:21px;margin:0 0 14px}.bw-side-card p{font-size:13px!important;color:#8c9497;line-height:1.55!important}.bw-status-list{display:flex;flex-direction:column;gap:7px;margin-top:18px}.bw-status-list button{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;text-align:left;min-height:50px!important;padding:0 13px!important;border-radius:12px!important;border:1px solid #282e30!important;background:#171b1d!important;color:#c7cbcd!important;cursor:pointer}.bw-status-list button i{width:8px;height:8px;border-radius:50%;background:#555}.bw-status-list button.active{border-color:#ff641f!important;background:#241810!important;color:#fff!important}.bw-status-list button.active i{background:#ff641f}.bw-status-list small{font-size:9px;color:#ff7b42;letter-spacing:.08em}
.bw-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bw-action-grid button{padding:24px!important;text-align:left!important;background:#121617!important;border:1px solid #252b2d!important;border-radius:16px!important;color:#fff!important;min-height:120px!important;cursor:pointer}.bw-action-grid button:hover{border-color:#ff641f!important;transform:translateY(-2px)}.bw-action-grid b{display:block;font-size:18px;margin-bottom:8px}.bw-action-grid small{font-size:13px;color:#899194}
.bw-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bw-gallery figure{margin:0;background:#141819;border:1px solid #242a2c;border-radius:16px;overflow:hidden;min-height:230px}.bw-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.bw-gallery figcaption{padding:11px 14px;font-size:12px;color:#858d90}.bw-gallery figure.image-error{display:grid;place-items:center}.bw-gallery figure.image-error:before{content:"Imagem indisponível";color:#747c7f;font-size:13px}.bw-empty{padding:28px;border:1px dashed #303638;border-radius:16px;color:#7f878a;background:#111415}
@media(max-width:1100px){#drawer.workspace-open{inset:0!important}.bw-hero{grid-template-columns:1fr}.bw-hero-media img{min-height:360px}.bw-hero-info{padding:38px}.bw-layout{grid-template-columns:1fr}.bw-side-card{position:static}.bw-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.bw-topbar{padding:0 18px}.bw-breadcrumb{display:none}.bw-hero-info h1{font-size:42px!important}.bw-facts{grid-template-columns:1fr}.bw-tabs{padding:10px 16px;overflow-x:auto}.bw-layout{padding:24px 18px}.bw-gallery,.bw-action-grid{grid-template-columns:1fr}}
/* V8.2 — Novidades */
.news-hero h1,.news-head h1,.novidades h1,#news h1,#novidades h1,[data-view="news"] h1,[data-view="novidades"] h1{
font-size:clamp(40px,4vw,62px)!important;line-height:1.03!important;letter-spacing:-.045em!important}
.news-grid .bike-info h3,.novidades .bike-info h3,#news .bike-info h3,#novidades .bike-info h3{
font-size:20px!important;line-height:1.2!important;font-weight:500!important}
.news-grid .bike-info small,.novidades .bike-info small,#news .bike-info small,#novidades .bike-info small{font-size:10px!important}
/* V8.2.1 — exact Novidades typography */
.news-hero h2{
font-size:clamp(34px,3.1vw,48px)!important;
line-height:1.02!important;
letter-spacing:-.035em!important;
font-weight:500!important;
}
.news-body h3{
font-size:20px!important;
line-height:1.18!important;
font-weight:500!important;
margin:7px 0 14px!important;
}
.news-body>small{font-size:10px!important}
.news-meta span{font-size:12px!important}
.news-meta strong{font-size:19px!important;font-weight:600!important}
/* V8.4 — Entrada e Saída, leitura direta do Notion */
.move-page{padding:8px 0 50px}.move-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin:18px 0 30px}
.move-head p{color:#ff6900;font-size:11px;letter-spacing:.18em;font-weight:700;margin:0 0 10px}.move-head h2{font-size:46px;line-height:1;margin:0 0 10px;letter-spacing:-.04em;font-weight:500}.move-head h2 i{color:#ff6900}.move-head span{color:#8e8e8e;font-size:14px}
.move-sync{min-width:220px;text-align:right}.move-sync small{display:block;color:#666;font-size:9px;letter-spacing:.12em}.move-sync b{display:block;font-size:12px;margin:5px 0 9px}.move-sync button{border:1px solid #343434;background:#171717;color:#ddd;border-radius:9px;padding:8px 12px;cursor:pointer}
.move-tools{display:grid;grid-template-columns:1fr 260px;gap:10px;margin-bottom:14px}.move-tools input,.move-tools select{background:#111;border:1px solid #292929;color:#eee;border-radius:12px;padding:14px 15px;font-size:14px}
.move-table{border:1px solid #262626;border-radius:16px;overflow:hidden;background:#101010}.move-row{display:grid;grid-template-columns:minmax(320px,1.5fr) .65fr .8fr .85fr 25px;gap:18px;align-items:center;padding:14px 18px;border-bottom:1px solid #222;cursor:pointer;transition:.18s}.move-row:last-child{border-bottom:0}.move-row:hover{background:#171717}
.move-row>div>small{display:block;color:#686868;font-size:8px;letter-spacing:.12em;margin-bottom:5px}.move-row>div>b{display:block;font-size:13px;font-weight:550}.move-row>div>em{display:block;color:#777;font-size:11px;font-style:normal;margin-top:4px}
.move-bike{display:flex;align-items:center;gap:14px}.move-bike>img,.move-bike>span{width:82px;height:58px;border-radius:9px;background:#eee;object-fit:contain;display:flex;align-items:center;justify-content:center;color:#222}.move-bike div small{color:#ff6900;font-size:9px;letter-spacing:.11em}.move-bike div b{display:block;font-size:15px;margin:3px 0}.move-bike div em{color:#777;font-size:11px;font-style:normal}.move-status{color:#eee}.move-arrow{color:#666;font-size:18px}
.move-loading{padding:60px;color:#888;text-align:center}
.move-detail{padding:0 0 50px}.move-detail>header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #272727;padding:0 30px}.move-detail>header button{background:none;border:0;color:#ddd;font-size:14px;cursor:pointer}.move-detail>header span{color:#777;font-size:9px;letter-spacing:.14em}
.move-detail-hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:360px;border-bottom:1px solid #272727}.move-detail-hero>div{background:#eee;display:flex;align-items:center;justify-content:center}.move-detail-hero img{width:100%;height:360px;object-fit:contain}.move-detail-hero>aside{padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.move-detail-hero small{color:#ff6900;letter-spacing:.13em}.move-detail-hero h1{font-size:42px;line-height:1.02;margin:10px 0 18px}.move-detail-hero p{color:#aaa}
.move-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#272727;margin:24px 30px;border:1px solid #272727;border-radius:14px;overflow:hidden}.move-detail-grid div{background:#111;padding:18px}.move-detail-grid small{display:block;color:#666;font-size:8px;letter-spacing:.12em;margin-bottom:7px}.move-detail-grid b{font-size:13px;font-weight:550}.move-note{margin:24px 30px;padding:20px;border:1px solid #292929;border-radius:14px}.move-note small{color:#ff6900;font-size:9px;letter-spacing:.12em}.move-note p{color:#aaa;line-height:1.6}
@media(max-width:900px){.move-head{align-items:flex-start;flex-direction:column}.move-sync{text-align:left}.move-tools{grid-template-columns:1fr}.move-row{grid-template-columns:1fr 25px}.move-row>div:not(.move-bike):not(.move-arrow){display:none}.move-detail-hero{grid-template-columns:1fr}.move-detail-grid{grid-template-columns:1fr 1fr}}
/* V8.5 legibilidade/menu — sem alterar o workspace das bikes */
.sidebar{background:linear-gradient(180deg,#111619,#0b0f11)!important;border-right:1px solid #30363a!important}.side-logo{padding-bottom:22px!important}
.side-nav{gap:7px!important;padding:8px 14px 155px!important;overflow-y:auto!important}.nav-item{min-height:54px!important;padding:0 16px!important;border-radius:12px!important;font-size:16px!important;color:#c7cdd1!important;gap:15px!important}.nav-item i{width:28px!important;font-size:18px!important;color:#b5bec4!important}.nav-item b{margin-left:auto!important}.nav-item:hover{background:#1b2023!important;color:#fff!important}.nav-item.active{background:linear-gradient(90deg,#382116,#1b1e20)!important;color:#fff!important;border:1px solid #51443c!important}.side-bottom{background:#0b0f11!important;border-top:1px solid #2b3033!important;padding:16px 20px 20px!important;z-index:20!important}.sync-dot{margin-bottom:12px!important}
.move-row>div>small{font-size:10px!important}.move-row>div>b{font-size:15px!important}.move-row>div>em{font-size:13px!important}.move-bike div b{font-size:17px!important}.move-bike div em{font-size:13px!important}.move-head span{font-size:16px!important}.move-tools input,.move-tools select{font-size:15px!important}
.team-head p{color:#ff6900;font-size:11px;letter-spacing:.18em;font-weight:700}.team-head h2{font-size:44px;margin:8px 0 10px}.team-head h2 i{color:#ff6900}.team-head span{color:#92979a;font-size:15px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.team-card{background:#14191c;border:1px solid #30363a;border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px}.team-avatar{width:48px;height:48px;border-radius:50%;background:#252b2f;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative}.team-avatar i{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#62696d;border:2px solid #14191c}.team-card.is-online .team-avatar i{background:#29d878}.team-meta{min-width:0;flex:1}.team-meta b{display:block;font-size:16px}.team-meta span{display:block;color:#858d92;font-size:13px;margin-top:4px}.team-card button{border:1px solid #41484c;background:#20262a;color:#fff;padding:9px 12px;border-radius:9px;cursor:pointer}.team-card em{color:#777;font-size:10px;font-style:normal}
.dm-popup{position:fixed;right:26px;bottom:24px;width:390px;height:540px;background:#111619;border:1px solid #394045;border-radius:18px;box-shadow:0 24px 80px #000a;z-index:10000;display:none;overflow:hidden}.dm-popup.open{display:flex;flex-direction:column}.dm-popup header{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3236}.dm-popup header small{display:block;color:#ff6900;font-size:9px;letter-spacing:.14em}.dm-popup header b{font-size:16px}.dm-popup header button{background:none;border:0;color:#aaa;font-size:26px;cursor:pointer}.dm-messages{flex:1;overflow:auto;padding:18px}.dm-msg{max-width:82%;margin:0 0 12px;background:#20262a;border-radius:12px;padding:10px 12px}.dm-msg.mine{margin-left:auto;background:#3a2418}.dm-msg b{font-size:11px;color:#ff6900}.dm-msg p{font-size:14px;line-height:1.45;margin:4px 0}.dm-msg small{font-size:9px;color:#747c81}.dm-popup form{display:flex;gap:8px;padding:12px;border-top:1px solid #2c3236}.dm-popup textarea{flex:1;resize:none;background:#1a2023;border:1px solid #343b3f;color:#fff;border-radius:10px;padding:10px;font:inherit}.dm-popup form button{background:#ff6900;border:0;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer}.dm-notify{position:fixed;right:28px;top:28px;width:330px;text-align:left;background:#171d20;border:1px solid #424a4f;border-left:3px solid #ff6900;color:#fff;border-radius:12px;padding:14px 16px;z-index:12000;box-shadow:0 18px 55px #0008;cursor:pointer}.dm-notify small{display:block;color:#ff6900;font-size:9px;letter-spacing:.13em}.dm-notify b{display:block;font-size:15px;margin:5px 0}.dm-notify span{display:block;color:#aab0b4;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1050px){.team-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.team-grid{grid-template-columns:1fr}.dm-popup{left:12px;right:12px;bottom:12px;width:auto;height:70vh}}
/* V8.6 — fechamento, marca integrada, motivação e miniaturas */
.partner-mark{padding:4px 0 18px}.partner-mark span{display:block;font-size:8px;letter-spacing:.16em;color:#5f686d;margin-bottom:8px}.partner-mark img{display:block;width:118px;height:auto;object-fit:contain;filter:saturate(.9)}
.drawer-actions{display:flex;align-items:center;gap:18px}.drawer-actions span{font-size:9px!important;letter-spacing:.13em;color:#737b80}.move-close{border:1px solid #3a4145!important;background:#181d20!important;color:#fff!important;border-radius:9px!important;padding:9px 13px!important;font-size:13px!important;cursor:pointer!important}
.sales-motivation{grid-column:1/-1;background:linear-gradient(100deg,#211710,#121719);border:1px solid #3b332e;border-left:3px solid #ff6900;border-radius:14px;padding:17px 20px;margin-bottom:5px}.sales-motivation small{display:block;color:#ff6900;font-size:9px;letter-spacing:.16em;font-weight:700;margin-bottom:7px}.sales-motivation p{margin:0;color:#e7e9e9;font-size:15px;line-height:1.45}
.move-photo img,.move-bike>img{background:#f0f0ee!important}.move-photo:has(img[style*="display: none"]),.move-bike:has(>img[style*="display: none"]){background:linear-gradient(135deg,#202629,#15191b)!important}
/* V8.6.1 */
.partner-mark{display:none!important}
.top-triclubr{height:25px!important;width:auto!important;max-width:105px!important;object-fit:contain!important;margin-left:12px!important;vertical-align:middle!important}
#refresh{vertical-align:middle!important}
/* V8.6.2 — TRI.CLUBR mais presente no topo */
.top-triclubr{
height:38px!important;
width:auto!important;
max-width:165px!important;
margin-left:18px!important;
}
/* V8.6.3 */
/* V8.6.4 */
.top-triclubr{height:48px!important;max-width:205px!important;margin-left:22px!important}
.dm-popup{
left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
transform:translate(-50%,-50%)!important;width:min(520px,calc(100vw - 32px))!important;
height:min(620px,78vh)!important;background:#15120f!important;border:1px solid #70411f!important;
box-shadow:0 30px 110px #000d,0 0 0 1px #ff690022!important
}
.dm-popup header{background:linear-gradient(90deg,#321b0d,#181411)!important;border-bottom:1px solid #6b3b1d!important}
.dm-popup header small{color:#ff8a35!important}.dm-msg{background:#24201d!important}.dm-msg.mine{background:#613015!important}
.dm-notify{
left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;
width:min(390px,calc(100vw - 32px))!important;background:linear-gradient(135deg,#4a210d,#21150f)!important;
border:1px solid #ff7a1a!important;border-left:4px solid #ff7a1a!important;
box-shadow:0 30px 100px #000d!important;padding:20px 22px!important
}
.dm-notify small{color:#ff9a55!important}.dm-notify b{font-size:18px!important;margin:7px 0!important}.dm-notify span{font-size:14px!important;color:#f0d8c8!important}
/* V8.6.5 — workspace sem sobreposição */
#drawer.workspace-open .bike-workspace{min-height:100%;height:auto!important;overflow:visible!important}
#drawer.workspace-open .bike-workspace-main{align-items:start!important}
#drawer.workspace-open .bike-side,
#drawer.workspace-open .workspace-side,
#drawer.workspace-open .bike-actions-side{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
#drawer.workspace-open .bike-side>*,
#drawer.workspace-open .workspace-side>*,
#drawer.workspace-open .bike-actions-side>*{position:relative!important;inset:auto!important;margin-bottom:18px!important}
#drawer.workspace-open .status-panel,
#drawer.workspace-open .responsibility-card{position:relative!important;inset:auto!important;transform:none!important;margin:0 0 18px!important}
#drawer.workspace-open .responsibility-card{clear:both!important}
#mzh-drawer-backdrop{display:none;position:fixed;inset:0;background:#0008;z-index:8998;cursor:pointer}
#mzh-drawer-backdrop.show{display:block}
#drawer.open{z-index:8999!important}
/* V8.6.6 — dashboard */
.premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:900px){.premium-kpis{grid-template-columns:1fr!important}}
/* V8.7 — edição da bike pelo HUB */
.bw-edit-form{margin:0 0 26px;padding:18px;border:1px solid #262c30;background:#0d1113;border-radius:14px}
.bw-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.bw-edit-form label{display:grid;gap:7px;color:#7f878c;font:500 10px Manrope,sans-serif;letter-spacing:.04em}
.bw-edit-form input,.bw-edit-form select,.bw-edit-form textarea{width:100%;box-sizing:border-box;background:#151a1d;border:1px solid #2b3236;color:#f3f4f4;border-radius:9px;padding:11px 12px;font:500 13px Manrope,sans-serif;outline:none}
.bw-edit-form input:focus,.bw-edit-form select:focus,.bw-edit-form textarea:focus{border-color:#ff5a00}
.bw-edit-notes{margin-top:11px}.bw-edit-form textarea{resize:vertical}
.bw-edit-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.bw-edit-actions button{border:0;border-radius:9px;background:#ff5a00;color:#0b0d0e;padding:12px 16px;font:700 10px Manrope,sans-serif;letter-spacing:.08em;cursor:pointer}.bw-edit-actions button:disabled{opacity:.55}.bw-edit-actions small{color:#697176;font-size:10px}
@media(max-width:760px){.bw-edit-grid{grid-template-columns:1fr 1fr}.bw-edit-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.bw-edit-grid{grid-template-columns:1fr}}
.bw-photo-edit{display:flex;align-items:flex-end;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #252b2f}.bw-photo-edit label{flex:1}.bw-photo-edit input[type=file]{padding:8px}.bw-photo-edit button{border:1px solid #343b3f;background:#181d20;color:#fff;border-radius:9px;padding:12px 14px;font:700 10px Manrope,sans-serif;letter-spacing:.07em;cursor:pointer}.bw-photo-edit small{color:#697176;font-size:10px;max-width:180px}@media(max-width:600px){.bw-photo-edit{align-items:stretch;flex-direction:column}.bw-photo-edit small{max-width:none}}
/* MANZATTI CHAT PREMIUM 8.8.24 */
.chat-v824{height:calc(100vh - 128px);min-height:680px;display:grid;grid-template-columns:305px minmax(520px,1fr) 330px;border:1px solid #252c30;border-radius:20px;overflow:hidden;background:#0b0f11;color:#f5f6f7}
.chat-v824-side{background:linear-gradient(180deg,#111619,#0c1012);border-right:1px solid #252c30;padding:24px 14px;display:flex;flex-direction:column;min-width:0}.chat-v824-title{padding:0 6px 18px}.chat-v824-title h2{font-size:25px;margin:0}.chat-v824-title small{color:#7e888e}
.chat-v824-search{height:48px;border:1px solid #2b3337;border-radius:13px;background:#181e21;display:flex;align-items:center;padding:0 14px;color:#778289}.chat-v824-search input{width:100%;border:0!important;background:transparent!important;color:#fff!important;outline:0;padding:0 8px}
.chat-v824-tabs{display:flex;gap:8px;padding:14px 4px}.chat-v824-tabs button{border:0;border-radius:20px;background:transparent;color:#899399;padding:8px 14px}.chat-v824-tabs .active{background:#4a2715;color:#ff7b24;font-weight:700}
.chat-v824-convos{overflow:auto;flex:1}.chat-person{width:100%;border:0;background:transparent;color:#fff;border-radius:13px;padding:11px 10px;display:flex;align-items:center;gap:11px;text-align:left;margin:2px 0;cursor:pointer}.chat-person:hover{background:#171d20}.chat-person.active{background:linear-gradient(90deg,#4b2817,#302016)}.chat-person-avatar{width:42px;height:42px;border-radius:50%;background:#263039;display:grid;place-items:center;font-weight:800;position:relative;flex:none}.chat-person-avatar i{position:absolute;width:9px;height:9px;border-radius:50%;right:0;bottom:1px;background:#525b60;border:2px solid #111619}.chat-person-avatar i.on{background:#21d66b}.chat-person>span:nth-child(2){min-width:0;flex:1}.chat-person b,.chat-person small{display:block}.chat-person b{font-size:13px}.chat-person small{font-size:10px;color:#879198;margin-top:3px}.chat-person em{font-style:normal;color:#ff6a00}
.chat-v824-me{border-top:1px solid #252c30;padding:16px 6px 0;display:flex;gap:10px;align-items:center}.chat-v824-me>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ff6a00;font-weight:800}.chat-v824-me b,.chat-v824-me small{display:block}.chat-v824-me small{color:#2ee278;font-size:9px}
.chat-v824-main{display:grid;grid-template-rows:92px 1fr auto;min-width:0;background:#0c1012}.chat-v824-main>header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #252c30}.chat-v824-main header h3{font-size:21px;margin:0}.chat-v824-main header small{color:#818b91}.chat-v824-actions{color:#8a949a;font-size:18px}
.chat-v824-messages{padding:24px 34px;overflow:auto}.chat-v824-messages .chat-msg-pro{margin-bottom:22px}.chat-v824-compose{margin:0 24px 22px;min-height:58px;background:#171d20;border:1px solid #2d3539;border-radius:16px;padding:7px;display:flex;align-items:center;gap:6px}.chat-v824-compose textarea{flex:1;resize:none;min-height:40px;max-height:100px;background:transparent!important;border:0!important;outline:0;color:#fff!important;padding:10px}.chat-v824-compose button{width:43px;height:43px;border-radius:12px;border:0;background:#252d31;color:#aab2b7;font-size:18px}.chat-v824-compose button:last-child{background:linear-gradient(135deg,#ff7a20,#ff5b00);color:#fff}
.chat-v824-info{border-left:1px solid #252c30;background:#0d1113;padding:16px}.chat-v824-cover{height:112px;border-radius:15px;background:linear-gradient(120deg,#2b1a11,#0d1113 58%,#51270e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800;letter-spacing:.08em}.chat-v824-cover small{display:block;font-size:7px;text-align:center;letter-spacing:.22em;color:#ff7926}.chat-v824-channel{display:flex;align-items:center;gap:12px;margin:18px 4px}.chat-v824-channel .hash,.chat-v824-profile>span{width:52px;height:52px;border-radius:50%;background:#1d2428;display:grid;place-items:center;font-size:24px;font-weight:800}.chat-v824-channel h3,.chat-v824-profile h3{margin:0;font-size:20px}.chat-v824-channel small,.chat-v824-profile small{color:#808a90}.chat-v824-info>p{color:#a2aaae;line-height:1.6;font-size:12px;padding:0 4px}.chat-v824-info hr{border:0;border-top:1px solid #252c30;margin:20px -16px}.chat-v824-info h4{font-size:12px}.chat-v824-stat{padding:10px 4px}.chat-v824-online>div{display:flex;align-items:center;gap:10px;margin:11px 0}.chat-v824-online span{width:34px;height:34px;border-radius:50%;background:#263039;display:grid;place-items:center;font-size:10px;font-weight:700}.chat-v824-online b{font-size:12px}.chat-v824-online i{width:8px;height:8px;border-radius:50%;background:#27dc70;margin-left:auto}.chat-v824-profile{text-align:center;padding:34px 0}.chat-v824-profile>span{margin:0 auto 12px;background:#ff6a00}
.v824-dm{display:flex;gap:12px;margin:0 0 22px}.v824-dm>div:last-child{max-width:72%}.v824-dm b{font-size:11px}.v824-dm small{font-size:9px;color:#69747a;margin-left:8px}.v824-dm p{margin:6px 0 0;padding:11px 14px;border-radius:5px 15px 15px 15px;background:#1a2024;border:1px solid #293136;font-size:13px}.v824-dm.mine{justify-content:flex-end}.v824-dm.mine .msg-avatar{order:2;background:#ff6a00}.v824-dm.mine p{background:linear-gradient(135deg,#e95d0b,#ff761c);border:0;border-radius:15px 5px 15px 15px}
@media(max-width:1250px){.chat-v824{grid-template-columns:280px 1fr}.chat-v824-info{display:none}}@media(max-width:820px){.chat-v824{grid-template-columns:1fr;height:calc(100vh - 110px)}.chat-v824-side{display:none}.chat-v824-messages{padding:18px}.chat-v824-compose{margin:0 12px 12px}}
.mzh-admin-label{margin:20px 16px 7px;font-size:8px;font-weight:800;letter-spacing:.18em;color:#697378}.private-page{max-width:1450px;margin:auto}.private-head{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border:1px solid #293034;border-radius:18px;background:linear-gradient(135deg,#171c1f,#0d1113)}.private-head span{color:#ff6a00;font-size:9px;font-weight:800;letter-spacing:.16em}.private-head h2{font-size:27px;margin:5px 0}.private-head p{margin:0;color:#7f898e}.private-head>b{font-size:10px;color:#9da6aa}.private-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.private-kpis article{padding:18px;background:#111619;border:1px solid #293034;border-radius:14px}.private-kpis small{display:block;color:#7c868b;font-size:9px}.private-kpis strong{display:block;font-size:23px;margin-top:5px}.private-list{padding:8px 18px;background:#101416;border:1px solid #293034;border-radius:16px}.private-row{display:grid;grid-template-columns:90px 1fr 110px 140px;gap:14px;align-items:center;padding:13px 3px;border-bottom:1px solid #22292c}.private-row.sales{grid-template-columns:1fr 140px 150px}.private-row small{display:block;color:#7e888d;font-size:10px}.private-row em{font-style:normal;font-size:9px;color:#ff8a42}.private-row>strong{text-align:right}.admin-sync{padding:70px;text-align:center;color:#899399}@media(max-width:850px){.private-kpis{grid-template-columns:1fr 1fr}.private-row,.private-row.sales{grid-template-columns:1fr}.private-row>strong{text-align:left}}
/* V8.9.6 — rolagem segura do menu lateral / ADM */
.sidebar{display:flex!important;flex-direction:column!important;height:100vh!important;overflow:hidden!important;padding-bottom:0!important}
.sidebar .brand{flex:0 0 auto!important}
.sidebar nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 10px 28px!important;margin:0 -10px!important;scrollbar-width:thin!important;scrollbar-color:#3a4145 transparent!important}
.sidebar nav::-webkit-scrollbar{width:6px!important}.sidebar nav::-webkit-scrollbar-track{background:transparent!important}.sidebar nav::-webkit-scrollbar-thumb{background:#343b3f!important;border-radius:20px!important}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#4a5358!important}
.side-bottom{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto!important;margin:0 -21px!important;padding:18px 34px 24px!important;background:#0b0f11!important;border-top:1px solid #2b3033!important;z-index:30!important}
.mzh-admin-label{padding:22px 14px 8px!important;color:#71808a!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important}
@media(max-width:760px){.sidebar nav{padding-left:4px!important;padding-right:4px!important}.side-bottom{display:none!important}.mzh-admin-label{font-size:0!important;padding:10px 0 4px!important}}
/* V8.9.7 — Administração premium */
.adm-page{max-width:1500px;margin:auto}.adm-page>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.adm-page>header span{font-size:9px;letter-spacing:.18em;color:#ff6815;font-weight:800}.adm-page>header h2{font-size:31px;margin:5px 0}.adm-page>header p{color:#7e898e;margin:0}.adm-page>header button,.adm-modal form>button{border:0;border-radius:11px;background:#ff650b;color:#fff;font-weight:800;padding:12px 17px;cursor:pointer}.adm-filters{display:grid;grid-template-columns:220px 220px 1fr;gap:10px;margin-bottom:14px}.adm-filters select,.adm-filters input,.adm-modal input,.adm-modal select{background:#141a1d;border:1px solid #2b3438;color:#e9eef0;border-radius:10px;padding:11px 12px;outline:none}.adm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.adm-kpis.five{grid-template-columns:repeat(5,1fr)}.adm-kpis article{min-height:105px;padding:18px;border-radius:15px;background:linear-gradient(145deg,#151b1e,#101416);border:1px solid #293237}.adm-kpis small{font-size:9px;color:#8c969b}.adm-kpis strong{display:block;font-size:23px;margin-top:9px}.adm-kpis em{font-size:9px;color:#687378}.adm-kpis .green{box-shadow:inset 0 0 35px rgba(0,190,140,.05)}.adm-kpis .red{box-shadow:inset 0 0 35px rgba(255,75,60,.06)}.adm-kpis .blue{box-shadow:inset 0 0 35px rgba(30,145,255,.06)}.adm-kpis .orange{box-shadow:inset 0 0 35px rgba(255,101,11,.07)}.adm-analytics{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin:12px 0}.adm-analytics section{min-height:245px;padding:19px;border:1px solid #293237;border-radius:15px;background:#101517}.adm-analytics section>span{font-size:9px;color:#ff6815;font-weight:800;letter-spacing:.12em}.adm-analytics h3{font-size:17px;margin:4px 0 15px}.adm-dual{height:175px;display:flex;gap:50px;align-items:flex-end;justify-content:center;border-bottom:1px solid #273034}.adm-dual div{text-align:center;width:120px}.adm-dual i{display:block;width:56px;margin:auto;background:linear-gradient(#22d8ae,#128c75);border-radius:8px 8px 2px 2px}.adm-dual .expense i{background:linear-gradient(#ff755f,#a72d26)}.adm-dual b,.adm-dual small{display:block;margin-top:6px}.adm-dual small{color:#7d888d}.adm-cat div{margin:12px 0}.adm-cat label{display:flex;justify-content:space-between;font-size:10px}.adm-cat i{display:block;height:7px;background:#20282c;border-radius:9px;margin-top:6px;overflow:hidden}.adm-cat u{display:block;height:100%;background:linear-gradient(90deg,#10b99a,#20d8bc);border-radius:9px}.adm-funnel div{height:37px;min-width:90px;margin:10px 0;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:700}.adm-funnel .good{background:#123b31;color:#4ae2b2}.adm-funnel .warn{background:#3b2a12;color:#ffb34c}.adm-funnel .bad{background:#3b1918;color:#ff7d73}.adm-table{border:1px solid #293237;border-radius:15px;overflow:hidden;background:#0e1315}.adm-th,.adm-tr{display:grid;align-items:center;gap:12px;padding:11px 15px}.adm-th{background:#1a2226;color:#aab2b6;font-size:9px}.adm-tr{border-top:1px solid #222b2f;font-size:10px}.adm-th.fin,.adm-tr.fin{grid-template-columns:90px 1.6fr 1fr 90px 130px 80px}.adm-th.sale,.adm-tr.sale{grid-template-columns:1.4fr 1.2fr 1fr 120px 130px 80px}.adm-tr small{display:block;color:#6f7b80;margin-top:3px}.adm-tr em{font-style:normal;padding:5px 8px;border-radius:99px;width:max-content}.adm-tr .good{background:#12382e;color:#4fe1b1}.adm-tr .bad{background:#3a1917;color:#ff786e}.adm-tr .warn{background:#392811;color:#ffb34c}.adm-tr aside{display:flex;gap:5px}.adm-tr aside button{width:31px;height:31px;border-radius:8px;border:1px solid #303a3f;background:#151b1e;color:#b9c1c5;cursor:pointer}.adm-tr aside button:hover{border-color:#ff650b;color:#ff650b}.adm-none{padding:30px;text-align:center;color:#748086}.adm-modal{position:fixed;inset:0;z-index:999999;background:rgba(2,5,6,.78);backdrop-filter:blur(10px);display:grid;place-items:center}.adm-modal-card{position:relative;width:min(560px,92vw);padding:25px;border-radius:18px;background:#111719;border:1px solid #323b3f;box-shadow:0 30px 100px #000}.adm-modal-card>span{font-size:9px;color:#ff650b;letter-spacing:.16em;font-weight:800}.adm-modal-card h3{font-size:22px;margin:5px 0 18px}.adm-x{position:absolute;right:15px;top:12px;background:none;border:0;color:#889399;font-size:24px;cursor:pointer}.adm-modal label{display:block;font-size:9px;color:#8d979c;margin:11px 0}.adm-modal input,.adm-modal select{display:block;width:100%;margin-top:5px;box-sizing:border-box}.adm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adm-modal form>button{width:100%;margin-top:12px}.admin-sync{padding:90px;text-align:center;color:#7e898e}
@media(max-width:1050px){.adm-kpis,.adm-kpis.five{grid-template-columns:repeat(2,1fr)}.adm-analytics{grid-template-columns:1fr}.adm-th{display:none}.adm-tr.fin,.adm-tr.sale{grid-template-columns:1fr 1fr}.adm-filters{grid-template-columns:1fr}.adm-page>header{align-items:flex-start;gap:15px;flex-direction:column}}
/* V8.9.11: mesmas cores V8.9.7, somente fontes/controles maiores no ADM */
.adm-page>header h2{font-size:31px!important}.adm-page>header p{font-size:15px!important}.adm-page>header span{font-size:11px!important}.adm-page>header button{font-size:14px!important;padding:11px 15px!important}
.adm-page .adm-filters input,.adm-page .adm-filters select{font-size:14px!important;min-height:42px!important;padding:10px 12px!important}
.adm-page .adm-kpis small{font-size:11px!important}.adm-page .adm-kpis strong{font-size:27px!important}.adm-page .adm-kpis em{font-size:11px!important}
.adm-page .adm-analytics h3{font-size:18px!important}.adm-page .adm-analytics section>span{font-size:11px!important}.adm-page .adm-dual b{font-size:17px!important}.adm-page .adm-dual small,.adm-page .adm-cat label{font-size:12px!important}
.adm-page .adm-th{font-size:11px!important}.adm-page .adm-tr{font-size:14px!important;min-height:58px!important}.adm-page .adm-tr b{font-size:14px!important}.adm-page .adm-tr small{font-size:12px!important;line-height:1.45!important}.adm-page .adm-tr>strong{font-size:14px!important}.adm-page .adm-tr aside button{font-size:13px!important;min-width:34px!important;min-height:34px!important}
.adm-modal-card h3{font-size:21px!important}.adm-modal label{font-size:12px!important}.adm-modal input,.adm-modal select{font-size:14px!important;min-height:42px!important}.adm-modal form>button{font-size:14px!important;min-height:42px!important}
/* V8.9.12 — Meu Controle de Vendas */
.my-sales .adm-kpis{grid-template-columns:repeat(5,1fr)}
.my-sale-grid{grid-template-columns:minmax(220px,1.5fr) 150px 160px 150px 190px}
.my-sale-grid aside{display:flex;gap:7px;justify-content:flex-end}
.my-sale-grid aside button{padding:8px 10px;border:1px solid #30383c;border-radius:8px;background:#171d20;color:#b9c1c5;cursor:pointer}
.my-sale-grid aside .danger{color:#ff8178}.adm-status{justify-self:start;padding:5px 9px;border-radius:99px;font-size:10px}
.adm-status.ok{background:#153523;color:#66df94}.adm-status.bad{background:#3a1b1b;color:#ff8078}.adm-status.wait{background:#3a2d16;color:#ffbd55}
.adm-form-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1150px){.my-sales .adm-kpis{grid-template-columns:repeat(2,1fr)}.my-sale-grid{grid-template-columns:1fr 120px 140px 150px}.my-sale-grid aside{grid-column:1/-1;justify-content:flex-start}}
/* V8.9.13 — negociação + impressão */
.my-sale-actions{display:flex;gap:9px}.adm-print{padding:10px 13px;border:1px solid #3a4247;border-radius:9px;background:#171d20;color:#d5dadd;cursor:pointer;font-size:14px}
.sale-meta{margin-top:4px;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-modal textarea{width:100%;resize:vertical;background:#171d20;color:#fff;border:1px solid #30383c;border-radius:9px;padding:10px;font:inherit}
@media(max-width:700px){.my-sale-actions{width:100%;flex-direction:column}.my-sale-actions button{width:100%}}
/* V8.9.14 — produtos e acessórios no controle comercial */
.adm-modal textarea[name="produtos"]{min-height:76px}
/* V8.9.16 */
.my-sales .adm-tr>div:first-child small{display:block}
/* V8.9.17 — corrige rolagem do modal de vendas sem alterar o restante do HUB */
.adm-modal{
overflow-y:auto!important;
overflow-x:hidden!important;
align-items:flex-start!important;
padding-top:28px!important;
padding-bottom:28px!important;
overscroll-behavior:contain;
}
.adm-modal-card{
max-height:none!important;
margin:auto!important;
}
.adm-modal-card form{
overflow:visible!important;
}
@media(max-height:760px){
.adm-modal{padding-top:14px!important;padding-bottom:14px!important}
}
/* V8.9.18 — cabeçalho temporal do Controle de Vendas */
.sales-datetime{
display:inline-flex;align-items:center;gap:11px;margin:0 0 18px;
padding:10px 14px 10px 10px;border:1px solid #2c3438;border-radius:12px;
background:linear-gradient(135deg,#171d20,#121719);box-shadow:0 8px 24px rgba(0,0,0,.12)
}
.sales-date-icon{
width:36px;height:36px;border-radius:9px;display:grid;place-items:center;
background:#20272a;color:#ef7a32;font-size:19px;border:1px solid #30383c
}
.sales-datetime small{display:block;color:#8f999f;font-size:11px;line-height:1.25;font-weight:500}
.sales-datetime strong{display:block;color:#f2f4f5;font-size:19px;line-height:1.15;margin-top:3px;font-weight:600;letter-spacing:.02em}
/* V8.9.19 — data/hora somente no Início; sem faturamento mensal no Início */
.home-datetime{
display:inline-flex;align-items:center;gap:11px;margin:0 0 18px;
padding:10px 14px 10px 10px;border:1px solid #2c3438;border-radius:12px;
background:linear-gradient(135deg,#171d20,#121719);box-shadow:0 8px 24px rgba(0,0,0,.12)
}
.home-date-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#20272a;color:#ef7a32;font-size:19px;border:1px solid #30383c}
.home-datetime small{display:block;color:#8f999f;font-size:11px;line-height:1.25;font-weight:500}
.home-datetime strong{display:block;color:#f2f4f5;font-size:19px;line-height:1.15;margin-top:3px;font-weight:600;letter-spacing:.02em}
.home-status-only{grid-template-columns:1fr!important}
/* V8.9.21 — Home premium comercial */
.home-hero-v921{height:330px;position:relative;overflow:hidden;border:1px solid #283035;border-radius:18px;margin-bottom:14px;background-image:linear-gradient(90deg,rgba(5,8,10,.96) 0%,rgba(5,8,10,.76) 39%,rgba(5,8,10,.25) 68%,rgba(5,8,10,.88) 100%),var(--home-cover);background-size:cover;background-position:center;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28))}.home-hero-main{position:absolute;left:34px;top:42px;z-index:2;max-width:650px}.home-hero-main>span{font-size:10px;letter-spacing:.31em;color:#f07a31;font-weight:700}.home-hero-main h2{font:650 42px/1.02 Space Grotesk,Manrope,sans-serif;letter-spacing:-.045em;margin:18px 0 14px;color:#f6f7f7}.home-hero-main h2 em{font-style:normal;color:#ff6a16}.home-hero-main>p{max-width:570px;font-size:14px;line-height:1.55;color:#c2c8cb;margin:0}.home-hero-side{position:absolute;right:24px;top:24px;bottom:24px;width:285px;z-index:3;padding-left:24px;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center;gap:22px}.home-clock-v921{display:flex;gap:12px;align-items:center}.home-clock-v921 .home-date-icon{width:42px;height:42px}.home-clock-v921 small{display:block;color:#b3bbc0;font-size:11px}.home-clock-v921 strong{display:block;font:650 28px Space Grotesk;margin-top:3px}.home-message-v921{padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.home-message-v921 small{font-size:9px;letter-spacing:.18em;color:#ff7426}.home-message-v921 p{font-size:14px;line-height:1.5;color:#e3e6e8;margin:8px 0 0}
.home-kpis-v921{display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;gap:12px;margin-bottom:20px}.home-kpis-v921 button{min-height:122px;border:1px solid #293136;border-radius:15px;background:linear-gradient(145deg,#151b1e,#0f1416);color:#fff;padding:18px;display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.14);transition:.18s}.home-kpis-v921 button:hover{transform:translateY(-2px);border-color:#414b50}.home-kpis-v921 i{width:48px;height:48px;border-radius:12px;background:#20282c;display:grid;place-items:center;font-style:normal;font-size:22px;color:#ff7023}.home-kpis-v921 button>div{flex:1}.home-kpis-v921 span,.home-kpis-v921 small{display:block;color:#929ca2}.home-kpis-v921 span{font-size:12px}.home-kpis-v921 strong{display:block;font:650 31px Space Grotesk;margin:3px 0}.home-kpis-v921 small{font-size:10px}.home-kpis-v921 button>b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#222a2e;color:#bfc6ca}.home-kpis-v921 .home-stock-cta{background:linear-gradient(120deg,rgba(8,11,13,.95),rgba(16,20,22,.78)),var(--home-cover);background-size:cover;background-position:center}.home-stock-cta strong{font-size:21px!important;line-height:1.05!important}.home-stock-cta small{color:#ff7426!important;letter-spacing:.12em}
.home-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px}.home-section-title h3{font-size:17px;margin:0}.home-section-title span{font-size:10px;color:#6f797f}.home-quick-v921{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-bottom:14px}.home-quick-v921 button{height:68px;border:1px solid #293136;border-radius:12px;background:#151b1e;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;cursor:pointer}.home-quick-v921 button:hover{border-color:#ff6a16}.home-quick-v921 i{width:34px;height:34px;border-radius:9px;background:#222a2e;display:grid;place-items:center;font-style:normal;color:#d7dcde}.home-quick-v921 span{font-size:11px;line-height:1.25;flex:1}.home-quick-v921 b{color:#737d82}.home-lower-v921{display:grid;grid-template-columns:1.15fr .9fr .8fr;gap:14px}.home-lower-v921>.executive-card,.home-lower-v921>.status-card{min-height:310px}.home-lower-v921 .executive-grid{display:contents}.home-lower-v921 .status-card{grid-column:auto}.home-sales-focus{display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 100% 0,rgba(255,106,22,.12),transparent 38%),#111619!important}.home-sales-focus h3{font-size:30px!important;line-height:1!important}.home-sales-focus p{font-size:12px!important;line-height:1.6!important}
/* remove old detached home date/message styling from layout */
#content>.home-datetime,#content>.sales-motivation{display:none!important}
@media(max-width:1300px){.home-hero-side{width:245px}.home-hero-main{max-width:560px}.home-hero-main h2{font-size:36px}.home-kpis-v921{grid-template-columns:repeat(2,1fr)}.home-quick-v921{grid-template-columns:repeat(4,1fr)}.home-lower-v921{grid-template-columns:1fr 1fr}.home-sales-focus{grid-column:1/-1;min-height:220px!important}}
@media(max-width:760px){.home-hero-v921{height:520px}.home-hero-main{left:20px;right:20px;top:28px}.home-hero-main h2{font-size:33px}.home-hero-side{left:20px;right:20px;bottom:22px;top:auto;width:auto;height:auto;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:16px 0 0;gap:12px}.home-message-v921{padding-top:10px}.home-kpis-v921{grid-template-columns:1fr}.home-quick-v921{grid-template-columns:1fr 1fr}.home-lower-v921{grid-template-columns:1fr}}
/* V8.9.23 — cadastro de venda em tela cheia, sem fechamento acidental */
body.sale-form-open{overflow:hidden!important}
.sale-fullscreen{position:fixed;inset:0;z-index:1000000;background:#090d0f;color:#eef2f3;overflow:auto}
.sale-fs-shell{max-width:1540px;margin:0 auto;padding:28px 34px 60px}
.sale-fs-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0 20px;background:linear-gradient(#090d0f 82%,rgba(9,13,15,0));border-bottom:1px solid #20282c}
.sale-fs-head span,.sale-summary>span{font-size:10px;letter-spacing:.18em;color:#ff6815;font-weight:800}.sale-fs-head h2{font-size:34px;margin:5px 0}.sale-fs-head p{margin:0;color:#829097;font-size:14px}
.sale-fs-head-actions{display:flex;gap:10px;flex-shrink:0}.sale-fs-head button,.sale-save-bottom{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer;font-size:14px}.sale-cancel{background:#171e21;color:#c7d0d4;border:1px solid #303a3f!important}.sale-save,.sale-save-bottom{background:#ff650b;color:white}
.sale-progress{display:flex;align-items:center;gap:9px;margin:25px 0;color:#8b979c;font-size:11px}.sale-progress i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#182024;border:1px solid #303a3f}.sale-progress i.active{background:#ff650b;color:white;border-color:#ff650b}.sale-progress b{height:1px;background:#293236;flex:1;max-width:80px}
.sale-fs-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.sale-fs-form{display:grid;gap:16px}.sale-section{background:linear-gradient(145deg,#12181b,#0e1315);border:1px solid #293237;border-radius:18px;padding:23px}.sale-section-title{display:flex;gap:13px;align-items:center;margin-bottom:19px}.sale-section-title em{font-style:normal;width:38px;height:38px;border-radius:11px;background:#2a1b13;color:#ff6815;display:grid;place-items:center;font-weight:800}.sale-section-title h3{font-size:19px;margin:0 0 3px}.sale-section-title p{margin:0;color:#738087;font-size:12px}
.sale-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sale-fields label{font-size:11px;color:#a4afb4;font-weight:600}.sale-fields label.wide{grid-column:1/-1}.sale-fields input,.sale-fields select,.sale-fields textarea{box-sizing:border-box;width:100%;margin-top:7px;background:#0c1113;border:1px solid #303a3f;color:#f0f3f4;border-radius:11px;padding:13px 14px;font:inherit;font-size:14px;outline:none;resize:vertical}.sale-fields input:focus,.sale-fields select:focus,.sale-fields textarea:focus{border-color:#ff6815;box-shadow:0 0 0 3px rgba(255,104,21,.08)}
.sale-summary{position:sticky;top:116px;background:linear-gradient(145deg,#151c1f,#0f1416);border:1px solid #30393d;border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.sale-summary h3{font-size:20px;margin:7px 0 22px}.sale-summary>div{padding:15px;border-radius:12px;background:#1a2023;margin-bottom:18px}.sale-summary>div small{display:block;color:#829097}.sale-summary>div strong{display:block;font-size:25px;margin-top:4px}.sale-summary dl{display:grid;grid-template-columns:1fr 1.3fr;gap:11px;margin:0}.sale-summary dt{color:#748087;font-size:11px}.sale-summary dd{margin:0;text-align:right;font-size:12px;font-weight:700}.sale-summary p{border-top:1px solid #293236;margin:20px 0 0;padding-top:16px;color:#69767c;font-size:10px;line-height:1.5}
.sale-final{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #3a332d;background:#171512;border-radius:18px;padding:20px 22px}.sale-final strong,.sale-final small{display:block}.sale-final small{color:#817a74;margin-top:4px}.sale-save-bottom{min-width:240px}
@media(max-width:980px){.sale-fs-shell{padding:18px 16px 40px}.sale-fs-head{align-items:flex-start}.sale-fs-head h2{font-size:27px}.sale-fs-grid{grid-template-columns:1fr}.sale-summary{position:static;order:-1}.sale-progress span{display:none}.sale-fields{grid-template-columns:1fr}.sale-fields label.wide{grid-column:auto}.sale-final{align-items:stretch;flex-direction:column}.sale-save-bottom{width:100%}}
@media(max-width:620px){.sale-fs-head{position:relative;flex-direction:column}.sale-fs-head-actions{width:100%}.sale-fs-head-actions button{flex:1}.sale-progress{margin:15px 0}.sale-section{padding:17px}.sale-summary{display:none}}
/* V8.9.24 — responsividade global desktop/notebook */
html,body{max-width:100%;overflow-x:hidden}
.hub-shell,.hub-main,.main,.content,.view,.adm-page{min-width:0!important;max-width:none!important}
.hub-main,.main,.content{width:100%!important;box-sizing:border-box}
.view,.adm-page{width:100%!important;box-sizing:border-box}
.adm-page>*{max-width:100%;box-sizing:border-box}
/* Controle pessoal de vendas: ocupar a área útil sem estouro lateral */
.my-sales-page,.my-sales-wrap,.sales-page{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
.my-sales-page .adm-kpis,.my-sales-wrap .adm-kpis,.sales-page .adm-kpis,
.my-sales-page .kpi-grid,.my-sales-wrap .kpi-grid,.sales-page .kpi-grid{
display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;width:100%!important
}
.adm-kpi,.kpi-card{min-width:0!important}
.adm-kpi strong,.kpi-card strong{overflow-wrap:anywhere}
/* filtros e cabeçalho não podem empurrar a página */
.adm-toolbar,.adm-filters,.sales-toolbar,.sales-filters{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.adm-filters input,.adm-filters select,.sales-filters input,.sales-filters select{min-width:0!important;max-width:100%!important}
/* tabela: largura fluida; scroll fica dentro dela quando realmente necessário */
.adm-table-wrap,.sales-table-wrap,.table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;box-sizing:border-box}
.adm-table,.sales-table{width:100%!important;max-width:100%!important;table-layout:auto}
.adm-table td,.adm-table th,.sales-table td,.sales-table th{box-sizing:border-box}
.adm-table td:last-child,.adm-table th:last-child,.sales-table td:last-child,.sales-table th:last-child{white-space:nowrap}
/* cards e grids gerais do HUB */
.executive-grid,.dashboard-grid,.cards-grid,.quick-grid{min-width:0!important;max-width:100%!important}
.executive-grid>*,.dashboard-grid>*,.cards-grid>*,.quick-grid>*{min-width:0!important}
/* notebooks / desktops compactos */
@media (max-width:1500px){
.my-sales-page .adm-kpis,.my-sales-wrap .adm-kpis,.sales-page .adm-kpis,
.my-sales-page .kpi-grid,.my-sales-wrap .kpi-grid,.sales-page .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:1180px){
.my-sales-page .adm-kpis,.my-sales-wrap .adm-kpis,.sales-page .adm-kpis,
.my-sales-page .kpi-grid,.my-sales-wrap .kpi-grid,.sales-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.adm-page{padding-left:20px!important;padding-right:20px!important}
}
@media (max-width:760px){
.my-sales-page .adm-kpis,.my-sales-wrap .adm-kpis,.sales-page .adm-kpis,
.my-sales-page .kpi-grid,.my-sales-wrap .kpi-grid,.sales-page .kpi-grid{grid-template-columns:1fr!important}
.adm-page{padding-left:14px!important;padding-right:14px!important}
}
/* V8.9.25 — correção cirúrgica da coluna AÇÕES */
.adm-table td:last-child,.sales-table td:last-child{
padding-right:18px!important;
}
.adm-table td:last-child>div,.sales-table td:last-child>div,
.adm-table .row-actions,.sales-table .row-actions,
.adm-actions,.sales-actions{
display:flex!important;align-items:center!important;justify-content:flex-end!important;
gap:8px!important;flex-wrap:nowrap!important;width:auto!important;min-width:150px!important;
}
.adm-table td:last-child button,.sales-table td:last-child button,
.adm-table td:last-child .btn,.sales-table td:last-child .btn,
.adm-actions button,.sales-actions button{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
flex:0 0 auto!important;width:auto!important;min-width:64px!important;max-width:none!important;
height:42px!important;padding:0 13px!important;margin:0!important;white-space:nowrap!important;
box-sizing:border-box!important;overflow:visible!important;
}
.adm-table th:last-child,.sales-table th:last-child,
.adm-table td:last-child,.sales-table td:last-child{
width:170px!important;min-width:170px!important;max-width:170px!important;
text-align:right!important;overflow:visible!important;
}
/* em telas compactas, a tabela rola internamente em vez de esmagar os botões */
@media(max-width:1180px){
.adm-table,.sales-table{min-width:900px!important}
}
/* V8.9.26 — correção real dos botões do Meu Controle de Vendas.
A listagem é DIV/CSS Grid, não uma tabela HTML. */
.my-sales .adm-table{width:100%!important;max-width:100%!important;overflow-x:auto!important}
.my-sales .my-sale-grid{
grid-template-columns:minmax(320px,1fr) 110px 145px 135px 170px!important;
width:100%!important;min-width:900px!important;box-sizing:border-box!important;
}
.my-sales .my-sale-grid>aside{
display:flex!important;align-items:center!important;justify-content:flex-end!important;
gap:8px!important;width:100%!important;min-width:0!important;overflow:visible!important;
}
.my-sales .my-sale-grid>aside button{
width:auto!important;min-width:72px!important;max-width:none!important;height:38px!important;
padding:0 12px!important;margin:0!important;display:inline-flex!important;
align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
white-space:nowrap!important;overflow:visible!important;box-sizing:border-box!important;
}
.my-sales .my-sale-grid>aside button.danger{border-color:#ff650b!important;color:#ff8178!important}
@media(max-width:1150px){
.my-sales .my-sale-grid{
grid-template-columns:minmax(300px,1fr) 100px 140px 125px 165px!important;
min-width:860px!important;
}
.my-sales .my-sale-grid>aside{grid-column:auto!important;justify-content:flex-end!important}
}
/* V8.9.27 — capitalização automática + impressão A4 landscape fluida */
/* V8.9.28 — contraste laranja + filtro exclusivo da impressão */
.my-sales .adm-kpi small,.my-sales .adm-kpi em,.my-sales .my-sale-grid small,.my-sales .my-sale-grid .muted,
.my-sales .adm-subtitle,.my-sales p,.my-sales label,.my-sales .sales-meta,.my-sales .meta{color:#ff7a24!important}
.my-sales .adm-kpi,.my-sales .my-sale-grid,.my-sales .adm-table,.my-sales select,.my-sales input{border-color:rgba(255,106,20,.42)!important}
.my-sales select,.my-sales input{color:#fff!important}.my-sales select option{background:#111719;color:#fff}
.my-sale-print-filter{min-height:46px!important;padding:0 38px 0 14px!important;border-radius:12px!important;background:#141b1e!important;border:1px solid #ff6815!important;color:#ff8a42!important;font-weight:700!important;cursor:pointer!important;box-sizing:border-box!important}
.my-sale-print-filter:focus{outline:none!important;box-shadow:0 0 0 3px rgba(255,104,21,.12)!important}
.sale-fields label,.sale-section-title p,.sale-summary dt,.sale-summary p,.sale-final small{color:#ff8a42!important}
.sale-fields input::placeholder,.sale-fields textarea::placeholder{color:#d56c31!important;opacity:.85!important}
@media(max-width:900px){.my-sale-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.my-sale-print-filter{grid-column:1/-1!important;width:100%!important}}
/* V8.9.29 — calendário para data da venda */
.sale-fields input[type="date"]{color-scheme:dark;cursor:pointer}
.sale-fields input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;filter:sepia(1) saturate(8) hue-rotate(345deg) brightness(1.25)}
/* V8.9.30 — hierarquia visual da listagem de vendas */
.my-sales .my-sale-grid strong:first-child,
.my-sales .my-sale-grid .client-name{
color:#ff6a14!important;
}
.my-sales .my-sale-grid small,
.my-sales .my-sale-grid .muted,
.my-sales .my-sale-grid .sales-meta,
.my-sales .my-sale-grid .meta{
color:#f2f4f5!important;
}
/* V8.9.31 — nome do cliente: seletor no elemento real */
.my-sales .my-sale-grid .my-sale-client-name,
.my-sale-grid .my-sale-client-name{color:#ff6815!important;font-weight:800!important}
.my-sales .my-sale-grid small,.my-sale-grid small{color:#f4f6f7!important}
/* V8.9.36 — anti-flicker mantendo performance */
body.mzh-hydrated .view,
body.mzh-hydrated .adm-page,
body.mzh-hydrated .hero,
body.mzh-hydrated .card,
body.mzh-hydrated .adm-kpi,
body.mzh-hydrated .my-sale-grid{
animation:none!important;
}
body.mzh-hydrated .view,
body.mzh-hydrated .adm-page{transition:none!important}
/* V8.9.37 — Home: painel direito do hero responsivo e sem corte */
@media (min-width:981px){
.home-hero,.hero-home,.hero-premium,.hero{overflow:hidden!important}
.home-hero .hero-right,.hero-home .hero-right,.hero-premium .hero-right,
.home-hero .hero-side,.hero-home .hero-side,.hero-premium .hero-side{
width:clamp(300px,30vw,420px)!important;
min-width:300px!important;max-width:420px!important;
right:0!important;left:auto!important;
padding:26px 30px!important;
box-sizing:border-box!important;
}
}
@media (max-width:1450px) and (min-width:981px){
.home-hero .hero-right,.hero-home .hero-right,.hero-premium .hero-right,
.home-hero .hero-side,.hero-home .hero-side,.hero-premium .hero-side{
width:340px!important;min-width:340px!important;padding:22px 24px!important;
}
.home-hero .hero-right p,.hero-home .hero-right p,.hero-premium .hero-right p,
.home-hero .hero-side p,.hero-home .hero-side p,.hero-premium .hero-side p{
max-width:100%!important;overflow-wrap:break-word!important;
}
}
@media (max-width:1180px){
.home-hero,.hero-home,.hero-premium{
min-height:auto!important;
}
.home-hero .hero-content,.hero-home .hero-content,.hero-premium .hero-content{
grid-template-columns:minmax(0,1fr)!important;
}
.home-hero .hero-right,.hero-home .hero-right,.hero-premium .hero-right,
.home-hero .hero-side,.hero-home .hero-side,.hero-premium .hero-side{
position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;
border-left:0!important;border-top:1px solid rgba(255,255,255,.14)!important;
padding:20px 24px!important;
}
}
/* Evita que data/frase ultrapassem a coluna em qualquer escala do navegador */
.hero-date,.hero-time,.hero-message,.hero-message-day{max-width:100%!important;box-sizing:border-box!important}
.hero-message,.hero-message-day{white-space:normal!important;overflow-wrap:anywhere!important}
/* V8.9.38 — Formulários ADM */
.forms-page{display:grid;gap:18px}.forms-head{display:flex;align-items:flex-end;justify-content:space-between;padding:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#151515,#0c0c0c);border-radius:18px}.forms-head p{margin:0 0 8px;color:#ff6815;font-size:11px;font-weight:800;letter-spacing:.14em}.forms-head h2{margin:0;font-size:34px}.forms-head h2 i{color:#ff6815;font-style:normal}.forms-head span{display:block;margin-top:8px;color:#999}.forms-new{text-align:center;min-width:90px}.forms-new strong{display:block;font-size:34px;color:#ff6815}.forms-new span{font-size:10px;letter-spacing:.14em}.forms-toolbar{display:grid;grid-template-columns:1fr 190px;gap:10px}.forms-toolbar input,.forms-toolbar select{background:#111;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:14px}.forms-list{display:grid;gap:8px}.form-row{width:100%;display:grid;grid-template-columns:10px minmax(220px,1fr) 180px 120px 18px;align-items:center;gap:14px;text-align:left;background:#111;border:1px solid rgba(255,255,255,.07);color:#fff;padding:16px 18px;border-radius:14px}.form-row:hover{border-color:rgba(255,104,21,.45);transform:translateY(-1px)}.form-row div b,.form-row div small{display:block}.form-row div small,.form-row>span{color:#9b9b9b;font-size:12px}.form-dot{width:8px;height:8px;border-radius:50%;background:#777}.form-dot.novo{background:#ff6815;box-shadow:0 0 0 5px rgba(255,104,21,.1)}.form-dot.concluido{background:#42d77d}.form-status{font-style:normal;font-size:11px;padding:7px 9px;border-radius:999px;background:#222;text-align:center}.form-status.novo{color:#ff8a4c}.form-status.concluido{color:#66e296}.forms-empty{padding:34px;text-align:center;color:#888;border:1px dashed rgba(255,255,255,.1);border-radius:14px}.forms-setup{background:#101010;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}.forms-setup summary{cursor:pointer;font-weight:700}.forms-setup p{margin:14px 0 5px;color:#999;font-size:11px}.forms-setup code{display:block;overflow:auto;padding:10px;background:#080808;border-radius:8px;color:#ddd}.forms-setup small{display:block;margin-top:12px;color:#777}.form-detail>p{color:#999}.form-answer-list{display:grid;gap:10px;margin-top:20px}.form-answer-list section{padding:14px;background:#111;border:1px solid rgba(255,255,255,.07);border-radius:12px}.form-answer-list small{display:block;color:#ff6815;font-weight:800;margin-bottom:7px}.form-answer-list div{white-space:pre-wrap;line-height:1.5}.form-detail-actions{display:flex;gap:10px;margin-top:20px}.form-detail-actions button{flex:1;padding:13px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#181818;color:#fff}.form-detail-actions .primary{background:#ff6815;border-color:#ff6815;color:#111;font-weight:800}@media(max-width:900px){.forms-toolbar{grid-template-columns:1fr}.form-row{grid-template-columns:10px 1fr 100px 18px}.form-row>span{display:none}.forms-head{align-items:flex-start}.forms-head h2{font-size:28px}}
/* V8.9.44 - Controle de Vendas Administrativo */
.mzh-sales-admin,.mzh-sales-wrap,.mzh-admin-sales{max-width:100%;width:100%;box-sizing:border-box}
.mzh-sales-admin .card,.mzh-sales-wrap .card,.mzh-admin-sales .card{
border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.07);border:1px solid rgba(255,255,255,.08);
}
.mzh-sales-admin input,.mzh-sales-admin select,.mzh-sales-admin textarea,
.mzh-sales-wrap input,.mzh-sales-wrap select,.mzh-sales-wrap textarea{
min-height:44px;border-radius:10px;box-sizing:border-box;max-width:100%;
}
.mzh-sales-admin textarea[name="observacao_negociacao"],.mzh-sales-wrap textarea[name="observacao_negociacao"]{
min-height:110px;resize:vertical;
}
.mzh-print-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0 20px}
.mzh-print-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
.mzh-print-controls input[type="month"]{min-width:170px}
.mzh-print-controls button{min-height:44px;border:0;border-radius:10px;padding:0 18px;cursor:pointer;font-weight:800}
@media(max-width:900px){
.mzh-sales-admin,.mzh-sales-wrap,.mzh-admin-sales{padding-left:10px!important;padding-right:10px!important}
.mzh-sales-admin table,.mzh-sales-wrap table{display:block;overflow-x:auto;width:100%;white-space:nowrap}
.mzh-print-controls>*{flex:1 1 160px}
}
@media print{
@page{size:A4 landscape;margin:9mm}
body{background:#fff!important;color:#000!important}
body *{visibility:hidden!important}
.mzh-sales-admin,.mzh-sales-admin *,.mzh-sales-wrap,.mzh-sales-wrap *,.mzh-admin-sales,.mzh-admin-sales *{visibility:visible!important}
.mzh-sales-admin,.mzh-sales-wrap,.mzh-admin-sales{position:absolute!important;left:0!important;top:0!important;width:100%!important;padding:0!important;margin:0!important}
.mzh-print-controls,.mzh-no-print,nav,aside,header,.sidebar,.mzh-sidebar{display:none!important}
table{width:100%!important;border-collapse:collapse!important;font-size:9pt!important}
th,td{border:1px solid #bbb!important;padding:5px!important;color:#000!important;background:#fff!important}
tr{break-inside:avoid}
}
/* V8.9.45 — vendas administrativas */
.adm-sales-actions{display:flex;gap:10px;flex-wrap:wrap}.adm-sales-actions button{min-height:44px;padding:0 18px;border-radius:12px;font-weight:800}
.adm-modal-card textarea[name="observacao"]{width:100%;min-height:110px;resize:vertical;border-radius:12px;box-sizing:border-box}
@media(max-width:900px){.adm-sales-actions{width:100%}.adm-sales-actions button{flex:1}.adm-table{overflow-x:auto}}
@media print{@page{size:A4 landscape;margin:10mm}body.mzh-print-admin-sales *{visibility:hidden!important}body.mzh-print-admin-sales .adm-page,body.mzh-print-admin-sales .adm-page *{visibility:visible!important}body.mzh-print-admin-sales .adm-page{position:absolute!important;left:0;top:0;width:100%!important;background:#fff!important;color:#000!important}body.mzh-print-admin-sales .adm-filters,body.mzh-print-admin-sales .adm-sales-actions,body.mzh-print-admin-sales .adm-tr aside{display:none!important}body.mzh-print-admin-sales .adm-table{overflow:visible!important}body.mzh-print-admin-sales .adm-th,body.mzh-print-admin-sales .adm-tr{color:#000!important;background:#fff!important;border-bottom:1px solid #bbb!important}}
/* V8.9.47 — Observação incluída na impressão do Controle de Vendas */
.adm-print-observation,.adm-observation-head{display:none}
@media print{
body.mzh-print-admin-sales .adm-print-observation,
body.mzh-print-admin-sales .adm-observation-head{
display:block!important;
visibility:visible!important;
}
body.mzh-print-admin-sales .adm-print-observation{
white-space:pre-wrap!important;
overflow-wrap:anywhere!important;
font-size:8.5pt!important;
line-height:1.3!important;
max-width:260px!important;
}
body.mzh-print-admin-sales .adm-th.sale,
body.mzh-print-admin-sales .adm-tr.sale{
grid-template-columns:1.35fr .85fr .75fr .75fr .75fr 2.2fr .45fr!important;
align-items:start!important;
}
body.mzh-print-admin-sales .adm-tr.sale{
break-inside:avoid!important;
page-break-inside:avoid!important;
}
}