:root{--ink:#123862;--muted:#587293;--green:#0075ff;--mint:#e7f1ff;--line:#d7e3f2;--bg:#f3f6fa;--red:#a3332b}
body{background:#fff;padding:22px;color:#123862}.presentation-head,.lab,.prototype-notice,.presentation-footer,#screen-board{max-width:1280px;margin-left:auto;margin-right:auto}.presentation-head{background:linear-gradient(110deg,#103e67,#0869b1);color:white;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.presentation-head h1{font-size:28px;letter-spacing:-.6px;margin:0 0 7px}.presentation-head h1 span{font-weight:400}.presentation-head p{margin:0;color:#e2efff}.edition{font-size:10px;letter-spacing:1px;padding:9px 12px;border:1px solid #ffffff55;border-radius:5px;white-space:nowrap}.lab{height:auto;padding:15px 0;background:#fff;flex-wrap:wrap;border:0;gap:10px}.lab-tools{margin:0;flex-wrap:wrap;gap:7px}.lab-tools button{border-radius:7px;min-height:39px;background:#eaf3ff;color:#06478d;border-color:#c6daf1}.lab-tools .active{background:#075590;color:white}.lab select{width:225px;margin-left:auto;font-size:12px}.prototype-notice{padding:11px 14px;color:#144878;background:#eaf4ff;border-radius:7px;font-size:12px;margin-bottom:24px;display:flex;gap:12px;justify-content:space-between}.prototype-notice span{color:#587293}.presentation-footer{background:linear-gradient(120deg,#103e67,#146bad);color:#fff;display:flex;justify-content:space-between;padding:20px;gap:15px;margin-top:30px}.brand{text-transform:uppercase;color:#064a7d;font-size:26px;letter-spacing:-1px}.brand small{text-transform:none}.appbar{background:linear-gradient(100deg,#094576,#00568f);color:#fff;border:0}.appbar .brand,.appbar .brand small,.appbar .user small,.appbar .user select{color:#fff}.appbar .user select option{color:#123862}.appbar .avatar{background:#00aaba;color:#fff}.appbar button.ghost{color:white}.online{background:#ffffff1c;color:#e6fff3}.online.off{background:#fff0e9;color:#a3332b}#device{max-width:1180px;margin:0 auto;width:100%;border:5px solid #181b1d;border-radius:25px;box-shadow:0 0 0 1px #889298,0 8px 25px #103b621b;min-height:790px;background:white;transition:none}#device.phone{width:410px;min-height:790px}.layout{min-height:700px}.content{padding:24px;background:#fff}.sidebar{background:#f6f9fd}.sidebar button.selected{background:#dcecff;color:#06478d}.sidebar .foot{font-size:10px}.phone .content{padding:17px 14px 30px}.phone .sidebar{position:sticky;bottom:0;background:white;border-top:1px solid var(--line)}.phone .sidebar button{font-size:10px;padding:6px;flex:1}.phone .appbar{padding:13px 11px}.phone .appbar .brand{font-size:20px}.phone .user select{width:129px}.phone .appbar button{padding:5px;min-width:27px}.heading h1{font-size:27px}.eyebrow{color:#0874cd;letter-spacing:1px}.panel{border-radius:8px;box-shadow:none;background:#fff;border:1px solid #dce6f2}.stat{border-radius:8px;background:#f1f5f9;padding:17px}.stat strong{color:#07346b;font-size:25px}.stat.accent{background:#e7f1ff;border:1px solid #d0e2fa;color:#07346b}.stat.accent small{color:#587293}.stat.accent strong{color:#06478d}.order-row{border-radius:8px;color:#123862;background:#fff}.order-icon{background:#eaf2ff;color:#0075ff;border-radius:7px}.avatar{background:#00aaba;color:#fff}.note{background:#eaf4ff;color:#144878;border-left-color:#3698e9}.note.warn{background:#fff4df;color:#825919;border-left-color:#e4b55e}.note.error{background:#fff0ed;color:#a3332b}.product-art{background:#edf5ff!important;color:#0075ff}.bar{background:linear-gradient(#66b1ff,#0477ef)}.bar-group:nth-child(3n) .bar{background:linear-gradient(#42a0ff,#005baa)}.progress span{background:#138bff}.timeline{border-left-color:#bed5ef}.timeline p:before{background:#138bff}.steps button{background:#eaf3ff;color:#075590;border-radius:6px}.steps .selected{background:#075590;color:white}
button{border-radius:7px;background:#e7f1ff;color:#06478d;border-color:#c6daf1}button:hover:not(:disabled){background:#d5e8ff}button.primary{background:linear-gradient(#138bff,#0068f4);border-color:#0676fa;color:#fff}button.primary:hover:not(:disabled){background:#0068de}.content button.ghost,.modal-body button.ghost{background:#e7f1ff;color:#06478d;border-color:#c6daf1}.content button.ghost:hover:not(:disabled),.modal-body button.ghost:hover:not(:disabled){background:#d5e8ff}button.danger{background:#fbe4e1;color:#a3332b;border-color:#efc3bd}button.success{background:#00a66a;color:white;border-color:#00965f}button.success:hover:not(:disabled){background:#008953}button:focus-visible{outline:3px solid #ffb02e;outline-offset:2px}input,select,textarea{border-radius:6px;border-color:#d4deeb;color:#123862}.badge{border-radius:20px}.modal{border-radius:13px;background:white}.modal-head{background:linear-gradient(100deg,#094576,#00568f);color:white}.modal-head button{color:white}.modal-head h2{font-size:17px}.modal-body{background:white}#toast{background:#075590}
.login{background:linear-gradient(145deg,#0a5285,#01253e);min-height:740px;grid-template-columns:1fr 1fr;color:white}.login-hero{background:transparent;color:white;padding:38px}.login-hero:after{display:none}.login-hero .brand{font-size:42px;letter-spacing:-1px;color:white}.login-hero .mobile-word{font-size:28px;margin:-10px 0 20px;font-weight:300}.login-hero h1{font-size:30px;font-weight:400;line-height:1.25}.login-hero p{color:#d2e8ff}.login-form{padding:38px;color:white}.login-form .eyebrow,.login-form .muted,.login-form label{color:#e2efff}.login-form input,.login-form select{background:#ffffff09;border-color:#ffffff44;color:white}.login-form select option{color:#123862;background:white}.login-form .note{background:#ffffff0d;color:#d2e8ff;border-color:#4c94c7;font-size:11px}.login-form h2{font-weight:500}.phone .login{grid-template-columns:1fr;min-height:0;gap:0}.phone .login-hero{padding:28px 25px 0;text-align:center}.phone .login-hero p{display:none}.phone .login-hero h1{display:none}.phone .login-hero .brand{font-size:34px}.phone .login-hero .mobile-word{font-size:23px;margin-bottom:5px}.phone .login-form{padding:20px 25px 25px}.phone .login-form h2{font-size:19px}.phone .login-form .eyebrow{display:none}.phone .login-form input,.phone .login-form select{min-height:43px}.phone .login-form p{font-size:12px}
.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.menu-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:118px;background:#f1f5f8;border:1px solid #e8eef6;font-size:13px;color:#06478d}.menu-tile .symbol{font-size:29px;color:#0075ff;line-height:1}.menu-tile small{font-size:10px;font-weight:400;color:#587293}.phone .menu-grid{grid-template-columns:1fr 1fr;gap:9px}.phone .menu-tile{min-height:98px;font-size:12px}.greeting{padding:2px 0 9px}.greeting h1{font-size:24px}.welcome-box{background:#f1f5f9;border:1px solid #edf1f5;border-radius:7px;padding:15px;font-size:12px}.quickbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.quickbar button{font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card{border:1px solid var(--line);padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.catalog-card img{width:100%;height:120px;object-fit:contain;background:#f2f6fa;border-radius:7px}.catalog-card .no-photo{height:120px;display:grid;place-items:center;color:#899db5;background:#f2f6fa;font-size:12px}.catalog-card h3{margin:0}.catalog-card small{color:var(--muted);font-size:11px}.catalog-card button{margin-top:auto}.product-photo{height:130px;object-fit:contain;background:#f2f6fa;border-radius:7px;width:100%}.phone .catalog-grid{gap:8px}.phone .catalog-card{padding:10px}.phone .catalog-card h3{font-size:12px}.phone .catalog-card img,.phone .catalog-card .no-photo{height:90px}.photo-thumbs{display:flex;gap:10px;align-items:center}.photo-thumbs img{width:60px;height:65px;object-fit:contain}.data-lines{display:grid;grid-template-columns:1fr 1fr;gap:13px}.data-lines small{display:block;color:var(--muted);font-size:10px}.data-lines strong{font-size:13px;overflow-wrap:anywhere}.discount-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.discount-comparison>div{background:#f1f5f9;border:1px solid #e3eaf3;padding:13px;border-radius:7px}.discount-comparison>div:last-child{background:#dff5e8;border-color:#bbe6cc}.discount-comparison strong{font-size:19px;display:block}.discount-comparison small{font-size:11px}.success-mark{width:72px;height:72px;background:linear-gradient(130deg,#00c985,#009850);border-radius:50%;display:grid;place-items:center;font-size:39px;color:white;margin:15px auto}.send-success{text-align:center}.send-success h1{font-size:25px}.permission-banner{font-size:12px;padding:12px;background:#eaf4ff;border-radius:6px}.address-card{border:1px solid var(--line);border-radius:8px;padding:15px;margin:10px 0}.address-card.selected{background:#eaf4ff;border-color:#539de7}.history-row{border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.history-row small{display:block;color:var(--muted)}.filter-chips{display:flex;gap:7px;margin:12px 0;overflow:auto}.filter-chips button{border-radius:20px;font-size:11px;white-space:nowrap;padding:6px 12px;min-height:33px}.filter-chips .selected{background:#075590;color:white}.empty .symbol{color:#0075ff}.screen-link{color:#0075ff}.lab-section{margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.coverage-table{width:100%;border-collapse:collapse;font-size:12px}.coverage-table td,.coverage-table th{padding:10px;border-bottom:1px solid var(--line);text-align:left}.coverage-table th{color:#06478d}.check input{accent-color:#0075ff}.phone .stat strong{font-size:18px;overflow-wrap:anywhere}
#screen-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 21px}.screen-tile{min-width:0}.mini-phone{border:5px solid #181b1d;border-radius:25px;background:white;box-shadow:0 0 0 1px #889298,0 4px 10px #103b6220;overflow:hidden;height:425px;display:flex;flex-direction:column;position:relative}.mini-status{background:#084e80;color:white;padding:6px 10px;font-size:9px;display:flex;justify-content:space-between;position:relative}.mini-status:after{content:'';width:8px;height:8px;border-radius:50%;background:#101317;position:absolute;top:7px;left:49%}.mini-appbar{background:linear-gradient(100deg,#094576,#00568f);color:white;font-weight:600;font-size:12px;padding:11px 10px;display:flex;justify-content:space-between}.mini-body{padding:13px;flex:1;overflow:hidden;font-size:11px;display:flex;flex-direction:column;gap:9px;pointer-events:none}.mini-body .box{background:#f1f5f9;padding:10px;border-radius:6px;font-size:11px}.mini-body .mini-input{padding:9px;border:1px solid #d4deeb;border-radius:5px;color:#587293;font-size:10px}.mini-body .mini-button{border-radius:5px;padding:9px;color:white;background:linear-gradient(#138bff,#0068f4);text-align:center;font-size:10px}.mini-body .mini-button.light{background:#e6f1ff;color:#06478d}.mini-body .mini-button.red{background:#fbe4e1;color:#a3332b}.mini-body .mini-button.green{background:#00a66a;color:#fff}.mini-body .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-body .mini-menu{padding:13px 5px;background:#f1f5f8;text-align:center;font-size:10px;border-radius:6px}.mini-menu b{display:block;color:#0075ff;font-size:24px;margin-bottom:4px}.mini-row{display:flex;justify-content:space-between;border-bottom:1px solid #e9eef5;padding:9px 0;gap:6px}.mini-row strong{white-space:nowrap}.mini-body .mini-sub{font-size:9px;color:#587293}.mini-login{background:linear-gradient(145deg,#0a5285,#01253e);color:white;text-align:center;justify-content:center}.mini-login .mini-input{background:#ffffff09;border-color:#ffffff44;color:#d4e3f1;text-align:left}.mini-login .logo{font-size:29px;font-weight:800}.mini-foot{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding:8px;background:white;color:#06478d;font-size:9px}.screen-caption{text-align:center;margin:12px 0 0}.screen-caption h2{font-size:14px;color:#094578;margin:0 0 4px}.screen-caption p{font-size:11px;color:#587293;margin:0 0 8px;min-height:32px}.screen-caption button{width:100%;min-height:35px;font-size:11px;background:#e7f1ff}.mini-chart{height:110px;display:flex;align-items:end;gap:10px;padding:10px}.mini-chart i{flex:1;background:linear-gradient(#66b1ff,#0477ef);border-radius:3px 3px 0 0}.mini-success{border-radius:50%;width:55px;height:55px;display:grid;place-items:center;background:#00a66a;color:white;font-size:28px;margin:12px auto}.mini-amount{font-size:21px;font-weight:700;color:#06478d}.mini-note{background:#fff2dc;border-radius:5px;padding:8px;color:#825919;font-size:10px}.mini-body .badge{font-size:9px}.mini-body img{width:35px;height:42px;object-fit:contain}.mini-actions{margin-top:auto}.phone .heading{gap:8px}.phone .heading h1{font-size:23px}.phone .toolbar{flex-wrap:wrap}.phone .toolbar select{max-width:100%}.phone .summary-row.total{font-size:19px}[hidden]{display:none!important}
@media(min-width:1500px){#screen-board{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){#screen-board{grid-template-columns:repeat(3,minmax(0,1fr))}.edition{display:none}.prototype-notice span{display:none}.lab select{margin-left:0}}@media(max-width:700px){body{padding:10px}.presentation-head{padding:19px}.presentation-head h1{font-size:23px}.presentation-head p{font-size:12px}#screen-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.mini-phone{height:420px}.lab{padding:12px 0}.presentation-footer{font-size:11px;flex-wrap:wrap}.content{padding:18px 13px}.menu-grid{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-hero{padding:25px}.login-hero h1{display:none}.login-form{padding:25px}.sidebar{background:white}.stats{grid-template-columns:1fr 1fr}.stat:first-child{grid-column:1/-1}.stat strong{font-size:23px}.catalog-grid{grid-template-columns:1fr 1fr}.presentation-head h1 span{display:block;font-size:18px;margin-top:6px}#device{border-width:3px;border-radius:18px}.prototype-notice{font-size:11px}.phone .stats{grid-template-columns:1fr 1fr}.phone .stat:first-child{grid-column:1/-1}.data-lines{gap:10px}}@media(max-width:460px){#screen-board{grid-template-columns:minmax(0,350px);justify-content:center}.mini-phone{height:480px}.mini-body{font-size:13px;padding:18px;gap:13px}.mini-body .mini-input,.mini-body .mini-button{font-size:12px}.lab select{width:100%}.lab-tools{gap:5px}.lab-tools button{font-size:11px}.appbar .user select{width:122px}.appbar .brand{font-size:20px}.two{grid-template-columns:1fr}.phone .two{grid-template-columns:1fr 1fr}}
@media print{body{padding:0}.presentation-head,.lab,.prototype-notice,.presentation-footer,#screen-board{display:none!important}.modal-body{background:white;color:#123862}.modal{border-radius:0}}
/* Estado ativo dos controles de apresentação com contraste consistente. */
.lab .lab-tools button.active,.lab button.active{background:#075590!important;color:#fff!important;border-color:#075590!important}