:root {
    --bg: #0d0f12;
    --bg2: #111317;
    --panel: #15181d;
    --panel2: #1b1e23;
    --panel3: #23272e;

    --line: #30343b;
    --line2: #3a3f47;

    --text: #d7dce5;
    --muted: #9299a6;
    --white: #f2f4f8;

    --blue: #0b438e;
    --blue2: #1264c7;
    --blue3: #1775e5;

    --orange: #d77b24;
    --orange2: #f08a28;

    --green: #36c66b;
    --red: #d61e3b;

    --nav-height: 38px;
    --brand-height: 34px;
    --tab-height: 30px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


* {
    box-sizing: border-box;
}


html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;

    background: var(--bg);
    color: var(--text);

    font-size: 13px;
}


body {
    overflow: hidden;
}


button,
input,
select,
textarea {
    font: inherit;
}


button {
    color: var(--text);
}


/* =========================================================
   APP SHELL
   ========================================================= */

.tms-shell {
    width: 100vw;
    height: 100vh;

    display: grid;

    grid-template-rows:
        var(--brand-height)
        var(--nav-height)
        var(--tab-height)
        1fr;

    background: var(--bg);
}


/* =========================================================
   BRAND BAR
   ========================================================= */

.brandbar {
    height: var(--brand-height);

    display: flex;
    align-items: center;

    background: #0b0d10;

    border-bottom: 1px solid #202328;

    padding: 0 12px;
}


.brand {
    display: flex;
    align-items: center;

    height: 100%;
}


.brand-mark {
    width: 27px;
    height: 23px;

    border: 1px solid #d8dde6;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 8px;
    font-weight: 700;

    color: #fff;
    background: #15181d;
}


.brand-text {
    margin-left: 7px;

    display: flex;
    flex-direction: column;

    line-height: 10px;

    font-size: 9px;
}


.brand-text strong {
    color: #fff;
}


.brand-text span {
    color: var(--orange2);
}


.brand-spacer {
    flex: 1;
}


.top-status {
    height: 100%;

    display: flex;
    align-items: center;

    gap: 22px;

    font-size: 12px;
}


.notification {
    color: #ff5b52;
    font-size: 17px;
}


.system-name {
    color: #f0f2f6;
}


.mode {
    height: 100%;

    display: flex;
    align-items: center;

    padding: 0 4px;

    color: #49c1c5;
}


.mode.active {
    color: var(--orange2);

    border-bottom: 2px solid var(--orange2);

    font-weight: 700;
}


.user-circle {
    width: 27px;
    height: 27px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2b2f35;

    border: 1px solid #484d55;

    color: #d8dce2;

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.mainnav {
    height: var(--nav-height);

    display: flex;
    align-items: stretch;

    background: #202225;

    border-bottom: 1px solid #08090b;
}


.mainnav a {
    height: 100%;

    min-width: 135px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 18px;

    color: #d9e3f4;

    text-decoration: none;

    font-size: 12px;
    font-weight: 400;

    white-space: nowrap;
}


.mainnav a:hover {
    background: #292c31;

    color: #fff;
}


.close-app {
    margin-left: auto;

    width: 38px;

    border: 0;

    background: #c80f2e;

    color: white;

    font-size: 20px;

    cursor: pointer;
}


.close-app:hover {
    background: #e11639;
}


/* =========================================================
   TABS
   ========================================================= */

.tabbar {
    height: var(--tab-height);

    display: flex;
    align-items: flex-end;

    background: #0e1013;

    padding-left: 10px;

    border-bottom: 1px solid #24272c;
}


.tab {
    height: 27px;

    min-width: 100px;

    display: flex;
    align-items: center;

    padding-left: 11px;

    background: #124e9f;

    border: 1px solid #1d65bc;
    border-bottom: 0;

    color: #fff;

    font-size: 11px;
}


.tab.active {
    background: #155bb7;
}


.tab button {
    margin-left: auto;

    width: 27px;
    height: 25px;

    border: 0;

    background: transparent;

    color: #fff;

    cursor: pointer;
}


/* =========================================================
   WORKSPACE
   ========================================================= */

.workspace {
    position: relative;

    overflow: auto;

    background: #0d0f11;
}


/* =========================================================
   WORKFLOW
   ========================================================= */

.workflow-strip {
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 25px;

    background: #0b438e;

    border-bottom: 1px solid #175aa9;
}


.workflow-step {
    display: flex;
    align-items: center;

    gap: 5px;

    color: #dce9fb;

    font-size: 14px;
}


.workflow-step strong {
    color: #fff;

    font-size: 15px;
}


.workflow-icon {
    margin-right: 7px;

    font-size: 28px;

    color: #e5efff;
}


.workflow-arrow {
    color: var(--orange2);

    font-size: 44px;

    line-height: 1;
}


/* =========================================================
   DASHBOARD
   ========================================================= */

.dashboard-grid {
    width: 850px;

    margin: 36px auto 0 auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 10px;
}


.dashboard-card {
    min-height: 118px;

    display: grid;

    grid-template-columns:
        76px 1fr;

    align-items: center;

    text-align: left;

    padding: 13px;

    background: #111315;

    border: 1px solid #3a3d42;

    cursor: pointer;
}


.dashboard-card:hover {
    background: #191c20;

    border-color: #59616d;
}


.dashboard-card.featured {
    background: #343b48;

    border-color: #646d7b;
}


.card-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #d7e4fa;

    font-size: 39px;
}


.dashboard-card h3 {
    margin: 0 0 5px 0;

    color: #fff;

    font-size: 15px;
    line-height: 18px;
}


.dashboard-card p {
    margin: 0;

    color: #b1b7c1;

    font-size: 11.5px;
    line-height: 16px;
}


/* =========================================================
   TASK DRAWER
   ========================================================= */

.task-drawer {
    position: fixed;

    right: 0;
    top: 53%;

    width: 39px;
    height: 205px;

    background: #06418e;

    border-left: 1px solid #155eae;

    display: flex;
    flex-direction: column;

    align-items: center;

    z-index: 20;
}


.task-drawer span {
    margin-top: 12px;

    writing-mode: vertical-rl;

    color: white;

    font-size: 11px;
}


.task-drawer button {
    margin-top: auto;
    margin-bottom: 8px;

    width: 23px;
    height: 23px;

    border-radius: 50%;

    border: 0;

    background: white;

    color: #08458f;

    font-weight: 700;

    cursor: pointer;
}


/* =========================================================
   GENERIC CONTROLS - für kommende TMS Masken
   ========================================================= */

.tms-btn {
    height: 31px;

    padding: 0 12px;

    border: 1px solid #1a6dca;

    border-radius: 2px;

    background: #1264c7;

    color: white;

    cursor: pointer;

    font-size: 12px;
}


.tms-btn:hover {
    background: #1775e5;
}


.tms-btn.orange {
    background: #d77b24;

    border-color: #e88a30;
}


.tms-btn.red {
    background: #b81727;

    border-color: #d12839;
}


.tms-input,
.tms-select {
    height: 30px;

    padding: 0 8px;

    background: #14171b;

    border: 1px solid #3b4048;

    border-radius: 2px;

    color: #dfe3ea;

    outline: none;

    font-size: 12px;
}


.tms-input:focus,
.tms-select:focus {
    border-color: #176ac9;
}


/* =========================================================
   TABLE BASE - bereits passend für Transportaufträge
   ========================================================= */

.tms-table {
    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;

    font-size: 12px;
}


.tms-table th {
    height: 31px;

    padding: 0 8px;

    text-align: left;

    background: #0b438e;

    color: #fff;

    border-right: 1px solid #285a97;

    font-weight: 500;
}


.tms-table td {
    height: 31px;

    padding: 4px 8px;

    border-right: 1px solid #34373c;
    border-bottom: 1px solid #34373c;

    color: #c7cbd2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.tms-table tbody tr:nth-child(odd) {
    background: #111315;
}


.tms-table tbody tr:nth-child(even) {
    background: #222426;
}


.tms-table tbody tr:hover {
    background: #2c3035;
}


/* =========================================================
   SMALL SCREEN
   ========================================================= */

@media (max-width: 1100px) {

    .mainnav a {
        min-width: auto;
        padding: 0 10px;
        font-size: 10px;
    }

    .dashboard-grid {
        width: calc(100% - 40px);
    }

}


/* =========================================================
   WOJBAR TMS MAIN DROPDOWN NAVIGATION
   ========================================================= */

.mainnav {
    position: relative;
    overflow: visible;
    z-index: 1000;
}


.nav-item {
    position: relative;
    height: 100%;
}


.nav-button {
    height: 100%;
    min-width: 135px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 18px;

    border: 0;
    border-radius: 0;

    background: transparent;

    color: #d9e3f4;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;

    white-space: nowrap;

    cursor: pointer;
}


.nav-button:hover {
    background: #292c31;
    color: #ffffff;
}


.nav-item.open > .nav-button {
    background: #4679cf;
    color: #ffffff;
}


.dropdown-menu {
    position: absolute;

    top: 100%;
    left: 0;

    width: 250px;

    display: none;

    padding: 0;

    background: #222222;

    border: 0;

    box-shadow:
        0 8px 16px rgba(0, 0, 0, 0.28);

    z-index: 2000;
}


.dropdown-wide {
    width: 330px;
}


.nav-item.open > .dropdown-menu {
    display: block;
}


.dropdown-menu > a,
.dropdown-parent > a {
    position: relative;

    min-height: 49px;

    display: flex;
    align-items: center;

    width: 100%;

    padding: 0 20px;

    color: #d3ddf3;

    text-decoration: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;

    line-height: 20px;

    background: #222222;

    white-space: nowrap;
}


.dropdown-menu > a:hover,
.dropdown-parent > a:hover {
    background: #343434;
    color: #ffffff;
}


.dropdown-menu a.disabled {
    color: #7e8491;
    cursor: default;
}


.dropdown-menu a.disabled:hover {
    background: #222222;
    color: #7e8491;
}


.dropdown-parent {
    position: relative;
}


.submenu-trigger {
    justify-content: space-between;
}


.submenu-arrow {
    margin-left: auto;

    padding-left: 20px;

    color: #dce6fa;

    font-size: 38px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;

    line-height: 20px;
}


.submenu {
    position: absolute;

    display: none;

    top: 0;
    left: 100%;

    min-width: 270px;

    background: #222222;

    box-shadow:
        5px 8px 16px rgba(0, 0, 0, 0.30);

    z-index: 2100;
}


.dropdown-parent.submenu-open > .submenu {
    display: block;
}


.submenu > a {
    min-height: 49px;

    display: flex;
    align-items: center;

    padding: 0 20px;

    background: #222222;

    color: #d3ddf3;

    text-decoration: none;

    font-size: 16px;

    white-space: nowrap;
}


.submenu > a:hover {
    background: #343434;
    color: #ffffff;
}


/* Dropdown darf über Tabs / Workspace liegen */

.tabbar {
    position: relative;
    z-index: 100;
}


.workspace {
    z-index: 1;
}


/* Kleine Anpassung bei schmaleren Browserfenstern */

@media (max-width: 1300px) {

    .nav-button {
        min-width: auto;
        padding: 0 12px;
        font-size: 11px;
    }

    .dropdown-menu > a,
    .dropdown-parent > a,
    .submenu > a {
        font-size: 15px;
    }

}

/* =========================================================
   DROPDOWN FINAL COMPACT OVERRIDES
   Fire-TMS-artige Proportionen
   ========================================================= */

.dropdown-menu {
    width: 250px !important;
    padding: 0 !important;
    background: #222222 !important;
}

.dropdown-menu.dropdown-wide {
    width: 345px !important;
}


/* Hauptpunkte im Dropdown */

.dropdown-menu > a,
.dropdown-parent > a {
    width: 100% !important;

    min-height: 0 !important;
    height: 39px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 19px !important;
    margin: 0 !important;

    background: #222222 !important;

    color: #d3ddf3 !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 39px !important;

    text-align: left !important;
    white-space: nowrap !important;
}


/* Hover */

.dropdown-menu > a:hover,
.dropdown-parent > a:hover {
    background: #333333 !important;
    color: #ffffff !important;
}


/* deaktivierte Einträge */

.dropdown-menu a.disabled {
    color: #7f8490 !important;
}

.dropdown-menu a.disabled:hover {
    background: #222222 !important;
    color: #7f8490 !important;
}


/* Einträge mit Untermenü */

.dropdown-parent > .submenu-trigger {
    justify-content: flex-start !important;
}

.submenu-arrow {
    margin-left: auto !important;
    padding-left: 12px !important;

    font-size: 28px !important;
    font-weight: 300 !important;

    line-height: 1 !important;
}


/* Untermenüs */

.submenu {
    min-width: 260px !important;
    background: #222222 !important;
}

.submenu > a {
    min-height: 0 !important;
    height: 39px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 19px !important;
    margin: 0 !important;

    font-size: 14px !important;
    line-height: 39px !important;

    text-align: left !important;
}


/* Hauptnavigation ebenfalls etwas näher an Vorlage */

.nav-button {
    min-width: 0 !important;

    padding-left: 21px !important;
    padding-right: 21px !important;

    font-size: 12px !important;
}


/* Responsive-Regel darf unsere Dropdown-Größe nicht verändern */

@media (max-width: 1300px) {

    .dropdown-menu > a,
    .dropdown-parent > a,
    .submenu > a {
        font-size: 14px !important;
    }

}



/* =========================================================
   BUSINESS PARTNERS
   ========================================================= */

.brand {
    text-decoration: none;
}


.tab {
    text-decoration: none;
}


.tab-secondary {
    margin-left: 5px;
    background: #d37b25;
    border-color: #e18a35;
}


.tab-x {
    margin-left: 18px;
    font-size: 13px;
}


.partner-screen {
    height: 100%;
    min-height: 0;

    display: flex;
    flex-direction: column;

    background: #101112;

    overflow: hidden;
}


/* TOOLBAR */

.partner-toolbar {
    min-height: 50px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 7px 12px;

    background: #0b438e;

    border-bottom: 1px solid #1459ad;
}


.partner-search {
    display: flex;
    align-items: center;

    gap: 5px;
}


.search-icon {
    color: white;

    font-size: 23px;
    line-height: 1;
}


.partner-toolbar input,
.partner-toolbar select {
    height: 30px;

    background: #0c3978;

    border: 1px solid #1757a1;

    color: #eef4ff;

    padding: 0 8px;

    outline: none;

    font-size: 12px;
}


.partner-toolbar input {
    width: 160px;
}


.partner-toolbar select {
    min-width: 155px;
}


.partner-toolbar option {
    background: #15191e;
}


.toolbar-search-btn {
    height: 30px;

    padding: 0 12px;

    border: 1px solid #1c69c5;

    background: #1766c4;

    color: white;

    cursor: pointer;
}


.toolbar-spacer {
    flex: 1;
}


.saved-filter {
    width: 165px;
}


.square-blue {
    width: 32px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;

    background: #1766c4;

    color: #fff;

    text-decoration: none;

    font-size: 19px;
    font-weight: 700;

    cursor: pointer;
}


/* MINI TOOLS */

.partner-mini-tools {
    height: 40px;

    display: flex;
    align-items: center;

    gap: 0;

    padding-left: 24px;

    background: #0b438e;
}


.partner-mini-tools button {
    height: 29px;
    min-width: 29px;

    border: 0;

    background: #1768cb;

    color: white;

    font-size: 17px;

    cursor: pointer;
}


/* CONTENT */

.partner-content {
    flex: 1;
    min-height: 0;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        184px;

    background: #101112;
}


.partner-table-area {
    min-width: 0;
    min-height: 0;

    display: grid;

    grid-template-rows:
        minmax(0, 1fr)
        38px;
}


.partner-table-scroll {
    overflow: auto;

    min-height: 0;

    scrollbar-color: #929292 #252525;
    scrollbar-width: thin;
}


/* TABLE */

.partner-table {
    width: 100%;

    min-width: 1300px;

    border-collapse: collapse;

    table-layout: fixed;

    font-size: 12px;
}


.partner-table th {
    height: 32px;

    padding: 0 9px;

    background: #0b438e;

    border-right: 1px solid #285791;
    border-bottom: 1px solid #285791;

    color: #eaf1ff;

    text-align: left;

    font-weight: 400;

    white-space: nowrap;
}


.partner-table td {
    height: 31px;

    padding: 0 9px;

    border-right: 1px solid #36383b;
    border-bottom: 1px solid #36383b;

    color: #c9c9ca;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.partner-table tbody tr:nth-child(odd) {
    background: #121313;
}


.partner-table tbody tr:nth-child(even) {
    background: #242525;
}


.partner-table tbody tr:hover {
    background: #30343a;
}


.partner-table tbody tr.selected {
    background: #174c88 !important;

    outline: 1px solid #3278c9;
}


.partner-table tbody tr {
    cursor: pointer;
}


.partner-table .empty-row {
    cursor: default;
}


.partner-table .empty-row td {
    height: 120px;

    color: #8e949d;

    text-align: center;

    white-space: normal;
}


.col-short {
    width: 300px;
}


.col-company {
    width: 360px;
}


.col-yesno {
    width: 60px;
}


.col-carrier {
    width: 95px;
}


.col-tax {
    width: 110px;
}


.col-vat {
    width: 120px;
}


.col-trade {
    width: 190px;
}


.col-rating {
    width: 100px;
}


/* RIGHT ACTIONS */

.partner-actions {
    padding: 38px 7px 7px 7px;

    background: #121313;

    border-left: 1px solid #34373a;
}


.action-btn {
    width: 100%;
    height: 30px;

    margin-bottom: 6px;

    padding: 0 10px;

    border: 0;
    border-radius: 2px;

    background: #124486;

    color: #dce7f7;

    text-align: left;

    font-size: 12px;

    cursor: pointer;
}


.action-btn.bright {
    background: #1267ca;
    color: white;
}


.action-btn.orange {
    background: #d47b26;

    color: white;

    font-weight: 700;
}


.action-btn:hover:not(:disabled) {
    filter: brightness(1.12);
}


.action-btn:disabled {
    background: #153963;

    color: #6f8097;

    cursor: default;
}


/* PAGINATION */

.partner-pagination {
    height: 38px;

    display: flex;
    align-items: center;

    gap: 5px;

    padding: 0 8px;

    background: #111212;

    border-top: 1px solid #36383a;

    color: #aaaeb4;

    font-size: 12px;
}


.pagination-spacer {
    flex: 1;
}


.partner-pagination a,
.partner-pagination .page-disabled {
    min-width: 26px;
    height: 25px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #0d478f;

    color: white;

    text-decoration: none;
}


.partner-pagination .page-disabled {
    opacity: .4;
}


.page-number {
    min-width: 50px;

    text-align: center;
}


.partner-pagination select {
    height: 26px;

    background: #1b1d20;

    border: 1px solid #555a62;

    color: #ddd;

    outline: none;
}


.shown-label {
    margin-left: 4px;
}


/* =========================================================
   KEEP PARTNER LIST DENSE
   ========================================================= */

@media (max-width: 1200px) {

    .partner-content {
        grid-template-columns:
            minmax(0, 1fr)
            160px;
    }

    .partner-actions {
        padding-left: 5px;
        padding-right: 5px;
    }

}


/* =========================================================
   NEW BUSINESS PARTNER
   ========================================================= */

.new-partner-overlay {
    min-height: 100%;

    padding: 7px 120px 35px 4px;

    background:
        rgba(4, 6, 8, .91);
}


.new-partner-window {
    width: min(1410px, calc(100vw - 145px));

    background: #101112;

    border: 1px solid #282b2e;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, .45);
}


.new-partner-titlebar {
    height: 39px;

    display: flex;
    align-items: center;

    padding-left: 13px;

    background: #0b438e;

    border-bottom: 1px solid #1d5da8;

    color: white;

    font-size: 13px;
}


.window-actions {
    margin-left: auto;

    height: 100%;

    display: flex;
}


.window-actions button,
.window-actions a {
    width: 36px;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;

    background: transparent;

    color: white;

    text-decoration: none;

    font-size: 20px;

    cursor: pointer;
}


.window-actions button:hover,
.window-actions a:hover {
    background: rgba(255,255,255,.10);
}


.new-partner-body {
    padding: 14px;
}


.np-panel {
    border: 1px solid #333638;

    background: #111212;
}


.np-header {
    height: 35px;

    display: flex;
    align-items: center;

    padding: 0 15px;

    color: white;

    font-size: 12px;
    font-weight: 700;
}


.np-header.blue {
    background: #0b438e;
}


.np-header.orange {
    background: #d47d27;
}


.np-content {
    padding: 10px;
}


.duplicate-panel {
    margin-bottom: 12px;
}


.duplicate-content {
    min-height: 77px;

    padding: 10px;

    color: #bfc2c6;

    font-size: 13px;
}


.duplicate-results {
    margin-top: 9px;
}


.duplicate-ok {
    color: #4ec978;
}


.duplicate-warning {
    color: #efb34c;
}


.duplicate-warning div {
    margin-top: 3px;
}


.np-grid {
    display: grid;

    gap: 12px;
}


.download-grid,
.main-data-grid {
    grid-template-columns:
        1fr
        1fr;
}


.download-grid {
    margin-bottom: 12px;
}


.bottom-grid {
    grid-template-columns:
        40%
        60%;

    margin-top: 12px;
}


.vat-check-grid {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 14px;
}


.external-grid {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 12px;
}


.np-panel label,
.field label {
    display: block;

    margin-bottom: 5px;

    color: #e2e2e2;

    font-size: 12px;
    font-weight: 700;
}


.field label span {
    color: #e75039;
}


.np-panel input[type="text"],
.np-panel input[type="email"],
.np-panel select {
    width: 100%;
    height: 31px;

    padding: 0 8px;

    background: #171819;

    border: 1px solid #45484c;

    border-radius: 2px;

    color: #d6d6d6;

    outline: none;

    font-size: 12px;
}


.np-panel input:focus,
.np-panel select:focus {
    border-color: #176ac9;
}


.np-panel input:disabled,
.np-panel select:disabled {
    color: #666b72;

    background: #141516;
}


.input-with-button {
    display: grid;

    grid-template-columns:
        1fr
        42px;
}


.input-with-button input {
    border-radius: 2px 0 0 2px !important;
}


.input-with-button button {
    border: 1px solid #45484c;
    border-left: 0;

    background: #202225;

    color: #b9bec5;

    font-size: 18px;

    cursor: pointer;
}


.database-option {
    height: 22px;

    display: grid;

    grid-template-columns:
        24px
        25px
        1fr;

    align-items: center;

    color: #bbbfc4;
}


.np-section-title {
    margin-bottom: 7px;

    color: #d17b25;

    font-size: 14px;
    font-weight: 700;
}


.form-panel {
    min-height: 285px;

    padding: 12px 10px;
}


.form-two {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 15px 12px;
}


.address-grid {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 15px 12px;
}


.contact-create-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 10px;
}


.partner-type-content {
    min-height: 106px;

    display: flex;

    align-items: flex-start;

    gap: 20px;
}


.branch-field {
    width: 200px;
}


.np-checkbox {
    display: flex !important;

    align-items: center;

    gap: 7px;

    margin-top: 2px;

    font-weight: 400 !important;

    cursor: pointer;
}


.np-checkbox input {
    width: 18px;
    height: 18px;

    margin: 0;
}


.np-error {
    margin: 0 0 12px 0;

    padding: 9px 12px;

    background: #5b1b20;

    border: 1px solid #9b313a;

    color: #ffd5d8;

    font-size: 12px;
}


.np-footer {
    height: 57px;

    display: flex;

    justify-content: flex-end;
    align-items: flex-end;

    gap: 12px;
}


.np-button {
    height: 33px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 14px;

    border: 0;
    border-radius: 3px;

    background: #1265c5;

    color: white;

    text-decoration: none;

    font-size: 13px;

    cursor: pointer;
}


.np-button.primary {
    min-width: 46px;

    background: #126bd1;
}


.np-button:hover {
    filter: brightness(1.12);
}


@media (max-width: 1200px) {

    .new-partner-overlay {
        padding-right: 20px;
    }

    .new-partner-window {
        width: 100%;
    }

}


/* ============================================================
   WOJBAR TMS DESIGN SYSTEM
   Version 1
   ============================================================ */

:root {
    --wb-bg: #0b0e12;
    --wb-bg-2: #10151b;
    --wb-panel: #151b22;
    --wb-panel-2: #1a212a;
    --wb-panel-hover: #202a35;

    --wb-border: #303a46;
    --wb-border-light: #3b4857;

    --wb-blue-dark: #0c2744;
    --wb-blue: #123f70;
    --wb-blue-active: #185a9d;
    --wb-blue-hover: #1d6ab5;

    --wb-orange: #d47b27;
    --wb-orange-hover: #e38a32;

    --wb-text: #e7edf5;
    --wb-text-soft: #c0cad6;
    --wb-text-muted: #8390a0;

    --wb-green: #39a96b;
    --wb-red: #cf4d55;

    --wb-radius: 3px;
}


/* ============================================================
   GLOBAL
   ============================================================ */

html,
body {
    background: var(--wb-bg);
    color: var(--wb-text);

    font-size: 14px;
}

body {
    line-height: 1.35;
}

.tms-shell {
    background: var(--wb-bg);
}

.workspace {
    background: var(--wb-bg);
}


/* ============================================================
   TOP BRAND BAR
   ============================================================ */

.brandbar {
    min-height: 36px;

    background: #080b0f;

    border-bottom: 1px solid var(--wb-border);
}

.brand {
    min-height: 36px;
}

.brand-mark {
    width: 30px;
    height: 25px;

    font-size: 10px;

    border: 1px solid #394554;

    background: #111821;
}

.brand-text strong {
    font-size: 11px;
    letter-spacing: .3px;
}

.brand-text span {
    color: var(--wb-orange);

    font-size: 9px;
}

.top-status {
    min-height: 36px;

    font-size: 12px;
}

.system-name {
    font-weight: 600;
}

.mode {
    padding: 0 17px;
}

.mode.active {
    color: var(--wb-orange);
}


/* ============================================================
   MAIN NAVIGATION
   ============================================================ */

.mainnav {
    min-height: 47px;

    background: #171c22;

    border-bottom: 1px solid var(--wb-border);
}

.nav-item {
    height: 47px;
}

.nav-button {
    height: 47px;

    padding: 0 25px;

    background: transparent;

    color: #d8e1ec;

    font-size: 14px;
    font-weight: 500;

    letter-spacing: .1px;
}

.nav-item:hover > .nav-button,
.nav-item:focus-within > .nav-button {
    background: var(--wb-blue-active);

    color: #fff;
}


/* ============================================================
   DROPDOWN MENUS
   ============================================================ */

.dropdown-menu {
    min-width: 250px;

    padding: 5px 0;

    background: #181e25;

    border: 1px solid var(--wb-border);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .45);
}

.dropdown-menu.dropdown-wide {
    min-width: 330px;
}

.dropdown-menu a {
    min-height: 39px;

    display: flex;
    align-items: center;

    padding: 0 18px;

    color: #d8e2ef;

    font-size: 14px;

    line-height: 1.2;
}

.dropdown-menu a:hover {
    background: var(--wb-blue-active);

    color: #fff;
}

.dropdown-menu a.disabled {
    color: #6e7886;
}

.dropdown-menu a.disabled:hover {
    background: transparent;

    color: #6e7886;
}

.submenu {
    background: #181e25;

    border: 1px solid var(--wb-border);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .45);
}

.submenu-arrow {
    font-size: 25px;
}


/* ============================================================
   TAB BAR
   ============================================================ */

.tabbar {
    min-height: 38px;

    background: #0c1015;

    border-bottom: 1px solid var(--wb-border);
}

.tab {
    min-height: 38px;

    padding: 0 15px;

    font-size: 13px;

    background: #143f70;

    border-color: #315a86;
}

.tab.active {
    background: var(--wb-blue-active);
}

.tab-secondary {
    background: var(--wb-orange);

    border-color: #e08a38;
}


/* ============================================================
   DASHBOARD WORKFLOW BAR
   ============================================================ */

.workflow-bar,
.workflow-strip {
    background: var(--wb-blue-dark) !important;

    border-top: 1px solid #194c7b;
    border-bottom: 1px solid #194c7b;
}


/* ============================================================
   DASHBOARD CARDS
   ============================================================ */

.dashboard-card,
.home-card {
    background: var(--wb-panel);

    border: 1px solid var(--wb-border);

    color: var(--wb-text);
}

.dashboard-card:hover,
.home-card:hover {
    background: var(--wb-panel-hover);

    border-color: #4b5c6f;
}


/* ============================================================
   BUSINESS PARTNER LIST TOOLBAR
   ============================================================ */

.partner-toolbar {
    min-height: 57px;

    padding: 9px 14px;

    gap: 11px;

    background: var(--wb-blue-dark);

    border-bottom: 1px solid #1b4e7d;
}

.partner-toolbar input,
.partner-toolbar select {
    height: 35px;

    padding: 0 10px;

    background: #121b25;

    border: 1px solid #36516d;

    color: var(--wb-text);

    font-size: 13px;
}

.partner-toolbar input {
    width: 195px;
}

.partner-toolbar select {
    min-width: 175px;
}

