/* Modal overlays and content */
#indicators-modal, #workspace-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; z-index: 10000; }

#indicators-modal .indicators-list.vertical { display:flex; flex-direction:column; max-height: 70vh; overflow:auto; padding-right:6px; }
#indicators-modal label { display:flex; align-items:center; gap:12px; padding:5px 10px; border-radius:8px; }
#indicators-modal label:hover { background: rgba(255,255,255,0.03); }
#indicators-modal input[type=checkbox] { width:13px; height:18px; }
#indicators-modal .actions { display:flex; gap:10px; justify-content:flex-end; margin-top:14px; }

/* Section headers inside the indicators list */
.indicators-section { padding:10px 6px; font-weight:300; color: rgba(255,255,255,0.9); }

/* Indicator row adjustments for spacing and line-height */
.indicator-row { padding:2px 1px; border-radius:6px; margin-bottom:0px;  }
.indicator-row small { font-size:12px; font-weight:300; color: rgba(255,255,255,0.72);     margin-left: 40px!important;}

#indicators-modal { background: rgba(0,0,0,0.5); }
#indicators-modal .modal-content {
    min-width: 360px; /* slightly wider for better layout */
    max-width: 860px; /* allow wider viewports to show side panel comfortably */
    width: calc(100% - 48px);
    max-height: 84vh;
    padding: 14px 18px;
    border-radius: 10px;
    box-shadow: var(--shadow-modal);
}

/* Title styling: lighter weight for a modern, elegant look */
#indicators-modal .modal-title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 300; /* thinner */
    text-align: left;
    padding-left: 6px;
}

#indicators-modal h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 8px;
}

#workspace-modal .modal-content { padding:20px; border-radius:8px; min-width:320px; max-width:480px; }

.modal-content { transition: background 200ms ease, color 200ms ease; }
#indicators-modal .modal-content { background: linear-gradient(180deg, rgba(10,10,10,0.95), rgba(6,6,6,0.95)); }
html[data-theme='dark'] .modal-content { border: 1px solid rgba(255,255,255,0.03); color: #d7dbe2; box-shadow: 0 18px 48px rgba(0,0,0,0.75); }
html[data-theme='light'] .modal-content { background: #ffffff; color: #0b1220; box-shadow: 0 12px 36px rgba(2,6,23,0.06); }

#indicators-modal button {
    background: #111 ;
}

/* PRO tag badge style for indicators list */
.premium-badge {
    margin-left: 4px;
    padding: 1px 3px;
    font-size: 9px;
    font-weight: 600;
    color: var(--premium-text, #E6F7FF);
    background-color: var(--premium-bg, rgba(255,255,255,0.08));
    border: 1px solid var(--premium-border, rgba(255,255,255,0.12));
    border-radius: 3px;
    line-height: 1.2;
    display: inline-block;
    transition: background-color var(--transition, 160ms ease);
}

/* Disabled indicator row styling */
.indicator-row.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}