#action-dialog:has(.personal-panel) { width:min(920px,calc(100% - 24px)); max-width:920px; }
.personal-panel { padding-bottom:28px; }
.personal-panel #dialog-title { width:fit-content; outline-color:#2855d9; outline-offset:5px; }
.personal-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.personal-email { color:#5d6878; font-size:14px; overflow-wrap:anywhere; }
.personal-heading h2 { margin-bottom:8px; }
.personal-tabs { display:flex; gap:8px; border-bottom:1px solid #dce2eb; margin-bottom:24px; overflow-x:auto; padding-bottom:4px; }
.personal-tabs button { min-height:44px; padding:10px 14px; border:0; border-bottom:3px solid transparent; border-radius:6px 6px 0 0; background:transparent; color:#5d6878; white-space:nowrap; }
.personal-tabs [aria-current=page] { color:#2855d9; border-bottom-color:#2855d9; font-weight:600; }
.personal-section { margin-block:24px 32px; }
.personal-section-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.personal-section h3 { font-size:18px; }
.personal-section p { color:#5d6878; font-size:14px; margin-block:8px 14px; }
.personal-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.personal-tool { display:flex; align-items:center; gap:10px; min-height:64px; padding:14px; border:1px solid #dce2eb; border-radius:10px; background:#fff; text-align:start; font-weight:550; }
.personal-tool svg { color:#2855d9; }
.personal-row { display:flex; align-items:center; gap:12px; justify-content:space-between; padding-block:14px; border-bottom:1px solid #e8ecf2; }
.personal-row>div { min-width:0; flex:1; overflow-wrap:anywhere; }
.personal-row small { display:block; color:#5d6878; margin-top:4px; }
.personal-row-actions { display:flex; flex-wrap:wrap; gap:8px; flex-shrink:0; }
.personal-row-actions .button { min-height:44px; padding:9px 12px; }
.personal-empty { padding:20px; background:#f3f6fc; border-radius:12px; }
.personal-empty p { max-width:58ch; }
.personal-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 18px; margin-top:18px; }
.personal-pick-item { display:flex; align-items:center; gap:12px; min-height:48px; padding:10px; border-radius:8px; cursor:pointer; content-visibility:auto; contain-intrinsic-size:auto 48px; }
.personal-pick-item:hover { background:#f3f6fc; }
.personal-pick-item input { width:20px; height:20px; flex-shrink:0; accent-color:#2855d9; }
.personal-pick-item[hidden] { display:none; }
.personal-tool-actions { display:flex; flex-wrap:wrap; gap:8px; margin-block:12px 16px; }
.personal-tool-actions button { min-height:44px; }
.personal-status { min-height:1.5em; color:#52627a; font-size:14px; overflow-wrap:anywhere; }
.personal-status[role=alert] { color:#a52d38; }
.personal-panel input:focus-visible,.personal-panel button:focus-visible,.personal-panel a:focus-visible { outline:3px solid #7194ef; outline-offset:3px; }
.personal-panel button,.personal-panel a { touch-action:manipulation; }
@media(max-width:650px) { .personal-tools { grid-template-columns:repeat(2,minmax(0,1fr)); } .personal-picker { grid-template-columns:1fr; } .personal-row { flex-wrap:wrap; } .personal-row-actions { width:100%; } .personal-tabs { gap:0; } .personal-tabs button { padding-inline:10px; } }
@media(max-width:360px) { .personal-tools { grid-template-columns:1fr; } }