/*.app {
    padding-left: 0;
}
*/
.header {
    left: 0;
}

.card {
    border-radius: 25px;
}

.auth {
    position: relative;
    background: url(/assets/loginbg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
   
}

    .auth:before {
    position:absolute;
    pointer-events:none;
    content:'';
    background:rgba(0,0,0,0.6);
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    }

.auth-container {
    border-radius: 10px;
    overflow: hidden;
    position:relative;
    z-index:1;
}

    .auth-container .card {
        margin-bottom: 0;
    }



    .auth-container .card {
        background-color: rgba(255,255,255,0.95);
    }

.form-control[readonly] {
    background-color: #ffffff;
}

.btn {
    border-radius: 99999px;
}

.dashboard-page .stats .stat .value {
    font-size: 1.7rem !important;
}


.table-striped tbody tr th {
    background-color: #3A4651;
    color:#fff;
}
/* DataHub modern application shell */
:root {
    --dh-primary: #2477e8;
    --dh-primary-dark: #175ebc;
    --dh-ink: #203047;
    --dh-muted: #76859a;
    --dh-border: #e4eaf2;
    --dh-surface: #ffffff;
    --dh-background: #576469;
    --dh-sidebar: #172337;
    --dh-sidebar-soft: #21314a;
}

body { color: var(--dh-ink); background: var(--dh-background); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.app { max-width: none; background: var(--dh-background); box-shadow: none; }
.app .content { max-width: 1760px; margin: 0 auto; padding-top: 94px; }
.content .title-block { margin-bottom: 18px; }
.content .title-block .title { color: var(--dh-ink); font-size: 1.65rem; font-weight: 750; letter-spacing: -.025em; }
.content .title-description { color: var(--dh-muted); }
.section { margin-bottom: 18px; }

.header {
    left: 240px;
    height: 68px;
    padding: 0 28px;
    border-bottom: 1px solid rgba(216,225,236,.9);
    background: rgba(255,255,255,.94);
    box-shadow: 0 4px 20px rgba(27,45,75,.045);
    backdrop-filter: blur(12px);
}
.header-identity { align-items: center; gap: 11px; }
.header-identity-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: linear-gradient(135deg,var(--dh-primary),#65a5f7); box-shadow: 0 6px 15px rgba(36,119,232,.25); }
.header-identity strong,.header-identity small { display: block; line-height: 1.2; }
.header-identity strong { color: var(--dh-ink); font-size: .98rem; }
.header-identity small { color: var(--dh-muted); font-size: .72rem; }
.header .header-block-nav { margin-left: auto; }
.header .header-block-nav .profile .name { color: #44546a; font-weight: 600; }
.header .header-block-nav .profile .icon { color: var(--dh-primary); }
.header .nav-profile > li.profile > a { border-radius: 10px; padding: 9px 12px; }
.header .nav-profile > li.profile > a:hover { background: #f2f6fb; }
.header .profile-dropdown-menu { border: 1px solid var(--dh-border); border-radius: 10px; box-shadow: 0 12px 32px rgba(25,42,70,.14); }

.sidebar { width: 240px; padding-bottom: 20px; background: linear-gradient(180deg,var(--dh-sidebar) 0%,#111b2b 100%); box-shadow: 8px 0 30px rgba(20,34,54,.08); }
.sidebar .sidebar-header { height: auto; min-height: 112px; padding: 20px 18px 14px; }
.sidebar-header .brand { margin: 0 !important; padding: 0; color: rgba(255,255,255,.72); font-size: .72rem; font-weight: 700; letter-spacing: .18em; }
.sidebar-header .brand img { max-width: 145px !important; max-height: 54px; margin-bottom: 9px; object-fit: contain; }
.sidebar .sidebar-menu { padding: 8px 12px; }
.sidebar .sidebar-menu > li { margin: 4px 0; }
.sidebar .sidebar-menu > li > a { display: flex; align-items: center; min-height: 46px; padding: 11px 14px; border-radius: 10px; color: #9eacc0; font-size: .88rem; font-weight: 600; transition: .18s ease; }
.sidebar .sidebar-menu > li > a i { display: inline-grid; place-items: center; width: 25px; margin-right: 10px; color: #8294ad; font-size: 16px; }
.sidebar .sidebar-menu > li > a:hover { color: #fff; background: var(--dh-sidebar-soft); transform: translateX(2px); }
.sidebar .sidebar-menu > li.active > a,.sidebar .sidebar-menu > li.active > a:hover { color: #fff !important; background: linear-gradient(135deg,var(--dh-primary),#4b95f0) !important; box-shadow: 0 7px 18px rgba(22,103,213,.3); }
.sidebar .sidebar-menu > li.active > a i { color: #fff; }

.card { border: 1px solid var(--dh-border); border-radius: 14px; background: var(--dh-surface); box-shadow: 0 6px 22px rgba(29,48,77,.055); }
.card .card-block { padding: 20px; }
.form-control { border-color: #dce4ee; border-radius: 9px; color: #34445a; background-color: #fff; }
.form-control:focus { border-color: #64a2ed; box-shadow: 0 0 0 3px rgba(36,119,232,.12); }
.btn { border-radius: 9px; font-weight: 650; }
.btn-primary { border-color: var(--dh-primary); background: var(--dh-primary); box-shadow: 0 5px 14px rgba(36,119,232,.18); }
.btn-primary:hover { border-color: var(--dh-primary-dark); background: var(--dh-primary-dark); transform: translateY(-1px); }
.table th { color: #718097; font-size: .76rem; font-weight: 750; text-transform: uppercase; letter-spacing: .035em; }
.table td { color: #35465c; }
.dropdown-menu { border-radius: 10px; }

#list-filter-container { position: sticky; top: 78px; z-index: 8; }
#list-filter-container .section { margin-bottom: 14px; }
#list-filter-container .card { border-color: #dbe5f1; box-shadow: 0 10px 28px rgba(27,48,78,.09); }
#list-filter-container .card-block { padding: 14px 16px; }
#list-filter-container .list-filter-form { margin: 0; }
#list-filter-container .list-filter-form .form-group { margin-top: 0 !important; }
#list-filter-container .list-filter-form .form-control { flex: 1 1 170px; }

@media (max-width: 991.98px) {
    .header { left: 0; padding: 0 18px; }
    .app .content { padding-top: 78px; }
    #list-filter-container { top: 58px; }
}
@media (max-width: 767.98px) {
    .header { height: 56px; }
    .app .content { padding: 72px 12px 50px; }
    .card .card-block { padding: 15px; }
    #list-filter-container { position: static; }
    .content .title-block .title { font-size: 1.4rem; }
}

/* Tolpeit CRM visual system */
:root {
    --dh-primary: #346dff;
    --dh-primary-dark: #2358d9;
    --dh-ink: #202c3a;
    --dh-muted: #7b8492;
    --dh-border: #e7ebe8;
    --dh-surface: #ffffff;
    --dh-background: #576469;
    --dh-sidebar: #17191f;
    --dh-sidebar-soft: #242731;
}

body,
.app { background: var(--dh-background); color: var(--dh-ink); }

.dashboard-page .performance-heading h1,
.dashboard-page .insights-heading h1,
.dashboard-page .meta-heading h1 { color: #fff; }
.dashboard-page .performance-heading p,
.dashboard-page .insights-heading p,
.dashboard-page .meta-heading p { color: #dce4e6; }

.app .content { padding-top: 104px; }
.content .title-block { margin-bottom: 28px; }
.content .title-block .title {
    margin: 0 0 8px;
    color: var(--dh-ink);
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.8px;
}
.content .title-description { color: var(--dh-muted); font-size: 13px; }

/* Seitenüberschriften liegen direkt auf dem dunklen App-Hintergrund. */
.content > .title-block > .title { color: #fff; }
.content > .title-block > .title-description { color: #dce4e6; }
.performance-pdf-button { border: 1px solid #ccd6e3; color: #556579; background: #fff; box-shadow: none; }
.performance-pdf-button:hover { border-color: #9baabd; color: #26384d; background: #f6f8fb; }
.performance-customer-pdf-button { border: 1px solid #4d70ef; color: #3f62de; background: #f3f6ff; box-shadow: none; }
.performance-customer-pdf-button:hover { border-color: #3155d7; color: #294bc2; background: #e8eeff; }
.filter-card form > .btn,
.performance-filter-form > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 170px;
    min-width: 170px;
    height: 42px;
    margin: 0;
    box-sizing: border-box;
    line-height: 1;
    white-space: nowrap;
}

.performance-compare-option { display:flex!important; align-items:center; gap:8px; min-height:42px; padding:0 10px; cursor:pointer; }
.performance-compare-option input { width:16px!important; height:16px!important; margin:0; }
.performance-compare-option span { margin:0!important; text-transform:none!important; white-space:nowrap; }
.performance-date-group { display:grid; grid-template-columns:repeat(2,minmax(150px,1fr)); gap:8px 12px; align-items:end; }
.performance-date-group .performance-compare-option { grid-column:1/-1; min-height:24px; padding:0; }
.performance-filter-form .performance-pdf-button,
.filter-card form .performance-pdf-button { margin-left:auto; }
.performance-export-menu { position:relative; margin:0 0 0 auto; }
.performance-export-menu > summary { list-style:none; }
.performance-export-menu > summary::-webkit-details-marker { display:none; }
.performance-export-trigger {
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    width:190px; min-width:190px; height:42px; margin:0; border:1px solid #4d70ef;
    border-radius:8px; color:#3f62de; background:#f3f6ff; box-shadow:none;
    line-height:1; cursor:pointer; white-space:nowrap;
}
.performance-export-trigger:hover,.performance-export-menu[open] .performance-export-trigger { border-color:#3155d7; color:#294bc2; background:#e8eeff; }
.performance-export-chevron { margin-left:auto; font-size:.65rem; transition:transform .18s ease; }
.performance-export-menu[open] .performance-export-chevron { transform:rotate(180deg); }
.performance-export-options {
    position:absolute; z-index:40; top:calc(100% + 9px); right:0; width:330px; padding:7px;
    border:1px solid #dce4ed; border-radius:12px; background:#fff;
    box-shadow:0 16px 38px rgba(24,39,61,.18);
}
.performance-export-options:before { content:""; position:absolute; top:-6px; right:22px; width:11px; height:11px; border-top:1px solid #dce4ed; border-left:1px solid #dce4ed; background:#fff; transform:rotate(45deg); }
.performance-export-options a { position:relative; display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:8px; color:#26384d; text-decoration:none; }
.performance-export-options a:hover { color:#294bc2; background:#f1f5ff; }
.performance-export-options a > i { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:8px; color:#4d70ef; background:#edf2ff; }
.performance-export-options a span,.performance-export-options a strong,.performance-export-options a small { display:block; }
.performance-export-options a strong { margin-bottom:3px; font-size:.78rem; font-weight:700; }
.performance-export-options a small { color:#8390a2; font-size:.67rem; line-height:1.3; }
@media(max-width:900px) {
    .performance-filter-form .performance-pdf-button,
    .filter-card form .performance-pdf-button { margin-left:0; }
    .performance-export-menu { margin-left:0; }
}
@media(max-width:560px) { .performance-export-menu,.performance-export-trigger { width:100%; } .performance-export-options { right:auto; left:0; width:min(330px,calc(100vw - 48px)); } }
.performance-comparison { display:block; margin-top:6px; font-size:.72rem; font-weight:700; }
.performance-comparison.is-positive { color:#238a50; }
.performance-comparison.is-negative { color:#c83d4d; }
.performance-comparison.is-neutral { color:#8190a2; }
.mapping-open-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; color: #fff; background: #e6782f; font-size: 10px; font-weight: 750; line-height: 1; }
.performance-tabs a.active .mapping-open-count { color: #b8510d; background: #fff; }

.header {
    position: fixed;
    top: 0;
    height: 72px;
    padding: 0 38px;
    border-bottom: 1px solid var(--dh-border);
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
    z-index: 15;
}
.header-identity-mark {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--dh-primary);
    box-shadow: none;
}
.header-identity strong { color: var(--dh-ink); font-size: 13px; font-weight: 650; }
.header-identity small { color: var(--dh-muted); font-size: 11px; }
.header .nav-profile > li.profile > a { border-radius: 7px; }
.header .nav-profile > li.profile > a:hover { background: #f2f5f3; }

.sidebar {
    background: var(--dh-sidebar);
    box-shadow: none;
    position: fixed;
}
.sidebar .sidebar-header { min-height: 126px; padding: 27px 18px 18px; }
.sidebar-header .brand { color: #aeb7cb; font-size: 10px; letter-spacing: 2px; }
.sidebar .sidebar-menu { padding: 8px 20px; }
.sidebar .sidebar-menu > li { margin: 3px 0; }
.sidebar .sidebar-menu > li > a {
    min-height: 44px;
    padding: 11px 14px;
    border-radius: 7px;
    color: #bcc3d3;
    font-size: 13px;
    font-weight: 500;
}
.sidebar .sidebar-menu > li > a i { color: #9ca6ba; }
.sidebar .sidebar-menu > li > a:hover {
    color: #fff;
    background: #252934;
    transform: none;
}
.sidebar .sidebar-menu > li.active > a,
.sidebar .sidebar-menu > li.active > a:hover {
    color: #fff !important;
    background: var(--dh-primary) !important;
    box-shadow: none;
}

.card {
    border: 1px solid var(--dh-border);
    border-radius: 10px;
    box-shadow: none;
}
.card .card-block { padding: 24px; }
.form-control {
    border-color: #dce3de;
    border-radius: 6px;
    color: var(--dh-ink);
    font-size: 13px;
}
.form-control:focus {
    border-color: var(--dh-primary);
    box-shadow: 0 0 0 3px rgba(52,109,255,.14);
}
.btn { border-radius: 6px; font-size: 12px; font-weight: 500; }
.btn-primary {
    border-color: var(--dh-primary);
    background: var(--dh-primary);
    box-shadow: none;
}
.btn-primary:hover { border-color: var(--dh-primary-dark); background: var(--dh-primary-dark); transform: none; }
.table th {
    color: #7c857f;
    background: #fafbf9;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .6px;
}
.table td { color: var(--dh-ink); }
.table th,
.table td { border-color: #eef0ee; }
.dropdown-menu { border-color: var(--dh-border); border-radius: 8px; box-shadow: 0 12px 28px rgba(24,39,32,.1); }

#list-filter-container .card {
    border-color: var(--dh-border);
    box-shadow: 0 3px 12px rgba(24,39,32,.055);
}

@media (max-width: 991.98px) {
    .header { padding: 0 18px; }
    .app .content { padding-top: 84px; }
}
@media (max-width: 767.98px) {
    .app .content { padding: 72px 16px 50px; }
    .card .card-block { padding: 18px; }
    .content .title-block .title { font-size: 23px; }
}

/* CRM-style login */
.datahub-login-page { min-height:100vh; display:grid; grid-template-columns:minmax(420px,1fr) minmax(420px,1fr); background:#fff; }
.datahub-login-story { display:flex; flex-direction:column; justify-content:space-between; padding:clamp(56px,8vw,110px) clamp(48px,7vw,100px); color:#fff; background:#17191f; }
.datahub-login-brand { display:flex; align-items:flex-end; gap:14px; }
.datahub-login-brand img { width:220px; max-width:70%; height:auto; }
.datahub-login-brand span { margin-bottom:3px; color:#aeb7cb; font-size:10px; font-weight:650; letter-spacing:2px; }
.datahub-login-eyebrow { margin:0 0 20px; color:#346dff; font-size:10px; font-weight:650; letter-spacing:2px; }
.datahub-login-story .datahub-login-eyebrow { color:#9db7ff; }
.datahub-login-story h1 { max-width:540px; margin:0 0 25px; color:#fff; font-size:clamp(38px,4.2vw,58px); font-weight:650; line-height:1.12; letter-spacing:-1.8px; }
.datahub-login-copy { max-width:430px; margin:0; color:#b9c0ce; font-size:15px; line-height:1.8; }
.datahub-login-story > small { color:#7f899c; font-size:10px; letter-spacing:1.6px; }
.datahub-login-form { display:flex; align-items:center; justify-content:center; padding:48px; background:#fff; }
.datahub-login-form-inner { width:min(100%,380px); }
.datahub-login-form h1 { margin:0 0 8px; color:var(--dh-ink); font-size:32px; font-weight:650; letter-spacing:-1px; }
.datahub-login-subtitle { margin:0 0 34px; color:var(--dh-muted); font-size:13px; }
.datahub-login-form .form-group { margin-bottom:19px; }
.datahub-login-form label { margin-bottom:7px; color:var(--dh-ink); font-size:12px; font-weight:550; }
.datahub-login-form .form-control { min-height:44px; padding:10px 12px; }
.datahub-login-options { display:flex; align-items:center; margin:4px 0 22px; }
.datahub-login-form .datahub-remember { display:inline-flex; align-items:center; gap:9px; margin:0; color:var(--dh-muted); font-weight:400; cursor:pointer; }
.datahub-remember input { width:15px; height:15px; accent-color:var(--dh-primary); }
.datahub-login-form .btn { min-height:44px; }
.datahub-login-form .validation-summary-errors { margin:-8px 0 18px; color:#a15b4c; font-size:12px; }
.datahub-login-form .validation-summary-errors ul { margin:0; padding-left:18px; }
.datahub-login-note { margin:24px 0 0; color:#98a19e; font-size:11px; }
@media (max-width:850px) { .datahub-login-page{grid-template-columns:1fr}.datahub-login-story{display:none}.datahub-login-form{min-height:100vh;padding:32px 22px} }
.offline-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;color:#18794e;background:#e7f7ef;font-size:.7rem;font-weight:700}