@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/dm-sans-latin.woff2") format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/manrope-latin.woff2") format("woff2")}
:root{/* Schrift: 11 12 13 14 15 16 18 20 | Ueberschriften 24 28 32 40. Farben: nur Werte, die hier schon vorkommen. */
/* Eckenradien: 6px klein, 8px Bedienelemente, 12px Flaechen, 50%/999px rund. Keine weiteren Werte. */--bg:#fff;--canvas:#f4f8f5;--bg-elevated:#eef1eb;--text:#19332d;--muted:#52685f;--accent:#146c56;--accent-hover:#0b513f;--mint:#67e1c7;--forest:#19332d;--border:#d6e1da;--border-strong:#bfd3c6;--button:#195541;--button-hover:#103f31;--error:#9e352b;--radius:8px;--font-body:"DM Sans",sans-serif;--font-heading:Manrope,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus-visible{outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:650;letter-spacing:-.035em;line-height:1.25}h1{font-size:40px}h2{font-size:28px}h3{font-size:20px}svg{display:block;flex-shrink:0}button:disabled{cursor:not-allowed}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none}.muted{color:var(--muted)}.small{font-size:16px}.eyebrow{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);padding:10px 18px;border-radius:6px;background:#fff;z-index:10}.skip-link:focus{transform:translateY(0)}.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}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.loader{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.noscript{position:fixed;inset:40% 20px auto;text-align:center;background:white;padding:24px}@keyframes spin{to{transform:rotate(360deg)}}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--forest);text-decoration:none;font-family:var(--font-heading);font-weight:800;font-size:28px;letter-spacing:-1.3px;line-height:1;white-space:nowrap}.brand:hover{color:var(--forest)}.brand-mark{width:40px;height:40px;background:var(--forest);color:var(--mint);border-radius:8px;display:grid;place-items:center;flex-shrink:0}.brand-mark .icon{width:27px;height:27px;stroke-width:1.85}.brand-wordmark{display:inline-block}.brand-period{color:var(--accent);letter-spacing:0}.brand-light,.brand-light:hover{color:#fff}.brand-light .brand-mark{background:var(--mint);color:var(--forest)}.brand-light .brand-period{color:var(--mint)}.brand-credit{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}.brand-credit strong{font-weight:750;letter-spacing:.14em;font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:650;padding:4px 9px;white-space:nowrap}.pill .dot{height:5px;width:5px;border-radius:50%;background:currentColor}.pill-mint{background:#e1f0e7;color:var(--accent);border-color:#c5dfd0}.pill-neutral{background:#ffffff;color:var(--muted)}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,46%) 1fr;background:#fff}.auth-story{position:relative;background:var(--forest);color:#fff;padding:43px clamp(32px,5.2vw,84px);display:flex;flex-direction:column;overflow:hidden}.auth-story:after{content:"";position:absolute;inset:auto -90px -160px auto;width:540px;height:540px;border:1px solid #34564a;border-radius:50%;pointer-events:none}.story-content{position:relative;z-index:1;margin:auto 0;padding:64px 0 58px;max-width:455px}.story-content .eyebrow{color:#a6c8b7;margin-bottom:22px}.story-content h1{font-size:clamp(42px,4.4vw,64px);font-weight:550;line-height:1.15;letter-spacing:-.05em}.story-content h1 span{color:var(--mint)}.story-intro{color:#bfd3c6;max-width:375px;margin-top:23px;font-size:18px;line-height:1.7}.flow-illustration{margin-top:46px;border-top:1px solid #34564a;padding-top:27px}.flow-label{color:#aac3b7;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.flow-systems{display:flex;align-items:center;gap:12px}.system-word{font-family:var(--font-heading);font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:10px;font-size:24px}.flow-systems .connector{color:#81ddba;flex:1;max-width:62px;height:1px;background:#557365;position:relative}.flow-systems .connector:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid #81ddba;border-top:1px solid #81ddba;transform:rotate(45deg)}.flow-caption{color:#bfd3c6;font-size:15px;margin-top:17px}.story-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #34564a;padding-top:22px;font-size:14px;color:#a6c8b7}.story-footer strong{letter-spacing:.14em;font-size:12px;color:#d6e1da}.auth-main{display:flex;flex-direction:column;padding:38px 44px;min-width:0}.auth-top{display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:16px;color:var(--muted);min-height:32px}.auth-top a{font-weight:650}.auth-card{width:100%;max-width:480px;margin:auto; padding:56px 0}.auth-card .eyebrow{color:var(--accent);margin-bottom:15px}.auth-card h2{font-size:40px;letter-spacing:-.045em;line-height:1.24;margin-bottom:13px}.auth-lead{color:var(--muted);line-height:1.65;margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:23px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:16px;font-weight:650}.field input{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--text);padding:15px 16px;height:58px;font-size:16px;transition:border-color .16s}.field input:hover{border-color:#78968a}.field input::placeholder{color:#78867f}.field input[aria-invalid=true]{border-color:var(--error)}.field-help{font-size:15px;color:var(--muted)}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.label-row a{font-size:15px;text-decoration:none}.password-wrap{position:relative}.password-wrap input{padding-right:62px}.password-toggle{position:absolute;right:3px;top:3px;bottom:3px;width:50px;border:0;background:transparent;border-radius:3px;color:var(--muted);display:grid;place-items:center}.password-toggle:hover{color:var(--text);background:var(--bg-elevated)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:6px;min-height:54px;padding:14px 23px;font-weight:650;font-size:16px;text-decoration:none;transition:background .16s,border-color .16s;color:var(--text);line-height:1.4;white-space:normal}.button-primary{background:var(--button);color:#fff}.button-primary:hover{background:var(--button-hover);color:#fff}.button-secondary{border-color:var(--border-strong);background:#fff;color:var(--text)}.button-secondary:hover{background:var(--bg-elevated)}.button:disabled{background:#eef1eb;color:#708178;border-color:#d6e1da}.button:disabled .icon{opacity:.75}.button-full{width:100%;height:58px}.button-text{background:none;border:0;color:var(--accent);padding:8px 0;min-height:46px;font-weight:650}.button-text:hover{color:var(--accent-hover)}.form-notice{border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);padding:12px 14px;font-size:16px;line-height:1.55;margin-bottom:22px;overflow-wrap:anywhere}.form-notice[hidden]{display:none}.form-notice.error{border-color:#edc8c3;background:#fff5f3;color:var(--error)}.form-notice.success{border-color:var(--border-strong);background:#fff;color:#195541}.form-note{font-size:15px;color:var(--muted);line-height:1.65;margin-top:18px}.auth-bottom{display:flex;justify-content:center;gap:18px;font-size:14px;color:var(--muted)}.auth-bottom a{color:var(--muted);text-decoration:none}.auth-bottom a:hover{text-decoration:underline}.state-icon{display:grid;place-items:center;width:57px;height:57px;background:#e1f0e7;color:var(--accent);border-radius:12px;margin-bottom:25px}.state-icon.error{background:#fff1ec;color:var(--error)}.state-icon .icon{width:26px;height:26px}.state-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.state-steps{padding:19px 0 0;margin-top:21px;border-top:1px solid var(--border);color:var(--muted);font-size:16px}.mobile-brand{display:none}
.dashboard{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:270px;padding:29px 19px 17px;z-index:3}.sidebar .brand{margin:0 12px 32px}.nav-label{font-size:12px;color:var(--muted);font-weight:650;letter-spacing:.13em;padding:0 13px;margin-bottom:9px}.nav-links{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;min-height:52px;padding:10px 12px;border-radius:6px;color:var(--muted);text-decoration:none;font-size:16px;font-weight:550;position:relative}.nav-link .icon{width:22px;height:22px}.nav-link:hover{background:#f4f8f5;color:var(--text)}.nav-link.active{background:#e1f0e7;color:#146c56;font-weight:700}.nav-link.active:before{content:"";height:20px;width:3px;position:absolute;left:0;top:16px;border-radius:2px;background:#146c56}.sidebar-bottom{margin-top:auto;padding-top:35px}.setup-status .dot{height:5px;width:5px;background:#78968a;border-radius:50%}.account-box{padding:17px 9px 0;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;min-width:0}.account-avatar{display:grid;place-items:center;height:30px;width:30px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;font-size:14px;font-weight:650}.account-name{flex:1;min-width:0;font-size:14px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon-button{border:0;background:transparent;color:var(--muted);min-width:44px;min-height:44px;padding:10px;border-radius:6px;display:grid;place-items:center}.icon-button:hover{background:var(--bg-elevated);color:var(--text)}.icon-button .icon{width:21px;height:21px}.dashboard-body{grid-column:2;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--muted)}.breadcrumbs .icon{height:13px;width:13px;color:#8fad9c}.breadcrumbs strong{color:var(--text);font-weight:550}.topbar-right{display:flex;gap:15px;align-items:center}.topbar .brand-credit{font-size:12px}.menu-button{display:none}.dashboard-main{max-width:1440px;margin:0 auto;padding:37px 42px 28px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading .eyebrow{color:var(--muted);font-size:12px;margin-bottom:9px}.page-heading h1{font-size:32px;letter-spacing:-.04em}.page-description{color:var(--muted);margin-top:9px;font-size:16px;max-width:650px}.page-heading .button{min-height:50px;padding:12px 18px;font-size:15px}.panel{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 23px;border-bottom:1px solid var(--border)}.panel-header h2{font-size:18px;letter-spacing:-.02em}.panel-header a{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:650;text-decoration:none}.panel-header a .icon{height:13px;width:13px}.panel-body{padding:22px 23px}.empty-state{text-align:center;padding:29px 23px 30px}.empty-state .empty-icon{width:45px;height:45px;margin:0 auto 15px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;background:#f4f8f5;color:#648778}.empty-state .empty-icon .icon{width:21px;height:21px}.empty-state h3{font-family:var(--font-body);font-size:15px;font-weight:650;letter-spacing:0;margin-bottom:8px}.empty-state p{font-size:14px;color:var(--muted);line-height:1.7;max-width:285px;margin:auto}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:var(--muted);margin-top:30px}.dashboard-footer a{color:var(--muted);text-decoration:none}.dashboard-footer .footer-links{display:flex;gap:15px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}.connection-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:25px}.connection-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.connection-card .system-word{font-size:24px}.connection-card h3{font-size:18px;letter-spacing:-.02em;margin-bottom:9px}.connection-card p{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:24px}.connection-card .button{width:100%}.connection-card dl{font-size:14px;border-top:1px solid var(--border);margin:23px 0 0;padding:13px 0 0}.connection-card dl div{display:flex;justify-content:space-between;gap:20px;padding:4px 0}.connection-card dt{color:var(--muted)}.connection-card dd{margin:0;font-weight:550;text-align:right}.history-empty{padding:66px 25px 74px}.history-empty .empty-icon{height:56px;width:56px;border-radius:12px;margin-bottom:20px}.history-empty h3{font-size:18px}.history-empty p{font-size:16px;max-width:385px}.history-empty .button{margin-top:22px}.account-actions{display:flex;gap:14px;align-items:center;justify-content:space-between}.account-actions p{color:var(--muted);font-size:15px}.account-actions .button{flex-shrink:0}.page-message{margin-bottom:20px}.page-message:empty{display:none}.error-page{padding:80px 24px;text-align:center;max-width:560px;margin:0 auto}.error-page .brand{margin-bottom:60px}.error-page h1{font-size:32px;margin-bottom:16px}.error-page p{color:var(--muted);margin-bottom:25px}
@media(min-width:1550px){.auth-card{max-width:510px}.auth-card h2{font-size:40px}.story-content{max-width:500px}.auth-layout{grid-template-columns:45% 55%}.dashboard-main{padding-top:45px}.panel-header{padding:23px}}
@media(max-width:1100px){.dashboard{grid-template-columns:240px minmax(0,1fr)}.sidebar{width:240px;padding-left:13px;padding-right:13px}.topbar{padding:0 28px}.dashboard-main{padding:30px 28px}.panel-header{padding:18px}.auth-story{padding:36px}.story-content h1{font-size:50px}.auth-main{padding:30px}.connection-card{padding:22px}.connection-card-head{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:850px){.auth-layout{grid-template-columns:38% 1fr}.auth-story{padding:30px 25px}.story-content h1{font-size:40px}.story-intro{font-size:16px}.flow-systems{flex-wrap:wrap;gap:10px}.flow-systems .connector{min-width:15px}.system-word{font-size:18px}.story-footer{flex-wrap:wrap}.auth-main{padding:27px}.auth-card{padding:45px 0}.auth-top{font-size:15px}.dashboard{grid-template-columns:225px minmax(0,1fr)}.sidebar{width:225px;padding-left:10px;padding-right:10px}.sidebar .brand{font-size:28px;margin-left:10px}.topbar{height:68px;padding:0 23px}.topbar .brand-credit{display:none}.dashboard-main{padding:27px 23px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:28px}.page-heading>.button{display:none}.connection-grid{grid-template-columns:1fr}.connection-card-head{flex-direction:row}.dashboard-footer{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:640px){.auth-layout{display:block;min-height:100dvh}.auth-story{display:none}.auth-main{min-height:100dvh;padding:25px 25px 23px}.mobile-brand{display:flex;margin-bottom:27px}.mobile-brand .brand{font-size:28px}.auth-top{justify-content:flex-start;min-height:24px}.auth-card{max-width:480px;padding:42px 0}.auth-card h2{font-size:32px}.auth-bottom{padding-top:20px}.dashboard{display:block}.sidebar{transform:translateX(-100%);transition:transform .18s;box-shadow:8px 0 35px rgba(23,52,45,.1);width:270px}.dashboard.nav-open .sidebar{transform:translateX(0)}.nav-scrim{display:none;position:fixed;inset:0;background:rgba(23,52,45,.32);z-index:2;border:0}.dashboard.nav-open .nav-scrim{display:block}.menu-button{display:grid}.topbar{height:64px;padding:0 15px;gap:10px}.breadcrumbs{margin-right:auto;gap:7px;font-size:14px}.breadcrumbs>span{display:none}.breadcrumbs>.icon{display:none}.topbar .pill{font-size:11px}.dashboard-main{padding:25px 19px 23px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:32px}.page-heading .eyebrow{font-size:11px}.page-description{font-size:16px}.panel-header{padding:19px}.empty-state h3{font-size:16px}.empty-state p{font-size:15px}.dashboard-footer{font-size:12px;margin-top:26px}.connection-card{padding:23px 20px}.connection-card .system-word{font-size:24px}.connection-card-head .pill{font-size:11px}.history-empty{padding:45px 22px}.history-empty h3{font-size:18px}.history-empty p{font-size:15px}.account-actions{flex-direction:column;align-items:flex-start}.panel-body{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:640px){.sidebar{box-shadow:none}.dashboard.nav-open .sidebar{box-shadow:8px 0 35px rgba(23,52,45,.1)}body.menu-open{overflow:hidden}}

/* Official HubSpot assets are displayed unchanged, with their original aspect ratio. */
.hubspot-logo{display:block;width:140px;max-width:100%;height:auto;flex-shrink:0}
.system-hubspot{flex-shrink:0;min-height:44px}
.connection-card-head{flex-wrap:wrap;row-gap:16px}
.sidebar{overflow-y:auto}
.auth-main,.auth-card,.panel,.connection-card{min-width:0}
.form-note,.field-help,.auth-lead,.page-description,.empty-state p,.connection-card p{overflow-wrap:break-word}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100dvh}.mobile-brand{display:flex;margin-bottom:27px}.auth-top{justify-content:flex-start}.auth-card{max-width:480px}.topbar{height:78px}.sidebar .brand{font-size:28px;gap:8px}.sidebar .brand-mark{width:36px;height:36px}}
@media(max-width:640px){.auth-main{padding:27px 23px 25px}.auth-card{padding:40px 0}.auth-card h2{font-size:32px}.auth-bottom{flex-wrap:wrap}.connection-card .hubspot-logo{width:132px}.flow-systems{flex-wrap:wrap}.topbar{height:76px}.breadcrumbs{font-size:14px}.dashboard-footer{font-size:12px}.label-row{flex-wrap:wrap;row-gap:4px}.button{min-height:54px}}
@media(max-width:360px){.auth-main{padding-inline:20px}.dashboard-main{padding-inline:16px}.auth-card h2{font-size:32px}.page-heading h1{font-size:32px}.panel-header{flex-wrap:wrap;row-gap:10px}.connection-card-head{flex-direction:column;align-items:flex-start}.connection-card dl div{flex-direction:column;gap:3px}.connection-card dd{text-align:left}}
/* Avoid drawer motion during viewport changes; heading focus is a reading target. */
@media(max-width:640px){.sidebar{transition:none}}
#app-view h1:focus{outline:none}

/* Manually confirmed customer synchronization, using the Forest Badge design tokens. */
select,textarea{font:inherit}select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.field select{width:100%;min-width:0;height:58px;padding:12px 38px 12px 16px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--text);font-size:16px}
.field select:disabled,.field input:disabled{background:#f4f8f5;color:var(--muted);cursor:wait}
.sync-loading{display:flex;align-items:center;justify-content:center;gap:14px;min-height:130px;padding:25px;color:var(--muted);font-size:16px}
.sync-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.sync-toolbar p{color:var(--muted);font-size:16px;max-width:650px}.sync-toolbar .button{flex-shrink:0}
.sync-help{color:var(--muted);font-size:16px;line-height:1.65;margin:12px 0;max-width:820px}
.sync-fields{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:6px 0 24px}
.sync-alert{padding:16px 19px;border:1px solid #e2cd97;border-radius:6px;background:#fffaee;color:#775c1e;margin:0 0 22px;font-size:16px;line-height:1.65}.sync-alert ul{padding-left:21px;margin:0}.sync-alert li+li{margin-top:6px}.sync-alert.error{background:#fff5f3;border-color:#edc8c3;color:var(--error)}.pill-warning{background:#fffaee;border-color:#e2cd97;color:#775c1e}.connection-card .connection-detail{margin:14px 0 0;color:var(--muted);font-size:16px}
@media(max-width:1100px){.sync-toolbar{align-items:flex-start;flex-direction:column}.sync-fields{grid-template-columns:1fr}}
@media(max-width:640px){.sync-fields{gap:21px}.sync-toolbar .button{width:100%}.sync-help{font-size:15px}}

/* Guided connection and automatic synchronization. */
.connection-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0 0 30px;border:1px solid var(--border);border-radius:8px;background:white;overflow:hidden}.connection-steps li{display:flex;align-items:center;gap:12px;padding:20px 18px;min-width:0;color:var(--muted);font-size:16px;line-height:1.5}.connection-steps li+li{border-left:1px solid var(--border)}.connection-steps li[aria-current=step]{background:#e1f0e7;color:var(--forest)}.connection-step-number{display:grid;place-items:center;flex-shrink:0;border:1px solid var(--border-strong);border-radius:50%;width:31px;height:31px;font-size:14px;font-weight:700}.connection-steps .done .connection-step-number{background:var(--accent);color:white;border-color:var(--accent)}.connection-step-number .icon{width:17px;height:17px}.connection-steps strong{font-weight:650;overflow-wrap:anywhere}
.connection-wizard{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:25px;align-items:start}.connection-wizard>.panel{min-width:0}.connection-current .panel-header{padding:27px 29px}.connection-current .panel-header h2{font-size:24px}.connection-current .panel-body{padding:29px}.connection-current .system-word{margin-bottom:27px}.connection-current .panel-body>p{font-size:18px;color:var(--muted);line-height:1.75;margin-bottom:24px;max-width:760px}.connection-current .button{min-height:58px}.connection-current form{display:grid;gap:23px}.connection-current .field-help{font-size:15px}.connection-summary{display:grid;gap:0}.connection-summary>div{display:flex;align-items:flex-start;gap:13px;padding:22px 25px;border-bottom:1px solid var(--border)}.connection-summary>div:last-child{border:0}.connection-summary .icon{color:var(--accent);margin-top:3px}.connection-summary h3{font-family:var(--font-body);font-size:16px;font-weight:650;letter-spacing:0;margin-bottom:6px}.connection-summary p{font-size:15px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.connection-muted-action{border-top:1px solid var(--border);padding-top:23px;margin-top:25px}.connection-muted-action p{font-size:15px;color:var(--muted);margin-bottom:14px}.connection-status-message{margin-bottom:24px}.connection-status-message:empty{display:none}.connection-status-message .form-notice{margin:0}.connection-current .sync-alert:last-child{margin-bottom:0}.connection-summary-cards .connection-card{padding:23px}.connection-summary-cards .connection-card-head{margin-bottom:20px}.connection-summary-cards .connection-card p{margin-bottom:0;font-size:16px}.connection-summary-cards .connection-card dl{margin-top:18px}.connection-toggle{display:flex;gap:14px;align-items:flex-start;min-width:0;padding:19px;border:1px solid var(--border);border-radius:6px;background:#ffffff;cursor:pointer}.connection-toggle:has(input:checked){border-color:#195541}.connection-toggle:has(input:checked) strong{color:#195541;font-weight:700}.connection-toggle input{width:23px;height:23px;flex:0 0 23px;accent-color:var(--accent);margin:3px 0 0;cursor:pointer}.connection-toggle input:disabled{cursor:not-allowed}.connection-toggle strong{display:block;font-size:16px;font-weight:650;line-height:1.5}.connection-toggle small{display:block;color:var(--muted);font-size:15px;line-height:1.65;margin-top:5px}.connection-toggle span{min-width:0;overflow-wrap:anywhere}.connection-test-list{margin:0 0 24px;padding:0;list-style:none;border:1px solid var(--border);border-radius:6px;overflow:hidden}.connection-test-list li{display:flex;align-items:flex-start;gap:11px;font-size:16px;line-height:1.6;padding:17px 20px}.connection-test-list li+li{border-top:1px solid var(--border)}.connection-test-list .icon{color:var(--accent);margin-top:3px}.connection-test-list .test-error .icon{color:var(--error)}.connection-test-list small{display:block;color:var(--muted);font-size:15px;margin-top:5px}.connection-test-list span{min-width:0;overflow-wrap:anywhere}.connection-section-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:16px}.connection-inline-status{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--accent);font-size:16px}.connection-inline-status .icon{flex-shrink:0}
@media(max-width:1100px){.connection-wizard{grid-template-columns:1fr}.connection-wizard>.panel:last-child{display:none}.connection-steps{grid-template-columns:1fr 1fr}.connection-steps li:nth-child(3){border-left:0;border-top:1px solid var(--border)}.connection-steps li:nth-child(4){border-top:1px solid var(--border)}}
@media(max-width:640px){.connection-steps{margin-bottom:23px}.connection-steps li{padding:14px 11px;font-size:14px;gap:8px}.connection-step-number{width:26px;height:26px;font-size:12px}.connection-current .panel-header,.connection-current .panel-body{padding:23px 20px}.connection-current .panel-header h2{font-size:24px}.connection-current .panel-body>p{font-size:16px}.connection-current .button{width:100%;white-space:normal;text-align:center}.connection-toggle{padding:16px}.connection-toggle strong{font-size:16px}.connection-toggle small{font-size:15px}.connection-summary-cards .connection-card{padding:22px 20px}.connection-test-list li{font-size:16px;padding:15px}.connection-section-links{font-size:15px;gap:14px}.connection-inline-status{align-items:flex-start}}
@media(max-width:850px){.page-heading:has([data-connection-action]){flex-wrap:wrap;gap:18px}.page-heading>[data-connection-action]{display:inline-flex}}

/* Searchable synchronization protocol and safe recovery actions. */
.history-filters{padding:25px;margin-bottom:24px}.history-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.history-filter-grid .field{min-width:0}.history-filter-grid select,.history-filter-grid input{width:100%;min-width:0}.history-search{grid-column:1/-1}.history-filter-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}.history-filter-actions p{font-size:15px;line-height:1.65;color:var(--muted);flex-basis:100%}.pill-error{background:#fff1ec;border-color:#e8b5ae;color:var(--error)}.history-diagnosis{background:#f4f8f5;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:6px;padding:19px 21px}.history-diagnosis-error{background:#fff5f3;border-color:#e8b5ae;border-left-color:var(--error)}.history-diagnosis-warning{background:#fffaee;border-color:#e2cd97;border-left-color:#9b761f}.history-diagnosis h4{font-size:16px;font-weight:700;line-height:1.5}.history-diagnosis p{font-size:16px;line-height:1.75;margin-top:7px;overflow-wrap:anywhere}.history-diagnosis h4:not(:first-child){margin-top:19px}.history-source-links{display:flex;flex-wrap:wrap;gap:13px 25px;margin-top:18px}.history-source-links:empty{display:none}.history-source-links a{display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:1.6;min-height:46px}.history-retry{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:23px;padding-top:22px;border-top:1px solid var(--border)}.history-retry p,.history-next-step{font-size:16px;color:var(--muted);line-height:1.7;max-width:580px}.history-next-step{margin-top:22px}.history-retry .button{flex-shrink:0}.history-pagination{padding:20px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.history-pagination p{font-size:15px;line-height:1.7;color:var(--muted);max-width:620px}.history-pagination .button{flex-shrink:0}.history-load-error{padding:25px;border-bottom:1px solid var(--border)}.history-load-error h3{font-size:20px}.history-load-error p{font-size:16px;line-height:1.7;margin:12px 0 20px;overflow-wrap:anywhere}
@media(max-width:950px){.history-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-search{grid-column:auto}.history-pagination{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.history-filters{padding:21px 20px}.history-filter-grid{grid-template-columns:1fr;gap:20px}.history-filter-actions{align-items:stretch;flex-direction:column}.history-filter-actions .button{width:100%}.history-diagnosis{padding:17px}.history-diagnosis p{font-size:16px}.history-retry{align-items:stretch;flex-direction:column}.history-retry .button,.history-pagination .button{width:100%}.history-pagination{padding:20px}.history-source-links{flex-direction:column;gap:4px}.history-next-step{font-size:15px}.history-load-error{padding:22px 20px}.history-load-error .button{width:100%}}
/* Calm workspace: separate tasks, retain the established readable type scale. */
.dashboard{--workspace-bg:#f4f8f5;--section-gap:32px;background:var(--workspace-bg)}
.dashboard-main{max-width:1320px;width:100%;margin-inline:auto}
.dashboard .page-heading{margin-bottom:var(--section-gap)}
.dashboard .page-heading .eyebrow{display:none}
.dashboard .page-heading .button-text{display:inline-flex;min-height:44px}
.dashboard .sidebar{background:#fff}
.dashboard .nav-link.active{background:#eef1eb}
.dashboard .nav-link.active:before{display:none}
.dashboard .nav-link .icon{width:22px;height:22px;stroke-width:1.8}
.dashboard .panel,.dashboard .connection-card{border-radius:12px;box-shadow:none}
.dashboard .panel-header{padding:22px 24px;gap:16px}
.dashboard .panel-header h2{font-size:20px}
.dashboard .panel-header .button-text{min-height:44px;padding:8px 12px;white-space:nowrap}
.dashboard .connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:var(--section-gap)}
.dashboard .connection-summary-cards .connection-card{padding:24px;display:flex;flex-direction:column;min-width:0}
.dashboard .connection-card-head{min-height:44px;margin-bottom:16px;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
.dashboard .connection-card>p{font-size:16px;margin:0 0 20px;line-height:1.5}
.dashboard .connection-card dl{margin:auto 0 0;padding-top:16px;font-size:16px}
.dashboard .connection-card dd{overflow-wrap:anywhere;min-width:0}
.dashboard .connection-card .connection-detail{margin:16px 0 0;font-size:15px}
.sevdesk-logo{display:block;width:124px;max-width:100%;height:auto}
.system-sevdesk{min-height:44px;flex-shrink:0}
.auth-story .system-sevdesk{background:#fff;padding:8px 12px;border-radius:6px}
.integration-status{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:var(--section-gap);border:1px solid var(--border);border-radius:12px;background:#eef1eb}
.status-copy{display:flex;gap:14px;align-items:flex-start;min-width:0}
.status-copy>.icon{color:var(--accent);flex-shrink:0;margin-top:3px}
.status-copy h2{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.status-copy p{color:var(--muted);font-size:16px;line-height:1.6;margin-top:5px;max-width:64ch}
.integration-status>.button{flex-shrink:0}
.rules-summary{margin:0;padding:8px 24px 16px}
.rules-summary>div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:24px;padding:16px 0;line-height:1.6;font-size:16px}
.rules-summary>div+div{border-top:1px solid #eef1eb}
.rules-summary dt{color:var(--muted)}
.rules-summary dd{margin:0;font-weight:550;overflow-wrap:anywhere}
.dashboard .connection-toggle{padding:0;background:transparent;border:0;border-radius:0;gap:12px;min-height:44px}
.dashboard .connection-toggle strong{font-size:16px}
.dashboard .connection-toggle small{font-size:15px;line-height:1.6;margin-top:4px}
.dashboard .connection-wizard{display:block;margin-bottom:var(--section-gap)}
.dashboard .connection-current .panel-header h2{font-size:24px}
.dashboard .connection-current .panel-body>p{font-size:16px;line-height:1.6;max-width:68ch}
.dashboard .connection-steps{background:transparent;border:0;gap:12px;margin-bottom:20px}
.dashboard .connection-steps li{background:transparent;border:0!important;padding:8px 0;font-size:14px;gap:8px}
.dashboard .connection-step-number{width:28px;height:28px;flex-shrink:0}
.dashboard .connection-section-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
@media(max-width:1100px){.integration-status{flex-wrap:wrap}.dashboard .connection-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dashboard .connection-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .dashboard{--section-gap:24px}
  .dashboard .connection-summary-cards .connection-card,.integration-status{padding:20px}
  .dashboard .panel-header{padding:16px 20px;flex-wrap:wrap}
  .dashboard .panel-header h2,.status-copy h2{font-size:18px}
  .dashboard .panel-header .button-text{padding:6px 0}
  .rules-summary{padding:4px 20px 12px}
  .rules-summary>div{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .integration-status{gap:18px}
  .integration-status>.button{width:100%;white-space:normal}
  .dashboard .connection-steps li{font-size:13px}
  .dashboard .connection-card dl div{flex-wrap:wrap;gap:4px 16px}
  .dashboard .connection-card-head{gap:12px}
}
/* The wizard now has one primary panel; never hide it as former side context. */
.dashboard .connection-wizard>.panel:last-child{display:block}

/* Account navigation and owner profile. */
.account-control{position:relative}.account-trigger{display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 10px 6px 6px;color:var(--text);min-height:48px;font-size:16px;font-weight:650}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#f4f8f5;border-color:var(--border)}.account-trigger-name{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-avatar{width:38px;height:38px;border-radius:8px;background:#e1f0e7;color:var(--text);display:grid;place-items:center;flex-shrink:0;font-size:16px;font-weight:750;overflow:hidden}.company-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 45px #17342d24;z-index:40;text-align:left;font-size:16px}.account-dropdown[hidden],[data-logo-remove][hidden]{display:none!important}.account-menu-profile{display:flex;gap:14px;padding:24px}.account-menu-profile>div{min-width:0;display:grid;gap:3px}.account-menu-profile strong{font-size:18px;overflow-wrap:anywhere}.account-menu-profile span:not(.account-avatar){color:var(--muted);overflow-wrap:anywhere}.account-menu-profile a{margin-top:8px;font-weight:650}.account-menu-company{display:grid;gap:7px;padding:20px 24px;border-block:1px solid var(--border)}.account-caption{font-size:14px;color:var(--muted)}.account-menu-company>strong{overflow-wrap:anywhere}.account-menu-company a{display:flex;align-items:center;gap:10px;padding-block:9px;text-decoration:none}.account-menu-company a .icon:last-child{margin-left:auto;width:16px}.account-menu-footer{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.account-menu-footer button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:8px 0;color:var(--accent);font-weight:650}.account-menu-footer>a{font-size:14px}.dashboard .sidebar .nav-label{margin-top:52px}.account-settings{max-width:960px}.account-form-fields{padding:0;margin:0;border:0;min-width:0;display:grid;gap:28px}.account-form-fields:disabled{opacity:.75}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-field-wide{grid-column:1/-1}.account-fields input{width:100%;min-width:0}.account-fields input[readonly]{background:#f4f8f5;color:var(--muted)}.company-logo-editor{display:flex;align-items:center;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.company-avatar-large{width:88px;height:88px;border:1px solid var(--border);border-radius:12px;font-size:28px}.logo-actions{display:flex;gap:14px;margin:10px 0 7px;flex-wrap:wrap}.logo-actions .button{min-height:42px;padding:7px 14px;font-size:15px}.account-save-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 32px}.account-save-bar>div{display:flex;gap:12px}.account-save-bar .button:disabled{opacity:.5}.account-security{max-width:960px;padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.account-security h2{font-size:20px}.account-security p{font-size:16px;color:var(--muted);margin-top:8px}.account-security>div:last-child{display:grid;gap:8px;flex-shrink:0}.account-security .button{font-size:16px}.account-settings .panel-header p{margin-top:8px}.account-settings .form-notice{margin:20px 0 0}
@media(max-width:1100px){.account-trigger-name{max-width:170px}.topbar-right{gap:12px}.breadcrumbs>span{display:none}.breadcrumbs>.icon{display:none}.account-security{flex-direction:column}.account-security>div:last-child{display:flex;flex-wrap:wrap}}
@media(max-width:640px){.account-trigger-name{display:none}.account-trigger{padding:4px;gap:5px}.account-trigger>.icon{width:16px}.topbar-right{gap:8px}.account-dropdown{position:fixed;top:76px;right:16px;max-height:calc(100dvh - 92px)}.account-menu-profile,.account-menu-company{padding:20px}.account-menu-footer{padding:14px 20px}.account-fields{grid-template-columns:1fr;gap:20px}.account-form-fields{gap:22px}.company-logo-editor{align-items:flex-start;gap:16px}.company-avatar-large{width:64px;height:64px;font-size:24px}.logo-actions{gap:8px}.account-save-bar{align-items:stretch;flex-direction:column;gap:12px}.account-save-bar>div{flex-wrap:wrap}.account-save-bar .button{flex:1;white-space:normal;min-width:120px}.account-security{padding:22px}.account-security>div:last-child{flex-direction:column;width:100%}.dashboard .sidebar .nav-label{margin-top:35px}.topbar .breadcrumbs{min-width:0}.topbar .breadcrumbs strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Operational overview and compact administrator log. */
.dash-toolbar,.dash-period,.log-toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dash-toolbar{justify-content:space-between;margin:0 0 24px}.dash-period{font-size:14px;color:var(--muted)}.dash-period select,.dash-period input{height:42px;background:white;border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text);font:inherit}.dash-toolbar .button{min-height:42px;padding:9px 14px;font-size:14px}.dash-health{display:flex;align-items:center;gap:16px;padding:21px 24px;border:1px solid #cfe1d8;background:#f4f8f5;border-radius:12px;margin-bottom:24px}.dash-health-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:50%;background:#e1f0e7;color:#28644c;flex-shrink:0}.dash-health h2{font-size:16px;margin:0 0 5px;font-weight:650;letter-spacing:-.25px}.dash-health p{font-size:14px;margin:0;color:var(--muted)}.dash-health a{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.dash-health-error{background:#fff5f3;border-color:#f0d3cc}.dash-health-error .dash-health-icon{background:#f8ded8;color:#a34234}.dash-health-warning{background:#fffaee;border-color:#eddfba}.dash-health-warning .dash-health-icon{background:#f6eaca;color:#86601b}.dash-health-unknown,.dash-health-paused{background:#f4f8f5;border-color:var(--border)}.dash-health-unknown .dash-health-icon,.dash-health-paused .dash-health-icon{background:#e5e9e5;color:var(--muted)}
.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.dash-metric{border:1px solid var(--border);border-radius:12px;background:white;padding:22px 23px;min-width:0}.dash-metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:550;color:var(--muted)}.dash-metric-label .icon{width:19px;height:19px;opacity:.65}.dash-metric-value{font-size:40px;font-weight:600;letter-spacing:-1.4px;line-height:1.3;font-variant-numeric:tabular-nums;margin-top:18px;display:flex;align-items:center;gap:10px}.dash-metric p{color:var(--muted);font-size:12px;line-height:1.6;margin:10px 0 0}.dash-metric-unavailable{background:#ffffff}.dash-metric-unavailable .dash-metric-value{color:#9da69f}.dash-soon{font-size:11px;letter-spacing:0;font-weight:500;padding:4px 7px;border:1px solid var(--border);border-radius:6px;white-space:nowrap}
.dash-content-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:24px}.dash-content-grid>.panel{border-radius:12px;overflow:hidden}.dash-content-grid .panel-header{padding:24px;border-bottom:0;align-items:flex-start}.dash-content-grid .panel-header h2{font-size:16px;letter-spacing:-.25px}.dash-content-grid .panel-header p{font-size:12px;color:var(--muted);margin:7px 0 0}.dash-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.dash-legend span{display:flex;align-items:center;gap:5px}.dash-legend span:before{content:'';display:inline-block;background:#45876c;width:7px;height:7px;border-radius:2px}.dash-legend span+span:before{background:#d8957d}.dash-chart{height:242px;display:flex;margin:20px 24px 24px;gap:12px}.dash-y-axis{font-size:11px;color:var(--muted);display:flex;flex-direction:column;justify-content:space-between;padding-bottom:28px;min-width:18px}.dash-bars{display:flex;flex:1;min-width:0;gap:5px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#eef1eb calc(50% - 1px),#eef1eb 50%);background-size:100% calc(100% - 28px);background-repeat:no-repeat}.dash-chart-column{flex:1;min-width:0;display:flex;flex-direction:column}.dash-bar-pair{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:2px;height:calc(100% - 28px);outline-offset:3px}.dash-bar{height:var(--bar-height);background:#45876c;border-radius:3px 3px 0 0;max-width:26px;flex:1;min-width:1px}.dash-bar-error{background:#d8957d}.dash-axis-label{font-size:9px;color:var(--muted);height:28px;padding-top:12px;white-space:nowrap;text-align:center}.dash-tooltip{display:none;position:absolute;z-index:2;bottom:90%;left:50%;transform:translateX(-50%);padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:white;box-shadow:0 4px 15px #16362a15;font-size:11px;min-width:135px;max-width:180px;color:var(--text);pointer-events:none}.dash-bar-pair:hover .dash-tooltip,.dash-bar-pair:focus .dash-tooltip{display:block}.dash-chart-footer{display:flex;gap:20px;padding:17px 24px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:#ffffff}.dash-chart-empty{height:286px;display:grid;place-items:center;color:var(--muted);font-size:14px}.dash-live-label{font-size:11px;white-space:nowrap;color:var(--muted);border:1px solid var(--border);padding:4px 7px;border-radius:12px}.dash-operation dl{margin:0;padding:0 24px 12px}.dash-operation dl>div{padding:13px 0;border-top:1px solid #eef1eb;display:flex;justify-content:space-between;gap:15px;font-size:13px}.dash-operation dt{color:var(--muted);line-height:1.6}.dash-operation dd{margin:0;text-align:right;line-height:1.6;font-weight:550;font-variant-numeric:tabular-nums}.dash-operation dl>div:nth-child(-n+2){display:block}.dash-operation dl>div:nth-child(-n+2) dd{text-align:left;margin-top:3px}.dash-text-error{color:#a34234}.dash-footnote{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:19px;color:var(--muted);font-size:11px;line-height:1.7}.dash-footnote details{max-width:460px}.dash-footnote summary{cursor:pointer;text-align:right}.dash-customize{padding:18px 24px;margin-bottom:20px;font-size:14px}.dash-customize>div{display:flex;flex-wrap:wrap;gap:24px;margin:15px 0}.dash-customize label{display:flex;align-items:center;gap:7px;cursor:pointer}.dash-customize input{accent-color:#28644c;width:16px;height:16px}.dash-customize small{color:var(--muted);font-size:12px}
.log-panel{overflow:hidden;border-radius:8px}.log-table-scroll{overflow-x:auto;max-width:100%}.log-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:780px}.log-table thead{background:#f4f8f5}.log-table th{font-size:11px;font-weight:600;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.log-table td{padding:16px;vertical-align:top;border-bottom:1px solid #eef1eb;line-height:1.6}.log-table tbody tr:last-child td{border-bottom:0}.log-table tbody tr:hover{background:#ffffff}.log-table code{font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.log-object{display:block;font-weight:550;margin-bottom:2px}.log-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.log-table .pill{font-size:11px;white-space:nowrap;padding:4px 8px}.log-code{max-width:220px}
.log-result{display:block;font-weight:550;margin-bottom:4px;line-height:1.5}
.log-code>code{font-size:11px}
.log-code>code:not(.log-reason){color:var(--muted)}
.log-details .history-diagnosis{margin-top:12px;padding:11px 12px;border-radius:6px}
.log-details .history-diagnosis h4{font-size:11px}
.log-details .history-diagnosis h4:not(:first-child){margin-top:10px}
.log-details .history-diagnosis p{font-size:11px;line-height:1.6;margin-top:3px}.log-reason{display:block;color:#9e523c;margin-top:3px}.log-attempts{text-align:center;font-variant-numeric:tabular-nums}.log-details{max-width:320px;min-width:115px}.log-details summary{cursor:pointer;font-size:11px;font-weight:550;white-space:nowrap}.log-details dl{margin:14px 0}.log-details dl>div{margin:10px 0}.log-details dt{font-size:11px;color:var(--muted)}.log-details dd{margin:2px 0;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.log-details .button{min-height:34px;font-size:11px;padding:7px 10px}.log-details .history-next-step,.log-details .history-retry p{font-size:11px}.log-panel .history-pagination{padding:14px 20px;margin:0;border-top:1px solid var(--border);font-size:12px}.log-caption{font-size:12px;color:var(--muted);margin-top:13px}.history-filters{padding:18px 20px;border-radius:8px}.history-filters .field select,.history-filters .field input{height:42px;font-size:13px}.history-filters label{font-size:12px}.history-filters .field-help{font-size:12px}.history-filter-actions{margin-top:12px}.history-filter-actions .button,.log-toolbar-actions .button{min-height:40px;padding:10px 14px;font-size:12px}.history-filter-actions p{font-size:12px}.sync-toolbar>p{font-size:12px}
@media(max-width:1150px){.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-content-grid{grid-template-columns:1fr}.dash-operation dl{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.dash-chart{height:250px}}
@media(max-width:640px){.dash-health{align-items:flex-start;flex-wrap:wrap;padding:18px;gap:12px}.dash-health>div{flex:1;min-width:180px}.dash-health a{margin-left:50px}.dash-health h2{font-size:15px}.dash-health p{font-size:12px}.dash-metrics{gap:10px;margin-bottom:18px}.dash-metric{padding:17px 15px}.dash-metric-label{font-size:12px}.dash-metric-label .icon{width:16px}.dash-metric-value{font-size:28px;margin-top:14px;flex-wrap:wrap}.dash-metric p{font-size:11px}.dash-content-grid{gap:18px}.dash-content-grid .panel-header{padding:20px;flex-wrap:wrap;gap:13px}.dash-chart{margin:15px 18px 20px;height:215px;gap:7px}.dash-bars{gap:3px}.dash-axis-label{font-size:8px}.dash-chart-footer{padding:15px 20px;gap:14px}.dash-operation dl{display:block;padding:0 20px 12px}.dash-footnote{flex-direction:column;gap:8px}.dash-footnote summary{text-align:left}.dash-toolbar{gap:10px;margin-bottom:18px}.dash-period{gap:8px}.dash-period>label{font-size:12px}.dash-customize{padding:18px}.dash-customize>div{gap:14px}.log-toolbar-actions{width:100%;gap:8px}.log-toolbar-actions .button{flex:1;justify-content:center}.history-filters{padding:16px}.page-heading>.button{font-size:12px;min-height:40px;padding:10px 12px}.dash-tooltip{left:0;transform:none}.dash-chart-column:nth-last-child(-n+4) .dash-tooltip{left:auto;right:0}}
.dash-metrics{grid-template-columns:repeat(var(--metric-count,4),minmax(0,1fr))}.dash-metrics:empty{display:none}
@media(max-width:1150px){.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.page-heading:has([data-dashboard-action]){flex-wrap:wrap;gap:14px}.page-heading>[data-dashboard-action]{display:inline-flex}}
.log-direction{display:block;color:var(--muted);font-size:9px;margin-top:3px;white-space:nowrap}

.password-checklist{list-style:none;padding:0;margin:4px 0 0;font-size:15px;line-height:1.6}.password-checklist[hidden]{display:none}.password-checklist li{display:flex;gap:8px;align-items:baseline}.password-checklist .met{color:#195541}.password-checklist .missing{color:var(--error)}
/* Directional sync catalogue */
.sync-catalog{margin:36px 0}.sync-catalog-heading{margin-bottom:24px}.sync-catalog-heading h2{font-size:28px;margin:8px 0 10px;letter-spacing:-.035em}.sync-catalog-heading>p:last-child{color:var(--muted);font-size:16px}.sync-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.sync-card{min-width:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .15s}.sync-card.is-selected{border-color:#95bca9;box-shadow:inset 3px 0 0 #28775d}.sync-direction{display:flex;align-items:center;gap:13px;min-width:0}.sync-direction .system-word{display:flex;align-items:center;flex-shrink:1;min-width:0}.sync-direction .hubspot-logo{width:94px;height:28px;object-fit:contain}.sync-direction .sevdesk-logo{width:87px;height:28px;object-fit:contain}.sync-direction-arrow{display:flex;color:#5d8171}.sync-direction-arrow .icon{width:22px;height:22px}.sync-switch{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;min-height:44px}.sync-switch input{position:absolute;width:40px;height:24px;opacity:0;cursor:pointer}.sync-switch>span{display:block;width:40px;height:24px;background:#cad4ce;border-radius:12px;pointer-events:none}.sync-switch>span:after{content:'';display:block;width:18px;height:18px;border-radius:50%;background:white;margin:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}.sync-switch input:checked+span{background:#28644c}.sync-switch input:checked+span:after{transform:translateX(16px)}.sync-switch input:focus-visible+span{outline:3px solid #77a38e;outline-offset:3px}.sync-switch input:disabled+span{opacity:.45}.sync-switch:has(input:disabled){cursor:not-allowed}.sync-switch small{font-size:12px;color:var(--muted);min-width:63px}.sync-auto{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap}.sync-auto .icon{width:15px;height:15px}.sync-card h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:0}.sync-facts{display:grid;gap:9px;margin:0 0 18px;font-size:14px}.sync-facts>div{display:grid;grid-template-columns:78px 1fr;gap:10px}.sync-facts dt{color:var(--muted)}.sync-facts dd{margin:0;font-weight:550}.sync-card-details{border-top:1px solid var(--border);margin-top:20px}.sync-card-details>summary,.sync-shared-rules>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:16px 0 0;font-weight:600;font-size:14px}.sync-card-details>summary::-webkit-details-marker,.sync-shared-rules>summary::-webkit-details-marker{display:none}.sync-card-details>summary>.icon,.sync-shared-rules>summary>.icon{width:18px;height:18px;transition:transform .15s}.sync-card-details[open]>summary>.icon,.sync-shared-rules[open]>summary>.icon{transform:rotate(180deg)}.sync-card-body{display:grid;gap:20px;padding-top:20px}.sync-card-body>p{font-size:15px;line-height:1.7;color:var(--muted)}.dashboard .sync-card-body .connection-toggle{padding:0;border:0;background:none;align-items:start}.sync-card-body .connection-toggle strong{font-size:15px}.sync-card-body .connection-toggle small{font-size:14px}.sync-card-body .field label{font-size:14px}.sync-card-body .field-help{font-size:13px}.sync-card-body .button-text{justify-self:start;padding-left:0}.sync-shared-note{border-left:2px solid #bfd3c6;padding-left:13px}.sync-availability{font-size:12px;color:#86601b;background:#faf3df;border-radius:6px;padding:9px 12px;line-height:1.5}.sync-shared-rules{margin-top:22px;border:1px solid var(--border);border-radius:8px;padding:22px 24px;background:#f4f8f5}.sync-shared-rules>summary{padding:0}.sync-shared-rules>summary strong{font-size:16px}.sync-shared-rules>summary span{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:6px}.sync-save-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--border);margin-bottom:28px}.sync-save-bar strong{font-size:16px}.sync-save-bar p{font-size:14px;color:var(--muted);max-width:620px;line-height:1.6;margin-top:6px}.sync-save-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.sync-guide{border:1px solid var(--border);border-radius:12px;padding:28px;width:min(620px,calc(100vw - 32px));max-height:85vh;overflow:auto;color:var(--ink);box-shadow:0 20px 80px #0003}.sync-guide::backdrop{background:#0d241e88}.sync-guide-header{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;color:var(--muted);margin-bottom:28px}.sync-guide h2{font-size:28px;margin:24px 0 14px}.sync-guide h3{font-size:18px;margin:24px 0 8px}.sync-guide p{font-size:16px;line-height:1.75;color:var(--muted)}.sync-guide form{margin-top:28px}.sync-card summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
@media(max-width:1200px){.sync-card-grid{grid-template-columns:1fr}.sync-card{padding:24px}.sync-save-bar{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.sync-card{padding:20px 17px}.sync-card h3{font-size:20px}.sync-switch small{min-width:0}.sync-direction{gap:9px}.sync-direction .hubspot-logo{width:82px}.sync-direction .sevdesk-logo{width:76px}.sync-catalog-heading h2{font-size:24px}.sync-save-actions{width:100%;justify-content:flex-end}.sync-shared-rules{padding:20px 17px}.sync-guide{padding:22px}.sync-auto{font-size:11px}}

/* One calm list, with separate status and editing controls. */
.sync-card-grid{display:block;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}
.sync-card{padding:0;border:0;border-radius:0;box-shadow:none}
.sync-card-grid>.sync-card+.sync-card{border-top:1px solid var(--border)}
.sync-card.is-selected{border:0;box-shadow:none}
.sync-card.is-selected+.sync-card{border-top:1px solid var(--border)}
.sync-card>.sync-card-details{border:0;margin:0;padding:0}
.sync-card>.sync-card-details>summary{display:grid;grid-template-columns:250px minmax(0,1fr) 140px 20px;align-items:center;gap:20px;padding:22px 24px;min-height:88px;cursor:pointer}
.sync-card>.sync-card-details>summary:hover{background:var(--bg-elevated)}
.sync-card>.sync-card-details[open]>summary{background:var(--bg-elevated)}
.sync-row-title{font-size:18px;font-weight:650;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.sync-row-hint{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:4px}
.sync-card .sync-direction{gap:10px;min-width:0}
.sync-card .sync-direction-arrow{width:44px;flex-shrink:0;justify-content:center;color:var(--accent)}
.sync-card .sync-direction-arrow .icon{width:40px;height:28px;stroke-width:2.5;animation:none}
.sync-card .is-reverse .sync-direction-arrow .icon{transform:rotate(180deg)}
.sync-row-status{display:inline-flex;align-items:center;justify-self:end;gap:7px;font-size:12px;font-weight:600;white-space:nowrap;border-radius:12px;padding:5px 10px;color:var(--muted);background:var(--bg-elevated)}
.sync-row-status>span{width:7px;height:7px;border-radius:50%;background:currentColor}
.sync-row-status.active{color:#195541;background:#fff;box-shadow:inset 0 0 0 1px var(--border-strong)}
.sync-row-status.pending,.sync-row-status.paused{color:#79540e;background:#fff3d9}
.sync-card .sync-card-body{padding:22px 24px 24px;border-top:1px solid var(--border);margin:0;gap:16px}
.sync-row-control{display:flex;align-items:center;gap:12px;margin:0;padding:12px 0;border-top:1px solid var(--border)}
.sync-row-control .sync-switch small{display:block;font-size:14px;min-width:0}
.sync-row-control .sync-switch:before{content:'Ablauf einschalten';font-size:16px;font-weight:600;margin-right:12px}
.sync-card .sync-facts{margin:0}
@media(max-width:1000px){.sync-card>.sync-card-details>summary{grid-template-columns:220px minmax(0,1fr) 125px 20px;gap:12px;padding:20px}.sync-card .sync-direction .hubspot-logo{width:82px}.sync-card .sync-direction .sevdesk-logo{width:74px}.sync-row-title{font-size:16px}}
@media(max-width:700px){.sync-card>.sync-card-details>summary{grid-template-columns:minmax(0,1fr) auto 20px;padding:16px;gap:14px 8px}.sync-card .sync-direction{grid-column:1 / 3;grid-row:1}.sync-row-title{grid-column:1 / 3;grid-row:2}.sync-row-status{grid-column:1 / 3;grid-row:3;justify-self:start}.sync-card>.sync-card-details>summary>.icon{grid-column:3;grid-row:1 / 4}.sync-card .sync-card-body{padding:18px 16px}.sync-row-control .sync-switch{flex-wrap:wrap}.sync-row-control .sync-switch:before{width:100%}}

/* Lead with the user's task, keep system direction secondary. */
.sync-card>.sync-card-details>summary{grid-template-columns:minmax(0,1fr) 215px 140px 20px}
.sync-row-title{grid-column:1;grid-row:1}
.sync-card .sync-direction{grid-column:2;grid-row:1}
.sync-row-status{grid-column:3;grid-row:1}
.sync-card>.sync-card-details>summary>.icon{grid-column:4;grid-row:1}
.sync-card .sync-direction .hubspot-logo{width:78px;height:26px}
.sync-card .sync-direction .sevdesk-logo{width:72px;height:26px}
.sync-row-hint{font-size:14px;line-height:1.5;max-width:58ch}
.sync-save-bar.has-changes{position:sticky;bottom:16px;z-index:3;background:#fff;border:1px solid var(--border-strong);border-radius:8px;padding:18px 20px;box-shadow:0 4px 18px #173c2412}
@media(max-width:850px){.sync-card>.sync-card-details>summary{grid-template-columns:minmax(0,1fr) 140px 20px}.sync-row-title{grid-column:1;grid-row:1}.sync-card .sync-direction{grid-column:1;grid-row:2}.sync-row-status{grid-column:2;grid-row:1 / 3}.sync-card>.sync-card-details>summary>.icon{grid-column:3;grid-row:1 / 3}}
@media(max-width:500px){.sync-card>.sync-card-details>summary{grid-template-columns:minmax(0,1fr) 20px}.sync-row-title{grid-column:1;grid-row:1}.sync-card .sync-direction{grid-column:1;grid-row:2}.sync-row-status{grid-column:1;grid-row:3;justify-self:start}.sync-card>.sync-card-details>summary>.icon{grid-column:2;grid-row:1 / 4}.sync-save-bar.has-changes{bottom:8px;padding:14px}.sync-save-actions{flex-wrap:wrap}}
/* Clear, generously sized on/off control. */
.sync-row-control .sync-switch{display:grid;grid-template-columns:auto 56px 42px;gap:12px;align-items:center;position:relative;min-height:64px;padding:10px 16px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-elevated);width:fit-content;max-width:100%}
.sync-row-control .sync-switch:before{content:'Ablauf einschalten';grid-column:1;font-size:16px;font-weight:600;margin:0;width:auto}
.sync-row-control .sync-switch input{inset:0;width:100%;height:100%;margin:0;z-index:1}
.sync-row-control .sync-switch>span{grid-column:2;width:56px;height:32px;background:#708178}
.sync-row-control .sync-switch>span:after{width:24px;height:24px;margin:4px;box-shadow:none;transition:none}
.sync-row-control .sync-switch input:checked+span{background:#196b4b}
.sync-row-control .sync-switch input:checked+span:after{transform:translateX(24px)}
.sync-row-control .sync-switch small{grid-column:3;font-size:16px;font-weight:700;color:var(--text);min-width:0}
.sync-row-control .sync-switch:has(input:checked){background:#e1f0e7;border-color:#196b4b}
.sync-row-control .sync-switch:has(input:checked) small{color:#195541}
.sync-row-control .sync-switch:hover{border-color:var(--accent)}
.sync-row-control .sync-switch:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
.sync-row-control .sync-switch:has(input:disabled){opacity:.55;cursor:not-allowed}
@media(max-width:500px){.sync-row-control .sync-switch{grid-template-columns:56px 1fr;width:100%;gap:10px;padding:12px}.sync-row-control .sync-switch:before{grid-column:1 / -1}.sync-row-control .sync-switch>span{grid-column:1}.sync-row-control .sync-switch small{grid-column:2}}

/* ===== Dashboard-Redesign 2026-09-14: Override-Layer. Baseline: Plus Jakarta Sans + Inter Tight, dunkle Sidebar, Mint-Akzent, Inset-Karten, kompakter Kopf. ===== */
:root{--border:#e6f0ea;--border-strong:#c9d8cf;--radius:12px;--shadow:0 1px 2px rgba(23,52,45,.05),0 0 0 1px rgba(23,52,45,.02)}
.dashboard{--workspace-bg:#f4f8f5;--section-gap:24px;grid-template-columns:236px minmax(0,1fr)}

/* Sidebar: schmaler, ruhiger */
.dashboard .sidebar{width:236px;padding:24px 14px 22px;border-right:1px solid var(--border)}
.dashboard .sidebar .brand{font-size:24px;letter-spacing:-.8px;margin:0 8px 30px}
.dashboard .sidebar .brand-mark{width:34px;height:34px;border-radius:8px}
.dashboard .sidebar .brand-mark .icon{width:22px;height:22px}
.dashboard .nav-label{font-size:11px;letter-spacing:.12em;margin-bottom:6px;padding:0 10px}
.dashboard .nav-link{min-height:42px;padding:8px 10px;font-size:15px;font-weight:550;border-radius:8px;gap:10px}
.dashboard .nav-link .icon{width:19px;height:19px;stroke-width:1.75}
.dashboard .nav-link.active{background:#e6f0ea;color:var(--accent);font-weight:650}
.dashboard .brand-credit{font-size:12px}

/* Topbar: flach, weiß, Status als reiner Text-Dot */
.dashboard .topbar{height:60px;background:#fff;padding:0 32px}
.dashboard .breadcrumbs{font-size:14px}
.dashboard .topbar .pill{border:0;background:transparent;padding:0;font-size:13px;font-weight:600;color:var(--accent);gap:7px}
.dashboard .topbar .pill .dot{width:7px;height:7px;background:#2f9a6e}
.dashboard .account-trigger{font-size:14px;min-height:40px}
.dashboard .account-avatar{width:26px;height:26px;font-size:12px;background:var(--forest);color:var(--mint);border:0}

/* Kopf: eine Zeile statt drei. Titel kleiner, Zeitraum + Aktion rechts */
.dashboard .dashboard-main{padding:28px 32px 24px;max-width:1240px}
.dashboard .page-heading{margin-bottom:18px;align-items:center}
.dashboard .page-heading h1{font-size:24px;letter-spacing:-.03em}
.dashboard .page-description{font-size:15px;margin-top:2px}
.dashboard .page-heading .button{min-height:40px;padding:8px 14px;font-size:14px;border-radius:8px;box-shadow:var(--shadow)}
.dashboard .page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.dashboard .dash-toolbar{margin:0;justify-content:flex-end}
.dashboard .dash-toolbar .button-text{min-height:40px;font-size:14px}
.dashboard .dash-period>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.dashboard .dash-period select{height:40px;border-radius:8px;font-size:14px;padding:6px 34px 6px 12px;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352685f' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;box-shadow:var(--shadow)}

/* Status: schlanke Zeile statt großer grüner Kasten */
.dashboard .dash-health{background:#fff;border-color:var(--border);border-radius:var(--radius);padding:14px 18px;gap:14px;margin-bottom:var(--section-gap);box-shadow:var(--shadow)}
.dashboard .dash-health-icon{width:30px;height:30px;background:#e6f0ea;color:#1f6f55}
.dashboard .dash-health-icon .icon{width:16px;height:16px;stroke-width:2.2}
.dashboard .dash-health h2{font-size:15px;margin:0}
.dashboard .dash-health p{font-size:13px}
.dashboard .dash-health>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.dashboard .dash-health a{font-size:14px;font-weight:600;text-decoration:none;color:var(--accent)}
.dashboard .dash-health a .icon{width:15px;height:15px}
.dashboard .dash-health-error{background:#fff;border-color:#f0d3cc}
.dashboard .dash-health-error .dash-health-icon{background:#fbe6e1;color:#a34234}
.dashboard .dash-health-warning{background:#fff;border-color:#eddfba}
.dashboard .dash-health-warning .dash-health-icon{background:#f9efd2;color:#86601b}

/* Kennzahlen: ein segmentierter Block statt vier Kärtchen, keine Icons */
.dashboard .dash-metrics{gap:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:var(--section-gap)}
.dashboard .dash-metric{border:0;border-radius:0;padding:20px 24px;background:transparent}
.dashboard .dash-metric+.dash-metric{border-left:1px solid var(--border)}
.dashboard .dash-metric-label{font-size:13px;font-weight:550;color:var(--muted)}
.dashboard .dash-metric-label .icon{display:none}
.dashboard .dash-metric-value{font-family:var(--font-heading);font-size:32px;font-weight:650;letter-spacing:-.04em;margin-top:8px;line-height:1.15}
.dashboard .dash-metric p{font-size:12px;margin-top:6px}
.dashboard .dash-metric-unavailable{background:transparent}
.dashboard .dash-metric-unavailable .dash-metric-value{color:#a8b3ac;font-size:20px;font-weight:550;letter-spacing:0;margin-top:14px}
.dashboard .dash-soon{font-size:11px;border-radius:999px;padding:3px 8px;color:var(--muted)}

/* Panels: gleiche Radius-Familie, weiche Kante */
.dashboard .panel{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.dashboard .dash-content-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--section-gap)}
.dashboard .dash-content-grid .panel-header{padding:20px 24px 8px}
.dashboard .dash-content-grid .panel-header h2{font-size:16px;letter-spacing:-.01em}
.dashboard .dash-content-grid .panel-header p{font-size:13px;margin-top:4px}

/* Chart: runde Balken, leichtere Linien, lesbare Achsen */
.dashboard .dash-legend{font-size:12px;gap:16px;padding-top:4px}
.dashboard .dash-legend span:before{width:8px;height:8px;border-radius:50%;background:#1f6f55}
.dashboard .dash-legend span+span:before{background:#e0937a}
.dashboard .dash-chart{height:230px;margin:12px 24px 18px}
.dashboard .dash-y-axis{font-size:11px}
.dashboard .dash-bars{gap:8px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#f4f8f5 calc(50% - 1px),#f4f8f5 50%);background-size:100% calc(100% - 28px);background-repeat:no-repeat}
.dashboard .dash-bar{background:#1f6f55;border-radius:6px;max-width:22px}
.dashboard .dash-bar-error{background:#e0937a}
.dashboard .dash-bar-pair{gap:3px}
.dashboard .dash-axis-label{font-size:11px;padding-top:10px}
.dashboard .dash-chart-footer{background:transparent;font-size:13px;padding:14px 24px;border-top:1px solid var(--border)}

/* Betrieb: ruhige Liste */
.dashboard .dash-live-label{font-size:11px;padding:3px 9px;border-radius:999px;color:var(--muted)}
.dashboard .dash-operation dl{padding:4px 24px 10px}
.dashboard .dash-operation dl>div{font-size:14px;padding:12px 0;border-top:1px solid #f4f8f5}
.dashboard .dash-operation dl>div:first-child{border-top:0}
.dashboard .dash-operation dd{font-weight:600}

/* Fußnote + Footer leiser */
.dashboard .dash-footnote{font-size:12px;margin-top:16px}
.dashboard .dashboard-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--border)}

/* ---- Integration ---- */
.dashboard .integration-status{background:#fff;border-color:var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow);margin-bottom:var(--section-gap)}
.dashboard .status-copy h2{font-size:16px}
.dashboard .status-copy p{font-size:14px;margin-top:2px}
.dashboard .integration-status>.button{min-height:40px;padding:8px 14px;font-size:14px;border-radius:8px}
.dashboard .connection-summary-cards .connection-card{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}
.dashboard .connection-card-head{margin-bottom:10px}
.dashboard .connection-card>p{font-size:14px;margin:0 0 12px}
.dashboard .connection-card dl{font-size:14px;padding-top:12px}
.dashboard .connection-card .button{width:auto;min-height:38px;font-size:14px;padding:8px 14px;border-radius:8px;margin-top:14px}
.dashboard .connection-card .hubspot-logo{width:110px}
.dashboard .sync-catalog{margin:var(--section-gap) 0}
.dashboard .sync-catalog-heading{margin-bottom:14px}
.dashboard .sync-catalog-heading .eyebrow{display:none}
.dashboard .sync-catalog-heading h2{font-size:20px;margin:0 0 4px}
.dashboard .sync-catalog-heading>p:last-child{font-size:14px}
.dashboard .sync-card-grid{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.dashboard .sync-card>.sync-card-details>summary{min-height:72px;padding:16px 22px;gap:16px}
.dashboard .sync-row-title{font-size:15px}
.dashboard .sync-row-hint{font-size:13px;margin-top:2px}
.dashboard .sync-row-status{font-size:12px;padding:4px 10px}
.dashboard .sync-card .sync-direction .hubspot-logo{width:72px}
.dashboard .sync-card .sync-direction .sevdesk-logo{width:64px}
.dashboard .sync-card .sync-direction-arrow .icon{width:28px;height:22px;stroke-width:2}
.dashboard .sync-card .sync-card-body{padding:18px 22px 20px}
.dashboard .sync-row-control .sync-switch{min-height:48px;padding:6px 14px;border-radius:8px;background:#fff}
.dashboard .sync-row-control .sync-switch:before,.dashboard .sync-row-control .sync-switch small{font-size:14px}
.dashboard .sync-facts{font-size:13px}
.dashboard .sync-shared-rules{border-radius:var(--radius);background:#fff;padding:16px 22px;margin-top:16px;box-shadow:var(--shadow)}
.dashboard .sync-shared-rules>summary strong{font-size:15px}
.dashboard .sync-shared-rules>summary span{font-size:13px;margin-top:2px}
.dashboard .sync-save-bar{padding:18px 0 0;border:0;margin-bottom:0}
.dashboard .sync-save-bar strong{font-size:14px}
.dashboard .sync-save-bar p{font-size:13px;margin-top:2px}
.dashboard .sync-save-bar .button{min-height:40px;font-size:14px;padding:8px 16px;border-radius:8px}
.dashboard .panel-body{padding:16px 24px 20px}
.dashboard .panel-body p{font-size:14px;color:var(--muted)}
.dashboard .panel-header .button{min-height:40px;font-size:14px;padding:8px 14px;border-radius:8px}
.dashboard .connection-section-links{font-size:14px;margin-top:16px}
.dashboard .connection-section-links a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600}
.dashboard .connection-section-links .icon{width:16px;height:16px}
.dashboard .page-heading .button-text{font-size:14px;gap:8px}
.dashboard .page-heading .button-text .icon{width:16px;height:16px}

/* ---- Sync-Protokoll ---- */
.dashboard .history-filters{border-radius:var(--radius);box-shadow:var(--shadow);border-color:var(--border);padding:16px 20px}
.dashboard .history-filters .field select,.dashboard .history-filters .field input{height:40px;border-radius:8px;font-size:14px;border-color:var(--border)}
.dashboard .history-filters label{font-size:13px}
.dashboard .history-filter-actions .button{min-height:38px;font-size:13px;border-radius:8px}
.dashboard .sync-toolbar{margin-bottom:14px}
.dashboard .sync-toolbar p{font-size:14px}
.dashboard .log-toolbar-actions .button{min-height:38px;font-size:13px;border-radius:8px}
.dashboard .log-panel{border-radius:var(--radius)}
.dashboard .log-table{font-size:13px}
.dashboard .log-table thead{background:#ffffff}
.dashboard .log-table th{padding:12px 18px}
.dashboard .log-table td{padding:14px 18px}
.dashboard .log-table .pill{font-size:11px;border-radius:999px;padding:3px 9px}
.dashboard .log-table .pill .dot{display:none}
.dashboard .log-table code{font-size:11px}
.dashboard .log-details summary{font-size:12px;color:var(--accent)}
.dashboard .history-pagination p{font-size:13px}
.dashboard .history-pagination .button{min-height:36px;font-size:13px;border-radius:8px}
.dashboard .page-heading .button-text{box-shadow:none;background:transparent;border:0;padding:8px 4px}

/* --- Schrift: Plus Jakarta Sans (Display) + Inter Tight (Body) --- */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/plus-jakarta-sans-latin.woff2") format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/inter-tight-latin.woff2") format("woff2")}
.dashboard{--font-heading:"Plus Jakarta Sans",sans-serif;--font-body:"Inter Tight",sans-serif;font-family:var(--font-body)}
.dashboard .brand{font-family:var(--font-heading)}
.dashboard .dash-metric-value{font-weight:600}
/* --- Sidebar dunkel --- */
.dashboard .sidebar{background:var(--forest);border-right-color:transparent}
.dashboard .sidebar .brand{color:#fff}
.dashboard .sidebar .brand-mark{background:var(--mint);color:var(--forest)}
.dashboard .sidebar .brand-period{color:var(--mint)}
.dashboard .nav-label{color:#8fb0a3}
.dashboard .nav-link{color:#c9d8cf}
.dashboard .nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
.dashboard .nav-link.active{background:rgba(103,225,199,.14);color:var(--mint)}
.dashboard .brand-credit{color:#8fb0a3}
.dashboard.nav-open .sidebar{box-shadow:8px 0 35px rgba(0,0,0,.3)}
/* --- Akzent Mint --- */
.dashboard{--accent:#146c56}
.dashboard .dash-bar{background:#12a37f}
.dashboard .dash-legend span:before{background:#12a37f}
.dashboard .dash-health-icon{background:#dff5ec;color:#0f7b60}
.dashboard .dash-bar-error{background:#e0937a}
.dashboard .dash-legend span+span:before{background:#e0937a}
/* --- Dichte luftig --- */
.dashboard{--section-gap:32px}
.dashboard .dashboard-main{padding:40px 48px;max-width:1180px}
.dashboard .dash-metric{padding:28px 28px}
.dashboard .dash-metric-value{font-size:40px}
.dashboard .dash-chart{height:260px}
/* --- Kennzahlen: Zahl zuerst --- */
.dashboard .dash-metric{display:flex;flex-direction:column}
.dashboard .dash-metric-value{order:1;margin-top:0}
.dashboard .dash-metric-label{order:2;margin-top:6px}
.dashboard .dash-metric p{order:3}
/* --- Statuszeile getönt --- */
.dashboard .dash-health{background:#eef7f1;border-color:#d4e7db}
.dashboard .dash-health-error{background:#fff5f3;border-color:#f0d3cc}
.dashboard .dash-health-warning{background:#fffaee;border-color:#eddfba}
.dashboard .dash-health-unknown,.dashboard .dash-health-paused{background:#fff}
.dashboard .dash-health-unknown .dash-health-icon,.dashboard .dash-health-paused .dash-health-icon{background:#e5e9e5;color:var(--muted)}
/* --- Karten: Inset auf dunklerem Canvas --- */
.dashboard{--workspace-bg:#e6f0ea}
.dashboard .panel,.dashboard .dash-metrics,.dashboard .dash-health,.dashboard .connection-card,.dashboard .sync-card-grid,.dashboard .integration-status,.dashboard .history-filters,.dashboard .sync-shared-rules{border-color:transparent;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(23,52,45,.06),0 6px 16px -10px rgba(23,52,45,.2)}
/* --- Topbar getönt --- */
.dashboard .topbar{background:#f4f8f5;border-bottom-color:#dfe9e3}
/* --- Kopfbereich kompakt --- */
.dashboard .page-heading{margin-bottom:12px}
.dashboard .page-heading h1{font-size:20px}
.dashboard .page-description{display:none}
.dashboard .page-heading .eyebrow{display:none}
/* --- Mobile-Schutz für die Override-Schicht --- */
@media(max-width:900px){
.dashboard .dashboard-main{padding:24px 18px}
.dashboard .dash-content-grid{grid-template-columns:1fr}
.dashboard .dash-metrics{grid-template-columns:1fr 1fr}
.dashboard .page-heading{flex-wrap:wrap}
.dashboard .page-actions{width:100%}
.dashboard .connection-grid{grid-template-columns:1fr}
.dashboard .dash-metrics{background:transparent;border:0;box-shadow:none;gap:12px;overflow:visible}
.dashboard .dash-metric{background:#fff;border-radius:var(--radius);padding:18px 20px;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(23,52,45,.06),0 6px 16px -10px rgba(23,52,45,.2)}
.dashboard .dash-metric+.dash-metric{border-left:0}
.dashboard .dash-metric-value{font-size:28px}
.dashboard .dash-chart{height:210px}
.dashboard .page-actions{justify-content:flex-start}
}
@media(max-width:640px){
.dashboard .topbar{height:60px}
.dashboard .dash-metrics{grid-template-columns:1fr}
.dashboard .dash-health{flex-wrap:wrap}
.dashboard .dash-health a{margin-left:44px}
.dashboard .dashboard-main{padding:20px 14px}
.dashboard .dash-metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px}
.dashboard .dash-metric-value{grid-column:2;grid-row:1/3;font-size:28px;margin:0;order:0}
.dashboard .dash-metric-label{grid-column:1;margin-top:0;order:0}
.dashboard .dash-metric p{grid-column:1;order:0;margin-top:2px}
}

/* ===== Gefahrenbereich. Steht bewusst NACH der Redesign-Schicht: die setzt
   `.dashboard .panel{border-color:transparent}`, was spezifischer ist als eine
   blosse Klasse. Ohne die `.dashboard`-Stufe waere der rote Rahmen still weg. ===== */
/* Border carries the button boundary: the surface is nearly white, so it needs 3:1 (WCAG 1.4.11). */
.button-danger{border-color:#c07f73;background:#fff5f3;color:var(--error)}
.button-danger:hover:not(:disabled){background:#fbe6e1}
/* Same cap as .account-settings and .account-security: the three blocks are siblings
   on this page and have to line up. Without it the panel ran the full width. */
.account-danger,.dashboard .account-danger{max-width:960px;border-color:#edc8c3}
.account-danger .panel-header .icon,.dashboard .account-danger .panel-header .icon{color:var(--error)}
.account-danger h3{margin:0 0 6px;font-size:16px}
.danger-confirm{border-top:1px solid #edc8c3;margin-top:16px;padding-top:16px}
.danger-confirm code{background:var(--bg-elevated);padding:1px 5px;border-radius:6px}
.danger-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* ===== Symmetrie- und Abstandskorrekturen (2026-09-15) =========================
   Die Oberflaeche ist ueber mehrere Ebenen gewachsen. Spaetere Ebenen haben an
   Feldern nur die Hoehe geaendert, nie das Padding, und Kacheln in einer Reihe
   richten sich an ihrem laengsten Inhalt aus statt an einer gemeinsamen Kante.
   Dieser Block korrigiert genau diese Faelle an einer Stelle. ================= */

/* Auswahlfelder: ein Pfeil fuer alle Felder, mit echtem Abstand zur Kante.
   padding-block:0 statt fester 12px, damit die Beschriftung in 40px hohen
   Feldern nicht mehr oben und unten abgeschnitten wird. Der Popup selbst ist
   das Menue des Betriebssystems und oeffnet weiterhin ueber dem Feld. */
.field select{appearance:none;-webkit-appearance:none;padding-block:0;padding-inline:16px 46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352685f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
.field select:disabled{background-color:#f4f8f5}
.dashboard .history-filters .field select{padding-inline:14px 40px;background-position:right 14px center;background-size:15px}
.dashboard .dash-period select{padding-block:0;padding-inline:12px 38px;background-position:right 13px center}

/* Kontrollkaestchen auf Zeilenhoehe der ersten Textzeile statt daneben. */
.connection-toggle input{width:20px;height:20px;flex:0 0 20px;margin-top:3px}

/* Statuszeile der Integration: gleiche runde Plakette wie auf der Uebersicht,
   mittig zum Text statt an der Oberkante. */
.status-copy{align-items:center}
.status-copy>.icon{box-sizing:content-box;width:16px;height:16px;padding:7px;margin:0;border-radius:50%;background:#e6f0ea;color:#1f6f55;stroke-width:2.2}

/* Verbindungskarten: die Konto-Zeile stand in der HubSpot-Karte hoeher, weil die
   Liste vorher an den Kartenboden geschoben wurde und dort der Button folgte. */
.dashboard .connection-summary-cards .connection-card dl{margin-top:0}

/* Kennzahlen: die Zahl waechst in die freie Hoehe, dadurch stehen Beschriftung
   und Erlaeuterung aller vier Kacheln auf einer Linie, auch bei "Nicht aktiv". */
@media(min-width:641px){
  .dashboard .dash-metric-value{flex:1 0 auto;align-items:flex-end}
  .dashboard .dash-metric-unavailable .dash-metric-value{margin-top:0}
  /* Betriebsliste: alle Zeilen zweispaltig, nicht nur die vier kurzen. */
  .dashboard .dash-operation dl>div:nth-child(-n+2){display:flex}
  .dashboard .dash-operation dl>div:nth-child(-n+2) dd{text-align:right;margin-top:0;white-space:nowrap}
  .dashboard .dash-operation dt{min-width:0}
}

/* Gefahrenbereich: gleicher Innenabstand oben wie in den anderen Bloecken, und
   der Hinweis bekommt den Abstand nach oben, den er vorher nur nach unten hatte. */
.dashboard .account-danger .panel-body{padding-top:20px}
.account-danger .panel-header{align-items:flex-start}
.account-danger .panel-header>.icon{margin-top:4px}
.account-danger .panel-body .form-notice{margin:18px 0 0}
.account-danger .panel-body>.button{margin-top:18px}

/* Einstellungen: die drei Bloecke standen ohne Abstand aufeinander, waehrend
   Uebersicht und Integration ihre Abschnitte mit --section-gap trennen. */
.dashboard .account-security{margin-bottom:var(--section-gap)}
/* Passwort und Abmelden nebeneinander statt untereinander mit zwei Breiten. */
.account-security>div:last-child{display:flex;align-items:center;gap:8px}

/* Gestapelte Ablaufzeilen auf schmalen Bildschirmen: Pfeil und Statuspille
   standen mittig neben einem mehrzeiligen Block statt auf der Titelzeile. */
@media(max-width:850px){
  .sync-card>.sync-card-details>summary>.icon{align-self:start;margin-top:3px}
  .sync-row-status{align-self:start}
}
.flow-panel{margin-top:24px}.flow-panel .panel-header{padding:20px 24px 8px;border-bottom:0}.flow-panel .panel-header p{font-size:13px;color:var(--muted);margin:4px 0 0}.flow-empty{padding:0 24px 20px}.flow-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.flow-step{display:flex;align-items:center;gap:5px;color:var(--muted)}.flow-step .icon{width:14px;height:14px}.flow-step-done{color:var(--text)}.flow-step-done .icon{color:#28644c}.flow-step a{color:inherit}
/* Save bar: one geometry in both states, so nothing jumps when a switch is touched. Sticky only while dirty. */
.dashboard .sync-save-bar,.sync-save-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 28px;padding:18px 20px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:none}
.dashboard .sync-save-bar.has-changes,.sync-save-bar.has-changes{position:sticky;bottom:16px;z-index:3;border-color:var(--border-strong);box-shadow:0 4px 18px #173c2412}
@media(max-width:700px){.dashboard .sync-save-bar,.sync-save-bar{flex-direction:column;align-items:flex-start}}
/* German compound titles wrap at syllables instead of mid-word. */
.sync-row-title{overflow-wrap:break-word;hyphens:auto}
/* Operating facts: one column as soon as two would clip the values. */
@media(max-width:900px){.dash-operation dl{display:block}}
.panel+.panel{margin-top:24px}
.panel-body p>.button-text,.form-notice>.button-text{font:inherit;min-height:0;padding:0;display:inline;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sync-card-body>.sync-fields,.sync-card-body>.sync-help{margin:0}
.connection-reconnect,.connection-disconnect{margin-top:12px}.connection-reconnect summary,.connection-disconnect summary{cursor:pointer;font-weight:600}.connection-reconnect form{margin-top:12px}
/* Ungespeicherte Aenderungen: schwebende Karte, fest am oberen Rand und mittig ueber dem
   Inhalt, egal wie weit gescrollt ist. */
.dashboard .sync-save-bar.has-changes,.sync-save-bar.has-changes{position:fixed;top:16px;bottom:auto;left:270px;right:0;z-index:20;width:min(1040px,calc(100% - 270px - 84px));margin:0 auto;padding:14px 16px 14px 24px;border:1px solid var(--border-strong);border-radius:12px;background:#fff;box-shadow:0 12px 40px #173c2429,0 2px 6px #173c2414;animation:savebar-in .18s ease-out}
.sync-save-bar.has-changes strong{font-size:15px}.sync-save-bar.has-changes p{font-size:13px;margin-top:2px}
.sync-save-bar.has-changes .button{min-height:42px}
@keyframes savebar-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sync-save-bar.has-changes{animation:none}}
@media(max-width:1100px){.dashboard .sync-save-bar.has-changes,.sync-save-bar.has-changes{left:240px;width:calc(100% - 240px - 56px)}}
@media(max-width:640px){.dashboard .sync-save-bar.has-changes,.sync-save-bar.has-changes{left:0;top:8px;width:calc(100% - 16px);padding:12px 14px}.sync-save-bar.has-changes p{display:none}}
/* 2026-09-18: Betrieb gleich hoch, Tabellen buendig mit Panel-Titel, Einrichtungsschritte als Karte, Log-Details ueber volle Breite, lesbare Hilfetexte. */
.dash-content-grid>.panel{margin:0}
.log-table th:first-child,.log-table td:first-child{padding-left:24px}
.log-table th:last-child,.log-table td:last-child{padding-right:24px}
.flow-table .flow-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.dashboard .connection-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 var(--section-gap);background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(23,52,45,.06),0 6px 16px -10px rgba(23,52,45,.2)}
.dashboard .connection-steps li{justify-content:center;padding:16px 12px;font-size:14px;color:var(--muted)}
.dashboard .connection-steps li+li{border-left:1px solid var(--border)!important}
.dashboard .connection-steps li.done{color:var(--text)}
.dashboard .connection-steps li[aria-current=step]{background:#e1f0e7;color:var(--forest)}
.dashboard .connection-steps li[aria-current=step] .connection-step-number{border-color:var(--accent);color:var(--accent);background:#fff}
.dashboard .connection-current .panel-header h2{font-size:20px}
@media(max-width:900px){.dashboard .connection-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .connection-steps li:nth-child(3){border-left:0!important}.dashboard .connection-steps li:nth-child(n+3){border-top:1px solid var(--border)!important}}
.log-detail-row{display:none}
tr:has(> td > .log-details[open])+.log-detail-row{display:table-row}
tr:has(> td > .log-details[open])>td{border-bottom:0}
.log-detail-row>td{background:#f4f8f5;padding:16px 24px 20px!important}
.log-detail-row dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 24px;margin:12px 0}
.log-detail-row dl>div{margin:0}
.log-detail-row dt{font-size:13px;color:var(--muted)}
.log-detail-row dd{margin:2px 0 0;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.log-detail-row .history-diagnosis{padding:12px 14px;border-radius:6px;max-width:none}
.log-detail-row .history-diagnosis h4{font-size:13px}
.log-detail-row .history-diagnosis p,.log-detail-row .history-next-step,.log-detail-row .history-retry p{font-size:14px}
.log-detail-row .history-source-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
.log-details{max-width:none}
.log-details summary{font-size:13px}
.log-table{font-size:13px}
.log-table th{font-size:12px}
.log-table code{font-size:12px}
.history-filters .field-help,.history-filter-actions p{font-size:13px;line-height:1.6}
.history-filters label{font-size:13px}
.history-filters .field select,.history-filters .field input{font-size:14px}
.history-filter-actions .button,.log-toolbar-actions .button{font-size:14px}
.backfill-confirm{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:16px}
.backfill-confirm .field{margin:0;min-width:240px}
.backfill-confirm label{font-size:14px}
.confirm-hint{margin:0 0 8px;font-size:14px;font-weight:600}.confirm-hint label{display:inline;margin:0}
.confirm-chip{font:600 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:#f3f4f2;color:var(--text);cursor:copy}.confirm-chip:hover{border-color:var(--text)}
.log-table .log-direction{font-size:12px}
/* 2026-09-18b: Info-Tipps statt Erklaertext, keine gruenen Balken, Kunden-Bedingung als wichtigste Einstellung. */
.info-tip{display:inline-grid;place-items:center;vertical-align:middle;width:24px;height:24px;margin:-2px 0 0 2px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:help}
.info-tip .icon{width:17px;height:17px}
.info-tip:hover,.info-tip:focus-visible,.info-tip[aria-describedby]{color:var(--text);background:var(--bg-elevated)}
.info-tip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.info-tip-box{position:fixed;z-index:60;max-width:320px;padding:10px 12px;border-radius:8px;background:var(--forest);color:#fff;font:14px/1.5 var(--font-body);box-shadow:0 8px 24px rgba(23,52,45,.25);pointer-events:none}
.history-diagnosis,.log-detail-row .history-diagnosis{background:#fff;border:1px solid var(--border);border-left-width:1px;border-left-color:var(--border);color:var(--text)}
.history-diagnosis-error h4{color:var(--error)}
.history-diagnosis-warning h4{color:#7a5a12}
/* Aufgeklapptes Detail: neutral getönte Ebene statt Box in Box, Label klein über dem Wert. */
.log-detail-row>td{background:#f3f4f2;border-top:1px solid var(--border)}
.log-detail-row .history-diagnosis{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 32px;padding:0;border:0;background:none}
.log-detail-row .history-diagnosis h4{font-size:13px;font-weight:500;color:var(--muted);margin:0!important}
.log-detail-row .history-diagnosis p{color:var(--text);font-size:15px;line-height:1.5;margin-top:2px}
.log-detail-row dl{margin:16px 0;padding-top:16px;border-top:1px solid var(--border)}
.dashboard .connection-steps li[aria-current=step]{background:#fff;color:var(--text);font-weight:700}
.dashboard .connection-steps li[aria-current=step] .connection-step-number{background:var(--forest);border-color:var(--forest);color:#fff}
.dashboard .connection-steps li:not(.done):not([aria-current]){color:var(--muted)}
.sync-condition{margin:0 0 var(--section-gap);padding:22px 24px;background:#fff;border:1px solid var(--border);border-radius:12px}
.sync-condition h2{font-size:20px;display:flex;align-items:center;gap:4px}
.sync-condition>p{font-size:15px;color:var(--muted);margin-top:4px}
.sync-condition-rule{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:18px}
.sync-condition-rule .field{margin:0;flex:0 1 260px;min-width:200px}
.sync-condition-counts{flex:1 0 100%;font-size:14px;color:var(--muted)}
.sync-condition-warning{margin-top:14px;font-size:14px;font-weight:600;color:var(--error)}
.dashboard .sync-catalog-heading h2{font-size:18px}
.dashboard .sync-catalog-heading p{font-size:14px;color:var(--muted)}
.sync-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin:12px 0 0;font-size:13px;color:var(--muted)}
.sync-row-control{display:flex;align-items:center;gap:10px}
.sidebar-bottom .brand-credit{justify-content:center;width:100%;text-align:center;font-size:13px}
.brand-credit a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.brand-credit a:hover{color:#fff}
.dashboard-footer{justify-content:center}
.dash-countnote{display:inline-flex;align-items:center;gap:2px}
.sync-row-control .sync-switch,.sync-row-control .sync-switch:has(input:checked){background:#fff;border-color:var(--border)}
.sync-row-control .sync-switch:has(input:checked) small{color:var(--text)}
.sync-card>.sync-card-details[open]>summary{background:#fff;border-bottom:1px solid var(--border)}
.sync-card.is-selected{box-shadow:none}
.token-hint{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
/* Aktueller Einrichtungsschritt: sanftes Mint-Glow im ganzen Feld, pulsiert langsam. */
.dashboard .connection-steps li[aria-current=step]{animation:step-glow 3s ease-in-out infinite}
@keyframes step-glow{0%,100%{box-shadow:inset 0 0 0 0 rgba(103,225,199,0);background:#fff}50%{box-shadow:inset 0 0 28px 2px rgba(103,225,199,.45);background:#f3fcf9}}
@media(prefers-reduced-motion:reduce){.dashboard .connection-steps li[aria-current=step]{animation:none;box-shadow:inset 0 0 22px rgba(103,225,199,.35)}}
/* Settings tabs and notification recipients. White + border, state through weight, no tinted surfaces. */
.account-tabs{display:flex;gap:28px;max-width:960px;margin:0 0 20px;box-shadow:inset 0 -1px 0 var(--border);overflow-x:auto}
.account-tabs [role=tab]{border:0;background:none;padding:10px 0;font:inherit;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.account-tabs [role=tab]:hover{color:var(--text)}
.account-tabs [role=tab][aria-selected=true]{color:var(--text);border-bottom-color:var(--forest)}
.account-tabs [role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}
.recipient-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
.recipient-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px 20px;align-items:end;border:1px solid var(--border);border-radius:8px;padding:16px;background:#fff}
.recipient-checks{display:grid;gap:8px;padding-bottom:4px}
.recipient-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}
.recipient-check input{width:18px;height:18px;accent-color:var(--forest);margin:0}
@media(max-width:700px){.recipient-row{grid-template-columns:1fr}}
[data-tab-panel][hidden]{display:none}
/* Einrichtung in der Seitenleiste: ein Balken, ein Titel, ein Knopf. Die Liste klappt nur auf Wunsch auf. */
.sidebar-steps{margin:0 0 14px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#c9d8cf;font-size:13px}
.sidebar-steps-head{display:flex;justify-content:space-between;align-items:baseline}
.sidebar-steps-head strong{color:#fff;font-size:14px;font-weight:650}
.sidebar-steps-head span{color:var(--mint);font-weight:700;font-variant-numeric:tabular-nums}
.sidebar-steps progress{display:block;width:100%;height:6px;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.2);appearance:none;-webkit-appearance:none;margin:8px 0 12px}
.sidebar-steps progress::-webkit-progress-bar{background:rgba(255,255,255,.2);border-radius:999px}
.sidebar-steps progress::-webkit-progress-value{background:#fff;border-radius:999px;transition:width .4s ease}
.sidebar-steps progress::-moz-progress-bar{background:#fff;border-radius:999px}
.sidebar-steps-count{margin:0;font-size:12px;color:#8fb0a3}
.sidebar-steps-title{margin:2px 0 12px;color:#fff;font-size:14px;font-weight:650;line-height:1.35}
.sidebar-steps-go{display:flex;justify-content:center;align-items:center;gap:6px;min-height:36px;border-radius:6px;background:var(--mint);color:#0b3a30;font-size:14px;font-weight:650;text-decoration:none}
.sidebar-steps-go:hover{background:#8aead5}.sidebar-steps-go .icon{width:16px;height:16px}
.sidebar-steps-go:focus-visible,.sidebar-steps button:focus-visible,.sidebar-steps li a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sidebar-steps-links{display:flex;justify-content:space-between;gap:12px;margin-top:12px}
.sidebar-steps button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:#8fb0a3;font:inherit;font-size:12px;cursor:pointer}
.sidebar-steps button:hover{color:#fff}.sidebar-steps button .icon{width:12px;height:12px;transition:transform .15s}
.sidebar-steps [aria-expanded=true] .icon{transform:rotate(180deg)}
.sidebar-steps ol{list-style:none;margin:10px 0 8px;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:2px}
.sidebar-steps li a{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:start;padding:3px 0;color:#c9d8cf;text-decoration:none;line-height:1.35}
.sidebar-steps li a:hover{color:#fff}
.sidebar-steps li .icon{width:14px;height:14px;margin-top:2px;color:#6f8f82}
.sidebar-steps li.done a{color:#8fb0a3}.sidebar-steps li.done .icon{color:var(--mint)}
.sidebar-steps li.next a{color:#fff;font-weight:650}.sidebar-steps li.next .icon{color:#fff}
.sidebar-steps .step-dot{width:10px;height:10px;margin:4px 2px 0;border:1px solid #6f8f82;border-radius:999px}
.sidebar-steps-tour{text-decoration:underline}
.sidebar-steps-done{display:flex;gap:8px;align-items:center;margin:0;color:#fff}.sidebar-steps-done .icon{width:16px;height:16px;color:var(--mint)}
.tour-box{position:fixed;z-index:60;width:min(300px,calc(100vw - 16px));background:#fff;border:1px solid var(--border-strong);border-radius:8px;padding:16px;box-shadow:0 12px 32px rgba(25,51,45,.18);color:var(--text)}
.tour-box h2{font-size:16px;margin:2px 0 6px}.tour-box p{font-size:14px;line-height:1.5;margin:0}.tour-box .tour-count{font-size:12px;color:var(--muted)}
.tour-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.tour-actions .button{min-height:36px;padding:6px 14px;font-size:14px}
.tour-anchor{outline:2px solid var(--mint);outline-offset:2px;border-radius:8px}
.sidebar-bottom:has(.sidebar-steps){padding-top:8px}

/* Guided registration: native controls, keyboard navigation, no persistent passwords. */
.auth-form fieldset {border:0;padding:0;margin:0;min-width:0}
.auth-form fieldset[hidden] {display:none}

/* Produkt-Updates: eine weiße Fläche, Versionen durch Linien getrennt. Auswirkung nur über Gewicht und Kontrast, nie über Farbe. */
.changelog,.changelog-toolbar{max-width:960px}
.changelog-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.changelog-current{flex-basis:100%;font-size:15px;color:var(--text);margin:0 0 4px}
.changelog-toolbar>div{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.changelog-toolbar select{height:40px;min-width:180px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text);font:inherit;font-size:14px;padding:0 12px}
.changelog{display:grid;gap:14px}
.changelog-entry,.changelog-empty{background:#fff;border:1px solid var(--border);border-radius:12px;min-width:0}
.changelog-entry>summary{display:grid;gap:6px;padding:20px 24px;cursor:pointer;list-style:none;border-radius:12px}
.changelog-entry>summary::-webkit-details-marker{display:none}
.changelog-entry>summary:focus-visible,.changelog-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.changelog-entry>summary:hover .changelog-title{text-decoration:underline;text-underline-offset:3px}
.changelog-top{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}
.changelog-date{font-size:15px;font-weight:700;color:var(--text)}
.changelog-tags{display:flex;align-items:center;gap:8px}
.changelog-tags>.icon{color:var(--muted);transition:transform .15s}
.changelog-entry[open] .changelog-tags>.icon{transform:rotate(180deg)}
.changelog-version,.changelog-tag,.changelog-flag,.changelog-cat{display:inline-block;font-size:12px;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;white-space:nowrap}
.changelog-version{background:var(--bg-elevated);color:var(--muted);font-variant-numeric:tabular-nums}
.changelog-tag{border:1px solid var(--border-strong);color:var(--text);padding:4px 8px}
.changelog-flag{background:var(--forest);color:#fff}
.changelog-title{font-size:18px;font-weight:700;line-height:1.35;margin-top:2px;overflow-wrap:break-word}
.changelog-summary{font-size:15px;color:var(--muted);line-height:1.6}
.changelog-counts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.changelog-entry[open] .changelog-counts{display:none}
.changelog-groups{display:grid;gap:20px;margin:0 24px;padding:20px 0 24px;border-top:1px solid var(--border)}
.changelog-group{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start}
.changelog-group>.changelog-cat{justify-self:start;margin-top:4px}
.changelog-cat-geaendert{background:#eee8fb;color:#4b2e86}
.changelog-cat-hinzugefuegt{background:#e2effb;color:#18507d}
.changelog-cat-verbessert{background:#fcf0cc;color:#664a06}
.changelog-cat-behoben{background:#e0f2e5;color:#1d5a32}
.changelog-cat-veraltet{background:#fde7d4;color:#7a3c0c}
.changelog-cat-entfernt{background:#fbe2e4;color:#86222f}
.changelog-items{display:grid;gap:10px;margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.6;min-width:0}
.changelog-items li{padding-left:2px;overflow-wrap:break-word}
.changelog-items li::marker{color:var(--muted)}
.changelog-line{margin:0}
.changelog-line .changelog-flag{margin-left:4px;vertical-align:1px}
.changelog-toggle{display:flex;align-items:flex-start;gap:6px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left}
.changelog-toggle>.icon{width:16px;height:16px;margin-top:5px;color:var(--muted);transition:transform .15s}
.changelog-toggle[aria-expanded=true]>.icon{transform:rotate(180deg)}
.changelog-toggle:hover>span{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
.changelog-detail{margin:6px 0 0;padding-left:14px;font-size:14px;color:var(--muted);line-height:1.6}
.changelog-action{margin:4px 0 0;font-size:14px;line-height:1.6}
.changelog-action strong{font-weight:700}
.changelog-empty{margin:0;padding:22px 24px;font-size:15px;color:var(--muted)}
.account-menu-company+.account-menu-company{border-top:0}
.sidebar-version{display:block;text-align:center;font-size:13px;color:#8fb0a3;text-decoration:none;margin-bottom:8px}
.sidebar-version:hover,.sidebar-version.active{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.changelog-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.changelog-current{grid-column:1/-1}.changelog-toolbar select{min-width:0;width:100%}.changelog{gap:12px}.changelog-entry>summary{padding:18px 16px}.changelog-groups{margin:0 16px;padding:16px 0 18px;gap:18px}.changelog-group{grid-template-columns:minmax(0,1fr);gap:8px}.changelog-group>.changelog-cat{margin-top:0}.changelog-empty{padding:18px 16px}.changelog-title{font-size:17px}}

/* Stresstest 2026-09-24: auf dem Handy war das Protokoll abgeschnitten (Status "Prüf…"), Ergebnis und
   "Erneut versuchen" nicht erreichbar. Unter 640px wird jede Zeile eine Karte ohne Seitwaerts-Scrollen. */
@media(max-width:640px){.log-table{min-width:0}.log-table thead{display:none}.log-table,.log-table tbody,.log-table td{display:block;width:100%}.log-table tr:not(.log-detail-row){display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 16px;border-bottom:1px solid #eef1eb}.log-table tbody tr:not(.log-detail-row) td{padding:0!important;border:0;width:auto}.log-table td:nth-child(2),.log-table td.log-code,.log-table td:last-child{flex:1 1 100%}.log-table td.log-attempts{display:none}.log-code{max-width:none}tr:has(> td > .log-details[open])+.log-detail-row{display:block}.log-detail-row>td{padding:14px 16px!important}.log-detail-row dl{grid-template-columns:1fr}}

/* AVV-Karte: gleicher Aufbau und dieselbe Breite wie die Karten auf der Einstellungsseite. */
.legal-panel,.dashboard .legal-panel{max-width:960px;margin:24px 0}
.legal-panel .panel-header .icon{color:var(--accent)}
.legal-panel .panel-body>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:680px}
.legal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:16px}
.legal-actions>a:not(.button){display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:15px}
.legal-actions .icon{width:16px;height:16px}
.legal-panel form{margin-top:28px;padding-top:28px;border-top:1px solid var(--border);max-width:680px}
.legal-checks{display:grid;gap:14px;margin:28px 0 20px}
.legal-checks label{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;cursor:pointer}
.legal-checks input{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:var(--accent)}
#avv-notice:empty{display:none}