@font-face {
    font-family:Balanding;
    src:url('/Theme/fonts/vazir/Vazir.woff2') format('woff2');
    font-display:swap;
    font-weight:400
}

@font-face {
    font-family:Balanding;
    src:url('/Theme/fonts/vazir/Vazir-Bold.woff2') format('woff2');
    font-display:swap;
    font-weight:700 900
}

:root {
    --bl-blue:#234ed8;
    --bl-navy:#10264d;
    --bl-ink:#192d4b;
    --bl-muted:#6d7a91;
    --bl-line:#e6eaf1;
    --bl-canvas:#f6f7fb;
    --bl-radius:22px
}

* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body.bl-app {
    margin:0;
    background:var(--bl-canvas);
    color:var(--bl-ink);
    font-family:Balanding,Tahoma,sans-serif;
    font-size:14px;
    line-height:1.8;
    display:block;
    text-align:right;
    min-height:100vh
}

.bl-app a {
    color:inherit;
    text-decoration:none
}
.bl-app button,.bl-app input,.bl-app select,.bl-app textarea {
    font:inherit
}
.bl-app button,.bl-app summary {
    cursor:pointer
}
.bl-app svg {
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex-shrink:0
}
.bl-app button {
    transition:background .18s,transform .18s
}
.bl-app a,.bl-app input,.bl-app textarea {
    transition:border-color .18s,box-shadow .18s
}
.bl-app :focus-visible {
    outline:3px solid #8baafa;
    outline-offset:4px
}
.bl-app [hidden] {
    display:none!important
}
.bl-app h1,.bl-app h2,.bl-app h3,.bl-app p {
    margin-top:0
}
.bl-app h1 {
    font-size:30px;
    line-height:1.65;
    letter-spacing:-.8px
}
.bl-app h2 {
    font-size:21px;
    letter-spacing:-.4px
}
.bl-app p {
    color:var(--bl-muted)
}

.bl-skip {
    position:fixed;
    top:-100px;
    right:25px;
    background:white;
    padding:12px;
    z-index:100
}
.bl-skip:focus {
    top:12px
}

.bl-sidebar {
    position:fixed;
    right:0;
    top:0;
    bottom:0;
    width:252px;
    background:white;
    border-left:1px solid var(--bl-line);
    padding:36px 24px;
    z-index:30;
    display:flex;
    flex-direction:column
}

.bl-brand {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:26px;
    font-weight:700;
    color:var(--bl-navy)!important;
    line-height:1.4
}
.bl-brand img {
    width:48px;
    height:48px;
    object-fit:contain
}
.bl-brand small {
    display:block;
    font-size:10px;
    color:var(--bl-muted);
    font-weight:400;
    margin-top:5px
}
.bl-nav-label {
    font-size:10px;
    color:#929caf;
    letter-spacing:.3px;
    margin:50px 14px 16px
}
.bl-navigation {
    display:grid;
    gap:8px
}
.bl-navigation a {
    padding:13px 15px;
    border-radius:12px;
    display:flex;
    gap:13px;
    align-items:center;
    color:#7b879b
}
.bl-navigation a:hover {
    background:#f4f6fc;
    color:var(--bl-blue)
}
.bl-navigation a.is-active {
    background:#edf2ff;
    color:var(--bl-blue);
    font-weight:700
}
.bl-navigation a.is-active:after {
    content:'';
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--bl-blue);
    margin-right:auto
}

.bl-sidebar-note {
    margin-top:auto;
    padding:22px 18px;
    border-radius:18px;
    background:#f4f6ff;
    position:relative;
    overflow:hidden
}
.bl-note-flower {
    display:block;
    color:#7590ee;
    font-size:50px;
    line-height:1;
    margin-bottom:15px
}
.bl-sidebar-note strong {
    font-size:20px;
    line-height:1.7
}
.bl-sidebar-note p {
    font-size:11px;
    line-height:2;
    margin:12px 0
}
.bl-sidebar-note a {
    font-size:11px;
    font-weight:700;
    color:var(--bl-blue)
}
.bl-sidebar-footer {
    font-size:10px;
    color:#a0a9b8;
    padding-top:26px;
    text-align:center
}

.bl-workspace {
    margin-right:252px
}
.bl-topbar {
    height:100px;
    padding:0 44px;
    background:#ffffffc9;
    border-bottom:1px solid var(--bl-line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
.bl-breadcrumb {
    color:#8994a7;
    font-size:12px;
    display:flex;
    gap:15px
}
.bl-breadcrumb strong {
    color:#37465d;
    font-weight:400
}
.bl-topbar-actions {
    display:flex;
    align-items:center;
    gap:30px
}
.bl-community-dot {
    font-size:10px;
    color:#8791a3
}
.bl-community-dot:before {
    content:'';
    display:inline-block;
    width:6px;
    height:6px;
    background:#4aab8f;
    border-radius:50%;
    margin-left:8px
}
.bl-account {
    position:relative
}
.bl-account summary {
    list-style:none;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    border-radius:12px
}
.bl-account summary::-webkit-details-marker {
    display:none
}
.bl-avatar {
    display:grid;
    place-items:center;
    width:43px;
    height:43px;
    border-radius:14px;
    background:#eaf0ff;
    color:var(--bl-blue)
}
.bl-account-label {
    font-size:12px;
    font-weight:700
}
.bl-account-label small {
    display:block;
    font-size:10px;
    color:var(--bl-muted);
    font-weight:400
}
.bl-chevron {
    width:15px!important;
    transition:transform .2s
}
.bl-account[open] .bl-chevron {
    transform:rotate(180deg)
}
.bl-account-menu {
    position:absolute;
    left:0;
    top:60px;
    width:252px;
    background:white;
    border:1px solid var(--bl-line);
    border-radius:18px;
    padding:10px;
    box-shadow:0 18px 60px #20376124;
    z-index:80
}
.bl-account-menu>strong {
    display:block;
    padding:10px 12px;
    font-size:12px;
    border-bottom:1px solid var(--bl-line);
    margin-bottom:6px
}
.bl-account-menu a {
    display:block;
    padding:10px 12px;
    border-radius:9px;
    font-size:12px
}
.bl-account-menu a:hover {
    background:#f2f5ff;
    color:var(--bl-blue)
}
.bl-account-menu form {
    margin:6px 0 0;
    border-top:1px solid var(--bl-line);
    padding-top:6px
}
.bl-account-menu .bl-logout {
    display:flex;
    gap:10px;
    align-items:center;
    width:100%;
    padding:10px 12px;
    color:#c44953;
    background:transparent;
    border:0;
    border-radius:9px;
    text-align:right
}
.bl-logout:hover {
    background:#fff2f2
}
.bl-main {
    max-width:1420px;
    margin:auto;
    padding:38px 44px 45px;
    min-height:calc(100vh - 165px)
}
.bl-footer {
    display:flex;
    justify-content:space-between;
    max-width:1420px;
    margin:auto;
    padding:12px 44px 25px;
    color:#9ba4b4;
    font-size:10px
}
.bl-mobile-nav,.bl-mobile-brand {
    display:none
}

.bl-eyebrow {
    font-size:10px;
    letter-spacing:1px;
    color:#7c8ba6;
    display:block;
    margin-bottom:9px
}
.bl-welcome {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:24px
}
.bl-welcome h1 {
    margin-bottom:3px
}
.bl-welcome p {
    margin-bottom:0;
    font-size:12px
}
.bl-date-chip {
    padding:9px 14px;
    background:white;
    border:1px solid var(--bl-line);
    border-radius:10px;
    font-size:11px;
    color:var(--bl-muted)
}

.bl-hero {
    display:grid;
    grid-template-columns:1.2fr 1fr;
    background:#143dba;
    border-radius:26px;
    min-height:286px;
    overflow:hidden;
    position:relative;
    color:white
}
.bl-hero-content {
    padding:34px 36px;
    z-index:1
}
.bl-hero .bl-eyebrow {
    color:#c1d0ff
}
.bl-hero h2 {
    font-size:34px;
    line-height:1.8;
    letter-spacing:-1px;
    margin:9px 0 14px
}
.bl-hero h2 em {
    font-style:normal;
    color:#b8dcfa
}
.bl-hero p {
    color:#d2ddff;
    font-size:12px;
    max-width:330px
}
.bl-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:46px;
    padding:10px 22px;
    border:1px solid transparent;
    border-radius:12px;
    background:var(--bl-blue);
    color:white!important;
    font-weight:700;
    font-size:12px
}
.bl-button:hover {
    background:#173cab;
    transform:translateY(-1px)
}
.bl-button-light {
    background:white;
    color:#153fbc!important
}
.bl-button-light:hover {
    background:#e9efff
}
.bl-button-ghost {
    background:transparent;
    color:var(--bl-blue)!important;
    border-color:#dbe3fa
}
.bl-button-ghost:hover {
    background:#edf2ff
}
.bl-button svg {
    width:18px;
    height:18px
}
.bl-hero-art {
    position:relative;
    display:grid;
    place-items:center;
    min-height:270px;
    isolation:isolate
}
.bl-orbit {
    position:absolute;
    border:1px solid #ffffff22;
    border-radius:50%;
    width:290px;
    height:290px;
    transform:rotate(-25deg)
}
.bl-orbit:before,.bl-orbit:after {
    content:'';
    position:absolute;
    inset:28px;
    border:1px solid #ffffff20;
    border-radius:50%
}
.bl-orbit:after {
    inset:-35px
}
.bl-art-flower {
    font-size:200px;
    line-height:1;
    color:#c9dbff;
    transform:rotate(-14deg);
    text-shadow:8px 12px 0 #0c2e9290
}
.bl-art-tag {
    position:absolute;
    background:#ffffffef;
    color:#254a9a;
    border-radius:13px;
    padding:10px 16px;
    box-shadow:0 10px 25px #0a236b22;
    font-size:10px;
    display:flex;
    align-items:center;
    gap:8px
}
.bl-art-tag svg {
    color:#38a17b;
    width:17px
}
.bl-art-tag.first {
    top:48px;
    right:10px;
    transform:rotate(5deg)
}
.bl-art-tag.second {
    bottom:42px;
    left:22px;
    transform:rotate(-5deg)
}

.bl-section-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:33px 0 17px
}
.bl-section-heading h2 {
    margin:0
}
.bl-section-heading p {
    margin:3px 0 0;
    font-size:11px
}
.bl-text-link {
    font-size:11px;
    color:var(--bl-blue)!important;
    display:flex;
    align-items:center;
    gap:8px
}
.bl-text-link svg {
    width:16px
}
.bl-paths {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}
.bl-path {
    display:flex;
    gap:16px;
    align-items:center;
    padding:24px 20px;
    border:1px solid var(--bl-line);
    border-radius:18px;
    background:white
}
.bl-path:hover {
    border-color:#b8c9ff;
    box-shadow:0 8px 24px #233b6c09
}
.bl-path-icon {
    display:grid;
    place-items:center;
    width:50px;
    height:55px;
    border-radius:15px;
    background:#f0edff;
    color:#8970c6;
    flex-shrink:0
}
.bl-path:nth-child(2) .bl-path-icon {
    background:#eaf3ff;
    color:#5087d3
}
.bl-path:nth-child(3) .bl-path-icon {
    background:#fff0ea;
    color:#d99176
}
.bl-path h3 {
    font-size:14px;
    margin:0 0 4px
}
.bl-path p {
    font-size:10px;
    margin:0
}
.bl-path-arrow {
    color:#a4afc3;
    margin-right:auto;
    font-size:20px
}

