/* Corporate Action calendar — Phase 9B visual system (blue).
   Scoped to .hh-tool-corp-action (the wrapper the server writes around <main>).
   One small token set drives everything below: neutral surfaces, three text
   levels, hairlines, and ONE accent (HakaHaki blue) for selection, today and
   actions. Action types are plain text, never a colour code. Red is reserved
   for semantic use and is currently unused. Classes use the cac- prefix because
   the SPA's global sheet owns .ca-*. */

/* ── tokens ─────────────────────────────────────────────────────────────── */
.hh-tool-corp-action{
  --ca-bg:#ffffff;                /* surfaces: calendar, quick view */
  --ca-surface:#f8fafc;           /* quiet fill: inputs, hovers, skeletons */
  --ca-text:#111827;
  --ca-text-2:#64748b;            /* secondary */
  --ca-text-3:#94a3b8;            /* tertiary: decoration only (separators, out-of-month) */
  --ca-line:#e2e8f0;
  --ca-line-2:#eef2f6;            /* cool-gray calendar grid */
  --ca-blue:#2563eb;              /* the one accent */
  --ca-blue-deep:#1d4ed8;         /* hover / pressed */
  --ca-blue-soft:#eff6ff;         /* selected background */
  --ca-on-blue:#ffffff;
  --ca-red:#dc2626;               /* semantic negative only (currently unused) */
  --ca-red-soft:#fef2f2;
  --ca-shadow:0 10px 30px rgba(15,23,42,.10);
  --ca-backdrop:rgba(15,23,42,.18);
  --ca-1:4px;--ca-2:8px;--ca-3:12px;--ca-4:16px;--ca-5:24px;--ca-6:32px;
  --ca-r1:6px;--ca-r2:8px;--ca-r3:12px;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .hh-tool-corp-action{
    --ca-bg:#0f172a;--ca-surface:#111827;--ca-text:#f8fafc;--ca-text-2:#94a3b8;--ca-text-3:#64748b;
    --ca-line:#1e293b;--ca-line-2:#172033;
    --ca-blue:#60a5fa;--ca-blue-deep:#93c5fd;--ca-blue-soft:#172554;--ca-on-blue:#0f172a;
    --ca-red:#f87171;--ca-red-soft:rgba(248,113,113,.12);
    --ca-shadow:0 12px 36px rgba(0,0,0,.5);--ca-backdrop:rgba(2,6,23,.55);
  }
}
:root[data-theme="dark"] .hh-tool-corp-action{
  --ca-bg:#0f172a;--ca-surface:#111827;--ca-text:#f8fafc;--ca-text-2:#94a3b8;--ca-text-3:#64748b;
  --ca-line:#1e293b;--ca-line-2:#172033;
  --ca-blue:#60a5fa;--ca-blue-deep:#93c5fd;--ca-blue-soft:#172554;--ca-on-blue:#0f172a;
  --ca-red:#f87171;--ca-red-soft:rgba(248,113,113,.12);
  --ca-shadow:0 12px 36px rgba(0,0,0,.5);--ca-backdrop:rgba(2,6,23,.55);
}

/* ── base ───────────────────────────────────────────────────────────────── */
.hh-tool-corp-action, .hh-tool-corp-action *, .hh-tool-corp-action *::before, .hh-tool-corp-action *::after{box-sizing:border-box;margin:0;padding:0}
.hh-tool-corp-action{color:var(--ca-text);font-family:var(--sans);font-size:15px;line-height:1.5;letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
.hh-tool-corp-action a{color:inherit;text-decoration:none}
.hh-tool-corp-action button{font:inherit;color:inherit}
.hh-tool-corp-action :focus-visible{outline:2px solid var(--ca-blue);outline-offset:2px;border-radius:var(--ca-r1)}
.hh-tool-corp-action .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}

