/* ===== NOGAIH ADMIN — CSS GLOBAL v3 MINIMALISTA ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Backgrounds */
  --bg:    #0f0f0f;
  --bg2:   #1a1a1a;
  --bg3:   #222222;
  --bg4:   #2a2a2a;

  /* Borders */
  --border:  #2e2e2e;
  --border2: #3a3a3a;

  /* Text */
  --text:  #f0f0f0;
  --text2: #999999;
  --text3: #555555;

  /* Accent */
  --p:     #5b6af0;
  --p2:    #7b8af5;
  --p-bg:  #1a1c35;
  --p-border: #2e3260;

  /* Status */
  --success:        #3ecf8e;
  --success-bg:     #0d2318;
  --success-border: #1a4a30;

  --danger:         #f06060;
  --danger-bg:      #2a1010;
  --danger-border:  #4a1a1a;

  --warning:        #f0a840;
  --warning-bg:     #2a1e08;
  --warning-border: #4a3410;

  --info:           #60b8f0;
  --info-bg:        #0e1e2a;
  --info-border:    #1a3a4a;

  /* Misc */
  --r:  8px;
  --rs: 6px;
  --grad-main: linear-gradient(135deg, #5b6af0, #3ecf8e);
}

/* ===== BASE ===== */
body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  min-height: 100vh;
}

/* ===== INPUTS ===== */
input, select, textarea {
  width: 100%;
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: var(--rs);
  color: var(--text);
  padding: 9px 12px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color .15s;
  appearance: none;
  -webkit-appearance: none;
}
input:focus, select:focus, textarea:focus { border-color: var(--p); }
select option { background: var(--bg2); }
textarea { resize: vertical; min-height: 80px; }
label { font-size: 12px; color: var(--text2); display: block; margin-bottom: 4px; }

/* ===== LAYOUT ===== */
.app-wrap { max-width: 720px; margin: 0 auto; padding: 1rem; }
.g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.field { margin-bottom: 12px; }
.add-area { background: var(--bg2); border: 1px solid var(--border); border-radius: var(--r); padding: 16px; margin-bottom: 1rem; }
.stitle { font-size: 13px; font-weight: 600; color: var(--text2); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 12px; }

/* ===== TOPBAR ===== */
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--border);
  gap: 8px;
}
.topbar h1 { font-size: 17px; font-weight: 600; color: var(--text); }
.topbar-right { display: flex; align-items: center; gap: 6px; }

/* ===== BUTTONS ===== */
.bp {
  display: block;
  width: 100%;
  padding: 10px 16px;
  background: var(--p);
  color: #fff;
  border: none;
  border-radius: var(--rs);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 8px;
  transition: opacity .15s;
  text-align: center;
}
.bp:hover { opacity: .85; }
.bp:disabled { opacity: .4; cursor: not-allowed; }

.bsm {
  padding: 6px 12px;
  background: var(--bg3);
  border: 1px solid var(--border);
  color: var(--text2);
  border-radius: var(--rs);
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  transition: all .15s;
  text-decoration: none;
  display: inline-block;
}
.bsm:hover { border-color: var(--border2); color: var(--text); }

.bdel {
  padding: 5px 8px;
  background: none;
  border: none;
  color: var(--text3);
  font-size: 14px;
  cursor: pointer;
  border-radius: var(--rs);
  transition: all .15s;
}
.bdel:hover { background: var(--danger-bg); color: var(--danger); }

.bico {
  padding: 4px 8px;
  background: none;
  border: none;
  color: var(--text3);
  font-size: 13px;
  cursor: pointer;
  border-radius: var(--rs);
}
.bico:hover { color: var(--text2); }

/* ===== TABS ===== */
.tabs {
  display: flex;
  gap: 2px;
  background: var(--bg2);
  border-radius: var(--rs);
  padding: 3px;
  margin-bottom: 1.25rem;
  border: 1px solid var(--border);
}
.tab {
  flex: 1;
  padding: 7px 6px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  color: var(--text2);
  transition: all .15s;
  white-space: nowrap;
}
.tab.active {
  background: var(--bg4);
  color: var(--text);
  font-weight: 600;
}
.tab:hover:not(.active) { color: var(--text); }

/* ===== STATS ===== */
.stats { display: flex; gap: 8px; margin-bottom: 1.25rem; }
.stat {
  flex: 1;
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 12px 10px;
  text-align: center;
}
.stat-val { font-size: 22px; font-weight: 600; color: var(--text); }
.stat-lbl { font-size: 10px; color: var(--text3); margin-top: 2px; text-transform: uppercase; letter-spacing: .5px; }

/* ===== CARD ===== */
.card {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 14px;
  margin-bottom: 8px;
}

