.hero-card {
    padding: 1.4rem;
    background: linear-gradient(135deg, var(--sipedy-blue) 0%, #153b66 100%);
    color: white;
}

.hero-card .eyebrow {
    color: rgba(255, 255, 255, .55);
}

.metric-card {
    padding: .95rem;
    border: 0;
    color: white;
    position: relative;
    overflow: hidden;
}

.metric-card span {
    color: rgba(255, 255, 255, .82);
    display: block;
    min-height: 34px;
    font-size: .86rem;
}

.metric-card strong {
    font-size: 1.4rem;
    display: block;
    margin-top: .35rem;
}

.metric-icon-shell {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: .96;
}

.metric-icon-svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: none;
}

.metric-card::after {
    content: "";
    position: absolute;
    right: -24px;
    top: -24px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
}

.metric-clients {
    background: linear-gradient(135deg, #0b2a4a 0%, #1f6fb2 100%);
}

.metric-products {
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
}

.metric-proposals {
    background: linear-gradient(135deg, #6b21a8 0%, #a855f7 100%);
}

.metric-orders {
    background: linear-gradient(135deg, #9a3412 0%, #f97316 100%);
}

.metric-accepted {
    background: linear-gradient(135deg, #14532d 0%, #22c55e 100%);
}

.metric-promotions {
    background: linear-gradient(135deg, #9f1239 0%, #f43f5e 100%);
}

.split-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 2fr 1fr;
}

.finance-split-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(440px, 1fr);
}

.split-grid > * {
    min-width: 0;
}

.status-summary-list {
    display: grid;
    gap: .85rem;
}

.status-summary-card {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid var(--sipedy-border);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,253,.92));
}

.status-summary-head,
.status-summary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.status-summary-label,
.status-summary-total span {
    color: var(--sipedy-muted);
    font-size: .78rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
}

.status-summary-total strong {
    color: var(--sipedy-text);
    font-size: 1.08rem;
}

.chart-card {
    padding: 1.1rem;
    min-width: 0;
}

.finance-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .8rem;
}

.finance-summary-card {
    display: grid;
    gap: .28rem;
    padding: .95rem 1rem;
    border: 1px solid var(--sipedy-border);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 248, 252, 0.92));
}

.finance-summary-card span {
    color: var(--sipedy-muted);
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.finance-summary-card strong {
    font-size: 1.05rem;
    color: var(--sipedy-text);
}

.finance-summary-card-highlight {
    background: linear-gradient(135deg, rgba(31, 111, 178, 0.1), rgba(31, 111, 178, 0.03));
    border-color: rgba(31, 111, 178, 0.24);
}

.chart-bars,
.stacked-chart-group {
    display: grid;
    gap: 1rem;
}

.finance-pie-layout {
    display: grid;
    grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-width: 0;
}

.finance-pie-wrap {
    display: grid;
    place-items: center;
}

.finance-pie-chart {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    box-shadow: inset 0 0 0 1px rgba(8, 34, 66, 0.04);
}

.finance-pie-center {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background: #fff;
    display: grid;
    place-items: center;
    text-align: center;
    padding: .8rem;
    box-shadow: 0 8px 20px rgba(8, 34, 66, 0.08);
}

.finance-pie-center span {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--sipedy-muted);
}

.finance-pie-center strong {
    font-size: 1.2rem;
    color: var(--sipedy-text);
}

.finance-pie-legend {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.finance-pie-legend-item {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: .3rem;
    padding: .75rem .9rem;
    border: 1px solid var(--sipedy-border);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.9));
    min-width: 0;
}

.finance-pie-legend-item span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--sipedy-muted);
    font-size: .8rem;
    font-weight: 600;
    min-width: 0;
}

