/* One Circle mark and wordmark across the public pages and workspaces. */
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark){display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-logo{position:relative;display:inline-grid;place-items:center;flex:none;width:30px!important;height:30px!important;border:1.5px solid currentColor!important;border-radius:50%;background:transparent!important;box-shadow:none!important;color:#d5d7df!important}
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-logo::before{content:'';position:absolute;inset:5px;border:1.5px solid currentColor;border-radius:50%;transform:none;opacity:1}
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-logo::after{content:'';position:absolute;inset:10px;border:1px solid currentColor;border-radius:50%;transform:none;opacity:1}
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-logo b{display:none!important}
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-name{display:inline-block;color:#e8e9ec;font:700 12px/1.2 Vazirmatn,sans-serif}
:is(.landing-circle-wordmark,.circle-wordmark) small{display:none!important}
:is(.landing-circle-wordmark,.circle-wordmark) > span:last-child{display:inline-flex!important;align-items:center}
.workspace-circle-wordmark{color:#e8e9ec;padding:0;border:0;border-radius:0;background:transparent}
.workspace-circle-wordmark:hover{background:transparent;color:#fff}
body.manual-editor-page .manual-header .workspace-circle-wordmark{margin-inline-start:auto}
body.audio-editor-page .editor-top .workspace-circle-wordmark{margin-inline-start:auto}
@media(max-width:760px){body.dashboard-page .top-actions .dashboard-circle-mobile{display:inline-flex!important;width:auto!important;min-width:0!important;padding:4px 7px!important;gap:5px}body.dashboard-page .dashboard-circle-mobile .circle-logo{width:24px!important;height:24px!important}body.manual-editor-page .workspace-circle-wordmark .circle-logo,body.audio-editor-page .workspace-circle-wordmark .circle-logo{width:24px!important;height:24px!important}}
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-logo::before,
:is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-logo::after{width:auto!important;height:auto!important}
html[data-podly-theme=light] :is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-logo{color:#31454f!important}
html[data-podly-theme=light] :is(.landing-circle-wordmark,.circle-wordmark,.dashboard-circle-shortcut,.dashboard-circle-mobile,.workspace-circle-wordmark) .circle-name{color:#24313a}
@media(min-width:761px) and (max-width:900px){body.dashboard-page .top-actions .dashboard-circle-mobile{display:inline-flex!important;width:auto!important;min-width:0!important;padding:4px 8px!important;gap:6px}}

/* Circle is a wordmark in the dashboard header, even when native actions use icon-only sizing. */
@media (min-width:901px){
  body.dashboard-page .top-actions .dashboard-circle-shortcut{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;min-width:max-content!important;max-width:none!important;padding-inline:8px!important}
}
@media (max-width:900px){
  body.dashboard-page .top-actions .dashboard-circle-mobile{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:auto!important;min-width:max-content!important;max-width:none!important;padding-inline:7px!important}
}
body.dashboard-page .top-actions :is(.dashboard-circle-shortcut,.dashboard-circle-mobile).dashboard-minimal-native > .circle-name{display:inline-block!important;width:auto;height:auto;color:#e8e9ec;font:700 12px/1.2 Vazirmatn,sans-serif;white-space:nowrap}
html[data-podly-theme=light] body.dashboard-page .top-actions :is(.dashboard-circle-shortcut,.dashboard-circle-mobile).dashboard-minimal-native > .circle-name{color:#24313a}
.circle-notification-error{display:grid;gap:9px;padding:22px 16px;text-align:center;color:#f0a5af;font-size:10px;line-height:1.8}.circle-notification-error button{justify-self:center;padding:6px 12px;border:1px solid #6d4f9f;border-radius:7px;background:#241d39;color:#d9caff;font:10px Vazirmatn;cursor:pointer}