/* Clavia · sistema visual "Esmalte"
   Idea: cada contraseña es una llave con su ficha de esmalte; el color de la ficha es el grupo.
   Porcelana de fondo, tinta carbón, cobalto como color de marca y cinco esmaltes para los grupos.
   Letra: Recursive (incluida en la app), en su voz casual para títulos y en su voz de máquina para datos. */
@font-face{
  font-family:"Recursive";
  src:url("fuentes/recursive.woff2") format("woff2");
  font-weight:300 900; font-style:oblique 0deg 15deg; font-display:swap;
}
:root{
  --bg:#F2F3F6; --surface:#FFFFFF; --surface-2:#F7F8FA; --ink:#1C2130; --muted:#626A7A; --line:#DEE1E7; --line-2:#CBD0D9;
  --accent:#2442A8; --accent-ink:#FFFFFF; --accent-soft:#E7ECFB;
  --primary:#1C2130; --primary-ink:#FFFFFF;
  --ok:#1F6B4E; --ok-soft:#E3F2EB; --warn:#9A6400; --warn-soft:#FBF1DA; --danger:#9E2E40; --danger-soft:#FBE8EB;
  --t1:#2442A8; --t2:#1F6B4E; --t3:#8E2B3C; --t4:#B58712; --t5:#4A5A78; --t6:#1D6E7A;
  --c-digit:#2442A8; --c-sym:#8E2B3C; --c-upper:#1C2130; --c-lower:#4C5466;
  --radius:18px; --radius-s:12px;
  --tag:12px 20px 20px 12px;
  --shadow:0 1px 0 rgba(28,33,48,.04), 0 12px 28px -20px rgba(28,33,48,.45);
  --sans:"Recursive", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono:"Recursive", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --voz:"CASL" .35; --voz-titulo:"CASL" 1; --voz-dato:"MONO" 1, "CASL" 0;
  color-scheme: light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#12151C; --surface:#1A1E27; --surface-2:#212633; --ink:#E9ECF2; --muted:#9AA2B2; --line:#2C3240; --line-2:#3A4152;
    --accent:#8BA2FF; --accent-ink:#0D1430; --accent-soft:#222C4D;
    --primary:#E9ECF2; --primary-ink:#12151C;
    --ok:#56C697; --ok-soft:#173327; --warn:#E6B847; --warn-soft:#352B12; --danger:#F28B9B; --danger-soft:#3A1C23;
    --t1:#3D5BC8; --t2:#2A8461; --t3:#A83B4E; --t4:#C2931B; --t5:#5B6C8F; --t6:#23808D;
    --c-digit:#8BA2FF; --c-sym:#F28B9B; --c-upper:#E9ECF2; --c-lower:#B4BBC9;
    --shadow:0 1px 0 rgba(0,0,0,.2), 0 14px 30px -20px rgba(0,0,0,.8);
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --bg:#12151C; --surface:#1A1E27; --surface-2:#212633; --ink:#E9ECF2; --muted:#9AA2B2; --line:#2C3240; --line-2:#3A4152;
  --accent:#8BA2FF; --accent-ink:#0D1430; --accent-soft:#222C4D;
  --primary:#E9ECF2; --primary-ink:#12151C;
  --ok:#56C697; --ok-soft:#173327; --warn:#E6B847; --warn-soft:#352B12; --danger:#F28B9B; --danger-soft:#3A1C23;
  --t1:#3D5BC8; --t2:#2A8461; --t3:#A83B4E; --t4:#C2931B; --t5:#5B6C8F; --t6:#23808D;
  --c-digit:#8BA2FF; --c-sym:#F28B9B; --c-upper:#E9ECF2; --c-lower:#B4BBC9;
  --shadow:0 1px 0 rgba(0,0,0,.2), 0 14px 30px -20px rgba(0,0,0,.8);
  color-scheme: dark;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-variation-settings:var(--voz);font-size:15.5px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit;font-variation-settings:inherit}
