/* ============================================================
   成都小众 ERP · 柔和卡通皮肤（2026-11-03，移动端版）
   生效范围：手机/平板/小程序 web-view（≤1024px）；电脑端(>1024px)完全原样
   核心原则：带内联 style 的元素（状态色按钮/状态行/状态字体）一律让路，
   皮肤只美化"默认外观"，状态颜色区分原样保留
   ============================================================ */
@media (max-width:1024px){

/* --- 全局底色：柔和奶油天空 --- */
body{background:linear-gradient(180deg,#eaf4ff 0%,#f6faff 45%,#fff6ee 100%)!important;background-attachment:fixed!important}

/* --- 顶部导航：柔和渐变 --- */
.nav{background:linear-gradient(135deg,#3a7bd5 0%,#5b8def 55%,#7fa9f5 100%)!important;box-shadow:0 4px 14px rgba(80,130,220,.28)!important}
.nav-brand{font-weight:800;letter-spacing:.5px}
.nav-group .nav-dropdown{background:linear-gradient(180deg,#4380d8,#5b8def)!important;border-radius:0 0 14px 14px!important;box-shadow:0 10px 24px rgba(80,130,220,.35)!important}

/* --- 卡片/面板：奶白圆角果冻卡（仅无内联状态色的面板） --- */
.dash-panel:not([style]),.stat-card:not([style]),.ct-search-bar:not([style]),.search-bar:not([style]),.batch-bar:not([style]),.sr-sec:not([style]),.plan-sidebar{background:#fffdf9!important;border-radius:18px!important;border:2px solid #ffe9cf!important;box-shadow:0 4px 0 rgba(255,205,140,.28),0 10px 24px rgba(120,150,220,.10)!important}
.stat-card:not([style]){transition:transform .15s ease}
.stat-card:not([style]):hover{transform:translateY(-3px)}
.modal-content{border-radius:20px!important;border:2px solid #ffe3c2;box-shadow:0 8px 0 rgba(255,205,140,.25),0 18px 40px rgba(90,110,200,.22)!important}
.modal-header{border-bottom:2px dashed #ffe3c2!important}
.modal-title{font-weight:800!important}

/* --- 按钮：胶囊化 + 果冻按压；颜色一律尊重内联状态色 --- */
button[class^='btn-']{border-radius:999px!important;transition:transform .12s ease}
button[class^='btn-']:active{transform:scale(.94)}
/* 无内联样式的按钮才上皮肤色（语义色：蓝主/绿成功/橙警告/红危险）；带内联状态色的按钮（齐套检查/生产领料/随工单等）完全不动 */
.btn-primary:not([style]),.btn-export:not([style]){background:linear-gradient(135deg,#4aa0ff,#1677ff)!important;border:none!important;font-weight:700!important;box-shadow:0 3px 0 #0e5cc4,0 6px 14px rgba(22,119,255,.22)!important}
.btn-success:not([style]){background:linear-gradient(135deg,#3fd68f,#0e9f5e)!important;border:none!important;font-weight:700!important;box-shadow:0 3px 0 #097a48,0 6px 14px rgba(14,159,94,.2)!important}
.btn-warning:not([style]){background:linear-gradient(135deg,#ffb35c,#ff9a2e)!important;border:none!important;color:#fff!important;font-weight:700!important;box-shadow:0 3px 0 #d4610a,0 6px 14px rgba(255,150,40,.2)!important}
.btn-danger:not([style]){background:linear-gradient(135deg,#ff7875,#fa5151)!important;border:none!important;font-weight:700!important;box-shadow:0 3px 0 #c0392b,0 6px 14px rgba(250,81,81,.2)!important}
.btn-secondary:not([style]){background:#fff!important;border:2px solid #ffd9ae!important;color:#b25e00!important;font-weight:600!important;box-shadow:0 2px 0 rgba(255,205,140,.4)!important}
/* 带内联状态色的按钮：只加柔和厚底阴影，颜色原样 */
button[class^='btn-'][style]{box-shadow:0 3px 0 rgba(0,0,0,.14)!important}

/* --- 输入框/下拉：圆角软描边（readonly 灰底等内联状态不受影响） --- */
input:not([style]),select:not([style]),textarea:not([style]){border-radius:10px!important;border:2px solid #d6e6ff!important;background:#fbfdff!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#4aa0ff!important;box-shadow:0 0 0 3px rgba(74,160,255,.12)!important}

/* --- 表格：淡蓝表头 + 斑马纹（均不碰带内联状态色的行） --- */
table{border-radius:12px}
thead th{background:linear-gradient(180deg,#eaf3ff,#f5faff)!important;color:#2b5cab!important;border-color:#e3eefc!important}
tbody tr:not([style]):nth-child(even) td{background:#fbfdff}
tbody tr:not([style]):hover td{background:#fff7e8}
td:not([style]):not(.col-act):not(.action-btns){}

/* --- 页签：药丸式 --- */
.tab-bar{border-bottom:none!important;gap:6px;margin-bottom:14px}
.tab-item{border-radius:999px!important;border:2px solid transparent!important;background:#f2f7ff;color:#5b7398!important;margin-bottom:0!important}
.tab-item.active{background:linear-gradient(135deg,#4aa0ff,#1677ff)!important;color:#fff!important;font-weight:700;box-shadow:0 3px 0 #0e5cc4}
.prod-sub-tab-nav a.prod-sub-tab{border-radius:999px!important;margin-right:6px}

/* --- 徽章：只圆角化，语义色不动 --- */
.badge{border-radius:999px!important}

/* --- 登录页柔和 --- */
.login-left{background:linear-gradient(160deg,#3a7bd5 0%,#6f9df0 60%,#ffc98a 130%)!important}
.login-brand-icon{background:linear-gradient(135deg,#ffd08a,#ff9a3d)!important;border-radius:14px!important}

/* --- 侧栏页签 --- */
.side-item{border-radius:10px;margin:2px 6px}

/* --- 甘特图/计划列表柔和 --- */
.plan-item{border-radius:14px!important;border:2px solid #ffe9cf!important}
.plan-item:hover{border-color:#4aa0ff!important}

/* --- 2026-11-03g：小程序端易用性补强（不碰内联状态色） --- */
/* 药丸页签触控加大 + 不换行丢失：允许换行滚动 */
.tab-bar{flex-wrap:wrap!important;min-height:40px}
.tab-item{padding:8px 16px!important;font-size:13px!important}
/* 表格行斑马纹与表头已有；行高触控舒适 */
tbody tr:not([style]) td{padding-top:5px;padding-bottom:5px}
/* 操作列按钮胶囊触控加大 */
td.action-btns button{min-height:30px!important;padding:4px 10px!important}
/* 抽屉菜单卡片化 */
.mobile-drawer{background:linear-gradient(180deg,#fffdf9,#f4f9ff)!important;border-radius:0 18px 18px 0!important}
.mobile-drawer-body a{transition:background .15s}
.mobile-drawer-body a:active{background:#e8f1ff}
/* 弹窗底部圆角取消（手机化后从底部弹出） */
.modal-content{border-radius:20px 20px 0 0!important}
@media (min-width:769px){.modal-content{border-radius:20px!important}}

/* --- 滚动条圆润 --- */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#c9dcf5;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#a8c8ef}
::-webkit-scrollbar-track{background:transparent}
}