/* Claves temporales y campos de acceso; misma paleta y tipografía del panel. */
.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}
.password-field>input{width:100%;min-width:0}
.password-label{display:grid;gap:6px}
.password-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px;font-size:13px;white-space:nowrap}
.password-toggle svg{flex:none}
.password-toggle:focus-visible,.seller-access-whatsapp:focus-visible{outline:3px solid #a77ce5;outline-offset:3px}
.password-change{max-width:560px}
.password-change .password-help{font-size:14px;color:#655b74;margin:0}
.password-change #password-change-error:empty{display:none}
header .session-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
header .session-actions button{font-size:14px}
#seller-admin .seller-access-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}
#seller-admin .seller-access-card{border:1px solid #dfd8ec;border-radius:14px;padding:18px;min-width:0;background:#fff;display:flex;flex-direction:column;gap:12px}
#seller-admin .seller-access-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
#seller-admin .seller-access-card-heading h3{font-size:19px;line-height:1.35;margin:0;overflow-wrap:anywhere;min-width:0;flex:1}
#seller-admin .seller-access-state{display:inline-block;padding:4px 9px;border-radius:8px;background:#e7f6ee;color:#0b5e3c;font-size:12px;font-weight:750}
#seller-admin .seller-access-state.is-inactive{background:#f2edf7;color:#655b74}
#seller-admin .seller-access-card p{margin:0}
#seller-admin .seller-access-phone{font-size:14px;color:#655b74;letter-spacing:.03em;font-variant-numeric:tabular-nums}
#seller-admin .seller-access-availability{font-size:14px;font-weight:700;color:#401884}
#seller-admin .seller-access-availability.is-legacy{color:#70420c}
#seller-admin .seller-access-note{font-size:13px;line-height:1.5;color:#655b74}
#seller-admin .seller-access-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:4px}
#seller-admin .seller-access-card-actions button{font-size:14px;min-height:44px;padding:10px 12px;flex:1}
#seller-admin .seller-access-card-actions button:disabled{cursor:not-allowed;color:#655b74;border-color:#dfd8ec;background:#f6f3fa;opacity:.75}
#seller-result:empty{display:none}
#seller-result:not(:empty){padding:12px 14px;background:#f3eefc;border-radius:10px;font-size:15px}
#seller-result[data-state=error]{background:#fff1f3;color:#9b1b31;border-left:4px solid #a51c32}
#seller-result[data-state=success]{background:#e7f6ee;color:#0b5e3c;border-left:4px solid #087a4a}
#seller-admin .seller-access-empty,#seller-admin .seller-access-load-error{padding:15px;background:#f7f4fd;border-radius:12px;color:#655b74}
#seller-admin .seller-access-load-error p{margin:0 0 12px}
#sellers[aria-busy=true]{opacity:.7}
.seller-access-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:26px;overflow-y:auto;overscroll-behavior:contain}
.seller-access-dialog .seller-access-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.seller-access-dialog .seller-access-dialog-heading h2{font-size:24px;line-height:1.25;margin:0}
.seller-access-dialog .seller-access-dialog-heading button{flex-shrink:0}
.seller-access-dialog .seller-access-identity{font-weight:750;color:#401884;overflow-wrap:anywhere;margin:0 0 12px}
.seller-access-dialog .seller-access-description{margin:0 0 18px;color:#655b74;line-height:1.6}
.seller-access-dialog .seller-access-secret{padding:20px;background:#f3eefc;border:1px solid #d8cceb;border-radius:12px;margin:0 0 16px}
.seller-access-dialog .seller-access-secret label{font-size:14px;color:#401884;margin-bottom:10px}
.seller-access-dialog .seller-access-secret input{width:100%;min-height:58px;text-align:center;font:750 clamp(18px,4.5vw,23px)/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;font-variant-numeric:tabular-nums;color:#32116e;background:#fff;user-select:text;-webkit-user-select:text}
.seller-access-dialog .seller-access-secret-actions,.seller-access-dialog .seller-access-dialog-actions,.seller-access-dialog .seller-access-reset-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.seller-access-dialog .seller-access-secret-actions{margin-top:14px}
.seller-access-dialog .seller-access-dialog-actions{margin-top:12px}
.seller-access-dialog .seller-access-secret-actions button,.seller-access-dialog .seller-access-dialog-actions button,.seller-access-dialog .seller-access-reset-actions button{min-height:46px;flex:1}
.seller-access-whatsapp{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:46px;padding:11px 13px;border:1px solid #147d4d;border-radius:10px;background:#147d4d;color:white;font:inherit;font-weight:750;text-align:center;text-decoration:none}
.seller-access-whatsapp[aria-disabled=true]{opacity:.6;pointer-events:none}
.seller-access-dialog .seller-access-reset-panel{padding:18px;border:1px solid #e7bdc5;background:#fff7f8;border-radius:12px}
.seller-access-dialog .seller-access-check{display:flex;align-items:flex-start;gap:10px;font-weight:600;font-size:15px;line-height:1.5;margin-bottom:18px}
.seller-access-dialog .seller-access-check input{flex-shrink:0;margin:4px 0 0;width:18px;height:18px;accent-color:#401884}
.seller-access-dialog .seller-access-dialog-status,.seller-access-dialog .seller-access-dialog-error{font-size:14px;line-height:1.55;overflow-wrap:anywhere;margin:16px 0 0}
.seller-access-dialog .seller-access-dialog-status{color:#0b5e3c;font-weight:650}
.seller-access-dialog .seller-access-dialog-error{color:#a51c32}
.seller-access-dialog .seller-access-dialog-status:empty,.seller-access-dialog .seller-access-dialog-error:empty{display:none}
.seller-access-dialog .seller-access-reset,#seller-admin .seller-access-reset{color:#9b1b31;border-color:#d9a3ae;background:#fff}
.seller-access-dialog button:focus-visible,#seller-admin button:focus-visible,.seller-access-dialog input:focus-visible{outline:3px solid #a77ce5;outline-offset:3px}
@media(max-width:560px){
 #seller-admin .seller-access-list{grid-template-columns:minmax(0,1fr)}
 #seller-admin .seller-access-card{padding:16px}
 #seller-admin #seller-form{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 #seller-admin #seller-form label{min-width:0}
 #seller-admin #seller-form input,#seller-admin #seller-form button{width:100%}
 .seller-access-dialog{padding:19px}
 .seller-access-dialog .seller-access-dialog-heading h2{font-size:22px}
 .seller-access-dialog .seller-access-secret{padding:15px}
 .seller-access-dialog .seller-access-secret .password-field{grid-template-columns:minmax(0,1fr)}
 .seller-access-dialog .seller-access-secret .password-toggle{justify-self:end}
 .seller-access-dialog .seller-access-secret-actions,.seller-access-dialog .seller-access-dialog-actions,.seller-access-dialog .seller-access-reset-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .seller-access-dialog .seller-access-secret-actions button,.seller-access-dialog .seller-access-dialog-actions button,.seller-access-dialog .seller-access-reset-actions button{width:100%}
}