/* HostingJet Cloud OS 0.26.0 — shadcn-admin interface layer */
.hj-shadcn-app,
.hj-shadcn-app * { box-sizing: border-box; }

.hj-shadcn-app {
  --radius: 10px;
  --background: #ffffff;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --popover: #ffffff;
  --popover-foreground: #0f172a;
  --primary: #0f172a;
  --primary-foreground: #f8fafc;
  --secondary: #f1f5f9;
  --secondary-foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --accent: #f1f5f9;
  --accent-foreground: #0f172a;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: #e2e8f0;
  --input: #e2e8f0;
  --ring: #94a3b8;
  --success: #16a34a;
  --success-soft: #f0fdf4;
  --warning: #d97706;
  --warning-soft: #fffbeb;
  --info: #2563eb;
  --info-soft: #eff6ff;
  --sidebar: #ffffff;
  --sidebar-foreground: #0f172a;
  --sidebar-accent: #f1f5f9;
  --sidebar-accent-foreground: #0f172a;
  --sidebar-border: #e2e8f0;
  --shadow-xs: 0 1px 2px rgba(15,23,42,.04);
  --shadow-sm: 0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.05);
  --shadow-lg: 0 24px 50px rgba(15,23,42,.16);
  min-height: 100vh;
  display: grid;
  grid-template-columns: 256px minmax(0,1fr);
  background: var(--background);
  color: var(--foreground);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  transition: grid-template-columns .2s ease, background .2s ease, color .2s ease;
}
.hj-shadcn-app[data-hj-theme="dark"],
.hj-shadcn-app[data-hj-theme-resolved="dark"] {
  --background: #0f172a;
  --foreground: #f8fafc;
  --card: #111c2f;
  --card-foreground: #f8fafc;
  --popover: #111c2f;
  --popover-foreground: #f8fafc;
  --primary: #f8fafc;
  --primary-foreground: #0f172a;
  --secondary: #1e293b;
  --secondary-foreground: #f8fafc;
  --muted: #1e293b;
  --muted-foreground: #94a3b8;
  --accent: #1e293b;
  --accent-foreground: #f8fafc;
  --destructive: #ef4444;
  --border: rgba(248,250,252,.11);
  --input: rgba(248,250,252,.15);
  --ring: #64748b;
  --success-soft: rgba(22,163,74,.12);
  --warning-soft: rgba(217,119,6,.14);
  --info-soft: rgba(37,99,235,.14);
  --sidebar: #111827;
  --sidebar-foreground: #f8fafc;
  --sidebar-accent: #1f2937;
  --sidebar-accent-foreground: #f8fafc;
  --sidebar-border: rgba(248,250,252,.1);
  --shadow-xs: 0 1px 2px rgba(0,0,0,.25);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);
  --shadow-lg: 0 24px 50px rgba(0,0,0,.5);
}
@media (prefers-color-scheme: dark) {
  .hj-shadcn-app[data-hj-theme="system"] {
    --background: #0f172a;
    --foreground: #f8fafc;
    --card: #111c2f;
    --card-foreground: #f8fafc;
    --popover: #111c2f;
    --popover-foreground: #f8fafc;
    --primary: #f8fafc;
    --primary-foreground: #0f172a;
    --secondary: #1e293b;
    --secondary-foreground: #f8fafc;
    --muted: #1e293b;
    --muted-foreground: #94a3b8;
    --accent: #1e293b;
    --accent-foreground: #f8fafc;
    --destructive: #ef4444;
    --border: rgba(248,250,252,.11);
    --input: rgba(248,250,252,.15);
    --ring: #64748b;
    --success-soft: rgba(22,163,74,.12);
    --warning-soft: rgba(217,119,6,.14);
    --info-soft: rgba(37,99,235,.14);
    --sidebar: #111827;
    --sidebar-foreground: #f8fafc;
    --sidebar-accent: #1f2937;
    --sidebar-accent-foreground: #f8fafc;
    --sidebar-border: rgba(248,250,252,.1);
  }
}

.hj-shadcn-app a { color: inherit; }
.hj-shadcn-app button,
.hj-shadcn-app input,
.hj-shadcn-app select,
.hj-shadcn-app textarea { font: inherit; }
.hj-shadcn-app button:not(:disabled),
.hj-shadcn-app [role="button"]:not(:disabled) { cursor: pointer; }
.hj-shadcn-app svg { width: 18px; height: 18px; display: block; }
.hj-shadcn-app h1,
.hj-shadcn-app h2,
.hj-shadcn-app h3,
.hj-shadcn-app p { margin-top: 0; }
.hj-shadcn-app code,
.hj-shadcn-app pre,
.hj-shadcn-app .hj-file-breadcrumb,
.hj-shadcn-app .hj-diagnostic-context { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.hj-shadcn-app :focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }

