/* Scoped to tools. Static font files are declared at their actual weight. */
@font-face{font-family:Peyda;src:url('/tools/assets/native/PeydaWeb-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
.tools-root{font-family:Peyda,IranYekanUI,sans-serif;color:#173f30}
.tools-root :is(button,input,select,textarea){font-family:inherit;font-size:15px;line-height:1.8;letter-spacing:normal}
.tools-root #tool-form :is(button,input,select,textarea){font-family:Peyda,IranYekanUI,sans-serif}
.tools-root :is(p,label,td,th,small,.helper-note,.note-cell,.value-cell,.summary-card .mono,.record-block){font-family:Peyda,IranYekanUI,sans-serif;letter-spacing:normal}
.tools-root :is(.helper-note,.form-help,.result-meta,.summary-card p,.summary-card small){font-size:13px;line-height:1.95;color:#486857}
.tools-root :is(.field label,.local-form label){font-size:14px;color:#254d38}
.tools-root .data-table :is(td,th){font-size:14px;line-height:1.95}
.tools-root .data-table td.note-cell{font-size:14px;color:#486857}
.tools-root .data-table td.value-cell{font-family:Peyda,IranYekanUI,sans-serif;direction:inherit;text-align:start;font-size:14px;unicode-bidi:plaintext}
.tools-root .summary-card .mono{font-family:Peyda,IranYekanUI,sans-serif;font-size:17px;direction:ltr;unicode-bidi:plaintext;text-align:start}
.tools-root .mono{font-family:Peyda,IranYekanUI,sans-serif;unicode-bidi:plaintext}
.tools-root :is(pre.code-output,pre.raw-record,pre.json-output){font-family:ui-monospace,Consolas,monospace}
.tools-root .tool-card{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:22px;background:#fff;border:1px solid #dbe9e1;box-shadow:0 9px 30px #163c2510}
.tools-root .card-scene{display:block;aspect-ratio:8/5;background:#00200e;overflow:hidden;flex:none}
.tools-root .card-scene picture,.tools-root .card-scene img{display:block;width:100%;height:100%}
.tools-root .card-scene img{object-fit:cover;transition:transform .4s ease}
.tools-root .tool-card:hover .card-scene img{transform:scale(1.035)}
.tools-root .card-content{padding:22px;display:flex;flex:1;flex-direction:column}
.tools-root .card-content h3{font-size:19px;line-height:1.6;min-height:0}
.tools-root .card-content p{font-size:14px;line-height:1.95;margin-bottom:20px;flex:1;color:#526d5d}
.tools-root .card-content .card-cta{margin-top:auto}
.tools-root .card-mode{font-size:12px;color:#375d47;background:#eef7f1;border-radius:20px;padding:4px 10px}
.tools-root .civil-date-fields{display:block;width:100%;min-width:0}
.tools-root .date-picker{display:block;width:100%;margin:0;padding:18px;border:1px solid #d6e7dc;border-radius:18px;min-width:0}
.tools-root .date-picker legend{font-size:16px;padding:0 8px;font-weight:600;color:#1e5539}
.tools-root .date-picker-header{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}
.tools-root .date-calendar-label{flex:1;min-width:90px}
.tools-root .date-calendar-label select{margin-top:6px;display:block}
.tools-root .date-picker-header button{min-height:46px;padding:8px 13px;font-size:13px}
.tools-root .date-select-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.8fr);gap:10px;direction:rtl;align-items:end}
.tools-root .date-select-row .field{min-width:0}
.tools-root .date-select-row label{display:block;font-size:14px}
.tools-root .date-select-row select{display:block;margin-top:7px;padding:10px 9px;width:100%;min-height:48px;text-align:center;color:#133d28}
.tools-root .manual-date{margin-top:16px;padding:10px 0;border-top:1px solid #dce9e1}
.tools-root .manual-date summary{cursor:pointer;font-size:14px;color:#215f42}
.tools-root .manual-date label{display:block;margin-top:12px}
.tools-root .manual-date input{display:block;margin-top:7px;font-family:inherit!important}
.tools-root .calendar-dialog{width:min(390px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid #bdd9c7;background:#fbfefc;color:#183d2b;border-radius:23px;padding:22px;font:15px/1.8 Peyda,IranYekanUI,sans-serif}
.tools-root .calendar-dialog::backdrop{background:#00200eb3;backdrop-filter:blur(4px)}
.tools-root .calendar-dialog h3{font-size:18px;margin:0 0 18px}
.tools-root .calendar-navigation{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}
.tools-root .calendar-navigation button{padding:5px 10px;font-size:12px;min-height:36px}
.tools-root .calendar-month-title{font-size:16px;white-space:nowrap}
.tools-root .calendar-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:18px;direction:rtl}
.tools-root .calendar-weekday{text-align:center;color:#627c6c;font-size:12px;padding:4px}
.tools-root .calendar-day{background:#f0f7f3;color:#1d5437;border:1px solid transparent;border-radius:10px;min-height:38px;font-size:14px;padding:3px;cursor:pointer}
.tools-root .calendar-day[aria-pressed=true]{background:#005f3c;color:#fff;border-color:#005f3c}
.tools-root .calendar-day:focus-visible{outline:3px solid #00a86d;outline-offset:1px}
.tools-root .calendar-day:disabled{opacity:.35;cursor:default}
.tools-root .tool-utility-bar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;padding-top:16px;border-top:1px solid #dce9e1}
.tools-root .utility-dialog{width:min(780px,calc(100vw - 26px));border:1px solid #c5decf;border-radius:22px;padding:24px;background:#fff;font:15px/1.9 Peyda,IranYekanUI,sans-serif;color:#214533}
.tools-root .utility-dialog::backdrop{background:#00200eb3}
.tools-root .utility-dialog textarea{font-family:ui-monospace,Consolas,monospace;font-size:12px;direction:ltr;min-height:180px;max-height:300px}
.tools-root .embed-preview{width:100%;height:460px;border:1px solid #c9ded1;border-radius:17px;margin-top:18px;background:#f8fcf9}
.tools-root .lifecycle-panel{padding:22px;border:1px solid #c5e2d1;background:linear-gradient(135deg,#f7fcf9,#e8f7ef);border-radius:22px;margin:20px 0;display:grid;grid-template-columns:130px minmax(0,1fr);gap:23px;align-items:center}
.tools-root .lifecycle-ring{position:relative;width:128px;height:128px;display:grid;place-items:center}
.tools-root .lifecycle-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.tools-root .lifecycle-ring .ring-track{fill:none;stroke:#d3e9dc;stroke-width:7}
.tools-root .lifecycle-ring .ring-value{fill:none;stroke:#087c51;stroke-width:7;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:var(--ring-offset);animation:lifecycle-reveal .8s ease both}
.tools-root .lifecycle-ring strong{font-size:23px;color:#0c5737}
.tools-root .lifecycle-ring small{display:block;text-align:center;font-size:12px;color:#446552}
.tools-root .lifecycle-copy h4{font-size:19px;color:#174c30;margin:0 0 9px}
.tools-root .lifecycle-copy p{font-size:14px;line-height:1.95;margin:5px 0;color:#446552}
.tools-root .lifecycle-time-track{height:8px;background:#d5e8dd;border-radius:8px;overflow:hidden;margin:16px 0 8px;direction:ltr}
.tools-root .lifecycle-time-track span{display:block;height:100%;width:var(--time-progress);background:#087c51;border-radius:inherit;animation:timeline-reveal .8s ease both}
.tools-root .lifecycle-dates{display:flex;gap:20px;justify-content:space-between;font-size:12px;color:#4a6b56}
.tools-root .domain-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
.tools-root .domain-status-card{border:1px solid #d6e5dc;border-radius:15px;padding:16px;background:#fff;min-width:0}
.tools-root .domain-status-card strong{font-size:15px;display:block;line-height:1.8;color:#1e5137}
.tools-root .domain-status-card p{font-size:14px;color:#4d6e59;line-height:1.9;margin-top:7px}
.tools-root .domain-status-code{direction:ltr;display:block;text-align:left;font-size:13px;color:#37694c;overflow-wrap:anywhere;margin-bottom:8px}
.tools-root .summary-card,.tools-root .metrics .metric{animation:result-enter .25s ease both}
@keyframes result-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes lifecycle-reveal{from{stroke-dashoffset:339.3}to{stroke-dashoffset:var(--ring-offset)}}
@keyframes timeline-reveal{from{transform:scaleX(.02);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@media(max-width:760px){.tools-root .card-content{padding:20px}.tools-root :is(input,select,textarea){font-size:16px}.tools-root .data-table :is(td,th){font-size:14px}.tools-root .date-picker{padding:14px 11px}.tools-root .date-select-row{gap:7px}.tools-root .date-select-row select{padding:9px 4px;font-size:14px}.tools-root .date-picker-header{gap:8px}.tools-root .date-picker-header button{font-size:12px;padding:7px 9px}.tools-root .date-calendar-label{flex-basis:100%}.tools-root .lifecycle-panel{grid-template-columns:1fr;gap:14px;padding:18px}.tools-root .lifecycle-ring{justify-self:center}.tools-root .domain-status-grid{grid-template-columns:1fr}.tools-root .lifecycle-dates{gap:12px;font-size:12px}.tools-root .calendar-dialog{padding:17px}.tools-root .calendar-day-grid{gap:4px}}
@media(prefers-reduced-motion:reduce){.tools-root :is(.summary-card,.metrics .metric,.ring-value,.lifecycle-time-track span,.card-scene img){animation:none!important;transition:none!important;transform:none!important}}

.tools-root .calendar-grid-row{display:contents}

.tools-root .calendar-grid-cell .calendar-day{width:100%}
.lifecycle-age{display:block}.domain-age-value{display:block;font-size:clamp(1.1rem,3.5vw,1.6rem);color:#047857;margin:.6rem 0}.age-endpoints{border-block-start:2px solid #a7f3d0;padding-block-start:1rem}.iran-clock{max-width:36rem;margin-inline:auto;text-align:center}