.user-box { position: relative; margin-left: 10px; flex-shrink: 0; }
        .user-chip {
            display: flex; align-items: center; gap: 8px;
            background: #16202b; border: 1px solid #24313f; color: #e6eaf0;
            padding: 7px 11px 7px 7px; border-radius: 999px; cursor: pointer;
            font-size: 13px; font-family: inherit; max-width: 200px;
        }
        .user-chip:hover { border-color: #f59e0b; }
        .user-avatar {
            width: 24px; height: 24px; border-radius: 50%;
            background: linear-gradient(180deg,#fbbf24,#f59e0b); color: #23180a;
            display: flex; align-items: center; justify-content: center;
            font-weight: 700; font-size: 12px; flex-shrink: 0;
        }
        .user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .user-caret { color: #8fa0b3; font-size: 10px; }
        .user-menu {
            display: none; position: absolute; right: 0; top: calc(100% + 8px);
            min-width: 215px; background: #131c26; border: 1px solid #24313f;
            border-radius: 12px; padding: 6px; z-index: 3000;
            box-shadow: 0 18px 40px rgba(0,0,0,.5);
        }
        .user-menu.abierto { display: block; }
        .user-menu-head { padding: 8px 10px 10px; border-bottom: 1px solid #24313f; margin-bottom: 6px; }
        .user-menu-head strong { display: block; font-size: 13.5px; color: #e6eaf0; }
        .user-menu-head small { color: #8fa0b3; font-size: 11.5px; text-transform: capitalize; }
        .user-menu-item {
            display: block; width: 100%; text-align: left; padding: 9px 10px;
            background: none; border: 0; color: #cdd6e0; font-size: 13px;
            font-family: inherit; cursor: pointer; border-radius: 8px; text-decoration: none;
        }
        .user-menu-item:hover { background: #1d2936; color: #fff; }
        .user-menu-item.danger:hover { background: rgba(239,68,68,.15); color: #fca5a5; }
        .modal-pass-overlay {
            display: none; position: fixed; inset: 0; background: rgba(3,7,12,.72);
            z-index: 5000; align-items: center; justify-content: center; padding: 20px;
        }
        .modal-pass-overlay.abierto { display: flex; }
        .modal-pass {
            background: #131c26; border: 1px solid #24313f; border-radius: 14px;
            padding: 22px; width: 100%; max-width: 380px; color: #e6eaf0;
            font-family: inherit;
        }
        .modal-pass h3 { margin: 0 0 16px; font-size: 16px; }
        .modal-pass label { display:block; font-size:12.5px; color:#8fa0b3; margin:0 0 5px 2px; }
        .modal-pass input {
            width: 100%; padding: 10px 12px; margin-bottom: 13px;
            background: #0e151d; border: 1px solid #24313f; border-radius: 9px;
            color: #e6eaf0; font-size: 14px; font-family: inherit; outline: none;
        }
        .modal-pass input:focus { border-color: #f59e0b; }
        .modal-pass .msg { font-size: 12.5px; padding: 8px 10px; border-radius: 8px; margin-bottom: 12px; display:none; }
        .modal-pass .msg.ok { display:block; background: rgba(34,197,94,.13); color:#86efac; border:1px solid rgba(34,197,94,.35); }
        .modal-pass .msg.err { display:block; background: rgba(239,68,68,.13); color:#fca5a5; border:1px solid rgba(239,68,68,.35); }
        .modal-pass .acciones { display: flex; gap: 9px; justify-content: flex-end; }
        .modal-pass .acciones button {
            padding: 10px 16px; border-radius: 9px; font-size: 13.5px; cursor: pointer;
            font-family: inherit; border: 1px solid #24313f; background: #1a2632; color: #cdd6e0;
        }
        .modal-pass .acciones button.primario {
            background: linear-gradient(180deg,#fbbf24,#f59e0b); color: #23180a;
            font-weight: 700; border: 0;
        }