/* Application shell */
.hj-shadcn-app.is-sidebar-collapsed { grid-template-columns: 72px minmax(0,1fr); }
.hj-shadcn-app .hj-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: var(--sidebar);
  color: var(--sidebar-foreground);
  border-right: 1px solid var(--sidebar-border);
  overflow: hidden;
  z-index: 50;
  transition: width .2s ease;
}
.hj-shadcn-app .hj-sidebar-brand-row {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--sidebar-border);
}
.hj-shadcn-app .hj-sidebar-brand {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px;
  border-radius: 8px;
  text-decoration: none;
}
.hj-shadcn-app .hj-sidebar-brand:hover { background: var(--sidebar-accent); }
.hj-shadcn-app .hj-brand-mark {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  align-items: end;
  gap: 2px;
  padding: 8px;
  border-radius: 8px;
  background: var(--primary);
  color: var(--primary-foreground);
}
.hj-shadcn-app .hj-brand-mark i { display:block; background:currentColor; border-radius:2px 2px 0 0; }
.hj-shadcn-app .hj-brand-mark i:nth-child(1){height:8px;opacity:.55}.hj-shadcn-app .hj-brand-mark i:nth-child(2){height:16px}.hj-shadcn-app .hj-brand-mark i:nth-child(3){height:11px;opacity:.75}
.hj-shadcn-app .hj-brand-copy { min-width:0; display:grid; line-height:1.2; }
.hj-shadcn-app .hj-brand-copy strong { font-size:14px; font-weight:650; letter-spacing:-.015em; }
.hj-shadcn-app .hj-brand-copy small { color:var(--muted-foreground); font-size:11px; }
.hj-shadcn-app .hj-sidebar-collapse,
.hj-shadcn-app .hj-sidebar-close {
  width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);
}
.hj-shadcn-app .hj-sidebar-close { display:none; font-size:20px; }
.hj-shadcn-app .hj-sidebar-nav { flex:1; min-height:0; overflow:auto; padding:12px 8px; scrollbar-width:thin; }
.hj-shadcn-app .hj-nav-section {
  display:block;padding:14px 10px 6px;color:var(--muted-foreground);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;
}
.hj-shadcn-app .hj-sidebar-nav a {
  min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:center;gap:9px;
  padding:7px 10px;margin:2px 0;border-radius:7px;color:var(--muted-foreground);text-decoration:none;font-weight:500;
  transition:background .15s ease,color .15s ease;
}
.hj-shadcn-app .hj-sidebar-nav a:hover { background:var(--sidebar-accent);color:var(--sidebar-accent-foreground); }
.hj-shadcn-app .hj-sidebar-nav a.is-active { background:var(--primary);color:var(--primary-foreground); }
.hj-shadcn-app .hj-nav-icon { display:flex;align-items:center;justify-content:center; }
.hj-shadcn-app .hj-nav-label { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hj-shadcn-app .hj-nav-cue { opacity:.5; }
.hj-shadcn-app .hj-sidebar-product {
  margin:8px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card);display:grid;gap:4px;
}
.hj-shadcn-app .hj-sidebar-product-label { color:var(--muted-foreground);font-size:10px;text-transform:uppercase;letter-spacing:.08em; }
.hj-shadcn-app .hj-sidebar-product strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px; }
.hj-shadcn-app .hj-sidebar-product small { color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hj-shadcn-app .hj-sidebar-product-foot { display:flex;align-items:center;justify-content:space-between;margin-top:6px; }
.hj-shadcn-app .hj-sidebar-product-foot a { color:var(--foreground);font-weight:600;text-decoration:none; }
.hj-shadcn-app .hj-sidebar-user {
  margin:8px;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;gap:9px;align-items:center;border-radius:8px;text-decoration:none;
}
.hj-shadcn-app .hj-sidebar-user:hover { background:var(--sidebar-accent); }
.hj-shadcn-app .hj-user-avatar { width:34px;height:34px;border-radius:999px;background:var(--secondary);color:var(--secondary-foreground);display:flex;align-items:center;justify-content:center;font-weight:650; }
.hj-shadcn-app .hj-user-copy { display:grid;min-width:0;line-height:1.3; }
.hj-shadcn-app .hj-user-copy strong { font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hj-shadcn-app .hj-user-copy small { color:var(--muted-foreground);font-size:11px; }
.hj-shadcn-app.is-sidebar-collapsed .hj-brand-copy,
.hj-shadcn-app.is-sidebar-collapsed .hj-nav-section,
.hj-shadcn-app.is-sidebar-collapsed .hj-nav-label,
.hj-shadcn-app.is-sidebar-collapsed .hj-nav-cue,
.hj-shadcn-app.is-sidebar-collapsed .hj-sidebar-product,
.hj-shadcn-app.is-sidebar-collapsed .hj-user-copy,
.hj-shadcn-app.is-sidebar-collapsed .hj-sidebar-user>.hj-nav-cue { display:none; }
.hj-shadcn-app.is-sidebar-collapsed .hj-sidebar-nav a { grid-template-columns:1fr;padding-inline:8px;justify-items:center; }
.hj-shadcn-app.is-sidebar-collapsed .hj-sidebar-user { grid-template-columns:1fr;justify-items:center; }
.hj-shadcn-app.is-sidebar-collapsed .hj-sidebar-collapse { transform:rotate(180deg); }

.hj-shadcn-app .hj-main { min-width:0;background:var(--background);overflow-x:hidden;padding:0; }
.hj-shadcn-app .hj-topbar {
  position:sticky;top:0;z-index:40;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(14px);
  box-shadow:none;border-radius:0;
}
.hj-shadcn-app .hj-topbar-left,.hj-shadcn-app .hj-topbar-right { display:flex;align-items:center;gap:8px;min-width:0; }
.hj-shadcn-app .hj-mobile-nav-toggle { display:none;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--background);padding:9px; }
.hj-shadcn-app .hj-mobile-nav-toggle span { display:block;height:1.5px;background:currentColor;margin:3px 0; }
.hj-shadcn-app .hj-command-search {
  width:min(420px,40vw);height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--input);border-radius:8px;background:var(--background);box-shadow:var(--shadow-xs);
}
.hj-shadcn-app .hj-command-search:focus-within { border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 18%,transparent); }
.hj-shadcn-app .hj-command-search-icon { color:var(--muted-foreground); }
.hj-shadcn-app .hj-command-search input { flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--foreground);box-shadow:none!important;padding:0!important;height:auto!important; }
.hj-shadcn-app .hj-command-search kbd,
.hj-shadcn-app kbd { border:1px solid var(--border);border-radius:5px;background:var(--muted);color:var(--muted-foreground);font:500 10px/1 Inter;padding:4px 6px;white-space:nowrap; }
.hj-shadcn-app .hj-topbar-text-link { color:var(--muted-foreground);font-size:12px;text-decoration:none; }
.hj-shadcn-app .hj-topbar-text-link:hover { color:var(--foreground); }
.hj-shadcn-app .hj-topbar-divider { width:1px;height:22px;background:var(--border); }
.hj-shadcn-app .hj-icon-button,
.hj-shadcn-app .hj-theme-toggle { width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);text-decoration:none;box-shadow:var(--shadow-xs); }
.hj-shadcn-app .hj-icon-button:hover,.hj-shadcn-app .hj-theme-toggle:hover { background:var(--accent); }
.hj-shadcn-app .hj-notification-button { position:relative; }
.hj-shadcn-app .hj-notification-count { position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--destructive);color:white;font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--background); }
.hj-shadcn-app .hj-topbar-profile { display:flex;align-items:center;gap:8px;padding:3px 7px 3px 3px;border-radius:8px;text-decoration:none; }
.hj-shadcn-app .hj-topbar-profile:hover { background:var(--accent); }
.hj-shadcn-app .hj-topbar-profile>span:nth-child(2) { display:grid;line-height:1.2; }
.hj-shadcn-app .hj-topbar-profile strong { font-size:12px; }
.hj-shadcn-app .hj-topbar-profile small { color:var(--muted-foreground);font-size:10px; }
.hj-shadcn-app .hj-profile-caret { color:var(--muted-foreground); }

