:root {
    color-scheme: dark;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #07111f;
    color: #dbe8f4;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at top right, #123660 0, #07111f 42rem); }
button, input, select { font: inherit; }
input, select { width: 100%; border: 1px solid #27445f; border-radius: 6px; padding: .58rem .65rem; color: #eff8ff; background: #0a1a2c; }
input:focus, select:focus { outline: 2px solid #35a5dc; outline-offset: 1px; }

.app-header { display: flex; align-items: center; gap: 2rem; min-height: 4.5rem; padding: .7rem clamp(1rem, 4vw, 4rem); border-bottom: 1px solid #1e3951; background: rgba(5, 15, 28, .9); }
.brand { display: flex; align-items: center; gap: .65rem; color: #fff; text-decoration: none; letter-spacing: .08em; }
.brand-mark { display: grid; width: 2.2rem; aspect-ratio: 1; place-items: center; border: 1px solid #39b5ef; color: #50c8ff; font-size: 1.3rem; font-weight: 800; }
.brand small { display: block; color: #52bce9; font-size: .62rem; font-weight: 700; }
.app-header nav { display: flex; gap: 1.3rem; margin-right: auto; }
.app-header nav a, .nav-placeholder { color: #adc1d1; text-decoration: none; font-size: .85rem; }
.app-header nav a.active { color: #fff; }
.nav-placeholder { opacity: .45; }
.environment-badge { padding: .35rem .55rem; border: 1px solid #43627d; border-radius: 3px; color: #78bfe4; font-size: .65rem; font-weight: 700; letter-spacing: .08em; }

.content { width: min(1440px, 100%); margin: 0 auto; padding: clamp(1.2rem, 3vw, 3rem); }
.hero { display: flex; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; }
.help-manual { margin-bottom: 1.25rem; }
.help-button { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .75rem; border: 1px solid #3f91b7; border-radius: 4px; color: #8adfff; background: rgba(31, 107, 143, .18); cursor: pointer; font-size: .75rem; font-weight: 800; }
.help-button:hover { background: rgba(40, 137, 180, .32); }
.help-button span { display: grid; width: 1rem; height: 1rem; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .65rem; }
.manual-panel { margin-top: .65rem; padding: 1.1rem; border: 1px solid #2f80a6; border-left: 3px solid #59cdf8; background: #0a2034; }
.manual-header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.manual-header h2 { margin: 0; color: #eefaff; }
.manual-close { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid #496d83; color: #b8d0df; background: transparent; cursor: pointer; font-size: 1.35rem; line-height: 1; }
.manual-close:hover { border-color: #77d9ff; color: #fff; }
.manual-introduction { margin: .7rem 0; color: #b4cbd9; line-height: 1.5; }
.manual-panel ol { display: grid; gap: .5rem; margin: .8rem 0; padding-left: 1.25rem; color: #d5e6ef; line-height: 1.45; }
.manual-panel li::marker { color: #66d5ff; font-weight: 800; }
.manual-warning { margin: 0; padding: .65rem .75rem; border: 1px solid #806337; color: #efd092; background: rgba(125, 85, 29, .18); font-size: .78rem; line-height: 1.45; }
.page-header { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; }
.page-header > div > p:not(.eyebrow) { margin: 0; color: #a7bacb; }
.new-study-link { width: auto; margin: 0; text-decoration: none; white-space: nowrap; }
.eyebrow { margin: 0 0 .35rem; color: #5ac6f7; font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: .5rem; color: #f5fbff; font-size: clamp(1.8rem, 3.2vw, 2.75rem); letter-spacing: -.04em; }
h2 { margin-bottom: .45rem; font-size: 1.2rem; }
.hero-copy { max-width: 48rem; margin: 0; color: #a7bacb; line-height: 1.6; }
.hero-note { min-width: 13rem; align-self: end; padding: .9rem 1rem; border-left: 3px solid #53cafb; background: rgba(29, 78, 116, .27); }
.hero-note span, .hero-note small { display: block; color: #91b5ca; font-size: .68rem; letter-spacing: .08em; }
.hero-note strong { display: block; margin: .24rem 0; color: #6fdbff; font-size: 1.2rem; }

.workspace { display: grid; grid-template-columns: minmax(17rem, 25rem) minmax(0, 1fr); gap: 1.25rem; }
.input-panel, .qualification-card, .recommendation-card, .commercial-card, .comparison-card, .recommendations-list, .engineering-card { border: 1px solid #24435d; background: rgba(9, 27, 45, .86); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.16); }
.input-panel { padding: 1rem; }
.panel-heading { padding-bottom: 1rem; border-bottom: 1px solid #203b53; }
.panel-heading h2 { margin: 0; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; padding: 1rem 0; }
.form-grid label:first-child, .form-grid label:nth-child(2), .form-grid label:nth-child(3), .form-grid label:nth-child(4) { grid-column: span 2; }
.commercial-objectives { grid-column: span 2; color: #a9c1d1; font-size: .73rem; font-weight: 700; }
.objective-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .35rem; }
.objective-chip { padding: .38rem .52rem; border: 1px solid #315873; border-radius: 99px; color: #9db8c8; background: #0a1a2c; cursor: pointer; font-size: .68rem; }
.objective-chip.selected { border-color: #45c9fb; color: #eafaff; background: rgba(38, 147, 192, .28); }
label { color: #a9c1d1; font-size: .73rem; font-weight: 700; }
label input, label select { display: block; margin-top: .3rem; }
.spectrum-section { padding-top: .8rem; border-top: 1px solid #203b53; }
.section-caption { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.section-caption h3 { margin: 0; font-size: .9rem; }
.section-caption > span { color: #7895aa; font-size: .7rem; }
.spectrum-table { margin-top: .7rem; }
.spectrum-header, .spectrum-row { display: grid; grid-template-columns: 1.05fr .95fr .95fr; gap: .35rem; align-items: center; }
.spectrum-header { padding: 0 .1rem .35rem; color: #7191a8; font-size: .62rem; text-transform: uppercase; }
.spectrum-row { padding: .28rem 0; border-top: 1px solid rgba(63, 100, 126, .25); color: #dcebf5; font-size: .75rem; }
.spectrum-row small { display: block; color: #718b9e; font-size: .62rem; }
.spectrum-row input { min-width: 0; padding: .35rem; font-size: .75rem; }
.save-button { width: 100%; margin-top: 1rem; padding: .7rem; border: 1px solid #38b9ee; color: #05121d; background: #55c6f5; border-radius: 4px; font-size: .75rem; font-weight: 800; cursor: pointer; text-transform: uppercase; letter-spacing: .05em; }
.save-button:hover { background: #8addff; }
.save-message { margin: .65rem 0 0; color: #7de4ac; font-size: .75rem; }

.results-panel { display: grid; align-content: start; gap: 1.25rem; }
.qualification-card { display: grid; grid-template-columns: 1.4fr .9fr; gap: 1rem; padding: 1.15rem; border-left: 3px solid #d2a243; }
.qualification-card h2 { margin-bottom: .45rem; color: #fff3d7; }
.qualification-card p { margin-bottom: .5rem; color: #b7c9d5; line-height: 1.5; }
.qualification-next { margin-bottom: 0 !important; color: #d8e8f1 !important; font-size: .8rem; }
.qualification-offering { display: grid; align-content: center; gap: .35rem; padding-left: 1rem; border-left: 1px solid #3d4e57; }
.qualification-offering span { color: #d9b76d; font-size: .64rem; font-weight: 800; letter-spacing: .1em; }
.qualification-offering strong { color: #fff4d9; font-size: 1.05rem; }
.qualification-offering small { color: #9fb3c0; font-size: .68rem; line-height: 1.35; }
.selling-points { grid-column: span 2; display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; margin: 0; padding-left: 1.1rem; color: #bcd0dc; font-size: .75rem; }
.selling-points li::marker { color: #e0b153; }
.recommendation-card { display: flex; justify-content: space-between; gap: 2rem; padding: clamp(1rem, 3vw, 1.6rem); border-left: 3px solid #40c2f7; }
.recommendation-card h2 { color: #65d4ff; font-size: 1.65rem; }
.recommendation-card p:not(.eyebrow) { max-width: 34rem; margin: 0; color: #b3c6d3; line-height: 1.55; }
.mitigation { display: grid; align-content: center; min-width: 10rem; }
.mitigation span { color: #8caabd; font-size: .62rem; font-weight: 700; letter-spacing: .08em; }
.mitigation strong { color: #f0fbff; font-size: 1.25rem; }
.mitigation small { color: #6fa1bb; font-size: .7rem; font-weight: 500; }
.commercial-card, .engineering-card { padding: 1.2rem; }
.sizing-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0; }
.product-match { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1rem; border: 1px solid #2e6686; background: rgba(27, 77, 105, .24); }
.product-match h3 { margin: .3rem 0; color: #effbff; font-size: 1rem; }
.product-match p, .commercial-disclaimer { margin: 0; color: #aac2d1; font-size: .78rem; line-height: 1.5; }
.product-code { color: #5ed4ff; font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.product-capacity { display: grid; align-content: center; justify-items: end; min-width: 10rem; }
.product-capacity span { color: #8aaabd; font-size: .62rem; letter-spacing: .08em; }
.product-capacity strong { color: #fff; font-size: 1.3rem; }
.product-capacity small { margin-top: .35rem; font-size: .58rem; font-weight: 800; text-align: right; }
.pending { color: #ffc96f; }
.no-product-match { padding: .9rem; border: 1px solid #795639; background: rgba(115, 74, 26, .18); color: #e8c185; font-size: .82rem; line-height: 1.5; }
.commercial-disclaimer { margin-top: .8rem; color: #7896aa; }
.metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.metric-card { padding: 1rem; border: 1px solid #264862; background: rgba(16, 42, 63, .62); }
.metric-card span, .metric-card small { display: block; color: #8ca9bb; font-size: .72rem; }
.metric-card strong { display: block; margin: .45rem 0 .25rem; color: #f1fbff; font-size: 1.3rem; }
.comparison-card, .recommendations-list { padding: 1.2rem; }
.disclaimer { padding: .28rem .45rem; border: 1px solid #73592b; color: #d4ae55; font-size: .65rem; }
.comparison-table { margin-top: 1rem; }
.comparison-header, .comparison-row { display: grid; grid-template-columns: 1.2fr 1fr 1fr; padding: .7rem .4rem; border-bottom: 1px solid #254258; }
.comparison-header { color: #8da8b9; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.comparison-row { color: #b9cedb; font-size: .83rem; }
.comparison-row strong { color: #6ce0ff; }
.recommendations-list ul { display: grid; gap: .65rem; margin: .6rem 0 0; padding-left: 1.2rem; color: #c4d4df; line-height: 1.5; }
.recommendations-list li::marker { color: #54c8f6; }
.engineering-card h2 { margin-bottom: .4rem; }
.workflow-status { color: #b8d0df; }
.workflow-status strong { color: #65d4ff; }
.secondary-button { padding: .65rem .85rem; border: 1px solid #47c5f5; color: #65d4ff; background: transparent; border-radius: 4px; cursor: pointer; font-size: .78rem; font-weight: 700; }
.secondary-button:hover { background: rgba(44, 151, 198, .18); }
.approval-form { display: grid; gap: .8rem; max-width: 42rem; }
.approval-form textarea { min-height: 5rem; margin-top: .3rem; padding: .58rem .65rem; border: 1px solid #27445f; border-radius: 6px; color: #eff8ff; background: #0a1a2c; resize: vertical; }
.approved-message { color: #85e7ae; }
.catalog-form { margin-bottom: 1.25rem; padding: 1.2rem; border: 1px solid #2f80a6; background: rgba(9, 27, 45, .86); }
.portfolio-section, .model-catalog-section { margin-bottom: 1.25rem; padding: 1.2rem; border: 1px solid #24435d; background: rgba(9, 27, 45, .86); }
.portfolio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-top: 1rem; }
.portfolio-card { padding: 1rem; border: 1px solid #34536b; background: rgba(17, 47, 70, .38); }
.portfolio-card h3 { margin: .55rem 0; color: #effaff; font-size: 1rem; }
.portfolio-card p { margin: .55rem 0; color: #b6ccd9; font-size: .78rem; line-height: 1.5; }
.portfolio-focus { color: #6fd6ff !important; font-weight: 700; }
.portfolio-next { margin-top: .8rem !important; padding-top: .7rem; border-top: 1px solid #34536b; color: #e2c580 !important; }
.model-catalog-intro { margin: .6rem 0 1rem; color: #a6bdcc; font-size: .8rem; line-height: 1.5; }
.technical-empty-state { padding: 1.4rem; border: 1px dashed #3b647e; color: #b4c9d5; background: rgba(17, 47, 70, .28); }
.technical-empty-state h3 { margin: 0 0 .45rem; color: #effaff; }
.technical-empty-state p { max-width: 52rem; margin: 0 0 .9rem; font-size: .82rem; line-height: 1.5; }
.catalog-form-grid label:nth-child(8) { display: flex; align-items: center; gap: .5rem; }
.catalog-form-grid label:nth-child(8) input { width: auto; margin: 0; }
.wide-field { grid-column: span 2; }
.wide-field textarea { display: block; width: 100%; min-height: 4rem; margin-top: .3rem; padding: .58rem .65rem; border: 1px solid #27445f; border-radius: 6px; color: #eff8ff; background: #0a1a2c; resize: vertical; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.catalog-card { padding: 1.1rem; border: 1px solid #24435d; background: rgba(9, 27, 45, .86); }
.catalog-card-header, .catalog-actions { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.catalog-card h2 { margin: .7rem 0 .35rem; color: #effaff; font-size: 1rem; }
.catalog-card p { margin: .6rem 0; color: #acc2d0; font-size: .8rem; line-height: 1.45; }
.catalog-family, .catalog-range { color: #64cdf7 !important; font-size: .72rem !important; font-weight: 700; }
.catalog-note { color: #859fab !important; font-size: .73rem !important; }
.catalog-actions { margin-top: 1rem; align-items: stretch; }
.homologation-box { display: grid; gap: .55rem; margin-top: .8rem; padding: .75rem; border: 1px solid #77602f; background: rgba(115, 85, 28, .15); }
.homologation-box .save-button { margin: 0; }
.detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(19rem, .9fr); gap: 1.25rem; }
.project-link { color: #dceefa; font-weight: 700; text-decoration: none; }
.project-link:hover { color: #65d4ff; text-decoration: underline; }
.empty-state { padding: 2rem; border: 1px dashed #315873; color: #aec2d0; text-align: center; background: rgba(9, 27, 45, .55); }
.empty-state h2 { color: #effaff; }
.empty-state p { margin: 0; }
.projects-table { border: 1px solid #24435d; background: rgba(9, 27, 45, .86); }
.projects-header, .project-row { display: grid; grid-template-columns: 1.2fr 1.4fr 1.2fr .9fr .9fr; gap: .8rem; align-items: center; padding: .85rem 1rem; }
.projects-header { color: #8da8b9; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.project-row { border-top: 1px solid #254258; color: #d8e7f0; font-size: .83rem; }
.project-row strong, .project-row small { display: block; }
.project-row small { margin-top: .2rem; color: #7795a8; font-size: .7rem; }
.review-status { display: inline-block; padding: .28rem .45rem; border: 1px solid #376886; color: #75d9ff; font-size: .67rem; font-weight: 700; }
.monitoring-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.monitoring-card { padding: 1.25rem; border: 1px solid #24435d; background: rgba(9, 27, 45, .86); }
.monitoring-card h2 { margin: .8rem 0 .5rem; color: #effaff; font-size: 1.05rem; }
.monitoring-card p { color: #abc0cf; font-size: .82rem; line-height: 1.55; }
.monitoring-icon { color: #62d4ff; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }
.vhsoft-crud-actions { display: flex; gap: .45rem; }
.vhsoft-crud-actions button { width: 2.5rem; height: 2.5rem; border: 1px solid #42bff1; color: #7bdcff; background: #0a2032; font-weight: 900; cursor: pointer; }
.vhsoft-crud-actions button.delete { border-color: #bf5360; color: #ff8995; }
.vhsoft-crud-actions button:disabled { opacity: .35; cursor: not-allowed; }
.asset-grid-panel, .asset-fields-reference { margin-bottom: 1rem; padding: 1rem; border: 1px solid #24435d; background: rgba(9,27,45,.86); }
.asset-grid-head { display: grid; grid-template-columns: .8fr 1.2fr 1fr 1.4fr 1fr 1fr .8fr; gap: .65rem; padding: .7rem; color: #8db1c7; font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.asset-fields-reference > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
.asset-fields-reference span { padding: .7rem; border: 1px solid #294b62; color: #b8cfdd; font-size: .78rem; }
.equipment-form { margin-bottom: 1rem; padding: 1.2rem; border: 1px solid #2e7196; background: rgba(9,27,45,.96); }
.equipment-form-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; }
.equipment-form-grid input, .equipment-form-grid select, .equipment-form-grid textarea { display:block; width:100%; margin-top:.3rem; padding:.55rem; border:1px solid #31536b; color:#effaff; background:#081827; }
.equipment-form-grid .wide-field { grid-column:1/-1; }
.equipment-form-grid .check { display:flex; align-items:center; gap:.5rem; }
.equipment-form-grid .check input { width:auto; margin:0; }
.form-actions { display:flex; gap:.6rem; max-width:24rem; align-items:end; }
.type-guidance { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-top:1rem; }
.type-guidance article { display:grid; gap:.35rem; padding:.8rem; border:1px solid #2f6683; background:#0a2032; }
.type-guidance b { color:#67d5ff; font-size:.72rem; text-transform:uppercase; }
.type-guidance span { color:#c0d3df; font-size:.78rem; line-height:1.45; }
.service-grid-head,.service-grid-row{display:grid;grid-template-columns:.55fr 1.3fr 1.2fr 1fr 1fr .9fr .7fr;gap:.65rem;align-items:center;padding:.8rem 1rem}.service-grid-head{color:#8da8b9;font-size:.65rem;font-weight:800;text-transform:uppercase}.service-grid-row{width:100%;border:0;border-top:1px solid #254258;color:#c5d8e4;background:transparent;text-align:left;cursor:pointer}.service-grid-row:hover,.service-grid-row.selected{background:#12344b;outline:1px solid #42bff1}.service-grid-row small{color:#7898aa}
.asset-grid-row { display:grid; width:100%; grid-template-columns:.8fr 1.2fr 1fr 1.4fr 1fr 1fr .8fr; gap:.65rem; padding:.8rem; border:0; border-top:1px solid #254258; color:#c5d8e4; background:transparent; text-align:left; cursor:pointer; }
.asset-grid-row:hover,.asset-grid-row.selected { background:#12344b; outline:1px solid #42bff1; }
@media(max-width:900px){.equipment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid-head{display:none}.asset-grid-row{grid-template-columns:1fr 1fr}}

.monitoring-page{max-width:88rem;margin:0 auto;padding:2rem}.monitoring-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0}.monitoring-summary article{display:grid;padding:1rem;border:1px solid #315873;background:#091b2d}.monitoring-summary b{font-size:1.8rem;color:#61d5ff}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1rem}.control-card{padding:1rem;border:1px solid #315873;background:#091b2d}.control-card>div:first-child{display:flex;justify-content:space-between}.status{padding:.25rem .5rem;border:1px solid #597589;font-size:.7rem}.status.online{border-color:#48d58a;color:#74efad}.status.warning,.status.alarm{border-color:#f0ad43;color:#ffd080}.live-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.live-metrics span{padding:.55rem;background:#071521}.live-metrics b{color:#eefaff}
#blazor-error-ui { display: none; }
.sales-hero{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:2rem;align-items:end;margin-bottom:1rem;padding:clamp(1.4rem,4vw,3.3rem);border:1px solid #315873;background:radial-gradient(circle at 85% 20%,#164e6355,transparent 35%),linear-gradient(135deg,#071521,#0b2538)}.sales-hero p:not(.eyebrow){max-width:54rem;margin:0;color:#afc5d3;line-height:1.65}.sales-hero aside{display:grid;padding:1.2rem;border-left:3px solid #22c55e;background:#071521aa}.sales-hero aside strong{color:#74e7a0;font-size:2.5rem}.sales-hero aside span{color:#9cb4c3}.sales-family-nav{display:flex;gap:.5rem;overflow:auto;margin-bottom:1.2rem;padding:.7rem;border:1px solid #27485f;background:#091b2d}.sales-family-nav a{flex:0 0 auto;padding:.5rem .7rem;border:1px solid #355c75;color:#b9d0dc;text-decoration:none;font-size:.73rem;font-weight:800}.sales-family-nav a:hover{border-color:#65d4ff;color:#fff}.sales-family{margin-bottom:1rem;padding:1.2rem;border:1px solid #24435d;background:#091b2ddd;scroll-margin-top:1rem}.sales-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem}.sales-product-card{display:grid;grid-template-columns:6rem 1fr;min-height:13rem;border:1px solid #31536b;color:inherit;background:#071521;text-decoration:none;overflow:hidden}.sales-product-card:hover{border-color:var(--product-accent);transform:translateY(-2px);box-shadow:0 1rem 2rem #0004}.sales-product-mark{display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--product-accent) 32%,#071521),#071521)}.sales-product-mark span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-size:1.2rem;font-weight:900;letter-spacing:.1em}.sales-product-copy{display:flex;flex-direction:column;padding:1rem}.sales-product-copy small{color:var(--product-accent);font-size:.65rem;font-weight:800;text-transform:uppercase}.sales-product-copy h3{margin:.45rem 0;color:#f1f9fd;font-size:1rem}.sales-product-copy p{color:#9fb6c4;font-size:.76rem;line-height:1.5}.sales-product-copy strong{margin-top:auto;color:var(--product-accent);font-size:.72rem}.sales-advisory{display:grid;grid-template-columns:.8fr 1.5fr;gap:2rem;padding:1.4rem;border:1px solid #315873;background:#0a2032}.sales-advisory ol{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:0;padding:0;counter-reset:sales-step;list-style:none}.sales-advisory li{padding:.8rem;border-top:2px solid #46c7f5;color:#c0d4df;counter-increment:sales-step}.sales-advisory li:before{display:block;margin-bottom:.4rem;color:#61d5ff;font-weight:900;content:"0" counter(sales-step)}
.product-breadcrumb{display:flex;gap:.55rem;margin-bottom:1rem;color:#7798ab;font-size:.75rem}.product-breadcrumb a,.related-products a{color:#63d1fa;text-decoration:none}.product-detail-hero{display:grid;grid-template-columns:minmax(13rem,.65fr) 1.6fr;min-height:24rem;margin-bottom:1rem;border:1px solid #315873;background:radial-gradient(circle at 15% 45%,color-mix(in srgb,var(--product-accent) 24%,transparent),transparent 40%),#071521}.product-detail-mark{display:grid;align-content:center;justify-items:center;border-right:1px solid #315873}.product-detail-mark span{color:var(--product-accent);font-size:clamp(2.2rem,6vw,5rem);font-weight:950;letter-spacing:-.05em}.product-detail-mark small{color:#8ca8b8;font-weight:800;text-transform:uppercase}.product-detail-hero>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,4rem)}.product-detail-hero h1{font-size:clamp(2rem,5vw,4.2rem)}.product-detail-hero p:not(.eyebrow){max-width:50rem;color:#aec5d2;line-height:1.65}.product-hero-actions{display:flex;gap:.7rem;margin-top:1rem}.sales-primary-action{padding:.65rem .9rem;border:1px solid var(--product-accent);color:#06131d;background:var(--product-accent);border-radius:4px;text-decoration:none;font-size:.78rem;font-weight:900}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.product-section,.product-specifications,.related-products{padding:1.3rem;border:1px solid #294b62;background:#091b2d}.product-benefits{display:grid;gap:.75rem;margin:1rem 0 0;padding-left:1.2rem;color:#c4d7e1}.product-benefits li::marker{color:#55d692}.application-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.application-tags span{padding:.5rem .65rem;border:1px solid #396078;color:#b8cfdb;background:#071521;font-size:.75rem}.product-specifications{margin-bottom:1rem}.specification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1rem}.specification-grid article{padding:1rem;border:1px solid #315873;background:#071521}.specification-grid span,.specification-grid strong{display:block}.specification-grid span{margin-bottom:.45rem;color:#799bad;font-size:.66rem;font-weight:800;text-transform:uppercase}.specification-grid strong{color:#e8f5fb;font-size:.88rem;line-height:1.4}.engineering-note{margin:1rem 0 0;padding:.8rem;border-left:3px solid #e0ad46;color:#d8c18d;background:#211b10;font-size:.78rem;line-height:1.5}.related-products{margin-bottom:1rem}.related-products>.section-caption>a{font-size:.75rem}.related-products>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.related-products>div>a{display:grid;gap:.35rem;padding:.8rem;border:1px solid #315873;background:#071521}.related-products>div>a span{color:#61d5ff;font-size:.7rem;font-weight:900}.related-products>div>a strong{color:#e9f5fa;font-size:.8rem}
.sales-product-mark{position:relative;padding:.35rem;background:#f2f5f6}.sales-product-mark img{width:100%;height:100%;object-fit:contain}.sales-product-mark span{position:absolute;right:.25rem;bottom:.25rem;padding:.2rem .3rem;writing-mode:horizontal-tb;transform:none;color:#fff;background:#071521dd;font-size:.62rem;letter-spacing:.04em}.product-detail-mark{padding:1.2rem;background:linear-gradient(160deg,color-mix(in srgb,var(--product-accent) 10%,#f5f7f8),#fff)}.product-detail-mark img{width:100%;max-width:28rem;height:16rem;object-fit:contain}.product-detail-mark span{margin-top:.7rem;font-size:clamp(1.6rem,4vw,3rem)}.simulator-coming-soon{display:inline-flex;align-items:center;padding:.65rem .9rem;border:1px dashed #60788a;color:#9db2bf;border-radius:4px;font-size:.76rem;font-weight:800}
.product-circuit{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:1.2rem;margin-bottom:1rem;padding:1.3rem;border:1px solid #315873;background:#091b2d}.product-circuit-copy{display:flex;flex-direction:column;justify-content:center}.product-circuit-copy>p:not(.eyebrow){color:#b7ccd8;line-height:1.65}.product-circuit-copy small{padding-top:.8rem;border-top:1px solid #315873;color:#7897a8;line-height:1.45}.product-circuit figure{display:grid;gap:.5rem;margin:0;padding:.8rem;background:#fff}.product-circuit img{width:100%;max-height:28rem;object-fit:contain}.product-circuit figcaption{color:#52616b;font-size:.68rem;text-align:center}
.range-number{width:5.6rem!important;margin-right:.25rem;padding:.15rem .3rem!important;border:1px solid #315873!important;color:#eefaff!important;background:#071521!important}.phase-bars{display:grid;gap:.6rem;padding:1rem}.phase-bars span{display:grid;grid-template-columns:1.5rem 1fr 4rem;gap:.5rem;align-items:center}.phase-bars i{display:block;height:.65rem;max-width:100%;background:linear-gradient(90deg,#58d3ff,#f1c65b)}
.trend{display:grid;gap:.2rem;margin:.7rem 0;padding:.55rem;border-left:4px solid #718595;background:#071521}.trend.green{border-color:#45cf84}.trend.yellow{border-color:#e3bd4e}.trend.red{border-color:#ef5d68}.trend small{color:#9db6c6}
.mini-history{display:flex;align-items:end;gap:2px;height:3.5rem;margin:.6rem 0;padding:.3rem;background:#071521}.mini-history i{flex:1;min-height:2px;max-height:100%;background:#55caef}.alarm-list{display:grid;gap:.6rem;margin-top:1.2rem}.alarm-list article{display:grid;gap:.45rem;padding:1rem;border:1px solid #77532e;background:#21180d}.alarm-list article>div{display:flex;justify-content:space-between}.alarm-list button{width:max-content}.acknowledged{color:#77dca4}
.account-shell{min-height:75vh;display:grid;place-items:center}.account-card{display:grid;gap:.9rem;width:min(30rem,calc(100% - 2rem));padding:1.7rem;border:1px solid #315873;background:#091b2d;box-shadow:0 1.5rem 4rem #0006}.account-card label{display:grid;gap:.35rem;font-weight:700}.account-card input{padding:.8rem;border:1px solid #315873;border-radius:.35rem;color:#eef9ff;background:#071521}.account-card input:focus{outline:2px solid #56c7f4;outline-offset:1px}.account-card a{color:#66d2ff}.account-error{padding:.7rem;border:1px solid #9d3c48;color:#ffadb5;background:#35131a}.account-separator{display:flex;align-items:center;gap:.7rem;color:#8398aa;font-size:.78rem}.account-separator:before,.account-separator:after{content:"";height:1px;flex:1;background:#315873}.superuser-access{padding:.65rem;text-align:center;border:1px solid #58758a;border-radius:.35rem;text-decoration:none}.dashboard-page{max-width:70rem;margin:0 auto;padding:clamp(2rem,5vw,5rem)}.dashboard-page>p{max-width:55rem;color:#adc1d1}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:2rem}.dashboard-grid a{display:grid;gap:.5rem;min-height:8rem;padding:1.2rem;border:1px solid #315873;background:#091b2d;color:#eef9ff;text-decoration:none}.dashboard-grid a:hover{border-color:#56c7f4;transform:translateY(-2px)}.dashboard-grid span{color:#adc1d1;font-size:.88rem}
.administration-page{max-width:78rem;margin:0 auto;padding:2rem}.administration-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.administration-panel{margin:1rem 0;padding:1.25rem;border:1px solid #315873;background:#091b2d}.administration-panel form,.administration-panel label{display:grid;gap:.55rem}.administration-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.administration-panel input,.administration-panel select{width:100%;padding:.65rem;border:1px solid #315873;color:#eef9ff;background:#071521}.credential-result{display:grid;gap:.45rem;padding:1rem;border:1px solid #55d996;background:#0b3028;color:#d8fff0}.credential-result b{color:#fff}.administration-list{display:grid;gap:.55rem}.administration-list article{display:grid;grid-template-columns:1.3fr 1fr .6fr;gap:1rem;padding:.8rem;border:1px solid #294a61;background:#0a1b2b}.administration-list span,.administration-list small{color:#a9c0cf}
.electrical-structure-page{max-width:88rem;margin:0 auto;padding:2rem}.structure-flow{display:grid;grid-template-columns:minmax(14rem,.7fr) auto 1.5fr;gap:1rem;align-items:start;margin:1rem 0}.structure-flow>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.6rem}.structure-flow button{display:grid;gap:.3rem;padding:1rem;border:1px solid #315873;color:#eef9ff;background:#091b2d;text-align:left;cursor:pointer}.structure-flow button.selected{border-color:#59d3ff;background:#10334a}.structure-flow small{color:#91aebe}.electrical-profile-form{padding:1.25rem;border:1px solid #315873;background:#091b2d}.electrical-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.electrical-profile-form label{display:grid;gap:.3rem}.electrical-profile-form input,.electrical-profile-form select,.electrical-profile-form textarea{width:100%;padding:.55rem;border:1px solid #315873;color:#eef9ff;background:#071521}.electrical-profile-form textarea{min-height:4rem}.electrical-profile-form .wide-field{grid-column:span 2}.environment-type{max-width:22rem;margin-bottom:1rem}.electrical-checks{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.electrical-checks label{display:flex;align-items:center;gap:.35rem}.electrical-checks input{width:auto}

@media (max-width: 900px) {
    .workspace { grid-template-columns: 1fr; }
    .input-panel { max-width: none; }
    .sales-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sales-advisory { grid-template-columns: 1fr; }
    .sales-advisory ol,.specification-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .product-circuit { grid-template-columns:1fr; }
}

@media (max-width: 650px) {
    .app-header { gap: .8rem; padding: .6rem 1rem; }
    .app-header nav, .environment-badge { display: none; }
    .hero, .recommendation-card { flex-direction: column; }
    .qualification-card { grid-template-columns: 1fr; }
    .qualification-offering { padding: .8rem 0 0; border-top: 1px solid #3d4e57; border-left: 0; }
    .selling-points { grid-column: span 1; }
    .page-header { align-items: start; flex-direction: column; }
    .hero-note { align-self: stretch; }
    .metric-grid { grid-template-columns: 1fr 1fr; }
    .sizing-metrics { grid-template-columns: 1fr; }
    .product-match { flex-direction: column; }
    .product-capacity { justify-items: start; }
    .product-capacity small { text-align: left; }
    .projects-header { display: none; }
    .project-row, .monitoring-grid { grid-template-columns: 1fr; }
    .catalog-grid, .portfolio-grid, .detail-grid { grid-template-columns: 1fr; }
    .wide-field { grid-column: span 2; }
    .content { padding: 1rem; }
    .sales-hero,.product-detail-hero,.product-detail-grid { grid-template-columns: 1fr; }
    .sales-hero aside { display:none; }
    .sales-product-grid { grid-template-columns: 1fr; }
    .sales-product-card { grid-template-columns: 5rem 1fr; }
    .sales-advisory ol,.specification-grid,.related-products>div:last-child { grid-template-columns: 1fr; }
    .product-detail-mark { min-height:10rem;border-right:0;border-bottom:1px solid #315873; }
    .product-hero-actions { align-items:stretch;flex-direction:column; }
}