:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0c111b;color:#e9edf5}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}aside{width:245px;flex:none;background:#111824;border-right:1px solid #263244;padding:24px 14px;display:flex;flex-direction:column}.brand{padding:4px 12px 26px;font-size:19px}.brand small{display:block;color:#8291a8;font-size:10px;letter-spacing:.15em;margin:5px 0 0 24px}nav{display:grid;gap:5px}button{font:inherit;cursor:pointer}nav button{background:none;border:0;color:#aab6c9;text-align:left;border-radius:8px;padding:12px 14px}nav button:hover,nav button.selected{background:#1d3046;color:#fff}.side-note{margin-top:auto;color:#8b9aaf;font-size:12px;line-height:1.6;padding:12px}main{flex:1;min-width:0;padding:31px clamp(18px,4vw,55px)}header{display:flex;justify-content:space-between;gap:20px;align-items:start}h1{font-size:27px;margin:3px 0 24px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#58b8ee;margin:0}.timestamp,.muted{color:#91a0b4;font-size:13px}.notice{border:1px solid #61552c;background:#29271c;color:#e8d79b;padding:13px 16px;border-radius:9px;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.card,.panel{background:#151e2b;border:1px solid #2a384a;border-radius:10px;padding:18px}.card strong{display:block;font-size:22px;margin-top:12px}.card label{color:#9baac0;font-size:13px}.panel{margin-top:18px}h2{font-size:17px;margin:0 0 16px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.action{background:#1477ae;color:#fff;border:1px solid #2696d0;border-radius:7px;padding:9px 13px}.action.secondary{background:#202d3e;border-color:#3a4c62}.action:disabled{opacity:.55;cursor:not-allowed}input,select{background:#0e1723;color:#e9edf5;border:1px solid #405168;border-radius:7px;padding:9px;font:inherit;max-width:100%}form{display:flex;gap:9px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:12px 10px;border-bottom:1px solid #2c3949;vertical-align:top}th{color:#9aaec4;font-weight:600}td{overflow-wrap:anywhere}.table-wrap{overflow-x:auto}.empty{padding:26px;text-align:center;color:#98a9bd;border:1px dashed #3a4b60;border-radius:8px}.pill{padding:4px 8px;border-radius:50px;background:#26384e;color:#b9d6f1;font-size:12px}.chart{height:240px;display:grid;place-items:center;border:1px dashed #3d5065;border-radius:8px;color:#91a0b4;text-align:center;padding:20px}.inline{display:flex;gap:8px;flex-wrap:wrap}.error{color:#ffb7a9}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{display:block}aside{width:100%;padding:12px;display:block}.brand{padding:5px 8px}.side-note{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:9px}main{padding:18px}header{display:block}.cards{grid-template-columns:1fr 1fr}.timestamp{margin-bottom:14px}}@media(max-width:400px){.cards{grid-template-columns:1fr}}

/* Übersicht: Bezeichnungen und Werte jeweils auf eigener Zeile. */
.cards > .card > label,.cards > .card > strong,.cards > .card > .muted{display:block}
.cards > .card > .muted{margin-top:14px}
.cards > .card > strong{text-align:center}