.toolbar-search-btn {
    height: 35px;

    padding: 0 16px;

    background: var(--wb-blue-active);

    border: 1px solid #2771b8;

    font-size: 13px;
}

.toolbar-search-btn:hover {
    background: var(--wb-blue-hover);
}

.square-blue {
    width: 36px;
    height: 35px;

    background: var(--wb-blue-active);

    font-size: 20px;
}

.partner-mini-tools {
    height: 43px;

    padding-left: 14px;

    background: var(--wb-blue-dark);
}

.partner-mini-tools button {
    min-width: 33px;
    height: 31px;

    background: var(--wb-blue-active);
}


/* ============================================================
   BUSINESS PARTNER TABLE
   ============================================================ */

.partner-content {
    background: var(--wb-bg);
}

.partner-table {
    font-size: 13px;
}

.partner-table th {
    height: 38px;

    padding: 0 10px;

    background: #123b67;

    border-color: #31506f;

    color: #edf4fc;

    font-size: 13px;

    font-weight: 500;
}

.partner-table td {
    height: 36px;

    padding: 0 10px;

    border-color: #303840;

    color: #d2d9e1;

    font-size: 13px;
}

.partner-table tbody tr:nth-child(odd) {
    background: #10151a;
}

.partner-table tbody tr:nth-child(even) {
    background: #171d23;
}

.partner-table tbody tr:hover {
    background: #202c37;
}

.partner-table tbody tr.selected {
    background: #174d7d !important;

    outline: 1px solid #3479b8;
}


/* ============================================================
   RIGHT ACTION BAR
   ============================================================ */

.partner-actions {
    padding: 43px 8px 8px;

    background: #0f1419;

    border-left: 1px solid var(--wb-border);
}

.action-btn {
    height: 35px;

    margin-bottom: 7px;

    padding: 0 12px;

    background: var(--wb-blue);

    color: #e4edf7;

    font-size: 13px;

    border-radius: var(--wb-radius);
}

.action-btn.bright {
    background: var(--wb-blue-active);
}

.action-btn.orange {
    background: var(--wb-orange);

    color: #fff;
}

.action-btn.orange:hover {
    background: var(--wb-orange-hover);
}

.action-btn:disabled {
    background: #17283a;

    color: #607184;
}


/* ============================================================
   PAGINATION
   ============================================================ */

.partner-pagination {
    height: 43px;

    background: #0f1419;

    border-color: var(--wb-border);

    color: var(--wb-text-soft);

    font-size: 13px;
}

.partner-pagination a,
.partner-pagination .page-disabled {
    min-width: 29px;
    height: 28px;

    background: var(--wb-blue);
}

.partner-pagination select {
    height: 29px;

    background: var(--wb-panel);

    color: var(--wb-text);
}


/* ============================================================
   NEW BUSINESS PARTNER WINDOW
   ============================================================ */

.new-partner-overlay {
    background: rgba(4, 7, 10, .94);
}

.new-partner-window {
    background: var(--wb-bg-2);

    border-color: var(--wb-border);
}

.new-partner-titlebar {
    height: 44px;

    padding-left: 15px;

    background: var(--wb-blue-dark);

    border-bottom: 1px solid #22517d;

    font-size: 15px;
}

.new-partner-body {
    padding: 16px;
}

.np-panel {
    background: #11171d;

    border-color: var(--wb-border);
}

.np-header {
    height: 39px;

    padding: 0 15px;

    font-size: 13px;
}

.np-header.blue {
    background: #123b67;
}

.np-header.orange {
    background: var(--wb-orange);
}

.np-content {
    padding: 12px;
}

.duplicate-content {
    min-height: 82px;

    padding: 12px;

    color: var(--wb-text-soft);

    font-size: 14px;
}

.np-section-title {
    margin-bottom: 10px;

    color: var(--wb-orange);

    font-size: 15px;
}

.form-panel {
    min-height: 305px;

    padding: 14px 12px;
}

.np-panel label,
.field label {
    margin-bottom: 6px;

    color: #e3e9f0;

    font-size: 13px;
}

.np-panel input[type="text"],
.np-panel input[type="email"],
.np-panel input[type="number"],
.np-panel input[type="date"],
.np-panel select,
.np-panel textarea {
    min-height: 36px;

    padding: 0 10px;

    background: #171e25;

    border: 1px solid #3c4855;

    color: #e1e7ed;

    font-size: 13px;
}

.np-panel textarea {
    padding-top: 8px;
    padding-bottom: 8px;
}

.np-panel input:focus,
.np-panel select:focus,
.np-panel textarea:focus {
    border-color: #2873b7;

    box-shadow:
        0 0 0 1px rgba(40, 115, 183, .25);
}

.input-with-button {
    grid-template-columns:
        1fr
        45px;
}

.database-option {
    height: 26px;

    font-size: 13px;
}

.form-two,
.address-grid {
    gap: 17px 14px;
}

.contact-create-grid {
    gap: 12px;
}

.partner-type-content {
    min-height: 118px;

    gap: 24px;
}

.branch-field {
    width: 225px;
}

.np-checkbox {
    gap: 8px;

    font-size: 13px;
}

.np-checkbox input {
    width: 20px;
    height: 20px;
}

.np-footer {
    height: 64px;

    gap: 12px;
}

.np-button {
    height: 38px;

    padding: 0 18px;

    background: var(--wb-blue-active);

    font-size: 14px;
}

.np-button.primary {
    min-width: 58px;

    background: var(--wb-orange);
}

.np-button.primary:hover {
    background: var(--wb-orange-hover);
}


/* ============================================================
   GENERIC FORM ELEMENTS
   ============================================================ */

button,
input,
select,
textarea {
    font-family: inherit;
}

button {
    font-size: 13px;
}


/* ============================================================
   SCROLLBARS
   ============================================================ */

* {
    scrollbar-width: thin;

    scrollbar-color:
        #465563
        #151a20;
}

::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

::-webkit-scrollbar-track {
    background: #151a20;
}

::-webkit-scrollbar-thumb {
    background: #465563;

    border: 2px solid #151a20;

    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #5b6d7e;
}


/* ============================================================
   WOJBAR RESPONSIVE
   ============================================================ */

@media (max-width: 1400px) {

    .nav-button {
        padding-left: 18px;
        padding-right: 18px;

        font-size: 13px;
    }

    .dropdown-menu a {
        font-size: 13px;
    }

}



/* ============================================================
   WOJBAR TMS - LARGE DESKTOP UI
   ============================================================ */

html,
body {
    font-size: 16px !important;
}


/* ---------- TOPBAR ---------- */

.brandbar {
    min-height: 44px !important;
}

.brand {
    min-height: 44px !important;
}

.brand-mark {
    width: 35px !important;
    height: 30px !important;

    font-size: 11px !important;
}

.brand-text strong {
    font-size: 13px !important;
}

.brand-text span {
    font-size: 10px !important;
}

.top-status {
    min-height: 44px !important;

    font-size: 14px !important;
}

.mode {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/* ---------- HAUPTMENÜ ---------- */

.mainnav {
    min-height: 56px !important;
}

.nav-item {
    height: 56px !important;
}

.nav-button {
    height: 56px !important;

    padding-left: 27px !important;
    padding-right: 27px !important;

    font-size: 16px !important;

    font-weight: 500 !important;
}


/* ---------- DROPDOWN ---------- */

.dropdown-menu {
    min-width: 285px !important;

    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.dropdown-menu.dropdown-wide {
    min-width: 365px !important;
}

.dropdown-menu a {
    min-height: 47px !important;

    padding-left: 21px !important;
    padding-right: 21px !important;

    font-size: 16px !important;
}

.submenu {
    min-width: 280px !important;
}

.submenu-arrow {
    font-size: 28px !important;
}


/* ---------- TABS ---------- */

.tabbar {
    min-height: 44px !important;
}

.tab {
    min-height: 44px !important;

    padding-left: 18px !important;
    padding-right: 18px !important;

    font-size: 15px !important;
}

.tab-x {
    font-size: 15px !important;
}


/* ============================================================
   GESCHÄFTSPARTNERLISTE
   ============================================================ */

.partner-toolbar {
    min-height: 67px !important;

    padding: 11px 16px !important;

    gap: 13px !important;
}

.partner-search {
    gap: 8px !important;
}

.search-icon {
    font-size: 27px !important;
}

.partner-toolbar input,
.partner-toolbar select {
    height: 42px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    font-size: 15px !important;
}

.partner-toolbar input {
    width: 230px !important;
}

.partner-toolbar select {
    min-width: 205px !important;
}

.toolbar-search-btn {
    height: 42px !important;

    padding-left: 18px !important;
    padding-right: 18px !important;

    font-size: 15px !important;
}

.square-blue {
    width: 42px !important;
    height: 42px !important;

    font-size: 23px !important;
}


/* ---------- kleine Werkzeugleiste ---------- */

.partner-mini-tools {
    height: 49px !important;

    padding-left: 16px !important;
}

.partner-mini-tools button {
    width: 38px !important;
    height: 36px !important;

    font-size: 20px !important;
}


/* ---------- TABELLE ---------- */

.partner-table {
    font-size: 15px !important;
}

.partner-table th {
    height: 45px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    font-size: 15px !important;
}

.partner-table td {
    height: 43px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    font-size: 15px !important;
}


/* Spalten passend zur größeren Schrift */

.col-short {
    width: 340px !important;
}

.col-company {
    width: 410px !important;
}

.col-yesno {
    width: 75px !important;
}

.col-carrier {
    width: 115px !important;
}

.col-tax {
    width: 135px !important;
}

.col-vat {
    width: 145px !important;
}

.col-trade {
    width: 220px !important;
}

.col-rating {
    width: 120px !important;
}


/* ---------- rechte Aktionsleiste ---------- */

.partner-content {
    grid-template-columns:
        minmax(0, 1fr)
        215px !important;
}

.partner-actions {
    padding:
        49px
        9px
        9px
        9px !important;
}

.action-btn {
    height: 42px !important;

    margin-bottom: 8px !important;

    padding-left: 14px !important;
    padding-right: 14px !important;

    font-size: 15px !important;
}


/* ---------- Pagination ---------- */

.partner-table-area {
    grid-template-rows:
        minmax(0, 1fr)
        49px !important;
}

.partner-pagination {
    height: 49px !important;

    gap: 7px !important;

    font-size: 14px !important;
}

.partner-pagination a,
.partner-pagination .page-disabled {
    min-width: 34px !important;
    height: 33px !important;

    font-size: 14px !important;
}

.partner-pagination select {
    height: 33px !important;

    font-size: 14px !important;
}


/* ============================================================
   NEUER GESCHÄFTSPARTNER
   ============================================================ */

.new-partner-overlay {
    padding:
        10px
        70px
        40px
        8px !important;
}

.new-partner-window {
    width: min(
        1580px,
        calc(100vw - 90px)
    ) !important;
}

.new-partner-titlebar {
    height: 52px !important;

    padding-left: 18px !important;

    font-size: 17px !important;
}

.window-actions button,
.window-actions a {
    width: 46px !important;

    font-size: 23px !important;
}

.new-partner-body {
    padding: 18px !important;
}


/* ---------- Überschriften ---------- */

.np-header {
    height: 46px !important;

    padding-left: 17px !important;
    padding-right: 17px !important;

    font-size: 15px !important;
}

.np-section-title {
    margin-bottom: 12px !important;

    font-size: 17px !important;
}


/* ---------- Duplikatprüfung ---------- */

.duplicate-content {
    min-height: 95px !important;

    padding: 14px !important;

    font-size: 15px !important;
}

.duplicate-results {
    margin-top: 11px !important;
}


/* ---------- Formulare ---------- */

.np-content {
    padding: 14px !important;
}

.form-panel {
    min-height: 335px !important;

    padding: 16px 14px !important;
}

.np-panel label,
.field label {
    margin-bottom: 7px !important;

    font-size: 15px !important;
}

.np-panel input[type="text"],
.np-panel input[type="email"],
.np-panel input[type="number"],
.np-panel input[type="date"],
.np-panel select {
    height: 44px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    font-size: 15px !important;
}

.np-panel textarea {
    min-height: 90px !important;

    padding: 10px 12px !important;

    font-size: 15px !important;
}

.input-with-button {
    grid-template-columns:
        1fr
        52px !important;
}

.input-with-button button {
    font-size: 21px !important;
}

.database-option {
    height: 31px !important;

    font-size: 15px !important;
}

.form-two,
.address-grid {
    gap:
        21px
        17px !important;
}

.contact-create-grid {
    gap: 15px !important;
}


/* ---------- Kunde / Frachtführer ---------- */

.partner-type-content {
    min-height: 135px !important;

    gap: 28px !important;
}

.branch-field {
    width: 260px !important;
}

.np-checkbox {
    gap: 10px !important;

    font-size: 15px !important;
}

.np-checkbox input {
    width: 23px !important;
    height: 23px !important;
}


/* ---------- Footerbuttons ---------- */

.np-footer {
    height: 75px !important;

    gap: 14px !important;
}

.np-button {
    height: 45px !important;

    padding-left: 21px !important;
    padding-right: 21px !important;

    font-size: 16px !important;
}

.np-button.primary {
    min-width: 68px !important;
}


/* ============================================================
   ALLGEMEINE BUTTONS
   ============================================================ */

button {
    font-size: 15px;
}


/* ============================================================
   LARGE MONITOR
   ============================================================ */

@media (min-width: 1700px) {

    .nav-button {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }

    .new-partner-window {
        width: min(
            1650px,
            calc(100vw - 100px)
        ) !important;
    }

}


/* ============================================================
   WOJBAR TMS - FINAL MEDIUM DESKTOP SIZE
   ============================================================ */

html,
body {
    font-size: 15px !important;
}


/* TOPBAR */

.brandbar,
.brand {
    min-height: 40px !important;
}

.brand-mark {
    width: 32px !important;
    height: 27px !important;
    font-size: 10px !important;
}

.brand-text strong {
    font-size: 12px !important;
}

.brand-text span {
    font-size: 9px !important;
}

.top-status {
    min-height: 40px !important;
    font-size: 13px !important;
}

.mode {
    padding-left: 17px !important;
    padding-right: 17px !important;
}


/* HAUPTMENÜ */

.mainnav {
    min-height: 50px !important;
}

.nav-item {
    height: 50px !important;
}

.nav-button {
    height: 50px !important;

    padding-left: 22px !important;
    padding-right: 22px !important;

    font-size: 14px !important;
}


/* DROPDOWN */

.dropdown-menu {
    min-width: 265px !important;
    padding: 4px 0 !important;
}

.dropdown-menu.dropdown-wide {
    min-width: 345px !important;
}

.dropdown-menu a {
    min-height: 42px !important;

    padding-left: 19px !important;
    padding-right: 19px !important;

    font-size: 14px !important;
}

.submenu {
    min-width: 265px !important;
}


/* TABS */

.tabbar {
    min-height: 40px !important;
}

.tab {
    min-height: 40px !important;

    padding-left: 16px !important;
    padding-right: 16px !important;

    font-size: 14px !important;
}


/* GESCHÄFTSPARTNER TOOLBAR */

.partner-toolbar {
    min-height: 61px !important;

    padding: 9px 14px !important;

    gap: 11px !important;
}

.search-icon {
    font-size: 24px !important;
}

.partner-toolbar input,
.partner-toolbar select {
    height: 38px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    font-size: 14px !important;
}

.partner-toolbar input {
    width: 210px !important;
}

.partner-toolbar select {
    min-width: 185px !important;
}

.toolbar-search-btn {
    height: 38px !important;

    padding: 0 16px !important;

    font-size: 14px !important;
}

.square-blue {
    width: 38px !important;
    height: 38px !important;

    font-size: 21px !important;
}

.partner-mini-tools {
    height: 45px !important;
}

.partner-mini-tools button {
    width: 35px !important;
    height: 33px !important;

    font-size: 18px !important;
}


/* TABELLE */

.partner-table {
    font-size: 14px !important;
}

.partner-table th {
    height: 40px !important;

    padding: 0 11px !important;

    font-size: 14px !important;
}

.partner-table td {
    height: 38px !important;

    padding: 0 11px !important;

    font-size: 14px !important;
}


/* RECHTE BUTTONLEISTE */

.partner-content {
    grid-template-columns:
        minmax(0, 1fr)
        195px !important;
}

.partner-actions {
    padding:
        44px
        8px
        8px !important;
}

.action-btn {
    height: 38px !important;

    margin-bottom: 7px !important;

    padding: 0 12px !important;

    font-size: 14px !important;
}


/* PAGINATION */

.partner-table-area {
    grid-template-rows:
        minmax(0, 1fr)
        45px !important;
}

.partner-pagination {
    height: 45px !important;

    font-size: 13px !important;
}

.partner-pagination a,
.partner-pagination .page-disabled {
    min-width: 31px !important;
    height: 30px !important;
}

.partner-pagination select {
    height: 30px !important;
}


/* NEUER GESCHÄFTSPARTNER */

.new-partner-overlay {
    padding:
        8px
        90px
        35px
        6px !important;
}

.new-partner-window {
    width: min(
        1530px,
        calc(100vw - 110px)
    ) !important;
}

.new-partner-titlebar {
    height: 47px !important;

    padding-left: 16px !important;

    font-size: 16px !important;
}

.window-actions button,
.window-actions a {
    width: 41px !important;

    font-size: 21px !important;
}

.new-partner-body {
    padding: 16px !important;
}


/* BEREICHSÜBERSCHRIFTEN */

.np-header {
    height: 42px !important;

    padding: 0 16px !important;

    font-size: 14px !important;
}

.np-section-title {
    margin-bottom: 10px !important;

    font-size: 16px !important;
}


/* DUPLIKATBEREICH */

.duplicate-content {
    min-height: 88px !important;

    padding: 12px !important;

    font-size: 14px !important;
}


/* FORMULARE */

.np-content {
    padding: 12px !important;
}

.form-panel {
    min-height: 315px !important;

    padding: 14px 12px !important;
}

.np-panel label,
.field label {
    margin-bottom: 6px !important;

    font-size: 14px !important;
}

.np-panel input[type="text"],
.np-panel input[type="email"],
.np-panel input[type="number"],
.np-panel input[type="date"],
.np-panel select {
    height: 40px !important;

    padding-left: 11px !important;
    padding-right: 11px !important;

    font-size: 14px !important;
}

.np-panel textarea {
    min-height: 80px !important;

    padding: 9px 11px !important;

    font-size: 14px !important;
}

.input-with-button {
    grid-template-columns:
        1fr
        48px !important;
}

.database-option {
    height: 28px !important;

    font-size: 14px !important;
}

.form-two,
.address-grid {
    gap:
        18px
        15px !important;
}

.contact-create-grid {
    gap: 13px !important;
}


/* CHECKBOXEN */

.partner-type-content {
    min-height: 125px !important;

    gap: 25px !important;
}

.branch-field {
    width: 240px !important;
}

.np-checkbox {
    gap: 9px !important;

    font-size: 14px !important;
}

.np-checkbox input {
    width: 21px !important;
    height: 21px !important;
}


/* UNTERE BUTTONS */

.np-footer {
    height: 68px !important;

    gap: 12px !important;
}

.np-button {
    height: 41px !important;

    padding: 0 19px !important;

    font-size: 15px !important;
}

.np-button.primary {
    min-width: 62px !important;
}


/* Auf sehr großen Monitoren keine automatische
   weitere Vergrößerung mehr */

@media (min-width: 1700px) {

    .nav-button {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .new-partner-window {
        width: min(
            1530px,
            calc(100vw - 110px)
        ) !important;
    }

}



/* ============================================================
   WOJBAR TMS - PERSISTENT TAB SYSTEM
   ============================================================ */

.tabbar {
    height: 45px !important;
    min-height: 45px !important;

    display: flex !important;
    align-items: stretch !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding: 0 5px !important;

    background: #0c1117 !important;

    border-bottom:
        1px solid #354352 !important;

    white-space: nowrap !important;
}


/* Alte serverseitige Tabregeln neutralisieren */

.tabbar > .tab {
    display: none !important;
}


/* Neuer Tab */

.wb-tab {
    height: 44px !important;
    min-height: 44px !important;

    display: flex !important;
    align-items: stretch !important;

    flex: 0 0 auto !important;

    margin: 0 5px 0 0 !important;

    background: #163d68 !important;

    border-left:
        1px solid #365b80 !important;

    border-right:
        1px solid #365b80 !important;

    border-top:
        1px solid #365b80 !important;

    box-sizing: border-box !important;
}


.wb-tab:hover {
    background: #1a4c80 !important;
}


.wb-tab.active {
    background: #1764ad !important;

    border-top:
        2px solid #d47b27 !important;
}


/* Tab-Text */

.wb-tab-link {
    min-width: 120px !important;
    max-width: 300px !important;

    height: 100% !important;

    display: flex !important;
    align-items: center !important;

    padding:
        0
        12px
        0
        18px !important;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;
}


/* X */

.wb-tab-close {
    width: 39px !important;
    min-width: 39px !important;

    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: #ffffff !important;

    font-size: 21px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    cursor: pointer !important;
}


.wb-tab-close:hover {
    background:
        rgba(0, 0, 0, .22) !important;

    color: #ffad61 !important;
}


/* Startseite ohne X */

.wb-tab-home-spacer {
    width: 10px !important;
}


/* Horizontaler Scrollbar nur bei sehr vielen Tabs */

.tabbar::-webkit-scrollbar {
    height: 5px !important;
}

.tabbar::-webkit-scrollbar-track {
    background: #0c1117 !important;
}

.tabbar::-webkit-scrollbar-thumb {
    background: #3d5267 !important;

    border: 0 !important;
}


/* Workspace beginnt sauber NACH den Tabs */

.workspace {
    position: relative !important;

    min-height:
        calc(100vh - 135px) !important;
}




/* ============================================================
   WOJBAR TABS - TEXT EXAKT ZENTRIEREN
   ============================================================ */

.tabbar {
    align-items: center !important;
}

.wb-tab {
    height: 44px !important;
    min-height: 44px !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;
}

.wb-tab-link {
    height: 44px !important;
    min-height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    line-height: 44px !important;

    box-sizing: border-box !important;
}

.wb-tab-close {
    width: 42px !important;
    height: 44px !important;
    min-height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 0 2px 0 !important;

    line-height: 1 !important;

    box-sizing: border-box !important;
}

.wb-tab-home-spacer {
    height: 44px !important;
}


/* ============================================================
   WOJBAR TABS - KOMPLETTE REITER VERTIKAL ZENTRIEREN
   ============================================================ */

.tabbar {
    height: 64px !important;
    min-height: 64px !important;

    display: flex !important;
    align-items: center !important;

    padding:
        0
        8px !important;

    box-sizing: border-box !important;
}


/* Reiter selbst */

.wb-tab {
    height: 48px !important;
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;

    margin:
        0
        6px
        0
        0 !important;

    box-sizing: border-box !important;
}


/* Text */

.wb-tab-link {
    height: 48px !important;
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;

    padding:
        0
        18px !important;

    line-height: normal !important;

    box-sizing: border-box !important;
}


/* Schließen-X */

.wb-tab-close {
    width: 42px !important;
    height: 48px !important;
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    line-height: normal !important;

    box-sizing: border-box !important;
}


/* Startseite */

.wb-tab-home-spacer {
    height: 48px !important;
}


/* Alte Höhenbegrenzungen sicher überschreiben */

.tabbar > * {
    align-self: center !important;
}


/* ============================================================
   WOJBAR TABS - KOMPAKTER
   ============================================================ */

.tabbar {
    height: 50px !important;
    min-height: 50px !important;

    display: flex !important;
    align-items: center !important;

    padding: 0 4px !important;
}


/* Reiter */

.wb-tab {
    height: 38px !important;
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;

    margin-right: 6px !important;
}


/* Text */

.wb-tab-link {
    height: 38px !important;
    min-height: 38px !important;

    min-width: 120px !important;

    display: flex !important;
    align-items: center !important;

    padding:
        0
        14px !important;

    font-size: 14px !important;

    line-height: normal !important;
}


/* X */

.wb-tab-close {
    width: 34px !important;
    min-width: 34px !important;

    height: 38px !important;
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    font-size: 19px !important;

    line-height: normal !important;
}


.wb-tab-home-spacer {
    width: 5px !important;
    height: 38px !important;
}


/* Workspace an kleinere Tab-Leiste anpassen */

.workspace {
    min-height:
        calc(100vh - 121px) !important;
}



/* ============================================================
   WOJBAR TMS - TRANSPORTAUFTRAG
   ============================================================ */

.wo-transport-page {
    padding: 12px;

    background: #0b0f14;

    color: #e8edf3;

    min-height: calc(100vh - 170px);
}


.wo-success,
.wo-error {
    margin-bottom: 10px;
    padding: 10px 14px;

    font-size: 14px;
}

.wo-success {
    background: #153d29;
    border: 1px solid #26734b;
}

.wo-error {
    background: #531d23;
    border: 1px solid #96353e;
}


.wo-top-grid {
    display: grid;

    grid-template-columns:
        minmax(650px, 1.25fr)
        minmax(570px, 1fr);

    gap: 10px;
}


.wo-box {
    margin-bottom: 10px;

    background: #11161c;

    border: 1px solid #303943;
}


.wo-box-title {
    min-height: 38px;

    display: flex;
    align-items: center;

    padding: 0 13px;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: .15px;
}


.wo-box-title.blue {
    background: #123f70;
}


.wo-box-title.orange {
    background: #ce7726;
}


.wo-box-body {
    padding: 12px;
}


.wo-base-grid {
    display: grid;

    grid-template-columns:
        2fr
        .8fr
        .55fr
        1.3fr;

    gap: 12px;
}


.wo-base-grid .wo-field:nth-child(5),
.wo-base-grid .wo-field:nth-child(6) {
    grid-column: span 1;
}


.wo-field {
    display: flex;
    flex-direction: column;

    gap: 5px;
}


.wo-field > span {
    color: #dce4ed;

    font-size: 13px;
    font-weight: 600;
}


.wo-field input,
.wo-field select,
.wo-field textarea,
.wo-notes textarea {
    width: 100%;

    min-height: 38px;

    padding: 0 10px;

    box-sizing: border-box;

    background: #171e25;

    border: 1px solid #3b4855;

    border-radius: 2px;

    color: #e5ebf2;

    font-size: 14px;

    outline: none;
}


.wo-field input:focus,
.wo-field select:focus,
.wo-notes textarea:focus {
    border-color: #2b78bd;

    box-shadow:
        0 0 0 1px
        rgba(43,120,189,.2);
}


/* Kalkulation */

.wo-calc-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(90px, 1fr))
        repeat(5, minmax(105px, 1fr));

    gap: 8px;
}


.wo-kpi {
    min-height: 60px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 7px 10px;

    background: #171f28;

    border: 1px solid #344251;
}


.wo-kpi span {
    color: #8fa0b2;

    font-size: 11px;
}


.wo-kpi strong {
    margin-top: 4px;

    font-size: 15px;
}


.wo-kpi.profit {
    border-bottom:
        3px solid #d47b27;
}


.wo-kpi.margin {
    border-bottom:
        3px solid #3b9e6d;
}


/* Transportset */

.wo-mode-switch {
    display: flex;

    gap: 8px;

    margin-bottom: 12px;
}


.wo-mode-switch label {
    cursor: pointer;
}


.wo-mode-switch input {
    display: none;
}


.wo-mode-switch span {
    min-width: 125px;
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 14px;

    box-sizing: border-box;

    background: #1b2632;

    border: 1px solid #3c4c5d;

    color: #c7d1dc;

    font-size: 14px;
}


.wo-mode-switch input:checked + span {
    background: #d47b27;

    border-color: #ec9847;

    color: white;
}


.wo-tu-grid {
    display: grid;

    grid-template-columns:
        2fr
        1.2fr
        1fr
        .8fr
        .55fr;

    gap: 12px;
}


.wo-ownfleet {
    padding: 15px;

    background: #171d24;

    border: 1px dashed #455362;

    color: #8f9ba8;
}


/* Stop header */

.wo-stops-header {
    justify-content: space-between;
}


.wo-stops-header > div {
    display: flex;

    gap: 7px;
}


.wo-small-button {
    height: 30px;

    padding: 0 12px;

    border: 0;
    border-radius: 2px;

    background: #1767b7;

    color: white;

    font-size: 12px;

    cursor: pointer;
}


.wo-small-button.route {
    background: #d47b27;
}


/* Stop */

#stops-container {
    padding: 9px;
}


.wo-stop {
    margin-bottom: 9px;

    padding: 10px;

    background: #171c22;

    border: 1px solid #343d47;
}


.wo-stop:last-child {
    margin-bottom: 0;
}


.wo-stop-top {
    display: grid;

    grid-template-columns:
        125px
        135px
        110px
        110px
        minmax(190px, 1.3fr)
        110px
        minmax(150px, 1fr)
        110px;

    gap: 9px;

    align-items: end;
}


.wo-stop-type {
    height: 38px;

    display: flex;
    align-items: center;
}


.stop-type-label {
    min-width: 105px;

    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 8px;

    border-radius: 2px;

    color: white;

    font-size: 12px;
    font-weight: 700;
}


