/* 1108-13 "我的" pages: hub, profile, availability, own schedule, payslips. Rows reuse the Other page
   grouped list (os-* in unified.css); everything here is scoped to .mine-page. */
.mine-page{max-width:560px;margin:0 auto}
.mine-page .os-top{align-items:baseline;gap:12px;margin-top:6px}
.mine-page .os-top small{color:var(--muted);font-size:13px;white-space:nowrap}
.mine-page .os-sec{margin-bottom:18px}
.mine-page em{font-style:normal}
.mn-tag{display:inline-block;font-size:12px;line-height:18px;padding:1px 9px;border-radius:999px;font-weight:600;white-space:nowrap;flex:none;background:#efefea;color:#686863}
.mn-tag.warn{background:#f5e9cf;color:#7a5a1c}.mn-tag.ok{background:#e5eee6;color:#2f5744}.mn-tag.mute{background:#efefea;color:#686863}
.mn-tag.pend{background:#fde3c2;color:#8a4405}.mn-tag.draft{background:#fff3d6;color:#795821}
.mn-store{display:inline-block;font-size:12px;line-height:20px;padding:0 9px;border-radius:999px;font-weight:600;background:var(--s,#6E726A);color:#fff;white-space:nowrap;flex:none;max-width:9em;overflow:hidden;text-overflow:ellipsis}
.mn-link{background:none;border:0;box-shadow:none;color:var(--green);font-size:13px;height:auto;min-height:0;padding:2px 4px;cursor:pointer}
.mn-link.danger{color:#b5362c}
.mn-link:disabled{opacity:.5;cursor:default}
.mn-empty{margin:0;padding:22px 16px;color:var(--muted);font-size:14px;text-align:center}
.mn-note{font-size:12px;color:var(--muted);margin:6px 16px 0;line-height:1.5}

/* Hub and profile */
.mine-page .os-me{min-height:44px}
.mine-page .os-me small{font-size:12px}
.mn-kv{display:flex;align-items:center;gap:12px;min-height:46px;padding:4px 16px;position:relative;font-size:16px;box-sizing:border-box}
.mn-kv+.mn-kv::before,.mn-hero+.mn-kv::before,.mn-kv+.mn-legend::before,.mn-days+.mn-kv::before{content:'';position:absolute;top:0;left:16px;right:0;height:1px;background:#e9e6df}
.mn-kv>span{color:var(--ink);flex:none;min-width:84px;max-width:60%}
.mn-kv>b{margin-left:auto;font-weight:400;color:#6b6a65;text-align:right;overflow-wrap:anywhere;display:inline-flex;align-items:center;gap:8px;min-width:0}
.mn-kv>.mn-tag{margin-left:auto}
.mn-kv.mn-line>span{max-width:none;flex:1;font-size:15px;line-height:1.45;padding:6px 0}
.mn-eye{display:inline-grid;place-items:center;width:1.25em;height:1.25em;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:#8e8e93;cursor:pointer}
.mn-eye svg{width:1em;height:1em}
.mn-eye[aria-pressed=true]{color:var(--green)}
.os-row.mn-btn{width:100%;border:0;border-radius:0;background:none;box-shadow:none;font:inherit;text-align:left;cursor:pointer;height:auto}
.os-row .mn-tag{margin-left:auto}
.os-row span+.mn-tag{margin-left:0}

/* 本人班表 */
.mn-week{display:flex;align-items:center;gap:8px;margin:0 0 12px;background:#fffefa;border:1px solid #e6e3dc;border-radius:999px;padding:4px 6px}
.mn-week b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.mn-week button{width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:50%;background:#efefea;box-shadow:none;font-size:18px;line-height:1;color:var(--ink);cursor:pointer;flex:none}
.mn-week button:first-child{margin-right:4px}.mn-week button:last-child{margin-left:auto}
.mn-count{font-size:12px;line-height:18px;padding:0 9px;border-radius:999px;background:#e5eee6;color:#2f5744;font-weight:600}
.mn-count.mute{background:#efefea;color:#686863}
.mn-ss-row{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;position:relative}
.mn-ss-row+.mn-ss-row::before{content:'';position:absolute;top:0;left:62px;right:0;height:1px;background:#e9e6df}
.mn-ss-row.today{background:#f1f6f2}.mn-ss-row.today .mn-date b{color:#2f5744}
.mn-date{width:40px;flex:none;display:flex;flex-direction:column;line-height:1.1}
.mn-date b{font-size:16px;font-weight:600}.mn-date small{font-size:11px;color:var(--muted)}
.mn-shift{font-size:12px;line-height:20px;padding:0 9px;border-radius:999px;font-weight:600;flex:none;background:#efefea;color:#686863}
.mn-shift.full{background:#f1eaf5;color:#73508f}.mn-shift.lunch{background:#fff3d6;color:#795821}.mn-shift.dinner{background:#eaf0f7;color:#365b80}
.mn-pos{font-size:15px;color:var(--ink);flex:1;min-width:0;overflow-wrap:anywhere}
.mn-extra{display:inline-block;margin-left:6px;font-size:11px;line-height:18px;padding:0 7px;border-radius:999px;background:#efefea;color:#686863;vertical-align:1px;white-space:nowrap}
.mn-time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:none}
.mn-ss-row .mn-store{max-width:7em}
.mn-rest{color:#b0aea6;font-size:14px}

/* 报班 */
.mn-legend{display:flex;gap:6px;margin:0 0 10px}
.mn-legend span{font-size:12px;line-height:20px;padding:0 10px;border-radius:999px;font-weight:600}
.mine-avail .full{--bg:#f1eaf5;--fg:#73508f}.mine-avail .lunch{--bg:#fff3d6;--fg:#795821}.mine-avail .dinner{--bg:#eaf0f7;--fg:#365b80}
.mn-av-legend span{background:var(--bg);color:var(--fg)}
.mn-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 6px;margin:0 0 6px;font-size:11px;color:var(--muted);text-align:center}
.mine-avail .mn-av-week{margin-bottom:16px}
.mine-avail .mn-av-h{display:flex;align-items:center;gap:6px;margin:0 0 6px 6px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}
.mn-av-h b{color:var(--ink);font-weight:600}
.mn-av-h .mn-link{margin-left:auto;font-size:12px}
.mn-av-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:6px}
.mn-av-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:54px;min-height:0;min-width:0;padding:0;border-radius:10px;border:1px solid #ecebe5;background:#fff;box-shadow:none;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mn-av-day small{font-size:12px;color:var(--muted)}
.mn-av-day b{font-size:12px;font-weight:600;min-height:16px}
.mn-av-day.full,.mn-av-day.lunch,.mn-av-day.dinner{background:var(--bg);border-color:transparent}
.mn-av-day.full b,.mn-av-day.lunch b,.mn-av-day.dinner b,.mn-av-day.full small,.mn-av-day.lunch small,.mn-av-day.dinner small{color:var(--fg)}
.mn-av-day.today{box-shadow:0 0 0 2px #2f5744 inset}
.mn-savebar{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffefa;border:1px solid #e6e3dc;border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.mn-savebar span{font-size:13px;color:#8a4405}

/* 工资单 */
.mn-select select{appearance:none;-webkit-appearance:none;background:#fffefa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238e8e93' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center/10px 6px;border:1px solid #e6e3dc;box-shadow:none;border-radius:999px;height:32px;min-height:0;padding:0 30px 0 14px;font-size:14px;color:var(--ink);width:auto}
.mn-ytd{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;padding:14px 16px 10px}
.mn-ytd small{font-size:13px;color:var(--muted)}
.mn-ytd b{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.mn-ytd .mn-tag{margin-left:auto}.mn-ytd .mn-tag+.mn-tag{margin-left:0}
.mn-ytd~.os-row::before{content:'';position:absolute;top:0;left:56px;right:0;height:1px;background:#e9e6df}
.os-row.mn-slip-row{min-height:60px;gap:10px}
.mine-slips .mn-slip-row~.mn-slip-row::before{left:16px}
.mn-period{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.mine-page .os-row .mn-period>b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.mine-page .os-row .mn-period>span{display:flex;align-items:center;gap:6px;flex:none;font-size:12px}
.mn-period .mn-store,.mn-period .mn-tag{font-size:11px;line-height:18px;padding:0 8px}
.mn-period small{font-size:12px;color:var(--muted)}
.mine-page .os-row .mn-period .mn-tag{margin-left:0}
.mn-amt{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;flex:none}

/* 完整工资条 */
.mn-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 4px}
.mn-bar a:first-child{color:var(--green);font-size:15px;text-decoration:none}
.mn-pill.slip-export{min-height:32px;height:32px;padding:0 14px;border-radius:999px;background:#fffefa;border:1px solid #e6e3dc;font-size:13px;font-weight:500;color:var(--ink)}
.mn-hero{padding:14px 16px 12px;display:flex;flex-direction:column;gap:4px}
.mn-who{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.mn-who b{font-size:15px;font-weight:600;margin-right:2px}
.mn-who .mn-store,.mn-who .mn-tag{font-size:11px;line-height:18px;padding:0 8px}
.mn-hero small{font-size:12px;color:var(--muted);margin-top:6px}
.mn-net{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.mine-slip .mn-kv{min-height:44px;font-size:15px}
.mine-slip .mn-kv>span{min-width:0;max-width:none;flex:0 1 auto}
.mine-slip .mn-kv>b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;flex:1 1 auto;max-width:none;justify-content:flex-end}
.mine-slip .mn-kv.sum>span,.mine-slip .mn-kv.sum>b{font-weight:700}
.mn-slip-days{margin-top:8px}
.mn-slip-day{position:relative;padding:2px 0 4px}
.mn-slip-day+.mn-slip-day::before{content:'';position:absolute;top:0;left:16px;right:0;height:1px;background:#e9e6df}
.mn-day-head{display:flex;align-items:baseline;gap:6px;padding:8px 16px 4px}
.mn-day-head b{font-size:16px;font-weight:600}.mn-day-head small{font-size:12px;color:var(--muted)}
.mn-day-head .mn-store{margin-left:auto;font-size:11px;line-height:18px;padding:0 8px;align-self:center}
.mn-day-shift{display:flex;align-items:center;gap:8px;padding:4px 16px;font-size:14px;font-variant-numeric:tabular-nums}
.mn-day-shift .mn-shift{font-size:11px;line-height:18px;padding:0 8px}
.mn-t{color:var(--ink)}
.mn-h{margin-left:auto;color:var(--muted);font-size:13px}
.mn-tip{min-width:84px;text-align:right;font-weight:600}.mn-tip small{font-weight:400;color:var(--muted);font-size:11px}
.mn-t+.mn-tip{margin-left:auto}
.mine-slip .mn-legend{position:relative;margin:0;padding:10px 16px 6px}
.mine-slip .mn-legend span{font-size:11px;line-height:18px;padding:0 8px}
.mn-days{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:4px 10px 12px}
.mn-dayc{display:flex;flex-direction:column;align-items:stretch;gap:2px;text-align:center;min-width:0}
.mn-dayc small{font-size:12px;font-weight:600;color:var(--ink);line-height:1.1}
.mn-dayc small i{display:block;font-style:normal;font-weight:400;font-size:10px;color:var(--muted)}
.mn-dayc span{font-size:10px;line-height:16px;border-radius:6px;font-weight:600}
.mine-slip .work{background:#e5eee6;color:#2f5744}.mine-slip .rest{background:#efefea;color:#8b8a84}.mine-slip .leave{background:#fff3d6;color:#795821}
.mine-slip .mix{background:linear-gradient(135deg,#efefea 50%,#fff3d6 50%);color:#795821}
.mine-slip .none{background:none;color:#c8c6bf;box-shadow:inset 0 0 0 1px #ecebe5}

@media(max-width:359px){.mn-net{font-size:26px}.mn-kv>span{min-width:72px}.mn-ss-row{gap:6px;padding:0 10px}.mn-time{font-size:12px}}