/* Vorhandenes Aktionsblau für anklickbare Übersichtskacheln. */
.cards > .overview-link{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}
.cards > .overview-link{position:relative}
.overview-refresh{position:absolute;top:14px;right:14px;min-width:36px;padding:6px 10px;font-size:18px;line-height:1}
.cards > .overview-link:hover,.cards > .overview-link:focus-visible{border-color:#2696d0;box-shadow:0 0 0 1px #2696d0,0 0 18px #2696d024}
.cards > .overview-link:focus-visible{outline:2px solid #2696d0;outline-offset:3px}
.overview-link label{cursor:inherit}
.card > h3{display:flex;align-items:center;gap:12px}
.card > h3 > [data-action="refresh-bots"]{margin-left:auto;flex:none;min-width:36px;padding:6px 10px;font-size:18px;line-height:1}
.bot-status-pill{background:#1d4ed8;color:#dbeafe;border:1px solid #3b82f6}
.bot-status-line{margin:12px 0 10px}
.bot-detail details{margin-top:30px;padding-top:16px;border-top:1px solid #2a384a}
.bot-detail details summary{padding:8px 0;color:#9fc8f5;font-weight:600}
.bot-data-state{color:#b9d6f1;font-weight:600;font-size:12px}
.bot-detail details p:not(.muted){margin:10px 0 0}
.risk-summary{margin:18px 0 0;padding:14px 16px;border:1px solid #36506a;border-radius:9px;background:#111d2b;line-height:1.5}.risk-summary>strong{font-size:15px}.risk-summary p{margin:7px 0}.risk-summary ul{margin:7px 0 0;padding-left:20px}.risk-summary li{margin:5px 0}.risk-summary.risk-warning{border-color:#9b7931;background:#282519}.risk-summary.risk-critical,.risk-summary.risk-blocked{border-color:#a65151;background:#2b1e24}.risk-summary.risk-observed{border-color:#39705e}.risk-summary.risk-unknown,.risk-summary.risk-unusable{border-color:#5a6472}.risk-badge{display:inline-block;padding:2px 7px;border-radius:999px;font-size:11px;border:1px solid #49627a;background:#22364b;color:#c5def3}.risk-badge.risk-warning{border-color:#c49a3b;color:#ffe7a3;background:#4a3a1f}.risk-badge.risk-critical,.risk-badge.risk-blocked{border-color:#d26b6b;color:#ffd0d0;background:#542a31}.risk-badge.risk-info{border-color:#4b8d70;color:#c6f2db;background:#1c4034}.risk-summary details{margin-top:12px;padding-top:9px;border-top:1px solid #33465a}.risk-summary summary{cursor:pointer;color:#a9c7df}
.bot-detail .parameter-line{display:grid;grid-template-columns:minmax(175px,35%) minmax(0,1fr);gap:14px;padding:12px 10px;border-bottom:1px solid #2c3949;font-size:13px;line-height:1.4;color:#e9edf5}
.bot-detail .parameter-line-wide{grid-template-columns:1fr}
.bot-detail .parameter-label{color:#9aaec4;font-weight:600}
.bot-detail .parameter-value{color:#e9edf5;min-width:0}
.bot-detail .parameter-line:last-child{border-bottom:0}
.bot-index tbody tr{cursor:pointer}
.bot-index-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bot-index-heading h2{margin-bottom:0}
.bot-history-toggle{display:flex;align-items:center;gap:8px;color:#9aaec4;font-size:13px;cursor:pointer}
.bot-history-toggle input{accent-color:#2696d0}
.bot-index tbody tr:hover,.bot-index tbody tr.selected{background:#1d3046}
.bot-index tbody tr:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}
.bot-details-heading{margin-top:34px;padding-top:20px;border-top:1px solid #2a384a}
.bot-index th:last-child,.bot-index td:last-child{width:1%;white-space:nowrap;text-align:center}
.bot-index-refresh{min-width:34px;padding:5px 9px;font-size:17px;line-height:1}
.bot-index{min-width:1120px}
.bot-index th:nth-child(4),.bot-index td:nth-child(4){min-width:88px}
.bot-index th:nth-child(5),.bot-index td:nth-child(5){min-width:112px}
.bot-index th:nth-child(6),.bot-index td:nth-child(6){min-width:120px}
.bot-index th:nth-child(7),.bot-index td:nth-child(7){min-width:96px}
@media(prefers-reduced-motion:reduce){.cards > .overview-link{transition:none}}

/* Kampagnentabellen behalten auf kleinen Bildschirmen lesbare Detailspalten. */
.campaign-table{min-width:820px}.campaign-table details{min-width:280px}:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.campaign-table{min-width:760px}.campaign-table details{min-width:240px;max-width:240px}}
.auth-page{min-height:calc(100vh - 145px);display:grid;place-items:center;padding:24px 0 56px;background:radial-gradient(circle at 50% 0,#17304a66,transparent 44%)}.auth-card{width:min(100%,440px);padding:34px 36px;background:#111b28;border:1px solid #2b3d53;border-radius:16px;box-shadow:0 24px 70px #00000040}.auth-brand{display:flex;align-items:center;gap:10px;position:absolute;margin-top:-610px;color:#f4f8ff;letter-spacing:.01em}.auth-brand b{font-size:18px}.auth-brand small{display:block;color:#7591ab;font-size:9px;letter-spacing:.16em;margin-top:3px}.auth-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #37a9e8;border-radius:10px;color:#65c8f5}.auth-card-heading h2{font-size:27px;letter-spacing:-.02em;margin:8px 0}.auth-card-heading p:last-child{color:#91a5bc;font-size:13px;line-height:1.55;margin:0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #2b3d53;margin:28px 0 24px}.auth-tab{background:none;border:0;border-bottom:2px solid transparent;color:#8295aa;padding:11px 8px;font-weight:600}.auth-tab.active{color:#eaf5ff;border-color:#28a8ed}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;color:#b7c5d5;font-size:12px;font-weight:600}.auth-form input{width:100%;padding:12px 13px;background:#0b1420;border-color:#344b64;border-radius:8px;font-size:14px}.auth-form input:focus{border-color:#36b7f1;box-shadow:0 0 0 3px #36b7f126;outline:0}.optional{color:#6f8499;font-weight:400}.auth-hint{color:#7f96ac;font-size:11px;line-height:1.5;margin:0}.auth-submit{width:100%;padding:12px;border-radius:8px;background:#1887c2;border-color:#2ca6e3;font-weight:700}.auth-trust{display:flex;gap:8px;align-items:center;margin-top:23px;padding-top:17px;border-top:1px solid #26384c;color:#7f96ac;font-size:11px}.auth-trust span:first-child{color:#39b9e8;font-size:15px}.auth-panel,.auth-bar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:0 0 1rem;padding:1rem;border:1px solid #2b3d53;border-radius:12px;background:#111b28}.auth-panel form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.auth-panel input{max-width:11rem}.auth-bar{justify-content:flex-end}.auth-bar small{display:block;color:#8094a9;font-size:11px;margin-top:3px}.auth-user-mark{color:#37b2ed}.auth-credentials{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid #2b3d53;border-radius:12px;background:#111b28}.auth-credentials input{max-width:14rem}.credential-heading{display:grid;gap:3px;margin-right:auto}.credential-heading b{font-size:13px}.credential-heading .muted{font-size:11px}@media(max-width:680px){.auth-card{padding:28px 22px}.auth-brand{position:static;margin:0 0 18px}.auth-page{display:block;padding-top:10px}.auth-credentials input{max-width:none;width:100%}.credential-heading{width:100%}}
.auth-page{display:flex!important;flex-direction:column;align-items:center}.auth-brand{position:static!important;margin:0 0 18px!important}
.public-mode main{padding:0 clamp(20px,5vw,72px);max-width:1440px;margin:0 auto;width:100%}.public-mode header{min-height:82px;align-items:center}.public-mode header>div:first-child{display:none}.public-mode #auth-area{position:relative;z-index:10}.public-actions{display:flex;align-items:center;gap:10px;min-height:82px;border-bottom:1px solid #223044}.public-wordmark{display:flex;align-items:center;gap:9px;margin-right:auto;font-size:18px}.public-wordmark .auth-mark{width:30px;height:30px;font-size:15px}.public-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px, .9fr);gap:clamp(30px,7vw,100px);align-items:center;min-height:570px;padding:58px 0 52px}.hero-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 24px;color:#f5f8fd}.hero-copy h1 span{color:#42b8ef}.hero-lead{max-width:540px;color:#9baec2;font-size:17px;line-height:1.65;margin:0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-primary,.hero-secondary{padding:12px 20px;border-radius:8px}.hero-note{color:#657e96;font-size:11px;margin-top:20px}.hero-visual{min-height:410px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#168dcb40;filter:blur(55px)}.visual-card{position:relative;background:linear-gradient(145deg,#1a2d43,#101b2a);border:1px solid #34516a;box-shadow:0 28px 70px #00000052}.visual-main{width:min(100%,410px);height:275px;border-radius:18px;padding:25px 27px;transform:rotate(-5deg);z-index:2}.visual-top{display:flex;justify-content:space-between;color:#7594ad;font-size:10px;letter-spacing:.13em}.visual-top i{width:8px;height:8px;border-radius:50%;background:#34b6ec;box-shadow:0 0 14px #34b6ec}.visual-number{font-size:38px;font-weight:700;margin-top:30px;color:#eaf7ff}.visual-sub{font-size:11px;color:#839bb0;margin-top:5px}.visual-chart{display:flex;align-items:end;gap:10px;height:88px;margin-top:20px;border-bottom:1px solid #385269}.visual-chart b{width:26px;border-radius:4px 4px 0 0;background:linear-gradient(#31b8ed,#17608b);height:35%}.visual-chart b:nth-child(2){height:52%}.visual-chart b:nth-child(3){height:42%}.visual-chart b:nth-child(4){height:68%}.visual-chart b:nth-child(5){height:57%}.visual-chart b:nth-child(6){height:77%}.visual-chart b:nth-child(7){height:66%}.visual-chart b:nth-child(8){height:91%}.visual-float{position:absolute;right:2%;bottom:47px;display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:11px;color:#b9cbe0;font-size:11px;z-index:3;transform:rotate(4deg)}.visual-float strong{color:#48c3ee;font-weight:600;margin-left:5px}.visual-dot{width:7px;height:7px;border-radius:50%;background:#39c48a;box-shadow:0 0 10px #39c48a}.public-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid #223044;padding:30px 0 60px}.public-features article{padding:20px;background:#111b28;border:1px solid #22354a;border-radius:12px}.public-features article>span{color:#3bb7eb;font-size:23px}.public-features h3{font-size:14px;margin:14px 0 7px}.public-features p{color:#8095aa;font-size:12px;line-height:1.55;margin:0}.auth-modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;z-index:50}.auth-modal[hidden]{display:none}.auth-modal-backdrop{position:absolute;inset:0;background:#050b13c9;backdrop-filter:blur(8px)}.auth-modal-card{z-index:1;position:relative}.auth-close{position:absolute;right:17px;top:13px;background:none;border:0;color:#8398ad;font-size:27px;line-height:1;padding:3px 7px}.auth-close:hover{color:#fff}.modal-open{overflow:hidden}
@media(max-width:850px){.public-hero{grid-template-columns:1fr;min-height:auto;padding-top:54px}.hero-visual{min-height:350px;order:-1}.public-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.public-mode main{padding:0 16px}.public-actions{gap:6px}.public-actions .action{padding:8px 10px;font-size:12px}.public-wordmark{font-size:16px}.hero-visual{min-height:285px;transform:scale(.85);margin:-28px 0}.hero-copy h1{font-size:42px}.hero-lead{font-size:15px}.public-features{grid-template-columns:1fr;padding-bottom:35px}.auth-modal{padding:10px}.auth-modal-card{padding:29px 21px}.auth-modal-card .auth-card-heading h2{font-size:24px}}
.public-mode main{max-width:none;min-height:100vh;margin:0;width:100%}
body:not(.authenticated) aside{display:none}
aside{display:none}.authenticated aside{display:flex}.authenticated #notice:not([hidden]){display:block}
@media(max-width:680px){.authenticated aside{display:block}}
#asof{display:none}
.public-mode header{display:none}
.auth-form[hidden]{display:none}
.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 20px}.profile-facts div{display:grid;gap:5px;padding:11px 12px;background:#0e1723;border:1px solid #26384c;border-radius:8px}.profile-facts span{color:#8198ad;font-size:11px}.profile-facts b{font-size:13px;overflow-wrap:anywhere}.password-change-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.password-change-form h3{grid-column:1/-1;margin:5px 0 0;font-size:14px}.password-change-form label{display:grid;gap:6px;color:#b7c5d5;font-size:12px;font-weight:600}.password-change-form input{width:100%}.password-change-form button{height:40px}.password-change-form span{grid-column:1/-1}@media(max-width:850px){.profile-facts,.password-change-form{grid-template-columns:1fr}}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{background:#151e2b;border:1px solid #2a384a;border-radius:10px;padding:18px}.settings-card-muted{border-color:#33465b}.settings-card .settings-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.settings-card .settings-heading h2,.settings-card .settings-heading h3{margin:0 0 5px}.settings-card .settings-heading p{margin:0;color:#91a0b4;font-size:12px;line-height:1.5}.settings-icon{font-size:20px;color:#55bbed;line-height:1}.settings-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:22px 0 14px}.config-state{color:#91a0b4;font-size:12px;white-space:nowrap}.config-state i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#39c48a}.settings-form{display:block}.settings-card form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.settings-card .setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,48%);gap:12px;align-items:center;margin:10px 0}.settings-card .setting-row label{color:#b7c5d5;font-size:12px}.settings-card>p{line-height:1.5}.settings-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.settings-intro{display:block}.config-state{display:block;margin-top:10px}.settings-footer{display:block}.settings-footer .inline{margin-top:10px}}
.password-control{display:flex;align-items:stretch;width:100%}.password-control input{flex:1;min-width:0;border-radius:8px 0 0 8px}.toggle-password{border:1px solid #344b64;border-left:0;border-radius:0 8px 8px 0;background:#172536;color:#a9c5dd;padding:0 12px;font-size:11px;white-space:nowrap}.toggle-password:hover,.toggle-password:focus-visible{background:#223a53;color:#fff}
.public-hero{min-height:clamp(390px,calc(100vh - 220px),570px);padding:30px 0 28px}.hero-visual{min-height:330px}
@media(max-width:850px){.public-hero{min-height:auto;padding:54px 0 52px}.hero-visual{min-height:350px}}
.public-hero{min-height:clamp(350px,calc(100vh - 280px),520px);padding:12px 0 14px}.hero-copy h1{margin:0 0 14px}.hero-buttons{margin-top:18px}
@media(max-width:850px){.public-hero{min-height:auto;padding:38px 0 34px}.hero-copy h1{margin:14px 0 20px}.hero-buttons{margin-top:24px}}
.public-mode main{height:auto;min-height:100vh;overflow:visible}
@media(max-width:850px){.public-mode main{height:auto;overflow:visible}}
.authenticated header{align-items:flex-start}.authenticated #profile-area{position:relative;margin-left:auto;margin-top:0;z-index:20}.profile-trigger{display:flex;align-items:center;gap:9px;background:#111b28;border:1px solid #2b3d53;border-radius:9px;color:#dbe8f5;padding:7px 10px}.profile-trigger:hover,.profile-trigger:focus-visible{border-color:#3aaee8;background:#17263a}.profile-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(145deg,#35aee3,#17628d);color:#fff;font-size:13px;font-weight:700}.profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{color:#8ba3b8;font-size:16px;line-height:1}.profile-menu{position:absolute;right:0;top:calc(100% + 9px);width:250px;padding:9px;background:#111b28;border:1px solid #32485f;border-radius:12px;box-shadow:0 18px 45px #0008}.profile-menu[hidden]{display:none}.profile-menu-heading{display:flex;align-items:center;gap:10px;padding:8px}.profile-menu-heading b,.profile-menu-heading small{display:block}.profile-menu-heading small{color:#8ca1b5;font-size:11px;margin-top:3px;overflow-wrap:anywhere}.profile-avatar-large{width:36px;height:36px}.profile-menu-divider{height:1px;background:#2a3c50;margin:7px 0}.profile-menu-label{padding:7px 10px 2px;color:#8ca1b5;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.profile-menu-id{padding:3px 10px 8px;color:#71879c;font-size:11px;overflow-wrap:anywhere}.profile-menu>button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:#dce8f4;text-align:left;padding:10px}.profile-menu>button:hover,.profile-menu>button:focus-visible{background:#1d3046;color:#fff}
@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active){
    body{background:#0c111b;color:#e9edf5}
    body:before{content:'OKX Watch benötigt einen aktuellen Browser wie Chrome, Edge oder Firefox.';display:block;max-width:620px;margin:18vh auto;padding:32px;border:1px solid #2b3d53;border-radius:14px;background:#111b28;color:#dbeafe;font:16px/1.6 Segoe UI,Arial,sans-serif;text-align:center}
    .shell{display:none}
}

/* Einstellungen bleiben ausschließlich über das authentifizierte Profilmenü erreichbar. */
nav button[data-page="settings"]{display:none!important}

/* Desktop: obere Verbindungskarten behalten ihre Felder in einem stabilen Raster. */
.settings-card .auth-credentials{display:grid;grid-template-columns:1fr;align-items:stretch;gap:9px;margin:0;padding:0;border:0;background:transparent}
.settings-card .auth-credentials .credential-heading,.settings-card .auth-credentials .muted[role="status"]{grid-column:1/-1}
.settings-card .auth-credentials input{width:100%;max-width:none;min-width:0}
.credential-status-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 15px}
.credential-status-grid>div{display:grid;gap:5px;padding:10px 12px;background:#0e1723;border:1px solid #26384c;border-radius:8px}
.credential-status-grid span{color:#8198ad;font-size:11px}.credential-status-grid b{font-size:12px;overflow-wrap:anywhere}
.credential-status-heading,.profile-status-heading{display:grid;gap:3px;margin:0 0 10px}.credential-status-heading b,.profile-status-heading b{font-size:13px}.credential-field{display:grid;gap:5px;color:#b7c5d5;font-size:12px;font-weight:600}.credential-field input{width:100%}.credential-actions{display:flex;gap:9px;flex-wrap:wrap}.profile-facts{grid-template-columns:1fr}
.credential-heading{margin-top:18px}
.settings-card .password-change-form{display:grid}
.settings-card .password-change-form{grid-template-columns:1fr}
@media(max-width:850px){.settings-card .auth-credentials .credential-heading,.settings-card .auth-credentials .muted[role="status"]{grid-column:auto}}
@media(max-width:680px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:4px}nav button{white-space:normal;min-width:0;padding:9px 8px}}
.credential-status-grid>div,.profile-facts div{background:#26384e;border-color:#3a5068}
.credential-status-grid>div.credentials-saved{background:#28513b;border-color:#58a77b;transition:background-color .25s ease,border-color .25s ease}
.demo-mode-note{margin:0 0 12px;padding:10px 12px;border:1px solid #6f5d2b;border-radius:8px;background:#332d1c;color:#f0d98d;font-size:13px;font-weight:600}
.credential-change-note{grid-column:1/-1;margin:2px 0 -3px}
.auth-credentials>#credential-message{display:block;min-height:20px;padding-top:3px;font-weight:600}
.credential-field input{background:#0e1723!important;color:#e9edf5!important}
.credential-field input:-webkit-autofill{-webkit-text-fill-color:#e9edf5!important;-webkit-box-shadow:0 0 0 1000px #0e1723 inset!important;box-shadow:0 0 0 1000px #0e1723 inset!important}
.registration-closed [data-auth-open="register"],.registration-closed [data-auth-mode="register"]{display:none!important}

.deposit-offers{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.deposit-card{min-width:0;border:1px solid #3a4c62;border-radius:9px;padding:16px;overflow-wrap:anywhere}.deposit-card h4{margin:0 0 10px}.deposit-facts{display:grid;gap:12px;margin:16px 0}.deposit-facts dt{color:#91a0b4;font-size:12px;margin-bottom:4px}.deposit-facts dd{margin:0;font-size:14px;line-height:1.5}.deposit-card details{margin-top:14px}.deposit-card summary{cursor:pointer}
.deposit-card li{margin-bottom:10px;line-height:1.5}.campaign-news{min-width:0;border:1px solid #3a4c62;border-radius:9px;padding:16px;margin-bottom:16px;overflow-wrap:anywhere}.campaign-news-form{display:grid;gap:14px;margin-bottom:14px}.campaign-news-form label{display:grid;gap:6px;min-width:0}.campaign-news-form input[type=email]{width:100%;min-width:0;box-sizing:border-box}.campaign-news-form .campaign-news-check{display:flex;align-items:start;gap:10px}.campaign-news-check input{width:auto;flex-shrink:0}


.monitor-table{min-width:720px}.monitor-table th:first-child,.monitor-table td:first-child{min-width:160px}.monitor-table th:nth-child(2),.monitor-table td:nth-child(2){min-width:190px}

/* Instrumentauswahl bleibt im Formular auch auf Mobilgeräten lesbar. */
.watch-search{position:relative;flex:1 1 220px;min-width:0;max-width:420px}.watch-search>input{width:100%}.watch-search>p{margin:7px 0 0;line-height:1.4}#watch-results{position:absolute;top:43px;left:0;right:0;z-index:10;max-height:270px;overflow-y:auto;border:1px solid #405168;border-radius:7px;background:#151e2b;box-shadow:0 8px 24px #0008}#watch-results[hidden]{display:none}#watch-results>button{display:block;text-align:left;background:none;color:inherit;border:0;border-bottom:1px solid #405168;padding:10px;width:100%;overflow-wrap:anywhere}#watch-results>button>span{display:block;font-size:12px;margin-top:4px}#watch-results>button:hover,#watch-results>button[aria-selected=true]{background:#26384e}#add>[name=instrument]{flex:1 1 220px;min-width:0;align-self:flex-start}#add>button,#add>select{align-self:flex-start}@media(max-width:680px){.watch-search{max-width:none;flex-basis:100%}}

.watchlist-table{min-width:960px}.watchlist-table td.inline{min-width:240px}.watchlist-table .action{white-space:nowrap}
.action-feedback{position:fixed;z-index:10010;top:12px;right:12px;width:min(440px,calc(100vw - 24px));max-height:45vh;overflow:auto;background:#142d42;color:#eef7ff;border:1px solid #629ac4;border-left:4px solid #73bafb;border-radius:9px;box-shadow:0 6px 24px #0006;padding:14px 54px 14px 16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.action-feedback[hidden]{display:none}.action-feedback[data-kind=error]{background:#3c2028;color:#fff0f1;border-color:#e48a96}.action-feedback>button{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:26px}.action-feedback>button:focus-visible{outline:2px solid currentColor}.action-feedback ul{margin:8px 0 0;padding-left:18px}.action-feedback li+li{margin-top:8px}

.action-feedback{pointer-events:none;overflow:visible}.action-feedback>button{pointer-events:auto}.action-feedback ul{max-height:calc(45vh - 60px);overflow:auto}
.analysis-spinner{display:inline-block;width:1em;height:1em;vertical-align:-.12em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:analysis-spin .8s linear infinite}
button[data-analysis-pending]{opacity:.65;cursor:wait}
@keyframes analysis-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.analysis-spinner{animation:none}}

.settings-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(115deg,#17263a,#151e2b 65%);border:1px solid #2c4058;border-radius:12px;margin-bottom:16px}.settings-intro h2{margin:4px 0 7px;font-size:20px}.settings-intro p{margin:0;max-width:680px}.config-state{white-space:nowrap;color:#a8bdd0;background:#1d3043;border:1px solid #35536b;border-radius:20px;padding:8px 12px;font-size:12px}.config-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#edb84b;margin-right:7px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{background:#151e2b;border:1px solid #2a384a;border-radius:10px;padding:19px}.settings-card-muted{background:#131b27}.settings-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #293748;margin-bottom:5px}.settings-heading h3{font-size:15px;margin:1px 0 5px}.settings-heading p{font-size:12px;color:#91a0b4;margin:0;line-height:1.45}.settings-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#203b55;color:#6cc5f0;font-size:17px;flex:none}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;border-bottom:1px solid #263443}.setting-row:last-child{border-bottom:0}.setting-row label,.setting-row b{font-size:13px;color:#e1e8f1}.setting-row small{display:block;color:#8798ad;font-size:11px;margin-top:3px}.setting-row select{min-width:166px;padding:8px 30px 8px 10px}.pill-muted{color:#9aabba;background:#202d3b;border:1px solid #354658}.settings-footer{display:grid;grid-template-columns:1fr;align-items:center;margin-top:16px;padding:0 2px}.settings-footer>.inline{grid-row:1;justify-self:end}.settings-footer>#settings-message{grid-row:2}.settings-footer .action:disabled{background:#283847;border-color:#3c5061;color:#93a5b7;opacity:1}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}@media(max-width:680px){.settings-intro{display:block}.config-state{display:inline-block;margin-top:14px}.settings-footer>.inline{justify-self:start}.settings-footer .action{margin-top:12px;width:100%}}
.setting-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;column-gap:52px}.setting-row select{width:220px;justify-self:end}
@media(max-width:680px){.setting-row{grid-template-columns:minmax(0,1fr) 175px;column-gap:24px}.setting-row select{width:175px}}
@media(max-width:480px){.setting-row{grid-template-columns:minmax(0,1fr) 150px;column-gap:14px}.setting-row select{width:150px;min-width:0}}
.settings-form{display:block}.settings-form .setting-row{padding:10px 0;min-width:0}.settings-form .setting-row>span{overflow-wrap:anywhere}.settings-footer{gap:20px}.settings-footer .inline{flex-shrink:0}
@media(max-width:420px){.settings-form .setting-row{grid-template-columns:1fr;gap:10px}.settings-form .setting-row select{width:100%;justify-self:stretch}.settings-form .settings-footer .inline{display:grid;width:100%;gap:8px}}
.info-details>summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;font-size:14px;font-weight:600}.info-details[open]>summary{margin-bottom:8px}.setting-help>summary{font-size:12px;font-weight:400}.setting-help p{line-height:1.5}.authenticated #notice[hidden]{display:none}
.risk-settings{margin-top:16px}.risk-settings fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}.risk-settings label{min-width:0}.risk-settings input,.risk-settings select{width:100%;min-width:0}.risk-settings fieldset label{display:grid;gap:8px}.risk-settings .inline{flex-wrap:wrap}@media(max-width:680px){.risk-settings fieldset{grid-template-columns:1fr}}
.ai-settings{margin-top:16px}.ai-settings fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:12px}.ai-settings fieldset label{display:grid;gap:8px}.ai-settings fieldset .ai-enabled{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px}.ai-settings .ai-enabled input{width:18px;height:18px;flex:0 0 18px;margin:0}.ai-settings input:not([type=checkbox]){width:100%;min-width:0}.ai-settings .inline{flex-wrap:wrap}

.risk-settings .risk-remove{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px}.risk-settings .risk-remove input{width:18px;height:18px;flex:0 0 18px;margin:0}

/* Original: Farb- und Formensprache anhand des bereitgestellten Screenshots.
   Keine Kontodaten oder Bildinhalte werden in die Oberfläche übernommen. */
:root[data-theme="original"] {
    color-scheme: dark;
    background: #08090b;
    color: #e5e7eb;
    font-family: "Segoe UI", system-ui, sans-serif;
}
[data-theme="original"] aside { background: #0c0d0f; border-color: #202329; }
[data-theme="original"] .brand { color: #3b82f6; }
[data-theme="original"] .brand b { color: #e5e7eb; font-weight: 500; }
[data-theme="original"] nav button { color: #9ca3af; }
[data-theme="original"] nav button:hover { background: #14171c; color: #e5e7eb; }
[data-theme="original"] nav button.selected { background: #1b1e24; color: #f3f4f6; box-shadow: inset 3px 0 #3b82f6; }
[data-theme="original"] :is(.card,.panel,.settings-card,.settings-card-muted) {
    background: #101215; border-color: #202329; border-radius: 10px;
}
[data-theme="original"] .card { padding: 24px; }
[data-theme="original"] .card strong { font-size: 30px; }
[data-theme="original"] .settings-intro { background: #101215; border-color: #202329; }
[data-theme="original"] :is(.timestamp,.muted,.side-note,.brand small,.card label,.settings-heading p,.setting-row small) { color: #94a3b8; }
[data-theme="original"] :is(.eyebrow,.settings-icon) { color: #60a5fa; }
[data-theme="original"] .settings-icon { background: #18202f; }
[data-theme="original"] .action { background: #2563eb; border-color: #3478ef; }
[data-theme="original"] .action:hover:not(:disabled) { background: #1d4ed8; }
[data-theme="original"] .action.secondary { background: #181c22; border-color: #2b3039; color: #dbe3ee; }
[data-theme="original"] .action.secondary:hover { background: #242a33; }
[data-theme="original"] :is(input,select) { background: #171a20; color: #e5e7eb; border-color: #2b3039; }
[data-theme="original"] :is(button,input,select):focus-visible { outline: 2px solid #60a5fa; outline-offset: 3px; }
[data-theme="original"] :is(th,td,.settings-heading,.setting-row) { border-color: #252a32; }
[data-theme="original"] th { color: #94a3b8; }
[data-theme="original"] :is(.setting-row label,.setting-row b) { color: #e5e7eb; }
[data-theme="original"] :is(.empty,.chart) { color: #94a3b8; border-color: #303640; }
[data-theme="original"] :is(.pill,.pill-muted,.config-state) { background: #202631; color: #a9c8f6; border-color: #303640; }
[data-theme="original"] .notice { background: #261f13; border-color: #574422; color: #e7c785; }
[data-theme="original"] .error { color: #fca5a5; }
[data-theme="original"] .settings-footer .action:disabled { background: #20242b; border-color: #303640; color: #94a3b8; }

/* Light palette also used when the device requests light mode. */
:root[data-theme="light"] { color-scheme:light; background:#f3f5f8; color:#182235; }
[data-theme="light"] aside { background:#fff; border-color:#cbd5e1; }
[data-theme="light"] nav button { color:#475569; }
[data-theme="light"] nav button:hover { background:#eef2f7; color:#182235; }
[data-theme="light"] nav button.selected { background:#dbeafe; color:#1e40af; }
[data-theme="light"] :is(.card,.panel,.settings-card,.settings-card-muted,.settings-intro) { background:#fff; border-color:#cbd5e1; }
[data-theme="light"] :is(.timestamp,.muted,.side-note,.brand small,.card label,.settings-heading p,.setting-row small,.history-top time,.history-facts dt) { color:#526176; }
[data-theme="light"] :is(.eyebrow,.settings-icon) { color:#1d4ed8; }
[data-theme="light"] .settings-icon { background:#dbeafe; }
[data-theme="light"] .action { background:#1d4ed8; border-color:#1e40af; color:#fff; }
[data-theme="light"] .action:hover:not(:disabled) { background:#1e40af; }
[data-theme="light"] .action.secondary { background:#eef2f7; border-color:#94a3b8; color:#243449; }
[data-theme="light"] .action.secondary:hover:not(:disabled) { background:#dbeafe; }
[data-theme="light"] :is(input,select) { background:#fff; color:#182235; border-color:#8494aa; }
[data-theme="light"] input::placeholder { color:#526176; }
[data-theme="light"] :is(button,input,select,a,summary):focus-visible { outline:3px solid #1d4ed8; outline-offset:3px; }
[data-theme="light"] :is(th,td,.settings-heading,.setting-row,.history-entry,.history-failures) { border-color:#cbd5e1; }
[data-theme="light"] th { color:#475569; }
[data-theme="light"] :is(.setting-row label,.setting-row b) { color:#182235; }
[data-theme="light"] :is(.empty,.chart) { color:#526176; border-color:#94a3b8; }
[data-theme="light"] :is(.pill,.pill-muted,.config-state) { background:#e2e8f0; color:#334155; border-color:#cbd5e1; }
[data-theme="light"] .notice { background:#fff6d6; border-color:#b58a22; color:#644600; }
[data-theme="light"] .error { color:#b42318; }
[data-theme="light"] .settings-footer .action:disabled { background:#e2e8f0; border-color:#cbd5e1; color:#526176; }
[data-theme="light"] :is(a,.history-entry summary) { color:#1d4ed8; }
[data-theme="light"] .chart-gridline { stroke:#cbd5e1; }
[data-theme="light"] .chart-axis { fill:#475569; }
[data-theme="light"] .chart-price-line { stroke:#1d4ed8; }
[data-theme="light"] .chart-point { fill:#1d4ed8; }
[data-theme="light"] .chart-up { fill:#047857; stroke:#047857; }
[data-theme="light"] .chart-down { fill:#be123c; stroke:#be123c; }
[data-theme="light"] #chart-area .toolbar label { color:#475569; }
[data-theme="light"] .history-green { background:#d1fae5; color:#065f46; }
[data-theme="light"] .history-yellow { background:#fef3c7; color:#78350f; }
[data-theme="light"] .history-red { background:#ffe4e6; color:#9f1239; }
[data-theme="light"] .history-gray { background:#e2e8f0; color:#334155; }

/* Density changes spacing, never chart prices, typography semantics or columns. */
[data-density="compact"] main { padding-top:20px; padding-bottom:20px; }
[data-density="compact"] :is(.card,.panel,.settings-card,.history-entry) { padding:12px; }
[data-density="compact"] :is(.cards,.settings-grid) { gap:10px; }
[data-density="compact"] .panel { margin-top:12px; }
[data-density="compact"] :is(th,td) { padding:8px; }
[data-density="compact"] .settings-form .setting-row { padding:6px 0; min-height:44px; }
[data-density="compact"] .settings-intro { padding:16px; }
[data-density="compact"] nav button { padding-top:9px; padding-bottom:9px; }
[data-density="compact"] .history-entry p { line-height:1.45; }
@media(pointer:coarse) {
    [data-density="compact"] :is(.action,nav button,input,select,summary) { min-height:44px; }
    [data-density="compact"] .settings-form .setting-row { padding:8px 0; }
}

/* OKX Watch: warme, dezente Hover-Fläche auf den Übersichtskacheln. */
[data-theme="original"] .cards > .overview-link {
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
[data-theme="original"] .cards > .overview-link:hover,
[data-theme="original"] .cards > .overview-link:focus-visible {
    background: #182b46;
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px #3b82f666, 0 0 18px #2563eb33;
}
[data-theme="original"] .cards > .overview-link:focus-visible {
    outline-color: #60a5fa;
}
@media (prefers-reduced-motion: reduce) {
    [data-theme="original"] .cards > .overview-link { transition: none; }
}

[data-theme="light"] #watch-results{background:#fff;color:#172033;border-color:#cbd5e1}
[data-theme="light"] #watch-results>button:hover,[data-theme="light"] #watch-results>button[aria-selected=true]{background:#e8eff8}

.market-chart{width:100%;overflow-x:auto}.market-chart svg{display:block;width:100%;min-width:800px;height:auto}
.chart-gridline{stroke:#303640;stroke-width:1}.chart-axis{fill:#94a3b8;font-size:11px;font-family:system-ui,sans-serif}
.chart-price-line{fill:none;stroke:#3b82f6;stroke-width:2}.chart-point{fill:#3b82f6}.chart-point:hover{r:5}
.chart-up{fill:#34d399;stroke:#34d399}.chart-down{fill:#fb7185;stroke:#fb7185}.chart-open{opacity:.55}
.chart-last{font-size:20px;font-weight:600}.market-chart a,.muted a{color:#60a5fa}
#chart-area .toolbar label{display:grid;gap:6px;font-size:13px;color:#94a3b8}

.chart-bot-level{stroke:#a78bfa;stroke-width:1.5;fill:none}.chart-bot-stale{stroke-dasharray:7 5;opacity:.75}
.chart-bot-legend,.chart-trade-legend{border-top:1px solid var(--border,#334155);margin-top:12px;padding-top:12px}.chart-bot-legend li,.chart-trade-legend li{margin:8px 0;overflow-wrap:anywhere}

.chart-campaign-band{fill:#38bdf8;fill-opacity:.10;stroke:none}.chart-campaign-boundary{stroke:#38bdf8;stroke-width:1.5}.chart-campaign-stale{stroke-dasharray:5 5;opacity:.6}
.chart-tools{margin:12px 0 18px}.chart-tools summary{cursor:pointer;margin-bottom:12px}.chart-tools .toolbar{gap:14px}.chart-tools input[type=checkbox]{accent-color:#38bdf8}.chart-study{fill:none;stroke-width:1.7}.chart-sma20{stroke:#fbbf24}.chart-ema50{stroke:#fb923c}.chart-ema100{stroke:#22d3ee;stroke-dasharray:7 3}.chart-bands{stroke:#818cf8;opacity:.7}.chart-rsi{stroke:#c084fc}.chart-trend{stroke:#38bdf8}.chart-fib{stroke:#fbbf24;stroke-width:1;fill:none}.chart-anchor{fill:#0f172a;stroke-width:2}.chart-fib-label{fill:#fbbf24;font-size:10px}.chart-volume{opacity:.6;stroke:none}.chart-drawing-active{cursor:crosshair;touch-action:pan-x pan-y}[data-theme=light] .chart-fib-label{fill:#945200}.chart-tools button{align-self:end}

.chart-atr{stroke:#fbbf24}.chart-adx{stroke:#c084fc}.chart-di-plus{stroke:#34d399}.chart-di-minus{stroke:#fb7185}.chart-chop{stroke:#38bdf8}.chart-bbw{stroke:#fb923c}.chart-vwap{stroke:#e879f9;stroke-width:2}.chart-study-point{fill:transparent;stroke:transparent;pointer-events:all}.chart-study-point:hover{fill:currentColor}.chart-tool-help{margin-top:12px}.chart-tool-help li{margin:8px 0;max-width:90ch}

.chart-trade-marker{cursor:pointer;stroke-width:1.5}.chart-trade-marker text{stroke:none;fill:currentColor;font:700 11px system-ui,sans-serif;paint-order:stroke;stroke:#0f172a;stroke-width:3px}.chart-buy{color:#34d399;stroke:#34d399;fill:#34d399}.chart-sell{color:#fb7185;stroke:#fb7185;fill:#fb7185}.chart-trade-marker:focus path,.chart-trade-marker:hover path{stroke:#f8fafc;stroke-width:3}.chart-trade-marker line{stroke-dasharray:2 2}

.history-entry{border:1px solid #303640;border-radius:9px;padding:18px;margin:16px 0;background:rgba(127,127,127,.025)}
.history-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.history-top time{font-size:12px;color:#94a3b8}.history-top button{margin-left:auto}
.history-entry h3{font-size:16px}.history-entry p{line-height:1.6}.history-signal{font-size:13px;font-weight:600;padding:5px 9px;border-radius:6px}
.history-green{background:#15392d;color:#8be9bb}.history-yellow{background:#3c3219;color:#f6d880}.history-red{background:#40212a;color:#ffb3b3}.history-gray{background:#2a3039;color:#d1d5db}
.history-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.history-facts dt{font-size:12px;color:#94a3b8}.history-facts dd{margin:5px 0;overflow-wrap:anywhere;font-size:13px}
.history-entry summary{cursor:pointer;color:#93c5fd;padding:10px 0}.history-reason{white-space:pre-wrap;overflow-wrap:anywhere}.history-entry a{color:#93c5fd;overflow-wrap:anywhere}.history-failures{margin-top:26px;border-top:1px solid #303640;padding-top:15px}
@media(max-width:600px){.history-facts{grid-template-columns:1fr}.history-top button{margin-left:0}#history-coin{width:100%}}