.stop-type-label.loading {
    background: #d89423;
}


.stop-type-label.unloading {
    background: #1589ba;
}


.wo-stop-actions {
    display: flex;

    gap: 4px;
}


.wo-stop-actions button {
    width: 33px;
    height: 38px;

    border: 0;

    background: #1767b7;

    color: white;

    font-size: 17px;

    cursor: pointer;
}


.wo-stop-actions .delete-stop {
    background: #7e252b;
}


.wo-stop-details {
    display: grid;

    grid-template-columns:
        1.5fr
        .65fr
        1fr
        2fr;

    gap: 9px;

    margin-top: 10px;

    padding-top: 10px;

    border-top: 1px solid #2c353e;
}


/* Cargo */

.wo-cargo-title {
    margin-top: 10px;
    margin-bottom: 7px;

    color: #d47b27;

    font-size: 12px;
    font-weight: 700;
}


.wo-cargo-grid {
    display: grid;

    grid-template-columns:
        2fr
        .6fr
        1fr
        .8fr
        .7fr
        .8fr;

    gap: 9px;
}


/* Notes */

.wo-notes textarea {
    min-height: 75px;

    padding: 10px;

    resize: vertical;
}


/* Footer */

.wo-footer {
    position: sticky;

    bottom: 0;

    z-index: 20;

    min-height: 58px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 9px;

    padding: 0 12px;

    background:
        rgba(11,15,20,.96);

    border-top:
        1px solid #35404b;
}


.wo-button {
    height: 39px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 16px;

    border: 0;
    border-radius: 3px;

    color: white;

    text-decoration: none;

    font-size: 14px;

    cursor: pointer;
}


.wo-button.cancel {
    background: #a92a2a;
}


.wo-button.template {
    background: #c97826;
}


.wo-button.confirm {
    background: #1767b7;
}


@media (max-width: 1450px) {

    .wo-top-grid {
        grid-template-columns: 1fr;
    }

    .wo-calc-grid {
        grid-template-columns:
            repeat(4, 1fr);
    }

    .wo-stop-top {
        grid-template-columns:
            repeat(4, 1fr);
    }

}



/* ============================================================
   WOJBAR TMS 2.0
   SIDEBAR / NAVY DESIGN
   ============================================================ */

:root {

    --wb-bg:
        #07111d;

    --wb-bg-deep:
        #050c14;

    --wb-sidebar:
        #081827;

    --wb-panel:
        #0c1d2f;

    --wb-panel-soft:
        #102338;

    --wb-panel-hover:
        #132a43;

    --wb-border:
        #294057;

    --wb-border-soft:
        #1d3449;

    --wb-blue:
        #2477d4;

    --wb-blue-bright:
        #2d8cff;

    --wb-orange:
        #e38a20;

    --wb-green:
        #38d98b;

    --wb-red:
        #ef476f;

    --wb-text:
        #eef5fc;

    --wb-muted:
        #8da4ba;

    --wb-muted-dark:
        #61798f;

    --wb-sidebar-width:
        225px;

}


* {
    box-sizing: border-box;
}


html,
body {
    margin: 0;

    min-height: 100%;

    background:
        var(--wb-bg-deep);

    color:
        var(--wb-text);

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}


body.wb-body {
    overflow: hidden;
}


.wb-app {
    width: 100vw;
    height: 100vh;

    display: grid;

    grid-template-columns:
        var(--wb-sidebar-width)
        minmax(0, 1fr);

    background:
        var(--wb-bg);
}



/* ============================================================
   SIDEBAR
   ============================================================ */

.wb-sidebar {
    height: 100vh;

    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            180deg,
            #081a2b 0%,
            #071521 100%
        );

    border-right:
        1px solid var(--wb-border);

    overflow: hidden;
}


.wb-logo {
    height: 72px;

    display: flex;
    align-items: center;

    gap: 11px;

    padding:
        0
        14px;

    color:
        var(--wb-text);

    text-decoration: none;

    border-bottom:
        1px solid var(--wb-border-soft);
}


.wb-logo-mark {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    border:
        2px solid var(--wb-orange);

    transform:
        skew(-8deg);

    color:
        var(--wb-orange);

    font-size: 21px;
    font-weight: 800;
}


.wb-logo-text {
    display: flex;
    flex-direction: column;

    line-height: 1;
}


.wb-logo-text strong {
    font-size: 17px;

    letter-spacing:
        .5px;
}


.wb-logo-text span {
    margin-top: 4px;

    color:
        var(--wb-blue-bright);

    font-size: 13px;
    font-weight: 800;
}


.wb-side-nav {
    flex: 1;

    overflow-y: auto;

    padding:
        10px
        7px;
}


.wb-side-item {
    width: 100%;
    height: 46px;

    display: grid;

    grid-template-columns:
        34px
        minmax(0, 1fr)
        20px;

    align-items: center;

    margin-bottom:
        6px;

    padding:
        0
        8px;

    border:
        1px solid #20384d;

    border-radius:
        8px;

    background:
        #0d2235;

    color:
        #c5d3df;

    text-decoration:
        none;

    font-family:
        inherit;

    font-size:
        13px;

    font-weight:
        650;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        background .15s ease,
        border-color .15s ease;
}


button.wb-side-item {
    appearance:
        none;
}


.wb-side-item:hover {
    background:
        #12304a;

    border-color:
        #31546f;

    color:
        white;
}


.wb-side-item.active {
    background:
        linear-gradient(
            90deg,
            #1767bc,
            #247bd6
        );

    border-color:
        #3389e6;

    color:
        white;

    box-shadow:
        0 0 13px
        rgba(37,126,218,.25);
}


.wb-side-icon {
    width: 29px;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius:
        6px;

    background:
        #12314b;

    color:
        #57a9ff;

    font-size:
        15px;
}


.wb-side-item.active
.wb-side-icon {
    background:
        rgba(255,255,255,.12);

    color:
        white;
}


.wb-side-arrow {
    justify-self:
        center;

    color:
        #6f9bbb;

    font-size:
        21px;

    transition:
        transform .18s ease;
}


.wb-side-group.open
> .wb-side-item
.wb-side-arrow {
    transform:
        rotate(90deg);
}


.wb-side-submenu {
    display:
        none;

    margin:
        -1px
        4px
        7px
        16px;

    padding:
        5px
        0
        5px
        18px;

    border-left:
        1px solid #2d4b65;
}


.wb-side-group.open
.wb-side-submenu {
    display:
        block;
}


.wb-side-submenu a {
    min-height:
        34px;

    display:
        flex;

    align-items:
        center;

    padding:
        5px
        10px;

    border-radius:
        5px;

    color:
        #8fa8bc;

    text-decoration:
        none;

    font-size:
        12px;
}


.wb-side-submenu a:hover {
    background:
        #102b43;

    color:
        white;
}


.wb-sidebar-footer {
    height:
        48px;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        0
        15px;

    border-top:
        1px solid var(--wb-border-soft);

    color:
        var(--wb-muted);

    font-size:
        11px;
}


.wb-online-dot {
    width:
        8px;

    height:
        8px;

    display:
        inline-block;

    border-radius:
        50%;

    background:
        var(--wb-green);

    box-shadow:
        0 0 8px
        rgba(56,217,139,.5);
}



/* ============================================================
   MAIN
   ============================================================ */

.wb-main {
    height:
        100vh;

    min-width:
        0;

    display:
        grid;

    grid-template-rows:
        72px
        42px
        minmax(0, 1fr);

    overflow:
        hidden;
}



/* ============================================================
   HEADER
   ============================================================ */

.wb-header {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        0
        22px;

    background:
        #081523;

    border-bottom:
        1px solid var(--wb-border-soft);
}


.wb-header-title h1 {
    margin:
        0;

    color:
        #f5f8fb;

    font-size:
        20px;

    line-height:
        1.1;
}


.wb-header-title span {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--wb-muted-dark);

    font-size:
        11px;
}


.wb-header-actions {
    display:
        flex;

    align-items:
        center;

    gap:
        12px;
}


.wb-header-status {
    height:
        34px;

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    padding:
        0
        12px;

    border:
        1px solid var(--wb-border);

    border-radius:
        7px;

    color:
        #a9bbcb;

    font-size:
        11px;
}


.wb-header-button {
    width:
        35px;

    height:
        35px;

    border:
        1px solid #337dc1;

    border-radius:
        7px;

    background:
        #1769bd;

    color:
        white;

    font-size:
        21px;

    cursor:
        pointer;
}


.wb-user {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;
}


.wb-user-avatar {
    width:
        35px;

    height:
        35px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        #15334c;

    border:
        1px solid #31516c;

    color:
        white;

    font-size:
        11px;

    font-weight:
        800;
}


.wb-user-text {
    display:
        flex;

    flex-direction:
        column;
}


.wb-user-text strong {
    font-size:
        12px;
}


.wb-user-text span {
    margin-top:
        2px;

    color:
        var(--wb-muted);

    font-size:
        10px;
}



/* ============================================================
   TABS
   ============================================================ */

.wb-main .tabbar {
    width:
        100% !important;

    height:
        42px !important;

    min-height:
        42px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        5px !important;

    padding:
        5px
        10px !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    background:
        #07111d !important;

    border-bottom:
        1px solid var(--wb-border-soft) !important;
}


.wb-main .wb-tab {
    height:
        32px !important;

    min-height:
        32px !important;

    display:
        flex !important;

    align-items:
        center !important;

    margin:
        0 !important;

    border:
        1px solid #29445d !important;

    border-radius:
        6px !important;

    background:
        #0e263b !important;

    overflow:
        hidden !important;
}


.wb-main .wb-tab.active {
    background:
        #1769bd !important;

    border-color:
        #2f88de !important;
}


.wb-main .wb-tab-link {
    min-width:
        auto !important;

    max-width:
        230px !important;

    height:
        32px !important;

    min-height:
        32px !important;

    display:
        flex !important;

    align-items:
        center !important;

    padding:
        0
        13px !important;

    color:
        white !important;

    font-size:
        12px !important;

    font-weight:
        650 !important;

    line-height:
        normal !important;
}


.wb-main .wb-tab-close {
    width:
        31px !important;

    min-width:
        31px !important;

    height:
        32px !important;

    min-height:
        32px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    color:
        #dce8f2 !important;

    font-size:
        17px !important;

    cursor:
        pointer !important;
}


.wb-main .wb-tab-close:hover {
    background:
        rgba(0,0,0,.2) !important;

    color:
        white !important;
}



/* ============================================================
   WORKSPACE
   ============================================================ */

.wb-main .workspace {
    min-height:
        0 !important;

    height:
        auto !important;

    overflow:
        auto !important;

    background:
        var(--wb-bg-deep) !important;
}



/* ============================================================
   DASHBOARD
   ============================================================ */

.wb-dashboard {
    min-height:
        100%;

    padding:
        16px
        20px
        10px;
}


.wb-kpi-grid {
    display:
        grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:
        12px;

    margin-bottom:
        12px;
}


.wb-kpi-card {
    min-height:
        112px;

    padding:
        15px
        17px;

    background:
        linear-gradient(
            145deg,
            #0d2033,
            #0a1b2c
        );

    border:
        1px solid var(--wb-border);

    border-radius:
        9px;
}


.wb-kpi-head {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    color:
        #7f9bb1;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .25px;
}


.wb-kpi-icon {
    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    font-size:
        16px;
}


.wb-kpi-icon.blue {
    color:
        #5ba8ff;

    background:
        rgba(45,140,255,.14);
}


.wb-kpi-icon.green {
    color:
        var(--wb-green);

    background:
        rgba(56,217,139,.13);
}


.wb-kpi-icon.orange {
    color:
        var(--wb-orange);

    background:
        rgba(227,138,32,.14);
}


.wb-kpi-value {
    display:
        block;

    margin-top:
        -4px;

    color:
        #f4f8fc;

    font-size:
        25px;

    line-height:
        1;
}


.wb-kpi-card small {
    display:
        block;

    margin-top:
        9px;

    color:
        #648198;

    font-size:
        10px;
}



/* ============================================================
   PANELS
   ============================================================ */

.wb-panel {
    background:
        linear-gradient(
            145deg,
            #0c1d2f,
            #091a2a
        );

    border:
        1px solid var(--wb-border);

    border-radius:
        9px;

    overflow:
        hidden;
}


.wb-panel-head {
    min-height:
        54px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        10px
        14px;

    border-bottom:
        1px solid var(--wb-border-soft);
}


.wb-panel-head > div {
    display:
        flex;

    flex-direction:
        column;
}


.wb-panel-head strong {
    color:
        #e9f1f8;

    font-size:
        12px;
}


.wb-panel-head span {
    margin-top:
        3px;

    color:
        #68849a;

    font-size:
        10px;
}


.wb-panel-head a {
    color:
        #4ca0f7;

    text-decoration:
        none;

    font-size:
        10px;
}



/* ============================================================
   QUICK ACCESS
   ============================================================ */

.wb-quick-grid {
    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap:
        10px;

    padding:
        12px;
}


.wb-quick-card {
    min-height:
        70px;

    display:
        grid;

    grid-template-columns:
        42px
        minmax(0, 1fr)
        18px;

    align-items:
        center;

    gap:
        10px;

    padding:
        9px
        11px;

    background:
        #0f2539;

    border:
        1px solid #274158;

    border-radius:
        7px;

    color:
        white;

    text-decoration:
        none;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}


.wb-quick-card:hover {
    background:
        #14304a;

    border-color:
        #3c6d94;

    transform:
        translateY(-1px);
}


.wb-quick-icon {
    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        7px;

    background:
        #123b60;

    color:
        #55a8ff;

    font-size:
        18px;

    font-weight:
        800;
}


.wb-quick-card > div:nth-child(2) {
    display:
        flex;

    flex-direction:
        column;
}


.wb-quick-card strong {
    font-size:
        12px;
}


.wb-quick-card span {
    margin-top:
        4px;

    color:
        #7893a9;

    font-size:
        10px;
}


.wb-quick-card b {
    color:
        #5986a7;

    font-size:
        22px;
}



/* ============================================================
   DASHBOARD COLUMNS
   ============================================================ */

.wb-dashboard-columns {
    display:
        grid;

    grid-template-columns:
        1.7fr
        1fr;

    gap:
        12px;

    margin-top:
        12px;
}


.wb-dashboard-columns
.wb-panel {
    min-height:
        250px;
}


.wb-empty-state {
    min-height:
        194px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;
}


.wb-empty-icon {
    width:
        45px;

    height:
        45px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        9px;

    border-radius:
        50%;

    background:
        #102f4c;

    color:
        #52a8ff;

    font-size:
        21px;
}


.wb-empty-state strong {
    font-size:
        13px;
}


.wb-empty-state span {
    max-width:
        350px;

    margin-top:
        5px;

    color:
        #718ba0;

    font-size:
        10px;

    line-height:
        1.5;
}


.wb-empty-state a {
    margin-top:
        12px;

    padding:
        8px
        13px;

    border-radius:
        6px;

    background:
        #1769bd;

    color:
        white;

    text-decoration:
        none;

    font-size:
        11px;
}



/* ============================================================
   STATUS
   ============================================================ */

.wb-status-list {
    padding:
        18px
        16px;
}


.wb-status-row {
    display:
        grid;

    grid-template-columns:
        80px
        minmax(0, 1fr)
        28px;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        19px;

    color:
        #9bb0c1;

    font-size:
        10px;
}


.wb-status-row strong {
    color:
        #eaf2f9;

    text-align:
        right;
}


.wb-status-bar {
    height:
        7px;

    overflow:
        hidden;

    border-radius:
        10px;

    background:
        #142b3f;
}


.wb-status-bar i {
    height:
        100%;

    display:
        block;

    border-radius:
        10px;

    background:
        var(--wb-blue);
}


.wb-status-bar.green i {
    background:
        var(--wb-green);
}



/* ============================================================
   BOTTOM
   ============================================================ */

.wb-dashboard-bottom {
    display:
        grid;

    grid-template-columns:
        1.5fr
        1fr;

    gap:
        12px;

    margin-top:
        12px;
}


.wb-finance-grid {
    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    padding:
        17px
        12px;
}


.wb-finance-grid > div {
    display:
        flex;

    flex-direction:
        column;

    padding:
        2px
        14px;

    border-right:
        1px solid var(--wb-border-soft);
}


.wb-finance-grid > div:last-child {
    border-right:
        0;
}


.wb-finance-grid span {
    color:
        #718da3;

    font-size:
        10px;
}


.wb-finance-grid strong {
    margin-top:
        6px;

    color:
        #eaf3fa;

    font-size:
        17px;
}


.wb-finance-grid
.positive strong {
    color:
        var(--wb-green);
}


.wb-small-empty {
    min-height:
        72px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;
}


.wb-check {
    width:
        35px;

    height:
        35px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        rgba(56,217,139,.12);

    color:
        var(--wb-green);

    font-size:
        18px;
}


.wb-small-empty > div {
    display:
        flex;

    flex-direction:
        column;
}


.wb-small-empty strong {
    font-size:
        11px;
}


.wb-small-empty
div span {
    margin-top:
        3px;

    color:
        #708ba1;

    font-size:
        10px;
}


.wb-dashboard-footer {
    margin-top:
        20px;

    padding:
        12px;

    border-top:
        1px solid var(--wb-border-soft);

    color:
        #4e6d84;

    text-align:
        center;

    font-size:
        9px;
}



/* ============================================================
   BESTEHENDE TMS MASKEN IN NEUEM SHELL
   ============================================================ */

.wb-main
.partner-page,
.wb-main
.wo-transport-page,
.wb-main
.new-partner-overlay {
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}


.wb-main
.wo-transport-page {
    background:
        var(--wb-bg-deep) !important;
}


.wb-main
.wo-box {
    background:
        var(--wb-panel) !important;

    border-color:
        var(--wb-border) !important;

    border-radius:
        7px !important;

    overflow:
        hidden;
}


.wb-main
.wo-box-title.blue {
    background:
        #123c62 !important;
}


.wb-main
.wo-box-title.orange {
    background:
        #bd701f !important;
}


.wb-main
.wo-field input,
.wb-main
.wo-field select,
.wb-main
.wo-field textarea,
.wb-main
.wo-notes textarea {
    background:
        #091827 !important;

    border-color:
        #31495e !important;

    color:
        #eaf1f7 !important;
}


.wb-main
.wo-kpi {
    background:
        #102337 !important;

    border-color:
        #29445b !important;

    border-radius:
        5px !important;
}



/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1350px) {

    :root {
        --wb-sidebar-width:
            205px;
    }

    .wb-kpi-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .wb-quick-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 950px) {

    :root {
        --wb-sidebar-width:
            72px;
    }

    .wb-logo-text,
    .wb-side-label,
    .wb-side-arrow,
    .wb-sidebar-footer span:last-child {
        display:
            none;
    }

    .wb-logo {
        justify-content:
            center;

        padding:
            0;
    }

    .wb-side-item {
        grid-template-columns:
            1fr;

        justify-items:
            center;

        padding:
            0;
    }

    .wb-side-submenu {
        display:
            none !important;
    }

    .wb-dashboard-columns,
    .wb-dashboard-bottom {
        grid-template-columns:
            1fr;
    }

}




/* ============================================================
   WOJBAR TMS 2.1
   TRANSPORTAUFTRAG
   ============================================================ */


/* ------------------------------------------------------------
   GESAMTSEITE
   ------------------------------------------------------------ */

.wb-main .wo-transport-page {
    width: 100% !important;
    min-height: 100% !important;

    padding:
        16px
        18px
        90px !important;

    background:
        #050d16 !important;

    color:
        #eaf2f9 !important;
}


/* ------------------------------------------------------------
   MELDUNGEN
   ------------------------------------------------------------ */

.wb-main .wo-success,
.wb-main .wo-error {
    margin-bottom: 14px !important;

    padding:
        11px
        14px !important;

    border-radius:
        7px !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;
}


.wb-main .wo-success {
    background:
        rgba(39, 181, 117, .12) !important;

    border:
        1px solid rgba(57, 217, 139, .42) !important;

    color:
        #62e5a4 !important;
}


.wb-main .wo-error {
    background:
        rgba(224, 61, 80, .12) !important;

    border:
        1px solid rgba(239, 71, 111, .45) !important;

    color:
        #ff8199 !important;
}


/* ------------------------------------------------------------
   OBERE ZWEI SPALTEN
   ------------------------------------------------------------ */

.wb-main .wo-top-grid {
    display: grid !important;

    grid-template-columns:
        minmax(540px, 1.15fr)
        minmax(600px, .95fr) !important;

    gap:
        13px !important;

    margin-bottom:
        13px !important;
}


/* ------------------------------------------------------------
   PANELS
   ------------------------------------------------------------ */

.wb-main .wo-box {
    margin:
        0
        0
        13px !important;

    overflow:
        hidden !important;

    background:
        linear-gradient(
            145deg,
            #0c1d2f 0%,
            #091827 100%
        ) !important;

    border:
        1px solid #294159 !important;

    border-radius:
        9px !important;

    box-shadow:
        0 4px 16px
        rgba(0, 0, 0, .10) !important;
}


.wb-main .wo-top-grid .wo-box {
    margin-bottom:
        0 !important;
}


/* ------------------------------------------------------------
   PANEL HEADER
   ------------------------------------------------------------ */

.wb-main .wo-box-title {
    min-height:
        43px !important;

    display:
        flex !important;

    align-items:
        center !important;

    padding:
        0
        15px !important;

    border-bottom:
        1px solid #29435c !important;

    color:
        #f3f7fb !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .35px !important;
}


.wb-main .wo-box-title.blue {
    background:
        linear-gradient(
            90deg,
            #10375a,
            #0d2d49
        ) !important;

    border-left:
        3px solid #2d8cff !important;
}


.wb-main .wo-box-title.orange {
    background:
        linear-gradient(
            90deg,
            #49301b,
            #172433
        ) !important;

    border-left:
        3px solid #e38a20 !important;
}


.wb-main .wo-box-body {
    padding:
        14px !important;
}


/* ------------------------------------------------------------
   BASISDATEN
   ------------------------------------------------------------ */

.wb-main .wo-base-grid {
    display:
        grid !important;

    grid-template-columns:
        minmax(210px, 2fr)
        minmax(110px, .8fr)
        90px
        minmax(160px, 1.25fr) !important;

    gap:
        13px !important;

    align-items:
        end !important;
}


.wb-main .wo-base-grid .wo-field:nth-child(5) {
    grid-column:
        1 / 2 !important;
}


.wb-main .wo-base-grid .wo-field:nth-child(6) {
    grid-column:
        2 / 3 !important;
}


/* ------------------------------------------------------------
   FELDER
   ------------------------------------------------------------ */

.wb-main .wo-field {
    min-width:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        6px !important;
}


.wb-main .wo-field > span {
    color:
        #a9bdcf !important;

    font-size:
        11px !important;

    font-weight:
        650 !important;

    line-height:
        1.2 !important;
}


.wb-main .wo-field input,
.wb-main .wo-field select,
.wb-main .wo-field textarea,
.wb-main .wo-notes textarea {
    width:
        100% !important;

    height:
        38px !important;

    min-height:
        38px !important;

    padding:
        0
        11px !important;

    outline:
        none !important;

    border:
        1px solid #314a61 !important;

    border-radius:
        6px !important;

    background:
        #071827 !important;

    color:
        #edf4fa !important;

    font-family:
        inherit !important;

    font-size:
        12px !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease !important;
}


.wb-main .wo-field input:hover,
.wb-main .wo-field select:hover {
    border-color:
        #45657f !important;

    background:
        #091c2c !important;
}


.wb-main .wo-field input:focus,
.wb-main .wo-field select:focus,
.wb-main .wo-field textarea:focus,
.wb-main .wo-notes textarea:focus {
    border-color:
        #2d8cff !important;

    background:
        #091d2e !important;

    box-shadow:
        0 0 0 2px
        rgba(45, 140, 255, .10) !important;
}


.wb-main .wo-field input::placeholder,
.wb-main .wo-notes textarea::placeholder {
    color:
        #5e778d !important;
}


/* ------------------------------------------------------------
   KILOMETER / KALKULATION
   ------------------------------------------------------------ */

.wb-main .wo-calc-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(3, minmax(76px, .8fr))
        repeat(5, minmax(88px, 1fr)) !important;

    gap:
        9px !important;

    align-items:
        end !important;
}


.wb-main .wo-kpi {
    min-width:
        0 !important;

    height:
        61px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;

    padding:
        8px
        10px !important;

    border:
        1px solid #29465f !important;

    border-radius:
        7px !important;

    background:
        linear-gradient(
            145deg,
            #10263b,
            #0c2032
        ) !important;
}


.wb-main .wo-kpi span {
    margin-bottom:
        5px !important;

    color:
        #708ca3 !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    text-transform:
        uppercase !important;
}


.wb-main .wo-kpi strong {
    overflow:
        hidden !important;

    color:
        #eef5fb !important;

    font-size:
        13px !important;

    line-height:
        1.1 !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;
}


.wb-main .wo-kpi.profit {
    border-color:
        rgba(56, 217, 139, .35) !important;

    background:
        linear-gradient(
            145deg,
            rgba(31, 94, 73, .35),
            #0c2032
        ) !important;
}


.wb-main .wo-kpi.profit strong {
    color:
        #3ddb91 !important;
}


.wb-main .wo-kpi.margin {
    border-color:
        rgba(56, 217, 139, .35) !important;
}


.wb-main .wo-kpi.margin strong {
    color:
        #3ddb91 !important;
}


/* ------------------------------------------------------------
   TRANSPORTSET
   ------------------------------------------------------------ */

.wb-main .wo-transportset {
    position:
        relative !important;
}


.wb-main .wo-mode-switch {
    display:
        flex !important;

    gap:
        8px !important;

    margin-bottom:
        14px !important;
}


.wb-main .wo-mode-switch label {
    margin:
        0 !important;

    cursor:
        pointer !important;
}


.wb-main .wo-mode-switch input {
    position:
        absolute !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;
}


.wb-main .wo-mode-switch span {
    min-width:
        125px !important;

    height:
        35px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0
        16px !important;

    border:
        1px solid #34516a !important;

    border-radius:
        6px !important;

    background:
        #0d2235 !important;

    color:
        #8fa7ba !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    transition:
        all .15s ease !important;
}


.wb-main
.wo-mode-switch
input:checked + span {
    border-color:
        #e38a20 !important;

    background:
        linear-gradient(
            90deg,
            #d17a1c,
            #e38a20
        ) !important;

    color:
        white !important;

    box-shadow:
        0 0 12px
        rgba(227, 138, 32, .12) !important;
}


.wb-main .wo-tu-grid {
    display:
        grid !important;

    grid-template-columns:
        minmax(260px, 1.7fr)
        minmax(180px, 1fr)
        minmax(160px, .9fr)
        minmax(140px, .7fr)
        90px !important;

    gap:
        13px !important;

    align-items:
        end !important;
}


.wb-main .wo-ownfleet {
    min-height:
        56px !important;

    padding:
        16px !important;

    border:
        1px dashed #34516a !important;

    border-radius:
        7px !important;

    background:
        #0a1b2b !important;

    color:
        #7f98ad !important;

    font-size:
        11px !important;
}


/* ------------------------------------------------------------
   STOPPS HEADER
   ------------------------------------------------------------ */

.wb-main .wo-stops-header {
    justify-content:
        space-between !important;

    gap:
        15px !important;
}


.wb-main .wo-stops-header > div {
    display:
        flex !important;

    align-items:
        center !important;

    gap:
        7px !important;
}


.wb-main .wo-small-button {
    height:
        30px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0
        11px !important;

    border:
        1px solid #337bc0 !important;

    border-radius:
        5px !important;

    background:
        #1769bd !important;

    color:
        white !important;

    font-family:
        inherit !important;

    font-size:
        10px !important;

    font-weight:
        650 !important;

    cursor:
        pointer !important;
}


.wb-main .wo-small-button:hover {
    background:
        #227bd5 !important;
}


.wb-main .wo-small-button.route {
    border-color:
        #c9781d !important;

    background:
        #c9781d !important;
}


.wb-main .wo-small-button.route:hover {
    background:
        #df8a27 !important;
}


/* ------------------------------------------------------------
   LADE-/ENTLADESTELLE
   ------------------------------------------------------------ */

.wb-main #stops-container {
    padding:
        11px !important;

    background:
        #07131f !important;
}


.wb-main .wo-stop {
    position:
        relative !important;

    margin:
        0
        0
        11px !important;

    padding:
        13px !important;

    border:
        1px solid #284157 !important;

    border-radius:
        8px !important;

    background:
        linear-gradient(
            145deg,
            #0d1c2a,
            #0a1825
        ) !important;
}


.wb-main .wo-stop:last-child {
    margin-bottom:
        0 !important;
}


.wb-main .wo-stop:hover {
    border-color:
        #34546e !important;
}


/* erste Stop-Zeile */

.wb-main .wo-stop-top {
    display:
        grid !important;

    grid-template-columns:
        105px
        120px
        100px
        100px
        minmax(190px, 1.45fr)
        95px
        minmax(150px, 1.1fr)
        104px !important;

    gap:
        9px !important;

    align-items:
        end !important;
}


