@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400&display=swap');
BODY {font-family:'Raleway', sans-serif;font-size:9pt;margin:3;}
.normbody {font-family:'Raleway', sans-serif;color:#12416d;background-color:white;margin:0px;margin-left:15px;margin-top:15px;} 
.normbodypop {font-family:'Roboto', sans-serif;color:#12416d;background-color:white;margin-left:10px;margin-right:10px;} 
.normbody2 {font-family:'Raleway', sans-serif;color:#12416d;background-color:white;margin-left:60px;margin-right:60px;} 
.normbody1 {font-family:Arial;color:#12416d;background-color:white;margin:3;} 
.headbody {font-family:Arial;background-color:#12416d;color:white;margin:0;border-radius:6px;} 
.headbody2{font-family:Arial;background-color:white;color:#12416d;margin:0;border-radius:6px;} 
.tblheader {font-family:'Raleway',font:bold;font-size:11pt;text-decoration:underline;}
.tbl11 {font-family:'Raleway',font-size:11pt;}
.tbl11r {font-family:'Raleway',font-size:11pt;color:red;}
.tbl11b {font-family:'Raleway',font:bold;font-size:11pt;}

.tbl10 {font-family:'Raleway',sans-serif;font-size:10pt;}
.tbl10r {font-family:'Raleway',sans-serif;font-size:10pt;color:red;}
.tbl10b {font-family:'Raleway',sans-serif;font:bold;font-size:10pt;}

.tblrowc {font-family:'Raleway', sans-serif;font-size:10pt;color:black;cursor:pointer;}
.tblrowc:hover {color:#FF0000;}
.tblrowr {color:red;font-size:9pt;}

.tblrowh {font-family: Raleway, sans-serif;font-size:11pt;background-color:silver;cursor:hand;}
.tblrows {font-family: Raleway, sans-serif;background-color:white;cursor:hand;}

.tblrow2 {color:black;font-family: Raleway, sans-serif;font-size:10pt;background-color:white;cursor:hand;}

.tblrowy {color:black;font-size:9pt;background-color:palegoldenrod;cursor:hand;}
.fldlabelr {color:gray;font:bold;font-size:9pt;text-decoration:none;text-align:right;padding-right:5px;}
.fldlabelc {color:gray;font:bold;font-size:9pt;text-decoration:none;text-align:center;padding-right:5px;}
.fldlabell {color:gray;font:bold;font-size:9pt;text-decoration:none;text-align:left;}
.flddata {color:black;font-size:10pt;}
.flddatar {color:black;font-size:10pt;text-align:right;}
.flddatab {color:black;font-size:12pt;font:bold;}
TABLE {cellpadding:0;cellspacing:0;}

.table1 {cellpadding:6;cellspacing:0;background-color:#12416d;test-color:#eff2f5;border-radius:8px;}
.suppheader{font-family:Arial,sans-serif;color:#FFFFFF;font-size:20pt}

.tbloptions{    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 2.5;
    letter-spacing: 0.00938em;
    display: block;
    cellpadding:4;
    cellspacing:4;}
.tbloption2{    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0.00938em;
    display: block;
    cellpadding:6;
    cellspacing:6;
    cursor:default;
   }
.button1 {border-radius:4px;background-color:#12416d;border-color:#12416d;color:#FFFFFF;font-family:Robot,Helvetica,Arial;font-size:12pt;padding: 6px 6px;}
.button1:hover { background-color: grey; }
.portalfont {
   font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.00938em;
} 
.portalfontw {
   color:white;
   font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.00938em;
} 

INPUT {font-family:Arial;font-size:10pt;}
.inp1 {border-top:none;border-left:none;border-right:none;border-bottom:1px solid gray;text-align:right;background-color:#EEEEEE;}
SELECT {font-family:Arial;font-size:9pt;}
.topmenur {padding-top:20px; padding-right:15px; font-family:Arial; font-size:9pt; font:bold; text-align:right; }
.topmenurt {padding-top:10px; padding-right:5px; font-family:Arial; font-size:9pt; font:bold; text-align:right; vertical-align:top; }
.topmenul {padding-top:20px; padding-left:10px; font-family:Arial; font-size:9pt; font:bold; text-align:left;vertical-align:top; }
.mainmenu {font-family:Arial;font-size:12pt;padding-left:10px;}
A:active {text-decoration:none;color:#FF0000;}
A:link {text-decoration:none;color:navy;cursor:pointer;}
A:visited {text-decoration:none;color:navy;}
A:hover {color:red;text-decoration:none;}
.hlink {text-decoration:none;color:#00FFFF;}
.hlink:link {text-decoration:none;color:#00FFFF;}
.hlink:hover {text-decoration:none;color:#FF0000;}
.h1link {text-decoration:none;color:black;}
.h1link:link {text-decoration:none;color:#FF0000;}
.h1link:hover {text-decoration:none;color:navy;}
.h1link:visited {text-decoration:none;color:#FF0000;}

.pgheader {font-size:12pt;font:bold;}

.dc0{color:slategray;;font-size:9pt;}
.dd0{font:bold;font-size:9pt;}

.b1{background-color: #CDE1DD; color: #000000}
.dc1{background-color: #CDE1DD; color:slategray;font-size:9pt;}
.dd1{background-color: #CDE1DD; font:bold;font-size:9pt;}

.b2{background-color: #A5C2C6; color: #000000}

.b3 {background-color: #A4B5CA; color: #000000}
.dc3 {background-color: #A4B5CA;color:lightcyan;font-size:9pt;}
.dd3 {background-color: #A4B5CA;font:bold;font-size:9pt;}
.dd4-holding {background-color: #4CAF50; color: #008CBA; }

.b4{background-color: #739AC7; color: #000000}

.button2   {border-radius: 6px; width: 90px; background-color: white; border: 2px solid #f44336; /* Red */   }
.button2:hover {background-color: grey; }

.button3   {border-radius: 6px; width: 90px; background-color: white; border: 2px solid #000000; /* Blue */  }
.button3:hover {background-color: lightcyan; }

.bigbutton3   {border-radius: 6px; width: 130px; font-family:'Raleway'; background-color: white; border: 3px solid #0000FF; /* Blue */  }
.bigbutton3:hover {background-color: lightcyan; }

.button4   {border-radius: 6px; width: 120px; background-color: lightcyan; border: 2px solid #000000; /* Blue */  }
.button4:hover {background-color: yellow; }

.blinking  {animation-name:blinkingText 0.8s infinite; }

@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

/* ============================================================
   AZZIER CUSTOMER PORTAL - MODERN UI
   ============================================================ */

:root {
    --az-navy: #12416d;
    --az-navy-dark: #0b3154;
    --az-navy-light: #1b527e;

    --az-cyan: #20cbd2;
    --az-cyan-soft: #dff8f9;

    --az-background: #eef5f8;
    --az-surface: #ffffff;
    --az-surface-soft: #f6fafc;

    --az-text: #163b59;
    --az-muted: #7890a1;
    --az-border: #d9e5eb;

    --az-radius: 14px;

    --az-shadow:
        0 8px 28px rgba(18, 65, 109, 0.10);
}


/* ------------------------------------------------------------
   OUTER PORTAL
   ------------------------------------------------------------ */

.az-outer-body {
    margin: 0;
    padding: 0;
    background: var(--az-background);
    color: var(--az-text);
    font-family: 'Raleway', Arial, sans-serif;
    overflow: hidden;
}


.az-header {
    height: 82px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;

    padding: 0 28px;

background: var(--az-navy);

    color: white;

    box-shadow: 0 4px 16px rgba(0, 30, 55, 0.18);
}


.az-brand {
    display: flex;
    align-items: center;
    min-width: 0;
}


.az-logo {
    height: 54px;
    width: auto;
}


.az-site-info {
    display: flex;
    flex-direction: column;

    margin-left: 18px;

    font-size: 11px;
    line-height: 1.6;

    color: rgba(255,255,255,.70);
}


.az-header-title {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: .02em;

    white-space: nowrap;
}


.az-header-status {
    justify-self: end;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 8px 13px;

    border-radius: 20px;

    background: rgba(255,255,255,.10);

    font-size: 12px;
    color: rgba(255,255,255,.92);
}


.az-status-dot {
    display: inline-block;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #62d98b;

    box-shadow: 0 0 0 3px rgba(98,217,139,.15);
}


.az-portal-frame {
    height: calc(100vh - 82px);
}


.az-main-frame {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}


/* ------------------------------------------------------------
   HOME / APPLICATION SHELL
   ------------------------------------------------------------ */

.az-home-body {
    margin: 0;
    padding: 0;

    background: var(--az-background);

    font-family: 'Raleway', Arial, sans-serif;

    overflow: hidden;
}


.az-main-form {
    margin: 0;
    padding: 0;
}


.az-app-layout {
    display: grid;

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

    height: 100vh;
}


/* ------------------------------------------------------------
   SIDEBAR
   ------------------------------------------------------------ */

.az-sidebar {
    box-sizing: border-box;

    display: flex;
    flex-direction: column;

    padding: 27px 16px 18px;

    background: var(--az-navy);
        );

    color: white;

    box-shadow: 5px 0 22px rgba(18,65,109,.10);
}


.az-sidebar-heading {
    margin: 0 12px 15px;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: .16em;

    color: rgba(255,255,255,.48);
}


.az-sidebar-heading-small {
    margin-top: 17px;
    margin-bottom: 8px;
}


.az-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.az-nav-item,
.az-nav-item:link,
.az-nav-item:visited {
    box-sizing: border-box;

    display: flex;
    align-items: center;
    gap: 13px;

    min-height: 44px;

    padding: 0 14px;

    border-radius: 9px;

    color: rgba(255,255,255,.78);

    text-decoration: none;

    font-size: 14px;

    transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease;
}


.az-nav-item svg {
    width: 18px;
    height: 18px;

    stroke-width: 1.8;
}


.az-nav-item:hover {
    background: rgba(255,255,255,.08);

    color: white;

    transform: translateX(2px);
}


.az-nav-item.active {
    background: var(--az-cyan);

    color: var(--az-navy-dark);

    font-weight: 600;

    box-shadow:
        0 5px 16px rgba(0,0,0,.12);
}


.az-nav-divider {
    height: 1px;

    margin: 15px 12px;

    background: rgba(255,255,255,.12);
}


.az-sidebar-footer {
    margin-top: auto;

    padding: 15px 12px 3px;

    border-top: 1px solid rgba(255,255,255,.10);

    color: rgba(255,255,255,.40);

    font-size: 11px;
}


/* ------------------------------------------------------------
   MAIN CONTENT
   ------------------------------------------------------------ */

.az-content {
    box-sizing: border-box;

    min-width: 0;

    padding: 18px;

    background: var(--az-background);
}


.az-content-frame {
    display: block;

    width: 100%;
    height: calc(100vh - 36px);

    box-sizing: border-box;

    border: 0;
    border-radius: var(--az-radius);

    background: white;

    box-shadow: var(--az-shadow);
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 900px) {

    .az-header {
        grid-template-columns: auto 1fr;
        padding: 0 16px;
    }

    .az-header-title {
        text-align: right;
        font-size: 18px;
    }

    .az-header-status {
        display: none;
    }

    .az-site-info {
        display: none;
    }

    .az-app-layout {
        grid-template-columns: 190px minmax(0, 1fr);
    }

}


@media (max-width: 650px) {

    .az-app-layout {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .az-sidebar {
        padding-left: 8px;
        padding-right: 8px;
    }

    .az-sidebar-heading,
    .az-sidebar-footer,
    .az-nav-item span,
    .az-nav-divider {
        display: none;
    }

    .az-nav-item {
        justify-content: center;
        padding: 0;
    }

    .az-nav-item svg {
        width: 20px;
        height: 20px;
    }

}

/* ============================================================
   AZZIER PORTAL - CONTENT PAGES
   ============================================================ */

.az-page-body {
    margin: 0;
    padding: 0;

    background: #ffffff;
    color: var(--az-text);

    font-family: 'Raleway', Arial, sans-serif;
}


.az-page {
    box-sizing: border-box;

    width: 100%;
    max-width: 1500px;

    padding: 26px 30px 40px;
}


/* ------------------------------------------------------------
   PAGE HEADER
   ------------------------------------------------------------ */

.az-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    margin-bottom: 24px;
}


.az-page-customer {
    margin-bottom: 4px;

    color: var(--az-muted);

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

    letter-spacing: .05em;
}


.az-page-title {
    margin: 0;

    color: var(--az-navy);

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

    line-height: 1.15;
}


.az-page-description {
    margin-top: 7px;

    color: var(--az-muted);

    font-size: 13px;
}


.az-page-actions {
    flex-shrink: 0;
}


/* ------------------------------------------------------------
   BUTTONS
   ------------------------------------------------------------ */

.az-primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 42px;

    padding: 0 18px;

    border: 0;
    border-radius: 9px;

    background: var(--az-cyan);
    color: var(--az-navy-dark);

    font-family: inherit;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    box-shadow: 0 5px 14px rgba(18,65,109,.12);

    transition:
        transform .15s ease,
        box-shadow .15s ease;
}


.az-primary-button:hover {
    transform: translateY(-1px);

    box-shadow: 0 7px 18px rgba(18,65,109,.17);
}


.az-button-plus {
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
}


.az-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 36px;

    padding: 0 13px;

    border: 1px solid var(--az-border);
    border-radius: 8px;

    background: white;
    color: var(--az-navy);

    font-family: inherit;
    font-size: 12px;
    font-weight: 600;

    cursor: pointer;
}


.az-secondary-button:hover {
    background: var(--az-surface-soft);
}


.az-secondary-button svg {
    width: 15px;
    height: 15px;
}


/* ------------------------------------------------------------
   CARDS
   ------------------------------------------------------------ */

.az-card {
    overflow: hidden;

    margin-bottom: 20px;

    border: 1px solid var(--az-border);
    border-radius: 13px;

    background: var(--az-surface);

    box-shadow:
        0 5px 18px rgba(18,65,109,.07);
}


.az-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 17px 20px;

    border-bottom: 1px solid var(--az-border);

    background: var(--az-surface-soft);
}


.az-card-title {
    color: var(--az-navy);

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


.az-card-subtitle {
    margin-top: 4px;

    color: var(--az-muted);

    font-size: 11px;
}


/* ------------------------------------------------------------
   FILTERS
   ------------------------------------------------------------ */

.az-filter-grid {
    padding: 7px 20px 10px;
}


.az-filter-row {
    display: grid;

    grid-template-columns:
        minmax(150px, 1.2fr)
        minmax(160px, 1fr)
        minmax(130px, 1fr)
        minmax(130px, 1fr);

    align-items: center;

    min-height: 48px;

    border-bottom: 1px solid #edf2f5;
}


.az-filter-row:last-child {
    border-bottom: 0;
}


.az-filter-label {
    color: var(--az-text);

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


.az-filter-option {
    display: flex;
    align-items: center;
    gap: 8px;

    color: var(--az-text);

    font-size: 12px;

    cursor: pointer;
}


.az-filter-option input[type="checkbox"] {
    width: 16px;
    height: 16px;

    accent-color: var(--az-cyan);

    cursor: pointer;
}


/* ------------------------------------------------------------
   DATA TABLE
   ------------------------------------------------------------ */

.az-table-wrapper {
    width: 100%;

    overflow-x: auto;
}


.az-data-table {
    width: 100%;

    border-collapse: collapse;
    border-spacing: 0;
}


.az-data-table th {
    padding: 11px 14px;

    border-bottom: 1px solid var(--az-border);

    background: #f8fbfc;

    color: var(--az-muted);

    font-size: 10px;
    font-weight: 600;

    letter-spacing: .07em;
    text-align: left;
    text-transform: uppercase;
}


.az-data-table td {
    padding: 13px 14px;

    border-bottom: 1px solid #edf2f5;

    color: var(--az-text);

    font-size: 12px;

    vertical-align: middle;
}


.az-data-table tbody tr:last-child td {
    border-bottom: 0;
}


.az-data-table tbody tr:hover {
    background: #f7fbfc;
}


.az-col-number {
    width: 90px;
}


.az-col-status {
    width: 160px;
}


.az-number-cell {
    white-space: nowrap;
}


.az-record-link,
.az-record-link:link,
.az-record-link:visited {
    color: var(--az-navy);

    font-weight: 600;

    text-decoration: none;
}


.az-record-link:hover {
    color: #129da7;

    text-decoration: underline;
}


.az-status-badge {
    display: inline-block;

    padding: 5px 9px;

    border-radius: 20px;

    background: var(--az-cyan-soft);
    color: var(--az-navy);

    font-size: 10px;
    font-weight: 600;

    white-space: nowrap;
}


.az-description-cell {
    line-height: 1.45;
}


/* ------------------------------------------------------------
   PAGE FOOTNOTE
   ------------------------------------------------------------ */

.az-page-note {
    margin: 3px 3px 0;

    color: var(--az-muted);

    font-size: 10px;
}


/* ------------------------------------------------------------
   RESPONSIVE CONTENT
   ------------------------------------------------------------ */

@media (max-width: 900px) {

    .az-page {
        padding: 20px;
    }

    .az-filter-row {
        grid-template-columns: 1fr 1fr;
        gap: 12px;

        padding: 12px 0;
    }

    .az-filter-label {
        grid-column: 1 / -1;
    }

}


@media (max-width: 600px) {

    .az-page-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .az-page-actions {
        width: 100%;
    }

    .az-primary-button {
        width: 100%;
    }

    .az-filter-row {
        grid-template-columns: 1fr;
    }

    .az-filter-label {
        grid-column: auto;
    }

}

/* ============================================================
   AZZIER PORTAL - STATUS PAGE
   ============================================================ */

.az-status-page {
    box-sizing: border-box;
    width: 100%;
    max-width: 1500px;
    padding: 26px 30px 40px;
}


/* ------------------------------------------------------------
   Site Information
   ------------------------------------------------------------ */

.az-site-card {
    margin-bottom: 18px;
}

.az-site-info-grid {
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) repeat(5, minmax(120px, 1fr));
    gap: 0;
}

.az-site-info-item {
    min-width: 0;
    padding: 16px 18px;
    border-right: 1px solid var(--az-border);
}

.az-site-info-item:last-child {
    border-right: 0;
}

.az-info-label {
    margin-bottom: 5px;
    color: var(--az-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.az-info-value {
    overflow: hidden;
    color: var(--az-text);
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.az-select {
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 0 34px 0 10px;
    border: 1px solid var(--az-border);
    border-radius: 7px;
    background: #ffffff;
    color: var(--az-text);
    font-family: inherit;
    font-size: 12px;
    outline: none;
}

.az-select:focus {
    border-color: var(--az-cyan);
}


/* ------------------------------------------------------------
   Date Range
   ------------------------------------------------------------ */

.az-date-card {
    overflow: visible;
    margin-bottom: 18px;
}

.az-date-controls {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    padding: 17px 20px;
}

.az-date-heading {
    min-width: 190px;
    margin-right: 8px;
}

.az-date-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.az-date-field label {
    color: var(--az-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.az-date-input {
    box-sizing: border-box;
    width: 145px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--az-border);
    border-radius: 7px;
    background: #ffffff;
    color: var(--az-text);
    font-family: inherit;
    font-size: 12px;
    outline: none;
}

.az-date-input:focus {
    border-color: var(--az-cyan);
}

.az-date-arrow {
    padding-bottom: 10px;
    color: var(--az-muted);
    font-size: 18px;
}


/* ------------------------------------------------------------
   Report Navigation
   ------------------------------------------------------------ */

.az-report-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 18px;
    padding: 5px;
    overflow-x: auto;
    border: 1px solid var(--az-border);
    border-radius: 10px;
    background: var(--az-surface-soft);
}

.az-report-tab {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--az-muted);
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.az-report-tab:hover {
    background: #ffffff;
    color: var(--az-navy);
}

.az-report-tab.active {
    background: var(--az-navy);
    color: #ffffff;
    box-shadow: 0 3px 9px rgba(18, 65, 109, .14);
}

.az-report-tab-external {
    margin-left: auto;
    color: var(--az-navy);
}


/* ------------------------------------------------------------
   Report Frame
   ------------------------------------------------------------ */

.az-status-report {
    overflow: hidden;
    width: 100%;
    min-height: 900px;
    border: 1px solid var(--az-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(18, 65, 109, .07);
}

.az-status-frame {
    display: block;
    width: 100%;
    height: 900px;
    border: 0;
    background: #ffffff;
}


/* ------------------------------------------------------------
   Responsive
   ------------------------------------------------------------ */

@media (max-width: 1200px) {

    .az-site-info-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .az-site-info-item {
        border-bottom: 1px solid var(--az-border);
    }

}


@media (max-width: 800px) {

    .az-status-page {
        padding: 20px;
    }

    .az-site-info-grid {
        grid-template-columns: 1fr 1fr;
    }

    .az-date-controls {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .az-date-heading {
        width: 100%;
    }

    .az-date-arrow {
        align-self: flex-end;
    }

}


@media (max-width: 550px) {

    .az-site-info-grid {
        grid-template-columns: 1fr;
    }

    .az-site-info-item {
        border-right: 0;
    }

}

/* ============================================================
   AZZIER PORTAL - MODULAR REPORT WORKSPACE
   ============================================================ */


/* ------------------------------------------------------------
   Report Container
   ------------------------------------------------------------ */

.az-report-body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: var(--az-text);
    font-family: 'Raleway', Arial, sans-serif;
}

.az-report-workspace {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
}


/* ------------------------------------------------------------
   Report Heading
   ------------------------------------------------------------ */

.az-report-heading {
    margin-bottom: 16px;
}

.az-report-heading-title {
    color: var(--az-navy);
    font-size: 17px;
    font-weight: 600;
}

.az-report-heading-subtitle {
    margin-top: 4px;
    color: var(--az-muted);
    font-size: 11px;
}


/* ------------------------------------------------------------
   Graph/List + Options Layout
   ------------------------------------------------------------ */

.az-report-layout {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
    gap: 18px;
    align-items: stretch;
}

/* ------------------------------------------------------------
   Left Display
   ------------------------------------------------------------ */

.az-report-display {
    min-width: 0;
    min-height: 620px;
    overflow: hidden;
    border: 1px solid var(--az-border);
    border-radius: 11px;
    background: #ffffff;
}

.az-report-display-frame {
    display: block;
    width: 100%;
    height: 620px;
    border: 0;
    background: #ffffff;
}


/* ------------------------------------------------------------
   Right Options
   ------------------------------------------------------------ */

.az-report-options {
    min-width: 0;
    min-height: 620px;
    overflow: hidden;
    border: 1px solid var(--az-border);
    border-radius: 11px;
    background: var(--az-surface-soft);
}

.az-report-options-frame {
    display: block;
    width: 100%;
    height: 620px;
    border: 0;
    background: transparent;
}


/* ============================================================
   REPORT OPTIONS PAGE
   ============================================================ */

.az-options-body {
    margin: 0;
    padding: 0;
    background: var(--az-surface-soft);
    color: var(--az-text);
    font-family: 'Raleway', Arial, sans-serif;
}

.az-options-panel {
    box-sizing: border-box;
    width: 100%;
    padding: 18px;
}

.az-options-title {
    margin-bottom: 18px;
    color: var(--az-navy);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}


/* ------------------------------------------------------------
   Option Sections
   ------------------------------------------------------------ */

.az-option-section {
    margin-bottom: 20px;
}

.az-option-section:last-child {
    margin-bottom: 0;
}

.az-option-section-title {
    margin-bottom: 6px;
    color: var(--az-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
}


/* ------------------------------------------------------------
   Standard Option Buttons
   ------------------------------------------------------------ */

.az-option-link {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 32px;
    margin: 2px 0;
    padding: 6px 9px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--az-text);
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.az-option-link:hover {
    background: #ffffff;
    color: var(--az-navy);
}

.az-option-link.active {
    background: var(--az-cyan-soft);
    color: var(--az-navy);
    font-weight: 600;
}


/* ------------------------------------------------------------
   Linked Document Chips
   ------------------------------------------------------------ */

.az-option-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.az-option-chip {
    min-height: 28px;
    padding: 4px 8px;
    border: 1px solid var(--az-border);
    border-radius: 6px;
    background: #ffffff;
    color: var(--az-navy);
    font-family: inherit;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

.az-option-chip:hover {
    border-color: var(--az-cyan);
    background: var(--az-cyan-soft);
}

.az-option-chip.active {
    border-color: var(--az-cyan);
    background: var(--az-cyan);
    color: var(--az-navy-dark);
}


/* ------------------------------------------------------------
   Responsive Report Layout
   ------------------------------------------------------------ */

@media (max-width: 900px) {

    .az-report-layout {
        grid-template-columns: 1fr;
    }

    .az-report-options {
        min-height: 300px;
    }

    .az-report-options-frame {
        height: 300px;
    }

}