:root{--lime:#c6f232;--lime2:#dcff40;--bg:#030503;--panel:#0b0d0b;--panel2:#111411;--text:#fff;--muted:#a9aca9;--line:rgba(255,255,255,.12);--danger:#ff4d4d;--blue:#62b7ff;--green:#52ff8f;--warn:#ffd56a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 25% 0,rgba(198,242,50,.08),transparent 34%),#000;color:#fff}a{text-decoration:none}button,input,select,textarea{font-family:inherit}.wrap{width:min(1500px,calc(100vw - 32px));margin:0 auto}.top{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.top-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;color:#fff;font-weight:950;letter-spacing:.04em;white-space:nowrap}.brand img{width:146px;max-height:50px;object-fit:contain}.brand span{font-size:18px}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn,.btn2,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-weight:950;text-decoration:none;border:1px solid rgba(255,255,255,.12);font-size:15px;white-space:nowrap;cursor:pointer}.btn{background:linear-gradient(135deg,var(--lime),var(--lime2));color:#081008;border-color:rgba(198,242,50,.5);box-shadow:0 0 24px rgba(198,242,50,.18)}.btn2{background:linear-gradient(180deg,#252525,#171717);color:#fff}.btn-danger{background:rgba(255,70,70,.16);border-color:rgba(255,70,70,.38);color:#ffb2b2}.btn:hover,.btn2:hover,.btn-danger:hover{transform:translateY(-1px)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.alert{border-radius:14px;padding:13px 15px;margin:16px 0;border:1px solid rgba(255,80,80,.35);background:rgba(255,80,80,.10);color:#ffb4b4}.success{border-color:rgba(198,242,50,.35);background:rgba(198,242,50,.10);color:var(--lime)}.hint{border-radius:14px;padding:13px 15px;margin:16px 0;border:1px solid rgba(198,242,50,.24);background:rgba(198,242,50,.07);color:#dbff70}.link-lime{color:var(--lime);font-weight:950}.muted{color:var(--muted)}label{font-weight:950;color:#fff;font-size:13px}input,select,textarea{width:100%;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#050505;color:#fff;padding:12px 13px;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(198,242,50,.13)}textarea{min-height:115px;resize:vertical}select option{background:#080808;color:#fff}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 18px}.page-title{display:flex;align-items:center;gap:14px}.page-icon{width:50px;height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;font-size:23px;background:rgba(255,255,255,.04)}.page-title h1{font-size:38px;margin:0;line-height:1;font-weight:950;letter-spacing:-.03em}.page-title p{margin:5px 0 0;color:#b8b8b8}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.card,.soft-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.card{padding:18px}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.filters{border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:14px;margin-bottom:16px}.filter-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px auto;gap:12px;align-items:end}.filter-grid .actions{margin:0}.os-table-card{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.025);overflow:hidden;box-shadow:0 14px 45px rgba(0,0,0,.18)}.os-table{width:100%;border-collapse:collapse;table-layout:fixed}.os-table th{background:#171717;color:#fff;text-align:left;padding:12px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.os-table td{padding:12px 10px;border-top:1px solid rgba(255,255,255,.065);font-size:12px;color:#e8e8e8;vertical-align:middle}.os-table tr:hover td{background:rgba(198,242,50,.035)}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strong,.os-num,.value{font-weight:950;color:#fff}.sub{display:block;color:#9f9f9f;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:950;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.badge.work{background:rgba(78,163,255,.13);color:#9cccff}.badge.wait{background:rgba(255,198,41,.13);color:#ffd56a}.badge.ok{background:rgba(198,242,50,.16);color:var(--lime)}.badge.done{background:rgba(80,255,150,.14);color:#88ffbd}.badge.danger{background:rgba(255,80,80,.14);color:#ff9b9b}.row-actions{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.row-actions form{display:inline-flex;margin:0}.row-actions .btn2{padding:7px 9px;font-size:11px}.circle-btn,.row-cancel,.row-delete,.row-restore,.row-restore-off,.row-whats{width:27px;height:27px;min-width:27px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-weight:950}.row-cancel{border:1px solid rgba(255,80,80,.58);background:rgba(255,80,80,.12);color:#ff4d4d;font-size:18px;cursor:pointer}.row-delete{border:1px solid rgba(80,170,255,.62);background:rgba(80,170,255,.12);color:#62b7ff;font-size:18px;cursor:pointer}.row-whats{border:1px solid rgba(37,211,102,.72);background:rgba(37,211,102,.16);color:#52ff8f;font-size:15px}.row-restore{border:1px solid rgba(100,255,140,.65);background:rgba(100,255,140,.13);color:#70ff90;font-size:18px;cursor:pointer}.row-restore-off{border:1px solid rgba(160,160,160,.35);background:rgba(130,130,130,.08);color:#777;font-size:18px;cursor:not-allowed;opacity:.65}.row-disabled{opacity:.45;cursor:not-allowed}.row-whats svg{width:14px;height:14px}.client-card{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.035);padding:14px;margin:10px 0}.client-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.print{background:#fff;color:#111;min-height:100vh}.print .sheet{width:min(860px,92%);margin:30px auto;border:1px solid #ddd;padding:32px}.print h1{margin:0;color:#111}.print table{min-width:auto}.print th,.print td{color:#111;border-color:#ddd}.login-box{width:min(460px,92%);margin:9vh auto;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(180deg,rgba(20,20,20,.85),rgba(5,5,5,.78));padding:28px;color:#fff}.login-box img{height:42px;margin-bottom:22px}.login-box label{color:#fff}.login-box input{background:#eaf2ff;border-color:#eaf2ff;color:#000}@media(max-width:900px){.top-wrap{align-items:flex-start;flex-direction:column;padding:14px 0}.nav{justify-content:flex-start}.page-head{align-items:flex-start;flex-direction:column}.filter-grid{grid-template-columns:1fr}.os-table-card{overflow-x:auto}.os-table{min-width:900px}.form{grid-template-columns:1fr}.client-card{grid-template-columns:1fr}.client-actions{justify-content:flex-start}}@media(max-width:520px){.wrap{width:min(100% - 18px,1500px)}.brand img{width:120px}.brand span{font-size:14px}.btn,.btn2,.btn-danger{padding:10px 14px;font-size:13px}.page-title h1{font-size:30px}}


/* CONTROL - menu lateral esquerdo */
.admin-with-sidebar{padding-left:285px;background:radial-gradient(circle at 28% 0,rgba(198,242,50,.075),transparent 34%),#000;}
.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:285px;z-index:50;background:linear-gradient(180deg,rgba(8,12,8,.98),rgba(0,0,0,.98));border-right:1px solid rgba(255,255,255,.10);padding:18px 14px;display:flex;flex-direction:column;gap:16px;box-shadow:18px 0 45px rgba(0,0,0,.30)}
.side-brand{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-weight:950;letter-spacing:.12em;text-align:center;padding:8px 8px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.side-brand img{width:150px;max-height:58px;object-fit:contain}.side-brand span{font-size:13px}.side-nav{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:4px 0}.side-link,.side-logout{display:flex;align-items:center;justify-content:flex-start;border-radius:16px;padding:12px 14px;font-weight:950;text-decoration:none;border:1px solid rgba(255,255,255,.10);color:#fff;background:linear-gradient(180deg,#202020,#121212);font-size:14px;white-space:nowrap}.side-link:hover,.side-link.active{border-color:rgba(198,242,50,.45);box-shadow:0 0 24px rgba(198,242,50,.08);transform:translateX(2px)}.side-action{background:linear-gradient(135deg,var(--lime),var(--lime2));color:#061006;border-color:rgba(198,242,50,.60);box-shadow:0 0 20px rgba(198,242,50,.12)}.side-action.active,.side-action:hover{color:#061006}.side-sep{height:1px;background:rgba(255,255,255,.10);margin:4px 5px}.side-logout{margin-top:auto;background:rgba(255,70,70,.16);border-color:rgba(255,70,70,.38);color:#ffb2b2;justify-content:center}.admin-content{width:calc(100vw - 285px - 34px);max-width:none;margin:0;padding:24px 20px 44px}.mobile-admin-top{display:none}.admin-content .page-head{margin-top:8px}.prod-grid-actions{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-wrap:wrap}.prod-small{font-size:11px;color:#aaa;display:block;margin-top:3px}.produto-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 18px}.produto-stat{border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(198,242,50,.07),rgba(255,255,255,.03));border-radius:18px;padding:14px 16px}.produto-stat b{display:block;color:var(--lime);font-size:24px;font-weight:950}.produto-stat span{color:#cfcfcf;font-size:12px}.table-actions-min{width:190px}@media(max-width:1100px){.admin-with-sidebar{padding-left:0}.admin-sidebar{position:relative;width:auto;min-height:auto;bottom:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:none}.side-brand{flex-direction:row;justify-content:center}.side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.side-logout{margin-top:0}.admin-content{width:min(1500px,calc(100vw - 20px));margin:0 auto;padding:18px 0 36px}.produto-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.side-nav{grid-template-columns:1fr}.produto-card-grid{grid-template-columns:1fr}.admin-content{width:calc(100vw - 14px)}}

/* Correção: remove barra horizontal do menu lateral */
.admin-sidebar{overflow-x:hidden;}
.side-nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}
.side-link,.side-logout{max-width:100%;min-width:0;white-space:normal;line-height:1.2;}
.side-action{min-height:48px;}
@media(max-width:1100px){.side-nav{overflow-x:hidden;}}

.readonly-input{opacity:.85;cursor:not-allowed;background:#090909!important;border-color:rgba(198,242,50,.22)!important;color:#c6f232!important;font-weight:900;}


/* CONTROL ajuste final: menu lateral 285px sem cortar botões */
.admin-sidebar{
  width:285px !important;
  min-width:285px !important;
  max-width:285px !important;
  overflow-x:hidden !important;
  padding-left:14px !important;
  padding-right:14px !important;
  box-sizing:border-box !important;
}
.admin-with-sidebar{padding-left:285px !important;}
.admin-content{
  width:calc(100vw - 285px - 34px) !important;
  max-width:none !important;
}
.side-nav{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.side-link,.side-logout{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
@media(max-width:1100px){
  .admin-with-sidebar{padding-left:0 !important;}
  .admin-sidebar{width:auto !important;min-width:0 !important;max-width:none !important;}
  .admin-content{width:min(1500px,calc(100vw - 20px)) !important;max-width:none !important;}
}

/* CORREÇÃO FINAL: menu 285px sem faixa preta / sem barra cortando os botões */
.admin-sidebar{
  width:285px !important;
  min-width:285px !important;
  max-width:285px !important;
  overflow:hidden !important;
  padding-left:14px !important;
  padding-right:14px !important;
}
.admin-with-sidebar{padding-left:285px !important;}
.admin-content{width:calc(100vw - 285px) !important;padding-left:24px !important;padding-right:24px !important;}
.side-nav{
  width:100% !important;
  max-width:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:0 !important;
  margin-right:0 !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.side-nav::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;}
.admin-sidebar::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;}
.side-link,.side-logout{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin-right:0 !important;
  overflow:visible !important;
}
@media(max-width:1100px){
  .admin-with-sidebar{padding-left:0 !important;}
  .admin-sidebar{width:auto !important;min-width:0 !important;max-width:none !important;overflow:visible !important;}
  .admin-content{width:min(1500px,calc(100vw - 20px)) !important;padding-left:0 !important;padding-right:0 !important;}
}

/* ===== CORRECAO FINAL CONTROL: menu 285px sem corte na lateral ===== */
html, body{
  overflow-x: hidden !important;
}

.admin-with-sidebar{
  padding-left: 285px !important;
}

.admin-sidebar{
  width: 285px !important;
  min-width: 285px !important;
  max-width: 285px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  padding-left: 14px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}

.admin-sidebar::-webkit-scrollbar,
.side-nav::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.side-nav{
  width: 100% !important;
  overflow: visible !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.side-link,
.side-logout{
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.side-link:hover,
.side-link.active{
  transform: none !important;
}

.admin-content{
  width: calc(100vw - 285px) !important;
  max-width: none !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

@media(max-width:1100px){
  .admin-with-sidebar{
    padding-left: 0 !important;
  }
  .admin-sidebar{
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding-right: 14px !important;
  }
  .admin-content{
    width: min(1500px, calc(100vw - 20px)) !important;
    margin: 0 auto !important;
  }
}

/* CONTROL: Configurações e Sair fixos no final do menu lateral */
.admin-sidebar{
  height:100vh !important;
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
}
.side-nav{
  flex:0 1 auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.side-bottom{
  margin-top:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding-top:14px !important;
}
.side-config{
  width:100% !important;
}
.side-config-summary{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  border-radius:16px !important;
  padding:12px 14px !important;
  font-weight:950 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  background:linear-gradient(180deg,#202020,#121212) !important;
  list-style:none !important;
}
.side-config-summary::-webkit-details-marker{display:none !important;}
.side-config-summary.active,
.side-config[open] .side-config-summary{
  border-color:rgba(198,242,50,.45) !important;
}
.gear-icon{display:inline-flex !important;align-items:center !important;color:#fff !important;}
.side-submenu{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  padding:8px 0 0 12px !important;
}
.side-sublink{
  color:#dfe5dc !important;
  font-weight:850 !important;
  font-size:13px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
}
.side-sublink:hover,
.side-sublink.active{
  color:var(--lime) !important;
  border-color:rgba(198,242,50,.35) !important;
}
.side-logout{
  margin-top:0 !important;
  width:100% !important;
  background:rgba(255,70,70,.18) !important;
  border-color:rgba(255,70,70,.48) !important;
  color:#ffb2b2 !important;
  justify-content:center !important;
}

/* Padrão visual único para todas as telas do painel. */
.admin-content > .hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:8px 0 18px;
}
.admin-content > .hero h1{
  margin:0;
  font-size:38px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.03em;
}
.admin-content > .hero p{
  margin:5px 0 0;
  color:#b8b8b8;
  font-size:14px;
}
.admin-content > .hero + .card,
.admin-content > .hero + form.card,
.admin-content > .hero + .soft-card{
  margin-top:0;
}
@media(max-width:900px){
  .admin-content > .hero{align-items:flex-start;flex-direction:column;}
  .admin-content > .hero h1{font-size:30px;}
}
@media(max-width:1100px){
  .admin-sidebar{height:auto !important;min-height:0 !important;}
  .side-bottom{margin-top:0 !important;}
}

/* Redução leve e uniforme das fontes do painel. */
html{font-size:14px!important;}
body{font-size:14px!important;}
.page-title h1,.admin-content > .hero h1{font-size:32px!important;}
.page-title p,.admin-content > .hero p{font-size:12px!important;}
.btn,.btn2,.btn-danger{font-size:13px!important;}
input,select,textarea{font-size:12px!important;}
label{font-size:11px!important;}
.os-table th{font-size:8px!important;}
.os-table td{font-size:10px!important;}
.badge{font-size:8px!important;}
.side-link,.side-logout,.side-nav .side-link,.side-nav .side-config-summary,.side-nav .side-sublink{font-size:11px!important;}
.produto-stat b{font-size:20px!important;}
.produto-stat span,.prod-small,.sub{font-size:10px!important;}
@media(max-width:520px){.page-title h1,.admin-content > .hero h1{font-size:27px!important;}}