:root{
  /* paleta byTechOS: ciano da marca + navy */
  --primary:#00AEEF; --primary-d:#0e8fc4; --navy:#1E2278; --navy-d:#161a5e;
  --bg:#0b1020; --panel:#121829; --panel2:#1a2236; --line:#27304a;
  --txt:#e8ecf4; --mut:#93a0bb; --acc:#00AEEF; --acc2:#37c6f4;
  --ok:#22c55e; --warn:#f59e0b; --err:#ef4444;
  --bios:#a855f7; --schematic:#37a0f4; --boardview:#22d3ee;
  --datasheet:#f59e0b; --image:#ec4899; --archive:#64748b;
  /* status do CRM */
  --st-novo:#37c6f4; --st-contatado:#a855f7; --st-testou:#f59e0b;
  --st-cliente:#22c55e; --st-perdido:#64748b;
}
*{box-sizing:border-box}
body{margin:0;background:
   radial-gradient(1100px 480px at 80% -10%, rgba(0,174,239,.10), transparent 60%),
   radial-gradient(900px 420px at -5% 0%, rgba(30,34,120,.35), transparent 55%),
   var(--bg);
  color:var(--txt);font:15px/1.5 "Segoe UI",system-ui,Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--acc2);text-decoration:none}
a:hover{text-decoration:underline}
main{max-width:1080px;margin:0 auto;padding:24px 18px 60px}

