/* ============================================================
   RECUPERA · fcs-ui.css  —  Sistema de diseño (Teal Pro)
   Claro + oscuro. Reutilizable en toda la plataforma.
   ============================================================ */
:root{
  --teal:#0d6e66; --teal-br:#16a394; --teal-soft:#e7f3f1; --teal-700:#0a534d;
  --gold:#e6b450; --gold-deep:#c8922f; --gold-soft:#fbf3df;
  --bg:#f5f8f7; --surface:#ffffff; --surface-2:#f1f5f4; --inset:#eef3f1;
  --line:#e6ece9; --line-strong:#d7e0dd;
  --ink:#0e1c1a; --text:#2b3a38; --muted:#6c7d7a; --faint:#9aa9a6;
  --ok:#1f9d57; --ok-bg:#e7f5ec; --warn:#c2871c; --warn-bg:#fbf1d9; --danger:#d4503a; --danger-bg:#fbeae6;
  --blue:#4a6cd4; --blue-bg:rgba(74,108,212,.12);
  --sh-sm:0 1px 2px rgba(8,40,36,.06);
  --sh:0 1px 2px rgba(8,40,36,.05), 0 10px 28px rgba(8,40,36,.07);
  --sh-md:0 2px 4px rgba(8,40,36,.05), 0 18px 44px rgba(8,40,36,.10);
  --sh-lg:0 28px 70px rgba(8,40,36,.16);
  --r:16px; --r-sm:11px; --ease:cubic-bezier(.2,.8,.2,1);
}
[data-theme="dark"]{
  --bg:#091513; --surface:#0f1f1c; --surface-2:#132623; --inset:#16302b;
  --line:#1d322e; --line-strong:#27423d;
  --ink:#eaf3f1; --text:#c4d5d1; --muted:#86a09b; --faint:#5f7a75;
  --teal-soft:rgba(22,168,148,.15); --gold-soft:rgba(230,180,80,.13);
  --ok-bg:rgba(31,157,87,.16); --warn-bg:rgba(194,135,28,.16); --danger-bg:rgba(212,80,58,.16); --blue-bg:rgba(110,140,235,.18);
  --sh-sm:0 1px 2px rgba(0,0,0,.3);
  --sh:0 1px 2px rgba(0,0,0,.3), 0 12px 30px rgba(0,0,0,.4);
  --sh-md:0 2px 6px rgba(0,0,0,.35), 0 20px 50px rgba(0,0,0,.5);
  --sh-lg:0 30px 80px rgba(0,0,0,.6);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;min-height:100dvh;
  background-image:
    radial-gradient(60% 50% at 88% -8%, rgba(13,110,102,.08), transparent 70%),
    radial-gradient(45% 45% at 4% 108%, rgba(230,180,80,.07), transparent 70%);
  transition:background-color .4s var(--ease),color .4s var(--ease);
}
[data-theme="dark"] body{background-image:radial-gradient(60% 50% at 88% -8%, rgba(22,168,148,.10), transparent 70%),radial-gradient(45% 45% at 4% 108%, rgba(230,180,80,.06), transparent 70%);}
h1,h2,h3,.disp{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.02em;line-height:1.12;color:var(--ink)}
a{color:inherit;text-decoration:none}
.mono{font-family:'Space Mono',monospace}
.tn{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}

/* ---------- SHELL ---------- */
.fcs-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}

