.meqyasi-age{--mq-age-soft:#f4f9fd;--mq-age-soft-2:#eaf5fc;--mq-age-green:#20ad79;--mq-age-ink:#123b68}
.meqyasi-age .mq-age-shell{padding:0;overflow:hidden}
.meqyasi-age .mq-age-header{text-align:center;padding:36px 32px 26px;border-bottom:1px solid #edf3f7;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.meqyasi-age .mq-age-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--mq-green);background:#effaf6;border:1px solid #dcf4e9;border-radius:999px;padding:6px 12px}
.meqyasi-age .mq-title{margin-bottom:7px}
.meqyasi-age .mq-subtitle{max-width:680px;margin:0 auto}
.meqyasi-age .mq-age-form-wrap{max-width:830px;margin:0 auto;padding:30px 28px 32px}
.meqyasi-age .mq-age-tabs{width:270px;max-width:100%;margin:0 auto 15px;padding:4px;background:#edf4f9;border-radius:999px}
.meqyasi-age .mq-age-tabs .mq-tab{border-radius:999px;padding:10px 18px}
.meqyasi-age .mq-age-tabs .mq-tab.is-active{background:var(--mq-primary);color:#fff;box-shadow:0 6px 16px rgba(18,59,104,.16)}
.meqyasi-age .mq-age-today{text-align:center;margin:0 0 26px;color:var(--mq-muted);font-size:13px}
.meqyasi-age .mq-age-today strong{color:var(--mq-primary);font-weight:800}
.meqyasi-age .mq-age-fieldset{border:0;margin:0;padding:0}
.meqyasi-age .mq-age-fieldset-label{font-size:14px;font-weight:800;color:var(--mq-primary);margin-bottom:10px}
.meqyasi-age .mq-age-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.meqyasi-age .mq-field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.meqyasi-age .mq-field select{height:56px;border-radius:14px;background:#fff;padding-inline:16px 42px;font-weight:600;cursor:pointer}
.meqyasi-age .mq-field select:focus{border-color:var(--mq-green);box-shadow:0 0 0 3px rgba(25,169,116,.10)}
.meqyasi-age .mq-age-hijri-note{margin:10px 2px 0;font-size:12px;color:var(--mq-muted);line-height:1.8}
.meqyasi-age .mq-age-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px}
.meqyasi-age .mq-age-submit{width:auto;min-width:180px;padding-inline:28px;background:var(--mq-primary);border-radius:14px}
.meqyasi-age .mq-age-reset{min-height:52px;min-width:135px;padding:0 22px;border:1px solid var(--mq-border);border-radius:14px;background:#fff;color:var(--mq-muted);font:700 14px "Cairo",Arial,sans-serif;cursor:pointer;transition:.2s}
.meqyasi-age .mq-age-reset:hover{border-color:#bdd3e4;color:var(--mq-primary);background:#fbfdff}
.meqyasi-age .mq-age-error{margin:14px 0 0;padding:11px 14px;border-radius:12px;background:#fff6f4;border:1px solid #ffdcd4;color:#a84737;font-size:13px;font-weight:700}
.meqyasi-age .mq-age-results{padding:0 28px 34px}
.meqyasi-age .mq-age-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:26px;border-top:1px solid #edf3f7;margin-bottom:15px;color:var(--mq-primary)}
.meqyasi-age .mq-age-result-heading span{font-size:18px;font-weight:800}
.meqyasi-age .mq-age-result-heading strong{font-size:12px;color:var(--mq-muted);font-weight:600}
.meqyasi-age .mq-age-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.meqyasi-age .mq-age-stat{background:#f7fafc;border:1px solid #edf2f6;border-radius:16px;padding:17px;text-align:center}
.meqyasi-age .mq-age-stat span{display:block;color:var(--mq-muted);font-size:12px;margin-bottom:5px}
.meqyasi-age .mq-age-stat strong{display:block;color:var(--mq-primary);font-size:27px;line-height:1.25;font-weight:800;font-variant-numeric:tabular-nums}
.meqyasi-age .mq-age-stat-total strong{color:var(--mq-green)}
.meqyasi-age .mq-age-summary-card{margin-top:14px;padding:25px 20px;text-align:center;background:var(--mq-age-soft);border:1px solid #e0eef8;border-radius:18px}
.meqyasi-age .mq-age-summary-label{display:block;color:var(--mq-muted);font-size:12px;margin-bottom:7px}
.meqyasi-age .mq-age-summary-value{display:block;color:var(--mq-green);font-size:27px;line-height:1.5;font-weight:800}
.meqyasi-age .mq-age-summary-card p{margin:4px 0 0;color:var(--mq-muted);font-size:12px}
.meqyasi-age .mq-age-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.meqyasi-age .mq-age-mini-card{padding:15px 16px;border:1px solid #edf2f6;border-radius:14px;background:#fff;text-align:center}
.meqyasi-age .mq-age-mini-card span{display:block;color:var(--mq-muted);font-size:11px;margin-bottom:5px}
.meqyasi-age .mq-age-mini-card strong{color:var(--mq-primary);font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.meqyasi-age .mq-age-countdown-card{margin-top:18px;border-radius:20px;padding:24px;background:linear-gradient(135deg,#123b68 0%,#0f5276 58%,#138e79 100%);color:#fff;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:24px;box-shadow:0 12px 30px rgba(18,59,104,.16)}
.meqyasi-age .mq-age-countdown-copy span{display:block;font-size:13px;opacity:.82;margin-bottom:7px}
.meqyasi-age .mq-age-countdown-copy strong{font-size:20px;line-height:1.6;font-weight:800}
.meqyasi-age .mq-age-countdown{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:8px;direction:rtl}
.meqyasi-age .mq-age-countdown>div{min-width:62px;padding:11px 8px;border-radius:13px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);text-align:center}
.meqyasi-age .mq-age-countdown strong{display:block;font-size:22px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}
.meqyasi-age .mq-age-countdown span{display:block;margin-top:4px;font-size:10px;opacity:.78}
@media(max-width:900px){.meqyasi-age .mq-age-header{padding:30px 24px 23px}.meqyasi-age .mq-age-form-wrap{padding:26px 22px 28px}.meqyasi-age .mq-age-results{padding:0 22px 28px}.meqyasi-age .mq-age-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.meqyasi-age .mq-age-countdown-card{grid-template-columns:1fr;text-align:center}.meqyasi-age .mq-age-countdown{max-width:410px;width:100%;margin:0 auto}}
@media(max-width:650px){.meqyasi-age .mq-age-header{padding:25px 18px 20px}.meqyasi-age .mq-age-form-wrap{padding:22px 14px 24px}.meqyasi-age .mq-age-results{padding:0 14px 22px}.meqyasi-age .mq-age-date-grid{grid-template-columns:1fr;gap:9px}.meqyasi-age .mq-age-actions{display:grid;grid-template-columns:1fr 1fr}.meqyasi-age .mq-age-submit,.meqyasi-age .mq-age-reset{width:100%;min-width:0}.meqyasi-age .mq-age-result-heading{align-items:flex-start;flex-direction:column}.meqyasi-age .mq-age-extra-grid{grid-template-columns:1fr}.meqyasi-age .mq-age-countdown-card{padding:19px 14px}.meqyasi-age .mq-age-countdown{grid-template-columns:repeat(4,1fr);gap:5px}.meqyasi-age .mq-age-countdown>div{min-width:0;padding:10px 4px}.meqyasi-age .mq-age-countdown strong{font-size:18px}.meqyasi-age .mq-age-summary-value{font-size:23px}}
@media(max-width:390px){.meqyasi-age .mq-age-actions{grid-template-columns:1fr}.meqyasi-age .mq-age-stats{gap:7px}.meqyasi-age .mq-age-stat{padding:14px 8px}.meqyasi-age .mq-age-stat strong{font-size:23px}.meqyasi-age .mq-age-countdown strong{font-size:16px}.meqyasi-age .mq-age-countdown span{font-size:9px}}

/* v0.5.0 — sharing + tighter mobile framing */
.meqyasi-age .mq-age-actions.is-single{grid-template-columns:minmax(180px,320px);justify-content:center}
.meqyasi-age .mq-age-share-card{margin-top:18px;padding:20px;border:1px solid #e6eef5;border-radius:18px;background:#fbfdff}
.meqyasi-age .mq-age-share-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.meqyasi-age .mq-age-share-copy strong{color:var(--mq-primary);font-size:17px;font-weight:800}
.meqyasi-age .mq-age-share-copy span{color:var(--mq-muted);font-size:12px}
.meqyasi-age .mq-age-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;direction:rtl}
.meqyasi-age .mq-age-share-row input{height:48px;min-width:0;border:1px solid var(--mq-border);border-radius:12px;background:#fff;padding:0 13px;color:#51657a;font:600 12px "Cairo",Arial,sans-serif;direction:ltr;text-align:left;outline:none}
.meqyasi-age .mq-age-share-copy-btn,.meqyasi-age .mq-age-share-native{height:48px;border-radius:12px;padding:0 17px;font:700 13px "Cairo",Arial,sans-serif;cursor:pointer;transition:.2s}
.meqyasi-age .mq-age-share-copy-btn{border:0;background:var(--mq-primary);color:#fff}
.meqyasi-age .mq-age-share-native{border:1px solid #cfe2ee;background:#edf7f4;color:#118263}
.meqyasi-age .mq-age-share-copy-btn:hover,.meqyasi-age .mq-age-share-native:hover{transform:translateY(-1px)}
.meqyasi-age .mq-age-share-feedback{display:block;min-height:18px;margin-top:8px;color:var(--mq-green);font-size:11px;font-weight:700}
.meqyasi-age .mq-age-stats.has-three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:650px){
  .meqyasi-tool.meqyasi-age{padding-left:2px;padding-right:2px}
  .meqyasi-age .mq-age-shell{border-radius:16px}
  .meqyasi-age .mq-age-share-card{padding:15px 12px;border-radius:15px}
  .meqyasi-age .mq-age-share-copy{display:block}
  .meqyasi-age .mq-age-share-copy span{display:block;margin-top:4px;line-height:1.7}
  .meqyasi-age .mq-age-share-row{grid-template-columns:1fr 1fr}
  .meqyasi-age .mq-age-share-row input{grid-column:1/-1}
  .meqyasi-age .mq-age-share-copy-btn,.meqyasi-age .mq-age-share-native{width:100%;padding:0 8px}
  .meqyasi-age .mq-age-stats.has-three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .meqyasi-tool.meqyasi-age{padding-left:0;padding-right:0}
}
@media(min-width:901px){.meqyasi-age .mq-age-shell,.meqyasi-age .mq-age-results{width:100%;max-width:none}}