:root{--bg:#0b0d12;--panel:#141720;--line:#2a2e3a;--text:#eef0f6;--muted:#9298a7;--purple:#7c3aed;--accent:#8b5cf6;--danger:#ef476f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{height:34px;padding:0 13px;border:1px solid #343947;border-radius:7px;background:#20242e;color:#d9dce6;cursor:pointer}button:hover{border-color:#60687d}.primary{background:var(--purple);border-color:var(--accent);font-weight:700}.danger{border-color:#783449;color:#ff7f9f}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px}.brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#9b72ff,#6d39db);font-size:20px;font-weight:900;box-shadow:0 7px 26px #7c3aed40}.brand div{display:flex;flex-direction:column}.brand small{color:#a984ff;text-transform:uppercase;letter-spacing:.16em;font-size:8px}.topbar{height:64px;display:flex;align-items:center;padding:0 24px;background:#0d0f13;border-bottom:1px solid #252832}.status{margin-left:auto;display:flex;align-items:center;gap:8px;color:#9ba1ae;font-size:11px}.status>i{width:7px;height:7px;border-radius:50%;background:#2dd46f}.status button{margin-left:10px;display:flex;flex-direction:column;justify-content:center;text-align:left;height:40px}.status small{font-size:8px;color:var(--muted)}.tabs{height:46px;display:flex;align-items:end;padding:0 24px;background:#101218;border-bottom:1px solid #292d37;overflow:auto}.tabs button{height:45px;border:0;border-radius:0;background:transparent;color:#9096a4;padding:0 18px;position:relative}.tabs button.active{color:white;background:#171922}.tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--accent)}.workspace{min-height:calc(100vh - 110px);padding:24px;background:radial-gradient(circle at 50% -20%,#1a1727,transparent 38%),var(--bg)}.workspace>.view{max-width:1480px;margin:auto}.head,.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.head h2,.calendar-head h2{font-size:22px;margin:0 0 5px}.head p{margin:0;color:var(--muted);font-size:12px}.panel{background:linear-gradient(145deg,var(--panel),#11141b);border:1px solid var(--line);border-radius:9px;padding:18px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.stats button{height:82px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.stats strong{font-size:23px}.stats span{font-size:10px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:end;padding:12px;margin-bottom:13px;background:#11141a;border:1px solid #262a34;border-radius:8px}.toolbar label,.form-grid label,.login-card label{display:flex;flex-direction:column;gap:6px;color:#9da3b0;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.login-card input,.calendar-head input{height:36px;background:#0d1016;color:#e3e5eb;border:1px solid #333845;border-radius:6px;padding:0 10px}.toolbar .grow{flex:1}.toolbar .grow input{width:100%}.table-head,.log-head{display:grid;grid-template-columns:150px 100px 1.5fr 1fr 1fr;gap:12px;margin:-18px -18px 0;padding:12px 16px;border-bottom:1px solid var(--line);color:#8b92a0;font-size:9px;text-transform:uppercase}.log-head{grid-template-columns:160px 90px 110px 1fr 1.5fr}.empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty>b{font-size:38px;color:#777090}.empty h3{margin:13px 0 6px}.empty p{color:var(--muted);font-size:11px;max-width:430px}.summaries{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.summaries article{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px;min-height:105px;display:flex;flex-direction:column}.summaries strong{font-size:25px;margin:10px 0}.summaries small,.summaries span{color:var(--muted);font-size:9px}.switch,.calendar-actions,.sub-actions{display:flex;align-items:center;gap:8px}.switch{background:#0d1015;border:1px solid #2d313c;border-radius:7px;padding:3px}.switch button{border:0;background:transparent}.switch .active{background:#2a203d;color:#cdb8ff}.calendar-head>div{display:flex;align-items:center;gap:8px}.calendar-head>div:first-child span{color:var(--muted);font-size:11px}.calendar-actions{margin-bottom:13px}.calendar-actions i{flex:1}.calendar{padding:0;min-height:490px}.week{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line)}.week div{padding:12px;border-right:1px solid var(--line);font-size:9px;text-transform:uppercase;color:#a8adba}.sub-actions{flex-wrap:wrap;margin-top:12px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.media-card b,.media-card small{display:block}.media-card small{color:var(--muted);margin-top:5px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}.setting-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:13px}.setting-title h3{margin:0 0 5px}.setting-title p,.wide p{margin:0;color:var(--muted);font-size:10px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:8px}.platforms button{height:46px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;text-align:left}.platforms button>span{width:24px;height:24px;border-radius:6px;background:#292e3a;display:grid;place-items:center}.platforms small{color:var(--muted);font-size:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.pill{border:1px solid #6a5731;color:#ffbd55;border-radius:12px;font-size:8px;padding:5px 8px}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#241a39,transparent 36%),#090b10}.login-card{width:min(420px,calc(100vw - 32px));background:#12151d;border:1px solid #303442;border-radius:12px;padding:29px;box-shadow:0 30px 80px #0009}.login-copy{margin:30px 0 22px}.login-copy>b{color:#a984ff;font-size:8px;letter-spacing:.18em}.login-copy h1{font-size:25px;margin:8px 0}.login-copy p,.invite,.notice p{font-size:11px;color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:14px}.login-card input{width:100%;height:42px}.login-card form button{height:43px}.invite{text-align:center}.notice,.error{border:1px solid #705a2a;background:#211c12;color:#ffc86b;border-radius:7px;padding:11px;margin-bottom:15px;font-size:11px}.notice p{margin:5px 0 0}.error{border-color:#713247;background:#25131a;color:#ff8aa7}dialog{background:#151821;color:var(--text);border:1px solid var(--line);border-radius:10px;max-width:440px}dialog::backdrop{background:#000a}dialog form{padding:10px}dialog p{color:var(--muted);line-height:1.5}@media(max-width:900px){.summaries{grid-template-columns:repeat(3,1fr)}.settings{grid-template-columns:1fr}.wide{grid-column:auto}.week{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.workspace{padding:16px 10px}.head,.calendar-head{align-items:flex-start;flex-direction:column}.toolbar{flex-direction:column;align-items:stretch}.toolbar input,.toolbar select{width:100%}.stats,.summaries{grid-template-columns:1fr 1fr}.calendar-actions{flex-wrap:wrap}.calendar-actions i{display:none}.week{grid-template-columns:repeat(2,1fr)}.platforms,.form-grid{grid-template-columns:1fr}}

/* v1.7.0 web shell redesign — modeled from the approved Quobli live preview */
:root{--bg:#070b0e;--panel:#0e151a;--panel2:#10191f;--line:#202a31;--text:#edf3f5;--muted:#7f8a91;--purple:#31ef63;--accent:#43f36b;--danger:#ef476f;--green:#43f36b}
body{background:var(--bg)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr);background:#070b0e}.app-main{min-width:0;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0a1014;border-right:1px solid #1b252b;display:flex;flex-direction:column;padding:20px 14px 18px;z-index:20}.sidebar-brand{padding:0 7px 20px;border-bottom:1px solid #1c272d;margin-bottom:16px}.sidebar-brand.brand>span{width:34px;height:34px;border:2px solid var(--green);border-radius:9px;background:#092613;color:var(--green);box-shadow:0 0 18px #31ef6340}.sidebar-brand.brand strong{font-size:10px;letter-spacing:.16em}.sidebar-brand.brand small{color:#62df79;font-size:7px}.tabs.sidebar-nav{height:auto;display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border:0;overflow:visible;gap:3px}.tabs.sidebar-nav button{height:40px;width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#89949b;padding:0 11px;text-align:left;font-size:12px}.tabs.sidebar-nav button:hover{background:#10191e;color:#dce4e7}.tabs.sidebar-nav button.active{background:#12351d;border-color:#1e512c;color:#dfffe6;box-shadow:inset 3px 0 0 var(--green)}.tabs.sidebar-nav button.active:after{display:none}.nav-icon{width:18px;color:#839198;font-size:15px;text-align:center}.tabs.sidebar-nav button.active .nav-icon{color:var(--green)}.topbar{height:60px;padding:0 28px;background:#080d10;border-bottom:1px solid #1d282e}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px;color:#657179}.breadcrumb b{font-weight:400}.breadcrumb strong{color:#9aa5ab;font-weight:500}.status{margin-left:auto}.health-pill{height:32px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #1e2d34;border-radius:7px;background:#0d151a;color:#98a4aa;font-size:9px}.health-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.account-button{width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#12351d!important;align-items:center!important;text-align:center!important}.account-button b{font-size:8px;color:#8cff9f;max-width:28px;overflow:hidden}.account-button small{display:none}.workspace{min-height:calc(100vh - 60px);padding:30px 30px 60px;background:#070b0e}.workspace>.view{max-width:1320px;margin:0 auto}.head,.calendar-head{margin-bottom:24px}.head h2,.calendar-head h2{font-size:28px;font-weight:500;letter-spacing:-.025em}.head p{font-size:12px;color:#78848b}.panel{background:#0e151a;border-color:#202b31;border-radius:9px}.primary{background:var(--green);border-color:#62ff7f;color:#07100a}.primary:hover{border-color:#a2ffb2}.toolbar{background:#0c1317;border-color:#1e292f}.switch .active{background:#12351d;color:#a0ffb0}.calendar{background:#0c1216}.media-card{background:#0e151a;border-color:#202b31}.setting-title,.table-head,.log-head{border-color:#202b31}
@media(max-width:820px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding-left:9px;padding-right:9px}.sidebar-brand div,.tabs.sidebar-nav button{font-size:0}.sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.tabs.sidebar-nav button{justify-content:center;padding:0}.nav-icon{font-size:16px}.workspace{padding:22px 16px}.topbar{padding:0 16px}}

/* v1.7.1 scaling and shell polish */
.workspace{padding:28px clamp(18px,2.1vw,34px) 56px}
.workspace>.view{max-width:1540px;width:100%;margin:0 auto}
.sidebar{width:232px}
.tabs.sidebar-nav button{white-space:nowrap}
.head>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.settings.settings-single{grid-template-columns:1fr}
.settings-social-section{grid-column:1/-1}
.csv-requirements{margin:10px 0 14px!important;line-height:1.45!important}
@media(max-width:1180px){
  .workspace{padding-left:20px;padding-right:20px}
  .head{align-items:flex-start}
  .head>div:last-child{max-width:48%}
}
@media(max-width:980px){
  .app-shell{grid-template-columns:198px minmax(0,1fr)}
  .sidebar{width:198px}
}

/* v1.7.39 — collapsible navigation and continuous shell grid line */
.app-shell{transition:grid-template-columns .2s ease}
.sidebar{width:232px;padding:0 14px 18px;transition:width .2s ease,padding .2s ease}
.sidebar-brand{position:relative;height:60px;min-height:60px;margin:0 -14px 16px;padding:0 14px;border-bottom:1px solid #1d282e}
.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}
.app-shell.sidebar-collapsed .sidebar{width:72px;padding-left:9px;padding-right:9px}
.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}
.app-shell.sidebar-collapsed .sidebar-brand>div{display:none}
.app-shell.sidebar-collapsed .tabs.sidebar-nav button{justify-content:center;padding:0;font-size:0}
.app-shell.sidebar-collapsed .nav-icon{width:auto;font-size:16px}
@media(max-width:980px){.app-shell:not(.sidebar-collapsed){grid-template-columns:198px minmax(0,1fr)}.app-shell:not(.sidebar-collapsed) .sidebar{width:198px}}
@media(max-width:820px){.sidebar-toggle{display:none}.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{width:72px;padding-left:9px;padding-right:9px}.sidebar-brand{justify-content:center;margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}.sidebar-brand>div{display:none}}