.finance-pie-legend-item strong {
    color: var(--sipedy-text);
    font-size: .9rem;
    min-width: 0;
    text-align: left;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

.chart-bar-row,
.stacked-chart-row {
    display: grid;
    gap: .55rem;
}

.chart-bar-labels,
.stacked-chart-labels {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.chart-bar-labels span,
.stacked-chart-labels span {
    color: var(--sipedy-muted);
    font-size: .82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.chart-bar-labels strong,
.stacked-chart-labels strong {
    color: var(--sipedy-text);
    font-size: 1rem;
}

.chart-bar-track,
.stacked-track {
    width: 100%;
    height: 14px;
    border-radius: 999px;
    overflow: hidden;
    background: #e8eef5;
    display: flex;
}

.chart-bar-fill,
.stacked-segment,
.legend-dot {
    display: block;
}

.chart-bar-fill,
.stacked-segment {
    height: 100%;
    border-radius: 999px;
    min-width: 0;
}

.chart-bar-blue {
    background: linear-gradient(135deg, #0b2a4a 0%, #1f6fb2 100%);
}

.chart-bar-green {
    background: linear-gradient(135deg, #166534 0%, #22c55e 100%);
}

.chart-bar-orange {
    background: linear-gradient(135deg, #9a3412 0%, #f97316 100%);
}

.chart-bar-pink {
    background: linear-gradient(135deg, #9f1239 0%, #f43f5e 100%);
}

.stacked-legend {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    color: var(--sipedy-muted);
    font-size: .82rem;
}

.stacked-legend span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.chart-summary {
    padding-top: .4rem;
}

/* Home overview: operational quantities only; adapts to viewport width and height. */
.main-content.home-dashboard[data-dashboard-root] {display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;}
.home-dashboard>.toast-stack:empty{display:none}
.home-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.home-heading h1{margin:3px 0;font-size:1.35rem}.home-heading p{margin:0;font-size:.78rem}
.home-heading .eyebrow{font-size:.63rem;letter-spacing:.12em;color:#126c94;font-weight:700}
.home-live{display:inline-flex;align-items:center;gap:6px;color:#577383;font-size:.7rem;white-space:nowrap}.home-live i{width:6px;height:6px;background:#24a18d;border-radius:50%}
.home-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;flex:none}
.home-metrics article{padding:12px 15px;border-radius:12px;min-width:0}
.home-metrics span{font-size:.73rem;min-height:26px}.home-metrics strong{font-size:1.5rem;line-height:1.15;margin-top:2px;color:white}
.home-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;flex:1 1 0;min-height:420px}
.home-dashboard .home-chart{padding:16px 18px;min-width:0;min-height:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}
.home-chart-heading{display:flex;justify-content:space-between;gap:10px;flex:none;margin-bottom:12px}.home-chart h2{font-size:.95rem;margin:0 0 4px;color:#18364b}.home-chart-heading p{font-size:.7rem;color:var(--sipedy-muted);margin:0;line-height:1.4}.home-chart-tag{font-size:.6rem;color:#156d91;background:#edf7fb;padding:4px 7px;border-radius:6px}
.home-chart>[data-home-chart]{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
.home-donut-layout{display:grid;grid-template-columns:minmax(100px,25%) minmax(0,1fr);align-items:center;gap:20px}
.home-donut{width:100%;max-width:160px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.home-donut-center{width:72%;height:72%;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.home-donut-center strong{font-size:1.6rem;color:#123c55}.home-donut-center span{font-size:.7rem;color:var(--sipedy-muted)}
.home-chart-legend{list-style:none;margin:0;padding:0;display:grid;gap:7px}.home-chart-legend li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.73rem}.home-chart-legend li>span{display:flex;align-items:center;gap:6px;min-width:0}.home-chart-legend i{width:8px;height:8px;border-radius:2px;flex-shrink:0}.home-chart-legend strong{font-size:.75rem}
.home-funnel{display:grid;gap:7px}.home-funnel-row{display:grid;grid-template-columns:minmax(100px,1fr) 1.5fr 30px;gap:10px;align-items:center;font-size:.73rem}.home-funnel-row strong{text-align:right}.home-funnel-track{height:15px;display:flex;justify-content:center;background:#f3f6f9;border-radius:4px}.home-funnel-track i{height:100%;border-radius:4px}
.home-columns{display:flex;gap:clamp(8px,2vw,25px);height:100%;min-height:100px;max-height:230px;padding:2px 8px 0;border-bottom:1px solid #e4edf3}.home-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.home-column strong{font-size:.8rem}.home-column span{font-size:.68rem;color:#577383;padding-bottom:3px;white-space:nowrap}.home-column-plot{width:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;border-radius:5px;background:linear-gradient(#f7fafc,#f7fafc)}.home-column-fill{width:65%;border-radius:5px 5px 0 0}
.home-stock-layout{display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;gap:20px}.home-stock-gauge{width:100%;max-height:180px}.home-stock-key{display:grid;gap:14px}.home-stock-key>div{display:flex;align-items:center;gap:7px;font-size:.74rem}.home-stock-key i{width:8px;height:8px;border-radius:50%;flex:none}.home-stock-key strong{margin-left:auto}
.home-chart-empty{padding:12px;margin:0;text-align:center;color:var(--sipedy-muted);font-size:.8rem;line-height:1.7}.home-chart-note{font-size:.7rem;color:var(--sipedy-muted);margin:7px 0 0}
@media(min-width:1101px) and (max-height:850px){.home-dashboard{gap:10px}.home-heading .eyebrow{display:none}.home-heading h1{font-size:1.2rem}.home-metrics article{padding:10px 13px}.home-metrics span{min-height:20px}.home-metrics strong{font-size:1.3rem}.home-dashboard .home-chart{padding:12px 16px}.home-chart-heading{margin-bottom:9px}.home-donut{max-width:125px}.home-chart-legend{gap:5px}.home-stock-key{gap:10px}}
@media(max-width:1100px){.home-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.home-charts{flex:none;grid-auto-rows:minmax(240px,auto);grid-template-rows:none;min-height:0}.home-donut-layout{gap:12px}.home-stock-layout{gap:10px;grid-template-columns:40% 1fr}.home-funnel-row{grid-template-columns:110px 1fr 25px}}
@media(max-width:850px){.home-charts{grid-template-columns:1fr}.home-donut-layout{grid-template-columns:140px 1fr}.home-stock-layout{grid-template-columns:40% 1fr}.home-columns{height:170px}.home-heading{align-items:flex-start}.home-live{display:none}}
@media(max-width:540px){.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-metrics article{padding:12px}.home-heading p{font-size:.73rem}.home-dashboard .home-chart{padding:16px}.home-donut-layout{grid-template-columns:100px 1fr;gap:12px}.home-chart-legend li{font-size:.67rem}.home-donut-center strong{font-size:1.3rem}.home-chart-tag{display:none}.home-stock-layout{grid-template-columns:1fr;gap:10px}.home-stock-gauge{max-height:125px}.home-stock-key{gap:9px}.home-charts{grid-auto-rows:minmax(250px,auto)}}