*{box-sizing:border-box}html,body{margin:0}.qadm-host{--navy:#07143f;--blue:#0870bb;--cyan:#04aee1;--orange:#ff6f20;display:block!important;width:100%!important;max-width:1240px;margin:auto;padding:14px 18px;font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;color:#101b30;contain:layout style;isolation:isolate}.qadm-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:stretch}.qadm-inputs{width:330px;height:100%;align-self:stretch;border:2px solid #00afe5;border-radius:17px;padding:16px;background:#fff;box-shadow:0 7px 25px rgba(0,121,185,.22)}.side-heading{display:flex;gap:12px;align-items:flex-start}.side-heading h1,.side-heading h2{margin:0;color:var(--navy);font-size:20px;line-height:1;font-weight:850}.side-icon,.icon{display:grid;place-items:center;background:linear-gradient(#08a5df,#0068b7);border-radius:9px;flex:0 0 49px;height:49px}.icon{background:#e2f7ff;border:1px solid #9eddf6;flex-basis:44px;height:44px}.side-icon:before,.icon:before,.button-icon:before{content:"";width:25px;height:25px;display:block;border:2px solid currentColor;border-radius:4px;color:#fff}.icon:before{color:#0876c5}.intro,.projection p,.hint{font-size:14px;line-height:1.45}.qadm-inputs hr{border:0;border-top:1px solid #cfdae4}.qadm-inputs label{display:block;margin:13px 0 16px;font-size:14px;font-weight:850}.qadm-inputs output{float:right;color:#006bb6}.qadm-host input[type=range]{appearance:none;width:100%;height:5px;margin-top:15px;border-radius:5px;background:linear-gradient(to right,#06addf 0 var(--pct,50%),#c5d1dc var(--pct,50%) 100%)}.qadm-host input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:white;border:1px solid #476f91}.range-ends{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:400}.buttons{display:grid;gap:8px}.buttons button{min-height:48px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#079dde,#0064b0);color:#fff;font-family:inherit;font-size:14px;font-weight:800}.buttons .secondary{background:#fff;color:#0b1730;border:1px solid #6484a2}.button-icon{width:20px;height:20px}.qadm-main{height:100%;min-width:0}.qadm-kpis{display:grid;grid-template-columns:repeat(5,1fr);height:108px;border:1px solid #c9d9ea;border-radius:16px;overflow:hidden;margin-bottom:12px}.qadm-kpis article{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid #d5e0ea}.qadm-kpis article:last-child{border:0}.qadm-kpis strong{font-size:26px;color:#0870bb;margin-top:8px}.qadm-kpis .orange{color:#ff6f20}.charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-card{border:1px solid #c9d9ea;border-radius:16px;overflow:hidden}.chart-card header{height:68px;padding:11px 12px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #d9e3ec}.chart-card h2{font-size:17px;margin:0;color:var(--navy)}.chart-card p{font-size:11px;margin:4px 0 0}.chart-card svg{display:block;width:100%;min-height:250px;padding:10px 8px 0}.take{margin:8px 10px 10px;display:flex;align-items:center;min-height:58px;border:1px solid #a9def4;border-radius:10px;background:linear-gradient(#ecfaff,#dff4fc)}.take>strong{display:grid;place-items:center;min-width:112px;align-self:stretch;color:#0570bc;font-size:24px;border-right:1px solid #49bde9}.take-copy{display:flex;flex-direction:column;gap:4px;padding:10px 14px;font-size:14px;line-height:1.15}.take-copy span:first-child{font-weight:850}.take-copy span:last-child{font-weight:650;color:#31435a}.qadm-grid{stroke:#c9d9e6}.qadm-axis-label,.qadm-x-label,.qadm-value,.qadm-badge,.qadm-category-label,.qadm-bar-value,.qadm-legend{font-family:"Proxima Nova",Arial,sans-serif}.qadm-axis-label,.qadm-x-label,.qadm-value,.qadm-badge,.qadm-category-label,.qadm-bar-value{font-size:13px}.qadm-axis-label{font-weight:650}.qadm-x-label,.qadm-legend{font-weight:700}.qadm-value,.qadm-badge,.qadm-category-label,.qadm-bar-value{font-weight:800}.qadm-badge,.qadm-bar-value{fill:#fff}.qadm-legend{font-size:12px}.qadm-placeholder{font-family:"Proxima Nova",Arial,sans-serif;font-size:17px;font-weight:850;fill:#006fba}@media(max-width:850px){.qadm-shell{grid-template-columns:1fr;align-items:start}.qadm-inputs{width:100%;height:auto;min-height:0}.qadm-main{height:auto}}@media(max-width:650px){.qadm-kpis{height:auto;grid-template-columns:1fr 1fr}.qadm-kpis article{min-height:90px}.charts{grid-template-columns:1fr}.qadm-placeholder{font-size:15px}}
/* V11.0.17 approved icon set + Savings Projection spacing */
.qadm-host .side-icon::before,.qadm-host .icon::before,.qadm-host .button-icon::before{content:"";display:block;border:0;border-radius:0;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.qadm-host .side-icon::before{width:27px;height:27px;color:#fff}.qadm-host .icon::before{width:25px;height:25px;color:#0879c5}.qadm-host .button-icon::before{width:18px;height:18px}
.qadm-host .icon-sliders::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h5M15 6h5M4 12h9M17 12h3M4 18h3M11 18h9'/%3E%3Ccircle cx='12' cy='6' r='2'/%3E%3Ccircle cx='15' cy='12' r='2'/%3E%3Ccircle cx='9' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h5M15 6h5M4 12h9M17 12h3M4 18h3M11 18h9'/%3E%3Ccircle cx='12' cy='6' r='2'/%3E%3Ccircle cx='15' cy='12' r='2'/%3E%3Ccircle cx='9' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.qadm-host .icon-calendar::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18M7 14h2M11 14h2M15 14h2M7 18h2M11 18h2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18M7 14h2M11 14h2M15 14h2M7 18h2M11 18h2'/%3E%3C/g%3E%3C/svg%3E")}
.qadm-host .icon-layers::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4-8 4-8-4 8-4Z'/%3E%3Cpath d='m4 12 8 4 8-4M4 17l8 4 8-4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4-8 4-8-4 8-4Z'/%3E%3Cpath d='m4 12 8 4 8-4M4 17l8 4 8-4'/%3E%3C/g%3E%3C/svg%3E")}
.qadm-host .icon-growth::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V12M10 20v-6M15 20V9M20 20V5'/%3E%3Cpath d='m5 9 5-4 5 3 5-6M16 2h4v4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V12M10 20v-6M15 20V9M20 20V5'/%3E%3Cpath d='m5 9 5-4 5 3 5-6M16 2h4v4'/%3E%3C/g%3E%3C/svg%3E")}
.qadm-host .icon-target::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='13' r='8'/%3E%3Ccircle cx='11' cy='13' r='4'/%3E%3Cpath d='m11 13 9-9M16 4h4v4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='13' r='8'/%3E%3Ccircle cx='11' cy='13' r='4'/%3E%3Cpath d='m11 13 9-9M16 4h4v4'/%3E%3C/g%3E%3C/svg%3E")}
.qadm-host .icon-calculator::before{color:#fff;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='18' rx='1.5'/%3E%3Crect x='8' y='6' width='8' height='3'/%3E%3Cpath d='M8.5 13h1M12 13h1M15.5 13h0M8.5 17h1M12 17h1M15.5 17h0'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='18' rx='1.5'/%3E%3Crect x='8' y='6' width='8' height='3'/%3E%3Cpath d='M8.5 13h1M12 13h1M15.5 13h0M8.5 17h1M12 17h1M15.5 17h0'/%3E%3C/g%3E%3C/svg%3E")}
.qadm-host .icon-reset::before{color:#0b1730;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 8H2V5M3 8a9 9 0 1 1-.2 7'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 8H2V5M3 8a9 9 0 1 1-.2 7'/%3E%3C/svg%3E")}
/* Less bunched Savings Projection block */
.qadm-host .projection{margin-top:20px;padding-top:4px;gap:14px;align-items:flex-start}
.qadm-host .projection+label{margin-top:22px;margin-bottom:22px}
.qadm-host .projection p{margin:7px 0 0;line-height:1.5}
.qadm-host .buttons{margin-top:8px}

/* V11.0.18 spacing and narrow-results refinements */
/* Use the available height more deliberately throughout the Inputs pane. */
.qadm-host .qadm-inputs{padding:22px 18px 24px!important}
.qadm-host .intro{margin:18px 0 19px!important}
.qadm-host .qadm-inputs hr{margin:18px 0!important}
/* Increase visual breathing room between each individual input control. */
.qadm-host .qadm-inputs>label{margin-top:22px!important;margin-bottom:24px!important}
.qadm-host .qadm-inputs>label:first-of-type{margin-top:20px!important}
.qadm-host .qadm-inputs>label .range-ends{margin-top:12px!important}
/* Savings Projection should use the remaining vertical space instead of bunching. */
.qadm-host .projection{margin-top:26px!important;padding-top:8px!important;gap:15px!important}
.qadm-host .projection+label{margin-top:26px!important;margin-bottom:26px!important}
.qadm-host .buttons{margin-top:12px!important;gap:10px!important}
.qadm-host .hint{margin-top:23px!important;margin-bottom:10px!important}
.qadm-host .hint strong{color:#0F73C3!important;font-weight:850!important}
/* KPI unit descriptors: 2px smaller than the 14px input/result copy to resist wrapping in narrower embeds. */
.qadm-host .qadm-kpis span{font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;font-weight:500!important}
@media(max-width:1100px) and (min-width:851px){.qadm-host .qadm-kpis span{font-size:11px!important}.qadm-host .qadm-kpis strong{font-size:23px!important}}
@media(max-width:850px){.qadm-host .qadm-inputs{padding:20px 18px 22px!important}.qadm-host .qadm-kpis span{white-space:normal!important;font-size:12px!important}}

/* V11.0.19 equal-height panes + balanced input spacing */
.qadm-host .qadm-shell{align-items:stretch!important}
.qadm-host .qadm-inputs,.qadm-host .qadm-main{height:100%!important;align-self:stretch!important}
.qadm-host .qadm-inputs{padding:19px 18px 20px!important;display:flex!important;flex-direction:column!important}
.qadm-host .intro{margin:16px 0 16px!important}
.qadm-host .qadm-inputs hr{margin:14px 0!important}
.qadm-host .qadm-inputs>label{margin-top:16px!important;margin-bottom:17px!important}
.qadm-host .qadm-inputs>label:first-of-type{margin-top:16px!important}
.qadm-host .qadm-inputs>label .range-ends{margin-top:10px!important}
.qadm-host .projection{margin-top:18px!important;padding-top:4px!important;gap:14px!important}
.qadm-host .projection+label{margin-top:19px!important;margin-bottom:19px!important}
.qadm-host .buttons{margin-top:8px!important;gap:9px!important}
.qadm-host .hint{margin-top:18px!important;margin-bottom:0!important}
@media(max-width:850px){.qadm-host .qadm-shell{align-items:start!important}.qadm-host .qadm-inputs,.qadm-host .qadm-main{height:auto!important;min-height:0!important}.qadm-host .qadm-inputs{display:block!important;padding:20px 18px 22px!important}}

/* V11.0.20 exact desktop bottom-edge alignment */
@media(min-width:851px){
 .qadm-host .qadm-shell{align-items:stretch!important}
 .qadm-host .qadm-inputs,.qadm-host .qadm-main{height:auto!important;min-height:0!important;align-self:stretch!important}
 .qadm-host .qadm-inputs{padding:14px 16px 14px!important;display:flex!important;flex-direction:column!important}
 .qadm-host .intro{margin:12px 0 12px!important}
 .qadm-host .qadm-inputs hr{margin:10px 0!important}
 .qadm-host .qadm-inputs>label{margin-top:12px!important;margin-bottom:12px!important}
 .qadm-host .qadm-inputs>label:first-of-type{margin-top:12px!important}
 .qadm-host .qadm-inputs>label .range-ends{margin-top:8px!important}
 .qadm-host .projection{margin-top:12px!important;padding-top:2px!important;gap:12px!important}
 .qadm-host .projection+label{margin-top:13px!important;margin-bottom:13px!important}
 .qadm-host .buttons{margin-top:6px!important;gap:8px!important}
 .qadm-host .hint{margin-top:12px!important;margin-bottom:0!important}
}

/* V11.0.21 refined chart treatment. V11.0.20 remains the layout/style rollback baseline. */
.qadm-host .chart-card svg{overflow:visible;text-rendering:geometricPrecision}
.qadm-host .qadm-chart-grid{stroke:#D3E1EC;stroke-width:1}
.qadm-host .qadm-column,.qadm-host .qadm-category-bar{shape-rendering:geometricPrecision}
.qadm-host .qadm-line{stroke-linecap:round;stroke-linejoin:round}
.qadm-host .qadm-axis-label{font-size:12px;font-weight:650;fill:#203047}
.qadm-host .qadm-x-label{font-size:12px;font-weight:700;fill:#12223B}
.qadm-host .qadm-value{font-size:12px;font-weight:850;fill:#08172E}
.qadm-host .qadm-legend{font-size:9px;font-weight:700;fill:#17263C}
.qadm-host .qadm-badge{font-size:11px;font-weight:850;fill:#fff}
.qadm-host .qadm-category-label{font-size:11px;font-weight:800;fill:#102038}
.qadm-host .qadm-bar-value{font-size:11px;font-weight:850;fill:#fff}
/* Deliberately no gridlines behind Savings by Category. */
.qadm-host #categoryChart .qadm-chart-grid{display:none}
@media(max-width:650px){.qadm-host .qadm-axis-label,.qadm-host .qadm-x-label,.qadm-host .qadm-value{font-size:11px}.qadm-host .qadm-category-label,.qadm-host .qadm-bar-value{font-size:10px}.qadm-host .qadm-legend{font-size:8px}}

/* V11.0.22 chart scale, category alignment and footer-unit refinements */
.qadm-host .qadm-footer-unit{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:9px;font-weight:700;fill:#12223B}
.qadm-host .qadm-legend{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:9px;font-weight:700}
.qadm-host #categoryChart{overflow:visible}
.qadm-host #categoryChart .qadm-category-bar{shape-rendering:geometricPrecision}
@media(max-width:650px){.qadm-host .qadm-footer-unit,.qadm-host .qadm-legend{font-size:9px}}

/* V11.0.23 optimized chart typography */
/* 12px is the optimum size for the current 520x280 SVGs: materially clearer than 9px without causing the long legends or category labels to collide. */
.qadm-host .qadm-footer-unit{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:700;fill:#12223B}
.qadm-host .qadm-legend{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:11px;font-weight:700;fill:#17263C}
.qadm-host .qadm-category-label{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:850;fill:#102038}
.qadm-host .qadm-axis-label{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:700}
.qadm-host .qadm-value{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:850}
.qadm-host .qadm-badge,.qadm-host .qadm-bar-value{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:850}
@media(max-width:1100px) and (min-width:651px){.qadm-host .qadm-footer-unit{font-size:11px}.qadm-host .qadm-legend{font-size:10px}.qadm-host .qadm-category-label{font-size:11px}}
@media(max-width:650px){.qadm-host .qadm-footer-unit{font-size:11px}.qadm-host .qadm-legend{font-size:9px}.qadm-host .qadm-category-label{font-size:11px}.qadm-host .qadm-axis-label,.qadm-host .qadm-value,.qadm-host .qadm-badge,.qadm-host .qadm-bar-value{font-size:11px}}

/* V11.0.27 requested spacing and chart typography */
/* 15px breathing room above the upper Inputs divider/table line. */
.qadm-host .intro + hr{margin-top:15px!important}
/* 15px breathing room below the Reset Inputs button group. */
.qadm-host .buttons{margin-bottom:15px!important}
/* Chart unit/key typography standardized at 12px Proxima Nova. */
.qadm-host .qadm-footer-unit,
.qadm-host .qadm-axis-label,
.qadm-host .qadm-category-label,
.qadm-host .qadm-legend{
  font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;
  font-size:12px!important;
}
/* Preserve 12px chart unit/key typography on tablet and mobile. */
@media(max-width:1100px) and (min-width:651px){
 .qadm-host .qadm-footer-unit,
 .qadm-host .qadm-axis-label,
 .qadm-host .qadm-category-label,
 .qadm-host .qadm-legend{font-size:12px!important}
}
@media(max-width:650px){
 .qadm-host .qadm-footer-unit,
 .qadm-host .qadm-axis-label,
 .qadm-host .qadm-category-label,
 .qadm-host .qadm-legend{font-size:12px!important}
}

/* V12.0.5 approved Inputs header inset */
/* Adds 10px between the cyan top border and the Storage Environment icon/header. */
.qadm-host .qadm-inputs{padding-top:24px!important}
@media(max-width:850px){.qadm-host .qadm-inputs{padding-top:30px!important}}

/* V13.0.5 final helper-copy typography */
.qadm-host .intro,.qadm-host .projection p,.qadm-host .hint{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:14px!important;line-height:1.45}
.qadm-host .hint strong{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:14px!important;font-weight:850;color:#0F73C3}

/* V13.0.5 authoritative helper text size */
.qadm-host .intro,.qadm-host .projection p,.qadm-host .hint{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:14px!important;line-height:1.45}
.qadm-host .hint strong{font-family:"Proxima Nova","Helvetica Neue",Arial,sans-serif;font-size:14px!important;font-weight:850;color:#0F73C3}