/* style.f34fd88a1b1016dbc2a3.css */ /* style.css */ :root { --bg:#F5F6F8; --panel:#FFFFFF; --panel2:#F8F9FB; --panel3:#F2F3F5; --line2:#F0F1F3; --tx2:#4E5969; --tx3:#86909C; --red:#C0231F; --red-w:#FDF0EF; --red-soft:#EE9F98; --ok:#1F7A4D; --ok-w:#EAF5EE; --ok-soft:#A8CDB8; --amber:#9A5B0B; --amber-w:#FBF3E6; --mute-bar:#C4C9D1; --bar:#C4C9D1; --bar-lt:#EEF0F3; --fs-big:32px; --fs-num:20px; --fs-h:17px; --fs-body:13px; --fs-tbl:13px; --fs-aux:12px; --num:var(--sans); --card:#FFFFFF; --line:#E5E6EB; --line-soft:#F0F1F3; --th:#F8F9FB; --ink:#1F2329; --ink2:#4E5969; --ink3:#86909C; --brand:#111114; --tab-bg:#FDF0EF; --tab-bd:#F2CFCB; --tab-ink:#C0231F; --neg:#C0231F; --neg-bg:#FDF0EF; --warn:#D88A0B; --warn-bg:#FBF3E6; --pos:#1F7A4D; --pos-bg:#EAF5EE; /* 数据色：主数据蓝（单系列、进度）· 强调红（这条发现说的那个对象）· 背景灰（其余对象）。已过 dataviz 校验 */ --d-main:#4E5969; --d-main-wash:rgba(47,107,212,.10); --d-hl:#C0231F; --d-ctx:#C4C9D1; --d-track:#EEF0F3; --d-grid:#EEF0F3; /* 热力：问题深浅，单一红色系由浅到深 */ --h1:#FDF1F0; --h2:#FADAD7; --h3:#F5BDB8; --h4:#EE9F98; --h5:#E5817A; --sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif; --side:220px; } * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:clip; background:var(--bg); color:var(--ink); font:13px/1.55 var(--sans); -webkit-font-smoothing:antialiased; } button { font:inherit; color:inherit; } a { color:inherit; } .num { font-family:var(--num); font-variant-numeric:tabular-nums; } .neg { color:var(--red); } .pos { color:inherit; } .v4 .pos { color:var(--ok); } .amber { color:var(--amber); } .muted { color:var(--tx3); } /* ---------- 外框 ---------- */ .nav { position:sticky; top:0; z-index:20; background:var(--ink); color:#c9cfcb; } .nav-in { max-width:1320px; margin:0 auto; padding:0 32px; height:50px; display:flex; align-items:center; gap:28px; } .brand { display:flex; align-items:center; gap:8px; color:#fff; font-weight:600; letter-spacing:.06em; } .brand i { width:24px; height:24px; border-radius:6px; background:#fff; color:var(--ink); display:grid; place-items:center; font-style:normal; font-size:12px; letter-spacing:0; } .nav-links { display:flex; gap:4px; } .nav-links a, .nav-links span { padding:6px 14px; border-radius:6px; font-size:14px; text-decoration:none; } .nav-links span { cursor:default; color:#7f8782; } .nav-links a:hover { color:#fff; } .nav-links a.on { background:#2b302e; color:#fff; font-weight:600; } .nav .sp { flex:1; } .who { font-size:12.5px; display:flex; align-items:center; gap:8px; } .who b { color:#fff; font-weight:500; } .seg.dark { background:#2b302e; } .seg.dark button { color:#c9cfcb; } .seg.dark button.on { background:#f3f4f2; color:var(--ink); } /* 红牌、黄牌：小号文字标记，不用色块，免得和数据红抢视线 */ .lv { display:inline-block; font-size:var(--fs-aux); font-weight:600; line-height:1.4; } .lv::after { content:"牌"; } .lv.red { color:var(--red); } .lv.yellow { color:var(--amber); } .scopebar { background:var(--panel); border-bottom:1px solid var(--line); } .scopebar-in { max-width:1320px; margin:0 auto; padding:12px 32px 11px; display:flex; align-items:center; gap:16px; } .crumbs { display:flex; align-items:center; gap:6px; flex-wrap:wrap; } .crumb { border:0; background:transparent; padding:4px 8px; border-radius:6px; cursor:pointer; font-size:13px; color:var(--tx2); } .crumb:hover { background:var(--panel3); color:var(--ink); } .crumb.on { color:var(--ink); font-weight:600; cursor:default; background:transparent; } .crumb small { font-weight:400; color:var(--tx3); margin-left:4px; font-size:12px; } .crumbs .sep { color:#c3c9c4; } .scopebar .sp { flex:1; } .lens { font-size:12px; color:var(--tx2); background:var(--panel2); border:1px solid var(--line); border-radius:999px; padding:3px 10px; } .day { font-size:12.5px; color:var(--tx2); } .demo { max-width:1320px; margin:0 auto; padding:10px 32px 0; font-size:12px; color:var(--amber); } .demo span { background:var(--amber-w); padding:3px 9px; border-radius:6px; } .page { max-width:1320px; margin:0 auto; padding:14px 32px 56px; } .sec { margin-top:22px; } .sec-h { display:flex; align-items:baseline; gap:10px; margin:0 0 9px; } .sec-h h2 { margin:0; font-size:16px; font-weight:600; } .sec-h .cnt { font-size:13px; color:var(--tx2); } .sec-h .sp { flex:1; } .sec-h .aside { font-size:var(--fs-aux); color:var(--tx3); } .panel { background:var(--panel); border:1px solid var(--line); border-radius:12px; } .tscroll { overflow-x:auto; } /* ---------- 目标 ---------- */ .goals { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .goal { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:16px 20px 14px; display:grid; grid-template-columns:200px minmax(0,1fr); column-gap:28px; align-items:center; } .goal .gl { font-size:13px; color:var(--tx2); margin-bottom:4px; } .goal .gl small { color:var(--tx3); display:block; } .goal .gv { font-size:var(--fs-big); font-weight:600; line-height:1.1; letter-spacing:-.01em; } .goal .gv small { font-size:15px; font-weight:500; } .goal .gf { font-size:var(--fs-aux); color:var(--tx2); margin-top:4px; } .goal .gp { font-size:13px; margin-top:6px; font-weight:600; } .goal .gp span { font-weight:400; color:var(--tx3); } .goal .strip { min-width:0; } .goal .strip-cap { font-size:var(--fs-aux); color:var(--tx3); margin-top:2px; } .goal .strip-cap b { color:var(--red); font-weight:600; } .goal svg .hit { cursor:pointer; } .goal svg text { font-family:var(--num); } .goal svg .lbl { font-family:var(--sans); } /* ---------- 总判断 ---------- */ .verdict { margin-top:24px; padding:0 2px; } .verdict h1 { margin:0; font-size:23px; line-height:1.45; font-weight:600; letter-spacing:.005em; max-width:1120px; text-wrap:balance; } .verdict p { margin:6px 0 0; font-size:13px; color:var(--tx2); } .empty { padding:14px 18px; font-size:13px; color:var(--tx2); } /* ---------- 今天的异常 ---------- */ .case { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:28px; padding:22px 24px; border-bottom:1px solid var(--line2); align-items:start; } .case:last-of-type { border-bottom:0; } .case .hero { display:flex; align-items:baseline; flex-wrap:wrap; column-gap:12px; row-gap:2px; margin-bottom:8px; } .case .hero .scope-tag { font-size:var(--fs-aux); color:var(--tx2); border:1px solid var(--line); border-radius:999px; padding:0 8px; line-height:20px; align-self:center; } .case .hero .big { font-size:var(--fs-big); font-weight:600; line-height:1.1; letter-spacing:-.015em; } .case .hero .big small { font-size:16px; font-weight:500; margin-left:2px; } .case .hero .sowhat { font-size:13px; color:var(--tx2); } .case .hero .sowhat b { color:var(--ink); font-weight:600; } .case h3 { text-wrap:balance; margin:0 0 6px; font-size:var(--fs-h); line-height:1.45; font-weight:600; } .case .facts { margin:0 0 14px; font-size:13px; color:var(--tx2); line-height:1.65; } .causes-h { font-size:var(--fs-aux); color:var(--tx3); margin-bottom:6px; letter-spacing:.02em; } .cause { display:grid; grid-template-columns:minmax(0,1fr); gap:3px; padding:8px 0 9px; border-top:1px dashed var(--line); } .cause:first-of-type { border-top:0; padding-top:2px; } .cause .ct { font-size:var(--fs-body); line-height:1.6; } .cause .ct b { font-weight:600; } .cause .meta { display:flex; flex-wrap:wrap; gap:6px; font-size:var(--fs-aux); } .chip { border-radius:4px; padding:0 6px; line-height:19px; border:1px solid var(--line); color:var(--tx2); background:var(--panel); } .chip.layer::before { content:"问题归属 · "; color:var(--tx3); } .chip.follow::before { content:"跟进 · "; color:var(--tx3); } .chip.follow.gap { color:var(--amber); border-color:#e8d8b8; } .case .more { margin-top:10px; font-size:var(--fs-aux); } .case .more a, .linkish { color:var(--ink); text-decoration:none; border-bottom:1px solid #c3c9c4; cursor:pointer; } .case .more a.disabled { color:var(--tx3); border-bottom-style:dotted; cursor:not-allowed; } .proof { min-width:0; } .proof { padding-top:4px; } .proof .pt { font-size:13px; color:var(--tx2); margin-bottom:10px; display:flex; gap:8px; align-items:baseline; } .proof .pt b { color:var(--ink); font-weight:600; } .proof .pt .sp { flex:1; } .proof .pc { font-size:var(--fs-aux); color:var(--tx3); margin-top:6px; line-height:1.5; } .proof svg text { font-family:var(--num); } .proof svg .lbl { font-family:var(--sans); } .proof .hit { cursor:pointer; } .seen { padding:12px 24px 14px; font-size:13px; color:var(--tx2); background:var(--panel2); border-top:1px solid var(--line2); border-radius:0 0 12px 12px; } .seen b { color:var(--ink); font-weight:600; margin-right:6px; } .seen .row { padding:2px 0; } .auto-note { padding:12px 24px 0; font-size:var(--fs-aux); color:var(--amber); } /* ---------- 下级 ---------- */ table.kids { width:100%; border-collapse:collapse; } .kids th { text-align:left; font-size:var(--fs-aux); font-weight:500; color:var(--tx3); padding:9px 14px 7px; border-bottom:1px solid var(--line); white-space:nowrap; } .kids th.r, .kids td.r { text-align:right; } .kids td { padding:9px 14px; border-bottom:1px solid var(--line2); font-size:var(--fs-tbl); vertical-align:middle; } .kids tbody tr { cursor:pointer; } .kids tbody tr:hover td { background:var(--panel2); } .kids tbody tr:last-child td { border-bottom:0; } .kids td.nm b { font-weight:600; } .kids td.nm small { color:var(--tx3); margin-left:6px; font-size:12px; } .kids .barcell { width:200px; } .kids .go { color:var(--tx3); width:24px; text-align:right; } .kids .flag { font-size:12px; white-space:nowrap; } .kids .flag .lv { margin-right:6px; } .kids-more { padding:9px 14px; border-top:1px solid var(--line2); font-size:13px; } .kids-more button { border:0; background:transparent; cursor:pointer; padding:0; color:var(--ink); border-bottom:1px solid #c3c9c4; } .div { position:relative; height:6px; background:var(--panel3); border-radius:3px; } .div::after { content:""; position:absolute; left:50%; top:-2px; bottom:-2px; width:1px; background:#b9c0bb; } .div i { position:absolute; top:0; bottom:0; border-radius:3px; } .pace { position:relative; height:8px; background:var(--panel3); border-radius:4px; } .pace i { position:absolute; left:0; top:0; bottom:0; border-radius:4px; background:var(--bar); } .pace i.behind { background:var(--bar); } .pace u { position:absolute; top:-3px; bottom:-3px; width:2px; background:var(--ink); } /* ---------- 经营数据（v4） ---------- */ .v4 { padding:14px 16px 12px; } .v4 .head { display:flex; align-items:center; gap:12px; margin-bottom:10px; } .v4 .head h2 { margin:0; font-size:16px; font-weight:600; } .v4 .head .date { font-size:12px; color:var(--tx2); } .v4 .head .sp { flex:1; } .seg { display:inline-flex; background:var(--panel3); border-radius:8px; padding:2px; gap:2px; } .seg button { border:0; background:transparent; font-size:12px; color:var(--tx2); padding:2px 9px; border-radius:6px; cursor:pointer; } .seg button.on { background:var(--panel); color:var(--ink); font-weight:600; box-shadow:0 1px 2px rgba(0,0,0,.06); } .tabs { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin-bottom:10px; } .tab { min-width:0; border:1px solid var(--line); border-radius:10px; padding:8px 10px 7px; cursor:pointer; background:var(--panel2); text-align:left; } .tab.on { background:var(--panel); border-color:var(--ink); box-shadow:inset 0 2px 0 var(--ink); } .tab .t1 { display:flex; align-items:center; gap:6px; } .tab .pn { font-weight:600; font-size:12.5px; } .tab .flag { margin-left:auto; font-size:var(--fs-aux); } .flag.low { color:var(--red); } .flag.high { color:var(--ok); } .tab .v { font-size:var(--fs-num); font-weight:600; line-height:1.25; margin:1px 0 3px; } .tab .v small { font-size:var(--fs-aux); font-weight:400; color:var(--tx3); } .cmp3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; } .cmp3 div { white-space:nowrap; font-size:11px; color:var(--tx3); line-height:1.3; } .cmp3 b { display:block; font-size:13px; font-weight:500; color:var(--ink); } .read { font-size:var(--fs-body); line-height:1.7; padding:8px 12px; background:var(--panel2); border-radius:10px; margin-bottom:10px; } .read .m { border-bottom:1px dashed currentColor; cursor:pointer; } .read small { color:var(--tx3); font-size:var(--fs-aux); margin-left:6px; } .v4 .body { display:grid; grid-template-columns:minmax(0, 1fr) 290px; gap:14px; } .ctl { display:flex; align-items:baseline; gap:10px; margin:0 0 2px; flex-wrap:wrap; } .ctl b { font-size:13px; } .ctl .lg { font-size:var(--fs-aux); color:var(--tx3); display:flex; gap:12px; } .ctl .lg i { display:inline-block; width:10px; height:10px; border-radius:2px; vertical-align:-1px; margin-right:4px; } .ctl .lg i.d { width:16px; height:0; border-top:2px dashed #5b6460; border-radius:0; vertical-align:3px; } .v4 svg text { font-family:var(--num); } .v4 .side { border-left:1px solid var(--line); padding-left:12px; } .v4 .side h4 { margin:0; font-size:13px; font-weight:600; } .v4 .side .ps { font-size:var(--fs-aux); color:var(--tx3); margin-bottom:6px; } .wf .r { display:grid; grid-template-columns:66px 62px 1fr 54px; align-items:center; column-gap:6px; padding:4px 6px; border-radius:6px; } .wf .r.pick { cursor:pointer; } .wf .r.pick:hover { background:var(--panel2); } .wf .r.on { background:#f1f3ef; box-shadow:inset 3px 0 0 var(--ink); } .wf .k { font-size:12px; color:var(--tx2); line-height:1.25; } .wf .k small { display:block; font-size:11px; color:var(--tx3); } .wf .r.lead .k { color:var(--ink); font-weight:600; } .wf .p, .wf .a { font-size:12px; } .wf .a { text-align:right; } .wf .tot { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--tx2); padding:5px 6px; border-radius:6px; } .wf .tot.top { border-bottom:1px solid var(--line2); } .wf .tot.end { border-top:1px solid var(--line2); } .wf .sub { border-top:1px dashed var(--line); } .wf .byp { display:flex; justify-content:space-between; font-size:12px; color:var(--tx2); padding:3px 6px; } .wf .note { margin:10px 6px 0; line-height:1.6; font-size:var(--fs-aux); color:var(--tx3); } .kidstrip { display:grid; gap:6px; align-items:stretch; margin-top:10px; padding-top:9px; border-top:1px solid var(--line); } .kidstrip .ah { font-size:var(--fs-aux); color:var(--tx3); line-height:1.4; } .kidstrip .ah b { display:block; font-size:12px; color:var(--ink); font-weight:600; } .kc { border-radius:8px; padding:5px 7px; background:var(--panel2); cursor:pointer; border:0; text-align:left; min-width:0; } .kc:hover { background:var(--panel3); } .kc .n { font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .kc .d { font-size:12px; } .kc .s { font-size:11px; color:var(--tx3); } .v4 .foot { margin-top:8px; font-size:var(--fs-aux); color:var(--tx3); } .v4 .body.plain { grid-template-columns:minmax(0, 1fr); } .v4 .body.plain .side, .v4 .kidstrip.off { display:none; } .dtl { border:1px solid var(--line); background:var(--panel); border-radius:8px; font-size:12px; padding:3px 10px; cursor:pointer; color:var(--tx2); } .dtl[aria-pressed="true"] { border-color:var(--ink); color:var(--ink); font-weight:600; } /* ---------- 片区子页签与区经理队列 ---------- */ .subtabs { display:flex; gap:4px; margin:2px 0 14px; } .subtabs a { padding:6px 14px; border-radius:8px; font-size:13px; color:var(--tx2); text-decoration:none; border:1px solid transparent; } .subtabs a:hover { background:var(--panel3); } .subtabs a.on { background:var(--panel); border-color:var(--line); color:var(--ink); font-weight:600; } .qwrap { display:grid; grid-template-columns:330px minmax(0, 1fr); gap:18px; align-items:start; } .qlist { position:sticky; top:62px; max-height:calc(100vh - 74px); overflow:auto; background:var(--panel); border:1px solid var(--line); border-radius:12px; } .qg { border-bottom:1px solid var(--line); } .qg:last-child { border-bottom:0; } .qgh { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:center; background:var(--panel2); padding:8px 14px; font-size:var(--fs-aux); color:var(--tx2); border-bottom:1px solid var(--line2); } .qgh b { color:var(--ink); } details.qg > summary { list-style:none; cursor:pointer; } details.qg > summary::-webkit-details-marker { display:none; } details.qg > summary span::after { content:" ▾"; color:var(--tx3); } .qnew .qgh { background:var(--amber-w); color:var(--amber); } .qnote { padding:6px 14px 2px; font-size:var(--fs-aux); color:var(--tx3); } .qi { display:block; width:100%; text-align:left; border:0; border-bottom:1px solid var(--line2); background:transparent; padding:9px 14px 10px; cursor:pointer; } .qi:last-child { border-bottom:0; } .qi:hover { background:var(--panel2); } .qi.on { background:#eef1ec; box-shadow:inset 3px 0 0 var(--ink); } .qi .r1 { display:flex; align-items:center; gap:6px; min-width:0; } .qi .nm { font-weight:600; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .qi .ct { color:var(--tx3); font-size:var(--fs-aux); white-space:nowrap; } .qi .dl { margin-left:auto; font-size:12px; } .qi .r2 { font-size:13px; margin-top:3px; line-height:1.5; } .qi .r3 { font-size:var(--fs-aux); color:var(--tx3); margin-top:1px; } .qmore { display:block; width:100%; border:0; background:transparent; padding:8px 14px; font-size:12.5px; text-align:left; cursor:pointer; color:var(--ink); text-decoration:underline; text-decoration-color:#c3c9c4; } .qmain { min-width:0; } .qhead { display:flex; align-items:baseline; gap:10px; padding:2px 2px 10px; border-bottom:1px solid var(--line); } .qhead b { font-size:17px; } .qhead span { color:var(--tx2); font-size:12.5px; } .qhead a { margin-left:auto; font-size:12.5px; } .qmain .verdict { margin-top:16px; } .qmain .verdict h1 { font-size:20px; } .qmain .case { grid-template-columns:minmax(0, 1fr); gap:16px; } .qmain .case .proof { max-width:620px; } .qempty { padding:12px 14px; font-size:var(--fs-aux); color:var(--tx3); line-height:1.6; } .escbox { margin-top:14px; padding:14px 18px; background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--ink); border-radius:10px; } .escbox .ek { font-size:var(--fs-aux); color:var(--tx3); } .escbox .ev { font-size:var(--fs-body); font-weight:600; margin:4px 0 6px; line-height:1.55; } .escbox .em { font-size:var(--fs-aux); color:var(--tx2); } /* ---------- 设计说明 ---------- */ .notes { position:relative; flex-shrink:0; z-index:30; } .notes > button { height:34px; border:1px solid var(--line); background:#fff; border-radius:6px; padding:0 12px; font-size:12.5px; cursor:pointer; box-shadow:none; } .notes .box { position:absolute; right:0; top:calc(100% + 10px); width:440px; max-height:70vh; overflow:auto; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:16px 18px; box-shadow:0 12px 32px rgba(22,26,25,.14); font-size:12.5px; line-height:1.65; } .notes .box h3 { margin:0 0 6px; font-size:14px; } .notes .box h4 { margin:12px 0 4px; font-size:12.5px; } .notes .box p, .notes .box li { color:var(--tx2); margin:0 0 4px; } .notes .box ul { margin:0; padding-left:18px; } /* ---------- R3 本人首页与今日待办 ---------- */ .home { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:24px; align-items:start; } .home > .goals, .home > .sec { grid-column:1 / -1; } .home > *, .home-main, .home .case > *, .goals > *, .v4 .body > * { min-width:0; } .home > .sec, .home-main > .verdict { margin-top:0; } .home-main .sec-h { flex-wrap:wrap; } .home-main .sec-h .aside { flex-basis:100%; } .chip.follow { cursor:pointer; font-size:var(--fs-aux); } .chip.follow:hover { text-decoration:underline; } .rail { position:sticky; top:66px; max-height:calc(100vh - 82px); overflow:auto; background:var(--panel); border:1px solid var(--line); border-radius:12px; } .rail-head { display:flex; align-items:center; justify-content:space-between; padding:14px; gap:10px; } .rail-head h2 { font-size:15px; font-weight:600; margin:0; } .rail-head > span { font-size:12px; color:var(--tx3); } .rail-item { position:relative; border-bottom:1px solid var(--line2); } .rail-item:last-child { border-bottom:0; } .rail-item .qi { border:0; } .rail-item > a.qi { display:block; color:inherit; text-decoration:none; } .rail-item > a.qi .rail-go { display:block; margin:9px 0 0; } .rail-item .qi .r3 { padding-right:96px; } .rail-item:hover { background:var(--panel2); } .rail-go { position:absolute; right:14px; bottom:10px; font-size:12px; } .rail-foot { position:sticky; bottom:0; padding:12px 14px; border-top:1px solid var(--line); background:var(--panel); font-size:13px; } .rail-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; } .rail-foot a { white-space:nowrap; } /* ---------- 共用门店抬头 ---------- */ .store-head { display:flex; align-items:center; gap:16px; margin-bottom:14px; padding:2px 2px 12px; } .store-heading { min-width:0; flex:1; } .store-head .store-heading > b { font-size:17px; font-weight:600; } .store-meta { font-size:13px; color:var(--tx3); margin-top:3px; } .store-status { font-size:12px; margin-top:4px; } .record-button { position:relative; border:1px solid var(--line); background:var(--panel); border-radius:7px; padding:6px 10px; font-size:13px; cursor:pointer; flex-shrink:0; } .record-button:hover { background:var(--panel3); } .record-button.has-alert::after { content:""; position:absolute; top:-3px; right:-3px; width:6px; height:6px; border-radius:50%; background:var(--red); } .qmain .goals { grid-template-columns:repeat(2,minmax(0,1fr)); } .qmain .goal { grid-template-columns:minmax(0,1fr); row-gap:8px; } .escbox { margin-bottom:14px; } /* ---------- 判断依据 / 跟进记录抽屉 ---------- */ .drawer { position:fixed; top:50px; right:0; bottom:0; width:480px; max-width:100vw; z-index:25; background:var(--panel); border-left:1px solid var(--line); box-shadow:-12px 0 32px rgba(22,26,25,.10); transform:translateX(100%); transition:transform .18s ease-out, visibility 0s linear .18s; display:flex; flex-direction:column; visibility:hidden; } .drawer.open { transform:translateX(0); visibility:visible; transition:transform .18s ease-out; } .drawer-head { padding:16px 20px 0; border-bottom:1px solid var(--line); flex-shrink:0; } .drawer-title { display:flex; align-items:flex-start; gap:12px; } .drawer-title > div { flex:1; min-width:0; } .drawer-title b { font-size:16px; font-weight:600; } .drawer-title small { display:block; font-size:12px; color:var(--tx3); margin-top:2px; } .drawer-close { width:28px; height:28px; padding:0; border:0; border-radius:5px; background:transparent; font-size:24px; line-height:1; cursor:pointer; } .drawer-close:hover { background:var(--panel3); } .drawer-tabs { display:flex; gap:24px; margin-top:12px; } .drawer-tabs button { border:0; border-bottom:2px solid transparent; padding:9px 0 10px; color:var(--tx2); background:transparent; font-size:14px; cursor:pointer; } .drawer-tabs button.on { color:var(--ink); font-weight:600; border-bottom-color:var(--ink); } .drawer-tabs button:disabled { color:var(--tx3); cursor:default; } .drawer-body { overflow:auto; padding:16px 20px 96px; min-height:0; flex:1; overscroll-behavior:contain; } .drawer-actions { position:absolute; left:0; right:0; bottom:0; padding:12px 20px; border-top:1px solid var(--line); background:var(--panel); display:flex; gap:8px; } .drawer-actions button { font-size:13px; height:32px; padding:0 12px; border-radius:6px; border:1px solid var(--line); background:var(--panel); cursor:not-allowed; color:var(--tx2); } .drawer-actions .primary { background:var(--ink); color:#fff; border-color:var(--ink); } .drawer-actions button:disabled { opacity:.45; } .case-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; } .case-tabs button { text-align:left; font-size:12px; padding:5px 8px; border:1px solid var(--line); border-radius:6px; background:var(--panel2); color:var(--tx2); cursor:pointer; max-width:100%; } .case-tabs button.on { border-color:var(--ink); color:var(--ink); background:var(--panel); font-weight:600; } .evidence-summary { font-size:13px; color:var(--tx2); } .evidence-summary .scope-tag { font-size:12px; margin-right:10px; } .evidence-summary > b { font-size:20px; font-weight:600; } .evidence-summary small { font-size:13px; margin-left:3px; } .evidence-summary > div { margin-top:4px; } .evidence-summary h3 { font-size:15px; color:var(--ink); font-weight:600; margin:8px 0 0; } .drawer-section { margin-top:22px; } .drawer-section h3 { font-size:14px; font-weight:600; margin:0 0 9px; } .drawer-section ol, .drawer-section ul { padding-left:20px; margin:0; font-size:13px; color:var(--tx2); } .drawer-section li { margin-bottom:9px; line-height:1.65; } .evidence-table { width:100%; border-collapse:collapse; font-size:13px; } .evidence-table th { font-size:12px; color:var(--tx3); font-weight:400; text-align:left; padding:8px 7px; border-bottom:1px solid var(--line); } .evidence-table td { padding:8px 7px; border-bottom:1px solid var(--line2); vertical-align:top; } .evidence-table .r { text-align:right; } .evidence-table .num { white-space:nowrap; } .evidence-table .selected-day { font-weight:600; background:var(--panel2); } .record-state { background:var(--panel2); border-radius:10px; padding:12px 14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; margin:0 0 16px; } .record-state dt { font-size:12px; color:var(--tx3); margin-bottom:3px; } .record-state dd { font-size:14px; margin:0; } .record-filter { margin-bottom:20px; } .record-filter button { padding:5px 9px; } .record-timeline { list-style:none; margin:0 0 0 4px; padding:0 0 0 19px; border-left:2px solid var(--line); } .record-timeline li { position:relative; padding:0 0 24px; } .record-timeline li:last-child { padding-bottom:0; } .record-timeline li::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--ink); position:absolute; left:-24px; top:6px; border:1px solid var(--ink); } .record-timeline li.system::before { background:var(--tx3); border-color:var(--tx3); } .record-timeline li.escalation::before { background:var(--panel); } .timeline-meta { display:flex; gap:10px; font-size:12px; color:var(--tx3); } .record-timeline h3 { font-size:14px; font-weight:600; margin:4px 0; } .record-timeline p { font-size:13px; color:var(--tx2); margin:0 0 5px; } .record-timeline small { font-size:12px; color:var(--tx3); } .notes { z-index:24; } /* ---------- R4 公司首页与总经理事项 ---------- */ .demo-tag { display:inline-block; font-size:12px; font-weight:400; color:var(--tx3); border:1px solid var(--line); border-radius:4px; padding:0 4px; vertical-align:middle; white-space:nowrap; } .gm-goals { grid-template-columns:repeat(3,minmax(0,1fr)); } .gm-goals .goal { display:flex; flex-wrap:wrap; align-content:flex-start; align-items:center; gap:12px 28px; } .gm-goals .goal > div:first-child { flex:0 1 200px; max-width:100%; } .gm-goals .strip { flex:1 1 240px; max-width:100%; } .gm-goals svg { max-width:100%; } .gm-cost-note { font-size:12px; color:var(--tx2); line-height:1.8; } .gm-focus .nm { white-space:normal; overflow:visible; } .gm-focus .r2 { color:var(--tx3); font-size:12px; } .gm-lines > .sec-h { flex-wrap:wrap; } .gm-lines > .panel > .kids { min-width:1060px; table-layout:fixed; } .gm-lines > .panel > .kids th:nth-child(1) { width:7%; } .gm-lines > .panel > .kids th:nth-child(2) { width:10%; } .gm-lines > .panel > .kids th:nth-child(3) { width:12%; } .gm-lines > .panel > .kids th:nth-child(4) { width:30%; } .gm-lines > .panel > .kids th:nth-child(5) { width:14%; } .gm-lines > .panel > .kids th:nth-child(6) { width:11%; } .gm-lines > .panel > .kids th:nth-child(7) { width:16%; } .gm-lines .kids tbody tr { cursor:default; } .gm-lines .kids tr[data-href], #gm-delivery-row { cursor:pointer; } .gm-lines .kids td { vertical-align:top; } .gm-expand { display:block; padding:0; margin-top:6px; border:0; border-bottom:1px solid #c3c9c4; background:transparent; text-align:left; } #gm-delivery-groups[hidden] { display:none; } .gm-groups { background:var(--panel2); } .gm-footnote { font-size:12px; color:var(--tx3); margin:8px 2px 0; } .gm-business { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:16px; } .gm-business > section { min-width:0; } .gm-business h3 { font-size:14px; font-weight:600; margin:0 0 10px; } .gm-business h3 small { font-size:12px; color:var(--tx3); font-weight:400; } .gm-business p { font-size:12px; } .gm-table-note { font-size:12px; color:var(--tx3); margin-bottom:4px; } .gm-pnl td, .gm-pnl th { padding:7px 5px; } .gm-pnl td:first-child { min-width:62px; } .gm-detail { min-width:0; } .gm-detail h1 { font-size:17px; font-weight:600; line-height:1.5; margin:0 0 6px; } .gm-detail-meta { font-size:12px; color:var(--tx3); } .gm-detail .drawer-section h3 { font-size:13px; color:var(--tx3); font-weight:400; } .gm-queue-detail { padding:22px 24px 0; } .gm-steps > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:10px 0; border-bottom:1px solid var(--line2); } .gm-steps p { font-size:13px; color:var(--tx2); margin:0; line-height:1.65; } .gm-actions { display:flex; gap:8px; padding:16px 0; margin-top:22px; border-top:1px solid var(--line); } .gm-actions button { height:32px; padding:0 12px; border:1px solid var(--line); border-radius:6px; background:var(--panel); color:var(--tx2); opacity:.45; cursor:not-allowed; } .drawer .gm-detail > header { display:none; } .drawer .gm-detail > .drawer-section:first-of-type { margin-top:0; } /* ---------- R5 营运全区：今日发现 / 追问链 / 行动 ---------- */ .od-home > *, .cmd > *, .od-card-top > *, .od-query header > * { min-width:0; } .od-goals { grid-template-columns:repeat(3,minmax(0,1fr)); } .od-goals .goal { grid-template-columns:minmax(0,1fr); gap:10px; align-content:start; } .od-goals svg { max-width:100%; height:auto; } .od-team-numbers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:8px 0 12px; } .od-team-numbers b { display:block; font-size:20px; font-weight:600; } .od-team-numbers span { font-size:12px; color:var(--tx3); } .od-team > a { justify-self:start; font-size:13px; } .od-summary { margin:22px 0 20px; } .od-summary h1 { font-size:20px; font-weight:600; line-height:1.5; margin:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } .od-summary p { font-size:13px; color:var(--tx3); margin:6px 0 0; } .cmd { display:grid; grid-template-columns:300px minmax(0,1fr) 300px; gap:20px; align-items:start; } .cmd > .qlist { top:66px; max-height:calc(100vh - 82px); } .od-list .qi.on { background:var(--panel2); box-shadow:inset 3px 0 0 var(--ink); } .od-kind { display:inline-block; font-size:12px; line-height:1.5; padding:0 5px; border:1px solid var(--line); color:var(--tx3); border-radius:4px; white-space:nowrap; } .od-list-finding .r1 { justify-content:space-between; } .od-list-finding .r1 b { font-size:14px; font-weight:600; } .od-list-finding .r2 { font-size:14px; font-weight:600; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:6px; } .od-list-finding .r3 { margin-top:5px; } .od-toolbar { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; } .od-tabs { display:flex; gap:20px; flex-shrink:0; } .od-tabs button { background:transparent; border:0; border-bottom:2px solid transparent; padding:7px 0; font-size:14px; color:var(--tx2); cursor:pointer; } .od-tabs button.on { border-color:var(--ink); color:var(--ink); font-weight:600; } #od-question { width:320px; max-width:100%; margin-left:auto; } #od-question input { width:100%; min-width:0; padding:9px 10px; border:1px solid var(--line); border-radius:7px; background:var(--panel); color:var(--ink); font:13px var(--sans); } #od-question input:focus { outline:1px solid var(--ink); } #od-suggestions { color:var(--tx3); font-size:12px; padding:8px 0 0; } #od-suggestions button { border:0; border-bottom:1px solid var(--line); background:transparent; cursor:pointer; padding:3px 0; margin:3px 8px 0 0; text-align:left; } .od-demo-note { font-size:12px; color:var(--tx3); margin:8px 0 12px; } #od-message { font-size:12px; color:var(--tx3); margin:0 0 10px; } #od-message:empty { display:none; } .od-finding { padding:20px 24px; } .od-card-top { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13px; color:var(--tx3); } .od-card-actions { display:flex; gap:8px; margin-left:auto; align-items:center; flex-shrink:0; } .od-card-actions button { border:0; border-radius:4px; background:transparent; color:var(--tx3); font-size:12px; padding:3px; cursor:pointer; } .od-card-actions button:hover { background:var(--panel3); color:var(--ink); } .od-card-actions button:disabled { opacity:.5; cursor:not-allowed; } .od-card-actions .od-remove, .od-card-actions .od-unpin { font-size:20px; line-height:1; } .od-finding h3 { font-size:18px; font-weight:600; margin:12px 0 10px; line-height:1.5; } .od-big { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; margin-bottom:16px; } .od-big b { font-size:28px; font-weight:600; line-height:1.2; } .od-big small { font-size:15px; font-weight:400; margin-left:3px; } .od-big > span { font-size:13px; color:var(--tx3); } .od-chart { min-width:0; overflow-x:auto; } .od-chart > svg { display:block; } .od-facts { list-style:none; padding:0; margin:16px 0 0; font-size:14px; color:var(--tx2); } .od-facts li { padding-left:13px; position:relative; margin-top:7px; } .od-facts li::before { content:""; position:absolute; left:0; top:.65em; width:4px; height:4px; background:var(--tx3); border-radius:50%; } .od-view { display:flex; align-items:baseline; gap:8px; margin-top:14px; font-size:13px; color:var(--tx3); } .od-view p { margin:0; } .od-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; } .od-chips button { border:1px solid var(--line); background:var(--panel); font-size:13px; padding:4px 12px; border-radius:999px; cursor:pointer; text-align:left; } .od-chips button:hover { border-color:var(--ink); } .od-chips button.done { background:var(--panel3); color:var(--tx2); } .od-query { margin-top:12px; padding:16px 20px; border:1px solid var(--line2); border-left:2px solid var(--line); border-radius:0 8px 8px 0; background:var(--panel); scroll-margin-top:66px; } .od-query header { display:flex; gap:8px; align-items:flex-start; margin-bottom:12px; flex-wrap:wrap; } .od-query h3 { font-size:14px; font-weight:600; margin:0; flex:1 1 160px; } .od-query h3 span { font-weight:400; color:var(--tx3); } .od-unit { font-size:12px; color:var(--tx3); text-align:right; margin-bottom:5px; } .od-query-fact { font-size:13px; color:var(--tx2); margin:12px 0 0; } .od-store-strip { margin-top:10px; } .od-store-strip > a { font-size:12px; } .od-refresh { font-size:12px; color:var(--tx3); margin:0 0 10px; } .od-pin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; } .od-pin-grid > div { min-width:0; } .od-pin-grid .od-finding { padding:16px; } .od-pin-grid .od-query { margin-top:0; padding:16px; } .od-pin-grid .od-view { flex-wrap:wrap; } .od-action { padding:18px; } .od-action h2 { font-size:15px; font-weight:600; margin:0 0 18px; } .od-action dl { margin:0; } .od-action dl > div { margin-bottom:16px; } .od-action dt { font-size:12px; color:var(--tx3); margin-bottom:4px; } .od-action dd { margin:0; font-size:14px; } .od-action-buttons { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; } .od-action-buttons button { padding:5px 9px; font-size:13px; border:1px solid var(--line); background:var(--panel); border-radius:6px; cursor:pointer; } .od-action-buttons button:disabled { opacity:.45; cursor:not-allowed; } .od-store-links { border-top:1px solid var(--line); margin-top:18px; padding-top:5px; } .od-store-links > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; font-size:12px; } .od-esc-links { display:flex; gap:18px; margin:14px 0; } #od-ranking { scroll-margin-top:66px; } @media (max-width:1180px) { .cmd { grid-template-columns:minmax(0,1fr); } .cmd > .qlist { position:static; max-height:none; } .od-list-items { display:flex; overflow-x:auto; } .od-list-items > .qi { flex:0 0 280px; border-bottom:0; border-right:1px solid var(--line2); } .od-list .qgh { position:static; } } @media (max-width:760px) { .od-goals, .od-pin-grid { grid-template-columns:minmax(0,1fr); } .od-list-items { display:block; } .od-list-items > .qi { border-right:0; border-bottom:1px solid var(--line2); } .od-finding { padding:16px; } .od-query { padding:14px 16px; } #od-question { width:100%; } } @media (max-width: 1180px) { .home { grid-template-columns:minmax(0,1fr); } .rail { position:static; max-height:none; } .kids .barcell { width:150px; } .gm-goals, .gm-business { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width: 760px) { .nav-in, .scopebar-in, .page, .demo { padding-left:16px; padding-right:16px; } .nav-links { display:none; } .scopebar-in { flex-wrap:wrap; row-gap:2px; padding-top:8px; padding-bottom:8px; } .lens { display:none; } .who > span { display:none; } .qwrap { grid-template-columns:1fr; } .qlist { position:static; max-height:46vh; } .day { white-space:nowrap; } .goals { grid-template-columns:1fr; } .goal { grid-template-columns:1fr; row-gap:10px; } .verdict h1 { font-size:19px; } .case { grid-template-columns:1fr; gap:14px; padding:16px; } .kids .hide-s { display:none; } .tabs { grid-template-columns:repeat(2, minmax(0, 1fr)); } .tab .t1 { flex-wrap:wrap; } .tab .flag { margin-left:0; } .kids .barcell { display:none; } .kids .flag { white-space:normal; } .kids td, .kids th { padding-left:10px; padding-right:10px; } .kidstrip { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } .kidstrip .ah { grid-column:1 / -1; } .v4 .body { grid-template-columns:1fr; } .v4 .side { border-left:0; padding-left:0; border-top:1px solid var(--line); padding-top:10px; } .notes .box { width:calc(100vw - 40px); } } @media (max-width:760px) { .nav-in { gap:8px; } .gm-goals, .gm-business { grid-template-columns:minmax(0,1fr); } .gm-queue-detail { padding:16px 16px 0; } .gm-steps > div { grid-template-columns:minmax(0,1fr); gap:6px; } .home .case, .qmain .goals { grid-template-columns:minmax(0,1fr); } .v4 .head { flex-wrap:wrap; } .store-head { flex-wrap:wrap; } .drawer-head { padding-left:16px; padding-right:16px; } .drawer-body { padding-left:16px; padding-right:16px; } .drawer-actions { padding-left:16px; padding-right:16px; } .record-state { gap:12px; } } /* R6 公网外壳与组件 */ /* ---------- 外壳：左侧深色栏 + 白顶栏（照公网） ---------- */ body { display:grid; grid-template-columns:var(--side) minmax(0, 1fr); } #side { background:#16181d; color:#cdd2da; z-index:5; } .side-in { position:sticky; top:0; height:100vh; padding:0 10px; display:flex; flex-direction:column; } .brand { display:flex; align-items:center; gap:10px; height:56px; padding:0 8px; color:#fff; font-size:15px; font-weight:600; letter-spacing:.5px; } .brand i { width:22px; height:22px; border-radius:6px; background:var(--brand); display:grid; place-items:center; font-style:normal; font-size:12px; } .nav-label { padding:14px 8px 6px; font-size:11px; letter-spacing:1.2px; color:#7d838e; } .nav-item { display:flex; align-items:center; gap:10px; width:100%; margin:1px 0; border:0; background:transparent; color:#cdd2da; text-align:left; font-size:13px; border-radius:8px; padding:8px 12px; cursor:pointer; } .nav-item:hover { background:rgba(255,255,255,.06); } .nav-item.on { background:rgba(255,255,255,.08); box-shadow:inset 2px 0 0 0 var(--brand); color:#fff; font-weight:600; } .nav-item .cnt { margin-left:auto; font-size:11px; color:#fff; background:var(--brand); border-radius:9px; padding:0 6px; line-height:18px; font-weight:500; } .nav-item.muted { color:#969da8; } .nav-area { display:flex; align-items:center; gap:8px; padding:6px 12px; font-size:12px; color:#aab0ba; border-radius:8px; cursor:pointer; } .nav-area:hover { background:rgba(255,255,255,.05); } #sideAreas .nav-area.on { background:rgba(255,255,255,.08); color:#fff; } .nav-area b { font-weight:400; flex:1; } .nav-area small { font-size:11px; color:#868c97; font-variant-numeric:tabular-nums; } .nav-dot { width:7px; height:7px; border-radius:50%; background:#5a606b; flex:none; } .nav-dot.bad { background:#E5817A; } .side-foot { margin-top:auto; padding:12px 8px 16px; font-size:11px; color:#7d838e; line-height:1.6; } .main { min-width:0; min-height:100vh; } #top { position:sticky; top:0; z-index:4; height:56px; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:16px; padding:0 28px; } #top h1 { margin:0; font-size:16px; font-weight:600; } #top .crumb { color:var(--ink3); font-size:13px; } #top .sp { flex:1; } .seg { display:inline-flex; border:1px solid var(--line); border-radius:6px; overflow:hidden; height:30px; } .seg button { border:0; background:#fff; padding:0 12px; font-size:12px; color:var(--ink2); cursor:pointer; } .seg button + button { border-left:1px solid var(--line); } .seg button.on { background:var(--tab-bg); color:var(--tab-ink); font-weight:500; box-shadow:inset 0 0 0 1px var(--tab-bd); } .btn { height:34px; border-radius:6px; border:1px solid var(--line); background:#fff; padding:0 14px; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; } .btn:hover { border-color:#C9CDD4; } .btn.primary { background:var(--brand); border-color:var(--brand); color:#fff; } .btn.primary:hover { background:#2A2A30; } .who { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink2); } .who i { width:28px; height:28px; border-radius:50%; background:#E8EAEE; display:grid; place-items:center; font-style:normal; font-size:12px; color:var(--ink2); } .datepill { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 10px; border:1px solid var(--line); border-radius:6px; font-size:12px; color:var(--ink2); background:#fff; } .datepill b { color:var(--ink); font-weight:500; } /* 图表 */ svg { display:block; overflow:visible; } :is(.home-b,.analysis-page,.work-trend) svg text { font-family:var(--sans); font-size:11px; fill:var(--ink3); } :is(.home-b,.analysis-page,.work-trend) svg text.lab-ink { fill:var(--ink2); } :is(.home-b,.analysis-page,.work-trend) svg text.lab-strong { fill:var(--ink); font-weight:600; } :is(.home-b,.analysis-page,.work-trend) .hit { fill:transparent; cursor:default; } .mark { transition:opacity .15s; } [data-tip-v]:hover .mark, .mark[data-tip-v]:hover { opacity:.78; } .draw-line { stroke-dasharray:var(--len); stroke-dashoffset:var(--len); animation:draw 1.1s cubic-bezier(.2,.7,.2,1) .15s forwards; } .grow { transform-box:fill-box; transform-origin:var(--origin, bottom); animation:grow .7s cubic-bezier(.2,.7,.2,1) both; } .fade { animation:fade .6s ease-out both; } @keyframes draw { to { stroke-dashoffset:0; } } @keyframes grow { from { transform:scaleY(0); } } @keyframes growx { from { transform:scaleX(0); } } @keyframes fade { from { opacity:0; } } @media (prefers-reduced-motion: reduce) { .draw-line, .grow, .fade, .growx { animation:none !important; stroke-dashoffset:0; } } /* 提示框：数在前、名在后 */ #tip { position:fixed; z-index:50; pointer-events:none; background:#fff; border:1px solid var(--line); border-radius:8px; padding:7px 10px; box-shadow:0 6px 20px rgba(31,35,41,.10); font-size:12px; line-height:1.5; max-width:280px; opacity:0; transition:opacity .1s; } #tip.on { opacity:1; } #tip b { display:block; font-size:13px; font-weight:600; color:var(--ink); } #tip span { color:var(--ink2); } /* 提示条：样稿里未做的跳转 */ #toast { position:fixed; left:50%; bottom:28px; transform:translate(-50%, 12px); background:#1F2329; color:#fff; font-size:13px; padding:10px 16px; border-radius:8px; opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; z-index:60; } #toast.on { opacity:1; transform:translate(-50%, 0); } /* 热力格 */ .heat td.h { position:relative; } .h0 { background:transparent; } .h1 { background:var(--h1); } .h2 { background:var(--h2); } .h3 { background:var(--h3); } .h4 { background:var(--h4); } .h5 { background:var(--h5); } .heat-legend { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink3); } .heat-legend i { width:18px; height:10px; border-radius:2px; display:inline-block; } /* R6: 公网组件覆盖，保留其他视角的 DOM 结构。 */ body { display:grid; grid-template-columns:220px minmax(0,1fr); font:13px/1.6 var(--sans); } b,strong { font-weight:600; } a { text-decoration:none; } button { min-height:34px; border:1px solid var(--line); border-radius:6px; background:#fff; padding:0 12px; cursor:pointer; } button:disabled { opacity:.45; cursor:default; } button.primary { background:#111114; border-color:#111114; color:#fff; } .num { font-family:var(--sans); font-variant-numeric:normal; } td.num,td.r,th.r,.tab-num { font-variant-numeric:tabular-nums; } #side { min-width:0; } .side-in { min-height:650px; } #side .nav-item { min-height:36px; } #side a { text-decoration:none; } .main { min-width:0; } #top { gap:12px; padding:0 24px; } #top h1 { flex:none; } #top .crumbs { flex-wrap:nowrap; overflow:hidden; min-width:0; gap:5px; } #top .crumb { padding:0; min-height:0; border:0; background:transparent; border-radius:0; white-space:nowrap; font-size:13px; color:var(--tx3); } #top .crumb.on { color:var(--tx2); font-weight:400; } #top .crumb small { font-size:12px; } #top .datepill,#top .seg,#top .who { flex-shrink:0; } .demo { max-width:none; margin:0; padding:7px 24px 0; color:#86909C; } .demo span { background:none; padding:0; border:0; } .page { max-width:none; margin:0; padding:16px 24px 48px; min-width:0; } .seg { gap:0; padding:0; background:#fff; height:34px; } .seg button { border-radius:0; min-height:32px; background:#fff; } .seg button.on { background:#FDF0EF; color:#C0231F; font-weight:500; box-shadow:inset 0 0 0 1px #F2CFCB; } .panel,.goal,.qlist,.case,.rail,.escbox { border-radius:12px; box-shadow:none; } .case .more a,.linkish { border-bottom:0; text-decoration:none; color:var(--tx2); font-size:12px; } .linkish:hover { color:var(--ink); } .view { color:#4E5969; font-size:12px; text-decoration:none; cursor:pointer; white-space:nowrap; border:0; background:none; padding:0; min-height:0; } .view:hover { color:#1F2329; } .tag,.kind,.scope-tag,.case .hero .scope-tag,.demo-tag,.od-kind { display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:4px; border:0; font-size:11px; background:#F2F3F5; color:#4E5969; } .kind.k-集中,.kind.k-异常,.tag.red { background:#FDF0EF; color:#B93A33; } .kind.k-持续,.kind.k-趋势,.tag.amber { background:#FBF3E6; color:#9A5B0B; } .kind.k-拆环 { background:#FDF0EF; color:#C0231F; } .tag.green { background:#EAF5EE; color:#1F7A4D; } .lv { border:0; border-radius:4px; padding:0 5px; height:20px; background:var(--panel3); } .lv.red { background:var(--red-w); } .lv.yellow { background:var(--amber-w); } thead th { background:#F8F9FB; color:#4E5969; font-size:12px; font-weight:500; } tbody td { font-size:13px; } .qwrap { grid-template-columns:320px minmax(0,1fr); gap:16px; } .qlist { background:#fff; top:72px; max-height:calc(100vh - 100px); } .qgh { font-size:13px; font-weight:600; background:#fff; } .qgh b { color:#86909C; } .qi { padding:12px; border:0; border-radius:0; min-height:0; } .qi.on,.od-list .qi.on { background:#F8F9FB; box-shadow:inset 3px 0 0 #C0231F; } .qmain { min-width:0; } .drawer { top:56px; height:calc(100vh - 56px); } .drawer-tabs,.case-tabs { display:flex; gap:0; border:1px solid #E5E6EB; border-radius:6px; overflow:hidden; } .drawer-tabs button,.case-tabs button { border:0; border-radius:0; padding:0 12px; min-height:34px; font-size:13px; } .drawer-tabs button.on,.case-tabs button.on { background:#FDF0EF; color:#C0231F; box-shadow:inset 0 0 0 1px #F2CFCB; font-weight:500; } .notes > button { border-radius:6px; box-shadow:none; } .work-item-head { display:flex; align-items:flex-start; gap:8px; } .work-item-head b { font-size:14px; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; flex:1; } .work-item-head > span { white-space:nowrap; font-size:12px; } .work-item .r3 { white-space:normal; font-size:12px; color:#86909C; line-height:1.6; margin-top:5px; } .work-heading h1 { margin:0 0 6px; font-size:20px; font-weight:600; } .work-heading p { margin:0 0 16px; color:#4E5969; } .work-summary,.work-trend { padding:16px; margin-bottom:16px; } .work-summary dl { display:grid; grid-template-columns:2fr 2fr 1fr 1fr; gap:16px; margin:0; } .work-summary dt { font-size:12px; color:#86909C; margin-bottom:5px; } .work-summary dd { margin:0; font-size:14px; } .work-actions { display:flex; gap:8px; flex-wrap:wrap; padding-top:12px; } .work-trend h2 { margin:0; font-size:14px; font-weight:600; } .work-trend p { margin:4px 0 12px; font-size:12px; } .store-data-head p { margin:4px 0; color:#4E5969; } #storeDataStrips { margin:12px 0 20px; } .analysis-page { padding-top:12px; } .an-toolbar { display:flex; align-items:center; gap:16px; height:34px; margin-bottom:10px; } .an-toolbar .sp { flex:1; } .an-toolbar select { height:34px; border:1px solid var(--line); border-radius:6px; padding:0 10px; background:#fff; color:var(--tx2); } .an-finding { background:#fff; padding:12px 16px; border-radius:12px; margin-bottom:10px; } .an-find-title { display:flex; align-items:center; gap:10px; } .an-find-title h2 { margin:0; font-size:15px; font-weight:600; } .an-finding ul { margin:5px 0; padding-left:17px; color:#4E5969; font-size:12px; line-height:1.6; } .an-ai { margin:4px 0; font-size:12px; color:#86909C; } .an-ai > span { color:#4E5969; } .an-follow { display:flex; gap:8px; align-items:center; font-size:12px; color:#4E5969; } .an-follow .view { margin-left:auto; } .an-selectors { display:grid; gap:5px; } .an-controls { display:flex; align-items:center; gap:12px; } .an-controls > span { width:28px; flex:none; font-size:12px; color:#86909C; } .an-controls .seg { height:30px; } .an-controls .seg button { min-height:28px; } .an-original-controls { opacity:.55; } .an-path { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:10px 0; min-height:34px; } .an-path > div { display:flex; align-items:center; gap:6px; min-width:0; } .an-path > div:first-child { flex-wrap:wrap; } .an-path > div:first-child button { min-height:0; padding:0; border:0; background:none; font-size:12px; } .an-path button.on { font-weight:600; } .an-recs button { font-size:12px; padding:0 8px; } .an-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; align-items:start; } .an-main { height:460px; min-width:0; background:#fff; border-radius:12px; padding:12px 16px; display:flex; flex-direction:column; } .an-main header { display:flex; align-items:center; gap:12px; min-height:34px; } .an-main header h2 { margin:0; flex:1; min-width:0; font-size:14px; font-weight:600; } .an-main header .seg { flex:none; } .an-main header .seg button { padding:0 9px; } .an-main header > .muted { font-size:11px; max-width:215px; } #anSummary { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; padding:9px 0; } #anSummary:empty { display:none; } #anSummary b { font-size:20px; font-weight:600; } #anSummary span { font-size:12px; color:#86909C; } #anSummary .an-funnel-note { flex-basis:100%; margin:0; font-size:12px; color:#86909C; line-height:1.5; } .an-chart { min-height:0; flex:1; overflow:auto; animation:anFade .15s ease-out; } .an-chart svg { overflow:visible; } .an-main footer { padding-top:8px; color:#86909C; font-size:11px; } #anSelection { font-size:12px; padding-top:4px; } #anSelection:empty { display:none; } #anSelection button { margin-left:8px; } .an-related { height:460px; overflow:auto; background:#fff; border-radius:12px; padding:12px; } .an-related h2 { margin:0 0 6px; font-size:14px; font-weight:600; } .an-related h3 { margin:12px 0 6px; font-size:12px; font-weight:500; color:#4E5969; } .an-metric { display:grid; grid-template-columns:70px 1fr 90px; gap:2px 6px; align-items:center; width:100%; border:0; padding:6px 8px; text-align:left; background:#fff; border-radius:6px; } .an-metric.on { background:#F8F9FB; } .an-metric > b { font-size:12px; font-weight:500; text-align:right; } .an-metric > small { grid-column:1 / 3; color:#86909C; font-size:11px; } .an-metric > div { grid-column:3; grid-row:1 / 3; min-width:0; width:90px; } .an-owner { border-top:1px solid #F0F1F3; padding-top:10px; margin-top:12px; color:#4E5969; font-size:12px; } .an-table { width:100%; border-collapse:collapse; } .an-table th { padding:8px; background:#F8F9FB; color:#4E5969; font-size:12px; font-weight:500; text-align:right; white-space:nowrap; } .an-table td { padding:8px; font-size:13px; border-bottom:1px solid #F0F1F3; text-align:right; font-variant-numeric:tabular-nums; } .an-table th:first-child,.an-table td:first-child { text-align:left; } .an-table th button { padding:0; border:0; background:none; min-height:22px; font-size:12px; } .an-table tbody tr { cursor:pointer; } .an-table tbody tr:hover { outline:1px solid #F2CFCB; } .an-heat td,.an-heat th { padding:12px 10px; } .an-funnel-group { margin-bottom:8px; } .an-funnel-group > button { min-height:26px; padding:0; border:0; font-weight:600; } @keyframes anFade { from {opacity:0;} to {opacity:1;} } @media(prefers-reduced-motion:reduce) { .an-chart { animation:none; } } @media(max-width:1180px) { #top .who { display:none; } #top .datepill { display:none; } #top .crumb small { display:none; } .an-grid { grid-template-columns:minmax(0,1fr) 280px; } .an-recs { flex-wrap:wrap; } } /* 旧图表保留节点、坐标与交互，颜色映射到公网令牌。 */ #side { border:0; padding:0; } #side .brand i { color:#fff; } .chip { height:20px; display:inline-flex; align-items:center; border:0; border-radius:4px; background:#F2F3F5; } .chip.follow.gap { background:#FBF3E6; color:#9A5B0B; border:0; } .qmore { text-decoration:none; } .kids-more button,.gm-expand { border:1px solid #E5E6EB; border-radius:6px; padding:0 12px; background:#fff; min-height:34px; text-decoration:none; } .record-button,.dtl { height:34px; padding:0 12px; border-radius:6px; } .drawer-actions button,.gm-actions button { height:34px; } .drawer-actions button.primary { background:#111114; border-color:#111114; color:#fff; } .v4 .tabs { border:1px solid #E5E6EB; border-radius:6px; overflow:hidden; gap:0; } .v4 .tab { background:#fff; border:0; border-radius:0; box-shadow:none; } .v4 .tab + .tab { border-left:1px solid #E5E6EB; } .v4 .tab.on,.dtl[aria-pressed="true"] { background:#FDF0EF; color:#C0231F; box-shadow:inset 0 0 0 1px #F2CFCB; border-color:#F2CFCB; } .v4 .wf .r.on { background:#FDF0EF; box-shadow:inset 3px 0 0 #C0231F; } .v4 .read .m { display:inline-flex; align-items:center; min-height:34px; padding:0 8px; border:1px solid #E5E6EB; border-radius:6px; background:#fff; } svg [fill="#161a19"] { fill:var(--ink); } svg [stroke="#161a19"] { stroke:var(--ink); } svg [fill="#545c58"] { fill:var(--tx2); } svg [stroke="#545c58"] { stroke:var(--tx2); } svg [fill="#8b928e"] { fill:var(--tx3); } svg [stroke="#8b928e"] { stroke:var(--tx3); } svg [fill="#eef0ec"] { fill:var(--line2); } svg [stroke="#eef0ec"] { stroke:var(--line2); } svg [fill="#d6dbd5"] { fill:var(--line); } svg [stroke="#d6dbd5"] { stroke:var(--line); } svg [fill="#c8432f"] { fill:var(--red); } svg [stroke="#c8432f"] { stroke:var(--red); } svg [fill="#e3a497"] { fill:var(--red-soft); } svg [stroke="#e3a497"] { stroke:var(--red-soft); } svg [fill="#aab2ac"] { fill:var(--bar); } svg [stroke="#aab2ac"] { stroke:var(--bar); } svg [fill="#dde1dc"] { fill:var(--bar-lt); } svg [stroke="#dde1dc"] { stroke:var(--bar-lt); } svg [fill="#3f8a66"] { fill:var(--ok); } svg [stroke="#3f8a66"] { stroke:var(--ok); } svg [fill="#a8cdb8"] { fill:var(--ok-soft); } svg [stroke="#a8cdb8"] { stroke:var(--ok-soft); } svg [fill="#f3f4f2"] { fill:var(--bg); } svg [stroke="#f3f4f2"] { stroke:var(--bg); } svg [fill="#f6f7f4"] { fill:var(--panel2); } svg [stroke="#f6f7f4"] { stroke:var(--panel2); } svg [fill="#5b6460"] { fill:var(--tx2); } svg [stroke="#5b6460"] { stroke:var(--tx2); } svg [fill="#c9cfc9"] { fill:var(--mute-bar); } svg [stroke="#c9cfc9"] { stroke:var(--mute-bar); } svg [fill="#cfd5cf"] { fill:var(--line); } svg [stroke="#cfd5cf"] { stroke:var(--line); } svg [fill="#6f7873"] { fill:var(--tx2); } svg [stroke="#6f7873"] { stroke:var(--tx2); } /* R9：门店工作队列与组内导航，沿用样稿规则。 */ .store-queue .qhd { display:flex; align-items:baseline; gap:8px; padding:12px 16px 8px; } .store-queue .qhd b { font-size:15px; font-weight:600; } .store-queue .qhd span { font-size:12px; color:var(--ink3); } .store-queue .qg { border-top:1px solid var(--line-soft); } .store-queue .qg > summary, .store-queue .qgh { display:flex; align-items:baseline; gap:8px; padding:10px 16px 6px; font-size:13px; font-weight:600; cursor:pointer; list-style:none; } .store-queue .qg > summary::-webkit-details-marker { display:none; } .store-queue .qg > summary b { font-weight:500; color:var(--ink3); } .store-queue .qg > summary::after { content:'▾'; margin-left:auto; color:var(--ink3); font-weight:400; } .store-queue .qg:not([open]) > summary::after { content:'▸'; } .store-queue .qg.cur .qgh { color:#9A5B0B; } .store-queue .qi { display:block; padding:8px 16px 8px 13px; border-left:3px solid transparent; color:inherit; text-decoration:none; } .store-queue .qi:hover { background:#FAFBFC; } .store-queue .qi.on { background:var(--th); border-left-color:var(--tab-ink); } .store-queue .qi .r1 { display:flex; align-items:center; gap:6px; } .store-queue .qi .nm { flex:1; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .store-queue .qi .dl { font-size:12px; } .store-queue .qi .r2 { margin-top:2px; font-size:12px; color:var(--ink3); line-height:1.45; } .store-queue .qprog { display:flex; align-items:center; gap:10px; padding:0 16px 8px; font-size:12px; color:var(--ink2); } .store-queue .qprog b { color:var(--ink); } .store-queue .qprog i { position:relative; flex:1; height:5px; border-radius:3px; background:var(--d-track); overflow:hidden; } .store-queue .qprog s { position:absolute; inset:0 auto 0 0; background:var(--pos); } .store-queue .qrule { margin:0 16px 10px; padding:6px 10px; border-radius:6px; background:var(--th); font-size:11px; line-height:1.6; color:var(--ink3); } .store-queue .qnote { padding:0 16px 6px; font-size:11px; line-height:1.5; color:var(--ink3); } .store-queue .qg.qnew > summary { color:#B93A33; } .store-queue .qi .no { display:grid; place-items:center; flex:none; width:18px; height:18px; border-radius:50%; background:var(--th); font-size:11px; color:var(--ink2); font-variant-numeric:tabular-nums; } .store-queue .qi.on .no { background:var(--tab-ink); color:#fff; } .store-queue .qi .kn { flex:none; font-size:12px; color:var(--ink2); white-space:nowrap; } .store-queue .qi .r3 { margin-top:1px; font-size:11px; color:var(--ink3); } .store-queue .qi .ok, .wbar .ok { color:var(--pos); font-weight:500; } .store-queue .qi.done .nm { color:var(--ink3); font-weight:500; } .wbar { display:flex; align-items:center; gap:12px; padding:10px 16px; font-size:13px; color:var(--ink2); } .wbar b { color:var(--ink); } .wbar .sp { flex:1; } .wbar .btn { text-decoration:none; color:var(--ink); } .wbar .btn.primary { color:#fff; } .store-queue .qgh { position:static; justify-content:flex-start; border:0; background:none; } .store-queue .qg { border-bottom:0; } .store-queue details.qg > summary span::after { content:none; } .store-queue .qi { padding:8px 16px 8px 13px; box-shadow:none; } .store-queue .qi.on { box-shadow:none; } .store-queue .qi .nm { min-width:0; } .store-queue .qi .kn.neg { color:var(--neg); } .store-queue .qnew > summary { color:#B93A33; } .store-queue .qnote { margin:0; } .wbar { margin-bottom:14px; min-width:0; background:var(--panel); border:1px solid var(--line); border-radius:12px; } .wbar .btn { display:inline-flex; align-items:center; height:30px; padding:0 10px; border:1px solid var(--line); border-radius:6px; font-size:12px; white-space:nowrap; } .wbar .btn.primary { background:var(--brand); border-color:var(--brand); } /* R21：粘性待办只在简报两栏段落内，排名与数据在该段之后。 */ .home { display:block; } .home > * + * { margin-top:16px; } .home-band { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:16px; align-items:start; position:relative; } .home-band > * { min-width:0; } .home-band .rail { align-self:start; max-height:calc(100vh - 82px); overflow:auto; } @media(max-width:1000px) { .home-band { grid-template-columns:minmax(0,1fr); } .home-band .rail { position:static; max-height:none; } } /* R25：窄屏保持四入口可达，给事项表单和历史条件留足宽度。 */ @media(max-width:760px) { body { display:block; } .side-in { position:static; height:auto; min-height:0; padding:0 12px 10px; } #side .brand { height:42px; } #navLinks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; } #side .nav-item { padding:8px 4px; justify-content:center; gap:4px; font-size:12px; white-space:nowrap; } #side .nav-item .cnt { margin-left:0; padding:0 4px; } #sideAreas { max-height:132px; overflow:auto; } .side-foot { display:none; } #top { position:relative; height:auto; min-height:56px; padding:10px 16px; flex-wrap:wrap; gap:8px; } #top .sp { display:none; } #top h1 { flex:1 1 100%; } #top .crumbs { flex:1 1 100%; flex-wrap:wrap; } #top select { min-width:0; max-width:100%; } .demo { padding:10px 16px 0; } .page { padding:16px 16px 40px; } .qwrap { grid-template-columns:minmax(0,1fr); } .qlist { position:static; max-height:46vh; } .drawer { top:0; height:100dvh; max-width:100vw; } } /* R21：相关数据随内容展开，下一层列表完整可见。 */ .an-related { height:auto; max-height:none; overflow:visible; align-self:start; padding:16px 20px; } /* home.css */ /* R6: B 稿原样布局，限定首页作用域。 */ .home-b .card { background:var(--card); border-radius:12px; } .home-b .view { color:var(--ink2); font-size:12px; text-decoration:none; cursor:pointer; white-space:nowrap; border:0; background:none; padding:0; } .home-b .view:hover { color:var(--ink); } .home-b .kind { display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:4px; font-size:11px; font-weight:500; background:#F2F3F5; color:var(--ink2); } .home-b .kind.k-集中, .home-b .kind.k-异常 { background:var(--neg-bg); color:#B93A33; } .home-b .kind.k-持续, .home-b .kind.k-趋势 { background:var(--warn-bg); color:#9A5B0B; } .home-b .kind.k-拆环 { background:var(--tab-bg); color:var(--tab-ink); } .home-b .neg { color:var(--neg); } .home-b .pos { color:var(--pos); } .home-b .muted { color:var(--ink3); } .home-b .tag { white-space:nowrap; display:inline-flex; align-items:center; height:20px; padding:0 6px; border-radius:4px; font-size:11px; } .home-b .tag.red { background:var(--neg-bg); color:#B93A33; } .home-b .tag.amber { background:var(--warn-bg); color:#9A5B0B; } .home-b .tag.gray { background:#F2F3F5; color:var(--ink2); } .home-b .tag.green { background:var(--pos-bg); color:var(--pos); } .home-b.b-wrap { padding:20px 24px 48px; display:grid; gap:16px; } .home-b.b-wrap > *, .home-b .row2 > *, .home-b .row5 > * { min-width:0; } .home-b .card-h { display:flex; align-items:center; gap:8px; padding:14px 18px 0; } .home-b .card-h h2 { margin:0; font-size:14px; font-weight:600; } .home-b .card-h .meta { font-size:12px; color:var(--ink3); } .home-b .card-h .sp { flex:1; } .home-b .banner { padding:26px 32px 22px; background:linear-gradient(100deg, #FFFFFF 55%, #F4F0FC 100%); } .home-b .eyebrow { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink3); } .home-b .eyebrow .live { width:6px; height:6px; border-radius:50%; background:var(--brand); } .home-b .banner h2 { margin:10px 0 8px; font-size:26px; line-height:1.6; font-weight:400; letter-spacing:.2px; } .home-b .banner h2 b { font-weight:600; } .home-b .banner p { margin:0; font-size:13px; color:var(--ink3); } .home-b .bstats { display:flex; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); } .home-b .bstats > div { padding:0 32px; min-width:150px; } .home-b .bstats > div:first-child { padding-left:0; } .home-b .bstats > div + div { border-left:1px solid var(--line); } .home-b .bstats > div > span { display:block; font-size:12px; color:var(--ink2); } .home-b .bstats b { display:block; margin-top:4px; font-size:28px; font-weight:600; line-height:1.15; letter-spacing:-.4px; white-space:nowrap; } .home-b .bstats b small { margin-left:3px; font-size:14px; font-weight:400; color:var(--ink2); letter-spacing:0; } .home-b .bstats em { display:block; margin-top:4px; font-style:normal; font-size:12px; color:var(--ink3); white-space:nowrap; } .home-b .row2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .home-b .goal { padding-bottom:16px; } .home-b .g-head { display:flex; align-items:flex-end; gap:12px; padding:14px 18px 0; } .home-b .g-head .l { font-size:14px; font-weight:600; } .home-b .g-head .l small { display:block; margin-top:2px; font-size:12px; font-weight:400; color:var(--ink3); } .home-b .g-head .sp { flex:1; } .home-b .g-head .pv { font-size:36px; font-weight:600; line-height:1; letter-spacing:-.5px; } .home-b .g-head .pv small { margin-left:2px; font-size:15px; font-weight:500; } .home-b .g-head .tags { display:flex; flex-direction:column; align-items:flex-end; gap:4px; } .home-b .g-body { padding:10px 18px 0; } .home-b .g-foot { display:flex; gap:8px; padding:10px 18px 0; font-size:12px; color:var(--ink3); } .home-b .g-foot .sp { flex:1; } .home-b .kpis { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:16px; } .home-b .kpi { padding:14px 16px 12px; min-width:0; } .home-b .kpi .l { display:flex; align-items:baseline; gap:6px; font-size:13px; color:var(--ink2); white-space:nowrap; } .home-b .kpi .l small { font-size:11px; color:var(--ink3); overflow:hidden; text-overflow:ellipsis; } .home-b .kpi .v { margin-top:6px; font-size:24px; font-weight:600; line-height:1.15; white-space:nowrap; } .home-b .kpi .v small { margin-left:3px; font-size:12px; font-weight:400; color:var(--ink2); } .home-b .kpi .d { margin-top:3px; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .home-b .kpi .spark { margin-top:8px; height:38px; } .home-b .kpi .tn { margin-top:2px; font-size:11px; color:var(--ink3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .home-b .fhead { display:flex; align-items:baseline; gap:8px; margin:4px 2px -4px; } .home-b .fhead h2 { margin:0; font-size:15px; font-weight:600; } .home-b .fhead .meta { font-size:12px; color:var(--ink3); } .home-b .fhead .sp { flex:1; } .home-b .fcards { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:16px; } .home-b .fcard { display:flex; flex-direction:column; padding:14px 16px 12px; cursor:pointer; border:1px solid transparent; transition:border-color .15s; } .home-b .fcard:hover { border-color:var(--tab-bd); } .home-b .fcard .fh { display:flex; align-items:center; gap:6px; } .home-b .fcard .fh .sp { flex:1; } .home-b .fcard .big { margin-top:10px; font-size:24px; font-weight:600; line-height:1.1; letter-spacing:-.3px; } .home-b .fcard .big small { margin-left:2px; font-size:12px; font-weight:400; color:var(--ink2); } .home-b .fcard .bn { margin-top:3px; font-size:12px; color:var(--ink3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .home-b .fcard .t { margin-top:8px; font-size:13px; font-weight:500; line-height:1.55; min-height:60px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .home-b .fcard .fc { margin-top:10px; } .home-b .fcard .o { margin-top:auto; padding-top:10px; border-top:1px solid var(--line-soft); font-size:11px; color:var(--ink3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .home-b .row5 { display:grid; grid-template-columns:minmax(0, 1fr) 320px; gap:16px; align-items:stretch; } .home-b .work-card { display:flex; flex-direction:column; } .home-b .work-card .wk-row { flex:1; } .home-b .pins { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; } .home-b table.heat { width:100%; border-collapse:separate; border-spacing:2px; padding:8px 12px 6px; table-layout:fixed; } .home-b .heat th { padding:6px 6px 8px; font-size:11px; font-weight:500; line-height:1.4; color:var(--ink2); text-align:right; vertical-align:bottom; } .home-b .heat th:first-child { text-align:left; width:66px; } .home-b .heat th small { display:block; font-weight:400; color:var(--ink3); } .home-b .heat td { padding:9px 8px; border-radius:4px; text-align:right; font-size:13px; white-space:nowrap; cursor:pointer; } .home-b .heat td.nm { text-align:left; font-weight:600; } .home-b .heat td.nm small { margin-left:4px; font-weight:400; font-size:11px; color:var(--ink3); } .home-b .heat tr:hover td.nm { color:var(--tab-ink); } .home-b .heat-foot { padding:4px 18px 14px; font-size:11px; color:var(--ink3); } .home-b .rail { display:grid; gap:16px; } .home-b .wk-row { display:grid; grid-template-columns:52px 1fr; gap:10px; align-items:center; padding:12px 18px; } .home-b .wk-row + .wk-row { border-top:1px solid var(--line-soft); } .home-b .wk-row .n { font-size:28px; font-weight:600; text-align:center; line-height:1; } .home-b .wk-row .w { font-size:13px; } .home-b .wk-row .s { font-size:12px; color:var(--ink3); } .home-b .wk-foot { padding:4px 18px 16px; } .home-b .wk-foot .btn { width:100%; justify-content:center; } .home-b .pin { padding:14px 18px 14px; } .home-b .pin .ph { display:flex; align-items:baseline; gap:8px; font-size:13px; font-weight:500; } .home-b .pin .ph .sp { flex:1; } .home-b .pin .ps { font-size:11px; color:var(--ink3); } .home-b .pin .pc { margin-top:8px; } .home-b .goal { display:block; border:0; padding:0 0 16px; } .home-b .num { font-variant-numeric:normal; } .home-b td.num { font-variant-numeric:tabular-nums; } .home-b .pin { cursor:pointer; } .home-b .pin .ph { align-items:center; } .home-b .pin .view { flex-shrink:0; } .home-b .kpi { cursor:pointer; } .home-b .heat th { background:transparent; } /* ---------- 第二版：核心指标（外卖总览 + 三个平台）+ 堂食 ---------- */ .home-b .kpi2 { display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:16px; } .home-b .kt { width:100%; border-collapse:separate; border-spacing:0; } .home-b .kt th { padding:12px 10px 8px; font-size:12px; font-weight:500; color:var(--ink2); text-align:right; white-space:nowrap; border-bottom:1px solid var(--line); } .home-b .kt th:first-child { text-align:left; padding-left:18px; } .home-b .kt th small { display:block; font-size:11px; font-weight:400; color:var(--ink3); } .home-b .kt td { padding:9px 10px; text-align:right; vertical-align:top; border-bottom:1px solid var(--line-soft); font-size:12px; line-height:1.5; white-space:nowrap; } .home-b .kt td:first-child { text-align:left; padding-left:18px; font-size:13px; } .home-b .kt td b { display:block; font-size:15px; font-weight:600; color:var(--ink); } .home-b .kt td em { display:block; font-style:normal; font-size:11px; color:var(--ink3); } .home-b .kt tr.total td { background:#FAFBFC; } .home-b .kt tr.total td:first-child b { font-size:15px; } .home-b .kt td.hn, .home-b .kt tr.total td.hn { background:var(--neg-bg); } .home-b .kt td.hn em { color:#B93A33; font-weight:500; } .home-b .kt td.hp, .home-b .kt tr.total td.hp { background:#EAF1FC; } .home-b .kt td.hp em { color:#2559B5; font-weight:500; } .home-b .kt td.sun { width:128px; text-align:left; } .home-b .kt td.sun .lb { font-size:11px; } .home-b .kfoot { padding:10px 18px 14px; font-size:11px; line-height:1.6; color:var(--ink3); } .home-b .dine { padding:14px 18px 16px; display:flex; flex-direction:column; gap:12px; } .home-b .dine .dh { display:flex; align-items:center; gap:8px; } .home-b .dine .dh b { font-size:14px; font-weight:600; } .home-b .dine .dv span { display:block; font-size:12px; color:var(--ink2); } .home-b .dine .dv b { font-size:24px; font-weight:600; } .home-b .dine .dv b small { margin-left:3px; font-size:12px; font-weight:400; color:var(--ink2); } .home-b .dine .dv em { margin-left:8px; font-style:normal; font-size:12px; color:var(--ink3); } .home-b .mix { display:flex; gap:2px; height:12px; } .home-b .mix i { display:block; height:100%; border-radius:3px; } .home-b .mixl { display:grid; gap:2px; font-size:12px; color:var(--ink2); } .home-b .mixl span { display:flex; align-items:center; gap:6px; } .home-b .mixl span i { width:10px; height:10px; border-radius:2px; } .home-b .mixl span b { margin-left:auto; font-weight:500; color:var(--ink); } .home-b .dine p { margin:auto 0 0; font-size:11px; line-height:1.6; color:var(--ink3); } /* ---------- 第二版：发现证明图 ---------- */ .home-b .fgrid { display:grid; grid-template-columns:46px repeat(4, minmax(0, 1fr)); gap:2px; font-size:11px; } .home-b .fgrid > span { padding:3px 0; white-space:nowrap; text-align:center; color:var(--ink3); } .home-b .fgrid > span.pn { text-align:left; color:var(--ink2); } .home-b .fgrid > b { white-space:nowrap; padding:6px 0; border-radius:3px; text-align:center; font-weight:500; background:#F2F3F5; color:var(--ink2); } .home-b .fgrid > b.hn { background:var(--d-hl); color:#fff; } .home-b .fgrid > b.hp { background:#DCE7FA; color:#2559B5; } .home-b .fz { width:100%; border-collapse:collapse; font-size:11px; } .home-b .fz td { vertical-align:middle; padding:5px 2px; border-top:1px solid var(--line-soft); white-space:nowrap; } .home-b .fz td.r { text-align:right; color:var(--ink2); } .home-b .fz .tag { height:18px; font-size:10px; } .home-b .kt td[data-kpi-href] { cursor:pointer; } .home-b .kt td[data-kpi-href]:not(.hn):not(.hp):hover { background:#F8F9FB; } .home-b .kt td[data-kpi-href]:focus-visible { outline:2px solid var(--tab-ink); outline-offset:-2px; } .home-b .kt th { background:transparent; } .home-b .fz td { font-size:inherit; } .home-b .kpi2, .home-b .fgrid, .home-b .fz { line-height:1.6; } /* R7: b3 work links, two-line f4 proof and full card labels at 1240/1440. */ .home-b .fz td.n { max-width:0; width:100%; overflow:hidden; text-overflow:ellipsis; } .home-b .fz td.n small { display:block; color:var(--ink3); font-size:10px; } .home-b .fcard .o { white-space:normal; overflow:visible; text-overflow:clip; } .home-b .fcard .o a { color:var(--tab-ink); text-decoration:none; } .home-b .fcard .o a:hover { text-decoration:underline; } .home-b [data-work-href], .home-b [data-home-team] { cursor:pointer; } .home-b.home-readonly .fcard, .home-b.home-readonly .fcard .view, .home-b.home-readonly .view:disabled, .home-b.home-readonly .work-card .btn { cursor:default; } .home-b.home-readonly .fcard:hover { border-color:transparent; } /* work.css */ /* R7: common primitives + w3.css + work/am inline styles; every selector scoped. */ .w3 { color:var(--ink); font:13px/1.6 var(--sans); } .w3 .seg { display:inline-flex; border:1px solid var(--line); border-radius:6px; overflow:hidden; height:30px; }.w3 .seg button { border:0; background:#fff; padding:0 12px; font-size:12px; color:var(--ink2); cursor:pointer; }.w3 .seg button + button { border-left:1px solid var(--line); }.w3 .seg button.on { background:var(--tab-bg); color:var(--tab-ink); font-weight:500; box-shadow:inset 0 0 0 1px var(--tab-bd); }.w3 .btn { height:34px; border-radius:6px; border:1px solid var(--line); background:#fff; padding:0 14px; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }.w3 .btn:hover { border-color:#C9CDD4; }.w3 .btn.primary { background:var(--brand); border-color:var(--brand); color:#fff; }.w3 .btn.primary:hover { background:#2A2A30; }.w3 .card { background:var(--card); border-radius:12px; }.w3 .view { color:var(--ink2); font-size:12px; text-decoration:none; cursor:pointer; white-space:nowrap; border:0; background:none; padding:0; }.w3 .view:hover { color:var(--ink); }.w3 .kind { display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:4px; font-size:11px; font-weight:500; background:#F2F3F5; color:var(--ink2); }.w3 .kind.k-集中, .w3 .kind.k-异常 { background:var(--neg-bg); color:#B93A33; }.w3 .kind.k-持续, .w3 .kind.k-趋势 { background:var(--warn-bg); color:#9A5B0B; }.w3 .kind.k-拆环 { background:var(--tab-bg); color:var(--tab-ink); }.w3 .neg { color:var(--neg); }.w3 .pos { color:var(--pos); }.w3 .muted { color:var(--ink3); }.w3 .tag { white-space:nowrap; display:inline-flex; align-items:center; height:20px; padding:0 6px; border-radius:4px; font-size:11px; }.w3 .tag.red { background:var(--neg-bg); color:#B93A33; }.w3 .tag.amber { background:var(--warn-bg); color:#9A5B0B; }.w3 .tag.gray { background:#F2F3F5; color:var(--ink2); }.w3 .tag.green { background:var(--pos-bg); color:var(--pos); }.w3 svg { display:block; overflow:visible; }.w3 svg text { font-family:var(--sans); font-size:11px; fill:var(--ink3); }.w3 svg text.lab-ink { fill:var(--ink2); }.w3 svg text.lab-strong { fill:var(--ink); font-weight:600; }.w3 .hit { fill:transparent; cursor:default; }.w3 .mark { transition:opacity .15s; }.w3 [data-tip-v]:hover .mark, .w3 .mark[data-tip-v]:hover { opacity:.78; } .w3 .nav-area.on { background:rgba(255,255,255,.08); color:#fff; }.w3 .lnk { font-size:13px; color:var(--tab-ink); text-decoration:none; white-space:nowrap; }.w3 .lnk:hover { text-decoration:underline; }.w3 .demo { display:inline-flex; height:18px; align-items:center; padding:0 5px; margin-left:4px; border-radius:3px; font-size:10px; background:#F2F3F5; color:var(--ink3); vertical-align:1px; }.w3 .act { white-space:nowrap; display:inline-flex; justify-content:center; height:22px; align-items:center; padding:0 8px; border-radius:4px; font-size:12px; font-weight:500; background:#F2F3F5; color:var(--ink2); }.w3 .act.a-督办, .w3 .act.a-催办, .w3 .act.a-再督办, .w3 .act.a-指派 { background:var(--neg-bg); color:#B93A33; }.w3 .act.a-转交, .w3 .act.a-批复 { background:var(--tab-bg); color:var(--tab-ink); }.w3 .act.a-问 { background:var(--warn-bg); color:#9A5B0B; }.w3 .ev { display:grid; grid-template-columns:repeat(auto-fit, minmax(540px, 1fr)); gap:16px; align-items:start; }.w3 .ev > * { min-width:0; }.w3 .ev .full, .w3 .ev .morelink { grid-column:1 / -1; }.w3 .morelink { padding:2px 4px; }.w3 .q { padding:16px 20px 18px; }.w3 .qh { display:flex; align-items:baseline; gap:10px; margin-bottom:12px; }.w3 .qh b { font-size:15px; font-weight:600; }.w3 .qh span { font-size:12px; color:var(--ink3); }.w3 .qh .sp { flex:1; }.w3 .tiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(128px, 1fr)); gap:10px; }.w3 .tile { padding:10px 12px; border:1px solid var(--line); border-radius:8px; }.w3 .tile.hv { border-color:#F1B3AE; background:#FFFBFA; }.w3 .tile > span { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--ink2); white-space:nowrap; }.w3 .tile b { display:block; margin-top:4px; font-size:20px; font-weight:600; line-height:1.2; white-space:nowrap; }.w3 .tile b small { margin-left:2px; font-size:12px; font-weight:400; color:var(--ink2); }.w3 .tile em { display:block; margin-top:4px; font-style:normal; font-size:11px; color:var(--ink3); }.w3 .plat { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line-soft); font-size:13px; color:var(--ink2); }.w3 .plat b { font-weight:500; color:var(--ink); }.w3 table.t { width:100%; border-collapse:collapse; }.w3 .t th { padding:9px 10px; background:var(--th); font-size:12px; font-weight:500; color:var(--ink2); text-align:left; white-space:nowrap; }.w3 .t th.r, .w3 .t td.r { text-align:right; }.w3 .t td { padding:9px 10px; border-top:1px solid var(--line-soft); font-size:13px; vertical-align:middle; }.w3 .t td.num, .w3 .t td.nm { white-space:nowrap; }.w3 .t tr.go { cursor:pointer; }.w3 .t tr.go:hover td { background:#FAFBFC; }.w3 .dbar { position:relative; width:120px; height:10px; }.w3 .dbar i { position:absolute; top:0; height:10px; border-radius:2px; }.w3 .dbar s { position:absolute; top:-3px; bottom:-3px; width:1px; background:#C9CDD4; }.w3 .counts { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; margin-bottom:12px; }.w3 .counts div { padding:8px 12px; border-radius:8px; background:var(--th); }.w3 .counts span { display:block; font-size:12px; color:var(--ink2); }.w3 .counts b { font-size:20px; font-weight:600; }.w3 .empty { padding:14px 0 4px; font-size:13px; color:var(--ink3); }.w3 .foot { margin-top:8px; font-size:12px; color:var(--ink3); }.w3 .two-mini { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:24px; }.w3 .mini-t { margin-bottom:6px; font-size:12px; color:var(--ink2); }.w3 .recs { margin-top:12px; padding-top:10px; border-top:1px solid var(--line-soft); font-size:13px; line-height:1.9; color:var(--ink2); }.w3 .recs b { font-weight:500; color:var(--ink); margin-right:6px; }.w3 .evh2 { margin:6px 2px -6px; font-size:14px; font-weight:600; }.w3 .qfact { margin:-4px 0 10px; font-size:13px; color:var(--ink2); }.w3 .x { margin-left:8px; width:24px; height:24px; border:0; border-radius:4px; background:none; color:var(--ink3); font-size:16px; cursor:pointer; }.w3 .x:hover { background:#F2F3F5; color:var(--ink); }.w3 .names { display:flex; flex-wrap:wrap; gap:6px 14px; font-size:13px; color:var(--ink2); }.w3 .askbox { padding:16px 20px; }.w3 .ask-in { display:flex; gap:8px; }.w3 .ask-in input { flex:1; height:36px; padding:0 12px; border:1px solid var(--line); border-radius:6px; font:inherit; font-size:14px; }.w3 .ask-in input:focus { outline:none; border-color:var(--tab-bd); box-shadow:0 0 0 3px var(--tab-bg); }.w3 .ask-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; font-size:12px; color:var(--ink3); align-items:center; }.w3 .ask-chips button { height:26px; padding:0 10px; border:1px solid var(--line); border-radius:6px; background:#fff; font-size:12px; color:var(--ink2); cursor:pointer; }.w3 .ask-chips button:hover { border-color:var(--tab-bd); color:var(--tab-ink); }.w3 .ask-msg { margin-top:8px; font-size:12px; color:var(--neg); } .w3 .nav-area.on { background:rgba(255,255,255,.08); color:#fff; }.w3 .wrap { padding:20px 24px 48px; }.w3 .bar { display:flex; align-items:center; gap:14px; margin-bottom:14px; }.w3 .bar h2 { margin:0; font-size:18px; font-weight:600; }.w3 .bar .sp { flex:1; }.w3 .prog { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink2); }.w3 .prog i { position:relative; display:block; width:140px; height:6px; border-radius:3px; background:var(--d-track); overflow:hidden; }.w3 .prog i b { position:absolute; inset:0 auto 0 0; background:var(--pos); border-radius:3px; transition:width .3s; }.w3 .reset { font-size:12px; color:var(--ink3); background:none; border:0; cursor:pointer; padding:0; }.w3 .cols { display:grid; grid-template-columns:360px minmax(0, 1fr); gap:16px; align-items:start; }.w3 .list { position:sticky; top:72px; max-height:calc(100vh - 92px); overflow:auto; }.w3 .grp { padding:14px 16px 6px; border-top:1px solid var(--line-soft); }.w3 .grp:first-child { border-top:0; }.w3 .grp-h { display:flex; align-items:baseline; gap:8px; font-size:13px; font-weight:600; }.w3 .grp-h b { font-weight:500; color:var(--ink3); }.w3 .grp-n { margin:2px 0 6px; font-size:11px; line-height:1.5; color:var(--ink3); }.w3 .it { display:block; width:100%; margin:0 -16px; width:calc(100% + 32px); padding:10px 16px 10px 19px; border:0; border-left:3px solid transparent; background:none; text-align:left; cursor:pointer; }.w3 .it:hover { background:#FAFBFC; }.w3 .it.on { background:var(--th); border-left-color:var(--tab-ink); }.w3 .it .r1 { display:flex; gap:8px; align-items:flex-start; }.w3 .it .t { flex:1; font-size:14px; font-weight:600; line-height:1.5; }.w3 .it .s { margin-top:2px; font-size:12px; color:var(--ink3); line-height:1.5; }.w3 .it.done .t { color:var(--ink3); font-weight:500; }.w3 .right { display:grid; gap:16px; min-width:0; }.w3 .detail { padding:20px 24px 16px; }.w3 .row.hl { background:#FFF8E6; margin:0 -12px; padding-left:12px; padding-right:12px; border-radius:6px; }.w3 .hlbar { margin:12px 0 0; padding:8px 12px; border-radius:6px; background:#FFF8E6; font-size:13px; color:#7A5300; }.w3 .evh { display:flex; align-items:baseline; gap:10px; margin:4px 2px -4px; }.w3 .evh b { font-size:15px; font-weight:600; }.w3 .evh span { font-size:12px; color:var(--ink3); }.w3 .dh { display:flex; align-items:flex-start; gap:12px; }.w3 .dh h3 { margin:6px 0 4px; font-size:20px; font-weight:600; line-height:1.45; }.w3 .dh .meta { font-size:13px; color:var(--ink2); }.w3 .dh .sp { flex:1; }.w3 .chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }.w3 .facts { margin:14px 0 0; padding:0; list-style:none; font-size:13px; line-height:1.7; color:var(--ink2); }.w3 .facts li::before { content:""; display:inline-block; width:4px; height:4px; margin:0 8px 3px 0; border-radius:50%; background:var(--ink3); }.w3 .sec { margin-top:20px; }.w3 .sec-t { margin-bottom:8px; font-size:13px; font-weight:600; }.w3 .sec-t small { margin-left:8px; font-weight:400; color:var(--ink3); }.w3 .row { display:grid; grid-template-columns:52px minmax(0, 1fr) auto; gap:12px; align-items:start; padding:12px 0; border-top:1px solid var(--line-soft); }.w3 .row:first-of-type { border-top:0; }.w3 .act { display:inline-flex; justify-content:center; height:22px; align-items:center; padding:0 8px; border-radius:4px; font-size:12px; font-weight:500; background:#F2F3F5; color:var(--ink2); }.w3 .act.a-督办, .w3 .act.a-催办, .w3 .act.a-再督办, .w3 .act.a-指派 { background:var(--neg-bg); color:#B93A33; }.w3 .act.a-转交, .w3 .act.a-批复 { background:var(--tab-bg); color:var(--tab-ink); }.w3 .act.a-问 { background:var(--warn-bg); color:#9A5B0B; }.w3 .row .w { font-size:14px; line-height:1.6; }.w3 .row .ask { margin-top:2px; font-size:12px; color:var(--ink2); }.w3 .row .ld { margin-top:6px; padding:6px 10px; border-radius:6px; background:#F8F9FB; font-size:12px; color:var(--ink2); }.w3 .row .btns { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }.w3 .row .btns .btn { height:30px; min-width:76px; justify-content:center; padding:0 12px; font-size:13px; font-weight:500; }.w3 .row .btns .sub { display:flex; gap:10px; }.w3 .row .btns .sub button { padding:0; border:0; background:none; font-size:12px; color:var(--ink3); cursor:pointer; }.w3 .row .btns .sub button:hover { color:var(--ink); }.w3 .row.done .w { color:var(--ink3); }.w3 .state { font-size:12px; color:var(--pos); white-space:nowrap; }.w3 .composer { margin-top:10px; padding:12px; border:1px solid var(--line); border-radius:8px; background:#FAFBFC; }.w3 .composer textarea { width:100%; padding:8px 10px; border:1px solid var(--line); border-radius:6px; font:inherit; font-size:13px; line-height:1.6; resize:vertical; background:#fff; }.w3 .composer textarea:focus { outline:none; border-color:var(--tab-bd); box-shadow:0 0 0 3px var(--tab-bg); }.w3 .cq { display:flex; gap:8px; margin-bottom:8px; }.w3 .cq button { height:28px; padding:0 12px; border:1px solid var(--line); border-radius:6px; background:#fff; font-size:12px; cursor:pointer; }.w3 .cq button:hover { border-color:var(--tab-bd); color:var(--tab-ink); }.w3 .cmp-foot { display:flex; align-items:center; gap:8px; margin-top:8px; font-size:12px; color:var(--ink2); }.w3 .cmp-foot select { height:30px; margin-left:4px; border:1px solid var(--line); border-radius:6px; background:#fff; font:inherit; font-size:12px; }.w3 .cmp-foot .sp { flex:1; }.w3 .cmp-foot .btn { height:30px; font-size:13px; }.w3 .said { margin-top:6px; font-size:13px; color:var(--ink2); }.w3 .note-in input { flex:1; height:30px; padding:0 10px; border:1px solid var(--line); border-radius:6px; font:inherit; font-size:13px; }.w3 .info { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1px; margin-top:16px; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--line); }.w3 .info > div { padding:10px 12px; background:#fff; }.w3 .info span { display:block; font-size:12px; color:var(--ink3); }.w3 .info b { font-size:14px; font-weight:500; }.w3 .work-wrap .foot { margin-top:18px; font-size:12px; color:var(--ink3); }.w3 .lnk { font-size:13px; color:var(--tab-ink); text-decoration:none; white-space:nowrap; }.w3 .lnk:hover { text-decoration:underline; }.w3 .fgrid { display:grid; grid-template-columns:64px repeat(4, minmax(0, 92px)); gap:2px; font-size:12px; }.w3 .fgrid > span { padding:3px 4px; text-align:center; color:var(--ink3); }.w3 .fgrid > span.pn { text-align:left; color:var(--ink2); }.w3 .fgrid > b { padding:7px 4px; border-radius:3px; text-align:center; font-weight:500; background:#F2F3F5; color:var(--ink2); }.w3 .fgrid > b.hn { background:var(--d-hl); color:#fff; }.w3 .fgrid > b.hp { background:#DCE7FA; color:#2559B5; }.w3 .proofs { display:grid; grid-template-columns:auto minmax(0, 360px); gap:28px; align-items:start; }.w3 table.lg { width:100%; border-collapse:collapse; }.w3 .lg th { padding:10px 12px; background:var(--th); font-size:12px; font-weight:500; color:var(--ink2); text-align:left; white-space:nowrap; }.w3 .lg td { padding:11px 12px; border-top:1px solid var(--line-soft); font-size:13px; vertical-align:top; }.w3 .lg td.num { white-space:nowrap; }.w3 .lg .new td { background:#FBFDF9; }.w3 .demo { display:inline-flex; height:18px; align-items:center; padding:0 5px; margin-left:4px; border-radius:3px; font-size:10px; background:#F2F3F5; color:var(--ink3); vertical-align:1px; } .w3 .team-wrap { padding:20px 24px 48px; display:grid; gap:16px; }.w3 .team-wrap > * { min-width:0; }.w3 .hd { display:flex; align-items:flex-start; gap:16px; padding:18px 22px; }.w3 .hd h2 { margin:0; font-size:22px; font-weight:600; }.w3 .hd .meta { margin-top:4px; font-size:13px; color:var(--ink2); }.w3 .hd .sp { flex:1; }.w3 .hd .links { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }.w3 .hd select { height:34px; padding:0 10px; border:1px solid var(--line); border-radius:6px; background:#fff; font:inherit; font-size:13px; }.w3 .chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; } /* Reset legacy generic layout on these two pages only. */ .w3 { margin:-16px -24px -48px; } .w3 .card { border:0; box-shadow:none; } .w3 .seg button { min-height:0; } .w3 .num, .w3 td.n, .w3 .tab-num { font-variant-numeric:tabular-nums; } .w3 .demo { max-width:none; margin:0 0 0 4px; } .w3 .sec { padding:0; } .w3 .ev { grid-template-columns:repeat(auto-fit, minmax(min(540px, 100%), 1fr)); } .w3 .ask-in input { min-width:0; } .w3 .q { overflow-x:auto; } .w3 table.lg { min-width:700px; } .w3 .work-wrap > .card { overflow-x:auto; } @media (max-width:1100px) { .w3 .cols { grid-template-columns:280px minmax(0, 1fr); } .w3 .bar { flex-wrap:wrap; } .w3 .row { grid-template-columns:52px minmax(0, 1fr); } .w3 .row > div:last-child { grid-column:2; } .w3 .row .btns { align-items:flex-start; } .w3 .info { grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width:760px) { .w3 .cols { grid-template-columns:minmax(0, 1fr); } .w3 .list { position:static; max-height:none; } .w3 .hd, .w3 .dh, .w3 .qh { flex-wrap:wrap; } .w3 .two-mini { grid-template-columns:minmax(0, 1fr); } } /* R32: focused director work and evidence, with an explicit mobile item switch. */ .w3 .od-work-picker { display:none; } .w3 .od-work-evidence { padding:16px 20px; font-size:13px; } .w3 .od-work-evidence>div { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:10px; } .w3 .od-work-evidence a { color:var(--tab-ink); font-size:12px; text-decoration:none; } .w3 .od-work-evidence p { color:var(--ink2); margin:10px 0 0; font-size:12px; line-height:1.7; } .w3 .od-row-evidence { margin-top:7px; border:0; background:none; padding:0; color:var(--tab-ink); cursor:pointer; font-size:12px; line-height:1.6; } .w3 .od-closed-items { padding:0 16px 10px; border-top:1px solid var(--line); } .w3 .od-closed-items>summary { padding:12px 0; } .w3 .od-query { border-top:1px solid var(--line); } .w3 .od-query>summary { padding:12px 2px; } .w3 .od-inbox-priority { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; padding:15px 18px; background:#fff7eb; border:1px solid #ead7b9; border-radius:10px; margin-bottom:16px; font-size:13px; } .w3 .od-inbox-priority>b { flex-basis:100%; } .w3 .od-inbox-priority a { color:var(--tab-ink); text-decoration:none; } .w3 .od-inbox-priority span { margin-left:8px; color:var(--ink2); font-size:12px; } .w3 .od-following-note { font-size:13px; line-height:1.7; } .w3 .od-legacy-ledger { margin-top:18px; } .w3 .od-legacy-ledger .table-wrap { overflow:auto; } .w3 .od-legacy-ledger table { min-width:720px; } .w3 .row .state { white-space:normal; line-height:1.7; } @media (max-width:760px) { .w3:has(.work-wrap) { margin:-16px -16px -40px; } .w3 .work-wrap { padding:20px 16px 48px; } .w3 .work-wrap:not(.od-list-open) .list { display:none; } .w3 .od-work-picker { display:block; width:100%; margin:0 0 12px; padding:12px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--tab-ink); font:inherit; font-size:13px; line-height:1.6; text-align:left; cursor:pointer; } .w3 .bar { flex-wrap:wrap; gap:8px; } .w3 .bar h2 { font-size:15px; } .w3 .bar .prog { order:3; flex-basis:100%; font-size:11px; } .w3 .bar .prog i { width:90px; } .w3 .work-wrap .detail { padding:16px; } .w3 .dh h3 { font-size:19px; } .w3 .row { grid-template-columns:1fr; gap:6px; } .w3 .row>div:last-child { grid-column:1; } .w3 .row>.act { justify-self:start; } .w3 .row .btns { flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px; } .w3 .cq { flex-wrap:wrap; } .w3 .info { grid-template-columns:repeat(2,minmax(0,1fr)); } .w3 .od-work-evidence { padding:15px 16px; } } /* store.css */ /* R9：样稿面板规则，仅在 .spx 内生效。 */ .spx { margin:0; display:grid; gap:14px; min-width:0; max-width:1180px; } .spx > * { min-width:0; } .spx .sp-return { margin:-4px 2px 0; } .spx .neg { color:var(--neg); } .spx .pos { color:var(--pos); } .spx .muted { color:var(--ink3); } /* 从样稿“抬头”起迁入，队列外壳规则由 style.css 承接。 */ .spx .sp-head { padding:18px 22px 16px; } .spx .sp-head .r1 { display:flex; align-items:center; gap:10px; } .spx .sp-head h2 { margin:0; font-size:22px; font-weight:600; } .spx .sp-head .sp { flex:1; } .spx .sp-head .meta { margin-top:6px; font-size:13px; color:var(--ink2); } .spx .sp-head .meta b { font-weight:500; color:var(--ink); } .spx .sp-head .qline { margin-top:10px; padding-top:10px; border-top:1px solid var(--line-soft); font-size:13px; } .spx .sp-head .trig { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:8px; font-size:12px; } .spx .sp-nav { position:sticky; top:56px; z-index:3; display:flex; gap:2px; padding:6px 8px; background:rgba(245,246,248,.94); backdrop-filter:blur(6px); margin:-6px -2px; } .spx .sp-nav button { padding:4px 10px; border:0; border-radius:6px; background:none; font-size:12px; color:var(--ink2); cursor:pointer; } .spx .sp-nav button:hover { background:#fff; color:var(--tab-ink); } .spx .sp-jump { border:0; background:none; padding:0; cursor:pointer; } .spx [id^="sp-"] { scroll-margin-top:104px; } .spx .sp-sec { padding:16px 20px 18px; } .spx .sp-h { display:flex; align-items:baseline; gap:10px; } .spx .sp-h i { align-self:center; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--tab-bg); color:var(--tab-ink); font-style:normal; font-size:11px; font-weight:600; } .spx .sp-h b { font-size:16px; font-weight:600; } .spx .sp-h span { font-size:12px; color:var(--ink3); } .spx .sp-read { margin:8px 0 14px; padding:8px 12px; border-radius:6px; background:var(--th); font-size:13px; line-height:1.7; color:var(--ink2); } .spx .sp-read b { color:var(--ink); font-weight:600; } .spx .sp-sub { display:flex; align-items:baseline; gap:8px; margin:16px 0 8px; } .spx .sp-sub b { font-size:13px; font-weight:600; } .spx .sp-sub span { font-size:12px; color:var(--ink3); } .spx .g2 { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:24px; } .spx .g2 > * { min-width:0; } .spx .g2 > div > .sp-sub:first-child { margin-top:4px; } .spx .tiles { grid-template-columns:repeat(3, minmax(0, 1fr)); } .spx .pstrip { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin-top:10px; } .spx .pl { padding:10px 12px; border:1px solid var(--line); border-radius:8px; } .spx .pl.bad { border-color:#F1B3AE; background:#FFFBFA; } .spx .pl .pn { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--ink2); } .spx .pl .pv { margin-top:2px; font-size:18px; font-weight:600; } .spx .pl .pv small { font-size:12px; font-weight:400; color:var(--ink2); } .spx .pl .pd { font-size:12px; color:var(--ink3); } .spx .lks td { vertical-align:top; } .spx .lks td.nm b { display:block; } .spx .lks td.nm small { font-size:12px; } .spx .lk .v { font-size:13px; font-weight:600; white-space:nowrap; } .spx .lk .c { font-size:12px; white-space:nowrap; } .spx .lk .b { font-size:11px; color:var(--ink3); white-space:nowrap; } .spx .lk.bad { background:#FFF4F3; } .spx .lk.bad .c { color:#B93A33; font-weight:500; } .spx .lk.warn { background:#FFF9EE; } .spx .lk.warn .c { color:#9A5B0B; } .spx .lk.ok .b { color:var(--pos); } .spx .kv { display:flex; align-items:baseline; gap:10px; padding:5px 0; font-size:13px; } .spx .kv > span { width:84px; flex:none; color:var(--ink3); font-size:12px; } .spx .kv b { font-weight:500; } .spx .kv small { font-size:11px; color:var(--ink3); } .spx .big { font-size:13px; color:var(--ink2); margin-bottom:6px; } .spx .big b { font-size:24px; font-weight:600; color:var(--ink); } .spx .big b.neg { color:var(--neg); } .spx .dims { display:grid; gap:6px; } .spx .dm { display:grid; grid-template-columns:40px minmax(0, 1fr) 32px; align-items:center; gap:8px; font-size:12px; color:var(--ink2); } .spx .dm i, .spx .pace i { position:relative; height:8px; border-radius:4px; background:var(--d-track); } .spx .dm s, .spx .pace s { position:absolute; inset:0 auto 0 0; border-radius:4px; background:var(--d-main); } .spx .dm s.low, .spx .pace s.low { background:var(--d-hl); } .spx .dm b { text-align:right; font-weight:600; color:var(--ink); } .spx .rvs { display:grid; } .spx .rv { display:grid; grid-template-columns:44px 64px 40px auto minmax(0, 1fr); align-items:center; gap:10px; padding:7px 0; border-top:1px solid var(--line-soft); font-size:12px; color:var(--ink2); } .spx .rv .tx { color:var(--ink); } .spx .share { display:flex; height:14px; border-radius:4px; overflow:hidden; gap:2px; } .spx .share i { min-width:3px; } .spx .share .w, .spx .share-l s.w { background:var(--d-main); } .spx .share .d, .spx .share-l s.d { background:#A9AEB8; } .spx .share .g, .spx .share-l s.g { background:#C4C9D1; } .spx .share-l { display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:8px; font-size:12px; color:var(--ink2); } .spx .share-l s { display:inline-block; width:8px; height:8px; border-radius:2px; margin-right:5px; } .spx .share-l b { font-weight:600; color:var(--ink); } .spx .pace { display:grid; grid-template-columns:32px minmax(0, 1fr) 48px; align-items:center; gap:8px; padding:6px 0; font-size:12px; color:var(--ink2); } .spx .pace u { position:absolute; top:-4px; bottom:-4px; width:2px; background:var(--ink); text-decoration:none; } .spx .pace b { text-align:right; font-weight:600; color:var(--ink); } .spx .pace small { grid-column:2 / -1; margin-top:-2px; font-size:11px; color:var(--ink3); } .spx .ckg { display:flex; align-items:center; gap:8px; margin-bottom:8px; } .spx .ckg b { font-size:14px; font-weight:600; } .spx .ckg span { font-size:12px; color:var(--ink3); } .spx .ckg .sp { flex:1; } .spx .btn.sm { height:28px; padding:0 10px; font-size:12px; } .spx .ck { padding:10px 12px; margin-bottom:8px; border:1px solid var(--line); border-radius:8px; } .spx .ck.bad { border-color:#F1B3AE; background:#FFFBFA; } .spx .ck.warn { border-color:#F3D6A3; background:#FFFCF5; } .spx .ck.ok, .spx .ck.na { padding:8px 12px; } .spx .ckh { display:flex; align-items:center; gap:8px; } .spx .ckh b { font-size:13px; font-weight:600; } .spx .ckh .dot { width:7px; height:7px; border-radius:50%; background:var(--d-ctx); } .spx .ck.bad .dot { background:var(--neg); } .spx .ck.warn .dot { background:var(--warn); } .spx .ck.ok .dot { background:var(--pos); } .spx .ckh .st { margin-left:auto; font-size:11px; color:var(--ink3); } .spx .ck.bad .st { color:#B93A33; font-weight:500; } .spx .ck.warn .st { color:#9A5B0B; } .spx .ck.ok .st { color:var(--pos); } .spx .ckf { margin-top:3px; font-size:12px; line-height:1.6; color:var(--ink2); } .spx .ck.ok .ckf, .spx .ck.na .ckf { color:var(--ink3); } .spx .ckw { display:flex; gap:8px; margin-top:4px; font-size:12px; line-height:1.6; color:var(--ink2); } .spx .ckw span { flex:none; color:var(--ink3); } .spx .steps { margin:6px 0 0; padding-left:18px; font-size:12px; line-height:1.6; color:var(--ink); } .spx .steps li { margin-bottom:4px; } .spx .steps small { display:block; color:var(--ink3); } .spx .hand { margin-top:8px; padding:12px 14px; border:1px solid var(--tab-bd); border-radius:8px; background:#FBFAFE; } .spx .hand textarea, .spx .cmp textarea { width:100%; padding:8px 10px; border:1px solid var(--line); border-radius:6px; font:inherit; font-size:13px; line-height:1.6; resize:vertical; } .spx .hand textarea:focus, .spx .cmp textarea:focus { outline:none; border-color:var(--tab-bd); box-shadow:0 0 0 3px var(--tab-bg); } .spx .cmpf { display:flex; align-items:center; gap:14px; margin-top:8px; font-size:12px; color:var(--ink2); } .spx .cmpf .sp { flex:1; } .spx .cmpf select { height:26px; border:1px solid var(--line); border-radius:4px; font:inherit; font-size:12px; } .spx .ai-t { margin-top:20px; } .spx .aibox { padding:14px 16px; border-radius:8px; background:#FAFBFC; border:1px solid var(--line-soft); } .spx .aibox .empty { padding:0; } .spx .ai-h { display:flex; align-items:center; gap:10px; } .spx .ai-h b { font-size:14px; font-weight:600; } .spx .ai-a { margin:6px 0 10px; font-size:13px; line-height:1.7; color:var(--ink2); } .spx .hy { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:10px; } .spx .hc { padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:#fff; } .spx .hc.picked { border-color:var(--tab-bd); } .spx .hch { display:flex; flex-direction:column; gap:4px; } .spx .hch .rk { align-self:flex-start; font-size:11px; padding:0 6px; border-radius:3px; background:var(--tab-bg); color:var(--tab-ink); } .spx .hch b { font-size:13px; font-weight:600; line-height:1.5; } .spx .hcr { margin-top:6px; font-size:12px; line-height:1.6; color:var(--ink2); } .spx .hcr span { display:block; font-size:11px; color:var(--ink3); } .spx .hcb { display:flex; align-items:center; gap:6px; margin-top:10px; } .spx .hcb button { height:26px; padding:0 10px; border:1px solid var(--line); border-radius:6px; background:#fff; font-size:12px; color:var(--ink2); cursor:pointer; } .spx .hcb button.on { background:var(--tab-bg); border-color:var(--tab-bd); color:var(--tab-ink); font-weight:500; } .spx .hst { font-size:11px; color:var(--ink3); } .spx .qk { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; } .spx .qk button { height:24px; padding:0 8px; border:1px solid var(--line); border-radius:12px; background:#fff; font-size:12px; color:var(--ink2); cursor:pointer; } .spx .qk button:hover { border-color:var(--tab-bd); color:var(--tab-ink); } .spx .tri { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; } .spx .tri > div { padding:10px 12px; border-radius:8px; background:var(--th); } .spx .tri > div.on { background:var(--tab-bg); } .spx .tri span { display:block; font-size:11px; color:var(--ink3); } .spx .tri b { display:block; margin-top:2px; font-size:14px; font-weight:600; } .spx .tri small { display:block; margin-top:2px; font-size:11px; line-height:1.5; color:var(--ink3); } .spx .tl > div { display:grid; grid-template-columns:48px 120px minmax(0, 1fr); gap:10px; padding:7px 0; border-top:1px solid var(--line-soft); font-size:13px; } .spx .tl b { font-weight:500; } .spx .tl span { color:var(--ink3); font-size:12px; } .spx .tl p { margin:0; } .spx .lk.up .c { color:var(--pos); } .spx .t.tight td { padding:5px 10px; } .spx .kv > span { width:96px; } .spx .hb { display:grid; gap:6px; } .spx .hbr { display:grid; grid-template-columns:76px minmax(0, 1fr) 64px; align-items:center; gap:10px; font-size:12px; color:var(--ink2); } .spx .hbr i { position:relative; height:12px; border-radius:3px; background:var(--d-track); } .spx .hbr s { position:absolute; inset:0 auto 0 0; border-radius:3px; background:var(--d-ctx); } .spx .hbr.on s { background:var(--d-main); } .spx .hbr.on span, .spx .hbr.on b { color:var(--ink); font-weight:600; } .spx .hbr b { text-align:right; font-weight:500; } .spx .cknote { margin-bottom:8px; padding:6px 10px; border-radius:6px; background:var(--warn-bg); font-size:12px; color:#7A5300; } .spx .kv b { white-space:nowrap; } .spx .goalrow { display:flex; align-items:center; gap:24px; margin-top:8px; font-size:12px; color:var(--ink2); } .spx .mg { display:inline-flex; align-items:center; gap:8px; } .spx .mg em { font-style:normal; color:var(--ink2); } .spx .mg i { position:relative; width:96px; height:6px; border-radius:3px; background:var(--d-track); } .spx .mg s { position:absolute; inset:0 auto 0 0; border-radius:3px; background:var(--d-main); } .spx .mg s.low { background:var(--d-hl); } .spx .mg u { position:absolute; top:-3px; bottom:-3px; width:2px; background:var(--ink); } .spx .mg b { font-weight:600; color:var(--ink); } .spx .mg small { font-size:11px; color:var(--ink3); } .spx .sp-lead { margin-top:12px; padding:10px 14px; border-radius:8px; background:var(--th); font-size:14px; line-height:1.75; color:var(--ink2); } .spx .sp-lead b { color:var(--ink); font-weight:600; } .spx .sp-lead .lk0 { display:block; margin-bottom:2px; font-size:11px; color:var(--ink3); } .spx .sp-alert { margin-top:12px; padding:9px 14px; border-radius:8px; background:var(--neg-bg); font-size:13px; line-height:1.6; color:#9F2F28; } .spx .sp-alert b { margin-right:10px; font-weight:600; color:#B93A33; } .spx .ckok { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:2px; font-size:12px; } .spx .ckok > em { font-style:normal; color:var(--ink3); margin-right:2px; } .spx .ckok span { padding:2px 9px; border-radius:10px; background:var(--pos-bg); color:var(--pos); cursor:default; } .spx .ckok span.na { background:#F2F3F5; color:var(--ink3); } .spx .sp-dims .sp-h { margin-bottom:6px; } .spx .dim { border-top:1px solid var(--line-soft); } .spx .dim > summary { display:grid; grid-template-columns:8px 64px minmax(0, 1fr) auto 12px; align-items:center; gap:10px; padding:11px 4px; cursor:pointer; list-style:none; font-size:13px; } .spx .dim > summary::-webkit-details-marker { display:none; } .spx .dim > summary:hover { background:#FAFBFC; } .spx .dim > summary::after { content:'▸'; color:var(--ink3); } .spx .dim[open] > summary::after { content:'▾'; } .spx .dim .dot { width:7px; height:7px; border-radius:50%; background:var(--d-ctx); } .spx .dim.bad .dot { background:var(--neg); } .spx .dim.warn .dot { background:var(--warn); } .spx .dim.ok .dot { background:var(--pos); } .spx .dim > summary b { font-weight:600; } .spx .dim .df { color:var(--ink2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .spx .dim .st { font-size:11px; color:var(--ink3); white-space:nowrap; } .spx .dim.bad .st { color:#B93A33; font-weight:500; } .spx .dim.warn .st { color:#9A5B0B; } .spx .dim.ok .st { color:var(--pos); } .spx .dimbody { padding:4px 4px 16px 22px; } .spx .dimbody > .sp-sec { padding:0; background:none; border-radius:0; } .spx .dimbody .sp-h { display:none; } .spx .dimbody .sp-read { margin-top:0; } .spx .sp-top { padding:14px 22px; } .spx .sp-top .r1 { display:flex; align-items:center; gap:10px; } .spx .sp-top h2 { margin:0; font-size:20px; font-weight:600; } .spx .sp-top .sp { flex:1; } .spx .sp-top .goalrow { margin:0; gap:18px; } .spx .sp-top .meta { margin-top:4px; font-size:12px; color:var(--ink2); } .spx .sp-top .meta b { font-weight:500; color:var(--ink); } .spx .bk { padding:14px 22px 16px; border-left:4px solid var(--d-ctx); } .spx .bk.red { border-left-color:var(--neg); } .spx .bk.amber { border-left-color:var(--warn); } .spx .bk-h { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:13px; } .spx .bk-h b { font-weight:600; } .spx .bk-h .bt { margin-left:8px; font-size:16px; font-weight:600; color:var(--ink); } .spx .bk .trig { margin-top:6px; } .spx .bk-g { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:20px; margin-top:6px; } .spx .bk-r { display:grid; grid-template-columns:56px minmax(0, 1fr); gap:10px; padding:9px 0; border-top:1px solid var(--line-soft); font-size:13px; line-height:1.7; color:var(--ink2); } .spx .bk-r > span { padding-top:1px; font-size:12px; font-weight:600; color:var(--ink); } .spx .bk-r b { color:var(--ink); font-weight:600; } .spx .bk-g .bk-r:first-child { border-top:0; } .spx .bk-c { padding-top:6px; min-width:0; } .spx .bk-ct { display:flex; align-items:baseline; gap:8px; margin-bottom:2px; } .spx .bk-ct b { font-size:12px; font-weight:600; } .spx .bk-ct span { font-size:11px; color:var(--ink3); } .spx .ccs { display:flex; flex-wrap:wrap; align-items:center; gap:6px; } .spx .cc { padding:1px 9px; border:0; border-radius:10px; font:inherit; font-size:12px; line-height:20px; cursor:pointer; } .spx .cc.ok { background:var(--pos-bg); color:var(--pos); } .spx .cc.warn { background:var(--warn-bg); color:#9A5B0B; } .spx .cc.bad { background:var(--neg-bg); color:#B93A33; } .spx span.cc { cursor:default; } .spx .cc-l { margin-left:6px; font-size:11px; color:var(--ink3); } .spx .todo { margin:0; padding-left:18px; color:var(--ink); } .spx .todo li { margin-bottom:3px; } .spx .todo small { display:block; font-size:11px; color:var(--ink3); line-height:1.5; } .spx .oth { display:flex; align-items:center; gap:10px; margin-top:6px; padding:6px 10px; border-radius:6px; background:var(--th); font-size:12px; color:var(--ink2); } .spx .oth span { flex:1; } .spx .ai1 { display:flex; align-items:center; gap:8px; margin-top:8px; padding:0; border:0; font-size:13px; } .spx .ai1 .ai1t { flex:1; color:var(--ink); } .spx .ai1 .hcb { margin-top:0; } .spx .ai1.picked { border:0; } .spx .aid { margin-top:4px; font-size:12px; } .spx .aid > summary { color:var(--tab-ink); cursor:pointer; list-style:none; } .spx .aid > summary::-webkit-details-marker { display:none; } .spx .aid[open] > summary { margin-bottom:6px; } .spx .bk-r .cmpf { flex-wrap:wrap; gap:8px 12px; } .spx .qk1 { height:24px; padding:0 8px; border:1px solid var(--line); border-radius:12px; background:#fff; font-size:12px; color:var(--ink2); cursor:pointer; } .spx .qk1:hover { border-color:var(--tab-bd); color:var(--tab-ink); } .spx .bk-r textarea { width:100%; padding:7px 10px; border:1px solid var(--line); border-radius:6px; font:inherit; font-size:13px; line-height:1.6; resize:vertical; } .spx .bk-r textarea:focus { outline:none; border-color:var(--tab-bd); box-shadow:0 0 0 3px var(--tab-bg); } .spx .lastrec { margin-top:6px; font-size:12px; color:var(--ink3); } .spx .lastrec b { color:var(--ink2); font-weight:500; } .spx .sp-datah { display:flex; align-items:baseline; gap:10px; margin:10px 2px -4px; } .spx .sp-datah b { font-size:16px; font-weight:600; } .spx .sp-datah span { font-size:12px; color:var(--ink3); } .spx .chip2 { align-self:center; padding:0 7px; border-radius:9px; font-size:11px; line-height:18px; background:#F2F3F5; color:var(--ink3); } .spx .chip2.ok { background:var(--pos-bg); color:var(--pos); } .spx .chip2.warn { background:var(--warn-bg); color:#9A5B0B; } .spx .chip2.bad { background:var(--neg-bg); color:#B93A33; } .spx .chip2.prim { background:var(--tab-bg); color:var(--tab-ink); } .spx .ros-surface { --ros-ink:#172033; --ros-muted:#657087; --ros-line:#e2e7ef; --ros-soft:#f7f8fb; --ros-red:#b72f2c; color:var(--ros-ink); display:grid; gap:0; } .spx .ros-lead { background:#1d222d; border-radius:12px 12px 0 0; color:#fff; padding:16px 20px 18px; } .spx .ros-kicker { display:flex; align-items:center; gap:8px; color:#c9d0dc; font-size:12px; font-weight:700; } .spx .ros-kicker em { margin-left:auto; padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.12); color:#fff; font-style:normal; font-weight:500; } .spx .ros-ai-mark { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:4px; background:#fff; color:#1d222d; font-size:10px; } .spx .ros-lead h3 { margin:12px 0 6px; font-size:17px; line-height:1.55; } .spx .ros-lead > p { margin:0; font-size:13px; line-height:1.75; color:#d8dde6; } .spx .ros-modules { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); background:#fff; border:1px solid var(--ros-line); border-top:0; } .spx .ros-module { min-width:0; padding:16px 18px; border-top:1px solid var(--ros-line); } .spx .ros-module.wide { grid-column:1 / -1; border-top:0; } .spx .ros-module + .ros-module:not(.wide):last-child { border-left:1px solid var(--ros-line); } .spx .ros-module-head { display:flex; align-items:center; gap:9px; margin-bottom:12px; } .spx .ros-module-head span { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#edf0f5; color:#4a556b; font-size:11px; font-weight:800; } .spx .ros-module-head h4 { margin:0; font-size:14px; } .spx .ros-tables { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:12px; } .spx .ros-table { width:100%; border-collapse:collapse; font-size:12px; } .spx .ros-table th { padding:7px 6px; border-bottom:1px solid var(--ros-line); color:var(--ros-muted); font-size:11px; font-weight:600; text-align:left; white-space:nowrap; } .spx .ros-table td { padding:8px 6px; border-bottom:1px solid #edf0f4; font-weight:650; white-space:nowrap; } .spx .ros-table tr:last-child td { border-bottom:0; } .spx .ros-items, .spx .ros-checks { display:grid; gap:9px; } .spx .ros-item, .spx .ros-check { padding:10px 11px; border:1px solid #e5e9f0; border-radius:8px; background:var(--ros-soft); } .spx .ros-item strong, .spx .ros-check strong { font-size:12px; line-height:1.55; } .spx .ros-item p, .spx .ros-check p { margin:4px 0 0; font-size:12px; line-height:1.6; color:#4e586d; } .spx .ros-item small { display:block; margin-top:5px; font-size:11px; color:var(--ros-muted); } .spx .ros-check-title { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; } .spx .ros-check-title span, .spx .ros-confirm-option span { flex:none; padding:3px 7px; border-radius:999px; background:#e4f2ea; color:#197147; font-size:10px; font-weight:800; } .spx .ros-check small { display:block; margin-top:6px; font-size:11px; line-height:1.5; color:#8c4a22; } .spx .ros-note { margin:9px 0 0; font-size:11px; color:var(--ros-muted); } .spx .ros-confirm { padding:16px 18px 18px; border:1px solid var(--ros-line); border-top:0; border-radius:0 0 12px 12px; background:#fff; } .spx .ros-confirm-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:12px; } .spx .ros-confirm-head span { font-size:11px; font-weight:800; color:var(--ros-red); } .spx .ros-confirm-head h4 { margin:3px 0 0; font-size:15px; } .spx .ros-confirm-head small { font-size:11px; color:var(--ros-muted); } .spx .ros-confirm-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; } .spx .ros-confirm-option { width:100%; padding:11px; border:1px solid #e0e5ed; border-radius:8px; background:#fafbfc; color:inherit; font:inherit; text-align:left; cursor:pointer; } .spx .ros-confirm-option.recommended { background:#eef8f2; border-color:#b8dec9; } .spx .ros-confirm-option:hover:not(:disabled), .spx .ros-confirm-option.selected { border-color:#b72f2c; box-shadow:0 0 0 2px rgba(183, 47, 44, .08); } .spx .ros-confirm-option.selected { background:#fff5f4; } .spx .ros-confirm-option:disabled { cursor:default; opacity:.8; } .spx .ros-confirm-option > div { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; } .spx .ros-confirm-option strong { font-size:12px; line-height:1.55; } .spx .ros-confirm-option p { margin:7px 0 0; font-size:11px; line-height:1.55; color:var(--ros-muted); } .spx .ros-confirm-note { width:100%; min-height:72px; margin-top:10px; padding:10px 11px; border:1px solid #d9dee7; border-radius:8px; font:inherit; font-size:13px; line-height:1.6; resize:vertical; } .spx .ros-confirm-actions, .spx .ros-confirm-saved { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:12px; padding-top:12px; border-top:1px solid var(--ros-line); } .spx .ros-confirm-actions > span, .spx .ros-confirm-saved > span { font-size:11px; color:var(--ros-muted); } .spx .ros-confirm-saved strong { color:#197147; font-size:13px; } .spx .ai1 .lnk { flex:none; } .spx .card.v4 { padding:14px 16px 12px; } .spx .ros-surface.inline { margin-top:14px; } .spx .ros-surface.inline .ros-lead { background:#F7F8FB; color:var(--ink); border:1px solid var(--ros-line); border-left:3px solid #1d222d; border-radius:10px 10px 0 0; padding:12px 16px 14px; } .spx .ros-surface.inline .ros-kicker { color:var(--ink2); } .spx .ros-surface.inline .ros-kicker em { background:#EDF0F5; color:var(--ink2); } .spx .ros-surface.inline .ros-ai-mark { background:#1d222d; color:#fff; } .spx .ros-surface.inline .ros-lead h3 { margin:8px 0 4px; font-size:15px; } .spx .ros-surface.inline .ros-lead > p { color:var(--ink2); font-size:12.5px; } .spx .ros-surface.inline .ros-modules { grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); } .spx .ros-surface.inline .ros-module { border-top:0; } .spx .ros-surface.inline .ros-module + .ros-module { border-left:1px solid var(--ros-line); } .spx .ai-miss { display:flex; align-items:center; gap:8px; margin-top:14px; padding:9px 12px; border:1px dashed var(--line); border-radius:8px; font-size:12px; color:var(--ink3); } .spx .ai-miss .ros-ai-mark { background:#C9CDD4; color:#fff; flex:none; } .spx .catrow { display:flex; flex-wrap:wrap; gap:8px; } .spx .catrow span { padding:3px 10px; border-radius:12px; background:#F2F3F5; font-size:12px; color:var(--ink2); } .spx .catrow span.hot { background:var(--neg-bg); color:#B93A33; } .spx .catrow b { font-weight:600; color:inherit; } .spx .sp-aiwrap .ros-surface.inline { margin-top:10px; } /* 消除原型全局同名类的外壳属性。 */ .spx .empty { padding:14px 0 4px; } .spx .aibox .empty { padding:0; } .spx .demo { max-width:none; margin:0 0 0 4px; padding:0 5px; } .spx .pace { position:static; height:auto; background:transparent; border-radius:0; } /* 窄栏时门店条不折字：店名、城市、分级不换行，本月进度条整体换到下一行 */ .spx .sp-top .r1 { flex-wrap:wrap; row-gap:6px; } .spx .sp-top h2, .spx .sp-top .r1 > .muted, .spx .sp-top .r1 > .tag { white-space:nowrap; } .spx .mg { white-space:nowrap; } /* R21 显示覆盖：每平台紧凑表、差评分类正文齐头。 */ .spx #sp-acts .acts-platforms { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:0 20px 16px; } .spx #sp-acts .acts-platform + .acts-platform { border-left:0; border-top:1px solid var(--line); padding:16px 0 0; } .spx .acts-platform .acts-item { display:table-row; padding:0; border:0; } .spx .acts-platform table { table-layout:fixed; } .spx .acts-platform th:nth-child(1) { width:24%; } .spx .acts-platform th:nth-child(2) { width:42%; } .spx .acts-platform th:nth-child(3) { width:21%; } .spx .acts-platform th:nth-child(4) { width:13%; } .spx .acts-platform td { font-size:12px; vertical-align:top; overflow-wrap:anywhere; } .spx .acts-platform td b,.spx .acts-platform td small { display:block; } .spx .rv { grid-template-columns:44px 64px 40px 96px minmax(0,1fr); } .spx .rv .tag { width:96px; justify-content:center; } .spx .ai1 { flex-wrap:wrap; } .spx .ai1 .uik-ai-note { flex-basis:100%; } @media(max-width:650px) { .spx .rv { grid-template-columns:44px 64px 40px 96px; } .spx .rv .tx { grid-column:1/-1; } } /* R26：区经理按事项进入；事实、AI 判断、核查记录各有明确位置。 */ .spx .am-issue { padding:0; overflow:hidden; } .spx .am-work-card { padding:22px; scroll-margin-top:96px; outline:none; } .spx .am-work-card.is-active { box-shadow:inset 3px 0 0 #4E5969; } .spx .am-issue-head { margin-bottom:18px; } .spx .am-issue-head h2 { margin:9px 0 0; font-size:20px; line-height:1.5; } .spx .am-work-card h3 { margin:0 0 10px; font-size:15px; line-height:1.5; } .spx .am-problem-summary p { margin:8px 0; line-height:1.8; } .spx .am-causes { display:block; margin:18px 0; padding:16px; background:#F7F8FB; border:1px solid var(--line); border-radius:8px; } .spx .am-causes p { margin:0; line-height:1.8; color:var(--ink2); } .spx .am-problem-evidence,.spx .am-progress,.spx .am-procedure { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); } .spx .am-procedure summary { cursor:pointer; font-size:13px; font-weight:600; } .spx .am-procedure li { margin:12px 0; line-height:1.7; } .spx .am-procedure li small { display:block; color:var(--ink3); margin-top:5px; } .spx .am-progress > textarea { width:100%; } .spx .am-related-work { display:grid; gap:8px; margin-top:12px; padding:12px 16px 14px; border-top:1px solid var(--line); } .spx .am-related-work > span { color:var(--ink3); font-size:12px; } .spx .am-related-work a { color:var(--accent,#4E5969); line-height:1.6; } @media(max-width:650px) { .spx .am-work-card { padding:17px; } .spx .am-issue-head h2 { font-size:18px; } } /* ============ 专员核查卡（版式按老版 /specialist/old 还原；数字接当前门店平台信号） ============ */ .spx .legacy-specialist-work{background:transparent;border:0;box-shadow:none;padding:0} .spx .legacy-specialist-work .diagnosis-card{overflow:hidden;background:#fff;border:1px solid #E5E6EB;border-radius:12px;box-shadow:0 1px 2px rgba(23,25,31,.05)} .spx .legacy-specialist-work .case-header{position:relative;background:#fffefd;padding:14px 16px 12px;border-bottom:1px solid #E5E6EB} .spx .legacy-specialist-work .case-header::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#9A600D} .spx .legacy-specialist-work .case-header[data-tone="danger"]::before{background:#C0231F} .spx .legacy-specialist-work .case-header__meta,.spx .legacy-specialist-work .case-header__title,.spx .legacy-specialist-work .case-header__facts{display:flex;align-items:center;flex-wrap:wrap} .spx .legacy-specialist-work .case-header__meta{gap:6px} .spx .legacy-specialist-work .case-header__meta strong{color:#1F2329;font-size:14px} .spx .legacy-specialist-work .issue-type,.spx .legacy-specialist-work .severity,.spx .legacy-specialist-work .platform-chip,.spx .legacy-specialist-work .status-chip{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:5px;font-size:10.5px;font-weight:700;line-height:1} .spx .legacy-specialist-work .issue-type{background:#F2F3F5;color:#4E5969} .spx .legacy-specialist-work .severity{background:#FFF5E0;color:#9A600D} .spx .legacy-specialist-work .platform-chip{color:#fff} .spx .legacy-specialist-work .status-chip{margin-left:auto;border:1px solid #E7C381;background:#FFF7E7;color:#9A600D;font-weight:600} .spx .legacy-specialist-work .case-header__title h1{margin:8px 0 10px;font-size:19px;font-weight:650;letter-spacing:-.015em;line-height:1.3;color:#1F2329} .spx .legacy-specialist-work .fact-chip{display:grid;min-width:118px;grid-template-columns:auto 1fr;gap:1px 8px;padding:6px 10px 6px 0;border-right:1px solid #E5E6EB} .spx .legacy-specialist-work .fact-chip:last-child{border-right:0} .spx .legacy-specialist-work .fact-chip strong{grid-row:span 2;align-self:center;color:#1F2329;font-family:"DIN Alternate","Avenir Next Condensed",ui-monospace,monospace;font-size:15px;font-weight:650} .spx .legacy-specialist-work .fact-chip span{font-size:10.5px;color:#4E5969} .spx .legacy-specialist-work .fact-chip small{grid-column:2;font-size:10.5px;color:#86909c} .spx .legacy-specialist-work .fact-chip.is-danger strong{color:#8F2925} .spx .legacy-specialist-work .judgement-panel{padding:0 0 14px} .spx .legacy-specialist-work .ai-brief{position:relative;margin-bottom:14px;overflow:hidden;background:#fff;border:0;border-left:3px solid #C0231F;border-bottom:1px solid #E5E6EB;border-radius:0} .spx .legacy-specialist-work .ai-brief__top{display:flex;align-items:center;min-height:38px;padding:12px 13px 0} .spx .legacy-specialist-work .ai-label{display:inline-flex;align-items:center;gap:7px;color:#C0231F;font-size:10.5px;font-weight:800;letter-spacing:.08em} .spx .legacy-specialist-work .ai-label i{display:grid;width:23px;height:18px;place-items:center;border-radius:4px;background:#C0231F;color:#fff;font-size:9px;font-style:normal;font-weight:850;line-height:1} .spx .legacy-specialist-work .work-ai{margin:0;border:0;border-top:1px solid #E5E6EB;border-radius:0;box-shadow:none;padding:14px 16px} .spx .legacy-specialist-work .r6-demo-body{margin:0;padding:0 13px} .spx .legacy-specialist-work .r6-demo-lead{padding:10px 0 4px} .spx .legacy-specialist-work .r6-demo-lead h2{margin:0;font-size:16px;font-weight:650;color:#1F2329;line-height:1.4} .spx .legacy-specialist-work .r6-demo-lead p{margin:6px 0 0;color:#4E5969;font-size:12px;line-height:1.6} .spx .legacy-specialist-work .r6-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;border-top:1px solid #E5E6EB} .spx .legacy-specialist-work .r6-demo-module{min-width:0;padding:14px 12px 16px} .spx .legacy-specialist-work .r6-demo-module:first-child{padding-left:0} .spx .legacy-specialist-work .r6-demo-module:last-child{padding-right:0} .spx .legacy-specialist-work .r6-demo-module + .r6-demo-module{border-left:1px solid #E5E6EB} .spx .legacy-specialist-work .r6-demo-module h3{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:13px;color:#1F2329} .spx .legacy-specialist-work .r6-demo-module h3 > span{display:inline-grid;place-items:center;flex:0 0 21px;width:21px;height:21px;background:#F1B24B;border-radius:7px;color:#13161C;font-size:11px;font-weight:800} .spx .legacy-specialist-work .r6-demo-table{width:100%;table-layout:auto;border-collapse:collapse;font-size:12px;line-height:1.4} .spx .legacy-specialist-work .r6-demo-table th,.spx .legacy-specialist-work .r6-demo-table td{padding:6px 5px;text-align:right;border-bottom:1px solid #EDEEF2;white-space:normal;overflow-wrap:anywhere} .spx .legacy-specialist-work .r6-demo-table th:first-child,.spx .legacy-specialist-work .r6-demo-table td:first-child{text-align:left} .spx .legacy-specialist-work .r6-demo-table thead th{color:#86909C;font-size:10.5px;font-weight:560} .spx .legacy-specialist-work .r6-demo-table tbody th{color:#4E5969;font-weight:600;white-space:nowrap} .spx .legacy-specialist-work .r6-demo-table td{color:#1F2329;white-space:nowrap} .spx .legacy-specialist-work .r6-demo-table .is-negative{color:#C0231F} .spx .legacy-specialist-work .r6-demo-table .is-strong{font-weight:790} .spx .legacy-specialist-work .r6-demo-note{display:block;margin:9px 0 0;padding:4px 8px;border:1px solid #EEDBC0;border-radius:6px;background:#FFF5E0;color:#9A600D;font-size:11px;line-height:1.5} .spx .legacy-specialist-work .r6-demo-explanation{margin:10px 0 0;padding:0;color:#4E5969;font-size:12px;line-height:1.7} .spx .legacy-specialist-work .r6-demo-coverage{margin:8px 0 0;color:#667085;font-size:11px;line-height:1.6} .spx .legacy-specialist-work .r6-demo-evidence .lnk{margin-top:8px;font-size:11.5px} .spx .legacy-specialist-work .r6-demo-exclusions{list-style:none;margin:0;padding:0;display:grid;gap:6px} .spx .legacy-specialist-work .r6-demo-exclusions li{position:relative;padding:7px 8px 7px 11px;background:#F8F9FB;border-radius:7px} .spx .legacy-specialist-work .r6-demo-exclusions li::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:2px} .spx .legacy-specialist-work .r6-demo-exclusions li.is-known::before{background:#86909C} .spx .legacy-specialist-work .r6-demo-exclusions li.is-warn::before{background:#9A600D} .spx .legacy-specialist-work .r6-demo-exclusions b{display:block;color:#1F2329;font-size:12px;line-height:1.3} .spx .legacy-specialist-work .r6-demo-exclusions span{display:block;margin-top:2px;color:#4E5969;font-size:11px;line-height:1.5} .spx .legacy-specialist-work .r6-demo-checks{display:grid;gap:7px} .spx .legacy-specialist-work .r6-demo-checks article{padding:8px 10px;border:1px solid #E5E6EB;border-radius:7px} .spx .legacy-specialist-work .r6-demo-checks article.is-primary{background:#FFF9EE;border-color:#E6D4AF} .spx .legacy-specialist-work .r6-demo-checks b{display:flex;align-items:center;gap:6px;color:#1F2329;font-size:12px} .spx .legacy-specialist-work .r6-demo-checks b i{display:inline-grid;place-items:center;width:17px;height:17px;background:#F0B14A;border-radius:50%;color:#17191E;font-size:9px;font-style:normal;font-weight:800;flex:0 0 auto} .spx .legacy-specialist-work .r6-demo-checks p{margin:5px 0 0;color:#4E5969;font-size:11px;line-height:1.5} .spx .legacy-specialist-work .r6-demo-checks small{display:block;margin-top:4px;color:#86909C;font-size:10px;line-height:1.45} .spx .legacy-specialist-work .role-work-confirm{margin:0 16px;padding:0;border:0;border-radius:0} .spx .legacy-specialist-work .followup-composer{padding:14px 16px 16px;border-top:1px solid #E5E6EB;background:#fff} .spx .legacy-specialist-work .followup-composer__heading{display:grid;gap:4px;margin-bottom:9px} .spx .legacy-specialist-work .followup-composer__heading strong{color:#1F2329;font-size:13.5px} .spx .legacy-specialist-work .followup-composer__heading span{color:#667085;font-size:11.5px} .spx .legacy-specialist-work .followup-composer__body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;align-items:stretch} .spx .legacy-specialist-work .followup-draft-label textarea{display:block;width:100%;box-sizing:border-box;min-height:88px;resize:vertical;padding:10px 11px;border:1px solid #CFD5DE;border-radius:6px;background:#fff;color:#1D2939;font:inherit;font-size:13px;line-height:1.55;outline:none} .spx .legacy-specialist-work .followup-composer__actions{display:grid;gap:7px;align-content:start} .spx .legacy-specialist-work .followup-obs{font-size:11.5px;color:#4E5969} .spx .legacy-specialist-work .followup-obs select{margin-left:4px;padding:3px 6px;border:1px solid #CFD5DE;border-radius:6px;background:#fff;font:inherit;font-size:12px} .spx .legacy-specialist-work .followup-save{padding:9px 10px;border:1px solid #CFD5DE;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:13px;cursor:pointer} .spx .legacy-specialist-work .followup-composer__actions button:disabled{border-color:#E4E7EC;background:#F2F4F7;color:#98A2B3;cursor:not-allowed} .spx .legacy-specialist-work .followup-composer__actions small{color:#86909C;font-size:10.5px;line-height:1.5} .spx .legacy-specialist-work .followup-composer__actions .role-work-transfer{display:grid;gap:6px} .spx .legacy-specialist-work .followup-composer__actions .role-work-transfer .btn{width:100%;justify-content:center;font-size:13px} .spx .legacy-specialist-work .workflow-source-links{padding:2px 0} .spx .legacy-specialist-work .followup-recent{margin-top:10px;border-top:1px solid #EAECF0} .spx .legacy-specialist-work .followup-recent__title{display:block;margin:8px 0 2px;color:#86909C;font-size:10.5px;letter-spacing:.05em} .spx .legacy-specialist-work .followup-recent__row{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:10px;align-items:baseline;padding:5px 0;border-top:1px dashed #EEF0F3;color:#475467;font-size:12px} .spx .legacy-specialist-work .followup-recent__row:first-of-type{border-top:0} .spx .legacy-specialist-work .followup-recent__row time,.spx .legacy-specialist-work .followup-recent__row b{color:#667085;font-size:10.5px} .spx .legacy-specialist-work .followup-recent__row p{margin:0} .spx .legacy-specialist-work .followup-recent .lnk{margin:6px 0 0;font-size:11.5px} .spx .legacy-specialist-work .legacy-collaboration{margin:0 16px 14px;padding:10px 12px;border:1px solid #E5E6EB;border-radius:8px;background:#F8F9FB} .spx .legacy-specialist-work .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:1760px){.spx .legacy-specialist-work .r6-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spx .legacy-specialist-work .r6-demo-module:nth-child(n+3){border-top:1px solid #E5E6EB}.spx .legacy-specialist-work .r6-demo-module:nth-child(odd){border-left:0;padding-left:0}.spx .legacy-specialist-work .r6-demo-module:nth-child(even){padding-right:0}} @media(max-width:760px){.spx .legacy-specialist-work .r6-demo-grid{grid-template-columns:minmax(0,1fr)}.spx .legacy-specialist-work .r6-demo-module{padding-left:0;padding-right:0}.spx .legacy-specialist-work .r6-demo-module + .r6-demo-module{border-left:0;border-top:1px solid #E5E6EB}.spx .legacy-specialist-work .followup-composer__body{grid-template-columns:minmax(0,1fr)}.spx .legacy-specialist-work .case-header__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spx .legacy-specialist-work .fact-chip:nth-child(-n+2){border-bottom:1px solid #E5E6EB}.spx .legacy-specialist-work .fact-chip{border-right:0;padding-left:0}} /* ===== 第四轮 · 组长只读候选 / 平台活动紧凑 / 差评折叠 / 时段环比 ===== */ .spx .legacy-specialist-work .role-work-readonly{border:1px solid #E5E6EB;border-radius:10px;background:#fff;padding:12px 16px 14px} .spx .legacy-specialist-work .role-work-readonly header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap} .spx .legacy-specialist-work .role-work-readonly h3{margin:0;font-size:13px;color:#1F2329} .spx .legacy-specialist-work .role-work-readonly header p{margin:0;font-size:11px;color:#86909c} .spx .legacy-specialist-work .role-work-readonly .role-work-option{cursor:default} .spx .legacy-specialist-work .role-work-readonly .role-work-option em{display:none} .spx .legacy-specialist-work .role-work-readonly-saved{margin:10px 0 0;font-size:12px;color:#15803D;background:#F0FAF4;border-radius:6px;padding:6px 10px} .spx #sp-acts .acts-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 12px} .spx #sp-acts .acts-platform+.acts-platform{border-left:1px solid var(--line);border-top:0;padding:0 0 0 10px} .spx #sp-acts .acts-platform h3{margin:0 0 6px;font-size:12px} .spx #sp-acts .acts-platform th,.spx #sp-acts .acts-platform td{padding:4px 6px;font-size:11.5px} .spx details.rv-fold{border:1px solid var(--line);border-radius:8px;margin:8px 0 0;background:var(--panel2,#F8F9FB)} .spx details.rv-fold>summary{cursor:pointer;padding:8px 12px;font-size:12px;color:#4E5969;list-style:none;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap} .spx details.rv-fold>summary::-webkit-details-marker{display:none} .spx details.rv-fold>summary::before{content:'▸';color:#86909c} .spx details.rv-fold[open]>summary::before{content:'▾'} .spx details.rv-fold>summary b{font-size:12.5px;color:#1F2329} .spx details.rv-fold .rvs{padding:2px 12px 10px} .spx .parts-env{margin:8px 0 0;font-size:12px;color:#4E5969} .spx .parts-env b.env-neg{color:var(--red)} .spx .voice-ai{border:1px solid #E5E6EB;border-left:3px solid #C0231F;border-radius:10px;background:#fff;padding:12px 16px 13px;margin:10px 0 0} .spx .voice-ai__head{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#C0231F} .spx .voice-ai__head i{display:grid;width:23px;height:18px;place-items:center;border-radius:4px;background:#C0231F;color:#fff;font-size:9px;font-style:normal} .spx .voice-ai h4{margin:8px 0 4px;font-size:14px;color:#1F2329} .spx .voice-ai p{margin:0;font-size:12px;color:#4E5969;line-height:1.66} .spx .voice-ai__focus{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px} .spx .voice-ai__focus li{font-size:12px;color:#1F2329;padding-left:10px;border-left:2px solid #F1B24B} .spx .voice-ai__focus li small{display:block;color:#86909c;font-size:11px} @media(max-width:1100px){.spx #sp-acts .acts-platforms{grid-template-columns:minmax(0,1fr)}.spx #sp-acts .acts-platform+.acts-platform{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}} /* R44：四栏按内容排布；普通记录保留一个输入路径。 */ @media(min-width:1360px){ .spx .legacy-facts-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);align-items:start} } .spx .legacy-facts-grid>section{align-self:start;padding:12px 16px 14px} .spx .legacy-facts-grid .ccs{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px} .spx .legacy-facts-grid .cc{width:auto;max-width:100%;flex:0 1 auto} .spx .legacy-facts-grid .evidence-base-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px 12px} .spx .legacy-facts-grid .evidence-base-grid>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 6px;padding:5px 0} .spx .legacy-facts-grid .evidence-base-grid strong{margin:0;white-space:nowrap} .spx .legacy-facts-grid .evidence-base-grid small{grid-column:1/-1;margin:0;line-height:1.5} .spx .record-quick-tags{display:flex;flex-wrap:wrap;gap:6px} /* gmfin.css */ /* R10：沿用 home / work / store 原型组件，仅作用于新增页面。 */ /* R11 结构与折叠状态；沿用已有颜色、字号、间距与卡片规则。 */ .gmx .decision-option { flex:1; min-width:0; } .gmx .project-focus { outline:2px solid var(--tab-ink); outline-offset:-2px; } .fnx #fin-object:not(.fin-extra-open) :is(#sp-voice,#sp-food,#sp-ful,#sp-parts,#sp-biz), .fnx #fin-object:not(.fin-extra-open) .sp-nav :is([data-jump="sp-voice"],[data-jump="sp-food"],[data-jump="sp-ful"],[data-jump="sp-parts"],[data-jump="sp-biz"]) { display:none; } .gmx, .fnx { min-width:0; color:var(--ink); } .gmx .block, .fnx .block { min-width:0; overflow:hidden; } .gmx .block-body, .fnx .block-body { padding:14px 18px 18px; } .gmx .block-body > :first-child, .fnx .block-body > :first-child { margin-top:0; } .gmx .card, .fnx .card { background:#fff; border-radius:12px; box-shadow:none; } .gmx .card-h, .fnx .card-h { display:flex; align-items:center; gap:10px; padding:14px 18px 0; } .gmx .card-h h2, .fnx .card-h h2 { margin:0; font-size:15px; font-weight:600; } .gmx h3, .fnx h3 { font-size:14px; margin:16px 0 8px; } .gmx .sp, .fnx .sp { flex:1; } .gmx p, .fnx p { line-height:1.65; } .gmx .muted, .fnx .muted { color:var(--ink3); font-size:12px; } .gmx .neg, .fnx .neg { color:#C23D36; } .gmx .pos, .fnx .pos { color:var(--pos); } .gmx .table-wrap, .fnx .table-wrap { width:100%; overflow-x:auto; } .gmx table.kt, .fnx table.kt { width:100%; border-collapse:collapse; table-layout:auto; } .gmx .kt th, .fnx .kt th { padding:9px 10px; font-size:12px; font-weight:500; text-align:left; color:#4E5969; background:#F8F9FB; } .gmx .kt td, .fnx .kt td { padding:10px; font-size:13px; vertical-align:top; border-top:1px solid #F0F1F3; } .gmx .kt small, .fnx .kt small { display:block; color:var(--ink3); font-size:11px; margin-top:3px; } .gmx .kt a, .fnx .kt a { color:var(--tab-ink); text-decoration:none; } .gmx .kt tr[data-hq-href], .fnx .kt tr[data-hq-href], .gmx [data-ramp] { cursor:pointer; } .gmx .kt tr[data-hq-href]:hover, .fnx .kt tr[data-hq-href]:hover, .gmx [data-ramp]:hover { background:#F8F9FB; } .gmx .three-cols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; border-top:1px solid #E5E6EB; padding-top:12px; } .gmx .three-cols > section { min-width:0; } .gmx .three-cols > section + section { border-left:1px solid #E5E6EB; padding-left:18px; } .gmx .three-cols .kt td, .gmx .three-cols .kt th { padding:8px 5px; } .gmx .four-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .gmx .four-stats > div > span { font-size:12px; color:var(--ink2); display:block; } .gmx .four-stats b { display:block; font-size:28px; font-weight:600; } .gmx .four-stats details b { display:inline; margin-right:10px; } .gmx details, .fnx details { margin-top:12px; } .gmx summary, .fnx summary { cursor:pointer; font-size:12px; color:var(--ink2); } .gmx .pnl-value { font-weight:600; font-size:15px; } .gmx .leverage { margin-top:20px; padding-top:14px; border-top:1px solid #E5E6EB; font-size:13px; } .gmx .finding-row { display:flex; align-items:center; gap:10px; padding:12px 0; color:inherit; text-decoration:none; border-bottom:1px solid #F0F1F3; } .gmx .finding-row > b, .gmx .finding-row > div { flex:1; } .gmx .finding-row small { display:block; color:var(--ink3); margin-top:4px; } .gmx .finding-row > span:last-child { font-size:12px; color:var(--ink3); white-space:nowrap; } .gmx .seg, .fnx .seg { display:inline-flex; height:34px; border:1px solid #E5E6EB; border-radius:6px; overflow:hidden; } .gmx .seg button, .gmx .seg a, .fnx .seg button { display:flex; align-items:center; justify-content:center; background:#fff; border:0; border-radius:0; padding:0 12px; text-decoration:none; color:#4E5969; font:inherit; font-size:12px; cursor:pointer; } .gmx .seg > * + *, .fnx .seg > * + * { border-left:1px solid #E5E6EB; } .gmx .seg .on, .fnx .seg .on, .gmx .cq .on { background:#FDF0EF; color:#C0231F; box-shadow:inset 0 0 0 1px #F2CFCB; } .gmx .btn, .fnx .btn { display:inline-flex; align-items:center; justify-content:center; height:34px; padding:0 14px; border:1px solid #E5E6EB; border-radius:6px; background:#fff; font:inherit; font-size:13px; cursor:pointer; } .gmx .btn.primary, .fnx .btn.primary { background:#111114; border-color:#111114; color:#fff; } .gmx .composer, .fnx .composer { padding:12px; margin-top:12px; background:#FAFBFC; border:1px solid #E5E6EB; border-radius:8px; } .gmx .composer textarea, .fnx .composer textarea { box-sizing:border-box; width:100%; margin:8px 0 0; padding:8px 10px; border:1px solid #E5E6EB; border-radius:6px; font:inherit; resize:vertical; background:#fff; } .gmx select, .fnx select { height:32px; padding:0 8px; border:1px solid #E5E6EB; border-radius:6px; background:white; font:inherit; } .gmx .cmp-foot, .fnx .cmp-foot { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:8px; } .gmx .form-error, .fnx .form-error { margin:6px 0 0; min-height:0; color:#C23D36; font-size:12px; } .gmx .cq { display:flex; gap:8px; } .gmx .cq button { height:30px; padding:0 12px; border:1px solid #E5E6EB; border-radius:6px; background:white; cursor:pointer; } .gmx .qwrap { grid-template-columns:300px minmax(0,1fr); } .gmx .qmain { display:grid; gap:16px; } .gmx .qmain .ev { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; } .gmx .qlist .qi { text-decoration:none; color:inherit; white-space:normal; } .gmx .qlist .qi b { display:block; font-size:13px; line-height:1.6; } .gmx .qlist .qi small { display:block; } .gmx .qlist .qhd { display:flex; justify-content:space-between; gap:8px; padding:12px 16px; font-size:12px; color:var(--ink2); } .gmx .team-wrap > .ev { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; } .gmx .lg, .fnx .lg { min-width:0; } .gmx .quadrant-zone { cursor:pointer; } .gmx svg text, .fnx svg text { font:11px var(--sans); fill:var(--ink3); } .gmx svg .lab-strong { font-weight:600; fill:var(--ink); } .gmx svg, .fnx svg { max-width:100%; } .gmx .ramp-detail[hidden] { display:none; } .gmx .tag, .fnx .tag { display:inline-flex; padding:1px 6px; border-radius:4px; background:#F2F3F5; color:var(--ink2); font-size:11px; white-space:nowrap; } .gmx .tag.amber, .fnx .tag.amber { background:#FFF5DD; color:#9A5B0B; } .fnx .qwrap { grid-template-columns:280px minmax(0,1fr); } .fnx .qlist .qi { color:inherit; text-decoration:none; } .fnx .w3.spx { margin:0; } .fnx .fin-four { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; } .fnx .fin-four > section { min-width:0; } .fnx .fin-four h4 { margin:10px 0 6px; font-size:13px; color:var(--ink2); } .fnx .fin-four p { font-size:13px; margin:6px 0; } .fnx .fin-four .kt td { word-break:break-word; } .fnx .fin-ai { font-size:12px; color:var(--ink3); padding-top:12px; border-top:1px solid #E5E6EB; } .fnx .bkh { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } .fnx .bkh h3 { flex:1; font-size:17px; margin:0; } .fnx .three-stats { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:14px; } .fnx .three-stats b { display:block; } .fnx .row2 { align-items:start; } .fnx .account-pages { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:12px; font-size:12px; color:var(--ink2); } .fnx .btn:disabled { opacity:.4; cursor:default; } .fnx .finance-accounts { min-width:820px; } .fnx .kt th button { border:0; padding:0; background:none; font:inherit; color:inherit; text-align:left; cursor:pointer; } .fnx .fin-logs p { padding:8px 0; border-top:1px solid #E5E6EB; font-size:13px; } .fnx .wbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 14px; margin-bottom:12px; background:white; border-radius:8px; font-size:12px; } .fnx .wbar a { color:var(--tab-ink); text-decoration:none; } @media(max-width:1200px) { .gmx .three-cols { grid-template-columns:1fr; } .gmx .three-cols > section + section { border-left:0; padding-left:0; border-top:1px solid #E5E6EB; padding-top:10px; } .gmx .qwrap, .fnx .qwrap { grid-template-columns:250px minmax(0,1fr); } .fnx .fin-four { grid-template-columns:1fr; } .fnx .row2 { grid-template-columns:minmax(0,1fr); } .gmx .banner h2, .fnx .banner h2 { font-size:22px; } .gmx .bstats > div, .fnx .bstats > div { padding:0 18px; min-width:0; } } @media(max-width:800px) { .gmx .qwrap, .fnx .qwrap { grid-template-columns:1fr; } .gmx .four-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .gmx .bstats, .fnx .bstats { flex-wrap:wrap; gap:14px; } .gmx .bstats > div, .fnx .bstats > div { border:0!important; padding:0; } .gmx .quadrant-tabs { height:auto; flex-wrap:wrap; } .gmx .quadrant-tabs button { min-height:32px; } } /* workflow.css */ .workflow-inbox,.workflow-detail{background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:20px;color:#1F2329}.workflow-inbox{margin:20px 0}.workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.workflow-heading h2{margin:0}.workflow-heading>span,.workflow-empty,.workflow-notice,.workflow-events small{color:#606b78;font-size:13px}.workflow-inbox h3{font-size:14px;margin:20px 0 8px}.workflow-inbox summary{cursor:pointer;font-weight:600;padding:12px 0}.workflow-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #edf0f3;text-decoration:none;color:inherit}.workflow-row small{display:block;margin-top:5px;color:#65717e}.workflow-status{white-space:nowrap;display:inline-block;background:#f1f4f8;border-radius:5px;padding:4px 8px;font-size:12px;color:#3e526c}.workflow-status.done{background:#eef6f1;color:#337354}.workflow-page{max-width:1120px;margin:0 auto}.workflow-detail h1{font-size:23px;line-height:1.5;margin:20px 0 12px}.workflow-detail h2{font-size:16px;margin:0 0 12px}.workflow-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.workflow-meta div{min-width:0}.workflow-meta dt{font-size:12px;color:#65717e;margin-bottom:5px}.workflow-meta dd{margin:0;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.workflow-section,.workflow-form{border-top:1px solid #e6e9ee;padding-top:20px;margin-top:20px}.workflow-detail p,.workflow-events p{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.workflow-form label,.workflow-material-fields label,.gm-workflow-fields label,.fin-workflow-fields label{display:block;font-size:13px;font-weight:600;margin:12px 0}.workflow-form textarea,.workflow-form input,.gm-workflow-fields input,.gm-workflow-fields select,.gm-workflow-fields textarea,.fin-workflow-fields input,.fin-workflow-fields textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:9px 10px;border:1px solid #cdd3dc;border-radius:7px;background:white;color:#1F2329;font:inherit;line-height:1.5;resize:vertical}.workflow-form-grid,.workflow-material-fields,.gm-workflow-fields,.fin-workflow-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.workflow-actions button{cursor:pointer}.workflow-error{color:#bd332c;min-height:20px}.workflow-events{list-style:none;padding:0;margin:0}.workflow-events li{border-left:2px solid #dce3ec;padding:0 0 20px 16px}.workflow-events li>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.workflow-notice{padding:12px;background:#f5f7fa;border-radius:7px}.workflow-link{display:inline-flex;margin-top:10px}.workflow-row:focus-visible,.workflow-form button:focus-visible{outline:3px solid #91b7ef;outline-offset:3px}.workflow-meta dd,.workflow-row b{word-break:break-word}@media(max-width:760px){.workflow-inbox,.workflow-detail{padding:16px}.workflow-meta,.workflow-form-grid,.workflow-material-fields,.gm-workflow-fields,.fin-workflow-fields{grid-template-columns:1fr}.workflow-row{align-items:flex-start}.workflow-heading>span{font-size:12px}.workflow-detail h1{font-size:20px}.workflow-actions .btn{flex:1 1 40%}} /* R34：桌面协作入口与责任信息。 */ @media(min-width:761px){ .workflow-nav-count{font-size:11px;white-space:nowrap;margin-left:5px;color:#986526} .workflow-notice-list{background:#fff9ee;border:1px solid #e6d4af;border-radius:10px;margin:16px 0;padding:14px 18px} .workflow-notice-list h2{font-size:15px;margin:0 0 7px} .workflow-notice-list a,.workflow-notice-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:9px 0;color:inherit;border:0;border-top:1px solid #eee1c9;background:none;font:inherit;text-decoration:none;cursor:pointer} .workflow-notice-list b{font-size:13px;font-weight:600;min-width:0;overflow-wrap:anywhere} .workflow-notice-list span{font-size:12px;color:#75664b;flex-shrink:0} .workflow-notice-list summary{padding-top:9px;font-size:12px;cursor:pointer} .workflow-parent{font-size:13px;color:#67717c}.workflow-parent a,.workflow-source-links a{color:#315f83;text-decoration:underline;text-underline-offset:3px} .workflow-source-links{padding:9px 0}.workflow-source-links p{font-size:13px;margin:6px 0} .workflow-child-summary{padding:8px 0;border-top:1px solid #e6e9ee;font-size:13px} .workflow-form [readonly]{background:#f6f7f9;color:#697584} [data-flow-delegate] label{display:block;font-size:13px;font-weight:600;margin:12px 0} [data-flow-delegate] input,[data-flow-delegate] select,[data-flow-delegate] textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;padding:9px 10px;border:1px solid #cdd3dc;border-radius:7px;background:white;font:inherit} } /* 同单补充：接收方办理区在原要求之后突出显示发送人最新补充。 */ .workflow-supplement{background:#fff9ee;border:1px solid #e6d4af;border-radius:10px;padding:12px 16px} .workflow-supplement h2{font-size:15px;margin:0 0 7px} .workflow-supplement small{display:block;color:#75664b;font-size:12px;margin-top:6px} /* gm-style.css */ /* R26 总经理经营分析。只作用于本轮总览和关注页。 */ .gm-overview{max-width:1320px;margin:0 auto;padding:28px 32px 48px;color:#1F2329} /* GM uses the same topic list and detail hierarchy as the role work queues. */ #page.gm-attention{max-width:none;margin:0;padding:16px 24px 48px;color:var(--ink)} #page.gm-attention .it{text-decoration:none;color:var(--ink)} #page.gm-attention .gm-analysis-nav{display:block;margin:0} #page.gm-attention .gm-analysis-nav .it{border:0;border-left:3px solid transparent;border-radius:0;background:none;padding:10px 16px 10px 19px} #page.gm-attention .gm-analysis-nav .it.on{background:var(--th);border-left-color:var(--tab-ink)} #page.gm-attention .right>.card.block{margin:0;border-color:var(--line);box-shadow:none} #page.gm-attention .right>.gm-topic-summary{margin:0} #page.gm-attention .card-h h2{font-size:15px;color:var(--ink)} #page.gm-attention .kt th{background:var(--th);color:var(--ink2)} #page.gm-attention .kt td{color:var(--ink);border-color:var(--line-soft)} @media(max-width:720px){#page.gm-attention{padding:16px 16px 40px}} .gm-page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:25px} .gm-page-heading p{font-size:12px;color:#737d8b;margin:0 0 10px;letter-spacing:.04em} .gm-page-heading h1{font-size:28px;line-height:1.3;letter-spacing:-.03em;margin:0 0 10px;color:#1F2329} .gm-page-heading>div>span{font-size:14px;color:#6e7785} .gm-readonly{flex-shrink:0;display:inline-block;font-size:11px;font-weight:500;color:#68788c;background:#f1f4f8;border:1px solid #E5E6EB;border-radius:7px;padding:5px 8px;white-space:nowrap} .gm-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e3e8ed;background:white;border-radius:12px;overflow:hidden;margin-bottom:24px} .gm-metric{display:flex;flex-direction:column;gap:10px;padding:22px 19px;border-right:1px solid #edf0f4;color:inherit;text-decoration:none;min-width:0} .gm-metric:last-child{border-right:0}.gm-metric:hover{background:#f7f9fc}.gm-metric>span{font-size:12px;color:#697586}.gm-metric>b{font-size:27px;font-weight:650;white-space:nowrap;letter-spacing:-.04em;color:#1F2329}.gm-metric.risk>b{color:#b7483e}.gm-metric>b>small{font-size:13px;letter-spacing:0}.gm-metric>small{font-size:11px;color:#7e8896;line-height:1.6;min-height:34px} .gm-overview .card.block{margin:0 0 22px;border:1px solid #E5E6EB;border-radius:12px;box-shadow:0 2px 8px #22334d03;overflow:hidden} .gm-overview .card-h{padding:19px 22px 13px;border-bottom:0;gap:12px}.gm-overview .card-h h2{font-size:16px;line-height:1.5;margin:0}.gm-overview .block-body{padding:0 22px 20px;font-size:13px;line-height:1.75}.gm-overview h3{font-size:14px;margin:24px 0 10px} .gm-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.gm-analysis-grid>.card.block{margin-bottom:22px}.gm-lead{font-size:14px;line-height:1.9;color:#526171;margin:0 0 14px}.gm-lead b{font-weight:600;color:#1F2329}.gm-lead .neg{color:#b7483e} .gm-trend{display:flex;align-items:flex-end;gap:20px;min-height:176px;padding:8px 0 3px}.gm-trend>div{flex:1;min-width:0;text-align:center}.gm-trend b{display:block;font-size:13px;font-weight:600;color:#526171;white-space:nowrap}.gm-trend small{display:block;margin-top:8px;font-size:10px;color:#818c99;white-space:nowrap}.gm-trend-track{display:flex;align-items:flex-end;justify-content:center;height:100px;margin-top:8px;border-bottom:1px solid #e5eaf1}.gm-trend-track i{display:block;background:#A9AEB8;border-radius:4px 4px 0 0;width:46%;min-width:18px;max-width:46px}.gm-trend>div:last-child i{background:#4E5969} .gm-source{font-size:11px;line-height:1.7;color:#7a8492;border-top:1px solid #edf0f4;padding-top:11px;margin:14px 0 12px}.gm-analysis-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#4E5969;text-decoration:none}.gm-analysis-link:hover{text-decoration:underline}.gm-analysis-link span{font-size:15px} .gm-inline-stats{display:flex;flex-wrap:wrap;gap:30px 50px;margin:6px 0 18px}.gm-inline-stats>div{min-width:100px;display:flex;flex-direction:column;gap:4px}.gm-inline-stats span{font-size:12px;color:#788392}.gm-inline-stats b{font-size:26px;line-height:1.5;color:#1F2329;font-weight:600;letter-spacing:-.03em}.gm-inline-stats b.neg{color:#b7483e}.gm-inline-stats small{font-size:11px;color:#8b95a1} .gm-overview .kt{width:100%;table-layout:auto;font-size:12px}.gm-overview .kt th{color:#7e8996;font-size:11px;font-weight:500;padding:10px 12px;background:#f7f9fb;white-space:nowrap}.gm-overview .kt td{padding:13px 12px;vertical-align:top;line-height:1.65;border-bottom:1px solid #edf0f4}.gm-overview .kt small{display:block;font-size:11px;color:#8a95a1;margin-top:3px}.gm-overview .kt a{color:#4E5969;text-decoration:none}.gm-overview .kt a:hover{text-decoration:underline}.gm-overview .table-wrap{max-width:100%;overflow:auto}.gm-overview .kt td:first-child{min-width:132px}.gm-overview .kt td:last-child{white-space:normal} .gm-channel-total{display:flex;align-items:baseline;gap:25px;flex-wrap:wrap;padding:8px 0 20px}.gm-channel-total span{font-size:12px;color:#778393}.gm-channel-total strong{font-size:27px;font-weight:600;letter-spacing:-.025em;color:#1F2329}.gm-channel-bars{display:flex;flex-direction:column;gap:15px}.gm-channel-bars>div{display:grid;grid-template-columns:70px minmax(100px,1fr) 150px;align-items:center;gap:16px;font-size:12px}.gm-channel-bars>div>div{height:7px;border-radius:5px;background:#f0f3f7;overflow:hidden}.gm-channel-bars i{display:block;height:7px;background:#A9AEB8}.gm-channel-bars b{text-align:right;font-weight:500} .gm-analysis-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.gm-analysis-nav a{padding:8px 13px;border-radius:7px;background:white;color:#707d8f;text-decoration:none;font-size:12px;border:1px solid #E5E6EB}.gm-analysis-nav a.on{background:#eaf0f7;border-color:#A9AEB8;color:#4E5969}.gm-empty{color:#8a95a1;padding:12px 0}.gm-history-link{display:flex;justify-content:flex-end;margin-top:4px}.gm-back{font-size:12px;margin-top:16px}.gm-back a{color:#4E5969} @media(max-width:1100px){.gm-overview{padding:24px}.gm-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.gm-metric{border-bottom:1px solid #edf0f4}.gm-metric:nth-child(3){border-right:0}.gm-metric:nth-last-child(-n+2){border-bottom:0}.gm-analysis-grid{gap:18px}.gm-trend{gap:9px}.gm-trend small{font-size:9px}} @media(max-width:720px){.gm-overview{padding:20px 14px 36px}.gm-page-heading{gap:12px}.gm-page-heading h1{font-size:23px}.gm-page-heading>div>span{font-size:12px;line-height:1.6;display:block}.gm-readonly{font-size:10px}.gm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gm-metric{padding:17px 14px}.gm-metric:nth-child(3){border-right:1px solid #edf0f4}.gm-metric:nth-child(even){border-right:0}.gm-metric:last-child{grid-column:span 2;border-right:0}.gm-metric>b{font-size:25px}.gm-analysis-grid{grid-template-columns:1fr;gap:0}.gm-overview .card-h{padding:16px 16px 11px}.gm-overview .block-body{padding:0 16px 16px}.gm-inline-stats{gap:18px 24px}.gm-inline-stats>div{min-width:110px}.gm-inline-stats b{font-size:24px}.gm-channel-bars>div{grid-template-columns:64px minmax(45px,1fr) 113px;gap:9px}.gm-channel-bars b{font-size:11px}.gm-analysis-nav{gap:7px}.gm-analysis-nav a{padding:7px 10px}.gm-trend{gap:12px}.gm-trend small{font-size:9px}.gm-overview .table-wrap{margin-right:-4px}.gm-overview .kt{min-width:570px}.gm-channel-total strong{font-size:24px}} .gm-source>p{margin:0}.gm-source-detail{margin-top:7px}.gm-source-detail>summary{cursor:pointer;color:#4E5969;font-size:11px}.gm-source-detail>p{overflow-wrap:anywhere;margin:8px 0 0;color:#8793a1} /* R31: topic comparisons, scoped evidence and optional source detail. */ .gm-nav-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .gm-nav-group>span{font-size:10px;color:#8a95a4;margin-right:2px} .gm-analysis-nav{gap:12px 24px} .gm-topic-summary{display:flex;align-items:flex-end;gap:24px;margin:0 0 22px;padding:18px 22px;background:#f7f9fc;border-left:3px solid #A9AEB8;border-radius:0 8px 8px 0} .gm-topic-summary>div{flex:1;min-width:0}.gm-topic-summary span{font-size:10px;color:#8490a0} .gm-topic-summary h2{font-size:15px;line-height:1.6;margin:6px 0 8px;font-weight:600} .gm-topic-summary p{font-size:12px;line-height:1.8;margin:5px 0;color:#526171}.gm-topic-summary .gm-topic-counter{color:#7a8593} .gm-secondary-link{display:inline-block;margin:12px 0 0;border:0;padding:0;background:none;color:#4E5969;font:12px/1.8 var(--sans);text-decoration:none;cursor:pointer;text-align:left} .gm-secondary-link:hover{text-decoration:underline}.gm-secondary-link:focus-visible{outline:2px solid #C0231F;outline-offset:3px} .gm-topic-summary>.gm-secondary-link{flex-shrink:0} .gm-disclosure{margin:20px 0;font-size:12px;line-height:1.8}.gm-disclosure>summary{cursor:pointer;color:#4E5969;padding:9px 0;border-top:1px solid #E5E6EB;font-weight:500} .gm-disclosure[open]>summary{margin-bottom:8px}.gm-disclosure .gm-evidence-links{margin-top:10px} .gm-scope-caveat{padding:10px 13px;border-left:2px solid #d8c2a7;background:#fcfaf7;color:#766a5e;font-size:12px;line-height:1.8;margin:12px 0} .gm-area-preview h3,.gm-store-topic h3,.gm-province-preview h3,.gm-history-record h3{font-size:14px;line-height:1.7;margin:22px 0 9px} .gm-area-preview>.gm-inline-stats{margin-top:0}.gm-store-topic .gm-status-value{font-size:22px} #drawer .gm-store-topic .kt{min-width:0;width:100%;table-layout:fixed} .gm-detail-button.gm-wrap-button{white-space:normal;text-align:left;line-height:1.7;font-weight:500} .gm-history-record dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px 16px;font-size:13px;line-height:1.7} .gm-history-record dt{color:#8190a0}.gm-history-record dd{margin:0}.gm-history-record p{font-size:13px;line-height:1.8;overflow-wrap:anywhere} .gm-role-home a.gm-insight-card{text-decoration:none} .gm-side-toggle{display:none} @media(max-width:760px){ #sideAreas:has(.gm-side-departments){max-height:none;overflow:visible} .gm-side-toggle{display:flex;align-items:center;gap:8px;width:100%;border:0;padding:6px 8px;background:none;color:#afb6c1;font:12px/20px var(--sans);text-align:left;cursor:pointer} .gm-side-toggle:focus-visible{outline:2px solid #A9AEB8;outline-offset:-2px} .gm-side-departments #gm-department-menu{display:none;padding:3px 0 8px} .gm-side-departments.is-open #gm-department-menu{display:flex;flex-wrap:wrap;gap:3px} .gm-side-departments.is-open .gm-side-toggle span{transform:rotate(180deg)} #gm-department-menu .nav-label{display:none} #gm-department-menu .nav-area{padding:7px 8px;font-size:12px} body:has(#page.gm-overview) #top h1{flex:1 1 auto} body:has(#page.gm-overview) #top .crumbs{display:none} } @media(max-width:720px){.gm-page-heading{margin-bottom:16px}.gm-nav-group{width:auto;gap:4px}.gm-nav-group:first-child{flex-basis:100%}.gm-nav-group>span{flex-basis:auto;margin:0 2px 0 0;white-space:nowrap}.gm-analysis-nav{gap:8px 12px;margin-bottom:18px}.gm-nav-group a{padding:6px 7px;font-size:11px}.gm-topic-summary{display:block;padding:14px 16px}.gm-topic-summary>.gm-secondary-link{margin-top:6px}.gm-topic-summary h2{font-size:14px}.gm-scope-caveat{padding:10px;font-size:11px}.gm-store-topic .gm-inline-stats{gap:18px 24px}} /* GM 首页复用营运 / 外卖首页组件；这里只补齐本页列数与内容适配。 */ .gm-role-home .fcards{grid-template-columns:repeat(3,minmax(0,1fr))} .gm-role-home [data-hq-href]{cursor:pointer} .gm-role-home [data-hq-href]:focus-visible{outline:2px solid var(--tab-ink);outline-offset:2px} .gm-role-home .fcard .t{min-height:40px} .gm-role-home .fcard .fc{min-height:76px;margin-bottom:8px} .gm-role-home .fz td{font-size:11px} .gm-role-home .gm-channel-mix{padding:14px 18px 0} .gm-role-home .gm-channel-mix .mixl{margin-top:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .gm-role-home .gm-channel-mix .mixl span{flex-wrap:wrap;gap:4px} .gm-role-home .gm-channel-mix .mixl span b{width:100%;padding-left:14px;margin-left:0} .gm-role-home .gm-goal-bar{padding:0 18px} .gm-role-home .gm-goal-bar .uik-goal{margin-bottom:0} .gm-role-home .gm-procurement-card .g-head{flex-wrap:wrap} .gm-role-home .gm-procurement-card .g-head .l{flex:1;min-width:215px} .gm-role-home .gm-procurement-card .kfoot{padding-bottom:0} .gm-departments{table-layout:fixed!important;width:100%;min-width:0} .gm-departments th,.gm-departments td{text-align:left;white-space:normal;vertical-align:top;line-height:1.7;padding:14px 18px;overflow-wrap:anywhere} .gm-departments th:nth-child(1){width:16%} .gm-departments th:nth-child(2){width:24%} .gm-departments th:nth-child(3){width:24%} .gm-departments th:nth-child(4){width:28%} .gm-departments th:nth-child(5){width:8%} .gm-departments td:last-child{white-space:nowrap} .gm-departments td b{font-weight:600} .gm-departments td em{display:block;margin-top:5px;font-size:11px;line-height:1.6;font-style:normal;color:var(--ink3)} .gm-departments tbody tr{cursor:pointer} .gm-departments tbody tr:hover{background:#f8f8fc} .gm-departments tbody tr:focus-visible{outline:2px solid var(--tab-ink);outline-offset:-2px} .gm-role-home .gm-department-links{display:flex;flex-wrap:wrap;gap:10px 22px;padding:14px 18px} .gm-role-home .gm-department-links .view{margin-left:0} .gm-department-preview .view-preview-section:first-child{border-top:0;padding-top:0} .gm-department-preview .gm-department-fact{font-weight:600;color:var(--ink)} .gm-department-preview .kt{min-width:560px} .gm-detail-button{border:0;padding:4px 0;background:transparent;color:#4E5969;font:600 13px/1.6 var(--sans);cursor:pointer;white-space:nowrap} .gm-detail-button span{margin-left:8px}.gm-detail-button:hover{text-decoration:underline} .gm-detail-button:focus-visible,.gm-evidence-link:focus-visible{outline:2px solid #C0231F;outline-offset:3px} .gm-drill-hint,.gm-drawer-purpose{font-size:13px;line-height:1.8;color:#6b7787} .gm-area-preview .gm-store-table,.gm-service-evidence .kt{min-width:590px} .gm-area-preview .kt:not(.gm-store-table){min-width:0;width:100%;table-layout:fixed;font-size:12px} .gm-area-preview .kt:not(.gm-store-table) th,.gm-area-preview .kt:not(.gm-store-table) td{padding-left:8px;padding-right:8px;white-space:normal} .gm-area-preview[data-topic="food"] .gm-store-table{min-width:490px;table-layout:fixed} .gm-area-preview[data-topic="food"] .gm-store-table th:first-child{width:160px} .gm-area-page-link{display:inline-block;text-decoration:none;font-size:12px;margin-bottom:6px} .gm-mobile-table-hint{display:none} .gm-area-preview .kt td:first-child,.gm-area-table td:first-child{position:sticky;left:0;background:#fff;z-index:1} .gm-area-preview .kt th:first-child,.gm-area-table th:first-child{position:sticky;left:0;background:#f7f9fb;z-index:2} @media(max-width:720px){.gm-mobile-table-hint{display:block;font-size:11px;line-height:1.7;color:#7c8797;margin:8px 0}} .gm-evidence-links{display:grid;gap:10px} .gm-evidence-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:1px solid #E5E6EB;border-radius:8px;padding:16px;background:#fbfcfd;text-align:left;font:13px/1.7 var(--sans);color:#1F2329;cursor:pointer} .gm-evidence-link b{font-weight:600}.gm-evidence-link small{display:block;font-size:11px;color:#7a8492}.gm-evidence-link strong{font-size:12px;white-space:nowrap;font-weight:500} .gm-evidence-item{padding:16px 0;border-bottom:1px solid #e7ebf0}.gm-evidence-item:first-child{padding-top:4px}.gm-evidence-item h4{font-size:14px;line-height:1.7;margin:0 0 8px;color:#1F2329} .gm-evidence-item small{display:block;color:#7c8797;font-size:11px;line-height:1.7}.gm-evidence-item dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.7;margin:12px 0 0}.gm-evidence-item dt{color:#8190a0}.gm-evidence-item dd{margin:0}.gm-evidence-item ol{padding-left:20px}.gm-evidence-item li{margin:12px 0}.gm-evidence-item li p{margin:4px 0}.gm-evidence-more{margin:18px 0;font-size:13px;line-height:1.8}.gm-evidence-more summary{cursor:pointer;color:#4E5969;font-weight:500}.gm-evidence-more p{margin:10px 0} .gm-role-home .kt a{color:inherit;text-decoration:none} .gm-role-home .kt a:hover{color:var(--tab-ink)} .gm-role-home .kt td b.neg{color:var(--neg)} .gm-role-home .kt td:last-child,.gm-role-home .kt th:last-child{padding-right:18px} .gm-role-home .gm-service-heat th:first-child{width:92px} .gm-role-home .gm-service-heat td{padding-top:10px;padding-bottom:10px} .gm-role-home .gm-home-history{margin-top:0} .gm-role-home .kfoot .view{margin-left:6px;font-size:11px} .gm-role-home .gm-insight-card{font:inherit;text-align:left;color:inherit;cursor:pointer;display:flex;flex-direction:column;width:100%;appearance:none} .gm-role-home .gm-insight-card .t{margin:10px 0 12px;min-height:40px;font-size:15px;font-weight:600;line-height:1.5} .gm-role-home .gm-insight-card .big{margin-top:0} .gm-role-home .gm-insight-card .fc{width:100%;min-height:76px;margin:8px 0 10px} .gm-role-home .gm-insight-reason{font-size:12px;line-height:1.75;margin:13px 0 0;min-height:63px;color:var(--ink2)} .gm-role-home .gm-insight-counter{font-size:12px;line-height:1.7;color:var(--ink2);margin:0 0 12px;min-height:41px} .gm-role-home .gm-insight-card .o{width:100%;margin-top:auto;text-align:left;white-space:normal;overflow:visible} .gm-role-home .gm-insight-card:focus-visible{outline:2px solid var(--tab-ink);outline-offset:3px} .gm-role-home .gm-insight-card:hover{border-color:#E5E6EB} .gm-role-home .gm-case-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:66px;align-items:center} .gm-role-home .gm-case-status span{font-size:11px;color:var(--ink3);text-align:center} .gm-role-home .gm-case-status b{display:block;margin-top:7px;font-size:16px;font-weight:600;color:var(--ink2)} .gm-role-home .gm-watch-analysis{padding:0 18px 15px;font-size:12px;line-height:1.75} .gm-role-home .gm-watch-analysis>b{font-size:14px;font-weight:600} .gm-role-home .gm-watch-analysis p{margin:7px 0} .gm-role-home .gm-text-button{font:inherit;background:none;border:0;padding:0;cursor:pointer;color:var(--tab-ink)} .gm-role-home .gm-context-analysis{line-height:1.9;padding-top:16px} .gm-role-home .gm-dept-assessment{white-space:normal;line-height:1.7} .gm-role-home .gm-service-assessment{margin:0;padding:0 20px 15px;font-size:12px;line-height:1.8;color:var(--ink3)} .gm-role-home .gm-case-row{align-items:flex-start;padding:14px 18px} .gm-role-home .gm-case-row .w{font-size:12px;line-height:1.6} .gm-role-home .gm-case-row .tag{font-size:10px;padding:2px 5px;margin-left:3px} .gm-role-home .gm-case-result{font-size:12px;line-height:1.7;color:var(--neg);margin-top:5px} .gm-insight-detail h3{font-size:14px;margin:22px 0 8px} .gm-insight-detail section:first-child h3{margin-top:0} .gm-insight-detail p{font-size:13px;line-height:1.9;color:#526171;margin:0 0 14px} .gm-insight-detail .table-wrap{max-width:100%;overflow:auto;margin-bottom:20px} .gm-insight-detail .kt{width:100%;font-size:12px;border-collapse:collapse} .gm-insight-detail .kt td{padding:10px 7px;border-bottom:1px solid #edf0f4;line-height:1.65;white-space:normal;vertical-align:top} .gm-insight-detail thead th{font-size:11px;color:#7e8996;background:#f7f9fb;padding:10px 7px;text-align:left;font-weight:500} .gm-insight-detail .gm-insight-source{font-size:11px;color:#7a8492;border-top:1px solid #edf0f4;padding-top:12px} @media(max-width:1100px){.gm-role-home .row2{grid-template-columns:1fr}.gm-role-home .fcards{grid-template-columns:repeat(2,minmax(0,1fr))}.gm-role-home .row5{grid-template-columns:1fr}.gm-role-home .bstats>div{padding:0 18px;min-width:0;flex:1}.gm-role-home .bstats em{white-space:normal}.gm-role-home .gm-procurement-card .g-head{flex-wrap:nowrap}} @media(max-width:720px){.home-b.b-wrap.gm-role-home{padding:16px 12px 32px;gap:14px}.gm-role-home .banner{padding:20px}.gm-role-home .banner h2{font-size:22px}.gm-role-home .bstats{flex-wrap:wrap;gap:14px}.gm-role-home .bstats>div{flex-basis:100%;padding:0!important;border-left:0!important}.gm-role-home .bstats b{font-size:25px}.gm-role-home .fcards{grid-template-columns:1fr}.gm-role-home .fhead{flex-wrap:wrap}.gm-role-home .card-h{flex-wrap:wrap}.gm-role-home .gm-procurement-card .g-head{flex-wrap:wrap}.gm-role-home .table-wrap{overflow:auto}.gm-role-home .gm-departments{min-width:690px}.gm-role-home .gm-channel-card .kt th,.gm-role-home .gm-channel-card .kt td{padding-left:8px;padding-right:8px}.gm-role-home .gm-channel-card .kt td b{font-size:13px}.gm-role-home .gm-channel-mix .mixl{grid-template-columns:1fr;gap:6px}.gm-role-home .gm-channel-mix .mixl span b{width:auto;margin-left:auto;padding-left:0}.gm-role-home .gm-service-heat th:first-child{width:72px}.gm-role-home .gm-service-heat th,.gm-role-home .gm-service-heat td{padding-left:3px;padding-right:3px;font-size:11px}.gm-role-home .gm-service-heat td.nm{font-size:12px}} @media(max-width:720px){ #page .gm-history-table,#page .gm-history-table tbody{display:block;min-width:0;width:100%} .gm-history-table thead{display:none} .gm-history-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 0;border-bottom:1px solid #edf0f4} #page.uik .kt.gm-history-table td{display:block;height:auto;min-width:0;border:0;padding:0;white-space:normal} .gm-history-table td:nth-child(1){grid-column:1;grid-row:1;color:#8190a0} .gm-history-table td:nth-child(4){grid-column:2;grid-row:1} .gm-history-table td:nth-child(2){grid-column:1/-1;grid-row:2} .gm-history-table td:nth-child(3){grid-column:1/-1;grid-row:3;color:#8190a0;font-size:11px} .gm-history-table [data-label]::before{content:attr(data-label)} #page .gm-departments,.gm-departments tbody{display:block;min-width:0;width:100%} .gm-departments thead{display:none} .gm-departments tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;border-top:1px solid var(--line-soft)} #page.uik .kt.gm-departments td{display:block;min-width:0;height:auto;border:0;padding:0} .gm-departments td:first-child{grid-column:1;grid-row:1} .gm-departments td[data-label]{grid-column:1/-1;margin-top:12px} .gm-departments td:last-child{grid-column:2;grid-row:1;padding:0} .gm-departments [data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--ink3);margin-bottom:3px} .gm-departments td em{margin-top:3px} } .view-gm-preview .gm-departments,.view-gm-preview .gm-departments tbody{display:block;min-width:0;width:100%}.view-gm-preview .gm-departments thead{display:none}.view-gm-preview .gm-departments tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:15px 0;border-top:1px solid #e5e9ee}.view-gm-preview .gm-departments td{display:block;min-width:0;height:auto;border:0;padding:0}.view-gm-preview .gm-departments td:first-child{grid-column:1;grid-row:1}.view-gm-preview .gm-departments td[data-label]{grid-column:1/-1;margin-top:10px}.view-gm-preview .gm-departments td:last-child{grid-column:2;grid-row:1}.view-gm-preview .gm-departments [data-label]::before{content:attr(data-label);display:block;font-size:11px;color:#7e8996} /* dlv.css */ /* R12：复用现有 card/banner/heat/qwrap；仅增加外卖页面结构。 */ .ddx,.dgx { min-width:0; color:var(--ink); } .ddx .card,.dgx .card { background:#fff; border-radius:12px; box-shadow:none; min-width:0; } .ddx .card-h,.dgx .card-h { display:flex; align-items:center; gap:10px; padding:14px 18px 0; } .ddx .card-h h2,.dgx .card-h h2 { margin:0; font-size:15px; font-weight:600; } .ddx .block-body,.dgx .block-body { padding:14px 18px 18px; min-width:0; } .ddx .block-body>:first-child,.dgx .block-body>:first-child { margin-top:0; } .ddx .sp,.dgx .sp { flex:1; } .ddx p,.dgx p { line-height:1.65; } .ddx h3,.dgx h3 { font-size:14px; margin:16px 0 8px; } .ddx .muted,.dgx .muted,.ddx small,.dgx small { color:var(--ink3); font-size:12px; } .ddx .neg,.dgx .neg { color:#C23D36; } .ddx .pos,.dgx .pos { color:var(--pos); } .ddx .table-wrap,.dgx .table-wrap { width:100%; overflow-x:auto; } .ddx table.kt,.dgx table.kt { width:100%; border-collapse:collapse; } .ddx .kt th,.dgx .kt th { padding:9px 10px; font-size:12px; font-weight:500; text-align:left; color:#4E5969; background:#F8F9FB; } .ddx .kt td,.dgx .kt td { padding:10px; font-size:13px; vertical-align:top; border-top:1px solid #F0F1F3; } .ddx .kt small,.dgx .kt small { display:block; font-size:11px; margin-top:3px; } .ddx a,.dgx a { color:var(--tab-ink); text-decoration:none; } .ddx [data-hq-href],.dgx [data-hq-href] { cursor:pointer; } .ddx [data-hq-href]:hover,.dgx [data-hq-href]:hover { background:#F8F9FB; } .ddx details,.dgx details { margin-top:12px; } .ddx summary,.dgx summary { cursor:pointer; font-size:12px; color:var(--ink2); } .ddx .dlv-ai,.dgx .dlv-ai { border-top:1px solid #E5E6EB; margin-top:14px; padding-top:12px; } .ddx .dlv-ai>small,.dgx .dlv-ai>small { overflow-wrap:anywhere; } .ddx .composer,.dgx .composer { padding:12px; margin-top:12px; background:#FAFBFC; border:1px solid #E5E6EB; border-radius:8px; } .ddx textarea,.dgx textarea { box-sizing:border-box; width:100%; margin-top:8px; padding:8px 10px; border:1px solid #E5E6EB; border-radius:6px; font:inherit; resize:vertical; } .ddx select,.dgx select { height:32px; padding:0 8px; border:1px solid #E5E6EB; border-radius:6px; background:#fff; font:inherit; } .ddx .cmp-foot,.dgx .cmp-foot,.ddx .ddx-assign { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; } .ddx .btn,.dgx .btn { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 14px; border:1px solid #E5E6EB; border-radius:6px; background:#fff; font:inherit; font-size:13px; cursor:pointer; } .ddx .form-error,.dgx .form-error { margin:6px 0 0; color:#C23D36; font-size:12px; } .ddx .seg { display:inline-flex; height:34px; border:1px solid #E5E6EB; border-radius:6px; overflow:hidden; } .ddx .seg a { display:flex; align-items:center; padding:0 12px; background:#fff; font-size:12px; } .ddx .seg .on { background:#FDF0EF; color:#C0231F; } .ddx .bar { margin-bottom:16px; } .ddx .qwrap,.dgx .qwrap { grid-template-columns:300px minmax(0,1fr); } .ddx .qmain,.dgx .qmain { display:grid; gap:16px; } .ddx .qi,.dgx .qi { color:inherit; white-space:normal; } .ddx .qi b,.dgx .qi b { display:block; font-size:13px; line-height:1.6; } .ddx .qi small,.dgx .qi small { display:block; } .ddx .qhd,.dgx .qhd { display:flex; justify-content:space-between; gap:8px; padding:12px 16px; font-size:12px; } .ddx .team-wrap>.ev { display:grid; gap:16px; grid-template-columns:minmax(0,1fr); } .ddx .ddx-layers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .ddx .ddx-layers a { padding:12px; background:#F8F9FB; border-radius:8px; } .ddx .ddx-layers b,.ddx .ddx-layers small { display:block; } .ddx .ddx-layers small { margin-top:8px; line-height:1.6; } .ddx .ddx-subsidy { grid-column:1 / -1; display:block; white-space:normal; font-size:11px; line-height:1.5; padding:4px 0; } .dgx .dgx-heading { display:flex; align-items:center; justify-content:space-between; flex:1; gap:16px; } .dgx .dgx-overview { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:16px; align-items:start; } .dgx.dgx-home { padding-bottom:16px; gap:12px; } .dgx.dgx-home .banner { margin-bottom:0; padding:14px 20px; } .dgx.dgx-home .banner h2 { margin:6px 0 10px; font-size:18px; } .dgx.dgx-home .bstats { margin-top:8px; padding-top:8px; } .dgx.dgx-home .bstats b { font-size:26px; } .dgx.dgx-home .block-body { padding:10px 14px 12px; } .dgx.dgx-home .kt td,.dgx.dgx-home .kt th { padding:4px 7px; } .dgx.dgx-home .kt small { display:inline; margin:0 0 0 4px; } .dgx .dgx-overlap { font-size:12px; color:var(--ink2); margin:0; line-height:1.6; } .dgx .dgx-worklinks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .dgx .dgx-worklinks a { padding:8px 10px; background:#F8F9FB; border-radius:6px; } .dgx .dgx-worklinks small { display:inline; margin-left:8px; } /* 身份切换属于全局外壳；按钮保留原行为，窄屏用等价 select。 */ #roleSelect { display:none; height:32px; max-width:180px; padding:0 8px; border:1px solid #E5E6EB; border-radius:6px; background:#fff; font:inherit; font-size:12px; } @media(max-width:1600px) { #roleSeg { display:none; } #roleSelect { display:block; } } @media(max-width:1100px) { .ddx .qwrap,.dgx .qwrap { grid-template-columns:260px minmax(0,1fr); } } @media(max-width:800px) { .ddx .qwrap,.dgx .qwrap,.dgx .dgx-overview { grid-template-columns:minmax(0,1fr); } .ddx .ddx-layers { grid-template-columns:repeat(2,minmax(0,1fr)); } .dgx .dgx-worklinks { grid-template-columns:minmax(0,1fr); } } /* R13：同款首页组件只在外卖页面内调整。 */ .ddx-home .fhead { margin:0 0 10px; } .ddx-home .row5 { grid-template-columns:minmax(0,1fr) 280px; } .ddx-home .bstats em { white-space:normal; } .ddx-home .ddx-kpi { border-collapse:separate; min-width:1000px; } .ddx-home .ddx-kpi th { background:transparent; text-align:right; } .ddx-home .ddx-kpi td { text-align:right; font-size:12px; padding:9px 10px; } .ddx-home .ddx-kpi th:first-child,.ddx-home .ddx-kpi td:first-child { text-align:left; } .ddx-home .ddx-heat { min-width:0; padding:8px 8px 6px; } .ddx-home .ddx-heat th { padding:6px 3px 8px; } .ddx-home .ddx-heat td { padding:9px 4px; font-size:12px; } .ddx-home .fcard .bn,.ddx-home .fcard .t { white-space:normal; overflow:visible; display:block; -webkit-line-clamp:unset; } .ddx-home .fcard .t { min-height:64px; } .ddx-home .ddx-ai-short { margin:10px 0; font-size:11px; overflow-wrap:anywhere; } .ddx-home .ddx-ai-short p { margin:0 0 5px; } .ddx-home .ddx-ai-short small { font-size:10px; } .ddx-home .ddx-foot { font-size:11px; margin:0; } .ddx-minibars { display:grid; gap:5px; padding-bottom:10px; } .ddx-minibars > div { display:grid; grid-template-columns:54px minmax(12px,1fr) 48px; gap:4px; align-items:center; font-size:10px; } .ddx-minibars span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ddx-minibars i { height:7px; background:#F1F2F5; border-radius:2px; } .ddx-minibars i b { display:block; height:100%; background:#D9635B; border-radius:2px; } .ddx-minibars em { font-style:normal; text-align:right; white-space:nowrap; } .ddx-rate-pairs { display:grid; gap:12px; padding-bottom:12px; font-size:11px; } .ddx-rate-pairs b { display:block; font-weight:500; font-size:11px; } .ddx-rate-pairs i { display:block; height:12px; background:linear-gradient(to right,#AAB2C2 var(--before),transparent var(--before)) top / 100% 4px no-repeat,linear-gradient(to right,#D9635B var(--after),transparent var(--after)) bottom / 100% 4px no-repeat; } .ddx-columns { height:95px; display:flex; align-items:flex-end; gap:8px; padding-bottom:10px; } .ddx-columns > div { flex:1; display:flex; flex-direction:column; align-items:center; font-size:10px; gap:3px; } .ddx-columns i { display:block; width:16px; background:#D9635B; border-radius:3px 3px 0 0; } .ddx-columns span { white-space:nowrap; } .ddx .ddx-evidence { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; } .ddx .w3 .qmain { align-content:start; } .ddx .w3 .qi { display:block; } .ddx .w3 .grp-h { padding-bottom:6px; } .ddx .work-card,.dgx .work-card { display:flex; flex-direction:column; } .ddx .wk-row,.dgx .wk-row { color:var(--ink); } .ddx .wk-foot .btn,.dgx .wk-foot .btn { box-sizing:border-box; display:flex; } .dgx.dgx-home .row5 { grid-template-columns:minmax(0,1fr) 260px; } .dgx.dgx-home .heat { table-layout:fixed; padding:6px 10px; } .dgx.dgx-home .heat th { padding:5px 3px; font-size:10px; } .dgx.dgx-home .heat td { padding:8px 3px; font-size:11px; } .dgx.dgx-home .heat th:first-child { width:90px; } .dgx.dgx-home .heat .nm small { display:block; margin:0; font-size:10px; line-height:14px; } .dgx.dgx-home .bstats > div { padding-right:22px; padding-left:22px; min-width:0; } .dgx.dgx-home .bstats > div:first-child { padding-left:0; } .dgx.dgx-home .dgx-overlap { padding:6px 16px 12px; font-size:11px; } .dgx.dgx-home .wk-row { padding:12px; grid-template-columns:34px 1fr; } .dgx.dgx-home .wk-row .n { font-size:25px; } @media(max-width:1100px) { .ddx-home .fcards { grid-template-columns:repeat(3,minmax(0,1fr)); } .ddx-home .row5,.dgx.dgx-home .row5 { grid-template-columns:minmax(0,1fr); } } @media(max-width:800px) { .ddx-home .fcards { grid-template-columns:minmax(0,1fr); } .dgx.dgx-home .dgx-heading { flex-wrap:wrap; } .dgx.dgx-home .bstats { flex-wrap:wrap; gap:12px; } .dgx.dgx-home .heat { min-width:720px; } } /* R14 共用趋势格；只收窄核心表列，首页其余组件原样保留。 */ .home-b .kt:has(.trend-head) { table-layout:fixed; min-width:840px; } .home-b .kt:has(.trend-head) th,.home-b .kt:has(.trend-head) td { padding-left:5px; padding-right:5px; } .home-b .kt:has(.trend-head) th:first-child { width:76px; padding-left:12px; } .home-b .kt:has(.trend-head) td:first-child { padding-left:12px; } .home-b .kt:has(.trend-head) th:nth-child(2) { width:106px; } .home-b .kt:has(.trend-head) .trend-head { width:260px; font-size:11px; } .home-b .kt:has(.trend-head) td b { font-size:13px; } .home-b .kt:has(.trend-head) td em,.home-b .kt:has(.trend-head) td.num>span { font-size:10px; } .home-b .kt td.trend-td { width:260px; text-align:left; cursor:pointer; } .trend-cell { width:100%; min-width:238px; } .trend-cell svg { display:block; width:100%; height:69px; } .trend-cell .trend-note { display:block; font-size:10px; line-height:16px; white-space:nowrap; letter-spacing:-.2px; color:var(--ink2); } .trend-cell .trend-note .neg { color:#c8432f; } .home-b .kpi2 > .card:first-child { min-width:0; overflow-x:auto; } .home-b .kpi2 > .card:first-child .kfoot { white-space:normal; } .home-b .kt td.trend-td:focus-visible { outline:2px solid var(--tab-ink); outline-offset:-2px; } .ddx-home .ddx-kpi { min-width:840px; } .ddx-home .fcards:has([data-hq-href="#/ddq/f6"]) { grid-template-columns:repeat(3,minmax(0,1fr)); } .ddx-operations .table-wrap { margin-top:10px; } .ddx-operations .kt { table-layout:fixed; min-width:900px; } .ddx-operations .kt th:first-child { width:80px; } .ddx-operations .kt th:last-child { width:180px; } .ddx-operations .kt td,.ddx-operations .kt th { text-align:left; white-space:normal; } .ddx-operations .kt td { padding:12px 10px; } .ddx .op-number { border:0; border-bottom:1px dotted #AAB2C2; padding:0 1px; background:none; font:inherit; font-weight:600; color:var(--ink); cursor:pointer; } .ddx .op-number:hover,.ddx .op-number[aria-expanded="true"] { color:var(--tab-ink); border-color:var(--tab-ink); } .ddx .op-coverage > div { margin-bottom:4px; font-size:12px; white-space:nowrap; } #ddx-op-list { border-top:1px solid var(--line); padding:12px 18px 18px; } #ddx-op-list[hidden] { display:none; } .ddx .op-list-head { display:flex; gap:16px; align-items:center; justify-content:space-between; margin-bottom:10px; } .ddx .op-list-head h3 { margin:0; } .spx #sp-acts { scroll-margin-top:84px; } .spx .acts-summary { margin:12px 18px; font-size:13px; } .spx .acts-platforms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0 18px 14px; } .spx .acts-platform + .acts-platform { border-left:1px solid var(--line); padding-left:18px; } .spx .acts-platform h3 { font-size:14px; margin:0 0 12px; } .spx .acts-platform h4 { margin:14px 0 8px; color:var(--ink2); font-size:12px; } .spx .acts-item { padding:8px 0; border-bottom:1px solid var(--line-soft); font-size:12px; } .spx .acts-item b { display:block; font-weight:500; line-height:1.8; } .spx .acts-item p { margin:3px 0; line-height:1.7; } .spx .acts-item small { display:block; font-size:11px; color:var(--ink3); line-height:1.8; } .spx .acts-tag { display:inline-block; border-radius:4px; padding:1px 5px; font-size:10px; margin:0 3px 3px 0; } .spx .acts-red { background:#FBEAE7; color:#B63728; } .spx .acts-yellow { background:#FFF5D8; color:#946300; } .spx .acts-orange { background:#FFF0E3; color:#B75C13; } .spx .acts-chip { cursor:pointer; font:inherit; font-size:11px; } .spx .acts-empty { font-size:12px; color:var(--ink3); } .fnx #fin-object:not(.fin-extra-open) #sp-acts, .fnx #fin-object:not(.fin-extra-open) .sp-nav [data-jump="sp-acts"] { display:none; } @media(max-width:800px) { .ddx-home .fcards:has([data-hq-href="#/ddq/f6"]) { grid-template-columns:minmax(0,1fr); } .spx .acts-platforms { grid-template-columns:minmax(0,1fr); } .spx .acts-platform + .acts-platform { border-left:0; border-top:1px solid var(--line); padding:14px 0 0; } } /* R15：规则全部限定在经理首页，其他角色与门店页面保持原样。 */ .ddx-home .ddx-op-table { min-width:1080px; border-collapse:separate; border-spacing:0; } .ddx-home .ddx-op-table th:first-child,.ddx-home .ddx-op-table th:last-child { width:auto; } .ddx-home .ddx-op-table th,.ddx-home .ddx-op-table td { padding:9px 4px; text-align:right; } .ddx-home .ddx-op-table th { background:transparent; font-size:11px; white-space:nowrap; } .ddx-home .ddx-op-table th:first-child,.ddx-home .ddx-op-table td:first-child { text-align:left; padding-left:12px; } .ddx-home .ddx-op-table td { font-size:12px; } .ddx-home .ddx-op-table td>b { display:block; font-size:13px; white-space:nowrap; } .ddx-home .ddx-op-table td>small { font-size:10px; line-height:16px; white-space:nowrap; } .ddx-home .ddx-op-table .op-number,.ddx-home .ddx-review .op-number,.ddx-home .ddx-distribution .op-number { height:auto; min-height:0; padding:0; line-height:inherit; background:transparent; border:0; text-decoration:underline dotted #AAB2C2; text-underline-offset:3px; cursor:pointer; } .ddx-home .ddx-op-table .op-number:hover,.ddx-home .ddx-op-table .op-number[aria-expanded="true"],.ddx-home .ddx-review .op-number:hover,.ddx-home .ddx-review .op-number[aria-expanded="true"],.ddx-home .ddx-distribution .op-number:hover,.ddx-home .ddx-distribution .op-number[aria-expanded="true"] { text-decoration-color:var(--tab-ink); } .ddx-home .ddx-op-table .op-number:focus-visible,.ddx-home .ddx-review .op-number:focus-visible,.ddx-home .ddx-distribution .op-number:focus-visible { outline:2px solid var(--tab-ink); outline-offset:3px; } .ddx-home .ddx-op-table td.hn { background:#fbeeea; } .ddx-home .ddx-operations .kfoot p { margin:3px 0; } .ddx-home .ddx-review { border-top:1px solid var(--line); margin:0 18px; padding:10px 0 14px; } .ddx-home .ddx-review p { font-size:12px; margin:0 0 9px; } .ddx-home .ddx-review .muted { margin:8px 0 0; font-size:11px; } .ddx-home .ddx-review-bar { display:flex; height:14px; border-radius:3px; } .ddx-home .ddx-review-bar>span:focus-visible { outline:2px solid var(--ink); outline-offset:2px; } .ddx-home .review-0 { background:#C0231F; } .ddx-home .review-1 { background:#A9AEB8; } .ddx-home .review-2 { background:#D9DCE1; } .ddx-home .ddx-review-legend { display:flex; flex-wrap:wrap; gap:6px 20px; margin-top:8px; font-size:11px; } .ddx-home .ddx-review-legend i { display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:2px; } .ddx-home .ddx-new-rows { padding:10px 18px 0; } .ddx-home .ddx-new-rows>div { display:grid; grid-template-columns:minmax(140px,.8fr) minmax(0,1.3fr); gap:8px; padding:6px 0; border-bottom:1px solid var(--line-soft); font-size:11px; line-height:1.65; } .ddx-home .ddx-new-rows b { font-size:12px; font-weight:500; } .ddx-home .ddx-new-rows .tag { font-size:10px; font-style:normal; height:17px; } .ddx-home .ddx-new .kfoot { padding-top:8px; } .ddx-home .ddx-new .g-foot { padding-bottom:14px; } .ddx-home .ddx-distribution { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; } .ddx-home .ddx-distribution .block-body { padding-top:10px; } .ddx-home .ddx-distribution .muted { font-size:11px; margin:6px 0 14px; } .ddx-home .ddx-reading { font-size:13px; margin:0; } .ddx-home .ddx-decline-body { display:grid; grid-template-columns:170px minmax(0,1fr); gap:18px; } .ddx-home .ddx-tiers { display:grid; gap:8px; } .ddx-home .ddx-tiers>div { background:#f8f9fb; border-radius:6px; padding:10px 12px; } .ddx-home .ddx-tiers span { font-size:12px; } .ddx-home .ddx-tiers b { display:block; margin:4px 0; font-size:21px; font-weight:600; } .ddx-home .ddx-tiers small { display:block; font-size:11px; line-height:1.8; } .ddx-home .ddx-hist h3 { margin:4px 0 0; font-size:12px; font-weight:500; } .ddx-home .ddx-hist-bars { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; align-items:end; height:220px; padding-bottom:16px; } .ddx-home .ddx-hist-bars>div { display:flex; flex-direction:column; align-items:center; gap:8px; } .ddx-home .ddx-hist-bars b { font-size:12px; font-weight:500; white-space:nowrap; } .ddx-home .ddx-hist-bars i { width:22px; display:block; border-radius:3px 3px 0 0; } .ddx-home .ddx-hist-bars span { font-size:10px; line-height:1.5; height:30px; text-align:center; } .ddx-home .ddx-distribution .down { background:#C0231F; } .ddx-home .ddx-distribution .up { background:#86a69a; } .ddx-home .ddx-hist>small { display:block; font-size:10px; line-height:1.6; } .ddx-home .ddx-top-note { font-size:12px; margin:14px 0 6px; } .ddx-home .ddx-top-note .view { display:inline; color:var(--tab-ink); } .ddx-home .ddx-city-group h3 { font-size:12px; font-weight:500; margin:14px 0 6px; } .ddx-home .ddx-city-row { display:grid; grid-template-columns:1fr 65px 150px; gap:3px 8px; width:100%; padding:6px 0; border:0; background:none; font:inherit; color:var(--ink); text-align:left; cursor:pointer; } .ddx-home .ddx-city-row>span { font-size:12px; } .ddx-home .ddx-city-row small { display:inline; margin-left:5px; font-size:10px; } .ddx-home .ddx-city-row>b,.ddx-home .ddx-city-row>em { text-align:right; font-size:11px; font-style:normal; font-weight:500; white-space:nowrap; } .ddx-home .ddx-city-row>i { grid-column:1/-1; display:block; height:4px; background:#f3f4f6; } .ddx-home .ddx-city-row>i>span { display:block; height:4px; } .ddx-home .ddx-city-row:hover,.ddx-home .ddx-city-row[aria-expanded="true"] { background:#f8f9fb; } .ddx-home .ddx-week-table { margin-top:14px; } .ddx-home .ddx-week-table .kt { min-width:0; table-layout:fixed; } .ddx-home .ddx-week-table .kt th,.ddx-home .ddx-week-table .kt td { padding:7px 3px; font-size:10px; white-space:normal; overflow-wrap:anywhere; } .ddx-home .ddx-week-table th:first-child { width:19%; } .ddx-home .ddx-week-table th:nth-child(2) { width:7%; } .ddx-home .ddx-week-table th:nth-child(3),.ddx-home .ddx-week-table th:nth-child(4) { width:9%; } .ddx-home .ddx-week-table th:last-child { width:11%; } .ddx-home .ddx-week-table td:nth-child(n+5),.ddx-home .ddx-week-table th:nth-child(n+5) { text-align:right; } .ddx-home #ddx-top50-list[hidden],.ddx-home #ddx-city-list[hidden] { display:none; } @media(max-width:1100px) { .ddx-home .ddx-distribution { grid-template-columns:minmax(0,1fr); } } @media(max-width:800px) { .ddx-home .row2 { grid-template-columns:minmax(0,1fr); } .ddx-home .ddx-new-rows>div { grid-template-columns:minmax(0,1fr); gap:3px; } .ddx-home .ddx-decline-body { grid-template-columns:minmax(0,1fr); } .ddx-home .ddx-tiers { grid-template-columns:repeat(3,minmax(0,1fr)); } .ddx-home .ddx-tiers>div { padding:8px; } } /* R21：经理正式页与样板共用三层布局。 */ /* ---------- 改版页：外卖运营经理首页三层 ---------- */ .uik.uik-ddir > * { margin-top:0; margin-bottom:0; } .uik.uik-ddir > * + * { margin-top:16px; } .uik.uik-ddir .row2, .uik.uik-ddir .row5 { margin:0; } .uik.uik-ddir .uik-row2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:stretch; } .uik.uik-ddir .uik-row2 > * { margin:0 !important; } .uik .uik-bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; background:#fff; border-radius:12px; padding:10px 16px; font-size:13px; color:#4E5969; } .uik .uik-bar .uik-note { flex-basis:100%; } .uik .uik-bar b { color:#1F2329; } .uik .uik-bar .sp { flex:1; } .uik .uik-bar label { display:inline-flex; align-items:center; gap:6px; cursor:pointer; font-size:12px; } .uik .uik-layer { display:flex; align-items:center; gap:10px; font-size:12px; color:#C0231F; } .uik .uik-layer b { flex-shrink:0; font-weight:600; padding:3px 10px; border-radius:999px; border:1px dashed #B9A9E6; background:#F7F4FD; } .uik .uik-layer span { color:#7A68B8; } .uik .uik-layer::after { content:""; flex:1; border-top:1px dashed #F2CFCB; } .uik.no-notes .uik-layer, .uik.no-notes .uik-note { display:none !important; } .uik.no-notes .uik-layer + * { margin-top:0; } .uik .uik-note { font-size:12px; line-height:1.7; color:#C0231F; background:#F7F4FD; border:1px dashed #F2CFCB; border-radius:8px; padding:8px 12px; } .uik.uik-ddir .card-h { display:flex; align-items:center; } .uik.uik-ddir .fhead { display:flex; align-items:center; } .uik.uik-ddir .kt th.num, .uik.uik-ddir .kt td.num { text-align:right; } .uik.uik-ddir .kt th.txt, .uik.uik-ddir .kt td.txt { text-align:left; } .uik.uik-ddir .uik-review-b { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:24px; align-items:start; padding:2px 18px 0; } .uik.uik-ddir .uik-review-b .r16-review-facts { margin:0; font-size:13px; line-height:1.75; color:#1F2329; } .uik.uik-ddir .uik-review-b .ddx-review { margin:0; padding:0; border:0; } .uik.uik-ddir .uik-review-ai { padding:14px 18px 18px; } .uik.uik-ddir .fcard .ddx-ai-short p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .uik.uik-ddir .ddx-new-rows a { color:#1F2329; text-decoration:none; } .uik.uik-ddir .ddx-new-rows a:hover { color:#C0231F; } .uik.uik-ddir .fcard .uik-ai-note { margin-top:8px; } .uik.uik-ddir [data-op], .uik.uik-ddir [data-city] { cursor:pointer; } .uik.uik-ddir .ddx-op-table [data-op] { text-decoration:underline dotted #86909C; text-underline-offset:4px; } .uik.uik-ddir .ddx-op-table [data-op]:hover { color:#C0231F; } .uik.uik-ddir .ddx-foot { font-size:12px; color:#86909C; } /* 改版页里嵌进原卡片的 B 档件，对齐卡片内边距 */ .uik.uik-ddir .goal .uik-goal { margin:2px 20px 6px; } .uik.uik-ddir .ddx-new .uik-ramp { margin:12px 18px 18px; } .uik.uik-ddir .goal .uik-goal .uik-goal-bar { margin-top:26px; } .uik.uik-ddir [data-r15-block="targets"] { align-items:start; } .uik.uik-ddir .goal .g-body { min-height:0; } /* R21：组长保留首屏，第二层复用经理周报表与运营抽屉。 */ .dgx-home > [data-r21-block], .dgx-home > .ddx-foot { margin-top:16px; } .dgx-home .card-h { display:flex; align-items:center; gap:8px; } .dgx-home .ddx-op-table { min-width:1000px; } .dgx-home .ddx-op-table td { vertical-align:top; } .dgx-home .ddx-op-table small { display:block; font-size:12px; color:var(--muted); } .dgx-home .ddx-op-table .op-number { border:0; background:none; padding:0; font:inherit; text-decoration:underline dotted; cursor:pointer; } /* 本组平台表：周报实收与原运营指标共用平台行，范围仍分别说明。 */ .dgx-home .ddx-group-platform .group-platform-scope { margin:0; padding:0 18px 12px; color:var(--muted); font-size:12px; line-height:1.6; } .dgx-home .ddx-group-platform .ddx-op-table { min-width:960px; } .dgx-home .ddx-group-platform .ddx-op-table th, .dgx-home .ddx-group-platform .ddx-op-table td { padding:9px 5px; text-align:right; font-size:12px; line-height:1.5; } .dgx-home .ddx-group-platform .ddx-op-table th:first-child, .dgx-home .ddx-group-platform .ddx-op-table td:first-child { width:auto; text-align:left; padding-left:12px; } .dgx-home .ddx-group-platform .ddx-op-table th:last-child { width:auto; } .dgx-home .ddx-group-platform .ddx-op-table td > b { display:block; white-space:nowrap; font-size:13px; } .dgx-home .ddx-group-platform .ddx-op-table small { margin:3px 0 0; font-size:11px; line-height:1.5; } .dgx-home .ddx-group-platform .ddx-op-table .group-revenue, .dgx-home .ddx-group-platform .ddx-op-table .group-revenue-head { padding-right:12px; border-right:1px solid #E8ECF2; white-space:nowrap; } .dgx-home .ddx-group-platform .group-revenue .week-change { display:block; margin:3px 0 0; font-size:11px; } /* R44：经营宽表按业务组定列；值与比较期始终就近显示。 */ html[data-vita-skin="a"] .r44-area-stores, html[data-vita-skin="a"] .r44-group-ranking { width:100%; max-width:1760px; min-width:0; table-layout:fixed; border-collapse:collapse; margin-right:auto; } html[data-vita-skin="a"] .r44-area-stores :is(th,td), html[data-vita-skin="a"] .r44-group-ranking :is(th,td) { width:auto!important; min-width:0; padding:10px 8px; vertical-align:middle; white-space:normal; font-size:12px; line-height:1.55; } html[data-vita-skin="a"] .r44-area-stores :is(th:first-child,td:first-child), html[data-vita-skin="a"] .r44-group-ranking :is(th:first-child,td:first-child) { padding-left:0; text-align:left; } html[data-vita-skin="a"] .r44-area-stores :is(th:last-child,td:last-child), html[data-vita-skin="a"] .r44-group-ranking :is(th:last-child,td:last-child) { padding-right:0; } html[data-vita-skin="a"] .r44-area-stores :is(th.r,td.r), html[data-vita-skin="a"] .r44-group-ranking :is(th.num,td.num) { text-align:right!important; } html[data-vita-skin="a"] .r44-group-ranking :is(th.text,td.text) { text-align:left!important; } html[data-vita-skin="a"] .r44-area-stores small, html[data-vita-skin="a"] .r44-group-ranking small { display:block; margin:2px 0 0; font-size:12px; color:#86909C; line-height:1.55; } html[data-vita-skin="a"] .r44-group-ranking tbody tr td { border-bottom:1px solid #F0F1F3; } html[data-vita-skin="a"] .r44-group-ranking :is([data-week="previous"],[data-week="current"],[data-week="loss"],[data-week="change"]) { white-space:nowrap; } html[data-vita-skin="a"] .r44-group-ranking .nm a, html[data-vita-skin="a"] .r44-area-stores .nm>b { white-space:nowrap; font-size:13px; } html[data-vita-skin="a"] .r44-ranking-wrap { margin:0; padding:12px 16px 14px; overflow:visible; min-width:0; } html[data-vita-skin="a"] .r44-platform-values>div { display:flex; align-items:center; justify-content:space-between; gap:4px; min-height:20px; white-space:nowrap; } html[data-vita-skin="a"] .r44-platform-values>div>span { color:#86909C; } html[data-vita-skin="a"] .r44-platform-values b { font-size:12px; font-weight:500; } html[data-vita-skin="a"] .r44-platform-values-unlabelled>div { justify-content:flex-end; } html[data-vita-skin="a"] .r44-progress-value { display:flex; align-items:center; justify-content:flex-end; gap:8px; } html[data-vita-skin="a"] .r44-progress-value .pace { flex:1; min-width:0; max-width:100px; } html[data-vita-skin="a"] .r44-progress-value>[data-r44-field] { flex:none; white-space:nowrap; } html[data-vita-skin="a"] .r44-area-stores .flag { font-size:12px; text-align:left; } html[data-vita-skin="a"] .r44-row-go { color:#86909C; } html[data-vita-skin="a"] .v4 .read-sentence { margin:0; min-width:0; line-height:1.8; } html[data-vita-skin="a"] .v4 .read .m { display:inline; min-height:0; padding:0; border:0; border-bottom:1px dashed currentColor; border-radius:0; background:transparent; } html[data-vita-skin="a"] .v4-sample { font-weight:500; } html[data-vita-skin="a"] .ddx .r44-note-composer { padding:0; border:0; border-radius:0; background:transparent; } html[data-vita-skin="a"] .ddx .dlv-collaboration { padding-top:12px; margin-top:12px; border-top:1px solid #F0F1F3; } html[data-vita-skin="a"] .ddx .dlv-collaboration[hidden] { display:none; } html[data-vita-skin="a"] .ddx .dlv-collaboration>label { display:block; margin:10px 0; font-size:12px; } html[data-vita-skin="a"] .ddx .dlv-collaboration input[type="date"] { display:block; height:32px; padding:0 8px; border:1px solid #E5E6EB; border-radius:6px; background:#fff; font:inherit; margin-top:4px; } html[data-vita-skin="a"] .ddx .ddx-work-tabs { margin:0; padding:10px 16px; background:#fff; border-bottom:1px solid #F0F1F3; } html[data-vita-skin="a"] .ddx .ddx-work-tabs .seg { max-width:100%; } html[data-vita-skin="a"] .ddx .card-h>.ddx-work-tabs { padding:0; border:0; } html[data-vita-skin="a"] .ddx-hist-bars .up { background:#D3D8DF!important; } html[data-vita-skin="a"] .ddx-tiers>div { background:transparent!important; border:0; border-radius:0; border-bottom:1px solid #F0F1F3; } /* ui-core.css */ /* R21 共用标准件：显式组件类作用域，门店结构不受全局选择器影响。 */ /* ---------- 1 表格 ---------- */ .uik-list-table { width:100%; border-collapse:collapse; font-size:13px; color:#1F2329; } .uik-list-table th { padding:10px 12px; background:#F8F9FB; color:#4E5969; font-size:12px; font-weight:500; text-align:left; white-space:nowrap; border-bottom:1px solid #E5E6EB; } .uik-list-table td { padding:12px; line-height:20px; vertical-align:top; border-bottom:1px solid #F0F1F3; } .uik-list-table td small { display:block; font-size:12px; color:#86909C; } .uik-list-table td.num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; } .ddx-week-summary .uik-list-table { min-width:760px; } .ddx-week-summary .uik-list-table th:first-child { width:24%; } .ddx-week-summary .uik-list-table th:nth-child(n+4) { text-align:right; } .ddx-week-summary .table-wrap { max-width:100%; overflow-x:auto; } .uik .ut, .uik-drawer table { width:100%; border-collapse:collapse; font-size:13px; color:#1F2329; } .uik .ut th, .uik-drawer th { height:36px; padding:0 12px; background:#F8F9FB; color:#4E5969; font-size:12px; font-weight:500; text-align:left; white-space:nowrap; border-bottom:1px solid #E5E6EB; } .uik .ut td, .uik-drawer td { padding:10px 12px; line-height:20px; text-align:left; vertical-align:top; border-bottom:1px solid #F0F1F3; } .uik .ut th.num, .uik .ut td.num, .uik-drawer th.num, .uik-drawer td.num { text-align:right; } .uik .ut td small, .uik-drawer td small { display:block; margin-top:1px; font-size:12px; line-height:18px; color:#86909C; } .uik .ut.compact td { padding:6px 12px; } .uik .ut tbody tr:hover td, .uik-drawer tbody tr:hover td { background:#FAFAFB; } .uik .ut tr.total td { font-weight:600; background:#FBFBFC; } .uik .neg, .uik-drawer .neg { color:#C0231F; } .uik .pos, .uik-drawer .pos { color:#1F7A4D; } .uik .flat { color:#86909C; } .uik .unum { all:unset; cursor:pointer; color:inherit; font-variant-numeric:tabular-nums; text-decoration:underline dotted #86909C; text-decoration-thickness:1px; text-underline-offset:4px; } .uik .unum:hover { color:#C0231F; text-decoration-color:#C0231F; } .uik .unum:focus-visible { outline:2px solid #F2CFCB; outline-offset:2px; border-radius:2px; } .uik .ut a, .uik-drawer td a { color:#1F2329; text-decoration:none; } .uik .ut a:hover, .uik-drawer td a:hover { color:#C0231F; } /* ---------- 2 抽屉 ---------- */ .uik-drawer { position:fixed; top:56px; right:0; bottom:0; width:480px; max-width:100%; z-index:30; display:flex; flex-direction:column; background:#fff; border-left:1px solid #E5E6EB; box-shadow:-12px 0 32px rgba(22,26,25,.10); transform:translateX(100%); transition:transform .18s ease-out; font-family:var(--sans); font-variant-numeric:tabular-nums; } .uik-drawer.open { transform:translateX(0); } .uik-drawer[hidden] { display:none; } .uik-drawer > header { display:flex; align-items:flex-start; gap:12px; padding:16px 20px 14px; border-bottom:1px solid #E5E6EB; } .uik-drawer > header > div { flex:1; min-width:0; } .uik-drawer .uik-dt { display:block; font-size:16px; font-weight:600; color:#1F2329; line-height:24px; } .uik-drawer .uik-ds { display:block; margin-top:2px; font-size:12px; color:#86909C; line-height:18px; } .uik-drawer .uik-x { width:32px; height:32px; border:0; border-radius:6px; background:transparent; color:#4E5969; font-size:20px; line-height:1; cursor:pointer; } .uik-drawer .uik-x:hover { background:#F2F3F5; } .uik-drawer .uik-db { flex:1; overflow:auto; padding:8px 20px 24px; } .uik-drawer .table-wrap { overflow:visible; } .uik-drawer .uik-step-list { margin:8px 0 0; padding:0; list-style:none; counter-reset:s; } .uik-drawer .uik-step-list li { padding:12px 0; border-bottom:1px solid #F0F1F3; } .uik-drawer .uik-step-list b { display:block; font-size:12px; color:#86909C; font-weight:500; margin-bottom:4px; } .uik-drawer .uik-step-list p { margin:0; font-size:13px; line-height:1.7; color:#1F2329; } .uik-drawer .uik-step-list small { display:block; margin-top:6px; font-size:12px; line-height:1.6; color:#4E5969; background:#F8F9FB; border-radius:6px; padding:6px 10px; } .uik-drawer .uik-dfoot { margin-top:14px; font-size:12px; color:#86909C; } /* ---------- 3 AI 块 ---------- */ :is(.uik, .uik-drawer) .uik-ai { border:1px solid #E5E6EB; border-radius:10px; padding:14px 16px 6px; background:#fff; } :is(.uik, .uik-drawer) .uik-ai-prov { display:flex; align-items:center; gap:8px; font-size:12px; color:#86909C; line-height:20px; flex-wrap:wrap; } :is(.uik, .uik-drawer) .uik-ai-mark { display:inline-flex; align-items:center; justify-content:center; height:18px; padding:0 5px; border-radius:4px; background:#1F2329; color:#fff; font-size:11px; font-weight:600; letter-spacing:.02em; } :is(.uik, .uik-drawer) .uik-ai-prov abbr, :is(.uik, .uik-drawer) .uik-ai-note abbr { text-decoration:none; border-bottom:1px dotted #C9CDD4; cursor:help; } :is(.uik, .uik-drawer) .uik-ai h3 { margin:8px 0 6px; font-size:15px; font-weight:600; line-height:1.5; color:#1F2329; } :is(.uik, .uik-drawer) .uik-ai-an { margin:0; font-size:13px; line-height:1.75; color:#4E5969; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } :is(.uik, .uik-drawer) .uik-ai-an.full { -webkit-line-clamp:unset; display:block; } :is(.uik, .uik-drawer) .uik-more { all:unset; cursor:pointer; font-size:12px; color:#C0231F; margin-top:4px; display:inline-block; } :is(.uik, .uik-drawer) .uik-j-h { margin:12px 0 2px; font-size:12px; font-weight:600; color:#4E5969; } :is(.uik, .uik-drawer) details.uik-j { border-top:1px solid #F0F1F3; } :is(.uik, .uik-drawer) details.uik-j > summary { list-style:none; display:flex; gap:8px; padding:9px 0; cursor:pointer; font-size:13px; line-height:1.6; color:#1F2329; } :is(.uik, .uik-drawer) details.uik-j > summary::-webkit-details-marker { display:none; } :is(.uik, .uik-drawer) .uik-caret { flex-shrink:0; width:12px; color:#86909C; transition:transform .12s; } :is(.uik, .uik-drawer) details.uik-j[open] .uik-caret { transform:rotate(90deg); } :is(.uik, .uik-drawer) details.uik-j dl { margin:0 0 10px 20px; display:grid; grid-template-columns:56px 1fr; gap:4px 8px; font-size:12.5px; line-height:1.7; } :is(.uik, .uik-drawer) details.uik-j dt { color:#86909C; } :is(.uik, .uik-drawer) details.uik-j dd { margin:0; color:#4E5969; } :is(.uik, .uik-drawer) .uik-steps { all:unset; box-sizing:border-box; cursor:pointer; display:flex; align-items:center; gap:12px; width:100%; margin:8px 0 10px; padding:10px 12px; border-radius:8px; background:#F8F9FB; font-size:13px; } :is(.uik, .uik-drawer) .uik-steps:hover { background:#FDF0EF; } :is(.uik, .uik-drawer) .uik-steps b { flex-shrink:0; font-weight:600; color:#1F2329; } :is(.uik, .uik-drawer) .uik-steps span { flex:1; min-width:0; color:#4E5969; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } :is(.uik, .uik-drawer) .uik-steps i { font-style:normal; color:#86909C; } :is(.uik, .uik-drawer) .uik-ai.blocked { padding-bottom:14px; } :is(.uik, .uik-drawer) .uik-ai-block { margin:8px 0 0; font-size:13px; color:#4E5969; background:#F8F9FB; border-radius:6px; padding:8px 10px; } :is(.uik, .uik-drawer) .uik-ai-note { display:flex; align-items:center; gap:6px; font-size:12px; color:#86909C; } :is(.uik, .uik-drawer) .uik-ai-mark.sm { height:16px; font-size:10px; padding:0 4px; } /* ---------- 4 标签与颜色 ---------- */ .uik .ut-tag { display:inline-flex; align-items:center; height:20px; padding:0 6px; border-radius:4px; font-size:12px; line-height:1; white-space:nowrap; background:#F2F3F5; color:#4E5969; vertical-align:middle; } .uik .ut-tag.r { background:#FDF0EF; color:#B93A33; } .uik .ut-tag.y { background:#FBF3E6; color:#9A5B0B; } .uik .ut-tag.g { background:#EAF5EE; color:#1F7A4D; } .uik .ut-tag.n { background:#F2F3F5; color:#4E5969; } .uik .ut-tag.sel { background:#FDF0EF; color:#C0231F; box-shadow:inset 0 0 0 1px #F2CFCB; } .uik .uik-tags td .ut-tag + .ut-tag { margin-left:6px; } .uik .uik-heat { display:flex; gap:2px; align-items:center; } .uik .uik-heat i { width:44px; height:24px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-size:11px; color:#4E5969; } /* ---------- 6 粘性侧栏 ---------- */ .uik .uik-band { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; align-items:start; } .uik .uik-rail { position:sticky; top:72px; } .uik .uik-card { background:#fff; border-radius:12px; padding:16px 20px; } .uik .uik-card.line { border:1px solid #E5E6EB; } .uik .uik-card-h { display:flex; align-items:center; gap:8px; margin-bottom:10px; } .uik .uik-card-h h3 { margin:0; font-size:15px; font-weight:600; color:#1F2329; } .uik .uik-card-h .meta { font-size:12px; color:#86909C; } .uik .uik-card-h .sp { flex:1; } .uik .uik-wk a { display:flex; align-items:center; gap:14px; padding:12px 0; border-top:1px solid #F0F1F3; color:#1F2329; text-decoration:none; } .uik .uik-wk a:first-of-type { border-top:0; } .uik .uik-wk a b { font-size:22px; font-weight:600; width:28px; text-align:center; } .uik .uik-wk a span { font-size:13px; } .uik .uik-wk a small { display:block; font-size:12px; color:#86909C; } .uik .uik-wide { margin-top:16px; background:#fff; border:1px dashed #F2CFCB; border-radius:12px; padding:16px 20px; color:#4E5969; font-size:13px; } .uik .uik-band-demo { background:#F5F6F8; border-radius:10px; padding:16px; } /* ---------- 7 口径弹层 ---------- */ .uik .uik-i { all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; border:1px solid #C9CDD4; color:#86909C; font-size:10px; font-weight:600; font-family:Georgia, serif; font-style:italic; vertical-align:2px; margin-left:6px; flex-shrink:0; } .uik .uik-i:hover, .uik .uik-i[aria-expanded="true"] { border-color:#C0231F; color:#C0231F; } .uik-pop { position:absolute; z-index:40; width:380px; max-width:calc(100vw - 32px); background:#fff; border:1px solid #E5E6EB; border-radius:8px; box-shadow:0 8px 24px rgba(31,35,41,.12); padding:12px 14px; font:12.5px/1.75 var(--sans); color:#4E5969; } .uik-pop[hidden] { display:none; } .uik-pop b { display:block; margin-bottom:4px; font-size:12px; color:#1F2329; } .uik-pop p { margin:0; overflow-wrap:anywhere; } .uik-pop p + p { margin-top:6px; } /* ================= B 档：色块 ================= */ /* 色块轨道（全局前缀类，侧栏和抽屉里也能用） */ .uik-trk { display:inline-flex; gap:2px; align-items:center; vertical-align:middle; } .uik-trk i { width:10px; height:16px; border-radius:2px; background:#E5E6EB; position:relative; flex:none; } .uik-trk.s i { width:9px; height:14px; } .uik-trk.xs i { width:6px; height:12px; border-radius:1.5px; } .uik-trk i.g { background:#3BA272; } .uik-trk i.y { background:#E8B44A; } .uik-trk i.r { background:#C0231F; } .uik-trk i.n { background:#D9DCE1; } .uik-trk i.f { background:transparent; box-shadow:inset 0 0 0 1px #DCDFE4; } .uik-trk i.mk::after { content:""; position:absolute; left:50%; bottom:-5px; width:1px; height:3px; background:#86909C; } .uik-trk i:hover { transform:scaleY(1.18); filter:brightness(1.05); } .uik-trk-list > div { display:grid; grid-template-columns:120px auto 1fr; gap:14px; align-items:center; padding:7px 0; border-bottom:1px solid #F0F1F3; font-size:13px; } .uik-trk-list > div > span small { display:block; font-size:12px; color:#86909C; } .uik-trk-list > div > em { font-style:normal; font-size:12px; } .uik-trk-list .ax { display:block; border:0; padding-top:6px; color:#86909C; font-size:12px; } /* 新店爬坡 */ .uik-ramp { margin:14px 0 0; padding:12px 14px; background:#F8F9FB; border-radius:8px; } .uik-ramp-h { display:flex; align-items:center; gap:8px; margin-bottom:8px; font-size:12.5px; color:#1F2329; } .uik-ramp-h b { font-weight:600; } .uik-ramp-r { display:grid; grid-template-columns:128px auto; gap:12px; align-items:center; padding:6px 0 9px; font-size:12.5px; } .uik-ramp-r .nm small { display:block; margin-top:1px; } .uik-ramp-r .nm a { color:#1F2329; text-decoration:none; } .uik-ramp-r .nm a:hover { color:#C0231F; } .uik-ramp-r .st { color:#86909C; font-size:11.5px; white-space:nowrap; } /* 目标条四种填充 */ .uik-goal { margin:6px 0 16px; } .uik-goal-h { display:flex; align-items:center; gap:10px; margin-bottom:8px; font-size:13px; } .uik-goal-h b { font-weight:600; color:#1F2329; } .uik-goal-h .v { font-size:18px; font-weight:600; } .uik-goal-h small { margin-left:auto; font-size:12px; color:#86909C; } .uik-goal-bar { position:relative; height:18px; border-radius:5px; background:#EEF0F3; margin:20px 0 6px; } .uik-goal-bar i { position:absolute; top:0; bottom:0; } .uik-goal-bar i.solid, .uik-goal-f i.solid { background:#4E5969; border-radius:5px 0 0 5px; } .uik-goal-bar i.hatch, .uik-goal-f i.hatch { background:repeating-linear-gradient(-45deg, rgba(47,107,212,.55) 0 3px, rgba(47,107,212,.12) 3px 6px); } .uik-goal-bar i.dots, .uik-goal-f i.dots { background-color:#FDF0EF; background-image:radial-gradient(#C0231F 1.1px, transparent 1.3px); background-size:6px 6px; } .uik-goal-bar i.grad, .uik-goal-f i.grad { background:linear-gradient(90deg, rgba(31,146,84,.55), rgba(31,146,84,.12)); border-radius:0 5px 5px 0; } .uik-goal-bar b { position:absolute; top:-6px; bottom:-6px; width:0; border-left:2px solid #1F2329; } .uik-goal-bar b.now { border-left:1px dashed #4E5969; } .uik-goal-bar b em { position:absolute; bottom:100%; left:0; transform:translateX(-50%); margin-bottom:2px; font-style:normal; font-size:11px; color:#4E5969; white-space:nowrap; } .uik-goal-f { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:#4E5969; } .uik-goal-f .lg { display:inline-flex; align-items:center; gap:4px; color:#86909C; white-space:nowrap; } .uik-goal-f .lg i { display:inline-block; width:14px; height:10px; border-radius:2px; margin-left:6px; } /* 日历色块 */ .uik-cal { display:inline-block; } .uik-cal-wk { display:grid; gap:0; font-size:11px; color:#86909C; margin-bottom:2px; white-space:nowrap; } .uik-cal-wk span { padding-left:2px; } .uik-cal-b { display:flex; gap:4px; } .uik-cal-rows { display:grid; grid-template-rows:repeat(7, 26px); width:18px; font-size:11px; color:#86909C; align-items:center; } .uik-cal-g { display:grid; grid-template-rows:repeat(7, 26px); grid-auto-flow:column; gap:0; } .uik-cal-c { all:unset; box-sizing:border-box; width:22px; height:22px; margin:2px; border-radius:4px; cursor:pointer; position:relative; transition:transform .12s; } .uik-cal-c:hover { transform:scale(1.15); box-shadow:0 0 0 2px #fff, 0 0 0 3px #C0231F; } .uik-cal-c[aria-expanded="true"] { box-shadow:0 0 0 2px #fff, 0 0 0 3px #C0231F; } .uik-cal-c.pad { cursor:default; background:transparent; } .uik-cal-c.r3, .uik-cal-lg i.r3 { background:#C8423B; } .uik-cal-c.r2, .uik-cal-lg i.r2 { background:#E5817A; } .uik-cal-c.r1, .uik-cal-lg i.r1 { background:#F5BDB8; } .uik-cal-c.z, .uik-cal-lg i.z { background:#E5E6EB; } .uik-cal-c.g1, .uik-cal-lg i.g1 { background:#A8CDB8; } .uik-cal-c.g2, .uik-cal-lg i.g2 { background:#3BA272; } .uik-cal-c.n, .uik-cal-lg i.n { background:#fff; box-shadow:inset 0 0 0 1px #DCDFE4; } .uik-cal-c.arc::after, .uik-cal-lg i.arcdot { content:""; position:absolute; right:3px; top:3px; width:5px; height:5px; border-radius:50%; background:#1F2329; box-shadow:0 0 0 1px #fff; } .uik-cal-lg { margin-top:10px; font-size:12px; color:#86909C; display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; } .uik-cal-lg i { display:inline-block; width:12px; height:12px; border-radius:3px; position:relative; } .uik-cal-lg i.arcdot { position:relative; right:auto; top:auto; width:7px; height:7px; } /* 方格纸底纹：只给主横幅 */ .uik .uik-grid { background-color:#fff; background-image:linear-gradient(100deg, #fff 35%, rgba(255,255,255,.35) 100%), linear-gradient(#EEF0F3 1px, transparent 1px), linear-gradient(90deg, #EEF0F3 1px, transparent 1px); background-size:auto, 22px 22px, 22px 22px; } .uik.uik-ddir .banner.uik-grid { background-image:linear-gradient(100deg, #fff 40%, rgba(244,240,252,.55) 100%), linear-gradient(#EEF0F3 1px, transparent 1px), linear-gradient(90deg, #EEF0F3 1px, transparent 1px); } /* ================= B 档：动效 ================= */ @keyframes uik-page { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } } .uik.uik-enter { animation:uik-page .18s ease-out; } .uik .uik-rv { opacity:0; transform:translateY(10px); filter:blur(3px); } .uik .uik-rv.uik-in { opacity:1; transform:none; filter:none; transition:opacity .45s ease, transform .5s cubic-bezier(.2,.7,.2,1), filter .45s ease; transition-delay:var(--d, 0ms); } @keyframes uik-flash { 0% { background:#FDF0EF; } 100% { background:transparent; } } .uik .uik-flash { animation:uik-flash .7s ease-out; border-radius:4px; } .uik-ghost { position:fixed; z-index:31; background:#fff; border:1px solid #E5E6EB; box-shadow:-12px 0 32px rgba(22,26,25,.10); pointer-events:none; } .uik-drawer.instant { transition:none; } @keyframes uik-fade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } } .uik-drawer .uik-fadein { animation:uik-fade .22s ease-out; } /* 悬停抬起、按下缩小 */ .uik .fcard, .uik .uik-fcard, .uik .wk-row, .uik .uik-btn, .uik .uik-steps { transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease; } .uik .fcard:hover, .uik .uik-fcard:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(31,35,41,.07); } .uik .fcard:active, .uik .uik-fcard:active, .uik .uik-btn:active, .uik .uik-steps:active { transform:scale(.98); } /* 联动高亮 */ .uik tr.uik-hl td:first-child { box-shadow:inset 3px 0 0 #C0231F; color:#C0231F; } .uik .ut tr.uik-hl td, .uik .kt tr.uik-hl td { background-color:rgba(237,240,254,.55); } .uik .ddx-heat tr.uik-hl td { filter:brightness(.96); } .uik .ddx-minibars > div.uik-hl, .uik .uik-link-demo .bl > div.uik-hl { background:#FDF0EF; border-radius:4px; } .uik .ddx-minibars > div.uik-hl span, .uik .uik-link-demo .bl > div.uik-hl span { color:#C0231F; font-weight:600; } #sideAreas .nav-area.uik-hl { background:rgba(255,255,255,.12); color:#fff; } /* 侧栏组长：色块 + 依次滑入 */ #sideAreas .uik-nav { gap:8px; } #sideAreas .uik-nav b { flex:none; width:44px; } #sideAreas .uik-nav .uik-trk i.n { background:#3A3F47; } #sideAreas .uik-nav .uik-trk i.g { background:#3BA272; } #sideAreas .uik-nav .uik-trk i.y { background:#D9A441; } #sideAreas .uik-nav .uik-trk i.r { background:#E06A62; } @keyframes uik-slide { from { opacity:0; transform:translateX(-8px); } to { opacity:1; transform:none; } } #sideAreas .uik-nav { animation:uik-slide .35s both; animation-delay:var(--d, 0ms); } #sideAreas .uik-nav-lg { padding:4px 12px 0 27px; font-size:11px; color:#6b717c; } .uik .uik-rv.uik-in .wk-row { animation:uik-slide .4s both; } .uik .uik-rv.uik-in .wk-row:nth-of-type(2) { animation-delay:.08s; } .uik .uik-rv.uik-in .wk-row:nth-of-type(3) { animation-delay:.16s; } .uik .uik-rv.uik-in .wk-row:nth-of-type(4) { animation-delay:.24s; } /* ---------- 抽屉里：今日发现与数字摘要 ---------- */ .uik-drawer .uik-fd-top { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:10px; } .uik-drawer .uik-fd-top b { font-size:28px; font-weight:600; color:#1F2329; } .uik-drawer .uik-fd-top b small { font-size:14px; font-weight:400; margin-left:2px; } .uik-drawer .uik-fd-top > span:last-child { font-size:12px; color:#86909C; } .uik-drawer .uik-fd-t { margin:8px 0 12px; font-size:14px; line-height:1.7; color:#1F2329; } .uik-drawer .uik-fd-chart { padding:12px; border:1px solid #F0F1F3; border-radius:8px; margin-bottom:12px; } .uik-drawer .uik-fd-ai { background:#F8F9FB; border-radius:8px; padding:10px 12px; margin-bottom:14px; } .uik-drawer .uik-fd-ai p { margin:0 0 6px; font-size:13px; line-height:1.7; color:#1F2329; } .uik-drawer .uik-ai-note { display:flex; align-items:center; gap:6px; font-size:12px; color:#86909C; } .uik-drawer .uik-ai-note .uik-ai-mark { display:inline-flex; align-items:center; justify-content:center; height:16px; padding:0 4px; border-radius:4px; background:#1F2329; color:#fff; font-size:10px; font-weight:600; } .uik-drawer abbr { text-decoration:none; border-bottom:1px dotted #C9CDD4; } .uik-drawer .uik-dbtn { display:inline-flex; align-items:center; height:34px; padding:0 16px; border-radius:6px; background:#111114; color:#fff; font-size:13px; text-decoration:none; } .uik-drawer .uik-dsum { margin:10px 0 12px; font-size:13.5px; line-height:1.8; color:#1F2329; } .uik-drawer .flat { color:#86909C; } /* 减少动态效果：全部关掉 */ @media (prefers-reduced-motion: reduce) { .uik *, .uik.uik-enter, #sideAreas .uik-nav, .uik-drawer, .uik-drawer * { animation:none !important; transition:none !important; } .uik .uik-rv { opacity:1; transform:none; filter:none; } } .uik .uik-btn { display:inline-flex; align-items:center; height:34px; padding:0 14px; border-radius:6px; border:1px solid #E5E6EB; background:#fff; color:#1F2329; font:13px/1 var(--sans); cursor:pointer; text-decoration:none; white-space:nowrap; } .uik .uik-btn:hover { border-color:#C9CDD4; } .uik .uik-btn.primary { background:#111114; border-color:#111114; color:#fff; } .uik .uik-btn.sm { height:28px; padding:0 10px; font-size:12px; margin-top:8px; } .uik-drawer td { overflow-wrap:anywhere; } .uik-drawer small.neg { color:#C0231F; } .uik-drawer small.pos { color:#1F7A4D; } /* R21：所有已接入页面的表格沿用共用对齐结果；不改门店 DOM。 */ #page.uik :is(table.kt,table.t,table.heat) th { height:36px; padding-left:12px; padding-right:12px; font-size:12px; background:#F8F9FB; } #page.uik :is(table.kt,table.t,table.heat) td { height:40px; padding-left:12px; padding-right:12px; font-variant-numeric:tabular-nums; } #page.uik :is(table.kt,table.t,table.ut) :is(th,td).txt { text-align:left; } #page.uik :is(table.kt,table.t,table.ut) :is(th,td).num { text-align:right; } #page.uik table.heat th { font-size:11px; } #page.uik table.heat td { height:32px; } #page.uik .team-wrap .q .t th:last-child, #page.uik .team-wrap .q .t td:last-child { min-width:205px; white-space:nowrap; } #page.uik .team-wrap .tag { white-space:nowrap; } #page.uik .hd h2 { font-size:20px; } #page.uik.home-b > .od-extra { margin:0; } #page.uik.home-b { gap:16px; } #page.uik.home-b > * { margin-top:0; margin-bottom:0; } #page.uik.fnx .row2 { align-items:stretch; } #page.uik .uik-review-b { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:24px; align-items:start; padding:2px 20px 0; } #page.uik .uik-review-b .r16-review-facts,#page.uik .uik-review-b .r16-review-areas { margin:0; font-size:13px; } #page.uik .uik-review-b .ddx-review { margin:0; padding:0; border:0; } #page.uik .uik-review-ai { padding:16px 20px; } @media(max-width:800px) { #page.uik .uik-review-b { grid-template-columns:minmax(0,1fr); } } #sideAreas .uik-nav b:has(.uik-nav-status) { width:52px; } #sideAreas .uik-nav-status { display:block; font-size:12px; font-weight:400; white-space:nowrap; color:#aab0bc; } /* R21 全站展示令牌：同语义标签、统一间距及入口。 */ #page.uik :is(.tag,.acts-tag,.ut-tag,.lv) { display:inline-flex; align-items:center; height:20px; padding:0 6px; border-radius:4px; font-size:12px; line-height:1; white-space:nowrap; } #page.uik :is(.tag.red,.acts-red,.ut-tag.r,.lv.red) { background:#FDF0EF; color:#C0231F; } #page.uik :is(.tag.amber,.acts-yellow,.acts-orange,.ut-tag.y,.lv.yellow) { background:#FBF3E6; color:#9A5B0B; } #page.uik :is(.tag.green,.ut-tag.g) { background:#EAF5EE; color:#1F7A4D; } #page.uik :is(.tag.gray,.ut-tag.n) { background:#F2F3F5; color:#4E5969; } #page.uik :is(.kind,.act) { background:#F2F3F5; color:#4E5969; font-size:12px; } #page.uik .card { box-shadow:none; border-color:transparent; border-radius:12px; } #page.uik .card-h { padding:16px 20px 0; } #page.uik :is(.block-body,.detail) { padding:16px 20px; } #page.uik table td a { color:#1F2329; text-decoration:none; } #page.uik table td a:hover { color:#C0231F; } #page.uik :is(.op-number,.unum) { text-decoration:underline dotted #86909C; text-underline-offset:4px; } #page.uik .qlist :is(.qhd,.grp-h) { padding-left:16px; padding-right:16px; font-size:13px; font-weight:400; color:#86909C; } #page.uik .qlist :is(.qhd,.grp-h) b { font-size:13px; font-weight:500; color:#86909C; } #page.uik .qlist .qrule,#page.uik .qlist .grp-n { font-size:12px; color:#86909C; } #page.uik .ddx .grp-h { padding-left:0; } #page.uik.ddx .bar,#page.uik.gmx .bar { min-height:34px; margin:0 0 16px; } #page.uik .seg :is(a,button) { min-height:28px; } .uik-drawer .uik-step-stop { margin-top:6px; color:#4E5969; font-size:12px; } .uik-drawer .uik-step-stop summary { cursor:pointer; list-style:none; } .uik-drawer .uik-step-stop summary::-webkit-details-marker { display:none; } .uik-drawer .uik-step-stop summary::before { content:'▸'; margin-right:6px; } .uik-drawer .uik-step-stop[open] summary::before { content:'▾'; } /* Keep the operating judgment readable; supporting reasoning remains reachable. */ .uik-ai-brief .uik-ai-next { margin-top:12px; padding-top:10px; border-top:1px solid #E5E6EB; } .uik-ai-brief .uik-ai-next b { font-size:12px; color:#4E5969; } .uik-ai-brief .uik-ai-next p { margin:4px 0; font-size:13px; line-height:1.7; } .uik-ai-brief .uik-ai-detail-link { margin:10px 0 6px; font-size:12px; } .uik-ai-detail .uik-ai-reason { padding:14px 0; border-top:1px solid #E5E6EB; } .uik-ai-detail .uik-ai-reason h4 { margin:0 0 8px; font-size:14px; line-height:1.6; } .uik-ai-detail dl { display:grid; grid-template-columns:64px 1fr; gap:8px 12px; font-size:13px; line-height:1.7; } .uik-ai-detail dt { color:#86909C; } .uik-ai-detail dd { margin:0; } /* R46：简卡保留首屏；同一回执的完整推理和来源可原样展开。 */ .uik-ai-complete { margin-top:14px; border-top:1px solid #E5E6EB; min-width:0; } .uik-ai-complete > summary { min-height:44px; display:flex; align-items:center; gap:8px; cursor:pointer; color:#4E5969; font-size:13px; line-height:1.6; list-style:none; } .uik-ai-complete > summary::-webkit-details-marker { display:none; } .uik-ai-complete > summary::before { content:'▸'; font-size:12px; } .uik-ai-complete[open] > summary::before { content:'▾'; } .uik-ai-complete > summary:focus-visible { outline:2px solid currentColor; outline-offset:2px; border-radius:4px; } .uik-ai-full-content { padding:0 0 8px; color:#1F2329; font-size:13px; line-height:1.85; overflow-wrap:anywhere; } .uik-ai-full-section + .uik-ai-full-section { margin-top:18px; padding-top:14px; border-top:1px solid #EEF0F3; } .uik-ai-full-content h4 { margin:0 0 8px; color:#1F2329; font-size:13px; font-weight:600; line-height:1.7; } .uik-ai-full-content [data-ai-field] { white-space:pre-wrap; } .uik-ai-full-list { margin:0; padding-left:22px; } .uik-ai-full-list > li + li { margin-top:14px; } .uik-ai-full-fields { margin:0; } .uik-ai-full-fields > div { display:grid; grid-template-columns:112px minmax(0,1fr); gap:12px; margin:5px 0; } .uik-ai-full-fields dt { color:#646A73; font-size:12px; } .uik-ai-full-fields dd { margin:0; min-width:0; } .uik-ai-source { margin-top:18px; padding-top:14px; border-top:1px solid #E5E6EB; color:#646A73; font-size:12px; } .uik-ai-source dl { margin:0; } .uik-ai-source dl > div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:12px; margin:4px 0; } .uik-ai-source dd { margin:0; overflow-wrap:anywhere; } @media(max-width:600px) { .uik-ai-full-fields > div { display:block; margin:10px 0; }.uik-ai-full-fields dt { margin-bottom:3px; }.uik-ai-source dl > div { grid-template-columns:64px minmax(0,1fr); } } #sideAreas .uik-nav { animation:none; } body.uik-nav-enter #sideAreas .uik-nav { animation:uik-slide .35s both; animation-delay:var(--d,0ms); } @media(prefers-reduced-motion:reduce) { body.uik-nav-enter #sideAreas .uik-nav { animation:none; } } /* R21：旧查询路由与新清单共用同一个抽屉容器。 */ #drawer.uik-drawer { top:56px; width:480px; max-width:100%; z-index:30; } .uik-backdrop { position:fixed; inset:0; z-index:29; background:rgba(27,36,49,.09); } .uik-backdrop[hidden] { display:none; } #drawer.uik-drawer[data-uik-mode="legacy"] > .drawer-head { display:block; padding:16px 20px 0; } #drawer.uik-drawer .drawer-actions { position:static; } .uik-drawer .table-wrap { overflow-x:auto; } .uik-drawer td { overflow-wrap:anywhere; } #page.uik.ddx .qlist .grp-h { padding-left:0; padding-right:0; } #page.uik .uik-detail-link { margin:8px 0; text-align:left; } /* Role homes share the brief position while retaining their own work and data. */ .role-home-brief .role-home-kicker { font-weight:600; color:var(--ink2); } .role-home-brief .role-home-scope { margin:0 0 8px; color:var(--muted); font-size:12px; } .role-home-surface > .verdict.role-home-brief { padding:20px; margin:0; background:var(--panel,#fff); border-radius:12px; } .role-home-surface > .verdict.role-home-brief h1 { font-size:22px; line-height:1.55; margin:8px 0; } .role-home-surface > .verdict.role-home-brief .sec-h { margin-bottom:8px; } .role-home-ds { margin:0 0 16px; padding:20px; } .role-home-ds h2 { margin:8px 0; font-size:22px; line-height:1.55; } .role-home-ds > p { margin:8px 0 16px; color:var(--ink2); } .role-home-ds .bstats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } .role-home-ds .bstats > div { display:grid; gap:4px; } .role-home-ds .bstats b { font-size:24px; font-variant-numeric:tabular-nums; } .role-home-ds .bstats b small { margin-left:5px; font-size:13px; font-weight:400; } .role-home-ds .bstats em { color:var(--ink2); font-size:12px; font-style:normal; } .role-home-risk-body { padding:8px 20px 16px; } .role-home-risk-body small { display:block; margin-top:8px; color:var(--muted); } .case .cause .meta { align-items:center; } .case .cause .meta > .chip { min-height:24px; height:24px; line-height:1.2; } @media(max-width:760px) { .role-home-ds .bstats { grid-template-columns:1fr; gap:12px; } .role-home-surface > .verdict.role-home-brief h1,.role-home-ds h2 { font-size:18px; } } /* R37 · 配色 A。所有岗位共用这一组模块、脉搏与图表，不在页面复制组件实现。 */ html[data-vita-skin="a"] { --bg:#F5F6F8; --card:#FFFFFF; --panel:#FFFFFF; --panel2:#F8F9FB; --panel3:#F7F8FA; --ink:#1F2329; --ink2:#4E5969; --ink3:#86909C; --ink4:#C9CDD4; --tx:#1F2329; --tx2:#4E5969; --tx3:#86909C; --muted:#86909C; --line:#E5E6EB; --line2:#F0F1F3; --line-soft:#F0F1F3; --th:#F8F9FB; --soft:#F7F8FA; --red:#C0231F; --red-bg:#FDF0EF; --red-line:#F2CFCB; --red-w:#FDF0EF; --red-soft:#EBB3AD; --red-tint:#EBB3AD; --ai-bg:#FFF7F6; --brand:#C0231F; --neg:#C0231F; --neg-bg:#FDF0EF; --amber:#9A5B0B; --amber-bg:#FBF3E6; --amber-w:#FBF3E6; --amber-bar:#D9A44A; --warn:#9A5B0B; --warn-bg:#FBF3E6; --green:#1F7A4D; --green-bg:#EAF5EE; --pos:#1F7A4D; --pos-bg:#EAF5EE; --ok:#1F7A4D; --ok-w:#EAF5EE; --d-main:#4E5969; --d-main-wash:rgba(78,89,105,.10); --d-hl:#C0231F; --d-ctx:#A9AEB8; --d-track:#EEF0F3; --d-grid:#F0F1F3; --bar:#A9AEB8; --bar-lt:#D9DCE1; --accent:#C0231F; --accent-bg:#FDF0EF; --accent-bd:#F2CFCB; --tab-bg:#FDF0EF; --tab-bd:#F2CFCB; --tab-ink:#C0231F; --side:184px; } html[data-vita-skin="a"] body { grid-template-columns:184px minmax(0,1fr); color:var(--ink); background:var(--bg); font-size:13px; font-variant-numeric:tabular-nums; } html[data-vita-skin="a"] #side { width:184px; background:#17191E; border:0; } html[data-vita-skin="a"] #side .side-in { padding:14px 10px; } html[data-vita-skin="a"] #side .brand { padding:2px 8px 18px; font-size:14px; letter-spacing:0; } html[data-vita-skin="a"] #side .brand i { background:var(--red); color:#fff; } html[data-vita-skin="a"] #side .nav-item { display:flex; align-items:center; gap:10px; padding:0 10px; min-height:36px; font-size:13px; } html[data-vita-skin="a"] #side .nav-item.on,html[data-vita-skin="a"] #side .nav-area.on { background:#272B32; box-shadow:inset 3px 0 0 var(--red); } .r37-nav-icon { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } html[data-vita-skin="a"] #side .uik-nav { flex-wrap:wrap; gap:3px 7px; padding:8px 10px; } html[data-vita-skin="a"] #side .uik-nav .uik-trk { width:100%; padding-left:13px; } html[data-vita-skin="a"] #side .uik-nav-lg { font-size:11px; padding:8px 10px; } html[data-vita-skin="a"] body > .main { margin-left:0; } html[data-vita-skin="a"] #top { height:52px; min-height:52px; padding:0 20px; border-bottom:1px solid var(--line); background:#fff; } html[data-vita-skin="a"] #top h1 { font-size:14px; } html[data-vita-skin="a"] #page { max-width:none; padding:16px 20px 40px; margin:0; min-width:0; } html[data-vita-skin="a"] #page > * + *,html[data-vita-skin="a"] .cs-stack > * + *,html[data-vita-skin="a"] #page .am-role-home > * + * { margin-top:12px; } html[data-vita-skin="a"] #page :is(.row2,.row5,.uik-row2,.cs-row2,.qwrap,.cs-work,.journey-priority,.od-more-content,.r37-layout) { gap:12px; } html[data-vita-skin="a"] #page :is(.row2,.row5,.uik-row2,.cs-row2) { align-items:stretch; } html[data-vita-skin="a"] #page :is(.row2,.row5,.uik-row2,.cs-row2) > * { min-width:0; margin:0; } html[data-vita-skin="a"] #page .mod { background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:none; padding:0; min-width:0; overflow:visible; } html[data-vita-skin="a"] #page .mod-hd { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:44px; padding:8px 16px; border-bottom:1px solid var(--line2); margin:0; background:transparent; } html[data-vita-skin="a"] #page .mod-hd :is(h2,h3),.mod-t { font-size:14px; font-weight:600; margin:0; line-height:1.5; color:var(--ink); } .mod-s { font-size:12px; color:var(--ink3); } .mod-r { margin-left:auto; display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:12px; color:var(--ink2); } html[data-vita-skin="a"] #page .mod-bd { padding:12px 16px 14px; } html[data-vita-skin="a"] #page .mod-sub { border:0; border-radius:0; box-shadow:none; background:transparent; } html[data-vita-skin="a"] #page .mod-subhead { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:0; padding:12px 16px 8px; margin:0; border:0; border-top:1px solid var(--line2); border-radius:0; background:transparent; box-shadow:none; font-size:12px; } html[data-vita-skin="a"] #page .mod-subhead :is(h2,h3) { font-size:12px; margin:0; } html[data-vita-skin="a"] #page .mod-subhead::before { display:none; } html[data-vita-skin="a"] #page :is(.r37-layout,.r37-layout-only,.sp-full-data) { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } html[data-vita-skin="a"] #page :is(.mod-bd,.block-body) > :first-child { margin-top:0; } html[data-vita-skin="a"] #page :is(.mod-bd,.block-body) > :last-child { margin-bottom:0; } html[data-vita-skin="a"] :is(.num,.pulse-value,.kpi .v,.fact-chip>strong,.pv,.week-change) { font-variant-numeric:tabular-nums; white-space:nowrap; } html[data-vita-skin="a"] #page :is(.neg,.is-negative,.fact-chip.is-danger>strong) { color:var(--red); } html[data-vita-skin="a"] #page :is(.pos,.positive) { color:var(--green); } html[data-vita-skin="a"] #page :is(.view,.lnk,.linkish,.uik-more,.od-detail-link,.gm-secondary-link,.cs-more) { color:var(--ink2); } html[data-vita-skin="a"] #page :is(a,button):hover { color:var(--red); } html[data-vita-skin="a"] #page :is(a,button):focus-visible { outline:2px solid var(--red-line); outline-offset:2px; } html[data-vita-skin="a"] #page :is(th,.ut th,.kt th) { color:var(--ink3); background:var(--th); font-weight:400; font-size:12px; } html[data-vita-skin="a"] #page :is(td,th) { border-color:var(--line2); } html[data-vita-skin="a"] #page :is(.hn,.max-drag) { background:var(--red-bg); } html[data-vita-skin="a"] #page :is(.hp,.max-lift) { background:var(--green-bg); } html[data-vita-skin="a"] #page :is(.btn,.uik-btn,.primary,.followup-save) { border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink2); box-shadow:none; } html[data-vita-skin="a"] #page :is(.btn.pri,.r37-primary,#cf-save) { color:#fff; background:var(--red); border-color:var(--red); } html[data-vita-skin="a"] #page :is(.btn.pri,.r37-primary,#cf-save):disabled { opacity:.5; } html[data-vita-skin="a"] #page :is(.seg,.uik-seg) { border-color:var(--line); border-radius:6px; background:#fff; } html[data-vita-skin="a"] #page :is(.seg,.uik-seg) .on,html[data-vita-skin="a"] #page [aria-pressed="true"] { color:var(--red); border-color:var(--red-line); background:var(--red-bg); } html[data-vita-skin="a"] .chip { display:inline-flex; align-items:center; height:20px; padding:0 6px; border-radius:4px; font-size:12px; font-weight:400; line-height:1; white-space:nowrap; background:#F2F3F5; color:var(--ink2); } html[data-vita-skin="a"] .chip.red { color:var(--red); background:var(--red-bg); } html[data-vita-skin="a"] .chip.amber { color:var(--amber); background:var(--amber-bg); } html[data-vita-skin="a"] .chip.green { color:var(--green); background:var(--green-bg); } html[data-vita-skin="a"] .badge { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:9px; color:#fff; background:var(--red); font-size:11px; } .kpis { display:flex; align-items:stretch; } .kpi { padding:0 20px; border-left:1px solid var(--line2); min-width:0; } .kpi:first-child { border-left:0; padding-left:0; } .kpi .l { font-size:12px; color:var(--ink3); } .kpi .v { font-size:22px; font-weight:600; line-height:1.3; white-space:nowrap; } .kpi .v small,.kpi .s { font-size:12px; color:var(--ink3); font-weight:400; } html[data-vita-skin="a"] #page .ai-band { background:var(--ai-bg); border-top:1px solid var(--red-line); border-bottom:1px solid var(--red-line); padding:12px 16px; border-radius:0; } html[data-vita-skin="a"] #page .mod.ai { border-color:var(--red-line); } html[data-vita-skin="a"] #page .mod.ai > .mod-hd { background:var(--ai-bg); border-color:var(--red-line); border-radius:10px 10px 0 0; } .ai-tag { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--red); white-space:nowrap; } .ai-tag b { padding:1px 4px; border-radius:3px; color:#fff; background:var(--red); font-size:10px; } html[data-vita-skin="a"] #page :is(.uik-ai-mark,.ros-ai-mark,.ai-label i) { color:#fff; background:var(--red); } html[data-vita-skin="a"] #page :is(.uik-ai,.ros-surface) { background:var(--ai-bg); border-color:var(--red-line); box-shadow:none; } html[data-vita-skin="a"] #page .uik-review-ai > .uik-ai { border-width:1px 0 0; border-radius:0; padding:12px 16px 14px; } html[data-vita-skin="a"] #page .uik-ai-reason { border:0; border-top:1px solid var(--red-line); border-radius:0; background:transparent; } html[data-vita-skin="a"] #page .uik-ai-reason blockquote { background:var(--soft); border:0; border-left:2px solid var(--ink4); color:var(--ink2); font-size:12px; } .status { display:inline-flex; align-items:center; gap:5px; height:20px; padding:0 8px; border:1px solid var(--line); border-radius:10px; background:#fff; color:var(--ink2); font-size:12px; white-space:nowrap; } .status::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--amber-bar); } .read,.gap { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; margin-top:10px; color:var(--ink2); font-size:12px; } .read::before,.gap::before { content:"读数"; height:18px; padding:0 5px; border:1px solid var(--line); border-radius:4px; color:var(--ink3); font-size:11px; line-height:16px; } .gap::before { content:"待补"; } .fold { display:flex; align-items:center; gap:8px; padding:8px 12px; background:var(--soft); border-radius:6px; font-size:12px; color:var(--ink2); } .fold::before { content:"▸"; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-pulse { padding:0; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:none; } html[data-vita-skin="a"] #page .r37-pulse-head { padding:16px 20px 14px; } html[data-vita-skin="a"] #page .r37-pulse-head :is(h1,h2,.cs-sent) { margin:6px 0; color:var(--ink); font-size:21px; font-weight:600; line-height:1.5; } html[data-vita-skin="a"] #page .r37-pulse-head p { font-size:13px; color:var(--ink2); margin:4px 0 0; } html[data-vita-skin="a"] #page .pulse { display:grid; grid-template-columns:repeat(var(--pulse-count,5),minmax(0,1fr)); padding:14px 20px 16px; border-top:1px solid var(--line2); margin:0; gap:0; } html[data-vita-skin="a"] #page .pulse-cell { min-width:0; padding:0 16px; border-left:1px solid var(--line2); display:flex; flex-direction:column; gap:3px; } html[data-vita-skin="a"] #page .pulse-cell:first-child { padding-left:0; border-left:0; } html[data-vita-skin="a"] #page .pulse-cell:last-child { padding-right:0; } .pulse-label { color:var(--ink3); font-size:12px; } html[data-vita-skin="a"] #page .pulse-value { color:var(--ink); font-size:32px; font-weight:600; line-height:1.25; letter-spacing:-.3px; } html[data-vita-skin="a"] #page .pulse-value.neg { color:var(--red); } html[data-vita-skin="a"] #page .pulse-value small { color:var(--ink3); font-size:13px; font-weight:400; margin-left:3px; letter-spacing:0; } .pulse-note { color:var(--ink2); font-size:12px; line-height:1.5; } .pulse-viz { padding-top:8px; margin-top:auto; min-height:30px; } .r37-stack { display:flex; gap:2px; overflow:hidden; border-radius:3px; min-width:0; } .r37-stack i { display:block; min-width:0; } html[data-vita-skin="a"] .r37-bullet { position:relative; height:7px; background:#EEF0F3; border-radius:3px; } html[data-vita-skin="a"] .r37-bullet > i { position:absolute; left:0; top:0; bottom:0; background:var(--ink2); border-radius:3px; } html[data-vita-skin="a"] .r37-bullet > u { position:absolute; top:-4px; bottom:-4px; width:0; border-left:1.5px dashed var(--ink); text-decoration:none; background:transparent; } html[data-vita-skin="a"] .r37-bullet > i.forecast { background:repeating-linear-gradient(135deg,#D9DCE1 0 3px,#F7F8FA 3px 6px); } .r37-mini,.r37-week { display:block; width:100%; height:auto; overflow:visible; } .r37-mini text,.r37-week text,.r37-donut text,.r37-ring text { fill:var(--ink3); font:11px var(--sans); paint-order:stroke fill; stroke:#fff; stroke-width:3px; stroke-linejoin:round; } .r37-operation text { fill:var(--ink2); } .r37-waffle { display:grid; grid-template-columns:repeat(var(--waffle-cols,33),minmax(0,1fr)); gap:2px; } .r37-waffle i { aspect-ratio:1; min-width:0; background:#D9DCE1; border-radius:1px; } .r37-waffle i.bad { background:var(--red-tint); } .r37-donut,.r37-ring { display:block; flex:none; max-width:100%; margin:auto; } .r37-donut .ring-value,.r37-ring .ring-value { font-size:22px; font-weight:600; fill:var(--ink); } .r37-states { display:grid; grid-template-columns:repeat(var(--state-count,3),minmax(0,1fr)); gap:6px; } .r37-states > div { display:flex; flex-direction:column; gap:3px; min-width:0; font-size:11px; color:var(--ink3); } .r37-states i { display:block; height:7px; background:#A9AEB8; border-radius:2px; } .r37-states i.bad { background:var(--red-tint); } .r37-states b { font-size:12px; font-weight:600; color:var(--ink2); } .r37-inline-bar { display:block; height:4px; width:100%; max-width:120px; margin-top:5px; border-radius:2px; background:#F0F1F3; } .r37-inline-bar i { display:block; height:100%; border-radius:2px; } html[data-vita-skin="a"] #page .r37-work-strip { display:grid; grid-template-columns:var(--work-columns,repeat(var(--work-count,4),minmax(0,1fr))); border:1px solid var(--line); border-radius:10px; background:#fff; padding:0; gap:0; } html[data-vita-skin="a"] #page .r37-work-strip > a { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:baseline; gap:4px 10px; margin:0; padding:12px 16px; border:0; border-left:1px solid var(--line2); border-radius:0; box-shadow:none; background:transparent; } html[data-vita-skin="a"] #page .r37-work-strip > a:first-child { border-left:0; } html[data-vita-skin="a"] #page .r37-work-strip > a > b { grid-column:2; grid-row:1; justify-self:start; font-size:25px; line-height:1.2; white-space:nowrap; } html[data-vita-skin="a"] #page .r37-work-strip > a > span { font-size:13px; font-weight:600; } html[data-vita-skin="a"] #page .r37-work-strip > a :is(p,em) { margin:0; font-size:12px; color:var(--ink3); font-style:normal; } html[data-vita-skin="a"] #page .r37-work-strip > a > p { grid-column:1 / 3; } html[data-vita-skin="a"] #page .r37-work-strip > a > em { grid-column:1 / 3; color:var(--ink2); } html[data-vita-skin="a"] #page .r37-work-strip > a small { font-size:11px; font-weight:400; } html[data-vita-skin="a"] #page .r37-split-5-7 { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:12px; align-items:stretch; } html[data-vita-skin="a"] #page .r37-split-7-5 { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:12px; align-items:stretch; } .r37-four { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); } .r37-four > * { min-width:0; border-left:1px solid var(--line2); padding:12px 14px; } .r37-four > :first-child { border-left:0; } html[data-vita-skin="a"] #page :is(.qwrap,.cs-work) { grid-template-columns:264px minmax(0,1fr); } html[data-vita-skin="a"] #page :is(.qlist,.store-queue,.cs-queue,.cs-ql,.journey-queue) { max-height:none; height:auto; overflow:visible; position:static; } html[data-vita-skin="a"] #page .qi.on { background:var(--ai-bg); box-shadow:inset 3px 0 0 var(--red); } html[data-vita-skin="a"] #page .cs-c.done,html[data-vita-skin="a"] #page .cs-mini i.done { background:#AEB8C6; } @media (max-width:1359px) { .r37-four { grid-template-columns:repeat(2,minmax(0,1fr)); } .r37-four > :nth-child(odd) { border-left:0; } .r37-four > :nth-child(n+3) { border-top:1px solid var(--line2); } } @media (max-width:1000px) { html[data-vita-skin="a"] #page .pulse { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:14px; } html[data-vita-skin="a"] #page :is(.r37-split-5-7,.r37-split-7-5) { grid-template-columns:1fr; } html[data-vita-skin="a"] #page .r37-work-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:760px) { html[data-vita-skin="a"] #side { width:184px; } html[data-vita-skin="a"] body > .main { margin-left:0; } html[data-vita-skin="a"] #page { padding:12px; } html[data-vita-skin="a"] #page :is(.qwrap,.cs-work) { grid-template-columns:1fr; } html[data-vita-skin="a"] #page .pulse { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; } html[data-vita-skin="a"] #page .pulse-value { font-size:26px; } .r37-four { grid-template-columns:1fr; } .r37-four > * { border-left:0; border-top:1px solid var(--line2); } } /* R37 岗位编排：共用模块只定义一次，旧组件作为无边框的内部分区。 */ html[data-vita-skin="a"] #page .r37-columns { display:grid; grid-template-columns:repeat(var(--column-count,3),minmax(0,1fr)); gap:0; padding:0; margin:0; } html[data-vita-skin="a"] #page .r37-columns > * { border:0; border-left:1px solid var(--line2); border-radius:0; padding:14px 16px; margin:0; min-width:0; background:transparent; box-shadow:none; } html[data-vita-skin="a"] #page .r37-columns > :first-child { border-left:0; } html[data-vita-skin="a"] #page .r37-columns h3 { font-size:16px; font-weight:600; line-height:1.5; } html[data-vita-skin="a"] #page .r37-columns .fc { background:var(--soft); border-radius:6px; padding:10px; } html[data-vita-skin="a"] #page .r37-columns .od-focus-number { background:transparent; border:0; border-radius:0; padding:0; font-size:22px; text-align:left; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-insight-card { display:flex; flex-direction:column; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-insight-card .o { margin-top:6px; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-insight-card :is(.big,.t) { color:var(--ink); } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-insight-card[href$="delivery"] .big { color:var(--red); } html[data-vita-skin="a"] #page .r37-gm-priorities .fc { min-height:92px; display:flex; flex-direction:column; justify-content:center; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-case-status { display:block; height:auto; padding:0; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-case-status > .r37-states + .r37-states { border-top:1px solid var(--line); padding-top:8px; margin-top:8px; } html[data-vita-skin="a"] #page .gm-channel-card .gm-channel-mix { margin:0; padding:12px 16px; } html[data-vita-skin="a"] #page .gm-channel-card .mix { display:none; } html[data-vita-skin="a"] #page .r37-channel-figure { display:grid; grid-template-columns:160px minmax(0,1fr); align-items:center; gap:12px; } html[data-vita-skin="a"] #page .r37-channel-figure .mixl { display:grid; gap:12px; } html[data-vita-skin="a"] #page .gm-procurement-card .gm-goal-bar { width:150px; float:left; margin:12px 8px 12px 12px; } html[data-vita-skin="a"] #page #gm-home-procurement-chart { min-height:160px; padding:16px; display:grid; align-content:center; gap:15px; } .r37-province { display:grid; grid-template-columns:32px minmax(40px,1fr) 44px 38px; align-items:center; gap:8px; font-size:12px; } .r37-province b { font-weight:500; text-align:right; white-space:nowrap; } .r37-province small { font-size:11px; color:var(--ink3); white-space:nowrap; } html[data-vita-skin="a"] #page .gm-procurement-card :is(.g-foot,.kfoot) { clear:both; } .r37-legend { display:flex; flex-wrap:wrap; gap:20px; padding:10px 16px; font-size:11px; color:var(--ink3); border-top:1px solid var(--line2); } .r37-state-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--ink4); margin-right:7px; vertical-align:middle; flex:none; } .r37-state-dot.late { background:var(--red); }.r37-state-dot.partial { background:var(--amber-bar); }.r37-state-dot.complete { background:var(--green); } html[data-vita-skin="a"] #page .r37-ds-brief { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.45fr); align-items:center; } html[data-vita-skin="a"] #page .r37-ds-brief .r37-pulse-head { padding:12px 16px; } html[data-vita-skin="a"] #page .r37-ds-brief h2 { font-size:15px; line-height:1.65; } html[data-vita-skin="a"] #page .r37-ds-brief .pulse { border:0; padding:12px; } html[data-vita-skin="a"] #page .r37-ds-brief .pulse-value { font-size:22px; } html[data-vita-skin="a"] #page .r37-ds-brief .pulse-cell { padding:0 12px; } html[data-vita-skin="a"] #page .r37-info { margin-left:auto; color:var(--ink3); font-size:13px; cursor:help; } html[data-vita-skin="a"] #page .qhd { display:flex; align-items:center; gap:6px; padding:12px; min-height:44px; border-bottom:1px solid var(--line2); } html[data-vita-skin="a"] #page .qhd .num { color:var(--red); background:var(--red-bg); border-radius:9px; font-size:11px; padding:1px 5px; white-space:nowrap; } html[data-vita-skin="a"] #page .ds-queue-controls { padding:10px; } html[data-vita-skin="a"] #page .ds-queue-filters { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; } html[data-vita-skin="a"] #page .ds-queue-filters button { padding:3px 6px; font-size:11px; border:1px solid var(--line); border-radius:4px; background:#fff; color:var(--ink2); } html[data-vita-skin="a"] #page .ds-queue-filters button[aria-pressed="true"] { color:var(--red); background:var(--red-bg); border-color:var(--red-line); } html[data-vita-skin="a"] #page .qi { border-radius:0; border-bottom:1px solid var(--line2); padding:10px 12px; } html[data-vita-skin="a"] #page .role-store-top { padding:10px 16px; } html[data-vita-skin="a"] #page .role-store-top .r1 { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:17px; padding:0; } html[data-vita-skin="a"] #page .role-store-top .r1 h2 { font-size:16px; line-height:24px; } html[data-vita-skin="a"] #page .role-store-top .meta { margin-top:2px; font-size:12px; line-height:18px; } html[data-vita-skin="a"] #page .r37-store-pager { display:flex; align-items:center; gap:8px; min-height:0; padding:0; margin:0 0 0 auto; border:0; border-radius:0; background:transparent; font-size:12px; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-store-pager > .sp { display:none; } html[data-vita-skin="a"] #page .role-store-top .store-month-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(130px,.7fr); gap:20px; align-items:start; margin-top:6px; padding-top:6px; border-top:1px solid var(--line2); } html[data-vita-skin="a"] #page .store-month-item > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 5px; margin:0 0 3px; line-height:18px; } html[data-vita-skin="a"] #page .store-month-item > div > span { flex-basis:100%; color:var(--ink3); font-size:12px; line-height:18px; } html[data-vita-skin="a"] #page .store-month-item > div > b { font-size:15px; line-height:21px; font-weight:600; white-space:nowrap; } html[data-vita-skin="a"] #page .store-month-item > div > small { font-size:11px; white-space:nowrap; color:var(--ink3); } html[data-vita-skin="a"] #page .store-month-item .mg { display:grid; grid-template-columns:auto 1fr auto; gap:2px 5px; width:100%; max-width:none; margin:0; font-size:11px; line-height:16px; } html[data-vita-skin="a"] #page .store-month-item .mg > i { grid-column:1/-1; grid-row:1; width:100%; height:6px; margin:1px 0 2px; } html[data-vita-skin="a"] #page .store-month-item .mg > em { grid-column:1; grid-row:2; } html[data-vita-skin="a"] #page .store-month-item .mg > b { grid-column:2; grid-row:2; font-size:11px; } html[data-vita-skin="a"] #page .store-month-item .mg > small { grid-column:3; grid-row:2; font-size:11px; } html[data-vita-skin="a"] #page .store-month-ratio { display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:0; border:0; grid-column:auto; font-size:12px; color:var(--ink3); } html[data-vita-skin="a"] #page .store-month-ratio > b { font-size:18px; color:var(--ink); } html[data-vita-skin="a"] #page .store-month-ratio .lnk { align-self:flex-start; margin:4px 0 0; padding:0; min-height:0; height:auto; border:0; border-radius:0; box-shadow:none; background:transparent; color:var(--ink2); font-size:12px; } html[data-vita-skin="a"] #page .r37-store-pager .btn { min-height:24px; height:24px; font-size:12px; line-height:16px; padding:3px 7px; } html[data-vita-skin="a"] #page .r37-issue { border:1px solid var(--line); border-radius:10px; padding:0; overflow:hidden; } html[data-vita-skin="a"] #page .r37-issue :is(.diagnosis-card,.am-work-card,.case-header,.judgement-panel,.ai-brief,.r6-demo-body) { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; margin:0; } html[data-vita-skin="a"] #page .r37-issue :is(.case-header,.am-issue-head) { padding:12px 16px; } html[data-vita-skin="a"] #page .r37-issue .case-header::before { content:none; } html[data-vita-skin="a"] #page .r37-issue :is(.case-header__title h1,.am-issue-head h2) { font-size:18px; font-weight:600; line-height:1.5; margin:8px 0; } html[data-vita-skin="a"] #page .platform-chip { display:inline-flex; align-items:center; gap:5px; color:var(--ink2); background:transparent; padding:0; font-size:12px; } html[data-vita-skin="a"] #page .platform-chip::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--platform-dot,var(--ink3)); } html[data-vita-skin="a"] #page .case-header__facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:12px; gap:0; border:0; } html[data-vita-skin="a"] #page .fact-chip { display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:3px; min-width:0; padding:0 12px; border:0; border-left:1px solid var(--line2); border-radius:0; background:transparent; } html[data-vita-skin="a"] #page .fact-chip:first-child { border-left:0; padding-left:0; } html[data-vita-skin="a"] #page .fact-chip > strong { align-self:flex-start; font-family:var(--sans); font-size:22px; line-height:1.3; font-weight:600; } html[data-vita-skin="a"] #page .fact-chip :is(span,small) { font-size:12px; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-issue .r6-demo-lead { padding:12px 16px; } html[data-vita-skin="a"] #page .r37-issue .r6-demo-lead h2 { font-size:16px; line-height:1.55; margin:5px 0; } html[data-vita-skin="a"] #page .r37-issue .r6-demo-lead p { font-size:13px; color:var(--ink2); line-height:1.65; margin:0; } html[data-vita-skin="a"] #page .r37-four { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; } html[data-vita-skin="a"] #page .r37-four > * { border:0; border-left:1px solid var(--line2); padding:12px 14px; margin:0; background:transparent; border-radius:0; box-shadow:none; min-width:0; } html[data-vita-skin="a"] #page .r37-four > :first-child { border-left:0; } html[data-vita-skin="a"] #page .r37-four :is(h3,.r6-demo-module-title) { font-size:13px; font-weight:600; line-height:1.6; } html[data-vita-skin="a"] #page .r37-four > section > h3 { display:flex; align-items:center; flex-wrap:wrap; gap:6px; } html[data-vita-skin="a"] #page .r37-four > section > h3 > span { display:inline-grid; place-items:center; width:18px; height:18px; flex:0 0 18px; border-radius:50%; background:#1F2329; color:#fff; font-size:11px; font-weight:600; } html[data-vita-skin="a"] #page .r37-money-unit { margin-left:auto; font-size:10px; font-weight:400; color:var(--ink3); white-space:nowrap; } html[data-vita-skin="a"] #page .r37-four table { width:100%; min-width:0; max-width:100%; table-layout:auto; } html[data-vita-skin="a"] #page .r37-four table :is(th,td) { padding:5px 4px; font-size:12px; line-height:1.6; } html[data-vita-skin="a"] #page .r37-four table thead th { white-space:normal; } html[data-vita-skin="a"] #page .r37-four table tbody :is(th,td) { white-space:nowrap; } html[data-vita-skin="a"] #page .r37-four :is(p,li,td,small) { font-size:12px; line-height:1.65; } html[data-vita-skin="a"] #page .r37-four :is(.r6-demo-checks article,.am-problem-evidence) { border:0; border-left:2px solid var(--ink4); background:var(--soft); padding:8px; border-radius:0; } html[data-vita-skin="a"] #page .r37-four .r6-demo-checks article.is-primary { border-left-color:var(--red); } html[data-vita-skin="a"] #page .r37-confirm-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } html[data-vita-skin="a"] #page .r37-confirm-grid :is(.role-work-confirm,.followup-composer,.legacy-followup,.legacy-collaboration) { border:0; border-radius:0; padding:14px 16px; background:transparent; margin:0; box-shadow:none; } html[data-vita-skin="a"] #page .r37-follow-column { border-left:1px solid var(--line2); min-width:0; } html[data-vita-skin="a"] #page .r37-confirm-grid .legacy-collaboration { border-top:1px solid var(--line2); } html[data-vita-skin="a"] #page .r37-confirm-grid .role-work-options { grid-template-columns:1fr; } html[data-vita-skin="a"] #page .r37-confirm-grid .followup-draft-label { display:block; width:100%; } html[data-vita-skin="a"] #page .r37-confirm-grid textarea { display:block; box-sizing:border-box; width:100%; min-height:76px; padding:9px 10px; resize:vertical; } html[data-vita-skin="a"] #page .r37-confirm-grid textarea[hidden] { display:none; } html[data-vita-skin="a"] #page .r37-confirm-grid .followup-composer__heading span { display:block; margin:4px 0 10px; color:var(--ink3); font-size:12px; } html[data-vita-skin="a"] #page .r37-confirm-grid .sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } html[data-vita-skin="a"] #page .role-work-option { padding:10px 0; border:0; border-bottom:1px solid var(--line2); border-radius:0; background:transparent; } html[data-vita-skin="a"] #page .role-work-option.selected { background:var(--red-bg); } html[data-vita-skin="a"] #page .role-work-option > span { min-width:0; } html[data-vita-skin="a"] #page .role-work-option p { font-size:12px; line-height:1.65; color:var(--ink2); } .r37-support-label { display:inline; color:var(--ink3); margin-right:6px; font-weight:500; }.r37-counter { display:block; margin-top:4px; } html[data-vita-skin="a"] #page .r37-evidence-label { border:0; padding:0 0 8px; color:var(--ink3); font-size:12px; } html[data-vita-skin="a"] #page .sp-nav { position:sticky; top:52px; z-index:8; margin:0 0 12px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.97); } html[data-vita-skin="a"] #page .sp-full-data .sp-sec { margin-top:12px; } html[data-vita-skin="a"] #page .r37-activities th:first-child { width:60%; } html[data-vita-skin="a"] #page .r37-activities td:nth-child(n+2) { white-space:nowrap; } html[data-vita-skin="a"] #page .r37-activities { table-layout:auto; } html[data-vita-skin="a"] #page .r37-activities th:first-child { width:auto; } html[data-vita-skin="a"] #page .r37-activities :is(th,td) { padding-left:5px; padding-right:5px; } html[data-vita-skin="a"] #page .r37-activities :is(th,td):nth-child(2) { min-width:0; width:86px; } html[data-vita-skin="a"] #page .r37-activities :is(th,td):last-child { min-width:0; width:48px; } .r37-activity-content { display:block; font-size:12px; color:var(--ink3); margin-top:3px; } html[data-vita-skin="a"] #page .r37-states b { font-size:12px; line-height:1.4; color:var(--ink2); } html[data-vita-skin="a"] #page .r37-states span { font-size:11px; line-height:1.5; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-states { padding:0; margin:0; } html[data-vita-skin="a"] #page .r37-small-compare { display:grid; grid-template-columns:48px minmax(20px,1fr) 44px; align-items:center; gap:5px; font-size:11px; margin:2px 0; } html[data-vita-skin="a"] #page .r37-small-compare b { font-size:11px; font-weight:400; } html[data-vita-skin="a"] #page .r37-small-compare .r37-inline-bar { margin:0; } html[data-vita-skin="a"] #page .r37-risk-summary { width:100%; display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; padding:0; margin:0; } html[data-vita-skin="a"] #page .r37-risk-summary :is(p,small) { margin:0; font-size:12px; } html[data-vita-skin="a"] #page .r37-risk-summary small { color:var(--ink3); } html[data-vita-skin="a"] #page .r37-findings > [data-r13-block="findings"] { margin:0; border:0; padding:0; } html[data-vita-skin="a"] #page .r37-findings .fcards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; } html[data-vita-skin="a"] #page .r37-findings .fcard:nth-child(n+4) { border-top:1px solid var(--line2); } html[data-vita-skin="a"] #page .r37-findings .fcard:nth-child(3n+1) { border-left:0; } html[data-vita-skin="a"] #page .r37-findings .fcard .big { font-size:25px; } html[data-vita-skin="a"] #page .r37-findings .fcard .t { font-size:15px; } html[data-vita-skin="a"] #page .r37-findings .fcard .fc { min-height:80px; } html[data-vita-skin="a"] #page .r37-findings .fcard .fc > svg { width:100%; } html[data-vita-skin="a"] #page .am-home-metrics.pulse { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); } html[data-vita-skin="a"] #page .am-home-metrics .am-metric { border:0; border-left:1px solid var(--line2); border-radius:0; background:transparent; text-align:left; box-shadow:none; } html[data-vita-skin="a"] #page .am-home-metrics .am-metric:first-child { border-left:0; } html[data-vita-skin="a"] #page .am-home-metrics .pulse-value { font-size:27px; } html[data-vita-skin="a"] #page .am-home-metrics .am-metric p { margin:4px 0 0; } html[data-vita-skin="a"] #page .am-home-metrics .r37-health-cell { margin:0; align-items:stretch; flex-wrap:nowrap; line-height:inherit; } html[data-vita-skin="a"] #page .r37-handover-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 12px; border-bottom:1px solid var(--line2); padding:8px 0; margin:0; } html[data-vita-skin="a"] #page .r37-pulse:not(.r37-ds-brief) { display:block; } html[data-vita-skin="a"] #page .r37-ds-brief .r37-pulse-head h2 { font-size:16px; line-height:1.6; } html[data-vita-skin="a"] #page .pulse-note { white-space:normal; line-height:1.6; } html[data-vita-skin="a"] #page .pulse-viz { width:100%; align-self:stretch; } html[data-vita-skin="a"] #page .r37-bullet { height:7px; min-height:7px; padding:0; margin:5px 0; border:0; } html[data-vita-skin="a"] #page .r37-layout > * { margin:0; min-width:0; } html[data-vita-skin="a"] #side .cs-mini i.d { background:#AEB8C6; } html[data-vita-skin="a"] #page.r37-surface > * + * { margin-top:12px; } html[data-vita-skin="a"] #page .r37-nowrap { display:inline; white-space:nowrap; font:inherit; color:inherit; } html[data-vita-skin="a"] #page .r37-context-caption { padding:8px 16px; margin:0; border-bottom:1px solid var(--line2); flex-wrap:wrap; gap:4px 12px; background:var(--soft); } html[data-vita-skin="a"] #page .r37-context-caption h2 { font-size:12px; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-gm-priorities .fc { height:auto; min-height:96px; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-case-status { display:block; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-case-status .r37-states + .r37-states { border-top:1px solid var(--line2); margin-top:8px; padding-top:8px; } html[data-vita-skin="a"] #page .r37-brief-ai { float:none; margin-right:10px; color:var(--red); } html[data-vita-skin="a"] #page .r37-findings .ddx-ai-short { margin:8px 0; padding:8px 10px; } html[data-vita-skin="a"] #page .r37-queue-heading { padding:12px; margin:0; display:block; border-bottom:1px solid var(--line2); } html[data-vita-skin="a"] #page .r37-queue-heading .aside { display:block; font-size:12px; line-height:1.6; margin-top:4px; } html[data-vita-skin="a"] #page .uik-review-b { display:block; padding:12px 16px; } html[data-vita-skin="a"] #page .uik-review-b > .r { border:0; border-top:1px solid var(--line2); margin-top:10px; padding:10px 0 0; } html[data-vita-skin="a"] #page .r16-review-facts { font-size:13px; line-height:1.7; padding:0; margin:0; } html[data-vita-skin="a"] #page .uik-ai { border:0; border-left:3px solid var(--red); border-radius:0; padding:12px 16px; background:var(--red-bg); } html[data-vita-skin="a"] #page .uik-ai blockquote { border:0; background:rgba(255,255,255,.75); font-size:12px; padding:8px 12px; margin:8px 0; line-height:1.7; } html[data-vita-skin="a"] #page .uik-ai-prov.opus-clean-hidden { display:flex !important; } html[data-vita-skin="a"] #page .journey-team .heat { table-layout:fixed; width:100%; } html[data-vita-skin="a"] #page .journey-team .heat :is(th,td) { width:auto; padding:10px 8px; } html[data-vita-skin="a"] #page .journey-team .heat th:first-child { width:16%; } html[data-vita-skin="a"] #page .journey-team .heat th { white-space:normal; } html[data-vita-skin="a"] #page .journey-team .heat td.num { white-space:nowrap; } html[data-vita-skin="a"] #page .kpi2 .kt th:first-child { width:92px; } html[data-vita-skin="a"] #page .ddx-kpi th:first-child { width:92px; } html[data-vita-skin="a"] #page .ddx-kpi td:first-child :is(b,em) { white-space:nowrap; width:auto; } html[data-vita-skin="a"] #page .work-ai:has(> p.muted) { display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 12px; align-items:center; padding:10px 16px; } html[data-vita-skin="a"] #page .work-ai:has(> p.muted) > h3 { font-size:12px; margin:0; } html[data-vita-skin="a"] #page .work-ai:has(> p.muted) > p.muted { justify-self:start; margin:0; padding:2px 7px; border-radius:4px; background:var(--soft); font-size:11px; } html[data-vita-skin="a"] #page .work-ai:has(> p.muted) > .view-note { grid-column:1/-1; margin:0; font-size:11px; } html[data-vita-skin="a"] #page .kpi2 .kt td:first-child :is(b,em) { white-space:nowrap; width:auto; } html[data-vita-skin="a"] #page .r37-findings .ddx-minibars > div { grid-template-columns:102px minmax(0,1fr) 52px; } html[data-vita-skin="a"] #page .r37-findings .ddx-minibars > div > span { width:auto; max-width:none; } html[data-vita-skin="a"] #page .qlist .qi .nm { min-width:0; overflow:visible; text-overflow:clip; white-space:normal; line-height:1.5; } html[data-vita-skin="a"] #page .qlist .qi .kn { flex:none; font-size:11px; } html[data-vita-skin="a"] #page .cs-day small { white-space:normal; text-overflow:clip; overflow:visible; line-height:1.4; } html[data-vita-skin="a"] #page .ddx-op-table td small { white-space:normal; line-height:1.5; } html[data-vita-skin="a"] #page svg [fill="#7FA3E6"] { fill:#A9AEB8; } html[data-vita-skin="a"] #page svg [stop-color="#9DBBF0"] { stop-color:#D9DCE1; } html[data-vita-skin="a"] #page .r37-handover-row small { grid-column:1; grid-row:2; font-size:12px; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-handover-row button { grid-column:2; grid-row:1/3; } html[data-vita-skin="a"] #page .nsf-opened-actions { padding:8px 16px 12px; } html[data-vita-skin="a"] #page .cs-row2 > .cs-card { align-self:stretch; } html[data-vita-skin="a"] #page .cs-row2 > .cs-card:first-child { display:flex; flex-direction:column; } html[data-vita-skin="a"] #page .cs-row2 > .cs-card:first-child table { flex:1; } html[data-vita-skin="a"] #page .cs-row2 .cs-more { display:block; padding:12px 16px; } html[data-vita-skin="a"] #page .cs-kpis .cs-k > button { align-self:flex-start; padding:0; } html[data-vita-skin="a"] #page .cs-kpis .cs-k > small { line-height:1.6; white-space:normal; } html[data-vita-skin="a"] #page .gm-channel-mix .mixl span:nth-child(1) i { background:#4E5969 !important; } html[data-vita-skin="a"] #page .gm-channel-mix .mixl span:nth-child(2) i { background:#A9AEB8 !important; } html[data-vita-skin="a"] #page .gm-channel-mix .mixl span:nth-child(3) i { background:#D9DCE1 !important; } html[data-vita-skin="a"] #page .mod > :is(p,.view-note,.three-stats) { margin:10px 16px; } html[data-vita-skin="a"] #page .mod > table { width:100%; } html[data-vita-skin="a"] #page .cs-c.d,html[data-vita-skin="a"] #page .cs-mini i.d { background:#AEB8C6; } /* R37.1：浅色脉搏、同一路径的关注列与紧凑标题。 */ html[data-vita-skin="a"] #page.gm-role-home .r37-pulse-head { background:#fff; border:0; border-radius:10px 10px 0 0; } html[data-vita-skin="a"] #page .r37-channel-key { display:flex; flex-wrap:wrap; gap:3px 8px; margin-top:6px; font-size:10px; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-channel-key span { white-space:nowrap; } html[data-vita-skin="a"] #page .r37-channel-key i { display:inline-block; width:6px; height:6px; margin-right:3px; border-radius:1px; } html[data-vita-skin="a"] #page .r37-chart-range { display:block; margin-top:3px; font-size:10px; color:var(--ink3); } html[data-vita-skin="a"] #page .pulse .r37-states i.bad { background:var(--red); } html[data-vita-skin="a"] #page .r37-gm-priorities .kind { display:flex; align-items:center; gap:7px; padding:0; border:0; background:transparent; color:var(--ink2); font-size:12px; } html[data-vita-skin="a"] #page .r37-rank { display:inline-grid; place-items:center; width:20px; height:20px; flex:none; border-radius:50%; background:var(--ink); color:#fff; font-size:11px; font-weight:600; } html[data-vita-skin="a"] #page .r37-rank.first { background:var(--red); } html[data-vita-skin="a"] #page .r37-gm-priorities .fc { display:block; min-height:0; height:auto; margin:0 0 10px; padding:10px 12px; } html[data-vita-skin="a"] #page .r37-figure-cap { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:8px; } html[data-vita-skin="a"] #page .r37-figure-cap .bn { margin:0; min-width:0; font-size:12px; color:var(--ink3); text-align:left; } html[data-vita-skin="a"] #page .r37-figure-cap .big { margin:0; flex:none; font-size:20px; font-weight:600; line-height:1.3; text-align:right; white-space:nowrap; } html[data-vita-skin="a"] #page .r37-figure-cap .big small { font-size:12px; font-weight:400; color:var(--ink3); margin-left:3px; } html[data-vita-skin="a"] #page .r37-figure-caption { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:2px 8px; font-size:11px; color:var(--ink3); margin:6px 0; } html[data-vita-skin="a"] #page .r37-figure-caption b { font-size:11px; color:var(--ink2); font-weight:500; } html[data-vita-skin="a"] #page .r37-gm-priorities :is(.read,.gap) { display:block; padding:0; margin:6px 0 0; min-height:0; height:auto; border:0; border-radius:0; background:transparent; color:var(--ink2); text-align:left; font-size:12px; line-height:1.7; } html[data-vita-skin="a"] #page .r37-gm-priorities :is(.read,.gap)::before { display:inline; padding:0; margin-right:7px; border:0; border-radius:0; background:transparent; color:var(--ink3); font-size:11px; } html[data-vita-skin="a"] #page .r37-gm-priorities .gm-insight-reason { margin:0; font-size:12px; line-height:1.7; } html[data-vita-skin="a"] #page .r37-state-tiles > div { background:#fff; border:1px solid var(--line); border-radius:5px; padding:6px 8px; text-align:left; } html[data-vita-skin="a"] #page .r37-state-tiles span { text-align:left; } html[data-vita-skin="a"] #page .r37-state-tiles b { margin:0; font-size:15px; } html[data-vita-skin="a"] #page .r37-state-tiles b.neg { color:var(--red); } html[data-vita-skin="a"] #page .r37-service-totals { display:flex; flex-wrap:wrap; gap:4px 12px; padding-top:8px; font-size:11px; color:var(--ink3); } html[data-vita-skin="a"] #page .r37-service-totals span { text-align:left; white-space:nowrap; } html[data-vita-skin="a"] #page .r37-service-totals b { display:inline; margin:0; font-size:12px; font-weight:600; } html[data-vita-skin="a"] #page .gm-procurement-card .g-head { flex-wrap:nowrap; gap:8px; } html[data-vita-skin="a"] #page .gm-procurement-card .g-head .l { min-width:0; flex:none; white-space:nowrap; font-size:14px; } html[data-vita-skin="a"] #page .gm-procurement-card .g-head > small { font-size:12px; color:var(--ink3); line-height:1.4; min-width:0; } html[data-vita-skin="a"] #page .gm-procurement-card .g-head .tags { display:flex; flex-direction:row; align-items:center; flex:none; gap:4px; margin-left:auto; } html[data-vita-skin="a"] #page .gm-procurement-card .g-head .tags > [data-uik-info] { margin:0; } html[data-vita-skin="a"] #page .r37-stage { display:grid; grid-template-columns:6px minmax(0,1fr); align-items:start; gap:7px; } html[data-vita-skin="a"] #page .r37-stage > .r37-state-dot { margin:7px 0 0; } /* R38：小图直接标对象和参照，沿用 R37 的模块与岗位布局。 */ html[data-vita-skin="a"] #page .r38-unit-grid { gap:1.5px; width:100%; max-width:200px; grid-template-columns:repeat(var(--waffle-cols),minmax(0,1fr)); } html[data-vita-skin="a"] #page .r38-unit-grid > i { aspect-ratio:1; border-radius:0; background:#DADDE2; } html[data-vita-skin="a"] #page .r38-unit-grid > i.bad { background:#D9534F; } html[data-vita-skin="a"] #page .r38-unit-key { display:flex; flex-wrap:wrap; gap:3px 9px; margin-top:7px; font-size:11px; line-height:1.5; color:var(--ink3); } html[data-vita-skin="a"] #page .r38-unit-key > span { display:inline-flex; align-items:center; gap:4px; } html[data-vita-skin="a"] #page .r38-unit-key i { display:inline-block; width:7px; height:7px; background:#DADDE2; flex:none; } html[data-vita-skin="a"] #page .r38-unit-key i.bad { background:#D9534F; } html[data-vita-skin="a"] #page .r38-unit-key small { width:100%; } html[data-vita-skin="a"] #page #gm-home-food-chart .r38-unit-key { column-gap:4px; } html[data-vita-skin="a"] #page #gm-home-food-chart .r38-unit-key > span { gap:2px; } html[data-vita-skin="a"] #page .r38-stack { display:flex; gap:2px; padding-bottom:68px; } html[data-vita-skin="a"] #page .r38-stack-segment { position:relative; min-width:0; } html[data-vita-skin="a"] #page .r38-stack-segment > i { display:block; width:100%; border-radius:1px; } html[data-vita-skin="a"] #page .r38-stack-label { position:absolute; top:100%; left:50%; transform:translateX(-50%); width:max-content; padding-top:5px; font-size:10px; line-height:1.4; text-align:center; color:var(--ink3); } html[data-vita-skin="a"] #page .r38-stack-label > span,html[data-vita-skin="a"] #page .r38-stack-label > b { display:block; font-size:10px; font-weight:400; line-height:1.4; } html[data-vita-skin="a"] #page .r38-stack-segment.is-narrow .r38-stack-label { padding-top:36px; } html[data-vita-skin="a"] #page .r38-stack-segment.is-narrow::after { content:''; position:absolute; top:100%; left:50%; height:33px; border-left:1px solid var(--line); } html[data-vita-skin="a"] #page .r37-bullet.r38-timed { height:7px; min-height:7px; margin-top:25px; margin-bottom:7px; } html[data-vita-skin="a"] #page .r37-bullet > u > em { position:absolute; bottom:100%; left:0; font-style:normal; font-size:10px; line-height:1.4; white-space:nowrap; color:var(--ink3); transform:translateX(-30%); margin-bottom:3px; } html[data-vita-skin="a"] #page .r38-counts { font-size:11px; line-height:1.8; color:var(--ink3); } html[data-vita-skin="a"] #page .r38-counts > span { display:inline-block; } html[data-vita-skin="a"] #page .r38-counts > .neg { color:var(--red); } html[data-vita-skin="a"] #page .r38-compare { display:grid; grid-template-columns:minmax(36px,max-content) minmax(24px,1fr) max-content; align-items:center; gap:5px 6px; width:100%; min-width:0; } html[data-vita-skin="a"] #page .r38-compare-row { display:grid; grid-template-columns:subgrid; grid-column:1 / -1; align-items:center; column-gap:6px; font-size:11px; line-height:1.5; } html[data-vita-skin="a"] #page .r38-compare-name { min-width:0; max-width:100px; color:var(--ink3); } html[data-vita-skin="a"] #page .r38-compare-row.uik-hl .r38-compare-name { color:var(--red); font-weight:600; } html[data-vita-skin="a"] #page .r38-compare-value { margin:0; font-size:11px; line-height:1.5; font-weight:500; font-style:normal; text-align:right; white-space:nowrap; color:var(--ink2); } html[data-vita-skin="a"] #page .r38-compare-track,html[data-vita-skin="a"] #page .r37-inline-bar { position:relative; display:block; height:5px; padding:0; margin:5px 0; background:#EEF0F3; border-radius:1px; } html[data-vita-skin="a"] #page .r38-compare-track { width:100%; max-width:none; } html[data-vita-skin="a"] #page .r38-bar-fill { position:absolute; top:0; bottom:0; height:100%; border-radius:1px; } html[data-vita-skin="a"] #page .r38-ref-line { position:absolute; top:-3px; bottom:-3px; width:0; border:0; border-left:1px dashed var(--ink2); text-decoration:none; } html[data-vita-skin="a"] #page .r38-compare-ref,html[data-vita-skin="a"] #page .r38-table-ref { display:block; margin-top:6px; color:var(--ink3); font-size:10px; font-weight:400; line-height:1.5; } html[data-vita-skin="a"] #page .r38-compare-ref { grid-column:1 / -1; margin-top:1px; } html[data-vita-skin="a"] #page .r38-compare-ref > i,html[data-vita-skin="a"] #page .r38-table-ref > i { display:inline-block; width:0; height:10px; border-left:1px dashed var(--ink2); margin-right:5px; vertical-align:-1px; } html[data-vita-skin="a"] #page .r38-area-jump { display:inline-block; border:0; padding:0; margin:12px 0 0; background:transparent; color:var(--ink2); font-size:12px; cursor:pointer; } html[data-vita-skin="a"] #page .r38-decline-cell { white-space:nowrap; } html[data-vita-skin="a"] #page .r38-decline-cell .r37-inline-bar { max-width:100px; } html[data-vita-skin="a"] #page #am-all-stores .hide-s .r37-inline-bar { flex:1; min-width:60px; } html[data-vita-skin="a"] #page .r37-stage-copy { min-width:0; text-align:left; } html[data-vita-skin="a"] #page .r37-stage-copy em { margin-left:0; } html[data-vita-skin="a"] #page .r37-queue-head > b { font-size:14px; font-weight:600; color:var(--ink); } html[data-vita-skin="a"] #page .r37-queue-head .badge { background:var(--red); color:#fff; } html[data-vita-skin="a"] #page .ds-queue-controls label > [hidden] { display:none; } html[data-vita-skin="a"] #page .r37-ratio-caption { display:block; color:var(--ink3); font-size:11px; margin-top:6px; } html[data-vita-skin="a"] #page .ddx-operations .ddx-op-table { min-width:0; width:100%; table-layout:fixed; } html[data-vita-skin="a"] #page .ddx-operations .ddx-op-table :is(th,td) { padding-left:6px; padding-right:6px; } html[data-vita-skin="a"] #page .ddx-operations .ddx-op-table th { white-space:normal; } html[data-vita-skin="a"] #page .uik-ramp-r { grid-template-columns:128px minmax(0,1fr); } html[data-vita-skin="a"] #page .uik-ramp-r .uik-trk { display:flex; width:100%; min-width:0; } html[data-vita-skin="a"] #page .uik-ramp-r .uik-trk i { flex:1; width:auto; min-width:0; } html[data-vita-skin="a"] #page .finance-accounts :is(th,td) { padding-left:8px; padding-right:8px; } html[data-vita-skin="a"] #page .gm-procurement-card .g-head > small { white-space:nowrap; } @media(max-width:1359px){html[data-vita-skin="a"] #page .r37-four { grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-vita-skin="a"] #page .r37-four > :nth-child(odd){border-left:0;}html[data-vita-skin="a"] #page .r37-four > :nth-child(n+3){border-top:1px solid var(--line2);}} @media(max-width:1000px){html[data-vita-skin="a"] #page .r37-ds-brief{display:block;}html[data-vita-skin="a"] #page .r37-confirm-grid{grid-template-columns:1fr;}html[data-vita-skin="a"] #page .r37-follow-column{border-left:0;border-top:1px solid var(--line2);}} /* od-extra.css */ /* R16：只作用于新增区块；保留原首页与门店面板样式。 */ .od-extra { margin:18px 0; min-width:0; } .od-extra .card-h { display:flex; align-items:center; gap:12px; padding:14px 18px 0; } .od-extra .card-h h2 { margin:0; font-size:15px; font-weight:600; } .od-extra .block-body { padding:12px 18px 18px; } .od-extra .table-wrap { overflow-x:auto; } .od-extra .kt { width:100%; } .od-risk .table-wrap { margin-top:12px; } .od-risk .kt td,.od-risk .kt th { padding:10px 14px; white-space:normal; } .od-risk .od-risk-table { table-layout:fixed; } .od-risk .od-risk-table th:first-child { width:20%; } .od-risk .od-risk-table td:not(:first-child),.od-risk .od-risk-table th:not(:first-child) { text-align:right; } .od-risk .od-risk-table th:last-child { width:18%; } .od-risk .od-risk-table .hn { background:#fbeeea; } .od-risk .op-number { height:auto; min-height:0; border:0; padding:0; background:transparent; color:var(--ink); font:inherit; font-weight:600; line-height:inherit; white-space:nowrap; text-decoration:underline dotted #aab2c2; text-underline-offset:3px; cursor:pointer; } .od-risk .op-number:hover,.od-risk .op-number[aria-expanded="true"] { color:var(--tab-ink); text-decoration-color:var(--tab-ink); } .od-risk .op-number:focus-visible { outline:2px solid var(--tab-ink); outline-offset:3px; } .od-risk .od-order-risk { margin:14px 18px 0; font-size:12px; } .od-risk #od-risk-list { padding:14px 18px 18px; border-top:1px solid var(--line); } .od-risk .op-list-head { display:flex; align-items:center; justify-content:space-between; gap:14px; } .od-risk .op-list-head h3 { margin:0; font-size:14px; } .od-risk .od-risk-stores td { font-size:12px; overflow-wrap:anywhere; } .od-extra [hidden] { display:none; } /* 与门店口碑区的 ros-surface.inline 同结构、浅色抬头，判断和核查顺序沿一条阅读路径排列。 */ .r16-review { min-width:0; } .r16-review .r16-review-facts,.r16-review .r16-review-areas { margin:12px 18px; font-size:12px; line-height:1.8; } .r16-review .r16-review-areas { color:var(--ink2); } .r16-review .ros-surface.inline { margin:12px 18px 18px; color:var(--ink); } .r16-review .ros-lead { padding:12px 16px 14px; background:#f7f8fb; border:1px solid #e2e7ef; border-left:3px solid #1d222d; border-radius:10px 10px 0 0; } .r16-review .ros-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:var(--ink2); font-size:11px; line-height:1.6; overflow-wrap:anywhere; } .r16-review .ros-ai-mark { padding:2px 5px; background:#1d222d; color:#fff; border-radius:4px; font-weight:600; } .r16-review .ros-kicker time { margin-left:auto; color:var(--ink3); font-size:10px; } .r16-review .ros-lead h3 { margin:8px 0 4px; font-size:15px; line-height:1.65; } .r16-review .ros-lead>p { margin:0; color:var(--ink2); font-size:12.5px; line-height:1.8; } .r16-review [data-ai-field] { white-space:pre-wrap; overflow-wrap:anywhere; } .r16-review .ros-modules { border:1px solid #e2e7ef; border-top:0; border-radius:0 0 10px 10px; } .r16-review .ros-module { padding:14px 16px; } .r16-review .ros-module+.ros-module { border-top:1px solid #e2e7ef; } .r16-review .ros-module-head h4 { margin:0 0 10px; font-size:13px; } .r16-review .ros-checks,.r16-review .ros-items { display:grid; gap:9px; } .r16-review .ros-check,.r16-review .ros-item { padding:10px 12px; border:1px solid #e5e9f0; border-radius:8px; background:#f7f8fb; } .r16-review .ros-check summary { display:flex; align-items:baseline; gap:8px; list-style:none; cursor:pointer; font-size:12px; line-height:1.75; } .r16-review .ros-check summary::-webkit-details-marker { display:none; } .r16-review .ros-check summary:focus-visible { outline:2px solid var(--tab-ink); outline-offset:4px; } .r16-review .r16-disclosure { display:inline-block; flex:none; } .r16-review .ros-check[open] .r16-disclosure { transform:rotate(90deg); } .r16-review .r16-judgment-detail { padding:10px 0 0 16px; font-size:12px; line-height:1.75; } .r16-review .r16-judgment-detail>b { display:block; margin-top:7px; color:var(--ink3); font-size:11px; font-weight:500; } .r16-review .r16-judgment-detail>p { margin:2px 0 0; color:var(--ink2); } .r16-review .ros-item>strong { font-size:12px; } .r16-review .ros-item>p { margin:5px 0; font-size:12px; line-height:1.8; } .r16-review .ros-item>small { display:block; color:var(--ink2); font-size:11px; line-height:1.8; } .r16-review .r16-ai-blocked { margin-top:10px; } .od-extra .ddx-review { border-top:1px solid var(--line); margin:0 18px; padding:10px 0 14px; } .od-extra .ddx-review p { font-size:12px; margin:0 0 9px; } .od-extra .ddx-review .muted { margin:8px 0 0; font-size:11px; } .od-extra .ddx-review-bar { display:flex; height:14px; border-radius:3px; } .od-extra .ddx-review-bar>span:focus-visible { outline:2px solid var(--ink); outline-offset:2px; } .od-extra .review-0 { background:#C0231F; } .od-extra .review-1 { background:#A9AEB8; } .od-extra .review-2 { background:#D9DCE1; } .od-extra .ddx-review-legend { display:flex; flex-wrap:wrap; gap:6px 20px; margin-top:8px; font-size:11px; } .od-extra .ddx-review-legend i { display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:2px; } /* R15 门店分档在营运范围下复用。 */ .od-extra .ddx-reading { font-size:13px; margin:0; } .od-extra .block-body>.muted { margin:6px 0 14px; font-size:11px; } .od-extra .ddx-decline-body { display:grid; grid-template-columns:minmax(170px,1fr) minmax(0,2fr); gap:24px; } .od-extra .ddx-tiers { display:grid; gap:8px; } .od-extra .ddx-tiers>div { background:#f8f9fb; border-radius:6px; padding:10px 12px; } .od-extra .ddx-tiers span { font-size:12px; } .od-extra .ddx-tiers b { display:block; margin:4px 0; font-size:21px; font-weight:600; } .od-extra .ddx-tiers small { display:block; font-size:11px; line-height:1.8; } .od-extra .ddx-hist h3 { margin:4px 0 0; font-size:12px; font-weight:500; } .od-extra .ddx-hist-bars { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; align-items:end; height:220px; padding-bottom:16px; } .od-extra .ddx-hist-bars>div { display:flex; flex-direction:column; align-items:center; gap:8px; } .od-extra .ddx-hist-bars b { font-size:12px; font-weight:500; white-space:nowrap; } .od-extra .ddx-hist-bars i { width:22px; display:block; border-radius:3px 3px 0 0; } .od-extra .ddx-hist-bars span { font-size:10px; line-height:1.5; height:30px; text-align:center; } .od-extra .ddx-hist-bars .down { background:#C0231F; } .od-extra .ddx-hist-bars .up { background:#86a69a; } .od-extra .ddx-hist>small { display:block; font-size:10px; line-height:1.6; } .od-extra .ddx-top-note { font-size:12px; margin:14px 0 6px; } .od-extra .ddx-top-note .view { display:inline; color:var(--tab-ink); } .od-extra .ddx-week-table { margin-top:14px; } .od-extra .ddx-week-table .kt { min-width:0; table-layout:fixed; } .od-extra .ddx-week-table .kt th,.od-extra .ddx-week-table .kt td { padding:8px 5px; font-size:11px; white-space:normal; overflow-wrap:anywhere; } .od-extra .ddx-week-table th:first-child { width:20%; } .od-extra .ddx-week-table th:nth-child(2) { width:7%; } .od-extra .ddx-week-table td:nth-child(n+5) { text-align:right; } @media(max-width:800px) { .od-risk .od-risk-table { min-width:680px; } .od-extra .ddx-week-table .kt { min-width:680px; } .od-extra .ddx-decline-body { grid-template-columns:minmax(0,1fr); } .r16-review .ros-kicker time { flex-basis:100%; margin-left:0; } } /* R16：原运营口径折叠，原文字逐字保留。 */ .ddx-home .ddx-operating-notes { border-top:1px solid var(--line); } .ddx-home .ddx-operating-notes>summary { padding:10px 18px; color:var(--ink2); font-size:12px; cursor:pointer; list-style:none; } .ddx-home .ddx-operating-notes>summary::-webkit-details-marker { display:none; } .ddx-home .ddx-operating-notes>summary span { display:inline-block; } .ddx-home .ddx-operating-notes[open]>summary span { transform:rotate(90deg); } .ddx-home .ddx-operating-notes>summary:focus-visible { outline:2px solid var(--tab-ink); outline-offset:-3px; } .ddx-home .ddx-operating-notes .kfoot { padding-top:0; } .ddx-home .r16-review { border-top:1px solid var(--line); } /* R32: director overview and scoped evidence. */ .od-home .banner h2 { font-size:23px; line-height:1.6; } .od-home .od-priorities,.od-home .od-focus-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } .od-home .od-priorities { margin:16px 0 24px; } .od-home .od-priorities>a { display:block; padding:17px 18px; color:inherit; text-decoration:none; } .od-home .od-priorities span { font-size:13px; color:var(--ink2); } .od-home .od-priorities b { display:block; font-size:27px; font-weight:600; margin-top:8px; } .od-home .od-priorities small { font-size:11px; font-weight:400; margin-left:6px; color:var(--ink2); } .od-home .od-priorities p { font-size:12px; color:var(--ink2); margin:6px 0; } .od-home .od-priorities em { font-size:12px; font-style:normal; color:var(--tab-ink); } .od-home .od-home-focus { margin-bottom:20px; } .od-home .od-focus-card { display:flex; flex-direction:column; align-items:flex-start; padding:18px; } .od-home .od-focus-number { font-size:27px; font-weight:600; } .od-home .od-focus-number small { font-size:13px; margin-left:4px; font-weight:400; } .od-home .od-focus-card p { flex:1; margin:9px 0 14px; font-size:13px; line-height:1.7; } .od-detail-link { border:0; padding:0; background:none; color:var(--tab-ink); cursor:pointer; font:inherit; font-size:13px; line-height:1.6; text-align:left; white-space:normal; } .od-detail-link:hover { text-decoration:underline; } .od-detail-link:focus-visible { outline:2px solid var(--tab-ink); outline-offset:3px; } .od-home .od-team-section { margin:20px 0; } .od-home .od-team-section .card-h { display:flex; gap:12px; align-items:center; padding:16px 18px; } .od-home .od-team-section h2,.od-home .od-review-summary h2 { margin:0; font-size:16px; } .od-home .od-team-section .uik-list-table { width:100%; min-width:0; table-layout:fixed; } .od-home .od-team-section th:first-child { width:16%; } .od-home .od-team-section th { width:28%; } .od-home .od-team-section td { height:auto!important; padding:13px 16px; line-height:1.65; white-space:normal; } .od-home .od-team-section td small { display:block; font-size:11px; color:var(--ink2); margin-top:3px; } .od-home .od-team-section a { color:var(--tab-ink); text-decoration:none; } .od-home .od-review-summary { padding:16px 18px; margin-bottom:18px; } .od-home .od-review-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; font-size:13px; line-height:1.8; } .od-home .od-review-grid small { display:block; margin-top:6px; color:var(--ink3); font-size:11px; } .od-disclosure>summary { cursor:pointer; padding:14px 18px; font-size:13px; line-height:1.6; color:var(--ink2); } .od-disclosure>summary:focus-visible { outline:2px solid var(--tab-ink); outline-offset:-2px; } .od-home .od-more-content { padding:0 18px 18px; } .od-home .od-more-data .kpi2 { grid-template-columns:minmax(0,1fr); } .od-home .od-more-data .kpi2 .dine { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .od-home .od-more-data .dine .dh,.od-home .od-more-data .dine>p { grid-column:1/-1; } .od-home .od-pin-fold { margin-top:16px; } .od-home .od-pin-fold #homePins { padding:0 0 12px; } .od-topic-detail { font-size:13px; line-height:1.8; } .od-topic-detail .uik-list-table { width:100%; table-layout:fixed; } .od-topic-detail .uik-list-table th,.od-topic-detail .uik-list-table td { white-space:normal; height:auto; padding:10px 12px; vertical-align:top; line-height:1.7; } .od-topic-detail .uik-list-table small { display:block; color:var(--ink2); font-size:11px; margin-top:3px; } .od-topic-detail .od-store-list .uik-list-table { min-width:0; } .od-topic-detail .od-store-list th:first-child { width:38%; } .od-topic-detail .od-store-list td:first-child { position:sticky; left:0; background:var(--card,#fff); } .od-topic-detail .od-store-list .table-wrap { max-width:100%; overflow:auto; } .od-topic-detail .od-disclosure { border-top:1px solid var(--line); margin-top:10px; } .od-drawer-links { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin:12px 0 18px; padding-bottom:16px; border-bottom:1px solid var(--line); } .od-drawer-links>a { font-size:12px; } .od-topic-detail [data-od-resume] { border:0; font-family:inherit; cursor:pointer; } .od-side-toggle { display:none; } @media(max-width:760px) { #page.home-b.od-home { padding:16px 12px 32px; } .od-home .banner { padding:20px; } .od-home .banner h2 { font-size:17px; } #page.od-home .bstats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } #page.od-home .bstats>div { padding:0; min-width:0; border:0; } #page.od-home .bstats em { white-space:normal; line-height:1.6; } #page.od-home .bstats>div:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; align-items:center; } #page.od-home .bstats>div:last-child em { grid-column:1/-1; } #page.od-home .row2 { grid-template-columns:minmax(0,1fr); } #page.od-home .g-head { flex-wrap:wrap; } #page.od-home .g-head .tags { flex-basis:100%; flex-direction:row; flex-wrap:wrap; } #page.od-home .g-head .pv { font-size:30px; } .od-home .od-priorities,.od-home .od-focus-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .od-home .od-priorities>a,.od-home .od-focus-card { padding:13px; } .od-home .od-priorities b,.od-home .od-focus-number { font-size:23px; } .od-home .od-priorities p { font-size:11px; } .od-home .od-priorities em { font-size:11px; } .od-home .od-team-section .card-h { display:block; } .od-home .od-team-section .meta { display:block; margin-top:5px; } .od-home .od-team-section .table-wrap { overflow:visible; } .od-home .od-team-section table,.od-home .od-team-section tbody { display:block; } .od-home .od-team-section thead { display:none; } .od-home .od-team-section tbody tr { display:grid; grid-template-columns:minmax(0,1fr); padding:12px 16px; border-top:1px solid var(--line); } #page.od-home .od-team-section td { display:block; padding:4px 0; width:auto; border:0; } .od-home .od-team-section td:before { content:attr(data-label); display:inline-block; min-width:82px; color:var(--ink3); font-size:11px; } .od-home .od-team-section td small { margin-left:82px; } .od-home .od-review-grid { grid-template-columns:minmax(0,1fr); gap:12px; } .od-home .od-more-content { padding:0 10px 12px; } .od-home .od-more-data .kpi2 .dine { grid-template-columns:minmax(0,1fr); } #sideAreas:has(.od-side-toggle)>.nav-label { display:none; } #sideAreas:has(.od-side-toggle)>.nav-area { display:none; } #sideAreas.od-side-open:has(.od-side-toggle)>.nav-area { display:flex; } .od-side-toggle { display:flex; justify-content:space-between; align-items:center; width:100%; padding:10px 12px; background:transparent; border:0; color:inherit; font:inherit; font-size:12px; cursor:pointer; } body:has(#page.od-home) .top #crumbs,body:has(#page .work-wrap) .top #crumbs { display:none; } } /* ui-kit.css */ /* R18 UI 样板：只作用于 .uik（#/ui、#/ui/ddir）和 uik- 前缀的抽屉、弹层，不改其他页面。 令牌沿用公网 opsconsole.cn 的飞书式样式：底 #F5F6F8、正文 #1F2329、次级 #4E5969、辅助 #86909C、边框 #E5E6EB、表头底 #F8F9FB。 */ .uik { font-variant-numeric:tabular-nums; } .uik .uik-stack > * + * { margin-top:16px; } /* ---------- 页头与样板说明 ---------- */ .uik .uik-hd { background:#fff; border-radius:12px; padding:20px 24px; display:flex; align-items:flex-start; gap:24px; } .uik .uik-hd h2 { margin:0; font-size:20px; font-weight:600; color:#1F2329; } .uik .uik-hd p { margin:6px 0 0; font-size:13px; line-height:1.7; color:#4E5969; max-width:760px; } .uik .uik-hd .sp { flex:1; } .uik .uik-hd .uik-acts { display:flex; gap:8px; flex-shrink:0; } .uik .uik-toc { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .uik .uik-toc a { font-size:12px; color:#4E5969; background:#F2F3F5; border-radius:4px; padding:3px 8px; text-decoration:none; } .uik .uik-toc a:hover { color:#C0231F; background:#FDF0EF; } /* ---------- 标准件区块（左示例、右规则） ---------- */ .uik .uik-sec { background:#fff; border-radius:12px; padding:18px 20px 20px; scroll-margin-top:72px; } .uik .uik-sec-h { display:flex; align-items:baseline; gap:10px; margin-bottom:14px; } .uik .uik-sec-h .no { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:6px; background:#1F2329; color:#fff; font-size:12px; font-weight:600; } .uik .uik-sec-h h2 { margin:0; font-size:17px; font-weight:600; color:#1F2329; } .uik .uik-sec-h span { font-size:12px; color:#86909C; } .uik .uik-sec-b { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; } .uik .uik-demo { min-width:0; } .uik .uik-rules { margin:0; padding:14px 16px; list-style:none; background:#F8F9FB; border-radius:8px; font-size:12.5px; line-height:1.7; color:#4E5969; } .uik .uik-rules li + li { margin-top:6px; } .uik .uik-rules li::before { content:"·"; color:#86909C; margin-right:6px; } .uik .uik-rules b { color:#1F2329; font-weight:600; } .uik .uik-cap { font-size:12px; color:#86909C; margin:10px 0 0; } .uik .uik-demo h4 { margin:16px 0 8px; font-size:12px; font-weight:600; color:#4E5969; } .uik .uik-demo h4:first-child { margin-top:0; } /* ---------- 5 卡片与间距 ---------- */ .uik .uik-tokens td:first-child { width:150px; color:#4E5969; } .uik .uik-mini-page { background:#F5F6F8; border-radius:10px; padding:16px; } .uik .uik-mini-page .mc { background:#fff; border-radius:12px; padding:16px 20px; } .uik .uik-mini-page .mc h5, .uik .uik-mini-page .mh h5 { margin:0; font-size:15px; font-weight:600; color:#1F2329; } .uik .uik-mini-page .mc h5 small, .uik .uik-mini-page .mh h5 small { margin-left:8px; font-size:12px; font-weight:400; color:#86909C; } .uik .uik-mini-page .mc p { margin:8px 0 0; font-size:12px; color:#86909C; } .uik .uik-mini-page .mh { margin:16px 0 8px; } .uik .uik-mini-page .mrow { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .uik .uik-mini-page .mrow .mc { height:64px; } .uik .uik-mini-page .gap { position:relative; } .uik .uik-dim { font-size:11px; color:#C0231F; } /* ---------- 样板页里的动效示例 ---------- */ .uik .uik-seg { display:inline-flex; border:1px solid #E5E6EB; border-radius:6px; overflow:hidden; } .uik .uik-seg button { all:unset; cursor:pointer; padding:6px 14px; font-size:12px; color:#4E5969; border-right:1px solid #E5E6EB; } .uik .uik-seg button:last-child { border-right:0; } .uik .uik-seg button.on { background:#FDF0EF; color:#C0231F; } .uik .uik-kpis { display:flex; gap:36px; margin:14px 0 4px; } .uik .uik-kpis span { display:block; font-size:12px; color:#86909C; } .uik .uik-kpis b { font-size:26px; font-weight:600; color:#1F2329; padding:0 2px; } .uik .uik-kpis small { font-size:12px; color:#86909C; margin-left:2px; } .uik .uik-demo-cards { display:flex; align-items:flex-end; gap:16px; } .uik .uik-fcard { width:300px; flex:none; background:#fff; border:1px solid #E5E6EB; border-radius:12px; padding:14px 16px; cursor:pointer; } .uik .uik-fcard .fh { display:flex; align-items:center; font-size:12px; color:#86909C; } .uik .uik-fcard .sp { flex:1; } .uik .uik-fcard .big { margin-top:8px; font-size:24px; font-weight:600; color:#1F2329; } .uik .uik-fcard .big small { font-size:13px; font-weight:400; margin-left:2px; color:#4E5969; } .uik .uik-fcard .bn { font-size:12px; color:#86909C; margin-top:2px; } .uik .uik-fcard .t { font-size:13px; color:#1F2329; margin-top:8px; line-height:1.6; } .uik .uik-kind, .uik-drawer .uik-kind { display:inline-flex; align-items:center; height:20px; padding:0 6px; border-radius:4px; font-size:12px; background:#F2F3F5; color:#4E5969; } .uik .uik-link-demo { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; } .uik .uik-link-demo .bl > div { display:grid; grid-template-columns:56px 1fr 64px; gap:8px; align-items:center; padding:6px 4px; font-size:12.5px; } .uik .uik-link-demo .bl i { height:8px; background:#EEF0F3; border-radius:4px; overflow:hidden; } .uik .uik-link-demo .bl i b { display:block; height:100%; background:#E5817A; } .uik .uik-link-demo .bl em { font-style:normal; text-align:right; color:#C0231F; } .uik .uik-two { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:4px; } .uik .uik-alist > div { display:flex; align-items:center; gap:12px; padding:9px 12px; margin-bottom:6px; background:#F8F9FB; border-radius:8px; font-size:13px; } .uik .uik-alist > div b { font-size:18px; width:22px; text-align:center; } .uik .uik-alist.play > div { animation:uik-slide .4s both; } .uik .uik-alist.play > div:nth-child(2) { animation-delay:.08s; } .uik .uik-alist.play > div:nth-child(3) { animation-delay:.16s; } .uik .uik-alist.play > div:nth-child(4) { animation-delay:.24s; } .uik .uik-skel-card { position:relative; border:1px solid #E5E6EB; border-radius:10px; padding:4px 8px; min-height:150px; } @keyframes uik-shimmer { 0% { background-position:-200px 0; } 100% { background-position:200px 0; } } .uik .uik-skel-card.loading table { visibility:hidden; } .uik .uik-skel-card.loading::after { content:""; position:absolute; inset:14px 16px; background:linear-gradient(90deg, #F2F3F5 0, #E9EBEE 40px, #F2F3F5 80px) 0 0 / 400px 100%; -webkit-mask:repeating-linear-gradient(#000 0 14px, transparent 14px 34px); mask:repeating-linear-gradient(#000 0 14px, transparent 14px 34px); animation:uik-shimmer 1s linear infinite; border-radius:4px; } /* cs-kit.css */ /* R19 营建专员样板：只作用于 .uik-cs 和 cs- 前缀；令牌沿用 ui-kit.css（底 #F5F6F8、正文 #1F2329、次级 #4E5969、辅助 #86909C、边框 #E5E6EB）。 色块四种填充：实心蓝＝已完成，点阵＝未完成可推进，红＝超期，虚线框＝未解锁，灰斜纹＝记录待核；颜色只表达好坏。 */ .uik-cs .cs-stack > * + * { margin-top:16px; } .uik-cs .cs-card { background:#fff; border-radius:12px; padding:16px 20px; } .uik-cs .cs-row2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:stretch; } .uik-cs .cs-row2 > .cs-card { margin:0; } .uik-cs .uik-bar .cs-tabs { display:inline-flex; border:1px solid #E5E6EB; border-radius:6px; overflow:hidden; margin-left:6px; } .uik-cs .uik-bar .cs-tabs a { padding:5px 14px; font-size:12px; color:#4E5969; text-decoration:none; border-right:1px solid #E5E6EB; } .uik-cs .uik-bar .cs-tabs a:last-child { border-right:0; } .uik-cs .uik-bar .cs-tabs a.on { background:#FDF0EF; color:#C0231F; } .uik-cs .cs-src { margin:6px 0 0; font-size:12px; color:#86909C; } .uik-cs .cs-empty, .uik-drawer .cs-empty { margin:6px 0; font-size:12.5px; color:#86909C; } /* R20 总经理新店四问沿用营建标准件。 */ .uik-cs .cs-pipeline { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; font-size:16px; line-height:1.8; } .uik-cs .cs-pipeline > span { display:inline-flex; align-items:baseline; gap:5px; } .uik-cs .cs-pipeline > i { color:#86909C; font-style:normal; } .uik-cs .cs-pipeline small { font-size:12px; color:#86909C; } .uik-cs .cs-dept-stats { margin:14px 0 0; line-height:1.8; } .gmx.uik-cs .team-wrap .block-body > .cs-card { padding:0; } .gmx.uik-cs .cs-dept-records + .cs-card, .gmx.uik-cs .block-body > .cs-card + .cs-more { margin-top:16px; } .gmx.uik-cs .cs-dept-unassigned { margin:14px 0 0; } /* ---------- 色块 ---------- */ .cs-c { display:inline-flex; align-items:center; justify-content:center; width:100%; height:24px; border-radius:4px; font-style:normal; font-size:11.5px; font-weight:600; color:#fff; box-sizing:border-box; transition:transform .12s, box-shadow .12s; } .cs-c.d { background:#AEB8C6; } .cs-c.w { background-color:#F4F5F7; background-image:radial-gradient(#A9AEB8 1.1px, transparent 1.3px); background-size:6px 6px; box-shadow:inset 0 0 0 1px #DCDFE4; } .cs-c.r { background:#C0231F; } .cs-c.l { background:transparent; box-shadow:inset 0 0 0 1px #DCDFE4; background-image:repeating-linear-gradient(90deg, transparent 0 4px, #fff 4px 6px); border:1px dashed #C9CDD4; } .cs-c.x { background:repeating-linear-gradient(-45deg, #A9AEB8 0 2px, #F2F3F5 2px 6px); box-shadow:inset 0 0 0 1px #A9AEB8; } .cs-mini { display:inline-flex; gap:2px; vertical-align:middle; } .cs-mini i { width:7px; height:11px; border-radius:1.5px; background:#E5E6EB; } .cs-mini i.d { background:#AEB8C6; } .cs-mini i.r { background:#C0231F; } .cs-mini i.l { background:transparent; box-shadow:inset 0 0 0 1px #C9CDD4; } .cs-mini i.w { background:#D9DCE1; } .cs-mini i.x { background:repeating-linear-gradient(-45deg, #86909C 0 1.5px, #E5E6EB 1.5px 3.5px); } #sideAreas .cs-mini i.d { background:#5B8DEF; } #sideAreas .cs-mini i.w { background:#4A505A; } #sideAreas .cs-mini i.r { background:#E06A62; } #sideAreas .cs-mini i.l { box-shadow:inset 0 0 0 1px #4A505A; } #sideAreas .cs-mini i.x { background:repeating-linear-gradient(-45deg, #9AA0AA 0 1.5px, #3A3F47 1.5px 3.5px); } #sideAreas .cs-nav b { width:auto; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; } #sideAreas .cs-nav.on { background:rgba(255,255,255,.10); } .uik-cs .cs-lg, .uik-drawer .cs-lg { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; font-size:12px; color:#86909C; } .uik-cs .cs-lg span { display:inline-flex; align-items:center; gap:6px; } .uik-cs .cs-lg .cs-c { width:16px; height:12px; border-radius:3px; } /* ---------- 首页：横幅 ---------- */ .uik-cs .cs-banner { border-radius:12px; padding:20px 24px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; } .uik-cs .cs-banner.uik-grid { background-image:linear-gradient(100deg, #fff 40%, rgba(244,240,252,.55) 100%), linear-gradient(#EEF0F3 1px, transparent 1px), linear-gradient(90deg, #EEF0F3 1px, transparent 1px); background-size:auto, 22px 22px, 22px 22px; } .uik-cs .cs-date { display:flex; align-items:center; gap:8px; font-size:12px; color:#86909C; } .uik-cs .cs-sent { margin:8px 0 0; font-size:17px; line-height:1.75; font-weight:500; color:#1F2329; } .uik-cs .cs-sent .unum { font-weight:600; margin-right:4px; } .uik-cs .cs-kpis { display:grid; grid-template-columns:repeat(4, auto); gap:0; } .uik-cs .cs-k { padding:4px 22px; border-left:1px solid #EEF0F3; min-width:104px; } .uik-cs .cs-k span { display:block; font-size:12px; color:#86909C; } .uik-cs .cs-k b { display:inline-block; font-size:30px; font-weight:600; line-height:1.25; color:#1F2329; } .uik-cs .cs-k small { display:block; font-size:12px; color:#86909C; white-space:nowrap; } /* ---------- 首页：流程矩阵 ---------- */ .uik-cs .cs-mx-wrap { overflow-x:auto; } .uik-cs .cs-mx { width:100%; border-collapse:separate; border-spacing:4px 3px; table-layout:fixed; font-size:13px; } .uik-cs .cs-mx col.c-n { width:200px; } .uik-cs .cs-mx col.c-d { width:170px; } .uik-cs .cs-mx col.c-q { width:84px; } .uik-cs .cs-mx th { font-size:12px; font-weight:500; color:#4E5969; text-align:center; padding:0 0 6px; white-space:nowrap; } .uik-cs .cs-mx th small { display:block; font-size:11px; color:#A9AEB8; font-weight:400; } .uik-cs .cs-mx th:first-child, .uik-cs .cs-mx th:nth-last-child(-n+2) { text-align:left; } .uik-cs .cs-mx td { padding:3px 0; vertical-align:middle; } .uik-cs .cs-mx td:first-child { padding-left:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .uik-cs .cs-mx td small { display:block; font-size:12px; color:#86909C; margin-top:1px; overflow:hidden; text-overflow:ellipsis; } .uik-cs .cs-mx tr.cs-g td { padding:10px 0 2px 8px; } .uik-cs .cs-mx tr.cs-g small { display:inline; margin-left:6px; } .uik-cs .cs-mx tbody tr:not(.cs-g):hover td, .uik-cs .cs-mx tr.uik-hl td { background:rgba(237,240,254,.5); } .uik-cs .cs-mx tr.uik-hl td:first-child { box-shadow:inset 3px 0 0 #C0231F; } .uik-cs .cs-pn { font-weight:500; text-decoration:none; } .uik-cs .cs-cb { all:unset; display:block; width:100%; cursor:pointer; border-radius:4px; } .uik-cs .cs-cb:hover .cs-c { transform:scaleY(1.12); box-shadow:0 0 0 2px #fff, 0 0 0 3px #C0231F; } .uik-cs .cs-cb:focus-visible { outline:2px solid #F2CFCB; outline-offset:1px; } .uik-cs .cs-cb[aria-expanded="true"] .cs-c { box-shadow:0 0 0 2px #fff, 0 0 0 3px #C0231F; } .uik-cs .cs-q { font-size:12px; color:#86909C; padding-left:10px !important; white-space:nowrap; } .uik-cs .cs-day { padding:0 4px 0 10px; } .uik-cs .cs-day-t { position:relative; height:8px; border-radius:4px; background:#EEF0F3; overflow:hidden; } .uik-cs .cs-day-t i { position:absolute; left:0; top:0; bottom:0; background:#AEB8C6; border-radius:4px; } .uik-cs .cs-day-t i.late { background:#C0231F; } .uik-cs .cs-day small { display:block; margin-top:3px; font-size:12px; color:#4E5969; white-space:nowrap; } .uik-cs .cs-mx-f { display:flex; align-items:center; gap:12px; margin-top:12px; padding-top:12px; border-top:1px solid #F0F1F3; } .uik-cs .cs-mx-f .sp { flex:1; } .uik-cs .cs-mx-f .uik-btn.sm { margin-top:0; } /* ---------- 首页：协同、交接 ---------- */ .uik-cs .cs-pt td:first-child { width:136px; white-space:nowrap; color:#1F2329; } .uik-cs .cs-pt td.num { width:64px; white-space:nowrap; } .uik-cs .cs-pt td:last-child { color:#4E5969; } .uik-cs .cs-more { display:inline-block; margin-top:10px; font-size:12.5px; color:#C0231F; text-decoration:none; } .uik-cs .cs-foot { font-size:12px; line-height:1.7; color:#86909C; padding:0 4px; } /* ---------- 我的工作：队列 + 项目页 ---------- */ .uik-cs .cs-work { display:grid; grid-template-columns:320px minmax(0,1fr); gap:16px; align-items:start; } .uik-cs .cs-queue { position:sticky; top:72px; background:#fff; border-radius:12px; max-height:calc(100vh - 88px); display:flex; flex-direction:column; overflow:hidden; } .uik-cs .cs-qtop { padding:14px 16px 10px; border-bottom:1px solid #F0F1F3; } .uik-cs .cs-qtop > b { display:block; font-size:14px; font-weight:600; color:#1F2329; margin-bottom:10px; } .uik-cs .cs-seg { display:flex; } .uik-cs .cs-seg button { flex:1; text-align:center; } .uik-cs .cs-ql { overflow:auto; padding:4px 0 12px; } .uik-cs .cs-qh { display:flex; justify-content:space-between; padding:12px 16px 6px; font-size:12px; color:#86909C; } .uik-cs .cs-qh b { color:#1F2329; font-weight:600; } .uik-cs .cs-qi { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:8px; row-gap:2px; padding:9px 16px 9px 13px; border-left:3px solid transparent; text-decoration:none; color:#1F2329; font-size:13px; transition:background .12s; } .uik-cs .cs-qi:hover { background:#FAFAFB; } .uik-cs .cs-qi.on { background:#F7F4FD; border-left-color:#C0231F; } .uik-cs .cs-qi.uik-hl { background:#F7F4FD; } .uik-cs .cs-qi b { font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .uik-cs .cs-qi .cs-qs, .uik-cs .cs-qi small { grid-column:2; font-size:12px; color:#4E5969; line-height:1.5; } .uik-cs .cs-qi small { display:flex; align-items:center; gap:8px; color:#86909C; } .uik-cs .cs-qi small em { font-style:normal; } .uik-cs .cs-qi.off { opacity:.75; } .uik-cs .cs-obj > * + * { margin-top:16px; } .uik-cs .cs-obj > .cs-row2 { margin-top:16px; } @keyframes cs-swap { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } } .uik-cs .cs-swap { animation:cs-swap .22s ease-out; } .uik-cs .cs-oh { display:flex; align-items:center; gap:16px; } .uik-cs .cs-oh .sp { flex:1; } .uik-cs .cs-ot { display:flex; align-items:center; gap:8px; } .uik-cs .cs-ot h2 { margin:0; font-size:20px; font-weight:600; color:#1F2329; } .uik-cs .cs-city { font-size:13px; color:#86909C; } .uik-cs .cs-meta { display:flex; flex-wrap:wrap; gap:4px 18px; margin-top:8px; font-size:12.5px; color:#86909C; } .uik-cs .cs-meta b { color:#1F2329; font-weight:500; } .uik-cs .cs-meta b.neg { color:#C0231F; } .uik-cs .cs-big { text-align:right; white-space:nowrap; } .uik-cs .cs-big b { display:block; font-size:24px; font-weight:600; color:#1F2329; } .uik-cs .cs-big small { font-size:12px; color:#86909C; } /* 节点时间轴 */ .uik-cs .cs-tl { display:grid; grid-template-columns:repeat(8, minmax(0,1fr)); gap:6px; margin:4px 0 14px; } .uik-cs .cs-tn { all:unset; box-sizing:border-box; cursor:pointer; position:relative; padding:0 4px 4px; border-radius:8px; text-align:left; } .uik-cs .cs-tn:hover { background:#FAFAFB; } .uik-cs .cs-tn:focus-visible { outline:2px solid #F2CFCB; } .uik-cs .cs-tb { display:block; height:10px; border-radius:5px; margin:8px 0 10px; } .uik-cs .cs-tn.d .cs-tb { background:#AEB8C6; } .uik-cs .cs-tn.w .cs-tb { background-color:#F4F5F7; background-image:radial-gradient(#A9AEB8 1.1px, transparent 1.3px); background-size:6px 6px; box-shadow:inset 0 0 0 1px #DCDFE4; } .uik-cs .cs-tn.r .cs-tb { background:#C0231F; } .uik-cs .cs-tn.l .cs-tb { border:1px dashed #C9CDD4; height:8px; } .uik-cs .cs-tn.x .cs-tb { background:repeating-linear-gradient(-45deg, #A9AEB8 0 2px, #F2F3F5 2px 6px); box-shadow:inset 0 0 0 1px #A9AEB8; } .uik-cs .cs-tn b { display:block; font-size:12.5px; font-weight:500; color:#1F2329; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .uik-cs .cs-tn small, .uik-cs .cs-tn em { display:block; font-size:11.5px; font-style:normal; color:#86909C; line-height:1.6; white-space:nowrap; } .uik-cs .cs-tn em.neg { color:#C0231F; } .uik-cs .cs-tn.cur { box-shadow:inset 0 0 0 1px #F2CFCB; background:#FBFAFE; } .uik-cs .cs-now { position:absolute; top:-9px; left:6px; font-style:normal; font-size:11px; color:#C0231F; background:#fff; padding:0 4px; } /* 当前节点 · 规则建议 · 协同 · 记一笔 */ .uik-cs .cs-resp { margin:0 0 10px; font-size:12.5px; color:#4E5969; } .uik-cs .cs-mat, .uik-drawer .cs-mat { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:2px 16px; } .uik-cs .cs-mat li, .uik-drawer .cs-mat li { display:flex; align-items:baseline; gap:8px; padding:5px 0; font-size:13px; color:#1F2329; border-bottom:1px solid #F5F6F7; } .uik-cs .cs-mat li i, .uik-drawer .cs-mat li i { flex:none; width:12px; height:12px; border-radius:3px; border:1px solid #C9CDD4; transform:translateY(1px); } .uik-cs .cs-mat li.ok i, .uik-drawer .cs-mat li.ok i { background:#4E5969; border-color:#4E5969; } .uik-cs .cs-mat li small, .uik-drawer .cs-mat li small { margin-left:auto; font-size:11.5px; color:#A9AEB8; white-space:nowrap; } .uik-drawer .cs-mat { grid-template-columns:1fr; } .uik-cs .cs-sh { display:flex; align-items:center; gap:8px; margin:16px 0 6px; font-size:12px; color:#86909C; } .uik-cs .cs-sh b { color:#1F2329; font-weight:600; font-size:13px; } .uik-cs .cs-steps { margin:0; padding:0; list-style:none; counter-reset:s; } .uik-cs .cs-steps li { position:relative; padding:9px 0 9px 28px; border-top:1px solid #F0F1F3; counter-increment:s; } .uik-cs .cs-steps li::before { content:counter(s); position:absolute; left:0; top:10px; width:18px; height:18px; border-radius:50%; background:#F2F3F5; color:#4E5969; font-size:11px; display:flex; align-items:center; justify-content:center; } .uik-cs .cs-steps p { margin:0; font-size:13px; line-height:1.65; color:#1F2329; } .uik-cs .cs-steps small { display:block; margin-top:4px; font-size:12px; color:#4E5969; background:#F8F9FB; border-radius:6px; padding:5px 9px; } .uik-cs .cs-co td { vertical-align:middle; } .uik-cs .cs-co td:first-child { width:150px; white-space:nowrap; } .uik-cs .cs-co td.cs-act { width:72px; text-align:right; padding-right:0; } .uik-cs .cs-co .uik-btn.sm { margin:0; } .uik-cs .cs-form { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px 14px; margin-top:4px; } .uik-cs .cs-form label { display:flex; flex-direction:column; gap:4px; font-size:12px; color:#86909C; } .uik-cs .cs-form label.w { grid-column:1 / -1; } .uik-cs .cs-form select, .uik-cs .cs-form input { height:32px; border:1px solid #E5E6EB; border-radius:6px; padding:0 10px; font:13px var(--sans); color:#1F2329; background:#fff; } .uik-cs .cs-form select:focus, .uik-cs .cs-form input:focus { outline:none; border-color:#B9A9E6; box-shadow:0 0 0 2px #FDF0EF; } .uik-cs .cs-acts { display:flex; gap:8px; margin-top:12px; } .uik-cs .cs-rec, .uik-drawer .cs-rec { list-style:none; margin:14px 0 0; padding:0; } .uik-cs .cs-rec li, .uik-drawer .cs-rec li { padding:7px 0; border-top:1px solid #F0F1F3; font-size:12.5px; color:#4E5969; } .uik-cs .cs-rec li b, .uik-drawer .cs-rec li b { display:inline-block; min-width:96px; margin-right:8px; font-weight:500; color:#1F2329; } /* 抽屉里 */ .uik-drawer .cs-dl { display:grid; grid-template-columns:72px 1fr; gap:6px 10px; margin:10px 0 4px; font-size:13px; } .uik-drawer .cs-dl dt { color:#86909C; } .uik-drawer .cs-dl dd { margin:0; color:#1F2329; } .uik-drawer .cs-dl dd.neg { color:#C0231F; } .uik-drawer .cs-dh { margin:16px 0 6px; font-size:12px; font-weight:600; color:#4E5969; } .uik-drawer .cs-ps { display:grid; grid-template-columns:repeat(8, 1fr); gap:4px; margin:12px 0 4px; } .uik-drawer .cs-c { display:inline-flex; align-items:center; justify-content:center; width:100%; height:22px; border-radius:4px; font-style:normal; font-size:11px; font-weight:600; color:#fff; } .uik-drawer .cs-mini { display:inline-flex; gap:2px; } .uik-drawer .cs-mini i { width:7px; height:11px; border-radius:1.5px; } /* 演示提示 */ .cs-toast { position:fixed; left:50%; bottom:28px; z-index:50; transform:translate(-50%, 12px); opacity:0; pointer-events:none; background:#1F2329; color:#fff; font:13px/1 var(--sans); padding:10px 16px; border-radius:8px; transition:opacity .2s, transform .2s; } .cs-toast.on { opacity:1; transform:translate(-50%, 0); animation:cs-toast 2.4s forwards; } @keyframes cs-toast { 0%, 80% { opacity:1; } 100% { opacity:0; } } @media (prefers-reduced-motion: reduce) { .uik-cs .cs-swap, .cs-toast, .uik-cs .cs-c { animation:none !important; transition:none !important; } } /* 总经理页外层 .w3 有同名 .x（关闭按钮）规则，这里把“记录待核”格的尺寸钉回来 */ .cs-c.x { width:100%; height:24px; margin:0; border-radius:4px; font-size:11.5px; color:#fff; cursor:inherit; } .uik-drawer .cs-c.x { height:22px; } .cs-mini i.x { width:7px; height:11px; margin:0; border-radius:1.5px; } /* ns-kit.css */ /* R22 新店经营样板：只作用于 .uik-ns 和 ns- 前缀；卡片、横幅、队列沿用 cs-kit.css，色块沿用 ui-core.css 的 .uik-trk。 颜色只表达好坏：绿＝达到目标，黄＝60%–100%，红＝低于 60% 或缺项，灰＝没有数据。 */ #sideAreas .ns-nav { cursor:pointer; } #sideAreas .ns-nav b { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; } #sideAreas .ns-nav small { font-size:11.5px; color:#86909C; white-space:nowrap; } /* 今日发现：四张并排，等高 */ .uik-ns .ns-finds { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; } .uik-ns .ns-find { all:unset; box-sizing:border-box; cursor:pointer; display:flex; flex-direction:column; gap:4px; background:#fff; border-radius:12px; padding:16px 20px; transition:transform .12s, box-shadow .12s; } .uik-ns .ns-find:hover { transform:translateY(-1px); box-shadow:0 0 0 1px #E5E6EB; } .uik-ns .ns-find:active { transform:scale(.98); } .uik-ns .ns-find .ut-tag { align-self:flex-start; } .uik-ns .ns-find b { font-size:26px; font-weight:600; line-height:1.3; color:#1F2329; font-variant-numeric:tabular-nums; } .uik-ns .ns-find .ns-ft { font-size:14px; font-weight:600; color:#1F2329; } .uik-ns .ns-find small { font-size:12px; line-height:1.6; color:#4E5969; } /* 新店管道 */ .uik-ns .ns-pipe { display:flex; align-items:stretch; gap:4px; margin-top:4px; } .uik-ns .ns-seg { all:unset; box-sizing:border-box; cursor:pointer; flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; padding:10px 12px; background:#F4F6FB; border-radius:6px; position:relative; } .uik-ns .ns-seg span { font-size:12px; color:#4E5969; white-space:nowrap; } .uik-ns .ns-seg b { font-size:22px; font-weight:600; color:#1F2329; font-variant-numeric:tabular-nums; } .uik-ns .ns-seg:hover { box-shadow:inset 0 0 0 1px #C0231F; } .uik-ns .ns-seg[aria-expanded="true"] { box-shadow:inset 0 0 0 2px #C0231F; } .uik-ns .ns-seg.r { background:#FDF0EF; } .uik-ns .ns-seg.r b { color:#C0231F; } .uik-ns .ns-seg.x { background:repeating-linear-gradient(-45deg, #F2F3F5 0 6px, #E9EBEF 6px 8px); } .uik-ns .ns-gate { flex:none; align-self:center; writing-mode:vertical-rl; font-style:normal; font-size:12px; color:#C0231F; padding:8px 4px; border-left:2px dashed #C0231F; border-right:2px dashed #C0231F; margin:0 6px; letter-spacing:1px; } .uik-ns .ns-pipe-f { margin:12px 0 0; padding-top:12px; border-top:1px solid #F0F1F3; font-size:12px; color:#86909C; } /* 段标题：筹建 / 开业 / 转正 */ .uik-ns .ns-sec > * + * { margin-top:16px; } .uik-ns .ns-sec-h { display:flex; align-items:baseline; gap:10px; padding:0 4px; } .uik-ns .ns-sec-h b { font-size:15px; font-weight:600; color:#1F2329; } .uik-ns .ns-sec-h span { font-size:12px; color:#86909C; } /* 先找人 */ .uik-ns .ns-ppl td:first-child { width:140px; } .uik-ns .ns-ppl tr.ok td { color:#86909C; } .uik-ns .ns-ppl tr.uik-hl td, .uik-ns .ns-gate-t tr.uik-hl td { background:rgba(237,240,254,.5); } .uik-ns .ns-owe { display:inline-block; margin:0 8px 0 0; padding:0 8px; height:20px; line-height:20px; border-radius:4px; background:#FDF0EF; color:#C0231F; font-size:12px; white-space:nowrap; } .uik-ns .ns-none { color:#A9AEB8; } /* 交接闸门 */ .uik-ns .ns-gate-t th small { display:block; font-size:11px; color:#A9AEB8; font-weight:400; } .uik-ns .ns-gate-t td small { display:block; font-size:12px; color:#86909C; margin-top:1px; } .uik-ns .ns-g { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:20px; padding:0 6px; border-radius:4px; font-size:12px; font-weight:600; } .uik-ns .ns-g.ok { background:#EAF5EE; color:#1F7A4D; } .uik-ns .ns-g.miss { background:#C0231F; color:#fff; } .uik-ns button.ns-g { border:0; font-family:inherit; cursor:pointer; } .uik-ns button.ns-g:hover { box-shadow:0 0 0 2px #fff, 0 0 0 3px #C0231F; } .uik-ns .ns-g.n { background:#F2F3F5; color:#86909C; } /* 爬坡雷达 */ .uik-ns .ns-radar > .ns-rr { display:grid; grid-template-columns:220px auto minmax(0,1fr); gap:18px; align-items:center; padding:9px 0; border-bottom:1px solid #F0F1F3; font-size:13px; } .uik-ns .ns-radar > .ns-rr.uik-hl { background:rgba(237,240,254,.5); } .uik-ns .ns-rr .nm small { display:block; font-size:12px; color:#86909C; margin-top:1px; } .uik-ns .ns-rr .uik-trk { padding-bottom:6px; } .uik-ns .ns-grey { display:inline-flex; align-items:center; width:328px; height:14px; padding:0 10px; border-radius:2px; font-size:12px; color:#86909C; background:repeating-linear-gradient(-45deg, #F2F3F5 0 6px, #E9EBEF 6px 8px); } .uik-ns .ns-l7 { font-size:12px; color:#86909C; } .uik-ns .ns-l7 b { font-size:14px; margin:0 4px; } .uik-ns .ns-l7 b.warn { color:#9A5B0B; } .uik-ns .ns-l7 small { display:block; } .uik-ns .cs-lg .ns-lg { display:inline-block; width:9px; height:12px; border-radius:2px; } .uik-ns .ns-lg.g { background:#3BA272; } .uik-ns .ns-lg.y { background:#E8B44A; } .uik-ns .ns-lg.r { background:#C0231F; } .uik-ns .ns-lg.n { background:#D9DCE1; } .uik-ns .ns-lg.f { box-shadow:inset 0 0 0 1px #DCDFE4; } .uik-drawer .ns-dtrk { margin:12px 0; } /* D30 决定 */ .uik-ns .ns-dec td small { display:block; font-size:12px; color:#86909C; } .uik-ns .ns-acts { white-space:nowrap; text-align:right; } .uik-ns .ns-acts .uik-btn + .uik-btn { margin-left:6px; } /* 三平台上线时间线 */ .uik-ns .ns-lr { display:grid; grid-template-columns:72px minmax(0,1fr) 220px; gap:14px; align-items:center; padding:8px 0; border-bottom:1px solid #F0F1F3; font-size:13px; } .uik-ns .ns-lt { position:relative; height:10px; border-radius:5px; background:#F2F3F5; } .uik-ns .ns-win { position:absolute; top:0; bottom:0; background:#EAF5EE; box-shadow:inset 0 0 0 1px #BFE3CD; border-radius:5px; } .uik-ns .ns-dot { position:absolute; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%; box-shadow:0 0 0 2px #fff; } .uik-ns .ns-dot.g { background:#3BA272; } .uik-ns .ns-dot.y { background:#E8B44A; } .uik-ns .ns-dot.r { background:#C0231F; } .uik-ns .ns-dot.n { background:#A9AEB8; } .uik-ns .ns-dot.pre { margin-left:0; border-radius:3px; width:10px; } .uik-ns .ns-now { position:absolute; top:-5px; bottom:-5px; width:2px; margin-left:-1px; background:#1F2329; } .uik-ns .ns-ls { text-align:left; } /* 起步曲线 */ .uik-ns .ns-chart { display:block; width:100%; height:180px; margin:6px 0 10px; overflow:visible; } .uik-ns .ns-chart text { font-size:11px; fill:#86909C; } .uik-ns .ns-b { fill:#D9DCE1; } .uik-ns .ns-b.g { fill:#9FD3B6; } .uik-ns .ns-b.y { fill:#F2D08D; } .uik-ns .ns-b.r { fill:#EBA19C; } .uik-ns .ns-b:hover { fill-opacity:.8; } .uik-ns .ns-tg { fill:none; stroke:#1F2329; stroke-width:1.5; stroke-dasharray:4 3; } .uik-ns .ns-pt td:first-child { width:120px; } /* 规定动作 */ .uik-ns .ns-acts-t td:first-child { width:150px; white-space:nowrap; color:#1F2329; } .uik-ns .ns-acts-t td:nth-child(2) { width:80px; } .uik-ns .ns-acts-t td:nth-child(3) { color:#4E5969; } .uik-ns .ns-acts-t td { vertical-align:middle; } .uik-ns .ns-qe { padding:0 16px; } @media (prefers-reduced-motion: reduce) { .uik-ns .ns-find { transition:none !important; } } /* 抽屉里的标签与说明（.ut-tag 只在 .uik 页面内有样式，抽屉不在页面里） */ .uik-drawer .ns-ds .ut-tag { display:inline-flex; align-items:center; height:20px; padding:0 6px; margin-left:6px; border-radius:4px; font-size:12px; line-height:1; white-space:nowrap; background:#F2F3F5; color:#4E5969; vertical-align:middle; } .uik-drawer .ns-ds .ut-tag.r { background:#FDF0EF; color:#B93A33; } .uik-drawer .ns-ds .ut-tag.g { background:#EAF5EE; color:#1F7A4D; } .uik-drawer .ns-ds dd small { display:block; font-size:12px; color:#86909C; margin-top:2px; } /* R23：总经理管道延长段仍在容器内折行。 */ .uik-cs .cs-pipeline > .ns-gm-pipeline { flex-wrap:wrap; } .uik-ns .ns-finds:has(> :nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); } /* R25：本机办理表单与回读。适用于页面及右侧详情抽屉。 */ .nsf-panel { min-width:0; } .nsf-panel > p, .nsf-panel > details { margin:12px 16px; line-height:1.65; overflow-wrap:anywhere; } .nsf-actions { display:flex; flex-wrap:wrap; gap:8px; margin:14px 16px; } .nsf-form { display:grid; gap:14px; padding:8px 0; } .nsf-form label { display:grid; gap:6px; min-width:0; color:#4e5969; font-size:13px; } .nsf-form input, .nsf-form select, .nsf-form textarea { box-sizing:border-box; width:100%; max-width:100%; border:1px solid #dce1e8; border-radius:6px; padding:9px 10px; background:#fff; color:#1d2129; font:inherit; } .nsf-form textarea { resize:vertical; } .nsf-error { color:#b93a33; margin:0; line-height:1.5; } .nsf-form > button { justify-self:start; } .nsf-history { padding-left:18px; } .nsf-history li { margin:12px 0; } .nsf-history p { margin:4px 0; } .nsf-history small { color:#6b7280; overflow-wrap:anywhere; } .nsf-gates td { overflow-wrap:anywhere; } .nsf-opened-actions { padding:8px 16px; } .nsf-opened-actions p, .nsf-finance .block-body > p { display:flex; flex-wrap:wrap; align-items:center; gap:8px; line-height:1.6; } .ns-chart .ns-missing { fill:#f1f3f5; opacity:.5; } /* 岗位新店经营：曲线和平台漏斗直接可读，办理记录在门店详情承接。 */ .uik-ns .ns-operating-table { table-layout:fixed; width:100%; } .uik-ns .ns-operating-table th:first-child { width:23%; } .uik-ns .ns-operating-table th:nth-child(2) { width:29%; } .uik-ns .ns-operating-table th:nth-child(3) { width:18%; } .uik-ns .ns-operating-table th:nth-child(4) { width:19%; } .uik-ns .ns-operating-table th:last-child { width:11%; } .uik-ns .ns-operating-table td { vertical-align:middle; overflow-wrap:anywhere; } .uik-ns .ns-operating-table small,.uik-ns .ns-funnel small,.uik-ns .ns-platform-grid small { display:block; margin-top:4px; color:#86909c; font-size:12px; } .uik-ns .ns-operating-spark { display:block; width:100%; min-width:120px; height:72px; overflow:visible; } .uik-ns .ns-operating-spark text { font-size:11px; fill:#86909c; } .uik-ns .ns-spark-bar { fill:#9daab6; } .uik-ns .ns-empty-data { font-size:12px; color:#86909c; } .uik-ns .ns-operating-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:12px 0; } .uik-ns .ns-operating-metrics > div { display:grid; gap:6px; min-width:0; } .uik-ns .ns-operating-metrics span,.uik-ns .ns-operating-metrics small { font-size:12px; color:#86909c; } .uik-ns .ns-operating-metrics b { font-size:20px; color:#1f2329; } .uik-ns .ns-platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } .uik-ns .ns-platform-grid h4 { margin:8px 0; font-size:13px; } .uik-ns .ns-platform-grid p { margin:8px 0 0; font-size:13px; } .uik-ns .ns-operating-detail { display:grid; gap:16px; min-width:0; } .uik-ns .ns-area-next { margin-top:16px; padding-top:12px; border-top:1px solid #eceef1; } .uik-ns .ns-area-next h4 { margin:0 0 10px; font-size:13px; } /* 专员新店页沿用当前工作台卡片、表格与中性色，增长内容常显。 */ .uik-ns .ns-specialist-workspace { display:grid; grid-template-columns:190px minmax(0,1fr); gap:20px; align-items:start; } .uik-ns .ns-specialist-list { position:sticky; top:20px; min-width:0; background:#fff; border:1px solid #e5e6eb; border-radius:10px; overflow:hidden; } .uik-ns .ns-specialist-list .uik-card-h { padding:14px; margin:0; flex-wrap:wrap; } .uik-ns .ns-specialist-list h3 { font-size:13px; } .uik-ns .ns-specialist-item { display:grid; gap:5px; padding:13px 14px; border-top:1px solid #eceef1; color:inherit; text-decoration:none; } .uik-ns .ns-specialist-item b { font-size:13px; font-weight:600; overflow-wrap:anywhere; } .uik-ns .ns-specialist-item span,.uik-ns .ns-specialist-back { color:#7b828a; font-size:12px; } .uik-ns .ns-specialist-item.on { background:#f3f5f6; box-shadow:inset 3px 0 #657583; } .uik-ns .ns-specialist-item:hover { background:#f7f8f9; } .uik-ns .ns-specialist-back { display:block; padding:14px; border-top:1px solid #eceef1; text-decoration:none; } .uik-ns .ns-specialist-main { display:grid; gap:16px; min-width:0; } .uik-ns .ns-specialist-head { display:flex; justify-content:space-between; gap:16px; align-items:center; } .uik-ns .ns-specialist-head h2 { margin:6px 0; font-size:23px; line-height:1.4; } .uik-ns .ns-specialist-head p { margin:0 0 8px; color:#69727c; font-size:12px; line-height:1.6; } .uik-ns .ns-specialist-head small { margin-left:8px; font-size:12px; color:#7b828a; } .uik-ns .ns-specialist-head > label { display:grid; gap:6px; flex:0 0 auto; font-size:12px; color:#7b828a; } .uik-ns .ns-specialist-head select { min-width:110px; border:1px solid #dce1e6; border-radius:6px; padding:7px 10px; font:inherit; color:#303740; background:#fff; } .uik-ns .ns-specialist-platforms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .uik-ns .ns-specialist-platform { display:grid; gap:5px; min-width:0; padding:13px 16px; border:1px solid #e3e6e9; border-radius:8px; background:#fafbfb; text-decoration:none; color:#333b44; } .uik-ns .ns-specialist-platform.on { border-color:#9ba9b5; box-shadow:inset 0 2px #657583; background:#fff; } .uik-ns .ns-specialist-platform b { font-size:14px; } .uik-ns .ns-specialist-platform span,.uik-ns .ns-specialist-platform small { font-size:12px; color:#727c87; } .uik-ns .ns-growth-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin:8px 0 20px; } .uik-ns .ns-growth-metric { display:grid; gap:6px; min-width:0; } .uik-ns .ns-growth-metric > span,.uik-ns .ns-growth-metric > small { color:#7b828a; font-size:11px; } .uik-ns .ns-growth-metric > b { font-size:21px; font-weight:600; font-variant-numeric:tabular-nums; } .uik-ns .ns-growth-key { display:inline-block; width:14px; height:3px; border-radius:2px; background:#4E5969; } .uik-ns .ns-growth-key.paid { background:#b29d73; margin-left:10px; } .uik-ns .ns-growth-chart { display:block; width:100%; height:auto; min-height:140px; max-height:220px; overflow:visible; } .uik-ns .ns-growth-chart line { stroke:#edf0f2; stroke-width:1; } .uik-ns .ns-growth-chart text { font-size:10px; fill:#87909a; } .uik-ns .ns-growth-line { fill:none; stroke-width:2; } .uik-ns .ns-growth-line-0 { stroke:#4E5969; } .uik-ns .ns-growth-line-1 { stroke:#b29d73; } .uik-ns .ns-growth-dot.ns-growth-line-0 { fill:#4E5969; } .uik-ns .ns-growth-dot.ns-growth-line-1 { fill:#b29d73; } .uik-ns .ns-growth-conversion small { display:block; color:#87909a; font-size:11px; margin-top:5px; } .uik-ns .ns-specialist-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; } .uik-ns .ns-growth-plan-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .uik-ns .ns-growth-plan-inputs label { display:grid; gap:6px; font-size:12px; color:#737e89; } .uik-ns .ns-growth-plan-inputs input { box-sizing:border-box; width:100%; min-width:0; border:1px solid #dce1e6; border-radius:6px; background:#fff; padding:8px 10px; color:#303740; font:inherit; } .uik-ns .ns-growth-plan-result { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-top:16px; padding:13px 0; border-top:1px solid #eceef1; } .uik-ns .ns-growth-plan-result span { font-size:12px; color:#6e7884; } .uik-ns .ns-growth-plan-result b { display:block; margin-top:5px; font-size:21px; font-weight:600; color:#2d3740; } .uik-ns .ns-growth-plan-result small { flex:1 1 100%; font-size:11px; color:#87909a; } .uik-ns .ns-growth-effect { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-top:12px; border-top:1px solid #eceef1; } .uik-ns .ns-growth-effect div { display:grid; gap:7px; min-width:0; } .uik-ns .ns-growth-effect span { font-size:11px; color:#87909a; line-height:1.5; } .uik-ns .ns-growth-effect b { font-size:16px; font-weight:600; } .uik-ns .ns-growth-health { display:flex; flex-wrap:wrap; gap:12px 20px; padding-top:12px; margin-top:8px; border-top:1px solid #eceef1; font-size:12px; color:#7b828a; } .uik-ns .ns-growth-health b { color:#434c56; margin-left:4px; } .uik-ns .nsf-specialist .nsf-actions { margin:4px 0 12px; } .uik-ns .nsf-specialist > p,.uik-ns .nsf-specialist .nsf-history { margin-left:0; margin-right:0; } .uik-ns .ns-growth-history { min-width:0; } .uik-ns .ns-growth-history .ut { table-layout:fixed; width:100%; } .uik-ns .ns-specialist-empty { padding:24px; } @media(max-width:1200px) { .uik-ns .ns-specialist-workspace { grid-template-columns:160px minmax(0,1fr); gap:14px; } .uik-ns .ns-specialist-grid { grid-template-columns:1fr; } .uik-ns .ns-growth-metrics { gap:10px; } .uik-ns .ns-growth-metric > b { font-size:18px; } } @media(max-width:860px) { .uik-ns .ns-specialist-workspace { grid-template-columns:1fr; } .uik-ns .ns-specialist-list { position:static; display:flex; flex-wrap:wrap; } .uik-ns .ns-specialist-list .uik-card-h { flex:1 1 100%; } .uik-ns .ns-specialist-item { flex:1 1 180px; } .uik-ns .ns-specialist-head { align-items:flex-start; } .uik-ns .ns-growth-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } } .uik-ns .ns-area-next p { display:flex; align-items:center; gap:16px; margin:10px 0; } .uik-ns .ns-area-next p span { color:#86909c; font-size:12px; } .uik-ns .ns-operating-people .ns-ppl { width:100%; } .uik-ns [data-ns-operating] .cs-k > b { font-size:24px; font-weight:600; } @media(max-width:1000px) { .uik-ns .ns-operating-table { min-width:780px; } .uik-ns .ns-operating-metrics,.uik-ns .ns-platform-grid { grid-template-columns:minmax(0,1fr); gap:14px; } } @media(max-width:720px) { .nsf-actions .uik-btn { flex:1 1 140px; } .nsf-panel > p { margin-inline:10px; } } @media(max-width:760px) { .uik-cs .cs-banner, .uik-cs .cs-row2, .uik-cs .cs-work { grid-template-columns:minmax(0,1fr); } .uik-cs .cs-banner { padding:16px; gap:16px; } .uik-cs .cs-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:16px; } .uik-cs .cs-k { min-width:0; padding:4px 12px; } .uik-cs .cs-k small { white-space:normal; } .uik-cs .cs-card { min-width:0; overflow-x:auto; padding:16px; } .uik-cs .cs-queue { position:static; max-height:46vh; } .uik-ns .ns-finds, .uik-ns .ns-finds:has(> :nth-child(3):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .uik-ns .ns-find { padding:14px; } .uik-ns .ns-pipe { min-width:620px; } .uik-ns .ns-radar > .ns-rr { grid-template-columns:minmax(0,1fr); gap:8px; } .uik-ns .ns-grey { width:100%; box-sizing:border-box; } .uik-ns .ns-lr { grid-template-columns:72px minmax(0,1fr); } .uik-ns .ns-ls { grid-column:1 / -1; } #drawer.uik-drawer { top:0; height:100dvh; } } /* hist-kit.css */ /* R24 历史数据。颜色、字号、间距与 /ui 标准件一致。 */ .hist{display:flex;flex-direction:column;gap:16px;min-width:0;color:#1F2329}.hist *{box-sizing:border-box}.hist h2,.hist h3,.hist h4,.hist p{margin:0}.hist button,.hist select,.hist input{font:inherit}.hist button{cursor:pointer}.hist button:disabled{cursor:default;opacity:.4}.hist-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.hist-heading h2{font-size:20px;font-weight:600}.hist-heading p{font-size:12px;color:#86909C;margin-top:6px}.hist-tabs{display:flex;gap:4px;background:#EDEEF1;padding:4px;border-radius:8px}.hist-tabs a,.hist-tabs button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#4E5969;border-radius:6px;text-decoration:none;min-width:64px;height:34px;font-size:13px}.hist-tabs .on{background:#fff;color:#C0231F;font-weight:600}.hist-tabs.small{background:none;padding:0;gap:4px}.hist-tabs.small button{min-width:52px;height:28px}.hist-tabs.small .on{background:#FDF0EF}.hist-card{background:#fff;border-radius:12px;padding:16px 20px;min-width:0}.hist .uik-card-h{min-height:28px;margin-bottom:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hist .uik-card-h h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.hist .uik-btn.primary{background:#111114;color:#fff;border-color:#111114}.hist-muted,.hist-foot{font-size:12px;color:#86909C}.hist-scope-side{padding:0 14px;color:#4E5969;font-size:13px;display:flex;flex-direction:column;gap:8px}.hist-scope-side span{font-size:12px;color:#86909C}.hist-ask form{display:flex;gap:8px}.hist-ask form input{flex:1;min-width:0;height:40px;padding:0 12px;background:#F8F9FB;border:1px solid #E5E6EB;border-radius:6px;color:#1F2329}.hist-ask form button{height:40px;min-width:80px}.hist input:focus,.hist select:focus{outline:2px solid #F2CFCB;outline-offset:1px}.hist-examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12px}.hist-examples>span{color:#86909C;margin-right:2px}.hist-examples button{border:0;border-radius:4px;padding:5px 8px;background:#F5F6F8;color:#4E5969;text-align:left}.hist-examples button:hover{background:#FDF0EF;color:#C0231F}.hist-workspace{display:grid;grid-template-columns:154px minmax(0,1fr);gap:16px;align-items:start}.hist-catalog{position:sticky;top:92px;background:#fff;border-radius:12px;padding:12px 8px}.hist-catalog .nav-label{padding:4px 10px 12px}.hist-catalog button{border:0;background:none;width:100%;height:40px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;border-radius:6px;color:#4E5969;font-size:13px}.hist-catalog button span{opacity:0}.hist-catalog button.on{background:#FDF0EF;color:#C0231F;font-weight:600}.hist-catalog button.on span,.hist-catalog button:hover span{opacity:1}.hist-work{display:flex;flex-direction:column;gap:16px;min-width:0}.hist-filters{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:16px}.hist-filters label,.hist-day-picker label,.hist-pagination label,.hist-version label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#4E5969;min-width:0}.hist-filters input,.hist-filters select,.hist-day-picker select,.hist-pagination select,.hist-version select{height:34px;border:1px solid #E5E6EB;border-radius:6px;background:#fff;color:#1F2329;padding:0 8px;min-width:0;width:100%;max-width:100%;font-size:13px}.hist .hist-table-scroll{overflow:auto;max-width:100%;border-radius:6px}.hist table.hist-table{width:100%;margin:0;border-collapse:collapse;font-size:13px}.hist .hist-wide{min-width:760px}.hist .hist-table th{font-size:12px;font-weight:500;background:#F8F9FB;height:36px;padding:0 12px;white-space:nowrap}.hist .hist-table td{height:40px;padding:8px 12px;border-bottom:1px solid #F0F1F3;white-space:nowrap;font-variant-numeric:tabular-nums}.hist .hist-table th button{border:0;background:none;color:inherit;padding:0;width:100%;text-align:inherit;white-space:nowrap}.hist .hist-table .num{text-align:right}.hist .hist-table .txt{text-align:left}.hist .hist-table tbody tr:hover{background:#FCFBFE}.hist .hist-table .hist-total td{background:#F8F9FB;font-weight:600;border-bottom:0}.hist .hist-table td:first-child{max-width:260px;overflow:hidden;text-overflow:ellipsis}.hist-pagination{display:flex;align-items:center;gap:8px;padding-top:16px;font-size:12px;color:#86909C}.hist-pagination label{display:flex;flex-direction:row;align-items:center}.hist-pagination select{width:76px;height:28px}.hist-answer{padding:0;overflow:hidden}.hist-answer-label{padding:12px 20px;background:#F8F9FB;font-size:12px;color:#4E5969;line-height:1.7}.hist-understood,.hist-answer-data{padding:16px 20px}.hist-understood{border-bottom:1px solid #F0F1F3}.hist-answer .hist-filters{grid-template-columns:repeat(5,minmax(100px,1fr))}.hist-compare-controls{margin-top:16px}.hist-assumptions{font-size:12px;color:#9A5B0B;line-height:1.7;margin-top:16px!important}.hist-notice,.hist-alert{padding:10px 12px;background:#FBF3E6;border-radius:6px;color:#9A5B0B;font-size:12px;line-height:1.7;margin:0 0 16px!important}.hist-alert{background:#FDF0EF;color:#C0231F}.hist-answer>.hist-notice,.hist-answer>.hist-alert{margin:16px 20px!important}.hist-blocked{color:#C0231F}.hist-answer>.hist-muted{padding:16px 20px}.hist-answer>.uik-ai{border-radius:0;background:#FAFAFC;margin:0 20px 16px;padding:16px 20px}.hist-ai ul{margin:12px 0;padding-left:18px;font-size:13px;line-height:1.9}.hist-ai-caveat{font-size:12px;color:#86909C;line-height:1.8}.hist-answer-actions{display:flex;gap:8px;padding:0 20px 16px}.hist-result-count{font-size:12px;color:#86909C;padding-top:12px}.hist-answer-table{min-width:500px}.hist-chart{display:block;width:100%;max-height:260px;margin:0 0 16px;overflow:visible}.hist-axis{fill:none;stroke:#E5E6EB;stroke-width:1}.hist-axis-text{font:11px system-ui;fill:#86909C}.hist-line{fill:none;stroke:#C0231F;stroke-width:2.5;stroke-linejoin:round}.hist-dot,.hist-bar{fill:#4F6BE0}.hist-bars{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.hist-bar-row{display:grid;grid-template-columns:170px minmax(50px,1fr) 148px;gap:16px;align-items:center;font-size:12px}.hist-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4E5969}.hist-bar-lane{display:flex;flex-direction:column;gap:3px}.hist-bar-lane i{height:12px;background:#93A5D6;border-radius:0 3px 3px 0;min-width:1px}.hist-bar-lane i.decline{background:#E5A19D}.hist-bar-lane i.previous,.hist-chart-key i.previous{background:#CDD1D8}.hist-bar-row b{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.hist-chart-key{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:#4E5969}.hist-chart-key span{display:flex;align-items:center;gap:6px}.hist-chart-key i{display:inline-block;width:10px;height:10px;background:#93A5D6}.hist-share{margin-bottom:16px}.hist-share-track{display:flex;width:100%;min-height:40px;border-radius:6px;overflow:hidden;margin-bottom:12px}.hist-share-track>div{background:hsl(224 40% calc(58% + var(--hist-i)*12%));color:#fff;min-width:0;display:flex;align-items:center;justify-content:center;font-size:12px;padding:8px 2px}.hist-share-track span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hist-share .hist-chart-key i{background:hsl(224 40% calc(58% + var(--hist-i)*12%))}.hist-number{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.hist-number>span{font-size:13px;color:#4E5969}.hist-number b{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}.hist-number small{font-size:12px;color:#86909C}.hist-number em{font-style:normal}.hist-thread{border-top:1px solid #F0F1F3;padding:12px 20px;color:#86909C;font-size:12px;display:flex;flex-wrap:wrap;gap:8px}.hist-thread button{background:none;border:0;color:#C0231F;font-size:12px}.hist-suggest{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.hist-answer>h3,.hist-answer>p:not(.hist-muted):not(.hist-notice):not(.hist-alert){margin:16px 20px}.hist-suggest{margin:0 20px}.hist-dict-item{border-bottom:1px solid #F0F1F3;padding:16px 0;font-size:13px;line-height:1.8}.hist-dict-item:first-child{padding-top:0}.hist-dict-item h3{font-size:15px;font-weight:600;margin:0 0 8px}.hist-dict-item p{margin:0 0 8px}.hist-dict-item dl{display:grid;grid-template-columns:84px minmax(0,1fr);gap:6px;margin:0;font-size:12px}.hist-dict-item dt{color:#86909C}.hist-dict-item dd{margin:0;overflow-wrap:anywhere}.hist-column-options{display:flex;flex-direction:column;gap:16px}.hist-column-options label{display:flex;align-items:center;gap:8px}.hist-calendar-wrap{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.hist .uik-cal{max-width:650px}.hist .uik-cal-lg{max-width:620px;line-height:1.9}.hist-day-picker{display:grid;grid-template-columns:repeat(2,160px);gap:16px;align-items:end}.hist-day-picker>span{grid-column:1/-1;font-size:12px;color:#86909C}.hist-days{min-width:0}.hist-days.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.hist-version{display:flex;align-items:center;gap:16px;font-size:12px;color:#86909C;margin-bottom:16px}.hist-version label{min-width:180px}.hist-saved-report{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.hist-saved-report .uik-ai-prov{margin-bottom:16px}.hist-saved-report h3{font-size:15px;font-weight:600;margin:16px 0}.hist-saved-report h4{font-size:13px;font-weight:600;margin:16px 0 8px}.hist-saved-report p{margin:8px 0;white-space:pre-wrap}.hist-saved-change{margin-top:16px;border-top:1px solid #F0F1F3;padding-top:1px}.hist-saved-report figure{margin:16px 0}.hist-saved-report figcaption{font-size:12px;font-weight:600;margin-bottom:8px}.hist-saved-report table td{white-space:normal}.hist-saved-kpis,.hist-summary-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.hist-saved-kpis span,.hist-summary-kpis span{display:block;font-size:12px;color:#86909C}.hist-saved-kpis b,.hist-summary-kpis b{display:block;font-size:19px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}.hist-source{font-size:12px;color:#86909C;margin-bottom:16px!important}.hist-summary-kpis>div{padding:8px;border-radius:6px}.hist-different{background:#FBF3E6}.hist-code-summary{padding:0 0 16px}.hist-code-summary>.hist-muted{margin-top:12px}.hist-snapshot{display:block;width:100%;height:900px;border:0;border-radius:6px;margin-top:16px}.hist-days.two .hist-saved-kpis,.hist-days.two .hist-summary-kpis{grid-template-columns:1fr}.hist-days.two .hist-version{flex-wrap:wrap}.hist .hist-foot{margin:0}.hist-saved-event{padding:8px 12px;border-left:2px solid #E5E6EB;margin-top:8px}.hist-saved-event>b{font-size:12px;color:#86909C} @media(max-width:1200px){.hist-answer .hist-filters{grid-template-columns:repeat(4,minmax(100px,1fr))}.hist-filters{grid-template-columns:repeat(3,minmax(100px,1fr))}.hist-calendar-wrap{flex-direction:column}.hist-day-picker{width:100%;grid-template-columns:repeat(2,minmax(100px,180px))}.hist-bar-row{grid-template-columns:140px minmax(40px,1fr) 130px;gap:10px}} @media(max-width:760px){.hist-card{padding:16px}.hist-heading{align-items:flex-start}.hist-workspace{grid-template-columns:1fr}.hist-catalog{position:static;display:flex;overflow:auto;gap:4px;padding:8px}.hist-catalog .nav-label{display:none}.hist-catalog button{flex:0 0 auto;width:auto;white-space:nowrap;height:32px}.hist-catalog button span{display:none}.hist-filters,.hist-answer .hist-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hist-days.two{grid-template-columns:1fr}.hist-saved-kpis,.hist-summary-kpis{grid-template-columns:1fr}.hist-answer{padding:0}.hist-answer-actions{flex-wrap:wrap}.hist-pagination{flex-wrap:wrap}.hist-pagination>span:first-child{width:100%}.hist-bar-row{grid-template-columns:90px minmax(40px,1fr) 100px;gap:8px}.hist-bar-row b{font-size:11px}.hist .uik-card-h{gap:8px}.hist-chart{min-height:140px}.hist-examples button{max-width:100%}.hist-ask form input{font-size:13px}.hist-snapshot{height:650px}} @media(prefers-reduced-motion:reduce){.hist *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .hist-query-summary{font-size:13px;line-height:1.8;color:#374151;overflow-wrap:anywhere}.hist-condition-editor{margin-top:12px}.hist-condition-editor>summary{cursor:pointer;color:#C0231F;font-size:13px;padding:8px 0;list-style-position:inside}.hist-condition-editor[open]>summary{margin-bottom:12px}.hist-source-button{border:0;background:none;color:#C0231F;font-size:12px;padding:0 0 0 12px;text-decoration:underline}.hist-ai-saved{font-size:13px;line-height:1.8}.hist-ai-saved ul{margin:10px 0;padding-left:20px}.hist-ai-headline{font-weight:600}.hist-receipt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;max-width:100%} /* R26: one scoped directory, with the source and observation grain beside data. */ .hist-workspace{grid-template-columns:190px minmax(0,1fr)} .hist-catalog{max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain} .hist-catalog-group h4{font-size:11px;font-weight:600;color:#86909C;padding:16px 10px 6px;letter-spacing:.03em} .hist-catalog-group:first-of-type h4{padding-top:4px} .hist-catalog-group button{height:36px} .hist-source-meta{background:#FAFAFC;font-size:12px;line-height:1.75;border:1px solid #E9E7EF} .hist-source-meta>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px} .hist-source-meta b{font-size:13px;font-weight:600;color:#4E5969} .hist-source-meta p{color:#667085;margin-top:5px;overflow-wrap:anywhere} .hist-source-meta details{margin-top:8px}.hist-source-meta summary{cursor:pointer;color:#C0231F} .hist-data-search{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px;font-size:12px;color:#667085} .hist-data-search input{height:34px;min-width:220px;max-width:100%;border:1px solid #E5E6EB;border-radius:6px;padding:0 10px;background:#fff} .hist-examples-saved{margin-top:14px;font-size:12px;color:#86909C}.hist-examples-saved summary{cursor:pointer}.hist-examples-saved .hist-examples{margin-top:10px} .hist-source-coverage{font-size:12px;line-height:1.7;color:#86909C;margin-top:14px!important} @media(max-width:760px){.hist-workspace{grid-template-columns:1fr}.hist-catalog{display:block;position:static;max-height:240px;overflow:auto}.hist-catalog .nav-label{display:block;padding-bottom:0}.hist-catalog-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.hist-catalog-group h4{width:100%;padding-top:12px}.hist-catalog-group button{height:32px}.hist-data-search input{min-width:0;width:100%}.hist-source-meta{padding:14px 16px}} /* view-navigation.css */ /* R28: shared navigation, with local styling for the integrated area view. */ .view-back { position:fixed; z-index:24; left:calc(224px + 24px); bottom:22px; max-width:min(440px,calc(100vw - 48px)); min-height:42px; padding:10px 16px; border:1px solid #F2CFCB; border-radius:999px; color:#1732B8; background:rgba(255,255,255,.97); box-shadow:0 3px 16px rgba(32,24,52,.14); font:500 13px/20px var(--sans); cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .view-back:hover { background:#F3F5FE; border-color:#AEBDF5; } .view-back:focus-visible,.view-drawer-return:focus-visible { outline:2px solid #C0231F; outline-offset:3px; } .view-back[hidden],.view-has-drawer .view-back { display:none; } #drawer.uik-drawer.view-drawer-wide { width:680px; max-width:100%; } .view-store-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:2px 0 16px; } .view-store-stats span,.view-store-stats small { display:block; color:var(--ink2); font-size:12px; line-height:1.6; } .view-store-stats b { display:block; margin-top:6px; font-size:19px; font-weight:600; line-height:1.45; } .view-preview-section { border-top:1px solid #ECECF0; padding:14px 0; } .view-preview-section h3 { margin:0 0 10px; font-size:14px; } .view-preview-section p { margin:6px 0; line-height:1.7; } .view-store-trend { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-top:12px; font-size:12px; color:var(--ink2); } .view-store-trend .uik-trk { flex:none; } .view-record + .view-record { margin-top:10px; } .view-record small,.view-note { color:var(--ink2); font-size:12px; } .view-drawer-return { border:0; background:transparent; padding:0 0 14px; color:#C0231F; font:500 13px/1.6 var(--sans); cursor:pointer; text-align:left; } .view-gm-preview .card { border:0; box-shadow:none; } .view-gm-preview .card-h { padding:0 0 12px; } .view-gm-preview .block-body { padding:0; } .view-gm-preview .table-wrap { overflow-x:auto; } .view-gm-preview .gm-inline-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .team-integrated .team-data { padding:0; overflow:visible; } .team-integrated .team-data .v4 { border:0; box-shadow:none; background:transparent; border-radius:12px; padding:16px 20px; } .team-integrated .v4 .lg { min-width:0; max-width:100%; } .team-integrated .v4 .read small { display:none; } .team-trend-note { margin:8px 0 14px; color:var(--ink2); font-size:12px; line-height:1.7; } .team-mobile-hint { display:none; } .team-integrated .team-all-stores { border:0; background:transparent; margin-top:12px; padding:0; color:#C0231F; font:500 13px/1.6 var(--sans); cursor:pointer; } .team-integrated .tiles { grid-template-columns:repeat(7,minmax(0,1fr)); } .team-integrated .tile em { white-space:normal; line-height:1.6; } .team-integrated .hd { padding-top:16px; padding-bottom:16px; } .team-integrated .hd .links { max-width:40%; } .team-integrated .q:not(.full) .t { min-width:480px; } .team-integrated .team-store-differences .t { table-layout:fixed; min-width:0; } .team-integrated .team-store-differences .t th:nth-child(1) { width:24%; } .team-integrated .team-store-differences .t th:nth-child(2) { width:16%; } .team-integrated .team-store-differences .t th:nth-child(3) { width:18%; } .team-integrated .team-store-differences .t th:nth-child(4) { width:14%; } .team-integrated .team-store-differences .t th:nth-child(5) { width:28%; } .team-integrated .team-store-differences .t td:first-child,.team-integrated .team-store-differences .t td:last-child { white-space:normal; overflow-wrap:anywhere; } .team-integrated .team-store-differences .dbar { width:100%; } .team-original-analysis { display:grid; gap:16px; min-width:0; } .team-goals-inline .team-goal-detail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } .team-goals-inline .goal { min-width:0; display:block; padding:0; border:0; box-shadow:none; background:transparent; } .team-goals-inline .goal + .goal { padding-left:24px; border-left:1px solid var(--line-soft); border-radius:0; } .team-goals-inline .goal > div { margin-bottom:8px; } @media(max-width:1100px) { .team-integrated .tiles { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media(max-width:760px) { .w3.team-shell { margin:-16px -16px -40px; } .w3 .team-integrated { padding:20px 16px 48px; } .view-back { left:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); max-width:calc(100vw - 32px); } .view-store-stats { gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); } .view-store-stats b { font-size:17px; } .view-store-stats > div:last-child { grid-column:1/-1; } .view-store-stats > div:last-child b,.view-store-stats > div:last-child small { display:inline-block; margin-right:8px; } .team-integrated .tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } .team-integrated .hd .links { max-width:none; width:100%; flex-direction:row; align-items:center; flex-wrap:wrap; } .team-integrated .hd .sp { display:none; } .team-integrated .team-data .v4 { padding:14px; } .team-goals-inline .team-goal-detail { grid-template-columns:minmax(0,1fr); gap:18px; } .team-goals-inline .goal + .goal { padding:18px 0 0; border-left:0; border-top:1px solid var(--line-soft); } .team-integrated .v4 .cmp3 { grid-template-columns:minmax(0,1fr); gap:4px; } .team-integrated .v4 .cmp3 > div { display:flex; justify-content:space-between; gap:6px; } .team-integrated .v4 .cmp3 b { margin:0; } .team-integrated .v4 .body > div:first-child { min-width:0; overflow-x:auto; } .team-integrated .v4 .svg { min-width:600px; } .team-mobile-hint { display:block; margin-top:4px; } .team-integrated .q:not(.full) .t { min-width:470px; } } /* R33: role work is primary; complete evidence remains available on demand. */ .journey-disclosure { margin:12px 0; border:1px solid var(--line,#ddd); border-radius:12px; background:var(--card,#fff); min-width:0; } .journey-disclosure > summary { padding:11px 16px; cursor:pointer; font-size:14px; font-weight:600; line-height:1.6; } .journey-disclosure > summary:focus-visible,.journey-queue > summary:focus-visible { outline:2px solid #8d72c6; outline-offset:2px; } .journey-disclosure[open] > summary { border-bottom:1px solid var(--line,#ddd); margin-bottom:8px; } .journey-disclosure > :not(summary) { margin-left:18px; margin-right:18px; } .journey-disclosure > :last-child { margin-bottom:18px; } .journey-priority { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; margin:16px 0; } .journey-team { min-width:0; } .journey-team td small { display:block; margin-top:2px; color:var(--ink2,#555); font-size:12px; white-space:normal; } .journey-team .uik-list-table { table-layout:fixed; } .journey-team th:first-child { width:18%; } .journey-team th:nth-child(2) { width:44%; } .journey-team th:nth-child(3) { width:18%; } .journey-team th:last-child { width:20%; } .journey-team .uik-list-table :is(th,td) { padding:9px 16px; line-height:1.55; } .journey-team .uik-list-table :is(th,td):nth-child(2) { text-align:left; white-space:normal; } .journey-team .week-change { display:inline-block; margin-left:12px; font-variant-numeric:tabular-nums; color:var(--ink2); } .journey-finding { display:flex; width:100%; align-items:baseline; justify-content:space-between; gap:20px; padding:16px 20px; border:0; border-top:1px solid var(--line,#ddd); background:transparent; text-align:left; cursor:pointer; color:inherit; font:inherit; } .journey-finding span { color:var(--ink3,#777); font-size:12px; } .journey-finding:hover { background:#F3F5FE; } .journey-intro { padding:8px 0 20px; } .journey-intro h1 { font-size:24px; margin:0 0 10px; } .journey-intro p { color:var(--ink3,#777); line-height:1.8; } .am-role-home > .rail { width:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); position:static; margin:0 0 24px; } .am-role-home > .rail .rail-head,.am-role-home > .rail .rail-foot { grid-column:1/-1; } .am-role-home > .rail .qg { min-width:0; } .am-role-home > .rail .qg + .qg { border-top:0; border-left:1px solid var(--line,#ddd); } .am-role-home #am-home-tasks > .rail { width:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); position:static; margin:16px 0; } .am-role-home #am-home-tasks .rail-head,.am-role-home #am-home-tasks .rail-foot { grid-column:1/-1; } .am-role-home #am-home-tasks .qg { min-width:0; } .am-role-home #am-home-tasks .qg + .qg { border-top:0; border-left:1px solid var(--line,#ddd); } .am-home-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; } .am-metric { padding:18px; min-width:0; } #page .am-metric { background:var(--panel,#fff); } .am-metric > span { color:var(--ink2); font-size:13px; } .am-metric > b { display:block; font-size:25px; line-height:1.4; margin:10px 0 6px; font-variant-numeric:tabular-nums; } .am-metric p { font-size:12px; line-height:1.65; color:var(--ink2); margin:0; } .am-home-findings { margin:18px 0; } .am-home-findings .ops-change-card { display:block; text-align:left; font:inherit; cursor:pointer; } .am-home-findings .ops-change-card > span { color:var(--ink2); font-size:13px; } .am-home-findings .ops-change-number { display:block; margin:8px 0; font-size:24px; } .content-section { min-width:0; } .content-section > .content-section-title { display:block; margin:0 0 12px; padding:13px 16px; font-size:15px; font-weight:600; line-height:1.6; border-bottom:1px solid var(--line,#ddd); cursor:default; } .content-section > .content-section-title::before,.content-section > .content-section-title::after { display:none!important; } .uik-j > h4 { margin:10px 0; font-size:14px; line-height:1.7; } .uik-step-stop > h4 { margin:8px 0 4px; font-size:12px; color:var(--ink2); } .uik-ai .uik-ai-an.full { display:block; max-height:none; -webkit-line-clamp:unset; overflow:visible; } @media(max-width:1100px) { .am-home-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:760px) { .am-home-metrics { gap:10px; } .am-metric { padding:14px; } .am-metric > b { font-size:21px; overflow-wrap:anywhere; } .am-role-home #am-home-tasks > .rail { grid-template-columns:minmax(0,1fr); } .am-role-home #am-home-tasks .qg + .qg { border-left:0; border-top:1px solid var(--line,#ddd); } } .am-role-home .rail-item .qi { width:100%; } .ds-platform-work { padding:18px!important; } .ds-platform-work h3 { margin:0 0 8px; font-size:15px; } .ds-platform-work p { margin:6px 0; line-height:1.65; } .ds-platform-columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:14px; } .ds-platform-columns > section { min-width:0; } .ds-platform-work .todo { margin:0; padding-left:20px; } .ds-platform-work .todo li { margin:4px 0; line-height:1.65; } .ds-platform-work .oth { margin-top:8px; } .ds-platform-work .ds-ops-context { margin-top:14px; padding-top:12px; border-top:1px solid var(--line,#ddd); } .ds-platform-work .ds-ops-context .ai1 { margin:8px 0 0; padding:0; } .spx .ds-platform-work .am-progress { margin-top:14px; padding-top:12px; border-top:1px solid var(--line,#ddd); } .ds-platform-work .am-progress h3 { margin-bottom:8px; } .leader-followup textarea { display:block; width:100%; box-sizing:border-box; font:inherit; } .leader-followup-status:empty { display:none; } .spx .sp-full-data { margin-top:12px; } .spx .sp-full-data > .sp-datah { display:none; } .spx .sp-full-data > .sp-nav { margin-top:0; margin-bottom:8px; padding-top:0; } .spx .sp-full-data > .card { margin-top:10px; } .spx .sp-full-data > .card:first-of-type { margin-top:0; } .spx #sp-ful .table-wrap { max-width:100%; overflow-x:auto; } .journey-queue { min-width:0; align-self:start; } .journey-queue > summary { display:none; } .journey-queue > .qlist,.journey-queue > .cs-queue { width:100%; box-sizing:border-box; } .role-journey .qmain,.role-journey .cs-obj { min-width:0; } .journey-workflow { margin-top:0; } .journey-workflow .workflow-inbox { border:0; padding:0; margin:0 18px 18px; } @media(min-width:1100px){ #page .journey-workflow:not(:has(.workflow-row)) > .content-section-title { padding:12px 18px; } #page .journey-workflow:not(:has(.workflow-row)) .workflow-inbox { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:20px; margin:0 18px 14px; border:0; box-shadow:none; background:transparent; } #page .journey-workflow:not(:has(.workflow-row)) .workflow-heading { display:none; } #page .journey-workflow:not(:has(.workflow-row)) .workflow-inbox > h3 { grid-column:1; grid-row:1; margin:0; padding:0; font-size:13px; line-height:1.6; } #page .journey-workflow:not(:has(.workflow-row)) .workflow-inbox > .workflow-empty { grid-column:1; grid-row:2; margin:4px 0 0; } #page .journey-workflow:not(:has(.workflow-row)) .workflow-inbox > .content-section { grid-row:1 / span 2; margin:0; padding:0; border:0; box-shadow:none; background:transparent; } #page .journey-workflow:not(:has(.workflow-row)) .workflow-inbox > .content-section > h3 { margin:0; padding:0; border:0; font-size:13px; line-height:1.6; } #page .journey-workflow:not(:has(.workflow-row)) .workflow-inbox .content-section .workflow-empty { margin:4px 0 0; } } .journey-fin-priority td:last-child { overflow-wrap:anywhere; } .journey-fin-priority { margin:18px 0; } .journey-fin-priority .uik-list-table { table-layout:fixed; } .journey-fin-priority th:first-child { width:20%; } .journey-fin-priority th:nth-child(2) { width:90px; } .journey-fin-priority th:nth-child(3) { width:44%; } .journey-fin-priority .uik-list-table :is(th,td) { padding:9px 16px; line-height:1.55; } .journey-fin-priority .uik-list-table th.num { text-align:right; } #navLinks a[hidden] { display:none; } .journey-cs-current td small { display:block; margin-top:6px; color:var(--ink3,#777); } .journey-cs-current .table-wrap { overflow:auto; } /* 同类首页使用同一组卡片：工作入口、经营变化、团队表格。 */ #page .ops-home-work,#page .ops-home-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } #page .ops-home-work { margin:0; } #page .od-priorities.ops-home-work { margin:16px 0; } #page.dgx-home .ops-home-work { grid-template-columns:repeat(3,minmax(0,1fr)); } #page .ops-work-card { display:flex; flex-direction:column; align-items:stretch; gap:0; min-width:0; padding:16px 18px; color:inherit; text-align:left; text-decoration:none; } #page .ops-work-card > span { font-size:13px; color:var(--ink2); } #page .ops-work-card > b { display:block; font-size:27px; font-weight:600; margin-top:6px; line-height:1.35; } #page .ops-work-card small { font-size:12px; font-weight:400; margin-left:6px; color:var(--ink2); } #page .ops-work-card p { flex:1; font-size:12px; color:var(--ink2); margin:6px 0; line-height:1.6; } #page .ops-work-card em { font-size:12px; font-style:normal; color:var(--tab-ink,var(--accent)); } #page .ops-home-findings { margin:0; } #page .ops-home-findings .fhead { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:0 0 10px; } #page .ops-home-findings h2 { font-size:16px; margin:0; line-height:1.5; } #page .ops-change-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:18px; } #page .ops-change-number { font-size:27px; font-weight:600; line-height:1.35; font-variant-numeric:tabular-nums; } #page .ops-change-number small { margin-left:4px; font-size:13px; font-weight:400; } #page .ops-change-card p { flex:1; margin:8px 0 10px; font-size:13px; line-height:1.7; } #page .ops-change-note { font-size:11px; line-height:1.6; color:var(--ink2); margin:0 0 8px; } #page .ops-change-card > button { margin-top:auto; } @media(min-width:761px) and (max-width:1200px) { #page .ops-home-work,#page .ops-home-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .ds-platform-columns { grid-template-columns:minmax(0,1fr); gap:14px; } } @media(min-width:761px) { .journey-queue:not([open]) > :not(summary) { display:block; } } @media(max-width:760px) { .journey-priority { grid-template-columns:minmax(0,1fr); gap:12px; } .journey-queue > summary { display:list-item; padding:14px 16px; border:1px solid var(--line,#ddd); border-radius:10px; background:#fff; cursor:pointer; font-weight:600; } .journey-queue > .qlist,.journey-queue > .cs-queue { max-height:42vh; overflow:auto; margin:0 0 14px; } .role-journey .qwrap,.role-journey .cs-work { grid-template-columns:minmax(0,1fr); } .journey-disclosure > summary { padding:11px 14px; } .journey-disclosure > :not(summary) { margin-left:10px; margin-right:10px; } .journey-finding { display:block; padding:14px; } .journey-finding span { display:block; margin-top:7px; } .am-role-home > .rail { grid-template-columns:minmax(0,1fr); } .am-role-home > .rail .qg + .qg { border-left:0; border-top:1px solid var(--line,#ddd); } .journey-team .table-wrap,.journey-fin-priority .table-wrap { overflow:visible; } .journey-team table,.journey-team tbody,.journey-fin-priority table,.journey-fin-priority tbody { display:block; min-width:0; } .journey-team thead,.journey-fin-priority thead { display:none; } .journey-team tbody tr,.journey-fin-priority tbody tr { display:grid; grid-template-columns:minmax(0,1fr); padding:10px 14px; border-top:1px solid var(--line); } #page .journey-team .uik-list-table td,#page .journey-fin-priority .uik-list-table td { position:relative; display:block; width:auto; min-height:24px; padding:3px 0 3px 88px; border:0; white-space:normal; text-align:left; } .journey-team td:before,.journey-fin-priority td:before { content:attr(data-label); position:absolute; top:3px; left:0; width:78px; white-space:normal; line-height:1.55; font-size:11px; color:var(--ink3); } .journey-team td small,.journey-fin-priority td small { margin-left:0; } .journey-cs-current table { min-width:620px; } .ds-platform-work { padding:16px!important; } .ds-platform-columns { grid-template-columns:minmax(0,1fr); gap:14px; } #page .ops-home-work,#page.dgx-home .ops-home-work,#page .ops-home-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } #page .ops-work-card,#page .ops-change-card { padding:13px; } #page .ops-work-card>b,#page .ops-change-number { font-size:23px; } .role-journey .spx { padding:0; } .role-journey .spx .goalrow { flex-wrap:wrap; gap:10px; max-width:100%; } .role-journey .spx .sp-top .r1 { flex-wrap:wrap; } .role-journey .spx .kv { flex-wrap:wrap; gap:4px 8px; } .role-journey .spx .kv b { white-space:normal; } .role-journey .spx .kv small { flex-basis:100%; } .role-journey .wbar { flex-wrap:wrap; gap:8px; } .role-journey.ddx .banner h2 { font-size:21px; line-height:1.55; } .role-journey.ddx .bstats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .role-journey.ddx .bstats > div { min-width:0; padding:0; border:0; } .role-journey .uik-ramp-r { grid-template-columns:minmax(0,1fr); } .role-journey .uik-ramp-r .uik-trk { max-width:100%; width:100%; } .role-journey .uik-ramp-r .uik-trk i { flex:1 1 0; min-width:0; width:auto; } .role-journey .row2,.role-journey .row5 { grid-template-columns:minmax(0,1fr); } body:has(#page.role-journey) #sideAreas { display:flex; max-height:64px; gap:6px; overflow:auto; align-items:center; } body:has(#page.role-journey) #sideAreas .nav-area { flex:0 0 auto; } body:has(#page.role-journey) #sideAreas .nav-label,body:has(#page.role-journey) #sideAreas .uik-nav-lg,body:has(#page.role-journey) #sideAreas .uik-trk { display:none; } } /* skin-k3.css */ /* ========================================================================== K3 稿 · 浮光 —— 全站皮肤层（定稿） 由 od-home-clear-k3.html 定稿令牌提炼。只改材质与色阶：不改任何布局、 字号、间距与信息密度。加载顺序：全站最后一个样式表。 ========================================================================== */ /* ---------- 0 令牌：墨阶与克莱因蓝 ---------- */ :root { --bg:#FBFCFE; --ink:#111114; --ink2:#4B4B52; --ink3:#8E8E96; --tx2:#4B4B52; --tx3:#8E8E96; --line:#E7E7E4; --line2:#F1F1EF; --line-soft:#F1F1EF; --th:#F7F7F5; --panel2:#F8F9FB; --panel3:#F2F3F5; --accent:#C0231F; --accent-bg:#FDF0EF; --accent-bd:#F2CFCB; } /* ---------- 1 底层流光：固定层，36s 呼吸 ---------- */ html { background:#FBFCFE; } body { background:transparent; } body::before { content:""; position:fixed; inset:-4%; z-index:-1; pointer-events:none; background: radial-gradient(52% 42% at 88% -6%, rgba(30,63,223,.10), transparent 62%), radial-gradient(46% 38% at 6% 4%, rgba(23,122,76,.07), transparent 60%), radial-gradient(60% 46% at 55% 108%, rgba(211,132,44,.08), transparent 64%); animation:k3drift 36s ease-in-out infinite alternate; } @keyframes k3drift { to { transform:translate3d(1.6%,1.2%,0) scale(1.05); } } /* ---------- 2 卡片：磨砂玻璃悬浮 ---------- 选择器按各页面原有作用域逐条对齐（同优先级、后加载胜出）。 */ :is(.panel, .goal, .qlist, .rail, .escbox, .wbar, .an-finding, .an-main, .an-related, .journey-disclosure, .gm-metrics, .hist-card, .hist-catalog, .home-b .card, .w3 .card, .ddx .card, .dgx .card, .gmx .card, .fnx .card, .gm-overview .card.block, .uik .uik-card, .uik .uik-hd, .uik .uik-sec, .uik .uik-fcard, .uik .uik-mini-page .mc, .uik-cs .cs-card, .uik-cs .cs-queue, .uik-ns .ns-find, .uik .uik-bar) { background:rgba(255,255,255,.66); border:1px solid rgba(255,255,255,.75); backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5); box-shadow:0 1px 2px rgba(17,23,40,.05), 0 16px 40px -16px rgba(17,23,40,.14), inset 0 1px 0 rgba(255,255,255,.8); } /* R21 曾把卡片描边与投影抹平，这里恢复玻璃边与浮起 */ #page.uik .card { border-color:rgba(255,255,255,.75); box-shadow:0 1px 2px rgba(17,23,40,.05), 0 16px 40px -16px rgba(17,23,40,.14), inset 0 1px 0 rgba(255,255,255,.8); } /* cs 横幅保留原结构，同样放透 */ .uik-cs .cs-banner { background:rgba(255,255,255,.66); backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5); border:1px solid rgba(255,255,255,.75); box-shadow:0 1px 2px rgba(17,23,40,.05), 0 16px 40px -16px rgba(17,23,40,.14), inset 0 1px 0 rgba(255,255,255,.8); } /* 悬停浮起：可点卡片 */ :is(.uik .fcard, .uik .uik-fcard, .uik-ns .ns-find):hover { box-shadow:0 1px 2px rgba(17,23,40,.06), 0 24px 56px -16px rgba(17,23,40,.18), inset 0 1px 0 rgba(255,255,255,.85); } /* ---------- 3 框架玻璃化：侧栏 / 顶栏 / 抽屉 / 浮层 ---------- */ #side { background:rgba(255,255,255,.55); backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5); border-right:1px solid var(--line); } #side .brand { color:var(--ink); } #side .brand i { background:var(--ink); color:#fff; } .nav-label { color:var(--ink3); } .nav-item { color:var(--ink2); } .nav-item:hover { background:rgba(17,17,20,.05); } .nav-item.on { background:var(--ink); color:#fff; box-shadow:none; } .nav-item .cnt { background:var(--accent); color:#fff; } .nav-item.on .cnt { background:#fff; color:var(--ink); } .nav-item.muted { color:var(--ink3); } .nav-area { color:var(--ink2); } .nav-area:hover { background:rgba(17,17,20,.05); } .nav-area small { color:var(--ink3); } #sideAreas .nav-area.on { background:var(--accent-bg); color:var(--accent); } #sideAreas .nav-area.uik-hl { background:var(--accent-bg); color:var(--accent); } .nav-dot { background:#C9CDD4; } .side-foot { color:var(--ink3); } #sideAreas .uik-nav-lg { color:var(--ink3); } #sideAreas .uik-nav-status { color:var(--ink3); } #sideAreas .uik-nav .uik-trk i.n { background:#D9DCE1; } #top { background:rgba(251,252,254,.72); backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5); } .drawer, .uik-drawer { background:rgba(255,255,255,.8); backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5); border-left-color:rgba(255,255,255,.75); } .drawer-actions { background:transparent; } .rail-foot { background:rgba(255,255,255,.6); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } /* 弹层浮件：提示框、口径弹层、返回 pill、设计说明盒 */ #tip, .uik-pop, .notes .box, .view-back, .uik-ghost { background:rgba(255,255,255,.82); backdrop-filter:blur(16px) saturate(1.5); -webkit-backdrop-filter:blur(16px) saturate(1.5); } .view-back:hover { background:rgba(243,245,254,.9); } /* ---------- 4 方格纸主横幅：保留网格，放透 ---------- */ .uik .uik-grid, .uik.uik-ddir .banner.uik-grid { background-color:rgba(255,255,255,.4); background-image: linear-gradient(rgba(255,255,255,.52), rgba(255,255,255,.72)), linear-gradient(#EEF0F3 1px, transparent 1px), linear-gradient(90deg, #EEF0F3 1px, transparent 1px); } /* ---------- 5 衬线大数字：头部数字用财报衬线，表格数字保持无衬线 ---------- */ :is(.goal .gv, .od-big b, .evidence-summary > b, .uik-drawer .uik-fd-top b, #anSummary b, .view-store-stats b, .od-team-numbers b, .hist-number b, .uik .uik-wk a b, .hist-saved-kpis b, .hist-summary-kpis b) { font-family:"Times New Roman", Georgia, serif; font-feature-settings:"lnum" 1; font-weight:400; letter-spacing:-.01em; } :is(.goal .gv, .od-big b, .evidence-summary > b, .uik-drawer .uik-fd-top b, #anSummary b, .view-store-stats b, .od-team-numbers b, .hist-number b) small { font-family:var(--sans); letter-spacing:0; } /* ---------- 6 段落墨色块标记 ---------- */ :is(.sec-h h2, .uik .uik-card-h h3)::before { content:""; display:inline-block; width:4px; height:12px; background:var(--ink); margin-right:9px; vertical-align:-1px; } /* R40.1：移除旧标题竖条及占位，沿用模块标题栏的标准左内边距。 */ html[data-vita-skin="a"] #page .mod :is(.sec-h h2, .uik-card-h h3)::before { content:none; display:none; } /* 空协作模块的旧 18px 特例也回到同页标题的 16px 起点。 */ html[data-vita-skin="a"] #page .journey-workflow.mod > .mod-hd { padding-left:16px; padding-right:16px; } /* ---------- 7 主按钮：墨 ---------- */ :is(button.primary, .btn.primary, .uik .uik-btn.primary, .drawer-actions .primary) { background:var(--ink); border-color:var(--ink); color:#fff; } :is(button.primary, .btn.primary, .uik .uik-btn.primary):hover { background:#2A2A30; } /* ---------- 8 动效兜底 ---------- */ @media (prefers-reduced-motion: reduce) { body::before { animation:none; } } /* evidence-facts.css */ .proc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:12px 0 22px} .proc-facts>div{min-width:0;padding:14px 16px;background:var(--bg,#f7f8fa);border:1px solid var(--line,#e2e5e9);border-radius:10px} .proc-facts span,.proc-facts small{display:block;color:var(--muted,#637080);font-size:12px;line-height:1.65} .proc-facts b{display:block;font-size:16px;line-height:1.7;margin:4px 0;font-variant-numeric:tabular-nums} .proc-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;font-variant-numeric:tabular-nums} .proc-table th,.proc-table td{padding:11px 12px;border-bottom:1px solid var(--line,#e2e5e9);vertical-align:top} .proc-table th{font-size:12px;color:var(--muted,#637080);font-weight:500;white-space:nowrap} .proc-table small{display:block;font-size:11px;color:var(--muted,#637080);line-height:1.65} .proc-table button,.proc-facts button{font:inherit;text-align:left} .store-month-facts{display:flex;gap:12px 24px;flex-wrap:wrap;padding-top:12px;margin-top:12px;border-top:1px solid var(--line,#e2e5e9);font-size:12px;line-height:1.8;color:var(--muted,#637080)} .store-month-facts b{font-weight:500;color:var(--ink,#17202b)} @media(max-width:700px){.proc-facts{grid-template-columns:1fr}.proc-table{min-width:580px}.proc-facts b{font-size:15px}} .evidence-base-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0} .evidence-base-grid>div{padding:12px 14px;background:var(--bg,#f5f6f7);border-radius:12px;min-width:0} .evidence-base-grid span,.evidence-base-grid small{display:block;color:var(--muted,#65717b);font-size:12px;line-height:1.6} .evidence-base-grid strong{display:block;font-size:19px;margin:4px 0;font-variant-numeric:tabular-nums} .work-ai{padding:20px 24px;margin:18px 0;line-height:1.8} .work-ai h3{margin:0 0 12px}.work-ai h4{margin:0 0 8px} .work-ai-evidence{display:grid;gap:16px;margin:18px 0} .work-ai-evidence article{padding:16px 0;border-top:1px solid var(--line,#dce2e6)} .work-ai .table-wrap{max-width:100%;overflow:auto} .evidence-record{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 ui-monospace,monospace} @media(max-width:640px){.work-ai{padding:16px}.evidence-base-grid{grid-template-columns:1fr}.evidence-base-grid strong{font-size:18px}} .evidence-record-fields{margin:10px 0}.evidence-record-fields>div{display:grid;grid-template-columns:minmax(90px,25%) 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line,#e4e7ea)} .evidence-record-fields dt{color:var(--muted,#65717b)}.evidence-record-fields dd{margin:0;min-width:0;overflow-wrap:anywhere} .evidence-record-item{margin:8px 0;padding:10px;border:1px solid var(--line,#e4e7ea);border-radius:8px} /* r41-unify.css */ /* R41: 所有岗位的执行页共用模块边界与指标条。 */ html[data-vita-skin="a"] #page .spx .ros-surface{--ros-ink:#1F2329;--ros-muted:#86909C;--ros-line:#E5E6EB} html[data-vita-skin="a"] #page .ros-confirm-option{border-color:#E5E6EB} html[data-vita-skin="a"] #page .fgrid>b.hp{color:#1F2329;background:#F0F1F3} html[data-vita-skin="a"] [hidden]{display:none!important} .r41-back{font-size:12px;color:#4E5969;white-space:nowrap;margin-right:12px}.r41-area-supplements,.r41-group-supplements{display:grid;gap:12px;margin-top:12px}.r41-retained-module .tiles{padding:16px}.r41-retained-module .plat,.r41-retained-module .foot{padding:12px 16px}.r41-geography td{vertical-align:top}.r41-geography td small,.r41-city-table td small{display:block;font-size:11px;color:#86909C;margin-top:5px}.r41-geography .r38-inline-bar{max-width:150px}.r41-geo-tools{padding:0 16px 12px;display:flex;gap:8px;align-items:center;color:#86909C;font-size:12px}.r41-table-link{border:0;padding:0;background:transparent;color:#4E5969;cursor:pointer;font:inherit;text-align:left;white-space:nowrap}.r41-table-link:hover{color:#C0231F}.r41-segment{display:flex;padding:3px;border:1px solid #E5E6EB;border-radius:6px;margin-left:auto;flex-shrink:0}.r41-segment button{border:0;background:transparent;color:#86909C;font-size:12px;padding:5px 10px;border-radius:4px;cursor:pointer}.r41-segment button[aria-pressed="true"]{background:#F0F1F3;color:#1F2329} html[data-vita-skin="a"] #page>.w3{margin:0;width:100%;min-width:0} html[data-vita-skin="a"] #page>.w3>.wrap{padding:0;width:100%;max-width:none;box-sizing:border-box} html[data-vita-skin="a"] #page .qmain>.spx{max-width:none;width:100%;min-width:0;box-sizing:border-box;margin:0} html[data-vita-skin="a"] #page .qwrap,html[data-vita-skin="a"] #page .work-wrap>.cols,html[data-vita-skin="a"] #page .cs-work{width:100%;max-width:none;grid-template-columns:264px minmax(0,1fr)} html[data-vita-skin="a"] #page .r41-work-brief{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(620px,2fr);align-items:center;width:100%;max-width:none;padding:16px;margin:0 0 12px;gap:20px;background:#fff;border:1px solid #E5E6EB;border-radius:10px;box-sizing:border-box} .r41-work-copy{min-width:0}.r41-eyebrow{font-size:12px;color:#86909C;line-height:20px;white-space:nowrap}.r41-work-copy p{font-size:20px;line-height:1.45;font-weight:600;margin:8px 0 0;color:#1F2329} .r41-work-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch} html[data-vita-skin="a"] #page .r41-work-metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;border:0;border-left:1px solid #F0F1F3;background:transparent;padding:0 16px;min-width:0;text-align:left;font:inherit;color:#1F2329} .r41-work-metric>span{font-size:12px;color:#86909C}.r41-work-metric>b{font-size:22px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.r41-work-metric small{font-size:12px;font-weight:400;color:#86909C;margin-left:4px}.r41-work-metric em{font-size:12px;font-style:normal;color:#86909C;line-height:1.4}.r41-collaboration{cursor:pointer}.r41-collaboration:hover{color:#C0231F!important}.r41-collaboration:focus-visible{outline:2px solid #C0231F;outline-offset:-2px} html[data-vita-skin="a"] #page.gm-attention .detail{padding:0} html[data-vita-skin="a"] #page .r41-topic-head{min-height:76px;padding:12px 16px;align-items:center;gap:16px} .r41-topic-head>div{flex:1;min-width:0}.r41-topic-head h3{margin:0 0 5px!important;font-size:18px!important}.r41-topic-head .meta{font-size:12px!important;color:#86909C!important} html[data-vita-skin="a"] .gm-readonly{color:#86909C;background:#F7F8FA;border-color:#E5E6EB} html[data-vita-skin="a"] #page .gm-channel-total strong{color:#1F2329} html[data-vita-skin="a"] #page .gm-channel-bars i{background:#4E5969}.gm-channel-bars>div:nth-child(2) i{background:#A9AEB8!important}.gm-channel-bars>div:nth-child(3) i{background:#D9DCE1!important} html[data-vita-skin="a"] #page :is(.gm-detail-button,.gm-secondary-link,.gm-analysis-link,.gm-source-detail>summary){color:#4E5969} html[data-vita-skin="a"] #page :is(.gm-detail-button,.gm-secondary-link,.gm-analysis-link):hover{color:#C0231F} html[data-vita-skin="a"] #page .gm-topic-summary.ai-band{border:0;border-top:1px solid #F2CFCB;border-bottom:1px solid #F2CFCB;border-radius:0;background:#FFF7F6;padding:12px 16px} .gm-topic-summary .ai-tag{margin-right:8px} html[data-vita-skin="a"] #page .work-ai:has(.r41-ai-status){padding:0!important;border:0!important;border-top:1px solid #F2CFCB!important;border-bottom:1px solid #F2CFCB!important;border-radius:0!important;background:#FFF7F6!important} .r41-ai-status{display:flex;align-items:center;gap:10px;padding:12px 16px;min-height:48px;color:#4E5969;font-size:12px;line-height:1.6}.r41-ai-status>strong{font-size:13px;font-weight:600;white-space:nowrap;color:#1F2329}.r41-ai-status>.r41-ai-reason{flex:1;min-width:0}.r41-ai-status>.btn{flex-shrink:0;background:#fff!important;border:1px solid #E5E6EB!important;color:#4E5969!important}.r41-ai-stage{font-size:11px;border-radius:4px;background:#F7F8FA;border:1px solid #E5E6EB;padding:1px 5px;color:#86909C} .r41-navigation-head{display:flex;padding:12px 16px;align-items:center;justify-content:space-between}.r41-navigation-head p{margin:0;color:#86909C;font-size:12px}.r41-evidence-heading{padding:12px 16px!important;margin:0!important;border-bottom:1px solid #F0F1F3;font-size:14px!important;background:#fff}.r41-evidence-section>.r41-evidence-heading{border:1px solid #E5E6EB;border-radius:10px 10px 0 0} html[data-vita-skin="a"] #page .r41-evidence-heading{background:#fff;color:#1F2329} .r41-evidence-navigation{flex-wrap:wrap}.r41-evidence-navigation>.r41-evidence-heading{flex-basis:100%} .r41-evidence-heading>small{margin-left:16px;font-size:12px;font-weight:400;color:#86909C} html[data-vita-skin="a"] #page :is(.pulse .pulse-value,.am-home-metrics .pulse-value,.r37-ds-brief .pulse-value,.cs-k .pulse-value,.r41-work-metric>b){font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.3px} html[data-vita-skin="a"] #page .cs-k .pulse-note > span{display:inline} html[data-vita-skin="a"] #page .pulse .pulse-value small{font-size:12px;font-weight:400;color:#86909C} html[data-vita-skin="a"] #page .pulse .pulse-value.neg{color:#C0231F} html[data-vita-skin="a"] #page :is(.pulse .pulse-value.warn,.r41-work-metric>b.warn){color:#D97706} html[data-vita-skin="a"] #page .r37-pulse-head :is(h1,h2,.cs-sent),html[data-vita-skin="a"] #page .r37-ds-brief .r37-pulse-head h2{font-size:21px;font-weight:600;line-height:1.5} html[data-vita-skin="a"] #page .r37-pulse .pulse{align-items:stretch} html[data-vita-skin="a"] #page .r37-pulse .pulse-cell{justify-content:flex-start;align-items:stretch} html[data-vita-skin="a"] #page .r37-pulse .pulse-label{font-size:12px;color:#86909C} html[data-vita-skin="a"] #page .r37-pulse .pulse-note{font-size:12px;line-height:1.5;margin:0;min-height:18px} html[data-vita-skin="a"] #page .r37-pulse .pulse-viz{margin-top:auto;min-height:56px;padding-top:8px;display:flex;flex-direction:column;justify-content:flex-end} html[data-vita-skin="a"] #page .r37-pulse .r41-viz-space{min-height:56px} html[data-vita-skin="a"] #page .r41-eyebrow{display:flex;align-items:center;gap:8px;min-height:22px;margin:0;font-size:12px;font-weight:400;line-height:22px;color:#86909C;white-space:nowrap} .r41-demo-selector{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:#86909C}.r41-demo-selector select{border:1px solid #E5E6EB;background:#fff;color:#4E5969;font:inherit;max-width:90px} .r41-greeting{display:inline-flex;align-items:center;height:22px;font-size:14px;font-weight:600;color:#1F2329;line-height:22px;flex-shrink:0}.r41-greeting::after{content:'·';font-weight:400;font-size:12px;color:#86909C;margin-left:8px} html[data-vita-skin="a"] #page .role-home-ds.r41-work-brief{padding:0;gap:0;grid-template-columns:minmax(310px,1fr) minmax(640px,1.65fr)} html[data-vita-skin="a"] #page .role-home-ds .pulse-viz{display:none} html[data-vita-skin="a"] #page :is(.r41-fin-credit,.r41-fin-types){position:relative;height:88px;min-height:88px;padding-top:8px;display:block} html[data-vita-skin="a"] #page .r41-fin-credit .r38-unit{position:relative;height:80px} html[data-vita-skin="a"] #page .r41-fin-credit .r38-unit-grid{position:absolute;bottom:48px} html[data-vita-skin="a"] #page .r41-fin-credit .r38-unit-key{position:absolute;top:37px} html[data-vita-skin="a"] #page .r41-fin-types .r38-stack{position:absolute;bottom:48px;width:100%;padding-bottom:0} html[data-vita-skin="a"] #page .r41-fin-types .r38-stack-label{width:100%;white-space:normal;overflow-wrap:anywhere;padding-top:5px} html[data-vita-skin="a"] #page .r41-fin-types .r38-stack-segment.is-narrow::after{display:none} html[data-vita-skin="a"] #page .ns-growth-key{color:#4E5969} html[data-vita-skin="a"] #page #am-home-goals > .mod-hd > .content-section-title{padding:0;margin:0} /* R41.1：行内保留读数与参照，完整金额、目标和覆盖数在对应单元格 title。 */ html[data-vita-skin="a"] .r41-geo-compact table{width:100%;font-size:12px} html[data-vita-skin="a"] .r41-geo-compact table :is(th,td){padding:8px 10px;line-height:20px;white-space:nowrap;vertical-align:middle} html[data-vita-skin="a"] .r41-geo-compact table th{font-size:11px} html[data-vita-skin="a"] .r41-geo-compact .r41-table-link{min-height:24px} html[data-vita-skin="a"] #drawer:has(.r41-geo-compact){width:min(1040px,calc(100vw - 48px))} html[data-vita-skin="a"] .r41-geo-compact table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums} .r41-geo-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap} .r41-geo-inline>b{font-size:12px;font-weight:500;min-width:38px;text-align:right} .r41-geo-inline>.r37-inline-bar{display:inline-block;flex:0 0 48px;width:48px;height:5px;margin:0} .r41-geo-amount{min-width:66px;font-size:11px;color:#86909C;text-align:right} html[data-vita-skin="a"] #page .od-team-section .card-h>.r37-risk-summary{order:1} html[data-vita-skin="a"] #page.r41-readonly-area .am-role-home>.verdict{margin-top:0} @media(max-width:1300px){html[data-vita-skin="a"] #page .r41-work-brief{grid-template-columns:1fr}.r41-work-copy p{font-size:20px}.r41-work-metric:first-child{border-left:0!important}} /* r43-fix.css */ /* R43：新增全站规则，只作用于当前页面，不进入历史快照。 */ html[data-vita-skin="a"] #side .nav-item{height:36px;min-height:36px;border-radius:8px;box-sizing:border-box;margin:2px 0;display:flex;align-items:center;gap:10px;padding:0 10px;width:100%;font:13px var(--sans);text-align:left;border:0} html[data-vita-skin="a"] #side .nav-area{height:32px;min-height:32px;box-sizing:border-box;border-radius:8px;margin:2px 0;padding:0 10px 0 38px;display:flex;flex-wrap:nowrap;align-items:center;gap:0;font-size:13px} html[data-vita-skin="a"] #side .nav-area b{font-weight:400;width:auto;white-space:nowrap;overflow:visible;text-overflow:clip} html[data-vita-skin="a"] #side .nav-label{font-size:12px;color:#86909C;font-weight:400;margin:20px 0 6px;padding:0 10px 0 38px;line-height:18px} html[data-vita-skin="a"] #side :is(.nav-item,.nav-area).on{background:#272B32;box-shadow:inset 3px 0 0 #C0231F} html[data-vita-skin="a"] #side .r43-nav-disabled{background:transparent;color:#86909C;cursor:default;opacity:1} html[data-vita-skin="a"] #side .gm-side-departments #gm-department-menu{display:block} html[data-vita-skin="a"] [data-r43-object]{cursor:pointer} html[data-vita-skin="a"] [data-r43-object]:hover{background:#F7F8FA} html[data-vita-skin="a"] [data-r43-object]:focus-visible{outline:2px solid #C0231F;outline-offset:-2px} html[data-vita-skin="a"] [data-r43-object] a:hover{text-decoration:none} .r43-attention{display:inline-block!important;color:#9A5B0B!important;background:#FBF3E6;border-radius:3px;padding:1px 4px;font-size:11px!important;font-weight:400;white-space:nowrap} .r43-trend{display:grid!important;grid-template-columns:repeat(14,5px);gap:2px;justify-content:start;padding:0!important;width:96px!important} .r43-trend i{width:5px!important;height:16px!important;border-radius:1px!important;display:block} .r43-trend i.r3,.uik-cal .r3,.uik-cal .r2,.uik-cal-lg .r3{background:#C0231F!important} .r43-trend i.r1,.uik-cal .r1,.uik-cal-lg .r1{background:#EBB3AD!important} .r43-trend i.z,.r43-trend i.n,.uik-cal .z,.uik-cal .n{background:#E5E6EB!important} .r43-trend i.g1,.uik-cal .g1,.uik-cal .g2,.uik-cal-lg .g1{background:#D3D8DF!important} html[data-vita-skin="a"] #page .journey-team .r43-team-table{font-size:12px;width:100%;table-layout:auto} html[data-vita-skin="a"] #page .journey-team .r43-team-table th:first-child{width:auto} html[data-vita-skin="a"] #page .r43-team-table :is(th,td){padding:10px 8px;line-height:1.6;vertical-align:middle;white-space:nowrap} html[data-vita-skin="a"] #page .r43-team-table th{font-size:11px;white-space:normal;max-width:150px} .r43-team-table td small{display:block;font-size:11px;line-height:1.6;color:#86909C;white-space:nowrap} .r43-team-table .week-change{margin-left:5px} html[data-vita-skin="a"] #page .r43-team-table :is(td,th):first-child{text-align:left} .r43-team-table td.r43-composite{padding:0!important} .r43-composite>div{padding:5px 8px} .r43-composite>div+div{border-top:1px solid #fff} .r43-collaboration-cell{color:#86909C} .r43-team-table .r43-week-scope{margin-top:3px} .r43-team-table .r37-inline-bar{max-width:120px} html[data-vita-skin="a"] #page .r37-pulse .pulse-cell{justify-content:flex-start;align-items:stretch;gap:0} html[data-vita-skin="a"] #page .r37-pulse .pulse-label{font-size:12px;line-height:18px;display:block;margin:0 0 4px} html[data-vita-skin="a"] #page .r37-pulse .pulse-value{display:block;margin:0 0 4px;line-height:40px} html[data-vita-skin="a"] #page .r37-pulse .pulse-note{font-size:12px;line-height:18px;margin:0;padding:0} html[data-vita-skin="a"] #page .r37-pulse .pulse-viz{height:auto;min-height:0;position:static;margin:10px 0 0;padding:0;display:block;justify-content:normal} html[data-vita-skin="a"] #page .r43-pulse-plot{display:flex;flex-direction:column;justify-content:flex-start;position:relative;max-height:72px;min-height:0;width:100%} html[data-vita-skin="a"] #page .r43-pulse-plot :is(.r38-unit,.r38-stack){position:static;height:auto;min-height:0;width:100%;bottom:auto;padding:0} html[data-vita-skin="a"] #page .r43-pulse-plot .r38-unit-grid{position:static;bottom:auto;display:grid;grid-template-columns:repeat(var(--waffle-cols),var(--r43-unit-size,4.5px));gap:1.5px;max-width:none;width:max-content} html[data-vita-skin="a"] #page .r43-pulse-plot .r38-unit-grid i{width:var(--r43-unit-size,4.5px);height:var(--r43-unit-size,4.5px);min-width:0;min-height:0;border-radius:1px} html[data-vita-skin="a"] #page .r43-pulse-plot :is(.r37-mini,.r37-week){max-height:64px;width:100%;display:block} .r43-pulse-caption{margin-top:5px;line-height:16px;font-size:11px;color:#86909C;min-height:0;text-align:left} html[data-vita-skin="a"] #page .r43-pulse-caption .pulse-note{font-size:11px;min-height:0!important;line-height:16px} html[data-vita-skin="a"] #page .r43-pulse-caption :is(.r38-unit-key,.r37-chart-range){position:static;top:auto;margin:0;display:block;font-size:11px} html[data-vita-skin="a"] #page .r43-pulse-caption .r38-unit-key{display:flex;column-gap:12px;row-gap:3px;flex-wrap:wrap;align-items:center} html[data-vita-skin="a"] #page .r43-pulse-caption .r38-unit-key>span+span::before{content:'·';position:absolute;left:-8px;color:#86909C} html[data-vita-skin="a"] #page .r43-pulse-caption .r38-unit-key>span{position:relative} html[data-vita-skin="a"] #page .r43-closure-units .r38-unit-grid i{background:#4E5969} html[data-vita-skin="a"] #page .r43-closure-units .r38-unit-grid i.bad{background:#EBB3AD} html[data-vita-skin="a"] #page .pulse-cell:has(.r43-closure-units) .r38-unit-key i{background:#4E5969} html[data-vita-skin="a"] #page .pulse-cell:has(.r43-closure-units) .r38-unit-key i.bad{background:#EBB3AD} html[data-vita-skin="a"] #page .r43-pulse-plot .r38-counts{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:18px} html[data-vita-skin="a"] #page .r43-pulse-list{font-size:12px;line-height:18px;color:#4E5969} .r43-bullet{width:100%;padding-top:22px;font-size:10px;color:#86909C} .r43-bullet-track{height:8px;border-radius:2px;background:#E5E6EB;position:relative} .r43-bullet-track>i{display:block;height:8px;border-radius:2px} .r43-bullet-track>b{position:absolute;top:-5px;height:18px;border-left:1px solid #4E5969;width:0;font-weight:400} .r43-bullet-track>b.r43-time{border-left:1px dashed #4E5969} html[data-vita-skin="a"] #page .r37-pulse .pulse-viz .r43-bullet-track em{position:absolute;bottom:19px;left:3px;font-style:normal;white-space:nowrap;font-size:10px;line-height:14px} html[data-vita-skin="a"] #page .r37-pulse .pulse-viz .r43-bullet-track .r43-target em{left:auto;right:0} .r43-bullet-scale{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;line-height:14px} html[data-vita-skin="a"] #drawer.r43-wide-drawer{width:min(var(--r43-drawer-width,1040px),calc(100vw - 208px));max-width:calc(100vw - 208px)} html[data-vita-skin="a"] #drawer:not(.r43-wide-drawer){width:min(480px,calc(100vw - 208px))} #drawer .r43-store-name{min-width:8em;white-space:nowrap!important} #drawer table :is(td.num,td.ut-num,th){white-space:nowrap} #drawer .table-wrap,#drawer .uik-table-wrap{overflow-x:auto} html[data-vita-skin="a"] #page .r43-full-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} html[data-vita-skin="a"] #page #fin-assumptions{display:block} html[data-vita-skin="a"] #page #fin-assumptions::before{display:none} html[data-vita-skin="a"] #page #fin-assumptions p{display:block;line-height:1.7;margin:8px 0} html[data-vita-skin="a"] #page.gm-attention .list{top:68px;align-self:start} html[data-vita-skin="a"] #page .cs-row2{display:grid;grid-template-columns:minmax(0,1fr)} html[data-vita-skin="a"] #page .cs-row2 table{flex:none} html[data-vita-skin="a"] #page .ns-specialist-grid{align-items:stretch} html[data-vita-skin="a"] #page .cs-qi.on{background:#FFF7F6;box-shadow:inset 3px 0 0 #C0231F} html[data-vita-skin="a"] .uik-goal-bar i.hatch,html[data-vita-skin="a"] .uik-goal-f i.hatch{background:repeating-linear-gradient(-45deg,#A9AEB8 0 3px,#E5E6EB 3px 6px)} html[data-vita-skin="a"] .uik-goal-bar i.grad,html[data-vita-skin="a"] .uik-goal-f i.grad{background:#4E5969} .uik-goal-end{position:absolute;top:24px;right:0;font-style:normal;font-size:11px;white-space:nowrap;color:#4E5969} html[data-vita-skin="a"] .hist h3::before{display:none;content:none} html[data-vita-skin="a"] .hist :is(.uik-card-h,.mod-hd) h3{padding-left:0} html[data-vita-skin="a"] .hist-calendar-wrap{display:flex;justify-content:flex-start;align-items:flex-start;gap:32px;flex-wrap:wrap} html[data-vita-skin="a"] .hist-day-picker{margin-left:0;flex:none} html[data-vita-skin="a"] #page.hist .hist-heading{padding:12px 16px} html[data-vita-skin="a"] #page.hist .hist-calendar-wrap{gap:12px 32px;padding:0 16px 12px} html[data-vita-skin="a"] #page.hist .hist-calendar-wrap .uik-cal{flex:none;width:max-content} html[data-vita-skin="a"] #page.hist .r43-calendar-legend{flex-basis:100%;max-width:none;margin:0} .r43-scope-info{display:inline-flex;align-items:center;gap:6px} .r43-snapshot-loading{padding:12px 16px;color:#86909C;font-size:12px} html[data-vita-skin="a"] .hist .mod-sub{border:0;border-top:1px solid #F0F1F3;border-radius:0;box-shadow:none;padding:12px 0;background:transparent} html[data-vita-skin="a"] .hist .mod-sub>.content-section-title{font-size:12px;font-weight:600;padding:0 0 8px;margin:0;border:0} .r43-stage-heading{margin:0!important;padding:0!important;display:flex;align-items:baseline;gap:8px;background:transparent} .r43-stage-heading b{font-size:14px}.r43-stage-heading span{font-size:12px;font-weight:400;color:#86909C} html[data-vita-skin="a"] #page .r43-stage-heading+h3{font-size:12px;color:#4E5969} html[data-vita-skin="a"] .r43-geo-table{width:100%;font-size:11px;border-collapse:collapse;table-layout:auto} html[data-vita-skin="a"] .r43-geo-table :is(td,th){padding:7px 6px;white-space:nowrap;line-height:18px;vertical-align:middle} html[data-vita-skin="a"] .r43-geo-table th{font-size:11px;font-weight:500} .r43-geo-table th small{display:block;font-size:10px;font-weight:400} .r43-geo-table td{width:1%;font-variant-numeric:tabular-nums} html[data-vita-skin="a"] #r41-provinces .r43-geo-table td:first-child{width:1%} .r43-geo-table td:not(:first-child){text-align:right} .r43-geo-table .r41-geo-inline{gap:4px;flex-wrap:nowrap} .r43-geo-table .r41-geo-inline>b{font-size:11px;min-width:0} .r43-geo-table .r41-geo-amount{min-width:0;font-size:10px} .r43-geo-table .r41-geo-inline>.r37-inline-bar{flex-basis:28px;width:28px} .r43-geo-table .r43-geo-group{border-left:1px solid #E5E6EB} html[data-vita-skin="a"] #r41-provinces .r43-geo-table td.r43-group-end{width:auto;padding-right:clamp(8px,calc((100vw - 1440px) / 20),24px)} html[data-vita-skin="a"] #r41-provinces .r43-geo-table thead tr:last-child :is(th:nth-child(2),th:nth-child(8),th:nth-child(10)){padding-right:clamp(8px,calc((100vw - 1440px) / 20),24px)} html[data-vita-skin="a"] #r41-provinces .r43-geo-table .r37-inline-bar{flex-basis:clamp(28px,calc(28px + (100vw - 1440px) / 4),148px);width:clamp(28px,calc(28px + (100vw - 1440px) / 4),148px)} html[data-vita-skin="a"] #r41-provinces .r43-decline .r37-inline-bar{min-width:30px} html[data-vita-skin="a"] #r41-provinces .r43-geo-table td:nth-child(8){width:clamp(110px,calc(110px + (100vw - 1440px) / 5),206px)} .r43-geo-table thead tr:first-child th{text-align:center;border-bottom:1px solid #E5E6EB} .r43-geo-table .r43-geodelta{display:block;font-size:11px} .r43-geo-table .r43-decline{display:flex;gap:4px;justify-content:flex-end;align-items:center} .r43-geo-table .r43-decline .r37-inline-bar{width:30px;min-width:30px;margin:0} .r43-geo-table .r43-decline .r38-inline-ref{display:none} .r43-geo-scroll{overflow-x:auto;max-width:100%} @media(max-width:1439px){ html[data-vita-skin="a"] #page .journey-team .r43-team-table :is(th,td){padding-left:4px;padding-right:4px;font-size:11px} html[data-vita-skin="a"] #page .journey-team .r43-team-table small{font-size:10px} html[data-vita-skin="a"] #page .journey-team .r43-team-table .r43-composite>div{padding-left:4px;padding-right:4px} html[data-vita-skin="a"] #page .r43-geo-table :is(td,th){padding-left:4px;padding-right:4px;font-size:10px} html[data-vita-skin="a"] #page .r43-geo-table th{white-space:normal;max-width:100px} html[data-vita-skin="a"] #page .r43-geo-table .r41-geo-inline{flex-wrap:wrap;justify-content:flex-end} html[data-vita-skin="a"] #page .r43-geo-table .r41-geo-amount{width:100%} } html[data-vita-skin="a"] .hist-work.mod{padding:0 16px;background:#fff;min-width:0} html[data-vita-skin="a"] .hist-work>.mod-sub{margin:0;padding:12px 0;border:0;border-top:1px solid #F0F1F3;border-radius:0;background:transparent;box-shadow:none} html[data-vita-skin="a"] .hist-work>.mod-sub:first-child{border-top:0} html[data-vita-skin="a"] .hist-work>.mod-sub .uik-card-h{padding:0 0 8px;border:0} html[data-vita-skin="a"] .hist-work>.mod-sub h3{font-size:12px;font-weight:600} #drawer .r43-geo-table td.r43-group-end{padding-right:8px} #drawer .r43-geo-table{width:max-content;min-width:100%} .r43-procurement-summary{padding:12px 0;border-bottom:1px solid #E5E6EB;display:flex;flex-wrap:wrap;gap:8px 18px} .r43-procurement-summary span{white-space:nowrap} .r43-tooltip{position:fixed;z-index:1000;max-width:340px;padding:9px 12px;border:1px solid #E5E6EB;border-radius:6px;background:#fff;color:#4E5969;box-shadow:0 4px 16px #1f232914;font-size:12px;line-height:1.6;pointer-events:none} /* Keep nested links under the pointer throughout press and release. */ #page .fcard:active,#page .uik-fcard:active{transform:none} /* R43.1：主模块只由容器 gap 控制，不叠加旧模块的外边距。 */ html[data-vita-skin="a"] #page.r43-home-stack, html[data-vita-skin="a"] #page .r43-home-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} html[data-vita-skin="a"] #page.r43-home-stack>*, html[data-vita-skin="a"] #page .r43-home-stack>*{margin-top:0!important;margin-bottom:0!important} html[data-vita-skin="a"] #top #work-person{height:32px;border:1px solid #E5E6EB;border-radius:6px;font-size:13px;padding:0 8px;background:#fff;color:#4E5969} html[data-vita-skin="a"] #top .view-back{position:static;flex:none;min-height:0;max-width:240px;padding:0;margin:0 12px 0 0;border:0;border-radius:0;background:none;box-shadow:none;color:#4E5969;font:400 12px/20px var(--sans);overflow:visible;text-overflow:clip} html[data-vita-skin="a"] #top .view-back:hover{color:#C0231F;background:none} .r43-team-table th small{display:block;font-size:10px;font-weight:400;line-height:1.5;white-space:nowrap} html[data-vita-skin="a"] #page .r43-team-table td small{font-size:10px} html[data-vita-skin="a"] #page .r43-team-table :is(.h1,.h2,.h3,.h4,.h5) small{color:inherit} /* visual/opus-ui.css */ /* Shared visual layer, aligned to the legacy public demo's type and surfaces. */ :root { --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; --num:var(--sans); --bg:#F5F6F8; --panel:#fff; --panel2:#F8F9FB; --panel3:#F2F3F5; --card:#fff; --th:#F8F9FB; --ink:#1F2329; --ink2:#4E5969; --ink3:#86909C; --tx:#1F2329; --tx2:#4E5969; --tx3:#86909C; --line:#E5E6EB; --line2:#F0F1F3; --line-soft:#F0F1F3; --brand:#C0231F; --accent:#4E5969; --accent-bg:#F2F3F5; --accent-bd:#E5E6EB; --red:#C0231F; --neg:#C0231F; --neg-bg:#FBEFEE; --red-w:#FBEFEE; --ok:#15803D; --pos:#15803D; --pos-bg:#EAF4EE; --ok-w:#EAF4EE; --amber:#9A600D; --warn:#9A600D; --warn-bg:#FFF6E7; --amber-w:#FFF6E7; --fs-big:28px; --fs-num:20px; --fs-h:16px; --fs-tbl:12px; --tab-bg:#FBEFEE; --tab-bd:#EDC8C5; --tab-ink:#C0231F; --ui-edge:#E5E6EB; --ui-elevation:none; } /* The reference uses an opaque gray canvas and a charcoal navigation rail. */ html,body { background:var(--bg); } body::before { display:none; } body>.main { background-color:var(--bg); background-image:none; } #side { background:#16181D; color:#CDD2DA; box-shadow:none; border-right-color:#292C33; } #side .brand { color:#F2F3F5; font-size:14px; font-weight:500; letter-spacing:0; } #side .brand i { background:#F2F3F5; color:#16181D; border-radius:6px; } #side .nav-item { color:#CDD2DA; border-radius:6px; } #side .nav-item:hover,#side .nav-area:hover { background:#292C33; color:#fff; } #side .nav-item.on { background:#292C33; color:#fff; box-shadow:inset 3px 0 0 #C0231F; } #side .nav-item .cnt,#side .nav-item.on .cnt { background:#3D424C; color:#fff; } #side .nav-item.muted,#side .nav-label,#side .side-foot { color:#A7AFBB; } #side .nav-area { color:#CDD2DA; border-radius:6px; } #side .hist-scope-side { color:#CDD2DA; } #side .nav-area small,#side .hist-scope-side span,#sideAreas .ns-nav small { color:#A7AFBB; } #sideAreas .nav-area.on { background:#292C33; color:#fff; box-shadow:inset 2px 0 0 #C0231F; } #top { background:#fff; border-bottom-color:var(--line); box-shadow:none; } #top .datepill,#roleSelect { border-color:#D4D9E1; background:#fff; color:var(--ink2); border-radius:6px; } #top .who i { background:#FBEFEE; color:#C0231F; } .demo { color:var(--ink3); background-color:var(--bg); } /* Opaque white surfaces have one thin edge, without a second inset outline. */ :is(.panel,.card,.goal,.uik-card,.uik-ai,.uik-wide),.home-b .card, #page.uik .card,#page .w3 .card,#page .uik-card,#page .hist-card,#page .hist-catalog, #page .cs-card,#page .cs-banner,#page .rail,#page .workflow-inbox,#page .store-queue,#page .uik-ai, #page :is(.qlist,.escbox,.wbar,.an-finding,.an-main,.an-related,.journey-disclosure,.gm-metrics, .uik-hd,.uik-sec,.uik-fcard,.uik-bar,.cs-queue,.ns-find),#page .uik-mini-page .mc { background:#fff; border:1px solid var(--ui-edge); border-radius:12px; box-shadow:var(--ui-elevation); backdrop-filter:none; -webkit-backdrop-filter:none; } #page.uik .banner,#page .cs-banner { background:#fff; background-image:none; border-radius:12px; box-shadow:none; } #page .uik-grid,#page.uik.uik-ddir .banner.uik-grid { background:#fff; } #page.uik .banner .live { background:#C0231F; } .od-home .od-priorities>a,.od-home .od-focus-card { border-color:var(--ui-edge); border-radius:10px; } #page.uik .od-priorities>a:hover { background:#F8F9FB; box-shadow:none; } .w3 .it.on { background:#FBEFEE; border-left-color:#C0231F; box-shadow:none; } .w3 .it:hover { background:#F8F9FB; } .w3 .it.on .t { color:#1F2329; } /* Use the public reference's red action color and neutral secondary controls. */ button.primary,.btn.primary,.w3 .btn.primary,.uik .uik-btn.primary,.hist .uik-btn.primary,.uik-drawer .uik-dbtn,.drawer-actions button.primary,#drawer button.primary { background:#C0231F; border-color:#C0231F; color:#fff; border-radius:6px; box-shadow:none; } button.primary:hover,.btn.primary:hover,.w3 .btn.primary:hover,.uik .uik-btn.primary:hover,.hist .uik-btn.primary:hover,.uik-drawer .uik-dbtn:hover,.drawer-actions button.primary:hover,#drawer button.primary:hover { background:#A61E1A; border-color:#A61E1A; } .btn:not(.primary):hover,.w3 .btn:not(.primary):hover { background:#F8F9FB; border-color:#C9CDD4; } .seg,.btn,.w3 .btn { border-radius:6px; } .seg button.on,.w3 .seg button.on { background:#FBEFEE; color:#C0231F; box-shadow:inset 0 0 0 1px #EDC8C5; } #page .btn:not(.primary),#page .uik-btn:not(.primary) { border-color:#D4D9E1; color:var(--ink2); } #page :is(input,select,textarea) { border-color:#C9CDD4; background-color:#fff; color:var(--ink); border-radius:6px; } #page :is(input,select,textarea):focus { border-color:#C0231F; box-shadow:0 0 0 2px #C0231F1F; } #page :is(input,select,textarea):focus-visible { outline-color:#C0231F; } /* Dense data surfaces use neutral dividers and legible supporting text. */ .uik-list-table,.uik .ut,.uik-drawer table { color:var(--ink); } .uik-list-table th,.uik .ut th,.uik-drawer th,.w3 .t th,.w3 .lg th { background:#F8F9FB; color:var(--ink2); border-bottom-color:var(--line); } .uik-list-table td,.uik .ut td,.uik-drawer td,.w3 .t td,.w3 .lg td { border-bottom-color:var(--line-soft); } .uik-list-table td small,.uik .ut td small,.uik-drawer td small,.uik-drawer .uik-ds, .uik-drawer .uik-dfoot,.uik-card-h .meta,.uik-ai-prov,.uik-ai-note { color:var(--ink3); } .uik .ut tbody tr:hover td,.uik-drawer tbody tr:hover td,.uik-list-table tbody tr:hover td { background:#F8F9FB; } .uik .unum:hover,.uik .ut a:hover,.uik-drawer td a:hover,.uik .uik-more,.uik-drawer .uik-more { color:#C0231F; text-decoration-color:#C0231F; } .uik .ut-tag.sel { color:#C0231F; background:#FBEFEE; box-shadow:inset 0 0 0 1px #EDC8C5; } .uik .uik-steps:hover,.uik-drawer .uik-steps:hover { background:#F8F9FB; } .uik-drawer { background:#fff; border-left-color:var(--line); box-shadow:-8px 0 24px #1F23290D; } .uik-pop,#tip { background:#fff; border-color:var(--line); box-shadow:0 6px 18px #1F232912; border-radius:8px; } .hist-tabs .on,.hist-thread button,.hist-condition-editor>summary,.hist-source-button,.hist-source-meta summary { color:#C0231F; } .hist-tabs { background:#F2F3F5; } .hist-tabs.small .on,.hist-catalog button.on,.hist-examples button:hover { background:#FBEFEE; color:#C0231F; } .hist .hist-table th,.hist .hist-table .hist-total td { background:#F8F9FB; } .hist .hist-table tbody tr:hover { background:#F8F9FB; } /* Keep supporting copy at the reference's readable neutral gray. */ .hist-heading p,.hist-muted,.hist-foot,.hist-examples>span,.hist-pagination,.hist-ai-caveat, .hist-result-count,.hist-number small,.hist-thread,.hist-dict-item dt,.hist-day-picker>span, .hist-version,.hist-saved-kpis span,.hist-summary-kpis span,.hist-source,.hist-saved-event>b, .hist-catalog-group h4,.hist-examples-saved,.hist-source-coverage, .uik .flat,.uik-drawer .uik-step-list b,.uik .uik-card-h .meta,.uik .uik-wk a small,.uik .uik-i, .uik-trk-list>div>span small,.uik-trk-list .ax,.uik-ramp-r .st,.uik-goal-h small,.uik-goal-f .lg, .uik.uik-ddir .ddx-foot,.uik-cs .cs-src,.uik-cs .cs-empty,.uik-drawer .cs-empty, .uik-cs .cs-pipeline>i,.uik-cs .cs-pipeline small,.uik-cs .cs-lg,.uik-drawer .cs-lg, .uik-cs .cs-date,.uik-cs .cs-k span,.uik-cs .cs-k small,.uik-cs .cs-mx td small, .uik-cs .cs-q,.uik-cs .cs-foot,.uik-cs .cs-qh,.uik-cs .cs-qi small,.uik-cs .cs-city, .uik-cs .cs-meta,.uik-cs .cs-big small,.uik-cs .cs-tn small,.uik-cs .cs-tn em, .uik-cs .cs-sh,.uik-cs .cs-form label,.uik-drawer .cs-dl dt { color:var(--ink3); } :is(.uik,.uik-drawer) .uik-ai-prov,:is(.uik,.uik-drawer) .uik-ai-note, :is(.uik,.uik-drawer) .uik-caret,:is(.uik,.uik-drawer) details.uik-j dt, :is(.uik,.uik-drawer) .uik-steps i { color:var(--ink3); } /* Existing business status meanings and chart encodings stay intact. */ #page.uik .neg,#page .w3 .neg,.uik-drawer .neg { color:#C0231F; } #page.uik .pos,#page .w3 .pos,.uik-drawer .pos { color:#15803D; } #page.uik .tag.red,#page .w3 .tag.red,#page.uik .ut-tag.r { color:#C0231F; background:#FBEFEE; } #page.uik .tag.green,#page .w3 .tag.green,#page.uik .ut-tag.g { color:#15803D; background:#EAF4EE; } #page.uik .tag.amber,#page .w3 .tag.amber,#page.uik .ut-tag.y { color:#9A600D; background:#FFF6E7; } /* Remove the older glass layer from frames, drawers and floating controls. */ #side,#top,.drawer,.uik-drawer,.uik-pop,#tip,.notes .box,.view-back,.uik-ghost,.rail-foot { backdrop-filter:none; -webkit-backdrop-filter:none; } .drawer,.rail-foot,.view-back,.uik-ghost { background:#fff; } #page .fcard:hover,#page .uik-fcard:hover,#page .ns-find:hover { box-shadow:none; } /* One system font and a restrained scale across headings, prose and figures. */ body,button,input,select,textarea { font-family:var(--sans); } :is(.goal .gv,.od-big b,.evidence-summary>b,.uik-drawer .uik-fd-top b, #anSummary b,.view-store-stats b,.od-team-numbers b,.hist-number b, .uik .uik-wk a b,.hist-saved-kpis b,.hist-summary-kpis b) { font-family:var(--sans); font-variant-numeric:tabular-nums; font-feature-settings:normal; letter-spacing:0; } #top h1 { font-size:14px; font-weight:600; } #top :is(.datepill,#roleSelect,.who,.seg button) { font-size:12px; } #page.home-b.b-wrap,#page.uik { padding:16px 20px 40px; } #page.home-b.b-wrap { gap:12px; } #page .banner,#page .cs-banner { padding:16px 20px; } #page .banner h2 { margin:8px 0; font-size:16px; font-weight:600; line-height:1.55; letter-spacing:0; } #page .verdict h1 { font-size:16px; font-weight:600; line-height:1.55; } #page .banner p { font-size:12px; line-height:1.6; color:#626B77; } #page .bstats { margin-top:12px; padding-top:12px; } #page .bstats>div { padding:0 20px; } #page .bstats>div:first-child { padding-left:0; } #page .bstats b { font-size:24px; letter-spacing:0; } #page .bstats b small { font-size:12px; } #page .g-head .pv { font-size:24px; letter-spacing:0; } #page .g-head .pv small { font-size:12px; font-weight:400; } #page :is(.ops-work-card>b,.ops-change-number,.od-priorities b,.od-focus-number,.ns-find b) { font-size:22px; font-weight:600; letter-spacing:0; } #page :is(.ops-change-number,.od-focus-number) small { font-size:12px; font-weight:400; } #page :is(.ops-change-card,.od-focus-card) p { font-size:12px; line-height:1.65; color:var(--ink2); } #page :is(.four-stats b,.hist-number b) { font-size:24px; } #page .hist-heading h2 { font-size:16px; } #page .fhead { margin:2px 2px 0; } #page .fhead h2 { font-size:14px; } #page .fcards { gap:12px; } #page .fcard { padding:12px 14px; } #page .card-h { padding:12px 16px 0; } #page .card-h h2,#page .uik-card-h h3 { font-size:14px; } #page :is(.uik-card,.cs-card) { padding:14px 16px; } #page .block-body { padding:12px 16px 16px; } #page .am-role-home #am-home-tasks .qi { padding:8px 12px; } #page .am-role-home #am-home-tasks .rail-head { padding:12px 14px; } #page .cs-sent { margin-top:6px; font-size:14px; line-height:1.65; } #page .cs-k b { font-size:24px; } #page .ns-specialist-head h2 { font-size:18px; font-weight:600; } #page :is(.od-summary h1,.work-heading h1,.w3 .bar h2,.w3 .detail h2,.gm-detail h1) { font-size:16px; line-height:1.55; } #page :is(.od-finding h3,.evidence-summary h3,.uik-hd h2) { font-size:14px; } #page :is(.od-finding p,.work-ai-data p,.cs-desc,.ns-specialist p) { color:var(--ink2); } /* Attention cards fit their content. Value and basis share a compact row. */ #page .gm-insight-card { display:grid; grid-template-columns:max-content minmax(0,1fr); column-gap:10px; align-content:start; } #page .gm-insight-card>:is(.fh,.t,.gm-insight-reason,.fc,.gm-insight-counter,.o) { grid-column:1/-1; } #page .gm-insight-card .t { display:block; min-height:0; margin:6px 0 8px; font-size:13px; font-weight:600; line-height:1.5; overflow:visible; -webkit-line-clamp:unset; } #page .gm-insight-card .big { margin:0; font-size:20px; line-height:1.15; letter-spacing:0; } #page .gm-insight-card .bn { align-self:center; margin:0; white-space:normal; overflow:visible; line-height:1.5; } #page .gm-insight-reason { min-height:0; margin:8px 0 0; font-size:12px; line-height:1.65; color:var(--ink2); } #page .gm-insight-card .fc { min-height:66px; margin:6px 0 8px; } #page .gm-insight-counter { min-height:0; margin:0 0 8px; font-size:12px; line-height:1.65; color:var(--ink2); } #page .gm-insight-card .o { margin-top:0; padding-top:8px; color:var(--ink3); } /* Match the reference's table density while retaining every cell and control. */ #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) th,.uik-drawer th { height:auto; padding:6px 10px; background:var(--th); color:#7B8491; font-size:11px; font-weight:500; line-height:1.6; } #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) td,.uik-drawer td { padding:8px 10px; font-size:12px; line-height:1.6; color:#5C6470; } #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) td :is(b,strong,.unum),.uik-drawer td :is(b,strong) { font-size:inherit; font-weight:500; line-height:inherit; letter-spacing:0; } #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) td:first-child, #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) td:first-child :is(b,strong) { color:var(--ink); } #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) td :is(small,em),.uik-drawer td small { font-size:11px; color:#86909C; font-weight:400; } #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) td :is(.neg,.neg b,b.neg) { color:var(--neg); } #page :is(.uik-list-table,.ut,.kt,.t,.lg,.hist-table,.cs-mx,.an-table) td :is(.pos,.pos b,b.pos) { color:var(--pos); } #page :is(.uik-list-table,.ut,.kt) tr.total td { background:#F8F9FB; } #page .gm-case-status b { font-size:14px; font-weight:500; } #page .gm-watch-analysis>b { font-size:13px; font-weight:500; } #page .uik-ai { padding:12px 14px; } #page .uik-ai h3 { font-size:14px; line-height:1.55; } #page .uik-ai p { margin:6px 0; font-size:13px; line-height:1.65; } #page .work-ai { padding:14px 16px; margin:12px 0; line-height:1.65; } #page .work-ai h3 { margin:8px 0 10px; font-size:14px; line-height:1.55; } #page .work-ai-data { font-size:13px; line-height:1.65; } #page .work-ai-data>b { display:block; margin-top:10px; font-size:12px; color:var(--ink2); } #page .work-ai-data p { margin:8px 0; } #page .ns-growth-ai { padding:0; } #page .ns-growth-ai>.work-ai { margin:0; border:0; border-radius:inherit; box-shadow:none; } .uik-drawer>header { padding:14px 16px 12px; } .uik-drawer .uik-db { padding:8px 16px 20px; } /* 2026-10-20 对齐老公版的精致度：微阴影、全局表格数字、选中态去蓝。 */ :root { --ui-elevation:0 1px 2px rgba(23,25,31,.05); } body { font-variant-numeric:tabular-nums; } /* 经营数据平台页签：蓝色选中态改为老版的灰槽白芯分段控制。 */ #page .v4 .tabs { background:#ECEEF2; border:0; border-radius:10px; padding:3px; gap:3px; overflow:visible; } #page .v4 .tab { background:transparent; border:0; border-radius:8px; box-shadow:none; } #page .v4 .tab + .tab { border-left:0; } #page .v4 .tab:not(.on):hover { background:rgba(255,255,255,.55); } #page .v4 .tab.on,#page .v4 .tab.on:hover { background:#fff; color:var(--ink); box-shadow:0 1px 2px rgba(23,25,31,.08); border-color:transparent; } #page .v4 .tab:not(.on) .pn { color:var(--ink2); } #page .v4 .wf .r.on { background:#FBEFEE; box-shadow:inset 3px 0 0 #C0231F; } /* 抽屉与案例页签同步去蓝，灰槽白芯。 */ .drawer-tabs,.case-tabs { background:#ECEEF2; border:0; border-radius:8px; padding:2px; gap:2px; overflow:visible; } .drawer-tabs button,.case-tabs button { border-radius:6px; } .drawer-tabs button.on,.case-tabs button.on { background:#fff; color:var(--ink); box-shadow:0 1px 2px rgba(23,25,31,.08); font-weight:600; } /* 其余散落的蓝色选中/链接统一收回墨色与品牌红。 */ #page .qi.on,.od-list .qi.on { background:#FBEFEE; box-shadow:inset 3px 0 0 #C0231F; } #page .kind.k-拆环 { background:#F2F3F5; color:#4E5969; } .view-drawer-return { color:var(--ink); } .view-drawer-return:hover { color:#000; } .dtl[aria-pressed="true"] { background:#F2F3F5; color:var(--ink); box-shadow:inset 0 0 0 1px #C9CDD4; border-color:#C9CDD4; } .journey-finding:hover { background:#F8F9FB; } .journey-disclosure > summary:focus-visible,.journey-queue > summary:focus-visible { outline-color:var(--ink); } /* 浮动返回钮：蓝胶囊改为中性白底灰边。 */ .view-back { border-color:#D4D9E1; color:var(--ink2); background:#fff; box-shadow:0 3px 16px rgba(23,25,31,.10); } .view-back:hover { background:#F8F9FB; border-color:#C9CDD4; color:var(--ink); } .view-back:focus-visible { outline-color:var(--ink); } @media(max-width:720px) { #page.home-b.b-wrap,#page.uik { padding:14px 12px 32px; } #page .banner,#page .cs-banner { padding:14px 16px; } #page .banner h2 { font-size:16px; } #page .verdict h1 { font-size:16px; } } /* visual/opus-cleanup.css */ /* Requested copy cleanup for the Opus preview; B4 styling stays in opus-ui.css. */ .demo, #top .notes, #side .side-foot, .od-priorities > a > em, .ops-home-work > a > em, .opus-clean-hidden, .opus-tile > button[data-od-view], .opus-tile > button[data-uik-open], [data-hq-href] .fh > .view { display:none !important; } /* A single existing read action occupies the whole card. */ #page .opus-tile { cursor:pointer; } #page .opus-tile:hover { background:#F8F9FB; border-color:#C9CDD4; box-shadow:none; } #page .opus-tile:focus-visible, #page .od-priorities > a:focus-visible { outline:2px solid #C0231F; outline-offset:3px; } /* visual/opus-work-inline.css */ /* Only the current work item's evidence and its optional query area. */ #page .w3 .opus-work-data { display:block; padding:0; min-width:0; overflow:hidden; } #page .opus-work-data > .opus-evidence-level { display:block; padding:14px 16px; margin:0; scroll-margin-top:90px; } #page .opus-evidence-level + .opus-evidence-level { border-top:1px solid #E5E6EB; background:#F8F9FB; } #page .opus-evidence-head { display:flex; align-items:center; justify-content:space-between; gap:16px; } #page .opus-evidence-head h3 { margin:0; font-size:14px; font-weight:600; color:#1F2329; line-height:1.6; } #page .opus-evidence-period { margin:4px 0 10px; font-size:12px; line-height:1.6; color:#626B77; } #page .opus-evidence-body { display:block; } #page .opus-evidence-body .od-topic-detail > p:first-child { margin:0 0 10px; } #page .opus-evidence-body .uik-list-table { min-width:0; } #page .opus-evidence-body .uik-list-table th { background:#F8F9FB; color:#4E5969; font-weight:500; } #page .opus-evidence-body .uik-list-table td { background:transparent; } #page .opus-evidence-body .uik-list-table tr.opus-evidence-selected td { background:#FBEFEE; } #page .opus-evidence-body [data-od-view] { color:#C0231F; font-weight:500; text-align:left; } #page .opus-evidence-body [data-od-view]:hover { color:#A61E1A; } #page .opus-evidence-body [data-od-view]:focus-visible, #page .opus-evidence-close:focus-visible { outline:2px solid #C0231F; outline-offset:3px; } #page .opus-evidence-level:focus { outline:none; } #page .opus-evidence-close { border:1px solid #D4D9E1; border-radius:6px; background:#fff; padding:5px 10px; color:#4E5969; font:inherit; font-size:12px; white-space:nowrap; cursor:pointer; } #page .w3 .od-query .askbox .qh[hidden] { display:none; } #page .w3 .od-query > summary { color:#4E5969; } /* 2026-10-20 区经理/团队页精致度：瓷砖去红框、已排查块排版修复。 */ /* 指标瓷砖：红框红底收回中性，红色只留给“要问”小胶囊；数值略放大对齐老版字阶。 */ #page .w3 .tile { padding:12px 14px; } #page .w3 .tile.hv { border-color:#F0C4C2; background:#fff; } #page .w3 .tile.hv:hover { border-color:#E3A9A6; } #page .w3 .tile > b { font-size:22px; font-weight:650; letter-spacing:-.01em; } #page .w3 .tile .tag.red { height:20px !important; font-size:11px !important; padding:0 6px; } /* 平台对比行与卡内辅助说明保持安静。 */ #page .w3 .q .plat { color:var(--ink2); } /* “已排查 · 暂不跟进”：.w3 .row 的三列网格把它挤成一字一行，改回块级行。 */ #page .w3 .seen .row { display:block; padding:3px 0; border-top:0; } #page .w3 .seen .row + .row { margin-top:2px; } /* 团队页“查看全部 N 家门店”链接由蓝收墨。 */ #page .team-integrated .team-all-stores { color:var(--ink); } #page .team-integrated .team-all-stores:hover { color:#000; } @media(max-width:760px) { #page .opus-work-data > .opus-evidence-level { padding:16px; } } /* 旧版执行路径，沿用当前字体、颜色和基础组件。仅作用于专员与区经理。 */ #page .legacy-role-work { padding:0; overflow:hidden; } #page .legacy-role-work .am-work-card { padding:0; box-shadow:none; } #page .legacy-role-work > .am-issue-head, #page .legacy-role-work .am-work-card > .am-issue-head { padding:14px 16px; margin:0; } #page .legacy-role-work .am-issue-head h2 { margin:7px 0 0; font-size:16px; line-height:1.5; } #page .legacy-role-work .am-issue-head > p { margin:6px 0 0; font-size:12px; } #page .legacy-role-work .work-ai { margin:0; padding:14px 16px; border:0; border-top:1px solid var(--line); border-radius:0; background:var(--panel,#fff); box-shadow:none; } #page .legacy-facts-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); } #page .legacy-facts-grid > section { min-width:0; padding:14px; border-right:1px solid var(--line); } #page .legacy-facts-grid > section:last-child { border-right:0; } #page .legacy-facts-grid h3 { margin:0 0 12px; font-size:13px; line-height:1.5; font-weight:600; } #page .legacy-facts-grid p { margin:8px 0; font-size:12px; line-height:1.65; overflow-wrap:anywhere; } #page .legacy-table-wrap { max-width:100%; overflow-x:auto; } #page .legacy-facts-grid .t { width:100%; font-size:12px; } #page .legacy-facts-grid .t :is(th,td) { padding:5px 4px; font-size:12px; line-height:1.5; } #page .legacy-facts-grid .t :is(th,td):not(:first-child) { text-align:right; white-space:nowrap; } #page .legacy-facts-grid .t td small { display:block; color:var(--ink2); font-size:11px; } #page .legacy-fact-note { color:var(--ink2); } #page .legacy-facts-grid .ccs { display:flex; flex-direction:column; align-items:flex-start; gap:6px; } #page .legacy-facts-grid .cc { max-width:100%; text-align:left; white-space:normal; } #page .legacy-facts-grid .am-problem-evidence { margin:12px 0 0; padding:0; border:0; } #page .legacy-facts-grid .am-problem-evidence > b { font-size:12px; } #page .legacy-checks ol { margin:0; padding-left:18px; } #page .legacy-checks li { margin:0 0 10px; font-size:12px; line-height:1.65; overflow-wrap:anywhere; } #page .legacy-checks li > p { margin:4px 0; color:var(--ink2); } #page .legacy-role-work .legacy-followup { margin:0; padding:14px 16px; border-top:1px solid var(--line); } #page .legacy-followup h3 { margin:0 0 10px; font-size:13px; } #page .legacy-followup > textarea { width:100%; min-height:64px; } #page .legacy-followup .cmpf { flex-wrap:wrap; gap:8px; } #page .legacy-platform-compare { padding:14px 16px; border-top:1px solid var(--line); } #page .legacy-platform-compare > h3 { margin:0 0 6px; font-size:13px; } #page .legacy-platform-compare > p { margin:0 0 10px; font-size:12px; } #page .legacy-platform-table { min-width:620px; width:100%; } #page .legacy-platform-table td { vertical-align:top; } #page .legacy-platform-table td:not(:first-child) { text-align:right; } #page .legacy-platform-table td :is(b,small) { display:block; } #page .legacy-platform-table td small { margin-top:4px; color:var(--ink2); font-size:12px; white-space:normal; } #page .legacy-collaboration { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding:10px 12px; border-radius:8px; background:var(--subtle,#F8F9FB); } #page .legacy-collaboration h3 { margin:0 0 4px; font-size:12px; } #page .legacy-collaboration p { margin:0; font-size:12px; line-height:1.6; color:var(--ink2); } #page .legacy-analysis-detail { padding:10px 16px; border-top:1px solid var(--line); } #page .legacy-analysis-detail > summary { cursor:pointer; font-size:12px; color:var(--ink2); } #page .legacy-role-summary { padding:12px 16px; } #page .legacy-role-summary h2 { margin:6px 0; font-size:14px; } #page .legacy-role-summary .bstats { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:8px; padding-top:0; border:0; } #page .legacy-role-summary .bstats > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; padding:0; border:0; } #page .legacy-role-summary .bstats b { font-size:16px; } #page .legacy-role-summary .bstats em { font-size:12px; } #page .legacy-workflow { margin:0 0 12px; border:1px solid var(--line); border-radius:8px; background:var(--panel,#fff); } #page .legacy-workflow > summary { padding:10px 14px; cursor:pointer; font-size:12px; color:var(--ink2); } #page .legacy-workflow[open] > .workflow-inbox { border:0; } #page .legacy-area-metrics { gap:10px; margin:0 0 14px; } #page .legacy-area-metrics .am-metric { padding:12px 14px; } #page .legacy-area-metrics .am-metric > b { margin:6px 0; font-size:20px; } #page .legacy-area-metrics .am-metric > p { margin:0; font-size:12px; line-height:1.55; } #page .legacy-area-work > .sec-h { margin:16px 0 10px; } #page .legacy-area-work .qwrap { grid-template-columns:280px minmax(0,1fr); gap:12px; } #page .legacy-area-home .legacy-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #page .legacy-area-home .legacy-facts-grid > section:nth-child(2) { border-right:0; } #page .legacy-area-home .legacy-facts-grid > section:nth-child(n+3) { border-top:1px solid var(--line); } @media(max-width:1550px) { #page .legacy-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #page .legacy-facts-grid > section:nth-child(2) { border-right:0; } #page .legacy-facts-grid > section:nth-child(n+3) { border-top:1px solid var(--line); } } @media(max-width:900px) { #page .legacy-area-work .qwrap { grid-template-columns:minmax(0,1fr); } #page .legacy-facts-grid,#page .legacy-area-home .legacy-facts-grid { grid-template-columns:minmax(0,1fr); } #page .legacy-facts-grid > section { border-right:0; } #page .legacy-facts-grid > section+section { border-top:1px solid var(--line); } #page .legacy-area-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } #page .legacy-collaboration { align-items:flex-start; flex-direction:column; } } .role-work-confirm { padding:16px; border-top:1px solid #e5e7eb; } .role-work-confirm > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; } .role-work-confirm h3 { margin:0 0 4px; font-size:13px; font-weight:650; } .role-work-confirm > header p,.role-work-confirm-actions > span,.role-work-transfer > p { margin:0; color:#7b8492; font-size:12px; line-height:1.6; } .role-work-confirm [data-role-selection] { flex:none; color:#b32620; font-size:12px; } .role-work-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .role-work-option { display:flex; align-items:flex-start; gap:10px; width:100%; min-width:0; padding:12px; border:1px solid #e2e5ea; border-radius:10px; background:#fff; color:inherit; text-align:left; font:inherit; cursor:pointer; } .role-work-option > i { display:grid; place-items:center; flex:none; width:15px; height:15px; margin-top:2px; border:1px solid #aeb8c8; border-radius:4px; color:transparent; font-size:11px; font-style:normal; } .role-work-option > span { min-width:0; } .role-work-option strong { display:inline; font-size:13px; font-weight:600; line-height:1.65; } .role-work-option em { display:inline-block; margin-left:5px; padding:0 4px; border:1px solid #edd1cf; border-radius:4px; color:#b32620; font-size:10px; font-style:normal; font-weight:500; white-space:nowrap; } .role-work-option p { margin:4px 0 0; color:#788292; font-size:12px; line-height:1.65; white-space:pre-line; overflow-wrap:anywhere; } .role-work-option.selected { border-color:#dba9a5; background:#fff8f7; } .role-work-option.selected > i { color:#fff; border-color:#bd2e26; background:#bd2e26; } .role-work-option.other { grid-column:1/-1; background:#f7f8fa; } .role-work-confirm #cf-note { box-sizing:border-box; width:100%; margin-top:10px; } .role-work-confirm-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; } .role-work-error { margin:8px 0 0; color:#b32620; font-size:12px; line-height:1.6; } .role-work-error:empty { display:none; } .role-work-record-fields { display:flex; flex-wrap:wrap; gap:12px; margin:8px 0; } .role-work-record-fields label { display:flex; align-items:center; gap:8px; color:#697484; font-size:12px; } .role-work-record-fields select { padding:5px 8px; border:1px solid #e2e5ea; border-radius:6px; background:#fff; color:#3c4350; font:inherit; } .role-work-transfer { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:10px 0; } .role-work-transfer > p { flex-basis:100%; } .role-work-recipient { padding:3px 8px; border:1px solid #e2e5ea; border-radius:6px; color:#788292; font-size:12px; } .role-work-confirm [hidden],.role-work-transfer [hidden] { display:none !important; } .role-work-history { margin-top:16px; padding-top:16px; border-top:1px solid #e2e5ea; } .role-work-history article { margin:10px 0; padding:12px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; } .role-work-history h4 { margin:0 0 6px; font-size:13px; } .role-work-history p { margin:4px 0; line-height:1.7; white-space:pre-line; } .role-work-history small { color:#8a929f; } .ns-growth-workflow { padding:0 !important; } .ns-growth-workflow > .role-work-confirm { border-top:0; } .role-work-newstore-record { padding:0 16px 16px; } .ds-queue-controls { padding:10px 12px 4px; border-top:1px solid #e5e7eb; } .ds-queue-controls input { box-sizing:border-box; width:100%; padding:7px 8px; border:1px solid #e2e5ea; border-radius:6px; background:#fff; font:inherit; font-size:12px; } .ds-queue-filters { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; } .ds-queue-filters button { padding:3px 7px; border:1px solid #e2e5ea; border-radius:5px; background:#fff; color:#788292; font:inherit; font-size:11px; cursor:pointer; } .ds-queue-filters button[aria-pressed="true"] { border-color:#dba9a5; color:#b32620; background:#fff6f5; } .ds-queue-count,.ds-queue-empty { margin:6px 12px; color:#8a929f; font-size:11px; line-height:1.7; } .am-store-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:10px 0; } .am-store-controls input { padding:7px 9px; border:1px solid #e2e5ea; border-radius:6px; background:#fff; font:inherit; font-size:12px; } .am-store-controls .ds-queue-filters { margin-top:0; } .am-role-home tr[data-am-store-sid][hidden] { display:none !important; } .legacy-area-metrics button.am-metric { color:inherit; font:inherit; text-align:left; cursor:pointer; } .legacy-area-metrics button.am-metric em { float:right; color:#8a929f; font-size:11px; font-style:normal; } .legacy-area-health { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; margin:0 0 14px; color:#8a929f; font-size:12px; line-height:1.7; } /* 两岗首屏：分级只表达经营分级，事项优先级另用文字；经营金额与进度归在同一处。 */ #page .tag.store-grade { flex:none; height:20px; padding:0 6px; border-radius:4px; font-size:11px; font-weight:600; white-space:nowrap; color:#626B77; background:#F0F2F5; } #page .tag.store-grade[data-grade="红"] { color:#C0231F; background:#FBEFEE; } #page .tag.store-grade[data-grade="黄"] { color:#9A600D; background:#FFF6E7; } #page .tag.store-grade[data-grade="绿"] { color:#15803D; background:#EAF4EE; } #page .qi[data-store-grade].on { background:#F3F5F7; border-left-color:#626B77; box-shadow:inset 3px 0 0 #626B77; } #page .qi[data-store-grade].on .no { color:#fff; background:#626B77; } #page .queue-priority { color:#4E5969; font-weight:600; } #page .role-store-top .store-month-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:12px 24px; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); } #page .store-month-item { min-width:0; } #page .store-month-item > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; margin-bottom:6px; font-size:12px; color:var(--ink2); } #page .store-month-item > div > b { color:var(--ink); font-size:16px; font-weight:600; } #page .store-month-item small { font-size:11px; } #page .store-month-item .mg { max-width:100%; flex-wrap:wrap; gap:3px 6px; font-size:12px; } #page .store-month-item .mg i { width:80px; } #page .store-month-ratio { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:4px 8px; padding-left:20px; border-left:1px solid var(--line); font-size:12px; color:var(--ink2); } #page .store-month-ratio > b { color:var(--ink); font-size:16px; font-weight:600; } #page .store-month-ratio .lnk { grid-column:1/-1; justify-self:start; } #page .legacy-role-work .work-ai-data[hidden] { display:none !important; } #page .legacy-role-work.am-issue { color:var(--ink); } #page .legacy-facts-grid .evidence-base-grid { grid-template-columns:minmax(0,1fr); gap:0; margin:8px 0 0; } #page .legacy-facts-grid .evidence-base-grid > div { padding:7px 0; border-radius:0; background:transparent; border-bottom:1px solid var(--line); } #page .legacy-facts-grid .evidence-base-grid > div:last-child { border-bottom:0; } #page .legacy-facts-grid .evidence-base-grid strong { display:inline; margin:0 6px; font-size:14px; font-weight:600; } #page .legacy-facts-grid .evidence-base-grid span { display:inline; font-size:12px; } #page .legacy-facts-grid .evidence-base-grid small { margin-top:3px; font-size:11px; } #page .role-work-native-choice { grid-column:1/-1; border:1px solid #E2E5EA; border-radius:10px; overflow:hidden; } #page .role-work-native-choice .role-work-option { border:0; border-radius:0; } #page .role-work-native-choice:has(.selected) { border-color:#DBA9A5; background:#FFF8F7; } #page .role-work-choice-detail { margin:0 12px 10px 37px; font-size:12px; } .role-work-saved-support { white-space:pre-line; line-height:1.8; } .uik-drawer .store-platform-detail > section { margin:10px 0 20px; } .uik-drawer .store-platform-detail h3 { font-size:14px; margin:0 0 8px; } .uik-drawer .store-platform-detail .t { width:100%; min-width:0; } .uik-drawer .store-platform-detail :is(th,td) { padding:8px 5px; font-size:12px; white-space:nowrap; } .uik-drawer .store-platform-detail :is(th,td):not(:first-child) { text-align:right; } @media(max-width:1550px) { #page .role-store-top .store-month-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; } #page .store-month-ratio { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; padding:0; border:0; } #page .store-month-ratio .lnk { margin-left:auto; } } @media(max-width:700px) { #page .role-store-top .store-month-overview { grid-template-columns:minmax(0,1fr); } } @media (max-width:900px) { .role-work-options { grid-template-columns:1fr; } .role-work-confirm-actions { flex-wrap:wrap; } } /* r44-polish.css */ /* R44 desktop polish: preserve content and the accepted four-column structure. */ html[data-vita-skin="a"] #page .read{display:block;grid-template-columns:none;line-height:1.75} html[data-vita-skin="a"] #page .read>p{margin:0} html[data-vita-skin="a"] :is(#page,#drawer) table.r44-table{max-width:1760px;margin-left:0;margin-right:auto} html[data-vita-skin="a"] :is(#page,#drawer) table:is(.r44-short-table,.r44-medium-table){width:100%;max-width:var(--r44-table-limit);table-layout:fixed;min-width:0} html[data-vita-skin="a"] :is(#page,#drawer) .r44-table th{text-align:left} html[data-vita-skin="a"] :is(#page,#drawer) .r44-table :is(th,td):is(.num,.r,.r44-number-col){text-align:right} html[data-vita-skin="a"] #page .r43-geo-table{width:100%;max-width:1760px;table-layout:fixed} html[data-vita-skin="a"] #page .r43-geo-scroll{padding:0 16px 16px;box-sizing:border-box} html[data-vita-skin="a"] #page #r41-provinces .r43-geo-table :is(th,td){width:auto;padding:7px 6px} html[data-vita-skin="a"] #page .r43-geo-table thead tr:last-child th:not(:first-child){text-align:right} html[data-vita-skin="a"] #page #r41-provinces .r43-geo-table .r37-inline-bar{flex:0 0 32px;width:32px;min-width:24px;margin:0} html[data-vita-skin="a"] #page .r43-geo-table .r41-geo-inline{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:nowrap} html[data-vita-skin="a"] #page .r43-geo-table .r41-geo-amount{width:auto;white-space:nowrap} html[data-vita-skin="a"] #page .r43-geo-table td:first-child{text-align:left} .r44-tooltip-row>td{padding:0!important;border:0!important} .r43-tooltip.r44-inline-tooltip{position:static;max-width:none;width:100%;box-sizing:border-box;box-shadow:none;background:#F8F9FB;border-width:1px 0;border-radius:0} html[data-vita-skin="a"] #page :is(.od-team-section,.journey-team) .table-wrap{padding:0 16px 16px;box-sizing:border-box} html[data-vita-skin="a"] #page .od-team-section .r44-area-overview{max-width:1760px;table-layout:fixed} html[data-vita-skin="a"] #page .od-team-section .r44-area-overview :is(th,td){width:auto;padding:10px 8px;vertical-align:middle} html[data-vita-skin="a"] #page .od-team-section .r44-area-overview :is(th,td).txt{text-align:left} html[data-vita-skin="a"] #page .od-team-section .r44-area-overview :is(th,td):first-child{padding-left:0} html[data-vita-skin="a"] #page .od-team-section :is(.r37-inline-metric,.r41-geo-inline){display:flex;align-items:center;justify-content:flex-end;gap:6px} html[data-vita-skin="a"] #page .od-team-section .r37-inline-bar{flex:0 0 44px;width:44px;margin:0} html[data-vita-skin="a"] #page .r44-inline-value{display:inline-flex;align-items:center;gap:8px;white-space:nowrap} html[data-vita-skin="a"] #page :is(.am-store-controls,.od-more-content){padding-left:16px;padding-right:16px} html[data-vita-skin="a"] #page #am-all-stores>.panel{padding:0 16px 16px} html[data-vita-skin="a"] #page .ns-brief{margin-left:16px;margin-right:16px} html[data-vita-skin="a"] #page .sp-related{padding-left:16px;padding-right:16px} html[data-vita-skin="a"] #page .hist-card{padding-left:16px;padding-right:16px} html[data-vita-skin="a"] #page .hist-ask{padding:16px} html[data-vita-skin="a"] #page :is(.hist-filters,.hist-ask) :is(input,select){box-sizing:border-box;height:32px;min-height:32px;border:1px solid #E5E6EB;border-radius:6px;padding:4px 8px;background:#fff;font-size:13px;min-width:0} html[data-vita-skin="a"] #page .hist-filters{padding-right:0;gap:12px} html[data-vita-skin="a"] #page .r44-query-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 24px;padding:14px 0;margin:12px 0;border-top:1px solid #E5E6EB;border-bottom:1px solid #E5E6EB;font-size:13px} html[data-vita-skin="a"] #page .r44-query-total b{display:block;font-size:24px;font-weight:600;margin-top:6px} html[data-vita-skin="a"] #page .r44-query-total p span{margin-left:16px} html[data-vita-skin="a"] #page .r44-query-total small{flex-basis:100%;font-size:12px;color:#86909C} html[data-vita-skin="a"] #page .hist-default-separator{padding:16px 0 0;border-top:1px solid #E5E6EB;font-size:14px;font-weight:600} html[data-vita-skin="a"] #page .fin-four{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} html[data-vita-skin="a"] #page .fin-account-block :is(.bkh,.fin-four){box-sizing:border-box;padding-left:16px;padding-right:16px} html[data-vita-skin="a"] #page .fin-four>section:has(.table-wrap){grid-column:1/-1;order:2} html[data-vita-skin="a"] #page .fin-four .table-wrap{overflow:visible} html[data-vita-skin="a"] #page .fin-four table{min-width:0;width:100%;table-layout:fixed} html[data-vita-skin="a"] #page .fin-four :is(th,td){white-space:normal;overflow-wrap:anywhere} html[data-vita-skin="a"] #page .journey-fin-handoff{margin-top:16px} html[data-vita-skin="a"] #page #sp-acts{container-type:inline-size} html[data-vita-skin="a"] #page #sp-acts .acts-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 16px 16px} html[data-vita-skin="a"] #page #sp-acts .acts-platform{min-width:0;padding:0;border:0} html[data-vita-skin="a"] #page #sp-acts .acts-platform:nth-child(3){padding-top:12px;border-top:1px solid #E5E6EB} html[data-vita-skin="a"] #page #sp-acts table{min-width:0;table-layout:fixed} html[data-vita-skin="a"] #page #sp-acts :is(th,td){white-space:normal;overflow-wrap:anywhere;vertical-align:top} @container(max-width:1000px){html[data-vita-skin="a"] #page #sp-acts .acts-platforms{grid-template-columns:minmax(0,1fr)}} @media(min-width:1360px){html[data-vita-skin="a"] #page .legacy-facts-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.1fr);align-items:start}} html[data-vita-skin="a"] #page .legacy-facts-grid>section{align-self:start;height:auto;border-top:0;padding:12px 16px;border-right:1px solid #E5E6EB} html[data-vita-skin="a"] #page .legacy-facts-grid>section:last-child{border-right:0} html[data-vita-skin="a"] #page .legacy-facts-grid .ccs{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px} html[data-vita-skin="a"] #page .legacy-facts-grid .cc{display:inline-flex;width:auto;max-width:100%;flex:0 1 auto;margin:0;padding:5px 8px} html[data-vita-skin="a"] #page .legacy-facts-grid .evidence-base-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:8px 0 0} html[data-vita-skin="a"] #page .legacy-facts-grid .evidence-base-grid>div{display:grid;grid-template-columns:minmax(68px,1fr) auto;align-items:baseline;padding:4px 0;gap:2px 8px} html[data-vita-skin="a"] #page .legacy-facts-grid .evidence-base-grid>div>:is(span,strong,small){display:block;margin:0;white-space:normal} html[data-vita-skin="a"] #page .legacy-facts-grid .evidence-base-grid strong{font-size:14px} @media(min-width:1360px){html[data-vita-skin="a"] #page .legacy-specialist-work .r6-demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,.85fr) minmax(0,1.25fr);align-items:start}} html[data-vita-skin="a"] #page .legacy-specialist-work .r6-demo-module{align-self:start;border-top:0;padding:12px;border-left:1px solid #E5E6EB} html[data-vita-skin="a"] #page .legacy-specialist-work .r6-demo-module:first-child{border-left:0} html[data-vita-skin="a"] #page.r44-area-queue .qi .r1{display:flex;align-items:center;gap:6px;flex-wrap:nowrap} html[data-vita-skin="a"] #page.r44-area-queue .qi .r1 .nm{white-space:nowrap;font-size:12px;flex:1;min-width:0} html[data-vita-skin="a"] #page.r44-area-queue .qi .r2>.num{margin-left:8px} html[data-vita-skin="a"] #page.r44-area-queue .qi .r2{font-size:11px} html[data-vita-skin="a"] #page .cs-obj .r44-project-ai{padding:14px 16px;background:#fff;border-top:1px solid #E5E6EB} html[data-vita-skin="a"] #page .cs-obj .r44-project-ai>.content-section-title{padding-left:0;padding-right:0} html[data-vita-skin="a"] #page .cs-obj .r44-flat-ai{padding:0;margin:0;border:0;box-shadow:none;border-radius:0} html[data-vita-skin="a"] #page .cs-obj .r44-project-ai .uik-ai{margin:0;border:0;box-shadow:none} html[data-vita-skin="a"] #page .cs-next{padding-left:16px;padding-right:16px} html[data-vita-skin="a"] #page .cs-obj .content-section>.cs-sh{margin:12px 16px 6px} html[data-vita-skin="a"] #page .cs-obj .content-section>.cs-steps{margin:0 16px 16px} html[data-vita-skin="a"] #page .cs-obj .content-section>.cs-mat{margin:0 16px 16px} html[data-vita-skin="a"] #page .fin-account-block .composer{padding:16px} html[data-vita-skin="a"] #page .od-more-data .kpi2 .dine{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;max-width:none} html[data-vita-skin="a"] #page .od-more-data .dine>div:has(>.mix){grid-column:1/-1} html[data-vita-skin="a"] #page .od-more-data .dine>.dv{width:auto} html[data-vita-skin="a"] #page .od-more-data .ddx-tiers>div{background:transparent;border:0;border-radius:0;box-shadow:none;padding:8px 16px;border-right:1px solid #E5E6EB} html[data-vita-skin="a"] #page .od-more-data .ddx-tiers>div:last-child{border-right:0} html[data-vita-skin="a"] #page .od-more-data .ddx-hist-bars i.up{background:#D3D8DF} html[data-vita-skin="a"] #page .r41-eyebrow{white-space:normal} html[data-vita-skin="a"] #crumbs{min-width:0;flex-wrap:wrap;overflow:visible} /* 全岗位最近记录 */ #page .record-compose-actions{align-items:center;gap:8px} #page .lastrec.followup-recent{margin-top:10px;padding-top:8px;border-top:1px solid #F0F1F3;color:#4E5969} #page .lastrec .followup-recent__title{display:block;margin:0 0 4px;font-size:12px;color:#86909C} #page .lastrec .followup-recent__row{display:block;padding:6px 0;border-top:1px solid #F0F1F3;font-size:12px;line-height:1.6} #page .lastrec .followup-recent__row:first-of-type{border-top:0} #page .lastrec .followup-recent__row p{margin:2px 0 0} #page .followup-recent__meta{font-size:12px;color:#86909C} #page .followup-record-source{margin-right:8px} #page .record-author{white-space:nowrap} /* R44.1：全部门店每格最多两行；小条与快慢均参照时间进度。 */ html[data-vita-skin="a"] #page .r44-area-stores :is(th,td){padding:8px 5px;line-height:18px} html[data-vita-skin="a"] #page .r44-area-stores small{margin:0;line-height:18px;white-space:nowrap;font-size:11px} html[data-vita-skin="a"] #page .r44-area-stores .nm>b{font-size:12px} html[data-vita-skin="a"] #page .r44-area-stores .r441-day-compare{font-size:11px;letter-spacing:-.25px} html[data-vita-skin="a"] #page .r44-area-stores .r44-progress-value{gap:5px;white-space:nowrap} html[data-vita-skin="a"] #page .r44-area-stores .r44-progress-value .pace{flex:0 1 40px;width:40px;min-width:20px;margin:0} html[data-vita-skin="a"] #page .r44-area-stores .pace i.behind{background:#C0231F} html[data-vita-skin="a"] #page .r44-area-stores .flag{font-size:11px;line-height:18px} html[data-vita-skin="a"] #page .r441-fin-types{display:grid;gap:0;width:100%;font-size:11px;line-height:18px} html[data-vita-skin="a"] #page .r441-fin-types>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;white-space:nowrap} html[data-vita-skin="a"] #page .r441-fin-types b{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums} html[data-vita-skin="a"] #page #fin-assumptions>:is(summary,.content-section-title){padding-left:0;padding-right:0} html[data-vita-skin="a"] #page .block-body:has(>#fin-assumptions){padding-left:16px;padding-right:16px} /* R47：财务每个模块的标题、正文和表格首列共用同一条内容起线。 */ html[data-vita-skin="a"] #page.fnx :is(.mod-bd,.block-body){padding-left:16px;padding-right:16px} html[data-vita-skin="a"] #page.fnx :is(.mod-bd,.block-body) :is(.table-wrap,table){margin-left:0;margin-right:0} html[data-vita-skin="a"] #page.fnx :is(.mod-bd,.block-body) .table-wrap{padding-left:0;padding-right:0} html[data-vita-skin="a"] #page.fnx :is(.mod-bd,.block-body) table :is(th,td):first-child{padding-left:0} html[data-vita-skin="a"] #page.fnx :is(.mod-bd,.block-body) .content-section-title{padding-left:0;padding-right:0} html[data-vita-skin="a"] #page.fnx .journey-fin-priority table :is(th,td):first-child{padding-left:16px} html[data-vita-skin="a"] #page.fnx .nsf-finance-table{border-collapse:collapse;border-spacing:0} .r47-revenue-state{display:grid;gap:4px;font-size:11px;color:var(--ink3);line-height:1.5} .r47-revenue-state span{display:flex;justify-content:space-between;gap:8px} .r47-revenue-state b{font-weight:500;color:var(--ink2)} .r47-project-data .uik-list-table{width:100%} .r47-analysis-history{margin-top:16px;border-top:1px solid var(--line2);padding-top:12px} .r47-analysis-history>summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.6} .r47-analysis-history section{margin:12px 0} .r47-analysis-history h4{font-size:13px;margin:0 0 5px} .r47-analysis-history p,.r47-analysis-history li{font-size:13px;line-height:1.75;white-space:pre-wrap} html[data-vita-skin="a"] #page .cs-obj>.cs-oh{background:#fff;border:1px solid #E5E6EB;border-radius:8px;padding:16px} html[data-vita-skin="a"] #page .r41-cs-stages .r38-stack-segment.is-narrow .r38-stack-label{padding-top:5px} /* r46-restore.css */ .r46-review-more{border-top:1px solid var(--line,#e5e7eb);margin-top:8px;padding-top:10px} .r46-review-more>summary{cursor:pointer;color:var(--ink,#20242c);font-size:13px;padding:4px 0} .r46-review-more[open]>.rvs{margin-top:10px} .restored-reviews .tx{white-space:pre-wrap;overflow-wrap:anywhere} .r46-archive-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 18px} .r46-archive-tools input{min-width:220px;flex:1;padding:9px 12px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:var(--surface,#fff);font:inherit} .r46-archive-list{display:grid;gap:10px} .r46-archive-item{border:1px solid var(--line,#e5e7eb);border-radius:10px;padding:14px 16px;background:var(--surface,#fff)} .r46-archive-item h3{font-size:15px;margin:5px 0 10px;line-height:1.55} .r46-archive-item p,.r46-archive-document p{white-space:pre-wrap;overflow-wrap:anywhere} .r46-archive-document{font-size:14px;line-height:1.75} .r46-archive-document h3{font-size:17px;margin:20px 0 10px} .r46-archive-document h4{font-size:14px;margin:14px 0 5px} .r46-archive-document dl{margin:8px 0} .r46-archive-document dt{font-size:12px;color:var(--muted,#626b78);margin-top:10px} .r46-archive-document dd{margin:3px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere} .r46-archive-document details{margin:10px 0;padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:8px} .r46-archive-document summary{cursor:pointer} .r46-source-meta{font-size:12px;color:var(--muted,#626b78);overflow-wrap:anywhere;line-height:1.6} .r46-context-link{display:block;margin:10px 0;text-align:left} .r46-archive-document table{min-width:500px} .r46-archive-empty{padding:24px 0;color:var(--muted,#626b78)} .r46-archive-root.uik-ai-complete,.r46-archive-document.uik-ai-complete{margin:0;border:0} .r46-archive-heading h2{margin:0 0 8px;font-size:22px} .r46-archive-tools label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted,#626b78)} .r46-archive-tools .r46-archive-search{flex:1;min-width:220px} .r46-archive-tools select{padding:9px 12px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:var(--surface,#fff);font:inherit;min-height:40px} .r46-archive-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:20px 0} .r46-archive-pagination button{padding:8px 12px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:var(--surface,#fff);font:inherit} .r46-archive-pagination button:disabled{opacity:.4;cursor:default} .r46-archive-values{padding-left:22px} .r46-archive-values>li,.r46-archive-fields>div{margin:8px 0} .r46-archive-tabs{flex-wrap:wrap} .r46-archive-tabs button span{margin-left:5px;opacity:.65} .r46-archive-root :is(button,input,select,summary):focus-visible{outline:2px solid #526ceb;outline-offset:3px} .r46-archive-document .restored-reviews .sp-sub{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:14px 0 8px} .r46-archive-document .restored-reviews .sp-sub span{font-size:12px;color:var(--muted,#626b78)} .r46-archive-document .restored-reviews .rv{display:grid;grid-template-columns:44px 74px 44px minmax(0,1fr);gap:6px 8px;padding:10px 0;border-top:1px solid var(--line,#e5e7eb);font-size:12px} .r46-archive-document .restored-reviews .rv .tx{grid-column:1/-1;font-size:14px;line-height:1.75} @media(max-width:600px){.r46-archive-tools>*{width:100%}.r46-archive-tools .r46-archive-search{min-width:0}.r46-archive-tools input{min-width:0;width:100%}.r46-archive-item{padding:12px}.r46-archive-pagination{justify-content:space-between}} .r46-source-browser.uik-ai-complete{margin:0;border:0} .r46-source-intro{margin:16px 0} .r46-source-version{font-size:12px;color:var(--muted,#626b78);margin:6px 0 10px} .r46-source-loading{padding:24px 0;color:var(--muted,#626b78)} .r46-source-document .r46-source-fields{display:grid;gap:0;margin:0} .r46-source-document .r46-source-fields>div{padding:10px 0;border-bottom:1px solid var(--line,#e5e7eb);min-width:0} .r46-source-document .r46-source-fields dt{margin:0 0 4px;color:var(--ink,#20242c);font-size:13px;font-weight:600} .r46-source-document .r46-source-fields dd{margin:0;font-size:14px;min-width:0} .r46-source-key{display:inline-block;margin-left:8px;font-size:11px;font-weight:400;color:var(--muted,#626b78);overflow-wrap:anywhere} .r46-source-value{white-space:pre-wrap;overflow-wrap:anywhere} .r46-source-document .r46-source-tree{margin:5px 0;padding:10px 12px;background:var(--surface,#fff)} .r46-source-tree>summary,.r46-source-raw>summary{font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere} .r46-source-tree[open]>summary{margin-bottom:8px} .r46-source-array{padding-left:25px;margin:8px 0} .r46-source-array>li{padding:6px 0} .r46-source-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 4px;font-size:12px;color:var(--muted,#626b78)} .r46-source-pages button{padding:6px 9px;border:1px solid var(--line,#e5e7eb);border-radius:6px;background:var(--surface,#fff);color:var(--ink,#20242c);font:inherit} .r46-source-pages button:disabled{opacity:.4;cursor:default} .r46-source-provenance{margin-top:24px;padding-top:12px;border-top:1px solid var(--line,#e5e7eb)} .r46-source-raw-text{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;padding:12px;background:var(--bg,#f7f8fa);border-radius:6px} .r46-source-browser :is(button,input,select,summary):focus-visible,.r46-source-document :is(button,summary):focus-visible{outline:2px solid #526ceb;outline-offset:3px} /* gm-daily.css */ .gmd-home-slot { padding:16px 20px 0; min-width:0; } .gmd-report { margin-bottom:16px; color:var(--ink); font-variant-numeric:tabular-nums; } .gmd-report *, .gmd-fixed-heading * { box-sizing:border-box; } .gmd-report button, .gmd-fixed-heading button { font:inherit; cursor:pointer; } .gmd-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 12px; color:var(--ink3); font-size:12px; } .gmd-topline b { display:inline-block; margin-right:5px; color:var(--red); font-weight:650; } .gmd-topline button, .gmd-fixed-heading button { background:#fff; border:1px solid var(--line); border-radius:6px; min-height:28px; padding:4px 10px; color:var(--ink2); font-size:12px; } .gmd-frame { display:block; border:0; width:100%; min-width:0; background:transparent; } .gmd-fold { margin-top:12px; } .gmd-toggle { width:100%; min-height:46px; display:flex; gap:8px; align-items:center; border:1px solid var(--line); border-radius:10px; background:#fff; color:var(--ink); padding:10px 16px; text-align:left; font-size:14px !important; font-weight:600 !important; } .gmd-toggle small { display:inline-block; margin-left:12px; color:var(--ink3); font-size:12px; font-weight:400; } .gmd-toggle i { font-style:normal; font-size:11px; line-height:1; color:var(--ink3); } .gmd-toggle-state { margin-left:auto; padding-left:16px; color:var(--ink3); font-size:12px; font-style:normal; font-weight:400; white-space:nowrap; } .gmd-toggle:hover { background:#fafbfc; } .gmd-toggle:focus-visible { outline:2px solid var(--red); outline-offset:2px; } .gmd-fold-body { padding:12px 0 0; } .gmd-fold-body[hidden] { display:none !important; } .gmd-source { border:1px solid var(--line); border-radius:10px; background:#fff; padding:16px 20px; } .gmd-source p { font-size:13px; line-height:1.65; color:var(--ink2); margin:0 0 10px; } .gmd-source-links { display:flex; gap:24px; flex-wrap:wrap; font-size:12px; margin-top:18px; } .gmd-source-links a { color:var(--ink2); text-decoration:none; } .gmd-source-links a:hover { color:var(--red); } .gmd-fixed-heading { display:flex; align-items:center; gap:16px; padding:12px 16px; border:1px solid var(--line); border-radius:10px; background:#fff; scroll-margin-top:78px; } .gmd-fixed-heading span { color:var(--ink3); font-size:11px; } .gmd-fixed-heading h2 { margin:0; color:var(--ink); font-size:14px; font-weight:600; } .gmd-fixed-heading p { color:var(--ink3); font-size:12px; margin:0 0 4px; } .gmd-fixed-heading button { margin-left:auto; } .gmd-chart-dialog { width:min(1180px, calc(100vw - 64px)); max-width:none; max-height:calc(100vh - 64px); padding:0; border:1px solid var(--line); border-radius:10px; background:#fff; color:var(--ink); } .gmd-chart-dialog::backdrop { background:rgba(20,24,30,.48); } .gmd-chart-dialog header { display:flex; align-items:center; gap:20px; min-height:52px; padding:12px 20px; border-bottom:1px solid var(--line); } .gmd-chart-dialog h2 { margin:0; font-size:16px; font-weight:600; } .gmd-chart-dialog button { margin-left:auto; padding:4px 10px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink2); font:inherit; font-size:12px; cursor:pointer; } .gmd-chart-canvas { height:min(640px, calc(100vh - 150px)); padding:24px; } .gmd-chart-canvas svg { display:block; } #gmd-report { scroll-margin-top:82px; } @media(max-width:850px) { .gmd-home-slot { padding:16px 12px 0; } .gmd-toggle small { display:block; margin:5px 0 0; } .gmd-actions { grid-template-columns:1fr; } .gmd-actions article + article { border:0; padding:0; } .gmd-fixed-heading p { display:none; } } /* gm-page.css */ /* Unified GM preview. Frozen R50 data and other roles keep their own styles. */ .gmd-unified { --gmd-space:20px; } .gmd-unified .gmd-home-slot { padding:20px var(--gmd-space) 0; } .gmd-unified .gmd-overview-header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px 24px; padding:2px 2px 24px; scroll-margin-top:72px; } .gmd-unified .gmd-overview-header h1 { margin:0; color:var(--ink2); font-size:16px; line-height:1.4; font-weight:600; } .gmd-unified .gmd-overview-header p { margin:0; } .gmd-unified .gmd-typed { position:relative; grid-column:1 / -1; display:grid; } .gmd-unified .gmd-type-measure, .gmd-unified .gmd-type-visual { grid-area:1 / 1; } .gmd-unified .gmd-type-measure { visibility:hidden; } .gmd-unified .gmd-overview-greeting { padding-top:4px; color:var(--ink); font-size:26px; line-height:1.4; font-weight:600; letter-spacing:-.02em; } .gmd-unified .gmd-overview-brief { color:var(--ink2); font-size:22px; line-height:1.55; font-weight:400; letter-spacing:-.015em; } .gmd-unified .gmd-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; } .gmd-unified .is-typing .gmd-type-visual::after { content:""; display:inline-block; width:0; height:1em; box-shadow:2px 0 0 var(--red); vertical-align:-.08em; animation:gmd-cursor .7s step-end infinite; } @keyframes gmd-cursor { 50% { opacity:0; } } @media(prefers-reduced-motion:reduce) { .gmd-unified .is-typing .gmd-type-visual::after { animation:none; } } .gmd-unified .gmd-overview-meta { display:flex; gap:20px; align-items:center; color:var(--ink3); font-size:12px; } .gmd-unified .gmd-overview-meta strong { margin-left:6px; font-weight:500; color:var(--ink2); font-variant-numeric:tabular-nums; } .gmd-unified .gmd-data-overview { margin-top:12px; background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; } .gmd-unified .gmd-company-metrics { display:grid; grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)); padding:18px 0; } .gmd-unified .gmd-company-metric { min-width:0; display:flex; flex-direction:column; text-align:left; padding:0 22px; margin:0; border:0; background:transparent; color:var(--ink); font:inherit; cursor:pointer; } .gmd-unified .gmd-company-metric+.gmd-company-metric { border-left:1px solid var(--line2,#F0F1F3); } .gmd-unified .gmd-metric-label { color:var(--ink2); font-size:13px; font-weight:500; line-height:1.4; } .gmd-unified .gmd-metric-value { display:flex; align-items:baseline; gap:7px; margin:6px 0 10px; font-size:34px; line-height:1.15; font-weight:600; letter-spacing:-.035em; font-variant-numeric:tabular-nums; white-space:nowrap; } .gmd-unified .gmd-metric-value small { font-size:12px; font-weight:400; letter-spacing:0; color:var(--ink3); } .gmd-unified .gmd-secondary-number { display:flex; gap:4px; align-items:baseline; margin-left:14px; font-size:18px; color:var(--ink2); letter-spacing:0; } .gmd-unified .gmd-channel-values { display:flex; flex-wrap:wrap; gap:6px 18px; font-size:12px; color:var(--ink3); line-height:1.5; } .gmd-unified .gmd-channel-values b { font-size:13px; font-weight:500; color:var(--ink2); } .gmd-unified .gmd-channel-values .gmd-unavailable { font-size:12px; color:var(--ink3); font-weight:400; } .gmd-unified .gmd-metric-compare { color:var(--ink3); font-size:12px; line-height:1.5; } .gmd-unified .gmd-metric-compare b { margin-left:8px; color:var(--ink2); font-weight:500; } .gmd-unified .gmd-metric-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; padding-top:16px; margin-top:auto; font-size:11px; color:var(--ink3); } .gmd-unified .gmd-metric-bottom em { white-space:nowrap; font-size:12px; font-style:normal; color:var(--ink2); } .gmd-unified .gmd-company-metric:hover .gmd-metric-bottom em { color:var(--red); } .gmd-unified .gmd-company-metric:focus-visible { outline:2px solid var(--red); outline-offset:-4px; border-radius:6px; } .gmd-unified .gmd-report { margin-bottom:24px; background:#fff; border:1px solid #F2CFCB; border-radius:10px; overflow:hidden; } .gmd-unified .gmd-report-head { min-height:58px; padding:14px 28px; display:flex; justify-content:space-between; align-items:center; gap:20px; background:#FFF7F6; border-bottom:1px solid #F2CFCB; } .gmd-unified .gmd-report-head h2 { display:flex; align-items:center; gap:10px; margin:0; font-size:17px; font-weight:600; color:var(--ink); letter-spacing:.01em; } .gmd-unified .gmd-report-head h2 span { display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; border:1px solid #F2CFCB; border-radius:7px; background:#fff; color:var(--red); font-size:12px; font-weight:650; letter-spacing:0; } .gmd-unified .gmd-report-head p { margin:0; color:var(--ink3); font-size:12px; } .gmd-unified .gmd-report .gmd-fold { margin:0; border-top:1px solid var(--line2,#F0F1F3); } .gmd-unified .gmd-toggle { min-height:46px; padding:11px 28px; border:0; border-radius:0; background:#fff; } .gmd-unified .gmd-toggle[aria-expanded="false"] { background:#fff; } .gmd-unified .gmd-toggle:hover { background:#FAFBFC; } .gmd-unified .gmd-fold-body { padding:0; } .gmd-unified .gmd-source { border:0; border-radius:0; padding:0 20px 16px; } .gmd-unified .gmd-source p { margin:0 0 6px; font-size:12px; color:var(--ink3); } .gmd-unified .gmd-source>a { display:inline-block; margin-top:4px; font-size:12px; color:var(--ink2); text-decoration:none; } .gmd-unified .gmd-toggle-state { color:var(--ink2); } .gmd-unified .gmd-toggle, .gmd-unified #page.gm-role-home>*, .gmd-unified .gm-channel-card { scroll-margin-top:76px; } .gmd-unified .gmd-fixed-heading { padding:0 16px; min-height:50px; gap:24px; } .gmd-unified .gmd-fixed-heading h2 { font-size:16px; } .gmd-unified .gmd-fixed-heading nav { display:flex; gap:20px; } .gmd-unified .gmd-fixed-heading nav button { margin:0; padding:0; border:0; background:none; min-height:46px; border-radius:0; font-size:12px; } .gmd-unified .gmd-fixed-heading nav button:hover { color:var(--red); } .gmd-unified .gmd-fixed-heading>[data-gmd-top] { margin-left:auto; border:0; padding:0; color:var(--ink3); } .gmd-period-head, .gmd-foot-toolbar { display:none; } .gmd-unified #page.gm-role-home { padding-top:12px; } .gmd-unified #page.gm-role-home>.r37-pulse { padding:0; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:none; } .gmd-unified #page.gm-role-home>.r37-pulse>.r37-pulse-head { display:none; } .gmd-unified .gmd-period-head { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:10px 16px; border-bottom:1px solid var(--line2,#F0F1F3); } .gmd-unified .gmd-period-head h2 { margin:0; font-size:14px; font-weight:600; } .gmd-unified .gmd-period-head>span { color:var(--ink3); font-size:12px; } .gmd-unified #page .r37-pulse .bstats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:16px 0; margin:0; border:0; background:#fff; gap:0; } .gmd-unified #page .r37-pulse .pulse-cell:first-child { display:none; } .gmd-unified #page .r37-pulse .pulse-cell { padding:0 18px; border:0; border-left:1px solid var(--line2,#F0F1F3); background:transparent; border-radius:0; } .gmd-unified #page .r37-pulse .pulse-cell:nth-child(2) { border-left:0; } .gmd-unified #page .r37-pulse .pulse-label { display:block; color:var(--ink2); font-size:12px; min-height:20px; } .gmd-unified #page .r37-pulse .pulse-value { display:block; margin:6px 0 8px; font-size:26px; line-height:1.2; font-weight:600; letter-spacing:-.02em; } .gmd-unified #page .r37-pulse .pulse-value small { font-size:12px; color:var(--ink3); font-weight:400; margin-left:4px; } .gmd-unified #page .r37-pulse .pulse-note { display:block; min-height:18px; margin:0; color:var(--ink3); font-size:12px; font-style:normal; line-height:1.5; } .gmd-unified #page .r37-pulse .pulse-viz { margin-top:10px; min-height:48px; } .gmd-unified #page .r37-pulse .r43-pulse-caption { margin-top:5px; color:var(--ink3); font-size:11px; } .gmd-unified #page .mod, .gmd-unified #page .card { border-color:var(--line); border-radius:10px; box-shadow:none; } .gmd-unified #page .row2 { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:12px; align-items:stretch; } .gmd-unified #page .row2>.mod { min-width:0; margin:0; } .gmd-unified #page .mod-hd { padding:10px 16px; min-height:44px; background:#fff; border-bottom:1px solid var(--line2,#F0F1F3); } .gmd-unified #page .mod-hd h2 { font-size:14px; font-weight:600; } .gmd-unified #page .mod-hd small, .gmd-unified #page .mod-hd>.note { color:var(--ink3); font-size:12px; } .gmd-unified #page .kt th, .gmd-unified #page .gm-departments th { background:#F8F9FB; color:var(--ink3); font-weight:500; font-size:12px; } .gmd-unified #page .kt td, .gmd-unified #page .gm-departments td { border-bottom-color:var(--line2,#F0F1F3); } .gmd-unified #page .gm-channel-card .kt td { padding:13px 16px; } .gmd-unified #page .gm-channel-card .kt th { padding:10px 16px; } .gmd-unified #page .gm-channel-card [data-gmd-notes][hidden] { display:none!important; } .gmd-unified #page .gm-channel-card [data-gmd-notes] { margin:0; padding:12px 16px; font-size:12px; line-height:1.65; background:#FAFBFC; border-top:1px solid var(--line2,#F0F1F3); } .gmd-unified .gmd-foot-toolbar { display:flex; gap:20px; align-items:center; justify-content:space-between; border-top:1px solid var(--line2,#F0F1F3); padding:11px 16px; font-size:12px; } .gmd-unified .gmd-foot-toolbar button { padding:0; border:0; background:none; color:var(--ink3); font:inherit; cursor:pointer; } .gmd-unified .gmd-foot-toolbar button span { margin-left:8px; color:var(--ink2); } .gmd-unified .gmd-foot-toolbar a { margin:0!important; color:var(--ink2); } .gmd-unified #page .gm-procurement-card .gm-goal-bar { margin:16px; } .gmd-unified #page .gm-procurement-card .r37-province { padding:8px 0; } .gmd-unified #page .gm-department-card .mod-hd .mod-r { gap:8px; } .gmd-unified #page .gm-departments tbody tr:hover { background:#FAFBFC; } .gmd-unified #page .gm-departments td { padding-top:14px; padding-bottom:14px; } .gmd-unified #page .r41-geography .r41-geo-tools { padding:10px 16px; background:#FAFBFC; color:var(--ink3); font-size:12px; } .gmd-unified #page .r41-geography tbody tr:hover { background:#FAFBFC; } .gmd-unified #page .gm-home-history { margin-top:0; padding:12px 0; color:var(--ink3); } @media(max-width:1100px) { .gmd-unified .gmd-company-metrics { grid-template-columns:1.2fr 1fr 1fr; } .gmd-unified .gmd-company-metric { padding:0 16px; } .gmd-unified .gmd-channel-values { gap:4px 10px; } .gmd-unified .gmd-metric-bottom { align-items:flex-start; gap:6px; flex-direction:column; } .gmd-unified .gmd-fixed-heading { gap:18px; } .gmd-unified .gmd-fixed-heading nav { gap:14px; } } @media(max-width:760px) { .gmd-unified { --gmd-space:12px; } .gmd-unified .gmd-overview-header { align-items:flex-start; gap:16px; } .gmd-unified .gmd-overview-meta { flex-direction:column; gap:5px; align-items:flex-end; } .gmd-unified .gmd-overview-greeting { font-size:24px; } .gmd-unified .gmd-overview-brief { font-size:20px; } .gmd-unified .gmd-company-metrics, .gmd-unified #page .row2 { grid-template-columns:minmax(0,1fr); } .gmd-unified .gmd-company-metric { padding:12px 16px; } .gmd-unified .gmd-company-metric+.gmd-company-metric { border:0; border-top:1px solid var(--line2,#F0F1F3); } .gmd-unified #page .r37-pulse .bstats { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:20px; } .gmd-unified .gmd-fixed-heading nav { display:none; } } /* complete-skin.css */ /* Presentation only. R50 business nodes, routes, event handlers and data stay intact. */ html[data-vita-skin="a"] { --bg:#fff;--paper:#fff;--ink:#263651;--ink2:#53647c;--ink3:#7c8da6;--line:#e7edf6;--line2:#eef2f7;--red:#bc705d;--red-bg:#fff2eb;--red-light:#fff2eb;--accent:#4e74ed;--radius:10px; } body{background:#fff!important;grid-template-columns:190px minmax(0,1fr)!important;color:#263651;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif} .side{background:#fff!important;border-right:1px solid #e7edf6!important}.side-in{padding:20px 12px!important}.side .brand{display:flex;align-items:center;gap:9px;color:#263651!important;font-size:20px!important;font-weight:650;padding:0 10px 25px!important;white-space:nowrap}.side .brand img{width:27px;height:30px}.side .brand small{font-size:13px;font-weight:550;margin-left:3px} .side .nav-item,.side #sideAreas a{border-radius:8px!important;margin:4px 0!important;min-height:39px!important;padding:9px 13px!important;color:#637791!important;font-size:13px!important}.side .nav-item.active,.side a[aria-current="page"]{color:#4168d0!important;background:#eff4ff!important;border-color:transparent!important}.side .nav-item:hover,.side #sideAreas a:hover{background:#f6f8ff!important}.side .side-foot{font-size:10px;color:#94a2b7;line-height:1.9} .main{min-width:0}.top{height:54px!important;min-height:54px!important;padding:0 24px!important;background:#ffffffed!important;backdrop-filter:blur(12px);border-bottom:1px solid #edf0f6!important;z-index:30}.top #pageName{font-size:14px!important;font-weight:600}.top .crumbs{font-size:11px;color:#8092ac}.top .datepill{background:#fff;border:1px solid #e7edf6;font-size:10px!important;border-radius:6px}.top #roleSelect{border:1px solid #e7edf6!important;border-radius:6px!important;background:#fff!important;color:#637791!important;font-size:11px!important;max-width:170px;padding:5px 8px!important}.top .who{font-size:10px!important;color:#7587a1}.top .who i{background:#eff4ff!important;color:#6b8cde!important}.top .notes{font-size:11px} .gmd-unified .gmd-home-slot{padding:20px 24px 0!important}.gmd-unified .gmd-overview-header{gap:7px 18px;padding:0 4px 20px}.gmd-unified .gmd-overview-header h1{font-size:12px;color:#7587a1}.gmd-unified .gmd-overview-meta{font-size:10px;gap:15px}.gmd-unified .gmd-overview-meta>span:first-child{display:none}.gmd-unified .gmd-overview-greeting{font-size:27px;font-weight:600;letter-spacing:-.03em;padding:0}.gmd-unified .gmd-overview-brief{font-size:17px;line-height:1.6;color:#62738c} .gmd-unified .gmd-report{border:1px solid #e6ecf6;border-radius:12px;box-shadow:0 3px 18px #45629206;overflow:hidden;margin-bottom:26px}.gmd-unified .gmd-report-head{min-height:47px;padding:9px 22px;background:#fff;border-bottom:0;gap:12px}.gmd-unified .gmd-report-head h2{font-size:16px;font-weight:600;gap:8px}.gmd-unified .gmd-report-head h2 span{width:23px;height:23px;background:#f5f1fc;border:0;color:#9980c9;font-size:10px;border-radius:6px}.gmd-unified .gmd-report-head p{font-size:11px}.gmd-unified .gmd-toggle{min-height:41px;padding:10px 22px!important;font-size:12px!important;font-weight:500!important;color:#657b98}.gmd-unified .gmd-toggle small{font-size:10.5px;color:#91a1b7}.gmd-unified .gmd-toggle-state{font-size:10px;color:#91a1b7}.gmd-unified .gmd-source{padding:0 22px 16px}.gmd-unified .gmd-source p{font-size:11px;color:#7a8da7} .gmd-unified .gmd-fixed-heading{padding:0 3px;border:0;border-radius:0;min-height:48px;gap:20px}.gmd-unified .gmd-fixed-heading h2{font-size:20px;font-weight:600}.gmd-unified .gmd-fixed-heading nav{gap:20px}.gmd-unified .gmd-fixed-heading nav button{font-size:11px;color:#7d90ac}.gmd-unified .gmd-fixed-heading>[data-gmd-top]{font-size:11px;color:#8699b3} .gmd-unified .gmd-data-overview{margin-top:10px;border:0;background:transparent;overflow:visible}.gmd-unified .gmd-company-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:12px}.gmd-unified .gmd-company-metric{padding:17px 19px;border:0!important;border-radius:10px;background:#f2f6ff;min-height:153px}.gmd-unified .gmd-company-metric:nth-child(2){background:#f0f9f5}.gmd-unified .gmd-company-metric:nth-child(3){background:#fff7ee}.gmd-unified .gmd-metric-label{font-size:12px;color:#647a9c}.gmd-unified .gmd-metric-value{font-size:32px;color:#3d64cb;margin:7px 0}.gmd-unified .gmd-company-metric:nth-child(2) .gmd-metric-value{color:#3e8b74}.gmd-unified .gmd-company-metric:nth-child(3) .gmd-metric-value{color:#b9844a}.gmd-unified .gmd-channel-values,.gmd-unified .gmd-metric-compare{font-size:11px;color:#6c819a}.gmd-unified .gmd-metric-bottom{font-size:10px;color:#8b9db4;padding-top:12px}.gmd-unified .gmd-metric-bottom em{font-size:10px;color:#7b929f}.gmd-unified .gmd-secondary-number{font-size:20px;color:#a18b70}.gmd-unified .gmd-company-metric:hover{box-shadow:0 3px 12px #354a5c0b} .page{padding-left:24px!important;padding-right:24px!important}.gmd-unified #page.gm-role-home{padding-top:18px!important;gap:18px!important}.gmd-unified #page .mod,.gmd-unified #page .card,.gmd-unified #page>.r37-pulse{border-color:#e7ecf4;border-radius:10px;box-shadow:none}.gmd-unified #page .mod-hd,.gmd-unified .gmd-period-head{padding:13px 18px;min-height:49px;border-bottom-color:#edf1f7}.gmd-unified #page .mod-hd h2,.gmd-unified .gmd-period-head h2{font-size:14px;font-weight:600}.gmd-unified #page .mod-hd small,.gmd-unified .gmd-period-head>span{font-size:11px;color:#8698b2} .gmd-unified #page .r37-pulse .bstats{padding:17px 0}.gmd-unified #page .r37-pulse .pulse-cell{padding:0 18px}.gmd-unified #page .r37-pulse .pulse-label{font-size:11px;min-height:30px!important;color:#7085a1}.gmd-unified #page .r37-pulse .pulse-value{font-size:27px;min-height:33px!important;margin:6px 0;color:#3d64cb}.gmd-unified #page .r37-pulse .pulse-note{font-size:10.5px;min-height:31px!important;color:#7b8da6}.gmd-unified #page .r37-pulse .pulse-viz{margin-top:7px}.gmd-unified .r43-pulse-plot{height:55px!important}.gmd-unified .pulse-cell:nth-child(3) .pulse-value{color:#b9844a!important}.gmd-unified .pulse-cell:nth-child(4) .pulse-value{color:#4b967e!important}.gmd-unified .r37-mini path[stroke]{stroke:#6e90df!important}.gmd-unified .r37-mini circle[fill]{fill:#6e90df!important}.gmd-unified .pulse-cell:nth-child(3) .r37-mini path{stroke:#dcb281!important}.gmd-unified .pulse-cell:nth-child(3) .r37-mini circle{fill:#dcb281!important}.gmd-unified .r43-bullet-track>i{background:#88baa6!important} .gmd-unified #page .row2{gap:18px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.gmd-unified .gm-channel-card .kt th,.gmd-unified .gm-departments th{background:#f6f8fb!important;color:#7a8ea9!important;font-size:11px!important}.gmd-unified .gm-channel-card .kt td{padding:13px 18px!important;font-size:12px;color:#586f8d}.gmd-unified .gmd-foot-toolbar{padding:12px 18px;font-size:11px}.gmd-unified .gm-departments td{font-size:12px!important;color:#5d728d;padding:14px 12px!important}.gmd-unified .gm-department-card .gm-execution-summary{font-size:11px}.gmd-unified .gm-department-card .r43-cell-sub{color:#8698b2}.gmd-unified .gm-procurement-card .r38-bar-fill{background:#9db6ed!important}.gmd-unified .gm-procurement-card .r37-province.neg .r38-bar-fill{background:#dbad8b!important} .gmd-unified .r43-geo-scroll{overflow-x:auto;overscroll-behavior-x:contain}.gmd-unified .r43-geo-table{min-width:1120px!important;font-size:11px!important}.gmd-unified .r43-geo-table th{font-size:10px!important;color:#7e90aa!important;background:#f6f8fb!important;line-height:1.6}.gmd-unified .r43-geo-table td{font-size:11px!important;padding-top:13px!important;padding-bottom:13px!important;color:#5d7391}.gmd-unified .r43-geo-table .r41-table-link{color:#4c6a9c!important;font-size:11px!important}.gmd-unified .r43-geo-table td .r41-geo-inline>b{color:#4c6a9c}.gmd-unified .r43-geo-table .r38-bar-fill{background:#a6bde9!important}.gmd-unified .r43-geo-table .neg{color:#bc705d!important}.gmd-unified .r43-geo-table .pos{color:#3b806d!important}.gmd-unified .r41-geo-tools{font-size:10.5px;color:#8296b2}.gmd-unified .gm-home-history{font-size:11px;color:#8598b3} .vita-menu{display:none}.gmd-chart-dialog{border-color:#e6ecf6;border-radius:12px}.gmd-chart-dialog h2{color:#3a5379}.gmd-chart-dialog::backdrop{background:#20314955}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid #7595e1!important;outline-offset:2px} @media(max-width:1100px){body{grid-template-columns:166px minmax(0,1fr)!important}.side-in{padding:18px 9px!important}.side .brand{font-size:17px!important}.gmd-unified .gmd-fixed-heading{flex-wrap:wrap;gap:4px 16px}.gmd-unified .gmd-fixed-heading nav{order:3;width:100%}.gmd-unified .gmd-fixed-heading nav button{min-height:31px}.gmd-unified .gmd-company-metric{padding:15px}.gmd-unified .gmd-channel-values{gap:4px 9px}.gmd-unified .gmd-metric-value{font-size:29px}.top .who{display:none}.gmd-unified #page .row2{grid-template-columns:1fr}} @media(max-width:760px){body{display:block!important}.side{position:fixed!important;inset:0 auto 0 0!important;width:190px!important;height:100vh;z-index:80;transform:translateX(-100%);transition:transform .18s}.side.vita-open{transform:translateX(0);box-shadow:8px 0 35px #253d6422}.vita-menu{display:inline-flex;align-items:center;justify-content:center;width:27px;height:30px;background:transparent;border:0;color:#6c85ad;font-size:20px;padding:0}.top{padding:0 12px!important;gap:9px!important}.top .crumbs{display:none}.top .datepill{font-size:9px!important;padding:3px 5px!important}.top #roleSelect{font-size:10px!important;max-width:133px}.top #pageName{font-size:12px!important}.top .notes{display:none}.gmd-unified .gmd-home-slot{padding:16px 13px 0!important}.gmd-unified .gmd-overview-header{grid-template-columns:1fr;gap:5px;padding-bottom:17px}.gmd-unified .gmd-overview-meta{grid-row:1;justify-self:end}.gmd-unified .gmd-overview-header h1{grid-row:1;grid-column:1}.gmd-unified .gmd-overview-greeting{font-size:24px}.gmd-unified .gmd-overview-brief{font-size:15px;line-height:1.7}.gmd-unified .gmd-report-head{padding:10px 15px}.gmd-unified .gmd-report-head h2{font-size:14px}.gmd-unified .gmd-report-head p{font-size:9px}.gmd-unified .gmd-toggle{padding:10px 15px!important}.gmd-unified .gmd-toggle small{font-size:10px}.gmd-unified .gmd-fixed-heading h2{font-size:19px}.gmd-unified .gmd-fixed-heading nav{gap:17px}.gmd-unified .gmd-fixed-heading nav button{font-size:10px}.gmd-unified .gmd-company-metrics{grid-template-columns:1fr;gap:10px}.gmd-unified .gmd-company-metric{padding:17px 18px;min-height:145px}.gmd-unified .gmd-metric-value{font-size:31px}.gmd-unified .gmd-metric-bottom{flex-direction:row;align-items:center}.page{padding-left:13px!important;padding-right:13px!important}.gmd-unified #page .r37-pulse .bstats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.gmd-unified #page .r37-pulse .pulse-cell:nth-child(4){border-left:0}.gmd-unified #page .r37-pulse .pulse-label{font-size:10px}.gmd-unified #page .r37-pulse .pulse-note{font-size:10px}.gmd-unified .gmd-period-head{gap:8px;padding:12px 15px}.gmd-unified .gmd-period-head>span{font-size:9px}.gmd-unified #page .mod-hd{padding:12px 15px;flex-wrap:wrap}.gmd-unified #page .mod-hd h2{font-size:13px}.gmd-unified .gm-department-card{overflow-x:auto}.gmd-unified .gm-departments{min-width:720px}.gmd-chart-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 30px)}.gmd-chart-canvas{padding:10px;height:60vh}.gmd-chart-dialog header{padding:12px}.gmd-chart-dialog h2{font-size:13px}.gmd-chart-dialog button{font-size:10px}} @media(prefers-reduced-motion:reduce){.side{transition:none}} .side #sideAreas a{gap:11px!important}.side #sideAreas a::before{position:static!important;transform:none!important;margin:0!important} @media(max-width:760px){.side{overflow-x:hidden}.side-in{min-width:0;width:100%}} @media(max-width:760px){html[data-vita-skin="a"] .top #pageName{flex:0 0 auto!important;white-space:nowrap!important}.top:has(.view-back:not([hidden])) .datepill{display:none!important}.top #roleSelect{margin-left:auto!important}} @media(max-width:760px){.top{flex-wrap:nowrap!important}.top #pageName{width:auto!important;flex:0 0 auto;max-width:84px;line-height:1.4}.top .vita-menu{flex:0 0 27px;min-height:30px!important}.top .datepill{display:inline-block!important;white-space:nowrap;margin-left:auto}.top #roleSelect{flex:0 1 133px;min-width:0;min-height:30px!important;height:30px!important}.top .view-back{font-size:10px;max-width:86px;padding:3px}.gmd-unified .gmd-overview-meta{grid-column:1;grid-row:1}.gmd-unified .gmd-overview-header .gmd-typed{grid-column:1/-1}.gmd-unified .gmd-overview-header{grid-template-columns:minmax(0,1fr)}} @media(max-width:760px){html[data-vita-skin="a"] #page .gm-procurement-card .gm-goal-bar{float:none;width:auto;margin:10px 0 0;display:flex;justify-content:center;padding:0}html[data-vita-skin="a"] #page #gm-home-procurement-chart{width:100%;margin:0;clear:both;padding:10px 18px 16px;grid-template-columns:minmax(0,1fr)}html[data-vita-skin="a"] #page #gm-home-procurement-chart .r37-province{grid-template-columns:32px minmax(40px,1fr) 44px 38px;min-width:0}} /* Native active-state names and native chart elements; retain warning semantics. */ html[data-vita-skin="a"] .side .nav-item.on{background:#eff4ff!important;color:#4168d0!important;box-shadow:none!important;border:0!important;border-left:0!important}.side .nav-item.on::before,.side .nav-item.on::after{display:none!important}.side .nav-item .r37-nav-icon{width:18px;height:18px;stroke-width:1.5}.side #sideAreas a{display:flex!important;align-items:center;gap:11px}.side #sideAreas a::before{content:"";width:17px;height:17px;flex:0 0 17px;background:currentColor;mask:var(--dept-icon) center/contain no-repeat;-webkit-mask:var(--dept-icon) center/contain no-repeat} .gmd-unified #gm-home-procurement-chart .bar>i{background:#9db6ed!important;border-radius:4px}.gmd-unified #gm-home-procurement-chart .bar>i[style*="#C0231F"]{background:#ce8c77!important}.gmd-unified .gm-goal-bar .r37-ring circle[stroke="#4E5969"]{stroke:#91baa9!important}.gmd-unified .gm-goal-bar .r37-ring .ring-value{fill:#527b70!important}.gmd-unified .gm-procurement-card .g-foot{font-size:10.5px;color:#8496b0}.gmd-unified #gm-home-procurement-chart .bar{background:#edf1f7}.gmd-unified #gm-home-procurement-chart .r37-province{font-size:12px;color:#5d7391}.gmd-unified .gm-departments td:first-child{position:relative;padding-left:53px!important}.gmd-unified .gm-departments td:first-child::before{content:"";position:absolute;left:17px;top:20px;width:26px;height:26px;border-radius:7px;background:#edf3ff}.gmd-unified .gm-departments td:first-child::after{content:"";position:absolute;left:22px;top:25px;width:16px;height:16px;background:#8da7d7;mask:var(--dept-icon) center/contain no-repeat;-webkit-mask:var(--dept-icon) center/contain no-repeat}.gmd-unified .gm-departments tr:nth-child(2) td:first-child::before{background:#fff2e3}.gmd-unified .gm-departments tr:nth-child(3) td:first-child::before{background:#edf7f1}.gmd-unified .gm-departments tr:nth-child(4) td:first-child::before{background:#f3eefb} /* department-icons.css */ .side #sideAreas a[data-uik-who="营运线"],.gm-departments tbody tr:nth-child(1){--dept-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yNDAsMjA4SDIyNFY5NmExNiwxNiwwLDAsMC0xNi0xNkgxNDRWMzJhMTYsMTYsMCwwLDAtMjQuODgtMTMuMzJMMzkuMTIsNzJBMTYsMTYsMCwwLDAsMzIsODUuMzRWMjA4SDE2YTgsOCwwLDAsMCwwLDE2SDI0MGE4LDgsMCwwLDAsMC0xNlpNMjA4LDk2VjIwOEgxNDRWOTZaTTQ4LDg1LjM0LDEyOCwzMlYyMDhINDhaTTExMiwxMTJ2MTZhOCw4LDAsMCwxLTE2LDBWMTEyYTgsOCwwLDEsMSwxNiwwWm0tMzIsMHYxNmE4LDgsMCwwLDEtMTYsMFYxMTJhOCw4LDAsMSwxLDE2LDBabTAsNTZ2MTZhOCw4LDAsMCwxLTE2LDBWMTY4YTgsOCwwLDAsMSwxNiwwWm0zMiwwdjE2YTgsOCwwLDAsMS0xNiwwVjE2OGE4LDgsMCwwLDEsMTYsMFoiLz48L3N2Zz4=")} .side #sideAreas a[data-uik-who="外卖线"],.gm-departments tbody tr:nth-child(2){--dept-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yNTUuNDIsMTE3bC0xNC0zNUExNS45MywxNS45MywwLDAsMCwyMjYuNTgsNzJIMTkyVjY0YTgsOCwwLDAsMC04LThIMzJBMTYsMTYsMCwwLDAsMTYsNzJWMTg0YTE2LDE2LDAsMCwwLDE2LDE2SDQ5YTMyLDMyLDAsMCwwLDYyLDBoNTBhMzIsMzIsMCwwLDAsNjIsMGgxN2ExNiwxNiwwLDAsMCwxNi0xNlYxMjBBNy45NCw3Ljk0LDAsMCwwLDI1NS40MiwxMTdaTTE5Miw4OGgzNC41OGw5LjYsMjRIMTkyWk0zMiw3MkgxNzZ2NjRIMzJaTTgwLDIwOGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw4MCwyMDhabTgxLTI0SDExMWEzMiwzMiwwLDAsMC02MiwwSDMyVjE1MkgxNzZ2MTIuMzFBMzIuMTEsMzIuMTEsMCwwLDAsMTYxLDE4NFptMzEsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTkyLDIwOFptNDgtMjRIMjIzYTMyLjA2LDMyLjA2LDAsMCwwLTMxLTI0VjEyOGg0OFoiLz48L3N2Zz4=")} .side #sideAreas a[data-uik-who="财务"],.gm-departments tbody tr:nth-child(3){--dept-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik03MiwxMDRhOCw4LDAsMCwxLDgtOGg5NmE4LDgsMCwwLDEsMCwxNkg4MEE4LDgsMCwwLDEsNzIsMTA0Wm04LDQwaDk2YTgsOCwwLDAsMCwwLTE2SDgwYTgsOCwwLDAsMCwwLDE2Wk0yMzIsNTZWMjA4YTgsOCwwLDAsMS0xMS41OCw3LjE1TDE5MiwyMDAuOTRsLTI4LjQyLDE0LjIxYTgsOCwwLDAsMS03LjE2LDBMMTI4LDIwMC45NCw5OS41OCwyMTUuMTVhOCw4LDAsMCwxLTcuMTYsMEw2NCwyMDAuOTQsMzUuNTgsMjE1LjE1QTgsOCwwLDAsMSwyNCwyMDhWNTZBMTYsMTYsMCwwLDEsNDAsNDBIMjE2QTE2LDE2LDAsMCwxLDIzMiw1NlptLTE2LDBINDBWMTk1LjA2bDIwLjQyLTEwLjIyYTgsOCwwLDAsMSw3LjE2LDBMOTYsMTk5LjA2bDI4LjQyLTE0LjIyYTgsOCwwLDAsMSw3LjE2LDBMMTYwLDE5OS4wNmwyOC40Mi0xNC4yMmE4LDgsMCwwLDEsNy4xNiwwTDIxNiwxOTUuMDZaIi8+PC9zdmc+")} .side #sideAreas a[data-uik-who="新店"],.gm-departments tbody tr:nth-child(4){--dept-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMzIsOTZhNy44OSw3Ljg5LDAsMCwwLS4zLTIuMkwyMTcuMzUsNDMuNkExNi4wNywxNi4wNywwLDAsMCwyMDIsMzJINTRBMTYuMDcsMTYuMDcsMCwwLDAsMzguNjUsNDMuNkwyNC4zMSw5My44QTcuODksNy44OSwwLDAsMCwyNCw5NmgwdjE2YTQwLDQwLDAsMCwwLDE2LDMydjcyYTgsOCwwLDAsMCw4LDhIMjA4YTgsOCwwLDAsMCw4LThWMTQ0YTQwLDQwLDAsMCwwLDE2LTMyVjk2Wk01NCw0OEgyMDJsMTEuNDIsNDBINDIuNjFabTUwLDU2aDQ4djhhMjQsMjQsMCwwLDEtNDgsMFptLTE2LDB2OGEyNCwyNCwwLDAsMS0zNS4xMiwyMS4yNiw3Ljg4LDcuODgsMCwwLDAtMS44Mi0xLjA2QTI0LDI0LDAsMCwxLDQwLDExMnYtOFpNMjAwLDIwOEg1NlYxNTEuMmE0MC41Nyw0MC41NywwLDAsMCw4LC44LDQwLDQwLDAsMCwwLDMyLTE2LDQwLDQwLDAsMCwwLDY0LDAsNDAsNDAsMCwwLDAsMzIsMTYsNDAuNTcsNDAuNTcsMCwwLDAsOC0uOFptNC45My03NS44YTguMDgsOC4wOCwwLDAsMC0xLjgsMS4wNUEyNCwyNCwwLDAsMSwxNjgsMTEydi04aDQ4djhBMjQsMjQsMCwwLDEsMjA0LjkzLDEzMi4yWiIvPjwvc3ZnPg==")} /* gm-sections.css */ /* GM secondary surfaces inherit the approved homepage palette and density. All selectors are role scoped. Original nodes, content and behavior remain. */ body.vita-gm-secondary { --ink:#263651; --ink2:#60748e; --ink3:#8092aa; --tx:#263651; --tx2:#60748e; --tx3:#8092aa; --line:#e7edf6; --line-soft:#eef2f7; --ui-edge:#e7edf6; --panel:#fff; --panel3:#f6f8fc; --th:#f6f8fc; --tab-ink:#4e74d5; --tab-bg:#edf3ff; --tab-bd:#cddcf9; --neg:#b96f5c; --neg-bg:#fff1e9; --pos:#3d896f; --pos-bg:#edf8f2; --warn-bg:#fff6e9; --ui-elevation:none; } body.vita-gm-secondary #page { color:#263651; padding-top:18px; } body.vita-gm-context .side #sideAreas .nav-area.on { background:#eff4ff!important; color:#4168d0!important; box-shadow:none!important; } /* The GM views a department summary; a personal greeting belongs to its own role. */ body.vita-gm-department #page .r41-greeting { display:none!important; } body.vita-gm-secondary #page :is(.mod,.card,.uik-card,.cs-card,.hist-card,.hist-catalog,.cs-banner,.rail,.cs-queue) { border-color:#e7edf6; border-radius:10px; box-shadow:none; } body.vita-gm-secondary #page :is(.mod-hd,.card-h,.uik-card-h) { border-color:#edf1f7; color:#263651; } body.vita-gm-secondary #page :is(.mod-hd,.card-h,.uik-card-h) :is(h2,h3) { color:#304664; font-size:14px; font-weight:600; letter-spacing:0; } body.vita-gm-secondary #page :is(.meta,.muted,.flat,.card-h>small,.mod-hd>small) { color:#8092aa; } body.vita-gm-secondary #page :is(.btn,.uik-btn) { border-radius:6px; font-size:12px; border-color:#dfe7f3; color:#607897; } body.vita-gm-secondary #page :is(button.primary,.btn.primary,.uik-btn.primary) { background:#5679df; border-color:#5679df; color:#fff; } body.vita-gm-secondary #page :is(button.primary,.btn.primary,.uik-btn.primary):hover { background:#4569cf; border-color:#4569cf; } body.vita-gm-secondary #page :is(input,select,textarea) { border-color:#dce5f2; color:#3d5475; background:#fff; } body.vita-gm-secondary #page :is(input,select,textarea):focus { border-color:#8aa8e7; box-shadow:0 0 0 2px #edf3ff; outline-color:#8aa8e7; } body.vita-gm-secondary #page :is(.seg button.on,.qi.on,.cs-qi.on,.it.on,.ut-tag.sel) { background:#eff4ff!important; color:#436cc9!important; border-color:#cbdaf7; box-shadow:none; } body.vita-gm-secondary #page :is(.it.on,.cs-qi.on) { border-left-color:#7b9bdd!important; } body.vita-gm-secondary #page :is(.lnk,.uik-more,.cs-more,.gm-secondary-link,.gm-analysis-link) { color:#5876a8; } body.vita-gm-secondary #page :is(.unum,.ut a,.gm-detail-button):hover { color:#436cc9; text-decoration-color:#9bb5e6; } /* Consistent dense tables: respect native numeric alignment and horizontal scroll. */ body.vita-gm-secondary #page :is(.kt,.t,.ut,.lg,.uik-list-table,.hist-table,.cs-mx) th { background:#f6f8fc!important; color:#7b8fa9!important; font-size:11px; font-weight:500; border-color:#e9eef7; } body.vita-gm-secondary #page :is(.kt,.t,.ut,.lg,.uik-list-table,.hist-table,.cs-mx) td { color:#576e8c; font-size:12px; border-color:#edf1f7; line-height:1.7; } body.vita-gm-secondary #page :is(.kt,.t,.ut,.lg,.uik-list-table,.hist-table,.cs-mx) td:first-child { color:#3d5575; } body.vita-gm-secondary #page :is(.kt,.t,.ut,.lg,.uik-list-table,.hist-table,.cs-mx) td small { color:#8799af; font-size:11px; } body.vita-gm-secondary #page :is(.kt,.t,.ut,.lg,.uik-list-table,.hist-table,.cs-mx) tbody tr:hover>td { background:#f7faff; } body.vita-gm-secondary #page :is(.neg,.neg b,b.neg) { color:#b96f5c!important; } body.vita-gm-secondary #page :is(.pos,.pos b,b.pos) { color:#3d896f!important; } body.vita-gm-secondary #page :is(.tag.red,.ut-tag.r) { color:#b96f5c; background:#fff1e9; } body.vita-gm-secondary #page :is(.tag.green,.ut-tag.g) { color:#3d896f; background:#edf8f2; } body.vita-gm-secondary #page :is(.tag.amber,.ut-tag.y) { color:#a67d43; background:#fff6e9; } /* Full-width attention workspace: context, themes, analysis status, then data. */ body.vita-gm-secondary #page.gm-attention { padding-top:22px; } body.vita-gm-secondary #page.gm-attention>.w3 { margin:0; } body.vita-gm-secondary #page.gm-attention .work-wrap { padding:0 0 36px; } body.vita-gm-secondary #page.gm-attention .work-wrap>.detail { border:0; background:none; padding:0!important; margin:0 3px 22px; } body.vita-gm-secondary #page .gm-page-kicker { margin:0 0 8px!important; padding:0!important; font-size:12px; color:#7b8fa9; } body.vita-gm-secondary #page.gm-attention .r41-topic-head { padding:0!important; align-items:flex-start; gap:18px; } body.vita-gm-secondary #page.gm-attention .r41-topic-head>div { flex:1; } body.vita-gm-secondary #page.gm-attention .r41-topic-head h3 { margin:0 0 8px!important; font-size:27px!important; line-height:1.4!important; font-weight:600; letter-spacing:-.03em; color:#263651; } body.vita-gm-secondary #page.gm-attention .r41-topic-head .meta { font-size:16px!important; line-height:1.7; color:#71839c; } body.vita-gm-secondary #page.gm-attention .r41-topic-head :is(.gm-readonly,.view) { margin-top:7px; } body.vita-gm-secondary #page.gm-attention .gm-readonly { background:#f7f9fd; color:#879bb8; border-color:#e3eaf6; } body.vita-gm-secondary #page.gm-attention .cols { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; } body.vita-gm-secondary #page.gm-attention #gm-topic-list { display:grid; grid-template-columns:4fr 2fr 1fr; gap:16px; position:static; max-height:none; border:0; background:transparent; border-radius:0; overflow:visible; margin:0; } body.vita-gm-secondary #gm-topic-list .grp { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:6px; row-gap:7px; padding:0!important; border:0; align-content:start; } body.vita-gm-secondary #gm-topic-list .grp:nth-child(2) { grid-template-columns:repeat(2,minmax(0,1fr)); } body.vita-gm-secondary #gm-topic-list .grp:nth-child(3) { grid-template-columns:minmax(0,1fr); } body.vita-gm-secondary #gm-topic-list .grp-h { grid-column:1/-1; font-size:10px; font-weight:500; color:#98a6ba; padding-left:12px; } body.vita-gm-secondary #page.gm-attention #gm-topic-list .it { width:auto; margin:0; padding:12px!important; border:0!important; border-radius:9px; } body.vita-gm-secondary #gm-topic-list .it .t { font-size:13px; font-weight:550; color:#607695; } body.vita-gm-secondary #gm-topic-list .it .s { margin-top:6px; font-size:11px; line-height:1.75; color:#8496af; } body.vita-gm-secondary #gm-topic-list .it.on { background:#eff4ff!important; } body.vita-gm-secondary #gm-topic-list .it.on .t { color:#4168c3; } body.vita-gm-secondary #gm-topic-list .it.on .s { color:#7e96bd; } body.vita-gm-secondary #page.gm-attention .right { gap:22px; } body.vita-gm-secondary #page.gm-attention .right>.work-ai { margin:0!important; padding:12px 16px!important; background:#faf8fd!important; border:1px solid #ece5f5!important; border-radius:9px!important; } body.vita-gm-secondary #page.gm-attention .r41-ai-status { gap:10px; font-size:11px; padding:0!important; min-height:32px; } body.vita-gm-secondary #page.gm-attention .r41-ai-status .ai-tag { color:#9881b5; } body.vita-gm-secondary #page.gm-attention .r41-ai-status strong { color:#7d6c93; font-weight:550; } body.vita-gm-secondary #page.gm-attention .r41-ai-reason { color:#95a0b2; } body.vita-gm-secondary #page.gm-attention .right>.gm-data-section { border:0; background:none; border-radius:0; overflow:visible; } body.vita-gm-secondary #page.gm-attention .gm-data-section>.card-h { padding:0 3px 15px; min-height:0; border:0; background:none; } body.vita-gm-secondary #page.gm-attention .gm-data-section>.card-h h2 { font-size:20px; font-weight:600; color:#304664; } body.vita-gm-secondary #page.gm-attention .block-body { padding:0; } body.vita-gm-secondary #page.gm-attention h3 { color:#4e6687; font-size:14px; margin:0 0 12px; } body.vita-gm-secondary .gm-inline-stats { display:flex; gap:12px; margin:0 0 20px; } body.vita-gm-secondary .gm-inline-stats>div { flex:1; min-width:150px; padding:18px 20px; border-radius:10px; background:#f1f5ff; } body.vita-gm-secondary .gm-inline-stats>div:nth-child(2) { background:#fff6eb; } body.vita-gm-secondary .gm-inline-stats>div:nth-child(3) { background:#f0f8f4; } body.vita-gm-secondary .gm-inline-stats>div:nth-child(4) { background:#f5f1fc; } body.vita-gm-secondary .gm-inline-stats b { color:#4b6fc8; font-size:32px; } body.vita-gm-secondary .gm-inline-stats>div:nth-child(2) b:not(.neg):not(.pos) { color:#b78a56; } body.vita-gm-secondary .gm-inline-stats>div:nth-child(3) b:not(.neg):not(.pos) { color:#4b927d; } body.vita-gm-secondary .gm-inline-stats span { font-size:12px; color:#7b8fa9; } body.vita-gm-secondary .gm-inline-stats small { color:#8b9db4; } body.vita-gm-secondary .gm-channel-total { background:#f1f5ff; border-radius:9px; padding:16px 18px; margin:0 0 20px; } body.vita-gm-secondary .gm-channel-total strong { color:#4b6fc8; } body.vita-gm-secondary .gm-channel-bars i { background:#a1b9ed; } body.vita-gm-secondary .gm-channel-bars>div:nth-child(2) i { background:#9cc9b7; } body.vita-gm-secondary .gm-channel-bars>div:nth-child(3) i { background:#dfbc93; } body.vita-gm-secondary .gm-trend-track { border-color:#e8edf7; } body.vita-gm-secondary .gm-trend-track i { background:#b7c8ee; } body.vita-gm-secondary .gm-trend>div:last-child i { background:#7d9fdf; } body.vita-gm-secondary .gm-trend b { color:#6680a3; } body.vita-gm-secondary .gm-disclosure>summary { color:#637e9f; border-color:#e9eef7; } body.vita-gm-secondary .gm-source { color:#8597ad; border-color:#edf1f7; } body.vita-gm-secondary .gm-topic-summary { background:#f4f7ff; border-left-color:#9cb4e6; } body.vita-gm-secondary .gm-data-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:18px; align-items:start; } body.vita-gm-secondary .gm-data-grid-delivery { align-items:stretch; } body.vita-gm-secondary #page.gm-attention .gm-data-panel { min-width:0; background:#fff; border:1px solid #e7edf6!important; border-radius:10px!important; padding:17px 18px!important; } body.vita-gm-secondary #page.gm-attention .gm-data-panel>h3 { margin:0 0 14px; padding:0; border:0; color:#4a6283; font-size:14px; } body.vita-gm-secondary .gm-data-panel .table-wrap { margin:0; } body.vita-gm-secondary #page.gm-attention .gm-data-panel .kt { min-width:0; } body.vita-gm-secondary #page.gm-attention .gm-data-panel :is(th,td) { padding-left:9px; padding-right:9px; } body.vita-gm-secondary #page.gm-attention .gm-data-panel .kt td:first-child { min-width:0; } body.vita-gm-secondary .gm-data-panel .view-note { font-size:11px; color:#90a0b6; line-height:1.8; margin:12px 0 0; } body.vita-gm-secondary .gm-data-panel.gm-disclosure { margin:0; } body.vita-gm-secondary .gm-data-grid .gm-trend { min-height:204px; padding:12px 0 0; } body.vita-gm-secondary .gm-data-grid .gm-trend-track { height:120px; } body.vita-gm-secondary .gm-data-grid .gm-trend small { font-size:10px; } body.vita-gm-secondary .gm-channel-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:18px; align-items:stretch; } body.vita-gm-secondary .gm-channel-overview .gm-channel-total { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:13px; margin:0; padding:24px; } body.vita-gm-secondary .gm-channel-overview .gm-channel-total strong { font-size:34px; color:#4b6fc8!important; } body.vita-gm-secondary .gm-reading-note { margin:14px 3px 22px; font-size:12px; line-height:1.8; color:#8294ac; } body.vita-gm-secondary .gm-data-section>.block-body>.view-note { margin:0 3px 18px; color:#8b9bb0; } body.vita-gm-secondary .gm-data-section .gm-secondary-link { margin:15px 3px 0; } body.vita-gm-secondary .gm-service-primary { border:1px solid #e1ede7; background:#f2f9f5; border-radius:10px; padding:4px 18px; } body.vita-gm-secondary .gm-service-primary .gm-evidence-link { border:0; background:none; padding:15px 0; } body.vita-gm-secondary .gm-service-support { padding:18px; border:1px solid #e7edf6; border-radius:10px; } body.vita-gm-secondary .gm-service-support .gm-evidence-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } body.vita-gm-secondary .gm-service-support .gm-evidence-link { background:#f8faff; border-color:#e7edf6; border-radius:9px; } body.vita-gm-secondary #page :is(.uik-ai,.work-ai,.ai-band) { border-color:#e8e0f3; } body.vita-gm-secondary #page :is(.uik-ai,.work-ai) { background:#faf8fd; } body.vita-gm-secondary #page :is(.uik-ai-mark,.ai-tag b) { background:#eee8f8; color:#937bb7; } /* History reports, query controls and source catalog. */ body.vita-gm-secondary #page.hist { gap:22px; padding-top:24px; } body.vita-gm-secondary #page.hist .hist-heading { padding:0 3px 2px; } body.vita-gm-secondary #page.hist .hist-heading h2 { color:#263651; font-size:27px!important; line-height:1.4; font-weight:600; letter-spacing:-.03em; } body.vita-gm-secondary #page.hist .hist-heading p { margin-top:9px; color:#7f91a9; font-size:12px; } body.vita-gm-secondary .hist-tabs { background:#f1f5fc; padding:4px; } body.vita-gm-secondary .hist-tabs .on { color:#4c70c6!important; background:#fff; box-shadow:0 1px 4px #344c7310; } body.vita-gm-secondary .hist-tabs.small .on { background:#edf3ff; color:#4c70c6; box-shadow:none; } body.vita-gm-secondary #page .hist-ask { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); grid-template-rows:auto 40px auto auto; gap:0 24px; align-content:start; padding:18px 20px; background:#f7f8fe; border-color:#e7ebf8; } body.vita-gm-secondary .hist-ask>.uik-card-h { grid-column:1/-1; padding:0 0 13px!important; min-height:0; margin:0 0 14px; } body.vita-gm-secondary .hist-ask>form { grid-column:1; align-self:start; } body.vita-gm-secondary #page .hist-ask>form :is(input,button) { height:40px!important; } body.vita-gm-secondary .hist-ask>.hist-examples { grid-column:1; margin:12px 0 0; align-content:start; align-items:flex-start; } body.vita-gm-secondary .hist-ask>.hist-examples>span { flex-basis:100%; } body.vita-gm-secondary .hist-ask>.hist-examples-saved { grid-column:2; grid-row:2 / 4; margin:0!important; padding:0 0 0 24px!important; border:0!important; border-left:1px solid #e3e9f6!important; } body.vita-gm-secondary .hist-ask .hist-examples-saved .content-section-title { margin:0 0 12px; padding:0; font-size:12px; color:#7c8eac; } body.vita-gm-secondary .hist-ask>.hist-source-coverage { grid-column:1/-1; margin:18px 0 0!important; padding-top:12px; border-top:1px solid #e8edf7; font-size:11px; color:#93a1b6; } body.vita-gm-secondary .hist-examples button { background:#fff; color:#7186a3; border:1px solid #e7edf7; border-radius:6px; padding:6px 10px; } body.vita-gm-secondary .hist-examples button:hover { background:#edf3ff; color:#4c70c6; border-color:#cedcf6; } body.vita-gm-secondary .hist-catalog button { color:#7185a1; font-size:12px; min-height:36px; } body.vita-gm-secondary .hist-catalog button.on { color:#4c70c6; background:#edf3ff; } body.vita-gm-secondary .hist-catalog-group h4 { color:#93a2b7; font-size:10.5px; } body.vita-gm-secondary .hist-workspace { grid-template-columns:176px minmax(0,1fr); gap:20px; } body.vita-gm-secondary .hist-filters { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; } body.vita-gm-secondary .hist-filters label { color:#8193ab; font-size:11px; } body.vita-gm-secondary .hist-filters :is(input,select) { font-size:12px; } body.vita-gm-secondary #page .hist-source-meta { background:#f8fafc; border-color:#e9eef6; } body.vita-gm-secondary .hist-source-meta p { color:#7c90ab; font-size:11px; } body.vita-gm-secondary :is(.hist-source-button,.hist-source-meta summary,.hist-condition-editor>summary,.hist-thread button) { color:#5b7eb6; } body.vita-gm-secondary .hist-answer-label { color:#7790b0; background:#f3f6fd; } body.vita-gm-secondary .hist-line { stroke:#789bde; } body.vita-gm-secondary :is(.hist-dot,.hist-bar) { fill:#8ea9e4; } body.vita-gm-secondary .hist-saved-kpis>div, body.vita-gm-secondary .hist-summary-kpis>div { padding:14px 16px; background:#f1f5ff; border-radius:8px; } body.vita-gm-secondary .hist-summary-kpis>.hist-different { background:#fff6eb; } body.vita-gm-secondary .hist-saved-kpis>div:nth-child(2) { background:#f0f8f4; } body.vita-gm-secondary .hist-saved-kpis>div:nth-child(3) { background:#fff6eb; } body.vita-gm-secondary :is(.hist-saved-kpis,.hist-summary-kpis) b { color:#5879bb; } body.vita-gm-secondary .hist-days.two :is(.hist-saved-kpis,.hist-summary-kpis) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } body.vita-gm-secondary .hist-days.two :is(.hist-saved-kpis,.hist-summary-kpis)>div { padding:12px; } body.vita-gm-secondary .hist-days.two :is(.hist-saved-kpis,.hist-summary-kpis) b { font-size:clamp(15px,1.2vw,19px); } body.vita-gm-secondary #page.hist .hist-days .hist-table :is(th,td) { white-space:normal!important; overflow-wrap:anywhere; text-overflow:clip!important; overflow:visible!important; vertical-align:top; } /* Store drill-down: use the existing platform and metric navigation. */ body.vita-gm-secondary #page .sp-top { border:0; background:none; padding-left:0; padding-right:0; } body.vita-gm-secondary #page .sp-top h2 { color:#263651; font-size:27px!important; font-weight:600; letter-spacing:-.03em; } body.vita-gm-secondary #page .sp-nav button { color:#6a82a1; } body.vita-gm-secondary #page .v4 .tabs { background:#f1f5fc; border-radius:9px; } body.vita-gm-secondary #page .v4 .tab.on { background:#edf3ff; color:#4c70c6; box-shadow:none; } body.vita-gm-secondary #page .v4 .tab.on .pn { color:#4c70c6; } body.vita-gm-secondary #page .v4 .wf .r.on { background:#f0f5ff; box-shadow:inset 3px 0 0 #8faadc; } /* Drawers are shared by home and secondary GM views. Widths and content stay native. */ body.vita-workspace #drawer { color:#3f5675; border-left-color:#e3eaf5; box-shadow:-10px 0 30px #324c7010; } body.vita-workspace #drawer>header, body.vita-workspace #drawer .drawer-head { background:#f7f9ff; border-color:#e8edf7; padding:16px 18px 13px; } body.vita-workspace #drawer :is(.uik-dt,.drawer-title b) { color:#3c567b; font-size:16px; font-weight:600; } body.vita-workspace #drawer :is(.uik-ds,.drawer-title small) { color:#899bb3; font-size:11px; } body.vita-workspace #drawer :is(.uik-db,.drawer-body) { padding-left:18px; padding-right:18px; } body.vita-workspace #drawer :is(.uik-dsum,.uik-fd-t,.uik-step-list p) { color:#536b8b; font-size:13px; line-height:1.8; } body.vita-workspace #drawer :is(.uik-fd-ai,.uik-ai) { background:#f7f3fc; border-color:#eae2f5; border-radius:9px; } body.vita-workspace #drawer .uik-fd-ai p { color:#65718c; } body.vita-workspace #drawer .uik-ai-mark { background:#eee8f8; color:#927cb5; } body.vita-workspace #drawer :is(th,td) { border-color:#eaf0f7; font-size:12px; } body.vita-workspace #drawer th { color:#7f94af; background:#f6f8fc; } body.vita-workspace #drawer td { color:#5e7592; } body.vita-workspace #drawer :is(.uik-dbtn,button.primary,.btn.primary) { background:#5679df; border-color:#5679df; color:#fff; } body.vita-workspace #drawer :is(.uik-dbtn,button.primary,.btn.primary):hover { background:#4569cf; border-color:#4569cf; } body.vita-workspace #drawer :is(.neg,.neg b,b.neg) { color:#b96f5c; } body.vita-workspace #drawer :is(.pos,.pos b,b.pos) { color:#3d896f; } body.vita-workspace #drawer .cs-c.d { background:#a2b9dc; } body.vita-workspace #drawer .cs-c.r { background:#c4836d; } body.vita-workspace #drawer .cs-c.y { background:#d9ae72; } body.vita-workspace #drawer .drawer-tabs { background:#f0f4fc; } body.vita-workspace #drawer .drawer-tabs button.on { background:#fff; color:#5276c6; } body.vita-workspace :is(.uik-pop,#tip) { border-color:#e3eaf5; color:#607693; box-shadow:0 6px 20px #344f7310; } /* gm-data-center.css */ /* Same modules, controls, field order and desktop density as the original data center. */ body.vita-data-center #page.hist { gap:22px; padding-top:24px; } body.vita-data-center .gmh-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 3px; } body.vita-data-center .gmh-heading h2 { margin:0 0 9px; font-size:27px; font-weight:600; letter-spacing:-.03em; line-height:1.4; color:#263651; } body.vita-data-center .gmh-heading p { margin:0; color:#7f91a9; font-size:12px; } body.vita-data-center .gmh-heading .hist-tabs { padding:4px; border-radius:9px; background:#f0f4fc; } body.vita-data-center .gmh-heading .hist-tabs a { min-width:76px; padding:10px 16px; font-size:12px; border-radius:6px; } body.vita-data-center #page .hist-ask { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); grid-template-rows:auto auto; column-gap:16px; row-gap:0; margin:0!important; padding:0!important; border:0!important; border-radius:0; background:none; } body.vita-data-center .gmh-query-entry { min-width:0; padding:18px 20px; border-radius:10px; background:#f1f5ff; } body.vita-data-center .gmh-query-entry>.uik-card-h { margin:0 0 17px; padding:0!important; border:0!important; min-height:32px; } body.vita-data-center #page .gmh-query-entry h3 { font-size:18px; font-weight:600; color:#344c76; } body.vita-data-center .gmh-query-entry #hist-question { display:flex; gap:10px; margin:0; } body.vita-data-center #page .gmh-query-entry #hist-question :is(input,button) { height:44px!important; border-radius:7px; } body.vita-data-center .gmh-query-entry #hist-question input { min-width:0; flex:1; padding:0 13px; border:1px solid #dbe5f8; background:#fff; font-size:13px; } body.vita-data-center .gmh-query-entry #hist-question button { flex-shrink:0; padding:0 18px; border-color:#5679df; background:#5679df; color:#fff; font-size:13px; } body.vita-data-center .gmh-query-entry>.hist-examples { display:flex; flex-wrap:wrap; gap:8px; margin:17px 0 0; } body.vita-data-center .gmh-query-entry>.hist-examples>span { flex-basis:100%; margin-bottom:2px; font-size:11px; color:#8093b2; } body.vita-data-center .gmh-query-entry>.hist-examples button { background:#fff; color:#637fa8; border:1px solid #e0e8f7; font-size:11px; padding:7px 10px; } body.vita-data-center #page .hist-ask>.hist-examples-saved { grid-column:2; grid-row:1; margin:0!important; padding:20px!important; border:1px solid #e9e3f3!important; border-radius:10px; background:#faf8fd; } body.vita-data-center #page .hist-ask .hist-examples-saved>.content-section-title { margin:0 0 15px; padding:0; font-size:14px; font-weight:600; color:#74658d; } body.vita-data-center .hist-examples-saved .hist-examples { gap:8px; margin:0; } body.vita-data-center .hist-examples-saved .hist-examples button { color:#7a6f91; background:#fff; border:1px solid #e9e3f3; font-size:11px; padding:7px 10px; } body.vita-data-center #page .hist-ask>.hist-source-coverage { grid-column:1/-1; margin:10px 3px 0!important; padding:0; border:0; color:#91a0b6; font-size:11px; line-height:1.8; } body.vita-data-center #page .hist-workspace { grid-template-columns:176px minmax(0,1fr); gap:20px; } body.vita-data-center #page .hist-catalog { padding:14px 8px; border:0; border-radius:10px; background:#f6f8fc; scrollbar-width:thin; } body.vita-data-center .hist-catalog>h3 { color:#5b7293; font-size:13px; padding-left:10px; } body.vita-data-center .hist-catalog-group { padding-top:9px; } body.vita-data-center .hist-catalog-group h4 { color:#8e9db3; font-size:10px; font-weight:500; margin:0 0 5px; } body.vita-data-center .hist-catalog button { border-radius:6px; color:#6b819e; font-size:12px; min-height:34px; } body.vita-data-center .hist-catalog button.on { background:#e7efff; color:#4269c3; font-weight:600; } body.vita-data-center #page .hist-work { padding:0; border:0; border-radius:0; background:none; gap:18px; } body.vita-data-center #page .hist-work>.hist-card { margin:0; padding:16px 18px; border:1px solid #e7edf6; border-radius:10px; background:#fff; } body.vita-data-center #page .hist-work>.hist-card>.uik-card-h { padding:0 0 12px!important; margin:0 0 12px; border:0!important; } body.vita-data-center #page .hist-work>.hist-card>.uik-card-h h3 { font-size:18px; color:#344c70; font-weight:600; } body.vita-data-center .hist-query-summary { margin:0 0 14px; padding:10px 12px; color:#7387a6; background:#f5f8ff; border-radius:6px; font-size:12px; line-height:1.7; } body.vita-data-center #page .hist-condition-editor { margin:0; padding:0; border:0; } body.vita-data-center #page .hist-condition-editor>.content-section-title { margin:0 0 11px; padding:0; color:#8393aa; font-size:11px; font-weight:500; } body.vita-data-center .hist-filters { gap:12px 14px; } body.vita-data-center .hist-filters label { color:#7b8ea8; font-size:11px; gap:6px; } body.vita-data-center #page .hist-filters :is(input,select) { height:34px; border-radius:6px; font-size:12px; color:#526a89; } body.vita-data-center #page .hist-work>.hist-source-meta { padding:14px 18px; background:#f7fafc; border-color:#e9eef5; } body.vita-data-center .hist-source-meta>div>b { color:#607695; font-size:12px; font-weight:550; } body.vita-data-center .hist-source-meta p { margin:6px 0; color:#8698b0; line-height:1.75; font-size:11px; } body.vita-data-center #page .hist-source-meta .content-section { margin:10px 0 0; padding:8px 0 0; border-top:1px solid #e7edf4; } body.vita-data-center #page .hist-source-meta .content-section-title { padding:0; margin:0; color:#7289a9; font-size:11px; } body.vita-data-center #page .hist-report-table { padding:17px 18px; } body.vita-data-center #page .hist-table th { background:#f1f5fd!important; padding:11px 10px; color:#7c90ad!important; font-size:11px; } body.vita-data-center #page .hist-table td { padding:10px; color:#5c7290; border-color:#edf1f7; font-size:12px; line-height:1.75; } body.vita-data-center #page .hist-table tfoot td { background:#f1f6ff; color:#4b6da8; font-weight:600; border-top:1px solid #dce7f9; } body.vita-data-center .hist-pagebar { color:#8a9cb4; font-size:11px; padding-top:15px; } body.vita-data-center #page .hist-answer { padding:18px; border-radius:10px; border:1px solid #e2eaf7; } body.vita-data-center .hist-answer-label { margin:-18px -18px 16px; padding:10px 18px; color:#718bad; background:#f2f6ff; } body.vita-data-center #page .hist-understood>.uik-card-h { padding:0 0 12px; border:0; } body.vita-data-center #page .hist-understood h3 { font-size:18px; color:#344c70; } body.vita-data-center #page .r44-query-total { background:#f0f5ff; border:1px solid #e3ebfb; border-radius:9px; color:#617b9f; } body.vita-data-center #page .r44-query-total b { color:#4b70c5; } body.vita-data-center #page .hist-answer-data { border-color:#e7edf6; } body.vita-data-center #page .hist-answer-data>.uik-card-h h3 { font-size:18px; } body.vita-data-center #page.hist>.hist-card { border-radius:10px; border-color:#e7edf6; padding:18px 20px; } body.vita-data-center #page.hist>.hist-card>.uik-card-h { padding:0 0 14px; margin:0 0 14px; border-color:#edf1f7; } body.vita-data-center #page.hist>.hist-card>.uik-card-h h3 { font-size:18px; font-weight:600; color:#344c70; } body.vita-data-center .hist-calendar-wrap { column-gap:28px; row-gap:16px; } body.vita-data-center .hist-day-picker { padding:8px 12px 12px; background:#f4f7fd; border-radius:8px; } body.vita-data-center .hist-day-picker label { color:#7b8eaa; font-size:11px; } body.vita-data-center .hist-day-picker select { min-height:36px; background:#fff; } body.vita-data-center .hist-day-picker>span { color:#91a0b6; font-size:11px; } body.vita-data-center .uik-cal-c { border-radius:5px; } body.vita-data-center .uik-cal-c.r3,body.vita-data-center .uik-cal-lg i.r3 { background:#c3816f; } body.vita-data-center .uik-cal-c.r1,body.vita-data-center .uik-cal-lg i.r1 { background:#efd6cb; } body.vita-data-center .uik-cal-c.g1,body.vita-data-center .uik-cal-lg i.g1 { background:#b4d7c8; } body.vita-data-center .uik-cal-c.z,body.vita-data-center .uik-cal-lg i.z { background:#e6ecf5; } body.vita-data-center .uik-cal-c:hover { outline:2px solid #9fb8e9; outline-offset:2px; } body.vita-data-center .uik-cal-lg { color:#91a0b6; font-size:11px; } body.vita-data-center #page .hist-day { padding:18px; border-color:#e7edf6; border-radius:10px; } body.vita-data-center #page .hist-day>.uik-card-h { padding:0 0 14px; margin:0 0 14px; border-color:#edf1f7; } body.vita-data-center #page .hist-day>.uik-card-h h3 { font-size:18px; font-weight:600; color:#344c70; } body.vita-data-center .hist-version { color:#8396af; font-size:11px; } body.vita-data-center .hist-days .hist-saved-kpis { margin:18px 0; } body.vita-data-center #page .hist-saved-report { color:#506783; } body.vita-data-center #page .hist-saved-report h3 { color:#344c70; font-weight:600; } body.vita-data-center .hist-saved-change { border-color:#e8edf6; } body.vita-data-center .hist-saved-change h4 { color:#657d9d; } @media (max-width:1320px) { body.vita-data-center .gmh-query-entry,body.vita-data-center #page .hist-ask>.hist-examples-saved { padding:16px!important; } body.vita-data-center #page .hist-work>.hist-card { padding:15px; } body.vita-data-center .hist-filters { gap:11px; } } /* gm-newstores.css */ /* GM-only visual surface; every original new-store table and action is retained. */ body.vita-gm-secondary #page.gm-newstores { padding-top:24px; } body.vita-gm-secondary .gm-newstores .cs-stack { gap:20px; } body.vita-gm-secondary #page .gmns-heading { margin:0!important; color:#263651; font-size:27px!important; font-weight:600!important; line-height:1.4; letter-spacing:-.03em; } body.vita-gm-secondary #page.gm-newstores .cs-banner { border:0; border-radius:0; background:none; padding:0; box-shadow:none; } body.vita-gm-secondary .gm-newstores .cs-bl { padding:0 3px 18px; background:none; border:0; } body.vita-gm-secondary .gm-newstores .cs-date { display:flex; align-items:center; flex-wrap:wrap; gap:14px; color:#8698af; font-size:11px; } body.vita-gm-secondary #page.gm-newstores .cs-sent { color:#627894; font-size:16px!important; line-height:1.8!important; font-weight:400!important; margin:12px 0 0; } body.vita-gm-secondary .gm-newstores .cs-sent .unum { color:#5575af; } body.vita-gm-secondary #page.gm-newstores .cs-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; border:0; padding:0; } body.vita-gm-secondary #page.gm-newstores .cs-k { min-width:0; padding:17px 18px; border:0; border-radius:10px; background:#f1f5ff; } body.vita-gm-secondary #page.gm-newstores .cs-k:nth-child(2) { background:#f0f8f4; } body.vita-gm-secondary #page.gm-newstores .cs-k:nth-child(3) { background:#fff6eb; } body.vita-gm-secondary #page.gm-newstores .cs-k:nth-child(4) { background:#f5f1fc; } body.vita-gm-secondary .gm-newstores .cs-k>span { color:#7b8fa9; font-size:12px; } body.vita-gm-secondary #page.gm-newstores .cs-k .unum b { color:#4b6fc8; font-size:32px; } body.vita-gm-secondary #page.gm-newstores .cs-k:nth-child(2) .unum b { color:#4b927d; } body.vita-gm-secondary #page.gm-newstores .cs-k:nth-child(3) .unum b { color:#b97a5b; } body.vita-gm-secondary #page.gm-newstores .cs-k:nth-child(4) .unum b { color:#9880b6; } body.vita-gm-secondary .gm-newstores .cs-k small { color:#8b9db4; font-size:11px; } body.vita-gm-secondary #page.gm-newstores .cs-card { border-color:#e7edf6; border-radius:10px; box-shadow:none; } body.vita-gm-secondary #page.gm-newstores .uik-card-h { padding:16px 18px; border-color:#edf1f7; background:none; } body.vita-gm-secondary #page.gm-newstores .uik-card-h h3 { color:#344c70; font-size:18px; font-weight:600; } body.vita-gm-secondary .gm-newstores :is(.ut,.cs-mx) th { padding:10px 8px; color:#7e91ad!important; background:#f3f6fc!important; } body.vita-gm-secondary .gm-newstores :is(.ut,.cs-mx) td { color:#5c7392; border-color:#edf1f7; } body.vita-gm-secondary .gm-newstores .cs-c.d { background:#b1c4e8; border-color:#b1c4e8; } body.vita-gm-secondary .gm-newstores .cs-c.r { background:#c4836d; border-color:#c4836d; color:#fff; } body.vita-gm-secondary .gm-newstores .cs-c.y { background:#d9ae72; border-color:#d9ae72; } body.vita-gm-secondary .gm-newstores .cs-pn { color:#4f6f9c; } body.vita-gm-secondary .gm-newstores .cs-mx-f { color:#8a9bb1; border-color:#e8edf6; } body.vita-gm-secondary .gm-newstores .cs-foot { color:#8b9cb2; font-size:11px; line-height:1.8; } body.vita-gm-secondary .gm-newstores .ai { background:#faf8fd; border-color:#e9e1f4; } body.vita-gm-secondary .gm-newstores .ai .uik-card-h h3 { color:#74648e; } body.vita-gm-secondary .gm-newstores .cs-more { color:#6b88b4; } /* gm-attention.css */ /* All rules are scoped to GM's attention surface. */ #page.ga-page { padding:26px 30px 50px!important; color:#33445d; } .ga-wrap { max-width:1460px; margin:0 auto; min-width:0; } .ga-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:23px; } .ga-header p { margin:0 0 8px; color:#8698af; font-size:12px; } #page.ga-page .ga-header h1 { margin:0; font-size:28px; font-weight:600; letter-spacing:-.03em; color:#263851; } #page.ga-page.ga-ledger .ga-wrap { padding:0; max-width:1460px; } #page.ga-page.ga-ledger .cols { display:block; } .ga-back { color:#5d7aaf; font-size:12px; flex-shrink:0; text-decoration:none; } .ga-nav { display:flex; align-items:stretch; gap:5px; padding:5px; border:1px solid #e7edf7; border-radius:10px; background:#fbfcff; margin-bottom:23px; } .ga-nav a { flex:1; padding:13px 8px; color:#7184a1; border-radius:7px; text-align:center; font-size:13px; font-weight:500; white-space:nowrap; text-decoration:none; } .ga-nav a:hover { background:#f1f5fc; color:#4267ae; } #page.ga-page .ga-nav a[aria-current=page] { color:#456ac8!important; background:#eaf1ff; font-weight:600; } #page.ga-page .ga-ai { border:1px solid #e4e4f5; background:linear-gradient(120deg,#f7f8ff,#fcfcff); padding:23px 25px 15px; border-radius:12px; margin:0 0 25px; } .ga-ai-label { display:flex; gap:12px; align-items:center; margin-bottom:12px; } .ga-ai-label span { padding:4px 8px; border-radius:5px; background:#ecebff; color:#6c67ac; font-size:11px; font-weight:600; } .ga-ai-label small { color:#8994aa; font-size:11px; } #page.ga-page .ga-ai h2 { margin:0 0 13px; color:#3d4165; font-size:21px; font-weight:600; line-height:1.6; } .ga-ai .ga-impact { color:#65708c; font-size:13px; line-height:1.8; padding-left:11px; border-left:2px solid #c9ccec; margin:0 0 12px; } .ga-ai .ga-judgement { color:#4d5b73; font-size:14px; line-height:1.9; margin:0 0 12px; max-width:1200px; } .ga-disclosure { border-top:1px solid #e9edf5; margin:12px 0 0; padding:0; background:transparent; } .ga-disclosure>summary { display:list-item; padding:13px 2px; color:#657fa7; font-size:12px; font-weight:500; cursor:pointer; line-height:1.6; } .ga-disclosure>div { padding:0 2px 14px; min-width:0; } .ga-disclosure>div[hidden] { display:none!important; } #page.ga-page .ga-disclosure-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; border:0; box-shadow:none; background:transparent; padding:12px 2px; color:#657fa7!important; font-size:12px; font-weight:500; cursor:pointer; line-height:1.6; text-align:left; height:auto; min-height:0; } .ga-disclosure-toggle>span { margin-left:14px; color:#a5b4c9; } .ga-disclosure-toggle[aria-expanded=true]>span { transform:rotate(180deg); } .ga-disclosure[open]>summary { color:#4269bb; } .ga-disclosure .ga-disclosure { margin-left:0; } .ga-source-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 16px; margin-top:14px; } .ga-source-facts>div { display:flex; justify-content:space-between; gap:15px; font-size:11px; color:#8190a7; } .ga-source-facts code { overflow-wrap:anywhere; font-size:10px; } .ga-source-facts span { flex-shrink:0; max-width:50%; overflow-wrap:anywhere; } .ga-hash { font-size:11px; line-height:1.8; color:#8b98ac; overflow-wrap:anywhere; } .ga-actions { padding:0 0 0 20px; margin:4px 0 12px; font-size:13px; line-height:1.8; } .ga-actions li { padding:5px 0 10px 4px; } .ga-actions b { color:#53698e; } .ga-actions p { margin:4px 0!important; } .ga-actions .ga-branch { color:#7a88a0; font-size:12px; } .ga-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 27px; } .ga-metrics:has(>.ga-metric:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); } .ga-metric { border-radius:10px; background:#f0f5ff; padding:18px 19px; min-width:0; } .ga-metric>span { color:#7c91b0; font-size:12px; display:block; } .ga-metric>strong { display:block; margin:8px 0 8px; color:#5575ba; font-size:28px; font-weight:550; letter-spacing:-.03em; line-height:1.4; } .ga-metric>strong em { font-size:12px; font-style:normal; font-weight:400; margin-left:6px; letter-spacing:0; } .ga-metric>small { color:#8396b0; font-size:11px; line-height:1.7; display:block; } .ga-metric.green { background:#eff8f4; } .ga-metric.green>strong { color:#5b9986; } .ga-metric.amber { background:#fff6ec; } .ga-metric.amber>strong { color:#bd8c55; } #page.ga-page .ga-section { background:#fff; border:1px solid #e5ecf5; border-radius:12px; margin:0 0 24px; padding:21px 22px 19px; min-width:0; } #page.ga-page .ga-section>header { margin:0 0 16px; } #page.ga-page .ga-section h2 { margin:0 0 7px; font-size:18px; font-weight:600; color:#3b5272; line-height:1.6; } .ga-section>header>p { margin:0; font-size:12px; color:#8a9bb2; line-height:1.8; } .ga-table-scroll { width:100%; max-width:100%; overflow-x:auto; border-radius:6px; overscroll-behavior-x:contain; } #page.ga-page .ga-table { width:100%; border-collapse:collapse; table-layout:auto; font-size:12px; color:#607594; } #page.ga-page .ga-table :is(th,td) { padding:13px 12px!important; height:auto; text-align:left; border:0; border-bottom:1px solid #edf1f7; line-height:1.65; vertical-align:top; white-space:normal; overflow-wrap:break-word; } #page.ga-page .ga-table th { color:#8396b2; background:#f6f8fc; font-size:11px; font-weight:500; white-space:nowrap; } #page.ga-page .ga-table td { font-variant-numeric:tabular-nums; } #page.ga-page .ga-table tbody tr:hover { background:#fcfdff; } #page.ga-page .ga-table tr:last-child td { border-bottom:0; } #page.ga-page .ga-table b { font-weight:500; color:#4d6589; } #page.ga-page .ga-table small { display:block; font-size:10px; line-height:1.7; color:#93a2b8; margin-top:3px; } #page.ga-page .ga-revenue-table { min-width:850px; } .ga-revenue-table td:first-child { min-width:120px; } .ga-revenue-table td:not(:first-child) { white-space:nowrap!important; } .ga-down { color:#c5847b; } .ga-up { color:#699d90; } #page.ga-page .ga-note { margin:13px 0 4px; color:#92a0b3; font-size:11px; line-height:1.8; } #page.ga-page .ga-link { border:0!important; box-shadow:none; padding:0!important; min-height:0; height:auto; background:none!important; border-radius:0; color:#5e80b7; text-decoration:none; font:inherit; cursor:pointer; text-align:left; line-height:1.65; } .ga-link:hover { color:#365eaa!important; text-decoration:underline!important; } .ga-inline-detail { margin-top:17px; padding:19px; background:#fafcff; border-radius:9px; border:1px solid #e5edf9; } .ga-inline-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; } #page.ga-page .ga-inline-title h3 { font-size:14px; margin:0; color:#56749d; } .ga-close { font-size:11px; background:transparent; color:#8098b5; border:0; cursor:pointer; } .ga-search,.ga-filter,.ga-review-controls label { color:#7d91ae; font-size:12px; display:flex; align-items:center; gap:9px; } .ga-search input,.ga-filter select,.ga-review-controls select { background:white!important; color:#5e7596; border:1px solid #dfe7f3!important; border-radius:6px!important; font-size:12px; padding:8px 10px!important; height:34px; outline:none; box-shadow:none; } .ga-search input:focus,.ga-filter select:focus,.ga-review-controls select:focus { border-color:#9db8e4!important; box-shadow:0 0 0 2px #edf3ff; } .ga-search { margin-bottom:12px; } .ga-search input { width:230px; } .ga-filter { margin-bottom:16px; } .ga-risks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; align-items:start; } .ga-risk { min-width:0; border:1px solid #e9e9f2; border-radius:9px; padding:19px 20px; background:#fdfdff; } .ga-risk:last-child:nth-child(odd) { grid-column:1/-1; } .ga-risk-top { display:flex; gap:13px; align-items:flex-start; } .ga-risk-number { color:#c7b6a3; background:#f8f0e6; font-size:16px; line-height:36px; width:36px; text-align:center; border-radius:8px; flex-shrink:0; } .ga-risk-top p { color:#b1947a; font-size:10px; margin:0 0 4px; } #page.ga-page .ga-risk h3 { color:#53627e; font-size:15px; margin:0 0 11px; font-weight:600; line-height:1.7; } .ga-risk>p,.ga-check p { font-size:13px; line-height:1.9; margin:10px 0; color:#71809a; } .ga-check { padding:11px 13px; margin:13px 0; background:#f5f8fd; border-radius:7px; } .ga-check>b { font-size:11px; color:#7790b1; font-weight:500; } .ga-check p { margin:5px 0 0; font-size:12px; } .ga-review { padding:14px 2px; border-bottom:1px solid #ebeff6; } .ga-review>div { display:flex; gap:9px; align-items:baseline; flex-wrap:wrap; } .ga-review b { color:#5f7495; font-size:12px; font-weight:500; } .ga-review span,.ga-review>small { color:#95a3b7; font-size:10px; } .ga-review blockquote { margin:10px 0 7px; padding:0 0 0 12px; border-left:2px solid #d9e2f1; color:#72809a; font-size:12px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; } .ga-review-decision { margin:0!important; padding:9px 12px; background:#f8f8fd; color:#8390a7; font-size:11px; line-height:1.7; } .ga-review-decision b { color:#8c82a7; font-weight:500; } .ga-review-controls { display:flex; gap:16px; flex-wrap:wrap; padding-bottom:10px; } .ga-review-controls .ga-search { margin:0; } .ga-pagination { display:flex; align-items:center; justify-content:center; gap:20px; padding-top:18px; color:#8b9ab0; font-size:11px; } .ga-pagination button { color:#6783af; background:#f8faff; border:1px solid #e3eaf5; border-radius:6px; padding:7px 12px; font-size:11px; cursor:pointer; } .ga-pagination button:disabled { color:#bec7d3; cursor:default; background:#fcfcfd; } .ga-badge { display:inline-block; font-size:10px; padding:4px 7px; border-radius:5px; background:#f0f5ff; color:#7e95b9; white-space:nowrap; } .ga-badge.amber { background:#fff4e7; color:#bd9a73; } .ga-timeline-item { margin:0 0 8px; padding:8px 0 9px 12px; border-left:2px solid #e0e8f5; } .ga-timeline-item small { color:#95a5bb; font-size:10px; } .ga-timeline-item p { margin:5px 0!important; color:#7186a4; font-size:12px; line-height:1.8; } .ga-project-detail[hidden] { display:none!important; } .ga-project-detail>td { background:#fafcff; } .ga-project-replies { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 22px; padding:8px 0; } .ga-local-flow { padding:13px 0; border-bottom:1px solid #edf1f7; } .ga-service-cases { display:grid; grid-template-columns:1fr; gap:16px; } .ga-service-case { border:1px solid #e6ecf5; border-radius:9px; padding:19px 21px; } .ga-case-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } #page.ga-page .ga-case-head h3 { color:#597298; margin:0 0 7px; font-size:15px; font-weight:600; } .ga-case-head p { margin:0; color:#97a5b9; font-size:11px; } .ga-service-case dl { display:grid; grid-template-columns:100px minmax(0,1fr); gap:11px 18px; margin:20px 0 0; font-size:12px; line-height:1.8; } .ga-service-case dt { color:#98a6bb; } .ga-service-case dd { color:#7085a5; margin:0; } /* Original historical rows and dialogs remain intact; compact only their topic navigation. */ body.vita-gm-secondary #page.gm-attention:not(.ga-page) #gm-topic-list { display:flex; gap:5px; border:1px solid #e6edf7; border-radius:9px; background:#fbfcff; padding:5px; } body.vita-gm-secondary #page.gm-attention:not(.ga-page) #gm-topic-list .grp { display:contents; } body.vita-gm-secondary #page.gm-attention:not(.ga-page) #gm-topic-list .grp-h,body.vita-gm-secondary #page.gm-attention:not(.ga-page) #gm-topic-list .it .s { display:none; } body.vita-gm-secondary #page.gm-attention:not(.ga-page) #gm-topic-list .it { flex:1; padding:11px 7px!important; text-align:center; } @media (max-width:1250px) { #page.ga-page { padding:24px 22px 40px!important; } .ga-metric { padding:16px 15px; } .ga-metric>strong { font-size:23px; } #page.ga-page .ga-section { padding:18px 18px 16px; } .ga-risks { grid-template-columns:minmax(0,1fr); } .ga-source-facts { grid-template-columns:minmax(0,1fr); } } /* role-surfaces.css */ /* Desktop presentation shared by all eight roles. Native content and actions stay intact. */ @media (min-width:1000px) { html[data-vita-skin="a"] body.vita-workspace { --ink:#263651; --ink2:#536780; --ink3:#788ba4; --tx:#263651; --tx2:#536780; --tx3:#788ba4; --line:#e5ebf4; --line-soft:#edf1f7; --ui-edge:#e5ebf4; --panel:#fff; --panel3:#f5f8fc; --th:#f5f8fc; --tab-ink:#466bc5; --tab-bg:#edf3ff; --tab-bd:#cad9f6; --neg:#b96854; --neg-bg:#fff1e9; --pos:#3d896f; --pos-bg:#edf8f2; --warn-bg:#fff6e9; --ui-elevation:none; } .vita-workspace #top #roleSeg { display:none!important; } .vita-workspace #top #roleSelect { display:block!important; min-width:164px; } .vita-workspace #top .who { display:none!important; } .vita-workspace #top { padding:0 28px!important; } .vita-workspace #top :is(#roleSelect,#work-person) { min-height:32px; font-variant-numeric:tabular-nums; } .vita-workspace .gmd-overview-header { padding-bottom:16px; } .vita-workspace .gmd-overview-greeting { font-size:24px; line-height:1.4; letter-spacing:-.015em; } .vita-workspace .gmd-overview-meta { font-size:11px; line-height:1.6; } .vita-workspace .gmd-report-head { min-height:44px; padding:8px 20px; } .vita-workspace .gmd-report-head p { font-size:11px; font-variant-numeric:tabular-nums; } .vita-workspace .gmd-fixed-heading { min-height:50px; gap:20px; } .vita-workspace .gmd-fixed-heading h2 { font-size:19px; letter-spacing:0; } .vita-workspace .gmd-fixed-heading nav button { font-size:12px; } .vita-workspace #page, .vita-workspace .gmd-home-slot { box-sizing:border-box; width:100%; max-width:1820px!important; margin-left:0!important; margin-right:0!important; padding-left:28px!important; padding-right:28px!important; } .vita-workspace #page:not(.gm-role-home) { padding-top:24px!important; padding-bottom:48px!important; } .vita-workspace .side #sideAreas .nav-area.on { background:#eff4ff!important; color:#4168d0!important; box-shadow:none!important; } .vita-workspace:not([data-vita-role="gm"]) .side #sideAreas a::before { content:none!important; } .vita-workspace .side .cnt { color:#5075c5; background:#e8effe; } /* One consistent left edge on large displays; long prose has its own readable measure. */ html[data-vita-skin="a"] body.vita-workspace #page.ga-page .ga-wrap { width:100%; max-width:none; margin:0; padding:0; } .vita-workspace .ga-header { align-items:flex-end; margin-bottom:20px; } .vita-workspace .ga-header p { font-size:12px; margin-bottom:8px; } .vita-workspace #page.ga-page .ga-header h1 { font-size:28px; line-height:1.35; } .vita-workspace .ga-nav { margin-bottom:22px; padding:4px; gap:4px; background:#f8faff; } .vita-workspace .ga-nav a { padding:11px 10px; font-size:13px; } .vita-workspace #page.ga-page .ga-ai { padding:20px 24px 8px; margin-bottom:20px; } .vita-workspace #page.ga-page .ga-ai h2 { max-width:1120px; font-size:20px; line-height:1.65; margin-bottom:10px; } .vita-workspace .ga-ai .ga-judgement { max-width:1120px; font-size:14px; line-height:1.9; } .vita-workspace .ga-metrics { gap:14px; margin-bottom:22px; } .vita-workspace .ga-metric { padding:16px 20px; } .vita-workspace .ga-metric>span { color:#657d9d; } .vita-workspace .ga-metric>small { color:#778da9; } .vita-workspace #page.ga-page .ga-section { padding:20px 22px 16px; margin-bottom:22px; } .vita-workspace #page.ga-page .ga-table { color:#536b8d; font-size:13px; } .vita-workspace #page.ga-page .ga-table :is(th,td) { padding:12px!important; vertical-align:middle; } .vita-workspace #page.ga-page .ga-table th { color:#7187a6; } .vita-workspace #page.ga-page .ga-table small { color:#8294ad; } .vita-workspace #page.ga-page .ga-revenue-table { table-layout:fixed; } .vita-workspace #page.ga-page .ga-revenue-table :is(th,td):first-child { width:17%; text-align:left; } .vita-workspace #page.ga-page .ga-revenue-table :is(th,td):not(:first-child) { text-align:right!important; } .vita-workspace #page.ga-page.ga-ledger .cols { display:block!important; } .vita-workspace #page.ga-ledger .block { max-width:1200px; border-radius:10px; } .vita-workspace #page.ga-ledger .card-h { min-height:56px; padding:16px 22px!important; } .vita-workspace #page.ga-ledger .card-h h2 { font-size:17px; } .vita-workspace #page.ga-ledger .block-body { padding:0 22px 8px!important; } .vita-workspace #page.ga-ledger .block-body>p { font-size:12px; line-height:1.8; margin:0 0 16px; color:#7b8da5; } .vita-workspace #page.ga-ledger .table-wrap { padding:0!important; margin:0!important; width:100%; } .vita-workspace #page.ga-ledger .gm-history-table { width:100%!important; max-width:none!important; table-layout:fixed; } .vita-workspace #page.ga-ledger .gm-history-table :is(th,td) { padding:15px 12px!important; font-size:13px; vertical-align:middle; } .vita-workspace #page.ga-ledger .gm-history-table th { font-size:12px; } .vita-workspace #page.ga-ledger .gm-history-table :is(th,td):nth-child(1) { width:140px; } .vita-workspace #page.ga-ledger .gm-history-table :is(th,td):nth-child(3) { width:130px; } .vita-workspace #page.ga-ledger .gm-history-table :is(th,td):nth-child(4) { width:110px; } .vita-workspace #page.ga-ledger .gm-detail-button { font-size:13px; color:#4b6fa5; } /* Role homepages: summary, comprehensive daily, then original operating modules. */ .vita-role-ui #page, .vita-role-ui #page :is(.am-role-home,.cs-stack) { gap:20px!important; } .vita-role-ui #page .vr-native-brief { padding:0 0 16px!important; } .vita-role-ui #page .vr-native-brief :is(h1,h2,.cs-sent) { margin:0!important; font-size:15px!important; line-height:1.8!important; font-weight:500!important; color:#62748c; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics { display:block; padding:0!important; margin:0!important; border:0!important; background:none!important; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics :is(.bstats,.am-home-metrics,.cs-kpis) { display:grid; grid-auto-columns:minmax(0,1fr); grid-auto-flow:column; grid-template-columns:none; gap:12px; padding:0!important; margin:0!important; border:0; background:none; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-cell { min-width:0; padding:14px 16px!important; border:0!important; border-radius:10px; background:#f0f5ff; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-cell:nth-child(2) { background:#eff8f4; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-cell:nth-child(3) { background:#fff6ec; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-cell:nth-child(4) { background:#f5f2fb; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-label { color:#6e84a0; font-size:12px; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-value { font-size:29px!important; line-height:1.3; color:#4e71bb; margin:4px 0; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-value.neg { color:#b96854!important; } html[data-vita-skin="a"] .vita-role-ui #page .vr-metrics .pulse-value.warn { color:#b8874e!important; } .vita-role-ui #page .vr-metrics .pulse-note { color:#7e90a8; font-size:11px; line-height:1.7; } html[data-vita-skin="a"] .vita-role-ui #page :is(.mod,.card,.uik-card,.cs-card,.cs-banner,.rail,.cs-queue,.qhead,.diagnosis-card) { border-color:#e5ebf4; box-shadow:none; border-radius:10px; } html[data-vita-skin="a"] .vita-workspace #page :is(.mod-hd,.card-h,.uik-card-h,.sec-h) { padding:13px 18px!important; border-color:#edf1f7; background:none; } html[data-vita-skin="a"] .vita-workspace #page :is(.mod-hd,.card-h,.uik-card-h,.sec-h) :is(h2,h3) { font-size:15px!important; line-height:1.6; font-weight:600; color:#344c70; } .vita-role-ui #page :is(.mod-hd,.card-h,.uik-card-h) small { color:#8698b0; font-size:11px; } html[data-vita-skin="a"] .vita-role-ui #page .ops-home-work { border:1px solid #e5ebf4!important; background:#fff; border-radius:10px; padding:4px 0!important; } html[data-vita-skin="a"] .vita-role-ui #page .ops-home-work .ops-work-card { padding:14px 18px!important; background:none; border-right-color:#e8edf5!important; } .vita-role-ui #page .ops-home-work :is(b,.num) { color:#5379c4; } html[data-vita-skin="a"] .vita-role-ui #page :is(.cs-card.ai,.uik-review-ai,.ai-brief,.ddx-ai-short,.work-ai,.uik-ai) { background:#f8f8fe; border-color:#e6e3f3; color:#58627e; } html[data-vita-skin="a"] .vita-role-ui #page :is(.uik-ai-mark,.ai-label i,.ai-mark) { background:#eeebfb; color:#8270ad; border-color:#e7e1f4; } html[data-vita-skin="a"] .vita-role-ui #page .r37-columns { gap:0; } html[data-vita-skin="a"] .vita-role-ui #page .r37-column { padding:18px!important; border-color:#e7eaf3; } .vita-role-ui #page .r37-column :is(h3,h4) { line-height:1.65; color:#3f5575; } .vita-role-ui #page :is(.uik-ai-an,.uik-ai-reason p,.ai-brief p) { line-height:1.9; } .vita-role-ui #page .vr-analysis .uik-review-b { padding:12px 18px; } html[data-vita-skin="a"] .vita-role-ui #page .cs-card.ai>.uik-card-h { background:#f5f2fc; border-color:#e6e0f1; } html[data-vita-skin="a"] .vita-role-ui #page .uik-review-ai .uik-ai { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:18px; column-gap:20px; } .vita-role-ui #page .uik-review-ai .uik-ai>* { grid-column:1/-1; } html[data-vita-skin="a"] .vita-role-ui #page .uik-review-ai .uik-ai>.uik-ai-reason { grid-column:auto; margin:12px 0 0; padding:14px 0 0; border-top:1px solid #e3e1ef; min-width:0; } .vita-role-ui #page .uik-ai-reason h4 { font-size:13px; line-height:1.8; margin:0 0 10px; color:#53617d; } .vita-role-ui #page .uik-ai-reason p { font-size:12px; margin:0 0 10px; } .vita-role-ui #page .uik-ai-reason blockquote { font-size:11px; line-height:1.8; margin:7px 0; padding:8px 10px; } .vita-role-ui #page :is(.uik-ai-prov,.uik-ai-note,.view-note) { color:#8290a6; } html[data-vita-skin="a"] .vita-role-ui #page :is(.kt,.t,.ut,.lg,.uik-list-table,.cs-mx) th { color:#7489a5; background:#f5f8fc!important; font-size:11px; } html[data-vita-skin="a"] .vita-role-ui #page :is(.kt,.t,.ut,.lg,.uik-list-table,.cs-mx) td { color:#536c8b; border-color:#edf1f7; font-size:12px; line-height:1.7; vertical-align:middle; } .vita-role-ui #page td small { color:#8295af; } html[data-vita-skin="a"] .vita-role-ui #page :is(.neg,.neg b,b.neg) { color:#b96854!important; } html[data-vita-skin="a"] .vita-role-ui #page :is(.pos,.pos b,b.pos) { color:#3d896f!important; } html[data-vita-skin="a"] .vita-role-ui #page :is(.it.on,.qi.on,.cs-qi.on,.tab.on,.seg button.on,.ut-tag.sel) { color:#486ec8!important; background:#edf3ff!important; border-color:#cad9f6!important; box-shadow:none!important; } html[data-vita-skin="a"] .vita-workspace #page :is(.uik-seg button.on,.hist-tabs a.on,.cs-tabs a.on,.ds-queue-filters button[aria-pressed="true"]) { color:#486ec8!important; background:#edf3ff!important; border-color:#cad9f6!important; box-shadow:none!important; } html[data-vita-skin="a"] .vita-role-ui #page :is(.it.on,.qi.on,.cs-qi.on) { border-left-color:#86a4df!important; } html[data-vita-skin="a"] .vita-role-ui #page :is(input,textarea,select) { border-color:#dce5f2; border-radius:6px; color:#415b7e; background:#fff; } .vita-role-ui #page :is(input,textarea,select):focus { outline-color:#88a8e6; } html[data-vita-skin="a"] .vita-role-ui #page :is(.btn,.uik-btn) { border-color:#dce5f2; color:#58739a; border-radius:6px; font-size:12px; } html[data-vita-skin="a"] .vita-role-ui #page :is(.btn.primary,.uik-btn.primary,button.primary) { color:#fff; background:#5679df; border-color:#5679df; } html[data-vita-skin="a"] .vita-role-ui #page :is(.lnk,.view,.cs-more,.uik-more,.r41-table-link) { color:#5a7ba9; } html[data-vita-skin="a"] .vita-role-ui #page :is(.qwrap,.cs-work,.work-wrap>.cols) { gap:20px; } html[data-vita-skin="a"] .vita-role-ui #page .work-wrap .right>.detail { padding:18px 20px!important; } .vita-role-ui #page .sp-top { background:none; border-color:#e6ecf5; } .vita-role-ui #page .sp-top h2 { color:#2d476c; } html[data-vita-skin="a"] .vita-role-ui #page .r6-demo-lead.ai-band { background:#f7f6fd!important; border-color:#e4dff1!important; } html[data-vita-skin="a"] .vita-role-ui #page .r6-demo-lead .ai-label { color:#8070a5; } .vita-role-ui #page .cs-c.d { background:#a9bfdf; border-color:#a9bfdf; } .vita-role-ui #page .cs-c.r { background:#bd7867; border-color:#bd7867; } .vita-role-ui #page .cs-c.y { background:#d8ad72; border-color:#d8ad72; } .vita-role-ui #page .r37-pulse:not(.vr-metrics) { background:#fff; border-color:#e5ebf4; } /* The specialist keeps the working queue; only its reading rhythm is aligned. */ .vita-workspace[data-vita-role="ds"] #page .r41-work-brief { padding:0!important; } .vita-workspace[data-vita-role="ds"] #page .r41-work-brief .r41-eyebrow { display:flex; flex-direction:column; align-items:flex-start; gap:4px; } .vita-workspace[data-vita-role="ds"] #page .r41-work-brief .r41-greeting { font-size:13px; color:#405674; } .vita-workspace[data-vita-role="ds"] #page .r41-work-brief .r41-brief-context { font-size:11px; line-height:1.7; color:#7d8fa7; } .vita-workspace[data-vita-role="ds"] #page .r41-work-brief h2 { font-size:20px!important; line-height:1.55!important; margin-top:10px!important; color:#304562; } .vita-workspace[data-vita-role="ds"] #page .r41-work-brief .pulse-label { font-size:12px; color:#70839e; } .vita-workspace[data-vita-role="ds"] #page .r41-work-brief .pulse-value { font-size:28px!important; line-height:1.35; font-variant-numeric:tabular-nums; } .vita-workspace[data-vita-role="ds"] #page .r41-work-brief .pulse-note { font-size:11px; line-height:1.7; color:#7d8fa7; } .vita-workspace[data-vita-role="ds"] #page .qwrap { gap:18px; } .vita-workspace[data-vita-role="ds"] #page .case-header__title h2 { font-size:17px; line-height:1.5; color:#304562; } .vita-workspace[data-vita-role="ds"] #page .r6-demo-lead h2 { font-size:16px; line-height:1.6; } .vita-workspace[data-vita-role="ds"] #page .r6-demo-lead p { line-height:1.85; color:#61728b; } } /* role-daily.css */ /* Outer layout uses the GM's gmd-* components. Report frames load its exact CSS. */ #page .vr-overview { min-width:0; margin-bottom:-10px; font-variant-numeric:tabular-nums; } #page .vr-native-head, #page .vr-replaced-findings { display:none!important; } #page .vr-summary { margin:0; border:0; border-radius:0; background:none; min-width:0; } #page .vr-overview .gmd-overview-header { scroll-margin-top:76px; } #page .vr-overview .gmd-overview-greeting { min-height:37.8px; } #page .vr-overview .gmd-report { scroll-margin-top:76px; } #page .vr-daily-frame { min-width:0; width:100%; } #page .vr-daily-pending { margin:0; padding:10px 22px 24px; color:#788ba4; font-size:13px; line-height:1.7; } #page .vr-basis-content[hidden] { display:none!important; } #page .vr-overview .gmd-fixed-heading { scroll-margin-top:76px; } #page .vr-overview > .vr-today-work { margin:0 0 20px!important; } #page .vr-metrics { scroll-margin-top:76px; } #page .vr-overview .gmd-report-head { min-height:44px; padding-top:8px; padding-bottom:8px; } #page .vr-overview .vr-basis-toggle { min-height:32px; padding-top:6px!important; padding-bottom:6px!important; } #page .vr-overview .gmd-overview-header { gap:8px 20px; padding-bottom:16px; } #page .vr-overview .gmd-overview-greeting { grid-column:1; padding-top:0; font-size:24px; min-height:33px; } #page .vr-summary .gmd-overview-meta { grid-column:2; grid-row:1 / span 2; align-self:start; } #page .vr-department-overview .gmd-overview-meta { grid-row:1; } #page .vr-summary .vr-daily-summary { grid-column:1 / -1; display:block; } .vr-chart-dialog { width:min(1000px,calc(100vw - 48px)); max-height:calc(100vh - 48px); margin:auto; padding:22px; border:1px solid #e2e9f4; border-radius:12px; color:#263651; background:white; box-shadow:0 18px 80px #26365122; } .vr-chart-dialog::backdrop { background:#273a5559; } .vr-chart-close { float:right; position:sticky; top:0; width:30px; height:30px; border:0; border-radius:6px; background:#f1f5fc; color:#6f83a2; font-size:24px; cursor:pointer; } .vr-chart-dialog button:focus-visible { outline:2px solid #7595e1; outline-offset:2px; } .vr-chart-dialog :is(h2,p,figure) { margin:0; } .vr-chart-dialog .chart-canvas { position:relative; min-width:0; } .vr-chart-dialog .chart-canvas canvas { max-width:100%; } .vr-chart-dialog .zoom-view { padding:10px 8px; min-width:0; } .vr-chart-dialog .zoom-view h2 { padding-right:32px; font-size:18px; line-height:1.5; } .vr-chart-dialog .zoom-view>p { color:#7b90ac; font-size:12px; margin:8px 0; line-height:1.7; } .vr-chart-dialog .zoom-canvas { height:360px; } .vr-chart-dialog .data-scroll { overflow:auto; max-width:100%; } .vr-chart-dialog table { width:100%; border-collapse:collapse; font-size:13px; margin-top:10px; } .vr-chart-dialog :is(th,td) { padding:9px 12px; border-bottom:1px solid #e7edf6; text-align:left; vertical-align:top; overflow-wrap:anywhere; } .vr-chart-dialog th { color:#7b90ac; font-weight:500; background:#f5f8fc; } .vr-chart-dialog td { color:#526d94; } #drawer:has(.vr-analysis-frame) { width:min(800px,calc(100vw - 210px))!important; max-width:calc(100vw - 210px)!important; } #drawer:has(.vr-analysis-frame) .uik-db { padding:22px 28px!important; } #drawer:has(.vr-analysis-frame) .view-gm-preview { max-width:none; } .vr-analysis-frame { display:block; width:100%; border:0; min-height:240px; } @media(min-width:1000px) { html[data-vita-skin="a"] .vita-role-ui #page:has(.vr-overview) { padding-top:20px!important; } } @media(max-width:650px) { #drawer:has(.vr-analysis-frame) { width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; } #drawer:has(.vr-analysis-frame) .uik-db { padding:16px!important; } .vr-chart-dialog { width:calc(100vw - 20px); padding:12px; } .vr-chart-dialog .zoom-canvas { height:290px; } } /* role-daily-matrix.css */ .vr-matrix { flex:1 1 100%; width:100%; min-width:0; margin:0; padding:12px 16px 10px; border:1px solid #e6ebf3; border-radius:10px; background:linear-gradient(135deg,#f8faff,#fbfcfe); } .vr-matrix figcaption { display:flex; align-items:center; justify-content:space-between; margin:0 0 10px; color:#52657f; font-size:12px; font-weight:600; } .vr-matrix figcaption small { margin-left:12px; font-size:10px; color:#8b99af; font-weight:400; } .vr-matrix .chart-expand { border:0; background:none; padding:2px 5px; color:#8d9bb0; font-size:19px; cursor:pointer; } .vr-matrix-scroll { max-width:100%; overflow-x:auto; } .vr-matrix .vr-matrix-grid { width:100%; min-width:450px; margin:0; table-layout:fixed; border-collapse:collapse; } .vr-matrix-grid th,.vr-matrix-grid td { text-align:left; border:0; border-bottom:1px solid #e8edf5; padding:8px 14px; vertical-align:middle; background:none; } .vr-matrix-grid thead th { font-size:11px; font-weight:500; color:#6b7d97; padding-top:4px; padding-bottom:12px; } .vr-matrix-grid thead th:first-child,.vr-matrix-grid tbody th { width:96px; padding-left:0; } .vr-matrix-grid tbody th { font-size:12px; font-weight:500; color:#52657f; } .vr-matrix-grid tbody tr:last-child > * { border-bottom:0; } .vr-matrix-grid small { display:block; color:#8c9aaf; font-size:10px; font-weight:400; line-height:1.6; margin-top:4px; white-space:nowrap; } .vr-matrix-change { display:block; color:#657fb8; font-size:18px; font-weight:500; font-variant-numeric:tabular-nums; white-space:nowrap; line-height:1.2; } .vr-matrix-change em { font-size:10px; font-style:normal; margin-left:3px; color:#8a9bb8; } .vr-matrix-change.negative { color:#ba8b6c; } .vr-matrix-bar { position:relative; display:block; height:6px; max-width:135px; background:linear-gradient(90deg,transparent 49.5%,#dce4f1 49.5%,#dce4f1 50.5%,transparent 50.5%); margin-top:5px; } .vr-matrix-bar i { position:absolute; display:block; top:2px; height:4px; border-radius:2px; background:#a7bce5; } .negative + .vr-matrix-bar i { background:#ddbea5; } .vr-matrix p.vr-matrix-note,.report-panel p.vr-matrix-note { margin:8px 0 0; color:#8c9aaf; font-size:10px; line-height:1.6; } .vr-matrix-missing { color:#94a1b5; font-size:19px; } .vr-spark { width:116px; max-width:100%; height:48px; display:block; } .vr-spark path { stroke:#7391ce; stroke-width:2; fill:none; } .vr-spark circle { fill:#7391ce; } .vr-chart-dialog .vr-matrix { border:0; background:white; padding:12px 0; } .vr-chart-dialog .vr-matrix figcaption { font-size:16px; padding-right:36px; } .vr-chart-dialog .vr-matrix .vr-matrix-grid { margin:10px 0 16px; } .vr-matrix-data { padding:10px 8px 4px; } .vr-matrix-data h2 { padding-right:35px; margin:0; color:#354863; font-size:18px; font-weight:600; line-height:1.5; } .vr-matrix-data header p { margin:10px 0 22px; color:#8391a6; font-size:12px; line-height:1.7; } .vr-matrix-data header p span { margin-left:24px; color:#607493; } .vr-matrix-data h3 { margin:24px 0 10px; font-size:14px; color:#52657f; } .vr-chart-dialog .vr-source-table { min-width:650px; table-layout:fixed; margin:18px 0 0; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; } .vr-source-table .vr-platform-col { width:15%; } .vr-source-table .vr-metric-col { width:21%; } .vr-source-table .vr-change-col { width:21%; } .vr-chart-dialog .vr-source-table thead th { padding:13px 18px; color:#8391a6; background:#f5f7fc; font-size:12px; white-space:nowrap; } .vr-chart-dialog .vr-source-table :is(th,td) { border-bottom:1px solid #edf0f6; padding:13px 18px; vertical-align:middle; line-height:1.5; overflow-wrap:normal; } .vr-chart-dialog .vr-source-table th { color:#52657f; background:none; font-weight:500; } .vr-chart-dialog .vr-source-table td { text-align:right; color:#65758e; white-space:nowrap; } .vr-chart-dialog .vr-source-table thead th:nth-child(n+3) { text-align:right; } .vr-chart-dialog .vr-source-table .vr-platform-cell { color:#40597d; background:#fafbfe; font-weight:600; vertical-align:top; padding-top:18px; } .vr-source-table tbody + tbody > tr:first-child > * { border-top:2px solid #e3e9f3; } .vr-source-table .vr-metric-cell small { margin-left:7px; color:#9aa6b7; font-size:11px; font-weight:400; } .vr-chart-dialog .vr-source-table .vr-current-value { color:#344e76; font-weight:600; } .vr-chart-dialog .vr-source-table .vr-change-value.negative { color:#b18364; } .vr-chart-dialog .vr-source-table .vr-change-value.positive { color:#6581b8; } .vr-change-value small { margin-left:6px; font-size:11px; font-weight:400; } .vr-table-scopes { margin-top:18px; color:#8996aa; font-size:12px; } .vr-table-scopes summary { cursor:pointer; padding:4px 0; } .vr-table-scopes dl { margin:12px 0 0; } .vr-table-scopes dl > div { display:grid; grid-template-columns:160px 1fr; gap:14px; padding:6px 0; line-height:1.7; } .vr-table-scopes dt { color:#677b9a; } .vr-table-scopes dd { margin:0; } .vr-chart-dialog .vr-history-table thead th { white-space:normal; text-align:right; font-size:10px; } /* Overview cells share the GM's blue/orange contrast; exact amounts remain in the data table. */ .report-panel > .vr-chart-group .vr-matrix { padding:0; border:0; background:none; } .report-panel > .vr-chart-group .vr-matrix figcaption { min-height:24px; margin-bottom:4px; color:#61738f; font-size:11px; font-weight:500; } .report-panel > .vr-chart-group .vr-matrix figcaption small { font-size:10px; color:#7f8da2; } .report-panel > .vr-chart-group .vr-matrix-grid { min-width:320px; } .report-panel > .vr-chart-group .vr-matrix-grid :is(th,td) { padding:6px 8px; border-color:#e6ebf2; } .report-panel > .vr-chart-group .vr-matrix-grid :is(th,td):not(:first-child) { text-align:right; } .report-panel > .vr-chart-group .vr-matrix-grid thead th { font-size:11px; color:#64748a; padding-top:0; padding-bottom:7px; } .report-panel > .vr-chart-group .vr-matrix-grid thead th:first-child, .report-panel > .vr-chart-group .vr-matrix-grid tbody th { width:74px; padding-left:0; font-size:12px; } .report-panel > .vr-chart-group .vr-matrix-grid thead small, .report-panel > .vr-chart-group .vr-matrix-grid td small, .report-panel > .vr-chart-group .vr-matrix-bar { display:none; } .report-panel > .vr-chart-group .vr-matrix-change { color:#4263d8; font-size:15px; font-weight:600; line-height:1.2; } .report-panel > .vr-chart-group .vr-matrix-change.negative { color:#be763e; } .report-panel > .vr-chart-group .vr-matrix-change em { font-size:10px; margin-left:2px; color:inherit; font-weight:400; } .report-panel > .vr-chart-group .vr-matrix-note { margin-top:8px; font-size:11px; color:#718096; } @media(max-width:700px) { .vr-matrix { padding:14px 12px 10px; } .vr-matrix-grid th,.vr-matrix-grid td { padding:11px 9px; } .vr-matrix-change { font-size:18px; } .vr-matrix-grid thead th:first-child,.vr-matrix-grid tbody th { width:75px; } } /* ds-analysis-reader.css */ /* Only the specialist's existing AI analysis card. */ body[data-vita-role="ds"] #sp-bk .dsr-root { padding:0!important; background:#fff!important; border:0!important; border-radius:0!important; } body[data-vita-role="ds"] #sp-bk .dsr-body { display:block; } body[data-vita-role="ds"] #sp-bk .dsr-judgment { margin:0!important; padding:24px 24px 26px!important; border:0!important; border-bottom:1px solid #e4e1ee!important; background:#f7f6fc!important; border-radius:0!important; } body[data-vita-role="ds"] #sp-bk .dsr-heading { display:flex; align-items:center; gap:12px; margin-bottom:14px; } body[data-vita-role="ds"] #sp-bk .dsr-source-label { margin:0; padding:0; } body[data-vita-role="ds"] #sp-bk .dsr-source-label .ai-label { color:#7d6caa!important; font-size:12px; } body[data-vita-role="ds"] #sp-bk .dsr-kicker { color:#6a5a87; font-size:12px; border-left:1px solid #d9d2e5; padding-left:12px; } body[data-vita-role="ds"] #sp-bk .dsr-period { margin-left:auto; color:#8490a0; font-size:12px; } body[data-vita-role="ds"] #sp-bk .dsr-title { font-size:21px!important; line-height:1.55!important; letter-spacing:-.3px; color:#29334a!important; margin:0 0 12px!important; font-weight:650; } body[data-vita-role="ds"] #sp-bk .dsr-summary { font-size:14px!important; line-height:1.95!important; color:#4b5970!important; margin:0!important; max-width:980px; } body[data-vita-role="ds"] #sp-bk .dsr-history { margin:0 0 12px!important; padding:0!important; background:transparent!important; border:0!important; color:#8a829a!important; font-size:11px!important; line-height:1.6!important; } body[data-vita-role="ds"] #sp-bk .dsr-reasoning { padding:24px; } body[data-vita-role="ds"] #sp-bk .dsr-section-heading { display:flex; gap:14px; align-items:baseline; flex-wrap:wrap; margin:0 0 22px; } body[data-vita-role="ds"] #sp-bk .dsr-section-heading h3 { font-size:16px; font-weight:650; color:#2e3c52; margin:0; } body[data-vita-role="ds"] #sp-bk .dsr-section-heading > span { font-size:12px; color:#8c96a6; } body[data-vita-role="ds"] #sp-bk .dsr-topic { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid #edf0f4; min-width:0; } body[data-vita-role="ds"] #sp-bk .dsr-topic:last-child { margin-bottom:0; padding-bottom:0; border:0; } body[data-vita-role="ds"] #sp-bk .dsr-topic-title { font-size:15px; line-height:1.65; color:#33435d; margin:0 0 10px; font-weight:650; } body[data-vita-role="ds"] #sp-bk .dsr-topic-prose .r6-demo-explanation { font-size:14px; line-height:1.95; color:#58677b; padding:0; margin:0; border:0; background:none; } body[data-vita-role="ds"] #sp-bk .dsr-topic-context { grid-template-columns:minmax(0,1fr); gap:14px; } body[data-vita-role="ds"] #sp-bk .dsr-known { display:grid; gap:8px; padding:14px 16px; background:#f6f8fb; border-left:3px solid #c5d4ec; } body[data-vita-role="ds"] #sp-bk .dsr-known p, body[data-vita-role="ds"] #sp-bk .dsr-missing p { margin:0; font-size:13px; line-height:1.8; color:#657389; } body[data-vita-role="ds"] #sp-bk .dsr-known b, body[data-vita-role="ds"] #sp-bk .dsr-missing b { display:block; color:#475872; font-weight:600; } body[data-vita-role="ds"] #sp-bk .dsr-evidence { min-width:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 20px; align-items:start; } body[data-vita-role="ds"] #sp-bk .dsr-topic-composition .dsr-evidence table:nth-of-type(2) { grid-column:2; } body[data-vita-role="ds"] #sp-bk .dsr-topic-composition .dsr-chart { grid-row:span 2; } body[data-vita-role="ds"] #sp-bk .dsr-evidence > .lnk { grid-column:1 / -1; justify-self:end; } body[data-vita-role="ds"] #sp-bk .dsr-evidence table { width:100%; max-width:none; font-size:12px; margin:0; border-collapse:collapse; } body[data-vita-role="ds"] #sp-bk .dsr-evidence table th,body[data-vita-role="ds"] #sp-bk .dsr-evidence table td { padding:7px 6px; white-space:nowrap; text-align:right; border-bottom:1px solid #edf0f4; } body[data-vita-role="ds"] #sp-bk .dsr-evidence table th:first-child { text-align:left; } body[data-vita-role="ds"] #sp-bk .dsr-evidence table thead th { font-weight:500; color:#8792a4; background:transparent; } body[data-vita-role="ds"] #sp-bk .dsr-evidence > .lnk { font-size:12px; margin-top:12px; color:#5c7db8!important; } body[data-vita-role="ds"] #sp-bk .dsr-chart { padding:14px 14px 12px; background:#f4f7fc; border-radius:8px; } body[data-vita-role="ds"] #sp-bk .dsr-chart-caption { display:flex; justify-content:space-between; color:#536782; font-size:12px; font-weight:600; } body[data-vita-role="ds"] #sp-bk .dsr-chart-caption > span { color:#91a0b3; font-weight:400; } body[data-vita-role="ds"] #sp-bk .dsr-trend-bars { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:end; padding-top:18px; } body[data-vita-role="ds"] #sp-bk .dsr-day { min-width:0; text-align:center; } body[data-vita-role="ds"] #sp-bk .dsr-day > strong { display:block; font-size:11px; font-weight:500; color:#71859f; margin-bottom:6px; font-variant-numeric:tabular-nums; } body[data-vita-role="ds"] #sp-bk .dsr-day-track { height:68px; display:flex; align-items:flex-end; justify-content:center; border-bottom:1px solid #dfe6f0; } body[data-vita-role="ds"] #sp-bk .dsr-day-track i { display:block; width:65%; max-width:38px; background:#b6c9e8; border-radius:3px 3px 0 0; } body[data-vita-role="ds"] #sp-bk .dsr-day.is-current .dsr-day-track i { background:#7397cd; } body[data-vita-role="ds"] #sp-bk .dsr-day.is-current > strong { color:#5778ab; font-weight:650; } body[data-vita-role="ds"] #sp-bk .dsr-day.is-current.is-down .dsr-day-track i { background:#b98078; } body[data-vita-role="ds"] #sp-bk .dsr-day.is-current.is-down > strong { color:#ad7169; } body[data-vita-role="ds"] #sp-bk .dsr-day > span { display:block; font-size:11px; color:#8794a9; padding-top:7px; } body[data-vita-role="ds"] #sp-bk .dsr-chart-legend { display:flex; gap:14px; margin:10px 0 13px; font-size:10px; color:#8391a5; } body[data-vita-role="ds"] #sp-bk .dsr-chart-legend span { display:flex; align-items:center; gap:5px; } body[data-vita-role="ds"] #sp-bk .dsr-chart-legend i { width:13px; height:4px; background:#cbd6e7; border-radius:2px; } body[data-vita-role="ds"] #sp-bk .dsr-chart-legend span:last-child i { background:#7397cd; } body[data-vita-role="ds"] #sp-bk .dsr-platform-row { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:9px; margin-top:12px; } body[data-vita-role="ds"] #sp-bk .dsr-platform-row > b { color:#60738d; font-size:11px; font-weight:500; } body[data-vita-role="ds"] #sp-bk .dsr-platform-track { display:flex; position:relative; height:17px; padding-right:54px; align-items:center; } body[data-vita-role="ds"] #sp-bk .dsr-platform-track i { display:block; height:5px; border-radius:3px; background:#cbd6e7; } body[data-vita-role="ds"] #sp-bk .dsr-platform-track.is-current i { background:#7397cd; } body[data-vita-role="ds"] #sp-bk .dsr-platform-track small { position:absolute; right:0; top:0; line-height:17px; font-size:11px; color:#71829a; font-variant-numeric:tabular-nums; } body[data-vita-role="ds"] #sp-bk .dsr-actions { margin:0; padding:24px; background:#f5faf8; border-top:1px solid #e6efeb; } body[data-vita-role="ds"] #sp-bk .dsr-actions .dsr-section-heading { margin-bottom:12px; } body[data-vita-role="ds"] #sp-bk .dsr-action-reason { font-size:14px; line-height:1.9; color:#576e67; margin:0 0 20px; } body[data-vita-role="ds"] #sp-bk .dsr-action-list { display:grid; gap:20px; } body[data-vita-role="ds"] #sp-bk .dsr-action { display:grid; grid-template-columns:26px minmax(0,1fr); gap:10px; } body[data-vita-role="ds"] #sp-bk .dsr-action-number { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:#dcebe5; color:#567b6f; font-size:11px; font-weight:600; margin-top:2px; } body[data-vita-role="ds"] #sp-bk .dsr-action h4 { margin:0 0 6px; color:#34554a; font-size:14px; line-height:1.8; font-weight:650; } body[data-vita-role="ds"] #sp-bk .dsr-action p { margin:0; font-size:13px; line-height:1.9; color:#62756e; } body[data-vita-role="ds"] #sp-bk .dsr-after-check { margin-top:8px!important; padding-left:10px; border-left:2px solid #c5d9d0; } body[data-vita-role="ds"] #sp-bk .dsr-after-check > b { font-weight:600; color:#567469; margin-right:8px; } body[data-vita-role="ds"] #sp-bk .dsr-missing { margin-top:22px; padding-top:16px; border-top:1px solid #dfeae5; display:grid; gap:10px; } body[data-vita-role="ds"] #sp-bk .dsr-missing h4 { margin:0; color:#657c72; font-size:12px; font-weight:600; } body[data-vita-role="ds"] #sp-bk .dsr-original { margin:0!important; padding:14px 24px!important; border-top:1px solid #e9edf1; } body[data-vita-role="ds"] #sp-bk .dsr-original > summary { color:#7c899d; font-size:12px; } body[data-vita-role="ds"] #sp-bk .dsr-original-title { color:#4e5e76; font-size:14px; margin:18px 0 12px; line-height:1.7; } @media(max-width:950px) { body[data-vita-role="ds"] #sp-bk .dsr-evidence { grid-template-columns:minmax(0,1fr); } body[data-vita-role="ds"] #sp-bk .dsr-topic-composition .dsr-evidence table:nth-of-type(2) { grid-column:auto; } body[data-vita-role="ds"] #sp-bk .dsr-judgment,body[data-vita-role="ds"] #sp-bk .dsr-reasoning,body[data-vita-role="ds"] #sp-bk .dsr-actions { padding:18px!important; } } /* ds-investigation.css */ /* Scoped to the specialist analysis; surrounding work and confirmation stay intact. */ body[data-vita-role="ds"] #sp-bk .dsi-root { padding:0!important; background:#fff!important; border:1px solid #e7e8ef!important; border-radius:8px!important; overflow:hidden; } body[data-vita-role="ds"] #sp-bk .dsi-lead { padding:17px 20px 18px; background:#f7f7fb; border-bottom:1px solid #e9e9f0; } body[data-vita-role="ds"] #sp-bk .dsi-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 10px; color:#6d6488; font-size:var(--vita-text-meta-size); } body[data-vita-role="ds"] #sp-bk .dsi-meta > span { display:flex; align-items:center; gap:8px; font-weight:600; } body[data-vita-role="ds"] #sp-bk .dsi-meta i { font-style:normal; font-size:10px; padding:2px 4px; line-height:1.2; border:1px solid #d7d3e4; border-radius:3px; } body[data-vita-role="ds"] #sp-bk .dsi-lead h2 { margin:0 0 8px!important; color:#30394e!important; font-size:18px!important; line-height:1.55!important; font-weight:650; letter-spacing:0; } body[data-vita-role="ds"] #sp-bk .dsi-lead > p { margin:0!important; max-width:74ch; color:#536078; font-size:var(--vita-text-body-size); line-height:var(--vita-reading-line); } body[data-vita-role="ds"] #sp-bk .dsi-evidence { padding:0 20px; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-row { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(240px,.85fr); gap:var(--vita-reading-gap); align-items:center; padding:18px 0; border-bottom:1px solid #edf0f4; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-row:last-child { border-bottom:0; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-row.is-text-only { grid-template-columns:minmax(0,1fr); } body[data-vita-role="ds"] #sp-bk .dsi-evidence-copy { min-width:0; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-copy h3 { margin:0 0 7px; color:#3f4d65; font-size:var(--vita-text-source-size); line-height:1.6; font-weight:650; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-copy p { margin:0; color:#67758a; font-size:var(--vita-text-source-size); line-height:var(--vita-reading-line); } body[data-vita-role="ds"] #sp-bk .dsi-chart { margin:0; min-width:0; padding:10px 12px 7px; background:#f7f9fc; border-radius:5px; } body[data-vita-role="ds"] #sp-bk .dsi-chart figcaption { display:flex; justify-content:space-between; margin:0 0 7px; font-size:var(--vita-text-small-size); color:#6d7b90; font-weight:500; } body[data-vita-role="ds"] #sp-bk .dsi-chart figcaption span { color:#99a2b0; font-weight:400; } body[data-vita-role="ds"] #sp-bk .dsi-chart svg { display:block; width:100%; height:100px; overflow:visible; } body[data-vita-role="ds"] #sp-bk .dsi-chart svg text { fill:#7e8b9d; font-size:10px; font-family:inherit; } body[data-vita-role="ds"] #sp-bk .dsi-chart svg .dsi-end-value { fill:#65718e; } body[data-vita-role="ds"] #sp-bk .dsi-series-legend { display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 9px;color:#697687;font-size:var(--vita-text-small-size);line-height:1.6; } body[data-vita-role="ds"] #sp-bk .dsi-series-legend span { display:flex;align-items:center;gap:5px; } body[data-vita-role="ds"] #sp-bk .dsi-series-legend i { width:10px;height:3px;border-radius:2px; } body[data-vita-role="ds"] #sp-bk .dsi-legend { display:flex; justify-content:flex-end; gap:12px; color:#78869a; font-size:10px; margin:-1px 0 8px; } body[data-vita-role="ds"] #sp-bk .dsi-legend span::before { content:""; display:inline-block; width:8px; height:5px; margin:0 4px 1px 0; background:#b2c4df; } body[data-vita-role="ds"] #sp-bk .dsi-legend span+span::before { background:#dfa47e; } body[data-vita-role="ds"] #sp-bk .dsi-platform { display:grid; grid-template-columns:48px 1fr; gap:8px; align-items:center; margin:0 0 7px; } body[data-vita-role="ds"] #sp-bk .dsi-platform:last-child { margin-bottom:0; } body[data-vita-role="ds"] #sp-bk .dsi-platform > b { font-size:10px; font-weight:500; color:#718099; } body[data-vita-role="ds"] #sp-bk .dsi-bar { position:relative; display:block; height:11px; padding-right:45px; margin-bottom:2px; } body[data-vita-role="ds"] #sp-bk .dsi-bar i { display:block; height:5px; background:#b2c4df; border-radius:1px; transform:translateY(3px); } body[data-vita-role="ds"] #sp-bk .dsi-bar-plot { position:relative;display:block;height:11px; } body[data-vita-role="ds"] #sp-bk .dsi-bar-plot i { position:absolute;top:3px;transform:none; } body[data-vita-role="ds"] #sp-bk .dsi-bar-plot s { position:absolute;top:1px;bottom:1px;border-left:1px solid #c8cfda; } body[data-vita-role="ds"] #sp-bk .dsi-bar.is-current i { background:#dfa47e; } body[data-vita-role="ds"] #sp-bk .dsi-bar small { position:absolute; right:0; top:-1px; color:#78869a; font-size:10px; line-height:12px; font-variant-numeric:tabular-nums; } body[data-vita-role="ds"] #sp-bk .dsi-full { border-top:1px solid #e9ecf2; margin:0; padding:0; background:#fff; } body[data-vita-role="ds"] #sp-bk .dsi-full > summary { padding:12px 20px; color:#5e6d8a; cursor:pointer; font-size:var(--vita-text-meta-size); line-height:1.6; } body[data-vita-role="ds"] #sp-bk .dsi-hide, body[data-vita-role="ds"] #sp-bk .dsi-full[open] .dsi-show { display:none; } body[data-vita-role="ds"] #sp-bk .dsi-full[open] .dsi-hide { display:inline; } body[data-vita-role="ds"] #sp-bk .dsi-full-body { padding:4px 24px 22px; max-width:880px; } body[data-vita-role="ds"] #sp-bk .dsi-full-body > section { margin:14px 0 20px; } body[data-vita-role="ds"] #sp-bk .dsi-full-body h3 { margin:0 0 8px; font-size:var(--vita-text-body-size); color:#3f4c63; line-height:1.6; } body[data-vita-role="ds"] #sp-bk .dsi-full-body p { font-size:var(--vita-text-body-size); line-height:1.9; color:#5c6a7f; margin:0 0 11px; } body[data-vita-role="ds"] #sp-bk .dsi-quality { color:#8b94a3!important; font-size:var(--vita-text-small-size)!important; padding-top:8px; } body[data-vita-role="ds"] #sp-bk .dsi-sources { border-top:1px solid #edf0f4; padding-top:10px; } body[data-vita-role="ds"] #sp-bk .dsi-sources > summary { cursor:pointer; font-size:var(--vita-text-small-size); color:#8b95a6; } body[data-vita-role="ds"] #sp-bk .dsi-sources > div { padding-top:12px; } body[data-vita-role="ds"] #sp-bk .dsi-sources p { font-size:var(--vita-text-small-size); color:#8b95a6; } body[data-vita-role="ds"] #sp-bk .dsi-sources b { font-weight:500; color:#a3acb8; margin-right:8px; } @media(max-width:1100px) { body[data-vita-role="ds"] #sp-bk .dsi-evidence-row { grid-template-columns:minmax(0,1.15fr) minmax(200px,.85fr); gap:16px; } } @media(max-width:760px) { body[data-vita-role="ds"] #sp-bk .dsi-evidence-row { grid-template-columns:minmax(0,1fr); gap:12px; } } /* role-ui.css */ /* Eight roles use the GM's reading scale, spacing and one surface per purpose. */ @media (min-width:1000px) { html[data-vita-skin="a"] body.vita-workspace #page { --vr-title:#2e4260; --vr-copy:#536780; --vr-muted:#7b8da6; --vr-blue:#4c6edf; --vr-edge:#e6ecf5; } html[data-vita-skin="a"] body.vita-workspace #page:not(.gm-role-home) { padding-top:20px!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.mod-hd,.card-h,.uik-card-h,.sec-h) :is(h2,h3) { font-size:16px!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.kt,.t,.ut,.lg,.uik-list-table,.cs-mx) th { font-size:12px; } html[data-vita-skin="a"] body.vita-workspace #page :is(.kt,.t,.ut,.lg,.uik-list-table,.cs-mx) td { font-size:13px; line-height:1.65; } html[data-vita-skin="a"] body.vita-workspace #page :is(.btn,.uik-btn) { min-height:30px; font-size:13px; } html[data-vita-skin="a"] body.vita-workspace #page :is(input,textarea,select) { font-size:13px; } .vita-workspace #page :is(section,article)[id] { scroll-margin-top:82px; } /* Compact work summary above the queue and current object. */ html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief { display:grid!important; grid-template-columns:minmax(260px,1fr) minmax(420px,1.05fr)!important; align-items:center; gap:24px!important; padding:14px 18px!important; margin:0 0 18px!important; border:0!important; border-radius:10px!important; background:#f4f7fc!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-copy,.r37-pulse-head) { padding:0!important; margin:0!important; border:0!important; min-width:0; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief .r41-eyebrow { display:flex!important; flex-direction:row!important; gap:8px; margin:0 0 5px; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief .r41-greeting { font-size:12px!important; font-weight:500; color:var(--vr-muted); } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(h2,.r41-work-copy>p) { font-size:16px!important; font-weight:600!important; line-height:1.65!important; color:var(--vr-title)!important; margin:0!important; max-width:70ch; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metrics,.pulse) { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; padding:0!important; margin:0!important; border:0!important; background:none!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric,.pulse-cell) { display:flex!important; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; padding:0 0 0 14px!important; margin:0!important; border:0!important; border-left:1px solid #dfe6f1!important; border-radius:0!important; background:none!important; text-align:left; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric>span,.pulse-label) { font-size:12px!important; line-height:1.5; color:var(--vr-muted); } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric>b,.pulse-value) { font-size:24px!important; line-height:1.15!important; font-weight:650; color:#496db2; margin:0!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief .pulse-value small { font-size:11px; font-weight:400; } .vita-workspace #page .r41-work-brief :is(.r41-brief-context,.r41-work-metric>em,.pulse-note,.pulse-viz) { display:none!important; } /* Stable, compact queue; selected object gets the available reading width. */ html[data-vita-skin="a"] body.vita-workspace #page :is(.qwrap,.cs-work,.work-wrap>.cols) { display:grid!important; grid-template-columns:264px minmax(0,1fr)!important; gap:20px!important; align-items:start; } html[data-vita-skin="a"] body.vita-workspace #page :is(.qwrap,.cs-work,.work-wrap>.cols) > :is(.journey-queue,#od-work-list) { position:sticky; top:76px; min-width:0; max-height:calc(100vh - 96px); overflow:auto; scrollbar-width:thin; border-radius:10px; } html[data-vita-skin="a"] body.vita-workspace #page .journey-queue > :is(.qlist,.cs-queue) { position:static; width:auto; max-height:none!important; overflow:visible!important; border:1px solid var(--vr-edge)!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.qlist,.cs-queue,#od-work-list) :is(.qi,.cs-qi,.it) { padding:12px 13px!important; border-radius:0!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.qi,.cs-qi,.it).on { background:#edf3ff!important; box-shadow:inset 3px 0 #6d91e2!important; } .vita-workspace #page .qi .nm { font-size:13px; font-weight:600; } html[data-vita-skin="a"] body.vita-workspace #page .qi .nm { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-vita-skin="a"] body.vita-workspace #page .qi .lv { flex:none; white-space:nowrap; } html[data-vita-skin="a"] body.vita-workspace #page .qi .r1:has(.kn) { display:grid; grid-template-columns:18px auto minmax(0,1fr); column-gap:5px; row-gap:3px; } .vita-workspace #page .qi .r1:has(.kn) .kn { grid-column:3; justify-self:end; } .vita-workspace #page .work-wrap .it > b { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.65; } .vita-workspace #page .qi .r2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.6; color:#61738d; margin:5px 0 0; } .vita-workspace #page .qi .r3 { font-size:11px; line-height:1.55; margin-top:4px; color:#8291a6; } html[data-vita-skin="a"] body.vita-workspace #page :is(.qmain,.cs-obj,.work-wrap .right,.spx) { min-width:0; } html[data-vita-skin="a"] body.vita-workspace #page .spx { display:flex; flex-direction:column; gap:18px!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.role-store-top,#fin-object>.sp-top) { padding:0 0 12px!important; margin:0!important; border:0!important; border-bottom:1px solid var(--vr-edge)!important; border-radius:0!important; background:none!important; } html[data-vita-skin="a"] body.vita-workspace #page .role-store-top .r1 { padding:0; gap:10px; } html[data-vita-skin="a"] body.vita-workspace #page .role-store-top h2 { font-size:21px!important; line-height:1.5; color:var(--vr-title); } .vita-workspace #page .role-store-top .meta { margin-top:5px; font-size:12px; line-height:1.6; color:#8191a7; } .vita-workspace #page .role-store-top .pager { font-size:12px; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress { margin:0 0 18px!important; padding:16px 18px!important; border:0!important; border-radius:8px; background:#f3f7fd; } /* The month component also lives below the work surface, outside .role-store-top. */ html[data-vita-skin="a"] body.vita-workspace #page .store-month-overview.vr-month-progress { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(160px,.65fr); gap:24px; align-items:start; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress > :is(.store-month-item,.store-month-ratio) { min-width:0; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress > :is(.store-month-item,.store-month-ratio) + * { padding-left:24px; border-left:1px solid var(--line2); } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; margin:0 0 12px; line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item > div > span { flex-basis:100%; font-size:12px; line-height:1.5; margin-bottom:3px; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item > div > b { font-size:24px; line-height:1.25; font-weight:600; font-variant-numeric:tabular-nums; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item > div > small { flex-basis:auto; font-size:12px; line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item .mg { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px 5px; width:100%; max-width:none; font-size:12px; line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item .mg > i { grid-column:1/-1; grid-row:1; width:100%; height:5px; margin:0; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item .mg > em { grid-column:1; grid-row:2; font-size:12px; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item .mg > b { grid-column:2; grid-row:2; font-size:13px; font-weight:600; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-item .mg > small { grid-column:3; grid-row:2; font-size:12px; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-ratio { display:flex; flex-direction:column; align-items:flex-start; grid-column:auto; gap:7px; font-size:12px; line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-ratio > b { font-size:24px; line-height:1.25; font-weight:600; font-variant-numeric:tabular-nums; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress .store-month-ratio .lnk { margin:8px 0 0; padding:0; font-size:12px; line-height:1.5; } .vita-workspace #page .store-month-facts.vr-month-progress > .goalrow { display:flex; width:100%; margin-bottom:10px; } .vita-workspace #page .store-month-facts.vr-month-progress { font-size:12px; line-height:1.8; } /* Analysis and evidence sit on one surface, with readable section boundaries. */ html[data-vita-skin="a"] body.vita-workspace #page #sp-bk { border:1px solid var(--vr-edge)!important; border-radius:10px!important; padding:0!important; margin:0!important; background:#fff!important; overflow:hidden; } html[data-vita-skin="a"] body.vita-workspace #page .diagnosis-card { border:0!important; border-radius:0!important; box-shadow:none; margin:0; } html[data-vita-skin="a"] body.vita-workspace #page .case-header { padding:16px 20px 10px!important; background:#f4f7fd!important; border-bottom:0!important; } .vita-workspace #page .vr-current-analysis .case-header__title { display:none; } html[data-vita-skin="a"] body.vita-workspace #page .case-header .fact-strip { margin-top:12px; gap:14px; } html[data-vita-skin="a"] body.vita-workspace #page .case-header .fact-chip { padding:0 12px 0 0; min-width:0; border:0; border-right:1px solid #e1e7f0; background:none; } html[data-vita-skin="a"] body.vita-workspace #page .case-header .fact-chip:last-child { border-right:0; } html[data-vita-skin="a"] body.vita-workspace #page .fact-chip :is(strong,.fact-value) { font-size:22px; } html[data-vita-skin="a"] body.vita-workspace #page .judgement-panel { padding:0!important; margin:0!important; border:0!important; } html[data-vita-skin="a"] body.vita-workspace #page .r37-four { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:0!important; margin:0!important; padding:0!important; border:0!important; } html[data-vita-skin="a"] body.vita-workspace #page .r37-four > section { padding:18px 20px!important; border:0!important; border-top:1px solid var(--vr-edge)!important; background:none!important; min-width:0; } html[data-vita-skin="a"] body.vita-workspace #page .r37-four > section:nth-child(2n) { border-left:1px solid var(--vr-edge)!important; } .vita-workspace #page .r37-four .r37-step { display:none; } html[data-vita-skin="a"] body.vita-workspace #page .r37-four :is(h3,h4) { font-size:15px!important; color:var(--vr-title); line-height:1.65; margin:0 0 10px; } html[data-vita-skin="a"] body.vita-workspace #page .r37-four p { font-size:13px!important; line-height:1.85; } html[data-vita-skin="a"] body.vita-workspace #page .r37-confirm-follow { border:1px solid var(--vr-edge)!important; border-radius:10px!important; padding:0!important; } html[data-vita-skin="a"] body.vita-workspace #page .r37-confirm-grid { display:block!important; padding:0 20px 18px!important; } html[data-vita-skin="a"] body.vita-workspace #page .r37-confirm-grid > :is(section,div) { padding:16px 0!important; border:0!important; background:none!important; } html[data-vita-skin="a"] body.vita-workspace #page .r37-confirm-grid > :is(section,div)+* { border-top:1px solid var(--vr-edge)!important; } .vita-workspace #page .r37-confirm-grid .role-work-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .vita-workspace #page .role-work-option { border-radius:7px; padding:12px; } .vita-workspace #page .role-work-option.other { grid-column:1/-1; } .vita-workspace #page .role-work-option strong { font-size:13px; line-height:1.65; } .vita-workspace #page .role-work-option p { font-size:12px; line-height:1.75; } html[data-vita-skin="a"] body.vita-workspace #page .sp-full-data { padding:0!important; background:none!important; border:0!important; margin:4px 0 0!important; } html[data-vita-skin="a"] body.vita-workspace #page .sp-nav { position:static!important; display:flex; flex-wrap:wrap; gap:5px; padding:0 0 12px!important; margin:0!important; border:0!important; background:none!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-evidence-heading { flex-basis:100%; font-size:18px!important; margin:0 0 8px!important; color:var(--vr-title); } .vita-workspace #page .r41-evidence-heading > small { display:none; } .vita-workspace #page .sp-nav button { border-radius:6px; padding:6px 9px; font-size:12px; background:#f1f5fc; color:#6580a5; } /* Department work, project nodes and account figures use the same hierarchy. */ html[data-vita-skin="a"] body.vita-workspace #page .work-wrap .right>.detail { border:1px solid var(--vr-edge)!important; border-radius:10px!important; padding:18px 20px!important; } html[data-vita-skin="a"] body.vita-workspace #page .work-wrap .detail > .card { border:0!important; border-top:1px solid var(--vr-edge)!important; border-radius:0!important; box-shadow:none!important; padding-top:16px; margin-top:20px; } html[data-vita-skin="a"] body.vita-workspace #page .work-wrap .detail > :is(h2,h3) { font-size:20px!important; line-height:1.55; color:var(--vr-title); } .vita-workspace #page .work-wrap .detail p { font-size:13px; line-height:1.8; } html[data-vita-skin="a"] body.vita-workspace #page .work-ai { padding:16px!important; border:0!important; border-radius:8px!important; background:#f5f3fb!important; } html[data-vita-skin="a"] body.vita-workspace #page .work-ai:has(.r41-ai-status) { padding:10px 16px!important; } .vita-workspace #page .r41-ai-status { min-height:32px!important; padding:0!important; gap:10px; } .vita-workspace #page .r41-ai-reason { display:none; } .vita-workspace #page .r41-ai-status>button { margin-left:auto; } .vita-workspace #page .vr-empty-data { display:none; } html[data-vita-skin="a"] body.vita-workspace #page .uik-review-ai .uik-ai { grid-template-columns:repeat(2,minmax(0,1fr)); } html[data-vita-skin="a"] body.vita-workspace #page .uik-review-ai .uik-ai-reason p { font-size:13px; line-height:1.85; } html[data-vita-skin="a"] body.vita-workspace #page .cs-obj { display:flex; flex-direction:column; gap:18px; } html[data-vita-skin="a"] body.vita-workspace #page .cs-obj>.cs-card { margin:0!important; padding:18px 20px!important; border:1px solid var(--vr-edge)!important; border-radius:10px!important; } html[data-vita-skin="a"] body.vita-workspace #page .cs-obj>.cs-oh { padding:0 0 14px!important; border:0!important; border-bottom:1px solid var(--vr-edge)!important; border-radius:0!important; } .vita-workspace #page .cs-ot h2 { font-size:21px; line-height:1.5; } .vita-workspace #page .cs-obj .cs-sh h3 { font-size:16px; } html[data-vita-skin="a"] body.vita-workspace #page .cs-obj .r44-flat-ai { padding:16px 0!important; border:0!important; background:none!important; } .vita-workspace #page .cs-obj .r44-flat-ai+.r44-flat-ai { border-top:1px solid var(--vr-edge)!important; } html[data-vita-skin="a"] body.vita-workspace #page .fin-account-block > .bkh { padding:16px 20px; background:#f2f6fe; border:0; } .vita-workspace #page .fin-account-block > .bkh h3 { font-size:18px; line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace #page .fin-four { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:0!important; padding:0!important; } html[data-vita-skin="a"] body.vita-workspace #page .fin-four > section { padding:18px 20px!important; border:0!important; border-bottom:1px solid var(--vr-edge)!important; } .vita-workspace #page .fin-four > section:first-child { background:#f8faff; } .vita-workspace #page .fin-four h4 { font-size:15px; line-height:1.6; color:var(--vr-title); } .vita-workspace #page .fin-four p { font-size:14px; line-height:1.8; } .vita-workspace #page .fin-account-block > :is(.composer,.fin-missing) { margin:18px 20px!important; } html[data-vita-skin="a"] body.vita-workspace #page.uik-ns .cs-banner { padding:18px!important; border:0!important; background:#f4f7fc!important; } html[data-vita-skin="a"] body.vita-workspace #page.uik-ns .cs-banner .r37-pulse-head { padding:0 0 12px!important; border:0!important; } .vita-workspace #page.uik-ns .cs-banner .cs-sent { font-size:18px; line-height:1.65; margin:6px 0 0; color:#304766; } .vita-workspace #page.uik-ns .cs-banner .r41-brief-context { display:none; } html[data-vita-skin="a"] body.vita-workspace #page.uik-ns .cs-banner .pulse { padding:12px 0 0!important; border-top:1px solid #dfe7f1; } html[data-vita-skin="a"] body.vita-workspace #page.uik-ns .cs-banner .pulse-cell { padding:0 14px!important; background:none!important; border:0; border-right:1px solid #dfe7f1; } .vita-workspace #page.uik-ns .cs-banner .pulse-value { font-size:26px!important; color:#4c6dac; } .vita-workspace #page.uik-ns .cs-banner .pulse-note { font-size:12px; } /* Data center puts the result under a compact query, with optional controls. */ html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .hist-ask { display:block!important; } html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .gmh-query-entry { padding:16px 18px!important; } .vita-workspace.vita-data-center .gmh-query-entry>.uik-card-h { margin-bottom:10px; } .vita-workspace.vita-data-center .gmh-query-entry>.hist-examples { margin-top:10px; gap:6px; } .vita-workspace.vita-data-center .gmh-query-entry>.hist-examples>span { display:none; } .vita-workspace.vita-data-center .gmh-query-entry>.hist-examples button { padding:5px 8px; font-size:12px; } html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .hist-ask>.hist-examples-saved { margin:0!important; padding:10px 20px!important; border:0!important; border-radius:0; background:none; } .vita-workspace.vita-data-center .hist-examples-saved > summary { cursor:pointer; color:#7b8ca6; font-size:12px; } .vita-workspace.vita-data-center .hist-examples-saved[open] .hist-examples { margin-top:12px; } .vita-workspace.vita-data-center .hist-condition-editor>summary { cursor:pointer; color:#5678b8; font-size:13px; padding:2px 0; } .vita-workspace.vita-data-center .hist-condition-editor[open]>summary { margin-bottom:14px; } .vita-workspace.vita-data-center .hist-work>.hist-card>.uik-card-h { margin-bottom:6px!important; padding-bottom:4px!important; } .vita-workspace.vita-data-center .hist-query-summary { padding:6px 0; background:none; margin-bottom:8px; color:#637b9a; } html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .hist-table :is(th,td) { font-size:13px; } /* Native drilldown keeps its existing route, close and return behavior. */ html[data-vita-skin="a"] body.vita-workspace :is(.uik-drawer,#drawer) { width:min(680px,calc(100vw - 210px)); max-width:calc(100vw - 210px); border-left:1px solid #e2e9f4; box-shadow:-12px 0 42px #29436b0c; background:#fff; } html[data-vita-skin="a"] body.vita-workspace :is(.uik-drawer,#drawer) > header { padding:20px 22px; border-bottom:1px solid #e8edf5; background:#f7f9fd; } .vita-workspace .uik-drawer .uik-dt { font-size:20px; line-height:1.5; } .vita-workspace :is(.uik-drawer,#drawer) :is(h2,h3) { color:#2f4667; line-height:1.55; } .vita-workspace :is(.uik-drawer,#drawer) h2 { font-size:20px; } .vita-workspace .uik-drawer .ns-operating-head .uik-card-h>h3 { display:none; } .vita-workspace :is(.uik-drawer,#drawer) :is(p,td) { font-size:13px; line-height:1.8; } .vita-workspace :is(.uik-drawer,#drawer) :is(th,td) { padding:11px 12px; border-color:#e8edf5; } .vita-workspace :is(.uik-drawer,#drawer) th { font-size:12px; background:#f3f7fc; color:#7387a2; } .vita-workspace :is(.uik-drawer,#drawer) :is(input,textarea,select,button) { font-size:13px; } html[data-vita-skin="a"] body.vita-workspace #drawer:has(.vr-analysis-frame) { width:min(900px,calc(100vw - 210px))!important; } html[data-vita-skin="a"] body.vita-workspace #page.ga-page :is(.ga-ai,.ga-section,.ga-metric) { border:1px solid #e5ebf4; box-shadow:none; border-radius:10px; } .vita-workspace #page.ga-page .ga-header h1 { font-size:24px!important; } .vita-workspace #page.ga-page .ga-section h2 { font-size:18px; } .vita-workspace #page.ga-page .vr-attention-full { margin-top:14px; border-top:1px solid #e2e7f2; } .vita-workspace #page.ga-page .vr-attention-full>summary { padding:12px 0; cursor:pointer; color:#5878ae; font-size:13px; } .vita-workspace #page.ga-page .vr-attention-full .vr-collapse-label,.vita-workspace #page.ga-page .vr-attention-full[open] .vr-expand-label { display:none; } .vita-workspace #page.ga-page .vr-attention-full[open] .vr-collapse-label { display:inline; } .vita-workspace #page.ga-page .vr-attention-full .ga-judgement { margin:10px 0 14px; } } /* The specialist shares the blue current / orange comparison convention. */ body[data-vita-role="ds"] #sp-bk .dsi-root { border:0!important; border-radius:0!important; } body[data-vita-role="ds"] #sp-bk .dsi-lead { background:#f4f7fd; padding:18px 20px; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-row { grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr); } body[data-vita-role="ds"] #sp-bk .dsi-evidence-copy h3 { font-size:14px; } body[data-vita-role="ds"] #sp-bk .dsi-chart { background:#f4f7fd; } body[data-vita-role="ds"] #sp-bk .dsi-chart svg polyline { stroke:#4c6edf; } body[data-vita-role="ds"] #sp-bk .dsi-chart svg circle { fill:#4c6edf; } body[data-vita-role="ds"] #sp-bk .dsi-legend span::before,body[data-vita-role="ds"] #sp-bk .dsi-bar i { background:#efb17b; } body[data-vita-role="ds"] #sp-bk .dsi-legend span+span::before,body[data-vita-role="ds"] #sp-bk .dsi-bar.is-current i { background:#4c6edf; } body[data-vita-role="ds"] #sp-bk .dsi-full>summary { padding:12px 20px; font-size:13px; color:#4d6daf; background:#f8faff; } @media (min-width:1000px) and (max-width:1350px) { html[data-vita-skin="a"] body.vita-workspace #page :is(.qwrap,.cs-work,.work-wrap>.cols) { grid-template-columns:252px minmax(0,1fr)!important; gap:16px!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief { grid-template-columns:minmax(250px,1fr) minmax(390px,1fr)!important; gap:18px!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric,.pulse-cell) { padding-left:10px!important; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-row { grid-template-columns:minmax(0,1fr) minmax(215px,.9fr); gap:18px; } .vita-workspace #page .r37-confirm-grid .role-work-options { grid-template-columns:1fr; } html[data-vita-skin="a"] body.vita-workspace #page .evidence-base-grid:has(>div:nth-child(4)):not(:has(>div:nth-child(5))) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } html[data-vita-skin="a"] body.vita-workspace #page .uik-review-ai .uik-ai { grid-template-columns:1fr; } } /* ui-scale.css */ /* Display scale only. Preserve content, layout relationships, routes and controls. GM rules apply only while its current home is mounted. */ html[data-vita-skin="a"] body.vita-workspace { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; } html[data-vita-skin="a"] body.vita-workspace :is(button,input,select,textarea) { font-family:inherit; } @media (min-width:1000px) { html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side-in { padding:16px 12px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side .brand { font-size:18px!important;gap:8px;padding:0 10px 18px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side .brand img { width:23px;height:26px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side .brand small { font-size:12px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side :is(.nav-item,#sideAreas a) { height:33px!important;min-height:33px!important;padding:6px 11px!important;margin:2px 0!important;border-radius:6px!important;line-height:21px;font-size:13px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side .nav-item .r37-nav-icon { width:16px;height:16px;flex:0 0 16px;stroke-width:1.5; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side #sideAreas a::before { width:16px;height:16px;flex-basis:16px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .side .cnt { min-width:18px;height:18px;line-height:18px;font-size:10px;padding:0 4px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #top { height:48px!important;min-height:48px!important;padding:0 22px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #top #pageName { font-size:14px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #top :is(#roleSelect,#work-person) { min-height:28px;height:28px;padding-top:3px!important;padding-bottom:3px!important;font-size:12px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(#page,.gmd-home-slot) { padding-left:22px!important;padding-right:22px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page:not(.gm-role-home) { padding-top:16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page.gm-role-home { padding-top:14px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-home-slot { padding-top:16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page { gap:16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page :is(.am-role-home,.cs-stack) { gap:16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(.gmd-overview-header,#page .vr-overview .gmd-overview-header) { gap:6px 16px;padding-bottom:12px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(.gmd-overview-greeting,#page .vr-overview .gmd-overview-greeting) { font-size:22px!important;line-height:1.4;min-height:0!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-overview-brief { font-size:15px;line-height:1.6; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-report { border-radius:9px;margin-bottom:18px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(.gmd-report-head,#page .vr-overview .gmd-report-head) { min-height:36px;padding:7px 16px;gap:10px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-report-head h2 { font-size:16px;font-weight:600;line-height:1.5;gap:7px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-report-head h2 span { width:20px;height:20px;border-radius:5px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-toggle { min-height:32px;padding:6px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-source { padding:0 16px 12px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-fixed-heading { min-height:38px;gap:16px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-fixed-heading h2 { font-size:17px!important;line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .vr-overview > .vr-today-work { margin-bottom:14px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(#page .mod-hd,#page .card-h,#page .uik-card-h,#page .sec-h,.gmd-period-head) { min-height:36px;padding:7px 16px!important;gap:10px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(#page .mod-hd,#page .card-h,#page .uik-card-h,#page .sec-h,.gmd-period-head) :is(h2,h3) { font-size:16px!important;line-height:1.5;font-weight:600; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .vr-metrics .pulse-cell { padding:12px 14px!important;border-radius:8px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .vr-metrics .pulse-value { font-size:25px!important;line-height:1.25; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-company-metric { padding:13px 16px;min-height:132px;border-radius:8px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-metric-value { font-size:28px;margin:5px 0; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-secondary-number { font-size:18px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .gmd-metric-bottom { padding-top:9px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-pulse .bstats { padding-top:13px;padding-bottom:13px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-pulse:not(.r41-work-brief) .pulse-value { font-size:25px!important;min-height:29px!important;margin-top:4px;margin-bottom:4px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .ops-home-work .ops-work-card { padding:11px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-column { padding:14px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page :is(.uik-ai-an,.uik-ai-reason p,.ai-brief p,.sp-read,.work-ai p,.cs-oq,.ga-judgement) { font-size:14px;line-height:1.65; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r41-work-brief { padding:12px 16px!important;gap:18px!important;margin-bottom:14px!important;border-radius:8px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r41-work-brief :is(h2,.r41-work-copy>p) { font-size:15px!important;line-height:1.6!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r41-work-brief :is(.r41-work-metric>b,.pulse-value) { font-size:22px!important;line-height:1.2!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page :is(.qlist,.cs-queue,#od-work-list) :is(.qi,.cs-qi,.it) { padding:10px 12px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page :is(.spx,.cs-obj) { gap:14px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page :is(.role-store-top,#fin-object>.sp-top,.cs-obj>.cs-oh) { padding-bottom:10px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page :is(.role-store-top h2,.cs-ot h2,.work-wrap .detail > h2,.work-wrap .detail > h3) { font-size:18px!important;line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .case-header { padding:12px 16px 9px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .case-header .fact-strip { margin-top:9px;gap:12px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .fact-chip :is(strong,.fact-value) { font-size:20px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-four > section { padding:14px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-four :is(h3,h4) { font-size:15px!important;line-height:1.5;font-weight:600;margin-bottom:8px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-four p { line-height:1.7; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-confirm-grid { padding:0 16px 14px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r37-confirm-grid > :is(section,div) { padding-top:12px!important;padding-bottom:12px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .role-work-option { padding:10px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .r41-evidence-heading { font-size:16px!important;line-height:1.5;padding:0!important;margin-bottom:8px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .sp-nav { gap:6px;padding-bottom:16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .sp-nav button { font-size:13px;line-height:20px;padding:5px 10px; } html[data-vita-skin="a"] body.vita-workspace #page .sp-full-data > .card { margin-left:0!important;margin-right:0!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .vr-month-progress { padding:16px 0!important;margin-bottom:20px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .work-wrap .right>.detail { padding:14px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .work-ai { padding:12px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .work-ai:has(.r41-ai-status) { padding:8px 12px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .cs-obj>.cs-card { padding:14px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .cs-obj .cs-sh h3 { font-size:15px;line-height:1.5;font-weight:600; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .fin-account-block > .bkh { padding:10px 16px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .fin-account-block > .bkh h3 { font-size:16px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .fin-four > section { padding:14px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .fin-four p { line-height:1.65; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .fin-account-block > :is(.composer,.fin-missing) { margin:14px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page.uik-ns .cs-banner { padding:14px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page.uik-ns .cs-banner .cs-sent { font-size:16px;line-height:1.6; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page.uik-ns .cs-banner .pulse-value { font-size:23px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page .gmh-query-entry { padding:12px 16px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #page :is(.btn,.uik-btn) { min-height:28px;padding-top:4px;padding-bottom:4px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(.uik-drawer,#drawer) > header { padding:14px 18px; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(.uik-drawer .uik-dt,.uik-drawer h2,#drawer h2) { font-size:18px;line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) #drawer:has(.vr-analysis-frame) .uik-db { padding:18px 22px!important; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) :is(.uik-drawer,#drawer) :is(p,td) { line-height:1.65; } html[data-vita-skin="a"] body.vita-workspace:is(:not([data-vita-role="gm"]),.gmd-unified) .vr-chart-dialog { padding:18px; } body[data-vita-role="ds"] #sp-bk .dsi-lead { padding:14px 16px; } body[data-vita-role="ds"] #sp-bk .dsi-lead h2 { font-size:16px!important;line-height:1.5!important;margin-bottom:6px!important; } body[data-vita-role="ds"] #sp-bk .dsi-lead > p { line-height:1.65; } body[data-vita-role="ds"] #sp-bk .dsi-evidence { padding:0 16px; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-row { padding:14px 0;gap:18px; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-copy h3 { font-size:15px;line-height:1.5;font-weight:600; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-copy p { font-size:14px;line-height:1.65; } body[data-vita-role="ds"] #sp-bk .dsi-full>summary { padding:9px 16px; } html[data-vita-skin="a"] body.vita-workspace:not([data-vita-role="gm"]) #page :is(.work-wrap .detail .dh h3,#fin-object>.sp-top h2) { font-size:18px!important;line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace:not([data-vita-role="gm"]) #page .gmh-heading h2 { font-size:20px!important;line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace:not([data-vita-role="gm"]) #page .gmh-heading { margin-bottom:16px; } html[data-vita-skin="a"] body.vita-workspace:not([data-vita-role="gm"]) #page #hist-question :is(input,button) { height:36px!important;min-height:36px!important;font-size:13px; } html[data-vita-skin="a"] body.vita-workspace:not([data-vita-role="gm"]) #page .gmh-query-entry .hist-examples button { min-height:28px;height:28px;padding:4px 8px; } html[data-vita-skin="a"] body.vita-workspace #page .sp-h > b { font-size:16px;line-height:1.5;font-weight:600; } html[data-vita-skin="a"] body.vita-workspace #page :is(.ds-queue-filters button,.qi .r2,.qi .r3,.role-store-top .meta,.sp-h > span,.fact-chip .fact-label,.fact-chip .fact-note) { font-size:12px;line-height:1.5; } html[data-vita-skin="a"] body.vita-workspace #page :is(.qi .nm,.role-work-option strong) { font-size:13px;line-height:1.5; } } /* neutral-theme.css */ /* Legacy white surfaces: #F5F6F8 canvas, #FFFFFF cards, #F8F9FB supporting areas. Data series and business status colors stay intact. The only geometry change is the requested sidebar-name alignment. */ :root, html[data-vita-skin="a"] body.vita-workspace { --ink:#242629; --ink2:#41454b; --ink3:#777d85; --tx:#242629; --tx2:#41454b; --tx3:#777d85; --bg:#F5F6F8; --paper:#fff; --panel:#fff; --panel2:#F8F9FB; --panel3:#F7F8FA; --line:#E5E6EB; --line2:#F0F1F3; --line-soft:#F0F1F3; --ui-edge:#E5E6EB; --th:#F8F9FB; --accent:#24272c; --tab-ink:#25282d; --tab-bg:#f3f5f7; --tab-bd:#e5e8ec; color:#242629; } html[data-vita-skin="a"] body.vita-workspace #page { --vr-title:#181a1d; --vr-copy:#35383d; --vr-muted:#777d85; --vr-edge:#E5E6EB; } html[data-vita-skin="a"] body.vita-workspace { color:#242629; background:#F5F6F8!important; } html[data-vita-skin="a"] body.vita-workspace .side { background:#fff!important; border-color:#F0F1F3!important; } html[data-vita-skin="a"] body.vita-workspace .side .brand { color:#181a1d!important; } html[data-vita-skin="a"] body.vita-workspace .side :is(.nav-item,#sideAreas a) { color:#626971!important; } html[data-vita-skin="a"] body.vita-workspace .side :is(.nav-item,#sideAreas a):hover { background:#f8fafb!important; color:#30353b!important; } html[data-vita-skin="a"] body.vita-workspace .side :is(.nav-item.on,.nav-item.active,a[aria-current="page"],#sideAreas .nav-area.on) { background:#f1f3f5!important; color:#181a1d!important; } html[data-vita-skin="a"] body.vita-workspace .side :is(.nav-label,.side-foot) { color:#899099!important; } html[data-vita-skin="a"] body.vita-workspace .side .cnt { background:#f4f6f8!important; color:#4e555e!important; } html[data-vita-skin="a"] body.vita-workspace:not([data-vita-role="gm"]) .side #sideAreas a { padding-left:38px!important; } html[data-vita-skin="a"] body.vita-workspace:not([data-vita-role="gm"]) .side #sideAreas .nav-label { padding-left:38px!important; } html[data-vita-skin="a"] body.vita-workspace #top { background:#fff!important; border-color:#E5E6EB!important; } html[data-vita-skin="a"] body.vita-workspace #top :is(#roleSelect,#work-person,.datepill) { background:#fff!important; color:#6b727a!important; border-color:#e8ebef!important; } html[data-vita-skin="a"] body.vita-workspace #top :is(.crumbs,.who,.notes) { color:#777d85!important; } /* Headings, copy and secondary labels retain their existing type scale. */ html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(h1,h2,h3,h4,.gmd-overview-greeting,.uik-dt,.cs-ot,.case-header__title) { color:#181a1d!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(p,.gmd-overview-brief,.uik-ai-an,.uik-ai-reason,.ai-brief,.ga-judgement,.ga-inference,.gm-ai-text,.cs-oq) { color:#35383d!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.meta,.note,.muted,.r41-greeting,.pulse-label,.pulse-note,.gmd-metric-label,.gmd-channel-values,.gmd-metric-compare,.gmd-metric-bottom,.gmd-overview-meta,.r43-cell-sub,.r43-pulse-caption,.gmd-toggle-state,.r41-work-metric>span,.r41-work-metric>em,.qi .r2,.qi .r3,.role-store-top .meta,.cs-om,.g-foot,.hist-pagebar,.hist-version,.hist-filters label,.hist-catalog-group h4,.ga-header p,.ga-sub,.ga-scope,.dsi-meta,.dsi-chart figcaption,.dsi-legend,.dsi-bar small,.dsi-platform>b) { color:#6c727a!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-metric-value,.gmd-secondary-number,.pulse-value,.store-month-item b,.r41-work-metric>b,.fact-chip strong,.fact-chip .fact-value,.gm-inline-stats b,.gm-channel-total b,.ga-metric b,.cs-k strong,.hist-saved-kpis b,.hist-summary-kpis b,.r44-query-total b) { color:#202327!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-metric-value small,.gmd-metric-bottom em,.pulse-value small,.gmd-toggle small,.gmd-source p,.hist-source-meta p,.hist-answer-label,.dsi-chart figcaption span,.dsi-sources p,.dsi-sources b) { color:#7b8188!important; } /* Main content stays white; gray is reserved for supporting surfaces and selection. */ html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-company-metric,.vr-metrics .pulse-cell,.r41-work-brief,.vr-month-progress,.case-header,.work-ai,.cs-card.ai,.uik-review-ai,.ai-brief,.ddx-ai-short,.uik-ai,.r6-demo-lead.ai-band,.gm-inline-stats>div,.gm-channel-total,.gm-topic-summary,.gm-service-primary,.gm-service-support .gm-evidence-link,.hist-saved-kpis>div,.hist-summary-kpis>div,.gmh-query-entry,.hist-source-meta,.hist-day-picker,.hist-answer-label,.r44-query-total,.ga-ai,.ga-metric,.ga-inline-detail,.ga-check,.ga-review-decision,.ga-project-detail>td,.gm-newstores .cs-k,.gm-newstores .ai,.dsi-lead,.dsi-chart,.fin-account-block>.bkh,.fin-four>section:first-child,.uik-fd-ai) { background:#fff!important; } html[data-vita-skin="a"] body.vita-workspace #page.uik-ns .cs-banner { background:#fff!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-report,.mod,.card,.uik-card,.cs-card,.gmd-data-overview,.ops-home-work,.qlist,.cs-queue,.detail,.r37-confirm-follow,.hist-card,.hist-answer,.ga-section,.ga-risk,.dsi-root) { border-color:#E5E6EB!important; } html[data-vita-skin="a"] body.vita-workspace .gmd-report { border-color:#E5E6EB!important; box-shadow:0 3px 18px #00000004; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.mod-hd,.card-h,.uik-card-h,.sec-h,.gmd-period-head,.gmd-foot-toolbar,.gmd-fold,.r37-four>section,.r37-confirm-grid>section,.fin-four>section,.fact-chip,.r41-work-metric,.dsi-lead,.dsi-evidence-row,.dsi-full,.dsi-sources,.role-store-top,.cs-oh) { border-color:#F0F1F3!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-report-head h2 span,.uik-ai-mark,.ai-label i,.ai-mark,.ai-tag b,.ga-ai-label span,.dsi-meta i) { background:#f4f6f8!important; color:#616871!important; border-color:#F0F1F3!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) :is(.ga-nav,.hist-catalog,.hist-tabs,.drawer-tabs,.v4 .tabs,.gm-readonly) { background:#F8F9FB!important; } html[data-vita-skin="a"] body.vita-workspace #drawer>header, html[data-vita-skin="a"] body.vita-workspace #drawer .drawer-head { background:#fff!important; border-color:#E5E6EB!important; } html[data-vita-skin="a"] body.vita-workspace #drawer :is(.uik-ds,.uik-x) { color:#777d85!important; } html[data-vita-skin="a"] body.vita-workspace .uik-backdrop { background:#0000000f!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief .pulse-cell { border-color:#F0F1F3!important; } html[data-vita-skin="a"] body.vita-workspace #page .gm-departments td:first-child::before { background:#f6f8fa!important; } html[data-vita-skin="a"] body.vita-workspace #page .gm-departments td:first-child::after { background:#929292!important; } /* Controls remain recognizable through hover and selection. */ html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(input,textarea,select,.btn,.uik-btn,.hist-examples button,.role-work-option) { border-color:#e2e6eb!important; color:#41454b; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.sp-nav button,.dsi-full>summary,.ga-pagination button,.hist-examples button) { background:#F8F9FB!important; color:#535b65!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.vr-overview-more,.gmd-toggle,.gmd-fixed-heading nav button,.gmd-fixed-heading>[data-gmd-top],.gmd-foot-toolbar button,.gmd-foot-toolbar a,.gm-home-history,.hist-catalog button,.ga-nav a,.ga-link,.ga-disclosure-toggle,.r41-table-link,.ga-close,.r41-ai-status>button) { color:#666e77!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) :is(.qi.on,.cs-qi.on,.it.on,.tab.on,.seg button.on,.uik-seg button.on,.ut-tag.sel,.hist-tabs a.on,.cs-tabs a.on,.hist-catalog button.on,.ds-queue-filters button[aria-pressed="true"],.ga-nav a[aria-current="page"],.drawer-tabs button.on) { color:#1e2126!important; background:#f3f5f7!important; border-color:#e4e8ed!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.qi,.cs-qi,.it).on { box-shadow:inset 3px 0 #737373!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) :is(.btn.primary,.uik-btn.primary,button.primary,.uik-dbtn,#hist-question button) { background:#24272c!important; color:#fff!important; border-color:#24272c!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) :is(.btn.primary,.uik-btn.primary,button.primary,.uik-dbtn,#hist-question button):hover { background:#13161a!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-toggle,.hist-catalog button,.ga-nav a,.hist-examples button):hover { background:#f5f7f9!important; color:#1e2126!important; } html[data-vita-skin="a"] body.vita-workspace :is(button,a,select,[tabindex="0"]):focus-visible { outline-color:#8e8e8e!important; } /* Table structure and semantic cells keep their existing widths and data colors. */ html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.kt,.t,.ut,.lg,.uik-list-table,.cs-mx,.hist-table,.gm-departments,.r43-geo-table,.ga-table) th { background:#F8F9FB!important; color:#646b74!important; border-color:#F0F1F3!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.kt,.t,.ut,.lg,.uik-list-table,.cs-mx,.hist-table,.gm-departments,.r43-geo-table,.ga-table) td { border-color:#F0F1F3!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.kt,.t,.ut,.lg,.uik-list-table,.hist-table,.gm-departments,.r43-geo-table,.ga-table) td:not(.neg,.pos,.amber,.negative,.positive) { color:#41464d!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) :is(.kt,.t,.ut,.lg,.uik-list-table,.hist-table,.gm-departments,.r43-geo-table,.ga-table) tbody tr:hover>td { background:#F8F9FB!important; } html[data-vita-skin="a"] body.vita-workspace #page .hist-table tfoot td { background:#F8F9FB!important; color:#343a42!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.hist-day-picker label,.hist-day-picker>span,.uik-cal-lg) { color:#777d85!important; } html[data-vita-skin="a"] body.vita-workspace #page .hist-tabs .on { color:#1e2126!important; background:#f3f5f7!important; } html[data-vita-skin="a"] body.vita-workspace :is(.gmd-chart-dialog,.vr-chart-dialog) { color:#25292f; border-color:#e2e6eb; box-shadow:0 18px 80px #00000020; } html[data-vita-skin="a"] body.vita-workspace :is(.gmd-chart-dialog,.vr-chart-dialog)::backdrop { background:#00000040; } html[data-vita-skin="a"] body.vita-workspace .vr-chart-close { background:#f1f3f5; color:#626971; } /* Report-frame paint only; chart series, change chips and +/- colors are untouched. */ html:not([data-vita-skin]) body { color:#181a1d; } html:not([data-vita-skin]) .report-panel { background:#fff!important; border-color:#F0F1F3!important; } html:not([data-vita-skin]) :is(.report-headline,.report-panel h2,.vr-detail-article h1,.vr-detail-group h3) { color:#181a1d!important; } html:not([data-vita-skin]) :is(.report-panel p,.report-panel .report-note,.comparison,.hypothesis,.vr-detail-group p) { color:#35383d!important; } html:not([data-vita-skin]) :is(.report-panel p .vr-number,.vr-detail-group p strong) { color:#25282d!important; } html:not([data-vita-skin]) :is(.hero-number,.apricot-panel .hero-number) { color:#202327!important; } html:not([data-vita-skin]) .hero-number small { color:#616871!important; } html:not([data-vita-skin]) :is(.panel-icon,.apricot-panel .panel-icon,.mint-panel .panel-icon,.lavender-panel .panel-icon) { background:#f4f6f8!important; color:#626971!important; border-color:#e2e6eb!important; box-shadow:inset 0 1px 0 #ffffffb3; } html:not([data-vita-skin]) :is(.eyebrow,.chart-figure figcaption,.chart-legend,.chart-expand,.vr-matrix figcaption,.vr-risk-register figcaption) { color:#6b717a!important; } html:not([data-vita-skin]) :is(.chart-figure figcaption small,.vr-matrix figcaption small,.vr-matrix-note,.vr-chart-scope,.vr-original-title,.vr-detail-basis,.vr-risk-register b:not(.has-amount)) { color:#7d848d!important; } html:not([data-vita-skin]) :is(.vr-report-actions button,.vr-report-actions a,.vr-full-analysis>summary,.vr-detail-work summary,.vr-detail-work a) { color:#434950!important; } html:not([data-vita-skin]) :is(.vr-report-actions a span,.vr-report-actions .vr-more-work,.vr-detail-work small,.vr-detail-work summary span) { color:#899099!important; } html:not([data-vita-skin]) :is(.vr-report-actions button,.vr-report-actions a,.vr-detail-work a):hover { color:#242629!important; } html:not([data-vita-skin]) .report-panel[tabindex]:hover h2 { color:#111316!important; } html:not([data-vita-skin]) :is(.report-panel[tabindex],button,a,summary):focus-visible { outline-color:#8e8e8e!important; } html:not([data-vita-skin]) .chart-expand:hover { background:#f0f3f6!important; color:#3a3a3a!important; } html:not([data-vita-skin]) :is(.vr-detail-work,.report-state) { background:#F8F9FB!important; border-color:#F0F1F3!important; } html:not([data-vita-skin]) :is(.vr-detail-work a,.vr-detail-basis,.vr-full-analysis,.vr-risk-register li) { border-color:#F0F1F3!important; } html:not([data-vita-skin]) .vr-risk-register li { color:#666e77!important; } html:not([data-vita-skin]) .vr-detail-charts .chart-figure { background:#fff!important; border-color:#E5E6EB!important; } html:not([data-vita-skin]) .vr-matrix-grid :is(th,td) { border-color:#E5E6EB!important; } html:not([data-vita-skin]) .vr-matrix-grid th { color:#626971!important; } html:not([data-vita-skin]) .vr-matrix-grid small { color:#899099!important; } html:not([data-vita-skin]) .vr-matrix-missing { color:#9aa0a8!important; } /* Neutral reference tables in both report frames and native expanded charts. */ :is(.zoom-view,.vr-matrix-data) :is(h2,h3) { color:#202327!important; } :is(.zoom-view,.vr-matrix-data) :is(p,header p span,.vr-table-scopes,.vr-table-scopes dt) { color:#646b74!important; } :is(.zoom-view,.vr-matrix-data) th { background:#F8F9FB!important; color:#626971!important; } :is(.zoom-view,.vr-matrix-data) :is(th,td) { border-color:#F0F1F3!important; } :is(.zoom-view,.vr-matrix-data) td:not(.vr-change-value) { color:#41464d!important; } .vr-chart-dialog .vr-source-table :is(.vr-current-value,.vr-platform-cell) { color:#25282d!important; } .vr-chart-dialog .vr-source-table .vr-platform-cell { background:#F8F9FB!important; } /* ui-foundation.css */ /* Shared local VITA baseline. Extracted values preserve the accepted display. */ @font-face { font-family:"VITA Inter"; src:url("/InterVariable.woff2?v=6761c7f4657ad04b7ca7") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; } :root { --vita-font:"VITA Inter","PingFang SC",-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif; --detail-blue:#edf3ff; --detail-violet:#f1edff; --detail-mint:#edf7f2; --detail-apricot:#fff3e8; } :root { --vita-readout-size:40px; --vita-readout-compact-size:34px; --vita-report-leading-readout-size:36px; --vita-report-readout-size:32px; --vita-readout-ink:#242629; --vita-readout-label:#41454b; --vita-readout-meta:#687587; --vita-readout-unit:#626971; --vita-readout-change:#47668f; --vita-readout-change-bg:#edf3fb; --vita-text-body-size:14px; --vita-text-source-size:13px; --vita-text-meta-size:12px; --vita-text-small-size:11px; --vita-reading-line:1.85; --vita-reading-gap:24px; --vita-source-heading:#354154; --vita-source-text:#657083; --vita-source-divider:#edf0f5; --vita-queue-selected-bg:#f3f6fb; --vita-queue-selected-mark:#8aa6d5; } /* Key readouts share one scale across role reports and the specialist case. */ .vr-key-readout { display:flex; align-items:center; flex-wrap:wrap; gap:7px 18px; margin:3px 0 10px; } .vr-key-number { display:flex; align-items:baseline; gap:7px; white-space:nowrap; color:var(--vita-readout-ink); font-size:var(--vita-readout-size); line-height:1.18; font-weight:600; letter-spacing:-.045em; font-variant-numeric:tabular-nums; } .vr-key-number small { font-size:var(--vita-text-body-size); line-height:1.4; font-weight:400; letter-spacing:0; color:var(--vita-readout-unit); } .vr-key-context { display:grid; gap:5px; min-width:0; } .vr-key-context strong { color:var(--vita-readout-label); font-size:var(--vita-text-source-size); line-height:1.5; font-weight:500; } .vr-key-context span { color:var(--vita-readout-meta); font-size:var(--vita-text-meta-size); line-height:1.5; } .vr-key-context .vr-key-change { justify-self:start;color:var(--vita-readout-change);background:var(--vita-readout-change-bg);border-radius:5px;padding:2px 7px;font-size:var(--vita-text-source-size);line-height:18px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap; } body[data-vita-role="ds"] #sp-bk .dsi-evidence-copy h3 { text-wrap:balance; } body[data-vita-role="ds"] #sp-bk .vr-key-number { font-size:var(--vita-readout-compact-size); } @media(max-width:1000px) { .vr-key-number { font-size:36px; } } @media(max-width:650px) { .vr-key-number { font-size:var(--vita-readout-compact-size); } } /* ui-detail-polish.css */ /* Shared reading details; business copy, data and chart colors are unchanged. */ html[data-vita-skin="a"] body.vita-workspace, html:not([data-vita-skin]) body { font-family:var(--vita-font); font-optical-sizing:auto; font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased; } html[data-vita-skin="a"] body.vita-workspace :is(button,input,select,textarea), html:not([data-vita-skin]) :is(button,input,select,textarea) { font-family:inherit; } .zoom-view .chart-legend { display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px 20px;margin:12px 0 18px;color:#536278;font-size:13px;line-height:1.5; } .zoom-view .chart-legend span { display:inline-flex;align-items:center;gap:7px; } .zoom-view .chart-legend i { display:inline-block;width:14px;height:4px;border-radius:2px; } .zoom-view :is(th,td):not(:first-child) { text-align:right;font-variant-numeric:tabular-nums; } /* Small color fields identify the group; risk and result colors retain meaning. */ html[data-vita-skin="a"] body.vita-workspace .side :is(.nav-item.on,.nav-item.active,a[aria-current="page"],#sideAreas .nav-area.on) { background:var(--detail-violet)!important;color:#6651a2!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) :is(.qi.on,.cs-qi.on,.it.on,.tab.on,.seg button.on,.uik-seg button.on,.hist-tabs a.on,.cs-tabs a.on,.hist-catalog button.on,.drawer-tabs button.on,.sp-nav button.on,.ga-nav a[aria-current="page"],.ds-queue-filters button[aria-pressed="true"]) { background:var(--detail-blue)!important;color:#4269aa!important;border-color:#dce6f5!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page :is(.qi,.cs-qi,.it).on { background:var(--vita-queue-selected-bg)!important;border-left-color:transparent!important;box-shadow:inset 2px 0 var(--vita-queue-selected-mark)!important; } html[data-vita-skin="a"] body.vita-workspace #page .qhd :is(.badge,.num) { background:#eef0f3!important;color:#647080!important;border:0; } html[data-vita-skin="a"] body.vita-workspace #page .store-queue .qi.on .no { background:#e2eaf6;color:#5274a8; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .r3 { display:grid;grid-template-rows:18px 18px;line-height:18px;min-height:36px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .r3 > span { display:block;min-width:0;white-space:nowrap; } /* Scan each store in the same order: name, grade, change, issue and coordination. */ html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi { padding:10px 14px!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .r1 { display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:3px 6px;align-items:center; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .no { grid-column:1;grid-row:1; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .nm { grid-column:2;grid-row:1;font-size:13px;font-weight:600; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .store-grade { grid-column:3;grid-row:1; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .kn { grid-column:2/-1;grid-row:2;justify-self:start;margin:0!important;font-size:12px;line-height:19px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .r2 { margin:6px 0 4px;font-size:12px;line-height:19px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi .r3 { font-size:11.5px;color:#667486; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .ds-queue-filters { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .ds-queue-filters button { grid-column:span 2;min-width:0;min-height:29px;margin:0;padding:4px;border:0;border-radius:5px;background:#f4f6f9;font-size:11px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .ds-queue-filters button:nth-last-child(-n+2) { grid-column:span 3; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .ds-queue-controls { position:sticky;top:0;z-index:2;background:#fff;box-shadow:0 1px 0 #e7ebf1; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi[aria-current="true"] { background:#edf3fc!important;box-shadow:inset 3px 0 #7d9fce!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi[aria-current="true"] .nm { color:#315a93!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .role-store-top h2 { padding-left:10px;border-left:3px solid #7d9fce; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .store-queue .qi:focus-visible { outline:2px solid #7d9fce!important;outline-offset:-3px; } /* The label and disclosure arrow already explain the source entry. */ html[data-vita-skin="a"] body.vita-workspace #page .vr-basis-toggle :is(small,.gmd-toggle-state) { display:none; } html[data-vita-skin="a"] body.vita-workspace .gmd-toggle[data-gmd-toggle="sources"] :is(small,.gmd-toggle-state) { display:none; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-report-head h2 span,.uik-ai-mark,.ai-label i,.ai-mark,.ai-tag b,.ga-ai-label span,.dsi-meta i) { background:var(--detail-violet)!important;color:#7862ae!important;border-color:#e5ddf6!important; } html[data-vita-skin="a"] body.vita-workspace :is(button,a,select,textarea,input,[tabindex="0"]):focus-visible { outline-color:#899dce!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-company-metric,.vr-metrics .pulse-cell):nth-child(4n+1) { background:var(--detail-blue)!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-company-metric,.vr-metrics .pulse-cell):nth-child(4n+2) { background:var(--detail-mint)!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer,.gmd-home-slot) :is(.gmd-company-metric,.vr-metrics .pulse-cell):nth-child(4n+3) { background:var(--detail-apricot)!important; } html[data-vita-skin="a"] body.vita-workspace #page .vr-metrics .pulse-cell:nth-child(4n+4) { background:var(--detail-violet)!important; } @media(min-width:1000px) { html[data-vita-skin="a"] body.vita-workspace .gmd-fixed-heading { min-height:52px;gap:24px;padding:12px 20px!important;border-radius:9px;align-items:center; } html[data-vita-skin="a"] body.vita-workspace .gmd-fixed-heading h2 { margin:0;font-size:16px!important;line-height:24px; } html[data-vita-skin="a"] body.vita-workspace .gmd-fixed-heading nav { gap:20px; } html[data-vita-skin="a"] body.vita-workspace .gmd-fixed-heading nav button { min-height:28px;font-size:12px; } html[data-vita-skin="a"] body.vita-workspace :is(.gmd-report-head,#page .vr-overview .gmd-report-head) { min-height:48px;padding:12px 20px!important;gap:20px;align-items:center; } html[data-vita-skin="a"] body.vita-workspace :is(.gmd-toggle,.gmd-foot-toolbar) { padding-left:20px!important;padding-right:20px!important; } html[data-vita-skin="a"] body.vita-workspace .gmd-report-head p { font-size:12px;line-height:20px; } html[data-vita-skin="a"] body.vita-workspace :is(#page .mod-hd,#page .card-h,#page .uik-card-h,#page .sec-h,.gmd-period-head) { min-height:46px;padding:11px 20px!important;gap:14px; } html[data-vita-skin="a"] body.vita-workspace .gmd-company-metrics { gap:12px;padding:16px 20px; } html[data-vita-skin="a"] body.vita-workspace .gmd-company-metric { border:0!important;padding:16px 18px;min-height:145px;border-radius:9px; } html[data-vita-skin="a"] body.vita-workspace :is(.gmd-metric-value,.pulse-value,.store-month-item b,.store-month-ratio>b) { letter-spacing:-.025em; } html[data-vita-skin="a"] body.vita-workspace .gmd-metric-value { font-weight:600; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief { padding:16px 20px!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric,.pulse-cell) { min-height:64px;padding:10px 12px!important;border:0!important;border-radius:8px!important;gap:6px; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric,.pulse-cell):nth-child(4n+1) { background:var(--detail-blue)!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric,.pulse-cell):nth-child(4n+2) { background:var(--detail-violet)!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric,.pulse-cell):nth-child(4n+3) { background:var(--detail-mint)!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric,.pulse-cell):nth-child(4n+4) { background:var(--detail-apricot)!important; } html[data-vita-skin="a"] body.vita-workspace #page .r41-work-brief :is(.r41-work-metric>b,.pulse-value) { font-weight:600; } html[data-vita-skin="a"] body.vita-workspace #page .vr-metrics .pulse-cell { padding:16px 18px!important; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress { gap:12px!important; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress > :is(.store-month-item,.store-month-ratio) { padding:16px!important;border:0!important;border-radius:8px;align-self:stretch; } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress > .store-month-item:nth-child(1) { background:var(--detail-blue); } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress > .store-month-item:nth-child(2) { background:var(--detail-mint); } html[data-vita-skin="a"] body.vita-workspace #page .vr-month-progress > .store-month-ratio { background:var(--detail-violet); } html[data-vita-skin="a"] body.vita-workspace #page :is(.dsi-lead,.dsi-evidence-row) { padding:18px 22px!important; } html[data-vita-skin="a"] body.vita-workspace #page .dsi-evidence-row { gap:24px;align-items:center; } html[data-vita-skin="a"] body.vita-workspace #page .dsi-chart { padding:12px 14px;background:#f8f9fb!important;border-radius:8px; } /* The long overview owns the left column; three short checks share the right. */ html[data-vita-skin="a"] body.vita-workspace #page:has(.role-store-top) .legacy-facts-grid.r37-four:has(>.am-problem-summary) { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important; align-items:stretch; } html[data-vita-skin="a"] body.vita-workspace #page:has(.role-store-top) .legacy-facts-grid.r37-four > .am-problem-summary { grid-column:1;grid-row:1 / span 3; } html[data-vita-skin="a"] body.vita-workspace #page:has(.role-store-top) .legacy-facts-grid.r37-four:has(>.am-problem-summary) > :not(.am-problem-summary) { grid-column:2;border-left:1px solid #edf0f3!important;padding:16px 22px!important; } html[data-vita-skin="a"] body.vita-workspace #page:has(.role-store-top) .legacy-facts-grid.r37-four > .legacy-distribution { grid-row:1; } html[data-vita-skin="a"] body.vita-workspace #page:has(.role-store-top) .legacy-facts-grid.r37-four > .legacy-known { grid-row:2; } html[data-vita-skin="a"] body.vita-workspace #page:has(.role-store-top) .legacy-facts-grid.r37-four > .legacy-checks { grid-row:3; } /* Three comparison periods remain visible, with enough room to read each one. */ html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab { min-width:0;padding:12px 14px;border-radius:8px; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab .t1 { display:block;min-height:36px;margin-bottom:6px; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab .pn { display:block;font-size:13px;line-height:20px;font-weight:600; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab .flag { display:block;font-size:10px;line-height:16px;margin:0; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab .v { font-size:22px;line-height:28px;margin:0 0 10px; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab .cmp3 { display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab .cmp3 > div { display:flex;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;font-size:11px;line-height:18px;white-space:nowrap; } html[data-vita-skin="a"] body.vita-workspace #page .v4 .tabs .tab .cmp3 b { font-size:12px;line-height:18px;font-weight:500; } html[data-vita-skin="a"] body.vita-workspace #page .ns-area-next { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;padding:16px 20px; } html[data-vita-skin="a"] body.vita-workspace #page .ns-area-next h4 { grid-column:1/-1;margin:0 0 2px;font-size:14px;line-height:22px; } html[data-vita-skin="a"] body.vita-workspace #page .ns-area-next p { display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;line-height:22px; } html[data-vita-skin="a"] body.vita-workspace #page .ns-area-next p span { flex:none; } html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .gmh-query-entry { padding:18px 20px!important; } html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .gmh-query-entry > .uik-card-h { padding:0!important;min-height:28px;margin:0 0 12px; } html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .hist-work > .hist-card { padding:18px 20px; } html[data-vita-skin="a"] body.vita-workspace.vita-data-center #page .hist-work > .hist-card > .uik-card-h { padding:0 0 12px!important;min-height:30px;margin:0 0 12px; } } /* A consistent row boundary makes different text/chart heights read as one unit. */ html:not([data-vita-skin]) .report-headline { margin:0;padding:2px 0 14px;font-size:16px;line-height:24px;font-weight:600; } html:not([data-vita-skin]) .report-panel { border:0;border-radius:0; } html:not([data-vita-skin]) .report-panel + .report-panel { border-top:1px solid #edf0f4!important; } html:not([data-vita-skin]) .report-panel h2 { font-weight:600;letter-spacing:0; } html:not([data-vita-skin]) .report-panel .panel-icon { background:var(--detail-blue)!important;color:#5f7eb6!important;border-color:#dae5f6!important; } html:not([data-vita-skin]) .apricot-panel .panel-icon { background:var(--detail-apricot)!important;color:#b2895c!important;border-color:#f2e2d0!important; } html:not([data-vita-skin]) .mint-panel .panel-icon { background:var(--detail-mint)!important;color:#639582!important;border-color:#dbebe2!important; } html:not([data-vita-skin]) .lavender-panel .panel-icon { background:var(--detail-violet)!important;color:#8b73b9!important;border-color:#e6def4!important; } @media(min-width:651px) { html:not([data-vita-skin]) main { gap:0;padding:0 20px 8px; } html:not([data-vita-skin]) .report-panel { gap:28px;padding:20px 0;align-items:center; } html:not([data-vita-skin]) .report-panel.vr-text-topic { padding:20px 0; } html:not([data-vita-skin]) .report-copy { align-items:flex-start;gap:10px; } html:not([data-vita-skin]) .report-panel p { line-height:1.7; } html:not([data-vita-skin]) .report-panel .report-note { margin-top:8px;line-height:1.65; } html:not([data-vita-skin]) .report-panel .eyebrow { margin:0 0 5px;font-size:11px;line-height:16px; } html:not([data-vita-skin]) .chart-figure { align-self:center; } html:not([data-vita-skin]) .report-panel > .chart-figure, html:not([data-vita-skin]) .vr-chart-group { padding:12px 14px;background:#f8f9fb;border-radius:8px; } html:not([data-vita-skin]) .chart-figure figcaption { min-height:24px;margin-bottom:4px;font-size:12px;line-height:18px; } html:not([data-vita-skin]) .chart-figure figcaption small { font-size:11px; } html:not([data-vita-skin]) .vr-report-content { gap:8px; } html:not([data-vita-skin]) .vr-report-heading { align-items:flex-start; } html:not([data-vita-skin]) .vr-report-heading .panel-icon { display:flex;flex-basis:24px;height:24px; } html:not([data-vita-skin]) .vr-report-actions { margin-top:2px; } html:not([data-vita-skin]) .report-panel p.vr-brief { font-size:14px;line-height:1.7; } html:not([data-vita-skin]) .hero-number { margin:10px 0 8px;font-weight:600;letter-spacing:-.04em; } html:not([data-vita-skin]) .report-panel .comparison { font-size:12px!important;line-height:1.6; } html:not([data-vita-skin]) .vr-detail-document main { padding:4px 2px 18px; } } /* co-ui-refinement.css */ /* Expanded charts own the available width; the home report grid does not apply. */ html:not([data-vita-skin]) main:has(> .zoom-view) { display:block;padding:0; } html:not([data-vita-skin]) .zoom-view .zoom-canvas { height:clamp(240px,42vh,400px)!important; } html:not([data-vita-skin]) .zoom-view .chart-legend { font-size:13px; } @media (min-width:1000px) { html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .side { background:#fbfcfe!important; border-color:#e6eaf0!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .side .brand { color:#202630!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .side :is(.nav-item,#sideAreas a) { color:#657184!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .side :is(.nav-item,#sideAreas a):hover { background:#f1f4f9!important; color:#283448!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .side :is(.nav-item.on,.nav-item.active,a[aria-current="page"],#sideAreas .nav-area.on) { background:#eaf1ff!important; color:#4269aa!important; box-shadow:inset 3px 0 #8aa6d5!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .side :is(.nav-label,.side-foot) { color:#98a2b0!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .side .cnt { background:#eef1f5!important; color:#667386!important; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home { padding-top:16px!important; gap:14px!important; background:radial-gradient(900px 260px at 18% 0%,#edf2fa 0%,transparent 72%),#f5f6f8!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot { --co-ink:#1b2430; --co-copy:#4c5969; --co-muted:#7d8997; --co-edge:#e4eaf2; padding-top:8px; background:transparent; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-overview-header { gap:5px 20px; padding:18px 20px; border:1px solid #e5ebf3; border-radius:16px; background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%); box-shadow:0 1px 2px #23324a05,0 14px 34px #465b7d0b,inset 0 1px 0 #fff; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-overview-greeting { color:var(--co-ink)!important; font-size:24px!important; font-weight:600; line-height:1.25!important; letter-spacing:-.025em; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-overview-brief { max-width:112ch; color:var(--co-copy)!important; font-size:13px; line-height:1.65; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot :is(.gmd-overview-meta,.gmd-overview-header .eyebrow) { color:var(--co-muted)!important; font-size:11px; line-height:16px; letter-spacing:.03em; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-report { margin-bottom:14px; border:0!important; background:transparent; box-shadow:none; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-report-head { min-height:44px; gap:14px; margin-bottom:12px; padding:10px 16px!important; border:1px solid #e5ebf3; border-radius:12px; background:linear-gradient(135deg,#ffffff,#f8faff); box-shadow:0 1px 2px #23324a04,0 8px 22px #465b7d08,inset 0 1px 0 #fff; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-report-head h2 { color:var(--co-ink)!important; font-size:15px!important; font-weight:600; line-height:22px; letter-spacing:.01em; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-report-head h2 span { border:1px solid #e8e0f6!important; border-radius:6px; background:#f2edff!important; color:#8068b3!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-report-head p { color:var(--co-muted)!important; font-size:11px; line-height:18px; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-frame { background:transparent; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-source { margin-top:12px; padding:8px 14px 10px; border:1px solid #e7ecf3; border-radius:10px; background:#ffffffb8; color:var(--co-muted); font-size:11px; line-height:18px; box-shadow:inset 0 1px 0 #fff; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-source p { margin-bottom:6px; font-size:11.5px; line-height:1.55; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-source-links { margin-top:10px; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading { min-height:44px; gap:20px; padding:10px 2px!important; border:0; border-radius:0; background:transparent; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading h2 { color:var(--co-ink)!important; font-size:16px!important; font-weight:600; line-height:22px; letter-spacing:-.01em; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading nav { gap:12px; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading nav button { border-color:#e4eaf2; background:#ffffffc9; box-shadow:inset 0 1px 0 #fff; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot :is(.gmd-toggle,.gmd-foot-toolbar) { font-size:12px; line-height:18px; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-company-metrics { gap:0; padding:0; overflow:hidden; border:1px solid #e3eaf3; border-radius:14px; background:linear-gradient(135deg,#ffffff,#fafbff); box-shadow:0 1px 2px #23324a04,0 10px 26px #465b7d08,inset 0 1px 0 #fff; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-company-metric { min-height:110px; padding:14px 16px; border:0!important; border-left:1px solid var(--co-edge)!important; border-radius:0; background:transparent!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-company-metric:first-child { border-left:0!important; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-metric-value { margin:5px 0; color:var(--co-ink)!important; font-size:27px; font-weight:600; letter-spacing:-.03em; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-metric-bottom { padding-top:7px; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot :is(.gmd-metric-label,.gmd-channel-values,.gmd-metric-compare,.gmd-metric-bottom) { font-size:11.5px; line-height:1.5; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .vr-metrics .pulse-cell { padding:12px 14px!important; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home :is(.mod,.card,.gmd-data-overview) { border-color:#e3eaf2!important; border-radius:14px; background:linear-gradient(145deg,#fff,#fbfcff); box-shadow:0 1px 2px #23324a04,0 8px 24px #465b7d07,inset 0 1px 0 #fff; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home :is(.gm-channel-card,.gm-procurement-card,.gm-department-card) :is(th,td) { padding-top:10px; padding-bottom:10px; } } @media (min-width:900px) { html:not([data-vita-skin]), html:not([data-vita-skin]) body { background:transparent; } html:not([data-vita-skin]) body { color:#20242a; } html:not([data-vita-skin]) main { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:0; } html:not([data-vita-skin]) .report-headline { grid-column:1/-1; margin:0; padding:0 2px; color:#68778a!important; font-size:12px; font-weight:600; line-height:18px; letter-spacing:.02em; } html:not([data-vita-skin]) .report-panel { position:relative; min-width:0; gap:14px; overflow:hidden; padding:16px; border:1px solid #e4eaf3!important; border-radius:16px; background:linear-gradient(145deg,#fff 0%,#f5f8ff 100%); box-shadow:0 1px 2px #26355006,0 14px 32px #52698e12,inset 0 1px 0 #ffffffe0; transition:transform .16s ease,box-shadow .16s ease; } html:not([data-vita-skin]) .report-panel::before { content:""; position:absolute; inset:0 0 auto; height:52%; background:linear-gradient(180deg,#ffffff9c,transparent); pointer-events:none; } html:not([data-vita-skin]) .report-panel > * { position:relative; z-index:1; } html:not([data-vita-skin]) .report-panel:hover { transform:translateY(-1px); box-shadow:0 2px 3px #26355006,0 18px 36px #52698e17,inset 0 1px 0 #fff; } html:not([data-vita-skin]) .report-panel + .report-panel { border-top:1px solid #e4eaf3!important; } html:not([data-vita-skin]) .blue-panel { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:28px; padding:18px; align-items:center; background:linear-gradient(145deg,#fff 0%,#f0f5ff 100%); } html:not([data-vita-skin]) .apricot-panel { display:flex; flex-direction:column; align-items:stretch; background:linear-gradient(145deg,#fff 0%,#fff7ec 100%); } html:not([data-vita-skin]) .mint-panel { display:flex; flex-direction:column; align-items:stretch; background:linear-gradient(145deg,#fff 0%,#eff9f4 100%); } html:not([data-vita-skin]) .lavender-panel { display:flex; flex-direction:column; align-items:stretch; background:linear-gradient(145deg,#fff 0%,#f5f2ff 100%); } html:not([data-vita-skin]) .report-copy { gap:10px; } html:not([data-vita-skin]) .blue-panel .copy-content { display:block; } html:not([data-vita-skin]) .panel-icon { flex-basis:26px; height:26px; border:0; border-radius:8px; background:#ffffffa8; box-shadow:none; } html:not([data-vita-skin]) .report-panel h2 { color:#1b2430!important; font-size:16px; font-weight:600; line-height:1.55; letter-spacing:0; } html:not([data-vita-skin]) .report-panel p { margin-top:5px; color:#4c5969!important; font-size:13px; line-height:1.75; } html:not([data-vita-skin]) .report-panel .report-note { margin-top:6px; color:#7d8997!important; font-size:12px; line-height:1.65; } html:not([data-vita-skin]) .report-panel .eyebrow { margin:0 0 4px; color:#7c8996!important; font-size:11px; line-height:16px; letter-spacing:.03em; } html:not([data-vita-skin]) .hero-number { margin:7px 0 5px; color:#202b3a!important; font-size:30px; font-weight:600; line-height:1.05; letter-spacing:-.03em; } html:not([data-vita-skin]) .blue-panel .hero-number { font-size:38px; } html:not([data-vita-skin]) .hero-number small { font-size:12px; font-weight:500; } html:not([data-vita-skin]) .hero-number .change-chip { font-size:12px; box-shadow:inset 0 1px 0 #ffffff8a; } html:not([data-vita-skin]) .report-panel :is(.comparison,.hypothesis) { font-size:12px!important; line-height:1.65; } html:not([data-vita-skin]) .report-panel > .chart-figure, html:not([data-vita-skin]) .report-panel > .vr-chart-group { width:100%; margin-top:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } html:not([data-vita-skin]) .chart-figure figcaption { min-height:24px; margin-bottom:6px; color:#45546a!important; font-size:12px; line-height:18px; } html:not([data-vita-skin]) .chart-figure figcaption small { color:#647083!important; font-size:11px; } html:not([data-vita-skin]) .chart-canvas { height:118px!important; } html:not([data-vita-skin]) .blue-panel .chart-canvas { height:142px!important; } html:not([data-vita-skin]) .chart-legend { gap:12px; margin-top:7px; font-size:12px; } html:not([data-vita-skin]) .chart-expand { flex-basis:26px; height:26px; border:0; border-radius:6px; background:#f3f5f9; color:#667791; box-shadow:none; } } @media (min-width:900px) and (max-width:1099px) { html:not([data-vita-skin]) main { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (prefers-reduced-motion:reduce) { html:not([data-vita-skin]) .report-panel { transition:none; } html:not([data-vita-skin]) .report-panel:hover { transform:none; } } @media (min-width:1000px) { html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-overview-header { padding:2px 2px 8px; border:0; border-radius:0; background:transparent; box-shadow:none; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-report { overflow:hidden; border:1px solid #e2e9f2!important; border-radius:14px; background:#fff; box-shadow:0 2px 8px #26355005; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-report-head { margin:0; border:0; border-bottom:1px solid #e6ecf3; border-radius:0; padding:10px 24px!important; background:linear-gradient(90deg,#f5f3fb,#fff 60%); box-shadow:none; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-source { margin:0; border:0; border-top:1px solid #e7ecf3; border-radius:0; background:#ffffffa8; box-shadow:none; } } @media (min-width:900px) { html:not([data-vita-skin]) main { gap:0; padding:0; } html:not([data-vita-skin]) .report-headline { padding:16px 24px 0; } html:not([data-vita-skin]) .report-panel, html:not([data-vita-skin]) .report-panel:hover { border:0!important; border-radius:0; background:transparent!important; box-shadow:none; transform:none; transition:none; } html:not([data-vita-skin]) .report-panel::before { display:none; } html:not([data-vita-skin]) .blue-panel { padding:18px 24px; border-bottom:1px solid #e9edf2!important; background:#fff!important; } html:not([data-vita-skin]) .blue-panel h2 { font-size:18px; } html:not([data-vita-skin]) .blue-panel p { font-size:14px; } html:not([data-vita-skin]) :is(.apricot-panel,.mint-panel,.lavender-panel) { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:subgrid; grid-row:span 2; gap:16px; padding:20px 24px; } html:not([data-vita-skin]) :is(.mint-panel,.lavender-panel) { border-left:1px solid #e5ebf2!important; } html:not([data-vita-skin]) .report-panel > .chart-figure, html:not([data-vita-skin]) .report-panel > .vr-chart-group { margin-top:0; align-self:start; border:0; background:transparent; box-shadow:none; } } @media (min-width:900px) and (max-width:1099px) { html:not([data-vita-skin]) .lavender-panel { grid-column:1/-1; grid-row:auto; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto; align-items:center; border-top:1px solid #e5ebf2!important; border-left:0!important; } } @media (min-width:1000px) { html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-metric-bottom > em { display:none; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading { flex-wrap:wrap; gap:10px 16px; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading nav { display:inline-flex; align-items:center; gap:2px; margin-left:auto; padding:3px; border:1px solid #e3e9f1; border-radius:9px; background:#edf1f6; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading nav button { min-height:26px; margin:0!important; padding:4px 9px; border:0; border-radius:6px; background:transparent; box-shadow:none; color:#6a7787; font-size:11px; line-height:16px; } html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading nav button:hover, html[data-vita-skin="a"] body.gmd-unified:has(#page.gm-role-home) .gmd-home-slot .gmd-fixed-heading nav button:active { background:#fff; color:#29486d; box-shadow:0 1px 3px #2635500c; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-pulse .pulse-viz { min-height:66px; margin-top:12px; padding:10px 12px; border:1px solid #e6ecf4; border-radius:10px; background:linear-gradient(180deg,#fcfdff,#f6f8fc); box-shadow:inset 0 1px 2px #26355004; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r43-pulse-plot { height:auto!important; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-mini { height:52px; border-radius:4px; background:linear-gradient(to bottom,transparent 32%,#e8edf4 33%,transparent 34%,transparent 65%,#e8edf4 66%,transparent 67%); } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-mini path[stroke] { stroke-width:2.25; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-mini circle { stroke:#fff; stroke-width:1.5; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-mini circle:last-of-type { r:3.2; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-mini text { fill:#8793a2; font-size:10px; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-chart-range { display:block; margin-top:3px; color:#8a95a3; font-size:10px; line-height:14px; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-bullet { height:8px!important; margin:18px 0 12px!important; border-radius:999px; background:#e6ebf2; box-shadow:inset 0 1px 2px #26355008; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-bullet > i { border-radius:999px; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-bullet > u { top:-4px; bottom:-4px; border-left:1.5px solid #5c6b7e; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-bullet > u > em { color:#748191; font-size:10px; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-province { align-items:center; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-province .r37-bullet { margin:16px 0 8px; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-ring { width:116px; height:116px; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-ring circle { stroke-width:10; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-ring .ring-value { fill:#27364a; font-size:22px; font-weight:600; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-state-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-state-tiles > div { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:6px 8px; border:1px solid #e6ecf3; border-radius:7px; background:#fff; } html[data-vita-skin="a"] body.gmd-unified #page.gm-role-home .r37-service-totals { margin-top:8px; padding-top:7px; border-top:1px solid #e8edf3; } } /* analysis-reading.css */ /* The accepted analysis is unchanged; one reading scale and one drawer entry. */ html[data-vita-skin="a"] body.vita-workspace #page .uik-review { scroll-margin-top:76px; } html[data-vita-skin="a"] body.vita-workspace #page .uik-review-b { display:block; padding:18px 20px 12px; margin:0; } html[data-vita-skin="a"] body.vita-workspace #page .uik-review-b > :is(.l,.r) { width:auto; padding:0; margin:0; border:0; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 12px; font-variant-numeric:tabular-nums; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-metrics > div { min-width:0; padding:12px 14px; background:#f6f8fc; border-radius:8px; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-metrics span { display:block; font-size:var(--vita-text-source-size); line-height:1.5; color:#525c6c; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-metrics strong { display:flex; align-items:baseline; gap:5px; margin:5px 0; color:#202832; font-size:24px; line-height:1.2; font-weight:650; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-metrics small { font-size:var(--vita-text-meta-size); font-weight:400; color:#697384; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-metrics p { margin:0; font-size:var(--vita-text-meta-size); line-height:1.5; color:#647083!important; } html[data-vita-skin="a"] body.vita-workspace #page :is(.r16-review-areas,.uik-review-b .ddx-review) { margin:6px 0 0; padding:0; border:0; font-size:var(--vita-text-meta-size); line-height:1.7; color:#667184; } html[data-vita-skin="a"] body.vita-workspace #page .uik-review-ai { padding:0 20px 20px; } html[data-vita-skin="a"] body.vita-workspace #page .uik-review-ai .vr-review-analysis { display:block; padding:16px 0 0; margin:0; background:transparent!important; border:0; border-top:1px solid #e8ecf2; border-radius:0; box-shadow:none; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 10px; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-heading .uik-ai-prov { margin:0; font-size:var(--vita-text-meta-size); color:#697387; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-analysis > h3 { margin:0 0 8px; padding:0; font-size:16px; line-height:1.65; font-weight:650; color:#222d3a; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-analysis > .view-note { margin:0 0 14px; font-size:var(--vita-text-meta-size); line-height:1.65; color:#697487!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-list { list-style:none; padding:0; margin:0; display:grid; gap:0; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-list > li { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:26px; padding:18px 0; margin:0; border-top:1px solid #e9edf3; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-list h4 { display:flex; align-items:flex-start; gap:10px; margin:0 0 9px; font-size:var(--vita-text-body-size); line-height:1.7; font-weight:650; color:#263241; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-number { flex:none; width:25px; padding-top:2px; color:#7b87a0; font-size:var(--vita-text-meta-size); font-weight:500; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-prose > p { margin:0 0 0 35px; font-size:var(--vita-text-body-size); line-height:1.8; color:#465264!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-quotes { min-width:0; display:grid; align-content:start; gap:8px; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-quotes blockquote { margin:0; padding:10px 13px; border:0; border-left:2px solid #dce3ef; border-radius:0 6px 6px 0; background:#f8f9fc; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-quotes p { margin:0; font-size:var(--vita-text-source-size); line-height:1.75; color:#526074!important; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-review-quotes cite { display:block; margin-top:6px; font-size:var(--vita-text-meta-size); font-style:normal; color:#7d8796; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-analysis-access { display:block; border:0; padding:0; margin:12px 0 0; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-heading .vr-analysis-access { margin:0; flex:none; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-analysis-open { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:5px 11px; border:1px solid #dfe5ef; border-radius:6px; background:#fff; color:#466086; font-size:var(--vita-text-source-size); font-weight:500; line-height:1.5; font-family:inherit; cursor:pointer; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-analysis-open:hover { background:#f1f5fb; border-color:#c6d3e7; } html[data-vita-skin="a"] body.vita-workspace :is(#page,#drawer) .vr-analysis-open:focus-visible { outline:2px solid #6893ca; outline-offset:3px; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-analysis-reading { font-size:var(--vita-text-body-size); line-height:var(--vita-reading-line); color:#384657; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-analysis-reading > h2 { margin:0 0 20px; font-size:18px; line-height:1.7; font-weight:650; color:#243043; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-analysis-reading :is(h3,h4) { font-size:15px; line-height:1.7; color:#29364a; font-weight:650; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-analysis-reading p { margin:8px 0 14px; font-size:var(--vita-text-body-size); line-height:var(--vita-reading-line); } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-review-list > li { display:block; padding:20px 0; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-review-quotes { margin:14px 0 0 35px; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-review-prose > .vr-review-refs { margin-top:8px; font-size:var(--vita-text-meta-size); color:#768296!important; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-analysis-reading .vr-review-prose > p { margin-left:35px; } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-analysis-reading .vr-review-quotes p { margin:0; font-size:var(--vita-text-source-size); } html[data-vita-skin="a"] body.vita-workspace #drawer .vr-analysis-reading .uik-ai-source { margin-top:24px; padding-top:18px; border-top:1px solid #e5eaf1; } html[data-vita-skin="a"] body.vita-workspace #drawer .uik-ai-source :is(p,dt,dd) { margin:0; font-size:var(--vita-text-meta-size); line-height:1.8; color:#738095!important; overflow-wrap:anywhere; } html[data-vita-skin="a"] body.vita-workspace #drawer .uik-ai-source dl > div { display:grid; grid-template-columns:72px minmax(0,1fr); gap:10px; margin:5px 0; } @media(max-width:1050px) { html[data-vita-skin="a"] body.vita-workspace #page .vr-review-list > li { grid-template-columns:1fr; gap:12px; } html[data-vita-skin="a"] body.vita-workspace #page .vr-review-quotes { margin-left:35px; } } @media(max-width:650px) { html[data-vita-skin="a"] body.vita-workspace #page .vr-review-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } } /* role-page-refinement.css */ /* The GM / OD sample, shared by the remaining role surfaces. */ @media (min-width:1000px) { html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) { padding-top:24px!important; gap:14px!important; background:radial-gradient(900px 260px at 18% 0%,#edf2fa 0%,transparent 72%),#f5f6f8!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-summary.gmd-overview-header { padding:2px 2px 8px; border:0; background:transparent; box-shadow:none; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-summary .gmd-overview-greeting { color:#1b2430!important; font-size:24px!important; line-height:1.25!important; letter-spacing:-.025em; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-summary .gmd-overview-brief { margin-top:2px; color:#4c5969!important; font-size:14px; line-height:1.75; letter-spacing:0; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-daily.gmd-report { overflow:hidden; margin-bottom:14px; border:1px solid #e2e9f2!important; border-radius:14px; background:#fff; box-shadow:0 2px 8px #26355005; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-daily .gmd-report-head { min-height:44px; gap:14px; padding:10px 24px!important; border-bottom:1px solid #e6ecf3; background:linear-gradient(90deg,#f5f3fb,#fff 60%); } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-daily .gmd-report-head h2 { color:#1b2430!important; font-size:15px!important; line-height:22px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-daily .gmd-report-head h2 span { border:1px solid #e8e0f6!important; border-radius:6px; background:#f2edff!important; color:#8068b3!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-daily .gmd-report-head p { color:#7d8997!important; font-size:12px; line-height:18px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-daily .gmd-frame { background:transparent; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-basis .gmd-toggle { min-height:40px; padding:10px 24px; border:0; border-radius:0; background:#ffffffa8; font-size:12px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-basis-content.gmd-source { padding:10px 16px 12px; border:0; border-top:1px solid #e7ecf3; background:#fff; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .gmd-fixed-heading { flex-wrap:wrap; gap:10px 16px; min-height:44px; padding:10px 2px!important; border:0; background:transparent; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .gmd-fixed-heading h2 { color:#1b2430!important; font-size:16px!important; line-height:22px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .gmd-fixed-heading nav { display:inline-flex; align-items:center; gap:2px; margin-left:auto; padding:3px; border:1px solid #e3e9f1; border-radius:9px; background:#edf1f6; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .gmd-fixed-heading nav button { min-height:26px; margin:0!important; padding:4px 9px; border:0; border-radius:6px; background:transparent; box-shadow:none; color:#6a7787; font-size:11px; line-height:16px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .gmd-fixed-heading nav button:hover, html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .gmd-fixed-heading nav button:active { background:#fff; color:#29486d; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) :is(.mod,.card,.r37-pulse,.gmd-data-overview) { border-color:#e3eaf2!important; border-radius:14px; background:#fff; box-shadow:0 2px 8px #26355004; } /* The same light navigation for every role, with demo tools at the bottom. */ html[data-vita-skin="a"] body.vita-workspace #side { background:#fbfcfe!important; border-color:#e6eaf0!important; } html[data-vita-skin="a"] body.vita-workspace #side :is(.nav-item,#sideAreas a) { color:#657184!important; } html[data-vita-skin="a"] body.vita-workspace #side :is(.nav-item,#sideAreas a):hover { background:#f1f4f9!important; color:#283448!important; } html[data-vita-skin="a"] body.vita-workspace #side :is(.nav-item.on,.nav-item.active,a[aria-current="page"],#sideAreas .nav-area.on) { background:#eaf1ff!important; color:#4269aa!important; box-shadow:inset 3px 0 #8aa6d5!important; } html[data-vita-skin="a"] body.vita-workspace #side :is(.nav-label,.side-foot) { color:#98a2b0!important; } /* One band of operating figures, not a separate colored card for every figure. */ html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics { overflow:hidden; border:1px solid #e3eaf3!important; border-radius:14px; background:#fff!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics .pulse { gap:0!important; padding:0!important; background:transparent!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics .pulse-cell { padding:14px 16px!important; border:0!important; border-left:1px solid #e4eaf2!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics .pulse-cell:first-child { border-left:0!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics .pulse-value { font-size:27px!important; font-weight:600; letter-spacing:-.03em; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics :is(.pulse-label,.pulse-note) { font-size:12px!important; line-height:1.55; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics .vr-native-brief { padding:14px 16px 10px!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics .pulse-label > em { display:none; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .vr-today-work { overflow:hidden; gap:0; border:1px solid #e3eaf3!important; border-radius:14px; background:#fff; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .vr-today-work>.card { border:0!important; border-left:1px solid #e4eaf2!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .vr-today-work>.card:first-child { border-left:0!important; } /* Charts retain their data, axes and comparisons; only the surrounding material changes. */ html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .vr-metrics .pulse-viz { min-height:66px; margin-top:12px; padding:10px 0 0; border:0; border-top:1px solid #edf0f5; border-radius:0; background:transparent; box-shadow:none; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r43-pulse-plot { height:auto!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-mini { height:52px; border-radius:4px; background:linear-gradient(to bottom,transparent 32%,#e8edf4 33%,transparent 34%,transparent 65%,#e8edf4 66%,transparent 67%); } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-mini path[stroke] { stroke-width:2.25; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-mini circle { stroke:#fff;stroke-width:1.5; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-mini circle:last-of-type { r:3.2; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-mini text { fill:#8793a2;font-size:10px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-chart-range { display:block;margin-top:3px;color:#8a95a3;font-size:10px;line-height:14px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-bullet { height:8px!important;margin:18px 0 12px!important;border-radius:999px;background:#e6ebf2;box-shadow:inset 0 1px 2px #26355008; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-bullet > i { border-radius:999px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-bullet > u { top:-4px;bottom:-4px;border-left:1.5px solid #5c6b7e; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-bullet > u > em { color:#748191;font-size:10px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-ring { width:116px;height:116px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-ring circle { stroke-width:10; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-ring .ring-value { fill:#27364a;font-size:22px;font-weight:600; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-state-tiles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-state-tiles > div { display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 8px;border:1px solid #e6ecf3;border-radius:7px;background:#fff; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page:not(.gm-role-home) .r37-service-totals { margin-top:8px;padding-top:7px;border-top:1px solid #e8edf3; } /* Work pages keep their queues and confirmation flow, using the same continuous surfaces. */ html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .r41-work-brief { gap:20px!important; padding:14px 18px!important; border:1px solid #e2e9f2!important; border-radius:14px!important; background:#fff!important; box-shadow:0 2px 8px #26355004; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .r41-work-brief :is(.r41-work-metric,.pulse-cell) { min-height:58px; padding:8px 12px!important; border-left:1px solid #e4eaf2!important; border-radius:0!important; background:transparent!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .r41-work-brief .pulse-value { min-height:28px!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page :is(.qwrap,.cs-work,.work-wrap>.cols) > :is(.journey-queue,#od-work-list) { top:24px; margin-top:0; max-height:calc(100vh - 48px); border-radius:12px; } html[data-vita-skin="a"] body.vita-workspace #od-work-list .grp-h { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; } html[data-vita-skin="a"] body.vita-workspace #od-work-list .grp-h > b { margin:0; } html[data-vita-skin="a"] body.vita-workspace #od-work-list .r44-group-state { grid-column:1 / -1; color:#7d8997; font-size:11px; font-weight:400; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page :is(#sp-bk,.r37-confirm-follow,.cs-obj>.cs-card,.work-wrap .right>.detail) { border-color:#e2e9f2!important; border-radius:14px!important; background:#fff!important; box-shadow:0 2px 8px #26355004; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .cs-obj>.cs-oh { border-radius:0!important; background:transparent!important; box-shadow:none; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .vr-month-progress { gap:0!important; border:1px solid #e2e9f2!important; border-radius:14px!important; padding:0!important; background:linear-gradient(135deg,#fff,#fafbff)!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .vr-month-progress > :is(.store-month-item,.store-month-ratio) { padding:16px 18px!important; border-radius:0; background:transparent!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page .vr-month-progress > :is(.store-month-item,.store-month-ratio) + * { border-left:1px solid #e4eaf2!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role] #page :is(section,article)[id] { scroll-margin-top:24px; } /* The specialist's current store keeps its own analysis structure. */ html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page #sp-bk .dsi-root { border:0!important; border-radius:0!important; background:transparent!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page :is(.dsi-lead,.dsi-evidence-row) { padding:18px 24px!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-lead { background:linear-gradient(100deg,#f7f5fb,#fff 75%)!important; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-lead h2 { font-size:19px!important;font-weight:600; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-lead>p { font-size:14px;line-height:1.75; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-evidence { padding:0; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-chart { padding:0 0 0 20px;border:0;border-left:1px solid #edf0f4;border-radius:0;background:transparent!important;box-shadow:none; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-evidence-copy h3 { font-size:15px;line-height:1.6;margin-bottom:12px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-evidence-copy p { font-size:13.5px;color:#536174;line-height:1.8; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-chart figcaption { font-size:12px;line-height:18px;margin-bottom:10px; } html[data-vita-skin="a"] body.vita-workspace[data-vita-role="ds"] #page .dsi-chart figcaption span { color:#758091; } } /* demo-chrome.css */ @media (min-width:1000px) { body.vita-workspace #top { display:none!important; } body.vita-workspace :is(.uik-drawer,#drawer) { top:0!important; height:100vh!important; } html[data-vita-skin="a"] body.vita-workspace #gmd-home-slot { padding-top:32px!important; } body.vita-workspace #page { padding-top:32px!important; } #side .demo-role-tools { display:grid; gap:8px; margin-top:auto; padding:14px 10px 0; } #side .demo-role-tools + .side-foot { margin-top:0; padding-top:10px; } #side .demo-role-tools select { display:block; width:100%; max-width:none!important; height:30px; min-height:30px; padding:0 8px; border:1px solid #e1e6ed; border-radius:7px; background:#fff; color:#657184; font-size:11px; } #side .demo-role-tools select:focus-visible { outline:2px solid #9aaccc; outline-offset:2px; } } /* source-reading.css */ /* Shared reading layout for the existing sources and evidence text. */ #page .vr-basis-content { padding:0!important; } .vita-source-reading { padding:18px 24px 22px; color:#5d6778; font-variant-numeric:tabular-nums; } .vita-source-reading .vita-source-scope { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; padding:0 0 16px; } .vita-source-reading .vita-source-scope + .vita-source-scope { padding-top:14px; border-top:1px solid var(--vita-source-divider); } .vita-source-reading h3 { margin:0; color:var(--vita-source-heading); font-size:var(--vita-text-source-size); line-height:1.65; font-weight:600; overflow-wrap:anywhere; } .vita-source-reading :is(p,li) { margin:0; color:var(--vita-source-text); font-size:var(--vita-text-source-size); line-height:var(--vita-reading-line); overflow-wrap:anywhere; } .vita-source-reading ul { margin:0; padding:0; list-style:none; } .vita-source-reading .vita-source-topics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; } .vita-source-reading .vita-source-topic { min-width:0; padding:16px 0; border-top:1px solid #e8edf4; } .vita-source-reading .vita-source-topic h3 { display:flex; align-items:baseline; gap:9px; margin:0 0 10px; font-size:var(--vita-text-body-size); line-height:1.6; } .vita-source-reading .vita-source-topic h3 > span { flex:none; color:#9ba9bd; font-size:var(--vita-text-small-size); letter-spacing:.04em; font-weight:500; } .vita-source-reading .vita-source-topic li { position:relative; padding-left:12px; } .vita-source-reading .vita-source-topic li + li { margin-top:8px; } .vita-source-reading .vita-source-topic li::before { content:""; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:50%; background:#b4c1d4; } #gmd-home-slot .gmd-source-brief.vita-source-reading { margin:0!important; padding:18px 24px 20px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } #gmd-home-slot .vita-source-reading .vita-source-scope p { font-size:var(--vita-text-source-size); line-height:var(--vita-reading-line); margin:0; } #gmd-home-slot .vita-source-reading .vita-source-link { display:inline-block; margin:0 0 0 128px; color:#637cad; font-size:var(--vita-text-meta-size); } .vr-detail-document .vita-source-reading { padding:16px 0 0; } .vr-detail-document .vita-source-reading .vita-source-topics { grid-template-columns:1fr; } .vr-detail-document .vita-source-reading .vita-source-scope { grid-template-columns:1fr; gap:7px; } .vr-detail-document .vr-chart-scope { margin:10px 0 0; font-size:var(--vita-text-meta-size); line-height:1.65; overflow-wrap:anywhere; } @media(max-width:800px) { .vita-source-reading { padding:16px 18px; } .vita-source-reading .vita-source-topics { grid-template-columns:1fr; } .vita-source-reading .vita-source-scope { grid-template-columns:1fr; gap:7px; } #gmd-home-slot .vita-source-reading .vita-source-link { margin-left:0; } } /* predeploy-fixes.css */ .v4 .coverage-note {font-size:12px;line-height:1.5;color:var(--muted);margin:4px 0 8px;font-weight:400;white-space:normal} .role-history-readonly {margin:8px 0 12px;padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:6px;background:#fafafa} .role-history-readonly summary {cursor:pointer;font-size:13px;color:var(--muted)} .role-history-readonly article {padding:12px 0;border-top:1px solid var(--line,#e5e7eb);margin-top:8px;font-size:13px;line-height:1.7} .role-history-readonly p {margin:5px 0 0} .qlist .grp.is-empty {padding-bottom:0!important;min-height:0!important} .qlist .it.qi>b {white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important;line-height:1.5}