/**
 * File: public/css/director_home.css
 * Version: 0.1.3
 * Last Modified: 2026-11-01 08:48 PM EST
 * Changes: 0.1.3 — Chat 2.0 merge: step 2 icon rail button rules removed (#rail-toggle is the round toggle in chat2_rail.css);
 *          step 5 Create image chip + composer toggle bar rules removed (Create image is in +).
 * Changes: Keep mobile composer controls clear and rail navigation icons white.
 */
#sidebar-header { gap: 10px; }
#sidebar-collapse-btn {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 40px; width: 40px; height: 40px; margin-left: auto;
  border: 1px solid var(--border); border-radius: 10px;
  background: transparent; color: #fff; cursor: pointer;
}
#sidebar-collapse-btn:hover { background: var(--bg-tertiary); }
#sidebar-collapse-btn:focus-visible, #rail-toggle:focus-visible {
  outline: 2px solid #fff; outline-offset: 2px;
}
#sidebar svg { color: #fff !important; stroke: #fff !important; }
#imgGenConfirm { min-height: 44px; white-space: nowrap; }
#imgGenConfirm:disabled { opacity: .5; cursor: not-allowed; }
#imgModelStatus, #imgGenStatus, #imgDirectConfirmation { overflow-wrap: anywhere; }
@media (max-width: 380px) {
  #imgGenConfirm { white-space: normal; }
}
#imageGenPopup {
  position: fixed !important; inset: auto !important;
  bottom: max(80px, env(safe-area-inset-bottom)) !important;
  left: 50% !important; transform: translateX(-50%);
  width: min(440px, calc(100vw - 24px)) !important; min-width: 0 !important;
  max-height: calc(100dvh - 120px); overflow-y: auto; box-sizing: border-box;
  z-index: 10050;
}
/* === END OF FILE (FILENAME: /var/www/vhosts/koracouncil.com/compact-settings-director-worktree/public/css/director_home.css) === */
