/* ======================================================================
   WHITE CITY ERP — MODULES 13, 14 & 15
   Module 13: Risk & Issue Management
   Module 14: Reporting & Dashboards
   Module 15: User & Access Management

   FINAL COMPACT INSTITUTIONAL HEADER
   - Header title reduced to match approved reference
   - Project Control Centre reduced so it does not cover the title
   - Existing module styles preserved
   ====================================================================== */

:root {
    --wc-navy: #073b78;
    --wc-blue: #0b67a3;
    --wc-red: #c8332d;
    --wc-gold: #d9a600;
    --wc-green: #18835c;
    --wc-amber: #bd751b;
    --wc-danger: #b53b46;
    --wc-text: #24445f;
    --wc-muted: #74899b;
    --wc-line: #d9e5ed;
    --wc-soft: #f5f9fc;
    --wc-white: #fff;
}


/* ======================================================================
   HIDE OLD SHARED RASTER BANNER
   ====================================================================== */

.wc-global-company-header {
    display: none !important;
}


/* ======================================================================
   WHITE CITY INSTITUTIONAL COMPANY HEADER
   ====================================================================== */

.wcc-company-header,
.wcc-company-header * {
    box-sizing: border-box;
}

.wcc-company-header {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 18px;
    overflow: hidden;
    border: 1px solid #d4e0ea;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(17, 52, 82, .07);
}


/* ======================================================================
   HEADER TOP ROW
   ====================================================================== */

.wcc-company-main {
    min-height: 116px;
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr) 218px;
    align-items: center;
    gap: 16px;
    padding: 7px 16px 6px;
    background:
        radial-gradient(circle at 92% 18%, rgba(19, 92, 149, .045), transparent 25%),
        linear-gradient(115deg, #fff 0%, #fff 72%, #f7fafc 100%);
}


/* ======================================================================
   LOGO
   ====================================================================== */

.wcc-company-logo-window {
    position: relative;
    width: 128px;
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    border-right: 1px solid #d9e2e9;
}

.wcc-company-logo-window img {
    display: block !important;
    position: static !important;
    width: 96px !important;
    max-width: 96px !important;
    height: 96px !important;
    max-height: 96px !important;
    margin: 0 12px 0 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* ======================================================================
   COMPANY IDENTITY
   ====================================================================== */

.wcc-company-identity {
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.wcc-company-identity h2 {
    margin: 0;
    color: #073b78;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(24px, 1.65vw, 28px);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -.28px;
    white-space: nowrap !important;
}

.wcc-company-identity h2 br {
    display: none !important;
}

.wcc-company-identity h2 span {
    color: #c8332d;
}

.wcc-company-identity p {
    margin: 6px 0 0;
    color: #0b477f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13.5px;
    line-height: 1.18;
    font-style: italic;
    font-weight: 700;
    white-space: nowrap;
}


/* ======================================================================
   GOLD / RED / BLUE RULE
   ====================================================================== */

.wcc-company-rule {
    width: min(100%, 760px);
    height: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr 1.35fr;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 2px;
}

.wcc-company-rule i {
    display: block;
    width: 100%;
    height: 100%;
}

.wcc-company-rule i:nth-child(1) {
    background: #dda900;
}

.wcc-company-rule i:nth-child(2) {
    background: #c94443;
}

.wcc-company-rule i:nth-child(3) {
    background: #07589a;
}


/* ======================================================================
   PROJECT CONTROL CENTRE — COMPACT FINAL SIZE
   ====================================================================== */

.wcc-control-centre {
    width: 100%;
    max-width: 218px;
    min-height: 78px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border: 1px solid #d8e4ed;
    border-radius: 13px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 12px rgba(22, 55, 85, .035);
}

.wcc-control-centre > i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #0871ad;
    background: #e7f3fa;
    font-size: 15px;
}

.wcc-control-centre small,
.wcc-control-centre strong,
.wcc-control-centre span {
    display: block;
}

.wcc-control-centre small {
    color: #c8322d;
    font-size: 8.7px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .8px;
}

.wcc-control-centre strong {
    margin-top: 2px;
    color: #073b69;
    font-size: 12px;
    line-height: 1.17;
    font-weight: 800;
}

.wcc-control-centre span {
    margin-top: 4px;
    color: #71859a;
    font-size: 8.7px;
    line-height: 1.22;
}


/* ======================================================================
   CONTACT BAR
   ====================================================================== */

.wcc-company-contacts {
    display: grid;
    grid-template-columns: 1.35fr 1.25fr 1fr .8fr;
    color: #fff;
    background: #15579a;
    border-top: 3px solid #daa900;
}

.wcc-company-contact {
    min-width: 0;
    min-height: 66px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border-right: 1px solid rgba(255,255,255,.24);
}

.wcc-company-contact:last-child {
    border-right: 0;
}

.wcc-company-contact > i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
}

