/* =========================================================
   ArchivoPolicial — Tema "Sidebar Azul Marino"
   ========================================================= */
:root{
  --navy:#0f2744; --navy-2:#1e3a8a; --navy-line:rgba(255,255,255,.08);
  --sky:#38bdf8; --primary:#2563eb; --primary-600:#1d4ed8; --primary-50:#eff6ff;
  --bg:#f3f5f9; --card:#ffffff; --ink:#0f172a; --text:#1e293b; --muted:#64748b; --line:#e2e8f0; --line-2:#f1f5f9;
  --danger:#dc2626; --success:#15803d;
  --radius:16px; --radius-sm:10px;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.05);
  --side-w:260px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:14.5px;-webkit-font-smoothing:antialiased;margin:0}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-600)}
h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:-.2px}
.mdi:before{vertical-align:-1px}

/* ---------- Layout ---------- */
.app{display:flex;min-height:100vh}
.sidebar{width:var(--side-w);flex:none;background:var(--navy);color:#cbd5e1;display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:1040}
.sb-brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px;color:#fff}
.sb-brand:hover{color:#fff}
.sb-logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--sky),var(--primary));flex:none}
.sb-name{font-weight:700;font-size:15.5px;line-height:1.1}
.sb-sub{font-size:11.5px;color:#94a3b8;margin-top:3px}
.sb-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#7c8ba1;padding:10px 12px 6px}
.sb-nav{display:flex;flex-direction:column;gap:3px}
.sb-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#b6c2d4;font-weight:500;font-size:14px;transition:background .15s,color .15s}
.sb-link i{font-size:20px;width:22px;text-align:center}
.sb-link:hover{background:rgba(255,255,255,.06);color:#fff}
.sb-link.active{background:rgba(56,189,248,.14);color:#fff;box-shadow:inset 3px 0 0 var(--sky)}
.sb-link.logout{color:#fca5a5}.sb-link.logout:hover{background:rgba(248,113,113,.1);color:#fecaca}
.sb-bottom{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:3px}
.sb-user{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.06)}
.sb-avatar{width:38px;height:38px;border-radius:50%;background:var(--sky);color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.sb-uname{color:#fff;font-weight:600;font-size:13px;line-height:1.2}
.sb-urole{font-size:11.5px;color:#94a3b8}

.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:16px;padding:14px 32px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1030}
.tb-toggle{display:none;border:0;background:var(--bg);width:40px;height:40px;border-radius:10px;font-size:22px;color:var(--ink)}
.tb-search{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid transparent;border-radius:10px;padding:0 14px;transition:border-color .15s,background .15s}
.tb-search:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.tb-search i{color:var(--muted);font-size:19px}
.tb-search input{border:0;background:transparent;outline:0;padding:10px 0;width:100%;font:inherit;font-size:14px;color:var(--text)}
.tb-search kbd{font-family:inherit;font-size:11px;padding:1px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;white-space:nowrap}

.content{width:100%;max-width:1360px;margin:0 auto;padding:26px 32px 48px;flex:1}
.app-footer{padding:18px 32px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line);background:#fff;text-align:center}

.sb-backdrop{display:none}
@media (max-width: 991.98px){
  .sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .25s ease}
  body.sb-open .sidebar{box-shadow:0 0 40px rgba(0,0,0,.3)}
  body.sb-open .sidebar{transform:none}
  body.sb-open .sb-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1035}
  .tb-toggle{display:grid;place-items:center}
  .topbar{padding:12px 16px}
  .tb-right .tb-date{display:none}
  .content{padding:20px 16px 40px}
}

/* ---------- Page head ---------- */
.crumbs{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:4px;margin-bottom:6px}
.crumbs b{color:var(--text);font-weight:600}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.page-head h1{font-size:27px;font-weight:800;margin:0;letter-spacing:-.6px}
.page-head p{margin:4px 0 0;color:var(--muted)}
.page-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:767.98px){.page-actions{width:100%}.page-actions .btn{flex:1}}

/* ---------- Cards ---------- */
.card-custom,.search-card,.welcome-box,.panel{background:var(--card);border:0;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:24px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.panel-head h2,.panel-head h5{font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:9px}
.panel-head h2 i,.panel-head h5 i{color:var(--primary);font-size:20px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--primary-50);color:var(--primary)}
.link-add{font-size:13px;font-weight:600;color:var(--primary);background:none;border:0;padding:0}

/* Hero (tarjeta azul) */
.hero{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:0 12px 30px rgba(15,39,68,.25);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-photo{width:108px;height:132px;object-fit:cover;border-radius:14px;border:3px solid rgba(255,255,255,.25);background:#cbd5e1;flex:none}
.hero-info{flex:1;min-width:240px}
.hero-name{font-size:24px;font-weight:800;letter-spacing:-.4px;color:#fff;line-height:1.2}
.hero-id{margin-top:6px;font-weight:600;font-size:15px;color:#7dd3fc;display:flex;align-items:center;gap:6px}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;background:rgba(255,255,255,.1);color:#e2e8f0}
.hero-chip.warn{background:rgba(251,191,36,.18);color:#fde68a}
.hero-stats{display:grid;grid-template-columns:repeat(5,minmax(84px,1fr));gap:10px}
.hero-stat{padding:14px 10px;border-radius:14px;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.hero-stat .n{font-size:26px;font-weight:800;line-height:1;color:#fff}
.hero-stat .l{font-size:10px;margin-top:6px;text-transform:uppercase;letter-spacing:.5px;color:#cbd5e1}
.hero-stat.droga .n{color:#fca5a5}.hero-stat.arma .n{color:#fcd34d}.hero-stat.veh .n{color:#93c5fd}.hero-stat.dinero .n{color:#86efac}
@media (max-width:767.98px){.hero{padding:20px}.hero-stats{grid-template-columns:repeat(5,1fr);width:100%;gap:6px}.hero-stat{padding:10px 4px}.hero-stat .n{font-size:20px}.hero-stat .l{font-size:8.5px}}

/* ---------- Forms ---------- */
.form-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}
.form-control,.form-select{border:1px solid var(--line);background-color:#f8fafc;border-radius:var(--radius-sm);padding:.62rem .85rem;font-size:14px;color:var(--text)}
.form-control:focus,.form-select:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.form-control[readonly],.form-control:disabled{background-color:#eef2f7;color:#475569}
.input-group-text{background:#f1f5f9;border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-sm)}
.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}
.form-check-input:focus{box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.form-text{color:var(--muted)}
.soft-box{background:#f8fafc;border:1px solid var(--line-2);border-radius:14px;padding:16px}

/* Selector de tipo (tarjetas radio) */
.type-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.type-opt{position:relative}
.type-opt input{position:absolute;opacity:0;pointer-events:none}
.type-opt label{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;font-weight:600;transition:all .15s}
.type-opt label i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:none}
.type-opt label:hover{border-color:#bfdbfe}
.type-opt input:checked + label{border-color:var(--primary);background:var(--primary-50);box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.type-opt.droga label i{background:#fee2e2;color:#b91c1c}.type-opt.arma label i{background:#fef3c7;color:#b45309}
.type-opt.veh label i{background:#dbeafe;color:#1d4ed8}.type-opt.dinero label i{background:#dcfce7;color:#15803d}

/* ---------- Buttons ---------- */
.btn{border-radius:var(--radius-sm);font-weight:600;font-size:14px;padding:.6rem 1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn i{font-size:18px}
.btn-sm{padding:.35rem .7rem;font-size:13px}
.btn-lg{padding:.8rem 1.4rem;font-size:15px}
.btn-primary,.btn-dark-custom,.btn-action{background:var(--primary);border:1px solid var(--primary);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.22)}
.btn-primary:hover,.btn-dark-custom:hover,.btn-action:hover{background:var(--primary-600);border-color:var(--primary-600);color:#fff}
.btn-light,.btn-outline-secondary,.btn-outline-custom,.btn-outline-dark,.btn-ghost{background:#fff;border:1px solid #dbe2ea;color:#334155;box-shadow:none}
.btn-light:hover,.btn-outline-secondary:hover,.btn-outline-custom:hover,.btn-outline-dark:hover,.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--ink)}
.btn-pdf,.btn-danger{background:#fff;border:1px solid #fecaca;color:var(--danger)}
.btn-pdf:hover,.btn-danger:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}
.btn-outline-danger{border-color:#fecaca;color:var(--danger);background:#fff}
.btn-outline-danger:hover{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}
.btn-success{background:#16a34a;border-color:#16a34a}
.btn-outline-success{border-color:#bbf7d0;color:#15803d;background:#fff}
.btn-outline-success:hover{background:#f0fdf4;color:#166534;border-color:#86efac}
.btn-navy{background:var(--navy);border:1px solid var(--navy);color:#fff}
.btn-navy:hover{background:#15335a;color:#fff}

/* ---------- Tables ---------- */
.table-custom{margin:0;--bs-table-hover-bg:#f8fafc}
.table-custom thead th{background:transparent;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:1px solid var(--line);padding:12px 14px;white-space:nowrap}
.table-custom td{padding:14px;border-bottom:1px solid var(--line-2);vertical-align:middle;font-size:14px;color:var(--text)}
.table-custom tbody tr:last-child td{border-bottom:0}
.td-muted{color:var(--muted)}
.td-strong{font-weight:700;color:var(--ink)}
.td-sub{font-size:12px;color:var(--muted);margin-top:2px}
@media (max-width:767.98px){
  .table-custom thead{display:none}
  .table-custom,.table-custom tbody,.table-custom tr,.table-custom td{display:block;width:100%}
  .table-custom tr{background:#fff;margin-bottom:14px;border-radius:14px;border:1px solid var(--line);padding:6px 0}
  .table-custom td{display:grid;grid-template-columns:110px 1fr;column-gap:12px;align-items:start;text-align:right;padding:9px 16px!important;border-bottom:1px solid var(--line-2)}
  .table-custom td>*{grid-column:2;justify-self:end}
  .table-custom td::before{content:attr(data-label);grid-column:1;grid-row:1 / span 3;font-weight:700;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;text-align:left;padding-top:2px}
  .table-custom td[colspan]{display:block}.table-custom td[colspan]::before{display:none}
  .table-custom td[data-label=""]{display:block}.table-custom td[data-label=""]::before{display:none}
  .table-custom td[data-label=""] .btn{width:100%}
  .panel.p-0{background:transparent;box-shadow:none}
  .panel.p-0 .table-custom tr{box-shadow:var(--shadow);border-color:transparent}
}

/* ---------- Badges ---------- */
.badge{font-weight:600;border-radius:999px;padding:.4em .8em;font-size:12px}
.bt{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.bt-droga{background:#fee2e2;color:#b91c1c}.bt-arma{background:#fef3c7;color:#b45309}
.bt-veh{background:#dbeafe;color:#1d4ed8}.bt-dinero{background:#dcfce7;color:#15803d}.bt-otro{background:#f1f5f9;color:#475569}

/* ---------- Lists: alias / comentarios / fotos ---------- */
.alias-list{display:flex;flex-wrap:wrap;gap:8px}
.alias-chip{display:inline-flex;flex-direction:column;padding:8px 14px;border-radius:12px;background:var(--navy);color:#fff;font-weight:700;font-size:13px}
.alias-chip small{font-weight:400;font-size:11px;color:#94a3b8;margin-top:2px}
.comment{background:#f8fafc;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.comment .txt{font-size:13.5px;color:var(--text)}
.comment .by{font-size:11.5px;color:var(--muted);margin-top:6px}
.empty{color:var(--muted);font-size:13.5px;text-align:center;padding:18px 0}
.empty i{display:block;font-size:34px;color:#cbd5e1;margin-bottom:4px}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:14px}
.photo-slot{background:#f8fafc;border:1px solid var(--line-2);border-radius:14px;padding:10px;text-align:center}
.photo-slot img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;background:#e2e8f0}
.photo-slot .cap{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:8px 0}
@media (max-width:575.98px){.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px}}
.phone-hist{list-style:none;margin:0;padding:0}
.phone-hist li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line-2);font-size:13px}
.phone-hist li:last-child{border-bottom:0}

/* ---------- Home: servicios ---------- */
.svc{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;height:100%;transition:transform .2s,box-shadow .2s;color:var(--text)}
.svc:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,23,42,.1);color:var(--text)}
.svc-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:24px;margin-bottom:16px}
.svc h3{font-size:16px;font-weight:700;margin:0 0 6px}
.svc p{font-size:13px;color:var(--muted);margin:0 0 18px;flex:1}
.svc .go{font-weight:700;font-size:13.5px;color:var(--primary);display:flex;align-items:center;gap:4px}
.ico-blue{background:#dbeafe;color:#1d4ed8}.ico-green{background:#dcfce7;color:#15803d}.ico-amber{background:#fef3c7;color:#b45309}.ico-violet{background:#ede9fe;color:#6d28d9}

/* ---------- Autocomplete ---------- */
.input-wrapper{position:relative}
.suggestions{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.12);max-height:200px;overflow-y:auto;z-index:50}
.suggestions:empty{display:none}
.suggestions div{padding:10px 14px;cursor:pointer;font-size:13.5px;border-bottom:1px solid var(--line-2)}
.suggestions div:hover{background:var(--primary-50);color:var(--primary)}

/* ---------- Modals / alerts / pagination ---------- */
.modal-content{border:0;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.25);overflow:hidden}
.modal-header{background:#fff;border-bottom:1px solid var(--line);padding:18px 24px}
.modal-header.navy{background:var(--navy);color:#fff}
.modal-title{font-weight:700;font-size:17px;display:flex;align-items:center;gap:8px}
.modal-title i{color:var(--primary)}
.modal-header.navy .modal-title i{color:var(--sky)}
.modal-header.navy .modal-title{color:#fff}
.modal-body{padding:24px}
.modal-footer{background:#f8fafc;border-top:1px solid var(--line);padding:14px 24px}
.alert{border:0;border-radius:12px;font-size:14px}
.alert-success{background:#dcfce7;color:#166534}.alert-danger{background:#fee2e2;color:#991b1b}
.alert-info{background:var(--primary-50);color:#1e40af}.alert-warning{background:#fef3c7;color:#92400e}
.pagination{gap:6px}
.page-link{border:1px solid var(--line);border-radius:10px!important;color:var(--text);font-weight:600;min-width:38px;text-align:center}
.page-item.active .page-link{background:var(--primary);border-color:var(--primary)}
.dropdown-menu{border:0;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.12)}

/* ---------- Login ---------- */
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}
.auth-side{background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.25),transparent 45%),linear-gradient(140deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-side:after{content:'\F113B';font-family:'Material Design Icons';position:absolute;right:-60px;bottom:-80px;font-size:380px;color:rgba(255,255,255,.04);line-height:1}
.auth-side h1{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.8px;max-width:440px;line-height:1.15}
.auth-side p{color:#cbd5e1;max-width:420px;margin-top:14px;font-size:15px}
.auth-feats{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.auth-feats div{display:flex;align-items:center;gap:10px;color:#e2e8f0;font-size:14px}
.auth-feats i{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:var(--sky);font-size:18px}
.auth-main{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.auth-box{width:100%;max-width:380px}
.auth-logo{display:block;max-height:84px;max-width:100%;width:auto;height:auto;object-fit:contain;margin-bottom:24px}
.auth-box h2{font-size:24px;font-weight:800;margin:0 0 4px}
.auth-box .sub{color:var(--muted);margin-bottom:26px}
.auth-foot{color:#94a3b8;font-size:12.5px}
@media (max-width:991.98px){.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}}
.auth,.auth-main,.auth-box{min-width:0}
@media (max-width:575.98px){.auth-main{padding:32px 20px;align-items:flex-start}.auth-logo{margin:12px auto 28px}.auth-box h2{font-size:22px}}
body:has(.auth){overflow-x:hidden}

/* ---------- Print ---------- */
@media print{
  .sidebar,.topbar,.app-footer,.page-actions,.btn,.d-print-none{display:none!important}
  body{background:#fff}.content{padding:0;max-width:100%}
  .card-custom,.panel{box-shadow:none;border:1px solid #ddd}
  .hero{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ---------- Logo institucional en sidebar ---------- */
.sb-logo-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 4px 20px;margin-bottom:6px;border-bottom:1px solid var(--navy-line)}
.sb-logo-box .logo-card{background:#fff;border-radius:14px;padding:10px 14px;width:100%;display:flex;justify-content:center}
.sb-logo-box img{max-height:54px;max-width:100%;width:auto}
.sb-logo-box .sb-sub{color:#94a3b8;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.sb-link .sb-badge{margin-left:auto;font-size:10px;background:rgba(56,189,248,.18);color:#7dd3fc;border-radius:999px;padding:1px 7px}
select[size].form-select{padding:6px;background-image:none}
select[size].form-select option{padding:7px 10px;border-radius:8px}
select[size].form-select option:checked{background:var(--primary-50) linear-gradient(0deg,var(--primary-50),var(--primary-50));color:var(--primary);font-weight:600}

/* iOS: evitar zoom automático al enfocar campos (requiere >=16px) */
@media (max-width:991.98px), (pointer:coarse){
  .form-control,.form-select,.tb-search input,input,select,textarea{font-size:16px!important}
}

/* Variantes de indicadores (4 o 2 columnas) */
.hero-stats.cols-4{grid-template-columns:repeat(4,minmax(110px,1fr))}
.hero-stats.cols-2{grid-template-columns:repeat(2,minmax(130px,1fr))}
@media (max-width:767.98px){
  .hero-stats.cols-4,.hero-stats.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hero-stats.cols-4 .hero-stat .n,.hero-stats.cols-2 .hero-stat .n{font-size:22px}
  .hero-stats.cols-4 .hero-stat .l,.hero-stats.cols-2 .hero-stat .l{font-size:9.5px}
}
.hero{max-width:100%;overflow:hidden}

/* Acciones en alias y comentarios */
.chip-actions{display:inline-flex;gap:2px;margin-left:2px}
.chip-actions button,.comment-actions button{border:0;background:transparent;border-radius:7px;width:26px;height:26px;display:inline-grid;place-items:center;font-size:15px;padding:0;cursor:pointer}
.chip-actions button{color:#94a3b8}.chip-actions button:hover{background:rgba(255,255,255,.12);color:#fff}
.comment-actions button{color:var(--muted)}.comment-actions button:hover{background:#e2e8f0;color:var(--ink)}
.comment-actions .js-del:hover,.chip-actions .js-del:hover{color:#fca5a5}
.comment-actions .js-del:hover{color:var(--danger);background:#fee2e2}