@import url('data:text/css,');
:root{--ink:#172d31;--muted:#667c7c;--green:#176454;--mint:#e6f2ec;--line:#e0e7e4;--bg:#f4f6f3;--orange:#ae6529;--red:#b1443d}*{box-sizing:border-box}body{margin:0;background:#e7ece7;color:var(--ink);font:14px/1.5 "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:#E2EFE8;color:#176454;border-radius:10px;padding:10px 15px;font-weight:600;min-height:42px}button:hover:not(:disabled){background:#D1E5D9}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green)}button.danger{color:#A3332B;background:#FBE4E1;border-color:#EFC3BD}button.ghost{background:transparent;border-color:transparent}.lab{height:76px;display:flex;align-items:center;gap:30px;padding:0 34px;border-bottom:1px solid #cfdad2;background:#f4f6f2}.brand{font-size:29px;font-weight:800;letter-spacing:-1.7px;color:var(--green);text-decoration:none}.brand span{font-size:10px;letter-spacing:1px;margin-left:9px;padding:4px 6px;background:#dae5db;border-radius:4px}.lab-description{font-size:10px;letter-spacing:1.7px;color:#617168}.lab-tools{display:flex;gap:7px;margin-left:auto}.lab-tools button{font-size:12px;min-height:34px;padding:6px 11px}.lab-tools .active{background:#223b32;color:white}#device{margin:24px auto;transition:width .2s;width:min(1180px,calc(100% - 40px));background:var(--bg);border-radius:18px;box-shadow:0 14px 60px #25413218;overflow:hidden;min-height:830px;border:1px solid #d4dfd7}#device.phone{width:410px;max-width:100%;min-height:850px}.appbar{display:flex;align-items:center;gap:15px;padding:19px 27px;background:white;border-bottom:1px solid var(--line)}.appbar .brand{font-size:25px}.appbar .brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:-5px;color:var(--muted)}.online{font-size:11px;color:var(--green);background:var(--mint);padding:4px 9px;border-radius:20px;margin-left:10px}.online.off{color:var(--red);background:#fce5df}.user{margin-left:auto;display:flex;align-items:center;gap:9px}.avatar{width:37px;height:37px;border-radius:50%;background:#e4eee2;display:grid;place-items:center;color:var(--green);font-weight:700}.user select{width:190px;border:0;background:transparent;font-size:12px;font-weight:600;padding:3px}.user small{display:block;font-size:10px;color:var(--muted)}.layout{display:grid;grid-template-columns:186px minmax(0,1fr);min-height:742px}.sidebar{padding:25px 13px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.sidebar button{text-align:left;border:0;background:transparent;font-size:12px}.sidebar button.selected{background:var(--mint);color:var(--green)}.sidebar .section-label{margin:12px;font-size:9px;letter-spacing:1.7px;color:#8a9994}.sidebar .foot{margin-top:auto;padding:12px;color:var(--muted);font-size:11px}.content{padding:30px;min-width:0}.eyebrow{color:var(--green);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:8px 0}h2{font-size:18px;letter-spacing:-.3px;margin:0 0 12px}h3{font-size:14px;margin:0 0 5px}p{margin:5px 0 16px}.muted{color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0 25px}.stat{padding:18px 20px;background:white;border:1px solid var(--line);border-radius:13px}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.8px;margin-top:8px}.stat.accent{background:var(--green);color:white;border-color:var(--green)}.stat.accent small{color:#cee1d4}.toolbar{display:flex;gap:10px;margin:14px 0}.toolbar input{flex:1;min-width:0}.toolbar select{width:auto;max-width:45%}input,select,textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #cedbd3;background:white;color:var(--ink);min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #89b59e;outline-offset:1px}label{display:block;font-size:12px;font-weight:600;margin-bottom:13px}label input,label select,label textarea{margin-top:5px;font-weight:400}.panel{padding:22px;background:white;border:1px solid var(--line);border-radius:13px;margin:14px 0}.order-list{display:grid;gap:10px}.order-row{width:100%;display:flex;gap:14px;align-items:center;text-align:left;padding:18px;background:white;border:1px solid var(--line);border-radius:12px}.order-icon{width:43px;height:47px;border-radius:10px;background:#eef3eb;display:grid;place-items:center;font-size:21px;color:var(--green);flex-shrink:0}.order-body{flex:1;min-width:0}.order-body strong{font-size:14px}.order-body small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.order-money{text-align:right;white-space:nowrap}.order-money strong{display:block;margin-bottom:5px;font-size:14px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600;line-height:1.3;background:#edf0ed;color:#627269}.badge.green{background:#e1f1e7;color:#246b49}.badge.amber{background:#fff0da;color:#926023}.badge.red{background:#fce9e5;color:#a1473e}.badge.blue{background:#e7edf9;color:#51678f}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(235px,1fr);gap:18px}.split .panel{margin-top:0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.actions>*{flex:1}.note{padding:13px 15px;border-radius:9px;background:#edf2ef;color:#536b5e;font-size:12px;margin:13px 0;border-left:3px solid #82a591}.note.warn{background:#fff3e3;border-color:#d39a53;color:#8f622c}.note.error{background:#fff0ed;border-color:#bc7066;color:#a2493c}.tabs{display:flex;gap:6px;padding-bottom:15px;flex-wrap:wrap}.tabs button{font-size:11px;background:transparent;border-color:transparent}.tabs button.selected{background:var(--green);color:white}.product{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.product:last-child{border:0}.product-art{height:57px;width:57px;border-radius:11px;background:#edece0;display:grid;place-items:center;font-size:25px;flex-shrink:0}.product .desc{flex:1;min-width:0}.product small{color:var(--muted);font-size:11px}.product button{padding:5px 12px}.lineitem{padding:16px 0;border-bottom:1px solid var(--line)}.lineitem:last-child{border-bottom:0}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.lineitem .actions button{font-size:11px;padding:6px 8px;min-height:33px}.summary-row{display:flex;justify-content:space-between;margin:12px 0;font-size:12px}.summary-row.total{padding-top:15px;border-top:1px solid var(--line);font-size:20px;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steps{display:flex;gap:7px;margin:0 0 20px}.steps button{flex:1;font-size:11px;padding:9px 5px;background:#e9eee8;border:0}.steps .selected{background:var(--green);color:white}.empty{text-align:center;padding:34px 12px;color:var(--muted)}.empty .symbol{font-size:30px;margin-bottom:10px}.timeline{border-left:1px solid #d2dfd3;margin:15px 6px;padding-left:20px}.timeline p{position:relative;font-size:12px}.timeline p:before{content:'';position:absolute;left:-25px;top:6px;width:8px;height:8px;background:#479675;border-radius:50%}.timeline small{display:block;color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:#12292280;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal{background:var(--bg);border-radius:18px;width:570px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #08281c40}.modal-head{position:sticky;top:0;z-index:1;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-body{padding:22px 24px}.modal-body .panel{padding:15px}.login{min-height:820px;display:grid;grid-template-columns:1fr 1fr;background:white}.login-hero{background:var(--green);color:white;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-hero:after{content:'N';font-size:400px;font-weight:800;position:absolute;bottom:-100px;right:-50px;opacity:.04}.login-hero h1{font-size:44px;line-height:1.08;margin:24px 0}.login-hero p{color:#bdd7cb;max-width:270px}.login-form{padding:40px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:26px}.login .brand{color:white}.mini-label{font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.bars{display:flex;align-items:flex-end;height:150px;gap:15px;border-bottom:1px solid var(--line);padding:0 6px 0;margin:25px 0}.bar-group{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.bar{background:#91b79b;width:65%;border-radius:5px 5px 0 0;min-height:6px}.bar-group:nth-child(3n) .bar{background:var(--green)}.bar-group small{position:absolute;bottom:-24px;font-size:10px;color:var(--muted)}.rank{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.rank>strong:last-child{margin-left:auto}.progress{height:5px;background:#edf0e9;border-radius:9px;margin-top:8px}.progress span{display:block;height:100%;background:#719d7f;border-radius:9px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;min-height:0}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#183a2c;color:white;border-radius:10px;padding:14px 22px;z-index:100;max-width:90vw;display:none;box-shadow:0 8px 35px #14302733}.demo-footer{font-size:10px;text-align:center;color:#8a9791;margin-top:26px}.phone .layout{display:block}.phone .sidebar{flex-direction:row;position:sticky;bottom:0;z-index:4;padding:8px;border:0;border-top:1px solid var(--line);order:2;justify-content:space-around}.phone .sidebar button{font-size:10px;padding:9px}.phone .sidebar .section-label,.phone .sidebar .foot{display:none}.phone .layout{display:flex;flex-direction:column}.phone .content{padding:22px 18px}.phone .appbar{padding:14px 16px;gap:8px}.phone .user select{width:138px;font-size:10px}.phone .avatar{display:none}.phone .online{margin:0;font-size:9px}.phone h1{font-size:25px}.phone .heading{align-items:flex-start}.phone .heading button{font-size:11px;padding:9px}.phone .stats{gap:7px}.phone .stat{padding:13px 10px}.phone .stat strong{font-size:20px}.phone .stat small{font-size:10px}.phone .split{grid-template-columns:1fr}.phone .order-row{padding:13px;gap:9px}.phone .order-icon{width:34px;height:40px;font-size:17px}.phone .order-body strong{font-size:12px}.phone .order-money strong{font-size:12px}.phone .login{grid-template-columns:1fr;min-height:850px}.phone .login-hero{padding:28px 25px}.phone .login-hero h1{font-size:31px;margin:15px 0}.phone .login-hero p{margin:0}.phone .login-form{padding:28px 25px}.phone .panel{padding:17px}.phone .two{gap:9px}.phone .steps button{font-size:10px}.phone .toolbar{flex-wrap:wrap}.phone .toolbar select{max-width:100%}.phone .appbar .brand{font-size:22px}.phone .user small{font-size:9px}@media(max-width:700px){.lab{padding:10px 14px;height:auto;flex-wrap:wrap;gap:8px}.lab-description{display:none}.lab-tools{gap:3px}.lab-tools button{font-size:10px;padding:5px 7px}#device,#device.phone{width:100%;margin:0;border:0;border-radius:0}.layout{display:flex;flex-direction:column}.sidebar{flex-direction:row;position:sticky;bottom:0;order:2;padding:7px;justify-content:space-around}.sidebar .section-label,.sidebar .foot{display:none}.sidebar button{font-size:10px;padding:8px}.content{padding:22px 16px}.split{grid-template-columns:1fr}.appbar{padding:13px}.user select{width:145px}.avatar{display:none}.stats{gap:7px}.stat{padding:13px 10px}.stat strong{font-size:22px}.login{grid-template-columns:1fr}.login-hero{padding:28px}.login-hero h1{font-size:32px}.login-form{padding:27px}.heading button{font-size:11px}.modal-overlay{padding:10px}.modal-body{padding:18px}.lab .brand{font-size:23px}}@media print{body{background:white}.lab,#device,#toast,.modal-head,.print-hide{display:none!important}.modal-overlay{position:static;padding:0;background:white}.modal{max-height:none;overflow:visible;box-shadow:none;width:100%;background:white}.modal-body{padding:0}}

/* Hierarquia de ações: principal, secundária e destrutiva. */
.content button.ghost,
.modal-body button.ghost {
  background: #E2EFE8;
  color: #176454;
  border-color: #C5DED0;
}
.content button.ghost:hover:not(:disabled),
.modal-body button.ghost:hover:not(:disabled) {
  background: #D1E5D9;
}
button.primary:hover:not(:disabled) {
  background: #104C40;
  color: #FFFFFF;
}
button.danger:hover:not(:disabled) {
  background: #F5CDC7;
  color: #8C2822;
}
button:focus-visible {
  outline: 3px solid #699D86;
  outline-offset: 3px;
}
button.danger:focus-visible {
  outline-color: #B96055;
}