/* template button (used by chart-settings dialog) */
.csp-tmpl-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 32px;
    padding: 0 14px;
    border: 1.5px solid var(--ui-panel-border);
    border-radius: 5px;
    background: var(--ui-button);
    color: var(--ui-fg);
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background .1s;
}
.csp-tmpl-btn:hover { background: var(--ui-button-hover); }

/* template popup menu */
.csp-tmpl-pop {
    position: fixed;
    z-index: 99999;
    background: var(--ui-panel);
    border: 1px solid var(--ui-panel-border);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
    padding: 4px 0;
    min-width: 170px;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    font-size: 13px;
}
.csp-tmpl-item { padding: 8px 16px; cursor: pointer; color: var(--ui-fg); }
.csp-tmpl-item:hover { background: var(--ui-button-hover); }
.csp-tmpl-sep { height: 1px; background: var(--ui-panel-border); margin: 3px 0; }