/* ================================
   CSS Variables - Custom Colors
   ================================ */
:root {
    --color-background: #FFFFFF;
    --color-font: #19191A;
    --color-font-light: #4B4C4E;
    --color-green: #44C384;
    --color-yellow: #FFDC72;
    --color-orange: #C8872A;
    --color-red: #FF6675;
    --color-blue: #4B77BE;
    --color-link: #4B77BE;
    --color-border: #DEDFE0;
    --color-no-data: #F2F4F5;
}

/* ================================
   Logo
   ================================ */
.logo-container img {
    height: 40px;
}

/* ================================
   Content Spacing (for cookie banner)
   ================================ */
.layout-content {
    margin-top: 40px;
}

/* ================================
   General / Page Status
   ================================ */
.container>.page-status {
    display: none;
}

#system-metrics,
#past-incidents {
    pointer-events: none;
}

/* ================================
   Status Banner (Components Header)
   ================================ */
.components-container {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    overflow: hidden;
}

.components-container::before {
    content: '';
    text-align: center;
    display: block;
    padding: 15px 16px;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid var(--color-border);
}

body.status-none .components-container::before {
    content: 'All Systems Operational';
    background: var(--color-green);
}

body.status-maintenance .components-container::before {
    content: 'Service Under Maintenance';
    background: var(--color-blue);
}

body.status-minor .components-container::before {
    content: 'Minor Service Disruption';
    background: var(--color-orange);
}

body.status-major .components-container::before {
    content: 'Major System Outage';
    background: var(--color-red);
}

/* ================================
   Status Indicators
   ================================ */
/* Show indicator on all components */
.component-inner-container span.name::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: var(--color-green);
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

/* Hide indicator on collapsible group headers */
.component-inner-container[data-js-hook="component-group-opener"] span.name::before {
    display: none !important;
}

/* Status-specific indicator colors */
.component-inner-container.status-yellow span.name::before {
    background: var(--color-yellow);
}

.component-inner-container.status-orange span.name::before {
    background: var(--color-orange);
}

.component-inner-container.status-red span.name::before {
    background: var(--color-red);
}

.component-inner-container.status-blue span.name::before {
    background: var(--color-blue);
}

/* ================================
   Component Group Logos
   ================================ */