/* Content hierarchy */
.hj-shadcn-app .hj-breadcrumbs,
.hj-shadcn-app .hj-page-title-row,
.hj-shadcn-app .hj-page-context,
.hj-shadcn-app .hj-content,
.hj-shadcn-app>.hj-main>section,
.hj-shadcn-app>.hj-main>.hj-service-workspace-nav { margin-left:24px;margin-right:24px; }
.hj-shadcn-app .hj-breadcrumbs { display:flex;align-items:center;gap:7px;padding-top:18px;color:var(--muted-foreground);font-size:12px; }
.hj-shadcn-app .hj-breadcrumbs a { text-decoration:none; }
.hj-shadcn-app .hj-breadcrumbs a:hover { color:var(--foreground); }
.hj-shadcn-app .hj-page-title-row { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 0 14px; }
.hj-shadcn-app .hj-page-heading h1 { margin:0;font-size:26px;line-height:1.2;letter-spacing:-.03em;font-weight:700; }
.hj-shadcn-app .hj-page-eyebrow { display:none; }
.hj-shadcn-app .hj-page-subtitle { margin:5px 0 0;color:var(--muted-foreground);max-width:760px; }
.hj-shadcn-app .hj-page-context { padding-bottom:8px; }
.hj-shadcn-app .hj-content { padding:0 0 32px; }
.hj-shadcn-app .hj-inline-notice { display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--muted);color:var(--foreground); }

/* Shadcn component system */
.hj-shadcn-app .hj-panel,
.hj-shadcn-app .hj-card,
.hj-shadcn-app .hj-primary-service-card,
.hj-shadcn-app .hj-service-command-card,
.hj-shadcn-app .hj-tool-card,
.hj-shadcn-app .hj-file-card,
.hj-shadcn-app .hj-native-section,
.hj-shadcn-app .hj-simple-panel,
.hj-shadcn-app .hj-mail-settings-panel>section,
.hj-shadcn-app .hj-login-card {
  border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-xs);
}
.hj-shadcn-app .hj-panel,.hj-shadcn-app .hj-card,.hj-shadcn-app .hj-native-section,.hj-shadcn-app .hj-simple-panel { padding:20px; }
.hj-shadcn-app .hj-panel-head,.hj-shadcn-app .hj-card-head,.hj-shadcn-app .hj-section-head { display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px; }
.hj-shadcn-app .hj-panel h2,.hj-shadcn-app .hj-card h2,.hj-shadcn-app .hj-native-section h2 { margin:0;font-size:16px;line-height:1.35;font-weight:650;letter-spacing:-.015em; }
.hj-shadcn-app .hj-panel p,.hj-shadcn-app .hj-card p,.hj-shadcn-app .hj-native-section p { color:var(--muted-foreground); }
.hj-shadcn-app .hj-section-kicker,.hj-shadcn-app .hj-card-kicker { color:var(--muted-foreground);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em; }
.hj-shadcn-app .hj-grid,.hj-shadcn-app .hj-dashboard-grid,.hj-shadcn-app .hj-metric-grid,.hj-shadcn-app .hj-tools-grid,.hj-shadcn-app .hj-native-grid { display:grid;gap:16px; }
.hj-shadcn-app .hj-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hj-shadcn-app .hj-metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.hj-shadcn-app .hj-metric-card,
.hj-shadcn-app .hj-stat-card {
  min-height:116px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;
}
.hj-shadcn-app .hj-metric-card strong,.hj-shadcn-app .hj-stat-card strong { font-size:24px;line-height:1.1;letter-spacing:-.035em; }
.hj-shadcn-app .hj-metric-card span,.hj-shadcn-app .hj-stat-card span,.hj-shadcn-app .hj-metric-card small { color:var(--muted-foreground); }
.hj-shadcn-app .hj-service-workspace-nav { display:flex;align-items:center;gap:6px;overflow:auto;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--muted);margin-bottom:18px; }
.hj-shadcn-app .hj-service-workspace-nav a { flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:7px;color:var(--muted-foreground);text-decoration:none;font-weight:500; }
.hj-shadcn-app .hj-service-workspace-nav a:hover { color:var(--foreground); }
.hj-shadcn-app .hj-service-workspace-nav a.is-active { background:var(--background);color:var(--foreground);box-shadow:var(--shadow-xs); }

.hj-shadcn-app .hj-primary-button,
.hj-shadcn-app .hj-secondary-button,
.hj-shadcn-app .hj-link-button,
.hj-shadcn-app button[type="submit"],
.hj-shadcn-app input[type="submit"] {
  min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:8px;border:1px solid transparent;background:var(--primary);color:var(--primary-foreground);font-weight:600;text-decoration:none;box-shadow:var(--shadow-xs);
}
.hj-shadcn-app .hj-secondary-button,.hj-shadcn-app .hj-link-button { border-color:var(--border);background:var(--background);color:var(--foreground); }
.hj-shadcn-app .hj-primary-button:hover,.hj-shadcn-app button[type="submit"]:hover { opacity:.9; }
.hj-shadcn-app .hj-secondary-button:hover,.hj-shadcn-app .hj-link-button:hover { background:var(--accent); }
.hj-shadcn-app .hj-danger-button,.hj-shadcn-app .is-destructive { background:var(--destructive)!important;color:var(--destructive-foreground)!important; }

.hj-shadcn-app label { color:var(--foreground);font-weight:500; }
.hj-shadcn-app input[type="text"],.hj-shadcn-app input[type="email"],.hj-shadcn-app input[type="password"],.hj-shadcn-app input[type="number"],.hj-shadcn-app input[type="search"],.hj-shadcn-app input[type="url"],.hj-shadcn-app select,.hj-shadcn-app textarea {
  width:100%;min-height:38px;border:1px solid var(--input);border-radius:8px;background:var(--background);color:var(--foreground);padding:8px 11px;box-shadow:var(--shadow-xs);outline:0;
}
.hj-shadcn-app textarea { min-height:110px;resize:vertical; }
.hj-shadcn-app input:focus,.hj-shadcn-app select:focus,.hj-shadcn-app textarea:focus { border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 18%,transparent); }
.hj-shadcn-app input::placeholder,.hj-shadcn-app textarea::placeholder { color:var(--muted-foreground); }
.hj-shadcn-app .hj-shadcn-form { display:grid;gap:14px; }
.hj-shadcn-app .hj-form-grid,.hj-shadcn-app .hj-tool-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.hj-shadcn-app .hj-form-grid label,.hj-shadcn-app .hj-tool-form-grid label { display:grid;gap:6px; }
.hj-shadcn-app details { border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden; }
.hj-shadcn-app details summary { padding:12px 14px;font-weight:600;cursor:pointer;list-style:none; }
.hj-shadcn-app details summary::-webkit-details-marker { display:none; }
.hj-shadcn-app details[open] summary { border-bottom:1px solid var(--border);background:var(--muted); }
.hj-shadcn-app details>*:not(summary) { margin:14px; }