.bl-opportunities {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px
}
.bl-opportunity-card {
    background:white;
    border:1px solid var(--bl-line);
    border-radius:20px;
    padding:22px;
    display:flex;
    flex-direction:column;
    min-width:0;
    transition:transform .2s,box-shadow .2s
}
.bl-opportunity-card:hover {
    transform:translateY(-4px);
    box-shadow:0 14px 36px #2037610d
}
.bl-card-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:22px
}
.bl-opportunity-symbol {
    width:47px;
    height:47px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#eef2ff;
    color:#526ed4
}
.bl-opportunity-card[data-type="1"] .bl-opportunity-symbol {
    background:#fff0e9;
    color:#d69072
}
.bl-opportunity-card[data-type="3"] .bl-opportunity-symbol {
    background:#eaf5ef;
    color:#56a488
}
.bl-pill {
    font-size:9px;
    display:inline-flex;
    padding:4px 10px;
    border-radius:7px;
    background:#f3f5f9;
    color:#7d899d
}
.bl-opportunity-card h3 {
    font-size:15px;
    line-height:1.9;
    margin-bottom:10px;
    overflow-wrap:anywhere
}
.bl-card-description {
    font-size:11px;
    line-height:2;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:19px
}
.bl-card-location {
    display:flex;
    align-items:center;
    gap:7px;
    color:#8390a5;
    font-size:10px;
    margin-top:auto
}
.bl-card-location svg {
    width:14px;
    height:14px
}
.bl-card-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid #eef0f5;
    padding-top:16px;
    margin-top:17px
}
.bl-card-credit {
    font-size:10px;
    color:#7c88a0
}
.bl-card-credit strong {
    color:var(--bl-navy);
    font-size:20px;
    margin-left:4px
}
.bl-card-bottom a {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:10px;
    color:var(--bl-blue)
}
.bl-card-bottom a svg {
    width:16px
}
.bl-how {
    margin-top:30px;
    display:flex;
    align-items:center;
    gap:24px;
    border:1px solid #e4e8f0;
    border-radius:18px;
    padding:25px 28px;
    background:#f0f3f9
}
.bl-how strong {
    font-size:15px
}
.bl-how p {
    font-size:11px;
    margin:5px 0 0
}
.bl-how>svg {
    width:36px;
    height:36px;
    color:#7891d9
}
.bl-how a {
    margin-right:auto;
    white-space:nowrap
}