/* Fax.Plus logo */
[data-component-id="g2c9tjz25yhm"] span.name>span:last-child::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 3px;
    vertical-align: middle;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjE3LjggMTI1Ljg1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQpO30uY2xzLTJ7ZmlsbDp1cmwoI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzEzMik7fS5jbHMtM3tmaWxsOnVybCgjRGVncmFkYWRvX3Npbl9ub21icmVfMTMwKTt9LmNscy00e2ZpbGw6dXJsKCNEZWdyYWRhZG9fc2luX25vbWJyZV8xMjkpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfMTMwIiB4MT0iMTExLjQyIiB5MT0iMTA1LjkzIiB4Mj0iMTkwLjE2IiB5Mj0iMjcuMTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDBjMDUiLz48c3RvcCBvZmZzZXQ9Ii4yNSIgc3RvcC1jb2xvcj0iIzAwMTIwZCIvPjxzdG9wIG9mZnNldD0iLjY1IiBzdG9wLWNvbG9yPSIjMDAyMzI1Ii8+PHN0b3Agb2Zmc2V0PSIuODMiIHN0b3AtY29sb3I9IiMwMDJkMzIiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMTMzLjM3IiB5MT0iNTguODgiIHgyPSIxMzQuMTkiIHkyPSI1OC4wNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwMGMwNSIvPjxzdG9wIG9mZnNldD0iLjIxIiBzdG9wLWNvbG9yPSIjMDAxMjBkIi8+PHN0b3Agb2Zmc2V0PSIuNTQiIHN0b3AtY29sb3I9IiMwMDIyMjUiLz48c3RvcCBvZmZzZXQ9Ii44MyIgc3RvcC1jb2xvcj0iIzAwMzQzZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJEZWdyYWRhZG9fc2luX25vbWJyZV8xMzIiIHgxPSIxMTMuNzMiIHkxPSIzNC40NCIgeDI9IjExMy43MyIgeTI9IjIwNy4xMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjA2IiBzdG9wLWNvbG9yPSIjNDFlNmE1Ii8+PHN0b3Agb2Zmc2V0PSIuMDYiIHN0b3AtY29sb3I9IiMzZmUzYTciLz48c3RvcCBvZmZzZXQ9Ii4xNCIgc3RvcC1jb2xvcj0iIzJmYmRjMSIvPjxzdG9wIG9mZnNldD0iLjIxIiBzdG9wLWNvbG9yPSIjMjE5ZmQ4Ii8+PHN0b3Agb2Zmc2V0PSIuMjkiIHN0b3AtY29sb3I9IiMxNzg3ZTkiLz48c3RvcCBvZmZzZXQ9Ii4zNyIgc3RvcC1jb2xvcj0iIzBmNzZmNSIvPjxzdG9wIG9mZnNldD0iLjQ2IiBzdG9wLWNvbG9yPSIjMGI2Y2ZjIi8+PHN0b3Agb2Zmc2V0PSIuNTciIHN0b3AtY29sb3I9IiMwYTY5ZmYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfMTI5IiB4MT0iNDAuOTIiIHkxPSIxMTUuMDEiIHgyPSI5Ni4zIiB5Mj0iMTkuMDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4xNSIgc3RvcC1jb2xvcj0iIzAwMCIvPjxzdG9wIG9mZnNldD0iLjU1IiBzdG9wLWNvbG9yPSIjMDAxZDIxIi8+PHN0b3Agb2Zmc2V0PSIuODEiIHN0b3AtY29sb3I9IiMwMDJkMzIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMTcuMzcsNTQuNEwxNTUuOTEsLjI5Yy0uNTUtLjQ5LTEuNDMtLjMzLTEuODUsLjI3LTE5Ljc2LDI4LjMyLTMyLjM4LDM4Ljk1LTM2LjYyLDQyLjA2LDkuNTIsOC43MSwxNy44LDE2LjI2LDE5LjI4LDE3LjYxLC4xNywuMTUsLjI2LC4yNCwuMjYsLjI0LDAsMC0uMTEtLjEtLjI2LS4yNC0uMjYtLjIyLS43MS0uNTgtMS4zNi0uOTksNS40MiwzLjc1LDguNzUsMTAuMiw3LjA4LDE3LjI1LS41MywyLjIyLTEuNDYsNC4zMy0yLjgsNi4xOC04LjUxLDExLjcxLTI0LjgzLDI2Ljg4LTEyLjYxLDM4Ljg4LC42NCwuNTUsMS4zNCwxLjA3LDIuMTMsMS41MiwyNy44NCwxNS43Niw4Mi4zMy01OC42Niw4OC40NC02Ny4xOCwuMzUtLjQ5LC4yMi0xLjA5LS4yMy0xLjQ4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzNS4zNSw1OS4yM2MtLjc3LS40OS0xLjgyLTEuMDQtMy4xNC0xLjUsMS4zMiwuNDYsMi4zNywxLjAyLDMuMTQsMS41WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMzUuMzYsNTkuMjNjLTQuMjMtMi42Ny0xNi43NC03LjM0LTM3LjI3LDExLjY4LTQuOTMsNC41Ny05LjQ0LDkuNjYtMTMuNSwxNC44Nmw0Mi42MSwzNS45NmMtMTIuNTctMTIuMDMsMy44OC0yNy4zLDEyLjQzLTM5LjA3LDEuMzUtMS44NSwyLjI4LTMuOTcsMi44LTYuMTgsMS42Ny03LjA1LTEuNjctMTMuNS03LjA4LTE3LjI1WiIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTk4LjA4LDcwLjkxYzI1Ljc1LTIzLjg2LDM4LjktMTAuNDUsMzguOS0xMC40NSwwLDAtNDMuMTctMzkuMzMtNTAuNTQtNDYuNDYtNy4zNy03LjEzLTE4LjU2LTUuNTYtMTguNTYtNS41NkMyNS44NiwxNi4wMiwyLjkyLDY5LjUxLC4wOCw3Ni41M2MtLjIsLjQ5LS4wMiwuOTgsLjM5LDEuMzJsNTguNzgsNDcuNzNjLjYsLjQ5LDEuNDksLjI5LDEuOC0uNDIsMi45Mi02LjU4LDE2LjMxLTM1LjA2LDM3LjAzLTU0LjI1WiIvPjwvc3ZnPg==");


}