/* ── header ─────────────────────────────────────────────────────────────── */
.hh-tool-corp-action .page-head{display:block;margin-bottom:var(--ca-5)}
/* Same breadcrumb + back link as every other HakaHaki tool. */
.hh-tool-corp-action .tool-crumb{font-size:12px;color:var(--ca-text-2);margin:0 0 6px}
.hh-tool-corp-action .tool-back{display:inline-block;font-size:13px;color:var(--ca-blue);margin:0 0 var(--ca-2)}
.hh-tool-corp-action .tool-back:hover{color:var(--ca-blue-deep);text-decoration:underline}
.hh-tool-corp-action .page-head h1{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.028em}
.hh-tool-corp-action .cac-lede{margin-top:6px;font-size:15px;font-weight:600;color:var(--ca-text)}
.hh-tool-corp-action .cac-sub{margin-top:2px;font-size:13.5px;color:var(--ca-text-2);max-width:60ch}

/* ── controls: one toolbar ──────────────────────────────────────────────────
   Row 1: month stepper, period shortcuts. Row 2: ticker filter, type filter.
   All controls share one height, one radius and one selected style. */
.hh-tool-corp-action .cac-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--ca-3) var(--ca-4);flex-wrap:wrap;margin-bottom:var(--ca-3)}
.hh-tool-corp-action .cac-step{display:flex;align-items:center;gap:var(--ca-1);min-width:0}
.hh-tool-corp-action .cac-month{font-size:20px;font-weight:650;letter-spacing:-.02em;min-width:9.2em;text-align:center}
.hh-tool-corp-action .cac-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;
  border:none;border-radius:var(--ca-r2);background:none;color:var(--ca-text-2);cursor:pointer}
.hh-tool-corp-action .cac-nav-btn:hover{background:var(--ca-surface);color:var(--ca-text)}
.hh-tool-corp-action .cac-nav-btn svg{width:18px;height:18px}
.hh-tool-corp-action .cac-seg{display:inline-flex;gap:2px}
.hh-tool-corp-action .cac-seg button,.hh-tool-corp-action .cac-chip{height:30px;padding:0 10px;font-size:13px;font-weight:500;white-space:nowrap;
  color:var(--ca-text-2);border:none;border-radius:var(--ca-r1);background:none;cursor:pointer}
.hh-tool-corp-action .cac-seg button:hover,.hh-tool-corp-action .cac-chip:hover{color:var(--ca-text);background:var(--ca-surface)}
.hh-tool-corp-action .cac-seg button[aria-pressed="true"],.hh-tool-corp-action .cac-chip[aria-pressed="true"]{
  color:var(--ca-blue);background:var(--ca-blue-soft);font-weight:600}

.hh-tool-corp-action .cac-filters{display:flex;align-items:center;gap:var(--ca-2) var(--ca-3);flex-wrap:wrap;
  padding-bottom:var(--ca-3);border-bottom:1px solid var(--ca-line)}
.hh-tool-corp-action .cac-search{position:relative;display:flex;align-items:center;flex:0 0 204px;min-width:0}
.hh-tool-corp-action .cac-search > svg{position:absolute;left:10px;width:14px;height:14px;color:var(--ca-text-2);pointer-events:none}
.hh-tool-corp-action .cac-search input{width:100%;min-width:0;height:32px;font:inherit;font-size:13px;color:var(--ca-text);padding:0 30px;
  border:1px solid transparent;border-radius:var(--ca-r2);background:var(--ca-surface);appearance:none}
.hh-tool-corp-action .cac-search input:focus{border-color:var(--ca-line)}
.hh-tool-corp-action .cac-search input::placeholder{color:var(--ca-text-2)}
.hh-tool-corp-action .cac-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.hh-tool-corp-action .cac-q-clear{position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  border:none;border-radius:var(--ca-r1);background:none;color:var(--ca-text-2);cursor:pointer}
.hh-tool-corp-action .cac-q-clear[hidden]{display:none}
.hh-tool-corp-action .cac-q-clear svg{width:13px;height:13px}
.hh-tool-corp-action .cac-chips{display:flex;gap:2px;flex-wrap:wrap;min-width:0;flex:1 1 360px}
.hh-tool-corp-action .cac-meta{margin:var(--ca-3) 0 0;font-size:12.5px;color:var(--ca-text-2);min-height:1.5em}

