
.rs-iron-panel{
    --rs-primary:#0A56B3;
    --rs-text:#102451;
    --rs-muted:#60708B;
    --rs-border:#DCE8F5;
    --rs-green:#19A64A;
    --rs-light-blue:#EEF7FF;
    --rs-light-green:#F1FBF4;
    --rs-light-purple:#F7F3FF;
    --rs-light-yellow:#FFF9EB;
    font-family:"Open Sans",sans-serif;
    color:var(--rs-text);
    background:#F7FBFF;
    border:1px solid var(--rs-border);
    border-radius:18px;
    overflow:hidden;
    box-sizing:border-box;
}
.rs-iron-panel *{box-sizing:border-box}
.rs-panel-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px 18px;border-bottom:1px solid var(--rs-border)}
.rs-brand{display:flex;align-items:center;gap:16px}
.rs-drop-icon{width:48px;height:58px;display:grid;place-items:center;color:#2C7DDA}
.rs-drop-icon svg{width:100%;height:100%;fill:currentColor}
.rs-drop-icon svg path:last-child{fill:none;stroke:#68A9EF;stroke-width:2;stroke-linecap:round}
.rs-main-title,.rs-section-title,.rs-metric-label{margin:0;color:var(--rs-text)}
.rs-main-title{font-size:28px;font-weight:700}
.rs-subtitle{margin:5px 0 0;color:var(--rs-text)}
.rs-update-line + .rs-check{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--rs-green);color:#fff;font-size:12px;flex:0 0 auto}
.rs-breadcrumbs{display:flex;gap:12px;align-items:center;padding:14px 24px;color:var(--rs-primary);font-size:14px;border-bottom:1px solid var(--rs-border)}
.rs-breadcrumbs b{font-size:20px;font-weight:400}
.rs-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 20px 0}
.rs-metric-card,.rs-card{background:#fff;border:1px solid var(--rs-border);border-radius:16px}
.rs-metric-card{padding:18px;min-height:300px;display:flex;flex-direction:column}
.rs-metric-head{display:flex;gap:12px;align-items:center}
.rs-metric-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center}
.rs-metric-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rs-icon-iron{background:#FFF0F2;color:#E34856}
.rs-icon-tibc{background:#EDF5FF;color:#2475D2}
.rs-icon-saturation{background:#F4EFFF;color:#8358D7}
.rs-icon-ferritin{background:#ECF9EF;color:#27A64A}
.rs-metric-label{font-size:18px;font-weight:700}
.rs-small{font-size:13px;color:var(--rs-muted)}
.rs-metric-number-row{display:flex;align-items:baseline;gap:8px;margin:22px 0 12px}
.rs-metric-value{font-size:34px;font-weight:600}
.rs-unit{font-size:14px;color:var(--rs-muted)}
.rs-status-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid #BFE8CB;background:#F1FBF4;color:#11853B;font-size:14px}
.rs-metric-description{text-align:center;margin:18px 0;color:var(--rs-text);font-size:14px;line-height:1.5}
.rs-range{margin-top:auto;text-align:center}
.rs-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 20px 0}
.rs-card{padding:18px}
.rs-card-heading{
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:18px;
    min-width:0;
}
.rs-card-heading > div{min-width:0}
.rs-card-heading .rs-section-title{
    display:block;
    margin:0;
    line-height:1.3;
}
.rs-heading-icon{
    color:var(--rs-primary);
    font-size:20px;
    line-height:1;
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
}
.rs-section-title{font-size:18px;font-weight:700}
.rs-availability h4{text-align:center;margin:8px 0 16px}
.rs-scale-labels{display:flex;justify-content:space-between;font-size:13px}
.rs-balance-track{height:16px;border-radius:999px;background:linear-gradient(90deg,#F64B42 0%,#F9B000 35%,#17A64A 72%,#14984D 100%);position:relative;margin:16px 0 22px}
.rs-balance-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#1BAB56;border:3px solid #fff;box-shadow:0 0 0 1px #1BAB56}
.rs-current-box{text-align:center;border:1px solid var(--rs-border);border-radius:10px;padding:10px}
.rs-current-box strong{display:block;color:#19A64A;font-size:25px;margin:3px 0}
.rs-current-box p{margin:0}
.rs-mini-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--rs-border)}
.rs-mini-progress{text-align:center}
.rs-mini-progress strong,.rs-mini-progress span,.rs-mini-progress small{display:block;font-size:12px}
.rs-mini-progress span{color:#19A64A;margin:4px 0 10px}
.rs-mini-track{height:9px;background:#E9EFF5;border-radius:999px;overflow:hidden}
.rs-mini-track i{display:block;height:100%;background:#1DA94C;border-radius:inherit}
.rs-mini-progress small{margin-top:8px;color:var(--rs-muted)}
.rs-ai-card{background:#F2F8FF;border-color:#BFDDFC}
.rs-check-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.rs-check-list li{display:flex;align-items:flex-start;gap:10px;line-height:1.45}
.rs-conclusion{display:flex;gap:12px;align-items:center;border:1px solid #BEDAF8;background:#F7FBFF;padding:12px;border-radius:12px;margin-top:18px}
.rs-heart{font-size:34px;color:var(--rs-primary)}
.rs-history-row{align-items:stretch}
.rs-timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:24px 0}
.rs-timeline:before{content:"";position:absolute;left:9%;right:9%;top:8px;height:2px;background:#9BB8D8}
.rs-timeline-item{text-align:center;position:relative}
.rs-timeline-dot{display:block;width:18px;height:18px;border-radius:50%;margin:0 auto 10px;position:relative;z-index:2;background:#1BA64B}
.rs-state-danger .rs-timeline-dot{background:#E94A4A}
.rs-state-warning .rs-timeline-dot{background:#F4A11A}
.rs-timeline-item strong,.rs-timeline-item small{display:block}
.rs-timeline-item strong{font-size:22px}
.rs-timeline-item small{color:var(--rs-muted);margin:5px 0 8px}
.rs-timeline-pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#ECF8EF;color:#13873E;font-size:12px}
.rs-state-danger .rs-timeline-pill{background:#FFF0F0;color:#C93434}
.rs-state-warning .rs-timeline-pill{background:#FFF7E9;color:#B77200}
.rs-state-current{border:1px solid #66C983;border-radius:10px;padding:8px 4px;margin-top:-8px}
.rs-recovery-box{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;background:#F1FBF4;border:1px solid #CFECD7;border-radius:12px;padding:14px}
.rs-recovery-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#24AD4E;color:#fff;font-size:28px}
.rs-recovery-box strong{display:block;color:#1AA14A;font-size:38px}
.rs-recovery-box p{margin:0;line-height:1.45}
.rs-progress-card{background:#F4FBF5;border-color:#CCEAD3}
.rs-recommendation{margin-top:18px;background:#E9F8ED;border:1px solid #C9E9D1;padding:12px;border-radius:10px;color:#19753A}
.rs-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:14px 20px}
.rs-liver-card{background:#F7F3FF;border-color:#DED1F8}
.rs-insights-card{background:#FFF9EB;border-color:#F4DE9B}
.rs-info-table{width:100%;border-collapse:collapse}
.rs-info-table th,.rs-info-table td{border:1px solid var(--rs-border);padding:10px;text-align:left;font-size:13px}
.rs-info-table th{width:32%}
.rs-compact-list{gap:9px}
.rs-disclaimer{display:flex;justify-content:center;gap:8px;padding:10px 18px;border-top:1px solid var(--rs-border);font-size:12px;color:var(--rs-primary)}
@media(max-width:1024px){
    .rs-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rs-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
    .rs-panel-header{align-items:flex-start;flex-direction:column}
        .rs-breadcrumbs{overflow:auto;white-space:nowrap}
    .rs-metrics-grid,.rs-two-column{grid-template-columns:1fr}
    .rs-bottom-grid{grid-template-columns:1fr}
    .rs-mini-progress-grid{grid-template-columns:1fr}
    .rs-timeline{grid-template-columns:repeat(2,1fr);gap:20px 0}
    .rs-timeline:before{display:none}
    .rs-recovery-box{grid-template-columns:auto 1fr}
    .rs-recovery-box p{grid-column:1/-1}
}
@media(max-width:480px){
    .rs-main-title{font-size:24px}
    .rs-panel-header,.rs-breadcrumbs{padding-left:16px;padding-right:16px}
    .rs-metrics-grid,.rs-two-column,.rs-bottom-grid{padding-left:12px;padding-right:12px}
    .rs-metric-card,.rs-card{padding:15px}
}





/* v1.0.2 authoritative header and icon alignment */
.rs-iron-panel .rs-update-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:10px !important;
    width:270px !important;
    min-width:270px !important;
    max-width:270px !important;
    padding:12px 14px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid var(--rs-border) !important;
    border-radius:12px !important;
    line-height:1.25 !important;
}
.rs-iron-panel .rs-update-date-row,
.rs-iron-panel .rs-update-status-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
.rs-iron-panel .rs-update-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 20px !important;
    width:20px !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--rs-text) !important;
}
.rs-iron-panel .rs-update-icon svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.rs-iron-panel .rs-update-date-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:1px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
.rs-iron-panel .rs-update-label,
.rs-iron-panel .rs-update-date,
.rs-iron-panel .rs-update-status{
    display:block !important;
    position:static !important;
    float:none !important;
    clear:none !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    letter-spacing:normal !important;
    text-indent:0 !important;
}
.rs-iron-panel .rs-update-label{
    font-size:12px !important;
    font-weight:400 !important;
    color:var(--rs-muted) !important;
    white-space:nowrap !important;
}
.rs-iron-panel .rs-update-date{
    font-size:14px !important;
    font-weight:700 !important;
    color:var(--rs-text) !important;
    white-space:nowrap !important;
}
.rs-iron-panel .rs-update-status-row .rs-check{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 18px !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:18px !important;
}
.rs-iron-panel .rs-update-status{
    min-width:0 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    color:var(--rs-text) !important;
    white-space:normal !important;
}

/* Keep every information-card icon and title on one line. */
.rs-iron-panel .rs-card-heading{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 0 18px !important;
    padding:0 !important;
}
.rs-iron-panel .rs-card-heading > .rs-heading-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    float:none !important;
    transform:none !important;
    line-height:1 !important;
    font-style:normal !important;
}
.rs-iron-panel .rs-card-heading > .rs-section-title,
.rs-iron-panel .rs-card-heading > div{
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
.rs-iron-panel .rs-card-heading .rs-section-title{
    display:block !important;
    position:static !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.3 !important;
    white-space:normal !important;
}

@media(max-width:767px){
    .rs-iron-panel .rs-update-card{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
}


/* v1.0.3 premium bottom icon badges */
.rs-iron-panel .rs-heading-icon-badge{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex:0 0 34px !important;
    border-radius:50% !important;
    background:#EAF4FF !important;
    color:var(--rs-primary) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.rs-iron-panel .rs-heading-icon-badge svg{
    display:block !important;
    width:19px !important;
    height:19px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.rs-iron-panel .rs-bottom-grid .rs-card-heading{
    gap:11px !important;
    align-items:center !important;
}
.rs-iron-panel .rs-bottom-grid .rs-section-title{
    font-style:normal !important;
    font-weight:700 !important;
}
.rs-iron-panel .rs-disclaimer{
    align-items:center !important;
}
.rs-iron-panel .rs-disclaimer-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    color:var(--rs-primary) !important;
}
.rs-iron-panel .rs-disclaimer-icon svg{
    display:block !important;
    width:16px !important;
    height:16px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
