/*!
 * Plugin: Metal Price Chart - Modern Trading Theme
 */
 *{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}:root{--mpc-color-bg:linear-gradient(135deg, #1a1d29 0%, #232632 100%);--mpc-color-surface:#262938;--mpc-color-surface-hover:#2d3142;--mpc-color-text:#e8e9ed;--mpc-color-text-secondary:#ffffff;--mpc-color-accent:#00d4aa;--mpc-color-accent-hover:#00c299;--mpc-color-danger:#ff4757;--mpc-color-warning:#ffa502;--mpc-color-success:#2ed573;--mpc-color-chart-bg:#1e2029;--mpc-color-chart-grid:rgba(255, 255, 255, 0.08);--mpc-color-chart-line:#00d4aa;--mpc-color-chart-area:linear-gradient(180deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 212, 170, 0.02) 100%);--mpc-spacing:clamp(20px, 2.5vw, 32px);--mpc-spacing-sm:clamp(12px, 1.5vw, 16px);--mpc-radius:12px;--mpc-radius-sm:8px;--mpc-radius-lg:16px;--mpc-shadow:0 20px 40px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2);--mpc-shadow-light:0 8px 24px rgba(0, 0, 0, 0.15);--mpc-shadow-inset:inset 0 1px 0 rgba(255, 255, 255, 0.1);--mpc-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--mpc-transition-fast:all 0.15s cubic-bezier(0.4, 0, 0.2, 1)}.mpc{max-width:1200px;margin:var(--mpc-spacing) auto;padding:0;background:var(--mpc-color-bg);border-radius:var(--mpc-radius-lg);box-shadow:var(--mpc-shadow);color:var(--mpc-color-text);overflow:hidden;position:relative}.mpc::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--mpc-color-accent),transparent)}.mpc__filter{background:var(--mpc-color-surface);padding:var(--mpc-spacing);border-bottom:1px solid rgb(255 255 255 / .08);display:flex;flex-wrap:wrap;gap:var(--mpc-spacing-sm);align-items:center;justify-content:space-between}.mpc__filter-group{display:flex;flex-direction:column;gap:8px;min-width:140px}.mpc__filter-label{font-size:1.25rem;font-weight:600;color:var(--mpc-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.mpc__dropdown{background:var(--mpc-color-surface-hover);border:1px solid rgb(255 255 255 / .12);border-radius:var(--mpc-radius-sm);color:var(--mpc-color-text);font-size:1.25rem;font-weight:500;padding:12px 32px 12px 16px;min-width:120px;cursor:pointer;transition:var(--mpc-transition-fast);position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;line-height:1;text-align:left;overflow:visible;white-space:nowrap;vertical-align:top;text-indent:0;box-sizing:border-box;display:inline-block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239ca3af' d='M6 8L0 2l1.41-1.41L6 5.17l4.59-4.58L12 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;direction:ltr;unicode-bidi:normal;z-index:1}.mpc__dropdown:hover{border-color:var(--mpc-color-accent);background-color:var(--mpc-color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300d4aa' d='M6 8L0 2l1.41-1.41L6 5.17l4.59-4.58L12 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;box-shadow:0 0 0 3px rgb(0 212 170 / .1)}.mpc__dropdown:focus{outline:none;border-color:var(--mpc-color-accent);background-color:var(--mpc-color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300d4aa' d='M6 8L0 2l1.41-1.41L6 5.17l4.59-4.58L12 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;box-shadow:0 0 0 3px rgb(0 212 170 / .2)}.mpc__dropdown option{background:var(--mpc-color-surface);color:var(--mpc-color-text);padding:8px 16px}.mpc__chart{width:100%;height:480px;min-height:320px;max-width:100%;background:var(--mpc-color-chart-bg);border-radius:0;border:none;margin:0;position:relative;will-change:contents;contain:layout style;animation:fadeIn 0.5s ease-out;overflow:hidden;box-sizing:border-box}.mpc__chart::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 49px,var(--mpc-color-chart-grid) 50px,transparent 51px),linear-gradient(0deg,transparent 49px,var(--mpc-color-chart-grid) 50px,transparent 51px);background-size:50px 50px;pointer-events:none;opacity:.3}.mpc-status-badge{position:absolute;top:10px;right:10px;z-index:5;display:none;padding:6px 10px;border-radius:999px;background:rgb(0 212 170 / .15);border:1px solid rgb(0 212 170 / .5);color:var(--mpc-color-text);font-size:12px;letter-spacing:.2px;user-select:none;backdrop-filter:blur(6px);pointer-events:none}.mpc__chart .mpc-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.25rem;color:var(--mpc-color-text-secondary);font-weight:500}.mpc__chart .mpc-loading::before{content:'';width:20px;height:20px;border:2px solid rgb(0 212 170 / .2);border-top:2px solid var(--mpc-color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.mpc__chart-overlay{position:absolute;top:20px;left:60px;z-index:10;display:flex;gap:20px;pointer-events:none}.mpc__chart-indicator{background:rgb(38 41 56 / .9);border:1px solid rgb(255 255 255 / .12);border-radius:var(--mpc-radius-sm);padding:8px 12px;font-size:1.25rem;color:var(--mpc-color-text);backdrop-filter:blur(8px)}.mpc__chart-indicator.bullish{border-color:var(--mpc-color-success);color:var(--mpc-color-success)}.mpc__chart-indicator.bearish{border-color:var(--mpc-color-danger);color:var(--mpc-color-danger)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mpc__time-selector{background:var(--mpc-color-surface);border-top:1px solid rgb(255 255 255 / .08);padding:var(--mpc-spacing);display:flex;flex-direction:column;gap:var(--mpc-spacing-sm);will-change:transform;align-items:flex-start}.mpc__time-selector-label{font-size:1.25rem;font-weight:600;color:var(--mpc-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px 0}.mpc__time-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%}.mpc__time-btn{background:var(--mpc-color-surface-hover);border:1px solid rgb(255 255 255 / .12);border-radius:var(--mpc-radius-sm);color:var(--mpc-color-text);font-size:1.25rem;font-weight:500;padding:10px 16px;min-width:48px;cursor:pointer;transition:var(--mpc-transition-fast);position:relative;outline:none;text-align:center;letter-spacing:.5px;user-select:none;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-transform:uppercase;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}.mpc__time-btn:hover{border-color:var(--mpc-color-accent);background:var(--mpc-color-surface);box-shadow:0 4px 8px rgb(0 0 0 / .15),0 0 0 2px rgb(0 212 170 / .1);transform:translateY(-1px)}.mpc__time-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgb(0 0 0 / .2),0 0 0 2px rgb(0 212 170 / .2)}.mpc__time-btn--active{background:var(--mpc-color-accent);border-color:var(--mpc-color-accent);color:#fff;font-weight:600;box-shadow:0 4px 12px rgb(0 212 170 / .3),0 2px 4px rgb(0 0 0 / .2)}.mpc__time-btn--active:hover{background:var(--mpc-color-accent-hover);border-color:var(--mpc-color-accent-hover);box-shadow:0 6px 16px rgb(0 212 170 / .4),0 2px 8px rgb(0 0 0 / .2);transform:translateY(-2px)}.mpc__time-btn--active::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--mpc-color-accent),var(--mpc-color-success),var(--mpc-color-accent));border-radius:var(--mpc-radius-sm);z-index:-1;opacity:.3;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{opacity:.3}to{opacity:.6}}@media (max-width:1024px){.mpc{margin:var(--mpc-spacing-sm) var(--mpc-spacing-sm);border-radius:var(--mpc-radius);max-width:100%}.mpc__chart{height:420px;min-height:300px}.mpc__filter{flex-wrap:wrap;gap:var(--mpc-spacing-sm)}}@media (max-width:768px){.mpc{margin:var(--mpc-spacing-sm);max-width:calc(100vw - 2 * var(--mpc-spacing-sm))}.mpc__filter{flex-direction:column;align-items:stretch;gap:var(--mpc-spacing);padding:var(--mpc-spacing-sm)}.mpc__filter-group{min-width:100%;max-width:100%}.mpc__chart{height:350px;min-height:280px}.mpc__time-selector{padding:var(--mpc-spacing-sm)}.mpc__time-buttons{gap:6px}.mpc__time-btn{padding:8px 12px;font-size:1.25rem;min-width:42px}.mpc__chart-overlay{top:10px;left:20px;gap:10px}.mpc__chart-indicator{padding:6px 8px;font-size:1.25rem}}@media (max-width:480px){.mpc{margin:var(--mpc-spacing-sm);border-radius:var(--mpc-radius-sm);max-width:calc(100vw - 2 * var(--mpc-spacing-sm))}.mpc__filter{padding:var(--mpc-spacing-sm)}.mpc__chart{height:300px;min-height:250px}.mpc__chart-overlay{position:static;padding:var(--mpc-spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:10px}}@media (max-width:360px){.mpc{margin:8px;max-width:calc(100vw - 16px)}.mpc__chart{height:280px;min-height:220px}.mpc__filter{padding:12px}.mpc__dropdown{font-size:1.25rem;padding:10px 32px 10px 12px;min-width:100px}}.mpc__price-info{display:flex;gap:var(--mpc-spacing);padding:var(--mpc-spacing-sm) var(--mpc-spacing);background:rgb(0 0 0 / .2);border-top:1px solid rgb(255 255 255 / .08);font-size:1.25rem}.mpc__price-stat{display:flex;flex-direction:column;gap:4px}.mpc__price-stat-label{color:var(--mpc-color-text-secondary);font-size:1.25rem;text-transform:uppercase;letter-spacing:.5px}.mpc__price-stat-value{color:var(--mpc-color-text);font-weight:600;font-size:1.25rem}.mpc__price-stat-value.positive{color:var(--mpc-color-success)}.mpc__price-stat-value.negative{color:var(--mpc-color-danger)}.mpc ::-webkit-scrollbar{width:8px;height:8px}.mpc ::-webkit-scrollbar-track{background:var(--mpc-color-surface)}.mpc ::-webkit-scrollbar-thumb{background:var(--mpc-color-accent);border-radius:4px}.mpc ::-webkit-scrollbar-thumb:hover{background:var(--mpc-color-accent-hover)}.mpc__chart svg{width:100%;height:100%;max-width:100%;max-height:100%}.mpc__chart>div{width:100%;height:100%;max-width:100%;overflow:hidden}@media (max-width:768px){.mpc__chart text{font-size:10px}.mpc__chart .google-visualization-tooltip{font-size:12px}.mpc__time-selector{padding:var(--mpc-spacing-sm)}.mpc__time-buttons{gap:6px}.mpc__time-btn{padding:8px 12px;font-size:1.25rem;min-width:42px}}@media (max-width:480px){.mpc__chart text{font-size:9px}.mpc__chart .google-visualization-tooltip{font-size:11px}.mpc__time-selector{padding:12px}.mpc__time-buttons{gap:4px;justify-content:center}.mpc__time-btn{padding:8px 10px;font-size:1.25rem;min-width:38px;flex:1;max-width:60px}}