/* ------------------------------------------------------------
   STOP-TYP
   ------------------------------------------------------------ */

.wb-main .wo-stop-type {
    display:
        flex !important;

    align-items:
        flex-end !important;

    height:
        100% !important;

    padding-bottom:
        1px !important;
}


.wb-main .stop-type-label {
    width:
        100% !important;

    height:
        38px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border-radius:
        6px !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .15px !important;
}


.wb-main .stop-type-label.loading {
    background:
        rgba(227, 138, 32, .16) !important;

    border:
        1px solid rgba(227, 138, 32, .55) !important;

    color:
        #f4a744 !important;
}


.wb-main .stop-type-label.unloading {
    background:
        rgba(31, 167, 219, .15) !important;

    border:
        1px solid rgba(31, 167, 219, .52) !important;

    color:
        #48c0ee !important;
}


/* ------------------------------------------------------------
   STOP ACTIONS
   ------------------------------------------------------------ */

.wb-main .wo-stop-actions {
    height:
        38px !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(3, 1fr) !important;

    gap:
        4px !important;

    align-self:
        end !important;
}


.wb-main .wo-stop-actions button {
    min-width:
        0 !important;

    height:
        38px !important;

    padding:
        0 !important;

    border:
        1px solid #2d6fa9 !important;

    border-radius:
        5px !important;

    background:
        #135a99 !important;

    color:
        white !important;

    font-size:
        14px !important;

    cursor:
        pointer !important;
}


.wb-main .wo-stop-actions button:hover {
    background:
        #1c73bd !important;
}


.wb-main .wo-stop-actions .delete-stop {
    border-color:
        #87313a !important;

    background:
        #70262e !important;
}


.wb-main
.wo-stop-actions
.delete-stop:hover {
    background:
        #9a303b !important;
}


/* ------------------------------------------------------------
   STOP DETAILS
   ------------------------------------------------------------ */

.wb-main .wo-stop-details {
    display:
        grid !important;

    grid-template-columns:
        minmax(230px, 1.25fr)
        165px
        minmax(160px, .85fr)
        minmax(240px, 1.65fr) !important;

    gap:
        9px !important;

    margin-top:
        12px !important;

    padding-top:
        12px !important;

    border-top:
        1px solid #1c3347 !important;
}


/* ------------------------------------------------------------
   FRACHTGUT
   ------------------------------------------------------------ */

.wb-main .wo-cargo-title {
    margin:
        13px
        0
        8px !important;

    padding:
        0 !important;

    color:
        #e4932e !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .35px !important;
}


.wb-main .wo-cargo-grid {
    display:
        grid !important;

    grid-template-columns:
        minmax(220px, 1.7fr)
        105px
        minmax(145px, .85fr)
        125px
        115px
        115px !important;

    gap:
        9px !important;
}


/* ------------------------------------------------------------
   INTERNE HINWEISE
   ------------------------------------------------------------ */

.wb-main .wo-notes .wo-box-body {
    padding:
        12px !important;
}


.wb-main .wo-notes textarea {
    height:
        74px !important;

    min-height:
        74px !important;

    padding:
        10px
        12px !important;

    resize:
        vertical !important;

    line-height:
        1.45 !important;
}


/* ------------------------------------------------------------
   FOOTER ACTION BAR
   ------------------------------------------------------------ */

.wb-main .wo-footer {
    position:
        sticky !important;

    bottom:
        0 !important;

    z-index:
        25 !important;

    min-height:
        59px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    gap:
        9px !important;

    margin:
        12px
        -18px
        -90px !important;

    padding:
        10px
        18px !important;

    border-top:
        1px solid #294159 !important;

    background:
        rgba(6, 15, 24, .97) !important;

    box-shadow:
        0 -8px 25px
        rgba(0, 0, 0, .18) !important;
}


.wb-main .wo-button {
    height:
        36px !important;

    min-width:
        115px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0
        15px !important;

    border:
        1px solid transparent !important;

    border-radius:
        6px !important;

    color:
        white !important;

    text-decoration:
        none !important;

    font-family:
        inherit !important;

    font-size:
        11px !important;

    font-weight:
        650 !important;

    cursor:
        pointer !important;
}


.wb-main .wo-button.cancel {
    background:
        #6c2730 !important;

    border-color:
        #8b343e !important;
}


.wb-main .wo-button.cancel:hover {
    background:
        #87313b !important;
}


.wb-main .wo-button.template {
    background:
        #9b5c19 !important;

    border-color:
        #bd731e !important;
}


.wb-main .wo-button.template:hover {
    background:
        #bd731e !important;
}


.wb-main .wo-button.confirm {
    min-width:
        165px !important;

    background:
        linear-gradient(
            90deg,
            #1769bd,
            #237dd6
        ) !important;

    border-color:
        #3388da !important;
}


.wb-main .wo-button.confirm:hover {
    background:
        linear-gradient(
            90deg,
            #217bd6,
            #2d8cff
        ) !important;
}


/* ------------------------------------------------------------
   SCROLLBAR
   ------------------------------------------------------------ */

.wb-main .workspace::-webkit-scrollbar,
.wb-main .wo-transport-page::-webkit-scrollbar {
    width:
        9px;
}


.wb-main .workspace::-webkit-scrollbar-track,
.wb-main .wo-transport-page::-webkit-scrollbar-track {
    background:
        #07111b;
}


.wb-main .workspace::-webkit-scrollbar-thumb,
.wb-main .wo-transport-page::-webkit-scrollbar-thumb {
    background:
        #29445b;

    border-radius:
        10px;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1500px) {

    .wb-main .wo-top-grid {
        grid-template-columns:
            1fr !important;
    }

    .wb-main .wo-calc-grid {
        grid-template-columns:
            repeat(4, 1fr) !important;
    }

}


@media (max-width: 1250px) {

    .wb-main .wo-tu-grid {
        grid-template-columns:
            repeat(3, 1fr) !important;
    }

    .wb-main .wo-stop-top {
        grid-template-columns:
            repeat(4, 1fr) !important;
    }

    .wb-main .wo-stop-details {
        grid-template-columns:
            repeat(2, 1fr) !important;
    }

    .wb-main .wo-cargo-grid {
        grid-template-columns:
            repeat(3, 1fr) !important;
    }

}




/* ============================================================
   WOJBAR TMS 2.2
   NO ORANGE / UNIFIED WOJBAR DESIGN
   ============================================================ */


/* ------------------------------------------------------------
   ALLE PANEL-HEADER EINHEITLICH
   ------------------------------------------------------------ */

.wb-main .wo-box-title,
.wb-main .wo-box-title.blue,
.wb-main .wo-box-title.orange {

    background:
        linear-gradient(
            90deg,
            #10375a 0%,
            #0d2d49 65%,
            #0b263e 100%
        ) !important;

    border-left:
        3px solid #2d8cff !important;

    border-bottom:
        1px solid #29465e !important;

    color:
        #f1f6fb !important;
}


/* ------------------------------------------------------------
   TU / EIGENER FUHRPARK
   ------------------------------------------------------------ */

.wb-main
.wo-mode-switch
input:checked + span {

    background:
        linear-gradient(
            90deg,
            #1769bd,
            #247bd6
        ) !important;

    border-color:
        #3389e6 !important;

    color:
        #ffffff !important;

    box-shadow:
        0 0 12px
        rgba(45, 140, 255, .16) !important;
}


.wb-main
.wo-mode-switch
span {

    background:
        #0c2133 !important;

    border-color:
        #314c63 !important;

    color:
        #a6b9c9 !important;
}


.wb-main
.wo-mode-switch
span:hover {

    background:
        #102b42 !important;

    border-color:
        #416784 !important;
}


/* ------------------------------------------------------------
   ROUTENBERECHNUNG
   ------------------------------------------------------------ */

.wb-main .wo-small-button.route {

    background:
        #174f7f !important;

    border-color:
        #286b9e !important;

    color:
        #ffffff !important;
}


.wb-main .wo-small-button.route:hover {

    background:
        #1d639d !important;

    border-color:
        #3280bb !important;
}


/* ------------------------------------------------------------
   LADESTELLE
   ------------------------------------------------------------ */

.wb-main .stop-type-label.loading {

    background:
        rgba(45, 140, 255, .13) !important;

    border:
        1px solid rgba(45, 140, 255, .48) !important;

    color:
        #66b2ff !important;
}


/* ------------------------------------------------------------
   ENTLADESTELLE
   ------------------------------------------------------------ */

.wb-main .stop-type-label.unloading {

    background:
        rgba(25, 184, 222, .12) !important;

    border:
        1px solid rgba(25, 184, 222, .42) !important;

    color:
        #48c8e8 !important;
}


/* ------------------------------------------------------------
   FRACHTGUT
   ------------------------------------------------------------ */

.wb-main .wo-cargo-title {

    color:
        #5da9ee !important;

    border-left:
        2px solid #2d8cff !important;

    padding-left:
        7px !important;

    font-size:
        9px !important;

    letter-spacing:
        .45px !important;
}


/* ------------------------------------------------------------
   VORLAGE SPEICHERN
   ------------------------------------------------------------ */

.wb-main .wo-button.template {

    background:
        #183550 !important;

    border-color:
        #315875 !important;

    color:
        #d6e4ef !important;
}


.wb-main .wo-button.template:hover {

    background:
        #214866 !important;

    border-color:
        #3e6d90 !important;
}


/* ------------------------------------------------------------
   BASISDATEN - KEIN SONDERFARBTON MEHR
   ------------------------------------------------------------ */

.wb-main
.wo-top-grid
.wo-box:first-child
.wo-box-title {

    background:
        linear-gradient(
            90deg,
            #10375a,
            #0d2d49
        ) !important;

    border-left:
        3px solid #2d8cff !important;
}


/* ------------------------------------------------------------
   PANEL-OPTIK ETWAS EIGENSTÄNDIGER
   ------------------------------------------------------------ */

.wb-main .wo-box {

    background:
        linear-gradient(
            145deg,
            #0b1d2d,
            #081725
        ) !important;

    border:
        1px solid #253e54 !important;

    box-shadow:
        none !important;
}


.wb-main .wo-box:hover {

    border-color:
        #2d4b64 !important;
}


/* ------------------------------------------------------------
   STOP-KARTEN
   ------------------------------------------------------------ */

.wb-main .wo-stop {

    background:
        linear-gradient(
            145deg,
            #0b1c2a,
            #081722
        ) !important;

    border:
        1px solid #233c51 !important;

    box-shadow:
        inset 3px 0 0
        rgba(45, 140, 255, .35) !important;
}


.wb-main .wo-stop:hover {

    border-color:
        #36566e !important;
}


/* ------------------------------------------------------------
   FRACHTGUT-BEREICH LEICHT ABSETZEN
   ------------------------------------------------------------ */

.wb-main .wo-cargo-grid {

    padding:
        10px !important;

    border:
        1px solid #1c3448 !important;

    border-radius:
        6px !important;

    background:
        rgba(5, 17, 28, .42) !important;
}


/* ------------------------------------------------------------
   KALKULATION
   ------------------------------------------------------------ */

.wb-main .wo-kpi {

    background:
        linear-gradient(
            145deg,
            #0e2639,
            #0b1f30
        ) !important;

    border-color:
        #29455d !important;
}


.wb-main .wo-kpi.profit,
.wb-main .wo-kpi.margin {

    background:
        linear-gradient(
            145deg,
            #0d2c2d,
            #0b202d
        ) !important;

    border-color:
        rgba(56, 217, 139, .27) !important;
}


/* ------------------------------------------------------------
   BUTTONS
   ------------------------------------------------------------ */

.wb-main .wo-small-button {

    background:
        #1769bd !important;

    border-color:
        #2d7ec6 !important;

    box-shadow:
        none !important;
}


.wb-main .wo-small-button:hover {

    background:
        #237dd6 !important;
}


/* ------------------------------------------------------------
   HAUPTAKTION
   ------------------------------------------------------------ */

.wb-main .wo-button.confirm {

    background:
        linear-gradient(
            90deg,
            #1769bd,
            #247bd6
        ) !important;

    border-color:
        #3289dd !important;
}


/* ------------------------------------------------------------
   ABBRECHEN BLEIBT ROT
   ------------------------------------------------------------ */

.wb-main .wo-button.cancel {

    background:
        #61272e !important;

    border-color:
        #81333d !important;
}


/* ------------------------------------------------------------
   INPUTS NOCH ETWAS WOJBAR-TYPISCHER
   ------------------------------------------------------------ */

.wb-main .wo-field input,
.wb-main .wo-field select,
.wb-main .wo-field textarea,
.wb-main .wo-notes textarea {

    background:
        #071624 !important;

    border-color:
        #2c465d !important;

    border-radius:
        5px !important;
}


.wb-main .wo-field input:focus,
.wb-main .wo-field select:focus,
.wb-main .wo-field textarea:focus,
.wb-main .wo-notes textarea:focus {

    border-color:
        #338be0 !important;

    box-shadow:
        inset 3px 0 0 #2d8cff !important;
}


/* ------------------------------------------------------------
   TAB / ACTIVE
   ------------------------------------------------------------ */

.wb-main .wb-tab.active {

    background:
        linear-gradient(
            90deg,
            #1769bd,
            #2076ca
        ) !important;

    border-color:
        #3186d5 !important;
}




/* ============================================================
   WOJBAR TMS
   ACTIONS DIREKT UNTER KALKULATION
   ============================================================ */

.wb-main .wo-calc-actions {

    grid-column:
        2 / 3;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        10px;

    margin-top:
        -2px;

    padding:
        0 2px 1px;

}


/* alte Footerleiste definitiv deaktivieren */

.wb-main .wo-footer {
    display:
        none !important;
}


/* Seite braucht unten keinen Platz für sticky Footer mehr */

.wb-main .wo-transport-page {

    padding-bottom:
        18px !important;

}


/* Buttons */

.wb-main .wo-calc-actions .wo-button {

    height:
        38px !important;

    min-width:
        145px !important;

    padding:
        0 18px !important;

    border-radius:
        7px !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

}


.wb-main .wo-calc-actions .wo-button.confirm {

    min-width:
        190px !important;

}


/* bei kleinerem Bildschirm unter beide oberen Bereiche */

@media (max-width: 1500px) {

    .wb-main .wo-calc-actions {

        grid-column:
            1 / -1;

    }

}



/* ============================================================
   WOJBAR TMS
   KALKULATION + AKTIONSBUTTONS KOMPAKT
   ============================================================ */

/*
   Der Kalkulationsbereich ist momentan unnötig hoch.
   Höhe auf Inhalt reduzieren.
*/

.wb-main .wo-top-grid .wo-box {
    min-height: 0 !important;
    height: auto !important;
}

.wb-main .wo-top-grid .wo-box-body {
    min-height: 0 !important;
}


/*
   Kalkulationsbereich kompakter
*/

.wb-main .wo-calc-grid {
    margin-bottom: 0 !important;
}


/*
   Buttons direkt an den Kalkulationskasten heranziehen
*/

.wb-main .wo-calc-actions {
    grid-column: 2 / 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    margin-top: -78px !important;
    margin-bottom: 18px !important;

    padding:
        0
        4px
        0
        4px !important;

    position: relative !important;
    z-index: 5 !important;
}


/*
   Etwas Abstand rechts/links
*/

.wb-main .wo-calc-actions .wo-button {
    height: 38px !important;
}

.wb-main .wo-calc-actions .wo-button.cancel {
    min-width: 135px !important;
}

.wb-main .wo-calc-actions .wo-button.template {
    min-width: 175px !important;
}

.wb-main .wo-calc-actions .wo-button.confirm {
    min-width: 205px !important;
}


/*
   Bei kleinerem Bildschirm normal untereinander,
   damit nichts überlappt.
*/

@media (max-width: 1500px) {

    .wb-main .wo-calc-actions {
        grid-column: 1 / -1 !important;

        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

}



/* ============================================================
   KALKULATION - BUTTON REIHENFOLGE
   ============================================================ */

.wb-main .wo-calc-actions {
    justify-content: flex-end !important;
}

/* 1. Transportauftrag anlegen */
.wb-main .wo-calc-actions .wo-button.confirm {
    order: 1 !important;
}

/* 2. Als Vorlage speichern */
.wb-main .wo-calc-actions .wo-button.template {
    order: 2 !important;
}

/* 3. Abbrechen */
.wb-main .wo-calc-actions .wo-button.cancel {
    order: 3 !important;
}



/* ============================================================
   WOJBAR TMS
   AKTIONSLEISTE WIEDER UNTEN
   ============================================================ */

.wb-main .wo-calc-actions {

    position: sticky !important;
    bottom: 0 !important;
    z-index: 50 !important;

    grid-column: 1 / -1 !important;

    width: calc(100% + 36px) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    margin:
        14px
        -18px
        -18px !important;

    padding:
        11px
        18px !important;

    background:
        rgba(5, 14, 23, .98) !important;

    border-top:
        1px solid #294159 !important;

    box-shadow:
        0 -8px 22px
        rgba(0, 0, 0, .20) !important;
}


/* Reihenfolge:
   1 Transportauftrag
   2 Vorlage
   3 Abbrechen
*/

.wb-main .wo-calc-actions .wo-button.confirm {
    order: 1 !important;
    min-width: 205px !important;
}

.wb-main .wo-calc-actions .wo-button.template {
    order: 2 !important;
    min-width: 175px !important;
}

.wb-main .wo-calc-actions .wo-button.cancel {
    order: 3 !important;
    min-width: 135px !important;
}


/* unten wieder Platz für die Leiste */

.wb-main .wo-transport-page {
    padding-bottom: 75px !important;
}


/* frühere Positionierung unter Kalkulation überschreiben */

@media (max-width: 1500px) {

    .wb-main .wo-calc-actions {
        grid-column: 1 / -1 !important;
        margin-top: 14px !important;
        margin-bottom: -18px !important;
    }

}



/* ============================================================
   WOJBAR TMS
   ABSCHLUSSLEISTE GANZ UNTEN
   ============================================================ */

.wb-main .wo-calc-actions {
    display: none !important;
}


.wb-main .wo-bottom-actions {

    position: static !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    margin: 12px 0 0 0 !important;

    padding: 12px 14px !important;

    background:
        #07131f !important;

    border:
        1px solid #253e54 !important;

    border-radius:
        8px !important;
}


/* 1. Transportauftrag */

.wb-main .wo-bottom-actions .wo-button.confirm {
    order: 1 !important;

    min-width: 205px !important;
}


/* 2. Vorlage */

.wb-main .wo-bottom-actions .wo-button.template {
    order: 2 !important;

    min-width: 175px !important;
}


/* 3. Abbrechen */

.wb-main .wo-bottom-actions .wo-button.cancel {
    order: 3 !important;

    min-width: 135px !important;
}


/* keine künstliche Footer-Reserve mehr */

.wb-main .wo-transport-page {
    padding-bottom: 18px !important;
}


/* alte Footerleiste bleibt aus */

.wb-main .wo-footer {
    display: none !important;
}



/* ============================================================
   WOJBAR TMS
   CUSTOMER / NEW PARTNER DESIGN V2
   ============================================================ */


/* ------------------------------------------------------------
   GRUNDLAYOUT
   ------------------------------------------------------------ */

.new-partner-overlay {

    width: 100% !important;
    min-height: 100% !important;

    padding: 10px !important;

    background:
        #07111b !important;
}


.new-partner-window {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    box-shadow:
        none !important;
}


/* ------------------------------------------------------------
   SEITENTITEL
   ------------------------------------------------------------ */

.new-partner-titlebar {

    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 0 18px !important;

    margin-bottom: 12px !important;

    background:
        linear-gradient(
            90deg,
            #0d2b46,
            #0b2237
        ) !important;

    border:
        1px solid #29445b !important;

    border-left:
        3px solid #2d8cff !important;

    border-radius:
        8px !important;

    color:
        #f3f7fb !important;
}


.new-partner-titlebar strong {

    font-size: 16px !important;
    font-weight: 800 !important;
}


.new-partner-titlebar .window-actions {

    display: flex !important;
    align-items: center !important;

    gap: 6px !important;
}


.new-partner-titlebar .window-actions button,
.new-partner-titlebar .window-actions a {

    width: 31px !important;
    height: 31px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background:
        #102b43 !important;

    border:
        1px solid #31516a !important;

    border-radius:
        6px !important;

    color:
        #d9e8f4 !important;

    text-decoration:
        none !important;

    font-size:
        17px !important;
}


.new-partner-titlebar .window-actions button:hover,
.new-partner-titlebar .window-actions a:hover {

    background:
        #174a73 !important;

    border-color:
        #2d8cff !important;
}


/* ------------------------------------------------------------
   BODY
   ------------------------------------------------------------ */

.new-partner-body {

    padding: 0 !important;

    background:
        transparent !important;
}


/* ------------------------------------------------------------
   PANELS
   ------------------------------------------------------------ */

.np-panel {

    background:
        linear-gradient(
            145deg,
            #0b1c2a,
            #081722
        ) !important;

    border:
        1px solid #263f54 !important;

    border-radius:
        8px !important;

    overflow:
        hidden !important;

    box-shadow:
        none !important;
}


/* ALLE HEADER GLEICH - KEIN ORANGE */

.np-header,
.np-header.blue,
.np-header.orange {

    min-height:
        40px !important;

    display:
        flex !important;

    align-items:
        center !important;

    padding:
        0 15px !important;

    background:
        linear-gradient(
            90deg,
            #123d61,
            #0d2f4c
        ) !important;

    border:
        0 !important;

    border-left:
        3px solid #2d8cff !important;

    border-bottom:
        1px solid #294a63 !important;

    color:
        #f0f6fb !important;

    font-size:
        12px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .15px !important;
}


/* ------------------------------------------------------------
   SECTION TITLES
   ------------------------------------------------------------ */

.np-section-title {

    min-height:
        40px !important;

    display:
        flex !important;

    align-items:
        center !important;

    padding:
        0 15px !important;

    margin:
        -1px
        -1px
        14px
        -1px !important;

    background:
        linear-gradient(
            90deg,
            #123d61,
            #0d2f4c
        ) !important;

    border-left:
        3px solid #2d8cff !important;

    border-bottom:
        1px solid #294a63 !important;

    color:
        #f0f6fb !important;

    font-size:
        12px !important;

    font-weight:
        800 !important;
}


/* ------------------------------------------------------------
   GRID
   ------------------------------------------------------------ */

.np-grid {

    gap:
        12px !important;
}


.download-grid {

    margin-top:
        12px !important;

    grid-template-columns:
        1fr 1fr !important;
}


.main-data-grid {

    margin-top:
        12px !important;

    grid-template-columns:
        1fr 1fr !important;
}


.bottom-grid {

    margin-top:
        12px !important;

    grid-template-columns:
        1fr 1fr !important;
}


/* ------------------------------------------------------------
   DUPLETTEN
   ------------------------------------------------------------ */

.duplicate-panel {

    min-height:
        auto !important;
}


.duplicate-content {

    min-height:
        64px !important;

    padding:
        13px 15px !important;

    background:
        rgba(5, 16, 26, .40) !important;

    color:
        #a9bdcc !important;

    font-size:
        12px !important;
}


.duplicate-results {

    margin-top:
        7px !important;
}


.duplicate-ok {

    color:
        #39d98a !important;
}


.duplicate-warning {

    padding:
        8px 10px !important;

    background:
        rgba(183, 58, 69, .12) !important;

    border:
        1px solid rgba(209, 72, 84, .30) !important;

    border-radius:
        5px !important;

    color:
        #ffadb4 !important;
}


/* ------------------------------------------------------------
   CONTENT
   ------------------------------------------------------------ */

.np-content {

    padding:
        14px !important;
}


/* ------------------------------------------------------------
   LABELS
   ------------------------------------------------------------ */

.np-panel label {

    display:
        block !important;

    margin-bottom:
        6px !important;

    color:
        #bdd0df !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;
}


.np-panel label span {

    color:
        #ef646f;
}


/* ------------------------------------------------------------
   INPUTS
   ------------------------------------------------------------ */

.np-panel input[type="text"],
.np-panel input[type="email"],
.np-panel input[type="number"],
.np-panel input[type="date"],
.np-panel select,
.np-panel textarea {

    width:
        100% !important;

    height:
        39px !important;

    padding:
        0 12px !important;

    background:
        #071624 !important;

    border:
        1px solid #304c63 !important;

    border-radius:
        5px !important;

    color:
        #eaf2f8 !important;

    font-size:
        12px !important;

    outline:
        none !important;

    box-sizing:
        border-box !important;
}


.np-panel input::placeholder {

    color:
        #657d90 !important;
}


.np-panel input:focus,
.np-panel select:focus,
.np-panel textarea:focus {

    border-color:
        #2d8cff !important;

    box-shadow:
        inset 3px 0 0 #2d8cff !important;
}


.np-panel input:disabled,
.np-panel select:disabled {

    background:
        #0b141c !important;

    color:
        #637583 !important;

    opacity:
        .75 !important;
}


/* ------------------------------------------------------------
   BASISDATEN
   ------------------------------------------------------------ */

.form-panel {

    padding:
        0 14px 15px !important;
}


.form-two {

    display:
        grid !important;

    grid-template-columns:
        1fr 1fr !important;

    gap:
        13px 14px !important;
}


.address-grid {

    display:
        grid !important;

    grid-template-columns:
        1fr 1fr !important;

    gap:
        13px 14px !important;
}


/* ------------------------------------------------------------
   UST CHECK / EXTERNE DATEN
   ------------------------------------------------------------ */

.vat-check-grid,
.external-grid {

    gap:
        14px !important;
}


.input-with-button {

    display:
        flex !important;

    gap:
        6px !important;
}


.input-with-button input {

    flex:
        1 !important;
}


.input-with-button button {

    width:
        42px !important;

    min-width:
        42px !important;

    height:
        39px !important;

    background:
        #1769bd !important;

    border:
        1px solid #2d80ca !important;

    border-radius:
        5px !important;

    color:
        white !important;

    cursor:
        pointer !important;
}


.input-with-button button:hover {

    background:
        #237ed8 !important;
}


.database-option {

    min-height:
        24px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        7px !important;

    color:
        #a9bdcc !important;

    font-size:
        11px !important;
}


/* ------------------------------------------------------------
   KONTAKTPERSON
   ------------------------------------------------------------ */

.contact-create-grid {

    display:
        grid !important;

    grid-template-columns:
        1fr 1fr !important;

    gap:
        13px 14px !important;
}


/* ------------------------------------------------------------
   NIEDERLASSUNG / TYP
   ------------------------------------------------------------ */

.partner-type-content {

    min-height:
        138px !important;

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        24px !important;

    padding:
        14px !important;
}


.branch-field {

    min-width:
        270px !important;
}


.np-checkbox {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        8px !important;

    min-height:
        39px !important;

    margin-top:
        20px !important;

    padding:
        0 12px !important;

    background:
        #0b2132 !important;

    border:
        1px solid #2d485e !important;

    border-radius:
        5px !important;

    color:
        #d7e4ee !important;

    cursor:
        pointer !important;
}


.np-checkbox:hover {

    border-color:
        #3974a3 !important;

    background:
        #0e2b42 !important;
}


.np-checkbox input {

    width:
        17px !important;

    height:
        17px !important;

    margin:
        0 !important;

    accent-color:
        #2d8cff !important;
}


.np-checkbox span {

    color:
        #d7e4ee !important;
}


/* ------------------------------------------------------------
   ERROR
   ------------------------------------------------------------ */

.np-error {

    margin:
        12px 0 0 !important;

    padding:
        10px 12px !important;

    background:
        rgba(170, 44, 55, .17) !important;

    border:
        1px solid #71323a !important;

    border-radius:
        5px !important;

    color:
        #ffb4ba !important;
}


/* ------------------------------------------------------------
   FOOTER / ACTIONS
   ------------------------------------------------------------ */

.np-footer {

    min-height:
        62px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    gap:
        10px !important;

    margin-top:
        12px !important;

    padding:
        10px 14px !important;

    background:
        #07131f !important;

    border:
        1px solid #263f54 !important;

    border-radius:
        8px !important;
}


.np-button {

    min-width:
        130px !important;

    height:
        39px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 17px !important;

    background:
        #173a56 !important;

    border:
        1px solid #315875 !important;

    border-radius:
        6px !important;

    color:
        #dbe8f2 !important;

    text-decoration:
        none !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    cursor:
        pointer !important;
}


.np-button:hover {

    background:
        #214d6e !important;
}


/* PRIMARY = WOJBAR BLUE */

.np-button.primary {

    min-width:
        170px !important;

    background:
        linear-gradient(
            90deg,
            #1769bd,
            #2785df
        ) !important;

    border-color:
        #328bdf !important;

    color:
        #ffffff !important;

    order:
        1 !important;
}


.np-button.primary:hover {

    background:
        linear-gradient(
            90deg,
            #2078d0,
            #3292eb
        ) !important;
}


/* ABBRECHEN RECHTS UND ROT */

.np-footer > a.np-button {

    order:
        2 !important;

    background:
        #662a31 !important;

    border-color:
        #873943 !important;

    color:
        #ffffff !important;
}


.np-footer > a.np-button:hover {

    background:
        #79323a !important;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1200px) {

    .download-grid,
    .main-data-grid,
    .bottom-grid {

        grid-template-columns:
            1fr !important;
    }


    .partner-type-content {

        flex-wrap:
            wrap !important;
    }

}



/* ============================================================
   WOJBAR TMS
   KUNDENLISTE V2
   ============================================================ */


/* ------------------------------------------------------------
   GESAMTSEITE
   ------------------------------------------------------------ */

.partner-screen {

    background:
        #07111b !important;

    padding:
        10px !important;

    min-height:
        calc(100vh - 120px) !important;
}


/* ------------------------------------------------------------
   FILTERLEISTE
   ------------------------------------------------------------ */

.partner-toolbar {

    min-height:
        62px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    padding:
        10px 14px !important;

    background:
        linear-gradient(
            90deg,
            #0c2235,
            #091b2b
        ) !important;

    border:
        1px solid #263f54 !important;

    border-left:
        3px solid #2d8cff !important;

    border-radius:
        8px !important;

    box-sizing:
        border-box !important;
}


/* Suchsymbol */

.partner-search {

    color:
        #64aff5 !important;

    font-size:
        19px !important;

    margin-right:
        2px !important;
}


/* Suche + Select */

.partner-toolbar input,
.partner-toolbar select {

    height:
        39px !important;

    background:
        #071624 !important;

    border:
        1px solid #304c63 !important;

    border-radius:
        5px !important;

    color:
        #e7f0f7 !important;

    font-size:
        12px !important;

    outline:
        none !important;
}


.partner-toolbar input {

    width:
        260px !important;

    padding:
        0 12px !important;
}


.partner-toolbar select {

    min-width:
        210px !important;

    padding:
        0 12px !important;
}


.partner-toolbar input:focus,
.partner-toolbar select:focus {

    border-color:
        #2d8cff !important;

    box-shadow:
        inset 3px 0 0 #2d8cff !important;
}


/* ------------------------------------------------------------
   SUCHEN
   ------------------------------------------------------------ */

.partner-toolbar button[type="submit"] {

    height:
        39px !important;

    padding:
        0 20px !important;

    background:
        linear-gradient(
            90deg,
            #1769bd,
            #2785df
        ) !important;

    border:
        1px solid #328bdf !important;

    border-radius:
        5px !important;

    color:
        #ffffff !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    cursor:
        pointer !important;
}


.partner-toolbar button[type="submit"]:hover {

    background:
        #2787e0 !important;
}


/* ------------------------------------------------------------
   FILTER RECHTS
   ------------------------------------------------------------ */

.partner-toolbar .filter-set,
.partner-toolbar .saved-filter {

    margin-left:
        auto !important;
}


/* ------------------------------------------------------------
   MINI BUTTONS + / X
   ------------------------------------------------------------ */

.partner-toolbar button,
.partner-mini-tools button {

    border-radius:
        5px !important;
}


.partner-mini-tools {

    min-height:
        47px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        7px !important;

    padding:
        7px 14px !important;

    margin-top:
        8px !important;

    background:
        #091b2a !important;

    border:
        1px solid #243d51 !important;

    border-radius:
        8px !important;
}


.partner-mini-tools button {

    width:
        37px !important;

    height:
        34px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        #123d61 !important;

    border:
        1px solid #2c5d82 !important;

    color:
        #d9e9f5 !important;

    font-size:
        17px !important;

    cursor:
        pointer !important;
}


.partner-mini-tools button:hover {

    background:
        #1769bd !important;

    border-color:
        #338be0 !important;
}


/* ------------------------------------------------------------
   INHALT
   ------------------------------------------------------------ */

.partner-content {

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr) 205px !important;

    gap:
        10px !important;

    margin-top:
        8px !important;
}


