.fwp-stock-chart-widget{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#333;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);max-width:100%;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;padding:1em;margin:1em 0}.fwp-stock-chart-widget.dark{background-color:#121820;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.4)}.fwp-stock-chart-widget.dark .chart-header{background-color:#1a2130;border-color:#364050}.fwp-stock-chart-widget.dark .chart-header .stock-info .stock-symbol{color:#fff;font-size:1.8rem}.fwp-stock-chart-widget.dark .chart-header .stock-info .stock-name{color:#a0aec0;font-size:1rem}.fwp-stock-chart-widget.dark .chart-header .stock-price{color:#fff;font-size:1.8rem}.fwp-stock-chart-widget.dark .chart-header .stock-change.positive{color:#4ade80}.fwp-stock-chart-widget.dark .chart-header .stock-change.negative{color:#f87171}.fwp-stock-chart-widget.dark .chart-header .stock-change .realtime-indicator{color:#4ade80;background-color:rgba(74,222,128,.15);border-color:rgba(74,222,128,.4)}.fwp-stock-chart-widget.dark .chart-header .stock-change .stock-price.price-flash-up{background-color:#4ade80}.fwp-stock-chart-widget.dark .chart-header .stock-change .stock-price.price-flash-down{background-color:#f87171}.fwp-stock-chart-widget.dark .timeframe-selector{background-color:#1a2130;border-color:#364050;padding:.5em;margin-bottom:1em}.fwp-stock-chart-widget.dark .timeframe-button{background-color:#1e2a38;color:#fff;border-color:#364050;font-weight:500}.fwp-stock-chart-widget.dark .timeframe-button:hover{background-color:#364050}.fwp-stock-chart-widget.dark .timeframe-button.active{background-color:#658439;color:#fff;border-color:#658439;box-shadow:0 0 0 1px hsla(0,0%,100%,.1)}.fwp-stock-chart-widget.dark .stock-chart-container canvas{filter:brightness(1.05)}.fwp-stock-chart-widget.dark .stock-chart-container .chart-loading{background-color:rgba(18,24,32,.9);color:#fff}.fwp-stock-chart-widget.dark .key-data-points{background-color:#1a2130;border-color:#364050;padding:.5em}.fwp-stock-chart-widget.dark .key-data-points .key-data-title{color:hsl(84.8,39.6825396825%,52.0588235294%);font-weight:600;font-size:1.1rem;margin-bottom:1em}.fwp-stock-chart-widget.dark .data-grid .data-row{border-color:#364050;padding:.5em 0}.fwp-stock-chart-widget.dark .data-grid .data-label{color:#a0aec0;font-weight:500}.fwp-stock-chart-widget.dark .data-grid .data-value{color:#fff;font-weight:600}.fwp-stock-chart-error{padding:15px;background-color:#fff5f5;color:#e74c3c;border-radius:4px;border-left:4px solid #e74c3c;margin-bottom:20px}.fwp-stock-chart-widget.dark .fwp-stock-chart-error{background-color:rgba(231,76,60,.2);color:#f87171;border-color:#f87171;border-left-width:4px}.market-badge-row{display:flex;justify-content:flex-end;margin-top:2px}.chart-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5em;border-bottom:1px solid #e5e5e5}.chart-header .stock-info{display:flex;flex-direction:column}.chart-header .stock-info .stock-symbol{font-size:1.4rem;font-weight:600;margin:0}.chart-header .stock-info .stock-name{font-size:.8rem;color:#666;margin-top:3px}.chart-header .quote-right-col{display:flex;flex-direction:column;align-items:flex-end;flex:1;min-width:0}.chart-header .price-container{display:flex;flex-direction:column;align-items:flex-end;width:100%;margin-bottom:2px}.chart-header .stock-price{font-size:1.2rem;font-weight:600;text-align:right;border-radius:4px;padding:2px 6px;min-width:60px;background-color:rgba(0,0,0,0);color:inherit;transition:background-color .3s ease,color .3s ease}.chart-header .stock-price.price-flash-up{background-color:#27ae60;color:#fff;animation:flashGreen 1s ease-out}.chart-header .stock-price.price-flash-down{background-color:#e74c3c;color:#fff;animation:flashRed 1s ease-out}.chart-header .stock-change{font-size:.8rem;text-align:right;margin-left:15px}@media(max-width: 480px){.chart-header .stock-change{margin-left:0;margin-top:3px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}}.chart-header .stock-change.positive{color:#27ae60}.chart-header .stock-change.negative{color:#e74c3c}.chart-header .stock-change .change-amount{font-weight:500}.chart-header .stock-change .change-percent{margin-left:5px}@media(max-width: 480px){.chart-header .stock-change .change-percent{margin-left:0}}.chart-header .stock-change .timeframe-label{margin-left:5px;font-size:.75rem;background-color:rgba(0,0,0,.1);border-radius:4px;padding:1px 5px;font-weight:500}@media(max-width: 480px){.chart-header .stock-change .timeframe-label{margin-left:0;width:100%;text-align:center}}.chart-header .realtime-indicator{font-size:.7rem;color:#27ae60;font-weight:600;background-color:rgba(39,174,96,.1);border:1px solid rgba(39,174,96,.3);border-radius:10px;padding:2px 6px;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.chart-header .realtime-indicator::before{content:"●";margin-right:3px;animation:pulse 2s infinite}.timeframe-selector{display:flex;justify-content:center;margin-bottom:1em}.timeframe-selector .timeframe-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.timeframe-selector .timeframe-buttons .timeframe-button{background-color:#fff;border:1px solid #e5e5e5;color:#333;padding:.3em;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.timeframe-selector .timeframe-buttons .timeframe-button:hover{background-color:hsl(0,0%,95%)}.timeframe-selector .timeframe-buttons .timeframe-button.active{background-color:#658439;color:#fff;border-color:#658439}.timeframe-selector .timeframe-buttons .timeframe-button:disabled{opacity:.5;cursor:not-allowed}.stock-chart-container{position:relative;margin-bottom:1em;z-index:2;isolation:isolate;overflow:visible !important}.stock-chart-container canvas{position:relative;z-index:2;width:100% !important}.stock-chart-container .chart-loading{display:flex;align-items:center;justify-content:center;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);z-index:10}.stock-chart-container .chart-loading span{padding:10px 20px;border-radius:4px;background-color:#658439;color:#fff;font-weight:500}@media(max-width: 480px){.stock-chart-container{height:200px}}@media(min-width: 481px)and (max-width: 768px){.stock-chart-container{height:250px}}.key-data-points{margin-top:20px;position:relative;z-index:3}.key-data-points h4{margin:0 0 15px 0;font-size:1rem !important;font-weight:600;text-transform:uppercase;color:#658439}.key-data-points h4.collapsible-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #e5e5e5;margin-bottom:0}.key-data-points h4.collapsible-header:hover{color:hsl(84.8,39.6825396825%,27.0588235294%)}.key-data-points h4.collapsible-header .toggle-icon{font-size:1.2rem;font-weight:400;margin-left:8px}.key-data-points .data-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}@media(min-width: 768px){.key-data-points .data-grid{grid-template-columns:repeat(3, 1fr)}}.key-data-points .data-grid .data-row{padding:5px 0;border-bottom:1px solid #e5e5e5}.key-data-points .data-grid .data-row .data-label{font-size:.85rem;color:#666;margin-bottom:3px}.key-data-points .data-grid .data-row .data-value{font-size:.95rem;font-weight:500}@keyframes flashGreen{0%{background-color:#27ae60;transform:scale(1.05)}100%{background-color:rgba(0,0,0,0);color:inherit;transform:scale(1)}}@keyframes flashRed{0%{background-color:#e74c3c;transform:scale(1.05)}100%{background-color:rgba(0,0,0,0);color:inherit;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}