/* ================================================================
* 陶和工作票 APP · 清晰化补丁 v34
* 加载：
* ----------------------------------------------------------------
* v34 新增：
* · 列表 加白底（审批流程管理列表不再糊）
* · 顶栏标题真正水平居中（logo 绝对定位不占位）
* v33 保留：
* · 全局关掉毛玻璃模糊
* · card/stat/g-card/footer 100% 纯白实色
* ================================================================ */
/* ---------- 1. 关闭所有毛玻璃 ---------- */
*, *::before, *::after{
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
/* ---------- 2. 白底组件改为 100% 实白 ---------- */
.card{background:#ffffff !important}
.stat{background:#ffffff !important}
.grid .g-card{background:#ffffff !important}
.footer-bar{background:#ffffff !important}
.form-item .view{background:#f7fafd !important}
.sm-batch{background:#fff8e1 !important}
.sm-tbl{background:#ffffff !important}
.sm-tbl tbody tr:nth-child(odd){background:#fafcfe !important}
.filter .fbtn{background:#ffffff !important}
.install-tip{background:#fffbe6 !important}
/* ---------- 3. 独立列表 加白底容器 ---------- */
/* 只有当 list 不在 card 里时才加白底，避免重复背景 */
#app > .list,
#app > ul.list{
background:#ffffff !important;
border-radius:14px !important;
padding:6px 14px !important;
margin:0 0 14px 0 !important;
box-shadow:0 4px 16px rgba(15,76,129,.08),0 1px 3px rgba(0,0,0,.04) !important;
border:1px solid rgba(255,255,255,.6) !important;
}
#app > .list li,
#app > ul.list li{
background:transparent !important;
}
#app > .list li:hover,
#app > ul.list li:hover{
background:linear-gradient(90deg,rgba(15,76,129,.04),transparent) !important;
}
/* ---------- 4. 顶栏标题居中 + 姓名字号 ---------- */
/* 左侧 = back(32) + logo + margin，右侧对称加宽 */
@media (min-width:601px){
/* 桌面：back(48) + logo(120) + margin(16) = 184 */
.topbar .right{
min-width:184px !important;
text-align:right !important;
font-size:18px !important;
font-weight:600 !important;
}
}
@media (max-width:600px){
/* 手机：back 按钮 hidden 时不占位，logo 贴到最左 */
.topbar .back[style*="visibility:hidden"],
.topbar .back[style*="visibility: hidden"]{
display:none !important;
}
/* 左侧 = logo(64) + margin(8) = 72，右侧对称 */
.topbar .right{
min-width:72px !important;
text-align:right !important;
}
}
/* ---------- 5. 桌面宽屏优化（≥900px） ---------- */
@media (min-width:900px){
/* 主内容区加白色面板，收拢视觉焦点 */
#app.page{
max-width:1160px !important;
background:rgba(255,255,255,0.75) !important;
border-radius:18px !important;
padding:20px 28px 100px !important;
margin-top:14px !important;
box-shadow:0 10px 40px rgba(15,76,129,.22),0 2px 6px rgba(0,0,0,.05) !important;
border:1px solid rgba(255,255,255,.7) !important;
}
/* 底图上层蒙层加深一点，让白面板更凸出 */
body::before{
background:linear-gradient(180deg,rgba(15,76,129,.40) 0%,rgba(15,76,129,.55) 100%) !important;
}
/* 4 张统计卡片间距收紧 */
.stats{gap:14px !important}
.stat{padding:22px 10px 18px !important}
.stat .n{font-size:32px !important}
.stat .l{font-size:12px !important;margin-top:8px !important}
/* 工作措施 grid 桌面端 4 列（原来是 2 列） */
.grid{grid-template-columns:repeat(4,1fr) !important;gap:14px !important}
.grid .g-card{
min-height:88px !important;
font-size:15px !important;
padding:20px 12px !important;
}
/* 卡片间距略收 */
.card{margin-bottom:16px !important}
/* 底部按钮条也居中不拉满 */
.footer-bar{
max-width:1160px !important;
margin:0 auto !important;
border-radius:14px 14px 0 0 !important;
left:50% !important;right:auto !important;
transform:translateX(-50%) !important;
}
}
/* ---------- 6. 超宽屏（≥1400px）grid 5 列 ---------- */
@media (min-width:1400px){
.grid{grid-template-columns:repeat(5,1fr) !important}
}
/* ========= 操作步骤列表 (steplist for 倒闸操作票) ========= */
.steplist{
border:1px solid #d0d7de;
border-radius:6px;
background:#fff;
overflow:hidden;
}
.steplist-hdr{
display:grid;
grid-template-columns:56px 1fr 44px 56px;
background:#f0f4f8;
color:#1f4e79;
font-weight:bold;
font-size:13px;
padding:8px 6px;
border-bottom:1px solid #d0d7de;
}
.steplist-hdr span{text-align:center;}
.steplist-hdr .col-content{text-align:left;padding-left:8px;}
.steplist-body .step-row{
display:grid;
grid-template-columns:56px 1fr 44px 56px;
align-items:center;
padding:4px 6px;
gap:6px;
border-bottom:1px solid #eee;
}
.steplist-body .step-row:last-child{border-bottom:none;}
.step-row .col-idx{
text-align:center;
font-weight:bold;
color:#333;
font-size:14px;
}
.step-row .step-input{
width:100%;
padding:6px 8px;
border:1px solid #cbd5e1;
border-radius:4px;
font-size:14px;
box-sizing:border-box;
}
.step-row .step-input:focus{
border-color:#1f4e79;
outline:none;
box-shadow:0 0 0 2px rgba(31,78,121,0.15);
}
.step-row .col-done{
text-align:center;
display:flex;
justify-content:center;
align-items:center;
}
.step-row .step-done{
width:18px;
height:18px;
cursor:pointer;
accent-color:#2e8b57;
}
.step-row .col-op{text-align:center;}
.btn-del-step{
width:26px;height:26px;
border:none;
background:#fee;
color:#c00;
border-radius:4px;
cursor:pointer;
font-size:14px;
font-weight:bold;
line-height:1;
}
.btn-del-step:hover{background:#fdd;color:#900;}
.steplist-foot{
padding:8px;
background:#fafbfc;
display:flex;
justify-content:space-between;
align-items:center;
gap:8px;
border-top:1px solid #e5e9ec;
flex-wrap:wrap;
}
.btn-add-step{
padding:6px 16px;
background:#1f4e79;
color:#fff;
border:none;
border-radius:4px;
cursor:pointer;
font-size:13px;
font-weight:bold;
}
.btn-add-step:hover{background:#2c5d8f;}
.steplist-tip{
font-size:12px;
color:#666;
flex:1;
text-align:right;
min-width:180px;
}
/* 手机端适配 */
@media (max-width:640px){
.steplist-hdr, .steplist-body .step-row{
grid-template-columns:44px 1fr 36px 40px;
font-size:12px;
}
.steplist-hdr{padding:6px 4px;}
.step-row .step-input{font-size:13px;padding:5px 6px;}
.btn-del-step{width:24px;height:24px;font-size:13px;}
.btn-add-step{padding:5px 12px;font-size:12px;}
.steplist-tip{display:none;}
}
/* ==== 状态: 长期改进 (Plan X 新增) ==== */
.tk-item.longterm{border-left:4px solid #6a5acd;background:#f8f7ff;}
.st.longterm{background:#6a5acd;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:bold;}
/* ===== PDF 附件字段（矿建措施等）R109 ===== */
.pdf-field{margin-top:4px;}
.btn-upload{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;
background:#1f4e79;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;}
.btn-upload:active{background:#163a5a;}
.pdf-empty{margin-top:8px;padding:10px;background:#f5f6f8;border:1px dashed #c8ccd4;
border-radius:6px;color:#888;font-size:14px;text-align:center;}
.pdf-picked{margin-top:8px;padding:10px;background:#f0f7ff;border:1px solid #b3d4f5;
border-radius:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pdf-ico{flex:none;padding:3px 7px;background:#c0392b;color:#fff;border-radius:3px;
font-size:11px;font-weight:700;letter-spacing:.5px;}
.pdf-nm{flex:1 1 auto;min-width:0;word-break:break-all;font-size:14px;color:#1f4e79;}
.pdf-sz{flex:none;color:#888;font-size:12px;}
.btn-mini{flex:none;padding:5px 12px;background:#1f4e79;color:#fff;border:none;
border-radius:4px;font-size:13px;cursor:pointer;}
.btn-mini:active{background:#163a5a;}
.btn-mini.danger{background:#c0392b;}
.btn-mini.danger:active{background:#962d21;}
.pdf-tip{margin-top:6px;color:#999;font-size:12px;}
.pdf-picked.view{background:#fafbfc;border-color:#e0e3e8;}
/* ===== R110 页面内 PDF 浮层查看器 ===== */
body.pdf-viewer-open{overflow:hidden;}
.pdf-viewer-ov{position:fixed;inset:0;z-index:99999;background:#f2f3f5;display:flex;flex-direction:column;}
.pdf-viewer-bar{flex:0 0 auto;height:48px;display:flex;align-items:center;gap:8px;padding:0 10px;
background:#1f5fa8;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.pdf-viewer-nm{flex:1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pdf-vbtn{flex:0 0 auto;height:32px;line-height:30px;padding:0 12px;border-radius:4px;font-size:14px;
border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);color:#fff;
text-decoration:none;cursor:pointer;display:inline-block;}
.pdf-vbtn:active{background:rgba(255,255,255,.3);}
.pdf-vbtn.back{font-weight:600;}
.pdf-viewer-body{flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;}
.pdf-viewer-fr{width:100%;height:100%;border:0;display:block;background:#fff;}
.pdf-viewer-tip{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font-size:12px;
color:#666;background:rgba(255,255,255,.92);border-top:1px solid #e3e5e8;pointer-events:none;}
@media (max-width:520px){
.pdf-viewer-bar{height:44px;}
.pdf-viewer-nm{font-size:14px;}
.pdf-vbtn{height:30px;line-height:28px;padding:0 10px;font-size:13px;}
}