#p-finance{background:#f5f4f0;min-height:100vh;color:#292927}#p-finance *{box-sizing:border-box}#fm-main{max-width:1180px;margin:auto;padding:16px 12px 80px}#p-finance button,#p-finance input,#p-finance select,#p-finance textarea{font:inherit;max-width:100%;min-height:40px;border:1px solid #e1dfd7;border-radius:9px;padding:8px 12px;background:white;color:#30302b}#p-finance button{cursor:pointer}#p-finance button.active,#p-finance button.primary{background:#17191b;color:#d1ad4a;border-color:#17191b}#p-finance button:disabled{opacity:.5;cursor:wait}#p-finance .fm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#p-finance .fm-card{padding:16px;border-radius:13px;background:white;border:1px solid #e7e5df;margin:12px 0;overflow-wrap:anywhere}#p-finance .fm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}#p-finance .fm-kpi{padding:14px;background:#17191b;color:#bab9b3;border-radius:12px;overflow-wrap:anywhere}#p-finance .fm-kpi b{display:block;color:#d1ad4a;font-size:24px;margin-top:6px}#p-finance small{color:#77776d}#p-finance .fm-warning{background:#fff4df;color:#885a13;padding:12px;border-radius:10px;margin:10px 0}#p-finance .fm-error{background:#fff0ec;color:#ae3828;padding:12px;border-radius:10px}#p-finance .fm-listrow{padding:13px 0;border-bottom:1px solid #eeede8;display:flex;justify-content:space-between;gap:12px;align-items:center}#p-finance .fm-listrow>div{min-width:0}#p-finance .fm-listrow>div:first-child{flex:1 1 auto}#p-finance .fm-listrow>div:last-child{flex:0 0 auto;white-space:nowrap;text-align:right}#p-finance .fm-listrow strong{display:block}#p-finance .fm-listrow img{width:44px;height:58px;object-fit:cover;border-radius:7px}#p-finance .fm-table{width:100%;border-collapse:collapse}#p-finance td,#p-finance th{text-align:left;padding:10px 4px;border-bottom:1px solid #eee;overflow-wrap:anywhere}#p-finance .fm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#p-finance label{display:flex;flex-direction:column;gap:5px;min-width:0}#p-finance .fm-bar{height:7px;background:#eceae3;border-radius:5px;overflow:hidden}#p-finance .fm-bar span{display:block;background:#c7a54b;height:100%}#p-finance .fm-muted{color:#77776d;font-size:13px}#p-finance .fm-tabs{margin:14px 0}#p-finance h3{margin:4px 0 12px;font-size:17px}#p-finance .fm-wide{grid-column:1/-1}@media(max-width:600px){#p-finance .fm-kpis{grid-template-columns:1fr 1fr}#p-finance .fm-kpi b{font-size:22px}#p-finance .fm-fields{grid-template-columns:1fr}#p-finance .fm-card{padding:12px}#p-finance .fm-listrow{align-items:flex-start}#p-finance .fm-row>input[type=date]{width:calc(50% - 6px)}}
/* update185 定点补修:凭证照片缩略图、上传按钮、补录/运费面板里的小字 */
#p-finance .fm-proofs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}#p-finance .fm-proofs img{width:52px;height:52px;object-fit:cover;border-radius:7px;border:1px solid #e1dfd7;cursor:zoom-in}#p-finance .fm-upload{display:inline-block;cursor:pointer;min-height:40px;border:1px solid #e1dfd7;border-radius:9px;padding:8px 12px;background:white}#p-finance .fm-upload input{display:none}#p-finance select{width:100%}#p-finance #fm-pending .fm-warning p{margin:4px 0}
/* ===== update186 四模块展示改版 ===== */
/* 取消吸顶:只作用于 #p-finance 自己的顶部(id+class 的特指度盖过全站 .topbar),不动全系统 .topbar 公共样式。
   业主要求这四个页面正常进入、滚动、返回、缩放时顶部都不遮挡按钮。 */
