@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ========================================================
   Mingdao Premium Mobile App Theme - "Clean Minimalist"
======================================================== */

:root {
  --app-bg: #F5F7FA;
  --card-bg: #FFFFFF;
  --primary: #000000;
  --primary-glow: rgba(0, 0, 0, 0.1);
  --text-main: #1D1D1F;
  --text-secondary: #86868B;
  --border-radius-lg: 20px;
  --border-radius-md: 16px;
  --border-radius-btn: 30px;
}

body, html, #app {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  background-color: var(--app-bg) !important;
  color: var(--text-main) !important;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* 移除上个版本的暗黑背景 */
body::before {
  display: none !important;
}

/* -------------------------------------
   核心容器重置
------------------------------------- */
.mobileAppContent, .customPageContainer, .adm-list {
  background: transparent !important;
}

/* 为最外层框架留出呼吸感 */
#app, .mobileAppContent {
  padding-bottom: 30px !important; /* 避免底部贴底 */
}

/* -------------------------------------
   导航与 Header (Vant 极简标配)
------------------------------------- */
.adm-tabs-header, .mobileHeader, .commonHeader {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid #ebedf0 !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 99 !important;
}

.adm-tabs-tab {
  color: #646566 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  padding: 12px 10px !important;
}

.adm-tabs-tab-active {
  color: #323233 !important;
  font-weight: 500 !important;
}

