/* 秋招工作台 · enterprise.css —— 企业情报与面经抽屉 */
/* ==========================================================================
   3. 企业情报与面经抽屉 (Enterprise Side-Drawer)
   ========================================================================== */
.drawer-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px); z-index: 95;
  animation: modalFadeIn .18s ease-out;
}
.drawer-backdrop.hide { display: none; }
.enterprise-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; width: 560px; max-width: calc(100vw - 24px);
  background: var(--panel); border-left: 1px solid var(--line); z-index: 96;
  box-shadow: -10px 0 35px rgba(0,0,0,0.3); display: flex; flex-direction: column;
  animation: drawerSlideIn .22s cubic-bezier(0.16, 1, 0.3, 1);
}
.enterprise-drawer.hide { display: none; }
@keyframes drawerSlideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }

.drawer-header {
  padding: 18px 22px; border-bottom: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between; flex: none;
}
.drawer-title-group { display: flex; align-items: center; gap: 10px; }
.drawer-title-group h3 { margin: 0; font-size: 18px; font-weight: 750; color: var(--ink); }
.drawer-close {
  border: 0; background: transparent; font-size: 18px; color: var(--faint);
  cursor: pointer; padding: 4px 8px; border-radius: 6px; transition: all .15s;
}
.drawer-close:hover { color: var(--bad); background: var(--bad-soft); }

.drawer-body {
  padding: 20px 22px; overflow-y: auto; flex: 1; display: flex; flex-direction: column; gap: 18px;
}
.drawer-sec {
  background: var(--panel-sub); border: 1px solid var(--line); border-radius: 10px;
  padding: 14px 16px;
}
.drawer-sec-title {
  margin: 0 0 10px; font-size: 13px; font-weight: 700; color: var(--accent);
  display: flex; align-items: center; gap: 7px;
}
.drawer-keyval-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; font-size: 12.5px;
}
.drawer-keyval { display: flex; flex-direction: column; gap: 2px; }
.drawer-k { color: var(--faint); font-size: 11px; }
.drawer-v { color: var(--ink); font-weight: 600; }
.drawer-star-item {
  padding: 10px 12px; background: var(--panel); border: 1px solid var(--line);
  border-radius: 8px; margin-bottom: 8px; font-size: 12.5px; line-height: 1.55;
}
.drawer-qa-item {
  margin-bottom: 8px; padding: 8px 12px; border-radius: 6px; background: var(--panel);
  border: 1px solid var(--line); font-size: 12px; color: var(--ink);
}
.drawer-memo-area {
  width: 100%; min-height: 90px; border: 1px solid var(--line); border-radius: 8px;
  padding: 10px 12px; font-size: 13px; line-height: 1.6; background: var(--panel);
  color: var(--ink); resize: vertical; outline: none;
}
.drawer-memo-area:focus { border-color: var(--accent); }