/* Uiverse motion collection in Oasis blues. Preserve each control's metrics. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button {
  --sb-native-surface:true;
  --ob-ink:#e4f3ff; --ob-face:#071b34; --ob-edge:#438fe3; --ob-bright:#98d2ff;
  --ob-fill:#174fa5; --ob-soft:#113b70; --ob-ease:cubic-bezier(.23,1,.32,1);
  isolation:isolate; color:var(--ob-ink)!important; background:var(--ob-face)!important; border-color:var(--ob-edge)!important;
  text-shadow:none!important; box-shadow:inset 0 0 0 1px #78baff50,0 4px 12px #02112535!important;
  transition:box-shadow .3s var(--ob-ease),color .3s var(--ob-ease),border-radius .45s var(--ob-ease)!important;
}
.ob-static.ob-static { position:relative; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-light] { --ob-ink:#123d75; --ob-face:#e7f2ff; --ob-edge:#346eb7; --ob-bright:#82c4ff; --ob-fill:#bedcff; --ob-soft:#cde4ff; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-before])::before,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-after])::after {
  content:""; position:absolute; display:block!important; inset:0; margin:0; width:auto; height:auto;
  z-index:-1; pointer-events:none; border:0; border-radius:inherit; opacity:1;
  transform:none; background:none; filter:none; box-shadow:none;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-graphic {
  position:absolute!important; display:block; inset:0!important; width:100%!important; height:100%!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:inherit;
  z-index:-1!important; pointer-events:none; overflow:hidden; color:var(--ob-bright); fill:currentColor;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:is(:hover,:focus-visible) { box-shadow:inset 0 0 0 1px var(--ob-bright),0 6px 18px #05295b45!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:focus-visible { outline:2px solid #78baff!important; outline-offset:3px; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:active:not(:disabled):not([aria-disabled="true"]) { scale:.98; }
/* Center flood and exchanging arrows, within the existing padding. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="arrow"] { border-radius:var(--ob-radius); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="arrow"]:not([data-ob-native-before])::before { background:var(--ob-fill); clip-path:circle(0% at 50% 50%); transition:clip-path .65s var(--ob-ease); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="arrow"]:is(:hover,:focus-visible):not([data-ob-native-before])::before { clip-path:circle(75% at 50% 50%); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="arrow"]:is(:hover,:focus-visible) { border-radius:12px; }
.ob-arrow { stroke:currentColor; stroke-width:1.5; transition:transform .55s var(--ob-ease),opacity .4s; }
.ob-arrow--in { transform:translateX(-25px); opacity:0; }
.ob-button:is(:hover,:focus-visible) .ob-arrow--out { transform:translateX(25px); opacity:0; }
.ob-button:is(:hover,:focus-visible) .ob-arrow--in { transform:translateX(0); opacity:1; }
/* Rotated sheet sweeping diagonally through the original silhouette. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="slice"]:not([data-ob-native-before])::before { background:var(--ob-fill); clip-path:polygon(-30% 0,-30% 0,-65% 100%,-65% 100%); transition:clip-path .65s cubic-bezier(.83,0,.17,1); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="slice"]:is(:hover,:focus-visible):not([data-ob-native-before])::before { clip-path:polygon(-10% 0,145% 0,110% 100%,-45% 100%); }
/* Finite blue glitch using the real action label. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="glitch"] { background:linear-gradient(135deg,transparent 7px,var(--ob-face) 7px)!important; box-shadow:inset -3px 0 0 var(--ob-bright),inset 0 0 0 1px #438fe390,0 4px 12px #02112535!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-glitch-graphic { z-index:2!important; clip-path:inset(50% 50% 50% 50%); }
.ob-glitch-face { fill:var(--ob-fill); }
.ob-glitch-label { font:inherit; letter-spacing:inherit; fill:var(--ob-ink); filter:drop-shadow(-2px 0 #98d2ff); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="glitch"]:is(:hover,:focus-visible) .ob-glitch-graphic { animation:ob-glitch .65s steps(2,end) both; }
@keyframes ob-glitch {
  0%,100% { clip-path:inset(50% 50% 50% 50%); transform:translate(0); }
  15% { clip-path:inset(75% 0 8%); transform:translate(-4px,-1px); }
  30% { clip-path:inset(12% 0 72%); transform:translate(4px,1px); }
  45% { clip-path:inset(43% 0 40%); transform:translate(-3px,0); }
  60% { clip-path:inset(78% 0 4%); transform:translate(3px,-1px); }
  80% { clip-path:inset(26% 0 59%); transform:translate(-2px,1px); }
}
/* Small SVG star field and blue rim, alive only during interaction. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="cosmic"] { border-color:#77baff!important; background:linear-gradient(115deg,#071b34,#0d2e5c 55%,#071b34)!important; color:#e4f3ff!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="cosmic"]:not([data-ob-native-before])::before { background:radial-gradient(ellipse at 25% 100%,#2989e966,transparent 65%),radial-gradient(ellipse at 85% 0%,#80c3ff44,transparent 65%); opacity:.55; transition:opacity .4s; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="cosmic"]:not([data-ob-native-after])::after {
  inset:0; padding:1px; background:linear-gradient(120deg,#175dd7,#96d1ff,#3190ed,#175dd7); background-size:250% 100%;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;
}
.ob-stars { transform-origin:center; }
.ob-orbit { stroke:#62adf1; stroke-width:.7; opacity:.3; }
.ob-button:is(:hover,:focus-visible) .ob-stars { animation:ob-stars 4s linear infinite; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="cosmic"]:is(:hover,:focus-visible):not([data-ob-native-before])::before { opacity:1; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="cosmic"]:is(:hover,:focus-visible):not([data-ob-native-after])::after { animation:ob-gradient 3s ease infinite; }
@keyframes ob-stars { to { transform:translateY(-3px) rotate(5deg); } }
@keyframes ob-gradient { 50% { background-position:100% 50%; } }
/* Recessed housing, upper sheen and a traveling blue light. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="emboss"] { background:linear-gradient(180deg,var(--ob-soft),var(--ob-face) 65%)!important; box-shadow:inset 0 1px 1px #b4dbff66,inset 0 -2px 3px #020e2566,0 3px 8px #020e2535!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="emboss"]:not([data-ob-native-before])::before { inset:2px; border:1px solid #76b9f533; background:linear-gradient(180deg,#b4dbff12,transparent 60%); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="emboss"]:not([data-ob-native-after])::after { inset:auto 18% 0; height:2px; background:linear-gradient(90deg,transparent,#73baff,transparent); opacity:.35; transition:opacity .3s; }
.ob-light-line { stroke:#98d2ff; stroke-width:1; stroke-dasharray:20 150; opacity:0; }
.ob-lit-label { font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; fill:#98d2ff; opacity:0; }
.ob-button:is(:hover,:focus-visible) .ob-lit-label { opacity:.18; }
.ob-button:is(:hover,:focus-visible) .ob-lit-letter { animation:ob-letter-glint 1.8s ease-in-out infinite; }
@keyframes ob-letter-glint { 0%,70%,100% { opacity:.25; } 35% { opacity:1; filter:drop-shadow(0 0 2px #62adff); } }
.ob-button:is(:hover,:focus-visible) .ob-light-line { opacity:1; animation:ob-light 1.8s ease-in-out infinite; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="emboss"]:is(:hover,:focus-visible) { text-shadow:0 0 9px #55aaff75!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="emboss"]:is(:hover,:focus-visible):not([data-ob-native-after])::after { opacity:1; }
@keyframes ob-light { 50% { stroke-dashoffset:-130; } }
/* Small controls keep their grammar; color samples keep meaningful samples. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-utility] { background:transparent!important; box-shadow:inset 0 0 0 1px #438fe340!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-utility]:not([data-ob-native-before])::before { background:none; border:0; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-utility]:not([data-ob-native-after])::after { inset:auto 25% 0; }
.ob-sample.ob-sample:focus-visible { outline:2px solid #438fe3; outline-offset:3px; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:is([aria-pressed="true"],[aria-selected="true"],.is-selected,.is-active,.active) { border-color:var(--ob-bright)!important; box-shadow:inset 0 0 0 2px var(--ob-edge),0 3px 10px #05295b30!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:is([aria-pressed="true"],[aria-selected="true"]) { background:var(--ob-soft)!important; }
.mb-days .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:disabled { background:transparent!important; border-color:transparent!important; box-shadow:none!important; color:#8baace!important; }
.ob-action-arrow.ob-action-arrow { visibility:hidden; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) { cursor:default; opacity:.55; scale:1; text-shadow:none!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"]):not([data-ob-native-before])::before,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"]):not([data-ob-native-after])::after,.ob-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) .ob-graphic * { animation:none!important; transition:none!important; }
@media (hover:none) { .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-before])::before,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-after])::after,.ob-button .ob-graphic * { animation:none!important; } }
@media (prefers-reduced-motion:reduce) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-before])::before,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-after])::after,.ob-button .ob-graphic * { animation:none!important; transition:none!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:active { scale:1!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-glitch-graphic { display:none!important; }
}
@media (forced-colors:active) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button { color:ButtonText!important; background:ButtonFace!important; border-color:ButtonText!important; box-shadow:none!important; text-shadow:none!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-before])::before,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:not([data-ob-native-after])::after,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-graphic { display:none!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:focus-visible { outline-color:Highlight!important; }
}

html[data-portal-theme] body .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button :is(span,strong,b,small,svg) { color:inherit!important; -webkit-text-fill-color:currentColor!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[aria-current]:not([aria-current="false"]) { background:var(--ob-soft)!important; box-shadow:inset 0 0 0 2px var(--ob-edge)!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) { scale:1!important; }
.work-cover-action:focus-visible > .ob-button { outline:2px solid #78baff; outline-offset:3px; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="cosmic"] { border-radius:999px!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-letter-graphic { opacity:0; mask-image:linear-gradient(90deg,transparent,#fff,transparent); mask-size:40% 100%; mask-repeat:no-repeat; }
.ob-button:is(:hover,:focus-visible) .ob-letter-graphic { opacity:.35; animation:ob-letter-wave 1.8s ease-in-out infinite; }
@keyframes ob-letter-wave { from { mask-position:-70% 0; } to { mask-position:170% 0; } }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button canvas.ob-glitch-graphic { background:var(--ob-fill); }
@media(prefers-reduced-motion:reduce),(hover:none) { .ob-button .ob-letter-graphic { animation:none!important; } }
@media(forced-colors:active) { .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button canvas.ob-graphic { display:none!important; } }

/* The same layered rim, blue light and SVG perimeter as Start a Conversation. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="neon"] {
  background:#020b16!important; color:#edf7ff!important; border-color:#285c91!important; border-radius:10px!important;
  overflow:visible; box-shadow:0 6px 18px #00071366,inset 0 1px #c8e6ff0b!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="neon"]:not([data-ob-native-before])::before,
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="neon"]:not([data-ob-native-after])::after { content:none!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="neon"]:is(:hover,:focus-visible) {
  box-shadow:0 9px 24px #00071388,inset 0 1px #c8e6ff14!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-layer {
  inset:-3px!important; width:auto!important; height:auto!important; border-radius:13px!important; overflow:hidden;
}
.ob-neon-layer::before {
  content:""; position:absolute; left:50%; top:50%; width:max(400px,200%); aspect-ratio:1;
  transform:translate(-50%,-50%) rotate(var(--ob-neon-angle,70deg)); transition:transform 2s cubic-bezier(.22,.61,.36,1);
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-layer--glow { inset:-15px -12px!important; filter:blur(20px); opacity:.4; }
.ob-neon-layer--glow::before { --ob-neon-angle:60deg; background:conic-gradient(#0000,#1458d9 5%,#0000 38% 50%,#38a5ff 60%,#0000 87%); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-layer--dark { inset:-5px!important; filter:blur(3px); }
.ob-neon-layer--dark::before { --ob-neon-angle:82deg; background:conic-gradient(#0000,#082750,#0000 10% 50%,#103f80,#0000 60%); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-layer--white { inset:-3px!important; filter:blur(2px); }
.ob-neon-layer--white::before { --ob-neon-angle:83deg; background:conic-gradient(#0000,#7bb8ff,#0000 8% 50%,#a8d9ff,#0000 58%); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-layer--border { inset:-1px!important; filter:blur(.5px); }
.ob-neon-layer--border::before { background:conic-gradient(#081729,#1458d9 5%,#081729 14% 50%,#38a5ff 60%,#081729 64%); }
.ob-neon-layer--border::after { content:""; position:absolute; inset:1px; border-radius:10px; background:#020b16; }
.ob-button:is(:hover,:focus-visible) .ob-neon-layer::before { transform:translate(-50%,-50%) rotate(calc(var(--ob-neon-angle,70deg) - 180deg)); }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-trace { z-index:1!important; opacity:.35; }
.ob-neon-trace rect {
  fill:none; stroke:#a8d9ff; stroke-width:.8; vector-effect:non-scaling-stroke; stroke-dasharray:6 94; stroke-dashoffset:18;
  transition:stroke-dashoffset 2s cubic-bezier(.22,.61,.36,1),opacity .25s;
}
.ob-button:is(:hover,:focus-visible) .ob-neon-trace rect { stroke-dashoffset:-82; }
@media(max-width:800px) { .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-layer--glow { inset:-9px!important; filter:blur(14px); } }
@media(prefers-reduced-motion:reduce) {
  .ob-neon-layer::before,.ob-neon-trace rect { transition:none!important; }
  .ob-button:is(:hover,:focus-visible) .ob-neon-layer::before { transform:translate(-50%,-50%) rotate(var(--ob-neon-angle,70deg)); }
  .ob-button:is(:hover,:focus-visible) .ob-neon-trace rect { stroke-dashoffset:18; }
}
@media(forced-colors:active) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-style="neon"] { background:ButtonFace!important; color:ButtonText!important; border-color:ButtonText!important; box-shadow:none!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-layer,
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button .ob-neon-trace { display:none!important; }
}

/* A bright meeting action with a springing SVG calendar. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button.search-meeting {
  --ob-fill:#1551ad;
  background:linear-gradient(115deg,#16499c,#1262ce 55%,#1e73cd)!important;
  color:#e4f3ff!important; border-color:#64afff!important; border-radius:999px!important;
  box-shadow:inset 0 1px 1px #b4dbff66,0 5px 18px #1262ce40!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button.search-meeting:is(:hover,:focus-visible) {
  box-shadow:inset 0 1px 1px #b4dbff99,0 7px 25px #2989e966!important;
}
.search-meeting > svg:not(.ob-graphic) { transform-origin:50% 75%; }
.search-meeting:is(:hover,:focus-visible) > svg:not(.ob-graphic) {
  animation:ob-calendar-bounce .85s cubic-bezier(.22,1,.36,1) infinite;
}
@keyframes ob-calendar-bounce {
  0%,100% { transform:translateY(0) rotate(0) scale(1); }
  18% { transform:translateY(-14px) rotate(-14deg) scale(1.18); }
  38% { transform:translateY(3px) rotate(6deg) scale(1.08,.9); }
  58% { transform:translateY(-8px) rotate(12deg) scale(1.12); }
  78% { transform:translateY(1px) rotate(-3deg) scale(1); }
}
@media(prefers-reduced-motion:reduce),(hover:none) {
  .search-meeting:is(:hover,:focus-visible) > svg:not(.ob-graphic) { animation:none!important; transform:none!important; }
}
@media(forced-colors:active) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button.search-meeting {
    background:ButtonFace!important; color:ButtonText!important; border-color:ButtonText!important; box-shadow:none!important;
  }
}

/* Employee and client portals share one illuminated face. Action colors have
   fixed meaning across every appearance preference; public styles stay above.
   Delete interaction adapted from Uiverse.io by sihamjardi (empty-bat-84). */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] {
  --pb-face:#071923; --pb-top:#0d2635; --pb-edge:#416e8d; --pb-rim:#a0d9ff;
  --pb-glow:#5babdf30; --pb-ink:#edf7ff; --pb-slot:#50303b;
  isolation:isolate; box-sizing:border-box; max-width:100%;
  color:var(--pb-ink)!important; -webkit-text-fill-color:currentColor!important;
  background:linear-gradient(160deg,var(--pb-top),var(--pb-face) 58%)!important;
  border:1px solid var(--pb-edge)!important; border-radius:14px!important;
  box-shadow:inset 0 1px 0 #d9eeff16,0 3px 8px #02111f35,0 0 12px var(--pb-glow)!important;
  text-shadow:none!important; font-weight:600; overflow:hidden;
  transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:not([data-ob-utility]) {
  align-items:center; justify-content:center; gap:10px;
  min-height:44px; padding:10px 20px; line-height:1.35; white-space:normal; text-align:center;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-tone="communication"] {
  --pb-face:#102947; --pb-top:#173b60; --pb-edge:#67b6fb; --pb-rim:#b5e3ff; --pb-glow:#4ca9f447;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-tone="positive"] {
  --pb-face:#102b26; --pb-top:#174538; --pb-edge:#50a989; --pb-rim:#a9ebce; --pb-glow:#46b78e32; --pb-ink:#e9fff4;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-tone="caution"] {
  --pb-face:#2d261e; --pb-top:#453a28; --pb-edge:#ac8c53; --pb-rim:#e6c58e; --pb-glow:#c5a05827; --pb-ink:#fff3de;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-tone="delete"] {
  --pb-face:#2b1b23; --pb-top:#422731; --pb-edge:#a45f6c; --pb-rim:#e0a5af; --pb-glow:#b7687730; --pb-ink:#ffedf0;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:not([data-ob-native-before])::before,
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:not([data-ob-native-after])::after { content:none!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] :is(span,strong,b,small,svg) {
  color:inherit!important; -webkit-text-fill-color:currentColor!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:is(:hover,:focus-visible) {
  border-color:var(--pb-rim)!important;
  box-shadow:inset 0 1px 0 #d9eeff24,0 5px 12px #02111f3d,0 0 17px var(--pb-glow)!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:focus-visible {
  outline:2px solid var(--pb-rim)!important; outline-offset:3px;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:is([aria-pressed="true"],[aria-selected="true"],[aria-current="page"],.is-selected,.is-active,.active) {
  background:linear-gradient(160deg,var(--pb-top),var(--pb-face))!important;
  border-color:var(--pb-rim)!important; box-shadow:inset 0 0 0 1px var(--pb-edge),0 0 12px var(--pb-glow)!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-utility] { border-radius:10px!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] .ob-portal-trace { color:var(--pb-rim)!important; opacity:.45; }
.ob-portal-trace rect { fill:none; stroke:currentColor; stroke-width:.9; vector-effect:non-scaling-stroke; stroke-dasharray:8 92; stroke-dashoffset:18; transition:stroke-dashoffset .7s cubic-bezier(.22,.61,.36,1); }
.ob-button[data-ob-portal]:is(:hover,:focus-visible) .ob-portal-trace rect { stroke-dashoffset:-32; }

/* Native labels and form controls stay intact. Decorative graphics cannot
   intercept delegated clicks, including invoice row removal. */
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:not([data-ob-compact-delete]) { padding-right:58px; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] .ob-delete-icon {
  display:flex!important; align-items:center; justify-content:center; z-index:1!important;
  inset:0 0 0 auto!important; width:42px!important; height:100%!important;
  border-radius:0!important; color:var(--pb-ink)!important; background:var(--pb-slot);
  pointer-events:none!important; transition:width .3s cubic-bezier(.22,.61,.36,1)!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] .ob-delete-icon > svg {
  display:block; flex:none; width:20px!important; height:20px!important; margin:0!important;
  color:var(--pb-ink)!important; pointer-events:none!important;
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-compact-delete] { color:transparent!important; }
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-compact-delete] .ob-delete-icon { width:100%!important; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) { color:transparent!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) > :not(.ob-graphic) { color:transparent!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) .ob-delete-icon { width:100%!important; }
}
@media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) { color:transparent!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) > :not(.ob-graphic) { color:transparent!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) .ob-delete-icon { width:100%!important; }
}
.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) {
  opacity:.55; cursor:default; scale:1!important; box-shadow:inset 0 1px 0 #d9eeff16!important;
}
@media (prefers-reduced-motion:reduce) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal],.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] .ob-graphic,.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] .ob-graphic * { animation:none!important; transition:none!important; }
  .ob-button[data-ob-portal]:is(:hover,:focus-visible) .ob-portal-trace rect { stroke-dashoffset:18; }
}
@media (hover:none) { .ob-button[data-ob-portal] .ob-portal-trace rect { transition:none!important; } }
@media (max-width:768px) {
  /* The compact ticket action keeps its visible plus and an accessible name. */
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal].ticket-new-action > span {
    display:block!important; position:absolute!important; width:1px!important; height:1px!important;
    padding:0!important; margin:-1px!important; overflow:hidden!important;
    clip-path:inset(50%)!important; white-space:nowrap!important;
  }
}
@media (forced-colors:active) {
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal],.ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-compact-delete] { color:ButtonText!important; background:ButtonFace!important; border-color:ButtonText!important; box-shadow:none!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal] .ob-graphic { display:none!important; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal][data-ob-delete]:not([data-ob-compact-delete]) { padding-right:20px; }
  .ob-button.ob-button.ob-button.ob-button.ob-button.ob-button[data-ob-portal]:focus-visible { outline-color:Highlight!important; }
}