:root {
    --arc-bg: #020817;
    --arc-panel: rgba(6, 18, 37, 0.82);
    --arc-panel-strong: rgba(5, 16, 34, 0.96);
    --arc-card: rgba(15, 36, 67, 0.72);
    --arc-border: rgba(52, 211, 255, 0.28);
    --arc-cyan: #22d3ee;
    --arc-cyan-strong: #00e5ff;
    --arc-blue: #2563eb;
    --arc-violet: #7c3aed;
    --arc-text: #f4fbff;
    --arc-muted: #93a9c4;
    --arc-success: #2ee6a6;
    --arc-danger: #ff647c;
    --arc-radius-xl: 24px;
    --arc-radius-lg: 18px;
    --arc-radius-md: 14px;
    --arc-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
}

/* ARC Messenger Professional RC6 */
.arc-pro-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(1,7,18,.78);backdrop-filter:blur(10px)}
.arc-pro-panel{width:min(680px,100%);max-height:min(820px,92vh);overflow:auto;border:1px solid rgba(0,229,255,.35);border-radius:22px;background:linear-gradient(155deg,#071a33,#030b18);box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 45px rgba(0,229,255,.15);color:#edfaff}
.arc-pro-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(0,229,255,.18)}
.arc-pro-panel>header h2{margin:0;font-size:1.25rem}.arc-pro-panel>header button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0b2342;color:#fff;font-size:1.4rem}
.arc-pro-content{display:grid;gap:16px;padding:22px}.arc-pro-content label{display:grid;gap:7px;color:#b9d9e8}.arc-pro-content textarea,.arc-pro-content select,.arc-pro-content input:not([type=checkbox]){width:100%;border:1px solid rgba(0,229,255,.24);border-radius:12px;background:#031025;color:#fff;padding:12px;font:inherit}.arc-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arc-toggle{display:flex!important;align-items:center;gap:9px!important}.arc-toggle input{width:18px;height:18px}.arc-pro-content output{display:block;white-space:pre-wrap;line-height:1.55;border-radius:14px;background:rgba(0,229,255,.06);padding:14px;min-height:44px}.arc-pro-content #arcWebSources{display:grid;gap:8px}.arc-pro-content #arcWebSources a{color:#74edff}.arc-note{margin:0;color:#bdd3df;line-height:1.55}.arc-reminder-list{display:grid;gap:9px}.arc-reminder-list article{display:grid;gap:7px;padding:11px;border:1px solid rgba(0,229,255,.2);border-radius:12px}.arc-reminder-list button{border:1px solid rgba(0,229,255,.25);background:#0b2342;color:#fff;border-radius:9px;padding:8px}
.arc-official-alert a{color:#75eeff}.arc-level-warning{border-color:#f7b955!important;background:rgba(247,185,85,.08)}.arc-level-critical{border-color:#ff6b6b!important;background:rgba(255,107,107,.1)}.arc-drill{border:2px dashed #ffd166!important;background:rgba(255,209,102,.1);color:#fff4c2}
.arc-message-footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:5px;font-size:.7rem;opacity:.78}.arc-ticks{font-weight:800;letter-spacing:-2px}.arc-ticks.read{color:#30cfff;opacity:1}.arc-reply-line{margin:-2px 0 7px;padding:6px 8px;border-left:3px solid #00e5ff;background:rgba(0,229,255,.08);font-size:.75rem}.arc-reactions{display:flex;gap:4px;flex-wrap:wrap}.arc-reactions span{padding:2px 5px;border-radius:9px;background:#102b49}.arc-unread-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#00d69b;color:#00140f;font-weight:800;font-size:.72rem}
@media(max-width:600px){.arc-grid-two{grid-template-columns:1fr}.arc-pro-content{padding:16px}.arc-pro-panel{border-radius:17px}}

* { box-sizing: border-box; }

html, body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    color: var(--arc-text);
    background: var(--arc-bg);
    font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

body { overflow: hidden; }
button, input, textarea { font: inherit; }
button { color: inherit; }

.arc-background {
    position: fixed;
    inset: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 20%, rgba(37, 99, 235, .22), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(124, 58, 237, .20), transparent 30%),
        linear-gradient(135deg, #020611 0%, #061225 45%, #050b1d 100%);
    z-index: -2;
}

.arc-grid {
    position: absolute;
    inset: 0;
    opacity: .25;
    background-image:
        linear-gradient(rgba(34, 211, 238, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 211, 238, .05) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(circle at center, #000 20%, transparent 78%);
}

.arc-orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(18px);
    opacity: .48;
    animation: arcFloat 12s ease-in-out infinite;
}
.arc-orb-one { width: 340px; height: 340px; left: -80px; top: 12%; background: rgba(0, 229, 255, .18); }
.arc-orb-two { width: 430px; height: 430px; right: -110px; top: 5%; background: rgba(124, 58, 237, .16); animation-delay: -4s; }
.arc-orb-three { width: 280px; height: 280px; right: 22%; bottom: -90px; background: rgba(37, 99, 235, .18); animation-delay: -7s; }

@keyframes arcFloat {
    0%,100% { transform: translate3d(0,0,0) scale(1); }
    50% { transform: translate3d(22px,-18px,0) scale(1.06); }
}

.login-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.login-card {
    width: min(520px, 100%);
    padding: 34px;
    border: 1px solid var(--arc-border);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(8, 24, 49, .94), rgba(5, 13, 30, .88));
    box-shadow: var(--arc-shadow), inset 0 1px 0 rgba(255,255,255,.07);
    backdrop-filter: blur(24px);
}

.login-brand { display: flex; gap: 18px; align-items: center; margin-bottom: 28px; }
.login-logo-ring {
    width: 86px; height: 86px; flex: 0 0 auto; display: grid; place-items: center;
    border-radius: 24px; border: 1px solid rgba(34,211,238,.42);
    background: radial-gradient(circle, rgba(34,211,238,.20), rgba(37,99,235,.08));
    box-shadow: 0 0 34px rgba(34,211,238,.16);
}
.login-logo-img { width: 66px; height: 66px; object-fit: contain; }
.login-brand h1 { margin: 2px 0 6px; font-size: clamp(1.7rem, 4vw, 2.35rem); }
.login-brand p { margin: 0; color: var(--arc-muted); }
.eyebrow { margin: 0; color: var(--arc-cyan); font-size: .68rem; letter-spacing: .18em; font-weight: 800; }

.login-fields { display: grid; gap: 9px; }
.login-fields label { font-size: .76rem; color: #c9d9ea; font-weight: 700; margin-top: 4px; }
.login-fields input {
    width: 100%; padding: 14px 16px; border-radius: 14px;
    border: 1px solid rgba(137, 176, 214, .20); color: var(--arc-text);
    background: rgba(2, 10, 24, .76); outline: none; transition: .22s ease;
}
.login-fields input:focus { border-color: var(--arc-cyan); box-shadow: 0 0 0 4px rgba(34,211,238,.10); }
.login-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
.primary-action, .secondary-action {
    min-height: 48px; border-radius: 14px; border: 1px solid transparent; cursor: pointer; font-weight: 800;
}
.primary-action { display: flex; justify-content: center; gap: 10px; align-items: center; background: linear-gradient(135deg, var(--arc-cyan), #3b82f6); color: #00131b; box-shadow: 0 12px 30px rgba(34,211,238,.22); }
.secondary-action { background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.12); }
.login-security { margin-top: 20px; display: flex; gap: 8px; justify-content: center; color: var(--arc-muted); font-size: .78rem; }
.security-dot, .online-dot, .live-indicator { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--arc-success); box-shadow: 0 0 14px var(--arc-success); }

.arc-app {
    width: 100vw;
    height: 100vh;
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr);
    padding: 12px;
    gap: 12px;
}

/* Protección del panel principal frente a reglas antiguas o extensiones. */
#app.arc-app.is-ready {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#app.arc-app > .arc-sidebar {
    grid-column: 1;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

#app.arc-app > main.arc-chat {
    grid-column: 2;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

#app.arc-app > main.arc-chat > .arc-header,
#app.arc-app > main.arc-chat > .conversation-stage,
#app.arc-app > main.arc-chat > .arc-composer {
    width: 100% !important;
    max-width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.arc-sidebar, .arc-chat {
    min-height: 0;
    border: 1px solid var(--arc-border);
    background: var(--arc-panel);
    box-shadow: var(--arc-shadow);
    backdrop-filter: blur(22px);
}

.arc-sidebar {
    display: flex;
    flex-direction: column;
    border-radius: var(--arc-radius-xl);
    overflow: hidden;
}

.arc-brand-card { display: flex; align-items: center; gap: 13px; padding: 20px; border-bottom: 1px solid rgba(255,255,255,.08); }
.main-logo-wrap { position: relative; width: 54px; height: 54px; flex: 0 0 auto; }
.main-logo { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 16px rgba(34,211,238,.20)); }
.live-indicator { position: absolute; right: 0; bottom: 1px; border: 2px solid #061225; }
.logo-info h2 { margin: 1px 0 0; font-size: 1.1rem; }
.logo-info p:last-child { margin: 4px 0 0; color: var(--arc-muted); font-size: .74rem; }

.sidebar-primary-actions { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 14px; }
.sidebar-btn {
    min-height: 42px; padding: 0 14px; display: flex; gap: 8px; align-items: center; justify-content: center;
    border-radius: 13px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.sidebar-btn:hover, .icon-btn:hover, .tool-btn:hover, .chat-item:hover, .status-item:hover { transform: translateY(-2px); border-color: rgba(34,211,238,.55); background: rgba(34,211,238,.10); }
.sidebar-btn-primary { background: linear-gradient(135deg, rgba(34,211,238,.95), rgba(37,99,235,.95)); color: #00151e; border: 0; font-weight: 900; }
.sidebar-scroll { min-height: 0; overflow-y: auto; padding: 0 12px 12px; scrollbar-width: thin; scrollbar-color: rgba(34,211,238,.45) transparent; }
.section-heading { display: flex; justify-content: space-between; align-items: center; margin: 16px 7px 8px; color: #8fa9c6; font-size: .68rem; letter-spacing: .12em; font-weight: 900; text-transform: uppercase; }
.section-badge { color: var(--arc-cyan); background: rgba(34,211,238,.10); border: 1px solid rgba(34,211,238,.22); padding: 3px 7px; border-radius: 999px; }

.status-item, .chat-item {
    width: 100%; min-height: 64px; display: flex; align-items: center; gap: 11px; padding: 9px;
    border-radius: 15px; border: 1px solid transparent; background: transparent; cursor: pointer; text-align: left; transition: .18s ease;
}
.chat-item.active { background: linear-gradient(135deg, rgba(34,211,238,.12), rgba(37,99,235,.10)); border-color: rgba(34,211,238,.22); }
.status-avatar, .chat-avatar { position: relative; width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(135deg, #17395f, #101c38); border: 1px solid rgba(255,255,255,.10); font-weight: 900; }
.status-avatar { border-radius: 50%; }
.status-avatar img { width: 32px; height: 32px; object-fit: contain; }
.status-plus { position: absolute; right: -2px; bottom: -2px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #00151e; background: var(--arc-cyan); border: 2px solid #07162b; font-size: .7rem; }
.ai-avatar { color: #00151e; background: linear-gradient(135deg, var(--arc-cyan), #60a5fa); box-shadow: 0 0 22px rgba(34,211,238,.20); }
.status-text, .chat-info { min-width: 0; flex: 1; display: grid; gap: 4px; }
.status-text strong, .chat-info strong { font-size: .88rem; }
.status-text small, .chat-info small { color: var(--arc-muted); font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-meta { align-self: stretch; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 8px; color: var(--arc-muted); font-size: .65rem; }
.unread-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--arc-cyan); box-shadow: 0 0 10px var(--arc-cyan); }
.sidebar-footer-card { margin: auto 14px 14px; padding: 12px; display: flex; gap: 10px; align-items: center; border-radius: 14px; border: 1px solid rgba(34,211,238,.14); background: rgba(34,211,238,.055); }
.sidebar-footer-card div { display: grid; gap: 2px; }
.sidebar-footer-card strong { font-size: .78rem; }
.sidebar-footer-card small { color: var(--arc-muted); font-size: .66rem; }
.shield-icon { color: var(--arc-cyan); }

.arc-chat { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; border-radius: var(--arc-radius-xl); overflow: hidden; }
.arc-header { min-height: 78px; display: flex; justify-content: space-between; align-items: center; padding: 13px 18px; border-bottom: 1px solid rgba(34,211,238,.18); background: linear-gradient(180deg, rgba(13,31,58,.95), rgba(6,18,37,.76)); }
.header-left { min-width: 0; display: flex; align-items: center; gap: 13px; }
.ai-logo-wrap { position: relative; width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 16px; background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.20); }
.ai-madre-logo { width: 44px; height: 44px; object-fit: contain; }
.ai-pulse { position: absolute; inset: -4px; border: 1px solid rgba(34,211,238,.45); border-radius: 19px; animation: aiPulse 2.2s ease-out infinite; }
@keyframes aiPulse { 0% { opacity:.7; transform:scale(.94); } 70%,100% { opacity:0; transform:scale(1.14); } }
.header-info h2 { margin: 2px 0 3px; font-size: 1.16rem; }
.header-info p:last-child { margin: 0; color: var(--arc-muted); font-size: .75rem; }
.header-actions { display: flex; gap: 8px; }
.icon-btn, .tool-btn {
    width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px;
    border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); cursor: pointer; transition: .18s ease;
}
.icon-btn { font-size: 1.05rem; }

.conversation-stage { position: relative; min-height: 0; overflow: hidden; background: linear-gradient(180deg, rgba(1,8,20,.28), rgba(3,10,26,.55)); }
.conversation-watermark { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; pointer-events: none; opacity: .035; }
.conversation-watermark img { width: min(240px, 32vw); }
.conversation-watermark span { margin-top: 10px; letter-spacing: .36em; font-size: .75rem; font-weight: 900; }
.messages { position: relative; z-index: 1; height: 100%; overflow-y: auto; padding: 24px clamp(16px, 3vw, 44px); scroll-behavior: smooth; }

.scroll-to-latest-btn {
    position: absolute;
    right: clamp(16px, 2.4vw, 30px);
    bottom: 18px;
    z-index: 8;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, .52);
    border-radius: 50%;
    color: var(--arc-text);
    background: linear-gradient(145deg, rgba(6, 18, 37, .98), rgba(20, 55, 100, .96));
    box-shadow: 0 12px 32px rgba(0, 0, 0, .46), 0 0 22px rgba(34, 211, 238, .16);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px) scale(.88);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease, box-shadow .18s ease;
}

.scroll-to-latest-btn.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.scroll-to-latest-btn:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 15px 36px rgba(0, 0, 0, .5), 0 0 26px rgba(34, 211, 238, .26);
}

.scroll-to-latest-btn:focus-visible {
    outline: 3px solid rgba(34, 211, 238, .34);
    outline-offset: 3px;
}

.scroll-arrow {
    font-size: 1.65rem;
    line-height: 1;
    font-weight: 800;
    transform: translateY(-1px);
}

.scroll-unread-count {
    position: absolute;
    top: -6px;
    right: -5px;
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border: 2px solid var(--arc-panel-strong);
    border-radius: 999px;
    color: #00151e;
    background: var(--arc-cyan);
    font-size: .68rem;
    line-height: 1;
    font-weight: 900;
}

.scroll-unread-count[hidden] { display: none; }
.scroll-to-latest-btn.has-unread { animation: arcScrollNotice 1.4s ease-in-out 2; }

@keyframes arcScrollNotice {
    0%, 100% { box-shadow: 0 12px 32px rgba(0, 0, 0, .46), 0 0 18px rgba(34, 211, 238, .16); }
    50% { box-shadow: 0 14px 36px rgba(0, 0, 0, .52), 0 0 34px rgba(34, 211, 238, .48); }
}
.chat-message { display: flex; margin: 9px 0; }
.chat-message.user-message { justify-content: flex-end; }
.chat-message.ai-message { justify-content: flex-start; }
.bubble { max-width: min(76%, 720px); padding: 12px 15px 8px; border-radius: 18px; line-height: 1.48; box-shadow: 0 10px 25px rgba(0,0,0,.16); }
.arc-message-content { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
.arc-message-meta { display: flex; justify-content: flex-end; align-items: center; gap: 3px; margin-top: 5px; font-size: .66rem; line-height: 1; opacity: .72; }
.arc-response-duration { opacity: .9; }
.arc-date-separator { width: max-content; max-width: 90%; margin: 16px auto 10px; padding: 6px 12px; border: 1px solid rgba(34,211,238,.18); border-radius: 999px; color: var(--arc-muted); background: rgba(8,24,49,.88); font-size: .72rem; font-weight: 700; text-transform: capitalize; }
.user-message .bubble { color: #00151e; background: linear-gradient(135deg, #67e8f9, #38bdf8); border-bottom-right-radius: 5px; }
.ai-message .bubble { color: var(--arc-text); background: rgba(17, 37, 66, .90); border: 1px solid rgba(34,211,238,.16); border-bottom-left-radius: 5px; }
.typing { position: absolute; left: 25px; bottom: 12px; z-index: 3; display: flex; align-items: center; gap: 5px; padding: 9px 12px; border-radius: 14px; background: rgba(8,24,49,.92); border: 1px solid rgba(34,211,238,.18); }
.typing span { width: 6px; height: 6px; border-radius: 50%; background: var(--arc-cyan); animation: typingBounce 1.2s infinite; }
.typing span:nth-child(2) { animation-delay: .15s; }
.typing span:nth-child(3) { animation-delay: .3s; }
.typing em { color: var(--arc-muted); font-size: .72rem; font-style: normal; margin-left: 5px; }
.typing button { margin-left: 8px; padding: 4px 8px; border: 1px solid rgba(248,113,113,.45); border-radius: 8px; color: #fecaca; background: rgba(127,29,29,.32); cursor: pointer; font-size: .68rem; }
@keyframes typingBounce { 0%,60%,100% { transform: translateY(0); opacity:.45; } 30% { transform: translateY(-4px); opacity:1; } }

.arc-composer { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 12px 14px; border-top: 1px solid rgba(34,211,238,.16); background: rgba(5,16,34,.92); }
.input-tools { display: flex; gap: 6px; }
.tool-btn { width: 39px; height: 39px; font-size: 1rem; }
.studio-tool { border-color: rgba(124,58,237,.38); box-shadow: inset 0 0 18px rgba(124,58,237,.10); }
.message-input-wrap { position: relative; min-width: 0; }
#input { width: 100%; min-height: 44px; max-height: 150px; resize: none; padding: 12px 15px; border-radius: 15px; border: 1px solid rgba(255,255,255,.10); color: var(--arc-text); background: rgba(1,8,20,.72); outline: none; }
#input:focus { border-color: rgba(34,211,238,.65); box-shadow: 0 0 0 4px rgba(34,211,238,.08); }
.send-btn { min-height: 44px; padding: 0 17px; display: flex; gap: 9px; align-items: center; border: 0; border-radius: 14px; color: #00151e; background: linear-gradient(135deg, var(--arc-cyan), #3b82f6); font-weight: 900; cursor: pointer; box-shadow: 0 10px 26px rgba(34,211,238,.20); transition: .18s ease; }
.send-btn:hover { transform: translateY(-2px) scale(1.01); box-shadow: 0 14px 32px rgba(34,211,238,.26); }

.floating-panel { position: fixed; z-index: 9999; }
.arc-popover { position: fixed; z-index: 10020; color: #f4f8ff; background: rgba(7, 18, 38, .98); border: 1px solid rgba(34, 211, 238, .30); border-radius: 16px; box-shadow: 0 20px 55px rgba(0, 0, 0, .58), 0 0 28px rgba(34, 211, 238, .10); backdrop-filter: blur(18px); }
.arc-emoji-picker { left: clamp(92px, 22vw, 330px); bottom: 78px; width: min(330px, calc(100vw - 24px)); padding: 12px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px; }
.arc-emoji-option { min-width: 0; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 11px; color: inherit; background: rgba(255, 255, 255, .045); font-size: 1.32rem; cursor: pointer; transition: .15s ease; }
.arc-emoji-option:hover, .arc-emoji-option:focus-visible { transform: translateY(-2px) scale(1.08); border-color: rgba(34, 211, 238, .48); background: rgba(34, 211, 238, .13); outline: none; }
.arc-chat-menu { top: 72px; right: 18px; width: min(310px, calc(100vw - 24px)); padding: 8px; max-height: calc(100vh - 92px); overflow-y: auto; }
.arc-menu-heading { padding: 10px 11px 12px; border-bottom: 1px solid rgba(255, 255, 255, .09); margin-bottom: 5px; }
.arc-menu-heading strong, .arc-menu-heading small { display: block; }
.arc-menu-heading small { margin-top: 3px; color: var(--arc-muted); }
.arc-menu-option { width: 100%; min-height: 43px; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 11px; color: #e9f3ff; background: transparent; text-align: left; cursor: pointer; }
.arc-menu-option:hover, .arc-menu-option:focus-visible { color: #fff; background: rgba(34, 211, 238, .12); outline: 1px solid rgba(34, 211, 238, .24); }
.arc-menu-option.is-danger { color: #fca5a5; border-top: 1px solid rgba(255, 255, 255, .08); margin-top: 5px; border-radius: 0 0 11px 11px; }
.floating-layer { position: fixed; inset: 0; z-index: 9998; pointer-events: none; }
.floating-layer > * { pointer-events: auto; }
#remoteAudio { display: none; }
.arc-translation-actions{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0}.arc-translation-actions button{border:1px solid #2d6a9b;border-radius:9px;background:#0c3155;color:#fff;padding:8px 12px;cursor:pointer}.arc-web-sources{display:grid;gap:8px;margin-top:12px}.arc-web-sources a{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;border:1px solid #24577f;border-radius:11px;padding:10px;color:#d8efff;text-decoration:none;background:#081b30}.arc-web-sources a span{grid-row:1/3;background:#1569a7;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.arc-web-sources a small{opacity:.7}
.arc-call-backdrop{position:fixed;inset:0;z-index:10040;background:#020914e8;display:grid;place-items:center;padding:18px}.arc-call-panel{width:min(440px,100%);min-height:480px;background:linear-gradient(160deg,#0a2745,#061225);border:1px solid #2c6e9f;border-radius:25px;color:#fff;padding:22px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 28px 90px #000}.arc-call-remote{width:100%;height:230px;background:#020914;border-radius:18px;display:grid;place-items:center;overflow:hidden;position:relative}.arc-call-remote video{width:100%;height:100%;object-fit:cover}.arc-call-panel:not(.is-video) .arc-call-remote video{display:none}.arc-call-avatar{position:absolute;font-size:64px}.arc-call-panel.is-video .arc-call-avatar{display:none}.arc-call-panel>video{position:absolute;right:max(28px,calc(50vw - 195px));top:40px;width:105px;height:140px;object-fit:cover;border:2px solid #68bdf2;border-radius:14px;background:#000}.arc-call-panel:not(.is-video)>video{display:none}.arc-call-panel output,.arc-call-panel time{color:#b8d8ed}.arc-call-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:auto}.arc-call-controls button{border:0;border-radius:999px;padding:13px 18px;background:#17466d;color:#fff;cursor:pointer}.arc-call-controls .end{background:#bd2738}.arc-call-controls .accept{background:#148a54}
.arc-attachment-upload{position:fixed;z-index:10030;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 28px));padding:22px;border:1px solid #2d6a9b;border-radius:18px;background:#061225;color:#fff;box-shadow:0 24px 80px #000b;display:grid;gap:14px}.arc-attachment-upload progress{width:100%;height:14px}.arc-attachment-upload div{display:flex;gap:10px;justify-content:flex-end}.arc-attachment-upload button,.arc-attachment-card a{border:1px solid #2d6a9b;border-radius:9px;background:#0c3155;color:#fff;padding:8px 12px;text-decoration:none;cursor:pointer}.arc-attachment-card{display:grid;gap:7px;max-width:320px}.arc-attachment-card img,.arc-attachment-card video{max-width:100%;max-height:360px;border-radius:12px}.arc-attachment-card audio{width:min(290px,100%)}.arc-attachment-card small{opacity:.75}.arc-attachment-icon{font-size:36px}
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.noscript-warning { position: fixed; inset: 20px; z-index: 99999; display: grid; place-items: center; border-radius: 18px; background: #380b14; color: #fff; }

@media (max-width: 980px) {
    .arc-app { grid-template-columns: 270px minmax(0,1fr); padding: 8px; gap: 8px; }
    .input-tools { max-width: 92px; flex-wrap: wrap; }
}

@media (max-width: 720px) {
    body { overflow: auto; }
    .arc-app { height: 100dvh; grid-template-columns: 82px minmax(0,1fr); padding: 0; gap: 0; }
    .arc-sidebar, .arc-chat { border-radius: 0; }
    .arc-brand-card { justify-content: center; padding: 14px 8px; }
    .logo-info, .section-heading, .status-text, .chat-info, .chat-meta, .sidebar-footer-card, .sidebar-btn span:not(.btn-icon) { display: none; }
    .sidebar-primary-actions { grid-template-columns: 1fr; }
    .status-item, .chat-item { justify-content: center; padding: 8px; }
    .arc-emoji-picker { left: 88px; bottom: 82px; grid-template-columns: repeat(5, 1fr); }
    .arc-chat-menu { top: 62px; right: 8px; }
    .header-info .eyebrow, .header-info p { display: none; }
    .arc-header { padding: 10px; }
    .header-actions { gap: 4px; }
    .icon-btn { width: 36px; height: 36px; }
    .arc-composer { grid-template-columns: 1fr auto; }
    .input-tools { grid-column: 1 / -1; max-width: none; flex-wrap: nowrap; overflow-x: auto; }
    .send-btn span:first-child { display: none; }
    .bubble { max-width: 88%; }
    .scroll-to-latest-btn { right: 14px; bottom: 14px; width: 45px; height: 45px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}
/* ARC Estados Pro */
#arcStatesContainer{display:none;position:fixed;inset:0;z-index:10050;background:rgba(2,8,20,.82);padding:20px;overflow:auto}
#arcStatesContainer.is-open{display:grid;place-items:center}
.arc-states-modal{width:min(980px,100%);max-height:92vh;overflow:auto;background:#07152b;color:#eef6ff;border:1px solid #2a6da8;border-radius:22px;box-shadow:0 24px 80px #000}
.arc-states-modal>header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #193f63}.arc-states-modal h2{margin:3px 0}.arc-states-modal header button{font-size:30px;background:none;border:0;color:#fff;cursor:pointer}
.arc-states-modal nav{display:flex;gap:8px;padding:12px 20px}.arc-states-modal nav button{padding:10px 16px;border:1px solid #2d6799;border-radius:12px;background:#0c2441;color:#fff}.arc-states-modal nav button.active{background:#1479c9}
#arcStatesBody{padding:10px 20px 24px}.states-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.state-card{background:#0b203b;border:1px solid #1e527f;border-radius:16px;overflow:hidden;padding:14px}.state-card img,.state-card video{width:100%;max-height:420px;object-fit:contain;border-radius:10px}.state-card audio{width:100%}.state-card-head,.state-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.state-card footer button,.state-publish{border:0;border-radius:10px;background:#188be0;color:#fff;padding:10px 14px;cursor:pointer}
.state-create-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.state-create-form label{display:grid;gap:6px}.state-create-form label:nth-child(3),.state-notice,.state-publish,.state-create-form output{grid-column:1/-1}.state-create-form input,.state-create-form select,.state-create-form textarea{width:100%;box-sizing:border-box;padding:11px;border-radius:10px;border:1px solid #32658f;background:#061225;color:#fff}.state-create-form textarea{min-height:110px}.states-empty{display:grid;gap:8px;text-align:center;padding:50px}.states-message.bad{color:#ff9b9b}
@media(max-width:650px){#arcStatesContainer{padding:0}.arc-states-modal{min-height:100vh;border-radius:0}.state-create-form{grid-template-columns:1fr}.state-create-form>*{grid-column:1!important}}
.arc-pro-content input[type="search"]{width:100%;border:1px solid rgba(0,229,255,.24);border-radius:12px;background:#031025;color:#fff;padding:12px;font:inherit}.arc-user-results{display:grid;gap:8px}.arc-user-results .chat-item{width:100%}
.message-input-wrap {
    position: relative;
    min-width: 0;
}

.word-suggestions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 8px);
    z-index: 50;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(44, 221, 255, .55);
    border-radius: 12px;
    background: rgba(5, 18, 49, .97);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
}

.word-suggestions[hidden] { display: none; }

.word-suggestion {
    border: 1px solid rgba(44, 221, 255, .38);
    border-radius: 999px;
    padding: 7px 12px;
    color: #eefcff;
    background: rgba(20, 70, 126, .78);
    cursor: pointer;
    font: inherit;
}

.word-suggestion:hover,
.word-suggestion.selected {
    color: #031327;
    background: #32def5;
    border-color: #8ff4ff;
}

/* ARC Privus Médico */
.medical-tool { border-color: rgba(52,211,153,.45); box-shadow: inset 0 0 18px rgba(16,185,129,.12); }
.arc-medical-modal { position: fixed; inset: 0; z-index: 11000; display: grid; place-items: center; padding: 18px; overflow: auto; color: #eef8ff; background: rgba(1,7,18,.88); backdrop-filter: blur(10px); }
.arc-medical-card { width: min(820px,100%); max-height: 94vh; overflow: auto; border: 1px solid rgba(45,212,191,.38); border-radius: 22px; background: linear-gradient(145deg,rgba(6,18,37,.99),rgba(8,35,55,.98)); box-shadow: 0 28px 90px rgba(0,0,0,.65),0 0 35px rgba(20,184,166,.12); }
.arc-medical-card>header { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.1); background:linear-gradient(90deg,rgba(14,116,144,.19),rgba(16,185,129,.1)); }
.arc-medical-brand { display:flex; align-items:center; gap:14px; }.arc-medical-brand img { width:64px; height:64px; object-fit:contain; border-radius:14px; }.arc-medical-brand span { color:#5eead4; font-size:.69rem; font-weight:900; letter-spacing:.12em; }.arc-medical-brand h2,.arc-medical-brand p { margin:2px 0; }
.arc-medical-card>header>button { width:40px; height:40px; border:0; border-radius:12px; color:#fff; background:rgba(255,255,255,.08); font-size:1.7rem; cursor:pointer; }
.arc-medical-personas { display:flex; gap:8px; padding:14px 20px 0; }.arc-medical-personas button { flex:1; padding:11px; border:1px solid rgba(94,234,212,.25); border-radius:12px; color:#dffcff; background:rgba(8,47,73,.55); cursor:pointer; }.arc-medical-personas button.active { color:#022c2b; background:#5eead4; font-weight:900; }
.arc-medical-notice { margin:14px 20px 0; padding:11px 13px; border-left:4px solid #fbbf24; border-radius:8px; color:#fef3c7; background:rgba(120,53,15,.22); }
#am-form { display:grid; gap:14px; padding:18px 20px; } #am-form label { display:grid; gap:6px; color:#c7d9e8; font-size:.84rem; font-weight:700; }.arc-medical-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#am-form input,#am-form textarea { width:100%; box-sizing:border-box; padding:11px 12px; border:1px solid rgba(148,213,233,.24); border-radius:11px; color:#fff; background:rgba(1,10,25,.72); font:inherit; outline:none; } #am-form input:focus,#am-form textarea:focus { border-color:#5eead4; box-shadow:0 0 0 3px rgba(45,212,191,.1); }
.arc-medical-consent { display:flex!important; grid-template-columns:auto 1fr; align-items:flex-start; }.arc-medical-consent input { width:auto!important; margin-top:3px; }.arc-medical-actions { display:flex; justify-content:flex-end; gap:9px; }.arc-medical-actions button { padding:11px 16px; border:1px solid rgba(94,234,212,.3); border-radius:11px; color:#efffff; background:rgba(8,47,73,.75); cursor:pointer; }.arc-medical-actions button:last-child { color:#022c2b; background:#5eead4; font-weight:900; }.arc-medical-actions button:disabled { opacity:.6; cursor:wait; }
.arc-medical-result { margin:0 20px 20px; padding:16px; border:1px solid rgba(94,234,212,.28); border-radius:14px; line-height:1.55; background:rgba(2,44,52,.45); }.arc-medical-result small { display:block; margin-top:12px; color:#9fb6c7; }.arc-medical-alert { display:grid; gap:6px; margin-bottom:14px; padding:14px; border:1px solid #fb7185; border-radius:11px; color:#fff1f2; background:rgba(136,19,55,.54); }.arc-medical-result.is-emergency { border-color:#fb7185; }
.arc-medical-result.is-urgent { border-color:#fbbf24; }.arc-medical-result.is-urgent .arc-medical-alert { border-color:#fbbf24; color:#fef3c7; background:rgba(120,53,15,.38); }.arc-medical-missing { margin-bottom:12px; padding:10px 12px; border-radius:9px; color:#dbeafe; background:rgba(30,64,175,.2); }
@media(max-width:650px){.arc-medical-modal{padding:0}.arc-medical-card{min-height:100dvh;max-height:none;border-radius:0}.arc-medical-row{grid-template-columns:1fr}.arc-medical-brand img{width:50px;height:50px}.arc-medical-actions{position:sticky;bottom:0;padding:8px 0;background:#071b2c}}


/* ARC Vision RC6.9 - screening only; no simulated refraction */
.arc-vision-card{max-width:780px;max-height:92vh;overflow:auto}.arc-vision-guide,.arc-vision-amsler{margin:14px 0;padding:14px;border:1px solid rgba(120,160,220,.28);border-radius:14px;background:rgba(4,18,38,.55)}
.arc-vision-lines{text-align:center;background:#fff;color:#111;border-radius:12px;padding:18px;line-height:1.45;font-family:Arial,sans-serif;letter-spacing:.12em}.arc-vision-lines .v1{font-size:32px}.arc-vision-lines .v2{font-size:27px}.arc-vision-lines .v3{font-size:23px}.arc-vision-lines .v4{font-size:20px}.arc-vision-lines .v5{font-size:17px}.arc-vision-lines .v6{font-size:14px}.arc-vision-lines .v7{font-size:12px}.arc-vision-lines .v8{font-size:10px}
.amsler{width:min(300px,78vw);aspect-ratio:1;margin:12px auto;background-color:#fff;background-image:linear-gradient(#777 1px,transparent 1px),linear-gradient(90deg,#777 1px,transparent 1px);background-size:15px 15px;position:relative;border:1px solid #222}.amsler span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-55%);color:#111;font-size:26px;line-height:1}
.arc-vision-card select{width:100%;padding:10px;border-radius:9px}

/* ARC Recupera RC6.10 */

.arc-recovery-modal{position:fixed;inset:0;z-index:10050;background:rgba(0,7,18,.78);display:grid;place-items:center;padding:16px}.arc-recovery-card{width:min(920px,96vw);max-height:92vh;overflow:auto;background:#07162b;color:#eef6ff;border:1px solid rgba(120,170,230,.28);border-radius:18px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.arc-recovery-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.arc-recovery-card header button{font-size:26px}.arr-warning{padding:12px;margin:12px 0;border-radius:12px;background:rgba(255,190,70,.12);border:1px solid rgba(255,190,70,.35)}.arr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.arc-recovery-card section{margin:14px 0;padding:14px;border-radius:14px;background:rgba(255,255,255,.035)}.arc-recovery-card label{display:block;margin:8px 0}.arc-recovery-card input{width:100%;box-sizing:border-box;padding:10px;border-radius:9px;border:1px solid rgba(160,190,230,.25)}.arc-recovery-card button{padding:10px 13px;border-radius:10px;border:0;cursor:pointer}.arc-recovery-card .danger{background:#8d2531;color:#fff}.arr-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.arr-return button{background:#1f9d55;color:#fff;font-weight:700}.arr-row,.arr-event{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.arr-event{display:block}.arr-event small{display:block;opacity:.8}.arc-recovery-card footer{display:flex;justify-content:flex-end;gap:8px}@media(max-width:720px){.arr-grid{grid-template-columns:1fr}.arr-inline{grid-template-columns:1fr}.arc-recovery-card{padding:12px}}


/* ARC Recupera RC6.12.1 - corrección visual de controles */
.arc-recovery-card{
  width:min(980px,96vw);
  max-height:92vh;
  overflow:auto;
}
.arc-recovery-card h3{margin:0 0 10px;}
.arc-recovery-card input{
  background:#eef4fb;
  color:#0b1830;
  border:1px solid #8ea9c8;
}
.arc-recovery-card input::placeholder{
  color:#6e7f95;
  opacity:1;
}
.arc-recovery-card button{
  background:#17385f;
  color:#ffffff;
  border:1px solid #5f8fc2;
  font-weight:700;
  min-height:42px;
}
.arc-recovery-card .danger{
  background:#b62f3f;
  color:#ffffff;
  border-color:#e05f6c;
}
.arc-recovery-card .success{
  background:#18794e;
  color:#ffffff;
  border-color:#42b87c;
}
.arc-recovery-card .warning{
  background:#8a5a00;
  color:#ffffff;
  border-color:#d29a32;
}
.arr-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
.arr-inline{
  display:grid;
  grid-template-columns:1.1fr 1fr 1.25fr auto;
  gap:8px;
  align-items:end;
}
.arr-inline button{min-width:150px;}
.arr-row button{
  min-height:34px;
  padding:6px 10px;
  background:#5d2330;
}
.arr-return button{
  background:#159447;
  color:#fff;
  border-color:#45c974;
}
.arr-feedback{margin:12px 18px 0;padding:11px 13px;border:1px solid #3182a7;border-radius:10px;background:#09243a;color:#e9f8ff;font-weight:700}
.arr-feedback[hidden]{display:none}
.arr-feedback.success{border-color:#34d399;background:#073b31;color:#d1fae5}
.arr-feedback.error{border-color:#fb7185;background:#4c1424;color:#ffe4e6}
.arr-actions button:disabled{opacity:.62;cursor:wait}
.arc-private-history-state{width:min(520px,calc(100% - 32px));margin:28px auto;padding:16px;border:1px solid rgba(34,211,238,.24);border-radius:14px;color:#cceefa;background:rgba(7,31,54,.72);text-align:center}
.arc-private-history-state.is-error{border-color:rgba(251,113,133,.55);color:#ffe4e6;background:rgba(76,20,36,.72)}
.arc-private-history-state.is-empty{color:#b9c9d8;background:rgba(8,24,49,.62)}
.writing-review-tool{font-weight:900;font-size:.82rem;border-color:rgba(250,204,21,.42)}
.arc-writing-review,.arc-messenger-menu{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px;background:rgba(1,7,18,.86);backdrop-filter:blur(9px)}
.arc-writing-review>section,.arc-messenger-menu>section{width:min(720px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(34,211,238,.35);border-radius:20px;color:#eef8ff;background:#07172d;box-shadow:0 24px 80px #000b}
.arc-writing-review header,.arc-messenger-menu header{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.1)}
.arc-writing-review header h2,.arc-messenger-menu header h2{margin:3px 0}.arc-writing-review header small,.arc-messenger-menu header small{color:#67e8f9;font-weight:800;letter-spacing:.08em}
.arc-writing-review header button,.arc-messenger-menu header button{width:40px;height:40px;border:0;border-radius:10px;color:#fff;background:#142b48;font-size:1.5rem;cursor:pointer}
.arc-writing-review label{display:grid;gap:6px;margin:14px 18px;color:#bcd0e0;font-weight:700}.arc-writing-review textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #285276;border-radius:11px;color:#fff;background:#020c1d;font:inherit}.arc-writing-review p{margin:10px 18px;color:#b9c9d8}.arc-writing-review footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px 19px}.arc-writing-review footer button,.arc-messenger-menu nav button{padding:11px 14px;border:1px solid #2c678d;border-radius:11px;color:#fff;background:#0d3150;cursor:pointer}.arc-writing-review footer button:last-child{color:#03151c;background:#5eead4;font-weight:900}
.arc-writing-changes{display:flex;flex-wrap:wrap;gap:8px;margin:10px 18px;color:#cbd5e1}.arc-writing-changes span{padding:7px 10px;border:1px solid #285276;border-radius:999px;background:#041225}.arc-writing-changes del{color:#fda4af}.arc-writing-changes ins{color:#86efac;text-decoration:none}.arc-writing-review details{margin:14px 18px;padding:12px;border:1px solid #285276;border-radius:12px;background:#041225}.arc-writing-review summary{cursor:pointer;font-weight:800}.arc-writing-dictionary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.arc-writing-dictionary input{box-sizing:border-box;min-width:0;padding:10px;border:1px solid #285276;border-radius:9px;color:#fff;background:#020c1d}.arc-writing-dictionary label{display:flex;align-items:center;gap:7px;margin:0;font-size:.88rem}.arc-writing-dictionary button{padding:9px;border:1px solid #2c678d;border-radius:9px;color:#fff;background:#0d3150;cursor:pointer}.arc-writing-dictionary>[data-word-list]{grid-column:1/-1;display:grid;gap:7px}.arc-writing-dictionary>[data-word-list]>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:8px;background:#0a1d34}.arc-writing-dictionary>[data-word-list] button{padding:3px 8px;color:#fecdd3;background:#4c1726}
.arc-messenger-menu>section{width:min(520px,100%)}.arc-messenger-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px}.arc-messenger-menu nav button{text-align:left}.arc-menu-planned{margin:0 16px 16px;padding:14px;border:1px solid rgba(251,191,36,.28);border-radius:13px;background:rgba(120,53,15,.14)}.arc-menu-planned h3{margin:0 0 10px}.arc-menu-planned span{display:inline-block;margin:3px;padding:6px 9px;border-radius:999px;color:#fef3c7;background:#78350f66}.arc-menu-planned p{color:#c9d5df;font-size:.82rem}.arc-messenger-menu output{display:block;min-height:20px;margin:0 16px 16px;color:#a7f3d0}
@media(max-width:600px){.arc-writing-review,.arc-messenger-menu{padding:0}.arc-writing-review>section,.arc-messenger-menu>section{min-height:100dvh;max-height:none;border-radius:0}.arc-messenger-menu nav,.arc-writing-dictionary{grid-template-columns:1fr}.arc-writing-dictionary>[data-word-list]{grid-column:1}}
@media(max-width:720px){
  .arr-inline{grid-template-columns:1fr;}
  .arr-inline button{width:100%;}
}
.arc-password-field{position:relative;display:block;width:100%}.arc-password-field>input{padding-right:52px!important;box-sizing:border-box}.arc-password-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#dff8ff;font-size:20px;cursor:pointer}.arc-password-eye:hover,.arc-password-eye:focus-visible{background:rgba(0,229,255,.14);outline:2px solid #39d9ff}.arc-forgot-password{justify-self:end;border:0;background:transparent;color:#78e9ff;text-decoration:underline;cursor:pointer;padding:5px}.arc-account-recovery{position:fixed;inset:0;z-index:25000;display:grid;place-items:center;padding:18px;background:rgba(0,5,18,.82)}.arc-account-recovery section{width:min(520px,96vw);max-height:92vh;overflow:auto;display:grid;gap:13px;padding:24px;border:1px solid rgba(0,229,255,.35);border-radius:20px;background:#06162e;color:#eefbff;box-shadow:0 25px 90px #000}.arc-account-recovery header{display:flex;align-items:center;justify-content:space-between}.arc-account-recovery header button{font-size:28px}.arc-account-recovery label{display:grid;gap:6px}.arc-account-recovery input,.arc-account-recovery textarea{width:100%;box-sizing:border-box;border:1px solid rgba(0,229,255,.28);border-radius:12px;background:#031025;color:#fff;padding:12px;font:inherit}.arc-account-recovery output{display:block;min-height:42px;padding:11px;border-radius:10px;background:rgba(0,229,255,.07);white-space:pre-wrap}.arc-account-recovery details{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.arc-account-recovery details[open]{display:grid;gap:10px}


/* ARC Growth Center RC6.12.12 */
.arc-growth-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(2,8,18,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.arc-growth-dialog{width:min(820px,94vw);max-height:90vh;overflow:auto;background:#081a33;color:#eef6ff;border:1px solid #258fff;border-radius:22px;padding:22px;box-shadow:0 24px 90px rgba(0,0,0,.58)}.arc-growth-dialog header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.arc-growth-dialog header button{border:0;background:#163052;color:#fff;border-radius:10px;font-size:24px;width:42px;height:42px;cursor:pointer}.arc-growth-dialog fieldset{border:1px solid rgba(76,155,255,.35);border-radius:14px;margin:16px 0;padding:14px;display:flex;flex-wrap:wrap;gap:10px}.arc-growth-dialog fieldset label{background:#10284c;padding:8px 10px;border-radius:10px}.arc-growth-dialog textarea{width:100%;box-sizing:border-box;margin-top:7px;background:#061225;color:#eef6ff;border:1px solid #31577d;border-radius:11px;padding:11px;resize:vertical}.arc-growth-dialog>label,.arc-growth-result label{display:block;margin:14px 0}.arc-growth-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.arc-growth-actions button{border:1px solid #2f77bd;background:#12345d;color:#fff;padding:10px 13px;border-radius:10px;cursor:pointer}.arc-growth-result{margin-top:18px;padding:16px;background:#0b2343;border-radius:14px;border:1px solid rgba(76,155,255,.25)}.arc-growth-result small,.arc-growth-dialog small{color:#a9c3dd}.arc-growth-result output{display:block;margin-top:12px;color:#b9d9ff;line-height:1.5}