[hidden]{display:none !important}
.wrap{max-width:900px;margin:0 auto;padding:22px max(18px,env(safe-area-inset-right,0px)) 56px max(18px,env(safe-area-inset-left,0px))}
h2{font-size:1.4rem;line-height:1.2;margin:2px 0 4px;font-weight:780;font-variation-settings:var(--voz-titulo);letter-spacing:-.01em;text-wrap:balance}
.sub{color:var(--muted);margin:0 0 20px;max-width:62ch}
.mono,.pw,.keybox,.out-box,.path,.len-out,.check small{font-family:var(--mono);font-variation-settings:var(--voz-dato)}

/* ---------- pantalla de entrada ---------- */
.lock{min-height:calc(100vh - 44px);display:grid;place-items:center}
.lock-card{width:100%;max-width:420px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.brand img{flex:none}
.brand h1{font-size:1.6rem;line-height:1.1;margin:0;font-weight:850;font-variation-settings:var(--voz-titulo);letter-spacing:-.015em}
/* Llavero de la entrada: aro metálico + ficha cobalto con su agujero */
.llavero{display:inline-flex;align-items:center;margin:4px 0 26px;transform:rotate(-5deg);transform-origin:left center}
.llavero .aro{width:34px;height:34px;border-radius:50%;border:4px solid var(--line-2);margin-right:-9px;position:relative;z-index:1}
.llavero .ficha{background:var(--t1);color:#fff;border-radius:12px 24px 24px 12px;padding:12px 24px 12px 30px;position:relative;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.16), 0 12px 20px -12px color-mix(in srgb,var(--t1) 80%,transparent)}
.llavero .ficha::before{content:"";position:absolute;left:10px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.llavero h1{margin:0;font-size:1.75rem;line-height:1;font-weight:880;font-variation-settings:var(--voz-titulo);color:#fff;letter-spacing:-.01em}
.lock .panel{box-shadow:var(--shadow)}
.lead{color:var(--muted);margin:0 0 18px}
.saludo{font-size:1.45rem;line-height:1.15;font-weight:760;font-variation-settings:var(--voz-titulo);margin:0 0 4px}
.sello{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:7px 12px 7px 9px;border-radius:99px;border:1.5px solid var(--ok);color:var(--ok);background:var(--ok-soft);font-size:.8rem;font-weight:650}
.sello i{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;flex:none}
.sello i::after{content:"";width:4px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.lock .note{margin-top:10px}

/* ---------- paneles, campos y botones ---------- */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
label.f{display:block;font-weight:680;font-size:.88rem;margin:0 0 7px}
.field{margin-bottom:14px}
input[type=text],input[type=password],input[type=url],input[type=email],input[type=number],select,textarea{
  width:100%;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--radius-s);padding:11px 13px;outline:none;min-height:46px;transition:border-color .15s,box-shadow .15s}
textarea{resize:vertical;min-height:90px}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--radius-s);
  border:1.5px solid var(--line-2);background:var(--surface);font-weight:680;cursor:pointer;text-decoration:none;color:var(--ink);transition:background .15s,border-color .15s,transform .05s}
.btn:hover{border-color:var(--muted)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible,.tab:focus-visible,.entry-main:focus-visible,.icon-btn:focus-visible,.linkish:focus-visible,.check:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}
.btn.primary:hover{background:color-mix(in srgb,var(--primary) 88%,var(--accent))}
.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line-2));background:var(--surface)}
.btn.danger:hover{background:var(--danger-soft)}
.btn.block{width:100%;min-height:50px;font-size:1rem}
.btn.small{min-height:36px;padding:6px 12px;font-size:.86rem;border-radius:10px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.icon-btn{min-height:46px;min-width:46px;border:1.5px solid var(--line-2);background:var(--surface);border-radius:var(--radius-s);cursor:pointer;display:inline-grid;place-items:center;padding:0 12px;font-weight:680;font-size:.85rem}
.icon-btn:hover{border-color:var(--muted)}
.err{color:var(--danger);font-size:.9rem;min-height:1.4em;margin:6px 0 0}
.note{color:var(--muted);font-size:.86rem;margin:14px 0 0}
.note.tight{margin:0 0 12px}
.row{display:flex;gap:8px;align-items:center}
.row>input{flex:1;min-width:0}
.linkish{display:block;background:none;border:0;padding:8px 0;color:var(--accent);font-weight:680;cursor:pointer;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}

/* ---------- cabecera de la app ---------- */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
body.unlocked::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
.top-inner{max-width:900px;margin:0 auto;padding:12px max(18px,env(safe-area-inset-right,0px)) 10px max(18px,env(safe-area-inset-left,0px))}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.top-row .brand{margin:0;gap:10px}
.top-row .brand h1{font-size:1.2rem}
.top-actions{display:flex;gap:6px}
.badge{font-size:.72rem;font-weight:780;padding:3px 9px;border-radius:99px;border:1.5px solid var(--line-2);color:var(--muted);background:var(--surface);letter-spacing:.02em}
.badge.pro{background:var(--t1);color:#fff;border-color:var(--t1)}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.tabs::-webkit-scrollbar{display:none}
.tab{border:1.5px solid transparent;background:none;padding:7px 14px;font-weight:680;color:var(--muted);cursor:pointer;border-radius:99px;white-space:nowrap;font-size:.92rem}
.tab:hover{color:var(--ink);background:var(--surface)}
.tab[aria-selected="true"]{color:var(--primary-ink);background:var(--primary);border-color:var(--primary)}

/* ---------- lista de contraseñas: cada una es una ficha de llavero ---------- */
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.toolbar input{flex:1 1 220px}
.toolbar select{flex:0 1 190px}
.entries{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:10px}
.entry{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 8px;background:var(--surface);border:1.5px solid var(--line);border-radius:14px 24px 24px 14px;transition:border-color .15s,transform .15s;min-width:0}
.entry:hover{border-color:var(--line-2)}
.entry-main{flex:1;min-width:0;text-align:left;background:none;border:0;padding:2px;cursor:pointer;border-radius:10px;display:flex;gap:12px;align-items:center}
/* Ficha de esmalte con su agujero; el color lo pone el grupo (t1…t6) */
.avatar{flex:none;width:36px;height:46px;border-radius:9px;background:var(--t5);color:#fff;display:grid;place-items:end center;padding-bottom:6px;font-weight:820;font-size:.9rem;position:relative;font-variation-settings:var(--voz-titulo);box-shadow:inset 0 0 0 2px rgba(255,255,255,.14)}
.avatar::before{content:"";position:absolute;top:7px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--surface);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.avatar.t1{background:var(--t1)}.avatar.t2{background:var(--t2)}.avatar.t3{background:var(--t3)}.avatar.t4{background:var(--t4)}.avatar.t5{background:var(--t5)}.avatar.t6{background:var(--t6)}
.e-text{min-width:0}
.e-title{display:block;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-sub{display:block;color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-actions{display:flex;gap:6px;flex:none}
.e-actions .btn.small{border-radius:99px}
.empty{grid-column:1/-1;padding:34px 20px;text-align:center;color:var(--muted);background:var(--surface);border:1.5px dashed var(--line-2);border-radius:var(--radius)}
.empty strong{display:block;color:var(--ink);font-size:1.1rem;font-weight:760;font-variation-settings:var(--voz-titulo);margin-bottom:4px}
.group-tag{display:inline-block;font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);margin-left:6px;vertical-align:1px}
/* "Para este sitio" en la extensión: la ficha que coincide va adelante */
.site-box{margin-bottom:18px;padding:12px;border-radius:var(--radius);background:var(--accent-soft);border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.site-box .section-title{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:.85rem;margin:0 0 10px}
.site-box .section-title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.site-box .entries{grid-template-columns:1fr}
.site-box .entry{border-color:transparent;box-shadow:var(--shadow)}

/* ---------- generador ---------- */
.gen-display{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:24px 22px 18px;box-shadow:var(--shadow)}
.pw{font-size:clamp(1.25rem,4.2vw,1.95rem);line-height:1.35;word-break:break-all;letter-spacing:.03em;min-height:2.7em}
.pw .d{color:var(--c-digit)} .pw .s{color:var(--c-sym);font-weight:700} .pw .u{color:var(--c-upper);font-weight:700} .pw .l{color:var(--c-lower)}
.pw .hint{color:var(--muted);font-family:var(--sans);font-variation-settings:var(--voz);font-size:1rem}
.meter{height:10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;margin:18px 0 8px}
.meter>i{display:block;height:100%;width:0;background:var(--danger);border-radius:99px;transition:width .25s ease,background .25s ease}
.meter-label{display:flex;justify-content:space-between;gap:8px;font-size:.86rem;color:var(--muted)}
.meter-label b{color:var(--ink)}
.gen-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.gen-actions.flush{margin:0}
.opts{margin-top:16px;display:grid;gap:14px}
.len-row{display:flex;align-items:center;gap:14px}
.len-row input[type=range]{flex:1;accent-color:var(--t1);height:44px}
.len-out{font-weight:700;min-width:2.5ch;text-align:right;font-size:1.15rem}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.check{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--surface);cursor:pointer;min-height:46px}
.check input{width:18px;height:18px;accent-color:var(--t1);flex:none}
.check small{color:var(--muted);margin-left:auto}

/* ---------- compartir, recibir, ajustes ---------- */
.out-box{background:var(--surface-2);border:1.5px dashed var(--line-2);border-radius:var(--radius-s);padding:12px;font-size:.8rem;word-break:break-all;max-height:140px;overflow:auto}
.keybox{font-size:1.2rem;font-weight:700;letter-spacing:.05em;background:var(--accent-soft);color:var(--ink);border-radius:var(--radius-s);padding:14px 16px;word-break:break-all;border:1.5px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.reveal{display:grid;gap:8px;margin-top:14px}
.reveal-row{display:flex;gap:8px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:8px 8px 8px 12px}
.reveal-row span.k{font-size:.8rem;color:var(--muted);min-width:78px}
.reveal-row span.v{flex:1;min-width:0;word-break:break-all}
.stack{display:grid;gap:16px}
.section-title{font-size:1.02rem;font-weight:760;font-variation-settings:var(--voz-titulo);margin:0 0 6px}
.path{font-size:.8rem;word-break:break-all;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px;margin:0 0 12px}
.lic-status{display:flex;align-items:center;gap:12px;margin:0 0 12px}

/* ---------- diálogos y avisos ---------- */
dialog{border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 40px);box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
dialog::backdrop{background:color-mix(in srgb,#0B0E16 55%,transparent);backdrop-filter:blur(2px)}
dialog h2{font-size:1.3rem}
.dlg-body{padding:22px 22px 18px;overflow:auto;max-height:calc(100vh - 140px)}
.dlg-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface-2)}
.dlg-foot .spacer{flex:1}
.mini-meter{height:6px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;margin-top:7px}
.mini-meter>i{display:block;height:100%;width:0;border-radius:99px;transition:width .2s}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;
  background:var(--primary);color:var(--primary-ink);padding:11px 18px;border-radius:99px;font-weight:680;font-size:.9rem;max-width:calc(100vw - 32px);transition:opacity .2s,transform .2s;z-index:50;pointer-events:none;text-align:center;box-shadow:0 12px 30px -14px rgba(0,0,0,.6)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.busy{opacity:.65;pointer-events:none}

/* ---------- Mi cuenta ---------- */
.section-title.sep{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.muted-txt{color:var(--muted);font-size:.88rem}
.sync-state{display:flex;align-items:center;gap:8px;font-size:.88rem;margin:0 0 12px;color:var(--muted)}
.sync-state:not(:empty)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line-2);flex:none}
.sync-state[data-tipo="ok"]{color:var(--ok)}
.sync-state[data-tipo="ok"]::before{background:var(--ok)}
.sync-state[data-tipo="aviso"]{color:var(--warn)}
.sync-state[data-tipo="aviso"]::before{background:var(--warn)}
.equipos{list-style:none;margin:0;padding:0}
.equipos li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.equipos li:last-child{border-bottom:0}
.equipos small{display:block;color:var(--muted)}
#passDlgInput{width:100%}
/* El kit se ve como una tarjeta para guardar */
#kitDlgCodigo{font-size:1.25rem;text-align:center;padding:18px 14px;border-style:dashed;letter-spacing:.08em}

/* ---------- ventanita de la extensión ---------- */
html.popup body{width:390px;min-height:580px;font-size:15px}
html.popup .wrap{padding:14px 12px 24px}
html.popup .lock{min-height:540px}
html.popup .top-inner{padding:10px 12px 8px}
html.popup .top-row{margin-bottom:10px}
html.popup .tab{padding:6px 11px;font-size:.84rem}
html.popup .entries{grid-template-columns:1fr}
html.popup .entry{flex-wrap:wrap}
html.popup .e-actions{width:100%;padding-left:48px}
html.popup .e-actions .btn{flex:1}
html.popup .llavero{margin:14px 0 20px}
html.popup .panel{padding:18px}

@media (max-width:560px){
  .entry{flex-wrap:wrap}
  .e-actions{width:100%;padding-left:48px}
  .e-actions .btn{flex:1}
  .panel{padding:18px}
}
@media (prefers-reduced-motion: reduce){*{transition:none !important}.llavero{transform:none}}

/* Botones de copiar en cada ficha: livianos, para que la lista respire */
.btn.copia{background:var(--surface-2);border-color:transparent;color:var(--ink);gap:6px;padding:6px 11px}
.btn.copia:hover{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.btn.copia.clave{background:var(--accent-soft);color:var(--accent)}
.btn.copia.clave:hover{background:var(--accent);color:var(--accent-ink)}
.btn.copia svg{flex:none}

/* Ventanita: buscador arriba; filtro y "Agregar" en una sola línea */
html.popup .toolbar{gap:6px;margin-bottom:12px}
html.popup .toolbar input{flex:1 1 100%}
html.popup .toolbar select,html.popup .toolbar .btn{flex:1 1 0;min-width:0;font-size:.88rem}
html.popup .entry{padding:7px 8px 8px 7px;gap:6px}
html.popup .e-actions{padding-left:46px;gap:6px}
html.popup .site-box{padding:10px}

/* La última opción del generador ocupa toda la fila, para que no quede sola y apretada */
.checks .check:last-child{grid-column:1/-1}

/* Compartir: dos formas, elegidas como tarjetas */
.modos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.modo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border-radius:var(--radius-s);border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;color:var(--ink)}
.modo b{font-weight:760;font-variation-settings:var(--voz-titulo)}
.modo span{font-size:.82rem;color:var(--muted)}
.modo[aria-selected="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.modo:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#enlUrl{font-size:.88rem}

/* Aviso de actualización lista (app de escritorio) */
.aviso-act{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px);padding:12px 14px 12px 18px;border-radius:18px;background:var(--surface);border:1.5px solid var(--accent);box-shadow:var(--shadow);font-size:.9rem;font-weight:600}
.aviso-act-botones{display:flex;gap:6px}

/* Si los botones no caben junto al nombre, bajan a una segunda línea (nunca se corta el nombre) */
.entry{flex-wrap:wrap}
.entry-main{flex:1 1 210px}
.e-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}