.gmm-fii-monitor,
.gmm-fii-monitor * { box-sizing: border-box; }

.gmm-fii-monitor {
  --gmm-bg: #08111f;
  --gmm-panel: #0d1a2c;
  --gmm-panel-2: #12223a;
  --gmm-border: rgba(255,255,255,.10);
  --gmm-text: #f7f9fc;
  --gmm-muted: #93a4bb;
  --gmm-accent: #26c6da;
  --gmm-up: #31d09b;
  --gmm-down: #ff647c;
  --gmm-flat: #f4c95d;
  width: 100%;
  margin: 24px auto;
  padding: clamp(16px, 3vw, 28px);
  overflow: hidden;
  color: var(--gmm-text);
  background: radial-gradient(circle at top right, rgba(38,198,218,.14), transparent 30%), linear-gradient(145deg, #07101d, #0b1627 56%, #07101d);
  border: 1px solid var(--gmm-border);
  border-radius: 22px;
  box-shadow: 0 20px 60px rgba(0,0,0,.28);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.gmm-fii-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }
.gmm-fii-kicker { display:inline-block; margin-bottom:7px; color:var(--gmm-accent); font-size:11px; font-weight:800; letter-spacing:.13em; }
.gmm-fii-header h2 { margin:0 0 7px; color:var(--gmm-text); font-size:clamp(24px,4vw,38px); line-height:1.1; }
.gmm-fii-header p { max-width:680px; margin:0; color:var(--gmm-muted); font-size:14px; }
.gmm-fii-live { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; padding:9px 13px; color:#dffcf5; background:rgba(49,208,155,.10); border:1px solid rgba(49,208,155,.25); border-radius:999px; font-size:12px; font-weight:700; }
.gmm-fii-live-dot { width:8px; height:8px; background:var(--gmm-up); border-radius:50%; box-shadow:0 0 0 0 rgba(49,208,155,.55); animation:gmmPulse 1.8s infinite; }
@keyframes gmmPulse { 70% { box-shadow:0 0 0 7px rgba(49,208,155,0); } 100% { box-shadow:0 0 0 0 rgba(49,208,155,0); } }

.gmm-fii-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.gmm-fii-summary > div { min-width:0; padding:14px; background:rgba(255,255,255,.035); border:1px solid var(--gmm-border); border-radius:14px; }
.gmm-fii-summary strong,.gmm-fii-summary span { display:block; }
.gmm-fii-summary strong { overflow:hidden; color:var(--gmm-text); font-size:20px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.gmm-fii-summary span { margin-top:4px; color:var(--gmm-muted); font-size:11px; }

.gmm-fii-controls { display:grid; grid-template-columns:minmax(220px,1fr) minmax(165px,.38fr) minmax(150px,.34fr) auto; gap:10px; margin-bottom:18px; }
.gmm-fii-search { position:relative; }
.gmm-fii-search svg { position:absolute; top:50%; left:13px; width:18px; height:18px; fill:none; stroke:var(--gmm-muted); stroke-linecap:round; stroke-width:2; transform:translateY(-50%); pointer-events:none; }
.gmm-fii-controls input,.gmm-fii-controls select,.gmm-fii-controls button { width:100%; min-height:44px; color:var(--gmm-text); background:var(--gmm-panel); border:1px solid var(--gmm-border); border-radius:11px; outline:none; font:inherit; font-size:13px; }
.gmm-fii-controls input { padding:0 13px 0 41px; }
.gmm-fii-controls select { padding:0 34px 0 12px; }
.gmm-fii-controls input::placeholder { color:#71839c; }
.gmm-fii-controls input:focus,.gmm-fii-controls select:focus,.gmm-fii-controls button:focus-visible { border-color:rgba(38,198,218,.75); box-shadow:0 0 0 3px rgba(38,198,218,.13); }
.gmm-fii-controls button { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:auto; padding:0 16px; cursor:pointer; transition:.2s ease; }
.gmm-fii-controls button:hover { background:var(--gmm-panel-2); }
.gmm-fii-controls button:disabled { cursor:wait; opacity:.65; }
.gmm-fii-controls button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.gmm-fii-refreshing svg { animation:gmmSpin .8s linear infinite; }
@keyframes gmmSpin { to { transform:rotate(360deg); } }

.gmm-fii-message { display:none; margin-bottom:14px; padding:12px 14px; color:#ffdbe1; background:rgba(255,100,124,.10); border:1px solid rgba(255,100,124,.25); border-radius:11px; font-size:13px; }
.gmm-fii-message.is-visible { display:block; }
.gmm-fii-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.gmm-fii-card { position:relative; min-width:0; padding:15px; overflow:hidden; background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.025)); border:1px solid var(--gmm-border); border-radius:15px; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.gmm-fii-card:hover { z-index:1; background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); border-color:rgba(38,198,218,.36); transform:translateY(-2px); }
.gmm-fii-card-top { display:flex; align-items:center; gap:10px; }
.gmm-fii-logo { display:grid; flex:0 0 40px; width:40px; height:40px; overflow:hidden; place-items:center; color:var(--gmm-accent); background:#f7f9fc; border-radius:11px; font-size:10px; font-weight:900; }
.gmm-fii-logo img { width:100%; height:100%; object-fit:contain; }
.gmm-fii-identity { min-width:0; }
.gmm-fii-ticker { display:block; color:var(--gmm-text); font-size:15px; font-weight:850; letter-spacing:.02em; }
.gmm-fii-name { display:block; margin-top:2px; overflow:hidden; color:var(--gmm-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.gmm-fii-price-row { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin-top:17px; }
.gmm-fii-price { color:var(--gmm-text); font-size:clamp(20px,2.4vw,25px); font-weight:850; line-height:1; white-space:nowrap; }
.gmm-fii-change { flex:0 0 auto; padding:5px 7px; border-radius:8px; font-size:11px; font-weight:800; }
.gmm-fii-change.up { color:var(--gmm-up); background:rgba(49,208,155,.10); }
.gmm-fii-change.down { color:var(--gmm-down); background:rgba(255,100,124,.10); }
.gmm-fii-change.flat { color:var(--gmm-flat); background:rgba(244,201,93,.10); }
.gmm-fii-meta { display:flex; justify-content:space-between; gap:10px; margin-top:14px; padding-top:11px; color:var(--gmm-muted); border-top:1px solid rgba(255,255,255,.07); font-size:10px; }
.gmm-fii-meta b { color:#c8d3e2; font-weight:700; }
.gmm-fii-skeleton { min-height:152px; background:linear-gradient(100deg,rgba(255,255,255,.035) 25%,rgba(255,255,255,.075) 42%,rgba(255,255,255,.035) 60%); background-size:300% 100%; border:1px solid var(--gmm-border); border-radius:15px; animation:gmmShimmer 1.35s infinite; }
@keyframes gmmShimmer { to { background-position:-100% 0; } }
.gmm-fii-empty { grid-column:1/-1; padding:38px 15px; color:var(--gmm-muted); text-align:center; background:rgba(255,255,255,.025); border:1px dashed var(--gmm-border); border-radius:14px; }
.gmm-fii-pagination { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:20px; }
.gmm-fii-pagination button { min-height:39px; padding:0 15px; color:var(--gmm-text); background:var(--gmm-panel); border:1px solid var(--gmm-border); border-radius:10px; cursor:pointer; }
.gmm-fii-pagination button:hover:not(:disabled) { border-color:rgba(38,198,218,.5); }
.gmm-fii-pagination button:disabled { cursor:not-allowed; opacity:.35; }
.gmm-fii-pagination span { color:var(--gmm-muted); font-size:12px; }
.gmm-fii-disclaimer { margin:17px 0 0; color:#71839c; font-size:10px; text-align:center; }
.gmm-fii-monitor .screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media (max-width:1050px) { .gmm-fii-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .gmm-fii-controls { grid-template-columns:1fr 1fr 1fr; } .gmm-fii-search { grid-column:1/-1; } }
@media (max-width:760px) { .gmm-fii-monitor { border-radius:15px; } .gmm-fii-header { flex-direction:column; } .gmm-fii-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .gmm-fii-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .gmm-fii-controls { grid-template-columns:1fr 1fr; } .gmm-fii-controls button { width:100%; } }
@media (max-width:480px) { .gmm-fii-grid,.gmm-fii-controls { grid-template-columns:1fr; } .gmm-fii-search { grid-column:auto; } .gmm-fii-summary strong { font-size:17px; } .gmm-fii-card { padding:14px; } }
@media (prefers-reduced-motion:reduce) { .gmm-fii-live-dot,.gmm-fii-refreshing svg,.gmm-fii-skeleton { animation:none; } .gmm-fii-card { transition:none; } }