.bl-page-intro {
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:25px;
    gap:20px
}
.bl-page-intro h1 {
    margin-bottom:5px
}
.bl-page-intro p {
    font-size:12px;
    margin-bottom:0
}
.bl-toolbar {
    padding:18px;
    background:white;
    border:1px solid var(--bl-line);
    border-radius:17px;
    margin-bottom:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
.bl-search {
    display:flex;
    align-items:center;
    gap:12px;
    width:310px;
    max-width:100%;
    color:#8b97ad
}
.bl-search input {
    border:0!important;
    background:transparent!important;
    outline:none;
    padding:8px 0!important;
    box-shadow:none!important;
    min-width:0
}
.bl-filters {
    display:flex;
    gap:5px;
    flex-wrap:wrap
}
.bl-filters button {
    background:transparent;
    border:0;
    border-radius:9px;
    padding:9px 14px;
    color:var(--bl-muted);
    font-size:11px
}
.bl-filters button.is-active {
    color:var(--bl-blue);
    background:#edf2ff
}
.bl-empty {
    background:white;
    border:1px dashed #cfd9ed;
    border-radius:20px;
    padding:48px 24px;
    text-align:center;
    grid-column:1/-1
}
.bl-empty>svg {
    width:45px;
    height:45px;
    color:#9fb0d8;
    margin-bottom:10px
}
.bl-empty h3 {
    font-size:17px
}
.bl-empty p {
    font-size:12px
}
.bl-search-empty {
    text-align:center;
    padding:35px;
    color:var(--bl-muted)
}

/* Shared forms, detail pages and moderation */
.bl-app .page,.bl-app .bc-page {
    max-width:1000px;
    margin:0 auto;
    padding:0
}
.bl-app .card,.bl-app .bc-card,.bl-app .summary,.bl-app .table-wrap {
    background:white;
    border:1px solid var(--bl-line);
    border-radius:var(--bl-radius);
    padding:28px;
    box-shadow:0 4px 15px #1d386203;
    margin-bottom:20px
}
.bl-app .table-wrap {
    padding:0;
    overflow:auto
}
.bl-app .back,.bl-app .bc-back {
    display:inline-block;
    color:var(--bl-blue);
    font-size:11px;
    margin-bottom:20px
}
.bl-app .header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:24px;
    flex-wrap:wrap
}
.bl-app .subtitle {
    font-size:12px;
    color:var(--bl-muted)
}
.bl-app .home-link {
    padding:10px 16px;
    border-radius:10px;
    border:1px solid var(--bl-line);
    background:white;
    color:var(--bl-blue);
    font-size:11px
}
.bl-app .grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:24px 0
}
.bl-app .field {
    background:#f6f8fc;
    border:1px solid #edf0f5;
    border-radius:13px;
    padding:18px
}
.bl-app .label {
    color:var(--bl-muted);
    font-size:11px;
    margin-bottom:7px
}
.bl-app .value {
    font-size:13px;
    font-weight:700;
    overflow-wrap:anywhere
}
.bl-app .description,.bl-app .message {
    white-space:pre-wrap;
    line-height:2.2;
    overflow-wrap:anywhere;
    color:#65738d
}
.bl-app .badge {
    display:inline-flex;
    background:#fff5de;
    color:#a17a24;
    border-radius:8px;
    padding:5px 11px;
    font-size:10px
}
.bl-app .badge.selected {
    color:#28856a;
    background:#e9f6ef
}
.bl-app .notice {
    padding:17px 20px;
    border-radius:12px;
    background:#eff3ff;
    color:#506bb6;
    font-size:12px;
    line-height:2;
    margin:20px 0
}
.bl-app .error,.bl-alert-error {
    color:#b24450;
    background:#fff0f2;
    padding:12px 16px;
    border-radius:10px;
    font-size:12px
}
.bl-alert-success {
    background:#eaf7f0;
    color:#27785b;
    padding:12px 16px;
    border-radius:10px;
    font-size:12px
}
.bl-app .summary-number {
    font-size:38px;
    font-weight:700;
    color:var(--bl-blue)
}
.bl-app .summary-label {
    font-size:12px;
    color:var(--bl-muted)
}
.bl-app table {
    width:100%;
    border-collapse:collapse;
    white-space:nowrap;
    text-align:right
}
.bl-app td,.bl-app th {
    padding:20px 18px;
    border-bottom:1px solid #eef0f5;
    font-size:11px
}
.bl-app th {
    color:#8190aa;
    background:#fafbfe;
    font-weight:400
}
.bl-app tr:last-child td {
    border-bottom:0
}
.bl-app .details-link,.bl-app .choose,.bl-app .approve-btn {
    display:inline-block;
    background:var(--bl-blue);
    color:white;
    border:0;
    border-radius:10px;
    padding:11px 16px;
    font-size:12px
}
.bl-app .choose,.bl-app .approve-btn {
    width:100%
}
.bl-app .name {
    font-size:17px;
    font-weight:700
}
.bl-app .empty {
    padding:40px;
    text-align:center;
    color:var(--bl-muted)
}
.bl-app .admin-actions {
    background:#f6f8fc;
    border:1px solid var(--bl-line);
    border-radius:16px;
    padding:25px;
    margin-top:28px
}
.bl-app .admin-help {
    font-size:12px
}
.bl-app .admin-label {
    display:block;
    font-size:12px;
    margin-bottom:8px
}
.bl-app .reject-btn {
    width:100%;
    background:#fff0f2;
    color:#b84f5c;
    border:1px solid #f3d9de;
    border-radius:10px;
    padding:12px;
    margin-top:12px
}
.bl-app input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.bl-app textarea,.bl-app select {
    border:1px solid #dfe5ef;
    background:#fcfdff;
    border-radius:11px;
    padding:13px 14px;
    width:100%;
    color:var(--bl-ink);
    min-height:47px
}
.bl-app input:focus,.bl-app textarea:focus,.bl-app select:focus {
    border-color:#94a9ee;
    box-shadow:0 0 0 3px #234ed80a
}
.bl-app input::placeholder,.bl-app textarea::placeholder {
    color:#a5afbf
}
.bl-app textarea {
    resize:vertical
}
.bl-app button:disabled {
    opacity:.55;
    cursor:not-allowed
}
.bl-app .bc-card {
    box-shadow:none
}
.bl-app .bc-header {
    padding-top:0
}
.bl-app .bc-form {
    display:block
}
.bl-app .bc-heading-icon {
    background:#eaf0ff;
    color:var(--bl-blue)
}
.bl-app .bc-primary-button {
    background:var(--bl-blue)
}
.bl-app .bc-types {
    gap:12px
}
.bl-app .bc-type-content {
    background:#fcfdff
}
.bl-app .bc-type input:checked+.bc-type-content {
    background:#edf2ff;
    border-color:var(--bl-blue)
}
.bl-app .bc-card-title h2 {
    font-size:18px
}

