/* index-page.css — 从 index.html 内联 <style> 提取（P2-9）
 * 包含: 加油登记中心Tab样式、页面加载器、顶部进度条、问题库弹窗等
 * 注意: .fuel-tab / .fuel-tabs 保留第二处完整定义，第一处简单定义已删除（后者覆盖前者）
 */

/* 加油登记 · 明细导出 - 与网站整体风格一致的Tab切换 */
.fuel-center-container {
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.fuel-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--border-light, #e8e8e8);
  margin-bottom: 0;
  padding: 0 16px;
  background: var(--bg-card, #fff);
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.fuel-tab {
  padding: 14px 24px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-secondary, #666);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: var(--transition-fast, all 0.2s ease);
  font-weight: 500;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  display: flex;
  align-items: center;
  gap: 6px;
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
}
.fuel-tab:hover {
  color: var(--brand, #1890ff);
}
.fuel-tab.active {
  color: var(--brand, #1890ff);
  border-bottom-color: var(--brand, #1890ff);
  font-weight: 600;
  background: transparent;
  box-shadow: none;
}
.fuel-tab-icon {
  font-size: 16px;
}
.fuel-tab-content {
  width: 100%;
  flex: 1;
  overflow: hidden;
}
.fuel-tab-pane {
  display: none;
  width: 100%;
  height: 100%;
}
.fuel-tab-pane.active {
  display: block;
}
.fuel-iframe {
  width: 100%;
  height: calc(100vh - 180px);
  min-height: 800px;
  border: none;
  display: block;
}

/* 页面加载器 */
#pageLoader{position:fixed;inset:0;background:#ffffff;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .35s}
#pageLoader.done{opacity:0;pointer-events:none}
.pl-spinner{width:44px;height:44px;border:4px solid #e6f0ff;border-top-color:#1890ff;border-radius:50%;animation:plSpin .8s linear infinite}
.pl-text{margin-top:14px;font-size:13px;color:#8c8c8c;letter-spacing:1px}
@keyframes plSpin{to{transform:rotate(360deg)}}
#topProgress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#1890ff,#52c41a);z-index:99998;transition:width .3s ease;box-shadow:0 0 6px rgba(24,144,255,.4)}

/* 问题库新增弹窗 */
.doc-pro-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1200;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(2px)}
.doc-pro-modal.show{display:flex}

/* 材料类型卡片选择（替代下拉）——5 列，窄屏自动降列 */
.doc-pro-type-groups{display:block}
.doc-pro-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
@media (max-width:900px){.doc-pro-type-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.doc-pro-type-grid{grid-template-columns:repeat(2,1fr)}}
.doc-pro-type-btn{padding:10px 12px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;text-align:center;transition:all .15s;color:#333}
.doc-pro-type-btn:hover{border-color:#1677ff;color:#1677ff}
.doc-pro-type-btn.active{border-color:#1677ff;background:#e6f4ff;color:#1677ff;font-weight:600;box-shadow:0 0 0 1px #1677ff}
.doc-pro-grid label .req{color:#ff4d4f;margin-left:2px;font-weight:700}