/* ---------- SIDEBAR ---------- */
.fcs-side{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;gap:5px;z-index:40;transition:transform .35s var(--ease)}
.fcs-brand{display:flex;align-items:center;gap:11px;padding:8px 10px 16px}
.fcs-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--teal-br));display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 12px rgba(13,110,102,.3)}
.fcs-bname{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.28rem;letter-spacing:-.02em;color:var(--ink)}
.fcs-bname i{color:var(--teal);font-style:normal}
.fcs-navlbl{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);padding:14px 12px 5px}
.fcs-nav{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--muted);font-weight:600;font-size:.92rem;cursor:pointer;position:relative;transition:background .18s,color .18s}
.fcs-nav svg{width:19px;height:19px;flex:none;stroke-width:2}
.fcs-nav:hover{background:var(--surface-2);color:var(--ink)}
.fcs-nav.on{background:var(--teal-soft);color:var(--teal-700)}
[data-theme="dark"] .fcs-nav.on{color:#7ce0d2}
.fcs-nav.on::before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:21px;border-radius:0 4px 4px 0;background:linear-gradient(var(--teal),var(--teal-br))}
.fcs-sidefoot{margin-top:auto;padding:13px;border-radius:13px;background:linear-gradient(150deg,var(--teal),var(--teal-700));color:#fff;position:relative;overflow:hidden}
.fcs-sidefoot::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(230,180,80,.25);right:-40px;top:-50px;filter:blur(8px)}
.fcs-sidefoot .sf-t{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.94rem;position:relative}
.fcs-sidefoot .sf-d{font-size:.78rem;color:#c9e6e1;margin:4px 0 11px;position:relative;line-height:1.4}
.fcs-sidefoot .sf-b{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--teal-700)!important;font-weight:700;font-size:.8rem;padding:8px 13px;border-radius:9px;position:relative}
.fcs-sidefoot .sf-b svg{width:15px;height:15px;stroke-width:2.2}

/* ---------- MAIN + TOPBAR ---------- */
.fcs-main{overflow-y:auto;height:100vh}
.fcs-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:13px 24px;
  background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line)}