/* Section labels above the calendar and the timeline. */
.hh-tool-corp-action .cac-sec{margin:var(--ca-5) 0 var(--ca-2);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ca-text-2)}
.hh-tool-corp-action .cac-cal[hidden]{display:none}

/* ── calendar: month + agenda ───────────────────────────────────────────────
   Left: a compact month (number + event count per day). Right: the agenda of
   the selected day. Side by side when the tool is wide enough, stacked below. */
.hh-tool-corp-action .cac-cal{container-type:inline-size}
.hh-tool-corp-action .cac-cal-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ca-5)}
@container (min-width:720px){
  .hh-tool-corp-action .cac-cal-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
  .hh-tool-corp-action .cac-daypanel{position:sticky;top:72px;max-height:calc(100vh - 96px);overflow:auto}
}
.hh-tool-corp-action .cac-grid{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px}
.hh-tool-corp-action .cac-grid th{padding:0 0 var(--ca-2);font-size:11.5px;font-weight:600;color:var(--ca-text-2);text-align:center}
.hh-tool-corp-action .cac-cell{height:58px;vertical-align:top;padding:6px 2px;text-align:center;border-radius:var(--ca-r2);border:none}
.hh-tool-corp-action .cac-cell.has-ev{cursor:pointer}
.hh-tool-corp-action .cac-cell.has-ev:hover{background:var(--ca-surface)}
.hh-tool-corp-action .cac-cell.is-out .cac-dnum{color:var(--ca-text-3)}
.hh-tool-corp-action .cac-dnum{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 4px;
  font-size:14px;font-weight:500;color:var(--ca-text-2);border:none;border-radius:var(--ca-r1);background:none}
.hh-tool-corp-action button.cac-dnum{color:var(--ca-text);font-weight:600;cursor:pointer}
.hh-tool-corp-action .cac-cnt{display:none}
.hh-tool-corp-action .cac-cell.has-ev .cac-cnt{display:block;margin:2px auto 0;width:max-content;min-width:18px;padding:0 6px;
  font-size:11px;font-weight:600;line-height:17px;border-radius:var(--ca-r1);color:var(--ca-blue);background:var(--ca-blue-soft)}
.hh-tool-corp-action .cac-cell.is-today{box-shadow:inset 0 0 0 1px var(--ca-blue)}
.hh-tool-corp-action .cac-cell.is-today .cac-dnum{color:var(--ca-blue)}
.hh-tool-corp-action .cac-cell.is-sel{background:var(--ca-blue)}
.hh-tool-corp-action .cac-cell.is-sel:hover{background:var(--ca-blue-deep)}
.hh-tool-corp-action .cac-cell.is-sel .cac-dnum{color:var(--ca-on-blue)}
.hh-tool-corp-action .cac-cell.is-sel .cac-cnt{color:var(--ca-on-blue);background:rgba(255,255,255,.18)}

/* Agenda: the selected day, as compact two-line rows. */
.hh-tool-corp-action .cac-daypanel[hidden]{display:none}
.hh-tool-corp-action .cac-dp-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ca-2);padding:0 0 var(--ca-2);
  border-bottom:1px solid var(--ca-line)}
.hh-tool-corp-action .cac-dp-head strong{font-size:15px;font-weight:650;letter-spacing:-.01em}
.hh-tool-corp-action .cac-dp-head span{font-size:12.5px;color:var(--ca-text-2);white-space:nowrap}
.hh-tool-corp-action .cac-dp-empty{padding:var(--ca-4) 0;font-size:13.5px;color:var(--ca-text-2)}
.hh-tool-corp-action .cac-daypanel .cac-ev{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px;column-gap:var(--ca-2);padding:10px 0}
.hh-tool-corp-action .cac-daypanel .cac-sym{grid-row:1;grid-column:1}
.hh-tool-corp-action .cac-daypanel .cac-name{grid-row:1;grid-column:2;font-size:12.5px}
.hh-tool-corp-action .cac-daypanel .cac-val{grid-row:1;grid-column:3;white-space:nowrap}
.hh-tool-corp-action .cac-daypanel .cac-what{grid-row:2;grid-column:1 / -1;display:flex;gap:var(--ca-2)}
.hh-tool-corp-action .cac-daypanel .cac-ev:last-child{border-bottom:none}