.wcc-company-contact strong,
.wcc-company-contact span {
    display: block;
}

.wcc-company-contact strong {
    margin-bottom: 2px;
    color: #fff;
    font-size: 11.5px;
    line-height: 1.15;
    font-weight: 800;
}

.wcc-company-contact span {
    color: rgba(255,255,255,.96);
    font-size: 9.7px;
    line-height: 1.35;
}


/* ======================================================================
   BOTTOM INSTITUTIONAL LINE
   ====================================================================== */

.wcc-company-header::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background:
        linear-gradient(
            90deg,
            #d9a600 0%,
            #d9a600 20%,
            #c8332d 20%,
            #c8332d 42%,
            #07589a 42%,
            #07589a 100%
        );
}


/* ======================================================================
   MODULES 13–15 BASE
   ====================================================================== */

.wc-m1514,
.wc-m1514 * {
    box-sizing: border-box;
}

.wc-m1514 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 36px;
    color: var(--wc-text);
    font-family: "Segoe UI", Arial, sans-serif;
}

.wc-m1514 a {
    text-decoration: none;
}


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

.wc-m1514 .wc-page-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 106px;
    margin: 0 0 18px;
    padding: 19px 22px;
    overflow: hidden;
    border: 1px solid var(--wc-line);
    border-radius: 13px;
    background:
        radial-gradient(circle at 92% 18%, rgba(11,103,163,.045), transparent 27%),
        linear-gradient(135deg,#fff,#f5f9fd);
    box-shadow: 0 7px 22px rgba(18,55,86,.055);
}

.wc-m1514 .wc-page-head::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background:
        linear-gradient(
            90deg,
            #d9a600 0%,
            #d9a600 28%,
            #c8332d 28%,
            #c8332d 55%,
            #0b67a3 55%,
            #0b67a3 100%
        );
}

.wc-m1514 .wc-page-head::after {
    content: "";
    position: absolute;
    right: -52px;
    top: -83px;
    width: 225px;
    height: 225px;
    border: 27px solid rgba(11,103,163,.025);
    border-radius: 50%;
    pointer-events: none;
}

.wc-m1514 .wc-page-head > * {
    position: relative;
    z-index: 2;
}

.wc-m1514 .wc-page-head h1 {
    margin: 3px 0 3px;
    color: var(--wc-navy);
    font-size: 25px;
    font-weight: 800;
}

.wc-m1514 .wc-page-head p {
    margin: 0;
    color: var(--wc-muted);
    font-size: 12px;
}

.wc-m1514 .wc-kicker {
    color: var(--wc-blue);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}


/* ======================================================================
   CONTEXT
   ====================================================================== */

.wc-m1514 .wc-context {
    min-width: 230px;
    padding: 10px 13px;
    border: 1px solid #cfe0eb;
    border-radius: 9px;
    background: #fff;
    text-align: right;
}

.wc-m1514 .wc-context small {
    display: block;
    color: var(--wc-muted);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.wc-m1514 .wc-context strong {
    display: block;
    color: var(--wc-navy);
    font-size: 12px;
    margin-top: 3px;
}


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

.wc-m1514 .wc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.wc-m1514 .wc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid #cbdbe7;
    border-radius: 7px;
    background: #fff;
    color: #315b79;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.wc-m1514 .wc-btn-primary {
    color: #fff;
    border-color: var(--wc-blue);
    background: var(--wc-blue);
}

.wc-m1514 .wc-btn-success {
    color: #fff;
    border-color: var(--wc-green);
    background: var(--wc-green);
}

.wc-m1514 .wc-btn-danger {
    color: #fff;
    border-color: var(--wc-danger);
    background: var(--wc-danger);
}

.wc-m1514 .wc-btn-warning {
    color: #fff;
    border-color: var(--wc-amber);
    background: var(--wc-amber);
}

.wc-m1514 .wc-btn-xs {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 10px;
}


/* ======================================================================
   GRIDS
   ====================================================================== */

.wc-m1514 .wc-grid-4 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.wc-m1514 .wc-grid-3 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}

.wc-m1514 .wc-grid-2 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}