.fcs-menu{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;align-items:center;justify-content:center}
.fcs-ph{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;color:var(--ink);letter-spacing:-.01em}
.fcs-ph small{display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:400;font-size:.76rem;color:var(--muted);letter-spacing:0}
.fcs-sp{flex:1}
.fcs-cmd{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.86rem;font-family:inherit;transition:border-color .18s,box-shadow .18s}
.fcs-cmd:hover{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.fcs-cmd kbd{font-family:'Space Mono',monospace;font-size:.7rem;background:var(--inset);border:1px solid var(--line-strong);border-radius:5px;padding:2px 6px;color:var(--faint)}
.fcs-ico{position:relative;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,transform .18s}
.fcs-ico:hover{background:var(--surface-2);transform:translateY(-1px)}
.fcs-ico svg{width:19px;height:19px;stroke-width:2}
.fcs-ico .dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--danger);color:#fff;font-size:.64rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}
.fcs-whom{display:flex;flex-direction:column;line-height:1.15;margin-left:2px}
.fcs-whom strong{font-size:.86rem;color:var(--ink);font-weight:700}
.fcs-whom .role{font-size:.72rem;color:var(--muted)}
.fcs-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;color:#fff;background:linear-gradient(135deg,var(--teal),var(--teal-br));flex:none}
.fcs-content{padding:24px;max-width:1280px}
@media (min-width:1100px){ .fcs-whom-hide-sm{display:flex} }

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:11px;font-weight:600;font-size:.88rem;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s}
.btn svg{width:17px;height:17px;stroke-width:2.1}
.btn-primary{background:var(--teal);color:#fff!important;box-shadow:0 6px 16px rgba(13,110,102,.28)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(13,110,102,.34)}
.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{background:var(--surface-2);border-color:var(--teal);color:var(--teal)}
.pwa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:11px 14px;border-radius:11px;border:1.5px solid var(--teal);background:var(--teal-soft);color:var(--teal);font-weight:700;font-size:.86rem;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.pwa-btn:hover{background:var(--teal);color:#fff}
.pwa-btn svg{width:17px;height:17px;stroke-width:2;flex:none}

/* ---------- REVEAL ---------- */
.rise{opacity:0;transform:translateY(13px);animation:fcsRise .55s var(--ease) forwards}
@keyframes fcsRise{to{opacity:1;transform:none}}

/* ---------- KPI ---------- */
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:17px 17px 13px;box-shadow:var(--sh-sm);position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
.kpi:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--line-strong)}
.kpi.star{border-color:rgba(230,180,80,.45)}
.kpi.star::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--gold))}
.k-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.k-lbl{font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.k-ic{width:31px;height:31px;border-radius:9px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center}
.k-ic.gold{background:var(--gold-soft);color:var(--gold-deep)}
.k-ic svg{width:17px;height:17px;stroke-width:2}
.k-val{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.85rem;color:var(--ink);letter-spacing:-.02em;line-height:1}
.k-bot{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px}
.delta{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;padding:3px 8px;border-radius:99px;white-space:nowrap}
.delta.up{color:var(--ok);background:var(--ok-bg)}
.delta.dn{color:var(--danger);background:var(--danger-bg)}
.delta.flat{color:var(--muted);background:var(--surface-2)}
.spark{width:80px;height:28px;overflow:visible;flex:none}
.spark path{fill:none;stroke:var(--teal-br);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.spark.gold path{stroke:var(--gold-deep)}

/* ---------- CARDS / CHART / RING / BARS ---------- */
.row2{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;margin-top:15px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);overflow:hidden}
.card-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0;gap:12px}
.card-t{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.02rem;color:var(--ink)}
.card-s{font-size:.78rem;color:var(--muted);margin-top:2px}
.seg{display:flex;gap:6px}
.seg .chip{font-size:.74rem;font-weight:600;padding:5px 11px;border-radius:99px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:default}
.seg .chip.on{background:var(--teal);border-color:var(--teal);color:#fff}

.chart-wrap{padding:14px 12px 6px}
.area-svg{width:100%;height:auto;display:block;overflow:visible}
.area-svg .area{fill:url(#fcsAg);opacity:0;animation:fcsFade 1s ease .35s forwards}
@keyframes fcsFade{to{opacity:1}}
.area-svg .line{fill:none;stroke:var(--teal);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.area-svg .dot{fill:var(--surface);stroke:var(--teal);stroke-width:2.4}
.area-svg .dot.g{stroke:var(--gold-deep)}
.gl-x{display:flex;justify-content:space-between;padding:2px 4px 0;font-family:'Space Mono',monospace;font-size:.66rem;color:var(--faint)}

.ring-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 18px;text-align:center}
.ring{position:relative;width:160px;height:160px}
.ring svg{transform:rotate(-90deg)}
.ring .rbg{fill:none;stroke:var(--inset);stroke-width:13}
.ring .rfg{fill:none;stroke:url(#fcsRg);stroke-width:13;stroke-linecap:round;transition:stroke-dashoffset 1.25s var(--ease)}
.ring-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring-pct{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2rem;color:var(--ink);letter-spacing:-.02em}
.ring-sm{font-size:1.05rem}
.ring-lbl{font-size:.73rem;color:var(--muted)}
.ring-foot{margin-top:15px}
.ring-foot b{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);font-size:1.02rem}
.ring-foot span{color:var(--muted);font-size:.85rem}

.barlist{padding:6px 20px 18px;display:flex;flex-direction:column;gap:12px}
.bl-row .bl-top{display:flex;justify-content:space-between;font-size:.84rem;margin-bottom:6px}
.bl-row .bl-top b{color:var(--ink);font-weight:600}
.bl-row .bl-top span{color:var(--muted);font-variant-numeric:tabular-nums}
.bl-track{height:9px;border-radius:99px;background:var(--inset);overflow:hidden}
.bl-fill{height:100%;border-radius:99px;width:0;transition:width 1s var(--ease)}

/* ---------- PRIORITY LIST ---------- */
.pl-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:13px;align-items:center;padding:12px 20px;border-top:1px solid var(--line);cursor:pointer;transition:background .15s}
.pl-row:hover{background:var(--surface-2)}
.pl-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem;flex:none}
.pl-name{font-weight:600;color:var(--ink);font-size:.92rem}
.pl-sub{font-size:.78rem;color:var(--muted);margin-top:1px}
.pl-amt{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;font-size:.96rem;text-align:right}

/* ---------- BADGES / PILLS ---------- */
.pill,.badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.pill.st-nuevo,.badge.bg-none{color:var(--blue);background:var(--blue-bg)}
.badge.bg-none{color:var(--muted);background:var(--surface-2)}
.pill.st-en_gestion,.badge.bg-ok{color:var(--ok);background:var(--ok-bg)}
.pill.st-promesa_pago{color:var(--teal);background:var(--teal-soft)}
.pill.st-plan_pago,.badge.bg-warn{color:var(--warn);background:var(--warn-bg)}
.pill.st-disputa,.badge.bg-crit{color:var(--danger);background:var(--danger-bg)}
.pill.st-pagado,.badge.bg-paid{color:var(--teal);background:var(--teal-soft)}
.pill.st-no_contactar,.badge.bg-dark{color:var(--muted);background:var(--inset)}
.pill.st-ilocalizable{color:var(--danger);background:var(--danger-bg)}
.score-cell{display:flex;align-items:center;gap:8px}
.score-n{font-weight:700;font-size:.84rem;font-variant-numeric:tabular-nums;width:24px;text-align:right;color:var(--ink)}
.score-bar{width:44px;height:6px;border-radius:99px;background:var(--inset);overflow:hidden}
.score-bar i{display:block;height:100%;border-radius:99px}
.stage{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--text)}
.stage b{width:7px;height:7px;border-radius:50%;display:inline-block}
.dot-none{background:var(--blue)}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-crit{background:var(--danger)}
.asig-chip{display:inline-block;font-size:.76rem;font-weight:600;padding:4px 9px;border-radius:8px;background:var(--surface-2);color:var(--text)}
.asig-none{color:var(--faint)}

/* ---------- ACCOUNTS PANEL ---------- */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);overflow:hidden;margin-top:15px}
.panel-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}
.panel-head h2{font-size:1.05rem;margin-right:auto}
.search{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);min-width:220px;flex:1 1 220px;max-width:340px}
.search svg{width:17px;height:17px;color:var(--muted);flex:none}
.search input{border:0;outline:0;background:transparent;font-family:inherit;font-size:.9rem;color:var(--ink);width:100%}
.search input::placeholder{color:var(--faint)}
.filtro-cob{appearance:none;-webkit-appearance:none;padding:9px 32px 9px 13px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236c7d7a' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;font-family:inherit;font-size:.86rem;color:var(--text);cursor:pointer}
.filtro-cob:hover{border-color:var(--teal)}
.chip-mias{padding:9px 14px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);font-weight:600;font-size:.86rem;cursor:pointer;font-family:inherit;transition:all .15s}
.chip-mias:hover{border-color:var(--teal);color:var(--teal)}
.chip-mias.on{background:var(--teal);border-color:var(--teal);color:#fff}
.tbl-wrap{overflow-x:auto}
.panel table{width:100%;border-collapse:collapse;min-width:780px}
.panel thead th{text-align:left;padding:12px 16px;font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}
.panel tbody td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:middle}
.panel tbody tr{cursor:pointer;transition:background .14s}
.panel tbody tr:hover td{background:var(--surface-2)}
.panel tbody tr:last-child td{border-bottom:none}
.c-name{font-weight:600;color:var(--ink)}
.c-sub{font-size:.76rem;color:var(--muted);margin-top:1px}
.c-contact{font-size:.84rem;color:var(--text)}
.c-contact span{color:var(--muted);font-size:.8rem}
.no-rows{padding:28px 20px;text-align:center;color:var(--muted);font-size:.92rem}

