/* Diálogos propios: sobrios, negros, con el mismo borde, radio y rotulado que el resto de la aplicación. */
dialog.dialogo-app{width:min(440px,calc(100vw - 32px));min-width:0;padding:26px 28px 22px;background:#0c0c0c;color:#eee;border:1px solid #333;border-radius:8px;box-shadow:0 24px 60px #000c;font-family:Inter,Arial,sans-serif}
dialog.dialogo-app::backdrop{background:#000c}
dialog.dialogo-app .da-rotulo{margin:0 0 8px;font-size:10px;letter-spacing:.2em;color:#777;text-transform:none}
dialog.dialogo-app h2{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.25}
dialog.dialogo-app .da-mensaje{margin:0 0 18px;font-size:13px;line-height:1.55;color:#a0a0a0}
dialog.dialogo-app .da-campo{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;font-size:11px;letter-spacing:.04em;color:#9a9a9a}
dialog.dialogo-app .da-campo input{background:#050505;border:1px solid #292929;border-radius:6px;color:#fff;padding:11px 12px;font:inherit;font-size:13px;outline:none}
dialog.dialogo-app .da-campo input:focus{border-color:#777}
dialog.dialogo-app .da-acciones{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
dialog.dialogo-app .da-acciones button{min-height:34px;padding:0 16px;border:1px solid #303030;border-radius:6px;background:transparent;color:#ddd;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .16s,background .16s,color .16s}
dialog.dialogo-app .da-acciones button:hover{border-color:#5a5a5a;background:#141414}
dialog.dialogo-app .da-acciones button.principal{background:#f2f2ef;border-color:#f2f2ef;color:#080808}
dialog.dialogo-app .da-acciones button.principal:hover{background:#fff}
dialog.dialogo-app .da-acciones button.peligro{border-color:#6b2a2e;color:#ff7b82}
dialog.dialogo-app .da-acciones button.peligro:hover{background:#2a1214;border-color:#ff5c63}
dialog.dialogo-app .da-acciones button:focus-visible{outline:1px solid #8a8a8a;outline-offset:2px}