/* v1.7.40 — fixed grid-intersection toggle, aligned navigation, and collapsed labels */
.sidebar-brand{overflow:visible;padding-right:42px}
.sidebar-toggle,
.app-shell.sidebar-collapsed .tabs.sidebar-nav{gap:5px}
.tabs.sidebar-nav button{
  position:relative;
  min-height:46px;
  height:46px;
  gap:13px;
  padding:0 8px;
  font-size:14px;
  overflow:visible;
}
.nav-icon{width:18px;min-width:18px;font-size:19px;line-height:1;text-align:center}
.nav-label{display:block;overflow:hidden;text-overflow:ellipsis}
.tabs.sidebar-nav button:focus-visible{outline:2px solid #2d8cff;outline-offset:1px;border-color:var(--green)}
.app-shell.sidebar-collapsed .sidebar-brand{padding-right:9px}
.app-shell.sidebar-collapsed .tabs.sidebar-nav button{font-size:14px}
.app-shell.sidebar-collapsed .tabs.sidebar-nav .nav-label{display:none}
.app-shell.sidebar-collapsed .nav-icon{width:18px;min-width:18px;font-size:19px}
.app-shell.sidebar-collapsed .tabs.sidebar-nav button::before{
  content:attr(data-tooltip);
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  z-index:80;
  transform:translate(5px,-50%);
  width:max-content;
  max-width:220px;
  padding:7px 10px;
  border:1px solid #33444c;
  border-radius:6px;
  background:#111b20;
  color:#eef5f7;
  box-shadow:0 8px 24px #000a;
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.2;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.app-shell.sidebar-collapsed .tabs.sidebar-nav button:hover::before,
.app-shell.sidebar-collapsed .tabs.sidebar-nav button:focus-visible::before{opacity:1;visibility:visible;transform:translate(0,-50%)}
@media(max-width:820px){
  .sidebar-toggle{display:none}
  .sidebar-brand{padding-right:9px}
  .tabs.sidebar-nav button{justify-content:center;padding:0}
  .tabs.sidebar-nav .nav-label{display:none}
}
@media(prefers-reduced-motion:reduce){.app-shell,.sidebar,.app-shell.sidebar-collapsed .tabs.sidebar-nav button::before{transition:none}}

/* v1.7.94 — viewport-level fitting. Root zoom makes layout reflow like
   controlled browser zoom, without shifting or clipping the centered canvas. */
html{zoom:var(--quobli-fit-scale,1);overflow-x:hidden}
body{min-width:0;overflow-x:hidden}
.app-shell{width:100%;min-height:100vh;zoom:1}
.app-main{min-height:100vh}
.sidebar{height:100vh}

/* v1.7.101 — desktop fitting follows available width. Taller workspaces scroll
   normally instead of shrinking the interface to satisfy viewport height. */
.workspace>.view{width:100%;max-width:1680px}
@media(min-width:1500px){
  #calendar{max-width:1680px}
  .app-shell.sidebar-collapsed .workspace>.view{max-width:1760px}
  .app-shell.sidebar-collapsed #calendar{max-width:1760px}
}

/* v1.7.130 — compact-by-default navigation and a fixed viewport workspace.
   Pointer hover temporarily widens the layout and pushes the workspace. The
   chevron pins it open, while the right workspace owns the app scrollbar. */
.app-shell:not(.hidden){
  position:fixed;
  inset:0;
  width:100%;
  height:var(--quobli-app-height,100dvh);
  min-height:0;
  overflow:hidden;
}
.app-main{
  display:grid;
  grid-template-rows:60px minmax(0,1fr);
  height:var(--quobli-app-height,100dvh);
  min-height:0;
  overflow:hidden;
}
.topbar{position:relative;z-index:10}
.workspace{
  --quobli-workspace-vertical-space:56px;
  width:100%;
  height:auto;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-bottom:28px;
}
.sidebar{
  position:relative;
  top:auto;
  height:var(--quobli-app-height,100dvh);
  min-height:0;
  overflow:visible;
}
.tabs.sidebar-nav{
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#314047 transparent;
}
.sidebar-toggle[aria-pressed="true"]{border-color:var(--green);color:var(--green);background:#10291a}

@media (hover:hover) and (pointer:fine) and (min-width:821px){
  /* Hover expansion is an overlay: keep the 72px rail in the grid so the
     workspace never moves or resizes. Only the pinned state removes
     sidebar-collapsed and expands the actual grid column. */
  .app-shell.sidebar-collapsed.sidebar-hover-expanded,
  .app-shell.sidebar-collapsed.sidebar-has-locks.sidebar-hover-expanded{
    grid-template-columns:72px minmax(0,1fr);
  }
  .app-shell.sidebar-collapsed.sidebar-hover-expanded .sidebar,
  .app-shell.sidebar-collapsed.sidebar-has-locks.sidebar-hover-expanded .sidebar{
    width:232px;
    padding-left:14px;
    padding-right:14px;
    box-shadow:12px 0 26px #0000002e;
  }
  .app-shell.sidebar-collapsed.sidebar-hover-expanded .sidebar-brand{
    justify-content:flex-start;
    margin-left:-14px;
    margin-right:-14px;
    padding-left:14px;
    padding-right:42px;
  }
  .app-shell.sidebar-collapsed.sidebar-hover-expanded .sidebar-brand>div{display:flex}
  .app-shell.sidebar-collapsed.sidebar-hover-expanded .tabs.sidebar-nav button,
  .app-shell.sidebar-collapsed.sidebar-has-locks.sidebar-hover-expanded .tabs.sidebar-nav button{
    justify-content:flex-start;
    gap:13px;
    padding:0 8px;
    font-size:14px;
  }
  .app-shell.sidebar-collapsed.sidebar-hover-expanded .tabs.sidebar-nav .nav-label{display:block}
  .app-shell.sidebar-collapsed.sidebar-hover-expanded .tabs.sidebar-nav button::before{display:none}
  .app-shell.sidebar-collapsed.sidebar-has-locks.sidebar-hover-expanded .tabs.sidebar-nav .feature-locked::after{
    position:static;
    width:18px;
    margin-left:auto;
    transform:none;
  }
}

@media(max-width:820px){
  .app-shell:not(.hidden){position:fixed}
  .app-main{height:var(--quobli-app-height,100dvh)}
  .workspace{--quobli-workspace-vertical-space:32px;padding-bottom:16px}
}

@media(prefers-reduced-motion:reduce){
  .app-shell.sidebar-collapsed.sidebar-hover-expanded .sidebar{transition:none}
}

/* v1.9.1 — readable native and generated dropdown text. Field labels remain compact. */
select,select option,select optgroup{font-size:14px}

/* Short workspaces use the same lower visual edge as the fixed sidebar. Long
   workspaces continue to grow and scroll in the right-hand container. */
#queue:not(.hidden),
#replies:not(.hidden),
#calendar:not(.hidden),
#library:not(.hidden),
#log:not(.hidden),
#settings:not(.hidden){display:flex;min-height:calc(var(--quobli-app-height,100dvh) - 60px - var(--quobli-workspace-vertical-space));flex-direction:column}
#queue>.panel:last-child,
#log>.panel:last-child{display:flex;min-height:330px;flex:1 1 auto;flex-direction:column}
#queueRows,#logRows{flex:0 0 auto}
#queueEmpty,#logEmpty,#replyEmpty{min-height:280px;flex:1 1 auto}
#replyRows{flex:0 0 auto}
#calendar>.calendar{display:flex;min-height:490px;flex:1 1 auto;flex-direction:column}
#calendarItems{flex:1 1 auto}
#library>.library-browser{height:auto;min-height:0;overflow:visible;flex:0 0 auto}
#library .library-media-scroll{overflow:visible;overscroll-behavior:auto;flex:0 0 auto}
#settings>.settings-accordion{display:flex;flex:1 1 auto;flex-direction:column}
#settings .settings-social-section[open]{display:flex;flex:1 1 auto;flex-direction:column}
#settings .settings-social-section[open]>.settings-section-body{display:flex;flex:1 1 auto;flex-direction:column}
#settings .settings-social-section[open] .social-v493-grid{flex:1 1 auto}
#settings .settings-social-section[open] .social-saved-card{min-height:100%}
.log-diagnostic{min-height:1.35rem;margin:.15rem 0 .75rem;color:var(--muted);font-size:.86rem}.log-diagnostic.loading{color:#d9b84c}.log-diagnostic.ready{color:#56dd83}.log-diagnostic.warning,.log-diagnostic.error{color:#f0c75e}.log-diagnostic.error{color:#ff7777}

/* v1.16.67 semantic navigation icons */
.nav-icon{display:inline-flex!important;align-items:center;justify-content:center}.nav-icon svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Shared Workspaces inside Desktop uses the Desktop navigation and header. */
html.desktop-workspace-embed #application {grid-template-columns:minmax(0,1fr)!important;}
html.desktop-workspace-embed #application > .sidebar,
html.desktop-workspace-embed #application .topbar {display:none!important;}
html.desktop-workspace-embed #application .app-main {grid-column:1!important;margin-left:0!important;}
html.desktop-workspace-embed #application .workspace {padding:16px!important;}

.desktop-workspace-back {margin-bottom:12px;}

/* Shared credit balance beside the page breadcrumb. */
button.quobli-credit-badge{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;border:1px solid var(--line,#c7d9cd);border-radius:999px;padding:4px 10px;margin-left:8px;background:var(--panel2,#edf5ef);color:var(--text,#244632);font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;min-height:0;cursor:pointer}
button.quobli-credit-badge:hover{filter:brightness(.97)}
button.quobli-credit-badge:focus-visible{outline:2px solid currentColor;outline-offset:2px}