/* ---------- AVISOS ---------- */
.avisos{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);box-shadow:var(--sh-sm);overflow:hidden;margin-top:15px}
.avisos-head{display:flex;align-items:center;gap:10px;padding:15px 20px 9px}
.avisos-head svg{width:20px;height:20px;color:var(--gold-deep);stroke-width:2}
.avisos-head h2{font-size:1rem}
.aviso{display:grid;grid-template-columns:auto 1fr auto auto;gap:13px;align-items:center;padding:11px 20px;border-top:1px solid var(--line);cursor:pointer;transition:background .15s}
.aviso:hover{background:var(--surface-2)}
.aviso-ava{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold-deep),var(--gold));color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex:none}
.aviso-name{font-weight:600;color:var(--ink);font-size:.9rem}
.aviso-text{font-size:.8rem;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}
.aviso-time{font-size:.76rem;color:var(--faint);white-space:nowrap}
.aviso-go{font-size:.8rem;font-weight:600;color:var(--teal);white-space:nowrap}

/* ---------- EMPTY ---------- */
.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:48px 28px;text-align:center;margin-top:15px}
.empty-ico{width:60px;height:60px;border-radius:16px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.empty-ico svg{width:30px;height:30px;stroke-width:2}
.empty h2{font-size:1.3rem;margin-bottom:8px}
.empty p{color:var(--muted);max-width:46ch;margin:0 auto 18px;line-height:1.5}

/* ---------- COMMAND PALETTE ---------- */
.cmdk{position:fixed;inset:0;z-index:90;display:none;align-items:flex-start;justify-content:center;padding-top:13vh;background:rgba(8,24,22,.42);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.cmdk.show{display:flex;opacity:1}
.cmd-panel{width:min(560px,92vw);background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--sh-lg);overflow:hidden;transform:translateY(-10px) scale(.98);transition:transform .22s var(--ease)}
.cmdk.show .cmd-panel{transform:none}
.cmd-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.cmd-in svg{width:19px;height:19px;color:var(--muted);flex:none}
.cmd-in input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:1.02rem;color:var(--ink)}
.cmd-in input::placeholder{color:var(--faint)}
.cmd-list{max-height:340px;overflow-y:auto;padding:8px}
.cmd-sec{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:10px 12px 4px}
.cmd-it{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:10px;cursor:pointer;color:var(--text)}
.cmd-it .ci{width:30px;height:30px;border-radius:8px;background:var(--surface-2);color:var(--teal);display:flex;align-items:center;justify-content:center;flex:none}
.cmd-it .ci svg{width:16px;height:16px;stroke-width:2}
.cmd-it b{font-weight:600;font-size:.92rem;color:var(--ink)}
.cmd-it.sel,.cmd-it:hover{background:var(--teal-soft)}
.cmd-it .ar{margin-left:auto;color:var(--faint);font-family:'Space Mono',monospace;font-size:.72rem}
.cmd-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--line);font-size:.74rem;color:var(--faint)}
.cmd-foot kbd{font-family:'Space Mono',monospace;background:var(--inset);border-radius:4px;padding:1px 6px;margin-right:5px}

.fcs-backdrop{display:none;position:fixed;inset:0;background:rgba(8,24,22,.4);z-index:35}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){ .kgrid{grid-template-columns:repeat(2,1fr)} .row2{grid-template-columns:1fr} }
@media (max-width:980px){
  .fcs-shell{grid-template-columns:1fr}
  .fcs-side{position:fixed;top:0;left:0;bottom:0;width:264px;transform:translateX(-100%);box-shadow:var(--sh-lg)}
  .fcs-side.open{transform:none}
  .fcs-menu{display:flex}
  .fcs-backdrop.show{display:block}
  .fcs-cmd span{display:none}
  .fcs-whom{display:none}
}
@media (max-width:680px){
  .fcs-content{padding:16px}
  .fcs-top{padding:12px 16px}
  .pl-row{grid-template-columns:auto 1fr auto;gap:10px}
  .aviso{grid-template-columns:auto 1fr auto}
  .aviso-time{display:none}
}
@media (max-width:460px){ .kgrid{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ *{animation-duration:.001s!important;transition-duration:.001s!important} }