/* ===== FILTER BAR ===== */
.filter-bar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 12px;
  margin-bottom: 1.25rem;
}
.filter-bar > div { flex: 1; min-width: 100px; }
.filter-bar button { white-space: nowrap; height: 36px; width: auto; margin: 0; padding: 0 14px; }
.filter-bar input, .filter-bar select { font-size: 13px; }

/* ===== FILTERS (pills) ===== */
.filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1rem; }
.fbtn {
  padding: 5px 12px;
  background: var(--bg3);
  border: 1px solid var(--border);
  color: var(--text2);
  border-radius: 99px;
  font-size: 12px;
  cursor: pointer;
  transition: all .15s;
}
.fbtn.active, .fbtn:hover { background: var(--p-bg); border-color: var(--p-border); color: var(--p2); }

/* ===== BADGES ===== */
.badge {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 99px;
  font-weight: 500;
  border: 1px solid;
  display: inline-block;
}
.b-ok      { background: var(--bg3);          color: var(--text2);   border-color: var(--border); }
.b-p       { background: var(--p-bg);          color: var(--p2);      border-color: var(--p-border); }
.b-success { background: var(--success-bg);    color: var(--success); border-color: var(--success-border); }
.b-danger  { background: var(--danger-bg);     color: var(--danger);  border-color: var(--danger-border); }
.b-warn    { background: var(--warning-bg);    color: var(--warning); border-color: var(--warning-border); }
.b-info    { background: var(--info-bg);       color: var(--info);    border-color: var(--info-border); }

/* ===== PROGRESS ===== */
.prog { height: 3px; background: var(--border); border-radius: 99px; margin-top: 6px; overflow: hidden; }
.prog-f { height: 100%; background: var(--p); border-radius: 99px; transition: width .3s; }

/* ===== MODAL ===== */
.modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.7);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.modal-overlay.open { display: flex; }
.modal {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 20px;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
}
.modal h3 { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
.modal-btns { display: flex; gap: 8px; margin-top: 12px; }
.modal-btns .bp { margin: 0; }

/* ===== SAVED ===== */
.saved {
  font-size: 11px;
  color: var(--success);
  opacity: 0;
  transition: opacity .3s;
}
.saved.show { opacity: 1; }

/* ===== ERROR ===== */
.err { font-size: 12px; color: var(--danger); margin-top: 4px; min-height: 16px; }

/* ===== LOGIN ===== */
.login-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: var(--bg);
  padding: 1rem;
}
.login-box {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 28px 24px;
  width: 100%;
  max-width: 360px;
}
.login-box h1 { font-size: 20px; font-weight: 600; margin-bottom: 4px; }
.login-box p { font-size: 13px; color: var(--text2); margin-bottom: 20px; }
.lerr { font-size: 12px; color: var(--danger); margin-top: 8px; min-height: 16px; }

/* ===== COUNT BADGE ===== */
.count-badge {
  font-size: 12px;
  color: var(--text2);
  padding: 3px 10px;
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: 99px;
}

/* ===== EMPTY ===== */
.empty { text-align: center; padding: 2rem; color: var(--text3); font-size: 14px; }

/* ===== CLASSES ADICIONAIS — CP / KPI / LT / QR / SRV ===== */

/* Layout helpers */
.crow{display:flex;gap:8px;margin-bottom:8px;align-items:flex-end;}
.crow2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;}
.mfield{margin-bottom:10px;}
.mg2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sep{height:1px;background:var(--border);margin:12px 0;}
.green{color:var(--success);}
.warn{color:var(--warning);}
.av{color:var(--warning);}
.cbox{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rs);padding:10px;margin-bottom:10px;}
.einl{display:none;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);}
.einl.open{display:block;}
.exprow{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}

/* Badges extras */
.bdg{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);}
.pend-tag{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);}
.vhtag{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--p-bg);border:1px solid var(--p-border);color:var(--p2);}
.b-tipo{background:var(--bg3);color:var(--text2);border:1px solid var(--border);}
.dias-badge{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:500;border:1px solid;}
.dias-ok{background:var(--bg3);color:var(--text2);border-color:var(--border);}
.dias-warn{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border);}
.dias-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border);}

