.shadow-banner { margin:0 0 24px; padding:16px; border:1px solid var(--border); border-left:4px solid var(--primary, #0f766e); border-radius:12px; background:var(--bg-card, #fff); }
.shadow-banner strong { display:block; font-size:16px; margin-bottom:8px; }
.shadow-banner span,.shadow-banner p { font-size:13px; color:var(--text-secondary); overflow-wrap:anywhere; }
.shadow-banner p { margin:8px 0 0; }
#shadowAccounts { margin-top:24px; }
#shadowAccounts .card-header { gap:16px; flex-wrap:wrap; }
.shadow-account-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--border); }
.shadow-account-row:last-child { border-bottom:0; }
.shadow-account-row strong { overflow-wrap:anywhere; }
.shadow-account-row .hint { display:block; margin-top:4px; }
.shadow-account-actions { display:flex; gap:8px; flex-shrink:0; }
#shadowAccountModal .modal-content { width:min(520px, calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; }
#shadowAccountModal .hint { line-height:1.6; }
#shadowFormError { color:var(--danger); overflow-wrap:anywhere; }
.shadow-read-only [data-shadow-blocked] { opacity:.42; cursor:not-allowed; }
.shadow-read-only #page-account .account-layout > .card:not(:first-child),.shadow-read-only #setupGuide,.shadow-read-only #setupGuideRestore { display:none !important; }
@media (max-width:640px) { .shadow-account-row { align-items:flex-start; flex-direction:column; } .shadow-account-actions { flex-wrap:wrap; } #shadowAccounts .card-header .btn { width:100%; } }