.hj-shadcn-app .hj-shadcn-table-scroll,.hj-shadcn-app .hj-table-wrap { width:100%;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--card); }
.hj-shadcn-app table { width:100%;border-collapse:collapse;background:var(--card);color:var(--card-foreground); }
.hj-shadcn-app th { height:42px;padding:0 12px;text-align:left;color:var(--muted-foreground);font-size:11px;font-weight:600;border-bottom:1px solid var(--border);background:var(--muted);white-space:nowrap; }
.hj-shadcn-app td { min-height:48px;padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle; }
.hj-shadcn-app tbody tr:last-child td { border-bottom:0; }
.hj-shadcn-app tbody tr:hover td { background:var(--accent); }
.hj-shadcn-app .hj-pill,.hj-shadcn-app [class*="pill"] { display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:2px 8px;border-radius:999px;background:var(--secondary);color:var(--secondary-foreground);font-size:11px;font-weight:600;white-space:nowrap; }
.hj-shadcn-app .is-good,.hj-shadcn-app .active,.hj-shadcn-app .paid,.hj-shadcn-app .completed { color:var(--success);background:var(--success-soft); }
.hj-shadcn-app .is-warn,.hj-shadcn-app .pending,.hj-shadcn-app .processing,.hj-shadcn-app .warning { color:var(--warning);background:var(--warning-soft); }
.hj-shadcn-app .is-bad,.hj-shadcn-app .failed,.hj-shadcn-app .critical,.hj-shadcn-app .overdue { color:var(--destructive);background:color-mix(in srgb,var(--destructive) 9%,transparent); }

/* Dashboard: shadcn dashboard composition */
.hj-shadcn-app .hj-dashboard-hero,
.hj-shadcn-app .hj-overview-hero,
.hj-shadcn-app .hj-command-hero { border:0;background:transparent;box-shadow:none;padding:18px 0 10px; }
.hj-shadcn-app .hj-dashboard-hero h1,.hj-shadcn-app .hj-overview-hero h1 { font-size:28px;letter-spacing:-.035em;margin-bottom:6px; }
.hj-shadcn-app .hj-dashboard-hero p,.hj-shadcn-app .hj-overview-hero p { color:var(--muted-foreground);max-width:740px; }
.hj-shadcn-app .hj-overview-metrics,.hj-shadcn-app .hj-dashboard-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0; }
.hj-shadcn-app .hj-overview-main,.hj-shadcn-app .hj-dashboard-layout { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;align-items:start; }
.hj-shadcn-app .hj-activity-list>div,.hj-shadcn-app .hj-notification-list>a { display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border); }
.hj-shadcn-app .hj-activity-list>div:last-child,.hj-shadcn-app .hj-notification-list>a:last-child { border-bottom:0; }