/* CP — Scan */
.scan-result{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:10px;}
.scan-icon{font-size:36px;text-align:center;margin-bottom:8px;}
.scan-nome{font-size:18px;font-weight:600;text-align:center;}
.scan-hora{font-size:14px;color:var(--text2);text-align:center;margin-top:4px;}
.scan-acao{display:flex;gap:8px;margin-top:12px;}
.scan-btn{flex:1;padding:10px;border-radius:var(--rs);border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;font-size:13px;font-weight:500;}
.scan-btn:hover{border-color:var(--border2);color:var(--text);}
.scan-extra{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}
.scan-cam{background:var(--bg3);border:1px dashed var(--border2);border-radius:var(--r);height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;margin-bottom:1rem;cursor:pointer;transition:border-color .2s;position:relative;overflow:hidden;}
.scan-cam:hover{border-color:var(--p);}
.scan-line{position:absolute;top:50%;left:10%;right:10%;height:2px;background:var(--p);animation:scanline 2s ease-in-out infinite;display:none;}
.scan-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;}
@keyframes scanline{0%,100%{top:30%;}50%{top:70%;}}

/* CP — Registros / Folha */
.regslist{display:flex;flex-direction:column;gap:6px;}
.ritem{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rs);padding:10px 12px;}
.rh{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.fname{font-size:14px;font-weight:600;}
.fmes{font-size:12px;color:var(--text2);}
.rdata{font-size:13px;color:var(--text2);}
.rright{text-align:right;}
.rtimes{font-size:13px;font-weight:500;}
.rval{font-size:13px;color:var(--success);font-weight:600;}
.fcard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:8px;}
.fcard-right{text-align:right;}
.fhdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.finfo{font-size:13px;color:var(--text2);}
.fsub{font-size:11px;color:var(--text3);}
.fval{font-size:15px;font-weight:600;}
.fvh{font-size:13px;color:var(--text2);}
.ftot{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg3);border-radius:var(--rs);margin-top:8px;}
.ftotal{font-size:18px;font-weight:700;color:var(--success);}
.fbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem;}

/* KPI */
.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:1.25rem;}
.kpi-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;}
.kpi-val{font-size:28px;font-weight:600;color:var(--text);}
.kpi-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;}
.kpi-sub{font-size:12px;color:var(--text2);margin-top:4px;}
.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.bar-label{font-size:13px;color:var(--text2);width:80px;flex-shrink:0;}
.bar-track{flex:1;height:6px;background:var(--bg3);border-radius:99px;overflow:hidden;}
.bar-fill{height:100%;background:var(--p);border-radius:99px;}
.bar-val{font-size:12px;color:var(--text2);width:30px;text-align:right;flex-shrink:0;}
.chip{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:500;border:1px solid;display:inline-block;margin:2px;}
.chip-canal{background:var(--p-bg);color:var(--p2);border-color:var(--p-border);}
.chip-M{background:var(--info-bg);color:var(--info);border-color:var(--info-border);}
.chip-F{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border);}
.chip-O{background:var(--bg3);color:var(--text2);border-color:var(--border);}
.contato{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:12px;margin-bottom:8px;}
.contato-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px;}
.contato-nome{font-size:14px;font-weight:600;}
.contato-data{font-size:11px;color:var(--text3);}
.contato-info{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;}
.contato-resumo{font-size:13px;color:var(--text2);padding:8px;background:var(--bg3);border-radius:var(--rs);}
.contato-actions{display:flex;gap:6px;margin-top:8px;}

/* LT — Tasks */
.task{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;margin-bottom:8px;transition:border-color .2s;}
.task.urg{border-color:var(--danger);background:var(--danger-bg);}
.task.aviso{border-color:var(--warning);}
.task.done-t{opacity:.4;}
.task-top{display:flex;align-items:flex-start;gap:10px;}
.task-main{flex:1;min-width:0;}
.task-actions{display:flex;gap:2px;flex-shrink:0;}
.task-name{font-size:14px;font-weight:500;}
.task-name.dn{text-decoration:line-through;color:var(--text3);}
.meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;}
.expand-area{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}
.notes-txt{font-size:13px;color:var(--text2);margin-bottom:10px;white-space:pre-wrap;padding:8px 10px;background:var(--bg3);border-radius:var(--rs);border-left:3px solid var(--p);}
.check{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-top:1px;transition:all .15s;}
.check.chk{background:var(--p);border-color:var(--p);}
.check svg{display:none;width:11px;height:11px;stroke:#fff;stroke-width:3;fill:none;}
.check.chk svg{display:block;}
.sub{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:0.5px solid var(--border);}
.sub:last-of-type{border-bottom:none;}
.sub-chk{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.sub-chk.done{background:var(--p);border-color:var(--p);}
.sub-chk svg{display:none;width:8px;height:8px;stroke:#fff;stroke-width:3;fill:none;}
.sub-chk.done svg{display:block;}
.sub-name{font-size:13px;color:var(--text2);flex:1;}
.sub-name.dn{text-decoration:line-through;color:var(--text3);}
.add-sub{display:flex;gap:6px;margin-top:8px;}
.add-sub input{flex:1;font-size:12px;padding:6px 8px;}
.add-sub button{font-size:12px;padding:6px 10px;white-space:nowrap;background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:var(--rs);cursor:pointer;}
.rec-box{background:var(--bg3);border-radius:var(--rs);padding:10px;margin-bottom:10px;display:none;border:1px solid var(--border);}
.rec-box.open{display:block;}
.days-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;}
.day-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:11px;color:var(--text2);font-weight:500;}
.day-btn.sel{background:var(--p-bg);border-color:var(--p);color:var(--p2);font-weight:700;}
.rec-prev{font-size:12px;color:var(--info);margin-top:6px;}
.rec-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:8px;border-left:3px solid var(--p);}
.hist-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;}
.hist-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:0.5px solid var(--border);}
.hist-item:last-child{border-bottom:none;}
.hist-ic{width:28px;height:28px;border-radius:50%;background:var(--p);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:13px;}

