/* App-wide Creator Mode
   Masks sensitive account, money, and identity values for screenshots/recordings. */

body.tsb-creator-mode .creator-privacy-value,
body.tsb-creator-mode .privacy-value {
    font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    letter-spacing: 0;
}

body.tsb-creator-mode .apexcharts-tooltip,
body.tsb-creator-mode .apexcharts-data-labels,
body.tsb-creator-mode .apexcharts-datalabel,
body.tsb-creator-mode .apexcharts-yaxis-annotations,
body.tsb-creator-mode .apexcharts-point-annotations,
body.tsb-creator-mode .apexcharts-tooltip-title {
    visibility: hidden !important;
    pointer-events: none !important;
}

body.tsb-creator-mode input[data-creator-mask],
body.tsb-creator-mode textarea[data-creator-mask],
body.tsb-creator-mode input.creator-input-masked,
body.tsb-creator-mode textarea.creator-input-masked,
body.tsb-creator-mode input[type="password"] {
    color: transparent !important;
    text-shadow: 0 0 0 rgba(180, 188, 198, 0.72) !important;
    caret-color: rgba(139, 211, 201, 0.8) !important;
}

body.tsb-creator-mode [data-creator-hide],
body.tsb-creator-mode .creator-hide-when-recording {
    opacity: 0 !important;
}

.creator-mode-toggle.is-active,
.creator-mode-toggle.active,
#privacy-btn.active {
    color: #9ee4da;
}

.creator-mode-toggle {
    align-items: center;
    justify-content: center;
    gap: 0;
    line-height: 0;
}

.creator-mode-toggle [data-creator-icon].hidden {
    display: none !important;
}

.creator-mode-toggle svg,
.creator-mode-toggle i {
    pointer-events: none;
}

.tsb-sidebar .creator-mode-toggle.is-active {
    background: rgba(91, 196, 176, 0.11);
    border-color: rgba(91, 196, 176, 0.26);
}

.creator-mode-toggle.is-active svg,
#privacy-btn.active svg {
    color: currentColor;
}

.creator-mode-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #9ee4da;
}