/* Files and technical workspaces */
.hj-shadcn-app .hj-file-workspace { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:16px;align-items:start; }
.hj-shadcn-app .hj-file-toolbar,.hj-shadcn-app .hj-tool-toolbar { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px; }
.hj-shadcn-app .hj-file-breadcrumb { flex:1;min-width:180px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hj-shadcn-app .hj-file-editor textarea,.hj-shadcn-app .hj-code-editor { min-height:430px;background:#0b1220;color:#e2e8f0;border-color:#1e293b;font-family:"JetBrains Mono",monospace;font-size:12px;line-height:1.65; }
.hj-shadcn-app .hj-diagnostic-output,.hj-shadcn-app pre { border:1px solid var(--border);border-radius:8px;background:#0b1220;color:#dbeafe;padding:14px;overflow:auto; }

/* Mail application */
.hj-shadcn-app .hj-mail-shell,.hj-shadcn-app .hj-mail-app { min-height:calc(100vh - 112px);border:1px solid var(--border);border-radius:10px;background:var(--card);overflow:hidden;box-shadow:var(--shadow-xs); }
.hj-shadcn-app .hj-mail-main { display:grid;grid-template-columns:220px minmax(300px,380px) minmax(0,1fr);min-height:680px; }
.hj-shadcn-app .hj-mail-sidebar { border-right:1px solid var(--border);background:var(--muted);padding:12px; }
.hj-shadcn-app .hj-mail-list { border-right:1px solid var(--border);background:var(--card); }
.hj-shadcn-app .hj-mail-reader { min-width:0;background:var(--background); }
.hj-shadcn-app .hj-mail-folder,.hj-shadcn-app [data-hj-mail-folder] { border-radius:7px; }
.hj-shadcn-app .hj-mail-folder:hover,.hj-shadcn-app [data-hj-mail-folder]:hover { background:var(--accent); }
.hj-shadcn-app .hj-mail-folder.is-active,.hj-shadcn-app [data-hj-mail-folder].is-active { background:var(--primary);color:var(--primary-foreground); }
.hj-shadcn-app .hj-mail-row { border-bottom:1px solid var(--border);padding:12px; }
.hj-shadcn-app .hj-mail-row:hover,.hj-shadcn-app .hj-mail-row.is-active { background:var(--accent); }
.hj-shadcn-app .hj-mail-message-actions button,.hj-shadcn-app .hj-mail-toolbar button { min-height:34px;border:1px solid var(--border);border-radius:7px;background:var(--background);color:var(--foreground); }
.hj-shadcn-app .hj-mail-compose,.hj-shadcn-app .hj-mail-settings { background:var(--popover);color:var(--popover-foreground);border-left:1px solid var(--border);box-shadow:var(--shadow-lg); }

/* Command palette and appearance menu */
.hj-command-overlay,.hj-theme-menu { font-family:Inter,system-ui,sans-serif; }
.hj-command-panel { border:1px solid var(--border)!important;border-radius:12px!important;background:var(--popover)!important;color:var(--popover-foreground)!important;box-shadow:var(--shadow-lg)!important;overflow:hidden; }
.hj-command-panel header { border-bottom:1px solid var(--border)!important;background:var(--popover)!important; }
.hj-command-results { padding:8px!important; }
.hj-command-result { border-radius:7px!important; }
.hj-command-result:hover,.hj-command-result.is-active { background:var(--accent)!important; }
.hj-theme-menu { position:fixed;z-index:100000;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-lg); }
.hj-theme-menu[hidden] { display:none; }
.hj-theme-menu-head { padding:8px 9px;border-bottom:1px solid var(--border);margin-bottom:4px;display:grid; }
.hj-theme-menu-head span { color:var(--muted-foreground);font-size:11px; }
.hj-theme-menu button { width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 14px;gap:8px;align-items:center;padding:8px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left; }
.hj-theme-menu button:hover,.hj-theme-menu button.is-active { background:var(--accent); }
.hj-theme-menu button>span:nth-child(2) { display:grid; }
.hj-theme-menu button small { color:var(--muted-foreground);font-size:10px; }
.hj-theme-option-icon { display:flex;align-items:center;justify-content:center; }
.hj-theme-menu button i { width:7px;height:7px;border-radius:999px;background:transparent; }
.hj-theme-menu button.is-active i { background:var(--primary); }

/* Responsive */
@media (max-width:1200px){
  .hj-shadcn-app .hj-metric-grid,.hj-shadcn-app .hj-overview-metrics,.hj-shadcn-app .hj-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hj-shadcn-app .hj-overview-main,.hj-shadcn-app .hj-dashboard-layout{grid-template-columns:1fr}
  .hj-shadcn-app .hj-mail-main{grid-template-columns:190px minmax(280px,340px) minmax(0,1fr)}
}
@media (max-width:1024px){
  .hj-shadcn-app{display:block}
  .hj-shadcn-app .hj-sidebar{position:fixed;left:0;top:0;width:min(300px,86vw);transform:translateX(-105%);box-shadow:var(--shadow-lg);transition:transform .2s ease}
  .hj-shadcn-app.hj-sidebar-open .hj-sidebar{transform:translateX(0)}
  .hj-shadcn-app .hj-sidebar-collapse{display:none}
  .hj-shadcn-app .hj-sidebar-close{display:inline-flex}
  .hj-shadcn-app .hj-sidebar-scrim{position:fixed;inset:0;z-index:45;border:0;background:rgba(15,23,42,.45);display:none}
  .hj-shadcn-app.hj-sidebar-open .hj-sidebar-scrim{display:block}
  .hj-shadcn-app .hj-mobile-nav-toggle{display:inline-block}
  .hj-shadcn-app .hj-command-search{width:min(440px,58vw)}
  .hj-shadcn-app .hj-file-workspace{grid-template-columns:1fr}
  .hj-shadcn-app .hj-mail-main{grid-template-columns:72px minmax(300px,380px) minmax(0,1fr)}
}
@media (max-width:767px){
  .hj-shadcn-app .hj-topbar{padding:10px 12px}
  .hj-shadcn-app .hj-command-search{width:auto;flex:1}
  .hj-shadcn-app .hj-command-search kbd,.hj-shadcn-app .hj-topbar-text-link,.hj-shadcn-app .hj-topbar-divider,.hj-shadcn-app .hj-topbar-profile>span:nth-child(2),.hj-shadcn-app .hj-profile-caret{display:none}
  .hj-shadcn-app .hj-breadcrumbs,.hj-shadcn-app .hj-page-title-row,.hj-shadcn-app .hj-page-context,.hj-shadcn-app .hj-content,.hj-shadcn-app>.hj-main>section,.hj-shadcn-app>.hj-main>.hj-service-workspace-nav{margin-left:14px;margin-right:14px}
  .hj-shadcn-app .hj-page-heading h1{font-size:22px}
  .hj-shadcn-app .hj-grid,.hj-shadcn-app .hj-metric-grid,.hj-shadcn-app .hj-overview-metrics,.hj-shadcn-app .hj-dashboard-metrics,.hj-shadcn-app .hj-form-grid,.hj-shadcn-app .hj-tool-form-grid{grid-template-columns:1fr}
  .hj-shadcn-app input,.hj-shadcn-app select,.hj-shadcn-app textarea{font-size:16px}
  .hj-shadcn-app .hj-mail-shell,.hj-shadcn-app .hj-mail-app{min-height:calc(100svh - 90px);border-radius:0;margin-inline:-14px;border-left:0;border-right:0}
  .hj-shadcn-app .hj-mail-main{display:block;min-height:calc(100svh - 100px)}
  .hj-shadcn-app .hj-mail-sidebar,.hj-shadcn-app .hj-mail-list,.hj-shadcn-app .hj-mail-reader{width:100%;border:0}
  .hj-shadcn-app .hj-mail-sidebar{display:none}
  .hj-shadcn-app .hj-mail-reader{min-height:60vh}
}
@media (prefers-reduced-motion:reduce){.hj-shadcn-app *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* --------------------------------------------------------------------------
   0.26.0 route compatibility — translate every legacy HostingJet workspace
   into the same shadcn component grammar without changing controller hooks.
   -------------------------------------------------------------------------- */
.hj-shadcn-app .hj-dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 0 18px;border-bottom:1px solid var(--border);margin-bottom:18px}
.hj-shadcn-app .hj-dashboard-welcome-copy{max-width:780px}.hj-shadcn-app .hj-dashboard-kicker,.hj-shadcn-app .hj-eyebrow{display:block;margin-bottom:6px;color:var(--muted-foreground);font-size:11px;font-weight:650;letter-spacing:.075em;text-transform:uppercase}
.hj-shadcn-app .hj-dashboard-welcome h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.04em}.hj-shadcn-app .hj-dashboard-welcome p{margin:7px 0 0;color:var(--muted-foreground);max-width:690px}.hj-shadcn-app .hj-dashboard-welcome-actions{display:flex;gap:8px;flex-wrap:wrap}
.hj-shadcn-app .hj-intent-console{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-xs);margin-bottom:16px}
.hj-shadcn-app .hj-intent-console-main{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:0;border-radius:8px;background:var(--muted);color:var(--foreground);text-align:left}
.hj-shadcn-app .hj-intent-console-main:hover{background:var(--accent)}.hj-shadcn-app .hj-intent-console-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--background);display:grid;place-items:center}.hj-shadcn-app .hj-intent-console-copy{display:grid;min-width:0}.hj-shadcn-app .hj-intent-console-copy small{color:var(--muted-foreground);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.hj-shadcn-app .hj-intent-console-copy strong{font-size:14px}.hj-shadcn-app .hj-intent-console-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:12px;font-style:normal}.hj-shadcn-app .hj-intent-console-shortcut{display:flex;gap:3px}.hj-shadcn-app kbd{min-width:22px;height:22px;display:inline-grid;place-items:center;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--background);color:var(--muted-foreground);font:500 10px/1 Inter,sans-serif}
.hj-shadcn-app .hj-intent-suggestions{display:flex;gap:6px;align-items:center}.hj-shadcn-app .hj-intent-suggestions button{height:42px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);white-space:nowrap}.hj-shadcn-app .hj-intent-suggestions button:hover{background:var(--accent)}
.hj-shadcn-app .hj-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.hj-shadcn-app .hj-dashboard-stat{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-xs);text-decoration:none}.hj-shadcn-app .hj-dashboard-stat:hover{border-color:color-mix(in srgb,var(--foreground) 20%,var(--border));background:color-mix(in srgb,var(--accent) 55%,var(--card))}.hj-shadcn-app .hj-dashboard-stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--muted);color:var(--foreground)}.hj-shadcn-app .hj-dashboard-stat>span:nth-child(2){display:grid;min-width:0}.hj-shadcn-app .hj-dashboard-stat small,.hj-shadcn-app .hj-dashboard-stat em{color:var(--muted-foreground);font-size:11px;font-style:normal}.hj-shadcn-app .hj-dashboard-stat strong{font-size:21px;letter-spacing:-.03em}.hj-shadcn-app .hj-dashboard-stat>b{color:var(--muted-foreground);font-weight:500}
.hj-shadcn-app .hj-dashboard-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.72fr);gap:16px;align-items:start}.hj-shadcn-app .hj-dashboard-primary-column,.hj-shadcn-app .hj-dashboard-side-column{display:grid;gap:16px}.hj-shadcn-app .hj-panel-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted-foreground);font-size:12px;font-weight:600;text-decoration:none}.hj-shadcn-app .hj-panel-link:hover{color:var(--foreground)}
.hj-shadcn-app .hj-service-portfolio-list{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden}.hj-shadcn-app .hj-service-portfolio-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 13px;border-bottom:1px solid var(--border);background:var(--card)}.hj-shadcn-app .hj-service-portfolio-row:last-child{border-bottom:0}.hj-shadcn-app .hj-service-portfolio-row:hover{background:var(--accent)}.hj-shadcn-app .hj-service-portfolio-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--background)}.hj-shadcn-app .hj-service-portfolio-main{display:grid;min-width:0}.hj-shadcn-app .hj-service-portfolio-main strong,.hj-shadcn-app .hj-service-portfolio-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hj-shadcn-app .hj-service-portfolio-main small{color:var(--muted-foreground)}.hj-shadcn-app .hj-service-portfolio-state{display:inline-flex;align-items:center;gap:6px;color:var(--muted-foreground);font-size:11px}.hj-shadcn-app .hj-service-portfolio-state i{width:7px;height:7px;border-radius:50%;background:var(--warning)}.hj-shadcn-app .hj-service-portfolio-state.is-online i{background:var(--success)}.hj-shadcn-app .hj-service-portfolio-actions{display:flex;gap:6px}.hj-shadcn-app .hj-service-portfolio-actions a{height:30px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid var(--border);border-radius:7px;background:var(--background);font-size:11px;font-weight:600;text-decoration:none}.hj-shadcn-app .hj-service-portfolio-actions a.is-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
.hj-shadcn-app .hj-dashboard-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hj-shadcn-app .hj-dashboard-action-grid>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--background);text-decoration:none}.hj-shadcn-app .hj-dashboard-action-grid>a:hover{background:var(--accent)}.hj-shadcn-app .hj-dashboard-action-grid>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--muted)}.hj-shadcn-app .hj-dashboard-action-grid div{display:grid}.hj-shadcn-app .hj-dashboard-action-grid small{color:var(--muted-foreground)}.hj-shadcn-app .hj-dashboard-action-grid b{color:var(--muted-foreground)}
.hj-shadcn-app .hj-feed-list,.hj-shadcn-app .hj-activity-timeline,.hj-shadcn-app .hj-data-list{display:grid}.hj-shadcn-app .hj-feed-item,.hj-shadcn-app .hj-activity-timeline-item,.hj-shadcn-app .hj-notification-item,.hj-shadcn-app .hj-data-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.hj-shadcn-app .hj-feed-item:last-child,.hj-shadcn-app .hj-activity-timeline-item:last-child,.hj-shadcn-app .hj-notification-item:last-child,.hj-shadcn-app .hj-data-row:last-child{border-bottom:0}.hj-shadcn-app .hj-feed-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--muted)}.hj-shadcn-app .hj-data-main{display:grid;min-width:0}.hj-shadcn-app .hj-data-main small{color:var(--muted-foreground)}