/* ------------------------------------------------------------
   TABELLENBEREICH
   ------------------------------------------------------------ */

.partner-table-area {

    background:
        #081521 !important;

    border:
        1px solid #263f54 !important;

    border-radius:
        8px !important;

    overflow:
        hidden !important;

    min-height:
        610px !important;
}


.partner-table-scroll {

    overflow:
        auto !important;
}


/* ------------------------------------------------------------
   TABELLE
   ------------------------------------------------------------ */

.partner-table {

    width:
        100% !important;

    border-collapse:
        collapse !important;

    background:
        transparent !important;

    color:
        #d6e3ed !important;

    font-size:
        12px !important;
}


/* Tabellenkopf */

.partner-table th {

    height:
        42px !important;

    padding:
        0 12px !important;

    background:
        linear-gradient(
            180deg,
            #123d61,
            #0e304d
        ) !important;

    border-right:
        1px solid #31536d !important;

    border-bottom:
        1px solid #35566f !important;

    color:
        #dfeaf3 !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    text-align:
        left !important;

    white-space:
        nowrap !important;
}


/* Tabellenzeilen */

.partner-table td {

    height:
        38px !important;

    padding:
        0 12px !important;

    border-right:
        1px solid #1c3346 !important;

    border-bottom:
        1px solid #1d3447 !important;

    color:
        #bfd0dd !important;

    vertical-align:
        middle !important;
}


.partner-table tbody tr:nth-child(odd) {

    background:
        #091824 !important;
}


.partner-table tbody tr:nth-child(even) {

    background:
        #0b1c29 !important;
}


.partner-table tbody tr:hover {

    background:
        #102b42 !important;
}


.partner-table tbody tr.selected {

    background:
        #174a73 !important;

    box-shadow:
        inset 3px 0 0 #2d8cff !important;
}


/* Leere Liste */

.partner-table .empty-row td {

    height:
        75px !important;

    color:
        #708495 !important;

    text-align:
        center !important;

    font-size:
        12px !important;
}


/* ------------------------------------------------------------
   RECHTE AKTIONSLEISTE
   ------------------------------------------------------------ */

.partner-actions {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        7px !important;

    padding:
        10px !important;

    background:
        linear-gradient(
            180deg,
            #0b1c2a,
            #081722
        ) !important;

    border:
        1px solid #263f54 !important;

    border-radius:
        8px !important;

    min-height:
        610px !important;
}


/* Alle Aktionen neutral dunkel */

.partner-actions button,
.partner-actions a {

    width:
        100% !important;

    min-height:
        39px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    padding:
        0 13px !important;

    background:
        #12334e !important;

    border:
        1px solid #2c4c65 !important;

    border-radius:
        5px !important;

    color:
        #d9e7f1 !important;

    text-decoration:
        none !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    cursor:
        pointer !important;

    box-sizing:
        border-box !important;
}


.partner-actions button:hover:not(:disabled),
.partner-actions a:hover {

    background:
        #174f7d !important;

    border-color:
        #3278ac !important;
}


/* Aktualisieren NICHT mehr orange */

.partner-actions .refresh,
.partner-actions button:first-child {

    background:
        #173a56 !important;

    border-color:
        #315875 !important;

    color:
        #dbe8f2 !important;
}


/* Hinzufügen = Hauptaktion */

.partner-actions .add,
.partner-actions a[href="/masterdata/partners/new"] {

    background:
        linear-gradient(
            90deg,
            #1769bd,
            #2785df
        ) !important;

    border-color:
        #328bdf !important;

    color:
        #ffffff !important;
}


.partner-actions .add:hover,
.partner-actions a[href="/masterdata/partners/new"]:hover {

    background:
        #2787e0 !important;
}


/* deaktivierte Buttons */

.partner-actions button:disabled,
.partner-actions .disabled {

    background:
        #101f2c !important;

    border-color:
        #263947 !important;

    color:
        #617484 !important;

    cursor:
        default !important;

    opacity:
        .75 !important;
}


/* ------------------------------------------------------------
   PAGINATION
   ------------------------------------------------------------ */

.partner-pagination {

    min-height:
        48px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        6px !important;

    padding:
        7px 10px !important;

    background:
        #091824 !important;

    border-top:
        1px solid #263f54 !important;

    color:
        #8fa5b6 !important;

    font-size:
        11px !important;
}


.partner-pagination a,
.partner-pagination .page-disabled {

    min-width:
        31px !important;

    height:
        31px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        #102b42 !important;

    border:
        1px solid #2c4a61 !important;

    border-radius:
        5px !important;

    color:
        #d6e5ef !important;

    text-decoration:
        none !important;
}


.partner-pagination a:hover {

    background:
        #1769bd !important;

    border-color:
        #338be0 !important;
}


.partner-pagination select {

    height:
        31px !important;

    background:
        #071624 !important;

    border:
        1px solid #304c63 !important;

    border-radius:
        5px !important;

    color:
        #d9e6ef !important;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1200px) {

    .partner-content {

        grid-template-columns:
            1fr !important;
    }


    .partner-actions {

        min-height:
            auto !important;

        display:
            grid !important;

        grid-template-columns:
            repeat(3, 1fr) !important;
    }

}



/* ==========================================================
   WOJBAR TMS - FRACHTGUT
   ========================================================== */

.cargo-page {
    padding: 18px 20px 28px;
}

.cargo-page-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.cargo-page-head h1 {
    margin: 0;
    font-size: 27px;
}

.cargo-page-head span {
    display: block;
    margin-top: 5px;
    color: #7790a7;
}

.cargo-primary,
.cargo-save {
    border: 0;
    border-radius: 7px;
    background: #1676d2;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.cargo-primary {
    padding: 12px 18px;
}

.cargo-panel {
    border: 1px solid #29445b;
    border-radius: 8px;
    overflow: hidden;
    background: #071826;
}

.cargo-toolbar {
    display: flex;
    gap: 12px;
    padding: 15px;
    background: linear-gradient(
        180deg,
        #0b2437,
        #091d2d
    );
    border-bottom: 1px solid #29445b;
}

.cargo-search {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 600px;
    border: 1px solid #405e76;
    border-radius: 7px;
    background: #071724;
}

.cargo-search span {
    padding-left: 14px;
    font-size: 23px;
}

.cargo-search input {
    width: 100%;
    border: 0;
    outline: 0;
    padding: 11px 14px;
    color: #fff;
    background: transparent;
    font: inherit;
}

.cargo-refresh {
    border: 1px solid #405e76;
    border-radius: 7px;
    padding: 0 18px;
    color: #dce9f5;
    background: #102b40;
    cursor: pointer;
}

.cargo-table {
    width: 100%;
    border-collapse: collapse;
}

.cargo-table th {
    padding: 13px 15px;
    text-align: left;
    background: linear-gradient(
        180deg,
        #123e60,
        #103650
    );
    border-bottom: 1px solid #49667d;
}

.cargo-table td {
    padding: 13px 15px;
    border-bottom: 1px solid #243949;
}

.cargo-table tbody tr:hover {
    background: #0c2233;
}

.cargo-empty {
    height: 220px;
    text-align: center;
    color: #71899c;
}

.cargo-status {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 20px;
    background: #263644;
    color: #aebdca;
    font-size: 12px;
    font-weight: 700;
}

.cargo-status.active {
    background: rgba(36, 176, 101, .15);
    color: #56d68e;
}

.cargo-row-actions {
    width: 120px;
    text-align: right;
}

.cargo-row-actions button {
    border: 1px solid #345976;
    border-radius: 6px;
    padding: 7px 11px;
    color: #dce9f5;
    background: #123650;
    cursor: pointer;
}


/* Dialog */

.cargo-dialog-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 70px 25px;
    background: rgba(0, 7, 13, .78);
}

.cargo-dialog-backdrop.hidden {
    display: none;
}

.cargo-dialog {
    width: min(900px, 100%);
    border: 1px solid #315876;
    border-radius: 8px;
    overflow: hidden;
    background: #081925;
    box-shadow: 0 25px 80px rgba(0,0,0,.55);
}

.cargo-dialog-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 17px;
    background: linear-gradient(
        180deg,
        #12518a,
        #0d4070
    );
}

.cargo-dialog-head strong {
    font-size: 17px;
}

.cargo-dialog-head button {
    border: 0;
    color: #fff;
    background: transparent;
    font-size: 25px;
    cursor: pointer;
}

#cargo-form {
    padding: 20px;
}

.cargo-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.cargo-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.cargo-field span {
    color: #a9bed0;
    font-size: 13px;
    font-weight: 700;
}

.cargo-field input,
.cargo-field select {
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #395970;
    border-radius: 6px;
    padding: 0 11px;
    color: #fff;
    background: #071522;
    font: inherit;
}

.cargo-wide {
    grid-column: 1 / -1;
}

.cargo-check {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 24px;
}

.cargo-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
    padding-top: 17px;
    border-top: 1px solid #263d4e;
}

.cargo-cancel {
    border: 1px solid #5a3840;
    border-radius: 7px;
    padding: 10px 17px;
    color: #f1c7cb;
    background: #2b181d;
    cursor: pointer;
}

.cargo-save {
    padding: 10px 20px;
}

@media (max-width: 800px) {

    .cargo-form-grid {
        grid-template-columns: 1fr;
    }

    .cargo-wide {
        grid-column: auto;
    }

}


/* ============================================================
   STANDORTE – KOMPAKTE DESKTOP-ANSICHT
   ============================================================ */

.location-page {
    font-size: 13px;
}

/* Nur auf der Standorte-Seite vorhandene Elemente über body wrapper */
.location-page h1 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.location-page .cargo-page-head > div > span {
    font-size: 13px;
}

.location-page .cargo-primary {
    font-size: 13px;
    padding: 10px 16px;
}

.location-page .cargo-toolbar {
    padding: 12px 14px;
}

.location-page .cargo-search input {
    font-size: 13px;
    height: 38px;
}

.location-page .cargo-refresh {
    font-size: 13px;
    padding: 9px 14px;
}

.location-page .cargo-table th {
    font-size: 12px;
    padding: 11px 14px;
}

.location-page .cargo-table td {
    font-size: 12.5px;
    padding: 10px 14px;
}

.location-page .cargo-status {
    font-size: 11px;
}

/* Dialog ebenfalls kompakter */
.location-page .cargo-dialog {
    max-width: 760px;
}

.location-page .cargo-dialog-head {
    font-size: 14px;
}

.location-page .cargo-field span,
.location-page .cargo-check span {
    font-size: 12px;
}

.location-page .cargo-field input,
.location-page .cargo-field select {
    font-size: 13px;
    min-height: 36px;
}

.location-page .cargo-dialog-actions button {
    font-size: 13px;
}


/* ============================================================
   GESCHÄFTSPARTNER – KOMPAKTE DESKTOP-ANSICHT
   ============================================================ */

.partner-screen {
    font-size: 12.5px;
}


/* Toolbar */

.partner-screen .partner-toolbar {
    padding: 9px 12px;
    gap: 8px;
}

.partner-screen .partner-toolbar input,
.partner-screen .partner-toolbar select,
.partner-screen .partner-toolbar button {
    font-size: 12px;
    min-height: 34px;
}

.partner-screen .partner-search input {
    height: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.partner-screen .partner-toolbar select {
    height: 34px;
}


/* kleine Werkzeugleiste */

.partner-screen .partner-mini-tools {
    min-height: 36px;
    padding: 5px 10px;
}

.partner-screen .partner-mini-tools button,
.partner-screen .partner-mini-tools a {
    font-size: 11.5px;
    min-height: 28px;
}


/* Tabelle */

.partner-screen .partner-table {
    font-size: 11.5px;
}

.partner-screen .partner-table th {
    font-size: 11px;
    line-height: 1.15;
    padding: 9px 10px;
    height: 36px;
    white-space: nowrap;
}

.partner-screen .partner-table td {
    font-size: 11.5px;
    line-height: 1.25;
    padding: 8px 10px;
    height: 34px;
}


/* Leermeldung */

.partner-screen .partner-table td[colspan] {
    font-size: 12px;
}


/* rechte Aktionsleiste */

.partner-screen .partner-actions {
    padding: 8px;
    gap: 7px;
}

.partner-screen .partner-actions button,
.partner-screen .partner-actions a {
    font-size: 11.5px;
    min-height: 34px;
    padding: 7px 10px;
}


/* Pagination unten */

.partner-screen .partner-pagination {
    font-size: 11px;
    min-height: 36px;
    padding: 5px 8px;
}

.partner-screen .partner-pagination button,
.partner-screen .partner-pagination a,
.partner-screen .partner-pagination select,
.partner-screen .partner-pagination span {
    font-size: 11px;
}

.partner-screen .partner-pagination select {
    min-height: 28px;
}


/* Suchsymbol etwas kleiner */

.partner-screen .search-icon {
    font-size: 14px;
}


/* ============================================================
   FRACHTGUT – KOMPAKTE DESKTOP-ANSICHT
   ============================================================ */

.cargo-compact-page {
    font-size: 12.5px;
}

.cargo-compact-page h1 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 4px;
}

.cargo-compact-page .cargo-page-head > div > span {
    font-size: 12px;
}

.cargo-compact-page .cargo-primary {
    font-size: 12px;
    padding: 9px 14px;
    min-height: 34px;
}

.cargo-compact-page .cargo-toolbar {
    padding: 10px 12px;
    gap: 8px;
}

.cargo-compact-page .cargo-search input {
    height: 34px;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.cargo-compact-page .cargo-search span {
    font-size: 14px;
}

.cargo-compact-page .cargo-refresh {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 12px;
}

.cargo-compact-page .cargo-table th {
    height: 34px;
    padding: 8px 12px;
    font-size: 11px;
    line-height: 1.15;
}

.cargo-compact-page .cargo-table td {
    height: 32px;
    padding: 7px 12px;
    font-size: 11.5px;
}

.cargo-compact-page .cargo-empty {
    font-size: 12px !important;
}

.cargo-compact-page .cargo-status {
    font-size: 10.5px;
}

.cargo-compact-page .cargo-row-actions button {
    font-size: 11px;
    min-height: 28px;
    padding: 5px 9px;
}


/* Frachtgut-Dialog ebenfalls kompakter */

.cargo-compact-page + .cargo-dialog-backdrop .cargo-dialog {
    max-width: 720px;
}

.cargo-compact-page + .cargo-dialog-backdrop .cargo-dialog-head {
    font-size: 13px;
}

.cargo-compact-page + .cargo-dialog-backdrop .cargo-field span,
.cargo-compact-page + .cargo-dialog-backdrop .cargo-check span {
    font-size: 11.5px;
}

.cargo-compact-page + .cargo-dialog-backdrop input,
.cargo-compact-page + .cargo-dialog-backdrop select {
    font-size: 12px;
    min-height: 34px;
}

.cargo-compact-page + .cargo-dialog-backdrop .cargo-dialog-actions button {
    font-size: 12px;
    min-height: 34px;
}


/* ============================================================
   DOKUMENTE
   ============================================================ */

.documents-page {
    padding: 18px;
    font-size: 12px;
}

.documents-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.documents-head h1 {
    margin: 0 0 3px;
    font-size: 22px;
}

.documents-head span {
    font-size: 12px;
    opacity: .72;
}

.documents-primary,
.documents-save {
    border: 0;
    border-radius: 6px;
    padding: 9px 14px;
    background: #087ff5;
    color: white;
    font-size: 12px;
    cursor: pointer;
}

.documents-panel {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    overflow: hidden;
}

.documents-toolbar {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px 12px;
}

.documents-search {
    display: flex;
    align-items: center;
    flex: 1;
}

.documents-search input,
.documents-toolbar select {
    min-height: 34px;
    font-size: 12px;
}

.documents-search input {
    width: 100%;
}

.documents-refresh {
    min-height: 34px;
    padding: 6px 12px;
    font-size: 12px;
}

.documents-table-wrap {
    overflow: auto;
}

.documents-table {
    width: 100%;
    border-collapse: collapse;
}

.documents-table th {
    text-align: left;
    white-space: nowrap;
    padding: 9px 10px;
    font-size: 11px;
}

.documents-table td {
    padding: 8px 10px;
    font-size: 11.5px;
    border-top: 1px solid rgba(255,255,255,.06);
}

.document-type {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 5px;
    background: rgba(8,127,245,.13);
    border: 1px solid rgba(8,127,245,.3);
}

.documents-empty-row td {
    text-align: center;
    padding: 42px 15px;
    opacity: .72;
}


/* Dialog */

.documents-dialog-backdrop {
    position: fixed;
    inset: 0;
    z-index: 5000;
    background: rgba(0,0,0,.66);
    display: flex;
    align-items: center;
    justify-content: center;
}

.documents-dialog-backdrop.hidden {
    display: none;
}

.documents-dialog {
    width: min(720px, 92vw);
    border-radius: 8px;
    overflow: hidden;
    background: #101b2c;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 20px 70px rgba(0,0,0,.5);
}

.documents-dialog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.documents-dialog-head button {
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
}

.documents-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 16px;
}

.documents-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.documents-field span {
    font-size: 11.5px;
}

.documents-field input,
.documents-field select {
    min-height: 35px;
    font-size: 12px;
}

.documents-wide {
    grid-column: 1 / -1;
}

.documents-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.documents-cancel {
    min-height: 34px;
    padding: 7px 13px;
    font-size: 12px;
}


/* ============================================================
   DOKUMENTE – COMPACT WOJBAR DESIGN V2
   ============================================================ */

.documents-page {
    padding: 14px 18px 24px;
    font-size: 12px;
}

.documents-head {
    margin-bottom: 12px;
}

.documents-head h1 {
    margin: 0 0 2px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.documents-head > div > span {
    font-size: 11.5px;
    opacity: .62;
}

.documents-primary {
    min-height: 34px;
    padding: 7px 13px;
    border-radius: 6px;
    font-size: 11.5px;
}


/* Hauptpanel */

.documents-panel {
    border: 1px solid rgba(115, 157, 198, .10);
    border-radius: 8px;
    background:
        linear-gradient(
            180deg,
            rgba(12, 27, 43, .42) 0%,
            rgba(7, 18, 29, .25) 100%
        );
    overflow: hidden;
}


/* Toolbar */

.documents-toolbar {
    display: grid;
    grid-template-columns:
        minmax(280px, 520px)
        190px
        auto;
    justify-content: start;
    align-items: center;
    gap: 8px;

    padding: 10px 11px;

    border-bottom:
        1px solid rgba(255,255,255,.055);
}

.documents-search {
    position: relative;
    width: 100%;
}

.documents-search > span {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);

    z-index: 2;

    font-size: 13px;
    opacity: .55;

    pointer-events: none;
}

.documents-search input {
    width: 100%;
    height: 32px;
    min-height: 32px;

    padding: 0 10px 0 31px;

    border-radius: 5px;

    font-size: 11.5px;
}

.documents-toolbar select {
    width: 190px;
    height: 32px;
    min-height: 32px;

    padding: 0 9px;

    border-radius: 5px;

    font-size: 11.5px;
}

.documents-refresh {
    height: 32px;
    min-height: 32px;

    padding: 0 12px;

    border-radius: 5px;

    font-size: 11.5px;
}


/* Tabelle */

.documents-table-wrap {
    min-height: 210px;
    overflow-x: auto;
}

.documents-table {
    table-layout: auto;
    width: 100%;
}

.documents-table thead {
    background: rgba(7, 18, 29, .60);
}

.documents-table th {
    height: 34px;

    padding: 0 10px;

    font-size: 10.5px;
    font-weight: 600;

    white-space: nowrap;

    color: rgba(235,245,255,.82);

    border-bottom:
        1px solid rgba(255,255,255,.055);
}

.documents-table td {
    height: 38px;

    padding: 5px 10px;

    font-size: 11px;

    vertical-align: middle;

    border-top:
        1px solid rgba(255,255,255,.045);
}

.documents-table tbody tr:not(.documents-empty-row):hover {
    background: rgba(24, 108, 184, .07);
}


/* sinnvolle Spaltenbreiten */

.documents-table th:nth-child(1),
.documents-table td:nth-child(1) {
    min-width: 190px;
}

.documents-table th:nth-child(2),
.documents-table td:nth-child(2) {
    width: 125px;
}

.documents-table th:nth-child(3),
.documents-table td:nth-child(3) {
    min-width: 180px;
}

.documents-table th:nth-child(4),
.documents-table td:nth-child(4) {
    width: 80px;
}

.documents-table th:nth-child(5),
.documents-table td:nth-child(5) {
    width: 70px;
}

.documents-table th:nth-child(6),
.documents-table td:nth-child(6) {
    width: 135px;
}

.documents-table th:nth-child(7),
.documents-table td:nth-child(7) {
    min-width: 170px;
}

.documents-table th:nth-child(8),
.documents-table td:nth-child(8) {
    width: 135px;
}

.documents-table th:nth-child(9),
.documents-table td:nth-child(9) {
    width: 110px;
}


/* Dokumenttyp */

.document-type {
    padding: 2px 6px;

    border-radius: 4px;

    font-size: 10.5px;

    background: rgba(8,127,245,.10);
    border: 1px solid rgba(8,127,245,.22);
}


/* Leere Liste */

.documents-empty-row td {
    height: 145px;

    padding: 25px 15px;

    font-size: 11.5px;
    line-height: 1.55;

    color: rgba(220,232,244,.55);
}


/* Upload Dialog ebenfalls kompakter */

.documents-dialog {
    width: min(650px, 92vw);
}

.documents-dialog-head {
    padding: 11px 14px;
    font-size: 12px;
}

.documents-form-grid {
    gap: 10px 12px;
    padding: 14px;
}

.documents-field {
    gap: 4px;
}

.documents-field span {
    font-size: 11px;
}

.documents-field input,
.documents-field select {
    height: 33px;
    min-height: 33px;

    font-size: 11.5px;
}

.documents-dialog-actions {
    padding: 10px 14px;
}

.documents-cancel,
.documents-save {
    min-height: 32px;
    padding: 6px 12px;
    font-size: 11.5px;
}


/* kleinere Displays */

@media (max-width: 1100px) {

    .documents-toolbar {
        grid-template-columns:
            minmax(240px, 1fr)
            180px
            auto;
    }
}

/* =========================================================
   PLZ AUTOCOMPLETE
   ========================================================= */

.field:has(#postal-code) {
    position: relative;
}

.postcode-results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 3px);
    z-index: 5000;

    max-height: 220px;
    overflow-y: auto;

    background: #101b2b;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 7px;

    box-shadow:
        0 12px 28px rgba(0,0,0,.38);
}

.postcode-results[hidden] {
    display: none;
}

.postcode-result-item {
    width: 100%;
    min-height: 38px;

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 7px 11px;

    border: 0;
    border-bottom:
        1px solid rgba(255,255,255,.07);

    background: transparent;
    color: #e8eef8;

    text-align: left;
    cursor: pointer;
}

.postcode-result-item:last-child {
    border-bottom: 0;
}

.postcode-result-item:hover {
    background: rgba(42,126,255,.16);
}

.postcode-result-item strong {
    min-width: 92px;
    font-size: 12px;
}

.postcode-result-item span {
    font-size: 12px;
    color: #c7d2e2;
}


/* =========================================================
   TRANSPORTAUFTRAG - PLZ AUTOCOMPLETE
   ========================================================= */

.wo-stop-postcode-field {
    position: relative;
}

.stop-postcode-results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 3px);
    z-index: 6000;

    max-height: 230px;
    overflow-y: auto;

    background: #101b2b;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 7px;

    box-shadow:
        0 12px 28px rgba(0,0,0,.42);
}

.stop-postcode-results[hidden] {
    display: none;
}

.stop-postcode-result {
    width: 100%;
    min-height: 34px;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 7px 10px;

    border: 0;
    border-bottom:
        1px solid rgba(255,255,255,.07);

    background: transparent;
    color: #dce8f7;

    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.stop-postcode-result:last-child {
    border-bottom: 0;
}

.stop-postcode-result:hover {
    background:
        rgba(41,121,255,.16);
}

.stop-postcode-result strong {
    min-width: 82px;
    color: #72a7ff;
    font-size: 12px;
}

.stop-postcode-result span {
    color: #e6edf7;
}


/* =========================================================
   TRANSPORTAUFTRAG - PLZ DROPDOWN BREITER
   ========================================================= */

.wo-stop-postcode-field {
    position: relative;
    overflow: visible !important;
}

.stop-postcode-results {
    width: 420px !important;
    min-width: 420px !important;
    max-width: 520px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.stop-postcode-result {
    display: grid !important;
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 12px;

    width: 100% !important;
    box-sizing: border-box;

    white-space: nowrap;
}

.stop-postcode-result strong {
    min-width: 0 !important;
}

.stop-postcode-result span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Transportauftragsnummer kompakt wie Disponent */
.wo-transport-number {
    width: 140px !important;
    max-width: 140px !important;
}

.wo-transport-number input {
    width: 140px !important;
    max-width: 140px !important;
}

/* Basisdaten: Transportauftragsnummer kompakt */
.wo-base-grid {
    grid-template-columns:
        140px
        minmax(240px, 1.7fr)
        120px
        90px
        minmax(180px, 1.2fr) !important;
}

.wo-transport-number {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}

.wo-transport-number input {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Kunden-Auftragsnummer kompakter */
.wo-order-number {
    width: 210px !important;
    max-width: 210px !important;
    justify-self: start !important;
}

.wo-order-number input {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* ============================================================
   BASISDATEN – FINALES KOMPAKTES GRID
   ============================================================ */

.wb-main .wo-base-grid {
    display: grid !important;

    grid-template-columns:
        140px
        260px
        120px
        100px
        210px !important;

    column-gap: 12px !important;
    row-gap: 12px !important;

    justify-content: start !important;
    align-items: end !important;
}


/* Alle alten Positionsregeln neutralisieren */
.wb-main .wo-base-grid > .wo-field {
    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    justify-self: stretch !important;
}


/* 1 – Transportauftragsnummer */
.wb-main .wo-base-grid > .wo-field:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}


/* 2 – Geschäftspartner */
.wb-main .wo-base-grid > .wo-field:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


/* 3 – VK-Fracht */
.wb-main .wo-base-grid > .wo-field:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
}


/* 4 – Währung */
.wb-main .wo-base-grid > .wo-field:nth-child(4) {
    grid-column: 4 !important;
    grid-row: 1 !important;
}


/* 5 – Kunden-Auftragsnummer */
.wb-main .wo-base-grid > .wo-field:nth-child(5) {
    grid-column: 5 !important;
    grid-row: 1 !important;
}


/* 6 – Niederlassung */
.wb-main .wo-base-grid > .wo-field:nth-child(6) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}


/* 7 – Disponent */
.wb-main .wo-base-grid > .wo-field:nth-child(7) {
    grid-column: 3 !important;
    grid-row: 2 !important;
}


/* Inputs/Selects exakt an ihre Grid-Spalte anpassen */
.wb-main .wo-base-grid input,
.wb-main .wo-base-grid select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}


