/* FRA Prop HQ v6.16.1 — multiple prop-firm logins */
.multi-prop-shell{margin:14px 0;display:grid;gap:14px}
.multi-prop-directory,.multi-prop-connected{padding:16px}
.multi-prop-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.multi-prop-head h2{margin:0;font-size:16px;letter-spacing:-.02em}
.multi-prop-head p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55;max-width:720px}
.multi-prop-search{min-width:230px}
.prop-firm-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px}
.prop-firm-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel-2) 88%,transparent);transition:.16s ease;min-height:86px}
.prop-firm-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border));box-shadow:0 14px 30px rgba(0,0,0,.08)}
.prop-firm-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--panel)),var(--panel-3));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));font-weight:950;font-size:11px;letter-spacing:-.02em}
.prop-firm-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prop-firm-copy small{display:block;color:var(--muted);font-size:8.5px;margin-top:4px;line-height:1.35}
.prop-firm-card .button{grid-column:1/-1;min-height:32px;font-size:9px}
.connection-card-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:11px}
.multi-connection-card{position:relative;padding:15px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,transparent),color-mix(in srgb,var(--panel-2) 97%,transparent));box-shadow:0 12px 28px rgba(0,0,0,.06)}
.multi-connection-card.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 7%,transparent),0 16px 34px rgba(0,0,0,.08)}
.multi-connection-top{display:flex;align-items:center;gap:10px}
.multi-connection-top .prop-firm-mark{width:38px;height:38px;border-radius:12px}
.multi-connection-title{min-width:0;flex:1}.multi-connection-title strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-connection-title span{display:block;color:var(--muted);font-size:8.5px;margin-top:3px}
.multi-connection-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}
.multi-connection-meta div{padding:9px;border-radius:12px;background:color-mix(in srgb,var(--panel-2) 86%,transparent);border:1px solid var(--border)}
.multi-connection-meta span{display:block;color:var(--muted);font-size:7.5px;text-transform:uppercase;letter-spacing:.08em}.multi-connection-meta strong{display:block;margin-top:4px;font-size:9px}
.multi-connection-actions{display:flex;gap:7px;flex-wrap:wrap}.multi-connection-actions .button{min-height:31px;padding-inline:10px;font-size:8.5px}
.multi-prop-empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:16px;font-size:10px;line-height:1.6}
.multi-prop-note{margin-top:11px;padding:11px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--panel-2));border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));color:var(--muted);font-size:9px;line-height:1.55}
.multi-prop-note strong{color:var(--text)}
.multi-connect-modal .modal-card{max-width:520px}.multi-connect-summary{display:flex;align-items:center;gap:12px;padding:13px;margin:12px 0 16px;border:1px solid var(--border);border-radius:15px;background:var(--panel-2)}
.multi-connect-summary strong{display:block}.multi-connect-summary span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.multi-connect-fields{display:grid;gap:11px}.multi-connect-fields label{display:grid;gap:6px}.multi-connect-fields label>span{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.connection-layout.single-connection-legacy{display:none}
.provider-account-choice small.connection-origin{display:block;color:var(--accent);margin-top:3px}
@media(max-width:1150px){.prop-firm-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.connection-card-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media(max-width:760px){.multi-prop-head{display:grid}.multi-prop-search{min-width:0;width:100%}.prop-firm-grid,.connection-card-grid{grid-template-columns:1fr}.multi-connection-meta{grid-template-columns:1fr 1fr}.multi-prop-directory,.multi-prop-connected{padding:13px}}

/* v6.16.3 official prop-firm logos with local fallback */
.prop-firm-logo-wrap{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;box-shadow:0 10px 22px rgba(0,0,0,.14);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);padding:7px}
.prop-firm-logo-wrap.small{width:40px;height:40px;border-radius:13px}
.prop-firm-logo{width:100%;height:100%;display:block;object-fit:contain}
.prop-firm-card{grid-template-columns:48px minmax(0,1fr)}
.multi-connect-summary .prop-firm-logo-wrap{width:50px;height:50px;border-radius:15px;padding:7px}
.prop-logo-disclaimer{margin:10px 2px 0;color:var(--muted);font-size:8px;line-height:1.45}
:root[data-theme="light"] .prop-firm-logo-wrap{box-shadow:0 8px 20px rgba(17,24,39,.12)}

.prop-firm-logo-wrap.logo-tone-dark{background:linear-gradient(145deg,#0a0c10,#171b22)}
.prop-firm-logo-wrap.logo-tone-light{background:linear-gradient(145deg,#ffffff,#eef1f4)}
.prop-firm-logo-wrap.logo-tone-light .prop-firm-logo{filter:none}
.prop-firm-logo-wrap img[src*="google.com/s2/favicons"]{padding:4px}