/* KAISZ application shell v1 */
:root {
  --app-bg: #090b0f;
  --app-surface: #151a20;
  --app-surface-2: #1b222b;
  --app-border: rgba(191, 201, 214, .14);
  --app-border-strong: rgba(191, 201, 214, .22);
  --app-text: #eef2f5;
  --app-muted: #aab5c2;
  --app-cyan: #43c7df;
  --app-green: #43c77a;
  --app-amber: #f1aa3b;
  --app-red: #ef5f5f;
  --app-shadow: 0 14px 34px rgba(0, 0, 0, .28);
  --app-radius: 8px;
  --app-sidebar: 184px;
  --app-sidebar-collapsed: 60px;
}

html { color-scheme: dark; }

body.kaisz-app-page {
  margin: 0;
  min-height: 100vh;
  background: var(--app-bg);
  color: var(--app-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

.kaisz-app-page *, .kaisz-app-page *::before, .kaisz-app-page *::after { box-sizing: border-box; }
.kaisz-app-page a { color: inherit; }
.kaisz-app-page .container { display: block; min-height: 100vh; background: var(--app-bg); }

.kaisz-app-page .content {
  width: auto !important;
  max-width: none !important;
  min-height: 100vh;
  margin-left: calc(var(--app-sidebar) + 8px) !important;
  padding: 10px 16px 24px !important;
  background: var(--app-bg);
}

html.nav-collapsed .kaisz-app-page .content {
  margin-left: calc(var(--app-sidebar-collapsed) + 8px) !important;
}

.kaisz-app-page form,
.kaisz-app-page .km-root form {
  max-width: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.kaisz-app-page input,
.kaisz-app-page select,
.kaisz-app-page textarea,
.kaisz-app-page button { font: inherit; }

.kaisz-app-page input,
.kaisz-app-page select,
.kaisz-app-page textarea {
  width: 100%;
  margin: 0;
  color: var(--app-text);
  border: 1px solid var(--app-border);
  border-radius: 8px;
  background: #111820;
  outline: none;
}

.kaisz-app-page button { border-radius: 8px; }

.kaisz-home-page.kaisz-app-page .dash-wrap,
.kaisz-home-page.kaisz-app-page .kaisz-home-wrap {
  width: 100%;
  max-width: 1480px !important;
  margin: 0 auto;
  padding: 0 0 24px;
}

.kaisz-app-page .dash-hero-panel {
  display: grid;
  gap: 14px;
  margin: 0 0 14px;
  padding: 18px;
  border: 1px solid var(--app-border);
  border-radius: var(--app-radius);
  background: #11161d;
  box-shadow: var(--app-shadow);
}

.kaisz-app-page .hub-header,
.kaisz-app-page .dash-card-head,
.kaisz-app-page .hub-status__row,
.kaisz-app-page .hub-workspace__top,
.kaisz-app-page .hub-status-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.kaisz-app-page .hub-user { display: flex; align-items: center; gap: 12px; min-width: 0; }

.kaisz-app-page .hub-avatar {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--app-border-strong);
  background: #202934;
}

.kaisz-app-page .hub-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kaisz-app-page .hub-greet { font-size: 15px; font-weight: 800; line-height: 1.2; }

.kaisz-app-page .hub-sub,
.kaisz-app-page .hub-motto-text,
.kaisz-app-page .dash-subtitle,
.kaisz-app-page .dash-card-sub,
.kaisz-app-page .hub-today__detail,
.kaisz-app-page .hub-workspace__summary,
.kaisz-app-page .hub-workspace__meta,
.kaisz-app-page .hub-status__hint,
.kaisz-app-page .hub-status-card__sub,
.kaisz-app-page .hub-feed__detail,
.kaisz-app-page .hub-agenda__body small,
.kaisz-app-page .hub-empty {
  color: var(--app-muted);
  font-size: 12px;
  line-height: 1.45;
}

.kaisz-app-page .hub-link,
.kaisz-app-page .hub-mini-link { color: var(--app-cyan); text-decoration: none; }

.kaisz-app-page .hub-link:hover,
.kaisz-app-page .hub-mini-link:hover { text-decoration: underline; }

.kaisz-app-page .hub-motto { text-align: right; color: var(--app-muted); }

.kaisz-app-page .hub-motto-label,
.kaisz-app-page .dash-card-title,
.kaisz-app-page .dash-title,
.kaisz-app-page .hub-status__title {
  color: var(--app-text);
  font-weight: 850;
  letter-spacing: 0;
}

.kaisz-app-page .dash-title,
.kaisz-app-page .hub-status__title { font-size: 18px; }

.kaisz-app-page .dash-toolbar--hero {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid var(--app-border);
}

.kaisz-app-page .kaisz-home-toolbar__lead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.kaisz-app-page .kaisz-messenger-launch,
.kaisz-app-page .dash-btn,
.kaisz-app-page .hub-status__action,
.kaisz-app-page .hub-mini-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid var(--app-border-strong);
  border-radius: 8px;
  background: #1a222b;
  color: var(--app-text);
  text-decoration: none;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

.kaisz-app-page .kaisz-messenger-launch:hover,
.kaisz-app-page .dash-btn:hover,
.kaisz-app-page .hub-status__action:hover,
.kaisz-app-page .hub-mini-link:hover {
  background: #202b36;
  text-decoration: none;
}

.kaisz-app-page .dash-welcome-focus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 12px;
  margin: 0;
}

.kaisz-app-page .dash-welcome-primary,
.kaisz-app-page .dash-welcome-rule,
.kaisz-app-page .dash-card,
.kaisz-app-page .hub-today__item,
.kaisz-app-page .hub-workspace,
.kaisz-app-page .hub-status-card {
  border: 1px solid var(--app-border);
  border-radius: var(--app-radius);
  background: var(--app-surface);
  box-shadow: none;
}

.kaisz-app-page .dash-welcome-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 74px;
  padding: 14px;
  color: var(--app-text);
  text-decoration: none;
}

.kaisz-app-page .dash-welcome-primary:hover,
.kaisz-app-page .hub-today__item:hover,
.kaisz-app-page .hub-workspace:hover,
.kaisz-app-page .hub-status-card:hover,
.kaisz-app-page .hub-agenda__item:hover {
  border-color: rgba(67, 199, 223, .42);
  background: #19212a;
}