/* alte Einzelbreiten endgültig überschreiben */
.wb-main .wo-base-grid .wo-transport-number,
.wb-main .wo-base-grid .wo-customer,
.wb-main .wo-base-grid .wo-currency,
.wb-main .wo-base-grid .wo-order-number {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}



/* ============================================================
   BASISDATEN – FINAL OHNE NIEDERLASSUNG
   ============================================================ */

.wb-main .wo-base-grid {
    display: grid !important;

    grid-template-columns:
        140px
        260px
        120px
        100px !important;

    column-gap: 12px !important;
    row-gap: 12px !important;

    justify-content: start !important;
    align-items: end !important;
}

.wb-main .wo-base-grid > .wo-field {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* Transportauftragsnummer */
.wb-main .wo-base-grid > .wo-field:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* Geschäftspartner */
.wb-main .wo-base-grid > .wo-field:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* VK-Fracht */
.wb-main .wo-base-grid > .wo-field:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

/* Währung */
.wb-main .wo-base-grid > .wo-field:nth-child(4) {
    grid-column: 4 !important;
    grid-row: 1 !important;
}

/* Kunden-Auftragsnr. direkt unter Transportauftragsnummer */
.wb-main .wo-base-grid > .wo-field:nth-child(5) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

/* Disponent direkt unter Geschäftspartner */
.wb-main .wo-base-grid > .wo-field:nth-child(6) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

.wb-main .wo-base-grid input,
.wb-main .wo-base-grid select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}


/* ============================================================
   TOPBEREICH – mehr Platz für Kilometer & Kalkulation
   ============================================================ */

.wb-main .wo-top-grid {
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1fr) !important;

    gap: 12px !important;
}

.wb-main .wo-top-grid > .wo-box {
    min-width: 0 !important;
}



/* ============================================================
   BASISDATEN – KOMPAKTES FINALES LAYOUT
   ============================================================ */

.wb-main .wo-base-grid {
    display: grid !important;

    grid-template-columns:
        140px
        310px
        120px
        100px !important;

    column-gap: 12px !important;
    row-gap: 12px !important;

    justify-content: start !important;
    align-items: end !important;
}

.wb-main .wo-base-grid > .wo-field {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* Transportauftragsnummer */
.wb-main .wo-base-grid > .wo-field:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* Geschäftspartner – breit */
.wb-main .wo-base-grid > .wo-field:nth-child(2) {
    grid-column: 2 / 5 !important;
    grid-row: 1 !important;
}

/* VK-Fracht */
.wb-main .wo-base-grid > .wo-field:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 120px !important;
}

/* Währung */
.wb-main .wo-base-grid > .wo-field:nth-child(4) {
    grid-column: 3 !important;
    grid-row: 2 !important;
    width: 100px !important;
}

/* Kunden-Auftragsnr. */
.wb-main .wo-base-grid > .wo-field:nth-child(5) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

.wb-main .wo-base-grid input,
.wb-main .wo-base-grid select {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* VK-Fracht + Währung direkt nebeneinander */
.wb-main .wo-base-grid > .wo-field:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 120px !important;
}

.wb-main .wo-base-grid > .wo-field:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;

    width: 100px !important;
    margin-left: 132px !important;
    justify-self: start !important;
}



/* ============================================================
   WOJBAR TMS – GESCHÄFTSPARTNER
   ============================================================ */

.wb-partners-page {
    padding: 10px 12px 18px;
    font-size: 12px;
}


/* PANEL */

.wb-partners-panel,
.wb-partners-table-panel {
    background: #081a28;
    border: 1px solid #27455c;
    border-radius: 8px;
    overflow: hidden;
}

.wb-partners-panel {
    margin-bottom: 10px;
}


/* TITEL */

.wb-partners-titlebar {
    min-height: 48px;
    padding: 8px 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    background:
        linear-gradient(
            90deg,
            #123e61,
            #103754
        );

    border-left: 3px solid #1686e8;
}

.wb-partners-titlebar > div:first-child {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wb-partners-titlebar strong {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.wb-partners-titlebar span {
    color: #88a8be;
    font-size: 11px;
}


/* BUTTONS */

.wb-partners-head-actions {
    display: flex;
    gap: 7px;
}

.wb-partner-btn {
    height: 32px;
    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 5px;
    border: 1px solid #31536d;

    color: #e7f1f8;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;

    cursor: pointer;
}

.wb-partner-btn-primary {
    background: #1677cc;
    border-color: #278be0;
}

.wb-partner-btn-primary:hover {
    background: #2187df;
}

.wb-partner-btn-secondary {
    background: #102b40;
}

.wb-partner-btn-secondary:hover {
    background: #173b56;
}


/* FILTER */

.wb-partners-filter {
    padding: 10px 12px;

    display: flex;
    align-items: center;
    gap: 8px;

    border-top: 1px solid #27455c;
}

.wb-partner-search {
    position: relative;
    width: 300px;
}

.wb-partner-search span {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);

    color: #6f96b0;
    font-size: 15px;
}

.wb-partner-search input {
    width: 100%;
    height: 34px;

    padding: 0 10px 0 33px;

    background: #061725;
    border: 1px solid #304d62;
    border-radius: 5px;

    color: #e8f0f6;
}

.wb-partners-filter select {
    width: 190px;
    height: 34px;

    padding: 0 10px;

    background: #061725;
    border: 1px solid #304d62;
    border-radius: 5px;

    color: #e8f0f6;
}


/* TABELLE */

.wb-partners-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.wb-partners-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.wb-partners-table th {
    height: 38px;
    padding: 0 10px;

    background:
        linear-gradient(
            180deg,
            #143f60,
            #113651
        );

    border-right: 1px solid #31536b;
    border-bottom: 1px solid #31536b;

    color: #e8f2f8;
    font-size: 10.5px;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
}

.wb-partners-table td {
    height: 38px;
    padding: 0 10px;

    background: #091b29;

    border-right: 1px solid #20394b;
    border-bottom: 1px solid #20394b;

    color: #cbd9e3;
    font-size: 11.5px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wb-partners-table tbody tr:hover td {
    background: #10283a;
}

.wb-partners-table tbody tr.selected td {
    background: #12344d;
}


/* SPALTEN */

.wb-col-short {
    width: 75px;
}

.wb-col-company {
    width: 260px;
}

.wb-col-type {
    width: 105px;
}

.wb-col-tax {
    width: 125px;
}

.wb-col-vat {
    width: 125px;
}

.wb-col-trade {
    width: 155px;
}

.wb-col-rating {
    width: 100px;
}

.wb-col-action {
    width: 90px;
}


/* STATUS */

.wb-status {
    display: inline-flex;
    align-items: center;

    height: 22px;
    padding: 0 8px;

    border-radius: 4px;

    font-size: 10.5px;
    font-weight: 700;
}

.wb-status-blue {
    color: #74bfff;
    background: #0c3150;
    border: 1px solid #205b85;
}

.wb-status-green {
    color: #4ee2aa;
    background: #0b342f;
    border: 1px solid #176252;
}

.wb-muted {
    color: #587184;
}

.wb-rating {
    color: #a9bdcb;
}


/* BEARBEITEN */

.wb-row-action {
    text-align: center;
}

.wb-edit-btn {
    height: 26px;
    padding: 0 9px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #123c5b;
    border: 1px solid #28648e;
    border-radius: 4px;

    color: #dcebF5;
    font-size: 10.5px;
    font-weight: 700;
    text-decoration: none;
}

.wb-edit-btn:hover {
    background: #1769a2;
}


/* LEER */

.wb-partners-empty {
    height: 110px !important;
    text-align: center !important;
}

.wb-partners-empty strong,
.wb-partners-empty span {
    display: block;
}

.wb-partners-empty span {
    margin-top: 6px;
    color: #718a9c;
}


/* PAGINATION */

.wb-partners-pagination {
    min-height: 46px;
    padding: 7px 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #071725;
    border-top: 1px solid #29475c;
}

.wb-pagination-info {
    color: #8199aa;
    font-size: 11px;
}

.wb-pagination-controls {
    display: flex;
    align-items: center;
    gap: 5px;
}

.wb-pagination-controls a,
.wb-pagination-controls .disabled {
    min-width: 28px;
    height: 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #102c42;
    border: 1px solid #294c66;
    border-radius: 4px;

    color: #d7e5ee;
    text-decoration: none;
}

.wb-pagination-controls a:hover {
    background: #1769ad;
}

.wb-pagination-controls .disabled {
    opacity: .35;
}

.wb-current-page,
.wb-per-page-label {
    padding: 0 5px;
    color: #829bad;
    font-size: 11px;
}

.wb-pagination-controls select {
    height: 28px;

    background: #071725;
    border: 1px solid #294c66;
    border-radius: 4px;

    color: #dce8ef;
}


/* ============================================================
   GESCHÄFTSPARTNERLISTE – WOJBAR COMPACT
   ============================================================ */

.partner-screen {
    font-size: 11px !important;
}

.partner-screen .partner-toolbar {
    padding: 6px 9px !important;
    gap: 6px !important;
}

.partner-screen .partner-toolbar input,
.partner-screen .partner-toolbar select,
.partner-screen .partner-toolbar button,
.partner-screen .toolbar-search-btn,
.partner-screen .square-blue {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 10.5px !important;
}

.partner-screen .partner-search input {
    height: 30px !important;
}

.partner-screen .partner-mini-tools {
    min-height: 31px !important;
    padding: 4px 8px !important;
}

.partner-screen .partner-mini-tools button {
    min-height: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
}


/* Tabelle */

.partner-screen .partner-table {
    font-size: 10.5px !important;
    table-layout: fixed !important;
}

.partner-screen .partner-table th {
    height: 31px !important;
    padding: 5px 8px !important;
    font-size: 9.5px !important;
    line-height: 1.1 !important;
}

.partner-screen .partner-table td {
    height: 30px !important;
    padding: 5px 8px !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
}


/* Spaltenbreiten */

.partner-screen .partner-table .col-number {
    width: 100px !important;
}

.partner-screen .partner-table .col-short {
    width: 85px !important;
}

.partner-screen .partner-table .col-company {
    width: 250px !important;
}

.partner-screen .partner-table .col-yesno {
    width: 105px !important;
}

.partner-screen .partner-table .col-carrier {
    width: 105px !important;
}

.partner-screen .partner-table .col-tax {
    width: 105px !important;
}

.partner-screen .partner-table .col-vat {
    width: 115px !important;
}

.partner-screen .partner-table .col-trade {
    width: 145px !important;
}

.partner-screen .partner-table .col-rating {
    width: 90px !important;
}


/* rechte Buttons ebenfalls kleiner */

.partner-screen .partner-actions {
    padding: 7px !important;
    gap: 5px !important;
}

.partner-screen .partner-actions button,
.partner-screen .partner-actions a {
    min-height: 30px !important;
    height: 30px !important;
    padding: 5px 8px !important;
    font-size: 10.5px !important;
}


/* Pagination */

.partner-screen .partner-pagination {
    min-height: 32px !important;
    padding: 4px 7px !important;
    font-size: 10px !important;
}

.partner-screen .partner-pagination a,
.partner-screen .partner-pagination .page-disabled {
    min-width: 25px !important;
    height: 25px !important;
}


/* ============================================================
   GESCHÄFTSPARTNERLISTE – MITTLERE LESEGRÖSSE
   ============================================================ */

.partner-screen table.partner-table th {
    height: 34px !important;
    padding: 6px 8px !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
}

.partner-screen table.partner-table td {
    height: 34px !important;
    padding: 6px 8px !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
}

/* Toolbar ebenfalls etwas größer */
.partner-screen .partner-toolbar input,
.partner-screen .partner-toolbar select,
.partner-screen .partner-toolbar button,
.partner-screen .toolbar-search-btn,
.partner-screen .square-blue {
    height: 34px !important;
    min-height: 34px !important;
    font-size: 11px !important;
}

/* rechte Aktionsbuttons */
.partner-screen .partner-actions button,
.partner-screen .partner-actions a {
    min-height: 34px !important;
    height: 34px !important;
    font-size: 11px !important;
}

/* kleine Werkzeugleiste */
.partner-screen .partner-mini-tools button {
    width: 32px !important;
    height: 28px !important;
    min-height: 28px !important;
    font-size: 11px !important;
}


/* Geschäftspartnerliste: Sortierung direkt über Tabellenkopf */

.partner-screen .partner-sort-link {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;

    width: 100% !important;
    height: 100% !important;

    color: inherit !important;
    text-decoration: none !important;

    cursor: pointer !important;
}

.partner-screen .partner-sort-link:hover {
    color: #ffffff !important;
}

.partner-screen .sort-arrow {
    font-size: 8px !important;
    opacity: .9 !important;
}

.partner-screen table.partner-table th:hover {
    background: #174d73 !important;
}



/* ============================================================
   WOJBAR TMS – TAB DRAG & DROP
   ============================================================ */

#tms-tabbar .wb-tab {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

#tms-tabbar .wb-tab:active {
    cursor: grabbing;
}

#tms-tabbar .wb-tab-dragging {
    opacity: .45;
}

#tms-tabbar .wb-tab-drag-over {
    outline: 2px solid #2384d9;
    outline-offset: -2px;
}


/* WOJBAR TMS – Transportaufträge Tabellenkopf zentriert */
.transport-order-table thead th {
    text-align: center !important;
}

.transport-order-table thead th .partner-sort-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

/* WOJBAR TMS – Tabellenkopf Transportaufträge wirklich zentrieren */
.partner-table.transport-order-table > thead > tr > th {
    text-align: center !important;
}

.partner-table.transport-order-table > thead > tr > th > a.partner-sort-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.partner-table.transport-order-table > thead > tr > th .sort-arrow {
    margin-left: 5px !important;
}

/* ============================================================
   WOJBAR TMS – Transportaufträge Header FINAL zentriert
   ============================================================ */

.partner-screen .partner-table.transport-order-table thead tr th {
    text-align: center !important;
    justify-content: center !important;
}

.partner-screen .partner-table.transport-order-table thead tr th > a.partner-sort-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Nicht sortierbare Überschriften wie Beladung, Entladung, EK, TU usw. */
.partner-screen .partner-table.transport-order-table thead tr th:not(:has(> a)) {
    text-align: center !important;
}

/* Resizer darf die Zentrierung nicht beeinflussen */
.partner-screen .transport-order-table thead th .wojbar-col-resizer {
    position: absolute !important;
    right: -3px !important;
}

/* WOJBAR TMS – Transportaufträge Header +1px */
.partner-screen .partner-table.transport-order-table thead th,
.partner-screen .partner-table.transport-order-table thead th > a.partner-sort-link {
    font-size: 11.5px !important;
}

/* WOJBAR TMS – Transportaufträge Header +1px */
.partner-screen .partner-table.transport-order-table thead th,
.partner-screen .partner-table.transport-order-table thead th > a.partner-sort-link {
    font-size: 12.5px !important;
}

/* ============================================================
   WOJBAR TMS – Transportaufträge rechte Aktionsleiste kompakt
   ============================================================ */

.partner-content {
    gap: 4px !important;
}

.partner-content > .partner-actions {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    flex: 0 0 125px !important;

    padding: 5px !important;
    gap: 4px !important;

    margin-left: auto !important;
}

.partner-content > .partner-actions button,
.partner-content > .partner-actions a {
    width: 100% !important;

    min-height: 27px !important;
    height: 27px !important;

    padding: 3px 6px !important;

    font-size: 9.5px !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}

.partner-table-area {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}


/* ==========================================================
   WOJBAR TMS DASHBOARD PRO
   ========================================================== */

.wb-dashboard-pro {
    display:flex;
    flex-direction:column;
    gap:12px;
}

.wb-dashboard-pro .wb-panel {
    border:1px solid rgba(113,157,194,.28);
    background:
        linear-gradient(
            145deg,
            rgba(12,34,52,.98),
            rgba(7,26,41,.98)
        );
    box-shadow:
        0 8px 28px rgba(0,0,0,.16);
}


/* KPI */

.wb-kpi-pro {
    gap:12px;
}

.wb-kpi-pro .wb-kpi-card {
    min-height:108px;
    padding:16px 18px;
    border:1px solid rgba(113,157,194,.30);
    background:
        linear-gradient(
            145deg,
            #0d263b,
            #091e30
        );
    box-shadow:
        0 7px 22px rgba(0,0,0,.16);
}

.wb-kpi-pro .wb-kpi-head > span {
    font-size:10px;
    font-weight:800;
    letter-spacing:.45px;
}

.wb-kpi-pro .wb-kpi-value {
    margin-top:7px;
    font-size:25px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-.4px;
}

.wb-kpi-pro .wb-kpi-card small {
    margin-top:8px;
    font-size:9.5px;
}

.wb-kpi-icon.red {
    color:#ff4662;
    background:rgba(255,70,98,.13);
}

.wb-kpi-value.negative,
.negative-text {
    color:#ff526b !important;
}

.positive-text {
    color:#36dc94 !important;
}


/* METRIC STRIP */

.wb-metric-strip {
    display:grid;
    grid-template-columns:
        repeat(4, minmax(0,1fr));
    border:1px solid rgba(113,157,194,.30);
    border-radius:8px;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            #0d263b,
            #091e30
        );
}

.wb-metric-item {
    min-height:72px;
    padding:10px 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    border-right:
        1px solid rgba(113,157,194,.25);
}

.wb-metric-item:last-child {
    border-right:0;
}

.wb-metric-symbol {
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#3b9cff;
    border:1px solid #3b9cff;
    font-size:16px;
    font-weight:800;
}

