/* ══════════════════════════════════════════════════════════════
   Licit GO — Base: reset, html/body, typography, utilities
══════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:-apple-system,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;
  font-size:14px;color:var(--g1);background:var(--g9);-webkit-font-smoothing:antialiased;overflow:hidden}

.view{display:none;padding:26px 30px;width:100%;box-sizing:border-box}
.view.active{display:block}

/* ── TYPOGRAPHY ── */
.pg-title{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--g1)}
.pg-sub{font-size:13px;color:var(--g4);margin-top:3px}
.card-title{font-size:13px;font-weight:600;color:var(--g1);margin-bottom:14px}

/* ── UTILS ── */
.mb-18{margin-bottom:18px}
.mb-22{margin-bottom:22px}
.mt-16{margin-top:16px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* ── SCROLLBAR ── */
#content::-webkit-scrollbar{width:6px}
#content::-webkit-scrollbar-thumb{background:var(--g7);border-radius:3px}
#content::-webkit-scrollbar-track{background:transparent}

/* ── EMPTY STATE ── */
.empty-state{text-align:center;padding:48px 20px;color:var(--g4)}
.es-ico{font-size:36px;margin-bottom:10px}
.es-txt{font-size:14px}

/* ── PRINT ── */
@media print{
  #sidebar,#topbar,#chat-fab,#chat-panel,#toast,.act-bar-right,.btn,.modal-overlay{display:none!important}
  #app{display:block!important}#main{display:block!important}#content{overflow:visible!important}
  .view{display:none!important}.view.print-active{display:block!important;padding:0!important;max-width:100%!important}
  .card{box-shadow:none!important;border:1px solid #ddd!important}
  body{background:#fff!important;font-size:12px!important}
  .ck-item{page-break-inside:avoid}
  .print-header{display:block!important;text-align:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #10B981}
  .print-header h1{font-size:18px;color:#10B981;margin-bottom:4px}
  .print-header p{font-size:11px;color:#666}
}
.print-header{display:none}

/* ── RESPONSIVE ── */
@media(max-width:900px){.grid-2{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  #chat-panel{width:100vw}}
@media(max-width:600px){.view{padding:16px 14px}
  .proj-grid{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:1fr 1fr}}

/* Contenteditable placeholder */
#chat-in:empty::before{content:attr(data-placeholder);color:var(--g5);pointer-events:none}
[data-empty="true"]::before{content:attr(data-placeholder);color:var(--g5);pointer-events:none}