.kaisz-app-page .dash-welcome-primary__label,
.kaisz-app-page .hub-today__label,
.kaisz-app-page .hub-workspace__role,
.kaisz-app-page .hub-status-card__label,
.kaisz-app-page .hub-status-card__meta {
  display: block;
  color: var(--app-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.kaisz-app-page .dash-welcome-primary strong { display: block; margin-top: 2px; font-size: 18px; }
.kaisz-app-page .dash-welcome-primary small { display: block; margin-top: 4px; color: var(--app-muted); font-size: 12px; }

.kaisz-app-page .dash-welcome-primary em,
.kaisz-app-page .hub-status__summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(241, 170, 59, .34);
  background: rgba(241, 170, 59, .13);
  color: #ffd38a;
  font-style: normal;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.kaisz-app-page .dash-welcome-rule {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-height: 74px;
  padding: 14px;
}

.kaisz-app-page .dash-welcome-rule__label {
  color: var(--app-muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.kaisz-app-page .home-module-stack {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

.kaisz-app-page .home-module { grid-column: span 12; }
.kaisz-app-page .home-module--activity { grid-column: span 6; }
.kaisz-app-page .dash-span-12, .kaisz-app-page .dash-span-7, .kaisz-app-page .dash-span-5 { grid-column: auto; }

.kaisz-app-page .dash-card {
  height: 100%;
  padding: 16px;
  color: var(--app-text);
}

.kaisz-app-page .hub-today__grid,
.kaisz-app-page .hub-workspaces__grid,
.kaisz-app-page .hub-status__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.kaisz-app-page .hub-today__item,
.kaisz-app-page .hub-workspace,
.kaisz-app-page .hub-status-card {
  display: flex;
  min-width: 0;
  color: var(--app-text);
  text-decoration: none;
}

.kaisz-app-page .hub-today__item { align-items: flex-start; gap: 10px; padding: 13px; }

.kaisz-app-page .hub-today__dot,
.kaisz-app-page .hub-status-card__dot,
.kaisz-app-page .hub-feed__dot {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 999px;
  background: var(--app-green);
  box-shadow: 0 0 0 3px rgba(67, 199, 122, .14);
}

.kaisz-app-page .hub-today__item--warn .hub-today__dot,
.kaisz-app-page .hub-feed__row--warn .hub-feed__dot,
.kaisz-app-page .hub-status-card--warn .hub-status-card__dot {
  background: var(--app-amber);
  box-shadow: 0 0 0 3px rgba(241, 170, 59, .16);
}

.kaisz-app-page .hub-today__item--bad .hub-today__dot,
.kaisz-app-page .hub-feed__row--bad .hub-feed__dot,
.kaisz-app-page .hub-status-card--bad .hub-status-card__dot {
  background: var(--app-red);
  box-shadow: 0 0 0 3px rgba(239, 95, 95, .15);
}

.kaisz-app-page .hub-today__value,
.kaisz-app-page .hub-workspace__title {
  display: block;
  margin-top: 3px;
  font-size: 17px;
  line-height: 1.2;
}

.kaisz-app-page .hub-workspace {
  display: block;
  padding: 14px;
}

.kaisz-app-page .hub-workspace__summary { min-height: 40px; margin: 12px 0; }

.kaisz-app-page .hub-workspace__cta,
.kaisz-app-page .hub-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid var(--app-border);
  background: #202934;
  color: var(--app-text);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.kaisz-app-page .hub-workspace__metrics,
.kaisz-app-page .hub-activity__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.kaisz-app-page .hub-workspace__metrics span,
.kaisz-app-page .hub-activity__stats div {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--app-border);
  border-radius: 8px;
  background: #111820;
  color: var(--app-muted);
  font-size: 11px;
}

.kaisz-app-page .hub-workspace__metrics b,
.kaisz-app-page .hub-activity__stats strong {
  display: block;
  color: var(--app-text);
  font-size: 17px;
  line-height: 1;
}

.kaisz-app-page .hub-status__row { align-items: center; flex-wrap: wrap; }
.kaisz-app-page .hub-status__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.kaisz-app-page .hub-status-card { display: block; padding: 12px; }

.kaisz-app-page .hub-status-pill--ok,
.kaisz-app-page .hub-status__summary--ok {
  border-color: rgba(67, 199, 122, .34);
  background: rgba(67, 199, 122, .12);
  color: #90efb6;
}

.kaisz-app-page .hub-status-pill--bad,
.kaisz-app-page .hub-status__summary--warn {
  border-color: rgba(239, 95, 95, .36);
  background: rgba(239, 95, 95, .13);
  color: #ffaaa8;
}

.kaisz-app-page .hub-status-card__sub { margin-top: 12px; }

.kaisz-app-page .hub-status-card__meta {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
}

.kaisz-app-page .hub-feed,
.kaisz-app-page .hub-agenda__list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.kaisz-app-page .hub-feed__row,
.kaisz-app-page .hub-agenda__item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px;
  border: 1px solid var(--app-border);
  border-radius: 8px;
  background: #111820;
  color: var(--app-text);
  text-decoration: none;
}

.kaisz-app-page .hub-feed__main,
.kaisz-app-page .hub-agenda__body { min-width: 0; flex: 1 1 auto; }

.kaisz-app-page .hub-feed__txt,
.kaisz-app-page .hub-agenda__body strong {
  display: block;
  overflow: hidden;
  color: var(--app-text);
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kaisz-app-page .hub-feed__ts,
.kaisz-app-page .hub-agenda__date {
  flex: 0 0 auto;
  color: var(--app-muted);
  font-size: 11px;
  text-align: right;
}

.kaisz-app-page .hub-agenda__date { width: 58px; text-align: left; }
.kaisz-app-page .hub-agenda__date b, .kaisz-app-page .hub-agenda__date small { display: block; }

.kaisz-app-page .hub-empty {
  margin-top: 14px;
  padding: 18px;
  border: 1px dashed var(--app-border-strong);
  border-radius: 8px;
  background: #111820;
}

.kaisz-app-page .navrail { border-right-color: var(--app-border) !important; background: #080b10 !important; }
.kaisz-app-page .navrail__brand,
.kaisz-app-page .navrail__status,
.kaisz-app-page .navrail__links a,
.kaisz-app-page .navrail__logout,
.kaisz-app-page .kaisz-theme-toggle { border-radius: 8px !important; }

.kaisz-app-page .navrail__links a.is-active {
  border-color: rgba(67, 199, 223, .48) !important;
  background: rgba(67, 199, 223, .12) !important;
}

@media (max-width: 1180px) {
  .kaisz-app-page .home-module--activity { grid-column: span 12; }
}

@media (max-width: 900px) {
  .kaisz-app-page .content {
    margin-left: 0 !important;
    padding: 74px 10px 18px !important;
  }

  .kaisz-app-page .hub-header,
  .kaisz-app-page .kaisz-home-toolbar__lead,
  .kaisz-app-page .dash-welcome-focus,
  .kaisz-app-page .hub-status__row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .kaisz-app-page .hub-motto { text-align: left; }
  .kaisz-app-page .hub-workspace__metrics,
  .kaisz-app-page .hub-activity__stats { grid-template-columns: 1fr; }
}

/* Step 2: shell polish and home-dashboard rhythm. */
.kaisz-app-page .sidebar.navrail {
  width: var(--app-sidebar) !important;
  min-width: var(--app-sidebar) !important;
  border-right: 1px solid var(--app-border) !important;
  background: #080b10 !important;
  box-shadow: 10px 0 28px rgba(0, 0, 0, .20) !important;
}

html.nav-collapsed .kaisz-app-page .sidebar.navrail {
  width: var(--app-sidebar-collapsed) !important;
  min-width: var(--app-sidebar-collapsed) !important;
}

.kaisz-app-page .navrail__top {
  min-height: 58px !important;
  padding: 10px 8px 8px !important;
}

.kaisz-app-page .navrail__brand,
.kaisz-app-page .navrail__status,
.kaisz-app-page .navrail__links a,
.kaisz-app-page .navrail__logout,
.kaisz-app-page .kaisz-theme-toggle,
.kaisz-app-page .navrail__collapse {
  border: 1px solid var(--app-border) !important;
  border-radius: 8px !important;
  background: #111820 !important;
}

.kaisz-app-page .navrail__brand {
  min-height: 36px !important;
  padding: 0 9px !important;
}

.kaisz-app-page .navrail__logo {
  color: var(--app-text) !important;
  font-size: 15px !important;
  letter-spacing: .04em !important;
}

.kaisz-app-page .navrail__collapse {
  color: var(--app-muted) !important;
}

.kaisz-app-page .navrail__status {
  margin: 0 8px 10px !important;
  padding: 8px !important;
}

.kaisz-app-page .navrail__status-dot {
  background: var(--app-green) !important;
  box-shadow: 0 0 0 4px rgba(67, 199, 122, .14) !important;
}

.kaisz-app-page .navrail__scroll {
  padding: 4px 8px 8px !important;
}

.kaisz-app-page .navrail__links {
  gap: 6px !important;
}

.kaisz-app-page .navrail__links a,
.kaisz-app-page .navrail__logout {
  position: relative !important;
  min-height: 38px !important;
  gap: 8px !important;
  padding: 7px 8px !important;
  color: var(--app-muted) !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

.kaisz-app-page .navrail__links a:hover,
.kaisz-app-page .navrail__logout:hover {
  border-color: rgba(67, 199, 223, .30) !important;
  background: #17212a !important;
  color: var(--app-text) !important;
}

.kaisz-app-page .navrail__links a.is-active {
  border-color: rgba(67, 199, 223, .52) !important;
  background: rgba(67, 199, 223, .12) !important;
  color: var(--app-text) !important;
}

.kaisz-app-page .navrail__links a.is-active::before {
  width: 3px !important;
  border-radius: 999px !important;
  background: var(--app-cyan) !important;
  box-shadow: none !important;
}

.kaisz-app-page .navrail__ico {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: 1px solid var(--app-border) !important;
  border-radius: 8px !important;
  background: #1a222b !important;
  color: var(--app-muted) !important;
}

.kaisz-app-page .navrail__ico svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor;
}

.kaisz-app-page .navrail__links a.is-active .navrail__ico,
.kaisz-app-page .navrail__links a:hover .navrail__ico {
  border-color: rgba(67, 199, 223, .36) !important;
  color: var(--app-cyan) !important;
}

.kaisz-app-page .navrail__label {
  color: inherit !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
}

.kaisz-app-page .navrail__meta,
.kaisz-app-page .navrail__group-title,
.kaisz-app-page .navrail__footnote,
.kaisz-app-page .navrail__status-copy span {
  color: var(--app-muted) !important;
}

.kaisz-app-page .navrail__bottom {
  padding: 8px !important;
}

.kaisz-app-page .navrail__logout {
  border-color: rgba(239, 95, 95, .24) !important;
  background: rgba(239, 95, 95, .08) !important;
}

.kaisz-app-page .kaisz-theme-toggle {
  min-height: 34px !important;
  color: var(--app-text) !important;
}

html.nav-collapsed .kaisz-app-page .navrail__top {
  min-height: 58px !important;
}

html.nav-collapsed .kaisz-app-page .navrail__links a,
html.nav-collapsed .kaisz-app-page .navrail__logout {
  justify-content: center !important;
  padding: 5px !important;
}

html.nav-collapsed .kaisz-app-page .navrail__ico {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}

.kaisz-app-page .home-module-stack {
  margin-top: 14px !important;
}

.kaisz-app-page .home-module--overview,
.kaisz-app-page .home-module--workspaces,
.kaisz-app-page .home-module--system {
  grid-column: span 12;
}

.kaisz-app-page .home-module--activity {
  grid-column: span 6;
}

.kaisz-app-page .home-module > .dash-card,
.kaisz-app-page .home-module > section {
  width: 100%;
  min-height: 0;
}

.kaisz-app-page .dash-card-head {
  min-height: 34px;
  margin-bottom: 12px !important;
}

.kaisz-app-page .hub-status__lead {
  min-width: 260px;
}

.kaisz-app-page .hub-status__summary {
  margin-left: auto;
}

.kaisz-app-page .hub-today__item,
.kaisz-app-page .hub-status-card,
.kaisz-app-page .hub-workspace {
  min-height: 104px;
}

.kaisz-app-page .hub-status-card__label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.kaisz-app-page .hub-status-card__dot {
  margin-top: 0;
}

.kaisz-app-page .hub-activity__stats span {
  display: block;
  margin-top: 4px;
}

.kaisz-app-page .km-panel,
.kaisz-app-page .km-chat,
.kaisz-app-page .km-minibar {
  border-radius: 8px !important;
  border-color: var(--app-border) !important;
}

html[data-theme="light"] body.kaisz-app-page {
  --app-bg: #f3f5f7;
  --app-surface: #ffffff;
  --app-surface-2: #edf1f5;
  --app-border: rgba(25, 35, 45, .13);
  --app-border-strong: rgba(25, 35, 45, .20);
  --app-text: #151b22;
  --app-muted: #5d6875;
  background: var(--app-bg);
  color: var(--app-text);
}

html[data-theme="light"] .kaisz-app-page .content,
html[data-theme="light"] .kaisz-app-page .container {
  background: var(--app-bg) !important;
}

html[data-theme="light"] .kaisz-app-page .dash-hero-panel,
html[data-theme="light"] .kaisz-app-page .dash-card,
html[data-theme="light"] .kaisz-app-page .hub-today__item,
html[data-theme="light"] .kaisz-app-page .hub-workspace,
html[data-theme="light"] .kaisz-app-page .hub-status-card,
html[data-theme="light"] .kaisz-app-page .dash-welcome-primary,
html[data-theme="light"] .kaisz-app-page .dash-welcome-rule {
  background: #ffffff !important;
  color: var(--app-text) !important;
}

html[data-theme="light"] .kaisz-app-page .sidebar.navrail {
  background: #f8fafc !important;
}

html[data-theme="light"] .kaisz-app-page .navrail__brand,
html[data-theme="light"] .kaisz-app-page .navrail__status,
html[data-theme="light"] .kaisz-app-page .navrail__links a,
html[data-theme="light"] .kaisz-app-page .navrail__logout,
html[data-theme="light"] .kaisz-app-page .kaisz-theme-toggle,
html[data-theme="light"] .kaisz-app-page .navrail__collapse,
html[data-theme="light"] .kaisz-app-page .navrail__ico,
html[data-theme="light"] .kaisz-app-page .hub-feed__row,
html[data-theme="light"] .kaisz-app-page .hub-agenda__item,
html[data-theme="light"] .kaisz-app-page .hub-workspace__metrics span,
html[data-theme="light"] .kaisz-app-page .hub-activity__stats div {
  background: #ffffff !important;
  color: var(--app-muted) !important;
}

html[data-theme="light"] .kaisz-app-page .navrail__links a.is-active {
  background: rgba(67, 199, 223, .16) !important;
  color: var(--app-text) !important;
}

@media (max-width: 1180px) {
  .kaisz-app-page .home-module--activity {
    grid-column: span 12;
  }
}

@media (max-width: 900px) {
  .kaisz-app-page .sidebar.navrail {
    width: 100% !important;
    min-width: 0 !important;
  }

  .kaisz-app-page .content {
    padding-top: 70px !important;
  }

  .kaisz-app-page .home-module-stack {
    display: grid;
    grid-template-columns: 1fr;
  }

  .kaisz-app-page .home-module,
  .kaisz-app-page .home-module--overview,
  .kaisz-app-page .home-module--workspaces,
  .kaisz-app-page .home-module--system,
  .kaisz-app-page .home-module--activity {
    grid-column: 1;
  }

  .kaisz-app-page .hub-status__summary,
  .kaisz-app-page .hub-status__actions {
    margin-left: 0;
  }
}

/* Step 3: operational modules - Monitoring, CCTV, ESZLE. */
body.kaisz-ops-page {
  --ops-panel: #151b22;
  --ops-panel-2: #111820;
  --ops-panel-3: #1b232d;
  --ops-border: var(--app-border);
  --ops-muted: var(--app-muted);
}

.kaisz-ops-page .content {
  padding: 12px 16px 24px !important;
}

.kaisz-ops-page .dash-wrap,
.kaisz-ops-page .mon-wrap,
.kaisz-ops-page .cctv-shell,
.kaisz-ops-page .eszle-shell {
  max-width: 1480px !important;
  margin: 0 auto !important;
}

.kaisz-ops-page .mon-shell,
.kaisz-ops-page .cctv-shell,
.kaisz-ops-page .eszle-shell {
  gap: 14px !important;
}

.kaisz-ops-page .dash-hero-panel,
.kaisz-ops-page .mon-hero,
.kaisz-ops-page .cctv-hero,
.kaisz-ops-page .mon-panel,
.kaisz-ops-page .mon-board,
.kaisz-ops-page .mon-card,
.kaisz-ops-page .cctv-panel,
.kaisz-ops-page .cctv-board,
.kaisz-ops-page .eszle-topbar,
.kaisz-ops-page .eszle-frame-wrap {
  border: 1px solid var(--ops-border) !important;
  border-radius: 8px !important;
  background: var(--ops-panel) !important;
  box-shadow: none !important;
}

.kaisz-ops-page .mon-hero::after,
.kaisz-ops-page .cctv-hero::after {
  display: none !important;
}

.kaisz-ops-page .mon-hero,
.kaisz-ops-page .cctv-hero {
  padding: 18px !important;
}

.kaisz-ops-page .mon-title,
.kaisz-ops-page .cctv-title {
  color: var(--app-text) !important;
  font-size: clamp(26px, 2.2vw, 34px) !important;
  letter-spacing: 0 !important;
}

.kaisz-ops-page .mon-subtitle,
.kaisz-ops-page .cctv-subtitle,
.kaisz-ops-page .panel-title p,
.kaisz-ops-page .board-title p,
.kaisz-ops-page .stat-note,
.kaisz-ops-page .glance-empty,
.kaisz-ops-page .host-card__sub,
.kaisz-ops-page .problem-hosts,
.kaisz-ops-page .service-card__desc,
.kaisz-ops-page .service-card__foot,
.kaisz-ops-page .panel-note,
.kaisz-ops-page .section-label,
.kaisz-ops-page .board-chip,
.kaisz-ops-page .camera-filter {
  color: var(--ops-muted) !important;
}

.kaisz-ops-page .mon-eyebrow,
.kaisz-ops-page .cctv-eyebrow,
.kaisz-ops-page .hero-pill,
.kaisz-ops-page .pill,
.kaisz-ops-page .service-state,
.kaisz-ops-page .service-chip,
.kaisz-ops-page .board-chip,
.kaisz-ops-page .camera-filter {
  border-radius: 999px !important;
}

.kaisz-ops-page .mon-eyebrow,
.kaisz-ops-page .cctv-eyebrow {
  background: #101820 !important;
  border-color: var(--ops-border) !important;
  color: var(--app-muted) !important;
}

.kaisz-ops-page .hero-status,
.kaisz-ops-page .stat-card,
.kaisz-ops-page .glance-card,
.kaisz-ops-page .host-card,
.kaisz-ops-page .service-card,
.kaisz-ops-page .service-mini,
.kaisz-ops-page .problem-item,
.kaisz-ops-page .problem-empty,
.kaisz-ops-page .mon-empty,
.kaisz-ops-page .layout-btn,
.kaisz-ops-page .ghost-btn,
.kaisz-ops-page .primary-btn,
.kaisz-ops-page .camera-tile,
.kaisz-ops-page .camera-search input,
.kaisz-ops-page .panel-note,
.kaisz-ops-page .mini-info,
.kaisz-ops-page .board-chip,
.kaisz-ops-page .camera-filter {
  border: 1px solid var(--ops-border) !important;
  border-radius: 8px !important;
  background: var(--ops-panel-2) !important;
  box-shadow: none !important;
}

.kaisz-ops-page .hero-status strong,
.kaisz-ops-page .stat-value,
.kaisz-ops-page .glance-value,
.kaisz-ops-page .host-card__name,
.kaisz-ops-page .metric-v,
.kaisz-ops-page .problem-title,
.kaisz-ops-page .service-card__title,
.kaisz-ops-page .service-mini strong,
.kaisz-ops-page .panel-title h3,
.kaisz-ops-page .board-title h3,
.kaisz-ops-page .mini-info b,
.kaisz-ops-page .eszle-topbar h2 {
  color: var(--app-text) !important;
  letter-spacing: 0 !important;
}

.kaisz-ops-page .stat-label,
.kaisz-ops-page .glance-label,
.kaisz-ops-page .metric-k,
.kaisz-ops-page .service-card__eyebrow,
.kaisz-ops-page .service-mini span,
.kaisz-ops-page .hero-status-label {
  color: var(--app-muted) !important;
  letter-spacing: .04em !important;
}

.kaisz-ops-page .hero-link,
.kaisz-ops-page .primary-btn,
.kaisz-ops-page .ghost-btn,
.kaisz-ops-page .layout-btn,
.kaisz-ops-page .tile-btn,
.kaisz-ops-page .overlay-btn {
  border-radius: 8px !important;
  border: 1px solid var(--ops-border) !important;
  background: #1b2732 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-ops-page .hero-link:hover,
.kaisz-ops-page .primary-btn:hover,
.kaisz-ops-page .ghost-btn:hover,
.kaisz-ops-page .layout-btn:hover,
.kaisz-ops-page .tile-btn:hover,
.kaisz-ops-page .overlay-btn:hover {
  border-color: rgba(67, 199, 223, .36) !important;
  background: #22303d !important;
  transform: none !important;
}

.kaisz-ops-page .layout-btn.active,
.kaisz-ops-page .ghost-btn.is-active,
.kaisz-ops-page .service-chip.is-active,
.kaisz-ops-page .service-card.is-selected {
  border-color: rgba(67, 199, 223, .48) !important;
  background: rgba(67, 199, 223, .12) !important;
}

.kaisz-ops-page .mon-stats,
.kaisz-ops-page .cctv-stats,
.kaisz-ops-page .resource-glance,
.kaisz-ops-page .service-grid,
.kaisz-ops-page .host-grid,
.kaisz-ops-page .camera-grid {
  gap: 12px !important;
}

.kaisz-ops-page .metric-bar {
  background: #0d1218 !important;
  border-color: var(--ops-border) !important;
}

.kaisz-ops-page .metric-fill,
.kaisz-ops-page .metric-fill.is-ok {
  background: linear-gradient(90deg, var(--app-green), var(--app-cyan)) !important;
}

.kaisz-ops-page .metric-fill.is-warn {
  background: linear-gradient(90deg, var(--app-amber), #f27d42) !important;
}

.kaisz-ops-page .metric-fill.is-critical {
  background: linear-gradient(90deg, var(--app-red), #f28b82) !important;
}

.kaisz-ops-page .metric-fill.is-unknown {
  background: #647282 !important;
}

.kaisz-ops-monitoring .mon-main {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
}

.kaisz-ops-monitoring .service-card--ok,
.kaisz-ops-monitoring .service-card--limited,
.kaisz-ops-monitoring .service-card--degraded,
.kaisz-ops-monitoring .service-card--down {
  background: var(--ops-panel-2) !important;
}

.kaisz-ops-cctv .cctv-main {
  grid-template-columns: minmax(220px, 250px) minmax(0, 1fr) !important;
}

.kaisz-ops-cctv .cctv-panel {
  top: 12px !important;
}

.kaisz-ops-cctv .camera-video-wrap,
.kaisz-ops-cctv .cctv-ov-body {
  border-radius: 8px !important;
  background: #05080c !important;
}

.kaisz-ops-cctv .camera-video-wrap video,
.kaisz-ops-cctv .cctv-ov-body video {
  background: #05080c !important;
}

.kaisz-ops-cctv .camera-search input {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.kaisz-ops-eszle .eszle-shell {
  min-height: calc(100vh - 36px) !important;
}

.kaisz-ops-eszle .eszle-topbar {
  min-height: 56px !important;
  padding: 12px 14px !important;
}

.kaisz-ops-eszle .eszle-hint {
  color: var(--app-muted) !important;
}

.kaisz-ops-eszle .eszle-frame-wrap {
  min-height: 720px !important;
  height: calc(100vh - 118px) !important;
  background: #0d1218 !important;
}

.kaisz-ops-eszle .eszle-frame {
  background: #0d1218 !important;
}

html[data-theme="light"] .kaisz-ops-page {
  --ops-panel: #ffffff;
  --ops-panel-2: #f8fafc;
  --ops-panel-3: #edf1f5;
}

html[data-theme="light"] .kaisz-ops-page .hero-link,
html[data-theme="light"] .kaisz-ops-page .primary-btn,
html[data-theme="light"] .kaisz-ops-page .ghost-btn,
html[data-theme="light"] .kaisz-ops-page .layout-btn,
html[data-theme="light"] .kaisz-ops-page .tile-btn,
html[data-theme="light"] .kaisz-ops-page .overlay-btn {
  background: #ffffff !important;
  color: var(--app-text) !important;
}

@media (max-width: 1180px) {
  .kaisz-ops-monitoring .mon-main,
  .kaisz-ops-cctv .cctv-main {
    grid-template-columns: 1fr !important;
  }

  .kaisz-ops-cctv .cctv-panel {
    position: static !important;
  }
}

@media (max-width: 900px) {
  .kaisz-ops-page .content {
    padding: 72px 10px 18px !important;
  }

  .kaisz-ops-page .mon-stats,
  .kaisz-ops-page .cctv-stats,
  .kaisz-ops-page .resource-glance,
  .kaisz-ops-page .service-grid,
  .kaisz-ops-page .host-grid,
  .kaisz-ops-page .camera-grid {
    grid-template-columns: 1fr !important;
  }

  .kaisz-ops-page .mon-hero-top,
  .kaisz-ops-page .cctv-hero-top,
  .kaisz-ops-page .panel-title,
  .kaisz-ops-page .board-title,
  .kaisz-ops-eszle .eszle-topbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .kaisz-ops-eszle .eszle-hint {
    text-align: left !important;
  }
}

/* Step 4: work modules - Drive, Calendar, Email. */
body.kaisz-work-page {
  --work-panel: #151b22;
  --work-panel-2: #111820;
  --work-panel-3: #1b232d;
  --work-border: var(--app-border);
  --work-muted: var(--app-muted);
}

.kaisz-work-page .content {
  padding: 12px 16px 24px !important;
}

.kaisz-work-page .dash-wrap,
.kaisz-work-page .drive-wrap,
.kaisz-work-page .calendar-shell,
.kaisz-work-page .kmail-shell {
  max-width: 1480px !important;
  margin: 0 auto !important;
}

.kaisz-work-page .dash-hero-panel,
.kaisz-work-page .calendar-hero,
.kaisz-work-page .calendar-panel,
.kaisz-work-page .calendar-board,
.kaisz-work-page .drive-card,
.kaisz-work-page .drive-workbar,
.kaisz-work-page .drive-bulkbar,
.kaisz-work-page .kmail-shell,
.kaisz-work-page .kmail-top,
.kaisz-work-page .kmail-folders,
.kaisz-work-page .kmail-list-pane,
.kaisz-work-page .kmail-reader,
.kaisz-work-page .kmail-compose-box {
  border: 1px solid var(--work-border) !important;
  border-radius: 8px !important;
  background: var(--work-panel) !important;
  box-shadow: none !important;
}

.kaisz-work-page .calendar-hero::before,
.kaisz-work-page .calendar-hero::after {
  display: none !important;
}

.kaisz-work-page .calendar-hero {
  padding: 18px !important;
}

.kaisz-work-page .calendar-title,
.kaisz-work-page .month-heading h2,
.kaisz-work-page .kmail-top h1 {
  color: var(--app-text) !important;
  letter-spacing: 0 !important;
}

.kaisz-work-page .calendar-title {
  font-size: clamp(26px, 2.2vw, 34px) !important;
}

.kaisz-work-page .calendar-subtitle,
.kaisz-work-page .panel-title p,
.kaisz-work-page .board-title p,
.kaisz-work-page .stat-note,
.kaisz-work-page .muted-note,
.kaisz-work-page .agenda-desc,
.kaisz-work-page .month-heading p,
.kaisz-work-page .detail-item-desc,
.kaisz-work-page .agenda-item-desc,
.kaisz-work-page .drive-toolbar-label,
.kaisz-work-page .drive-nav-link small,
.kaisz-work-page .drive-empty-note,
.kaisz-work-page .kmail-kicker,
.kaisz-work-page .kmail-list-head span,
.kaisz-work-page .kmail-empty {
  color: var(--work-muted) !important;
}

.kaisz-work-page .calendar-eyebrow,
.kaisz-work-page .hero-pill,
.kaisz-work-page .month-chip,
.kaisz-work-page .detail-badge,
.kaisz-work-page .event-meta-chip,
.kaisz-work-page .drive-badge,
.kaisz-work-page .drive-filterchip {
  border-radius: 999px !important;
}

.kaisz-work-page .calendar-eyebrow {
  background: #101820 !important;
  border-color: var(--work-border) !important;
  color: var(--app-muted) !important;
}

.kaisz-work-page .hero-status,
.kaisz-work-page .stat-card,
.kaisz-work-page .agenda-card,
.kaisz-work-page .weekday,
.kaisz-work-page .calendar-day,
.kaisz-work-page .calendar-day.empty,
.kaisz-work-page .week-strip,
.kaisz-work-page .week-day,
.kaisz-work-page .day-detail,
.kaisz-work-page .detail-item,
.kaisz-work-page .agenda-column,
.kaisz-work-page .agenda-item,
.kaisz-work-page .empty-state,
.kaisz-work-page .event-modal-panel,
.kaisz-work-page .event-modal-section,
.kaisz-work-page .drive-nav-link,
.kaisz-work-page .drive-quicklist,
.kaisz-work-page .drive-searchbox,
.kaisz-work-page .drive-breadcrumb-wrap,
.kaisz-work-page .drive-sortbar,
.kaisz-work-page .drive-list,
.kaisz-work-page .drive-grid,
.kaisz-work-page .drive-dropzone,
.kaisz-work-page .drive-modal,
.kaisz-work-page .kmail-account,
.kaisz-work-page .kmail-search,
.kaisz-work-page .kmail-list,
.kaisz-work-page .kmail-message,
.kaisz-work-page .kmail-compose input,
.kaisz-work-page .kmail-compose textarea {
  border: 1px solid var(--work-border) !important;
  border-radius: 8px !important;
  background: var(--work-panel-2) !important;
  box-shadow: none !important;
}

.kaisz-work-page .calendar-day:hover,
.kaisz-work-page .week-day:hover,
.kaisz-work-page .agenda-card:hover,
.kaisz-work-page .drive-nav-link:hover,
.kaisz-work-page .drive-filterchip:hover,
.kaisz-work-page .kmail-list [data-message]:hover {
  transform: none !important;
  border-color: rgba(67, 199, 223, .36) !important;
  background: #18222c !important;
}

.kaisz-work-page .calendar-day.is-today,
.kaisz-work-page .calendar-day.is-selected,
.kaisz-work-page .week-day.selected,
.kaisz-work-page .drive-nav-link.active,
.kaisz-work-page .drive-filterchip.active,
.kaisz-work-page .kmail-folders .is-active {
  border-color: rgba(67, 199, 223, .48) !important;
  background: rgba(67, 199, 223, .12) !important;
  box-shadow: none !important;
}

.kaisz-work-page .action-btn,
.kaisz-work-page .nav-btn,
.kaisz-work-page .small-btn,
.kaisz-work-page .event-link,
.kaisz-work-page .view-toggle,
.kaisz-work-page .search-btn,
.kaisz-work-page .event-modal-close,
.kaisz-work-page .event-chip,
.kaisz-work-page .drive-btn,
.kaisz-work-page .drive-select,
.kaisz-work-page .kmail-btn,
.kaisz-work-page .kmail-icon {
  border: 1px solid var(--work-border) !important;
  border-radius: 8px !important;
  background: #1b2732 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-work-page .action-btn:hover,
.kaisz-work-page .nav-btn:hover,
.kaisz-work-page .small-btn:hover,
.kaisz-work-page .event-link:hover,
.kaisz-work-page .view-toggle:hover,
.kaisz-work-page .search-btn:hover,
.kaisz-work-page .drive-btn:hover,
.kaisz-work-page .kmail-btn:hover {
  transform: none !important;
  border-color: rgba(67, 199, 223, .36) !important;
  background: #22303d !important;
}

.kaisz-work-page .action-btn.primary,
.kaisz-work-page .small-btn.primary,
.kaisz-work-page .view-toggle.active,
.kaisz-work-page .search-btn,
.kaisz-work-page .drive-btn--primary,
.kaisz-work-page .kmail-btn--primary {
  border-color: rgba(67, 199, 223, .48) !important;
  background: var(--app-cyan) !important;
  color: #071117 !important;
}

.kaisz-work-page input,
.kaisz-work-page select,
.kaisz-work-page textarea,
.kaisz-work-page .search-wrap input,
.kaisz-work-page .event-modal-field input,
.kaisz-work-page .event-modal-field textarea,
.kaisz-work-page .event-modal-field select,
.kaisz-work-page .drive-searchbox input,
.kaisz-work-page .drive-select,
.kaisz-work-page .kmail-search input {
  border: 1px solid var(--work-border) !important;
  border-radius: 8px !important;
  background: #101820 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-work-page input:focus,
.kaisz-work-page select:focus,
.kaisz-work-page textarea:focus,
.kaisz-work-page .search-wrap input:focus,
.kaisz-work-page .event-modal-field input:focus,
.kaisz-work-page .event-modal-field textarea:focus,
.kaisz-work-page .event-modal-field select:focus,
.kaisz-work-page .drive-searchbox input:focus,
.kaisz-work-page .kmail-search input:focus {
  border-color: rgba(67, 199, 223, .48) !important;
  box-shadow: 0 0 0 3px rgba(67, 199, 223, .14) !important;
}

.kaisz-work-calendar .calendar-main {
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
  gap: 14px !important;
}

.kaisz-work-calendar .calendar-panel {
  top: 12px !important;
}

.kaisz-work-calendar .calendar-grid,
.kaisz-work-calendar .week-days,
.kaisz-work-calendar .calendar-stats {
  gap: 10px !important;
}

.kaisz-work-calendar .calendar-day,
.kaisz-work-calendar .calendar-day.empty {
  min-height: 128px !important;
}

.kaisz-work-calendar .event-modal {
  z-index: 3000 !important;
}

.kaisz-work-drive .drive-layout {
  grid-template-columns: minmax(230px, 260px) minmax(0, 1fr) !important;
  gap: 14px !important;
}

.kaisz-work-drive .drive-sidebar {
  gap: 12px !important;
}

.kaisz-work-drive .drive-card {
  padding: 14px !important;
}

.kaisz-work-drive .drive-nav-link__icon,
.kaisz-work-drive .drive-searchbox__icon,
.kaisz-work-drive .drive-bulkbar__icon {
  color: var(--app-cyan) !important;
}

.kaisz-work-drive .drive-workbar__row {
  gap: 12px !important;
}

.kaisz-work-email .kmail-content {
  padding: 12px 16px 24px !important;
}

.kaisz-work-email .kmail-shell {
  min-height: calc(100vh - 36px) !important;
  padding: 14px !important;
}

.kaisz-work-email .kmail-top {
  min-height: 58px !important;
  padding: 12px 14px !important;
}

.kaisz-work-email .kmail-workspace {
  gap: 12px !important;
}

.kaisz-work-email .kmail-folders,
.kaisz-work-email .kmail-list-pane,
.kaisz-work-email .kmail-reader {
  min-height: 620px !important;
}

.kaisz-work-email .kmail-compose {
  border: 0 !important;
  background: transparent !important;
}

html[data-theme="light"] .kaisz-work-page {
  --work-panel: #ffffff;
  --work-panel-2: #f8fafc;
  --work-panel-3: #edf1f5;
}

html[data-theme="light"] .kaisz-work-page .action-btn,
html[data-theme="light"] .kaisz-work-page .nav-btn,
html[data-theme="light"] .kaisz-work-page .small-btn,
html[data-theme="light"] .kaisz-work-page .event-link,
html[data-theme="light"] .kaisz-work-page .view-toggle,
html[data-theme="light"] .kaisz-work-page .drive-btn,
html[data-theme="light"] .kaisz-work-page .kmail-btn {
  background: #ffffff !important;
  color: var(--app-text) !important;
}

@media (max-width: 1180px) {
  .kaisz-work-calendar .calendar-main,
  .kaisz-work-drive .drive-layout {
    grid-template-columns: 1fr !important;
  }

  .kaisz-work-calendar .calendar-panel,
  .kaisz-work-drive .drive-sidebar {
    position: static !important;
  }
}

@media (max-width: 900px) {
  .kaisz-work-page .content,
  .kaisz-work-email .kmail-content {
    padding: 72px 10px 18px !important;
  }

  .kaisz-work-calendar .calendar-stats,
  .kaisz-work-calendar .calendar-grid,
  .kaisz-work-calendar .week-days,
  .kaisz-work-email .kmail-workspace {
    grid-template-columns: 1fr !important;
  }

  .kaisz-work-calendar .calendar-day,
  .kaisz-work-calendar .calendar-day.empty {
    min-height: 96px !important;
  }

  .kaisz-work-email .kmail-folders,
  .kaisz-work-email .kmail-list-pane,
  .kaisz-work-email .kmail-reader {
    min-height: auto !important;
  }
}

/* Step 5: kitchen module - decision board, recipes, pantry, tablet. */
body.kaisz-kitchen-page {
  --kitchen-panel: #151b22;
  --kitchen-panel-2: #111820;
  --kitchen-panel-3: #1b232d;
  --kitchen-border: var(--app-border);
  --kitchen-muted: var(--app-muted);
  background: var(--app-bg) !important;
}

.kaisz-kitchen-page .content {
  padding: 12px 16px 24px !important;
}

.kaisz-kitchen-page .kitchen-shell,
.kaisz-kitchen-page .kitchen-studio-shell {
  width: 100%;
  max-width: 1480px !important;
  margin: 0 auto !important;
  gap: 14px !important;
}

.kaisz-kitchen-page .kitchen-home-hero,
.kaisz-kitchen-page .kitchen-hero,
.kaisz-kitchen-page .kitchen-studio-hero,
.kaisz-kitchen-page .kitchen-card,
.kaisz-kitchen-page .kitchen-card--plain,
.kaisz-kitchen-page .kitchen-decision-card,
.kaisz-kitchen-page .kitchen-filter-panel,
.kaisz-kitchen-page .kitchen-context-panel .kitchen-card,
.kaisz-kitchen-page .kitchen-studio-panel,
.kaisz-kitchen-page .kitchen-live-summary,
.kaisz-kitchen-page .kitchen-modal__dialog,
.kaisz-kitchen-page .kitchen-tablet-panel,
.kaisz-kitchen-page .kitchen-tablet-hero {
  border: 1px solid var(--kitchen-border) !important;
  border-radius: 8px !important;
  background: var(--kitchen-panel) !important;
  box-shadow: none !important;
}

.kaisz-kitchen-page .kitchen-home-hero,
.kaisz-kitchen-page .kitchen-hero,
.kaisz-kitchen-page .kitchen-studio-hero {
  padding: 18px !important;
}

.kaisz-kitchen-page .kitchen-home-hero h1,
.kaisz-kitchen-page .kitchen-hero h1,
.kaisz-kitchen-page .kitchen-studio-hero h1,
.kaisz-kitchen-page .kitchen-decision-card h2,
.kaisz-kitchen-page .kitchen-card h2,
.kaisz-kitchen-page .kitchen-studio-panel h2,
.kaisz-kitchen-page .kitchen-tablet h1,
.kaisz-kitchen-page .kitchen-tablet-panel h2 {
  color: var(--app-text) !important;
  letter-spacing: 0 !important;
}

.kaisz-kitchen-page .kitchen-home-hero h1,
.kaisz-kitchen-page .kitchen-hero h1,
.kaisz-kitchen-page .kitchen-studio-hero h1 {
  font-size: clamp(28px, 2.6vw, 40px) !important;
}

.kaisz-kitchen-page .kitchen-home-hero p,
.kaisz-kitchen-page .kitchen-hero p,
.kaisz-kitchen-page .kitchen-studio-hero p,
.kaisz-kitchen-page .kitchen-muted,
.kaisz-kitchen-page .kitchen-card-head p,
.kaisz-kitchen-page .kitchen-list-item,
.kaisz-kitchen-page .kitchen-recipe-row p,
.kaisz-kitchen-page .kitchen-studio-panel p,
.kaisz-kitchen-page .kitchen-current-image,
.kaisz-kitchen-page .kitchen-tablet-empty,
.kaisz-kitchen-page .kitchen-tablet-panel small {
  color: var(--kitchen-muted) !important;
}

.kaisz-kitchen-page .kitchen-eyebrow,
.kaisz-kitchen-page .kitchen-section-label,
.kaisz-kitchen-page .kitchen-label {
  color: var(--app-cyan) !important;
  letter-spacing: .04em !important;
}

.kaisz-kitchen-page .kitchen-module-nav,
.kaisz-kitchen-page .kitchen-quick-tile,
.kaisz-kitchen-page .kitchen-list-item,
.kaisz-kitchen-page .kitchen-recipe-row,
.kaisz-kitchen-page .kitchen-step,
.kaisz-kitchen-page .kitchen-table,
.kaisz-kitchen-page .kitchen-form,
.kaisz-kitchen-page .kitchen-studio-form,
.kaisz-kitchen-page .kitchen-ingredient-row,
.kaisz-kitchen-page .kitchen-choice,
.kaisz-kitchen-page .kitchen-image-upload,
.kaisz-kitchen-page .kitchen-week-matrix__cell,
.kaisz-kitchen-page .kitchen-week-matrix__dayhead,
.kaisz-kitchen-page .kitchen-week-matrix__mealhead,
.kaisz-kitchen-page .kitchen-tablet-meal,
.kaisz-kitchen-page .kitchen-tablet-recipe,
.kaisz-kitchen-page .kitchen-tablet-action {
  border: 1px solid var(--kitchen-border) !important;
  border-radius: 8px !important;
  background: var(--kitchen-panel-2) !important;
  box-shadow: none !important;
}

.kaisz-kitchen-page .kitchen-module-nav {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 8px !important;
}

.kaisz-kitchen-page .kitchen-module-nav a,
.kaisz-kitchen-page .kitchen-link-btn,
.kaisz-kitchen-page .kitchen-btn,
.kaisz-kitchen-page .kitchen-inline-link,
.kaisz-kitchen-page .kitchen-meal-pill,
.kaisz-kitchen-page .kitchen-studio-tabs a,
.kaisz-kitchen-page .kitchen-tablet-action {
  min-height: 40px !important;
  border: 1px solid var(--kitchen-border) !important;
  border-radius: 8px !important;
  background: #1b2732 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.kaisz-kitchen-page .kitchen-module-nav a:hover,
.kaisz-kitchen-page .kitchen-link-btn:hover,
.kaisz-kitchen-page .kitchen-btn:hover,
.kaisz-kitchen-page .kitchen-meal-pill:hover,
.kaisz-kitchen-page .kitchen-studio-tabs a:hover,
.kaisz-kitchen-page .kitchen-tablet-action:hover {
  border-color: rgba(67, 199, 223, .36) !important;
  background: #22303d !important;
  transform: none !important;
}

.kaisz-kitchen-page .kitchen-module-nav a.is-active,
.kaisz-kitchen-page .kitchen-btn--primary,
.kaisz-kitchen-page .kitchen-link-btn--primary,
.kaisz-kitchen-page .kitchen-meal-pill.is-active,
.kaisz-kitchen-page .kitchen-tablet-action--primary {
  border-color: rgba(67, 199, 223, .48) !important;
  background: var(--app-cyan) !important;
  color: #071117 !important;
}

.kaisz-kitchen-page .kitchen-input,
.kaisz-kitchen-page .kitchen-select,
.kaisz-kitchen-page .kitchen-textarea,
.kaisz-kitchen-page input,
.kaisz-kitchen-page select,
.kaisz-kitchen-page textarea {
  border: 1px solid var(--kitchen-border) !important;
  border-radius: 8px !important;
  background: #101820 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-kitchen-page .kitchen-input:focus,
.kaisz-kitchen-page .kitchen-select:focus,
.kaisz-kitchen-page .kitchen-textarea:focus,
.kaisz-kitchen-page input:focus,
.kaisz-kitchen-page select:focus,
.kaisz-kitchen-page textarea:focus {
  border-color: rgba(67, 199, 223, .48) !important;
  box-shadow: 0 0 0 3px rgba(67, 199, 223, .14) !important;
}

.kaisz-kitchen-page .kitchen-chip,
.kaisz-kitchen-page .kitchen-score,
.kaisz-kitchen-page .kitchen-count-badge,
.kaisz-kitchen-page .kitchen-status,
.kaisz-kitchen-page .kitchen-alert {
  border-radius: 999px !important;
}

.kaisz-kitchen-page .kitchen-chip,
.kaisz-kitchen-page .kitchen-count-badge {
  border: 1px solid var(--kitchen-border) !important;
  background: #1b2732 !important;
  color: var(--app-text) !important;
}

.kaisz-kitchen-page .kitchen-chip--ok,
.kaisz-kitchen-page .kitchen-status--ok,
.kaisz-kitchen-page .kitchen-alert--ok {
  border-color: rgba(67, 199, 122, .34) !important;
  background: rgba(67, 199, 122, .12) !important;
  color: #90efb6 !important;
}

.kaisz-kitchen-page .kitchen-chip--warn,
.kaisz-kitchen-page .kitchen-status--missing,
.kaisz-kitchen-page .kitchen-alert--error {
  border-color: rgba(241, 170, 59, .34) !important;
  background: rgba(241, 170, 59, .13) !important;
  color: #ffd38a !important;
}

.kaisz-kitchen-home .kitchen-command-grid {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 290px) !important;
  gap: 14px !important;
}

.kaisz-kitchen-home .kitchen-workspace-grid {
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) minmax(250px, 310px) !important;
  gap: 14px !important;
}

.kaisz-kitchen-page .kitchen-featured-image,
.kaisz-kitchen-page .kitchen-detail-image,
.kaisz-kitchen-page .kitchen-recipe-thumb {
  border-radius: 8px !important;
  border: 1px solid var(--kitchen-border) !important;
  background-color: #0d1218 !important;
}

.kaisz-kitchen-page .kitchen-recipe-row--with-image {
  grid-template-columns: 86px minmax(0, 1fr) auto !important;
}

.kaisz-kitchen-recipe .kitchen-recipe-actions,
.kaisz-kitchen-recipe .kitchen-inline-form,
.kaisz-kitchen-recipe .kitchen-cooked-quick-form {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

.kaisz-kitchen-recipe .kitchen-cooked-quick-form .kitchen-btn {
  min-width: 160px !important;
  pointer-events: auto !important;
}

.kaisz-kitchen-studio .kitchen-studio-layout {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  gap: 14px !important;
}

.kaisz-kitchen-studio .kitchen-studio-panel__head > span {
  border-radius: 8px !important;
  background: var(--app-cyan) !important;
  color: #071117 !important;
}

.kaisz-kitchen-cook .kitchen-step {
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  line-height: 1.25 !important;
}

.kaisz-kitchen-cook .kitchen-cook-nav {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.kaisz-kitchen-tablet {
  --app-bg: #070b0f;
}

.kaisz-kitchen-tablet .kitchen-tablet {
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding: 18px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-layout {
  gap: 14px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-action {
  min-height: 56px !important;
  font-size: 16px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-panel {
  padding: 18px !important;
}

html[data-theme="light"] .kaisz-kitchen-page {
  --kitchen-panel: #ffffff;
  --kitchen-panel-2: #f8fafc;
  --kitchen-panel-3: #edf1f5;
}

html[data-theme="light"] .kaisz-kitchen-page .kitchen-btn,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-link-btn,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-module-nav a,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-meal-pill,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-tablet-action {
  background: #ffffff !important;
  color: var(--app-text) !important;
}

@media (max-width: 1180px) {
  .kaisz-kitchen-home .kitchen-command-grid,
  .kaisz-kitchen-home .kitchen-workspace-grid,
  .kaisz-kitchen-studio .kitchen-studio-layout {
    grid-template-columns: 1fr !important;
  }

  .kaisz-kitchen-page .kitchen-context-panel {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 900px) {
  .kaisz-kitchen-page .content {
    padding: 72px 10px 18px !important;
  }

  .kaisz-kitchen-page .kitchen-module-nav,
  .kaisz-kitchen-page .kitchen-grid,
  .kaisz-kitchen-page .kitchen-grid--equal,
  .kaisz-kitchen-page .kitchen-context-panel,
  .kaisz-kitchen-cook .kitchen-cook-nav {
    grid-template-columns: 1fr !important;
  }

  .kaisz-kitchen-page .kitchen-recipe-row--with-image {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }

  .kaisz-kitchen-page .kitchen-recipe-row__actions {
    grid-column: 1 / -1 !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet {
    padding: 10px !important;
  }
}

/* Step 6: legacy bridge - remaining modules and cleanup layer. */
body.kaisz-legacy-page {
  --legacy-panel: #151b22;
  --legacy-panel-2: #111820;
  --legacy-border: var(--app-border);
  --legacy-muted: var(--app-muted);
}

.kaisz-legacy-page .content {
  padding: 12px 16px 24px !important;
}

.kaisz-legacy-page .dash-wrap,
.kaisz-legacy-page .profile-wrap,
.kaisz-legacy-page .content > .rv-topbar,
.kaisz-legacy-page .content > .rv-frame-wrap,
.kaisz-media-page .content > h2,
.kaisz-media-page .content > #searchBox,
.kaisz-media-page .content > #searchBoxSeries,
.kaisz-media-page .content > .profile-box,
.kaisz-media-page .content > .file-grid {
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.kaisz-legacy-page .profile-card,
.kaisz-legacy-page .profile-box,
.kaisz-legacy-page .rv-topbar,
.kaisz-legacy-page .rv-frame-wrap,
.kaisz-legacy-page .file-card,
.kaisz-legacy-page .modal .box,
.kaisz-legacy-page .toast {
  border: 1px solid var(--legacy-border) !important;
  border-radius: 8px !important;
  background: var(--legacy-panel) !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-legacy-page .rv-frame-wrap {
  height: calc(100vh - 92px) !important;
  overflow: hidden !important;
}

.kaisz-legacy-page .rv-frame {
  border-radius: 8px !important;
  background: #0d1218 !important;
}

.kaisz-legacy-page .rv-topbar {
  min-height: 56px !important;
  padding: 12px 14px !important;
}

.kaisz-legacy-page .rv-topbar h2,
.kaisz-media-page .content > h2,
.kaisz-legacy-page .profile-card__title,
.kaisz-legacy-page .profile-card h2,
.kaisz-legacy-page .profile-box h2,
.kaisz-legacy-page .profile-box h3,
.kaisz-legacy-page .file-card h3,
.kaisz-legacy-page .modal .box h3 {
  color: var(--app-text) !important;
  letter-spacing: 0 !important;
}

.kaisz-legacy-page .rv-hint,
.kaisz-legacy-page .profile-card__sub,
.kaisz-legacy-page .profile-box p,
.kaisz-legacy-page .file-card div,
.kaisz-legacy-page .conv-pill + div {
  color: var(--legacy-muted) !important;
}

.kaisz-legacy-page form,
.kaisz-legacy-page .profile-box form {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.kaisz-legacy-page input,
.kaisz-legacy-page select,
.kaisz-legacy-page textarea,
.kaisz-media-page #searchBox,
.kaisz-media-page #searchBoxSeries {
  border: 1px solid var(--legacy-border) !important;
  border-radius: 8px !important;
  background: #101820 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-legacy-page input:focus,
.kaisz-legacy-page select:focus,
.kaisz-legacy-page textarea:focus {
  border-color: rgba(67, 199, 223, .48) !important;
  box-shadow: 0 0 0 3px rgba(67, 199, 223, .14) !important;
}

.kaisz-legacy-page button,
.kaisz-legacy-page .btn,
.kaisz-legacy-page .profile-btn,
.kaisz-legacy-page .btn-open,
.kaisz-legacy-page .btn-del,
.kaisz-legacy-page .btn-del-series,
.kaisz-legacy-page .ep .play {
  border: 1px solid var(--legacy-border) !important;
  border-radius: 8px !important;
  background: #1b2732 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-legacy-page button:hover,
.kaisz-legacy-page .btn:hover,
.kaisz-legacy-page .profile-btn:hover,
.kaisz-legacy-page .btn-open:hover,
.kaisz-legacy-page .ep .play:hover {
  border-color: rgba(67, 199, 223, .36) !important;
  background: #22303d !important;
}

.kaisz-legacy-page .btn-del,
.kaisz-legacy-page .btn-del-series {
  border-color: rgba(239, 95, 95, .34) !important;
  background: rgba(239, 95, 95, .14) !important;
  color: #ffaaa8 !important;
}

.kaisz-media-page .content > h2 {
  margin-top: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--legacy-border) !important;
  border-radius: 8px !important;
  background: var(--legacy-panel) !important;
}

.kaisz-media-page .file-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

.kaisz-media-page .file-card {
  padding: 14px !important;
  min-width: 0 !important;
}

.kaisz-media-page .file-card img {
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  border: 1px solid var(--legacy-border) !important;
  border-radius: 8px !important;
}

.kaisz-media-page .profile-box {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  padding: 16px !important;
}

.kaisz-media-page .conv-pill {
  border: 1px solid rgba(241, 170, 59, .34) !important;
  border-radius: 999px !important;
  background: rgba(241, 170, 59, .13) !important;
  color: #ffd38a !important;
}

.kaisz-profile-page .profile-card,
.kaisz-profile-page .profile-avatar-card {
  border-radius: 8px !important;
  border-color: var(--legacy-border) !important;
  background: var(--legacy-panel) !important;
}

.kaisz-profile-page .profile-summary,
.kaisz-profile-page .profile-form__grid,
.kaisz-profile-page .profile-card-grid {
  gap: 12px !important;
}

body.kaisz-auth-page {
  background: var(--app-bg) !important;
}

.kaisz-auth-page .auth-card,
.kaisz-auth-page .auth-topbar,
.kaisz-auth-page .auth-menu,
.kaisz-auth-page .auth-help,
.kaisz-auth-page .auth-qr-panel {
  border: 1px solid var(--app-border) !important;
  border-radius: 8px !important;
  background: #151b22 !important;
  box-shadow: none !important;
}

.kaisz-auth-page .auth-card h1,
.kaisz-auth-page .auth-brand .title {
  color: var(--app-text) !important;
  letter-spacing: 0 !important;
}

.kaisz-auth-page .auth-card p,
.kaisz-auth-page .auth-brand .sub,
.kaisz-auth-page label,
.kaisz-auth-page .small-link {
  color: var(--app-muted) !important;
}

.kaisz-auth-page input,
.kaisz-auth-page select,
.kaisz-auth-page textarea {
  border: 1px solid var(--app-border) !important;
  border-radius: 8px !important;
  background: #101820 !important;
  color: var(--app-text) !important;
}

.kaisz-auth-page .btn,
.kaisz-auth-page .pill,
.kaisz-auth-page .theme-toggle {
  border: 1px solid var(--app-border) !important;
  border-radius: 8px !important;
  background: #1b2732 !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.kaisz-auth-page .btn.primary {
  border-color: rgba(67, 199, 223, .48) !important;
  background: var(--app-cyan) !important;
  color: #071117 !important;
}

html[data-theme="light"] .kaisz-legacy-page {
  --legacy-panel: #ffffff;
  --legacy-panel-2: #f8fafc;
}

html[data-theme="light"] .kaisz-auth-page .auth-card,
html[data-theme="light"] .kaisz-auth-page .auth-topbar {
  background: #ffffff !important;
}

@media (max-width: 900px) {
  .kaisz-legacy-page .content {
    padding: 72px 10px 18px !important;
  }

  .kaisz-media-page .file-grid {
    grid-template-columns: 1fr !important;
  }

  .kaisz-legacy-page .rv-frame-wrap {
    height: calc(100vh - 150px) !important;
  }
}

/* Step 7.1: soften the app shell - fewer boxes, quieter structure. */
body.kaisz-app-page {
  --app-bg: #080b10;
  --app-surface: rgba(19, 25, 32, .82);
  --app-surface-2: rgba(24, 32, 41, .70);
  --app-border: rgba(191, 201, 214, .10);
  --app-border-strong: rgba(191, 201, 214, .16);
  --app-shadow: 0 18px 42px rgba(0, 0, 0, .20);
}

.kaisz-app-page .content {
  background:
    radial-gradient(circle at 72% 0%, rgba(67, 199, 223, .045), transparent 30%),
    linear-gradient(180deg, rgba(13, 17, 23, .96), var(--app-bg) 360px) !important;
}

.kaisz-app-page .dash-hero-panel,
.kaisz-ops-page .page-hero,
.kaisz-work-page .page-hero,
.kaisz-kitchen-page .kitchen-home-hero,
.kaisz-kitchen-page .kitchen-hero,
.kaisz-kitchen-page .kitchen-studio-hero {
  border-color: rgba(191, 201, 214, .08) !important;
  background:
    linear-gradient(135deg, rgba(25, 34, 44, .88), rgba(13, 18, 25, .78)) !important;
  box-shadow: var(--app-shadow) !important;
}

.kaisz-app-page .dash-card,
.kaisz-app-page .hub-today__item,
.kaisz-app-page .hub-workspace,
.kaisz-app-page .hub-status-card,
.kaisz-ops-page .panel,
.kaisz-ops-page .stat-card,
.kaisz-work-page .panel,
.kaisz-work-page .stat-card,
.kaisz-kitchen-page .kitchen-card,
.kaisz-kitchen-page .kitchen-card--plain,
.kaisz-kitchen-page .kitchen-decision-card,
.kaisz-kitchen-page .kitchen-filter-panel,
.kaisz-kitchen-page .kitchen-studio-panel,
.kaisz-kitchen-page .kitchen-live-summary,
.kaisz-legacy-page .profile-card,
.kaisz-legacy-page .profile-box,
.kaisz-legacy-page .rv-topbar,
.kaisz-legacy-page .rv-frame-wrap,
.kaisz-legacy-page .file-card,
.kaisz-auth-page .auth-card,
.kaisz-auth-page .auth-topbar,
.kaisz-auth-page .auth-menu,
.kaisz-auth-page .auth-help,
.kaisz-auth-page .auth-qr-panel {
  border-color: rgba(191, 201, 214, .075) !important;
  background: rgba(19, 25, 32, .74) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .025) inset !important;
}

.kaisz-app-page .hub-today__item,
.kaisz-app-page .hub-workspace,
.kaisz-app-page .hub-status-card,
.kaisz-kitchen-page .kitchen-list-item,
.kaisz-kitchen-page .kitchen-recipe-row,
.kaisz-kitchen-page .kitchen-step,
.kaisz-kitchen-page .kitchen-ingredient-row,
.kaisz-kitchen-page .kitchen-choice,
.kaisz-media-page .file-card {
  background: rgba(16, 22, 30, .58) !important;
}

.kaisz-app-page .hub-today__item:hover,
.kaisz-app-page .hub-workspace:hover,
.kaisz-app-page .hub-status-card:hover,
.kaisz-kitchen-page .kitchen-recipe-row:hover,
.kaisz-media-page .file-card:hover {
  border-color: rgba(67, 199, 223, .22) !important;
  background: rgba(24, 34, 44, .74) !important;
}

.kaisz-app-page .hub-feed__row,
.kaisz-app-page .hub-agenda__item,
.kaisz-app-page .hub-workspace__metrics span,
.kaisz-app-page .hub-activity__stats div,
.kaisz-kitchen-page .kitchen-table,
.kaisz-kitchen-page .kitchen-form,
.kaisz-kitchen-page .kitchen-studio-form,
.kaisz-kitchen-page .kitchen-image-upload,
.kaisz-kitchen-page .kitchen-week-matrix__cell,
.kaisz-kitchen-page .kitchen-week-matrix__dayhead,
.kaisz-kitchen-page .kitchen-week-matrix__mealhead,
.kaisz-kitchen-page .kitchen-tablet-meal,
.kaisz-kitchen-page .kitchen-tablet-recipe {
  border-color: rgba(191, 201, 214, .07) !important;
  background: rgba(11, 16, 23, .48) !important;
}

.kaisz-app-page input,
.kaisz-app-page select,
.kaisz-app-page textarea,
.kaisz-legacy-page input,
.kaisz-legacy-page select,
.kaisz-legacy-page textarea,
.kaisz-media-page #searchBox,
.kaisz-media-page #searchBoxSeries,
.kaisz-auth-page input,
.kaisz-auth-page select,
.kaisz-auth-page textarea,
.kaisz-kitchen-page .kitchen-input,
.kaisz-kitchen-page .kitchen-select,
.kaisz-kitchen-page .kitchen-textarea {
  border-color: rgba(191, 201, 214, .12) !important;
  background: rgba(8, 12, 18, .66) !important;
}

.kaisz-app-page .dash-btn,
.kaisz-app-page .hub-status__action,
.kaisz-app-page .hub-mini-link,
.kaisz-kitchen-page .kitchen-link-btn,
.kaisz-kitchen-page .kitchen-btn,
.kaisz-kitchen-page .kitchen-module-nav a,
.kaisz-legacy-page button,
.kaisz-legacy-page .btn,
.kaisz-legacy-page .profile-btn,
.kaisz-legacy-page .btn-open,
.kaisz-auth-page .btn,
.kaisz-auth-page .pill,
.kaisz-auth-page .theme-toggle {
  border-color: rgba(191, 201, 214, .12) !important;
  background: rgba(27, 37, 48, .72) !important;
}

.kaisz-app-page .dash-toolbar--hero,
.kaisz-kitchen-page .kitchen-card-head,
.kaisz-work-page .panel-head,
.kaisz-ops-page .panel-head {
  border-color: rgba(191, 201, 214, .075) !important;
}

.kaisz-app-page .sidebar.navrail {
  background: rgba(7, 10, 15, .94) !important;
  box-shadow: 8px 0 26px rgba(0, 0, 0, .14) !important;
}

.kaisz-app-page .navrail__brand,
.kaisz-app-page .navrail__status,
.kaisz-app-page .navrail__links a,
.kaisz-app-page .navrail__logout,
.kaisz-app-page .kaisz-theme-toggle,
.kaisz-app-page .navrail__collapse,
.kaisz-app-page .navrail__ico {
  border-color: rgba(191, 201, 214, .08) !important;
  background: rgba(18, 25, 33, .66) !important;
}

html[data-theme="light"] body.kaisz-app-page {
  --app-bg: #f4f7fb;
  --app-surface: rgba(255, 255, 255, .84);
  --app-surface-2: rgba(246, 249, 252, .78);
  --app-border: rgba(25, 35, 45, .09);
  --app-border-strong: rgba(25, 35, 45, .14);
}

html[data-theme="light"] .kaisz-app-page .content {
  background:
    radial-gradient(circle at 72% 0%, rgba(67, 199, 223, .10), transparent 32%),
    linear-gradient(180deg, #f7fafc, var(--app-bg) 360px) !important;
}

html[data-theme="light"] .kaisz-app-page .dash-card,
html[data-theme="light"] .kaisz-app-page .hub-today__item,
html[data-theme="light"] .kaisz-app-page .hub-workspace,
html[data-theme="light"] .kaisz-app-page .hub-status-card,
html[data-theme="light"] .kaisz-ops-page .panel,
html[data-theme="light"] .kaisz-work-page .panel,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-card,
html[data-theme="light"] .kaisz-legacy-page .profile-card,
html[data-theme="light"] .kaisz-legacy-page .profile-box,
html[data-theme="light"] .kaisz-auth-page .auth-card {
  background: rgba(255, 255, 255, .82) !important;
}

/* Step 7.2: visual rhythm - calmer sizing, spacing and interaction scale. */
body.kaisz-app-page {
  --app-space-xs: 6px;
  --app-space-sm: 10px;
  --app-space-md: 14px;
  --app-space-lg: 18px;
  --app-space-xl: 24px;
  --app-radius: 10px;
}

.kaisz-app-page .content {
  padding: 14px 18px 28px !important;
}

.kaisz-app-page .dash-hero-panel,
.kaisz-ops-page .page-hero,
.kaisz-work-page .page-hero,
.kaisz-kitchen-page .kitchen-home-hero,
.kaisz-kitchen-page .kitchen-hero,
.kaisz-kitchen-page .kitchen-studio-hero {
  gap: var(--app-space-md) !important;
  margin-bottom: var(--app-space-lg) !important;
  padding: 22px 24px !important;
  border-radius: 14px !important;
}

.kaisz-app-page .dash-hero-panel h1,
.kaisz-ops-page .page-hero h1,
.kaisz-work-page .page-hero h1,
.kaisz-kitchen-page .kitchen-home-hero h1,
.kaisz-kitchen-page .kitchen-hero h1,
.kaisz-kitchen-page .kitchen-studio-hero h1 {
  margin: 0 !important;
  font-size: clamp(30px, 3.4vw, 48px) !important;
  line-height: 1.02 !important;
  font-weight: 880 !important;
}

.kaisz-app-page .dash-card,
.kaisz-app-page .hub-workspace,
.kaisz-app-page .hub-status-card,
.kaisz-ops-page .panel,
.kaisz-work-page .panel,
.kaisz-kitchen-page .kitchen-card,
.kaisz-kitchen-page .kitchen-card--plain,
.kaisz-kitchen-page .kitchen-decision-card,
.kaisz-kitchen-page .kitchen-filter-panel,
.kaisz-kitchen-page .kitchen-studio-panel,
.kaisz-legacy-page .profile-card,
.kaisz-legacy-page .profile-box,
.kaisz-media-page .file-card {
  padding: var(--app-space-lg) !important;
  border-radius: 12px !important;
}

.kaisz-app-page .hub-today__item,
.kaisz-app-page .hub-feed__row,
.kaisz-app-page .hub-agenda__item,
.kaisz-kitchen-page .kitchen-list-item,
.kaisz-kitchen-page .kitchen-recipe-row,
.kaisz-kitchen-page .kitchen-step,
.kaisz-kitchen-page .kitchen-choice,
.kaisz-kitchen-page .kitchen-ingredient-row {
  padding: 14px 16px !important;
  border-radius: 12px !important;
}

.kaisz-app-page .dash-card-head,
.kaisz-app-page .hub-header,
.kaisz-app-page .hub-status__row,
.kaisz-work-page .panel-head,
.kaisz-ops-page .panel-head,
.kaisz-kitchen-page .kitchen-card-head {
  gap: var(--app-space-md) !important;
  margin-bottom: var(--app-space-md) !important;
}

.kaisz-app-page .dash-card-title,
.kaisz-app-page .dash-title,
.kaisz-app-page .hub-status__title,
.kaisz-ops-page .panel h2,
.kaisz-work-page .panel h2,
.kaisz-kitchen-page .kitchen-card h2,
.kaisz-kitchen-page .kitchen-decision-card h2,
.kaisz-kitchen-page .kitchen-studio-panel h2,
.kaisz-legacy-page .profile-card h2,
.kaisz-legacy-page .profile-box h2,
.kaisz-media-page .content > h2 {
  font-size: clamp(20px, 1.7vw, 28px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
}

.kaisz-app-page .hub-sub,
.kaisz-app-page .hub-motto-text,
.kaisz-app-page .dash-subtitle,
.kaisz-app-page .dash-card-sub,
.kaisz-app-page .hub-today__detail,
.kaisz-app-page .hub-workspace__summary,
.kaisz-app-page .hub-status-card__sub,
.kaisz-kitchen-page .kitchen-muted,
.kaisz-kitchen-page .kitchen-card-head p,
.kaisz-kitchen-page .kitchen-recipe-row p,
.kaisz-legacy-page .profile-card__sub,
.kaisz-legacy-page .profile-box p {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.kaisz-app-page .home-module-stack,
.kaisz-app-page .hub-today__grid,
.kaisz-app-page .hub-workspaces__grid,
.kaisz-app-page .hub-status__grid,
.kaisz-kitchen-page .kitchen-grid,
.kaisz-kitchen-page .kitchen-grid--equal,
.kaisz-kitchen-home .kitchen-command-grid,
.kaisz-kitchen-home .kitchen-workspace-grid,
.kaisz-media-page .file-grid {
  gap: 16px !important;
}

.kaisz-app-page input,
.kaisz-app-page select,
.kaisz-app-page textarea,
.kaisz-kitchen-page .kitchen-input,
.kaisz-kitchen-page .kitchen-select,
.kaisz-kitchen-page .kitchen-textarea,
.kaisz-legacy-page input,
.kaisz-legacy-page select,
.kaisz-legacy-page textarea,
.kaisz-media-page #searchBox,
.kaisz-media-page #searchBoxSeries,
.kaisz-auth-page input,
.kaisz-auth-page select,
.kaisz-auth-page textarea {
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

.kaisz-app-page textarea,
.kaisz-kitchen-page .kitchen-textarea,
.kaisz-legacy-page textarea,
.kaisz-auth-page textarea {
  min-height: 96px !important;
}

.kaisz-app-page .dash-btn,
.kaisz-app-page .hub-status__action,
.kaisz-app-page .hub-mini-link,
.kaisz-kitchen-page .kitchen-link-btn,
.kaisz-kitchen-page .kitchen-btn,
.kaisz-kitchen-page .kitchen-module-nav a,
.kaisz-kitchen-page .kitchen-tablet-action,
.kaisz-legacy-page button,
.kaisz-legacy-page .btn,
.kaisz-legacy-page .profile-btn,
.kaisz-legacy-page .btn-open,
.kaisz-auth-page .btn,
.kaisz-auth-page .pill,
.kaisz-auth-page .theme-toggle {
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.kaisz-app-page .navrail__links a,
.kaisz-app-page .navrail__logout {
  min-height: 42px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-radius: 10px !important;
}

.kaisz-app-page .navrail__brand,
.kaisz-app-page .navrail__status,
.kaisz-app-page .kaisz-theme-toggle,
.kaisz-app-page .navrail__collapse,
.kaisz-app-page .navrail__ico {
  border-radius: 10px !important;
}

.kaisz-app-page .hub-workspace__metrics,
.kaisz-app-page .hub-activity__stats {
  gap: 10px !important;
}

.kaisz-app-page .hub-workspace__metrics span,
.kaisz-app-page .hub-activity__stats div {
  padding: 12px !important;
  border-radius: 10px !important;
}

.kaisz-kitchen-page .kitchen-chip,
.kaisz-kitchen-page .kitchen-score,
.kaisz-kitchen-page .kitchen-count-badge,
.kaisz-kitchen-page .kitchen-status,
.kaisz-kitchen-page .kitchen-alert,
.kaisz-app-page .hub-status-pill,
.kaisz-app-page .dash-welcome-primary em {
  padding: 6px 10px !important;
  font-size: 12px !important;
}

.kaisz-media-page .file-card img,
.kaisz-kitchen-page .kitchen-featured-image,
.kaisz-kitchen-page .kitchen-detail-image,
.kaisz-kitchen-page .kitchen-recipe-thumb {
  border-radius: 12px !important;
}

@media (max-width: 900px) {
  .kaisz-app-page .content {
    padding: 72px 12px 20px !important;
  }

  .kaisz-app-page .dash-hero-panel,
  .kaisz-ops-page .page-hero,
  .kaisz-work-page .page-hero,
  .kaisz-kitchen-page .kitchen-home-hero,
  .kaisz-kitchen-page .kitchen-hero,
  .kaisz-kitchen-page .kitchen-studio-hero {
    padding: 18px !important;
  }

  .kaisz-app-page .dash-hero-panel h1,
  .kaisz-ops-page .page-hero h1,
  .kaisz-work-page .page-hero h1,
  .kaisz-kitchen-page .kitchen-home-hero h1,
  .kaisz-kitchen-page .kitchen-hero h1,
  .kaisz-kitchen-page .kitchen-studio-hero h1 {
    font-size: 30px !important;
  }
}

/* Step 7.3: module character - each area gets a clearer purpose. */
body.kaisz-ops-monitoring {
  --module-accent: #43c77a;
  --module-accent-soft: rgba(67, 199, 122, .13);
  --module-accent-line: rgba(67, 199, 122, .30);
}

body.kaisz-ops-cctv {
  --module-accent: #6db7ff;
  --module-accent-soft: rgba(109, 183, 255, .13);
  --module-accent-line: rgba(109, 183, 255, .30);
}

body.kaisz-ops-eszle {
  --module-accent: #43c7df;
  --module-accent-soft: rgba(67, 199, 223, .13);
  --module-accent-line: rgba(67, 199, 223, .30);
}

body.kaisz-work-calendar {
  --module-accent: #a78bfa;
  --module-accent-soft: rgba(167, 139, 250, .13);
  --module-accent-line: rgba(167, 139, 250, .30);
}

body.kaisz-work-drive,
body.kaisz-work-email {
  --module-accent: #43c7df;
  --module-accent-soft: rgba(67, 199, 223, .11);
  --module-accent-line: rgba(67, 199, 223, .26);
}

body.kaisz-kitchen-page {
  --module-accent: #f1aa3b;
  --module-accent-soft: rgba(241, 170, 59, .15);
  --module-accent-line: rgba(241, 170, 59, .32);
}

.kaisz-ops-page .page-hero,
.kaisz-work-page .page-hero,
.kaisz-kitchen-page .kitchen-home-hero,
.kaisz-kitchen-page .kitchen-hero,
.kaisz-kitchen-page .kitchen-studio-hero {
  position: relative !important;
  overflow: hidden !important;
}

.kaisz-ops-page .page-hero::before,
.kaisz-work-page .page-hero::before,
.kaisz-kitchen-page .kitchen-home-hero::before,
.kaisz-kitchen-page .kitchen-hero::before,
.kaisz-kitchen-page .kitchen-studio-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  background: var(--module-accent, var(--app-cyan)) !important;
  opacity: .88 !important;
}

.kaisz-ops-page .page-hero::after,
.kaisz-work-page .page-hero::after,
.kaisz-kitchen-page .kitchen-home-hero::after,
.kaisz-kitchen-page .kitchen-hero::after,
.kaisz-kitchen-page .kitchen-studio-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 92% 12%, var(--module-accent-soft, rgba(67, 199, 223, .12)), transparent 34%) !important;
  pointer-events: none !important;
}

.kaisz-ops-page .page-hero > *,
.kaisz-work-page .page-hero > *,
.kaisz-kitchen-page .kitchen-home-hero > *,
.kaisz-kitchen-page .kitchen-hero > *,
.kaisz-kitchen-page .kitchen-studio-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.kaisz-ops-monitoring .stat-card,
.kaisz-ops-monitoring .panel {
  border-left: 3px solid var(--module-accent-line) !important;
}

.kaisz-ops-monitoring .stat-value,
.kaisz-ops-monitoring .status-ok,
.kaisz-ops-monitoring .badge-ok {
  color: #76e2a4 !important;
}

.kaisz-ops-monitoring .progress-fill,
.kaisz-ops-monitoring .bar-fill {
  background: linear-gradient(90deg, #43c77a, #43c7df) !important;
}

.kaisz-ops-cctv .camera-card,
.kaisz-ops-cctv .stream-card,
.kaisz-ops-cctv .panel,
.kaisz-ops-cctv .stat-card {
  background: rgba(8, 13, 20, .80) !important;
}

.kaisz-ops-cctv img,
.kaisz-ops-cctv video,
.kaisz-ops-cctv canvas,
.kaisz-ops-cctv iframe {
  border-radius: 12px !important;
  border: 1px solid rgba(109, 183, 255, .16) !important;
  background: #05080c !important;
}

.kaisz-ops-cctv .btn,
.kaisz-ops-cctv button,
.kaisz-ops-cctv .tab,
.kaisz-ops-cctv a.button {
  border-color: rgba(109, 183, 255, .20) !important;
}

.kaisz-work-calendar .calendar-shell,
.kaisz-work-calendar .calendar-card,
.kaisz-work-calendar .event-card,
.kaisz-work-calendar .panel,
.kaisz-work-calendar .stat-card {
  border-color: rgba(167, 139, 250, .13) !important;
}

.kaisz-work-calendar .calendar-day.is-today,
.kaisz-work-calendar .fc-day-today,
.kaisz-work-calendar .today {
  background: rgba(167, 139, 250, .12) !important;
  outline: 1px solid rgba(167, 139, 250, .28) !important;
}

.kaisz-work-calendar .event,
.kaisz-work-calendar .fc-event,
.kaisz-work-calendar .calendar-event {
  border-color: rgba(167, 139, 250, .35) !important;
  background: rgba(167, 139, 250, .16) !important;
}

.kaisz-work-drive .file-card,
.kaisz-work-drive .drive-card,
.kaisz-work-email .mail-card,
.kaisz-work-email .message-card,
.kaisz-work-drive .panel,
.kaisz-work-email .panel {
  background: rgba(255, 255, 255, .035) !important;
}

.kaisz-work-drive table,
.kaisz-work-email table,
.kaisz-work-drive .file-list,
.kaisz-work-email .mail-list {
  border-color: rgba(191, 201, 214, .075) !important;
}

.kaisz-kitchen-page .content {
  background:
    radial-gradient(circle at 78% 0%, rgba(241, 170, 59, .075), transparent 31%),
    linear-gradient(180deg, rgba(16, 15, 12, .98), var(--app-bg) 370px) !important;
}

.kaisz-kitchen-page .kitchen-home-hero,
.kaisz-kitchen-page .kitchen-hero,
.kaisz-kitchen-page .kitchen-studio-hero {
  background:
    linear-gradient(135deg, rgba(42, 32, 18, .88), rgba(14, 18, 24, .78)) !important;
}

.kaisz-kitchen-page .kitchen-btn--primary,
.kaisz-kitchen-page .kitchen-link-btn--primary,
.kaisz-kitchen-page .kitchen-tablet-action--primary,
.kaisz-kitchen-page .kitchen-meal-pill.is-active {
  border-color: rgba(241, 170, 59, .50) !important;
  background: #f1aa3b !important;
  color: #171008 !important;
}

.kaisz-kitchen-page .kitchen-chip--warn,
.kaisz-kitchen-page .kitchen-status--missing,
.kaisz-kitchen-page .kitchen-alert--error {
  border-color: rgba(241, 170, 59, .38) !important;
  background: rgba(241, 170, 59, .16) !important;
  color: #ffd58f !important;
}

.kaisz-kitchen-page .kitchen-step {
  font-size: 18px !important;
  line-height: 1.45 !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-action,
.kaisz-kitchen-cook .kitchen-btn,
.kaisz-kitchen-recipe .kitchen-cooked-quick-form .kitchen-btn {
  min-height: 52px !important;
  font-size: 15px !important;
}

.kaisz-media-page {
  --module-accent: #f1aa3b;
  --module-accent-soft: rgba(241, 170, 59, .10);
  --module-accent-line: rgba(241, 170, 59, .24);
}

.kaisz-media-page .file-card {
  border-top: 3px solid var(--module-accent-line) !important;
}

.kaisz-profile-page {
  --module-accent: #43c7df;
  --module-accent-soft: rgba(67, 199, 223, .10);
}

.kaisz-auth-page {
  --module-accent: #43c7df;
}

html[data-theme="light"] .kaisz-kitchen-page .content {
  background:
    radial-gradient(circle at 78% 0%, rgba(241, 170, 59, .16), transparent 33%),
    linear-gradient(180deg, #fbf8f2, var(--app-bg) 370px) !important;
}

html[data-theme="light"] .kaisz-kitchen-page .kitchen-home-hero,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-hero,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-studio-hero {
  background:
    linear-gradient(135deg, rgba(255, 249, 238, .94), rgba(255, 255, 255, .84)) !important;
}

/* Step 7.4: kitchen tablet mode - wall display and touch-first cooking flow. */
.kaisz-kitchen-tablet {
  --tablet-gap: clamp(14px, 1.6vw, 24px);
  --tablet-pad: clamp(14px, 2vw, 28px);
  --tablet-button: clamp(58px, 6.2vw, 82px);
}

.kaisz-kitchen-tablet .kitchen-tablet {
  min-height: 100vh !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--tablet-pad) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: var(--tablet-gap) !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(241, 170, 59, .14), transparent 34%),
    linear-gradient(180deg, #11100d, #080b10 420px) !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-hero {
  min-height: 148px !important;
  padding: clamp(20px, 2.4vw, 34px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: var(--tablet-gap) !important;
  border-radius: 22px !important;
  border-color: rgba(241, 170, 59, .18) !important;
  background:
    linear-gradient(135deg, rgba(50, 36, 18, .88), rgba(16, 18, 22, .78)) !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-hero h1 {
  font-size: clamp(42px, 5vw, 74px) !important;
  line-height: .98 !important;
  margin: 4px 0 10px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-hero p {
  max-width: 880px !important;
  font-size: clamp(15px, 1.5vw, 20px) !important;
  line-height: 1.45 !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-clock {
  min-width: clamp(180px, 18vw, 260px) !important;
  padding: 18px 20px !important;
  text-align: center !important;
  border: 1px solid rgba(241, 170, 59, .20) !important;
  border-radius: 18px !important;
  background: rgba(8, 12, 18, .46) !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-clock strong {
  display: block !important;
  font-size: clamp(46px, 6vw, 88px) !important;
  line-height: .92 !important;
  font-weight: 900 !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-clock span {
  display: block !important;
  margin-top: 10px !important;
  color: var(--app-muted) !important;
  font-size: 14px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-actions {
  display: grid !important;
  grid-template-columns: 1.35fr repeat(4, minmax(140px, .85fr)) !important;
  gap: 12px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-action {
  min-height: var(--tablet-button) !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: clamp(15px, 1.35vw, 20px) !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-action--primary {
  font-size: clamp(18px, 1.7vw, 24px) !important;
  box-shadow: 0 14px 32px rgba(241, 170, 59, .16) !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-layout {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, .78fr) !important;
  gap: var(--tablet-gap) !important;
  align-items: stretch !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-main,
.kaisz-kitchen-tablet .kitchen-tablet-side {
  min-height: 0 !important;
  display: grid !important;
  gap: var(--tablet-gap) !important;
  align-content: start !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-panel {
  padding: clamp(18px, 2vw, 28px) !important;
  border-radius: 22px !important;
  border-color: rgba(241, 170, 59, .12) !important;
  background: rgba(19, 25, 32, .70) !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-panel__head {
  margin-bottom: 16px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-panel h2 {
  margin: 0 0 6px !important;
  font-size: clamp(26px, 2.5vw, 42px) !important;
  line-height: 1.04 !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-panel p,
.kaisz-kitchen-tablet .kitchen-muted {
  font-size: clamp(14px, 1.25vw, 18px) !important;
  line-height: 1.45 !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-meals,
.kaisz-kitchen-tablet .kitchen-tablet-recommendations,
.kaisz-kitchen-tablet .kitchen-list {
  display: grid !important;
  gap: 14px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-meal,
.kaisz-kitchen-tablet .kitchen-tablet-recipe,
.kaisz-kitchen-tablet .kitchen-list-item,
.kaisz-kitchen-tablet .kitchen-tablet-empty {
  padding: clamp(16px, 1.6vw, 24px) !important;
  border-radius: 18px !important;
  border-color: rgba(241, 170, 59, .10) !important;
  background: rgba(8, 12, 18, .52) !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-meal {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-meal > span,
.kaisz-kitchen-tablet .kitchen-section-label {
  color: #ffd58f !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-meal h3,
.kaisz-kitchen-tablet .kitchen-tablet-recipe h3 {
  margin: 2px 0 8px !important;
  font-size: clamp(22px, 2.1vw, 34px) !important;
  line-height: 1.08 !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-recipe {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-recipe .kitchen-chips {
  grid-column: 1 / -1 !important;
}

.kaisz-kitchen-tablet .kitchen-tablet-recipe__actions,
.kaisz-kitchen-tablet .kitchen-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  gap: 10px !important;
}

.kaisz-kitchen-tablet .kitchen-link-btn,
.kaisz-kitchen-tablet .kitchen-btn {
  min-height: 58px !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  font-size: clamp(15px, 1.35vw, 20px) !important;
}

.kaisz-kitchen-tablet .kitchen-chip {
  min-height: 34px !important;
  padding: 8px 12px !important;
  font-size: clamp(12px, 1vw, 15px) !important;
}

.kaisz-kitchen-tablet .kitchen-list-item strong {
  font-size: clamp(17px, 1.4vw, 22px) !important;
}

.kaisz-kitchen-home .kitchen-quick-tile,
.kaisz-kitchen-home .kitchen-decision-card .kitchen-link-btn,
.kaisz-kitchen-home .kitchen-recipe-row__actions .kitchen-link-btn,
.kaisz-kitchen-recipe .kitchen-recipe-actions .kitchen-link-btn,
.kaisz-kitchen-recipe .kitchen-cooked-quick-form .kitchen-btn,
.kaisz-kitchen-cook .kitchen-cook-nav .kitchen-btn,
.kaisz-kitchen-cook .kitchen-cook-nav .kitchen-link-btn {
  min-height: 54px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
}

.kaisz-kitchen-recipe .kitchen-cooked-quick-form {
  display: inline-grid !important;
}

.kaisz-kitchen-recipe .kitchen-cooked-quick-form .kitchen-btn {
  min-width: 190px !important;
  background: #f1aa3b !important;
  border-color: rgba(241, 170, 59, .55) !important;
  color: #171008 !important;
}

@media (max-width: 1180px) {
  .kaisz-kitchen-tablet .kitchen-tablet-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-action--primary {
    grid-column: span 2 !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-layout {
    grid-template-columns: 1fr !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .kaisz-kitchen-tablet .kitchen-tablet {
    padding: 10px !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-hero,
  .kaisz-kitchen-tablet .kitchen-tablet-meal,
  .kaisz-kitchen-tablet .kitchen-tablet-recipe {
    grid-template-columns: 1fr !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-actions,
  .kaisz-kitchen-tablet .kitchen-tablet-side,
  .kaisz-kitchen-tablet .kitchen-tablet-recipe__actions {
    grid-template-columns: 1fr !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-action--primary {
    grid-column: auto !important;
  }
}

/* Step 7.5: home command center - clearer daily focus and module hierarchy. */
.kaisz-home-page {
  --home-focus: #43c7df;
  --home-focus-soft: rgba(67, 199, 223, .12);
  --home-warn: #f1aa3b;
}

.kaisz-home-page .kaisz-home-wrap {
  max-width: 1540px !important;
}

.kaisz-home-page .dash-hero-panel {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(22px, 2.2vw, 34px) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(67, 199, 223, .13), transparent 32%),
    linear-gradient(135deg, rgba(20, 31, 42, .86), rgba(10, 14, 20, .82)) !important;
}

.kaisz-home-page .dash-hero-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  background: linear-gradient(180deg, var(--home-focus), var(--home-warn)) !important;
  opacity: .92 !important;
}

.kaisz-home-page .dash-hero-panel > * {
  position: relative !important;
  z-index: 1 !important;
}

.kaisz-home-page .hub-header {
  align-items: center !important;
  padding-bottom: 8px !important;
}

.kaisz-home-page .hub-avatar {
  width: 54px !important;
  height: 54px !important;
  flex-basis: 54px !important;
  border-radius: 16px !important;
}

.kaisz-home-page .hub-greet {
  font-size: clamp(18px, 1.6vw, 25px) !important;
  font-weight: 880 !important;
}

.kaisz-home-page .hub-sub {
  margin-top: 3px !important;
  font-size: 13px !important;
}

.kaisz-home-page .hub-motto {
  max-width: 360px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(191, 201, 214, .08) !important;
  border-radius: 14px !important;
  background: rgba(8, 12, 18, .32) !important;
}

.kaisz-home-page .dash-toolbar--hero {
  margin-top: 4px !important;
  padding-top: 18px !important;
}

.kaisz-home-page .kaisz-home-toolbar__lead {
  align-items: center !important;
}

.kaisz-home-page .dash-title {
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
}

.kaisz-home-page .dash-subtitle {
  max-width: 900px !important;
  margin-top: 8px !important;
  font-size: clamp(14px, 1.15vw, 17px) !important;
}

.kaisz-home-page .kaisz-messenger-launch {
  min-width: 150px !important;
  min-height: 48px !important;
  border-radius: 14px !important;
}

.kaisz-home-page .dash-welcome-focus {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .34fr) !important;
  gap: 16px !important;
  margin-top: 2px !important;
}

.kaisz-home-page .dash-welcome-primary {
  min-height: 116px !important;
  padding: clamp(18px, 1.8vw, 26px) !important;
  border-radius: 18px !important;
  border-color: rgba(67, 199, 223, .18) !important;
  background:
    linear-gradient(135deg, rgba(67, 199, 223, .12), rgba(19, 25, 32, .58)) !important;
}

.kaisz-home-page .dash-welcome-primary strong {
  margin-top: 6px !important;
  font-size: clamp(24px, 2.2vw, 36px) !important;
  line-height: 1.05 !important;
}

.kaisz-home-page .dash-welcome-primary small {
  max-width: 760px !important;
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.kaisz-home-page .dash-welcome-primary em {
  min-height: 44px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  white-space: normal !important;
  text-align: center !important;
}

.kaisz-home-page .dash-welcome-rule {
  min-height: 116px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: rgba(8, 12, 18, .38) !important;
}

.kaisz-home-page .dash-welcome-rule strong {
  font-size: clamp(17px, 1.3vw, 22px) !important;
  line-height: 1.18 !important;
}

.kaisz-home-page .home-module-stack {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

.kaisz-home-page .home-module {
  grid-column: span 12 !important;
}

.kaisz-home-page .home-module--overview {
  grid-column: span 7 !important;
}

.kaisz-home-page .home-module--workspaces {
  grid-column: span 5 !important;
}

.kaisz-home-page .home-module--system {
  grid-column: span 8 !important;
}

.kaisz-home-page .home-module--activity {
  grid-column: span 4 !important;
}

.kaisz-home-page .home-module > .dash-card,
.kaisz-home-page .home-module > section {
  border-radius: 18px !important;
  padding: clamp(18px, 1.6vw, 24px) !important;
}

.kaisz-home-page .dash-card-head {
  align-items: center !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(191, 201, 214, .06) !important;
}

.kaisz-home-page .dash-card-title,
.kaisz-home-page .hub-status__title {
  font-size: clamp(22px, 1.7vw, 30px) !important;
}

.kaisz-home-page .hub-today__grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

.kaisz-home-page .hub-today__item {
  min-height: 94px !important;
  align-items: center !important;
  padding: 16px !important;
  border-radius: 16px !important;
}

.kaisz-home-page .hub-today__dot,
.kaisz-home-page .hub-status-card__dot,
.kaisz-home-page .hub-feed__dot {
  width: 12px !important;
  height: 12px !important;
  flex-basis: 12px !important;
  margin-top: 0 !important;
}

.kaisz-home-page .hub-today__value,
.kaisz-home-page .hub-workspace__title {
  font-size: clamp(19px, 1.45vw, 25px) !important;
  font-weight: 880 !important;
}

.kaisz-home-page .hub-workspaces__grid,
.kaisz-home-page .hub-status__grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}

.kaisz-home-page .hub-workspace {
  min-height: 186px !important;
  padding: 18px !important;
  border-radius: 18px !important;
}

.kaisz-home-page .hub-workspace__summary {
  min-height: 0 !important;
  margin: 14px 0 !important;
}

.kaisz-home-page .hub-workspace__cta,
.kaisz-home-page .hub-status-pill {
  min-height: 34px !important;
  padding: 8px 11px !important;
  border-radius: 12px !important;
}

.kaisz-home-page .hub-workspace__metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 16px !important;
}

.kaisz-home-page .hub-workspace__metrics span,
.kaisz-home-page .hub-activity__stats div {
  padding: 13px !important;
  border-radius: 14px !important;
}

.kaisz-home-page .hub-status__row {
  align-items: flex-start !important;
}

.kaisz-home-page .hub-status__lead {
  max-width: 760px !important;
}

.kaisz-home-page .hub-status__summary {
  min-height: 36px !important;
  border-radius: 12px !important;
}

.kaisz-home-page .hub-status__actions {
  gap: 10px !important;
}

.kaisz-home-page .hub-status__action {
  min-height: 42px !important;
  border-radius: 12px !important;
}

.kaisz-home-page .hub-status-card {
  min-height: 132px !important;
  padding: 16px !important;
  border-radius: 16px !important;
}

.kaisz-home-page .hub-feed,
.kaisz-home-page .hub-agenda__list {
  gap: 10px !important;
}

.kaisz-home-page .hub-feed__row,
.kaisz-home-page .hub-agenda__item {
  min-height: 62px !important;
  padding: 13px !important;
  border-radius: 14px !important;
}

.kaisz-home-page .hub-empty {
  border-radius: 16px !important;
  padding: 22px !important;
}

html[data-theme="light"] .kaisz-home-page .dash-hero-panel {
  background:
    radial-gradient(circle at 92% 8%, rgba(67, 199, 223, .16), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(246, 249, 252, .86)) !important;
}

html[data-theme="light"] .kaisz-home-page .dash-welcome-primary {
  background:
    linear-gradient(135deg, rgba(67, 199, 223, .12), rgba(255, 255, 255, .82)) !important;
}

@media (max-width: 1280px) {
  .kaisz-home-page .home-module--overview,
  .kaisz-home-page .home-module--workspaces,
  .kaisz-home-page .home-module--system,
  .kaisz-home-page .home-module--activity {
    grid-column: span 12 !important;
  }
}

@media (max-width: 900px) {
  .kaisz-home-page .hub-header,
  .kaisz-home-page .kaisz-home-toolbar__lead,
  .kaisz-home-page .dash-welcome-focus {
    grid-template-columns: 1fr !important;
  }

  .kaisz-home-page .hub-motto {
    max-width: none !important;
    text-align: left !important;
  }

  .kaisz-home-page .dash-welcome-primary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .kaisz-home-page .dash-welcome-primary em {
    width: 100% !important;
  }

  .kaisz-home-page .hub-workspace__metrics {
    grid-template-columns: 1fr !important;
  }
}

/* Step 7.6: interaction states - focus, feedback, empty and disabled states. */
body.kaisz-app-page {
  --app-focus-ring: 0 0 0 3px rgba(67, 199, 223, .22);
  --app-focus-border: rgba(67, 199, 223, .58);
  --app-success-soft: rgba(67, 199, 122, .13);
  --app-warning-soft: rgba(241, 170, 59, .14);
  --app-danger-soft: rgba(239, 95, 95, .14);
}

.kaisz-app-page a,
.kaisz-app-page button,
.kaisz-app-page input,
.kaisz-app-page select,
.kaisz-app-page textarea,
.kaisz-app-page [role="button"],
.kaisz-app-page .dash-welcome-primary,
.kaisz-app-page .hub-today__item,
.kaisz-app-page .hub-workspace,
.kaisz-app-page .hub-status-card,
.kaisz-kitchen-page .kitchen-recipe-row,
.kaisz-kitchen-page .kitchen-list-item,
.kaisz-media-page .file-card {
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease,
    opacity .16s ease !important;
}

.kaisz-app-page a:focus-visible,
.kaisz-app-page button:focus-visible,
.kaisz-app-page input:focus-visible,
.kaisz-app-page select:focus-visible,
.kaisz-app-page textarea:focus-visible,
.kaisz-app-page [tabindex]:focus-visible,
.kaisz-app-page [role="button"]:focus-visible {
  outline: none !important;
  border-color: var(--app-focus-border) !important;
  box-shadow: var(--app-focus-ring) !important;
}

.kaisz-app-page a:hover,
.kaisz-app-page button:hover,
.kaisz-app-page [role="button"]:hover,
.kaisz-app-page .dash-welcome-primary:hover,
.kaisz-app-page .hub-today__item:hover,
.kaisz-app-page .hub-workspace:hover,
.kaisz-app-page .hub-status-card:hover,
.kaisz-kitchen-page .kitchen-recipe-row:hover,
.kaisz-media-page .file-card:hover {
  transform: translateY(-1px) !important;
}

.kaisz-app-page button:active,
.kaisz-app-page .dash-btn:active,
.kaisz-app-page .hub-status__action:active,
.kaisz-kitchen-page .kitchen-btn:active,
.kaisz-kitchen-page .kitchen-link-btn:active,
.kaisz-legacy-page .btn:active,
.kaisz-auth-page .btn:active {
  transform: translateY(0) scale(.99) !important;
}

.kaisz-app-page button:disabled,
.kaisz-app-page input:disabled,
.kaisz-app-page select:disabled,
.kaisz-app-page textarea:disabled,
.kaisz-app-page .is-disabled,
.kaisz-app-page [aria-disabled="true"] {
  cursor: not-allowed !important;
  opacity: .52 !important;
  transform: none !important;
}

.kaisz-app-page input::placeholder,
.kaisz-app-page textarea::placeholder,
.kaisz-auth-page input::placeholder,
.kaisz-auth-page textarea::placeholder,
.kaisz-kitchen-page .kitchen-input::placeholder,
.kaisz-kitchen-page .kitchen-textarea::placeholder {
  color: rgba(170, 181, 194, .66) !important;
}

.kaisz-app-page input:invalid:not(:placeholder-shown),
.kaisz-app-page textarea:invalid:not(:placeholder-shown),
.kaisz-auth-page input:invalid:not(:placeholder-shown),
.kaisz-kitchen-page .kitchen-input:invalid:not(:placeholder-shown),
.kaisz-kitchen-page .kitchen-textarea:invalid:not(:placeholder-shown) {
  border-color: rgba(239, 95, 95, .55) !important;
  box-shadow: 0 0 0 3px rgba(239, 95, 95, .13) !important;
}

.kaisz-app-page .hub-empty,
.kaisz-kitchen-page .kitchen-tablet-empty,
.kaisz-kitchen-page .kitchen-list-item:only-child,
.kaisz-legacy-page .empty,
.kaisz-auth-page .empty {
  border-style: dashed !important;
  border-color: rgba(191, 201, 214, .16) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015)) !important;
  color: var(--app-muted) !important;
}

.kaisz-app-page .alert,
.kaisz-app-page .toast,
.kaisz-app-page .notice,
.kaisz-app-page .message,
.kaisz-kitchen-page .kitchen-alert,
.kaisz-auth-page .auth-alert {
  border-radius: 14px !important;
  border: 1px solid rgba(191, 201, 214, .12) !important;
  background: rgba(19, 25, 32, .78) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16) !important;
}

.kaisz-app-page .alert-success,
.kaisz-app-page .toast-success,
.kaisz-app-page .notice-success,
.kaisz-kitchen-page .kitchen-alert--ok,
.kaisz-auth-page .auth-alert--ok {
  border-color: rgba(67, 199, 122, .34) !important;
  background: var(--app-success-soft) !important;
  color: #9af0bb !important;
}

.kaisz-app-page .alert-warning,
.kaisz-app-page .toast-warning,
.kaisz-app-page .notice-warning,
.kaisz-app-page .hub-today__item--warn,
.kaisz-app-page .hub-status-card--warn {
  border-color: rgba(241, 170, 59, .34) !important;
  background: var(--app-warning-soft) !important;
}

.kaisz-app-page .alert-error,
.kaisz-app-page .alert-danger,
.kaisz-app-page .toast-error,
.kaisz-app-page .notice-error,
.kaisz-kitchen-page .kitchen-alert--error,
.kaisz-auth-page .auth-alert--error,
.kaisz-app-page .hub-today__item--bad,
.kaisz-app-page .hub-status-card--bad {
  border-color: rgba(239, 95, 95, .36) !important;
  background: var(--app-danger-soft) !important;
  color: #ffb4b1 !important;
}

.kaisz-app-page .is-loading,
.kaisz-app-page [aria-busy="true"] {
  position: relative !important;
  pointer-events: none !important;
}

.kaisz-app-page .is-loading::after,
.kaisz-app-page [aria-busy="true"]::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, .06), transparent) !important;
  animation: kaisz-soft-loading 1.2s linear infinite !important;
}

@keyframes kaisz-soft-loading {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.kaisz-app-page .hub-status-pill--ok,
.kaisz-app-page .kitchen-chip--ok,
.kaisz-app-page .kitchen-status--ok {
  box-shadow: inset 0 0 0 1px rgba(67, 199, 122, .10) !important;
}

.kaisz-app-page .hub-status-pill--bad,
.kaisz-app-page .kitchen-chip--warn,
.kaisz-app-page .kitchen-status--missing {
  box-shadow: inset 0 0 0 1px rgba(241, 170, 59, .10) !important;
}

.kaisz-app-page table tr,
.kaisz-app-page .table-row,
.kaisz-work-page .file-row,
.kaisz-work-page .mail-row,
.kaisz-ops-page .service-row,
.kaisz-ops-page .host-row {
  transition: background-color .16s ease, color .16s ease !important;
}

.kaisz-app-page table tr:hover,
.kaisz-app-page .table-row:hover,
.kaisz-work-page .file-row:hover,
.kaisz-work-page .mail-row:hover,
.kaisz-ops-page .service-row:hover,
.kaisz-ops-page .host-row:hover {
  background: rgba(67, 199, 223, .055) !important;
}

.kaisz-kitchen-page .kitchen-cooked-quick-form .kitchen-btn:hover,
.kaisz-kitchen-page .kitchen-btn--primary:hover,
.kaisz-kitchen-page .kitchen-link-btn--primary:hover,
.kaisz-home-page .dash-welcome-primary:hover {
  box-shadow: 0 14px 34px rgba(67, 199, 223, .15) !important;
}

.kaisz-kitchen-page .kitchen-cooked-quick-form .kitchen-btn:hover,
.kaisz-kitchen-page .kitchen-tablet-action--primary:hover,
.kaisz-kitchen-page .kitchen-btn--primary:hover,
.kaisz-kitchen-page .kitchen-link-btn--primary:hover {
  box-shadow: 0 14px 34px rgba(241, 170, 59, .18) !important;
}

.kaisz-app-page .navrail__links a:focus-visible,
.kaisz-app-page .navrail__logout:focus-visible,
.kaisz-app-page .kaisz-theme-toggle:focus-visible,
.kaisz-app-page .navrail__collapse:focus-visible {
  box-shadow: var(--app-focus-ring) !important;
}

html[data-theme="light"] .kaisz-app-page {
  --app-focus-ring: 0 0 0 3px rgba(20, 144, 166, .20);
  --app-success-soft: rgba(36, 151, 87, .10);
  --app-warning-soft: rgba(185, 115, 20, .11);
  --app-danger-soft: rgba(210, 67, 67, .10);
}

html[data-theme="light"] .kaisz-app-page .hub-empty,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-tablet-empty,
html[data-theme="light"] .kaisz-kitchen-page .kitchen-list-item:only-child {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(246, 249, 252, .72)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .kaisz-app-page *,
  .kaisz-app-page *::before,
  .kaisz-app-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Step 7.6.1: home hero correction - remove dead space and restore clear focus. */
.kaisz-home-page .dash-hero-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 0 !important;
  padding: 18px 22px 22px !important;
}

.kaisz-home-page .hub-header {
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(191, 201, 214, .08) !important;
}

.kaisz-home-page .dash-toolbar--hero {
  padding-top: 0 !important;
  border-top: 0 !important;
}

.kaisz-home-page .kaisz-home-toolbar__lead {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 18px !important;
}

.kaisz-home-page .dash-title {
  font-size: clamp(26px, 2.4vw, 38px) !important;
}

.kaisz-home-page .dash-subtitle {
  max-width: 760px !important;
  margin-top: 6px !important;
}

.kaisz-home-page .kaisz-messenger-launch {
  justify-self: end !important;
}

.kaisz-home-page .dash-welcome-focus {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 280px) !important;
  gap: 12px !important;
  margin-top: 0 !important;
}

.kaisz-home-page .dash-welcome-primary,
.kaisz-home-page .dash-welcome-rule {
  min-height: 88px !important;
  border-radius: 14px !important;
}

.kaisz-home-page .dash-welcome-primary {
  padding: 16px 18px !important;
}

.kaisz-home-page .dash-welcome-primary strong {
  font-size: clamp(22px, 1.8vw, 31px) !important;
}

.kaisz-home-page .dash-welcome-primary small {
  font-size: 13px !important;
}

.kaisz-home-page .dash-welcome-primary em {
  min-height: 38px !important;
  padding: 8px 12px !important;
}

.kaisz-home-page .dash-welcome-rule {
  padding: 16px !important;
}

.kaisz-home-page .home-module-stack {
  margin-top: 14px !important;
}

.kaisz-home-page .home-module > .dash-card,
.kaisz-home-page .home-module > section {
  border-radius: 14px !important;
}

@media (max-width: 900px) {
  .kaisz-home-page .kaisz-home-toolbar__lead,
  .kaisz-home-page .dash-welcome-focus {
    grid-template-columns: 1fr !important;
  }

  .kaisz-home-page .kaisz-messenger-launch {
    justify-self: stretch !important;
  }
}

/* Step 7.6.3: desktop compact mode - keep touch scale on small screens, shrink web UI. */
@media (min-width: 901px) {
  body.kaisz-app-page {
    --app-radius: 8px;
  }

  .kaisz-app-page .content {
    padding: 8px 12px 18px !important;
  }

  .kaisz-app-page .sidebar.navrail {
    width: var(--app-sidebar) !important;
  }

  .kaisz-app-page .navrail__brand,
  .kaisz-app-page .navrail__status,
  .kaisz-app-page .navrail__links a,
  .kaisz-app-page .navrail__logout {
    min-height: 34px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
  }

  .kaisz-app-page .navrail__ico {
    width: 24px !important;
    height: 24px !important;
    border-radius: 7px !important;
  }

  .kaisz-app-page .navrail__label {
    font-size: 12px !important;
  }

  .kaisz-app-page .navrail__meta,
  .kaisz-app-page .navrail__group-title,
  .kaisz-app-page .navrail__footnote,
  .kaisz-app-page .navrail__status-copy span {
    font-size: 10px !important;
  }

  .kaisz-app-page .dash-hero-panel,
  .kaisz-ops-page .page-hero,
  .kaisz-work-page .page-hero,
  .kaisz-kitchen-page .kitchen-home-hero,
  .kaisz-kitchen-page .kitchen-hero,
  .kaisz-kitchen-page .kitchen-studio-hero {
    gap: 10px !important;
    margin-bottom: 10px !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
  }

  .kaisz-app-page .dash-hero-panel h1,
  .kaisz-ops-page .page-hero h1,
  .kaisz-work-page .page-hero h1,
  .kaisz-kitchen-page .kitchen-home-hero h1,
  .kaisz-kitchen-page .kitchen-hero h1,
  .kaisz-kitchen-page .kitchen-studio-hero h1 {
    font-size: 28px !important;
    line-height: 1.08 !important;
  }

  .kaisz-home-page .hub-avatar {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 10px !important;
  }

  .kaisz-home-page .hub-greet {
    font-size: 16px !important;
  }

  .kaisz-home-page .hub-sub,
  .kaisz-home-page .dash-subtitle,
  .kaisz-app-page .hub-sub,
  .kaisz-app-page .hub-motto-text,
  .kaisz-app-page .dash-card-sub,
  .kaisz-app-page .hub-today__detail,
  .kaisz-app-page .hub-workspace__summary,
  .kaisz-app-page .hub-status-card__sub {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .kaisz-home-page .hub-motto {
    min-width: 240px !important;
    padding: 9px 10px !important;
    border-radius: 10px !important;
  }

  .kaisz-home-page .dash-toolbar--hero {
    padding-top: 8px !important;
  }

  .kaisz-home-page .dash-title,
  .kaisz-app-page .dash-card-title,
  .kaisz-app-page .dash-title,
  .kaisz-app-page .hub-status__title,
  .kaisz-ops-page .panel h2,
  .kaisz-work-page .panel h2,
  .kaisz-kitchen-page .kitchen-card h2,
  .kaisz-kitchen-page .kitchen-decision-card h2,
  .kaisz-kitchen-page .kitchen-studio-panel h2,
  .kaisz-legacy-page .profile-card h2,
  .kaisz-legacy-page .profile-box h2,
  .kaisz-media-page .content > h2 {
    font-size: 20px !important;
    line-height: 1.16 !important;
  }

  .kaisz-home-page .dash-welcome-focus {
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 10px !important;
  }

  .kaisz-home-page .dash-welcome-primary,
  .kaisz-home-page .dash-welcome-rule {
    min-height: 64px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
  }

  .kaisz-home-page .dash-welcome-primary strong {
    font-size: 20px !important;
    margin-top: 2px !important;
  }

  .kaisz-home-page .dash-welcome-primary small {
    font-size: 11px !important;
    margin-top: 4px !important;
  }

  .kaisz-home-page .dash-welcome-primary em {
    min-height: 30px !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
  }

  .kaisz-home-page .dash-welcome-rule strong {
    font-size: 13px !important;
  }

  .kaisz-home-page .home-module-stack,
  .kaisz-app-page .home-module-stack,
  .kaisz-app-page .hub-today__grid,
  .kaisz-app-page .hub-workspaces__grid,
  .kaisz-app-page .hub-status__grid,
  .kaisz-kitchen-page .kitchen-grid,
  .kaisz-kitchen-page .kitchen-grid--equal,
  .kaisz-kitchen-home .kitchen-command-grid,
  .kaisz-kitchen-home .kitchen-workspace-grid,
  .kaisz-media-page .file-grid {
    gap: 10px !important;
  }

  .kaisz-app-page .dash-card,
  .kaisz-app-page .hub-workspace,
  .kaisz-app-page .hub-status-card,
  .kaisz-ops-page .panel,
  .kaisz-ops-page .stat-card,
  .kaisz-work-page .panel,
  .kaisz-work-page .stat-card,
  .kaisz-kitchen-page .kitchen-card,
  .kaisz-kitchen-page .kitchen-card--plain,
  .kaisz-kitchen-page .kitchen-decision-card,
  .kaisz-kitchen-page .kitchen-filter-panel,
  .kaisz-kitchen-page .kitchen-studio-panel,
  .kaisz-legacy-page .profile-card,
  .kaisz-legacy-page .profile-box,
  .kaisz-media-page .file-card {
    padding: 12px !important;
    border-radius: 10px !important;
  }

  .kaisz-app-page .hub-today__item,
  .kaisz-app-page .hub-feed__row,
  .kaisz-app-page .hub-agenda__item,
  .kaisz-kitchen-page .kitchen-list-item,
  .kaisz-kitchen-page .kitchen-recipe-row,
  .kaisz-kitchen-page .kitchen-step,
  .kaisz-kitchen-page .kitchen-choice,
  .kaisz-kitchen-page .kitchen-ingredient-row {
    min-height: 0 !important;
    padding: 10px 12px !important;
    border-radius: 9px !important;
  }

  .kaisz-home-page .hub-today__value,
  .kaisz-home-page .hub-workspace__title,
  .kaisz-app-page .hub-today__value,
  .kaisz-app-page .hub-workspace__title {
    font-size: 15px !important;
  }

  .kaisz-home-page .hub-workspace {
    min-height: 128px !important;
  }

  .kaisz-home-page .hub-status-card {
    min-height: 92px !important;
  }

  .kaisz-app-page input,
  .kaisz-app-page select,
  .kaisz-app-page textarea,
  .kaisz-kitchen-page .kitchen-input,
  .kaisz-kitchen-page .kitchen-select,
  .kaisz-kitchen-page .kitchen-textarea,
  .kaisz-legacy-page input,
  .kaisz-legacy-page select,
  .kaisz-legacy-page textarea,
  .kaisz-auth-page input,
  .kaisz-auth-page select,
  .kaisz-auth-page textarea {
    min-height: 32px !important;
    padding: 7px 9px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
  }

  .kaisz-app-page textarea,
  .kaisz-kitchen-page .kitchen-textarea,
  .kaisz-legacy-page textarea,
  .kaisz-auth-page textarea {
    min-height: 70px !important;
  }

  .kaisz-app-page .dash-btn,
  .kaisz-app-page .hub-status__action,
  .kaisz-app-page .hub-mini-link,
  .kaisz-app-page .kaisz-messenger-launch,
  .kaisz-kitchen-page .kitchen-link-btn,
  .kaisz-kitchen-page .kitchen-btn,
  .kaisz-kitchen-page .kitchen-module-nav a,
  .kaisz-legacy-page button,
  .kaisz-legacy-page .btn,
  .kaisz-legacy-page .profile-btn,
  .kaisz-legacy-page .btn-open,
  .kaisz-auth-page .btn,
  .kaisz-auth-page .pill,
  .kaisz-auth-page .theme-toggle {
    min-height: 32px !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-action,
  .kaisz-kitchen-tablet .kitchen-link-btn,
  .kaisz-kitchen-tablet .kitchen-btn {
    min-height: 46px !important;
    font-size: 14px !important;
  }

  .kaisz-kitchen-tablet .kitchen-tablet-hero h1 {
    font-size: 38px !important;
  }
}

/* Step 7.6.4: home agenda next to today - compact 2x3 upcoming events. */
@media (min-width: 901px) {
  .kaisz-home-page .home-module-stack {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    align-items: start !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_today"] {
    grid-column: span 5 !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] {
    grid-column: span 7 !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_today"] > .dash-card,
  .kaisz-home-page .home-module[data-home-module="hub_agenda"] > .dash-card {
    max-width: none !important;
    min-height: 0 !important;
    padding: 12px !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_today"] .hub-today__grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_today"] .hub-today__item {
    min-height: 62px !important;
    padding: 10px !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .dash-card-head {
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(74px, auto) !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__item {
    min-height: 74px !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 9px !important;
    border-radius: 9px !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__date {
    width: 44px !important;
    min-width: 44px !important;
    padding: 5px 4px !important;
    border: 1px solid rgba(191, 201, 214, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .035) !important;
    text-align: center !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__date b {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__date small {
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__body strong {
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__body small {
    margin-top: 4px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (min-width: 901px) and (max-width: 1260px) {
  .kaisz-home-page .home-module[data-home-module="hub_today"],
  .kaisz-home-page .home-module[data-home-module="hub_agenda"] {
    grid-column: span 12 !important;
  }

  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .kaisz-home-page .home-module[data-home-module="hub_agenda"] .hub-agenda__list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

/* Step 7.6.5: messenger as floating action button. */
.kaisz-home-page .kaisz-messenger-launch {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 1200 !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border-color: rgba(67, 199, 223, .42) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .22), transparent 28%),
    linear-gradient(135deg, #43c7df, #1b7fa0) !important;
  color: #071117 !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .32), 0 0 0 1px rgba(255, 255, 255, .08) inset !important;
  font-size: 0 !important;
}

.kaisz-home-page .kaisz-messenger-launch::before {
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: currentColor !important;
  -webkit-mask:
    radial-gradient(circle at 50% 50%, #000 58%, transparent 60%) center / 100% 100% no-repeat;
  mask:
    radial-gradient(circle at 50% 50%, #000 58%, transparent 60%) center / 100% 100% no-repeat;
  clip-path: polygon(8% 10%, 92% 10%, 92% 70%, 62% 70%, 47% 90%, 47% 70%, 8% 70%);
}

.kaisz-home-page .kaisz-messenger-launch > span:first-child {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.kaisz-home-page .kaisz-messenger-launch__badge:not(:empty) {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #ef5f5f !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 3px var(--app-bg) !important;
}

.kaisz-home-page .kaisz-messenger-launch:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .38), 0 0 0 1px rgba(255, 255, 255, .10) inset !important;
}

.kaisz-home-page .kaisz-messenger-launch:active {
  transform: translateY(0) scale(.98) !important;
}

@media (max-width: 900px) {
  .kaisz-home-page .kaisz-messenger-launch {
    right: 14px !important;
    bottom: 14px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }
}

/* Step 7.6.6: monitoring refresh - stronger KAISZ layer over legacy inline CSS. */
.kaisz-ops-monitoring .mon-shell {
  gap: 12px !important;
}

.kaisz-ops-monitoring .dash-hero-panel.mon-hero-panel {
  border-radius: 12px !important;
  border-color: rgba(67, 199, 223, .12) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(67, 199, 122, .08), transparent 30%),
    linear-gradient(135deg, rgba(15, 24, 32, .92), rgba(8, 12, 18, .88)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18) !important;
}

.kaisz-ops-monitoring .mon-hero-toolbar {
  border-top-color: rgba(191, 201, 214, .07) !important;
}

.kaisz-ops-monitoring .dash-overview-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.kaisz-ops-monitoring .dash-overview-stat {
  min-height: 56px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(191, 201, 214, .08) !important;
  background: rgba(12, 18, 26, .62) !important;
}

.kaisz-ops-monitoring .dash-overview-stat__label {
  font-size: 9px !important;
}

.kaisz-ops-monitoring .dash-overview-stat__value {
  font-size: 17px !important;
}

.kaisz-ops-monitoring .dash-overview-stat__meta {
  font-size: 9px !important;
}

.kaisz-ops-monitoring .mon-board,
.kaisz-ops-monitoring .mon-panel,
.kaisz-ops-monitoring .mon-card {
  border-radius: 12px !important;
  border-color: rgba(191, 201, 214, .08) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(67, 199, 223, .045), transparent 25%),
    rgba(15, 22, 31, .76) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .025) inset !important;
}

.kaisz-ops-monitoring .mon-board--service {
  padding: 12px !important;
}

.kaisz-ops-monitoring .board-title,
.kaisz-ops-monitoring .panel-title {
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.kaisz-ops-monitoring .board-title h3,
.kaisz-ops-monitoring .panel-title h3 {
  font-size: 18px !important;
  line-height: 1.15 !important;
}

.kaisz-ops-monitoring .board-title p,
.kaisz-ops-monitoring .panel-title p {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.kaisz-ops-monitoring .service-toolbar {
  gap: 6px !important;
}

.kaisz-ops-monitoring .service-chip,
.kaisz-ops-monitoring .hero-link {
  min-height: 30px !important;
  padding: 6px 9px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
}

.kaisz-ops-monitoring .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.kaisz-ops-monitoring .service-card,
.kaisz-ops-monitoring .host-card,
.kaisz-ops-monitoring .problem-item,
.kaisz-ops-monitoring .glance-card {
  gap: 9px !important;
  padding: 11px !important;
  border-radius: 11px !important;
  border-color: rgba(191, 201, 214, .075) !important;
  background: rgba(8, 13, 20, .48) !important;
}

.kaisz-ops-monitoring .service-card--ok {
  background: linear-gradient(180deg, rgba(20, 45, 38, .54), rgba(8, 13, 20, .54)) !important;
}

.kaisz-ops-monitoring .service-card--limited {
  background: linear-gradient(180deg, rgba(54, 41, 17, .54), rgba(8, 13, 20, .54)) !important;
}

.kaisz-ops-monitoring .service-card__top,
.kaisz-ops-monitoring .host-card__head {
  gap: 8px !important;
}

.kaisz-ops-monitoring .service-card__eyebrow {
  font-size: 9px !important;
}

.kaisz-ops-monitoring .service-card__title,
.kaisz-ops-monitoring .host-card__name {
  margin-top: 3px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
}

.kaisz-ops-monitoring .service-state,
.kaisz-ops-monitoring .pill {
  min-height: 24px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
}

.kaisz-ops-monitoring .service-card__desc,
.kaisz-ops-monitoring .service-card__foot,
.kaisz-ops-monitoring .service-host,
.kaisz-ops-monitoring .host-card__sub,
.kaisz-ops-monitoring .host-foot-note {
  font-size: 10px !important;
  line-height: 1.35 !important;
}

.kaisz-ops-monitoring .service-card__stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.kaisz-ops-monitoring .service-mini {
  padding: 7px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .028) !important;
}

.kaisz-ops-monitoring .service-mini span,
.kaisz-ops-monitoring .metric-k,
.kaisz-ops-monitoring .glance-label {
  font-size: 9px !important;
}

.kaisz-ops-monitoring .service-mini strong,
.kaisz-ops-monitoring .metric-v,
.kaisz-ops-monitoring .glance-value {
  font-size: 12px !important;
}

.kaisz-ops-monitoring .resource-glance,
.kaisz-ops-monitoring .host-grid {
  gap: 10px !important;
}

.kaisz-ops-monitoring .metric-list {
  gap: 7px !important;
}

.kaisz-ops-monitoring .metric-row {
  padding: 7px !important;
  border-radius: 8px !important;
}

.kaisz-ops-monitoring .metric-bar {
  height: 4px !important;
}

@media (max-width: 1100px) {
  .kaisz-ops-monitoring .dash-overview-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .kaisz-ops-monitoring .service-grid,
  .kaisz-ops-monitoring .host-grid {
    grid-template-columns: 1fr !important;
  }

  .kaisz-ops-monitoring .service-card__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .kaisz-ops-monitoring .content {
    padding: 12px 8px 18px !important;
  }

  .kaisz-ops-monitoring .dash-hero-panel.mon-hero-panel {
    padding: 10px !important;
  }

  .kaisz-ops-monitoring .dash-overview-stats,
  .kaisz-ops-monitoring .service-card__stats,
  .kaisz-ops-monitoring .resource-glance {
    grid-template-columns: 1fr !important;
  }

  .kaisz-ops-monitoring .mon-board,
  .kaisz-ops-monitoring .mon-panel,
  .kaisz-ops-monitoring .mon-card {
    padding: 10px !important;
  }
}

/* Step 7.6.7: monitoring mobile compact - service overview must not bury hosts. */
@media (max-width: 720px) {
  .kaisz-ops-monitoring .mon-shell {
    gap: 8px !important;
  }

  .kaisz-ops-monitoring .dash-hero-panel.mon-hero-panel {
    padding: 9px !important;
    border-radius: 10px !important;
  }

  .kaisz-ops-monitoring .hub-header {
    display: none !important;
  }

  .kaisz-ops-monitoring .mon-hero-toolbar {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  .kaisz-ops-monitoring .kaisz-home-toolbar__lead {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .kaisz-ops-monitoring .dash-title {
    font-size: 18px !important;
  }

  .kaisz-ops-monitoring .dash-subtitle {
    max-width: 100% !important;
    font-size: 10px !important;
  }

  .kaisz-ops-monitoring .mon-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .kaisz-ops-monitoring .mon-actions .hero-link {
    min-height: 28px !important;
    padding: 5px 6px !important;
    font-size: 9px !important;
  }

  .kaisz-ops-monitoring .dash-overview-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .kaisz-ops-monitoring .dash-overview-stat {
    min-height: 46px !important;
    padding: 7px !important;
  }

  .kaisz-ops-monitoring .dash-overview-stat__value {
    font-size: 14px !important;
  }

  .kaisz-ops-monitoring .mon-board--service {
    padding: 9px !important;
  }

  .kaisz-ops-monitoring .mon-board--service .board-title {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .kaisz-ops-monitoring .mon-board--service .board-title h3 {
    font-size: 14px !important;
  }

  .kaisz-ops-monitoring .mon-board--service .board-title p {
    font-size: 9px !important;
  }

  .kaisz-ops-monitoring .service-toolbar {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  .kaisz-ops-monitoring .service-chip {
    min-height: 26px !important;
    padding: 4px 5px !important;
    font-size: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .kaisz-ops-monitoring .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .kaisz-ops-monitoring .service-card {
    min-height: 0 !important;
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 9px !important;
  }

  .kaisz-ops-monitoring .service-card__top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }

  .kaisz-ops-monitoring .service-card__eyebrow {
    font-size: 7px !important;
    letter-spacing: .04em !important;
  }

  .kaisz-ops-monitoring .service-card__title {
    margin-top: 1px !important;
    font-size: 12px !important;
  }

  .kaisz-ops-monitoring .service-state {
    min-height: 20px !important;
    padding: 3px 6px !important;
    font-size: 8px !important;
  }

  .kaisz-ops-monitoring .service-card__desc,
  .kaisz-ops-monitoring .service-hosts,
  .kaisz-ops-monitoring .service-card__foot > span {
    display: none !important;
  }

  .kaisz-ops-monitoring .service-card__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .kaisz-ops-monitoring .service-mini {
    padding: 5px !important;
    border-radius: 7px !important;
  }

  .kaisz-ops-monitoring .service-mini span {
    font-size: 7px !important;
  }

  .kaisz-ops-monitoring .service-mini strong {
    font-size: 10px !important;
  }

  .kaisz-ops-monitoring .service-card__foot {
    justify-content: flex-end !important;
  }

  .kaisz-ops-monitoring .service-card__foot .hero-link {
    min-height: 24px !important;
    padding: 4px 6px !important;
    font-size: 8px !important;
  }

  .kaisz-ops-monitoring #host-board {
    padding: 9px !important;
  }

  .kaisz-ops-monitoring #host-board .resource-glance {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .kaisz-ops-monitoring #host-board .glance-card {
    padding: 7px !important;
  }

  .kaisz-ops-monitoring #host-board .host-card {
    padding: 9px !important;
  }
}

@media (max-width: 390px) {
  .kaisz-ops-monitoring .service-grid,
  .kaisz-ops-monitoring .dash-overview-stats,
  .kaisz-ops-monitoring #host-board .resource-glance {
    grid-template-columns: 1fr !important;
  }
}