#p-finance .topbar{position:static;top:auto;z-index:auto}
#p-finance .fm-head{margin:4px 0 14px}
#p-finance .fm-head h2{font-size:22px;margin:0 0 4px}
#p-finance .fm-scope{margin:0;font-size:13.5px;color:#6f6f66;background:#f0ece0;display:inline-block;padding:6px 11px;border-radius:7px}
#p-finance .fm-head .fm-muted{margin:7px 0 0}
#p-finance .fm-kpi small{display:block;color:#8d8c84;font-size:12px;margin-top:5px;line-height:1.45}
#p-finance .fm-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;align-items:start}
#p-finance .fm-grid>.fm-card{margin:0 0 12px}
#p-finance .fm-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#p-finance .fm-scroll table{min-width:100%;white-space:nowrap}
#p-finance .fm-scroll td,#p-finance .fm-scroll th{white-space:nowrap;text-align:right}
#p-finance .fm-scroll td:first-child,#p-finance .fm-scroll th:first-child{text-align:left}
/* 表格里所有格子都不换行(含第一列),窄屏靠表格自己的横向滚动;避免「名次」这类短列被挤成竖排 */
#p-finance .fm-scroll td,#p-finance .fm-scroll th{overflow-wrap:normal;word-break:keep-all}
#p-finance .fm-scroll th{color:#77776d;font-weight:500;font-size:13px}
#p-finance .fm-scroll td small{display:block;color:#8d8c84;font-size:11.5px}
#p-finance .fm-thumb{width:40px;height:52px;object-fit:cover;border-radius:6px;display:inline-block;vertical-align:middle}
#p-finance .fm-thumb-empty{background:#f0eee7;border:1px dashed #ddd9cd;font-size:10.5px;line-height:1.15;color:#8d8c84;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:2px;overflow-wrap:anywhere}
#p-finance .fm-thumb-fail{color:#ae3828;border-color:#e6b4ac}
/* 186s:颜色格 = 本色图 + 名称;规格库存明细按颜色分组 */
#p-finance .fm-colorcell{display:inline-flex;align-items:center;gap:8px;min-width:0}#p-finance .fm-colorcell>span{min-width:0;overflow-wrap:anywhere}#p-finance .fm-colorcell small{display:block;color:#77776d;font-size:12px}
#p-finance .fm-pic{display:inline-flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto}#p-finance .fm-pic-note{display:block;font-size:10.5px;color:#9c6b12;white-space:nowrap}
#p-finance .fm-colorcell .fm-thumb{flex:0 0 auto;width:44px;height:56px;font-size:10px}
#p-finance details.fm-inv{margin:10px 0}#p-finance details.fm-inv>summary{cursor:pointer;padding:10px 12px;border:1px solid #e1dfd7;border-radius:9px;background:#faf9f6;font-weight:600}#p-finance details.fm-inv[open]>summary{border-radius:9px 9px 0 0}
#p-finance .fm-invgroup{margin:10px 0 4px}#p-finance .fm-invhead{padding:8px 4px 2px;border-top:2px solid #e7e5df}#p-finance .fm-invgroup .fm-table td,#p-finance .fm-invgroup .fm-table th{padding:7px 4px}

