/* Dedicated technical estimate view. */
.detailedEstimateLink{display:block;margin:4px 0 0 auto;padding:0;border:0;background:transparent;color:var(--accent2);font:500 .69rem/1.2 var(--app-font,system-ui);text-decoration:none;cursor:pointer;opacity:.88;transition:opacity .16s ease,color .16s ease,transform .16s ease}
.detailedEstimateLink:hover,.detailedEstimateLink:focus-visible{opacity:1;color:var(--text);text-decoration:underline;text-underline-offset:3px;transform:translateY(-1px);outline:none}
.technicalEstimate{display:none}.technicalEstimate.active{display:block}.technicalEstimateShell{display:grid;gap:16px}
.technicalEstimateHeader{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--surface-main)),color-mix(in srgb,var(--accent2) 7%,var(--surface-sub)));box-shadow:0 18px 42px rgba(0,0,0,.16)}
.technicalEstimateHeader::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,var(--accent2) 10%,transparent) 49%,transparent 70%);opacity:.9}.technicalEstimateHeader>*{position:relative;z-index:1}.technicalEstimateEyebrow{display:block;margin-bottom:6px;color:var(--accent2);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.technicalEstimateHeader h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.technicalEstimateHeader p{margin:7px 0 0;max-width:680px;color:var(--muted);font-size:.86rem}.technicalEstimateBack{white-space:nowrap;font-weight:500!important}
.technicalHeroMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.technicalMetric{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface-raised);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent)}.technicalMetric span{display:block;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.technicalMetric strong{display:block;margin-top:6px;color:var(--text);font-size:1.22rem}.technicalMetric.primary strong{color:var(--accent2)}
.technicalGrid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);gap:16px}.technicalPanel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-main);box-shadow:0 14px 32px rgba(0,0,0,.12)}.technicalPanel h3{margin:0;font-size:1rem}.technicalPanelIntro{margin:5px 0 16px;color:var(--muted);font-size:.78rem}
.costComposition{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(190px,1.15fr);align-items:center;gap:18px}.costDonut{position:relative;width:min(210px,100%);aspect-ratio:1;margin:auto;border-radius:50%;background:var(--cost-ring,conic-gradient(var(--line) 0 100%));box-shadow:0 0 0 1px var(--line),0 18px 34px rgba(0,0,0,.2);animation:technicalDonutIn .7s ease both}.costDonut::after{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--surface-main);border:1px solid var(--line);box-shadow:inset 0 0 24px rgba(0,0,0,.18)}.costDonutCenter{position:absolute;inset:31%;z-index:1;display:grid;place-content:center;text-align:center}.costDonutCenter span{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.costDonutCenter strong{margin-top:3px;color:var(--accent2);font-size:1.1rem}
.costLegend{display:grid;gap:8px}.costLegendRow{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);font-size:.76rem}.costLegendRow:last-child{border-bottom:0}.costLegendDot{width:9px;height:9px;border-radius:50%;background:var(--slice-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--slice-color) 16%,transparent)}.costLegendRow span:nth-child(2){color:var(--muted)}.costLegendRow strong{color:var(--text);font-size:.78rem}
.costDonut{cursor:crosshair;touch-action:pan-y}.costDonutTooltip{position:absolute;z-index:4;display:grid;grid-template-columns:9px minmax(0,1fr);gap:2px 7px;min-width:150px;max-width:210px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:0 12px 28px rgba(0,0,0,.28);color:var(--text);font-size:.68rem;line-height:1.25;pointer-events:none;transform:translate(-50%,-112%);backdrop-filter:blur(10px)}.costDonutTooltip[hidden]{display:none}.costDonutTooltip i{grid-row:1/3;width:9px;height:9px;margin-top:3px;border-radius:50%;background:var(--slice-color)}.costDonutTooltip span{font-weight:800}.costDonutTooltip strong{grid-column:2;color:var(--accent2);font-size:.66rem}.costLegendRow{margin:-4px;padding:8px 7px;border-radius:10px;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.costLegendRow.is-chart-active{background:color-mix(in srgb,var(--slice-color,var(--accent)) 13%,var(--surface-sub));box-shadow:inset 3px 0 0 var(--slice-color,var(--accent)),0 7px 18px rgba(0,0,0,.1);transform:translateX(3px)}.costLegendRow.is-chart-active span:nth-child(2),.costLegendRow.is-chart-active strong{color:var(--text)}.costDonutCenter{transition:transform .16s ease,filter .16s ease}.costDonutCenter.is-chart-active{transform:scale(.95);filter:brightness(1.1)}
.technicalBars{display:grid;gap:11px}.technicalBarRow{display:grid;grid-template-columns:minmax(100px,132px) minmax(100px,1fr) auto;align-items:center;gap:10px}.technicalBarLabel{color:var(--muted);font-size:.74rem}.technicalBarTrack{height:11px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--surface-input)}.technicalBarFill{width:var(--bar-width);height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--bar-color),color-mix(in srgb,var(--bar-color) 56%,var(--accent2)));box-shadow:0 0 14px color-mix(in srgb,var(--bar-color) 35%,transparent);animation:technicalBarIn .65s cubic-bezier(.2,.75,.25,1) both}.technicalBarValue{min-width:68px;color:var(--text);font-size:.76rem;text-align:right}
.technicalDiagnostics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.diagnosticCard{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-sub)}.diagnosticCard span{display:block;color:var(--muted);font-size:.68rem}.diagnosticCard strong{display:block;margin-top:5px;color:var(--accent2);font-size:1rem}.diagnosticCard small{display:block;margin-top:6px;color:var(--muted);font-size:.65rem;line-height:1.35}
.formulaAudit{display:grid;gap:0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.formulaAuditRow{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.4fr) auto;gap:12px;align-items:center;padding:12px 13px;border-bottom:1px solid var(--line);background:var(--surface-sub)}.formulaAuditRow:last-child{border-bottom:0}.formulaAuditRow span{color:var(--muted);font-size:.74rem}.formulaAuditRow code{overflow-wrap:anywhere;color:var(--text);font:500 .71rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.formulaAuditRow strong{color:var(--accent2);font-size:.78rem;text-align:right}
.sensitivityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sensitivityCard{padding:14px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--surface-sub)),var(--surface-sub))}.sensitivityCard span{display:block;color:var(--muted);font-size:.68rem}.sensitivityCard strong{display:block;margin-top:6px;color:var(--text);font-size:.96rem}.sensitivityCard em{display:block;margin-top:4px;color:var(--accent2);font-size:.7rem;font-style:normal}.technicalFootnote{margin:0;padding:12px 14px;border-left:2px solid var(--accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 6%,var(--surface-sub));color:var(--muted);font-size:.72rem;line-height:1.45}
@keyframes technicalDonutIn{from{opacity:0;transform:rotate(-18deg) scale(.88)}to{opacity:1;transform:none}}@keyframes technicalBarIn{from{width:0;opacity:.3}}
@media(max-width:760px){.technicalEstimateHeader{flex-direction:column}.technicalEstimateBack{width:100%}.technicalHeroMetrics,.technicalDiagnostics{grid-template-columns:repeat(2,minmax(0,1fr))}.technicalGrid{grid-template-columns:1fr}.costComposition{grid-template-columns:1fr}.costDonut{width:190px}.formulaAuditRow{grid-template-columns:1fr auto}.formulaAuditRow code{grid-column:1/-1;grid-row:2}.sensitivityGrid{grid-template-columns:1fr}.topProjectStrip .stripPrice .detailedEstimateLink{grid-column:1/-1!important;justify-self:end!important;margin-top:3px!important}}
@media(max-width:430px){.technicalHeroMetrics,.technicalDiagnostics{grid-template-columns:1fr}.technicalBarRow{grid-template-columns:90px minmax(80px,1fr)}.technicalBarValue{grid-column:2;text-align:left}.technicalEstimateHeader,.technicalPanel{padding:15px}}
@media(prefers-reduced-motion:reduce){.costDonut,.technicalBarFill{animation:none}}
/* Account data relocation, light-theme contrast, and technical-view fit. */
.accountAppData{margin-top:20px;padding:18px 0 0;border-top:1px solid color-mix(in srgb,var(--accent) 38%,var(--line))}
.accountAppData h3{margin:0 0 10px;color:var(--text);font-size:1rem}
.accountAppData .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.accountAppData .actions .btn{width:100%;min-width:0}
.accountAppData .note{margin-bottom:0}
.helpfulTipIcon,.helpfulTipIcon::before,.helpfulTipIcon::after{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important}
.helpfulTipIcon::before,.helpfulTipIcon::after{content:none!important;display:none!important}
.helpfulTipIcon svg{overflow:visible;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 38%,transparent))}
.detailedEstimateLink{margin-top:10px!important;line-height:1.35!important}
.costLegend,.costLegendRow,.costLegendRow span,.technicalBarLabel,.technicalPanelIntro{min-width:0}
.costLegendRow span:nth-child(2),.technicalBarLabel,.technicalPanelIntro{overflow-wrap:anywhere}
.costLegendRow strong{white-space:nowrap}
body.theme-light{background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 10%,#fff) 0,var(--bg) 42%,color-mix(in srgb,var(--accent2) 8%,var(--bg)) 100%)!important}
body.theme-light .hero,body.theme-light .nav,body.theme-light .card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,#fff),#fff 54%,color-mix(in srgb,var(--accent2) 5%,#fff))!important;border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--accent) 52%,transparent),0 12px 28px rgba(28,44,70,.11)!important}
body.theme-light .topProjectStrip,body.theme-light .summary,body.theme-light .settingsSection,body.theme-light .accountManagePanel,body.theme-light .technicalPanel,body.theme-light .technicalMetric,body.theme-light .diagnosticCard{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#fff),color-mix(in srgb,var(--accent2) 5%,#fff))!important;border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important}
body.theme-light .titleIcon,body.theme-light .settingIcon{background:color-mix(in srgb,var(--accent) 16%,#fff)!important;border-color:color-mix(in srgb,var(--accent) 52%,var(--line))!important;color:var(--accent)!important}
body.theme-light .tab{background:color-mix(in srgb,var(--accent) 5%,#fff)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}
body.theme-light .tab.active{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;border-color:var(--accent)!important;color:var(--button-text,#fff)!important;box-shadow:inset 0 -3px 0 color-mix(in srgb,#000 18%,transparent),0 8px 20px color-mix(in srgb,var(--accent) 24%,transparent)!important}
body.theme-light .btn:not(.secondary):not(.danger){background:linear-gradient(135deg,var(--accent),var(--accent2))!important;border-color:var(--accent)!important}
body.theme-light .technicalEstimateHeader{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,#fff),color-mix(in srgb,var(--accent2) 9%,#fff))!important}
body.sunrise-light .tab.active,body.sunrise-light .btn:not(.secondary):not(.danger){color:#1d1700!important}
@media(max-width:1100px){.technicalGrid{grid-template-columns:1fr!important}.costComposition{grid-template-columns:minmax(130px,180px) minmax(0,1fr)!important}.technicalPanel{max-width:100%;overflow:hidden}.technicalHeroMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.costComposition{grid-template-columns:1fr!important}.costDonut{width:min(190px,74vw)!important}.costLegendRow{grid-template-columns:10px minmax(0,1fr) auto!important}.technicalBarRow{grid-template-columns:minmax(88px,116px) minmax(0,1fr)!important}.technicalBarValue{grid-column:2!important;text-align:left!important}.accountAppData .actions{grid-template-columns:1fr}}

.topProjectStrip .stripPrice .detailedEstimateLink{margin-top:10px!important}
body.theme-light .topProjectStrip .projectFullGlare{opacity:.34!important;background-image:linear-gradient(108deg,transparent 0%,transparent 31%,color-mix(in srgb,var(--accent) 12%,transparent) 41%,rgba(255,255,255,.08) 49%,color-mix(in srgb,var(--accent2) 12%,transparent) 58%,transparent 69%,transparent 100%)!important}

/* Final requested account, logo, profile-action, and estimate-layout refinements. */
.logoThemeMask{
  background:linear-gradient(135deg,var(--accent2),var(--accent))!important;
  mix-blend-mode:color!important;
  opacity:.72!important;
  filter:saturate(1.08)!important;
}
body.arctic .logoThemeMask,
body.bright .logoThemeMask,
body.light .logoThemeMask,
body.theme-light .logoThemeMask{
  mix-blend-mode:multiply!important;
  opacity:.58!important;
  filter:saturate(1.08)!important;
}
.technicalEstimateProject{font-weight:800;color:var(--text)}
.technicalGrid{grid-template-columns:1fr!important}
.costComposition{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)!important;max-width:100%}
.costLegend{width:100%;max-width:100%;overflow:hidden}
.costLegendRow{width:100%;max-width:100%;grid-template-columns:10px minmax(0,1fr) auto!important}
.costLegendRow span:nth-child(2){min-width:0;white-space:normal;overflow-wrap:anywhere}
.costLegendRow strong{white-space:nowrap}
.accountDataControls{margin-top:20px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--accent) 38%,var(--line))}
.accountDataControls .iconTitle{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--text)}
.accountDataControls .titleIcon{width:42px;height:42px;flex:0 0 42px}
.accountDataControls .titleIcon svg{width:23px;height:23px}
.accountDataControls .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.accountDataControls .actions .btn{width:100%;min-width:0}
.saveRowProfile{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:400!important}
.rowSaveIcon{width:16px;height:16px;flex:0 0 16px;display:block}
@media(max-width:680px){
  .costComposition{grid-template-columns:1fr!important}
  .accountDataControls .actions{grid-template-columns:1fr}
}