.navigation-progress{position:fixed;z-index:10000;inset:0 0 auto;height:3px;pointer-events:none;overflow:hidden;isolation:isolate}
.navigation-progress[hidden]{display:none}
.navigation-progress::after{content:"";position:absolute;inset:0 auto 0 0;width:100%;background:#26ac65;box-shadow:0 0 8px #26ac65;transform:scaleX(0);transform-origin:left;transition:transform .12s ease-out}
.navigation-progress::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:24%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:translateX(-110%)}
.navigation-progress.is-loading::after{transform:scaleX(.88);transition:transform .72s cubic-bezier(.2,.75,.25,1)}
.navigation-progress.is-loading::before{opacity:1;animation:navigation-progress-shimmer 1.05s ease-in-out infinite}
.navigation-progress.is-complete::after{transform:scaleX(1);transition:transform .18s ease-out}
.navigation-progress.is-complete::before{opacity:0;animation:none}
@keyframes navigation-progress-shimmer{to{transform:translateX(470%)}}
@media(prefers-reduced-motion:reduce){.navigation-progress::after,.navigation-progress.is-loading::after,.navigation-progress.is-complete::after{transition:none}.navigation-progress.is-loading::before{animation:none;opacity:.45;transform:translateX(250%)}}
.schedule-overdue{display:inline-block;margin-left:6px;padding:4px 9px;border:1px solid #dce8ec;border-radius:999px;background:#f1f7f8;color:#516d76;font-size:12px;vertical-align:middle;white-space:nowrap}
.saved-content-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:8px;padding:5px 9px;border:1px solid #dce8ec;border-radius:999px;background:#f1f7f8;color:#516d76;font-size:.82rem}
.event-source-suggest-button{margin:8px 0;padding:9px 13px;border:1px solid #bfe2cc;border-radius:999px;background:#f3fbf5;color:#28724a;font-weight:650}
.event-source-suggest-button:hover{background:#e8f6ed}
.admin-event-source-list{display:grid;gap:10px;margin:12px 0 20px}
.admin-event-source-row{display:grid;gap:7px;padding:13px;border:1px solid #e1eae3;border-radius:12px;background:#fbfdfb;overflow-wrap:anywhere}
.admin-event-source-row>small{color:#76857a}
.admin-event-source-row>div{display:flex;flex-wrap:wrap;gap:7px}
.admin-event-source-row button{padding:7px 10px;border:1px solid #dce8df;border-radius:9px;background:#fff}
.admin-event-source-row button.green{background:#25ae69;color:#fff}
.portfolio-viewer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 16px;margin-bottom:14px}
.portfolio-viewer-actions>strong{margin-right:auto}
.portfolio-viewer-actions button{padding:8px 11px;border:1px solid #dce8df;border-radius:10px;background:#fff;color:#435448}
.portfolio-viewer-actions button[data-action="report-open"]{color:#62786b}
.message-video{display:block;width:min(100%,520px);max-height:380px;margin-top:8px;border-radius:12px;background:#111;object-fit:contain}
@media(max-width:560px){.portfolio-viewer-actions{align-items:stretch}.portfolio-viewer-actions>strong{flex-basis:100%}.portfolio-viewer-actions button{flex:1}.admin-event-source-row{padding:10px}}
.share-card-preview{width:min(100%, 460px)}
.advertising-intro{padding:28px;display:grid;gap:12px}.advertising-intro p{color:#66796a;line-height:1.55}
@media(max-width:620px){
 .post-composer.card{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:12px!important}
 .post-composer .composer-prompt{grid-column:2;min-width:0;width:100%;overflow-wrap:anywhere;line-height:1.35}
 .post-composer .composer-quick-actions{grid-column:1/-1;display:flex;justify-content:space-between;gap:2px;min-width:0}
 .post-composer .composer-quick-actions button{flex:1 1 0;min-width:0;white-space:nowrap;padding:7px 3px;font-size:11px}
}
@media(max-width:480px){
 header{gap:5px!important;padding-inline:10px!important}
 header .header-search{flex:0 0 34px;width:34px;min-width:34px;padding:8px;font-size:0}
 header .header-search kbd{display:none}
 header .header-actions{gap:4px;margin-left:auto;min-width:0}
 header .header-actions .account{flex:0 0 auto;padding-left:0;border-left:0}
 header .header-actions .account>span:not(.avatar){display:none!important}
}
@media(max-width:360px){
 header{gap:3px!important;padding-inline:6px!important}
 header .mobile-menu-btn{width:32px;height:32px}
 header .brand{gap:3px}
 header .brand .brand-symbol{width:32px;height:32px}
 header .brand .brand-name{font-size:14px}
 header .header-search{flex-basis:30px;width:30px;min-width:30px;padding:6px}
 header .header-actions{gap:3px}
 header .header-actions .icon-btn[data-action="notifs"]{width:30px;height:30px}
 header .account .avatar{width:32px;height:32px}
}