* {
    box-sizing: border-box;
}

body {
    margin: 0;

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

    background: #f3f4f6;
    color: #111827;
}


/* ================================================
   LOGIN
   ================================================ */

.login-body {
    min-height: 100vh;

    display: flex;

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

    background:
        linear-gradient(
            135deg,
            #111827,
            #1f2937
        );
}

.login-container {
    width: 100%;
    max-width: 420px;

    padding: 24px;
}

.login-card {
    background: white;

    border-radius: 14px;

    padding: 40px;

    box-shadow:
        0 20px 50px
        rgba(0, 0, 0, 0.25);
}

.logo {
    width: 55px;
    height: 55px;

    display: flex;

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

    margin-bottom: 20px;

    border-radius: 12px;

    background: #111827;

    color: white;

    font-weight: bold;
    font-size: 20px;
}

.form-group {
    margin-top: 22px;
}

.form-group label {
    display: block;

    margin-bottom: 7px;

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

.form-group input {
    width: 100%;

    padding: 12px;

    border: 1px solid #d1d5db;

    border-radius: 7px;

    font-size: 16px;
}

.form-group input:focus {
    outline: none;

    border-color: #111827;
}

.primary-button {
    width: 100%;

    margin-top: 28px;

    padding: 13px;

    border: none;
    border-radius: 7px;

    background: #111827;

    color: white;

    font-size: 16px;
    font-weight: bold;

    cursor: pointer;
}

.primary-button:hover {
    background: #374151;
}

.error-message {
    margin-top: 20px;

    padding: 12px;

    border-radius: 7px;

    background: #fee2e2;

    color: #991b1b;
}


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

.topbar {
    min-height: 70px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding: 0 35px;

    background: #111827;

    color: white;
}

.brand {
    display: flex;

    align-items: center;

    gap: 12px;
}

.brand-logo {
    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 9px;

    background: white;

    color: #111827;

    font-weight: bold;
}

.brand strong {
    display: block;
}

.brand span {
    display: block;

    margin-top: 2px;

    color: #9ca3af;

    font-size: 12px;
}

.topbar-user {
    display: flex;

    align-items: center;

    gap: 20px;
}

.logout-link {
    color: white;

    text-decoration: none;

    padding: 8px 12px;

    border:
        1px solid
        #4b5563;

    border-radius: 6px;
}


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

.dashboard {
    max-width: 1300px;

    margin: 40px auto;

    padding: 0 25px 50px;
}

.dashboard-heading {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    gap: 20px;
}

.dashboard h1 {
    margin: 0;

    font-size: 30px;
}

.subtitle {
    color: #6b7280;
}

.refresh-indicator {
    padding: 8px 12px;

    border-radius: 6px;

    background: #e5e7eb;

    color: #4b5563;

    font-size: 13px;
}


/* ================================================
   SUMMARY
   ================================================ */

.summary-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 30px;
}

.summary-card {
    padding: 22px;

    background: white;

    border-radius: 10px;

    border-left:
        4px solid
        #374151;

    box-shadow:
        0 2px 7px
        rgba(0, 0, 0, 0.06);
}

.summary-label {
    display: block;

    color: #6b7280;

    font-size: 14px;
}

.summary-number {
    display: block;

    margin-top: 8px;

    font-size: 30px;
}

.warning-summary {
    border-left-color: #d97706;
}

.alarm-summary {
    border-left-color: #dc2626;
}


/* ================================================
   SECTIONS
   ================================================ */

.dashboard-section {
    margin-top: 35px;

    padding: 25px;

    background: white;

    border-radius: 12px;

    box-shadow:
        0 2px 8px
        rgba(0, 0, 0, 0.06);
}

.section-heading {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 20px;
}

.section-heading h2 {
    margin: 0;
}

.section-heading p {
    margin:
        5px 0 0;

    color: #6b7280;
}


/* ================================================
   WORKERS
   ================================================ */

.worker-grid {
    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(310px, 1fr)
        );

    gap: 18px;
}

.worker-card {
    padding: 20px;

    border:
        1px solid
        #e5e7eb;

    border-left:
        5px solid
        #16a34a;

    border-radius: 9px;

    background: #ffffff;
}

.worker-card.status-warning {
    border-left-color: #d97706;

    background: #fffbeb;
}

.worker-card.status-alarm {
    border-left-color: #dc2626;

    background: #fef2f2;
}

.worker-header {
    display: flex;

    justify-content: space-between;

    gap: 15px;
}

.worker-header h3 {
    margin: 0;
}

.worker-email {
    display: block;

    margin-top: 4px;

    color: #6b7280;

    font-size: 13px;
}

.status-badge {
    height: fit-content;

    padding: 6px 9px;

    border-radius: 999px;

    font-size: 11px;

    font-weight: bold;
}

.status-badge.active {
    background: #dcfce7;

    color: #166534;
}

.status-badge.warning {
    background: #fef3c7;

    color: #92400e;
}

.status-badge.alarm {
    background: #fee2e2;

    color: #991b1b;
}

.worker-details {
    margin-top: 20px;
}

.detail-row {
    display: flex;

    justify-content: space-between;

    gap: 15px;

    padding: 8px 0;

    border-bottom:
        1px solid
        #f3f4f6;

    font-size: 14px;
}

