/* MySifa — palettes et styles d'interface (partagés) */
@import url("/static/mysifa_mobile_topbar.css");
@import url("/static/mysifa_dock.css");
@import url("/static/mysifa_ai_chat.css");

/* ── Palette Marine (navy profond / ambre) ── */
body.palette-ambre,
body.palette-forge {
  --bg: #0c1422;
  --card: #152030;
  --border: #1e3152;
  --text: #eef2ff;
  --text2: #a8bfe8;
  --muted: #6b7fa8;
  --accent: #F0A500;
  --accent-bg: rgba(240, 165, 0, 0.13);
  --filter-input-bg: #121d30;
  --success: #34d399;
  --warn: #4A8FE8;
  --danger: #f87171;
  --c1: #F0A500;
  --c2: #4A8FE8;
  --c3: #34d399;
  --c4: #fbbf24;
  --c5: #f87171;
}
body.palette-ambre.light,
body.palette-forge.light {
  --bg: #EFF3FA;
  --card: #ffffff;
  --border: #c8d6ef;
  --text: #0c1422;
  --text2: #1e3152;
  --muted: #6b7fa8;
  --accent: #c97d00;
  --accent-bg: rgba(201, 125, 0, 0.10);
  --filter-input-bg: #ffffff;
  --success: #059669;
  --warn: #2d6fbb;
  --danger: #dc2626;
  --c1: #c97d00;
  --c2: #2d6fbb;
  --c3: #059669;
  --c4: #c97d00;
  --c5: #dc2626;
}

/* ── Palette Pivoine (fond quasi-noir / magenta vif) ── */
body.palette-pivoine,
body.palette-cocon {
  --bg: #0e040c;
  --card: #1c0d18;
  --border: #3d1834;
  --text: #faeef6;
  --text2: #b888a4;
  --muted: #7a4870;
  --accent: #f03888;
  --accent-bg: rgba(240, 56, 136, 0.13);
  --filter-input-bg: #120810;
  --success: #34d399;
  --warn: #7a9cc8;
  --danger: #ff6060;
  --c1: #f03888;
  --c2: #7a9cc8;
  --c3: #34d399;
  --c4: #f0b240;
  --c5: #ff6060;
}
body.palette-pivoine.light,
body.palette-cocon.light {
  --bg: #faedf4;
  --card: #ffffff;
  --border: #eec8dc;
  --text: #1a0412;
  --text2: #5c1840;
  --muted: #a86088;
  --accent: #c01460;
  --accent-bg: rgba(192, 20, 96, 0.10);
  --filter-input-bg: #ffffff;
  --success: #2e7d32;
  --warn: #3a6090;
  --danger: #c0392b;
  --c1: #c01460;
  --c2: #3a6090;
  --c3: #2e7d32;
  --c4: #d06000;
  --c5: #c0392b;
}

/* ── Palette Forêt (quasi-noir / vert vif) ── */
body.palette-foret {
  --bg: #060d08;
  --card: #0e1c12;
  --border: #1c3820;
  --text: #eef5ef;
  --text2: #8fa898;
  --muted: #506058;
  --accent: #3dd67e;
  --accent-bg: rgba(61, 214, 126, 0.13);
  --filter-input-bg: #08110a;
  --success: #34d399;
  --warn: #c8a86a;
  --danger: #f87171;
  --c1: #3dd67e;
  --c2: #c8a86a;
  --c3: #34d399;
  --c4: #fbbf24;
  --c5: #f87171;
}
body.palette-foret.light {
  --bg: #ecf5ed;
  --card: #ffffff;
  --border: #bfdfc6;
  --text: #06160a;
  --text2: #2a5034;
  --muted: #5a7860;
  --accent: #187a3a;
  --accent-bg: rgba(24, 122, 58, 0.10);
  --filter-input-bg: #ffffff;
  --success: #059669;
  --warn: #8a6020;
  --danger: #dc2626;
  --c1: #187a3a;
  --c2: #8a6020;
  --c3: #059669;
  --c4: #b45309;
  --c5: #dc2626;
}

