/* CAPISI · Cotizador y Seguimiento — mismo sistema visual que Constancias DC-3 (mango, negro y gris) */
:root{
	--mango:#F7A21B;--ink:#161616;--gris:#5B5F66;
	--bg:#F3F4F6;--line:#E3E5E8;--txt:#1d1f23;--muted:#6b7078;
	--g1:#F3F4F6;--g2:#E3E5E8;--g3:#cfd3d8;--g4:#6b7078;--g5:#5B5F66;
	--ok:#16A36A;--okbg:#E3F6EC;--red:#D63B3B;--redbg:#FDE8E8;--blue:#1E88C8;--bluebg:#E7F1FA;
	--r:12px;--sh:0 1px 2px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.05);
	--mango-soft:color-mix(in srgb,var(--mango) 14%,#fff);--mango-dark:color-mix(in srgb,var(--mango) 75%,#000);
	/* monday */
	--m-green:#00c875;--m-orange:#fdab3d;--m-red:#e2445c;--m-blue:#579bfc;--m-purple:#9d50dd;--m-gray:#c4c4c4;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:14px/1.45 "Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:700}
a{color:var(--mango-dark)}
button,input,select,textarea{font:inherit;color:inherit}
.muted{color:var(--muted)}.small{font-size:12.5px}
.cc-boot{padding:60px;text-align:center;color:var(--muted)}

/* ---------- Botones ---------- */
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:13.5px;border-radius:9px;padding:9px 16px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;text-decoration:none;line-height:1.2;min-height:40px;white-space:nowrap;transition:filter .15s}
.cc-btn:hover{filter:brightness(1.15)}
.cc-btn.mango{background:var(--mango);border-color:var(--mango);color:var(--ink)}
.cc-btn.mango:hover{filter:brightness(.96)}
.cc-btn.ghost{background:#fff;color:var(--txt);border-color:#cfd3d8}
.cc-btn.ghost:hover{filter:brightness(.96)}
.cc-btn.red{background:var(--red);border-color:var(--red)}
.cc-btn.ok{background:var(--ok);border-color:var(--ok)}
.cc-btn.wa{background:#25D366;border-color:#25D366}
.cc-btn.sm{padding:6px 11px;font-size:12.5px;min-height:32px}
.cc-btn.big{padding:12px 20px;font-size:15px;width:100%;min-height:46px}
.cc-btn:disabled{opacity:.5;cursor:default}
.cc-link{background:none;border:0;color:var(--mango-dark);cursor:pointer;padding:0;font-size:13px;font-weight:600;text-decoration:underline}
/* Botones-icono de color (PDF · enviar · editar · borrar) */
.ibs{display:inline-flex;gap:5px;align-items:center;flex-wrap:nowrap}
.ib{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:0;color:#fff;cursor:pointer;text-decoration:none;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.12);transition:transform .1s,filter .15s;flex:none}
.ib:hover{filter:brightness(.92);transform:translateY(-1px)}
.ib svg{width:17px;height:17px}
.ib-pdf{background:#F5A623}.ib-send{background:#4CAF50}.ib-edit{background:#1E7FE0}.ib-del{background:#E04848}
.ib-wa{background:#25D366}.ib-mail{background:var(--gris)}.ib-ok{background:var(--ok)}.ib-dark{background:var(--ink)}.ib-gray{background:#9aa0a6}
.ib.sm{width:28px;height:28px;border-radius:7px}.ib.sm svg{width:14px;height:14px}

/* ---------- Campos ---------- */
input[type=text],input[type=email],input[type=url],input[type=number],input[type=date],input[type=datetime-local],input[type=password],input[type=search],input[type=tel],input:not([type]),select,textarea{width:100%;color:var(--txt);background:#fff;border:1px solid #d5d8dd;border-radius:9px;padding:9px 12px;min-height:40px;outline:none;transition:border-color .15s,box-shadow .15s}
input[type=color]{width:100%;height:40px;border:1px solid #d5d8dd;border-radius:9px;padding:3px;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--mango);box-shadow:0 0 0 3px color-mix(in srgb,var(--mango) 25%,transparent)}
textarea{resize:vertical}
.cc-chk{display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:500;font-size:13px}
.cc-chk input{width:16px;height:16px;accent-color:var(--mango)}
.cc-alert{background:var(--redbg);color:#a11d1d;border:1px solid #f5c2c2;padding:10px 14px;border-radius:10px;margin:10px 0;font-size:13.5px}

/* ---------- Login (igual que DC-3) ---------- */
.cc-auth{min-height:100vh;display:grid;place-items:center;background:var(--ink);padding:24px;position:relative;overflow:hidden}
.cc-auth::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-160px;background:var(--mango);transform:rotate(45deg)}
.cc-auth::after{content:"";position:absolute;width:300px;height:300px;left:-120px;bottom:-120px;background:var(--gris);transform:rotate(45deg)}
.cc-login{position:relative;z-index:1;background:#fff;border-radius:16px;padding:34px 30px;width:min(400px,100%);box-shadow:0 30px 80px rgba(0,0,0,.4);border-top:5px solid var(--mango)}
.cc-login h1{font-size:22px;text-align:center;margin:10px 0 18px}
.cc-login label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:13px;margin-bottom:14px}
.cc-login-logo{display:flex;justify-content:center}
.cc-login-logo img{max-height:80px;max-width:220px}
.cc-login-logo b{font-weight:800;font-size:28px;color:var(--ink)}
.cc-forgot{display:block;text-align:center;margin-top:14px;font-size:12.5px;color:var(--muted)}

/* ---------- Estructura del panel ---------- */
.cc-app #app{display:flex;min-height:100vh}
.cc-side{position:fixed;inset:0 auto 0 0;width:236px;background:var(--ink);color:#d6d7da;display:flex;flex-direction:column;overflow-y:auto;z-index:50}
.cc-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:86px;padding:14px;border-bottom:3px solid var(--mango);background:#fff;text-decoration:none;gap:4px}
.cc-brand img{max-height:56px;max-width:190px}
.cc-brand b{font-weight:800;font-size:24px;letter-spacing:.04em;color:var(--ink)}
.cc-brand span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.cc-side nav{flex:1;padding:12px 10px}
.cc-side nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;text-decoration:none;color:#c9cbcf;font-weight:500;font-size:13.5px;margin-bottom:2px;transition:background .15s,color .15s}
.cc-side nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.cc-side nav a.on{background:var(--mango);color:var(--ink);font-weight:600}
.cc-side nav a svg{width:19px;height:19px;flex:none}
.cc-side nav .sep{height:1px;background:rgba(255,255,255,.08);margin:10px 8px}
.cc-me{margin:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;display:flex;align-items:center;gap:10px;font-size:13px}
.cc-me a{margin-left:auto;color:#9a9da3;font-size:12px}
.cc-av{width:30px;height:30px;border-radius:50%;background:var(--mango);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none}
.cc-av.sm{width:24px;height:24px;font-size:10px}
.cc-main{flex:1;margin-left:236px;min-width:0;display:flex;flex-direction:column;min-height:100vh}
.cc-top{display:flex;align-items:center;gap:16px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.cc-top h1{font-size:19px}
.cc-crumb{font-size:12px;color:var(--muted);margin-top:2px}
.cc-crumb b{color:var(--mango-dark);font-weight:600}
.cc-top .cc-user{margin-left:auto;display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px}
.cc-top .cc-user .cc-av{width:36px;height:36px;background:var(--ink);color:var(--mango);font-size:13px}
#view{padding:24px 28px 60px;max-width:1500px;width:100%}
.cc-burger{display:none;background:none;border:0;padding:6px;cursor:pointer;font-size:22px}
.cc-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.cc-head h1{font-size:22px;flex:1;min-width:180px}
.cc-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cc-tools input:not([type=checkbox]):not([type=radio]),.cc-tools select{width:auto;min-width:180px}
.cc-tools input[type=checkbox]{min-width:0;width:16px}

/* ---------- Tarjetas ---------- */
.cc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:20px;margin-bottom:20px}
.cc-card.nopad{padding:0;overflow:hidden}
.cc-band{background:var(--ink);color:#fff;font-weight:600;padding:12px 20px;margin:-20px -20px 16px;border-radius:var(--r) var(--r) 0 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cc-band .sp{flex:1}
.cc-band.light{background:var(--mango-soft);color:var(--ink);border-bottom:1px solid var(--line)}
.cc-band.gray{background:var(--gris)}
.cc-ch{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.cc-ch h2{font-size:17px}
.cc-ch small{color:var(--muted)}
.cc-ch .sp,.cc-head .sp{flex:1}
.cc-sec-t{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mango-dark);font-weight:700;margin:4px 0 12px;display:flex;gap:8px;align-items:center}
.cc-grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}
.cc-grid2>.cc-card{margin-bottom:0}
.cc-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cc-empty{padding:26px;text-align:center;color:var(--muted)}
.cc-empty.sm{padding:14px}
.cc-loading{padding:50px;text-align:center;color:var(--muted)}
.cc-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 8px;background:#eceef1;color:var(--gris)}
.cc-badge.red{background:var(--red);color:#fff}
.cc-pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;border-radius:6px;padding:3px 8px;background:#eceef1;color:var(--gris);white-space:nowrap}
.cc-pill.ok{background:var(--okbg);color:#0f7a4f}.cc-pill.red{background:var(--redbg);color:#b42323}
.cc-pill.mango{background:var(--mango-soft);color:var(--mango-dark)}.cc-pill.blue{background:var(--bluebg);color:#16679a}
.cc-pill.dark{background:var(--ink);color:var(--mango)}
.cc-help{font-size:13px;background:var(--mango-soft);border:1px solid color-mix(in srgb,var(--mango) 45%,#fff);border-radius:10px;padding:12px 14px;margin:6px 0}
.cc-help code{background:#fff;padding:1px 5px;border-radius:4px;font-size:12px;color:#7A5CC4}

/* ---------- KPIs ---------- */
.cc-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:20px}
.cc-kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center;box-shadow:var(--sh)}
.cc-kpi b{display:block;font-size:24px;font-weight:800;line-height:1.15}
.cc-kpi small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;order:2}
.cc-kpi{display:flex;flex-direction:column-reverse}
.cc-kpi.mango{background:var(--ink);border-color:var(--ink)}.cc-kpi.mango b{color:var(--mango)}.cc-kpi.mango small{color:#cfd1d4}
.cc-kpi.ok b{color:var(--ok)}.cc-kpi.warn b{color:var(--red)}

/* ---------- Mapa de procesos ---------- */
.cc-map{display:grid;grid-template-columns:repeat(6,1fr)}
.cc-step{position:relative;text-decoration:none;color:var(--ink);background:#f1f2f4;padding:14px 14px 14px 26px;min-height:122px;display:flex;flex-direction:column;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);margin-right:-8px;transition:filter .15s}
.cc-step:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);padding-left:16px}
.cc-step:hover{filter:brightness(.95)}
.cc-step .n{font-weight:700;font-size:12px;color:var(--muted)}
.cc-step b{font-size:15px;line-height:1.1}
.cc-step em{font-style:normal;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cc-step strong{font-size:32px;font-weight:800;margin-top:auto;line-height:1}
.cc-step small{font-size:12px;color:var(--gris)}
.cc-step .late{font-style:normal;position:absolute;top:10px;right:22px;background:var(--red);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 7px}
.cc-step.s2{background:#fdf1dc}.cc-step.s3{background:#fbe2b4}.cc-step.s4{background:#f9cf82}.cc-step.s5{background:#F7A21B}
.cc-step.s6{background:var(--ink);color:#fff}.cc-step.s6 small,.cc-step.s6 em,.cc-step.s6 .n{color:#aaa}.cc-step.s6 strong{color:var(--mango)}

/* ---------- Listas ---------- */
.cc-prio{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}
.cc-prio li{display:flex;gap:10px;align-items:flex-start;padding:10px 4px;border-bottom:1px solid #eee;cursor:pointer}
.cc-prio li:hover{background:#fafafa}
.cc-prio .dot{width:9px;height:9px;border-radius:50%;background:var(--red);margin-top:6px;flex:none}
.cc-prio .t{font-weight:600}.cc-prio .s{font-size:12px;color:var(--muted)}
.cc-prio .d{margin-left:auto;font-size:12px;color:var(--red);white-space:nowrap;font-weight:600}
.cc-today{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.cc-today div{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px;color:var(--gris);text-align:center}
.cc-today b{display:block;font-size:24px;font-weight:800;color:var(--ink)}
.cc-today .red b{color:var(--red)}
.cc-evlist{list-style:none;margin:0;padding:0}
.cc-evlist li{display:flex;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px solid #eee;cursor:pointer}
.cc-evlist li:hover{background:#fafafa}
.cc-evlist .tm{font-weight:700;font-size:13px;width:52px;flex:none;color:var(--gris)}
.cc-evlist .tx{flex:1;min-width:0}.cc-evlist .tx div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-evlist .tx small{color:var(--muted)}
.cc-evlist li.late .tm{color:var(--red)}
.cc-dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}

/* ---------- Semana ---------- */
.cc-week{overflow:auto}
.cc-week table{width:100%;border-collapse:collapse;min-width:720px;table-layout:fixed}
.cc-week th{font-size:12.5px;padding:8px 4px;color:#fff;background:var(--ink);font-weight:600}
.cc-week th:first-child{border-radius:8px 0 0 0}.cc-week th:last-child{border-radius:0 8px 0 0}
.cc-week th.today{background:var(--mango);color:var(--ink)}
.cc-week td{border-bottom:1px solid var(--line);border-left:1px solid var(--line);height:30px;text-align:center;padding:2px}
.cc-week td.h{border-left:0;font-size:12px;color:var(--muted);text-align:right;padding-right:8px;width:62px}
.cc-week td.wk{background:#fafafa}
.cc-bub{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;color:#fff;font-weight:700;font-size:12px;cursor:pointer;padding:0 6px;border:0;margin:1px}
.cc-bub.late{box-shadow:0 0 0 2px var(--red)}
.cc-legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.cc-legend span{color:#fff;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}
.cc-wnav{display:flex;gap:4px;align-items:center;margin-left:auto}
.cc-wnav button{border:1px solid #cfd3d8;background:#fff;border-radius:8px;padding:5px 11px;cursor:pointer;font-weight:600}
.cc-wnav span{font-weight:600;padding:0 8px}

/* ---------- Kanban ---------- */
.cc-kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}
.cc-col{background:#e9eaed;border-radius:var(--r);padding:10px;min-height:200px}
.cc-col.hl{box-shadow:0 0 0 3px var(--mango)}
.cc-col h3{font-size:14px;display:flex;align-items:center;gap:6px;margin:2px 4px}
.cc-col h3 .n{background:var(--ink);color:var(--mango);border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.cc-col h3 .c{margin-left:auto;font-size:12px;background:#fff;border-radius:10px;padding:1px 8px}
.cc-col .sum{font-size:12px;color:var(--gris);margin:2px 4px 10px}
.cc-deal{display:block;background:#fff;border-radius:10px;padding:10px 12px;margin-bottom:8px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08);border-left:4px solid var(--mango)}
.cc-deal:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}
.cc-deal.late{border-left-color:var(--red)}.cc-deal.lost{border-left-color:var(--g3);opacity:.7}
.cc-deal .t{font-weight:700}.cc-deal .s{font-size:12.5px;color:var(--gris);margin:1px 0 6px}
.cc-deal .m{font-weight:800;font-size:16px}
.cc-deal .f{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:12px;color:var(--muted)}
.cc-deal .f .av{margin-left:auto}
.cc-pips{display:inline-flex;gap:3px}
.cc-pips i{width:14px;height:5px;border-radius:3px;background:#e3e5e8}
.cc-pips i.d{background:var(--ok)}.cc-pips i.l{background:var(--red)}
.cc-alerttag{display:block;color:var(--red);font-size:12px;font-weight:600;margin-top:5px}

/* ---------- Tablas (encabezado negro como DC-3) ---------- */
.cc-tw{overflow-x:auto}
.cc-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cc-table th{background:var(--ink);color:#fff;font-weight:600;text-align:left;padding:10px 12px;white-space:nowrap;font-size:12.5px}
.cc-table td{padding:9px 12px;border-top:1px solid var(--line);vertical-align:middle;background:#fff}
.cc-table tbody tr:nth-child(even) td{background:#fafafb}
.cc-table tr.click{cursor:pointer}
.cc-table tr.click:hover td{background:var(--mango-soft)}
.cc-table .r{text-align:right}.cc-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cc-table .c{text-align:center}

/* ---------- Pestañas (negro + mango, como el detalle de curso DC-3) ---------- */
.cc-tabs,.cc-xtabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:18px;overflow-x:auto}
.cc-tabs button,.cc-xtabs a{padding:10px 14px;text-decoration:none;color:var(--gris);font-weight:600;font-size:13px;white-space:nowrap;border:0;background:none;border-radius:8px 8px 0 0;margin-bottom:-2px;border-bottom:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.cc-tabs button:hover,.cc-xtabs a:hover{color:var(--ink);background:#fff}
.cc-tabs button.on,.cc-xtabs a.on{background:var(--ink);color:var(--mango);border-bottom-color:var(--mango)}
.cc-tabs button .cc-badge{margin-left:2px}
.cc-xtabs a .n{width:22px;height:22px;border-radius:50%;background:#e3e5e8;color:var(--gris);display:inline-grid;place-items:center;font-size:11.5px;font-weight:700}
.cc-xtabs a.on .n{background:var(--mango);color:var(--ink)}
.cc-xtabs a.done .n{background:var(--ok);color:#fff}
.cc-xtabs a.late .n{background:var(--red);color:#fff}
.cc-xtabs a.off{opacity:.45;pointer-events:none}
.cc-xtabs a .st{width:8px;height:8px;border-radius:50%}

/* ---------- Expediente ---------- */
.cc-xhead{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:16px;box-shadow:var(--sh);border-left:5px solid var(--mango)}
.cc-xhead .back{border:1px solid #cfd3d8;background:#fff;border-radius:9px;width:38px;height:38px;cursor:pointer;font-size:18px;flex:none}
.cc-xhead .ti{flex:1;min-width:220px}
.cc-xhead h2{font-size:21px}
.cc-xhead .sub{color:var(--gris);margin-top:3px;font-size:13px}
.cc-xhead .meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.cc-xhead .meta div{font-size:12px;color:var(--muted)}
.cc-xhead .meta b{display:block;color:var(--ink);font-size:15px}
.cc-xnav{display:flex;justify-content:space-between;gap:10px;margin-top:6px}
.cc-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 20px;margin-bottom:14px}
.cc-info div small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.cc-info div span{font-weight:500;white-space:pre-line}
.cc-item{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px;background:#fff}
.cc-item.late{border-color:var(--red);background:#fffafa}
.cc-item .hd{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cc-item .hd b{font-size:15px}
.cc-item .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}
.cc-item .meta{font-size:13px;color:var(--gris);margin-top:6px;white-space:pre-line}
.cc-act{display:flex;gap:10px;padding:10px 4px;border-bottom:1px solid #eee;align-items:center}
.cc-act.done{opacity:.6}
.cc-act.late .when{color:var(--red);font-weight:700}
.cc-act .when{font-size:13px;width:150px;flex:none;color:var(--gris)}
.cc-act .what{flex:1}.cc-act .what small{display:block;color:var(--muted)}
.cc-progress{height:9px;background:#eceef1;border-radius:9px;overflow:hidden;margin:8px 0}
.cc-progress i{display:block;height:100%;background:var(--ok);border-radius:9px}
.cc-pays{width:100%;font-size:13px;border-collapse:collapse;margin-top:8px}
.cc-pays td,.cc-pays th{padding:7px 8px;border-top:1px solid var(--line);text-align:left}
.cc-pays th{font-size:11px;color:var(--muted);text-transform:uppercase}
.cc-pick{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.cc-pick label{flex:1;min-width:220px;cursor:pointer}
.cc-pick input{position:absolute;opacity:0}
.cc-pick span{display:flex;flex-direction:column;gap:3px;border:2px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;height:100%}
.cc-pick span b{font-size:15px}.cc-pick span small{color:var(--muted)}
.cc-pick input:checked+span{border-color:var(--mango);background:var(--mango-soft)}
.cc-paycard{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:14px}
.cc-paycard .hd{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:var(--gris);color:#fff;font-weight:600}
.cc-paycard .hd.late{background:var(--red)}.cc-paycard .hd.paid{background:var(--ok)}
.cc-paycard .hd .sp{flex:1}
.cc-paycard .bd{padding:14px 16px}
.cc-paygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:6px}
.cc-paygrid div{border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center}
.cc-paygrid small{display:block;color:var(--muted);font-size:11.5px}
.cc-paygrid b{font-size:17px}

/* ---------- Agenda ---------- */
.cc-cal{display:grid;grid-template-columns:1fr 320px;gap:20px}
.cc-month{display:grid;grid-template-columns:repeat(7,1fr);background:var(--line);gap:1px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.cc-month .dh{background:var(--ink);color:#fff;padding:9px;text-align:center;font-size:12px;font-weight:600;text-transform:uppercase}
.cc-month .dc{background:#fff;min-height:88px;padding:6px;cursor:pointer;position:relative}
.cc-month .dc:hover{background:var(--mango-soft)}
.cc-month .dc.out{background:#f8f8f9;color:#c2c5ca}
.cc-month .dc.sel{box-shadow:inset 0 0 0 2px var(--mango)}
.cc-month .dc .dn{font-weight:700;font-size:13px}
.cc-month .dc.today .dn{background:var(--mango);color:var(--ink);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
.cc-month .dots{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}
.cc-month .dots i{width:10px;height:10px;border-radius:50%}
.cc-month .dots i.late{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--red)}
.cc-month .more{font-size:11px;color:var(--muted)}
.cc-month .svc{font-size:11px;font-weight:600;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gris)}
.cc-dayp h3{font-size:17px;margin-bottom:10px}

/* ---------- Temas (tablero) ---------- */
.cc-tboard{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto}
.cc-task{background:#fff;border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08);border-left:4px solid var(--g3)}
.cc-task.late,.cc-task.rej{border-left-color:var(--red)}.cc-task.req{border-left-color:var(--blue)}.cc-task.rev{border-left-color:var(--mango)}
.cc-task .t{font-weight:600}.cc-task .s{font-size:12px;color:var(--muted);margin-top:3px}
.cc-task .f{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px}
.cc-notes{max-height:240px;overflow:auto;margin-top:10px}
.cc-note{background:#f6f7f8;border-radius:9px;padding:8px 10px;margin-bottom:6px;font-size:13px}
.cc-note b{font-size:12px}.cc-note small{color:var(--muted)}
.cc-note p{margin:3px 0 0;white-space:pre-line}
.cc-team td.n{text-align:center;font-weight:700}
.cc-team td.n.red{color:var(--red)}.cc-team td.n.ok{color:var(--ok)}.cc-team td.n.blue{color:var(--blue)}

/* ---------- Modales (como los diálogos DC-3) ---------- */
.cc-modal{position:fixed;inset:0;background:rgba(10,10,10,.55);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;overflow:auto}
.cc-mbox{background:#fff;border-radius:14px;width:min(600px,100%);box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;animation:ccIn .16s ease-out}
.cc-mbox.wide{width:min(980px,100%)}
@keyframes ccIn{from{transform:translateY(8px);opacity:0}}
.cc-mhead{display:flex;align-items:center;padding:14px 18px;background:var(--ink);color:#fff}
.cc-mhead h3{font-size:17px;flex:1}
.cc-x{border:0;background:none;font-size:26px;cursor:pointer;color:#fff;line-height:1}
.cc-mbody{padding:18px}
.cc-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.cc-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.cc-f.full{grid-column:1/-1}
.cc-f>label{font-size:13px;font-weight:600}
.cc-f small{font-size:11.5px;color:var(--muted)}
.cc-row{display:flex;gap:6px}
.cc-mfoot{grid-column:1/-1;display:flex;gap:8px;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);padding-top:14px;margin-top:4px;flex-wrap:wrap}
.cc-mfoot .sp{flex:1}
.cc-dl{display:grid;grid-template-columns:150px 1fr;gap:7px 14px;font-size:13.5px;margin:0}
.cc-dl dt{color:var(--muted);font-weight:600;font-size:12.5px}
.cc-dl dd{margin:0;white-space:pre-line}

/* ---------- Editor de cotización ---------- */
.qe-search{display:flex;gap:8px;margin:14px 0 10px;flex-wrap:wrap}
.qe-search input{flex:1;min-width:200px}
.qe-t{width:100%;border-collapse:collapse}
.qe-t th{font-size:12px;text-align:left;color:#fff;background:var(--ink);padding:8px}
.qe-t td{padding:6px;border-bottom:1px solid var(--line);vertical-align:top}
.qe-t input,.qe-t textarea{padding:6px 8px;font-size:13.5px;min-height:34px}
.qe-t textarea{margin-top:4px;font-size:12.5px}
.qe-t .n input{width:88px}
.qe-t .lt{font-weight:700;white-space:nowrap;padding-top:12px;text-align:right}
.qe-t .im{width:44px;height:44px;border-radius:6px;object-fit:cover}
.qe-bottom{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-top:14px}
.qe-bottom label{font-size:13px;font-weight:600;display:block;margin:6px 0 4px}
.qe-tot{background:#f6f7f8;border-radius:12px;padding:14px}
.qe-tot .ln{display:flex;justify-content:space-between;padding:5px 0;font-size:15px}
.qe-tot .g{border-top:2px solid var(--ink);margin-top:6px;padding-top:8px;font-size:20px;font-weight:800}
.qe-tot .tx{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.qe-tot .tx input[type=number]{width:80px}

/* ---------- Ajustes ---------- */
.cc-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;min-height:420px;white-space:pre;tab-size:2}
.cc-tplgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-preview{width:100%;height:760px;border:1px solid var(--line);border-radius:10px;margin-top:12px;background:#f2f2f2}
.cc-ulist .row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.6fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}
.cc-ulist .row .acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* ---------- Toast ---------- */
.cc-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;z-index:200;box-shadow:0 8px 30px rgba(0,0,0,.3);font-weight:500;max-width:90vw;border-left:4px solid var(--mango)}
.cc-toast.err{background:var(--red);border-left-color:#fff}

/* ---------- Vista tipo monday ---------- */
.mb-group{margin-bottom:24px}
.mb-group>h3{font-size:19px;display:flex;align-items:center;gap:8px;margin:0 0 8px;flex-wrap:wrap}
.mb-group>h3 small{font-size:13px;color:var(--muted);font-weight:400}
.mb-group>h3 .sp{flex:1}
.mb-sub{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);font-weight:700;margin:10px 0 2px 4px}
.mb-table{width:100%;border-collapse:separate;border-spacing:0 4px;min-width:860px;table-layout:fixed}
.mb-table th{font-size:12.5px;font-weight:500;color:var(--gris);text-align:center;padding:4px 6px}
.mb-table th.first{text-align:left;padding-left:16px;width:27%}
.mb-table th.av{width:64px}.mb-table th.act{width:170px}
.mb-table td{background:#f5f6f8;padding:0 4px;height:46px;vertical-align:middle;border-right:2px solid #fff}
.mb-table td.c{text-align:center}
.mb-table td.first{border-left:5px solid var(--gc);border-radius:6px 0 0 6px;background:#eef0f3}
.mb-table td:last-child{border-radius:0 6px 6px 0;border-right:0}
.mb-name{display:block;background:none;border:0;text-align:left;padding:6px 10px;cursor:pointer;text-decoration:none;width:100%;color:var(--ink)}
.mb-name b{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-name small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-cell{display:flex;align-items:center;justify-content:center;width:100%;min-width:110px;height:38px;color:#fff;border:0;border-radius:3px;font-size:13px;overflow:hidden;text-overflow:ellipsis;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;padding:0 8px}
.mb-cell.empty{background:none;color:#c2c5ca;cursor:default}
.mb-tl{display:block;height:20px;background:#c4c4c4;border-radius:10px;overflow:hidden;min-width:100px;margin:0 6px}
.mb-tl i{display:block;height:100%;border-radius:10px}
.mb-date{font-size:13.5px;white-space:nowrap}
.mb-date.late{color:var(--red);font-weight:700}
.mb-stars{white-space:nowrap;cursor:pointer;font-size:19px;letter-spacing:1px;user-select:none}
.mb-stars i{font-style:normal;color:#cfcfcf}
.mb-stars i.on{color:#ffcb00}
.mb-av{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;font-size:11px;overflow:hidden;flex:none;vertical-align:middle}
.mb-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mb-req{display:block;font-size:10px;color:var(--blue)}
.mb-menu{position:absolute;z-index:150;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.25);padding:8px;display:flex;flex-direction:column;gap:5px;width:190px}
.mb-menu button{border:0;color:#fff;border-radius:5px;padding:9px;font-weight:600;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center}
.mb-menu button:hover{filter:brightness(.92)}
.mb-kpis{display:flex;gap:8px;flex-wrap:wrap}
.mb-kpis span{background:#fff;border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--gris);font-weight:600}
.mb-kpis span b{color:var(--ink)}.mb-kpis span.red b{color:var(--red)}.mb-kpis span.ok b{color:var(--ok)}

/* clientes estilo monday */
.mb-clients th.first{width:34%}
.mb-cname{display:flex;align-items:center;gap:6px;padding:0 6px 0 4px;min-height:44px}
.mb-chev{border:0;background:none;width:24px;height:24px;border-radius:5px;cursor:pointer;font-size:18px;line-height:1;color:var(--gris);flex:none}
.mb-chev:hover{background:#e3e5e8}
.mb-cl{border:0;background:none;padding:4px 2px;cursor:pointer;text-align:left;min-width:0;color:var(--ink);font-size:14px}
.mb-cl b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mb-cl:hover b{text-decoration:underline}
.mb-cnt{background:#d0d4da;color:var(--ink);border-radius:4px;font-size:11.5px;font-weight:600;padding:1px 6px;flex:none}
.mb-plus{margin-left:auto;width:26px;height:26px;border-radius:50%;border:1.5px solid #b9bec5;background:#fff;color:#8a9097;font-size:17px;line-height:1;cursor:pointer;flex:none;display:grid;place-items:center;padding:0;opacity:.55;transition:opacity .15s,background .15s}
.mb-crow:hover .mb-plus,.mb-plus:focus{opacity:1}
.mb-plus:hover{background:var(--mango);border-color:var(--mango);color:var(--ink)}
.mb-crow.open td{background:#e9f1fd}
.mb-crow.open td.first{background:#dfe9fb}
.mb-subrow td{background:#fafbfc;height:42px}
.mb-subrow td.first{padding-left:34px;background:#f3f4f6;border-left-width:5px;position:relative}
.mb-subrow td.first::before{content:"";position:absolute;left:18px;top:0;bottom:50%;width:10px;border-left:1.5px solid #c9ced4;border-bottom:1.5px solid #c9ced4;border-radius:0 0 0 6px}
.mb-subrow .mb-cell{height:32px}
.mb-subrow.add td{height:36px;background:none}
.mb-subrow.add td.first{background:none}
.mb-addsub{border:0;background:none;color:var(--gris);cursor:pointer;font-size:13px;padding:6px 8px;border-radius:6px}
.mb-addsub:hover{background:var(--mango-soft);color:var(--ink)}
.mb-chevg{font-size:16px}

/* ---------- Portal del consultor (estilo monday) ---------- */
.cc-portal{background:var(--bg)}
.pt-head{background:var(--ink);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5;border-bottom:3px solid var(--mango)}
.pt-logo{background:#fff;border-radius:9px;padding:4px 8px;display:inline-flex}
.pt-logo img{max-height:34px}.pt-logo b{font-weight:800;font-size:20px;color:var(--ink)}
.pt-user{margin-left:auto;font-size:13px;color:#d6d7da}.pt-user a{color:var(--mango)}
.pt-main{max-width:1100px;margin:0 auto;padding:18px 16px}
.pt-foot{text-align:center;font-size:12px;color:var(--muted);padding:20px}
.pt-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:16px;margin-bottom:12px}
.pt-login{max-width:400px;margin:40px auto;display:flex;flex-direction:column;gap:12px;border-top:5px solid var(--mango)}
.pt-login h2{font-size:21px}
.pt-empty{color:var(--muted);text-align:center}
.pt-sub{font-size:13px;color:var(--muted);margin:0 0 10px}
.pt-msg{background:var(--okbg);color:#0f6a45;border:1px solid #b9e6cf;padding:10px 14px;border-radius:10px;margin-bottom:12px;font-weight:600}
.pt-hello{display:flex;align-items:center;gap:12px;margin:4px 0 14px}
.pt-hello h1{font-size:22px}.pt-hello p{margin:2px 0 0;color:var(--muted)}
.pt-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pt-summary div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;text-align:center;font-size:12.5px;color:var(--gris)}
.pt-summary b{display:block;font-size:26px;font-weight:800;color:var(--ink)}
.pt-summary .red b{color:var(--red)}.pt-summary .ok b{color:var(--ok)}
.pt-summary .dark{background:var(--ink);border-color:var(--ink);color:#cfd1d4}.pt-summary .dark b{color:var(--mango)}
.pt-tabs{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:6px;box-shadow:0 6px 24px rgba(0,0,0,.06);margin:16px 0 14px;position:sticky;top:62px;z-index:4}
.pt-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:600;color:var(--gris);text-decoration:none}
.pt-tabs a span{background:#eceef1;border-radius:10px;padding:0 8px;font-size:12px}
.pt-tabs a.on{background:var(--ink);color:#fff}.pt-tabs a.on span{background:var(--mango);color:var(--ink)}
.pt-pill{display:inline-flex;font-size:11.5px;font-weight:700;border-radius:6px;padding:3px 8px;background:#eceef1;color:var(--gris)}
.pt-pill.red{background:var(--red);color:#fff}.pt-pill.ok{background:var(--okbg);color:#0f7a4f}.pt-pill.gray{background:#f4f4f5;color:var(--muted)}
/* filas monday expandibles */
.pm-group{margin-bottom:20px}
.pm-group>h3{font-size:17px;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.pm-group>h3 small{font-size:12.5px;color:var(--muted);font-weight:400}
.pm-headrow,.pm-row>summary{display:grid;grid-template-columns:minmax(0,2.4fr) 130px 130px minmax(90px,1fr) 80px 110px;gap:3px;align-items:center}
.pm-headrow{font-size:12px;color:var(--gris);text-align:center;padding:0 0 4px}
.pm-headrow span:first-child{text-align:left;padding-left:16px}
.pm-row{margin-bottom:4px}
.pm-row>summary{list-style:none;cursor:pointer;background:#f5f6f8;border-radius:6px;border-left:5px solid var(--gc,#9aa0a6);min-height:48px}
.pm-row>summary::-webkit-details-marker{display:none}
.pm-row>summary>*{display:flex;align-items:center;justify-content:center;height:100%;min-height:46px;background:#f5f6f8}
.pm-row>summary>.pm-t{justify-content:flex-start;flex-direction:column;align-items:flex-start;padding:6px 10px;background:#eef0f3;border-radius:0}
.pm-row>summary>.pm-t b{font-weight:600}
.pm-row>summary>.pm-t small{color:var(--muted);font-size:12px}
.pm-row[open]>summary{border-radius:6px 6px 0 0;box-shadow:0 2px 0 var(--mango)}
.pm-cell{color:#fff;font-weight:600;font-size:13px;border-radius:3px;margin:4px 2px;min-height:38px!important;height:38px!important}
.pm-body{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:14px 16px}
.pm-row.rej>summary{border-left-color:var(--red)}
.pt-dl{display:grid;grid-template-columns:130px 1fr;gap:5px 12px;font-size:13.5px;margin:0 0 10px}
.pt-dl dt{color:var(--muted);font-weight:600;font-size:12.5px}.pt-dl dd{margin:0}
.pt-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--mango-soft);border:1px dashed color-mix(in srgb,var(--mango) 60%,#fff);border-radius:10px;padding:12px;margin-top:10px}
.pt-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.pt-form .full{grid-column:1/-1}
.pt-form .cc-btn{grid-column:1/-1}
.pt-rej{background:var(--redbg);color:#8c2219;border-radius:9px;padding:9px 12px;font-size:13.5px;margin:0 0 10px}
.pt-notes{margin-top:10px;font-size:13.5px}
.pt-notes summary{cursor:pointer;color:var(--mango-dark);font-weight:600}
.pt-note{border-top:1px solid #eee;padding:8px 0}
.pt-note small{color:var(--muted)}.pt-note p{margin:3px 0 0}

/* ---------- Hojas públicas con QR (factura / asignación) ---------- */
.cp-body{background:#EEF0F2}
.cp-top{background:linear-gradient(135deg,var(--ink) 0%,#2a2c30 60%,var(--gris) 100%);padding:22px 16px 70px;text-align:center;border-bottom:5px solid var(--mango)}
.cp-brand{display:inline-flex;background:#fff;border-radius:12px;padding:10px 18px}
.cp-brand img{max-height:54px}.cp-brand b{font-weight:800;font-size:24px;color:var(--ink)}
.cp-top p{color:#d8d9dc;margin:10px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.cp-wrap{max-width:720px;margin:-56px auto 0;padding:0 14px 30px}
.cp-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.08);overflow:hidden}
.cp-status{text-align:center;padding:30px 22px 22px;border-bottom:1px solid var(--line)}
.cp-status>span{width:76px;height:76px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;margin-bottom:12px;font-size:34px;font-weight:800}
.cp-status.is-ok>span{background:var(--ok);box-shadow:0 0 0 10px #E3F6EC}
.cp-status.is-wait>span{background:var(--mango);box-shadow:0 0 0 10px var(--mango-soft)}
.cp-status.is-bad>span{background:var(--red);box-shadow:0 0 0 10px #FDE8E8}
.cp-status h1{font-size:19px;text-transform:uppercase;letter-spacing:.02em}
.cp-status.is-ok h1{color:var(--ok)}.cp-status.is-wait h1{color:var(--mango-dark)}.cp-status.is-bad h1{color:var(--red)}
.cp-status p{color:var(--muted);margin:6px 0 0}
.cp-sec{padding:18px 24px;border-bottom:1px solid var(--line)}
.cp-sec>small,.cp-two small,.cp-box small,.cp-qr small{display:block;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.05em;font-weight:600;margin-bottom:3px}
.cp-name{font-size:21px;font-weight:800}
.cp-muted{color:var(--muted);margin:4px 0 0}
.cp-two{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cp-right{text-align:right}
.cp-big{font-size:22px;font-weight:800}.cp-big em{font-style:normal;font-size:13px;color:var(--muted)}
.cp-box{margin:18px 24px;padding:16px 18px;background:#F5F6F8;border-radius:12px;border-left:4px solid var(--mango)}
.cp-prog{height:10px;border-radius:10px;background:#e3e5e8;overflow:hidden;margin-bottom:10px}
.cp-prog i{display:block;height:100%;background:var(--ok);border-radius:10px}
.cp-dl{display:grid;grid-template-columns:170px 1fr;gap:7px 14px;margin:0;font-size:14px}
.cp-dl dt{color:var(--muted);font-weight:600;font-size:12.5px}.cp-dl dd{margin:0}
.cp-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px}
.cp-table th{background:var(--ink);color:#fff;text-align:left;padding:7px 10px;font-weight:600;font-size:12.5px}
.cp-table td{padding:7px 10px;border-top:1px solid var(--line)}
.cp-docs{display:flex;gap:10px;flex-wrap:wrap}
.cp-qr{display:flex;gap:20px;align-items:center;padding:20px 24px;flex-wrap:wrap}
.cp-qrimg{width:150px;height:150px;flex:none;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff}
.cp-qrimg svg{width:100%;height:100%}
.cp-qr a{color:var(--mango-dark);font-weight:600;word-break:break-all;font-size:13px}
.cp-actions{margin-top:12px}
.cp-foot{text-align:center;color:var(--muted);font-size:12px;padding:0 16px 30px}
.cp-foot a{color:var(--muted)}
@media print{.no-print,.cp-foot{display:none!important}.cp-top{padding:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cp-wrap{margin-top:10px}.cp-card{box-shadow:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* ---------- Responsivo ---------- */
@media (max-width:1200px){.cc-kpis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){
	.cc-side{transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 40px rgba(0,0,0,.3)}
	.cc-app.menu .cc-side{transform:none}
	.cc-main{margin-left:0}
	.cc-burger{display:block}
	.cc-top{padding:12px 16px}
	#view{padding:16px}
	.cc-grid2,.cc-g2,.cc-cal,.qe-bottom,.cc-tplgrid{grid-template-columns:1fr}
	.cc-map{grid-template-columns:repeat(3,1fr);gap:8px}
	.cc-step,.cc-step:first-child{clip-path:none;border-radius:10px;margin:0;padding:12px;min-height:100px}
	.cc-ulist .row{grid-template-columns:1fr}
	.cc-paygrid{grid-template-columns:repeat(2,1fr)}
	.cc-top .cc-user span{display:none}
}
@media (max-width:700px){
	.pm-headrow{display:none}
	.pm-row>summary{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
	.pm-row>summary>.pm-t{grid-column:1/-1}
	.pm-row>summary>.pm-x{display:none}
	.pt-summary{grid-template-columns:repeat(2,1fr)}
	.pt-form{grid-template-columns:1fr}
}
@media (max-width:640px){
	.cc-kpis{grid-template-columns:repeat(2,1fr)}
	.cc-map{grid-template-columns:repeat(2,1fr)}
	.cc-form{grid-template-columns:1fr}
	.cc-month .dc{min-height:58px;padding:4px}.cc-month .svc{display:none}
	.cc-dl,.cp-dl,.pt-dl{grid-template-columns:1fr}
	.cc-act{flex-wrap:wrap}.cc-act .when{width:auto}
	.cc-tools input:not([type=checkbox]),.cc-tools select{min-width:0;flex:1}
	.cp-right{text-align:left}.cp-sec{padding:16px}.cp-box{margin:14px 16px}
}

/* ===== v2.1 · tableros editables (estilo tracker) ===== */
.mb-plain{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:38px}
.mb-plain.wide{width:100%}
.mb-plain:hover{filter:brightness(.95)}
.mb-plain.mb-date{padding:0 8px;border-radius:6px}.mb-plain.mb-date:hover{background:#e9ebee}
.mb-prio{border:0;color:#fff;font-weight:700;font-size:12.5px;border-radius:6px;padding:7px 12px;min-width:84px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.mb-prio:hover{filter:brightness(.92)}
.pg{display:flex;align-items:center;gap:8px;width:100%;padding:0 6px}
.pg-b{flex:1;height:9px;background:#e3e5e8;border-radius:9px;overflow:hidden;min-width:60px}
.pg-b i{display:block;height:100%;border-radius:9px;transition:width .3s}
.pg b{font-size:12px;min-width:34px;text-align:right;color:var(--gris)}
.mb-avs{display:inline-flex}.mb-avs .mb-av{margin-left:-8px;box-shadow:0 0 0 2px #fff}.mb-avs .mb-av:first-child{margin-left:0}
.mb-deals th.first{width:26%}
.mb-tasks{min-width:1100px}.mb-tasks th.first{width:24%}
.tk-id{font-size:11px;font-weight:700;color:var(--muted);background:#e9ebee;border-radius:4px;padding:1px 5px;margin-right:4px;vertical-align:1px}
.tk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}
.tk-kpi{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--sh)}
.tk-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800;flex:none}
.tk-kpi b{display:block;font-size:26px;font-weight:800;line-height:1}
.tk-kpi small{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);margin-top:4px}
.tk-kpi em{display:block;font-style:normal;font-size:12px;color:var(--muted)}
.tk-sec{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;border-radius:10px 10px 0 0;margin:26px 0 12px;border-bottom:3px solid var(--mango)}
.tk-sec span{background:var(--mango);color:var(--ink);width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:13px}
.tk-board{display:grid;grid-template-columns:repeat(6,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.tk-col{background:#eceef1;border-radius:12px;padding:0 0 8px;min-height:120px}
.tk-colh{color:#fff;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.03em;padding:10px 12px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.tk-colh span{background:#fff;color:var(--ink);border-radius:20px;min-width:24px;height:22px;display:grid;place-items:center;font-size:12px;padding:0 6px}
.tk-card{background:#fff;border-radius:10px;margin:0 8px 8px;padding:10px 12px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}
.tk-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.14)}
.tk-card .tk-top{display:flex;justify-content:space-between;align-items:center}
.tk-card b{display:block;font-size:13.5px;margin:3px 0 1px}.tk-card b.late{color:var(--red)}
.tk-card small{display:block;color:var(--muted);font-size:12px}
.tk-card .tk-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gris);margin:6px 0 4px}
.tk-card .pg{padding:0}
.tk-ok{background:var(--ok);color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:11px}
.tk-bad{background:var(--red);color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:12px;font-weight:800}
.tk-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:14px;padding:20px 22px;margin-bottom:18px;border-bottom:4px solid var(--mango)}
.tk-banner div{flex:1;min-width:220px}.tk-banner h1{font-size:22px}.tk-banner p{margin:4px 0 0;color:#cfd1d4}
.ck-row{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid #eee}
.ck-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--ok);flex:none}
.ck-row .ck-t{border:0;background:none;min-height:34px;padding:4px 6px}
.ck-row .ck-t:focus{background:#f6f7f8;box-shadow:none}
.ck-row.done .ck-t{text-decoration:line-through;color:var(--muted)}
.mb-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.mb-person{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}
.mb-person input{width:18px;height:18px;accent-color:var(--mango)}
.mb-person:has(input:checked){border-color:var(--mango);background:var(--mango-soft)}
.cat-img{width:56px;height:56px;border-radius:10px;border:2px dashed #cfd3d8;background:#fafafa;cursor:pointer;overflow:hidden;padding:0;display:grid;place-items:center;color:var(--muted);font-size:10.5px;line-height:1.2}
.cat-img img{width:100%;height:100%;object-fit:cover}.cat-img:hover{border-color:var(--mango)}
/* historial por etapas */
.sh{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.sh-sec{border-left:3px solid #e3e5e8;padding-left:14px;position:relative}
.sh-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sh-n{width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:700;margin-left:-26px;box-shadow:0 0 0 3px #fff}
.sh-pill{color:#fff;font-weight:700;font-size:12px;border-radius:5px;padding:3px 10px}
.sh-h small{color:var(--muted);font-size:12px}
.sh-row{display:flex;gap:10px;background:#f5f6f8;border-left:4px solid var(--c);border-radius:6px;padding:9px 12px;margin-bottom:6px}
.sh-main{flex:1;min-width:0;font-size:13.5px}.sh-main small{color:var(--muted)}.sh-main p{margin:3px 0}
.sh-main a{font-size:12.5px;font-weight:600;color:var(--mango-dark)}
.sh-rv{margin-top:6px;font-size:12.5px;background:#fff;border-radius:6px;padding:6px 8px;color:var(--gris)}
.sh-side{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:none}
@media (max-width:980px){.tk-board{grid-template-columns:repeat(6,220px)}}
.pt-new summary{cursor:pointer;font-weight:700;color:var(--mango-dark);font-size:15px}.pt-new[open] summary{margin-bottom:4px}
.cp-annex{margin-top:18px;page-break-before:always;break-before:page}

/* ===== v2.2 · menú blanco, campanita, inicio con logo ===== */
.cc-side{background:#fff;color:var(--ink);border-right:1px solid var(--line);box-shadow:2px 0 12px rgba(0,0,0,.04)}
.cc-brand{border-bottom:3px solid var(--mango)}
.cc-side nav a{color:var(--gris)}
.cc-side nav a:hover{background:#f3f4f6;color:var(--ink)}
.cc-side nav a.on{background:var(--ink);color:var(--mango)}
.cc-side nav a.on svg{color:var(--mango)}
.cc-side nav .sep{background:var(--line)}
.cc-me{border-color:var(--line);color:var(--ink)}.cc-me a{color:var(--muted)}
.cc-top .cc-user{gap:14px}
.cc-me-top{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:4px 6px;border-radius:12px}
.cc-me-top:hover{background:#f3f4f6}
.cc-me-top span{text-align:right;font-weight:700;font-size:13.5px;line-height:1.2}.cc-me-top small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.cc-bell{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.cc-bell:hover{border-color:var(--mango)}
.cc-bell svg{width:21px;height:21px}
.cc-bell i{position:absolute;top:-6px;right:-6px;background:#e2445c;color:#fff;font-style:normal;font-size:11px;font-weight:800;border-radius:10px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #fff}
.feed-pop{position:fixed;z-index:160;width:min(400px,94vw);max-height:70vh;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.22);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
.feed-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:3px solid var(--mango);font-size:15px}
.feed-l{overflow:auto}
.feed-i{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #eee;cursor:pointer;font-size:13px}
.feed-i:hover{background:#fafafa}.feed-i.new{background:var(--mango-soft)}
.feed-ic{font-size:18px;flex:none}.feed-t{font-weight:700;margin-top:2px}.feed-n{color:var(--gris)}
.hello{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:16px;box-shadow:var(--sh);border-left:6px solid var(--mango)}
.hello-logo{width:84px;height:84px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}
.hello-logo img{max-width:90%;max-height:90%;object-fit:contain}.hello-logo b{font-size:20px;font-weight:800}
#hLogo{cursor:pointer}#hLogo:hover{border-color:var(--mango)}
.hello-tx{flex:1;min-width:200px}.hello-tx h1{font-size:23px}.hello-tx p{margin:4px 0 0;color:var(--muted)}
.qbanner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:14px;padding:14px 18px;margin-bottom:16px;border-bottom:4px solid var(--mango)}
.qbanner>div:first-child{min-width:200px}.qbanner b{display:block;font-size:16px;color:var(--mango)}.qbanner span{font-size:13px;color:#cfd1d4}
.qb-list{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.qb-chip{border:0;background:#fff;color:var(--ink);border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
.qb-chip i{font-style:normal;color:var(--mango-dark);font-weight:700;margin-left:6px}.qb-chip:hover{background:var(--mango-soft)}
.ap-card .cc-band{color:#fff}
.ap-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #eee}
.ap-ic{font-size:20px}.ap-tx{flex:1;min-width:0}.ap-t{font-weight:700;margin:2px 0}
.pf-photo{width:96px;height:96px;border-radius:50%;border:3px solid var(--mango);background:#f3f4f6;cursor:pointer;position:relative;overflow:hidden;padding:0;flex:none;display:grid;place-items:center;font-size:28px;font-weight:800}
.pf-photo img{width:100%;height:100%;object-fit:cover}.pf-photo em{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:10.5px;font-style:normal;padding:3px 0}
.pf-logo{border:1px solid var(--line);border-radius:12px;height:120px;display:grid;place-items:center;margin-bottom:12px}.pf-logo img{max-height:100px;max-width:90%}
.cli-top{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
.cli-top>.cc-card{margin-bottom:0}
.cli-logo{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#fff;flex:none}
.own-sel{min-height:36px!important;padding:4px 8px!important;font-size:13px;width:100%;background:#fff}
.mb-clients th.own{width:170px}
.q-off td{color:var(--muted)}
.q-st{width:auto!important;min-height:34px!important;padding:4px 8px!important;font-weight:700;font-size:12.5px;border-radius:8px}
.q-st.q-aprobada{background:var(--okbg);color:#0f7a4f;border-color:#b9e6cf}.q-st.q-rechazada{background:var(--redbg);color:#b42323;border-color:#f5c2c2}.q-st.q-espera{background:var(--mango-soft);border-color:#f3d39c}
.ext-tag{display:block;font-size:10.5px;font-weight:700;color:#7a3dd1;background:#efe6fb;border-radius:4px;padding:1px 5px;margin-top:3px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-tasks th.pp{width:120px}
@media (max-width:980px){.cli-top{grid-template-columns:1fr}.cc-me-top span{display:none}}
.xl-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mb-cat{min-width:900px}.mb-cat th.img{width:76px}.mb-cat th.first{width:38%;text-align:left;padding-left:10px}.mb-cat th.act{width:110px}
.mb-cat td{height:66px}
.bulk p{font-size:14px;line-height:1.55}
.bulk code{background:#f3f4f6;color:#7A5CC4;padding:1px 5px;border-radius:4px;font-size:12.5px}
.bulk-file{display:flex;align-items:center;gap:12px;border:1.5px dashed #cfd3d8;border-radius:12px;padding:10px;cursor:pointer;background:#fafafa;min-height:58px}
.bulk-file:hover{border-color:var(--mango)}
.bulk-file input{display:none}
.bulk-file span{background:var(--ink);color:#fff;font-weight:600;border-radius:8px;padding:8px 14px;white-space:nowrap}
.bulk-file em{font-style:normal;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-btn.xl{min-height:58px;padding:12px 22px;font-size:16.5px;font-weight:700;border-radius:14px;gap:10px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.cc-btn.xl svg{width:24px;height:24px}
.cc-btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.cc-btn.dark svg{color:var(--mango)}
.cc-btn.xl.mango{color:var(--ink)}
.ev-box{display:flex;flex-direction:column;gap:8px}
.ev-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ev-opt{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1.5px dashed #cfd3d8;background:#fafafa;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit;font-size:18px;text-align:left}
.ev-opt b{font-size:13.5px}.ev-opt small{font-size:11.5px;color:var(--muted)}
.ev-opt:hover{border-color:var(--mango);background:var(--mango-soft)}
.ev-st{color:var(--ok);font-weight:600}
.pt-ev{display:flex;flex-direction:column;gap:6px;font-size:13px}
.pt-ev-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pt-ev-o{display:flex;flex-direction:column;gap:4px;border:1.5px dashed #cfd3d8;border-radius:10px;padding:10px;background:#fff;cursor:pointer;font-weight:600}
.pt-ev-o small{font-weight:400;color:var(--muted);font-size:11.5px}
.pt-ev-o input[type=file]{font-size:12px}
@media(max-width:640px){.ev-btns,.pt-ev-opts{grid-template-columns:1fr}}
.tk-kind{display:inline-block;font-size:11px;font-weight:600;color:var(--gris);background:#eef0f3;border-radius:5px;padding:1px 6px;margin-right:4px}
.pm-t .tk-kind{margin:2px 0}
.kd-list{display:flex;flex-direction:column;gap:6px}
.kd-row{display:flex;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid #eee}
.kd-ic{width:62px!important;flex:none;text-align:center;font-size:18px}
/* v2.4 galería de plantillas */
.ib-view{background:#5B5F66}.ib-dup{background:#8e44ad}.ib-undo{background:#ff7a1a}
.tg-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.tg-card{background:#fff;border:2px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.tg-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.08);transform:translateY(-2px)}
.tg-card.def{border-color:#F7A21B;box-shadow:0 0 0 3px rgba(247,162,27,.18)}
.tg-thumb{position:relative;height:250px;overflow:hidden;background:#f2f2f2;cursor:zoom-in;border-bottom:1px solid var(--line)}
.tg-thumb iframe{width:860px;height:1000px;border:0;transform:scale(.31);transform-origin:0 0;pointer-events:none;background:#f2f2f2}
.tg-star{position:absolute;top:10px;left:10px;background:#161616;color:#F7A21B;font-weight:700;font-size:12px;padding:5px 10px;border-radius:20px}
.tg-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.tg-body h3{margin:0;font-size:16px}.tg-body p{margin:0;font-size:12.5px;color:var(--muted);flex:1}
.tg-tags{display:flex;gap:6px;flex-wrap:wrap}
.tg-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.tg-act .ibs{margin-left:auto}
.tg-add{border-style:dashed;align-items:center;justify-content:center;gap:6px;min-height:340px;cursor:pointer;color:var(--muted);font:inherit}
.tg-add span{font-size:46px;line-height:1;color:#F7A21B;font-weight:300}.tg-add b{color:#161616;font-size:16px}
.cc-badge.mango{background:#F7A21B;color:#161616}.cc-badge.blue{background:#1E7FE0;color:#fff}
/* v2.4 interruptores (gris = no, mango = sí) */
.cc-app input[type=checkbox],.cc-portal input[type=checkbox],.cc-modal input[type=checkbox],.cc-auth input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 auto;width:42px!important;height:24px!important;min-height:0!important;margin:0;padding:0!important;border:0!important;border-radius:20px;background:#cfd2d7;cursor:pointer;transition:background .2s;vertical-align:middle;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.cc-app input[type=checkbox]::after,.cc-portal input[type=checkbox]::after,.cc-modal input[type=checkbox]::after,.cc-auth input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.cc-app input[type=checkbox]:checked,.cc-portal input[type=checkbox]:checked,.cc-modal input[type=checkbox]:checked,.cc-auth input[type=checkbox]:checked{background:#F7A21B}
.cc-app input[type=checkbox]:checked::after,.cc-portal input[type=checkbox]:checked::after,.cc-modal input[type=checkbox]:checked::after,.cc-auth input[type=checkbox]:checked::after{transform:translateX(18px)}
.cc-app input[type=checkbox]:disabled,.cc-portal input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.cc-app input[type=checkbox]:focus-visible,.cc-portal input[type=checkbox]:focus-visible{outline:2px solid #161616;outline-offset:2px}
/* v2.4 vencidos: campana que se mueve y parpadea */
@keyframes ovRing{0%,50%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(16deg)}10%,20%,30%{transform:rotate(-16deg)}}
@keyframes ovBlink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes ovPulse{0%{box-shadow:0 0 0 0 rgba(226,68,92,.55)}100%{box-shadow:0 0 0 9px rgba(226,68,92,0)}}
.mb-date.late::before,.cc-deal.late::before,.cc-act.late::before,.cc-kpi.warn::after,.ov-bell{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;margin-right:6px;vertical-align:-4px;border-radius:50%;background:#e2445c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E") center/12px no-repeat;animation:ovRing 1.6s ease-in-out infinite,ovPulse 1.2s ease-out infinite;transform-origin:50% 20%}
.mb-date.late{animation:ovBlink 1.2s ease-in-out infinite;display:inline-flex;align-items:center}
.cc-deal.late,.cc-act.late{position:relative}
.cc-deal.late::before,.cc-act.late::before{position:absolute;top:-7px;right:-7px;margin:0;z-index:2}
.cc-kpi.warn{position:relative}.cc-kpi.warn::after{position:absolute;top:10px;right:10px;margin:0}
@media (prefers-reduced-motion:reduce){.mb-date.late,.mb-date.late::before,.cc-deal.late::before,.cc-act.late::before,.cc-kpi.warn::after,.ov-bell{animation:none}}
@media print{.mb-date.late::before,.cc-kpi.warn::after,.cc-deal.late::before,.cc-act.late::before{display:none}}
/* aplazar tema en el portal */
.pt-mode{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.pt-mode label{flex:1;min-width:180px;cursor:pointer}
.pt-mode input{position:absolute;opacity:0;pointer-events:none}
.pt-mode span{display:block;text-align:center;padding:12px;border:2px solid var(--line);border-radius:12px;font-weight:700;background:#fff;transition:all .15s}
.pt-mode input:checked+span{border-color:#F7A21B;background:#161616;color:#F7A21B}
.pt-mode input:disabled+span{opacity:.45;cursor:not-allowed}
.pp-prio{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700}.pp-prio small{flex-basis:100%;font-weight:400;color:#6b7078}
.pp-prio .mb-prio{color:#fff;padding:6px 14px;border-radius:8px}
.pm-fol,.tk-id{display:inline-block;font-size:11.5px;font-weight:800;color:#161616;background:#F7A21B;border-radius:6px;padding:1px 7px;margin-right:4px;letter-spacing:.02em;vertical-align:1px}
.cc-tgl{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap}
.tk-kpi.ov{position:relative;border-color:#f5b5bf}.tk-kpi.ov::after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:#e2445c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E") center/12px no-repeat;animation:ovRing 1.6s ease-in-out infinite,ovPulse 1.2s ease-out infinite;transform-origin:50% 20%}
.tk-kpi.ov .tk-ic{animation:ovBlink 1.2s ease-in-out infinite}
.cc-step i.late{animation:ovBlink 1.2s ease-in-out infinite}.cc-step i.late::before{content:"🔔";display:inline-block;margin-right:3px;animation:ovRing 1.6s ease-in-out infinite;transform-origin:50% 10%}
.mb-kpis .red{animation:ovBlink 1.2s ease-in-out infinite}
/* por vencer: campana naranja */
.mb-date.soon{animation:ovBlink 1.4s ease-in-out infinite;display:inline-flex;align-items:center;color:#d95f00;font-weight:700}
.mb-date.soon::before,.tk-kpi.ov.soon::after{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;margin-right:6px;vertical-align:-4px;border-radius:50%;background:#ff7a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E") center/12px no-repeat;animation:ovRing 1.6s ease-in-out infinite,ovPulseO 1.2s ease-out infinite;transform-origin:50% 20%}
.tk-kpi.ov.soon{border-color:#ffc9a3}.tk-kpi.ov.soon::after{margin:0}
@keyframes ovPulseO{0%{box-shadow:0 0 0 0 rgba(255,122,26,.55)}100%{box-shadow:0 0 0 9px rgba(255,122,26,0)}}
@media (prefers-reduced-motion:reduce){.mb-date.soon,.mb-date.soon::before,.tk-kpi.ov::after{animation:none}}
/* números que se ajustan al recuadro */
.tk-kpi,.cc-kpi{container-type:inline-size;min-width:0;overflow:hidden}
.tk-kpi>div{min-width:0;flex:1}
.tk-kpi b{font-size:clamp(15px,calc((100cqi - 84px) / (var(--n,4) * .62)),26px);white-space:nowrap;letter-spacing:-.01em}
.cc-kpi b{font-size:clamp(14px,calc((100cqi - 40px) / (var(--n,4) * .64)),26px);white-space:nowrap;letter-spacing:-.01em}
@supports not (width:1cqi){.tk-kpi b,.cc-kpi b{white-space:normal;overflow-wrap:anywhere;font-size:20px}}
.tk-kpi small{overflow-wrap:normal;word-break:normal;hyphens:auto;-webkit-hyphens:auto}
.tk-kpis{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px}
@container (max-width:190px){.tk-kpi .tk-ic{width:38px;height:38px;font-size:17px;border-radius:10px}.tk-kpi small{font-size:10.5px;letter-spacing:.02em}}
.tk-kpi{gap:10px}
.pt-summary.pt4{grid-template-columns:repeat(5,1fr)}
.pt-summary .soon b{color:#ff7a1a}.pt-summary .red b{color:#e2445c}
@media(max-width:640px){.pt-summary.pt4{grid-template-columns:repeat(3,1fr)}}
/* v2.4.4 app instalable */
.cc-appbtn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#161616;color:#F7A21B;font:700 13px/1 inherit;cursor:pointer;margin-right:8px}
.cc-appbtn svg{width:18px;height:18px}.cc-appbtn:hover{filter:brightness(1.15)}
@media(max-width:640px){.cc-appbtn span{display:none}.cc-appbtn{padding:0 10px}}
.app-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#161616;color:#fff;border-radius:14px;padding:14px 16px;border-bottom:4px solid #F7A21B}
.app-hero img{border-radius:14px}.app-hero .muted{color:#c9ced4!important}
.app-help{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.app-help>div{background:var(--mango-soft,#fff4e3);border-radius:10px;padding:10px 12px;font-size:13px}.app-help b:first-child{display:block;margin-bottom:4px}
.app-list{display:flex;flex-direction:column;gap:8px}
.app-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fff}
.app-who{flex:1;min-width:150px}.app-who b{display:block}.app-who small{color:var(--muted);font-size:12px}
.app-ph{width:170px!important;min-height:36px}
@media(max-width:640px){.app-help{grid-template-columns:1fr}.app-ph{width:100%!important}}
/* portal */
.pt-install{margin-left:auto;margin-right:12px;background:#F7A21B;color:#161616;border:0;border-radius:10px;padding:9px 14px;font:700 13px/1 Outfit,system-ui,sans-serif;cursor:pointer}
.ins-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:grid;place-items:center;padding:16px}.ins-modal[hidden]{display:none}
.ins-box{position:relative;background:#fff;border-radius:18px;max-width:420px;width:100%;padding:22px;text-align:center;font-family:Outfit,system-ui,sans-serif}
.ins-box img{border-radius:16px}.ins-box h3{margin:10px 0 14px}
.ins-os{text-align:left;background:#fff4e3;border-radius:12px;padding:10px 14px;margin-top:8px;font-size:14px}.ins-os ol{margin:6px 0 0;padding-left:20px}.ins-os li{margin:3px 0}
.ins-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:26px;cursor:pointer;color:#6b7078}
.pt-install+.pt-user{margin-left:0}
/* portal: proponer cambio */
.pt-pc{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pt-pc-t{display:flex!important;align-items:center;gap:12px;cursor:pointer;flex-direction:row!important}
.pt-pc-t span{display:flex;flex-direction:column}.pt-pc-t small{font-weight:400;color:#6b7078;font-size:12px}
.pt-pc-f{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.pt-pc-f[hidden]{display:none}.pt-pc-f .full{grid-column:1/-1}
.pp-prio .mb-prio{padding:6px 12px;border-radius:8px}
.pm-wait{background:#6b7078!important;color:#fff!important;display:inline-flex!important;flex-direction:column;line-height:1.15;font-size:11.5px!important;padding:5px 8px!important;animation:ovBlink 1.8s ease-in-out infinite}
.pm-wait small{font-size:10.5px;opacity:.9;font-weight:600}
@media(max-width:640px){.pt-pc-f{grid-template-columns:1fr}}
/* imagen / ícono por concepto */
.qe-imgb{width:48px;height:48px;border:2px dashed var(--line);border-radius:10px;background:#fff;cursor:pointer;display:grid;place-items:center;padding:0;line-height:1}
.qe-imgb span{font-size:18px}.qe-imgb small{font-size:9.5px;color:var(--muted);font-weight:700}
.qe-imgb.has{border-style:solid;border-color:transparent}.qe-imgb .im{width:44px!important;height:44px!important}
.qe-imgb:hover{border-color:#F7A21B}
.icp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.icp{border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font:600 12px/1.2 inherit;color:var(--ink)}
.icp img{width:52px;height:52px}.icp:hover,.icp.on{border-color:#F7A21B;background:#fff8ec}
/* datos del cliente en la cotización + respaldo */
.qcf-grid{display:flex;flex-wrap:wrap;gap:12px 22px;margin:10px 0}
.qe-cf{background:#fafafa;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:10px 0}.qe-cf summary{cursor:pointer;font-weight:700;font-size:13.5px}
.bk-opts{display:flex;flex-direction:column;gap:10px;margin:8px 0}
.cc-tabs{flex-wrap:wrap;row-gap:4px}
/* v2.7 mensajes de error en rojo */
.pt-msg.err{background:#fde8eb;color:#b4232f;border-color:#f5b5bf}
.pt-inst-l{color:#F7A21B;font-weight:600;text-decoration:underline;display:inline-block;margin-bottom:6px}
/* checklist */
.pt-cl{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0}
.pt-cl-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.pt-cl-h small{color:var(--muted);font-size:12px}
.pt-cl-p{flex:0 0 140px;height:8px;border-radius:6px;background:#e6e8eb;overflow:hidden}.pt-cl-p i{display:block;height:100%;background:#00c875}
.cl-row{display:flex;align-items:center;gap:10px;padding:7px 4px;border-top:1px dashed #eceef1;flex-wrap:wrap}
.cl-row.done .cl-t{color:var(--muted)}.cl-row.done .cl-t>:first-child{text-decoration:none}
.cl-f{margin:0;display:inline}
.cl-box{width:26px;height:26px;flex:none;border-radius:7px;border:2px solid #b9bec5;background:#fff;display:inline-grid;place-items:center;font-weight:900;color:#fff;cursor:pointer;font-size:14px;padding:0}
.cl-box.on{background:#00c875;border-color:#00c875}.cl-box.lock{cursor:not-allowed;background:#f1f2f4;font-size:12px;color:#6b7078}.cl-box.lock.on{background:#9ad8b9;color:#fff}
.cl-t{flex:1;min-width:160px;display:flex;flex-direction:column;font-weight:600;font-size:14px}.cl-t small{font-weight:400;color:var(--muted);font-size:12px}
.cl-b{font-size:11.5px;font-weight:700;border-radius:20px;padding:3px 10px}.cl-b.ok{background:#e1f7ec;color:#0f8a52}.cl-b.wait{background:#fff1d6;color:#a96500}.cl-b.no{background:#fde8eb;color:#b4232f}
.cl-x{border:0;background:none;color:#b4232f;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}
.cl-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.cl-add input{flex:1;min-width:200px}.cl-add select{width:auto;min-width:150px}
.cl-help{display:block;color:var(--muted);font-size:11.5px;margin-top:6px}
/* por cliente */
.pt-bycli{margin-top:22px}.pt-bycli h3{margin:0 0 10px}.pt-bycli h3 small{font-weight:400;color:var(--muted);font-size:13px}
.bc-row{margin-bottom:8px;padding:0}.bc-row summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;flex-wrap:wrap}.bc-row summary b{flex:1}
.bc-n{font-size:12px;font-weight:700;border-radius:20px;padding:3px 10px}.bc-n.p{background:#fff1d6;color:#a96500}.bc-n.c{background:#e1f7ec;color:#0f8a52}
.bc-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 14px}.bc-cols h5{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.bc-cols ul{list-style:none;margin:0;padding:0}.bc-cols li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #f0f1f3;font-size:13.5px}.bc-cols li a{color:var(--ink);text-decoration:none}.bc-cols li small{color:var(--muted);white-space:nowrap}
/* agenda mensual */
.pt-cal{padding:14px}.cal-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.cal-h h3{margin:0;text-transform:capitalize;min-width:170px;text-align:center}
.cal-lg{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.cal-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.cal-lg .due,.cal-e.due{background:#579bfc}.cal-lg .order,.cal-e.order{background:#F7A21B}.cal-lg .start,.cal-e.start{background:#a25ddc}.cal-lg .closed,.cal-e.closed{background:#00c875}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-g>b{text-align:center;font-size:12px;color:var(--muted);padding:4px 0}
.cal-d{min-height:96px;background:#fafafa;border:1px solid #eceef1;border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cal-d.off{background:transparent;border-color:transparent}.cal-d.today{border-color:#F7A21B;box-shadow:inset 0 0 0 1px #F7A21B;background:#fff8ec}
.cal-n{font-weight:800;font-size:13px;color:var(--ink);text-decoration:none;display:flex;justify-content:space-between}.cal-n span{opacity:0;color:#F7A21B;font-size:16px;line-height:1}.cal-d:hover .cal-n span{opacity:1}
.cal-e{display:block;color:#fff;font-size:11px;font-weight:600;border-radius:5px;padding:2px 5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-e.order{color:#161616}.cal-e.late{background:#e2445c;animation:ovBlink 1.4s ease-in-out infinite}
@media(max-width:700px){.bc-cols{grid-template-columns:1fr}.cal-d{min-height:64px}.cal-e{font-size:0;height:6px;padding:0}.cal-g>b{font-size:10px}}
/* WhatsApp por tema */
.mb-tasks td.first{position:relative}.mb-tasks td.first .mb-name{padding-right:38px}
.tw-wa{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px!important;height:28px!important;opacity:.85}
.tw-wa:hover{opacity:1}.tw-wa svg{width:15px;height:15px}
/* cliente nuevo en temas */
.nc-box{grid-column:1/-1;background:#fff8ec;border:1px dashed #F7A21B;border-radius:12px;padding:10px 12px;margin:-2px 0 6px}.nc-box[hidden]{display:none}
.nc-t{font-weight:700;font-size:13.5px;margin-bottom:8px}.nc-t small{font-weight:400;color:var(--muted)}
.nc-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:640px){.nc-g{grid-template-columns:1fr}}
/* clientes: tipo, varios consultores, nombre / razón social */
.ty-sel{width:auto!important;min-height:32px!important;padding:4px 26px 4px 10px!important;border-radius:20px!important;font-weight:700;font-size:12.5px;border:0!important;cursor:pointer}
.ty-sel.ok{background-color:#e1f7ec!important;color:#0f8a52}.ty-sel.mango{background-color:#fff1d6!important;color:#a96500}
.team-btn{display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px 10px;cursor:pointer;font:inherit;font-size:12.5px;min-height:38px;max-width:240px;text-align:left}
.team-btn .mb-av+.mb-av{margin-left:-8px}.team-btn .tn{margin-left:4px}
.team-pop{position:absolute;z-index:9000;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.18);padding:12px;width:280px;display:flex;flex-direction:column;gap:8px}
.team-pop small{color:var(--muted);margin-top:-6px}.team-pop .cc-row{justify-content:flex-end;gap:6px;margin-top:4px}
.mb-cl{display:flex;flex-direction:column}.mb-legal{font-size:11.5px;color:var(--muted);font-weight:400;text-decoration:none}
.mb-clients th.first{width:26%}
.mb-clients td:nth-child(2){min-width:128px}.mb-clients td:nth-child(2) .ty-sel{max-width:122px}
.mb-clients td:nth-child(7){min-width:150px;white-space:nowrap}.mb-clients td:nth-child(7) .mb-cell{display:inline-block;width:auto;padding:6px 10px;white-space:nowrap;text-decoration:none}
.mb-clients td:nth-child(8){min-width:96px;white-space:nowrap}
.mb-clients .team-btn{max-width:210px}
.mb-table.mb-clients{table-layout:auto}.mb-clients .ty-sel{font-size:12px;padding:4px 22px 4px 8px!important}
.mb-clients td:nth-child(6){min-width:180px}.mb-clients .team-btn{flex-wrap:nowrap;max-width:230px;width:100%}.mb-clients .team-btn .tn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.team-btn .mb-av{flex:none}
/* foto del colaborador en su página */
.pt-avf{margin:0}
.pt-av{position:relative;display:block;width:56px;height:56px;border-radius:50%;cursor:pointer;flex:none}
.pt-av img,.pt-av span{width:56px;height:56px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#161616;color:#F7A21B;font-weight:800;font-size:18px;border:3px solid #F7A21B}
.pt-av i{position:absolute;right:-4px;bottom:-4px;background:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-style:normal;font-size:12px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.pt-av input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
span.pt-av{cursor:default}
/* v2.10 título del portal */
.pt-brandtitle{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 16px;font-weight:900;font-size:clamp(22px,6vw,34px);letter-spacing:.02em;color:#161616}
.pt-brandtitle>span{background:linear-gradient(90deg,#161616 0 40%,#F7A21B 50%,#161616 60% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ptShine 4s linear infinite}
.pt-brandtitle>i{font-style:normal;display:inline-block;animation:ptVibe 2.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes ptVibe{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(-12deg) translateY(-2px)}78%{transform:rotate(10deg)}82%{transform:rotate(-8deg)}86%{transform:rotate(6deg)}90%{transform:rotate(0)}}
@keyframes ptShine{0%{background-position:100% 0}100%{background-position:-150% 0}}
.pt-brandtitle{animation:ptBuzz 5s ease-in-out infinite}
@keyframes ptBuzz{0%,88%,100%{transform:translateX(0)}90%{transform:translateX(-2px)}92%{transform:translateX(2px)}94%{transform:translateX(-1px)}96%{transform:translateX(1px)}}
@media (prefers-reduced-motion:reduce){.pt-brandtitle,.pt-brandtitle span,.pt-brandtitle i{animation:none}}
.pt-wa{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#eafaf0;border:1px solid #b9e6cf;border-radius:12px;padding:10px 12px;margin:10px 0;font-size:13.5px;font-weight:600}
/* catálogo: checklist por tipo */
.kd-row{flex-wrap:wrap}
.kd-ckt{flex-basis:100%;text-align:left;border:1px dashed var(--line);background:#fafafa;border-radius:10px;padding:8px 12px;font:600 13px/1.2 inherit;cursor:pointer;margin-top:6px}
.kd-ckt b{background:#F7A21B;color:#161616;border-radius:10px;padding:1px 7px;font-size:11.5px}.kd-ckt.on{border-style:solid;border-color:#F7A21B;background:#fff8ec}
.kd-ck{flex-basis:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;display:flex;flex-direction:column;gap:6px}
.kd-ckr{display:flex;align-items:center;gap:8px}.kd-ckr span{width:22px;color:var(--muted);font-weight:700;text-align:right}.kd-ckr input{flex:1;min-height:36px}
@media(max-width:640px){.kd-row input[data-k=label]{flex:1;min-width:120px}}
/* tarjetas de temas en curso */
.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tc-card{display:flex;align-items:stretch;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .15s;min-height:120px}
.tc-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.tc-card.late{border-color:#f5b5bf}.tc-card.soon{border-color:#ffc9a3}
.tc-ban{flex:0 0 64px;background:var(--kc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;color:#fff}
.tc-ban i{font-style:normal;font-size:28px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.tc-ban small{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:center;line-height:1.1}
.tc-body{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.tc-top{display:flex;align-items:center;gap:6px}.tc-st{color:#fff;font-size:10.5px;font-weight:700;border-radius:6px;padding:2px 7px;margin-left:auto;white-space:nowrap}
.tc-body b{font-size:14px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tc-body>small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-bar{height:6px;border-radius:4px;background:#eceef1;overflow:hidden;margin-top:auto}.tc-bar i{display:block;height:100%;background:var(--kc)}
.tc-foot{display:flex;align-items:center;gap:6px;font-size:12px}.tc-foot em{font-style:normal;color:var(--muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-foot .mb-date{font-size:12px}
.tc-add{flex-direction:column;align-items:center;justify-content:center;border-style:dashed;color:var(--muted);gap:4px}.tc-add span{font-size:34px;color:#F7A21B;line-height:1}.tc-add b{color:#161616}
.ms-frame{width:100%;height:calc(100vh - 190px);min-height:600px;border:1px solid var(--line);border-radius:14px;background:#fff}
.kd-row input[data-k=label]{flex:1 1 180px;width:auto!important;min-width:0}.kd-row .ibs{flex:none}
/* campanita del colaborador */
.pt-brandtitle{position:relative}
.pt-bell{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:15px;font-weight:400;letter-spacing:0}
.pt-bell summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;position:relative;color:#161616}
.pt-bell summary::-webkit-details-marker{display:none}.pt-bell summary svg{width:22px;height:22px}
.pt-bell summary i{position:absolute;top:-6px;right:-6px;background:#e2445c;color:#fff;font-style:normal;font-size:11px;font-weight:800;border-radius:10px;padding:1px 6px;border:2px solid #fff}
.pt-bell.ring summary{background:#fff1d6;border-color:#F7A21B;animation:ovPulseO 1.2s ease-out infinite}.pt-bell.ring summary svg{animation:ovRing 1.1s ease-in-out infinite;transform-origin:50% 15%;color:#d95f00}
.pb-pop{position:absolute;right:0;top:52px;width:min(340px,86vw);max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.18);z-index:50;text-align:left}
.pb-h{font-weight:800;padding:12px 14px;border-bottom:3px solid #F7A21B}
.pb-it{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:1px solid #f0f1f3;color:var(--ink);text-decoration:none;font-size:13px}.pb-it.new{background:#fff8ec}
.pb-it span{font-weight:700}.pb-it em{font-style:normal;color:#3d4147}.pb-it small{color:var(--muted)}.pb-empty{padding:16px;color:var(--muted);font-size:13px}
.pt-by{display:inline-flex;align-items:center;gap:8px}.pt-by img,.pt-by i{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#161616;color:#F7A21B;font-style:normal;font-weight:800;font-size:12px;display:grid;place-items:center}
.pt-sm{display:block;font-size:11px;color:var(--muted)}
.cl-re{position:relative}.cl-re summary{list-style:none;cursor:pointer;font-size:12px;font-weight:700;color:#5559df;border:1px solid #d6d8f8;border-radius:20px;padding:3px 10px;background:#f3f3ff}.cl-re summary::-webkit-details-marker{display:none}
.cl-re form{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.cl-re select,.cl-re input{min-height:34px;flex:1;min-width:130px}
@media(max-width:640px){.pt-brandtitle{justify-content:flex-start;padding-right:54px}}
/* campana del panel timbrando */
#bell.ring{animation:ovPulseO 1.2s ease-out infinite;border-color:#F7A21B;background:#fff1d6}#bell.ring svg{animation:ovRing 1.1s ease-in-out infinite;transform-origin:50% 15%;color:#d95f00}
.pt-bell .pb-pop *{animation:none}
.cl-row.conv .cl-t{color:var(--muted)}.cl-row a.cl-b{text-decoration:none}
/* tablero en la página del colaborador */
.pt-sec{margin-top:24px}.pt-board .tk-card{display:block;text-decoration:none;color:inherit}
.tk-av{width:24px;height:24px;border-radius:50%;object-fit:cover}
@media(max-width:700px){.pt-board{grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;grid-template-columns:none;scroll-snap-type:x mandatory}.pt-board .tk-col{scroll-snap-align:start}}
/* el $ solo lo ve el administrador */
.no-money .money-kpis,.no-money .cc-step small,.no-money .mb-deals th:last-child,.no-money .mb-deals td:last-child,.no-money .mb-clients th:last-child,.no-money .mb-clients td:last-child{display:none!important}
/* material para el consultor */
.res-f{grid-column:1/-1}.res-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.res-row .res-lb{flex:0 0 32%}.res-row .res-u{flex:1}
.res-add{display:flex;gap:6px;flex-wrap:wrap}
.pt-res{background:#eef5ff;border:1px solid #c9dcf8;border-radius:12px;padding:10px 12px;margin:0 0 10px;display:flex;flex-direction:column;gap:6px}
.pt-res b{font-size:14px}.pt-res small{color:var(--muted);font-size:11.5px;margin-top:-4px}.pt-res-l{display:flex;gap:8px;flex-wrap:wrap}.pt-res-l .cc-btn{background:#fff}
@media(max-width:640px){.res-row{flex-wrap:wrap}.res-row .res-lb{flex-basis:100%}}
.qe-hrs{display:inline-block;background:#eef5ff;color:#1E7FE0;border-radius:10px;font-size:11px;font-weight:700;padding:1px 7px;margin:3px 0 0;vertical-align:1px}
.lk-card .cc-ch{flex-wrap:wrap}.lk-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #f0f1f3;flex-wrap:wrap}
.lk-t{flex:1;min-width:220px;display:flex;flex-direction:column}.lk-t b{font-size:14px}.lk-t small{color:var(--muted);font-size:12px}.lk-row select{width:auto;max-width:320px;min-height:36px}

/* v2.14 color por consultor y temas mensuales */
.uchip{--uc:#94a3b8;font-style:normal;display:inline-block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:12px;color:var(--uc);background:color-mix(in srgb,var(--uc) 14%,#fff);border:1px solid color-mix(in srgb,var(--uc) 35%,#fff);border-radius:999px;padding:2px 9px;line-height:1.4}
.uchip.none{--uc:#94a3b8;font-weight:600}
.tc-foot .uchip{flex:0 1 auto;color:var(--uc)}.tc-foot .mb-date{margin-left:auto}
.rc-tag{display:inline-block;font-size:11px;font-weight:700;color:#7c3aed;background:#f3e8ff;border-radius:999px;padding:2px 7px;white-space:nowrap}
.rc-info{background:#f5f3ff;border:1px solid #ddd6fe;color:#4c1d95;border-radius:10px;padding:9px 12px;margin:0 0 10px;font-size:13px}
.tu-people .tu-p{border-left:4px solid var(--uc)}
.tu-people .tu-p:has(input:checked){background:color-mix(in srgb,var(--uc) 12%,#fff);border-color:var(--uc)}
.tk-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tk-meta>span:first-child{margin-right:auto}
.tc-foot .uchip{flex-shrink:0}.rc-tag.mini{padding:2px 5px}

/* Ajustes agrupados */
.aj-nav{margin-bottom:18px}.aj-g{display:flex;gap:8px;flex-wrap:wrap}.aj-g button{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink)}
.aj-g button.on{background:#161616;color:#F7A21B;border-color:#161616}.aj-s{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px;border-bottom:2px solid var(--line)}
.aj-s button{border:0;background:none;padding:9px 13px;font-weight:600;font-size:13px;color:var(--gris);cursor:pointer;border-radius:8px 8px 0 0;margin-bottom:-2px;border-bottom:2px solid transparent}.aj-s button.on{color:var(--ink);border-bottom-color:#F7A21B}
@media(max-width:600px){.aj-g button{flex:1 1 45%;padding:9px 10px;font-size:13px}}

/* ============ v2.17 Tema claro y moderno + color por zona (Cotizaciones / Seguimiento) ============ */
:root{--acc:#F59E0B;--bg:#F5F7FB;--line:#E6E9EF;--soft:#F8FAFC;--hd:#475569}
body{background:radial-gradient(1200px 500px at 100% -10%,color-mix(in srgb,var(--acc) 7%,transparent),transparent 60%),var(--bg);background-attachment:fixed}
.cc-side{background:#fff;border-right:1px solid var(--line);box-shadow:none}
.cc-brand{border-bottom:1px solid var(--line)}
.cc-side nav a{color:#5b6472;font-weight:500;border-left:3px solid transparent;border-radius:0 10px 10px 0}
.cc-side nav a svg{color:color-mix(in srgb,var(--acc) 80%,#64748b)}
.cc-side nav a:hover{background:color-mix(in srgb,var(--acc) 7%,#fff);color:var(--ink)}
.cc-side nav a.on{background:color-mix(in srgb,var(--acc) 15%,#fff);color:var(--ink);font-weight:700;border-left-color:var(--acc)}
.cc-side nav a.on svg{color:var(--acc)}
.nav-lab{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);padding:12px 12px 4px;display:flex;align-items:center;gap:6px}
.nav-lab::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc)}
.cc-top{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:4px solid var(--acc);border-bottom:1px solid var(--line)}
.area-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.03em;color:color-mix(in srgb,var(--acc) 70%,#000);background:color-mix(in srgb,var(--acc) 14%,#fff);border:1px solid color-mix(in srgb,var(--acc) 35%,#fff);border-radius:999px;padding:3px 10px;margin-bottom:4px}
.cc-top h1{font-size:21px}
.cc-card,.cc-kpi,.tc-card,.mb-card{box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.05);border-color:var(--line)}
.cc-band,.cc-band.gray{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:inset 4px 0 0 var(--acc)}
.cc-band .cc-badge{background:var(--acc);color:#fff}
.cc-table th,.qe-t th,.cc-week th,.cc-month .dh,.cp-table th{background:#F1F4F8;color:var(--hd);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.tk-banner,.qbanner,.app-hero{background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 16%,#fff),#fff 70%);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 28%,#fff);border-bottom:4px solid var(--acc)}
.tk-banner p,.qbanner span,.app-hero .muted{color:var(--muted)!important}.qbanner b{color:color-mix(in srgb,var(--acc) 70%,#000)}
.qb-chip{border:1px solid var(--line)}
.tk-sec{background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom:3px solid var(--acc)}
.tk-sec span{background:var(--acc);color:#fff}
.cc-mhead{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:inset 0 4px 0 var(--acc)}
.cc-x{color:var(--muted)}
.cc-tabs button.on,.cc-xtabs a.on{background:#fff;color:var(--ink);border-bottom-color:var(--acc)}
.aj-g button.on{background:color-mix(in srgb,var(--acc) 15%,#fff);color:var(--ink);border-color:var(--acc)}
.cc-kpi.mango{background:color-mix(in srgb,var(--acc) 14%,#fff);border-color:color-mix(in srgb,var(--acc) 35%,#fff)}.cc-kpi.mango b{color:color-mix(in srgb,var(--acc) 70%,#000)}.cc-kpi.mango small{color:var(--muted)}
.cc-btn{border-radius:10px}
.cc-input,input,select,textarea{border-radius:10px}
#bellN[hidden]{display:none!important}
.pn-title{margin:0 0 16px;justify-content:flex-start;font-size:clamp(22px,3vw,32px)}.pn-title>span{background-image:linear-gradient(90deg,#0f172a 0 40%,var(--acc) 50%,#0f172a 60% 100%)}

/* Inicio editable */
.hm-head{display:flex;justify-content:flex-end;margin:-6px 0 6px}
.hm-edit{border:0;background:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:8px}.hm-edit:hover{background:#fff;color:var(--ink)}
.hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}
.hm-grid>.hm{grid-column:1 / -1;min-width:0}.hm-grid>.hm.hm-half{grid-column:auto}
.hm-grid>.hm.hm-off{display:none}
.hm-grid>.hm.cc-card,.hm-grid>.hm.hello,.hm-grid>.hm.cc-kpis,.hm-grid>.hm.qbanner{margin-top:0;margin-bottom:18px}
.hm-grid.editing>.hm{outline:2px dashed color-mix(in srgb,var(--acc) 55%,#fff);outline-offset:4px;border-radius:14px;cursor:grab;position:relative;min-height:46px}
.hm-grid.editing>.hm.hm-drag{opacity:.4}.hm-grid.editing>.hm.hm-over{outline-style:solid;outline-color:var(--acc)}
.hm-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:color-mix(in srgb,var(--acc) 14%,#fff);border:1px solid color-mix(in srgb,var(--acc) 35%,#fff);border-radius:10px;padding:6px 8px;margin-bottom:10px;font-size:12.5px;grid-column:1 / -1;width:100%}
.hm-bar .sp{flex:1}.hm-bar button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:600;cursor:pointer}.hm-grip{cursor:grab;font-size:16px;color:var(--muted)}
.hm-add{background:#fff;border:2px dashed var(--line);border-radius:14px;padding:14px 16px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}
.hm-chips{display:flex;flex-wrap:wrap;gap:8px}.hm-chips button{border:1px solid color-mix(in srgb,var(--acc) 40%,#fff);background:color-mix(in srgb,var(--acc) 10%,#fff);border-radius:999px;padding:6px 12px;font-weight:600;cursor:pointer}
.hm-act{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:900px){.hm-grid{grid-template-columns:1fr}.hm-grid>.hm.hm-half{grid-column:1 / -1}}
.hm-half .cc-map{overflow-x:auto}.hm-half.cc-kpis{grid-template-columns:repeat(3,1fr)}

.qe-norma{margin-top:5px;font-size:12px!important;font-style:italic;color:#4b5563}
.qe-hs{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:6px}.qe-hs label{display:flex;flex-direction:column;font-size:11px;font-weight:600;color:var(--muted);gap:2px}.qe-hs input{width:110px;padding:5px 8px!important;font-size:13px}.qe-hs small{font-size:11px;color:var(--muted)}

.qe-sw{position:relative;flex:1;min-width:220px}.qe-sw input{width:100%}
.qe-sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.16);max-height:360px;overflow:auto;padding:4px}
.qe-sgi{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:9px;cursor:pointer;font:inherit}
.qe-sgi:hover,.qe-sgi.on{background:color-mix(in srgb,var(--acc) 12%,#fff)}
.qe-sgh{flex:none;min-width:70px;text-align:center;font-weight:800;font-size:13px;background:#e0f2fe;color:#075985;border-radius:8px;padding:5px 8px}.qe-sgh.none{background:#fee2e2;color:#b91c1c;font-size:11px}
.qe-sgt{flex:1;min-width:0;display:flex;flex-direction:column}.qe-sgt b{font-size:13.5px}.qe-sgt small{font-size:11px;color:var(--muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qe-sgp{flex:none;font-weight:700;font-size:13px}.qe-sgn{padding:10px;color:var(--muted);font-size:13px}
.qe-hrs.none{background:#fee2e2;color:#b91c1c}

/* Asistente IA */
.ai-fab{position:fixed;right:22px;bottom:22px;z-index:900;display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;color:#fff;font:600 16px/1 Outfit,system-ui,sans-serif;padding:14px 24px 14px 18px;border-radius:999px;
	background:linear-gradient(180deg,#3b8bff,#1463f3);box-shadow:0 10px 26px rgba(20,99,243,.45),inset 0 1px 0 rgba(255,255,255,.35),0 0 0 6px rgba(59,139,255,.15);transition:transform .15s}
.ai-fab:hover{transform:translateY(-2px)}.ai-fab svg{width:24px;height:24px}
.ai-panel{position:fixed;right:22px;bottom:86px;z-index:950;width:min(420px,calc(100vw - 24px));height:min(620px,calc(100vh - 120px));background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.28);display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe3f0}
.ai-panel[hidden]{display:none}
.ai-h{display:flex;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(180deg,#3b8bff,#1463f3);color:#fff}.ai-h small{opacity:.85}.ai-h .sp{flex:1}
.ai-x{border:0;background:rgba(255,255,255,.18);color:#fff;width:30px;height:30px;border-radius:9px;font-size:18px;cursor:pointer}
.ai-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f6f8fc}
.ai-m{max-width:88%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.45}.ai-m.bot{background:#fff;border:1px solid #e3e8f2;align-self:flex-start}.ai-m.me{background:#1463f3;color:#fff;align-self:flex-end}.ai-m.err{background:#fee2e2;color:#991b1b}
.ai-card{margin-top:8px;border:1px solid #e3e8f2;border-radius:10px;padding:8px 10px;background:#f9fbff}.ai-card div{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.ai-dots{display:inline-flex;gap:4px}.ai-dots i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:aiDot 1s infinite}.ai-dots i:nth-child(2){animation-delay:.15s}.ai-dots i:nth-child(3){animation-delay:.3s}
@keyframes aiDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.ai-sug{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;border-top:1px solid #eef1f6}.ai-sug button{flex:none;border:1px solid #dbe3f0;background:#fff;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer;white-space:nowrap}
.ai-f{display:flex;gap:6px;padding:10px;border-top:1px solid #eef1f6;align-items:flex-end}.ai-f textarea{flex:1;resize:none;border:1px solid #dbe3f0;border-radius:12px;padding:9px 11px;font:14px system-ui,sans-serif;max-height:120px}
.ai-send,.ai-mic{border:0;width:42px;height:42px;border-radius:12px;cursor:pointer;font-size:17px}.ai-send{background:#1463f3;color:#fff}.ai-mic{background:#eef3fd}.ai-mic.on{background:#fee2e2;animation:aiDot 1s infinite}
@media(max-width:600px){.ai-fab span{display:none}.ai-fab{padding:14px;right:14px;bottom:14px}.ai-panel{right:6px;bottom:76px}}
@media print{.ai-fab,.ai-panel{display:none!important}}

/* Tamaño libre en Editar panel */
.hm-grid.editing>.hm{resize:both;overflow:auto}
.hm-grid>.hm.hm-fixed{overflow:auto}
.hm-tip{font-size:11px;color:var(--muted);width:100%}
/* Temas en curso por consultor */
.tcv-sel{margin-left:auto;margin-right:8px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px;background:#fff}
#iTk.tcv-u2,#iTk.tcv-u3,#iTk.tcv-u4{display:block}
.tc-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tcv-u3 .tc-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
.tc-grp{--uc:#94a3b8;border:1px solid var(--line);border-top:4px solid var(--uc);border-radius:14px;padding:10px;background:color-mix(in srgb,var(--uc) 4%,#fff);min-width:0}
.tcv-u4 .tc-grp{height:440px;overflow:auto}
.tc-gh{display:flex;align-items:center;gap:8px;margin-bottom:10px;position:sticky;top:-10px;background:inherit;padding:4px 0;z-index:1}.tc-gn{margin-left:auto;font-size:12px;color:var(--muted)}
.tc-gi{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.tc-add-sm{margin-top:12px;min-height:60px!important;flex-direction:row!important;gap:8px}
@media(max-width:900px){.tc-groups,.tcv-u3 .tc-groups{grid-template-columns:1fr}.tcv-u4 .tc-grp{height:auto}}
.cc-ch .tcv-sel{width:auto!important;flex:none;max-width:240px}

.lg-f{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.lg-f select,.lg-f input{width:auto}.lg-f label{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}
.lg-day{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.lg-row{display:flex;gap:10px;align-items:flex-start;padding:8px 4px;border-bottom:1px dashed #eef0f4}.lg-t{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);width:42px;padding-top:4px}
.lg-b{flex:1;min-width:0}.lg-d{font-size:12.5px;color:#4b5563;margin-top:2px}.lg-v{color:var(--muted)}

.qe-deal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 2px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.qe-deal label{font-weight:700;font-size:13px}.qe-deal select{flex:1;min-width:220px;width:auto}.qe-deal small{width:100%;font-size:11.5px;color:var(--muted)}
.qe-deal.warn{border-color:#fbbf24;background:#fffbeb}

/* Catálogo editable en la tabla */
.mb-cat td{vertical-align:top}
.ce-cell{min-width:340px}
.ce-cell input,.ce-cell textarea,.ce-sm,.ce-price,.ce-hrs{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;padding:5px 8px;font:inherit;transition:border-color .15s,background .15s}
.ce-cell input:hover,.ce-cell textarea:hover,.ce-sm:hover,.ce-price:hover,.ce-hrs:hover{border-color:var(--line);background:#fff}
.ce-cell input:focus,.ce-cell textarea:focus,.ce-sm:focus,.ce-price:focus,.ce-hrs:focus{border-color:var(--acc);background:#fff;outline:0}
.ce-name{font-weight:700;font-size:14.5px}.ce-norma{font-size:12px!important;font-style:italic;color:#4b5563}.ce-desc{font-size:12.5px;color:#4b5563;resize:vertical;min-height:34px}
.mb-cat .hcol{border-left:3px solid #fff;border-right:3px solid #fff;background:#eef6ff!important;width:92px}
.ce-hrs{text-align:center;font-weight:800;font-size:16px;color:#075985}.ce-hrs.none{color:#b91c1c;background:#fee2e2}.hcol small{display:block;font-size:10.5px;color:var(--muted)}
.ce-sm{text-align:center;max-width:110px}.ce-price{text-align:right;font-weight:800;max-width:130px}
tr.ce-dirty td{background:#fffbeb!important}tr.ce-dirty td:first-child{box-shadow:inset 4px 0 0 #f59e0b}
.ce-bar{position:sticky;bottom:12px;z-index:40;display:flex;align-items:center;gap:10px;background:#111827;color:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 12px 30px rgba(0,0,0,.25);margin-top:12px}.ce-bar[hidden]{display:none}.ce-bar .sp{flex:1}
.ce-cell .ce-name{font-weight:800!important;font-size:14.5px!important;color:var(--ink)}
.ce-bar{margin-right:200px}@media(max-width:600px){.ce-bar{margin-right:64px}}

/* Disponibilidad */
.dv-t{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed;min-width:820px}.dv-t th{font-size:12px;text-transform:uppercase;color:var(--hd);padding:6px;background:#f1f4f8;border-radius:8px}.dv-t th.on{background:var(--mango);color:#161616}
.dv-t .dv-h{width:96px;text-transform:none;font-size:12px;text-align:left}
.dv-u td{padding:8px 4px 2px!important;background:none!important}
.dv-c{border-radius:10px;padding:6px 8px;height:58px;vertical-align:top;font-size:12px;cursor:pointer;overflow:hidden}
.dv-c.free{background:#ecfdf3;color:#15803d}.dv-c.free span{opacity:.0;font-weight:700}.dv-c.free:hover{background:#d1fae5}.dv-c.free:hover span{opacity:.9}
.dv-c.busy{background:#fee2e2;color:#991b1b;border-left:4px solid #dc2626}.dv-c.pend{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}
.dv-c b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-c small{display:block;font-size:10.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-i{float:right;font-size:15px}
.dv-leg{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.dv-leg span{font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px}.dv-leg .free{background:#ecfdf3;color:#15803d}.dv-leg .busy{background:#fee2e2;color:#991b1b}.dv-leg .pend{background:#fef3c7;color:#92400e}
.dv-pr{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed var(--line)}

.gc-box{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:#f8fafc}.gc-box h4{margin:0 0 6px}.gc-box ol{margin:0 0 10px;padding-left:18px}.gc-box .cc-row{display:flex;gap:8px}.gc-box .cc-row input{flex:1}
.dv-c.busy[data-sl] .dv-i{font-size:15px}

/* Calendario público: diseño claro */
.cp-light .cp-top{background:#fff;border-bottom:4px solid var(--mango);box-shadow:0 2px 14px rgba(0,0,0,.06);padding-bottom:28px}
.cp-light .cp-top p{color:#6b7078}.cp-light .cp-wrap{margin-top:18px}
.kc-tt{justify-content:center;margin:0 0 14px}
.dv-c.nb{background:repeating-linear-gradient(135deg,#ecfdf5,#ecfdf5 8px,#f0f9ff 8px,#f0f9ff 16px)!important;outline:1.5px dashed #60a5fa;outline-offset:-3px;cursor:pointer}
.cc-yn{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;cursor:pointer;min-height:42px}
.cc-yn span{color:#8a8f98;font-size:12px;font-weight:600;line-height:1.3}
.cc-yn .n{text-align:right}
.fs-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.fs-p{display:flex;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;cursor:pointer}
/* Solicitudes de clientes en Inicio: parpadea y el calendario vibra */
.cr-card{border:2px solid #f59e0b!important;animation:cr-blink 1.6s ease-in-out infinite}
.cr-card.cr-empty{display:none;animation:none}
.hm-grid.editing .cr-card.cr-empty{display:block}
@keyframes cr-blink{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.55);background:#fff}50%{box-shadow:0 0 0 8px rgba(245,158,11,0);background:#fff8eb}}
.cr-ic{display:inline-block;animation:cr-shake 1.2s ease-in-out infinite;transform-origin:50% 80%}
@keyframes cr-shake{0%,55%,100%{transform:rotate(0)}60%{transform:rotate(-14deg)}65%{transform:rotate(12deg)}70%{transform:rotate(-10deg)}75%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}85%{transform:rotate(0)}}
.feed-cal{border-bottom:1px solid #f3e2c0;background:#fff8eb}
.feed-cal-h{font-weight:800;color:#9a3412;padding:8px 12px 2px}
/* Calendario pequeño (solo vista) */
.cm-t{display:grid;grid-template-columns:minmax(70px,auto) repeat(7,minmax(0,1fr));gap:4px;align-items:center}
.cm-dh{text-align:center;font-size:11px;font-weight:800;color:#6b7078;border-radius:6px;padding:3px 0}
.cm-dh.on{background:var(--mango,#F7A21B);color:#111}
.cm-u{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-d{display:flex;flex-direction:column;gap:2px}
.cm-c{display:block;height:11px;border-radius:4px}
.cm-c.free{background:#d1fae5}.cm-c.busy{background:#ef4444}.cm-c.pend{background:#f59e0b}.cm-c.nb{background:repeating-linear-gradient(135deg,#d1fae5,#d1fae5 3px,#93c5fd 3px,#93c5fd 6px)}
.cm-leg{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:11px;color:#6b7078}
.cm-leg span{display:flex;align-items:center;gap:4px}.cm-leg .cm-c{width:16px}
/* Círculo de estado animado: feliz (aros degradados hacia afuera) y negativo más lento */
.cp-status>span{position:relative;z-index:0;isolation:isolate}
.cp-status>span::before,.cp-status>span::after{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;pointer-events:none;opacity:0}
.cp-status.is-ok>span{background:radial-gradient(circle at 35% 30%,#4ade80,#16a34a 70%);box-shadow:0 0 0 10px #E3F6EC,0 8px 24px rgba(22,163,74,.35);animation:st-happy 1.6s cubic-bezier(.3,1.6,.5,1) infinite}
.cp-status.is-ok>span::before,.cp-status.is-ok>span::after{background:radial-gradient(circle,rgba(74,222,128,0) 52%,rgba(74,222,128,.55) 62%,rgba(250,204,21,.35) 72%,rgba(74,222,128,0) 78%);animation:st-ring 1.6s ease-out infinite}
.cp-status.is-ok>span::after{animation-delay:.8s;background:radial-gradient(circle,rgba(34,197,94,0) 50%,rgba(34,197,94,.5) 60%,rgba(253,224,71,.3) 70%,rgba(34,197,94,0) 78%)}
@keyframes st-happy{0%,100%{transform:translateY(0) scale(1) rotate(0)}20%{transform:translateY(-8px) scale(1.08) rotate(-6deg)}40%{transform:translateY(0) scale(.97) rotate(4deg)}55%{transform:translateY(-4px) scale(1.04) rotate(-2deg)}70%{transform:translateY(0) scale(1) rotate(0)}}
@keyframes st-ring{0%{transform:scale(1);opacity:.95}100%{transform:scale(2.6);opacity:0}}
.cp-status.is-wait>span{animation:st-wait 2.2s ease-in-out infinite}
.cp-status.is-wait>span::before{background:radial-gradient(circle,rgba(247,162,27,0) 52%,rgba(247,162,27,.45) 64%,rgba(247,162,27,0) 78%);animation:st-ring 2.2s ease-out infinite}
@keyframes st-wait{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.cp-status.is-bad>span{background:radial-gradient(circle at 35% 30%,#f87171,#dc2626 70%);animation:st-sad 3.6s ease-in-out infinite}
.cp-status.is-bad>span::before{background:radial-gradient(circle,rgba(239,68,68,0) 52%,rgba(239,68,68,.35) 64%,rgba(239,68,68,0) 78%);animation:st-ring-slow 3.6s ease-out infinite}
@keyframes st-sad{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(.97)}}
@keyframes st-ring-slow{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.cp-status>span,.cp-status>span::before,.cp-status>span::after{animation:none!important}}
/* Saludo iluminado como los títulos */
.hello-shine{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hello-shine>span{background:linear-gradient(90deg,#161616 0 40%,#F7A21B 50%,#161616 60% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ptShine 4s linear infinite}
.hello-shine>i{font-style:normal;display:inline-block;animation:ptVibe 2.6s ease-in-out infinite;transform-origin:50% 90%}
@media (prefers-reduced-motion:reduce){.hello-shine span,.hello-shine i{animation:none}}
/* Respaldo */
.bk-status{display:flex;gap:14px;align-items:flex-start;border-left:4px solid #16a34a}
.bk-ok{font-size:30px;line-height:1}
.bk-rp{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.bk-pt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #f3d0d0;border-radius:12px;padding:10px 12px;background:#fffafa}
/* 👁 Ocultar montos */
.eye-btn{border:1px solid var(--line,#e5e7eb);background:#fff;border-radius:999px;width:38px;height:38px;font-size:18px;cursor:pointer;flex:0 0 auto;display:inline-grid;place-items:center}
.eye-btn:hover{background:#fff8eb}
.money-kpis{position:relative}
.money-kpis>.eye-btn{position:absolute;top:-14px;right:-6px;width:32px;height:32px;font-size:15px;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:2}
.mhide .money-kpis .cc-kpi b,.mhide .money-kpis .cc-kpi em,.mhide .mny,.mhide .cc-map .amt{color:transparent!important;text-shadow:none!important;position:relative;user-select:none}
.mhide .money-kpis .cc-kpi b::after,.mhide .mny::after{content:"$ •••••";position:absolute;left:0;right:0;text-align:inherit;color:#9aa0a8;letter-spacing:.06em;white-space:nowrap}
.mhide .money-kpis .cc-kpi b::after{left:50%;right:auto;transform:translateX(-50%)}
.mhide .money-kpis .cc-kpi em::after{content:"••••";position:absolute;left:50%;transform:translateX(-50%);color:#9aa0a8}
.mhide span.mny,.mhide td.mny{display:inline-block;min-width:60px}
/* Ganancia en Inicio */
.cc-kpi.profit{text-decoration:none;color:inherit;background:linear-gradient(135deg,#ecfdf5,#fff);border:1.5px solid #86efac}
.cc-kpi.profit b{color:#15803d}.cc-kpi.profit.neg b{color:#dc2626}.cc-kpi.profit em{display:block;font-style:normal;font-size:11px;color:#dc2626;font-weight:700;margin-top:2px}
/* Gastos y ganancia */
.gk-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:10px}
.gk{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.gk small{color:#6b7078;font-weight:700}.gk b{font-size:22px}.gk em{font-style:normal;font-size:11.5px;color:#6b7078;line-height:1.35}
.gk.big{grid-column:span 2;background:linear-gradient(135deg,#ecfdf5,#fff);border:2px solid #86efac}.gk.big b{font-size:34px;color:#15803d}
.gk.big.neg{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fca5a5}.gk.big.neg b{color:#dc2626}
.gk.neg b{color:#dc2626}.gk.iva{background:#fffbeb;border-color:#fde68a}.gk.ok b{color:#15803d}
.fin-cfg{margin:0 0 14px}
.fin-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fin-cats span{background:#f3f4f6;border-radius:999px;padding:4px 10px;font-size:12px}
.fin-owe{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px dashed #e5e7eb}.fin-owe>div{flex:1}.fin-owe.late b.mny{color:#dc2626}
.cc-table tr.late td{background:#fff5f5}
.fin-m{display:inline-block;min-width:54px;padding:2px 8px;border-radius:999px;font-weight:800;font-size:12px;background:linear-gradient(90deg,#bbf7d0 var(--m),#f3f4f6 var(--m))}
.seg{display:inline-flex;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden}.seg button{border:0;background:#fff;padding:5px 12px;font-weight:700;font-size:12px;cursor:pointer}.seg button.on{background:#161616;color:#fff}
@media(max-width:640px){.gk.big{grid-column:span 1}}
.money-kpis{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:12px!important}
.money-kpis>.eye-btn{right:auto;left:-8px}
.cc-kpi.profit em{order:-1}
.mhide .money-kpis .cc-kpi.profit em{color:#dc2626!important}.mhide .money-kpis .cc-kpi.profit em::after{content:none}
.gk em b{font-size:inherit;color:#dc2626}
.fin-g{grid-template-columns:1.7fr 1fr}
@media(max-width:900px){.fin-g{grid-template-columns:1fr}}
.ev-list{margin:0 0 10px}.ev-h{font-weight:800;font-size:13px;margin-bottom:6px}
.ev-i{border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:13px}.ev-i a{font-weight:700}
.ev-i.dup{border-color:#f59e0b;background:#fffbeb}.ev-w{color:#92400e;font-size:12px;margin-top:4px}
.ev-u{font-size:11px;color:#9aa0a8;word-break:break-all;margin-top:2px}
.lg-cli{display:inline-block;background:#ecfdf5;color:#166534;border:1px solid #86efac;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}
.dv-req .rq-tabs{margin:4px 0 8px}.dv-req .dv-pr.unv{opacity:.8}

/* 📝 Nota de servicio */
.cc-pill.nota-pill{background:#fff2d6;color:#9a5b00;border:1px solid #F7A21B;font-weight:800;letter-spacing:.04em}

/* 🔐 Niveles de acceso */
.lv-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.lv-lg{border:1.5px solid var(--g2,#e5e7eb);border-top:4px solid var(--lv);border-radius:12px;padding:10px 12px;background:#fff}
.lv-lg b{display:flex;align-items:center;gap:8px;font-size:15px}.lv-lg b span{background:var(--lv);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.lv-lg p{margin:6px 0;font-size:12.5px;color:#555;line-height:1.35}.lv-lg i{font-style:normal;margin-right:4px;font-size:15px}
.lv-list{display:flex;flex-direction:column;gap:8px}
.lv-u{border:1.5px solid var(--g2,#e5e7eb);border-left:5px solid var(--lv);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:8px 14px;align-items:center}
.lv-who{display:flex;gap:10px;align-items:center;min-width:0}.lv-who .cc-av{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;overflow:hidden;flex-shrink:0}.lv-who .cc-av img{width:100%;height:100%;object-fit:cover}
.lv-who small{display:block;color:#6b7078;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.lv-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.lv-chips button{border:1.5px solid #ddd;background:#fff;border-radius:999px;padding:6px 12px;font:600 13px/1 inherit;cursor:pointer;color:#444}
.lv-chips button.on{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.lv-chips button:disabled{cursor:default;opacity:.85}.lv-chips button:disabled:not(.on){opacity:.35}
.lv-x{grid-column:1/-1}.lv-x summary{cursor:pointer;font-weight:700;font-size:13px;color:#9a5b00;list-style:none}.lv-x summary::-webkit-details-marker{display:none}
.lv-perms{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lv-p{border:1.5px dashed #d6d6d6;background:#fafafa;border-radius:10px;padding:6px 10px;font:600 12.5px/1.2 inherit;color:#555;cursor:pointer}
.lv-p.on{border:1.5px solid #F7A21B;background:#fff2d6;color:#7a4500}.lv-p.inc{border-style:solid;background:#f1f5f9;color:#64748b;cursor:default}.lv-p em{font-style:normal;font-size:10.5px;margin-left:6px;opacity:.75}
@media(max-width:700px){.lv-u{grid-template-columns:1fr}.lv-chips{justify-content:flex-start}}

/* ⏳ Esperando un punto delegado */
.wt-box{border:1.5px solid #ddd6fe;background:linear-gradient(135deg,#f5f3ff,#fff);border-radius:12px;padding:10px 12px;margin:0 0 10px}
.wt-h{font-size:14px;color:#5b21b6}.wt-calm{margin:4px 0 6px;font-size:13px;color:#555}
.wt-due{display:inline-block;font-size:12.5px;background:#ede9fe;color:#4c1d95;border-radius:8px;padding:4px 8px;margin:0 8px 6px 0}.wt-due.soon{background:#fef3c7;color:#92400e}.wt-due.late{background:#fee2e2;color:#991b1b}
.wt-ask{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;flex-wrap:wrap}.wt-ask input,.cl-due input{min-height:32px;padding:3px 8px;border:1.5px solid #ddd;border-radius:8px;font:13px inherit}
.wt-ask small{font-weight:400;color:#6b7078}.wt-follow{margin:0 0 10px}.wt-fbtn{margin:0 0 10px}
.cl-due{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-top:4px;flex-wrap:wrap}.cl-due label{display:flex;align-items:center;gap:6px}.cl-due small{font-weight:400;color:#6b7078}
.pt-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pt-close-off{display:inline-flex;flex-direction:column;border:1.5px dashed #cbd5e1;border-radius:10px;padding:6px 12px;color:#64748b;font-weight:700;font-size:14px;max-width:520px}.pt-close-off small{font-weight:400;font-size:12px}
.cc-pill.wt-pill{background:#ede9fe;color:#5b21b6;font-weight:700}

/* 🗂️ Expediente del cliente */
.cd-cats{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.cd-cat{border:1.5px dashed #d6d6d6;background:#fafafa;border-radius:10px;padding:7px 10px;font:600 13px/1 inherit;cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:#444}
.cd-cat b{background:#eee;border-radius:999px;padding:2px 7px;font-size:11px}.cd-cat.has{border-style:solid;border-color:#F7A21B;background:#fff7e8}.cd-cat.has b{background:#F7A21B;color:#161616}
.cd-grp h4{margin:12px 0 6px;font-size:14px}.cd-doc{display:flex;gap:10px;align-items:center;border:1px solid var(--g2,#e5e7eb);border-radius:10px;padding:8px 10px;margin-bottom:6px;background:#fff}
.cd-doc.exp{border-color:#fca5a5;background:#fff5f5}.cd-ic{font-size:22px}.cd-tx{flex:1;min-width:0}.cd-tx b{display:block}.cd-tx small{display:block;color:#6b7078;font-size:12px}.cd-tx .red{color:#dc2626;font-weight:700}
.cd-doc .ibs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
@media(max-width:640px){.cd-doc{flex-wrap:wrap}.cd-doc .ibs{width:100%;justify-content:flex-end}}
/* 📅 Calendario de temas */
.tq-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tq-bar h3{margin:0 0 0 6px;font-size:18px;text-transform:capitalize}
.tq-modes{display:inline-flex;background:#eef0f4;border-radius:12px;padding:4px;margin-right:6px}.tq-modes button{border:0;background:transparent;padding:7px 14px;border-radius:9px;font:600 14px/1 inherit;color:#6b7078;cursor:pointer}.tq-modes button.on{background:#fff;color:#1e2a5a;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.tq-lg{display:flex;gap:10px;font-size:12px;color:#6b7078;align-items:center}.tq-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:3px;background:#94a3b8}.tq-lg i.late{background:#e2445c}.tq-lg i.soon{background:#ff7a1a}.tq-lg i.wait{background:#8b5cf6}.tq-lg i.ok{background:#00c875}
.tq{display:block;width:100%;text-align:left;border:0;border-left:4px solid var(--uc);background:#f1f5f9;border-radius:6px;padding:4px 6px;margin:3px 0;font:600 12px/1.25 inherit;cursor:pointer;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tq small{display:block;font-weight:400;color:#6b7078;font-size:11px}.tq.late{background:#fee2e2}.tq.soon{background:#ffedd5}.tq.wait{background:#ede9fe}.tq.ok{background:#dcfce7;color:#166534}
.tq-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.tq-dh{text-align:center;font-size:12px;color:#6b7078;padding:4px}
.tq-cell{min-height:96px;border:1px solid var(--g2,#e5e7eb);border-radius:8px;padding:4px;background:#fff;min-width:0}.tq-cell.today{border-color:#F7A21B;box-shadow:inset 0 0 0 1px #F7A21B}
.tq-n{font-weight:700;font-size:12px;cursor:pointer;display:inline-block;padding:1px 6px;border-radius:6px}.tq-n:hover{background:#f1f5f9}.tq-more{border:0;background:none;color:#2563eb;font-size:11px;cursor:pointer;padding:2px}
.tq-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.tq-col{border:1px solid var(--g2,#e5e7eb);border-radius:10px;padding:6px;min-height:200px;background:#fff;min-width:0}.tq-col.today{border-color:#F7A21B}
.tq-h{text-align:center;cursor:pointer;margin-bottom:4px}.tq-h small{display:block;color:#6b7aa8;font-weight:700;font-size:11px;text-transform:uppercase}.tq-h b{font-size:20px}
.tq-day .tq-row{display:flex;gap:10px;align-items:center}.tq-day .tq{max-width:460px;white-space:normal;font-size:14px;padding:8px 10px}
.tq-year{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.tq-mini{border:1px solid var(--g2,#e5e7eb);background:#fff;border-radius:10px;padding:8px;text-align:left;cursor:pointer;font:inherit}.tq-mini:hover{border-color:#F7A21B}
.tq-mini h5{margin:0 0 6px;font-size:14px;text-transform:capitalize}.tq-mini h5 small{display:block;font-weight:400;color:#6b7078;font-size:11px;text-transform:none}.tq-mini h5 em{color:#e2445c;font-style:normal}
.tq-mg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:10px;text-align:center}.tq-mg b{color:#9aa0a6;font-weight:600}.tq-mg span{border-radius:4px;padding:2px 0;color:#9aa0a6}.tq-mg span.on{background:#dbeafe;color:#1e40af;font-weight:700}.tq-mg span.late{background:#fecaca;color:#991b1b;font-weight:700}.tq-mg span.ok{background:#dcfce7;color:#166534}.tq-mg span.today{outline:2px solid #F7A21B}
@media(max-width:760px){.tq-week{grid-template-columns:1fr}.tq-col{min-height:0}.tq-cell{min-height:60px}.tq-cell .tq{font-size:10px;padding:2px 3px}.tq-cell .tq small{display:none}}
.lv-chips .lv-as{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}
.cv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.cv-l{display:block;border:1.5px solid var(--g2,#e5e7eb);border-radius:10px;padding:9px 12px;text-decoration:none;color:#161616;background:#fff}.cv-l:hover{border-color:#F7A21B;background:#fff7e8}.cv-l small{display:block;color:#6b7078;font-size:12px;margin-top:2px}
.cc-login-sub{margin:-6px 0 14px;color:#6b7078;font-size:14px;text-align:center}

/* ===== Renglón de tema: todo se cambia desde el renglón (estatus, fecha, archivos, mensaje) ===== */
.pm-headrow,.pm-row>summary{grid-template-columns:minmax(0,2.3fr) 200px 120px minmax(110px,1fr) 80px 100px 110px!important}
.pm-row>summary{cursor:default}
.pm-tools{display:flex;gap:6px;margin-top:5px}
.pm-open,.pm-chat{border:1.5px solid #d6d9df;background:#fff;border-radius:8px;padding:3px 9px;font:700 12px/1.3 inherit;cursor:pointer;color:#161616}
.pm-open:hover{border-color:#F7A21B;background:#fff7e8}.pm-chat{font-size:15px;padding:1px 8px}.pm-chat:hover{background:#eef2ff;border-color:#a5b4fc}
.pm-btn{border:0;cursor:pointer;font:inherit}.pm-cell.pm-btn{color:#fff;font-weight:600;font-size:13px;width:calc(100% - 4px)}
.pm-cell.pm-btn:hover{filter:brightness(1.08);box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)}
.pm-row>summary>.pm-stw{gap:4px;padding:0 4px;justify-content:flex-start}
.pm-stw .pm-cell{flex:1;min-width:0;margin:4px 0}
.pm-av{width:28px;height:28px;border-radius:50%;background:var(--uc,#94a3b8);color:#fff;font-weight:800;font-size:12px;line-height:28px;text-align:center;overflow:hidden;flex-shrink:0;display:inline-block;box-shadow:0 0 0 2px #fff}
.pm-av img{width:100%;height:100%;object-fit:cover}.pm-av.sm{width:24px;height:24px;line-height:24px;font-size:11px}.pm-cell.pm-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.pm-av.none{background:#cbd5e1}
.pm-avbtn{border:0;background:none;padding:0;cursor:pointer;border-radius:50%;box-shadow:0 0 0 2px #8b5cf6;animation:pmPulse 1.6s infinite}
@keyframes pmPulse{0%,100%{box-shadow:0 0 0 2px #8b5cf6}50%{box-shadow:0 0 0 5px rgba(139,92,246,.25)}}
.pm-hg{position:relative;font-size:16px;display:inline-block;animation:pmFlip 2.4s infinite ease-in-out;flex-shrink:0}
.pm-hg i{position:absolute;left:50%;top:52%;width:2px;height:2px;background:#d4a017;border-radius:50%;animation:pmSand .5s infinite linear}.pm-hg i:nth-child(2){animation-delay:.17s}.pm-hg i:nth-child(3){animation-delay:.34s}
@keyframes pmSand{0%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,7px);opacity:0}}
@keyframes pmFlip{0%,80%{transform:rotate(0)}90%,100%{transform:rotate(180deg)}}
.pm-row>summary>.pm-cr{flex-direction:column;gap:2px;padding:0 8px}.pm-cr .mb-tl{width:100%;flex:none!important}.pm-cr em{font-style:normal;font-size:11px;color:#6b7078}.pm-cr em.late{color:#dc2626;font-weight:700}.pm-cr em.soon{color:#ea580c;font-weight:700}
.pm-row>summary>.pm-files{gap:4px;flex-wrap:wrap}
.pm-file{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font:800 9px/1 inherit;text-decoration:none;color:#fff;background:#64748b}
.pm-file.k-pdf{background:#dc2626}.pm-file.k-sheet{background:#16a34a}.pm-file.k-drive{background:#f4b400;color:#161616;font-size:13px}.pm-file.k-doc{background:#2563eb}.pm-file.k-img{background:#0ea5e9;font-size:13px}.pm-file.k-link{background:#94a3b8;font-size:12px}
.pm-file.add{background:#fff;color:#161616;border:1.5px dashed #94a3b8;font-size:16px}.pm-file.add:hover{border-color:#F7A21B;background:#fff7e8}
.pm-pop{display:none;position:fixed;z-index:9000;width:290px;max-width:calc(100vw - 16px);background:#fff;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.25);border:1px solid #e5e7eb;padding:10px;font-size:13px}
.pm-pop.on{display:block;animation:pmIn .14s ease-out}@keyframes pmIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pm-pop-h{font-weight:800;margin:0 0 8px;font-size:14px}
.pm-pf{display:flex;flex-direction:column;gap:6px;margin:0 0 6px}.pm-pf textarea,.pm-pf input:not([type=hidden]),.pm-pf select{width:100%;box-sizing:border-box;border:1.5px solid #ddd;border-radius:9px;padding:7px 9px;font:13px inherit}
.pm-opt{display:block;width:100%;text-align:center;border:0;border-radius:9px;padding:10px;background:var(--c);color:#fff;font:700 14px/1.2 inherit;cursor:pointer}.pm-opt:hover{filter:brightness(1.07)}
.pm-opt.as-h{cursor:default;padding:7px}.pm-opt.off{opacity:.45;cursor:not-allowed}.pm-opt small{display:block;font-weight:400;font-size:11px;margin-top:3px}
.pm-mini{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:12px}
.pm-fl{display:flex;align-items:center;gap:8px;padding:4px 0;text-decoration:none;color:#161616;font-size:12.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mc-t{display:block;text-transform:capitalize;margin-bottom:6px}.mc-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:12px}.mc-g i{font-style:normal;color:#9aa0a6;font-weight:700}
.mc-g span{padding:4px 0;border-radius:6px}.mc-g span.on{background:#F7A21B;color:#161616;font-weight:800}.mc-g span.today{outline:2px solid #2563eb}.mc-g span.st{background:#dbeafe}
@media(max-width:820px){.pm-row>summary{grid-template-columns:1fr 1fr!important}.pm-row>summary>.pm-x.pm-files{display:flex}.pm-row>summary>.pm-cr{display:flex}}
.feed-i.new{background:#fff7e8;border-left:3px solid #F7A21B}.feed-i.seen{opacity:.75}.feed-ok{color:#2563eb;font-weight:900;margin-left:6px;letter-spacing:-3px;font-size:13px}
.pb-it.new{background:#fff7e8;border-left:3px solid #F7A21B}.pb-it.seen{opacity:.75;position:relative}.pb-it.seen::after{content:"✓✓";position:absolute;right:10px;top:8px;color:#2563eb;font-weight:900;letter-spacing:-3px}
.tw-st{display:flex;align-items:center;gap:4px}.tw-st .mb-cell{flex:1}.tw-left{display:block;font-size:11px;color:#6b7078;text-align:center}.tw-left.late{color:#dc2626;font-weight:700}.tw-left.soon{color:#ea580c;font-weight:700}
.tw-files{display:flex;gap:3px;align-items:center;justify-content:center;flex-wrap:wrap}.tw-chat{margin-left:4px;vertical-align:middle}.mb-tasks td.first{white-space:normal}

/* Íconos de archivo: documento con clip y numerito */
.pm-file{position:relative;width:30px;height:30px;border-radius:9px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.pm-file svg{width:20px;height:20px}
.pm-file.k-pdf{background:linear-gradient(160deg,#ff5a5f,#e0115f)}
.pm-file.k-sheet{background:linear-gradient(160deg,#21d07a,#0bb5c9)}
.pm-file.k-drive,.pm-file.k-link,.pm-file.k-doc{background:linear-gradient(160deg,#ffd43b,#f5b301)}
.pm-file.k-img{background:linear-gradient(160deg,#60a5fa,#6366f1)}
.fi-n{position:absolute;top:-8px;right:-9px;background:#161616;color:#fff;font:800 8.5px/1 system-ui,sans-serif;padding:2px 4px;border-radius:999px;border:1.5px solid #fff;letter-spacing:.2px}
.pm-row>summary>.pm-files{gap:9px;padding-top:6px}.tw-files{gap:9px;padding-top:6px}
.pm-fl{gap:12px;padding:6px 0}.pm-fl .pm-file{flex-shrink:0}

/* 📜 Documentos con vigencia */
.vd-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 12px}.vd-bar input{flex:1;min-width:200px;border:1.5px solid #ddd;border-radius:10px;padding:8px 12px;font:14px inherit}
.vd-bar .tq-modes b{background:#e5e7eb;border-radius:999px;padding:1px 7px;font-size:11px;margin-left:3px}
.vd-list{display:flex;flex-direction:column;gap:8px}
.vd-row{display:flex;gap:12px;align-items:center;border:1.5px solid var(--g2,#e5e7eb);border-left:5px solid var(--vc);border-radius:12px;padding:10px 12px;background:#fff;flex-wrap:wrap}
.vd-qr{width:62px;height:62px;flex-shrink:0;cursor:zoom-in;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #eee}.vd-qr svg{width:100%;height:100%}
.vd-tx{flex:1;min-width:220px}.vd-tx b{display:block;font-size:15px}.vd-tx small{display:block;color:#6b7078;font-size:12.5px;margin-top:2px}
.vd-st{color:#fff;border-radius:999px;padding:5px 11px;font-weight:700;font-size:12.5px;white-space:nowrap}
.vd-row .ibs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.vd-tx small b{display:inline;font-size:inherit;color:#161616}
.pf-na{font-weight:800;border:1.5px dashed #9aa0a6}.pf-na:hover{border-color:#F7A21B;background:#fff7e8}

/* 🔎 Buscador de clientes */
.cb-wrap{position:relative;display:flex;align-items:center;width:100%}
.cb-ic{position:absolute;left:11px;color:#9aa0a6;display:flex;pointer-events:none}.cb-ic svg{width:17px;height:17px}
.cb-in{width:100%;box-sizing:border-box;padding-left:36px!important;padding-right:34px!important}
.cb-wrap.has .cb-in{background:#fff7e8;border-color:#F7A21B!important;font-weight:700}
.cb-x{position:absolute;right:8px;border:0;background:#eee;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:15px;line-height:1;color:#555}
.cb-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.18);padding:5px;max-height:300px;overflow:auto;animation:pmIn .14s ease-out}
.cb-it{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;border-radius:9px;padding:7px 9px;font:14px inherit;cursor:pointer;color:#161616}
.cb-it.on,.cb-it:hover{background:#fff2d6}.cb-it b{color:#b45309}
.cb-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#F7A21B,#ff6b3d);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}
.cb-av.plus{background:linear-gradient(135deg,#22c55e,#0ea5e9);font-size:16px}.cb-new{color:#15803d;font-weight:700}

/* ✨ App visual: íconos con movimiento (estilo redes sociales) */
@keyframes icPop{0%{transform:scale(1)}40%{transform:scale(1.28) rotate(-8deg)}70%{transform:scale(.92) rotate(4deg)}100%{transform:scale(1)}}
@keyframes icDraw{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
@keyframes icFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes icBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(.96)}45%{transform:scale(1.1)}}
.cc-side nav a svg{transition:transform .2s}
.cc-side nav a:hover svg{animation:icPop .5s ease}
.cc-side nav a:hover svg path,.cc-side nav a:hover svg circle,.cc-side nav a:hover svg rect{stroke-dasharray:60;animation:icDraw .6s ease}
.cc-side nav a.on svg{animation:icBeat 2.4s ease-in-out infinite}
.ib:hover svg,.ib-btn:hover svg,.cc-btn:hover svg,.cq-btn:hover svg{animation:icPop .45s ease}
.cc-btn:active,.ib:active,.pm-btn:active,.pm-file:active,.cb-it:active{transform:scale(.94)}
.cc-btn,.ib,.pm-file{transition:transform .12s ease,filter .15s,box-shadow .15s}
.pm-file:hover,.cc-kpi:hover .kpi-ic,.kc-ic:hover{animation:icPop .45s ease}
.pm-file:hover{box-shadow:0 6px 14px rgba(0,0,0,.2)}
.cc-kpi [class*=ic],.kpi-ic{animation:icFloat 3.2s ease-in-out infinite}
.pm-chat:hover,.tw-chat:hover{animation:icPop .45s ease}
.cc-appbtn:hover svg,#bell:hover svg{animation:icBeat .8s ease}
@media (prefers-reduced-motion: reduce){.cc-side nav a.on svg,.cc-kpi [class*=ic],.kpi-ic,.pm-hg,.pm-avbtn{animation:none!important}}
.pm-vis{display:flex;gap:8px;align-items:flex-start;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:8px;font-weight:700;cursor:pointer}.pm-vis small{display:block;font-weight:400;color:#6b7078;font-size:11.5px}.pm-vis input{width:auto!important;margin-top:3px}
.pm-visf{display:flex;flex-direction:column;gap:6px}.pm-visf[hidden]{display:none}
.pm-file.k-qr{background:linear-gradient(160deg,#22c55e,#15803d)}

/* 🎓 DC-3 dentro de la App */
.d3-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.d3-tabs a{flex-shrink:0;text-decoration:none;color:#14532d;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:999px;padding:7px 13px;font-weight:700;font-size:13px;transition:transform .12s}
.d3-tabs a:hover{transform:translateY(-1px);border-color:#16a34a}.d3-tabs a.on{background:#16a34a;color:#fff;border-color:#16a34a;box-shadow:0 4px 12px rgba(22,163,74,.3)}
.d3-frame{position:relative;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden}
.d3-frame iframe{display:block;width:100%;height:80vh;border:0;background:transparent}
.d3-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#6b7078;font-weight:600;background:#fff}
.cc-spin{width:18px;height:18px;border:3px solid #bbf7d0;border-top-color:#16a34a;border-radius:50%;display:inline-block;animation:ccSpin .8s linear infinite}@keyframes ccSpin{to{transform:rotate(360deg)}}
.d3-btn{background:#16a34a!important;color:#fff!important;border:0;margin-left:6px}.cl-b.no{background:#fee2e2;color:#991b1b}
.cl-box.pm-btn{border:2px dashed #F7A21B!important;background:#fff7e8!important;font-size:15px;cursor:pointer;animation:icBeat 2.4s ease-in-out infinite}
/* Textos largos en 2 renglones (temas, oportunidades, tableros) */
.mb-name b,.pm-row>summary>.pm-t b,.tk-card b,.tc-card b,.cc-table td b{white-space:normal!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;word-break:break-word}
.mb-name small,.pm-row>summary>.pm-t small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mb-own{display:inline-block;margin-left:6px;background:#161616;color:#fff;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700;vertical-align:middle}
.mb-person span{display:flex;align-items:center;flex-wrap:wrap}
.pm-avs{display:inline-flex}.pm-avs .pm-av{margin-left:-8px}.pm-avs .pm-av:first-child{margin-left:0}
.mb-tasks td:has(.tw-st){min-width:150px}.tw-st{min-width:140px}.tw-st .mb-cell{min-width:100px;white-space:nowrap;position:relative;z-index:1}
.mb-tasks td:has([data-wk]){min-width:120px;padding-left:6px}
.mb-tasks{min-width:1250px}.mb-tasks th.st{width:170px}.mb-tasks th.wk{width:130px}.tw-st{min-width:0;overflow:hidden}.tw-st .mb-cell{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}

/* 🔒 Candado interactivo */
.lk-btn{cursor:pointer!important;border:2px solid #fcd34d!important;background:#fffbeb!important;transition:transform .15s}
.lk-btn:hover{animation:lkShake .5s ease}.lk-btn:active{transform:scale(.9)}
@keyframes lkShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
.lk-pop{text-align:center}.lk-ic{font-size:34px;animation:lkShake .7s ease .1s}.lk-tx{margin:4px 0 10px;color:#444;font-size:13px}
/* el candadito se mueve solo cada ratito */
@keyframes lkIdle{0%,70%,100%{transform:rotate(0) scale(1)}74%{transform:rotate(-16deg) scale(1.12)}78%{transform:rotate(14deg) scale(1.12)}82%{transform:rotate(-10deg)}86%{transform:rotate(7deg)}90%{transform:rotate(-3deg)}}
.cl-box.lock:not(.on),.lk-btn{display:inline-flex;align-items:center;justify-content:center;animation:lkIdle 2.8s ease-in-out infinite;transform-origin:50% 20%}
.cl-row:nth-child(2n) .cl-box.lock:not(.on){animation-delay:.6s}.cl-row:nth-child(3n) .cl-box.lock:not(.on){animation-delay:1.2s}
.lk-btn:hover{animation:lkShake .5s ease infinite}
@media (prefers-reduced-motion: reduce){.cl-box.lock,.lk-btn{animation:none!important}}

/* 🔒 clientes repetidos */
.dup-card{display:flex;gap:12px;align-items:center;background:#fff7e6;border:1px solid #f7c46b;border-radius:12px;padding:12px 14px;margin:8px 0}
.dup-card .lk-ico{font-size:26px}.dup-card small{display:block;color:#6b7280}
.dup-warn{margin-top:6px;font-size:13px;background:#fff7e6;border:1px solid #f7c46b;color:#7a4b00;border-radius:8px;padding:6px 10px}
.dup-warn a{font-weight:600}
.dup-grp{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;margin:10px 0}
.dup-key{font-size:13px;color:#6b7280;margin-bottom:6px}
.dup-row{display:flex;gap:10px;align-items:center;padding:6px 4px;border-top:1px dashed #eee;cursor:pointer}
.dup-row span{flex:1}.dup-row small{display:block;color:#6b7280}

/* ===== v2.49.1 · Nada se empalma: si no cabe, el texto/imagen baja a 2 renglones y la botonera se acomoda ===== */
.mb-table td{overflow:hidden;overflow:clip;overflow-clip-margin:6px}
.mb-table td>*,.mb-table .mb-plain,.mb-table .mb-plain.wide{max-width:100%;min-width:0;box-sizing:border-box}
.mb-cell{min-width:0!important;max-width:100%;box-sizing:border-box;white-space:normal!important;height:auto!important;min-height:38px;line-height:1.15;text-align:center;padding:4px 8px;overflow-wrap:break-word;word-break:normal;hyphens:auto;text-overflow:clip!important}
.mb-subrow .mb-cell{min-height:32px}
.mb-cell.empty{min-height:0}
.mb-plain{flex-wrap:wrap;height:auto}
.tw-st{flex-wrap:wrap;justify-content:center;row-gap:3px;overflow:visible!important}
.tw-st .mb-cell{flex:1 1 72px!important;min-width:72px!important}
.tw-st .pm-hg,.tw-st .pm-avbtn{flex:0 0 auto}
.mb-table td{height:auto;min-height:46px;padding-top:3px;padding-bottom:3px}
.cc-tools,.cc-row,.cc-mfoot,.mb-actions,.cc-head{flex-wrap:wrap;row-gap:6px}
.cc-btn{max-width:100%;white-space:normal;line-height:1.15;text-align:center}
.pm-row>summary>*{min-width:0;max-width:100%}
.pm-cell,.pm-cell.pm-btn{height:auto!important;min-height:38px!important;white-space:normal!important;line-height:1.15;text-align:center;overflow-wrap:break-word;text-overflow:clip!important;padding:4px 6px;box-sizing:border-box;max-width:100%}
.pm-stw{flex-wrap:wrap;justify-content:center;row-gap:3px}
.pm-stw .pm-cell{flex:1 1 72px!important;min-width:72px!important}

/* v2.50 · evidencia obligatoria + N/A + archivos dentro del tema */
.cl-b.na{background:#eef0f3;color:#475569;border:1px dashed #94a3b8}
.na-btn{background:#475569!important;color:#fff!important}
.pm-na{border-top:1px dashed #e5e7eb;padding-top:8px;margin-top:6px}
.pt-ev-o.na{max-width:150px}.pt-ev-o.na input{width:auto}
.pt-files{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;margin:10px 0}
.pt-files-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.pt-files-h small{background:#1E7FE0;color:#fff;border-radius:99px;padding:1px 8px;font-size:12px}
.pt-files-h .pt-up{margin-left:auto;background:#1E7FE0;color:#fff;border:0}
.pt-files-l{display:flex;flex-wrap:wrap;gap:6px 14px}

.pm-asg{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;padding:8px}
.asg-h{color:#6d28d9;font-size:13px}
.asg-or{text-align:center;color:#6b7280;font-size:12px;margin:8px 0 2px;position:relative}
.asg-or:before,.asg-or:after{content:"";position:absolute;top:50%;width:22%;border-top:1px dashed #d1d5db}.asg-or:before{left:0}.asg-or:after{right:0}
/* v2.51.2 · ventanitas: nunca se cortan (se desplazan) y la de asignar/subir va en 2 bloques a lo ancho */
.pm-pop{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.pm-pop.pm-wide{width:700px}
.ev2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.ev2-a .pm-asg{margin:0}
.ev2-b .asg-or{margin-top:0}
@media(max-width:740px){.ev2{grid-template-columns:1fr}.pm-pop.pm-wide{width:auto}}

.pop-sub{display:block;font-size:12px;font-weight:600;margin-top:4px}
.pop-sub.int{background:#fff7e6;color:#9a5b00;border:1px solid #f7c46b;border-radius:8px;padding:4px 8px}

/* v2.51.4 · avisos por encima de la barra de pestañas (sin raya blanca encima) */
.pt-brandtitle:has(.pt-bell[open]),.pt-brandtitle.bell-on{z-index:30;animation:none}
.pb-pop{z-index:60}
.pb-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pb-top small{white-space:nowrap}

/* v2.52 · ❓ por qué se asignó */
.wt-q{width:22px;height:22px;border-radius:50%;border:0;background:#8b5cf6;color:#fff;font-weight:900;font-size:13px;line-height:22px;cursor:pointer;flex:0 0 auto;padding:0;box-shadow:0 0 0 0 rgba(139,92,246,.5);animation:wqPulse 2.4s infinite}
.wt-q:hover{background:#6d28d9;animation:none}
@keyframes wqPulse{0%{box-shadow:0 0 0 0 rgba(139,92,246,.45)}70%{box-shadow:0 0 0 7px rgba(139,92,246,0)}100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}}
.pm-row summary .wt-q{margin-left:-2px}
.wy-it{border:1px solid #ede9fe;background:#faf8ff;border-radius:10px;padding:8px 10px;margin:6px 0}
.wy-h{font-size:13px;color:#4c1d95;margin-bottom:4px}
.wy-m{border-left:3px solid #8b5cf6;padding:3px 8px;margin:5px 0;background:#fff;border-radius:0 8px 8px 0}
.wy-m small{color:#6b7280;font-size:11px}.wy-m p{margin:2px 0 0;font-size:13px;color:#161616;white-space:pre-wrap}
.wy-m.k-imprimir{border-color:#f59e0b}.wy-m.k-subir{border-color:#1E7FE0}.wy-m.k-dc3{border-color:#16a34a}.wy-m.k-msg{border-color:#94a3b8}
.wy-none{margin:2px 0;font-size:13px;color:#6b7280}
.cl-why{flex:1 1 220px;min-width:180px}

/* v2.53 · «Instalar en el celular» pequeño al pie */
.cc-foot{text-align:center;padding:18px 12px 70px;font-size:12px}
.cc-foot a{color:#8a8f98;text-decoration:none;border-bottom:1px dashed #c9ccd1}.cc-foot a:hover{color:#d97706;border-color:#d97706}

/* 🎉 aviso de tema cerrado y autorizado */
.ch-ov{position:fixed;inset:0;z-index:2147482000;background:rgba(15,15,20,.45);display:grid;place-items:center;padding:16px;animation:chIn .25s ease-out}
@keyframes chIn{from{opacity:0}to{opacity:1}}
.ch-box{background:#fff;border-radius:20px;max-width:420px;width:100%;padding:22px 22px 18px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.35);border-top:6px solid #F7A21B;animation:chPop .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes chPop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
.ch-ic{font-size:52px;line-height:1;animation:chBounce 1s ease-in-out infinite}
@keyframes chBounce{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}
.ch-box h3{margin:8px 0 10px;font-size:22px}
.ch-box ul{list-style:none;margin:0 0 14px;padding:0;text-align:left;max-height:40vh;overflow:auto}
.ch-box li{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:8px 10px;margin:6px 0}
.ch-box li a{color:inherit;text-decoration:none}.ch-box li small{display:block;color:#15803d;font-weight:600;margin-top:2px}

.va-list{display:flex;flex-wrap:wrap;gap:10px}
.va-u{display:flex;align-items:center;gap:8px;border:1px solid #ddd6fe;background:#faf8ff;border-radius:999px;padding:5px 14px 5px 5px;cursor:pointer;font:inherit;font-weight:600;color:#4c1d95;transition:transform .15s,box-shadow .15s}
.va-u:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(139,92,246,.25)}
.ha-tabs{margin:0}.ha-tabs button small{opacity:.7}

/* 💬 conversación del tema (chat) */
.chat-ico{width:24px;height:22px;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));transition:transform .2s}
.pm-chat,.tw-chat{position:relative}.pm-chat:hover .chat-ico,.tw-chat:hover .chat-ico{transform:scale(1.15) rotate(-4deg)}
.chat-n{position:absolute;top:-6px;right:-6px;background:#1E7FE0;color:#fff;font-style:normal;font-size:10px;font-weight:800;border-radius:9px;padding:0 5px;line-height:16px;border:2px solid #fff}
.ch-wrap{display:flex;flex-direction:column;height:min(65vh,560px)}
.ch-msgs{flex:1;overflow-y:auto;background:linear-gradient(#f7f8fb,#eef1f6);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.pm-chatpop{width:380px}.pm-chatpop .ch-msgs{max-height:50vh;min-height:120px}
.ch-row{display:flex;gap:8px;align-items:flex-end;max-width:85%}.ch-row.me{align-self:flex-end;flex-direction:row-reverse}
.ch-b{background:#fff;border-radius:14px 14px 14px 4px;padding:7px 11px;box-shadow:0 1px 2px rgba(0,0,0,.08);font-size:13px}
.ch-row.me .ch-b{background:#dbeafe;border-radius:14px 14px 4px 14px}
.ch-b b{display:block;font-size:11px;color:#5b6cf0}.ch-row.me .ch-b b{color:#1d4ed8}
.ch-b p{margin:2px 0;white-space:pre-wrap;word-break:break-word}.ch-b small{display:block;text-align:right;color:#94a3b8;font-size:10px}.ch-b a{font-size:12px}
.ch-sys{align-self:center;font-size:11px;color:#64748b;background:#fff8e6;border:1px solid #fde7b0;border-radius:10px;padding:3px 10px;max-width:92%;text-align:center}
.ch-day{align-self:center;font-size:11px;font-weight:700;color:#64748b;background:#e2e8f0;border-radius:99px;padding:1px 10px;margin:4px 0}
.ch-empty{text-align:center;color:#64748b;margin:auto}
.ch-send{display:flex;gap:8px;margin-top:8px;align-items:flex-end}.ch-send textarea{flex:1;resize:none;border-radius:18px;padding:9px 14px;min-height:40px}.ch-send .cc-btn{border-radius:50%;width:42px;height:42px;padding:0}
.chl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.chl-it{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px;cursor:pointer;font:inherit}
.chl-it:hover{border-color:#5b6cf0;box-shadow:0 6px 16px rgba(91,108,240,.15)}
.chl-ic{position:relative}.chl-ic .chat-ico{width:34px;height:30px}
.chl-t b{display:block;font-size:13px}.chl-t small{display:block;color:#6b7280;font-size:11px}.chl-t em{display:block;font-style:normal;font-size:12px;color:#334155;margin-top:3px}

/* 📅 calendario de la columna Semana */
.cal-pop{width:270px;padding:10px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.22);border:1px solid #e5e7eb;z-index:9500}
.cp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cp-h b{text-transform:capitalize}.cp-h button{border:0;background:#f1f5f9;border-radius:8px;width:30px;height:28px;cursor:pointer;font-size:16px}
.cp-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.cp-g i{font-style:normal;font-size:11px;color:#94a3b8;font-weight:700}
.cp-d{border:0;background:none;height:32px;border-radius:50%;cursor:pointer;font:inherit;font-size:13px;position:relative}
.cp-d:hover:not(:disabled){background:#eef2ff}.cp-d:disabled{color:#cbd5e1;cursor:default}
.cp-d.tod{font-weight:800;color:#1E7FE0}
.cp-d.lim{box-shadow:inset 0 0 0 2px #fca5a5}
.cp-d.due{background:#e2445c;color:#fff;font-weight:800}
.cp-d.due::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid #e2445c;animation:cpBlink 1s ease-in-out infinite}
@keyframes cpBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(1.18)}}
.cp-f{margin-top:8px;display:flex;flex-direction:column;gap:2px;font-size:12px}.cp-f small{color:#94a3b8}
.cp-leg{display:flex;align-items:center;gap:6px}.cp-leg i{width:10px;height:10px;border-radius:50%;display:inline-block}.cp-leg i.due{background:#e2445c}.cp-leg i.lim{box-shadow:inset 0 0 0 2px #fca5a5}
.cal-pop{display:block;gap:0}
.cal-pop button{color:#161616;padding:0;display:inline-flex;align-items:center;justify-content:center;font-weight:500}
.cal-pop .cp-d:disabled{color:#cbd5e1}.cal-pop .cp-d.due{color:#fff;font-weight:800}.cal-pop .cp-d.tod{color:#1E7FE0;font-weight:800}
.cal-pop .cp-h button{font-weight:700}

/* 🔗 cliente y oportunidad del tema */
.tk-deal-r{display:flex;gap:8px;flex-wrap:wrap}.tk-deal-r select{flex:1;min-width:220px}
.tk-deal.miss select{border-color:#f59e0b;background:#fffbeb}
body.not-admin #nOp,body.not-admin a[href^="#nuevo"]{display:none!important}
.pt-link{border:2px dashed #f59e0b;background:#fffbeb;border-radius:12px;padding:10px 12px;margin:8px 0;font-size:13px}
.pt-link form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.pt-link select,.pt-link input{min-height:36px;flex:1;min-width:180px}

.lg-row.go{cursor:pointer;border-radius:10px;transition:background .15s}.lg-row.go:hover{background:#fff7e6}
.lg-go{font-size:12px;font-weight:700;color:#d97706;margin-left:6px;opacity:0;transition:opacity .15s}.lg-row.go:hover .lg-go{opacity:1}
@media(hover:none){.lg-go{opacity:1}}
.pt-linked{font-size:13px;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:6px 10px;margin:8px 0}

/* 🗑 borrar archivos */
.fl-row{display:inline-flex;align-items:center;gap:2px;margin:2px 8px 2px 0}
.fl-del{border:0;background:#fee2e2;color:#b91c1c;border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:13px;opacity:.55;transition:opacity .15s,transform .15s}
.fl-row:hover .fl-del,.fl-del:focus{opacity:1}.fl-del:hover{transform:scale(1.1)}
@media(hover:none){.fl-del{opacity:1}}
/* 👤 panel del cliente */
.cli-ico{width:38px;height:38px;flex:0 0 auto;filter:drop-shadow(0 4px 8px rgba(99,102,241,.35));animation:cliFloat 3s ease-in-out infinite}
@keyframes cliFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.cp-box{border:1px solid #e0e7ff;background:linear-gradient(135deg,#f5f7ff,#faf5ff);border-radius:16px;padding:12px 14px;margin:10px 0}
.cp-h{display:flex;gap:10px;align-items:center;margin-bottom:8px}.cp-h b{display:block;font-size:15px}.cp-h small{color:#6b7280;font-size:12px}
.cp-off{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
div.cp-body{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center}
.cp-code{background:#fff;border:2px dashed #a5b4fc;border-radius:12px;padding:8px 12px;text-align:center}
.cp-code small,.cp-link small{display:block;font-size:11px;color:#6b7280}.cp-code b{display:block;font-size:24px;letter-spacing:4px;color:#4338ca;font-family:ui-monospace,monospace}
.cp-ca{display:flex;gap:4px;justify-content:center;margin-top:4px}
.cp-link a{font-weight:700;color:#4f46e5;word-break:break-all}
.cp-send{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cc-btn.wa{background:#25D366;color:#fff;border:0}
.cp-x{margin-left:auto;border:0;background:none;cursor:pointer;opacity:.5}.cp-x:hover{opacity:1}
@media(max-width:600px){div.cp-body{grid-template-columns:1fr}}
.fl-df{display:inline;margin:0}.cp-ed summary{list-style:none;cursor:pointer;font-size:12px;color:#4f46e5;margin-top:4px}.cp-ed form{display:flex;gap:4px;margin-top:4px}.cp-ed input{width:110px;min-height:30px}
.cp-box .cp-h>div{flex:1;text-align:left}.cp-box .cp-h b{font-size:15px;text-transform:none;letter-spacing:0;color:#1e1b4b}
.cp-box small{text-transform:none!important;letter-spacing:0!important;font-weight:500}
.cp-box .cp-body{background:transparent!important;padding:0!important;border:0!important}
.cp-box .cp-link,.cp-box .cp-code{text-align:left}.cp-box .cp-code{text-align:center}
.cp-box .cp-link small{text-transform:none}
.cb-sub{display:block;font-size:11px;color:#6b7280;font-weight:400}
.pt-csearch{width:100%;min-height:38px;margin-bottom:6px;border-radius:10px;border:1px solid #f7c46b;padding:6px 10px;background:#fffbeb}
/* 🏢 panel del cliente (página pública) */
.cpl{max-width:860px;margin:0 auto}
.cpl-login{max-width:420px;margin:30px auto;text-align:center}.cpl-login .cli-ico{width:64px;height:64px}.cpl-login input{width:100%;font-size:20px;margin:10px 0}
.cpl-head{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #e0e7ff;border-radius:18px;padding:16px 18px;margin:8px 0 14px}
.cpl-head .cli-ico{width:56px;height:56px}.cpl-head small{color:#6366f1;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.cpl-head h1{margin:2px 0;font-size:22px}.cpl-head span{color:#6b7280;font-size:13px}
.cpl-out{margin-left:auto;font-size:13px;color:#6b7280}
.cpl-sec h2{font-size:16px;display:flex;align-items:center;gap:8px;margin:0 0 10px}.cpl-sec h2 small{background:#1E7FE0;color:#fff;border-radius:99px;padding:1px 9px;font-size:12px}
.cpl-it{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid #eef0f3;border-radius:12px;margin:6px 0;color:inherit;text-decoration:none;background:#fff;transition:transform .15s,box-shadow .15s}
a.cpl-it:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.cpl-ico{font-size:22px}.cpl-t{flex:1;min-width:0}.cpl-t b{display:block}.cpl-t small{display:block;color:#6b7280;font-size:12px}
.cpl-b{background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.cpl-pg{display:block;height:6px;background:#eef0f3;border-radius:6px;margin-top:6px;overflow:hidden}.cpl-pg i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#6366f1)}
@media(max-width:600px){.cpl-it{flex-wrap:wrap}.cpl-b{margin-left:34px}}
.tk-deal-ro{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;font-weight:600}

/* 👁 tema visible para el cliente */
.pt-cview{border:1px dashed #a5b4fc;background:#f5f7ff;border-radius:12px;padding:8px 12px;margin:8px 0;font-size:13px}.pt-cview.on{border-style:solid;background:#eef2ff}
.pt-cview label{display:flex;gap:8px;align-items:center;cursor:pointer;flex-wrap:wrap}.pt-cview small{color:#6b7280}
/* 🎛️ pestañas del consultor con íconos animados */
.pt-tabs a{display:inline-flex;align-items:center;gap:7px}
.tb-ic{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;position:relative;font-size:17px}
.tb-alert{animation:tbBuzz 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes tbBuzz{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-14deg) scale(1.08)}10%,20%,30%{transform:rotate(14deg) scale(1.08)}}
.tb-save b,.tb-save em{position:absolute;font-style:normal;font-weight:400}
.tb-save em{font-size:17px}.tb-save b{font-size:12px;animation:tbSave 2.4s ease-in infinite}
@keyframes tbSave{0%{transform:translateY(-12px);opacity:0}25%{opacity:1}55%,100%{transform:translateY(3px) scale(.6);opacity:0}}
.tb-hand{animation:tbWave 2.2s ease-in-out infinite;transform-origin:70% 80%}
@keyframes tbWave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-8deg)}}
.tb-cal b{position:absolute;font-weight:400;opacity:0;animation:tbCal 4.5s infinite}
.tb-cal .tb-c2{animation-delay:1.5s}.tb-cal .tb-c3{animation-delay:3s}
@keyframes tbCal{0%{opacity:0;transform:rotateX(90deg)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:rotateX(-90deg)}}
@media(prefers-reduced-motion:reduce){.tb-ic,.tb-ic *{animation:none!important;opacity:1}.tb-cal .tb-c2,.tb-cal .tb-c3,.tb-save b{display:none}}

/* 📌 asignados a mí */
.as-list{display:flex;flex-direction:column;gap:8px}
.as-it{display:flex;gap:12px;align-items:flex-start;border:1px solid #ede9fe;background:#faf8ff;border-radius:14px;padding:10px 12px}
.as-it.late{border-color:#fecaca;background:#fff5f5}
.as-who{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}.as-who small{font-size:11px;color:#6b7280}
.as-b{flex:1;min-width:0}.as-b b{display:block;font-size:15px}.as-b small{color:#6b7280;font-size:12px}
.as-why{margin:4px 0 0;font-size:13px}.as-why i{color:#6b7280;font-style:normal;font-size:12px}
.as-due{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;color:#7c3aed}.as-due.late{color:#dc2626}.as-due.soon{color:#ea580c}
.as-act{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.as-n{background:#8b5cf6;color:#fff;border-radius:99px;padding:1px 9px;font-size:13px;font-weight:800}
.as-pin{display:inline-block;animation:asPin 1.8s ease-in-out infinite}@keyframes asPin{0%,100%{transform:rotate(0)}20%{transform:rotate(-18deg) translateY(-2px)}40%{transform:rotate(10deg)}}
.as-empty{text-align:center;padding:18px;color:#16a34a;font-weight:700}
@media(max-width:640px){.as-it{flex-wrap:wrap}.as-act{flex-direction:row;width:100%;justify-content:flex-end}}

/* 🦺 temas ligados a la oportunidad / cliente */
.ts-card{background:#fff;border:1px solid #e5e7eb;border-left:5px solid #0ea5a4;border-radius:14px;padding:10px 14px;margin:12px 0}
.ts-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ts-n{font-size:12px;color:#6b7280}
.ts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:8px}
.ts-it{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #eef0f3;background:#f8fafc;border-radius:12px;padding:8px 10px;cursor:pointer;font:inherit}
.ts-it:hover{border-color:#0ea5a4;box-shadow:0 6px 14px rgba(14,165,164,.15)}.ts-it.done{opacity:.6}
.ts-t{flex:1;min-width:0}.ts-t b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-t small{display:block;font-size:11px;color:#6b7280}
.ts-pg{display:block;height:5px;background:#e5e7eb;border-radius:5px;margin-top:4px;overflow:hidden}.ts-pg i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#0ea5a4)}
.ts-st{color:#fff;font-size:11px;font-weight:700;border-radius:8px;padding:4px 8px;white-space:nowrap}
.ts-in .ts-card{border:0;border-left:0;padding:0 14px;margin:8px 0}.ts-in .ts-h b{display:none}.act-h{font-weight:700;font-size:13px;color:#6b7280;padding:8px 16px 0}
.cl-b.req{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.cl-b.req.today{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.cl-b.req.late{background:#fee2e2;color:#b91c1c;border-color:#fecaca;animation:tbBuzz 2s infinite}
.drv-ico{width:100%;height:100%}
.pm-file.k-drive{background:#fff!important;padding:5px;box-shadow:inset 0 0 0 1px #e5e7eb}
input.drv,input[type=url][placeholder*="Drive"],input[name=evidence],input[name=ev_link]{background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0MiIgYXJpYS1oaWRkZW49InRydWUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZHZHIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjN2NjOGZmIi8+PHN0b3Agb2Zmc2V0PSIuMzUiIHN0b3AtY29sb3I9IiMxM2I4NWYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZHZCIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIuNTUiIHN0b3AtY29sb3I9IiMzNDg2ZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNhOWE2ZmYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZHZZIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZjYzAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZlOTJhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTE2IDQuNkMxNy42IDEuOCAyMC42IDAgMjQgMHM2LjQgMS44IDggNC42TDM1LjYgMTEgMzAuOCAxOS40SDcuNnoiIGZpbGw9InVybCgjZHZHKSIvPjxwYXRoIGQ9Ik03LjYgMTkuNGg5LjZMMjguOCAzOS42SDEyLjRDNS42IDM5LjYgMS4zIDMyLjIgNC43IDI2LjN6IiBmaWxsPSJ1cmwoI2R2QikiLz48cGF0aCBkPSJNMzUuNiAxMWw3LjcgMTUuM2MzLjQgNS45LS45IDEzLjMtNy43IDEzLjNIMjguOEwyNCAzMS4yeiIgZmlsbD0idXJsKCNkdlkpIi8+PC9zdmc+')!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:20px 18px!important;padding-left:38px!important}
.drv-l{display:inline-flex;align-items:center;gap:6px}.drv-l .drv-ico{width:20px;height:18px}

/* ✅ cerrar tema desde la tarjeta */
.ts-it .ts-cl{margin-left:6px;padding:5px 10px;border-radius:999px;background:#e8f8ef;color:#0f8a4a;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer;border:1px solid #bfe9d0}
.ts-it .ts-cl:hover{background:#0f8a4a;color:#fff}
.pt-next textarea{border-color:#f5c26b;background:#fffaf0}

/* 🔁 oportunidad parecida */
.dd-list{display:grid;gap:8px;margin:10px 0}
.dd-it{text-decoration:none;color:inherit;align-items:center}
.dd-it:hover{border-color:#f5a623}
.dd-it .dd-op{margin-left:auto;font-weight:700;color:#b7791f;white-space:nowrap}

/* 🔁 temas parecidos / unir */
.dd-it .dd-acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mg-it{cursor:pointer;align-items:center}
.mg-it input{width:20px;height:20px;flex:0 0 auto;accent-color:#f5a623}
.sim-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff7e6;border:1px solid #f5c26b;border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:14px}
.sim-bar span{flex:1 1 220px}
@media(max-width:640px){.dd-it{flex-wrap:wrap}.dd-it .dd-acts{width:100%;justify-content:flex-start}}

/* 🗑 borrar mensajes (administrador) */
.ch-row,.ch-sys{position:relative}
.ch-del{border:0;background:#fff;border-radius:8px;padding:2px 6px;font-size:13px;cursor:pointer;opacity:.35;align-self:center;margin-left:6px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ch-row:hover .ch-del,.ch-sys:hover .ch-del,.ch-del:focus{opacity:1}
@media(hover:none){.ch-del{opacity:.8}}
.ch-adm{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 2px 0;color:#6b7078}
.ch-adm .cc-link.red{color:#e2445c;font-weight:700}

/* ⏳ días que faltan (sombreados) + día de entrega parpadeando tipo alerta */
.mc-g span.left,.cal-pop .cp-d.left{background:repeating-linear-gradient(135deg,#ffe8c2 0 6px,#fff3dc 6px 12px);color:#8a4b00;font-weight:700}
.mc-g span.on.blink,.cal-pop .cp-d.due.blink{animation:ccDueBlink 1s ease-in-out infinite;position:relative}
.mc-g span.on.late,.cal-pop .cp-d.due:not(.blink){background:#e2445c!important;color:#fff!important}
@keyframes ccDueBlink{0%,100%{background:#F7A21B;color:#161616;box-shadow:0 0 0 0 rgba(226,68,92,.7)}50%{background:#e2445c;color:#fff;box-shadow:0 0 0 6px rgba(226,68,92,0)}}
.cd-note{margin:8px 0 4px;padding:6px 9px;border-radius:9px;background:#fff7e6;border:1px solid #f5c26b;color:#7a4a00;font-size:12px;line-height:1.35}
.cd-note.soon{background:#fff0f0;border-color:#f3a3ae;color:#a3162b}
.cd-note.hoy{background:#e2445c;border-color:#e2445c;color:#fff;font-weight:700;animation:ccHoy 1.2s ease-in-out infinite}
.cd-note.late{background:#fde8eb;border-color:#e2445c;color:#a3162b;font-weight:700}
@keyframes ccHoy{50%{opacity:.75}}
@media (prefers-reduced-motion:reduce){.mc-g span.on.blink,.cal-pop .cp-d.due.blink,.cd-note.hoy{animation:none;background:#e2445c;color:#fff}}

/* 📌 tema compartido por un check que te pasaron (mismo folio) */
.dl-tag{display:block;margin:3px 0 2px;padding:3px 8px;border-radius:8px;background:#efe7ff;color:#5b21b6;font-size:12px;font-weight:700;width:fit-content;max-width:100%}

/* 💸 comisión en ganancia por oportunidad */
.fin-comm{border:1px dashed #d6d9de;background:#fff;border-radius:10px;padding:4px 8px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:flex-end;min-width:86px;font:inherit}
.fin-comm span{color:#b7791f;font-weight:700;font-size:13px}
.fin-comm.on{border-style:solid;border-color:#f3c4cb;background:#fff5f6}.fin-comm.on b{color:#dc2626}
.fin-comm small{color:#6b7078;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 💸 control privado de comisiones */
.cm-tot{font-size:13px;color:#6b7078}.cm-tot b{color:#161616}
.cm-chk{width:26px;height:26px;border-radius:8px;border:2px solid #cbd5e1;background:#fff;cursor:pointer;font-weight:900;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.cm-chk.on{background:#16a34a;border-color:#16a34a}
.cm-card tr.cm-ok td{opacity:.75}
.gk-sales{flex-wrap:wrap}.gk-sales .gk-h{flex:1 0 100%;font-weight:800;font-size:14px;color:#6b7078;margin-bottom:-4px}
.gk.okc b{color:#15803d}

/* 💲 cerrado pero pendiente de pago (solo administrador) */
.pay-pend{display:inline-flex;align-items:center;gap:6px;margin-top:6px;border:0;background:#fff7e6;border:2px solid #f59e0b;color:#92400e;border-radius:999px;padding:3px 10px 3px 4px;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap}
.pay-pend i,.pay-big{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#16a34a;color:#fff;font-size:20px;font-weight:900;animation:payBlink 1s ease-in-out infinite}
.pay-big{width:34px;height:34px;margin-right:4px}
.pay-pend.sm{padding:0;border:0;background:none;margin:0}
@keyframes payBlink{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(22,163,74,.6);background:#16a34a}50%{transform:scale(1.15);box-shadow:0 0 0 8px rgba(22,163,74,0);background:#f59e0b}}
@media (prefers-reduced-motion:reduce){.pay-pend i,.pay-big{animation:none}}
.pp-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px dashed #e5e7eb;flex-wrap:wrap}
.pp-t{flex:1 1 240px;display:flex;flex-direction:column}.pp-t small{color:#6b7078}
.pp-m{font-weight:800}
.cm-nc{display:block;color:#b45309;font-size:11px}

/* 🧾 estatus de factura clicable */
.ist-btn{border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:3px}
.ist-btn i{font-style:normal;font-size:10px;color:#6b7078}
.ist-btn:hover .cc-pill{filter:brightness(.95);outline:2px solid rgba(0,0,0,.08)}

/* 💰 módulo de dinero en 3 pasos */
.mon-tabs{display:flex;align-items:stretch;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.mon-tabs a{flex:1 1 200px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;border:2px solid #e5e7eb;text-decoration:none;color:#161616}
.mon-tabs a b{width:28px;height:28px;border-radius:50%;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.mon-tabs a span{display:flex;flex-direction:column;font-weight:800}.mon-tabs a small{font-weight:500;color:#6b7078;font-size:12px}
.mon-tabs a.on{border-color:#F7A21B;background:#fff7e6}.mon-tabs a.on b{background:#F7A21B;color:#161616}
.mon-arr{align-self:center;color:#c0c4ca;font-weight:900;font-size:20px}
@media(max-width:700px){.mon-arr{display:none}}
[data-part][hidden]{display:none!important}

/* ✏️ celdas de factura editables */
.if-ed{border:1px dashed transparent;background:none;padding:3px 6px;border-radius:8px;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:4px;text-align:left}
.if-ed:hover{border-color:#cbd5e1;background:#f8fafc}
.if-ed i{font-style:normal;font-size:10px;color:#94a3b8}
.cm-chip.on{border-color:#f3c4cb;background:#fff5f6;color:#b91c1c}

/* ==========================================================================
   🧊 Íconos 3D animados (assets/i3d)
   ========================================================================== */
.i3{display:inline-block;vertical-align:middle;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(27,36,51,.18));transition:transform .25s cubic-bezier(.2,1.6,.4,1)}
/* menú lateral */
.cc-side nav a .i3-nav{width:26px;height:26px;margin:-3px 0}
.cc-bell .i3,.pt-bell summary .i3{width:30px;height:30px}
/* indicadores */
.tk-ic.tk-i3{background:none!important;width:52px;height:52px;display:grid;place-items:center;box-shadow:none!important}
.tk-ic.tk-i3 .i3{width:46px;height:46px}
.pt-summary>div .i3{display:block;margin:0 auto 4px;width:40px;height:40px}
.pt-tabs a .i3{width:24px;height:24px;margin-right:2px}
.mon-tabs a .i3{width:40px;height:40px}
.cc-btn.xl .i3{width:32px;height:32px;margin:-6px 0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.pay-pend .i3{width:30px;height:30px}
.cc-ch h2 .i3{width:36px;height:36px;margin:-6px 6px -6px 0}
.pp-row>.i3{width:36px;height:36px}
.ch-ic.ch-i3{font-size:0;background:none!important;width:auto;height:auto}
.i3-pop{animation:i3pop .7s cubic-bezier(.2,1.5,.4,1) both}

/* 👋 quietos; cada uno hace su gesto al pasar el mouse o al tocarlo */
.i3{transform-origin:50% 85%}
:is(a,button,.tk-kpi,.pt-summary>div,.cc-ch,.pp-row):hover .i3,.i3:hover,.i3.i3-go{animation:i3hop .7s cubic-bezier(.3,1.6,.5,1)}
:is(a,button,.tk-kpi,.pt-summary>div):hover :is(.i3-highfive,.i3-fistbump,.i3-stop,.i3-deal,.i3-contract,.i3-home,.i3-cash,.i3-moneybag,.i3-coinbag,.i3-wallet),
:is(.i3-highfive,.i3-fistbump,.i3-stop,.i3-deal,.i3-contract,.i3-home,.i3-cash,.i3-moneybag,.i3-coinbag,.i3-wallet):is(:hover,.i3-go){animation:i3wave .9s ease-in-out}
:is(a,button,.tk-kpi,.pt-summary>div):hover :is(.i3-search,.i3-chartsearch,.i3-analyst),:is(.i3-search,.i3-chartsearch,.i3-analyst):is(:hover,.i3-go){animation:i3scan 1s ease-in-out}
:is(a,button,.tk-kpi,.pt-summary>div):hover .i3-gears,.i3-gears:is(:hover,.i3-go){animation:i3spin .9s cubic-bezier(.4,0,.2,1)}
:is(a,button,.tk-kpi,.pt-summary>div,.cc-bell,summary):hover :is(.i3-bell,.i3-calbell),:is(.i3-bell,.i3-calbell):is(:hover,.i3-go){animation:i3ring 1s ease-in-out;transform-origin:50% 15%}
:is(a,button,.tk-kpi,.pt-summary>div):hover .i3-hourglass,.i3-hourglass:is(:hover,.i3-go){animation:i3flip 1s ease-in-out}
:is(a,button,.tk-kpi,.pt-summary>div):hover .i3-siren,.i3-siren:is(:hover,.i3-go){animation:i3siren .9s ease-in-out}
:is(a,button,.tk-kpi,.pt-summary>div):hover .i3-send,.i3-send:is(:hover,.i3-go){animation:i3fly .9s ease-in-out}
@keyframes i3hop{0%,100%{transform:none}35%{transform:translateY(-5px) scale(1.1) rotate(-5deg)}65%{transform:translateY(0) scale(.97)}}
@keyframes i3wave{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-9deg)}80%{transform:rotate(5deg)}}
@keyframes i3scan{0%,100%{transform:translate(0,0)}25%{transform:translate(4px,-3px) rotate(4deg)}50%{transform:translate(0,-5px)}75%{transform:translate(-4px,-2px) rotate(-4deg)}}
@keyframes i3spin{from{transform:rotate(0)}to{transform:rotate(180deg)}}
@keyframes i3ring{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}75%{transform:rotate(3deg)}}
@keyframes i3flip{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}
@keyframes i3siren{0%,100%{filter:drop-shadow(0 3px 4px rgba(27,36,51,.18))}30%,70%{filter:drop-shadow(0 0 12px rgba(239,29,29,.9))}50%{filter:drop-shadow(0 0 4px rgba(239,29,29,.5))}}
@keyframes i3fly{0%,100%{transform:none}45%{transform:translate(8px,-8px) rotate(-6deg);opacity:.2}50%{transform:translate(-8px,8px);opacity:0}70%{transform:translate(-2px,2px);opacity:1}}
@keyframes i3pop{from{transform:scale(.3) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.i3,.i3-pop,.i3-go{animation:none!important}}
/* excepción pedida: el $ de «pendiente de pago» sí parpadea para llamar la atención */
.i3-pulse{animation:i3pulse 1.3s ease-in-out infinite!important}
@keyframes i3pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* 🎓 DC-3 nativo (Inicio y Cursos) */
.d3-q{display:flex;gap:10px;flex-wrap:wrap}.d3-q input{flex:1 1 260px}
.d3-list{display:flex;flex-direction:column;gap:8px}
.d3-li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg,#f3f4f6);flex-wrap:wrap}
.d3-li>a:first-child{flex:1 1 240px;display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.d3-li>a:first-child small{color:var(--muted,#6b7078)}.d3-li .red{color:#d63b3b;font-weight:600}
.d3-est{min-width:150px;border:0;color:#fff;font-weight:700;border-radius:999px;padding:6px 12px;cursor:pointer}
.d3-tbl td{vertical-align:middle}.d3-tbl .nowrap{white-space:nowrap}
.d3-cli{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#fff6e6;color:#8a5200;text-decoration:none;font-weight:700;font-size:12.5px;border:1px solid #f5c26b}
.d3-cli:hover{background:#ffe9c2}
.d3-bars{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px;margin-top:10px}
.d3-bar{display:grid;grid-template-columns:110px 1fr 34px;align-items:center;gap:8px;font-size:13px}
.d3-bar i{height:10px;border-radius:99px;background:linear-gradient(90deg,#ffc04d,#f39a0f);width:var(--w);box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.d3-back{margin:0 0 10px}.d3-classic{text-align:center;margin:6px 0 20px}
.d3-li{box-shadow:inset 2px 2px 5px rgba(195,201,211,.6),inset -2px -2px 5px #fff}
.d3-tbl td:nth-child(2){min-width:200px}.d3-tbl td:nth-child(2) b{display:block}
.d3-li .d3-est,.d3-tbl .d3-est{width:auto!important;flex:0 0 auto;min-width:150px;white-space:nowrap}
.d3-cli{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.d3-emite{display:inline-flex;gap:4px;flex-wrap:wrap;vertical-align:middle;margin-left:4px}.d3-emite .cc-pill{font-size:10.5px;padding:1px 7px}
.d3-tbl .d3-est{min-width:0!important;padding:6px 10px}

/* 🔑 acceso: contraseña o palabra clave */
.lg-mode{display:flex;gap:6px;justify-content:center;margin:2px 0 4px}
.lg-mode label{cursor:pointer}.lg-mode input{position:absolute;opacity:0;pointer-events:none}
.lg-mode span{display:inline-block;padding:7px 14px;border-radius:999px;font-size:13px;color:var(--muted);border:1px solid var(--line)}
.lg-mode input:checked+span{background:#fff1d6;color:#7a4a00;border-color:#f5c26b;font-weight:700}
.lg-mode input:focus-visible+span{outline:2px solid #f39a0f}
/* 🔔 avisos emergentes */
.cpush-card{position:fixed;right:16px;bottom:16px;z-index:9999;max-width:min(420px,calc(100vw - 32px));display:grid;grid-template-columns:46px 1fr;gap:10px 12px;align-items:center;background:#fff;border-radius:20px;padding:14px 16px;box-shadow:0 12px 34px rgba(20,24,32,.18);border:1px solid #f5d6a0;font-size:14px;animation:cpushIn .35s ease}
.cpush-card img{border-radius:12px}.cpush-card b{display:block;font-size:15px}.cpush-card small{display:block;color:#5b5f66;line-height:1.35;margin-top:2px}
.cpush-card button{border:0;border-radius:999px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
.cpush-card .cp-yes{grid-column:1/-1;background:linear-gradient(145deg,#ffc04d,#f39a0f);color:#161616}
.cpush-card .cp-no{grid-column:1/-1;background:transparent;color:#7b818a;padding:4px;font-weight:500}
.cpush-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10000;background:#1d1f23;color:#fff;padding:11px 18px;border-radius:999px;font-size:14px;max-width:calc(100vw - 32px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
@keyframes cpushIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:600px){.cpush-card{left:12px;right:12px;bottom:12px;max-width:none}}
/* ✉️ sobre 3D y avatar del menú */
.vd-mail{padding:2px 8px!important;line-height:0}.vd-mail .i3{display:block}
.cc-me .cc-me-av{margin:0;color:inherit;font-size:inherit;display:inline-flex;flex:0 0 auto}
.cc-me .cc-me-av .mb-av{width:52px!important;height:52px!important;font-size:17px;box-shadow:0 0 0 3px #fff3dc,0 3px 10px rgba(0,0,0,.15)}
.mb-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 🧩 organizar pantallas (Temas / Consultores) */
.lx-grid{display:flex;flex-wrap:wrap;gap:0 16px;align-items:flex-start}
.lx-mod{flex:1 1 100%;min-width:0;position:relative}
.lx-mod.lx-half{flex:1 1 calc(50% - 8px);max-width:calc(50% - 8px)}
.lx-mod.lx-off{display:none}
.lx-editing .lx-mod{outline:2px dashed #f5b23a;outline-offset:4px;border-radius:14px;margin-bottom:14px}
.lx-editing .lx-mod.lx-hid{opacity:.45}.lx-editing .lx-mod.lx-hid>:not(.lx-bar){display:none}
.lx-bar,.hm-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#fff7e8;border:1px solid #f5d6a0;border-radius:12px;padding:6px 10px;margin:4px 0 10px;font-size:13px}
.lx-bar button{border:0;background:#fff;border-radius:999px;padding:5px 11px;font:inherit;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lx-bar small{color:#7b818a}
.hm-x,.lx-bar .hm-x{background:#fee2e2!important;color:#b91c1c!important;font-weight:700}
.lx-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 18px;padding:10px 14px;border-radius:14px;background:#fff7e8;border:1px solid #f5d6a0}
@media (max-width:900px){.lx-mod.lx-half{flex-basis:100%;max-width:100%}}
/* 📅 agenda + disponibilidad */
.ag-sep{margin-top:22px}
.cs-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto}
.cs-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:#f7f8fa}
.cs-who{display:flex;align-items:center;gap:8px;min-width:200px}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px}
.cs-chip input{position:absolute;opacity:0;pointer-events:none}
.cs-chip span{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid #d7dce3;font-size:13px;cursor:pointer;background:#fff}
.cs-chip input:checked+span{background:#fff1d6;border-color:#f5b23a;color:#7a4a00;font-weight:700}
.cs-chip input:focus-visible+span{outline:2px solid #f39a0f}

/* ✨ páginas públicas claras (calendario de clientes…): mismo estilo suave y moderno de la app */
body.cp-light{--nb:#e6e9ef;--nb2:#edf0f4;--nd:#c3c9d3;--nl:#fff;background:var(--nb)!important}
.cp-light .cp-top{background:#fff!important;border-bottom:4px solid #f5a524!important;box-shadow:0 8px 24px rgba(31,41,55,.08)!important;padding:22px 16px 18px!important}
.cp-light .cp-brand img,.cp-light img.cp-logo-h{width:min(300px,70vw);height:auto;max-height:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.12))}
.cp-light .cp-wrap{margin-top:26px!important}
.cp-light .pt-brandtitle{font-weight:800}
.cp-light .cp-card,.cp-light .kc-gate,.cp-light .kc-form{background:var(--nb)!important;border:0!important;border-radius:28px!important;box-shadow:0 22px 50px rgba(31,41,55,.16),0 4px 12px rgba(31,41,55,.06),-10px -10px 26px var(--nl)!important}
.cp-light .kc-g2>div,.cp-light .kc-gate>div>div{border:0!important;border-radius:20px!important;background:var(--nb2)!important;box-shadow:inset 3px 3px 8px var(--nd),inset -3px -3px 8px var(--nl)!important}
.cp-light input:not([type=checkbox]):not([type=radio]),.cp-light select,.cp-light textarea{background:var(--nb)!important;border:0!important;border-radius:999px!important;box-shadow:inset 3px 3px 7px var(--nd),inset -3px -3px 7px var(--nl)!important;min-height:44px;padding-left:16px!important}
.cp-light textarea{border-radius:18px!important}
.cp-light input:focus,.cp-light select:focus,.cp-light textarea:focus{outline:0;box-shadow:inset 3px 3px 7px var(--nd),inset -3px -3px 7px var(--nl),0 0 0 2px rgba(247,162,27,.6)!important}
.cp-light .cc-btn{border-radius:999px!important;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.cp-light .kc-warn{border:0!important;border-radius:24px!important;background:linear-gradient(160deg,#fff7ea,#ffe9c4)!important;box-shadow:0 14px 30px rgba(243,154,15,.22)!important}
.cp-light .kc-legend span{box-shadow:0 2px 6px rgba(0,0,0,.06)}
.cp-light .kc-day{background:linear-gradient(160deg,#ffffff,#f4f6f9)!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:18px!important;box-shadow:0 8px 18px rgba(31,41,55,.08)!important}
.cp-light .kc-day.today{box-shadow:0 0 0 2px #F7A21B,0 10px 22px rgba(243,154,15,.25)!important}
.cp-light .kc-h{border-radius:12px!important}
.cp-light .cp-foot{color:#7b818a}
/* 🎟️ invitación al calendario */
.kc-inv{max-width:440px!important;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.kc-inv-ic{font-size:46px;line-height:1}
.kc-inv h2{margin:0}.kc-inv p{margin:0;color:#5b5f66}
.kc-inv input{text-align:center;font-size:20px!important;letter-spacing:.08em;font-weight:700}
.kc-who{padding:10px 14px;border-radius:14px;background:#ecfdf5;color:#166534;font-size:14px}
.cp-light .kc-warn[style*="ecfdf5"]{background:linear-gradient(160deg,#f0fdf4,#dcfce7)!important;box-shadow:0 14px 30px rgba(22,163,74,.2)!important}

/* 💬 el globo de conversación ahora dice «Reporte» */
.pm-chat.tw-chat{display:inline-flex;align-items:center;gap:5px}
.pm-chat.tw-chat::after{content:"Reporte";font:700 11.5px/1 inherit;color:#4338ca}

/* 🎯 ¿Cuál tema inicias? — tarjetas que se expanden */
.fc-row{display:flex;gap:12px;height:300px;margin-top:6px}
.fc-card{position:relative;flex:1 1 0;min-width:58px;border-radius:30px;overflow:hidden;cursor:pointer;background:radial-gradient(120% 90% at 85% 10%,rgba(255,255,255,.35),transparent 55%),linear-gradient(155deg,var(--g1),var(--g2));box-shadow:0 14px 30px rgba(31,41,55,.18);transition:flex-grow .55s cubic-bezier(.25,.9,.3,1),box-shadow .3s,transform .2s;outline:0}
.fc-card.on{flex-grow:6;cursor:default}
.fc-card:not(.on):hover{transform:translateY(-3px)}
.fc-card:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #f39a0f}
.fc-card.hot:not(.on){animation:fcHot 1.6s ease-in-out infinite}
@keyframes fcHot{0%,100%{box-shadow:0 14px 30px rgba(31,41,55,.18)}50%{box-shadow:0 14px 30px rgba(220,38,38,.45),0 0 0 3px rgba(220,38,38,.35)}}
.fc-big{position:absolute;right:-18px;top:-10px;opacity:.0;transform:scale(.6) rotate(-8deg);transition:opacity .4s .15s,transform .5s .1s;pointer-events:none}
.fc-card.on .fc-big{opacity:.95;transform:none}
.fc-big .i3{filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}
.fc-folio{position:absolute;left:18px;top:16px;background:rgba(255,255,255,.92);color:#161616;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;opacity:0;transition:opacity .3s .2s}
.fc-due{position:absolute;left:18px;top:46px;color:#fff;font-weight:800;font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.25);opacity:0;transition:opacity .3s .2s}
.fc-due.red{background:#dc2626;padding:3px 9px;border-radius:999px;text-shadow:none}
.fc-card.on .fc-folio,.fc-card.on .fc-due{opacity:1}
.fc-info{position:absolute;left:12px;right:12px;bottom:14px;display:flex;align-items:center;gap:10px}
.fc-dot{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.fc-card:not(.on) .fc-info{justify-content:center;left:0;right:0}
.fc-tx{min-width:0;flex:1;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .3s .25s,transform .35s .25s}
.fc-tx b{display:block;font-size:17px;line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-tx small{display:block;opacity:.92;font-size:12.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-card.on .fc-tx{opacity:1;transform:none}
.fc-card:not(.on) .fc-tx,.fc-card:not(.on) .fc-go{display:none}
.fc-go{flex:0 0 auto;border:0;border-radius:999px;background:#fff;color:#161616;font:800 15px/1 inherit;padding:12px 18px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.2);transition:transform .15s}
.fc-go:hover{transform:scale(1.05)}
.fc-go:focus-visible{outline:3px solid #161616;outline-offset:2px}
/* ventana flotante */
.fc-pop{position:fixed;inset:0;z-index:9998;background:rgba(15,17,21,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .22s}
.fc-pop.in{opacity:1}
.fc-box{position:relative;width:min(920px,100%);background:#e9ecf1;border-radius:32px;padding:22px 22px 18px;box-shadow:0 30px 70px rgba(0,0,0,.35);transform:translateY(16px) scale(.98);transition:transform .3s cubic-bezier(.2,1.2,.4,1)}
.fc-pop.in .fc-box{transform:none}
.fc-x{position:absolute;top:12px;right:14px;border:0;background:#fff;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.fc-h{display:flex;gap:12px;align-items:center;margin:0 40px 10px 4px}
.fc-hi{font-size:34px}
.fc-h h2{margin:0;font-size:22px}.fc-h p{margin:2px 0 0;color:#5b5f66}.fc-h p b{color:#c2410c}
.fc-foot{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
/* recordatorio de reporte */
.fc-remind{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:10001;display:flex;gap:12px;align-items:center;background:#161616;color:#fff;padding:12px 18px;border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.35);animation:cpushIn .35s ease;transition:opacity .5s,transform .5s;max-width:calc(100vw - 24px)}
.fc-remind.out{opacity:0;transform:translate(-50%,12px)}
.fc-remind .chat-ico{width:36px;height:32px}.fc-remind b{display:block;font-size:15px;color:#ffc04d}.fc-remind small{color:#d1d5db}
/* selector en cada tema */
.fc-today{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:#fff7e8;border:1.5px dashed #f5b23a;cursor:pointer}
.fc-today input{width:20px;height:20px;accent-color:#f39a0f}
.fc-today small{display:block;color:#7b818a;font-size:12px}
.fc-today.on{background:linear-gradient(145deg,#fff3dc,#fde4b6);border-style:solid}
@media (max-width:700px){.fc-row{flex-direction:column;height:auto}.fc-card{flex:0 0 64px;min-height:64px}.fc-card.on{flex:0 0 250px}.fc-card:not(.on) .fc-info{justify-content:flex-start;left:12px}.fc-card:not(.on) .fc-tx{display:block;opacity:1;transform:none}.fc-card:not(.on) .fc-tx small{display:none}.fc-box{padding:18px 14px 14px;border-radius:26px;max-height:calc(100vh - 24px);overflow:auto}.fc-big .i3{width:110px;height:110px}}
@media (prefers-reduced-motion:reduce){.fc-card,.fc-big,.fc-tx,.fc-box{transition:none}.fc-card.hot:not(.on){animation:none}}
/* acceso: clave sola + consulta de constancias */
.lg-f[hidden]{display:none!important}
.lg-hint{display:block;text-align:center;color:#6b7078;font-size:12.5px;line-height:1.35;margin:-2px 6px 2px}
.lg-hint[hidden]{display:none}
.lg-cons{display:block;margin-top:14px;text-align:center;padding:12px 14px;border-radius:999px;border:1.5px dashed #f5b23a;color:#7a4a00;font-weight:700;text-decoration:none;background:#fff8ec}
.lg-cons small{display:block;font-weight:500;color:#9a6a1e;font-size:11.5px}
.lg-cons:hover{background:#fff1d6}
.cc-login h1{letter-spacing:.06em}
@media (max-width:760px){.pt-tabs{position:static;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.pt-tabs::-webkit-scrollbar{display:none}.pt-tabs a{flex:0 0 auto;white-space:nowrap;padding:8px 12px}}

/* ➕ botones del Inicio: barras delgadas tipo infografía (círculo blanco con ícono 3D, color de la app y número) */
.hb-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:560px}
.hb{position:relative;display:flex;align-items:center;gap:12px;height:54px;border:0;border-radius:999px;padding:0 22px 0 76px;margin-left:8px;cursor:pointer;text-align:left;color:#fff;font-family:inherit;box-shadow:0 10px 22px rgba(31,41,55,.16),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .15s}
.hb:hover{transform:translateX(3px);box-shadow:0 14px 26px rgba(31,41,55,.2),inset 0 1px 0 rgba(255,255,255,.25)}
.hb:focus-visible{outline:3px solid #161616;outline-offset:3px}
.hb-dark{background:linear-gradient(100deg,#3a3d44,#161616)}
.hb-mango{background:linear-gradient(100deg,#ffc04d,#f39a0f);color:#161616}
.hb-ok{background:linear-gradient(100deg,#34d399,#16a36a)}
.hb-ic{position:absolute;left:-8px;top:50%;width:70px;height:70px;margin-top:-35px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#eef1f5);display:grid;place-items:center;box-shadow:0 8px 18px rgba(31,41,55,.22),0 0 0 5px rgba(255,255,255,.65),inset 0 -3px 6px rgba(0,0,0,.06);transition:transform .2s}
.hb:hover .hb-ic{transform:rotate(-8deg) scale(1.05)}
.hb-ic .i3{width:42px;height:42px}
.hb-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1}
.hb-tx small{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.hb-tx b{font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-n{font-style:normal;font-weight:900;font-size:26px;opacity:.55;letter-spacing:-.02em}
.hello{align-items:flex-start}
@media (max-width:700px){.hb{height:50px;padding-left:70px}.hb-ic{width:62px;height:62px;margin-top:-31px}.hb-ic .i3{width:38px;height:38px}.hb-tx b{font-size:15.5px}.hb-n{font-size:22px}
	.hm.hm-fixed{height:auto!important}}

/* 👤 con atención a (por cotización) */
.qe-att{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;margin:10px 0 12px}
.qe-att label{font-weight:700;white-space:nowrap}
.qe-att small{grid-column:2;color:var(--muted);font-size:12px}
@media (max-width:640px){.qe-att{grid-template-columns:1fr}.qe-att small{grid-column:1}}
.qe-addr{display:flex;gap:10px;align-items:center}.qe-addr input{flex:1}.qe-att>small:last-child{grid-column:2}

/* 📚 temario */
.tm-ib{border:0;border-radius:10px;background:#fff8ec;box-shadow:inset 0 0 0 1.5px #f5c26b;padding:5px 8px;margin-right:4px;cursor:pointer;font-size:14px;font-weight:700}
.tm-ib.on{background:linear-gradient(145deg,#ffc04d,#f39a0f)}
.tm-sh-b{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.tm-sh hr{border:0;border-top:1px dashed #d6dae0;margin:12px 0}

/* 📅 disponibilidad: mes completo de una persona, día en 3 (mañana · tarde · noche) */
.mv-ppl{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.mv-p{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;cursor:pointer;padding:6px 8px;border-radius:18px;font:600 13px/1.1 inherit;color:#5b5f66}
.mv-p .mb-av{box-shadow:0 0 0 3px #fff,0 4px 10px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.mv-p.on{background:#fff4e0;color:#161616}.mv-p.on .mb-av{box-shadow:0 0 0 3px #f39a0f,0 6px 14px rgba(243,154,15,.4);transform:scale(1.06)}
.mv-p:focus-visible{outline:3px solid #f39a0f}
.mv-cal{background:#fff;border-radius:6px 6px 22px 6px;box-shadow:0 22px 50px rgba(31,41,55,.16);overflow:hidden}
.mv-head{display:flex;align-items:center;gap:10px;padding:16px 18px;background:linear-gradient(120deg,#ffd84d,#f7b500 60%,#f39a0f)}
.mv-head h2{margin:0;flex:1;font:900 clamp(24px,4vw,38px)/1 Outfit,system-ui,sans-serif;color:#161616}.mv-head>b{font:900 clamp(20px,3.4vw,32px)/1 Outfit,system-ui,sans-serif}
.mv-nav,.mv-hoy{border:0;border-radius:999px;background:rgba(255,255,255,.8);font:800 20px/1 inherit;min-width:40px;height:40px;cursor:pointer}.mv-hoy{font-size:14px;padding:0 14px}
.mv-wd{display:grid;grid-template-columns:repeat(7,1fr);padding:10px 8px 4px;text-align:center;font:700 13px/1 Outfit,system-ui,sans-serif;color:#5b5f66}.mv-wd .sun{color:#dc2626}
.mv-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:6px 8px 12px}
.mv-d{min-height:118px;border-radius:12px;background:#f8f9fb;border:1px solid #eceef1;padding:4px;display:flex;flex-direction:column;gap:3px}
.mv-d>b{font:700 16px/1 Outfit,system-ui,sans-serif;padding:2px 4px 3px}.mv-d.sun>b{color:#dc2626}.mv-d.out{background:transparent;border-color:transparent}.mv-d.out>b{color:#c7cbd1}
.mv-d.today{box-shadow:0 0 0 2px #f39a0f}.mv-d.today>b{color:#c2410c}
.mv-b{flex:1;display:flex;align-items:center;gap:4px;min-height:26px;border:0;border-radius:8px;padding:2px 6px;font:600 11.5px/1.15 inherit;text-align:left;cursor:pointer;overflow:hidden}
.mv-b i{font-style:normal;flex:0 0 auto}.mv-b span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-b.free{background:#f0fdf4;color:#15803d;opacity:.75}.mv-b.free:hover{opacity:1;box-shadow:inset 0 0 0 1.5px #22c55e}
.mv-b.busy{background:linear-gradient(145deg,#ffc56b,#f7a21b);color:#3a2600}
.mv-b.pend{background:repeating-linear-gradient(45deg,#ffe7bd 0 6px,#fff4de 6px 12px);color:#7a4a00}
.mv-b.nb{background:#e0f2fe;color:#075985}
.mv-b.soft{opacity:.65}
.mv-b:focus-visible{outline:2px solid #161616;outline-offset:1px}
@media (max-width:760px){.mv-days{gap:3px;padding:4px}.mv-d{min-height:84px;padding:2px}.mv-b{min-height:20px;padding:1px 3px}.mv-b span{display:none}.mv-b i{margin:0 auto;font-size:11px}.mv-p .mb-av{width:36px!important;height:36px!important}}
.mv-head h2{text-transform:capitalize}
@media (max-width:760px){.mv-head{padding:12px 10px;gap:6px}.mv-hoy{padding:0 10px;font-size:12px;height:34px}.mv-nav{min-width:34px;height:34px}}
/* 🏠 logo del menú editable */
.cc-brandw{position:relative}
.cc-brand-ed{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s}
.cc-brandw:hover .cc-brand-ed,.cc-brand-ed:focus{opacity:1}
@media (hover:none){.cc-brand-ed{opacity:.85}}
.be-prev{display:flex;justify-content:center;align-items:center;min-height:110px;background:#f6f7f8;border-radius:14px;margin-bottom:10px;padding:14px}
.be-prev img{max-height:80px;max-width:100%}
/* ✂️ retenciones en la cotización */
.qe-ret{margin:4px 0 10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.6);border:1px dashed #d6d9de}
.qe-rt{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.qe-rt small{font-weight:500;color:var(--muted)}
.qe-rr{display:flex;align-items:center;gap:8px;margin:5px 0}.qe-rr input{width:72px}
.qe-rb{display:flex;align-items:center;gap:8px;flex:1;border:0;border-radius:999px;padding:7px 12px;background:#e9ebee;color:#555;cursor:pointer;font:inherit;font-size:13px;text-align:left;transition:.2s}
.qe-rb i{width:30px;height:16px;border-radius:9px;background:#c7cbd1;position:relative;flex:none;transition:.2s}
.qe-rb i::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}
.qe-rb b{white-space:nowrap}
.qe-rb em{margin-left:auto;white-space:nowrap;font-style:normal;font-size:12px;font-weight:700}
.qe-rb.on{background:var(--mango);color:#1f1f1f;box-shadow:0 3px 10px rgba(245,166,35,.35)}
.qe-rb.on i{background:#1f1f1f}.qe-rb.on i::after{left:16px;background:var(--mango)}
.qe-rb.dis{opacity:.5;cursor:not-allowed}
.qe-tot .ln.rt{color:#b42318}.qe-tot .ln.rt small{color:var(--muted)}

/* 📱 iPhone: el encabezado no queda debajo de la barra de estado (ahí iOS no deja tocar) */
.cc-side{padding-top:env(safe-area-inset-top)}
.cc-burger{touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:2}
.cc-scrim{display:none}
@media (max-width:980px){
	.cc-top{padding-top:max(12px,calc(env(safe-area-inset-top) + 6px))}
	.cc-side{z-index:1000;-webkit-transform:translateX(-100%)}
	.cc-app.menu .cc-side{-webkit-transform:none}
	.cc-app.menu .cc-scrim{display:block;position:fixed;inset:0;z-index:999;background:rgba(15,23,42,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
	.cc-burger{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;min-width:46px;border-radius:50%;padding:0;background:radial-gradient(circle at 35% 30%,#ffd27a,var(--mango) 55%,#d9860a);box-shadow:0 6px 16px rgba(247,162,27,.4),inset 0 -3px 6px rgba(0,0,0,.12)}
	.cc-bl{display:flex;flex-direction:column;gap:4px}.cc-bl i{display:block;width:18px;height:2.5px;border-radius:2px;background:#1f1f1f}
	.cc-burger-img{background:radial-gradient(circle at 35% 30%,#bfe3ff,#38bdf8 45%,#1d4ed8);box-shadow:0 6px 16px rgba(37,99,235,.4),inset 0 -3px 6px rgba(0,0,0,.12);animation:ccBurHue 4s ease-in-out infinite}
	.cc-burger-img img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(15,23,42,.3));animation:ccBurBob 2.4s ease-in-out infinite}
	.cc-burger-img::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #60a5fa;opacity:0;animation:ccBurRing 2.6s ease-out infinite}
}
@keyframes ccBurHue{0%,100%{filter:hue-rotate(0)}50%{filter:hue-rotate(-18deg) brightness(1.08)}}
@keyframes ccBurBob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@keyframes ccBurRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.cc-burger-img,.cc-burger-img img,.cc-burger-img::after{animation:none}}
.pt-head{padding-top:max(12px,calc(env(safe-area-inset-top) + 6px))}

.reg-ic{width:22px;height:22px;vertical-align:-6px;margin:-4px 2px -4px -4px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}