/* ── timeline: separators and whitespace, no cards ──────────────────────── */
.hh-tool-corp-action .cac-day{padding-top:var(--ca-4)}
.hh-tool-corp-action .cac-day-h{font-size:13px;font-weight:650;color:var(--ca-text);padding:0 0 var(--ca-2);border-bottom:1px solid var(--ca-line)}
.hh-tool-corp-action .cac-list{list-style:none}
.hh-tool-corp-action .cac-ev{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,280px) minmax(0,120px);align-items:center;
  gap:var(--ca-3);padding:10px 0;border-bottom:1px solid var(--ca-line-2);min-width:0}
.hh-tool-corp-action .cac-ev:hover{background:var(--ca-surface)}
.hh-tool-corp-action .cac-sym{position:relative;z-index:1;font-weight:650;font-size:14px;color:var(--ca-blue)}
.hh-tool-corp-action .cac-sym:hover{color:var(--ca-blue-deep);text-decoration:underline}
.hh-tool-corp-action .cac-name{font-size:13px;color:var(--ca-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hh-tool-corp-action .cac-what{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:baseline;gap:var(--ca-2);white-space:nowrap;min-width:0}
.hh-tool-corp-action .cac-type{justify-self:start;font-size:12.5px;font-weight:500;color:var(--ca-text-2)}
.hh-tool-corp-action .cac-kind{font-size:13.5px;font-weight:550;color:var(--ca-text);overflow:hidden;text-overflow:ellipsis}
.hh-tool-corp-action .cac-val{font-size:13px;color:var(--ca-text-2);text-align:right;overflow-wrap:anywhere;min-width:0}
/* Action types carry no colour: the type is read, not decoded. */
.hh-tool-corp-action [class*="cac-t-"]{background:none}

/* Rows open the quick view; ticker links stay links above them. */
.hh-tool-corp-action .cac-ev-open{position:absolute;inset:0;width:100%;border:none;background:none;cursor:pointer;border-radius:var(--ca-r1);padding:0}
  border:none;border-radius:4px;background:none;cursor:pointer}

/* ── states: calm, in the page's own voice ──────────────────────────────── */
.hh-tool-corp-action .cac-state{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--ca-5) 0;color:var(--ca-text-2);font-size:13.5px}
.hh-tool-corp-action .cac-state strong{color:var(--ca-text);font-size:14.5px;font-weight:600}
.hh-tool-corp-action .cac-retry{margin-top:var(--ca-2);height:30px;padding:0 var(--ca-3);font-size:13px;font-weight:600;color:var(--ca-blue);
  border:none;border-radius:var(--ca-r1);background:var(--ca-blue-soft);cursor:pointer}
.hh-tool-corp-action .cac-retry:hover{color:var(--ca-blue-deep)}
.hh-tool-corp-action .cac-sk span,.hh-tool-corp-action .cac-sk-h{display:block;height:11px;border-radius:4px;background:var(--ca-surface)}
.hh-tool-corp-action .cac-sk-h{width:170px;height:13px;border:none;margin:4px 0}
.hh-tool-corp-action .cac-sk{grid-template-columns:64px minmax(0,1fr) 120px}
@media(prefers-reduced-motion:no-preference){
  .hh-tool-corp-action .cac-sk span,.hh-tool-corp-action .cac-sk-h,.hh-tool-corp-action .cac-qv-sk span{animation:cac-pulse 1.4s ease-in-out infinite}
}
@keyframes cac-pulse{50%{opacity:.55}}

/* ── quick view: native <dialog>; quiet side panel / bottom sheet ───────── */
.hh-tool-corp-action .cac-qv{position:fixed;inset:72px 20px auto auto;margin:0;width:360px;max-width:calc(100vw - 32px);
  max-height:calc(100vh - 96px);padding:0;border:1px solid var(--ca-line);border-radius:var(--ca-r3);background:var(--ca-bg);color:var(--ca-text);
  box-shadow:var(--ca-shadow);overflow:auto;overscroll-behavior:contain}