/* Authentication */
.bl-auth-shell {
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:640px;
    background:white;
    border:1px solid var(--bl-line);
    border-radius:25px;
    overflow:hidden;
    max-width:1050px;
    margin:10px auto
}
.bl-auth-story {
    background:#153fbc;
    color:white;
    padding:48px 40px;
    display:flex;
    flex-direction:column;
    position:relative;
    overflow:hidden
}
.bl-auth-story .bl-eyebrow {
    color:#b6c8ff
}
.bl-auth-story h2 {
    font-size:34px;
    line-height:1.9;
    margin-top:30px;
    z-index:1
}
.bl-auth-story p {
    color:#bfcefa;
    font-size:12px;
    line-height:2.2;
    max-width:285px
}
.bl-auth-flower {
    font-size:190px;
    line-height:1.2;
    align-self:center;
    color:#a9c3ff;
    transform:rotate(-15deg);
    margin-top:auto
}
.bl-auth-story small {
    font-size:10px;
    color:#b9caf9;
    margin-top:auto
}
.bl-auth-form {
    padding:48px 42px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.bl-auth-form h1 {
    font-size:25px;
    margin-bottom:8px
}
.bl-auth-form>p {
    font-size:12px;
    margin-bottom:25px
}
.bl-auth-form label {
    display:block;
    font-size:12px;
    margin:17px 0 7px
}
.bl-auth-form .bl-button {
    width:100%;
    margin-top:24px
}
.bl-auth-form .bl-auth-switch {
    font-size:12px;
    margin:23px 0 0;
    text-align:center
}
.bl-auth-switch a {
    color:var(--bl-blue);
    font-weight:700
}
.bl-password {
    position:relative
}
.bl-password input {
    padding-left:65px!important
}
.bl-password button {
    position:absolute;
    left:9px;
    top:9px;
    background:#f0f3fa;
    border:0;
    border-radius:7px;
    padding:5px 9px;
    font-size:10px;
    color:#7282a1
}
.bl-auth-form input[type=tel],.bl-auth-form input[name=code] {
    direction:ltr;
    text-align:left
}
.bl-auth-form input[name=code] {
    font-size:27px;
    text-align:center;
    letter-spacing:10px
}
.bl-field-hint {
    display:block;
    font-size:10px;
    color:#8d99ac;
    margin-top:6px
}

@media(min-width:1600px) {
    .bl-main {
    padding-top:50px
}
.bl-hero {
    min-height:330px
}
.bl-hero-content {
    padding:42px
}
.bl-hero h2 {
    font-size:39px
}

}

@media(max-width:1200px) {
    .bl-sidebar {
    width:214px;
    padding:30px 18px
}
.bl-workspace {
    margin-right:214px
}
.bl-main {
    padding:28px
}
.bl-topbar {
    padding:0 28px
}
.bl-community-dot {
    display:none
}
.bl-opportunities {
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.bl-path {
    padding:18px 13px;
    gap:10px
}
.bl-path-icon {
    width:40px;
    height:45px
}
.bl-path p {
    font-size:9px
}
.bl-auth-form,.bl-auth-story {
    padding:35px 28px
}

}

@media(max-width:900px) {
    .bl-sidebar {
    width:185px;
    padding:25px 13px
}
.bl-workspace {
    margin-right:185px
}
.bl-brand {
    font-size:22px;
    gap:8px
}
.bl-brand img {
    width:39px;
    height:39px
}
.bl-brand small {
    font-size:8px
}
.bl-main {
    padding:24px
}
.bl-navigation a {
    font-size:12px;
    padding:12px
}
.bl-sidebar-note {
    padding:18px 12px
}
.bl-sidebar-note strong {
    font-size:17px
}
.bl-hero {
    grid-template-columns:1.3fr 1fr
}
.bl-hero-content {
    padding:25px
}
.bl-hero h2 {
    font-size:28px
}
.bl-art-tag {
    font-size:9px;
    padding:8px
}
.bl-art-tag.first {
    right:-10px
}
.bl-art-flower {
    font-size:150px
}
.bl-paths {
    gap:10px
}
.bl-path {
    display:block
}
.bl-path-icon {
    margin-bottom:12px
}
.bl-path-arrow {
    display:none
}
.bl-auth-shell {
    grid-template-columns:1fr
}
.bl-auth-story {
    display:none
}
.bl-auth-form {
    padding:36px;
    max-width:500px;
    width:100%;
    margin:auto
}
.bl-auth-shell {
    min-height:0
}
.bl-toolbar {
    align-items:stretch;
    flex-direction:column;
    gap:12px
}
.bl-search {
    width:100%
}

}

@media(max-width:650px) {
    .bl-sidebar {
    display:none
}
.bl-workspace {
    margin:0
}
.bl-topbar {
    height:78px;
    padding:0 20px;
    position:sticky;
    top:0;
    z-index:40;
    background:#fffffff5;
    backdrop-filter:blur(12px)
}
.bl-breadcrumb {
    display:none
}
.bl-mobile-brand {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:22px;
    font-weight:700
}
.bl-mobile-brand span {
    color:var(--bl-blue)
}
.bl-account-label {
    display:none
}
.bl-account summary {
    gap:5px
}
.bl-account-menu {
    position:fixed;
    left:18px;
    right:18px;
    top:72px;
    width:auto
}
.bl-main {
    padding:24px 18px 35px;
    min-height:calc(100vh - 200px)
}
.bl-app h1 {
    font-size:24px
}
.bl-welcome {
    align-items:start;
    gap:10px
}
.bl-welcome p {
    font-size:11px
}
.bl-date-chip {
    display:none
}
.bl-hero {
    display:block;
    min-height:0
}
.bl-hero-content {
    padding:25px
}
.bl-hero h2 {
    font-size:29px;
    margin:8px 0 12px
}
.bl-hero p {
    max-width:260px
}
.bl-hero-art {
    display:none
}
.bl-paths {
    gap:8px
}
.bl-path {
    padding:16px 10px;
    border-radius:14px
}
.bl-path h3 {
    font-size:11px
}
.bl-path p {
    font-size:9px;
    line-height:1.9
}
.bl-path-icon {
    width:36px;
    height:39px;
    border-radius:10px
}
.bl-path-icon svg {
    width:20px;
    height:20px
}
.bl-opportunities {
    grid-template-columns:1fr;
    gap:14px
}
.bl-section-heading {
    margin-top:26px
}
.bl-section-heading h2 {
    font-size:18px
}
.bl-section-heading p {
    font-size:10px
}
.bl-opportunity-card {
    padding:22px
}
.bl-how {
    padding:20px;
    gap:13px;
    flex-wrap:wrap
}
.bl-how a {
    margin-right:49px
}
.bl-how strong {
    font-size:13px
}
.bl-footer {
    padding:0 20px 100px;
    display:block;
    font-size:9px
}
.bl-footer span {
    display:block
}
.bl-mobile-nav {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:#fffffffa;
    backdrop-filter:blur(14px);
    z-index:50;
    display:flex;
    justify-content:space-around;
    align-items:center;
    border-top:1px solid var(--bl-line);
    padding:9px 12px calc(10px + env(safe-area-inset-bottom))
}
.bl-mobile-nav a,.bl-mobile-nav button {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
    font-size:9px;
    color:#8b97ac;
    border:0;
    background:transparent;
    min-width:60px;
    padding:3px
}
.bl-mobile-nav .is-active {
    color:var(--bl-blue)
}
.bl-mobile-nav svg {
    width:21px;
    height:21px
}
.bl-mobile-nav .bl-mobile-create {
    color:var(--bl-blue)
}
.bl-mobile-create svg {
    background:var(--bl-blue);
    color:white;
    border-radius:10px;
    width:30px;
    height:27px;
    padding:4px
}
.bl-page-intro {
    align-items:start
}
.bl-page-intro .bl-button {
    padding:9px 13px;
    white-space:nowrap;
    font-size:10px
}
.bl-page-intro p {
    font-size:10px
}
.bl-toolbar {
    padding:14px
}
.bl-filters {
    gap:2px
}
.bl-filters button {
    font-size:10px;
    padding:8px 10px
}
.bl-app .card,.bl-app .bc-card {
    padding:20px;
    border-radius:17px
}
.bl-app .grid {
    gap:9px
}
.bl-app .field {
    padding:13px
}
.bl-app .value {
    font-size:11px
}
.bl-app .admin-actions {
    padding:18px
}
.bl-auth-form {
    padding:30px 23px
}
.bl-auth-shell {
    margin:0
}
.bl-auth-form h1 {
    font-size:24px
}
.bl-auth-form label {
    margin-top:14px
}
.bl-app .bc-types {
    grid-template-columns:1fr
}
.bl-app .bc-row {
    grid-template-columns:1fr
}

}

/* Visual rhythm: readable text, quieter surfaces and compact content. */
.bl-topbar {
    height: 88px;
}

.bl-main {
    padding-top: 30px;
}

.bl-app h1,
.bl-app h2,
.bl-app h3 {
    text-wrap: balance;
}

.bl-welcome h1 {
    font-size: clamp(24px, 2.1vw, 30px);
}

.bl-welcome p,
.bl-page-intro p,
.bl-auth-form > p,
.bl-auth-story p {
    font-size: 14px;
    line-height: 2;
}

.bl-hero {
    min-height: 260px;
    border-radius: 22px;
    background: linear-gradient(115deg, #244fd2, #183da9);
}

.bl-hero-content {
    padding: 28px 34px;
}

.bl-hero h2 {
    font-size: clamp(28px, 2.6vw, 36px);
    line-height: 1.65;
    margin: 10px 0 12px;
}

.bl-hero p {
    max-width: 370px;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 20px;
}

.bl-hero-art {
    min-height: 260px;
}

.bl-orbit {
    width: 240px;
    height: 240px;
}

.bl-art-flower {
    font-size: 170px;
}

.bl-section-heading {
    margin-top: 27px;
}

.bl-section-heading p,
.bl-path p,
.bl-card-description,
.bl-card-location,
.bl-auth-form label,
.bl-app .admin-help {
    font-size: 13px;
    line-height: 1.9;
}

.bl-path {
    padding: 20px 18px;
    border-radius: 16px;
}

.bl-path h3 {
    font-size: 15px;
}

.bl-path p {
    margin-bottom: 0;
}

.bl-opportunity-card {
    padding: 23px;
    box-shadow: 0 3px 10px #192d4b03;
}

.bl-opportunity-card h3 {
    font-size: 17px;
}

.bl-card-description {
    min-height: 3.8em;
}

.bl-pill {
    font-size: 11px;
}

.bl-card-bottom a,
.bl-text-link,
.bl-card-credit,
.bl-button,
.bl-field-hint,
.bl-auth-form .bl-auth-switch {
    font-size: 13px;
}

.bl-card-location {
    flex-wrap: wrap;
    gap: 5px;
}

.bl-account-menu a,
.bl-account-menu > strong {
    font-size: 13px;
}

.bl-auth-shell {
    min-height: 580px;
}

.bl-auth-story h2 {
    font-size: 31px;
    line-height: 1.8;
}

.bl-auth-flower {
    font-size: 150px;
}

.bl-app .bc-card {
    padding: 25px;
    margin-bottom: 16px;
    border-color: var(--bl-line);
}

.bl-app .bc-card-title {
    margin-bottom: 18px;
}

.bl-app .bc-card-title p,
.bl-app .bc-heading p {
    font-size: 13px;
    line-height: 1.9;
}

.bl-app .bc-notice {
    border-radius: 12px;
}

.bl-app .bc-type input:focus-visible + .bc-type-content {
    outline: 3px solid #8baafa;
    outline-offset: 4px;
}

@media (min-width: 651px) and (max-width: 1100px) {
    .bl-paths {
        grid-template-columns: 1fr;
    }

    .bl-path {
        display: flex;
    }

    .bl-path-icon {
        margin-bottom: 0;
    }

    .bl-path-arrow {
        display: block;
    }
}

@media (max-width: 900px) {
    .bl-auth-shell {
        min-height: 0;
    }

    .bl-hero {
        grid-template-columns: 1.5fr 1fr;
    }

    .bl-art-flower {
        font-size: 125px;
    }
}

@media (max-width: 650px) {
    .bl-topbar {
        height: 72px;
    }

    .bl-main {
        padding-top: 22px;
    }

    .bl-welcome p,
    .bl-page-intro p {
        font-size: 13px;
    }

    .bl-hero {
        min-height: 0;
        border-radius: 19px;
    }

    .bl-hero-content {
        padding: 24px;
    }

    .bl-hero h2 {
        font-size: 27px;
    }

    .bl-paths {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .bl-path {
        display: flex;
        gap: 14px;
        padding: 16px;
    }

    .bl-path-icon {
        width: 43px;
        height: 45px;
        margin-bottom: 0;
    }

    .bl-path h3 {
        font-size: 15px;
    }

    .bl-path p {
        font-size: 12px;
    }

    .bl-path-arrow {
        display: block;
    }

    .bl-section-heading {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .bl-section-heading h2 {
        font-size: 19px;
    }

    .bl-app .bc-card {
        padding: 20px;
    }

    .bl-mobile-nav a,
    .bl-mobile-nav button {
        font-size: 11px;
    }
}

/* Small contextual photographs for the three collaboration paths. */
.bl-path.bl-path-with-photo {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 12px;
    align-items: center;
    gap: 12px;
    padding: 16px;
}

.bl-path-photo {
    display: block;
    width: 64px;
    height: 76px;
    border-radius: 12px;
    overflow: hidden;
    background: #eaf0f8;
}

.bl-path-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bl-path-with-photo > div {
    min-width: 0;
}

.bl-path-with-photo h3 {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 4px;
}

.bl-path-with-photo p {
    font-size: 12px;
    line-height: 1.9;
}

.bl-path-with-photo .bl-path-arrow {
    display: grid;
    place-items: center;
    width: 12px;
    height: 24px;
    font-size: 0;
    direction: ltr;
    unicode-bidi: isolate;
}

.bl-path-with-photo .bl-path-arrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}

.bl-path-examples {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
}

.bl-path-examples > span {
    display: inline-block;
    max-width: 100%;
    padding: 3px 7px;
    border-radius: 6px;
    background: #f0f4fc;
    color: #526581;
    font-size: 11px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

@media (max-width: 650px) {
    .bl-path.bl-path-with-photo {
        grid-template-columns: 76px minmax(0, 1fr) 12px;
        padding: 14px;
    }

    .bl-path-photo {
        width: 76px;
        height: 76px;
    }
}

@media (max-width: 360px) {
    .bl-path.bl-path-with-photo {
        grid-template-columns: 60px minmax(0, 1fr) 12px;
        gap: 10px;
    }

    .bl-path-photo {
        width: 60px;
        height: 72px;
    }
}

/* Development-only sample listing photographs. */
.bl-preview-notice {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    align-items: center;
    margin-bottom: 24px;
    padding: 16px 20px;
    border: 1px solid #e9d49e;
    border-radius: 14px;
    background: #fff8e8;
    color: #79571e;
    font-size: 12px;
}

.bl-preview-notice a {
    color: #234ed8;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.bl-card-photo {
    position: relative;
    aspect-ratio: 3 / 2;
    margin: -23px -23px 20px;
    overflow: hidden;
    border-radius: 19px 19px 0 0;
}

.bl-card-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bl-card-photo > span {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 10px;
    border-radius: 7px;
    color: #192d4b;
    background: #fffffff0;
    font-size: 11px;
}

.bl-sample-label {
    color: #7c88a0;
    font-size: 11px;
}

/* Forms: flexible children, comfortable touch targets and focus clearance. */
.bl-sidebar {
    overflow-y: auto;
    overscroll-behavior: contain;
}

.bl-app form,
.bl-auth-shell > *,
.bl-auth-form,
.bl-app .bc-heading > div,
.bl-app .bc-card-title > div,
.bl-app .bc-preview-title,
.bl-app .bc-field-row > *,
.bl-app .grid > * {
    min-width: 0;
}

.bl-app input,
.bl-app select,
.bl-app textarea {
    max-width: 100%;
    scroll-margin-block: 100px 110px;
}

.bl-password input {
    min-height: 52px !important;
    padding-inline-end: 76px !important;
}

.bl-password button {
    top: 4px;
    bottom: 4px;
    left: 4px;
    min-width: 58px;
    min-height: 44px;
    padding: 8px;
}

.bl-account-menu a,
.bl-account-menu .bl-logout,
.bl-mobile-nav a,
.bl-mobile-nav button,
.bl-app form button {
    min-height: 44px;
}

.bl-app .error,
.bl-alert-error,
.bl-alert-success,
.bl-app .notice,
.bl-app .bc-message,
.bl-app .bc-preview-description,
.bl-app .bc-preview-title h3 {
    overflow-wrap: anywhere;
}

.bl-account-menu {
    max-height: min(440px, calc(100dvh - 95px));
    overflow-y: auto;
    overscroll-behavior: contain;
}

@media (max-width: 900px) {
    .bl-app input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
    .bl-app select,
    .bl-app textarea {
        font-size: 16px;
        min-height: 48px;
    }

    .bl-app #verificationCode {
        font-size: 27px;
    }
}

@media (max-width: 650px) {
    html {
        scroll-padding-block: 90px 110px;
    }

    .bl-app .bl-button,
    .bl-app .choose,
    .bl-app .approve-btn,
    .bl-app .reject-btn,
    .bl-app .bc-primary-button,
    .bl-app .bc-secondary-button {
        min-height: 48px;
        white-space: normal;
    }

    .bl-auth-switch a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    .bl-app .bl-footer {
        padding-bottom: calc(100px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 480px) {
    .bl-app .grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .bl-app .bc-preview-top,
    .bl-app .bc-card-title {
        align-items: flex-start;
    }
}

@media (max-width: 360px) {
    .bl-auth-form {
        padding: 25px 17px;
    }

    .bl-app .bc-heading-icon {
        width: 44px;
        height: 44px;
        flex-shrink: 0;
    }
}

@media (max-height: 500px) and (max-width: 900px) {
    .bl-topbar {
        position: static;
    }
}

.bl-app .bl-hero.bl-hero-poster {
    display: block;
    min-height: 0;
    background: #edf3ff;
}

.bl-community-cover-picture {
    display: block;
    width: 100%;
}

.bl-community-cover {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.bl-app .bl-cover-invitation {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    margin: 18px;
    padding: 24px;
    border: 1px solid #dce3fa;
    border-radius: 20px;
    background: linear-gradient(120deg, #f1eaff, #fff 65%, #edf5ff);
    box-shadow: 0 8px 24px #293d8810;
    color: #17356f;
    text-decoration: none;
    transition: border-color .2s, box-shadow .2s;
}

.bl-app .bl-cover-invitation:hover {
    border-color: #a79ce8;
    box-shadow: 0 10px 28px #514ca522;
}

.bl-cover-invitation:focus-visible {
    outline: 3px solid #7151ce;
    outline-offset: 3px;
}

.bl-cover-invitation-icon {
    display: grid;
    place-items: center;
    flex: 0 0 64px;
    height: 64px;
    border-radius: 22px;
    background: linear-gradient(145deg, #d359d4, #7751db);
    color: #fff;
    box-shadow: 0 6px 16px #8b50c52b;
}

.bl-cover-invitation-icon svg {
    width: 30px;
    height: 30px;
}

.bl-cover-invitation-copy {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.bl-cover-invitation-copy strong {
    font-size: clamp(19px, 2vw, 24px);
    line-height: 1.7;
}

.bl-cover-invitation-copy > span:not(.bl-cover-invitation-link) {
    font-size: 13px;
    line-height: 2;
    color: #5b6a88;
}

.bl-cover-invitation-link {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    color: #6142b4;
    font-weight: 700;
    font-size: 13px;
}

.bl-cover-invitation-link svg {
    width: 19px;
    height: 19px;
}

@media (max-width: 650px) {
    .bl-app .bl-cover-invitation {
        margin: 12px;
        padding: 20px 16px;
        gap: 14px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 16px;
    }

    .bl-cover-invitation-icon {
        flex-basis: auto;
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .bl-cover-invitation-icon svg {
        width: 25px;
        height: 25px;
    }
}

.bl-app .bl-footer {
    flex-wrap: wrap;
    gap: 8px 16px;
}

.bl-footer .bl-version {
    flex-basis: 100%;
    text-align: center;
    font-family: system-ui, sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #64718a;
    white-space: nowrap;
    margin-top: 8px;
}

.bl-reward-totals {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-block: 24px;
}
.bl-reward-totals .card { margin: 0; }
.bl-reward-totals strong { display: block; color: #214ab9; font-size: 34px; margin-block: 12px; }
.bl-reward-totals strong small { font-size: 14px; }
.bl-reward-totals p { font-size: 12px; }
.bl-point-entry { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.bl-point-entry > strong { color: #24674e; font-size: 26px; flex-shrink: 0; }
.bl-point-entry h3, .bl-reward-banner p { overflow-wrap: anywhere; }
.bl-invite-card label { display: block; margin-block: 20px 8px; }
.bl-invite-card input[readonly] { background: #f4f6ff; color: #21418b; }
#myReferralCode { font-family: ui-monospace, monospace; font-size: clamp(16px, 4.5vw, 23px); letter-spacing: 1.5px; text-align: center; }
.bl-invite-card .bl-button-outline { background: #eaf0ff; color: #214ab9 !important; border: 1px solid #b9c9ef; }
.bl-invite-card .bl-button-outline:hover { background: #dce6ff; }
.bl-invite-card .bl-button-outline[data-invite-copy="myReferralCode"] { background: #f0eaff; color: #6233a6 !important; border-color: #d5c3ef; }
.bl-invite-card .bl-button-outline[data-invite-copy="myReferralCode"]:hover { background: #e6dafa; }
.bl-app .bl-reward-totals .bl-balance-pending { background: #fffaf0; border-color: #f1dfb8; }
.bl-reward-totals .bl-balance-pending strong { color: #845a13; }
.bl-app .bl-reward-totals .bl-balance-credit { background: #effaf6; border-color: #c5e8da; }
.bl-reward-totals .bl-balance-credit strong { color: #196b53; }
.bl-balance-link, .bl-referral-summary a { display: inline-block; color: #214ab9; font-weight: 700; padding-block: 8px; }
.bl-app .bl-conversion-card { scroll-margin-top: 90px; border-color: #cbd6f0; background: linear-gradient(120deg, #f4f1ff, #f4f8ff); }
.bl-conversion-card h2 { margin-block: 8px 12px; }
.bl-conversion-summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px; margin-block: 20px; border-radius: 12px; background: #fff; color: #21418b; }
.bl-conversion-summary strong { font-size: 24px; }
.bl-conversion-summary small { font-size: 13px; }
.bl-conversion-card .notice { line-height: 2; }
.bl-conversion-form { display: grid; gap: 12px; }
.bl-conversion-form .bl-button { justify-self: start; }
.bl-conversion-form p, .bl-conversion-entry p { line-height: 2; overflow-wrap: anywhere; }
.bl-conversion-entry h1, .bl-conversion-entry h2 { overflow-wrap: anywhere; }
.bl-app .bl-credit-reject { background: #b03850; }
.bl-app .bl-credit-reject:hover { background: #90293e; }
.bl-referral-summary p { font-size: 13px; line-height: 2; }
.bl-reward-notices { display: grid; gap: 12px; margin-bottom: 24px; }
.bl-reward-banner { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px; border: 1px solid #cfe8dd; border-radius: 16px; background: linear-gradient(120deg, #f5f1ff, #effbf4); color: #224d42; }
.bl-reward-banner p { margin-block: 8px; font-size: 13px; line-height: 2; }
.bl-reward-banner form { flex-shrink: 0; }
.bl-reward-banner button { border: 1px solid #c4dacf; border-radius: 10px; padding: 8px 12px; background: #fff; color: #224d42; min-height: 44px; cursor: pointer; }
@media (max-width: 900px) { .bl-reward-totals { grid-template-columns: 1fr; } }
@media (max-width: 480px) {
    .bl-reward-banner { flex-direction: column; padding: 16px; }
    .bl-invite-card .bl-mine-actions { align-items: stretch; }
}

.bl-completion-form {
    display: grid;
    gap: 12px;
    margin-top: 24px;
    min-width: 0;
}
.bl-completion-form .bl-button {
    justify-self: start;
    max-width: 100%;
    white-space: normal;
}
.bl-completion-roles { margin-block: 24px; }
.bl-completion-roles strong { display: block; }
.bl-completion-note { white-space: pre-wrap; overflow-wrap: anywhere; }
.bl-completion-history { padding-inline-start: 24px; }
.bl-completion-history li { padding: 16px 0; border-bottom: 1px solid #e5eafa; overflow-wrap: anywhere; }
.bl-completion-history li > span { display: block; font-size: 12px; color: #64718a; margin-block: 8px; }
.bl-completion-page .card h2 { font-size: 20px; }

.bl-mine-tabs, .bl-mine-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-block: 20px;
}

.bl-mine-tabs a {
    padding: 12px 18px;
    border: 1px solid #dce3fa;
    border-radius: 12px;
    background: #fff;
    color: #17356f;
}

.bl-mine-section {
    scroll-margin-top: 100px;
    margin-top: 32px;
}

.bl-mine-section h3, .bl-mine-section p {
    overflow-wrap: anywhere;
}

/* Persian shell and disclosure controls, scoped to the new platform. */
.bl-app {
    direction: rtl;
    text-align: right;
}

.bl-account summary {
    direction: rtl;
    text-align: right;
}

.bl-account summary > .bl-chevron {
    order: -1;
    flex-shrink: 0;
}

.bl-app select:not([multiple]):not([size]),
.bl-app select[size="1"] {
    direction: rtl;
    text-align: right;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235b6a88' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 20px;
    padding-inline-start: 44px;
    padding-inline-end: 14px;
}

@media (forced-colors: active) {
    .bl-app select:not([multiple]):not([size]),
    .bl-app select[size="1"] {
        appearance: auto;
        background-image: none;
        padding-inline: 14px;
    }
}

.bl-topbar-actions { gap: 12px; }
.bl-app .bl-header-shortcut { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 48px; height: 64px; flex-shrink: 0; border: 0; border-radius: 12px; background: transparent; color: #3156bb; list-style: none; }
.bl-shortcut-icon { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #e1e7f5; border-radius: 13px; background: #f3f6ff; }
.bl-shortcut-caption { font-size: 10px; line-height: 16px; font-weight: 600; white-space: nowrap; color: #50617c; }
.bl-header-shortcut::-webkit-details-marker { display: none; }
.bl-header-shortcut:hover .bl-shortcut-icon, .bl-notifications[open] .bl-shortcut-icon { background: #e7eeff; border-color: #b8c9f1; }
.bl-app .bl-wallet-shortcut { color: #23765a; }
.bl-wallet-shortcut .bl-shortcut-icon { background: #edf9f4; border-color: #d3eadd; }
.bl-wallet-shortcut:hover .bl-shortcut-icon { background: #def3e9; border-color: #add9c3; }
.bl-unread-count { position: absolute; inset-block-start: -6px; inset-inline-end: -5px; min-width: 20px; height: 20px; padding-inline: 4px; display: grid; place-items: center; border-radius: 20px; background: #c33162; color: #fff; font-size: 10px; font-weight: 700; border: 2px solid #fff; }
.bl-notifications { position: relative; }
.bl-notifications-panel { position: absolute; top: 76px; left: 0; width: 350px; max-width: calc(100vw - 32px); max-height: min(70vh, 560px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #e1e7f1; border-radius: 18px; background: #fff; box-shadow: 0 18px 60px #20376124; z-index: 90; }
.bl-notifications-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border-bottom: 1px solid #edf0f7; }
.bl-notifications-heading span { font-size: 11px; color: #69778c; }
.bl-notification-item { padding: 16px; border-bottom: 1px solid #edf0f7; background: #fbfcff; overflow-wrap: anywhere; }
.bl-notification-item strong { font-size: 13px; color: #24468b; }
.bl-notification-item p, .bl-notifications-empty { font-size: 12px; line-height: 2; }
.bl-notification-item small { display: block; font-size: 10px; color: #69778c; }
.bl-notification-item form { margin-top: 10px; }
.bl-notification-item button { min-height: 44px; padding: 8px 16px; border-radius: 10px; border: 1px solid #c9d7f1; background: #edf3ff; color: #24468b; font-size: 12px; }
.bl-notifications-empty { padding: 16px; margin: 0; }
.bl-app .bl-notifications-all { display: block; padding: 16px; color: #254bb2; font-size: 12px; font-weight: 700; }
.bl-notifications-all:hover { background: #f3f6ff; }
@media (max-width: 1100px) { .bl-topbar-actions .bl-community-dot { display: none; } }
@media (max-width: 650px) {
    .bl-topbar { gap: 8px; padding-inline: 16px; }
    .bl-topbar-actions { gap: 8px; }
    .bl-notifications-panel { position: fixed; top: 78px; left: 16px; right: 16px; width: auto; max-width: none; max-height: calc(100dvh - 160px); }
}
@media (max-width: 380px) {
    .bl-mobile-brand { font-size: 18px; gap: 4px; }
    .bl-account summary > .bl-chevron { display: none; }
    .bl-topbar-actions { gap: 6px; }
}

.bl-friend-invite { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(200px, 1fr); align-items: center; gap: 24px; padding: 36px 40px; margin-block: 28px; overflow: hidden; border-radius: 26px; border: 1px solid #385caf; background: radial-gradient(ellipse at 15% 10%, #5665b866, transparent 65%), linear-gradient(120deg, #273567, #123b83); color: #fff; box-shadow: 0 14px 36px #19396814; }
.bl-friend-invite-copy { position: relative; z-index: 1; min-width: 0; }
.bl-friend-invite-eyebrow { display: inline-block; font-size: 11px; padding: 7px 12px; border: 1px solid #ffffff24; border-radius: 30px; background: #ffffff0c; color: #d7e3ff; }
.bl-app .bl-friend-invite h2 { font-size: clamp(22px, 2.4vw, 31px); line-height: 1.8; margin-block: 14px 10px; color: #fff; font-weight: 800; }
.bl-friend-invite h2 em { font-style: normal; color: #bef0d4; }
.bl-friend-invite p { max-width: 520px; color: #d6e1f8; font-size: 13px; line-height: 2.1; margin-block: 0 22px; }
.bl-app .bl-friend-invite-cta { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 46px; padding: 11px 20px; border-radius: 13px; background: #c5f3d8; color: #173f39; font-size: 13px; font-weight: 800; transition: background .18s; }
.bl-app .bl-friend-invite-cta:hover { background: #e1ffec; }
.bl-friend-invite-hint { display: block; margin-top: 12px; font-size: 10px; color: #c4d4f3; }
.bl-friend-invite-art { position: relative; text-align: center; padding-block: 12px; min-width: 0; }
.bl-app .bl-friend-invite-art svg { position: relative; width: 100%; max-width: 280px; height: auto; fill: none; stroke: none; }
.bl-friend-invite-orbit { position: absolute; inset: 5% 0; border-radius: 50%; background: #7f8be51c; filter: blur(20px); }
.bl-friend-invite-reward { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #ffffff26; border-radius: 14px; background: #ffffff0d; color: #e8efff; font-size: 11px; }
.bl-friend-invite-reward strong { color: #c5f3d8; font-size: 23px; direction: ltr; }
@media (max-width: 1050px) {
    .bl-friend-invite { grid-template-columns: minmax(0, 1fr); padding: 26px; gap: 12px; }
    .bl-friend-invite-art { grid-row: 1; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 0; }
    .bl-app .bl-friend-invite-art svg { width: 120px; flex-shrink: 0; }
    .bl-friend-invite-reward { flex-direction: column; gap: 2px; padding: 8px 12px; text-align: center; }
}
@media (max-width: 380px) {
    .bl-friend-invite { padding: 22px 18px; }
    .bl-app .bl-friend-invite h2 { font-size: 21px; }
    .bl-friend-invite-reward { font-size: 10px; }
    .bl-friend-invite-eyebrow { font-size: 10px; }
}

.bl-home-highlights { margin-block: 28px; }
.bl-highlight-stage { display: grid; isolation: isolate; }
.bl-highlight-slide { grid-area: 1 / 1; visibility: hidden; opacity: 0; pointer-events: none; transform: translateX(12px); transition: opacity .35s ease, transform .35s ease, visibility .35s; }
.bl-highlight-slide.is-active { visibility: visible; opacity: 1; pointer-events: auto; transform: none; z-index: 1; }
.bl-home-highlights .bl-friend-invite { margin: 0; border-end-start-radius: 0; border-end-end-radius: 0; box-shadow: none; --highlight-accent: #bef0d4; }
.bl-home-highlights .bl-friend-invite h2 em { color: var(--highlight-accent); }
.bl-highlight-slide[data-theme="solidarity"] { background: radial-gradient(ellipse at 15% 10%, #ac67a44d, transparent 65%), linear-gradient(120deg, #4d2d63, #333e84); --highlight-accent: #ffd2e7; }
.bl-highlight-slide[data-theme="skills"] { background: radial-gradient(ellipse at 15% 10%, #8881ce4d, transparent 65%), linear-gradient(120deg, #38346c, #303f96); --highlight-accent: #e1d6ff; }
.bl-highlight-slide[data-theme="volunteering"] { background: radial-gradient(ellipse at 15% 10%, #65a99933, transparent 65%), linear-gradient(120deg, #1d4f56, #164e65); }
.bl-friend-invite-art img { position: relative; display: block; width: 100%; max-width: 280px; height: auto; margin-inline: auto; }
.bl-highlight-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 20px; background: #edf1fb; border: 1px solid #dce3f4; border-top: 0; border-radius: 0 0 22px 22px; }
.bl-highlight-arrows, .bl-highlight-dots { display: flex; align-items: center; gap: 4px; }
.bl-highlight-controls button { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; border-radius: 12px; border: 1px solid transparent; color: #38518a; background: transparent; }
.bl-highlight-controls button:hover { background: #dce6fa; }
.bl-highlight-prev-icon { transform: rotate(180deg); }
.bl-highlight-dots { gap: 0; }
.bl-highlight-dots button { min-width: 30px; padding: 0 5px; }
.bl-highlight-dots span { display: block; width: 8px; height: 8px; background: #a6b5d5; border-radius: 10px; transition: width .2s, background .2s; }
.bl-highlight-dots button[aria-current="true"] span { width: 24px; background: #3155bc; }
.bl-highlight-pause { font-size: 12px; font-weight: 700; padding-inline: 12px; }
.bl-highlight-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1050px) { .bl-friend-invite-art img { width: 120px; flex-shrink: 0; margin: 0; } }
@media (max-width: 380px) {
    .bl-highlight-controls { padding-inline: 8px; gap: 0; }
    .bl-highlight-arrows { gap: 0; }
    .bl-highlight-controls .bl-highlight-pause { padding-inline: 6px; }
}

@media(prefers-reduced-motion:reduce) {
    html {
    scroll-behavior:auto
}
.bl-app * {
    transition:none!important;
    animation:none!important
}

}


/* Wallet actions: independent forms and histories in one tabbed area. */
.bl-app .bl-wallet-actions { margin-block: 24px; }
.bl-app .bl-wallet-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; margin-block-end: 20px; border: 0; background: transparent; }
.bl-app .bl-wallet-tabs button { --tab-ink: #234773; --tab-edge: #6d9cc7; display: flex; align-items: center; gap: 14px; position: relative; min-height: 128px; padding: 20px; border: 1px solid #d2dfec; border-radius: 22px; background: #f0f5fb; color: var(--tab-ink); font: inherit; text-align: start; cursor: pointer; transition: background .18s, border-color .18s, box-shadow .18s; }
.bl-app .bl-wallet-tabs #withdraw-tab { --tab-ink: #17696c; --tab-edge: #53a6a8; border-color: #c9e2e2; background: #edf7f6; }
.bl-app .bl-wallet-tabs button[aria-selected="true"] { border-color: var(--tab-edge); background: linear-gradient(120deg, #e7f1ff, #c8def4); color: var(--tab-ink); box-shadow: 0 5px 18px #153a630c, inset 0 0 0 1px var(--tab-edge); }
.bl-app .bl-wallet-tabs #withdraw-tab[aria-selected="true"] { background: linear-gradient(120deg, #e1f5f2, #b9e1dc); }
.bl-app .bl-wallet-tabs button:hover { border-color: var(--tab-edge); }
.bl-app .bl-wallet-tabs button:focus-visible { outline: 3px solid var(--tab-ink); outline-offset: 4px; }
.bl-wallet-tab-art { display: block; width: 84px; height: 80px; flex-shrink: 0; }
.bl-wallet-tab-copy { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.bl-wallet-tab-title { font-size: 14px; font-weight: 700; line-height: 1.9; }
.bl-wallet-tab-hint { font-size: 10px; line-height: 1.9; opacity: .8; }
.bl-wallet-tab-check { position: absolute; inset-inline-end: 12px; top: 10px; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: var(--tab-ink); color: #fff; font-size: 11px; opacity: 0; }
[aria-selected="true"] .bl-wallet-tab-check { opacity: 1; }
.bl-app .bl-wallet-actions [role="tabpanel"] > h2:not(:first-child) { margin-block-start: 32px; font-size: 1.15rem; }
.bl-app .bl-wallet-actions .bl-conversion-entry { background: #fff; }
.bl-app #convert-points { border-color: #cddfed; background: linear-gradient(130deg, #f8fbff, #edf4fb); }
.bl-app #withdraw-credit { border-color: #c5e1df; background: linear-gradient(130deg, #f4fbfa, #e6f3f2); }
.bl-app #convert-points .bl-conversion-form .bl-button { background: #234773; color: #fff; }
.bl-app #withdraw-credit .bl-conversion-form .bl-button { background: #17696c; color: #fff; }
@media (max-width: 600px) {
    .bl-app .bl-wallet-tabs { gap: 10px; }
    .bl-app .bl-wallet-tabs button { flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px 13px; }
    .bl-wallet-tab-art { width: 72px; height: 66px; }
    .bl-wallet-tab-copy { gap: 5px; }
    .bl-wallet-tab-title { font-size: 12px; }
    .bl-wallet-tab-hint { font-size: 10px; }
}

@font-face {
    font-family: BalandingBrand;
    src: url('/Theme/fonts/IRANSansWeb/IRANSansWeb.woff') format('woff');
    font-display: swap;
    font-weight: 400;
}
.bl-app .bl-mobile-brand { gap: 7px; flex-shrink: 0; white-space: nowrap; }
.bl-app .bl-brand-butterfly { display: block; width: 38px; height: 38px; flex-shrink: 0; }
.bl-app .bl-mobile-brand .bl-brand-wordmark { font-family: BalandingBrand, Balanding, Tahoma, sans-serif; font-size: 23px; font-weight: 400; line-height: 1.8; color: #17396e; }
@media (max-width: 360px) {
    .bl-app .bl-brand-butterfly { width: 31px; height: 31px; }
    .bl-app .bl-mobile-brand { gap: 4px; }
    .bl-app .bl-mobile-brand .bl-brand-wordmark { font-size: 20px; }
}

.bl-app .bl-wallet-invite { display: flex; align-items: center; gap: 24px; position: relative; padding: 26px 30px; margin-block: 24px; border: 1px solid #204666; border-radius: 24px; background: radial-gradient(ellipse at 0% 100%, #216a79 0, transparent 60%), linear-gradient(115deg, #122b49, #174957); box-shadow: 0 8px 24px #102d4915; color: #eaf5ff; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.bl-app .bl-wallet-invite:hover { border-color: #33858d; box-shadow: 0 10px 26px #102d4925; }
.bl-app .bl-wallet-invite:focus-visible { outline: 3px solid #4da9bb; outline-offset: 4px; }
.bl-wallet-invite-art { display: grid; place-items: center; width: 112px; height: 112px; flex-shrink: 0; border-radius: 30px; background: #ffffff80; border: 1px solid #fff; transform: rotate(5deg); }
.bl-app .bl-wallet-invite-art svg { width: 92px; height: 92px; fill: none; stroke: none; transform: rotate(-5deg); }
.bl-wallet-invite-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.bl-wallet-invite-label { font-size: 11px; color: #9fced7; }
.bl-wallet-invite-copy strong { font-size: clamp(19px, 2vw, 25px); line-height: 1.8; color: #f2faff; }
.bl-wallet-invite-description { font-size: 12px; line-height: 1.9; color: #bcdae2; }
.bl-wallet-invite-link { display: inline-flex; align-items: center; gap: 14px; padding-block: 4px; margin-top: 4px; font-size: 12px; font-weight: 700; color: #89dfd3; }
@media (max-width: 600px) {
    .bl-app .bl-wallet-invite { padding: 22px 18px; gap: 16px; border-radius: 22px; }
    .bl-wallet-invite-art { width: 76px; height: 86px; border-radius: 24px; }
    .bl-app .bl-wallet-invite-art svg { width: 72px; height: 72px; }
    .bl-wallet-invite-copy strong { font-size: 18px; }
    .bl-wallet-invite-description { font-size: 11px; }
}
@media (max-width: 360px) {
    .bl-app .bl-wallet-invite { gap: 12px; padding: 18px 14px; }
    .bl-wallet-invite-art { width: 58px; height: 70px; border-radius: 20px; }
    .bl-app .bl-wallet-invite-art svg { width: 58px; height: 58px; }
    .bl-wallet-invite-copy strong { font-size: 16px; }
}

/* Illustrated balances, with a distinct palette for each kind of value. */
.bl-app .bl-reward-totals > .card { --balance-ink: #234c7b; --balance-line: #bcd2e9; display: flex; flex-direction: column; padding: 24px; overflow: hidden; border-radius: 24px; }
.bl-app .bl-reward-totals .bl-balance-points { background: radial-gradient(ellipse at 0 0, #aed3f580, transparent 70%), linear-gradient(135deg, #f0f7ff, #dceaf8); border-color: #cbdff1; }
.bl-app .bl-reward-totals .bl-balance-pending { --balance-ink: #236b85; --balance-line: #b9dbe6; background: radial-gradient(ellipse at 0 0, #a5ddeb80, transparent 70%), linear-gradient(135deg, #effbff, #dceff5); border-color: #c3dfe9; }
.bl-app .bl-reward-totals .bl-balance-credit { --balance-ink: #e1f8f3; --balance-line: #ffffff30; background: radial-gradient(ellipse at 0 0, #53b8ab40, transparent 70%), linear-gradient(135deg, #164c56, #206b69); border-color: #296f73; }
.bl-balance-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bl-balance-heading > div { min-width: 0; }
.bl-balance-caption { display: block; font-size: 10px; color: var(--balance-ink); opacity: .8; line-height: 1.8; }
.bl-app .bl-balance-heading h2 { font-size: 16px; line-height: 1.8; margin: 5px 0 0; color: var(--balance-ink); }
.bl-app .bl-balance-heading strong { color: var(--balance-ink); font-size: clamp(26px, 2.5vw, 36px); margin-block: 5px 0; line-height: 1.6; overflow-wrap: anywhere; }
.bl-app .bl-balance-heading strong small { font-size: 11px; font-weight: 400; }
.bl-balance-art { display: block; width: 108px; height: 100px; object-fit: contain; flex-shrink: 0; }
.bl-app .bl-reward-totals p { color: var(--balance-ink); opacity: .85; line-height: 2; margin-block: 18px; flex: 1; }
.bl-app .bl-reward-totals .bl-balance-link, .bl-balance-status { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 13px 0; border-top: 1px solid var(--balance-line); color: var(--balance-ink); font-size: 11px; line-height: 1.9; }
.bl-balance-status { font-weight: 400; }
.bl-app .bl-reward-totals .bl-balance-link:focus-visible { outline: 2px solid var(--balance-ink); outline-offset: 4px; border-radius: 4px; }
@media (min-width: 901px) and (max-width: 1200px) {
    .bl-balance-art { width: 76px; height: 84px; }
    .bl-app .bl-reward-totals > .card { padding: 18px; }
}
@media (max-width: 900px) {
    .bl-balance-art { width: 130px; height: 112px; }
    .bl-app .bl-balance-heading strong { font-size: 36px; }
}
@media (max-width: 360px) {
    .bl-app .bl-reward-totals > .card { padding: 20px; }
    .bl-balance-art { width: 98px; height: 98px; }
    .bl-app .bl-balance-heading strong { font-size: 29px; }
}

/* Account actions live in one shared sheet, opened from the bottom navigation. */
.bl-app.bl-account-dialog-open { overflow: hidden; }
.bl-app .bl-sidebar-account { display: flex; align-items: center; gap: 12px; width: 100%; margin-block: 18px 8px; padding: 13px 16px; border: 1px solid #cce1e5; border-radius: 14px; background: #edf6f7; color: #24586a; font: inherit; font-size: 13px; cursor: pointer; }
.bl-sidebar-account svg { width: 22px; height: 22px; }
.bl-app .bl-account-dialog { width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 1px solid #d5e4e9; border-radius: 26px; color: #193b52; background: #f8fbfc; box-shadow: 0 24px 80px #112b4940; overscroll-behavior: contain; }
.bl-account-dialog::backdrop { background: #102b4966; backdrop-filter: blur(4px); }
.bl-account-dialog-heading { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px 16px; background: linear-gradient(120deg, #e9f4f5, #eaf1fa); }
.bl-account-dialog-heading span { color: #588190; font-size: 11px; }
.bl-app .bl-account-dialog-heading h2 { font-size: 21px; margin: 4px 0 0; color: #193b52; }
.bl-account-dialog-heading button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #cbdfe4; border-radius: 14px; background: #ffffffa0; color: #34586a; font-size: 26px; cursor: pointer; }
.bl-app .bl-account-dialog .bl-account-menu { position: static; width: auto; max-height: none; padding: 12px 16px 20px; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.bl-app .bl-account-dialog .bl-account-menu a { min-height: 46px; display: flex; align-items: center; padding: 12px 14px; margin-block: 3px; border-radius: 12px; color: #294b61; }
.bl-app .bl-account-dialog .bl-account-menu a:hover { background: #e5f0f3; }
.bl-app .bl-account-dialog button:focus-visible, .bl-app .bl-account-dialog a:focus-visible, .bl-sidebar-account:focus-visible { outline: 3px solid #327e96; outline-offset: 2px; }
.bl-mobile-nav [data-account-toggle][aria-expanded="true"] { color: #176a73; }
@media (max-width: 900px) {
    .bl-app .bl-account-dialog { position: fixed; inset: auto 0 0; width: 100%; max-width: 100%; max-height: 85dvh; margin: 0; border-radius: 26px 26px 0 0; border-bottom: 0; padding-bottom: env(safe-area-inset-bottom); }
}

.bl-app .bl-admin-shortcut { width: 66px; color: #245b72; }
.bl-admin-shortcut .bl-shortcut-icon { background: #eaf4f7; border-color: #cce1e8; }
.bl-admin-shortcut:hover .bl-shortcut-icon { background: #d8ecf1; border-color: #9cc6d3; }
.bl-admin-shortcut:focus-visible { outline: 3px solid #327e96; outline-offset: 2px; }
@media (max-width: 360px) {
    .bl-app .bl-admin-shortcut { width: 58px; }
    .bl-admin-shortcut .bl-shortcut-caption { font-size: 9px; }
    .bl-topbar:has(.bl-admin-shortcut) { padding-inline: 10px; }
}