#psy-calendar-prototype .pf-cabinet-topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;min-height:66px;border-bottom:1px solid var(--pf-line);background:var(--pf-paper);position:relative;z-index:10}
#psy-calendar-prototype .pf-topbar-item{position:relative}
#psy-calendar-prototype .pf-cabinet-topbar[hidden],#psy-calendar-prototype .pf-cabinet-topbar [hidden]{display:none!important}
#psy-calendar-prototype .pf-topbar-trigger{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;list-style:none;color:var(--pf-ink);border-radius:24px;padding:0;border:0;font-size:14px;user-select:none}
#psy-calendar-prototype .pf-topbar-trigger::-webkit-details-marker{display:none}
#psy-calendar-prototype .pf-topbar-trigger:focus-visible{outline:2px solid var(--pf-green);outline-offset:4px}
#psy-calendar-prototype .pf-topbar-circle{width:40px;height:40px;border:1px solid var(--pf-line);border-radius:50%;display:grid;place-items:center;background:var(--pf-bg);color:var(--pf-green)}
#psy-calendar-prototype .pf-topbar-circle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#psy-calendar-prototype .pf-topbar-item[open] .pf-topbar-circle{background:var(--pf-meeting);border-color:var(--pf-green)}
#psy-calendar-prototype .pf-topbar-trigger .pf-user{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
#psy-calendar-prototype .pf-notice-count{position:absolute;left:25px;top:-4px;min-width:17px;height:17px;padding:0 3px;border-radius:12px;background:#ad3b33;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--pf-paper)}
#psy-calendar-prototype .pf-topbar-popover{position:absolute;right:0;top:calc(100% + 10px);width:360px;max-width:calc(100vw - 28px);border:1px solid var(--pf-line);border-radius:16px;background:var(--pf-paper);box-shadow:0 16px 48px #122b2226;padding:16px;color:var(--pf-ink)}
#psy-calendar-prototype .pf-topbar-popover h2{font-size:16px;margin:0 0 12px}
#psy-calendar-prototype .pf-topbar-popover p{font-size:13px;line-height:1.5}
#psy-calendar-prototype .pf-topbar-popover a{color:var(--pf-green)}
#psy-calendar-prototype .pf-topbar-popover .pf-link-button{display:block;text-align:left;min-height:36px;width:100%;border-radius:8px;padding:7px 8px}
#psy-calendar-prototype .pf-topbar-popover .pf-link-button:hover{background:var(--pf-bg)}
#psy-calendar-prototype .pf-topbar-popover .pf-email-badge{font-size:12px;color:var(--pf-danger)}
#psy-calendar-prototype .pf-notice-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
#psy-calendar-prototype .pf-notice-head button{font-size:12px}
#psy-calendar-prototype .pf-notice-list{max-height:min(52dvh,430px);overflow:auto;margin:0 -8px}
#psy-calendar-prototype .pf-notice-card{border-bottom:1px solid var(--pf-line);border-radius:9px}
#psy-calendar-prototype .pf-notice-card.is-unread{background:var(--pf-bg);border-left:3px solid var(--pf-green)}
#psy-calendar-prototype .pf-notice-open{display:grid;gap:5px;width:100%;padding:13px 12px;text-align:left;color:inherit;background:transparent;border:0;font:inherit;cursor:pointer}
#psy-calendar-prototype .pf-notice-open strong{font-size:13px}#psy-calendar-prototype .pf-notice-open span{font-size:12px;line-height:1.5;color:var(--pf-soft)}#psy-calendar-prototype .pf-notice-open time{font-size:11px;color:var(--pf-soft)}
#psy-calendar-prototype .pf-notice-empty{padding:12px;color:var(--pf-soft)}
#psy-calendar-prototype [data-notice-error]:empty{display:none}#psy-calendar-prototype [data-notice-error]{color:var(--pf-danger)}
#psy-calendar-prototype .pf-topbar-popover .pf-notice-more{margin-top:12px;width:100%}
#psy-calendar-prototype .pf-topbar-help{width:290px}#psy-calendar-prototype .pf-topbar-profile{width:260px}
@media(max-width:700px){#psy-calendar-prototype .pf-cabinet-topbar{padding:10px 12px;gap:10px}#psy-calendar-prototype .pf-topbar-trigger .pf-user{max-width:120px;font-size:12px}#psy-calendar-prototype .pf-topbar-inbox .pf-topbar-popover{position:fixed;right:12px;top:76px;width:calc(100vw - 24px)}#psy-calendar-prototype .pf-topbar-help{position:fixed;right:12px;top:76px}}

#psy-calendar-prototype .pf-topbar-profile .pf-tariff-banner{display:block;margin:0 0 8px;padding:0 0 12px;min-height:0;border:0;border-bottom:1px solid var(--pf-line);border-radius:0;background:transparent;box-shadow:none}
#psy-calendar-prototype .pf-topbar-profile .pf-tariff-banner strong{display:block;font-size:13px;line-height:1.5}
#psy-calendar-prototype .pf-topbar-profile .pf-tariff-banner p{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--pf-soft)}
#psy-calendar-prototype .pf-topbar-profile .pf-tariff-banner[data-tone="warning"] strong{color:#946518}
#psy-calendar-prototype .pf-topbar-profile .pf-tariff-banner[data-tone="expired"] strong{color:var(--pf-danger)}

#psy-calendar-prototype .pf-topbar-account{min-width:0}
#psy-calendar-prototype .pf-topbar-account .pf-topbar-trigger{min-width:0}
#psy-calendar-prototype .pf-topbar-circle{flex:0 0 40px}
#psy-calendar-prototype .pf-topbar-assistance,#psy-calendar-prototype .pf-topbar-inbox{flex:none}
#psy-calendar-prototype .pf-help-channels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#psy-calendar-prototype .pf-help-channel{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;border:1px solid var(--pf-line);border-radius:8px;padding:8px 10px;text-decoration:none;font-size:13px}
#psy-calendar-prototype .pf-help-channel:hover{background:var(--pf-bg)}
#psy-calendar-prototype .pf-help-channel:focus-visible{outline:2px solid var(--pf-green);outline-offset:3px}
#psy-calendar-prototype .pf-topbar-help .pf-help-caption{margin-top:18px;margin-bottom:8px;font-weight:500}
@media(max-width:700px){#psy-calendar-prototype .pf-topbar-profile{position:fixed;right:12px;top:76px;max-width:calc(100vw - 24px)}}

#psy-calendar-prototype .pf-help-channels{display:flex;gap:12px}#psy-calendar-prototype .pf-help-channel{width:48px;height:48px;min-height:48px;justify-content:center;padding:8px;border-radius:12px}#psy-calendar-prototype .pf-help-channel img{display:block;width:32px;height:32px}

#psy-calendar-prototype .pf-popover-close{display:none}
@media(max-width:700px){
 #psy-calendar-prototype .pf-cabinet-topbar .pf-topbar-popover{position:fixed;left:12px;right:12px;width:auto;max-width:none;box-sizing:border-box;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain;z-index:1}
 #psy-calendar-prototype .pf-topbar-popover .pf-popover-close{position:sticky;top:0;float:right;display:grid;place-items:center;width:36px;height:36px;margin:-6px -6px 0 8px;padding:0;border:1px solid var(--pf-line);border-radius:50%;background:var(--pf-paper);color:var(--pf-ink);font-family:inherit;font-size:24px;line-height:1;cursor:pointer;z-index:1}
 #psy-calendar-prototype .pf-topbar-popover .pf-notice-list{max-height:none;overflow:visible}
}

#psy-calendar-prototype .pf-topbar-account{display:flex;align-items:center;gap:10px;position:relative}
#psy-calendar-prototype .pf-account-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-weight:500;color:var(--pf-ink);background:transparent;border:0;padding:8px 0;cursor:pointer}
#psy-calendar-prototype .pf-account-name:hover{text-decoration:underline;text-underline-offset:3px}
#psy-calendar-prototype .pf-account-name:focus-visible{outline:2px solid var(--pf-green);outline-offset:4px;border-radius:4px}

#psy-calendar-prototype.pf-mobile-layout .pf-account-name{display:none}