/* ======================================================================
   STATS
   ====================================================================== */

.wc-m1514 .wc-stat {
    min-width: 0;
    padding: 16px 17px;
    border: 1px solid var(--wc-line);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(18,55,86,.04);
}

.wc-m1514 .wc-stat small {
    display: block;
    color: var(--wc-muted);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.wc-m1514 .wc-stat strong {
    display: block;
    margin: 5px 0 2px;
    color: var(--wc-navy);
    font-size: 22px;
    line-height: 1.1;
}

.wc-m1514 .wc-stat span {
    color: #8194a4;
    font-size: 10.5px;
}


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

.wc-m1514 .wc-card {
    margin-bottom: 17px;
    overflow: hidden;
    border: 1px solid var(--wc-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(18,55,86,.05);
}

.wc-m1514 .wc-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 61px;
    padding: 12px 16px;
    border-bottom: 1px solid #e2ebf2;
    background: #fbfdff;
}

.wc-m1514 .wc-card-head h2 {
    margin: 0;
    color: var(--wc-navy);
    font-size: 17px;
    font-weight: 800;
}

.wc-m1514 .wc-card-head p {
    margin: 2px 0 0;
    color: var(--wc-muted);
    font-size: 10.5px;
}

.wc-m1514 .wc-card-body {
    padding: 16px;
}


/* ======================================================================
   FORMS
   ====================================================================== */

.wc-m1514 .wc-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 15px;
}

.wc-m1514 .wc-span-2 {
    grid-column: 1/-1;
}

.wc-m1514 label {
    display: block;
    margin: 0 0 5px;
    color: #31536d;
    font-size: 11px;
    font-weight: 750;
}

.wc-m1514 .form-control {
    width: 100%;
    min-height: 39px;
    height: auto;
    padding: 8px 10px;
    border: 1px solid #cbdbe7;
    border-radius: 7px;
    color: #274861;
    background: #fff;
    box-shadow: none;
    font-size: 12px;
}

.wc-m1514 textarea.form-control {
    min-height: 80px;
    resize: vertical;
}

.wc-m1514 .form-control:focus {
    border-color: var(--wc-blue);
    box-shadow: 0 0 0 3px rgba(11,103,163,.08);
    outline: 0;
}

.wc-m1514 .wc-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}


/* ======================================================================
   TABLES
   ====================================================================== */

.wc-m1514 .wc-table-wrap {
    overflow-x: auto;
}

.wc-m1514 table {
    width: 100%;
    border-collapse: collapse;
}

.wc-m1514 th {
    padding: 10px 11px;
    border-bottom: 1px solid #dbe6ed;
    background: #f3f7fa;
    color: #637b8e;
    font-size: 9.5px;
    font-weight: 850;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.wc-m1514 td {
    padding: 11px;
    border-top: 1px solid #e7eef3;
    color: #36536a;
    font-size: 11px;
    vertical-align: middle;
}

.wc-m1514 tr:hover td {
    background: #fbfdff;
}


/* ======================================================================
   CODES / PILLS
   ====================================================================== */

.wc-m1514 .wc-code {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 5px;
    background: #edf6fb;
    color: #09679f;
    font-family: Consolas, monospace;
    font-size: 9.5px;
    font-weight: 800;
}

.wc-m1514 .wc-pill {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 15px;
    font-size: 9px;
    font-weight: 850;
    text-transform: uppercase;
}

.wc-pill-low,
.wc-pill-open,
.wc-pill-draft {
    color: #597084;
    background: #edf1f4;
}

.wc-pill-medium,
.wc-pill-normal,
.wc-pill-monitoring,
.wc-pill-in_progress,
.wc-pill-submitted {
    color: #146994;
    background: #e2f0f8;
}

.wc-pill-high,
.wc-pill-amber {
    color: #96611a;
    background: #f9ecd0;
}

.wc-pill-critical,
.wc-pill-rejected {
    color: #a13843;
    background: #f7dfe2;
}

.wc-pill-mitigated,
.wc-pill-resolved,
.wc-pill-approved,
.wc-pill-implemented,
.wc-pill-closed {
    color: #17724f;
    background: #ddf1e6;
}


/* ======================================================================
   ALERTS
   ====================================================================== */

.wc-m1514 .wc-alert {
    margin-bottom: 14px;
    padding: 11px 13px;
    border-radius: 8px;
    font-size: 11.5px;
}

.wc-m1514 .wc-alert-success {
    color: #176b4b;
    background: #e6f5ed;
    border: 1px solid #c6ead6;
}

.wc-m1514 .wc-alert-warning {
    color: #8d5b17;
    background: #fff4df;
    border: 1px solid #f0d69b;
}

.wc-m1514 .wc-alert-danger {
    color: #963a43;
    background: #fbe8ea;
    border: 1px solid #efc8cd;
}


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

.wc-m1514 .wc-nav-tabs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.wc-m1514 .wc-nav-tabs a {
    padding: 8px 11px;
    border: 1px solid #cfdee8;
    border-radius: 7px;
    color: #315a77;
    background: #fff;
    font-size: 11px;
    font-weight: 750;
}


/* ======================================================================
   CHECKBOX GRID
   ====================================================================== */

.wc-m1514 .wc-check-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
}

