/* === DICTIONARY ACTION REFERENCE STYLING === */
/* This file contains styling for !DICT: references to make them visually distinct with green coloring */

/* Dark mode dictionary references */
body.mode-dark .dict-ref,
body.mode-dark [data-dict-ref="true"],
body.mode-dark .variable-pill.dict-type {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.1)) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #10b981 !important;
}

body.mode-dark .dict-ref:hover,
body.mode-dark [data-dict-ref="true"]:hover,
body.mode-dark .variable-pill.dict-type:hover {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.15)) !important;
    border-color: rgba(16, 185, 129, 0.6) !important;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.25);
}

/* Light mode dictionary references */
body.mode-light .dict-ref,
body.mode-light [data-dict-ref="true"],
body.mode-light .variable-pill.dict-type {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(16, 185, 129, 0.08)) !important;
    border: 1px solid #10b981 !important;
    color: #047857 !important;
}

body.mode-light .dict-ref:hover,
body.mode-light [data-dict-ref="true"]:hover,
body.mode-light .variable-pill.dict-type:hover {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(16, 185, 129, 0.12)) !important;
    border-color: #059669 !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

/* Ensure text in param values that contain !DICT: gets styled */
body.mode-dark .param-value:has-text("!DICT:"),
body.mode-dark .param-value[data-has-dict="true"] {
    color: #10b981;
}

body.mode-light .param-value:has-text("!DICT:"),
body.mode-light .param-value[data-has-dict="true"] {
    color: #047857;
}

/* Style the !DICT: token itself */
.dict-token {
    font-weight: 600;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
    font-size: 0.9em;
}