.detail-row span {
    color: #6b7280;
}

.online {
    color: #16a34a;
}

.offline {
    color: #dc2626;
}

.alarm-message,
.warning-message {
    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-top: 18px;

    padding: 12px;

    border-radius: 7px;

    font-size: 13px;
}

.alarm-message {
    background: #fee2e2;

    color: #991b1b;
}

.warning-message {
    background: #fef3c7;

    color: #92400e;
}


/* ================================================
   ACCOUNT REQUESTS
   ================================================ */

.request-count {
    min-width: 30px;
    height: 30px;

    display: flex;

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

    border-radius: 999px;

    background: #111827;

    color: white;

    font-weight: bold;
}

.request-list {
    display: flex;

    flex-direction: column;

    gap: 10px;
}

.request-card {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 15px;

    border:
        1px solid
        #e5e7eb;

    border-radius: 8px;
}

.request-card span {
    display: block;

    margin-top: 4px;

    color: #6b7280;

    font-size: 13px;
}

.request-actions {
    display: flex;

    gap: 8px;
}

.request-actions form {
    margin: 0;
}

.approve-button,
.reject-button {
    padding: 8px 12px;

    border: none;

    border-radius: 6px;

    font-weight: bold;

    cursor: pointer;
}

.approve-button {
    background: #16a34a;

    color: white;
}

.reject-button {
    background: #fee2e2;

    color: #991b1b;
}


/* ================================================
   EMPTY STATES
   ================================================ */

.empty-state {
    padding: 50px 20px;

    text-align: center;

    color: #6b7280;
}

.empty-state h3 {
    color: #374151;
}

.empty-small {
    padding: 15px;

    border-radius: 7px;

    background: #f9fafb;

    color: #6b7280;
}


/* ================================================
   MOBILE
   ================================================ */

@media (
    max-width: 800px
) {

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

    .dashboard-heading {
        flex-direction: column;
    }

    .topbar {
        padding:
            12px 18px;
    }

    .topbar-user > span {
        display: none;
    }

    .request-card {
        align-items: flex-start;

        flex-direction: column;
    }
}


@media (
    max-width: 500px
) {

    .summary-grid {
        grid-template-columns: 1fr;
    }

    .dashboard {
        margin-top: 25px;

        padding:
            0 15px 40px;
    }
}
.acknowledge-button {
    width: 100%;

    margin-top: 12px;

    padding: 11px;

    border: none;
    border-radius: 7px;

    background: #dc2626;

    color: white;

    font-weight: bold;

    cursor: pointer;
}

.acknowledge-button:hover {
    background: #b91c1c;
}


.acknowledged-message {
    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-top: 18px;

    padding: 12px;

    border-radius: 7px;

    background: #dbeafe;

    color: #1e40af;

    font-size: 13px;
}


.history-table-wrapper {
    overflow-x: auto;
}


.history-table {
    width: 100%;

    border-collapse: collapse;

    font-size: 14px;
}


.history-table th {
    padding: 12px;

    text-align: left;

    background: #f9fafb;

    color: #6b7280;

    border-bottom: 1px solid #e5e7eb;
}


.history-table td {
    padding: 12px;

    border-bottom: 1px solid #e5e7eb;
}


.history-open {
    color: #dc2626;

    font-weight: bold;
}

.resolution-form {
    display: flex;
    flex-direction: column;

    gap: 8px;

    margin-top: 16px;

    padding: 15px;

    border-radius: 8px;

    background: #f9fafb;

    border: 1px solid #e5e7eb;
}


.resolution-form label {
    font-size: 13px;

    font-weight: bold;

    color: #374151;
}


.resolution-form select,
.resolution-form textarea {
    width: 100%;

    padding: 10px;

    border: 1px solid #d1d5db;

    border-radius: 6px;

    background: white;

    font-family: inherit;

    font-size: 14px;
}


.resolution-form textarea {
    min-height: 80px;

    resize: vertical;
}


.resolve-button {
    margin-top: 5px;

    padding: 11px;

    border: none;
    border-radius: 7px;

    background: #2563eb;

    color: white;

    font-weight: bold;

    cursor: pointer;
}


.resolve-button:hover {
    background: #1d4ed8;
}


.resolved-message {
    display: flex;

    flex-direction: column;

    gap: 5px;

    margin-top: 18px;

    padding: 12px;

    border-radius: 7px;

    background: #dcfce7;

    color: #166534;

    font-size: 13px;
}


.status-badge.resolved {
    background: #dcfce7;

    color: #166534;
}


.worker-card.alarm-resolved-card {
    border-left-color: #16a34a;

    background: #f0fdf4;
}


.resolution-note {
    margin-top: 5px;

    padding-top: 7px;

    border-top: 1px solid #bbf7d0;

    font-style: italic;
}
/* =========================================================
   GotYouSafe dashboard redesign — Phase 20.2 v2
   ========================================================= */