#p-finance .fm-empty{color:#77776d;padding:14px 0;margin:0}
#p-finance .fm-note{background:#f7f0da;padding:12px;border-radius:9px;margin:10px 0}
#p-finance .fm-inline{flex-direction:row;align-items:center;gap:8px}
#p-finance .fm-inline select,#p-finance .fm-inline input{width:auto;min-width:170px}
#p-finance .fm-bignum{font-size:28px;color:#b79235;font-variant-numeric:tabular-nums}
#p-finance .fm-step-total{background:#faf7ee}
#p-finance .fm-step>div:last-child{font-variant-numeric:tabular-nums}
#p-finance .fm-pending{color:#8c5d12}
#p-finance .fm-ok{color:#3c6b3f}
#p-finance .fm-bad{color:#ae3828}
#p-finance .fm-loading{color:#77776d;padding:14px 0}
#p-finance .fm-prodhead{display:flex;gap:14px;align-items:flex-start}
#p-finance .fm-prodhead .fm-thumb{width:64px;height:84px}
#p-finance .fm-prodhead h3{margin:0 0 6px}
#p-finance details.fm-card>summary{cursor:pointer;padding:4px 0}
#p-finance details>summary{cursor:pointer;padding:8px 0;min-height:40px}
@media(max-width:820px){#p-finance .fm-grid{grid-template-columns:1fr}}
@media(max-width:600px){#p-finance .fm-head h2{font-size:19px}#p-finance .fm-scope{display:block}#p-finance .fm-inline select,#p-finance .fm-inline input{min-width:120px;flex:1 1 auto}#p-finance .fm-scroll table{font-size:13px}}
#p-finance .fm-scroll td.l,#p-finance .fm-scroll th.l{text-align:left}
#p-finance .fm-filters input[type=date]{width:auto;flex:0 1 210px}
@media(max-width:600px){#p-finance .fm-filters input[type=date]{flex:1 1 calc(50% - 6px);min-width:0}}
/* 网格里的卡片允许比内容窄:长表只在自己的 .fm-scroll 里横向滚,不把整页撑宽(186 回归:360 宽展开利润明细时整页被撑到 419) */
#p-finance .fm-grid>*,#p-finance .fm-card,#p-finance details{min-width:0;max-width:100%}
/* 186 手机紧凑行:≤600px 时款式榜、收款分组、逐笔收款用两行(整行可点),关键数字不掉进横向滚动区 */
#p-finance .fm-clist{display:flex;flex-direction:column;gap:0}
#p-finance button.fm-crow{display:block;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid #eeede8;border-radius:0;padding:11px 2px;min-height:48px;color:#30302b;white-space:normal;overflow-wrap:anywhere}
#p-finance button.fm-crow:active{background:#faf7ee}
#p-finance .fm-crow1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px}
#p-finance .fm-crow1 .fm-thumb{width:34px;height:44px}
#p-finance .fm-crow1 .fm-rank{min-width:1.6em;color:#8d8c84}
#p-finance .fm-crow1 .fm-code{overflow-wrap:anywhere;min-width:0;flex:1 1 60%}
#p-finance .fm-crow2{display:block;margin-top:5px;font-variant-numeric:tabular-nums;font-size:14px;color:#292927}
#p-finance .fm-crow3{display:block;margin-top:3px;font-size:12.5px;color:#77776d}
#p-finance .fm-crow small{color:#8d8c84}
#p-finance details.fm-why{margin:-6px 0 8px}
#p-finance details.fm-why>summary{min-height:0;padding:2px 0;font-size:12.5px;color:#8d8c84}
/* 桌面逐笔收款:差异说明、客户名这类长文字在格子里换行,不把后面的数字挤出视口 */
#p-finance .fm-scroll td .fm-wrap{display:inline-block;white-space:normal;overflow-wrap:anywhere;min-width:12em;max-width:20em;text-align:left;line-height:1.45}
#p-finance .fm-scroll td .fm-narrow{min-width:7em;max-width:11em}
/* 业主 9/26:手机紧凑行右边看得见的「查看 ›」;颜色格(英文名)在手机上缩略图小一点,少占宽度 */
#p-finance .fm-crow1 .fm-go{margin-left:auto;flex:0 0 auto;font-size:13px;color:#9c7a24;font-weight:600;white-space:nowrap}
@media(max-width:600px){#p-finance .fm-colorcell .fm-thumb{width:34px;height:44px}#p-finance .fm-colorcell{gap:6px}}
#p-finance .fm-colorcell .fm-thumb-empty{white-space:normal;font-size:9px;line-height:1.1;word-break:break-all}

/* 业主 9/26:手机上「收款人」三个字不折成两行 */
#p-finance .fm-inline .fm-nw{white-space:nowrap;flex:0 0 auto}