.panel-body { background: #f8f7fa; }
.panel-body[data-account-role="client"] #postComposer,
.panel-body[data-account-role="client"] [data-open-compose],
.panel-body[data-account-role="client"] [data-edit-post],
.panel-body[data-account-role="client"] [data-delete],
.panel-body[data-account-role="client"] [data-quick-status],
.panel-body[data-account-role="client"] [data-agenda-edit],
.panel-body[data-account-role="client"] select[data-status],
.panel-body:not([data-account-role="admin"]) #clientForm,
.panel-body:not([data-account-role="admin"]) [data-delete-client],
.panel-body:not([data-account-role="admin"]) [data-logo-client] { display: none !important; }
.panel-body #maintenanceToggle { width: 20px; height: 20px; margin-right: 8px; accent-color: #7775be; vertical-align: middle; }
.panel-body [hidden] { display: none !important; }
.panel-body .panel-header { background: #ffffffed; }
.panel-body .panel-hero,
.panel-body .panel-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.panel-body .panel-hero { padding: 24px 0; align-items: start; }
.panel-body .panel-hero h1 { font: 500 32px/1.25 'Montserrat', sans-serif; }
.panel-body h2, .panel-body .dialog-head h2 { font: 500 22px/1.35 'Montserrat', sans-serif; }
.panel-body .panel-stats span { font-family: 'Montserrat', sans-serif; }
.panel-body .panel-card { padding-inline: 0; border-top: 1px solid var(--line); }
.panel-body .login-card,
.panel-body .panel-warning,
.panel-body .panel-stats article,
.panel-body .lead-card,
.panel-body .client-card,
.panel-body .user-card,
.panel-body .content-card,
.panel-body .calendar-day,
.panel-body .post-media-box { background: #fff; border-color: var(--line); box-shadow: none; }
.panel-body .login-card { gap: 14px; }
.panel-body .login-card > img { width: 150px; height: 150px; justify-self: center; }
.panel-body .login-card h1 { font: 500 28px/1.3 'Montserrat', sans-serif; }
.panel-body input, .panel-body textarea, .panel-body select { background: #fff; color: var(--ink); border-color: var(--line); }
.panel-body .calendar-day.is-muted { background: #f2f1f5; }
.panel-body .calendar-day.is-today { outline: 1px solid var(--rose); }
.panel-body .client-logo, .panel-body .content-card img, .panel-body .content-card video,
.panel-body .client-content-thumbs img, .panel-body .client-content-thumbs video,
.panel-body .post-media-preview img, .panel-body .post-media-preview video { background: #f8f7fa; }
.panel-body .button, .panel-body .header-action, .panel-body .table-action { border-radius: 4px; letter-spacing: 0; }
.panel-body .table-action:disabled { opacity: .6; cursor: default; }
.panel-theme-toggle { position: fixed; right: 20px; bottom: 20px; z-index: 30; background: var(--paper); box-shadow: 0 2px 12px #0001; }
.panel-body .panel-shell { padding-bottom: 88px; }
[data-theme="dark"] .panel-body { background: #18171d; }
[data-theme="dark"] .panel-body .panel-header { background: #18171df5; }
[data-theme="dark"] .panel-body .login-card,
[data-theme="dark"] .panel-body .panel-warning,
[data-theme="dark"] .panel-body .panel-stats article,
[data-theme="dark"] .panel-body .lead-card,
[data-theme="dark"] .panel-body .client-card,
[data-theme="dark"] .panel-body .user-card,
[data-theme="dark"] .panel-body .content-card,
[data-theme="dark"] .panel-body .calendar-day,
[data-theme="dark"] .panel-body .post-media-box { background: #25232f; }
[data-theme="dark"] .panel-body input,
[data-theme="dark"] .panel-body textarea,
[data-theme="dark"] .panel-body select { background: #18171d; }
[data-theme="dark"] .panel-body .calendar-day.is-muted { background: #1d1b23; }
[data-theme="dark"] .panel-body .login-card > img { filter: invert(1) hue-rotate(180deg) saturate(.65); }
[data-theme="dark"] .panel-body .status-pendiente { color: #ecc5c8; }
[data-theme="dark"] .panel-body .status-en-diseno { color: #e7cb93; }
[data-theme="dark"] .panel-body .status-en-revision { color: #bfcfee; }
[data-theme="dark"] .panel-body .status-programada { color: #aad6dd; }
[data-theme="dark"] .panel-body .status-publicada { color: #bdd7c3; }
.panel-body .post-dialog { max-height: 90svh; overflow: auto; }
.panel-body .nav a[aria-current="page"] { color: var(--ink); border-bottom: 2px solid var(--rose); }
.panel-body .panel-grid { display: block; }
.panel-compose { border-block: 1px solid var(--line); padding: 16px 0; }
.panel-compose > summary { cursor: pointer; font-size: 16px; color: var(--ink); }
.panel-compose .panel-form { max-width: 900px; border-top: 0; margin-top: 20px; }
.panel-maintenance { margin-top: 32px; color: var(--muted); }
.panel-maintenance summary { cursor: pointer; }
.agenda-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.agenda-column { min-width: 0; }
.agenda-column h3 { display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.agenda-column h3 span { color: var(--muted); }
.agenda-item { display: grid; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.agenda-item small { color: var(--muted); line-height: 1.5; }
.agenda-item strong { font-weight: 500; }
.agenda-item .status-pill { justify-self: start; }
.agenda-item .table-action { font-size: 11px; }
.prospect-summary { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px; padding: 20px 0; border-block: 1px solid var(--line); margin-bottom: 24px; }
.prospect-summary span { display: block; font-size: 11px; color: var(--muted); line-height: 1.6; }
.prospect-summary strong { display: block; font-size: 20px; line-height: 1.8; font-weight: 500; overflow-wrap: anywhere; }
.prospect-table-wrap { max-width: 100%; overflow: auto; max-height: 680px; margin-top: 24px; border: 1px solid var(--line); border-radius: 4px; }
.prospect-table { width: 100%; min-width: 2200px; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 12px; line-height: 1.6; }
.prospect-table th, .prospect-table td { padding: 13px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; background: var(--paper); }
.prospect-table thead th { position: sticky; top: 0; z-index: 2; background: #7775be; color: #fff; font-weight: 500; font-size: 11px; }
.prospect-table th:first-child { position: sticky; left: 0; width: 190px; z-index: 1; border-right: 1px solid var(--line); }
.prospect-table thead th:first-child { z-index: 3; }
.prospect-table tbody th { font-weight: 500; }
.prospect-table tbody tr:nth-child(even) td, .prospect-table tbody tr:nth-child(even) th { background: #faf9fd; }
.prospect-table .table-actions { flex-direction: column; align-items: stretch; gap: 6px; }
.prospect-table .table-action { margin: 0; font-size: 11px; }
.prospect-table .prospect-date { white-space: nowrap; }
.prospect-table .prospect-budget { text-align: right; white-space: nowrap; }
.prospect-notes { white-space: pre-wrap; }
.prospect-overdue { display: block; color: #994d5b; font-size: 10px; }
.prospect-state { display: inline-block; border-radius: 4px; padding: 5px 8px; background: #eceaf3; color: #57526f; font-size: 11px; }
.prospect-state-contacted { background: #e5edf7; color: #355779; }
.prospect-state-meeting { background: #eae4f6; color: #65517f; }
.prospect-state-proposal { background: #f4ead5; color: #775b21; }
.prospect-state-won { background: #dfeddf; color: #3b6242; }
.prospect-state-lost { background: #f4e0e3; color: #8d4555; }
#prospectSearch { width: min(100%, 280px); }
[data-theme="dark"] .prospect-table thead th { background: #544f72; }
[data-theme="dark"] .prospect-table tbody tr:nth-child(even) td, [data-theme="dark"] .prospect-table tbody tr:nth-child(even) th { background: #201e29; }
[data-theme="dark"] .prospect-overdue { color: #e3a9b4; }
.status-en-preparacion { background: #e9d9b855; color: #71521b; }
.status-creado { background: #d7d3ee88; color: #55517c; }
.status-programado { background: #cbe1e688; color: #35626d; }
.status-publicado { background: #cfe1d388; color: #355842; }
.calendar-event.status-en-preparacion { border-left-color: #b99b60; }
.calendar-event.status-creado { border-left-color: #9690bb; }
.calendar-event.status-programado { border-left-color: #719faa; }
.calendar-event.status-publicado { border-left-color: #7b9e85; }
.panel-body .status-select { min-width: 145px; max-width: 100%; }
.panel-body .post-table td { vertical-align: top; }
.panel-body .post-table td .table-action { display: inline-flex; margin-top: 8px; }
[data-theme="dark"] .status-en-preparacion { color: #e7cb93; background: #71521b55; }
[data-theme="dark"] .status-creado { color: #d0cbee; background: #55517c66; }
[data-theme="dark"] .status-programado { color: #aad6dd; background: #35626d66; }
[data-theme="dark"] .status-publicado { color: #bdd7c3; background: #35584266; }
@media (max-width: 980px) { .agenda-grid { grid-template-columns: 1fr; } .prospect-summary { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 640px) { .prospect-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) {
  .panel-body .panel-hero h1 { font-size: 26px; }
  .panel-body .brand span { display: block; font-size: 12px; }
  .panel-body .panel-header-actions .header-action { display: inline-flex; font-size: 10px; }
  .panel-theme-toggle { right: 14px; bottom: 14px; }
}