.adm-tabs-tab-line {
  background: #1989fa !important; /* Vant Primary Blue */
  height: 3px !important;
  border-radius: 3px !important;
  bottom: 0 !important;
  width: 16px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* -------------------------------------
   卡片与模块 (Vant 扁平卡片化)
------------------------------------- */
/* 拦截所有页面列表项组件 */
div[class*="mobileWidget"],
div[class*="Card"], 
.recordListItem, .adm-list {
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important; /* Vant 卡片经典圆角 */
  margin: 12px 16px !important;
  box-shadow: 0 2px 12px rgba(100, 101, 102, 0.08) !important;
  color: #323233 !important;
  overflow: hidden !important; 
}

/* List 内部的 item 需要变为 Vant Cell (取消大圆角) */
.adm-list-item {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #ebedf0 !important;
}
.adm-list-item:last-child {
  border-bottom: none !important;
}

/* -------------------------------------
   排版优化 (Vant Typography)
------------------------------------- */
h1, h2, h3, h4, h5, .adm-list-item-content-main, .adm-list-item-title, .recordListItem [class*="title"], .recordListItem [class*="name"] {
  color: #323233 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.adm-list-item-description, .recordListItem [class*="desc"], .recordListItem [class*="time"], .recordListItem [class*="info"] {
  color: #969799 !important;
  font-size: 13px !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
}

/* -------------------------------------
   按钮 (药丸形状，纯色，苹果风)
------------------------------------- */
.ming.Button, .Button--primary, .Button--medium, .adm-button-primary {
  border-radius: var(--border-radius-btn) !important;
  background: var(--primary) !important;
  box-shadow: 0 6px 16px var(--primary-glow) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 12px 24px !important;
  height: auto !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: inline-block !important; /* 确保 padding 正常生效 */
}

/* 按钮按下的物理反馈 */
.ming.Button:active, .adm-button-primary:active {
  transform: scale(0.96) !important;
  opacity: 0.8 !important;
  box-shadow: 0 2px 8px var(--primary-glow) !important;
}

/* 灰色次级按钮 */
.Button--ghost, .adm-button-default, .adm-button-weak {
  background: rgba(0,0,0,0.04) !important;
  color: var(--text-main) !important;
  border: none !important;
  box-shadow: none !important;
}

/* -------------------------------------
   搜索框 & 输入框
------------------------------------- */
.pAll0.Border0.w100, .adm-search-bar-input, input, textarea {
  background: rgba(0,0,0,0.03) !important;
  border: none !important;
  color: var(--text-main) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

.adm-search-bar-cancel {
  color: var(--text-secondary) !important;
  font-weight: 500 !important;
}

/* -------------------------------------
   滚动条与全局细节
------------------------------------- */
::-webkit-scrollbar {
  display: none !important; /* 移动端彻底隐藏滚动条 */
}

/* 对于明道云特有的 Widget 的一些边框修复 */
[class*="Border"], [class*="Line"] {
  border-color: rgba(0,0,0,0.05) !important;
}

/* -------------------------------------
   新增报工表单重构 (Vant Style Action Sheet)
------------------------------------- */
.ant-modal, .mobileModal .ant-modal, .WorkSheetRecordInfo {
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  top: 10% !important; /* Vant Action Sheet */
  height: 90% !important;
  padding-bottom: 0 !important;
}

.ant-modal-content {
  height: 100% !important;
  border-radius: 16px 16px 0 0 !important; /* Vant typical radius */
  background: #f7f8fa !important;
  box-shadow: none !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
}

.ant-modal-header {
  background: #ffffff !important;
  border-bottom: 1px solid #ebedf0 !important;
  padding: 16px 16px !important;
  text-align: center !important;
}

.ant-modal-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #323233 !important;
  letter-spacing: 0 !important;
}

.ant-modal-body, .scroll-viewport {
  padding: 0 0 20px 0 !important; /* Vant cells have no outer padding */
  background: transparent !important;
}

.ant-modal-close {
  top: 16px !important;
  right: 16px !important;
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
}
.ant-modal-close-x {
  font-size: 20px !important;
  color: #c8c9cc !important;
}

/* 表单字段框 Vant Cell 化 */
.customFormControlBox {
  background: #ffffff !important;
  border-radius: 0 !important;
  padding: 16px 16px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ebedf0 !important;
}

.ControlLabel {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #323233 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* 下拉框组与选项组 */
div.ming.Dropdown {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  height: auto !important;
  padding: 8px 0 !important;
  font-weight: 400 !important;
  color: #323233 !important;
}

label.ming.Radio {
  background: #f2f3f5 !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
  margin: 0 8px 8px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid transparent !important;
}
.Radio-box--checked { background-color: #1989fa !important; border-color: #1989fa !important; }

/* 底部特大防错提交按钮 (Vant Primary Button) */
button.ming.Button--primary {
  width: calc(100% - 32px) !important;
  border-radius: 999px !important; /* Vant Round Button */
  height: 44px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  background: #1989fa !important;
  letter-spacing: 0 !important;
  margin: 24px 16px !important;
  box-shadow: none !important;
}

/* 全局背景幕布 */
.ant-modal-mask {
  background-color: rgba(0,0,0,0.7) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/**
 * ==========================================
 * 阶段 3 & 4：底层表单交互与 RecordList 强约束
 * 目标：将一切悬浮层转化为 Vant/iOS 级别的 Bottom Sheet，全宽圆角蓝色主题
 * ==========================================
 */

/* 拦截原生弹出抽屉，重塑为高级毛玻璃圆角面板 */
.adm-popup-body, .mobileForm, .workSheetForm, [class*="Drawer"], [class*="Dialog"] {
  border-radius: 20px 20px 0 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid rgba(255,255,255,0.4) !important;
}

/* 改造所有明道底部的“提交”、“确定”、“保存”按钮 */
[class*="Footer"] [class*="Btn"], [class*="submit"], [class*="Button"], .adm-button-primary {
  border-radius: 24px !important; /* 胶囊形按钮 */
  background: #1989fa !important;
  color: #fff !important;
  border: none !important;
  font-weight: 500 !important;
  height: 44px !important;
  box-shadow: 0 4px 12px rgba(25, 137, 250, 0.25) !important;
  text-shadow: none !important;
  margin-bottom: env(safe-area-inset-bottom) !important;
}

/* 使原生日期选择器、选项列表等空间更通透 */
.adm-list-item {
  padding: 12px 16px !important;
  border-bottom: 1px solid #f2f3f5 !important; /* 极浅分割线 */
}

/* 确保抽屉的标题行更像居中的模态标题 */
.adm-popup-header, [class*="Header"] {
  display: flex !important;
  justify-content: center !important;
  padding: 16px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #323233 !important;
}