/* Watchlist actions in the original stock and bond catalogues. */
.personal-security{position:relative;padding-left:28px;min-height:28px}
.personal-security>.personal-star{position:absolute;top:0;left:0}
button.personal-star{display:inline-flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:26px;padding:0;border:0;background:transparent;color:#92743e;font:22px/1 "Golos Text",sans-serif;cursor:pointer}
button.personal-star:hover{background:#f3eddf;border-radius:4px;color:#73591f}
button.personal-star:focus-visible{outline:2px solid #285f85;outline-offset:2px}
button.personal-star:disabled{opacity:.5;cursor:wait}
.drawer>button.personal-star{width:auto;margin:12px 16px;font-size:14px;gap:6px}
.personal-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:18px;padding:14px 20px;border-radius:6px;background:#193b54;color:#fff;box-shadow:0 6px 24px #193b5429;font:13px/1.5 "Golos Text",sans-serif}
.personal-toast[hidden]{display:none}
.personal-toast a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.personal-toast a:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Stock and bond previews both start at the viewport edge. */
body[data-approved-page=stocks] .drawer{top:0;bottom:0;max-height:100dvh}

/* One compact action dock for both public catalogues. Menus open upwards. */
.has-selection-actions #compare-slot,.has-selection-actions #bond-selected{display:none}
.catalog-selection-visible #content{padding-bottom:96px}
.catalog-selection-visible .personal-toast{bottom:104px}
.selection-dock{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);padding:10px;border:1px solid #c6d3dc;border-radius:12px;background:#fff;color:#193b54;box-shadow:0 10px 36px #193b5426,0 2px 6px #193b5412;font:13px/1.4 "Golos Text",sans-serif;animation:selection-enter .16s ease-out}
.selection-dock[hidden],.selection-dock [hidden]{display:none}
.selection-count{display:flex;align-items:baseline;gap:7px;min-width:88px;padding:0 16px 0 6px;margin-right:2px;border-right:1px solid #dce4ea;white-space:nowrap}
.selection-count strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.selection-count span{font-size:11px;color:#526b7d}
.selection-action-wrap{position:relative}
.selection-dock button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;font:inherit;font-weight:500;white-space:nowrap;cursor:pointer}
.selection-dock button svg{flex:none}
.selection-dock button:hover,.selection-dock button[aria-expanded=true]{background:#edf3f7}
.selection-dock button:focus-visible,.selection-targets a:focus-visible{outline:2px solid #285f85;outline-offset:3px}
.selection-dock button:disabled{opacity:.45;cursor:default}
.selection-dock .selection-compare{background:#193b54;color:#fff;padding-inline:14px}
.selection-dock .selection-compare:hover:not(:disabled){background:#285572}
.selection-dock .selection-clear{min-width:32px;padding:7px;margin-left:3px;color:#657d8d}
.selection-targets{position:absolute;left:0;bottom:calc(100% + 18px);width:296px;max-width:calc(100vw - 40px);padding:8px;border:1px solid #c6d3dc;border-radius:10px;background:#fff;color:#193b54;box-shadow:0 8px 28px #193b5426;outline:none}
.selection-targets h2{padding:5px 9px 10px;margin:0;font-size:12px;font-weight:600;border-bottom:1px solid #e4ebf0}
.selection-target-list{display:flex;flex-direction:column;gap:3px;max-height:min(320px,55vh);overflow-y:auto;padding-top:6px;overscroll-behavior:contain}
.selection-dock .selection-target{display:flex;justify-content:space-between;gap:12px;width:100%;padding:11px 9px;text-align:left;white-space:normal}
.selection-target strong{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:500}
.selection-target small{flex:none;color:#64798a;font-size:11px;font-weight:400;white-space:nowrap}
.selection-target-list p{margin:6px 9px 10px;font-size:12px;line-height:1.6;color:#526b7d}
.selection-target-list [role=alert]{color:#914a36}
.selection-target-list a{padding:8px 9px;color:#245d86;font-size:12px;text-underline-offset:3px}
.selection-feedback{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);width:max-content;max-width:min(520px,calc(100vw - 40px));padding:11px 16px;border:1px solid #c6d3dc;border-radius:8px;background:#fff;box-shadow:0 4px 20px #193b5421;font-size:12px;line-height:1.5;text-align:center}
@keyframes selection-enter{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.selection-dock{animation:none}}