/* ── Palette Cendre (quasi-noir froid / bleu acier) ── */
body.palette-cendre {
  --bg: #080a0f;
  --card: #11151e;
  --border: #202840;
  --text: #edf0f8;
  --text2: #848ea8;
  --muted: #505870;
  --accent: #6496c8;
  --accent-bg: rgba(100, 150, 200, 0.13);
  --filter-input-bg: #0b0e16;
  --success: #34d399;
  --warn: #c8a070;
  --danger: #f87171;
  --c1: #6496c8;
  --c2: #c8a070;
  --c3: #34d399;
  --c4: #fbbf24;
  --c5: #f87171;
}
body.palette-cendre.light {
  --bg: #edf0f7;
  --card: #ffffff;
  --border: #cdd4e4;
  --text: #080c1a;
  --text2: #303a58;
  --muted: #8890a8;
  --accent: #2a5c9a;
  --accent-bg: rgba(42, 92, 154, 0.10);
  --filter-input-bg: #ffffff;
  --success: #059669;
  --warn: #8a6020;
  --danger: #dc2626;
  --c1: #2a5c9a;
  --c2: #8a6020;
  --c3: #059669;
  --c4: #b45309;
  --c5: #dc2626;
}

/* ── Palette Braise (quasi-noir chaud / orange brûlé) ── */
body.palette-braise {
  --bg: #0e0500;
  --card: #1c0d00;
  --border: #3d1e00;
  --text: #fdf0e6;
  --text2: #b8907a;
  --muted: #806050;
  --accent: #f07030;
  --accent-bg: rgba(240, 112, 48, 0.13);
  --filter-input-bg: #120700;
  --success: #34d399;
  --warn: #6a90b0;
  --danger: #ff6060;
  --c1: #f07030;
  --c2: #6a90b0;
  --c3: #34d399;
  --c4: #fbbf24;
  --c5: #ff6060;
}
body.palette-braise.light {
  --bg: #fdf0e6;
  --card: #ffffff;
  --border: #efd8c0;
  --text: #180800;
  --text2: #5c2800;
  --muted: #a06040;
  --accent: #b83c00;
  --accent-bg: rgba(184, 60, 0, 0.10);
  --filter-input-bg: #ffffff;
  --success: #2e7d32;
  --warn: #3a6090;
  --danger: #c0392b;
  --c1: #b83c00;
  --c2: #3a6090;
  --c3: #2e7d32;
  --c4: #d06000;
  --c5: #c0392b;
}

/* ── Style : Compact ── */
body.style-mini {
  font-family: 'Courier New', 'SF Mono', monospace;
}
body.style-mini .card,
body.style-mini .login-card,
body.style-mini .upd-card,
body.style-mini .stat,
body.style-mini .prod-dossier-suggest {
  border-radius: 4px !important;
}
body.style-mini .field input,
body.style-mini .filter-input,
body.style-mini select,
body.style-mini .search-bar,
body.style-mini textarea {
  border-radius: 4px !important;
}
body.style-mini .nav-btn,
body.style-mini .btn,
body.style-mini .btn-sm,
body.style-mini .btn-save,
body.style-mini .btn-accent,
body.style-mini .btn-danger,
body.style-mini .btn-ghost,
body.style-mini .back-link,
body.style-mini .login-btn,
body.style-mini .filters-apply-btn {
  border-radius: 4px !important;
}
body.style-mini .user-chip,
body.style-mini .theme-btn,
body.style-mini .logout-btn,
body.style-mini .toast {
  border-radius: 4px !important;
}
body.style-mini .sidebar {
  border-radius: 0 !important;
}
body.style-mini input,
body.style-mini button {
  border-radius: 4px !important;
}

/* ── Style : Aéré ── */
body.style-round .card,
body.style-round .login-card,
body.style-round .upd-card {
  border-radius: 20px !important;
}
body.style-round .stat {
  border-radius: 18px !important;
}
body.style-round .field input,
body.style-round .filter-input,
body.style-round select,
body.style-round .search-bar {
  border-radius: 14px !important;
}
body.style-round .nav-btn,
body.style-round .back-link {
  border-radius: 12px !important;
}
body.style-round .btn,
body.style-round .btn-sm,
body.style-round .btn-save,
body.style-round .btn-accent,
body.style-round .btn-danger,
body.style-round .btn-ghost,
body.style-round .login-btn,
body.style-round .filters-apply-btn {
  border-radius: 14px !important;
}
body.style-round .user-chip,
body.style-round .theme-btn,
body.style-round .logout-btn,
body.style-round .toast {
  border-radius: 12px !important;
}
body.style-round .sidebar {
  border-radius: 0 20px 20px 0 !important;
}
body.style-round input,
body.style-round button {
  border-radius: 14px !important;
}