.metrictrade-quotes-wrapper{width:100%!important;overflow-x:auto!important;margin:20px 0!important;position:relative!important;-webkit-overflow-scrolling:touch!important}.metrictrade-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding:15px 20px!important;background:#f8f9fa!important;border:1px solid #dee2e6!important;border-radius:6px!important;flex-wrap:wrap!important;gap:15px!important}.metrictrade-search-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important;flex:auto!important;min-width:200px!important;max-width:300px!important}.metrictrade-search-input{padding:10px 40px 10px 14px!important;border:1px solid #ced4da!important;border-radius:6px!important;font-size:14px!important;width:100%!important;transition:all .2s ease!important;background:#fff!important;color:#495057!important}.metrictrade-search-input:focus{border-color:#80bdff!important;outline:none!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important}.metrictrade-search-input::placeholder{color:#6c757d!important;opacity:.7!important}.metrictrade-search-clear{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;background:0 0!important;border:none!important;cursor:pointer!important;font-size:22px!important;color:#6c757d!important;padding:0 5px!important;line-height:1!important;transition:color .2s ease!important}.metrictrade-search-clear:hover{color:#dc3545!important}.metrictrade-search-no-results{text-align:center!important;padding:40px 20px!important;color:#6c757d!important;font-style:italic!important;font-size:15px!important;background:#f8f9fa!important;border:1px solid #dee2e6!important;border-radius:6px!important;margin-top:10px!important}.metrictrade-clear-filter{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;margin-left:15px;transition:all .3s ease}.metrictrade-clear-filter:hover{background:#ffe69c;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.metrictrade-filter-icon{font-size:14px}.metrictrade-clear-icon{font-size:18px;margin-left:5px;color:#721c24}.metrictrade-row-highlight{animation:highlightRow 2s ease!important}@keyframes highlightRow{0%,100%{background-color:#fff}50%{background-color:rgba(255,235,59,.3)}}.metrictrade-last-updated{font-size:13px!important;color:#6c757d!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:5px!important}.metrictrade-timestamp{font-weight:600!important;color:#495057!important;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,monospace!important}.metrictrade-refresh-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:10px 16px!important;background:#007bff!important;color:#fff!important;border:none!important;border-radius:6px!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;transition:all .2s ease!important;white-space:nowrap!important}.metrictrade-refresh-btn:hover:not(:disabled){background:#0056b3!important;box-shadow:0 2px 6px rgba(0,123,255,.3)!important;transform:none!important}.metrictrade-refresh-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.metrictrade-refresh-icon{display:inline-block!important;font-size:16px!important;transition:transform .3s ease!important}.metrictrade-refresh-icon.metrictrade-spinning{animation:spin 1s linear infinite!important}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.metrictrade-quotes-wrapper.metrictrade-refresh-success{animation:flashGreen .5s ease}@keyframes flashGreen{0%,100%{background-color:initial}50%{background-color:rgba(40,167,69,.1)}}.metrictrade-table{width:auto!important;min-width:100%!important;border-collapse:collapse!important;font-size:14px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;table-layout:auto!important}.metrictrade-table thead{background:#f8f9fa!important;border-bottom:2px solid #dee2e6!important}.metrictrade-table th{padding:12px 15px!important;text-align:left!important;font-weight:600!important;color:#495057!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important}.metrictrade-table tbody tr{border-bottom:1px solid #e9ecef!important;transition:background-color .15s ease!important}.metrictrade-table tbody tr:hover{background:#f8f9fa!important}.metrictrade-table td{padding:10px 15px!important;color:#212529!important;font-size:14px!important;white-space:nowrap!important}.metrictrade-table tbody tr:last-child{border-bottom:none!important}.metrictrade-change{font-weight:600;padding:2px 6px;border-radius:3px;display:inline-block}.metrictrade-change.positive{color:#28a745;background:#d4edda}.metrictrade-change.negative{color:#dc3545;background:#f8d7da}.metrictrade-single.metrictrade-format-card{max-width:400px;margin:20px 0}.metrictrade-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.metrictrade-card .metrictrade-symbol{margin:0 0 15px;font-size:24px;color:#333;border-bottom:2px solid #0073aa;padding-bottom:10px}.metrictrade-card .metrictrade-price{margin-bottom:20px}.metrictrade-card .metrictrade-last-price{font-size:32px;font-weight:700;color:#333;display:block;margin-bottom:8px}.metrictrade-card .metrictrade-change{font-size:18px;padding:4px 10px}.metrictrade-card .metrictrade-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.metrictrade-card .metrictrade-detail-item{display:flex;justify-content:space-between;padding:10px;background:#f9f9f9;border-radius:4px}.metrictrade-card .metrictrade-detail-item .label{font-weight:600;color:#666}.metrictrade-card .metrictrade-detail-item .value{font-weight:700;color:#333}.metrictrade-single.metrictrade-format-inline{display:inline-block;margin:0 10px}.metrictrade-inline{font-size:16px}.metrictrade-inline strong{margin-right:8px}.metrictrade-inline .metrictrade-change{margin-left:8px;font-size:14px}.metrictrade-error{padding:15px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin:20px 0}.metrictrade-empty{padding:15px;background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;border-radius:4px;margin:20px 0;text-align:center}.metrictrade-loading{text-align:center;padding:20px;color:#666}.metrictrade-loading::after{content:"...";animation:dots 1.5s steps(4,end)infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,100%{content:"..."}}.metrictrade-single-wrapper{position:relative}@media(max-width:768px){.metrictrade-header{flex-direction:column!important;align-items:stretch!important;padding:12px 15px!important;gap:12px!important}.metrictrade-search-wrapper{width:100%!important;max-width:100%!important;margin:0!important}.metrictrade-search-input{width:100%!important}.metrictrade-last-updated{justify-content:center!important;width:100%!important}.metrictrade-refresh-btn{width:100%!important;justify-content:center!important}.metrictrade-quotes-wrapper{overflow-x:auto!important}.metrictrade-table{font-size:11px!important;min-width:600px!important}.metrictrade-table th,.metrictrade-table td{padding:8px 6px!important;font-size:11px!important}.metrictrade-table th{font-size:10px!important}.metrictrade-col-name{font-size:12px!important;min-width:80px!important}.metrictrade-col-last_price{font-size:13px!important}.metrictrade-col-volume,.metrictrade-col-value{font-size:11px!important}.metrictrade-clear-filter{width:100%!important;justify-content:center!important;margin-left:0!important;margin-top:10px!important}}.metrictrade-col-name{font-weight:700!important;color:#d32f2f!important;width:1%!important;white-space:nowrap!important;font-size:14px!important;padding-right:20px!important}.metrictrade-col-last_price{text-align:right!important;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif!important;font-weight:700!important;color:#212529!important;font-size:15px!important;width:1%!important;white-space:nowrap!important;padding-left:15px!important;padding-right:20px!important}.metrictrade-col-previous_close,.metrictrade-col-open,.metrictrade-col-high,.metrictrade-col-low{text-align:right!important;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif!important;font-weight:600!important;color:#495057!important;width:1%!important;white-space:nowrap!important;padding-left:15px!important;padding-right:20px!important}.metrictrade-col-change,.metrictrade-col-change_percent{text-align:right!important;font-weight:600!important;width:1%!important;white-space:nowrap!important;padding-left:15px!important;padding-right:20px!important}.metrictrade-col-volume,.metrictrade-col-value{text-align:right!important;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif!important;font-size:13px!important;color:#6c757d!important;font-weight:600!important;width:1%!important;white-space:nowrap!important;padding-left:15px!important;padding-right:15px!important}@keyframes marquee-scroll-ltr{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes marquee-scroll-rtl{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.metrictrade-ticker-wrapper{width:100%;overflow:hidden;background:#f5f5f5;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:0;margin:0;position:relative}.metrictrade-ticker-wrapper .scrolling-carousel-marquee{width:100%;overflow:hidden;padding:0;margin:0}.metrictrade-ticker-wrapper .scrolling-carousel-track{display:flex;width:fit-content;animation:marquee-scroll-ltr 60s linear infinite}.metrictrade-ticker-wrapper[data-pause-on-hover=true] .scrolling-carousel-marquee:hover .scrolling-carousel-track{animation-play-state:paused!important}.metrictrade-ticker-wrapper .scrolling-carousel-chunk{display:flex;flex-shrink:0}.metrictrade-ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0;margin:0;color:#333;font-size:14px;font-weight:400;white-space:nowrap;border-left:1px solid #e0e0e0}.metrictrade-ticker-wrapper .scrolling-carousel-chunk:first-child .metrictrade-ticker-item:first-child{border-left:none}.metrictrade-ticker-symbol{font-weight:600;color:#333;font-size:14px;display:inline-block}.metrictrade-ticker-symbol strong{font-weight:700;color:#d32f2f}.metrictrade-ticker-price{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;color:#333;font-weight:500;font-size:14px}.metrictrade-ticker-change{font-weight:600;font-size:13px;padding:0;margin:0;border-radius:3px}.metrictrade-ticker-change.positive{color:#2e7d32}.metrictrade-ticker-change.negative{color:#d32f2f}.metrictrade-ticker-separator{color:#ccc;margin:0;padding:0;font-weight:300}@media(max-width:768px){.metrictrade-ticker-item{font-size:12px;padding:0;gap:6px}.metrictrade-ticker-symbol{font-size:12px}.metrictrade-ticker-price{font-size:12px}.metrictrade-ticker-change{font-size:11px}}.metrictrade-ribbon-wrapper{width:100%;background:#fff;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:0;margin:0;position:relative;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif}.metrictrade-ribbon-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:60px;background:rgba(255,255,255,.95);border:1px solid #ddd;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#333;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.metrictrade-ribbon-nav:hover{background:#f5f5f5;color:#000}.metrictrade-ribbon-nav:active{background:#e0e0e0}.metrictrade-ribbon-nav-left{left:0;border-radius:0 4px 4px 0;border-left:none}.metrictrade-ribbon-nav-right{right:0;border-radius:4px 0 0 4px;border-right:none}.metrictrade-ribbon-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:15px 20px;scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5;cursor:grab;user-select:none;-webkit-user-select:none}.metrictrade-ribbon-wrapper.dragging .metrictrade-ribbon-container{cursor:grabbing}.metrictrade-ribbon-container::-webkit-scrollbar{height:8px}.metrictrade-ribbon-container::-webkit-scrollbar-track{background:#f5f5f5}.metrictrade-ribbon-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.metrictrade-ribbon-container::-webkit-scrollbar-thumb:hover{background:#999}.metrictrade-ribbon-track{display:flex;width:fit-content}.metrictrade-ribbon-chunk{display:flex;flex-shrink:0}.metrictrade-ribbon-item{flex-shrink:0;padding:10px 20px;border-right:1px solid #e0e0e0;min-width:140px;background:#fff}.metrictrade-ribbon-item:last-child{border-right:none}.metrictrade-ribbon-item-clickable{cursor:pointer;transition:background-color .2s ease,transform .1s ease}.metrictrade-ribbon-item-clickable:hover{background-color:#f5f5f5}.metrictrade-ribbon-item-clickable:active{transform:scale(.98)}.metrictrade-ribbon-row1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}.metrictrade-ribbon-symbol{font-weight:700;font-size:14px;color:#d32f2f}.metrictrade-ribbon-price{font-weight:500;font-size:14px;color:#333;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif}.metrictrade-ribbon-change{font-weight:600;font-size:13px}.metrictrade-ribbon-change.positive{color:#2e7d32}.metrictrade-ribbon-change.negative{color:#d32f2f}.metrictrade-ribbon-percent{font-weight:600;font-size:13px}.metrictrade-ribbon-percent.positive{color:#2e7d32}.metrictrade-ribbon-percent.negative{color:#d32f2f}.metrictrade-ribbon-row2{display:flex;gap:15px;font-size:12px;color:#666}.metrictrade-ribbon-volume,.metrictrade-ribbon-value{white-space:nowrap}.metrictrade-ribbon-volume .label,.metrictrade-ribbon-value .label{color:#888}.metrictrade-ribbon-volume .value,.metrictrade-ribbon-value .value{font-weight:600;color:#333;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif}.metrictrade-ribbon-footer{padding:8px 15px;background:#f9f9f9;border-top:1px solid #e0e0e0}.metrictrade-ribbon-delay{font-size:11px;color:#888}@media(max-width:1024px){.metrictrade-ribbon-item{padding:8px 15px;min-width:120px}.metrictrade-ribbon-row1{gap:6px}.metrictrade-ribbon-symbol{font-size:13px}.metrictrade-ribbon-price{font-size:13px}.metrictrade-ribbon-change,.metrictrade-ribbon-percent{font-size:12px}.metrictrade-ribbon-row2{font-size:11px;gap:10px}}@media(max-width:768px){.metrictrade-ribbon-nav{width:30px;height:50px;font-size:20px}.metrictrade-ribbon-container{padding:10px 35px}.metrictrade-ribbon-item{padding:8px 12px;min-width:100px}.metrictrade-ribbon-row1{gap:5px;margin-bottom:4px}.metrictrade-ribbon-symbol{font-size:12px}.metrictrade-ribbon-price{font-size:12px}.metrictrade-ribbon-change,.metrictrade-ribbon-percent{font-size:11px}.metrictrade-ribbon-row2{font-size:10px;gap:8px;flex-wrap:wrap}.metrictrade-ribbon-footer{padding:6px 12px}.metrictrade-ribbon-delay{font-size:10px}}