/* Independent settings workspace overrides. Loaded after admin.css. */
@media (min-width: 761px) {
  #settingsModal { padding: 48px !important; background: rgba(15,23,42,.52) !important; }
  #settingsModal .settings-box { width:min(1520px,calc(100vw - 96px)) !important; height:min(1400px,calc(100dvh - 96px)) !important; max-height:none !important; grid-template-rows:86px minmax(0,1fr) 86px !important; border-radius:22px !important; overflow:hidden !important; box-shadow:0 30px 88px rgba(15,23,42,.3) !important; }
  #settingsModal .settings-box>h3 { display:flex !important; align-items:center !important; margin:0 !important; padding:0 36px !important; border-bottom:1px solid #e3eaf3 !important; font-size:25px !important; }
  #settingsModal .settings-layout { grid-template-columns:270px minmax(0,1fr) !important; min-height:0 !important; }
  #settingsModal .settings-nav { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:5px !important; padding:20px 14px !important; overflow:auto !important; background:#f7f9fc !important; border-right:1px solid #e3eaf3 !important; }
  #settingsModal .settings-nav::before { content:"工作区设置"; padding:4px 14px 10px; color:#98a2b3; font-size:12px; font-weight:800; letter-spacing:.05em; }
  #settingsModal .settings-tab { flex:0 0 48px !important; min-height:48px !important; margin:0 !important; padding:0 15px !important; border:1px solid transparent !important; border-radius:11px !important; background:transparent !important; color:#536176 !important; font-size:16px !important; font-weight:750 !important; line-height:46px !important; text-align:left !important; }
  #settingsModal .settings-tab:hover { background:#eef4fb !important; color:#1769e0 !important; }
  #settingsModal .settings-tab.active { border-color:#e4ecf7 !important; background:#fff !important; color:#1769e0 !important; box-shadow:0 2px 8px rgba(15,23,42,.05) !important; }
  #settingsModal .settings-pane { min-height:0 !important; padding:38px 46px 54px !important; overflow:auto !important; background:#fff !important; }
  #settingsModal .settings-pane.active>.field { width:100% !important; max-width:none !important; margin-bottom:20px !important; }
  #settingsModal .settings-pane.active>.field .input { min-height:54px !important; padding:14px 17px !important; border-radius:12px !important; }
  #settingsModal .settings-pane.active>.field .textarea { min-height:128px !important; padding:15px 17px !important; border-radius:12px !important; line-height:1.6 !important; }
  #settingsModal .settings-actions { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:12px !important; margin:0 !important; padding:0 32px !important; border-top:1px solid #e3eaf3 !important; background:#fff !important; }
  #settingsModal .settings-actions .btn { min-height:46px !important; border-radius:11px !important; }
}
@media (min-width:761px) {
  #quickReplyModal { padding:24px !important; }
  #quickReplyModal .settings-box { display:flex !important; flex-direction:column !important; width:min(680px,calc(100vw - 48px)) !important; height:auto !important; max-height:calc(100dvh - 48px) !important; grid-template-rows:none !important; border-radius:16px !important; overflow:auto !important; }
  #quickReplyModal .settings-box>h3 { display:flex !important; flex:0 0 68px !important; align-items:center !important; padding:0 28px !important; border-bottom:1px solid #e4eaf2 !important; font-size:21px !important; }
  #quickReplyModal .quick-type-tabs { display:flex !important; gap:4px !important; margin:18px 40px 4px !important; padding:4px !important; border-radius:14px !important; background:#edf2f8 !important; }
  #quickReplyModal .quick-type-tab { flex:1 1 0 !important; min-width:0 !important; min-height:46px !important; margin:0 !important; padding:0 12px !important; border:0 !important; border-radius:10px !important; background:transparent !important; color:#526178 !important; font-size:16px !important; font-weight:750 !important; }
  #quickReplyModal .quick-type-tab.active { background:#fff !important; color:#172033 !important; box-shadow:0 2px 8px rgba(15,23,42,.12) !important; }
  #quickReplyModal .quick-modal-panel { display:none !important; min-height:0 !important; padding:18px 24px 4px !important; }
  #quickReplyModal .quick-modal-panel.active { display:block !important; }
  #quickReplyModal>.settings-box>.field { width:auto !important; margin:0 !important; padding:10px 24px 20px !important; }
  #quickReplyModal .textarea { min-height:150px !important; max-height:320px !important; }
  #quickReplyModal .rich-editor { min-height:190px !important; }
  #quickReplyModal .settings-actions { display:flex !important; flex:0 0 70px !important; align-items:center !important; justify-content:flex-end !important; margin:0 !important; padding:0 24px !important; border-top:1px solid #e4eaf2 !important; }
}

/* Knowledge-base toolbar: keep the two filters on one horizontal row. */
@media (min-width: 761px) {
  #settingsModal .knowledge-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
  #settingsModal .knowledge-search { flex: 1 1 auto !important; min-width: 260px !important; }
  #settingsModal .knowledge-filters { display: flex !important; align-items: center !important; flex: 0 0 auto !important; gap: 8px !important; }
  #settingsModal .knowledge-filters select { width: 132px !important; min-width: 132px !important; height: 44px !important; }
  #settingsModal .knowledge-toolbar .knowledge-import,
  #settingsModal .knowledge-toolbar .knowledge-add { flex: 0 0 auto !important; width: auto !important; }
}