.chart-container.loading,.volume-chart-container.loading{position:relative;opacity:.6;pointer-events:none}.chart-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:10px 20px;border-radius:4px;font-weight:500;color:#333;z-index:10;backdrop-filter:blur(2px)}.stock-info-value.loading{color:#999;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.background-dark .chart-loading{background:#000000e6;color:#fff}.stock-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.last-refresh-time{font-size:11px;color:#ffffffb3;font-style:italic}.stock-refresh-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.stock-refresh-btn:hover{background:#ffffff1a;border-color:#ffffff80}.stock-refresh-btn:active{transform:scale(.95)}.stock-refresh-btn svg{transition:transform .3s ease}.stock-refresh-btn.refreshing svg{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.background-dark .stock-refresh-btn{border-color:#fff3}.background-dark .stock-refresh-btn:hover{background:#ffffff1a;border-color:#fff6}.chart-container canvas{position:relative}.chartjs-tooltip{opacity:1!important;border-radius:6px!important;box-shadow:0 4px 12px #0000004d!important;font-family:inherit!important}.date-range-picker{margin:20px 0;color:#fff}.date-range-picker label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:#ffffffe6}.date-picker-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-picker-input{background:#000c;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:8px 12px;color:#fff;font-size:13px;min-width:140px;transition:all .3s ease;cursor:pointer;position:relative}.date-picker-input:hover{background:#000000e6;border-color:#fff9;box-shadow:0 2px 8px #0000004d}.date-picker-input:focus{outline:none;border-color:#007bff;background:#000000f2;box-shadow:0 0 0 3px #007bff33}.date-picker-input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.2);opacity:.8;cursor:pointer;padding:2px;border-radius:3px;transition:all .2s ease;position:absolute;right:8px;width:16px;height:16px}.date-picker-input::-webkit-calendar-picker-indicator:hover{opacity:1;background:#ffffff1a}.date-range-display{font-size:12px;color:#fffc;font-weight:500;font-style:italic}.background-dark .date-picker-input{background:#000000f2;border-color:#ffffff80;color:#fff}.background-dark .date-picker-input:hover{background:#000;border-color:#ffffffb3;box-shadow:0 2px 12px #00000080}.background-dark .date-picker-input:focus{border-color:#007bff;background:#000;box-shadow:0 0 0 3px #007bff4d}.date-picker-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker-input:active{transform:translateY(1px);box-shadow:0 1px 4px #0006}.date-picker-input::-moz-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z'/%3e%3c/svg%3e");filter:invert(1);cursor:pointer}.date-picker-input::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z'/%3e%3c/svg%3e");filter:none}@media screen and (max-width:640px){.stock-info-header{flex-direction:column;gap:8px;align-items:stretch}.last-refresh-time{text-align:center;order:2}.stock-refresh-btn{order:1;justify-content:center}.date-picker-container{flex-direction:column;align-items:stretch;gap:8px}.date-picker-input{min-width:auto;width:100%;padding:10px 12px;font-size:14px}.date-range-display{text-align:center;order:2}}.featured-asx.featured-share-price .grid-container{justify-content:flex-start;display:flex;column-gap:2.5926%}.featured-share-price h2{padding-bottom:clamp(40px,6.111vh,66px)}.featured-share-price .featured-asx__content{min-width:clamp(180px,12.917vw,248px)}.featured-share-price .featured-asx__graph{max-width:883px;min-width:49.1%;align-self:center}.featured-share-price .featured-asx__graph .yourir-widget-price-chart1{width:100%}.featured-share-price .stock-summary{padding:33px clamp(20px,1.797vw,34.5px) 36px;margin-left:auto;max-width:clamp(250px,20vw,300px)}.stock-summary .stock-info:last-child{border-bottom:none}@media screen and (max-width:1200px){.featured-asx.featured-share-price .grid-container{flex-wrap:wrap}.featured-share-price .stock-summary,.featured-share-price .featured-asx__content{max-width:48%;width:100%;margin:0 auto}.featured-share-price .featured-asx__graph{width:100%;max-width:100%}}@media screen and (max-width:640px){.featured-share-price .stock-summary,.featured-share-price .featured-asx__content{max-width:100%;margin-bottom:50px}}