/* Service and tool pages */
.hj-shadcn-app .hj-page-grid,.hj-shadcn-app .hj-page-grid-2,.hj-shadcn-app .hj-page-grid-3,.hj-shadcn-app .hj-settings-grid,.hj-shadcn-app .hj-app-grid,.hj-shadcn-app .hj-tool-grid,.hj-shadcn-app .hj-goal-grid,.hj-shadcn-app .hj-advanced-summary-grid,.hj-shadcn-app .hj-database-summary-grid,.hj-shadcn-app .hj-php-advanced-grid{display:grid;gap:14px}.hj-shadcn-app .hj-page-grid,.hj-shadcn-app .hj-page-grid-2,.hj-shadcn-app .hj-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-shadcn-app .hj-page-grid-3,.hj-shadcn-app .hj-app-grid,.hj-shadcn-app .hj-tool-grid,.hj-shadcn-app .hj-goal-grid,.hj-shadcn-app .hj-advanced-summary-grid,.hj-shadcn-app .hj-database-summary-grid,.hj-shadcn-app .hj-php-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hj-shadcn-app .hj-wide-panel{grid-column:1/-1}
.hj-shadcn-app .hj-service-studio,.hj-shadcn-app .hj-advanced-workspace,.hj-shadcn-app .hj-database-workspace,.hj-shadcn-app .hj-native-only-workspace,.hj-shadcn-app .hj-domains-page{display:grid;gap:16px}.hj-shadcn-app .hj-advanced-hero,.hj-shadcn-app .hj-database-hero,.hj-shadcn-app .hj-php-hero,.hj-shadcn-app .hj-domain-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}
.hj-shadcn-app .hj-app-card,.hj-shadcn-app .hj-tool-card,.hj-shadcn-app .hj-native-tool-card,.hj-shadcn-app .hj-goal-launcher,.hj-shadcn-app .hj-selector-control-card{min-width:0;display:grid;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-xs)}.hj-shadcn-app .hj-app-card:hover,.hj-shadcn-app .hj-tool-card:hover,.hj-shadcn-app .hj-native-tool-card:hover,.hj-shadcn-app .hj-goal-launcher:hover{border-color:color-mix(in srgb,var(--foreground) 18%,var(--border));box-shadow:var(--shadow-sm)}.hj-shadcn-app .hj-app-icon,.hj-shadcn-app .hj-tool-card-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--muted)}
.hj-shadcn-app .hj-native-subnav{display:flex;gap:5px;overflow:auto;padding:5px;border:1px solid var(--border);border-radius:9px;background:var(--muted)}.hj-shadcn-app .hj-native-subnav a{flex:0 0 auto;padding:7px 10px;border-radius:6px;color:var(--muted-foreground);text-decoration:none;font-size:12px;font-weight:600}.hj-shadcn-app .hj-native-subnav a:hover,.hj-shadcn-app .hj-native-subnav a.is-active{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-xs)}
.hj-shadcn-app .hj-readiness-list,.hj-shadcn-app .hj-diagnostics-list{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden}.hj-shadcn-app .hj-readiness-row,.hj-shadcn-app .hj-diagnostic-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.4fr) auto;gap:12px;align-items:start;padding:12px;border-bottom:1px solid var(--border);background:var(--card)}.hj-shadcn-app .hj-readiness-row:last-child,.hj-shadcn-app .hj-diagnostic-row:last-child{border-bottom:0}.hj-shadcn-app .hj-readiness-row:hover,.hj-shadcn-app .hj-diagnostic-row:hover{background:var(--accent)}.hj-shadcn-app .hj-diagnostic-main,.hj-shadcn-app .hj-diagnostic-identity{display:grid;min-width:0}.hj-shadcn-app .hj-diagnostic-context,.hj-shadcn-app .hj-exact-issue{color:var(--muted-foreground);font-size:11px;overflow-wrap:anywhere}.hj-shadcn-app .hj-diagnostic-hint{padding:8px 10px;border-left:2px solid var(--warning);background:var(--warning-soft);color:var(--warning)}

