.module-agent-insight {
  margin-top: 0.55rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 0.65rem;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(241, 245, 249, 0.9));
  padding: 0.5rem 0.55rem;
  display: grid;
  gap: 0.35rem;
}

.module-agent-insight-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.35rem;
}

.module-agent-insight-top strong {
  font-size: 0.72rem;
  color: #0f172a;
}

.module-agent-insight-top small {
  font-size: 0.64rem;
  color: #64748b;
}

.module-agent-insight-controls {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.35rem;
}

.module-agent-insight-select {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 0.45rem;
  padding: 0.32rem 0.4rem;
  font-size: 0.7rem;
  color: #1e293b;
  background: #fff;
}

.module-agent-insight-btn {
  border: 1px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.45rem;
  background: linear-gradient(180deg, #f0fdfa, #ccfbf1);
  color: #115e59;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.3rem 0.52rem;
  cursor: pointer;
}

.module-agent-insight-btn:disabled {
  opacity: 0.65;
  cursor: wait;
}

.module-agent-insight-body {
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.86);
  padding: 0.42rem 0.48rem;
  font-size: 0.7rem;
  line-height: 1.45;
  color: #1f2937;
  max-height: 132px;
  overflow: auto;
}

.module-agent-insight-body.is-empty {
  color: #64748b;
  font-style: italic;
}

.module-agent-insight-body.is-error {
  color: #991b1b;
}
/* MAYTRAS Unified Platform - Main Styles */

:root {
  --sidebar-width: 260px;
  --sidebar-width-collapsed: 72px;
  --primary-color: #0d9488;
  --secondary-color: #115e59;
  --accent-color: #14b8a6;
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #ef4444;
  --background-color: #f8fafc;
  --surface-color: #ffffff;
  --text-primary: #1f2937;
  /* Okunabilirlik: açık zeminde WCAG’e yakın kontrast (önceki #6b7280) */
  --text-secondary: #4b5563;
  --border-color: #e5e7eb;
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--gtos-font-sans, 'IBM Plex Sans'), 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  background-color: var(--background-color);
  color: var(--text-primary);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* Layout Shell */
.app-shell {
  display: flex;
  min-height: 100vh;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--sidebar-width);
  background: #0f172a;
  color: #fff;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: width 0.22s ease, padding 0.22s ease;
  z-index: 1001;
}

.sidebar-logo {
  font-size: 1.25rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sidebar-user {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0.75rem;
}

.sidebar-actions {
  display: grid;
  gap: 0.5rem;
}

.app-main {
  flex: 1;
  margin-left: var(--sidebar-width);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  transition: margin-left 0.22s ease;
}

/* Header Styles */
.main-header {
  background: var(--surface-color);
  color: var(--text-primary);
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.header-content {
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.logo i {
  font-size: 2rem;
}

.mvp-badge {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  text-transform: uppercase;
}

.main-nav {
  display: flex;
  gap: 1rem;
}

.nav-btn {
  background: rgba(255, 255, 255, 0.08);
  border: none;
  color: #e2e8f0;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  width: 100%;
  justify-content: flex-start;
}

.nav-btn:hover {
  background: rgba(255, 255, 255, 0.18);
}

.nav-btn.active {
  background: rgba(20, 184, 166, 0.35);
  box-shadow: none;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.search-box {
  position: relative;
}

.source-search {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.search-box input {
  background: #fff;
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  border-radius: 2rem;
  width: 300px;
  transition: all 0.3s ease;
}

.search-box input::placeholder {
  color: #5c6370;
  opacity: 1;
  font-weight: 500;
}

.search-box input:focus {
  outline: none;
  border-color: var(--accent-color);
}

.search-box i {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #475569;
}

.search-box button i {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  color: inherit;
}

.search-box select {
  background: #fff;
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  padding: 0.5rem 0.9rem;
  border-radius: 2rem;
  min-width: 180px;
}

.query-screen {
  display: grid;
  gap: 0.55rem;
}

.query-screen-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) minmax(170px, 1fr) minmax(170px, 1fr);
  gap: 0.55rem;
  align-items: center;
}

.query-screen-row input,
.query-screen-row select {
  border: 1px solid var(--border-color);
  border-radius: 0.65rem;
  padding: 0.55rem 0.7rem;
  background: #fff;
  color: var(--text-primary);
}

.query-meta {
  border: 1px dashed rgba(148, 163, 184, 0.45);
  background: rgba(241, 245, 249, 0.6);
  border-radius: 0.65rem;
  padding: 0.5rem 0.65rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.query-meta strong {
  color: var(--text-primary);
}

.query-result-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.query-result-table th,
.query-result-table td {
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
  padding: 0.45rem 0.35rem;
  text-align: left;
  vertical-align: top;
}

.query-result-table th {
  color: #334155;
  font-weight: 700;
}

.query-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid #99f6e4;
  background: #f0fdfa;
  color: #0f766e;
  border-radius: 999px;
  padding: 0.1rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 600;
}

.query-history {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.query-history-item {
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.9);
  color: var(--text-secondary);
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 0.74rem;
  cursor: pointer;
  max-width: 260px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.query-history-item:hover {
  border-color: #5eead4;
  color: #0f766e;
  transform: translateY(-1px);
}

.db-telemetry-panel {
  margin-top: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 0.7rem;
  padding: 0.55rem 0.65rem;
  background: rgba(248, 250, 252, 0.7);
  font-size: 0.78rem;
  color: var(--text-secondary);
}

.db-telemetry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.35rem;
  margin-top: 0.4rem;
}

.db-telemetry-card {
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 0.55rem;
  padding: 0.35rem 0.45rem;
  background: rgba(255, 255, 255, 0.9);
}

.module-subsection {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}

.tax-quote {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
  display: grid;
  gap: 0.75rem;
}

.tax-quote-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}

.tax-quote input {
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--border-color);
  border-radius: 0.6rem;
  font-size: 0.9rem;
}

.tax-quote-result {
  background: #f9fafb;
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 0.75rem;
  display: grid;
  gap: 0.4rem;
  font-size: 0.9rem;
}

.user-menu {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: background 0.3s ease;
}

.user-menu:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Main Content — flex:1 burada tüm sütunu doldurup içerik kısa olsa da devasa boşluk bırakıyordu */
.main-content {
  max-width: min(100%, 1760px);
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem clamp(0.75rem, 2vw, 1.35rem);
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  min-height: 0;
}

.mvp-landing {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: var(--shadow);
}

.mvp-landing-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.mvp-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}

.mvp-card {
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 1rem;
  background: #fff;
  display: grid;
  gap: 0.5rem;
}

.mvp-card h3 {
  font-size: 1rem;
}

.mvp-card p {
  color: var(--text-secondary);
  font-size: 0.9rem;
}

.workspace {
  display: none;
}

.workspace.active {
  display: block;
}

/* C serisi: çalışma alanından dönüşte tek modül odak (ızgara seçici) — maytras-app DB değil, istemci sınıfı */
#support-workspace .modules-grid > .module-card.support-workspace-grid-solo-hidden {
  display: none !important;
}

.workspace-header {
  margin-bottom: 2rem;
}

.workspace-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

.workspace-description {
  color: var(--text-secondary);
  font-size: 1.1rem;
}

/* Module Grid */
.modules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
  gap: 1.25rem;
  margin-bottom: 2rem;
  align-items: start;
}

.modules-grid .module-card[data-module="a01"] {
  grid-column: 1 / -1;
}

.kpi-bar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.kpi-item {
  background: var(--surface-color);
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.kpi-label {
  color: var(--text-secondary);
  font-size: 0.8rem;
}

.kpi-value {
  font-size: 1.1rem;
  font-weight: 600;
}

.kpi-breakdown {
  display: none;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  color: var(--text-secondary);
  font-size: 0.85rem;
}

body.role-ops .kpi-breakdown {
  display: block;
}

.global-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
  margin-bottom: 2rem;
}

.alerts-center {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.alerts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.alerts-center-list {
  display: grid;
  gap: 0.5rem;
}

.alerts-center-item {
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
  background: #fff;
}

.global-filters input,
.global-filters button {
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
}

.form-group {
  display: grid;
  gap: 0.35rem;
}

.form-group label {
  color: var(--text-secondary);
  font-size: 0.85rem;
}

.form-group input {
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
}

.btn-primary {
  background: var(--primary-color);
  color: white;
  border: none;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
}

.btn-primary:hover {
  background: var(--secondary-color);
}

.role-toggle {
  display: flex;
  gap: 0.5rem;
}

.role-btn {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  padding: 0.4rem 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
}

.role-btn.active {
  background: rgba(255, 255, 255, 0.3);
}

.module-freshness {
  font-size: 0.7rem;
  color: var(--text-secondary);
  margin-left: auto;
}

.module-card {
  background: var(--surface-color);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: var(--shadow);
  transition: all 0.3s ease;
  border: 1px solid var(--border-color);
  cursor: pointer;
}

.module-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--primary-color);
}

.module-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.module-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: white;
}

.module-icon.analytics { background: linear-gradient(135deg, #14b8a6, #0f766e); }
.module-icon.business { background: linear-gradient(135deg, #10b981, #059669); }
.module-icon.support { background: linear-gradient(135deg, #f59e0b, #d97706); }

.module-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

.module-id {
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 500;
}

.module-description {
  color: var(--text-secondary);
  margin-bottom: 1rem;
  line-height: 1.5;
}

.module-features {
  list-style: none;
  margin-bottom: 1rem;
}

.module-features li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
}

.module-features li i {
  color: var(--success-color);
  font-size: 0.75rem;
}

.module-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  width: fit-content;
}

.module-actions {
  margin-left: auto;
}

.detail-btn {
  background: var(--primary-color);
  color: white;
  border: none;
  padding: 0.35rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  cursor: pointer;
}

.detail-btn:hover {
  background: var(--secondary-color);
}

.detail-btn.secondary {
  background: #374151;
}

.detail-btn.secondary:hover {
  background: #1f2937;
}

.ghost-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: white;
  padding: 0.45rem 0.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.8rem;
}

.ghost-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}

.auth-links {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}

#billing-overlay .detail-panel {
  width: min(1180px, 96vw);
  max-height: 88vh;
}

.billing-detail-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.billing-current-plan {
  padding: 0.85rem 1rem;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(15, 23, 42, 0.06));
  border: 1px solid rgba(20, 184, 166, 0.25);
  font-size: 0.95rem;
}

.billing-interval-toggle {
  display: inline-flex;
  gap: 0.35rem;
  margin-bottom: 0.25rem;
  padding: 0.2rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.15);
}

.billing-interval-btn {
  border: 0;
  background: transparent;
  color: var(--text-secondary, #64748b);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  cursor: pointer;
}

.billing-interval-btn.is-active {
  background: var(--surface-card, #fff);
  color: var(--text-primary, #0f172a);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.billing-efatura-rail {
  margin: 0.35rem 0 0.75rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--text-secondary, #5c6470);
  background: color-mix(in srgb, var(--accent-gold, #c9a227) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-gold, #c9a227) 22%, transparent);
  border-radius: 8px;
}

.billing-efatura-rail.is-ready {
  color: var(--text-primary, #1a1d21);
}

.billing-efatura-rail.is-error {
  background: color-mix(in srgb, #c0392b 6%, transparent);
  border-color: color-mix(in srgb, #c0392b 18%, transparent);
}

.billing-tr-pos-row {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}

.billing-tr-pos-row label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-secondary, #64748b);
}

.billing-acquirer-select {
  max-width: 20rem;
  padding: 0.4rem 0.55rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-color, rgba(15, 23, 42, 0.12));
  background: var(--surface-card, #fff);
  font-size: 0.85rem;
}

.billing-plans,
.billing-pricing-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

@media (min-width: 1100px) {
  .billing-pricing-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.billing-plan-card {
  position: relative;
  border: 1px solid var(--border-color, rgba(15, 23, 42, 0.12));
  border-radius: 1rem;
  padding: 1.15rem 1rem 1rem;
  background: var(--surface-elevated, rgba(255, 255, 255, 0.92));
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.billing-plan-card--featured {
  border-color: rgba(20, 184, 166, 0.55);
  box-shadow: 0 12px 36px rgba(20, 184, 166, 0.18);
  transform: translateY(-2px);
}

.billing-plan-badge {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #0d9488, #7c3aed);
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  margin-bottom: 0.35rem;
}

.billing-plan-card h4 {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
}

.billing-plan-desc {
  margin: 0 0 0.65rem;
  font-size: 0.8rem;
  color: var(--text-secondary, #64748b);
  min-height: 2.4em;
}

.billing-plan-card .billing-price-row {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  margin-bottom: 0.65rem;
}

.billing-plan-card .price {
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text-primary, #0f172a);
}

.billing-plan-card .price-suffix {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-secondary, #64748b);
}

.billing-plan-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.85rem;
  flex: 1;
  font-size: 0.82rem;
  line-height: 1.35;
}

.billing-plan-card ul li {
  position: relative;
  padding-left: 1.1rem;
  margin-bottom: 0.4rem;
  color: var(--text-secondary, #475569);
}

.billing-plan-card ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.billing-plan-card button {
  width: 100%;
  margin-top: auto;
}

.billing-ai-usage {
  margin-bottom: 1.25rem;
  padding: 1rem 1.1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--border-color, rgba(15, 23, 42, 0.1));
  background: var(--surface-elevated, rgba(248, 250, 252, 0.85));
}

.billing-ai-usage h4 {
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
}

.billing-ai-usage-body {
  display: grid;
  gap: 0.65rem;
}

.billing-usage-meter {
  height: 0.55rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.25);
  overflow: hidden;
}

.billing-usage-meter-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  transition: width 0.25s ease;
}

.billing-usage-meter-fill.is-warn {
  background: linear-gradient(90deg, #f59e0b, #d97706);
}

.billing-usage-meter-fill.is-cap {
  background: linear-gradient(90deg, #ef4444, #dc2626);
}

.billing-usage-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  font-size: 0.82rem;
  color: var(--text-secondary, #64748b);
}

.billing-usage-stats strong {
  color: var(--text-primary, #0f172a);
}

.billing-overage-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 0.65rem;
  margin-top: 0.85rem;
}

.billing-overage-card {
  border: 1px solid var(--border-color, rgba(15, 23, 42, 0.12));
  border-radius: 0.65rem;
  padding: 0.65rem 0.75rem;
  background: var(--surface-card, #fff);
}

.billing-overage-card h5 {
  margin: 0 0 0.25rem;
  font-size: 0.85rem;
}

.billing-overage-card p {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  color: var(--text-secondary, #64748b);
}

.billing-overage-card button {
  width: 100%;
  font-size: 0.78rem;
  padding: 0.35rem 0.5rem;
}

.pack-module-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pack-module-lead {
  margin: 0;
  font-size: 0.85rem;
  color: var(--text-secondary, #64748b);
  line-height: 1.45;
}

.pack-module-lead code {
  font-size: 0.78em;
}

.pack-module-form {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.pack-field-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-secondary, #64748b);
}

.pack-row-title,
.pack-row-notes {
  width: 100%;
  border: 1px solid var(--border-color, rgba(15, 23, 42, 0.12));
  border-radius: 0.5rem;
  padding: 0.45rem 0.55rem;
  font: inherit;
  background: var(--surface-color, #fff);
}

.pack-module-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.pack-module-status {
  min-height: 1.25rem;
  font-size: 0.8rem;
  color: var(--text-secondary, #64748b);
}

.pack-module-table-wrap {
  overflow: auto;
  max-height: 220px;
  border: 1px solid var(--border-color, rgba(15, 23, 42, 0.1));
  border-radius: 0.5rem;
}

.pack-module-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}

.pack-module-table th,
.pack-module-table td {
  padding: 0.4rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid var(--border-color, rgba(15, 23, 42, 0.08));
}

.pack-module-table th {
  background: rgba(20, 184, 166, 0.08);
  font-weight: 600;
}

/* B05 CRM — Customer Operations Platform (native + integration hub) */
.module-card[data-module='b05'] .module-content.b05-cops-root {
  --b05-bg: #0b0e14;
  --b05-surface: rgba(22, 28, 42, 0.72);
  --b05-border: rgba(120, 160, 220, 0.16);
  --b05-blue: #14b8a6;
  --b05-blue-bright: #2dd4bf;
  --b05-cyan: #22d3ee;
  --b05-text: #e8eef9;
  --b05-muted: #94a3b8;
  --b05-glow: 0 0 40px rgba(20, 184, 166, 0.12);
  background: linear-gradient(165deg, #0b0e14 0%, #0f1624 45%, #0a0d12 100%);
  border: 1px solid rgba(20, 184, 166, 0.18);
  border-radius: 1.25rem;
  padding: 1rem 1rem 1.25rem;
  color: var(--b05-text);
  box-shadow: var(--b05-glow), 0 24px 48px rgba(0, 0, 0, 0.35);
}

.module-card[data-module='b05'] .b05-cops-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 1.25rem;
  background: var(--b05-surface);
  border: 1px solid var(--b05-border);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  margin-bottom: 0.85rem;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.module-card[data-module='b05'] .b05-cops-hero:hover {
  border-color: rgba(45, 212, 191, 0.35);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(20, 184, 166, 0.08);
}

.module-card[data-module='b05'] .b05-cops-hero-main {
  flex: 1 1 280px;
  min-width: 0;
}

.module-card[data-module='b05'] .b05-cops-hero-title-row {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  margin-bottom: 0.6rem;
}

.module-card[data-module='b05'] .b05-cops-hero-star {
  color: #fbbf24;
  margin-top: 0.2rem;
  filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.35));
}

.module-card[data-module='b05'] .b05-cops-hero-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #fff 0%, #5eead4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.module-card[data-module='b05'] .b05-cops-hero-lead {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--b05-muted);
  max-width: 46rem;
}

.module-card[data-module='b05'] .b05-cops-hero-search {
  position: relative;
  margin-top: 0.75rem;
  max-width: 420px;
}

.module-card[data-module='b05'] .b05-cops-hero-search i {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--b05-muted);
  font-size: 0.8rem;
  pointer-events: none;
}

.module-card[data-module='b05'] .b05-cops-hero-search input {
  width: 100%;
  border: 1px solid var(--b05-border);
  border-radius: 0.85rem;
  padding: 0.55rem 0.75rem 0.55rem 2.25rem;
  font-size: 0.8rem;
  background: rgba(11, 14, 20, 0.55);
  color: var(--b05-text);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.module-card[data-module='b05'] .b05-cops-hero-search input:focus {
  outline: none;
  border-color: rgba(20, 184, 166, 0.55);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.18);
}

.module-card[data-module='b05'] .b05-cops-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  justify-content: flex-end;
}

.module-card[data-module='b05'] .b05-cops-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 0.85rem;
  padding: 0.45rem 0.75rem;
  font-size: 0.72rem;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  background: rgba(255, 255, 255, 0.04);
  color: var(--b05-text);
}

.module-card[data-module='b05'] .b05-cops-btn:hover {
  transform: translateY(-1px);
}

.module-card[data-module='b05'] .b05-cops-btn--primary {
  background: linear-gradient(135deg, #0d9488, #0f766e);
  border-color: rgba(45, 212, 191, 0.4);
  box-shadow: 0 8px 24px rgba(13, 148, 136, 0.35);
}

.module-card[data-module='b05'] .b05-cops-btn--ghost {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--b05-border);
  color: #cbd5e1;
}

.module-card[data-module='b05'] .b05-cops-btn--ghost:hover {
  border-color: rgba(45, 212, 191, 0.4);
  color: #fff;
}

.module-card[data-module='b05'] .b05-cops-btn--ai {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.35), rgba(20, 184, 166, 0.35));
  border-color: rgba(167, 139, 250, 0.45);
  color: #f5f3ff;
}

.module-card[data-module='b05'] .b05-cops-btn--tiny {
  padding: 0.32rem 0.55rem;
  font-size: 0.68rem;
}

.module-card[data-module='b05'] .b05-cops-live-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.85rem;
}

@media (max-width: 1200px) {
  .module-card[data-module='b05'] .b05-cops-live-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .module-card[data-module='b05'] .b05-cops-live-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.module-card[data-module='b05'] .b05-cops-live-card {
  background: var(--b05-surface);
  border: 1px solid var(--b05-border);
  border-radius: 1rem;
  padding: 0.55rem 0.65rem;
  backdrop-filter: blur(10px);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.module-card[data-module='b05'] .b05-cops-live-card:hover {
  border-color: rgba(45, 212, 191, 0.3);
  transform: translateY(-2px);
}

.module-card[data-module='b05'] .b05-cops-live-label {
  display: block;
  font-size: 0.62rem;
  color: var(--b05-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.2rem;
}

.module-card[data-module='b05'] .b05-cops-live-value {
  font-size: 0.95rem;
  font-weight: 800;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.module-card[data-module='b05'] .b05-cops-live-unit {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-cops-trend {
  font-size: 0.62rem;
  font-weight: 700;
  padding: 0.12rem 0.35rem;
  border-radius: 999px;
}

.module-card[data-module='b05'] .b05-cops-trend--up {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

.module-card[data-module='b05'] .b05-cops-pill {
  font-size: 0.58rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-weight: 700;
}

.module-card[data-module='b05'] .b05-cops-pill--ok {
  background: rgba(34, 197, 94, 0.18);
  color: #4ade80;
}

.module-card[data-module='b05'] .b05-cops-live-sub {
  font-size: 0.6rem;
  color: #4ade80;
  display: block;
  margin-top: 0.15rem;
}

.module-card[data-module='b05'] .b05-cops-live-card--pulse .b05-cops-live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.5);
  animation: b05-cops-pulse 2s ease infinite;
  margin-right: 0.25rem;
}

@keyframes b05-cops-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.45);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(74, 222, 128, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
  }
}

.module-card[data-module='b05'] .b05-cops-kpi-deck {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin-bottom: 0.85rem;
}

@media (max-width: 1100px) {
  .module-card[data-module='b05'] .b05-cops-kpi-deck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.module-card[data-module='b05'] .b05-cops-kpi-card {
  position: relative;
  background: var(--b05-surface);
  border: 1px solid var(--b05-border);
  border-radius: 1.1rem;
  padding: 0.65rem 0.7rem 0.5rem;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.module-card[data-module='b05'] .b05-cops-kpi-card::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto;
  height: 70%;
  background: radial-gradient(ellipse at center, rgba(20, 184, 166, 0.14), transparent 70%);
  pointer-events: none;
}

.module-card[data-module='b05'] .b05-cops-kpi-card:hover {
  transform: translateY(-3px);
  border-color: rgba(45, 212, 191, 0.4);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
}

.module-card[data-module='b05'] .b05-cops-kpi-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.35rem;
  position: relative;
  z-index: 1;
}

.module-card[data-module='b05'] .b05-cops-kpi-icon {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 0.6rem;
  display: grid;
  place-items: center;
  background: rgba(20, 184, 166, 0.15);
  color: var(--b05-blue-bright);
  font-size: 0.85rem;
}

.module-card[data-module='b05'] .b05-cops-kpi-ai {
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 0.12rem 0.35rem;
  border-radius: 999px;
  background: rgba(167, 139, 250, 0.2);
  color: #ddd6fe;
}

.module-card[data-module='b05'] .b05-cops-kpi-label {
  display: block;
  font-size: 0.65rem;
  color: var(--b05-muted);
  position: relative;
  z-index: 1;
}

.module-card[data-module='b05'] .b05-cops-kpi-value {
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
  margin: 0.15rem 0;
  position: relative;
  z-index: 1;
}

.module-card[data-module='b05'] .b05-cops-kpi-change {
  font-size: 0.62rem;
  font-weight: 700;
  position: relative;
  z-index: 1;
}

.module-card[data-module='b05'] .b05-cops-kpi-change--up {
  color: #4ade80;
}

.module-card[data-module='b05'] .b05-cops-kpi-change--down {
  color: #fb7185;
}

.module-card[data-module='b05'] .b05-cops-sparkline {
  margin-top: 0.45rem;
  height: 28px;
  border-radius: 0.5rem;
  background: linear-gradient(
    90deg,
    rgba(20, 184, 166, 0.15) 0%,
    rgba(34, 211, 238, 0.12) 40%,
    rgba(167, 139, 250, 0.12) 100%
  );
  opacity: 0.9;
  position: relative;
  z-index: 1;
}

.module-card[data-module='b05'] .b05-cops-sparkline--b {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.15), rgba(20, 184, 166, 0.08));
}

.module-card[data-module='b05'] .b05-cops-sparkline--c {
  background: linear-gradient(90deg, rgba(167, 139, 250, 0.18), rgba(20, 184, 166, 0.06));
}

.module-card[data-module='b05'] .b05-cops-sparkline--d {
  background: linear-gradient(90deg, rgba(251, 191, 36, 0.12), rgba(20, 184, 166, 0.12));
}

.module-card[data-module='b05'] .b05-cops-mode {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 1rem;
}

@media (max-width: 900px) {
  .module-card[data-module='b05'] .b05-cops-mode {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='b05'] .b05-cops-mode-opt {
  text-align: left;
  border-radius: 1rem;
  border: 1px solid var(--b05-border);
  background: rgba(255, 255, 255, 0.03);
  padding: 0.7rem 0.85rem;
  cursor: pointer;
  color: var(--b05-text);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.module-card[data-module='b05'] .b05-cops-mode-opt:hover {
  border-color: rgba(45, 212, 191, 0.35);
  transform: translateY(-1px);
}

.module-card[data-module='b05'] .b05-cops-mode-opt.is-active {
  border-color: rgba(20, 184, 166, 0.65);
  background: linear-gradient(145deg, rgba(20, 184, 166, 0.12), rgba(255, 255, 255, 0.02));
  box-shadow: 0 0 24px rgba(20, 184, 166, 0.12);
}

.module-card[data-module='b05'] .b05-cops-mode-check {
  display: none;
  color: var(--b05-blue-bright);
  margin-right: 0.35rem;
}

.module-card[data-module='b05'] .b05-cops-mode-opt.is-active .b05-cops-mode-check {
  display: inline;
}

.module-card[data-module='b05'] .b05-cops-mode-title {
  display: block;
  font-weight: 800;
  font-size: 0.78rem;
  margin-bottom: 0.2rem;
}

.module-card[data-module='b05'] .b05-cops-mode-desc {
  font-size: 0.68rem;
  color: var(--b05-muted);
  line-height: 1.45;
}

.module-card[data-module='b05'] .b05-cops-root[data-b05-active-mode='external'] .b05-cops-integration-hub {
  box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.35), 0 12px 40px rgba(13, 148, 136, 0.12);
}

.module-card[data-module='b05'] .b05-cops-root[data-b05-active-mode='hybrid'] .b05-cops-native-wrap {
  opacity: 1;
}

.module-card[data-module='b05'] .b05-cops-glass {
  background: var(--b05-surface);
  border: 1px solid var(--b05-border);
  border-radius: 1.15rem;
  padding: 0.85rem 0.95rem;
  backdrop-filter: blur(12px);
}

.module-card[data-module='b05'] .b05-cops-section {
  margin-bottom: 0.75rem;
}

.module-card[data-module='b05'] .b05-cops-section-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.module-card[data-module='b05'] .b05-cops-section-head h3 {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 800;
}

.module-card[data-module='b05'] .b05-cops-kanban {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 0.45rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scroll-behavior: smooth;
}

@media (max-width: 1100px) {
  .module-card[data-module='b05'] .b05-cops-kanban {
    grid-template-columns: repeat(6, minmax(140px, 1fr));
  }
}

.module-card[data-module='b05'] .b05-cops-kan-col {
  background: rgba(11, 14, 20, 0.4);
  border-radius: 0.85rem;
  border: 1px solid var(--b05-border);
  min-height: 120px;
  display: flex;
  flex-direction: column;
}

.module-card[data-module='b05'] .b05-cops-kan-col header {
  padding: 0.4rem 0.5rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--b05-border);
}

.module-card[data-module='b05'] .b05-cops-kan-col--lead header {
  border-top: 3px solid #14b8a6;
}
.module-card[data-module='b05'] .b05-cops-kan-col--contacted header {
  border-top: 3px solid #14b8a6;
}
.module-card[data-module='b05'] .b05-cops-kan-col--offer header {
  border-top: 3px solid #f59e0b;
}
.module-card[data-module='b05'] .b05-cops-kan-col--neg header {
  border-top: 3px solid #a855f7;
}
.module-card[data-module='b05'] .b05-cops-kan-col--won header {
  border-top: 3px solid #22c55e;
}
.module-card[data-module='b05'] .b05-cops-kan-col--lost header {
  border-top: 3px solid #ef4444;
}

.module-card[data-module='b05'] .b05-cops-kan-cards {
  padding: 0.45rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
}

.module-card[data-module='b05'] .b05-cops-deal-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--b05-border);
  border-radius: 0.75rem;
  padding: 0.45rem 0.5rem;
  font-size: 0.68rem;
  transition: transform 0.15s ease, border-color 0.15s ease;
}

.module-card[data-module='b05'] .b05-cops-deal-card:hover {
  transform: translateY(-2px);
  border-color: rgba(45, 212, 191, 0.4);
}

.module-card[data-module='b05'] .b05-cops-deal-card strong {
  display: block;
  font-size: 0.72rem;
  margin-bottom: 0.15rem;
}

.module-card[data-module='b05'] .b05-cops-deal-meta {
  display: block;
  color: var(--b05-muted);
  margin-bottom: 0.2rem;
}

.module-card[data-module='b05'] .b05-cops-deal-person {
  display: block;
  color: #cbd5e1;
  margin-bottom: 0.2rem;
}

.module-card[data-module='b05'] .b05-cops-deal-card footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--b05-muted);
  font-size: 0.62rem;
}

.module-card[data-module='b05'] .b05-cops-ai-risk {
  font-weight: 700;
  color: #5eead4;
}

.module-card[data-module='b05'] .b05-cops-mid-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}

@media (max-width: 1024px) {
  .module-card[data-module='b05'] .b05-cops-mid-grid {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='b05'] .b05-cops-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.module-card[data-module='b05'] .b05-cops-filter {
  font-size: 0.65rem;
  border-radius: 0.6rem;
  border: 1px solid var(--b05-border);
  background: rgba(11, 14, 20, 0.5);
  color: var(--b05-text);
  padding: 0.3rem 0.45rem;
}

.module-card[data-module='b05'] .b05-cops-table-scroll {
  overflow: auto;
  max-height: 260px;
  border-radius: 0.75rem;
  border: 1px solid var(--b05-border);
}

.module-card[data-module='b05'] .b05-cops-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.7rem;
}

.module-card[data-module='b05'] .b05-cops-table th,
.module-card[data-module='b05'] .b05-cops-table td {
  padding: 0.45rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid var(--b05-border);
}

.module-card[data-module='b05'] .b05-cops-table th {
  background: rgba(20, 184, 166, 0.08);
  font-weight: 700;
  color: #cbd5e1;
}

.module-card[data-module='b05'] .b05-cops-table tbody tr:hover {
  background: rgba(20, 184, 166, 0.06);
}

.module-card[data-module='b05'] .b05-cops-risk {
  display: inline-flex;
  padding: 0.12rem 0.4rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.6rem;
}

.module-card[data-module='b05'] .b05-cops-risk--low {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}
.module-card[data-module='b05'] .b05-cops-risk--mid {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}
.module-card[data-module='b05'] .b05-cops-risk--high {
  background: rgba(248, 113, 113, 0.18);
  color: #fca5a5;
}

.module-card[data-module='b05'] .b05-cops-status-pill {
  display: inline-flex;
  padding: 0.12rem 0.4rem;
  border-radius: 999px;
  font-size: 0.6rem;
  font-weight: 700;
}

.module-card[data-module='b05'] .b05-cops-status-pill--ok {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}
.module-card[data-module='b05'] .b05-cops-status-pill--watch {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}

.module-card[data-module='b05'] .b05-cops-ai-aside {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 100%;
}

.module-card[data-module='b05'] .b05-cops-ai-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.module-card[data-module='b05'] .b05-cops-ai-head h3 {
  margin: 0;
  font-size: 0.82rem;
}

.module-card[data-module='b05'] .b05-cops-ai-live {
  font-size: 0.58rem;
  color: #4ade80;
  font-weight: 700;
}

.module-card[data-module='b05'] .b05-cops-ai-chat {
  flex: 1;
}

.module-card[data-module='b05'] .b05-cops-ai-msg {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
}

.module-card[data-module='b05'] .b05-cops-ai-avatar {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.65rem;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(139, 92, 246, 0.35), rgba(20, 184, 166, 0.35));
  color: #fff;
}

.module-card[data-module='b05'] .b05-cops-ai-msg p {
  margin: 0 0 0.4rem;
  font-size: 0.72rem;
  line-height: 1.45;
}

.module-card[data-module='b05'] .b05-cops-ai-bullets {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.68rem;
  color: var(--b05-muted);
  line-height: 1.5;
}

.module-card[data-module='b05'] .b05-cops-ai-chart-title {
  font-size: 0.62rem;
  color: var(--b05-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.module-card[data-module='b05'] .b05-cops-ai-chart-area {
  margin-top: 0.35rem;
  height: 64px;
  border-radius: 0.65rem;
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.25), rgba(11, 14, 20, 0.2));
}

.module-card[data-module='b05'] .b05-cops-ai-actions {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.module-card[data-module='b05'] .b05-cops-detail-task-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.9fr;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}

@media (max-width: 900px) {
  .module-card[data-module='b05'] .b05-cops-detail-task-grid {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='b05'] .b05-cops-detail-name {
  font-size: 0.72rem;
  color: var(--b05-blue-bright);
  font-weight: 700;
}

.module-card[data-module='b05'] .b05-cops-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.6rem;
}

.module-card[data-module='b05'] .b05-cops-tab {
  border: 1px solid var(--b05-border);
  background: rgba(255, 255, 255, 0.03);
  color: var(--b05-muted);
  border-radius: 999px;
  padding: 0.22rem 0.55rem;
  font-size: 0.62rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.module-card[data-module='b05'] .b05-cops-tab.is-active {
  background: rgba(20, 184, 166, 0.2);
  color: #fff;
  border-color: rgba(20, 184, 166, 0.45);
}

.module-card[data-module='b05'] .b05-cops-detail-body {
  font-size: 0.72rem;
}

.module-card[data-module='b05'] .b05-cops-fin-score {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

.module-card[data-module='b05'] .b05-cops-gauge,
.module-card[data-module='b05'] .b05-cops-gauge--sm {
  --p: 82;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background: conic-gradient(#2dd4bf calc(var(--p) * 1%), rgba(255, 255, 255, 0.08) 0);
  display: grid;
  place-items: center;
  position: relative;
}

.module-card[data-module='b05'] .b05-cops-gauge--sm {
  width: 96px;
  height: 96px;
}

.module-card[data-module='b05'] .b05-cops-gauge::after,
.module-card[data-module='b05'] .b05-cops-gauge--sm::after {
  content: "";
  width: 72%;
  height: 72%;
  background: #111827;
  border-radius: 50%;
  position: absolute;
}

.module-card[data-module='b05'] .b05-cops-gauge-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.module-card[data-module='b05'] .b05-cops-gauge-inner strong {
  display: block;
  font-size: 1rem;
  color: #fff;
}

.module-card[data-module='b05'] .b05-cops-gauge-inner span {
  font-size: 0.58rem;
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-cops-detail-facts {
  margin: 0;
  padding-left: 1.1rem;
  color: var(--b05-muted);
  line-height: 1.55;
  font-size: 0.68rem;
}

.module-card[data-module='b05'] .b05-cops-task-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
  font-size: 0.7rem;
}

.module-card[data-module='b05'] .b05-cops-task-list li {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.65rem;
  border: 1px solid var(--b05-border);
  background: rgba(11, 14, 20, 0.35);
}

.module-card[data-module='b05'] .b05-cops-task-list time {
  margin-left: auto;
  font-size: 0.62rem;
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-cops-calendar-hint {
  margin: 0.5rem 0 0;
  font-size: 0.65rem;
}

.module-card[data-module='b05'] .b05-cops-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}

@media (max-width: 720px) {
  .module-card[data-module='b05'] .b05-cops-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.module-card[data-module='b05'] .b05-cops-quick {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.35rem;
  border-radius: 0.9rem;
  border: 1px solid var(--b05-border);
  background: rgba(11, 14, 20, 0.45);
  color: var(--b05-text);
  font-size: 0.62rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.module-card[data-module='b05'] .b05-cops-quick i {
  font-size: 1.05rem;
  color: var(--b05-blue-bright);
}

.module-card[data-module='b05'] .b05-cops-quick:hover {
  transform: translateY(-2px);
  border-color: rgba(45, 212, 191, 0.45);
  background: rgba(20, 184, 166, 0.08);
}

.module-card[data-module='b05'] .b05-cops-integration-hub .b05-cops-subh {
  margin: 1rem 0 0.35rem;
  font-size: 0.78rem;
}

.module-card[data-module='b05'] .b05-cops-hub-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}

.module-card[data-module='b05'] .b05-cops-hub-tool {
  font-size: 0.62rem;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  border: 1px solid var(--b05-border);
  background: rgba(20, 184, 166, 0.06);
  color: #cbd5e1;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.module-card[data-module='b05'] .b05-cops-hub-tool:hover {
  border-color: rgba(45, 212, 191, 0.45);
  background: rgba(20, 184, 166, 0.12);
}

.module-card[data-module='b05'] .b05-cops-hub-preview-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}

.module-card[data-module='b05'] .b05-cops-mini-card {
  font-size: 0.6rem;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  border: 1px dashed var(--b05-border);
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-cops-monitor-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (max-width: 1400px) {
  .module-card[data-module='b05'] .b05-cops-monitor-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .module-card[data-module='b05'] .b05-cops-monitor-grid {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='b05'] .b05-cops-monitor-card {
  background: rgba(11, 14, 20, 0.35);
  border: 1px solid var(--b05-border);
  border-radius: 1rem;
  padding: 0.65rem 0.7rem;
}

.module-card[data-module='b05'] .b05-cops-monitor-card h4 {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
}

.module-card[data-module='b05'] .b05-cops-event-stream {
  max-height: 160px;
  overflow: auto;
  display: grid;
  gap: 0.35rem;
}

.module-card[data-module='b05'] .b05-cops-api-chart .b05-cops-sales-chart {
  height: 120px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: 0.25rem;
  border: 1px solid var(--b05-border);
  border-radius: 0.65rem;
  padding: 0.4rem;
  background: rgba(11, 14, 20, 0.4);
}

.module-card[data-module='b05'] .b05-cops-api-chart .b05-ofis-sales-bar {
  background: linear-gradient(180deg, rgba(45, 212, 191, 0.5) 0%, rgba(20, 184, 166, 0.85) 100%);
  border-radius: 4px 4px 2px 2px;
  min-height: 10px;
}

.module-card[data-module='b05'] .b05-cops-api-chart .b05-ofis-sales-bar.is-active {
  background: linear-gradient(180deg, #22d3ee, #14b8a6);
  box-shadow: 0 4px 14px rgba(20, 184, 166, 0.4);
}

.module-card[data-module='b05'] .b05-cops-api-chart .b05-cops-sales-labels {
  margin-top: 0.25rem;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.25rem;
  text-align: center;
  font-size: 0.55rem;
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-cops-webhook-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.65rem;
  display: grid;
  gap: 0.35rem;
}

.module-card[data-module='b05'] .b05-cops-webhook-list code {
  font-size: 0.6rem;
  padding: 0.08rem 0.35rem;
  border-radius: 0.35rem;
  margin-right: 0.35rem;
}

.module-card[data-module='b05'] .b05-cops-wh-ok {
  background: rgba(34, 197, 94, 0.2);
  color: #4ade80;
}

.module-card[data-module='b05'] .b05-cops-wh-bad {
  background: rgba(248, 113, 113, 0.2);
  color: #fca5a5;
}

.module-card[data-module='b05'] .b05-cops-mini-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
  font-size: 0.65rem;
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-cops-mini-metrics strong {
  color: #fff;
}

.module-card[data-module='b05'] .b05-cops-monitor-table {
  max-height: 180px;
}

.module-card[data-module='b05'] .b05-cops-monitor-actions {
  margin-top: 0.45rem;
}

.module-card[data-module='b05'] .b05-cops-legacy-kpi-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.module-card[data-module='b05'] .pack-c-dim {
  color: var(--b05-muted) !important;
}

.module-card[data-module='b05'] .b05-connector-intro {
  margin: 0 0 0.55rem;
  font-size: 0.74rem;
  line-height: 1.45;
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-connector-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.45rem;
}

.module-card[data-module='b05'] .b05-connector-card {
  display: flex;
  gap: 0.45rem;
  align-items: flex-start;
  text-align: left;
  border: 1px solid var(--b05-border);
  border-radius: 0.85rem;
  padding: 0.5rem 0.55rem;
  background: rgba(11, 14, 20, 0.45);
  cursor: pointer;
  color: var(--b05-text);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.module-card[data-module='b05'] .b05-connector-card:hover {
  border-color: rgba(45, 212, 191, 0.5);
  box-shadow: 0 8px 24px rgba(13, 148, 136, 0.2);
  transform: translateY(-2px);
}

.module-card[data-module='b05'] .b05-connector-card-icon {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.6rem;
  background: rgba(20, 184, 166, 0.18);
  color: var(--b05-blue-bright);
  display: grid;
  place-items: center;
  font-size: 1.05rem;
}

.module-card[data-module='b05'] .b05-connector-card-body {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.module-card[data-module='b05'] .b05-connector-card-title {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--b05-text);
}

.module-card[data-module='b05'] .b05-connector-card-meta {
  font-size: 0.66rem;
  color: var(--b05-muted);
  line-height: 1.35;
}

.module-card[data-module='b05'] .b05-connector-hint {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.62rem;
  color: #94a3b8;
  white-space: normal;
  word-break: break-word;
}

.module-card[data-module='b05'] .b05-profile-panel {
  padding-top: 0.35rem;
}

.module-card[data-module='b05'] .b05-profile-lead {
  margin: 0 0 0.55rem;
  font-size: 0.74rem;
  line-height: 1.45;
}

.module-card[data-module='b05'] .b05-profile-form-grid {
  display: grid;
  grid-template-columns: minmax(120px, 160px) 1fr;
  gap: 0.4rem 0.65rem;
  align-items: center;
  margin-bottom: 0.55rem;
}

.module-card[data-module='b05'] .b05-profile-form-grid input,
.module-card[data-module='b05'] .b05-profile-form-grid select {
  width: 100%;
  max-width: 100%;
  font-size: 0.78rem;
  border-radius: 0.65rem;
  border: 1px solid var(--b05-border);
  background: rgba(11, 14, 20, 0.55);
  color: var(--b05-text);
  padding: 0.4rem 0.55rem;
}

.module-card[data-module='b05'] .b05-profile-form-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.55rem;
  flex-wrap: wrap;
}

.module-card[data-module='b05'] .b05-profile-table-wrap {
  max-height: 220px;
  overflow: auto;
  border-radius: 0.65rem;
  border: 1px solid var(--b05-border);
}

.module-card[data-module='b05'] .b05-profile-table {
  font-size: 0.73rem;
}

.module-card[data-module='b05'] .b05-profile-test-pill {
  display: inline-flex;
  padding: 0.12rem 0.4rem;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 700;
  margin-right: 0.25rem;
}

.module-card[data-module='b05'] .b05-profile-test-pill--ok {
  background: rgba(34, 197, 94, 0.18);
  color: #4ade80;
}

.module-card[data-module='b05'] .b05-profile-test-pill--bad {
  background: rgba(248, 113, 113, 0.18);
  color: #fca5a5;
}

.module-card[data-module='b05'] .b05-profile-test-msg {
  margin-top: 0.15rem;
  font-size: 0.66rem;
}

.module-card[data-module='b05'] .b05-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.module-card[data-module='b05'] .b05-ofis-create-panel {
  background: var(--b05-surface);
  border: 1px solid var(--b05-border);
  border-radius: 1.1rem;
  padding: 0.85rem 0.95rem;
}

.module-card[data-module='b05'] .b05-ofis-create-grid {
  display: grid;
  gap: 0.42rem;
}

.module-card[data-module='b05'] .b05-ofis-create-grid input,
.module-card[data-module='b05'] .b05-ofis-create-grid textarea,
.module-card[data-module='b05'] .b05-ofis-create-grid select {
  border: 1px solid var(--b05-border);
  border-radius: 0.65rem;
  padding: 0.48rem 0.62rem;
  background: rgba(11, 14, 20, 0.55);
  color: var(--b05-text);
}

.module-card[data-module='b05'] .b05-ofis-table tbody tr.is-hidden,
.module-card[data-module='b05'] .b05-cops-cust-table tbody tr.is-hidden {
  display: none;
}

.module-card[data-module='b05'] .pack-module-table th {
  background: rgba(20, 184, 166, 0.08);
  color: #cbd5e1;
}

.module-card[data-module='b05'] .pack-module-table td,
.module-card[data-module='b05'] .pack-module-table th {
  border-color: var(--b05-border);
  color: #e2e8f0;
}

.module-card[data-module='b05'] .pack-module-status {
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-ofis-activity-item {
  border-left: 3px solid #14b8a6;
  background: rgba(20, 184, 166, 0.08);
  border-radius: 0.5rem;
  padding: 0.4rem 0.5rem;
  font-size: 0.73rem;
  color: var(--b05-text);
}

.module-card[data-module='b05'] .b05-ofis-activity-item time {
  display: block;
  font-size: 0.66rem;
  color: var(--b05-muted);
}

.module-card[data-module='b05'] .b05-ofis-status {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 700;
}

.module-card[data-module='b05'] .b05-ofis-status--ok {
  background: rgba(34, 197, 94, 0.18);
  color: #4ade80;
}

.module-card[data-module='b05'] .b05-ofis-status--pending {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}

.module-card[data-module='b05'] .b05-ofis-status--risk {
  background: rgba(248, 113, 113, 0.18);
  color: #fca5a5;
}

.module-card[data-module='b05'] .pack-field-label {
  color: #cbd5e1;
}

/* B08 — KolayBi Ofis listesi / özet (yalnızca B08 kartı) */
.module-card[data-module='b08'] .b08-kb-root {
  --b08-navy: #0f172a;
  --b08-blue: var(--primary-color, #0d9488);
  --b08-green: var(--success-color, #10b981);
  --b08-muted: #5c6b7e;
  --b08-page-bg: #eef1f6;
  --b08-line: #d5dee8;
  background: var(--b08-page-bg);
  border-top: none;
  border-radius: 0;
  padding: 0.65rem 0.35rem 1rem;
  box-shadow: none;
}

#module-workspace-body .module-card[data-module='b08'] .b08-kb-root {
  padding: 0.5rem 0.25rem 1.25rem;
}

.module-card[data-module='b08'] .b08-kb-lead {
  margin: 0 0.45rem 0.6rem;
  font-size: 0.8rem;
  color: var(--b08-muted);
  line-height: 1.4;
}

.module-card[data-module='b08'] .b08-kb-sheet {
  background: #fff;
  border-radius: 10px;
  border: 1px solid var(--b08-line);
  box-shadow: 0 2px 14px rgba(20, 44, 69, 0.08);
  overflow: hidden;
}

.module-card[data-module='b08'] .b08-kb-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 0 0.25rem;
  background: #fafbfd;
  border-bottom: 1px solid var(--b08-line);
}

.module-card[data-module='b08'] .b08-kb-tab {
  border: none;
  background: transparent;
  padding: 0.55rem 0.85rem 0.6rem;
  font: inherit;
  font-size: 0.84rem;
  color: var(--b08-muted);
  cursor: pointer;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.module-card[data-module='b08'] .b08-kb-tab:hover {
  color: #1a3a5c;
}

.module-card[data-module='b08'] .b08-kb-tab.is-active {
  color: var(--b08-blue);
  font-weight: 700;
  border-bottom-color: var(--b08-blue);
  background: rgba(255, 255, 255, 0.85);
}

.module-card[data-module='b08'] .b08-kb-page-head {
  padding: 0.85rem 1.1rem 0.35rem;
  background: #fff;
}

.module-card[data-module='b08'] .b08-kb-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 1rem 1.15rem 0.85rem;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 48%, #f0fdfa 100%);
  border-bottom: 1px solid var(--b08-line);
}

.module-card[data-module='b08'] .b08-kb-hero-main {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  min-width: 0;
}

.module-card[data-module='b08'] .b08-kb-hero-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 1.35rem;
  color: #fff;
  background: linear-gradient(145deg, #1e293b, var(--b08-blue));
  box-shadow: 0 8px 22px rgba(13, 148, 136, 0.28);
}

.module-card[data-module='b08'] .b08-kb-hero-kicker {
  margin: 0 0 0.15rem;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-kb-hero-title {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: var(--b08-navy);
  line-height: 1.2;
}

.module-card[data-module='b08'] .b08-kb-hero-context {
  margin: 0.35rem 0 0;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--b08-blue);
}

.module-card[data-module='b08'] .b08-kb-hero-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
}

.module-card[data-module='b08'] .b08-kb-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.08);
  color: #047857;
}

.module-card[data-module='b08'] .b08-kb-hero-pill-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--b08-green);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22);
}

.module-card[data-module='b08'] .b08-kb-hero-time {
  font-size: 0.68rem;
  color: var(--b08-muted);
  font-weight: 600;
}

.module-card[data-module='b08'] .b08-kb-page-title {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--b08-navy);
}

.module-card[data-module='b08'] .b08-kb-page-sub {
  margin: 0.25rem 0 0;
  font-size: 0.78rem;
  color: var(--b08-muted);
  line-height: 1.35;
}

.module-card[data-module='b08'] .b08-kb-title-accent {
  width: 2.75rem;
  height: 3px;
  margin-top: 0.4rem;
  border-radius: 2px;
  background: var(--b08-blue);
}

.module-card[data-module='b08'] .b08-kb-body-pad {
  padding: 0.65rem 1.1rem 1rem;
}

.module-card[data-module='b08'] .b08-kb-kpi-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 900px) {
  .module-card[data-module='b08'] .b08-kb-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.module-card[data-module='b08'] .b08-kb-kpi-card {
  border: 1px solid var(--b08-line);
  border-radius: 8px;
  padding: 0.5rem 0.6rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(20, 44, 69, 0.05);
}

.module-card[data-module='b08'] .b08-kb-kpi-card strong {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.12rem;
  color: var(--b08-navy);
}

.module-card[data-module='b08'] .b08-kb-kpi-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.15rem;
}

.module-card[data-module='b08'] .b08-kb-kpi-ico {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-size: 0.92rem;
  background: rgba(13, 148, 136, 0.08);
  color: var(--b08-blue);
}

.module-card[data-module='b08'] .b08-kb-kpi-card--pending .b08-kb-kpi-ico {
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
}

.module-card[data-module='b08'] .b08-kb-kpi-card--error .b08-kb-kpi-ico {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.module-card[data-module='b08'] .b08-kb-kpi-card--ok .b08-kb-kpi-ico {
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
}

.module-card[data-module='b08'] .b08-kb-kpi-delta {
  font-size: 0.62rem;
  font-weight: 800;
  padding: 0.1rem 0.35rem;
  border-radius: 999px;
  white-space: nowrap;
}

.module-card[data-module='b08'] .b08-kb-kpi-delta--up {
  background: rgba(16, 185, 129, 0.14);
  color: #047857;
}

.module-card[data-module='b08'] .b08-kb-kpi-delta--down {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.module-card[data-module='b08'] .b08-kb-kpi-delta--flat {
  background: rgba(92, 107, 126, 0.1);
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-kb-kpi-spark {
  width: 100%;
  height: 26px;
  margin-top: 0.35rem;
  display: block;
}

.module-card[data-module='b08'] .b08-kb-dash-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 0.65rem;
  margin-bottom: 0.55rem;
}

@media (max-width: 960px) {
  .module-card[data-module='b08'] .b08-kb-dash-grid {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='b08'] .b08-kb-chart-panel,
.module-card[data-module='b08'] .b08-kb-insights-panel {
  border: 1px solid var(--b08-line);
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  background: #fafbfd;
}

.module-card[data-module='b08'] .b08-kb-chart-head {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  margin-bottom: 0.45rem;
}

.module-card[data-module='b08'] .b08-kb-chart-title {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--b08-navy);
}

.module-card[data-module='b08'] .b08-kb-chart-hint {
  font-size: 0.68rem;
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-kb-chart-canvas-wrap {
  position: relative;
  height: 140px;
}

.module-card[data-module='b08'] .b08-kb-chart-canvas-wrap canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.module-card[data-module='b08'] .b08-kb-insights-title {
  margin: 0 0 0.45rem;
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--b08-navy);
}

.module-card[data-module='b08'] .b08-kb-insights-list {
  margin: 0;
  padding: 0 0 0 1rem;
  font-size: 0.74rem;
  color: var(--b08-muted);
  line-height: 1.45;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.module-card[data-module='b08'] .b08-kb-kpi-label {
  font-size: 0.68rem;
  color: var(--b08-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}

.module-card[data-module='b08'] .b08-kb-kpi-card--pending {
  border-color: rgba(245, 158, 11, 0.45);
  background: linear-gradient(180deg, #fffbeb 0%, #fff 55%);
}

.module-card[data-module='b08'] .b08-kb-kpi-card--error {
  border-color: rgba(239, 68, 68, 0.45);
  background: linear-gradient(180deg, #fef2f2 0%, #fff 55%);
}

.module-card[data-module='b08'] .b08-kb-kpi-card--ok {
  border-color: rgba(46, 165, 92, 0.45);
  background: linear-gradient(180deg, #ecfdf5 0%, #fff 55%);
}

.module-card[data-module='b08'] .b08-kb-kpi-card--total {
  border-color: rgba(24, 119, 210, 0.4);
  background: linear-gradient(180deg, #f0fdfa 0%, #fff 58%);
  box-shadow: inset 0 3px 0 var(--b08-blue);
}

.module-card[data-module='b08'] .b08-kb-kpi-card[data-b08-kpi-tab] {
  cursor: pointer;
}

.module-card[data-module='b08'] .b08-kb-kpi-card[data-b08-kpi-tab]:focus-visible {
  outline: 2px solid var(--b08-blue);
  outline-offset: 2px;
}

.module-card[data-module='b08'] .b08-kb-ofis-notif {
  position: relative;
}

.module-card[data-module='b08'] .b08-kb-notif-panel {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: min(320px, 86vw);
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  border: 1px solid var(--b08-line);
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 39, 68, 0.14);
  z-index: 40;
}

.module-card[data-module='b08'] .b08-kb-notif-panel-lead {
  margin: 0 0 0.45rem;
  font-size: 0.78rem;
  color: var(--b08-muted);
  line-height: 1.35;
}

.module-card[data-module='b08'] .b08-kb-notif-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.82rem;
  color: #0f2744;
}

.module-card[data-module='b08'] .b08-kb-notif-item {
  margin: 0.2rem 0;
}

.module-card[data-module='b08'] .b08-kb-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-top: 1px solid #e8edf4;
  background: #fafbfc;
}

.module-card[data-module='b08'] .b08-kb-pager-label {
  font-size: 0.78rem;
  color: var(--b08-muted);
  margin-right: auto;
}

.module-card[data-module='b08'] .b08-kb-pager-btn {
  min-width: 2.25rem;
  padding: 0.28rem 0.5rem;
}

.module-card[data-module='b08'] .b08-kb-actions {
  white-space: nowrap;
}

.module-card[data-module='b08'] .b08-kb-rowact {
  display: inline-block;
  margin-right: 0.25rem;
  padding: 0.2rem 0.45rem;
  font-size: 0.72rem;
  border-radius: 6px;
  border: 1px solid #c5d4e8;
  background: #fff;
  color: #1e3a5f;
  cursor: pointer;
}

.module-card[data-module='b08'] .b08-kb-rowact--danger {
  border-color: rgba(239, 68, 68, 0.45);
  color: #b91c1c;
}

.module-card[data-module='b08'] .b08-kb-root--ledger-busy .b08-kb-rowact {
  pointer-events: none;
  opacity: 0.45;
}

.module-card[data-module='b08'] .b08-kb-btn--roadmap,
.module-card[data-module='b08'] .b08-kb-iconbtn--roadmap {
  border: 1px dashed #9fb4cc;
  background: rgba(255, 255, 255, 0.65);
  color: var(--b08-muted);
  cursor: pointer;
}

.module-card[data-module='b08'] .b08-kb-btn--roadmap:hover:not(:disabled),
.module-card[data-module='b08'] .b08-kb-iconbtn--roadmap:hover:not(:disabled) {
  border-color: var(--b08-blue);
  color: var(--b08-navy);
}

.module-card[data-module='b08'] .b08-kb-toolbar-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.35rem 0 0.5rem;
}

.module-card[data-module='b08'] .b08-kb-sort-label {
  font-size: 0.8rem;
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-kb-sort-select {
  margin-left: 0.35rem;
  padding: 0.25rem 0.45rem;
  border-radius: 6px;
  border: 1px solid var(--b08-line);
  font-size: 0.8rem;
  color: var(--b08-navy);
  background: #fff;
}

.module-card[data-module='b08'] .b08-kb-sync-err {
  max-width: 10rem;
  font-size: 0.72rem;
  line-height: 1.25;
  color: #9a3412;
  vertical-align: top;
  word-break: break-word;
}

.module-card[data-module='b08'] .b08-kb-sync-err--empty {
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-kb-table-wrap--loading {
  position: relative;
  pointer-events: none;
  opacity: 0.55;
  min-height: 6rem;
}

.module-card[data-module='b08'] .b08-kb-table-wrap--loading::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  animation: b08-kb-shimmer 1.1s ease-in-out infinite;
}

@keyframes b08-kb-shimmer {
  0% {
    transform: translateX(-40%);
  }
  100% {
    transform: translateX(40%);
  }
}

.module-card[data-module='b08'] .b08-kb-btn--danger {
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
  color: #fff;
  border: 1px solid #b91c1c;
  box-shadow: 0 1px 3px rgba(185, 28, 28, 0.25);
}

.module-card[data-module='b08'] .b08-kb-btn--danger:hover:not(:disabled) {
  filter: brightness(1.05);
}

.module-card[data-module='b08'] .b08-kb-notif-feed-item {
  margin: 0.35rem 0;
  font-size: 0.8rem;
  line-height: 1.35;
  color: #0f2744;
}

.module-card[data-module='b08'] .b08-kb-notif-time {
  display: inline-block;
  min-width: 3.2rem;
  margin-right: 0.35rem;
  font-variant-numeric: tabular-nums;
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-kb-notif-muted {
  color: var(--b08-muted);
  font-style: italic;
}

#b08-confirm-dialog.b08-kb-modal {
  position: fixed;
  inset: 0;
  z-index: 13000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  overflow: auto;
}

#b08-confirm-dialog.b08-kb-modal.hidden {
  display: none !important;
}

#b08-confirm-dialog .b08-kb-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 39, 68, 0.48);
}

#b08-confirm-dialog .b08-kb-modal-sheet {
  position: relative;
  z-index: 1;
  width: min(420px, 100%);
  border-radius: 12px;
  border: 1px solid var(--b08-line);
  background: #fff;
  box-shadow: 0 18px 48px rgba(15, 39, 68, 0.2);
  overflow: hidden;
}

#b08-confirm-dialog .b08-kb-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 1rem;
  background: linear-gradient(180deg, #0f2744 0%, #152f52 100%);
  color: #fff;
}

#b08-confirm-dialog .b08-kb-modal-head h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

#b08-confirm-dialog .b08-kb-modal-x {
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  padding: 0.25rem 0.45rem;
  border-radius: 6px;
  line-height: 1;
}

#b08-confirm-dialog .b08-kb-modal-x:hover {
  background: rgba(255, 255, 255, 0.12);
}

#b08-confirm-dialog .b08-kb-modal-body {
  padding: 1rem 1.1rem 0.25rem;
}

#b08-confirm-dialog .b08-kb-modal-text {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #1e293b;
}

#b08-confirm-dialog .b08-kb-modal-foot {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.85rem 1rem 1rem;
}

.module-card[data-module='b08'] .b08-kb-record-hint {
  margin: 0 0 0.55rem;
  font-size: 0.8rem;
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-kb-actions-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.55rem;
}

.module-card[data-module='b08'] .b08-kb-actions-row--r1 {
  margin-bottom: 0.45rem;
}

.module-card[data-module='b08'] .b08-kb-actions-row--r2 {
  margin-bottom: 0.65rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid #e8edf4;
}

.module-card[data-module='b08'] .b08-kb-r2-spacer {
  flex: 1 1 1rem;
}

.module-card[data-module='b08'] .b08-kb-inline-links {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.module-card[data-module='b08'] .b08-kb-chevron {
  display: inline-block;
  margin-left: 0.35rem;
  font-size: 0.65rem;
  opacity: 0.9;
}

.module-card[data-module='b08'] .b08-kb-btn {
  border-radius: 5px;
  padding: 0.42rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}

.module-card[data-module='b08'] .b08-kb-btn--primary-blue,
.module-card[data-module='b08'] .b08-kb-btn--blue {
  background: var(--b08-blue);
  color: #fff;
  border-color: var(--secondary-color, #115e59);
  box-shadow: 0 1px 2px rgba(17, 94, 89, 0.22);
}

.module-card[data-module='b08'] .b08-kb-btn--teal {
  background: #0f766e;
  color: #fff;
  border-color: #0d5c56;
}

.module-card[data-module='b08'] .b08-kb-btn--green {
  background: var(--b08-green);
  color: #fff;
  border-color: #22874a;
  box-shadow: 0 1px 2px rgba(34, 135, 74, 0.22);
}

.module-card[data-module='b08'] .b08-kb-btn--cyan {
  background: #2bb0c7;
  color: #fff;
  border-color: #209aad;
}

.module-card[data-module='b08'] .b08-kb-btn--outline,
.module-card[data-module='b08'] .b08-kb-btn--ghost {
  background: #fff;
  color: var(--b08-navy);
  border-color: #c5d0df;
  box-shadow: none;
}

.module-card[data-module='b08'] .b08-kb-iconbtn {
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border-radius: 5px;
  border: 1px solid #c5d0df;
  background: #fff;
  color: var(--b08-blue);
  cursor: not-allowed;
  opacity: 0.55;
}

.module-card[data-module='b08'] .b08-kb-textlink {
  border: none;
  background: none;
  color: var(--b08-blue);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: not-allowed;
  opacity: 0.55;
  text-decoration: underline;
  padding: 0.25rem 0.2rem;
}

.module-card[data-module='b08'] .b08-kb-search input {
  min-width: 12rem;
  border: 1px solid #c5d0df;
  border-radius: 5px;
  padding: 0.4rem 0.5rem 0.4rem 1.85rem;
  font: inherit;
  font-size: 0.8rem;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%235c6b7e' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") 0.5rem center no-repeat;
}

.module-card[data-module='b08'] .b08-kb-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.module-card[data-module='b08'] .b08-filter-drawer {
  border: 1px solid #cfe0f5;
  border-radius: 8px;
  padding: 0.55rem 0.65rem;
  margin-bottom: 0.55rem;
  background: #f4f9ff;
}

.module-card[data-module='b08'] .b08-filter-drawer.hidden {
  display: none;
}

.module-card[data-module='b08'] .b08-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.5rem;
}

.module-card[data-module='b08'] .b08-create-panel {
  display: none;
  border: 1px solid var(--b08-line);
  border-radius: 8px;
  padding: 0.65rem 0.75rem;
  margin-bottom: 0.55rem;
  background: #f8fafc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.module-card[data-module='b08'] .b08-create-panel.is-open {
  display: block;
}

.module-card[data-module='b08'] .b08-create-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  gap: 0.45rem 0.55rem;
}

.module-card[data-module='b08'] .b08-create-grid label {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.76rem;
  color: var(--b08-muted);
}

.module-card[data-module='b08'] .b08-create-grid input,
.module-card[data-module='b08'] .b08-create-grid select,
.module-card[data-module='b08'] .b08-create-grid textarea {
  font: inherit;
  font-size: 0.8rem;
  padding: 0.35rem 0.45rem;
  border-radius: 0.35rem;
  border: 1px solid rgba(15, 39, 68, 0.15);
  background: #fff;
}

.module-card[data-module='b08'] .b08-create-span2 {
  grid-column: 1 / -1;
}

.module-card[data-module='b08'] .b08-create-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.45rem;
}

.module-card[data-module='b08'] .b08-kb-status {
  min-height: 1.15rem;
  font-size: 0.78rem;
  color: var(--b08-muted);
  margin-bottom: 0.4rem;
}

.module-card[data-module='b08'] .b08-kb-btn:disabled {
  opacity: 0.52;
  cursor: not-allowed;
  box-shadow: none;
}

.module-card[data-module='b08'] .b08-kb-table-card {
  border: 1px solid var(--b08-line);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(20, 44, 69, 0.04);
}

.module-card[data-module='b08'] .b08-kb-table-legend {
  margin: 0;
  padding: 0.65rem 0.85rem 0.5rem;
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--b08-muted);
  background: #f8fafc;
  border-bottom: 1px solid #e8edf4;
}

.module-card[data-module='b08'] .b08-kb-table-wrap {
  overflow: auto;
  max-height: min(58vh, 440px);
}

.module-card[data-module='b08'] .b08-kb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.module-card[data-module='b08'] .b08-kb-table th,
.module-card[data-module='b08'] .b08-kb-table td {
  padding: 0.55rem 0.65rem;
  text-align: left;
  border-bottom: 1px solid #e8edf4;
  vertical-align: middle;
}

.module-card[data-module='b08'] .b08-kb-table tbody tr:nth-child(even) {
  background: #f9fafb;
}

.module-card[data-module='b08'] .b08-kb-table tbody tr:hover {
  background: #f0f6ff;
}

.module-card[data-module='b08'] .b08-kb-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, #d8ebfb 0%, #cfe5f8 100%);
  font-weight: 700;
  font-size: 0.8rem;
  color: #0f2744;
  border-bottom: 1px solid #b9d4ef;
  white-space: normal;
  line-height: 1.25;
  max-width: 9.5rem;
}

.module-card[data-module='b08'] .b08-kb-table th:nth-child(1),
.module-card[data-module='b08'] .b08-kb-table td:nth-child(1) {
  max-width: 3.5rem;
}

.module-card[data-module='b08'] .b08-kb-table th:nth-child(4),
.module-card[data-module='b08'] .b08-kb-table td:nth-child(4) {
  min-width: 9rem;
  max-width: 14rem;
}

.module-card[data-module='b08'] .b08-kb-badge {
  display: inline-block;
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

.module-card[data-module='b08'] .b08-kb-badge--erp {
  background: rgba(20, 184, 166, 0.15);
  color: #115e59;
}

.module-card[data-module='b08'] .b08-kb-badge--pending {
  background: rgba(245, 158, 11, 0.2);
  color: #92400e;
}

.module-card[data-module='b08'] .b08-kb-badge--synced {
  background: rgba(34, 197, 94, 0.2);
  color: #14532d;
}

.module-card[data-module='b08'] .b08-kb-badge--error {
  background: rgba(248, 113, 113, 0.25);
  color: #991b1b;
}

.module-card[data-module='b08'] .b08-kb-num {
  font-weight: 600;
  white-space: nowrap;
}

.module-card[data-module='b08'] .b08-kb-empty {
  text-align: center;
  color: #475569;
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 2.25rem 1.25rem !important;
}

.module-card[data-module='b08'] .b08-kb-due--late {
  color: #b91c1c;
  font-weight: 600;
}

/* B08 — platform workspace başlık şeridi B07 ile aynı hizada görünsün (önceden gizleniyordu) */
#module-workspace-root.module-workspace-root--b08 .module-workspace-bar {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.07);
  border-bottom: none;
  margin-bottom: 0.65rem;
  padding: 0.85rem 0.35rem 1rem;
  position: sticky;
  top: 0;
  z-index: 8;
}

#module-workspace-root.module-workspace-root--b08 .module-workspace-bar::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, #10b981, #059669);
  border-radius: 2px 2px 0 0;
  pointer-events: none;
}

#module-workspace-root.module-workspace-root--b08 .module-workspace-title-wrap {
  flex: 1;
  min-width: 0;
}

#module-workspace-root.module-workspace-root--b08 {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#module-workspace-root.module-workspace-root--b08 .module-workspace-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#module-workspace-root.module-workspace-root--b08 .module-workspace-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#module-workspace-root.module-workspace-root--b08 .module-card[data-module='b08'] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}

#module-workspace-root.module-workspace-root--b08 .module-card[data-module='b08'] .module-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
}

#module-workspace-body .module-card[data-module='b08'] .b08-kb-root {
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #e4eaf2;
}

#maytras-app .modules-grid .module-card[data-module='b08'] .b08-kb-ofis-sidebar,
#maytras-app .modules-grid .module-card[data-module='b08'] .b08-kb-ofis-topbar {
  display: none !important;
}

#maytras-app .modules-grid .module-card[data-module='b08'] .b08-kb-ofis-frame {
  display: block;
}

.module-card[data-module='b08'] .b08-kb-ofis-frame {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
}

.module-card[data-module='b08'] .b08-kb-ofis-sidebar {
  display: none;
  flex-direction: column;
  width: min(260px, 28vw);
  flex: 0 0 min(260px, 28vw);
  min-width: 220px;
  background: var(--surface-color, #fff);
  border-right: 1px solid var(--border-color, #e5e7eb);
  box-shadow: 2px 0 12px rgba(15, 23, 42, 0.04);
}

.module-card[data-module='b08'] .b08-kb-ofis-sidebar-head {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.85rem 1rem;
  background: linear-gradient(135deg, #0f172a 0%, var(--secondary-color, #115e59) 55%, var(--primary-color, #0d9488) 100%);
  color: #fff;
  flex-shrink: 0;
}

.module-card[data-module='b08'] .b08-kb-ofis-sidebar-logo {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.22);
  font-weight: 800;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.module-card[data-module='b08'] .b08-kb-ofis-sidebar-head-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  min-width: 0;
}

.module-card[data-module='b08'] .b08-kb-ofis-sidebar-kicker {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.88;
}

.module-card[data-module='b08'] .b08-kb-ofis-sidebar-title {
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.module-card[data-module='b08'] .b08-kb-ofis-nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0.4rem 0 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.module-card[data-module='b08'] .b08-kb-ofis-nav-divider {
  border: none;
  border-top: 1px solid var(--border-color, #e5e7eb);
  margin: 0.35rem 0.65rem;
}

.module-card[data-module='b08'] .b08-kb-ofis-nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.55rem 0.75rem 0.55rem 0.85rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 500;
  color: var(--text-secondary, #4b5563);
  text-align: left;
  border-right: 3px solid transparent;
  transition: background 0.12s ease, color 0.12s ease;
}

.module-card[data-module='b08'] .b08-kb-ofis-nav-row:hover {
  background: rgba(13, 148, 136, 0.06);
  color: var(--text-primary, #1f2937);
}

.module-card[data-module='b08'] .b08-kb-ofis-nav-row.is-active {
  background: rgba(13, 148, 136, 0.1);
  color: var(--primary-color, #0d9488);
  font-weight: 700;
  border-right-color: var(--primary-color, #0d9488);
}

.module-card[data-module='b08'] .b08-kb-ofis-nav-label {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3;
}

.module-card[data-module='b08'] .b08-kb-ofis-nav-ico {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  background: #eef2ff;
  color: #475569;
}

.module-card[data-module='b08'] .b08-kb-ofis-nav-row.is-active .b08-kb-ofis-nav-ico {
  background: var(--primary-color, #0d9488);
  color: #fff;
}

.module-card[data-module='b08'] .b08-kb-ofis-main {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.module-card[data-module='b08'] .b08-kb-ofis-topbar {
  display: none;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
  min-height: 52px;
  padding: 0 1rem;
  background: linear-gradient(90deg, #0f172a 0%, var(--secondary-color, #115e59) 55%, #0f172a 100%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.module-card[data-module='b08'] .b08-kb-ofis-topbar-left {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex: 0 0 auto;
}

.module-card[data-module='b08'] .b08-kb-ofis-back {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.65rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

.module-card[data-module='b08'] .b08-kb-ofis-back:hover {
  background: rgba(255, 255, 255, 0.14);
}

.module-card[data-module='b08'] .b08-kb-ofis-brand {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.module-card[data-module='b08'] .b08-kb-ofis-brand-mark {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--secondary-color, #115e59), var(--primary-color, #0d9488));
  color: #fff;
  font-weight: 800;
  font-size: 0.82rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.module-card[data-module='b08'] .b08-kb-ofis-brand-text {
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  color: #fff;
}

.module-card[data-module='b08'] .b08-kb-ofis-topbar-center {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: center;
}

.module-card[data-module='b08'] .b08-kb-ofis-search-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 420px;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(241, 245, 249, 0.88);
}

.module-card[data-module='b08'] .b08-kb-ofis-search-wrap input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 0.85rem;
  outline: none;
  font-family: inherit;
}

.module-card[data-module='b08'] .b08-kb-ofis-search-wrap input::placeholder {
  color: rgba(241, 245, 249, 0.55);
}

.module-card[data-module='b08'] .b08-kb-ofis-topbar-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}

.module-card[data-module='b08'] .b08-kb-ofis-iconbtn {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
}

.module-card[data-module='b08'] .b08-kb-ofis-iconbtn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.module-card[data-module='b08'] .b08-kb-ofis-user-pill {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-color, #0d9488), var(--secondary-color, #115e59));
  color: #fff;
  font-weight: 700;
  font-size: 0.78rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.22);
}

.module-card[data-module='b08'] .b08-kb-ofis-topbar .module-workspace-how-shell {
  margin-left: 0;
  position: relative;
}

.module-card[data-module='b08'] .b08-kb-ofis-topbar .module-how-trigger {
  border-radius: 999px;
  border: 1px solid rgba(45, 212, 191, 0.55);
  background: rgba(13, 148, 136, 0.25);
  color: #f0fdfa;
  font-weight: 600;
}

.module-card[data-module='b08'] .b08-kb-ofis-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0.75rem 1rem 1.25rem;
}

#module-workspace-body .module-card[data-module='b08'] .b08-kb-ofis-sidebar {
  display: flex;
  flex-direction: column;
}

/* Workspace üst şeridinde zaten «Genel bakış» var; Ofis topbar içindeki çift geri gizlenir */
#module-workspace-body .module-card[data-module='b08'] .b08-kb-ofis-back {
  display: none !important;
}

#module-workspace-body .module-card[data-module='b08'] .b08-kb-ofis-topbar {
  display: flex;
}

#module-workspace-body .module-card[data-module='b08'] .b08-kb-ofis-scroll {
  padding: 0.65rem 0.85rem 1rem;
}

/* B08: çalışma alanında ana içerik tam genişlik */
#maytras-app.b08-workspace-fullbleed .main-content {
  padding: 0;
  max-width: none;
  width: 100%;
}

#maytras-app.b08-workspace-fullbleed #module-workspace-root.module-workspace-root--b08 {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none;
  width: 100%;
}

#maytras-app.b08-workspace-fullbleed #module-workspace-root.module-workspace-root--b08 .module-workspace-scroll {
  gap: 0;
}

/* B08: çalışma alanında platform üst arama çubuğu gizlenir (daha fazla dikey alan) */
#maytras-app.b08-workspace-immersive .main-header {
  display: none !important;
}

.module-card[data-module='b08'] .b08-kb-ofis-menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
  cursor: pointer;
  font-family: inherit;
}

.module-card[data-module='b08'] .b08-kb-ofis-menu-btn:hover {
  background: rgba(255, 255, 255, 0.14);
}

.module-card[data-module='b08'] .b08-kb-ofis-sidebar-backdrop {
  display: none;
}

@media (max-width: 960px) {
  .module-card[data-module='b08'] .b08-kb-ofis-menu-btn {
    display: inline-flex;
  }

  #module-workspace-body .module-card[data-module='b08'] .b08-kb-ofis-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    transform: translateX(-108%);
    transition: transform 0.22s ease;
    max-height: none;
    height: 100dvh;
    box-shadow: 8px 0 28px rgba(15, 23, 42, 0.22);
  }

  #module-workspace-body .module-card[data-module='b08'] .b08-kb-ofis-frame.b08-ofis-sidebar-open .b08-kb-ofis-sidebar {
    transform: translateX(0);
  }

  .module-card[data-module='b08'] .b08-kb-ofis-sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1990;
    border: none;
    padding: 0;
    margin: 0;
    background: rgba(15, 23, 42, 0.48);
    cursor: pointer;
  }

  #module-workspace-body .module-card[data-module='b08'] .b08-kb-ofis-frame.b08-ofis-sidebar-open .b08-kb-ofis-sidebar-backdrop {
    display: block;
  }
}

@media (min-width: 961px) {
  .module-card[data-module='b08'] .b08-kb-ofis-sidebar-backdrop {
    display: none !important;
  }
}

/* A06 — MAYTRAS GTOS sektör panosu (kart ızgarası + detay) */
.a06-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* A06 — MAYTRAS GTOS sektör panosu */
.a06-sector-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.a06-sector-dashboard {
  --a06-mint: #ecfdf5;
  --a06-mint-deep: #d1fae5;
  --a06-mint-wave: rgba(16, 185, 129, 0.12);
  --a06-accent: #047857;
  --a06-text: var(--text-primary, #0f172a);
  --a06-text-muted: var(--text-secondary, #64748b);
  --a06-surface: rgba(255, 255, 255, 0.96);
  --a06-surface-muted: rgba(248, 250, 252, 0.92);
  --a06-border: rgba(15, 23, 42, 0.1);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  border-radius: 0.85rem;
  padding: 0.9rem 0.95rem 1rem;
  background: linear-gradient(165deg, var(--a06-mint) 0%, #f8fafc 48%, var(--a06-mint-deep) 100%);
  border: 1px solid rgba(16, 185, 129, 0.22);
  color: var(--a06-text);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-sector-dashboard,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-sector-dashboard {
  --a06-text: var(--gtos-color-text, #e5e7eb);
  --a06-text-muted: color-mix(in srgb, var(--gtos-color-text, #e5e7eb) 74%, transparent);
  --a06-surface: color-mix(in srgb, var(--gtos-color-bg, #0f172a) 90%, transparent);
  --a06-surface-muted: color-mix(in srgb, var(--gtos-color-surface, #1e293b) 86%, transparent);
  --a06-border: color-mix(in srgb, var(--gtos-color-border, #334155) 35%, transparent);
  color: var(--a06-text);
}

.a06-dashboard-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem 0.85rem;
  margin-bottom: 0.15rem;
}

.a06-dashboard-toolbar .a06-sector-search-wrap {
  flex: 1 1 240px;
  max-width: 420px;
}

.a06-dashboard-toolbar .a06-catalog-status {
  flex: 0 1 auto;
  margin-left: auto;
}

.a06-dashboard-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}

.a06-dashboard-hero-copy {
  flex: 1 1 260px;
  min-width: 0;
}

.a06-dashboard-hero-title {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-primary, #0f172a);
}

.a06-dashboard-hero-tools {
  flex: 0 1 320px;
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.a06-dashboard-section {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.a06-dashboard-section--trade {
  margin-top: -0.15rem;
}

.a06-dashboard-section--grid {
  padding-top: 0.15rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.a06-sector-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.55rem 0.85rem;
}

.a06-sector-section-copy {
  flex: 1 1 220px;
  min-width: 0;
}

.a06-sector-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.15rem;
}

.a06-sector-toolbar .a06-sector-intro {
  flex: 1 1 220px;
  max-width: 42rem;
}

.a06-sector-intro {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-secondary, #64748b);
  line-height: 1.45;
}

.a06-sector-search-wrap {
  flex: 0 1 280px;
  width: 100%;
  max-width: 320px;
}

.a06-sector-search {
  width: 100%;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  padding: 0.45rem 0.85rem;
  font: inherit;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.a06-catalog-status {
  min-height: 1.1rem;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

.a06-catalog-status-note {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.22);
  color: var(--text-primary, #0f172a);
}

.a06-catalog-status-error {
  color: var(--text-secondary, #64748b);
}

.a06-sector-grid-loading {
  opacity: 0.85;
}

.a06-sector-card--skeleton {
  pointer-events: none;
  min-height: 5.5rem;
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.12) 25%, rgba(148, 163, 184, 0.22) 50%, rgba(148, 163, 184, 0.12) 75%);
  background-size: 200% 100%;
  animation: a06-skeleton-shimmer 1.2s ease-in-out infinite;
  border-color: rgba(148, 163, 184, 0.18);
}

@keyframes a06-skeleton-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.a06-sector-error-state {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.85rem 0.95rem;
  border-radius: 0.65rem;
  border: 1px dashed rgba(148, 163, 184, 0.35);
  background: rgba(15, 23, 42, 0.03);
}

.a06-sector-error-msg {
  margin: 0;
  font-size: 0.84rem;
  color: var(--text-secondary, #64748b);
}

.a06-trade-overview-snapshot-note {
  margin: 0.45rem 0 0;
  font-size: 0.76rem;
  color: var(--text-secondary, #64748b);
}

.a06-trade-overview-hint--error {
  color: var(--text-secondary, #64748b);
}

.a06-pack-admin-shell {
  display: none !important;
}

.a06-sector-heading {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-primary, #0f172a);
}

.a06-sector-clusters-lead {
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-secondary, #64748b);
}

.a06-sector-view-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 0;
}

.a06-view-toggle {
  display: inline-flex;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.85);
  overflow: hidden;
}

.a06-view-btn {
  border: 0;
  background: transparent;
  padding: 0.35rem 0.75rem;
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
  color: var(--text-secondary, #64748b);
}

.a06-view-btn--active {
  background: rgba(16, 185, 129, 0.18);
  color: var(--text-primary, #0f172a);
  font-weight: 600;
}

.a06-trade-overview {
  margin: 0;
}

.a06-trade-overview-card {
  border-radius: 0.7rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.96);
  padding: 0.7rem 0.8rem 0.75rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.a06-trade-overview-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.45rem;
}

.a06-trade-overview-title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
}

.a06-trade-overview-hint {
  margin: 0;
  font-size: 0.75rem;
  color: var(--text-secondary, #64748b);
}

.a06-trade-overview-table-wrap {
  overflow-x: auto;
}

.a06-trade-overview-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}

.a06-trade-overview-table th,
.a06-trade-overview-table td {
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  text-align: left;
  vertical-align: middle;
  color: var(--text-primary, #0f172a);
}

.a06-trade-overview-table th {
  font-weight: 600;
  color: var(--text-secondary, #64748b);
  white-space: nowrap;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.a06-trade-overview-table .a06-tuik-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--text-primary, #0f172a);
  font-weight: 600;
}

.a06-trade-overview-open {
  border: 0;
  background: transparent;
  color: var(--accent, #059669);
  font: inherit;
  font-size: 0.76rem;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}

.a06-sector-flat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 0.65rem;
}

.a06-sector-card-gtip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--a06-accent, #047857);
  letter-spacing: 0.02em;
}

.a06-sector-card-gtip code {
  font-size: 0.72rem;
  padding: 0.05rem 0.35rem;
  border-radius: 0.35rem;
  background: rgba(16, 185, 129, 0.14);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.a06-sector-grid-root {
  min-height: 2rem;
}

.a06-sector-clusters {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.a06-sector-cluster {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.a06-sector-cluster-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0 0.05rem;
}

.a06-sector-cluster-title {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--text-primary, #1e293b);
  text-transform: none;
}

.a06-sector-cluster-count {
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-secondary, #64748b);
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.22);
}

.a06-sector-cluster-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 0.65rem;
}

@media (max-width: 1200px) {
  .a06-sector-cluster-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}

@media (max-width: 768px) {
  .a06-sector-cluster-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .a06-sector-cluster-grid {
    grid-template-columns: 1fr;
  }
}

.a06-sector-empty {
  margin: 0.35rem 0 0;
  font-size: 0.82rem;
  color: var(--text-secondary, #64748b);
}

.a06-sector-card {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0.65rem;
  cursor: pointer;
  text-align: left;
  font: inherit;
  overflow: hidden;
  background: #ecfdf5;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  border: 1px solid rgba(16, 185, 129, 0.22);
}

.a06-sector-card::before {
  content: '';
  position: absolute;
  right: -18%;
  bottom: -35%;
  width: 70%;
  height: 120%;
  background: radial-gradient(ellipse at 30% 30%, var(--a06-mint-wave), transparent 65%);
  pointer-events: none;
}

.a06-sector-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(16, 185, 129, 0.15);
  border-color: rgba(22, 163, 74, 0.55);
}

.a06-sector-card:hover .a06-sector-card-title {
  color: #15803d;
}

.a06-sector-card:focus-visible {
  outline: 2px solid #10b981;
  outline-offset: 2px;
}

.a06-sector-card--active {
  border-color: rgba(22, 163, 74, 0.85);
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.28);
}

.a06-sector-card--active .a06-sector-card-title {
  color: #166534;
}

.a06-sector-card-body {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  min-height: 4.1rem;
  padding: 0.55rem 0.5rem 0.55rem 0.65rem;
}

.a06-sector-card-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.a06-sector-card-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--a06-text, var(--text-primary, #1e293b));
  line-height: 1.25;
}

.a06-sector-card-hint {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.76rem;
  line-height: 1.35;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-sector-card-trade {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px dashed rgba(15, 23, 42, 0.1);
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-sector-card-trade--pending {
  font-style: italic;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-sector-card-trade-item {
  display: block;
  font-variant-numeric: tabular-nums;
}

.a06-sector-card-trade-key {
  font-weight: 600;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-dashboard-pulse {
  margin: 0.15rem 0 0.55rem;
}

.a06-dashboard-pulse.hidden {
  display: none;
}

.a06-dashboard-pulse-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.a06-pulse-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  border: 1px solid var(--a06-border, rgba(15, 23, 42, 0.1));
  background: var(--a06-surface, rgba(255, 255, 255, 0.92));
  font-size: 0.74rem;
  color: var(--a06-text, var(--text-primary, #0f172a));
  font-variant-numeric: tabular-nums;
}

.a06-pulse-chip--country {
  font-weight: 600;
  border-color: rgba(4, 120, 87, 0.25);
  background: rgba(236, 253, 245, 0.85);
}

.a06-pulse-chip--search {
  border-style: dashed;
}

.a06-pulse-key {
  font-weight: 600;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-balance--positive {
  color: #047857;
}

.a06-balance--negative {
  color: #b45309;
}

.a06-balance--neutral {
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-kpi-badge {
  display: inline-block;
  margin-top: 0.2rem;
  padding: 0.08rem 0.4rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  background: rgba(148, 163, 184, 0.14);
}

.a06-kpi-badge.a06-balance--positive {
  background: rgba(16, 185, 129, 0.14);
}

.a06-kpi-badge.a06-balance--negative {
  background: rgba(245, 158, 11, 0.16);
}

.a06-detail-trademap-preview {
  margin-top: 0.65rem;
  padding-top: 0.55rem;
  border-top: 1px dashed var(--a06-border, rgba(15, 23, 42, 0.1));
}

.a06-detail-trademap-preview-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-summary-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.a06-summary-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(16, 185, 129, 0.18);
  background: rgba(236, 253, 245, 0.65);
  font-size: 0.74rem;
  font-variant-numeric: tabular-nums;
}

.a06-detail-data-lead {
  margin: -0.15rem 0 0.15rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-top-sectors-panel {
  margin-top: 0.75rem;
}

.a06-top-sectors-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

@media (max-width: 720px) {
  .a06-top-sectors-grid {
    grid-template-columns: 1fr;
  }
}

.a06-top-sectors-list {
  margin: 0.35rem 0 0;
  padding-left: 1.1rem;
}

.a06-top-sectors-list li {
  margin: 0.2rem 0;
  font-size: 0.78rem;
  line-height: 1.4;
}

.a06-top-sector-link {
  border: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  font-size: inherit;
  color: var(--a06-accent, #047857);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.a06-top-sector-val {
  display: block;
  margin-top: 0.05rem;
  font-variant-numeric: tabular-nums;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-sector-card-visual {
  flex: 0 0 auto;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #fff 0%, var(--a06-mint-deep) 100%);
  border: 1px solid rgba(16, 185, 129, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.a06-sector-card-emoji {
  font-size: 1.35rem;
  line-height: 1;
}

.a06-sector-detail {
  margin-top: 0.15rem;
  animation: a06-detail-in 0.22s ease-out;
}

@keyframes a06-detail-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.a06-detail-back {
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid var(--a06-border, var(--border-color, rgba(15, 23, 42, 0.15)));
  padding: 0.35rem 0.75rem;
  font-size: 0.86rem;
  font: inherit;
  cursor: pointer;
  background: var(--a06-surface-muted, rgba(255, 255, 255, 0.9));
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-detail-card {
  border: 1px solid var(--a06-border, rgba(15, 23, 42, 0.12));
  border-radius: 0.75rem;
  padding: 0.85rem 0.95rem 0.9rem;
  background: var(--a06-surface, rgba(255, 255, 255, 0.98));
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-detail-title {
  margin: 0;
  flex: 1 1 12rem;
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-detail-meta {
  margin-bottom: 0.35rem;
  font-size: 0.86rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-detail-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.55rem 0.75rem;
  margin-bottom: 0.35rem;
}

.a06-detail-head-copy {
  flex: 1 1 12rem;
  min-width: 0;
}

.a06-detail-platform-note {
  margin: 0 0 0.55rem;
  padding: 0.45rem 0.6rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(16, 185, 129, 0.18);
  background: rgba(236, 253, 245, 0.75);
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-primary, #334155);
}

.a06-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.25fr) minmax(0, 0.95fr);
  gap: 0.75rem;
  margin-top: 0.35rem;
  align-items: stretch;
  min-height: 34rem;
}

@media (max-width: 1100px) {
  .a06-detail-layout {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}

.a06-detail-pane {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
  min-height: 34rem;
  padding: 0.75rem 0.8rem;
  border-radius: 0.65rem;
  border: 1px solid var(--a06-border, rgba(15, 23, 42, 0.08));
  background: var(--a06-surface-muted, rgba(248, 250, 252, 0.92));
  color: var(--a06-text, var(--text-primary, #0f172a));
}

@media (max-width: 1100px) {
  .a06-detail-pane {
    min-height: 18rem;
  }
}

.a06-detail-pane-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding-right: 0.15rem;
}

.a06-detail-pane--ai {
  background: var(--a06-surface, rgba(255, 255, 255, 0.94));
}

.a06-agent-chat {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 0.5rem;
}

.a06-agent-chat-hero {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 0.65rem;
  align-items: start;
  padding: 0.65rem 0.6rem 0.7rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(4, 120, 87, 0.18);
  background:
    radial-gradient(circle at 18% 12%, rgba(16, 185, 129, 0.16), transparent 52%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(236, 253, 245, 0.92));
  text-align: center;
}

.a06-agent-visual-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  flex-shrink: 0;
}

.a06-agent-visual-stage--mascot {
  width: min(100%, 13.5rem);
  min-width: 11.5rem;
  min-height: 17rem;
  padding: 0.55rem 0.45rem 1rem;
  margin: 0 auto;
  border-radius: 1.15rem;
  perspective: 1200px;
  perspective-origin: 50% 38%;
  overflow: visible;
  background:
    radial-gradient(120% 85% at 28% 8%, rgba(56, 189, 248, 0.2), transparent 58%),
    radial-gradient(95% 75% at 78% 92%, rgba(16, 185, 129, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.72), rgba(241, 245, 249, 0.38));
  border: 1px solid rgba(148, 163, 184, 0.32);
  box-shadow:
    0 20px 44px rgba(15, 23, 42, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.a06-agent-stage-ambient {
  position: absolute;
  inset: 12% 10% 22%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.18), transparent 72%);
  pointer-events: none;
  z-index: 0;
  animation: a06-mascot-glow 3.6s ease-in-out infinite;
}

.a06-agent-stage-ring {
  position: absolute;
  left: 50%;
  bottom: 1.15rem;
  width: 78%;
  height: 2.4rem;
  transform: translateX(-50%) rotateX(68deg);
  border-radius: 50%;
  border: 1px solid rgba(16, 185, 129, 0.35);
  box-shadow: 0 0 18px rgba(16, 185, 129, 0.22);
  pointer-events: none;
  z-index: 1;
}

.a06-agent-stage-floor {
  position: absolute;
  left: 50%;
  bottom: 0.55rem;
  width: 70%;
  height: 1.35rem;
  transform: translateX(-50%) rotateX(78deg);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(16, 185, 129, 0.42), transparent 72%);
  filter: blur(3px);
  pointer-events: none;
  z-index: 1;
}

.a06-agent-stage-rig {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  transform: rotateX(4deg) rotateY(-6deg);
  transition: transform 0.14s ease-out;
  will-change: transform;
  width: 100%;
  min-height: 14.5rem;
}

.a06-agent-stage-depth {
  position: absolute;
  inset: 4% 8% 10%;
  background-image: var(--a06-agent-photo);
  background-size: cover;
  background-position: center 6%;
  border-radius: 1rem;
  filter: blur(12px) saturate(1.12) brightness(0.82);
  opacity: 0.5;
  transform: translateZ(-32px) scale(1.08);
  pointer-events: none;
}

.a06-agent-stage-halo {
  position: absolute;
  inset: 18% 14% 24%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.24), transparent 72%);
  transform: translateZ(-12px);
  pointer-events: none;
  opacity: 0.85;
}

.a06-agent-stage-float {
  position: relative;
  z-index: 2;
  transform-style: preserve-3d;
}

.a06-agent-visual-stage--ready .a06-agent-stage-float {
  animation: a06-mascot-float-y 5.2s ease-in-out infinite;
}

@keyframes a06-mascot-float-y {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes a06-mascot-glow {
  0%, 100% { opacity: 0.75; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.04); }
}

.a06-agent-visual-stage--mascot .a06-agent-avatar-3d {
  display: block;
  transform-origin: center center;
  transform-style: preserve-3d;
  border-radius: 1rem;
  backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .a06-agent-visual-stage--ready .a06-agent-stage-float,
  .a06-agent-stage-ambient {
    animation: none;
  }
}

@media (max-width: 520px) {
  .a06-agent-chat-hero {
    justify-items: center;
  }
  .a06-agent-hero-copy {
    width: 100%;
  }
}

.a06-agent-hero-copy {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  min-width: 0;
  width: 100%;
  align-items: center;
}

.a06-agent-hero-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.a06-agent-speech-bubble {
  display: block;
  width: 100%;
  max-width: 18rem;
  margin-top: 0.35rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(4, 120, 87, 0.22);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 20px rgba(4, 120, 87, 0.1);
  text-align: center;
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.a06-agent-speech-bubble:hover,
.a06-agent-speech-bubble:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(4, 120, 87, 0.16);
  outline: none;
}

.a06-agent-speech-kicker {
  display: block;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--a06-accent, #047857);
}

.a06-agent-speech-text {
  margin: 0.18rem 0 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-agent-chat-head {
  display: none;
}

.a06-agent-chat-avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}

.a06-agent-chat-meta {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}

.a06-agent-chat-name {
  font-size: 0.92rem;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-agent-chat-role {
  font-size: 0.74rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-agent-chat-model {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 0.12rem;
  padding: 0.08rem 0.42rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  background: rgba(148, 163, 184, 0.16);
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-agent-chat-model--live {
  background: rgba(16, 185, 129, 0.16);
  color: #047857;
}

.a06-agent-chat-messages {
  flex: 1 1 auto;
  min-height: 10rem;
  max-height: none;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.35rem 0.15rem;
  border-radius: 0.55rem;
  border: 1px solid var(--a06-border, rgba(15, 23, 42, 0.08));
  background: rgba(255, 255, 255, 0.55);
}

.a06-chat-msg {
  display: flex;
  align-items: flex-end;
  gap: 0.4rem;
  max-width: 96%;
}

.a06-chat-msg-avatar {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(4, 120, 87, 0.18);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

.a06-chat-msg-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.a06-chat-msg--user {
  align-self: flex-end;
}

.a06-chat-msg--agent {
  align-self: flex-start;
}

.a06-chat-bubble {
  padding: 0.55rem 0.65rem;
  border-radius: 0.7rem;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-chat-msg--user .a06-chat-bubble {
  background: rgba(4, 120, 87, 0.14);
  border: 1px solid rgba(4, 120, 87, 0.18);
}

.a06-chat-msg--agent .a06-chat-bubble {
  background: var(--a06-surface, rgba(255, 255, 255, 0.96));
  border: 1px solid var(--a06-border, rgba(15, 23, 42, 0.1));
}

.a06-chat-time {
  display: block;
  margin-top: 0.28rem;
  font-size: 0.68rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-chat-report-host {
  margin-top: 0.45rem;
  max-height: 14rem;
  overflow: auto;
  border-top: 1px dashed var(--a06-border, rgba(15, 23, 42, 0.12));
  padding-top: 0.45rem;
}

.a06-chat-typing {
  font-style: italic;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-agent-prompt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.a06-agent-prompt-chips.hidden {
  display: none;
}

.a06-agent-prompt-chip {
  border: 1px solid rgba(4, 120, 87, 0.22);
  background: rgba(236, 253, 245, 0.85);
  color: var(--a06-accent, #047857);
  border-radius: 999px;
  padding: 0.22rem 0.55rem;
  font: inherit;
  font-size: 0.72rem;
  cursor: pointer;
}

.a06-agent-chat-actions {
  margin-top: 0;
}

.a06-agent-chat-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: end;
  margin-top: auto;
  padding-top: 0.15rem;
}

.a06-agent-chat-input {
  width: 100%;
  min-height: 2.65rem;
  max-height: 7rem;
  resize: vertical;
  border-radius: 0.55rem;
  border: 1px solid var(--a06-border, rgba(15, 23, 42, 0.12));
  padding: 0.45rem 0.6rem;
  font: inherit;
  font-size: 0.82rem;
  background: var(--a06-surface, rgba(255, 255, 255, 0.96));
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-agent-chat-send {
  min-width: 5.5rem;
  white-space: nowrap;
}

.a06-detail-pane-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-sector-card--all {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(209, 250, 229, 0.92) 100%);
  border: 1px solid rgba(4, 120, 87, 0.28);
}

.a06-sector-card--all .a06-sector-card-title {
  color: var(--a06-accent, #047857);
}

.a06-sector-card--all.a06-sector-card--active {
  box-shadow: 0 0 0 2px rgba(4, 120, 87, 0.35), 0 8px 24px rgba(4, 120, 87, 0.12);
}

.a06-detail-summary {
  margin: 0.75rem 0 0.85rem;
  padding: 0.85rem 0.95rem;
  border-radius: 0.75rem;
  border: 1px solid var(--a06-border, rgba(15, 23, 42, 0.1));
  background: var(--a06-surface, rgba(255, 255, 255, 0.96));
}

.a06-detail-summary-head {
  margin-bottom: 0.65rem;
}

.a06-detail-summary-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--a06-text, #0f172a);
}

.a06-detail-summary-lead {
  margin: 0.25rem 0 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--a06-text-muted, #64748b);
}

.a06-detail-summary-note,
.a06-all-sectors-footnote,
.a06-all-sectors-table-hint {
  margin: 0.55rem 0 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--a06-text-muted, #64748b);
}

.a06-all-sectors-table-wrap {
  margin-top: 0.85rem;
}

.a06-kpi-value--text {
  font-size: 0.82rem;
  font-weight: 600;
}

.a06-kpi-value--text {
  font-size: 0.82rem;
  font-weight: 600;
}

.a06-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.a06-kpi {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.45rem 0.5rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(16, 185, 129, 0.16);
  background: var(--a06-surface-muted, rgba(255, 255, 255, 0.92));
}

.a06-kpi-label {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-kpi-value {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--a06-text, var(--text-primary, #0f172a));
  font-variant-numeric: tabular-nums;
}

.a06-kpi-value code {
  font-size: 0.78rem;
}

.a06-kpi-empty,
.a06-result-loading,
.a06-result-empty {
  margin: 0;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

.a06-detail-result-body {
  font-size: 0.88rem;
  color: var(--a06-text, var(--text-primary, #334155));
  line-height: 1.55;
}

.a06-result-facts p,
.a06-result-facts li,
.a06-result-facts td,
.a06-result-facts th {
  color: var(--a06-text, var(--text-primary, #1e293b));
}

.a06-detail-highlights {
  margin: 0 0 0.45rem 1rem;
  padding: 0;
  font-size: 0.88rem;
  color: var(--a06-text, var(--text-primary, #334155));
}

.a06-detail-hl-label {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.82rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-detail-data-body {
  font-size: 0.86rem;
  color: var(--a06-text, var(--text-primary, #334155));
}

.a06-result-facts {
  max-height: none;
  overflow: visible;
  padding: 0.45rem 0.05rem 0.15rem;
}

.a06-detail-ai-hint {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-detail-pane--ai .a06-detail-actions {
  margin: 0;
}

.a06-detail-data-head {
  margin-bottom: 0.45rem;
}

.a06-detail-data-title {
  margin: 0;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text-primary, #0f172a);
}

.a06-detail-data-body {
  font-size: 0.8rem;
  color: var(--text-primary, #334155);
}

.a06-detail-hl-label {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

.a06-detail-highlights-wrap {
  margin-top: 0.55rem;
}

.a06-detail-title {
  margin: 0;
  flex: 1 1 12rem;
  font-size: 1rem;
  font-weight: 700;
}

.a06-detail-meta {
  margin-bottom: 0.35rem;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

.a06-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.35rem 0 0.55rem;
}

.a06-detail-action-btn {
  font-size: 0.8rem;
}

.a06-detail-ai-report {
  margin: 0.35rem 0 0.65rem;
}

.a06-detail-ai-report.hidden {
  display: none;
}

.a06-ai-report-card {
  border-radius: 0.65rem;
  border: 1px solid rgba(16, 185, 129, 0.25);
  background: rgba(255, 255, 255, 0.94);
  padding: 0.65rem 0.75rem;
}

.a06-ai-report-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
}

.a06-ai-report-head h5 {
  margin: 0;
  font-size: 0.9rem;
}

.a06-ai-report-body {
  max-height: 28rem;
  overflow: auto;
  font-size: 0.82rem;
  color: var(--text-primary, #1e293b);
  line-height: 1.55;
}

.a06-ai-report-body p,
.a06-ai-report-body li,
.a06-ai-report-body td,
.a06-ai-report-body th {
  color: var(--text-primary, #1e293b);
}

.a06-ai-report-loading,
.a06-ai-report-error {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-secondary, #64748b);
}

.a06-ai-report-error {
  color: #b91c1c;
}

.a06-auto-feed-banner {
  display: inline-block;
  font-size: 0.82rem;
  color: var(--text-muted, #5f6b7a);
}

.a06-ai-report-card--auto {
  border-color: color-mix(in srgb, var(--accent, #2563eb) 28%, transparent);
}

.a06-auto-report-badge {
  background: color-mix(in srgb, var(--accent, #2563eb) 12%, transparent);
}

.a06-detail-highlights {
  margin: 0 0 0.45rem 1rem;
  padding: 0;
  font-size: 0.78rem;
  color: var(--text-primary, #334155);
}

.a06-detail-sources {
  margin: 0 0 0.55rem;
  font-size: 0.74rem;
  color: var(--text-secondary, #64748b);
  line-height: 1.4;
}

.a06-detail-report-pool {
  margin-top: 0.45rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.55rem;
  border: 1px dashed rgba(16, 185, 129, 0.45);
  background: rgba(236, 253, 245, 0.65);
}

.a06-detail-report-pool-title {
  margin: 0 0 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text-primary, #14532d);
}

.a06-detail-report-pool-hint {
  margin: 0;
  font-size: 0.74rem;
  line-height: 1.45;
  color: var(--text-secondary, #64748b);
}

.a06-detail-report-pool-body {
  margin-top: 0.45rem;
  font-size: 0.74rem;
  color: var(--text-primary, #0f172a);
}

.a06-trademap-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}

.a06-trademap-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.22rem 0.52rem;
  border-radius: 999px;
  font-size: 0.78rem;
  border: 1px solid rgba(15, 118, 110, 0.2);
  background: rgba(240, 253, 250, 0.85);
  color: var(--a06-text, var(--text-primary, #0f172a));
}

html[data-theme='dark'] .gtos-mp--a06 .a06-trademap-chip,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-trademap-chip {
  background: color-mix(in srgb, var(--gtos-color-success) 12%, transparent);
  border-color: color-mix(in srgb, var(--gtos-color-success) 28%, transparent);
  color: var(--gtos-color-text);
}

.a06-trademap-table-wrap {
  overflow-x: auto;
}

.a06-trademap-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.a06-trademap-table th,
.a06-trademap-table td {
  padding: 0.38rem 0.45rem;
  border-bottom: 1px solid var(--a06-border, rgba(15, 23, 42, 0.08));
  text-align: left;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-trademap-table th {
  font-weight: 600;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-trademap-num {
  text-align: right !important;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-trademap-unit-note {
  margin: 0 0 0.45rem;
  padding: 0.4rem 0.55rem;
  border-radius: 0.5rem;
  border: 1px solid var(--a06-border, rgba(15, 118, 110, 0.18));
  background: color-mix(in srgb, var(--a06-mint-wave, rgba(16, 185, 129, 0.12)) 80%, transparent);
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-trademap-table--compact th,
.a06-trademap-table--compact td {
  padding: 0.42rem 0.5rem;
}

.a06-detail-card--loading .a06-data-skeleton {
  display: block;
}

.a06-data-skeleton {
  display: none;
  min-height: 4.5rem;
  margin: 0.35rem 0 0.5rem;
  border-radius: 0.65rem;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--a06-surface-muted, #f1f5f9) 88%, transparent) 0%,
    color-mix(in srgb, var(--a06-mint-wave, rgba(16, 185, 129, 0.12)) 55%, transparent) 50%,
    color-mix(in srgb, var(--a06-surface-muted, #f1f5f9) 88%, transparent) 100%
  );
  background-size: 200% 100%;
  animation: a06-skeleton-shimmer 1.2s ease-in-out infinite;
}

.a06-data-loading-label {
  display: none;
  margin: 0;
  font-size: 0.84rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-detail-card--loading .a06-data-loading-label {
  display: block;
}

@keyframes a06-skeleton-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

.a06-trademap-footnote--muted {
  opacity: 0.72;
  font-size: 0.76rem;
}

.a06-result-facts .c01-sector-report,
.a06-ai-report-body .c01-sector-report {
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-result-facts .c01-report-table th,
.a06-result-facts .c01-report-table td,
.a06-ai-report-body .c01-report-table th,
.a06-ai-report-body .c01-report-table td {
  color: var(--a06-text, var(--text-primary, #0f172a));
  border-color: var(--a06-border, #e5e7eb);
}

.a06-result-facts .c01-report-table thead th,
.a06-ai-report-body .c01-report-table thead th {
  background: var(--a06-surface-muted, #f9fafb);
  color: var(--a06-text, var(--text-primary, #0f172a));
}

html[data-theme='dark'] .gtos-mp--a06 .a06-result-facts .c01-report-table thead th,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-result-facts .c01-report-table thead th,
html[data-theme='dark'] .gtos-mp--a06 .a06-ai-report-body .c01-report-table thead th,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-ai-report-body .c01-report-table thead th {
  background: var(--a06-surface-muted);
  color: var(--a06-text);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-trademap-unit-note,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-trademap-unit-note {
  background: color-mix(in srgb, var(--gtos-color-success) 10%, transparent);
  color: var(--a06-text-muted);
}

.a06-trademap-footnote {
  margin: 0.45rem 0 0;
  font-size: 0.8rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-trademap-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  margin-top: 0.45rem;
}

.a06-trademap-page-meta {
  font-size: 0.82rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-trademap-page-btn {
  border: 1px solid rgba(15, 118, 110, 0.3);
  background: var(--a06-surface, #ffffff);
  color: var(--a06-text, var(--text-primary, #0f172a));
  border-radius: 0.45rem;
  padding: 0.3rem 0.55rem;
  font-size: 0.82rem;
  cursor: pointer;
}

.a06-trademap-page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.a06-tuik-stack {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}

.a06-tuik-panel {
  border: 1px solid var(--a06-border, var(--border-color, rgba(15, 23, 42, 0.12)));
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  background: var(--a06-surface-muted, var(--surface-elevated, rgba(255, 255, 255, 0.6)));
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-tuik-panel--gap {
  border-color: rgba(234, 88, 12, 0.35);
  background: rgba(255, 247, 237, 0.45);
}

.a06-tuik-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin-bottom: 0.45rem;
}

.a06-tuik-head h5 {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 650;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-tuik-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  background: rgba(59, 130, 246, 0.12);
  color: var(--text-secondary, #334155);
}

.a06-tuik-chip--gap {
  background: rgba(234, 88, 12, 0.15);
  color: #9a3412;
}

.a06-tuik-chip--partial {
  background: rgba(245, 158, 11, 0.18);
  color: #92400e;
}

.a06-tuik-meta,
.a06-tuik-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
  font-size: 0.78rem;
}

.a06-tuik-table-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.55rem;
}

.a06-tuik-table-wrap {
  overflow-x: auto;
}

.a06-tuik-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
}

.a06-tuik-table th,
.a06-tuik-table td {
  border-bottom: 1px solid var(--a06-border, var(--border-color, rgba(15, 23, 42, 0.08)));
  padding: 0.32rem 0.4rem;
  text-align: left;
  color: var(--a06-text, var(--text-primary, #0f172a));
}

.a06-tuik-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.a06-tuik-gtip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.5rem;
  margin-top: 0.45rem;
}

.a06-tuik-gtip-list {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
  font-size: 0.76rem;
}

.a06-tuik-provenance,
.a06-tuik-gap-msg,
.a06-tuik-loading {
  margin: 0.35rem 0 0;
  font-size: 0.84rem;
  color: var(--a06-text-muted, var(--text-secondary, #64748b));
}

.a06-tuik-steps {
  margin: 0.35rem 0 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--a06-text, var(--text-primary, #334155));
}

html[data-theme='dark'] .gtos-mp--a06 .a06-sector-dashboard,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-sector-dashboard {
  --a06-accent: color-mix(in srgb, var(--gtos-color-success, #34d399) 85%, var(--gtos-color-text, #e5e7eb));
}

html[data-theme='dark'] .gtos-mp--a06 .a06-sector-card-title,
html[data-theme='dark'] .gtos-mp--a06 .a06-sector-card-hint,
html[data-theme='dark'] .gtos-mp--a06 .a06-sector-card-gtip,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-sector-card-title,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-sector-card-hint,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-sector-card-gtip {
  color: var(--a06-text-muted, var(--gtos-color-text, #e5e7eb));
}

html[data-theme='dark'] .gtos-mp--a06 .a06-sector-card-gtip,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-sector-card-gtip {
  color: var(--a06-accent, var(--gtos-color-success, #34d399));
}

html[data-theme='dark'] .gtos-mp--a06 .a06-tuik-panel,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-tuik-panel {
  background: var(--a06-surface-muted);
  border-color: var(--a06-border);
  color: var(--a06-text);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-tuik-table th,
html[data-theme='dark'] .gtos-mp--a06 .a06-tuik-table td,
html[data-theme='dark'] .gtos-mp--a06 .a06-trademap-footnote,
html[data-theme='dark'] .gtos-mp--a06 .a06-trademap-page-meta,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-tuik-table th,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-tuik-table td,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-trademap-footnote,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-trademap-page-meta {
  color: var(--a06-text);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-detail-back,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-detail-back {
  background: var(--a06-surface-muted);
  border-color: var(--a06-border);
  color: var(--a06-text);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-agent-chat-hero,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-agent-chat-hero {
  background:
    radial-gradient(circle at 18% 12%, rgba(16, 185, 129, 0.12), transparent 52%),
    linear-gradient(145deg, color-mix(in srgb, var(--gtos-color-surface, #1e293b) 92%, transparent), color-mix(in srgb, var(--gtos-color-bg, #0f172a) 88%, transparent));
  border-color: color-mix(in srgb, var(--gtos-color-success, #34d399) 28%, transparent);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-agent-visual-stage--mascot,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-agent-visual-stage--mascot {
  background:
    radial-gradient(120% 85% at 28% 8%, rgba(56, 189, 248, 0.14), transparent 58%),
    radial-gradient(95% 75% at 78% 92%, rgba(16, 185, 129, 0.16), transparent 55%),
    linear-gradient(165deg, color-mix(in srgb, var(--gtos-color-surface, #1e293b) 88%, transparent), color-mix(in srgb, var(--gtos-color-bg, #0f172a) 82%, transparent));
  border-color: color-mix(in srgb, var(--gtos-color-border, #334155) 55%, transparent);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-agent-speech-bubble,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-agent-speech-bubble {
  background: color-mix(in srgb, var(--gtos-color-surface, #1e293b) 90%, transparent);
  border-color: color-mix(in srgb, var(--gtos-color-success, #34d399) 24%, transparent);
}

html[data-theme='dark'] .gtos-mp--a06 .a06-agent-chat-messages,
html[data-theme='dark'] #module-workspace-root.module-workspace-root--a06 .a06-agent-chat-messages {
  background: color-mix(in srgb, var(--gtos-color-bg, #0f172a) 55%, transparent);
}

html[data-theme='dark'] .a06-tuik-panel {
  background: var(--a06-surface-muted, rgba(15, 23, 42, 0.55));
}

html[data-theme='dark'] .a06-tuik-panel--gap {
  background: rgba(124, 45, 18, 0.25);
}

.a06-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.35rem;
}

.a06-pack-divider {
  border: none;
  border-top: 1px solid var(--border-color, rgba(15, 23, 42, 0.1));
  margin: 0.35rem 0;
}

/* A07 — Ülke PEST çalışma alanı */
.a07-workspace {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.a07-workspace-dashboard {
  --a07-tint: #eef2ff;
  --a07-tint-deep: #e0e7ff;
  --a07-border: rgba(79, 70, 229, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem 0.85rem 0.85rem;
  background: linear-gradient(165deg, var(--a07-tint) 0%, #f8fafc 55%, var(--a07-tint-deep) 100%);
  border: 1px solid var(--a07-border);
}

.a07-workspace-intro {
  margin: 0 0 0.55rem;
  font-size: 0.82rem;
  color: var(--text-secondary, #64748b);
  line-height: 1.45;
}

/* A07 ülke alanı — A02 ile aynı öneri kutusu (a02-country-combo) */
.a07-country-combo {
  position: relative;
  width: 100%;
}

.a07-country-profile-wrap {
  margin: 0.5rem 0 0.35rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid var(--a07-border, rgba(79, 70, 229, 0.2));
  background: rgba(255, 255, 255, 0.55);
}

.a07-country-profile-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.35rem;
}

.a07-country-profile-title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary, #0f172a);
}

.a07-country-profile-badge {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-muted, #64748b);
}

.a07-country-profile-meta {
  margin: 0 0 0.45rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-secondary, #475569);
  word-break: break-word;
}

.a07-country-profile-actions {
  margin-bottom: 0.45rem;
}

.a07-country-profile-text {
  margin: 0;
  max-height: 14rem;
  overflow: auto;
  padding: 0.5rem 0.55rem;
  font-size: 0.72rem;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 0.45rem;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: var(--text-primary, #0f172a);
}

.a07-tuik-supplement-wrap {
  margin: 0.5rem 0 0.35rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(14, 116, 144, 0.25);
  background: rgba(236, 254, 255, 0.45);
}

.a07-tuik-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin-bottom: 0.45rem;
}

.a07-tuik-title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 650;
}

.a07-tuik-badge {
  font-size: 0.72rem;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  background: rgba(14, 116, 144, 0.12);
  color: #0e7490;
}

.a07-tuik-stack {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.a07-tuik-section {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.5rem;
  padding: 0.45rem 0.55rem;
  background: rgba(255, 255, 255, 0.55);
}

.a07-tuik-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}

.a07-tuik-section-head h6 {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 650;
}

.a07-tuik-chip {
  font-size: 0.68rem;
  padding: 0.08rem 0.4rem;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.12);
}

.a07-tuik-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.72rem;
}

.a07-tuik-table th,
.a07-tuik-table td {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  padding: 0.28rem 0.35rem;
  text-align: left;
}

.a07-tuik-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.a07-tuik-note,
.a07-tuik-empty,
.a07-tuik-trade-line {
  margin: 0.25rem 0 0;
  font-size: 0.72rem;
  color: var(--text-muted, #64748b);
}

.a07-tuik-mini-list {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
  font-size: 0.72rem;
}

html[data-theme='dark'] .a07-tuik-supplement-wrap {
  background: rgba(15, 23, 42, 0.55);
}

html[data-theme='dark'] .a07-tuik-section {
  background: rgba(15, 23, 42, 0.35);
}

.a07-trademap-wrap {
  margin: 0.5rem 0 0.35rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid var(--a07-border, rgba(79, 70, 229, 0.2));
  background: rgba(255, 255, 255, 0.45);
}

.a07-trademap-title {
  margin: 0 0 0.35rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary, #0f172a);
}

.a07-trademap-note {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--text-muted, #64748b);
}

.a07-trademap-table-scroll {
  overflow-x: auto;
  margin-bottom: 0.35rem;
}

.a07-trademap-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.72rem;
}

.a07-trademap-table th,
.a07-trademap-table td {
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 0.35rem 0.4rem;
  text-align: left;
  vertical-align: top;
}

.a07-trademap-table th {
  background: rgba(238, 242, 255, 0.9);
  font-weight: 600;
  white-space: nowrap;
}

.a07-trademap-table td:nth-child(3),
.a07-trademap-table td:nth-child(4),
.a07-trademap-table th:nth-child(3),
.a07-trademap-table th:nth-child(4) {
  text-align: right;
  white-space: nowrap;
}

.a07-trademap-export {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--text-secondary, #475569);
}

.a07-open-data-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.a07-open-data-status {
  font-size: 0.8125rem;
  color: var(--text-muted, #64748b);
}

.a07-scores-panel-wrap {
  margin: 0.35rem 0 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(79, 70, 229, 0.18);
  background: rgba(255, 255, 255, 0.55);
}

.a07-scores-panel-title {
  margin: 0 0 0.4rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-primary, #0f172a);
}

.a07-scores-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--text-primary, #334155);
}

.a07-scores-li {
  margin-bottom: 0.25rem;
}

.a07-scores-num {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #4f46e5;
}

.a07-scores-note {
  color: var(--text-muted, #64748b);
}

.a07-scores-disclaimer {
  margin: 0.45rem 0 0;
  font-size: 0.72rem;
  color: var(--text-muted, #64748b);
  line-height: 1.35;
}

.a07-workspace-fields {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.a07-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.a07-field--full {
  width: 100%;
}

.a07-field-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-primary, #1e293b);
}

.a07-input,
.a07-textarea {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid rgba(15, 23, 42, 0.12);
  padding: 0.45rem 0.55rem;
  font: inherit;
  font-size: 0.82rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.a07-textarea {
  resize: vertical;
  min-height: 3.5rem;
  line-height: 1.35;
}

.a07-textarea--compact {
  min-height: 2.5rem;
}

.a07-pest-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (max-width: 720px) {
  .a07-pest-grid {
    grid-template-columns: 1fr;
  }
}

.a07-pack-divider {
  border: none;
  border-top: 1px solid var(--border-color, rgba(15, 23, 42, 0.1));
  margin: 0.5rem 0 0.35rem;
}

.detail-actions {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem;
}

.detail-action-status {
  margin-top: 0.5rem;
  color: var(--text-secondary);
  font-size: 0.85rem;
}

.module-card.highlight {
  outline: 2px solid var(--accent-color);
}

.detail-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.detail-overlay.hidden {
  display: none;
}

.hidden {
  display: none;
}

.detail-panel {
  background: var(--surface-color);
  width: min(900px, 92vw);
  max-height: 80vh;
  overflow: auto;
  border-radius: 1rem;
  box-shadow: var(--shadow-lg);
  padding: 1.5rem;
}

.auth-panel {
  width: min(460px, 92vw);
}

.auth-tabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

/* --- OAuth sosyal giriş --- */
.auth-social {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.auth-social.hidden {
  display: none;
}

.auth-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.6rem 0.9rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 8px;
  background: var(--surface-color, #fff);
  color: var(--text-primary, #1f2937);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.auth-social-btn:hover,
.auth-social-btn:focus-visible {
  border-color: var(--primary-color, #0d9488);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
  outline: none;
}

.auth-social-btn.hidden {
  display: none;
}

.auth-social-btn svg {
  flex: none;
}

.auth-social-divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-secondary, #6b7280);
  font-size: 0.78rem;
  margin-top: 0.25rem;
}

.auth-social-divider::before,
.auth-social-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border-color, #e5e7eb);
}

/* --- Modern auth paneli (Giriş yapın · e-posta-önce akış) --- */
.auth-panel--modern {
  width: min(420px, 92vw);
  padding: 2rem 2.2rem 1.6rem;
  text-align: center;
}

.auth-panel--modern .auth-head h3 {
  font-size: 1.7rem;
  font-weight: 700;
  margin: 0 0 0.4rem;
  color: var(--text-primary, #111827);
}

.auth-switch {
  font-size: 0.86rem;
  color: var(--text-secondary, #6b7280);
  margin: 0 0 1.4rem;
}

.auth-link {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: 0.86rem;
  color: var(--primary-color, #0d9488);
  cursor: pointer;
  text-decoration: none;
}

.auth-link:hover,
.auth-link:focus-visible {
  text-decoration: underline;
  outline: none;
}

.auth-panel--modern .auth-body {
  text-align: left;
}

.auth-panel--modern .form-group {
  margin-bottom: 0.85rem;
}

.auth-panel--modern .form-group label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-secondary, #6b7280);
  margin-bottom: 0.3rem;
}

.auth-panel--modern .form-group input {
  width: 100%;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--border-color, #d1d5db);
  border-radius: 8px;
  font: inherit;
  background: var(--surface-color, #fff);
  color: var(--text-primary, #111827);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.auth-panel--modern .form-group input:focus {
  border-color: var(--primary-color, #0d9488);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
  outline: none;
}

.auth-primary {
  width: 100%;
  padding: 0.7rem 1rem;
  border-radius: 8px;
  font-weight: 600;
  margin-top: 0.2rem;
}

.auth-primary.hidden {
  display: none;
}

.auth-step2 {
  margin-top: 0.85rem;
}

.auth-step2.hidden {
  display: none;
}

.auth-panel--modern .auth-links {
  justify-content: center;
  margin-top: 0.85rem;
}

.auth-panel--modern .auth-social {
  margin: 1.1rem 0 0;
}

.auth-footer--modern {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  margin-top: 1.1rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--border-color, #e5e7eb);
}

.auth-footer--modern #auth-status {
  font-size: 0.8rem;
  color: #b91c1c;
  min-height: 1em;
}

/* --- Hesap · Bağlı hesaplar paneli --- */
.account-lead {
  color: var(--text-secondary, #6b7280);
  font-size: 0.88rem;
  margin: 0 0 0.9rem;
}

.account-connections {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.account-conn-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 8px;
  background: var(--surface-color, #fff);
}

.account-conn-name {
  font-weight: 600;
  min-width: 90px;
}

.account-conn-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.account-conn-state {
  font-size: 0.78rem;
  color: var(--text-secondary, #6b7280);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 999px;
  padding: 0.1rem 0.55rem;
  white-space: nowrap;
}

.account-conn-state.is-linked {
  color: #047857;
  border-color: rgba(4, 120, 87, 0.35);
  background: rgba(4, 120, 87, 0.08);
}

.account-conn-mail {
  font-size: 0.8rem;
  color: var(--text-secondary, #6b7280);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-conn-loading {
  color: var(--text-secondary, #6b7280);
  font-size: 0.85rem;
  padding: 0.5rem 0;
}

.account-status {
  margin-top: 0.75rem;
  font-size: 0.82rem;
  color: var(--text-secondary, #6b7280);
  min-height: 1.1em;
}

.auth-body {
  display: grid;
  gap: 1rem;
}

.auth-section.hidden {
  display: none;
}

.auth-footer {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-secondary);
  font-size: 0.85rem;
}

.detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.detail-close {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

.detail-content {
  display: grid;
  gap: 0.75rem;
  color: var(--text-secondary);
}

.detail-toolbar {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.detail-toolbar input {
  width: 100%;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
}

.detail-toolbar select {
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
}

.a02-engine-toolbar .a02-inline-label {
  align-self: center;
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin-right: 0.15rem;
}

.a02-engine-toolbar .a02-inline-check {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: var(--text-secondary);
  white-space: nowrap;
  align-self: center;
}

/* A02 — müşteri talep kutusu */
.a02-customer-request {
  margin-bottom: 1.25rem;
  padding: 1rem 1.15rem;
  border-radius: 0.85rem;
  border: 1px solid var(--border-color);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.06), rgba(14, 165, 233, 0.04));
}

.a02-customer-request-label {
  display: block;
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--text-primary);
  margin-bottom: 0.35rem;
}

.a02-customer-request-hint {
  margin: 0 0 0.65rem;
  font-size: 0.88rem;
  color: var(--text-secondary);
  line-height: 1.45;
}

.a02-request-textarea {
  width: 100%;
  min-height: 4.5rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--border-color);
  border-radius: 0.65rem;
  font-size: 0.95rem;
  font-family: inherit;
  resize: vertical;
  margin-bottom: 0.65rem;
  background: var(--bg-primary, #fff);
  color: var(--text-primary);
}

.a02-request-textarea::placeholder {
  color: #5c6370;
  opacity: 1;
  font-weight: 500;
}

.a02-customer-request-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.a02-request-kbd-hint {
  font-size: 0.78rem;
  color: var(--text-secondary);
}

.a02-request-kbd-hint kbd {
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
  border: 1px solid var(--border-color);
  font-size: 0.72rem;
  background: var(--bg-primary, #fff);
}

.a02-request-summary {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px dashed var(--border-color);
}

.a02-summary-intro {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
}

.a02-summary-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}

.a02-chip {
  display: inline-block;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  font-size: 0.8rem;
  background: rgba(20, 184, 166, 0.12);
  color: var(--text-primary);
  border: 1px solid rgba(20, 184, 166, 0.25);
}

.a02-summary-ok {
  margin: 0.35rem 0 0;
  font-size: 0.9rem;
  color: #047857;
}

.a02-summary-warn {
  margin: 0.35rem 0 0;
  font-size: 0.9rem;
  color: #b45309;
}

details.a02-advanced-filters {
  margin-bottom: 1.15rem;
  border: 1px solid var(--border-color);
  border-radius: 0.9rem;
  padding: 0;
  background: var(--surface-color);
  box-shadow: var(--shadow);
  overflow: hidden;
}

details.a02-advanced-filters > summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0.85rem;
  font-weight: 650;
  font-size: 0.95rem;
  color: var(--text-primary);
  padding: 0.85rem 1rem;
  background: linear-gradient(180deg, rgba(241, 245, 249, 0.95) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-bottom: 1px solid var(--border-color);
}

details.a02-advanced-filters > summary::-webkit-details-marker {
  display: none;
}

details.a02-advanced-filters > summary::before {
  content: '';
  width: 0.35rem;
  align-self: stretch;
  min-height: 1.25rem;
  margin-right: 0.15rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #0f766e, #14b8a6);
  flex-shrink: 0;
}

details.a02-advanced-filters[open] > summary::after {
  content: '▼';
  font-size: 0.65rem;
  color: var(--text-secondary);
  margin-left: auto;
}

details.a02-advanced-filters:not([open]) > summary::after {
  content: '▶';
  font-size: 0.65rem;
  color: var(--text-secondary);
  margin-left: auto;
}

.a02-filters-summary-title {
  font-weight: 700;
}

.a02-filters-summary-tag {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-secondary);
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.1);
  border: 1px solid rgba(15, 118, 110, 0.2);
}

.a02-advanced-summary-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}

.a02-filters-summary-sub {
  font-size: 0.84rem;
  font-weight: 500;
  color: #475569;
  line-height: 1.4;
  max-width: 52rem;
}

details.a02-advanced-filters .a02-step-hint,
details.a02-advanced-filters .a02-advanced-lead,
details.a02-advanced-filters .a02-filter-grid,
details.a02-advanced-filters .a02-filter-range-grid,
details.a02-advanced-filters .a02-filter-check-row,
details.a02-advanced-filters .a02-filter-actions-row,
details.a02-advanced-filters .a02-xlsx-path-hint {
  margin-left: 1rem;
  margin-right: 1rem;
}

details.a02-advanced-filters .a02-advanced-lead {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-size: 0.88rem;
  font-weight: 500;
  color: #374151;
  line-height: 1.5;
}

details.a02-advanced-filters .a02-step-hint {
  margin-top: 1rem;
}

details.a02-advanced-filters .a02-filter-actions-row {
  margin-bottom: 1rem;
}

details.a02-advanced-filters .a02-filter-check-row {
  margin-bottom: 1rem;
}

#detail-export {
  white-space: nowrap;
}

.detail-body {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1rem;
}

.detail-list {
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  overflow: hidden;
  max-height: 60vh;
  overflow-y: auto;
}

.detail-item {
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  background: white;
}

.detail-item:last-child {
  border-bottom: none;
}

.detail-item.active {
  background: #eef2ff;
}

.customer-module-summary {
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: #f8fafc;
  color: #1f2937;
  font-size: 0.85rem;
  line-height: 1.4;
}

.price-ticker {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.price-item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background: white;
}

.price-item .commodity {
  font-weight: 600;
  flex: 1 1 100%;
}

.price-item .change.positive {
  color: #16a34a;
}

.price-item .change.negative {
  color: #dc2626;
}

.price-item .price-usd {
  flex: 1 1 100%;
  font-size: 0.85rem;
  color: #4b5563;
}

.marketplace-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background: white;
}

.marketplace-item .platform {
  font-weight: 600;
}

.marketplace-item .roi {
  color: #0d9488;
  font-size: 0.9rem;
}

.marketplace-item .meta {
  color: #4b5563;
  font-size: 0.85rem;
}

.source-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}

.source-summary .source-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  border: 1px solid #c7d2fe;
  background: #eef2ff;
  color: #3730a3;
  font-size: 0.78rem;
}

.source-summary .source-chip.blocked {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

.source-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  width: fit-content;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  border: 1px solid #a5f3fc;
  background: #ecfeff;
  color: #155e75;
  font-size: 0.76rem;
}

/* —— A05 · Pazaryeri & fuar takvimi (2026 panel) —— */
.module-card[data-module='a05'],
.module-workspace-body .module-card[data-module='a05'] {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.module-card[data-module='a05'] .module-content {
  position: relative;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: visible;
}

/* A05 kart başlığındaki teknik “freshness / probe” satırı (son kullanıcı arayüzünde gizli) */
.module-card[data-module='a05'] .module-freshness {
  display: none !important;
}

.a05-module-body {
  position: relative;
  border-radius: 1rem;
  padding: 0.25rem 0.1rem 0.5rem;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.a05-ambient {
  pointer-events: none;
  position: absolute;
  inset: -40% -20% auto -20%;
  height: 55%;
  background: radial-gradient(ellipse 80% 70% at 50% 0%, rgba(20, 184, 166, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 50% at 90% 20%, rgba(14, 165, 233, 0.1), transparent 50%);
  opacity: 0.9;
}

.a05-seg-tabs {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.35rem 0 1rem;
  padding: 0.35rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.a05-seg-tab {
  flex: 1 1 160px;
  border: none;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  font-size: 0.88rem;
  letter-spacing: 0.01em;
  padding: 0.55rem 1rem;
  border-radius: 999px;
  color: var(--text-secondary);
  background: transparent;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.a05-seg-tab.is-active {
  color: #0f172a;
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.a05-seg-panel {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.a05-panel-lead {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin: 0 0 1rem;
  max-width: 52rem;
}

.a05-query-screen {
  margin-bottom: 0.75rem;
}

.a05-query-screen:has(.a05-fair-search-panel) {
  display: block;
}

.a05-fair-search-panel {
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.07);
  padding: 1rem 1.1rem 1.05rem;
  margin-bottom: 0.35rem;
  overflow: visible;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.a05-fair-search-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
  margin-bottom: 0.85rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}

.a05-fair-search-panel-intro {
  flex: 1 1 16rem;
  min-width: 0;
}

.a05-fair-search-panel-kicker {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0d9488;
  margin-bottom: 0.25rem;
}

.a05-fair-search-panel-title {
  margin: 0 0 0.35rem;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.a05-fair-search-panel-desc {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--text-secondary);
  max-width: 44rem;
}

.a05-fair-match-mode {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
}

.a05-fair-match-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
}

.a05-fair-match-segment {
  display: inline-flex;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.55);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
}

.a05-fair-match-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.a05-fair-match-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.05rem;
  padding: 0.4rem 0.85rem;
  min-width: 6.5rem;
  cursor: pointer;
  font-size: 0.72rem;
  line-height: 1.2;
  color: #475569;
  background: transparent;
  border: none;
  border-right: 1px solid rgba(148, 163, 184, 0.4);
  transition: background 0.15s ease, color 0.15s ease;
}

.a05-fair-match-btn:last-of-type {
  border-right: none;
}

.a05-fair-match-btn-strong {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.a05-fair-match-btn-sub {
  font-size: 0.68rem;
  font-weight: 500;
  opacity: 0.88;
  text-align: center;
}

.a05-fair-match-input:focus-visible + .a05-fair-match-btn {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
}

.a05-fair-match-input:checked + .a05-fair-match-btn {
  background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
  color: #fff;
}

.a05-fair-match-input:checked + .a05-fair-match-btn .a05-fair-match-btn-sub {
  opacity: 0.95;
  color: rgba(255, 255, 255, 0.92);
}

.a05-fair-search-panel-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
  gap: 0.65rem 0.85rem;
  align-items: end;
  overflow: visible;
}

.a05-fair-field {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  min-width: 0;
}

.a05-fair-field--full {
  grid-column: 1 / -1;
}

.a05-fair-field-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
}

.a05-fair-field-label--ghost {
  visibility: hidden;
  user-select: none;
}

.a05-fair-field-control {
  width: 100%;
  min-height: 2.35rem;
  box-sizing: border-box;
}

.a05-fair-main-q {
  width: 100%;
  min-height: 2.65rem;
  padding: 0.4rem 0.55rem 0.4rem 0.4rem;
}

.a05-fair-facets-head {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
  margin-top: 0.15rem;
  padding-top: 0.55rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}

.a05-fair-facets-title {
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #0f172a;
}

.a05-fair-facets-sub {
  font-size: 0.78rem;
  color: var(--text-secondary);
}

.a05-fair-combo {
  position: relative;
  z-index: 1;
}

.a05-fair-combo.is-a05-fair-combo-open {
  z-index: 120;
}

.a05-fair-combo-shell {
  position: relative;
  width: 100%;
  min-width: 0;
}

.a05-fair-combo-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font: inherit;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 0.55rem;
  padding: 0.45rem 0.6rem;
  background: #f8fafc;
  color: var(--text-primary);
  min-height: 2.35rem;
  box-sizing: border-box;
}

.a05-fair-combo-trigger:hover {
  border-color: rgba(13, 148, 136, 0.45);
  background: #fff;
}

.a05-fair-combo-trigger:focus-visible {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
}

.a05-fair-combo-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
}

.a05-fair-combo-chevron {
  flex-shrink: 0;
  font-size: 0.65rem;
  opacity: 0.65;
}

/* Author `display:flex` must not override native [hidden]; otherwise all panels stay visible */
.a05-fair-combo-popover[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.a05-fair-combo-popover {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.2rem);
  z-index: 130;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.45rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.55);
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
  max-height: min(18rem, 55vh);
}

.a05-fair-combo-filter {
  width: 100%;
  box-sizing: border-box;
  min-height: 2.1rem;
}

.a05-fair-combo-list {
  list-style: none;
  margin: 0;
  padding: 0.15rem 0;
  overflow-y: auto;
  max-height: min(14rem, 42vh);
  font-size: 0.82rem;
}

.a05-fair-combo-item {
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  line-height: 1.35;
  white-space: normal;
  word-break: break-word;
}

.a05-fair-combo-item:hover,
.a05-fair-combo-item:focus {
  background: rgba(13, 148, 136, 0.08);
}

.a05-fair-combo-item.is-selected {
  background: rgba(13, 148, 136, 0.14);
  font-weight: 600;
}

.a05-fair-combo-item[hidden] {
  display: none !important;
}

.a05-fair-combo-item--sector-sub {
  padding-left: 0.85rem;
  font-size: 0.8rem;
}

.a05-fair-combo-grouphead {
  padding: 0.32rem 0.5rem 0.2rem;
  margin-top: 0.12rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #64748b;
  background: rgba(148, 163, 184, 0.14);
  border-radius: 0.35rem;
  cursor: default;
  pointer-events: none;
  line-height: 1.3;
  white-space: normal;
  word-break: break-word;
}

.a05-fair-combo-grouphead[hidden] {
  display: none !important;
}

.a05-fair-field--actions {
  grid-column: 1 / -1;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.5rem;
}

.a05-fair-field--actions .a05-fair-field-label--ghost {
  display: none;
}

.a05-fair-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
  width: 100%;
}

.a05-query-row {
  align-items: stretch;
}

.a05-search-combo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  flex: 1 1 240px;
  min-height: 2.75rem;
  padding: 0.35rem 0.5rem 0.35rem 0.35rem;
  border-radius: 0.85rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.a05-input-icon {
  color: #64748b;
  padding: 0 0.25rem 0 0.35rem;
  display: flex;
  align-items: center;
}

.a05-search-combo input[type='text'] {
  flex: 1 1 120px;
  min-width: 0;
  border: none;
  background: transparent;
  font: inherit;
  padding: 0.35rem 0.25rem;
  outline: none;
}

.a05-select,
.a05-month-input,
.a05-filter-input {
  font: inherit;
  border-radius: 0.55rem;
  border: 1px solid rgba(148, 163, 184, 0.4);
  padding: 0.35rem 0.5rem;
  background: #f8fafc;
  color: var(--text-primary);
}

.a05-filter-input {
  min-width: 7rem;
}

.a05-primary-btn {
  border: none;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.45rem 1rem;
  border-radius: 0.65rem;
  color: #fff;
  background: linear-gradient(135deg, #0d9488 0%, #0f766e 55%, #0ea5e9 130%);
  box-shadow: 0 2px 8px rgba(13, 148, 136, 0.35);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.a05-primary-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.4);
}

.a05-ghost-btn {
  border: 1px solid rgba(148, 163, 184, 0.65);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  font-size: 0.82rem;
  padding: 0.45rem 0.75rem;
  border-radius: 0.65rem;
  color: #334155;
  background: rgba(255, 255, 255, 0.85);
  transition: border-color 0.15s ease, background 0.15s ease;
}

.a05-ghost-btn:hover {
  border-color: #0d9488;
  background: #fff;
}

.a05-select-wide {
  min-width: 10.5rem;
  max-width: 18rem;
}

/* Fuar: arama kutusu + select (sektör, konu, şehir, ülke) */
.a05-search-select-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 8rem;
  max-width: 17rem;
}

.a05-search-select-q {
  font-size: 0.78rem;
  padding: 0.28rem 0.45rem;
  min-height: 1.85rem;
  width: 100%;
  box-sizing: border-box;
}

.a05-search-select-main {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.a05-query-meta {
  margin-top: 0.35rem;
}

.a05-source-chips {
  margin-bottom: 0.85rem;
}

.a05-fair-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.15rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: linear-gradient(125deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 249, 0.95) 100%);
  box-shadow: var(--shadow);
}

.a05-eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0ea5e9;
  margin-bottom: 0.35rem;
}

.a05-fair-hero-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 0.35rem;
  color: #0f172a;
}

.a05-fair-hero-desc {
  margin: 0;
  font-size: 0.86rem;
  color: var(--text-secondary);
  line-height: 1.45;
  max-width: 40rem;
}

.a05-fair-hero-aside {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.a05-stat-pill {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.1rem;
  padding: 0.45rem 0.75rem;
  border-radius: 0.75rem;
  background: #0f172a;
  color: #e2e8f0;
  min-width: 7.5rem;
}

.a05-stat-pill span {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.85;
}

.a05-stat-pill strong {
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
}

.a05-ref-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.a05-ref-card {
  padding: 0.85rem 1rem;
  border-radius: 0.9rem;
  border: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.96);
}

.a05-ref-title {
  margin: 0 0 0.65rem;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
}

.a05-ref-link-list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.a05-ref-link {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.65rem;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  background: #f8fafc;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.a05-ref-link:hover {
  border-color: rgba(13, 148, 136, 0.35);
  background: #fff;
}

.a05-ref-link-title {
  font-weight: 600;
  font-size: 0.86rem;
  color: #0f172a;
}

.a05-ref-link-sub {
  font-size: 0.78rem;
  color: var(--text-secondary);
  line-height: 1.35;
}

.a05-empty-hint {
  font-size: 0.85rem;
  color: var(--text-secondary);
}

/* A05 fuar listesi — A02 Excel tablosu ile aynı başlık/ızgara; detay şeridi */
.a05-fair-excel-scroll {
  max-height: min(62vh, 600px);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
}

.a05-fair-col-name {
  max-width: 14rem;
  min-width: 10rem;
}

.a05-fair-col-topic {
  max-width: 16rem;
}

.a05-fair-col-source {
  max-width: 12rem;
}

.a05-fair-col-tax-main {
  max-width: 9.5rem;
  min-width: 7rem;
  font-weight: 600;
  font-size: 0.8rem;
  color: #0f172a;
}

.a05-fair-col-tax-sub {
  max-width: 11rem;
  min-width: 7.5rem;
  font-size: 0.78rem;
  color: #334155;
}

.a05-fair-group-row td {
  padding: 0.35rem 0.65rem !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}

.a05-fair-group-main-cell {
  background: linear-gradient(90deg, rgba(13, 148, 136, 0.12), rgba(13, 148, 136, 0.02));
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  color: #0f172a;
}

.a05-fair-group-sub-cell {
  background: rgba(241, 245, 249, 0.95);
  font-weight: 650;
  font-size: 0.78rem;
  color: #1e293b;
  padding-left: 1.25rem !important;
}

.a05-fair-group-kicker {
  display: inline-block;
  margin-right: 0.35rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748b;
}

.a05-fair-table-link {
  font-weight: 600;
  color: #0f766e;
  text-decoration: none;
}

.a05-fair-table-link:hover {
  text-decoration: underline;
}

.a05-fair-detail-slot {
  margin-top: 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(29, 111, 66, 0.28);
  background: linear-gradient(180deg, #f0fdf4 0%, #fff 40%);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.a05-fair-detail-inner {
  padding: 0.85rem 1rem 1rem;
}

.a05-fair-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.55rem;
}

.a05-fair-detail-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.35;
}

.a05-fair-detail-close {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 0.4rem;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  background: rgba(15, 23, 42, 0.06);
  color: var(--text-primary);
}

.a05-fair-detail-close:hover {
  background: rgba(15, 23, 42, 0.12);
}

@media (max-width: 720px) {
  .a05-fair-search-panel-body {
    grid-template-columns: 1fr;
  }

  .a05-fair-match-mode {
    align-items: stretch;
    width: 100%;
  }

  .a05-fair-match-segment {
    width: 100%;
  }

  .a05-fair-match-btn {
    flex: 1 1 0;
    min-width: 0;
  }
}

.a05-results-wrap {
  min-height: 2rem;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

#fair-results.a05-fair-results,
.results-container.a05-results-wrap.a05-fair-results {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

.a05-fair-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0.75rem;
}

.a05-fair-card {
  position: relative;
  padding: 1rem 1rem 0.85rem;
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.a05-fair-card:hover {
  border-color: rgba(14, 165, 233, 0.45);
  box-shadow: 0 12px 28px rgba(14, 165, 233, 0.12);
  transform: translateY(-2px);
}

.a05-fair-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}

.a05-fair-date {
  font-size: 0.78rem;
  font-weight: 600;
  color: #0369a1;
}

.a05-fair-chip {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: rgba(99, 102, 241, 0.12);
  color: #4338ca;
}

.a05-fair-card-title {
  margin: 0 0 0.35rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
}

.a05-fair-card-meta {
  margin: 0 0 0.4rem;
  font-size: 0.82rem;
  color: var(--text-secondary);
}

.a05-fair-card-desc {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  color: #64748b;
  line-height: 1.45;
}

.a05-fair-card-foot {
  display: flex;
  justify-content: flex-end;
}

.a05-fair-card-link {
  font-size: 0.8rem;
  font-weight: 600;
  color: #0d9488;
  text-decoration: none;
}

.a05-fair-card-link:hover {
  text-decoration: underline;
}

.a05-mp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.65rem;
}

.a05-mp-card {
  padding: 0.85rem 1rem;
  border-radius: 0.95rem;
  border: 1px solid var(--border-color);
  background: #fff;
  box-shadow: var(--shadow);
}

.a05-mp-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.a05-mp-card-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}

.a05-mp-card-link {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #0d9488;
  text-decoration: none;
}

.a05-mp-card-meta {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.a05-mp-card-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem 0.75rem;
  margin: 0;
  font-size: 0.78rem;
}

.a05-mp-card-stats dt {
  color: #64748b;
  font-weight: 500;
}

.a05-mp-card-stats dd {
  margin: 0;
  font-weight: 600;
  color: #0f172a;
}

.a05-kpi-strip {
  margin-top: 0.75rem;
}

.a05-kpi-card {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 1rem;
  padding: 0.65rem 1rem;
  border-radius: 0.85rem;
  border: 1px solid rgba(13, 148, 136, 0.2);
  background: linear-gradient(90deg, rgba(240, 253, 250, 0.9), #fff);
}

.a05-kpi-label {
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
}

.a05-kpi-value {
  font-size: 1.35rem;
  font-weight: 800;
  color: #0f766e;
}

.a05-kpi-meta {
  font-size: 0.82rem;
  color: var(--text-secondary);
}

.a05-empty-state {
  padding: 1.25rem 1rem;
  text-align: center;
  font-size: 0.9rem;
  color: var(--text-secondary);
  border-radius: 0.85rem;
  border: 1px dashed rgba(148, 163, 184, 0.6);
  background: rgba(248, 250, 252, 0.8);
}

@media (max-width: 720px) {
  .a05-fair-hero {
    grid-template-columns: 1fr;
  }

  .a05-fair-hero-aside {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.agent-chat {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
}

.c01-whatsapp {
  grid-template-columns: minmax(248px, 300px) minmax(0, 1fr);
  gap: 0.75rem;
  min-height: 520px;
  height: min(calc(100vh - 210px), 780px);
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.c01-sidebar {
  border: 1px solid var(--border-color);
  border-radius: 0.85rem;
  background: #fff;
  padding: 0.55rem 0.6rem 0.65rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 0;
  max-height: none;
  height: 100%;
}

.c01-sidebar-section--threads {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.c01-sidebar-section--threads .c01-conversation-list {
  flex: 1 1 auto;
  max-height: none;
  min-height: 100px;
  overflow-y: auto;
}

.c01-sidebar-top {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.c01-sidebar-top .c01-sidebar-search {
  flex: 1 1 auto;
  min-width: 0;
}

.c01-new-chat-minimal {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.38rem 0.45rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: #fff;
  color: #334155;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.c01-new-chat-minimal:hover {
  border-color: rgba(13, 148, 136, 0.45);
  color: #0f766e;
  background: #f0fdfa;
}

.c01-new-chat-minimal__ic {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  opacity: 0.85;
}

.c01-new-chat-minimal__txt {
  max-width: 3.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c01-sidebar-section-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #64748b;
  margin: 0.15rem 0 0.2rem;
}

.c01-sidebar-agent {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
  text-align: left;
  padding: 0.38rem 0.45rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: #fff;
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.c01-sidebar-agent:hover {
  border-color: rgba(13, 148, 136, 0.35);
  background: #f8fafc;
}

.c01-sidebar-agent.is-active {
  border-color: rgba(13, 148, 136, 0.55);
  background: linear-gradient(180deg, #f0fdfa, #e0e7ff);
  box-shadow: 0 0 0 1px rgba(13, 148, 136, 0.12);
}

.c01-sidebar-agent__avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.c01-sidebar-agent__text {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
  flex: 1 1 auto;
}

.c01-sidebar-agent__name {
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c01-sidebar-agent__role {
  font-size: 0.65rem;
  color: #64748b;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c01-sidebar-details,
.c01-onboarding-wrap {
  font-size: 0.8rem;
}

.c01-sidebar-details-sum,
.c01-onboarding-wrap-sum {
  cursor: pointer;
  font-weight: 600;
  color: #475569;
  padding: 0.2rem 0;
}

.c01-sidebar-details .summary-block {
  margin-top: 0.35rem;
}

.summary-block {
  background: #f8fafc;
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 0.75rem;
  color: var(--text-primary);
}

.summary-title {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.summary-section {
  font-size: 0.85rem;
  color: var(--text-secondary);
}

.c01-sidebar-search input {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 0.65rem;
  padding: 0.55rem 0.7rem;
  font-size: 0.84rem;
}

.c01-conversation-list {
  display: grid;
  gap: 0.45rem;
  max-height: 360px;
  overflow-y: auto;
}

.c01-conversation-item {
  text-align: left;
  border: 1px solid var(--border-color);
  background: #fff;
  border-radius: 0.65rem;
  padding: 0.55rem 0.6rem;
  cursor: pointer;
}

.c01-conversation-item.active {
  border-color: #5eead4;
  background: #f0fdfa;
}

.c01-conversation-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.8rem;
}

.c01-conversation-sub {
  color: #4b5563;
  font-size: 0.76rem;
}

.c01-conversation-last {
  color: #6b7280;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c01-conversation-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}

.c01-thread-source {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.08rem 0.35rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #0f766e;
  background: rgba(20, 184, 166, 0.16);
  border: 1px solid rgba(20, 184, 166, 0.35);
}

.c01-unread-badge {
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #22c55e;
  color: #fff;
  font-size: 0.72rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.35rem;
}

.c01-main {
  border: 1px solid var(--border-color);
  border-radius: 0.85rem;
  background: #fff;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  gap: 0.6rem;
  padding: 0.65rem;
  min-width: 0;
  max-width: 100%;
}

/* Çalışma alanı: tek odak sohbet — grid yerine dikey flex */
.c01-main.c01-main--chat-focus {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-height: 0;
  height: 100%;
}

.c01-main.c01-main--chat-focus .chat-messages {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overscroll-behavior-y: contain;
  scroll-behavior: smooth;
}

.c01-chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: var(--text-secondary);
  font-size: 0.82rem;
}

.c01-chat-actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.c01-active-agent-meta {
  font-size: 0.74rem;
  color: #6b7280;
}

.c01-llm-status-badge {
  display: inline-flex;
  align-items: center;
  margin-top: 0.35rem;
  padding: 0.16rem 0.5rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.25;
}

.c01-llm-status-badge--live {
  color: #166534;
  border-color: rgba(22, 163, 74, 0.35);
  background: rgba(34, 197, 94, 0.15);
}

.c01-llm-status-badge--fallback {
  color: #334155;
  border-color: rgba(148, 163, 184, 0.5);
  background: rgba(226, 232, 240, 0.65);
}

.c01-llm-status-badge--degraded {
  color: #9a3412;
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(251, 191, 36, 0.2);
}

.c01-llm-status-badge--checking {
  color: #0f766e;
  border-color: rgba(20, 184, 166, 0.42);
  background: rgba(153, 246, 228, 0.44);
}

.c01-llm-status-badge--unknown {
  color: #475569;
  border-color: rgba(148, 163, 184, 0.42);
  background: rgba(226, 232, 240, 0.52);
}

.chat-messages {
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  background: #f8fafc;
  min-height: 300px;
  overflow-y: auto;
  padding: 0.75rem;
  display: grid;
  gap: 0.5rem;
}

.message {
  display: flex;
}

.message span {
  display: inline-block;
  max-width: 85%;
  padding: 0.45rem 0.65rem;
  border-radius: 0.65rem;
  font-size: 0.84rem;
}

.message-time {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.68rem;
  opacity: 0.72;
}

.message-version-btn {
  margin-top: 0.25rem;
  border: 1px solid #d1d5db;
  border-radius: 0.45rem;
  background: #fff;
  color: #4b5563;
  font-size: 0.68rem;
  padding: 0.15rem 0.35rem;
  cursor: pointer;
}

.message.user {
  justify-content: flex-end;
}

.message.user span {
  background: #0d9488;
  color: #fff;
}

.message.agent span {
  background: #f3f4f6;
  color: #1f2937;
}

.c01-msg-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}

.c01-msg-intel {
  margin-top: 0.45rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 0.55rem;
  background: rgba(248, 250, 252, 0.9);
  padding: 0.36rem 0.45rem;
  display: grid;
  gap: 0.2rem;
}

.c01-msg-intel-row {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.68rem;
  color: #334155;
}

.c01-msg-intel-row--warn .c01-msg-intel-v {
  color: #9a3412;
  font-weight: 600;
}

.c01-msg-intel-k {
  min-width: 58px;
  font-weight: 700;
  color: #475569;
}

.c01-msg-intel-v {
  display: flex;
  flex-wrap: wrap;
  gap: 0.24rem;
}

.c01-msg-source-chip {
  font-style: normal;
  border: 1px solid rgba(20, 184, 166, 0.26);
  background: rgba(204, 251, 241, 0.72);
  color: #0f766e;
  border-radius: 999px;
  padding: 0.04rem 0.32rem;
}

.c01-msg-action {
  border: 1px solid rgba(13, 148, 136, 0.35);
  background: linear-gradient(180deg, #f0fdfa, #ccfbf1);
  color: #134e4a;
  border-radius: 999px;
  padding: 0.22rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.c01-msg-action:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(13, 148, 136, 0.2);
}

.c01-report-html-host {
  max-width: 100%;
  overflow-x: auto;
  text-align: left;
}

.c01-trade-report {
  font-size: 0.82rem;
  line-height: 1.45;
  color: #111827;
}

.c01-report-head {
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e5e7eb;
}

.c01-report-h2 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
  font-weight: 700;
}

.c01-report-h3 {
  margin: 0.75rem 0 0.35rem;
  font-size: 0.88rem;
  font-weight: 650;
}

.c01-report-meta,
.c01-report-p {
  margin: 0.25rem 0;
}

.c01-report-hs {
  font-weight: 600;
  color: #0f766e;
}

.c01-report-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.35rem 0 0.5rem;
  font-size: 0.78rem;
}

.c01-report-table th,
.c01-report-table td {
  border: 1px solid #e5e7eb;
  padding: 0.28rem 0.4rem;
  text-align: left;
}

.c01-report-table thead th {
  background: #f9fafb;
  font-weight: 600;
}

.c01-report-ul {
  margin: 0.25rem 0 0.5rem 1.1rem;
  padding: 0;
}

.c01-report-disclaimer {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px dashed #d1d5db;
  font-size: 0.75rem;
  color: #4b5563;
}

.message.typing span {
  font-style: italic;
  color: #4b5563;
}

.chat-input {
  display: flex;
  gap: 0.5rem;
}

.chat-input input {
  flex: 1;
  border: 1px solid var(--border-color);
  border-radius: 0.6rem;
  padding: 0.6rem 0.75rem;
}

.chat-input button {
  border: none;
  border-radius: 0.6rem;
  background: var(--primary-color);
  color: #fff;
  padding: 0.6rem 0.8rem;
  cursor: pointer;
}

.c01-info-panel {
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  background: #f9fafb;
  padding: 0.45rem;
}

.c01-panel-tabs {
  display: flex;
  gap: 0.4rem;
}

.c01-panel-tab {
  border: 1px solid var(--border-color);
  background: #fff;
  border-radius: 0.55rem;
  padding: 0.35rem 0.65rem;
  font-size: 0.78rem;
  cursor: pointer;
}

.c01-panel-tab.active {
  background: #eef2ff;
  color: #3730a3;
  border-color: #c7d2fe;
}

.c01-panel-content {
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  background: #fff;
  padding: 0.45rem;
}

.c01-tab-view {
  display: none;
}

.c01-tab-view.active {
  display: block;
}

.c01-agent-id {
  font-size: 0.75rem;
  color: var(--text-secondary);
}

.c01-info-panel .detail-item {
  width: 100%;
  text-align: left;
  font: inherit;
}

.c01-conversation-status {
  display: inline-block;
  margin-left: 0.4rem;
  font-size: 0.72rem;
  color: #6b7280;
}

.c01-conversation-admin-actions {
  margin-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.c01-version-list {
  margin-top: 0.45rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

@media (max-width: 1100px) {
  .c01-whatsapp {
    grid-template-columns: 1fr;
  }
}

.detail-view {
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 0.75rem;
  background: white;
}

@media (max-width: 900px) {
  .detail-body {
    grid-template-columns: 1fr;
  }
}

.detail-section {
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  background: #f9fafb;
}

.detail-section h4 {
  margin-bottom: 0.5rem;
  color: var(--text-primary);
}

.gtip-tree {
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  padding: 0.75rem;
  background: #fff;
  max-height: 50vh;
  overflow: auto;
}

.gtip-tree-list {
  list-style: none;
  padding-left: 0.75rem;
  display: grid;
  gap: 0.4rem;
}

.gtip-tree-node {
  display: grid;
  gap: 0.35rem;
}

.gtip-tree-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}

.gtip-tree-toggle {
  width: 22px;
  height: 22px;
  border-radius: 0.35rem;
  border: 1px solid var(--border-color);
  background: #f9fafb;
  cursor: pointer;
  font-weight: 600;
}

.gtip-tree-toggle:disabled {
  cursor: default;
  opacity: 0.6;
}

.gtip-tree-title {
  font-weight: 600;
  color: var(--text-primary);
}

.gtip-tree-badges {
  color: var(--text-secondary);
  font-size: 0.75rem;
}

.gtip-tree-empty,
.gtip-tree-loading {
  color: var(--text-secondary);
  font-size: 0.85rem;
}

.module-card.hidden {
  display: none;
}

.module-status.active {
  background: rgba(16, 185, 129, 0.1);
  color: var(--success-color);
}

.module-status.inactive {
  background: rgba(239, 68, 68, 0.1);
  color: var(--error-color);
}

/* Responsive Design */
@media (max-width: 768px) {
  .header-content {
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem;
  }

  .main-nav {
    flex-wrap: wrap;
    justify-content: center;
  }

  .search-box input {
    width: 250px;
  }

  .main-content {
    padding: 1rem;
  }

  .modules-grid {
    grid-template-columns: 1fr;
  }
}

/* Loading Animation */
.loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Status Indicators */
.status-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.status-indicator.active {
  background-color: var(--success-color);
}

.status-indicator.inactive {
  background-color: var(--error-color);
}

.status-indicator.loading {
  background-color: var(--warning-color);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}



/* Modern UI refresh */
:root {
  --bg-0: #f4f7ff;
  --bg-1: #eef4ff;
  --glass: rgba(255, 255, 255, 0.78);
  --glass-strong: rgba(255, 255, 255, 0.92);
  --surface-outline: rgba(148, 163, 184, 0.22);
  --title-color: #0f172a;
}

body {
  background:
    radial-gradient(900px 500px at 88% -15%, rgba(13, 148, 136, 0.18), transparent 68%),
    radial-gradient(700px 420px at -10% 10%, rgba(14, 165, 233, 0.14), transparent 64%),
    linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 100%);
  color: #1e293b;
}

.sidebar {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.97), rgba(15, 23, 42, 0.9)),
    radial-gradient(240px 180px at 10% 0%, rgba(20, 184, 166, 0.24), transparent 70%);
  border-right: 1px solid rgba(148, 163, 184, 0.2);
  box-shadow: 16px 0 34px rgba(15, 23, 42, 0.15);
}

.sidebar-logo {
  font-size: 1.28rem;
  letter-spacing: 0.2px;
}

.main-header {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(148, 163, 184, 0.24);
}

.header-content {
  gap: 0.85rem;
}

.header-insights {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.insight-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.42rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(71, 85, 105, 0.35);
  background: var(--glass-strong);
  color: #1e293b;
  font-size: 0.8rem;
  font-weight: 600;
}

.insight-pill i {
  color: #475569;
  font-size: 0.85rem;
}

.pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5);
  animation: livePulse 1.7s infinite;
}

@keyframes livePulse {
  0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.52); }
  70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.dashboard-hero {
  margin-bottom: 1.2rem;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 1rem;
}

.hero-main,
.hero-side {
  border: 1px solid var(--surface-outline);
  border-radius: 1rem;
  background: var(--glass);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 30px rgba(30, 41, 59, 0.09);
}

.hero-main {
  padding: 1.2rem 1.35rem;
  position: relative;
  overflow: hidden;
}

.hero-main::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: -50px;
  top: -60px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.35), rgba(20, 184, 166, 0));
  pointer-events: none;
}

.hero-badge {
  width: fit-content;
  padding: 0.28rem 0.62rem;
  border-radius: 999px;
  background: #f0fdfa;
  color: #0f766e;
  border: 1px solid #99f6e4;
  font-size: 0.76rem;
  font-weight: 700;
  margin-bottom: 0.55rem;
}

.hero-main h1 {
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.5vw, 1.7rem);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.03em;
  color: var(--title-color);
  margin-bottom: 0.45rem;
}

.hero-main p {
  color: #475569;
  max-width: 64ch;
}

.hero-actions {
  margin-top: 1rem;
  display: flex;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.hero-side {
  padding: 0.85rem;
  display: grid;
  gap: 0.65rem;
  align-content: start;
}

.hero-stat-card {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.66);
  padding: 0.7rem 0.85rem;
  display: grid;
  gap: 0.28rem;
}

.hero-stat-card span {
  color: #64748b;
  font-size: 0.78rem;
}

.hero-stat-card strong {
  color: #0f172a;
  font-size: 0.98rem;
}

.mvp-landing,
.alerts-center,
.kpi-item,
.module-card,
.detail-panel,
.detail-list,
.detail-view,
.detail-section,
.c01-sidebar,
.c01-main,
.c01-info-panel,
.summary-block {
  background: var(--glass);
  border-color: var(--surface-outline);
}

.module-card {
  border-radius: 1.1rem;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.module-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.13);
  border-color: rgba(13, 148, 136, 0.35);
}

.module-header h3,
.workspace-header h2,
.alerts-header h3 {
  color: var(--title-color);
}

.module-card[data-module^="a"] .module-icon {
  background: linear-gradient(135deg, #14b8a6, #0d9488);
}

.module-card[data-module^="b"] .module-icon {
  background: linear-gradient(135deg, #10b981, #0891b2);
}

.module-card[data-module^="c"] .module-icon {
  background: linear-gradient(135deg, #8b5cf6, #6366f1);
}

.status-badge {
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  border: 1px solid transparent;
}

.status-badge.active {
  background: #ecfdf3;
  color: #166534;
  border-color: #86efac;
}

.status-badge.healthy {
  background: #ecfdf3;
  color: #166534;
  border-color: #86efac;
}

.status-badge.offline,
.status-badge.inactive {
  background: #fef2f2;
  color: #991b1b;
  border-color: #fecaca;
}

.search-box input,
.search-box select,
.form-group input,
.detail-toolbar input,
.detail-toolbar select,
.chat-input input,
.tax-quote input {
  border-radius: 0.68rem;
  border-color: rgba(148, 163, 184, 0.42);
  background: rgba(255, 255, 255, 0.92);
}

.btn-primary,
.detail-btn,
.ghost-btn,
.role-btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.btn-primary:hover,
.detail-btn:hover {
  transform: translateY(-1px);
}

.kpi-item {
  border-radius: 0.85rem;
}

.kpi-value {
  color: #0f172a;
}

@media (max-width: 1200px) {
  .dashboard-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .query-screen-row {
    grid-template-columns: 1fr;
  }

  .header-insights {
    justify-content: center;
  }

  .hero-main h1 {
    font-size: 1.25rem;
  }
}

/* Dashboard shell: overview, module launcher, ops panels */
/* Ana sayfa: yalnızca 24 modül launcher; özet / ops / inline grid modül overlay'de kullanılır */
#maytras-app.dashboard-home-launcher-only .dashboard-overview,
#maytras-app.dashboard-home-launcher-only .dashboard-ops-panels,
#maytras-app.dashboard-home-launcher-only #analytics-workspace,
#maytras-app.dashboard-home-launcher-only #business-workspace,
#maytras-app.dashboard-home-launcher-only #support-workspace {
  display: none !important;
}

#maytras-app.dashboard-home-launcher-only .main-header .search-box.search-box--with-industry {
  display: none !important;
}

/* Modül çalışma alanı açıkken: C/B/A ızgaraları ve özet yığını kesin gizli. */
#maytras-app.module-workspace-is-open #dashboard-views-stack {
  display: none !important;
}

#maytras-app.module-workspace-is-open .main-header .search-box.search-box--with-industry {
  display: none !important;
}

.dashboard-overview {
  margin-bottom: 0;
  border: 1px solid var(--surface-outline, rgba(148, 163, 184, 0.22));
  border-radius: 1rem;
  background: var(--glass, rgba(255, 255, 255, 0.78));
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 14px 28px -12px rgba(15, 23, 42, 0.1);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-overview:hover {
  border-color: rgba(148, 163, 184, 0.32);
}

.dashboard-overview-summary {
  list-style: none;
  cursor: pointer;
  padding: 0.75rem 1.05rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-weight: 600;
  color: var(--title-color, #0f172a);
  user-select: none;
  transition: background 0.18s ease;
}

.dashboard-overview-summary:hover {
  background: rgba(248, 250, 252, 0.65);
}

.dashboard-overview-summary::-webkit-details-marker {
  display: none;
}

.dashboard-overview-summary .summary-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.dashboard-overview-summary .summary-hint {
  font-size: 0.78rem;
  font-weight: 500;
  color: #64748b;
}

.dashboard-overview-body {
  padding: 0 1.05rem 1.1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
}

.dashboard-overview[open] .dashboard-overview-summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
  background: rgba(241, 245, 249, 0.45);
}

/* —— Genel bakış: modern / dinamik (yalnızca görünüm; davranış aynı) —— */

.dashboard-overview-summary .summary-title i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.55rem;
  background: linear-gradient(145deg, rgba(13, 148, 136, 0.12), rgba(14, 165, 233, 0.1));
  color: #0d9488;
  font-size: 0.9rem;
}

.dashboard-hero {
  margin-bottom: 0;
  gap: 1.2rem;
}

.hero-main::after {
  animation: overviewHeroOrb 14s ease-in-out infinite;
}

@keyframes overviewHeroOrb {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-12px, 8px) scale(1.06);
    opacity: 0.88;
  }
}

.hero-actions .hero-quick-btn[data-workspace='business'] {
  border: 1px solid rgba(5, 150, 105, 0.45);
  color: #047857;
  background: linear-gradient(180deg, rgba(236, 253, 245, 0.95), rgba(209, 250, 229, 0.65));
}

.hero-actions .hero-quick-btn[data-workspace='business']:hover {
  border-color: rgba(5, 150, 105, 0.65);
  box-shadow: 0 8px 20px rgba(5, 150, 105, 0.15);
}

.hero-actions .hero-quick-btn[data-workspace='support'] {
  border: 1px solid rgba(124, 58, 237, 0.4);
  color: #6d28d9;
  background: linear-gradient(180deg, rgba(245, 243, 255, 0.95), rgba(237, 233, 254, 0.7));
}

.hero-actions .hero-quick-btn[data-workspace='support']:hover {
  border-color: rgba(124, 58, 237, 0.55);
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.12);
}

.hero-stat-card {
  position: relative;
  padding-right: 3.35rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hero-stat-card:hover {
  border-color: rgba(13, 148, 136, 0.28);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

.hero-stat-card::after {
  content: '';
  position: absolute;
  right: 0.75rem;
  bottom: 0.7rem;
  width: 44px;
  height: 22px;
  pointer-events: none;
  opacity: 0.42;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 0 100%, 11px 100%, 22px 100%;
  background-size: 6px 55%, 6px 78%, 6px 62%;
}

.hero-stat-card:nth-child(1)::after {
  background-image:
    linear-gradient(to top, #0d9488, #0d9488),
    linear-gradient(to top, #14b8a6, #14b8a6),
    linear-gradient(to top, #2dd4bf, #2dd4bf);
}

.hero-stat-card:nth-child(2)::after {
  opacity: 0.5;
  background-image:
    linear-gradient(to top, #ea580c, #ea580c),
    linear-gradient(to top, #f97316, #f97316),
    linear-gradient(to top, #fb923c, #fb923c);
  background-size: 6px 72%, 6px 48%, 6px 88%;
}

.hero-stat-card:nth-child(3)::after {
  background-image:
    linear-gradient(to top, #059669, #059669),
    linear-gradient(to top, #10b981, #10b981),
    linear-gradient(to top, #34d399, #34d399);
  background-size: 6px 40%, 6px 40%, 6px 40%;
}

.dashboard-overview .mvp-landing {
  margin-bottom: 0;
  padding: 1.35rem 1.25rem 1.4rem;
  border-radius: 1.05rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.97) 0%, rgba(248, 250, 252, 0.88) 100%);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
}

.dashboard-overview .mvp-landing-header h2 {
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--title-color, #0f172a);
}

.dashboard-overview .mvp-steps {
  counter-reset: overview-mvp;
  gap: 1.1rem;
}

.dashboard-overview .mvp-card {
  counter-increment: overview-mvp;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 10.5rem;
  padding: 1.1rem 1rem 1rem 1.15rem;
  padding-top: 2.35rem;
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.26);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.dashboard-overview .mvp-card::before {
  content: counter(overview-mvp);
  position: absolute;
  top: 0.85rem;
  left: 1rem;
  width: 1.65rem;
  height: 1.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 800;
  color: #fff;
  border-radius: 0.5rem;
  line-height: 1;
}

.dashboard-overview .mvp-card:nth-child(1)::before {
  background: linear-gradient(135deg, #14b8a6, #0f766e);
}

.dashboard-overview .mvp-card:nth-child(2)::before {
  background: linear-gradient(135deg, #10b981, #047857);
}

.dashboard-overview .mvp-card:nth-child(3)::before {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
}

.dashboard-overview .mvp-card:nth-child(1) {
  border-top: 3px solid rgba(13, 148, 136, 0.55);
}

.dashboard-overview .mvp-card:nth-child(2) {
  border-top: 3px solid rgba(5, 150, 105, 0.5);
}

.dashboard-overview .mvp-card:nth-child(3) {
  border-top: 3px solid rgba(124, 58, 237, 0.5);
}

.dashboard-overview .mvp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.1);
  border-color: rgba(148, 163, 184, 0.38);
}

.dashboard-overview .mvp-card h3 {
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--title-color, #0f172a);
}

.dashboard-overview .mvp-card .btn-primary {
  margin-top: auto;
  align-self: stretch;
  text-align: center;
  border-radius: 0.65rem;
  padding: 0.55rem 1rem;
}

.modules-launcher-groups .launcher-group:nth-child(1) .launcher-group-label {
  color: #0a2650;
  padding-left: 0.5rem;
  border-left: 3px solid #012169;
}

.modules-launcher-groups .launcher-group:nth-child(2) .launcher-group-label {
  color: #6b5428;
  padding-left: 0.5rem;
  border-left: 3px solid #b89448;
}

.modules-launcher-groups .launcher-group:nth-child(3) .launcher-group-label {
  color: #0f4f4d;
  padding-left: 0.5rem;
  border-left: 3px solid #0d9488;
}

@media (prefers-reduced-motion: reduce) {
  .hero-main::after {
    animation: none !important;
  }

  .dashboard-overview .mvp-card:hover,
  .hero-stat-card:hover {
    transform: none !important;
  }
}

.hero-main {
  position: relative;
  z-index: 0;
}

.hero-main > * {
  position: relative;
  z-index: 1;
}

.modules-launcher {
  margin-bottom: 0;
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  border: 1px solid var(--surface-outline, rgba(148, 163, 184, 0.22));
  background: var(--glass-strong, rgba(255, 255, 255, 0.92));
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.modules-launcher-head {
  margin-bottom: 0.85rem;
  position: relative;
  z-index: 1;
}

.modules-launcher-title {
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--title-color, #0f172a);
}

.modules-launcher-desc {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  margin-top: 0.2rem;
  line-height: 1.45;
}

.modules-launcher-groups {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.launcher-group-head {
  width: 100%;
  margin-bottom: 0.35rem;
}

.launcher-group-intro {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.58;
  color: #475569;
  margin: 0.35rem 0 0.55rem 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 0.55rem 0.75rem 0.6rem 0.85rem;
  text-wrap: pretty;
  border-radius: 0.5rem;
  background: linear-gradient(105deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.55));
  border: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.launcher-group-head--analytics .launcher-group-intro {
  border-left: 3px solid #012169;
}

.launcher-group-head--business .launcher-group-intro {
  border-left: 3px solid #b89448;
}

.launcher-group-head--support .launcher-group-intro {
  border-left: 3px solid #0d9488;
}

.launcher-group-label {
  display: block;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 0;
}

.launcher-group-head--analytics .launcher-group-label {
  color: #0a2650;
}

.launcher-group-head--business .launcher-group-label {
  color: #6b5428;
}

.launcher-group-head--support .launcher-group-label {
  color: #0f4f4d;
}

.modules-launcher-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 0.5rem;
}

.module-launcher-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  padding: 0.55rem 0.6rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: #fff;
  cursor: pointer;
  text-align: left;
  font: inherit;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.module-launcher-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.1);
  border-color: rgba(13, 148, 136, 0.45);
}

.module-launcher-btn:focus-visible {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
}

/* Hızlı erişim kart metni — tam stiller .modules-launcher-grid altında */

.module-launcher-btn.launcher-analytics {
  border-left: 3px solid #012169;
}

.module-launcher-btn.launcher-business {
  border-left: 3px solid #b89448;
}

.module-launcher-btn.launcher-support {
  border-left: 3px solid #0d9488;
}

/* packages/modules yol haritası — henüz çalışma alanı yok */
.sidebar-module-link--roadmap {
  opacity: 0.82;
  border-left: 2px dashed rgba(148, 163, 184, 0.55);
}

.modules-launcher-roadmap {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}

.modules-launcher-title--sub {
  font-size: 1rem;
  color: #475569;
}

.modules-launcher-footnote {
  font-size: 0.78rem;
  line-height: 1.45;
  color: #64748b;
  margin-top: 0.35rem;
  max-width: 52rem;
}

.module-launcher-btn--roadmap {
  cursor: default;
  opacity: 0.88;
  border-style: dashed;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.module-launcher-btn--roadmap:hover {
  transform: none;
  box-shadow: none;
}

.maytras-toast {
  position: fixed;
  left: 50%;
  bottom: 1.35rem;
  transform: translateX(-50%);
  z-index: 20000;
  max-width: min(36rem, calc(100vw - 2rem));
  padding: 0.75rem 1.1rem;
  border-radius: 0.75rem;
  background: rgba(15, 23, 42, 0.92);
  color: #f8fafc;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.35);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.maytras-toast.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 12px);
}

.dashboard-ops-panels {
  margin-bottom: 0;
  border: 1px solid var(--surface-outline, rgba(148, 163, 184, 0.22));
  border-radius: 1rem;
  background: var(--glass, rgba(255, 255, 255, 0.78));
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 12px 24px -10px rgba(15, 23, 42, 0.09);
  overflow: hidden;
}

.dashboard-ops-summary {
  list-style: none;
  cursor: pointer;
  padding: 0.75rem 1.05rem;
  font-weight: 600;
  color: var(--title-color, #0f172a);
  user-select: none;
  transition: background 0.18s ease;
}

.dashboard-ops-summary:hover {
  background: rgba(248, 250, 252, 0.65);
}

.dashboard-ops-summary::-webkit-details-marker {
  display: none;
}

.dashboard-ops-body {
  padding: 0 1rem 1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.ops-panels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.finance-cogs-center {
  margin-top: 1rem;
}

.finance-cogs-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.finance-cogs-month {
  font: inherit;
  padding: 0.35rem 0.5rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: rgba(255, 255, 255, 0.92);
}

.finance-cogs-admin-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.65rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px dashed rgba(245, 158, 11, 0.45);
  background: rgba(255, 251, 235, 0.65);
}

.finance-cogs-admin-row.hidden {
  display: none;
}

.finance-cogs-admin-row input {
  flex: 1 1 220px;
  min-width: 180px;
  font: inherit;
  padding: 0.35rem 0.5rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
}

.finance-cogs-summary {
  margin: 0.5rem 0;
}

.finance-cogs-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  font-size: 0.88rem;
}

.finance-cogs-table-wrap {
  overflow-x: auto;
  margin-top: 0.75rem;
}

.finance-cogs-table-wrap.hidden {
  display: none;
}

.finance-cogs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.finance-cogs-table th,
.finance-cogs-table td {
  text-align: left;
  padding: 0.45rem 0.55rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}

.finance-cogs-table th {
  font-weight: 600;
  color: #475569;
}

.finance-bank-transfer-ops {
  margin-top: 1rem;
}

.finance-bank-transfer-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.finance-bank-transfer-status-filter {
  font: inherit;
  padding: 0.35rem 0.5rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: rgba(255, 255, 255, 0.92);
}

.finance-bank-transfer-hint {
  margin: 0.75rem 0 0;
}

.finance-bank-transfer-table-wrap {
  overflow-x: auto;
  margin-top: 0.75rem;
}

.finance-bank-transfer-table-wrap.hidden {
  display: none;
}

.finance-bank-transfer-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.finance-bank-transfer-table th,
.finance-bank-transfer-table td {
  text-align: left;
  padding: 0.45rem 0.55rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
  vertical-align: top;
}

.finance-bank-transfer-table th {
  font-weight: 600;
  color: #475569;
}

.finance-bank-transfer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.finance-bank-transfer-status-msg {
  margin: 0.75rem 0 0;
  font-size: 0.85rem;
  color: #475569;
}

.finance-bank-transfer-status-msg.is-error {
  color: #b45309;
}

.finance-bank-transfer-status-msg.is-success {
  color: #047857;
}

.finance-bank-transfer-audit-wrap {
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(148, 163, 184, 0.25);
}

.finance-bank-transfer-audit-wrap.hidden {
  display: none;
}

.finance-bank-transfer-audit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.finance-bank-transfer-audit-head h4 {
  margin: 0;
  font-size: 0.95rem;
}

.finance-bank-transfer-audit-table-wrap {
  overflow-x: auto;
}

.finance-bank-transfer-audit-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}

.finance-bank-transfer-audit-table th,
.finance-bank-transfer-audit-table td {
  text-align: left;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
  vertical-align: top;
}

.maytras-logout-confirm {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.maytras-logout-confirm.hidden {
  display: none;
}

.maytras-logout-confirm__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(4px);
}

.maytras-logout-confirm__sheet {
  position: relative;
  width: min(100%, 420px);
  padding: 1.2rem 1.25rem 1.1rem;
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(8, 12, 22, 0.98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.maytras-logout-confirm__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.85rem;
  align-items: start;
  margin-bottom: 1rem;
}

.maytras-logout-confirm__icon {
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border-radius: 0.85rem;
  background: rgba(239, 68, 68, 0.12);
  color: #f87171;
}

.maytras-logout-confirm__head h2 {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
}

.maytras-logout-confirm__lead {
  margin: 0;
  color: rgba(226, 232, 240, 0.78);
  font-size: 0.92rem;
  line-height: 1.45;
}

.maytras-logout-confirm__close {
  border: 0;
  background: transparent;
  color: rgba(226, 232, 240, 0.72);
  cursor: pointer;
  padding: 0.25rem;
}

.maytras-logout-confirm__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
}

body.maytras-logout-confirm-open {
  overflow: hidden;
}

.alerts-center-list.alerts-empty-hint:empty::after {
  content: attr(data-empty);
  display: block;
  padding: 1rem 0.75rem;
  color: #64748b;
  font-size: 0.85rem;
  line-height: 1.45;
  border: 1px dashed rgba(148, 163, 184, 0.5);
  border-radius: 0.65rem;
  background: rgba(248, 250, 252, 0.9);
}

.workspace-header {
  margin-bottom: 1.35rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.workspace-header p {
  font-size: 0.95rem;
  max-width: 72ch;
}

.module-card {
  overflow: visible;
}

.module-content {
  overflow: visible;
}

.module-header {
  flex-wrap: wrap;
  row-gap: 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
  .module-launcher-btn:hover,
  .module-card:hover {
    transform: none;
  }
}

/* Sidebar accordion + tam ekran modül çalışma alanı */
.sidebar-home-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.55rem 0.75rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.sidebar-home-btn:hover {
  background: rgba(255, 255, 255, 0.14);
}

.sidebar-quick-tools {
  display: grid;
  gap: 0.45rem;
}

.sidebar-filter-box {
  position: relative;
}

.sidebar-filter-box i {
  position: absolute;
  left: 0.55rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.72rem;
  color: #94a3b8;
}

.sidebar-filter-box input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  border-radius: 0.5rem;
  padding: 0.42rem 0.55rem 0.42rem 1.55rem;
  font-size: 0.76rem;
}

.sidebar-filter-box input::placeholder {
  color: #94a3b8;
}

.sidebar-favorites-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.sidebar-favorite-pill {
  border: 1px solid rgba(20, 184, 166, 0.45);
  background: rgba(13, 148, 136, 0.22);
  color: #ccfbf1;
  border-radius: 999px;
  padding: 0.14rem 0.48rem;
  font-size: 0.68rem;
  cursor: pointer;
}

.sidebar-favorite-pill:hover {
  background: rgba(13, 148, 136, 0.35);
}

.sidebar-nav-accordion {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding-right: 0.15rem;
}

.sidebar-block {
  border-radius: 0.6rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.sidebar-workspace-head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
  padding: 0.55rem 0.65rem;
  border: none;
  background: transparent;
  color: #e2e8f0;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}

.sidebar-workspace-head:hover {
  background: rgba(255, 255, 255, 0.08);
}

.sidebar-workspace-head.active {
  background: rgba(20, 184, 166, 0.28);
  color: #fff;
}

.sidebar-workspace-head .sidebar-chevron {
  margin-left: auto;
  font-size: 0.65rem;
  opacity: 0.85;
  transition: transform 0.2s ease;
}

.sidebar-block.is-expanded .sidebar-chevron {
  transform: rotate(-180deg);
}

.sidebar-block-items {
  display: none;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0 0.4rem 0.5rem 0.55rem;
}

.sidebar-block.is-expanded .sidebar-block-items {
  display: flex;
}

.sidebar-module-link {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
  padding: 0.42rem 1.75rem 0.42rem 0.55rem;
  border: none;
  border-radius: 0.45rem;
  background: transparent;
  color: #cbd5e1;
  font-size: 0.78rem;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  position: relative;
}

.sidebar-module-logo {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 0.35rem;
  object-fit: cover;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.22);
}

.sidebar-module-title {
  display: block;
  font-weight: 600;
  line-height: 1.25;
}

.sidebar-module-desc {
  display: none !important;
}

.sidebar-module-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.sidebar-module-link.active {
  background: rgba(20, 184, 166, 0.22);
  color: #fff;
  font-weight: 600;
}

.sidebar-module-link.is-favorite {
  border-left: 2px solid rgba(45, 212, 191, 0.75);
}

.sidebar-pin-toggle {
  position: absolute;
  right: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #5eead4;
  opacity: 0.72;
}

.sidebar-module-link:hover .sidebar-pin-toggle,
.sidebar-module-link.is-favorite .sidebar-pin-toggle {
  opacity: 1;
}

.sidebar-module-link.hidden-by-filter,
.sidebar-block.hidden-by-filter {
  display: none !important;
}

/* GTOS Nav IA v0.3 — declutter: flat suite labels + platform utility strip */
.sidebar-nav-accordion.gtos-nav-ia .sidebar-workspace-head {
  background: transparent;
  padding: 0.6rem 0.5rem 0.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #94a3b8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sidebar-nav-accordion.gtos-nav-ia .sidebar-workspace-head:hover {
  background: transparent;
  color: #cbd5e1;
}

.sidebar-nav-accordion.gtos-nav-ia .sidebar-workspace-head.active {
  background: transparent;
  color: #5eead4;
}

.sidebar-nav-accordion.gtos-nav-ia .sidebar-workspace-head i:first-child {
  font-size: 0.72rem;
  opacity: 0.85;
}

.sidebar-nav-accordion.gtos-nav-ia .sidebar-chevron {
  cursor: pointer;
  padding: 0.2rem;
  border-radius: 0.25rem;
}

.sidebar-nav-accordion.gtos-nav-ia .sidebar-chevron:hover {
  background: rgba(255, 255, 255, 0.1);
}

.sidebar-nav-accordion.gtos-nav-ia .sidebar-block {
  background: transparent;
  border: none;
}

.sidebar-nav-accordion.gtos-nav-ia .sidebar-block-items {
  padding: 0.15rem 0.3rem 0.7rem 0.3rem;
}

.sidebar-utility-section {
  margin-top: 0.25rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-section-label {
  padding: 0 0.5rem 0.4rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #64748b;
}

.sidebar-utility-items {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.sidebar-utility-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.42rem 0.55rem;
  border: none;
  border-radius: 0.45rem;
  background: transparent;
  color: #cbd5e1;
  font-size: 0.78rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.sidebar-utility-link i {
  width: 1rem;
  text-align: center;
  opacity: 0.85;
}

.sidebar-utility-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.sidebar {
  gap: 1rem;
}

.sidebar-user {
  margin-top: auto;
}

.module-workspace-root {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  background: inherit;
}

.module-workspace-root.hidden {
  display: none;
}

.module-workspace-bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.85rem 0 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
  margin-bottom: 1rem;
  position: sticky;
  top: 0;
  z-index: 5;
  background: inherit;
  backdrop-filter: blur(8px);
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
}

.module-workspace-back {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.85);
  color: #1e293b;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
}

.module-workspace-title {
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--title-color, #0f172a);
  margin: 0;
}

.module-workspace-title-wrap {
  display: grid;
  gap: 0.18rem;
}

.module-workspace-headline {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.module-workspace-icon {
  width: 4.75rem;
  height: 4.75rem;
  min-width: 4.75rem;
  min-height: 4.75rem;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 10px 22px rgba(15, 23, 42, 0.14));
  flex-shrink: 0;
}

.module-workspace-subtitle {
  margin: 0;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.45;
  color: #64748b;
  max-width: 85ch;
}

.module-workspace-scroll {
  flex: 0 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: stretch;
}

.module-workspace-body {
  flex: 0 0 auto;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5;
}

/*
 * A02 çalışma alanı (müşteri): KPI şeridi, Veri rozeti, İş akışı, DB-first çubuk,
 * grafik ve özet istatistikler ana panelde kalır; burada yalnızca ticaret sorgu/tablo alanı gösterilir.
 */
#module-workspace-root:not(.hidden) .module-workspace-body.module-workspace-body--a02-slim {
  display: none;
}

/* A02 tam ekran: modül alt açıklaması ve “Nasıl çalışır” müşteriye gösterilmez */
#module-workspace-root:not(.hidden).module-workspace-root--a02 .module-workspace-subtitle {
  display: none !important;
}

/*
 * Ticaret chrome müşteri modu (`trade-analytics-chrome--customer`):
 * üst paragraf, teknik ipuçları, dahili motor alanları, özet açıklamaları gizlenir.
 */
.trade-analytics-chrome--customer .a02-staff-only {
  display: none !important;
}

.module-workspace-body .module-card {
  width: 100%;
  cursor: default;
}

.module-workspace-extras {
  flex: 0 1 auto;
  min-height: 0;
  width: 100%;
}

.module-workspace-extras.hidden {
  display: none;
}

.trade-analytics-chrome {
  border: 1px solid var(--surface-outline, rgba(148, 163, 184, 0.22));
  border-radius: 0.95rem;
  padding: 1.15rem 1.2rem 1.25rem;
  background: var(--glass-strong, rgba(255, 255, 255, 0.92));
  box-shadow: var(--shadow-lg);
}

.trade-chrome-intro {
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
  margin: 0 0 0.75rem;
  line-height: 1.5;
}

.trade-chrome-parking {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dashboard-views-stack {
  flex: 0 1 auto;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
}

/* .hidden (display:none) aynı özgüllükte; sonra gelen display:flex bunu ezerdi — modül açıkken özet yine görünüyordu */
#dashboard-views-stack.hidden,
.dashboard-views-stack.hidden {
  display: none !important;
}

@media (max-width: 768px) {
  .module-workspace-root {
    margin: -1rem -1rem 0;
    padding: 0 1rem 1rem;
  }
}

/* Üst çubuk: tema + rol */
.header-toolbar-end {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.header-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(71, 85, 105, 0.4);
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
  color: #334155;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.header-icon-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
  border-color: rgba(13, 148, 136, 0.55);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.1);
}

/* Üst çubuk: anlamı net olsun diye SVG (Font Awesome’a bağlı kalmadan) + kısa etiket */
.header-icon-btn--labeled {
  width: auto;
  min-width: 2.35rem;
  min-height: 2.35rem;
  padding: 0.32rem 0.5rem;
  gap: 0.38rem;
  flex-direction: row;
}

.header-icon-btn__glyph {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
}

.header-icon-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.header-icon-btn__label {
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: inherit;
  white-space: nowrap;
}

.main-header .search-box input::placeholder {
  color: #4a5568;
  opacity: 1;
}

.sidebar-brand-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.sidebar-brand-row .sidebar-logo {
  flex: 1;
  min-width: 0;
}

.sidebar-collapse-toggle {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.sidebar-collapse-toggle:hover {
  background: rgba(255, 255, 255, 0.16);
}

body.sidebar-collapsed {
  --sidebar-width: 72px;
}

body.sidebar-collapsed .sidebar {
  padding: 1rem 0.45rem;
  align-items: stretch;
}

body.sidebar-collapsed .sidebar-brand-row {
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

body.sidebar-collapsed .sidebar-logo > span:not(.mvp-badge) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.sidebar-collapsed .sidebar-logo {
  justify-content: center;
}

body.sidebar-collapsed .mvp-badge {
  position: absolute;
  top: -2px;
  right: -4px;
  font-size: 0.5rem;
  padding: 0.05rem 0.2rem;
}

body.sidebar-collapsed .sidebar-home-btn span {
  display: none;
}

body.sidebar-collapsed .sidebar-home-btn {
  justify-content: center;
  padding: 0.55rem 0.35rem;
}

body.sidebar-collapsed .sidebar-quick-tools {
  display: none;
}

body.sidebar-collapsed .sidebar-workspace-head > span {
  display: none;
}

body.sidebar-collapsed .sidebar-module-desc {
  display: none;
}

body.sidebar-collapsed .sidebar-chevron {
  display: none;
}

body.sidebar-collapsed .sidebar-workspace-head {
  justify-content: center;
  padding: 0.55rem 0.35rem;
}

body.sidebar-collapsed .sidebar-block-items {
  display: none !important;
}

body.sidebar-collapsed .sidebar-module-link.active::before {
  display: none;
}

body.sidebar-collapsed .sidebar-section-label {
  display: none;
}

body.sidebar-collapsed .sidebar-utility-link span {
  display: none;
}

body.sidebar-collapsed .sidebar-utility-link {
  justify-content: center;
  padding: 0.5rem 0.3rem;
}

body.sidebar-collapsed .sidebar-user span {
  display: none;
}

body.sidebar-collapsed .sidebar-user {
  justify-content: center;
  padding: 0.5rem 0.25rem;
}

body.sidebar-collapsed .sidebar-actions {
  display: none;
}

body.sidebar-collapsed .sidebar-collapse-toggle i {
  transform: rotate(180deg);
}

/* Koyu tema — F6-F root-only allowlist: selector-level dark rules live in gtos-module-premium.css */
html[data-theme="dark"] {
  color-scheme: dark;
  --background-color: #0b1120;
  --surface-color: #1e293b;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --border-color: #334155;
  --bg-0: #0b1120;
  --bg-1: #111827;
  --glass: rgba(30, 41, 59, 0.82);
  --glass-strong: rgba(30, 41, 59, 0.94);
  --surface-outline: rgba(148, 163, 184, 0.22);
  --title-color: #f8fafc;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar,
  .app-main,
  .sidebar-collapse-toggle i {
    transition: none;
  }
}

/* Dil seçici (TR / EN) */
.lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(71, 85, 105, 0.35);
  background: #f1f5f9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.lang-toggle-btn {
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 0.4rem 0.62rem;
  border: none;
  background: transparent;
  color: #1e293b;
  cursor: pointer;
  line-height: 1;
}

.lang-toggle-btn:hover {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.85);
}

.lang-toggle-btn.active {
  background: var(--accent, #0d9488);
  color: #fff;
}

.extension-item strong {
  display: block;
  margin-bottom: 0.2rem;
}

.extension-item div:last-child {
  color: var(--text-muted, #64748b);
  font-size: 0.82rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modules-db-tabs {
  display: inline-flex;
  gap: 0.4rem;
  margin-bottom: 0.6rem;
}

.modules-db-tab {
  border: 1px solid var(--border-color);
  background: #fff;
  color: var(--text-primary);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  font-size: 0.78rem;
  cursor: pointer;
}

.modules-db-tab.active {
  background: var(--accent, #0d9488);
  color: #fff;
  border-color: transparent;
}

.modules-db-list {
  display: grid;
  gap: 0.55rem;
}

.module-db-item {
  border: 1px solid var(--border-color);
  border-radius: 0.6rem;
  padding: 0.55rem 0.65rem;
  background: rgba(248, 250, 252, 0.75);
}

.module-db-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.module-db-tables {
  margin-top: 0.2rem;
  font-size: 0.78rem;
  color: var(--text-muted, #64748b);
}

.ai-command-panel {
  width: min(720px, 92vw);
}

.ai-command-hint {
  color: var(--text-secondary);
  font-size: 0.85rem;
  margin-bottom: 0.65rem;
}

.ai-command-input {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 0.7rem;
  padding: 0.65rem 0.75rem;
  font-size: 0.92rem;
  margin-bottom: 0.65rem;
}

.ai-command-list {
  display: grid;
  gap: 0.5rem;
  max-height: 50vh;
  overflow: auto;
}

.ai-command-item {
  border: 1px solid var(--border-color);
  border-radius: 0.65rem;
  padding: 0.55rem 0.65rem;
  background: rgba(248, 250, 252, 0.85);
  cursor: pointer;
}

.ai-command-item:hover,
.ai-command-item.active {
  border-color: var(--accent, #0d9488);
}

.ai-command-item strong {
  display: block;
  font-size: 0.86rem;
}

.ai-command-item small {
  color: var(--text-secondary);
  font-size: 0.8rem;
}

.ai-copilot-panel {
  position: fixed;
  top: 74px;
  right: 16px;
  width: min(380px, calc(100vw - 32px));
  max-height: calc(100vh - 92px);
  overflow: auto;
  z-index: 1900;
  border: 1px solid var(--border-color);
  border-radius: 0.9rem;
  background: var(--surface-color);
  box-shadow: var(--shadow-lg);
  padding: 0.75rem;
}

.ai-copilot-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.45rem;
}

.ai-copilot-context {
  font-size: 0.82rem;
  color: var(--text-secondary);
  margin-bottom: 0.55rem;
}

.ai-copilot-suggestions {
  display: grid;
  gap: 0.5rem;
}

.ai-copilot-card {
  border: 1px solid var(--border-color);
  border-radius: 0.65rem;
  padding: 0.55rem 0.65rem;
  background: rgba(248, 250, 252, 0.85);
}

.ai-copilot-card strong {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.85rem;
}

.ai-copilot-card p {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-bottom: 0.45rem;
}

.ai-copilot-card button {
  width: 100%;
}

/* Professional visual polish pack */
body {
  background:
    radial-gradient(1200px 520px at 15% -10%, rgba(13, 148, 136, 0.08), transparent 60%),
    radial-gradient(900px 420px at 90% 0%, rgba(16, 185, 129, 0.06), transparent 58%),
    var(--background-color);
}

.main-header {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.82);
}

.header-content {
  gap: 1rem;
}

.sidebar {
  background: linear-gradient(180deg, #0b1223 0%, #0f172a 52%, #101a31 100%);
}

.dashboard-overview,
.dashboard-ops-panels,
.modules-launcher,
.alerts-center,
.module-card,
.kpi-item {
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.module-card {
  border-radius: 1rem;
  border-color: rgba(148, 163, 184, 0.35);
}

.module-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}

.module-header .module-info h3 {
  font-size: 1rem;
  letter-spacing: 0.01em;
}

.module-header .module-info p {
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.35;
}

.status-badge {
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 0.68rem;
}

.btn-primary,
.detail-btn {
  border-radius: 0.6rem;
  font-weight: 600;
}

.btn-primary {
  background: linear-gradient(135deg, #0d9488, #0f766e);
}

.detail-btn {
  background: linear-gradient(135deg, #14b8a6, #0d9488);
}

.global-filters input,
.global-filters button {
  border-radius: 0.65rem;
}

.alerts-center-item {
  border-radius: 0.65rem;
  border-color: rgba(148, 163, 184, 0.33);
}

.modules-db-tab {
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.module-db-item {
  border-color: rgba(148, 163, 184, 0.35);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9));
}

.ai-command-panel,
.ai-copilot-panel {
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.2);
}

.ai-command-item,
.ai-copilot-card {
  border-color: rgba(148, 163, 184, 0.36);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88));
}

.ai-command-item:hover,
.ai-command-item.active {
  box-shadow: 0 6px 16px rgba(13, 148, 136, 0.15);
}

/* Enterprise look step-2: rhythm, typography, motion */
:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --radius-sm: 0.55rem;
  --radius-md: 0.8rem;
  --radius-lg: 1rem;
}

h1, h2, h3, h4 {
  letter-spacing: -0.01em;
}

.workspace-header h2 {
  font-size: 1.2rem;
  font-weight: 800;
  color: #0f172a;
}

.workspace-header p {
  color: #64748b;
}

.module-card {
  position: relative;
  overflow: hidden;
}

.module-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #0d9488, #0ea5e9);
  opacity: 0.9;
}

.module-card[data-module^="b"]::before {
  background: linear-gradient(90deg, #059669, #22c55e);
}

.module-card[data-module^="c"]::before {
  background: linear-gradient(90deg, #7c3aed, #a855f7);
}

.module-header {
  align-items: flex-start;
}

.module-info h3 {
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.25;
}

.module-info p {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.35;
}

.module-info.module-info--kb .module-info__kb-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem;
  row-gap: 0.2rem;
}

.module-info.module-info--kb .module-info__kb-head h3 {
  margin: 0;
}

.module-card[data-module='c07'] {
  border-left: 3px solid rgba(79, 70, 229, 0.42);
}

.c07-dataset-pill {
  font-size: 0.61rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0.1rem 0.38rem;
  border-radius: 999px;
  border: 1px solid rgba(99, 102, 241, 0.38);
  background: rgba(238, 242, 255, 0.92);
  color: #4338ca;
  white-space: nowrap;
}

.module-freshness {
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(248, 250, 252, 0.85);
  font-size: 0.68rem;
}

.module-content {
  display: grid;
  gap: var(--space-3);
}

.module-kpi-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 720px) {
  .module-card[data-module='c07'] .module-kpi-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.module-insight-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  width: fit-content;
  border: 1px solid rgba(148, 163, 184, 0.36);
  border-radius: 999px;
  padding: 0.22rem 0.55rem;
  margin-bottom: 0.52rem;
  background: rgba(248, 250, 252, 0.9);
}

.module-insight-badge strong {
  font-size: 0.72rem;
  line-height: 1;
}

.module-insight-badge span {
  font-size: 0.7rem;
  color: #64748b;
  line-height: 1;
}

.module-insight-badge.tone-opportunity {
  border-color: rgba(16, 185, 129, 0.45);
  background: rgba(236, 253, 245, 0.9);
}

.module-insight-badge.tone-risk {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(255, 251, 235, 0.9);
}

.module-insight-badge.tone-stale {
  border-color: rgba(148, 163, 184, 0.5);
  background: rgba(241, 245, 249, 0.9);
}

.module-insight-badge {
  cursor: pointer;
}

.module-insight-badge:focus-visible {
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.28);
}

.module-insight-explain {
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 0.65rem;
  padding: 0.45rem 0.55rem;
  margin-bottom: 0.52rem;
  background: rgba(255, 255, 255, 0.95);
  display: grid;
  gap: 0.22rem;
  font-size: 0.74rem;
  color: #475569;
}

.module-kpi-chip {
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 0.65rem;
  padding: 0.38rem 0.48rem;
  background: rgba(248, 250, 252, 0.9);
  display: grid;
  gap: 0.08rem;
}

.module-kpi-chip span {
  font-size: 0.68rem;
  color: #64748b;
  line-height: 1.1;
}

.module-kpi-chip strong {
  font-size: 0.82rem;
  color: #0f172a;
  line-height: 1.2;
}

.module-kpi-chip.tone-good {
  border-color: rgba(16, 185, 129, 0.38);
}

.module-kpi-chip.tone-warn {
  border-color: rgba(245, 158, 11, 0.4);
}

.header-icon-btn,
.btn-primary,
.detail-btn,
.ghost-btn,
.role-btn,
.module-launcher-btn,
.sidebar-module-link,
.sidebar-workspace-head {
  outline: none;
}

.header-icon-btn:focus-visible,
.btn-primary:focus-visible,
.detail-btn:focus-visible,
.ghost-btn:focus-visible,
.role-btn:focus-visible,
.module-launcher-btn:focus-visible,
.sidebar-module-link:focus-visible,
.sidebar-workspace-head:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.28);
  border-color: #0d9488 !important;
}

@keyframes overlayFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes panelRiseIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.detail-overlay:not(.hidden) {
  animation: overlayFadeIn 0.16s ease-out;
}

.detail-overlay:not(.hidden) .detail-panel {
  animation: panelRiseIn 0.2s ease-out;
}

.ai-copilot-panel {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.ai-copilot-panel.hidden {
  display: block !important;
  pointer-events: none;
  opacity: 0;
  transform: translateX(14px);
}

/* Sidebar/module icon polish */
.sidebar-module-logo {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 999px;
  border-color: rgba(148, 163, 184, 0.42);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.sidebar-module-link:hover .sidebar-module-logo {
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.32);
}

.sidebar-module-link.active {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.24), rgba(20, 184, 166, 0.12));
}

.sidebar-module-link.active::before {
  content: "";
  position: absolute;
  left: 0.22rem;
  top: 50%;
  width: 3px;
  height: 62%;
  transform: translateY(-50%);
  border-radius: 999px;
  background: linear-gradient(180deg, #2dd4bf, #0d9488);
  box-shadow: 0 0 10px rgba(20, 184, 166, 0.55);
}

.sidebar-module-link.active .sidebar-module-logo {
  border-color: rgba(45, 212, 191, 0.95);
  box-shadow:
    0 0 0 2px rgba(13, 148, 136, 0.28),
    0 0 14px rgba(20, 184, 166, 0.45),
    0 3px 10px rgba(15, 23, 42, 0.35);
}

.module-workspace-bar .module-workspace-icon {
  transition: transform 0.25s ease, filter 0.25s ease;
}

.module-workspace-bar:hover .module-workspace-icon {
  transform: translateY(-2px);
  filter: drop-shadow(0 14px 28px rgba(15, 23, 42, 0.2));
}

/* Sidebar flow fix: always allow full vertical scrolling */
.sidebar {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

.sidebar-nav-accordion {
  flex: 0 0 auto;
  min-height: auto;
  overflow: visible;
}

.sidebar-user {
  margin-top: 0.4rem;
}

.sidebar-actions {
  margin-top: 0.1rem;
  padding-bottom: 0.35rem;
}

/* Module guidance: How it works */
.module-how-it-works {
  margin-top: 0.55rem;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 0.7rem;
  background: rgba(248, 250, 252, 0.72);
  padding: 0.45rem 0.6rem;
}

.module-how-it-works summary {
  list-style: none;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 700;
  color: #1e293b;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.module-how-it-works summary::-webkit-details-marker {
  display: none;
}

.module-how-it-works ol {
  margin: 0.5rem 0 0.35rem 1rem;
  display: grid;
  gap: 0.25rem;
  color: #334155;
  font-size: 0.78rem;
}

.module-how-output,
.module-how-tip {
  margin: 0.2rem 0 0;
  font-size: 0.74rem;
  color: #475569;
}

.module-how-tip {
  color: #0f766e;
}

/* Sidebar readability pack */
:root {
  --sidebar-width: 292px;
}

.sidebar {
  padding: 1rem 0.9rem;
  gap: 0.85rem;
}

.sidebar-brand-row {
  margin-bottom: 0.2rem;
}

.sidebar-nav-accordion {
  gap: 0.45rem;
}

.sidebar-workspace-head {
  font-size: 0.9rem;
  padding: 0.62rem 0.72rem;
}

.sidebar-block-items {
  padding: 0.05rem 0.45rem 0.6rem 0.45rem;
  gap: 0.28rem;
}

.sidebar-module-link {
  gap: 0.52rem;
  padding: 0.56rem 2rem 0.56rem 0.58rem;
  border: 1px solid transparent;
}

.sidebar-module-link:hover {
  border-color: rgba(148, 163, 184, 0.25);
}

.sidebar-module-logo {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 0.6rem;
  box-shadow: 0 8px 14px rgba(15, 23, 42, 0.26);
}

.sidebar-module-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 24px;
  border-radius: 999px;
  padding: 0 0.45rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #99f6e4;
  background: rgba(20, 184, 166, 0.18);
  border: 1px solid rgba(45, 212, 191, 0.45);
}

.sidebar-module-title {
  font-size: 1.02rem;
  line-height: 1.23;
  font-weight: 650;
}

.sidebar-module-link.active .sidebar-module-code {
  color: #ccfbf1;
  border-color: rgba(94, 234, 212, 0.7);
  background: rgba(20, 184, 166, 0.34);
}

body.sidebar-collapsed {
  --sidebar-width: 74px;
}

body.sidebar-collapsed .sidebar-module-code {
  display: none;
}

/* Replace old block with top-right bubble */
.module-how-it-works {
  display: none !important;
}

.module-header {
  position: relative;
}

.module-how-shell {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  z-index: 8;
}

.module-how-trigger {
  border: 1px solid rgba(125, 211, 252, 0.42);
  background: rgba(14, 165, 233, 0.16);
  color: #0369a1;
  border-radius: 999px;
  height: 30px;
  padding: 0 0.55rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.73rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(14, 116, 144, 0.18);
}

.module-how-trigger:hover {
  background: rgba(14, 165, 233, 0.22);
}

.module-how-popover {
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  width: min(320px, 78vw);
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(255, 255, 255, 0.97);
  border-radius: 0.78rem;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
  padding: 0.6rem 0.7rem;
}

.module-how-popover::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 14px;
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.97);
  border-left: 1px solid rgba(148, 163, 184, 0.3);
  border-top: 1px solid rgba(148, 163, 184, 0.3);
  transform: rotate(45deg);
}

.module-how-title {
  font-size: 0.82rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.25rem;
}

.module-how-popover ol {
  margin: 0.2rem 0 0.35rem 1rem;
  display: grid;
  gap: 0.23rem;
  font-size: 0.76rem;
  color: #334155;
}

.module-how-popover .module-how-output,
.module-how-popover .module-how-tip {
  margin: 0.18rem 0 0;
  font-size: 0.73rem;
}

.module-how-popover .module-how-tip {
  color: #0f766e;
}

.module-quickbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: rgba(248, 250, 252, 0.72);
  border-radius: 0.65rem;
  padding: 0.35rem 0.45rem;
}

.module-quickbar-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.18rem 0.42rem;
  font-size: 0.66rem;
  font-weight: 700;
  color: #0f766e;
  border: 1px solid rgba(45, 212, 191, 0.55);
  background: rgba(204, 251, 241, 0.65);
}

.module-quickbar-actions {
  display: inline-flex;
  gap: 0.32rem;
}

.module-quickbar .detail-btn {
  padding: 0.22rem 0.54rem;
  font-size: 0.7rem;
}

/* Workspace single-header mode */
#module-workspace-root:not(.hidden) .module-workspace-body .module-card .module-header {
  display: none !important;
}

#module-workspace-root:not(.hidden) .module-workspace-body .module-card .module-how-shell {
  display: none !important;
}

/* A02 tam ekran: kart gövdesi `.module-workspace-body--a02-slim` ile gizlenir (üstte). */

.module-workspace-how-shell {
  margin-left: auto;
  position: relative;
  z-index: 12;
}

.module-workspace-how-shell.hidden {
  display: none;
}

.module-workspace-how-shell .module-how-trigger {
  min-height: 2.35rem;
  height: auto;
  padding: 0.45rem 0.85rem;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
}

.module-workspace-how-shell .module-how-popover {
  top: calc(100% + 0.42rem);
  right: 0;
  width: min(360px, 82vw);
}

/* Workspace: main-content yatay padding ile hizalı tam genişlik */
.module-workspace-root {
  margin: -1.5rem calc(-1 * clamp(0.75rem, 2vw, 1.35rem)) 0;
  padding: 0 clamp(0.75rem, 2vw, 1.35rem) 1.5rem;
}

.module-workspace-body .module-card,
.module-workspace-extras {
  max-width: none;
  width: 100%;
  margin: 0;
}

#module-workspace-root:not(.hidden) .module-workspace-body {
  min-width: 0;
  max-width: 100%;
}

#module-workspace-root:not(.hidden) .module-workspace-body .module-card[data-module='c01'] {
  min-width: 0;
  max-width: 100%;
}

#module-workspace-root:not(.hidden) .module-workspace-body .module-card[data-module='c01'] .module-content {
  min-width: 0;
  max-width: 100%;
}

/* Sidebar redesign: bigger icons + code badge on icon */
:root {
  --sidebar-width: 332px;
}

.sidebar-module-link {
  align-items: center;
  gap: 0.62rem;
  padding: 0.58rem 2rem 0.58rem 0.58rem;
}

.sidebar-module-media {
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sidebar-module-logo {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 0.72rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.28);
}

.sidebar-module-code {
  position: absolute;
  right: -7px;
  top: -7px;
  min-width: 34px;
  height: 20px;
  padding: 0 0.35rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1;
  border: 1px solid rgba(94, 234, 212, 0.72);
  background: linear-gradient(180deg, rgba(17, 94, 89, 0.9), rgba(13, 148, 136, 0.92));
  color: #ccfbf1;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.34);
}

.sidebar-module-title {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  max-width: none;
  font-size: 0.88rem;
  line-height: 1.2;
  font-weight: 650;
  min-height: 44px;
  letter-spacing: -0.01em;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
}

.sidebar-module-link.active .sidebar-module-logo {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 2px rgba(13, 148, 136, 0.34),
    0 0 18px rgba(20, 184, 166, 0.5),
    0 10px 18px rgba(15, 23, 42, 0.34);
}

/* Visual pack: dynamic charts + subtle 3D depth */
.kpi-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

.kpi-item {
  position: relative;
  overflow: hidden;
  min-height: 94px;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.72));
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transform: translateZ(0);
}

.kpi-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 82% 20%, rgba(13, 148, 136, 0.16), transparent 55%);
  pointer-events: none;
}

.kpi-mini-chart {
  width: 100%;
  height: 32px;
  max-height: 32px;
  display: block;
  flex: 0 0 32px;
  margin-top: 0.35rem;
}

.module-card {
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: linear-gradient(175deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 249, 0.74));
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.module-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(15, 23, 42, 0.12);
}

.chart-container {
  position: relative;
  border-radius: 0.95rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: linear-gradient(145deg, rgba(248, 250, 252, 0.86), rgba(255, 255, 255, 0.62));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 14px 24px rgba(15, 23, 42, 0.07);
  padding: 0.55rem;
}

#trade-chart {
  filter: drop-shadow(0 10px 10px rgba(13, 148, 136, 0.14));
}

/* Assets integration: module covers + C01 avatars */
.module-cover-image {
  width: 100%;
  height: 108px;
  border-radius: 0.8rem;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(148, 163, 184, 0.28);
  margin-bottom: 0.5rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 8px 16px rgba(15, 23, 42, 0.12);
}

.c01-active-agent-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.c01-active-agent-visual {
  flex: 0 0 auto;
}

/* 3D sahne: perspective üst konteynerde; img boyutu DB visual_presentation ile set edilir */
.c01-agent-visual-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  flex-shrink: 0;
}

.c01-agent-visual-stage--hero {
  min-width: 260px;
  min-height: 300px;
  padding: 0.35rem;
  border-radius: 1.35rem;
  background: radial-gradient(120% 90% at 30% 15%, rgba(56, 189, 248, 0.22), transparent 55%),
    radial-gradient(90% 80% at 85% 80%, rgba(129, 140, 248, 0.2), transparent 50%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.55), rgba(241, 245, 249, 0.35));
  border: 1px solid rgba(148, 163, 184, 0.38);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.c01-agent-visual-stage--header-compact {
  min-width: 72px;
  min-height: 72px;
  max-width: 96px;
  max-height: 96px;
  padding: 0.2rem;
  border-radius: 0.85rem;
  background: linear-gradient(150deg, rgba(241, 245, 249, 0.95), rgba(224, 231, 255, 0.5));
  border: 1px solid rgba(148, 163, 184, 0.32);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
}

.c01-agent-visual-stage--compact {
  min-width: 52px;
  min-height: 52px;
  padding: 0.1rem;
  border-radius: 0.75rem;
  background: linear-gradient(160deg, rgba(248, 250, 252, 0.9), rgba(226, 232, 240, 0.45));
  border: 1px solid rgba(148, 163, 184, 0.28);
}

/* C01: yatay ajan şeridi (carousel) — referans: kart + kaydırma + oklar */
.c01-agent-roster-shell {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
  padding: 0.55rem 0.4rem 0.55rem;
  border-radius: 1.05rem;
  border: 1px solid rgba(99, 102, 241, 0.14);
  background: linear-gradient(165deg, #f8fafc 0%, #eef2ff 42%, #f1f5f9 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 10px 28px rgba(15, 23, 42, 0.06);
  min-height: 7.5rem;
  min-width: 0;
  max-width: 100%;
}

.c01-roster-nav {
  flex: 0 0 auto;
  align-self: center;
  width: 2.35rem;
  height: 2.35rem;
  margin: 0 0.05rem;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: linear-gradient(180deg, #ffffff, #f1f5f9);
  color: #334155;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.c01-roster-nav:hover {
  transform: scale(1.06);
  border-color: rgba(56, 189, 248, 0.65);
  box-shadow: 0 8px 20px rgba(14, 116, 144, 0.18);
}

.c01-roster-nav:active {
  transform: scale(0.96);
}

.c01-agent-roster {
  flex: 1;
  min-width: 0;
  min-height: 6.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.75rem;
  padding: 0.2rem 0.25rem 0.35rem;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0.35rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.65) transparent;
  border: none;
}

/* Sol panel: carousel yerine dikey ajan listesi (özgüllük > yalnız .c01-agent-roster) */
.c01-agent-roster-shell.c01-agent-roster-shell--sidebar {
  display: block;
  min-height: 0;
  padding: 0.35rem 0.25rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(248, 250, 252, 0.85);
  box-shadow: none;
}

.c01-agent-roster.c01-agent-roster--sidebar-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: min(28vh, 220px);
  gap: 0.35rem;
  padding: 0.15rem 0.1rem;
  align-items: stretch;
  scroll-snap-type: none;
  overscroll-behavior-y: contain;
}

.c01-agent-roster--carousel::-webkit-scrollbar {
  height: 6px;
}

.c01-agent-roster--carousel::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.55);
  border-radius: 999px;
}

.c01-roster-card {
  display: flex;
  flex: 0 0 min(208px, 42vw);
  max-width: 240px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.4rem;
  padding: 0.65rem 0.55rem 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 1.1rem;
  background: linear-gradient(168deg, #ffffff, #f1f5f9);
  cursor: pointer;
  list-style: none;
  scroll-snap-align: start;
  transition: transform 0.2s ease, box-shadow 0.22s ease, border-color 0.2s ease;
  transform-style: preserve-3d;
}

.c01-roster-card:hover {
  transform: translateY(-4px) scale(1.02);
  border-color: rgba(56, 189, 248, 0.7);
  box-shadow: 0 16px 36px rgba(14, 116, 144, 0.2);
}

.c01-roster-card.is-active {
  border-color: #0d9488;
  background: linear-gradient(168deg, #f0fdfa, #ccfbf1);
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.28), 0 12px 30px rgba(13, 148, 136, 0.14);
}

.c01-roster-card:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}

.c01-roster-card-visual {
  width: 100%;
  display: flex;
  justify-content: center;
}

.c01-agent-visual-stage--roster {
  min-height: 122px;
  min-width: 100px;
  padding: 0.22rem;
  border-radius: 0.95rem;
  background: radial-gradient(95% 75% at 38% 0%, rgba(56, 189, 248, 0.22), transparent 58%),
    linear-gradient(170deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.55));
  border: 1px solid rgba(148, 163, 184, 0.3);
}

.c01-roster-card .c01-agent-avatar {
  cursor: pointer;
}

.c01-roster-card-name {
  font-weight: 700;
  font-size: 0.82rem;
  color: var(--text-primary);
  line-height: 1.15;
}

.c01-roster-card-spec {
  font-size: 0.72rem;
  color: #64748b;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c01-agent-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.c01-agent-avatar {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 4px 9px rgba(15, 23, 42, 0.14);
  background: #e2e8f0;
  cursor: zoom-in;
  transition: transform 0.18s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  transform-style: preserve-3d;
}

.c01-agent-avatar:hover {
  border-color: rgba(56, 189, 248, 0.8);
  box-shadow: 0 9px 18px rgba(14, 116, 144, 0.32);
}

.c01-agent-avatar-sm {
  width: 26px;
  height: 26px;
}

.c01-agent-avatar-lg {
  width: 40px;
  height: 40px;
}

/* Kahraman başlık: JS ile genişletilir; yedek minimum */
.c01-agent-visual-stage--hero .c01-agent-avatar-lg.c01-agent-avatar-3d {
  width: min(240px, 42vw);
  height: min(300px, 52vw);
  max-width: 100%;
  border-radius: 1.15rem;
}

.c01-conversation-agent .c01-agent-visual-stage--compact .c01-agent-avatar-sm {
  border-radius: 0.65rem;
}

.c01-conversation-agent {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

/* C01 avatar lightbox */
.c01-avatar-lightbox {
  position: fixed;
  inset: 0;
  z-index: 3100;
  background: rgba(2, 6, 23, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  backdrop-filter: blur(6px);
}

.c01-avatar-lightbox.hidden {
  display: none !important;
}

.c01-avatar-dialog {
  width: min(520px, 94vw);
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.34);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(241, 245, 249, 0.95));
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);
  padding: 0.9rem;
  position: relative;
}

.c01-avatar-lightbox-img {
  width: 100%;
  max-height: 70vh;
  object-fit: cover;
  border-radius: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.c01-avatar-lightbox-meta {
  margin-top: 0.55rem;
  display: grid;
  gap: 0.15rem;
}

.c01-avatar-lightbox-meta strong {
  font-size: 1rem;
  color: #0f172a;
}

.c01-avatar-lightbox-meta span {
  font-size: 0.86rem;
  color: #475569;
}

.c01-avatar-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(255, 255, 255, 0.9);
  color: #334155;
  cursor: pointer;
}

/* Module card — workflow + DB status strip */
.module-dash-status {
  margin: 0.4rem 0 0.55rem;
  padding: 0.45rem 0.5rem 0.5rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(241, 245, 249, 0.55));
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}

.module-dash-status-head {
  margin-bottom: 0.28rem;
}

.module-dash-status-kicker {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.module-dash-status-body {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.module-dash-status-dot {
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  margin-top: 0.35rem;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85);
}

.module-dash-status-dot--ok {
  background: linear-gradient(145deg, #22c55e, #16a34a);
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.45);
}

.module-dash-status-dot--warn {
  background: linear-gradient(145deg, #f59e0b, #d97706);
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.4);
}

.module-dash-status-dot--muted {
  background: #94a3b8;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.35);
}

.module-dash-status-dot--error {
  background: linear-gradient(145deg, #ef4444, #dc2626);
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
}

.module-dash-status-copy {
  min-width: 0;
  flex: 1;
  display: grid;
  gap: 0.12rem;
}

.module-dash-status-step {
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.28;
  color: #0f172a;
}

.module-dash-status-meta {
  font-size: 0.7rem;
  line-height: 1.3;
  color: #475569;
}

/* Sidebar brand logo refresh */
.sidebar-logo {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.4), rgba(17, 94, 89, 0.25));
  border-radius: 0.7rem;
  padding: 0.35rem 0.5rem;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.sidebar-logo:hover {
  transform: translateY(-1px);
  border-color: rgba(148, 197, 255, 0.65);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.28);
}

.sidebar-logo:focus-visible {
  outline: 2px solid rgba(125, 211, 252, 0.9);
  outline-offset: 2px;
}

.sidebar-brand-image {
  width: 38px;
  height: 38px;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.32));
}

.sidebar-brand-text {
  font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
  font-weight: 700;
  letter-spacing: 0.035em;
  color: #f8fafc;
}

body.sidebar-collapsed .sidebar-brand-image {
  width: 30px;
  height: 30px;
}

/* Sidebar extension module rail */
.sidebar-extensions-panel {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 0.75rem;
  padding: 0.5rem;
  background: rgba(15, 23, 42, 0.44);
  display: grid;
  gap: 0.45rem;
}

.sidebar-extensions-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}

.sidebar-extensions-head strong {
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #cbd5e1;
}

.sidebar-mini-btn {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(148, 163, 184, 0.38);
  background: rgba(30, 41, 59, 0.88);
  color: #e2e8f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sidebar-extensions-list {
  display: grid;
  gap: 0.38rem;
}

.sidebar-extension-item {
  text-align: left;
  width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-left: 3px solid #0ea5e9;
  border-radius: 0.6rem;
  padding: 0.35rem 0.42rem;
  background: rgba(255, 255, 255, 0.06);
  color: #e2e8f0;
  cursor: pointer;
}

.sidebar-extension-item strong {
  display: block;
  font-size: 0.68rem;
  line-height: 1.25;
}

.sidebar-extension-item div {
  margin-top: 0.08rem;
  font-size: 0.64rem;
  color: #cbd5e1;
}

.sidebar-extension-item small {
  display: block;
  margin-top: 0.08rem;
  font-size: 0.59rem;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.sidebar-collapsed .sidebar-extensions-panel {
  display: none;
}

/* Dynamic launcher statuses */
.launcher-status {
  margin-top: 0.22rem;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 0.61rem;
  line-height: 1;
  padding: 0.14rem 0.35rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
}

.launcher-status.tone-ok {
  color: #0f766e;
  background: rgba(204, 251, 241, 0.65);
  border-color: rgba(20, 184, 166, 0.4);
}

.launcher-status.tone-warn {
  color: #92400e;
  background: rgba(254, 243, 199, 0.75);
  border-color: rgba(245, 158, 11, 0.42);
}

.launcher-status.tone-error {
  color: #991b1b;
  background: rgba(254, 226, 226, 0.75);
  border-color: rgba(239, 68, 68, 0.42);
}

.launcher-status.tone-muted {
  color: #475569;
  background: rgba(241, 245, 249, 0.8);
  border-color: rgba(148, 163, 184, 0.36);
}

.module-launcher-btn {
  position: relative;
  overflow: hidden;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
}

.module-launcher-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 10%, rgba(20, 184, 166, 0.16), transparent 52%);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.module-launcher-btn:hover::after {
  opacity: 1;
}

/* 3D launcher polish */
.modules-launcher {
  position: relative;
  overflow: hidden;
  border-radius: 1.1rem;
  background:
    radial-gradient(circle at 12% -8%, rgba(56, 189, 248, 0.2), transparent 34%),
    radial-gradient(circle at 92% 104%, rgba(13, 148, 136, 0.13), transparent 36%),
    linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));
}

.modules-launcher-groups {
  gap: 1rem;
}

.launcher-group {
  width: 100%;
}

.modules-launcher-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: 0.72rem;
}

/* 8 modül / satır: geniş ekranda tek sıra, dar ekranda sarılır */
.modules-launcher-grid.modules-launcher-grid--8 {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media (min-width: 1200px) {
  .modules-launcher-grid.modules-launcher-grid--8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .modules-launcher-grid.modules-launcher-grid--8 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .modules-launcher-grid.modules-launcher-grid--8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1199.98px) {
  .modules-launcher-grid.modules-launcher-grid--8 .launcher-module-icon {
    width: 5.25rem;
    height: 5.25rem;
    min-width: 5.25rem;
    min-height: 5.25rem;
  }

  .modules-launcher-grid.modules-launcher-grid--8 .module-launcher-btn {
    min-height: 176px;
    padding: 0.75rem 0.45rem 0.7rem;
  }
}

.modules-launcher::before {
  content: '';
  position: absolute;
  inset: -40% -20% auto;
  height: 70%;
  background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, 0.5) 50%, transparent 65%);
  pointer-events: none;
}

.modules-launcher-grid .module-launcher-btn {
  position: relative;
  width: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.35rem;
  transform-style: preserve-3d;
  border-radius: 0.78rem;
  padding: 0.95rem 0.7rem 0.88rem;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.2s ease;
}

.modules-launcher-grid .module-launcher-btn:hover {
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.16);
}

.modules-launcher-grid .module-launcher-btn.signal-ok {
  border-color: rgba(16, 185, 129, 0.38);
}

.modules-launcher-grid .module-launcher-btn.signal-warn {
  border-color: rgba(245, 158, 11, 0.45);
}

.modules-launcher-grid .module-launcher-btn.signal-error {
  border-color: rgba(239, 68, 68, 0.45);
}

.modules-launcher-grid .module-launcher-btn.signal-warn::after,
.modules-launcher-grid .module-launcher-btn.signal-error::after {
  opacity: 1;
}

.modules-launcher-grid .launcher-module-icon {
  width: 6.5rem;
  height: 6.5rem;
  min-width: 6.5rem;
  min-height: 6.5rem;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  box-shadow: none;
  background: transparent;
  filter: drop-shadow(0 10px 22px rgba(15, 23, 42, 0.16));
  transform: translateZ(18px);
  transition: transform 0.25s ease, filter 0.25s ease;
  animation: launcherFloat 4s ease-in-out infinite;
}

.modules-launcher-grid .module-launcher-btn:hover .launcher-module-icon {
  transform: translateZ(22px) scale(1.04);
  filter: drop-shadow(0 14px 28px rgba(15, 23, 42, 0.22));
}

.modules-launcher-grid .module-launcher-btn .launcher-code {
  position: absolute;
  top: 0.52rem;
  right: 0.52rem;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.05rem;
  height: 2rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18);
  transform: translateZ(22px);
  width: auto;
  margin: 0;
}

.modules-launcher-grid .module-launcher-btn.launcher-analytics .launcher-code {
  border: 1px solid rgba(100, 140, 190, 0.55);
  background: linear-gradient(180deg, #a8c8ec, #5b8cc9);
  color: #0a0a0a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.modules-launcher-grid .module-launcher-btn.launcher-business .launcher-code {
  border: 1px solid rgba(253, 230, 138, 0.85);
  background: linear-gradient(180deg, #fce9a8, #deb86a);
  color: #0a0a0a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
}

.modules-launcher-grid .module-launcher-btn.launcher-support .launcher-code {
  border: 1px solid rgba(45, 212, 191, 0.55);
  background: linear-gradient(180deg, #2dd4bf, #0d9488);
  color: #042f2e;
}

.modules-launcher-grid .module-launcher-btn .launcher-name {
  width: 100%;
  max-width: 18rem;
  margin: 0 auto;
  padding: 0 0.5rem;
  min-height: 2.45em;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.32;
  color: #475569;
  transform: translateZ(10px);
}

.modules-launcher-grid .launcher-status {
  align-self: stretch;
  justify-content: center;
  flex-wrap: wrap;
  transform: translateZ(14px);
  max-width: 100%;
  margin-top: auto;
}

/* Ana sayfa: DB/SLA satırları müşteri odaklı değil; hafif sıkılaştırma ile tek ekrana yaklaşır */
#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .launcher-status {
  display: none !important;
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn.signal-ok,
#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn.signal-warn,
#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn.signal-error,
#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn.signal-muted {
  border-color: rgba(148, 163, 184, 0.35);
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn.signal-warn::after,
#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn.signal-error::after {
  opacity: 0 !important;
}

#maytras-app.dashboard-home-launcher-only .main-content {
  max-width: 100%;
  width: 100%;
  padding-left: clamp(0.45rem, 1.35vw, 1rem);
  padding-right: clamp(0.45rem, 1.35vw, 1rem);
}

/* Modül çalışma alanı açıkken: içeriği üst sınırda ortalama — taşma ve “sol boşluk” hissi */
#maytras-app:not(.dashboard-home-launcher-only) .main-content {
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Orta genişlikte de 8 sütun: satır sağdaki boşluğu doldurur (yalnız ana sayfa) */
@media (min-width: 1080px) and (max-width: 1199.98px) {
  #maytras-app.dashboard-home-launcher-only .modules-launcher-grid.modules-launcher-grid--8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

#maytras-app.dashboard-home-launcher-only .modules-launcher {
  padding: 0.8rem 0.65rem 0.85rem;
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-head {
  margin-bottom: 0.6rem;
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-groups {
  gap: 0.72rem;
}

#maytras-app.dashboard-home-launcher-only .launcher-group-head {
  margin-bottom: 0.28rem;
}

#maytras-app.dashboard-home-launcher-only .launcher-group-intro {
  margin: 0.25rem 0 0.4rem;
  padding: 0.45rem 0.62rem 0.48rem 0.72rem;
  line-height: 1.52;
  font-size: 0.8rem;
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-grid {
  gap: 0.42rem;
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn {
  min-height: 184px;
  padding: 0.82rem 0.5rem 0.74rem;
  gap: 0.28rem;
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .launcher-module-icon {
  width: 6.05rem;
  height: 6.05rem;
  min-width: 6.05rem;
  min-height: 6.05rem;
  margin-top: 0.28rem;
  margin-bottom: 0.12rem;
}

#maytras-app.dashboard-home-launcher-only .modules-launcher-grid .module-launcher-btn .launcher-name {
  font-size: 0.84rem;
  min-height: 2.35em;
  max-width: 100%;
  padding: 0 0.28rem;
}

@media (max-width: 1199.98px) {
  #maytras-app.dashboard-home-launcher-only .modules-launcher-grid.modules-launcher-grid--8 .module-launcher-btn {
    min-height: 162px;
    padding: 0.68rem 0.38rem 0.6rem;
  }

  #maytras-app.dashboard-home-launcher-only .modules-launcher-grid.modules-launcher-grid--8 .launcher-module-icon {
    width: 5.05rem;
    height: 5.05rem;
    min-width: 5.05rem;
    min-height: 5.05rem;
  }
}

/* GTIP engine tree panel */
.sidebar-extension-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  padding: 0.08rem 0.34rem;
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.5);
  background: rgba(14, 116, 144, 0.35);
  color: #bae6fd;
  font-size: 0.57rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 0.15rem;
}

@keyframes launcherFloat {
  0%, 100% { transform: translateZ(18px) translateY(0); }
  50% { transform: translateZ(19px) translateY(-2px); }
}

@keyframes launcherPulseWarn {
  0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.18); }
  50% { box-shadow: 0 0 0 8px rgba(245, 158, 11, 0.02); }
}

@keyframes launcherPulseError {
  0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.2); }
  50% { box-shadow: 0 0 0 9px rgba(239, 68, 68, 0.03); }
}

.modules-launcher-grid .module-launcher-btn.signal-warn {
  animation: launcherPulseWarn 2.3s ease-in-out infinite;
}

.modules-launcher-grid .module-launcher-btn.signal-error {
  animation: launcherPulseError 2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .modules-launcher-grid .launcher-module-icon,
  .modules-launcher-grid .module-launcher-btn.signal-warn,
  .modules-launcher-grid .module-launcher-btn.signal-error {
    animation: none !important;
  }
}

/* --- A01 Intelligence Hub (HSAL-inspired tabs) --- */
.a01-hub-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.75rem 0 0.5rem;
}

.a01-hub-tab {
  border: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  padding: 0.35rem 0.85rem;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--text-secondary);
}

.a01-hub-tab.is-active {
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
}

.a01-hub-status {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-bottom: 0.65rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid var(--border-color);
}

.a01-hub-panel.hidden {
  display: none;
}

.a01-hub-search-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.65rem;
}

.a01-hub-search-row input[type="text"] {
  flex: 1 1 220px;
  min-width: 180px;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
}

.a01-hub-check {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}

.a01-hub-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}

.a01-hub-pill {
  border: 1px solid var(--border-color);
  background: #f8fafc;
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  font-size: 0.75rem;
  cursor: pointer;
}

.a01-hub-pill:hover {
  background: #e2e8f0;
}

.a01-hub-stats {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

.a01-hub-results {
  max-height: 420px;
  overflow: auto;
}

.a01-hub-result-card {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  margin-bottom: 0.5rem;
  background: #fff;
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.a01-hub-result-body {
  flex: 1;
  min-width: 0;
}

.a01-hub-result-image {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  flex-shrink: 0;
  background: var(--surface-color);
}

.a01-hub-empty {
  border: 1px dashed var(--border-color);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-bottom: 0.5rem;
  background: var(--surface-color);
}

.a01-hub-empty p {
  margin: 0 0 0.35rem;
}

.a01-hub-empty p:last-child {
  margin-bottom: 0;
}

.a01-hub-result-card strong {
  display: block;
  margin-bottom: 0.25rem;
}

.a01-hub-result-meta {
  font-size: 0.75rem;
  color: var(--text-secondary);
}

.a01-tax-matrix-panel {
  margin-top: 1rem;
  overflow-x: auto;
}

.a01-tax-matrix-panel.hidden {
  display: none;
}

.a01-tax-matrix-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

.a01-tax-matrix-table th,
.a01-tax-matrix-table td {
  border: 1px solid var(--border-color);
  padding: 0.35rem 0.5rem;
  text-align: center;
}

.a01-tax-matrix-table th:first-child,
.a01-tax-matrix-table td:first-child {
  text-align: left;
}

.a01-tax-matrix-table .tax-zero {
  color: #16a34a;
}

.a01-tax-matrix-table .tax-rate {
  color: #dc2626;
}

.a01-tax-matrix-table .tax-total {
  font-weight: 700;
  color: #0d9488;
}

/* --- GTIP search engine (A01 hierarchy + detail) --- */
.a01-db-table-panel {
  margin: 1rem 0;
  padding: 1.15rem 1.2rem;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.96));
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.a01-db-table-title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}

.a01-db-table-hint {
  font-size: 0.9375rem;
  color: var(--text-secondary);
  margin-bottom: 0.75rem;
  line-height: 1.45;
}

.a01-db-table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

.a01-autocomplete-shell {
  position: relative;
  min-width: 320px;
  flex: 1 1 420px;
}

.a01-db-table-actions input {
  width: 100%;
  min-width: 200px;
  padding: 0.62rem 0.85rem;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  font-size: 1rem;
  background: #fff;
}

.a01-db-table-actions #a01-refresh-db-table {
  border: 0;
  border-radius: 10px;
  padding: 0.58rem 1.1rem;
  background: linear-gradient(135deg, #0d9488, #0f766e);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  box-shadow: 0 10px 22px rgba(13, 148, 136, 0.30);
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.a01-db-table-actions #a01-refresh-db-table:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(13, 148, 136, 0.35);
  filter: brightness(1.03);
}

.a01-autocomplete-panel {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  z-index: 50;
}

.a01-autocomplete-panel.hidden {
  display: none;
}

.a01-autocomplete-item {
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
  background: transparent;
  padding: 0.5rem 0.65rem;
  cursor: pointer;
  font-size: 0.9rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.a01-autocomplete-item:hover {
  background: #f0fdfa;
}

.a01-autocomplete-item.is-active {
  background: #ccfbf1;
}

.a01-autocomplete-item-code {
  font-weight: 700;
  color: #134e4a;
  margin-right: 0.35rem;
}

.a01-autocomplete-item-desc {
  color: #334155;
}

.a01-db-table-wrap {
  overflow-x: auto;
  overflow-y: visible;
}

/* --- A04 cost DB explorer (hammadde snapshot + should-cost) --- */
.a04-cost-db-panel {
  margin: 1.25rem 0 0.5rem;
  padding: 1.15rem 1.2rem;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 251, 235, 0.92), rgba(254, 252, 232, 0.97));
  box-shadow: 0 12px 28px rgba(120, 53, 15, 0.08);
}

.a04-db-dev-only {
  display: none !important;
}

.a04-db-table-title {
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0 0 0.35rem;
  color: #78350f;
}

.a04-db-table-hint {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin: 0 0 0.75rem;
  line-height: 1.45;
}

.a04-db-table-hint code {
  font-size: 0.82em;
  padding: 0.1em 0.35em;
  border-radius: 4px;
  background: rgba(180, 83, 9, 0.12);
}

.a04-db-toolbar {
  margin-bottom: 0.15rem;
}

.a04-db-search-help {
  font-size: 0.875rem;
  line-height: 1.55;
  color: #57534e;
  margin: 0 0 0.78rem;
  padding: 0.65rem 0.9rem;
  border-radius: 10px;
  border: 1px solid rgba(180, 83, 9, 0.22);
  background: rgba(255, 255, 255, 0.78);
}

.a04-db-search-help strong {
  color: #422006;
  font-weight: 650;
}

.a04-db-search-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.65rem;
}

.a04-db-search-field {
  flex: 1 1 320px;
  min-width: min(100%, 220px);
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
}

.a04-db-search-label {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  cursor: pointer;
  margin: 0;
}

.a04-db-search-kicker {
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #b45309;
}

.a04-db-search-label-text {
  font-size: 0.91rem;
  font-weight: 650;
  color: #422006;
  line-height: 1.32;
}

.a04-db-search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.a04-db-search-icon {
  position: absolute;
  left: 0.88rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(180, 83, 9, 0.78);
  font-size: 0.88rem;
  pointer-events: none;
}

.a04-db-filter-input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.62rem 0.95rem 0.62rem 2.55rem;
  border: 1px solid rgba(217, 119, 6, 0.45);
  border-radius: 11px;
  font-size: 0.96rem;
  background: #fff;
  color: #1c1917;
  box-shadow: inset 0 1px 2px rgba(120, 53, 15, 0.06);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.a04-db-filter-input::placeholder {
  color: #78716c;
  opacity: 0.9;
}

.a04-db-filter-input:hover {
  border-color: rgba(217, 119, 6, 0.65);
}

.a04-db-filter-input:focus {
  outline: none;
  border-color: #d97706;
  box-shadow:
    0 0 0 3px rgba(245, 158, 11, 0.28),
    inset 0 1px 2px rgba(120, 53, 15, 0.06);
}

.a04-db-workspace {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.a04-db-tree-pane {
  flex: 0 0 min(260px, 32vw);
  position: sticky;
  top: 0.75rem;
  align-self: flex-start;
  padding: 0.65rem 0.75rem 0.85rem;
  border-radius: 12px;
  border: 1px solid rgba(180, 83, 9, 0.28);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.98), rgba(254, 252, 232, 0.96));
  box-shadow: 0 8px 22px rgba(120, 53, 15, 0.07);
}

.a04-db-tree-head {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #78350f;
  margin: 0 0 0.45rem;
}

.a04-tree-clear-filter {
  width: 100%;
  margin-bottom: 0.55rem;
  padding: 0.35rem 0.55rem;
  border: 1px dashed rgba(180, 83, 9, 0.45);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.85);
  color: #92400e;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.a04-tree-clear-filter:hover {
  background: rgba(251, 191, 36, 0.22);
  border-style: solid;
}

.a04-industry-tree {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  max-height: min(62vh, 520px);
  overflow-y: auto;
  padding-right: 0.15rem;
  scrollbar-width: thin;
}

.a04-tree-branch {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(120, 53, 15, 0.12);
  background: rgba(255, 255, 255, 0.72);
}

.a04-tree-branch.is-active {
  border-color: rgba(217, 119, 6, 0.55);
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.25);
}

.a04-tree-branch-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.42rem 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: #422006;
  transition: background 0.15s ease;
}

.a04-tree-branch-head:hover {
  background: rgba(251, 191, 36, 0.15);
}

.a04-tree-chevron {
  flex: 0 0 auto;
  display: inline-flex;
  width: 1.1rem;
  height: 1.1rem;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  color: #b45309;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.a04-tree-branch.is-open .a04-tree-chevron {
  transform: rotate(90deg);
}

.a04-tree-label {
  flex: 1 1 auto;
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.25;
}

.a04-tree-badge {
  flex: 0 0 auto;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.12rem 0.42rem;
  border-radius: 999px;
  background: rgba(180, 83, 9, 0.14);
  color: #78350f;
}

.a04-tree-branch.is-active .a04-tree-badge {
  background: rgba(217, 119, 6, 0.3);
}

.a04-tree-leaves {
  list-style: none;
  margin: 0;
  padding: 0.2rem 0.45rem 0.5rem 1.75rem;
  border-top: 1px solid rgba(120, 53, 15, 0.08);
  background: rgba(255, 255, 255, 0.55);
  max-height: min(36vh, 320px);
  overflow-y: auto;
}

.a04-tree-empty {
  list-style: none;
  font-size: 0.72rem;
  color: #a8a29e;
  font-style: italic;
  padding: 0.25rem 0.2rem 0.35rem;
  margin: 0;
}

.a04-tree-leaves[hidden] {
  display: none !important;
}

.a04-tree-commodity {
  display: block;
  width: 100%;
  margin: 0.12rem 0;
  padding: 0.28rem 0.4rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  font-size: 0.74rem;
  text-align: left;
  color: #44403c;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.a04-tree-commodity:hover {
  background: rgba(251, 191, 36, 0.28);
  color: #1c1917;
}

.a04-tree-leaves-more {
  list-style: none;
  padding: 0.25rem 0.35rem 0.1rem;
  font-size: 0.7rem;
  color: #78716c;
  pointer-events: none;
}

.a04-db-pane-main {
  flex: 1 1 auto;
  min-width: 0;
}

@media (max-width: 900px) {
  .a04-db-workspace {
    flex-direction: column;
  }

  .a04-db-tree-pane {
    flex: none;
    width: 100%;
    position: relative;
    top: auto;
    max-height: none;
  }

  .a04-industry-tree {
    max-height: 280px;
  }
}

.a04-db-table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.65rem;
}

.a04-db-table-actions input {
  flex: 1 1 280px;
  min-width: 200px;
  padding: 0.58rem 0.85rem;
  border: 1px solid #d97706;
  border-radius: 10px;
  font-size: 0.98rem;
  background: #fff;
}

.a04-db-table-actions #a04-db-refresh,
.a04-db-refresh-btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 10px;
  padding: 0.62rem 1.15rem;
  background: linear-gradient(135deg, #d97706, #b45309);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(180, 83, 9, 0.28);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.a04-db-table-actions #a04-db-refresh:hover,
.a04-db-refresh-btn:hover {
  filter: brightness(1.06);
}

.a04-should-cost-panel {
  padding: 0.5rem 0 1rem;
}

.a04-should-cost-form {
  display: grid;
  gap: 0.65rem;
  max-width: 520px;
  margin-bottom: 1rem;
}

.a04-sc-form-row {
  display: grid;
  gap: 0.25rem;
}

.a04-sc-form-row select,
.a04-sc-form-row input {
  padding: 0.5rem 0.65rem;
  border-radius: 8px;
  border: 1px solid var(--border-color, #d97706);
  background: var(--input-bg, #fff);
  color: inherit;
}

.a04-sc-result-card {
  border: 1px solid rgba(217, 119, 6, 0.35);
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1rem;
  background: rgba(255, 251, 235, 0.5);
}

[data-theme='dark'] .a04-sc-result-card {
  background: rgba(30, 24, 12, 0.45);
  border-color: rgba(251, 191, 36, 0.25);
}

.a04-sc-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}

.a04-sc-hero-value {
  font-size: 1.65rem;
  font-weight: 700;
  color: #b45309;
}

[data-theme='dark'] .a04-sc-hero-value {
  color: #fbbf24;
}

.a04-q-badge {
  display: inline-block;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: lowercase;
}

.a04-q-direct { background: #dcfce7; color: #166534; }
.a04-q-derived { background: #fef9c3; color: #854d0e; }
.a04-q-estimated { background: #ffedd5; color: #c2410c; }
.a04-q-missing { background: #f1f5f9; color: #64748b; }
.a04-q-unknown { background: #f1f5f9; color: #64748b; }

.a04-feed-health {
  margin: 0 0 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  font-size: 0.82rem;
  line-height: 1.45;
}

.a04-feed-health--healthy {
  background: #ecfdf5;
  border-color: #86efac;
  color: #14532d;
}

.a04-feed-health--degraded {
  background: #fefce8;
  border-color: #fde047;
  color: #713f12;
}

.a04-feed-health--critical {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #7f1d1d;
}

.a04-feed-health--unknown {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}

.a04-feed-health-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.75rem;
  margin-bottom: 0.35rem;
}

.a04-feed-health-badge {
  display: inline-flex;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
}

.a04-feed-health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.35rem 0.75rem;
}

.a04-db-source-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  margin: 0 0 0.65rem;
  align-items: flex-end;
}

.a04-db-filter-label {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
  color: #64748b;
}

.a04-db-filter-select {
  min-width: 9rem;
  padding: 0.3rem 0.45rem;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  font-size: 0.8rem;
}

.a04-source-meta {
  display: block;
  font-size: 0.68rem;
  color: #64748b;
  margin-top: 0.12rem;
}

[data-theme='dark'] .a04-feed-health--healthy {
  background: rgba(22, 101, 52, 0.2);
  border-color: rgba(74, 222, 128, 0.35);
  color: #bbf7d0;
}

[data-theme='dark'] .a04-feed-health--degraded {
  background: rgba(113, 63, 18, 0.25);
  border-color: rgba(250, 204, 21, 0.35);
  color: #fef08a;
}

[data-theme='dark'] .a04-feed-health--critical {
  background: rgba(127, 29, 29, 0.25);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

[data-theme='dark'] .a04-db-filter-select {
  background: #1e293b;
  border-color: #475569;
  color: #e2e8f0;
}


.a04-sc-warn-band {
  background: #fff7ed;
  border-left: 3px solid #f59e0b;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 0.88rem;
}

[data-theme='dark'] .a04-sc-warn-band {
  background: rgba(120, 53, 15, 0.25);
}

.a04-sc-driver {
  margin-bottom: 0.45rem;
}

.a04-sc-driver-head {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  margin-bottom: 0.2rem;
}

.a04-sc-driver-bar {
  height: 8px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  overflow: hidden;
}

.a04-sc-driver-fill {
  height: 100%;
  background: linear-gradient(90deg, #d97706, #f59e0b);
  border-radius: 4px;
}

.a04-sc-chip {
  display: inline-block;
  margin-right: 0.35rem;
  padding: 0.12rem 0.4rem;
  border-radius: 6px;
  background: rgba(217, 119, 6, 0.12);
  font-size: 0.78rem;
}

.a04-sc-history-row {
  cursor: pointer;
}

.a04-sc-history-row:hover {
  background: rgba(217, 119, 6, 0.08);
}

.a04-sc-history-detail {
  margin-top: 0.75rem;
}

.a04-sc-history-title {
  margin: 0.5rem 0 0.35rem;
  font-size: 0.95rem;
}
.a04-db-refresh-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(180, 83, 9, 0.32);
  filter: brightness(1.04);
}

.a04-db-tab-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}

.a04-db-tab {
  border: 1px solid rgba(180, 83, 9, 0.35);
  border-radius: 999px;
  padding: 0.35rem 0.95rem;
  background: #fff;
  color: #78350f;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.a04-db-tab:hover {
  background: rgba(251, 191, 36, 0.2);
}

.a04-db-tab-active {
  background: linear-gradient(135deg, #fcd34d, #f59e0b);
  border-color: #b45309;
  color: #422006;
}

.a04-db-status {
  font-size: 0.88rem;
  color: var(--text-secondary);
  margin-bottom: 0.45rem;
  min-height: 1.25em;
}

.a04-db-status--secondary {
  font-size: 0.82rem;
  margin-bottom: 0.35rem;
  opacity: 0.92;
}

.a04-db-table-wrap {
  overflow-x: auto;
  overflow-y: visible;
}

.a04-db-chart-row {
  cursor: pointer;
  transition: background 0.12s ease;
}

.a04-db-chart-row:hover {
  background: rgba(251, 191, 36, 0.14);
}

table.a04-db-table th {
  white-space: nowrap;
}

/* A04 — seçilen hammadde fiyat grafiği (Chart.js) */
.a04-price-chart-wrap {
  margin: 1rem 0;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(217, 119, 6, 0.35);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, rgba(254, 252, 232, 0.98));
  box-shadow: 0 10px 26px rgba(120, 53, 15, 0.07);
}

.a04-price-chart-wrap.hidden {
  display: none;
}

.a04-price-chart-head {
  font-size: 1rem;
  font-weight: 700;
  color: #78350f;
  margin-bottom: 0.35rem;
  line-height: 1.35;
}

.a04-price-chart-head .a04-price-chart-sub {
  display: block;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--text-secondary);
  margin-top: 0.2rem;
}

.a04-price-chart-head-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}

.a04-price-chart-head-text {
  flex: 1 1 12rem;
  min-width: 0;
}

.a04-price-chart-title-line {
  display: block;
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.35;
}

.a04-interval-toggle {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.2rem;
  border-radius: 10px;
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(180, 83, 9, 0.25);
}

.a04-interval-btn {
  margin: 0;
  padding: 0.35rem 0.75rem;
  border: none;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  color: #78350f;
  background: transparent;
  transition: background 0.15s ease, color 0.15s ease;
}

.a04-interval-btn:hover {
  background: rgba(255, 255, 255, 0.45);
}

.a04-interval-btn.is-active {
  background: rgba(180, 83, 9, 0.95);
  color: #fffaf0;
}

.a04-price-chart-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
  margin-bottom: 0.65rem;
  font-size: 0.9rem;
}

.a04-price-chart-summary .a04-kpi-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.2);
  color: #422006;
  font-weight: 600;
}

.a04-price-chart-summary .a04-kpi-pill--up {
  background: rgba(34, 197, 94, 0.2);
  color: #14532d;
}

.a04-price-chart-summary .a04-kpi-pill--down {
  background: rgba(239, 68, 68, 0.18);
  color: #7f1d1d;
}

.a04-price-chart-summary .a04-kpi-pill--flat {
  background: rgba(148, 163, 184, 0.2);
  color: #334155;
}

.a04-price-chart-canvas-shell {
  position: relative;
  height: min(320px, 48vh);
  width: 100%;
}

.a04-chart-table-title {
  margin: 0.35rem 0 0.65rem;
  font-size: 0.98rem;
  font-weight: 700;
  color: #78350f;
}

/* A04 CAS lookup (chemical identity — separate from DB table search) */
.a04-cas-panel {
  margin: 1rem 0 1.25rem;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  border: 1px solid rgba(14, 165, 233, 0.28);
  background: linear-gradient(145deg, rgba(240, 249, 255, 0.95), rgba(224, 242, 254, 0.5));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}

.a04-cas-panel-head {
  margin-bottom: 0.75rem;
}

.a04-cas-panel-title {
  margin: 0 0 0.4rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0c4a6e;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.a04-cas-panel-title i {
  color: #0284c7;
}

.a04-cas-panel-help {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--text-secondary);
}

.a04-cas-toolbar {
  margin-bottom: 0.65rem;
}

.a04-cas-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #0369a1;
  margin-bottom: 0.35rem;
}

.a04-cas-search-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: stretch;
}

.a04-cas-input-wrap {
  position: relative;
  flex: 1 1 14rem;
  min-width: 0;
}

.a04-cas-input-icon {
  position: absolute;
  left: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 0.9rem;
  pointer-events: none;
}

.a04-cas-input {
  width: 100%;
  padding: 0.55rem 0.75rem 0.55rem 2.25rem;
  border: 1px solid rgba(14, 165, 233, 0.35);
  border-radius: 10px;
  font-size: 0.95rem;
  background: #fff;
  color: var(--text-primary);
}

.a04-cas-input:focus {
  outline: none;
  border-color: #0284c7;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
}

.a04-cas-search-btn {
  padding: 0.55rem 1.15rem;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(180deg, #0284c7, #0369a1);
  white-space: nowrap;
}

.a04-cas-search-btn:hover {
  filter: brightness(1.05);
}

.a04-cas-results {
  font-size: 0.9rem;
}

.a04-cas-error-detail {
  font-weight: 500;
  color: #64748b;
}

.a04-cas-error-hint {
  margin: 0.65rem 0 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #475569;
}

.a04-cas-error-hint code {
  font-size: 0.85em;
  padding: 0.08rem 0.28rem;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.06);
}

.a04-cas-results .a04-cas-empty,
.a04-cas-results .a04-cas-loading {
  margin: 0.5rem 0 0;
  color: var(--text-secondary);
}

.a04-cas-exact-card {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(14, 165, 233, 0.22);
}

.a04-cas-exact-card dl {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(6rem, 9rem) 1fr;
  gap: 0.35rem 0.75rem;
  font-size: 0.88rem;
}

.a04-cas-exact-card dt {
  margin: 0;
  color: #64748b;
  font-weight: 600;
}

.a04-cas-exact-card dd {
  margin: 0;
  color: var(--text-primary);
}

.a04-cas-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  margin-top: 0.65rem;
}

.a04-cas-links a {
  font-size: 0.82rem;
  font-weight: 600;
  color: #0369a1;
  text-decoration: none;
}

.a04-cas-links a:hover {
  text-decoration: underline;
}

.a04-cas-disclaimer {
  margin: 0.5rem 0 0;
  font-size: 0.78rem;
  color: #64748b;
  line-height: 1.4;
}

.a04-cas-subtitle {
  margin: 0.75rem 0 0.4rem;
  font-size: 0.92rem;
  font-weight: 700;
  color: #0c4a6e;
}

.a04-cas-table-wrap {
  overflow-x: auto;
  margin-bottom: 0.5rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: #fff;
}

.a04-cas-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.84rem;
}

.a04-cas-table th,
.a04-cas-table td {
  padding: 0.45rem 0.55rem;
  text-align: left;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.a04-cas-table th {
  background: rgba(240, 249, 255, 0.85);
  font-weight: 700;
  color: #0c4a6e;
}

.a04-cas-open-chart {
  font-size: 0.8rem;
  font-weight: 600;
  color: #b45309;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.a04-cas-open-chart:hover {
  color: #92400e;
}

.a04-cas-recent {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.65rem;
  margin-bottom: 1rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.2);
}

.a04-cas-recent-label {
  font-size: 0.78rem;
  font-weight: 700;
  color: #0c4a6e;
  margin-right: 0.15rem;
}

.a04-cas-chip {
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(14, 165, 233, 0.35);
  background: #fff;
  color: #0369a1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.a04-cas-chip:hover {
  background: rgba(224, 242, 254, 0.95);
  border-color: #0ea5e9;
}

.a04-cas-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0 0.5rem;
}

.a04-cas-btn-primary.a04-cas-open-chart,
.a04-cas-btn-secondary.a04-cas-open-chart {
  text-decoration: none;
  padding: 0.45rem 0.85rem;
  border-radius: 8px;
  font-size: 0.82rem;
  border: 1px solid transparent;
}

.a04-cas-btn-primary.a04-cas-open-chart {
  background: linear-gradient(180deg, #f59e0b, #d97706);
  color: #fff;
  border-color: #b45309;
  box-shadow: 0 1px 2px rgba(180, 83, 9, 0.25);
}

.a04-cas-btn-primary.a04-cas-open-chart:hover {
  color: #fff;
  filter: brightness(1.05);
}

.a04-cas-btn-secondary.a04-cas-open-chart {
  background: #fff;
  color: #0369a1;
  border-color: rgba(14, 165, 233, 0.45);
}

.a04-cas-btn-secondary.a04-cas-open-chart:hover {
  color: #0c4a6e;
  background: rgba(224, 242, 254, 0.6);
}

.a04-cas-btn-table.a04-cas-open-chart,
.a04-cas-btn-table-secondary.a04-cas-open-chart {
  display: inline-block;
  margin: 0;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  font-size: 0.76rem;
  border: 1px solid rgba(180, 83, 9, 0.35);
  background: rgba(255, 251, 235, 0.9);
  text-decoration: none;
}

.a04-cas-btn-table-secondary.a04-cas-open-chart {
  border-color: rgba(14, 165, 233, 0.4);
  background: rgba(240, 249, 255, 0.95);
  color: #0369a1;
}

.a04-cas-btn-table-secondary.a04-cas-open-chart:hover {
  color: #0c4a6e;
}

.a04-cas-actions-cell {
  white-space: normal;
  min-width: 7.5rem;
}

.a04-cas-actions-cell .a04-cas-open-chart + .a04-cas-open-chart {
  margin-left: 0.35rem;
}

.a01-section-title {
  margin: 0.85rem 0 0.55rem;
  padding: 0.6rem 0.85rem;
  border-left: 4px solid #0d9488;
  background: linear-gradient(90deg, rgba(13, 148, 136, 0.1), rgba(13, 148, 136, 0.02));
  border-radius: 10px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

#tax-quote-results:empty {
  display: none;
}

.a01-explorer {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.a01-explorer-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: rgba(148, 163, 184, 0.08);
}

.a01-explorer-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.a01-explorer-sub {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.45;
}

.a01-explorer-kpis {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.a01-kpi-pill {
  border: 1px solid #ccfbf1;
  border-radius: 999px;
  padding: 0.28rem 0.72rem;
  font-size: 0.875rem;
  background: #f8fbff;
  color: #134e4a;
}

.a01-kpi-pill-btn {
  cursor: pointer;
}

.a01-kpi-pill-btn.active {
  border-color: #0d9488;
  background: #f0fdfa;
  color: #115e59;
}

.a01-explorer-main {
  display: grid;
  grid-template-columns: minmax(300px, 30%) 1fr;
  gap: 0.9rem;
  align-items: start;
}

.a01-explorer-main.is-compact {
  grid-template-columns: 1fr;
}

.a01-explorer-empty {
  border: 1px dashed var(--border-color);
  border-radius: 10px;
  padding: 1.25rem 1rem;
  background: var(--surface-color);
  text-align: center;
}

.a01-explorer-empty-title {
  margin: 0 0 0.35rem;
  font-weight: 700;
  color: var(--text-primary, #e2e8f0);
}

.a01-explorer-empty-hint {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-muted, #94a3b8);
}

.a01-detail-drawer {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface-color) 92%, transparent);
  padding: 0.35rem 0.55rem;
}

.a01-detail-drawer > summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 0.86rem;
  color: var(--text-primary, #cbd5e1);
  padding: 0.35rem 0.15rem;
}

.a01-detail-drawer-body {
  padding: 0.35rem 0 0.15rem;
}

.a01-tree-drawer {
  margin-top: 0.65rem;
}

.a01-explorer-tree {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--surface-color);
  padding: 0.62rem 0.55rem;
  overflow: visible;
}

.a01-sidebar-block {
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(148, 163, 184, 0.4);
}

.a01-sidebar-block:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.a01-sidebar-block--tree {
  padding-bottom: 0;
  border-bottom: none;
}

.a01-sidebar-block-title {
  margin: 0 0 0.5rem;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.a01-sidebar-section-banner {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin: 0 0 0.65rem;
  padding: 0.5rem 0.55rem;
  border-radius: 8px;
  background: rgba(204, 251, 241, 0.45);
  border: 1px solid rgba(20, 184, 166, 0.22);
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
}

.a01-sidebar-section-kicker {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
}

.a01-sidebar-section-title {
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.35;
  color: #0f172a;
}

.a01-sidebar-path-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
}

.a01-sidebar-path-item {
  margin: 0 0 0.45rem;
  padding-left: calc(var(--a01-depth, 0) * 0.65rem);
  border-left: 2px solid rgba(20, 184, 166, 0.2);
  margin-left: 0.15rem;
  padding-bottom: 0.1rem;
}

.a01-sidebar-path-head {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.35;
}

.a01-sidebar-path-desc {
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.4;
  color: #475569;
}

.a01-sidebar-tree-empty {
  margin: 0;
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.4;
}

.a01-sidebar-tree-root {
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.82rem;
  line-height: 1.35;
}

.a01-sidebar-tree-node {
  border-radius: 6px;
  margin-bottom: 0.2rem;
}

.a01-sidebar-tree-node > summary {
  cursor: pointer;
  list-style-position: outside;
  padding: 0.35rem 0.4rem 0.35rem 0.15rem;
  border-radius: 6px;
  font-weight: 600;
  color: #1e293b;
  background: rgba(241, 245, 249, 0.65);
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.a01-sidebar-seg-summary {
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.84rem;
  line-height: 1.35;
}

.a01-sidebar-seg-desc {
  margin: 0 0 0.5rem;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: #475569;
}

.a01-sidebar-tree-node > summary:hover {
  background: rgba(240, 253, 250, 0.95);
  border-color: rgba(20, 184, 166, 0.35);
}

.a01-sidebar-tree-node--root > summary {
  font-weight: 700;
  color: #0f172a;
  background: rgba(204, 251, 241, 0.45);
}

.a01-tree-node-children {
  margin: 0.35rem 0 0.15rem 0.5rem;
  padding-left: 0.55rem;
  border-left: 2px solid rgba(20, 184, 166, 0.28);
}

.a01-detail-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.a01-detail-panel {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  background: var(--surface-color);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.a01-detail-panel-title {
  margin: 0 0 0.65rem;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0f172a;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.a01-detail-panel-title--table {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  border-bottom: none;
  padding-bottom: 0;
}

.a01-detail-subtitle {
  margin: 1rem 0 0.45rem;
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: #334155;
}

.a01-detail-subtitle:first-of-type {
  margin-top: 0.65rem;
}

.a01-detail-hero .query-badge {
  font-size: 1rem;
}

.a01-detail-desc {
  margin: 0.45rem 0 0;
  font-size: 0.95rem;
  color: #334155;
  line-height: 1.45;
}

.a01-detail-lead {
  margin: 0 0 0.6rem;
  font-size: 0.9rem;
  color: #475569;
}

.a01-detail-hint {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.4;
}

.a01-detail-muted {
  margin: 0;
  font-size: 0.9rem;
  color: #64748b;
  line-height: 1.5;
}

.a01-mevzuat-table .a01-mevzuat-desc {
  max-width: 36rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}

.a01-mevzuat-table .a01-mevzuat-src {
  font-size: 0.75rem;
  color: #64748b;
  white-space: nowrap;
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.a01-mevzuat-synth-tag {
  display: inline-block;
  margin-left: 0.25rem;
  padding: 0.08rem 0.35rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: rgba(245, 158, 11, 0.18);
  color: #b45309;
  vertical-align: middle;
}

tr.a01-mevzuat-row--synthetic td.a01-mevzuat-desc {
  border-left: 2px solid rgba(245, 158, 11, 0.45);
  padding-left: 0.5rem;
}

.a01-mevzuat-chip {
  display: inline-block;
  padding: 0.12rem 0.45rem;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: rgba(20, 184, 166, 0.12);
  color: #0f766e;
  border: 1px solid rgba(20, 184, 166, 0.22);
}

.a01-mevzuat-belge-list {
  margin: 0.5rem 0 0;
  padding-left: 1.15rem;
  line-height: 1.5;
  font-size: 0.875rem;
  color: #334155;
}

.a01-mevzuat-belge-list li {
  margin-bottom: 0.55rem;
}

.a01-mevzuat-belge-body {
  display: block;
  margin-top: 0.2rem;
  font-weight: 400;
  color: #475569;
}

.a01-mevzuat-belge-src {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.75rem;
  color: #94a3b8;
}

.a01-mevzuat-footnote {
  margin-top: 0.75rem;
  font-weight: 500;
}

.a01-detail-legal-lead {
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
}

.a01-rate-dl {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  gap: 0.5rem 1rem;
  margin: 0;
}

.a01-rate-dl > div {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.45rem 0.55rem;
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.2);
}

.a01-rate-dl dt {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.a01-rate-dl dd {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
}

.a01-tree-group {
  margin-top: 0.35rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.35);
  padding-top: 0.35rem;
}

.a01-tree-item,
.a01-tree-child {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  gap: 0.45rem;
  padding: 0.45rem 0.55rem;
  text-align: left;
  cursor: pointer;
  margin-bottom: 0.3rem;
  font-size: 0.9rem;
  line-height: 1.35;
}

.a01-tree-children {
  margin-left: 0.55rem;
}

.a01-tree-child {
  font-size: 0.85rem;
  background: rgba(240, 253, 250, 0.45);
}

.a01-tree-item em,
.a01-tree-child em {
  font-style: normal;
  opacity: 0.7;
}

.a01-tree-item.active,
.a01-tree-child.active {
  border-color: #0d9488;
  background: #f0fdfa;
}

.a01-explorer-detail {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.a01-selected-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 0.5rem;
  background: var(--surface-color);
}

.a01-selected-summary.is-compact {
  padding: 0.38rem 0.45rem;
}

.a01-selected-summary p {
  margin: 0.35rem 0 0;
  font-size: 0.9375rem;
  line-height: 1.45;
}

.a01-selected-tree {
  color: #134e4a;
}

.a01-branch-tree {
  margin-top: 0.35rem;
  border: 1px dashed rgba(20, 184, 166, 0.35);
  border-radius: 8px;
  padding: 0.35rem 0.45rem;
  background: rgba(240, 253, 250, 0.42);
}

.a01-branch-title {
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #334155;
}

.a01-hierarchy-lines {
  width: 100%;
}

.a01-hierarchy-lines.compact {
  margin-top: 0.15rem;
}

.a01-hierarchy-line {
  display: flex;
  align-items: flex-start;
  gap: 0.2rem;
  line-height: 1.35;
  font-size: 0.875rem;
  color: #334155;
}

.a01-hierarchy-lines.compact .a01-hierarchy-line {
  font-size: 0.8125rem;
}

.a01-hierarchy-line.depth-0 { padding-left: 0; font-weight: 700; color: #475569; }
.a01-hierarchy-line.depth-1 { padding-left: 0.2rem; }
.a01-hierarchy-line.depth-2 { padding-left: 0.6rem; }
.a01-hierarchy-line.depth-3 { padding-left: 1rem; }
.a01-hierarchy-line.depth-4 { padding-left: 1.35rem; }
.a01-hierarchy-line.depth-5 { padding-left: 1.7rem; }
.a01-hierarchy-line.depth-6 { padding-left: 2rem; }

.a01-hierarchy-arrow {
  color: #64748b;
  min-width: 0.55rem;
}

.a01-hierarchy-text {
  word-break: break-word;
}

.a01-branch-item {
  position: relative;
  padding: 0.22rem 0 0.22rem 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.35;
}

.a01-branch-item:not(.is-leaf)::before {
  content: '';
  position: absolute;
  left: 0.42rem;
  top: 0.82rem;
  width: 1px;
  height: calc(100% + 0.1rem);
  background: rgba(13, 148, 136, 0.55);
}

.a01-branch-dot {
  position: absolute;
  left: 0.2rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #0d9488;
}

.a01-branch-code {
  font-family: Consolas, "Courier New", monospace;
  color: #115e59;
  font-weight: 700;
}

.a01-branch-label {
  color: #334155;
}

.a01-branch-desc {
  color: #0f172a;
  font-weight: 600;
}

.a01-selected-note {
  color: var(--text-secondary);
  line-height: 1.35;
}

.a01-selected-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  font-size: 0.9rem;
}

.a01-selected-rates span {
  border: 1px solid var(--border-color);
  border-radius: 999px;
  padding: 0.15rem 0.5rem;
}

.a01-table-wrap {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: visible;
}

.a01-table-controls {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.a01-table-quick-filter {
  min-width: 280px;
  flex: 1 1 360px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0.4rem 0.6rem;
  font-size: 0.9375rem;
}

.a01-table-limit-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.875rem;
  color: #475569;
}

.a01-table-limit-wrap select {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0.28rem 0.45rem;
  font-size: 0.875rem;
}

.a01-table-advanced-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.45rem;
  align-items: center;
}

.a01-table-advanced-filters.hidden {
  display: none;
}

.a01-chip-toggle {
  border: 1px solid var(--border-color);
  background: #fff;
  border-radius: 999px;
  padding: 0.25rem 0.58rem;
  font-size: 0.8125rem;
  cursor: pointer;
}

.a01-chip-toggle.active {
  border-color: #0d9488;
  background: #f0fdfa;
  color: #115e59;
}

.a01-chip-toggle.clear {
  border-style: dashed;
  color: #475569;
}

.a01-range-box {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.8125rem;
  color: #475569;
}

.a01-range-box input {
  width: 72px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0.24rem 0.32rem;
  font-size: 0.8125rem;
}

.a01-result-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
}

.a01-result-table thead th.a01-sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

.a01-result-table thead th.a01-sortable::after {
  content: " ⇅";
  opacity: 0.3;
  font-size: 0.8rem;
}

.a01-result-table thead th.a01-sortable.is-sorted::after {
  opacity: 0.8;
}

.a01-result-table thead th.a01-sortable.is-sorted.asc::after {
  content: " ↑";
}

.a01-result-table thead th.a01-sortable.is-sorted.desc::after {
  content: " ↓";
}

.a01-result-table tr {
  cursor: pointer;
}

.a01-result-table tr.is-selected {
  background: rgba(20, 184, 166, 0.12);
}

.a01-result-table th,
.a01-result-table td {
  font-size: 0.9375rem;
  padding: 0.52rem 0.62rem;
  line-height: 1.4;
}

.a01-obligation-panel {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--surface-color);
  padding: 0.55rem;
}

.a01-obligation-panel h5 {
  margin-bottom: 0.45rem;
  font-size: 0.9375rem;
}

.a01-req-tabs {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-bottom: 0.45rem;
}

.a01-req-tab {
  border: 1px solid var(--border-color);
  background: #fff;
  border-radius: 6px;
  padding: 0.28rem 0.58rem;
  font-size: 0.875rem;
  cursor: pointer;
}

.a01-req-tab.active {
  border-color: #0d9488;
  background: #f0fdfa;
  color: #115e59;
}

.a01-req-panel.hidden {
  display: none;
}

.a01-gozetim-detail {
  margin-top: 0.55rem;
}

.a01-gozetim-detail h6 {
  margin: 0 0 0.3rem;
  font-size: 0.875rem;
  color: #334155;
}

.a01-gozetim-note {
  margin: 0.32rem 0 0;
  font-size: 0.72rem;
  color: #64748b;
}

.a01-public-regs {
  margin-top: 0.65rem;
  border-top: 1px solid var(--border-color);
  padding-top: 0.55rem;
}

.a01-public-regs h6 {
  margin: 0 0 0.32rem;
  font-size: 0.875rem;
  color: #1e293b;
}

.a01-public-regs-summary {
  margin-top: 0.2rem;
  font-size: 0.875rem;
  color: #475569;
}

.a01-public-regs-empty,
.a01-public-regs-loading {
  margin: 0.2rem 0;
  font-size: 0.875rem;
  color: #64748b;
}

.a01-c02-redirect {
  border: 1px dashed var(--border-color);
  border-radius: 10px;
  padding: 0.7rem;
  background: rgba(240, 253, 250, 0.35);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.a01-c02-redirect p {
  margin: 0;
  font-size: 0.9375rem;
  color: #334155;
  line-height: 1.45;
}

.a01-status-chip {
  border: 1px solid #99f6e4;
  color: #115e59;
  background: #f0fdfa;
  border-radius: 999px;
  padding: 0.15rem 0.5rem;
  font-size: 0.8125rem;
}

@media (max-width: 1080px) {
  .a01-explorer-main {
    grid-template-columns: 1fr;
  }
}

.gtip-assistant-summary {
  margin-bottom: 0.75rem;
}

.gtip-tier-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 0.92rem;
}

.gtip-tier-banner strong {
  font-weight: 700;
}

.gtip-tier-banner--t1 {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.35);
  color: #065f46;
}

.gtip-tier-banner--t2 {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
  color: #92400e;
}

.gtip-tier-banner--t3,
.gtip-tier-banner--t4 {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.35);
  color: #991b1b;
}

html[data-theme='dark'] .gtip-tier-banner--t1 { color: #6ee7b7; }
html[data-theme='dark'] .gtip-tier-banner--t2 { color: #fcd34d; }
html[data-theme='dark'] .gtip-tier-banner--t3,
html[data-theme='dark'] .gtip-tier-banner--t4 { color: #fca5a5; }

.gtip-review-block-notice {
  border: 1px solid #fca5a5;
  background: #fef2f2;
  color: #991b1b;
  border-radius: 8px;
  padding: 0.65rem 0.85rem;
  font-size: 0.9rem;
}

html[data-theme='dark'] .gtip-review-block-notice {
  border-color: #7f1d1d;
  background: rgba(127, 29, 29, 0.25);
  color: #fecaca;
}

.a01-meta-input,
.a01-meta-select {
  min-width: 7rem;
  max-width: 10rem;
  padding: 0.35rem 0.5rem;
  border-radius: 6px;
  border: 1px solid var(--border-subtle, #cbd5e1);
  background: var(--surface-elevated, #fff);
  font-size: 0.85rem;
}

html[data-theme='dark'] .a01-meta-input,
html[data-theme='dark'] .a01-meta-select {
  background: rgba(15, 23, 42, 0.6);
  border-color: rgba(148, 163, 184, 0.35);
  color: #e2e8f0;
}

.gtip-unified-verify-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.5rem 1rem;
  margin-top: 0.5rem;
}

.gtip-verify--ok { border-left: 4px solid #10b981; }
.gtip-verify--warn { border-left: 4px solid #f59e0b; }
.gtip-verify--bad { border-left: 4px solid #ef4444; }
.gtip-verify--info { border-left: 4px solid #3b82f6; }

.gtip-engine-head {
  margin-bottom: 1rem;
}

.gtip-engine-primary .gtip-engine-code {
  font-size: 1rem;
}

.gtip-engine-desc {
  margin: 0.35rem 0 0;
  color: var(--text-muted, #64748b);
  font-size: 0.92rem;
}

.gtip-engine-layout {
  display: grid;
  grid-template-columns: minmax(220px, 32%) 1fr;
  gap: 1rem;
  align-items: start;
}

@media (max-width: 900px) {
  .gtip-engine-layout {
    grid-template-columns: 1fr;
  }
}

.gtip-engine-tree-panel {
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 10px;
  padding: 0.75rem 0.6rem;
  overflow: visible;
  background: rgba(248, 250, 252, 0.65);
}

.gtip-panel-title {
  margin: 0 0 0.5rem;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted, #64748b);
}

.gtip-db-title {
  margin-top: 1.25rem;
}

.gtip-tree-list {
  list-style: none;
  margin: 0;
  padding-left: calc(var(--depth, 0) * 0.65rem);
}

.gtip-tree-item {
  margin: 0.15rem 0;
}

.gtip-tree-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.6rem;
  font-size: 0.82rem;
  line-height: 1.35;
}

.gtip-tree-item--path > .gtip-tree-row {
  font-weight: 600;
  color: var(--accent-strong, #0f766e);
}

.gtip-tree-code {
  font-family: ui-monospace, monospace;
  white-space: nowrap;
}

.gtip-tree-desc {
  flex: 1;
  min-width: 120px;
  opacity: 0.92;
}

.gtip-engine-detail-panel {
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 10px;
  padding: 0.75rem;
}

.gtip-tab-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}

.gtip-tab-strip button {
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: transparent;
  border-radius: 999px;
  padding: 0.25rem 0.75rem;
  font-size: 0.78rem;
  cursor: pointer;
}

.gtip-tab-strip button.gtip-tab-active {
  background: rgba(14, 116, 144, 0.2);
  border-color: rgba(14, 116, 144, 0.55);
  font-weight: 600;
}

.gtip-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.gtip-kpi {
  border-radius: 8px;
  padding: 0.5rem 0.6rem;
  background: rgba(241, 245, 249, 0.9);
  font-size: 0.78rem;
}

.gtip-kpi span {
  display: block;
  opacity: 0.78;
  margin-bottom: 0.2rem;
}

.gtip-kpi strong {
  font-size: 0.95rem;
}

.gtip-subhead {
  margin: 0.75rem 0 0.35rem;
  font-size: 0.82rem;
}

.gtip-mini-table {
  font-size: 0.78rem;
}

.gtip-gozetim-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
}

.gtip-gozetim-list li {
  margin: 0.4rem 0;
}

.gtip-gozetim-meta {
  display: block;
  font-size: 0.78rem;
  opacity: 0.8;
}

.gtip-alt-matches {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
}

button.linklike.gtip-jump-match {
  background: none;
  border: none;
  padding: 0;
  color: var(--link-color, #0ea5e9);
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
}

/* A02 — ana arama (dört alan + işlemler) */
.a02-primary-search {
  margin-bottom: 1.15rem;
  padding: 1rem 1.1rem 1.1rem;
  border-radius: 0.9rem;
  border: 1px solid var(--border-color);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.99) 100%);
  box-shadow: var(--shadow);
}

.a02-primary-title {
  margin: 0 0 0.35rem;
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--text-primary);
}

.a02-primary-lead {
  margin: 0 0 0.9rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #374151;
  line-height: 1.5;
}

.a02-primary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem 1rem;
  margin-bottom: 1rem;
}

.a02-primary-grid .a02-primary-field-span {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  .a02-primary-grid {
    grid-template-columns: 1fr;
  }

  .a02-primary-grid .a02-primary-field-span {
    grid-column: 1;
  }
}

.a02-primary-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.a02-jump-advanced-btn {
  margin-left: auto;
}

@media (max-width: 640px) {
  .a02-jump-advanced-btn {
    margin-left: 0;
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* A02 tam ekranda “Nasıl çalışır” yol haritası olarak öne çıksın */
#module-workspace-root:not(.hidden).module-workspace-root--a02 .module-workspace-how-shell:not(.hidden) .module-how-trigger {
  font-weight: 700;
  border-color: rgba(13, 148, 136, 0.45);
  box-shadow: 0 2px 10px rgba(13, 148, 136, 0.18);
}

/* A02 trade pool — Excel-style grid & filter chrome */
.a02-xlsx-path-hint {
  margin: 0.75rem 0 1rem;
  padding: 0.55rem 0.75rem;
  border-radius: 0.55rem;
  border: 1px dashed rgba(15, 118, 110, 0.35);
  background: rgba(15, 118, 110, 0.04);
  font-size: 0.82rem;
}

.a02-xlsx-path-hint > summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--text-primary);
  list-style: none;
}

.a02-xlsx-path-hint > summary::-webkit-details-marker {
  display: none;
}

.a02-xlsx-path-hint-body,
.a02-xlsx-path-note {
  margin: 0.5rem 0 0.35rem;
  color: var(--text-secondary);
  line-height: 1.45;
}

.a02-xlsx-path-code {
  display: block;
  margin: 0.35rem 0 0.5rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0.4rem;
  font-size: 0.72rem;
  line-height: 1.4;
  word-break: break-all;
  background: rgba(15, 23, 42, 0.06);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  font-family: ui-monospace, 'Cascadia Code', 'Consolas', monospace;
}

.a02-step-hint {
  font-size: 0.88rem;
  color: var(--text-secondary);
  margin: 0.5rem 0 1rem;
  line-height: 1.5;
}

.a02-step-hint code {
  font-size: 0.82em;
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
  background: rgba(13, 148, 136, 0.08);
}

.a02-filter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.25rem;
  margin-bottom: 1rem;
}

@media (max-width: 960px) {
  .a02-filter-grid {
    grid-template-columns: 1fr;
  }
}

.a02-filter-col--panel {
  padding: 0.85rem 1rem;
  border-radius: 0.65rem;
  border: 1px solid var(--border-color);
  background: rgba(248, 250, 252, 0.85);
}

.a02-filter-col-title {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #334155;
  margin-bottom: 0.65rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}

.a02-field {
  margin-bottom: 0.65rem;
}

.a02-field:last-child {
  margin-bottom: 0;
}

.a02-field label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: #1f2937;
}

.a02-field input,
.a02-field select {
  width: 100%;
  max-width: 100%;
  border-radius: 0.45rem;
  border: 1px solid var(--border-color);
  padding: 0.45rem 0.55rem;
  font-size: 0.9rem;
  color: var(--text-primary);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.a02-field input::placeholder,
.a02-field textarea::placeholder {
  color: #5c6370;
  opacity: 1;
  font-weight: 500;
}

.a02-field input:focus,
.a02-field select:focus {
  outline: none;
  border-color: rgba(13, 148, 136, 0.55);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

.a02-field-country-combo .a02-country-combo {
  position: relative;
  width: 100%;
}

.a02-country-combo .a02-country-suggestions {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 40;
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  max-height: min(280px, 42vh);
  overflow-y: auto;
  background: var(--surface, #fff);
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 0.5rem;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}

/* A08: öneri kutusu `document.body` altına taşınınca `.a02-country-combo …` seçicisi düşer; opak yüzey şart */
ul.a02-country-suggestions.maytras-a08-floater:not(.hidden),
#a08-country-listbox.maytras-a08-floater:not(.hidden),
#a08-port-listbox.maytras-a08-floater:not(.hidden) {
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  overflow-y: auto;
  background-color: #fff;
  background: var(--surface, #fff);
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 0.5rem;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.2);
  isolation: isolate;
}

.a01-autocomplete-panel.maytras-a08-floater:not(.hidden),
#a08-hs-autocomplete-panel.maytras-a08-floater:not(.hidden) {
  overflow: auto;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: #fff;
  background: var(--surface, #fff);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
  isolation: isolate;
}

.a02-country-suggestion {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0.4rem 0.65rem;
  cursor: pointer;
  font-size: 0.84rem;
  color: var(--text-primary);
}

.a02-country-suggestion:hover,
.a02-country-suggestion.is-highlighted {
  background: rgba(13, 148, 136, 0.12);
}

.a02-country-suggestion-code {
  flex: 0 0 auto;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #0d9488;
  min-width: 2.25rem;
}

.a02-country-suggestion-name {
  flex: 1;
  min-width: 0;
  line-height: 1.3;
}

.a02-country-suggestion-none {
  padding: 0.5rem 0.65rem;
  font-size: 0.82rem;
  color: var(--text-secondary, #64748b);
  font-style: italic;
}

.a02-field-check label {
  font-weight: 500;
  font-size: 0.85rem;
}

.a02-date-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.a02-date-row input[type='date'] {
  flex: 1;
  min-width: 8rem;
}

.a02-date-sep {
  color: #475569;
  font-size: 0.875rem;
  font-weight: 600;
}

.a02-filter-range-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem 1rem;
  margin-bottom: 0.75rem;
}

@media (max-width: 720px) {
  .a02-filter-range-grid {
    grid-template-columns: 1fr;
  }
}

.a02-range-row {
  display: flex;
  gap: 0.5rem;
}

.a02-range-row input {
  flex: 1;
  min-width: 0;
}

.a02-filter-check-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0.5rem;
  background: rgba(241, 245, 249, 0.65);
}

.a02-filter-actions-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  justify-content: flex-end;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-color);
}

.a02-filter-actions-row .detail-select {
  min-width: 6.5rem;
}

/* A02 sonuç: tam genişlik tablo; detay paneli altta (yatay alan kullanımı) */
.detail-body.a02-detail-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
  width: 100%;
}

.a02-detail-body .a02-results-bar {
  flex: 0 0 auto;
  width: 100%;
  order: 1;
  margin-bottom: 0;
}

.a02-detail-body .detail-list.a02-detail-list-host {
  flex: 0 1 auto;
  width: 100%;
  min-width: 0;
  order: 2;
  max-height: min(68vh, 640px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: 0.65rem;
  background: transparent;
}

.a02-detail-body .detail-view {
  flex: 0 1 auto;
  width: 100%;
  min-width: 0;
  order: 3;
  box-shadow: var(--shadow);
  min-height: auto;
  max-height: min(38vh, 320px);
  overflow-y: auto;
}

.a02-detail-body .detail-view .a02-row-kv {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.45rem 1.25rem;
  align-items: start;
}

.a02-detail-body .detail-view .a02-row-kv > div {
  padding: 0.35rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}

@media (max-width: 520px) {
  .a02-detail-body .detail-view .a02-row-kv {
    grid-template-columns: 1fr;
  }
}

.a02-results-bar {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(204, 251, 241, 0.65) 0%, rgba(241, 245, 249, 0.95) 100%);
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 0.65rem;
  padding: 0.75rem 1rem;
  margin-bottom: 0.85rem;
  font-size: 0.88rem;
  position: relative;
  overflow: hidden;
}

.a02-results-bar::before {
  content: '';
  width: 4px;
  align-self: stretch;
  min-height: 2.5rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #0d9488, #38bdf8);
  flex-shrink: 0;
}

.a02-results-bar-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.a02-results-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.65rem;
  margin-top: 0.15rem;
}

.a02-results-toolbar-label {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-secondary, #64748b);
  white-space: nowrap;
}

.a02-pool-sort-select,
.a02-pool-order-select {
  font-size: 0.82rem;
  min-height: 2rem;
  padding: 0.2rem 0.45rem;
  max-width: 100%;
}

.a02-results-aggregates {
  display: block;
  font-size: 0.84rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.35;
}

/* A02 — havuz satırlarından türetilen özet grafikler (Chart.js) */
.a02-analytics-section {
  order: 1.5;
  width: 100%;
  margin-bottom: 0.35rem;
  padding: 1rem 1.05rem 1.15rem;
  background: linear-gradient(165deg, rgba(248, 250, 252, 0.98) 0%, rgba(241, 245, 249, 0.92) 100%);
  border: 1px solid rgba(148, 163, 184, 0.4);
  border-radius: 0.75rem;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}

.a02-analytics-head {
  margin-bottom: 0.85rem;
}

.a02-analytics-title {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}

.a02-analytics-lead {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--text-secondary, #64748b);
  max-width: 72ch;
}

.a02-analytics-sample-note {
  margin: 0.5rem 0 0;
  padding: 0.45rem 0.65rem;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.4;
  color: #92400e;
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.45);
  border-radius: 0.45rem;
}

.a02-charts-warnings {
  margin: 0.45rem 0 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--text-secondary, #64748b);
  font-style: italic;
}

.a02-charts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 1rem;
  align-items: stretch;
}

.a02-chart-card {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 0.65rem;
  padding: 0.75rem 0.85rem 0.65rem;
  min-width: 0;
}

.a02-chart-card-title {
  margin: 0 0 0.5rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text-primary);
}

.a02-chart-card-note {
  margin: -0.15rem 0 0.45rem;
  font-size: 0.78rem;
  line-height: 1.35;
  color: var(--text-secondary, #64748b);
}

.a02-chart-wrap {
  position: relative;
  height: 240px;
  width: 100%;
  min-height: 200px;
}

.a02-chart-wrap--half {
  height: 200px;
  min-height: 180px;
}

.a02-chart-wrap--pulse {
  height: 200px;
  min-height: 180px;
  max-width: 260px;
  margin: 0 auto;
}

.a02-chart-card--split .a02-chart-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}

@media (max-width: 560px) {
  .a02-chart-card--split .a02-chart-split {
    grid-template-columns: 1fr;
  }
}

.a02-chart-subtitle {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary, #64748b);
  margin-bottom: 0.25rem;
}

.a02-pulse-legend {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--text-secondary, #64748b);
  text-align: center;
}

.a02-results-count {
  font-weight: 700;
  color: var(--text-primary);
  font-size: 0.92rem;
  letter-spacing: -0.01em;
}

.a02-results-hint {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: #475569;
  line-height: 1.45;
}

.a02-pool-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 0.75rem;
  margin-top: 1rem;
  padding: 0.65rem 0.85rem;
  border-radius: 0.65rem;
  border: 1px solid var(--border-color);
  background: rgba(248, 250, 252, 0.96);
}

.a02-page-nums {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.a02-page-btn,
.a02-page-nav {
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.38rem 0.55rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(71, 85, 105, 0.38);
  background: #fff;
  color: #334155;
  cursor: pointer;
  min-width: 2.2rem;
  line-height: 1.2;
}

.a02-page-nav {
  min-width: auto;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
}

.a02-page-btn:hover,
.a02-page-nav:hover:not(:disabled) {
  border-color: rgba(13, 148, 136, 0.55);
  color: #0f766e;
}

.a02-page-btn.is-active {
  background: #0d9488;
  border-color: #0f766e;
  color: #fff;
}

.a02-page-nav:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.a02-page-ellipsis {
  padding: 0 0.2rem;
  color: #64748b;
  user-select: none;
  font-weight: 600;
}

.a02-excel-scroll {
  overflow: auto;
  max-height: min(62vh, 600px);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #c5d4e0;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.06);
}

.a02-excel-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
}

.a02-excel-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, #e8f5e9 0%, #dcedc8 100%);
  color: #1b4332;
  font-weight: 700;
  text-align: left;
  padding: 0.5rem 0.55rem;
  border-bottom: 2px solid #1d6f42;
  border-right: 1px solid rgba(29, 111, 66, 0.2);
  white-space: nowrap;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}

.a02-excel-table thead th:last-child {
  border-right: none;
}

.a02-excel-table thead th[data-a03-sort-key] {
  cursor: pointer;
  user-select: none;
}

.a02-excel-table thead th[data-a03-sort-key]:hover {
  background: linear-gradient(180deg, #dcfce7 0%, #bbf7d0 100%);
}

.a03-sort-icon {
  margin-left: 0.35rem;
  color: var(--text-secondary);
  font-size: 0.74rem;
  vertical-align: middle;
}

.a02-excel-table thead th[aria-sort='ascending'] .a03-sort-icon,
.a02-excel-table thead th[aria-sort='descending'] .a03-sort-icon {
  color: #0d9488;
}

.a02-excel-table tbody td {
  padding: 0.42rem 0.55rem;
  border-bottom: 1px solid #e8ecf1;
  border-right: 1px solid #f1f5f9;
  vertical-align: top;
  background: #fff;
}

.a02-excel-table tbody td:last-child {
  border-right: none;
}

.a02-excel-table tbody tr:nth-child(even) td {
  background: #f8fafc;
}

.a02-excel-table tbody tr:hover td {
  background: #e0f2fe;
}

.a02-col-action {
  width: 3.25rem;
  text-align: center;
}

.a02-col-num {
  text-align: right;
  white-space: nowrap;
}

.a02-hs-code {
  color: #b91c1c;
  font-weight: 700;
  font-family: ui-monospace, 'Consolas', monospace;
  white-space: nowrap;
}

.a02-cell-wrap {
  max-width: 15rem;
  word-break: break-word;
}

.a02-cell-product {
  max-width: 20rem;
}

.a02-pool-detail-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  border-radius: 0.4rem;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  background: rgba(13, 148, 136, 0.12);
  color: #0f766e;
  transition: background 0.15s ease, transform 0.12s ease;
}

.a02-pool-detail-btn:hover {
  background: rgba(13, 148, 136, 0.22);
  transform: scale(1.05);
}

.a02-pool-detail-btn:focus-visible {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
}

.a02-pool-detail-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  line-height: 1;
}

.a02-table-total-note {
  font-size: 0.83rem;
  margin: 0 0 0.55rem;
  color: var(--text-secondary);
}

.a02-table-total-note strong {
  color: var(--text-primary);
}

.a02-detail-lead {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
}

.a02-row-kv {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 0.88rem;
}

.a01-a02-handoff {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px dashed var(--border-color);
}

/* Uzun kart ızgarasında tablo kesilmesin */
.module-card[data-module='a03'] {
  overflow: visible;
}

.a03-importer-table-section {
  margin-top: 0.25rem;
  margin-bottom: 0.35rem;
  padding: 0.85rem 1rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(13, 148, 136, 0.14);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.92) 100%);
  scroll-margin-top: 0.75rem;
}

.a03-excel-summary-subsection {
  margin-bottom: 1rem;
}

.a03-excel-summary-subsection:last-child {
  margin-bottom: 0;
}

.a03-excel-summary-block--hidden {
  display: none !important;
}

.a03-pool-below-table-hint {
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
  margin: 0.5rem 0 0.35rem;
}

/* A03 Excel özeti tablo altı: teknik not (müşteri modunda da görünür; üst araç çubuğundan ayrılır) */
.a03-excel-summary-table-foot-hint {
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-secondary);
  margin: 0.5rem 0 0;
}

.a03-importer-table-heading {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 0.35rem;
  color: var(--text-primary);
  letter-spacing: -0.01em;
}

.a03-importer-table-meta {
  font-size: 0.82rem;
  color: var(--text-secondary);
  margin: 0 0 0.65rem;
  line-height: 1.45;
}

.a03-importer-table-empty {
  padding: 1rem 1.1rem;
  border-radius: 0.65rem;
  border: 1px dashed var(--border-color);
  color: var(--text-secondary);
  font-size: 0.88rem;
  line-height: 1.45;
  background: rgba(248, 250, 252, 0.65);
}

.a03-table-empty-foot {
  margin: 0.65rem 0 0;
  padding: 0.5rem 0.65rem;
  border-radius: 0.45rem;
}

/* —— A03 · Ticaret intel lead pool (2026 UI) —— */
.a03-module-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.a03-model-note {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.06) 0%, rgba(14, 165, 233, 0.05) 100%);
  border: 1px solid rgba(13, 148, 136, 0.12);
}

.a03-exec-shell {
  border: 1px solid rgba(13, 148, 136, 0.2);
  border-radius: 14px;
  padding: 0.75rem;
  background: linear-gradient(140deg, rgba(13, 148, 136, 0.08), rgba(14, 165, 233, 0.05));
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.a03-exec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.a03-exec-title {
  margin: 0;
  font-size: 0.94rem;
  font-weight: 800;
}

.a03-exec-live-chip {
  border: 1px solid var(--border-color);
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--text-secondary);
  background: var(--surface-color);
}

.a03-exec-scope {
  margin-top: 0.4rem;
  font-size: 0.74rem;
  color: var(--text-secondary);
}

.a03-exec-kpis {
  margin-top: 0.55rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.45rem;
}

.a03-exec-kpi {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 0.42rem 0.5rem;
  background: var(--surface-color);
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.a03-exec-kpi span {
  display: block;
  font-size: 0.66rem;
  color: var(--text-secondary);
}

.a03-exec-kpi strong {
  font-size: 0.87rem;
  color: var(--text-primary);
}

.a03-exec-grid {
  margin-top: 0.62rem;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.5rem;
}

.a03-exec-card {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--surface-color);
  padding: 0.5rem;
  grid-column: span 4;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  animation: a03ExecCardIn 0.35s ease both;
}

.a03-exec-card-wide {
  grid-column: span 12;
}

.a03-exec-card-span8 {
  grid-column: span 8;
}

.a03-exec-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.35rem;
}

.a03-exec-card-head h5 {
  margin: 0;
  font-size: 0.76rem;
}

.a03-exec-card-head span {
  font-size: 0.67rem;
  color: var(--text-secondary);
}

.a03-exec-trend {
  height: 88px;
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  align-items: end;
  gap: 0.25rem;
}

.a03-exec-bar {
  display: block;
  border-radius: 5px 5px 2px 2px;
  background: linear-gradient(180deg, rgba(13, 148, 136, 0.95), rgba(14, 165, 233, 0.6));
}

.a03-exec-dist {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
}

.a03-exec-dist-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.73rem;
}

.a03-exec-donuts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38rem;
}

.a03-exec-donut-card {
  border: 1px solid rgba(13, 148, 136, 0.16);
  border-radius: 10px;
  padding: 0.36rem;
  background: rgba(248, 250, 252, 0.65);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.a03-exec-donut-card h6 {
  margin: 0;
  font-size: 0.69rem;
  font-weight: 800;
  color: var(--text-primary);
}

.a03-exec-donut-ring {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  margin: 0 auto;
  background: var(--donut-gradient);
  display: grid;
  place-items: center;
  position: relative;
}

.a03-exec-donut-ring::after {
  content: "";
  position: absolute;
  inset: 11px;
  border-radius: 999px;
  background: var(--surface-color);
}

.a03-exec-donut-ring span {
  position: relative;
  z-index: 1;
  font-size: 0.65rem;
  font-weight: 800;
  color: var(--text-primary);
}

.a03-exec-donut-legend {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.a03-exec-donut-legend-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.26rem;
  font-size: 0.65rem;
}

.a03-exec-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  display: inline-block;
}

.a03-exec-donut-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-secondary);
}

.a03-exec-treemap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem;
}

.a03-exec-tree-item {
  min-height: 58px;
  border: 1px solid rgba(13, 148, 136, 0.16);
  border-radius: 9px;
  padding: 0.35rem 0.42rem;
  background: linear-gradient(160deg, rgba(240, 253, 250, var(--tone)), rgba(204, 251, 241, calc(var(--tone) * 0.85)));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.24rem;
  opacity: 0;
  animation: a03ExecItemIn 0.35s ease forwards;
  animation-delay: var(--item-delay, 0ms);
}

.a03-exec-tree-company {
  font-size: 0.69rem;
  font-weight: 700;
  color: #134e4a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.a03-exec-tree-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.66rem;
  color: var(--text-secondary);
}

.a03-exec-tree-meta b {
  color: #0f766e;
}

.a03-exec-heatmap-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.a03-exec-heatmap-mode {
  font-size: 0.66rem;
  color: var(--text-secondary);
}

.a03-exec-heatmap-grid {
  display: grid;
  gap: 0.22rem;
}

.a03-exec-heat-cell {
  border-radius: 6px;
  border: 1px solid rgba(13, 148, 136, 0.12);
  min-height: 30px;
  padding: 0.22rem 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.66rem;
  color: #134e4a;
  background: rgba(240, 253, 250, 0.5);
}

.a03-exec-heat-head,
.a03-exec-heat-row-head,
.a03-exec-heat-corner {
  background: rgba(248, 250, 252, 0.88);
  border-color: rgba(148, 163, 184, 0.22);
  color: var(--text-primary);
  font-weight: 700;
}

.a03-exec-heat-row-head {
  justify-content: flex-start;
}

.a03-exec-heat-val {
  font-weight: 700;
  color: #f0fdfa;
  text-shadow: 0 1px 1px rgba(15, 23, 42, 0.3);
}

.a03-exec-heat-val.is-empty {
  color: #94a3b8;
  text-shadow: none;
}

@keyframes a03ExecCardIn {
  from {
    opacity: 0;
    transform: translateY(5px) scale(0.995);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes a03ExecItemIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.a03-exec-top-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.a03-exec-top-panel {
  border: 1px solid rgba(13, 148, 136, 0.16);
  border-radius: 10px;
  padding: 0.4rem;
  background: rgba(248, 250, 252, 0.68);
  transition: background 0.3s ease, border-color 0.3s ease;
}

.a03-exec-top-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.a03-exec-top-panel-head h6 {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--text-primary);
}

.a03-exec-top-panel-head span {
  font-size: 0.66rem;
  color: var(--text-secondary);
}

.a03-exec-top5 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.3rem;
}

.a03-exec-top-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid rgba(13, 148, 136, 0.15);
  border-radius: 9px;
  padding: 0.3rem 0.38rem;
  background: rgba(248, 250, 252, 0.7);
  transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease;
}

.a03-exec-top-row:hover {
  transform: translateY(-1px);
}

.a03-exec-rank {
  width: 2.05rem;
  height: 1.36rem;
  border-radius: 999px;
  display: inline-grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-items: center;
  gap: 0.12rem;
  padding: 0 0.24rem;
  font-size: 0.62rem;
  font-weight: 800;
  background: linear-gradient(135deg, #ccfbf1, #99f6e4);
  color: #134e4a;
  border: 1px solid rgba(13, 148, 136, 0.24);
}

.a03-exec-rank i {
  font-size: 0.62rem;
}

.a03-exec-rank em {
  font-style: normal;
  font-size: 0.64rem;
  font-weight: 800;
}

.a03-exec-rank.is-1 { background: linear-gradient(135deg, #fde68a, #fef3c7); color: #92400e; border-color: rgba(180, 83, 9, 0.28); }
.a03-exec-rank.is-2 { background: linear-gradient(135deg, #e5e7eb, #f3f4f6); color: #374151; border-color: rgba(75, 85, 99, 0.24); }
.a03-exec-rank.is-3 { background: linear-gradient(135deg, #fdba74, #ffedd5); color: #9a3412; border-color: rgba(154, 52, 18, 0.24); }
.a03-exec-rank.is-other { background: linear-gradient(135deg, #ccfbf1, #f0fdfa); color: #115e59; }

.a03-exec-company-wrap {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}

.a03-exec-company {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.73rem;
  font-weight: 700;
}

.a03-exec-sparkline {
  height: 0.74rem;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.12rem;
  align-items: end;
}

.a03-exec-spark-bar {
  display: block;
  width: 100%;
  border-radius: 2px;
  min-height: 2px;
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.85), rgba(13, 148, 136, 0.75));
}

.a03-exec-value {
  font-size: 0.71rem;
  font-weight: 700;
  color: #0f766e;
  white-space: nowrap;
}

.a03-exec-empty {
  font-size: 0.74rem;
  color: var(--text-secondary);
}

@media (max-width: 1100px) {
  .a03-exec-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .a03-exec-card {
    grid-column: span 6;
  }
  .a03-exec-card-span8 {
    grid-column: span 12;
  }
  .a03-exec-card-wide {
    grid-column: span 12;
  }
  .a03-exec-donuts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .a03-exec-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .a03-exec-card,
  .a03-exec-card-wide {
    grid-column: span 12;
  }
  .a03-exec-card-span8 {
    grid-column: span 12;
  }
  .a03-exec-donuts {
    grid-template-columns: minmax(0, 1fr);
  }
  .a03-exec-top-pair {
    grid-template-columns: minmax(0, 1fr);
  }
  .a03-exec-heat-cell {
    min-height: 26px;
    font-size: 0.62rem;
    padding: 0.18rem 0.24rem;
  }
}

.a03-pool-toolbar-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: flex-end;
}

.a03-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.a03-field-grow {
  flex: 1 1 200px;
}

.a03-field-compact {
  flex: 1 1 130px;
  max-width: 200px;
}

.a03-pool-search-row {
  width: 100%;
}

.a03-field-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
}

.a03-pool-q,
.a03-role-filter {
  border-radius: 10px;
  border: 1px solid var(--border-color);
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  background: var(--surface-color);
  color: var(--text-primary);
}

.a03-refresh-btn {
  border-radius: 10px;
  align-self: flex-end;
  padding: 0.55rem 1.1rem;
  font-weight: 600;
}

.a03-discover-btn {
  align-self: flex-start;
  border-radius: 10px;
}

.a03-lead-pool-mount {
  min-height: 120px;
}

/* A03 ana kart: teknik A02/A03 notu ve iç KPI şeridi müşteri görünümünde kapalı */
.module-card[data-module="a03"] .a03-model-note,
.module-card[data-module="a03"] .a03-kpi-host {
  display: none !important;
}

.a03-kpi-host {
  margin-top: 0.25rem;
}

.a03-kpi-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.a03-kpi-chip {
  font-size: 0.8rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
}

.a03-kpi-chip strong {
  color: var(--text-primary);
  font-weight: 700;
}

.a03-sep {
  border: none;
  border-top: 1px solid var(--border-color);
  margin: 0.5rem 0;
}

.a03-assistant-lead {
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.a03-pool-inline-meta,
.a03-assistant-inline {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-bottom: 0.75rem;
}

.a03-lead-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}

.a03-lead-card {
  position: relative;
  border-radius: 16px;
  padding: 1rem 1.1rem 1.1rem;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.a03-lead-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(13, 148, 136, 0.25);
}

.a03-lead-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.a03-role-pill {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
}

.a03-role-pill--importer {
  background: linear-gradient(135deg, #ccfbf1 0%, #e0f2fe 100%);
  color: #115e59;
}

.a03-role-pill--exporter {
  background: linear-gradient(135deg, #fef3c7 0%, #ffedd5 100%);
  color: #b45309;
}

.a03-role-pill--na {
  background: #f3f4f6;
  color: #6b7280;
}

.a03-linkedin-assisted {
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px dashed var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.a03-linkedin-assisted-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.a03-linkedin-gap-badge {
  font-size: 0.68rem;
  font-weight: 600;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  background: rgba(239, 68, 68, 0.1);
  color: #991b1b;
  border: 1px solid rgba(239, 68, 68, 0.25);
}

.a03-linkedin-tier-badge {
  font-size: 0.68rem;
  font-weight: 600;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.1);
  color: #1e40af;
  border: 1px solid rgba(59, 130, 246, 0.25);
}

.a03-linkedin-title-hint {
  font-size: 0.72rem;
  color: var(--text-secondary, #64748b);
  line-height: 1.35;
}

.a03-linkedin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.a03-linkedin-search-btn,
.a03-linkedin-url-btn {
  font-size: 0.72rem;
  padding: 0.28rem 0.55rem;
  border-radius: 6px;
  border: 1px solid rgba(10, 102, 194, 0.35);
  background: rgba(10, 102, 194, 0.08);
  color: #0a66c2;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.a03-linkedin-search-btn:hover,
.a03-linkedin-url-btn:hover {
  background: rgba(10, 102, 194, 0.14);
}

.a03-linkedin-url-btn--google {
  border-color: rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.08);
  color: #166534;
}

.a03-score-badge {
  font-size: 0.85rem;
  font-weight: 800;
  min-width: 2.25rem;
  text-align: center;
  padding: 0.2rem 0.45rem;
  border-radius: 10px;
  background: #f3f4f6;
  color: #374151;
}

.a03-score-badge.is-strong {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #065f46;
}

.a03-score-badge.is-mid {
  background: linear-gradient(135deg, #fef9c3 0%, #fde68a 100%);
  color: #854d0e;
}

.a03-score-badge.is-low {
  background: #f3f4f6;
  color: #6b7280;
}

.a03-lead-title {
  font-size: 1.02rem;
  font-weight: 700;
  margin: 0 0 0.2rem;
  line-height: 1.3;
  color: var(--text-primary);
}

.a03-lead-meta {
  font-size: 0.82rem;
  color: var(--text-secondary);
  margin: 0 0 0.65rem;
}

.a03-product-hint {
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--text-secondary);
  margin: 0 0 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.a03-excel-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 0.65rem;
  margin: 0.5rem 0;
  padding: 0.55rem 0.6rem;
  border-radius: 10px;
  background: rgba(248, 250, 252, 0.95);
  border: 1px solid var(--border-color);
  font-size: 0.78rem;
}

.a03-excel-metric {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}

.a03-excel-metric-label {
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--text-secondary);
}

.a03-excel-metric-value {
  font-weight: 700;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}

@media (min-width: 420px) {
  .a03-excel-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

.a03-lead-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.a03-metric {
  padding: 0.45rem 0.5rem;
  border-radius: 10px;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid var(--border-color);
}

.a03-metric-label {
  display: block;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
  margin-bottom: 0.15rem;
}

.a03-metric-value {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-primary);
}

.a03-window-line {
  font-size: 0.72rem;
  color: var(--text-secondary);
  margin: 0 0 0.5rem;
}

.a03-hs-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.a03-hs-chip {
  font-size: 0.68rem;
  font-family: ui-monospace, monospace;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  background: rgba(13, 148, 136, 0.08);
  color: #0f766e;
  border: 1px solid rgba(13, 148, 136, 0.15);
}

.a03-hs-chip--muted {
  background: #f9fafb;
  color: var(--text-secondary);
  border-color: var(--border-color);
}

.a03-ref-foot {
  margin-top: 0.5rem;
  font-size: 0.72rem;
  color: var(--text-secondary);
}

.a03-lead-empty {
  padding: 1.5rem;
  text-align: center;
  color: var(--text-secondary);
  border-radius: 14px;
  border: 1px dashed var(--border-color);
  background: rgba(248, 250, 252, 0.5);
}

/* —— Global search + A04 sector (SunSirs-style) —— */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.search-box--with-industry {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  min-width: min(520px, 100%);
}

.header-sector-heading {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary, #64748b);
  flex: 0 0 auto;
}

.global-search-industry,
.a04-db-industry {
  font-size: 0.8rem;
  padding: 0.35rem 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--border-color, #e2e8f0);
  background: var(--surface-elevated, #fff);
  color: var(--text-primary, #0f172a);
  max-width: 200px;
}

.a04-db-table-actions--scoped {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.a04-db-industry {
  flex: 0 0 auto;
}

.search-results-overlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 4.5rem 1rem 2rem;
  background: rgba(15, 23, 42, 0.45);
  overflow-y: auto;
}

.search-results-overlay.is-open {
  display: flex;
}

.search-results-sheet {
  width: min(920px, 100%);
  max-height: min(80vh, 720px);
  overflow: auto;
  background: var(--surface-elevated, #fff);
  border-radius: 14px;
  border: 1px solid var(--border-color, #e2e8f0);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
}

.search-results-sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color, #e2e8f0);
  position: sticky;
  top: 0;
  background: inherit;
  z-index: 1;
}

.search-results-dismiss {
  border: none;
  background: transparent;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  color: var(--text-secondary, #64748b);
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
}

.search-results-dismiss:hover {
  background: rgba(15, 23, 42, 0.06);
  color: var(--text-primary, #0f172a);
}

.search-results-sheet-body {
  padding: 1rem;
}

.search-catalog-workspace {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--border-color, #e2e8f0);
}

.search-catalog-title {
  font-size: 0.95rem;
  margin: 0 0 0.75rem;
  color: var(--text-primary, #0f172a);
}

.search-catalog-sector {
  margin-bottom: 1rem;
  border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(248, 250, 252, 0.65);
}

.search-catalog-sector-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: linear-gradient(90deg, rgba(13, 148, 136, 0.08), transparent);
  border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.search-catalog-sector-title {
  font-weight: 600;
  font-size: 0.88rem;
}

.search-catalog-sector-count {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  background: rgba(13, 148, 136, 0.12);
  color: #0f766e;
}

.search-catalog-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}

.search-catalog-table th,
.search-catalog-table td {
  padding: 0.4rem 0.6rem;
  text-align: left;
  border-bottom: 1px solid var(--border-color, #f1f5f9);
}

.a04-openweb-grouped {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.a04-openweb-sector {
  border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  overflow: hidden;
}

.a04-openweb-sector-summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.85rem;
  font-weight: 600;
  background: linear-gradient(90deg, rgba(14, 165, 233, 0.1), transparent);
}

.a04-openweb-sector-summary::-webkit-details-marker {
  display: none;
}

.a04-openweb-sector-title {
  font-size: 0.88rem;
}

.a04-openweb-sector-badge {
  font-size: 0.72rem;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.15);
  color: #0369a1;
}

.a04-openweb-sector-body {
  overflow-x: auto;
}

.a04-db-price-grouped {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.a04-db-sector {
  border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 12px;
  overflow: hidden;
}

.a04-db-sector-summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  background: rgba(99, 102, 241, 0.08);
}

.a04-db-sector-summary::-webkit-details-marker {
  display: none;
}

.a04-db-sector-count {
  font-size: 0.72rem;
  opacity: 0.85;
}

.a04-db-sector-body {
  overflow-x: auto;
}

/* -------------------------------------------------------------------------- */
/* B01 — Gümrük beyan DB görünümü (yalnızca [data-module="b01"] kapsamı)        */
/* -------------------------------------------------------------------------- */

.module-card[data-module='b01'] .b01-wg-shell {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.module-card[data-module='b01'] .b01-wg-hero {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  min-height: clamp(17rem, 42vw, 22rem);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
}

.module-card[data-module='b01'] .b01-wg-hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(15, 39, 71, 0.92) 0%, rgba(30, 58, 95, 0.55) 38%, rgba(214, 119, 42, 0.35) 72%, rgba(255, 166, 77, 0.5) 100%),
    radial-gradient(120% 80% at 20% 100%, rgba(251, 146, 60, 0.55), transparent 55%),
    radial-gradient(90% 60% at 85% 30%, rgba(56, 189, 248, 0.2), transparent 50%),
    linear-gradient(125deg, #0f2942 0%, #1e3a5f 45%, #7c2d12 100%);
}

.module-card[data-module='b01'] .b01-wg-hero-ship {
  position: absolute;
  left: 6%;
  bottom: 12%;
  width: min(42%, 14rem);
  height: 2.1rem;
  border-radius: 0.2rem 0.35rem 0.15rem 0.15rem;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.82));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
  opacity: 0.85;
}

.module-card[data-module='b01'] .b01-wg-hero-crane {
  position: absolute;
  bottom: 18%;
  width: 0.22rem;
  height: clamp(3.5rem, 12vw, 5.5rem);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.35), rgba(15, 23, 42, 0.65));
  border-radius: 2px;
  opacity: 0.75;
}

.module-card[data-module='b01'] .b01-wg-hero-crane::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2.4rem;
  height: 0.18rem;
  transform: translateX(-50%);
  background: rgba(248, 250, 252, 0.4);
  border-radius: 2px;
}

.module-card[data-module='b01'] .b01-wg-hero-crane--1 {
  left: 18%;
}

.module-card[data-module='b01'] .b01-wg-hero-crane--2 {
  left: 26%;
  height: clamp(2.8rem, 9vw, 4.2rem);
}

.module-card[data-module='b01'] .b01-wg-news-hint {
  position: absolute;
  top: 0.55rem;
  right: 0.55rem;
  z-index: 2;
  max-width: min(16rem, 52%);
  padding: 0.38rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: right;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.95);
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  backdrop-filter: blur(8px);
  transition: background 0.18s ease, border-color 0.18s ease;
}

.module-card[data-module='b01'] .b01-wg-news-hint:hover {
  background: rgba(15, 23, 42, 0.58);
  border-color: rgba(255, 255, 255, 0.28);
}

.module-card[data-module='b01'] .b01-wg-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.15rem 0.85rem 1rem;
  gap: 0.45rem;
}

.module-card[data-module='b01'] .b01-wg-brand {
  font-size: clamp(1.65rem, 4.2vw, 2.15rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  user-select: none;
}

.module-card[data-module='b01'] .b01-wg-brand-web {
  color: #f8fafc;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.module-card[data-module='b01'] .b01-wg-brand-rest {
  color: #0f172a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.module-card[data-module='b01'] .b01-wg-tagline {
  margin: 0;
  max-width: 36rem;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(248, 250, 252, 0.88);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.module-card[data-module='b01'] .b01-wg-portal-card {
  width: min(100%, 28rem);
  margin-top: 0.25rem;
  padding: 0.45rem 0.45rem 0.5rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

.module-card[data-module='b01'] .b01-wg-portal-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.45rem;
  margin-bottom: 0.4rem;
}

.module-card[data-module='b01'] .b01-wg-icon-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.5rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: rgba(248, 250, 252, 0.95);
  color: #334155;
  font-size: 0.72rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.module-card[data-module='b01'] .b01-wg-icon-btn:hover {
  background: #fff;
  border-color: rgba(249, 115, 22, 0.55);
  color: #c2410c;
}

.module-card[data-module='b01'] .b01-wg-toolbar-txt {
  font-size: 0.72rem;
}

.module-card[data-module='b01'] .b01-wg-link-btn {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.28rem 0.45rem;
  border-radius: 8px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
  border: 1px solid rgba(234, 88, 12, 0.85);
  box-shadow: 0 2px 0 rgba(154, 52, 18, 0.35);
  transition: filter 0.15s ease, transform 0.12s ease;
}

.module-card[data-module='b01'] .b01-wg-link-btn:hover {
  filter: brightness(1.05);
}

.module-card[data-module='b01'] .b01-wg-link-btn:active {
  transform: translateY(1px);
}

.module-card[data-module='b01'] .b01-wg-link-btn--ghost {
  color: #334155;
  background: rgba(241, 245, 249, 0.95);
  border-color: rgba(148, 163, 184, 0.5);
  box-shadow: none;
  font-weight: 650;
}

.module-card[data-module='b01'] .b01-wg-link-btn--ghost:hover {
  border-color: rgba(20, 184, 166, 0.45);
  color: #0f766e;
}

.module-card[data-module='b01'] .b01-wg-iframe-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: #e2e8f0;
}

.module-card[data-module='b01'] .b01-wg-iframe {
  display: block;
  width: 100%;
  height: clamp(15rem, 36vh, 22rem);
  border: 0;
  background: #fff;
}

.module-card[data-module='b01'] .b01-wg-iframe-hint {
  margin: 0.45rem 0 0;
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--text-secondary, #64748b);
}

.module-workspace-body .module-card[data-module='b01'] .b01-wg-iframe {
  height: min(58vh, 36rem);
}

.module-card[data-module='b01'] .b01-wg-db {
  border-radius: 14px;
  padding: 0.65rem 0.75rem 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(248, 250, 252, 0.65);
}

.module-card[data-module='b01'] .b01-wg-db-title {
  margin: 0 0 0.25rem;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--title-color, #0f172a);
}

.module-card[data-module='b01'] .b01-wg-db-lead {
  margin: 0 0 0.55rem;
  font-size: 0.76rem;
  line-height: 1.45;
}

.module-card[data-module='b01'] .b01-partner-strip {
  margin: 0 0 0.55rem;
}

.module-card[data-module='b01'] .b01-partner-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
}

.module-card[data-module='b01'] .b01-partner-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  border: 1px solid rgba(59, 130, 246, 0.35);
  background: rgba(239, 246, 255, 0.9);
  color: #1e3a8a;
}

.module-card[data-module='b01'] .b01-partner-chip--primary {
  background: rgba(219, 234, 254, 0.95);
  border-color: rgba(37, 99, 235, 0.45);
}

.module-card[data-module='b01'] .b01-partner-chip--muted {
  background: rgba(248, 250, 252, 0.95);
  border-color: rgba(148, 163, 184, 0.45);
  color: #475569;
  font-weight: 600;
}

.module-card[data-module='b01'] .b01-miya-ops-panel {
  margin: 0 0 0.75rem;
  padding: 0.65rem 0.7rem;
  border-radius: 12px;
  border: 1px solid rgba(14, 165, 233, 0.35);
  background: rgba(240, 249, 255, 0.75);
}

.module-card[data-module='b01'] .b01-miya-ops-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  margin-bottom: 0.35rem;
}

.module-card[data-module='b01'] .b01-miya-ops-title {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--title-color, #0f172a);
}

.module-card[data-module='b01'] .b01-miya-ops-lead {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
}

.module-card[data-module='b01'] .b01-miya-ops-status {
  font-size: 0.72rem;
  color: #0369a1;
  margin-bottom: 0.35rem;
}

.module-card[data-module='b01'] .b01-miya-ops-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.module-card[data-module='b01'] .b01-miya-ops-row {
  display: grid;
  grid-template-columns: 0.9fr 0.85fr 1fr 1fr 0.75fr 0.85fr 1fr;
  gap: 0.35rem;
  align-items: center;
  font-size: 0.72rem;
  padding: 0.35rem 0.4rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.module-card[data-module='b01'] .b01-miya-source-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.35rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
}

.module-card[data-module='b01'] .b01-miya-source-badge--evrim {
  background: rgba(14, 116, 144, 0.12);
  color: #0e7490;
  border-color: rgba(14, 116, 144, 0.25);
}

.module-card[data-module='b01'] .b01-miya-source-badge--gm {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
  border-color: rgba(5, 150, 105, 0.25);
}

.module-card[data-module='b01'] .b01-miya-source-badge--cipl {
  background: rgba(180, 83, 9, 0.12);
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.25);
}

.module-card[data-module='b01'] .b01-miya-ops-link {
  color: #0f766e;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.module-card[data-module='b01'] .b01-miya-ops-row--head {
  background: transparent;
  border: none;
  font-weight: 700;
  color: #64748b;
  padding-top: 0;
}

.module-card[data-module='b01'] .b01-miya-ops-action {
  color: #0f766e;
  font-weight: 600;
}

.module-card[data-module='b01'] .b01-miya-ops-empty,
.module-card[data-module='b01'] .b01-miya-ops-error {
  padding: 0.45rem 0.5rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.74rem;
}

.module-card[data-module='b01'] .b01-miya-ops-error {
  border: 1px solid rgba(248, 113, 113, 0.45);
  color: #991b1b;
}

[data-theme='dark'] .module-card[data-module='b01'] .b01-partner-chip {
  background: rgba(30, 58, 138, 0.35);
  border-color: rgba(96, 165, 250, 0.35);
  color: #bfdbfe;
}

[data-theme='dark'] .module-card[data-module='b01'] .b01-miya-ops-panel {
  background: rgba(12, 74, 110, 0.25);
  border-color: rgba(56, 189, 248, 0.35);
}

[data-theme='dark'] .module-card[data-module='b01'] .b01-miya-ops-row {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(71, 85, 105, 0.45);
}


.module-card[data-module='b01'] .b01-files-panel {
  margin: 0 0 0.65rem;
  padding: 0.65rem 0.7rem 0.55rem;
  border-radius: 12px;
  border: 1px dashed rgba(249, 115, 22, 0.45);
  background: rgba(255, 247, 237, 0.55);
}

.module-card[data-module='b01'] .b01-files-heading {
  margin: 0 0 0.25rem;
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--title-color, #0f172a);
}

.module-card[data-module='b01'] .b01-files-intro {
  margin: 0 0 0.5rem;
  font-size: 0.72rem;
}

.module-card[data-module='b01'] .b01-files-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.75rem;
  align-items: flex-end;
  margin-bottom: 0.4rem;
}

.module-card[data-module='b01'] .b01-files-block {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  min-width: min(100%, 14rem);
}

.module-card[data-module='b01'] .b01-files-label {
  display: block;
  width: 100%;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b01'] .b01-files-input {
  max-width: 12rem;
  font-size: 0.78rem;
}

.module-card[data-module='b01'] .b01-files-ref {
  min-width: 10rem;
  max-width: 16rem;
  font-size: 0.78rem;
}

.module-card[data-module='b01'] .b01-files-btn {
  padding: 0.32rem 0.55rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  color: #334155;
}

.module-card[data-module='b01'] .b01-files-btn--primary {
  border-color: rgba(234, 88, 12, 0.65);
  background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
  color: #fff;
}

.module-card[data-module='b01'] .b01-files-btn--ghost {
  background: rgba(248, 250, 252, 0.9);
}

.module-card[data-module='b01'] .b01-files-status {
  min-height: 1.25rem;
  font-size: 0.72rem;
  margin-bottom: 0.35rem;
  color: var(--text-secondary, #475569);
}

.module-card[data-module='b01'] .b01-files-table-scroll {
  max-height: min(32vh, 16rem);
  overflow: auto;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.92);
}

.module-card[data-module='b01'] .b01-files-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.72rem;
}

.module-card[data-module='b01'] .b01-files-table th,
.module-card[data-module='b01'] .b01-files-table td {
  padding: 0.35rem 0.45rem;
  text-align: left;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
  vertical-align: middle;
}

.module-card[data-module='b01'] .b01-files-table th {
  font-weight: 800;
  background: rgba(241, 245, 249, 0.95);
  position: sticky;
  top: 0;
  z-index: 1;
}

.module-card[data-module='b01'] .b01-files-td-name {
  max-width: 9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-card[data-module='b01'] .b01-files-td-actions {
  white-space: normal;
  min-width: 11rem;
}

.module-card[data-module='b01'] .b01-files-act-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem 0.2rem;
  margin-bottom: 0.25rem;
}

.module-card[data-module='b01'] .b01-files-link-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem;
}

.module-card[data-module='b01'] .b01-files-link-decl {
  width: 5.5rem;
  max-width: 100%;
  font-size: 0.68rem;
  padding: 0.15rem 0.3rem;
  border-radius: 6px;
  border: 1px solid rgba(148, 163, 184, 0.45);
}

.module-card[data-module='b01'] .b01-files-note {
  width: 100%;
  max-width: 18rem;
  font-size: 0.72rem;
  padding: 0.25rem 0.35rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  resize: vertical;
}

.module-card[data-module='b01'] .b01-export-hint {
  margin: 0.15rem 0 0;
  max-width: 22rem;
}

.module-card[data-module='b01'] .b01-files-sample-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.65rem;
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
}

.module-card[data-module='b01'] .b01-files-linklike {
  padding: 0;
  border: none;
  background: none;
  color: #0369a1;
  font-weight: 700;
  font-size: 0.74rem;
  text-decoration: underline;
  cursor: pointer;
}

.module-card[data-module='b01'] .b01-link-target-banner {
  margin: 0 0 0.4rem;
  padding: 0.4rem 0.55rem;
  border-radius: 10px;
  border: 1px solid rgba(14, 165, 233, 0.45);
  background: rgba(224, 242, 254, 0.85);
  font-size: 0.74rem;
  color: #0c4a6e;
}

.module-card[data-module='b01'] .b01-link-target-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  justify-content: space-between;
}

.module-card[data-module='b01'] .b01-link-target-txt {
  flex: 1 1 12rem;
  min-width: 0;
}

.module-card[data-module='b01'] .b01-onboarding {
  margin-top: 0.65rem;
  padding: 0.55rem 0.65rem;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(255, 255, 255, 0.92);
}

.module-card[data-module='b01'] .b01-onboarding-title {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  font-weight: 800;
}

.module-card[data-module='b01'] .b01-onboarding-steps {
  margin: 0 0 0.45rem 1rem;
  padding: 0;
  font-size: 0.74rem;
  line-height: 1.45;
  color: var(--text-primary, #334155);
}

.module-card[data-module='b01'] .b01-onboarding-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.module-card[data-module='b01'] .b01-empty-stack {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.module-card[data-module='b01'] .b01-result-actions {
  margin-top: 0.45rem;
  padding-top: 0.35rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}

.module-card[data-module='b01'] .b01-result-link-btn {
  padding: 0.22rem 0.5rem;
  font-size: 0.72rem;
  border-radius: 8px;
  border: 1px solid rgba(14, 165, 233, 0.5);
  background: rgba(240, 249, 255, 0.95);
  color: #0369a1;
  font-weight: 700;
  cursor: pointer;
}

.module-card[data-module='b01'] .b01-files-activity {
  margin-top: 0.25rem;
  max-width: 11rem;
  line-height: 1.35;
}

.module-card[data-module='b01'] .b01-files-stage {
  font-size: 0.68rem;
  max-width: 6.5rem;
  margin-right: 0.2rem;
}

.module-card[data-module='b01'] .b01-files-mini {
  padding: 0.2rem 0.35rem;
  font-size: 0.65rem;
  border-radius: 6px;
  border: 1px solid rgba(148, 163, 184, 0.5);
  background: #fff;
  cursor: pointer;
  margin-right: 0.15rem;
}

.module-card[data-module='b01'] .b01-files-mini--dl {
  border-color: rgba(20, 184, 166, 0.45);
  color: #0f766e;
}

.module-card[data-module='b01'] .b01-data-shell {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.module-card[data-module='b01'] .b01-query-screen {
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(241, 245, 249, 0.88));
  padding: 0.65rem 0.75rem 0.75rem;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

.module-card[data-module='b01'] .b01-query-toolbar {
  align-items: stretch;
}

.module-card[data-module='b01'] .b01-query-meta {
  margin-top: 0.35rem;
  font-size: 0.78rem;
  border-radius: 10px;
}

.module-card[data-module='b01'] .b01-meta-count {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0.08rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
}

.module-card[data-module='b01'] .b01-decl-root {
  max-height: min(52vh, 28rem);
  overflow: auto;
  padding: 0.1rem 0.15rem 0.35rem;
  scrollbar-gutter: stable;
}

.module-card[data-module='b01'] .b01-db-viewport {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.module-card[data-module='b01'] .b01-db-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
}

.module-card[data-module='b01'] .b01-db-kicker {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b01'] .b01-results-cap {
  margin: 0;
  font-size: 0.72rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b01'] .b01-live-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.55rem;
}

.module-card[data-module='b01'] .b01-validation-panel {
  margin: 0.75rem 0 1rem;
  padding: 0.85rem;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(248, 250, 252, 0.9);
}

.module-card[data-module='b01'] .b01-validation-form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.45rem;
  margin-top: 0.5rem;
}

.module-card[data-module='b01'] .b01-validation-card {
  margin-top: 0.65rem;
  padding: 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: #fff;
}

.module-card[data-module='b01'] .b01-validation-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
  margin-top: 0.5rem;
}

.module-card[data-module='b01'] .b01-validation-table th,
.module-card[data-module='b01'] .b01-validation-table td {
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
  padding: 0.35rem 0.4rem;
  text-align: left;
}

.module-card[data-module='b01'] .b01-delta--bad { color: #b91c1c; font-weight: 700; }
.module-card[data-module='b01'] .b01-delta--warn { color: #b45309; font-weight: 600; }
.module-card[data-module='b01'] .b01-delta--ok { color: #166534; }

.module-card[data-module='b01'] .b01-flag {
  display: inline-flex;
  margin-right: 0.35rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
}

.module-card[data-module='b01'] .b01-flag--block { background: rgba(239, 68, 68, 0.15); color: #b91c1c; }
.module-card[data-module='b01'] .b01-flag--warn { background: rgba(245, 158, 11, 0.16); color: #92400e; }
.module-card[data-module='b01'] .b01-flag--ok { background: rgba(34, 197, 94, 0.14); color: #166534; }

.module-card[data-module='b06'] .b06-tc-checklist-list {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.module-card[data-module='b06'] .b06-tc-checklist-item {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.5rem 0.55rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.3);
}

.module-card[data-module='b06'] .b06-tc-checklist-count {
  font-size: 0.75rem;
  color: #64748b;
}

.module-card[data-module='b01'] .b01-live-card {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  padding: 0.6rem 0.65rem;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

@media (prefers-reduced-motion: no-preference) {
  .module-card[data-module='b01'] .b01-live-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.09);
    border-color: rgba(20, 184, 166, 0.45);
  }
}

.module-card[data-module='b01'] .b01-live-card-icon {
  flex: 0 0 auto;
  width: 2.15rem;
  height: 2.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(20, 184, 166, 0.18), rgba(14, 165, 233, 0.12));
  color: #0f766e;
  font-size: 1rem;
}

.module-card[data-module='b01'] .b01-live-card-body {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.module-card[data-module='b01'] .b01-live-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
}

.module-card[data-module='b01'] .b01-live-ref {
  font-weight: 700;
  font-size: 0.86rem;
  color: var(--title-color, #0f172a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-card[data-module='b01'] .b01-live-meta {
  font-size: 0.76rem;
  color: var(--text-secondary, #64748b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-card[data-module='b01'] .b01-live-updated {
  font-size: 0.7rem;
  color: var(--text-secondary, #94a3b8);
}

.module-card[data-module='b01'] .b01-result-grid {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.module-card[data-module='b01'] .b01-result-card {
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.32);
  background: rgba(255, 255, 255, 0.92);
  padding: 0.55rem 0.65rem 0.6rem;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

@media (prefers-reduced-motion: no-preference) {
  .module-card[data-module='b01'] .b01-result-card:hover {
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
    border-color: rgba(14, 165, 233, 0.4);
  }
}

.module-card[data-module='b01'] .b01-result-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.module-card[data-module='b01'] .b01-trust-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin: 0 0 0.45rem;
  padding: 0.35rem 0.45rem;
  border-radius: 10px;
  background: rgba(241, 245, 249, 0.75);
  border: 1px dashed rgba(148, 163, 184, 0.45);
  font-size: 0.72rem;
}

.module-card[data-module='b01'] .b01-conf-badge,
.module-card[data-module='b01'] .b01-ver-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1.2;
  border: 1px solid transparent;
}

.module-card[data-module='b01'] .b01-conf-badge--verified,
.module-card[data-module='b01'] .b01-ver-badge--verified {
  background: rgba(16, 185, 129, 0.14);
  color: #047857;
  border-color: rgba(16, 185, 129, 0.35);
}

.module-card[data-module='b01'] .b01-conf-badge--external,
.module-card[data-module='b01'] .b01-conf-badge--internal {
  background: rgba(14, 165, 233, 0.12);
  color: #0369a1;
  border-color: rgba(14, 165, 233, 0.32);
}

.module-card[data-module='b01'] .b01-conf-badge--user,
.module-card[data-module='b01'] .b01-ver-badge--partial {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
  border-color: rgba(245, 158, 11, 0.35);
}

.module-card[data-module='b01'] .b01-conf-badge--unknown,
.module-card[data-module='b01'] .b01-ver-badge--unverified,
.module-card[data-module='b01'] .b01-trust-panel--unknown {
  background: rgba(148, 163, 184, 0.14);
  color: #475569;
  border-color: rgba(148, 163, 184, 0.35);
}

.module-card[data-module='b01'] .b01-trust-source,
.module-card[data-module='b01'] .b01-trust-verified {
  color: #64748b;
  font-size: 0.68rem;
}

.module-card[data-module='b01'] .b01-trust-compact {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 7rem;
}

.module-card[data-module='b01'] .b01-files-td-trust {
  vertical-align: top;
  min-width: 8rem;
}

.module-card[data-module='b01'] .b01-result-dbid {
  margin: -0.15rem 0 0.4rem;
  font-size: 0.68rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b01'] .b01-result-ref {
  font-weight: 700;
  font-size: 0.88rem;
  color: var(--title-color, #0f172a);
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-card[data-module='b01'] .b01-result-dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.35rem 0.65rem;
}

.module-card[data-module='b01'] .b01-result-dl > div {
  min-width: 0;
}

.module-card[data-module='b01'] .b01-result-dl dt {
  margin: 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--text-secondary, #94a3b8);
}

.module-card[data-module='b01'] .b01-result-dl dd {
  margin: 0.08rem 0 0;
  font-size: 0.78rem;
  color: var(--text-primary, #334155);
  word-break: break-word;
}

.module-card[data-module='b01'] .b01-pill {
  flex: 0 0 auto;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  line-height: 1.25;
  max-width: 42%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-card[data-module='b01'] .b01-pill--neutral {
  background: rgba(100, 116, 139, 0.14);
  color: #475569;
}

.module-card[data-module='b01'] .b01-pill--good {
  background: rgba(16, 185, 129, 0.16);
  color: #047857;
}

.module-card[data-module='b01'] .b01-pill--warn {
  background: rgba(245, 158, 11, 0.18);
  color: #b45309;
}

.module-card[data-module='b01'] .b01-pill--bad {
  background: rgba(248, 113, 113, 0.2);
  color: #b91c1c;
}

.module-card[data-module='b01'] .b01-state {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.55);
  background: rgba(248, 250, 252, 0.9);
  font-size: 0.84rem;
  color: var(--text-primary, #334155);
}

.module-card[data-module='b01'] .b01-state > i {
  margin-top: 0.12rem;
  font-size: 1.25rem;
  opacity: 0.85;
}

.module-card[data-module='b01'] .b01-state--empty > i {
  color: #64748b;
}

.module-card[data-module='b01'] .b01-state--error {
  border-style: solid;
  border-color: rgba(248, 113, 113, 0.55);
  background: rgba(254, 242, 242, 0.95);
}

.module-card[data-module='b01'] .b01-state--error > i {
  color: #dc2626;
}

.module-card[data-module='b01'] .b01-state--loading {
  border-style: solid;
  border-color: rgba(14, 165, 233, 0.35);
  background: rgba(240, 249, 255, 0.92);
  align-items: center;
}

.module-card[data-module='b01'] .b01-state-spinner {
  flex: 0 0 auto;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  border: 2px solid rgba(14, 165, 233, 0.25);
  border-top-color: #0284c7;
  animation: b01-spin 0.75s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .module-card[data-module='b01'] .b01-state-spinner {
    animation: none;
    border-top-color: rgba(2, 132, 199, 0.55);
  }
}

@keyframes b01-spin {
  to {
    transform: rotate(360deg);
  }
}

.module-card[data-module='b01'] .b01-state-hint {
  margin: 0.25rem 0 0;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

/* -------------------------------------------------------------------------- */
/* B02 — Lojistik / konteyner (yalnızca [data-module="b02"] kapsamı)           */
/* -------------------------------------------------------------------------- */

.module-card[data-module='b02'] .b02-data-shell {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.module-card[data-module='b02'] .b02-query-screen {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  padding: 0.75rem 0.85rem 0.85rem;
}

.module-card[data-module='b02'] .b02-query-toolbar {
  align-items: stretch;
  flex-wrap: wrap;
}

.module-card[data-module='b02'] .b02-search-mode {
  min-width: 11rem;
}

.module-card[data-module='b02'] .b02-board-sync-btn {
  border-radius: 10px;
  border: 1px solid rgba(16, 185, 129, 0.45);
  background: rgba(16, 185, 129, 0.12);
  color: var(--text-primary, #0f172a);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.45rem 0.65rem;
  cursor: pointer;
  white-space: nowrap;
}

.module-card[data-module='b02'] .b02-board-sync-btn:hover {
  border-color: rgba(16, 185, 129, 0.75);
  background: rgba(16, 185, 129, 0.2);
}

.module-card[data-module='b02'] .b02-query-meta {
  margin-top: 0.35rem;
  font-size: 0.78rem;
  border-radius: 10px;
}

.module-card[data-module='b02'] .b02-meta-error {
  color: #b91c1c;
  font-weight: 600;
}

.module-card[data-module='b02'] .b02-tracking-root {
  max-height: min(62vh, 36rem);
  overflow: auto;
  padding: 0.15rem 0.1rem 0.5rem;
  scrollbar-gutter: stable;
}

/* B02 hub shell (referans track & trace) */
.module-card[data-module='b02'] .b02-hub-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem 1rem;
}

.module-card[data-module='b02'] .b02-hub-title {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text-primary, #0f172a);
}

.module-card[data-module='b02'] .b02-hub-crumb {
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-hub-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.module-card[data-module='b02'] .b02-hub-btn--primary {
  border: 1px solid #0d9488;
  border-radius: 8px;
  background: linear-gradient(180deg, #2dd4bf, #14b8a6);
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.45rem 0.85rem;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
}

.module-card[data-module='b02'] .b02-hub-btn--primary:hover {
  filter: brightness(1.03);
}

.module-card[data-module='b02'] .b02-hub-tool-icons {
  display: flex;
  gap: 0.35rem;
}

.module-card[data-module='b02'] .b02-hub-icon-btn {
  width: 2.1rem;
  height: 2.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
  cursor: pointer;
}

.module-card[data-module='b02'] .b02-hub-icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.module-card[data-module='b02'] .b02-hub-icon-btn:not(:disabled):hover {
  border-color: #14b8a6;
  color: #0f766e;
}

.module-card[data-module='b02'] .b02-hub-search-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.65rem;
  align-items: flex-end;
  margin-bottom: 0.55rem;
}

.module-card[data-module='b02'] .b02-hub-search-box {
  flex: 1 1 12rem;
  min-width: 10rem;
}

.module-card[data-module='b02'] .b02-hub-mode {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-hub-mode .b02-search-mode {
  min-width: 10.5rem;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  padding: 0.35rem 0.45rem;
  font-size: 0.8rem;
}

.module-card[data-module='b02'] .b02-hub-input {
  flex: 1 1 9rem;
  min-width: 8rem;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  padding: 0.45rem 0.55rem;
  font-size: 0.82rem;
}

.module-card[data-module='b02'] .b02-hub-pills {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.4rem;
  overflow-x: auto;
  padding-bottom: 0.35rem;
  margin-bottom: 0.35rem;
  scrollbar-width: thin;
}

.module-card[data-module='b02'] .b02-hub-pill {
  flex: 0 0 auto;
  border: none;
  border-radius: 8px;
  padding: 0.38rem 0.75rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  background: #4a5568;
  color: #f8fafc;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}

.module-card[data-module='b02'] .b02-hub-pill:hover {
  background: #5b6578;
}

.module-card[data-module='b02'] .b02-hub-pill.is-active {
  background: #e0fdfa;
  color: #0f172a;
  box-shadow: inset 0 -3px 0 #14b8a6, 0 1px 0 rgba(20, 184, 166, 0.25);
}

.module-card[data-module='b02'] .b02-hub-status-field {
  width: 100%;
  max-width: 22rem;
  border-radius: 8px;
  border: 1px dashed #94a3b8;
  padding: 0.35rem 0.5rem;
  font-size: 0.75rem;
  background: rgba(255, 255, 255, 0.75);
}

.module-card[data-module='b02'] .b02-hub-meta {
  margin: 0.15rem 0 0;
}

.module-card[data-module='b02'] .b02-ship-card-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.module-card[data-module='b02'] .b02-ship-card {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.module-card[data-module='b02'] .b02-ship-card__main {
  display: grid;
  grid-template-columns: minmax(5.5rem, 6.5rem) minmax(9rem, 1fr) minmax(6.5rem, auto) minmax(12rem, 1.35fr);
  gap: 0.65rem 0.85rem;
  align-items: center;
  padding: 0.75rem 0.85rem 0.65rem;
}

@media (max-width: 960px) {
  .module-card[data-module='b02'] .b02-ship-card__main {
    grid-template-columns: 1fr 1fr;
  }

  .module-card[data-module='b02'] .b02-ship-timeline {
    grid-column: 1 / -1;
  }
}

.module-card[data-module='b02'] .b02-ship-carrier {
  text-align: center;
}

.module-card[data-module='b02'] .b02-ship-carrier__mark {
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto 0.35rem;
  border-radius: 10px;
  background: linear-gradient(145deg, #e0f2fe, #cffafe);
  border: 1px solid #bae6fd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 800;
  color: #0369a1;
}

.module-card[data-module='b02'] .b02-ship-carrier__name {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  line-height: 1.2;
  word-break: break-word;
}

.module-card[data-module='b02'] .b02-ship-facts {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  font-size: 0.8rem;
}

.module-card[data-module='b02'] .b02-ship-fact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.4rem;
  align-items: baseline;
}

.module-card[data-module='b02'] .b02-ship-lbl {
  font-weight: 700;
  color: #64748b;
  min-width: 4.5rem;
}

.module-card[data-module='b02'] .b02-ship-val {
  font-weight: 600;
  color: #0f172a;
  word-break: break-all;
}

.module-card[data-module='b02'] .b02-ship-badges {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: flex-start;
}

.module-card[data-module='b02'] .b02-ship-badge {
  display: inline-block;
  padding: 0.22rem 0.5rem;
  border-radius: 6px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.module-card[data-module='b02'] .b02-ship-badge--delivered {
  background: #059669;
  color: #fff;
}

.module-card[data-module='b02'] .b02-ship-badge--transit {
  background: #0d9488;
  color: #fff;
}

.module-card[data-module='b02'] .b02-ship-badge--delay {
  background: #f97316;
  color: #fff;
}

.module-card[data-module='b02'] .b02-ship-badge--planned {
  background: #94a3b8;
  color: #0f172a;
}

.module-card[data-module='b02'] .b02-ship-badge--early {
  background: #fce7f3;
  color: #be123c;
}

.module-card[data-module='b02'] .b02-ship-timeline {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0.35rem 0.5rem;
  min-width: 0;
}

.module-card[data-module='b02'] .b02-ship-tl-end {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.module-card[data-module='b02'] .b02-ship-tl-end--right {
  text-align: right;
  align-items: flex-end;
}

.module-card[data-module='b02'] .b02-ship-port-code {
  font-weight: 800;
  font-size: 0.88rem;
  color: #0f172a;
  letter-spacing: 0.02em;
}

.module-card[data-module='b02'] .b02-ship-port-date {
  font-size: 0.72rem;
  color: #64748b;
}

.module-card[data-module='b02'] .b02-ship-port-k {
  font-weight: 700;
  color: #94a3b8;
  margin-right: 0.15rem;
}

.module-card[data-module='b02'] .b02-ship-tl-track {
  position: relative;
  width: 100%;
  min-width: 3.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.module-card[data-module='b02'] .b02-ship-tl-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  border-radius: 4px;
  background: linear-gradient(90deg, #0d9488, #6366f1);
}

.module-card[data-module='b02'] .b02-ship-tl-node {
  position: relative;
  z-index: 1;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: #7c3aed;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 3px #fff;
}

.module-card[data-module='b02'] .b02-ship-card__foot {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.85rem;
  border-top: 1px solid #f1f5f9;
  background: #fafafa;
}

.module-card[data-module='b02'] .b02-ship-foot-user {
  color: #94a3b8;
  font-size: 1.1rem;
}

.module-card[data-module='b02'] .b02-ship-foot-time {
  flex: 1;
  font-size: 0.75rem;
  color: #64748b;
}

.module-card[data-module='b02'] .b02-card-details {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 8px;
  border: 1px solid #1e3a5f;
  background: #1e293b;
  color: #f8fafc;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.35rem 0.65rem;
  cursor: default;
}

.module-card[data-module='b02'] .b02-card-details i {
  font-size: 0.68rem;
  opacity: 0.85;
}

.module-card[data-module='b02'] .b02-hub-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.65rem;
  padding-bottom: 0.15rem;
}

.module-card[data-module='b02'] .b02-pager-btn {
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #f1f5f9;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  cursor: not-allowed;
}

.module-card[data-module='b02'] .b02-pager-page {
  min-width: 2rem;
  text-align: center;
  padding: 0.35rem 0.5rem;
  border-radius: 8px;
  background: #334155;
  color: #f8fafc;
  font-weight: 700;
  font-size: 0.8rem;
}

.module-card[data-module='b02'] .b02-live-extra {
  margin-top: 0.65rem;
  padding: 0 0.15rem;
}


.module-card[data-module='b02'] .b02-carrier-auto-chip {
  display: inline-flex;
  align-items: center;
  margin: 0.35rem 0 0;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #1e3a8a;
  background: #dbeafe;
  border: 1px solid #93c5fd;
}

.module-card[data-module='b02'] .b02-hub-live-timeline {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
  font-size: 0.78rem;
}


.module-card[data-module='b03'] .b03-compare-hub {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.module-card[data-module='b03'] .b03-package-card {
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
}

.module-card[data-module='b03'] .b03-package-total {
  font-size: 1.25rem;
  margin: 0.25rem 0;
}

.module-card[data-module='b03'] .b03-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}

.module-card[data-module='b03'] .b03-compare-table th,
.module-card[data-module='b03'] .b03-compare-table td {
  border-bottom: 1px solid #e2e8f0;
  padding: 0.35rem 0.4rem;
  text-align: left;
  vertical-align: top;
}

.module-card[data-module='b03'] .b03-quote-badge {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
}

.module-card[data-module='b03'] .b03-badge--tamamliyo {
  background: #dcfce7;
  color: #166534;
}

.module-card[data-module='b03'] .b03-badge--warp,
.module-card[data-module='b03'] .b03-badge--indicative {
  background: #fef9c3;
  color: #854d0e;
}

.module-card[data-module='b03'] .b03-badge--ratecard {
  background: #f1f5f9;
  color: #475569;
}

.module-card[data-module='b03'] .b03-native-total {
  font-weight: 600;
}

.module-card[data-module='b03'] .b03-usd-total {
  font-size: 0.72rem;
  color: #64748b;
}

.module-card[data-module='b03'] .b03-fx-note {
  display: block;
  font-size: 0.68rem;
  color: #64748b;
  margin-top: 0.15rem;
}

.module-card[data-module='b03'] .b03-fx-note--warn {
  color: #b45309;
}

.module-card[data-module='b02'] .b02-live-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 42%);
  gap: 0.75rem;
  align-items: stretch;
  min-height: min(52vh, 28rem);
}

@media (max-width: 1024px) {
  .module-card[data-module='b02'] .b02-live-split {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}

.module-card[data-module='b02'] .b02-live-split__detail {
  min-width: 0;
}

.module-card[data-module='b02'] .b02-live-split__map {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  padding: 0.5rem 0.55rem 0.55rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

.module-card[data-module='b02'] .b02-live-map-head {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--text-primary, #0f172a);
}

.module-card[data-module='b02'] .b02-live-map {
  flex: 1;
  min-height: 280px;
  height: min(48vh, 22rem);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  z-index: 0;
}

.module-card[data-module='b02'] .b02-live-map .leaflet-container {
  font-family: inherit;
  background: #f1f5f9;
}

.module-card[data-module='b02'] .b02-live-map-hint {
  margin: 0;
  font-size: 0.68rem;
  line-height: 1.35;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-live-vf-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.module-card[data-module='b02'] .b02-live-vf-embed {
  width: 100%;
  min-height: 280px;
  height: 280px;
  border: 0;
  border-radius: 10px;
  background: #f1f5f9;
}

.module-card[data-module='b02'] #b02-sidebar-map .b02-sidebar-vf-embed,
.module-card[data-module='b02'] .b02-sidebar-vf-embed {
  min-height: 200px;
  height: 220px;
}


.module-card[data-module='b02'] .b02-live-map-coord {
  margin: 0;
  font-size: 0.75rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-live-map-coord a {
  color: var(--accent, #2563eb);
}

.module-card[data-module='b02'] .b02-map-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 1rem;
  text-align: center;
  font-size: 0.82rem;
  color: #64748b;
  background: #f8fafc;
  border-radius: 10px;
}

.module-card[data-module='b02'] .b02-map-ship-marker-wrap {
  background: transparent;
  border: none;
}

.module-card[data-module='b02'] .b02-map-ship-marker {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #0d9488;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.28);
  font-size: 0.95rem;
}

.module-card[data-module='b02'] .b02-db-viewport {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.module-card[data-module='b02'] .b02-db-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
}

.module-card[data-module='b02'] .b02-demo-info-band {
  flex: 1 1 100%;
  margin: 0.15rem 0 0.35rem;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  font-size: 0.78rem;
  line-height: 1.4;
  color: #92400e;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.35);
}

.module-card[data-module='b02'] .b02-demo-badge {
  display: inline-flex;
  align-items: center;
  margin-top: 0.35rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #92400e;
  background: rgba(245, 158, 11, 0.16);
  border: 1px solid rgba(245, 158, 11, 0.45);
}

.module-card[data-module='b02'] .b02-db-kicker {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-results-cap {
  margin: 0;
  font-size: 0.72rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-table-wrap {
  overflow-x: auto;
  border-radius: 12px;
}

.module-card[data-module='b02'] .b02-live-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.55rem;
}

.module-card[data-module='b02'] .b02-live-card {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  padding: 0.6rem 0.65rem;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

.module-card[data-module='b02'] .b02-live-card-icon {
  flex: 0 0 auto;
  width: 2.15rem;
  height: 2.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(16, 185, 129, 0.22), rgba(14, 165, 233, 0.14));
  color: #0f766e;
}

.module-card[data-module='b02'] .b02-live-ref {
  font-weight: 700;
  font-size: 0.88rem;
  color: var(--text-primary, #0f172a);
  word-break: break-all;
}

.module-card[data-module='b02'] .b02-live-meta,
.module-card[data-module='b02'] .b02-live-updated {
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-pill {
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
}

.module-card[data-module='b02'] .b02-pill--neutral {
  background: rgba(148, 163, 184, 0.2);
  color: #475569;
}

.module-card[data-module='b02'] .b02-pill--warn {
  background: rgba(245, 158, 11, 0.2);
  color: #b45309;
}

.module-card[data-module='b02'] .b02-state {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.55);
  background: rgba(248, 250, 252, 0.9);
  font-size: 0.84rem;
  color: var(--text-primary, #334155);
}

.module-card[data-module='b02'] .b02-state > i {
  margin-top: 0.12rem;
  font-size: 1.25rem;
  opacity: 0.85;
}

.module-card[data-module='b02'] .b02-state--empty > i {
  color: #64748b;
}

.module-card[data-module='b02'] .b02-state--error {
  border-style: solid;
  border-color: rgba(248, 113, 113, 0.55);
  background: rgba(254, 242, 242, 0.95);
}

.module-card[data-module='b02'] .b02-state--error > i {
  color: #dc2626;
}

.module-card[data-module='b02'] .b02-state-hint {
  margin: 0.25rem 0 0;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-live-dl {
  display: grid;
  gap: 0.45rem 0.75rem;
  margin: 0;
  padding: 0.5rem 0.15rem;
}

.module-card[data-module='b02'] .b02-live-dl > div {
  display: grid;
  grid-template-columns: 10rem 1fr;
  gap: 0.5rem;
  align-items: baseline;
}

.module-card[data-module='b02'] .b02-live-dl dt {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b02'] .b02-live-dl dd {
  margin: 0;
  font-size: 0.84rem;
  color: var(--text-primary, #0f172a);
  word-break: break-word;
}

/* B02 premium — operations center layout */
.module-card[data-module='b02'] .module-content--b02-premium {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.module-card[data-module='b02'] .b02-hub-top--premium .b02-hub-heading-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.module-card[data-module='b02'] .b02-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.2), rgba(20, 184, 166, 0.18));
  border: 1px solid rgba(20, 184, 166, 0.45);
  color: var(--text-primary, #0f172a);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
}

.module-card[data-module='b02'] .b02-live-pill__dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #14b8a6;
  box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.7);
  animation: b02-pulse-dot 1.8s ease-out infinite;
}

@keyframes b02-pulse-dot {
  0% {
    box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.55);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(20, 184, 166, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(20, 184, 166, 0);
  }
}

@keyframes b02-hero-port-pulse {
  0%,
  100% {
    opacity: 1;
    r: 7;
  }
  50% {
    opacity: 0.75;
    r: 9;
  }
}

.module-card[data-module='b02'] .b02-hero-pulse {
  animation: b02-hero-port-pulse 2.4s ease-in-out infinite;
}

.module-card[data-module='b02'] .b02-kpi-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (max-width: 1200px) {
  .module-card[data-module='b02'] .b02-kpi-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .module-card[data-module='b02'] .b02-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.module-card[data-module='b02'] .b02-kpi-card {
  position: relative;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
  padding: 0.6rem 0.65rem 0.55rem;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
  overflow: hidden;
  min-width: 0;
}

.module-card[data-module='b02'] .b02-kpi-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #14b8a6, #14b8a6);
  opacity: 0.85;
}

.module-card[data-module='b02'] .b02-kpi-card--warn::before {
  background: linear-gradient(90deg, #f59e0b, #ef4444);
}

.module-card[data-module='b02'] .b02-kpi-card--good::before {
  background: linear-gradient(90deg, #10b981, #14b8a6);
}

.module-card[data-module='b02'] .b02-kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
  border-color: #cbd5e1;
}

.module-card[data-module='b02'] .b02-kpi-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.35rem;
}

.module-card[data-module='b02'] .b02-kpi-ico {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  background: rgba(20, 184, 166, 0.12);
  color: #0f766e;
}

.module-card[data-module='b02'] .b02-kpi-delta {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 0.12rem 0.35rem;
  border-radius: 6px;
  white-space: nowrap;
}

.module-card[data-module='b02'] .b02-kpi-delta--up {
  background: rgba(16, 185, 129, 0.15);
  color: #047857;
}

.module-card[data-module='b02'] .b02-kpi-delta--down {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.module-card[data-module='b02'] .b02-kpi-delta--flat {
  background: #f1f5f9;
  color: #64748b;
}

.module-card[data-module='b02'] .b02-kpi-lbl {
  margin: 0.35rem 0 0.08rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
}

.module-card[data-module='b02'] .b02-kpi-val {
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #0f172a;
  line-height: 1.1;
}

.module-card[data-module='b02'] .b02-kpi-spark {
  display: block;
  margin-top: 0.28rem;
  width: 100%;
  height: 22px;
  opacity: 0.95;
}

.module-card[data-module='b02'] .b02-kpi-ring {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background: conic-gradient(#14b8a6 var(--b02-ring-p, 0%), #e2e8f0 0);
  display: grid;
  place-items: center;
  margin-top: 0.25rem;
}

.module-card[data-module='b02'] .b02-kpi-ring span {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  background: #fff;
  font-size: 0.58rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f172a;
}

.module-card[data-module='b02'] .b02-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(10rem, 0.85fr) minmax(10rem, 0.85fr) minmax(11rem, 1fr);
  gap: 0.65rem;
  align-items: stretch;
  min-height: 200px;
}

@media (max-width: 1100px) {
  .module-card[data-module='b02'] .b02-hero {
    grid-template-columns: 1fr 1fr;
    min-height: 0;
  }

  .module-card[data-module='b02'] .b02-hero__map {
    grid-column: 1 / -1;
    min-height: 220px;
  }
}

.module-card[data-module='b02'] .b02-hero__map {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
}

.module-card[data-module='b02'] .b02-hero-svg {
  width: 100%;
  height: 220px;
  display: block;
}

.module-card[data-module='b02'] .b02-hero__overlay {
  position: absolute;
  inset: auto auto 0.65rem 0.65rem;
  right: 0.65rem;
  padding: 0.5rem 0.65rem;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #f8fafc;
}

.module-card[data-module='b02'] .b02-hero__kicker {
  margin: 0;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.85;
}

.module-card[data-module='b02'] .b02-hero__stat {
  margin: 0.15rem 0 0;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.module-card[data-module='b02'] .b02-hero__panel {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  padding: 0.6rem 0.65rem;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 0;
}

.module-card[data-module='b02'] .b02-hero__h {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}

.module-card[data-module='b02'] .b02-hero-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.78rem;
}

.module-card[data-module='b02'] .b02-hero-stats li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  color: #475569;
}

.module-card[data-module='b02'] .b02-hero-stats strong {
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}

.module-card[data-module='b02'] .b02-hero-alert-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  max-height: 9rem;
  overflow: auto;
}

.module-card[data-module='b02'] .b02-hero-alert-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  padding: 0.35rem 0.4rem;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.12), rgba(239, 68, 68, 0.08));
  border: 1px solid rgba(245, 158, 11, 0.35);
}

.module-card[data-module='b02'] .b02-hero-alert-item i {
  color: #d97706;
}

.module-card[data-module='b02'] .b02-hero-alert-risk {
  margin-left: auto;
  font-weight: 900;
  font-size: 0.68rem;
  color: #b91c1c;
}

.module-card[data-module='b02'] .b02-hero__ai {
  min-width: 0;
}

.module-card[data-module='b02'] .b02-ai-panel {
  height: 100%;
  min-height: 200px;
  border-radius: 16px;
  padding: 0.75rem 0.8rem;
  background: linear-gradient(145deg, rgba(99, 102, 241, 0.2) 0%, rgba(20, 184, 166, 0.22) 45%, rgba(20, 184, 166, 0.18) 100%);
  border: 1px solid rgba(99, 102, 241, 0.35);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.4) inset,
    0 12px 40px rgba(79, 70, 229, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

.module-card[data-module='b02'] .b02-ai-panel::after {
  content: '';
  position: absolute;
  inset: -30% 40% auto -20%;
  height: 120%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 65%);
  pointer-events: none;
}

.module-card[data-module='b02'] .b02-ai-panel__icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.85);
  color: #e0e7ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  margin-bottom: 0.45rem;
}

.module-card[data-module='b02'] .b02-ai-panel__label {
  margin: 0;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #312e81;
}

.module-card[data-module='b02'] .b02-ai-panel__agent {
  margin: 0.28rem 0 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #4f46e5;
  line-height: 1.35;
  position: relative;
  z-index: 1;
}

.module-card[data-module='b02'] .b02-ai-panel__text {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  line-height: 1.45;
  font-weight: 600;
  color: #0f172a;
  position: relative;
  z-index: 1;
}

.module-card[data-module='b02'] .b02-filter-bar {
  position: sticky;
  top: 0;
  z-index: 6;
  background: rgba(248, 250, 252, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.module-card[data-module='b02'] .b02-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) repeat(2, minmax(0, 0.9fr)) minmax(10rem, 1.1fr);
  gap: 0.45rem;
  margin-bottom: 0.45rem;
}

@media (max-width: 1100px) {
  .module-card[data-module='b02'] .b02-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.module-card[data-module='b02'] .b02-hub-input--date {
  font-size: 0.78rem;
}

.module-card[data-module='b02'] .b02-risk-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: flex-end;
}

.module-card[data-module='b02'] .b02-risk-label {
  font-size: 0.65rem;
  font-weight: 700;
  color: #64748b;
  margin: 0;
}

.module-card[data-module='b02'] .b02-risk-slider {
  width: 100%;
  accent-color: #14b8a6;
}

.module-card[data-module='b02'] .b02-preset-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
}

.module-card[data-module='b02'] .b02-preset-kicker {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-right: 0.25rem;
}

.module-card[data-module='b02'] .b02-preset-chip {
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 999px;
  padding: 0.28rem 0.65rem;
  font-size: 0.68rem;
  font-weight: 700;
  color: #475569;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.module-card[data-module='b02'] .b02-preset-chip:hover {
  border-color: #14b8a6;
  color: #0f766e;
}

.module-card[data-module='b02'] .b02-preset-chip.is-active {
  background: linear-gradient(180deg, #e0fdfa, #ccfbf1);
  border-color: #14b8a6;
  color: #0f172a;
  box-shadow: 0 2px 8px rgba(20, 184, 166, 0.22);
}

.module-card[data-module='b02'] .b02-main-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
  gap: 0.75rem;
  align-items: start;
}

@media (max-width: 1024px) {
  .module-card[data-module='b02'] .b02-main-split {
    grid-template-columns: 1fr;
  }

  .module-card[data-module='b02'] .b02-side-col {
    order: -1;
  }
}

.module-card[data-module='b02'] .b02-main-col {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.module-card[data-module='b02'] .b02-tracking-root {
  max-height: none;
  flex: 1;
  min-height: 14rem;
}

.module-card[data-module='b02'] .b02-side-col {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  position: sticky;
  top: 3.5rem;
  align-self: start;
}

@media (max-width: 1024px) {
  .module-card[data-module='b02'] .b02-side-col {
    position: static;
  }
}

.module-card[data-module='b02'] .b02-side-card {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
  padding: 0.55rem 0.6rem 0.6rem;
}

.module-card[data-module='b02'] .b02-map-card .b02-live-map {
  min-height: 200px;
  height: min(38vh, 320px);
}

.module-card[data-module='b02'] .b02-map-weather {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  margin-top: 0.4rem;
  font-size: 0.72rem;
  color: #64748b;
}

.module-card[data-module='b02'] .b02-wx-item strong {
  color: #0f172a;
  font-weight: 800;
}

.module-card[data-module='b02'] .b02-feed-head {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #0f172a;
}

.module-card[data-module='b02'] .b02-feed-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  max-height: 14rem;
  overflow: auto;
  font-size: 0.74rem;
}

.module-card[data-module='b02'] .b02-feed-item {
  display: flex;
  gap: 0.45rem;
  padding: 0.4rem 0.45rem;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #f1f5f9;
}

.module-card[data-module='b02'] .b02-feed-item time {
  font-size: 0.65rem;
  font-weight: 800;
  color: #94a3b8;
  white-space: nowrap;
}

.module-card[data-module='b02'] .b02-prestige-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.72rem;
}

.module-card[data-module='b02'] .b02-prestige-list li {
  display: flex;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0.28rem 0;
  border-bottom: 1px solid #f1f5f9;
}

.module-card[data-module='b02'] .b02-prestige-list li:last-child {
  border-bottom: none;
}

.module-card[data-module='b02'] .b02-analytics-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

@media (max-width: 960px) {
  .module-card[data-module='b02'] .b02-analytics-row {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='b02'] .b02-analytics-card {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: linear-gradient(180deg, #fff, #fafafa);
  padding: 0.55rem 0.6rem 0.45rem;
  min-height: 7.5rem;
  box-shadow: 0 3px 14px rgba(15, 23, 42, 0.04);
}

.module-card[data-module='b02'] .b02-analytics-card h4 {
  margin: 0 0 0.35rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}

.module-card[data-module='b02'] .b02-analytics-card svg {
  width: 100%;
  height: 88px;
  display: block;
}

.module-card[data-module='b02'] .b02-ship-card--premium {
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: linear-gradient(165deg, #fff 0%, #fafafa 100%);
  box-shadow: 0 6px 26px rgba(15, 23, 42, 0.07);
  overflow: hidden;
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.module-card[data-module='b02'] .b02-ship-card--premium:hover {
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.1);
  border-color: #cbd5e1;
}

.module-card[data-module='b02'] .b02-ship-card--premium.is-delayed {
  border-color: rgba(245, 158, 11, 0.65);
  box-shadow: 0 8px 32px rgba(245, 158, 11, 0.12);
}

.module-card[data-module='b02'] .b02-ship-card--premium.is-risky {
  box-shadow: 0 8px 36px rgba(139, 92, 246, 0.14);
}

.module-card[data-module='b02'] .b02-ship-premium-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: start;
  padding: 0.75rem 0.85rem 0.55rem;
  border-bottom: 1px solid #f1f5f9;
}

.module-card[data-module='b02'] .b02-ship-logo {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 12px;
  background: linear-gradient(145deg, #e0f2fe, #cffafe);
  border: 1px solid #bae6fd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 900;
  color: #0369a1;
}

.module-card[data-module='b02'] .b02-ship-ids {
  min-width: 0;
}

.module-card[data-module='b02'] .b02-ship-ct {
  font-weight: 900;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  color: #0f172a;
}

.module-card[data-module='b02'] .b02-ship-sub {
  margin: 0.15rem 0 0;
  font-size: 0.72rem;
  color: #64748b;
  line-height: 1.35;
}

.module-card[data-module='b02'] .b02-ship-ai-badge {
  font-size: 0.62rem;
  font-weight: 800;
  padding: 0.28rem 0.45rem;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(20, 184, 166, 0.15));
  border: 1px solid rgba(99, 102, 241, 0.35);
  color: #4338ca;
  white-space: nowrap;
}

.module-card[data-module='b02'] .b02-ship-ai-badge--warn {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(239, 68, 68, 0.15));
  border-color: rgba(245, 158, 11, 0.5);
  color: #b45309;
}

.module-card[data-module='b02'] .b02-ship-tl-pro {
  padding: 0.55rem 0.85rem 0.45rem;
}

.module-card[data-module='b02'] .b02-tl-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 0.35rem;
}

.module-card[data-module='b02'] .b02-tl-track-pro {
  position: relative;
  height: 6px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: visible;
}

.module-card[data-module='b02'] .b02-tl-fill {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #14b8a6, #14b8a6, #6366f1);
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.45);
  transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.module-card[data-module='b02'] .b02-tl-nodes {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

.module-card[data-module='b02'] .b02-tl-node {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: #cbd5e1;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #e2e8f0;
  transform: translateY(0);
}

.module-card[data-module='b02'] .b02-tl-node.is-done {
  background: #14b8a6;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.35);
}

.module-card[data-module='b02'] .b02-tl-node.is-active {
  background: #14b8a6;
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.35);
  animation: b02-node-pulse 1.6s ease-out infinite;
}

.module-card[data-module='b02'] .b02-tl-node.is-risk {
  background: #a855f7;
  box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.35);
}

@keyframes b02-node-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.5);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(20, 184, 166, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(20, 184, 166, 0);
  }
}

.module-card[data-module='b02'] .b02-ship-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
  padding: 0.55rem 0.85rem;
  background: #f8fafc;
  border-top: 1px solid #f1f5f9;
}

@media (max-width: 900px) {
  .module-card[data-module='b02'] .b02-ship-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.module-card[data-module='b02'] .b02-metric {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.module-card[data-module='b02'] .b02-metric-lbl {
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}

.module-card[data-module='b02'] .b02-metric-val {
  font-size: 0.8rem;
  font-weight: 800;
  color: #0f172a;
}

.module-card[data-module='b02'] .b02-ring-sm {
  --p: 0deg;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  background: conic-gradient(#14b8a6 var(--p), #e2e8f0 0);
  display: grid;
  place-items: center;
  margin-top: 0.1rem;
}

.module-card[data-module='b02'] .b02-ring-sm span {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  background: #fff;
  font-size: 0.58rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.module-card[data-module='b02'] .b02-ship-foot-premium {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.85rem;
  border-top: 1px solid #f1f5f9;
  background: #fff;
  font-size: 0.72rem;
}

.module-card[data-module='b02'] .b02-foot-pill {
  padding: 0.15rem 0.4rem;
  border-radius: 6px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  background: #f1f5f9;
  color: #475569;
}

.module-card[data-module='b02'] .b02-foot-pill--cbam {
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
}

.module-card[data-module='b02'] .b02-ship-more {
  border-top: 1px solid #f1f5f9;
}

.module-card[data-module='b02'] .b02-ship-more summary {
  cursor: pointer;
  list-style: none;
  padding: 0.45rem 0.85rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #475569;
}

.module-card[data-module='b02'] .b02-ship-more summary::-webkit-details-marker {
  display: none;
}

.module-card[data-module='b02'] .b02-ship-more-body {
  padding: 0 0.85rem 0.55rem;
  font-size: 0.72rem;
  color: #64748b;
}

.module-card[data-module='b02'] .b02-skeleton-line {
  height: 10px;
  border-radius: 6px;
  background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: b02-shimmer 1.2s ease infinite;
}

@keyframes b02-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.module-card[data-module='b02'] .b02-live-skeleton {
  padding: 0.35rem 0;
}

.module-card[data-module='b02'] .b02-skeleton-cap {
  margin: 0.65rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748b;
}

/* -------------------------------------------------------------------------- */
/* B03 — Sigorta / navlun teklif hub ([data-module="b03"])                    */
/* -------------------------------------------------------------------------- */

.module-card[data-module='b03'] .b03-hub {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-height: 0;
}

.module-card[data-module='b03'] .b03-hub-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem 1rem;
}

.module-card[data-module='b03'] .b03-hub-kicker {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-hub-lead {
  margin: 0.2rem 0 0;
  max-width: 42rem;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--text-secondary, #475569);
}

.module-card[data-module='b03'] .b03-hub-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

.module-card[data-module='b03'] .b03-api-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  background: rgba(20, 184, 166, 0.12);
  color: #0f766e;
  border: 1px solid rgba(20, 184, 166, 0.28);
}

.module-card[data-module='b03'] .b03-catalog-source-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
  border: 1px solid rgba(16, 185, 129, 0.28);
}

.module-card[data-module='b03'] .b03-hub-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: rgba(255, 255, 255, 0.92);
  color: var(--text-primary, #0f172a);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.module-card[data-module='b03'] .b03-hub-btn:hover {
  border-color: rgba(20, 184, 166, 0.45);
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.12);
}

.module-card[data-module='b03'] .b03-hub-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.15rem;
  border-radius: 12px;
  background: rgba(241, 245, 249, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.28);
}

.module-card[data-module='b03'] .b03-hub-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.85rem;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text-secondary, #64748b);
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.module-card[data-module='b03'] .b03-hub-tab i {
  opacity: 0.85;
  font-size: 0.9rem;
}

.module-card[data-module='b03'] .b03-hub-tab.is-active {
  background: linear-gradient(135deg, #0d9488, #0f766e);
  color: #f8fafc;
  border-color: rgba(13, 148, 136, 0.55);
  box-shadow: 0 6px 18px rgba(13, 148, 136, 0.28);
}

.module-card[data-module='b03'] .b03-hub-tab:not(.is-active):hover {
  background: rgba(255, 255, 255, 0.75);
  color: var(--text-primary, #0f172a);
}

.module-card[data-module='b03'] .b03-hub-panels {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 0;
}

.module-card[data-module='b03'] .b03-hub-panel {
  display: none;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 0;
}

.module-card[data-module='b03'] .b03-hub-panel.is-active {
  display: flex;
}

.module-card[data-module='b03'] .b03-query-screen {
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.32);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
  padding: 0.65rem 0.75rem 0.75rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.module-card[data-module='b03'] .b03-query-toolbar {
  align-items: stretch;
}

.module-card[data-module='b03'] .b03-hub-input {
  min-width: 9rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  padding: 0.45rem 0.55rem;
  font-size: 0.82rem;
  background: rgba(255, 255, 255, 0.95);
}

.module-card[data-module='b03'] .b03-query-meta {
  margin-top: 0.35rem;
  font-size: 0.76rem;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-quote-root {
  max-height: min(52vh, 28rem);
  overflow: auto;
  padding: 0.1rem 0.05rem 0.35rem;
  scrollbar-gutter: stable;
}

.module-card[data-module='b03'] .b03-empty {
  border-radius: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.55);
  background: rgba(248, 250, 252, 0.75);
  padding: 1.25rem 1rem;
  text-align: center;
  color: var(--text-secondary, #64748b);
  font-size: 0.84rem;
}

.module-card[data-module='b03'] .b03-empty--error {
  border-style: solid;
  border-color: rgba(248, 113, 113, 0.55);
  background: rgba(254, 242, 242, 0.95);
  color: #991b1b;
}

.module-card[data-module='b03'] .b03-quote-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr));
  gap: 0.55rem;
}

.module-card[data-module='b03'] .b03-quote-card {
  position: relative;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.94);
  padding: 0.65rem 0.7rem 0.7rem;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

@media (prefers-reduced-motion: no-preference) {
  .module-card[data-module='b03'] .b03-quote-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.09);
    border-color: rgba(20, 184, 166, 0.4);
  }
}

.module-card[data-module='b03'] .b03-quote-card--best {
  border-color: rgba(16, 185, 129, 0.55);
  background: linear-gradient(160deg, rgba(236, 253, 245, 0.95), rgba(255, 255, 255, 0.98));
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.12);
}

.module-card[data-module='b03'] .b03-quote-badge {
  position: absolute;
  top: 0.45rem;
  right: 0.5rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.2rem 0.4rem;
  border-radius: 6px;
  background: rgba(16, 185, 129, 0.2);
  color: #047857;
}

.module-card[data-module='b03'] .b03-quote-card-head {
  padding-right: 4.5rem;
  margin-bottom: 0.35rem;
}

.module-card[data-module='b03'] .b03-quote-provider {
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: -0.01em;
  color: var(--title-color, #0f172a);
  word-break: break-word;
}

.module-card[data-module='b03'] .b03-quote-dl {
  margin: 0;
  display: grid;
  gap: 0.35rem 0.5rem;
}

.module-card[data-module='b03'] .b03-quote-dl > div {
  display: grid;
  grid-template-columns: 5.2rem 1fr;
  gap: 0.35rem;
  align-items: baseline;
}

.module-card[data-module='b03'] .b03-quote-dl dt {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary, #94a3b8);
}

.module-card[data-module='b03'] .b03-quote-dl dd {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-primary, #334155);
  word-break: break-word;
}

.module-card[data-module='b03'] .b03-quote-rate {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #0f766e;
}

.module-card[data-module='b03'] .b03-quote-premium {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #047857;
}

.module-card[data-module='b03'] .b03-tsn:not(.b03-tsn--advanced) .b03-pro-only {
  display: none !important;
}

.module-card[data-module='b03'] .b03-tsn-disclaimer {
  margin: 0 0 0.5rem;
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-advanced-flag {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-secondary, #475569);
  cursor: pointer;
  user-select: none;
}

.module-card[data-module='b03'] .b03-advanced-flag input {
  margin: 0;
}

.module-card[data-module='b03'] .b03-results-chrome {
  margin: 0.35rem 0 0.25rem;
  padding: 0.35rem 0;
  border-top: 1px dashed rgba(148, 163, 184, 0.35);
}

.module-card[data-module='b03'] .b03-results-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.module-card[data-module='b03'] .b03-drafts-details {
  margin-top: 0.35rem;
  font-size: 0.78rem;
}

.module-card[data-module='b03'] .b03-drafts-list {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.module-card[data-module='b03'] .b03-draft-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.45rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(248, 250, 252, 0.85);
}

.module-card[data-module='b03'] .b03-draft-meta {
  flex: 1 1 12rem;
  font-size: 0.72rem;
  color: var(--text-secondary, #64748b);
  word-break: break-word;
}

.module-card[data-module='b03'] .b03-quote-results-head {
  margin: 0 0 0.45rem;
  padding: 0.45rem 0.55rem;
  border-radius: 10px;
  background: rgba(241, 245, 249, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.module-card[data-module='b03'] .b03-quote-src-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(245, 158, 11, 0.18);
  color: #b45309;
  margin-bottom: 0.25rem;
}

.module-card[data-module='b03'] .b03-quote-snap,
.module-card[data-module='b03'] .b03-quote-meta {
  margin: 0.15rem 0 0;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-secondary, #475569);
}

.module-card[data-module='b03'] .b03-quote-foot {
  margin: 0.45rem 0 0;
  font-size: 0.68rem;
  line-height: 1.4;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-error-actions {
  margin: 0.5rem 0 0;
}

.module-card[data-module='b03'] .b03-freight-mvp {
  padding: 0.65rem 0.75rem;
  border-radius: 14px;
  border: 1px solid rgba(14, 165, 233, 0.28);
  background: linear-gradient(120deg, rgba(224, 242, 254, 0.65), rgba(255, 255, 255, 0.95));
}

.module-card[data-module='b03'] .b03-freight-mvp-head {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.55rem;
}

.module-card[data-module='b03'] .b03-freight-mvp-title {
  margin: 0 0 0.25rem;
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--title-color, #0f172a);
}

.module-card[data-module='b03'] .b03-freight-mvp-lead {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-freight-mvp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.45rem 0.65rem;
}

.module-card[data-module='b03'] .b03-freight-field span {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--text-secondary, #64748b);
  margin-bottom: 0.2rem;
}

.module-card[data-module='b03'] .b03-freight-mvp-actions {
  margin-top: 0.55rem;
}

.module-card[data-module='b03'] .b03-freight-mvp-disclaimer {
  margin: 0.45rem 0 0;
  font-size: 0.68rem;
  color: var(--text-secondary, #64748b);
}

#b03-print-layer {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #fff;
  padding: 1.25rem;
  overflow: auto;
}

#b03-print-layer .b03-print-doc {
  max-width: 48rem;
  margin: 0 auto;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: #0f172a;
}

#b03-print-layer .b03-print-sub {
  font-size: 0.9rem;
  font-weight: 600;
}

#b03-print-layer .b03-print-table {
  width: 100%;
  margin-top: 0.75rem;
  border-collapse: collapse;
  font-size: 0.78rem;
}

@media print {
  body * {
    visibility: hidden;
  }
  #b03-print-layer,
  #b03-print-layer * {
    visibility: visible;
  }
  #b03-print-layer {
    position: absolute;
    inset: 0;
    background: #fff;
  }
}

.module-card[data-module='b03'] .b03-freight-shell {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.module-card[data-module='b03'] .b03-freight-placeholder {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(14, 165, 233, 0.28);
  background: linear-gradient(120deg, rgba(224, 242, 254, 0.65), rgba(255, 255, 255, 0.95));
}

.module-card[data-module='b03'] .b03-freight-icon {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(14, 165, 233, 0.18);
  color: #0369a1;
  font-size: 1.1rem;
}

.module-card[data-module='b03'] .b03-freight-title {
  margin: 0 0 0.25rem;
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--title-color, #0f172a);
}

.module-card[data-module='b03'] .b03-freight-body {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-freight-results {
  min-height: 2rem;
}

.module-card[data-module='b03'] .b03-tsn {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.module-card[data-module='b03'] .b03-tsn-block {
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.32);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  padding: 0.65rem 0.75rem 0.75rem;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

.module-card[data-module='b03'] .b03-tsn-block--value {
  background: linear-gradient(180deg, rgba(240, 253, 250, 0.55), rgba(255, 255, 255, 0.96));
}

.module-card[data-module='b03'] .b03-tsn-heading {
  margin: 0 0 0.5rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-tsn-ship-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
  gap: 0.55rem;
}

.module-card[data-module='b03'] .b03-tsn-panel {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}

.module-card[data-module='b03'] .b03-tsn-panel-label {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-tsn-option-stack {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.module-card[data-module='b03'] .b03-option-btn {
  width: 100%;
  text-align: center;
  padding: 0.42rem 0.5rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: rgba(255, 255, 255, 0.88);
  color: var(--text-primary, #0f172a);
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.module-card[data-module='b03'] .b03-option-btn:hover {
  border-color: rgba(20, 184, 166, 0.45);
}

.module-card[data-module='b03'] .b03-option-btn.is-selected {
  border-color: rgba(13, 148, 136, 0.65);
  background: linear-gradient(180deg, #14b8a6, #0d9488);
  color: #f8fafc;
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.25);
}

.module-card[data-module='b03'] .b03-tsn-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--text-secondary, #475569);
  min-width: 0;
}

.module-card[data-module='b03'] .b03-tsn-field--full {
  grid-column: 1 / -1;
}

.module-card[data-module='b03'] .b03-tsn-select,
.module-card[data-module='b03'] .b03-tsn-input,
.module-card[data-module='b03'] .b03-tsn-textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  padding: 0.4rem 0.5rem;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--text-primary, #0f172a);
  background: rgba(255, 255, 255, 0.95);
}

.module-card[data-module='b03'] .b03-tsn-input--readonly {
  background: rgba(241, 245, 249, 0.95);
  color: var(--text-secondary, #475569);
  font-weight: 700;
}

.module-card[data-module='b03'] .b03-tsn-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.5rem 0.65rem;
}

.module-card[data-module='b03'] .b03-catalog-hint {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--text-secondary, #64748b);
}

.module-card[data-module='b03'] .b03-tsn-pack-row .b03-tsn-inline-label {
  display: block;
  margin-bottom: 0.25rem;
}

.module-card[data-module='b03'] .b03-tsn-inline-label {
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--text-secondary, #475569);
}

.module-card[data-module='b03'] .b03-tsn-radio-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
}

.module-card[data-module='b03'] .b03-tsn-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-primary, #0f172a);
  cursor: pointer;
}

.module-card[data-module='b03'] .b03-tsn-currency-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.module-card[data-module='b03'] .b03-tsn-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.9);
}

.module-card[data-module='b03'] .b03-tsn-chip:has(input:checked) {
  border-color: rgba(13, 148, 136, 0.55);
  background: rgba(20, 184, 166, 0.14);
  color: #0f766e;
}

.module-card[data-module='b03'] .b03-tsn-chip input {
  margin: 0;
}

.module-card[data-module='b03'] .b03-fx-hint {
  margin: 0.35rem 0 0;
  font-size: 0.72rem;
  font-weight: 600;
  color: #047857;
  padding: 0.35rem 0.5rem;
  border-radius: 8px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.module-card[data-module='b03'] .b03-tsn-value-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 0.5rem 0.65rem;
}

.module-card[data-module='b03'] .b03-tsn-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.55rem;
}

.module-card[data-module='b03'] .b03-tsn-secondary {
  padding: 0.5rem 1rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  background: rgba(255, 255, 255, 0.88);
  color: var(--text-primary, #0f172a);
  font-size: 0.84rem;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.module-card[data-module='b03'] .b03-tsn-secondary:hover {
  border-color: rgba(20, 184, 166, 0.45);
  background: rgba(241, 245, 249, 0.95);
}

.module-card[data-module='b03'] .b03-tsn-primary {
  padding: 0.55rem 1.35rem;
  border-radius: 10px;
  border: 1px solid rgba(15, 118, 110, 0.55);
  background: linear-gradient(180deg, #14b8a6, #0d9488);
  color: #f8fafc;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(13, 148, 136, 0.28);
}

.module-card[data-module='b03'] .b03-tsn-primary:hover {
  filter: brightness(1.04);
}

.module-card[data-module='b03'] .b03-tsn-details {
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(248, 250, 252, 0.75);
  padding: 0.15rem 0.5rem 0.5rem;
}

.module-card[data-module='b03'] .b03-tsn-details > summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 0.82rem;
  padding: 0.4rem 0.25rem;
  color: var(--text-primary, #0f172a);
}

.module-card[data-module='b03'] .b03-tsn-details-grid {
  padding-top: 0.25rem;
}

.module-card[data-module='b03'] .b03-form-status {
  margin: 0.35rem 0 0;
  padding: 0.45rem 0.65rem;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.85);
  color: var(--text-primary, #334155);
}

.module-card[data-module='b03'] .b03-form-status--info {
  border-color: rgba(20, 184, 166, 0.35);
  background: rgba(240, 253, 250, 0.95);
  color: #115e59;
}

.module-card[data-module='b03'] .b03-form-status--success {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(236, 253, 245, 0.95);
  color: #047857;
}

.module-card[data-module='b03'] .b03-form-status--error {
  border-color: rgba(248, 113, 113, 0.45);
  background: rgba(254, 242, 242, 0.95);
  color: #991b1b;
}

.module-card[data-module='b03'] .b03-form-status--warn {
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(255, 251, 235, 0.95);
  color: #b45309;
}

.module-card[data-module='b03'] .b03-flow-summary {
  margin: 0;
  padding: 0.45rem 0.6rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-secondary, #475569);
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.9);
}

.module-card[data-module='b03'] .b03-advanced-db {
  border-radius: 12px;
  border: 1px dashed rgba(148, 163, 184, 0.55);
  padding: 0.15rem 0.5rem 0.5rem;
  background: rgba(255, 255, 255, 0.5);
}

.module-card[data-module='b03'] .b03-advanced-db > summary {
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-secondary, #64748b);
  padding: 0.35rem 0.25rem;
}

/* A08 — Dış ticaret hesap makinesi (landed cost UI) */
.module-card[data-module='a08'] .a08-landed-cost {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-height: 0;
}

.module-card[data-module='a08'] .a08-executive-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.65rem;
  padding: 0.5rem;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.06), rgba(148, 163, 184, 0.08));
  border: 1px solid var(--card-border, #e2e8f0);
}

.module-card[data-module='a08'] .a08-kpi-card {
  background: var(--card-bg, #fff);
  border-radius: 8px;
  padding: 0.45rem 0.55rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-height: 4.25rem;
}

.module-card[data-module='a08'] .a08-kpi-card--risk {
  align-items: center;
  text-align: center;
}

.module-card[data-module='a08'] .a08-kpi-label {
  font-size: 0.68rem;
  line-height: 1.25;
  color: var(--text-muted, #64748b);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.module-card[data-module='a08'] .a08-kpi-value {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-primary, #0f172a);
}

.module-card[data-module='a08'] .a08-kpi-unit {
  font-size: 0.7rem;
  color: var(--text-muted, #64748b);
}

.module-card[data-module='a08'] .a08-kpi-unit-muted {
  font-size: 0.65rem;
  line-height: 1.2;
  display: block;
}

.module-card[data-module='a08'] .a08-risk-ring {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: conic-gradient(var(--primary-color, #0d9488) calc(var(--a08-risk-pct, 0) * 1%), #e2e8f0 0);
  display: grid;
  place-items: center;
  margin: 0.15rem 0;
}

.module-card[data-module='a08'] .a08-risk-ring span {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--card-bg, #fff);
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  font-weight: 700;
}

.module-card[data-module='a08'] .a08-ai-suggest {
  margin: 0.35rem 0 0.5rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(139, 92, 246, 0.35);
  background: linear-gradient(120deg, rgba(139, 92, 246, 0.1), rgba(20, 184, 166, 0.06));
}

.module-card[data-module='a08'] .a08-ai-suggest-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.module-card[data-module='a08'] .a08-ai-suggest-title {
  margin: 0;
  font-size: 0.92rem;
}

.module-card[data-module='a08'] .a08-ai-suggest-body {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-primary, #334155);
}

.module-card[data-module='a08'] .btn-a08-ai {
  font-size: 0.82rem;
  padding: 0.35rem 0.65rem;
}

.module-card[data-module='a08'] .a08-donut-wrap {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.module-card[data-module='a08'] .a08-donut-title {
  margin: 0 0 0.4rem;
  font-size: 0.84rem;
}

.module-card[data-module='a08'] .a08-donut {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 0.5rem;
}

.module-card[data-module='a08'] .a08-donut-legend {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.78rem;
}

.module-card[data-module='a08'] .a08-donut-legend-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.module-card[data-module='a08'] .a08-donut-swatch {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex-shrink: 0;
}

.module-card[data-module='a08'] .a08-donut-legend-row strong {
  margin-left: auto;
  font-weight: 600;
}

.module-card[data-module='a08'] .a08-intel-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}

.module-card[data-module='a08'] .a08-intel-quick-tile {
  padding: 0.45rem 0.5rem;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 0.8rem;
}

.module-card[data-module='a08'] .a08-intel-quick-tile span {
  display: block;
  color: var(--text-muted, #64748b);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.module-card[data-module='a08'] .a08-intel-quick-tile strong {
  font-size: 0.9rem;
}

.module-card[data-module='a08'] .a08-intel-table-wrap {
  overflow: auto;
  max-width: 100%;
}

.module-card[data-module='a08'] .a08-intel-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.module-card[data-module='a08'] .a08-intel-table th,
.module-card[data-module='a08'] .a08-intel-table td {
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: left;
}

.module-card[data-module='a08'] .a08-intel-table th {
  font-weight: 600;
  color: var(--text-muted, #64748b);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.module-card[data-module='a08'] .a08-dash-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  position: relative;
  padding-bottom: 0.6rem;
  margin-bottom: 0.05rem;
}

.module-card[data-module='a08'] .a08-dash-toolbar::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 3px;
  background: linear-gradient(
    90deg,
    var(--primary-color, #0d9488),
    #7c3aed 38%,
    rgba(14, 165, 233, 0.65) 72%,
    transparent 100%
  );
  opacity: 0.78;
  pointer-events: none;
}

.module-card[data-module='a08'] .a08-tablist--segmented {
  padding: 0.22rem;
  gap: 0.2rem;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: rgba(148, 163, 184, 0.1);
}

.module-card[data-module='a08'] .a08-tablist--segmented .a08-tab {
  border: none;
  background: transparent;
  border-radius: 9px;
}

.module-card[data-module='a08'] .a08-tablist--segmented .a08-tab:hover {
  background: rgba(255, 255, 255, 0.55);
}

.module-card[data-module='a08'] .a08-tablist--segmented .a08-tab[aria-selected='true'] {
  background: var(--surface-color, #fff);
  color: var(--primary-color);
  border: none;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.module-card[data-module='a08'] .a08-context-fold {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 0 0.65rem 0.55rem;
  background: var(--surface-color, #fff);
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

.module-card[data-module='a08'] .a08-context-fold summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.62rem 0.45rem 0.52rem 2rem;
  position: relative;
  font-weight: 650;
  font-size: 0.83rem;
  color: var(--text-primary, #0f172a);
  border-radius: 11px 11px 0 0;
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.07), transparent);
}

.module-card[data-module='a08'] .a08-context-fold summary::before {
  content: '';
  position: absolute;
  left: 0.72rem;
  top: 50%;
  width: 0.42rem;
  height: 0.42rem;
  border-right: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  transform: translateY(-58%) rotate(-45deg);
  opacity: 0.75;
  transition: transform 0.18s ease;
}

.module-card[data-module='a08'] .a08-context-fold[open] summary::before {
  transform: translateY(-35%) rotate(45deg);
}

.module-card[data-module='a08'] .a08-context-fold summary::-webkit-details-marker {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .module-card[data-module='a08'] .a08-context-fold summary::before {
    transition: none;
  }
}

.module-card[data-module='a08'] .a08-context-fold .a08-intro {
  margin: 0 0 0.45rem;
  font-size: 0.8rem;
}

.module-card[data-module='a08'] .a08-context-fold .a08-expect-banner {
  margin: 0;
}

.module-card[data-module='a08'] .a08-dash-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

@media (min-width: 900px) {
  .module-card[data-module='a08'] .a08-dash-split {
    grid-template-columns: minmax(0, 1fr) minmax(232px, 300px);
  }
}

.module-card[data-module='a08'] .a08-dash-aside {
  position: sticky;
  top: 0.35rem;
}

.module-card[data-module='a08'] .a08-dash-highlight {
  border-color: rgba(13, 148, 136, 0.38);
  box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
}

.module-card[data-module='a08'] .a08-fx-label-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem 0.85rem;
  margin-bottom: 0.32rem;
}

.module-card[data-module='a08'] .a08-fx-label-row label {
  margin: 0;
  font-weight: 650;
}

.module-card[data-module='a08'] .a08-tcmb-pill {
  appearance: none;
  border: 1px solid rgba(20, 184, 166, 0.42);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.14), rgba(20, 184, 166, 0.04));
  color: var(--primary-color);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 0.34rem 0.78rem;
  border-radius: 999px;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.15s ease;
}

.module-card[data-module='a08'] .a08-tcmb-pill:hover:not(:disabled) {
  box-shadow: 0 6px 18px rgba(13, 148, 136, 0.22);
  transform: translateY(-1px);
}

.module-card[data-module='a08'] .a08-tcmb-pill:disabled {
  opacity: 0.62;
  cursor: progress;
}

.module-card[data-module='a08'] .a08-tcmb-meta {
  margin: 0.12rem 0 0;
  font-size: 0.74rem;
  line-height: 1.35;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-input-accent {
  font-weight: 650;
  letter-spacing: -0.02em;
}

.module-card[data-module='a08'] .a08-form-compact input[type='number'],
.module-card[data-module='a08'] .a08-form-compact input[type='text'],
.module-card[data-module='a08'] .a08-form-compact select {
  min-height: 2.68rem;
  border-radius: 10px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.module-card[data-module='a08'] .a08-form-compact input:focus,
.module-card[data-module='a08'] .a08-form-compact select:focus {
  outline: none;
  border-color: rgba(13, 148, 136, 0.55);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  .module-card[data-module='a08'] .a08-tcmb-pill {
    transition: none;
  }

.module-card[data-module='a08'] .a08-live-widget {
  border-radius: 14px;
  padding: 1rem 1.05rem 1.05rem;
  background: linear-gradient(
    155deg,
    rgba(20, 184, 166, 0.09) 0%,
    var(--surface-color, #fff) 52%
  );
  border: 1px solid rgba(20, 184, 166, 0.22);
  box-shadow:
    0 10px 32px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(12px);
}

.module-card[data-module='a08'] .a08-live-widget-kicker {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--primary-color);
  opacity: 0.85;
}

.module-card[data-module='a08'] .a08-live-widget-title {
  margin: 0.2rem 0 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--title-color, #0f172a);
}

.module-card[data-module='a08'] .a08-live-dl {
  margin: 0.55rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
}

.module-card[data-module='a08'] .a08-live-dl > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.65rem;
  font-size: 0.81rem;
  border-bottom: 1px dashed rgba(148, 163, 184, 0.35);
  padding-bottom: 0.38rem;
}

.module-card[data-module='a08'] .a08-live-dl > div:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.module-card[data-module='a08'] .a08-live-dl dt {
  margin: 0;
  color: var(--text-secondary, #64748b);
  font-weight: 500;
  flex: 1 1 auto;
}

.module-card[data-module='a08'] .a08-live-dl dd {
  margin: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: right;
  max-width: 58%;
  word-break: break-word;
}

.module-card[data-module='a08'] .a08-live-dd-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
  font-size: 0.78rem;
}

.module-card[data-module='a08'] .a08-live-dd-muted {
  font-weight: 600;
  font-size: 0.78rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-live-status {
  margin-top: 0.7rem;
  padding: 0.48rem 0.58rem;
  border-radius: 9px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
}

.module-card[data-module='a08'] .a08-live-status--ready {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.module-card[data-module='a08'] .a08-live-status--pending {
  background: rgba(251, 191, 36, 0.15);
  color: #b45309;
}

.module-card[data-module='a08'] .a08-live-widget-foot {
  margin: 0.55rem 0 0;
  font-size: 0.74rem;
  line-height: 1.4;
}

.module-card[data-module='a08'] .a08-result-heading--dash {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 0.65rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid var(--border-color);
}

#module-workspace-root.module-workspace-root--a08 .module-workspace-body {
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
}

#module-workspace-root.module-workspace-root--a08 .module-card[data-module='a08'] .module-content {
  padding-left: clamp(0.75rem, 2vw, 1.35rem);
  padding-right: clamp(0.75rem, 2vw, 1.35rem);
}

#module-workspace-root.module-workspace-root--a08 .module-card[data-module='a08'] {
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.38);
  box-shadow:
    0 22px 55px rgba(15, 23, 42, 0.09),
    0 2px 10px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}

#module-workspace-root.module-workspace-root--a08 .module-card[data-module='a08'] .a08-dash-col-main .a08-form-compact {
  max-height: none;
  overflow: visible;
}

.module-card[data-module='a08'] .btn-a08-calc {
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.62rem 1.45rem;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(13, 148, 136, 0.32);
}

.module-card[data-module='a08'] .a08-form-actions {
  margin-top: 0.35rem;
  padding-top: 0.55rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}

.module-card[data-module='a08'] .a08-section--trade-local {
  border-color: rgba(124, 58, 237, 0.22);
}

.module-card[data-module='a08'] .a08-mini-hint {
  margin: 0.28rem 0 0;
  font-size: 0.74rem;
}

.module-card[data-module='a08'] .a08-section-sublegend {
  font-size: 0.82rem;
  font-weight: 650;
  padding: 0;
}

.module-card[data-module='a08'] .a08-checkbox-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
  margin-top: 0.35rem;
}

.module-card[data-module='a08'] .a08-inline-check {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  font-size: 0.82rem;
  cursor: pointer;
}

.module-card[data-module='a08'] .a08-broker-addons {
  border: none;
  padding: 0;
  margin: 0;
}
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 0.65rem;
}

.module-card[data-module='a08'] .a08-commercial-pill {
  display: inline-flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0.42rem 0.65rem;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: rgba(248, 250, 252, 0.9);
  font-size: 0.82rem;
}

.module-card[data-module='a08'] .a08-commercial-k {
  color: var(--text-secondary);
  font-weight: 600;
}

.module-card[data-module='a08'] .a08-commercial-v {
  font-weight: 700;
  color: var(--title-color);
}

.module-card[data-module='a08'] .a08-tax-highlight {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(20, 184, 166, 0.28);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.08), rgba(129, 140, 248, 0.05));
}

.module-card[data-module='a08'] .a08-tax-highlight--warn {
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(251, 191, 36, 0.12);
}

.module-card[data-module='a08'] .a08-tax-highlight-head {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.55rem;
}

.module-card[data-module='a08'] .a08-tax-highlight-sub {
  font-size: 0.78rem;
  color: var(--text-secondary);
  font-weight: 500;
}

.module-card[data-module='a08'] .a08-tax-chip-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  gap: 0.45rem;
}

.module-card[data-module='a08'] .a08-tax-chip {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  padding: 0.38rem 0.45rem;
  border-radius: 8px;
  background: var(--surface-color, #fff);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.module-card[data-module='a08'] .a08-tax-chip-l {
  font-size: 0.72rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-tax-chip-v {
  font-size: 0.88rem;
  font-variant-numeric: tabular-nums;
}

.module-card[data-module='a08'] .a08-tax-chip-total {
  margin-top: 0.55rem;
  font-size: 0.85rem;
  text-align: right;
}

.module-card[data-module='a08'] .a08-ref-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.45rem;
  margin-top: 0.55rem;
  padding-top: 0.55rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}

.module-card[data-module='a08'] .a08-ref-title-input {
  flex: 1 1 14rem;
  min-width: 10rem;
  min-height: 2.5rem;
  border-radius: 10px;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--border-color);
}

.module-card[data-module='a08'] .btn-a08-ref {
  font-weight: 700;
  padding: 0.45rem 1rem;
  border-radius: 10px;
}

.module-card[data-module='a08'] .a08-tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.module-card[data-module='a08'] .a08-tab {
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--text-secondary);
  font-size: 0.82rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.module-card[data-module='a08'] .a08-tab:hover {
  color: var(--text-primary);
  border-color: var(--primary-color);
}

.module-card[data-module='a08'] .a08-tab[aria-selected='true'] {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

.module-card[data-module='a08'] .a08-panel-form,
.module-card[data-module='a08'] .a08-panel-tariff,
.module-card[data-module='a08'] .a08-panel-result,
.module-card[data-module='a08'] .a08-panel-intel {
  flex-direction: column;
  gap: 0.45rem;
  min-height: 0;
}

.module-card[data-module='a08'] .a08-panel-form:not(.hidden),
.module-card[data-module='a08'] .a08-panel-tariff:not(.hidden),
.module-card[data-module='a08'] .a08-panel-result:not(.hidden),
.module-card[data-module='a08'] .a08-panel-intel:not(.hidden) {
  display: flex;
}

/* overflow:auto açılır GTİP / ülke / liman listelerini kırpar; kaydırma ana içerikte kalsın */
.module-card[data-module='a08'] .a08-panel-form {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.module-card[data-module='a08'] .a08-panel-result,
.module-card[data-module='a08'] .a08-panel-tariff,
.module-card[data-module='a08'] .a08-panel-intel {
  max-height: min(78vh, 720px);
  overflow: auto;
  padding-right: 0.15rem;
}

.module-card[data-module='a08'] .a08-panel-intel {
  gap: 0.65rem;
}

.module-card[data-module='a08'] .a08-intel-intro {
  margin: 0;
}

.module-card[data-module='a08'] .a08-intel-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
}

.module-card[data-module='a08'] .a08-intel-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}

.module-card[data-module='a08'] .a08-intel-fields .form-group {
  min-width: 10rem;
}

.module-card[data-module='a08'] .a08-intel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.module-card[data-module='a08'] .a08-intel-meta {
  margin: 0;
}

.module-card[data-module='a08'] .a08-intel-error {
  margin: 0;
}

.module-card[data-module='a08'] .a08-intel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.65rem;
}

.module-card[data-module='a08'] .a08-intel-card {
  border: 1px solid var(--card-border, #e2e8f0);
  border-radius: 8px;
  padding: 0.65rem 0.75rem;
  background: var(--card-bg-subtle, #f8fafc);
}

.module-card[data-module='a08'] .a08-intel-card--wide {
  grid-column: 1 / -1;
}

.module-card[data-module='a08'] .a08-intel-card-title {
  margin: 0 0 0.45rem;
  font-size: 0.95rem;
}

.module-card[data-module='a08'] .a08-intel-card-body {
  font-size: 0.88rem;
}

.module-card[data-module='a08'] .a08-intel-scoregrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  gap: 0.35rem 0.5rem;
}

.module-card[data-module='a08'] .a08-intel-kv {
  display: flex;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0.2rem 0.35rem;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.65);
}

.module-card[data-module='a08'] .a08-intel-kv span {
  color: var(--text-muted, #64748b);
  font-size: 0.8rem;
  text-transform: capitalize;
}

.module-card[data-module='a08'] .a08-intel-notes {
  margin: 0.4rem 0 0;
  padding-left: 1.1rem;
}

.module-card[data-module='a08'] .a08-intel-cong-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.module-card[data-module='a08'] .a08-intel-cong-row:last-child {
  border-bottom: none;
}

.module-card[data-module='a08'] .a08-intel-cong-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.module-card[data-module='a08'] .a08-intel-cong-code {
  font-family: ui-monospace, monospace;
  flex: 1;
}

.module-card[data-module='a08'] .a08-intel-cong-score {
  font-weight: 600;
}

.module-card[data-module='a08'] .a08-intel-hint-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.module-card[data-module='a08'] .a08-intel-hint {
  margin: 0;
  padding: 0.5rem 0.65rem;
  border-radius: 6px;
  border-left: 4px solid var(--primary-color, #0d9488);
  background: rgba(13, 148, 136, 0.06);
  font-size: 0.9rem;
}

.module-card[data-module='a08'] .a08-intel-hint--warning {
  border-left-color: #d97706;
  background: rgba(217, 119, 6, 0.09);
}

.module-card[data-module='a08'] .a08-intel-hint--info {
  border-left-color: #0d9488;
}

.module-card[data-module='a08'] .a08-a01-db-table-wrap {
  min-height: 3rem;
}

.module-card[data-module='a08'] .a08-form-compact {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  max-height: min(72vh, 640px);
  overflow: auto;
  padding-right: 0.15rem;
}

.module-card[data-module='a08'] .a02-country-combo {
  position: relative;
  width: 100%;
  z-index: 0;
}

.module-card[data-module='a08'] .a02-country-combo:has(.a02-country-suggestions:not(.hidden)) {
  z-index: 5;
}

.module-card[data-module='a08'] .a08-hs-wrap.a01-autocomplete-shell:has(.a01-autocomplete-panel:not(.hidden)) {
  z-index: 6;
}

.module-card[data-module='a08'] .a08-qty-group .a08-qty-label {
  display: block;
  font-weight: 500;
  font-size: 0.82rem;
  color: var(--text-secondary, #64748b);
  margin-bottom: 0.2rem;
}

.module-card[data-module='a08'] .a08-qty-inline {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
  width: 100%;
}

.module-card[data-module='a08'] .a08-qty-inline input[type='number'] {
  flex: 1 1 auto;
  min-width: 0;
}

.module-card[data-module='a08'] .a08-quantity-unit {
  flex: 0 0 auto;
  min-width: 5.25rem;
  max-width: 42%;
  font-size: 0.82rem;
  font-weight: 600;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 0.28rem 0.35rem;
  background: var(--surface-color, #fff);
  color: var(--text-primary);
}

.module-card[data-module='a08'] .a08-compact-2col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem 0.65rem;
}

@media (max-width: 720px) {
  .module-card[data-module='a08'] .a08-compact-2col {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='a08'] .a08-hs-wrap .a01-autocomplete-shell {
  min-width: 0;
}

.module-card[data-module='a08'] .a08-hs-wrap .a01-autocomplete-panel {
  left: 0;
  right: 0;
  min-width: min(100%, 22rem);
}

.module-card[data-module='a08'] .a08-intro {
  margin-bottom: 0.15rem;
}

.module-card[data-module='a08'] .a08-expect-banner {
  margin: 0 0 0.45rem;
  padding: 0.5rem 0.7rem;
  border-radius: 8px;
  border-left: 4px solid var(--secondary-color, #0d9488);
  background: rgba(13, 148, 136, 0.07);
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--text-secondary, #475569);
}

.module-card[data-module='a08'] .a08-section-lead {
  margin: -0.1rem 0 0.45rem;
  font-size: 0.8rem;
}

.module-card[data-module='a08'] .a08-section--required {
  border-color: rgba(13, 148, 136, 0.28);
}

.module-card[data-module='a08'] .a08-advanced-details {
  margin: 0;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 0.35rem 0.55rem 0.55rem;
  background: var(--surface-color, #fff);
}

.module-card[data-module='a08'] .a08-advanced-summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--title-color, #0f172a);
  list-style: none;
}

.module-card[data-module='a08'] .a08-advanced-summary::-webkit-details-marker {
  display: none;
}

.module-card[data-module='a08'] .a08-advanced-sub {
  font-weight: 400;
  margin-left: 0.35rem;
}

.module-card[data-module='a08'] .a08-advanced-body {
  margin-top: 0.45rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.module-card[data-module='a08'] fieldset.a08-section {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.module-card[data-module='a08'] .a08-scenario-hint {
  margin: 0 0 0.35rem;
}

.module-card[data-module='a08'] .a08-catalog-hint {
  margin: 0;
  padding: 0.4rem 0.55rem;
  border-radius: 8px;
  background: rgba(251, 191, 36, 0.14);
  border: 1px solid rgba(245, 158, 11, 0.38);
  color: #92400e;
  font-size: 0.82rem;
  line-height: 1.35;
}

.module-card[data-module='a08'] .a08-fx-note {
  margin: 0.25rem 0 0;
}

.module-card[data-module='a08'] .a08-cost-sheet-sources {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  color: var(--text-secondary, #64748b);
  line-height: 1.35;
}

.module-card[data-module='a08'] .a08-section {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 0.85rem 1rem 1rem;
  background: var(--surface-color);
}

.module-card[data-module='a08'] .a08-form-compact .a08-section {
  padding: 0.5rem 0.65rem 0.6rem;
}

.module-card[data-module='a08'] .a08-section-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--secondary-color);
  margin: 0 0 0.65rem;
}

.module-card[data-module='a08'] .a08-form-compact .a08-section-title {
  font-size: 0.82rem;
  margin: 0 0 0.4rem;
}

.module-card[data-module='a08'] .a08-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem 1rem;
}

@media (max-width: 720px) {
  .module-card[data-module='a08'] .a08-form-grid {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='a08'] .a08-span-2 {
  grid-column: 1 / -1;
}

.module-card[data-module='a08'] .a08-check-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  align-items: center;
}

.module-card[data-module='a08'] .a08-check {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.9rem;
  color: var(--text-secondary);
  cursor: pointer;
}

.module-card[data-module='a08'] .a08-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
}

.module-card[data-module='a08'] .btn-a08-calc {
  min-width: 11rem;
}

.module-card[data-module='a08'] .btn-a08-reset {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.module-card[data-module='a08'] .a08-keyboard-hint {
  margin: 0.15rem 0 0;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-cost-sheet-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.5rem;
  margin-top: 0.45rem;
}

.module-card[data-module='a08'] .btn-a08-tool {
  font-size: 0.82rem;
  padding: 0.28rem 0.65rem;
}

.module-card[data-module='a08'] .a08-cost-sheet-details {
  margin-top: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 10px;
  padding: 0.35rem 0.65rem 0.65rem;
  background: rgba(255, 255, 255, 0.55);
}

.module-card[data-module='a08'] .a08-cost-sheet-details-sum {
  cursor: pointer;
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--title-color, #0f172a);
  list-style: none;
}

.module-card[data-module='a08'] .a08-cost-sheet-details-sum::-webkit-details-marker {
  display: none;
}

.module-card[data-module='a08'] .a08-cost-sheet-details-body {
  margin-top: 0.5rem;
  padding-top: 0.45rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.5);
}

.module-card[data-module='a08'] .a08-detail-sec {
  margin-bottom: 0.55rem;
}

.module-card[data-module='a08'] .a08-detail-h {
  margin: 0 0 0.25rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-detail-mini {
  width: 100%;
  max-width: 28rem;
  border-collapse: collapse;
  font-size: 0.8rem;
}

.module-card[data-module='a08'] .a08-detail-mini th,
.module-card[data-module='a08'] .a08-detail-mini td {
  border: 1px solid rgba(148, 163, 184, 0.35);
  padding: 0.2rem 0.45rem;
  text-align: left;
}

.module-card[data-module='a08'] .a08-detail-mini th {
  width: 42%;
  background: rgba(241, 245, 249, 0.9);
  font-weight: 600;
}

.module-card[data-module='a08'] .a08-detail-note {
  margin: 0.15rem 0 0;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-detail-warn {
  margin: 0;
  font-size: 0.82rem;
  color: #b45309;
}

.module-card[data-module='a08'] .a08-detail-ul {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-detail-grand {
  margin: 0.35rem 0 0;
  font-size: 0.9rem;
}

.module-card[data-module='a08'] .btn-a08-calc:disabled {
  opacity: 0.72;
  cursor: wait;
}

.module-card[data-module='a08'] .a08-catalog-status {
  flex: 1;
  min-width: 10rem;
}

.module-card[data-module='a08'] .a08-results-wrap {
  margin-top: 0.25rem;
}

.module-card[data-module='a08'] .a08-results-stack {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.module-card[data-module='a08'] .a08-results-panel {
  min-height: 3rem;
}

.module-card[data-module='a08'] .a08-results-placeholder {
  margin: 0.35rem 0 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-results-placeholder--hidden {
  display: none !important;
}

.module-card[data-module='a08'] .a08-loading {
  padding: 0.75rem 0;
  color: var(--text-secondary);
  font-size: 0.9rem;
}

.module-card[data-module='a08'] .a08-form-alert {
  margin: 0 0 0.5rem;
  padding: 0.45rem 0.65rem;
  border-radius: 8px;
  border: 1px solid rgba(220, 38, 38, 0.35);
  background: rgba(254, 226, 226, 0.55);
  color: #991b1b;
  font-size: 0.875rem;
}

.module-card[data-module='a08'] .a08-field-error {
  margin: 0.25rem 0 0;
  min-height: 1.1em;
  font-size: 0.8rem;
  color: #b91c1c;
}

.module-card[data-module='a08'] #a08-landed-cost-form input.is-invalid,
.module-card[data-module='a08'] #a08-landed-cost-form select.is-invalid {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.2);
}

.module-card[data-module='a08'] .a08-result-error-card {
  padding: 1rem 1.1rem;
  border-radius: 12px;
  border: 1px solid rgba(220, 38, 38, 0.35);
  background: linear-gradient(135deg, #fef2f2 0%, #fff 70%);
}

.module-card[data-module='a08'] .a08-result-error-title {
  margin: 0 0 0.35rem;
  font-weight: 700;
  font-size: 1rem;
  color: #991b1b;
}

.module-card[data-module='a08'] .a08-result-error-msg {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: var(--text-secondary, #475569);
  word-break: break-word;
}

.module-card[data-module='a08'] .a08-result-error-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

/* A08 — müşteri maliyet özeti (Excel tarzı kırılım) */
.module-card[data-module='a08'] .a08-cost-sheet {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 0.85rem 1rem 1rem;
  background: linear-gradient(135deg, #f8fafc 0%, #fff 65%);
}

.module-card[data-module='a08'] .a08-cost-sheet-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin-bottom: 0.65rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}

.module-card[data-module='a08'] .a08-cost-sheet-title {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--title-color, #0f172a);
  line-height: 1.35;
}

.module-card[data-module='a08'] .a08-cost-sheet-meta {
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-cost-sheet-fx {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-cost-sheet-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(11rem, 15rem);
  gap: 0.85rem 1rem;
  align-items: start;
}

@media (max-width: 900px) {
  .module-card[data-module='a08'] .a08-cost-sheet-grid {
    grid-template-columns: 1fr;
  }
}

.module-card[data-module='a08'] .a08-breakdown-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.84rem;
}

.module-card[data-module='a08'] .a08-breakdown-table th,
.module-card[data-module='a08'] .a08-breakdown-table td {
  border-bottom: 1px solid rgba(148, 163, 184, 0.28);
  padding: 0.38rem 0.45rem;
  text-align: left;
  vertical-align: top;
}

.module-card[data-module='a08'] .a08-breakdown-table thead th {
  font-weight: 600;
  color: var(--text-secondary);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.module-card[data-module='a08'] .a08-breakdown-table tbody th {
  font-weight: 500;
  color: var(--text-primary);
}

.module-card[data-module='a08'] .a08-bd-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.module-card[data-module='a08'] .a08-bd-row--strong th {
  font-weight: 700;
}

.module-card[data-module='a08'] .a08-bd-row--muted th,
.module-card[data-module='a08'] .a08-bd-row--muted td {
  color: var(--text-secondary);
}

.module-card[data-module='a08'] .a08-bd-row--note td {
  font-size: 0.76rem;
  color: var(--text-secondary);
  padding-top: 0.25rem;
  padding-bottom: 0.45rem;
}

.module-card[data-module='a08'] .a08-bd-row--warn th {
  color: #b45309;
}

.module-card[data-module='a08'] .a08-bd-row--grand th,
.module-card[data-module='a08'] .a08-bd-row--grand td {
  border-bottom: 0;
  padding-top: 0.55rem;
  font-size: 0.95rem;
}

.module-card[data-module='a08'] .a08-cost-sheet-aside {
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--text-secondary);
  padding: 0.5rem 0.65rem;
  border-radius: 10px;
  background: rgba(241, 245, 249, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.module-card[data-module='a08'] .a08-cost-sheet-aside p {
  margin: 0 0 0.55rem;
}

.module-card[data-module='a08'] .a08-cost-sheet-hint {
  margin: 0.45rem 0 0;
}

.module-card[data-module='a08'] .a08-result-card {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #f8fafc 0%, #fff 60%);
}

.module-card[data-module='a08'] .a08-result-meta {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}

.module-card[data-module='a08'] .a08-result-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.module-card[data-module='a08'] .a08-result-table th {
  text-align: left;
  font-weight: 500;
  color: var(--text-secondary);
  padding: 0.35rem 0.5rem 0.35rem 0;
  vertical-align: top;
  width: 42%;
}

.module-card[data-module='a08'] .a08-result-table td {
  padding: 0.35rem 0;
  font-weight: 500;
  color: var(--text-primary);
}

.module-card[data-module='a08'] .a08-result-grand td,
.module-card[data-module='a08'] .a08-result-grand th {
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-color);
  font-size: 1.05rem;
}

.module-card[data-module='a08'] .a08-result-disclaimer {
  margin-top: 0.6rem;
  font-size: 0.78rem;
  color: var(--text-secondary);
  line-height: 1.45;
}

/* ——— B04 Depo-Stok (EBS tarzı panel) ——— */
#module-workspace-body .module-card[data-module='b04'] .module-header {
  display: none;
}

.module-card[data-module='b04'] .module-content.b04-module-shell {
  padding: 0;
  overflow: visible;
}

#maytras-app.b04-workspace-fullbleed .main-content {
  padding: 0;
  max-width: none;
  width: 100%;
}

#maytras-app.b04-workspace-fullbleed #module-workspace-root.module-workspace-root--b04 {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none;
  width: 100%;
}

#maytras-app.b04-workspace-fullbleed #module-workspace-root.module-workspace-root--b04 .module-workspace-scroll {
  gap: 0;
}

.b04-ebs-root {
  display: flex;
  min-height: min(78vh, 52rem);
  font-family: Arial, Helvetica, 'Segoe UI', sans-serif;
  font-size: 13px;
  color: #212529;
  background: #d2d6de;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.b04-ebs-sidebar {
  width: 230px;
  flex-shrink: 0;
  background: #222d32;
  color: #b8c7ce;
  padding: 0.65rem 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.b04-ebs-sidebar-kicker {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8aa4af;
  padding: 0.5rem 1rem 0.35rem;
}

.b04-ebs-sidebar-kicker--spaced {
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.b04-ebs-nav {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.b04-ebs-nav--tight {
  margin-top: 0;
}

.b04-ebs-nav-group {
  border: 0;
  margin: 0;
}

.b04-ebs-nav-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.85rem 0.45rem 0.75rem;
  color: #e8eef1;
  font-weight: 600;
  font-size: 13px;
  user-select: none;
}

.b04-ebs-nav-summary::-webkit-details-marker {
  display: none;
}

.b04-ebs-nav-summary i:first-child {
  width: 1.1rem;
  text-align: center;
  opacity: 0.9;
}

.b04-ebs-chev {
  margin-left: auto;
  font-size: 10px;
  opacity: 0.65;
}

.b04-ebs-chev-end {
  margin-left: auto;
  font-size: 10px;
  opacity: 0.55;
}

.b04-ebs-nav-group[open] > .b04-ebs-nav-summary {
  background: rgba(0, 0, 0, 0.18);
}

.b04-ebs-sub {
  padding: 0.15rem 0 0.35rem 0.25rem;
  display: flex;
  flex-direction: column;
}

.b04-ebs-sub.muted {
  padding: 0.35rem 1rem 0.5rem 2rem;
  font-size: 12px;
  color: #7a939e;
}

.b04-ebs-subitem {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.28rem 0.5rem 0.28rem 1.85rem;
  color: #c5d4db;
  text-decoration: none;
  font-size: 12.5px;
  border-left: 3px solid transparent;
}

.b04-ebs-subitem:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}

.b04-ebs-subitem.is-active {
  background: rgba(0, 0, 0, 0.22);
  color: #fff;
  border-left-color: #3c8dbc;
}

.b04-ebs-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #3c8dbc;
}

.b04-ebs-dot--hollow {
  background: transparent;
  border: 2px solid #3c8dbc;
}

.b04-ebs-dot--orange {
  background: #f39c12;
  border: 0;
}

.b04-ebs-dot--orange.b04-ebs-dot--hollow {
  background: transparent;
  border: 2px solid #f39c12;
}

.b04-ebs-dot--red {
  background: #dd4b39;
  border: 0;
}

.b04-ebs-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: #ecf0f5;
}

.b04-ebs-pagehead {
  background: #fff;
  border-bottom: 1px solid #d2d6de;
  padding: 0.65rem 1.1rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.b04-ebs-pagehead-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
}

.b04-ebs-brand {
  font-size: 1.15rem;
  color: #111;
}

.b04-ebs-version {
  margin-left: 0.5rem;
  font-size: 12px;
  font-weight: 400;
  color: #999;
}

.b04-ebs-feedback {
  font-size: 12.5px;
  color: #3c8dbc;
  text-decoration: none;
}

.b04-ebs-feedback:hover {
  text-decoration: underline;
}

.b04-ebs-body {
  padding: 0.85rem 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  overflow: auto;
}

.b04-ebs-panel {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  border: 1px solid #e7eaec;
}

.b04-ebs-panel--quick.b04-ebs-panel--collapsed .b04-ebs-quick-grid {
  display: none;
}

.b04-ebs-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid #f4f4f4;
}

.b04-ebs-panel-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #444;
}

.b04-ebs-panel-tools {
  display: flex;
  gap: 0.2rem;
}

.b04-ebs-iconbtn {
  border: 0;
  background: transparent;
  color: #97a0a5;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.b04-ebs-iconbtn:not(:disabled):hover {
  background: #f4f4f4;
  color: #444;
}

.b04-ebs-quick-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.55rem;
  padding: 0.75rem;
}

@media (max-width: 1200px) {
  .b04-ebs-quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .b04-ebs-root {
    flex-direction: column;
  }

  .b04-ebs-sidebar {
    width: 100%;
  }

  .b04-ebs-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .b04-ebs-inline-form--grid {
    grid-template-columns: 1fr !important;
  }
}

.b04-ebs-qbtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 5.5rem;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 1.25;
  padding: 0.5rem 0.35rem;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.b04-ebs-qbtn i {
  font-size: 1.35rem;
  opacity: 0.95;
}

.b04-ebs-qbtn--in {
  background: #198754;
}

.b04-ebs-qbtn--out {
  background: #dc3545;
}

.b04-ebs-qbtn--xfer {
  background: #6f42c1;
}

.b04-ebs-qbtn--neutral {
  background: #e9ecef;
  color: #333;
}

.b04-ebs-qbtn--neutral2 {
  background: #ced4da;
  color: #222;
}

.b04-ebs-qbtn--report {
  background: #f39c12;
  color: #fff;
}

.b04-ebs-qbtn--report2 {
  background: #e67e22;
}

.b04-ebs-qbtn--report3 {
  background: #d35400;
}

.b04-ebs-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (max-width: 900px) {
  .b04-ebs-kpis {
    grid-template-columns: 1fr;
  }
}

.b04-ebs-kpi {
  display: flex;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e7eaec;
}

.b04-ebs-kpi-icon {
  width: 4.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.65rem;
}

.b04-ebs-kpi-icon--blue {
  background: #17a2b8;
}

.b04-ebs-kpi-icon--red {
  background: #dc3545;
}

.b04-ebs-kpi-icon--green {
  background: #198754;
}

.b04-ebs-kpi-body {
  padding: 0.65rem 0.85rem;
  flex: 1;
}

.b04-ebs-kpi-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #888;
}

.b04-ebs-kpi-value {
  font-size: 1.65rem;
  font-weight: 700;
  color: #222;
  line-height: 1.1;
}

.module-card[data-module='b04'][data-b04-loading='1'] .b04-ebs-kpi-value {
  opacity: 0.42;
  pointer-events: none;
}

.b04-ebs-list-hint {
  margin: 0.15rem 0 0;
  font-size: 12px;
  color: #6c757d;
  max-width: 52rem;
}

.b04-ebs-empty-cta {
  margin: 0 0 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 3px;
  border: 1px dashed #c5cbd3;
  background: #fafbfc;
}

.b04-ebs-empty-cta-inner {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  max-width: 40rem;
}

.b04-ebs-empty-cta-text {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.45;
}

.b04-ebs-panel--movements {
  margin-top: 0.35rem;
}

.b04-ebs-table-wrap--movements {
  max-height: 14rem;
}

.b04-ebs-btn--small {
  padding: 0.2rem 0.55rem;
  font-size: 12px;
}

.b04-ebs-report-mvp {
  padding: 0 0.25rem 0.75rem;
}

.b04-ebs-report-intro {
  margin: 0 0 0.65rem;
  font-size: 13px;
  color: #555;
  line-height: 1.45;
}

.b04-ebs-report-filters {
  flex-wrap: wrap;
  margin-bottom: 0.65rem;
}

.b04-ebs-report-footnote {
  margin-top: 0.75rem;
  font-size: 12px;
  color: #6c757d;
}

button.b04-ebs-btn-blue[disabled][data-b04-soon='1'] {
  opacity: 0.55;
  cursor: not-allowed;
}

.b04-ebs-twin {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

@media (max-width: 900px) {
  .b04-ebs-twin {
    grid-template-columns: 1fr;
  }
}

.b04-ebs-panel--neg {
  border-top: 3px solid #f39c12;
}

.b04-ebs-panel--zero {
  border-top: 3px solid #17a2b8;
}

.b04-ebs-table-wrap {
  padding: 0 0.5rem 0.65rem;
  max-height: 220px;
  overflow: auto;
}

.b04-ebs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}

.b04-ebs-table th {
  text-align: left;
  padding: 0.45rem 0.5rem;
  border-bottom: 2px solid #f4f4f4;
  color: #666;
  font-weight: 600;
}

.b04-ebs-table td {
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid #f0f0f0;
}

.b04-ebs-table td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.b04-ebs-table td.num.neg {
  color: #c0392b;
  font-weight: 600;
}

.b04-ebs-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2.5vh 1rem;
  overflow: auto;
}

.b04-ebs-modal.hidden {
  display: none !important;
}

.b04-ebs-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.b04-ebs-modal-sheet {
  position: relative;
  z-index: 1;
  width: min(1080px, 100%);
  background: #fdfdfd;
  border-radius: 4px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);
  margin-bottom: 2rem;
  border: 1px solid #ccc;
}

.b04-ebs-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.55rem 1rem;
  background: #3c8dbc;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

.b04-ebs-modal-head h2 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
}

.b04-ebs-modal-x {
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  padding: 0.25rem 0.4rem;
  line-height: 1;
}

.b04-ebs-modal-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
}

.b04-ebs-modal-tabs button {
  border: 0;
  background: transparent;
  padding: 0.5rem 0.85rem;
  font-size: 12.5px;
  cursor: pointer;
  color: #555;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

.b04-ebs-modal-tabs button.is-active {
  background: #dff0ff;
  color: #1a5276;
  border-bottom-color: #3c8dbc;
  font-weight: 600;
}

.b04-ebs-modal-body {
  padding: 0.75rem 1rem 1rem;
}

.b04-ebs-tabpanel[hidden] {
  display: none !important;
}

.b04-ebs-formgrid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0.5rem 0.65rem;
  margin-bottom: 0.65rem;
}

.b04-ebs-field {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 12px;
  color: #444;
}

.b04-ebs-field--wide {
  grid-column: span 6;
}

.b04-ebs-field--grow {
  grid-column: span 5;
}

.b04-ebs-field--btns {
  grid-column: span 3;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.35rem;
}

.b04-ebs-field--block {
  grid-column: 1 / -1;
  margin-top: 0.35rem;
}

.b04-ebs-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.b04-ebs-input {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 0.35rem 0.45rem;
  font-size: 12.5px;
  font-family: inherit;
  background: #fff;
}

.b04-ebs-btn-blue {
  border: 1px solid #2e6da4;
  background: #3c8dbc;
  color: #fff;
  font-size: 12px;
  padding: 0.35rem 0.65rem;
  border-radius: 3px;
  cursor: pointer;
  font-family: inherit;
}

.b04-ebs-btn-blue:hover {
  filter: brightness(1.05);
}

.b04-ebs-btn-blue--icon {
  padding: 0.35rem 0.5rem;
}

.b04-ebs-btn-primary {
  font-weight: 600;
  background: #3071a9;
  border-color: #285f8f;
}

.b04-ebs-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.5rem 0 0.5rem;
}

.b04-ebs-grid-wrap {
  overflow: auto;
  border: 1px solid #ddd;
  border-radius: 2px;
  max-height: 240px;
  margin-bottom: 0.5rem;
}

.b04-ebs-grid {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.b04-ebs-grid th,
.b04-ebs-grid td {
  border: 1px solid #e0e0e0;
  padding: 0.3rem 0.4rem;
  white-space: nowrap;
}

.b04-ebs-grid th {
  background: #f5f5f5;
  font-weight: 600;
}

.b04-ebs-grid tbody tr.is-selected {
  background: #d9edf7;
}

.b04-ebs-modal-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.b04-ebs-modal-foot-left,
.b04-ebs-modal-foot-right {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.b04-ebs-placeholder {
  margin: 0;
  color: #777;
  font-size: 13px;
}

.b04-pack-fallback {
  margin-top: 0.75rem;
  border-radius: 6px;
  border: 1px dashed rgba(148, 163, 184, 0.5);
  padding: 0.25rem 0.5rem;
  background: rgba(248, 250, 252, 0.6);
}

.b04-pack-fallback summary {
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 600;
  color: #64748b;
}

.b04-pack-fallback .pack-module-content {
  margin-top: 0.5rem;
}

#module-workspace-body .module-card[data-module='b04'] {
  box-shadow: none;
  border: 0;
  background: transparent;
}

#module-workspace-body .module-card[data-module='b04'] .b04-module-shell {
  background: transparent;
}

.b04-ebs-stage.hidden {
  display: none !important;
}

.b04-ebs-stage--sub {
  background: #fff;
  border: 1px solid #e7eaec;
  border-radius: 3px;
  padding: 0.75rem 1rem 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.b04-ebs-subbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
  flex-wrap: wrap;
}

.b04-ebs-subtitle {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}

.b04-ebs-inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  align-items: flex-end;
}

.b04-ebs-inline-form--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  align-items: end;
}

.b04-ebs-btn-ghost {
  background: #f4f4f4;
  color: #333;
  border-color: #ccc;
}

.b04-ebs-table-wrap--tall {
  max-height: min(52vh, 28rem);
}

.b04-ebs-input--table {
  width: 100%;
  min-width: 4rem;
  font-size: 11px;
  padding: 0.2rem 0.25rem;
}

.b04-ebs-empty {
  color: #888;
  font-style: italic;
  text-align: center;
}

.b04-ebs-api-hint {
  font-size: 12px;
  color: #b45309;
  margin: 0 0 0.35rem;
}

.b04-ebs-hint {
  font-size: 12px;
  color: #666;
  margin: 0.5rem 0 0;
}

/* —— C serisi onboarding / boş durum yardımcıları —— */
.c-module-onboard {
  margin: 0 0 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  font-size: 0.88rem;
  line-height: 1.45;
}

.c-module-onboard--compact {
  margin-bottom: 0.5rem;
  padding: 0.55rem 0.75rem;
  font-size: 0.82rem;
}

.c-module-onboard__title {
  margin: 0 0 0.35rem;
  font-weight: 700;
  font-size: 0.92rem;
  color: #0f172a;
}

.c-module-onboard__intro,
.c-module-onboard__note,
.c-module-onboard__hint {
  margin: 0.25rem 0;
  color: #475569;
}

.c-module-onboard__hint {
  font-size: 0.78rem;
  color: #64748b;
}

.c-module-onboard__list {
  margin: 0.35rem 0 0.15rem 1.1rem;
  padding: 0;
  color: #475569;
}

.c-prompt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.5rem 0 0.15rem;
}

.c-prompt-chip {
  border: 1px solid #cbd5e1;
  background: #fff;
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.78rem;
  cursor: pointer;
  color: #0f172a;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.c-prompt-chip:hover {
  background: #e0f2fe;
  border-color: #38bdf8;
}

.c01-sector-chips {
  max-height: 9.5rem;
  overflow: auto;
  margin-bottom: 0.35rem;
}

.c01-sector-chip span {
  font-size: 0.72rem;
}

.c-module-strip {
  margin-top: 0.5rem;
  padding: 0.5rem 0.65rem;
  border-radius: 6px;
  background: #f1f5f9;
  border: 1px dashed #94a3b8;
  font-size: 0.8rem;
}

.c-module-strip--c3,
.c-module-strip--c03 {
  color: #334155;
}

.c-module-strip__line {
  margin: 0 0 0.25rem;
  font-weight: 500;
}

.c-module-strip__sub {
  margin: 0;
  font-size: 0.76rem;
  color: #64748b;
}

.c-module-strip__catalog {
  margin: 0.35rem 0 0.15rem;
  font-size: 0.78rem;
  color: #334155;
}

.c-module-strip__muted {
  color: #94a3b8;
}

/* C modülleri — kaynaklar (details) ve gelişmiş pack DB tablosu */
.c-module-resources {
  margin: 0.5rem 0 0.65rem;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  font-size: 0.8rem;
  line-height: 1.45;
}

.c-module-resources--flush {
  margin-top: 0;
}

.c-module-resources > summary {
  cursor: pointer;
  list-style: none;
  padding: 0.5rem 0.65rem;
  font-weight: 600;
  color: #0f172a;
  background: linear-gradient(90deg, #f8fafc, #fff);
  border-radius: 8px 8px 0 0;
}

.c-module-resources > summary::-webkit-details-marker {
  display: none;
}

.c-module-resources > summary::after {
  content: '▸';
  float: right;
  color: #64748b;
  font-size: 0.75rem;
  transition: transform 0.15s ease;
}

.c-module-resources[open] > summary::after {
  transform: rotate(90deg);
}

.c-module-resources__body {
  padding: 0.5rem 0.75rem 0.65rem;
  border-top: 1px solid #e2e8f0;
  color: #475569;
}

.c-module-resources__body p {
  margin: 0.35rem 0;
}

.c-module-resources__links-title {
  margin: 0.5rem 0 0.25rem;
  font-weight: 600;
  color: #334155;
  font-size: 0.78rem;
}

.c-module-resources__links {
  margin: 0.25rem 0 0.35rem;
  padding-left: 1.15rem;
}

.c-module-resources__links li {
  margin: 0.25rem 0;
  word-break: break-word;
}

.c-module-resources__note {
  margin: 0.45rem 0 0.15rem !important;
  font-size: 0.74rem;
  color: #64748b;
}

.b06-hero {
  position: relative;
  border-radius: 14px;
  margin-bottom: 0.75rem;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 48%, #eef2ff 100%);
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.b06-hero__accent {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, #10b981, #059669);
  transition: background 0.25s ease;
}

.b06-hero__accent--import {
  background: linear-gradient(180deg, #10b981, #059669);
}

.b06-hero__accent--export {
  background: linear-gradient(180deg, #14b8a6, #0d9488);
}

.b06-hero__accent--transit {
  background: linear-gradient(180deg, #f59e0b, #d97706);
}

.b06-hero__body {
  position: relative;
  padding: 0.65rem 0.85rem 0.75rem 1.1rem;
}

.b06-template-hint {
  font-size: 0.78rem !important;
  margin: 0.15rem 0 0.55rem !important;
}

.b06-lead-main {
  margin-bottom: 0.25rem !important;
}

.b06-op-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.45rem 0 0.55rem;
}

.b06-op-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.38rem 0.85rem;
  border-radius: 999px;
  border: 2px solid #cbd5e1;
  background: #fff;
  color: #334155;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.b06-op-tab i {
  opacity: 0.85;
  font-size: 0.85rem;
}

.b06-op-tab--import.is-active {
  border-color: #10b981;
  color: #065f46;
  background: linear-gradient(180deg, #ecfdf5, #d1fae5);
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

.b06-op-tab--export.is-active {
  border-color: #14b8a6;
  color: #115e59;
  background: linear-gradient(180deg, #f0fdfa, #ccfbf1);
  box-shadow: 0 2px 8px rgba(20, 184, 166, 0.22);
}

.b06-op-tab--transit.is-active {
  border-color: #f59e0b;
  color: #92400e;
  background: linear-gradient(180deg, #fffbeb, #fef3c7);
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.22);
}

.b06-ref-strip {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.35rem;
  padding: 0.5rem 0.55rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px dashed #cbd5e1;
}

.b06-ref-prefix-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.b06-ref-prefix-label {
  font-size: 0.72rem;
  font-weight: 700;
  color: #475569;
  flex: 1 1 100%;
}

.b06-ref-prefix-input {
  flex: 1;
  min-width: 7rem;
  max-width: 14rem;
  padding: 0.32rem 0.5rem;
  border-radius: 8px;
  border: 2px solid #bbf7d0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #0f172a;
  background: #fff;
}

.b06-ref-strip__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.b06-ref-strip__hint {
  margin: 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.35;
}

.b06-ref-strip__text {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem;
}

.b06-ref-strip__label {
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748b;
}

.b06-ref-strip__code {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #0f172a;
  background: #f1f5f9;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
}

.b06-ref-strip__btn {
  font-size: 0.74rem !important;
  padding: 0.28rem 0.65rem !important;
}

.b06-op-card {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #fafbfc;
  margin-bottom: 0.65rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.b06-op-card--import {
  border-top: 3px solid #10b981;
}

.b06-op-card--export {
  border-top: 3px solid #14b8a6;
}

.b06-op-card--transit {
  border-top: 3px solid #f59e0b;
}

.b06-op-card__head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.42rem 0.65rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: #334155;
  background: linear-gradient(180deg, #fff, #f8fafc);
  border-bottom: 1px solid #e2e8f0;
}

.b06-op-card__icon {
  display: inline-flex;
  width: 1.65rem;
  height: 1.65rem;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 0.82rem;
}

.b06-op-card--import .b06-op-card__icon {
  background: #ecfdf5;
  color: #059669;
}

.b06-op-card--export .b06-op-card__icon {
  background: #f0fdfa;
  color: #0d9488;
}

.b06-op-card--transit .b06-op-card__icon {
  background: #fffbeb;
  color: #d97706;
}

.b06-op-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 0.45rem 0.65rem;
  align-items: end;
  padding: 0.55rem 0.65rem 0.65rem;
  max-height: min(52vh, 28rem);
  overflow: auto;
}

.b06-op-field {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.b06-op-field span {
  font-size: 0.72rem;
  font-weight: 600;
  color: #475569;
}

.b06-op-field input,
.b06-op-field textarea {
  padding: 0.28rem 0.45rem;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  font-size: 0.8rem;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}

.b06-op-field--wide {
  grid-column: 1 / -1;
}

.pack-module-table--b06 .pack-col-record {
  min-width: 14rem;
}

.pack-module-table--b06 tbody tr.b06-grid-row--import {
  border-left: 3px solid #10b981;
}

.pack-module-table--b06 tbody tr.b06-grid-row--export {
  border-left: 3px solid #14b8a6;
}

.pack-module-table--b06 tbody tr.b06-grid-row--transit {
  border-left: 3px solid #f59e0b;
}

.b06-record-ref {
  margin: 0.15rem 0 0.2rem;
}

.b06-record-ref__pill {
  display: inline-block;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #0f172a;
  background: linear-gradient(180deg, #e0f2fe, #ccfbf1);
  border: 1px solid #5eead4;
}

/* B06 — GTOS Trade Case shell */
.b06-tc-shell {
  margin-bottom: 1rem;
  border: 1px solid #ccfbf1;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
  padding: 0.75rem;
}
.b06-tc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}
.b06-tc-title { font-size: 0.95rem; color: #0f172a; }
.b06-tc-count { font-size: 0.75rem; color: #64748b; font-weight: 600; }
.b06-tc-create {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.45rem;
  align-items: end;
  margin-bottom: 0.5rem;
}
.b06-tc-create label { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.72rem; color: #475569; }
.b06-tc-create input, .b06-tc-create select {
  padding: 0.35rem 0.5rem; border-radius: 8px; border: 1px solid #cbd5e1; font-size: 0.8rem;
}
.b06-tc-grow { grid-column: span 2; min-width: 12rem; }
.b06-tc-status { min-height: 1.1rem; font-size: 0.75rem; color: #64748b; margin-bottom: 0.35rem; }
.b06-tc-status[data-tone='error'] { color: #b91c1c; }
.b06-tc-status[data-tone='ok'] { color: #047857; }
.b06-tc-row { cursor: pointer; }
.b06-tc-row.is-active { background: #f0fdfa; }
.b06-tc-pill {
  display: inline-block; padding: 0.1rem 0.45rem; border-radius: 999px;
  font-size: 0.68rem; font-weight: 700; background: #e2e8f0; color: #334155;
}
.b06-tc-pill--stage { background: #ccfbf1; color: #0f766e; }
.b06-tc-empty, .b06-tc-detail-empty { color: #64748b; font-size: 0.8rem; padding: 0.5rem 0; }
.b06-tc-detail {
  margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px dashed #cbd5e1;
}
.b06-tc-detail-head { display: flex; justify-content: space-between; gap: 0.75rem; align-items: flex-start; }
.b06-tc-detail-head h4 { margin: 0; font-size: 0.92rem; }
.b06-tc-detail-sub { margin: 0.2rem 0 0; font-size: 0.78rem; color: #64748b; }
.b06-tc-detail-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem; margin-top: 0.65rem;
}
.b06-tc-detail-grid h5 { margin: 0 0 0.35rem; font-size: 0.78rem; color: #334155; }
.b06-tc-policy-list, .b06-tc-timeline { margin: 0; padding-left: 1rem; font-size: 0.76rem; }
.b06-tc-policy-list li.block { color: #b91c1c; }
.b06-tc-policy-list li.ok { color: #047857; }
.b06-tc-detail-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.65rem; }
.b06-tc-should-cost-band { margin: 0 0 0.35rem; font-size: 0.82rem; }
.b06-tc-should-cost-band strong { display: block; font-size: 1rem; color: #0f172a; }
.b06-tc-breakdown, .b06-tc-a04-list { margin: 0.25rem 0 0; padding-left: 1rem; font-size: 0.74rem; }
.b06-tc-a04-list { list-style: none; padding-left: 0; display: grid; gap: 0.35rem; }
.b06-tc-dim { color: #64748b; font-size: 0.72rem; }
.b06-tc-comms-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: flex-end; margin-top: 0.45rem; }
.b06-tc-comms-channel { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.72rem; min-width: 7.5rem; }
.b06-tc-comms-channel select { font-size: 0.78rem; padding: 0.25rem 0.4rem; }
.b06-tc-comms-recipient { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.72rem; min-width: 12rem; }
.b06-tc-comms-recipient input { font-size: 0.78rem; padding: 0.25rem 0.4rem; }
.b06-tc-comms-list { margin: 0; padding-left: 1rem; font-size: 0.74rem; }
.b06-tc-comms-channel--whatsapp {
  font-size: 0.68rem;
  padding: 0.08rem 0.35rem;
  border-radius: 999px;
  background: rgba(37, 211, 102, 0.14);
  color: #15803d;
  margin-left: 0.25rem;
}
[data-theme="dark"] .b06-tc-comms-channel--whatsapp {
  background: rgba(37, 211, 102, 0.18);
  color: #86efac;
}
.b06-tc-quotes-list { margin: 0; padding-left: 1rem; font-size: 0.74rem; }
.b06-tc-quotes-list li.is-selected { color: #047857; font-weight: 600; }
.b06-tc-quotes-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: flex-end; margin-top: 0.45rem; }
.b06-tc-quotes-actions label { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.72rem; }
.b06-tc-quotes-actions input { font-size: 0.78rem; padding: 0.25rem 0.4rem; min-width: 6rem; }
.b06-tc-execution-list { margin: 0; padding-left: 1rem; font-size: 0.74rem; }
.b06-tc-execution-list li.is-done { color: #047857; }
.b06-tc-execution-list li.is-next { font-weight: 600; }
.b06-tc-execution-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: flex-end; margin-top: 0.45rem; }
.b06-tc-execution-actions label { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.72rem; min-width: 8rem; }
.b06-tc-execution-actions input, .b06-tc-execution-actions select { font-size: 0.78rem; padding: 0.25rem 0.4rem; }
.b06-tc-execution-docs { margin: 0.25rem 0 0; padding-left: 1rem; font-size: 0.72rem; }
.b06-tc-execution-progress { font-size: 0.78rem; margin: 0 0 0.35rem; }
.b06-tc-policy-hint.ok { color: #047857; font-size: 0.74rem; }
.b06-tc-policy-hint.block { color: #b91c1c; font-size: 0.74rem; }

.b06-stakeholder-panel {
  margin-bottom: 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  padding: 0.5rem 0.65rem;
}
.b06-stakeholder-summary {
  cursor: pointer;
  font-size: 0.82rem;
  color: #0f172a;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.b06-stakeholder-summary::-webkit-details-marker { display: none; }
.b06-stakeholder-hint { margin: 0.35rem 0 0.5rem; font-size: 0.74rem; }
.b06-stakeholder-meta {
  display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.74rem; color: #475569; margin-bottom: 0.45rem;
}
.b06-stakeholder-channels {
  display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center; margin-bottom: 0.45rem; font-size: 0.78rem;
}
.b06-stakeholder-form { margin-bottom: 0.35rem; }
.b06-stakeholder-check { flex-direction: row !important; align-items: center; gap: 0.35rem !important; }
.b06-stakeholder-actions { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.35rem; }
.b06-stakeholder-preview {
  margin-top: 0.5rem; max-height: 12rem; overflow: auto; font-size: 0.72rem;
  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 0.5rem;
}
.b06-stakeholder-status { min-height: 1rem; font-size: 0.74rem; color: #64748b; margin-top: 0.35rem; }
.b06-stakeholder-status[data-tone='error'] { color: #b91c1c; }
.b06-stakeholder-status[data-tone='ok'] { color: #047857; }

.b06-handoff-panel,
.b01-handoff-checklist-panel {
  margin: 0.65rem 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}
.b06-handoff-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; margin-top: 0.45rem; }
.b06-handoff-badge {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0.05rem 0.35rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  vertical-align: middle;
}
.b06-handoff-badge--b02 { background: #fef3c7; color: #92400e; }
.b06-handoff-badge--a01 { background: #dbeafe; color: #1d4ed8; }
.b06-handoff-banner {
  margin-bottom: 0.55rem;
  padding: 0.5rem 0.65rem;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}
.b06-handoff-banner--b02 { background: #fffbeb; }
.b06-handoff-banner--a01 { background: #eff6ff; }
.b06-handoff-complete-pill,
.a01-confidence-pill,
.b06-confidence-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: #ecfdf5;
  color: #047857;
}
.b02-delay-severity { font-size: 0.68rem; font-weight: 700; margin-left: 0.25rem; }
.b02-delay-severity--high { color: #b91c1c; }
.b02-delay-severity--medium { color: #b45309; }
.b01-handoff-card {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 0.55rem 0.65rem;
  margin-bottom: 0.45rem;
  background: #fff;
}
.b01-handoff-items { margin: 0.35rem 0 0.45rem 1rem; font-size: 0.78rem; }
.alerts-pro-type-badge--b06 {
  display: inline-block;
  padding: 0.08rem 0.4rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  background: #fee2e2;
  color: #991b1b;
}
[data-theme='dark'] .b06-handoff-panel,
[data-theme='dark'] .b01-handoff-checklist-panel,
[data-theme='dark'] .b06-handoff-banner,
[data-theme='dark'] .b01-handoff-card {
  background: #0f172a;
  border-color: #334155;
  color: #e2e8f0;
}

.pack-db-shell--c {
  margin-top: 0.35rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.pack-db-shell__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0.4rem 0.6rem;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
  font-size: 0.72rem;
}

.pack-db-shell__meta {
  color: #64748b;
  font-weight: 500;
}

.pack-db-shell__count {
  font-variant-numeric: tabular-nums;
  color: #0f172a;
  font-weight: 600;
}

.pack-module-table-wrap--pro {
  max-height: min(44vh, 20rem);
  border: none;
  border-radius: 0;
}

.pack-module-table--cgrid {
  font-size: 0.76rem;
}

.pack-module-table--cgrid .pack-col-id {
  width: 4.5rem;
  white-space: nowrap;
  vertical-align: top;
}

.pack-module-table--cgrid .pack-col-id code {
  font-size: 0.72rem;
  background: #f1f5f9;
  padding: 0.1rem 0.25rem;
  border-radius: 4px;
  color: #0f172a;
}

.pack-module-table--cgrid .pack-col-status {
  width: 5.5rem;
  vertical-align: top;
}

.pack-module-table--cgrid .pack-col-time {
  width: 7.5rem;
  white-space: nowrap;
  vertical-align: top;
  color: #475569;
}

.pack-module-table--cgrid tbody tr:nth-child(even) {
  background: #fafbfc;
}

.pack-module-table.pack-module-table--b06 tbody tr:nth-child(even) {
  background: linear-gradient(90deg, rgba(248, 250, 252, 0.95), #f8fafc);
}

.pack-module-table--cgrid tbody tr:hover {
  background: #f0fdfa;
}

.pack-cgrid-empty td {
  text-align: center;
  color: #64748b;
  font-style: italic;
  padding: 0.75rem 0.5rem !important;
}

.pack-c-status {
  display: inline-block;
  padding: 0.12rem 0.4rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: lowercase;
}

.pack-c-status--ok {
  background: #dcfce7;
  color: #166534;
}

.pack-c-status--warn {
  background: #fef9c3;
  color: #854d0e;
}

.pack-c-status--err {
  background: #fee2e2;
  color: #991b1b;
}

.pack-c-status--muted {
  background: #f1f5f9;
  color: #475569;
}

.pack-c-record__title {
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 0.2rem;
}

.pack-c-record__meta {
  font-size: 0.72rem;
  color: #475569;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.4rem;
  align-items: center;
}

.pack-c-record__preview {
  margin-top: 0.25rem;
  font-size: 0.7rem;
  color: #334155;
  line-height: 1.35;
  max-height: 3.2em;
  overflow: hidden;
}

.pack-c-dim {
  color: #94a3b8;
}

.pack-c-badge {
  display: inline-block;
  padding: 0.08rem 0.35rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.pack-c-badge--upload {
  background: #ccfbf1;
  color: #0f766e;
}

.pack-c-badge--note {
  background: #e0e7ff;
  color: #4338ca;
}

.alerts-list--pro {
  margin-top: 0.5rem;
}

.alerts-pro-loading {
  padding: 0.85rem 0.75rem;
  border-radius: 8px;
  border: 1px dashed var(--gtos-color-border, #cbd5e1);
  background: color-mix(in srgb, var(--gtos-color-surface, #f8fafc) 90%, transparent);
  color: var(--gtos-color-text-muted, #64748b);
  font-size: var(--gtos-text-sm, 0.875rem);
  text-align: center;
}

.alerts-pro-empty {
  padding: 0.85rem 0.75rem;
  border-radius: 8px;
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.82rem;
  text-align: center;
}

.alerts-pro-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}

.alerts-pro-table thead th {
  background: linear-gradient(180deg, #f1f5f9, #e2e8f0);
  color: #0f172a;
  font-weight: 600;
  padding: 0.45rem 0.55rem;
  text-align: left;
  border-bottom: 1px solid #cbd5e1;
}

.alerts-pro-table tbody td {
  padding: 0.45rem 0.55rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
}

.alerts-pro-table tbody tr:nth-child(even) {
  background: #fafbfc;
}

.alerts-pro-table tbody tr:hover {
  background: #f0fdfa;
}

.alerts-pro-th-narrow {
  width: 5.5rem;
}

.alerts-pro-th-time {
  width: 8.5rem;
}

.alerts-pro-cell-main {
  min-width: 10rem;
}

.alerts-pro-title {
  font-weight: 600;
  color: #0f172a;
}

.alerts-pro-title-link {
  display: inline;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
}

.alerts-pro-title-link:hover {
  color: #0d9488;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.alerts-pro-title-link:focus-visible {
  outline: 2px solid #14b8a6;
  outline-offset: 2px;
  border-radius: 4px;
}

.alerts-pro-link {
  margin-top: 0.35rem;
}

.alerts-pro-link__a {
  font-size: 0.74rem;
  color: #0d9488;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.alerts-pro-link__a:hover {
  color: #0f766e;
}

.alerts-pro-link__a:focus-visible {
  outline: 2px solid #14b8a6;
  outline-offset: 2px;
  border-radius: 4px;
}

.alerts-pro-row--has-source {
  cursor: default;
}

.alerts-pro-msg {
  margin-top: 0.2rem;
  font-size: 0.74rem;
  color: #475569;
  line-height: 1.35;
}

.alerts-pro-priority {
  display: inline-block;
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
  font-size: 0.72rem;
  font-weight: 600;
}

.alerts-pro-priority--high {
  background: #fee2e2;
  color: #b91c1c;
}

.alerts-pro-priority--mid {
  background: #e0f2fe;
  color: #0369a1;
}

.alerts-pro-priority--low {
  background: #f1f5f9;
  color: #475569;
}

.alerts-pro-status {
  font-size: 0.74rem;
  color: #334155;
}

.alerts-pro-time {
  white-space: nowrap;
  font-size: 0.74rem;
  color: #64748b;
}

.c02-upload-panel {
  margin: 0.5rem 0 0.65rem;
  padding: 0.55rem 0.65rem;
  border: 1px dashed #94a3b8;
  border-radius: 8px;
  background: #fff;
}

.c02-upload-label {
  display: block;
  font-weight: 600;
  font-size: 0.82rem;
  margin-bottom: 0.35rem;
  color: #0f172a;
}

.c02-upload-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.c02-upload-input {
  flex: 1 1 12rem;
  min-width: 8rem;
  font-size: 0.8rem;
}

.c02-upload-hint {
  margin: 0.35rem 0 0;
  font-size: 0.74rem;
  color: #64748b;
}

.c02-upload-status {
  margin-top: 0.35rem;
  font-size: 0.78rem;
  color: #0f172a;
}

.c02-notes-for-upload {
  font-weight: 400;
  color: #64748b;
  font-size: 0.78rem;
}

.c-demo-cards {
  margin-bottom: 0.65rem;
}

.c-demo-cards__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: 0.5rem;
}

.c-demo-card {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 0.5rem 0.65rem;
  background: #fff;
}

.c-demo-card__title {
  margin: 0 0 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #0f172a;
}

.c-demo-card__body {
  margin: 0;
  font-size: 0.78rem;
  color: #475569;
  line-height: 1.4;
}

.c-pds-tool-list {
  margin-bottom: 0.65rem;
}

.c-pds-dl {
  margin: 0.35rem 0 0;
  display: grid;
  gap: 0.35rem 0.75rem;
  grid-template-columns: minmax(7rem, 9rem) 1fr;
  font-size: 0.78rem;
}

.c-pds-dl dt {
  margin: 0;
  font-weight: 600;
  color: #334155;
}

.c-pds-dl dd {
  margin: 0;
  color: #64748b;
  line-height: 1.35;
}

/* C05 · PDF araç kutusu (PDF24 tarzı grid) */
.c05-pdf-toolbox {
  margin-bottom: 1rem;
  padding: 0.85rem 1rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(20, 184, 166, 0.22);
  background: linear-gradient(165deg, #f8fafc 0%, #f0fdfa 100%);
  box-shadow: 0 2px 14px rgba(15, 23, 42, 0.06);
}

.c05-pdf-toolbox-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-bottom: 0.85rem;
}

.c05-pdf-toolbox-intro .c-module-onboard__title {
  margin-bottom: 0.2rem;
}

.c05-pdf-toolbox-sub {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-secondary);
  max-width: 42rem;
  line-height: 1.4;
}

.c05-pdf-search-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.65rem 0.35rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: #fff;
  min-width: min(100%, 220px);
}

.c05-pdf-search-wrap i {
  color: #64748b;
  font-size: 0.85rem;
}

.c05-pdf-tool-search {
  border: none;
  background: transparent;
  font: inherit;
  color: var(--text-primary);
  min-width: 0;
  flex: 1;
  padding: 0.2rem 0;
}

.c05-pdf-tool-search:focus {
  outline: none;
}

.c05-pdf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0.65rem;
}

.c-pdf-tool-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 0.35rem;
  padding: 0.65rem 0.7rem;
  min-height: 6.2rem;
  border-radius: 12px;
  border: 1px solid rgba(94, 234, 212, 0.65);
  background: #fff;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  font: inherit;
  color: inherit;
}

.c-pdf-tool-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(13, 148, 136, 0.12);
  border-color: rgba(20, 184, 166, 0.55);
}

.c-pdf-tool-card:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}

.c-pdf-tool-card.is-filter-hidden {
  display: none;
}

.c-pdf-tool-card.is-c05-active {
  border-color: rgba(13, 148, 136, 0.85);
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.35);
}

.c-pdf-tool-card__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 9px;
  background: linear-gradient(145deg, #ccfbf1, #f0fdfa);
  color: #0f766e;
  font-size: 0.95rem;
}

.c-pdf-tool-card__title {
  font-size: 0.8rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.25;
}

.c-pdf-tool-card__desc {
  font-size: 0.68rem;
  color: #64748b;
  line-height: 1.35;
}

.c05-pdf-external-hint {
  margin: 0.65rem 0 0;
  font-size: 0.72rem;
  color: #64748b;
  line-height: 1.45;
}

.c05-pdf-panel {
  margin-top: 0.85rem;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: #fff;
}

.c05-pdf-panel.hidden {
  display: none;
}

.c05-pdf-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}

.c05-pdf-panel-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}

.c05-pdf-panel-hint {
  margin: 0 0 0.65rem;
  font-size: 0.78rem;
  color: #64748b;
  line-height: 1.4;
}

.c05-pdf-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 1.15rem 0.85rem;
  border-radius: 12px;
  border: 2px dashed rgba(20, 184, 166, 0.35);
  background: rgba(240, 253, 250, 0.5);
  cursor: pointer;
  text-align: center;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.c05-pdf-dropzone:hover,
.c05-pdf-dropzone.is-dragover {
  border-color: rgba(13, 148, 136, 0.65);
  background: rgba(204, 251, 241, 0.55);
}

.c05-pdf-dropzone-ico {
  font-size: 1.65rem;
  color: #14b8a6;
}

.c05-pdf-file-list {
  display: block;
  font-size: 0.72rem;
  color: #475569;
  max-width: 100%;
  word-break: break-word;
}

.c05-pdf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.65rem;
}

.c05-pdf-status {
  margin: 0.55rem 0 0;
  font-size: 0.78rem;
  color: #334155;
  min-height: 1.2em;
}

.c05-pdf-download {
  display: inline-block;
  margin-top: 0.45rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: #0f766e;
}

.c05-pdf-download.hidden {
  display: none;
}

.c05-logistics-extra {
  margin-top: 1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.25);
  padding-top: 0.65rem;
}

.c05-logistics-body {
  padding-top: 0.35rem;
}

.c-cbam-checklist {
  margin-bottom: 0.65rem;
}

.c-cbam-ol {
  margin: 0.35rem 0 0.25rem 1.1rem;
  padding: 0;
  font-size: 0.78rem;
  color: #475569;
  line-height: 1.45;
}

.c-kb-onboard {
  margin-bottom: 0.65rem;
}

.c-kb-samples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.45rem;
}

.c07-faq-shell {
  margin-bottom: 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(165deg, #f8fafc 0%, #f1f5f9 100%);
}

.c07-faq-disclaimer {
  margin: 0.35rem 0 0.5rem;
  font-size: 0.74rem;
  color: #64748b;
  line-height: 1.45;
}

.c07-faq-deeplink-banner {
  margin-bottom: 0.5rem;
}

.c07-faq-deeplink-banner.hidden {
  display: none;
}

.c07-faq-deeplink-banner__inner {
  padding: 0.45rem 0.55rem;
  border-radius: 8px;
  border: 1px dashed #818cf8;
  background: #eef2ff;
  font-size: 0.78rem;
}

.c07-faq-deeplink-banner__text {
  margin: 0 0 0.35rem;
  color: #4338ca;
}

.c07-faq-deeplink-banner__warn {
  margin: 0 0 0.35rem;
  color: #b45309;
}

.c07-faq-deeplink-banner__id {
  display: inline-block;
  margin-right: 0.45rem;
  margin-bottom: 0.35rem;
  padding: 0.12rem 0.35rem;
  border-radius: 6px;
  background: #fff;
  font-size: 0.72rem;
}

.c07-faq-pinned {
  margin-bottom: 0.55rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #e2e8f0;
}

.c07-faq-item--pinned {
  border-color: #818cf8;
  box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.35);
}

.c07-faq-item-actions {
  margin: 0.35rem 0 0;
}

.c07-faq-copylink {
  font-size: 0.72rem !important;
  padding: 0.2rem 0.45rem !important;
}

mark.c07-faq-mark {
  background: #fef08a;
  color: #422006;
  padding: 0 0.06em;
  border-radius: 2px;
}

.c07-faq-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: stretch;
  margin-bottom: 0.45rem;
}

.c07-faq-toolbar .detail-btn {
  align-self: center;
}

.c07-faq-q {
  flex: 1 1 200px;
  min-width: 160px;
  padding: 0.45rem 0.55rem;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  font-size: 0.85rem;
  background: #fff;
}

.c07-faq-cat {
  min-width: 160px;
  padding: 0.45rem 0.45rem;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  font-size: 0.82rem;
  background: #fff;
}

.c07-faq-meta {
  font-size: 0.74rem;
  color: #475569;
  margin: 0.35rem 0 0.5rem;
}

.c07-faq-results {
  max-height: min(52vh, 520px);
  overflow: auto;
  padding-right: 0.15rem;
}

.c07-faq-item {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 0.35rem 0.45rem;
  margin-bottom: 0.4rem;
  background: #fff;
}

.c07-faq-summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 0.82rem;
  color: #0f172a;
  list-style-position: outside;
}

.c07-faq-summary-q {
  margin-right: 0.35rem;
}

.c07-faq-catpill {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.12rem 0.38rem;
  border-radius: 999px;
  background: #e0e7ff;
  color: #3730a3;
  vertical-align: middle;
}

.c07-faq-body {
  margin-top: 0.45rem;
  font-size: 0.8rem;
  line-height: 1.45;
  color: #334155;
}

.c07-faq-tags {
  margin-top: 0.35rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.c07-faq-tag {
  font-size: 0.68rem;
  padding: 0.08rem 0.35rem;
  border-radius: 6px;
  background: #f1f5f9;
  color: #475569;
}

.c07-faq-more-wrap {
  margin-top: 0.45rem;
}

.c07-faq-loading,
.c07-faq-empty {
  font-size: 0.82rem;
  color: #64748b;
  padding: 0.35rem 0;
}

.c-academy-card {
  margin-bottom: 0.65rem;
  padding: 0.65rem 0.85rem;
  border-radius: 10px;
  border: 1px solid #c7d2fe;
  background: linear-gradient(160deg, #eef2ff 0%, #e0e7ff 100%);
}

.c-academy-card__badge {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4338ca;
  margin-bottom: 0.35rem;
}

.c-academy-card__title {
  margin: 0 0 0.35rem;
  font-size: 0.95rem;
  color: #1e1b4b;
}

.c-academy-card__body {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  color: #3730a3;
  line-height: 1.45;
}

.c-academy-card__meta {
  margin: 0 0 0.5rem;
  font-size: 0.74rem;
  color: #6366f1;
}

/* ----- C06 CBAM premium workspace (module inner panel only) ----- */
.c06-workspace-premium .c06-premium-inner {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.c06-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
}

@media (max-width: 960px) {
  .c06-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.c06-kpi-card {
  display: flex;
  gap: 0.45rem;
  align-items: flex-start;
  padding: 0.45rem 0.55rem;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 55%, #f0fdfa 100%);
  box-shadow: 0 10px 26px -18px rgba(15, 39, 68, 0.45);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.c06-kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px -16px rgba(15, 39, 68, 0.55);
}

.c06-kpi-card__icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0f2744 0%, #1e4a73 100%);
  color: #e0f2fe;
  font-size: 0.85rem;
}

.c06-kpi-card__body {
  flex: 1;
  min-width: 0;
}

.c06-kpi-card__label {
  display: block;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.c06-kpi-card__value {
  display: block;
  font-size: 0.92rem;
  font-weight: 800;
  color: #0f172a;
  margin-top: 0.08rem;
}

.c06-kpi-card__bar {
  display: block;
  margin-top: 0.28rem;
  height: 4px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.c06-kpi-card__bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  transition: width 0.35s ease;
}

.c06-kpi-card__bar-fill--sky {
  background: linear-gradient(90deg, #38bdf8, #6366f1);
}
.c06-kpi-card__bar-fill--emerald {
  background: linear-gradient(90deg, #34d399, #10b981);
}
.c06-kpi-card__bar-fill--amber {
  background: linear-gradient(90deg, #fbbf24, #f97316);
}
.c06-kpi-card__bar-fill--rose {
  background: linear-gradient(90deg, #fb7185, #e11d48);
}

.c06-kpi-card__value-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  margin-top: 0.08rem;
}

.c06-kpi-card__value-line--ets {
  align-items: center;
}

.c06-kpi-card__value--ets {
  color: #c2410c;
}

.c06-kpi-card__score {
  font-size: 0.68rem;
  font-weight: 800;
  color: #64748b;
}

.c06-kpi-pill {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 0.12rem 0.38rem;
  border-radius: 999px;
}

.c06-kpi-pill--up {
  color: #047857;
  background: #d1fae5;
  border: 1px solid #6ee7b7;
}

.c06-kpi-card__icon--emerald {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
}
.c06-kpi-card__icon--amber {
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
}
.c06-kpi-card__icon--violet {
  background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);
}

.c06-mid-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  align-items: stretch;
}

@media (max-width: 1100px) {
  .c06-mid-grid {
    grid-template-columns: 1fr;
  }
}

.c06-bottom-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  align-items: stretch;
}

@media (max-width: 1100px) {
  .c06-bottom-grid {
    grid-template-columns: 1fr;
  }
}

.c06-checklist-mock .c06-panel__title {
  margin-bottom: 0;
}

.c06-checklist-mock__head {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
}

.c06-checklist-overall {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.c06-checklist-overall__pct {
  font-size: 0.72rem;
  font-weight: 900;
  color: #047857;
  min-width: 2.4rem;
}

.c06-checklist-overall__bar {
  flex: 1;
  height: 6px;
  border-radius: 999px;
  background: #ecfdf5;
  overflow: hidden;
  border: 1px solid #a7f3d0;
}

.c06-checklist-overall__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #34d399, #10b981);
}

.c06-check-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.c06-check-rows li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0.38rem 0.42rem;
  border-radius: 10px;
  border: 1px solid #f1f5f9;
  background: #fafafa;
}

.c06-check-rows__t {
  font-size: 0.72rem;
  font-weight: 700;
  color: #334155;
}

.c06-status-pill {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  padding: 0.12rem 0.42rem;
  border-radius: 999px;
  white-space: nowrap;
}

.c06-status-pill--ok {
  color: #166534;
  background: #dcfce7;
  border: 1px solid #86efac;
}
.c06-status-pill--prog {
  color: #92400e;
  background: #fef9c3;
  border: 1px solid #fde047;
}
.c06-status-pill--idle {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fecaca;
}

.c06-calc-panel__head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}

.c06-calc-panel__head-row .c06-panel__title {
  margin: 0;
}

.c06-calc-split {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.c06-calc-out-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: stretch;
  justify-content: space-between;
}

.c06-calc-metrics-col {
  flex: 1;
  min-width: 140px;
}

.c06-calc-results--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.c06-donut-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  min-width: 108px;
  padding: 0.25rem;
}

.c06-donut-ring {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: conic-gradient(#10b981 calc(var(--p, 72) * 1%), #e5e7eb 0);
  display: grid;
  place-items: center;
}

.c06-donut-hole {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1;
  border: 1px solid #ecfdf5;
}

.c06-donut-hole small {
  font-size: 0.52rem;
  font-weight: 800;
  color: #64748b;
}

.c06-donut-tier {
  font-size: 0.62rem;
  font-weight: 800;
  color: #047857;
}

.c06-donut-caption {
  font-size: 0.55rem;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.c06-ai-deep-btn {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 0.45rem;
  background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
  border: none !important;
  color: #fff !important;
}

.c06-ai-deep-btn:hover {
  filter: brightness(1.05);
}

.c06-ai-deep-btn i {
  margin-right: 0.35rem;
}

.c06-file-list {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

.c06-file-list li {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #334155;
  padding: 0.32rem 0.38rem;
  border-radius: 10px;
  border: 1px solid #f1f5f9;
  background: #fafafa;
}

.c06-file-list li > i {
  color: #ef4444;
  width: 1rem;
  text-align: center;
}

.c06-file-list li > i.fa-file-excel {
  color: #16a34a;
}

.c06-file-list li > i.fa-file-lines {
  color: #64748b;
}

.c06-file-list li > span:first-of-type {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c06-ocr-pill {
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  padding: 0.1rem 0.38rem;
  border-radius: 999px;
}

.c06-ocr-pill--ok {
  color: #166534;
  background: #dcfce7;
}
.c06-ocr-pill--wait {
  color: #92400e;
  background: #fef9c3;
}

.c06-ets-panel .c06-panel__title {
  margin-bottom: 0.35rem;
}

.c06-ets-price-line {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  color: #475569;
}

.c06-ets-slider {
  width: 100%;
  accent-color: #0d9488;
  margin-bottom: 0.45rem;
}

.c06-ets-cost-box {
  border-radius: 12px;
  border: 1px solid #99f6e4;
  background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%);
  padding: 0.42rem 0.48rem;
  margin-bottom: 0.35rem;
}

.c06-ets-cost-box__lab {
  display: block;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}

.c06-ets-cost-box__val {
  display: block;
  font-size: 1.05rem;
  font-weight: 900;
  color: #115e59;
  margin-top: 0.12rem;
}

.c06-ets-delta {
  display: inline-block;
  margin-top: 0.18rem;
  font-size: 0.65rem;
  font-weight: 800;
  color: #16a34a;
}

.c06-ets-spark {
  width: 100%;
  height: 42px;
}

.c06-table-tool-btn i {
  margin-right: 0.28rem;
}

.c06-gtip-cell,
.c06-int-cell {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #334155;
}

.c06-ets-pill--muted {
  background: #f1f5f9;
  color: #475569;
  border-color: #e2e8f0;
}

.c06-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  padding: 0.55rem 0.25rem 0.35rem;
}

.c06-page-btn {
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.42rem;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  color: #475569;
  cursor: pointer;
}

.c06-page-btn:hover:not(:disabled) {
  border-color: #5eead4;
  color: #0f766e;
}

.c06-page-btn.is-active {
  background: #0d9488;
  border-color: #0d9488;
  color: #fff;
}

.c06-page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.c06-page-ellipsis {
  font-size: 0.72rem;
  font-weight: 800;
  color: #94a3b8;
  padding: 0 0.15rem;
}

select.c06-field__input {
  cursor: pointer;
}

.c06-control-center {
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  padding: 0.55rem 0.6rem 0.45rem;
  box-shadow: 0 12px 36px -28px rgba(15, 39, 68, 0.4);
}

.c06-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}

.c06-section-head__title {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 800;
  color: #0f2744;
}

.c06-section-head__pill {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0369a1;
  background: #e0f2fe;
  border-radius: 999px;
  padding: 0.18rem 0.45rem;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.c06-cc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.c06-cc-item {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.c06-cc-item:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 22px -18px rgba(15, 39, 68, 0.35);
}

.c06-cc-item.is-open {
  border-color: #5eead4;
  box-shadow: 0 10px 28px -18px rgba(13, 148, 136, 0.35);
}

.c06-cc-toggle {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr 72px auto;
  gap: 0.35rem;
  align-items: center;
  padding: 0.42rem 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

.c06-cc-status {
  font-size: 1rem;
  width: 1.35rem;
  text-align: center;
}

.c06-cc-item--ok .c06-cc-status {
  color: #16a34a;
}
.c06-cc-item--warn .c06-cc-status {
  color: #ca8a04;
}
.c06-cc-item--idle .c06-cc-status {
  color: #94a3b8;
}

.c06-cc-title {
  font-size: 0.74rem;
  font-weight: 700;
  color: #1e293b;
}

.c06-cc-progress {
  height: 5px;
  border-radius: 999px;
  background: #f1f5f9;
  overflow: hidden;
}

.c06-cc-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #38bdf8, #0d9488);
}

.c06-cc-item--warn .c06-cc-progress span {
  background: linear-gradient(90deg, #fbbf24, #ea580c);
}
.c06-cc-item--idle .c06-cc-progress span {
  background: linear-gradient(90deg, #94a3b8, #64748b);
}

.c06-cc-chev {
  font-size: 0.68rem;
  color: #94a3b8;
  transition: transform 0.2s ease;
}

.c06-cc-item.is-open .c06-cc-chev {
  transform: rotate(180deg);
}

.c06-cc-tip {
  display: none;
  padding: 0 0.55rem 0.48rem 2.15rem;
  font-size: 0.68rem;
  line-height: 1.45;
  color: #64748b;
}

.c06-cc-item.is-open .c06-cc-tip {
  display: block;
}

.c06-split-stack {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 0.55rem;
}

@media (max-width: 900px) {
  .c06-split-stack {
    grid-template-columns: 1fr;
  }
}

.c06-panel {
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #fff;
  padding: 0.55rem 0.6rem 0.6rem;
  box-shadow: 0 12px 36px -28px rgba(15, 39, 68, 0.38);
}

.c06-panel__head {
  margin-bottom: 0.45rem;
}

.c06-panel__title {
  margin: 0 0 0.15rem;
  font-size: 0.82rem;
  font-weight: 800;
  color: #0f2744;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.c06-panel__sub {
  margin: 0;
  font-size: 0.68rem;
  color: #64748b;
  line-height: 1.45;
}

.c06-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.c06-field--full {
  grid-column: 1 / -1;
}

.c06-field__label {
  display: block;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
  margin-bottom: 0.18rem;
}

.c06-field__input,
.c06-field__textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  padding: 0.42rem 0.5rem;
  font-size: 0.78rem;
  background: #fafafa;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.c06-field__input:focus,
.c06-field__textarea:focus {
  outline: none;
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.22);
  background: #fff;
}

.c06-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}

.c06-btn-primary i,
.c06-btn-ai i {
  margin-right: 0.28rem;
}

.c06-calc-panel .c06-calc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}

.c06-sustain-badge {
  flex-shrink: 0;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.22rem 0.45rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #047857;
  border: 1px solid #a7f3d0;
}

.c06-calc-results {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.35rem;
  margin-top: 0.45rem;
}

@media (max-width: 720px) {
  .c06-calc-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.c06-calc-metric {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 0.38rem 0.42rem;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.c06-calc-metric--accent {
  border-color: #5eead4;
  background: linear-gradient(180deg, #f0fdfa 0%, #ccfbf1 100%);
}

.c06-calc-metric__lab {
  display: block;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.c06-calc-metric strong {
  display: block;
  font-size: 0.95rem;
  font-weight: 900;
  color: #0f172a;
}

.c06-calc-metric small {
  font-size: 0.58rem;
  color: #94a3b8;
}

.c06-mini-chart {
  display: flex;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 0.45rem;
  background: #f1f5f9;
}

.c06-mini-chart__seg {
  height: 100%;
  transition: width 0.35s ease;
}

.c06-mini-chart__seg--dir {
  background: linear-gradient(90deg, #f97316, #ea580c);
}
.c06-mini-chart__seg--ind {
  background: linear-gradient(90deg, #38bdf8, #6366f1);
}

.c06-ai-panel {
  position: relative;
  border-radius: 14px;
  border: 1px solid #c7d2fe;
  background: linear-gradient(165deg, #eef2ff 0%, #f8fafc 45%, #ffffff 100%);
  padding: 0.55rem 0.65rem 0.55rem;
  overflow: hidden;
  box-shadow: 0 14px 42px -26px rgba(67, 56, 202, 0.55);
}

.c06-ai-panel__glow {
  position: absolute;
  inset: -40% -20%;
  background: radial-gradient(circle at 30% 20%, rgba(99, 102, 241, 0.35), transparent 42%);
  pointer-events: none;
  animation: c06-ai-glow 7s ease-in-out infinite alternate;
}

@keyframes c06-ai-glow {
  from {
    opacity: 0.45;
    transform: translate(0, 0);
  }
  to {
    opacity: 0.85;
    transform: translate(6%, 4%);
  }
}

.c06-ai-panel__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.38rem;
}

.c06-ai-badge {
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #3730a3;
  background: rgba(255, 255, 255, 0.72);
  padding: 0.22rem 0.45rem;
  border-radius: 999px;
  border: 1px solid #c7d2fe;
}

.c06-ai-live {
  font-size: 0.58rem;
  font-weight: 700;
  color: #6366f1;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.c06-ai-pulse {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  animation: c06-ai-pulse 1.6s ease-out infinite;
}

@keyframes c06-ai-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.65);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

.c06-ai-insights {
  position: relative;
}

.c06-ai-line {
  margin: 0 0 0.38rem;
  font-size: 0.72rem;
  line-height: 1.5;
  color: #334155;
  padding: 0.38rem 0.42rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(199, 210, 254, 0.8);
}

.c06-ai-line:last-child {
  margin-bottom: 0;
}

.c06-ai-line i {
  margin-right: 0.35rem;
  color: #6366f1;
}

.c06-ai-line--warn {
  border-color: #fde68a;
  background: rgba(254, 252, 232, 0.95);
}

.c06-ai-line--warn i {
  color: #ca8a04;
}

.c06-doc-hub .c06-dropzone {
  position: relative;
  border-radius: 12px;
  border: 2px dashed #cbd5e1;
  background: linear-gradient(180deg, #fafafa 0%, #fff 100%);
  padding: 0.55rem;
  transition: border-color 0.18s ease, background 0.18s ease;
}

.c06-dropzone.is-drag {
  border-color: #38bdf8;
  background: #f0f9ff;
}

.c06-dropzone__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.c06-dropzone__ui {
  text-align: center;
  pointer-events: none;
  padding: 0.35rem;
}

.c06-dropzone__ui i {
  font-size: 1.35rem;
  color: #0ea5e9;
  margin-bottom: 0.25rem;
}

.c06-dropzone__ui p {
  margin: 0;
  font-size: 0.74rem;
  font-weight: 700;
  color: #334155;
}

.c06-dropzone__hint {
  display: block;
  margin-top: 0.22rem;
  font-size: 0.62rem;
  color: #64748b;
}

.c06-upload-meter {
  margin-top: 0.35rem;
  height: 6px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.c06-upload-meter span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  transition: width 0.2s linear;
}

.c06-ocr-row {
  margin-top: 0.28rem;
  font-size: 0.66rem;
  color: #475569;
}

.c06-parse-preview {
  margin-top: 0.35rem;
  font-size: 0.62rem;
  max-height: 120px;
  overflow: auto;
  padding: 0.35rem;
  border-radius: 8px;
  background: #0f172a;
  color: #e2e8f0;
}

.c06-doc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}

.c06-doc-act i {
  margin-right: 0.28rem;
}

.c06-db-lead {
  margin-top: 0.15rem !important;
}

.c06-db-actions.pack-module-actions {
  margin-top: 0.35rem;
}

.c06-pack-status.pack-module-status {
  margin-top: 0.35rem;
}

.c06-resources-acc.c-module-resources {
  margin-top: 0.45rem;
}

.c06-table-shell.pack-db-shell {
  margin-top: 0.35rem;
}

.c06-table-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  padding: 0.35rem 0.25rem 0.45rem;
}

.c06-table-search {
  flex: 1;
  min-width: 140px;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  padding: 0.22rem 0.45rem;
  background: #fff;
}

.c06-table-search i {
  color: #94a3b8;
  font-size: 0.78rem;
}

.c06-table-search__input {
  flex: 1;
  border: none;
  font-size: 0.74rem;
  background: transparent;
  min-width: 0;
}

.c06-table-search__input:focus {
  outline: none;
}

.c06-table-filter {
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  padding: 0.32rem 0.45rem;
  font-size: 0.72rem;
  background: #fff;
}

.c06-table-wrap.pack-module-table-wrap {
  border-radius: 0 0 12px 12px;
}

.c06-premium-table.pack-module-table {
  font-size: 0.72rem;
}

.c06-premium-table thead th {
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
  font-weight: 800;
  padding: 0.45rem 0.42rem;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 2px solid #e2e8f0;
}

.c06-premium-table tbody td {
  padding: 0.42rem 0.42rem;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9;
}

.c06-data-row:hover {
  background: rgba(240, 253, 250, 0.65);
}

.c06-risk-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.38rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.c06-risk--low {
  background: #dcfce7;
  color: #166534;
}
.c06-risk--mid {
  background: #fef9c3;
  color: #854d0e;
}
.c06-risk--high {
  background: #fee2e2;
  color: #991b1b;
}

.c06-co2-cell {
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}

.c06-ets-pill {
  display: inline-flex;
  padding: 0.15rem 0.38rem;
  border-radius: 8px;
  font-size: 0.62rem;
  font-weight: 700;
  background: #f0fdfa;
  color: #0f766e;
  border: 1px solid #99f6e4;
}

.c06-row-kebab {
  border: none;
  background: #f1f5f9;
  border-radius: 8px;
  padding: 0.28rem 0.42rem;
  cursor: pointer;
  color: #475569;
  transition: background 0.15s ease;
}

.c06-row-kebab:hover {
  background: #e2e8f0;
}

.c06-grid-empty td {
  padding: 0 !important;
  border: none !important;
}

.c06-empty-state {
  text-align: center;
  padding: 1.35rem 0.85rem 1.45rem;
}

.c06-empty-state__icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 0.45rem;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #059669;
  font-size: 1.25rem;
}

.c06-empty-state__title {
  font-weight: 900;
  font-size: 0.88rem;
  color: #0f2744;
}

.c06-empty-state__txt {
  margin: 0.35rem auto 0;
  max-width: 320px;
  font-size: 0.72rem;
  line-height: 1.5;
  color: #64748b;
}

/* =============================================================================
   Dashboard surface refresh (Apr 2026): typography, launcher, C01 chat chrome
   ============================================================================= */
:root {
  --may-radius-sm: 12px;
  --may-radius-md: 17px;
  --may-radius-lg: 22px;
  --may-shadow-soft: 0 4px 28px rgba(15, 23, 42, 0.07);
  /* Açık tema: biraz daha nötr zemin (Modern UI bloğu ile uyumlu) */
  --bg-0: #f0f4fb;
  --bg-1: #e9eff8;
}

body {
  font-family: 'Inter', 'Montserrat', system-ui, sans-serif;
}

.main-content {
  max-width: min(100%, 1820px);
  padding: 1.65rem clamp(0.85rem, 2.2vw, 1.5rem);
}

.dashboard-views-stack {
  gap: 1.55rem;
}

.main-header {
  box-shadow:
    0 1px 0 rgba(148, 163, 184, 0.14),
    0 10px 36px rgba(15, 23, 42, 0.05);
}

.module-workspace-bar {
  padding: 0.95rem 0 1.05rem;
  margin-bottom: 0.85rem;
  border-bottom-color: rgba(148, 163, 184, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.86));
}

.modules-launcher {
  padding: 1.28rem 1.38rem;
  border-radius: var(--may-radius-md);
  border: 1px solid rgba(148, 163, 184, 0.16);
  box-shadow: var(--may-shadow-soft);
}

.modules-launcher-head {
  margin-bottom: 1.05rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.modules-launcher-title {
  font-size: 1.14rem;
  letter-spacing: -0.025em;
}

.modules-launcher::before {
  opacity: 0.28;
}

.c01-whatsapp {
  gap: 1rem;
  min-height: 560px;
}

.c01-sidebar,
.c01-main {
  border-radius: var(--may-radius-sm);
  box-shadow: var(--may-shadow-soft);
  border-color: rgba(148, 163, 184, 0.14);
}

.c01-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.c01-main {
  background: #fff;
}

.chat-messages {
  border-radius: var(--may-radius-sm);
  background: linear-gradient(180deg, #eef2f7 0%, #f8fafc 100%);
  border-color: rgba(148, 163, 184, 0.2);
  padding: 1rem;
  gap: 0.7rem;
}

.message.agent span {
  background: #fff;
  color: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.26);
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
  border-radius: 14px 16px 16px 5px;
  max-width: min(90%, 52rem);
  line-height: 1.52;
  padding: 0.55rem 0.78rem;
}

.message.user span {
  background: linear-gradient(148deg, #14b8a6, #0f766e);
  border-radius: 16px 14px 5px 16px;
  box-shadow: 0 6px 18px rgba(13, 148, 136, 0.32);
  padding: 0.55rem 0.78rem;
}

.c01-conversation-item.active {
  border-color: rgba(13, 148, 136, 0.5);
  background: linear-gradient(180deg, #f0fdfa, #ccfbf1);
  box-shadow: 0 2px 10px rgba(13, 148, 136, 0.12);
}

.chat-input {
  align-items: stretch;
  gap: 0.65rem;
  padding-top: 0.25rem;
}

.chat-input input {
  border-radius: var(--may-radius-sm);
  min-height: 2.75rem;
  font-size: 0.9375rem;
}

.chat-input button {
  border-radius: var(--may-radius-sm);
  min-width: 2.85rem;
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.28);
}

.c01-info-panel {
  border-radius: var(--may-radius-sm);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
}











/* C01: yan panel sohbet grupları (yeni sohbet = .c01-new-chat-minimal, üst blokta) */
.c01-thread-group {
  margin-bottom: 0.85rem;
}

.c01-thread-group-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  margin: 0.35rem 0 0.45rem;
}

.c01-thread-group-list {
  display: grid;
  gap: 0.45rem;
}

.c01-thread-title {
  font-size: 0.8rem;
  line-height: 1.25;
  text-align: left;
}

.c01-thread-time {
  font-size: 0.72rem;
  color: #64748b;
  flex-shrink: 0;
}

















/* C01 UI v2: customer-friendly, modern, dynamic */
#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-whatsapp {
  display: grid;
  grid-template-columns: minmax(272px, 312px) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  min-height: clamp(620px, 76vh, 860px);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-sidebar {
  padding: 0.8rem;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-height: 0;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-sidebar-section--threads {
  flex: 1;
  min-height: 220px;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-sidebar-section--threads .c01-conversation-list {
  max-height: none;
  height: 100%;
  min-height: 220px;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-sidebar-section-label {
  letter-spacing: 0.08em;
  font-size: 0.68rem;
  color: #64748b;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-sidebar-search input {
  min-height: 2.3rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.36);
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-sidebar-search input:focus {
  border-color: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.17);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-new-chat-minimal {
  min-height: 2.3rem;
  border-radius: 10px;
  border: 1px solid rgba(20, 184, 166, 0.45);
  background: linear-gradient(180deg, #f8fbff, #eef4ff);
  color: #0f766e;
  box-shadow: 0 6px 16px rgba(20, 184, 166, 0.16);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-main.c01-main--chat-focus {
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.09);
  padding: 0.85rem;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-header {
  position: sticky;
  top: 0;
  z-index: 3;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95));
  padding: 0.5rem 0.65rem;
  gap: 0.6rem;
  margin-bottom: 0.55rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  justify-content: flex-end;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-actions .detail-btn.secondary {
  min-height: 1.85rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.38);
  background: #fff;
  color: #1f2937;
  padding: 0.2rem 0.62rem;
  font-size: 0.74rem;
  font-weight: 600;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-actions-menu-wrap {
  position: relative;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-actions-more-btn {
  width: 2.05rem;
  min-width: 2.05rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.84rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-actions-menu {
  position: absolute;
  top: calc(100% + 0.38rem);
  right: 0;
  min-width: 198px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
  padding: 0.38rem;
  display: grid;
  gap: 0.3rem;
  z-index: 25;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-actions-menu.hidden {
  display: none !important;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-actions-menu-item {
  justify-content: flex-start;
  border-radius: 9px !important;
  min-height: 2rem !important;
  font-size: 0.78rem !important;
  color: #1f2937;
  padding-inline: 0.62rem !important;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-actions-menu-item--danger {
  border-color: rgba(248, 113, 113, 0.45);
  color: #b91c1c;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .chat-messages {
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: linear-gradient(180deg, #f1f5fb 0%, #f8fafc 100%);
  padding: 0.9rem 0.85rem;
  gap: 0.6rem;
  scrollbar-gutter: stable both-edges;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .message {
  gap: 0.28rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .message span {
  line-height: 1.55;
  border-radius: 14px;
  font-size: 0.9rem;
  max-width: min(88%, 62ch);
  word-break: break-word;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .message.agent span {
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .message.user span {
  background: linear-gradient(155deg, #14b8a6 0%, #0f766e 100%);
  color: #fff;
  box-shadow: 0 8px 22px rgba(13, 148, 136, 0.28);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .message-time {
  font-size: 0.67rem;
  color: #64748b;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-list {
  gap: 0.34rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-group {
  margin-bottom: 0.58rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-group-label {
  margin: 0.2rem 0 0.28rem;
  font-size: 0.64rem;
  letter-spacing: 0.08em;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-item {
  border-radius: 10px;
  padding: 0.42rem 0.52rem;
  background: #fff;
  border: 1px solid rgba(203, 213, 225, 0.78);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-top {
  gap: 0.36rem;
  margin-bottom: 0.1rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-title {
  font-size: 0.79rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.22;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-time {
  font-size: 0.67rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-bottom {
  justify-content: space-between;
  align-items: center;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-last {
  font-size: 0.71rem;
  color: #64748b;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-quick-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-item:hover .c01-thread-quick-actions,
#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-item:focus-within .c01-thread-quick-actions,
#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-conversation-item.active .c01-thread-quick-actions {
  opacity: 1;
  pointer-events: auto;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-wrap {
  position: relative;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-toggle {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: #fff;
  color: #334155;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.64rem;
  cursor: pointer;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-toggle:hover {
  border-color: rgba(20, 184, 166, 0.52);
  color: #0f766e;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 0.25rem);
  min-width: 214px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  background: #fff;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.2);
  padding: 0.3rem;
  display: grid;
  gap: 0.24rem;
  z-index: 40;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu.hidden {
  display: none !important;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item {
  border: 1px solid rgba(226, 232, 240, 0.85);
  border-radius: 9px;
  background: #fff;
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 0.48rem;
  align-items: start;
  padding: 0.34rem 0.42rem;
  color: #1f2937;
  cursor: pointer;
  text-align: left;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item i {
  margin-top: 0.12rem;
  color: #475569;
  font-size: 0.72rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item span {
  display: grid;
  gap: 0.06rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item strong {
  font-size: 0.73rem;
  font-weight: 700;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item small {
  font-size: 0.66rem;
  color: #64748b;
  line-height: 1.25;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item:hover {
  border-color: rgba(20, 184, 166, 0.35);
  background: #f8fbff;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item--danger:hover {
  border-color: rgba(248, 113, 113, 0.5);
  background: #fff5f5;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item--danger i,
#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-thread-menu-item--danger strong {
  color: #b91c1c;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
  padding: 0.9rem;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 0.2rem);
  max-height: calc(100% - 0.2rem);
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  right: 0.8rem;
  bottom: 0.8rem;
  z-index: 18;
  overflow: auto;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-room {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 0;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home.hidden,
#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-room.hidden {
  display: none !important;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-view-enter {
  animation: c01ViewEnter 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes c01ViewEnter {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.995);
    filter: saturate(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: saturate(1);
  }
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.55rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-sub {
  margin: 0.14rem 0 0;
  font-size: 0.8rem;
  color: #64748b;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  align-content: stretch;
  gap: 0.62rem;
  min-height: 0;
  flex: 1 1 auto;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-card {
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 12px;
  background: #fff;
  min-height: 132px;
  height: 100%;
  padding: 0.72rem;
  text-align: left;
  display: grid;
  gap: 0.4rem;
  cursor: pointer;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-card:hover {
  border-color: rgba(20, 184, 166, 0.45);
  box-shadow: 0 8px 20px rgba(20, 184, 166, 0.15);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-card.is-active {
  border-color: rgba(20, 184, 166, 0.58);
  background: #f0fdfa;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-avatar-wrap {
  width: 74px;
  height: 74px;
  border-radius: 16px;
  position: relative;
  overflow: visible;
  transform-style: preserve-3d;
  perspective: 900px;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-avatar-wrap .c01-agent-avatar-lg {
  width: 74px;
  height: 74px;
  border-radius: 14px;
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.28);
  transform: translateZ(0);
  transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
  filter: saturate(1.06) contrast(1.04);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-avatar-wrap::after {
  content: '';
  position: absolute;
  inset: auto 6px -10px;
  height: 16px;
  border-radius: 999px;
  background: radial-gradient(closest-side, rgba(13, 148, 136, 0.38), rgba(13, 148, 136, 0));
  filter: blur(2px);
  transform: translateZ(-1px);
  opacity: 0.62;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-card:hover .c01-agent-home-avatar-wrap .c01-agent-avatar-lg {
  transform: translateY(-2px) scale(1.06) rotateX(4deg) rotateY(-4deg);
  box-shadow: 0 18px 32px rgba(19, 78, 74, 0.32);
  filter: saturate(1.14) contrast(1.07);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-header .c01-agent-avatar-3d {
  border-radius: 14px;
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.22);
  transition: transform 240ms ease, box-shadow 240ms ease, filter 240ms ease;
  filter: saturate(1.08) contrast(1.04);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-header .c01-active-agent-visual:hover .c01-agent-avatar-3d {
  transform: translateY(-1px) scale(1.04) rotateY(-5deg);
  box-shadow: 0 22px 34px rgba(19, 78, 74, 0.3);
  filter: saturate(1.15) contrast(1.08);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0f172a;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-role {
  font-size: 0.76rem;
  color: #64748b;
  line-height: 1.3;
}

@media (max-width: 1200px) {
  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto;
  }
}

@media (max-width: 860px) {
  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-agent-home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-main--home-open {
  min-height: 0;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .chat-input {
  margin-top: 0.15rem;
  gap: 0.5rem;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: #fff;
  padding: 0.45rem;
  align-items: center;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-attachment-input {
  display: none;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-attach-btn {
  min-width: 2.45rem;
  min-height: 2.45rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: #f8fafc;
  color: #334155;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .chat-input input {
  min-height: 2.45rem;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 10px;
  background: #f8fafc;
  font-size: 0.92rem;
  padding-inline: 0.72rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .chat-input input:focus {
  border-color: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.16);
  background: #fff;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .chat-input button:not(.c01-attach-btn) {
  min-width: 2.5rem;
  min-height: 2.45rem;
  border-radius: 10px;
  background: linear-gradient(155deg, #14b8a6 0%, #0f766e 100%);
  box-shadow: 0 8px 22px rgba(13, 148, 136, 0.28);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-attachment-list {
  margin-top: 0.38rem;
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-attachment-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid rgba(148, 163, 184, 0.38);
  background: #ffffff;
  border-radius: 999px;
  padding: 0.22rem 0.48rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-attachment-chip-label {
  font-size: 0.72rem;
  color: #334155;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-attachment-chip-remove {
  border: 0;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  width: 1.1rem;
  height: 1.1rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-msg-attachments {
  margin-top: 0.35rem;
  display: grid;
  gap: 0.32rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-msg-attachment-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 1px solid rgba(203, 213, 225, 0.8);
  border-radius: 10px;
  background: rgba(248, 250, 252, 0.8);
  padding: 0.22rem 0.35rem;
  max-width: 100%;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-msg-attachment-thumb {
  width: 34px;
  height: 34px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.45);
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-msg-attachment-meta {
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  color: #1e293b;
  font-size: 0.72rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-msg-attachment-meta small {
  color: #64748b;
  font-size: 0.66rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-info-panel {
  position: fixed;
  top: 78px;
  right: clamp(0.65rem, 1.9vw, 1.6rem);
  width: min(420px, calc(100vw - 1.15rem));
  max-height: calc(100vh - 96px);
  overflow: auto;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: linear-gradient(180deg, #f8fafc, #ffffff);
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.2);
  padding: 0.58rem;
  z-index: 35;
}

@media (max-width: 1320px) {
  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-whatsapp {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-sidebar-section--threads .c01-conversation-list {
    max-height: 260px;
    min-height: 170px;
  }

  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 860px) {
  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-main.c01-main--chat-focus {
    padding: 0.6rem;
  }

  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-header {
    padding: 0.48rem 0.5rem;
  }

  #module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-chat-actions {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 0.1rem;
  }
}























































































#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-overview-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  margin-bottom: 0.5rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-overview-kpis .detail-item {
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: linear-gradient(180deg, #fff, #f8fafc);
  padding: 0.52rem 0.62rem;
  margin: 0;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-foundation-host {
  margin-bottom: 0.5rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-foundation-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  border-radius: 10px;
  border: 1px solid rgba(20, 184, 166, 0.28);
  background: linear-gradient(180deg, #f0fdfa, #f8fafc);
  padding: 0.5rem 0.62rem;
  font-size: 0.78rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-foundation-title {
  font-weight: 700;
  width: 100%;
  margin-bottom: 0.15rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-overview-primary {
  display: grid;
  gap: 0.4rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-overview-advanced {
  margin-top: 0.52rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: #fff;
  padding: 0.42rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-overview-advanced summary {
  cursor: pointer;
  font-size: 0.79rem;
  font-weight: 600;
  color: #334155;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-status-snapshot,
#module-workspace-root:not(.hidden) .module-card[data-module='c01'] #c01-history-versions,
#module-workspace-root:not(.hidden) .module-card[data-module='c01'] #c01-history-conversations {
  margin-top: 0.45rem;
  display: grid;
  gap: 0.42rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-history-block {
  display: grid;
  gap: 0.4rem;
}

#module-workspace-root:not(.hidden) .module-card[data-module='c01'] .c01-history-title {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
}







/* ——— R05 / A08 premium shell (Dış Ticaret Hesap Makinesi) ——— */
.module-card[data-module='a08'] .a08-dash-root--premium {
  padding: 0.15rem 0.1rem 0.35rem;
}

.module-card[data-module='a08'] .a08-dash-root--premium .a08-form-compact {
  padding: 0.35rem 0 0;
}

.module-card[data-module='a08'] .a08-dash-root--premium .a08-compact-2col--premium {
  gap: 1rem 1.15rem;
}

#module-workspace-root.module-workspace-root--a08 .module-card[data-module='a08'] .a08-landed-cost,
.module-card[data-module='a08'] .a08-dash-root--premium .a08-landed-cost {
  background:
    radial-gradient(1000px 400px at 10% -10%, rgba(20, 184, 166, 0.07), transparent 55%),
    radial-gradient(900px 380px at 90% 0%, rgba(99, 102, 241, 0.06), transparent 50%);
}

.module-card[data-module='a08'] .a08-dash-root--premium .a08-executive-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
  gap: 1rem;
  padding: 1rem 1.05rem 1.1rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(14px);
  margin-bottom: 1rem;
}

.module-card[data-module='a08'] .a08-kpi-card {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.38);
  min-height: 5.75rem;
  padding: 0;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 26px rgba(15, 23, 42, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.2s ease;
}

.module-card[data-module='a08'] .a08-kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(20, 184, 166, 0.14), 0 8px 28px rgba(15, 23, 42, 0.08);
  border-color: rgba(20, 184, 166, 0.45);
}

.module-card[data-module='a08'] .a08-kpi-card-edge {
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #38bdf8, #6366f1, #a78bfa);
}

.module-card[data-module='a08'] .a08-kpi-card-edge--violet {
  background: linear-gradient(90deg, #8b5cf6, #6366f1);
}
.module-card[data-module='a08'] .a08-kpi-card-edge--teal {
  background: linear-gradient(90deg, #14b8a6, #0ea5e9);
}
.module-card[data-module='a08'] .a08-kpi-card-edge--amber {
  background: linear-gradient(90deg, #f59e0b, #f97316);
}
.module-card[data-module='a08'] .a08-kpi-card-edge--green {
  background: linear-gradient(90deg, #22c55e, #10b981);
}
.module-card[data-module='a08'] .a08-kpi-card-edge--rose {
  background: linear-gradient(90deg, #fb7185, #e11d48);
}

.module-card[data-module='a08'] .a08-kpi-card-inner {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.75rem 0.85rem 0.85rem;
}

.module-card[data-module='a08'] .a08-kpi-icon {
  flex: 0 0 auto;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 11px;
  display: grid;
  place-items: center;
  font-size: 1rem;
  color: #0f766e;
  background: linear-gradient(145deg, rgba(20, 184, 166, 0.18), rgba(99, 102, 241, 0.1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.module-card[data-module='a08'] .a08-kpi-text {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  flex: 1;
  min-width: 0;
}

.module-card[data-module='a08'] .a08-kpi-card--risk .a08-kpi-card-inner {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.module-card[data-module='a08'] .a08-kpi-card--risk .a08-kpi-icon {
  margin-bottom: 0.15rem;
}

.module-card[data-module='a08'] .a08-kpi-value {
  font-size: 1.22rem;
  font-feature-settings: 'tnum' 1, 'lnum' 1;
}

.module-card[data-module='a08'] .a08-float-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.module-card[data-module='a08'] .a08-field-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: rgba(20, 184, 166, 0.85);
  font-size: 0.95rem;
  pointer-events: none;
}

.module-card[data-module='a08'] .a08-hs-wrap .a08-field-icon {
  top: 1.15rem;
}

.module-card[data-module='a08'] .a08-float-field--fx .a08-field-icon {
  top: 1.05rem;
}

.module-card[data-module='a08'] .a08-float-input {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  padding: 1.15rem 0.85rem 0.45rem 2.6rem;
  font-size: 0.95rem;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.module-card[data-module='a08'] .a08-float-input:focus {
  outline: none;
  border-color: rgba(20, 184, 166, 0.85);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.2);
}

.module-card[data-module='a08'] .a08-float-input.is-invalid {
  border-color: rgba(239, 68, 68, 0.85);
}

.module-card[data-module='a08'] .a08-float-label {
  position: absolute;
  left: 2.55rem;
  top: 0.42rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted, #64748b);
  pointer-events: none;
  transition: color 0.15s ease, transform 0.15s ease;
}

.module-card[data-module='a08'] .a08-float-input:focus + .a08-float-label,
.module-card[data-module='a08'] .a08-float-input:not(:placeholder-shown) + .a08-float-label {
  color: #0d9488;
}

.module-card[data-module='a08'] .a08-float-field:focus-within .a08-float-label {
  color: #0d9488;
}

.module-card[data-module='a08'] .a08-float-field--fx .a08-float-label {
  left: 2.55rem;
  top: 0.38rem;
}

.module-card[data-module='a08'] .a08-fx-field-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.module-card[data-module='a08'] .a08-fx-field-row .a08-float-input {
  flex: 1;
}

.module-card[data-module='a08'] .a08-dash-aside--fintech .a08-glass-panel {
  border-radius: 16px;
  padding: 1rem 1.05rem 1.15rem;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(20, 184, 166, 0.22);
  box-shadow: 0 16px 42px rgba(13, 148, 136, 0.11), 0 4px 14px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(16px);
}

.module-card[data-module='a08'] .a08-live-val {
  font-weight: 650;
  font-feature-settings: 'tnum' 1;
  transition: color 0.2s ease;
}

.module-card[data-module='a08'] .a08-aside-charts {
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(148, 163, 184, 0.35);
  display: grid;
  gap: 0.85rem;
}

.module-card[data-module='a08'] .a08-aside-section-title {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted, #64748b);
}

.module-card[data-module='a08'] .a08-aside-chart-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem 0.75rem;
}

.module-card[data-module='a08'] .a08-aside-chart-cell--roi {
  grid-column: 1 / -1;
}

.module-card[data-module='a08'] .a08-aside-chart-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 650;
  color: var(--text-muted, #64748b);
  margin-bottom: 0.2rem;
}

.module-card[data-module='a08'] .a08-spark-host {
  min-height: 44px;
  display: flex;
  align-items: center;
}

.module-card[data-module='a08'] .a08-mini-spark {
  width: 100%;
  height: auto;
  color: #38bdf8;
}

.module-card[data-module='a08'] .a08-aside-roi-val {
  margin: 0.15rem 0 0;
  font-size: 1.35rem;
  font-weight: 800;
  font-feature-settings: 'tnum' 1;
  color: #0f172a;
}

.module-card[data-module='a08'] .a08-aside-roi-val--pulse {
  animation: a08-roi-pulse 0.6s ease-out 1;
}

@keyframes a08-roi-pulse {
  0% {
    opacity: 0.35;
    transform: scale(0.98);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.module-card[data-module='a08'] .a08-aside-roi-hint {
  margin: 0.2rem 0 0;
}

.module-card[data-module='a08'] .a08-aside-bar-block {
  display: grid;
  gap: 0.28rem;
}

.module-card[data-module='a08'] .a08-stack-bar-wrap {
  min-height: 10px;
}

.module-card[data-module='a08'] .a08-stack-bar {
  display: flex;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148, 163, 184, 0.2);
}

.module-card[data-module='a08'] .a08-stack-seg {
  min-width: 4px;
  transition: flex 0.35s ease;
}

.module-card[data-module='a08'] .a08-dash-split {
  gap: 1.35rem;
}

.module-card[data-module='a08'] .a08-table-scroll {
  max-height: min(62vh, 520px);
  overflow: auto;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.module-card[data-module='a08'] .a08-table-enterprise thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.96));
  box-shadow: 0 1px 0 rgba(148, 163, 184, 0.45);
}

.module-card[data-module='a08'] .a08-table-enterprise tbody tr {
  transition: background 0.15s ease;
}

.module-card[data-module='a08'] .a08-table-enterprise tbody tr:hover {
  background: rgba(20, 184, 166, 0.06);
}

.module-card[data-module='a08'] .a08-bd-cat--goods {
  box-shadow: inset 3px 0 0 #0ea5e9;
}
.module-card[data-module='a08'] .a08-bd-cat--freight {
  box-shadow: inset 3px 0 0 #6366f1;
}
.module-card[data-module='a08'] .a08-bd-cat--port {
  box-shadow: inset 3px 0 0 #a78bfa;
}
.module-card[data-module='a08'] .a08-bd-cat--tax {
  box-shadow: inset 3px 0 0 #f97316;
}
.module-card[data-module='a08'] .a08-bd-cat--fees {
  box-shadow: inset 3px 0 0 #64748b;
}
.module-card[data-module='a08'] .a08-bd-cat--base {
  box-shadow: inset 3px 0 0 #14b8a6;
}
.module-card[data-module='a08'] .a08-bd-cat--subtotal {
  box-shadow: inset 3px 0 0 #94a3b8;
}
.module-card[data-module='a08'] .a08-bd-cat--grand {
  box-shadow: inset 3px 0 0 #0f766e;
}

.module-card[data-module='a08'] .a08-result-skeleton {
  padding: 1.25rem;
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.35);
  display: grid;
  gap: 0.85rem;
}

.module-card[data-module='a08'] .a08-skel-line {
  height: 12px;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.25), rgba(148, 163, 184, 0.08), rgba(148, 163, 184, 0.25));
  background-size: 200% 100%;
  animation: a08-shimmer 1.1s ease-in-out infinite;
}

.module-card[data-module='a08'] .a08-skel-line--hero {
  height: 22px;
}
.module-card[data-module='a08'] .a08-skel-line--short {
  width: 55%;
}
.module-card[data-module='a08'] .a08-skel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
}
.module-card[data-module='a08'] .a08-skel-card {
  min-height: 64px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.22), rgba(148, 163, 184, 0.08), rgba(148, 163, 184, 0.22));
  background-size: 200% 100%;
  animation: a08-shimmer 1.1s ease-in-out infinite;
}
.module-card[data-module='a08'] .a08-skel-caption {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-muted, #64748b);
}

@keyframes a08-shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

.module-card[data-module='a08'] .a08-intel-mega-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.85rem;
  margin-top: 1rem;
}

.module-card[data-module='a08'] .a08-intel-card--ai-hub {
  grid-column: 1 / -1;
}

.module-card[data-module='a08'] .a08-intel-chart-host {
  min-height: 56px;
  display: flex;
  align-items: center;
}

.module-card[data-module='a08'] .a08-demurrage-track {
  height: 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.25);
  overflow: hidden;
}

.module-card[data-module='a08'] .a08-demurrage-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22c55e, #eab308, #ef4444);
  transition: width 0.45s ease;
}

.module-card[data-module='a08'] .a08-intel-table--enterprise thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(248, 250, 252, 0.98);
}

.module-card[data-module='a08'] .a08-intel-table-wrap--enterprise {
  max-height: 280px;
  overflow: auto;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.module-card[data-module='a08'] .a08-intel-table--enterprise tbody tr:hover {
  background: rgba(20, 184, 166, 0.05);
}

#maytras-app.a08-workspace-active .sidebar {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 48%, #0b1224 100%);
  border-right: 1px solid rgba(71, 85, 105, 0.45);
}

#maytras-app.a08-workspace-active .sidebar .sidebar-brand-text,
#maytras-app.a08-workspace-active .sidebar .sidebar-home-btn,
#maytras-app.a08-workspace-active .sidebar .sidebar-module-title {
  color: #e2e8f0;
}

#maytras-app.a08-workspace-active .sidebar .sidebar-module-desc {
  color: rgba(148, 163, 184, 0.92);
}

#maytras-app.a08-workspace-active .sidebar .sidebar-module-link.active {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.22), rgba(99, 102, 241, 0.12));
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.35), 0 12px 36px rgba(56, 189, 248, 0.16);
  border-radius: 12px;
}

#maytras-app.a08-workspace-active .sidebar .sidebar-module-link.active::before {
  background: linear-gradient(180deg, #38bdf8, #6366f1);
}

/* SPRINT-026 — operational dogfooding UI */
.my-workspace-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
.my-workspace-panel {
  border: 1px solid var(--border-subtle, #e2e8f0);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  background: var(--surface-elevated, #fff);
}
.my-workspace-panel h3 {
  margin: 0 0 0.65rem;
  font-size: 0.95rem;
}
.my-workspace-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.88rem;
}
.gtip-explain-panel,
.gtip-feedback-panel {
  border: 1px solid var(--border-subtle, #ccfbf1);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin: 0.75rem 0;
  background: var(--surface-muted, #f8fafc);
}
.gtip-explain-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.5rem 1rem;
  margin-top: 0.5rem;
  font-size: 0.88rem;
}
.gtip-explain-grid span {
  display: block;
  opacity: 0.75;
  font-size: 0.78rem;
}
.gtip-explain-pre {
  white-space: pre-wrap;
  font-size: 0.78rem;
  max-height: 180px;
  overflow: auto;
}
.gtip-feedback-actions {
  display: flex;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.gtip-feedback-actions .active {
  outline: 2px solid var(--accent, #0d9488);
}
.gtip-feedback-text {
  width: 100%;
  margin-bottom: 0.5rem;
}
.pilot-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* SPRINT-027 — Capability Intelligence UI */
.intel-readonly-banner {
  border: 1px solid #5eead4;
  background: #f0fdfa;
  color: #134e4a;
}
.intel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}
.intel-rec-list,
.intel-backlog-list {
  margin: 0.5rem 0 1rem;
  padding-left: 1.2rem;
}
.intel-rec--high { color: #b91c1c; }
.intel-rec--medium { color: #b45309; }

/* PLATFORM-FIX-003 Tur 3 — handoff + enablement + CC discovery (scoped) */
.c02-handoff-btn { margin-top: 0.35rem; }
.c02-ocr-actions .c02-handoff-btn { border-color: var(--gtos-accent, #0ea5e9); }
.c05-handoff-meta { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; }
.c05-handoff-badge { background: rgba(14, 165, 233, 0.12); color: #0369a1; }
.c05-handoff-from-c02 { font-size: 0.82rem; opacity: 0.85; }
.c05-handoff-actions { margin-top: 0.45rem; }
.c05-handoff-btn[aria-busy="true"] { opacity: 0.7; pointer-events: none; }
.b06-handoff-banner--c05 { border-left: 3px solid #0ea5e9; background: rgba(14, 165, 233, 0.06); }
.b06-from-c05-banner strong { color: inherit; }
.onboarding-panel { max-width: 640px; }
.onboarding-lead { margin-bottom: 1rem; opacity: 0.9; }
.onboarding-role-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.65rem; margin-bottom: 1rem; }
.onboarding-role-card { text-align: left; padding: 0.85rem 1rem; border: 1px solid var(--border-subtle, rgba(148, 163, 184, 0.35)); border-radius: 10px; background: var(--surface-elevated, #fff); cursor: pointer; }
.onboarding-role-card.is-selected { border-color: var(--gtos-accent, #0ea5e9); box-shadow: 0 0 0 1px var(--gtos-accent, #0ea5e9); }
.onboarding-role-card strong { display: block; margin-bottom: 0.25rem; }
.onboarding-role-card span { font-size: 0.82rem; opacity: 0.75; }
.c07-onboarding-strip { margin: 0.65rem 0 0.85rem; padding: 0.65rem 0.75rem; border-radius: 8px; background: rgba(59, 130, 246, 0.08); border: 1px solid rgba(59, 130, 246, 0.2); }
.c07-onboarding-strip__inner { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.c07-onboarding-strip__chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.c07-onboarding-faq-chip { font-size: 0.78rem; padding: 0.25rem 0.55rem; border-radius: 999px; border: 1px solid rgba(59, 130, 246, 0.35); background: transparent; cursor: pointer; }
.c08-onboard-next { margin-top: 0.65rem; }
.c01-c07-citation-chip { font-style: normal; font-size: 0.78rem; padding: 0.15rem 0.45rem; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.45); background: rgba(148, 163, 184, 0.08); cursor: pointer; margin-right: 0.25rem; }
.c01-citation-chips { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.gtos-cc__recommended { margin: 0.75rem 0; padding: 0.85rem 1rem; }
.gtos-cc__rec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0.65rem; margin-top: 0.65rem; }
.gtos-cc__rec-card { padding: 0.65rem 0.75rem; border: 1px solid rgba(148, 163, 184, 0.25); border-radius: 10px; background: rgba(255, 255, 255, 0.02); }
.gtos-cc__rec-card-title { margin: 0 0 0.35rem; font-size: 0.95rem; }
.gtos-cc__rec-card-body { margin: 0 0 0.55rem; font-size: 0.82rem; opacity: 0.85; }
.gtos-cc__workflow-strip { margin-top: 0.75rem; font-size: 0.85rem; padding: 0.45rem 0.6rem; border-radius: 8px; background: rgba(14, 165, 233, 0.08); }
.gtos-cc__enablement { margin: 0.65rem 0; padding: 0.65rem 0.85rem; display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center; justify-content: space-between; border: 1px dashed rgba(245, 158, 11, 0.45); background: rgba(245, 158, 11, 0.06); }
[data-theme="dark"] .onboarding-role-card { background: rgba(15, 23, 42, 0.65); border-color: rgba(148, 163, 184, 0.25); }
[data-theme="dark"] .c05-handoff-badge { color: #7dd3fc; }
[data-theme="dark"] .b06-handoff-banner--c05 { background: rgba(14, 165, 233, 0.12); }
[data-theme="dark"] .gtos-cc__rec-card { background: rgba(15, 23, 42, 0.55); }
[data-theme="dark"] .c07-onboarding-strip { background: rgba(59, 130, 246, 0.12); }

/* PLATFORM-FIX-004 Tur 4 — CBAM + incentive handoff (scoped) */
.a01-cbam-handoff-wrap .a01-cbam-handoff-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.55rem; }
.a01-cbam-handoff-btn { border-color: rgba(220, 38, 38, 0.45); }
.a01-cbam-partial { color: #b45309; }
.c06-handoff-badge { font-size: 0.72rem; padding: 0.12rem 0.45rem; border-radius: 999px; background: rgba(34, 197, 94, 0.12); color: #15803d; }
.c06-handoff-badge--a01 { background: rgba(59, 130, 246, 0.12); color: #1d4ed8; }
.c06-handoff-meta { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.25rem; }
.c06-handoff-scope-pill { font-size: 0.78rem; padding: 0.1rem 0.4rem; border-radius: 6px; background: rgba(148, 163, 184, 0.15); }
.c06-handoff-scope-pill--in_scope { background: rgba(220, 38, 38, 0.12); color: #b91c1c; }
.c06-handoff-scope-pill--unknown_scope { background: rgba(245, 158, 11, 0.15); color: #b45309; }
.c06-handoff-c03-toast { margin-top: 0.45rem; font-size: 0.85rem; color: #0369a1; }
.c03-cbam-badge { background: rgba(220, 38, 38, 0.12); color: #b91c1c; }
.c03-incentive-badge { background: rgba(34, 197, 94, 0.12); color: #15803d; }
.alerts-pro-type-badge--regulation {
  font-size: var(--gtos-text-micro, 0.6875rem);
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  margin-right: 0.35rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #115e59;
  background: rgba(13, 148, 136, 0.12);
  border: 1px solid rgba(13, 148, 136, 0.28);
}

.alerts-pro-type-badge--cbam,
.alerts-pro-type-badge--incentive { font-size: 0.72rem; padding: 0.1rem 0.4rem; border-radius: 999px; margin-right: 0.35rem; }
.c04-handoff-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.55rem; }
.c04-match-card { border-left: 3px solid rgba(34, 197, 94, 0.35); }
.c01-incentive-facts-chip { display: inline-block; font-size: 0.82rem; padding: 0.25rem 0.55rem; border-radius: 999px; background: rgba(34, 197, 94, 0.1); color: #166534; margin-bottom: 0.5rem; }
.b06-row-from-c06 { margin: 0.35rem 0; }
.a04-cbam-go-c06 { margin-top: 0.35rem; }
[data-theme="dark"] .c06-handoff-badge--a01 { color: #93c5fd; }
[data-theme="dark"] .c03-cbam-badge { color: #fca5a5; }
[data-theme="dark"] .c03-incentive-badge { color: #86efac; }
[data-theme="dark"] .alerts-pro-type-badge--regulation {
  color: #5eead4;
  background: rgba(45, 212, 191, 0.12);
  border-color: rgba(45, 212, 191, 0.28);
}
[data-theme="dark"] .c01-incentive-facts-chip { color: #86efac; background: rgba(34, 197, 94, 0.15); }

.c01-maios-arch-host,
.c01-maios-usage-host,
.c01-maios-hq-host,
.c01-maios-trace-host {
  margin: 0.55rem 0 0.35rem;
}

.maios-usage-banner {
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 0.55rem;
  padding: 0.5rem 0.65rem;
  background: rgba(59, 130, 246, 0.05);
  font-size: 0.78rem;
}

.maios-usage-banner--warn {
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.08);
}

.maios-usage-banner--cap {
  border-color: rgba(239, 68, 68, 0.45);
  background: rgba(239, 68, 68, 0.08);
}

.maios-usage-banner__title {
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.maios-usage-banner__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-bottom: 0.35rem;
}

.maios-usage-banner__bar {
  height: 4px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.maios-usage-banner__bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #0d9488, #2563eb);
}

.maios-usage-banner__note {
  margin: 0.35rem 0 0;
  font-size: 0.72rem;
  opacity: 0.9;
}

.maios-hq-panel--loading,
.maios-hq-panel--error {
  border-style: dashed;
}

.maios-hq-note {
  margin: 0;
  font-size: 0.78rem;
  opacity: 0.85;
}

.maios-hq-note--error {
  color: #b91c1c;
}

.maios-usage-banner__admin-link {
  margin-top: 0.35rem;
  border: 0;
  background: transparent;
  color: #2563eb;
  font-size: 0.72rem;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

.maios-usage-admin {
  margin-top: 0.45rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(13, 148, 136, 0.22);
  border-radius: 0.55rem;
  background: rgba(13, 148, 136, 0.04);
  font-size: 0.72rem;
}

.maios-usage-admin__title {
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: #0f766e;
}

.maios-usage-admin__meta {
  margin: 0 0 0.4rem;
  opacity: 0.9;
}

.maios-usage-admin__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0.45rem;
}

.maios-usage-admin__table th,
.maios-usage-admin__table td {
  padding: 0.25rem 0.35rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  text-align: left;
}

.maios-usage-admin__recent-title {
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.maios-usage-admin__events {
  margin: 0;
  padding-left: 1rem;
  list-style: disc;
}

.maios-audit-panel {
  border: 1px solid rgba(100, 116, 139, 0.25);
  border-radius: 0.55rem;
  padding: 0.5rem 0.65rem;
  background: rgba(100, 116, 139, 0.04);
  font-size: 0.74rem;
}

.maios-audit-title {
  font-weight: 700;
  margin-bottom: 0.35rem;
}

.maios-audit-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

.maios-audit-item {
  display: grid;
  gap: 0.1rem;
}

.maios-audit-time {
  opacity: 0.75;
  font-size: 0.68rem;
}

.maios-audit-meta {
  opacity: 0.85;
  font-size: 0.68rem;
}

.b06-tc-comms-optin-note {
  font-size: 0.72rem;
  opacity: 0.85;
  margin: 0.25rem 0 0.5rem;
}

.b06-tc-comms-optin {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  font-size: 0.72rem;
  max-width: 18rem;
}

.b06-tc-inbound-summary {
  margin-top: 0.65rem;
  padding-top: 0.55rem;
  border-top: 1px dashed var(--border-subtle, rgba(0, 0, 0, 0.12));
}

.b06-tc-inbound-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.b06-tc-inbound-head h5 {
  margin: 0;
}

.b06-tc-inbound-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.72rem;
  margin-bottom: 0.35rem;
}

.b06-tc-inbound-latest {
  font-size: 0.74rem;
  margin-bottom: 0.35rem;
  padding: 0.35rem 0.45rem;
  border-radius: 0.35rem;
  background: var(--surface-muted, rgba(0, 0, 0, 0.04));
}

.b06-tc-inbound-list {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.72rem;
}

[data-theme="dark"] .b06-tc-inbound-summary {
  border-top-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .b06-tc-inbound-latest {
  background: rgba(255, 255, 255, 0.06);
}

.b06-tc-comms-status {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.72rem;
  margin-bottom: 0.45rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.35rem;
  background: var(--surface-muted, rgba(0, 0, 0, 0.04));
}

.b06-tc-comms-status-pill {
  display: inline-block;
  padding: 0.1rem 0.35rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
}

.b06-tc-comms-status-pill--ok {
  background: rgba(16, 185, 129, 0.15);
  color: #047857;
}

.b06-tc-comms-status-pill--warn {
  background: rgba(245, 158, 11, 0.18);
  color: #b45309;
}

.b06-tc-comms-webhook-url {
  font-size: 0.68rem;
  word-break: break-all;
}

[data-theme="dark"] .b06-tc-comms-status {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .b06-tc-comms-status-pill--ok {
  color: #6ee7b7;
}

[data-theme="dark"] .b06-tc-comms-status-pill--warn {
  color: #fcd34d;
}

.maios-arch-panel,
.maios-hq-panel,
.maios-trace-panel {
  border: 1px solid rgba(13, 148, 136, 0.25);
  border-radius: 0.65rem;
  padding: 0.65rem 0.75rem;
  background: rgba(13, 148, 136, 0.04);
}

.maios-arch-title,
.maios-hq-title,
.maios-trace-title {
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  color: #0f766e;
}

.maios-hq-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.maios-hq-head .maios-hq-title {
  margin-bottom: 0;
}

.maios-hq-stream {
  font-size: 0.68rem;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  white-space: nowrap;
}

.maios-hq-stream--ws {
  background: rgba(34, 197, 94, 0.16);
  color: #15803d;
}

.maios-hq-stream--sse {
  background: rgba(59, 130, 246, 0.16);
  color: #1d4ed8;
}

.maios-hq-stream--offline {
  background: rgba(148, 163, 184, 0.2);
  color: #64748b;
}

.maios-hq-approval {
  margin: 0.35rem 0 0.5rem;
  padding: 0.45rem 0.55rem;
  border-radius: 0.5rem;
  border: 1px dashed rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.06);
}

.maios-hq-approval__title {
  font-size: 0.72rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: #b45309;
}

.maios-hq-approval__list {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.74rem;
}

.maios-hq-approval-item {
  margin-bottom: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.maios-hq-approval-item--empty {
  opacity: 0.75;
  list-style: none;
  margin-left: -1rem;
}

.maios-arch-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}

.maios-arch-chip {
  font-size: 0.72rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.12);
  color: #115e59;
}

.maios-arch-note,
.maios-trace-note {
  font-size: 0.75rem;
  opacity: 0.85;
  margin: 0.25rem 0 0.35rem;
}

.maios-arch-list,
.maios-trace-steps {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.76rem;
  line-height: 1.45;
}

.maios-trace-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  font-size: 0.78rem;
  margin-bottom: 0.25rem;
}

.maios-trace-label {
  opacity: 0.75;
  min-width: 5.5rem;
}

.maios-trace-conf {
  font-size: 0.68rem;
  padding: 0.08rem 0.35rem;
  border-radius: 999px;
  text-transform: uppercase;
  background: rgba(148, 163, 184, 0.2);
}

.maios-trace-conf--high { background: rgba(34, 197, 94, 0.18); color: #15803d; }
.maios-trace-conf--medium { background: rgba(245, 158, 11, 0.18); color: #b45309; }
.maios-trace-conf--low,
.maios-trace-conf--none { background: rgba(148, 163, 184, 0.18); color: #475569; }

.maios-trace-row--failover .maios-trace-sub {
  color: #b45309;
}

.maios-trace-tools {
  margin-top: 0.55rem;
  padding-top: 0.45rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.35);
}

.maios-trace-tools__title {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
  margin-bottom: 0.35rem;
}

.maios-trace-tools__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.3rem;
}

.maios-trace-tool {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  font-size: 0.78rem;
}

.maios-trace-tool code {
  font-size: 0.72rem;
  background: rgba(15, 118, 110, 0.1);
  padding: 0.08rem 0.35rem;
  border-radius: 4px;
}

.maios-trace-tool--ok .maios-trace-tool__detail { color: #15803d; }
.maios-trace-tool--warn .maios-trace-tool__detail { color: #b45309; }
.maios-trace-tool--error .maios-trace-tool__detail { color: #b91c1c; }

[data-theme="dark"] .maios-trace-tools {
  border-top-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .maios-trace-tool--ok .maios-trace-tool__detail { color: #4ade80; }
[data-theme="dark"] .maios-trace-tool--warn .maios-trace-tool__detail { color: #fbbf24; }
[data-theme="dark"] .maios-trace-tool--error .maios-trace-tool__detail { color: #f87171; }

.maios-trace-step-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  background: rgba(13, 148, 136, 0.15);
  font-size: 0.68rem;
  margin-right: 0.25rem;
}

.maios-hq-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
}

.maios-hq-chip {
  font-size: 0.72rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.12);
  color: #115e59;
}

.maios-hq-chip--demo {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.maios-hq-send-status {
  margin-top: 0.5rem;
  font-size: 0.78rem;
  padding: 0.35rem 0.55rem;
  border-radius: 6px;
}

.maios-hq-send-status--live {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.maios-hq-send-status--queued {
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
}

[data-theme="dark"] .maios-hq-send-status--live {
  color: #4ade80;
}

[data-theme="dark"] .maios-hq-send-status--queued {
  color: #fbbf24;
}

.maios-hq-agents {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.45rem;
}

.maios-hq-agent-chip {
  font-size: 0.68rem;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  border: 1px solid rgba(13, 148, 136, 0.25);
  background: rgba(148, 163, 184, 0.12);
  color: #475569;
}

.maios-hq-agent-chip--active {
  background: rgba(59, 130, 246, 0.16);
  border-color: rgba(59, 130, 246, 0.35);
  color: #1d4ed8;
}

.maios-hq-agent-chip--done {
  background: rgba(34, 197, 94, 0.16);
  border-color: rgba(34, 197, 94, 0.35);
  color: #15803d;
}

.maios-hq-task-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

.maios-hq-task {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.45rem;
  align-items: center;
  padding: 0.35rem 0.45rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(13, 148, 136, 0.15);
  background: rgba(255, 255, 255, 0.55);
}

.maios-hq-task-status {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.65);
}

.maios-hq-task--active .maios-hq-task-status {
  background: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
  animation: maios-hq-pulse 1.2s ease-in-out infinite;
}

.maios-hq-task--done .maios-hq-task-status {
  background: #22c55e;
}

.maios-hq-task-body {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.maios-hq-task-body strong {
  font-size: 0.78rem;
}

.maios-hq-task-label {
  font-size: 0.72rem;
  opacity: 0.85;
}

.maios-hq-task-badge {
  font-size: 0.68rem;
  white-space: nowrap;
  color: #475569;
}

.c01-sidebar-agent__hq {
  display: inline-block;
  width: 0.45rem;
  height: 0.45rem;
  margin-left: 0.35rem;
  border-radius: 999px;
  vertical-align: middle;
}

.c01-sidebar-agent__hq--active {
  background: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

.c01-sidebar-agent__hq--done {
  background: #22c55e;
}

@keyframes maios-hq-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.75; }
}

.maios-hq-actions,
.maios-hq-rfq-preview__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.45rem;
}

.maios-hq-action-btn {
  font-size: 0.72rem;
  padding: 0.28rem 0.55rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(13, 148, 136, 0.35);
  background: rgba(13, 148, 136, 0.12);
  color: #115e59;
  cursor: pointer;
}

.maios-hq-action-btn.secondary {
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.35);
  color: #475569;
}

.maios-hq-rfq-preview {
  margin-top: 0.45rem;
  padding: 0.55rem 0.65rem;
  border: 1px dashed rgba(13, 148, 136, 0.35);
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.45);
}

.maios-hq-rfq-preview__title {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  color: #0f766e;
}

.maios-hq-rfq-preview__body {
  font-size: 0.72rem;
  white-space: pre-wrap;
  margin: 0;
  max-height: 9rem;
  overflow: auto;
  font-family: inherit;
}

.maios-hq-rfq-preview__legal {
  margin: 0.45rem 0 0;
  font-size: 0.68rem;
  opacity: 0.88;
}

.maios-hq-rfq-preview__legal a {
  color: #0f766e;
  text-decoration: underline;
}

.b06-tc-comms-kvkk-link,
.b06-tc-comms-policy-link {
  color: #0f766e;
  text-decoration: underline;
  margin-left: 0.25rem;
}

.maios-trace-panel--empty {
  font-size: 0.78rem;
  opacity: 0.85;
  padding: 0.5rem 0.65rem;
  border: 1px dashed rgba(148, 163, 184, 0.45);
  border-radius: 0.55rem;
}

.module-workspace-agent-chip-host {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.module-workspace-agent-chip {
  border: 1px solid rgba(13, 148, 136, 0.35);
  background: rgba(13, 148, 136, 0.08);
  color: inherit;
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.78rem;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.05rem;
}

.module-workspace-agent-chip__label {
  font-size: 0.62rem;
  opacity: 0.75;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.module-agent-insight-maios {
  font-size: 0.72rem;
  opacity: 0.85;
  margin-bottom: 0.35rem;
}

[data-theme="dark"] .maios-arch-panel,
[data-theme="dark"] .maios-hq-panel,
[data-theme="dark"] .maios-trace-panel {
  background: rgba(13, 148, 136, 0.08);
  border-color: rgba(45, 212, 191, 0.25);
}

[data-theme="dark"] .maios-arch-title,
[data-theme="dark"] .maios-hq-title,
[data-theme="dark"] .maios-trace-title { color: #5eead4; }

[data-theme="dark"] .maios-hq-task {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(45, 212, 191, 0.2);
}

[data-theme="dark"] .maios-hq-chip {
  background: rgba(45, 212, 191, 0.12);
  color: #5eead4;
}

[data-theme="dark"] .maios-hq-rfq-preview {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(45, 212, 191, 0.25);
}

[data-theme="dark"] .maios-hq-rfq-preview__title { color: #5eead4; }

[data-theme="dark"] .module-workspace-agent-chip {
  background: rgba(13, 148, 136, 0.15);
  border-color: rgba(45, 212, 191, 0.35);
}

/* GTW — Global Trade Watch (scoped) */
.gtos-mp--gtw .gtw-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  margin: 0.75rem 0 1rem;
}

.gtw-check {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
}

.gtw-list--pro {
  display: grid;
  gap: 0.75rem;
}

.gtw-pro-card {
  border: 1px solid var(--gtos-border-subtle, rgba(15, 23, 42, 0.12));
  border-radius: 12px;
  padding: 0.85rem 1rem;
  background: var(--gtos-surface-1, #fff);
}

.gtw-pro-card__head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.45rem;
}

.gtw-tier {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.gtw-tier--a { background: rgba(220, 38, 38, 0.12); color: #b91c1c; }
.gtw-tier--b { background: rgba(217, 119, 6, 0.14); color: #b45309; }
.gtw-tier--c { background: rgba(100, 116, 139, 0.14); color: #475569; }
.gtw-tier--tr { background: rgba(14, 116, 144, 0.14); color: #0e7490; }

.gtw-pro-domain,
.gtw-pro-jurisdiction {
  font-size: 0.75rem;
  opacity: 0.85;
}

.gtw-pro-title {
  margin: 0 0 0.35rem;
  font-size: 0.98rem;
}

.gtw-pro-message {
  margin: 0 0 0.55rem;
  font-size: 0.86rem;
  line-height: 1.45;
}

.gtw-pro-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  font-size: 0.78rem;
  opacity: 0.9;
}

.gtw-pro-link {
  margin-left: auto;
}

.gtw-pro-empty,
.c-module-strip--gtw .c-module-strip__sub {
  font-size: 0.85rem;
}

.c-module-strip__actions {
  margin: 0.35rem 0 0.25rem;
}

[data-theme="dark"] .gtw-pro-card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.2);
}

[data-theme="dark"] .gtw-tier--a { color: #fca5a5; }
[data-theme="dark"] .gtw-tier--b { color: #fdba74; }
[data-theme="dark"] .gtw-tier--c { color: #cbd5e1; }
[data-theme="dark"] .gtw-tier--tr { color: #67e8f9; }

.gtw-stale-banner {
  margin: 0 0 0.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  font-size: 0.84rem;
  line-height: 1.4;
}

.gtw-stale-banner--warning {
  background: rgba(217, 119, 6, 0.12);
  border: 1px solid rgba(217, 119, 6, 0.35);
  color: #b45309;
}

.gtw-stale-banner--critical {
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.35);
  color: #b91c1c;
}

[data-theme="dark"] .gtw-stale-banner--warning { color: #fdba74; }
[data-theme="dark"] .gtw-stale-banner--critical { color: #fca5a5; }