/* Icon commands on staff pages, in dialogs and in the client portal. */
:root {
  --casa-command-ink: #223e55;
  --casa-command-bg: #edf3f7;
  --casa-command-line: #aebfcd;
  --casa-command-hover: #dae7f0;
  --casa-command-active: #c9dcea;
  --casa-command-accent: #824123;
  --casa-command-accent-bg: #fcf1e9;
  --casa-command-accent-line: #d6b49e;
  --casa-command-accent-hover: #f3e0d2;
  --casa-command-danger: #8c2929;
  --casa-command-danger-bg: #fff1ee;
  --casa-command-danger-line: #d6a59c;
  --casa-command-danger-hover: #f8dcd7;
  --casa-command-focus: #246498;
  --casa-command-size: 2.125rem;
}
html[data-theme="dark"] {
  --casa-command-ink: #e2edf7;
  --casa-command-bg: #223549;
  --casa-command-line: #526b81;
  --casa-command-hover: #30485d;
  --casa-command-active: #3b566e;
  --casa-command-accent: #ffdfc6;
  --casa-command-accent-bg: #3d2e29;
  --casa-command-accent-line: #856552;
  --casa-command-accent-hover: #513a2d;
  --casa-command-danger: #ffd7ce;
  --casa-command-danger-bg: #412e31;
  --casa-command-danger-line: #8b6265;
  --casa-command-danger-hover: #59383c;
  --casa-command-focus: #93cbff;
}
@media (pointer:coarse), (max-width:640px) { :root { --casa-command-size:44px; } }
[data-casa-tone="accent"] {
  --casa-command-ink:var(--casa-command-accent); --casa-command-bg:var(--casa-command-accent-bg);
  --casa-command-line:var(--casa-command-accent-line); --casa-command-hover:var(--casa-command-accent-hover);
  --casa-command-active:var(--casa-command-accent-hover);
}
[data-casa-tone="danger"] {
  --casa-command-ink:var(--casa-command-danger); --casa-command-bg:var(--casa-command-danger-bg);
  --casa-command-line:var(--casa-command-danger-line); --casa-command-hover:var(--casa-command-danger-hover);
  --casa-command-active:var(--casa-command-danger-hover);
}
/* Keep the authored text in the control for assistive technology and for callers
   that update or read it. A glyph never becomes an independent click target. */
:where(button[data-casa-action],a[data-casa-action],summary[data-casa-action]) { display:inline-flex; }
html body :is(button,a,summary)[data-casa-action]:not([hidden]) {
  text-align:center!important; align-items:center!important; justify-content:center!important;
  box-sizing:border-box!important; flex:0 0 auto!important; justify-self:start;
  width:var(--casa-command-size)!important; min-width:var(--casa-command-size)!important; max-width:var(--casa-command-size)!important;
  height:var(--casa-command-size)!important; min-height:var(--casa-command-size)!important;
  padding:0!important; gap:0!important; border:1px solid var(--casa-command-line)!important; border-radius:.55rem!important;
  background:var(--casa-command-bg)!important; color:var(--casa-command-ink)!important; box-shadow:none!important;
  font-size:0!important; line-height:0!important; letter-spacing:0!important; text-shadow:none!important;
  -webkit-touch-callout:none; user-select:none;
  white-space:nowrap; vertical-align:middle; text-indent:0!important; transform:none!important; transition:none!important;
}
html body [data-casa-action]::before, html body [data-casa-action]::after { content:none!important; }
html body [data-casa-action] > :not([data-casa-glyph]) {
  position:absolute!important; clip-path:inset(50%)!important; width:1px!important; height:1px!important;
  overflow:hidden!important; pointer-events:none!important; padding:0!important; margin:0!important;
}
html body [data-casa-action] > svg[data-casa-glyph] {
  display:block!important; width:18px!important; height:18px!important; flex:none!important;
  fill:none; stroke:currentColor; pointer-events:none!important;
}
@media (hover:hover) {
  html body :is(button,a,summary)[data-casa-action]:not([hidden],:disabled,[aria-disabled="true"]):hover {
    background:var(--casa-command-hover)!important; border-color:currentColor!important;
  }
}
html body :is(button,a,summary)[data-casa-action]:is([aria-expanded="true"],[aria-pressed="true"],:active):not([hidden],:disabled,[aria-disabled="true"]) {
  background:var(--casa-command-active)!important; border-color:currentColor!important;
}
html body :is(button,a,summary)[data-casa-action]:focus-visible {
  outline:2px solid var(--casa-command-focus)!important; outline-offset:2px!important;
}
html body [data-casa-action]:is(:disabled,[aria-disabled="true"]) { opacity:.55; cursor:default; }
[data-casa-tooltip] {
  position:fixed; inset:auto; z-index:2147483647; box-sizing:border-box; margin:0; max-width:min(22rem,calc(100vw - 12px));
  padding:.42rem .65rem; border:1px solid #536b7e; border-radius:.45rem;
  background:#182c3c; color:#fff; font:600 13px/1.4 system-ui,sans-serif; white-space:normal;
  overflow-wrap:anywhere; box-shadow:0 2px 8px #172d4026;
}
[data-casa-tooltip][hidden],html body [data-casa-action][hidden] { display:none!important; }
@media (forced-colors:active) {
  html body :is(button,a,summary)[data-casa-action]:not([hidden]) {
    forced-color-adjust:none; background:ButtonFace!important; color:ButtonText!important; border-color:ButtonText!important;
  }
  html body [data-casa-action]:disabled { color:GrayText!important; }
  html body :is(button,a,summary)[data-casa-action]:focus-visible { outline-color:Highlight!important; }
}
@media print {
  html body :is(button,a,summary)[data-casa-action]:not([hidden]),[data-casa-tooltip] { display:none!important; }
}

summary[data-casa-action]::marker { content:""; }
summary[data-casa-action]::-webkit-details-marker { display:none; }