/* Forms, selectors and settings */
.hj-shadcn-app .hj-form,.hj-shadcn-app .hj-mini-form,.hj-shadcn-app .hj-file-form-stack,.hj-shadcn-app .hj-php-options-form,.hj-shadcn-app .hj-inline-form,.hj-shadcn-app .hj-inline-action-form{display:grid;gap:12px}.hj-shadcn-app .hj-form-split,.hj-shadcn-app .hj-action-form-grid,.hj-shadcn-app .hj-tool-data-grid,.hj-shadcn-app .hj-database-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hj-shadcn-app .hj-checkbox-line,.hj-shadcn-app .hj-native-checkbox{display:flex!important;align-items:flex-start;gap:8px;font-weight:500}.hj-shadcn-app input[type="checkbox"],.hj-shadcn-app input[type="radio"]{width:16px;height:16px;flex:0 0 16px;margin-top:2px;accent-color:var(--primary)}
.hj-shadcn-app .hj-extension-grid,.hj-shadcn-app .hj-selector-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hj-shadcn-app .hj-extension-item,.hj-shadcn-app .hj-selector-option{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--background)}.hj-shadcn-app .hj-extension-item:hover,.hj-shadcn-app .hj-selector-option:hover{background:var(--accent)}.hj-shadcn-app .hj-sticky-action-panel{position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg)}

/* File manager */
.hj-shadcn-app .hj-files-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.8fr);gap:14px;align-items:start}.hj-shadcn-app .hj-file-browser,.hj-shadcn-app .hj-file-editor-panel,.hj-shadcn-app .hj-file-advanced-tools,.hj-shadcn-app .hj-media-preview{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-xs);overflow:hidden}.hj-shadcn-app .hj-file-browser>.hj-panel-head,.hj-shadcn-app .hj-file-editor-panel>.hj-panel-head,.hj-shadcn-app .hj-media-preview-head{padding:14px 16px;margin:0;border-bottom:1px solid var(--border)}.hj-shadcn-app .hj-file-search{padding:10px 12px;border-bottom:1px solid var(--border);background:var(--muted)}.hj-shadcn-app .hj-file-table{width:100%;overflow:auto}.hj-shadcn-app .hj-file-name-wrap{display:flex;align-items:center;gap:8px;min-width:180px}.hj-shadcn-app .hj-file-editor-panel textarea,.hj-shadcn-app .hj-code-input,.hj-shadcn-app .hj-php-raw-editor{min-height:460px;border:0;border-radius:0;background:#090f1d;color:#e5edf8;font-family:"JetBrains Mono",monospace;font-size:12px;line-height:1.65;box-shadow:none}.hj-shadcn-app .hj-code-meta,.hj-shadcn-app .hj-editor-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);font-size:11px}

/* Domains, DNS, PHP and databases */
.hj-shadcn-app .hj-dns-form,.hj-shadcn-app .hj-dns-edit-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.hj-shadcn-app .hj-dns-advanced-fields,.hj-shadcn-app .hj-dns-caa-fields,.hj-shadcn-app .hj-dns-srv-target{display:contents}.hj-shadcn-app .hj-domain-selector{display:flex;align-items:flex-end;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--muted)}.hj-shadcn-app .hj-domain-selector label{flex:1}.hj-shadcn-app .hj-diagnostic-table-wrap,.hj-shadcn-app .hj-panel-table{overflow:auto;border:1px solid var(--border);border-radius:8px}
.hj-shadcn-app .hj-php-runtime-panel,.hj-shadcn-app .hj-cloudlinux-selector-panel,.hj-shadcn-app .hj-selector-section{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.hj-shadcn-app .hj-php-runtime-search{position:sticky;top:64px;z-index:8;padding:10px;border-bottom:1px solid var(--border);background:var(--background)}.hj-shadcn-app .hj-native-action-output{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#090f1d;color:#dbeafe;font-family:"JetBrains Mono",monospace;font-size:12px;overflow:auto}

/* Full mail product — map legacy three-pane selectors to shadcn mail layout */
.hj-shadcn-app .hj-mail-product,.hj-shadcn-app .hj-mail-product-v200{min-height:calc(100vh - 114px);display:grid;grid-template-columns:218px minmax(310px,370px) minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden;box-shadow:var(--shadow-xs)}
.hj-shadcn-app .hj-mail-brand-zone,.hj-shadcn-app .hj-mail-sidebar-spacer,.hj-shadcn-app .hj-mail-system-folders,.hj-shadcn-app .hj-mail-custom-folders,.hj-shadcn-app .hj-mail-storage{background:var(--muted)}.hj-shadcn-app .hj-mail-brand-zone{padding:12px;border-right:1px solid var(--border)}.hj-shadcn-app .hj-mail-compose-button{width:100%;min-height:38px;border:0;border-radius:8px;background:var(--primary);color:var(--primary-foreground);font-weight:650}.hj-shadcn-app .hj-mail-system-folders,.hj-shadcn-app .hj-mail-custom-folders{grid-column:1;padding:4px 9px;border-right:1px solid var(--border)}.hj-shadcn-app .hj-mail-storage{grid-column:1;padding:12px;border-right:1px solid var(--border);border-top:1px solid var(--border);color:var(--muted-foreground);font-size:11px}
.hj-shadcn-app .hj-mail-list-pane{grid-column:2;grid-row:1/span 4;min-width:0;border-right:1px solid var(--border);background:var(--card)}.hj-shadcn-app .hj-mail-list-toolbar,.hj-shadcn-app .hj-mail-topbar{min-height:58px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--background)}.hj-shadcn-app .hj-mail-message-list{overflow:auto;max-height:calc(100vh - 220px)}.hj-shadcn-app .hj-mail-message-skeleton,.hj-shadcn-app .hj-mail-runtime-state,.hj-shadcn-app .hj-mail-reader-empty{padding:24px;color:var(--muted-foreground);text-align:center}.hj-shadcn-app .hj-mail-reading-surface{grid-column:3;grid-row:1/span 4;min-width:0;background:var(--background)}.hj-shadcn-app .hj-mail-message-head{padding:18px;border-bottom:1px solid var(--border)}.hj-shadcn-app .hj-mail-sender-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.hj-shadcn-app .hj-mail-sender-avatar,.hj-shadcn-app .hj-mail-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--secondary);font-weight:650}.hj-shadcn-app .hj-mail-message-frame-wrap{padding:0 18px 28px}.hj-shadcn-app .hj-mail-quick-reply{margin:14px 18px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.hj-shadcn-app .hj-mail-compose-layer,.hj-shadcn-app .hj-mail-settings-layer{position:fixed;inset:0;z-index:10000;display:flex;justify-content:flex-end;background:rgba(15,23,42,.42)}.hj-shadcn-app .hj-mail-composer,.hj-shadcn-app .hj-mail-settings-drawer{width:min(720px,94vw);height:100%;display:flex;flex-direction:column;background:var(--popover);color:var(--popover-foreground);border-left:1px solid var(--border);box-shadow:var(--shadow-lg)}.hj-shadcn-app .hj-mail-compose-fields{display:grid;gap:0;border-bottom:1px solid var(--border)}.hj-shadcn-app .hj-mail-compose-fields label{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;padding:8px 14px;border-bottom:1px solid var(--border)}.hj-shadcn-app .hj-mail-compose-fields input{border:0;box-shadow:none;background:transparent}.hj-shadcn-app .hj-mail-compose-editor{flex:1;min-height:320px;border:0;border-radius:0;box-shadow:none;padding:18px}.hj-shadcn-app .hj-mail-compose-tools{display:flex;align-items:center;gap:6px;padding:10px 14px;border-top:1px solid var(--border)}.hj-shadcn-app .hj-mail-settings-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--border);overflow:auto}.hj-shadcn-app .hj-mail-settings-tabs button{padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted-foreground);font-weight:600}.hj-shadcn-app .hj-mail-settings-tabs button.is-active{background:var(--accent);color:var(--foreground)}.hj-shadcn-app .hj-mail-settings-panel{padding:18px;overflow:auto}.hj-shadcn-app .hj-mail-preference-row,.hj-shadcn-app .hj-mail-setting-status,.hj-shadcn-app .hj-mail-settings-mailbox{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}

