.accounts{font-size:16px;line-height:1.6;color:#17252a;background:#f4f7f7}.accounts main{background:white;border:1px solid #dce6e5;border-radius:12px;box-shadow:0 5px 24px #17252a09}.accounts main nav{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #dce6e5;padding-bottom:16px}.accounts h1{font-size:32px;margin:24px 0 12px}.accounts h2{font-size:22px}.accounts main form{margin:16px 0;padding:16px;background:#f7faf9;border:1px solid #dce6e5;border-radius:8px}.accounts main label{margin:10px 0;display:block;font-size:14px}.accounts main button{margin:4px 6px 4px 0;padding:10px 14px;font-size:14px}.accounts main button[value=delete]{color:#a22020;border-color:#d59b9b}.accounts main input,.accounts main select{font-size:16px;padding:10px}.accounts main table{width:100%;border-collapse:collapse;table-layout:fixed}.accounts main th{text-align:left;border-bottom:2px solid #dce6e5}.accounts main td{padding:12px 8px;border-bottom:1px solid #dce6e5;vertical-align:top;overflow-wrap:anywhere}.accounts main td form{padding:12px}.accounts .activity{list-style:none;padding:0}.accounts .activity li{padding:12px;border-bottom:1px solid #dce6e5;font-size:14px;overflow-wrap:anywhere}.accounts [role=status]{background:#e6f6ed;border-left:4px solid #217e50;padding:12px}.accounts main a:focus-visible,.accounts main button:focus-visible,.accounts main input:focus-visible,.accounts main select:focus-visible{outline:3px solid #26768c;outline-offset:3px}@media(max-width:700px){.accounts main{margin:10px!important}.accounts main table,.accounts main thead,.accounts main tbody,.accounts main tr,.accounts main th,.accounts main td{display:block}.accounts main thead{display:none}.accounts main td{padding:8px}.accounts main tr{border:1px solid #dce6e5;margin:12px 0;border-radius:8px}.accounts main td:first-child{font-weight:600}.accounts main nav{font-size:14px}}

/* Formularios de acceso y cuenta: campos apilados y ancho consistente. */
.accounts main form{display:grid;gap:12px}
.accounts main label{display:grid;gap:4px;margin:0;font-weight:600}
.accounts main input,.accounts main select,.accounts main textarea{width:100%;max-width:420px;padding:10px;font-size:16px;border:1px solid #c3d2d0;border-radius:8px;background:#fff}
.accounts main button{justify-self:start;margin:4px 0;padding:10px 18px;font-size:15px;border:1px solid #145b48;background:#145b48;color:#fff;border-radius:8px;cursor:pointer}
.accounts main button:hover{background:#0f4536}
.accounts main button[value=delete]{background:#fff;color:#a22020;border-color:#d59b9b}
button.secondary{background:#fff;color:#145b48}button.secondary:hover{background:#edf5f1}button.danger{background:#fff;color:#a13737;border-color:#a13737}button.danger:hover{background:#fbeeee}.accounts-main{max-width:1000px;margin:2rem auto;padding:1rem}.accounts .login-error{background:#fbeeee;border-left:4px solid #a13737;color:#7d2525;padding:12px;margin:12px 0}
.accounts .login-brand{margin:20px 0 4px}.accounts .login-brand img{display:block;max-width:220px;max-height:72px;width:auto;height:auto}.accounts .login-brand strong{font-size:22px}