@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--bg: #f5f7f2;--surface: #ffffff;--surface-soft: #fafbf8;--surface-muted: #eef2eb;--line: #dfe5dc;--line-strong: #cbd5c6;--ink: #192018;--muted: #748071;--muted-2: #a0aba0;--accent: #b7ef55;--accent-soft: #eaf8ca;--accent-ink: #1b2b0d;--danger: #b84236;--danger-soft: #fff0ed;--shadow: 0 12px 35px rgba(38, 55, 30, .06);--radius: 16px;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{direction:rtl;background:var(--bg);color:var(--ink);font-family:Cairo,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 32px;background:#ffffffe0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.topbar-actions,.topbar-center,.connection,.sidebar-heading,.card-title-row,.page-header,.result-head,.action-row,.db-card-top,.project-row,.toggle-row{display:flex;align-items:center}.brand-lockup{gap:11px;min-width:230px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--accent);font:700 14px var(--mono);letter-spacing:-1px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:14px;line-height:1.2}.brand-lockup span{margin-top:4px;font:500 9px var(--mono);color:var(--muted);letter-spacing:.4px;direction:ltr;text-align:right}.topbar-center{flex-direction:column;align-items:flex-start;gap:0;margin-left:auto;margin-right:auto}.topbar-center strong{font-size:13px}.topbar-actions{gap:18px}.connection{gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.connection i,.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#c3ccc1}.connection.is-online i,.status-dot{background:#80c62c;box-shadow:0 0 0 4px #80c62c1f}.eyebrow{color:var(--muted);font:600 10px var(--mono);letter-spacing:.25px;text-transform:uppercase}.app-body{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:244px;flex:0 0 244px;padding:30px 18px 20px;background:#f0f4ed;border-left:1px solid var(--line);display:flex;flex-direction:column}.sidebar-heading{justify-content:space-between;color:var(--muted);font-size:11px;padding:0 9px 12px}.version{font:500 10px var(--mono);color:var(--muted-2);direction:ltr}.nav-list{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:#657164;padding:10px 11px;border-radius:11px;font-size:12px;text-align:right;transition:.18s ease}.nav-item:hover{color:var(--ink);background:#ffffffa6}.nav-item.active{color:var(--ink);background:var(--surface);border-color:var(--line);box-shadow:0 5px 16px #2a3c210d;font-weight:700}.nav-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;color:#82917e;font-size:15px}.nav-item.active .nav-icon{color:var(--accent-ink);background:var(--accent)}.sidebar-divider{height:1px;background:var(--line);margin:24px 7px}.sidebar-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:4px}.sidebar-card-label{color:var(--muted);font-size:10px}.sidebar-card strong{font-size:12px;margin-top:4px}.sidebar-card>span:not(.sidebar-card-label){color:var(--muted);font-size:10px}.link-button{border:0;padding:0;background:transparent;color:#67832a;font-size:11px;text-align:right;margin-top:9px;font-weight:700}.link-button:hover{color:var(--ink)}.sidebar-footer{color:var(--muted-2);font-size:10px;line-height:1.8;margin-top:auto;padding:0 8px}.main-content{min-width:0;flex:1;padding:38px clamp(20px,4vw,64px) 72px;overflow:hidden}.page-stack{max-width:1320px;margin:0 auto}.narrow-page{max-width:980px}.page-intro,.page-header{justify-content:space-between;gap:24px;margin-bottom:30px}.page-intro h1,.page-header h1{font-size:clamp(22px,2.5vw,32px);line-height:1.3;letter-spacing:-.8px;margin:9px 0 7px}.page-intro p,.page-header p{color:var(--muted);font-size:12px;line-height:1.9;margin:0;max-width:680px}.intro-meta{align-self:flex-start;border:1px solid var(--line);background:#ffffff8f;color:var(--muted);border-radius:30px;padding:8px 12px;font-size:10px;white-space:nowrap}.intro-meta .status-dot{margin-left:7px}.workspace-grid{display:grid;grid-template-columns:minmax(310px,370px) minmax(0,1fr);gap:34px;align-items:start}.input-column,.results-column{min-width:0}.section-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:700;margin:0 0 12px}.section-label span{font:600 10px var(--mono);color:var(--accent-ink);background:var(--accent);padding:4px 6px;border-radius:7px;direction:ltr}.card-surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.accordion{margin-bottom:9px;overflow:hidden;box-shadow:none}.accordion-head{width:100%;background:transparent;border:0;display:flex;justify-content:space-between;align-items:center;padding:15px 17px;color:var(--ink);font-size:12px;font-weight:700;text-align:right}.accordion-head b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:var(--surface-muted);color:var(--muted);font:600 15px var(--mono)}.accordion.open .accordion-head{border-bottom:1px solid var(--line)}.accordion.open .accordion-head b{background:var(--accent-soft);color:var(--accent-ink)}.accordion-body{padding:17px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:block;min-width:0;margin-bottom:14px}.field>span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}input,select,textarea,.search-input{width:100%;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:10px;outline:none;padding:10px 11px;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus,textarea:focus,.search-input:focus{border-color:#9cbb67;background:#fff;box-shadow:0 0 0 3px #b7ef552b}textarea{min-height:100px;resize:vertical}.mini-note{color:var(--muted);background:var(--surface-muted);border-radius:10px;padding:9px 11px;font-size:10px;line-height:1.7;margin-top:-3px}.spec-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface-muted);border-radius:11px;padding:10px;gap:6px;margin:-2px 0 15px}.spec{min-width:0;display:grid;gap:3px}.spec span{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec strong{color:var(--ink);font:600 11px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);padding:7px 10px;border-radius:9px;font-size:10px;transition:.15s ease}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip.selected{background:var(--accent-soft);border-color:#b4d87a;color:var(--accent-ink);font-weight:700}.toggle-row{justify-content:space-between;gap:15px;padding:2px 0 13px}.toggle-row strong,.toggle-row span{display:block}.toggle-row strong{font-size:11px}.toggle-row span{font-size:10px;color:var(--muted);margin-top:3px}.toggle-row input{width:36px;height:20px;accent-color:#86b836}.inset-fields{padding:12px;background:var(--surface-muted);border-radius:11px;margin-bottom:12px}.full-button{width:100%;margin-top:4px}.button{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:700;transition:.16s ease}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:#34402f;transform:translateY(-1px)}.button-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button-secondary:hover{background:var(--surface-muted)}.button-compact{padding:8px 12px;font-size:10px}.action-row{gap:8px;flex-wrap:wrap;margin-top:16px}.empty-panel{min-height:250px;background:#ffffff75;border:1px dashed var(--line-strong);border-radius:var(--radius);display:grid;place-content:center;text-align:center;padding:30px}.empty-panel h3{font-size:14px;margin:10px 0 5px}.empty-panel p{color:var(--muted);font-size:11px;margin:0}.empty-symbol{width:42px;height:42px;margin:0 auto;display:grid;place-items:center;background:var(--accent-soft);border-radius:13px;color:var(--accent-ink);font:700 22px var(--mono)}.result-stack{display:grid;gap:12px}.result-head{justify-content:space-between;gap:15px;padding:19px 20px}.result-head h2{font:700 30px var(--mono);direction:ltr;text-align:right;margin:7px 0 4px;letter-spacing:-1px}.result-head h2 span{color:var(--muted);font:500 11px Cairo;letter-spacing:0}.result-head p{color:var(--muted);font-size:10px;margin:0}.compat-badge{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap}.compat-badge span{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;font:700 11px var(--mono)}.compat-badge.valid{color:#4f7b18;background:var(--accent-soft)}.compat-badge.valid span{background:var(--accent);color:var(--accent-ink)}.compat-badge.invalid{color:var(--danger);background:var(--danger-soft)}.compat-badge.invalid span{background:#f4c2b9}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 12px}.metric strong{display:block;font:700 20px var(--mono);direction:ltr;text-align:right;letter-spacing:-.5px}.metric span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.detail-card,.string-diagram,.options-card,.form-card,.table-card,.timeline-card,.database-card{padding:19px}.card-title-row{justify-content:space-between;gap:15px;margin-bottom:15px}.card-title-row h3{font-size:14px;margin:5px 0 0}.pill{background:var(--surface-muted);border:1px solid var(--line);border-radius:7px;color:var(--muted);padding:5px 8px;font-size:9px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.detail-grid .spec strong{font-size:12px}.warning-box{background:var(--danger-soft);color:var(--danger);border:1px solid #f1d0c8;border-radius:10px;padding:11px;margin-top:17px;display:grid;gap:4px;font-size:10px}.warning-box strong{color:#8e352e;margin-bottom:3px}.diagram-note{font:600 10px var(--mono);color:var(--muted)}.diagram-rows{display:grid;gap:10px;overflow:auto;padding:5px 0}.diagram-row{display:grid;grid-template-columns:25px 1fr 40px;align-items:center;gap:8px}.diagram-row>span,.diagram-row>em{color:var(--muted);font:600 10px var(--mono);font-style:normal}.diagram-row>em{text-align:left;color:#769d33}.panel-blocks{display:flex;align-items:center;gap:4px;min-width:0}.panel-blocks i{display:block;flex:1 1 22px;min-width:12px;max-width:29px;height:22px;background:linear-gradient(145deg,#eaf8ca,#bfdc7b);border:1px solid #afd06a;border-radius:5px;position:relative}.panel-blocks i:after{content:"";position:absolute;top:6px;right:3px;left:3px;height:1px;background:#4b6e1c42;box-shadow:0 5px #4b6e1c42}.panel-blocks b{color:var(--muted);font:600 10px var(--mono);white-space:nowrap}.diagram-foot{color:var(--muted);font-size:10px;margin:9px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{color:var(--muted);font-size:9px;font-weight:600}td{color:var(--ink)}td:not(:first-child){font-family:var(--mono);font-size:10px;direction:ltr;text-align:right}tr.current{background:var(--accent-soft)}.table-status{padding:4px 7px;border-radius:6px;font-family:Cairo;font-size:9px}.table-status.valid{color:#5b861d;background:#ebf8d2}.table-status.invalid{color:var(--danger);background:var(--danger-soft)}.page-header{align-items:flex-end}.database-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;padding:9px 12px;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.tabs button.active{color:var(--ink);border-color:var(--accent-ink);font-weight:700}.tabs b{display:inline-block;font:600 9px var(--mono);color:var(--muted-2);margin-right:4px}.search-input{max-width:280px}.database-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.db-card-top{gap:11px;margin-bottom:17px}.db-card-top strong,.db-card-top span{display:block}.db-card-top strong{font-size:12px}.db-card-top span{color:var(--muted);font-size:10px;margin-top:3px}.db-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font:600 11px var(--mono)}.panel-icon{color:#537b18;background:var(--accent-soft)}.inverter-icon{color:#7b6a2b;background:#fff4cc}.db-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.project-list{display:grid;gap:9px}.project-row{width:100%;gap:12px;padding:15px 17px;text-align:right;transition:.16s ease}.project-row:hover{transform:translateY(-1px);border-color:var(--line-strong)}.project-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-weight:800}.project-info{display:grid;gap:3px;flex:1}.project-info strong{font-size:12px}.project-info small,.project-date{color:var(--muted);font-size:10px}.project-date{font-family:var(--mono)}.project-date b{font-size:13px;margin-right:10px;color:var(--accent-ink)}.cost-summary{display:flex;align-items:center;justify-content:space-between;padding:20px;margin-bottom:12px}.cost-summary h2{font-size:18px;margin:6px 0 0}.cost-badge{background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:10px 12px;font:600 12px var(--mono)}.cost-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.cost-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.table-input{width:85px;min-height:30px;padding:5px 7px}.timeline-card{padding:13px 20px}.timeline-row{min-height:66px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.timeline-row:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-row>div{display:grid;gap:3px;flex:1}.timeline-row strong{font-size:11px}.timeline-row span:not(.timeline-dot):not(.pill){color:var(--muted);font-size:10px}.compact{min-height:180px;border:0;background:transparent}.toast{position:fixed;bottom:22px;right:50%;transform:translate(50%);background:var(--ink);color:#fff;border-radius:10px;padding:11px 15px;font-size:11px;box-shadow:0 13px 35px #0000002e;z-index:50;display:flex;align-items:center;gap:8px;max-width:min(90vw,500px)}.toast span{color:var(--accent);font-weight:800}@media (max-width: 1100px){.topbar-center{display:none}.workspace-grid{grid-template-columns:320px minmax(0,1fr);gap:20px}.main-content{padding-inline:25px}}@media (max-width: 820px){.topbar{height:auto;min-height:68px;padding:12px 18px}.topbar-actions .connection{display:none}.brand-lockup{min-width:0}.app-body{display:block}.sidebar{width:100%;border-left:0;border-bottom:1px solid var(--line);padding:10px 14px}.sidebar-heading,.sidebar-card,.sidebar-divider,.sidebar-footer{display:none}.nav-list{display:flex;overflow-x:auto;gap:4px;padding-bottom:1px}.nav-item{width:auto;flex:0 0 auto;white-space:nowrap;font-size:10px;padding:8px 10px}.nav-icon{display:none}.main-content{padding:25px 16px 55px}.workspace-grid{grid-template-columns:1fr}.results-column{grid-row:1}.input-column{grid-row:2}.page-intro,.page-header{align-items:flex-start;flex-direction:column;margin-bottom:20px}.intro-meta{align-self:auto}}@media (max-width: 560px){.brand-lockup strong{font-size:12px}.brand-lockup span{font-size:8px}.button-compact{padding:8px 9px;font-size:9px}.page-intro h1,.page-header h1{font-size:24px}.form-grid.two,.form-grid.three,.database-grid{grid-template-columns:1fr}.spec-strip,.db-specs,.kpi-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-head{align-items:flex-start;flex-direction:column}.result-head h2{font-size:25px}.database-toolbar{align-items:stretch;flex-direction:column}.search-input{max-width:none}.project-date{display:none}}@media print{.topbar,.sidebar,.input-column,.action-row,.options-card{display:none!important}.app-body,.main-content{display:block;padding:0}.results-column{width:100%}.card-surface,.metric{box-shadow:none}}:root{--bg: #f7f7f7;--surface: #fff;--surface-soft: #fafafa;--surface-muted: #f0f0f0;--line: #d9d9d9;--line-strong: #ababab;--ink: #111;--muted: #666;--muted-2: #999;--accent: #111;--accent-soft: #ededed;--accent-ink: #111;--danger: #222;--danger-soft: #f2f2f2}.topbar,.sidebar,.card-surface,.metric,.project-row,.database-card{background:#fff}.sidebar{background:#f3f3f3}.brand-mark,.button-primary,.nav-item.active .nav-icon,.section-label span{background:#111;color:#fff}.connection.is-online i,.status-dot{background:#111;box-shadow:0 0 0 4px #0000001a}.compat-badge.valid,.table-status.valid,.chip.selected{color:#111;background:#ededed}.compat-badge.valid span{background:#111;color:#fff}.compat-badge.invalid,.table-status.invalid,.warning-box{color:#222;background:#f2f2f2;border-color:#bbb}.panel-blocks i{background:linear-gradient(145deg,#f5f5f5,#d0d0d0);border-color:#999}.panel-blocks i:after{background:#0003;box-shadow:0 5px #0003}.panel-icon,.inverter-icon,.cost-badge,.empty-symbol{color:#111;background:#ededed}.timeline-dot{background:#111;box-shadow:0 0 0 4px #ededed}.search-select,.search-select-control{position:relative}.search-select-control input{padding-left:36px}.search-select-chevron{position:absolute;left:7px;top:5px;width:27px;height:27px;border:0;border-radius:7px;color:#555;background:#eee}.search-select-menu{position:absolute;inset-inline:0;top:calc(100% - 9px);z-index:30;max-height:255px;overflow-y:auto;padding:5px;background:#fff;border:1px solid #aaa;border-radius:10px;box-shadow:0 12px 28px #00000029}.search-select-menu-head{padding:5px 8px;color:#777;font:500 9px var(--mono);border-bottom:1px solid #eee}.search-select-menu button{display:block;width:100%;border:0;background:transparent;padding:8px 9px;color:#222;text-align:right;font-size:10px;border-radius:7px}.search-select-menu button:hover{background:#eee}.search-select-empty{padding:14px 8px;color:#888;text-align:center;font-size:10px}.tool-card,.legacy-tools-block{margin-bottom:28px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.tool-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.tool-card-head h2{font-size:16px;margin:6px 0 5px}.tool-card-head p{color:#666;font-size:11px;line-height:1.8;margin:0}.tool-index{display:grid;place-items:center;width:30px;height:30px;background:#111;color:#fff;border-radius:9px;font:600 12px var(--mono)}.tool-tabs{display:flex;gap:5px;border-bottom:1px solid #ddd;margin-bottom:16px}.tool-tabs button{border:0;border-bottom:2px solid transparent;padding:9px 12px;background:transparent;color:#777;font-size:10px}.tool-tabs button.active{color:#111;border-color:#111;font-weight:700}.climate-grid{display:grid;grid-template-columns:1fr 1.25fr 1.3fr;gap:14px;align-items:start}.manual-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.manual-location-grid .button{align-self:end}.choice-list{display:grid;gap:5px;max-height:190px;overflow-y:auto;padding-left:2px}.choice-list button{display:flex;justify-content:space-between;gap:10px;width:100%;border:1px solid #ddd;border-radius:9px;padding:8px 9px;background:#fafafa;color:#444;text-align:right;font-size:10px}.choice-list button:hover,.choice-list button.selected{background:#ededed;border-color:#888;color:#111}.choice-list button span{color:#888;font:500 9px var(--mono);white-space:nowrap;direction:ltr}.climate-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;background:#f2f2f2;border-radius:11px}.climate-summary .spec strong{font-size:10px}.field-hint{display:block;margin-top:4px;color:#777;font-size:10px;line-height:1.4}.field-label-with-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px}.inline-toggle{display:inline-flex;align-items:center;gap:4px;color:#555;font-size:10px;white-space:nowrap}.inline-toggle input{width:14px;height:14px;margin:0;accent-color:#6ea91e}.field-warning{display:block;margin-top:5px;color:#a33a22;font-size:10px;line-height:1.5}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f5f7f2,#fff 55%,#ededed)}.auth-card{width:min(100%,430px);padding:32px;display:grid;gap:14px;box-shadow:0 18px 50px #00000014}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.auth-brand strong,.auth-brand span{display:block}.auth-brand span{color:#777;font:500 9px var(--mono);margin-top:3px}.auth-card h1{margin:0;font-size:24px}.auth-card p{margin:0;color:#666;line-height:1.7;font-size:12px}.auth-form{display:grid;gap:12px;margin-top:4px}.auth-submit{width:100%;min-height:44px}.auth-remember{padding:10px 12px;border:1px solid #d9e6c8;border-radius:8px;background:#f5faed;color:#55702c;font-size:11px;line-height:1.6}.auth-error{padding:10px 12px;border:1px solid #e2b8aa;border-radius:8px;background:#fff5f1;color:#9b3d25;font-size:11px;line-height:1.6}.auth-switch{justify-self:center;margin-top:2px}.inputs-panel .location-summary{margin:0 0 12px;padding:10px;border:1px solid #d8d8d8;background:#f2f2f2}.inputs-panel .location-summary .spec{min-width:0}.inputs-panel .location-summary .spec strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.inputs-panel .location-summary .spec span{font-size:9px}.custom-size-row{display:flex;gap:7px;margin-top:-5px;margin-bottom:8px}.custom-size-row input{flex:1}.custom-size-row .button{flex:0 0 auto;padding-inline:12px}.chassis-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.chassis-controls{padding:18px}.chassis-controls h3{margin:0 0 17px;font-size:13px}.chassis-output{display:grid;gap:12px}.chassis-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chassis-diagram,.bom-card{padding:18px}.array-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.array-unit{display:flex;align-items:center;gap:6px;padding:9px;background:#f3f3f3;border:1px solid #ddd;border-radius:8px}.array-unit>span{font:600 9px var(--mono);color:#666}.array-unit>div{display:flex;gap:2px;min-width:0;flex:1}.array-unit i{height:18px;min-width:8px;flex:1;background:#fff;border:1px solid #999;border-radius:3px}.admin-table{padding:12px}.brand-settings{padding:25px;display:grid;gap:20px}.brand-preview{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #ddd}.brand-preview strong,.brand-preview span{display:block}.brand-preview strong{font-size:14px}.brand-preview span{color:#777;font:500 9px var(--mono);margin-top:4px}.theme-swatch{min-height:90px;display:grid;place-items:center;border-radius:11px;font-size:11px;border:1px solid #aaa}.theme-swatch.dark{background:#111;color:#fff}.theme-swatch.light{background:#fff;color:#111}@media (max-width: 1050px){.climate-grid,.chassis-layout{grid-template-columns:1fr}}@media (max-width: 560px){.manual-location-grid,.chassis-kpis,.array-diagram{grid-template-columns:1fr 1fr}.tool-card,.legacy-tools-block{padding:15px}}@media (max-width: 560px){.cost-controls,.cost-totals{grid-template-columns:1fr 1fr}}.app-body{display:block;min-height:calc(100vh - 124px)}.header-nav{position:sticky;top:76px;z-index:19;border-bottom:1px solid #d9d9d9;background:#fffffff5;box-shadow:0 4px 18px #0000000a}.header-nav-inner{display:flex;align-items:center;gap:5px;max-width:1440px;min-height:48px;margin:0 auto;padding:6px clamp(16px,3vw,44px);overflow-x:auto}.header-nav-label{flex:0 0 auto;margin-left:6px;color:#777;font:600 9px var(--mono)}.header-nav-item{display:flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid transparent;border-radius:8px;padding:8px 10px;background:transparent;color:#666;font-size:10px;white-space:nowrap}.header-nav-item>span{color:#999;font:600 13px var(--mono)}.header-nav-item:hover,.header-nav-item.active{color:#111;background:#ededed;border-color:#c7c7c7;font-weight:700}.header-nav-item.active>span{color:#111}.header-project-chip{display:grid;gap:1px;margin-right:auto;padding-right:14px;border-right:1px solid #ddd;white-space:nowrap}.header-project-chip span{color:#999;font-size:8px}.header-project-chip strong{color:#222;font-size:10px}.input-list{display:grid;grid-template-columns:minmax(170px,.8fr) repeat(5,minmax(130px,1fr));gap:7px;align-items:stretch;margin:-8px 0 24px;padding:9px;border:1px solid #dcdcdc;border-radius:13px;background:#f5f5f5}.input-list-title{display:grid;align-content:center;gap:2px;padding:7px 11px}.input-list-title strong{font-size:12px}.input-list-title small{color:#777;font-size:9px}.input-list-item{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;min-width:0;border:1px solid #d5d5d5;border-radius:10px;padding:8px 9px;background:#fff;color:#444;text-align:right}.input-list-item>span{grid-row:span 2;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#ededed;color:#666;font:600 9px var(--mono);direction:ltr}.input-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.input-list-item b{color:#999;font-size:8px;font-weight:500}.input-list-item.active{border-color:#111;background:#111;color:#fff}.input-list-item.active>span{background:#fff;color:#111}.input-list-item.active b{color:#ccc}.sidebar{display:none}@media (max-width: 1100px){.input-list{grid-template-columns:repeat(3,minmax(0,1fr))}.input-list-title{grid-column:1 / -1;padding-bottom:2px}}@media (max-width: 640px){.topbar{top:0;padding-inline:14px}.topbar-center{display:none}.header-nav{top:68px}.header-nav-inner{padding-inline:10px}.header-project-chip{display:none}.input-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-4px}.input-list-title{grid-column:1 / -1}.input-list-item strong{font-size:9px}}.design-editor-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.design-editor-shell .input-sidebar{position:sticky;top:140px;display:grid;grid-template-columns:1fr;gap:6px;align-self:start;margin:0;padding:10px}.design-editor-shell .input-list-title{padding:8px 9px 12px;border-bottom:1px solid #ddd}.design-editor-shell .input-list-item{min-height:52px}.design-editor-shell .workspace-grid{min-width:0}@media (max-width: 1050px){.design-editor-shell{grid-template-columns:1fr}.design-editor-shell .input-sidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.design-editor-shell .input-list-title{grid-column:1 / -1}}@media (max-width: 640px){.design-editor-shell{gap:12px}.design-editor-shell .input-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.design-editor-shell .input-list-title{grid-column:1 / -1}}.design-editor-shell{grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.inputs-panel{position:sticky;top:140px;max-height:calc(100vh - 158px);overflow-y:auto;padding:10px;border:1px solid #d3d3d3;border-radius:15px;background:#f1f1f1;box-shadow:0 12px 26px #00000014;scrollbar-width:thin}.inputs-panel .input-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:6px;margin:0 0 8px;padding:0 0 9px;border:0;border-radius:0;background:transparent;box-shadow:none}.inputs-panel .input-list-title{padding:8px 9px 12px;background:#fff;border:1px solid #d8d8d8;border-radius:10px}.inputs-panel .input-list-item{min-height:50px}.inputs-panel .input-column{padding:8px 0 0}.inputs-panel .input-column .section-label{display:none}.inputs-panel .side-climate-tool .tool-card{margin:0 0 9px;padding:10px;border:1px solid #d8d8d8;border-radius:10px;box-shadow:none}.inputs-panel .side-climate-tool .tool-card-head{margin-bottom:9px;gap:8px}.inputs-panel .side-climate-tool .tool-card-head h2{font-size:11px;line-height:1.5}.inputs-panel .side-climate-tool .tool-card-head p,.inputs-panel .side-climate-tool .tool-index{display:none}.inputs-panel .side-climate-tool .tool-tabs{overflow-x:auto;margin-bottom:9px}.inputs-panel .side-climate-tool .tool-tabs button{padding:7px 6px;font-size:9px;white-space:nowrap}.inputs-panel .side-climate-tool .climate-grid{grid-template-columns:1fr;gap:8px}.inputs-panel .side-climate-tool .choice-list{max-height:125px}.inputs-panel .side-climate-tool .climate-summary{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.inputs-panel .side-climate-tool .manual-location-grid{grid-template-columns:1fr;gap:6px}.inputs-panel .side-climate-tool .manual-location-grid .button{width:100%}.inputs-panel .compact-climate .tool-card-head{align-items:center}.inputs-panel .compact-climate .compact-location-summary{display:grid;gap:3px;margin:7px 0 9px;padding:9px;border:1px solid #d8d8d8;border-radius:9px;background:#f5f5f5}.inputs-panel .compact-location-summary strong{font-size:10px}.inputs-panel .compact-location-summary span{color:#777;font:500 8px var(--mono);direction:ltr;text-align:right}.side-tool-toggle{flex:0 0 auto;border:1px solid #aaa;border-radius:7px;padding:6px 7px;background:#fff;color:#333;font-size:8px}.side-tool-toggle:hover{background:#ededed}.inputs-panel .accordion{background:#fff;border-color:#d5d5d5}.inputs-panel .accordion-body{padding:14px}.design-editor-shell>.workspace-grid{display:block;min-width:0}.design-editor-shell>.workspace-grid .results-column{min-width:0}@media (max-width: 1050px){.design-editor-shell{grid-template-columns:1fr}.inputs-panel{position:static;max-height:none;overflow:visible}.inputs-panel .input-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.inputs-panel .input-list-title{grid-column:1 / -1}.inputs-panel .input-column .section-label{display:none}}@media (max-width: 640px){.inputs-panel .input-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.inputs-panel .input-list-title{grid-column:1 / -1}.inputs-panel .input-column .form-grid.two,.inputs-panel .input-column .form-grid.three{grid-template-columns:1fr}}.dashboard-overview{margin:-8px 0 22px;padding:15px}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.overview-heading h2{margin:4px 0 0;font-size:14px}.overview-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #c9c9c9;border-radius:8px;color:#666;font-size:9px;white-space:nowrap}.overview-status i{width:7px;height:7px;border-radius:50%;background:#888}.overview-status.good i{background:#111}.overview-status.review{background:#eee;color:#111}.overview-cards{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:7px}.overview-card{min-width:0;padding:10px 11px;border-right:2px solid #ddd;background:#fafafa}.overview-card:first-child{border-right-color:#111}.overview-card>span{display:block;color:#777;font-size:9px;margin-bottom:5px}.overview-card strong{display:block;overflow:hidden;color:#111;font:700 14px var(--mono);text-overflow:ellipsis;white-space:nowrap}.overview-card strong em{color:#777;font:500 9px Cairo}.overview-card small{display:block;overflow:hidden;margin-top:4px;color:#777;font-size:9px;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1050px){.overview-cards{grid-template-columns:repeat(3,1fr)}.overview-card:first-child{grid-column:span 3}}@media (max-width: 640px){.dashboard-overview{margin-top:-4px;padding:12px}.overview-heading{align-items:flex-start;flex-direction:column}.overview-cards{grid-template-columns:repeat(2,1fr)}.overview-card:first-child{grid-column:span 2}}.indicator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.indicator-card{padding:12px;border:1px solid #d8d8d8;border-radius:12px;background:#fff}.indicator-card.good{border-color:#777}.indicator-card.bad{border-color:#111;background:#f1f1f1}.indicator-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.indicator-top span{color:#666;font-size:10px}.indicator-top strong{font:700 16px var(--mono);color:#111;direction:ltr}.indicator-card small{display:block;color:#777;font-size:9px;line-height:1.6;margin-top:7px;min-height:28px}.indicator-bar{height:5px;margin-top:10px;overflow:hidden;border-radius:99px;background:#e8e8e8}.indicator-bar i{display:block;height:100%;border-radius:inherit;background:#111;transition:width .25s ease}.indicator-card.bad .indicator-bar i{background:#555}.panel-visual{margin-top:14px;padding:14px;border:1px solid #dedede;border-radius:12px;background:#fafafa}.visual-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.visual-heading h3{margin:5px 0 0;font-size:12px}.panel-visual-body{display:grid;grid-template-columns:minmax(200px,.9fr) 1.1fr;gap:14px;align-items:center}.panel-render{position:relative;width:min(100%,270px);aspect-ratio:1.9 / 1;margin:auto;padding:12px 14px;border:2px solid #111;border-radius:9px;background:repeating-linear-gradient(135deg,#222 0,#222 2px,#111 2px,#111 4px);box-shadow:5px 5px #d2d2d2}.panel-cell-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;width:100%;height:100%;padding:3px;border:1px solid #888;background:#666}.panel-cell-grid i{display:block;min-height:3px;border:1px solid #d7d7d7;background:linear-gradient(135deg,#fafafa,#9d9d9d)}.panel-busbar{position:absolute;top:10px;bottom:10px;width:2px;background:#fffc}.panel-busbar.one{left:34%}.panel-busbar.two{left:67%}.panel-label{position:absolute;color:#fff;font:600 8px var(--mono);text-shadow:0 1px 2px #000}.panel-label.top{top:-17px;left:50%;transform:translate(-50%)}.panel-label.side{right:-55px;top:50%;transform:rotate(90deg) translate(50%)}.visual-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.visual-notes .spec{padding:9px;border:1px solid #e1e1e1;border-radius:8px;background:#fff}.visual-notes .spec strong{font-size:10px}.engineering-diagram{padding:16px}.flow-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:20px 5px}.flow-node{display:grid;gap:4px;min-height:62px;place-items:center;padding:10px 6px;border:1px solid #aaa;border-radius:10px;background:#fafafa;text-align:center}.flow-node strong{font:700 15px var(--mono)}.flow-node span{color:#666;font-size:9px}.flow-arrow{color:#555;font-size:19px}.solar-node{border-color:#111;background:#ededed}.inverter-node{background:#111;color:#fff}.inverter-node span{color:#ddd}.diagram-legend{display:flex;flex-wrap:wrap;gap:14px;color:#777;font-size:9px}.legend-dot,.legend-line{display:inline-block;vertical-align:middle;margin-left:4px}.legend-dot{width:8px;height:8px;border-radius:50%;background:#111}.legend-dot.string{background:#777}.legend-dot.inverter{background:#ccc;border:1px solid #777}.engineering-visual-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.structure-visual{padding:16px}.elevation-drawing{position:relative;height:220px;margin:8px 0 14px;overflow:hidden;border:1px solid #dedede;border-radius:9px;background:linear-gradient(#fff 0,#fff 78%,#ededed 78%,#ededed)}.elevation-ground{position:absolute;right:0;bottom:45px;left:0;border-top:2px solid #111}.elevation-base{position:absolute;right:18%;bottom:24px;width:64%;height:22px;border:2px solid #777;background:#d8d8d8}.elevation-leg{position:absolute;bottom:46px;width:8px;height:88px;border:1px solid #111;background:#777;transform-origin:bottom}.elevation-leg.front{right:32%;transform:rotate(3deg)}.elevation-leg.back{right:65%;height:134px;transform:rotate(-2deg)}.elevation-rafter{position:absolute;right:31%;bottom:132px;width:35%;height:7px;border:1px solid #111;background:#222;transform-origin:right center}.elevation-brace{position:absolute;bottom:55px;width:2px;height:83px;border-left:2px dashed #555;transform-origin:bottom}.elevation-brace.front{right:35%;transform:rotate(37deg)}.elevation-brace.back{right:62%;transform:rotate(-37deg)}.elevation-panel{position:absolute;right:28%;bottom:143px;display:flex;gap:7px;width:40%;height:25px;padding:4px 8px;border:2px solid #111;background:#444;transform-origin:right center}.elevation-panel i{flex:1;border:1px solid #ddd;background:#aaa}.dimension{position:absolute;color:#555;font:600 9px var(--mono)}.dim-front{right:29%;bottom:51px}.dim-back{right:64%;bottom:51px}.dim-run{right:47%;bottom:182px}.legend-line{width:19px;height:3px;background:#222}.legend-line.brace{background:repeating-linear-gradient(90deg,#555 0 4px,transparent 4px 7px)}.legend-line.panel{background:#aaa;border:1px solid #222}.plan-drawing{height:220px;display:grid;place-items:center;padding:15px}.plan-frame{position:relative;width:82%;height:70%;border:2px solid #111;background:repeating-linear-gradient(0deg,#f7f7f7 0,#f7f7f7 15px,#e2e2e2 15px,#e2e2e2 17px)}.plan-purlin{position:absolute;right:0;left:0;height:2px;background:#222;transform:translateY(-1px)}.plan-truss{position:absolute;top:0;bottom:0;width:5px;border:1px solid #111;background:#777;transform:translate(-50%)}.plan-label{position:absolute;color:#555;font:600 9px var(--mono)}.top-label{top:-19px;right:50%;transform:translate(50%)}.side-label{top:50%;left:-33px;transform:rotate(-90deg)}.admin-editor{margin-bottom:12px}.danger-link{color:#444!important}.database-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:12px;padding:13px}.section-manager{margin:14px 0;padding:12px;border:1px solid #dedede;border-radius:10px;background:#fafafa}.section-manager h3{margin:4px 0 0;font-size:11px}.section-manager-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.section-manager-row{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #d2d2d2;border-radius:7px;background:#fff;font:600 10px var(--mono)}.section-manager-row .link-button{padding:0;font-size:9px}.section-manager .custom-size-row{margin:0}@media (max-width: 850px){.indicator-grid,.engineering-visual-grid{grid-template-columns:minmax(0,1fr)}.panel-visual-body{grid-template-columns:1fr}.panel-render{width:min(100%,320px)}}@media (max-width: 560px){.indicator-grid,.engineering-visual-grid,.database-filters,.flow-diagram{grid-template-columns:1fr}.flow-arrow{transform:rotate(-90deg)}.panel-label.side{right:-48px}.elevation-drawing,.plan-drawing{height:190px}}.design-page{position:relative}.design-page .design-editor-shell{display:block;min-width:0;transition:margin-right .22s ease}.design-page .design-editor-shell.inputs-visible{margin-right:min(390px,31vw)}.design-page .design-editor-shell.inputs-hidden{margin-right:0}.design-page .design-editor-shell>.workspace-grid{display:block;min-width:0}.design-page .inputs-panel{position:fixed;top:124px;right:0;bottom:0;z-index:18;width:min(390px,31vw);max-height:none;overflow-y:auto;padding:12px;border:1px solid #d3d3d3;border-top:0;border-radius:0;background:#f1f1f1;box-shadow:-12px 14px 28px #00000014;scrollbar-width:thin;transition:transform .22s ease,opacity .22s ease}.design-page .inputs-panel.is-hidden{opacity:0;transform:translate(105%);pointer-events:none}.side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px -2px 10px;padding:10px;border:1px solid #d8d8d8;border-radius:10px;background:#fff}.side-panel-header>div{display:grid;gap:2px;min-width:0}.side-panel-header strong{font-size:13px}.side-panel-toggle{flex:0 0 auto;padding:7px 9px;border:1px solid #aaa;border-radius:7px;background:#111;color:#fff;font-size:9px;cursor:pointer}.side-panel-toggle:hover{background:#333}.side-panel-open{position:fixed;top:140px;right:14px;z-index:19;box-shadow:0 8px 18px #00000021}.design-page.inputs-visible>.page-intro,.design-page.inputs-visible>.dashboard-overview,.design-page.inputs-visible>.chassis-tool{margin-right:min(390px,31vw)}@media (max-width: 1050px){.design-page .design-editor-shell,.design-page .design-editor-shell.inputs-visible,.design-page .design-editor-shell.inputs-hidden{display:grid;grid-template-columns:1fr;margin-right:0}.design-page .inputs-panel{position:relative;inset:auto;width:auto;max-height:none;overflow:visible;border:1px solid #d3d3d3;border-radius:15px;box-shadow:0 12px 26px #00000014;transform:none;opacity:1}.design-page .inputs-panel.is-hidden{display:none}.design-page.inputs-visible>.page-intro,.design-page.inputs-visible>.dashboard-overview,.design-page.inputs-visible>.chassis-tool{margin-right:0}.side-panel-open{position:static;margin-bottom:12px}}.main-content{padding:30px clamp(14px,1.6vw,28px) 56px}.design-page{width:100%;max-width:none}@media (max-width: 640px){.main-content{padding:22px 12px 42px}}.manual-location-error{border:1px solid #999;background:#ededed;color:#111}.engineering-elevation{height:clamp(300px,31vw,430px);padding:12px;margin:10px 0 16px;background:linear-gradient(#fff 0,#fff 78%,#ededed 78%,#ededed)}.engineering-elevation svg{display:block;width:100%;height:100%;overflow:visible}.elevation-svg-label{fill:#222;font:600 9px var(--mono)}.elevation-svg-small{fill:#777;font:500 8px Cairo,sans-serif}.kpi-grid{gap:7px}.metric{min-height:72px;padding:10px 11px;display:flex;flex-direction:column;justify-content:center;gap:7px}.metric span{order:0;margin:0;font-size:11px;line-height:1.35;font-weight:600}.metric strong{order:1;font-size:22px;line-height:1.05;letter-spacing:-.7px}@media (max-width: 560px){.engineering-elevation{height:230px;padding:8px}}body{font-size:14px}.eyebrow{font-size:11px}.page-intro h1,.page-header h1{font-size:clamp(26px,2.7vw,36px)}.page-intro p,.page-header p,.section-label{font-size:13px}.accordion-head{font-size:14px}.field>span{font-size:11px}input,select,textarea,.search-input{font-size:13px}.card-title-row h3{font-size:16px}.result-head p{font-size:12px}.compat-badge{font-size:11px}.metric span{font-size:12px}.metric strong{font-size:24px}.indicator-top span{font-size:11px}.indicator-top strong{font-size:18px}.indicator-card small{font-size:10px}table{font-size:12px}th{font-size:10px}td:not(:first-child){font-size:11px}.overview-heading h2{font-size:16px}.overview-card>span{font-size:10px}.overview-card strong{font-size:15px}.overview-card small{font-size:10px}.tool-card-head h2{font-size:18px}.tool-card-head p{font-size:12px}.inputs-panel .side-climate-tool .tool-card-head h2{font-size:13px}.inputs-panel .side-climate-tool .tool-tabs button{font-size:10px}.inputs-panel .compact-location-summary strong{font-size:11px}.inputs-panel .compact-location-summary span{font-size:9px}.side-tool-toggle{font-size:10px}.topbar{font-size:14px}.brand-lockup strong{font-size:16px}.brand-lockup span{font-size:10px}.nav-item{font-size:13px}.eyebrow{font-size:12px}body{font-size:15px}.page-intro h1,.page-header h1{font-size:clamp(30px,3vw,42px)}.page-intro p,.page-header p{font-size:14px;line-height:1.85}.section-label{font-size:14px}.accordion-head{font-size:15px}.field>span{font-size:12px}input,select,textarea,.search-input{font-size:14px}.card-title-row h3{font-size:18px}.result-head h2{font-size:34px}.result-head h2 span,.result-head p,.metric span{font-size:13px}.metric strong{font-size:26px}.indicator-top span{font-size:12px}.indicator-top strong{font-size:20px}.indicator-card small{font-size:11px}table{font-size:13px}th{font-size:11px}td:not(:first-child){font-size:12px}.overview-heading h2{font-size:18px}.overview-card>span{font-size:11px}.overview-card strong{font-size:17px}.overview-card small{font-size:11px}.tool-card-head h2{font-size:20px}.tool-card-head p{font-size:13px}.inputs-panel .side-climate-tool .tool-card-head h2{font-size:14px}.inputs-panel .compact-location-summary strong{font-size:12px}.inputs-panel .compact-location-summary span{font-size:10px}.side-panel-header strong{font-size:15px}.result-alert{display:grid;gap:5px;margin:10px 0 12px;padding:12px 14px;border:1px solid #cfcfcf;border-radius:11px;font-size:10px;line-height:1.7}.result-alert strong{font-size:11px}.result-alert-error{border-color:#999;background:#f0f0f0;color:#222}.result-alert-success{background:#fafafa;color:#444}.compat-detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;padding:10px;border-radius:10px;background:#f4f4f4}.option-guide{margin:0 0 12px}.options-card{overflow:hidden}.options-card .table-wrap{overflow-x:auto}.options-card table{min-width:920px}.options-card td,.options-card th{vertical-align:middle}.options-card small{color:#777;font:500 9px var(--mono);white-space:nowrap}.option-danger{color:#333;font-weight:800}.option-choose{padding:7px 9px;white-space:nowrap;font-size:9px}.table-current-mark{display:inline-block;padding:4px 7px;border-radius:6px;background:#111;color:#fff;font-size:9px;white-space:nowrap}.option-issues-row td{padding-top:0;border-top:0}.option-issues{display:grid;gap:3px;margin:-3px 0 8px;padding:8px 10px;border-right:3px solid #555;background:#f1f1f1;color:#555;font-size:9px;line-height:1.7}.option-issues strong{color:#222}.panel-visual .visual-heading small{display:block;margin-top:4px;color:#777;font-size:9px}.panel-render{overflow:visible;aspect-ratio:2 / 1;padding:11px;border:2px solid #111;border-radius:8px;background:#242424;box-shadow:5px 5px #d2d2d2}.panel-cell-grid{grid-template-columns:repeat(6,1fr);grid-auto-flow:row;gap:1px;padding:3px;border:1px solid #999;background:#414141}.panel-cell-grid i{min-height:0;border:1px solid #bdbdbd;background:linear-gradient(135deg,#e6e6e6 0,#e6e6e6 42%,#989898 43%,#989898 57%,#ededed 58%)}.panel-half-divider{position:absolute;right:11px;left:11px;top:50%;z-index:2;border-top:2px dashed rgba(255,255,255,.75)}.panel-busbar{position:absolute;right:11px;left:11px;width:auto;height:2px;background:#ffffffeb}.panel-busbar.one{top:33%;left:11px}.panel-busbar.two{top:67%;left:11px}.panel-junction-box{position:absolute;top:50%;right:7px;z-index:3;display:flex;gap:2px;width:26px;height:16px;align-items:center;justify-content:center;border:1px solid #111;border-radius:3px;background:#f4f4f4;transform:translateY(-50%)}.panel-junction-box i{width:4px;height:4px;border-radius:50%;background:#333}.panel-label.side{right:-49px}@media (max-width: 700px){.compat-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}.array-plan{display:grid;gap:10px}.array-plan-meta,.array-plan-total{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#555;font-size:11px}.array-plan-meta span{padding:5px 8px;border:1px solid #d4d4d4;border-radius:999px;background:#f8f8f8}.array-plan-rows{display:grid;gap:10px;overflow:auto;padding:10px;border:1px solid #d8d8d8;border-radius:12px;background:#f5f5f5}.array-plan-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}.array-plan-unit{min-width:0;padding:10px;border:1px solid #777;border-radius:10px;background:#fff}.array-plan-unit.extra{border-style:dashed;background:#ededed}.array-plan-unit-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}.array-plan-unit-head span{padding:3px 6px;border-radius:5px;background:#111;color:#fff;font-size:10px}.array-plan-unit.extra .array-plan-unit-head span{background:#666}.array-plan-unit-body{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;min-height:48px;margin:9px 0 7px;padding:5px;border:1px solid #bbb;border-radius:6px;background:#fafafa}.array-plan-unit-body i{display:block;min-height:6px;border:1px solid #666;border-radius:1px;background:#ddd}.array-plan-unit-body b{display:flex;align-items:center;justify-content:center;color:#555;font-size:10px}.array-plan-unit small{display:block;color:#555;font-size:10px;line-height:1.6}.array-plan-total{justify-content:flex-start;padding:8px 10px;border-right:3px solid #111;background:#f0f0f0;color:#222;font-weight:800}.chassis-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 1100px){.chassis-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 700px){.chassis-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.array-plan-row{grid-template-columns:1fr}}