/* QR — Paletes */
.palete-status{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;}
.palete-count{font-size:40px;font-weight:700;color:var(--p2);line-height:1;}
.palete-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:8px;overflow:hidden;}
.palete-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--border);}
.palete-header:hover{background:var(--bg3);}
.palete-body{display:none;padding:14px;}
.palete-body.open{display:block;}
.chevron{font-size:12px;color:var(--text3);transition:transform .2s;}
.chevron.open{transform:rotate(180deg);}
.cod-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:0.5px solid var(--border);}
.cod-item:last-child{border-bottom:none;}
.cod-text{font-size:13px;font-family:monospace;font-weight:500;}
.sessao-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .2s;}
.sessao-card:hover{border-color:var(--p);}
.feedback{border-radius:var(--rs);padding:8px 14px;display:none;margin-bottom:10px;flex-direction:row;align-items:center;gap:10px;}
.feedback.ok{display:flex;background:var(--success-bg);border:1px solid var(--success-border);}
.feedback.ng{display:flex;background:var(--danger-bg);border:1px solid var(--danger-border);}
.feedback-icon{font-size:24px;line-height:1;flex-shrink:0;}
.feedback-cod{font-size:14px;font-weight:700;font-family:monospace;flex:1;}
.feedback-msg{font-size:12px;color:var(--text2);}
.acoes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;}
.acao{padding:8px;font-size:12px;font-weight:600;border-radius:var(--rs);cursor:pointer;text-align:center;border:1px solid;}
.acao-g{background:var(--success-bg);border-color:var(--success-border);color:var(--success);}
.acao-a{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning);}
.acao-p{background:var(--p-bg);border-color:var(--p-border);color:var(--p2);}
.acao-r{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger);}
.edit-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rs);padding:10px;margin-bottom:12px;display:none;}
.edit-box.open{display:block;}
.add-box{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--rs);padding:10px;margin-bottom:12px;display:none;}
.add-box.open{display:block;}
.lixeira-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs);padding:10px 12px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.audit-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:0.5px solid var(--border);}
.audit-item:last-child{border-bottom:none;}
.audit-desc{font-size:13px;color:var(--text2);flex:1;}
.audit-time{font-size:11px;color:var(--text3);white-space:nowrap;}

/* SRV — Serviços */
.srv-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:8px;border-left:4px solid transparent;}
.srv-card.pendente{border-left-color:var(--danger);}
.srv-card.cobrado{border-left-color:var(--warning);}
.srv-card.pago{border-left-color:var(--success);}
.srv-num{font-size:11px;color:var(--text3);font-family:monospace;margin-bottom:2px;}
.srv-nome{font-size:15px;font-weight:600;}
.srv-empresa{font-size:13px;color:var(--text2);margin-top:2px;}
.srv-valor{font-size:18px;font-weight:700;color:var(--p2);}
.srv-peca{font-size:11px;color:var(--text3);margin-top:2px;}
.srv-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px;}
.srv-obs{font-size:13px;color:var(--text2);margin-top:8px;padding-top:8px;border-top:1px solid var(--border);}
.b-pendente{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);}
.b-cobrado{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border);}
.b-pago{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);}
.btn-status{font-size:12px;padding:4px 10px;border-radius:99px;cursor:pointer;font-weight:500;border:1px solid;}
.btn-cobrar{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border);}
.btn-pago{background:var(--success-bg);color:var(--success);border-color:var(--success-border);}
.cat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:0.5px solid var(--border);}
.cat-item:last-child{border-bottom:none;}
.cat-edit-box{display:none;margin-top:6px;}
.cat-edit-box.open{display:flex;gap:6px;}
.modo-btn{flex:1;padding:10px;border-radius:var(--rs);border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;font-size:13px;font-weight:500;text-align:center;transition:all .15s;}
.modo-btn.active{background:var(--p-bg);border-color:var(--p-border);color:var(--p2);}