@font-face{font-family:'BTitrBold';src:url('https://cdn.fontcdn.ir/Fonts/BTitrBold/BTitrBold.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Vazirmatn',sans-serif;background:#020617;color:white;overflow-x:hidden;width:100%;transition:background 0.3s ease,color 0.3s ease;}body.light-mode{background:#ffffff !important;color:#0f172a !important;}body.light-mode .card{background:#f8fafc !important;border-color:#e2e8f0 !important;}body.light-mode .update-box,body.light-mode .search-box,body.light-mode .install-note,body.light-mode .converter-box,body.light-mode .splash-modal{background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important;}body.light-mode .splash-box{background:rgba(248,250,252,0.72) !important;border:none !important;color:#0f172a !important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);outline-color:rgba(15,23,42,0.12);box-shadow:0 18px 45px rgba(15,23,42,0.16),inset 0 1px 0 rgba(255,255,255,0.75);}body.light-mode .detail-modal{background:rgba(255,255,255,0.95) !important;}body.light-mode .detail-box{background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important;}body.light-mode .detail-header{border-bottom-color:#e2e8f0 !important;}body.light-mode .detail-name{color:#0f172a !important;}body.light-mode .detail-chart{background:#f1f5f9 !important;}body.light-mode .stat-box{background:#f1f5f9 !important;}body.light-mode .stat-label{color:#64748b !important;}body.light-mode .stat-value{color:#0f172a !important;}body.light-mode .detail-update{color:#64748b !important;}body.light-mode .search-box::placeholder{color:#94a3b8 !important;}body.light-mode .section-title{color:#0f172a !important;}body.light-mode .footer-text,body.light-mode .footer-copy{color:#64748b !important;}body.light-mode .item-name{color:#0f172a !important;}body.light-mode .install-note{color:#166534 !important;background:rgba(22,101,52,0.1) !important;border-color:rgba(22,101,52,0.3) !important;}body.light-mode .install-note span{background:#e2e8f0 !important;color:#0f172a !important;}body.light-mode .contact-btn,body.light-mode .theme-btn,body.light-mode .converter-btn,body.light-mode .reset-converter-btn,body.light-mode .detail-close{background:#e2e8f0 !important;border-color:#cbd5e1 !important;color:#0f172a !important;}body.light-mode .contact-btn:hover,body.light-mode .theme-btn:hover,body.light-mode .converter-btn:hover,body.light-mode .reset-converter-btn:hover,body.light-mode .detail-close:hover{background:#cbd5e1 !important;}body.light-mode .swap-currency-btn{background:#22c55e !important;border:none !important;color:white !important;}body.light-mode .swap-currency-btn:hover{background:#22c55e !important;transform:scale(0.98);}body.light-mode .title-box h2{color:#0f172a !important;}body.light-mode .converter-result{background:#e2e8f0 !important;}body.light-mode .converter-input-group select,body.light-mode .converter-input-group input{background:#ffffff !important;color:#0f172a !important;border-color:#cbd5e1 !important;}.container-main{max-width:100%;width:100%;padding:0 clamp(8px,3vw,20px) clamp(8px,3vw,20px);overflow-x:hidden;}.ad-space{display:block;width:100%;overflow:hidden;flex-shrink:0;}.top-ad-space{height:.5cm;min-height:.5cm;max-height:.5cm;}.section-ad-space{height:2cm;min-height:2cm;max-height:2cm;}.ad-link{display:block;width:100%;height:100%;text-decoration:none;overflow:hidden;}.ad-media{display:none;width:100%;height:100%;object-fit:cover;object-position:center;border:0;}.card{background:#0f172a;border:1px solid #1e293b;border-radius:clamp(12px,4vw,20px);padding:clamp(10px,3vw,16px);transition:all 0.2s ease;height:100%;overflow:hidden;cursor:pointer;}.card:hover{transform:scale(0.98);border-color:#22c55e;}.section-title{font-size:clamp(20px,5vw,32px);font-weight:bold;margin-bottom:clamp(10px,2.5vw,16px);margin-top:clamp(20px,5vw,40px);}.section-title.gold-title,.section-title.crypto-title{margin-top:0;}.search-converter-row{display:flex;flex-direction:row;gap:clamp(10px,2.5vw,16px);margin-bottom:clamp(16px,4vw,24px);width:100%;}.search-wrapper{flex:1;position:relative;display:flex;align-items:center;}.search-box{background:#0f172a;border:1px solid #334155;border-radius:clamp(10px,3vw,14px);padding:clamp(12px,3.5vw,16px) clamp(12px,3.5vw,18px) clamp(12px,3.5vw,16px) clamp(40px,10vw,50px);color:white;outline:none;font-size:clamp(14px,3.8vw,18px);display:block;font-family:'BTitrBold','Vazirmatn',sans-serif;width:100%;text-align:right;}.search-box::placeholder{font-size:clamp(14px,3.8vw,18px);font-family:'BTitrBold','Vazirmatn',sans-serif;text-align:right;}.search-clear-btn{position:absolute;left:12px;background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:0.2s;opacity:0.5;}.search-clear-btn:hover{color:#ef4444;background:rgba(0,0,0,0.1);opacity:0.8;}body.light-mode .search-clear-btn{color:#9ca3af;opacity:0.6;}body.light-mode .search-clear-btn:hover{color:#ef4444;background:rgba(0,0,0,0.05);opacity:0.9;}.converter-btn{background:#1e293b;border:1px solid #334155;border-radius:clamp(10px,3vw,14px);padding:clamp(12px,3.5vw,16px) clamp(12px,3.5vw,18px);color:white;font-size:clamp(14px,3.8vw,18px);font-weight:bold;cursor:pointer;transition:0.2s;font-family:'Vazirmatn',sans-serif;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;}.converter-btn:hover{background:#334155;transform:scale(0.99);}.update-box{background:#0f172a;border:1px solid #1e293b;border-radius:clamp(10px,3vw,14px);padding:clamp(12px,3.5vw,16px);text-align:center;margin-bottom:clamp(16px,4vw,24px);color:#f8fafc;font-weight:bold;width:100%;font-size:clamp(14px,4vw,20px);}.converter-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:1000;justify-content:center;align-items:center;}body.light-mode .converter-modal{background:rgba(255,255,255,0.85);}.converter-box{background:#0f172a;border:1px solid #1e293b;border-radius:28px;padding:clamp(20px,6vw,28px);width:90%;max-width:400px;direction:rtl;transition:none;}.detail-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:1100;justify-content:center;align-items:center;direction:rtl;perspective:1400px;-webkit-perspective:1400px;}.detail-flip-card{width:92%;max-width:500px;perspective:1400px;-webkit-perspective:1400px;transform-origin:center center;will-change:transform;}.detail-flip-card.is-animating{pointer-events:none;}.detail-flip-inner{display:grid;width:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:none;}.detail-card-face{grid-area:1 / 1;width:100%;min-width:0;border-radius:32px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;}.detail-card-front{transform:none;opacity:1;pointer-events:auto;}.detail-card-brand-front{display:none !important;}.detail-card-back{display:none;align-items:center;justify-content:center;min-height:min(520px,85vh);padding:clamp(24px,7vw,38px);background:#0f172a;border:1px solid #1e293b;color:white;box-shadow:0 20px 55px rgba(0,0,0,0.38);transform:rotateY(180deg);opacity:1;pointer-events:none;}.detail-flip-card.is-open .detail-card-front{opacity:1;pointer-events:auto;}.detail-flip-card.is-open .detail-card-back{opacity:1;pointer-events:none;}.detail-brand-row{display:flex;flex-direction:row;direction:ltr;align-items:center;justify-content:center;gap:clamp(12px,4vw,20px);width:100%;}.detail-brand-copy{direction:rtl;text-align:right;min-width:0;}.detail-brand-copy h1{white-space:nowrap;}.detail-brand-copy h2{white-space:nowrap;}.detail-box{background:#0f172a;border:1px solid #1e293b;border-radius:32px;padding:clamp(20px,5vw,28px);width:100%;max-width:500px;max-height:85vh;overflow-y:auto;direction:rtl;will-change:opacity,transform;}body.light-mode .detail-card-back{background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important;box-shadow:0 20px 55px rgba(15,23,42,0.20);}.splash-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200;justify-content:center;align-items:center;direction:rtl;background:rgba(0,0,0,0.85);opacity:1;visibility:visible;transition:opacity 0.9s ease,visibility 0.9s ease;}.splash-modal.splash-fade-out{opacity:0;visibility:hidden;pointer-events:none;}body.light-mode .splash-modal{background:rgba(255,255,255,0.85);}@property --rgb-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}.splash-box{background:rgba(15,23,42,0.68);border:none;border-radius:32px;padding:32px 24px 0.5cm;width:85%;max-width:320px;text-align:center;direction:rtl;position:relative;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);outline:1px solid rgba(255,255,255,0.14);box-shadow:0 18px 45px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.08);}.splash-box::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient( from var(--rgb-border-angle),#ff004c,#ffea00,#00ff85,#00c8ff,#7a00ff,#ff004c );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:rgbBorderSpin 3s linear infinite;}@keyframes rgbBorderSpin{to{--rgb-border-angle:360deg;}}.splash-box h3{font-size:22px;margin-bottom:16px;color:#22c55e;}.splash-box p{font-size:16px;line-height:1.6;}.splash-brand{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;direction:ltr;font-size:11px;line-height:1;font-weight:700;color:#94a3b8;white-space:nowrap;margin-top:1cm;}.splash-brand span{direction:rtl;unicode-bidi:isolate;}.splash-brand-logo{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,0.25);}body.light-mode .splash-brand{color:#64748b;}.splash-spinner{width:40px;height:40px;border:4px solid #334155;border-top:4px solid #22c55e;border-radius:50%;margin:20px auto;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #334155;}.detail-name{font-size:clamp(22px,6vw,28px);font-weight:bold;display:flex;align-items:center;gap:10px;color:white;}.detail-close{background:#1e293b;border:1px solid #334155;border-radius:40px;padding:8px 16px;cursor:pointer;font-weight:bold;transition:0.2s;}.detail-close:hover{transform:scale(0.96);}.detail-price{text-align:center;margin:20px 0;}.detail-price-value{font-size:clamp(28px,8vw,48px);font-weight:bold;color:inherit;}.detail-price-symbol{font-size:clamp(18px,5vw,28px);}.detail-change{font-size:clamp(16px,4vw,20px);margin-top:8px;font-weight:bold;}.detail-chart{background:rgba(0,0,0,0.2);border-radius:20px;padding:16px;margin:16px 0;text-align:center;}.detail-chart svg{width:100%;height:auto;max-height:180px;}.stats-row{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap;}.stat-box{flex:1;background:#1e293b;border-radius:16px;padding:12px;text-align:center;min-width:100px;}.stat-label{font-size:clamp(11px,3vw,13px);opacity:0.7;margin-bottom:6px;}.stat-value{font-size:clamp(14px,4vw,18px);font-weight:bold;}.detail-update{text-align:center;font-size:clamp(10px,2.8vw,12px);opacity:0.6;margin-top:16px;}.converter-box h3{font-size:clamp(20px,6vw,24px);margin-bottom:20px;text-align:center;font-weight:bold;}.converter-input-group{margin-bottom:18px;}.converter-input-group label{display:block;margin-bottom:8px;font-size:clamp(13px,3.5vw,15px);font-weight:bold;padding-right:4px;}.converter-input-group input,.converter-input-group select{width:100%;padding:clamp(12px,3.5vw,14px);border-radius:16px;border:1px solid #334155;background:#1e293b;color:white;font-size:clamp(14px,3.8vw,16px);font-family:'Vazirmatn',sans-serif;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;}.converter-input-group select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:left 1rem center;background-size:1em;}body.light-mode .converter-input-group select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");}.swap-currency-btn{background:#22c55e !important;border:none !important;border-radius:60px;padding:clamp(10px,3vw,14px);font-size:clamp(14px,3.8vw,16px);font-weight:bold;cursor:pointer;transition:none !important;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Vazirmatn',sans-serif;width:100%;color:white !important;margin:16px 0;}.swap-currency-btn:hover{background:#22c55e !important;transform:none !important;}.swap-currency-btn:active{background:#22c55e !important;transform:none !important;}.reset-converter-btn{background:#475569;border:none;border-radius:60px;padding:clamp(10px,3vw,14px);font-size:clamp(14px,3.8vw,16px);font-weight:bold;cursor:pointer;transition:0.2s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Vazirmatn',sans-serif;flex:1;color:white;}.reset-converter-btn:hover{background:#334155;transform:scale(0.98);}body.light-mode .reset-converter-btn{background:#cbd5e1 !important;color:#0f172a !important;}.converter-result{background:#1e293b;border-radius:16px;padding:14px;margin:16px 0 20px;text-align:center;font-size:clamp(14px,4vw,17px);font-weight:bold;line-height:1.5;}.converter-buttons{display:flex;gap:12px;}.converter-buttons button{flex:1;padding:clamp(12px,3.5vw,14px);border-radius:60px;border:none;cursor:pointer;font-weight:bold;font-family:'Vazirmatn',sans-serif;font-size:clamp(14px,3.8vw,16px);}.close-converter{background:#ef4444;color:white;}.close-converter:hover{background:#dc2626;transform:scale(0.98);}.chart{width:clamp(60px,15vw,85px);height:clamp(30px,8vw,42px);display:block;flex-shrink:0;}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,3vw,16px);width:100%;}@media (min-width:640px){.price-grid{grid-template-columns:repeat(3,1fr);}}.price-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,2vw,12px);width:100%;}.price-info{flex:1;min-width:0;}.price-value{font-size:clamp(15px,4vw,23px);font-weight:bold;display:flex;align-items:baseline;flex-wrap:wrap;gap:clamp(3px,1vw,6px);word-break:break-word;line-height:1.3;}.price-value span:first-child{font-size:clamp(15px,4vw,23px);white-space:normal;word-break:break-word;}.price-symbol{font-size:clamp(11px,3vw,16px);white-space:nowrap;}.price-change{font-size:clamp(11px,3vw,14px);margin-top:clamp(2px,1vw,4px);font-weight:bold;}.change-display{display:inline-flex;direction:ltr;unicode-bidi:isolate;align-items:baseline;gap:2px;white-space:nowrap;}.price-value.gold-style{font-size:clamp(12px,3.5vw,19px);}.price-value.gold-style span:first-child{font-size:clamp(12px,3.5vw,19px);}.price-value.gold-style .price-symbol{font-size:clamp(9px,2.5vw,14px);}#gold .price-value,#gold .price-value.gold-style,#gold .price-value.ounce-gold-style{font-size:clamp(15px,4vw,23px);flex-wrap:nowrap;white-space:nowrap;word-break:normal;gap:clamp(3px,1vw,6px);line-height:1.3;}#gold .price-value span:first-child,#gold .price-value.gold-style span:first-child,#gold .price-value.ounce-gold-style span:first-child{font-size:clamp(13.4px,calc(4vw - 1.6px),21.4px);white-space:nowrap;word-break:normal;flex-shrink:0;}#gold .price-value .price-symbol,#gold .price-value.gold-style .price-symbol,#gold .price-value.ounce-gold-style .price-symbol{font-size:clamp(11px,3vw,16px);white-space:nowrap;word-break:normal;flex-shrink:0;}#crypto .price-value.shiba-style span:first-child{font-size:clamp(13.4px,calc(4vw - 1.6px),21.4px);}.item-name{font-size:clamp(14px,4vw,20px);font-weight:bold;margin-bottom:0.1cm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:white !important;}.text-green{color:#22c55e !important;}.text-red{color:#ef4444 !important;}.footer{text-align:center;margin-top:clamp(24px,6vw,48px);margin-bottom:clamp(12px,3vw,24px);}.footer p{margin:4px 0;}.footer-text{color:#9ca3af;font-size:clamp(10px,3vw,14px);}.footer-copy{color:#6b7280;font-size:clamp(9px,2.5vw,12px);}.blessing-text{text-align:center;font-size:clamp(12px,3.5vw,16px);color:#166534;margin-bottom:clamp(6px,2vw,10px);font-weight:bold;direction:rtl;}.install-note{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);border-radius:clamp(10px,3vw,14px);padding:clamp(8px,2.5vw,12px);margin-top:clamp(16px,4vw,24px);margin-bottom:clamp(20px,5vw,40px);text-align:center;font-size:clamp(11px,3vw,14px);color:#4ade80;direction:rtl;font-weight:500;font-family:'Vazirmatn',sans-serif;}.install-note span{display:inline-block;background:#1e293b;padding:clamp(3px,1.5vw,5px) clamp(8px,2.5vw,12px);border-radius:8px;margin:0 4px;font-size:clamp(10px,2.8vw,13px);color:#f8fafc;font-weight:500;font-family:'Vazirmatn',sans-serif;direction:ltr;unicode-bidi:isolate;}body.light-mode .install-note span{background:#e2e8f0 !important;color:#0f172a !important;}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,4vw,28px);gap:clamp(10px,3vw,20px);flex-wrap:wrap;}.logo-title{display:flex;align-items:center;gap:clamp(8px,2.5vw,16px);flex-wrap:wrap;cursor:pointer;}.logo-circle{width:clamp(52px,15vw,84px);height:clamp(52px,15vw,84px);border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.2);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.title-box h1{font-size:clamp(22px,7vw,40px) !important;margin-bottom:0px;line-height:1.2;}.title-box h2{font-size:clamp(12px,3.8vw,22px);margin-top:2px;color:#9ca3af;}.buttons-stack{display:flex;flex-direction:column;gap:clamp(6px,2vw,10px);}.contact-btn,.theme-btn{background:#1e293b;border:1px solid #334155;border-radius:40px;padding:clamp(5px,1.8vw,8px) clamp(10px,3vw,18px);font-size:clamp(10px,3vw,13px);font-weight:bold;cursor:pointer;transition:0.2s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:'Vazirmatn',sans-serif;white-space:nowrap;text-decoration:none;color:white;}.contact-btn:hover,.theme-btn:hover{background:#334155;transform:scale(0.98);}.install-note{position:relative;border:1px solid transparent !important;isolation:isolate;}.install-note::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient( from var(--rgb-border-angle),#ff004c,#ffea00,#00ff85,#00c8ff,#7a00ff,#ff004c );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:rgbBorderSpin 3s linear infinite;z-index:1;}body.light-mode .install-note{border-color:transparent !important;}.online-admin-modal{display:none;position:fixed;inset:0;z-index:10020;align-items:center;justify-content:center;padding:16px;background:rgba(2,6,23,0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.online-admin-box{position:relative;width:min(92vw,390px);border-radius:20px;padding:26px 22px 22px;background:rgba(15,23,42,0.88);color:#ffffff;text-align:center;box-shadow:0 20px 55px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.08);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);}.online-admin-box::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient( from var(--rgb-border-angle),#ff004c,#ffea00,#00ff85,#00c8ff,#7a00ff,#ff004c );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:rgbBorderSpin 3s linear infinite;}.online-admin-box h3{margin:0 0 16px;font-size:20px;color:#f4c542;text-shadow:0 0 14px rgba(244,197,66,0.28);}.online-code-input{width:100%;height:46px;padding:0 14px;border:1px solid #334155;border-radius:12px;outline:none;background:#0f172a;color:#ffffff;text-align:center;direction:ltr;font-family:'Vazirmatn',sans-serif;font-size:16px;}.online-code-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,0.14);}.online-admin-actions{display:flex;gap:10px;margin-top:14px;}.online-admin-actions button{flex:1;min-height:42px;border:none;border-radius:11px;font-family:'Vazirmatn',sans-serif;font-weight:700;cursor:pointer;}.online-submit-btn{background:#22c55e;color:#ffffff;}.online-close-btn{background:#334155;color:#ffffff;}.online-admin-message{min-height:24px;margin-top:13px;font-size:13px;color:#94a3b8;}.online-count-result{display:none;margin-top:14px;padding:16px;border-radius:14px;background:rgba(34,197,94,0.10);}.online-count-label{font-size:13px;color:#94a3b8;}.online-count-value{margin-top:4px;font-size:34px;line-height:1.2;font-weight:900;color:#22c55e;}body.light-mode .online-admin-box{background:rgba(248,250,252,0.90);color:#0f172a;box-shadow:0 20px 55px rgba(15,23,42,0.20),inset 0 1px 0 rgba(255,255,255,0.8);}body.light-mode .online-code-input{background:#ffffff;color:#0f172a;border-color:#cbd5e1;}body.light-mode .online-close-btn{background:#e2e8f0;color:#0f172a;}.online-admin-box .splash-brand{margin-top:0.5cm;}
/* Circular theme reveal */
::view-transition-old(root),
::view-transition-new(root){
  animation:none;
  mix-blend-mode:normal;
}
html.theme-transition-active::view-transition-new(root){
  animation:ghroozThemeCircleReveal .72s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes ghroozThemeCircleReveal{
  from{clip-path:circle(0 at var(--theme-x) var(--theme-y));}
  to{clip-path:circle(var(--theme-radius) at var(--theme-x) var(--theme-y));}
}
.theme-ripple-fallback{
  position:fixed;
  z-index:2147483646;
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(0);
  will-change:transform;
}
.theme-btn[data-animating="1"]{
  pointer-events:none;
}

/* Clickable chart hint inside price detail popup */
.detail-chart.year-chart-trigger{
  position:relative;
  cursor:pointer;
  outline:none;
  border:1px solid rgba(148,163,184,.16);
  transition:border-color .2s ease,transform .2s ease;
}
.detail-chart.year-chart-trigger:hover,
.detail-chart.year-chart-trigger:focus-visible{
  border-color:#22c55e;
  transform:scale(.995);
}
.detail-chart.year-chart-trigger::after{
  content:'لمس برای نمودار یک‌ساله';
  position:absolute;
  left:12px;
  bottom:10px;
  z-index:3;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(2,6,23,.78);
  border:1px solid rgba(148,163,184,.25);
  color:#e2e8f0;
  font-size:10px;
  line-height:1;
  pointer-events:none;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body.light-mode .detail-chart.year-chart-trigger::after{
  background:rgba(255,255,255,.9);
  color:#334155;
  border-color:#cbd5e1;
}

/* One-year chart popup */
.year-chart-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:1300;
  align-items:center;
  justify-content:center;
  padding:14px;
  background:rgba(0,0,0,.9);
  direction:rtl;
}
body.light-mode .year-chart-modal{
  background:rgba(255,255,255,.9);
}
.year-chart-box{
  width:min(96vw,820px);
  max-height:90vh;
  overflow-y:auto;
  border-radius:28px;
  padding:clamp(16px,4vw,24px);
  background:#0f172a;
  border:1px solid #1e293b;
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
body.light-mode .year-chart-box{
  background:#fff;
  border-color:#e2e8f0;
  color:#0f172a;
  box-shadow:0 24px 70px rgba(15,23,42,.2);
}
.year-chart-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid #334155;
}
body.light-mode .year-chart-header{
  border-bottom-color:#e2e8f0;
}
.year-chart-header h3{
  margin:0;
  font-size:clamp(18px,5vw,26px);
  font-weight:900;
}
.year-chart-subtitle{
  margin-top:4px;
  color:#94a3b8;
  font-size:clamp(10px,2.8vw,13px);
  line-height:1.7;
}
body.light-mode .year-chart-subtitle{
  color:#64748b;
}
.year-chart-close{
  flex-shrink:0;
  border:1px solid #334155;
  border-radius:999px;
  background:#1e293b;
  color:#fff;
  padding:8px 14px;
  font-family:'Vazirmatn',sans-serif;
  font-weight:700;
  cursor:pointer;
}
body.light-mode .year-chart-close{
  background:#e2e8f0;
  border-color:#cbd5e1;
  color:#0f172a;
}
.year-chart-loading,
.year-chart-empty{
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#94a3b8;
  font-size:14px;
}
.year-chart-container{
  width:100%;
}
.year-chart-wrap{
  position:relative;
  width:100%;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.year-chart-svg{
  display:block;
  width:100%;
  min-height:250px;
  height:auto;
  overflow:visible;
}
.year-chart-grid-line{
  stroke:rgba(148,163,184,.18);
  stroke-width:1;
}
.year-chart-month-line{
  stroke:rgba(148,163,184,.12);
  stroke-width:1;
  stroke-dasharray:4 5;
}
.year-chart-axis-label{
  fill:#94a3b8;
  font-size:11px;
  font-family:'Vazirmatn',sans-serif;
}
.year-chart-crosshair{
  stroke:#f8fafc;
  stroke-width:1;
  stroke-dasharray:4 4;
  pointer-events:none;
}
.year-chart-active-dot{
  stroke:#fff;
  stroke-width:2;
  pointer-events:none;
}
body.light-mode .year-chart-grid-line{
  stroke:rgba(100,116,139,.18);
}
body.light-mode .year-chart-month-line{
  stroke:rgba(100,116,139,.14);
}
body.light-mode .year-chart-axis-label{
  fill:#64748b;
}
body.light-mode .year-chart-crosshair{
  stroke:#0f172a;
}
.year-chart-tooltip{
  position:absolute;
  z-index:5;
  min-width:170px;
  padding:9px 11px;
  border-radius:12px;
  background:rgba(2,6,23,.95);
  border:1px solid rgba(148,163,184,.28);
  color:#fff;
  text-align:right;
  font-size:12px;
  line-height:1.75;
  box-shadow:0 10px 28px rgba(0,0,0,.32);
  pointer-events:none;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .12s ease,transform .12s ease;
  white-space:nowrap;
}
.year-chart-tooltip.visible{
  opacity:1;
  transform:translateY(0);
}
.year-chart-tooltip-date{
  color:#cbd5e1;
  font-size:11px;
}
.year-chart-tooltip-price{
  font-weight:900;
  font-size:14px;
}
.year-chart-tooltip-change{
  font-weight:700;
}
body.light-mode .year-chart-tooltip{
  background:rgba(255,255,255,.97);
  border-color:#cbd5e1;
  color:#0f172a;
  box-shadow:0 10px 28px rgba(15,23,42,.16);
}
body.light-mode .year-chart-tooltip-date{
  color:#64748b;
}
.year-chart-note{
  margin-top:10px;
  color:#94a3b8;
  font-size:11px;
  line-height:1.8;
  text-align:center;
}
body.light-mode .year-chart-note{
  color:#64748b;
}
@media(max-width:520px){
  .year-chart-modal{padding:8px;}
  .year-chart-box{width:100%;border-radius:22px;padding:14px;}
  .year-chart-header{align-items:flex-start;}
  .year-chart-close{padding:7px 11px;font-size:12px;}
  .year-chart-svg{min-height:230px;}
  .year-chart-tooltip{min-width:150px;font-size:11px;}
}

/* Requested theme refinement: content stays visible while colors reveal from the theme button. */
html{background:#020617;}body.light-mode{background:#e9eef5!important;}html.theme-transition-active body,html.theme-transition-active body *{transition:none!important;}::view-transition-image-pair(root){isolation:auto;}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;}::view-transition-old(root){z-index:1;}::view-transition-new(root){z-index:2;}html.theme-transition-active::view-transition-new(root){animation:ghroozThemeCircleReveal .76s cubic-bezier(.22,.61,.36,1) both;}@keyframes ghroozThemeCircleReveal{from{clip-path:circle(0 at var(--theme-x) var(--theme-y));}to{clip-path:circle(var(--theme-radius) at var(--theme-x) var(--theme-y));}}.theme-ripple-fallback{position:fixed;z-index:2147483646;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);will-change:transform,opacity;background:rgba(2,6,23,.12);border:2px solid rgba(34,197,94,.72);box-shadow:0 0 0 12px rgba(34,197,94,.08),0 0 36px rgba(34,197,94,.28);}.theme-ripple-fallback[data-target-theme="light"]{background:rgba(233,238,245,.18);border-color:rgba(226,232,240,.94);box-shadow:0 0 0 12px rgba(255,255,255,.10),0 0 36px rgba(255,255,255,.30);}body.light-mode .converter-modal,body.light-mode .detail-modal,body.light-mode .year-chart-modal,body.light-mode .online-admin-modal,body.light-mode .splash-modal{background:rgba(226,232,240,.82)!important;}body.light-mode .year-chart-box,body.light-mode .converter-box,body.light-mode .detail-box{background:#f8fafc!important;}
/* Range selector, exact price labels, and shared popup motion. */
.year-chart-ranges{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 14px;padding:4px;border-radius:16px;background:#1e293b;border:1px solid #334155;overflow:hidden;direction:rtl;}.year-chart-range-btn{min-width:0;min-height:42px;border:0;border-left:1px solid rgba(148,163,184,.22);background:transparent;color:#cbd5e1;font-family:'Vazirmatn',sans-serif;font-size:clamp(11px,3vw,14px);font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;}.year-chart-range-btn:last-child{border-left:0;}.year-chart-range-btn.active{background:#64748b;color:#fff;border-radius:12px;}.year-chart-range-btn:active{transform:scale(.98);}body.light-mode .year-chart-ranges{background:#e2e8f0;border-color:#cbd5e1;}body.light-mode .year-chart-range-btn{color:#475569;border-left-color:rgba(100,116,139,.22);}body.light-mode .year-chart-range-btn.active{background:#94a3b8;color:#0f172a;}.year-chart-price-label{font-size:9px;font-weight:800;}.online-admin-box,.year-chart-box{will-change:opacity,transform;}.year-chart-loading{display:flex;}.year-chart-svg{min-width:760px;}.year-chart-container{overflow-x:auto;scrollbar-width:thin;}.year-chart-wrap{min-width:760px;}@media(max-width:640px){.year-chart-box{width:96vw;padding:14px;}.year-chart-ranges{gap:0;padding:3px;}.year-chart-range-btn{min-height:38px;font-size:10px;}.year-chart-price-label{font-size:8px;}.year-chart-container{margin-inline:-4px;padding-bottom:6px;}}
.detail-chart.year-chart-trigger::after{content:'لمس برای نمودار قیمت';}

/* Chart navigation refinement and soft theme transition */
html.theme-soft-changing body,
html.theme-soft-changing .card,
html.theme-soft-changing .update-box,
html.theme-soft-changing .search-box,
html.theme-soft-changing .install-note,
html.theme-soft-changing .converter-box,
html.theme-soft-changing .detail-box,
html.theme-soft-changing .year-chart-box,
html.theme-soft-changing .online-admin-box,
html.theme-soft-changing .contact-btn,
html.theme-soft-changing .theme-btn,
html.theme-soft-changing .converter-btn,
html.theme-soft-changing .stat-box,
html.theme-soft-changing .detail-chart,
html.theme-soft-changing .year-chart-ranges,
html.theme-soft-changing .year-chart-fixed-info{
  transition:background-color .85s cubic-bezier(.22,.61,.36,1),background .85s cubic-bezier(.22,.61,.36,1),color .85s cubic-bezier(.22,.61,.36,1),border-color .85s cubic-bezier(.22,.61,.36,1),box-shadow .85s cubic-bezier(.22,.61,.36,1)!important;
}
html.theme-soft-transition-active::view-transition-old(root){
  animation:ghroozThemeSoftOld .85s cubic-bezier(.22,.61,.36,1) both;
}
html.theme-soft-transition-active::view-transition-new(root){
  animation:ghroozThemeSoftNew .85s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes ghroozThemeSoftOld{
  from{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  to{opacity:.2;transform:translateY(-3px) scale(.992);filter:blur(2px)}
}
@keyframes ghroozThemeSoftNew{
  from{opacity:0;transform:translateY(8px) scale(.985);filter:blur(3px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
.theme-soft-veil{
  position:fixed;inset:0;z-index:2147483646;pointer-events:none;
  background:rgba(148,163,184,.22);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
body.light-mode .theme-soft-veil{background:rgba(2,6,23,.16)}
.theme-btn[data-animating="1"]{pointer-events:none}
.year-chart-box{
  width:min(98vw,1400px)!important;max-width:none!important;max-height:95vh!important;
  padding:clamp(12px,2.2vw,24px)!important;
}
.year-chart-container{
  width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;
}
.year-chart-wrap{
  position:relative!important;width:100%!important;min-width:0!important;
  border-radius:18px;overflow:hidden;background:rgba(2,6,23,.18);
}
body.light-mode .year-chart-wrap{background:rgba(226,232,240,.62)}
.year-chart-svg{
  display:block!important;width:100%!important;min-width:0!important;
  height:clamp(320px,58vh,650px)!important;touch-action:none;
}
.year-chart-fixed-info{
  position:absolute;z-index:5;top:10px;left:50%;transform:translateX(-50%);
  min-width:min(86%,440px);max-width:92%;padding:8px 14px;border-radius:14px;
  background:rgba(15,23,42,.84);border:1px solid rgba(148,163,184,.24);
  box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;
  pointer-events:none;
}
body.light-mode .year-chart-fixed-info{background:rgba(248,250,252,.9);border-color:#cbd5e1;box-shadow:0 10px 26px rgba(15,23,42,.12)}
.year-chart-fixed-info .year-chart-tooltip-date{font-size:clamp(10px,2.4vw,12px);opacity:.72;margin:0}
.year-chart-fixed-info .year-chart-tooltip-price{font-size:clamp(12px,3vw,16px);font-weight:900;margin:0}
.year-chart-fixed-info .year-chart-tooltip-change{font-size:clamp(10px,2.4vw,12px);font-weight:800;margin:0}
.year-chart-navigator{
  display:none;align-items:center;justify-content:center;gap:8px;margin:8px auto 0;
  width:max-content;padding:3px 8px;border-radius:999px;background:rgba(30,41,59,.7);
  border:1px solid rgba(148,163,184,.2);
}
body.light-mode .year-chart-navigator{background:rgba(226,232,240,.9);border-color:#cbd5e1}
.year-chart-nav-btn{
  width:30px;height:25px;border:0;border-radius:999px;background:transparent;color:#e2e8f0;
  font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .18s ease,transform .18s ease,opacity .18s ease;
}
.year-chart-nav-btn:hover:not(:disabled){background:rgba(34,197,94,.16)}
.year-chart-nav-btn:active:not(:disabled){transform:scale(.9)}
.year-chart-nav-btn:disabled{opacity:.25;cursor:default}
body.light-mode .year-chart-nav-btn{color:#334155}
.year-chart-nav-center{width:4px;height:4px;border-radius:50%;background:#64748b;opacity:.72}
.year-chart-trend-label{font-size:12px;font-weight:900;paint-order:stroke;stroke:#020617;stroke-width:3px;stroke-linejoin:round}
.year-chart-trend-label.up{fill:#22c55e}.year-chart-trend-label.down{fill:#ef4444}
body.light-mode .year-chart-trend-label{stroke:#f8fafc}
.year-chart-note:empty{display:none!important}
@media(max-width:640px){
  .year-chart-modal{padding:0!important}
  .year-chart-box{width:100vw!important;max-height:100vh!important;border-radius:0!important;padding:10px!important}
  .year-chart-svg{height:clamp(330px,62vh,560px)!important}
  .year-chart-fixed-info{top:7px;min-width:92%;gap:7px;padding:7px 9px}
  .year-chart-price-label{font-size:7px!important}
  .year-chart-axis-label{font-size:8px!important}
}


/* Cross-platform chart consistency, circular theme reveal, and subtle Ghrooz chart branding. */
html.theme-circle-changing body,
html.theme-circle-changing body *{
  transition:background-color .82s cubic-bezier(.22,.61,.36,1),background .82s cubic-bezier(.22,.61,.36,1),color .82s cubic-bezier(.22,.61,.36,1),border-color .82s cubic-bezier(.22,.61,.36,1),box-shadow .82s cubic-bezier(.22,.61,.36,1)!important;
}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2}
html.theme-circle-transition-active::view-transition-new(root){animation:ghroozThemeCircleSmooth .82s cubic-bezier(.22,.61,.36,1) both}
@keyframes ghroozThemeCircleSmooth{
  from{clip-path:circle(0 at var(--theme-x) var(--theme-y));opacity:.92}
  to{clip-path:circle(var(--theme-radius) at var(--theme-x) var(--theme-y));opacity:1}
}
.theme-circle-fallback{
  position:fixed;z-index:2147483646;border-radius:50%;pointer-events:none;
  transform:translate(-50%,-50%) scale(0);will-change:transform,opacity;
  background:#020617;box-shadow:0 0 48px rgba(2,6,23,.28)
}
.theme-circle-fallback[data-target-theme="light"]{background:#e9eef5;box-shadow:0 0 48px rgba(226,232,240,.38)}
.theme-btn[data-animating="1"]{pointer-events:none}

.detail-chart.year-chart-trigger,.year-chart-wrap{position:relative;isolation:isolate;overflow:hidden}
.detail-chart.year-chart-trigger>svg,.year-chart-svg{position:relative;z-index:2}
.chart-brand-watermark{
  position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;direction:ltr;align-items:center;justify-content:center;gap:clamp(8px,1.8vw,16px);
  width:max-content;max-width:72%;pointer-events:none;user-select:none;-webkit-user-select:none;
  opacity:.052;filter:saturate(.72);white-space:nowrap
}
.chart-brand-watermark img{
  width:clamp(34px,7vw,78px);height:clamp(34px,7vw,78px);border-radius:50%;object-fit:cover;
  box-shadow:none
}
.chart-brand-watermark-copy{direction:rtl;text-align:right;display:flex;flex-direction:column;line-height:1.25}
.chart-brand-watermark-copy strong{font-size:clamp(20px,4.2vw,52px);font-weight:900;color:#f8fafc}
.chart-brand-watermark-copy span{font-size:clamp(9px,1.7vw,20px);font-weight:700;color:#cbd5e1;margin-top:3px}
body.light-mode .chart-brand-watermark{opacity:.06;filter:saturate(.66)}
body.light-mode .chart-brand-watermark-copy strong{color:#0f172a}
body.light-mode .chart-brand-watermark-copy span{color:#334155}
.detail-chart .chart-brand-watermark{opacity:.045;max-width:76%;gap:7px}
.detail-chart .chart-brand-watermark img{width:36px;height:36px}
.detail-chart .chart-brand-watermark-copy strong{font-size:20px}
.detail-chart .chart-brand-watermark-copy span{font-size:9px}

.year-chart-container{width:100%!important;overflow:hidden!important}
.year-chart-wrap{width:100%!important;min-width:0!important;max-width:100%!important}
.year-chart-svg{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;touch-action:none}
.year-chart-axis-label{font-size:11px!important}
.year-chart-price-label{font-size:9px!important;font-weight:800!important}
.year-chart-grid-line,.year-chart-month-line{vector-effect:non-scaling-stroke}
.year-chart-crosshair,.year-chart-active-dot{vector-effect:non-scaling-stroke}
.year-chart-fixed-info{z-index:6}
@media(max-width:640px){
  .year-chart-axis-label{font-size:10px!important}
  .year-chart-price-label{font-size:8px!important}
  .chart-brand-watermark{max-width:78%;opacity:.046}
  .chart-brand-watermark img{width:42px;height:42px}
  .chart-brand-watermark-copy strong{font-size:24px}
  .chart-brand-watermark-copy span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  html.theme-circle-transition-active::view-transition-new(root){animation-duration:.18s}
  html.theme-circle-changing body,html.theme-circle-changing body *{transition-duration:.18s!important}
}


/* 2-second circular theme reveal, chart popup frame parity, and portrait mobile guidance. */
html.theme-circle-changing body,
html.theme-circle-changing body *{
  transition-duration:2s!important;
}
html.theme-circle-transition-active::view-transition-new(root){
  animation-duration:2s!important;
}
.year-chart-box{
  background:#0f172a!important;
  border:1px solid #1e293b!important;
  border-radius:32px!important;
  box-shadow:0 20px 55px rgba(0,0,0,.38)!important;
  color:#fff;
  overflow-y:auto!important;
}
body.light-mode .year-chart-box{
  background:#fff!important;
  border-color:#e2e8f0!important;
  color:#0f172a!important;
  box-shadow:0 20px 55px rgba(15,23,42,.20)!important;
}
.year-chart-landscape-hint{
  display:none;
  margin:10px auto 0;
  padding:8px 12px;
  max-width:92%;
  border-radius:12px;
  text-align:center;
  font-size:11px;
  line-height:1.7;
  color:#94a3b8;
  background:rgba(30,41,59,.55);
  border:1px solid rgba(148,163,184,.16);
}
body.light-mode .year-chart-landscape-hint{
  color:#64748b;
  background:rgba(226,232,240,.72);
  border-color:#cbd5e1;
}
@media (max-width:640px){
  .year-chart-modal{
    padding:10px!important;
    align-items:center!important;
  }
  .year-chart-box{
    width:94vw!important;
    max-width:94vw!important;
    max-height:88vh!important;
    border-radius:32px!important;
    padding:clamp(16px,5vw,22px)!important;
  }
}
@media (max-width:640px) and (orientation:portrait){
  .year-chart-fixed-info{
    top:8px!important;
    right:8px!important;
    left:auto!important;
    transform:none!important;
    min-width:0!important;
    width:auto!important;
    max-width:58%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:3px!important;
    padding:7px 9px!important;
    text-align:right!important;
  }
  .year-chart-fixed-info .year-chart-tooltip-date,
  .year-chart-fixed-info .year-chart-tooltip-price,
  .year-chart-fixed-info .year-chart-tooltip-change{
    width:100%;
    text-align:right!important;
    white-space:normal;
  }
  .year-chart-landscape-hint{display:block;}
}
@media (prefers-reduced-motion:reduce){
  html.theme-circle-transition-active::view-transition-new(root){animation-duration:.25s!important;}
  html.theme-circle-changing body,
  html.theme-circle-changing body *{transition-duration:.25s!important;}
}

/* Final cross-device chart fixes, universal theme fallback, and AI support. */
html.theme-circle-changing body,
html.theme-circle-changing body *{
  transition-property:background-color,color,border-color,box-shadow,outline-color,fill,stroke,opacity,filter!important;
  transition-duration:2s!important;
  transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
}
.theme-circle-fallback{
  background:transparent!important;
  border:2px solid rgba(34,197,94,.78)!important;
  box-shadow:0 0 0 10px rgba(34,197,94,.08),0 0 52px rgba(34,197,94,.34)!important;
}
.theme-circle-fallback[data-target-theme="light"]{
  background:transparent!important;
  border-color:rgba(226,232,240,.96)!important;
  box-shadow:0 0 0 10px rgba(255,255,255,.12),0 0 52px rgba(255,255,255,.42)!important;
}

.year-chart-modal{
  box-sizing:border-box;
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
}
.year-chart-box{
  width:min(94vw,980px)!important;
  max-width:min(94vw,980px)!important;
  max-height:calc((var(--ghrooz-vh,1vh) * 100) - 16px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.year-chart-container,.year-chart-wrap{min-width:0!important;max-width:100%!important}
.year-chart-fixed-info{direction:rtl}
.year-chart-landscape-hint{
  color:#ef4444!important;
  border-color:rgba(239,68,68,.48)!important;
  background:rgba(127,29,29,.18)!important;
  font-weight:800!important;
}
body.light-mode .year-chart-landscape-hint{
  color:#b91c1c!important;
  border-color:rgba(220,38,38,.38)!important;
  background:rgba(254,226,226,.88)!important;
}

@media(max-width:640px) and (orientation:portrait){
  .year-chart-modal{
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:max(6px,env(safe-area-inset-top))!important;
    padding-bottom:max(6px,env(safe-area-inset-bottom))!important;
  }
  .year-chart-box{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc((var(--ghrooz-vh,1vh) * 100) - 12px)!important;
    border-radius:22px!important;
    padding:10px!important;
  }
  .year-chart-header{gap:7px!important;margin-bottom:8px!important;padding-bottom:8px!important}
  .year-chart-header h3{font-size:clamp(17px,5.4vw,22px)!important;line-height:1.35!important}
  .year-chart-subtitle{font-size:clamp(9px,2.8vw,11px)!important;line-height:1.65!important;margin-top:3px!important}
  .year-chart-close{padding:6px 9px!important;font-size:10px!important;white-space:nowrap!important}
  .year-chart-ranges{margin-bottom:8px!important;padding:2px!important;border-radius:13px!important}
  .year-chart-range-btn{min-height:34px!important;font-size:9px!important;padding:2px!important}
  .year-chart-wrap{height:clamp(245px,43vh,355px)!important;border-radius:16px!important}
  .year-chart-svg{height:100%!important}
  .year-chart-fixed-info{
    top:7px!important;
    left:7px!important;
    right:auto!important;
    transform:none!important;
    max-width:62%!important;
    min-width:0!important;
    width:auto!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:right!important;
    padding:7px 8px!important;
    gap:2px!important;
  }
  .year-chart-fixed-info .year-chart-tooltip-date,
  .year-chart-fixed-info .year-chart-tooltip-price,
  .year-chart-fixed-info .year-chart-tooltip-change{
    text-align:right!important;
    width:100%!important;
    white-space:normal!important;
  }
  .year-chart-fixed-info .year-chart-tooltip-price{font-size:clamp(11px,3.4vw,14px)!important}
  .year-chart-fixed-info .year-chart-tooltip-date,
  .year-chart-fixed-info .year-chart-tooltip-change{font-size:clamp(8px,2.6vw,10px)!important}
  .year-chart-navigator{margin:7px auto 0!important;min-height:38px!important}
  .year-chart-note{font-size:9px!important;line-height:1.5!important;margin-top:6px!important}
  .year-chart-landscape-hint{display:block!important;margin-top:7px!important;padding:6px 8px!important;font-size:9px!important;line-height:1.55!important}
}

@media(max-width:370px) and (orientation:portrait){
  .year-chart-box{padding:8px!important;border-radius:18px!important}
  .year-chart-header h3{font-size:16px!important}
  .year-chart-subtitle{font-size:8.5px!important}
  .year-chart-range-btn{font-size:8px!important;min-height:31px!important}
  .year-chart-wrap{height:clamp(225px,40vh,315px)!important}
  .year-chart-axis-label{font-size:7px!important}
  .year-chart-price-label{font-size:6.5px!important}
  .year-chart-fixed-info{max-width:65%!important;top:5px!important;left:5px!important;padding:5px 6px!important}
  .year-chart-navigator{min-height:34px!important;margin-top:5px!important}
  .year-chart-landscape-hint{font-size:8px!important;margin-top:5px!important}
}

@media(max-height:620px) and (orientation:portrait){
  .year-chart-wrap{height:230px!important}
  .year-chart-subtitle{display:none!important}
  .year-chart-note{display:none!important}
}

/* AI market assistant */
.ai-support-button{
  position:fixed;
  right:max(14px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));
  z-index:9000;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 13px 7px 8px;
  border:1px solid rgba(34,197,94,.42);
  border-radius:999px;
  background:rgba(15,23,42,.90);
  color:#fff;
  font-family:'Vazirmatn',sans-serif;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.ai-support-button:hover{transform:translateY(-2px);border-color:#22c55e;box-shadow:0 16px 34px rgba(0,0,0,.36),0 0 24px rgba(34,197,94,.16)}
.ai-support-button:active{transform:scale(.97)}
.ai-support-button img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.ai-support-button-pulse{position:absolute;right:9px;top:6px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:aiPulse 2s infinite}
@keyframes aiPulse{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
body.light-mode .ai-support-button{background:rgba(248,250,252,.94);color:#0f172a;border-color:rgba(22,163,74,.35);box-shadow:0 12px 30px rgba(15,23,42,.18)}

.ai-support-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:10050;
  align-items:flex-end;
  justify-content:flex-end;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  direction:rtl;
}
body.light-mode .ai-support-modal{background:rgba(226,232,240,.76)!important}
.ai-support-panel{
  width:min(430px,calc(100vw - 24px));
  height:min(680px,calc((var(--ghrooz-vh,1vh) * 100) - 24px));
  max-height:calc((var(--ghrooz-vh,1vh) * 100) - 24px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #334155;
  border-radius:26px;
  background:rgba(15,23,42,.96);
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);
  will-change:opacity,transform;
}
body.light-mode .ai-support-panel{background:rgba(248,250,252,.98);color:#0f172a;border-color:#cbd5e1;box-shadow:0 24px 70px rgba(15,23,42,.24)}
.ai-support-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #334155;flex:0 0 auto}
body.light-mode .ai-support-header{border-bottom-color:#dbe3ee}
.ai-support-identity{display:flex;align-items:center;gap:10px;min-width:0}
.ai-support-identity>img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.ai-support-title-row{display:flex;align-items:center;gap:7px}
.ai-support-title-row h3{font-size:15px;margin:0;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-support-online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.55);flex:0 0 auto}
.ai-support-identity p{font-size:10px;color:#94a3b8;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.light-mode .ai-support-identity p{color:#64748b}
.ai-support-close{width:34px;height:34px;border:1px solid #334155;border-radius:50%;background:#1e293b;color:#fff;cursor:pointer;font-size:16px;flex:0 0 auto}
body.light-mode .ai-support-close{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}
.ai-support-messages{flex:1 1 auto;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ai-message{display:flex;flex-direction:column;max-width:88%}
.ai-message-user{align-self:flex-start;align-items:flex-start}
.ai-message-assistant{align-self:flex-end;align-items:flex-end}
.ai-message-bubble{padding:10px 12px;border-radius:16px;font-size:12px;line-height:1.85;word-break:break-word}
.ai-message-user .ai-message-bubble{background:#22c55e;color:#fff;border-bottom-left-radius:5px}
.ai-message-assistant .ai-message-bubble{background:#1e293b;color:#f8fafc;border:1px solid #334155;border-bottom-right-radius:5px}
body.light-mode .ai-message-assistant .ai-message-bubble{background:#fff;color:#0f172a;border-color:#dbe3ee}
.ai-message-typing .ai-message-bubble{opacity:.72;animation:aiTyping 1.1s ease-in-out infinite alternate}
@keyframes aiTyping{to{opacity:1}}
.ai-message-sources{margin-top:5px;padding:7px 9px;border-radius:12px;background:rgba(30,41,59,.72);font-size:9px;line-height:1.6;display:flex;flex-direction:column;gap:3px;max-width:100%}
.ai-message-sources a{color:#60a5fa;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
body.light-mode .ai-message-sources{background:#e2e8f0;color:#475569}
body.light-mode .ai-message-sources a{color:#2563eb}
.ai-support-quick-actions{display:flex;gap:6px;padding:8px 12px 5px;overflow-x:auto;flex:0 0 auto;scrollbar-width:none}
.ai-support-quick-actions::-webkit-scrollbar{display:none}
.ai-support-quick-actions button{white-space:nowrap;border:1px solid #334155;border-radius:999px;background:#1e293b;color:#cbd5e1;padding:6px 9px;font-family:'Vazirmatn',sans-serif;font-size:9px;font-weight:800;cursor:pointer}
body.light-mode .ai-support-quick-actions button{background:#e2e8f0;color:#334155;border-color:#cbd5e1}
.ai-support-form{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #334155;flex:0 0 auto}
body.light-mode .ai-support-form{border-top-color:#dbe3ee}
.ai-support-form textarea{flex:1;resize:none;max-height:120px;min-height:42px;padding:10px 12px;border:1px solid #334155;border-radius:14px;background:#0f172a;color:#fff;outline:none;font-family:'Vazirmatn',sans-serif;font-size:12px;line-height:1.65}
.ai-support-form textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.ai-support-form button{min-width:62px;height:42px;border:0;border-radius:13px;background:#22c55e;color:#fff;font-family:'Vazirmatn',sans-serif;font-size:11px;font-weight:900;cursor:pointer}
.ai-support-form button:disabled,.ai-support-form textarea:disabled{opacity:.55;cursor:wait}
body.light-mode .ai-support-form textarea{background:#fff;color:#0f172a;border-color:#cbd5e1}
.ai-support-disclaimer{padding:0 13px 10px;font-size:8px;color:#64748b;text-align:center;flex:0 0 auto}

@media(max-width:640px){
  .ai-support-button{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));min-height:44px;padding:6px 10px 6px 7px;font-size:10px}
  .ai-support-button img{width:31px;height:31px}
  .ai-support-modal{padding:6px!important;align-items:flex-end!important;justify-content:center!important}
  .ai-support-panel{width:100%!important;height:min(78vh,620px)!important;max-height:calc((var(--ghrooz-vh,1vh) * 100) - 12px)!important;border-radius:22px!important}
  .ai-support-header{padding:11px 12px}
  .ai-support-identity>img{width:36px;height:36px}
  .ai-support-title-row h3{font-size:13px}
  .ai-support-identity p{font-size:8.5px}
  .ai-support-messages{padding:12px}
  .ai-message-bubble{font-size:11px}
}

@media(max-width:360px){
  .ai-support-panel{height:calc((var(--ghrooz-vh,1vh) * 100) - 12px)!important;border-radius:18px!important}
  .ai-support-button span:last-child{display:none}
  .ai-support-button{width:45px;height:45px;padding:5px;justify-content:center}
  .ai-support-title-row h3{font-size:12px}
  .ai-support-identity p{max-width:210px}
}

@media(prefers-reduced-motion:reduce){
  .ai-support-button-pulse{animation:none}
}


/* Cross-device parity patch: identical chart geometry, centered modal, visible AI label. */
html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
.year-chart-modal{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
}
.year-chart-box{
  width:min(94vw,920px)!important;
  max-width:920px!important;
  height:min(94vh,760px)!important;
  height:min(calc(var(--ghrooz-vh,1vh) * 94),760px)!important;
  max-height:min(calc(var(--ghrooz-vh,1vh) * 94),760px)!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(230px,1fr) auto auto auto!important;
  align-content:stretch!important;
  overflow:hidden!important;
  margin:auto!important;
}
.year-chart-header,.year-chart-ranges,.year-chart-loading,.year-chart-navigator,.year-chart-note,.year-chart-landscape-hint{min-width:0!important}
.year-chart-container{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.year-chart-wrap{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important}
.year-chart-svg{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;font-family:'Vazirmatn',sans-serif!important}
.year-chart-axis-label,.year-chart-price-label{font-family:'Vazirmatn',sans-serif!important;direction:rtl;unicode-bidi:plaintext}
.year-chart-price-label{
  font-size:10px!important;
  font-weight:900!important;
  paint-order:stroke!important;
  stroke:#0f172a!important;
  stroke-width:5px!important;
  stroke-linejoin:round!important;
}
body.light-mode .year-chart-price-label{stroke:#eef2f7!important}
.year-chart-note{display:block!important;min-height:0!important;line-height:1.6!important;margin-top:6px!important}
.year-chart-note:empty{display:none!important}
.year-chart-landscape-hint{display:block!important}
.ai-support-button{width:auto!important;min-width:142px!important;max-width:calc(100vw - 20px)!important;justify-content:flex-start!important;white-space:nowrap!important;overflow:visible!important}
.ai-support-button span:last-child{display:inline!important;visibility:visible!important;opacity:1!important}

@media(max-width:640px){
  .year-chart-modal{align-items:center!important;justify-content:center!important;padding:6px!important}
  .year-chart-box{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    height:calc((var(--ghrooz-vh,1vh) * 100) - 12px)!important;
    max-height:calc((var(--ghrooz-vh,1vh) * 100) - 12px)!important;
    grid-template-rows:auto auto auto minmax(215px,1fr) auto auto auto!important;
    border-radius:22px!important;
    padding:10px!important;
  }
  .year-chart-header{margin-bottom:7px!important;padding-bottom:7px!important}
  .year-chart-header h3{font-size:clamp(17px,5vw,21px)!important}
  .year-chart-subtitle{display:block!important;font-size:clamp(9px,2.6vw,11px)!important;line-height:1.55!important}
  .year-chart-ranges{margin-bottom:7px!important}
  .year-chart-wrap{height:100%!important;min-height:215px!important}
  .year-chart-axis-label{font-size:8px!important}
  .year-chart-price-label{font-size:7.5px!important;stroke-width:4px!important}
  .year-chart-fixed-info{top:7px!important;left:7px!important;right:auto!important;max-width:64%!important}
  .year-chart-note{display:block!important;font-size:8.5px!important;white-space:normal!important;overflow:visible!important}
  .year-chart-landscape-hint{display:block!important;font-size:8.5px!important}
  .ai-support-button{right:max(9px,env(safe-area-inset-right))!important;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important;min-width:132px!important;padding:6px 10px 6px 7px!important;font-size:10px!important}
}
@media(max-width:370px){
  .year-chart-box{padding:8px!important;border-radius:18px!important;grid-template-rows:auto auto auto minmax(195px,1fr) auto auto auto!important}
  .year-chart-wrap{min-height:195px!important}
  .year-chart-header h3{font-size:16px!important}
  .year-chart-subtitle{font-size:8px!important}
  .year-chart-range-btn{font-size:8px!important;min-height:30px!important}
  .year-chart-axis-label{font-size:7px!important}
  .year-chart-price-label{font-size:6.8px!important}
  .year-chart-note,.year-chart-landscape-hint{font-size:7.8px!important;margin-top:4px!important;padding:5px 6px!important}
  .ai-support-button{min-width:126px!important;width:auto!important;height:44px!important;padding:5px 9px 5px 6px!important}
  .ai-support-button span:last-child{display:inline!important}
}
@media(max-height:620px) and (orientation:portrait){
  .year-chart-subtitle{display:block!important}
  .year-chart-note{display:block!important}
  .year-chart-box{grid-template-rows:auto auto auto minmax(175px,1fr) auto auto auto!important}
  .year-chart-wrap{min-height:175px!important}
}


/* ===== GHROOZ FINAL RESPONSIVE CHART + RULE-BASED ASSISTANT OVERRIDES ===== */
.year-chart-modal{
  display:none;
  position:fixed;
  inset:0;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(8px,2vw,22px)!important;
  overflow:hidden!important;
}
.year-chart-box{
  width:min(96vw,1180px)!important;
  max-width:1180px!important;
  max-height:94dvh!important;
  margin:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-radius:28px!important;
  padding:clamp(14px,2.2vw,26px)!important;
}
.year-chart-container{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.year-chart-wrap{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  border-radius:22px!important;
}
.year-chart-svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  touch-action:none!important;
}
.year-chart-axis-label,.year-chart-price-label{
  font-family:'Vazirmatn',sans-serif!important;
  direction:rtl;
  unicode-bidi:plaintext;
  paint-order:stroke;
  stroke:#020617;
  stroke-width:2.5px;
  stroke-linejoin:round;
}
body.light-mode .year-chart-axis-label,
body.light-mode .year-chart-price-label{
  stroke:#eef2f7!important;
}
.year-chart-price-label{
  font-size:clamp(8px,.9vw,12px)!important;
  font-weight:900!important;
}
.year-chart-navigator,
.year-chart-nav-btn,
.year-chart-nav-center{
  display:none!important;
}
.year-chart-landscape-hint{
  display:none!important;
}
@media (max-width:1024px) and (hover:none){
  .year-chart-landscape-hint{
    display:block!important;
    color:#b91c1c!important;
    background:rgba(254,226,226,.96)!important;
    border:1px solid #ef4444!important;
    font-weight:900!important;
  }
}
@media (min-width:900px){
  .year-chart-header h3{font-size:28px!important}
  .year-chart-subtitle{font-size:14px!important}
  .year-chart-range-btn{min-height:48px!important;font-size:14px!important}
  .year-chart-fixed-info{max-width:390px!important;padding:12px 18px!important}
  .year-chart-fixed-info .year-chart-tooltip-price{font-size:18px!important}

  .ai-support-panel{
    width:min(640px,calc(100vw - 64px))!important;
    height:min(780px,calc(100dvh - 64px))!important;
    max-height:calc(100dvh - 64px)!important;
  }
  .ai-support-identity>img{width:52px!important;height:52px!important}
  .ai-support-title-row h3{font-size:19px!important}
  .ai-support-identity p{font-size:12px!important}
  .ai-support-messages{padding:20px!important;gap:13px!important}
  .ai-message{max-width:94%!important}
  .ai-message-bubble{font-size:14px!important;line-height:1.95!important;padding:13px 16px!important}
  .ai-support-quick-actions{flex-wrap:wrap!important;overflow:visible!important;padding:10px 16px 8px!important}
  .ai-support-quick-actions button{font-size:11px!important;padding:8px 12px!important}
  .ai-support-form{padding:12px 16px!important}
  .ai-support-form textarea{font-size:13px!important;min-height:48px!important}
  .ai-support-form button{height:48px!important;min-width:76px!important;font-size:12px!important}
}
@media (max-width:899px){
  .year-chart-box{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px!important;
    padding:12px!important;
  }
  .year-chart-header{gap:8px!important;margin-bottom:10px!important;padding-bottom:9px!important}
  .year-chart-header h3{font-size:clamp(19px,6vw,27px)!important}
  .year-chart-subtitle{font-size:clamp(10px,3.2vw,13px)!important}
  .year-chart-ranges{margin-bottom:10px!important}
  .year-chart-range-btn{font-size:clamp(9px,2.8vw,12px)!important}
  .year-chart-fixed-info{
    left:10px!important;
    right:auto!important;
    top:10px!important;
    max-width:calc(100% - 20px)!important;
  }
  .year-chart-axis-label{font-size:9px!important}
  .year-chart-price-label{font-size:8px!important}
  .ai-support-panel{
    width:calc(100vw - 18px)!important;
    height:calc(100dvh - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
  }
  .ai-support-quick-actions button{font-size:9px!important}
}


/* ===== GHROOZ HOURLY AXIS + FINAL POPUP SIZE REFINEMENT v13 ===== */
.year-chart-box{
  display:flex!important;
  flex-direction:column!important;
  width:min(94vw,1180px)!important;
  max-width:1180px!important;
  height:auto!important;
  max-height:92dvh!important;
  padding:clamp(18px,2vw,28px)!important;
  overflow-y:auto!important;
}
.year-chart-header{
  flex:0 0 auto!important;
  margin:4px 0 14px!important;
  padding:4px 2px 14px!important;
}
.year-chart-container{flex:0 0 auto!important;overflow:hidden!important}
.year-chart-wrap{
  height:var(--year-chart-height)!important;
  min-height:0!important;
  max-height:none!important;
  flex:0 0 auto!important;
}
.year-chart-svg{width:100%!important;height:100%!important;overflow:visible!important}
.year-chart-axis-label,.year-chart-price-label,.year-chart-hour-label{
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:'tnum' 1!important;
  font-stretch:normal!important;
  letter-spacing:0!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  paint-order:stroke!important;
  stroke-width:1.5px!important;
  stroke-linejoin:round!important;
}
.year-chart-price-label{font-size:clamp(9px,.85vw,12px)!important;font-weight:800!important}
.year-chart-hour-label{font-size:clamp(8px,.78vw,11px)!important;font-weight:700!important}
.year-chart-hour-line{opacity:.34!important}
.year-chart-landscape-hint{
  display:none!important;
  flex:0 0 auto!important;
  align-self:center!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:38px!important;
  max-width:min(100%,480px)!important;
  margin:7px auto 0!important;
  padding:5px 11px!important;
  border-radius:10px!important;
  font-size:9px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow:hidden!important;
}
@media (min-width:900px){
  .year-chart-box{min-height:min(86dvh,820px)!important}
  .year-chart-wrap{min-height:560px!important}
  .year-chart-header{margin-top:8px!important;padding-top:8px!important}
}
@media (max-width:899px){
  .year-chart-box{
    width:min(calc(100vw - 20px),500px)!important;
    max-width:500px!important;
    max-height:calc(100dvh - 20px)!important;
    padding:12px!important;
    border-radius:28px!important;
  }
  .year-chart-header{margin:2px 0 9px!important;padding:2px 2px 9px!important}
  .year-chart-wrap{height:var(--year-chart-height)!important}
  .year-chart-axis-label{font-size:8px!important}
  .year-chart-price-label{font-size:7.8px!important;stroke-width:1.2px!important}
  .year-chart-hour-label{font-size:7.1px!important;stroke-width:1px!important}
  .year-chart-fixed-info{top:8px!important;left:8px!important;right:auto!important;max-width:70%!important}
}
@media (max-width:1024px) and (hover:none){
  .year-chart-landscape-hint{display:block!important}
}
@media (max-width:420px){
  .year-chart-box{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:9px!important;border-radius:22px!important}
  .year-chart-header h3{font-size:20px!important}
  .year-chart-subtitle{font-size:10px!important;line-height:1.55!important}
  .year-chart-range-btn{min-height:34px!important;font-size:9px!important}
  .year-chart-landscape-hint{font-size:8px!important;padding:4px 8px!important;max-height:34px!important;margin-top:5px!important}
}


/* ===== GHROOZ DATE CALENDAR + HOURLY MEMORY + MOBILE PRICE FIX v14 ===== */
.year-chart-box{position:relative!important}
.year-chart-header{align-items:flex-start!important}
.year-chart-title-copy{min-width:0;flex:1 1 auto}
.year-chart-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.year-chart-date-button{
  min-height:36px;border:1px solid #334155;border-radius:13px;background:#1e293b;color:#e2e8f0;
  padding:6px 10px;font-family:'Vazirmatn',sans-serif;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap
}
body.light-mode .year-chart-date-button{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}
.year-chart-container{overflow:hidden!important}
.year-chart-wrap{display:flex!important;flex-direction:column!important;height:var(--year-chart-height)!important;overflow:hidden!important}
.year-chart-svg-shell{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden}
.year-chart-svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
.year-chart-price-label{direction:ltr!important;unicode-bidi:isolate!important;text-rendering:geometricPrecision!important}
.year-chart-price-number{direction:ltr!important;unicode-bidi:isolate!important;font-variant-numeric:tabular-nums!important;font-feature-settings:'tnum' 1!important;letter-spacing:0!important}
.year-chart-price-unit{direction:rtl!important;unicode-bidi:isolate!important;letter-spacing:0!important}
.year-chart-tooltip-price{display:flex!important;direction:ltr!important;align-items:baseline!important;justify-content:flex-start!important;gap:3px!important;white-space:nowrap!important}
.year-chart-hour-strip{
  direction:ltr!important;display:flex;align-items:center;gap:5px;width:100%;height:45px;flex:0 0 45px;
  padding:5px 7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;background:rgba(15,23,42,.2);border-top:1px solid rgba(148,163,184,.18)
}
body.light-mode .year-chart-hour-strip{background:rgba(226,232,240,.52);border-top-color:#d6dee9}
.year-chart-hour-button{
  flex:0 0 52px;min-width:52px;height:31px;border:1px solid transparent;border-radius:9px;background:transparent;color:#94a3b8;
  font-family:'Vazirmatn',Tahoma,sans-serif;font-size:9px;font-weight:800;cursor:pointer;scroll-snap-align:center;direction:ltr;unicode-bidi:isolate
}
.year-chart-hour-button:hover,.year-chart-hour-button.active{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.42);color:#22c55e}
body.light-mode .year-chart-hour-button{color:#64748b}
body.light-mode .year-chart-hour-button:hover,body.light-mode .year-chart-hour-button.active{color:#15803d;background:rgba(34,197,94,.1)}
.year-chart-landscape-hint{
  width:auto!important;max-width:min(100%,410px)!important;height:auto!important;min-height:0!important;max-height:34px!important;
  margin:6px auto 0!important;padding:5px 10px!important;border-radius:10px!important;font-size:8.5px!important;line-height:1.45!important
}

.year-chart-date-picker{
  position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:12px;
  background:rgba(2,6,23,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:inherit
}
.year-chart-date-card{
  width:min(94%,540px);max-height:calc(100% - 18px);overflow:auto;padding:18px;border:1px solid #334155;border-radius:22px;
  background:#0f172a;color:#fff;box-shadow:0 24px 75px rgba(0,0,0,.48);font-family:'Vazirmatn',sans-serif
}
body.light-mode .year-chart-date-card{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;box-shadow:0 24px 60px rgba(15,23,42,.25)}
.year-chart-date-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.year-chart-date-card-head strong{display:block;font-size:17px;font-weight:900}
.year-chart-date-card-head span{display:block;margin-top:3px;font-size:9px;color:#94a3b8}
body.light-mode .year-chart-date-card-head span{color:#64748b}
.year-chart-date-card-head button{width:32px;height:32px;border:1px solid #334155;border-radius:50%;background:#1e293b;color:#fff;cursor:pointer}
body.light-mode .year-chart-date-card-head button{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}
.year-chart-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.year-chart-date-grid label,.year-chart-hour-field label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:800}
.year-chart-date-grid select,.year-chart-hour-field select{
  width:100%;height:42px;border:1px solid #334155;border-radius:12px;background:#020617;color:#fff;padding:0 10px;
  font-family:'Vazirmatn',sans-serif;outline:none
}
body.light-mode .year-chart-date-grid select,body.light-mode .year-chart-hour-field select{background:#fff;color:#0f172a;border-color:#cbd5e1}
.year-chart-exact-toggle{display:flex;align-items:center;gap:8px;margin:14px 0 9px;padding:10px 11px;border:1px solid #334155;border-radius:12px;font-size:10px;font-weight:800;cursor:pointer}
body.light-mode .year-chart-exact-toggle{border-color:#cbd5e1;background:#f1f5f9}
.year-chart-exact-toggle input{width:17px;height:17px;accent-color:#22c55e}
.year-chart-hour-field{display:grid;grid-template-columns:150px 1fr;align-items:end;gap:10px;margin-top:8px}
.year-chart-hour-field[hidden]{display:none!important}
.year-chart-hour-field small{font-size:8.5px;line-height:1.7;color:#94a3b8}
body.light-mode .year-chart-hour-field small{color:#64748b}
.year-chart-date-actions{display:flex;gap:9px;margin-top:16px}
.year-chart-date-actions button{flex:1;height:43px;border-radius:12px;border:0;font-family:'Vazirmatn',sans-serif;font-size:11px;font-weight:900;cursor:pointer}
.year-chart-date-actions .primary{background:#22c55e;color:#fff}
.year-chart-date-actions .secondary{background:#334155;color:#fff}
body.light-mode .year-chart-date-actions .secondary{background:#e2e8f0;color:#0f172a}
.year-chart-date-message{min-height:17px;margin-top:8px;color:#fca5a5;font-size:9px;text-align:center}

.ai-support-quick-actions{padding-inline:14px 24px!important;scroll-padding-inline:14px 24px!important;gap:8px!important}
.ai-support-quick-actions::after{content:'';display:block;flex:0 0 10px;width:10px}
.ai-support-quick-actions button:last-of-type{margin-inline-end:4px!important}

@media (min-width:900px){
  .year-chart-hour-strip{height:48px;flex-basis:48px;padding-inline:10px}
  .year-chart-hour-button{flex-basis:48px;min-width:48px;font-size:9.5px}
  .year-chart-date-button{min-height:40px;font-size:11px;padding-inline:13px}
}
@media (max-width:899px){
  .year-chart-header{gap:7px!important}
  .year-chart-header-actions{gap:5px;flex-direction:column-reverse;align-items:stretch}
  .year-chart-date-button,.year-chart-close{min-height:31px!important;padding:4px 7px!important;font-size:8px!important;border-radius:10px!important}
  .year-chart-price-label{font-size:7.5px!important;stroke-width:1px!important}
  .year-chart-fixed-info{max-width:72%!important}
  .year-chart-landscape-hint{max-width:320px!important;font-size:8px!important;padding:4px 8px!important;margin-top:5px!important}
  .year-chart-date-card{padding:14px;border-radius:18px}
  .year-chart-date-card-head strong{font-size:15px}
  .year-chart-date-grid{gap:6px}
  .year-chart-date-grid select,.year-chart-hour-field select{height:39px;font-size:10px;padding:0 6px}
  .year-chart-hour-field{grid-template-columns:120px 1fr}
}
@media (max-width:520px){
  .year-chart-header-actions{min-width:72px}
  .year-chart-date-button{white-space:normal;line-height:1.35}
  .year-chart-hour-strip{height:43px;flex-basis:43px;padding:4px 6px}
  .year-chart-hour-button{flex-basis:50px;min-width:50px;height:29px;font-size:8.5px}
  .year-chart-date-picker{padding:7px}
  .year-chart-date-card{width:100%;max-height:96%;padding:12px}
  .year-chart-date-grid{grid-template-columns:1fr 1fr 1fr}
  .year-chart-hour-field{grid-template-columns:1fr;align-items:stretch}
  .year-chart-date-actions button{height:40px;font-size:10px}
  .ai-support-quick-actions{padding-inline:12px 28px!important;scroll-padding-inline:12px 28px!important}
}


/* ===== GHROOZ TODAY TITLE + DATE BUTTON + PRICE ORDER FIX v15 ===== */
.year-chart-tooltip-price{
  direction:rtl!important;
  justify-content:flex-start!important;
  unicode-bidi:isolate!important;
}
.year-chart-tooltip-price .year-chart-price-number{
  order:1!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
.year-chart-tooltip-price .year-chart-price-unit{
  order:2!important;
  direction:rtl!important;
  unicode-bidi:isolate!important;
  margin-inline-start:3px!important;
}
.year-chart-hour-strip{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.year-chart-hour-strip::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.year-chart-date-button{
  min-width:max-content!important;
  white-space:nowrap!important;
}

/* ===== GHROOZ LARGE SCREEN DATE PICKER SCALE FIX v15.1 ===== */
@media (min-width:900px){
  .year-chart-date-card{
    width:min(76vw,760px)!important;
    padding:26px 30px!important;
    border-radius:28px!important;
  }
  .year-chart-date-card-head{gap:18px!important;margin-bottom:20px!important}
  .year-chart-date-card-head strong{font-size:25px!important;line-height:1.45!important}
  .year-chart-date-card-head span{font-size:13px!important;line-height:1.8!important;margin-top:5px!important}
  .year-chart-date-card-head button{width:44px!important;height:44px!important;font-size:20px!important;flex:0 0 44px!important}
  .year-chart-date-grid{gap:14px!important}
  .year-chart-date-grid label,.year-chart-hour-field label{gap:8px!important;font-size:14px!important}
  .year-chart-date-grid select,.year-chart-hour-field select{
    height:58px!important;
    padding:0 15px!important;
    border-radius:15px!important;
    font-size:17px!important;
  }
  .year-chart-exact-toggle{
    gap:12px!important;
    margin:18px 0 12px!important;
    padding:14px 16px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }
  .year-chart-exact-toggle input{width:22px!important;height:22px!important}
  .year-chart-hour-field{grid-template-columns:220px 1fr!important;gap:16px!important;margin-top:12px!important}
  .year-chart-hour-field small{font-size:12px!important;line-height:1.9!important}
  .year-chart-date-actions{gap:12px!important;margin-top:22px!important}
  .year-chart-date-actions button{height:56px!important;border-radius:15px!important;font-size:15px!important}
  .year-chart-date-message{min-height:22px!important;margin-top:11px!important;font-size:12px!important}
}
@media (min-width:1600px){
  .year-chart-date-card{width:min(70vw,900px)!important;padding:34px 38px!important}
  .year-chart-date-card-head strong{font-size:30px!important}
  .year-chart-date-card-head span{font-size:15px!important}
  .year-chart-date-grid label,.year-chart-hour-field label{font-size:16px!important}
  .year-chart-date-grid select,.year-chart-hour-field select{height:66px!important;font-size:20px!important}
  .year-chart-exact-toggle{font-size:16px!important;padding:17px 19px!important}
  .year-chart-date-actions button{height:64px!important;font-size:17px!important}
}


/* ===== GHROOZ RANGE POSITION + LEFT AXIS + SYMBOL FORMAT FIX v16 ===== */
.year-chart-box{
  display:flex!important;
  flex-direction:column!important;
}
.year-chart-box>.year-chart-header{
  order:1!important;
  flex:0 0 auto!important;
}
.year-chart-box>.year-chart-ranges{
  order:2!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:8!important;
  width:100%!important;
  min-height:50px!important;
  height:auto!important;
  flex:0 0 auto!important;
  margin:0 0 16px!important;
  transform:none!important;
}
.year-chart-box>.year-chart-loading{
  order:3!important;
  flex:0 0 auto!important;
}
.year-chart-box>.year-chart-container{
  order:4!important;
  flex:0 0 auto!important;
  margin-top:2px!important;
}
.year-chart-box>.year-chart-note{
  order:5!important;
  flex:0 0 auto!important;
}
.year-chart-box>.year-chart-landscape-hint{
  order:6!important;
  flex:0 0 auto!important;
}
.year-chart-range-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  line-height:1.35!important;
}
.year-chart-price-label{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-anchor:start;
}
.year-chart-price-label .year-chart-price-unit{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
.year-chart-tooltip-price{
  direction:rtl!important;
  justify-content:flex-start!important;
}
.year-chart-tooltip-price .year-chart-price-number{
  order:1!important;
}
.year-chart-tooltip-price .year-chart-price-unit{
  order:2!important;
  margin-inline-start:4px!important;
  direction:ltr!important;
}
.year-chart-date-button{
  white-space:nowrap!important;
}
@media (min-width:900px){
  .year-chart-box>.year-chart-ranges{
    min-height:56px!important;
    margin-bottom:18px!important;
  }
  .year-chart-range-btn{
    min-height:48px!important;
    font-size:14px!important;
  }
  .year-chart-box>.year-chart-container{
    margin-top:4px!important;
  }
}
@media (max-width:899px){
  .year-chart-box>.year-chart-ranges{
    min-height:42px!important;
    margin-bottom:10px!important;
  }
  .year-chart-range-btn{
    min-height:36px!important;
  }
  .year-chart-price-label{
    font-size:7.5px!important;
  }
}


/* ===== GHROOZ FINAL DESKTOP RANGE + MOBILE PRICE + LEFT ASSISTANT FIX v17 ===== */
/* Keep range controls above the plot on every desktop/large-screen browser. */
.year-chart-box{
  display:flex!important;
  flex-direction:column!important;
}
.year-chart-box>.year-chart-header{order:1!important;flex:0 0 auto!important}
.year-chart-box>.year-chart-ranges{
  order:2!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  z-index:12!important;
  width:100%!important;
  height:auto!important;
  flex:0 0 auto!important;
  transform:none!important;
}
.year-chart-box>.year-chart-loading{order:3!important;flex:0 0 auto!important}
.year-chart-box>.year-chart-container{order:4!important;flex:0 0 auto!important}
.year-chart-box>.year-chart-note{order:5!important;flex:0 0 auto!important}
.year-chart-box>.year-chart-landscape-hint{order:6!important;flex:0 0 auto!important}
.year-chart-range-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:0!important;
}

/* T/$ is always at the visual left; number remains crisp and isolated. */
.year-chart-price-label{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-anchor:start!important;
}
.year-chart-price-label .year-chart-price-unit,
.year-chart-tooltip-price .year-chart-price-unit{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  flex:0 0 auto!important;
}
.year-chart-price-label .year-chart-price-number,
.year-chart-tooltip-price .year-chart-price-number{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:'tnum' 1!important;
  letter-spacing:0!important;
}
.year-chart-tooltip-price{
  display:flex!important;
  flex-direction:row!important;
  direction:ltr!important;
  justify-content:flex-start!important;
  align-items:baseline!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.year-chart-tooltip-price .year-chart-price-unit{order:1!important;margin:0!important}
.year-chart-tooltip-price .year-chart-price-number{order:2!important;margin:0!important}

/* Move the persistent assistant launcher to the left on every system. */
.ai-support-button{
  left:max(14px,env(safe-area-inset-left))!important;
  right:auto!important;
}

@media (min-width:900px){
  .year-chart-box>.year-chart-ranges{
    min-height:54px!important;
    margin:0 0 14px!important;
  }
  .year-chart-range-btn{min-height:46px!important;font-size:14px!important}
  .year-chart-box>.year-chart-container{margin-top:0!important}
  .year-chart-wrap{max-height:690px!important}
  .ai-support-button{left:max(18px,env(safe-area-inset-left))!important;right:auto!important}
}

@media (max-width:899px){
  .year-chart-box>.year-chart-ranges{
    min-height:42px!important;
    margin:0 0 10px!important;
  }
  .year-chart-range-btn{min-height:36px!important}
  .year-chart-price-label{font-size:7.8px!important}
  .ai-support-button{
    left:max(9px,env(safe-area-inset-left))!important;
    right:auto!important;
  }
}


/* ===== GHROOZ REAL HISTORY + SMOOTH DIRECTIONAL CHART + SMALL SCREEN SCALE v18 ===== */
.year-chart-colored-segment,
.year-chart-smooth-underlay,
.year-chart-area-path{
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
.year-chart-colored-segment{filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}
.year-chart-trend-label.up{fill:#22c55e!important;font-weight:900!important}
.year-chart-trend-label.down{fill:#ef4444!important;font-weight:900!important}

@media (max-width:640px){
  .ai-support-button{
    min-height:48px!important;
    min-width:142px!important;
    padding:7px 12px 7px 8px!important;
    font-size:11px!important;
    border-radius:25px!important;
  }
  .ai-support-button img{width:34px!important;height:34px!important}
  .ai-support-title-row h3{font-size:14px!important}
  .ai-support-identity p{font-size:9.5px!important}
  .ai-message-bubble{font-size:12px!important;line-height:1.9!important}
  .ai-support-quick-actions button{font-size:10px!important;padding:7px 10px!important}
  .ai-support-form textarea{font-size:13px!important}
  .ai-support-form button{font-size:12px!important;min-width:66px!important;height:44px!important}
  .ai-support-disclaimer{font-size:9px!important}
  .year-chart-date-button{
    min-height:40px!important;
    padding:8px 11px!important;
    font-size:11px!important;
    border-radius:12px!important;
  }
  .year-chart-trend-label{font-size:10px!important;paint-order:stroke;stroke:rgba(2,6,23,.72);stroke-width:2px;stroke-linejoin:round}
  body.light-mode .year-chart-trend-label{stroke:rgba(255,255,255,.88)}
}
@media (max-width:370px){
  .ai-support-button{min-width:136px!important;width:auto!important;height:48px!important}
  .ai-support-button span:last-child{display:inline!important}
  .year-chart-date-button{font-size:10.5px!important;padding:7px 9px!important}
}


/* ===== GHROOZ AXIS / TETHER VISIBILITY / MOBILE HEADER PARITY v19 ===== */
/* Full chart uses the same rounded, clean line language as the homepage sparklines. */
.year-chart-colored-segment{
  stroke-width:2.6px!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  shape-rendering:geometricPrecision!important;
}
.year-chart-smooth-underlay{stroke-width:4.4px!important;opacity:.72!important}
.year-chart-area-path{opacity:.92!important}
.year-chart-grid-line{shape-rendering:geometricPrecision!important}
.year-chart-price-number{
  font-family:'Vazirmatn',Tahoma,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:'tnum' 1!important;
  letter-spacing:0!important;
}

@media (max-width:640px) and (orientation:portrait){
  .year-chart-header-actions{
    gap:.5cm!important;
    min-width:112px!important;
    width:112px!important;
    flex:0 0 112px!important;
  }
  .year-chart-date-button,
  .year-chart-close{
    width:100%!important;
    min-width:112px!important;
    min-height:42px!important;
    height:42px!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:900!important;
    white-space:nowrap!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
@media (max-width:370px) and (orientation:portrait){
  .year-chart-header-actions{
    min-width:104px!important;
    width:104px!important;
    flex-basis:104px!important;
  }
  .year-chart-date-button,
  .year-chart-close{
    min-width:104px!important;
    width:104px!important;
    font-size:10.5px!important;
  }
}


/* ===== GHROOZ CHART POPUP / ASSISTANT VISIBILITY / RESPONSIVE PARITY v20 ===== */
/* The assistant launcher enters only after the loading screen, and disappears only while the full chart is open. */
.ai-support-button{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(14px) scale(.97)!important;
  transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1),visibility .8s!important;
  will-change:opacity,transform;
}
body.ai-launcher-ready:not(.year-chart-open) .ai-support-button{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
body.year-chart-open .ai-support-button{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(10px) scale(.96)!important;
}
body.ai-launcher-ready:not(.year-chart-open) .ai-support-button:hover{transform:scale(.98)!important}
body.ai-launcher-ready:not(.year-chart-open) .ai-support-button:active{transform:scale(.96)!important}

/* The first price popup close control matches the converter's rectangular pill button. */
.detail-close{
  width:clamp(118px,31vw,168px)!important;
  min-width:118px!important;
  min-height:44px!important;
  padding:11px 16px!important;
  border:0!important;
  border-radius:60px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-family:'Vazirmatn',sans-serif!important;
  font-size:clamp(14px,3.8vw,16px)!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.detail-close:hover{background:#dc2626!important;transform:scale(.98)!important}
body.light-mode .detail-close{background:#ef4444!important;color:#fff!important;border:0!important}
body.light-mode .detail-close:hover{background:#dc2626!important}

/* Desktop and large displays: chart close/date controls have exactly the same frame. */
@media (min-width:900px){
  .year-chart-header-actions{
    display:grid!important;
    grid-template-columns:repeat(2,142px)!important;
    gap:10px!important;
    align-items:stretch!important;
    flex:0 0 auto!important;
  }
  .year-chart-date-button,
  .year-chart-close{
    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
    height:44px!important;
    min-height:44px!important;
    padding:8px 12px!important;
    border:1px solid #334155!important;
    border-radius:13px!important;
    background:#1e293b!important;
    color:#e2e8f0!important;
    font-family:'Vazirmatn',sans-serif!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:900!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  body.light-mode .year-chart-date-button,
  body.light-mode .year-chart-close{background:#e2e8f0!important;color:#0f172a!important;border-color:#cbd5e1!important}
}

/* Portrait phones: date button keeps its width; close button is 0.5cm smaller on each side. */
@media (max-width:640px) and (orientation:portrait){
  .year-chart-header-actions{
    gap:.5cm!important;
    align-items:center!important;
  }
  .year-chart-date-button{width:100%!important;min-width:100%!important;max-width:100%!important}
  .year-chart-close{
    width:calc(100% - 1cm)!important;
    min-width:calc(100% - 1cm)!important;
    max-width:calc(100% - 1cm)!important;
    align-self:center!important;
  }

  /* Price/date/change card is centered, including all text inside it. */
  .year-chart-fixed-info{
    left:50%!important;
    right:auto!important;
    top:9px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    min-width:min(250px,calc(100% - 22px))!important;
    max-width:calc(100% - 22px)!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .year-chart-fixed-info .year-chart-tooltip-date,
  .year-chart-fixed-info .year-chart-tooltip-price,
  .year-chart-fixed-info .year-chart-tooltip-change{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
  }

  /* Larger, single-line mobile guidance in the same place. */
  .year-chart-landscape-hint{
    display:block!important;
    width:max-content!important;
    max-width:calc(100% - 12px)!important;
    min-height:34px!important;
    padding:7px 11px!important;
    margin:7px auto 0!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  .year-chart-fixed-info{min-width:min(232px,calc(100% - 18px))!important;max-width:calc(100% - 18px)!important}
  .year-chart-landscape-hint{font-size:8.9px!important;padding-inline:8px!important;max-width:calc(100% - 8px)!important}
  .detail-close{width:112px!important;min-width:112px!important;font-size:13px!important}
}

/* Landscape phones and compact tablets: maximize the real chart area so rises, drops, and bends stay visible. */
@media (max-width:899px) and (orientation:landscape){
  .year-chart-modal{
    align-items:center!important;
    justify-content:center!important;
    padding:4px!important;
    overflow:hidden!important;
  }
  .year-chart-box{
    width:min(98vw,980px)!important;
    max-width:min(98vw,980px)!important;
    height:auto!important;
    max-height:calc(100dvh - 8px)!important;
    padding:8px 11px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .year-chart-header{margin-bottom:5px!important;padding-bottom:5px!important;gap:8px!important}
  .year-chart-header h3{font-size:clamp(16px,3vw,23px)!important;line-height:1.25!important}
  .year-chart-subtitle{font-size:clamp(8px,1.55vw,11px)!important;line-height:1.35!important;margin-top:2px!important;white-space:nowrap!important}
  .year-chart-header-actions{gap:6px!important;flex-direction:row!important;min-width:auto!important;width:auto!important;flex-basis:auto!important}
  .year-chart-date-button,.year-chart-close{width:auto!important;min-width:94px!important;max-width:none!important;height:34px!important;min-height:34px!important;padding:5px 9px!important;font-size:9px!important;border-radius:10px!important}
  .year-chart-box>.year-chart-ranges{min-height:34px!important;margin:0 0 5px!important}
  .year-chart-range-btn{min-height:31px!important;font-size:8.5px!important}
  .year-chart-box>.year-chart-container{flex:1 1 auto!important;min-height:0!important;margin:0!important}
  .year-chart-wrap{height:clamp(210px,58dvh,470px)!important;min-height:210px!important;max-height:58dvh!important}
  .year-chart-svg-shell{min-height:0!important}
  .year-chart-note{margin-top:3px!important;font-size:7.5px!important;line-height:1.25!important}
  .year-chart-landscape-hint{display:none!important}
}


/* ===== GHROOZ CLOSE BUTTON / MOBILE HINT / THEME DING v21 ===== */
/* Price-detail popup close button: same frame language as the full-chart close button,
   while preserving the larger dimensions of the price popup control. */
.detail-close{
  width:clamp(128px,32vw,176px)!important;
  min-width:128px!important;
  max-width:176px!important;
  height:46px!important;
  min-height:46px!important;
  padding:9px 16px!important;
  border:1px solid #334155!important;
  border-radius:13px!important;
  background:#1e293b!important;
  color:#e2e8f0!important;
  font-family:'Vazirmatn',sans-serif!important;
  font-size:clamp(14px,3.8vw,16px)!important;
  line-height:1.2!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  box-shadow:none!important;
}
.detail-close:hover{background:#273449!important;transform:scale(.98)!important}
body.light-mode .detail-close{background:#e2e8f0!important;color:#0f172a!important;border-color:#cbd5e1!important}
body.light-mode .detail-close:hover{background:#cbd5e1!important}

/* The full-chart close button stays physically on the left side of its action area. */
.year-chart-close{
  justify-self:start!important;
  align-self:flex-start!important;
  margin-left:0!important;
  margin-right:auto!important;
}
@media (min-width:900px){
  .year-chart-header-actions{justify-content:flex-start!important;justify-items:start!important}
  .year-chart-close{justify-self:stretch!important;width:142px!important;margin-left:0!important;margin-right:0!important}
}
@media (max-width:899px){
  .year-chart-header-actions{align-items:flex-start!important}
  .year-chart-close{margin-left:0!important;margin-right:auto!important}
}

/* Equal top/bottom spacing and exact requested wording for the mobile landscape guide. */
.year-chart-landscape-hint{
  box-sizing:border-box!important;
  min-height:0!important;
  height:auto!important;
  padding:8px 12px!important;
  line-height:1.15!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media (max-width:640px) and (orientation:portrait){
  .year-chart-landscape-hint{
    padding-top:8px!important;
    padding-bottom:8px!important;
    margin-top:7px!important;
  }
}
@media (orientation:landscape), (min-width:641px){
  .year-chart-landscape-hint{display:none!important}
}


/* ===== GHROOZ CHART POINT-TIME / UNIFIED CONTROLS / ACCESSIBILITY v22 ===== */
/* Keep the chart title on one line; the compact red X leaves more room for long names. */
.year-chart-header{flex-wrap:nowrap!important;align-items:flex-start!important}
.year-chart-title-copy{min-width:0!important;overflow:hidden!important}
.year-chart-header h3{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.25!important;
}
.year-chart-header-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important}
.year-chart-close{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid rgba(239,68,68,.55)!important;
  border-radius:12px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  box-shadow:none!important;
}
.year-chart-close:hover{background:#dc2626!important;transform:scale(.97)!important}
body.light-mode .year-chart-close{background:#ef4444!important;color:#fff!important;border-color:rgba(220,38,38,.55)!important}

/* Unified frame language for chart controls on all screens. */
.year-chart-date-button,.year-chart-range-btn,.detail-close,
.ai-support-close,.ai-support-readable{
  border-radius:12px!important;
  font-family:'Vazirmatn',sans-serif!important;
  font-weight:900!important;
}
.year-chart-date-button{white-space:nowrap!important}

/* Initial price popup: modestly narrower, preserving its height and placement. */
.detail-close{
  width:clamp(108px,27vw,146px)!important;
  min-width:108px!important;
  max-width:146px!important;
  height:46px!important;
  min-height:46px!important;
}

/* Selected point's exact time sits directly below its crosshair. */
.year-chart-active-time-group{pointer-events:none}
.year-chart-active-time-group rect{
  fill:rgba(15,23,42,.94);
  stroke:rgba(148,163,184,.45);
  stroke-width:1;
}
.year-chart-active-time-group text{
  fill:#f8fafc;
  font-family:'Vazirmatn',sans-serif;
  font-size:10px;
  font-weight:900;
  direction:ltr;
  unicode-bidi:isolate;
}
body.light-mode .year-chart-active-time-group rect{fill:rgba(255,255,255,.96);stroke:#cbd5e1}
body.light-mode .year-chart-active-time-group text{fill:#0f172a}
.year-chart-hour-point{stroke:rgba(255,255,255,.8);stroke-width:.85;pointer-events:none}
body.light-mode .year-chart-hour-point{stroke:rgba(15,23,42,.35)}

/* Price grid starts immediately after its label in compact/portrait charts. */
@media (max-width:700px){
  .year-chart-price-label{font-size:9px!important;font-weight:800!important}
  .year-chart-grid-line{stroke-width:1!important}
}

/* Assistant accessibility control and larger mobile typography. */
.ai-support-header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.ai-support-readable,.ai-support-close{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid #334155!important;
  background:#1e293b!important;
  color:#f8fafc!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.ai-support-close{background:#ef4444!important;border-color:rgba(239,68,68,.55)!important}
.ai-support-readable[aria-pressed="true"]{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}
body.light-mode .ai-support-readable{background:#e2e8f0!important;color:#0f172a!important;border-color:#cbd5e1!important}
body.light-mode .ai-support-readable[aria-pressed="true"]{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}
body.light-mode .ai-support-close{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}

@media (max-width:640px){
  .year-chart-header{gap:6px!important}
  .year-chart-header h3{font-size:clamp(13px,4vw,18px)!important}
  .year-chart-header-actions{gap:6px!important;min-width:0!important;width:auto!important;flex-basis:auto!important;flex-direction:row!important}
  .year-chart-date-button{
    width:auto!important;
    min-width:104px!important;
    max-width:118px!important;
    height:40px!important;
    min-height:40px!important;
    padding:7px 9px!important;
    font-size:10.5px!important;
  }
  .year-chart-close{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important}

  .ai-support-panel{font-size:16px!important}
  .ai-support-title-row h3{font-size:16px!important}
  .ai-support-identity p{font-size:11px!important}
  .ai-message-bubble{font-size:14px!important;line-height:1.9!important}
  .ai-support-quick-actions button{font-size:11.5px!important;padding:8px 11px!important}
  .ai-support-form textarea{font-size:14px!important;line-height:1.75!important}
  .ai-support-form button{font-size:13px!important}
  .ai-support-disclaimer{font-size:10px!important;line-height:1.7!important}
  .ai-support-readable,.ai-support-close{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;font-size:19px!important}
}

@media (max-width:370px){
  .year-chart-date-button{min-width:96px!important;max-width:104px!important;font-size:9.8px!important;padding-inline:7px!important}
  .year-chart-close{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;font-size:18px!important}
  .detail-close{width:100px!important;min-width:100px!important;max-width:100px!important}
}

@media (min-width:900px){
  .year-chart-header-actions{display:flex!important;grid-template-columns:none!important;gap:10px!important}
  .year-chart-date-button{width:142px!important;min-width:142px!important;max-width:142px!important;height:44px!important;min-height:44px!important}
  .year-chart-close{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;font-size:20px!important}
}


/* ===== GHROOZ TETHER / LEFT AXIS / ASSISTANT MAGNIFIER v23 ===== */
/* The price labels live at the far-left edge; the grid begins immediately after their reserved axis zone. */
.year-chart-price-label{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-anchor:start!important;
}

/* Magnifier affects only messages already displayed in the assistant conversation. */
.ai-support-panel.ai-readable-mode .ai-message-bubble{
  font-size:18px!important;
  font-weight:inherit!important;
  line-height:1.9!important;
}
@media (max-width:640px){
  .ai-support-panel.ai-readable-mode .ai-message-bubble{
    font-size:21px!important;
    line-height:1.9!important;
  }
}


/* ===== GHROOZ ASSISTANT / SPEED / LIVE LABEL v24 ===== */
/* Local replacements for the only Tailwind utility classes used by the page. */
.font-black{font-weight:900!important}
.text-gray-300{color:#d1d5db!important}
body.light-mode .text-gray-300{color:#64748b!important}

/* Remove the launcher shadow on every device and in both themes. */
.ai-support-button,
.ai-support-button:hover,
.ai-support-button:focus,
.ai-support-button:active,
body.light-mode .ai-support-button,
body.light-mode .ai-support-button:hover,
body.light-mode .ai-support-button:focus,
body.light-mode .ai-support-button:active{box-shadow:none!important}

/* Requested compact assistant heading; conversation/button sizing is untouched. */
.ai-support-title-row h3{font-size:14.5px!important}
.ai-support-identity p{font-size:9px!important}
@media(max-width:640px){
  .ai-support-title-row h3{font-size:15.5px!important}
  .ai-support-identity p{font-size:10px!important}
}
@media(max-width:370px){
  .ai-support-title-row h3{font-size:14.5px!important}
  .ai-support-identity p{font-size:9px!important}
}


/* ===== GHROOZ v25: button parity, VIP text, iPhone normalization ===== */
/* Keep the original dimensions while neutralizing Safari's native button metrics. */
.contact-btn,
.theme-btn,
.converter-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  line-height:1.35!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
  font-synthesis:none;
}

/* Exact original responsive dimensions, reinforced for iPhone/iOS Safari. */
@supports (-webkit-touch-callout:none){
  .contact-btn,
  .theme-btn{
    padding:clamp(5px,1.8vw,8px) clamp(10px,3vw,18px)!important;
    font-size:clamp(10px,3vw,13px)!important;
    border-radius:40px!important;
  }
  .converter-btn{
    padding:clamp(12px,3.5vw,16px) clamp(12px,3.5vw,18px)!important;
    font-size:clamp(14px,3.8vw,18px)!important;
    border-radius:clamp(10px,3vw,14px)!important;
  }
}

/* Increase only the VIP words “ورود” and “بستن”; button boxes remain unchanged. */
.online-admin-actions button{
  font-size:15px!important;
  line-height:1.2!important;
}


/* ===== GHROOZ v27: main header only — charts untouched ===== */

/* Main-page logo only: slightly higher and 3% larger without moving other elements. */
#logoReload > .logo-circle{
  transform:translateY(-1px) scale(1.03)!important;
  transform-origin:center center!important;
}

/* Main-page “قیمت روز” only: half a pixel larger. */
#logoReload > .title-box > h1{
  font-size:calc(clamp(22px,7vw,40px) + .5px)!important;
}

/* iPhone/Safari only: center the button text vertically; dimensions stay unchanged. */
@supports (-webkit-touch-callout:none){
  #contactBtn,
  #themeToggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    padding-top:clamp(5px,1.8vw,8px)!important;
    padding-bottom:clamp(5px,1.8vw,8px)!important;
  }
}


/* ===== GHROOZ v28: header buttons only — charts untouched ===== */
#contactBtn,
#themeToggle{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(5px,1.8vw,8px) clamp(10px,3vw,18px)!important;
  font-size:clamp(10px,3vw,13px)!important;
  line-height:1.35!important;
  border-radius:40px!important;
  white-space:nowrap!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}


/* ===== GHROOZ v36: A2HS assistant path + date picker text only ===== */

/* Date picker close button: same red square style as the chart close button. */
#yearChartDateClose{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:0!important;
  flex:0 0 40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(220,38,38,.55)!important;
  border-radius:12px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:none!important;
}
#yearChartDateClose:hover{background:#dc2626!important}
body.light-mode #yearChartDateClose{
  background:#ef4444!important;
  color:#fff!important;
  border-color:rgba(220,38,38,.55)!important;
}

/* Small screens: increase requested texts by one size, action-button text by two sizes.
   Button boxes and positions remain unchanged. */
@media (max-width:899px){
  .year-chart-date-card-head strong{font-size:16px!important}
  .year-chart-date-card-head span{font-size:10px!important}
  .year-chart-date-grid label,
  .year-chart-hour-field label{font-size:11px!important}
  .year-chart-date-grid select,
  .year-chart-hour-field select{font-size:11px!important}
  .year-chart-exact-toggle{font-size:11px!important}
  .year-chart-hour-field small{font-size:9.5px!important}
  .year-chart-date-actions button{font-size:12px!important}
}

/* Desktop and normal large screens. */
@media (min-width:900px) and (max-width:1599px){
  .year-chart-date-card-head strong{font-size:26px!important}
  .year-chart-date-card-head span{font-size:14px!important}
  .year-chart-date-grid label,
  .year-chart-hour-field label{font-size:15px!important}
  .year-chart-date-grid select,
  .year-chart-hour-field select{font-size:18px!important}
  .year-chart-exact-toggle{font-size:15px!important}
  .year-chart-hour-field small{font-size:13px!important}
  .year-chart-date-actions button{font-size:17px!important}
  #yearChartDateClose{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex-basis:44px!important;
    font-size:20px!important;
  }
}

/* Very large screens. */
@media (min-width:1600px){
  .year-chart-date-card-head strong{font-size:31px!important}
  .year-chart-date-card-head span{font-size:16px!important}
  .year-chart-date-grid label,
  .year-chart-hour-field label{font-size:17px!important}
  .year-chart-date-grid select,
  .year-chart-hour-field select{font-size:21px!important}
  .year-chart-exact-toggle{font-size:17px!important}
  .year-chart-hour-field small{font-size:13px!important}
  .year-chart-date-actions button{font-size:19px!important}
  #yearChartDateClose{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex-basis:44px!important;
    font-size:20px!important;
  }
}

@media (max-width:520px){
  #yearChartDateClose{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex-basis:38px!important;
    font-size:18px!important;
  }
}


/* ===== GHROOZ v37: date picker polish only — chart drawing untouched ===== */

/* Chart X and date-picker X: exactly the same red square control. */
.year-chart-close,
#yearChartDateClose{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:0!important;
  flex:0 0 40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(220,38,38,.55)!important;
  border-radius:12px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.year-chart-close:hover,
#yearChartDateClose:hover{
  background:#dc2626!important;
  transform:scale(.97)!important;
}
body.light-mode .year-chart-close,
body.light-mode #yearChartDateClose{
  background:#ef4444!important;
  color:#fff!important;
  border-color:rgba(220,38,38,.55)!important;
}

/* Date picker now uses the exact chart-popup motion engine. */
.year-chart-date-picker,
.year-chart-date-picker .year-chart-date-card{
  will-change:opacity,transform;
}

/* Values inside year/month/day/hour fields: 1.5× larger.
   Native arrows are replaced with a small inset arrow so they do not touch the left edge. */
.year-chart-date-grid select,
.year-chart-hour-field select{
  -webkit-appearance:none!important;
  appearance:none!important;
  padding-right:10px!important;
  padding-left:38px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23cbd5e1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:left 14px center!important;
  background-size:12px 7px!important;
}
body.light-mode .year-chart-date-grid select,
body.light-mode .year-chart-hour-field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23475569' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

@media (max-width:899px){
  .year-chart-date-grid select,
  .year-chart-hour-field select{font-size:16.5px!important}
}
@media (min-width:900px) and (max-width:1599px){
  .year-chart-date-grid select,
  .year-chart-hour-field select{font-size:27px!important}
  .year-chart-close,
  #yearChartDateClose{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex-basis:44px!important;
    font-size:20px!important;
  }
}
@media (min-width:1600px){
  .year-chart-date-grid select,
  .year-chart-hour-field select{font-size:31.5px!important}
  .year-chart-close,
  #yearChartDateClose{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex-basis:44px!important;
    font-size:20px!important;
  }
}
@media (max-width:370px){
  .year-chart-close,
  #yearChartDateClose{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex-basis:38px!important;
    font-size:18px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .year-chart-date-picker,
  .year-chart-date-picker .year-chart-date-card{
    transition:none!important;
  }
}


/* ===== GHROOZ v38: white close glyph + exact chart motion ===== */
.year-chart-close,
#yearChartDateClose{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:Arial,Tahoma,sans-serif!important;
  font-style:normal!important;
  text-shadow:none!important;
}
body.light-mode .year-chart-close,
body.light-mode #yearChartDateClose{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}




/* Assistant live-market change only: number, sign and percent receive color. */
.ai-market-change{
  display:inline-flex;
  direction:ltr;
  unicode-bidi:isolate;
  align-items:baseline;
  gap:1px;
  white-space:nowrap;
  font-weight:900;
}
.ai-market-change-positive{color:#22c55e!important}
.ai-market-change-negative{color:#ef4444!important}
.ai-market-change-sign,
.ai-market-change-number,
.ai-market-change-percent{color:inherit!important}