.wc-m1514 .wc-check {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    min-height: 38px;
    margin: 0;
    padding: 8px 9px;
    border: 1px solid #dce6ed;
    border-radius: 7px;
    background: #fbfdff;
    font-size: 10.5px;
    font-weight: 650;
}

.wc-m1514 .wc-check input {
    margin-top: 2px;
}

.wc-m1514 .wc-help {
    margin-top: 4px;
    color: #8496a6;
    font-size: 9.5px;
}


/* ======================================================================
   HEALTH
   ====================================================================== */

.wc-m1514 .wc-health {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 10px;
}

.wc-health:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #777;
}

.wc-health-green:before {
    background: #1f9a68;
}

.wc-health-amber:before {
    background: #d39325;
}

.wc-health-red:before {
    background: #c9464e;
}


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

.wc-m1514 .pagination {
    margin: 10px 0 0;
}

.wc-m1514 .wc-empty {
    padding: 25px 15px;
    color: #8194a4;
    text-align: center;
    font-size: 11px;
}


/* ======================================================================
   AUTH
   ====================================================================== */

.wc-auth-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: linear-gradient(135deg,#eef5fa 0%,#f9fbfd 52%,#e8f1f8 100%);
    font-family: "Segoe UI",Arial,sans-serif;
}

.wc-auth-card {
    width: 100%;
    max-width: 465px;
    overflow: hidden;
    border: 1px solid #d5e2eb;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(10,55,91,.13);
}

.wc-auth-brand {
    padding: 25px 28px 19px;
    text-align: center;
    border-bottom: 3px solid var(--wc-gold);
}

.wc-auth-brand img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    margin-bottom: 8px;
}

.wc-auth-brand h1 {
    margin: 0;
    color: var(--wc-navy);
    font-size: 19px;
    font-weight: 850;
}

.wc-auth-brand p {
    margin: 5px 0 0;
    color: #73899c;
    font-size: 10.5px;
}

.wc-auth-body {
    padding: 23px 28px 27px;
}

.wc-auth-body h2 {
    margin: 0 0 4px;
    color: var(--wc-navy);
    font-size: 20px;
}

.wc-auth-body > p {
    margin: 0 0 17px;
    color: #74899b;
    font-size: 11px;
}

.wc-auth-body label {
    display: block;
    margin: 0 0 5px;
    color: #31536d;
    font-size: 11px;
    font-weight: 750;
}

.wc-auth-body .form-control {
    width: 100%;
    height: 43px;
    padding: 9px 11px;
    border: 1px solid #cbdbe7;
    border-radius: 7px;
    margin-bottom: 13px;
}

.wc-auth-submit {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: var(--wc-blue);
    font-weight: 800;
    cursor: pointer;
}


/* ======================================================================
   LOCATION
   ====================================================================== */

.wc-location-list {
    display: grid;
    gap: 9px;
    margin: 14px 0;
}

.wc-location-option {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 11px;
    border: 1px solid #d5e3ec;
    border-radius: 8px;
    cursor: pointer;
}

.wc-location-option:hover {
    background: #f5f9fc;
    border-color: #a9c7da;
}

.wc-location-option strong {
    display: block;
    color: var(--wc-navy);
    font-size: 12px;
}

.wc-location-option span {
    display: block;
    margin-top: 2px;
    color: #758b9d;
    font-size: 10px;
}


/* ======================================================================
   RESPONSIVE — HEADER
   ====================================================================== */