/* faixa de propaganda byTechOS */
.promobar{display:flex;align-items:center;gap:9px;justify-content:center;
  background:linear-gradient(90deg,var(--navy),var(--primary-d));
  color:#fff;font-size:13.5px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.promobar:hover{text-decoration:none;filter:brightness(1.06)}
.promobar b{font-weight:800;letter-spacing:.2px}
.promo-dot{width:8px;height:8px;border-radius:50%;background:#7CF2C8;
  box-shadow:0 0 0 4px rgba(124,242,200,.22)}
.promo-cta{font-weight:700;background:rgba(255,255,255,.16);padding:3px 10px;border-radius:999px}

.topbar{display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;background:rgba(12,17,32,.82);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{display:flex;flex-direction:column;line-height:1.15;color:var(--txt)}
.brand:hover{text-decoration:none}
.logo{font-size:20px;font-weight:800;color:var(--primary)}
.logo b{color:var(--txt)}
.brand .sub{font-weight:400;color:var(--mut);font-size:11px;letter-spacing:.3px}
.topbar nav{display:flex;align-items:center;gap:16px}
.who{color:var(--mut);font-size:13px}
.navadm{font-weight:700;color:var(--navy);background:#cfe9fb;padding:6px 12px;border-radius:8px}
.navadm:hover{text-decoration:none;filter:brightness(1.05)}
.btn-up{background:var(--primary);color:#04121d;padding:7px 14px;border-radius:9px;font-weight:700}
.btn-up:hover{text-decoration:none;filter:brightness(1.08)}

.hero h1{font-size:25px;margin:8px 0 16px}
.stats{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.stats div{background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:14px 22px;text-align:center;min-width:110px}
.stats b{display:block;font-size:24px;color:var(--primary);font-variant-numeric:tabular-nums}
.stats span{color:var(--mut);font-size:12px}

.search{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.search input[type=text]{flex:1;min-width:260px}
input,select,button{font:inherit;padding:10px 12px;border-radius:9px;
  border:1px solid var(--line);background:var(--panel2);color:var(--txt)}
input:focus,select:focus{outline:2px solid rgba(0,174,239,.5);outline-offset:0;border-color:var(--primary)}
button{background:var(--primary);border:none;color:#04121d;font-weight:700;cursor:pointer}
button:hover{filter:brightness(1.08)}

.cattags{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.tag{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--panel2);
  border:1px solid var(--line);color:var(--txt)}
.tag:hover{text-decoration:none;border-color:var(--primary)}

.results h2{font-size:16px;color:var(--mut);font-weight:600;margin:22px 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:14px;display:flex;flex-direction:column;gap:4px;color:var(--txt)}
.card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-2px);
  transition:.12s;box-shadow:0 6px 22px rgba(0,174,239,.10)}
.cbrand{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.cboard{font-weight:700;font-size:15px}
.cn{color:var(--acc2);font-size:12px}
.brandcard{text-align:center;font-weight:700;font-size:16px;padding:22px 14px}
.empty{color:var(--mut)}

.crumbs{color:var(--mut);margin-bottom:8px;font-size:13px}
.crumbs b{color:var(--txt)}
.boardhead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.boardhead h1{margin:0;font-size:26px}
.boardhead .sub{color:var(--mut);margin:0}
.filegroup{margin-bottom:18px;background:var(--panel);border:1px solid var(--line);
  border-radius:14px;padding:14px 18px}
.filegroup h3{margin:0 0 10px;font-size:14px;border-left:3px solid var(--line);padding-left:10px}
.filegroup h3 span{color:var(--mut);font-weight:400}
.files{list-style:none;margin:0;padding:0}
.files li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;
  border-top:1px solid var(--line)}
.files li:first-child{border-top:none}
.fname{word-break:break-all}
.meta{color:var(--mut);font-size:12px;white-space:nowrap}

.cat-bios{border-color:var(--bios)!important;color:#d8b4fe}
.cat-schematic{border-color:var(--schematic)!important;color:#93c5fd}
.cat-boardview{border-color:var(--boardview)!important;color:#a5f3fc}
.cat-datasheet{border-color:var(--datasheet)!important;color:#fcd34d}
.cat-image{border-color:var(--image)!important;color:#f9a8d4}
.cat-archive{border-color:var(--archive)!important;color:#cbd5e1}

/* card de anúncio contextual (página da placa) */
.adcard{margin-top:26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  justify-content:space-between;border-radius:16px;padding:18px 22px;
  background:linear-gradient(110deg,var(--navy),var(--navy-d) 55%,#0f1430);
  border:1px solid rgba(0,174,239,.4);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.adcard-txt{display:flex;flex-direction:column;gap:3px;max-width:640px}
.adcard-txt b{font-size:16px}
.adcard-txt span{color:#c7d2ec;font-size:13.5px}
.adcard-btn{background:var(--primary);color:#04121d;font-weight:800;padding:11px 20px;
  border-radius:10px;white-space:nowrap}
.adcard-btn:hover{text-decoration:none;filter:brightness(1.08)}

.formwrap{max-width:620px}
.formwrap.narrow{max-width:430px}
.formwrap h1{font-size:22px;margin-bottom:6px}
.hint{color:var(--mut);font-size:13px}
form label{display:block;margin:12px 0;font-size:13px;color:var(--mut)}
form label input[type=text],form label input[type=email],form label input[type=password],
form label select,form label input[type=file]{display:block;width:100%;margin-top:5px;color:var(--txt)}
.formwrap button[type=submit]{width:100%;padding:12px;font-size:15px;margin-top:6px}
.newbrand{display:flex;align-items:center;gap:8px}
.newbrand input[type=text]{flex:1;width:auto;margin-top:0}
.namebuilder{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.nbout{display:block;background:var(--panel2);border:1px solid var(--line);
  padding:10px;border-radius:8px;font-family:monospace;min-height:20px;word-break:break-all}
.helper{margin-top:24px;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:12px 16px}
.helper summary{cursor:pointer;font-weight:600}

.alert{padding:12px 14px;border-radius:10px;margin:12px 0;font-size:14px}
.alert.err{background:rgba(239,68,68,.12);border:1px solid var(--err);color:#fca5a5}
.alert.warn{background:rgba(245,158,11,.12);border:1px solid var(--warn);color:#fcd34d}
.alert.ok{background:rgba(34,197,94,.12);border:1px solid var(--ok);color:#86efac}
.alert ul{margin:6px 0 0;padding-left:18px}
.livecheck:empty{display:none}
.livecheck{margin:10px 0}

/* ---------------- CRM byTechOS ---------------- */
.crm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.crm-head h1{margin:0;font-size:24px}
.crm-head .sub{color:var(--mut);margin:4px 0 0;font-size:13px}
.btn-export{background:var(--panel2);border:1px solid var(--line);color:var(--txt);
  padding:9px 14px;border-radius:9px;font-weight:600}
.btn-export:hover{text-decoration:none;border-color:var(--primary)}

.pipe{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}
.pipe-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;
  padding:14px 12px;text-align:center;color:var(--txt);position:relative;overflow:hidden}
.pipe-card:hover{text-decoration:none;border-color:var(--primary)}
.pipe-card.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.pipe-card b{display:block;font-size:26px;font-variant-numeric:tabular-nums}
.pipe-card span{color:var(--mut);font-size:11.5px}
.pipe-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--line)}
.pipe-card.st-novo::before{background:var(--st-novo)}
.pipe-card.st-contatado::before{background:var(--st-contatado)}
.pipe-card.st-testou::before{background:var(--st-testou)}
.pipe-card.st-cliente::before{background:var(--st-cliente)}
.pipe-card.st-perdido::before{background:var(--st-perdido)}

.crm-search{display:flex;gap:10px;margin:6px 0 16px;align-items:center}
.crm-search input{flex:1;min-width:220px}
.clearq{font-size:12px;color:var(--mut)}

.crm-table{width:100%;border-collapse:collapse;background:var(--panel);
  border:1px solid var(--line);border-radius:14px;overflow:hidden}
.crm-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;
  color:var(--mut);padding:11px 14px;background:var(--panel2);border-bottom:1px solid var(--line)}
.crm-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:13.5px}
.crm-table tr:last-child td{border-bottom:none}
.crm-table b{display:block}
.crm-table .muted{display:block;color:var(--mut);font-size:12px}
.nowrap{white-space:nowrap}
.wa{display:inline-block;font-weight:600}
.notas{margin-top:5px}
.notas summary{cursor:pointer;color:var(--acc2);font-size:12px}
.notas pre{white-space:pre-wrap;background:var(--panel2);border:1px solid var(--line);
  border-radius:8px;padding:8px;margin:6px 0 0;font-size:12px;color:var(--mut)}

.tag-sim{color:#86efac;font-weight:600}
.tag-pen{color:#fcd34d;font-weight:600}
.tag-nao{color:var(--mut)}

.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;
  margin-bottom:8px;border:1px solid}
.badge.st-novo{color:var(--st-novo);border-color:var(--st-novo);background:rgba(55,198,244,.12)}
.badge.st-contatado{color:#c79bf5;border-color:var(--st-contatado);background:rgba(168,85,247,.12)}
.badge.st-testou{color:#fcd34d;border-color:var(--st-testou);background:rgba(245,158,11,.12)}
.badge.st-cliente{color:#86efac;border-color:var(--st-cliente);background:rgba(34,197,94,.12)}
.badge.st-perdido{color:#cbd5e1;border-color:var(--st-perdido);background:rgba(100,116,139,.12)}

.rowform{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.rowform select,.rowform input{padding:7px 9px;font-size:12.5px}
.rowform input{flex:1;min-width:130px}
.rowform button{padding:7px 12px;font-size:12.5px}

footer{display:flex;flex-direction:column;gap:4px;text-align:center;color:var(--mut);
  font-size:12px;padding:24px;border-top:1px solid var(--line)}
.foot-by{color:var(--mut)}
.foot-by a{color:var(--primary);font-weight:700}

/* badge de pendentes no menu */
.navbadge{display:inline-block;min-width:18px;text-align:center;background:var(--warn);
  color:#3a2a05;font-size:11px;font-weight:800;border-radius:999px;padding:1px 6px;margin-left:2px}

/* ---------------- Moderação ---------------- */
.modcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:16px 18px;margin-bottom:14px}
.modhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:12px}
.modhead b{display:block;font-size:14.5px;word-break:break-all}
.modhead .muted{display:block;color:var(--mut);font-size:12px}
.modlink{background:var(--panel2);border:1px solid var(--line);color:var(--txt);
  padding:8px 12px;border-radius:9px;font-weight:600;font-size:12.5px;white-space:nowrap}
.modlink:hover{text-decoration:none;border-color:var(--primary)}
.modgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px}
.modfull{grid-column:1 / -1}
.modform label{display:block;margin:0;font-size:12px;color:var(--mut)}
.modform input,.modform select{display:block;width:100%;margin-top:4px}
.muted-inline{color:var(--mut);font-weight:400}
.modactions{display:flex;gap:10px;margin-top:14px}
.btn-approve{background:var(--ok);border:none;color:#06210f;font-weight:800;
  padding:10px 18px;border-radius:9px;cursor:pointer}
.btn-approve:hover{filter:brightness(1.08)}
.btn-reject{background:transparent;border:1px solid var(--err);color:#fca5a5;
  font-weight:700;padding:10px 18px;border-radius:9px;cursor:pointer}
.btn-reject:hover{background:rgba(239,68,68,.12)}

@media(max-width:720px){
  .pipe{grid-template-columns:repeat(3,1fr)}
  .crm-table thead{display:none}
  .crm-table,.crm-table tbody,.crm-table tr,.crm-table td{display:block;width:100%}
  .crm-table tr{border-bottom:1px solid var(--line);padding:6px 0}
  .crm-table td{border:none;padding:6px 14px}
  .modgrid{grid-template-columns:1fr}
}