/* EVA / Graphite. Shared dashboard components; customer portals keep their own stylesheet. */
:root {
  color-scheme: light;
  --eva-black:#262626; --eva-page:#ffffff; --eva-panel:#ffffff; --eva-raised:#f5f5f5;
  --eva-hover:#f5f5f5; --eva-line:#dbdbdb; --eva-text:#171717; --eva-muted:#626262;
  --eva-soft:#777777; --eva-white:#f5f5f5; --eva-radius:16px;
  --bg-app:var(--eva-page); --bg-sidebar:var(--eva-black); --bg-card:var(--eva-panel);
  --bg-input:#ffffff; --bg-graphite:#181818; --bg-graphite-light:#292929;
  --border-color:var(--eva-line); --border-dark:var(--eva-line); --border-subtle:#252525;
  --text-main:var(--eva-text); --text-muted:var(--eva-muted); --text-light:#bcbcbc;
  --brand-black:#101010; --brand-graphite:#222222; --brand-border:#dbdbdb;
  --brand-accent:#cecece; --brand-green:#c8c8c8; --sidebar-width:216px;
  --font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shadow-card:none; --shadow-sm:none; --shadow-md:0 18px 54px #00000055;
}
body.pk-workspace {margin:0;background:var(--eva-page);color:var(--eva-text);font-family:var(--font-family);font-size:14px;font-variant-emoji:text;-webkit-font-smoothing:antialiased;overflow:hidden;}
body.pk-workspace *,body.pk-workspace *::before,body.pk-workspace *::after {box-sizing:border-box;}
body.pk-workspace :is(button,input,select,textarea) {font-family:inherit;}
body.pk-workspace button {touch-action:manipulation;cursor:pointer;}
body.pk-workspace button:disabled {cursor:not-allowed;opacity:.42;}
body.pk-workspace :focus-visible {outline:2px solid #737373!important;outline-offset:4px;}
body.pk-workspace ::selection {background:#d4d4d4;color:#171717;}
body.pk-workspace * {scrollbar-width:thin;scrollbar-color:#bdbdbd transparent;}
body.pk-workspace ::-webkit-scrollbar {width:6px;height:6px;}
body.pk-workspace ::-webkit-scrollbar-thumb {background:#c4c4c4;border-radius:8px;}
body.pk-workspace .sidebar ::-webkit-scrollbar-thumb {background:#4a4a4a;}
body.pk-workspace :is(img,video,canvas,.fa-brands) {filter:grayscale(1);}
body.pk-workspace :is(.chat-view-header,#chat-booking-banner,.wa-bubble-top-bar,.toast,.client-tag-dropdown-menu) {filter:grayscale(1);}
body.pk-workspace :is(h1,h2,h3,h4,strong) {color:var(--eva-text);}
body.pk-workspace a {color:#171717;text-underline-offset:4px;}
body.pk-workspace .app-shell {height:var(--eva-app-height,100dvh);width:100%;display:flex;overflow:hidden;}
body.pk-workspace .sidebar {position:relative;inset:auto;width:216px;min-width:216px;height:100%;padding:20px 12px 14px;background:var(--eva-black)!important;border-right:1px solid #242424;overflow-y:auto;flex:0 0 216px;z-index:70;}
body.pk-workspace .sidebar-header {padding:16px 14px 20px!important;border:0!important;gap:10px;}
body.pk-workspace .brand-badge-box {gap:0!important;}
body.pk-workspace .brand-icon-sq {display:none!important;}
body.pk-workspace .brand-name {display:flex!important;flex-direction:column!important;gap:3px!important;}
body.pk-workspace .brand-title {font-family:'Plus Jakarta Sans','Inter',-apple-system,sans-serif!important;font-size:22px!important;font-weight:850!important;letter-spacing:.08em!important;color:#ffffff!important;line-height:1!important;text-transform:uppercase!important;}
.eva-brand-caption {display:block!important;font-family:'Plus Jakarta Sans','Inter',-apple-system,sans-serif!important;color:#8e8e93!important;font-size:8.5px!important;letter-spacing:.26em!important;font-weight:700!important;margin-top:3px!important;text-transform:uppercase!important;line-height:1!important;}
body.pk-workspace .sidebar-nav {padding:0 2px;gap:4px;display:flex;flex-direction:column;}
body.pk-workspace .nav-item {width:100%;margin:0!important;min-height:43px;padding:10px 13px!important;border:1px solid transparent!important;border-radius:10px;background:transparent!important;color:#a1a1aa!important;font-size:13.5px;font-weight:550;letter-spacing:.01em;transition:background .16s,color .16s,border-color .16s;}
body.pk-workspace .nav-item:hover {background:#1f1f1f!important;color:#fafafa!important;}
body.pk-workspace .nav-item.active {background:#27272a!important;border-color:#3f3f46!important;color:#ffffff!important;font-weight:650!important;box-shadow:0 1px 2px rgba(0,0,0,0.25)!important;}
body.pk-workspace .nav-item-left {gap:11px!important;justify-content:flex-start!important;min-width:0;font-size:13.5px;letter-spacing:.01em;}
body.pk-workspace .nav-item-left>div {gap:11px!important;}
body.pk-workspace .nav-item :is(i,svg) {width:18px;flex-shrink:0;font-size:15px!important;color:inherit!important;opacity:.85;}
body.pk-workspace .nav-item.active :is(i,svg) {opacity:1;}
body.pk-workspace .nav-item :is(#nav-unread-badge,#nav-bookings-count) {margin-left:auto;min-width:20px;padding:2px 6px!important;background:#3f3f46!important;color:#fafafa!important;border:1px solid #52525b!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;}
body.pk-workspace .sidebar-status-box {margin-top:auto;padding:14px 10px 12px!important;gap:8px!important;border-color:#202020!important;font-size:11px!important;color:#8e8e93!important;}
body.pk-workspace .sidebar-status-box i {color:#22c55e!important;}
body.pk-workspace .sidebar-footer {padding:12px 0 0!important;border-color:#202020!important;}
body.pk-workspace .sidebar-logout-btn {border:1px solid #27272a!important;min-height:40px;color:#a1a1aa!important;font-size:12.5px!important;font-weight:600!important;border-radius:8px!important;}
body.pk-workspace .sidebar-logout-btn:hover {color:#ef4444!important;border-color:#ef444450!important;background:#ef444410!important;}
body.pk-workspace .sidebar.collapsed {width:76px!important;min-width:76px!important;flex-basis:76px;padding-inline:10px;}
body.pk-workspace .sidebar.collapsed :is(.brand-badge-box,.sidebar-status-box,.nav-item-left span,.nav-item-left>div>span,.nav-item>span,.eva-brand-caption) {display:none!important;}
body.pk-workspace .sidebar.collapsed .nav-item-left,.pk-workspace .sidebar.collapsed .nav-item-left>div {justify-content:center!important;width:100%;}
body.pk-workspace .sidebar.collapsed .sidebar-header {justify-content:center!important;padding-inline:0!important;}
body.pk-workspace .main-workspace {margin:0!important;padding:0!important;display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;width:auto!important;height:100%;background:var(--eva-page)!important;overflow:hidden;}
body.pk-workspace .workspace-header {height:74px;min-height:74px;flex:0 0 74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:#ffffff;border-bottom:1px solid #e4e4e7;}
.workspace-heading {display:flex;align-items:center;gap:0;min-width:0;}
.workspace-heading small {display:block;color:#71717a!important;font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;margin-bottom:2px!important;}
.workspace-heading h1 {font-size:21px!important;font-weight:750!important;letter-spacing:-.025em!important;color:#09090b!important;white-space:nowrap;line-height:1.1;}
.workspace-header-actions {display:flex;align-items:center;gap:16px;min-width:0;}
#workspace-menu, .workspace-icon, .workspace-heading > .workspace-icon {display:none!important;}
.workspace-site {display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:600;color:#71717a;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;}
.workspace-site select {min-width:112px;padding:6px 10px!important;min-height:32px!important;font-size:12.5px!important;font-weight:600!important;border:1px solid #e4e4e7!important;border-radius:8px!important;background:#ffffff!important;color:#18181b!important;}
.workspace-link {font-size:12px;font-weight:600;text-decoration:none;color:#52525b!important;}
.workspace-link:hover {color:#09090b!important;}
body.pk-workspace .btn-master-ai-header {min-height:34px!important;padding:6px 13px!important;border:1px solid #e4e4e7!important;background:#f4f4f5!important;color:#18181b!important;font-size:11.5px!important;font-weight:650!important;letter-spacing:.01em!important;border-radius:999px!important;box-shadow:none!important;white-space:nowrap;}
body.pk-workspace .btn-master-ai-header.on {background:#18181b!important;color:#ffffff!important;border-color:#27272a!important;}
body.pk-workspace .btn-master-ai-header.on i {color:#facc15!important;}
body.pk-workspace .btn-master-ai-header.off {border-style:dashed!important;background:#ffffff!important;color:#71717a!important;}
body.pk-workspace .content-area {padding:0!important;margin:0!important;flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--eva-page)!important;}
body.pk-workspace .view-panel {flex:1 1 0;min-height:0;min-width:0;max-width:100%;height:100%!important;max-height:100%;overflow:auto;overscroll-behavior:contain;background:var(--eva-page)!important;padding:28px 30px 40px;}
.eva-view-intro {display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 24px;}
.eva-view-intro h2 {font-size:25px;font-weight:550;letter-spacing:-.045em;line-height:1.2;}
.eva-view-intro p {margin-top:8px;color:#171717;font-size:12px;line-height:1.6;max-width:650px;}
.eva-section-index {font-size:11px;color:#171717;letter-spacing:.12em;font-variant-numeric:tabular-nums;}
body.pk-workspace :is(.card,.connection-card,.overview-agenda,.overview-notes,.overview-kpi) {background:var(--eva-panel)!important;border:1px solid var(--eva-line)!important;border-radius:var(--eva-radius)!important;box-shadow:none!important;min-width:0;max-width:100%;color:var(--eva-text)!important;}
body.pk-workspace .card {padding:22px;}
body.pk-workspace .card-header {background:transparent!important;border-bottom:1px solid #dbdbdb!important;padding:0 0 17px!important;margin-bottom:19px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
body.pk-workspace .card-title {font-size:14px;font-weight:600!important;letter-spacing:-.015em;color:#171717!important;display:flex;align-items:center;gap:10px;}
body.pk-workspace .card-title>span:first-child:not(:last-child) {color:#171717;font-size:15px;}
body.pk-workspace :is(.grid-2,.grid-3,.grid-4,.connections-grid,.connections-secondary) {display:grid;gap:20px;min-width:0;}
body.pk-workspace .grid-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
body.pk-workspace .grid-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
body.pk-workspace .grid-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
body.pk-workspace :is(.grid-2,.grid-3,.grid-4)>* {min-width:0;}
body.pk-workspace :is(.input-text,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {max-width:100%;min-width:0;min-height:42px;background:#f5f5f5!important;color:#171717!important;border:1px solid #dbdbdb!important;border-radius:10px!important;box-shadow:none!important;padding:10px 12px;accent-color:#171717;}
body.pk-workspace :is(input,textarea)::placeholder {color:#171717!important;opacity:1;}
body.pk-workspace :is(input,select,textarea):focus {border-color:#dbdbdb!important;}
body.pk-workspace :is(input,select,textarea):disabled {opacity:.5;}
body.pk-workspace input[type=checkbox],body.pk-workspace input[type=radio] {accent-color:#171717;min-width:18px;min-height:18px;}
body.pk-workspace .form-label {display:block;font-size:12px!important;font-weight:500!important;color:#171717!important;margin-bottom:8px;line-height:1.5;}
body.pk-workspace :is(.btn-primary,.overview-action,.btn-checkout-red,.wa-web-send-btn) {min-height:42px;border:1px solid #dbdbdb!important;border-radius:10px!important;background:#e8e8e8!important;color:#262626!important;padding:10px 16px;font-size:12px;font-weight:650!important;box-shadow:none!important;}
body.pk-workspace :is(.btn-primary,.overview-action,.btn-checkout-red,.wa-web-send-btn):hover {background:#ffffff!important;transform:translateY(-1px);}
body.pk-workspace :is(.btn-secondary,.btn-outline,.apple-pill-btn,.btn-copy,.quick-btn,.cal-footer-btn,.period-btn) {min-height:38px;padding:9px 13px;border:1px solid #dbdbdb!important;border-radius:10px!important;background:#f5f5f5!important;color:#171717!important;box-shadow:none!important;font-size:12px;font-weight:500!important;}
body.pk-workspace :is(.btn-secondary,.btn-outline,.apple-pill-btn,.btn-copy,.quick-btn):hover {background:#f5f5f5!important;border-color:#dbdbdb!important;}
body.pk-workspace :is(.btn-icon-sq,.btn-chat-pill,.calendar-nav-btn,.cal-nav-arrow,.btn-trace-close) {background:#f5f5f5!important;border:1px solid #dbdbdb!important;color:#171717!important;box-shadow:none!important;border-radius:10px!important;min-height:36px;}
body.pk-workspace :is(.pill-test,.badge-count-pill,.notice-box,.mkt-status-banner,.monthly-count-pill,.chip-client-type,.chip-booking-type) {background:#f5f5f5!important;border-color:#dbdbdb!important;color:#171717!important;box-shadow:none!important;}
body.pk-workspace :is(.notice-box,.mkt-test-box) {padding:14px 16px;border:1px solid #dbdbdb;border-radius:12px;font-size:12px;line-height:1.7;}
body.pk-workspace .telemetry-card {background:#f5f5f5!important;border:1px solid #dbdbdb!important;border-radius:13px!important;padding:18px!important;color:#171717!important;min-width:0;}
body.pk-workspace .telemetry-label {font-size:10px!important;font-weight:500!important;letter-spacing:.09em;color:#171717!important;line-height:1.6;}
body.pk-workspace .telemetry-value {font-size:24px;letter-spacing:-.04em;font-weight:550;color:#171717!important;overflow-wrap:anywhere;}
body.pk-workspace .progress-bar-bg {background:#f5f5f5!important;}
body.pk-workspace .progress-bar-fill {background:#b3b3b3!important;box-shadow:none!important;}
body.pk-workspace :is(.table-responsive,.workspace-table-scroll,.slot-table-scroll-container) {width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:12px;}
body.pk-workspace table {width:100%;border-collapse:collapse;background:transparent!important;color:#171717;}
body.pk-workspace :is(th,td) {border-color:#dbdbdb!important;background:transparent!important;text-align:left;padding:15px 16px!important;font-size:12px;line-height:1.5;}
body.pk-workspace th {color:#171717!important;font-size:10px!important;font-weight:550!important;letter-spacing:.065em;text-transform:uppercase;background:#f5f5f5!important;white-space:nowrap;}
body.pk-workspace tbody tr:hover {background:#f5f5f5!important;}
body.pk-workspace td {color:#171717!important;}
body.pk-workspace :is(.workspace-empty,.empty-state) {padding:54px 26px;text-align:center;color:#171717;font-size:13px;line-height:1.8;max-width:550px;margin:auto;}
/* Messages: a quiet three-column workspace, with independent scrolling. */
body.pk-workspace #view-inbox {padding:0!important;overflow:hidden!important;position:relative;}
body.pk-workspace .inbox-grid-modern {display:flex!important;gap:0!important;position:relative;flex:1 1 0;min-width:0;min-height:0;height:100%!important;max-height:100%!important;width:100%;overflow:hidden;}
body.pk-workspace .conv-sidebar {width:380px!important;min-width:0!important;max-width:420px!important;flex:0 0 380px;display:flex;flex-direction:column;height:100%!important;max-height:100%!important;overflow:hidden;background:#ffffff!important;border:0!important;border-right:1px solid #dbdbdb!important;border-radius:0!important;padding:0!important;}
body.pk-workspace .conv-header {padding:12px 14px 8px!important;flex:0 0 auto;background:#ffffff!important;border:0!important;border-bottom:1px solid #e5e5e5!important;}
body.pk-workspace .conv-top-bar {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px;}
body.pk-workspace .conv-top-bar-left {display:flex;align-items:center;gap:8px;min-width:0;}
body.pk-workspace .conv-inbox-pill {display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#171717!important;letter-spacing:-.02em;}
body.pk-workspace .conv-inbox-pill :is(i,strong) {color:#171717!important;}
body.pk-workspace .conv-today-badge {background:#f5f5f5!important;border:1px solid #dbdbdb!important;color:#404040!important;font-size:10px!important;font-weight:600!important;padding:2px 7px!important;border-radius:999px!important;display:inline-flex;align-items:center;gap:4px;}
body.pk-workspace .conv-today-badge :is(i,strong) {color:#171717!important;font-weight:700;}
body.pk-workspace .conv-top-bar-actions {display:flex;align-items:center;gap:6px;}
body.pk-workspace .conv-top-bar-actions .btn-icon-sq {border:1px solid #dbdbdb!important;background:#ffffff!important;width:28px!important;min-height:28px!important;height:28px!important;padding:0!important;border-radius:8px!important;display:grid;place-items:center;cursor:pointer;color:#262626!important;transition:background .15s ease,border-color .15s ease;}
body.pk-workspace .conv-top-bar-actions .btn-icon-sq i {color:#262626!important;}
body.pk-workspace .conv-top-bar-actions .btn-icon-sq:hover {background:#f0f0f0!important;border-color:#bdbdbd!important;}
body.pk-workspace .conv-header-collapsible {display:flex;flex-direction:column;gap:6px;max-height:260px;opacity:1;overflow:hidden;transition:max-height .26s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .2s ease;}
body.pk-workspace .conv-header-collapsible.collapsed {max-height:0!important;opacity:0!important;margin:0!important;padding:0!important;pointer-events:none!important;}
body.pk-workspace .conv-search-box {position:relative;background:#f5f5f5!important;border:1px solid #dbdbdb!important;border-radius:10px!important;margin-bottom:2px;padding:0!important;}
body.pk-workspace .conv-search-box>i {position:absolute;left:11px;top:11px;color:#404040!important;font-size:12px;}
body.pk-workspace .conv-search-input {width:100%;height:35px!important;min-height:35px!important;padding:7px 12px 7px 32px!important;background:transparent!important;border:0!important;font-size:11.5px!important;color:#171717!important;}
body.pk-workspace .conv-search-input::placeholder {color:#6b6b6b!important;}
body.pk-workspace #btn-clear-search {color:#404040!important;}
body.pk-workspace :is(.conv-filter-row-1,.conv-filter-row-2) {display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:2px 0 4px!important;margin:0!important;}
body.pk-workspace :is(.conv-filter-pill,.conv-sub-pill) {flex-shrink:0;min-height:28px!important;border:1px solid #dbdbdb!important;border-radius:999px!important;padding:4px 9px!important;background:transparent!important;color:#171717!important;font-size:10px!important;font-weight:500!important;box-shadow:none!important;}
body.pk-workspace :is(.conv-filter-pill,.conv-sub-pill) i {color:#404040!important;}
body.pk-workspace .conv-sub-pill {border:0!important;min-height:26px!important;padding:3px 8px!important;font-size:10px!important;}
body.pk-workspace :is(.conv-filter-pill,.conv-sub-pill).active {background:#262626!important;color:#ffffff!important;border-color:#262626!important;}
body.pk-workspace :is(.conv-filter-pill,.conv-sub-pill).active i {color:#ffffff!important;}
body.pk-workspace :is(.conv-filter-pill,.conv-sub-pill).active * {color:inherit!important;}
body.pk-workspace .conv-pill-badge {background:#262626!important;color:#ffffff!important;border-radius:5px;}
body.pk-workspace .conv-list {flex:1 1 0;min-height:0;overflow-y:auto;padding:4px 6px 14px!important;background:#ffffff!important;}
body.pk-workspace .conv-card-pro {display:flex;align-items:center;gap:12px;height:72px!important;min-height:72px!important;max-height:72px!important;padding:0 12px!important;margin:0!important;background:transparent!important;border:none!important;border-bottom:1px solid #f0f2f5!important;border-radius:0!important;cursor:pointer;box-shadow:none!important;transition:background .15s ease;}
body.pk-workspace .conv-card-pro:hover {background:#f5f6f6!important;}
body.pk-workspace .conv-card-pro.active {background:#ebebeb!important;}
body.pk-workspace .conv-card-avatar,body.pk-workspace .avatar-circle-pro {width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px;border:none!important;box-shadow:none!important;background:#dfe5e7!important;color:#54656f!important;border-radius:50%!important;font-size:16px!important;font-weight:600!important;display:grid;place-items:center;position:relative;}
body.pk-workspace .conv-avatar-channel {position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;border:1.5px solid #ffffff!important;background:#404040!important;color:#ffffff!important;display:grid;place-items:center;font-size:8px!important;}
body.pk-workspace .conv-avatar-channel i {color:#ffffff!important;}
body.pk-workspace .conv-card-body {flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;}
body.pk-workspace .conv-card-row-top {display:flex;justify-content:space-between;align-items:baseline;min-width:0;}
body.pk-workspace .conv-card-name {font-size:14px!important;font-weight:600!important;color:#111b21!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;}
body.pk-workspace .conv-card-top-right {display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:8px;}
body.pk-workspace .conv-card-time {font-size:11.5px!important;color:#667781!important;white-space:nowrap;font-weight:450!important;}
body.pk-workspace .conv-card-time.unread {color:#25d366!important;font-weight:600!important;}
body.pk-workspace .conv-card-pro.unread .conv-card-name {color:#111b21!important;font-weight:700!important;}
body.pk-workspace .conv-card-row-bottom {display:flex;align-items:center;justify-content:space-between;min-width:0;gap:8px;}
body.pk-workspace .conv-snippet-wrap {display:flex;align-items:center;gap:4px;min-width:0;flex:1;}
body.pk-workspace .conv-snippet-check {font-size:11px;flex-shrink:0;}
body.pk-workspace .conv-snippet-text {min-width:0;flex:1;font-size:13px!important;color:#667781!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.pk-workspace .conv-card-pro.unread .conv-snippet-text {color:#111b21!important;font-weight:500!important;}
body.pk-workspace .conv-card-meta-right {display:flex;align-items:center;gap:5px;flex-shrink:0;}
body.pk-workspace .conv-card-unread-dot {background:#25d366!important;color:#ffffff!important;font-size:11px!important;font-weight:700!important;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;}
body.pk-workspace .conv-paused-indicator {font-size:10px;color:#d97706;background:#fef3c7;border-radius:4px;padding:1px 4px;display:inline-flex;align-items:center;}
body.pk-workspace .btn-card-delete {color:#8696a0!important;background:transparent!important;border:0;padding:2px;border-radius:4px;opacity:0;transition:opacity .15s ease;cursor:pointer;}
@media(hover:hover) {
  body.pk-workspace .conv-card-pro:hover .btn-card-delete,body.pk-workspace .conv-card-pro:focus-within .btn-card-delete {opacity:1;}
}
body.pk-workspace .btn-card-delete:hover {color:#ef4444!important;}
body.pk-workspace .chat-viewport {height:100%!important;max-height:100%!important;flex:1 1 0;min-width:0;padding:0!important;display:flex;flex-direction:column;border:0!important;border-radius:0!important;background:#ffffff!important;overflow:hidden;}
body.pk-workspace .chat-view-header {flex:0 0 auto;min-height:87px;padding:15px 24px!important;background:#ffffff!important;border-bottom:1px solid #dbdbdb!important;gap:12px!important;align-items:center;flex-wrap:wrap;}
body.pk-workspace .chat-contact-meta {gap:14px;min-width:0;}
body.pk-workspace .chat-contact-info {min-width:0;}
body.pk-workspace .chat-contact-info h3 {font-size:15px!important;font-weight:600!important;color:#171717!important;}
body.pk-workspace .chat-controls {gap:8px!important;flex-wrap:wrap!important;max-width:100%;}
body.pk-workspace .chat-controls>div[title="Canal WhatsApp"],body.pk-workspace .chat-controls>button[title="Cerrar sesión"] {display:none!important;}
body.pk-workspace .chat-controls>div:last-of-type {display:none!important;}
body.pk-workspace .btn-chat-pill {min-height:31px;font-size:10px!important;}
body.pk-workspace #inbox-messages-container {flex:1 1 0;min-height:0!important;overflow-y:auto;padding:24px clamp(18px,4vw,62px)!important;background:#ffffff!important;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere;}
.eva-chat-empty {margin:auto!important;max-width:360px;text-align:center;padding:30px 16px;}
.eva-chat-empty .eva-empty-mark {width:72px;height:72px;border:1px solid #dbdbdb;border-radius:24px;display:grid;place-items:center;margin:0 auto 25px;background:#f5f5f5;font-size:32px;color:#171717;}
.eva-chat-empty h2 {font-size:25px;font-weight:500;letter-spacing:-.045em;margin-bottom:12px;}
.eva-chat-empty p {font-size:12px;line-height:1.8;color:#171717;}
.eva-chat-empty small {display:block;margin-top:24px;letter-spacing:.14em;font-size:9px;color:#171717;}
body.pk-workspace .wa-bubble {flex:0 0 auto;width:fit-content;min-width:100px;max-width:min(78%,640px)!important;margin:0!important;padding:12px 16px!important;border-radius:16px!important;box-shadow:none!important;border:1px solid #dbdbdb!important;color:#171717!important;position:relative;}
body.pk-workspace .wa-bubble-in {align-self:flex-start;background:#f5f5f5!important;border-bottom-left-radius:5px!important;}
body.pk-workspace .wa-bubble-out {align-self:flex-end;background:#f5f5f5!important;border-color:#dbdbdb!important;border-bottom-right-radius:5px!important;}
body.pk-workspace .wa-bubble.is-operator {border-left:3px solid #dbdbdb!important;}
body.pk-workspace .wa-bubble::before,body.pk-workspace .wa-bubble::after {display:none!important;}
body.pk-workspace .wa-bubble-content {font-size:13px!important;line-height:1.75;color:#171717!important;white-space:pre-wrap;overflow-wrap:anywhere;}
body.pk-workspace .wa-sender-tag {color:#171717!important;font-size:9px!important;letter-spacing:.02em;font-weight:500!important;}
body.pk-workspace :is(.wa-meta,.wa-time) {color:#171717!important;font-size:9px!important;}
body.pk-workspace .wa-msg-delete-btn {opacity:0;color:#171717!important;}
body.pk-workspace .wa-bubble:hover .wa-msg-delete-btn,body.pk-workspace .wa-msg-delete-btn:focus-visible {opacity:1;}
body.pk-workspace .wa-date-divider-row {display:flex;justify-content:center;padding:10px 0;flex:0 0 auto;}
body.pk-workspace .wa-date-divider-pill {background:#f5f5f5!important;border:1px solid #dbdbdb;color:#171717!important;padding:6px 13px;border-radius:999px;font-size:9px;font-weight:500;}
body.pk-workspace .chat-composer-box {flex:0 0 auto;padding:16px 24px 20px!important;background:#ffffff!important;border-top:1px solid #dbdbdb!important;}
body.pk-workspace .wa-web-composer-row {gap:10px!important;}
body.pk-workspace #inbox-reply-input {height:46px;border-radius:14px!important;padding:12px 16px!important;background:#f5f5f5!important;font-size:13px!important;}
body.pk-workspace .wa-web-send-btn {height:44px;width:auto!important;min-width:90px;flex-shrink:0;padding:10px 16px!important;}
body.pk-workspace .inbox-messages-viewport {border:0!important;border-radius:0!important;}
body.pk-workspace .card-title>span:empty {display:none;}
body.pk-workspace .workspace-chat-back {display:none;}
body.pk-workspace #chat-booking-banner {background:#f5f5f5!important;border-color:#dbdbdb!important;color:#171717!important;font-size:11px!important;padding:12px 20px!important;flex:0 0 auto;}
body.pk-workspace .traceability-sidebar {position:absolute;right:0;top:0;bottom:0;width:min(340px,100%);min-width:0;height:100%!important;max-height:100%;background:#ffffff!important;border-left:1px solid #dbdbdb!important;box-shadow:-24px 0 60px #00000066!important;z-index:25;flex-direction:column;overflow:hidden;}
body.pk-workspace .trace-header {padding:20px!important;background:#f5f5f5!important;border-color:#dbdbdb!important;flex-shrink:0;}
body.pk-workspace .trace-body {padding:16px!important;overflow-y:auto;min-height:0;}
body.pk-workspace .trace-card {background:#f5f5f5!important;border:1px solid #dbdbdb!important;border-radius:13px;padding:15px;margin-bottom:12px;}
body.pk-workspace .trace-card-title {color:#171717!important;font-size:12px;}
body.pk-workspace :is(.client-tag-dropdown-menu,.client-bookings-dropdown-menu,.custom-cal-popup) {background:#f5f5f5!important;border:1px solid #dbdbdb!important;border-radius:14px!important;color:#171717!important;box-shadow:0 20px 60px #00000088!important;max-width:min(380px,calc(100vw - 32px))!important;min-width:0!important;z-index:80;}
body.pk-workspace .tag-opt {color:#171717!important;min-height:36px;}
body.pk-workspace .tag-opt:hover {background:#f5f5f5!important;}
/* Overview, scheduling, catalog, reporting and settings use the same grid. */
.overview-intro {display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 30px;}
.workspace-eyebrow {font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#171717;}
.overview-intro h2 {font-size:clamp(24px,2.8vw,38px);font-weight:500;letter-spacing:-.055em;margin:12px 0;}
.overview-intro p {font-size:12px;color:#171717;line-height:1.7;}
.overview-action {white-space:nowrap;}
.overview-action span {font-size:18px;margin-right:8px;}
.overview-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;}
.overview-kpi {padding:24px;}
.overview-kpi>span {font-size:11px;color:#171717;}
.overview-kpi strong {display:block;font-size:36px;letter-spacing:-.065em;font-weight:500;margin:18px 0 10px;}
.overview-kpi small {font-size:10px;color:#171717;line-height:1.6;}
.overview-columns {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;}
.overview-card-head {display:flex;justify-content:space-between;gap:12px;padding:22px;border-bottom:1px solid #dbdbdb;}
.overview-card-head h3 {font-size:14px;font-weight:600;}
.overview-card-head p {font-size:11px;color:#171717;margin-top:7px;}
.overview-card-head button,.overview-refresh {border:0;background:transparent;color:#171717;font-size:11px;text-decoration:underline;}
.overview-reservation {display:grid;grid-template-columns:50px minmax(100px,1fr) 1fr 62px 78px;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #dbdbdb;font-size:11px;}
.overview-reservation span:last-child {border:1px solid #dbdbdb;border-radius:6px;padding:5px;font-size:9px;text-align:center;color:#171717;}
.overview-aside {display:flex;flex-direction:column;gap:18px;}
.overview-feature {background:#fafafa;border:1px solid #dbdbdb;border-radius:16px;padding:25px;overflow:hidden;}
.overview-feature h3 {font-size:24px;font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:20px 0 13px;}
.overview-feature p,.overview-notes p {font-size:12px;color:#171717;line-height:1.85;}
.overview-feature a {display:block;border:1px solid #dbdbdb;border-radius:9px;padding:12px;text-align:center;text-decoration:none;margin-top:20px;font-size:11px;}
.overview-track {height:85px;width:100%;margin-top:15px;opacity:.6;filter:grayscale(1);}
.overview-notes {padding:22px;}
.overview-notes h3 {font-size:12px;margin-bottom:14px;}
.overview-footer {display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:10px;color:#171717;}
body.pk-workspace .calendar-nav-card {background:#ffffff!important;border:1px solid #dbdbdb!important;border-radius:16px!important;box-shadow:none!important;padding:22px!important;}
body.pk-workspace :is(.calendar-nav-btn,.cal-popup-trigger-btn,.monthly-count-pill) {background:#f5f5f5!important;color:#171717!important;border:1px solid #dbdbdb!important;box-shadow:none!important;}
body.pk-workspace .weekly-days-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;}
body.pk-workspace .weekly-day-card {background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:12px 6px!important;box-shadow:0 1px 3px rgba(0,0,0,0.03)!important;min-width:0;transition:all 0.15s ease!important;}
body.pk-workspace .weekly-day-card:hover {border-color:#ef171d!important;transform:translateY(-2px)!important;}
body.pk-workspace .weekly-day-card::before {display:none!important;}
body.pk-workspace .weekly-day-card .day-name {font-size:10px;color:#64748b!important;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;}
body.pk-workspace .weekly-day-card .day-num {font-size:24px!important;font-weight:800!important;color:#0f172a!important;}
body.pk-workspace .weekly-day-card.active {background:#ffffff!important;border:2px solid #ef171d!important;box-shadow:0 4px 14px rgba(239,23,29,0.15)!important;}
body.pk-workspace .weekly-day-card.active .day-name {color:#ef171d!important;font-weight:900!important;}
body.pk-workspace .weekly-day-card.active .day-num {color:#0f172a!important;font-weight:900!important;}
body.pk-workspace .weekly-day-card.is-today:not(.active) {border:1.5px solid #cbd5e1!important;background:#f8fafc!important;}
body.pk-workspace .day-badge {font-size:9.5px!important;box-shadow:none!important;font-weight:800!important;padding:3px 7px!important;border-radius:6px!important;display:inline-block!important;margin-top:4px!important;line-height:1.2!important;}
body.pk-workspace .day-badge.has-bookings {background:#fffbeb!important;color:#b45309!important;border:1px solid #fde68a!important;}
body.pk-workspace .day-badge.is-free {background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important;}
body.pk-workspace .day-badge.is-today-bookings {background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important;}
body.pk-workspace .day-badge.is-today-free {background:#f0fdf4!important;color:#15803d!important;border:1px solid #bbf7d0!important;}
body.pk-workspace .slot-shift-filters {background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:5px!important;overflow-x:auto;max-width:100%;}
body.pk-workspace .shift-filter-btn {color:#475569!important;background:transparent!important;white-space:nowrap;min-height:34px;font-size:11px;font-weight:700!important;}
body.pk-workspace .shift-filter-btn.active,body.pk-workspace .period-btn.active {background:#0f172a!important;color:#ffffff!important;box-shadow:none!important;border-radius:8px;}
body.pk-workspace .slot-item-btn {background:#ffffff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;color:#0f172a!important;box-shadow:0 1px 3px rgba(0,0,0,0.03)!important;min-height:74px;padding:8px 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;transition:all 0.15s ease!important;}
body.pk-workspace .slot-item-btn:hover {border-color:#ef171d!important;transform:translateY(-2px)!important;box-shadow:0 6px 14px rgba(239,23,29,0.1)!important;}
body.pk-workspace .slot-item-btn.slot-selected {background:#18181b!important;color:#ffffff!important;border-color:#18181b!important;box-shadow:0 4px 14px rgba(0,0,0,0.25)!important;}
body.pk-workspace .slot-item-btn.slot-selected :is(.slot-time, .slot-time-text, .slot-cupos, .slot-reserver-box, .slot-reserver-box strong, .slot-reserver-pilots) {color:#ffffff!important;}
body.pk-workspace .slot-item-btn.slot-partially-booked {background:#fffdfa!important;border-color:#fde68a!important;}
body.pk-workspace .slot-item-btn.slot-soldout {background:#fef2f2!important;color:#991b1b!important;border:1.5px solid #fecaca!important;}
body.pk-workspace .slot-badge-pill {font-size:0.72rem!important;font-weight:800!important;padding:2px 7px!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;gap:3px!important;white-space:nowrap!important;line-height:1.2!important;}
body.pk-workspace .slot-badge-pill.avail-green {background:#ecfdf5!important;color:#059669!important;border:1px solid #a7f3d0!important;}
body.pk-workspace .slot-badge-pill.avail-amber {background:#fef3c7!important;color:#b45309!important;border:1px solid #fde68a!important;}
body.pk-workspace .slot-badge-pill.avail-red {background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fca5a5!important;}
body.pk-workspace .slot-reserver-box {width:100%!important;margin-top:3px!important;padding:3px 6px!important;border-radius:6px!important;font-size:0.73rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.pk-workspace .slot-reserver-box.has-reserver {background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#0f172a!important;}
body.pk-workspace .slot-reserver-box.has-reserver strong {color:#0f172a!important;font-weight:850!important;}
body.pk-workspace .slot-reserver-box.is-soldout {background:#fee2e2!important;border:1px solid #fca5a5!important;color:#991b1b!important;}
body.pk-workspace .slot-reserver-box.is-soldout strong {color:#7f1d1d!important;font-weight:900!important;}
body.pk-workspace .slot-reserver-box.is-empty {background:transparent!important;border:none!important;color:#94a3b8!important;font-size:0.7rem!important;}
body.pk-workspace .slot-legend-strip {color:#171717!important;font-size:10px;flex-wrap:wrap;}
body.pk-workspace :is(.pilot-step-badge,.pilot-display-badge,.monthly-count-number) {background:#dddddd!important;color:#262626!important;box-shadow:none!important;border-color:#dbdbdb!important;}
body.pk-workspace :is(.pilot-counter-wrap,.custom-cal-inner,.custom-cal-header,.custom-cal-footer,.cal-month-picker-panel) {background:#f5f5f5!important;border-color:#dbdbdb!important;}
body.pk-workspace .connections-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.pk-workspace .connection-card {padding:24px!important;}
body.pk-workspace .conn-header {display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;}
body.pk-workspace .conn-title-group {display:flex;align-items:center;gap:12px;}
body.pk-workspace .qr-frame {background:#ffffff!important;border:12px solid #dbdbdb!important;border-radius:12px!important;padding:8px!important;width:fit-content;max-width:100%;margin-inline:auto;}
body.pk-workspace .qr-frame :is(img,canvas) {max-width:100%;height:auto;}
body.pk-workspace :is(.wa-connected-box,.wa-off-box,.mkt-test-box,#conn-ai-quota-wrapper) {background:#f5f5f5!important;border-color:#dbdbdb!important;color:#171717!important;border-radius:12px!important;}
body.pk-workspace :is(#token-quota-details,#conn-ai-quota-details) {color:#171717;line-height:1.8;font-size:11px!important;}
body.pk-workspace :is(#token-quota-details,#conn-ai-quota-details) p {margin-bottom:12px;}
body.pk-workspace .chat-window {background:#ffffff!important;border:1px solid #dbdbdb!important;border-radius:12px;padding:18px;height:350px;overflow:auto;}
body.pk-workspace .chat-bubble {font-size:13px;line-height:1.7;border:1px solid #dbdbdb!important;border-radius:14px!important;color:#171717!important;max-width:90%;}
body.pk-workspace .chat-bubble-eva {background:#f5f5f5!important;}
body.pk-workspace .chat-bubble-user {background:#f5f5f5!important;}
body.pk-workspace .quick-prompts {display:flex;flex-wrap:wrap;gap:7px;padding:14px 0;}
body.pk-workspace .quick-btn {font-size:10px!important;}
body.pk-workspace .chat-input-bar {display:flex;gap:8px;background:transparent!important;padding:12px 0 0;border-color:#dbdbdb!important;}
body.pk-workspace .chat-input-bar input {flex:1;min-width:0;}
/* Dialogs, login and popovers share focus and contrast rules. */
body.pk-workspace .modal-overlay {padding:24px;align-items:center;overflow-y:auto;background:#000000bb!important;backdrop-filter:blur(8px);}
body.pk-workspace .modal-dialog {max-height:calc(var(--eva-app-height,100dvh) - 48px)!important;max-width:calc(100vw - 48px)!important;min-height:0;display:flex;flex-direction:column;background:#ffffff!important;color:#171717!important;border:1px solid #dbdbdb!important;border-radius:20px!important;box-shadow:0 30px 100px #00000099!important;}
body.pk-workspace :is(.modal-dialog-header,.modal-dialog-footer) {background:#f5f5f5!important;border-color:#dbdbdb!important;flex-shrink:0;padding:20px 24px!important;gap:10px;flex-wrap:wrap;}
body.pk-workspace .modal-dialog-body {background:#ffffff!important;padding:24px!important;overflow-y:auto!important;min-height:0;overscroll-behavior:contain;}
body.pk-workspace .modal-dialog-header h3 {font-weight:550!important;letter-spacing:-.025em;color:#171717!important;}
body.pk-workspace #login-overlay {position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;overflow-y:auto;padding:24px;background:radial-gradient(ellipse at 50% 0%,#393939 0,#191919 46%,#101010 100%)!important;backdrop-filter:blur(16px);}
body.pk-workspace .login-card {width:min(100%,440px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:38px 38px 26px!important;background:#fff!important;color:#171717!important;border:1px solid #dedede!important;border-radius:22px!important;box-shadow:0 32px 100px #0009!important;text-align:left;animation:eva-login-enter .28s ease-out both;}
body.pk-workspace .login-brand-mark {display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:28px;border-radius:14px;background:#262626;color:#fff;box-shadow:inset 0 0 0 1px #ffffff20;}
body.pk-workspace .login-brand-mark span {font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.08em;padding-right:2px;}
body.pk-workspace .login-eyebrow {margin:0 0 8px!important;color:#707070!important;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
body.pk-workspace #login-overlay h2 {margin:0;color:#171717!important;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:28px!important;font-weight:700!important;letter-spacing:-.045em;line-height:1.2;}
body.pk-workspace #login-overlay .login-description {margin:9px 0 27px!important;color:#666!important;font-size:13px;line-height:1.6;}
body.pk-workspace #login-form {text-align:left;}
body.pk-workspace .login-field {margin:0 0 18px;}
body.pk-workspace .login-field .form-label {display:block;margin:0 0 7px;color:#303030;font-size:12px;font-weight:650;}
body.pk-workspace .login-field .input-text {width:100%;height:48px;padding:0 14px;border:1px solid #d7d7d7;border-radius:10px;background:#fff;color:#171717;font-size:14px;transition:border-color .16s,box-shadow .16s;}
body.pk-workspace .login-field .input-text::placeholder {color:#929292;}
body.pk-workspace .login-field .input-text:focus {border-color:#555;outline:0;box-shadow:0 0 0 3px #26262616;}
body.pk-workspace .login-password-wrap {position:relative;}
body.pk-workspace .login-password-wrap .input-text {padding-right:48px;}
body.pk-workspace .login-password-toggle {position:absolute;top:50%;right:8px;display:grid;place-items:center;width:34px;height:34px;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:#656565;}
body.pk-workspace .login-password-toggle:hover {background:#f1f1f1;color:#171717;}
body.pk-workspace #login-error-msg {display:none;margin:0 0 14px;padding:10px 12px;border:1px solid #eccaca;border-radius:9px;background:#fff7f7;color:#9c2626;font-size:12px;font-weight:550;line-height:1.5;}
body.pk-workspace .login-submit {display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;margin-top:5px;padding:12px 16px;border:1px solid #262626;border-radius:10px;background:#262626;color:#fff;font-size:13px;font-weight:650;transition:background .16s,transform .16s,box-shadow .16s;}
body.pk-workspace #login-overlay .login-submit,
body.pk-workspace #login-overlay .login-submit:hover,
body.pk-workspace #login-overlay .login-submit:focus-visible {background:#262626!important;color:#fff!important;border-color:#262626!important;}
body.pk-workspace #login-overlay .login-submit:hover {transform:translateY(-1px);background:#111!important;box-shadow:0 7px 18px #0002;}
body.pk-workspace #login-overlay .login-submit :is(span,i) {color:#fff!important;}
body.pk-workspace .login-submit:disabled {cursor:wait;opacity:.7;}
body.pk-workspace .login-footer {display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:19px;border-top:1px solid #ededed;color:#777;font-size:10px;line-height:1.5;text-align:center;}
body.pk-workspace .login-footer-dot {width:6px;height:6px;flex:none;border-radius:50%;background:#555;}
@keyframes eva-login-enter {from{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px) {body.pk-workspace #login-overlay{padding:16px;}body.pk-workspace .login-card{padding:30px 24px 20px!important;border-radius:18px!important;}body.pk-workspace #login-overlay h2{font-size:25px!important;}}
@media(prefers-reduced-motion:reduce) {body.pk-workspace .login-card{animation:none;}body.pk-workspace .login-field .input-text,body.pk-workspace .login-submit{transition:none;}}
body.pk-workspace [role=alert],body.pk-workspace .toast {background:#f5f5f5!important;color:#171717!important;border-color:#dbdbdb!important;box-shadow:0 15px 50px #00000066!important;}
.eva-mobile-nav,.eva-nav-scrim {display:none;}
@media(max-width:1250px) {
  body.pk-workspace .sidebar {width:190px;min-width:190px;flex-basis:190px;padding-inline:9px;}
  body.pk-workspace .conv-sidebar {width:305px!important;max-width:305px!important;flex-basis:305px;}
  body.pk-workspace .workspace-header {padding-inline:22px;}
  .workspace-link {display:none;}
  .overview-columns {grid-template-columns:minmax(0,1fr);}
  .overview-aside {display:grid;grid-template-columns:1fr 1fr;}
  body.pk-workspace .grid-4,.overview-kpis {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:1020px) {
  body.pk-workspace .view-panel {padding:22px;}
  body.pk-workspace .grid-3 {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.pk-workspace .connections-grid {grid-template-columns:minmax(0,1fr)!important;}
  body.pk-workspace .chat-view-header {padding:13px 18px!important;}
  body.pk-workspace .chat-controls {gap:5px!important;}
  body.pk-workspace .wa-bubble {max-width:90%!important;}
}
@media(max-width:760px) {
  body.pk-workspace {--eva-bottom:calc(64px + env(safe-area-inset-bottom,0px));}
  body.pk-workspace .app-shell {padding-bottom:var(--eva-bottom);}
  body.pk-workspace .sidebar,body.pk-workspace .sidebar.collapsed {position:fixed;left:0;top:0;bottom:0;height:100%;width:min(290px,84vw)!important;min-width:0!important;transform:translateX(-100%);transition:transform .2s ease;padding:25px 16px;z-index:110;box-shadow:20px 0 70px #00000066;}
  body.pk-workspace.navigation-open .sidebar {transform:translateX(0);}
  body.pk-workspace .sidebar.collapsed .brand-badge-box,body.pk-workspace .sidebar.collapsed .sidebar-status-box {display:flex!important;}
  body.pk-workspace .sidebar.collapsed :is(.brand-name,.nav-item-left span,.nav-item-left>div>span,.sidebar-logout-btn span) {display:initial!important;}
  body.pk-workspace .sidebar.collapsed :is(.nav-item-left,.nav-item-left>div) {justify-content:flex-start!important;gap:12px!important;}
  body.pk-workspace .sidebar .sidebar-header {justify-content:space-between!important;}
  .eva-nav-scrim {position:fixed;inset:0;background:#00000099;border:0;z-index:100;backdrop-filter:blur(4px);}
  body.navigation-open .eva-nav-scrim {display:block;}
  body.pk-workspace .workspace-header {padding:0 14px;height:66px;min-height:66px;flex-basis:66px;gap:10px;}
  .workspace-heading {gap:9px;flex:1;}
  .workspace-heading small {font-size:8px;letter-spacing:.09em;}
  .workspace-heading h1 {font-size:16px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;}
  .workspace-header-actions {gap:8px;}
  .workspace-site {font-size:0;gap:0;}
  .workspace-site select {min-width:88px;font-size:11px!important;padding:6px!important;}
  body.pk-workspace .btn-master-ai-header {width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;justify-content:center;}
  body.pk-workspace #global-master-ai-text {display:none;}
  .workspace-icon {height:32px;width:32px;border-radius:9px;}
  .eva-mobile-nav {display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:var(--eva-bottom);padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));background:#131313;border-top:1px solid #333333;z-index:60;}
  .eva-mobile-nav button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:54px;min-height:46px;padding:6px 8px;color:#999999;background:transparent;border:0;border-radius:12px;font-size:9px;}
  .eva-mobile-nav button i {font-size:18px;}
  .eva-mobile-nav button.active {background:#303030;color:#f3f3f3;}
  body.pk-workspace .view-panel {padding:22px 14px 28px;}
  .eva-view-intro {margin-bottom:20px;}
  .eva-view-intro h2 {font-size:23px;}
  .eva-view-intro p {font-size:12px;}
  .eva-section-index {display:none;}
  body.pk-workspace .card,body.pk-workspace .connection-card {padding:18px!important;border-radius:14px!important;}
  body.pk-workspace :is(.grid-2,.grid-3,.grid-4,.connections-secondary) {grid-template-columns:minmax(0,1fr)!important;gap:16px;}
  body.pk-workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea,#inbox-reply-input) {font-size:16px!important;}
  body.pk-workspace .view-panel [style*="grid-template-columns"] {grid-template-columns:minmax(0,1fr)!important;}
  body.pk-workspace .card-header {align-items:flex-start;}
  body.pk-workspace .card-header>div {max-width:100%;flex-wrap:wrap;}
  body.pk-workspace .conn-header {align-items:flex-start;}
  body.pk-workspace .connection-card [style*="display: flex"],body.pk-workspace .connection-card [style*="display:flex"] {flex-wrap:wrap;max-width:100%;}
  body.pk-workspace .connection-card [style*="min-width: 280px"] {min-width:0!important;}
  body.pk-workspace .connection-card code {overflow-wrap:anywhere;}
  body.pk-workspace #conn-model-select {font-size:12px!important;max-width:100%;}
  body.pk-workspace .conv-sidebar {width:100%!important;max-width:100%!important;flex:1 1 100%;border:0!important;}
  body.pk-workspace .conv-header {padding:12px 14px 8px!important;}
  body.pk-workspace .conv-search-input {font-size:14px!important;}
  body.pk-workspace .conv-card-pro {min-height:72px;padding:10px 10px!important;}
  body.pk-workspace .conv-card-name {font-size:13px!important;max-width:185px;}
  body.pk-workspace .conv-card-snippet {font-size:12px!important;}
  body.pk-workspace .conv-card-avatar {width:40px!important;height:40px!important;flex-basis:40px;}
  body.pk-workspace .chat-viewport {display:none!important;}
  body.pk-workspace .chat-viewport.card {padding:0!important;border-radius:0!important;}
  body.pk-workspace.mobile-chat-open.view-inbox-active .conv-sidebar {display:none!important;}
  body.pk-workspace.mobile-chat-open.view-inbox-active .chat-viewport {display:flex!important;}
  body.pk-workspace.mobile-chat-open.view-inbox-active .workspace-header,body.pk-workspace.mobile-chat-open.view-inbox-active .eva-mobile-nav {display:none!important;}
  body.pk-workspace.mobile-chat-open.view-inbox-active .app-shell {padding-bottom:0;}
  body.pk-workspace .workspace-chat-back {display:grid;place-items:center;width:34px;height:40px;flex:0 0 34px;background:transparent;border:0;color:#171717;font-size:24px;}
  body.pk-workspace .chat-view-header {padding:12px 12px!important;gap:9px!important;}
  body.pk-workspace .chat-contact-meta {flex:1;gap:10px;}
  body.pk-workspace .chat-contact-info h3 {max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body.pk-workspace .chat-controls {width:100%;padding:7px 0 0;border-top:1px solid #dbdbdb;justify-content:flex-end;}
  body.pk-workspace .chat-controls .btn-chat-pill {min-height:34px;font-size:11px!important;}
  body.pk-workspace #inbox-messages-container {padding:18px 14px!important;}
  body.pk-workspace .wa-bubble {max-width:88%!important;padding:11px 13px!important;}
  body.pk-workspace .wa-bubble-content {font-size:14px!important;}
  body.pk-workspace .chat-composer-box {padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;}
  body.pk-workspace .wa-web-send-btn {font-size:0!important;min-width:44px;width:44px!important;padding:10px 13px!important;}
  body.pk-workspace .wa-web-send-btn i {font-size:17px!important;}
  body.pk-workspace #chat-booking-banner {font-size:10px!important;padding:10px 14px!important;}
  body.pk-workspace #client-bookings-menu {position:fixed!important;top:110px!important;left:16px!important;right:16px!important;max-width:calc(100vw - 32px)!important;max-height:60dvh!important;}
  body.pk-workspace .traceability-sidebar {width:100%;}
  .overview-intro {align-items:flex-start;flex-direction:column;gap:15px;margin-top:0;}
  .overview-intro h2 {font-size:28px;}
  .overview-kpis {gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));}
  .overview-kpi {padding:17px;}
  .overview-kpi strong {font-size:27px;margin:15px 0 8px;}
  .overview-kpi small {font-size:9px;}
  .overview-aside {grid-template-columns:minmax(0,1fr);}
  .overview-card-head {padding:18px;flex-wrap:wrap;}
  .overview-reservation {grid-template-columns:42px minmax(0,1fr) 75px;padding:16px;gap:9px;}
  .overview-reservation span:nth-child(3),.overview-reservation span:nth-child(4) {display:none;}
  .overview-footer {flex-direction:column;}
  body.pk-workspace .calendar-nav-card {padding:16px 12px!important;}
  body.pk-workspace .calendar-nav-card>div:first-child {flex-wrap:wrap;gap:14px;}
  body.pk-workspace .weekly-days-grid {gap:5px;grid-template-columns:repeat(7,minmax(36px,1fr));overflow-x:auto;padding:4px 0 10px;}
  body.pk-workspace .weekly-day-card {padding:12px 4px!important;border-radius:9px!important;}
  body.pk-workspace .weekly-day-card .day-num {font-size:21px!important;}
  body.pk-workspace .weekly-day-card .day-name {font-size:8px;}
  body.pk-workspace .day-badge {font-size:8px!important;}
  body.pk-workspace .slot-matrix-header {flex-direction:column;align-items:flex-start;gap:14px;}
  body.pk-workspace .slot-grid-container {grid-template-columns:repeat(auto-fill,minmax(74px,1fr))!important;gap:8px;}
  body.pk-workspace table {min-width:640px;}
  body.pk-workspace .modal-overlay {padding:10px;}
  body.pk-workspace .modal-dialog {max-width:calc(100vw - 20px)!important;max-height:calc(var(--eva-app-height,100dvh) - 20px)!important;border-radius:18px!important;}
  body.pk-workspace .modal-dialog-body {padding:18px!important;}
  body.pk-workspace .modal-dialog [style*="grid-template-columns"] {grid-template-columns:minmax(0,1fr)!important;}
  body.pk-workspace :is(.modal-dialog-header,.modal-dialog-footer) {padding:16px 18px!important;}
  body.pk-workspace #slot-karts-visual-bar {grid-template-columns:repeat(7,minmax(0,1fr))!important;}
  body.pk-workspace #login-overlay>div {padding:30px 22px!important;}
}
@media(prefers-reduced-motion:reduce) {body.pk-workspace *,body.pk-workspace *::before,body.pk-workspace *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* =========================================================================
   SISTEMA DE DISEÑO OFICIAL:
   - Menú Lateral Izquierdo (.sidebar): NEGRO GRAFITO (#101010 / #181818)
   - Todo a la derecha (.main-workspace y modales): FONDO BLANCO (#ffffff)
   - Tipografía del Dashboard: NEGRO GRAFITO (#171717 / #262626 / #525252)
   ========================================================================= */

/* 1. Menú lateral izquierdo: estrictamente negro grafito con texto claro */
body.pk-workspace .sidebar {
  background: #101010 !important;
  color: #f0f0f0 !important;
  border-right: 1px solid #222222 !important;
  color-scheme: dark;
}
body.pk-workspace .sidebar .brand-icon-sq {
  display: none !important;
}
body.pk-workspace .sidebar .brand-name {
  color: #ffffff !important;
}
body.pk-workspace .sidebar .eva-brand-caption {
  color: #8e8e93 !important;
}
body.pk-workspace .sidebar .nav-item {
  color: #a8a8a8 !important;
}
body.pk-workspace .sidebar .nav-item:hover {
  background: #1c1c1c !important;
  color: #ffffff !important;
}
body.pk-workspace .sidebar .nav-item.active {
  background: #262626 !important;
  color: #ffffff !important;
  border-color: #383838 !important;
}
body.pk-workspace .sidebar .sidebar-status-box {
  border-color: #242424 !important;
  color: #999999 !important;
}
body.pk-workspace .sidebar .sidebar-footer {
  border-color: #242424 !important;
}
body.pk-workspace .sidebar .sidebar-logout-btn {
  color: #999999 !important;
  border-color: #282828 !important;
}

/* 2. Todo el espacio a la derecha del menú: FONDO BLANCO PURO (#ffffff) */
body.pk-workspace :is(.main-workspace, .workspace-header, .content-area, .view-panel, #view-inbox, .inbox-grid-modern, .conv-sidebar, .conv-header, .conv-list, .chat-viewport, .chat-view-header, .chat-messages, #inbox-messages-container, .inbox-messages-viewport, .chat-composer-box, .chat-window, .workspace-table-scroll) {
  background: #ffffff !important;
}

/* Tarjetas, paneles y contenedores del dashboard en blanco con borde sutil */
body.pk-workspace .main-workspace :is(.card, .connection-card, .telemetry-card, .overview-agenda, .overview-notes, .overview-kpi, .overview-feature, .trace-card, .traceability-sidebar, .notice-box, .mkt-test-box, .wa-connected-box, .wa-off-box, .qr-frame, .wa-instructions-list) {
  background: #ffffff !important;
  border: 1px solid #dbdbdb !important;
  box-shadow: none !important;
}

/* 3. Tipografía del dashboard: NEGRO GRAFITO (#171717 / #262626 / #525252) */
body.pk-workspace .main-workspace :is(h1, h2, h3, h4, h5, h6, strong, b, .card-title, .conv-card-name, .chat-contact-info h3, .workspace-heading h1) {
  color: #171717 !important;
}

body.pk-workspace .main-workspace :is(p, label, td, li, .form-label, .conv-snippet-text) {
  color: #262626 !important;
}

/* Metadatos y textos secundarios: grafito medio con alto contraste legible */
body.pk-workspace .main-workspace :is(.text-muted, small, .conv-card-time, .conv-card-phone, .wa-meta, .wa-time, .workspace-site, .telemetry-label, .overview-eyebrow, .workspace-eyebrow, .badge-channel-mini) {
  color: #525252 !important;
}

/* Teléfono en tarjetas de conversación: grafito visible y nítido */
body.pk-workspace .conv-card-phone {
  color: #525252 !important;
  font-weight: 600 !important;
}

/* Inputs y selectores en el dashboard: fondo blanco con letras grafito */
body.pk-workspace .main-workspace :is(.input-text, input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea, #inbox-reply-input) {
  background: #ffffff !important;
  color: #171717 !important;
  border: 1px solid #dbdbdb !important;
}

body.pk-workspace .main-workspace :is(input, textarea)::placeholder {
  color: #767676 !important;
  opacity: 1 !important;
}

/* Burbujas de chat legibles */
body.pk-workspace .wa-bubble {
  border: 1px solid #dbdbdb !important;
  color: #171717 !important;
}
body.pk-workspace .wa-bubble-in {
  background: #f5f5f5 !important;
  border-color: #dcdcdc !important;
}
body.pk-workspace .wa-bubble-out {
  background: #ebebeb !important;
  border-color: #d2d2d2 !important;
}
body.pk-workspace .wa-bubble-content {
  color: #171717 !important;
}
body.pk-workspace .wa-sender-tag {
  color: #333333 !important;
  font-weight: 600 !important;
}

/* Botones en el dashboard */
body.pk-workspace :is(.btn-primary, .wa-web-send-btn, .btn-checkout-red) {
  background: #171717 !important;
  color: #ffffff !important;
  border: 1px solid #171717 !important;
}
body.pk-workspace :is(.btn-primary, .wa-web-send-btn, .btn-checkout-red) * {
  color: #ffffff !important;
}
body.pk-workspace :is(.btn-secondary, .btn-outline, .apple-pill-btn) {
  background: #ffffff !important;
  color: #171717 !important;
  border: 1px solid #dbdbdb !important;
}
body.pk-workspace :is(.btn-secondary, .btn-outline, .apple-pill-btn) * {
  color: #171717 !important;
}

/* Modales en fondo blanco con letras grafito */
body.pk-workspace .modal-dialog,
body.pk-workspace .modal-dialog-body {
  background: #ffffff !important;
  color: #171717 !important;
  border: 1px solid #dbdbdb !important;
}
body.pk-workspace :is(.modal-dialog-header, .modal-dialog-footer) {
  background: #f8f8f8 !important;
  color: #171717 !important;
  border-color: #dbdbdb !important;
}
body.pk-workspace .modal-dialog :is(h1, h2, h3, h4, h5, strong, p, label, span:not(.btn-primary *), th, td) {
  color: #171717 !important;
}

@media (max-width: 760px) {
  body.pk-workspace:not(.navigation-open) .sidebar {
    box-shadow: none;
  }
}


/* ==========================================================================
   PROKARTING RED & LIGHT THEME DASHBOARD MASTER OVERRIDES (2026)
   ========================================================================== */
body.pk-workspace .calendar-nav-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
  padding: 1.25rem 1.5rem !important;
}

body.pk-workspace .calendar-nav-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
body.pk-workspace .calendar-nav-btn:hover {
  border-color: #ef171d !important;
  color: #ef171d !important;
}
body.pk-workspace .calendar-nav-btn.today-btn {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
  color: #ef171d !important;
  font-weight: 800 !important;
}
body.pk-workspace .calendar-nav-btn.today-btn:hover {
  background: #ef171d !important;
  color: #ffffff !important;
  border-color: #ef171d !important;
}

body.pk-workspace .monthly-count-pill {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  padding: 5px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #475569 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}
body.pk-workspace .monthly-count-number {
  background: #ef171d !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 1px 7px !important;
  font-weight: 850 !important;
  font-size: 0.72rem !important;
}

body.pk-workspace .cal-popup-trigger-btn {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  color: #0f172a !important;
  font-weight: 750 !important;
  font-size: 0.8rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
body.pk-workspace .cal-popup-trigger-btn:hover {
  border-color: #ef171d !important;
  color: #ef171d !important;
}

/* CARDS DE DÍAS DE LA SEMANA */
body.pk-workspace .weekly-days-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body.pk-workspace .weekly-day-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 14px 8px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
  min-width: 0 !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.pk-workspace .weekly-day-card:hover {
  border-color: #ef171d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(239,23,29,0.12) !important;
}
body.pk-workspace .weekly-day-card::before { display: none !important; }
body.pk-workspace .weekly-day-card .day-name {
  font-size: 0.72rem !important;
  color: #64748b !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 2px !important;
}
body.pk-workspace .weekly-day-card .day-num {
  font-size: 1.8rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1.1 !important;
}

/* DÍA ACTIVO / SELECCIONADO (INCLUIDO HOY ACTIVO) */
body.pk-workspace .weekly-day-card.active,
body.pk-workspace .weekly-day-card.is-today.active {
  background: #ffffff !important;
  border: 2.5px solid #ef171d !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(239,23,29,0.18) !important;
  transform: translateY(-3px) !important;
}
body.pk-workspace .weekly-day-card.active .day-name,
body.pk-workspace .weekly-day-card.is-today.active .day-name {
  color: #ef171d !important;
  font-weight: 900 !important;
}
body.pk-workspace .weekly-day-card.active .day-num,
body.pk-workspace .weekly-day-card.is-today.active .day-num {
  color: #0f172a !important;
  font-weight: 900 !important;
}

/* DÍA HOY NO ACTIVO */
body.pk-workspace .weekly-day-card.is-today:not(.active) {
  border: 1.5px solid #cbd5e1 !important;
  background: #f8fafc !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

/* BADGES DE DISPONIBILIDAD DE DÍA */
body.pk-workspace .day-badge {
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 9999px !important;
  display: inline-block !important;
  margin-top: 6px !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
body.pk-workspace .day-badge.is-free,
body.pk-workspace .day-badge.is-today-free {
  background: #ecfdf5 !important;
  color: #059669 !important;
  border: 1px solid #a7f3d0 !important;
}
body.pk-workspace .day-badge.has-bookings {
  background: #fef3c7 !important;
  color: #b45309 !important;
  border: 1px solid #fde68a !important;
}
body.pk-workspace .day-badge.is-today-bookings {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca !important;
}

/* BARRA DE SELECCIÓN RÁPIDA DE SLOT (#quick-slot-bar) */
.quick-slot-bar-pro {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-left: 5px solid #ef171d !important;
  border-radius: 14px !important;
  padding: 1.15rem 1.5rem !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
}
.quick-pilot-btn {
  width: 36px !important;
  height: 36px !important;
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.quick-pilot-btn:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  transform: scale(1.05) !important;
}
.quick-pilot-display {
  width: 46px !important;
  height: 36px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.quick-booking-submit-btn {
  background: linear-gradient(135deg, #ef171d, #dc2626) !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 0.92rem !important;
  padding: 0.65rem 1.4rem !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(239, 23, 29, 0.35) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.quick-booking-submit-btn:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(239, 23, 29, 0.45) !important;
}
.quick-booking-close-btn {
  width: 36px !important;
  height: 36px !important;
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  color: #64748b !important;
  font-size: 0.95rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.quick-booking-close-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}




/* ==========================================================================
   PROKARTING RESERVAR — MÓDULO EXCLUSIVO EN NEGRO (https://prokarting.cl/reservar/)
   ========================================================================== */
body.pk-workspace.view-bookings-active .main-workspace,
body.view-bookings-active .main-workspace,
body.pk-workspace.view-bookings-active .content-area,
body.view-bookings-active .content-area {
  background: #050505 !important;
}

body.pk-workspace.view-bookings-active .workspace-header,
body.view-bookings-active .workspace-header {
  background: #0b0c0e !important;
  border-bottom: 1px solid #1a1c24 !important;
}

body.pk-workspace.view-bookings-active .workspace-header .workspace-heading small,
body.view-bookings-active .workspace-header .workspace-heading small {
  color: #8e8e93 !important;
}

body.pk-workspace.view-bookings-active .workspace-header .workspace-heading h1,
body.view-bookings-active .workspace-header .workspace-heading h1 {
  color: #ffffff !important;
}

body.pk-workspace.view-bookings-active .workspace-header .workspace-link,
body.view-bookings-active .workspace-header .workspace-link {
  color: #ef171d !important;
  border-color: #2e313d !important;
}

body.pk-workspace.view-bookings-active .workspace-header .workspace-site,
body.view-bookings-active .workspace-header .workspace-site {
  color: #8e8e93 !important;
}

body.pk-workspace.view-bookings-active .workspace-header .workspace-site select,
body.view-bookings-active .workspace-header .workspace-site select {
  background: #121317 !important;
  color: #ffffff !important;
  border: 1px solid #2e313d !important;
}

/* Ocultar la cabecera genérica que inyecta dashboard.js dentro de #view-bookings */
#view-bookings .eva-view-intro {
  display: none !important;
}

/* CONTENEDOR GENERAL #view-bookings */
body.pk-workspace #view-bookings,
#view-bookings {
  background: #0b0c0e !important;
  color: #ffffff !important;
  border-radius: 18px !important;
  padding: 1.5rem !important;
  border: 1px solid #1a1c24 !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

body.pk-workspace #view-bookings .card,
#view-bookings .card {
  background: #121317 !important;
  border: 1.5px solid #22242c !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
}

body.pk-workspace #view-bookings .card-header,
#view-bookings .card-header {
  border-bottom: 1px solid #1e2029 !important;
  background: #15171d !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  padding: 1rem 1.25rem !important;
}

body.pk-workspace #view-bookings .card-title,
body.pk-workspace #view-bookings h3,
body.pk-workspace #view-bookings h4,
#view-bookings .card-title,
#view-bookings h3,
#view-bookings h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

#view-bookings .btn-primary {
  background: #ef171d !important;
  border-color: #ef171d !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* STEP BADGES: [ 2 ] FECHA, [ 3 ] HORA, [ 4 ] PILOTOS */
.pk-step-badge {
  background: #ef171d !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 0.95rem !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(239, 23, 29, 0.4) !important;
  flex-shrink: 0 !important;
}
.pk-step-title {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}

body.pk-workspace #view-bookings #matrix-active-branch-badge,
#matrix-active-branch-badge {
  background: #181920 !important;
  color: #ef171d !important;
  border: 1px solid #2e313d !important;
  font-weight: 800 !important;
}

/* BARRA DE NAVEGACIÓN SEMANAL (PASO 2: FECHA) */
body.pk-workspace #view-bookings .calendar-nav-card,
#view-bookings .calendar-nav-card {
  background: #121317 !important;
  border: 1.5px solid #22242c !important;
}

body.pk-workspace #view-bookings .calendar-nav-btn,
#view-bookings .calendar-nav-btn {
  background: #181920 !important;
  color: #ffffff !important;
  border: 1.5px solid #262936 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
body.pk-workspace #view-bookings .calendar-nav-btn:hover,
#view-bookings .calendar-nav-btn:hover {
  border-color: #ef171d !important;
  color: #ef171d !important;
}
body.pk-workspace #view-bookings .calendar-nav-btn.today-btn,
#view-bookings .calendar-nav-btn.today-btn {
  background: #ef171d !important;
  border-color: #ef171d !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

body.pk-workspace #view-bookings #agenda-week-label,
#view-bookings #agenda-week-label,
#agenda-week-label {
  background: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1.5px solid #334155 !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  padding: 4px 10px !important;
  display: inline-block !important;
}

body.pk-workspace #view-bookings .monthly-count-pill,
#view-bookings .monthly-count-pill {
  background: #181920 !important;
  border: 1.5px solid #262936 !important;
  color: #8e8e93 !important;
}
body.pk-workspace #view-bookings .monthly-count-number,
#view-bookings .monthly-count-number {
  background: #ef171d !important;
  color: #ffffff !important;
}

body.pk-workspace #view-bookings .cal-popup-trigger-btn,
#view-bookings .cal-popup-trigger-btn {
  background: #181920 !important;
  border: 1.5px solid #262936 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}
body.pk-workspace #view-bookings .cal-popup-trigger-btn:hover,
#view-bookings .cal-popup-trigger-btn:hover {
  border-color: #ef171d !important;
  color: #ef171d !important;
}

/* CARDS DE DÍAS DE LA SEMANA (LUN a DOM) */
body.pk-workspace #view-bookings .weekly-days-grid,
#view-bookings .weekly-days-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.pk-workspace #view-bookings .weekly-day-card,
#view-bookings .weekly-day-card {
  background: #121317 !important;
  border: 1.5px solid #22242c !important;
  border-radius: 12px !important;
  padding: 14px 6px !important;
  box-shadow: none !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.pk-workspace #view-bookings .weekly-day-card:hover,
#view-bookings .weekly-day-card:hover {
  background: #181920 !important;
  border-color: #ef171d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(239, 23, 29, 0.2) !important;
}

body.pk-workspace #view-bookings .weekly-day-card .day-name,
#view-bookings .weekly-day-card .day-name {
  font-size: 0.72rem !important;
  color: #8e8e93 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 2px !important;
}

body.pk-workspace #view-bookings .weekly-day-card .day-num,
#view-bookings .weekly-day-card .day-num {
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
}

/* DÍA ACTIVO / SELECCIONADO */
body.pk-workspace #view-bookings .weekly-day-card.active,
body.pk-workspace #view-bookings .weekly-day-card.is-today.active,
#view-bookings .weekly-day-card.active,
#view-bookings .weekly-day-card.is-today.active {
  background: #181920 !important;
  border: 2px solid #ef171d !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(239, 23, 29, 0.35) !important;
  transform: translateY(-3px) !important;
}
body.pk-workspace #view-bookings .weekly-day-card.active .day-name,
body.pk-workspace #view-bookings .weekly-day-card.is-today.active .day-name,
#view-bookings .weekly-day-card.active .day-name,
#view-bookings .weekly-day-card.is-today.active .day-name {
  color: #ef171d !important;
  font-weight: 900 !important;
}
body.pk-workspace #view-bookings .weekly-day-card.active .day-num,
body.pk-workspace #view-bookings .weekly-day-card.is-today.active .day-num,
#view-bookings .weekly-day-card.active .day-num,
#view-bookings .weekly-day-card.is-today.active .day-num {
  color: #ffffff !important;
  font-weight: 900 !important;
}

body.pk-workspace #view-bookings .weekly-day-card.is-today:not(.active),
#view-bookings .weekly-day-card.is-today:not(.active) {
  border: 1.5px solid #363948 !important;
  background: #15161d !important;
}
body.pk-workspace #view-bookings .weekly-day-card.is-today:not(.active) .day-name,
#view-bookings .weekly-day-card.is-today:not(.active) .day-name {
  color: #a1a5b7 !important;
}

/* BADGES DE DISPONIBILIDAD SEMANAL */
body.pk-workspace #view-bookings .day-badge,
#view-bookings .day-badge {
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 9999px !important;
  display: inline-block !important;
  margin-top: 6px !important;
  line-height: 1.2 !important;
}
body.pk-workspace #view-bookings .day-badge.is-free,
body.pk-workspace #view-bookings .day-badge.is-today-free,
#view-bookings .day-badge.is-free,
#view-bookings .day-badge.is-today-free {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
}
body.pk-workspace #view-bookings .day-badge.has-bookings,
#view-bookings .day-badge.has-bookings {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #f59e0b !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
}
body.pk-workspace #view-bookings .day-badge.is-today-bookings,
#view-bookings .day-badge.is-today-bookings {
  background: rgba(239, 23, 29, 0.2) !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(239, 23, 29, 0.4) !important;
}

/* BARRA DE SELECCIÓN RÁPIDA (#quick-slot-bar - PASO 4: PILOTOS) */
body.pk-workspace #view-bookings #quick-slot-bar,
#view-bookings #quick-slot-bar,
.quick-slot-bar-pro,
#quick-slot-bar {
  background: #121317 !important;
  border: 1.5px solid #22242c !important;
  border-left: 5px solid #ef171d !important;
  border-radius: 14px !important;
  padding: 1.15rem 1.5rem !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
}
body.pk-workspace #view-bookings #quick-slot-bar *,
#view-bookings #quick-slot-bar *,
.quick-slot-bar-pro * {
  color: #ffffff !important;
}
body.pk-workspace #view-bookings #quick-slot-bar #quick-pilot-cupos-label,
#view-bookings #quick-slot-bar #quick-pilot-cupos-label,
.quick-slot-bar-pro #quick-pilot-cupos-label {
  color: #059669 !important;
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}
body.pk-workspace #view-bookings #quick-slot-bar .pk-step-badge,
#view-bookings #quick-slot-bar .pk-step-badge,
.quick-slot-bar-pro .pk-step-badge {
  background: #ef171d !important;
  color: #ffffff !important;
}
body.pk-workspace #view-bookings #quick-slot-bar i.fa-flag-checkered,
#view-bookings #quick-slot-bar i.fa-flag-checkered,
.quick-slot-bar-pro i.fa-flag-checkered {
  color: #ef171d !important;
}
body.pk-workspace #view-bookings #quick-slot-time-display,
#view-bookings #quick-slot-time-display {
  color: #ffffff !important;
}
body.pk-workspace #view-bookings .quick-pilot-btn,
#view-bookings .quick-pilot-btn {
  background: #181920 !important;
  border: 1.5px solid #2e313e !important;
  color: #ffffff !important;
}
body.pk-workspace #view-bookings .quick-pilot-btn:hover,
#view-bookings .quick-pilot-btn:hover {
  background: #252834 !important;
  border-color: #ef171d !important;
}
body.pk-workspace #view-bookings .quick-pilot-display,
#view-bookings .quick-pilot-display {
  background: #0b0c0e !important;
  border: 1.5px solid #2e313e !important;
  color: #ffffff !important;
}
body.pk-workspace #view-bookings .quick-booking-submit-btn,
#view-bookings .quick-booking-submit-btn {
  background: #ef171d !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(239, 23, 29, 0.4) !important;
}
body.pk-workspace #view-bookings .quick-booking-submit-btn:hover,
#view-bookings .quick-booking-submit-btn:hover {
  background: #dc2626 !important;
  box-shadow: 0 6px 20px rgba(239, 23, 29, 0.55) !important;
}
body.pk-workspace #view-bookings .quick-booking-close-btn,
#view-bookings .quick-booking-close-btn {
  background: #181920 !important;
  border: 1.5px solid #2e313e !important;
  color: #8e8e93 !important;
}
body.pk-workspace #view-bookings .quick-booking-close-btn:hover,
#view-bookings .quick-booking-close-btn:hover {
  color: #ffffff !important;
  border-color: #ef171d !important;
}

/* FILTRO DE JORNADAS (Mañana, Tarde, Noche, Todos) */
body.pk-workspace #view-bookings .slot-shift-filters,
#view-bookings .slot-shift-filters {
  background: #0b0c0e !important;
  border: 1px solid #22242c !important;
  border-radius: 10px !important;
  padding: 4px !important;
}
body.pk-workspace #view-bookings .shift-filter-btn,
#view-bookings .shift-filter-btn {
  color: #8e8e93 !important;
  background: transparent !important;
  font-weight: 700 !important;
  border-radius: 7px !important;
  border: none !important;
  cursor: pointer !important;
}
body.pk-workspace #view-bookings .shift-filter-btn:hover,
#view-bookings .shift-filter-btn:hover {
  color: #ffffff !important;
}
body.pk-workspace #view-bookings .shift-filter-btn.active,
#view-bookings .shift-filter-btn.active {
  background: #ef171d !important;
  color: #ffffff !important;
}

/* GRILLA DE SLOTS DE 15 MINUTOS (PASO 3: HORA) */
body.pk-workspace #view-bookings #matrix-slot-grid,
#view-bookings #matrix-slot-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)) !important;
  gap: 10px !important;
  padding: 1.25rem 1rem !important;
}

body.pk-workspace #view-bookings .slot-item-btn,
#view-bookings .slot-item-btn {
  background: #121317 !important;
  border: 1.5px solid #22242c !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  box-shadow: none !important;
  min-height: 72px !important;
  padding: 12px 6px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

body.pk-workspace #view-bookings .slot-item-btn:hover,
#view-bookings .slot-item-btn:hover {
  background: #181920 !important;
  border-color: #ef171d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(239, 23, 29, 0.25) !important;
}

body.pk-workspace #view-bookings .slot-item-btn.slot-selected,
#view-bookings .slot-item-btn.slot-selected {
  background: #1c1315 !important;
  color: #ffffff !important;
  border: 2px solid #ef171d !important;
  box-shadow: 0 0 16px rgba(239, 23, 29, 0.4) !important;
}

body.pk-workspace #view-bookings .slot-item-btn.slot-partially-booked,
#view-bookings .slot-item-btn.slot-partially-booked {
  background: #161512 !important;
  border-color: #3d3420 !important;
}

body.pk-workspace #view-bookings .slot-item-btn.slot-soldout,
#view-bookings .slot-item-btn.slot-soldout {
  background: #190f11 !important;
  border: 1.5px solid #581c1c !important;
  color: #fca5a5 !important;
}

body.pk-workspace #view-bookings .slot-time,
#view-bookings .slot-time {
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

body.pk-workspace #view-bookings .slot-cupos-label,
#view-bookings .slot-cupos-label {
  font-size: 0.72rem !important;
  color: #8e8e93 !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}
body.pk-workspace #view-bookings .slot-cupos-label.is-partial,
#view-bookings .slot-cupos-label.is-partial {
  color: #f59e0b !important;
  font-weight: 600 !important;
}
body.pk-workspace #view-bookings .slot-cupos-label.is-soldout,
#view-bookings .slot-cupos-label.is-soldout {
  color: #ef4444 !important;
  font-weight: 700 !important;
}

body.pk-workspace #view-bookings .slot-reserver-box,
#view-bookings .slot-reserver-box {
  width: 100% !important;
  margin-top: 3px !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  font-size: 0.72rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.pk-workspace #view-bookings .slot-reserver-box.has-reserver,
#view-bookings .slot-reserver-box.has-reserver {
  background: #1a1c25 !important;
  border: 1px solid #2d3140 !important;
  color: #ffffff !important;
}
body.pk-workspace #view-bookings .slot-reserver-box.has-reserver strong,
#view-bookings .slot-reserver-box.has-reserver strong {
  color: #ffffff !important;
}
body.pk-workspace #view-bookings .slot-reserver-box.is-soldout,
#view-bookings .slot-reserver-box.is-soldout {
  background: #231215 !important;
  border: 1px solid #4d1c23 !important;
  color: #fca5a5 !important;
}

/* TABLA INFERIOR DE REGISTRO DE RESERVAS */
body.pk-workspace #view-bookings .data-table,
#view-bookings .data-table {
  background: #121317 !important;
  color: #ffffff !important;
}
body.pk-workspace #view-bookings .data-table th,
#view-bookings .data-table th {
  background: #181920 !important;
  color: #8e8e93 !important;
  border-bottom: 1px solid #22242c !important;
}
body.pk-workspace #view-bookings .data-table td,
#view-bookings .data-table td {
  color: #ffffff !important;
  border-bottom: 1px solid #1a1c24 !important;
  background: #121317 !important;
}
body.pk-workspace #view-bookings .data-table tr:hover td,
#view-bookings .data-table tr:hover td {
  background: #161821 !important;
}
body.pk-workspace #view-bookings #bookings-search-input,
#view-bookings #bookings-search-input {
  background: #0b0c0e !important;
  border: 1.5px solid #262936 !important;
  color: #ffffff !important;
}

/* POPUP CALENDARIO PERSONALIZADO (DARK) */
#custom-cal-popup .custom-cal-inner {
  background: #121317 !important;
  border: 1px solid #22242c !important;
  color: #ffffff !important;
}
#custom-cal-popup .custom-cal-header,
#custom-cal-popup .custom-cal-footer {
  background: #181920 !important;
  border-color: #22242c !important;
}
#custom-cal-popup .custom-cal-month-title {
  color: #ffffff !important;
}
#custom-cal-popup .cal-nav-arrow {
  background: #181920 !important;
  border: 1px solid #2e313d !important;
  color: #ffffff !important;
}
#custom-cal-popup .cal-day-cell {
  background: #15161c !important;
  border-color: #22242c !important;
  color: #ffffff !important;
}
#custom-cal-popup .cal-day-cell.selected {
  background: #ef171d !important;
  color: #ffffff !important;
}

/* MODALES DE RESERVAS Y PISTA (PROKARTING DARK LUXURY) */
#slot-details-modal .modal-dialog,
#booking-details-popup-modal .modal-dialog {
  background: #121317 !important;
  color: #ffffff !important;
  border: 1.5px solid #22242c !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.8) !important;
}

#slot-details-modal .modal-dialog-header,
#booking-details-popup-modal .modal-dialog-header {
  background: #181920 !important;
  border-bottom: 1px solid #22242c !important;
  color: #ffffff !important;
}

#slot-details-modal .modal-dialog-header h3,
#booking-details-popup-modal .modal-dialog-header h3,
#slot-details-modal .modal-dialog-header span,
#booking-details-popup-modal .modal-dialog-header span {
  color: #ffffff !important;
}

#slot-details-modal .modal-dialog-body,
#booking-details-popup-modal .modal-dialog-body {
  background: #121317 !important;
  color: #ffffff !important;
}

#slot-details-modal .modal-dialog-footer,
#booking-details-popup-modal .modal-dialog-footer {
  background: #181920 !important;
  border-top: 1px solid #22242c !important;
}

#slot-details-modal .slot-table-scroll-container {
  background: #0b0c0e !important;
  border: 1px solid #22242c !important;
}

#slot-details-modal .data-table,
#slot-details-modal table,
#slot-details-modal tbody,
#slot-details-modal tr,
#slot-details-modal td {
  background: #0b0c0e !important;
  color: #ffffff !important;
  border-color: #1a1c24 !important;
}

#slot-details-modal th {
  background: #181920 !important;
  color: #8e8e93 !important;
  border-bottom: 1px solid #22242c !important;
}

#slot-details-modal #slot-modal-action-box {
  background: #181920 !important;
  border: 1px solid #282b37 !important;
}


/* OCULTAR CABECERA BLANCA EN AGENDA PARA SUBIR EL CONTENIDO AL MÁXIMO */
body.view-bookings-active .workspace-header {
  display: none !important;
}

body.view-bookings-active .content-area {
  padding-top: 10px !important;
}

body.pk-workspace.view-bookings-active #view-bookings,
body.view-bookings-active #view-bookings {
  padding-top: 10px !important;
  margin-top: 0 !important;
}


/* ==========================================================================
   AJUSTE DE FONDO Y BORDES AGENDA (SELECTOR Y CONTENEDOR 100% IGUAL AL FONDO)
   ========================================================================== */
body.pk-workspace.view-bookings-active,
body.view-bookings-active,
body.pk-workspace.view-bookings-active .app-shell,
body.view-bookings-active .app-shell,
body.pk-workspace.view-bookings-active .main-workspace,
body.view-bookings-active .main-workspace,
body.pk-workspace.view-bookings-active .content-area,
body.view-bookings-active .content-area {
  background: #050505 !important;
  border: none !important;
}

body.pk-workspace.view-bookings-active .content-area,
body.view-bookings-active .content-area {
  padding-top: 0 !important;
}

body.pk-workspace.view-bookings-active #view-bookings,
body.view-bookings-active #view-bookings {
  background: #050505 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.5rem 0.75rem !important;
  margin-top: 0 !important;
}

/* Forzar que el selector de sucursal NO tenga fondo blanco ni borde gris */
body.pk-workspace .main-workspace #bookings-branch-select,
body.pk-workspace #view-bookings select,
body.view-bookings-active #bookings-branch-select,
#view-bookings #bookings-branch-select,
#bookings-branch-select {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 2px 4px !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

body.pk-workspace .main-workspace #bookings-branch-select option,
body.pk-workspace #view-bookings select option,
body.view-bookings-active #bookings-branch-select option,
#view-bookings #bookings-branch-select option,
#bookings-branch-select option {
  background: #121317 !important;
  color: #ffffff !important;
}

.bookings-branch-pill {
  background: #181920 !important;
  border: 1.5px solid #282b37 !important;
}


/* ==========================================================================
   DISEÑO PROKARTING AGENDA — TÍTULO DESTACADO, ALINEACIÓN CENTRADA Y SIN DESFASE
   ========================================================================== */
body.pk-workspace.view-bookings-active,
body.view-bookings-active,
body.pk-workspace.view-bookings-active .app-shell,
body.view-bookings-active .app-shell,
body.pk-workspace.view-bookings-active .main-workspace,
body.view-bookings-active .main-workspace,
body.pk-workspace.view-bookings-active .content-area,
body.view-bookings-active .content-area {
  background: #050505 !important;
  border: none !important;
}

body.view-bookings-active .workspace-header {
  display: none !important;
}

body.pk-workspace.view-bookings-active .content-area,
body.view-bookings-active .content-area {
  padding: 0 !important;
  background: #050505 !important;
}

body.pk-workspace.view-bookings-active #view-bookings,
body.view-bookings-active #view-bookings {
  background: #050505 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 16px 24px 40px !important;
  margin: 0 auto !important;
  max-width: 1400px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Título de la Agenda nítido en blanco brillante */
.bookings-main-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* Selector de Sucursal en la cabecera */
body.pk-workspace .main-workspace #bookings-branch-select,
body.pk-workspace #view-bookings select,
body.view-bookings-active #bookings-branch-select,
#view-bookings #bookings-branch-select,
#bookings-branch-select {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 2px 4px !important;
}

body.pk-workspace .main-workspace #bookings-branch-select option,
body.pk-workspace #view-bookings select option,
body.view-bookings-active #bookings-branch-select option,
#view-bookings #bookings-branch-select option,
#bookings-branch-select option {
  background: #14151a !important;
  color: #ffffff !important;
}

.bookings-branch-pill {
  background: #14151a !important;
  border: 1.5px solid #282b37 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease !important;
}
.bookings-branch-pill:hover {
  border-color: #ef171d !important;
}

/* Botones de navegación de semana */
.calendar-nav-btn {
  background: #1e202a !important;
  color: #ffffff !important;
  border: 1.5px solid #2a2c3a !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.calendar-nav-btn:hover {
  border-color: #ef171d !important;
  color: #ef171d !important;
}
.calendar-nav-btn.today-btn {
  background: #ef171d !important;
  border-color: #ef171d !important;
  color: #ffffff !important;
}


/* ==========================================================================
   CARROUSEL NETFLIX DE DÍAS Y SECCIÓN DE RESERVAS EN FONDO BLANCO
   ========================================================================== */

/* Botones de navegación tipo carrusel estilo Netflix para la grilla semanal */
.carousel-nav-btn {
  background: #181920 !important;
  color: #ffffff !important;
  border: 1.5px solid #282b37 !important;
  border-radius: 10px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 80px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 1.25rem !important;
  transition: all 0.15s ease !important;
  flex-shrink: 0 !important;
  z-index: 5 !important;
  outline: none !important;
}
.carousel-nav-btn:hover {
  background: #ef171d !important;
  border-color: #ef171d !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 16px rgba(239, 23, 29, 0.45) !important;
}
.carousel-nav-btn:active {
  transform: scale(0.96) !important;
}

/* Arreglo de contraste en el Paso 2 */
#step-2-sublabel {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

/* Arreglo de contraste en Paso 3 (Matriz de Horarios y Turnos) */
#matrix-active-date {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}
.slot-legend-strip span {
  color: #cbd5e1 !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}
body.pk-workspace .slot-shift-filters,
.slot-shift-filters {
  background: #181920 !important;
  border: 1.5px solid #282b37 !important;
  border-radius: 10px !important;
  padding: 4px !important;
}
body.pk-workspace .shift-filter-btn,
.shift-filter-btn {
  color: #a1a1aa !important;
  background: transparent !important;
  font-weight: 750 !important;
  font-size: 0.78rem !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  border: none !important;
}
body.pk-workspace .shift-filter-btn.active,
.shift-filter-btn.active {
  background: #ef171d !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}

/* ==========================================================================
   SECCIÓN REGISTRO DE RESERVAS: FONDO BLANCO PURO Y LETRAS NEGRAS LEGIBLES
   (Solicitado por el usuario: fondo blanco y letras negras con historial ordenado)
   ========================================================================== */
body.pk-workspace #view-bookings .bookings-table-card,
body.view-bookings-active #view-bookings .bookings-table-card,
#view-bookings .bookings-table-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  color: #0f172a !important;
  margin-top: 1.25rem !important;
  margin-bottom: 2.5rem !important;
  overflow: hidden !important;
}

body.pk-workspace #view-bookings .bookings-table-card .card-header,
#view-bookings .bookings-table-card .card-header {
  background: #ffffff !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
  padding: 1.1rem 1.25rem !important;
}

body.pk-workspace #view-bookings .bookings-table-card .card-title,
body.pk-workspace #view-bookings .bookings-table-card .card-title span,
#view-bookings .bookings-table-card .card-title,
#view-bookings .bookings-table-card .card-title span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 900 !important;
}

body.pk-workspace #view-bookings .bookings-table-card #bookings-search-input,
#view-bookings .bookings-table-card #bookings-search-input {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: none !important;
}
body.pk-workspace #view-bookings .bookings-table-card #bookings-search-input::placeholder,
#view-bookings .bookings-table-card #bookings-search-input::placeholder {
  color: #94a3b8 !important;
}

/* Tabla de reservas en fondo blanco con letras negras */
body.pk-workspace #view-bookings .bookings-table-card .table-responsive,
#view-bookings .bookings-table-card .table-responsive {
  background: #ffffff !important;
}

body.pk-workspace #view-bookings .bookings-table-card table,
#view-bookings .bookings-table-card table,
body.pk-workspace #view-bookings .bookings-table-card .data-table,
#view-bookings .bookings-table-card .data-table {
  background: #ffffff !important;
  color: #0f172a !important;
  width: 100% !important;
}

body.pk-workspace #view-bookings .bookings-table-card th,
#view-bookings .bookings-table-card th {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-bottom: 2px solid #cbd5e1 !important;
  padding: 12px 14px !important;
}

body.pk-workspace #view-bookings .bookings-table-card td,
#view-bookings .bookings-table-card td {
  background: #ffffff !important;
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 12px 14px !important;
  font-size: 0.85rem !important;
}

body.pk-workspace #view-bookings .bookings-table-card tr:hover td,
#view-bookings .bookings-table-card tr:hover td {
  background: #f8fafc !important;
}

body.pk-workspace #view-bookings .bookings-table-card td strong,
#view-bookings .bookings-table-card td strong {
  color: #0f172a !important;
}

body.pk-workspace #view-bookings .bookings-table-card td a,
#view-bookings .bookings-table-card td a {
  color: #0284c7 !important;
}

body.pk-workspace #view-bookings .bookings-table-card td span,
#view-bookings .bookings-table-card td span {
  color: #475569 !important;
}

.bookings-mode-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.bookings-mode-btn:hover {
  border-color: #0f172a !important;
  color: #0f172a !important;
  background: #f8fafc !important;
}
.bookings-mode-btn.active {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0f172a !important;
}
.bookings-mode-btn.active * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* ==========================================================================
   TABLA COMPACTA DE RESERVAS, FONDO BLANCO PURO Y MODAL DE PASE QR
   ========================================================================== */
body.pk-workspace #view-bookings .bookings-table-card,
body.view-bookings-active #view-bookings .bookings-table-card,
#view-bookings .bookings-table-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  color: #0f172a !important;
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
  overflow: hidden !important;
}

body.pk-workspace #view-bookings .bookings-table-card .card-header,
#view-bookings .bookings-table-card .card-header {
  background: #ffffff !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
  padding: 0.85rem 1.15rem !important;
}

body.pk-workspace #view-bookings .bookings-table-card .card-title,
body.pk-workspace #view-bookings .bookings-table-card .card-title span,
#view-bookings .bookings-table-card .card-title,
#view-bookings .bookings-table-card .card-title span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 900 !important;
}

body.pk-workspace #view-bookings .bookings-table-card #bookings-search-input,
#view-bookings .bookings-table-card #bookings-search-input {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: none !important;
}

/* Reducción de espaciado: Filas más juntas y legibles */
body.pk-workspace #view-bookings .bookings-table-card th,
#view-bookings .bookings-table-card th {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-bottom: 2px solid #cbd5e1 !important;
  padding: 8px 10px !important;
  white-space: nowrap !important;
}

body.pk-workspace #view-bookings .bookings-table-card td,
#view-bookings .bookings-table-card td {
  background: #ffffff !important;
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 6px 10px !important;
  font-size: 0.81rem !important;
  line-height: 1.25 !important;
}

body.pk-workspace #view-bookings .bookings-table-card tr:hover td,
#view-bookings .bookings-table-card tr:hover td {
  background: #f8fafc !important;
}

/* Botón de Pase QR llamativo y nítido */
.btn-qr-view {
  background: #ef171d !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 5px 10px !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  box-shadow: 0 1px 4px rgba(239, 23, 29, 0.3) !important;
  transition: all 0.12s ease !important;
  white-space: nowrap !important;
}
.btn-qr-view:hover {
  background: #dc2626 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 8px rgba(239, 23, 29, 0.45) !important;
}

/* Botones de acción compactos */
.btn-table-action {
  padding: 3px 7px !important;
  font-size: 0.73rem !important;
  border-radius: 5px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  transition: all 0.12s ease !important;
}
.btn-table-action:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}


/* ==========================================================================
   FORZAR TEXTO BLANCO EN BOTONES DE MODO ACTIVOS (Día / Historial)
   ========================================================================== */
body.pk-workspace #view-bookings .bookings-mode-btn,
body.view-bookings-active #view-bookings .bookings-mode-btn,
#view-bookings .bookings-mode-btn,
.bookings-mode-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.pk-workspace #view-bookings .bookings-mode-btn:hover,
#view-bookings .bookings-mode-btn:hover,
.bookings-mode-btn:hover {
  border-color: #0f172a !important;
  color: #0f172a !important;
  background: #f8fafc !important;
}

body.pk-workspace #view-bookings .bookings-mode-btn.active,
body.view-bookings-active #view-bookings .bookings-mode-btn.active,
#view-bookings .bookings-mode-btn.active,
.bookings-mode-btn.active,
#btn-mode-day.active,
#btn-mode-history.active {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.35) !important;
}

body.pk-workspace #view-bookings .bookings-mode-btn.active *,
body.view-bookings-active #view-bookings .bookings-mode-btn.active *,
#view-bookings .bookings-mode-btn.active *,
.bookings-mode-btn.active *,
#btn-mode-day.active *,
#btn-mode-history.active * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ───────────────────────────────────────────────────────────── */
/* MODAL DE AGENDAMIENTO (#booking-modal): ANCHO ELEGANTE (860px)*/
/* SELECTORES PROPORCIONADOS Y BOTÓN VISIBLE                     */
/* ───────────────────────────────────────────────────────────── */
#booking-modal .modal-dialog {
  max-width: 860px !important;
  width: 94vw !important;
  max-height: calc(100vh - 40px) !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45) !important;
  border: 1px solid #cbd5e1 !important;
}

#booking-modal .modal-dialog-header {
  padding: 0.85rem 1.4rem !important;
  background: #ffffff !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#booking-modal .modal-dialog-header h3 {
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  color: #0f172a !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}

#booking-modal form,
#form-new-booking {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
}

#booking-modal .modal-dialog-body {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  max-height: calc(100vh - 160px) !important;
  padding: 1rem 1.4rem !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

#booking-modal .form-label {
  display: block !important;
  font-size: 0.73rem !important;
  font-weight: 800 !important;
  color: #475569 !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1.25 !important;
}

#booking-modal :is(.input-text, select, input:not([type=checkbox]):not([type=radio]):not([type=hidden])) {
  min-height: 38px !important;
  height: 38px !important;
  padding: 6px 12px !important;
  font-size: 0.86rem !important;
  font-weight: 550 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

#booking-modal :is(.input-text, select, input):focus {
  border-color: #ef171d !important;
  box-shadow: 0 0 0 3px rgba(239, 23, 29, 0.12) !important;
  outline: none !important;
  background: #ffffff !important;
}

#booking-modal select {
  font-weight: 600 !important;
  cursor: pointer !important;
  padding-right: 28px !important;
}

#booking-modal textarea.input-text {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 12px !important;
  font-size: 0.84rem !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  resize: none !important;
  box-sizing: border-box !important;
}

#booking-modal .modal-dialog-footer {
  position: sticky !important;
  bottom: 0 !important;
  padding: 0.75rem 1.4rem !important;
  background: #ffffff !important;
  border-top: 1.5px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-shrink: 0 !important;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.05) !important;
  z-index: 20 !important;
}

#booking-modal .btn-checkout-red,
#booking-modal button[type="submit"] {
  background: #ef171d !important;
  color: #ffffff !important;
  font-weight: 850 !important;
  font-size: 0.86rem !important;
  letter-spacing: 0.025em !important;
  padding: 9px 22px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 3px 10px rgba(239, 23, 29, 0.35) !important;
  transition: transform 0.12s, background 0.15s, box-shadow 0.15s !important;
}

#booking-modal .btn-checkout-red:hover,
#booking-modal button[type="submit"]:hover {
  background: #dc2626 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 16px rgba(239, 23, 29, 0.45) !important;
}