/* Sign.Plus logo */
[data-component-id="hhx65xtvhmfk"] span.name>span:last-child::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 3px;
    vertical-align: middle;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTgyLjQgMTY4Ljc4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQpO30uY2xzLTJ7ZmlsbDp1cmwoI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzEyMyk7fS5jbHMtM3tmaWxsOnVybCgjRGVncmFkYWRvX3Npbl9ub21icmVfMTIxKTt9LmNscy00e2ZpbGw6dXJsKCNEZWdyYWRhZG9fc2luX25vbWJyZV8xMjUpO30uY2xzLTV7ZmlsbDp1cmwoI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzEyNyk7fS5jbHMtNntmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTIpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMTc5LjU4IiB5MT0iNjYuNDMiIHgyPSIxNzkuNTQiIHkyPSI2Ni45MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjA4IiBzdG9wLWNvbG9yPSIjODBmZjgwIi8+PHN0b3Agb2Zmc2V0PSIuMzYiIHN0b3AtY29sb3I9IiM0MmIwYzEiLz48c3RvcCBvZmZzZXQ9Ii41NyIgc3RvcC1jb2xvcj0iIzE4N2JlZCIvPjxzdG9wIG9mZnNldD0iLjY3IiBzdG9wLWNvbG9yPSIjMDk2N2ZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkRlZ3JhZGFkb19zaW5fbm9tYnJlXzEyNyIgeDE9IjE3OS43MSIgeTE9Ijk5LjA3IiB4Mj0iNzUuNTgiIHkyPSIyMjMuMzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wNyIgc3RvcC1jb2xvcj0iIzQxZTZhNSIvPjxzdG9wIG9mZnNldD0iLjIiIHN0b3AtY29sb3I9IiMzNGNhYjgiLz48c3RvcCBvZmZzZXQ9Ii40NyIgc3RvcC1jb2xvcj0iIzE1ODNlYiIvPjxzdG9wIG9mZnNldD0iLjU3IiBzdG9wLWNvbG9yPSIjMGE2OWZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0yIiB4MT0iMTYyLjkiIHkxPSIxNDMuODEiIHgyPSIxNjEuNDUiIHkyPSIxNDguMTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wNyIgc3RvcC1jb2xvcj0iIzgwZmY4MCIvPjxzdG9wIG9mZnNldD0iLjE4IiBzdG9wLWNvbG9yPSIjNmFlMzk3Ii8+PHN0b3Agb2Zmc2V0PSIuNDEiIHN0b3AtY29sb3I9IiMzMzljZDEiLz48c3RvcCBvZmZzZXQ9Ii41NyIgc3RvcC1jb2xvcj0iIzA5NjdmZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJEZWdyYWRhZG9fc2luX25vbWJyZV8xMjMiIHgxPSI1My41NiIgeTE9IjEzOC4xMSIgeDI9IjE2Mi40OCIgeTI9IjEzOC4xMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE1IiBzdG9wLWNvbG9yPSIjMDAwYzA1Ii8+PHN0b3Agb2Zmc2V0PSIuNDMiIHN0b3AtY29sb3I9IiMwMDE0MTAiLz48c3RvcCBvZmZzZXQ9Ii45MyIgc3RvcC1jb2xvcj0iIzAwMjkyZCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMmQzMiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJEZWdyYWRhZG9fc2luX25vbWJyZV8xMjUiIHgxPSIxMTcuODQiIHkxPSItMjguOTgiIHgyPSI5Ni4wNiIgeTI9IjI0OS43NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjA4IiBzdG9wLWNvbG9yPSIjNDFlNmE1Ii8+PHN0b3Agb2Zmc2V0PSIuMyIgc3RvcC1jb2xvcj0iIzI5YjFjYSIvPjxzdG9wIG9mZnNldD0iLjU1IiBzdG9wLWNvbG9yPSIjMTI3ZGYwIi8+PHN0b3Agb2Zmc2V0PSIuNjciIHN0b3AtY29sb3I9IiMwYTY5ZmYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfMTIxIiB4MT0iMTY1Ljc2IiB5MT0iOTAuOCIgeDI9IjE4LjE2IiB5Mj0iNS41OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE1IiBzdG9wLWNvbG9yPSIjMDAwIi8+PHN0b3Agb2Zmc2V0PSIuNjYiIHN0b3AtY29sb3I9IiMwMDFkMjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDJkMzIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzkuNjEsNjYuNTVjLS4wMywuMDctLjA2LC4xNS0uMDksLjIyLC4wMy0uMDcsLjA2LS4xNSwuMDktLjIyWiIvPjxnPjxwYXRoIGNsYXNzPSJjbHMtNSIgZD0iTTE1MS40NCwxMzkuNTVjLTEwLjgyLS42Ni0yMS45OSwzLjctMzcuNDMsOS43NSwxLjk5LDguNjYsNS42LDE2LjQ3LDYuOCwxOC45MiwuMjUsLjUsLjgyLC42NywxLjM2LC41MSwyNi45Ni03LjkzLDM4LjI2LTE0LjY3LDQwLjAyLTIyLjM0LTEuMDMtMi4yOS0yLjg5LTYuMzYtMTAuNzUtNi44M1oiLz48cGF0aCBjbGFzcz0iY2xzLTYiIGQ9Ik0xNjIuMiwxNDYuMzJjLjExLS40OCwuMTgtLjk3LC4yMi0xLjQ2LS4wNCwuNTEtLjExLDEtLjIyLDEuNDZaIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTExMC45MywxMTQuODFjLTM1LjI2LDE3LjQ2LTY3Ljg3LDMzLjE0LTU0LjE3LDQ3LjMxLC4yLC4xMywuNCwuMjUsLjYsLjM2LDQuNywyLjQ4LDExLjAzLDEuNjYsMTYuNjQsLjQ1LDkuOTQtMi4xNSwxOS41Ni01LjgxLDI5LjA1LTkuMzksMjEuNDItOC4xLDM1LjE3LTE0Ljc5LDQ4LjM5LTEzLjk4LDcuODcsLjQ4LDkuNzMsNC41NSwxMC43NSw2Ljg0LDEuOTMtOC4yOC02LjQtMjUuNDEtOS4wMS0yOC43OC01LjU0LTcuMTctMjMuOTctNi40Mi00Mi4yNS0yLjgxWiIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTE0OS40LDQ5LjE4Yy0zLjk2LS4xOC03Ljk0LS4xMy0xMS45MSwuMDctMS4yOSwxLjE0LTIuODYsMi4zNS00Ljc1LDMuNjgtNy41Niw1LjMyLTIwLjA0LDEyLjI3LTM3LjEsMjAuNjUtNDcuNTIsMjMuMzQtNTQuMzUsMzIuMS01Ny44Miw0NS4yNy0yLjAyLDcuNjYtLjI1LDE3LjQyLDQuODQsMjYuNzksMy42Niw2LjczLDcuMDcsMTIuMDYsMTQuMTUsMTYuNTUtMjUuMzMtMjUuOTQsMTA0Ljg5LTU2Ljk2LDEyMi4zNS05NC42NS0yLjI2LTE1LjQ4LTI0Ljg4LTE4LjE0LTI5Ljc2LTE4LjM2WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yOC45OCw4Ni4zMWMuNTEsLjg0LDEuNTcsMS4xMywyLjQsLjYsOS42Ny02LjE3LDY1LjQ2LTQwLjE0LDExOC4wMi0zNy43Myw0Ljg5LC4yMiwyNy41NCwyLjg5LDI5Ljc3LDE4LjQsMCwwLDE0Ljc4LTMwLjIzLTE4Ljg5LTU0LjM1QzExMi4zNS0yMS4xMSwyMC4zOSwyMC40MywuNjEsMzYuMmMtLjcsLjU2LS43OSwxLjUyLS4zMiwyLjI5bDI4LjY5LDQ3LjgxWiIvPjwvc3ZnPg==");

}