/* Login, states and safety */
.hj-shadcn-app .hj-login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--muted)}.hj-shadcn-app .hj-login-card{width:min(460px,100%);padding:28px}.hj-shadcn-app .hj-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.hj-shadcn-app .hj-login-kicker{color:var(--muted-foreground);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hj-shadcn-app .hj-login-assurance{display:grid;gap:8px;margin:18px 0;color:var(--muted-foreground)}
.hj-shadcn-app .hj-empty{padding:32px 20px;border:1px dashed var(--border);border-radius:8px;background:var(--muted);text-align:center}.hj-shadcn-app .hj-inline-error,.hj-shadcn-app .hj-inline-notice-error{padding:10px 12px;border:1px solid color-mix(in srgb,var(--destructive) 35%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--destructive) 8%,var(--background));color:var(--destructive)}

@media(max-width:1280px){.hj-shadcn-app .hj-intent-console{grid-template-columns:1fr}.hj-shadcn-app .hj-intent-suggestions{overflow:auto}.hj-shadcn-app .hj-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-shadcn-app .hj-dashboard-layout{grid-template-columns:1fr}.hj-shadcn-app .hj-page-grid-3,.hj-shadcn-app .hj-app-grid,.hj-shadcn-app .hj-tool-grid,.hj-shadcn-app .hj-goal-grid,.hj-shadcn-app .hj-advanced-summary-grid,.hj-shadcn-app .hj-database-summary-grid,.hj-shadcn-app .hj-php-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-shadcn-app .hj-mail-product,.hj-shadcn-app .hj-mail-product-v200{grid-template-columns:190px minmax(290px,340px) minmax(0,1fr)}}
@media(max-width:1024px){.hj-shadcn-app .hj-files-layout{grid-template-columns:1fr}.hj-shadcn-app .hj-mail-product,.hj-shadcn-app .hj-mail-product-v200{grid-template-columns:74px minmax(300px,380px) minmax(0,1fr)}.hj-shadcn-app .hj-mail-brand-zone,.hj-shadcn-app .hj-mail-system-folders,.hj-shadcn-app .hj-mail-custom-folders,.hj-shadcn-app .hj-mail-storage{padding-inline:7px}.hj-shadcn-app .hj-mail-brand-zone span:not(.hj-mail-brand-symbol),.hj-shadcn-app .hj-mail-system-folders span,.hj-shadcn-app .hj-mail-custom-folders span,.hj-shadcn-app .hj-mail-storage{font-size:0}}
@media(max-width:820px){.hj-shadcn-app .hj-dashboard-welcome{align-items:flex-start;flex-direction:column}.hj-shadcn-app .hj-page-grid,.hj-shadcn-app .hj-page-grid-2,.hj-shadcn-app .hj-page-grid-3,.hj-shadcn-app .hj-settings-grid,.hj-shadcn-app .hj-app-grid,.hj-shadcn-app .hj-tool-grid,.hj-shadcn-app .hj-goal-grid,.hj-shadcn-app .hj-form-split,.hj-shadcn-app .hj-action-form-grid,.hj-shadcn-app .hj-tool-data-grid,.hj-shadcn-app .hj-database-data-grid,.hj-shadcn-app .hj-extension-grid,.hj-shadcn-app .hj-selector-options-grid{grid-template-columns:1fr}.hj-shadcn-app .hj-dns-form,.hj-shadcn-app .hj-dns-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-shadcn-app .hj-mail-product,.hj-shadcn-app .hj-mail-product-v200{display:block;min-height:0}.hj-shadcn-app .hj-mail-brand-zone,.hj-shadcn-app .hj-mail-system-folders,.hj-shadcn-app .hj-mail-custom-folders,.hj-shadcn-app .hj-mail-storage{display:none}.hj-shadcn-app .hj-mail-list-pane,.hj-shadcn-app .hj-mail-reading-surface{border:0}.hj-shadcn-app .hj-mail-reading-surface{display:none}.hj-shadcn-app .hj-mail-product.is-reading .hj-mail-list-pane{display:none}.hj-shadcn-app .hj-mail-product.is-reading .hj-mail-reading-surface{display:block}}
@media(max-width:600px){.hj-shadcn-app .hj-dashboard-stats,.hj-shadcn-app .hj-dashboard-action-grid{grid-template-columns:1fr}.hj-shadcn-app .hj-service-portfolio-row{grid-template-columns:34px minmax(0,1fr) auto}.hj-shadcn-app .hj-service-portfolio-state{display:none}.hj-shadcn-app .hj-service-portfolio-actions a:not(.is-primary){display:none}.hj-shadcn-app .hj-intent-console-shortcut{display:none}.hj-shadcn-app .hj-dns-form,.hj-shadcn-app .hj-dns-edit-form{grid-template-columns:1fr}.hj-shadcn-app .hj-mail-composer,.hj-shadcn-app .hj-mail-settings-drawer{width:100%}}