/* /solutions/shadow-ai-agents v1 (2026-10-04) · on usecase.css, the Secure AI agents use-case design (ElevenLabs outbound-agents' order,
   Okta's voice; build/solutions-v2/GUIDE-UC.md). This file holds the page's graphite field and its own scenes only, every class prefixed
   shd-. Hawcx screens are dark; the systems the agents call (HR, a workflow tool, the ERP, an agent's settings, the wiki) stay light.
   Cast: Halcyon Media; Owen Price, Lena Ortiz, Mia Okoye; Kai Morgan (a new hire's record). */

/* ---------- the graphite field (build/solutions-v2/PAGES.md row 8): it must still read as graphite next to the #1c1c1c hero ---------- */
body.elv.pg-shd{
  --sol-field:url(/assets/grain-tile.png) 0 0/128px 128px repeat,radial-gradient(60% 70% at 88% 6%,rgba(200,215,235,.34),rgba(200,215,235,0) 70%),linear-gradient(32deg,#15171b 0%,#2c3038 38%,#4d5562 74%,#76808f 100%);
  --sol-field-base:#3a4049;
  --sol-card-field:url(/assets/grain-tile.png) 0 0/128px 128px repeat,radial-gradient(70% 90% at 90% 0%,rgba(200,215,235,.22),rgba(200,215,235,0) 70%),linear-gradient(32deg,#15171b 0%,#2c3038 50%,#4a525e 100%);
  --sol-soft:linear-gradient(160deg,#f1f2f4 0%,#e3e6ea 100%);
  --sol-soft-base:#eaecef;
}
body.elv .shd-tray{box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}

/* ---------- hero: one shadow agent's story in Discovery (denied, enrolled, then decided like any agent) ---------- */
body.elv .shd-limit{max-width:440px;margin:18px 0 0;font-size:13px;line-height:20px;color:rgba(255,255,255,.55)}
body.elv .uc-tray .shd-cs .sol-cs-who .sol-mk{width:18px}
body.elv .uc-tray .shd-cs .sol-cs-main{gap:12px}
body.elv .shd-agent{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:12px;margin:0}
body.elv .shd-agent b{display:block;font-weight:500;font-size:13px;color:#fff}
body.elv .shd-agent em{display:block;font-style:normal;font-size:12px;line-height:17px;color:rgba(255,255,255,.58)}
body.elv .shd-bot{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#1f1f22;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#aebbd0}
body.elv .shd-bot svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.elv .uc-tray .shd-deny .sol-tc-why{color:#ff7d7a}
body.elv .shd-deny .sol-tc-i{background:rgba(255,125,122,.14);color:#ff7d7a}
body.elv .shd-cs .sol-o--deny{color:#ff7d7a}
/* the enrol card, inline in the console between the denied call and the calls that follow */
body.elv .shd-enrol{margin:0;padding:12px 14px;border-radius:12px;background:#1f1f23;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body.elv .shd-enrol p{margin:0}
body.elv .shd-enrol-k{font-size:13.5px;line-height:20px;color:#fff}
body.elv .shd-enrol-k b{font-weight:500;font-size:12.5px}
body.elv .shd-enrol-s{margin-top:3px!important;font-size:12.5px;line-height:18px;color:rgba(255,255,255,.62)}
body.elv .shd-enrol-done{display:flex;align-items:center;gap:8px;margin-top:10px!important;font-size:12.5px;line-height:18px;color:#fff}
body.elv .shd-enrol-done em{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#4cc488;color:#161618;font-style:normal;font-size:10px}

/* ---------- jobs · the five systems' windows (light) ---------- */

/* v4 (user: "Theses are definetly not good, go back and check some elevn labs or cursor references for such usecases"): Cursor's
   grammar (cursor.com, "In every tool, at every step"): the stage is the page's painted field; the real tool where the agent lives sits on
   it full size, cropped by the stage's right and bottom edges; one dark Hawcx surface overlaps it. No device mock-ups. */
body.elv .uc-many .cl-stage.shd-stage{background:var(--sol-card-field);background-color:var(--sol-field-base)}
body.elv .uc-many .cl-stage.shd-stage>[data-panel]{display:block;padding:0}
body.elv .shd-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#2ea866;vertical-align:1px}
body.elv .shd-big{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#ece6fb;color:#5b3fb8;font-size:13px;font-weight:500}
body.elv .shd-edit{padding:1px 8px;border-radius:6px;box-shadow:inset 0 0 0 1.5px rgba(190,46,49,.45);background:#fdf0ef}
body.elv .shd-edit s{color:#be2e31;text-decoration-thickness:1.5px}
body.elv .shd-o-ok{font-style:normal;font-weight:500;color:#4cc488}
body.elv .shd-o-rej{font-style:normal;font-weight:500;color:#f0a456}
body.elv .shd-o-deny{font-style:normal;font-weight:500;color:#ff7d7a}

/* the tool's window: anchored top-left on the stage, cropped by its right and bottom edges */
body.elv .shd-app{position:absolute;left:36px;top:36px;right:-1px;bottom:-1px;display:flex;flex-direction:column;border-radius:12px 0 0 0;overflow:hidden;background:#fff;color:#1c1b18;font-size:13px;line-height:19px;
  box-shadow:0 0 0 1px rgba(0,0,0,.08),0 40px 80px -30px rgba(0,0,0,.6)}
body.elv .shd-app p{margin:0}
body.elv .shd-chrome{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:#f4f3f1;border-bottom:1px solid rgba(0,0,0,.06)}
body.elv .shd-chrome>i{width:10px;height:10px;border-radius:50%;background:#dcdad6}
body.elv .shd-url{margin-left:12px;padding:2px 12px;border-radius:999px;background:#fff;font-size:11.5px;color:rgba(28,27,24,.64);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-chrome--con{background:#1f232b;border-bottom-color:rgba(255,255,255,.06)}
body.elv .shd-chrome--con>i{background:#3a3f49}
body.elv .shd-chrome--con .shd-url{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);box-shadow:none}
body.elv .shd-chrome--term{background:#202125;border-bottom-color:rgba(255,255,255,.06)}
body.elv .shd-chrome--term>i{background:#3a3b40}
body.elv .shd-chrome--term .shd-url{margin:0 auto;padding:0;background:none;box-shadow:none;color:rgba(255,255,255,.5)}

/* 1 · the HR web app */
body.elv .shd-hr{flex:1;display:grid;grid-template-columns:150px minmax(0,1fr)}
body.elv .shd-hr-side{display:flex;flex-direction:column;gap:2px;padding:16px 10px;background:#fafaf9;border-right:1px solid rgba(0,0,0,.05)}
body.elv .shd-hr-side b{margin:0 8px 6px;font-weight:500;font-size:12px;color:rgba(28,27,24,.64)}
body.elv .shd-hr-side span{padding:5px 8px;border-radius:7px;font-size:12.5px;color:rgba(28,27,24,.72);white-space:nowrap}
body.elv .shd-hr-side span.is-on{background:#efeeeb;color:#1c1b18}
body.elv .shd-hr-main{padding:22px 24px}
body.elv .shd-hr-who{display:flex;align-items:center;gap:14px;margin-bottom:16px}
body.elv .shd-hr-who b{display:block;font-weight:500;font-size:15px;line-height:21px}
body.elv .shd-hr-who em{display:block;font-style:normal;font-size:12.5px;color:rgba(28,27,24,.64)}
body.elv .shd-hr-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.06)}
body.elv .shd-hr-row>span:first-child{width:96px;flex:none;color:rgba(28,27,24,.64)}
body.elv .shd-hr-row b{font-weight:400}
body.elv .shd-hr-row.is-edit{flex-wrap:wrap}
body.elv .shd-by{display:flex;align-items:center;gap:6px;margin-left:auto;font-style:normal;font-size:12px;color:rgba(28,27,24,.64)}
body.elv .shd-spin{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(28,27,24,.18);border-top-color:rgba(28,27,24,.6)}
/* Hawcx's notification, over the window's top right, as the OS shows it */
body.elv .shd-ntf{position:absolute;right:20px;bottom:26px;width:300px;display:flex;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(22,22,24,.96);color:rgba(255,255,255,.78);font-size:12.5px;line-height:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 48px -16px rgba(0,0,0,.7)}
body.elv .shd-ntf-ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#0f0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body.elv .shd-ntf-ic .sol-mk{width:19px}
body.elv .shd-ntf b{display:block;font-weight:600;color:#fff}
body.elv .shd-ntf b em{margin-left:6px;font-style:normal;font-weight:400;color:rgba(255,255,255,.5)}

/* 2 and 3 · the cloud console */
body.elv .shd-con2{flex:1;padding:18px 20px}
body.elv .shd-con2-hd{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06)}
body.elv .shd-fn-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#fff1e6;color:#b8560f;font-size:18px}
body.elv .shd-con2-hd b{display:block;font-weight:500;font-size:13.5px}
body.elv .shd-con2-hd em{display:block;font-style:normal;font-size:12px;color:rgba(28,27,24,.64)}
body.elv .shd-tabs{display:flex;gap:2px;padding:3px;border-radius:9px;background:#f2f1ef;font-size:12px}
body.elv .shd-tabs span{padding:3px 10px;border-radius:7px;color:rgba(28,27,24,.64)}
body.elv .shd-tabs .is-on{background:#fff;color:#1c1b18;box-shadow:0 1px 2px rgba(0,0,0,.08)}
body.elv .shd-log2{margin-top:12px;font:12px/24px var(--mono)}
body.elv .shd-log2 p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-log2 span{margin-right:14px;color:rgba(28,27,24,.5)}
body.elv .shd-ok{font-weight:500;color:#177a43}
body.elv .shd-vm2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.8fr) minmax(0,1fr);align-items:center;column-gap:12px;padding:11px 10px;border-bottom:1px solid rgba(0,0,0,.06)}
body.elv .shd-vm2>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-vm2 .sol-mono{font-size:12px}
body.elv .shd-vm2--hd{padding-top:0;font-size:12px;color:rgba(28,27,24,.6)}
body.elv .shd-vm2.is-hot{border-radius:8px;background:#fdf3e7;border-bottom-color:transparent}
body.elv .shd-tagv{font:12px var(--mono);color:#9a4f06}

/* 4 · the terminal */
body.elv .shd-app--term{background:#17181b;color:#e6e6e6}
body.elv .shd-term2{flex:1;padding:16px 18px;font:12.5px/22px var(--mono)}
body.elv .shd-term2 p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-p{color:#6fcf97}
body.elv .shd-dim{color:rgba(255,255,255,.5)}
body.elv .shd-err{color:#ff7d7a}
body.elv .shd-cur{display:inline-block;width:8px;height:15px;vertical-align:-3px;background:#e6e6e6}

/* 5 · the meeting app */
body.elv .shd-app--call{background:#111214;color:#fff}
body.elv .shd-grid2{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
body.elv .shd-t{position:relative;display:grid;place-items:center;border-radius:10px;background:#2a3442}
body.elv .shd-t2{background:#3a2f45}
body.elv .shd-t3{background:#2f4036}
body.elv .shd-t b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);font-weight:500;font-size:15px}
body.elv .shd-t em{position:absolute;left:10px;bottom:9px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.45);font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.88)}
body.elv .shd-tbot{background:#1b1c20;box-shadow:inset 0 0 0 1.5px #2f7dfa}
body.elv .shd-tbot-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(47,125,250,.14);color:#8ab4ff}
body.elv .shd-tbot-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* the Hawcx surface overlapping the tool: bottom left, dark */
body.elv .shd-hxw{position:absolute;left:18px;bottom:22px;width:330px;padding:12px 14px;border-radius:14px;background:#161618;color:rgba(255,255,255,.88);font-size:12.5px;line-height:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.09),0 30px 60px -20px rgba(0,0,0,.8)}
body.elv .shd-hxw p{margin:0}
body.elv .shd-hxw-hd{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:6px!important;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;color:rgba(255,255,255,.62);white-space:nowrap}
body.elv .shd-hxw-hd .sol-mk{width:18px}
body.elv .shd-hxw-hd b{font-weight:500;color:#fff}
body.elv .shd-hxw-hd i{font-style:normal;color:rgba(255,255,255,.3)}
body.elv .shd-hxw-r{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:6px 0}
body.elv .shd-hxw-r b{display:block;font-weight:500;color:#fff;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-hxw-r em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-hxw-bot{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1f1f22;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#aebbd0}
body.elv .shd-hxw-bot svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.elv .shd-hxw-bot--copy{background:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22)}
body.elv .shd-hxw-ft{margin-top:6px!important;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:rgba(255,255,255,.6)}
body.elv .shd-hxw-r2{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:6px 0}
body.elv .shd-hxw-r2+.shd-hxw-r2{border-top:1px solid rgba(255,255,255,.06)}
body.elv .shd-hxw-r2 span:last-child{color:rgba(255,255,255,.78)}
body.elv .shd-tg{position:relative;width:30px;height:17px;border-radius:999px;background:#3a3a3e}
body.elv .shd-tg::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)}

/* ---------- platform · Discovery (dark): the list, one denied call, one enrolled agent ---------- */
body.elv .shd-row{display:grid;grid-template-columns:minmax(0,1.6fr) 70px minmax(0,1fr) 92px;align-items:center;column-gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
body.elv .shd-row>span:nth-child(2){text-align:right;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
body.elv .shd-row>span:nth-child(3){color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-row>.sol-o{text-align:right}
body.elv .shd-row b{display:block;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-row b.sol-mono{font-size:12.5px}
body.elv .shd-row em{display:block;font-style:normal;font-size:12px;line-height:17px;color:rgba(255,255,255,.55)}
body.elv .shd-row--hd{padding-top:0;font-size:12px;color:rgba(255,255,255,.5)!important}
body.elv .shd-row--hd>span{color:rgba(255,255,255,.5)!important}
body.elv .shd-row--hd>span:last-child{text-align:right}
body.elv .shd-call-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:rgba(255,255,255,.58)}
body.elv .shd-call-what{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:10px!important}
body.elv .shd-call-what .sol-mono{font-size:15px;font-weight:400;color:#fff}
body.elv .shd-call-what span{font-size:13.5px;color:rgba(255,255,255,.7)}
body.elv .shd-call-ls{margin:14px 0 0;padding:0;list-style:none}
body.elv .shd-call-ls li{display:grid;grid-template-columns:20px 110px minmax(0,1fr);align-items:center;column-gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.elv .shd-call-ls b{font-weight:400;color:#fff}
body.elv .shd-call-ls span{color:rgba(255,255,255,.72)}
body.elv .shd-call-ls i{position:relative;display:grid;place-items:center;width:20px;height:20px;border-radius:50%}
body.elv .shd-call-ls .is-no i{background:rgba(255,125,122,.15)}
body.elv .shd-call-ls .is-no i::before,body.elv .shd-call-ls .is-no i::after{content:"";position:absolute;left:5px;top:9.1px;width:10px;height:1.8px;border-radius:1px;background:#ff7d7a;transform:rotate(45deg)}
body.elv .shd-call-ls .is-no i::after{transform:rotate(-45deg)}
body.elv .shd-call-ls .is-na i{background:rgba(255,255,255,.07)}
body.elv .shd-call-ls .is-na i::after{content:"";width:8px;height:1.8px;border-radius:1px;background:rgba(255,255,255,.55)}
body.elv .shd-call-ft{margin-top:12px!important;font-size:12.5px;color:rgba(255,255,255,.58)}
body.elv .shd-card-hd{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;column-gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .shd-card-hd b{display:block;font-weight:500;color:#fff}
body.elv .shd-card-hd em{display:block;font-style:normal;font-size:12.5px;line-height:18px;color:rgba(255,255,255,.58)}
body.elv .shd-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
body.elv .shd-rule em{font-style:normal}
body.elv .shd-card .sol-o,body.elv .shd-row .sol-o,body.elv .shd-call-hd .sol-o{font:500 12px/18px var(--sans,Inter,system-ui,sans-serif);letter-spacing:0;text-transform:none}
body.elv .shd-card-ft{margin-top:12px!important;font-size:12.5px;color:rgba(255,255,255,.58)}

body.elv .shd-tg.is-on{background:#2f7dfa}
body.elv .shd-tg.is-on::after{left:15px}

/* ---------- get started · the two small Hawcx views ---------- */
body.elv .shd-v-hd{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:4px!important;border-bottom:1px solid rgba(255,255,255,.07);font-size:12.5px;color:rgba(255,255,255,.62);white-space:nowrap}
body.elv .shd-v-hd .sol-mk{width:20px}
body.elv .shd-v-hd b{font-weight:500;color:#fff}
body.elv .shd-v-hd i{font-style:normal;color:rgba(255,255,255,.3)}
body.elv .shd-v-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.elv .shd-v-r:last-child{border-bottom:0}
body.elv .shd-v-r b{display:block;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .shd-v-r b.sol-mono{font-size:12.5px}
body.elv .shd-v-r em{display:block;font-style:normal;font-size:12px;line-height:17px;color:rgba(255,255,255,.58)}
body.elv .shd-v-act{padding:4px 11px;border-radius:999px;background:#fff;color:#161618;font-size:12px;line-height:16px;white-space:nowrap}
body.elv .shd-v-act--q{background:none;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body.elv .shd-step{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.elv .shd-step:last-child{border-bottom:0}
body.elv .shd-step>i{width:18px;height:18px;margin-top:1px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
body.elv .shd-step.is-done>i{position:relative;background:#4cc488;box-shadow:none}
body.elv .shd-step.is-done>i::after{content:"";position:absolute;left:6.5px;top:3.5px;width:4px;height:8px;border:solid #161618;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
body.elv .shd-step b{display:block;font-weight:500;color:#fff}
body.elv .shd-step em{display:block;font-style:normal;font-size:12px;line-height:17px;color:rgba(255,255,255,.58)}

/* ---------- breakpoints ---------- */
@media (max-width:760px){
  body.elv .shd-limit{font-size:12.5px}
  body.elv .uc-many .cl-stage.shd-stage{height:420px;display:block}
  body.elv .uc-many .cl-stage.shd-stage>[data-panel]{position:absolute;inset:0;padding:0}
  body.elv .shd-app{left:16px;top:18px}
  body.elv .shd-hr{grid-template-columns:minmax(0,1fr)}
  body.elv .shd-hr-side{display:none}
  body.elv .shd-hr-main{padding:16px}
  body.elv .shd-hr-row>span:first-child{width:76px}
  body.elv .shd-by{display:none}
  body.elv .shd-ntf{left:12px;right:12px;bottom:16px;width:auto}
  body.elv .shd-con2{padding:14px}
  body.elv .shd-tabs{display:none}
  body.elv .shd-con2-hd{grid-template-columns:36px minmax(0,1fr)}
  body.elv .shd-vm2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  body.elv .shd-vm2>span:nth-child(n+3){display:none}
  body.elv .shd-term2{padding:12px;font-size:11px;line-height:19px}
  body.elv .shd-t b,body.elv .shd-tbot-ic{width:36px;height:36px;font-size:12px}
  body.elv .shd-hxw{left:10px;right:10px;width:auto;bottom:12px}
  body.elv .uc-toast{margin:0 8px 8px;padding:9px 12px}
  body.elv .uc-toast-w{white-space:normal}
  body.elv .shd-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  body.elv .shd-row>span:nth-child(2),body.elv .shd-row>span:nth-child(3){display:none}
  body.elv .shd-row--hd{display:none}
  body.elv .shd-call-ls li{grid-template-columns:20px 84px minmax(0,1fr);column-gap:10px}
  body.elv .shd-v-r{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
  body.elv .shd-v-act--q{display:none}
}