/* Admin · paleta informe-conversion.html (Truman Digital) */

@font-face {
    font-family: 'ES Klarheit Grotesk';
    src: url('https://truman.digital/wp-content/themes/truman/fonts/ESKlarheitGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ES Klarheit Grotesk';
    src: url('https://truman.digital/wp-content/themes/truman/fonts/ESKlarheitGrotesk-Medium.woff2') format('woff2');
    font-weight: 500 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ES Klarheit Kurrent';
    src: url('https://truman.digital/wp-content/themes/truman/fonts/ESKlarheitKurrent-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --black: #142828;
    --white: #ffffff;
    --cream: #e5e7df;
    --gray: #dce4e5;
    --gray-text: #949690;
    --gray-3: #fafafa;
    --mint: #d4e8e3;
    --rose: #ffe1e6;
    --ink: var(--black);
    --muted: #6f7a75;
    --pos: #2f6b52;
    --pos-bg: #d7ece2;
    --neg: #b23b39;
    --neg-bg: #f6dedd;
    --border-alpha: rgba(20, 40, 40, 0.14);
    --border-strong: rgba(20, 40, 40, 0.28);
    --shadow-card: 0 4px 24px rgba(20, 40, 40, 0.08);

    --td-bg-base: 229 231 223;
    --td-bg-surface: 255 255 255;
    --td-bg-subtle: 220 228 229;
    --td-text-primary: 20 40 40;
    --td-text-secondary: 111 122 117;
    --td-text-muted: 148 150 144;
    --td-border-base: 20 40 40;
    --td-mint: #2f6b52;
    --td-mint-bg: #d4e8e3;
    --td-green: #142828;
    --td-rose: #ffe1e6;
    --font-body: 'ES Klarheit Grotesk', 'Inter', system-ui, sans-serif;
    --font-heading: 'ES Klarheit Kurrent', 'ES Klarheit Grotesk', 'Plus Jakarta Sans', sans-serif;
}

html {
    color-scheme: light;
}

html.dark {
    color-scheme: dark;
    --td-bg-base: 20 28 28;
    --td-bg-surface: 28 36 36;
    --td-bg-subtle: 36 44 44;
    --td-text-primary: 229 231 223;
    --td-text-secondary: 180 190 185;
    --td-text-muted: 148 150 144;
    --td-border-base: 60 72 72;
    --td-mint: #d4e8e3;
    --td-mint-bg: rgba(212, 232, 227, 0.12);
    --border-alpha: rgba(229, 231, 223, 0.12);
    --border-strong: rgba(229, 231, 223, 0.22);
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.25);
}

body {
    font-family: var(--font-body);
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

.text-gradient-td {
    background: linear-gradient(90deg, var(--ink), var(--muted));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.td-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1rem;
    border-radius: 0.7rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.td-btn-primary {
    background: var(--ink);
    color: var(--white);
}
.td-btn-primary:hover {
    background: #1c3535;
}

.td-btn-ghost {
    background: transparent;
    border: 1px solid var(--border-alpha);
    color: rgb(var(--td-text-secondary));
}
.td-btn-ghost:hover {
    background: rgba(20, 40, 40, 0.04);
    border-color: var(--border-strong);
    color: rgb(var(--td-text-primary));
}
.td-btn-sm {
    padding: 0.35rem 0.65rem;
    font-size: 0.78rem;
}

.td-card {
    background: rgb(var(--td-bg-surface));
    border: 1px solid var(--border-alpha);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: var(--shadow-card);
}

.td-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}
.td-table th,
.td-table td {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid var(--border-alpha);
    text-align: left;
}
.td-table th {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: rgb(var(--td-text-muted));
}

.td-badge {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
}
.td-badge-ok {
    background: var(--pos-bg);
    color: var(--pos);
}
.td-badge-warn {
    background: #fef3c7;
    color: #b45309;
}
.td-badge-brand {
    background: var(--ink);
    color: var(--cream);
    border: 1px solid rgba(20, 40, 40, 0.35);
}
.td-badge-live {
    background: var(--pos);
    color: var(--cream);
    border: 1px solid rgba(47, 107, 82, 0.45);
}
.td-badge-paused {
    background: var(--rose);
    color: #8f4d57;
    border: 1px solid rgba(143, 77, 87, 0.15);
}
.td-badge-muted {
    background: var(--mint);
    color: var(--muted);
    border: 1px solid rgba(20, 40, 40, 0.08);
}

.td-input,
.td-textarea,
.td-select {
    width: 100%;
    padding: 0.55rem 0.75rem;
    border-radius: 10px;
    border: 1px solid var(--border-alpha);
    background: var(--gray-3);
    color: rgb(var(--td-text-primary));
    font-size: 0.875rem;
    font-family: inherit;
    transition: border-color 0.15s, background-color 0.15s;
}
.td-input:focus,
.td-textarea:focus,
.td-select:focus {
    outline: none;
    border-color: var(--border-strong);
    background: var(--white);
}
.td-textarea {
    min-height: 200px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
}

.pp-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

/* Flash messages */
.admin-flash--ok {
    background: var(--pos-bg);
    border: 1px solid rgba(47, 107, 82, 0.25);
    color: var(--pos);
}
.admin-flash--err {
    background: var(--neg-bg);
    border: 1px solid rgba(178, 59, 57, 0.25);
    color: var(--neg);
}

/* Señales calientes — listado propuestas */
.pp-proposals-table td { vertical-align: top; }
.pp-proposal-client { display: flex; flex-direction: column; gap: 0.4rem; min-width: 12rem; }
.pp-proposal-client__head { display: flex; align-items: center; gap: 0.5rem; }
.pp-proposal-client__name { font-weight: 600; font-size: 0.95rem; color: rgb(var(--td-text-primary)); line-height: 1.3; }
.pp-proposal-client__meta { font-size: 0.72rem; color: rgb(var(--td-text-muted)); line-height: 1.4; }
.pp-signal-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; }
.pp-signal {
    display: inline-flex; align-items: center; gap: 0.2rem;
    font-size: 0.62rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em;
    padding: 0.15rem 0.45rem; border-radius: 999px; text-decoration: none !important;
    border: 1px solid transparent; line-height: 1.3;
}
.pp-signal--urgent,
a.pp-signal--urgent,
a.pp-signal--urgent:link,
a.pp-signal--urgent:visited,
a.pp-signal--urgent:hover,
a.pp-signal--urgent:active {
    background: #f6dedd !important;
    color: #b23b39 !important;
    border-color: rgba(178, 59, 57, 0.3) !important;
}
.pp-signal--hot,
a.pp-signal--hot,
a.pp-signal--hot:link,
a.pp-signal--hot:visited,
a.pp-signal--hot:hover,
a.pp-signal--hot:active,
span.pp-signal--hot {
    background: #d7ece2 !important;
    color: #1f4d3a !important;
    border-color: rgba(47, 107, 82, 0.28) !important;
}
.pp-signal--ok,
span.pp-signal--ok {
    background: #142828 !important;
    color: #e8eaea !important;
    border-color: rgba(20, 40, 40, 0.35) !important;
}
html.dark .pp-signal--ok,
html.dark span.pp-signal--ok {
    background: #d4e8e3 !important;
    color: #142828 !important;
    border-color: rgba(212, 232, 227, 0.4) !important;
}
.pp-signal--muted,
a.pp-signal--muted,
a.pp-signal--muted:link,
a.pp-signal--muted:visited,
a.pp-signal--muted:hover,
a.pp-signal--muted:active,
span.pp-signal--muted {
    background: #f0f0ee !important;
    color: #5a635e !important;
    border-color: rgba(20, 40, 40, 0.14) !important;
}
html.dark .pp-signal--urgent,
html.dark a.pp-signal--urgent,
html.dark a.pp-signal--urgent:link,
html.dark a.pp-signal--urgent:visited,
html.dark a.pp-signal--urgent:hover {
    background: rgba(178, 59, 57, 0.22) !important;
    color: #f0b4b2 !important;
}
html.dark .pp-signal--hot,
html.dark a.pp-signal--hot,
html.dark a.pp-signal--hot:link,
html.dark a.pp-signal--hot:visited,
html.dark a.pp-signal--hot:hover,
html.dark span.pp-signal--hot {
    background: rgba(212, 232, 227, 0.18) !important;
    color: #e5eee9 !important;
    border-color: rgba(212, 232, 227, 0.32) !important;
}
html.dark .pp-signal--muted,
html.dark a.pp-signal--muted,
html.dark a.pp-signal--muted:link,
html.dark a.pp-signal--muted:visited,
html.dark a.pp-signal--muted:hover,
html.dark span.pp-signal--muted {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #b8c0bb !important;
}
.pp-signal-dot {
    position: relative; display: inline-flex; width: 0.55rem; height: 0.55rem; flex-shrink: 0;
}
.pp-signal-dot::before {
    content: ''; position: absolute; inset: 0; border-radius: 999px;
    background: var(--neg); opacity: 0.55; animation: pp-pulse 1.5s ease-out infinite;
}
.pp-signal-dot::after {
    content: ''; position: relative; width: 0.55rem; height: 0.55rem; border-radius: 999px; background: var(--neg);
}
@keyframes pp-pulse {
    0% { transform: scale(1); opacity: 0.55; }
    70% { transform: scale(2.2); opacity: 0; }
    100% { transform: scale(2.2); opacity: 0; }
}