:root{--navy:#0B1F33;--navy2:#102A43;--orange:#FF8A00;--surface:#334155;--bg:#F4F7FA;--green:#22C55E;--amber:#F59E0B;--red:#EF4444;--muted:#64748B;--border:#E2E8F0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--navy)}
.app-shell{min-height:100vh;display:flex}
.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,#081a2b,#0B1F33);padding:22px 14px;display:flex;flex-direction:column;z-index:20;color:white}
.sidebar-brand{display:flex;align-items:center;gap:9px;padding:0 8px 22px;color:#fff;text-decoration:none;font-size:18px;font-weight:800}
.sidebar-brand img{width:35px;height:35px}.sidebar-brand b{color:var(--orange)}
.side-nav{display:grid;gap:6px}.side-link{display:flex;align-items:center;gap:11px;color:#d9e4ef;text-decoration:none;padding:11px 12px;border-radius:9px;font-size:14px;font-weight:600}
.side-link:hover{background:rgba(255,255,255,.07);color:#fff}.side-link.active{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(255,138,0,.22)}
.side-icon{width:20px;text-align:center;font-size:16px}.sidebar-footer{margin-top:auto;padding:18px 10px 4px;border-top:1px solid rgba(255,255,255,.09);color:#7890a7;font-size:11px}
.app-main{width:calc(100% - 220px);margin-left:220px;min-height:100vh}
.app-topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:15}
.topbar-page{display:flex;flex-direction:column}.topbar-page strong{font-size:15px}.topbar-page small{color:var(--muted);margin-top:2px}.topbar-spacer{flex:1}
.user-chip{display:flex;align-items:center;gap:9px;padding-right:4px}.user-chip>div{display:flex;flex-direction:column}.user-chip strong{font-size:13px}.user-chip small{font-size:11px;color:var(--muted)}
.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:11px;font-weight:800}
.top-action{border:1px solid var(--border);border-radius:8px;padding:8px 10px;text-decoration:none;color:var(--navy);font-size:12px;background:#fff}.top-action:hover{border-color:var(--orange);color:var(--orange)}
.mobile-brand{display:none}
.dashboard{max-width:1450px;margin:0 auto;padding:34px 34px 60px}.dashboard-heading{align-items:center;margin-bottom:26px}.dashboard h1{font-size:28px;letter-spacing:-.6px}.subtitle,.section-heading p{color:var(--muted)}
.refresh-indicator{background:#DCFCE7;color:#166534;border:1px solid #BBF7D0;border-radius:999px;padding:7px 11px;font-size:12px}
.summary-grid{gap:14px;margin-bottom:24px}.summary-card{border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px rgba(11,31,51,.05);min-height:108px;position:relative;overflow:hidden}
.summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#CBD5E1}.summary-card:nth-child(2):before{background:var(--green)}.summary-card.warning-summary:before{background:var(--amber)}.summary-card.alarm-summary:before{background:var(--red)}
.summary-label{color:var(--muted);font-size:13px}.summary-number{font-size:30px;color:var(--navy)}
.dashboard-section{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 7px 24px rgba(11,31,51,.055);padding:24px;margin-top:20px}
.manager-hero{background:linear-gradient(105deg,var(--navy),#143854);color:white;border:0}.manager-hero h2,.manager-hero p{color:white}.manager-hero p{opacity:.72}
.section-heading h2{font-size:19px}.worker-grid{gap:14px}.worker-card,.request-card{border:1px solid var(--border);border-radius:11px;box-shadow:none}
.status-badge.active{background:#DCFCE7;color:#166534}.status-badge.warning{background:#FEF3C7;color:#92400E}.status-badge.alarm{background:#FEE2E2;color:#991B1B}
.approve-button,.primary-button,.history-filter-submit{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important;border-radius:8px!important;font-weight:700!important}
.reject-button{border-radius:8px!important}.history-table-wrapper{border:1px solid var(--border);border-radius:10px;overflow:auto}.history-table th{background:#F8FAFC;color:var(--muted)}
input,select,textarea{border:1px solid #CBD5E1!important;border-radius:8px!important;background:#fff;color:var(--navy)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--orange)!important;box-shadow:0 0 0 3px rgba(255,138,0,.12)}
.settings-form{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;max-width:900px}.settings-form label{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;background:#F8FAFC;border:1px solid var(--border);padding:15px;border-radius:10px}.settings-form label strong{font-size:13px}.settings-form label span{grid-column:1;color:var(--muted);font-size:12px;line-height:1.4}.settings-form label input{grid-column:2;grid-row:1/3;width:95px;padding:10px}.settings-form>div{grid-column:1/-1}
#instellingen,#medewerkers,#planners,#alarmhistorie{scroll-margin-top:90px}

/* login */
.login-body{background:radial-gradient(circle at 75% 20%,rgba(255,138,0,.17),transparent 28%),linear-gradient(145deg,#061421,var(--navy) 62%,#143854)}
.login-container{max-width:460px}.login-card{border-radius:20px;padding:40px 42px;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.login-brand img{width:70px;height:70px;background:var(--navy);padding:6px;border-radius:16px}.login-brand h1{margin:0;font-size:30px;letter-spacing:-1px}.login-brand h1 span{color:var(--orange)}.login-brand p{margin:3px 0 0;color:var(--muted);font-size:13px}
.login-card>.subtitle{margin-bottom:26px}

/* Legacy headers on non-dashboard pages */
.topbar{background:var(--navy)}.brand-logo img{width:100%;height:100%}.brand-logo{background:transparent}
.brand strong{color:#fff}.logout-link{border-color:rgba(255,255,255,.2)}
@media(max-width:900px){
 .sidebar{width:76px;padding-left:10px;padding-right:10px}.sidebar-brand span,.side-link span:not(.side-icon),.sidebar-footer{display:none}.sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.side-link{justify-content:center}.app-main{margin-left:76px;width:calc(100% - 76px)}
 .settings-form{grid-template-columns:1fr}
}
@media(max-width:650px){
 .sidebar{display:none}.app-main{margin-left:0;width:100%}.app-topbar{padding:0 14px}.mobile-brand{display:flex;align-items:center;gap:6px}.mobile-brand img{width:30px}.mobile-brand strong span{color:var(--orange)}.topbar-page{display:none}.user-chip>div{display:none}.dashboard{padding:24px 15px 45px}.settings-form label{grid-template-columns:1fr}.settings-form label input{grid-column:1;grid-row:auto;width:100%}
}

/* Phase 20.3 — dedicated management pages */
.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.toolbar-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:16px;box-shadow:0 4px 16px rgba(11,31,51,.04)}
.list-search{display:flex;align-items:center;gap:9px;min-width:320px;max-width:520px;flex:1}.list-search input{width:100%;padding:10px 12px}
.table-section{padding:0;overflow:hidden}.table-section .section-heading{padding:22px 24px 16px;margin:0;border-bottom:1px solid var(--border)}
.people-list{display:grid}.person-row{display:flex;align-items:center;gap:14px;padding:15px 24px;border-bottom:1px solid var(--border)}.person-row:last-child{border-bottom:0}
.person-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#E8EEF5;color:var(--navy);font-weight:800;font-size:12px}
.person-main{display:flex;flex-direction:column;min-width:220px;flex:1}.person-main strong{font-size:14px}.person-main span{font-size:12px;color:var(--muted);margin-top:3px}
.account-status{font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px}.account-status.active{background:#DCFCE7;color:#166534}.account-status.inactive{background:#E2E8F0;color:#475569}
.person-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.person-actions form{margin:0}
.outline-button,.danger-outline,.success-outline{border-radius:8px;padding:8px 11px;background:#fff;font-weight:650;font-size:12px;cursor:pointer}.outline-button{border:1px solid #CBD5E1;color:var(--navy)}.danger-outline{border:1px solid #FECACA;color:#B91C1C}.success-outline{border:1px solid #BBF7D0;color:#15803D}
.flash{padding:11px 14px;border-radius:9px;margin-bottom:14px;font-size:13px}.flash.success{background:#DCFCE7;color:#166534;border:1px solid #BBF7D0}.flash.error{background:#FEE2E2;color:#991B1B;border:1px solid #FECACA}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(3,14,25,.58);backdrop-filter:blur(3px);z-index:100;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal-open{overflow:hidden}
.modal-card{width:min(620px,100%);background:#fff;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.small-modal{width:min(500px,100%)}
.modal-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0 0 4px;font-size:20px}.modal-head p{margin:0;color:var(--muted);font-size:13px}.modal-head>button{border:0;background:transparent;font-size:26px;color:var(--muted);cursor:pointer}
.modal-form{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.modal-form label.full{grid-column:1/-1}.modal-form input{padding:11px 12px}.modal-form small{font-weight:400;color:var(--muted)}.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:5px}
.settings-page-form{display:grid;gap:18px}.settings-page-form .dashboard-section{margin-top:0}.setting-list{display:grid}.setting-list label{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 0;border-bottom:1px solid var(--border)}.setting-list label:last-child{border-bottom:0}.setting-list label>div:first-child{display:grid;gap:4px}.setting-list strong{font-size:14px}.setting-list span{font-size:12px;color:var(--muted)}
.setting-input{display:flex;align-items:center;gap:8px}.setting-input input{width:100px;padding:9px}.settings-savebar{display:flex;justify-content:flex-end;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;position:sticky;bottom:12px;box-shadow:0 8px 28px rgba(11,31,51,.08)}
@media(max-width:800px){.toolbar-card{align-items:stretch;flex-direction:column}.list-search{min-width:0;max-width:none}.person-row{align-items:flex-start;flex-wrap:wrap}.person-actions{width:100%;justify-content:flex-start;padding-left:54px}.modal-form{grid-template-columns:1fr}.modal-form label.full{grid-column:auto}.modal-actions{grid-column:auto}.setting-list label{align-items:flex-start;flex-direction:column;gap:10px}.setting-input{width:100%}.setting-input input{flex:1}}

/* =========================================================
   GotYouSafe UI round 1 — visual system
   ========================================================= */
:root{--gys-navy:#081f33;--gys-navy2:#0e2e49;--gys-orange:#ff8700;--gys-bg:#f3f6f9;--gys-text:#0b1f33;--gys-muted:#64748b;--gys-line:#dbe3ec;--gys-green:#16a34a;--gys-amber:#d97706;--gys-red:#dc2626}
*{box-sizing:border-box}body{margin:0;background:var(--gys-bg);color:var(--gys-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.gys-shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr}.gys-sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--gys-navy);padding:20px 12px;display:flex;flex-direction:column;z-index:50}.gys-brand{display:flex;align-items:center;gap:10px;padding:2px 10px 24px;text-decoration:none;color:#fff;font-size:17px;font-weight:800}.gys-brand img{width:28px;height:34px}.gys-brand b{color:var(--gys-orange)}.gys-sidebar nav{display:grid;gap:6px}.gys-nav{height:44px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#dce9f4;text-decoration:none;border-radius:9px;font-size:13px;font-weight:700}.gys-nav:hover{background:rgba(255,255,255,.06)}.gys-nav.active{background:var(--gys-orange);color:#fff;box-shadow:0 8px 20px rgba(255,135,0,.2)}.gys-nav-icon{width:18px;height:18px;display:grid;place-items:center}.gys-nav-icon svg,.gys-icon-btn svg,.gys-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gys-tagline{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 10px 0;color:#6f9ab9;font-size:10px}.gys-workspace{grid-column:2;min-width:0}.gys-topbar{height:66px;background:#fff;border-bottom:1px solid var(--gys-line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30}.gys-top-title{display:grid;gap:2px}.gys-top-title strong{font-size:13px}.gys-top-title span,.gys-profile span{font-size:11px;color:var(--gys-muted)}.gys-profile{margin-left:auto;display:flex;align-items:center;gap:10px}.gys-profile>div{display:grid;min-width:90px}.gys-profile strong{font-size:12px}.gys-avatar{width:34px;height:34px;border-radius:50%;background:var(--gys-navy);color:#fff!important;display:grid;place-items:center;font-weight:800;font-size:11px!important}.gys-icon-btn,.gys-logout{height:34px;border:1px solid var(--gys-line);border-radius:8px;background:#fff;color:var(--gys-text);text-decoration:none;display:grid;place-items:center}.gys-icon-btn{width:34px}.gys-logout{padding:0 12px;font-size:11px}.gys-content{max-width:1370px;margin:0 auto;padding:36px 38px 70px}.gys-pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.gys-pagehead h1{margin:0;font-size:27px;letter-spacing:-.5px}.gys-pagehead p{margin:7px 0 0;color:var(--gys-muted);font-size:14px}.gys-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.gys-kpi{background:#fff;border:1px solid var(--gys-line);border-radius:12px;padding:18px 20px;min-height:116px;display:grid;align-content:start;position:relative;overflow:hidden}.gys-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#cbd5e1}.gys-kpi.good:before{background:#22c55e}.gys-kpi.warning:before{background:#f59e0b}.gys-kpi.danger:before{background:#ef4444}.gys-kpi>span{font-size:12px;color:var(--gys-muted)}.gys-kpi>strong{font-size:30px;margin-top:7px}.gys-kpi a,.gys-kpi small{font-size:11px;color:var(--gys-muted);margin-top:6px;text-decoration:none}.gys-kpi a:hover{color:var(--gys-orange)}.gys-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.gys-card{background:#fff;border:1px solid var(--gys-line);border-radius:13px;padding:22px;margin-bottom:18px;box-shadow:0 5px 20px rgba(8,31,51,.025)}.gys-card.flush{padding:0;overflow:hidden}.gys-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.gys-card-head.padded{padding:22px 24px 17px;margin:0;border-bottom:1px solid var(--gys-line)}.gys-card-head h2{font-size:17px;margin:0}.gys-card-head p{font-size:12px;color:var(--gys-muted);margin:5px 0 0}.gys-live-dot,.gys-live-pill{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:5px 9px;font-size:11px}.gys-live-pill{padding:7px 11px}.gys-status-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:18px}.gys-status-lines div{display:flex;justify-content:space-between;border-bottom:1px solid var(--gys-line);padding:10px 0;font-size:12px}.amber{color:var(--gys-amber)}.gys-primary,.gys-secondary,.gys-danger,.gys-danger-outline,.gys-success-outline{border-radius:8px;padding:9px 13px;font-size:12px;font-weight:750;cursor:pointer;text-decoration:none;border:1px solid transparent}.gys-primary{background:var(--gys-orange);color:#fff}.gys-primary.compact{display:inline-flex;padding:8px 11px}.gys-secondary{background:#fff;border-color:#cbd5e1;color:var(--gys-text)}.gys-danger{background:var(--gys-red);color:#fff}.gys-danger-outline{background:#fff;border-color:#fecaca;color:#b91c1c}.gys-success-outline{background:#fff;border-color:#bbf7d0;color:#15803d}.gys-text-link{font-size:12px;color:var(--gys-orange);font-weight:700;text-decoration:none}.gys-attention{display:grid;gap:10px}.gys-attention>div{display:flex;align-items:center;gap:12px;padding:13px;border-radius:9px}.gys-attention b{font-size:20px}.gys-attention span{font-size:12px}.gys-attention .critical{background:#fef2f2;color:#991b1b}.gys-attention .warning{background:#fffbeb;color:#92400e}.gys-empty{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--gys-muted);padding:25px}.gys-empty.small{min-height:105px}.gys-empty strong{color:var(--gys-text);font-size:14px}.gys-empty p{font-size:12px;margin:5px 0 0}.gys-empty-icon{width:40px;height:40px;border-radius:50%;background:#ecfdf5;color:#15803d;display:grid;place-items:center;font-weight:900;margin-bottom:10px}.gys-table{display:grid}.gys-tr{display:grid;grid-template-columns:170px 1.3fr 160px 1fr 30px;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid var(--gys-line);color:var(--gys-text);text-decoration:none;font-size:12px}.gys-tr.header{border-top:0;background:#f8fafc;color:var(--gys-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.gys-tr:not(.header):hover{background:#fbfdff}.gys-tr span{min-width:0}.gys-tr b,.gys-tr small{display:block}.gys-tr small{color:var(--gys-muted);margin-top:3px}.gys-badge{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;font-style:normal;font-size:10px;font-weight:800}.gys-badge.green{background:#dcfce7;color:#166534}.gys-badge.amber{background:#fef3c7;color:#92400e}.gys-badge.red{background:#fee2e2;color:#991b1b}.gys-badge.neutral{background:#e2e8f0;color:#475569}.live-table .gys-tr{grid-template-columns:1.5fr 1fr 1.2fr 1fr 30px}.gys-toolbar,.gys-filterbar{background:#fff;border:1px solid var(--gys-line);border-radius:12px;padding:12px 14px;margin-bottom:16px;display:flex;gap:10px;align-items:center}.gys-search{height:38px;display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:8px;padding:0 11px;flex:1;max-width:450px;color:var(--gys-muted)}.gys-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:12px}.gys-toolbar select,.gys-filterbar select,.gys-filterbar input[type=date]{height:38px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:0 10px;font-size:11px;color:var(--gys-text)}.gys-people{display:grid}.gys-person{display:flex;align-items:center;gap:13px;padding:14px 24px;border-bottom:1px solid var(--gys-line)}.gys-person:last-child{border-bottom:0}.gys-person-avatar{width:38px;height:38px;border-radius:50%;background:#e8eef5;display:grid;place-items:center;font-size:11px;font-weight:850}.gys-person-name{display:grid;flex:1}.gys-person-name b{font-size:12px}.gys-person-name small{font-size:10px;color:var(--gys-muted);margin-top:3px}.gys-row-actions{display:flex;align-items:center;gap:7px;margin-left:10px}.gys-row-actions form{margin:0}.gys-modal{display:none;position:fixed;inset:0;background:rgba(4,17,28,.62);backdrop-filter:blur(3px);z-index:100;align-items:center;justify-content:center;padding:20px}.gys-modal.open{display:flex}.modal-open{overflow:hidden}.gys-modal-card{width:min(610px,100%);background:#fff;border-radius:15px;box-shadow:0 25px 80px rgba(0,0,0,.28);overflow:hidden}.gys-modal-card.narrow{width:min(500px,100%)}.gys-modal-head{display:flex;justify-content:space-between;gap:20px;padding:21px 24px;border-bottom:1px solid var(--gys-line)}.gys-modal-head h2{margin:0;font-size:18px}.gys-modal-head p{margin:5px 0 0;color:var(--gys-muted);font-size:11px}.gys-modal-head>button{border:0;background:transparent;font-size:24px;color:var(--gys-muted);cursor:pointer}.gys-modal-form{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.gys-modal-form.one{grid-template-columns:1fr}.gys-modal-form label{display:grid;gap:6px;font-size:11px;font-weight:750}.gys-modal-form label.full{grid-column:1/-1}.gys-modal-form input{height:39px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px}.gys-modal-form small,.gys-help{font-size:10px;color:var(--gys-muted);font-weight:400;margin:0}.gys-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.gys-modal-actions.standalone{padding:0 24px 22px}.gys-confirm-copy{padding:20px 24px;color:var(--gys-muted);font-size:12px}.gys-settings{display:grid;gap:0}.gys-setting-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 0;border-top:1px solid var(--gys-line)}.gys-setting-row:first-of-type{border-top:0}.gys-setting-row>div:first-child{display:grid;gap:4px}.gys-setting-row b{font-size:12px}.gys-setting-row small{font-size:10px;color:var(--gys-muted)}.gys-unit-input{height:38px;border:1px solid #cbd5e1;border-radius:8px;display:flex;align-items:center;overflow:hidden;background:#fff}.gys-unit-input input{width:72px;border:0;outline:0;padding:0 10px}.gys-unit-input span{height:100%;display:grid;place-items:center;background:#f8fafc;border-left:1px solid var(--gys-line);padding:0 9px;font-size:10px;color:var(--gys-muted)}.gys-save{display:flex;justify-content:flex-end;padding:0 0 10px}.gys-flash{background:#dcfce7;border:1px solid #bbf7d0;color:#166534;border-radius:9px;padding:10px 13px;font-size:11px;margin-bottom:14px}.gys-filterbar .gys-search{min-width:220px}.gys-filterbar{flex-wrap:wrap}.incidents .gys-tr{grid-template-columns:155px 1.3fr 120px 130px 1fr 25px}.gys-pagination{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--gys-line);font-size:11px;color:var(--gys-muted)}
@media(max-width:1050px){.gys-shell{grid-template-columns:78px 1fr}.gys-sidebar{width:78px}.gys-brand span,.gys-nav:not(.active){font-size:0}.gys-nav.active{font-size:0}.gys-nav{justify-content:center}.gys-tagline{display:none}.gys-brand{justify-content:center;padding-left:0;padding-right:0}.gys-kpis{grid-template-columns:1fr 1fr}.gys-two-col{grid-template-columns:1fr}.gys-content{padding:28px 24px}.gys-tr{overflow:auto}}

/* =========================================================
   GotYouSafe polish round 1
   ========================================================= */
.gys-content{max-width:1500px}
.gys-brand{height:58px;padding:0 3px 18px;overflow:hidden}
.gys-brand-horizontal{width:178px!important;height:auto!important;display:block;object-fit:contain;border-radius:0}
.gys-kpi:after{position:absolute;right:17px;top:15px;font-size:16px;opacity:.22}
.gys-kpis .gys-kpi:nth-child(1):after{content:"◫"}
.gys-kpis .gys-kpi:nth-child(2):after{content:"⌑"}
.gys-kpi.good:after{content:"●";color:#16a34a;opacity:.55}
.gys-kpi.warning:after{content:"▲";color:#d97706;opacity:.55}
.gys-kpi.danger:after{content:"●";color:#dc2626;opacity:.55}
.gys-empty{min-height:125px}
.live-table+.gys-empty,.gys-card>.gys-empty{min-height:145px}
.gys-person{min-height:66px}
.gys-card-head.padded>div{width:100%;display:flex;align-items:baseline;justify-content:space-between}
.gys-card-head.padded>div p{margin:0}
.gys-modal-head>button{font-size:27px;color:#475569;font-weight:500}
.gys-modal-form{row-gap:18px}
.gys-modal-form input:-webkit-autofill,
.gys-modal-form input:-webkit-autofill:hover,
.gys-modal-form input:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px #fff inset!important;
    -webkit-text-fill-color:#0b1f33!important;
    transition:background-color 9999s ease-out 0s
}
.gys-unit-input input{width:92px}
.gys-setting-row{padding:13px 0}
.gys-settings .gys-card{padding-top:20px;padding-bottom:20px}
.gys-filterbar{padding:10px 12px}
.gys-filterbar .gys-search{max-width:410px}
.gys-table .gys-tr:not(.header){transition:background-color .12s ease,box-shadow .12s ease}
.gys-table .gys-tr:not(.header):hover{background:#f7fafc;box-shadow:inset 3px 0 0 #ff8700}
.live-table .gys-tr:has(.gys-badge.red){background:#fff7f7;box-shadow:inset 3px 0 0 #ef4444}
@media(max-width:1050px){
  .gys-brand-horizontal{width:65px!important;max-width:none;object-position:left}
}
.gys-section-icon{color:#ff8700;font-size:15px;margin-right:5px}

/* Logo fix */
.gys-brand{height:64px;padding:0 5px 17px;display:flex;align-items:center}
.gys-brand-horizontal{width:176px!important;height:48px!important;object-fit:contain!important;object-position:left center!important;display:block}
.gys-kpi:after{display:none!important}
@media(max-width:1050px){
  .gys-brand-horizontal{width:54px!important;height:48px!important;object-fit:cover!important;object-position:left center!important}
}

/* Sidebar brand fix: UI-native logo, no cropped brand-board image */
.gys-brand{
    height:64px;
    padding:0 12px 16px;
    display:flex;
    align-items:center;
    gap:10px;
    overflow:visible;
    text-decoration:none;
}
.gys-brand .gys-brand-mark{
    width:27px!important;
    height:32px!important;
    flex:0 0 27px;
    object-fit:contain;
}
.gys-brand-word{
    color:#fff;
    font-size:18px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.35px;
    white-space:nowrap;
}
.gys-brand-word>span{color:#ff8700}
.gys-brand-horizontal{display:none!important}
@media(max-width:1050px){
    .gys-brand{justify-content:center;padding-left:0;padding-right:0}
    .gys-brand-word{display:none}
    .gys-brand .gys-brand-mark{width:28px!important;height:33px!important}
}

/* Final web-app brand treatment — based on section 11 of the approved UI board */
.gys-brand{
    height:66px!important;
    padding:0 15px 14px!important;
    gap:8px!important;
    justify-content:flex-start!important;
}
.gys-brand .gys-brand-mark{
    width:29px!important;
    height:34px!important;
    flex:0 0 29px!important;
    object-fit:contain!important;
}
.gys-brand-word{
    font-size:16px!important;
    font-weight:700!important;
    letter-spacing:-.25px!important;
    color:#fff!important;
}
.gys-brand-word>span{color:#FF8A00!important}
@media(max-width:1050px){
    .gys-brand{justify-content:center!important;padding-left:0!important;padding-right:0!important}
    .gys-brand-word{display:none!important}
}

/* Reference-accurate compact sidebar logo */
.gys-brand{
  height:68px!important;
  padding:0 14px 14px!important;
  gap:9px!important;
}
.gys-brand .gys-brand-mark{
  width:31px!important;
  height:36px!important;
  flex:0 0 31px!important;
}
.gys-brand-word{
  font-family:Inter,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  letter-spacing:-.55px!important;
  line-height:1!important;
}
.gys-brand-word>span{color:#FF8A00!important}

/* Final approved-reference sidebar mark geometry */
.gys-brand{
  height:68px!important;
  padding:0 14px 14px!important;
  gap:9px!important;
}
.gys-brand .gys-brand-mark{
  width:32px!important;
  height:36px!important;
  flex:0 0 32px!important;
  object-fit:contain!important;
}
.gys-brand-word{
  font-size:17px!important;
  font-weight:700!important;
  letter-spacing:-.5px!important;
}

/* ==========================================================
   CANONICAL GOTYOUSAFE BRAND COMPONENT
   One asset and one geometry for sidebar + incident dossier.
   ========================================================== */
.gys-brand{
  height:68px!important;
  padding:0 14px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  overflow:visible!important;
  text-decoration:none!important;
}
.gys-brand .gys-brand-mark{
  display:block!important;
  width:32px!important;
  height:38px!important;
  flex:0 0 32px!important;
  object-fit:contain!important;
}
.gys-brand-word{
  display:inline-block!important;
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  letter-spacing:-.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.gys-brand-word>span{color:#FF8A00!important}

.incident-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:180px;
}
.incident-brand>img{
  width:30px;
  height:36px;
  object-fit:contain;
}
.incident-brand>div{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.incident-brand strong{
  color:#fff;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.35px;
}
.incident-brand strong span{color:#FF8A00}
.incident-brand small{
  color:#aebdca;
  font-size:11px;
  margin-top:4px;
}
@media(max-width:1050px){
  .gys-brand{justify-content:center!important;padding-left:0!important;padding-right:0!important}
  .gys-brand-word{display:none!important}
}

/* ==========================================================
   DEFINITIVE SHIELD ASSET
   Source: user's approved shield reference (30-09-2026).
   No redrawn/interpreted shield geometry.
   ========================================================== */
.gys-brand .gys-brand-mark{
  width:32px!important;
  height:38px!important;
  object-fit:contain!important;
  flex:0 0 32px!important;
}
.brand-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.login-brand img{
  object-fit:contain!important;
}


/* =========================================================
   GotYouSafe polish — settings icons + sidebar footer
   ========================================================= */

/* Replace the malformed inline gear SVG everywhere with one clean,
   consistent settings icon. The mask inherits currentColor, so the
   sidebar icon stays light and the topbar icon stays navy. */
.gys-nav[href="/manager/settings"] .gys-nav-icon svg,
.gys-icon-btn svg{
    display:none!important;
}

.gys-nav[href="/manager/settings"] .gys-nav-icon::before,
.gys-icon-btn::before{
    content:"";
    display:block;
    width:18px;
    height:18px;
    flex:0 0 18px;
    background:currentColor;
    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.09a2 2 0 0 1 1 1.74v.5a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")
        center/contain no-repeat;
    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.09a2 2 0 0 1 1 1.74v.5a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")
        center/contain no-repeat;
}

/* Keep the top-right account/settings control optically centred. */
.gys-icon-btn{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    padding:0;
}

/* Sidebar footer: centered, calmer hierarchy and a reserved area for
   the customer's/company's logo. For now this is intentionally a
   placeholder; it can later become a per-company uploaded image. */
.gys-tagline{
    margin-top:auto;
    border-top:1px solid rgba(255,255,255,.10);
    padding:18px 10px 8px;
    color:#8fb0c8;
    font-size:10px;
    line-height:1.35;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:9px;
    letter-spacing:.01em;
}

.gys-tagline::before{
    content:"";
    width:156px;
    height:64px;
    display:block;
    border:0;
    border-radius:12px;
    background-color:#fff;
    background-image:url("/company-logo/current");
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box;
    background-size:contain;
    box-sizing:border-box;
    padding:9px 12px;
    box-shadow:
        0 8px 18px rgba(0,0,0,.12),
        inset 0 0 0 1px rgba(11,31,51,.05);
}

@media(max-width:1050px){
    .gys-tagline{
        display:none;
    }
}


/* =========================================================
   GotYouSafe company logo — real image, aspect-ratio safe
   ========================================================= */
.gys-sidebar-footer{
    margin-top:auto;
    border-top:1px solid rgba(255,255,255,.10);
    padding:18px 10px 8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:9px;
}

.gys-sidebar-footer .gys-tagline{
    margin:0;
    padding:2px 0 0;
    border:0;
    display:block;
    color:#b7d2e5;
    font-size:11px;
    font-weight:600;
    line-height:1.4;
    text-align:center;
    letter-spacing:.025em;
}

.gys-sidebar-footer .gys-tagline::before{
    content:none!important;
    display:none!important;
    background:none!important;
}

.gys-company-logo-wrap{
    width:180px;
    min-height:78px;
    max-height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:transparent;
}

.gys-company-logo{
    display:block;
    width:auto;
    height:auto;
    max-width:176px;
    max-height:84px;
    object-fit:contain;
}

@media(max-width:1050px){
    .gys-sidebar-footer{display:none}
}