/* 机构管理页面样式 */
@import '../../../../css/tokens.css';
@import '../../../../css/components.css';
@import './base.css';

/* 表单项样式 */
.form-item {
  margin-bottom: 12px;
}

.form-item label {
  display: block;
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}

.form-item input,
.form-item select {
  width: 100%;
  padding: 8px;
  border: 1px solid #cbd5e0;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

.form-item input:focus,
.form-item select:focus {
  outline: none;
  border-color: var(--brand-green);
  box-shadow: 0 0 0 3px var(--brand-green-light);
}

/* 覆盖 stu-drawer 样式用于机构管理 */
.stu-drawer {
  background: #fff;
  width: 480px;
  max-width: 94vw;
  height: 100%;
  overflow: auto;
  box-shadow: -8px 0 30px rgba(0,0,0,0.18);
  padding: 24px;
}

/* 机构信息卡片网格 */
.inst-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media (max-width: 480px) {
  .inst-card-grid {
    grid-template-columns: 1fr;
  }
}

.inst-info-card {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  padding: 12px;
}

.inst-info-label {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}

.inst-info-val {
  font-size: 14px;
  color: var(--text-primary);
  font-weight: 500;
}

/* 抽屉操作按钮区 */
.stu-drawer-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* 按钮样式 */
.btn-success {
  background: var(--brand-green);
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: var(--radius-md);
  font-size: 14px;
  cursor: pointer;
  transition: all var(--dur-fast) var(--ease-out);
}

.btn-success:hover {
  background: var(--brand-green-hover);
}

.btn-danger {
  background: #e53e3e;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: var(--radius-md);
  font-size: 14px;
  cursor: pointer;
}

.btn-danger:hover {
  background: #c53030;
}

.btn-primary {
  background: #2b6cb0;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: var(--radius-md);
  font-size: 14px;
  cursor: pointer;
}

.btn-primary:hover {
  background: #2c5282;
}

.btn-secondary {
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-base);
  padding: 8px 16px;
  border-radius: var(--radius-md);
  font-size: 14px;
  cursor: pointer;
}

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

.btn-sm {
  padding: 4px 12px;
  font-size: 12px;
}