@font-face{font-family:'Janna LT Bold Web';src:local('Janna LT Bold'),local('Janna LT'),url('../assets/fonts/JannaLT-Bold.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{
  --bg:#f2eee5;--bg2:#faf8f2;--paper:#fffdf8;--panel:#ffffff;--panel2:#f7f2e8;
  --navy:#0b2f45;--navy2:#123f59;--navy3:#1a566f;--cyan:#2d91aa;--cyan-soft:#dceff2;
  --gold:#b88425;--gold2:#d4a84a;--gold-soft:#f4ead2;--text:#17313f;--muted:#6d7e86;
  --green:#28855e;--red:#b74747;--blue:#2d6fa6;--purple:#7a5ea6;--border:#d9d2c4;
  --shadow:0 12px 34px rgba(15,49,67,.10);--shadow-soft:0 5px 18px rgba(15,49,67,.07)
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8f5ed 0,#efe9dd 100%);color:var(--text);font-family:'Janna LT Bold Web','Janna LT Bold','Janna LT','Noto Kufi Arabic',Tahoma,'Segoe UI',Arial,sans-serif;min-height:100vh;direction:rtl}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh;direction:ltr}
.sidebar{background:linear-gradient(180deg,#0a2d42 0,#08283a 100%);border-right:1px solid rgba(255,255,255,.08);padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto;z-index:5;direction:rtl;box-shadow:8px 0 28px rgba(10,45,66,.08)}
.brand{display:flex;gap:12px;align-items:center;padding:6px 6px 18px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:12px}.moon-logo{width:56px;height:56px;border:1px solid rgba(212,168,74,.8);border-radius:18px;display:grid;place-items:center;color:#f1cf7d;font-size:34px;background:rgba(255,255,255,.035);box-shadow:0 10px 24px rgba(0,0,0,.13)}.brand h1{font-size:18px;margin:0;color:#f4d480;line-height:1.45}.brand small{color:#a9c2cf}.side-title{font-weight:700;color:#edcf83;padding:3px 8px 9px;font-size:12px;letter-spacing:.04em}.nav{display:grid;gap:5px}.nav button,.nav-link{border:1px solid transparent;background:rgba(255,255,255,.045);color:#e9f1f4;border-radius:10px;padding:9px 11px;text-align:right;transition:.18s;display:block;width:100%;position:relative}.nav button:after,.nav-link:after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:3px;border-radius:4px;background:transparent}.nav button:hover,.nav button.active,.nav-link:hover{border-color:rgba(212,168,74,.42);background:rgba(255,255,255,.095);color:#fff;transform:translateX(-2px)}.nav button.active:after{background:#e5bd61}.nav.secondary{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10)}.nav.secondary button,.nav.secondary .nav-link{background:rgba(0,0,0,.10);font-size:13px}.side-status{margin-top:16px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.10);font-size:12px;color:#b7cbd5;line-height:1.7}.side-clock{margin-top:7px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4bc792;box-shadow:0 0 12px rgba(75,199,146,.65);margin-left:6px}
.content{padding:24px 26px 34px;min-width:0;direction:rtl;max-width:1800px;width:100%;margin-inline:auto}.hero{position:relative;overflow:hidden;border:1px solid #d8cfbe;border-radius:20px;background:linear-gradient(118deg,#fffdf8 0,#f8f1e4 58%,#e8f4f5 100%);box-shadow:var(--shadow);padding:28px 30px;margin-bottom:14px}.hero:before{content:'';position:absolute;width:300px;height:300px;left:-120px;top:-165px;border-radius:50%;border:1px solid rgba(184,132,37,.32)}.hero:after{content:'';position:absolute;width:175px;height:175px;left:-5px;top:-95px;border-radius:50%;border:1px solid rgba(45,145,170,.22)}.hero h2{margin:0;color:var(--navy);font-size:32px;letter-spacing:-.02em}.hero p{margin:6px 0 0;color:#56717e;font-size:15px}.hero .version{display:inline-block;margin-top:12px;background:#0c354a;border:1px solid #1f5a72;padding:5px 11px;border-radius:999px;color:#f9e3a9;font-size:11px;letter-spacing:.03em}
.observatory-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.obs-item{background:rgba(255,255,255,.86);border:1px solid #ded6c8;border-radius:13px;padding:11px 13px;box-shadow:var(--shadow-soft);min-height:80px}.obs-kicker{display:block;font-family:Consolas,'Segoe UI',sans-serif;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.09em;direction:ltr;text-align:right}.obs-item strong{display:block;color:var(--navy);font-size:16px;margin:3px 0 1px}.obs-item small{color:var(--muted)}
.toolbar,.card{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.toolbar{padding:15px;margin-bottom:16px;border-top:3px solid var(--navy)}.toolbar-row{margin-top:10px}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.field label{display:block;color:#80672d;font-size:12px;font-weight:700;margin:0 3px 5px}.field input,.field select{width:100%;background:#fffefb;border:1px solid #cfc7b8;color:var(--text);padding:10px 11px;border-radius:9px;outline:none;transition:.18s}.field input:hover,.field select:hover{border-color:#aaa08e}.field input:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(45,145,170,.10)}.field.compact{min-width:96px}.field.compact input,.field.compact select{padding:7px 8px}.search-field{max-width:480px;margin-bottom:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.btn{border:1px solid #bfcbd1;background:#eef4f6;color:#173d51;padding:9px 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:.16s;box-shadow:0 2px 7px rgba(16,47,65,.06)}.btn:hover{transform:translateY(-1px);border-color:#8bb3c2}.btn.gold{background:linear-gradient(180deg,#d5aa4b,#b8872d);border-color:#a77925;color:#fff}.btn.green{background:#2e8a65;border-color:#227151;color:#fff}.btn.red{background:#b94d55;border-color:#9a3c44;color:#fff}
.panel{display:none}.panel.active{display:block;animation:panelIn .18s ease-out}@keyframes panelIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.card{padding:17px}.card h3{margin:0 0 12px;color:var(--navy);font-size:19px}.chronos-overview{display:flex;align-items:center;gap:22px;background:linear-gradient(135deg,#0a3147 0,#124c65 72%,#176b7b 100%);color:#fff;border-radius:18px;padding:20px 24px;margin-bottom:13px;box-shadow:var(--shadow);overflow:hidden;position:relative}.chronos-overview:after{content:'';position:absolute;inset:auto -70px -110px auto;width:230px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.chronos-ring{width:108px;height:108px;flex:0 0 108px;position:relative;display:grid;place-items:center}.ring-orbit{position:absolute;border-radius:50%;border:1px solid rgba(240,205,120,.65)}.orbit-a{inset:4px}.orbit-b{inset:17px;transform:rotate(58deg);border-color:rgba(115,210,223,.55)}.ring-core{width:56px;height:56px;border-radius:50%;background:#f4e5b6;color:#0b3449;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 7px rgba(255,255,255,.06)}.ring-core span{font:700 10px/1 Consolas,sans-serif;letter-spacing:.12em}.ring-core b{font-size:11px;margin-top:4px}.chronos-copy{position:relative;z-index:1}.chronos-copy .eyebrow{font:700 10px/1.3 Consolas,sans-serif;color:#98dce6;letter-spacing:.12em}.chronos-copy h3{margin:5px 0 4px;font-size:23px;color:#ffe7a7}.chronos-copy p{margin:0;color:#d3e6ec}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.stat{background:linear-gradient(180deg,#fff,#faf7f1);border:1px solid #dcd4c6;border-top:3px solid var(--cyan);border-radius:13px;padding:14px;min-height:108px;box-shadow:var(--shadow-soft)}.stat:nth-child(1){border-top-color:var(--gold)}.stat:nth-child(3){border-top-color:var(--navy3)}.stat:nth-child(4){border-top-color:var(--green)}.stat small{color:var(--muted)}.stat strong{display:block;font-size:21px;margin-top:5px;color:var(--navy)}.stat span{color:#8b6d2c;font-size:12px}.result{white-space:pre-wrap;background:#f8f6f0;border:1px solid #ddd5c7;border-radius:11px;padding:13px;line-height:1.8;color:#27424f;min-height:90px;overflow-wrap:anywhere}.notice{border-right:4px solid var(--gold);background:#fbf5e8;padding:11px 13px;border-radius:9px;color:#53636a}.notice.ok{border-right-color:var(--green);background:#eef8f3}.notice.warn{border-right-color:#d39a35;background:#fff7e8}.notice.error{border-right-color:var(--red);background:#fdf0f0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:11px;max-height:600px;background:#fff}table{width:100%;border-collapse:collapse;min-width:780px;background:#fff}th,td{padding:9px 10px;border-bottom:1px solid #e5dfd4;text-align:right;font-size:13px;vertical-align:top}th{position:sticky;top:0;background:#0f3c53;color:#f7df9d;z-index:1}tr:nth-child(even) td{background:#fcfaf5}tr:hover td{background:#eef7f8}.section-row{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:11px}.section-gap{margin-top:12px}.pill{border:1px solid #c7d2d7;background:#f2f7f8;border-radius:999px;padding:3px 8px;color:#53727f;font-size:12px}.jpl-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.kernel-list{display:grid;gap:8px;margin-top:10px}.kernel-card{border:1px solid #cbd6da;border-radius:10px;padding:10px;background:#f6fafb}.kernel-card strong{color:var(--navy)}.kernel-card .range{color:#5f737c;font-family:Consolas,monospace;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metric{background:#f8f6f0;border:1px solid #ddd5c7;border-radius:9px;padding:10px}.metric b{display:block;color:#8b6b25;font-size:12px}.metric span{font-family:Consolas,Tahoma,sans-serif;font-size:16px;color:var(--navy)}.decision-A{outline:1px solid #28a873}.decision-B{outline:1px solid #73b95f}.decision-C{outline:1px solid #d7a93e}.decision-D{outline:1px solid #d35b5b}.audit-pass{color:var(--green);font-weight:700}.audit-fail{color:var(--red);font-weight:700}.footer{color:#71828a;text-align:center;padding:22px 0 4px;font-size:12px}.mobile-menu{display:none;position:fixed;bottom:16px;left:16px;z-index:40;border-radius:50%;width:52px;height:52px;border:1px solid #b88a31;background:#0f3c53;color:#f5d27a;font-size:24px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.ltr{direction:ltr;text-align:left}.mono{font-family:Consolas,'Courier New',monospace}.muted{color:var(--muted)}.gold{color:var(--gold)}hr.sep{border:0;border-top:1px solid #dfd8cc;margin:16px 0}
@media(max-width:1200px){.shell{grid-template-columns:260px minmax(0,1fr)}.g4,.stats,.observatory-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.jpl-grid{grid-template-columns:1fr}.hero h2{font-size:27px}}
@media(max-width:820px){.shell{display:block;direction:rtl}.sidebar{position:fixed;left:0;right:auto;top:0;width:min(88vw,340px);transform:translateX(-110%);transition:.25s;box-shadow:0 0 50px rgba(0,0,0,.3);z-index:30}.sidebar.open{transform:none}.mobile-menu{display:block}.content{padding:12px}.hero{padding:20px}.hero h2{font-size:23px}.observatory-strip,.g2,.g3,.g4,.stats,.metric-grid{grid-template-columns:1fr}.actions .btn{flex:1 1 auto}.toolbar{padding:11px}.section-row{align-items:stretch;flex-direction:column}.section-row .actions{width:100%}.chronos-overview{align-items:flex-start;padding:17px}.chronos-ring{width:78px;height:78px;flex-basis:78px}.ring-core{width:44px;height:44px}.orbit-b{inset:13px}.chronos-copy h3{font-size:19px}.chronos-copy p{font-size:13px}}
@media print{.sidebar,.mobile-menu,.toolbar,.actions,.footer,.observatory-strip,.chronos-ring{display:none!important}.shell{display:block}.content{padding:0}.hero,.card,.chronos-overview{box-shadow:none;border-color:#777;background:#fff!important;color:#000}.hero h2,.card h3,.gold,.chronos-copy h3{color:#000!important}body{background:#fff;color:#000}.panel{display:block!important}.panel:not(.print-target){display:none!important}.result,.notice,.stat,.metric{background:#fff!important;color:#000;border-color:#888}.table-wrap{max-height:none;overflow:visible}table{background:#fff}th{position:static;background:#eee;color:#000}td,th{color:#000;border-color:#ccc}}

/* === IQ200 R5 PREMIUM CALENDAR UI === */
:root{--premium-blue:#1265d6;--premium-violet:#7b3ee9;--premium-mint:#16a36f;--premium-amber:#d9a22d;--premium-cream:#fffaf0;--premium-ink:#062f4a}
body{font-family:'Janna LT Bold Web','Janna LT Bold','Janna LT','Noto Kufi Arabic',Tahoma,'Segoe UI',Arial,sans-serif;background:radial-gradient(circle at 78% 0%,rgba(255,226,155,.22),transparent 28%),linear-gradient(180deg,#f9f6ee 0%,#f1ede3 100%)}
.sidebar{background:linear-gradient(180deg,#062c46 0%,#05253c 70%,#041e32 100%);border-left:1px solid rgba(229,189,97,.22)}
.brand{padding:5px 4px 18px;border-bottom:1px solid rgba(255,255,255,.11)}
.brand h1{color:#f6d26f;font-size:20px;line-height:1.45;text-shadow:0 1px 12px rgba(238,187,67,.1)}
.brand small{color:#d5e3eb}.moon-logo{width:62px;height:62px;border:1px solid rgba(233,188,78,.58);background:radial-gradient(circle at 42% 40%,#f9e8a6 0 10%,transparent 11%),linear-gradient(145deg,#0c4969,#06243c);box-shadow:inset 0 0 25px rgba(0,0,0,.26),0 0 22px rgba(231,184,74,.10);position:relative;overflow:hidden}.moon-logo span{font-size:42px;color:#f5ca65;transform:translateY(-1px)}.moon-logo:after{content:'✦  ·  ✧';position:absolute;bottom:7px;font-size:8px;color:#f7d67c;letter-spacing:3px}
.side-title{color:#f3ca61;font-size:14px;margin-top:18px}.nav{gap:5px}.nav button,.nav-link{min-height:49px;border-radius:10px;border:1px solid transparent;font-size:14px}.nav button:hover,.nav button.active,.nav-link:hover{background:linear-gradient(90deg,rgba(18,102,214,.34),rgba(255,255,255,.07));border-color:rgba(235,190,73,.55);box-shadow:inset -3px 0 0 #f3ca61}.sidebar-art{height:180px;margin:17px -16px 0;background:linear-gradient(180deg,rgba(5,38,61,.08),rgba(5,38,61,.2)),url('../assets/ui-sidebar.webp') center/cover no-repeat;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);position:relative}.sidebar-art-caption{position:absolute;bottom:8px;right:12px;color:#f6d37a;font-size:10px;letter-spacing:.08em;background:rgba(2,24,42,.64);padding:4px 8px;border-radius:99px}.side-status{margin-top:10px}
.content{padding:12px 18px 28px;max-width:1900px}.premium-hero{padding:0;min-height:248px;background:#fff;border-radius:0 0 20px 20px;overflow:hidden}.premium-hero:before,.premium-hero:after{display:none}.hero-topline{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px 6px;background:rgba(255,255,255,.94);position:relative;z-index:5;border-bottom:1px solid #ede5d7}.hero-search{width:min(440px,42vw);height:40px;background:#fff;border:1px solid #e0d9cc;border-radius:22px;box-shadow:0 5px 15px rgba(36,54,62,.08);display:flex;align-items:center;gap:8px;padding:0 15px}.hero-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;color:#4b6674}.search-icon{color:#173f59;font-size:20px}.hero-controls{display:flex;gap:9px;align-items:center}.hero-chip,.hero-icon{height:38px;border-radius:22px;background:#fff;border:1px solid #e2dbcf;box-shadow:0 3px 12px rgba(35,59,73,.08);display:grid;place-items:center;color:#0a3b58}.hero-chip{padding:0 15px;font-size:12px}.hero-icon{width:38px;font-size:18px}
.hero-main{min-height:190px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(255,248,231,.90) 54%,#fffaf0 100%),url('../assets/ui-hero.webp') left center/auto 100% no-repeat;overflow:hidden}.hero-main:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 35%,transparent 0 19%,rgba(221,167,48,.16) 19.2% 19.5%,transparent 19.8%),radial-gradient(circle at 35% 30%,transparent 0 29%,rgba(31,121,168,.13) 29.1% 29.35%,transparent 29.6%)}.hero-copy{position:relative;z-index:2;margin-right:auto;width:70%;padding:25px 34px;text-align:right}.hero-copy h2{font-size:39px;line-height:1.2;color:#062f4a;margin:0;text-shadow:0 1px 0 #fff}.hero-copy p{font-size:16px;color:#153f59;font-weight:700;margin:8px 0 2px}.hero-copy small{color:#4c7183}.hero-copy .version{margin-top:10px;background:linear-gradient(90deg,#0b3450,#0c5870);color:#ffe49d;border-color:#32748a}.hero-art{position:absolute;left:18px;bottom:8px;width:240px;height:120px;border-radius:60% 30% 50% 40%;border:1px solid rgba(217,162,45,.22);transform:rotate(-7deg)}.hero-art:before,.hero-art:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(10,83,129,.2)}.hero-art:before{width:100px;height:100px;left:40px;top:8px}.hero-art:after{width:160px;height:160px;left:8px;top:-26px}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#dda82f;box-shadow:0 0 0 3px rgba(221,168,47,.15)}.dot-a{left:16px;top:45px}.dot-b{left:120px;top:8px}.dot-c{left:205px;top:72px}
.premium-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.status-card{min-height:112px;background:#fff;border:1px solid #e0d9cc;border-radius:13px;box-shadow:0 5px 16px rgba(37,58,70,.07);padding:15px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.status-card:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;left:-34px;top:-36px;background:rgba(255,255,255,.36)}.status-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:28px;flex:0 0 auto}.status-card small{display:block;font-weight:800;font-size:13px;margin-bottom:3px}.status-card strong{display:block;color:#0b3150;font-size:21px;line-height:1.2}.status-card span{font-size:11px;color:#647d88}.status-jpl{background:linear-gradient(135deg,#f5fbff,#e8f4ff);border-color:#b9daf1}.status-jpl .status-icon{background:#dbeeff}.status-jpl small{color:#1762c4}.status-history{background:linear-gradient(135deg,#fffaf1,#fff0d1);border-color:#efd29b}.status-history .status-icon{background:#ffe8b7}.status-history small{color:#9f6016}.status-jd{background:linear-gradient(135deg,#fcf9ff,#eee5ff);border-color:#d4c2fa}.status-jd .status-icon{background:#eadcff}.status-jd small{color:#6f33c8}.status-greg{background:linear-gradient(135deg,#f6fbff,#e5f3ff);border-color:#bcdcf4}.status-greg .status-icon{background:#d9edff}.status-greg small{color:#1663c9}.status-hijri{background:linear-gradient(135deg,#f5fffb,#dcf8ec);border-color:#b6e8d2}.status-hijri .status-icon{background:#cff3e2}.status-hijri small{color:#087e51}.live-dot{position:absolute;bottom:12px;left:13px;width:10px;height:10px;border-radius:50%;background:#13ae67;box-shadow:0 0 0 4px rgba(19,174,103,.12)}
.premium-toolbar{border-top:0;padding:0 15px 13px;border-radius:14px;overflow:hidden}.toolbar-title{min-height:52px;margin:0 -15px 13px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ece5db;background:linear-gradient(180deg,#fff,#fffcf7)}.toolbar-title>div{display:flex;align-items:center;gap:8px}.toolbar-title b{font-size:19px;color:#07324e}.toolbar-title small{color:#7a8d96;margin-right:10px}.toolbar-gear{font-size:23px}.guide-link{font-size:12px;color:#1764ce;background:#edf5ff;border:1px solid #cde2fb;border-radius:8px;padding:6px 10px}.premium-toolbar .field input,.premium-toolbar .field select{height:42px;border-radius:8px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.premium-actions{align-items:center}.premium-actions .btn{height:42px;min-width:88px}.btn.violet{background:#f1eaff;color:#6531c8;border-color:#d5c2fa}.btn.blue{background:#e9f4ff;color:#1164cc;border-color:#c5def5}.calc-btn{min-width:150px!important;font-size:15px}.today-btn{background:#e9f4ff;color:#135eb8;border-color:#c1dcef}.premium-dashboard-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 8px}.premium-dashboard-head>div{display:flex;align-items:center;gap:8px}.premium-dashboard-head span{color:#e5a90d;font-size:24px}.premium-dashboard-head h3{margin:0;color:#0a3552;font-size:20px}.date-badge{font-size:12px!important;color:#1263cb!important;background:#eaf4ff;border:1px solid #c9e0f8;padding:6px 10px;border-radius:8px}.premium-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:12px}.result-zone{min-width:0}.result-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#fff;border:1px solid #ddd6c9;border-radius:13px;padding:9px;box-shadow:var(--shadow-soft)}.result-tile{min-height:164px;border-radius:10px;border:1px solid #ddd;padding:11px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 3px 12px rgba(39,59,67,.05)}.tile-top{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;margin-bottom:9px}.result-tile>strong{font-family:'Janna LT Bold Web','Janna LT Bold','Janna LT',Tahoma,sans-serif;font-size:30px;line-height:1.15;color:#0a3552}.result-tile h4{margin:5px 0 2px;font-size:14px}.result-tile small{color:#5c7681}.tile-hijri{background:linear-gradient(180deg,#effdf7,#e8f8f0);border-color:#c4ead7}.tile-hijri .tile-top,.tile-hijri h4{color:#0b8155}.tile-greg{background:linear-gradient(180deg,#eff8ff,#e6f2ff);border-color:#c7e2f6}.tile-greg .tile-top,.tile-greg h4{color:#1367d0}.tile-julian{background:linear-gradient(180deg,#f7f2ff,#efe7ff);border-color:#d9cafa}.tile-julian .tile-top,.tile-julian h4{color:#6f35d4}.tile-jd{background:linear-gradient(180deg,#fff9ed,#fff1d8);border-color:#ecd5a6}.tile-jd .tile-top,.tile-jd h4{color:#a96316}.tile-day{background:linear-gradient(180deg,#fffdf4,#fff8e5);border-color:#eadcb5}.tile-day .tile-top{color:#c27a0a}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{box-shadow:none}.dashboard-side{display:grid;grid-template-columns:1fr;gap:10px}.mini-calendar-card,.upcoming-card{background:#fff;border:1px solid #ddd6ca;border-radius:13px;box-shadow:var(--shadow-soft);padding:11px}.mini-head{display:flex;align-items:center;gap:7px;border-bottom:1px solid #ebe4d8;padding:0 2px 8px;margin-bottom:8px;color:#0b3c5a}.mini-head b{font-size:14px}.mini-head small{margin-right:auto;color:#1263c9}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:11px;text-align:center;direction:rtl}.mini-calendar span{padding:5px 2px;border-radius:7px;color:#274957}.mini-calendar .dow{color:#687e88;font-weight:700;font-size:9px}.mini-calendar .muted-day{color:#bdc2c5}.mini-calendar .today-cell{background:#1767d2;color:#fff;box-shadow:0 3px 10px rgba(23,103,210,.28);font-weight:700}.premium-events{display:grid;gap:5px}.event-row{display:grid;grid-template-columns:36px 1fr 8px;align-items:center;gap:7px;padding:6px 4px;border-bottom:1px solid #f0ece5}.event-row:last-child{border-bottom:0}.event-date{background:#f7f4ed;border-radius:7px;text-align:center;padding:4px 2px;font-weight:700;color:#675a45;font-size:10px}.event-name b{display:block;color:#123c58;font-size:11px}.event-name small{font-size:9px;color:#788b93}.event-dot{width:8px;height:8px;border-radius:50%;background:#18a85f}.event-row:nth-child(2) .event-dot{background:#e3a31d}.event-row:nth-child(3) .event-dot{background:#dd4f58}.event-row:nth-child(4) .event-dot{background:#3676dd}.events-more{width:100%;border:1px solid #b9d4e5;background:#f1f9fd;color:#145d83;border-radius:20px;padding:5px;font:inherit;font-size:10px;margin-top:5px}.science-note{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:11px;background:linear-gradient(90deg,#eaf5ff,#f5fbff);border:1px solid #cae3f5;border-radius:12px;padding:10px 14px;color:#31586e}.science-note>span{font-size:23px;color:#1473d1}.science-note p{margin:0;font-size:11px;line-height:1.7}.science-note b{color:#1763bb;font-size:11px;white-space:nowrap}
@media(max-width:1450px){.premium-dashboard-grid{grid-template-columns:1fr 340px}.status-card strong{font-size:17px}.hero-copy h2{font-size:33px}.result-tile>strong{font-size:25px}}
@media(max-width:1200px){.premium-status-grid{grid-template-columns:repeat(3,1fr)}.premium-dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.result-tiles{grid-template-columns:repeat(3,1fr)}.hero-copy{width:82%}}
@media(max-width:820px){.hero-topline{display:none}.premium-hero{min-height:auto}.hero-main{min-height:180px;background-position:left bottom}.hero-copy{width:100%;padding:22px 18px;background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,250,240,.92))}.hero-copy h2{font-size:27px}.hero-copy p{font-size:13px}.hero-art{display:none}.premium-status-grid{grid-template-columns:1fr 1fr}.premium-dashboard-grid,.dashboard-side{grid-template-columns:1fr}.result-tiles{grid-template-columns:1fr 1fr}.science-note{grid-template-columns:auto 1fr}.science-note b{grid-column:1/-1}.toolbar-title small{display:none}.guide-link{display:none}}
@media(max-width:520px){.premium-status-grid,.result-tiles,.detail-grid{grid-template-columns:1fr}.status-card{min-height:92px}.hero-copy h2{font-size:23px}.premium-dashboard-head{align-items:flex-start;gap:6px}.date-badge{font-size:10px!important}.sidebar-art{height:140px}}


/* IQ200 R6 — Arabic typography hardening: preferred Janna LT Bold */
:root{--font-ar:'Janna LT Bold Web','Janna LT Bold','Janna LT','Noto Kufi Arabic',Tahoma,'Segoe UI',Arial,sans-serif}
html[lang='ar'] body,
html[lang='ar'] button,
html[lang='ar'] input,
html[lang='ar'] select,
html[lang='ar'] textarea,
html[lang='ar'] .brand,
html[lang='ar'] .nav,
html[lang='ar'] .hero,
html[lang='ar'] .status-card,
html[lang='ar'] .toolbar,
html[lang='ar'] .card,
html[lang='ar'] .result,
html[lang='ar'] table,
html[lang='ar'] .premium-dashboard-head,
html[lang='ar'] .result-tile,
html[lang='ar'] .mini-calendar-card,
html[lang='ar'] .upcoming-card,
html[lang='ar'] .science-note{font-family:var(--font-ar)}
body{font-weight:600;line-height:1.65}
.hero h2,.brand h1,.toolbar-title b,.premium-dashboard-head h3,.card h3,.status-card strong,.result-tile>strong{font-weight:800}
.nav button,.nav-link,.btn,.field label,.field input,.field select{font-weight:700}
.hero h2{letter-spacing:0;font-size:34px}
.brand h1{font-size:20px}
.nav button,.nav-link{font-size:15px;line-height:1.55}
.field label{font-size:13px}
.field input,.field select{font-size:15px}
.btn{font-size:15px}
.status-card small{font-size:13px}.status-card strong{font-size:22px}.status-card span{font-size:12px}
.premium-dashboard-head h3{font-size:22px}.tile-top{font-size:13px}.result-tile h4{font-size:15px}.result-tile small{font-size:12px}
/* Keep scientific codes/numbers readable in Latin monospace where intended */
.mono,.kernel-card .range,.metric span,.obs-kicker,.chronos-copy .eyebrow,.ring-core span{font-family:Consolas,'Segoe UI',monospace}

/* ============================================================
   IQ200 R8 — UI HARDENING / TYPOGRAPHY & RTL ALIGNMENT
   Fixes oversized/guttered text, card overflow, select clipping,
   and keeps Janna LT Bold as the preferred Arabic face.
   ============================================================ */
:root{
  --r8-fs-body:15px;
  --r8-fs-control:14px;
  --r8-fs-label:12px;
}
html,body{overflow-x:hidden}
body{font-size:var(--r8-fs-body);font-weight:600;line-height:1.48}
.shell{grid-template-columns:300px minmax(0,1fr)}
.content{padding:18px 20px 30px;max-width:1920px}

/* Sidebar: keep readable but compact */
.brand{gap:10px;padding:5px 5px 15px}.moon-logo{width:52px;height:52px;font-size:30px;border-radius:16px}
.brand h1{font-size:18px;line-height:1.35}.brand small{font-size:11px}
.side-title{font-size:12px;padding:3px 8px 7px}
.nav{gap:5px}.nav button,.nav-link{font-size:14px;line-height:1.35;padding:10px 11px;min-height:44px;display:flex;align-items:center}
.nav.secondary button,.nav.secondary .nav-link{font-size:12.5px}

/* Hero: no submerged text */
.hero-copy h2,.hero h2{font-size:clamp(29px,2.5vw,42px);line-height:1.18;margin:0}
.hero-copy p,.hero p{font-size:14px;line-height:1.45;margin-top:6px}
.hero-copy small{font-size:12px;line-height:1.45;display:block;margin-top:4px}
.hero .version{font-size:10.5px;line-height:1.3;padding:6px 11px;white-space:normal;max-width:100%}

/* Status row: fixed hierarchy; prevent wrap collisions */
.premium-status-grid{gap:10px;align-items:stretch}
.status-card{min-height:118px;padding:13px 12px;gap:10px;min-width:0}
.status-card>div:not(.status-icon){min-width:0;max-width:100%}
.status-icon{width:50px;height:50px;font-size:24px}
.status-card small{font-size:12px;line-height:1.25;margin-bottom:4px;white-space:normal}
.status-card strong{font-size:clamp(18px,1.35vw,24px);line-height:1.12;overflow-wrap:anywhere;word-break:normal}
.status-card span{display:block;font-size:10.5px;line-height:1.35;margin-top:5px;white-space:normal}
.status-history strong,.status-jpl strong{direction:ltr;unicode-bidi:isolate}
.status-jd strong{font-family:Consolas,'Segoe UI',sans-serif;direction:ltr;unicode-bidi:isolate;font-size:clamp(17px,1.3vw,22px)}

/* Toolbar and form controls: solve clipped/submerged select values */
.premium-toolbar{padding:0 14px 14px;overflow:visible}
.toolbar-title{min-height:54px;margin:0 -14px 12px;padding:8px 14px;gap:10px}
.toolbar-title>div{min-width:0;flex-wrap:wrap}.toolbar-title b{font-size:18px;line-height:1.25}.toolbar-title small{font-size:11.5px;line-height:1.35}
.field{min-width:0}.field label{font-size:var(--r8-fs-label);line-height:1.3;margin-bottom:6px}
.field input,.field select{
  min-width:0;width:100%;height:46px!important;
  padding:7px 12px!important;
  font-size:var(--r8-fs-control)!important;
  font-weight:700;line-height:1.25!important;
  vertical-align:middle;
}
.field select{padding-inline-start:12px!important;padding-inline-end:34px!important;white-space:nowrap;text-overflow:ellipsis}
.field input.ltr{direction:ltr;text-align:left}
.premium-actions{align-items:center;gap:8px}.premium-actions .btn,.btn{min-height:42px;height:auto;font-size:14px;line-height:1.2;padding:10px 14px}
.calc-btn{font-size:14.5px!important;min-width:142px!important}
.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}

/* Dashboard heading */
.premium-dashboard-head{padding:7px 5px 9px;gap:10px}
.premium-dashboard-head h3{font-size:21px;line-height:1.25}.premium-dashboard-head span{font-size:22px}
.date-badge{font-size:11px!important;line-height:1.25;padding:6px 9px;white-space:nowrap}

/* Give results more width and prevent numerical spill */
.premium-dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}
.result-zone{min-width:0;overflow:hidden}
.result-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:9px;overflow:hidden}
.result-tile{min-width:0;min-height:168px;padding:10px 8px;overflow:hidden;justify-content:center}
.tile-top{font-size:11.5px;line-height:1.25;margin-bottom:8px;min-height:30px;align-items:center;flex-wrap:wrap}
.result-tile>strong{
  display:block;width:100%;max-width:100%;
  font-size:clamp(24px,2.0vw,31px);line-height:1.08;
  white-space:normal;overflow-wrap:anywhere;word-break:normal;
}
.result-tile h4{font-size:13px;line-height:1.3;margin:7px 0 3px;overflow-wrap:anywhere}
.result-tile small{font-size:10.5px;line-height:1.3;overflow-wrap:anywhere}
.tile-julian>strong,.tile-jd>strong{
  font-family:Consolas,'Segoe UI',Tahoma,sans-serif;
  direction:ltr;unicode-bidi:isolate;
  font-size:clamp(17px,1.4vw,24px)!important;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.tile-day>strong{font-size:clamp(22px,1.75vw,29px)}
.tile-greg>strong,.tile-hijri>strong{font-size:clamp(25px,2vw,32px)}

/* Detail boxes */
.detail-grid{gap:10px}.detail-card{min-width:0;padding:14px}.detail-card h3{font-size:17px;line-height:1.3;margin-bottom:10px}
.result{font-size:13.5px;line-height:1.75;min-height:92px;overflow-wrap:anywhere}

/* Calendar and upcoming events */
.dashboard-side{gap:10px;min-width:0}.mini-calendar-card,.upcoming-card{min-width:0;padding:10px}
.mini-head{gap:6px;padding-bottom:7px;margin-bottom:7px}.mini-head b{font-size:13px;line-height:1.3}.mini-head small{font-size:10px}
.mini-calendar{font-size:10.5px;gap:2px}.mini-calendar span{padding:5px 1px;min-width:0}.mini-calendar .dow{font-size:8.5px}
.event-row{grid-template-columns:34px minmax(0,1fr) 8px}.event-name{min-width:0}.event-name b{font-size:10.5px;line-height:1.25}.event-name small{font-size:8.5px;line-height:1.25}

/* JPL and generic metrics */
.metric{min-width:0}.metric b{font-size:11px}.metric span{font-size:14px;overflow-wrap:anywhere}
.kernel-card{overflow:hidden}.kernel-card strong,.kernel-card .range{overflow-wrap:anywhere}

/* Scientific note */
.science-note p{font-size:10.5px;line-height:1.55}.science-note b{font-size:10.5px}

/* Mid-sized desktop: preserve five result cards without collisions */
@media(max-width:1550px){
  .shell{grid-template-columns:285px minmax(0,1fr)}
  .content{padding-inline:16px}
  .premium-dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}
  .status-card{padding:12px 10px}.status-icon{width:44px;height:44px;font-size:21px}
  .status-card strong{font-size:18px}
  .result-tile>strong{font-size:25px}
  .tile-julian>strong,.tile-jd>strong{font-size:18px!important}
  .result-tile h4{font-size:12px}
}
@media(max-width:1280px){
  .premium-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .premium-dashboard-grid{grid-template-columns:1fr}
  .dashboard-side{grid-template-columns:1fr 1fr}
  .result-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:980px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .result-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .premium-status-grid{grid-template-columns:1fr 1fr}
  .dashboard-side{grid-template-columns:1fr}
  .result-tiles{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .premium-status-grid,.result-tiles,.detail-grid,.g4{grid-template-columns:1fr}
  .field input,.field select{font-size:13.5px!important}
}

/* ============================================================
   V5.5.2 — ABOUT / CV PREMIUM EXPERIENCE
   Keeps the approved Arabic font stack used by the whole program.
   ============================================================ */
.about-page{display:grid;gap:14px;font-family:var(--font-ar)}
.about-hero{position:relative;overflow:hidden;min-height:250px;border-radius:22px;padding:38px 34px;text-align:center;color:#fff;background:
radial-gradient(circle at 15% 20%,rgba(54,173,255,.28),transparent 24%),
radial-gradient(circle at 88% 18%,rgba(247,190,71,.28),transparent 22%),
linear-gradient(120deg,#052b46 0%,#074f70 48%,#092d51 100%);box-shadow:0 18px 45px rgba(5,42,70,.18);border:1px solid rgba(255,255,255,.14)}
.about-hero:before,.about-hero:after{content:'';position:absolute;border:1px solid rgba(255,218,132,.22);border-radius:50%}
.about-hero:before{width:330px;height:330px;left:-140px;top:-150px}.about-hero:after{width:240px;height:240px;right:-90px;bottom:-120px}
.about-hero-badge{display:inline-block;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,222,140,.34);color:#ffe59a;font:700 11px/1.2 Consolas,'Segoe UI',sans-serif;letter-spacing:.05em}
.about-hero h2{position:relative;margin:18px 0 6px;font-size:clamp(28px,3.3vw,48px);line-height:1.25;color:#fff}
.about-en{position:relative;margin:0;color:#d7ecff;font:700 clamp(16px,1.6vw,24px)/1.4 'Segoe UI',Arial,sans-serif}
.about-tags{position:relative;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}.about-tags span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:12px}
.about-grid.two{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.about-card,.researcher-card,.about-signature{position:relative;border:1px solid #ddd5c8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(35,54,66,.07);padding:22px;overflow:hidden}
.about-card h3{margin:0 0 12px;color:#073653;font-size:22px}.about-card p{margin:7px 0;color:#355767;font-size:14px;line-height:1.85}.about-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#eaf6ff,#fff4d6);border:1px solid #d7e2e6;font-size:23px;float:right;margin-left:10px}
.about-intro{background:linear-gradient(160deg,#fff,#f7fbff)}.about-purpose{background:linear-gradient(160deg,#fff,#fffaf0)}
.purpose-chips,.validation-pills,.skill-cloud,.tech-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.purpose-chips span,.validation-pills span,.skill-cloud span,.tech-grid span{padding:7px 11px;border-radius:999px;background:#f4f8fb;border:1px solid #dbe5eb;color:#254f65;font-size:11.5px;font-weight:800}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature-box{min-height:118px;border-radius:14px;padding:15px;border:1px solid;display:flex;flex-direction:column;gap:8px}.feature-box b{font-size:14px}.feature-box span{font-size:11.5px;line-height:1.55;color:#48636f}.f-blue{background:#eef7ff;border-color:#c7e1f6}.f-green{background:#eefbf5;border-color:#c6ead9}.f-purple{background:#f6f0ff;border-color:#ddcdf7}.f-gold{background:#fff8e9;border-color:#ead7ab}.f-red{background:#fff2f0;border-color:#f1cfca}.f-cyan{background:#eefafb;border-color:#c7e7ea}
.validation-card{background:linear-gradient(135deg,#062f4a,#0a5d78);border-color:#0d6b88;color:#fff}.validation-card h3,.validation-card p{color:#fff}.validation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.validation-kicker{font:800 10px/1.3 Consolas,'Segoe UI',sans-serif;color:#f8d47a;letter-spacing:.06em}.validation-badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,225,148,.35);color:#ffe49b;font-size:11px;font-weight:800;white-space:nowrap}.validation-pills span{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);color:#fff}
.lunar-note{background:linear-gradient(135deg,#fff9e7,#fffdf7);border-color:#ead8a7}.lunar-note h3{color:#8a5c0a}.lunar-note p{color:#5e512f}
.researcher-card{background:linear-gradient(140deg,#fff,#f6fbff 55%,#fff9eb);border-color:#cfdde5}.researcher-top{display:flex;align-items:center;gap:16px}.researcher-mark{width:74px;height:74px;flex:0 0 74px;border-radius:22px;background:linear-gradient(145deg,#063653,#0b7a91);display:grid;place-items:center;color:#ffe69c;font:800 38px/1 Georgia,serif;box-shadow:0 10px 20px rgba(5,56,81,.18)}.cv-label{color:#b78318;font-size:12px;font-weight:900}.researcher-top h2{margin:2px 0 1px;color:#07324e;font-size:30px}.researcher-top p{margin:0;color:#476b7c;font:700 13px/1.5 'Segoe UI',Arial,sans-serif}.membership-row{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.membership-row span{padding:8px 12px;border-radius:10px;background:#0b3c59;color:#fff;border:1px solid #1c607f;font-size:12px}.researcher-bio{font-size:14px!important;line-height:1.9!important;color:#355867!important}.skill-cloud span{background:#fff;border-color:#d2e0e7;color:#154d68}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.projects-grid>div{min-height:96px;border:1px solid #dce4e8;border-radius:14px;padding:14px;background:linear-gradient(160deg,#fff,#f8fbfd)}.projects-grid b{display:block;color:#083c59;font:800 13px/1.4 'Segoe UI',var(--font-ar)}.projects-grid span{display:block;margin-top:6px;color:#516c78;font-size:11.5px;line-height:1.55}.tech-card{background:linear-gradient(145deg,#faf7ff,#fff)}.tech-grid span{background:#f5f0ff;border-color:#dfd2f4;color:#573b87}
.about-signature{text-align:center;background:linear-gradient(135deg,#062d48,#0b5971);color:#fff;border-color:#0c6682}.about-signature b{display:block;color:#f6cf72;font:800 11px/1.4 Consolas,'Segoe UI',sans-serif;letter-spacing:.06em}.about-signature strong{display:block;margin:8px 0 2px;font-size:25px;color:#fff}.about-signature>span{color:#d8ebf3;font-size:12px}.about-signature .actions{justify-content:center;margin-top:16px}.about-signature .btn{background:#fff;color:#0a3b58;border-color:#d9e9ef}.about-signature .btn.gold{background:linear-gradient(180deg,#efc96b,#d8a936);color:#47320a;border-color:#c7962e}
@media(max-width:1000px){.about-grid.two,.feature-grid,.projects-grid{grid-template-columns:1fr 1fr}.validation-head{flex-direction:column}.validation-badge{white-space:normal}.researcher-top{align-items:flex-start}}
@media(max-width:680px){.about-grid.two,.feature-grid,.projects-grid{grid-template-columns:1fr}.about-hero{padding:28px 16px}.about-card,.researcher-card,.about-signature{padding:17px}.researcher-top{flex-direction:column}.researcher-top h2{font-size:24px}.membership-row{flex-direction:column}.membership-row span{text-align:center}}


/* ============================================================
   IQ200 R11 — PREMIUM VISUAL REFRESH + UNIFIED GUIDE TYPOGRAPHY
   Visual-only layer; no calendar algorithms are changed.
   ============================================================ */
body{background:
  radial-gradient(circle at 82% -8%,rgba(40,145,199,.16),transparent 26%),
  radial-gradient(circle at 48% 0%,rgba(238,184,70,.13),transparent 24%),
  linear-gradient(180deg,#fbf8f0 0%,#f1ede4 58%,#edf3f5 100%)}
.content{position:relative}
.content:before{content:'';position:fixed;inset:0 0 auto 300px;height:4px;background:linear-gradient(90deg,#0d6fa6,#d2a239,#1aa06e,#7048c7,#0d6fa6);z-index:30;pointer-events:none}
.premium-hero{border-radius:22px;border:1px solid #d8d0c0;box-shadow:0 16px 42px rgba(14,54,77,.13);margin-top:6px}
.hero-main{min-height:226px;background:
  linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,249,232,.84) 50%,rgba(255,253,247,.98) 100%),
  url('../assets/ui-hero.webp') left center/auto 112% no-repeat}
.hero-main:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.36) 70%,transparent);pointer-events:none}
.hero-copy{width:72%;padding:30px 38px}.hero-copy h2{font-size:clamp(34px,3vw,48px);text-shadow:0 2px 0 #fff,0 12px 28px rgba(8,49,73,.08)}
.hero-copy p{font-size:15px}.hero-copy small{font-size:12.5px}
.hero-quickfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;max-width:720px}
.hero-quickfacts>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid rgba(14,92,132,.14);box-shadow:0 5px 15px rgba(25,65,84,.07);backdrop-filter:blur(5px)}
.hero-quickfacts b{direction:ltr;color:#0a547d;font:800 13px/1.2 Consolas,'Segoe UI',sans-serif}.hero-quickfacts small{color:#506e7a;font-size:10px;line-height:1.35;margin:0}
.premium-status-grid{gap:12px;margin:15px 0}.status-card{border-radius:17px;min-height:122px;box-shadow:0 9px 24px rgba(26,56,72,.08);transition:.2s transform,.2s box-shadow}.status-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(26,56,72,.13)}
.status-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:currentColor;opacity:.48}.status-card .status-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 6px 12px rgba(24,57,78,.09)}
.premium-toolbar{border-radius:18px;border:1px solid #d7d0c2;box-shadow:0 12px 30px rgba(24,54,70,.09);background:rgba(255,255,255,.95)}
.toolbar-title{background:linear-gradient(90deg,#fffaf0,#fff 50%,#f4fbff);border-bottom:1px solid #e5ddd0}.toolbar-title b{font-size:20px}.toolbar-gear{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0b4e70;color:#ffe08b;box-shadow:0 6px 14px rgba(9,74,106,.15)}
.guide-link{font-family:var(--font-ar)!important;border-radius:11px;padding:8px 13px;background:linear-gradient(180deg,#f3f8ff,#e7f2ff);font-weight:800;box-shadow:0 4px 12px rgba(24,90,155,.08)}
.flow-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-2px 0 12px}.flow-strip span{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border-radius:10px;background:#f7fafb;border:1px solid #e0e7ea;color:#53707d;font-size:11px}.flow-strip i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0e5f89;color:#fff;font-style:normal;font-family:Consolas,sans-serif;font-size:11px}.flow-strip span:nth-child(2) i{background:#bd8721}.flow-strip span:nth-child(3) i{background:#17875f}
.premium-toolbar .field{padding:6px;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfaf7);border:1px solid #ebe4d8}.premium-toolbar .field label{margin-inline:6px;color:#725817}.premium-toolbar .field input,.premium-toolbar .field select{border-color:#d7d0c3;background:#fff}.premium-actions .btn{border-radius:11px;box-shadow:0 5px 13px rgba(24,54,70,.08)}.calc-btn{background:linear-gradient(135deg,#d5a63b,#bc8120)!important;box-shadow:0 7px 17px rgba(176,118,24,.18)!important}
.premium-dashboard-head{margin-top:7px;padding:11px 12px;border-radius:14px;background:linear-gradient(90deg,#083d5d,#0d6580);box-shadow:0 8px 18px rgba(8,61,93,.13)}.premium-dashboard-head h3{color:#fff}.premium-dashboard-head>div>span{color:#ffd86e}.date-badge{background:#fff!important;border-color:#d9e7ed!important;color:#0c5779!important;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.result-tiles{border-radius:18px;padding:11px;gap:10px;box-shadow:0 10px 24px rgba(24,54,70,.08)}.result-tile{position:relative;border-radius:15px;min-height:176px;transition:.2s transform,.2s box-shadow;box-shadow:0 5px 15px rgba(34,55,69,.06)}.result-tile:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(34,55,69,.12)}.result-tile:after{content:'';position:absolute;left:12px;right:12px;bottom:8px;height:3px;border-radius:99px;background:currentColor;opacity:.16}.tile-hijri{border-top:4px solid #15936a}.tile-greg{border-top:4px solid #1c75d8}.tile-julian{border-top:4px solid #7442d1}.tile-jd{border-top:4px solid #d18a1c}.tile-day{border-top:4px solid #d0a62b}
.detail-card,.mini-calendar-card,.upcoming-card{border-radius:16px;box-shadow:0 8px 20px rgba(28,55,69,.07)}.detail-card h3,.mini-head{color:#083d5d}.science-note{border-radius:15px;box-shadow:0 7px 17px rgba(25,87,126,.07)}
/* In-app guide: same font as program UI */
.guide-page,.guide-page *{font-family:var(--font-ar)!important}.guide-page{display:grid;gap:14px}.guide-hero{position:relative;overflow:hidden;padding:30px;border-radius:22px;background:linear-gradient(125deg,#062f4b,#0b6881 62%,#0a4968);color:#fff;box-shadow:0 15px 34px rgba(4,48,75,.18)}.guide-hero:after{content:'☾';position:absolute;left:35px;top:-34px;font-size:170px;color:rgba(255,220,120,.09);transform:rotate(-16deg)}.guide-badge{display:inline-block;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,221,137,.36);color:#ffe393;font-size:11px}.guide-hero h2{position:relative;margin:12px 0 7px;font-size:32px;line-height:1.3}.guide-hero p{position:relative;margin:0;color:#d9edf4;max-width:900px}.guide-actions{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.guide-card{position:relative;padding:19px;border-radius:16px;background:#fff;border:1px solid #ddd7cc;box-shadow:0 7px 19px rgba(28,57,72,.07);overflow:hidden}.guide-card:after{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#1b74ac,#d5a537)}.guide-no{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf6fb;color:#0e6088;font:800 12px/1 Consolas,sans-serif}.guide-card h3{margin:9px 0 6px;color:#073a58;font-size:18px}.guide-card p{margin:0;color:#4d6772;font-size:13px;line-height:1.8}.guide-deep{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-radius:17px;background:linear-gradient(110deg,#fff9e9,#fff,#eff8ff);border:1px solid #e0d6bd;box-shadow:0 7px 18px rgba(38,56,65,.06)}.guide-deep>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px}.guide-deep>div>span{grid-row:1/3;font-size:32px;color:#b5821e}.guide-deep h3{margin:0;color:#173f59}.guide-deep p{margin:4px 0 0;color:#61747d;font-size:12px}
.about-page,.about-page *{font-family:var(--font-ar)!important}.about-en,.researcher-top p{font-family:'Segoe UI',Arial,sans-serif!important}.projects-grid b{font-family:'Segoe UI',var(--font-ar)!important}
@media(max-width:1000px){.hero-quickfacts{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}.flow-strip{grid-template-columns:1fr}.guide-deep{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.guide-grid{grid-template-columns:1fr}.guide-hero{padding:22px 16px}.guide-hero h2{font-size:24px}.content:before{left:0}.hero-quickfacts{display:none}}


/* ============================================================
   IQ200 R12 — FIXED LEFT NAV / CENTERED NAVIGATION / CLEAN EXPORT UI
   Layout & navigation only. Calendar algorithms are unchanged.
   ============================================================ */
.export-ui,#countryCalCsv,#countryCalExcel,#eventsCsv,#searchCsv,#searchExcel,#rangeCsv,#rangeExcel{display:none!important}

/* Desktop shell: fixed full-height left navigation with mouse-wheel scrolling */
@media(min-width:821px){
  .shell{display:block!important;min-height:100vh;direction:rtl}
  .sidebar{
    position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;
    width:318px!important;height:100vh!important;z-index:60!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
    scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7892a0 #08283a;
    padding:16px 14px 22px!important;border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:10px 0 34px rgba(4,32,48,.12)!important;
  }
  .sidebar::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-track{background:#08283a}.sidebar::-webkit-scrollbar-thumb{background:#6f8d9c;border-radius:20px;border:2px solid #08283a}
  .content{margin-left:318px!important;margin-right:0!important;width:calc(100% - 318px)!important;max-width:none!important;padding:18px 22px 34px!important}
  .content:before{left:318px!important}
}

/* Sidebar polish: readable, compact, no horizontal slider */
.sidebar{direction:rtl}.sidebar .nav{gap:6px}.sidebar .nav button,.sidebar .nav-link{min-height:48px;padding:10px 12px;font-size:14px;border-radius:12px}
.sidebar .nav.secondary{padding-bottom:4px}.sidebar-art{min-height:150px}.side-status{margin-bottom:8px}

/* Hero now fills the available program canvas instead of leaving an empty field */
.premium-hero{padding:0!important;overflow:hidden!important;margin:0 0 14px!important;border-radius:22px!important}
.hero-main{
  min-height:315px!important;position:relative!important;
  background:
    linear-gradient(90deg,rgba(250,248,240,.28) 0%,rgba(255,250,238,.66) 47%,rgba(255,253,247,.91) 100%),
    url('../assets/ui-hero.webp') center center/cover no-repeat!important;
}
.hero-main:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.16));pointer-events:none}
.hero-copy{position:relative;z-index:2;width:min(82%,1120px)!important;padding:34px 42px 30px!important;margin-inline-start:auto}
.hero-copy h2{font-size:clamp(36px,3.2vw,54px)!important;line-height:1.16!important;max-width:1050px!important;text-wrap:balance}
.hero-copy p{font-size:16px!important;color:#153b51!important}.hero-copy small{font-size:13px!important;color:#506b77!important}
.hero .version{margin-top:12px!important;font-size:10.5px!important;background:#07516d!important;border-color:#0d6f8c!important;color:#ffe28b!important}
.hero-quickfacts{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:760px!important;margin-top:13px!important}
.hero-quickfacts>span{background:rgba(255,255,255,.86)!important;border-color:rgba(8,79,111,.16)!important}

/* Smart center: concise, non-sticky 3-step helper. It scrolls away naturally. */
.premium-toolbar{scroll-margin-top:24px!important}
.flow-strip{position:static!important;display:flex!important;gap:8px!important;align-items:center!important;margin:0 0 12px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none}
.flow-strip::-webkit-scrollbar{display:none}.flow-strip span{flex:1 1 0!important;min-width:180px!important;padding:8px 12px!important;border-radius:12px!important;white-space:nowrap!important}
.panel{scroll-margin-top:24px}.panel.active>.card,.panel.active>.grid,.panel.active>.about-page,.panel.active>.guide-page{scroll-margin-top:24px}

/* Navigation transitions: clearer active state and subtle focus arrival */
.nav button.active{background:linear-gradient(90deg,rgba(23,111,156,.34),rgba(255,255,255,.09))!important;border-color:#d4aa4a!important;box-shadow:inset -4px 0 0 #e6bd5a,0 7px 18px rgba(0,0,0,.10)}
.panel.active{animation:r12PanelIn .28s ease-out}@keyframes r12PanelIn{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
.section-row,.search-field,.jpl-grid .card:first-child,.about-hero,.guide-hero{scroll-margin-top:26px}

/* With export controls hidden, let calculation controls use the complete row. */
.premium-toolbar .toolbar-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.premium-toolbar .toolbar-row>.actions:not(.export-ui){grid-column:auto/span 1}

@media(max-width:1100px) and (min-width:821px){
  .sidebar{width:286px!important}.content{margin-left:286px!important;width:calc(100% - 286px)!important}.content:before{left:286px!important}
  .hero-copy{width:92%!important;padding:30px 28px!important}.hero-copy h2{font-size:clamp(33px,4vw,45px)!important}
  .hero-quickfacts{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:820px){
  .sidebar{overflow-y:auto!important;overflow-x:hidden!important;height:100dvh!important;scrollbar-width:thin}
  .content{margin:0!important;width:100%!important}
  .hero-main{min-height:240px!important;background-position:center!important;background-size:cover!important}
  .hero-copy{width:100%!important;padding:24px 18px!important;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,250,240,.80))!important}
  .hero-copy h2{font-size:clamp(26px,7.4vw,36px)!important}
  .hero-quickfacts{display:none!important}
  .flow-strip{display:none!important}
  .premium-toolbar .toolbar-row{grid-template-columns:1fr!important}
}

/* ============================================================
   IQ200 R13 — HERO LAYOUT CLEANUP ONLY
   Pure visual arrangement. No scientific/calculation logic changed.
   ============================================================ */
@media(min-width:821px){
  .premium-hero{border-radius:22px!important}
  .hero-main{
    min-height:370px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.10) 0%,rgba(255,249,234,.50) 45%,rgba(255,253,247,.90) 100%),
      url('../assets/ui-hero.webp') left center/cover no-repeat!important;
  }
  .hero-main:before{
    background:linear-gradient(90deg,rgba(244,249,250,.06) 0%,rgba(255,252,244,.28) 42%,rgba(255,255,255,.54) 72%,rgba(255,255,255,.78) 100%)!important;
  }
  .hero-copy{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:38px 42px 112px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }
  .hero-copy h2{
    width:min(920px,80%)!important;
    max-width:920px!important;
    margin:0 auto!important;
    font-size:clamp(38px,3.6vw,58px)!important;
    line-height:1.08!important;
    text-align:center!important;
    text-wrap:balance;
  }
  .hero-copy p{
    margin:12px auto 0!important;
    width:min(900px,88%)!important;
    text-align:center!important;
    font-size:16px!important;
    line-height:1.65!important;
  }
  .hero-copy>small{
    margin:5px auto 0!important;
    width:min(820px,86%)!important;
    display:block!important;
    text-align:center!important;
    line-height:1.65!important;
  }
  .hero .version{
    margin:14px auto 0!important;
    max-width:min(760px,84%)!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .hero-quickfacts{
    position:absolute!important;
    right:50%!important;
    left:auto!important;
    bottom:18px!important;
    transform:translateX(50%)!important;
    width:min(820px,82%)!important;
    max-width:820px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    z-index:5!important;
  }
  .hero-quickfacts>span{
    min-height:58px!important;
    padding:8px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:3px!important;
    text-align:center!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.90)!important;
    border:1px solid rgba(12,77,108,.16)!important;
    box-shadow:0 8px 20px rgba(21,59,79,.09)!important;
    backdrop-filter:blur(6px)!important;
  }
  .hero-quickfacts b{font-size:14px!important}
  .hero-quickfacts small{font-size:10.5px!important;line-height:1.45!important}
  .hero-art{position:absolute!important;inset:0!important;pointer-events:none!important}
}

@media(max-width:1100px) and (min-width:821px){
  .hero-main{min-height:350px!important}
  .hero-copy{padding:34px 26px 108px!important}
  .hero-copy h2{width:92%!important;font-size:clamp(34px,4.2vw,48px)!important}
  .hero-copy p{width:94%!important;font-size:14.5px!important}
  .hero-quickfacts{width:90%!important}
}

/* ============================================================
   IQ200 R14 — FINAL LAYOUT POLISH + STRONGER COLOR PRESENCE
   Layout-only refinement. No scientific or calendar logic changed.
   ============================================================ */
@media(min-width:821px){
  .premium-hero{
    border-radius:24px!important;
    overflow:hidden!important;
    margin-top:8px!important;
    box-shadow:0 16px 40px rgba(8,44,68,.12)!important;
  }
  .hero-topline{
    min-height:66px!important;
    padding:10px 22px 8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,251,244,.94))!important;
  }
  .hero-controls{gap:12px!important}
  .hero-chip,.hero-icon{
    border-color:#dbcdb2!important;
    box-shadow:0 4px 14px rgba(25,58,77,.08)!important;
  }
  .hero-chip{font-weight:800!important;color:#083c5f!important;background:#fffef9!important}
  .hero-main{
    min-height:330px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.10) 0%,rgba(255,250,241,.32) 36%,rgba(255,253,247,.84) 60%,rgba(255,254,251,.97) 100%),
      url('../assets/ui-hero.webp') left center/cover no-repeat!important;
  }
  .hero-main:before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.06) 34%,rgba(255,251,244,.40) 56%,rgba(255,255,255,.72) 78%,rgba(255,255,255,.88) 100%)!important;
    pointer-events:none!important;
  }
  .hero-copy{
    position:relative!important;
    z-index:4!important;
    width:min(64%,820px)!important;
    margin-right:auto!important;
    margin-left:0!important;
    padding:34px 42px 34px!important;
    text-align:right!important;
    align-items:flex-start!important;
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10))!important;
    backdrop-filter:none!important;
  }
  .hero-copy h2{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    font-size:clamp(34px,2.8vw,50px)!important;
    line-height:1.12!important;
    text-align:right!important;
    color:#083654!important;
    text-shadow:0 2px 0 rgba(255,255,255,.92),0 10px 22px rgba(9,55,82,.08)!important;
  }
  .hero-copy p{
    width:100%!important;
    margin:12px 0 0!important;
    font-size:17px!important;
    line-height:1.7!important;
    color:#154968!important;
    text-align:right!important;
  }
  .hero-copy>small{
    width:100%!important;
    margin:6px 0 0!important;
    font-size:13.5px!important;
    color:#577281!important;
    line-height:1.7!important;
    text-align:right!important;
  }
  .hero .version{
    margin:16px 0 0!important;
    padding:8px 16px!important;
    background:linear-gradient(90deg,#0a4567,#0b6b86)!important;
    border:1px solid #0f7898!important;
    color:#ffe49f!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:0 9px 22px rgba(11,83,117,.18)!important;
  }
  .hero-quickfacts{
    position:static!important;
    transform:none!important;
    width:min(700px,100%)!important;
    max-width:700px!important;
    margin-top:18px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .hero-quickfacts>span{
    min-height:72px!important;
    padding:11px 12px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:right!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.90)!important;
    border:1px solid rgba(12,85,121,.16)!important;
    box-shadow:0 10px 24px rgba(18,59,78,.08)!important;
  }
  .hero-quickfacts b{font-size:15px!important;color:#0a5279!important}
  .hero-quickfacts small{font-size:11px!important;line-height:1.55!important;color:#556f7b!important}
  .hero-art{opacity:.48!important;inset:auto 10px 10px auto!important;width:230px!important;height:116px!important}

  .premium-status-grid{
    margin:16px 0 14px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .status-card{
    min-height:124px!important;
    border-radius:18px!important;
    padding:14px 14px!important;
  }
  .status-card strong{font-size:clamp(18px,1.28vw,23px)!important}

  .premium-toolbar{
    margin-top:4px!important;
    border-radius:20px!important;
  }
  .toolbar-title{
    min-height:60px!important;
    padding:0 18px!important;
  }
  .toolbar-title b{font-size:22px!important}
  .flow-strip{margin:2px 0 14px!important}
}

@media(max-width:1280px) and (min-width:821px){
  .hero-copy{width:min(68%,760px)!important;padding:30px 30px 30px!important}
  .hero-copy h2{font-size:clamp(32px,3vw,44px)!important}
  .hero-copy p{font-size:15px!important}
  .premium-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:820px){
  .premium-hero{border-radius:18px!important}
  .hero-main{
    min-height:240px!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,249,240,.84)),
      url('../assets/ui-hero.webp') center/cover no-repeat!important;
  }
  .hero-copy{
    width:100%!important;
    padding:24px 18px!important;
    text-align:right!important;
    align-items:flex-start!important;
  }
  .hero-copy h2{text-align:right!important;font-size:clamp(26px,7vw,34px)!important}
  .hero-copy p,.hero-copy>small{text-align:right!important}
  .hero-quickfacts{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .hero-quickfacts>span{min-height:auto!important;text-align:right!important;align-items:flex-start!important}
}

/* ============================================================
   IQ200 R15 — LIGHT PREMIUM FINAL THEME
   Visual-only final layer. Scientific/calendar logic untouched.
   Palette approved from reference mockup: ivory/white + sand + gold.
   ============================================================ */
:root{
  --r15-ivory:#f7f3ea;
  --r15-ivory-2:#fffdf8;
  --r15-sand:#efe3cf;
  --r15-border:#e3d5bc;
  --r15-gold:#d2a03a;
  --r15-gold-deep:#b77a16;
  --r15-navy:#0b3552;
  --r15-blue:#1b73d1;
  --r15-green:#139368;
  --r15-purple:#7243d4;
  --r15-orange:#d98a14;
}
body{background:radial-gradient(circle at 84% -8%,rgba(221,178,85,.13),transparent 24%),radial-gradient(circle at 42% 0%,rgba(31,115,209,.08),transparent 20%),linear-gradient(180deg,#fbf8f1 0%,#f4efe6 58%,#f8f6f1 100%)!important}
.sidebar{background:linear-gradient(180deg,#fffdf8 0%,#f6f0e6 60%,#fbf8f1 100%)!important;border-left:1px solid var(--r15-border)!important;border-right:1px solid var(--r15-border)!important;box-shadow:10px 0 30px rgba(71,56,32,.07)!important;color:var(--r15-navy)!important}
.brand{border-bottom:1px solid #e7dac4!important;background:linear-gradient(180deg,#fffdf8,#f8f2e8)!important}.brand h1,.brand small,.sidebar h2,.sidebar h3,.sidebar b,.sidebar span{color:var(--r15-navy)!important}.brand-logo{background:#fffaf0!important;border-color:#d7ae4f!important;color:#c4881b!important;box-shadow:0 6px 15px rgba(174,119,22,.10)!important}.side-nav{background:transparent!important}.side-nav button,.sidebar button[data-panel],.sidebar .nav-btn{background:rgba(255,255,255,.82)!important;color:var(--r15-navy)!important;border:1px solid #eadfcd!important;box-shadow:0 4px 12px rgba(73,57,31,.045)!important}.side-nav button:hover,.sidebar button[data-panel]:hover,.sidebar .nav-btn:hover{background:#f8edda!important;border-color:#d9bd83!important;transform:translateX(-1px)!important}.side-nav button.active,.sidebar button[data-panel].active,.sidebar .nav-btn.active{background:linear-gradient(90deg,#fff4d9,#f8e4b5)!important;border-color:#d2a03a!important;box-shadow:inset -4px 0 0 #d2a03a,0 7px 18px rgba(181,125,23,.10)!important;color:#0b3552!important}.side-status{background:linear-gradient(180deg,#fffaf1,#f6ead5)!important;border-color:#e2cfad!important;color:#536a76!important}.side-status b,.side-status div{color:#536a76!important}.sidebar-art{opacity:.28!important;filter:saturate(.75) sepia(.08)!important}.sidebar::-webkit-scrollbar{width:10px!important}.sidebar::-webkit-scrollbar-track{background:#f3ecdf!important}.sidebar::-webkit-scrollbar-thumb{background:#d8c9b0!important;border-radius:999px!important;border:2px solid #f3ecdf!important}
.hero-topline{background:linear-gradient(180deg,#fff,#fffaf2)!important;border-bottom-color:#eadfcd!important}.hero-search{background:#fff!important;border-color:#dfd0b7!important}.hero-chip,.hero-icon{background:#fffdf8!important;border-color:#ddcfb7!important}.hero-main{background:linear-gradient(90deg,rgba(255,255,255,.10) 0%,rgba(255,250,239,.28) 36%,rgba(255,253,247,.82) 61%,rgba(255,254,251,.97) 100%),url('../assets/ui-hero.webp') left center/cover no-repeat!important}.hero-copy h2{color:var(--r15-navy)!important}.hero-copy p{color:#164963!important}.hero-copy>small{color:#637984!important}.hero .version{background:linear-gradient(90deg,#0b4f71,#0a6d86)!important;border-color:#2e8298!important;color:#ffe29a!important}.hero-quickfacts>span{background:rgba(255,253,248,.93)!important;border-color:#e0cfaf!important}.hero-quickfacts b{color:#9a6814!important}.hero-quickfacts small{color:#5d6e76!important}
.status-card{border-color:#e2d7c5!important;box-shadow:0 9px 22px rgba(67,55,35,.065)!important}.status-jpl{background:linear-gradient(135deg,#f8fbff,#e9f3ff)!important;border-color:#bfd8f1!important}.status-history{background:linear-gradient(135deg,#fffaf0,#f8e7c6)!important;border-color:#e7c58a!important}.status-jd{background:linear-gradient(135deg,#fbf8ff,#eee5ff)!important;border-color:#d1bdfa!important}.status-greg{background:linear-gradient(135deg,#f7fbff,#e5f2ff)!important;border-color:#b9d8f4!important}.status-hijri{background:linear-gradient(135deg,#f4fff9,#ddf7eb)!important;border-color:#b8e3cf!important}
.premium-toolbar,.card,.detail-card,.mini-calendar-card,.upcoming-card{background:rgba(255,253,248,.96)!important;border-color:#dfd3c0!important;box-shadow:0 10px 24px rgba(65,53,34,.06)!important}.toolbar-title{background:linear-gradient(90deg,#fffaf1,#fffdf9 50%,#f9f5ee)!important;border-bottom-color:#e7dac4!important}.toolbar-gear{background:#f5e3ba!important;color:#9e6d18!important;box-shadow:none!important}.guide-link{background:linear-gradient(180deg,#fff,#f6efe5)!important;color:#145e9b!important;border-color:#d9cbb7!important}.flow-strip span{background:#fffdf8!important;border-color:#e4dacb!important;color:#5e7078!important}.flow-strip i{background:#1a70ad!important}.flow-strip span:nth-child(2) i{background:#c28a1e!important}.flow-strip span:nth-child(3) i{background:#168761!important}.premium-toolbar .field{background:linear-gradient(180deg,#fff,#fdf9f2)!important;border-color:#ebe0ce!important}.premium-toolbar .field label{color:#936815!important}.premium-toolbar .field input,.premium-toolbar .field select{background:#fff!important;border-color:#ddcfb8!important}.calc-btn{background:linear-gradient(135deg,#d5a33b,#bd7f18)!important;border-color:#b47712!important;color:#fff!important}.today-btn{background:#eef6ff!important;color:#1264bd!important;border-color:#c7ddf2!important}
.premium-dashboard-head{background:transparent!important;box-shadow:none!important;border-bottom:1px solid #e8dcc7!important;border-radius:0!important;padding:11px 4px 9px!important}.premium-dashboard-head h3{color:var(--r15-navy)!important;font-size:21px!important}.premium-dashboard-head>div>span{color:#d4a020!important}.date-badge{background:#fff!important;border-color:#d9cbb6!important;color:#115f9f!important}
.result-tiles{background:#fffdf9!important;border-color:#e2d6c4!important;box-shadow:0 10px 24px rgba(67,55,36,.055)!important}.result-tile{border-width:1px!important;box-shadow:0 5px 13px rgba(56,48,34,.05)!important}.tile-hijri{background:linear-gradient(180deg,#f0fff8,#ddf8eb)!important;border-color:#b7e6d0!important;border-top:4px solid var(--r15-green)!important;color:var(--r15-green)!important}.tile-greg{background:linear-gradient(180deg,#f3f9ff,#e3f1ff)!important;border-color:#bad8f3!important;border-top:4px solid var(--r15-blue)!important;color:var(--r15-blue)!important}.tile-julian{background:linear-gradient(180deg,#fbf8ff,#eee5ff)!important;border-color:#d2bdfa!important;border-top:4px solid var(--r15-purple)!important;color:var(--r15-purple)!important}.tile-jd{background:linear-gradient(180deg,#fffaf0,#fff0cd)!important;border-color:#eccb8e!important;border-top:4px solid var(--r15-orange)!important;color:var(--r15-orange)!important}.tile-day{background:linear-gradient(180deg,#fffdf4,#f9efcf)!important;border-color:#ead79b!important;border-top:4px solid #d2a020!important;color:#b47d10!important}.result-tile>strong{color:#0b3552!important}.result-tile h4{color:inherit!important;font-weight:800!important}.result-tile:after{opacity:.22!important}
.result,.notice,.metric,.kernel-card{background:#fffaf2!important;border-color:#e4d7c3!important}th{background:#f3e5c9!important;color:#6f4d10!important;border-bottom:1px solid #d7c19a!important}tr:nth-child(even) td{background:#fffdf8!important}tr:hover td{background:#f7eddc!important}.events-more{background:#fffdf8!important;border-color:#d9c7a8!important;color:#125f9c!important}.science-note{background:linear-gradient(90deg,#fffaf1,#f7fbff)!important;border-color:#e0d2bb!important;color:#425f70!important}
.export-ui,#countryCalCsv,#countryCalExcel,#eventsCsv,#searchCsv,#searchExcel,#rangeCsv,#rangeExcel{display:none!important}
.guide-hero{background:linear-gradient(120deg,#fff8e9,#fffdf8 62%,#eef6ff)!important;color:var(--r15-navy)!important;border:1px solid #e0d1b8!important}.guide-hero p{color:#5b707b!important}.guide-badge{background:#f5e3b5!important;border-color:#d7b462!important;color:#8e6417!important}.guide-card{background:#fffdf8!important;border-color:#e2d5c1!important}.guide-card h3{color:var(--r15-navy)!important}.guide-deep{background:linear-gradient(110deg,#fff6e3,#fffdf8,#eef6ff)!important;border-color:#e0d1b9!important}.about-page .card,.about-page .about-card{background:#fffdf8!important;border-color:#dfd3c0!important}
@media(max-width:820px){.sidebar{background:linear-gradient(180deg,#fffdf8,#f5eee3)!important}.hero-main{background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,250,240,.82)),url('../assets/ui-hero.webp') center/cover no-repeat!important}}

/* R16: make the short-year input rule visible without changing the premium layout */
.civil-date-hint{margin:6px 8px 0;color:#617383;font-size:12px;line-height:1.7}.civil-date-hint bdi{font-family:Consolas,monospace;color:#095984;font-weight:700;direction:ltr;unicode-bidi:isolate}

/* IQ200 R17: civil-calendar conversion strip. Explicitly separate the selected
   calendar's date from the proleptic Gregorian and Julian representations. */
.conversion-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;padding:11px;border:1px solid #e4cda8;border-radius:15px;background:linear-gradient(120deg,#fffcf5,#f4f8fc)}
.conversion-cell{min-width:0;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.74);border:1px solid rgba(204,184,150,.48)}
.conversion-cell span{display:block;color:#7c6137;font-size:11px;font-weight:700;margin-bottom:5px}
.conversion-cell strong{display:block;color:#123755;font-size:13px;direction:rtl;overflow-wrap:anywhere;line-height:1.6}
.conversion-jd strong{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.conversion-explain{grid-column:1/-1;font-size:12px;font-weight:600;line-height:1.7;margin:0;color:#345875}
@media(max-width:1150px){.conversion-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.conversion-strip{grid-template-columns:1fr}.conversion-cell strong{font-size:13px}}

/* IQ200 R18 — visible, accessible Y/M/D spin controls */
.date-stepper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 2px 5px;padding:10px 12px;border:1px solid #decba8;border-radius:13px;background:linear-gradient(115deg,#fffdf8,#f2f8ff)}
.date-stepper-caption{font-size:12px;font-weight:800;color:#174a69;min-width:105px}
.date-stepper-caption small{display:block;color:#746c5c;font-size:10px;font-weight:650;margin-top:2px}
.date-stepper-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-width:300px}
.date-stepper-cell{display:flex;align-items:center;min-width:0;gap:5px;padding:4px 7px;background:#fff;border:1px solid #dcd5c9;border-radius:10px}
.date-stepper-title{font-size:11px;font-weight:800;color:#816629;white-space:nowrap}
.date-stepper-cell button{display:grid;place-items:center;min-width:29px;width:29px;height:29px;border:1px solid #d8bf89;background:#fff6dd;color:#a36c0b;border-radius:7px;cursor:pointer;font-size:12px;line-height:1;touch-action:manipulation;font-family:Arial,sans-serif}
.date-stepper-cell button:hover:not(:disabled),.date-stepper-cell button:focus-visible{background:#d4a13a;color:white;outline:2px solid #3a7dc2;outline-offset:1px}
.date-stepper-cell button:disabled{opacity:.36;cursor:not-allowed}
.date-stepper-cell output{flex:1;min-width:30px;font-size:13px;font-weight:800;direction:ltr;text-align:center;white-space:nowrap;color:#103d58;font-variant-numeric:tabular-nums}
@media(max-width:840px){.date-stepper{align-items:stretch}.date-stepper-caption{width:100%}.date-stepper-fields{min-width:0;width:100%}}
@media(max-width:530px){.date-stepper{padding:8px}.date-stepper-fields{grid-template-columns:1fr}.date-stepper-cell{justify-content:space-between}.date-stepper-cell output{max-width:100px}}

/* Converter is a half-width card; give the spin controls enough real width. */
#panel-converter .date-stepper{align-items:stretch;gap:7px}
#panel-converter .date-stepper-caption{width:100%;min-width:0}
#panel-converter .date-stepper-fields{grid-template-columns:1fr;min-width:0;width:100%}
#panel-converter .date-stepper-cell{justify-content:space-between}
#panel-converter .date-stepper-cell output{max-width:110px}


/* ============================================================
   IQ200 R19 / presentation, mobile and accessibility refinement.
   Non-invasive: historical and astronomical algorithms unchanged.
   ============================================================ */
:root{--r19-ink:#0d3448;--r19-bronze:#b8872d;--r19-edge:#e5dac8;--r19-bg:#f6f3ed}
html{scroll-padding-top:24px}
body{background:radial-gradient(circle at 72% -20%,#fffaf0 0,transparent 46%),linear-gradient(160deg,#f8f6f1,#efeae1)!important;line-height:1.65}
button,select,input{transition:border-color .16s,box-shadow .16s,background-color .16s}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #247ca9!important;outline-offset:2px!important}
button:disabled{cursor:not-allowed}
/* Streamlined navigation while preserving the complete feature list. */
.sidebar{background:linear-gradient(180deg,#fffefa,#f5f0e7)!important}
.sidebar .brand{background:linear-gradient(115deg,#fffefb,#faf4e8)!important;padding:11px 8px 16px!important;border-radius:15px;margin-bottom:12px!important}
.sidebar .brand h1{font-size:19px!important}
.sidebar .nav{gap:4px!important}
.sidebar .nav button,.sidebar .nav-link{min-height:43px!important;padding:8px 12px!important;font-size:13.5px!important;line-height:1.35!important;border-radius:11px!important;box-shadow:none!important}
.sidebar .nav button.active{background:linear-gradient(90deg,#fff1d3,#fff9ed)!important;border-color:#ddb563!important;color:#114364!important;box-shadow:inset -3px 0 0 #bd841d!important}
.sidebar .nav button:hover:not(.active){background:#eff5f9!important;border-color:#cee0e8!important;transform:none!important}
.sidebar .side-title{font-size:11px!important;letter-spacing:0!important}
.sidebar .side-status{font-size:11.5px!important;line-height:1.7!important}
/* Hero: make purpose legible without overwhelming the workspace. */
.premium-hero{border-radius:20px!important;border-color:#e5d8c1!important;box-shadow:0 8px 26px rgba(32,52,66,.08)!important}
.hero-topline{min-height:54px!important;height:auto!important;padding:8px 18px!important}
.hero-controls .hero-icon{display:none!important}
.hero-main{min-height:252px!important}
.hero-main:before{pointer-events:none}
.hero-copy{padding-top:23px!important;padding-bottom:22px!important}
.hero-copy h2{font-size:clamp(28px,2.65vw,43px)!important;line-height:1.35!important;letter-spacing:0!important}
.hero-copy p{font-size:14px!important;line-height:1.6!important}
.hero-copy>small{font-size:12px!important;line-height:1.6!important}
.hero-quickfacts{margin-top:12px!important;gap:8px!important}
.hero-quickfacts>span{min-height:58px!important;padding:8px 11px!important;border-radius:12px!important}
.hero-quickfacts b{font-size:14px!important}
.hero-quickfacts small{font-size:10px!important;line-height:1.5!important}
.hero .version{font-size:11px!important;letter-spacing:.01em!important}
/* Summary cards have one typographic hierarchy and truthful states. */
.premium-status-grid{gap:10px!important;margin-top:15px!important}
.status-card{min-width:0!important;min-height:115px!important;padding:14px!important;gap:9px!important;align-items:center!important;border-radius:16px!important;overflow:hidden!important}
.status-card .status-icon{width:45px!important;height:45px!important;flex-basis:45px!important;font-size:23px!important}
.status-card>div:nth-child(2){min-width:0!important;flex:1!important}
.status-card small{font-size:11px!important;line-height:1.5!important;margin-bottom:4px!important}
.status-card strong{font-size:clamp(16px,1.25vw,21px)!important;line-height:1.4!important;overflow-wrap:anywhere!important;unicode-bidi:plaintext}
.status-card span{display:block!important;font-size:10.5px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.status-jpl[data-jpl-state="unchecked"] .live-dot,.status-jpl[data-jpl-state="unavailable"] .live-dot{background:#95a4af!important;box-shadow:0 0 0 4px rgba(149,164,175,.18)!important}
.status-jpl[data-jpl-state="checking"] .live-dot,.status-jpl[data-jpl-state="available"] .live-dot{background:#cb9632!important;box-shadow:0 0 0 4px rgba(203,150,50,.18)!important}
/* A clear calculation form with strong labels and wide hit targets. */
.premium-toolbar{border-radius:19px!important;padding:0 18px 15px!important}
.toolbar-title{margin:0 -18px 13px!important;padding:10px 18px!important;min-height:58px!important;gap:10px;flex-wrap:wrap}
.toolbar-title b{font-size:20px!important}
.toolbar-title small{font-size:11px!important}
.premium-toolbar .grid.g4{gap:11px!important}
.premium-toolbar .field{padding:10px!important;border-radius:12px!important}
.premium-toolbar .field label{font-size:12px!important;color:#79531e!important;margin-bottom:6px!important}
.premium-toolbar .field input,.premium-toolbar .field select{font-size:14px!important;height:45px!important;padding:9px 12px!important;border-radius:10px!important;color:#09354f!important}
#mainDate{direction:ltr!important;text-align:left!important;font-family:Consolas,monospace!important;font-weight:700!important;letter-spacing:.03em!important;font-size:16px!important}
.civil-date-hint{line-height:1.8!important;font-size:11.5px!important;margin:7px 5px!important}
.premium-toolbar .toolbar-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(220px,1fr)!important;align-items:end}
.premium-actions .btn{min-height:44px!important}
.calc-btn{flex:1!important;min-width:120px!important}
/* Date steppers: vertical up/down pair beside centered value in each of 3 cells. */
.date-stepper{align-items:center!important;gap:14px!important;padding:10px 12px!important;background:linear-gradient(105deg,#fffefb,#f3f8fc)!important;border-color:#dacaa9!important;border-radius:13px!important}
.date-stepper-caption{font-size:12px!important;min-width:115px!important}
.date-stepper-caption small{color:#6c7b83!important;line-height:1.5!important;font-size:10px!important}
.date-stepper-fields{gap:9px!important}
.date-stepper-cell{display:grid!important;grid-template-columns:auto minmax(42px,1fr) 30px!important;grid-template-rows:21px 21px!important;gap:0 7px!important;min-height:55px!important;padding:5px 9px!important;border-radius:11px!important}
.date-stepper-title{grid-area:1/1/3/2;font-size:12px!important;align-self:center!important}
.date-stepper-cell output{grid-area:1/2/3/3!important;align-self:center!important;max-width:none!important;text-align:center!important;font-size:15px!important;color:#0d3d5c!important}
.date-stepper-cell button{min-width:28px!important;width:28px!important;height:20px!important;padding:0!important;font-size:11px!important;line-height:1!important;border-radius:5px!important}
.date-stepper-cell button[data-delta="1"]{grid-area:1/3/2/4}
.date-stepper-cell button[data-delta="-1"]{grid-area:2/3/3/4}
/* Read the selected timeline as a scientific reference, not an undifferentiated text box. */
.conversion-strip{margin-top:14px!important;padding:13px!important;gap:10px!important;border:1px solid #d7c4a4!important;border-radius:15px!important;background:linear-gradient(115deg,#fffcf6,#f5f9fc)!important}
.conversion-cell{padding:12px!important;min-height:85px!important;background:#fff!important;border:1px solid #e4d9c7!important;border-radius:11px!important}
.conversion-cell span{font-size:11px!important;line-height:1.5!important;color:#765e39!important}
.conversion-cell strong{font-size:14px!important;line-height:1.7!important;font-variant-numeric:tabular-nums;word-break:normal!important}
.conversion-origin{border-right:3px solid #b58329!important;background:#fffaf0!important}
.conversion-jd{border-right:3px solid #7563bf!important}
.conversion-jd strong{font-size:18px!important;color:#4c328f!important;text-align:center!important}
.conversion-explain{padding:10px 12px!important;border-radius:9px!important;background:rgba(22,89,121,.05)!important;margin:0!important;font-size:12px!important;color:#325668!important}
/* Result tables and components */
.premium-dashboard-head{align-items:center!important;gap:14px!important;flex-wrap:wrap!important}
.date-badge{max-width:100%!important;white-space:normal!important;text-align:right!important}
.result-tile{min-width:0!important;border-radius:13px!important}
.result-tile>strong{overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums}
.card,.mini-calendar-card,.upcoming-card,.detail-card{border-radius:16px!important}
.result,.notice{line-height:1.9!important}
/* Responsive range and mobile-first readability */
@media(min-width:821px){
  .sidebar{width:292px!important}
  .content{margin-left:292px!important;width:calc(100% - 292px)!important;padding:17px 22px 34px!important}
  .content:before{left:292px!important}
}
@media(max-width:1420px) and (min-width:821px){
  .premium-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero-copy{width:80%!important}
  .hero-copy h2{font-size:clamp(27px,3vw,36px)!important}
}
@media(max-width:1120px) and (min-width:821px){
  .premium-toolbar .grid.g4:not(.toolbar-row){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-toolbar .toolbar-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-toolbar .toolbar-row>.actions{grid-column:1/-1!important}
  .date-stepper{align-items:stretch!important}
  .date-stepper-caption{width:100%!important}
  .date-stepper-fields{min-width:0!important;width:100%!important}
  .premium-dashboard-grid{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  .content{padding:10px 12px 22px!important}
  .hero-main{min-height:235px!important;background-size:cover!important}
  .hero-copy{padding:23px 16px!important}
  .hero-copy h2{font-size:clamp(24px,5vw,32px)!important;max-width:100%!important}
  .hero-copy p{font-size:12.5px!important}
  .hero-quickfacts{display:none!important}
  .premium-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .status-card{min-height:112px!important;padding:11px!important;gap:7px!important}
  .status-card .status-icon{width:35px!important;height:35px!important;flex-basis:35px!important;font-size:19px!important}
  .status-card strong{font-size:16px!important}
  .status-card small{font-size:10.5px!important}
  .status-card span{font-size:10px!important}
  .premium-toolbar{padding:0 10px 12px!important}
  .toolbar-title{margin:0 -10px 12px!important;padding:10px!important}
  .toolbar-title b{font-size:18px!important}
  .premium-toolbar .grid.g4,.premium-toolbar .toolbar-row{grid-template-columns:1fr!important}
  .premium-toolbar .field{padding:8px!important}
  .date-stepper-fields{width:100%!important;min-width:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .date-stepper-cell{grid-template-columns:1fr 24px!important;grid-template-rows:18px 26px 20px!important;gap:1px 4px!important;padding:5px!important}
  .date-stepper-title{grid-area:1/1/2/3!important;text-align:center!important;font-size:11px!important}
  .date-stepper-cell output{grid-area:2/1/4/2!important;align-self:center!important;min-width:0!important;max-width:none!important;font-size:12px!important}
  .date-stepper-cell button{width:22px!important;min-width:22px!important}
  .date-stepper-cell button[data-delta="1"]{grid-area:2/2/3/3!important}
  .date-stepper-cell button[data-delta="-1"]{grid-area:3/2/4/3!important}
  .conversion-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .conversion-cell{min-height:90px!important}
  .premium-dashboard-grid{grid-template-columns:1fr!important}
  .result-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:470px){
  .hero-topline{padding:8px!important}.hero-search{width:100%!important}
  .hero-controls{display:none!important}
  .hero-main{min-height:190px!important}
  .hero-copy{width:100%!important;padding:18px 12px!important}
  .hero-copy h2{font-size:24px!important}
  .hero-copy>small{display:none!important}
  .premium-status-grid{grid-template-columns:1fr 1fr!important}
  .status-card{min-height:104px!important;display:block!important}
  .status-card .status-icon{display:none!important}
  .status-card strong{font-size:15px!important}
  .status-card span{font-size:9.5px!important}
  .status-history strong{font-size:14px!important}
  .date-stepper{padding:8px!important}
  .date-stepper-caption{font-size:11px!important}
  .conversion-strip{grid-template-columns:1fr!important}
  .conversion-cell{min-height:70px!important}
  .result-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .result-tile{min-height:132px!important;padding:8px!important}
  .result-tile>strong{font-size:24px!important}
  .date-badge{font-size:11px!important}
  .premium-actions .btn{flex:1!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.sidebar,.mobile-menu,.hero-controls,.date-stepper{display:none!important}.content{margin:0!important;width:100%!important;padding:0!important}.conversion-strip,.result-tiles{break-inside:avoid!important}}

/* =========================================================
   IQ200 R20 — refined reference-layout presentation.
   Presentation-only layer; calculations remain R19/R18.
   ========================================================= */
:root{--ui-navy:#072e47;--ui-navy-2:#0a5167;--ui-gold:#b77e23;--ui-ink:#12364d;--ui-soft:#faf7f1;--ui-border:#e8dece}
body{color:var(--ui-ink)!important;background:#f6f3ec!important}
.content{max-width:1880px!important}
/* Logo/navigation: fixed visual rhythm. */
.sidebar{align-self:start!important;top:0!important;scrollbar-gutter:stable!important;padding:12px 13px 18px!important}
.sidebar .brand{min-height:78px!important;margin:0 0 10px!important;padding:10px 7px!important;border:1px solid #e9ddca!important}
.brand .moon-logo{height:50px!important;width:50px!important;min-width:50px!important;border-radius:15px!important}
.sidebar .brand h1{font-size:20px!important;line-height:1.45!important}
.sidebar .brand small{font-size:10px!important;line-height:1.35!important;display:block!important}
.sidebar .nav button{min-height:44px!important;border-radius:11px!important;border:1px solid #eadfcc!important;background:#fff!important;padding:9px 11px!important;font-weight:750!important;line-height:1.55!important}
.sidebar .nav button.active{background:linear-gradient(100deg,#fff1d2,#fff9ec)!important;border-color:#cf9e45!important}
.sidebar .nav.secondary{margin-top:9px!important;padding-top:9px!important}
/* Masthead: restore astronomical background without compromising text legibility. */
.premium-hero{border-radius:19px!important;box-shadow:0 14px 30px rgba(12,50,67,.09)!important}
.hero-topline{min-height:51px!important;padding:6px 17px!important;background:#fffdf9!important}
.hero-search{box-shadow:none!important;height:36px!important}
.hero-main{min-height:245px!important;background:linear-gradient(270deg,rgba(255,253,247,.98) 0%,rgba(255,252,245,.94) 36%,rgba(255,250,240,.50) 62%,rgba(255,255,255,.04) 100%),url('../assets/ui-hero.webp') left center/cover no-repeat!important}
.hero-main:before{background:none!important}
.hero-copy{width:68%!important;margin:0!important;padding:24px 30px!important;text-align:right!important}
.hero-copy h2{font-size:clamp(24px,2.3vw,37px)!important;line-height:1.32!important;max-width:720px!important;text-wrap:balance}
.hero-copy p{font-size:13px!important;max-width:720px!important;color:#26546a!important}
.hero-copy>small{font-size:11px!important;color:#416575!important}
.hero-copy .version{padding:4px 13px!important;font-size:11px!important;background:#073d57!important;letter-spacing:0!important}
.hero-quickfacts{max-width:710px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.hero-quickfacts>span{min-width:0!important;min-height:56px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1.3!important;padding:7px 10px!important;box-shadow:0 3px 9px rgba(37,51,63,.04)!important}
.hero-quickfacts b{font-size:14px!important}
.hero-quickfacts small{font-size:10px!important}
/* Status summary: consistent cards, restrained signifiers, no false JPL verification. */
.premium-status-grid{gap:10px!important;margin:12px 0 15px!important;align-items:stretch!important}
.status-card{min-height:115px!important;border-radius:15px!important;padding:13px 12px!important;box-shadow:0 4px 12px rgba(16,51,70,.045)!important;transform:none!important}
.status-card:hover{transform:none!important;box-shadow:0 6px 16px rgba(16,51,70,.08)!important}
.status-card .status-icon{width:43px!important;height:43px!important;flex:0 0 43px!important;font-size:21px!important}
.status-card>div:nth-child(2){min-width:0!important}
.status-card small{font-size:11px!important;line-height:1.45!important}
.status-card strong{font-size:clamp(15px,1.3vw,20px)!important;line-height:1.5!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums}
.status-card span{font-size:10px!important;line-height:1.5!important;display:block!important}
.status-jpl[data-jpl-state="unchecked"]{border-color:#d3dce1!important}
.status-jpl[data-jpl-state="unchecked"] .status-icon{filter:grayscale(.8);opacity:.75}
.status-jpl[data-jpl-state="unchecked"] .live-dot{background:#9aa7b3!important;box-shadow:0 0 0 3px #edf1f3!important}
/* Form and date controls. */
.premium-toolbar{border:1px solid #e7dac8!important;border-radius:17px!important;background:#fffdfa!important;box-shadow:0 8px 22px rgba(43,52,54,.045)!important;margin-bottom:17px!important}
.toolbar-title{background:linear-gradient(90deg,#fffdf8,#fdf8ee)!important;min-height:57px!important}
.toolbar-title b{font-size:21px!important;line-height:1.4!important}
.toolbar-title small{color:#587281!important;font-size:12px!important}
.toolbar-gear{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f7e7c5!important;color:#885b17!important;font-size:20px!important}
.flow-strip{border-radius:10px!important;overflow:hidden!important}
.premium-toolbar .grid.g4{gap:10px!important}
.premium-toolbar .field label{font-size:12px!important;color:#765323!important}
.premium-toolbar .field select,.premium-toolbar .field input{background:#fff!important;border:1px solid #decfb9!important;border-radius:10px!important;min-height:47px!important;color:#123e55!important}
.premium-toolbar .field select:focus,.premium-toolbar .field input:focus{border-color:#16799c!important;box-shadow:0 0 0 3px rgba(22,121,156,.12)!important}
.date-stepper{margin-top:8px!important;background:#f8fbfd!important;border-color:#e3d3b8!important;border-radius:13px!important}
.date-stepper-fields{gap:7px!important}
.date-stepper-cell{background:#fff!important;border:1px solid #e7decf!important}
.date-stepper-cell output{font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
.date-stepper-cell button{background:#fff6e4!important;border:1px solid #e1c790!important;color:#945b12!important;touch-action:manipulation!important}
.date-stepper-cell button:hover:not(:disabled){background:#fce9bd!important;border-color:#cfa041!important}
.calc-btn{background:linear-gradient(135deg,#c18b2e,#b57b21)!important;border-color:#a9701c!important;box-shadow:0 5px 13px rgba(171,111,20,.14)!important}
.today-btn{background:#edf7fc!important;border-color:#bfdaeb!important}
.civil-date-hint{background:#f7f6f1!important;border-right:3px solid #dfc89b!important;border-radius:8px!important;padding:6px 10px!important}
.conversion-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.conversion-cell{min-width:0!important;padding:13px!important}
.conversion-cell strong{font-size:13px!important}
.conversion-origin{border-right:3px solid #b58329!important}
.conversion-jd{border-right:3px solid #6850b2!important}
.conversion-jd strong{font-size:20px!important}
.conversion-explain{grid-column:1/-1!important}
/* Result hierarchy. */
.premium-dashboard-head{padding:10px 5px!important}
.premium-dashboard-head h3{font-size:19px!important}
.premium-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(280px,350px)!important;gap:13px!important}
.result-tiles{padding:10px!important;gap:8px!important;border-radius:15px!important;background:#fffdfa!important}
.result-tile{min-height:156px!important;box-shadow:none!important;padding:9px 6px!important}
.result-tile>strong{font-size:clamp(22px,1.75vw,30px)!important;line-height:1.3!important}
.result-tile h4{font-size:12px!important;overflow-wrap:anywhere!important}
.result-tile small{font-size:10px!important}
.detail-card{background:#fffefb!important;border-color:#e5d9c7!important}
.detail-card h3{font-size:16px!important}
.mini-calendar-card,.upcoming-card{border-color:#e4d6bf!important}
.mini-head{min-height:32px!important}
.science-note{background:#f1f8fc!important;border-color:#d2e5ee!important}
/* Tablet and small laptops. */
@media(min-width:821px) and (max-width:1450px){
 .hero-copy{width:78%!important}
 .premium-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .premium-dashboard-grid{grid-template-columns:1fr!important}
 .dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:821px) and (max-width:1020px){
 .hero-copy{width:95%!important}
 .hero-main{min-height:230px!important}
 .premium-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .conversion-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard-side{grid-template-columns:1fr!important}
 .result-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
 .content{padding:9px 11px 28px!important}
 .premium-hero{border-radius:15px!important}
 .hero-topline{min-height:42px!important;padding:4px 9px!important}
 .hero-search{display:none!important}
 .hero-main{min-height:220px!important;background:linear-gradient(180deg,rgba(255,253,247,.93),rgba(255,252,244,.84)),url('../assets/ui-hero.webp') center/cover no-repeat!important}
 .hero-copy{width:100%!important;padding:22px 16px!important;text-align:center!important}
 .hero-copy h2{margin:0 auto!important;font-size:clamp(23px,4.8vw,30px)!important}
 .hero-copy p{margin:9px auto 5px!important;font-size:11px!important}
 .hero-copy>small{display:none!important}
 .hero-quickfacts{display:none!important}
 .premium-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .status-card{min-height:114px!important;align-items:center!important;display:flex!important;padding:10px!important}
 .status-card .status-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:16px!important}
 .status-card strong{font-size:14px!important}
 .status-card small{font-size:10px!important}
 .toolbar-title{padding:8px 10px!important}
 .toolbar-title b{font-size:18px!important}
 .toolbar-title small{display:none!important}
 .flow-strip{gap:4px!important}
 .date-stepper-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .date-stepper-cell button{min-height:22px!important}
 .conversion-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .premium-dashboard-grid{grid-template-columns:1fr!important}
 .result-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard-side{grid-template-columns:1fr!important}
 .premium-dashboard-head h3{font-size:16px!important}
}
@media(max-width:470px){
 .premium-status-grid{gap:7px!important}
 .status-card{min-height:99px!important;display:block!important}
 .status-card .status-icon{display:none!important}
 .status-card strong{font-size:14px!important}
 .status-card span{font-size:9px!important}
 .hero-main{min-height:175px!important}
 .hero-copy{padding:21px 10px!important}
 .hero-copy h2{font-size:22px!important}
 .hero-copy .version{font-size:10px!important}
 .conversion-strip{grid-template-columns:1fr!important}
 .conversion-cell{min-height:70px!important}
 .conversion-cell strong{font-size:14px!important}
 .conversion-jd strong{font-size:19px!important}
 .date-stepper{gap:5px!important}
 .result-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .result-tile{min-height:126px!important}
 .premium-dashboard-head{align-items:start!important}
}


/* =======================================================================
 ALBAZ CALENDAR IQ200 R21: dashboard display refinements.
 CSS-only corrections: no changes to ephemerides, calendars or algorithms.
 ======================================================================= */
:root { color-scheme: light; }
.hero-main{
 background:linear-gradient(270deg,rgba(255,252,246,.97) 0%,rgba(255,252,247,.91) 33%,rgba(255,255,255,.42) 64%,rgba(255,255,255,.02) 100%),url('../assets/ui-hero.webp') left center / cover no-repeat!important;
}
.hero-copy h2 {text-shadow: 0 1px 0 rgba(255,255,255,.92)!important;}
.premium-status-grid .status-card{ min-width:0!important; }
.premium-status-grid .status-card strong{ overflow-wrap:anywhere; }
.premium-dashboard-grid .detail-grid{align-items:start!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:12px!important}
.premium-dashboard-grid .detail-grid>.detail-card{align-self:start!important;min-height:0!important}
.premium-dashboard-grid .detail-grid>.detail-card:has(#mainEvents){background:linear-gradient(180deg,#fffdf8,#fffaf1)!important}
.premium-dashboard-grid #mainEvents{min-height:0!important;white-space:pre-wrap;line-height:1.85!important}
.premium-dashboard-grid .detail-grid #mainResult{min-height:0!important}
.premium-dashboard-grid .detail-card h3{font-size:17px!important;line-height:1.5!important}
.premium-dashboard-grid .result-tile{min-width:0!important}
.premium-dashboard-grid .result-tile>strong{font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important}
.premium-dashboard-grid .result-tile small{font-size:11px!important}
.premium-dashboard-head .date-badge{white-space:normal!important}
.conversion-strip .conversion-cell strong{font-variant-numeric:tabular-nums!important}
/* Maximize density while allowing five data cards to stay on one row. */
@media(min-width:1250px){
 .premium-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}
 .premium-status-grid .status-card{padding:10px 9px!important;gap:7px!important;min-height:112px!important}
 .premium-status-grid .status-icon{width:35px!important;height:35px!important;flex:0 0 35px!important;font-size:19px!important}
 .premium-status-grid .status-card strong{font-size:clamp(14px,1.15vw,19px)!important;line-height:1.35!important}
 .premium-status-grid .status-card small{font-size:10.5px!important;line-height:1.35!important}
 .premium-status-grid .status-card span{font-size:9.5px!important}
 .premium-dashboard-grid .result-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
/* Three plus two cards, equally filled row without a blank sixth slot. */
@media(min-width:821px) and (max-width:1249px){
 .premium-status-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .premium-status-grid .status-card:nth-child(-n+3){grid-column:span 2}
 .premium-status-grid .status-card:nth-child(n+4){grid-column:span 3}
 .premium-dashboard-grid .result-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .premium-dashboard-grid .result-tile:nth-child(-n+3){grid-column:span 2}
 .premium-dashboard-grid .result-tile:nth-child(n+4){grid-column:span 3}
}
@media(max-width:1100px){
 .premium-dashboard-grid .detail-grid{grid-template-columns:1fr!important}
}
@media(max-width:820px){
 .hero-main{background:linear-gradient(180deg,rgba(255,252,247,.96),rgba(255,252,245,.82)),url('../assets/ui-hero.webp') center / cover no-repeat!important}
 .premium-dashboard-grid .detail-grid{grid-template-columns:1fr!important}
 .premium-status-grid .status-card:last-child{grid-column:1 / -1!important}
 .premium-status-grid .status-card:last-child{max-width:100%!important}
 .result-tiles .result-tile:last-child{grid-column:1 / -1!important}
 .result-tiles .result-tile{min-height:122px!important}
 .result-tiles .result-tile>strong{font-size:20px!important}
 .detail-card{padding:12px!important}
}
@media print{
 .hero-main{background:#f7f5ee!important}
 .detail-grid{break-inside:auto!important}
}

/* R22: scientific measurement clarity */
#jplMetrics .metric span{overflow-wrap:anywhere;word-break:normal;line-height:1.55}#jplDecision{white-space:pre-wrap;line-height:1.85}