#view-indicators {max-width:1240px;margin:0 auto}
#view-indicators .page-sub {max-width:760px}
.indicator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 22px}
.indicator-filters{display:inline-flex;gap:4px;padding:4px;border:1px solid #263c46;background:#08121a;border-radius:11px}
.indicator-filter{border:0;border-radius:7px;background:transparent;color:#abc0c8;font:inherit;font-size:13px;font-weight:750;padding:10px 18px;cursor:pointer}
.indicator-filter[aria-pressed="true"]{background:#5dd39e;color:#061710}
.indicator-count{font-size:12px;color:#94a7af}
.indicator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.indicator-card{min-width:0;overflow:hidden;border:1px solid #2a414c;border-radius:16px;background:linear-gradient(145deg,#0e1821,#091119)}
.indicator-preview{position:relative;aspect-ratio:1.6;background-image:url('assets/indicator-previews.png');background-repeat:no-repeat;background-size:200% 200%;border-bottom:1px solid #253b45}
.indicator-preview-sizing{background-position:0 0}.indicator-preview-converter{background-position:100% 0}.indicator-preview-marketmap{background-position:0 100%}.indicator-preview-ots{background-position:100% 100%}
.indicator-preview-lock{position:absolute;top:12px;right:12px;display:flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid #536f7b;border-radius:7px;background:rgba(8,20,29,.94);font-size:11px;font-weight:750;color:#e4eef0}
.indicator-preview-lock svg,.indicator-tier svg,.indicator-action svg{width:14px;height:14px;flex-shrink:0}
.indicator-example{position:absolute;bottom:7px;left:10px;background:rgba(4,13,20,.85);color:#a6b9bf;border-radius:3px;font-size:9px;letter-spacing:.04em;padding:3px 6px}
.indicator-card-body{padding:18px 20px 15px}
.indicator-title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.indicator-title-row h2{font-size:21px;line-height:1.25;margin:0;color:#eef5f5;letter-spacing:-.025em}
.indicator-tier{display:inline-flex;gap:4px;align-items:center;font-size:10px;font-weight:900;padding:4px 8px;border-radius:5px;letter-spacing:.04em}
.indicator-tier.free{color:#061710;background:#5dd39e}.indicator-tier.pro{color:#171204;background:#f4c95b}
.indicator-description{font-size:14px;line-height:1.55;color:#aebfc8;margin:9px 0 17px;min-height:43px}
.indicator-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.indicator-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 15px;font-size:12px;line-height:1.4;font-weight:850;text-decoration:none;border:1px solid #5dd39e;border-radius:8px;color:#061710;background:#5dd39e}
.indicator-action:hover{background:#77e4b5}.indicator-upgrade{color:#f4c95b;background:transparent;border-color:#c6a84f}.indicator-upgrade:hover{background:rgba(244,201,91,.08)}
.indicator-text-button{padding:6px 0;background:none;border:0;font:inherit;color:#9fdac4;text-decoration:underline;text-underline-offset:3px;font-size:12px;cursor:pointer}
.indicator-help{margin-top:13px}.indicator-help summary{width:fit-content;font-size:12px;color:#a6bcc6;cursor:pointer;padding:6px 0;text-underline-offset:3px;text-decoration:underline}
.indicator-help[open]{margin-top:16px;padding-top:8px;border-top:1px solid #273e48}.indicator-help ol{padding-left:20px;margin:12px 0;color:#b3c5cd;font-size:13px;line-height:1.65}.indicator-help li{padding-left:3px;margin-bottom:8px}
.indicator-note,.indicator-help-intro{font-size:12px;line-height:1.6;color:#94abb4;margin:11px 0 5px}
.indicator-access-note{font-size:12px;line-height:1.65;color:#9cb3bd;margin:20px 0 0;max-width:900px}
#view-indicators a:focus-visible,#view-indicators button:focus-visible,#view-indicators summary:focus-visible{outline:2px solid #5dd39e;outline-offset:4px}
@media(max-width:900px){.indicator-grid{gap:16px}.indicator-card-body{padding:16px}.indicator-title-row h2{font-size:19px}}
@media(max-width:720px){.indicator-grid{grid-template-columns:1fr}.indicator-toolbar{gap:8px}.indicator-filter{padding:9px 13px;font-size:12px}.indicator-title-row h2{font-size:21px}.indicator-description{min-height:0}.indicator-preview{aspect-ratio:1.6}.indicator-preview-lock{font-size:10px;top:9px;right:9px}}