.wb-metric-item > div {
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wb-metric-item strong {
    color:#f3f8fc;
    font-size:18px;
    line-height:1.1;
}

.wb-metric-item small {
    color:#789bb6;
    font-size:9.5px;
}

.wb-metric-item.positive strong,
.wb-metric-item.positive .wb-metric-symbol {
    color:#3fe09a;
}

.wb-metric-item.positive .wb-metric-symbol {
    border-color:#3fe09a;
}


/* QUICK ACCESS */

.wb-quick-panel .wb-panel-head {
    min-height:43px;
}

.wb-dashboard-pro .wb-quick-grid {
    gap:8px;
    padding:10px;
}

.wb-dashboard-pro .wb-quick-card {
    min-height:57px;
    padding:8px 11px;
    border-color:rgba(103,155,196,.40);
    background:rgba(14,42,64,.72);
}

.wb-dashboard-pro .wb-quick-card:hover {
    transform:translateY(-1px);
    border-color:#268de0;
    background:rgba(18,53,80,.95);
}


/* MAIN AREA */

.wb-dashboard-main {
    grid-template-columns:
        minmax(0,1.7fr)
        minmax(300px,.9fr);
    gap:12px;
}


/* RECENT ORDERS */

.wb-recent-orders {
    padding:5px 12px 12px;
}

.wb-recent-head,
.wb-recent-row {
    display:grid;
    grid-template-columns:
        .8fr
        1.7fr
        .8fr
        .8fr
        .8fr
        .8fr;
    align-items:center;
    gap:8px;
}

.wb-recent-head {
    min-height:30px;
    padding:0 9px;
    color:#6288a6;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    border-bottom:
        1px solid rgba(113,157,194,.20);
}

.wb-recent-row {
    min-height:38px;
    padding:0 9px;
    color:#c8d8e4;
    text-decoration:none;
    font-size:10px;
    border-bottom:
        1px solid rgba(113,157,194,.12);
    transition:.15s ease;
}

.wb-recent-row:hover {
    background:rgba(34,112,172,.12);
}

.wb-recent-row > strong {
    color:#3c9cff;
}

.wb-status-badge {
    display:inline-flex;
    min-width:62px;
    justify-content:center;
    padding:4px 7px;
    border-radius:5px;
    color:#8bc9f6;
    background:rgba(31,119,187,.14);
    font-size:9px;
}


/* STATUS */

.wb-dashboard-pro .wb-status-list {
    padding:13px 15px;
}

.wb-dashboard-pro .wb-status-row {
    min-height:36px;
}

.wb-dashboard-pro .wb-status-bar {
    height:7px;
    border-radius:10px;
    overflow:hidden;
}

.wb-dashboard-pro .wb-status-bar i {
    min-width:0;
    border-radius:10px;
    background:
        linear-gradient(
            90deg,
            #177ac6,
            #3b9cff
        );
}

.wb-dashboard-pro .wb-status-bar.green i {
    background:
        linear-gradient(
            90deg,
            #1eaa70,
            #43df9b
        );
}


/* PROFITABILITY */

.wb-profitability {
    overflow:hidden;
}

.wb-profit-grid {
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
}

.wb-profit-item {
    position:relative;
    padding:16px 20px;
    border-right:
        1px solid rgba(113,157,194,.25);
}

.wb-profit-item:last-child {
    border-right:0;
}

.wb-profit-item > span {
    display:block;
    color:#6e95b2;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:.35px;
}

.wb-profit-item strong {
    display:block;
    margin-top:6px;
    color:#f2f7fb;
    font-size:21px;
    line-height:1.1;
}

.wb-profit-item small {
    display:block;
    margin-top:5px;
    color:#607f97;
    font-size:9px;
}

.wb-profit-item.positive strong {
    color:#36dc94;
}

.wb-margin-track {
    height:5px;
    margin:0 20px 15px;
    overflow:hidden;
    border-radius:10px;
    background:#122f46;
}

.wb-margin-fill {
    height:100%;
    min-width:0;
    border-radius:10px;
    background:
        linear-gradient(
            90deg,
            #1ebc78,
            #42e19b
        );
}


/* FOOTER */

.wb-dashboard-pro .wb-dashboard-footer {
    margin-top:3px;
    padding-top:12px;
}


/* RESPONSIVE */

@media (max-width:1100px) {

    .wb-metric-strip,
    .wb-profit-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .wb-dashboard-main {
        grid-template-columns:1fr;
    }

}


/* ==========================================================
   WOJBAR TMS DASHBOARD - CALC STYLE V2
   ========================================================== */

.tms-calc-dashboard {
    padding:16px 18px 10px;
    display:flex;
    flex-direction:column;
    gap:13px;
}


/* ----------------------------------------------------------
   KPI
   ---------------------------------------------------------- */

.tms-calc-kpis {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.tms-calc-kpi {
    min-height:105px;
    padding:15px 17px;
    border:1px solid #29465d;
    border-radius:8px;
    background:
        linear-gradient(
            145deg,
            #0d263b 0%,
            #091c2c 100%
        );
    box-shadow:
        0 7px 22px rgba(0,0,0,.20);
}

.tms-calc-kpi-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.tms-calc-kpi-top > span {
    color:#6d94b1;
    font-size:10px;
    font-weight:800;
    letter-spacing:.45px;
}

.tms-calc-kpi-top b {
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
}

.tms-calc-kpi-top b.green {
    color:#35df97;
    background:rgba(33,207,139,.14);
}

.tms-calc-kpi-top b.red {
    color:#ff4263;
    background:rgba(255,66,99,.14);
}

.tms-calc-kpi > strong {
    display:block;
    margin-top:3px;
    color:#f5f9fc;
    font-size:25px;
    font-weight:850;
    line-height:1.1;
    letter-spacing:-.4px;
}

.tms-calc-kpi > strong.profit {
    color:#f5f9fc;
}

.tms-calc-kpi > strong.loss {
    color:#ff536e;
}

.tms-calc-kpi > small {
    display:block;
    margin-top:8px;
    color:#63859f;
    font-size:9px;
}


/* ----------------------------------------------------------
   SECONDARY METRICS
   ---------------------------------------------------------- */

.tms-calc-secondary {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    min-height:68px;
    border:1px solid #29465d;
    border-radius:8px;
    overflow:hidden;
    background:
        linear-gradient(
            180deg,
            #0d263b,
            #091d2e
        );
}

.tms-calc-secondary-item {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    border-right:1px solid #29465d;
}

.tms-calc-secondary-item:last-child {
    border-right:0;
}

.tms-calc-secondary-item i {
    width:35px;
    height:35px;
    border:2px solid #238fe2;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#3aa3f5;
    font-size:14px;
    font-style:normal;
    font-weight:800;
}

.tms-calc-secondary-item i.green {
    color:#3ee09a;
    border-color:#35d994;
}

.tms-calc-secondary-item i.red {
    color:#ff4865;
    border-color:#ff4865;
}

.tms-calc-secondary-item > div {
    display:flex;
    flex-direction:column;
}

.tms-calc-secondary-item strong {
    color:#f5f9fc;
    font-size:18px;
    line-height:1.05;
}

.tms-calc-secondary-item strong.profit {
    color:#3ee09a;
}

.tms-calc-secondary-item span {
    margin-top:4px;
    color:#7896ad;
    font-size:9px;
}


/* ----------------------------------------------------------
   PANELS
   ---------------------------------------------------------- */

.tms-calc-panel {
    border:1px solid #29465d;
    border-radius:8px;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            #0c2438,
            #081b2a
        );
    box-shadow:
        0 7px 22px rgba(0,0,0,.16);
}

.tms-calc-panel-title {
    min-height:47px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #29465d;
}

.tms-calc-panel-title > div {
    display:flex;
    flex-direction:column;
    gap:3px;
}

.tms-calc-panel-title strong {
    color:#f2f7fb;
    font-size:11px;
    font-weight:850;
}

.tms-calc-panel-title span {
    color:#63839c;
    font-size:9px;
}

.tms-calc-panel-title a {
    color:#2999ed;
    font-size:9px;
    text-decoration:none;
}

.tms-calc-panel-title a:hover {
    color:#67bcfa;
}


/* ----------------------------------------------------------
   MIDDLE
   ---------------------------------------------------------- */

.tms-calc-middle {
    display:grid;
    grid-template-columns:1.65fr .85fr;
    gap:13px;
}


/* ----------------------------------------------------------
   ECONOMY
   ---------------------------------------------------------- */

.tms-economy {
    padding:17px 18px 14px;
}

.tms-economy-numbers {
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.tms-economy-numbers > div {
    padding:3px 17px 8px;
    border-right:1px solid #29465d;
}

.tms-economy-numbers > div:first-child {
    padding-left:0;
}

.tms-economy-numbers > div:last-child {
    border-right:0;
}

.tms-economy-numbers span {
    display:block;
    color:#718fa7;
    font-size:9px;
}

.tms-economy-numbers strong {
    display:block;
    margin-top:6px;
    color:#f5f8fb;
    font-size:20px;
}

.tms-economy-numbers strong.profit {
    color:#39df98;
}

.tms-economy-bar {
    height:13px;
    margin-top:17px;
    display:flex;
    overflow:hidden;
    border-radius:3px;
    background:#112f47;
}

.tms-economy-bar .cost {
    background:#e63e5c;
}

.tms-economy-bar .profitbar {
    background:#39d994;
}

.tms-economy-legend {
    margin-top:9px;
    display:flex;
    gap:20px;
    color:#7695ac;
    font-size:9px;
}

.tms-economy-legend span {
    display:flex;
    align-items:center;
    gap:6px;
}

.tms-economy-legend i {
    width:7px;
    height:7px;
    border-radius:50%;
}

.tms-economy-legend .cost i {
    background:#e63e5c;
}

.tms-economy-legend .profit i {
    background:#39d994;
}


/* ----------------------------------------------------------
   STATUS
   ---------------------------------------------------------- */

.tms-calc-status {
    padding:11px 16px 13px;
}

.tms-calc-status-row {
    min-height:36px;
    display:grid;
    grid-template-columns:75px 1fr 25px;
    gap:10px;
    align-items:center;
}

.tms-calc-status-row > span {
    color:#8aa8bd;
    font-size:9.5px;
}

.tms-calc-status-row > div {
    height:7px;
    overflow:hidden;
    border-radius:10px;
    background:#15354d;
}

.tms-calc-status-row > div i {
    display:block;
    height:100%;
    border-radius:10px;
    background:
        linear-gradient(
            90deg,
            #187bc8,
            #3ba7f8
        );
}

.tms-calc-status-row > strong {
    color:#f1f7fb;
    text-align:right;
    font-size:10px;
}


/* ----------------------------------------------------------
   ORDER TABLE
   ---------------------------------------------------------- */

.tms-order-table {
    padding:4px 14px 10px;
}

.tms-order-head,
.tms-order-row {
    display:grid;
    grid-template-columns:
        .8fr
        1.7fr
        .8fr
        .8fr
        .8fr
        .7fr
        .7fr;
    gap:10px;
    align-items:center;
}

.tms-order-head {
    min-height:31px;
    padding:0 7px;
    color:#6286a2;
    font-size:8.5px;
    font-weight:850;
    border-bottom:1px solid #29465d;
}

.tms-order-row {
    min-height:38px;
    padding:0 7px;
    color:#d3e0e9;
    font-size:9.5px;
    text-decoration:none;
    border-bottom:1px solid rgba(74,111,139,.22);
}

.tms-order-row:hover {
    background:rgba(33,118,182,.11);
}

.tms-order-row > strong {
    color:#299cf1;
}

.tms-order-row .profit {
    color:#38dc96;
}

.tms-order-row .loss {
    color:#ff526d;
}

.tms-order-status {
    display:inline-flex;
    min-width:58px;
    padding:4px 8px;
    justify-content:center;
    border-radius:4px;
    color:#7dc5f8;
    background:#103a58;
    font-size:8.5px;
}

.tms-no-orders {
    padding:30px;
    color:#7292aa;
    text-align:center;
    font-size:10px;
}

.tms-no-orders a {
    margin-left:10px;
    color:#36a3f3;
}


/* ----------------------------------------------------------
   SHORTCUTS
   ---------------------------------------------------------- */

.tms-shortcut-grid {
    padding:10px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}

.tms-shortcut-grid > a {
    min-height:52px;
    padding:7px 10px;
    display:grid;
    grid-template-columns:35px 1fr 15px;
    gap:9px;
    align-items:center;
    color:#dce7ee;
    text-decoration:none;
    border:1px solid #345671;
    border-radius:6px;
    background:#0e2a40;
    transition:.15s ease;
}

.tms-shortcut-grid > a:hover {
    transform:translateY(-1px);
    border-color:#278edc;
    background:#11344f;
}

.tms-shortcut-grid i {
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    color:#4baaf0;
    background:#12466d;
    font-style:normal;
    font-weight:800;
}

.tms-shortcut-grid div {
    display:flex;
    flex-direction:column;
    gap:3px;
}

.tms-shortcut-grid strong {
    color:#f1f6fa;
    font-size:9.5px;
}

.tms-shortcut-grid span {
    color:#65869e;
    font-size:8.5px;
}

.tms-shortcut-grid b {
    color:#54a9e6;
    font-size:17px;
}


/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

.tms-calc-footer {
    padding:8px 0 5px;
    color:#66869d;
    font-size:8.5px;
    text-align:center;
    border-top:1px solid #29465d;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:1150px) {

    .tms-calc-kpis {
        grid-template-columns:repeat(2,1fr);
    }

    .tms-calc-secondary {
        grid-template-columns:repeat(2,1fr);
    }

    .tms-calc-middle {
        grid-template-columns:1fr;
    }

    .tms-shortcut-grid {
        grid-template-columns:repeat(2,1fr);
    }

}


/* ==========================================================
   WOJBAR TMS DASHBOARD - SIZE V3
   Größer wie WOJBAR CALC
   ========================================================== */

.tms-calc-dashboard {
    padding:20px 20px 14px !important;
    gap:16px !important;
}


/* HAUPT-KPI */

.tms-calc-kpis {
    gap:14px !important;
}

.tms-calc-kpi {
    min-height:135px !important;
    padding:20px 22px !important;
    border-radius:9px !important;
}

.tms-calc-kpi-top > span {
    font-size:12px !important;
}

.tms-calc-kpi-top b {
    width:42px !important;
    height:42px !important;
    font-size:18px !important;
}

.tms-calc-kpi > strong {
    margin-top:7px !important;
    font-size:31px !important;
    line-height:1.1 !important;
}

.tms-calc-kpi > small {
    margin-top:10px !important;
    font-size:11px !important;
}


/* SEKUNDÄRE KPI */

.tms-calc-secondary {
    min-height:88px !important;
}

.tms-calc-secondary-item {
    gap:18px !important;
    padding:10px 18px !important;
}

.tms-calc-secondary-item i {
    width:43px !important;
    height:43px !important;
    font-size:17px !important;
}

.tms-calc-secondary-item strong {
    font-size:23px !important;
}

.tms-calc-secondary-item span {
    margin-top:5px !important;
    font-size:11px !important;
}


/* PANELS */

.tms-calc-middle {
    gap:14px !important;
}

.tms-calc-panel {
    border-radius:9px !important;
}

.tms-calc-panel-title {
    min-height:58px !important;
    padding:0 18px !important;
}

.tms-calc-panel-title strong {
    font-size:13px !important;
}

.tms-calc-panel-title span {
    margin-top:2px !important;
    font-size:10.5px !important;
}

.tms-calc-panel-title a {
    font-size:10.5px !important;
}


/* WIRTSCHAFTLICHKEIT */

.tms-economy {
    padding:22px 22px 18px !important;
}

.tms-economy-numbers > div {
    padding:6px 22px 12px !important;
}

.tms-economy-numbers > div:first-child {
    padding-left:0 !important;
}

.tms-economy-numbers span {
    font-size:11px !important;
}

.tms-economy-numbers strong {
    margin-top:8px !important;
    font-size:25px !important;
}

.tms-economy-bar {
    height:17px !important;
    margin-top:21px !important;
}

.tms-economy-legend {
    margin-top:11px !important;
    gap:25px !important;
    font-size:10.5px !important;
}

.tms-economy-legend i {
    width:9px !important;
    height:9px !important;
}


/* AUFTRAGSSTATUS */

.tms-calc-status {
    padding:16px 20px 18px !important;
}

.tms-calc-status-row {
    min-height:45px !important;
    grid-template-columns:90px 1fr 30px !important;
    gap:14px !important;
}

.tms-calc-status-row > span {
    font-size:11px !important;
}

.tms-calc-status-row > div {
    height:9px !important;
}

.tms-calc-status-row > strong {
    font-size:12px !important;
}


/* LETZTE TRANSPORTAUFTRÄGE */

.tms-order-table {
    padding:7px 18px 15px !important;
}

.tms-order-head {
    min-height:39px !important;
    padding:0 9px !important;
    font-size:10px !important;
}

.tms-order-row {
    min-height:48px !important;
    padding:0 9px !important;
    font-size:11px !important;
}

.tms-order-status {
    min-width:68px !important;
    padding:5px 10px !important;
    font-size:10px !important;
}


/* SCHNELLZUGRIFF */

.tms-shortcut-grid {
    padding:13px !important;
    gap:10px !important;
}

.tms-shortcut-grid > a {
    min-height:67px !important;
    padding:10px 13px !important;
    grid-template-columns:43px 1fr 18px !important;
    gap:12px !important;
}

.tms-shortcut-grid i {
    width:42px !important;
    height:42px !important;
    font-size:14px !important;
}

.tms-shortcut-grid strong {
    font-size:11px !important;
}

.tms-shortcut-grid span {
    margin-top:2px !important;
    font-size:10px !important;
}

.tms-shortcut-grid b {
    font-size:21px !important;
}


/* FOOTER */

.tms-calc-footer {
    padding:12px 0 8px !important;
    font-size:9.5px !important;
}



/* ==========================================================
   WOJBAR TMS KPI - WOJBAR CALC LOOK
   ========================================================== */

/* Karten */

.tms-calc-kpis {
    gap:16px !important;
}

.tms-calc-kpi {
    position:relative !important;
    min-height:145px !important;
    padding:22px 26px !important;

    border:1px solid #31506a !important;
    border-radius:9px !important;

    background:
        linear-gradient(
            145deg,
            #0d263b 0%,
            #091c2d 100%
        ) !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.18) !important;
}


/* Überschrift */

.tms-calc-kpi-top > span {
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:13px !important;
    line-height:1 !important;

    font-weight:800 !important;
    letter-spacing:.1px !important;

    color:#42df9a !important;
}


/* EK-Kosten rot */

.tms-calc-kpi:nth-child(2)
.tms-calc-kpi-top > span {
    color:#ff3658 !important;
}


/* Hauptzahl */

.tms-calc-kpi > strong {
    display:block !important;

    margin-top:15px !important;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:35px !important;
    line-height:1 !important;

    font-weight:800 !important;
    letter-spacing:-.7px !important;

    color:#f5f7fb !important;

    text-shadow:
        0 1px 1px rgba(0,0,0,.25) !important;
}


/* Gewinn/Marge Zahl trotzdem weiß wie CALC */

.tms-calc-kpi > strong.profit {
    color:#f5f7fb !important;
}


/* Negativwert */

.tms-calc-kpi > strong.loss {
    color:#ff4664 !important;
}


/* Beschreibung unten */

.tms-calc-kpi > small {
    display:block !important;

    margin-top:13px !important;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:11px !important;
    font-weight:500 !important;

    color:#42dc98 !important;
}


/* EK Beschreibung rot */

.tms-calc-kpi:nth-child(2) > small {
    color:#ff3658 !important;
}


/* Icons */

.tms-calc-kpi-top b {
    position:absolute !important;

    top:28px !important;
    right:25px !important;

    width:55px !important;
    height:55px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:25px !important;
    font-weight:600 !important;
}


/* grüne Icons */

.tms-calc-kpi-top b.green {
    color:#42e19b !important;

    background:
        rgba(38,199,139,.17) !important;
}


/* rotes EK Icon */

.tms-calc-kpi-top b.red {
    color:#ff3155 !important;

    background:
        rgba(255,49,85,.17) !important;
}


/* etwas mehr Platz für große Zahl */

.tms-calc-kpi > strong {
    padding-right:65px !important;
}


/* Auf kleineren Bildschirmen */

@media (max-width:1250px) {

    .tms-calc-kpi > strong {
        font-size:29px !important;
    }

    .tms-calc-kpi-top b {
        width:47px !important;
        height:47px !important;
        font-size:21px !important;
    }

}



/* ==========================================================
   KPI SIZE FINE TUNING
   ========================================================== */

.tms-calc-kpi {
    min-height:125px !important;
    padding:18px 21px !important;
}

.tms-calc-kpi-top > span {
    font-size:11.5px !important;
}

.tms-calc-kpi > strong {
    margin-top:11px !important;
    font-size:30px !important;
    letter-spacing:-.5px !important;
    padding-right:55px !important;
}

.tms-calc-kpi > small {
    margin-top:10px !important;
    font-size:10px !important;
}

.tms-calc-kpi-top b {
    top:23px !important;
    right:21px !important;
    width:47px !important;
    height:47px !important;
    font-size:21px !important;
}



/* ==========================================================
   WOJBAR TMS DASHBOARD
   EXAKTE SCHRIFTFAMILIE WIE WOJBAR CALC
   ========================================================== */

.tms-calc-dashboard,
.tms-calc-dashboard *,
.tms-calc-kpi,
.tms-calc-kpi *,
.tms-calc-secondary,
.tms-calc-secondary *,
.tms-calc-panel,
.tms-calc-panel *,
.tms-order-table,
.tms-order-table *,
.tms-shortcut-grid,
.tms-shortcut-grid * {
    font-family: Tahoma, Verdana, sans-serif !important;
}


/* KPI Titel wie CALC */

.tms-calc-kpi-top > span {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
}


/* KPI Zahlen wie CALC */

.tms-calc-kpi > strong {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
}


/* KPI Unterzeile */

.tms-calc-kpi > small {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:500 !important;
}


/* KPI Icons */

.tms-calc-kpi-top b {
    font-family: Tahoma, Verdana, sans-serif !important;
}


/* Sekundäre Kennzahlen */

.tms-calc-secondary-item strong {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:800 !important;
}


/* Panel Überschriften */

.tms-calc-panel-title strong {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:800 !important;
}


/* Wirtschaftlichkeit */

.tms-economy-numbers strong {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:800 !important;
}


/* Tabelle */

.tms-order-head {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:700 !important;
}

.tms-order-row {
    font-family: Tahoma, Verdana, sans-serif !important;
}


/* Schnellzugriff */

.tms-shortcut-grid strong {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight:700 !important;
}



/* ==========================================================
   WOJBAR TMS - SIDEBAR GLOBAL LARGE
   Gilt auf allen Seiten
   ========================================================== */

.wb-sidebar,
.wb-sidebar * {
    font-family: Tahoma, Verdana, sans-serif !important;
}


/* Hauptbuttons */

.wb-side-nav .wb-side-item {
    min-height:52px !important;
    height:52px !important;

    padding:0 15px !important;

    display:flex !important;
    align-items:center !important;

    border-radius:7px !important;
}


/* Abstand zwischen Hauptbuttons */

.wb-side-nav {
    gap:5px !important;
}

.wb-side-group {
    margin:0 !important;
}


/* Icon links */

.wb-side-item .wb-side-icon {
    width:30px !important;
    min-width:30px !important;

    font-size:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* Beschriftung */

.wb-side-item .wb-side-label {
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
}


/* Pfeil rechts */

.wb-side-item .wb-side-arrow {
    margin-left:auto !important;
    font-size:21px !important;
}


/* Untermenü */

.wb-side-submenu {
    padding:5px 0 6px 43px !important;
}


/* Untermenü-Buttons */

.wb-side-submenu a {
    min-height:37px !important;

    padding:8px 10px !important;

    display:flex !important;
    align-items:center !important;

    font-size:12.5px !important;
    font-weight:600 !important;

    border-radius:5px !important;
}


/* etwas mehr Abstand im Untermenü */

.wb-side-submenu {
    gap:2px !important;
}


/* aktiver Hauptbutton */

.wb-side-item.active {
    font-weight:700 !important;
}


/* Logo etwas passend zur größeren Navigation */

.wb-logo {
    margin-bottom:16px !important;
}



/* ==========================================================
   DASHBOARD - SCHNELLZUGRIFF GRÖSSER
   ========================================================== */

.tms-shortcut-grid {
    padding:15px !important;
    gap:13px !important;
}

.tms-shortcut-grid > a {
    min-height:82px !important;

    padding:13px 16px !important;

    grid-template-columns:
        52px 1fr 22px !important;

    gap:14px !important;

    border-radius:8px !important;
}


/* ICON */

.tms-shortcut-grid i {
    width:50px !important;
    height:50px !important;

    border-radius:7px !important;

    font-size:18px !important;
}


/* TITEL */

.tms-shortcut-grid strong {
    font-size:13px !important;
    font-weight:700 !important;
}


/* BESCHREIBUNG */

.tms-shortcut-grid span {
    margin-top:4px !important;

    font-size:11px !important;
    line-height:1.25 !important;
}


/* PFEIL RECHTS */

.tms-shortcut-grid b {
    font-size:25px !important;
}


/* HOVER */

.tms-shortcut-grid > a:hover {
    transform:translateY(-2px) !important;
}



/* ==========================================================
   DASHBOARD - LETZTE TRANSPORTAUFTRÄGE GRÖSSER
   ========================================================== */

/* Panel-Überschrift */

.tms-calc-orders .tms-calc-panel-title,
.tms-calc-orders .tms-calc-panel-head {
    padding:16px 18px !important;
}

.tms-calc-orders .tms-calc-panel-title strong,
.tms-calc-orders .tms-calc-panel-head strong {
    font-size:16px !important;
    font-weight:800 !important;
}


/* Untertitel */

.tms-calc-orders .tms-calc-panel-title span,
.tms-calc-orders .tms-calc-panel-head span {
    font-size:12px !important;
}


/* "Alle anzeigen" */

.tms-calc-orders .tms-calc-panel-title a,
.tms-calc-orders .tms-calc-panel-head a {
    font-size:12px !important;
    font-weight:600 !important;
}


/* Tabellenkopf */

.tms-calc-orders .tms-order-head {
    min-height:52px !important;
    padding:0 12px !important;

    font-size:12px !important;
    font-weight:700 !important;

    align-items:center !important;
}


/* Auftragszeilen */

.tms-calc-orders .tms-order-row {
    min-height:61px !important;
    padding:0 12px !important;

    font-size:13px !important;

    align-items:center !important;
}


/* WB-NR. */

.tms-calc-orders .tms-order-row a {
    font-size:13px !important;
    font-weight:700 !important;
}


/* Geldwerte und Marge */

.tms-calc-orders .tms-order-row strong {
    font-size:13px !important;
    font-weight:700 !important;
}


/* Status */

.tms-calc-orders .tms-order-status {
    min-width:96px !important;
    min-height:34px !important;

    padding:8px 14px !important;

    font-size:12px !important;
    font-weight:700 !important;
}


/* gesamte Tabelle etwas luftiger */

.tms-calc-orders .tms-order-table {
    padding:0 12px 12px !important;
}



/* ==========================================================
   DASHBOARD - LETZTE TRANSPORTAUFTRÄGE LARGE
   ========================================================== */

/* Überschriftsbereich */

.tms-orders-panel .tms-calc-panel-title {
    min-height:78px !important;
    padding:16px 20px !important;
}


/* Hauptüberschrift */

.tms-orders-panel .tms-calc-panel-title strong {
    display:block !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
}


/* Untertitel */

.tms-orders-panel .tms-calc-panel-title span {
    display:block !important;

    margin-top:7px !important;

    font-size:12.5px !important;
    line-height:1.2 !important;
}


/* Alle anzeigen */

.tms-orders-panel .tms-calc-panel-title > a {
    font-size:13px !important;
    font-weight:600 !important;
}


/* Tabellenkopf */

.tms-orders-panel .tms-order-head {
    min-height:58px !important;

    padding-left:16px !important;
    padding-right:16px !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;

    align-items:center !important;
}


/* einzelne Tabellenüberschriften */

.tms-orders-panel .tms-order-head > span {
    font-size:13px !important;
    font-weight:700 !important;
}


/* Auftragszeile */

.tms-orders-panel .tms-order-row {
    min-height:66px !important;

    padding-left:16px !important;
    padding-right:16px !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:14px !important;

    align-items:center !important;
}


/* alle Werte */

.tms-orders-panel .tms-order-row > span {
    font-size:14px !important;
}


/* WB-NR */

.tms-orders-panel .tms-order-row > strong {
    font-size:14px !important;
    font-weight:800 !important;
}


/* Gewinn / Marge */

.tms-orders-panel .tms-order-row .profit,
.tms-orders-panel .tms-order-row .loss {
    font-size:14px !important;
    font-weight:700 !important;
}


/* Statusbutton */

.tms-orders-panel .tms-order-status {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:100px !important;
    height:36px !important;

    padding:0 16px !important;

    font-size:12.5px !important;
    font-weight:700 !important;

    border-radius:6px !important;
}


/* Leerzustand */

.tms-orders-panel .tms-no-orders {
    min-height:80px !important;
    padding:20px !important;
    font-size:14px !important;
}



/* ==========================================================
   DASHBOARD - FINAL FINE TUNING
   Inhalt minimal kleiner
   Schnellzugriff bleibt unverändert
   ========================================================== */


/* ---------- TOP KPI ---------- */

.tms-calc-kpi {
    min-height:116px !important;
    padding:16px 19px !important;
}

.tms-calc-kpi-top > span {
    font-size:11px !important;
}

.tms-calc-kpi > strong {
    font-size:28px !important;
}

.tms-calc-kpi > small {
    font-size:9.5px !important;
}

.tms-calc-kpi-top b {
    width:44px !important;
    height:44px !important;
    font-size:19px !important;
}


/* ---------- ZWEITE KPI-ZEILE ---------- */

.tms-calc-secondary {
    min-height:74px !important;
}

.tms-calc-secondary-item strong {
    font-size:21px !important;
}

.tms-calc-secondary-item span,
.tms-calc-secondary-item small {
    font-size:10px !important;
}


/* ---------- WIRTSCHAFTLICHKEIT / STATUS ---------- */

.tms-calc-middle .tms-calc-panel-title {
    padding:12px 16px !important;
}

.tms-calc-middle .tms-calc-panel-title strong {
    font-size:13px !important;
}

.tms-calc-middle .tms-calc-panel-title span {
    font-size:10px !important;
}

.tms-economy-numbers strong {
    font-size:22px !important;
}


/* ---------- LETZTE TRANSPORTAUFTRÄGE ---------- */

.tms-orders-panel .tms-calc-panel-title {
    min-height:68px !important;
    padding:13px 18px !important;
}

.tms-orders-panel .tms-calc-panel-title strong {
    font-size:15px !important;
}

.tms-orders-panel .tms-calc-panel-title span {
    margin-top:5px !important;
    font-size:11px !important;
}

.tms-orders-panel .tms-calc-panel-title > a {
    font-size:11.5px !important;
}

.tms-orders-panel .tms-order-head {
    min-height:50px !important;
    font-size:12px !important;
}

.tms-orders-panel .tms-order-head > span {
    font-size:12px !important;
}

.tms-orders-panel .tms-order-row {
    min-height:58px !important;
    font-size:13px !important;
}

.tms-orders-panel .tms-order-row > span,
.tms-orders-panel .tms-order-row > strong,
.tms-orders-panel .tms-order-row .profit,
.tms-orders-panel .tms-order-row .loss {
    font-size:13px !important;
}

.tms-orders-panel .tms-order-status {
    min-width:92px !important;
    height:32px !important;
    font-size:11.5px !important;
}


/* ==========================================================
   SCHNELLZUGRIFF
   absichtlich KEINE Änderung
   ========================================================== */



/* ==========================================================
   DASHBOARD - LETZTE TRANSPORTAUFTRÄGE ALLES FETT
   ========================================================== */

.tms-orders-panel .tms-order-head,
.tms-orders-panel .tms-order-head > span {
    font-weight:700 !important;
}

.tms-orders-panel .tms-order-row,
.tms-orders-panel .tms-order-row > strong,
.tms-orders-panel .tms-order-row > span,
.tms-orders-panel .tms-order-row .profit,
.tms-orders-panel .tms-order-row .loss {
    font-family:Tahoma, Verdana, sans-serif !important;
    font-weight:700 !important;
}

.tms-orders-panel .tms-order-status {
    font-weight:700 !important;
}



/* ==========================================================
   ALLE TRANSPORTAUFTRÄGE - GRÖSSER
   Rechte Aktionsbuttons bleiben unverändert
   ========================================================== */


/* ---------- SUCH-/FILTERLEISTE ---------- */

.partner-toolbar {
    min-height:72px !important;
    padding:12px 16px !important;
    gap:12px !important;
}

.partner-toolbar input,
.partner-toolbar select {
    height:43px !important;
    min-height:43px !important;

    padding:0 14px !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
}

.partner-toolbar button {
    min-height:43px !important;
    padding:0 20px !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.search-icon {
    font-size:25px !important;
}


/* ---------- KLEINE WERKZEUGLEISTE ÜBER TABELLE ---------- */

.partner-table-toolbar {
    min-height:55px !important;
    padding:9px 12px !important;
}

.partner-table-toolbar button,
.partner-table-toolbar a {
    min-width:42px !important;
    height:38px !important;

    font-size:14px !important;
    font-weight:700 !important;
}


/* ---------- TRANSPORTAUFTRAGS-TABELLE ---------- */

.transport-order-table {
    font-family:Tahoma, Verdana, sans-serif !important;
}


/* Tabellenkopf */

.transport-order-table thead th {
    height:48px !important;
    min-height:48px !important;

    padding:10px 11px !important;

    font-size:13px !important;
    font-weight:700 !important;

    vertical-align:middle !important;
}


/* Sortier-/Headertexte */

.transport-order-table thead th,
.transport-order-table .partner-sort-link {
    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
}


/* Datenzeilen */

.transport-order-table tbody tr {
    height:48px !important;
    min-height:48px !important;
}


/* Tabellenwerte */

.transport-order-table tbody td {
    height:48px !important;

    padding:9px 10px !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:12.5px !important;
    font-weight:600 !important;

    vertical-align:middle !important;
}


/* WB-NR. */

.transport-order-table tbody td:first-child {
    font-size:13px !important;
    font-weight:700 !important;
}


/* Marge / positive Werte */

.transport-order-table tbody td .profit,
.transport-order-table tbody td.profit {
    font-weight:700 !important;
}


/* Status */

.transport-order-table .status-badge,
.transport-order-table .order-status {
    min-height:29px !important;
    padding:6px 12px !important;

    font-size:11.5px !important;
    font-weight:700 !important;
}


/* ---------- TABELLENBEREICH MEHR HÖHE ---------- */

.partner-table-area {
    min-height:610px !important;
}


/* ==========================================================
   RECHTE AKTIONSLEISTE
   bewusst NICHT vergrößern
   ========================================================== */

.partner-content > .partner-actions {
    width:125px !important;
    min-width:125px !important;
    max-width:125px !important;
    flex:0 0 125px !important;
}

.partner-content > .partner-actions button,
.partner-content > .partner-actions a {
    height:27px !important;
    min-height:27px !important;

    padding:3px 6px !important;

    font-size:9.5px !important;
    line-height:1 !important;
}



/* ==========================================================
   TRANSPORTAUFTRÄGE - COMPACT / CENTERED / UNIFORM
   ========================================================== */

/* Tabellenkopf */

.transport-order-table thead tr {
    height:40px !important;
}

.transport-order-table thead th {
    height:40px !important;
    min-height:40px !important;

    padding:5px 8px !important;

    text-align:center !important;
    vertical-align:middle !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
}


/* sortierbare Überschriften */

.transport-order-table .partner-sort-link {
    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
}


/* Datenzeile */

.transport-order-table tbody tr {
    height:40px !important;
    min-height:40px !important;
}


/* ALLE Tabellenwerte identisch */

.transport-order-table tbody td {
    height:40px !important;
    min-height:40px !important;

    padding:5px 8px !important;

    text-align:center !important;
    vertical-align:middle !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.1 !important;

    white-space:nowrap !important;
}


/* WB-NR ebenfalls exakt gleiche Größe */

.transport-order-table tbody td:first-child {
    font-size:13px !important;
    font-weight:700 !important;
}


/* Gewinn/Marge gleiche Schriftgröße */

.transport-order-table tbody td.profit,
.transport-order-table tbody td .profit,
.transport-order-table tbody td.loss,
.transport-order-table tbody td .loss {
    font-size:13px !important;
    font-weight:700 !important;
}


/* Status mittig und kompakter */

.transport-order-table .status-badge,
.transport-order-table .order-status {
    min-height:26px !important;
    height:26px !important;

    padding:4px 11px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
}



/* ==========================================================
   TRANSPORTAUFTRÄGE - FINAL COMPACT TABLE
   ========================================================== */


/* ---------- KOPF ---------- */

.transport-order-table thead tr {
    height:34px !important;
}

.transport-order-table thead th {
    height:34px !important;
    min-height:34px !important;

    padding:3px 6px !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;

    text-align:center !important;
    vertical-align:middle !important;
}

.transport-order-table .partner-sort-link {
    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:100% !important;
    width:100% !important;
}


/* ---------- DATENZEILE ---------- */

.transport-order-table tbody tr {
    height:34px !important;
    min-height:34px !important;
}

.transport-order-table tbody td {
    height:34px !important;
    min-height:34px !important;

    padding:3px 6px !important;

    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;

    text-align:center !important;
    vertical-align:middle !important;

    white-space:nowrap !important;
}


/* ---------- ALLE INHALTE GLEICHE SCHRIFTGRÖSSE ---------- */

.transport-order-table tbody td *,
.transport-order-table tbody td:first-child,
.transport-order-table tbody td:first-child *,
.transport-order-table tbody td.profit,
.transport-order-table tbody td .profit,
.transport-order-table tbody td.loss,
.transport-order-table tbody td .loss {
    font-family:Tahoma, Verdana, sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
}


/* ---------- STATUS KOMPAKT ---------- */

.transport-order-table .status-badge,
.transport-order-table .order-status {
    height:24px !important;
    min-height:24px !important;

    padding:2px 9px !important;

    font-size:12px !important;
    font-weight:700 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* ---------- LINKS IN ZELLEN ---------- */

.transport-order-table tbody td a {
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
}



/* ==========================================================
   TRANSPORTAUFTRÄGE - EXTRA COMPACT
   ========================================================== */

.transport-order-table thead tr,
.transport-order-table thead th {
    height:29px !important;
    min-height:29px !important;
}

.transport-order-table thead th {
    padding:2px 5px !important;
}


.transport-order-table tbody tr,
.transport-order-table tbody td {
    height:30px !important;
    min-height:30px !important;
}

.transport-order-table tbody td {
    padding:2px 5px !important;
}


/* Status ebenfalls etwas flacher */

.transport-order-table .status-badge,
.transport-order-table .order-status {
    height:22px !important;
    min-height:22px !important;
    padding:1px 8px !important;
}



/* ==========================================================
   TRANSPORTAUFTRÄGE - ULTRA COMPACT
   ========================================================== */

.transport-order-table thead tr,
.transport-order-table thead th {
    height:25px !important;
    min-height:25px !important;
}

.transport-order-table thead th {
    padding:1px 4px !important;
}


/* Datenzeilen */

.transport-order-table tbody tr,
.transport-order-table tbody td {
    height:26px !important;
    min-height:26px !important;
}

.transport-order-table tbody td {
    padding:1px 4px !important;
}


/* Status */

.transport-order-table .status-badge,
.transport-order-table .order-status {
    height:20px !important;
    min-height:20px !important;

    padding:1px 7px !important;

    font-size:12px !important;
    line-height:1 !important;
}



/* ==========================================================
   TRANSPORTAUFTRAG - DOKUMENTE
   ========================================================== */

.wo-document-body {
    padding: 12px;
}

.wo-document-controls {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 12px;
    margin-bottom: 10px;
}

.wo-document-controls label {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.wo-document-controls label > span {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #9eb4c9;
}

.wo-document-controls select,
.wo-document-controls input {
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #1b324a;
    border-radius: 5px;
    background: #071625;
    color: #f5f8fc;
    padding: 0 10px;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 12px;
}

.wo-document-dropzone {
    min-height: 105px;
    border: 2px dashed #315675;
    border-radius: 7px;
    background: #081827;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: .15s ease;
    color: #f5f8fc;
}

.wo-document-dropzone:hover,
.wo-document-dropzone.dragover {
    border-color: #3987ff;
    background: #0b2137;
}

.wo-drop-icon {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1475d1;
    font-size: 19px;
    font-weight: 700;
}

.wo-document-dropzone strong {
    font-size: 13px;
}

.wo-document-dropzone span {
    font-size: 11px;
    color: #a5b8ca;
}

.wo-document-dropzone small {
    font-size: 10px;
    color: #6f879d;
}

.wo-document-progress {
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid #245c8e;
    border-radius: 5px;
    background: #0a2034;
    font-size: 11px;
    font-weight: 700;
}

.wo-document-list {
    margin-top: 12px;
    border: 1px solid #1b324a;
    border-radius: 6px;
    overflow: hidden;
}

.wo-document-list-head,
.wo-document-row {
    display: grid;
    grid-template-columns:
        minmax(230px, 2fr)
        130px
        minmax(180px, 1fr)
        90px
        130px
        150px;
    align-items: center;
}

.wo-document-list-head {
    min-height: 31px;
    background: #0b2135;
    border-bottom: 1px solid #1b324a;
}

.wo-document-list-head span {
    padding: 6px 9px;
    font-size: 10px;
    font-weight: 700;
    color: #8fa8bf;
}

.wo-document-row {
    min-height: 38px;
    border-bottom: 1px solid #132b40;
}

.wo-document-row:last-child {
    border-bottom: 0;
}

.wo-document-row > span {
    padding: 6px 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
}

.wo-document-name {
    font-weight: 700;
    color: #eef6ff;
}

.wo-document-actions {
    display: flex;
    gap: 5px;
}

.wo-doc-button {
    min-height: 25px;
    padding: 5px 8px;
    box-sizing: border-box;
    border: 1px solid #2869a6;
    border-radius: 4px;
    background: #126cc1;
    color: white;
    text-decoration: none;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.wo-doc-button.danger {
    border-color: #773542;
    background: #6b2531;
}

.wo-document-empty {
    padding: 16px;
    text-align: center;
    font-size: 11px;
    color: #7f96aa;
}



/* ==========================================================
   TRANSPORTAUFTRAG - DOKUMENTAKTIONEN
   ========================================================== */

.wo-order-document-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    margin: 12px 0 5px;
}

.wo-order-document-actions .wo-button {
    min-width: 125px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    font-weight: 700;
}

.wo-print-action {
    background: #173f63 !important;
    border-color: #28587d !important;
    color: #fff !important;
}

.wo-pdf-action {
    background: #126cc1 !important;
    border-color: #3987ff !important;
    color: #fff !important;
}

.wo-mail-action {
    background: #146b47 !important;
    border-color: #24865e !important;
    color: #fff !important;
}



/* ==========================================================
   WOJBAR LOGO ICON
   ========================================================== */

.wb-logo-mark {
    padding: 0 !important;
    overflow: hidden;
    background: transparent !important;
}

.wb-logo-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}



/* ==========================================================
   WOJBAR LOGO - FINAL
   exakt wie Favicon
   ========================================================== */

.wb-logo .wb-logo-mark {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: none !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    border-radius: 0 !important;

    transform: none !important;
    clip-path: none !important;

    overflow: visible !important;

    font-size: 0 !important;
    color: transparent !important;
}

.wb-logo .wb-logo-mark::before,
.wb-logo .wb-logo-mark::after {
    display: none !important;
    content: none !important;
}

.wb-logo .wb-logo-image {
    display: block !important;

    width: 56px !important;
    height: 56px !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    border-radius: 11px !important;

    object-fit: contain !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}



/* ==========================================================
   WOJBAR SIDEBAR LOGO - COMPACT
   ========================================================== */

.wb-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.wb-logo .wb-logo-mark {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.wb-logo .wb-logo-image {
    width: 40px !important;
    height: 40px !important;

    display: block !important;
    object-fit: contain !important;

    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.wb-logo-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.wb-logo-text strong {
    margin: 0 !important;
    line-height: 1.05 !important;
}

.wb-logo-text span {
    margin-top: 4px !important;
    line-height: 1 !important;
}



/* WOJBAR Sidebar Logo - transparent */
.wb-logo .wb-logo-mark {
    background: transparent !important;
    overflow: visible !important;
}

.wb-logo .wb-logo-image {
    width: 42px !important;
    height: 42px !important;
    background: transparent !important;
    border-radius: 0 !important;
}



/* ==========================================================
   WOJBAR SIDEBAR LOGO - LARGE FINAL
   ========================================================== */

.wb-logo {
    gap: 16px !important;
}

.wb-logo .wb-logo-mark {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
}

.wb-logo .wb-logo-image {
    width: 54px !important;
    height: 54px !important;
}

.wb-logo-text strong {
    font-size: 27px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
}

.wb-logo-text span {
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    margin-top: 5px !important;
}



/* WOJBAR Logo - TMS mittig unter WOJBAR */

.wb-logo-text {
    align-items: center !important;
}

.wb-logo-text span {
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}



/* WOJBAR WB Logo */
.wb-logo .wb-logo-mark {
    width: 72px !important;
    min-width: 72px !important;
    height: 54px !important;
}

.wb-logo .wb-logo-image {
    width: 72px !important;
    height: 54px !important;
    object-fit: contain !important;
}



/* ==========================================================
   WB TMS BRANDING
   ========================================================== */

.wb-logo {
    gap: 15px !important;
}

.wb-logo-text-tms {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wb-logo-text-tms strong {
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #2684ff !important;
    letter-spacing: .5px !important;
}



/* ==========================================================
   WB TMS - TMS TECH STYLE
   WB bleibt unverändert
   ========================================================== */

.wb-logo-text-tms {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 0 3px 7px 3px !important;
}

.wb-logo-text-tms strong {
    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif !important;
    font-size: 29px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 3px !important;
    color: #2684ff !important;
}

/* feine technische Linie unter TMS */
.wb-logo-text-tms::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    right: 7px !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #2684ff !important;
    border-radius: 2px !important;
    opacity: .75 !important;
}



/* ==========================================================
   WB TMS - TMS BOLD FINAL
   ========================================================== */

.wb-logo-text-tms {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 0 !important;
}

.wb-logo-text-tms strong {
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 31px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: 1px !important;
    color: #2684ff !important;
}

/* vorherige Linie entfernen */
.wb-logo-text-tms::after {
    content: none !important;
    display: none !important;
}



/* ==========================================================
   WB TMS - STYLISH TECH
   WB bleibt unverändert
   ========================================================== */

.wb-logo-text-tms {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 0 13px 0 1px !important;
    overflow: visible !important;
}

.wb-logo-text-tms strong {
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 31px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    font-style: italic !important;
    letter-spacing: 1.5px !important;
    color: #2684ff !important;
    transform: skewX(-4deg) !important;
    text-shadow: 0 0 12px rgba(38,132,255,.16) !important;
}

/* alter Unterstrich bleibt entfernt */
.wb-logo-text-tms::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    width: 11px !important;
    height: 4px !important;

    right: 0 !important;
    top: 11px !important;

    background: #2684ff !important;
    border-radius: 1px !important;

    transform: skewX(-25deg) !important;
    box-shadow:
        4px 7px 0 -1px rgba(38,132,255,.65) !important;
}



/* ==========================================================
   WB TMS - 3D TECH FINAL
   WB bleibt unverändert
   ========================================================== */

.wb-logo-text-tms {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 0 5px !important;
    overflow: visible !important;
}

.wb-logo-text-tms strong {
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    font-style: italic !important;
    letter-spacing: 1px !important;

    color: #2684ff !important;

    transform: skewX(-5deg) !important;

    /* 3D Tiefe + Licht */
    text-shadow:
        1px 1px 0 #1769c7,
        2px 2px 0 #1458a6,
        3px 3px 0 #104781,
        4px 4px 0 #0b365f,
        5px 5px 7px rgba(0,0,0,.45),
        0 0 10px rgba(38,132,255,.18) !important;

    position: relative !important;
    z-index: 2 !important;
}

/* kleiner High-Tech Akzent */
.wb-logo-text-tms::before {
    content: "" !important;
    position: absolute !important;

    left: 9px !important;
    right: 7px !important;
    top: -5px !important;

    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #2684ff 20%,
        #67b0ff 50%,
        #2684ff 80%,
        transparent 100%
    ) !important;

    opacity: .8 !important;
    transform: skewX(-25deg) !important;
}

/* alten rechten Speed-Akzent entfernen */
.wb-logo-text-tms::after {
    content: none !important;
    display: none !important;
}



/* WB TMS - TMS SIZE FINAL */
.wb-logo-text-tms strong {
    font-size: 36px !important;
}



/* ==========================================================
   WB TMS - PROPORTION FINAL
   gleiche optische Größe
   ========================================================== */

.wb-logo {
    gap: 12px !important;
}

.wb-logo-text-tms {
    padding: 0 4px !important;
}

.wb-logo-text-tms strong {
    font-size: 40px !important;
    line-height: .95 !important;
}

/* Lichtakzent passend zur größeren TMS-Schrift */
.wb-logo-text-tms::before {
    left: 7px !important;
    right: 3px !important;
    top: -6px !important;
}



/* ==========================================================
   WB TMS - VERTICAL ALIGNMENT
   ========================================================== */

.wb-logo-text-tms {
    transform: translateY(6px) !important;
}



/* ==========================================================
   WB TMS - BIGGER + STRONGER 3D
   ========================================================== */

.wb-logo {
    gap: 10px !important;
}

.wb-logo-text-tms {
    transform: translateY(6px) !important;
    padding: 0 7px 0 2px !important;
    overflow: visible !important;
}

.wb-logo-text-tms strong {
    font-size: 43px !important;
    line-height: .92 !important;
    font-weight: 900 !important;
    letter-spacing: .5px !important;

    color: #2684ff !important;

    /* kräftigerer 3D-Körper */
    text-shadow:
        1px 1px 0 #2379e5,
        2px 2px 0 #1d6fd5,
        3px 3px 0 #1963c1,
        4px 4px 0 #1557ab,
        5px 5px 0 #114a91,
        6px 6px 0 #0d3e79,
        7px 7px 0 #092f5e,
        8px 8px 8px rgba(0,0,0,.48),
        0 0 12px rgba(38,132,255,.28) !important;
}

/* oberer Licht-/Metallakzent */
.wb-logo-text-tms::before {
    left: 7px !important;
    right: 2px !important;
    top: -8px !important;
    height: 3px !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #176fd2 12%,
        #2684ff 30%,
        #75bdff 50%,
        #2684ff 70%,
        #176fd2 88%,
        transparent 100%
    ) !important;

    opacity: .95 !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 5px rgba(38,132,255,.22) !important;
}



/* ==========================================================
   WB TMS - SOFT 3D
   ========================================================== */

.wb-logo-text-tms strong {
    font-size: 43px !important;
    line-height: .92 !important;
    font-weight: 900 !important;
    letter-spacing: .5px !important;

    color: #2684ff !important;

    /* weicher, plastischer 3D-Effekt */
    text-shadow:
        1px 1px 0 #227bea,
        2px 2px 0 #1d70d7,
        3px 3px 0 #1965c4,
        4px 4px 1px #1559ae,

        5px 6px 3px rgba(8,45,82,.65),
        7px 8px 7px rgba(0,20,40,.48),
        9px 10px 12px rgba(0,0,0,.28),

        0 -1px 1px rgba(125,195,255,.35),
        0 0 10px rgba(38,132,255,.16) !important;
}

/* Lichtbalken ebenfalls dezenter */
.wb-logo-text-tms::before {
    left: 8px !important;
    right: 4px !important;
    top: -7px !important;
    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #2684ff 22%,
        #6db8ff 50%,
        #2684ff 78%,
        transparent 100%
    ) !important;

    opacity: .70 !important;
    filter: blur(.3px) !important;
    box-shadow:
        0 0 5px rgba(38,132,255,.25) !important;
}



/* ==========================================================
   WB TMS - CLEAN 3D
   ========================================================== */

.wb-logo-text-tms {
    transform: translateY(6px) !important;
    padding: 0 6px 0 2px !important;
    overflow: visible !important;
}

.wb-logo-text-tms strong {
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 42px !important;
    line-height: .94 !important;
    font-weight: 900 !important;
    font-style: italic !important;
    letter-spacing: .5px !important;

    color: #2684ff !important;

    /* sauberer 3D-Effekt statt vieler harter Ebenen */
    text-shadow:
        2px 2px 0 #176dcc,
        4px 4px 0 #10559f,
        6px 7px 5px rgba(0, 20, 40, .48) !important;

    filter: none !important;
}

/* dezenter Lichtbalken */
.wb-logo-text-tms::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    left: 9px !important;
    right: 5px !important;
    top: -7px !important;

    height: 2px !important;
    border-radius: 2px !important;

    background: linear-gradient(
        90deg,
        transparent,
        #2684ff 25%,
        #63afff 50%,
        #2684ff 75%,
        transparent
    ) !important;

    opacity: .65 !important;
    filter: none !important;
    box-shadow: none !important;
}

.wb-logo-text-tms::after {
    content: none !important;
    display: none !important;
}



/* ==========================================================
   WB TMS - BLUE COLOR FINAL
   ========================================================== */

.wb-logo-text-tms strong {
    color: #1674D9 !important;

    text-shadow:
        2px 2px 0 #105FAF,
        4px 4px 0 #0B477F,
        6px 7px 5px rgba(0, 20, 40, .45) !important;
}

.wb-logo-text-tms::before {
    background: linear-gradient(
        90deg,
        transparent,
        #1266BD 25%,
        #318BE0 50%,
        #1266BD 75%,
        transparent
    ) !important;
}



/* ==========================================================
   DOKUMENTE – AKTIONSBUTTONS
   ========================================================== */

.cargo-row-actions {
    white-space: nowrap !important;
    text-align: right !important;
    vertical-align: middle !important;
    padding-right: 14px !important;
}

.cargo-row-actions .cargo-action-button,
.cargo-row-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 30px !important;
    min-width: 82px !important;

    margin: 0 0 0 6px !important;
    padding: 0 12px !important;

    border-radius: 6px !important;
    box-sizing: border-box !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    cursor: pointer !important;
}


