:root{
  --blue:#7EC8F0; --blue-deep:#3FA9E0;
  --yellow:#FFD54F; --red:#FF7043;
  --black:#1a1a1a; --gray:#e0e0e0; --gray-deep:#9e9e9e;
  --green:#66BB6A; --bg:#f4f6f9; --card:#ffffff;
  --line:#e3e8ef; --text:#2c3e50; --muted:#7a8ba0;
  --primary:#2f6fb2;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:var(--bg);color:var(--text);font-size:13px;height:100vh;display:flex;flex-direction:column;overflow:hidden;}
/* ================= 左侧菜单布局 ================= */
#topnav{position:fixed;left:0;top:0;bottom:0;width:150px;background:#ffffff;color:#2c3e50;display:flex;flex-direction:column;z-index:50;box-shadow:2px 0 12px rgba(0,0,0,.08);border-right:1px solid var(--line);}
.side-title{height:62px;padding:0 16px 0 28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-bottom:1px solid var(--line);color:#2c3e50;box-sizing:border-box;}
.side-title .st-main{font-size:15px;font-weight:700;letter-spacing:.5px;line-height:1.25;color:#2c3e50;}
.side-title .st-sub{font-size:12px;font-weight:400;letter-spacing:.5px;line-height:1.25;margin-top:2px;color:var(--muted);}
.side-menu{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px 12px;overflow:auto;}
.side-item{display:flex;align-items:center;padding:5px 16px;border-radius:8px;color:#37474f;text-decoration:none;font-size:13px;transition:.15s;font-weight:500;cursor:pointer;}
.side-item:hover{background:#eef3f9;}
.side-item.active{background:var(--primary);color:#fff;font-weight:600;}
.side-item .ico{width:18px;height:18px;margin-right:10px;flex:0 0 auto;fill:currentColor;}
.topbar{margin-left:150px;padding:12px 24px;background:#fff;border-bottom:1px solid #e8e8ef;display:flex;align-items:center;justify-content:space-between;gap:14px;height:62px;box-sizing:border-box;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.topbar .store-sel{display:flex;align-items:center;gap:8px;}
.topbar .store-sel label{font-size:13px;color:#555;font-weight:600;}
.topbar .store-sel select{height:30px;padding:0 12px;border:1px solid #d6d6e0;border-radius:6px;font-size:12px;font-weight:600;color:#2f6fb2;background:#fff;cursor:pointer;box-sizing:border-box;}
.topbar .userbox{margin-left:auto;display:flex;align-items:center;gap:12px;height:38px;font-size:12px;box-sizing:border-box;}
.topbar .userbox .uname-role{color:var(--primary);font-size:12px;}
.topbar .userbox .logout-link{color:var(--primary);font-weight:600;font-size:12px;text-decoration:underline;cursor:pointer;}
.topbar .userbox .logout-link:hover{opacity:.75;}
/* 内容区：绝对定位钉死在「顶栏(62px)之下、侧边栏(150px)之右」的区域内，
   不依赖 body 的 flex 链，保证 100% 撑满可视区（62/150 为布局常量，与 #topnav 宽度联动） */
main{position:absolute;top:62px;left:150px;right:0;bottom:0;padding:20px 24px;overflow:auto;display:flex;flex-direction:column;min-height:0;}

.btn{border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;transition:.15s;background:#eef2f7;color:var(--text);}
.btn:hover{filter:brightness(.95);}
.btn.primary{background:var(--primary);color:#fff;}
.btn.warn{background:#e67e22;color:#fff;}
.btn.danger{background:#e74c3c;color:#fff;}
.btn.green{background:var(--green);color:#fff;}
.btn.sm{padding:3px 8px;font-size:11px;border-radius:4px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:14px;}
/* 占满父容器剩余空间：依赖 body 的 flex 纵向布局自动分配，
   不再写死任何固定像素减法（如 calc(100vh - Xpx)），各页面自适应 */
.card.fill-page{flex:1;margin-bottom:0;display:flex;flex-direction:column;min-height:0;}
/* 卡片内表格区撑满剩余高度，多数据时在卡片内滚动 */
#userBox{flex:1;min-height:0;overflow:auto;}
.card h3{font-size:14px;margin-bottom:10px;color:var(--primary);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#gridStoreTitle{font-size:12px;}
/* 数据统计页各区块标题（销售任务与完成情况 / 入驻统计 / 门店对比）统一 12px */
#targetTitle,#checkinTitle,#cmpTitle{font-size:12px;}
/* 房态总览 + 当前月份订单 左右分栏结构 */
.split{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;}
.split>.card{margin-bottom:0;}
.split .fl-l{flex:1.7 1 0;min-width:0;}
.split .fl-r{flex:1 1 0;min-width:0;}
.split.all-mode > .fl-r{display:none;}
.split.all-mode > .fl-l{flex:1 1 0;}
.month-card{margin-bottom:14px;}
.month-card .card-head h3{font-size:12px;}
.month-card .card-split{margin-bottom:0;}
.month-card .orders-wrap{max-height:560px;}
/* 合并卡片顶部：左=房态总览(含图例) 右=当前月份订单，两栏纯表格严格等高 */
.card-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px;flex-wrap:wrap;}
.card-head h3{margin-bottom:0;}
/* 右侧订单表：与左侧房态表一致的边框容器 + 等高（≤640px） */
.orders-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto;}
.orders-wrap table.data{font-size:12px;border:none;border-collapse:collapse;}
.orders-wrap table.data th,.orders-wrap table.data td{border:1px solid #d0d7de;padding:6px 8px;height:32px;line-height:1.3;vertical-align:middle;}
.orders-wrap table.data td{box-sizing:border-box;height:36px;overflow:hidden;white-space:nowrap;}
.orders-wrap table.data.center-all th,.orders-wrap table.data.center-all td{text-align:center;}
.orders-wrap table.data td.cell-merged{vertical-align:middle;padding:6px 8px;}
.orders-wrap table.data th.col-parity,.orders-wrap table.data td.col-parity{width:40px;padding-left:5px;padding-right:5px;}
.orders-wrap table.data th{background:#f0f4f9;position:sticky;top:0;z-index:2;}
/* 订单行按房态图例实心色填充（与左侧色块一致） */
.orders-wrap table.data tr.row-booked td{background:var(--blue);}
.orders-wrap table.data tr.row-checkedin td{background:var(--red);color:#fff;}
.orders-wrap table.data tr.row-conflict td{background:var(--black);color:#fff;}
/* 互撞订单：整行黑底 + 姓名列左侧彩色竖线区分互撞小组（cf-0..5 循环配色，与 room.html 的 CF_COLORS 对应） */
.orders-wrap table.data tr.cf-0 td.col-name{box-shadow:inset 3px 0 0 #e67e22;}
.orders-wrap table.data tr.cf-1 td.col-name{box-shadow:inset 3px 0 0 #2e86de;}
.orders-wrap table.data tr.cf-2 td.col-name{box-shadow:inset 3px 0 0 #27ae60;}
.orders-wrap table.data tr.cf-3 td.col-name{box-shadow:inset 3px 0 0 #8e44ad;}
.orders-wrap table.data tr.cf-4 td.col-name{box-shadow:inset 3px 0 0 #e74c3c;}
.orders-wrap table.data tr.cf-5 td.col-name{box-shadow:inset 3px 0 0 #16a085;}
.orders-wrap table.data tr.row-finished td{background:var(--gray);}
.orders-wrap table.data tr.row-cancelled td{background:#f0f0f0;color:var(--muted);}
.orders-wrap table.data tr.row-booked:hover td{background:#6fbfe8;}
.orders-wrap table.data tr.row-checkedin:hover td{background:#ff5e30;}
.orders-wrap table.data tr.row-conflict:hover td{background:#000;color:#fff;}
.orders-wrap table.data tr.row-finished:hover td{background:#d3d3d3;}
.orders-wrap table.data tr.row-cancelled:hover td{background:#eaeaea;color:var(--muted);}
/* 右侧表格已入住：红绿黄三色循环，一行一色（与左侧网格同色板；ci-* 优先级高于 .row-checkedin） */
.orders-wrap table.data tr.ci-0 td{background:#b80000;color:#fff;}
.orders-wrap table.data tr.ci-1 td{background:#02a710;color:#fff;}
.orders-wrap table.data tr.ci-2 td{background:#f1c40f;color:#000;}
.orders-wrap table.data tr.ci-0:hover td{background:#d40000;}
.orders-wrap table.data tr.ci-1:hover td{background:#029a0e;}
.orders-wrap table.data tr.ci-2:hover td{background:#dab400;color:#000;}
/* 订单表「会员」可点击查看详情 */
/* 列表工具栏控件统一收紧一档：覆盖各页面内联的 14px/7px10px（用 !important 压过内联），不影响弹窗与登录页 */
/* 列表工具栏输入框/下拉：统一收紧尺寸（覆盖各页面内联的大号写法；弹窗在 #modalBox 不在 .card 内，不受影响） */
.card input{ width:180px !important; min-width:0 !important; padding:6px 9px !important; font-size:12px !important; border-radius:6px !important; }
.card select{ width:104px !important; padding:6px 9px !important; font-size:12px !important; border-radius:6px !important; }
/* 列表工具栏搜索框/下拉：统一高度并放大一档（压过上面两条收紧规则；弹窗在 #modalBox、表格内嵌控件不在 .toolbar 内，均不受影响） */
.card .toolbar input, .card .toolbar select{ height:30px !important; padding:7px 10px !important; font-size:13px !important; }
.toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px;}
.monthbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-start;}
.mbtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.monthbar > .mbtns:last-child{margin-left:auto;}
input,select{padding:7px 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:#fff;color:var(--text);}
input:focus,select:focus{outline:none;border-color:var(--primary);}
table.data{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
table.data th{background:#f0f4f9;padding:7px 9px;text-align:left;font-weight:600;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap;height:36px;line-height:1.3;vertical-align:middle;}
table.data td{padding:7px 9px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);height:36px;line-height:1.3;vertical-align:middle;}
table.data tr:last-child td{border-bottom:none;}
table.data th:last-child,table.data td:last-child{border-right:none;}
table.data tr:hover td{background:#f8fafd;}
table.data.center-all th,table.data.center-all td{text-align:center;}
.tbl-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
/* 表格内不显示货币符号（仅卡片/详情保留 ¥）：money() 已把 ¥ 包进 .cny，这里隐藏 */
table.data td .cny,table.data th .cny{display:none;}
.tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;vertical-align:middle;line-height:1.3;}
.tag.booked{background:#e3f4fd;color:#1c7dbb;}
.tag.checkedin{background:#fff3cd;color:#a07500;}
.tag.finished{background:#e8f5e9;color:#2e7d32;}
.tag.cancelled{background:#eeeeee;color:#888;text-decoration:line-through;}
.tag.extra{background:#f3e5f5;color:#8e24aa;}
.tag.transfer{background:#fff3e0;color:#ef6c00;}
.tag.fixed{background:#eef1fb;color:#3a55c4;}
.tag.store{background:#e0f2f1;color:#00695c;font-weight:600;}
/* 通用分页条（服务端分页：上一页/页码/下一页 + 总数） */
.pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);}
.pager .btn.sm{text-align:center;}
.op-btns{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;}
.op-btns .btn{flex:0 0 auto;white-space:nowrap;}
.pager-ellipsis{color:var(--muted,#888);padding:0 1px;}
.pager-info{margin-left:auto;font-size:12px;color:var(--muted,#888);white-space:nowrap;}
table.room-grid td.floor-col .tag{padding:1px 5px;font-size:11px;margin:0 3px;}
/* 固定房在房间列显示房型（房号下方小灰字） */
table.room-grid td.floor-col{height:auto;vertical-align:top;}
table.room-grid td.floor-col .rtype{display:inline;font-size:11px;color:#7a869a;font-weight:400;margin-left:4px;white-space:nowrap;vertical-align:baseline;}
/* 房间列 改/删 图标按钮 + hover 黑透提示 */
.rlink{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:1px;border-radius:4px;color:var(--primary);cursor:pointer;position:relative;vertical-align:middle;transition:.12s;}
.rlink.danger{color:#e74c3c;}
.rlink svg{width:13px;height:13px;display:block;}
.rlink:hover{background:rgba(47,111,178,.12);}
.rlink.danger:hover{background:rgba(231,76,60,.14);}
.rlink[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:5px;background:rgba(0,0,0,.8);color:#fff;font-size:11px;line-height:1;padding:4px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:9999;}
.empty-tip{color:var(--muted);padding:20px;text-align:center;}

.legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);}
.legend .sw{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:4px;}
.grid-wrap{overflow:auto;border:0.5px solid #f0f3f7;border-radius:8px;}
table.room-grid{border-collapse:separate;border-spacing:0;font-size:12px;table-layout:fixed;width:100%;}
table.room-grid tr{height:24px;}
table.room-grid th,table.room-grid td{border-right:0.5px solid #f0f3f7;border-bottom:0.5px solid #f0f3f7;padding:0;text-align:center;box-sizing:border-box;}
table.room-grid thead th{position:sticky;top:0;background:#f0f4f9;z-index:3;padding:4px 2px;font-weight:600;font-size:12px;height:24px;line-height:24px;}
table.room-grid th.floor-col, table.room-grid td.floor-col{position:sticky;left:0;z-index:2;background:#fff;width:auto;min-width:0;text-align:left;padding:0 10px;height:24px;line-height:24px;font-weight:600;white-space:nowrap;}
table.room-grid thead th.floor-col{z-index:4;background:#f0f4f9;}
table.room-grid thead th.today{background:#fff3cd;color:#a07500;}
tr.floor-row td{background:#eef2f8;font-weight:700;color:var(--primary);padding:0 10px;height:24px;line-height:24px;text-align:left;}
table.room-grid td.cell{width:24px;height:24px;min-width:24px;min-height:24px;line-height:24px;cursor:pointer;position:relative;transition:.1s;border:none;vertical-align:middle;}
table.room-grid td.cell:hover{filter:brightness(1.12);cursor:pointer;position:relative;z-index:2;}
/* 外框只由 .grid-wrap 边框绘制一次，关掉最外圈单元格/表头的右边、下边线，避免双线叠粗 */
table.room-grid thead th:last-child,
table.room-grid tbody tr td:last-child{border-right:none;}
table.room-grid tbody tr:last-child td{border-bottom:none;}
/* 网格线画在 ::after 伪元素上（不在单元格本身），单元格内容盒保持 24×24，label 才是正方形；伪元素边框渲染锐利 */
table.room-grid td.cell::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;border-right:0.5px solid #f0f3f7;border-bottom:0.5px solid #f0f3f7;}
table.room-grid td.cell:last-child::after{border-right:none;}
table.room-grid tbody tr:last-child td.cell::after{border-bottom:none;}
table.room-grid tbody tr:last-child td.cell:last-child::after{border:none;}
td.cell.empty:hover{background:#cbd2db;}
td.cell.bk-booked{background:var(--blue);}
td.cell.bk-checkedin{background:var(--yellow);}
td.cell.bk-checkedin-red{background:var(--red);}
td.cell.bk-finished{background:var(--gray);}
td.cell.bk-conflict{background:var(--black);}
td.cell .lbl{position:absolute;top:0;left:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:rgba(0,0,0,.55);overflow:hidden;white-space:nowrap;line-height:24px;}
td.cell.bk-conflict .lbl{color:#fff;}
td.cell.bk-checkedin-red .lbl{color:#fff;}
td.cell.bk-finished .lbl{color:#000;}
td.cell .out{position:absolute;top:0;right:0;font-size:9px;background:rgba(255,255,255,.85);color:#c0392b;border-radius:0 0 0 4px;padding:0 2px;line-height:12px;font-weight:700;}
td.cell.bk-conflict .out{background:rgba(60,60,60,.9);color:#ffd54f;}
/* 房态格子 hover 富详情 tip */
.cell-tip{position:fixed;z-index:9999;background:rgba(0,0,0,.8);border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.3);padding:7px 10px;font-size:12px;line-height:1.7;color:#fff;pointer-events:none;max-width:260px;display:none;}
.cell-tip.show{display:block;}
.cell-tip .t-room{font-weight:700;font-size:13px;margin-bottom:3px;color:#fff;}
.cell-tip .t-row{display:flex;justify-content:flex-start;gap:8px;}
.cell-tip .t-k{color:rgba(255,255,255,.65);}
.cell-tip .t-v{color:#fff;}

.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px;}
.stat-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.stat-card .t{font-size:12px;color:var(--muted);}
.stat-card .v{font-size:16px;font-weight:700;margin-top:6px;}
.stat-card .v.money{color:var(--primary);}
.stat-card .v.warn{color:#e67e22;}
.stat-card .v.good{color:var(--green);}
.stat-card .v.danger{color:#e74c3c;}
/* 房态数据卡片（参考图风格：白底浅描边·蓝竖条标题·标签上数值下·横向排列） */
#roomStatWrap{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;}
/* 拆分表强制单独占满一行，不与上方三张卡片挤在同一行 */
#roomStatWrap > .card{flex:1 1 100%;min-width:100%;}
.roomstat-card{background:#fff;border:1px solid #e8edf2;border-radius:8px;padding:14px 16px 16px;margin-bottom:0;box-shadow:0 1px 3px rgba(20,40,80,.05);flex:1 1 0;min-width:0;}
.roomstat-card .rsc-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:12px;}
.roomstat-card .rsc-note{margin-left:auto;font-size:12px;color:var(--muted);font-weight:400;}
.roomstat-card .rsc-items{display:flex;flex-wrap:nowrap;gap:0;}
.roomstat-card .rsc-item{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 0;text-align:left;}
.roomstat-card .rsc-item .lab{font-size:12px;color:var(--muted);white-space:nowrap;}
.roomstat-card .rsc-item .val{font-size:13px;font-weight:600;color:#1f2d3d;line-height:1.1;}
.roomstat-card .rsc-item .val.money{color:#1f2d3d;}
.roomstat-card .rsc-item .val.risk{color:#e67e22;}
.roomstat-card .rsc-item .val.ok{color:var(--green);}
.roomstat-card .rsc-item .val.link{color:var(--primary);}
.roomstat-card .rsc-item .val.empty{color:#b7c0cc;}

/* 房态数据横幅（房态管理页） */
.room-stat{display:inline-flex;flex-wrap:nowrap;align-items:center;align-self:center;gap:4px 14px;padding:3px 10px;margin-left:6px;background:linear-gradient(90deg,#f5f9ff,#eef4fb);border:1px solid var(--line);border-radius:8px;}
.room-stat .rs-store{font-weight:700;font-size:12px;color:var(--primary);white-space:nowrap;margin-right:4px;}
.room-stat .rs-item{display:flex;flex-direction:column;line-height:1.15;min-width:46px;}
.room-stat .rs-item .k{font-size:10px;color:var(--muted);white-space:nowrap;}
.room-stat .rs-item .v{font-size:13px;font-weight:700;margin-top:1px;color:#1f2d3d;}
.room-stat .rs-item .v.hot{color:var(--red);}
.room-stat .rs-item .v.good{color:var(--green);}
.room-stat .rs-empty{color:var(--muted);font-size:12px;}

.modal-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100;align-items:center;justify-content:center;overflow:auto;padding:40px 16px;}
.modal-mask.show{display:flex;}
.modal{background:#fff;border-radius:12px;width:520px;max-width:100%;max-height:80vh;overflow:auto;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.2);transform:translateY(-10%);}
.modal.wide{width:680px;min-width:680px;max-width:none;}
.modal.narrow{width:260px;max-width:100%;padding:20px;}
.modal h3{margin-bottom:16px;font-size:16px;color:var(--primary);}
.form-row{display:flex;gap:12px;margin-bottom:12px;}
.form-row .fld{flex:1;display:flex;flex-direction:column;gap:4px;}
.ac-box{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);z-index:60;max-height:220px;overflow:auto;margin-top:3px;}
.ac-item{padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;}
.ac-item:last-child{border-bottom:none;}
.ac-item:hover{background:#f5f9ff;}
.ac-ph{color:var(--muted);font-size:12px;margin-left:auto;padding-left:10px;}
.form-row label{font-size:12px;color:var(--muted);}
.form-row input,.form-row select{width:100%;}
.modal .acts{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;}
.modal .acts button[onclick^="hideModal"]{order:-1;}
.detail-line{display:flex;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12px;}
.detail-line b{min-width:80px;color:var(--muted);font-weight:400;}
.sl-room{font-weight:600;}
.sl-type{color:#7a869a;}
.sl-rmk{font-size:11px;margin-right:0;}
.stay-lines{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}
.stay-line{font-size:12px;line-height:1.7;display:flex;align-items:center;flex-wrap:wrap;}
.stay-line span{margin-right:10px;}
.stay-line .sl-room{font-weight:600;}
.stay-line .sl-type{color:#7a869a;}
.stay-line .sl-date{color:#3a4256;margin-left:auto;margin-right:0;}
.stay-line .sl-rmk{font-size:11px;margin-right:0;}
.hint{font-size:12px;color:var(--muted);background:#f6f9fd;border-radius:6px;padding:8px 12px;margin-bottom:12px;line-height:1.7;}

/* 统一弹窗（alert / confirm 替代，独立容器 #dlgMask / #dlgBox，不复用 #modalBox 以免清空表单） */
.dlg-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;align-items:center;justify-content:center;padding:40px 16px;overflow:auto;}
.ov-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:150;align-items:center;justify-content:center;overflow:auto;padding:40px 16px;}
.ov-mask.show{display:flex;}
.ov-mask .modal{width:260px;min-width:0;max-width:90vw;}
.dlg-mask.show{display:flex;}
.dlg{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.2);transform:translateY(-10%);width:260px;max-width:90vw;box-sizing:border-box;}
.dlg-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:12px;}
.dlg-body{font-size:13px;color:var(--text);line-height:1.7;word-break:break-word;}
.dlg-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}

#toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:300;padding:10px 20px;border-radius:8px;color:#fff;font-size:14px;box-shadow:0 4px 16px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.25s;}
#toast.show{opacity:1;top:28px;}
#toast.ok{background:#2f6fb2;}
#toast.err{background:#e74c3c;}

/* 登录页 */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2f6fb2,#5a3fa8);}
.login-card{background:#fff;border-radius:14px;padding:36px 40px;width:360px;max-width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(-20%);}
.login-card h2{text-align:center;color:var(--primary);margin-bottom:6px;font-size:22px;}
.login-card .sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px;}
.login-card .form-row{margin-bottom:16px;}
.login-card label{font-size:13px;color:var(--muted);}
.login-card input{width:100%;padding:11px 12px;font-size:14px;}
.login-card .remember{display:flex;align-items:center;margin-top:4px;font-size:12px;color:var(--muted);user-select:none;}
.login-card .remember label{display:inline-flex;align-items:center;white-space:nowrap;}
.login-card .remember input{width:auto;margin-right:6px;vertical-align:middle;}
.login-card .btn{width:100%;padding:9px;font-size:14px;margin-top:10px;}
.role-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;background:#e8eaf6;color:#3949ab;}
.chk-group{display:flex;flex-wrap:wrap;gap:8px 16px;padding:6px 0;max-height:160px;overflow:auto;}
.chk{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text);cursor:pointer;}
.chk input{width:auto;margin:0;}

/* 全局滚动条：细、淡（低透明度滑块，hover 略显） */
*::-webkit-scrollbar{width:8px;height:8px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:rgba(120,120,140,0.22);border-radius:8px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(120,120,140,0.38);}
*::-webkit-scrollbar-corner{background:transparent;}
html{scrollbar-width:thin;scrollbar-color:rgba(120,120,140,0.22) transparent;}


/* ===== 数据统计页：区块标题（销售管理 / 财务管理）===== */

/* ===== 撞房处理弹窗：候选订单卡片 ===== */
.cf-pick{display:flex;align-items:flex-start;gap:8px;border:1px solid #e3e8ef;border-radius:10px;padding:10px 12px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s;}
.cf-pick:hover{border-color:#c9d6e5;}
.cf-pick input[type=radio]{margin-top:4px;}
.cf-card{flex:1;min-width:0;}
.cf-top{display:flex;align-items:center;gap:8px;}
.cf-sub{color:var(--muted);font-size:12px;margin-top:3px;}
.cf-pick:has(input:checked){border-color:var(--primary);background:#f3f8ff;}
.sec-title{font-size:14px;font-weight:700;color:var(--text);margin:6px 0 10px;padding-left:10px;border-left:4px solid var(--primary);}