/* Dial.Plus logo */
[data-component-id="h4qb928g4n6k"] span.name>span:last-child::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 3px;
    vertical-align: middle;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUxLjg5IDE2NS42MyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOnVybCgjRGVncmFkYWRvX3Npbl9ub21icmVfMTE5KTt9LmNscy0ye2ZpbGw6dXJsKCNEZWdyYWRhZG9fc2luX25vbWJyZV8xMTcpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfMTE3IiB4MT0iMzIuNDQiIHkxPSIxNjEuMDciIHgyPSIzMi40NCIgeTI9Ii0xMDIuMTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wNyIgc3RvcC1jb2xvcj0iIzQxZTZhNSIvPjxzdG9wIG9mZnNldD0iLjE4IiBzdG9wLWNvbG9yPSIjMzJjNGJkIi8+PHN0b3Agb2Zmc2V0PSIuMzMiIHN0b3AtY29sb3I9IiMyMDljZDkiLz48c3RvcCBvZmZzZXQ9Ii40NiIgc3RvcC1jb2xvcj0iIzE0ODBlZSIvPjxzdG9wIG9mZnNldD0iLjU4IiBzdG9wLWNvbG9yPSIjMGM2ZmZhIi8+PHN0b3Agb2Zmc2V0PSIuNjciIHN0b3AtY29sb3I9IiMwYTY5ZmYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfMTE5IiB4MT0iMi4xOSIgeTE9IjEyMS44NCIgeDI9IjE1MS44OSIgeTI9IjEyMS44NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE1IiBzdG9wLWNvbG9yPSIjMDAwIi8+PHN0b3Agb2Zmc2V0PSIuNTUiIHN0b3AtY29sb3I9IiMwMDFkMjEiLz48c3RvcCBvZmZzZXQ9Ii44MSIgc3RvcC1jb2xvcj0iIzAwMmQzMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ0LjA5LDEwOC4wNWMtMS4wMS0yOC41MiwxNi44Ni00Ny4wNiwyMC40OC01MC41MSwuMzgtLjM3LC40NC0uODUsLjEyLTEuMjdDNjAuMjMsNTAuMzcsMjguMjQsOC4wMSwyMi41MiwuNDNjLS40NC0uNTgtMS4zNS0uNTYtMS44LC4wMUMtLjQ3LDI3LjY2LTIuNzUsNTQuOTksMi4yLDc4LjA5Yy40NSwxLjA1LDExLjQ4LDI2LjMsNDEuODksMjkuOTZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUxLjgxLDE0Ny45N2MuMTksLjQ3LC4wNSwxLjAxLS4zNywxLjMxLTExLjcyLDguMTctMjkuNDMsMTYuMjgtNTMuMywxNi4zNUMxOS44LDE2NS44NywyLjQ1LDc5LjkxLDIuMTksNzguMDVjMCwwLDI3LjYyLDY2Ljg0LDEyMC43OSwyLjQ0LC41NC0uMzgsMS4zMS0uMTgsMS41NiwuNDNsMjcuMjcsNjcuMDVaIi8+PC9zdmc+");
}
                                                          
                                                          /* Scan.Plus logo */