@media (max-width: 1199px) {

    .wcc-company-main {
        grid-template-columns: 116px minmax(0, 1fr) 200px;
        gap: 14px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .wcc-company-logo-window {
        width: 116px;
        height: 92px;
    }

    .wcc-company-logo-window img {
        width: 88px !important;
        max-width: 88px !important;
        height: 88px !important;
        max-height: 88px !important;
        margin-right: 10px !important;
    }

    .wcc-company-identity h2 {
        font-size: 23px;
    }

    .wcc-company-identity p {
        font-size: 12.5px;
    }

    .wcc-control-centre {
        max-width: 200px;
        min-height: 74px;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 9px;
    }

    .wcc-control-centre > i {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .wcc-control-centre strong {
        font-size: 11px;
    }

    .wcc-control-centre span {
        font-size: 8.4px;
    }

    .wcc-company-contact {
        grid-template-columns: 37px minmax(0, 1fr);
        gap: 8px;
        padding-right: 11px;
        padding-left: 11px;
    }

    .wcc-company-contact > i {
        width: 35px;
        height: 35px;
    }
}


/* ======================================================================
   RESPONSIVE — MODULES
   ====================================================================== */

@media (max-width: 1100px) {

    .wc-m1514 .wc-grid-4 {
        grid-template-columns: repeat(2,1fr);
    }

    .wc-m1514 .wc-grid-3 {
        grid-template-columns: repeat(2,1fr);
    }

    .wc-m1514 .wc-check-grid {
        grid-template-columns: repeat(2,1fr);
    }
}


@media (max-width: 991px) {

    .wcc-company-main {
        grid-template-columns: 105px minmax(0, 1fr);
        min-height: 0;
    }

    .wcc-control-centre {
        grid-column: 1 / -1;
        max-width: 100%;
        min-height: 68px;
        grid-template-columns: 40px minmax(0, 1fr);
        margin-top: 8px;
    }

    .wcc-company-identity h2 {
        font-size: 22px;
        white-space: normal !important;
    }

    .wcc-company-identity p {
        font-size: 12px;
        white-space: normal;
    }

    .wcc-company-contacts {
        grid-template-columns: 1fr 1fr;
    }

    .wcc-company-contact:nth-child(2) {
        border-right: 0;
    }

    .wcc-company-contact:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.24);
    }
}


@media (max-width: 767px) {

    .wcc-company-header {
        border-radius: 11px;
    }

    .wcc-company-main {
        display: block;
        min-height: 0;
        padding: 12px;
        text-align: center;
    }

    .wcc-company-logo-window {
        width: 105px;
        height: 90px;
        margin: 0 auto 10px;
        border-right: 0;
    }

    .wcc-company-logo-window img {
        width: 84px !important;
        max-width: 84px !important;
        height: 84px !important;
        max-height: 84px !important;
        margin: 0 !important;
    }

    .wcc-company-identity h2 {
        font-size: 21px;
        white-space: normal !important;
    }

    .wcc-company-identity p {
        font-size: 12px;
        white-space: normal;
    }

    .wcc-company-rule {
        margin-right: auto;
        margin-left: auto;
    }

    .wcc-control-centre {
        margin-top: 14px;
        text-align: left;
    }

    .wcc-company-contacts {
        grid-template-columns: 1fr;
    }

    .wcc-company-contact,
    .wcc-company-contact:nth-child(2) {
        min-height: 64px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.24);
    }

    .wcc-company-contact:last-child {
        border-bottom: 0;
    }

    .wc-m1514 .wc-page-head {
        align-items: flex-start;
        flex-direction: column;
        min-height: auto;
        padding: 15px;
    }

    .wc-m1514 .wc-context {
        width: 100%;
        min-width: 0;
        text-align: left;
    }

    .wc-m1514 .wc-grid-4,
    .wc-m1514 .wc-grid-3,
    .wc-m1514 .wc-grid-2,
    .wc-m1514 .wc-form-grid,
    .wc-m1514 .wc-check-grid {
        grid-template-columns: 1fr;
    }

    .wc-m1514 .wc-span-2 {
        grid-column: auto;
    }

    .wc-auth-shell {
        padding: 12px;
    }

    .wc-auth-body,
    .wc-auth-brand {
        padding-left: 18px;
        padding-right: 18px;
    }
}


/* ======================================================================
   PRINT
   ====================================================================== */

@media print {

    .wcc-company-header {
        border-radius: 0;
        box-shadow: none;
    }

    .wc-m1514 .wc-page-head,
    .wc-m1514 .wc-card,
    .wc-m1514 .wc-stat {
        box-shadow: none;
    }

    .wc-m1514 .wc-actions,
    .wc-m1514 .wc-form-actions {
        display: none !important;
    }
}