:root{font-family:Segoe UI,Arial,sans-serif;color:#111827;background:#06162a}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.classic-only-shell{min-height:100vh;background:#06162a}.modern-cv-app{width:min(1120px,100%);margin:0 auto;padding:calc(28px + env(safe-area-inset-top,0px)) 18px calc(34px + env(safe-area-inset-bottom,0px))}.app-header{display:flex;align-items:center;gap:16px;width:min(760px,100%);margin:0 auto 18px;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 14px 32px #0000002e}.app-header img{width:88px;max-height:54px;object-fit:contain}.app-header span{color:#146c3f;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.app-header h1{margin:2px 0 0;color:#12395b;font-size:clamp(1.4rem,4vw,2rem);line-height:1.1}.app-menu{display:grid;gap:8px;width:min(760px,100%);margin:0 auto 18px;position:relative}.app-menu button{min-height:46px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#ffffff1a;color:#fff;font-weight:800}.app-menu button.active{border-color:#7db5ff;background:#1d6df2;box-shadow:0 10px 24px #1d6df24d}.menu-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left;padding:8px 14px;background:linear-gradient(135deg,#1b486ff5,#162f4bf5)!important;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000024}.menu-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1d6df2;color:#fff;font-size:1.25rem;line-height:1}.menu-text{display:grid;gap:2px}.menu-text strong{color:#fff;font-size:.98rem}.menu-text small,.menu-current{color:#dbeafe;font-weight:700}.menu-text small{font-size:.76rem}.menu-current{padding:8px 10px;border-radius:999px;background:#ffffff14;font-size:.8rem;white-space:nowrap}.menu-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#08182ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(760px,100%);margin:22px auto 18px}.wizard-step{min-height:58px;padding:8px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#ffffff1a;color:#fff;text-align:center}.wizard-step span{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 4px;border-radius:50%;background:#2f7df0;color:#fff;font-weight:900}.wizard-step strong{display:block;color:#fff;font-size:.72rem;line-height:1.1;text-transform:uppercase}.wizard-step small{display:none}.wizard-step.active{border-color:#7db5ff;background:#1d6df2;box-shadow:0 10px 24px #1d6df259}.wizard-step:disabled{cursor:not-allowed;opacity:.55}.wizard-step.done span{background:#17a34a}.guide-layout{width:min(760px,100%);margin:0 auto}.guide-panel{min-height:430px;padding:24px;border-radius:18px;background:#fff;box-shadow:0 18px 42px #0003}.panel-heading{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.panel-heading span,.card-label{color:#146c3f;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.panel-heading h2{margin:4px 0 0;color:#0f172a;font-size:1.7rem;text-transform:uppercase}.panel-heading p{max-width:330px;margin:0;color:#475569;line-height:1.45;text-align:right}.choice-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:520px;margin:22px auto 0}.fluid-card{display:grid;grid-template-columns:54px 1fr;gap:8px 14px;align-items:center;min-height:94px;padding:16px;border:1px solid #cbd5e1;border-radius:14px;background:#fbfdff;color:#17314f;text-align:left}.fluid-card.selected{border-color:#1d6df2;background:#edf5ff}.fluid-card small{grid-column:2;color:#64748b}.industrial-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#145ed3;color:#fff;font-weight:900}.industrial-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.input-card,.input-grid,.review-phone-card{max-width:520px;margin:22px auto 0}.input-grid,.pipe-selector,.metric-row,.result-grid-modern{display:grid;gap:12px}.guide-field{display:grid;gap:6px;color:#1c3348;font-weight:700}.guide-field small{color:#64748b;font-weight:400}.condition-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:520px;margin:8px auto 0}.condition-tabs button,.condition-result-list button{border:1px solid #b8c9d8;border-radius:8px;background:#fff;color:#0a2440;font-weight:900}.condition-tabs button{min-height:42px;padding:8px 6px;font-size:.9rem}.condition-tabs button span{display:block;margin-top:2px;color:#64748b;font-size:.72rem;font-weight:800}.condition-count-panel{max-width:520px;margin:18px auto 0;display:grid;gap:8px}.condition-count-select{display:grid;gap:8px}.condition-count-select select{width:100%;min-height:44px;padding:8px 12px;border:1px solid #1f6feb;border-radius:8px;background:#eaf2ff;color:#0a2440;font-weight:900}.condition-input-list{display:grid;gap:8px;width:100%}.condition-input-row{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(104px,auto);gap:8px;align-items:center}.condition-input-row>span{color:#64748b;font-size:.78rem;font-weight:900}.condition-input-row.temp-row strong{color:#1c3348;font-weight:900;text-align:center}.pipe-input-list{gap:10px}.pipe-input-row{grid-template-columns:70px minmax(72px,.8fr) minmax(92px,.9fr) minmax(82px,auto)}.pipe-input-row strong{color:#1c3348;font-size:.82rem;text-align:right;white-space:nowrap}.condition-tabs button.active,.condition-result-list button.active{border-color:#1f6feb;background:#eaf2ff;color:#0b4fb3}.condition-result-top{padding:14px 16px 12px;border-bottom:1px solid #e5e7eb}.field-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.field-line input,.field-line select{width:100%;min-height:54px;padding:10px 12px;border:1px solid #b8c9d8;border-radius:8px;background:#fff;color:#122131;font-size:1rem}.field-line input[readonly]{background:#f3f6f8}.pipe-size-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.pipe-size-line strong{min-width:94px;padding:10px 12px;border:1px solid #cfe0ec;border-radius:8px;background:#f4f8fb;color:#0a2440;font-size:.95rem;text-align:right;white-space:nowrap}.pipe-size-line strong.speed-alert{border-color:#efbd55;background:#fff8e8;color:#b45309}.unit-slot{color:#475569;font-size:.82rem;white-space:nowrap}.unit-slot select{min-width:112px}.review-phone-card{overflow:hidden;border:1px solid #cbd5e1;border-radius:14px;background:#fff}.review-title{padding:16px;border-bottom:1px solid #e5e7eb;color:#0f172a;font-weight:900}.review-line{display:grid;grid-template-columns:1fr 1fr 34px;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb}.review-line:last-child{border-bottom:0}.review-line span{color:#64748b}.review-line strong{color:#0f172a}.review-line b{color:#16803e;font-size:.75rem}.review-line.exceeded strong,.review-line.exceeded b{color:#dc2626}.guide-actions{display:flex;justify-content:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #e5e7eb}.primary-action,.secondary-action{min-width:180px;min-height:46px;border-radius:8px;font-weight:900}.catalog-action-row{display:flex;justify-content:center;margin-top:10px}.primary-action{border:1px solid #0f6b3a;background:#13844b;color:#fff}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55}.secondary-action{border:1px solid #b9cad8;background:#fff;color:#244258}.result-grid-modern{grid-template-columns:1fr}.result-card{padding:16px;border:1px solid #cbd5e1;border-radius:14px;background:#fff}.result-summary-card{padding:0;overflow:hidden}.valve-recommendation{display:grid;gap:14px}.valve-photo-wrap{position:relative;min-height:230px;overflow:hidden;border-radius:12px;background:#f8fafc}.valve-photo-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:12px;object-fit:contain;background:#fff}.photo-fallback{display:grid;place-items:center;height:100%;color:#174568}.photo-fallback span{color:#13844b;font-weight:900}.photo-fallback strong{font-size:3rem}.result-card h3{margin:8px 0 14px;color:#12395b;font-size:1.6rem}.spec-list{display:grid;grid-template-columns:120px 1fr;gap:8px}.spec-list span,.metric span{color:#64748b}.spec-list strong,.metric strong{color:#0f172a}.big-number{display:grid;gap:2px;margin:12px 0;padding:14px;border-radius:10px;background:#eff8ff;text-align:center}.big-number span{color:#4e6a80}.big-number strong{color:#16803e;font-size:2.2rem}.metric-row{grid-template-columns:1fr}.condition-result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.condition-result-list button{display:grid;gap:3px;min-height:74px;padding:8px;text-align:left}.condition-result-list span,.condition-result-list small{color:#64748b;font-size:.76rem;font-weight:800}.condition-result-list strong{color:#0f172a;font-size:1rem}.condition-result-list button.critical:not(.active) small{color:#0b4fb3}.condition-result-list .condition-opening{color:#16803e;font-weight:900}.condition-result-list button.active{box-shadow:inset 0 0 0 1px #1f6feb}.manual-valve-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.no-flow-valve-action{display:grid;gap:10px}.no-flow-valve-action .secondary-action{width:100%}.result-grid-modern.no-process-flow>.result-card{display:none}.result-grid-modern.no-process-flow>.no-flow-valve-action{display:grid}.result-grid-modern.no-process-flow.show-manual-valve>.valve-calculation-card{display:grid}.result-grid-modern.no-process-flow.show-manual-valve.has-manual-valve>.valve-recommendation{display:grid}.result-grid-modern.no-process-flow.has-manual-valve>.accessories-card{display:grid}.result-grid-modern.no-process-flow.show-manual-valve .valve-calculation-card>:not(.manual-valve-panel){display:none}.manual-valve-panel{margin:10px 0 12px;padding:12px;border:1px solid #cbdceb;border-radius:12px;background:#f8fbff}.manual-valve-title{display:grid;gap:4px;margin-bottom:10px}.manual-valve-title strong{color:#062244}.manual-valve-title small,.selected-valve-note{color:#506a82;line-height:1.35}.manual-valve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manual-valve-grid .guide-field{min-width:0}.manual-valve-grid .material-field{grid-column:1 / -1}.manual-valve-grid select{width:100%;min-height:44px;border:1px solid #b8c9d8;border-radius:8px;background:#fff;color:#061b35;font-weight:800}.selected-valve-note{margin:10px 0 0;padding:10px;border:1px solid #d8e3ec;border-radius:8px;background:#fff}.metric{display:grid;gap:4px;min-height:70px;padding:12px;border:1px solid #d8e3ec;border-radius:10px;background:#f9fbfd}.metric.ok{border-color:#9fd1b5;background:#f3fff7}.metric.warn{border-color:#ead190;background:#fff9e8}.pipe-selector{grid-template-columns:1fr;margin:12px 0}.process-tubing{grid-column:1 / -1;margin-top:4px;padding-top:14px;border-top:1px solid #d8e3ec}.tubing-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.tubing-head p{margin:4px 0 0;color:#64748b;font-size:.9rem}.toggle-action{min-height:44px;padding:10px 12px;border:1px solid #b8c9d8;border-radius:10px;background:#fff;color:#12395b;font-weight:800}.toggle-action.active{border-color:#15803d;background:#f0fdf4;color:#15803d}.ok-note,.warn-note{margin:12px 0 0;padding:10px 12px;border-radius:8px;line-height:1.4}.ok-note{border:1px solid #a6d4b7;background:#f4fff8;color:#0e6738}.warn-note{border:1px solid #efd38b;background:#fff9e8;color:#7a5600}.side-summary{display:none}.empty-state,.history-list,.about-grid{margin-top:22px}.empty-state{display:grid;gap:6px;padding:18px;border:1px solid #d8e3ec;border-radius:12px;background:#f8fbff;color:#244258}.history-list{display:grid;gap:12px}.history-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #d8e3ec;border-radius:12px;background:#fff}.history-item div{display:grid;gap:4px}.history-item span,.history-item small{color:#64748b}.history-item strong{color:#12395b}.about-grid{display:grid;gap:12px}.about-card{padding:16px;border:1px solid #d8e3ec;border-radius:12px;background:#fff}.about-card p{margin:10px 0 0;color:#334155;line-height:1.5}.about-card a{display:inline-block;margin-top:12px;color:#145ed3;font-weight:800}@media (max-width: 760px){.modern-cv-app{padding:calc(42px + env(safe-area-inset-top,0px)) 10px calc(28px + env(safe-area-inset-bottom,0px))}.wizard-steps{grid-template-columns:repeat(3,minmax(86px,1fr));gap:7px}.menu-options{grid-template-columns:1fr}.menu-toggle{grid-template-columns:auto 1fr}.menu-current{grid-column:1 / -1;justify-self:stretch;text-align:center}.wizard-step{min-height:56px;padding:7px 6px}.wizard-step strong{display:block;font-size:.66rem}.guide-panel{min-height:auto;padding:18px}.panel-heading{grid-template-columns:1fr}.panel-heading p{max-width:none;text-align:left}.pipe-selector{grid-template-columns:1fr}.condition-input-row{grid-template-columns:58px minmax(0,1fr) minmax(88px,auto);gap:6px}.condition-input-row>span{font-size:.72rem}.pipe-input-row{grid-template-columns:58px minmax(0,1fr) minmax(82px,1fr)}.pipe-input-row strong{grid-column:2 / -1;text-align:left}.tubing-head,.manual-valve-actions,.manual-valve-grid,.history-item{grid-template-columns:1fr}.guide-actions{flex-direction:column}.primary-action,.secondary-action,.catalog-action-row .secondary-action{width:100%}}.selected-valve-note.warning{border-color:#efd38b;background:#fff9e8;color:#7a5600}.selected-valve-note.ok{border-color:#a6d4b7;background:#f4fff8;color:#0e6738}.accessories-help{margin:8px 0 14px;color:#64748b}.accessory-options{display:grid;gap:9px}.accessory-option{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fbfdff;color:#17314f;font-weight:700}.accessory-option input{width:18px;height:18px;accent-color:#13844b}.accessory-option.selected,.accessory-option.fixed{border-color:#15924f;background:#effbf4}.accessory-option b{color:#13844b;font-size:.78rem}.report-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#021223b8}.report-preview{width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:10px;background:#fff;box-shadow:0 24px 70px #00000047}.report-preview-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid #dbe4ec;background:#fff}.report-preview-header h2{margin:5px 0 0;color:#12395b;font-size:1.35rem}.preview-close{width:40px;height:40px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#17314f;font-size:1.7rem;line-height:1}.preview-section{padding:16px 18px;border-bottom:1px solid #e2e8f0}.preview-section h3{margin:0 0 12px;color:#12395b;font-size:1rem}.preview-spec-grid,.preview-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-spec-grid span,.preview-conditions article{display:grid;gap:4px;padding:10px;border:1px solid #d7e1ea;border-radius:8px;color:#64748b}.preview-spec-grid strong,.preview-conditions b{color:#17314f}.preview-conditions article span{font-size:.88rem}.preview-list{display:grid;gap:7px;margin:0;padding-left:20px;color:#17314f}.report-preview-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #dbe4ec;background:#fff}@media (max-width: 640px){.report-preview-overlay{padding:0}.report-preview{width:100%;max-height:100vh;min-height:100vh;border-radius:0}.preview-spec-grid,.preview-conditions{grid-template-columns:1fr}.report-preview-actions{flex-direction:column-reverse}.report-preview-actions .primary-action,.report-preview-actions .secondary-action{width:100%}}.contact-disclaimer-card{grid-column:1 / -1;border-color:#b7d5ec;background:linear-gradient(135deg,#f8fbff,#eef7ff)}.contact-disclaimer-card p{margin:8px 0 0;color:#12395b;font-size:.98rem;line-height:1.55}.contact-disclaimer-card strong{color:#0f6b3a;white-space:nowrap}