.hh-tool-corp-action .cac-qv::backdrop{background:var(--ca-backdrop)}
.hh-tool-corp-action .cac-qv-in{display:flex;flex-direction:column;gap:var(--ca-4);padding:var(--ca-4) 20px 20px}
.hh-tool-corp-action .cac-qv-grab{display:flex;flex-direction:column;gap:6px}
.hh-tool-corp-action .cac-qv-handle{display:none}
.hh-tool-corp-action .cac-qv-head{display:flex;align-items:flex-start;gap:var(--ca-2)}
.hh-tool-corp-action .cac-qv-id{min-width:0;flex:1}
.hh-tool-corp-action .cac-qv-id::before{content:"Corporate Action";display:block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ca-text-2)}
.hh-tool-corp-action .cac-qv-title{font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.022em;color:var(--ca-text)}
.hh-tool-corp-action .cac-qv-name{font-size:13px;color:var(--ca-text-2);margin-top:2px}
.hh-tool-corp-action .cac-qv-name:empty{display:none}
.hh-tool-corp-action .cac-qv-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-4px -6px 0 0;
  border:none;border-radius:var(--ca-r2);background:none;color:var(--ca-text-2);cursor:pointer}
.hh-tool-corp-action .cac-qv-x:hover{background:var(--ca-surface);color:var(--ca-text)}
.hh-tool-corp-action .cac-qv-x svg{width:16px;height:16px}
.hh-tool-corp-action #cac-qv-type{align-self:flex-start;font-size:13px;font-weight:600;color:var(--ca-text)}
.hh-tool-corp-action .cac-qv-body{display:flex;flex-direction:column;gap:var(--ca-4)}
.hh-tool-corp-action .cac-qv-h{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ca-text-2);margin:0 0 var(--ca-1)}
.hh-tool-corp-action .cac-qv dl{border-top:1px solid var(--ca-line-2)}
.hh-tool-corp-action .cac-qv-row{display:flex;justify-content:space-between;gap:var(--ca-3);padding:7px 0;border-bottom:1px solid var(--ca-line-2);font-size:13.5px}
.hh-tool-corp-action .cac-qv-row dt{color:var(--ca-text-2)}
.hh-tool-corp-action .cac-qv-row dd{text-align:right;min-width:0;overflow-wrap:anywhere}
.hh-tool-corp-action .cac-qv-sec.is-sel dl{border-top:none}
.hh-tool-corp-action .cac-qv-sec.is-sel .cac-qv-row{border-bottom:none;border-left:2px solid var(--ca-blue);border-radius:0 var(--ca-r1) var(--ca-r1) 0;
  margin-bottom:2px;padding:9px 12px;font-size:14.5px;background:var(--ca-blue-soft)}
.hh-tool-corp-action .cac-qv-row.is-on dt,.hh-tool-corp-action .cac-qv-row.is-on dd{color:var(--ca-text);font-weight:600}
.hh-tool-corp-action .cac-qv-row.is-wide{flex-direction:column;gap:2px}
.hh-tool-corp-action .cac-qv-row.is-wide dd{text-align:left}
.hh-tool-corp-action .cac-qv-sk{display:grid;gap:var(--ca-2);padding-top:var(--ca-1)}
.hh-tool-corp-action .cac-qv-sk span{display:block;height:11px;border-radius:4px;background:var(--ca-surface)}
.hh-tool-corp-action .cac-qv-sk span:nth-child(2){width:80%}
.hh-tool-corp-action .cac-qv-sk span:nth-child(3){width:60%}
.hh-tool-corp-action .cac-qv-note{font-size:12.5px;color:var(--ca-text-2)}
.hh-tool-corp-action .cac-qv-flag{font-size:11.5px;font-weight:500;color:var(--ca-text-2)}
.hh-tool-corp-action .cac-qv-retry{font-size:12.5px;font-weight:600;color:var(--ca-blue);border:none;background:none;padding:0;cursor:pointer;text-decoration:underline}
.hh-tool-corp-action .cac-qv-cta{display:block;text-align:center;font-size:14px;font-weight:600;color:var(--ca-on-blue);padding:10px var(--ca-4);
  border-radius:var(--ca-r2);background:var(--ca-blue)}
