:root{font-family:Vazirmatn,Tahoma,sans-serif;--ink:#203b2d;--muted:#69796c;--navy:#173f30;--teal:#286249;--mint:#dcebc5;--line:#e0e6dc;--bg:#f5f7f3;--white:#fff;--radius:16px;--surface:#f1f5ec;--soft:#eef4e8;--control-line:#d8e1d4}
body,button,input,select,textarea{font-family:Vazirmatn,Tahoma,sans-serif}
@media screen{
  button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  button{transition:background .15s,color .15s,border-color .15s}button:active{transform:none}
  button:focus-visible,a:focus-visible,summary:focus-visible,input:focus,select:focus,.input-unit:focus-within{outline:2px solid var(--teal);outline-offset:3px}.input-unit input:focus{outline:none}
  .site-header{background:white;color:var(--ink);border:0;border-bottom:1px solid var(--line)}
  .header-inner{max-width:1120px;padding:19px 28px;gap:14px}.brand{color:var(--ink);gap:12px;min-width:0}.brand-logo{display:block;object-fit:contain;width:49px;height:44px;flex-shrink:0}.brand>span{min-width:0}.brand b{font-size:20px;font-weight:650;line-height:1.6}.brand small{font-size:12px;color:var(--muted);line-height:1.8;margin-top:1px}.year-badge{flex-shrink:0;border:0;padding:5px 0;background:transparent;color:var(--muted);font-size:12px;gap:5px}.year-badge b{color:var(--ink);font-size:16px;font-weight:600}
  .shell{max-width:1120px;padding:8px 28px 24px}.view-tabs{gap:28px;margin-bottom:28px;border-color:var(--line)}.view-tabs button{font-size:14px;padding:16px 0;min-height:52px}.view-tabs .active{font-weight:650;color:var(--ink)}.view-tabs .active:after{height:2px;background:var(--teal);border-radius:0}
  .calculator-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}.panel{background:white;border-color:var(--line);box-shadow:none;border-radius:16px;padding:28px}.panel-title{margin-bottom:22px;display:block}.panel-title h2{font-size:21px;font-weight:650}.step,.panel-title p{display:none}h2{font-weight:600}
  .quick-services{display:flex;gap:4px;padding:4px;background:#f0f4ec;border:0;border-radius:12px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.quick-services::-webkit-scrollbar{display:none}.quick-services button{flex:1;min-width:70px;min-height:44px;padding:10px 8px;border:0;border-radius:9px;font-size:13px;white-space:nowrap;background:transparent;color:var(--muted)}.quick-services .selected{background:white;color:var(--teal);font-weight:650;box-shadow:0 1px 4px #243a2110}
  label,.field-label{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--ink)}input,select{min-height:56px;border-color:var(--control-line);border-radius:12px;background:white;padding:13px 15px;font-size:16px}input:disabled{background:#f1f4ee;color:var(--muted)}.input-unit{min-height:60px;border:1px solid var(--control-line);border-radius:12px;background:#f5f7f2;overflow:hidden}.input-unit input{min-height:58px;border:0;border-radius:0;background:white;font-size:18px;font-weight:500;padding:14px 15px;letter-spacing:0}.input-unit span{font-size:13px;color:var(--muted);padding-inline:14px}.field small:empty{display:none}.field small{font-size:12px;line-height:1.9;margin-top:8px}
  .field-grid{gap:20px 14px}.money-label{margin:22px 0 18px;align-items:center}.money-label .field-label{margin:0;padding:0;font-size:13px;font-weight:500;color:var(--muted)}.unit-picker{border:0;background:#edf2e8;border-radius:9px;padding:3px;gap:2px;flex-shrink:0}.unit-picker button{min-height:44px;background:transparent;border-radius:6px;padding:7px 13px;font-size:14px}.unit-picker button.active{background:white;color:var(--teal);font-weight:650;box-shadow:0 1px 4px #203b2d12}
  .service-rule{margin-top:9px}.service-rule>summary{padding:8px 1px;min-height:40px;color:var(--muted);font-size:12px;justify-content:flex-start;gap:9px}.service-rule .summary-plus{width:16px;height:16px}.service-rule .rule-note{font-size:13px;margin:4px 0 0;padding:10px 13px;border:0;border-radius:8px;background:#f5f7f2;line-height:2;color:var(--muted)}
  .topics,.adjustments{border-top:1px solid var(--line);margin-top:24px}.topics{padding-bottom:0}summary{min-height:54px;padding:17px 0;font-size:14px;font-weight:500;line-height:1.8}.details-body{padding-top:8px;padding-bottom:5px}.summary-plus{font-size:0;width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;transform:none!important}.summary-plus:before{content:'';width:7px;height:7px;border-right:1.7px solid #72816e;border-bottom:1.7px solid #72816e;transform:rotate(45deg);transition:transform .15s}details[open]>summary .summary-plus:before{transform:rotate(225deg)}
  .area-unit-control{max-width:none}.calculate-button{border-radius:12px;min-height:54px;font-weight:600;font-size:16px;margin-top:22px}.calculate-button:hover{background:#204e3a}.button-symbol{font-size:20px}.privacy-note{font-size:12px;margin-top:12px;color:var(--muted)}
  .secondary-button{border:1px solid #d7e0d2;border-radius:10px;min-height:48px;padding:11px 15px;font-size:14px;background:white}.secondary-button:hover{background:#f0f5eb}.item-entry{border-radius:10px;background:#f5f8f2;border-color:var(--line)}.checkbox-row{font-size:14px;min-height:44px}.checkbox-row input{border-radius:4px}
  .result-column{gap:24px;top:24px}.result-card{border-radius:16px;padding:26px;background:var(--navy);box-shadow:none}.result-top{color:#dbe7d3;font-size:13px}.result-tag{border-color:#6b8774;background:#ffffff09;border-radius:7px;font-size:12px}.result-amount{font-size:26px;line-height:1.65;font-weight:600;letter-spacing:0;margin-top:22px}.result-amount span{color:#dcebc5}.result-conversion{color:#becfbb;font-size:12px}.calculation-state{color:#dcebc5;font-size:12px}.result-divider{background:#47664e;margin:22px 0 16px}.result-line{font-size:13px;margin:12px 0;align-items:flex-start}.result-line span{color:#c3d4bd}.result-line strong{max-width:65%;text-align:left;line-height:1.9;font-weight:500}.result-foot{color:#c3d4bd;font-size:12px;border-color:#47664e;margin-top:19px;padding-top:13px}.balance{border-color:#47664e}
  .detail-panel{border:0;border-radius:0;background:transparent;padding:0 2px}.detail-panel h2{font-size:17px;font-weight:600}.breakdown-title{margin-bottom:15px}.input-summary{background:#edf2e8;color:#586d54;border:0;border-radius:10px;padding:13px 15px;font-size:12px}.calculation-breakdown{border-block:1px solid var(--line);margin-top:17px}.calculation-breakdown>summary{padding:13px 0;color:var(--ink);min-height:50px}.breakdown-rows{padding-bottom:8px}.breakdown-row{border-color:var(--line);font-size:13px;padding-block:13px}.final-row{padding-block:18px 0}.result-actions{margin-top:22px;gap:8px}.result-actions button{min-height:48px;font-size:13px}.result-actions #print-result{background:#eaf1e2;border-color:#eaf1e2;color:var(--teal);font-weight:600}.source-link{margin-top:19px}.source-label{font-size:12px}.source-icon{font-size:21px}.result-disclaimer{font-size:12px!important;color:var(--muted)!important}
  .notice.neutral{background:#edf3e5;color:#416137}.notice,.form-error{border-radius:10px}.guide-panel{line-height:2}.guide-header h2{font-size:21px}.guide-cards>div{background:#f3f7ee;border:0;border-radius:10px}.guide-cards{gap:12px}.guide-panel p,.guide-panel li{font-size:14px}.guide-panel h3{font-size:17px}th{background:#edf3e5;color:var(--teal)}tbody tr:nth-child(even){background:#f7f9f4}.table-scroll{overscroll-behavior:contain}.footer{display:block;border-color:var(--line);font-size:12px;margin-top:30px;color:var(--muted)}.footer-tariff{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 18px}.footer-copyright{font-size:13px;line-height:2;margin:12px 0 0}.footer-copyright a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:4px}.toast{border-radius:10px;font-size:14px}.eyebrow{color:var(--muted)}
  .mobile-action-bar{display:none}
}
@media screen and (max-width:767px){
  :root{background:white}.header-inner{padding:14px 20px;gap:10px}.brand{gap:9px}.brand-logo{width:42px;height:38px}.brand b{font-size:17px;font-weight:650}.brand small{font-size:12px}.year-badge{font-size:11px;gap:4px}.year-badge b{font-size:14px}.shell{padding:0 20px calc(110px + env(safe-area-inset-bottom));max-width:600px}.view-tabs{margin-bottom:24px;gap:24px}.view-tabs button{font-size:14px;padding:14px 0;min-height:50px}.calculator-grid{display:block}.input-panel{border:0;border-radius:0;padding:0}.panel-title{margin-bottom:17px}.panel-title h2{font-size:20px}.quick-services{margin-bottom:22px}.quick-services button{font-size:14px;min-height:44px;padding-inline:6px}.picker-trigger{min-height:60px}.money-label{margin-top:20px}.field-grid .field:not(.full){grid-column:1/-1}.input-unit input{font-size:18px}.result-column{position:static;scroll-margin-top:20px;border-top:1px solid var(--line);margin-top:28px;padding-top:26px;gap:23px}.result-card{padding:23px 22px}.result-amount{font-size:24px}.detail-panel{padding:0}.result-actions button{font-size:13px}.privacy-note{margin:14px 0 2px}.input-panel>.calculate-button{display:none}.footer{margin-top:28px;gap:3px}.guide-panel{border:0;padding:0;border-radius:0}.guide-header{gap:12px}.guide-header h2{font-size:20px}
  .mobile-action-bar:not([hidden]){display:flex;position:fixed;inset:auto 0 0;z-index:20;align-items:center;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dfe7d8;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.mobile-calculate{min-height:52px;flex:1;border:0;border-radius:12px;background:var(--teal);color:white;font-size:15px;font-weight:600;padding:12px 14px}.mobile-result-link{min-height:52px;border:0;background:transparent;padding:10px 8px;color:var(--teal);font-size:13px;white-space:nowrap}.mobile-result-link:disabled{color:var(--muted);opacity:.45}.toast{bottom:calc(94px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);padding:12px 18px}body:has(dialog[open]) .mobile-action-bar{display:none}input{scroll-margin-block:100px}
}
@media screen and (max-width:359px){.header-inner{padding-inline:16px}.brand small{max-width:135px;line-height:1.6}.brand b{font-size:16px}.brand-logo{width:36px;height:33px}.shell{padding-inline:16px}.view-tabs{gap:20px}.view-tabs button{font-size:13px}.quick-services button{min-width:65px;font-size:13px}.mobile-action-bar:not([hidden]){padding-inline:16px}.result-amount{font-size:24px}.money-label .field-label{max-width:145px;line-height:1.8}.unit-picker button{padding-inline:11px}}
@media screen and (min-width:768px) and (max-width:950px){.calculator-grid{gap:20px}.panel{padding:22px}.result-card{padding:23px}.result-amount{font-size:24px}}
@media print{.mobile-action-bar{display:none!important}}
