/* Bright, motion-led smart-space theme for the authenticated owner and admin pages only. */
body.workspace-page[data-page] {
  color-scheme: light;
  --bg: #f3f5fa;
  --bg-deep: #edf0f7;
  --panel: #ffffff;
  --panel-soft: #f7f7fb;
  --line: rgba(54, 66, 105, .12);
  --line-strong: rgba(68, 76, 130, .21);
  --text: #192844;
  --muted: #717c91;
  --cyan: #725de0;
  --lime: #a6d4aa;
  --orange: #bc8a55;
  background: #f3f5fa;
  color: #192844;
}

.workspace-page .auth-screen {
  position: relative;
  isolation: isolate;
  background: linear-gradient(90deg, rgba(248,248,250,.96) 0%, rgba(248,248,250,.88) 43%, rgba(248,248,250,.24) 100%), url("./restaurant-manager.png") center / cover no-repeat !important;
  color: #192844;
}
.workspace-page .auth-screen::before { content: none !important; }
.workspace-page .auth-screen > .brand strong,
.workspace-page .auth-screen > .brand small { color: #192844; }
.workspace-page .auth-screen > .brand small { opacity: .68; }
.workspace-page .auth-story { color: #182b48; }
.workspace-page .auth-story > p,
.workspace-page .auth-benefits { color: #68758a; }
.workspace-page .auth-story .section-index,
.workspace-page .auth-story-kicker { color: #6f5bd6; }
.workspace-page .auth-console,
.workspace-page .auth-card {
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 18px;
  background: rgba(255,255,255,.83);
  color: #24334d;
  box-shadow: 0 24px 70px rgba(49,56,90,.16), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(18px);
}
.workspace-page .auth-console-top,
.workspace-page .auth-console-body,
.workspace-page .auth-card-head p,
.workspace-page .auth-foot { color: #69758a; }
.workspace-page .auth-console-top { border-color: rgba(69,77,124,.12); }
.workspace-page .auth-console-top b,
.workspace-page .auth-console-heading strong,
.workspace-page .auth-metrics strong,
.workspace-page .auth-card h1,
.workspace-page .auth-card h2 { color: #192844; }
.workspace-page .auth-metrics > div,
.workspace-page .auth-card .auth-tabs { border-color: rgba(64,76,120,.13); }
.workspace-page .auth-card .auth-tabs button { color: #737c91; }
.workspace-page .auth-card .auth-tabs button.active { color: #6954d1; border-color: #7863e1; }
.workspace-page .auth-card .auth-mark { background: #eeeaff; color: #715ddd; border-color: #e0daf9; }
.workspace-page .auth-card .form-stack label { color: #47536a; }
.workspace-page .auth-card input,
.workspace-page .auth-card textarea,
.workspace-page .auth-card select { color: #182842; background: rgba(255,255,255,.9); border-color: #d9deea; }
.workspace-page .auth-card input::placeholder { color: #9ba3b2; }
.workspace-page .auth-card .button-primary,
.workspace-page .button-primary { background: #725de0; color: #fff; box-shadow: 0 9px 22px rgba(98,78,203,.19); }
.workspace-page .auth-card .button-primary:hover,
.workspace-page .button-primary:hover { background: #644ed2; box-shadow: 0 13px 26px rgba(98,78,203,.25); }
.workspace-page .auth-foot { position: relative; z-index: 1; }

.workspace-page #workspace { background: #f3f5fa; }
.workspace-page .sidebar { background: rgba(255,255,255,.94); border-color: #e4e7ef; box-shadow: 10px 0 36px rgba(33,46,83,.035); }
.workspace-page .sidebar .brand strong { color: #192844; }
.workspace-page .sidebar .brand small,
.workspace-page .sidebar-section-label,
.workspace-page .sidebar-bottom small { color: #8a93a5; }
.workspace-page .sidebar-nav a { color: #677187; border-radius: 10px; transition: color .2s, background .2s, transform .2s; }
.workspace-page .sidebar-nav a:hover,
.workspace-page .sidebar-nav a.active { color: #6552ce; background: #f0edff; }
.workspace-page[data-page="owner"] .owner-workspace .sidebar-nav a.active span { color:#6552ce; background:#e3deff; border-color:#d5cef8; box-shadow:none; }
.workspace-page .sidebar-bottom { color: #536078; border-color: #e7e9f0; }
.workspace-page .workspace-header { background: rgba(255,255,255,.89); border-color: #e6e8ef; backdrop-filter: blur(16px); }
.workspace-page .workspace-breadcrumb { color: #8992a3; }
.workspace-page .workspace-breadcrumb span { color: #c4c8d2; }
.workspace-page .workspace-breadcrumb strong,
.workspace-page .header-user { color: #34435d; }
.workspace-page .text-button { color: #6e59d7; }
.workspace-page .workspace-content { color: #1c2b46; }
.workspace-page .section-index { color: #7260d8; }
.workspace-page .panel,
.workspace-page .stat-card,
.workspace-page .skill-card,
.workspace-page .channel-card,
.workspace-page .agent-card,
.workspace-page .assistant-chat-panel {
  border-color: #e4e7ef;
  border-radius: 15px;
  background: #fff;
  color: #26344d;
  box-shadow: 0 7px 23px rgba(38,47,81,.045);
}
.workspace-page .stat-card { background: linear-gradient(145deg,#fff,#f9f8ff); }
.workspace-page .stat-card > span,
.workspace-page .stat-card small,
.workspace-page .panel p,
.workspace-page .field-hint { color: #758197; }
.workspace-page .stat-card strong,
.workspace-page .panel-heading h2,
.workspace-page .channel-card h2,
.workspace-page .admin-demo-panel h2 { color: #1c2b46; }
.workspace-page .stat-revenue { border-color: #ded8fa; background: linear-gradient(140deg,#f0edff,#fff); }
.workspace-page .stat-revenue strong { color: #604cc9; }
.workspace-page .data-table th { color: #7c879c; border-color: #e9ebf1; }
.workspace-page .data-table td { color: #45536b; border-color: #edf0f5; }
.workspace-page .data-table .empty-row { color: #9099a9; }
.workspace-page .tag { color: #557960; background: #eaf6ed; }
.workspace-page .tag.warn { color: #916a34; background: #fbf3e7; }
.workspace-page .tag.off { color: #7d8796; background: #eff1f5; }
.workspace-page .button-outline { color: #6250c4; border-color: #d8d2f5; background: #f8f7ff; }
.workspace-page .button-outline:hover { border-color: #9a8ce4; background: #f0edff; }
.workspace-page .button-quiet { color: #66748b; }
.workspace-page .form-stack label { color: #4f5b71; }
.workspace-page .form-stack input,
.workspace-page .form-stack textarea,
.workspace-page .form-stack select,
.workspace-page input,
.workspace-page select,
.workspace-page textarea { color: #24334c; background-color: #fff; border-color: #dfe3ed; }
.workspace-page .form-stack input::placeholder,
.workspace-page textarea::placeholder { color: #a0a8b6; }
.workspace-page .form-stack input:focus,
.workspace-page .form-stack textarea:focus,
.workspace-page .form-stack select:focus { border-color: #8c7ce1; box-shadow: 0 0 0 3px rgba(114,93,224,.12); }
.workspace-page .form-stack select { background-image: linear-gradient(45deg,transparent 50%,#7664d3 50%),linear-gradient(135deg,#7664d3 50%,transparent 50%); }
.workspace-page .notice { color: #79664c; border-color: #f0dfc5; background: #fcf7ee; }
.workspace-page .notice > span { color: #b58446; }
.workspace-page .admin-note li { color: #526079; border-color: #eceef3; }
.workspace-page .admin-note li span,
.workspace-page .panel-heading a { color: #715ed4; }
.workspace-page .invite-result { border-color: #d8e9db; background: #f2faf3; }
.workspace-page .invite-result span,
.workspace-page .invite-result small { color: #718273; }
.workspace-page .invite-result strong { color: #426a4c; }
.workspace-page .admin-demo-panel { border-color: #e5defa; background: linear-gradient(110deg,#f4f1ff,#fff 70%); }
.workspace-page .admin-demo-panel p { color: #748097; }
.workspace-page .toast { color: #293750; border-color: #e1dcf8; background: #fff; box-shadow: 0 13px 35px rgba(34,44,75,.14); }
.workspace-page .channel-card p,
.workspace-page .channel-group-row,
.workspace-page .channel-bind-result p,
.workspace-page .assistant-chat-message p { color: #68758c; }
.workspace-page .channel-group-row { border-color: #e5e8ef; }
.workspace-page .channel-card .channel-bitable-status { color: #58815e; }
.workspace-page .assistant-chat-message { color: #34435c; background: #f7f8fc; border-color: #e5e8f0; }
.workspace-page .assistant-chat-message.from-user { background: #f1efff; border-color: #ddd7fb; }
.workspace-page .assistant-chat-empty { color: #7d899e; }
.workspace-page .assistant-chat-role { color: #705dd4; }
.workspace-page .skills-grid .skill-card { background: linear-gradient(145deg,#fff,#f6f5fc); }
.workspace-page .skill-card h3,
.workspace-page .skill-card strong { color: #283750; }
.workspace-page .skill-card p,
.workspace-page .skill-status { color: #758196; }
.workspace-page .skill-icon { color: #6f5bd4; border-color: #e1dcf8; background: #f1efff; }

.workspace-page .template-panel,
.workspace-page .template-source-advanced,
.workspace-page .template-upload,
.workspace-page .template-metrics,
.workspace-page .template-tables details,
.workspace-page .template-qr { color: #36445d; background: #fff; border-color: #e3e6ef; }
.workspace-page .template-heading p,
.workspace-page .template-source p,
.workspace-page .template-publish p,
.workspace-page .template-source-advanced p,
.workspace-page .template-upload small,
.workspace-page .template-notes { color: #778298; }
.workspace-page .template-flow { color: #5e6b82; border-color: #e6e8ef; }
.workspace-page .template-flow b,
.workspace-page .template-source-advanced summary,
.workspace-page .template-notes summary { color: #6e5bd1; }
.workspace-page .template-preview-heading select { color: #34435c; background: #fff; border-color: #dfe3ed; }
.workspace-page .template-metrics { background: #f7f7fb; }
.workspace-page .template-metrics div { border-color: #e5e7ef; }
.workspace-page .template-metrics strong { color: #5d4ac5; }
.workspace-page .template-metrics span,
.workspace-page .template-tables summary small { color: #78849a; }
.workspace-page .template-tables summary,
.workspace-page .template-publish strong { color: #33415a; }
.workspace-page .template-field-list span { color: #5b6680; background: #f1f2f7; }
.workspace-page .template-publish { border-color: #e5e8f0; }
.workspace-page .template-qr { border-color: #e1e4ed; }
.workspace-page .template-source-advanced { background: #fafaff; }

.workspace-page .smart-space-hero {
  --smart-ink: #192844;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(255px,.78fr) minmax(390px,1fr);
  align-items: center;
  gap: 26px;
  min-height: 328px;
  margin: 0 0 27px;
  padding: 28px 30px;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 23px;
  background: #f8f7f4;
  box-shadow: 0 20px 48px rgba(45,54,88,.09), inset 0 1px rgba(255,255,255,.9);
}
.workspace-page .smart-space-hero::before,
.workspace-page .smart-space-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.workspace-page .smart-space-hero::before { background: url("./restaurant-manager.png") 60% 43% / cover no-repeat; animation: none; transform: none; }
.workspace-page .smart-space-hero::after { background: linear-gradient(90deg,rgba(250,249,247,.98) 0%,rgba(250,249,247,.94) 31%,rgba(250,249,247,.54) 55%,rgba(250,249,247,.17) 100%),linear-gradient(0deg,rgba(247,245,242,.47),transparent 36%); }
.workspace-page .smart-space-hero > div:first-child { position: relative; z-index: 1; align-self: center; max-width: 370px; padding-bottom: 48px; }
.workspace-page .smart-space-hero .dashboard-title h1 { color: var(--smart-ink); font-size: clamp(34px,3.5vw,48px); }
.workspace-page .smart-space-hero .dashboard-title p,
.workspace-page .smart-space-hero > div:first-child > p { color: #66738a; line-height: 1.8; }
.workspace-page .smart-space-hero .section-index { color: #6e5bd3; }
.workspace-page .smart-space-hero > .button { position: absolute; z-index: 3; left: 30px; bottom: 24px; min-height: 42px; }
.workspace-page .smart-space-cards { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: center; gap: 10px; min-width: 0; }
.workspace-page .smart-space-card { position: relative; z-index: 1; display: flex; min-width: 0; min-height: 87px; flex-direction: column; gap: 4px; overflow: hidden; padding: 11px 13px; border: 1px solid rgba(255,255,255,.98); border-radius: 15px; background: rgba(255,255,255,.82); color: #2b3954; box-shadow: 0 9px 23px rgba(51,53,82,.09),inset 0 1px rgba(255,255,255,.9); backdrop-filter: blur(13px); transition: min-height .36s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s; }
.workspace-page .smart-space-card:hover,
.workspace-page .smart-space-card:focus-visible { z-index: 5; min-height: 167px; border-color: #c8bdf7; box-shadow: 0 18px 34px rgba(53,47,98,.18),inset 0 1px #fff; outline: none; }
.workspace-page .smart-space-card-head { display: flex; align-items: center; justify-content: space-between; }
.workspace-page .smart-space-card-head i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: #efedff; color: #715ed7; font-size: 17px; font-style: normal; }
.workspace-page .smart-space-card-head small { color: #9da4b2; font-size: 9px; }
.workspace-page .smart-space-card > strong { position: relative; z-index: 2; font-size: 12px; line-height: 1.2; color: #36425a; }
.workspace-page .smart-space-card-meta { position: relative; z-index: 2; color: #808a9b; font-size: 9px; }
.workspace-page .smart-space-card-detail { position: relative; display: block; min-height: 0; max-height: 0; overflow: hidden; opacity: 0; color: #69758b; font-size: 10px; line-height: 1.6; transition: max-height .32s ease,opacity .2s ease,margin .2s ease; }
.workspace-page .smart-space-card:hover .smart-space-card-detail,
.workspace-page .smart-space-card:focus-visible .smart-space-card-detail { height: 77px; max-height: 77px; margin-top: 4px; opacity: 1; }
.workspace-page .smart-space-photo { position: absolute; right: 1px; bottom: -4px; width: 78px; height: 75px; object-fit: contain; opacity: .83; filter: drop-shadow(0 4px 7px rgba(47,46,64,.14)); transition: transform .35s,opacity .35s; }
.workspace-page .smart-space-card:hover .smart-space-photo,
.workspace-page .smart-space-card:focus-visible .smart-space-photo { transform: scale(1.12) translateY(-3px); opacity: 1; }
.workspace-page .smart-space-card-detail > span { position: relative; z-index: 1; display: block; max-width: 64%; }
.workspace-page .smart-space-card-detail > b { position: absolute; left: 0; bottom: -1px; color: #705dd2; font-size: 14px; font-weight: 400; }
.workspace-page .smart-space-admin { grid-template-columns: minmax(270px,.86fr) minmax(430px,1fr); }
.workspace-page .smart-space-admin .smart-space-cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
.workspace-page .smart-space-admin .smart-space-card { min-height: 106px; }
.workspace-page .smart-space-admin .smart-space-card:hover,
.workspace-page .smart-space-admin .smart-space-card:focus-visible { min-height: 180px; }
.workspace-page .smart-space-controls { display: inline-flex; align-items: center; gap: 6px; margin-right: 2px; }
.workspace-page .smart-space-control { display: inline-flex; min-width: 40px; min-height: 36px; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; border: 1px solid #e6e2f7; border-radius: 999px; background: #faf9ff; color: #6b5bc5; font-size: 10px; transition: background .2s,border-color .2s,transform .2s; }
.workspace-page .smart-space-control:hover { transform: translateY(-1px); background: #f0edff; border-color: #d3cbf6; }
.workspace-page .smart-space-control[aria-pressed="true"] { background: #ece9ff; border-color: #c9c0f3; }
.workspace-page .smart-space-control span { font-size: 14px; }
.workspace-page .button,
.workspace-page .sidebar-nav a { transition-duration: .22s; }

@media(max-width:1120px) {
  .workspace-page .smart-space-hero { grid-template-columns:minmax(220px,.72fr) minmax(345px,1fr); gap:16px; padding:25px; }
  .workspace-page .smart-space-admin { grid-template-columns:minmax(220px,.72fr) minmax(350px,1fr); }
  .workspace-page .smart-space-admin .smart-space-cards { gap:7px; }
  .workspace-page .smart-space-admin .smart-space-card { padding:10px; }
}
@media(max-width:780px) {
  .workspace-page .smart-space-controls b { display:none; }
  .workspace-page .smart-space-hero,
  .workspace-page .smart-space-admin { display:flex; min-height:0; flex-direction:column; align-items:stretch; gap:18px; padding:22px; }
  .workspace-page .smart-space-hero::before { background-position:72% 30%; }
  .workspace-page .smart-space-hero::after { background:linear-gradient(90deg,rgba(250,249,247,.94),rgba(250,249,247,.74)),linear-gradient(0deg,rgba(247,245,242,.87),transparent 65%); }
  .workspace-page .smart-space-hero > div:first-child { max-width:88%; padding:0 0 44px; }
  .workspace-page .smart-space-hero .dashboard-title h1 { font-size:35px; }
  .workspace-page .smart-space-hero > .button { position:relative; left:auto; top:auto; bottom:auto; align-self:flex-start; margin-top:-12px; }
  .workspace-page .smart-space-cards,
  .workspace-page .smart-space-admin .smart-space-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .workspace-page .smart-space-card,
  .workspace-page .smart-space-admin .smart-space-card { min-height:82px; padding:10px 11px; }
  .workspace-page .smart-space-card:hover,
  .workspace-page .smart-space-card:focus-visible,
  .workspace-page .smart-space-admin .smart-space-card:hover,
  .workspace-page .smart-space-admin .smart-space-card:focus-visible { min-height:145px; }
  .workspace-page .smart-space-photo { width:64px; height:61px; }
  .workspace-page .smart-space-admin > div:first-child { max-width:100%; padding-bottom:0; }
  .workspace-page .sidebar { box-shadow:0 7px 28px rgba(33,46,83,.045); }
}
@media(max-width:560px) {
  .workspace-page .smart-space-controls { margin-right:0; gap:3px; }
  .workspace-page .smart-space-control { min-width:36px; min-height:36px; padding:0 7px; }
  .workspace-page .smart-space-hero { padding:18px; }
  .workspace-page .smart-space-hero > div:first-child { max-width:100%; }
  .workspace-page .smart-space-hero > .button { margin-top:-12px; }
  .workspace-page .smart-space-card { min-height:88px; }
  .workspace-page .smart-space-card:hover,
  .workspace-page .smart-space-card:focus-visible { min-height:154px; }
}
/* Keep admin pointer targets fixed while their visual surfaces unfold. */
.workspace-page .smart-space-admin .smart-space-card,
.workspace-page .smart-space-admin .smart-space-card:hover,
.workspace-page .smart-space-admin .smart-space-card:focus-visible {
  height:184px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;
  overflow:visible;backdrop-filter:none;animation:none;translate:none;transform:none;transition:none;outline:none;
}
.workspace-page .smart-space-admin .smart-space-card-surface {
  position:absolute;left:0;right:0;top:50%;height:112px;display:flex;flex-direction:column;gap:4px;
  padding:11px 13px;overflow:hidden;pointer-events:none;transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.98);border-radius:15px;background:rgba(255,255,255,.94);
  box-shadow:0 9px 23px rgba(51,53,82,.09),inset 0 1px #fff;
  transition:height .22s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;
}
.workspace-page .smart-space-admin .smart-space-card:hover .smart-space-card-surface,
.workspace-page .smart-space-admin .smart-space-card:focus-visible .smart-space-card-surface {
  height:180px;border-color:#c8bdf7;box-shadow:0 15px 28px rgba(53,47,98,.14),inset 0 1px #fff;
}
.workspace-page .smart-space-admin .smart-space-card:focus-visible .smart-space-card-surface {outline:2px solid #8b79dc;outline-offset:2px}
.workspace-page .smart-space-admin .smart-space-card-surface > strong {font-size:12px;line-height:1.2;color:#36425a}
.workspace-page .smart-space-admin .smart-space-card-detail > span {max-width:100%}
.workspace-page .smart-space-admin h1 {font-size:clamp(30px,3.4vw,44px);line-height:1.3;text-wrap:balance}
@media(max-width:780px) {
  .workspace-page .smart-space-admin .smart-space-card,
  .workspace-page .smart-space-admin .smart-space-card:hover,
  .workspace-page .smart-space-admin .smart-space-card:focus-visible {height:124px;min-height:0}
  .workspace-page .smart-space-admin .smart-space-card:hover .smart-space-card-surface,
  .workspace-page .smart-space-admin .smart-space-card:focus-visible .smart-space-card-surface {height:112px}
  .workspace-page .smart-space-admin .smart-space-card-detail {display:none}
}