[data-component-id="kl8168vvxhky"] span.name>span:last-child::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 3px;
    vertical-align: middle;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjE2LjQgMTY4LjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCNEZWdyYWRhZG9fc2luX25vbWJyZV8xODIpO30uY2xzLTJ7ZmlsbDp1cmwoI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzE0MSk7fS5jbHMtM3tmaWxsOnVybCgjRGVncmFkYWRvX3Npbl9ub21icmVfMTUzKTt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9IkRlZ3JhZGFkb19zaW5fbm9tYnJlXzE0MSIgeDE9IjE2My41OSIgeTE9Ijg1LjUyIiB4Mj0iLS4xNSIgeTI9IjE4MC4wNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE1IiBzdG9wLWNvbG9yPSIjMDAwIi8+PHN0b3Agb2Zmc2V0PSIuNjYiIHN0b3AtY29sb3I9IiMwMDFkMjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDJkMzIiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfMTgyIiB4MT0iMTg2Ljk5IiB5MT0iNy4zNiIgeDI9IjIzLjI2IiB5Mj0iMTAxLjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4xNSIgc3RvcC1jb2xvcj0iIzAwMGMwNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMmQzMiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJEZWdyYWRhZG9fc2luX25vbWJyZV8xNTMiIHgxPSIzIiB5MT0iMTQ1LjM1IiB4Mj0iMjY2LjE3IiB5Mj0iLTYuNTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM0MWU2YTUiLz48c3RvcCBvZmZzZXQ9Ii4wNCIgc3RvcC1jb2xvcj0iIzNiZDlhZSIvPjxzdG9wIG9mZnNldD0iLjE2IiBzdG9wLWNvbG9yPSIjMjliMWNiIi8+PHN0b3Agb2Zmc2V0PSIuMjkiIHN0b3AtY29sb3I9IiMxYjkxZTEiLz48c3RvcCBvZmZzZXQ9Ii40MSIgc3RvcC1jb2xvcj0iIzExN2JmMSIvPjxzdG9wIG9mZnNldD0iLjUyIiBzdG9wLWNvbG9yPSIjMGM2ZGZiIi8+PHN0b3Agb2Zmc2V0PSIuNjIiIHN0b3AtY29sb3I9IiMwYTY5ZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yMTYsMTA3bC0zMC45Ni0xOC40MWMtOS4yLDYuMS0xNy41MSwxMy4zNS0yMi40OCwxNy45Ni02LjQ3LDYtMTMuNTMsMTEuMzUtMjEuMTMsMTUuODQtMjkuMjUsMTcuMjYtNTEuNzMsMTUuNTEtNTkuNzQsMTQuMDUtMS44Ny0uMzQtMy42Ni0xLjAyLTUuMjgtMmwtMzUuNzItMjEuNTdjLTEwLjY3LDMuODItMjAuOTksNS4yOS0zNC4zNiw2LjYtLjc4LC4wOC0xLjAyLDEuMS0uMzQsMS41MWw3My42Niw0NC40OGMxLjYzLC45OCwzLjQxLDEuNjYsNS4yOCwyLDguMDEsMS40NSwzMC40OSwzLjIxLDU5Ljc0LTE0LjA1LDcuNi00LjQ4LDE0LjY2LTkuODMsMjEuMTMtMTUuODQsOS44NS05LjEzLDMyLjg2LTI4LjY4LDQ5LjgxLTI5LjAyLC44My0uMDIsMS4xMS0xLjEyLC4zOS0xLjU0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS4zOSw1OS41NWw3My42Niw0NC40OGMxLjYzLC45OCwzLjQxLDEuNjYsNS4yOCwyLDguMDEsMS40NSwzMC40OSwzLjIxLDU5Ljc0LTE0LjA1LDcuNi00LjQ5LDE0LjY2LTkuODMsMjEuMTMtMTUuODQsOS44NS05LjEzLDMyLjg2LTI4LjY4LDQ5LjgxLTI5LjAyLC44My0uMDIsMS4xMS0xLjEyLC4zOS0xLjU0TDEzNS4xNywuODRjLS44MS0uNDgtMS43Mi0uNzYtMi42Ni0uODEtNS4wMy0uMjctMjEuOTYsMS01Mi4xNiwyNC4xNkM0NC42OCw1MS41NCwzMCw1NS4xOCwuNzQsNTguMDRjLS43OCwuMDgtMS4wMiwxLjEtLjM0LDEuNTFaIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIxMi43Niw3NS45OWwtMzAuMDEtMTcuODVjLTkuMjMsNi4xMS0xNy41NywxMy4zOS0yMi41NSwxOC02LjQ3LDYtMTMuNTMsMTEuMzUtMjEuMTMsMTUuODQtMjkuMjUsMTcuMjYtNTEuNzMsMTUuNTEtNTkuNzQsMTQuMDUtMS44Ny0uMzQtMy42Ni0xLjAyLTUuMjgtMmwtMzYuNjktMjIuMTVjLTEwLjY0LDMuNzktMjAuOTQsNS4yNi0zNC4yNyw2LjU2LS43OCwuMDgtMS4wMiwxLjEtLjM0LDEuNTFsNzMuNjYsNDQuNDhjMS42MiwuOTgsMy40MSwxLjY2LDUuMjgsMiw4LjAxLDEuNDUsMzAuNDksMy4yMSw1OS43NC0xNC4wNSw3LjYtNC40OCwxNC42Ni05LjgzLDIxLjEzLTE1Ljg0LDkuODUtOS4xMywzMi44Ni0yOC42OCw0OS44MS0yOS4wMiwuODMtLjAyLDEuMTEtMS4xMiwuMzktMS41NFoiLz48L3N2Zz4=");
}

