/* =========================================================
   TagPyme · marca compartida (se carga DESPUÉS del <style> de cada página)
   Colores muestreados de las piezas oficiales (aprox. hasta tener el SVG del logo).
   ========================================================= */
:root{
  --tp-bg:#080A0B; --tp-blue:#1A56FE; --tp-violet:#8E5CFA; --tp-mint:#2EE6A8; --tp-cyan:#24B4E8;
  --tp-grad:linear-gradient(90deg,#1A56FE,#8E5CFA 55%,#2EE6A8);
  --tp-accent:#5B4BF5; --tp-accent-soft:#B3A8FF; --tp-accent-bg:rgba(91,75,245,0.10);

  /* Paleta del panel (reemplaza la vieja dorada/crema) */
  --ink:#141726; --ink-soft:rgba(20,23,38,0.62); --ink-faint:rgba(20,23,38,0.40); --ink-2:#1d2135;
  --brass:#5B4BF5; --brass-soft:#B3A8FF;
  --workspace:#F5F6FA; --paper:#EEF0F7; --paper-2:#E3E6F0; --panel:#ffffff;
  --line:rgba(20,23,38,0.09);
  --stamp-green:#0E9F7A; --red:#D6455D; --amber:#C98A12;
}

/* Tipografía de marca: moderna y sans (antes Fraunces serif) */
h1,h2,h3,.stat .v,.pagehead h1{font-family:'Inter',sans-serif !important;letter-spacing:-0.02em;font-weight:700 !important;}

/* Botones de acento: antes texto oscuro sobre dorado, ahora claro sobre violeta */
.btn-brass,.copybtn{background:var(--tp-accent) !important;color:#fff !important;}
.btn-brass:hover,.copybtn:hover{filter:brightness(1.08);}
.chip{background:var(--tp-accent-bg) !important;color:var(--tp-accent) !important;}

/* Marca: el punto dorado pasa a ser el logo T */
.brand .dot,.mono .dot,.brandmark .dot,.top .brand .dot,.topbar .brand .dot{
  width:20px !important;height:20px !important;border-radius:0 !important;
  background:url(logo.svg) center/contain no-repeat !important;
}
.tp-logo{display:inline-block;width:22px;height:22px;background:url(logo.svg) center/contain no-repeat;flex-shrink:0;}
.tp-wordmark{font-family:'Inter',sans-serif !important;font-size:17px;letter-spacing:-0.01em;}
.tp-wordmark b{font-weight:800;}
.tp-wordmark span{font-weight:400;}
.tp-grad-text{background:var(--tp-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- Sidebar compartido ---------- */
.sidebar{background:var(--tp-bg) !important;color:#EEF0F7 !important;}
.sidebar .brand{display:flex;align-items:center;gap:9px;margin-bottom:6px;padding:0 4px;}
.sidebar .brand .tp-wordmark{color:#fff;}
.sidebar .bizname{font-size:11.5px;color:rgba(238,240,247,0.5) !important;padding:0 4px 4px;}
.sidebar .tp-line{display:inline-block;margin:0 4px 16px;font-size:10px;letter-spacing:.14em;font-weight:800;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,0.07);}
.sidebar nav a{color:rgba(238,240,247,0.66) !important;display:flex;align-items:center;gap:10px;}
.sidebar nav a:hover{background:rgba(255,255,255,0.06) !important;color:#fff !important;}
.sidebar nav a.active{background:rgba(142,92,250,0.18) !important;color:#fff !important;box-shadow:inset 2px 0 0 var(--tp-violet);}
.sidebar nav a .ic{width:18px;text-align:center;opacity:.85;}
.sidebar nav .navsep{height:1px;background:rgba(255,255,255,0.07);margin:8px 6px;}
.sidebar .planbox{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.09) !important;}
.sidebar .planbox .k,.sidebar .planbox .v2{color:rgba(238,240,247,0.5) !important;}
.sidebar .planbox a{background:var(--tp-grad) !important;color:#fff !important;}
.sidebar #logoutBtn{color:rgba(238,240,247,0.4) !important;}
.sidebar #logoutBtn:hover{color:#fff !important;}
.tp-menu-toggle{display:none;}

@media (max-width:880px){
  .shell{grid-template-columns:1fr !important;}
  .sidebar{position:sticky !important;top:0;height:auto !important;z-index:60;padding:12px 16px !important;}
  .sidebar .brand{margin:0;}
  .sidebar .bizname,.sidebar .tp-line,.sidebar nav,.sidebar .planbox,.sidebar #logoutBtn{display:none !important;}
  .sidebar.open .bizname,.sidebar.open .tp-line{display:block !important;}
  .sidebar.open nav{display:flex !important;margin-top:8px;}
  .sidebar.open .planbox,.sidebar.open #logoutBtn{display:block !important;}
  .tp-menu-toggle{display:flex;position:absolute;right:12px;top:10px;background:rgba(255,255,255,0.08);border:none;color:#fff;border-radius:8px;padding:7px 11px;font-size:13px;cursor:pointer;align-items:center;gap:6px;}
  .main{padding:22px 16px 60px !important;}
}

/* Firma discreta en páginas públicas del negocio */
.tp-signature{display:flex;align-items:center;justify-content:center;gap:6px;font:500 11px 'Inter',sans-serif;opacity:.55;padding:22px 0 10px;}
.tp-signature .tp-logo{width:14px;height:14px;}