/* ÖFFNEN */

.cargo-row-actions .cargo-action-button {
    color: #ffffff !important;
    background: #1674d9 !important;
    border: 1px solid #2684ff !important;
}

.cargo-row-actions .cargo-action-button:hover {
    background: #2684ff !important;
    border-color: #55a2ff !important;
}


/* BEARBEITEN */

.cargo-row-actions button {
    color: #dcecff !important;
    background: #12344f !important;
    border: 1px solid #315b78 !important;
}

.cargo-row-actions button:hover {
    color: #ffffff !important;
    background: #194866 !important;
    border-color: #42799e !important;
}


/* ==========================================================
   DOKUMENTE – ACTIONS FINAL
   ========================================================== */

.cargo-row-actions {
    width: 190px !important;
    min-width: 190px !important;
    padding: 7px 14px 7px 8px !important;
    white-space: nowrap !important;
    text-align: right !important;
    vertical-align: middle !important;
}

.document-action-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

.document-action-buttons .cargo-action-button,
.document-action-buttons button {
    display: inline-flex !important;
    flex: 0 0 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 8px !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 6px !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 30px !important;

    text-decoration: none !important;
    box-sizing: border-box !important;
}

.document-action-buttons .cargo-action-button {
    color: #fff !important;
    background: #1674d9 !important;
    border: 1px solid #2684ff !important;
}

.document-action-buttons .cargo-action-button:hover {
    background: #2684ff !important;
}

.document-action-buttons button {
    color: #dcecff !important;
    background: #12344f !important;
    border: 1px solid #315b78 !important;
    cursor: pointer !important;
}

.document-action-buttons button:hover {
    color: #fff !important;
    background: #194866 !important;
}


/* ==========================================================
   WB TMS – DOKUMENT DIALOGE FINAL
   Upload + Bearbeiten
   ========================================================== */

#document-dialog-backdrop,
#document-edit-dialog-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 30px !important;

    background: rgba(0, 7, 13, .82) !important;
    backdrop-filter: blur(2px);
}

#document-dialog-backdrop.hidden,
#document-edit-dialog-backdrop.hidden {
    display: none !important;
}


/* Dialog */

#document-dialog-backdrop .cargo-dialog,
#document-edit-dialog-backdrop .cargo-dialog {
    position: relative !important;

    width: min(760px, calc(100vw - 50px)) !important;
    max-width: 760px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #0b2233 0%,
            #081b29 100%
        ) !important;

    border: 1px solid #31536c !important;
    border-radius: 9px !important;

    box-shadow:
        0 24px 70px rgba(0, 0, 0, .55),
        0 0 0 1px rgba(38, 132, 255, .06) !important;
}


/* Header */

#document-dialog-backdrop .cargo-dialog-header,
#document-edit-dialog-backdrop .cargo-dialog-header {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: 72px !important;

    padding: 16px 20px !important;

    background:
        linear-gradient(
            90deg,
            #123d60 0%,
            #0d2e49 55%,
            #0a253b 100%
        ) !important;

    border-bottom: 1px solid #31536c !important;
}

#document-dialog-backdrop .cargo-dialog-header h3,
#document-edit-dialog-backdrop .cargo-dialog-header h3 {
    margin: 0 0 4px 0 !important;

    color: #ffffff !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

#document-dialog-backdrop .cargo-dialog-header p,
#document-edit-dialog-backdrop .cargo-dialog-header p {
    margin: 0 !important;

    color: #7fa7c5 !important;

    font-size: 12px !important;
}


/* X */

#document-dialog-backdrop .cargo-dialog-close,
#document-edit-dialog-backdrop .cargo-dialog-close {
    position: absolute !important;
    top: 17px !important;
    right: 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    padding: 0 !important;
    margin: 0 !important;

    color: #c9dceb !important;
    background: #17364d !important;

    border: 1px solid #3b5e77 !important;
    border-radius: 6px !important;

    font-size: 22px !important;
    line-height: 1 !important;

    cursor: pointer !important;
}

#document-dialog-backdrop .cargo-dialog-close:hover,
#document-edit-dialog-backdrop .cargo-dialog-close:hover {
    color: #ffffff !important;
    background: #204d6c !important;
    border-color: #4b7796 !important;
}


/* Inhalt */

#document-dialog-backdrop .cargo-dialog-body,
#document-edit-dialog-backdrop .cargo-dialog-body {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px 18px !important;

    padding: 22px !important;

    background: transparent !important;
}


/* Beschreibung über volle Breite */

#document-dialog-backdrop .cargo-field:has(
    input[name="description"]
),
#document-edit-dialog-backdrop .cargo-field:has(
    input[name="description"]
) {
    grid-column: 1 / -1 !important;
}


/* Datei beim Upload volle Breite */

#document-dialog-backdrop .cargo-field:has(
    input[type="file"]
) {
    grid-column: 1 / -1 !important;
}


/* Labels */

#document-dialog-backdrop .cargo-field,
#document-edit-dialog-backdrop .cargo-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;

    margin: 0 !important;

    color: #aec3d3 !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

#document-dialog-backdrop .cargo-field > span,
#document-edit-dialog-backdrop .cargo-field > span {
    color: #aec3d3 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
}


/* Inputs / Select */

#document-dialog-backdrop input[type="text"],
#document-dialog-backdrop select,
#document-edit-dialog-backdrop input[type="text"],
#document-edit-dialog-backdrop select {
    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    color: #edf6ff !important;
    background: #071a28 !important;

    border: 1px solid #3b5d74 !important;
    border-radius: 7px !important;

    outline: none !important;

    box-sizing: border-box !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 13px !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease !important;
}

#document-dialog-backdrop input[type="text"]:focus,
#document-dialog-backdrop select:focus,
#document-edit-dialog-backdrop input[type="text"]:focus,
#document-edit-dialog-backdrop select:focus {
    background: #091f30 !important;

    border-color: #2684ff !important;

    box-shadow:
        0 0 0 2px rgba(38, 132, 255, .14) !important;
}


/* File Upload */

#document-dialog-backdrop input[type="file"] {
    width: 100% !important;
    min-height: 44px !important;

    padding: 7px 9px !important;

    color: #d9e8f3 !important;
    background: #071a28 !important;

    border: 1px solid #3b5d74 !important;
    border-radius: 7px !important;

    box-sizing: border-box !important;
}

#document-dialog-backdrop input[type="file"]::file-selector-button {
    height: 28px !important;

    margin-right: 12px !important;
    padding: 0 13px !important;

    color: #ffffff !important;
    background: #174a70 !important;

    border: 1px solid #346b91 !important;
    border-radius: 5px !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}

#document-dialog-backdrop input[type="file"]::file-selector-button:hover {
    background: #1d5d8d !important;
}


/* Footer */

#document-dialog-backdrop .cargo-dialog-footer,
#document-edit-dialog-backdrop .cargo-dialog-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;

    min-height: 66px !important;

    padding: 12px 20px !important;

    background: #091c2a !important;

    border-top: 1px solid #29485f !important;
}


/* Footer Buttons */

#document-dialog-backdrop .cargo-dialog-footer button,
#document-edit-dialog-backdrop .cargo-dialog-footer button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 110px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border-radius: 7px !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}


/* Abbrechen */

#document-dialog-backdrop .cargo-dialog-footer button[type="button"],
#document-edit-dialog-backdrop .cargo-dialog-footer button[type="button"] {
    color: #f2c8cc !important;
    background: #321d22 !important;
    border: 1px solid #86535a !important;
}

#document-dialog-backdrop .cargo-dialog-footer button[type="button"]:hover,
#document-edit-dialog-backdrop .cargo-dialog-footer button[type="button"]:hover {
    color: #ffffff !important;
    background: #48262d !important;
    border-color: #a5656e !important;
}


/* Hochladen / Speichern */

#document-dialog-backdrop .cargo-dialog-footer button[type="submit"],
#document-edit-dialog-backdrop .cargo-dialog-footer button[type="submit"],
#document-dialog-backdrop .cargo-primary-button,
#document-edit-dialog-backdrop .cargo-primary-button {
    color: #ffffff !important;
    background:
        linear-gradient(
            180deg,
            #2684ff 0%,
            #176dcc 100%
        ) !important;

    border: 1px solid #3892ff !important;

    box-shadow:
        0 3px 10px rgba(0, 80, 170, .25) !important;
}

#document-dialog-backdrop .cargo-dialog-footer button[type="submit"]:hover,
#document-edit-dialog-backdrop .cargo-dialog-footer button[type="submit"]:hover,
#document-dialog-backdrop .cargo-primary-button:hover,
#document-edit-dialog-backdrop .cargo-primary-button:hover {
    background:
        linear-gradient(
            180deg,
            #3993ff 0%,
            #1d78dc 100%
        ) !important;
}


/* Responsive */

@media (max-width: 800px) {

    #document-dialog-backdrop .cargo-dialog-body,
    #document-edit-dialog-backdrop .cargo-dialog-body {
        grid-template-columns: 1fr !important;
    }

    #document-dialog-backdrop .cargo-field,
    #document-edit-dialog-backdrop .cargo-field {
        grid-column: 1 !important;
    }
}


/* ==========================================================
   DOKUMENTE – LÖSCHEN
   ========================================================== */

.cargo-row-actions {
    width: 280px !important;
    min-width: 280px !important;
}

.document-action-buttons .document-delete-button {
    flex: 0 0 82px !important;
    width: 82px !important;
    min-width: 82px !important;

    color: #f4c8cc !important;
    background: #321d22 !important;

    border: 1px solid #86535a !important;
}

.document-action-buttons .document-delete-button:hover {
    color: #ffffff !important;
    background: #5a252d !important;
    border-color: #b25d68 !important;
}

.document-action-buttons .document-delete-button:disabled {
    opacity: .55 !important;
    cursor: wait !important;
}


/* ==========================================================
   SUBUNTERNEHMER – DOKUMENTE & NACHWEISE
   ========================================================== */

.carrier-documents-panel {
    margin-top: 18px !important;
}

.carrier-documents-content {
    padding: 0 !important;
}

.carrier-document-row {
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) 220px 170px !important;
    gap: 18px !important;
    align-items: center !important;

    min-height: 70px !important;
    padding: 12px 16px !important;

    border-bottom: 1px solid #24445c !important;
}

.carrier-document-row:last-child {
    border-bottom: 0 !important;
}

.carrier-document-info {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.carrier-document-info strong {
    min-width: 155px !important;
    color: #eaf4fc !important;
    font-size: 12px !important;
}

.carrier-document-file {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    color: #91b6d0 !important;
    font-size: 11.5px !important;
}

.carrier-document-empty {
    color: #607f95 !important;
    font-size: 11.5px !important;
    font-style: italic !important;
}

.carrier-document-open {
    flex: 0 0 auto !important;

    padding: 6px 10px !important;

    color: #ffffff !important;
    background: #176dcc !important;

    border: 1px solid #2684ff !important;
    border-radius: 5px !important;

    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.carrier-document-validity {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.carrier-document-validity label {
    color: #9db6c9 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.carrier-document-validity input {
    width: 135px !important;
    height: 34px !important;

    padding: 0 8px !important;

    color: #edf6ff !important;
    background: #071a28 !important;

    border: 1px solid #365a73 !important;
    border-radius: 6px !important;
}

.carrier-document-upload {
    text-align: right !important;
}

.carrier-document-upload button {
    width: 155px !important;
    height: 32px !important;

    color: #ffffff !important;
    background: #174b70 !important;

    border: 1px solid #356d93 !important;
    border-radius: 6px !important;

    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}

.carrier-document-upload button:hover {
    background: #1d608f !important;
}


/* Upload Dialog */

.carrier-doc-upload-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 15000 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(0, 7, 13, .82) !important;
    backdrop-filter: blur(2px) !important;
}

.carrier-doc-upload-backdrop.hidden {
    display: none !important;
}

.carrier-doc-upload-window {
    width: 600px !important;
    max-width: calc(100vw - 40px) !important;

    overflow: hidden !important;

    background: #091e2e !important;

    border: 1px solid #31536c !important;
    border-radius: 9px !important;

    box-shadow: 0 25px 70px rgba(0,0,0,.55) !important;
}

.carrier-doc-upload-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 15px 18px !important;

    background: linear-gradient(
        90deg,
        #123d60,
        #0a253b
    ) !important;

    border-bottom: 1px solid #31536c !important;
}

.carrier-doc-upload-head strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 16px !important;
}

.carrier-doc-upload-head span {
    display: block !important;
    margin-top: 3px !important;

    color: #80a9c6 !important;
    font-size: 11px !important;
}

.carrier-doc-upload-head > button {
    width: 34px !important;
    height: 34px !important;

    color: #d5e6f2 !important;
    background: #17364d !important;

    border: 1px solid #3b5e77 !important;
    border-radius: 6px !important;

    font-size: 20px !important;
    cursor: pointer !important;
}

.carrier-doc-upload-body {
    padding: 22px !important;
}

.carrier-doc-upload-body label {
    display: block !important;
    margin-bottom: 8px !important;

    color: #adc4d5 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.carrier-doc-upload-body input[type="file"] {
    width: 100% !important;

    padding: 8px !important;

    color: #dceaf4 !important;
    background: #071a28 !important;

    border: 1px solid #365a73 !important;
    border-radius: 6px !important;

    box-sizing: border-box !important;
}

.carrier-doc-upload-footer {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;

    padding: 12px 18px !important;

    background: #081a27 !important;
    border-top: 1px solid #29485f !important;
}

.carrier-doc-upload-footer button {
    min-width: 105px !important;
    height: 36px !important;

    border-radius: 6px !important;

    font-weight: 700 !important;
    cursor: pointer !important;
}

.carrier-doc-upload-footer .cancel {
    color: #f0c8cc !important;
    background: #321d22 !important;
    border: 1px solid #86535a !important;
}

.carrier-doc-upload-footer .primary {
    color: #ffffff !important;
    background: #176dcc !important;
    border: 1px solid #2684ff !important;
}