:root{color-scheme:dark;--bg:#0b1220;--card:#0f1a2e;--input:#111f37;--text:#e8eefc;--muted:#b8c3df;--accent:#8df2c2;--blue:#7aa7ff;--line:rgba(255,255,255,.14);font-family:'Segoe UI',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#142742 0,transparent 60%),var(--bg);color:var(--text);line-height:1.8;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}html[lang=ar] .en,html[lang=en] .ar{display:none!important}
.wrap{max-width:1020px;margin:auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-block:4px 18px}.nav-links{display:flex;gap:16px;flex-wrap:wrap}.utility{display:flex;gap:8px}.button{border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:9px;padding:9px 16px;min-height:44px}.primary{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:700}.secondary{color:var(--accent)}.hero{padding:26px 0 20px}.eyebrow{color:var(--accent);font-size:.85rem;margin:0}h1{font-size:clamp(1.5rem,4vw,2rem);line-height:1.5;margin:8px 0}h2{font-size:1.18rem;line-height:1.6;margin:0 0 12px}p{margin:8px 0}.intro,.hint{color:var(--muted)}.intro{max-width:850px}.hint{font-size:.86rem;line-height:1.7}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:22px;margin-bottom:18px}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hub-grid .card{display:flex;flex-direction:column;gap:10px}.card-icon{font-size:1.8rem}.card-link{display:inline-flex;align-self:flex-start;margin-top:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{min-width:0}label{display:block;font-weight:600;margin-bottom:6px}input,select{width:100%;background:var(--input);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 12px;min-height:46px}input{direction:ltr;text-align:start;font-variant-numeric:tabular-nums}input::placeholder{color:#a8b5d2;opacity:1}[aria-invalid=true]{border:2px solid #ff9a9a}.actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.actions .primary{min-width:180px}.error-summary{color:#ffd0d0;background:#421e2a;border:1px solid #e08b9e;border-radius:9px;padding:12px;margin-top:18px}.results{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-box{padding:16px;border-radius:11px;background:var(--input);border:1px solid var(--line);min-width:0}.result-title{font-size:.9rem;color:var(--muted);margin:0 0 8px}.result-line{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.result-value{font-size:clamp(1.35rem,4vw,1.8rem);font-weight:750;color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.unit{font-size:.88rem;color:var(--muted)}bdi[dir=ltr],code,.formula{unicode-bidi:isolate;direction:ltr}code{display:inline-block;font-family:Consolas,monospace;color:var(--text)}.formula{display:block;text-align:left;overflow-wrap:anywhere;white-space:normal;background:var(--input);padding:12px;border-radius:8px;font: .9rem/1.9 Consolas,monospace;margin-block:10px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{flex:1;border:1px solid var(--line);background:var(--input);color:var(--muted);border-radius:10px;padding:12px;min-width:150px}.tab[aria-selected=true]{background:#2563eb;color:#fff;border-color:#2563eb}.note{border-inline-start:3px solid var(--blue);padding:10px 14px;margin-top:16px;background:rgba(122,167,255,.06);color:var(--muted)}details{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-weight:600}.foot{color:var(--muted);font-size:.85rem;text-align:center;padding:18px 0}.source-links{display:flex;gap:16px;flex-wrap:wrap;font-size:.86rem}body[data-page=hub] .print-button{display:none}
@media(max-width:640px){.wrap{padding:16px}.card{padding:18px}.form-grid,.hub-grid{grid-template-columns:1fr}.results-grid{gap:10px}.result-box{padding:12px}.actions>*{flex:1}.topbar{align-items:flex-start}.utility{margin-inline-start:auto}}
@media(max-width:360px){.results-grid{grid-template-columns:1fr}.utility{margin-inline-start:0}}
@page{size:A4;margin:14mm}
@media print{ :root{color-scheme:light}body{background:#fff!important;color:#111!important;font:11pt/1.7 Arial,sans-serif;min-height:0}.wrap{padding:0;max-width:none}.topbar,.actions,.tabs,.foot,.source-links,.utility,.error-summary{display:none!important}.hero{padding:0 0 12px}h1{font-size:20pt}h2{font-size:14pt}.card{background:#fff;border:1px solid #aaa;padding:12px;margin-bottom:12px;border-radius:0;box-shadow:none}.intro,.hint,.eyebrow,.note,.unit,.result-title{color:#333!important}.form-grid{grid-template-columns:1fr 1fr;gap:10px 16px}input,select{background:#fff!important;color:#111!important;border:1px solid #aaa;padding:5px 8px;min-height:0}.results-grid{grid-template-columns:1fr 1fr}.result-box{background:#fff;border-color:#aaa;padding:10px;break-inside:avoid}.result-value{color:#111;font-size:17pt}.results{margin-top:14px;padding-top:12px}.note{background:#fff;border-color:#666;padding:6px 10px}.formula,code{color:#111;background:#fff}.formula{border:1px solid #aaa;padding:7px;font-size:9pt}.print-assumptions{break-inside:avoid}details{display:none}a{color:#111}p{orphans:3;widows:3}}
@media print{body{font-size:10.5pt;line-height:1.5}.hero{padding-bottom:8px}h1{font-size:18pt;margin:5px 0}h2{font-size:12pt;margin-bottom:8px}.eyebrow{font-size:9pt}.hero .intro{font-size:10pt;line-height:1.4}.card{padding:10px;margin-bottom:8px}.form-grid{gap:8px 12px}.field{break-inside:avoid}label{margin-bottom:3px;font-size:10.5pt}input,select{padding:4px 8px;font-size:10.5pt}.hint{font-size:9pt;line-height:1.4;margin:4px 0}.field .hint{margin:3px 0}form>p.hint{display:none}.results{margin-top:12px;padding-top:10px}.result-box{padding:8px}.result-title{font-size:9pt;margin-bottom:4px}.result-value{font-size:16pt}.results>.hint{font-size:8.5pt;margin:6px 0}.note{font-size:9.5pt;line-height:1.5;margin-top:10px}.note p{margin:5px 0}}
.card-icon svg{width:32px;height:32px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.result-line{direction:ltr;unicode-bidi:isolate}html[lang=ar] .result-line{justify-content:flex-end}
/* Period cost sheet: responsive input rows and a compact printable table. */
.cost-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:16px}.cost-table th,.cost-table td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.cost-table th{font-size:.86rem;color:var(--muted)}.cost-table th:first-child{width:34%}.cost-table th:nth-child(2),.cost-table th:nth-child(3){width:18%}.cost-table th:nth-child(4){width:20%}.cost-table th:last-child{width:10%}.cost-description select{font-size:.8rem;padding:4px 7px;min-height:30px;margin-top:6px}.cost-description input[data-cost-name]{direction:inherit;text-align:start}.cost-amount-cell{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--accent);font-weight:700}.cost-table input{padding:8px;min-height:42px}.cost-row-actions .button{padding:7px;font-size:.78rem}.cost-print-value{display:none}.cost-mobile-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cost-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
@media(max-width:640px){.cost-table,.cost-table tbody{display:block}.cost-table thead{display:none}.cost-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.cost-table td{display:block;border:0;padding:0;min-width:0}.cost-description{grid-column:1/-1}.cost-mobile-label{position:static;display:block;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-size:.85rem;margin-bottom:5px;color:var(--muted)}.cost-row-actions{align-self:end;justify-self:end}.cost-description select{min-height:44px;font-size:1rem}.cost-table input{min-height:44px}.cost-amount-cell bdi{display:block;font-size:1.1rem}}
@media print{.cost-controls,.cost-row-actions,.cost-table th:last-child,.cost-mobile-label{display:none!important}.cost-table{display:table;table-layout:fixed;font-size:9pt;margin-top:8px}.cost-table thead{display:table-header-group}.cost-table tbody{display:table-row-group}.cost-table tr{display:table-row;break-inside:avoid}.cost-table th,.cost-table td{display:table-cell;border-bottom:1px solid #aaa;padding:5px;vertical-align:middle;color:#111}.cost-table th:first-child{width:40%}.cost-table th:nth-child(2),.cost-table th:nth-child(3),.cost-table th:nth-child(4){width:20%}.cost-table input,.cost-table select{display:none!important}.cost-print-value{display:block;white-space:normal;overflow-wrap:anywhere}.cost-print-value[data-print-unit]{font-size:8pt;color:#444}.cost-amount-cell{font-size:10pt}.cost-sheet .intro{font-size:10pt}.cost-sheet .form-grid{grid-template-columns:1fr 1fr}}
@media print{body[data-page=cost]{line-height:1.4}.cost-table{line-height:1.3}.cost-table th,.cost-table td{padding:4px 5px}.cost-description [data-print-name],.cost-description [data-print-unit]{display:inline}.cost-description [data-print-unit]::before{content:' · '}.cost-sheet .results{break-inside:avoid;break-after:avoid}.cost-sheet .print-assumptions{break-before:avoid}}
@media print{body[data-page=refiner] .form-grid{gap:6px 12px}body[data-page=refiner] [id$="Period-hint"],body[data-page=refiner] [id$="Downtime-hint"]{display:none}body[data-page=refiner] .note{font-size:9pt;line-height:1.4}body[data-page=refiner] .results{break-inside:avoid;break-after:avoid}}
@media print{.cost-table th:nth-child(2),.cost-table th:nth-child(3),.cost-table th:nth-child(4),.cost-table td:nth-child(2),.cost-table td:nth-child(3),.cost-table td:nth-child(4),.cost-table td:nth-child(2) .cost-print-value,.cost-table td:nth-child(3) .cost-print-value{text-align:right}}