/* ================================
   Component Cards with Borders
   ================================ */
.component-container {
    border: none !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.component-container:last-child {
    border-bottom: none !important;
}

/* Child components indentation */
.child-components-container .component-container {
    background: var(--color-no-data);
}

/* ================================
   Incidents Cards with Borders
   ================================ */
.incidents-list .incident-container,
.incident-list .incident-container {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    margin-bottom: 16px;
    overflow: hidden;
}

.incidents-list .incident-title,
.incident-list .incident-title {
    display: block;
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
}

.incidents-list .incident-title a,
.incident-list .incident-title {
    color: var(--color-font) !important;
    font-weight: 500;
}

.incidents-list .updates-container,
.incident-list .updates-container {
    padding: 12px 16px;
}

/* Unresolved incidents */
.unresolved-incidents .incident-container {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    overflow: hidden;
}

.unresolved-incident.impact-none .incident-title {
    background: var(--color-blue);
    color: #FFF;
}

.unresolved-incident.impact-minor .incident-title {
    background: var(--color-orange);
    color: #FFF;
}

.unresolved-incident.impact-major .incident-title {
    background: var(--color-red);
    color: #FFF;
}

.unresolved-incidents .updates {
    border-color: var(--color-border) !important;
}

/* ================================
   Metrics Card
   ================================ */
.custom-metrics-container {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 16px;
}

/* ================================
   Buttons / Links
   ================================ */
.show-updates-dropdown,
.flat-button {
    background: var(--color-link) !important;
}

/* ================================
   Custom Footer
   ================================ */
.page-footer {
    position: relative;
    padding-top: 40px;
}

.page-footer .color-secondary {
    display: none !important;
}

.page-footer::after {
    content: 'Copyright © 2026 Alohi (Geneva, Switzerland). All rights reserved.';
    display: block;
    text-align: center;
    color: var(--color-font-light);
    font-size: 14px;
}


/* ================================
   Responsive
   ================================ */
@media screen and (max-width: 768px) {
    .components-container::before {
        font-size: 16px;
        padding: 12px;
    }
}

@media screen and (max-width: 550px) {

    /* Keep component name and status on one line */
    .layout-content.status.status-index .components-section .component-container .name {
        white-space: normal;

    }
}

.name {
    max-width: none !important;
}