/* Match Manager ListShell and MarketplaceView tokens, without global host CSS. */
:root{--blue:#176bff;--ink:#172033;--muted:#6f7b91;--line:#e5eaf2;--page-bg:#f4f7fb}
body{background:var(--page-bg);font-family:"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}
.content{max-width:none;padding:24px 28px}
.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;min-height:42px}
.page-toolbar h1{font-size:20px;line-height:1.5;margin:0;font-weight:600;letter-spacing:0;color:#27364c}
.page-toolbar p{font-size:12px;color:#8492a6;margin:5px 0 0;line-height:1.7}
.btn{min-height:36px;padding:0 16px;font-size:13px;border-radius:5px;border-color:#dce3ed;color:#53657d}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#0d55dc}
.btn.danger{color:#b36357}.btn:not(.primary):hover{background:#f8fbff;border-color:#b7ccec}
.stats{gap:12px;margin-bottom:16px}
.stat{padding:14px 18px;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-height:78px}
.stat label{font-size:12px;color:#7b8ba1;grid-column:1;grid-row:1}
.stat strong{font-size:24px;margin:0;line-height:1.4;grid-column:2;grid-row:1/3;color:#27364c;font-weight:600}
.stat small{font-size:10px;margin:0;color:#a6b0bf;grid-column:1;grid-row:2}
.stat strong.metric-text{font-size:14px}
.panel{border-color:#e2e8f0;border-radius:10px;box-shadow:none}
.panel-head{min-height:50px;padding:10px 18px;border-color:#edf1f6}
.panel-head h2{font-size:14px;font-weight:600;color:#334155}
.filters{padding:16px 18px;gap:10px;border-color:#edf1f6}
.filters input,.filters select{height:36px;font-size:13px;border-radius:5px;border-color:#d9e2ee;color:#475569;padding:0 11px}
.filters input[type=search]{width:230px}.filters input[type=date]{width:145px}
.filters label{color:#94a3b8;font-size:12px}
th{background:#f8fafc;color:#7b8ba1;font-size:12px;padding:12px 18px;border-bottom:1px solid #edf1f6}
td{padding:16px 18px;border-color:#edf1f6;font-size:13px;color:#475569}
tbody tr:hover{background:#f8fbff}.record-title{color:#27364c;font-size:14px;font-weight:600}.record-title:hover{color:#2563eb}
.row-sub{font-size:11px;color:#94a3b8;margin-top:7px}.small{font-size:12px;color:#94a3b8}
.badge{border:1px solid #dfebfc;background:#eef5ff;color:#3471c9;border-radius:5px;font-size:11px;padding:3px 8px}
.badge.pending{background:#fff8e9;color:#ad8434;border-color:#faecd1}
.badge.approved,.badge.done,.badge.published{background:#eff8f3;color:#408462;border-color:#dceee4}
.badge.rejected{background:#fff2f1;color:#b36357;border-color:#fae3e0}
.badge.draft,.badge.withdrawn{background:#f4f6f9;color:#7a8798;border-color:#e8ecf2}
.pager{padding:12px 18px;border-color:#edf1f6;font-size:12px}.pager .btn{min-height:30px;padding:0 11px}
.clock{padding:22px 24px;margin-bottom:16px;min-height:132px}
.clock .eyebrow{display:none}.clock h2{font-size:14px;color:#334155;margin:0 0 18px}
.punch-times{gap:48px}.punch-times strong{font-size:24px;color:#27364c;font-weight:600}.punch-times span{font-size:12px;color:#7b8ba1}
.document{gap:18px}.detail-body{padding:24px}.fields label{font-size:12px;color:#8492a6}.fields p{font-size:14px;color:#526983;line-height:1.9}
.timeline{padding:22px}.event{font-size:13px}.event small{font-size:11px}.event p{color:#62738b;font-size:12px}
.modal{border-radius:10px}.modal-head{padding:20px 26px}.modal-body{padding:24px 26px}.modal-foot{padding:16px 26px}.field label{font-size:14px;color:#606266}.field input,.field select,.field textarea{min-height:40px;font-size:14px;border-radius:5px;border-color:#dcdfe6;color:#303133}
.notice{border-radius:6px;color:#5776a6;background:#eef5ff;border-color:#dfebfc;font-size:12px}
.embedded .content{padding:18px 20px 24px}.embedded .bottom{display:none}
.embedded .page-toolbar{margin-bottom:16px}.embedded .page-toolbar h1{font-size:18px}.embedded .page-toolbar p{display:none}
@media(max-width:1100px){.stat{display:block;min-height:88px}.stat strong{margin:6px 0 0}.stat small{display:none}}
@media(max-width:600px){.content,.embedded .content{padding:16px 12px}.page-toolbar{flex-wrap:wrap}.page-toolbar h1,.embedded .page-toolbar h1{font-size:18px}.stats{gap:8px}.stat{padding:12px 14px;min-height:76px}.stat strong{font-size:22px}.filters{padding:14px 12px}.filters input[type=search]{width:100%}.clock{padding:18px;gap:22px}.punch-times{gap:32px}.panel-head{padding:12px 14px}.pager{gap:10px;flex-wrap:wrap}.modal-head,.modal-body,.modal-foot{padding:18px}}