.hh-tool-corp-action .cac-qv-cta:hover{background:var(--ca-blue-deep)}

/* ── narrow screens ─────────────────────────────────────────────────────── */
@media(max-width:640px){
  .hh-tool-corp-action .page-head{margin-bottom:var(--ca-4)}
  .hh-tool-corp-action .page-head h1{font-size:25px}
  /* The site hides .page-head p on phones; keep the one line that says what the tool is. */
  .hh-tool-corp-action .page-head .cac-lede{display:block}
  /* Timeline: ticker, name and value on line 1; type and date kind on line 2. */
  .hh-tool-corp-action .cac-ev{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px;column-gap:var(--ca-2);padding:9px 0}
  .hh-tool-corp-action .cac-sym{grid-row:1;grid-column:1}
  .hh-tool-corp-action .cac-name{grid-row:1;grid-column:2;font-size:12.5px}
  .hh-tool-corp-action .cac-val{grid-row:1;grid-column:3;max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hh-tool-corp-action .cac-what{grid-row:2;grid-column:1 / -1;display:flex;gap:var(--ca-2)}
  .hh-tool-corp-action .cac-type{font-size:12px}
  .hh-tool-corp-action .cac-kind{font-size:13px}
  .hh-tool-corp-action .cac-sk{grid-template-columns:64px minmax(0,1fr)}
  /* Toolbar stacks: stepper, shortcuts, filter, types. */
  .hh-tool-corp-action .cac-nav{flex-direction:column;align-items:stretch;gap:var(--ca-2)}
  .hh-tool-corp-action .cac-step{justify-content:space-between}
  .hh-tool-corp-action .cac-month{min-width:0;flex:1;font-size:19px}
  .hh-tool-corp-action .cac-seg{display:flex;padding:2px;border-radius:var(--ca-r2);background:var(--ca-surface)}
  .hh-tool-corp-action .cac-seg button{flex:1}
  .hh-tool-corp-action .cac-seg button[aria-pressed="true"]{background:var(--ca-bg);color:var(--ca-blue)}
  .hh-tool-corp-action .cac-search{flex:1 1 100%}
  /* One scrolling type row instead of wrapped lines; the page never scrolls sideways. */
  .hh-tool-corp-action .cac-chips{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .hh-tool-corp-action .cac-chips::-webkit-scrollbar{display:none}
  .hh-tool-corp-action .cac-cell{height:52px}
  .hh-tool-corp-action .cac-grid{border-spacing:1px}
  /* Bottom sheet: handle strip pinned, body scrolls, CTA reachable. */
  .hh-tool-corp-action .cac-qv{inset:auto 0 0 0;width:100%;max-width:100%;max-height:82vh;border-radius:16px 16px 0 0;border-bottom:none;
    transition:transform .18s ease-out}
  .hh-tool-corp-action .cac-qv[open]{animation:cac-sheet-in .2s ease-out}
  .hh-tool-corp-action .cac-qv.is-dragging{transition:none}
  .hh-tool-corp-action .cac-qv-in{gap:var(--ca-3);padding:0 var(--ca-4) calc(var(--ca-4) + env(safe-area-inset-bottom))}
  .hh-tool-corp-action .cac-qv-grab{position:sticky;top:0;z-index:1;background:var(--ca-bg);padding:var(--ca-2) 0 var(--ca-1);touch-action:none;cursor:grab}
  .hh-tool-corp-action .cac-qv-handle{display:block;align-self:center;width:36px;height:4px;border-radius:2px;background:var(--ca-line);margin-bottom:var(--ca-1)}
  .hh-tool-corp-action .cac-qv-title{font-size:19px}
}
@keyframes cac-sheet-in{from{transform:translateY(24px);opacity:.6}}
@media(prefers-reduced-motion:reduce){
  .hh-tool-corp-action .cac-qv,.hh-tool-corp-action .cac-qv[open]{animation:none;transition:none}
}