/* /Components/Layout/AuthenticationFrame.razor.rz.scp.css */
.authentication-frame[b-e12fxk8q58] { --control-h-md: 48px; display: flex; flex-direction: column; min-height: 100svh; background: color-mix(in srgb, var(--n-100) 80%, var(--n-200)); color: var(--color-text); font-family: var(--font-family); }
.authentication-navigation[b-e12fxk8q58] { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 80px; padding: 12px 40px; border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.authentication-logo[b-e12fxk8q58] { display: inline-flex; align-items: center; min-height: 44px; }
.authentication-logo img[b-e12fxk8q58] { display: block; width: 132px; height: 40px; }
.authentication-home[b-e12fxk8q58] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px; border-radius: var(--radius-md); color: var(--color-accent); font-size: 14px; font-weight: 600; text-decoration: none; transition: translate var(--motion-fast), color var(--motion-fast); }
.authentication-back-icon[b-e12fxk8q58] { width: 20px; height: 20px; background: currentColor; mask: url('/images/back.svg') center / contain no-repeat; }
.authentication-main[b-e12fxk8q58] { display: grid; flex: 1; align-items: center; padding: 48px 24px 24px; }
.authentication-card[b-e12fxk8q58] { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); width: min(100%, 1080px); min-height: 600px; margin-inline: auto; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); box-shadow: var(--elevation-2); }
.authentication-art[b-e12fxk8q58] { position: relative; min-width: 0; overflow: hidden; border-radius: 23px 0 0 23px; background: var(--plum-50); }
.authentication-art picture[b-e12fxk8q58], .authentication-art img[b-e12fxk8q58] { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.authentication-art img[b-e12fxk8q58] { object-fit: cover; object-position: 68% bottom; }
.authentication-welcome[b-e12fxk8q58] { position: relative; z-index: 1; padding: 48px 40px; }
.authentication-welcome p[b-e12fxk8q58] { margin: 0; color: var(--color-heading); font-size: 32px; line-height: 40px; font-weight: 800; letter-spacing: -.8px; }
.authentication-welcome span[b-e12fxk8q58] { display: block; max-width: 320px; margin-top: 16px; color: var(--color-text-muted); font-size: 14px; line-height: 22px; }
.authentication-content[b-e12fxk8q58] { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 48px; }
.authentication-wide .authentication-card[b-e12fxk8q58] { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); width: min(100%, 1160px); min-height: 680px; }
.authentication-wide .authentication-content[b-e12fxk8q58] { padding: 36px 40px; }
.authentication-footer[b-e12fxk8q58] { padding: 8px 24px 28px; }
.authentication-footer nav[b-e12fxk8q58] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 24px; }
.authentication-footer a[b-e12fxk8q58] { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 4px; border-radius: var(--radius-sm); color: var(--color-text-muted); font-size: 12px; line-height: 20px; text-decoration: none; transition: translate var(--motion-fast), color var(--motion-fast); }
.authentication-content[b-e12fxk8q58]  h1 { margin: 0; color: var(--color-heading); font-size: 32px; line-height: 40px; font-weight: 800; letter-spacing: -.8px; overflow-wrap: anywhere; }
.authentication-content[b-e12fxk8q58]  h2 { margin: 0; color: var(--color-heading); font-size: 20px; line-height: 28px; font-weight: 700; }
.authentication-content[b-e12fxk8q58]  .auth-introduction { margin: 8px 0 28px; color: var(--color-text-muted); font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
.authentication-content[b-e12fxk8q58]  .auth-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 20px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); }
.authentication-content[b-e12fxk8q58]  .auth-icon > span { width: 26px; height: 26px; background: currentColor; mask: var(--auth-icon) center / contain no-repeat; }
.authentication-content[b-e12fxk8q58]  .auth-icon-person { --auth-icon: url('/images/team.svg'); }
.authentication-content[b-e12fxk8q58]  .auth-icon-key { --auth-icon: url('/images/lock.svg'); }
.authentication-content[b-e12fxk8q58]  .auth-icon-mail { --auth-icon: url('/images/auth-envelope.svg'); }
.authentication-content[b-e12fxk8q58]  .auth-icon-company { --auth-icon: url('/images/folder.svg'); }
.authentication-content[b-e12fxk8q58]  .auth-icon-success { --auth-icon: url('/images/checkc.svg'); color: var(--ok-700); background: var(--ok-50); }
.authentication-content[b-e12fxk8q58]  .auth-icon-error { --auth-icon: url('/images/alert.svg'); color: var(--warn-700); background: var(--warn-50); }
.authentication-content[b-e12fxk8q58]  .auth-icon-guest { --auth-icon: url('/images/helmet.svg'); }
.authentication-content[b-e12fxk8q58]  form { min-width: 0; }
.authentication-content[b-e12fxk8q58]  .text-input, .authentication-content[b-e12fxk8q58]  .phone-number-input { min-width: 0; }
.authentication-content[b-e12fxk8q58]  .text-input input, .authentication-content[b-e12fxk8q58]  .phone-number-input input { height: 48px; border-width: 1px; border-radius: var(--radius-lg); }
.authentication-content[b-e12fxk8q58]  .phone-code-trigger { min-height: 48px; border-width: 1px; border-radius: var(--radius-lg); }
.authentication-content[b-e12fxk8q58]  .phone-code-menu { width: 112px; }
.authentication-content[b-e12fxk8q58]  [data-ds-button="primary"], .authentication-content[b-e12fxk8q58]  [data-ds-button="outline"] { min-height: 48px; }
.authentication-content[b-e12fxk8q58]  .auth-primary { width: 100%; }
.authentication-content[b-e12fxk8q58]  .auth-arrow { flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: url('/images/arrow-right.svg') center / contain no-repeat; }
.authentication-content[b-e12fxk8q58]  .auth-account-link { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 8px; margin: 16px 0 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.authentication-content[b-e12fxk8q58]  .auth-account-link a, .authentication-content[b-e12fxk8q58]  .auth-back-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 4px; border-radius: var(--radius-sm); color: var(--color-accent); font-size: 13px; font-weight: 600; text-decoration: none; transition: translate var(--motion-fast), color var(--motion-fast); }
.authentication-content[b-e12fxk8q58]  .auth-back-link { align-self: center; margin-top: 12px; }
.authentication-content[b-e12fxk8q58]  .auth-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; }
.authentication-home:focus-visible[b-e12fxk8q58], .authentication-logo:focus-visible[b-e12fxk8q58], .authentication-footer a:focus-visible[b-e12fxk8q58], .authentication-content[b-e12fxk8q58]  .auth-back-link:focus-visible, .authentication-content[b-e12fxk8q58]  .auth-account-link a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; box-shadow: var(--focus-ring); }
@media (max-width: 1023px) and (min-width: 768px) {
    .authentication-main[b-e12fxk8q58] { padding-inline: 24px; }
    .authentication-content[b-e12fxk8q58], .authentication-wide .authentication-content[b-e12fxk8q58] { padding: 32px; }
    .authentication-card[b-e12fxk8q58], .authentication-wide .authentication-card[b-e12fxk8q58] { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); }
    .authentication-welcome[b-e12fxk8q58] { padding: 40px 24px; }
    .authentication-welcome p[b-e12fxk8q58] { font-size: 28px; line-height: 36px; }
    .authentication-content[b-e12fxk8q58]  .auth-field-row { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 767px) {
    .authentication-navigation[b-e12fxk8q58] { min-height: 72px; padding: 12px 16px; gap: 8px; }
    .authentication-logo img[b-e12fxk8q58] { width: 112px; height: 34px; }
    .authentication-home[b-e12fxk8q58] { font-size: 13px; }
    .authentication-main[b-e12fxk8q58] { align-items: start; padding: 24px 16px 16px; }
    .authentication-art[b-e12fxk8q58] { display: none; }
    .authentication-card[b-e12fxk8q58], .authentication-wide .authentication-card[b-e12fxk8q58] { grid-template-columns: minmax(0, 1fr); min-height: 0; max-width: 560px; }
    .authentication-content[b-e12fxk8q58], .authentication-wide .authentication-content[b-e12fxk8q58] { padding: 28px 24px; }
    .authentication-content[b-e12fxk8q58]  h1 { font-size: 24px; line-height: 32px; letter-spacing: -.4px; }
    .authentication-content[b-e12fxk8q58]  .auth-introduction { margin-bottom: 24px; }
    .authentication-content[b-e12fxk8q58]  .auth-field-row { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .authentication-content[b-e12fxk8q58]  .text-input input, .authentication-content[b-e12fxk8q58]  .phone-number-input input { font-size: 16px; }
    .authentication-footer[b-e12fxk8q58] { padding-bottom: 16px; }
    .authentication-footer a[b-e12fxk8q58] { font-size: 13px; }
}
@media (hover: hover) and (pointer: fine) {
    .authentication-home:hover[b-e12fxk8q58], .authentication-footer a:hover[b-e12fxk8q58], .authentication-content[b-e12fxk8q58]  .auth-back-link:hover, .authentication-content[b-e12fxk8q58]  .auth-account-link a:hover { color: var(--color-brand); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .authentication-home:hover[b-e12fxk8q58], .authentication-footer a:hover[b-e12fxk8q58], .authentication-content[b-e12fxk8q58]  .auth-back-link:hover, .authentication-content[b-e12fxk8q58]  .auth-account-link a:hover { translate: 0 -2px; }
    .authentication-home:active[b-e12fxk8q58], .authentication-footer a:active[b-e12fxk8q58], .authentication-content[b-e12fxk8q58]  .auth-back-link:active, .authentication-content[b-e12fxk8q58]  .auth-account-link a:active { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) {
    .authentication-home[b-e12fxk8q58], .authentication-footer a[b-e12fxk8q58], .authentication-content[b-e12fxk8q58]  .auth-back-link, .authentication-content[b-e12fxk8q58]  .auth-account-link a { transition: none; }
}
/* /Components/Layout/ChatWidget.razor.rz.scp.css */
.chat-widget[b-bmf9l8xbeo] { position: fixed; right: 24px; bottom: 24px; z-index: 90; color: var(--color-text); font-family: var(--font-family); }
.chat-launcher[b-bmf9l8xbeo] { position: relative; isolation: isolate; display: grid; place-items: center; width: 56px; height: 56px; margin-left: auto; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--n-0); cursor: pointer; }
.chat-launcher-face[b-bmf9l8xbeo] { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; border-radius: inherit; background: var(--color-brand); box-shadow: var(--elevation-2); transition: background-color var(--motion-fast); }
.chat-launcher-mascot[b-bmf9l8xbeo] { position: absolute; top: 0; left: 0; z-index: 0; width: 40px; height: 57px; clip-path: inset(0 0 25% 0); opacity: 0; pointer-events: none; transform: translate(8px, 8px) rotate(0deg) scale(.7); transform-origin: 50% 80%; transition: transform 360ms cubic-bezier(.2, .8, .2, 1), opacity var(--motion-base); }
.chat-widget:not(.is-open) .chat-launcher:focus-visible .chat-launcher-mascot[b-bmf9l8xbeo] { opacity: 1; transform: translate(-8px, -24px) rotate(-8deg); }
.chat-icon[b-bmf9l8xbeo] { display: inline-block; flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: var(--icon) no-repeat center / contain; }
.icon-chat[b-bmf9l8xbeo] { --icon: url('/images/chat.svg'); }
.icon-send[b-bmf9l8xbeo] { --icon: url('/images/send.svg'); }
.icon-back[b-bmf9l8xbeo] { --icon: url('/images/back.svg'); }
.icon-edit[b-bmf9l8xbeo] { --icon: url('/images/edit.svg'); }
.icon-close[b-bmf9l8xbeo] { --icon: url('/images/x.svg'); }
.icon-search[b-bmf9l8xbeo] { --icon: url('/images/search.svg'); }
.icon-alert[b-bmf9l8xbeo] { --icon: url('/images/alert.svg'); }
.icon-people[b-bmf9l8xbeo] { --icon: url('/images/team.svg'); }
.icon-plus[b-bmf9l8xbeo] { --icon: url('/images/plus.svg'); }
.icon-more[b-bmf9l8xbeo] { --icon: url('/images/more.svg'); }
.icon-attach[b-bmf9l8xbeo] { --icon: url('/images/attachment.svg'); }
.chat-launcher-face > .chat-icon[b-bmf9l8xbeo] { width: 28px; height: 28px; }
.launcher-badge[b-bmf9l8xbeo], .chat-unread[b-bmf9l8xbeo] { display: grid; place-items: center; flex-shrink: 0; min-width: 24px; min-height: 24px; padding: 2px 6px; border-radius: var(--radius-full); background: var(--color-brand); color: var(--n-0); font-size: 12px; line-height: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.launcher-badge[b-bmf9l8xbeo] { position: absolute; top: -4px; right: -4px; z-index: 2; border: 2px solid var(--color-surface); }
.chat-panel[b-bmf9l8xbeo] { display: flex; flex-direction: column; width: min(400px, calc(100vw - 48px)); height: min(580px, calc(100svh - 132px)); min-height: 240px; margin-bottom: 12px; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); box-shadow: var(--elevation-3); }
.chat-header[b-bmf9l8xbeo] { position: relative; isolation: isolate; display: flex; align-items: center; gap: 8px; flex-shrink: 0; min-height: 80px; padding: 16px; border-bottom: 1px solid var(--color-border); background: linear-gradient(100deg, var(--color-surface) 45%, var(--plum-50)); }
.chat-header[b-bmf9l8xbeo]::before { position: absolute; inset: 0 0 0 auto; z-index: -1; width: 45%; background: url('/images/danstrop-pattern-light.svg') center / 200px; opacity: .45; mask-image: linear-gradient(to right, transparent, #000); content: ''; pointer-events: none; }
.chat-heading[b-bmf9l8xbeo] { flex: 1; min-width: 0; }
.chat-heading-title[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 8px; }
.chat-heading h2[b-bmf9l8xbeo] { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-heading); font-size: 20px; line-height: 28px; font-weight: 800; }
.chat-heading small[b-bmf9l8xbeo] { display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.chat-header-avatar + .chat-heading h2[b-bmf9l8xbeo] { font-size: 14px; line-height: 20px; }
.chat-header .chat-heading:has(small)[b-bmf9l8xbeo] { padding-left: 8px; border-left: 1px solid var(--plum-200); }
.chat-header:has(.chat-header-avatar)[b-bmf9l8xbeo] { gap: 4px; padding-inline: 8px; }
.chat-icon-button[b-bmf9l8xbeo] { --button-padding: 0; --button-hover: transparent; --button-press: transparent; --button-hover-border: transparent; display: grid; place-items: center; flex-shrink: 0; width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: var(--radius-lg); background: transparent; color: var(--color-accent); cursor: pointer; }
.chat-inbox-tools[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin: 16px 16px 8px; padding-inline: 12px; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); color: var(--color-text-muted); }
.chat-inbox-tools:focus-within[b-bmf9l8xbeo] { border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.chat-inbox-tools input[b-bmf9l8xbeo] { width: 100%; min-width: 0; height: 44px; border: 0; outline: 0; background: transparent; color: var(--color-text); font: inherit; font-size: 13px; }
.chat-inbox-tools input:focus-visible[b-bmf9l8xbeo] { outline: 0; box-shadow: none; }
.chat-inbox[b-bmf9l8xbeo], .chat-compose-body[b-bmf9l8xbeo] { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.chat-list[b-bmf9l8xbeo] { margin: 0; padding: 8px 12px 16px; list-style: none; }
.chat-list li + li[b-bmf9l8xbeo] { position: relative; margin-top: 8px; }
.chat-list li + li[b-bmf9l8xbeo]::before { position: absolute; top: -4px; right: 8px; left: 8px; height: 1px; background: var(--color-border); content: ''; pointer-events: none; }
.chat-row[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 88px; padding: 12px 8px; border: 0; border-radius: var(--radius-xl); background: transparent; color: var(--color-text); text-align: left; cursor: pointer; }
.chat-row.is-unread[b-bmf9l8xbeo] { background: var(--plum-50); }
.chat-avatar[b-bmf9l8xbeo] { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: var(--plum-50); color: var(--color-accent); font-size: 14px; font-weight: 700; }
.chat-avatar[data-tone="0"][b-bmf9l8xbeo] { background: var(--plum-100); color: var(--plum-700); }
.chat-avatar[data-tone="1"][b-bmf9l8xbeo] { background: var(--info-50); color: var(--info-700); }
.chat-avatar[data-tone="2"][b-bmf9l8xbeo] { background: var(--warn-50); color: var(--warn-700); }
.chat-avatar[data-tone="3"][b-bmf9l8xbeo] { background: var(--ok-50); color: var(--ok-700); }
.chat-row-copy[b-bmf9l8xbeo] { flex: 1; min-width: 0; }
.chat-row-copy strong[b-bmf9l8xbeo], .chat-row-copy small[b-bmf9l8xbeo] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-row-copy strong[b-bmf9l8xbeo] { color: var(--color-heading); font-size: 14px; line-height: 20px; font-weight: 700; }
.chat-row-copy small[b-bmf9l8xbeo] { margin-top: 4px; color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.chat-row-meta[b-bmf9l8xbeo] { display: grid; flex-shrink: 0; justify-items: end; gap: 8px; }
.chat-row-meta time[b-bmf9l8xbeo] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.chat-state[b-bmf9l8xbeo] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 16px; color: var(--color-text-muted); text-align: center; font-size: 13px; line-height: 22px; }
.chat-state h3[b-bmf9l8xbeo], .chat-state p[b-bmf9l8xbeo] { margin: 0; font-size: inherit; }
.chat-outline[b-bmf9l8xbeo], .chat-primary[b-bmf9l8xbeo] { --button-font-size: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--red-200); border-radius: 12px; background: var(--color-surface); color: var(--color-brand); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.chat-primary[b-bmf9l8xbeo] { border-color: var(--color-brand); background: var(--color-brand); color: var(--n-0); box-shadow: var(--elevation-1); }
.chat-outline[b-bmf9l8xbeo] { --button-border: var(--red-300); --button-fg: var(--color-brand); --button-hover: var(--red-50); --button-hover-border: var(--red-400); }
.chat-alert[b-bmf9l8xbeo] { display: flex; align-items: flex-start; gap: 8px; margin: 8px 12px; padding: 10px; border: 1px solid var(--red-200); border-radius: 10px; background: var(--err-50); color: var(--err-700); font-size: 12px; line-height: 20px; }
.chat-thread-toolbar[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 16px 20px 0; }
.chat-thread-toolbar[b-bmf9l8xbeo]::before, .chat-thread-toolbar[b-bmf9l8xbeo]::after { flex: 1; height: 1px; background: var(--color-border); content: ''; }
.chat-thread-toolbar small[b-bmf9l8xbeo] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.chat-messages[b-bmf9l8xbeo] { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 0 16px 20px; }
.chat-message[b-bmf9l8xbeo] { display: flex; align-items: flex-start; flex-direction: column; margin-top: 16px; }
.chat-message.outgoing[b-bmf9l8xbeo] { align-items: flex-end; }
.message-author[b-bmf9l8xbeo] { margin-bottom: 4px; color: var(--color-heading); font-size: 12px; line-height: 18px; font-weight: 700; }
.message-bubble[b-bmf9l8xbeo] { max-width: 90%; padding: 10px 12px; border-radius: var(--radius-xl); background: var(--n-100); overflow-wrap: anywhere; }
.outgoing .message-bubble[b-bmf9l8xbeo] { background: var(--plum-50); color: var(--color-heading); }
.message-bubble p[b-bmf9l8xbeo] { margin: 0; color: inherit; font-size: 13px; line-height: 22px; white-space: pre-wrap; }
.message-bubble small[b-bmf9l8xbeo] { display: block; margin-top: 4px; font-size: 12px; }
.chat-message time[b-bmf9l8xbeo] { display: block; margin-top: 4px; color: var(--color-text-muted); font-size: 12px; line-height: 18px; font-variant-numeric: tabular-nums; }
.chat-older[b-bmf9l8xbeo] { display: flex; margin: 0 auto; }
.chat-composer[b-bmf9l8xbeo] { display: flex; align-items: flex-end; gap: 8px; flex-shrink: 0; padding: 12px 16px; border-top: 1px solid var(--color-border); background: var(--color-surface); }
.chat-composer textarea[b-bmf9l8xbeo] { flex: 1; min-width: 0; max-height: 120px; min-height: 44px; padding: 10px 12px; resize: vertical; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); color: var(--color-text); background: var(--color-surface); font: inherit; font-size: 13px; line-height: 22px; }
.chat-send[b-bmf9l8xbeo] { --button-padding: 0; flex-shrink: 0; width: 44px; height: 44px; padding: 0; }
.chat-attachment[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 8px; max-width: 100%; padding: 6px 0; border: 0; background: transparent; color: var(--color-accent); font: inherit; font-size: 12px; text-align: left; overflow-wrap: anywhere; cursor: pointer; }
.attachment-card[b-bmf9l8xbeo] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 8px; padding: 8px; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); background: var(--color-surface); }
.attachment-copy[b-bmf9l8xbeo] { flex: 1; min-width: 96px; }
.attachment-preview[b-bmf9l8xbeo] { display: block; width: 88px; height: 72px; object-fit: cover; border-radius: 8px; }
.attachment-card .chat-attachment:disabled[b-bmf9l8xbeo] { border: 0; background: transparent; color: var(--color-text-muted); }
.attachment-status[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 12px; line-height: 18px; }
.attachment-status[b-bmf9l8xbeo]::before { flex-shrink: 0; width: 16px; height: 16px; background: currentColor; mask: url('/images/alert.svg') no-repeat center / contain; content: ''; }
.attachment-status.clean[b-bmf9l8xbeo]::before { mask-image: url('/images/checkc.svg'); }
.attachment-status.pending[b-bmf9l8xbeo] { color: var(--warn-700); }
.attachment-status.clean[b-bmf9l8xbeo] { color: var(--ok-700); }
.attachment-status.infected[b-bmf9l8xbeo], .attachment-status.failed[b-bmf9l8xbeo] { color: var(--err-700); }
.message-meta[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 4px; }
.message-edit[b-bmf9l8xbeo] { min-height: 44px; width: 44px; }
.message-edit .chat-icon[b-bmf9l8xbeo] { width: 16px; height: 16px; }
.is-editing .message-bubble[b-bmf9l8xbeo] { outline: 1.5px solid var(--color-brand); }
.chat-edit-banner[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 8px 12px; background: var(--n-100); color: var(--color-accent); font-size: 12px; }
.chat-edit-banner .chat-icon-button[b-bmf9l8xbeo] { margin-left: auto; }
.edit-composer[b-bmf9l8xbeo] { display: flex; flex-direction: column; align-items: stretch; background: var(--n-100); }
.edit-composer textarea[b-bmf9l8xbeo] { width: 100%; }
.edit-composer > div[b-bmf9l8xbeo] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.chat-file-picker[b-bmf9l8xbeo] { position: relative; display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; overflow: hidden; border: 1px solid var(--color-border); border-radius: 12px; color: var(--color-accent); cursor: pointer; }
.chat-file-picker[b-bmf9l8xbeo]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.chat-file-picker:focus-within[b-bmf9l8xbeo] { outline: 2px solid var(--color-brand); outline-offset: 2px; box-shadow: var(--focus-ring); }
.chat-file-picker:has(input:disabled)[b-bmf9l8xbeo] { background: var(--n-100); color: var(--n-500); cursor: not-allowed; }
.staged-attachments[b-bmf9l8xbeo] { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 8px; max-height: 160px; overflow: auto; padding: 12px 12px 0; border-top: 1px solid var(--color-border); }
.staged-file[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 8px; max-width: 100%; padding: 4px 4px 4px 8px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--n-50); }
.staged-file img[b-bmf9l8xbeo] { width: 44px; height: 36px; border-radius: 6px; object-fit: cover; }
.staged-file > span[b-bmf9l8xbeo] { min-width: 0; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.staged-file small[b-bmf9l8xbeo] { display: block; color: var(--color-text-muted); font-size: 10px; }
.chat-file-hint[b-bmf9l8xbeo] { display: block; flex-shrink: 0; padding: 0 16px 12px; color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.chat-member-body[b-bmf9l8xbeo] { flex: 1; min-height: 0; overflow: auto; padding: 16px; }
.member-toolbar[b-bmf9l8xbeo] { display: flex; justify-content: flex-end; margin-bottom: 24px; }
.member-list[b-bmf9l8xbeo] { margin: 0; padding: 0; list-style: none; }
.member-list > li[b-bmf9l8xbeo] { padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.member-summary[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 12px; }
.member-name[b-bmf9l8xbeo] { flex: 1; min-width: 0; }
.member-name strong[b-bmf9l8xbeo] { display: block; overflow-wrap: anywhere; font-size: 13px; font-weight: 600; }
.member-name small[b-bmf9l8xbeo] { display: block; margin-top: 4px; color: var(--color-text-muted); font-size: 11px; }
.member-menu[b-bmf9l8xbeo] { position: relative; }
.member-menu summary[b-bmf9l8xbeo] { list-style: none; }
.member-menu summary[b-bmf9l8xbeo]::-webkit-details-marker { display: none; }
.member-menu summary:focus-visible[b-bmf9l8xbeo] { outline: 2px solid var(--color-brand); outline-offset: 2px; box-shadow: var(--focus-ring); }
.member-menu summary[b-bmf9l8xbeo], .chat-file-picker[b-bmf9l8xbeo] { transition: translate var(--motion-fast), background-color var(--motion-fast); }
.member-menu > div[b-bmf9l8xbeo] { position: absolute; right: 0; bottom: calc(100% + 4px); z-index: 2; display: grid; width: 220px; padding: 4px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); box-shadow: var(--elevation-2); }
.member-menu button[b-bmf9l8xbeo] { min-height: 40px; padding: 8px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--color-text); text-align: left; font: inherit; font-size: 13px; cursor: pointer; }
.member-menu .member-remove[b-bmf9l8xbeo] { color: var(--err-700); }
.member-hint[b-bmf9l8xbeo] { margin: 20px 0 0; color: var(--color-text-muted); font-size: 11px; line-height: 18px; }
.member-add-form[b-bmf9l8xbeo], .member-role-form[b-bmf9l8xbeo] { display: grid; gap: 12px; margin-block: 12px; padding: 12px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--n-50); }
.member-role-form > div[b-bmf9l8xbeo] { display: flex; justify-content: flex-end; gap: 8px; }
.member-add-form label[b-bmf9l8xbeo], .member-role-form label[b-bmf9l8xbeo] { font-size: 13px; font-weight: 600; }
.member-add-form select[b-bmf9l8xbeo], .member-role-form select[b-bmf9l8xbeo] { width: 100%; min-height: 40px; padding: 8px 12px; border: 1.5px solid var(--color-border); border-radius: 10px; background: var(--color-surface); color: var(--color-text); font: inherit; font-size: 13px; }
.chat-remove-dialog[b-bmf9l8xbeo] { width: min(460px, calc(100vw - 32px)); padding: 24px; border-radius: 16px; background: var(--color-surface); }
.chat-remove-dialog h2[b-bmf9l8xbeo] { margin: 0; color: var(--color-heading); font-size: 20px; line-height: 28px; }
.chat-remove-dialog p[b-bmf9l8xbeo] { margin: 16px 0 24px; overflow-wrap: anywhere; font-size: 14px; line-height: 24px; }
.chat-remove-dialog footer[b-bmf9l8xbeo] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.chat-destructive[b-bmf9l8xbeo] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--err-700); border-radius: 12px; background: var(--err-700); color: var(--n-0); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.chat-compose-body[b-bmf9l8xbeo] { padding: 16px; }
.chat-compose-body fieldset[b-bmf9l8xbeo] { min-width: 0; margin: 0; padding: 0; border: 0; }
.chat-compose-body label:not(.chat-person)[b-bmf9l8xbeo], .people-heading[b-bmf9l8xbeo] { display: block; width: 100%; margin: 16px 0 6px; color: var(--color-text); font-size: 13px; font-weight: 600; }
.chat-compose-body input:not([type="checkbox"])[b-bmf9l8xbeo], .chat-compose-body select[b-bmf9l8xbeo] { width: 100%; min-height: 40px; padding: 8px 12px; border: 1.5px solid var(--color-border); border-radius: 10px; background: var(--color-surface); color: var(--color-text); font: inherit; font-size: 13px; }
.chat-person[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 12px; min-height: 56px; padding-block: 8px; font-size: 13px; cursor: pointer; }
.chat-person input[b-bmf9l8xbeo] { width: 20px; height: 20px; accent-color: var(--color-brand); }
.create-chat[b-bmf9l8xbeo] { width: 100%; margin-top: 24px; }
.chat-skeleton[b-bmf9l8xbeo] { padding: 16px; }
.chat-skeleton > div[b-bmf9l8xbeo] { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.skeleton-line[b-bmf9l8xbeo] { width: 65%; height: 16px; border-radius: 4px; }
.skeleton-copy[b-bmf9l8xbeo] { display: grid; flex: 1; gap: 8px; }
.skeleton-copy .skeleton-line[b-bmf9l8xbeo] { width: 85%; }
.skeleton-copy .skeleton-line + .skeleton-line[b-bmf9l8xbeo] { width: 65%; height: 12px; }
.skeleton-bubble[b-bmf9l8xbeo] { width: 80%; height: 64px; border-radius: 12px; }
.chat-skeleton > .skeleton-bubble:nth-child(odd)[b-bmf9l8xbeo] { margin-left: auto; }
button[b-bmf9l8xbeo], a[b-bmf9l8xbeo] { transition: translate var(--motion-fast), background-color var(--motion-fast); }
button:disabled:not([aria-busy="true"])[b-bmf9l8xbeo] { background: var(--n-200); border-color: var(--n-200); color: var(--n-500); cursor: not-allowed; }
button[aria-busy="true"][b-bmf9l8xbeo] { opacity: 1; cursor: progress; }
button:focus-visible[b-bmf9l8xbeo], input:focus-visible[b-bmf9l8xbeo], textarea:focus-visible[b-bmf9l8xbeo], select:focus-visible[b-bmf9l8xbeo], .chat-messages:focus-visible[b-bmf9l8xbeo] { outline: 2px solid var(--color-brand); outline-offset: 2px; box-shadow: var(--focus-ring); }
@media (max-width: 767px) {
    .chat-widget[b-bmf9l8xbeo] { right: 16px; bottom: calc(var(--bottomnav-h) + 16px + env(safe-area-inset-bottom)); }
    .chat-panel[b-bmf9l8xbeo] { position: fixed; top: calc(var(--chat-viewport-top, 0px) + var(--topbar-h) + 8px); bottom: auto; left: 8px; right: 8px; width: auto; height: max(160px, calc(var(--chat-viewport-height, 100dvh) - var(--topbar-h) - 8px - var(--chat-bottom-space, calc(var(--bottomnav-h) + 16px + env(safe-area-inset-bottom))))); min-height: 0; margin: 0; }
    .is-open .chat-launcher[b-bmf9l8xbeo] { display: none; }
    .chat-icon-button[b-bmf9l8xbeo], .chat-outline[b-bmf9l8xbeo], .chat-primary[b-bmf9l8xbeo] { min-height: 44px; }
    .chat-compose-body input:not([type="checkbox"])[b-bmf9l8xbeo], .chat-compose-body select[b-bmf9l8xbeo], .chat-inbox-tools input[b-bmf9l8xbeo], .chat-composer textarea[b-bmf9l8xbeo] { min-height: 48px; font-size: 16px; }
    .member-add-form select[b-bmf9l8xbeo], .member-role-form select[b-bmf9l8xbeo] { min-height: 48px; font-size: 16px; }
    .member-menu button[b-bmf9l8xbeo] { min-height: 44px; }
    .chat-composer[b-bmf9l8xbeo] { padding-inline: 12px; }
    .chat-composer textarea[b-bmf9l8xbeo] { flex-basis: 0; }
    .chat-panel[b-bmf9l8xbeo] { border-radius: 20px; }
    .chat-row[b-bmf9l8xbeo] { gap: 8px; }
    .chat-row-meta time[b-bmf9l8xbeo] { font-size: 12px; }
    .chat-header:has(.chat-header-avatar) .chat-header-avatar[b-bmf9l8xbeo] { display: none; }
    .chat-header .chat-heading:has(small)[b-bmf9l8xbeo] { padding-left: 0; border-left: 0; }
}
@media (hover: hover) and (pointer: fine) {
    .chat-row:hover[b-bmf9l8xbeo], .chat-outline:not(:disabled):hover[b-bmf9l8xbeo] { background: var(--color-brand-soft); }
    .chat-primary:not(:disabled):hover[b-bmf9l8xbeo], .chat-launcher:hover .chat-launcher-face[b-bmf9l8xbeo] { background: var(--red-600); }
    .chat-widget:not(.is-open) .chat-launcher:hover .chat-launcher-mascot[b-bmf9l8xbeo] { opacity: 1; transform: translate(-8px, -24px) rotate(-8deg); }
    .chat-destructive:not(:disabled):hover[b-bmf9l8xbeo] { background: var(--err-500); }
    .member-menu button:hover[b-bmf9l8xbeo] { background: var(--color-brand-soft); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    button:not(:disabled):hover[b-bmf9l8xbeo] { translate: 0 -2px; }
    button:not(:disabled):active[b-bmf9l8xbeo] { translate: 0 1px; }
    .member-menu summary:hover[b-bmf9l8xbeo], .chat-file-picker:not(:has(input:disabled)):hover[b-bmf9l8xbeo] { translate: 0 -2px; }
    .member-menu summary:active[b-bmf9l8xbeo], .chat-file-picker:not(:has(input:disabled)):active[b-bmf9l8xbeo] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) { button[b-bmf9l8xbeo], a[b-bmf9l8xbeo], .member-menu summary[b-bmf9l8xbeo], .chat-file-picker[b-bmf9l8xbeo], .chat-launcher-face[b-bmf9l8xbeo], .chat-launcher-mascot[b-bmf9l8xbeo] { transition: none; } }
/* /Components/Layout/DashboardLayout.razor.rz.scp.css */
.dashboard-layout[b-5m1x3cjve6] {
    --color-bg: color-mix(in srgb, var(--n-100) 60%, var(--n-200));
    --color-border: color-mix(in srgb, var(--n-200) 60%, var(--n-300));
    --color-shell: var(--n-50);
    min-height: 100svh;
    display: grid;
    grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
}

.skip-link[b-5m1x3cjve6] {
    position: fixed;
    top: var(--space-2);
    left: var(--space-2);
    z-index: 200;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-accent);
    transform: translateY(-150%);
}

.skip-link:focus[b-5m1x3cjve6] {
    transform: translateY(0);
}

.dashboard-sidebar[b-5m1x3cjve6] {
    position: sticky;
    top: 0;
    height: 100svh;
    padding: 0 var(--space-3) var(--space-2);
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--color-border);
    background: var(--color-shell);
}

.dashboard-brand[b-5m1x3cjve6] {
    min-height: var(--topbar-h);
    padding-inline: var(--space-3);
    display: flex;
    align-items: center;
    border-radius: var(--radius-sm);
}

.brand-horizontal[b-5m1x3cjve6] {
    display: block;
    width: 132px;
    height: auto;
}

.brand-icon[b-5m1x3cjve6],
.mobile-brand[b-5m1x3cjve6],
.mobile-navigation[b-5m1x3cjve6] {
    display: none;
}

.sidebar-navigation[b-5m1x3cjve6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-top: var(--space-4);
}

.icon-settings[b-5m1x3cjve6] { --icon: url("/images/settings.svg"); }

.sidebar-navigation[b-5m1x3cjve6]  a {
    min-height: var(--control-h-md);
    padding: var(--space-2) var(--space-3);
    display: flex;
    align-items: center;
    gap: var(--space-3);
    border-radius: var(--radius-md);
    color: var(--color-accent);
    font-weight: 600;
    text-decoration: none;
    transition: translate var(--motion-fast), background-color var(--motion-fast), color var(--motion-fast);
}

.sidebar-navigation[b-5m1x3cjve6]  a:hover {
    background: var(--plum-50);
}

.sidebar-navigation[b-5m1x3cjve6]  a.active {
    background: var(--color-brand-soft);
    color: var(--color-brand);
    font-weight: 700;
}

.navigation-icon[b-5m1x3cjve6] {
    width: 20px;
    height: 20px;
    display: inline-block;
    flex-shrink: 0;
    background: currentColor;
    mask: var(--icon) no-repeat center / contain;
}

.icon-overview[b-5m1x3cjve6] {
    --icon: url("/images/home.svg");
}

.icon-constructions[b-5m1x3cjve6] {
    --icon: url("/images/helmet.svg");
}

.icon-projects[b-5m1x3cjve6] {
    --icon: url("/images/folder.svg");
}

.icon-people[b-5m1x3cjve6] {
    --icon: url("/images/team.svg");
}

.icon-diary[b-5m1x3cjve6] {
    --icon: url("/images/edit.svg");
}

.icon-tasks[b-5m1x3cjve6] { --icon: url("/images/checkc.svg"); }
.icon-stages[b-5m1x3cjve6] { --icon: url("/images/stages.svg"); }
.icon-work-hours[b-5m1x3cjve6] { --icon: url("/images/work-hours.svg"); }
.icon-more[b-5m1x3cjve6] { --icon: url("/images/more.svg"); }

.icon-documents[b-5m1x3cjve6] {
    --icon: url("/images/folder.svg");
}

.icon-logout[b-5m1x3cjve6] {
    --icon: url("/images/back.svg");
}

.icon-search[b-5m1x3cjve6] {
    --icon: url("/images/search.svg");
}

.icon-notifications[b-5m1x3cjve6] {
    --icon: url("/images/bell.svg");
}

.icon-alert[b-5m1x3cjve6] {
    --icon: url("/images/alert.svg");
}

.icon-refresh[b-5m1x3cjve6] {
    --icon: url("/images/refresh.svg");
}

.sidebar-company[b-5m1x3cjve6] {
    min-height: 68px;
    margin-top: auto;
    padding-top: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.company-summary[b-5m1x3cjve6],
.company-retry[b-5m1x3cjve6] {
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.company-avatar[b-5m1x3cjve6] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: var(--radius-md);
    background: var(--plum-100);
    color: var(--color-accent);
    font-size: 12px;
    font-weight: 700;
}

.company-avatar.skeleton-shape[b-5m1x3cjve6] { background: var(--n-200); }
.company-navigation[b-5m1x3cjve6] { margin-top: 0; }
.company-navigation[b-5m1x3cjve6]  a { min-height: 44px; font-size: 13px; }
.company-retry[b-5m1x3cjve6] { border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-text); font: inherit; text-align: left; cursor: pointer; }
.company-retry:hover[b-5m1x3cjve6] { background: var(--plum-50); }
.profile-company[b-5m1x3cjve6] { margin-top: var(--space-3); padding: var(--space-2); display: flex; align-items: center; gap: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.profile-company > div[b-5m1x3cjve6] { min-width: 0; display: flex; flex-direction: column; }
.profile-company .user-name[b-5m1x3cjve6] { max-width: 100%; }
.profile-identity[b-5m1x3cjve6] { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.profile-identity > div[b-5m1x3cjve6] { min-width: 0; display: grid; gap: 2px; }
.profile-dropdown .dropdown-avatar[b-5m1x3cjve6] { width: 44px; height: 44px; font-size: 14px; }
.profile-identity .user-name[b-5m1x3cjve6] { font-size: 14px; font-weight: 700; }
.profile-identity .user-email[b-5m1x3cjve6] { font-size: 13px; line-height: 20px; }
.profile-menu-links[b-5m1x3cjve6] { display: grid; gap: var(--space-2); padding: var(--space-2); }
.profile-hours-link[b-5m1x3cjve6], .profile-page-link[b-5m1x3cjve6] { min-height: 48px; padding: var(--space-2) var(--space-3); display: flex; align-items: center; gap: var(--space-3); border-radius: var(--radius-lg); color: var(--color-accent); font-size: 14px; font-weight: 600; text-decoration: none; }
.profile-link-icon[b-5m1x3cjve6] { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: var(--radius-md); background: var(--plum-50); }
.profile-link-icon svg[b-5m1x3cjve6] { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.profile-link-chevron[b-5m1x3cjve6] { margin-inline-start: auto; color: var(--color-text-muted); }
.profile-dropdown-header[b-5m1x3cjve6] { padding: var(--space-4); border-bottom: 1px solid var(--color-border); border-radius: var(--radius-2xl) var(--radius-2xl) 0 0; background: linear-gradient(120deg, var(--color-surface), var(--plum-50)); }
.profile-dropdown-footer[b-5m1x3cjve6] { padding: var(--space-2); border-top: 1px solid var(--color-border); }
.profile-dropdown-header[b-5m1x3cjve6], .profile-menu-links[b-5m1x3cjve6], .profile-dropdown-footer[b-5m1x3cjve6] { flex-shrink: 0; }

.user-avatar[b-5m1x3cjve6] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: var(--radius-full);
    background: var(--plum-100);
    color: var(--color-accent);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.user-details[b-5m1x3cjve6] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.user-avatar.skeleton-shape[b-5m1x3cjve6] {
    background: var(--n-200);
}

.profile-skeleton[b-5m1x3cjve6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.profile-name-skeleton[b-5m1x3cjve6],
.profile-email-skeleton[b-5m1x3cjve6] {
    display: block;
    max-width: 100%;
    height: 12px;
    border-radius: var(--radius-sm);
}

.profile-name-skeleton[b-5m1x3cjve6] {
    width: 104px;
}

.profile-email-skeleton[b-5m1x3cjve6] {
    width: 136px;
}

.profile-fallback[b-5m1x3cjve6] {
    background: var(--err-50);
    color: var(--err-700);
}

.profile-error[b-5m1x3cjve6],
.user-email.profile-error[b-5m1x3cjve6] {
    margin: 0;
    color: var(--err-700);
    font-size: 12px;
    line-height: 16px;
}

.profile-dropdown .profile-error[b-5m1x3cjve6] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 20px;
}

.profile-error .navigation-icon[b-5m1x3cjve6] {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.user-name[b-5m1x3cjve6],
.user-email[b-5m1x3cjve6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-name[b-5m1x3cjve6] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.user-email[b-5m1x3cjve6] {
    color: var(--color-text-muted);
    font-size: 12px;
    line-height: 16px;
}

.dashboard-workspace[b-5m1x3cjve6] {
    min-width: 0;
}

.dashboard-topbar[b-5m1x3cjve6] {
    position: sticky;
    top: 0;
    z-index: 50;
    min-height: var(--topbar-h);
    padding: var(--space-2) var(--space-7);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-shell);
}

.dashboard-topbar:has(.workspace-search.is-open)[b-5m1x3cjve6],
.dashboard-topbar:has(.notification-panel)[b-5m1x3cjve6] { z-index: 100; }

.topbar-actions[b-5m1x3cjve6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
    margin-left: auto;
}

.topbar-support[b-5m1x3cjve6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-width: 44px;
    min-height: 44px;
    padding-inline: var(--space-2);
    color: var(--color-accent);
    font-size: 13px;
    text-decoration: none;
}

.notification-button[b-5m1x3cjve6],
.profile-trigger[b-5m1x3cjve6] {
    width: 44px;
    min-height: 44px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-accent);
    cursor: pointer;
}

.notification-button:hover[b-5m1x3cjve6],
.profile-trigger:hover[b-5m1x3cjve6] {
    background: var(--plum-50);
}

.profile-menu[b-5m1x3cjve6] {
    position: relative;
}

.profile-trigger[b-5m1x3cjve6] {
    list-style: none;
}

.profile-trigger[b-5m1x3cjve6]::-webkit-details-marker {
    display: none;
}

.profile-dropdown[b-5m1x3cjve6] {
    position: absolute;
    top: calc(100% + var(--space-2));
    right: 0;
    width: 304px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - var(--topbar-h) - 24px);
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    box-shadow: var(--elevation-2);
}

.profile-dropdown .logout-button[b-5m1x3cjve6],
.profile-retry-button[b-5m1x3cjve6] {
    width: 100%;
    justify-content: flex-start;
    margin-top: var(--space-3);
}

.profile-dropdown-footer .logout-button[b-5m1x3cjve6] { min-height: 44px; margin-top: 0; gap: var(--space-3); font-size: 14px; text-align: left; }
.profile-dropdown-footer .logout-button > .navigation-icon[b-5m1x3cjve6], .profile-dropdown-footer .logout-button > .button-spinner[b-5m1x3cjve6] { margin-inline: 6px; }
.profile-menu-links .profile-retry-button[b-5m1x3cjve6] { margin-top: 0; }

.logout-button[b-5m1x3cjve6],
.profile-retry-button[b-5m1x3cjve6] {
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-accent);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.logout-button:hover:not(:disabled)[b-5m1x3cjve6] {
    background: var(--plum-50);
}

.logout-button:disabled[b-5m1x3cjve6],
.profile-retry-button:disabled[b-5m1x3cjve6] {
    cursor: wait;
    opacity: 0.65;
}

.dashboard-brand:focus-visible[b-5m1x3cjve6],
.mobile-brand:focus-visible[b-5m1x3cjve6],
.notification-button:focus-visible[b-5m1x3cjve6],
.profile-trigger:focus-visible[b-5m1x3cjve6],
.logout-button:focus-visible[b-5m1x3cjve6],
.profile-retry-button:focus-visible[b-5m1x3cjve6],
.company-retry:focus-visible[b-5m1x3cjve6],
.profile-hours-link:focus-visible[b-5m1x3cjve6],
.profile-page-link:focus-visible[b-5m1x3cjve6],
.skip-link:focus-visible[b-5m1x3cjve6],
.sidebar-navigation[b-5m1x3cjve6]  a:focus-visible,
.mobile-navigation[b-5m1x3cjve6]  a:focus-visible,
.mobile-navigation-more summary:focus-visible[b-5m1x3cjve6] {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
    box-shadow: var(--focus-ring);
}

.dashboard-content[b-5m1x3cjve6] {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding: var(--space-7);
}

.dashboard-content[b-5m1x3cjve6]  h1 {
    margin: 0 0 var(--space-2);
    color: var(--color-heading);
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.6px;
}

.dashboard-content[b-5m1x3cjve6]  p {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 24px;
}

@media (max-width: 1279px) {
    .dashboard-layout[b-5m1x3cjve6] {
        grid-template-columns: var(--sidebar-w-collapsed) minmax(0, 1fr);
    }

    .dashboard-sidebar[b-5m1x3cjve6] {
        padding-inline: var(--space-2);
    }

    .dashboard-brand[b-5m1x3cjve6] {
        justify-content: center;
        padding-inline: 0;
    }

    .brand-horizontal[b-5m1x3cjve6],
    .navigation-label[b-5m1x3cjve6],
    .user-details[b-5m1x3cjve6],
    .user-details.profile-skeleton[b-5m1x3cjve6] {
        display: none;
    }

    .company-summary[b-5m1x3cjve6],
    .company-retry[b-5m1x3cjve6] {
        justify-content: center;
        padding-inline: 0;
    }

    .brand-icon[b-5m1x3cjve6] {
        display: block;
    }

    .sidebar-navigation[b-5m1x3cjve6]  a {
        min-height: 48px;
        justify-content: center;
    }

    .dashboard-topbar[b-5m1x3cjve6],
    .dashboard-content[b-5m1x3cjve6] {
        padding-inline: var(--space-6);
    }
}

@media (max-width: 767px) {
    .dashboard-layout[b-5m1x3cjve6] {
        display: block;
        padding-bottom: calc(var(--bottomnav-h) + env(safe-area-inset-bottom));
    }

    .dashboard-sidebar[b-5m1x3cjve6] {
        display: none;
    }

    .dashboard-topbar[b-5m1x3cjve6] {
        padding-inline: var(--space-4);
    }

    .mobile-brand[b-5m1x3cjve6] {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        border-radius: var(--radius-sm);
    }

    .topbar-support span[b-5m1x3cjve6] {
        display: none;
    }

    .dashboard-content[b-5m1x3cjve6] {
        padding: var(--space-6) var(--space-4);
    }

    .dashboard-content[b-5m1x3cjve6]  h1 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.3px;
    }

    .profile-dropdown .profile-retry-button[b-5m1x3cjve6],
    .profile-dropdown .logout-button[b-5m1x3cjve6] {
        min-height: var(--control-h-lg);
        font-size: 14px;
    }

    .profile-dropdown[b-5m1x3cjve6] { max-height: calc(100dvh - var(--topbar-h) - var(--bottomnav-h) - 24px - env(safe-area-inset-bottom)); }

    .mobile-navigation[b-5m1x3cjve6] {
        position: fixed;
        inset: auto 0 0;
        z-index: 50;
        min-height: calc(var(--bottomnav-h) + env(safe-area-inset-bottom));
        padding: var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));
        display: flex;
        gap: var(--space-1);
        border-top: 1px solid var(--color-border);
        background: var(--color-shell);
        box-shadow: var(--elevation-1);
    }

    .mobile-navigation[b-5m1x3cjve6]  a,
    .mobile-navigation-more summary[b-5m1x3cjve6] {
        min-width: 0;
        min-height: 56px;
        flex: 1;
        padding: var(--space-1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--space-1);
        border-radius: var(--radius-md);
        color: var(--color-accent);
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        overflow-wrap: normal;
        text-align: center;
    }

    .mobile-navigation .navigation-icon[b-5m1x3cjve6] {
        width: 24px;
        height: 24px;
    }

    .construction-context .mobile-navigation[b-5m1x3cjve6]  a,
    .mobile-navigation-more summary[b-5m1x3cjve6] {
        font-size: 11px;
        padding-inline: 2px;
        overflow-wrap: anywhere;
    }

    .mobile-navigation[b-5m1x3cjve6]  a:hover,
    .mobile-navigation-more summary:hover[b-5m1x3cjve6] {
        background: var(--plum-50);
    }

    .mobile-navigation[b-5m1x3cjve6]  a.active,
    .mobile-navigation-more[open] summary[b-5m1x3cjve6],
    .mobile-navigation-more:has(a.active) summary[b-5m1x3cjve6] {
        background: var(--color-brand-soft);
        color: var(--color-brand);
        font-weight: 700;
    }

    .mobile-navigation-more[b-5m1x3cjve6] {
        min-width: 0;
        flex: 1;
    }

    .mobile-navigation-more summary[b-5m1x3cjve6] {
        cursor: pointer;
        list-style: none;
    }

    .mobile-navigation-more summary[b-5m1x3cjve6]::-webkit-details-marker {
        display: none;
    }

    .mobile-navigation-more-links[b-5m1x3cjve6] {
        position: absolute;
        right: var(--space-2);
        bottom: calc(100% + var(--space-2));
        width: min(16rem, calc(100vw - var(--space-4)));
        padding: var(--space-2);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-lg);
        background: var(--color-surface);
        box-shadow: var(--elevation-2);
    }

    .mobile-navigation .mobile-navigation-more-links[b-5m1x3cjve6]  a {
        min-height: var(--control-h-lg);
        padding: var(--space-2) var(--space-3);
        flex-direction: row;
        justify-content: flex-start;
        gap: var(--space-3);
        font-size: 14px;
        text-align: start;
    }
}

.construction-context[b-5m1x3cjve6] {
    grid-template-columns: var(--sidebar-w-collapsed) minmax(0, 1fr);
}

.construction-context .dashboard-sidebar[b-5m1x3cjve6] {
    z-index: 80;
    width: var(--sidebar-w-collapsed);
    padding-inline: var(--space-2);
    overflow: hidden;
    transition: width var(--motion-fast), box-shadow var(--motion-fast);
}

.construction-context .dashboard-brand[b-5m1x3cjve6],
.construction-context .company-summary[b-5m1x3cjve6],
.construction-context .company-retry[b-5m1x3cjve6],
.construction-context .sidebar-navigation[b-5m1x3cjve6]  a {
    justify-content: center;
    padding-inline: 0;
}

.construction-context .brand-horizontal[b-5m1x3cjve6],
.construction-context .navigation-label[b-5m1x3cjve6],
.construction-context .user-details[b-5m1x3cjve6] {
    display: none;
}

.construction-context .brand-icon[b-5m1x3cjve6] {
    display: block;
}

.construction-context .navigation-label[b-5m1x3cjve6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navigation-unavailable[b-5m1x3cjve6] {
    min-width: 44px;
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--n-500);
    font: inherit;
    font-weight: 600;
    text-align: left;
    opacity: 1;
    cursor: not-allowed;
}

@media (min-width: 768px) {
    .construction-context .dashboard-sidebar:focus-within[b-5m1x3cjve6] {
        width: var(--sidebar-w);
        box-shadow: var(--elevation-2);
    }

    .construction-context .dashboard-sidebar:focus-within .brand-horizontal[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:focus-within .navigation-label[b-5m1x3cjve6] {
        display: block;
    }

    .construction-context .dashboard-sidebar:focus-within .user-details[b-5m1x3cjve6] {
        display: flex;
    }

    .construction-context .dashboard-sidebar:focus-within .brand-icon[b-5m1x3cjve6] {
        display: none;
    }

    .construction-context .dashboard-sidebar:focus-within .dashboard-brand[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:focus-within .company-summary[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:focus-within .company-retry[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:focus-within .sidebar-navigation[b-5m1x3cjve6]  a,
    .construction-context .dashboard-sidebar:focus-within .navigation-unavailable[b-5m1x3cjve6] {
        justify-content: flex-start;
        padding-inline: var(--space-3);
    }
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .construction-context .dashboard-sidebar:hover[b-5m1x3cjve6] {
        width: var(--sidebar-w);
        box-shadow: var(--elevation-2);
    }

    .construction-context .dashboard-sidebar:hover .brand-horizontal[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:hover .navigation-label[b-5m1x3cjve6] {
        display: block;
    }

    .construction-context .dashboard-sidebar:hover .user-details[b-5m1x3cjve6] {
        display: flex;
    }

    .construction-context .dashboard-sidebar:hover .brand-icon[b-5m1x3cjve6] {
        display: none;
    }

    .construction-context .dashboard-sidebar:hover .dashboard-brand[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:hover .company-summary[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:hover .company-retry[b-5m1x3cjve6],
    .construction-context .dashboard-sidebar:hover .sidebar-navigation[b-5m1x3cjve6]  a,
    .construction-context .dashboard-sidebar:hover .navigation-unavailable[b-5m1x3cjve6] {
        justify-content: flex-start;
        padding-inline: var(--space-3);
    }
}

@media (max-width: 767px) {
    .mobile-navigation .navigation-unavailable[b-5m1x3cjve6] {
        flex: 1;
        min-width: 0;
        min-height: 56px;
        padding: var(--space-1);
        flex-direction: column;
        gap: var(--space-1);
        font-size: 12px;
        line-height: 16px;
        overflow-wrap: anywhere;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .construction-context .dashboard-sidebar[b-5m1x3cjve6] {
        transition: none;
    }
}

@media (hover: hover) and (pointer: fine) {
    .profile-hours-link:hover[b-5m1x3cjve6], .profile-page-link:hover[b-5m1x3cjve6] { background: var(--red-50); }
    .profile-retry-button:hover:not(:disabled):not(:active)[b-5m1x3cjve6] {
        background: var(--plum-50);
    }
}

.profile-hours-link:active[b-5m1x3cjve6], .profile-page-link:active[b-5m1x3cjve6] { background: var(--plum-100); }

.profile-retry-button:active:not(:disabled)[b-5m1x3cjve6] {
    background: var(--plum-100);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .sidebar-navigation[b-5m1x3cjve6]  a:hover {
        translate: 3px 0;
    }

    .sidebar-navigation[b-5m1x3cjve6]  a:active {
        translate: 1px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .logout-button[b-5m1x3cjve6],
    .sidebar-navigation[b-5m1x3cjve6]  a {
        transition: none;
    }
}
/* /Components/Layout/GuestLayout.razor.rz.scp.css */
.guest-header[b-wg8i7bw8nt] { background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.guest-header-inner[b-wg8i7bw8nt] { max-width: 1120px; min-height: var(--topbar-h); margin-inline: auto; padding-inline: clamp(16px, 4vw, 32px); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.guest-header-inner a[b-wg8i7bw8nt] { display: inline-flex; align-items: center; min-height: 44px; }
.guest-header-inner img[b-wg8i7bw8nt] { display: block; width: auto; height: 32px; }
.guest-header-actions[b-wg8i7bw8nt] { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; gap: 4px 12px; }
.guest-support[b-wg8i7bw8nt] { padding-inline: 12px; color: var(--color-accent); text-decoration: none; border-radius: var(--radius-md); font-size: 14px; font-weight: 600; }
@media (hover: hover) and (pointer: fine) { .guest-support:hover[b-wg8i7bw8nt] { background: var(--plum-50); } }
@media (max-width: 479px) {
    .guest-header-inner[b-wg8i7bw8nt] { gap: 8px; }
    .guest-header-inner img[b-wg8i7bw8nt] { height: 28px; }
    .guest-header-actions[b-wg8i7bw8nt] { gap: 4px; }
    .guest-support[b-wg8i7bw8nt] { padding-inline: 6px; font-size: 13px; }
    .guest-header-actions[b-wg8i7bw8nt]  button { --button-font-size: 13px; --button-padding: 8px; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-jgsk3qugge] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-jgsk3qugge] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NotificationBanner.razor.rz.scp.css */
.notification-banner[b-rd580m7yn0] {
    --notification-background: var(--info-50);
    --notification-color: var(--info-700);
    --notification-tone: var(--info-500);
    --notification-icon: url("/images/info.svg");
    position: fixed;
    right: var(--space-6);
    bottom: var(--space-6);
    z-index: 2000;
    width: min(360px, calc(100vw - 32px));
    max-height: calc(100dvh - 48px);
    padding: var(--space-3) var(--space-4);
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) 44px;
    align-items: start;
    gap: var(--space-2);
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--notification-tone) 24%, var(--notification-background));
    border-radius: var(--radius-xl);
    background: var(--notification-background);
    box-shadow: var(--elevation-2);
    color: var(--notification-color);
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
}

.notification-banner__icon[b-rd580m7yn0] {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    background: currentColor;
    mask: var(--notification-icon) no-repeat center / contain;
}

.notification-banner__content[b-rd580m7yn0] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.notification-banner__title[b-rd580m7yn0] {
    display: block;
    font-weight: 700;
}

.notification-banner__message[b-rd580m7yn0] {
    margin: 0;
    white-space: pre-line;
}

.notification-banner__dismiss[b-rd580m7yn0] {
    width: 44px;
    height: 44px;
    margin-block: -2px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.notification-banner__close-icon[b-rd580m7yn0] {
    width: 16px;
    height: 16px;
    background: currentColor;
    mask: url("/images/x.svg") no-repeat center / contain;
}

.notification-banner__dismiss:hover[b-rd580m7yn0] {
    background: color-mix(in srgb, var(--notification-color) 8%, transparent);
}

.notification-banner__dismiss:active[b-rd580m7yn0] {
    background: color-mix(in srgb, var(--notification-color) 12%, transparent);
}

.notification-banner__dismiss:focus-visible[b-rd580m7yn0] {
    outline: 2px solid var(--notification-color);
    outline-offset: 2px;
    box-shadow: var(--focus-ring);
}

.notification-banner--success[b-rd580m7yn0] {
    --notification-background: var(--ok-50);
    --notification-color: var(--ok-700);
    --notification-tone: var(--ok-500);
    --notification-icon: url("/images/checkc.svg");
}

.notification-banner--warning[b-rd580m7yn0] {
    --notification-background: var(--warn-50);
    --notification-color: var(--warn-700);
    --notification-tone: var(--warn-500);
    --notification-icon: url("/images/alert.svg");
}

.notification-banner--error[b-rd580m7yn0] {
    --notification-background: var(--err-50);
    --notification-color: var(--err-700);
    --notification-tone: var(--err-500);
    --notification-icon: url("/images/alert.svg");
}

@media (max-width: 767px) {
    .notification-banner[b-rd580m7yn0] {
        top: calc(var(--space-4) + env(safe-area-inset-top, 0px));
        right: var(--space-4);
        bottom: auto;
        left: var(--space-4);
        margin-inline: auto;
        max-height: calc(100dvh - 32px - env(safe-area-inset-top, 0px));
    }
}
/* /Components/Layout/PublicFooter.razor.rz.scp.css */
.public-footer[b-a0xf5hoi6z] { background: var(--n-0); color: var(--n-600); font-family: var(--font-family); border-top: 1px solid var(--n-200); }
.footer-content[b-a0xf5hoi6z] { width: min(1200px,calc(100% - 64px)); margin-inline: auto; padding-block: 48px 24px; display: grid; grid-template-columns: 1.3fr 1fr .8fr 1.2fr; gap: 32px; }
.footer-brand > a[b-a0xf5hoi6z] { display: inline-flex; min-height: 44px; align-items: center; }
.footer-brand img[b-a0xf5hoi6z] { display: block; object-fit: contain; }
.footer-brand p[b-a0xf5hoi6z] { font-size: 13px; line-height: 22px; margin: 12px 0 0; max-width: 25ch; }
nav[b-a0xf5hoi6z] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
h2[b-a0xf5hoi6z] { font-size: 13px; font-weight: 700; color: var(--plum-800); margin: 8px 0 8px; }
nav a[b-a0xf5hoi6z] { display: inline-flex; align-items: center; min-height: 44px; color: var(--n-600); font-size: 13px; line-height: 20px; text-decoration: none; overflow-wrap: anywhere; }
a[b-a0xf5hoi6z] { transition: translate var(--motion-fast),color var(--motion-fast); }
a:focus-visible[b-a0xf5hoi6z] { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }
.footer-bottom[b-a0xf5hoi6z] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; border-top: 1px solid var(--n-200); padding-top: 24px; margin-top: 8px; font-size: 12px; line-height: 20px; }
@media (hover: hover) and (pointer: fine) { nav a:hover[b-a0xf5hoi6z] { color: var(--red-600); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { a:hover[b-a0xf5hoi6z] { translate: 0 -2px; } a:active[b-a0xf5hoi6z] { translate: 0 1px; } }
@media (max-width: 900px) { .footer-content[b-a0xf5hoi6z] { grid-template-columns: repeat(3,1fr); } .footer-brand[b-a0xf5hoi6z] { grid-column: 1 / -1; } }
@media (max-width: 540px) { .footer-content[b-a0xf5hoi6z] { width: calc(100% - 40px); grid-template-columns: repeat(2,minmax(0,1fr)); padding-top: 32px; gap: 24px; } nav:last-of-type[b-a0xf5hoi6z] { grid-column: 1 / -1; } .footer-bottom[b-a0xf5hoi6z] { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { a[b-a0xf5hoi6z] { transition: none; } }
/* /Components/Layout/PublicNavigation.razor.rz.scp.css */
.public-header[b-kwfpesbql8] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
    box-shadow: var(--elevation-1);
    font-family: var(--font-family);
}

.public-navigation[b-kwfpesbql8] {
    width: 100%;
    min-height: var(--topbar-h);
    padding: var(--space-2) var(--space-7);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
}

.public-logo-link[b-kwfpesbql8] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    flex-shrink: 0;
    border-radius: var(--radius-sm);
}

.public-logo[b-kwfpesbql8] {
    display: block;
    width: 132px;
    height: auto;
}

.public-actions[b-kwfpesbql8] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}
.home-navigation[b-kwfpesbql8] { background: rgba(255,255,255,.94); backdrop-filter: blur(16px); box-shadow: none; }
.home-navigation .public-navigation[b-kwfpesbql8] { max-width: 1344px; margin: auto; min-height: 80px; }
.public-home-links[b-kwfpesbql8] { display: flex; gap: 28px; }
.public-home-links a[b-kwfpesbql8], .public-mobile-links a[b-kwfpesbql8] { display: inline-flex; align-items: center; min-height: 44px; color: var(--color-heading); text-decoration: none; font-size: 13px; font-weight: 600; border-radius: var(--radius-sm); transition: translate var(--motion-fast), color var(--motion-fast); }
.public-home-links a:focus-visible[b-kwfpesbql8], .public-mobile-links a:focus-visible[b-kwfpesbql8], .public-menu-toggle:focus-visible[b-kwfpesbql8] { outline: 0; box-shadow: var(--focus-ring); }
.public-home-links a:hover[b-kwfpesbql8], .public-mobile-links a:hover[b-kwfpesbql8] { color: var(--red-600); }
.public-menu-toggle[b-kwfpesbql8] { display: none; width: 44px; height: 44px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-heading); }
.menu-lines[b-kwfpesbql8] { display: block; width: 18px; height: 12px; margin: auto; position: relative; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; }
.menu-lines[b-kwfpesbql8]::after { content: ""; position: absolute; top: 4px; left: 0; width: 18px; border-top: 1.5px solid currentColor; }
.menu-lines.is-open[b-kwfpesbql8] { border: 0; height: 18px; transform: rotate(45deg); }
.menu-lines.is-open[b-kwfpesbql8]::before { content: ""; position: absolute; width: 18px; top: 8px; left: 0; border-top: 1.5px solid currentColor; }
.menu-lines.is-open[b-kwfpesbql8]::after { top: 8px; transform: rotate(90deg); }
.public-mobile-links[b-kwfpesbql8] { display: none; }
.public-mobile-login[b-kwfpesbql8] { display: none; }
@media (max-width: 767px) { .public-mobile-login[b-kwfpesbql8] { display: inline-flex; width: 100%; min-height: 44px; align-items: center; padding-bottom: 8px; color: var(--plum-700); font-size: 14px; font-weight: 600; text-decoration: none; } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { .public-home-links a:hover[b-kwfpesbql8], .public-mobile-links a:hover[b-kwfpesbql8] { translate: 0 -2px; } .public-home-links a:active[b-kwfpesbql8], .public-mobile-links a:active[b-kwfpesbql8] { translate: 0 1px; } }
@media (max-width: 900px) { .public-home-links[b-kwfpesbql8] { gap: 16px; } }
@media (max-width: 767px) { .home-navigation .public-navigation[b-kwfpesbql8] { min-height: 72px; gap: 12px; flex-wrap: wrap; } .home-navigation .public-actions[b-kwfpesbql8] { margin-left: auto; } .home-navigation .public-actions > .public-action-secondary[b-kwfpesbql8] { display: none; } .home-navigation .public-actions > a[b-kwfpesbql8] { font-size: 13px; padding-inline: 14px; } .public-home-links[b-kwfpesbql8] { display: none; } .public-menu-toggle[b-kwfpesbql8] { display: block; flex-shrink: 0; } .public-mobile-links[b-kwfpesbql8] { display: grid; flex: 1 0 100%; border-top: 1px solid var(--color-border); padding: 8px 0; } }
@media (max-width: 380px) { .home-navigation .public-actions[b-kwfpesbql8] { width: auto; } }

.public-action[b-kwfpesbql8] {
    min-height: var(--control-h-md);
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    text-decoration: none;
    transition: translate var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);
}

.public-action-secondary[b-kwfpesbql8] {
    color: var(--color-accent);
    background: var(--color-surface);
    border-color: var(--plum-200);
}

.public-action-secondary:hover[b-kwfpesbql8] {
    background: var(--plum-50);
    border-color: var(--plum-300);
}

.public-action-secondary:active[b-kwfpesbql8] {
    background: var(--plum-100);
}

.public-action-primary[b-kwfpesbql8] {
    color: var(--n-0);
    background: var(--color-brand);
    box-shadow: var(--elevation-1);
}

.public-action-primary:hover[b-kwfpesbql8] {
    background: var(--color-brand-hover);
}

.public-action-primary:active[b-kwfpesbql8] {
    background: var(--color-brand-press);
}

.public-action:focus-visible[b-kwfpesbql8],
.public-logo-link:focus-visible[b-kwfpesbql8] {
    outline: 2px solid var(--color-brand);
    outline-offset: 3px;
    box-shadow: var(--focus-ring);
}

@media (max-width: 1279px) {
    .public-navigation[b-kwfpesbql8] {
        padding-inline: var(--space-6);
    }
}

@media (max-width: 767px) {
    .public-navigation[b-kwfpesbql8] {
        padding-inline: var(--space-4);
        gap: var(--space-4);
    }

    .public-action[b-kwfpesbql8] {
        min-height: var(--control-h-lg);
        padding-inline: var(--space-3);
    }

    .public-logo[b-kwfpesbql8] {
        width: 112px;
    }
}

@media (max-width: 380px) {
    .public-navigation[b-kwfpesbql8] {
        flex-wrap: wrap;
        gap: var(--space-2);
    }

    .public-actions[b-kwfpesbql8] {
        width: 100%;
    }

    .public-action[b-kwfpesbql8] {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-action[b-kwfpesbql8] {
        transition: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-k11pdwp7tf],
.components-reconnect-repeated-attempt-visible[b-k11pdwp7tf],
.components-reconnect-failed-visible[b-k11pdwp7tf],
.components-pause-visible[b-k11pdwp7tf],
.components-resume-failed-visible[b-k11pdwp7tf],
.components-rejoining-animation[b-k11pdwp7tf] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-retrying[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-failed[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-k11pdwp7tf] {
    display: block;
}


#components-reconnect-modal[b-k11pdwp7tf] {
    width: min(360px, calc(100% - 32px));
    max-height: calc(100svh - 32px);
    margin: 20vh auto;
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    color: var(--color-text);
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
    box-shadow: var(--elevation-3);
    overflow-y: auto;
    opacity: 0;
    transition: display var(--motion-fast) allow-discrete, overlay var(--motion-fast) allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-k11pdwp7tf var(--motion-fast) both;
}

#components-reconnect-modal[open][b-k11pdwp7tf] {
    opacity: 1;
    animation: components-reconnect-modal-fadeInOpacity-b-k11pdwp7tf var(--motion-fast) both;
}

#components-reconnect-modal[b-k11pdwp7tf]::backdrop {
    background: rgba(23, 23, 28, 0.35);
    animation: components-reconnect-modal-fadeInOpacity-b-k11pdwp7tf var(--motion-fast);
}

@keyframes components-reconnect-modal-fadeInOpacity-b-k11pdwp7tf {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-k11pdwp7tf {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-k11pdwp7tf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

#components-reconnect-modal p[b-k11pdwp7tf] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-k11pdwp7tf] {
    min-height: 44px;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-2) 18px;
    border: 0;
    border-radius: var(--radius-lg);
    background: var(--color-brand);
    color: var(--n-0);
    font: inherit;
    font-weight: 600;
    box-shadow: var(--elevation-1);
    cursor: pointer;
}

#components-reconnect-modal.components-reconnect-failed #components-reconnect-button[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-paused #components-resume-button[b-k11pdwp7tf],
#components-reconnect-modal.components-reconnect-resume-failed #components-resume-button[b-k11pdwp7tf] {
    display: inline-flex;
}

#components-reconnect-modal button:active:not(:disabled)[b-k11pdwp7tf] {
    background: var(--color-brand-press);
}

#components-reconnect-modal button:focus-visible[b-k11pdwp7tf] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}

#components-reconnect-modal button:disabled[aria-busy="true"][b-k11pdwp7tf] {
    cursor: wait;
}

#components-reconnect-modal .button-spinner[hidden][b-k11pdwp7tf] {
    display: none;
}

.components-rejoining-animation[b-k11pdwp7tf] {
    width: 32px;
    height: 32px;
    color: var(--color-brand);
}

.components-rejoining-animation .button-spinner[b-k11pdwp7tf] {
    width: 32px;
    height: 32px;
    border-width: 3px;
}

@media (hover: hover) and (pointer: fine) {
    #components-reconnect-modal button:hover:not(:disabled):not(:active)[b-k11pdwp7tf] {
        background: var(--color-brand-hover);
    }
}

@media (max-width: 767px) {
    #components-reconnect-modal[b-k11pdwp7tf] {
        padding: var(--space-4);
    }

    #components-reconnect-modal button[b-k11pdwp7tf] {
        min-height: var(--control-h-lg);
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-k11pdwp7tf],
    #components-reconnect-modal[open][b-k11pdwp7tf],
    #components-reconnect-modal[b-k11pdwp7tf]::backdrop {
        animation: none;
        transition: none;
    }
}
/* /Components/Layout/TaskNotifications.razor.rz.scp.css */
.task-notifications[b-yfw9ux52b5] { position: relative; }
.notification-toggle[b-yfw9ux52b5] { position: relative; width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-accent); cursor: pointer; }
.bell-icon[b-yfw9ux52b5], .close-icon[b-yfw9ux52b5], .event-icon[b-yfw9ux52b5], .notification-state-icon[b-yfw9ux52b5] { display: block; width: 20px; height: 20px; flex-shrink: 0; background: currentColor; mask: var(--notification-icon) center / contain no-repeat; }
.bell-icon[b-yfw9ux52b5] { --notification-icon: url('/images/bell.svg'); }
.close-icon[b-yfw9ux52b5] { --notification-icon: url('/images/x.svg'); }
.error-icon[b-yfw9ux52b5] { --notification-icon: url('/images/alert.svg'); color: var(--err-700); }
.notification-count[b-yfw9ux52b5] { position: absolute; right: 1px; top: 1px; min-width: 17px; padding: 0 3px; border-radius: var(--radius-full); background: var(--color-brand); color: var(--n-0); font-size: 11px; font-weight: 700; line-height: 17px; }
.notification-backdrop[b-yfw9ux52b5] { position: fixed; inset: 0; z-index: 99; padding: 0; border: 0; background: transparent; translate: none !important; transition: none; cursor: default; }
.notification-panel[b-yfw9ux52b5] { position: absolute; right: 0; top: calc(100% + var(--space-2)); z-index: 100; display: flex; flex-direction: column; width: min(420px, calc(100vw - 32px)); max-height: min(640px, calc(100dvh - var(--topbar-h) - 32px)); overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); box-shadow: var(--elevation-3); }
.notification-header[b-yfw9ux52b5] { display: flex; align-items: center; gap: 10px; flex-shrink: 0; min-height: 80px; padding: 16px 12px 16px 20px; border-bottom: 1px solid var(--color-border); background: linear-gradient(105deg, var(--color-surface) 40%, var(--plum-50)); }
.notification-heading-icon[b-yfw9ux52b5], .notification-event-icon[b-yfw9ux52b5] { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); }
.notification-header h2[b-yfw9ux52b5] { margin: 0; min-width: 0; color: var(--color-heading); font-size: 20px; line-height: 28px; font-weight: 800; letter-spacing: -.025em; }
.notification-unread-count[b-yfw9ux52b5] { display: grid; place-items: center; min-width: 24px; min-height: 24px; padding: 2px 7px; border-radius: var(--radius-full); background: var(--red-50); color: var(--color-brand); font-size: 12px; line-height: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.notification-close[b-yfw9ux52b5] { --button-padding: 0; flex-shrink: 0; margin-inline-start: auto; display: grid; place-items: center; width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: var(--radius-lg); background: transparent; color: var(--color-accent); cursor: pointer; }
.notification-body[b-yfw9ux52b5] { position: relative; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--n-300) transparent; }
.notification-list[b-yfw9ux52b5] { margin: 0; padding: 4px 12px 12px; list-style: none; }
.notification-list li + li[b-yfw9ux52b5] { border-top: 1px solid var(--color-border); }
.notification-row[b-yfw9ux52b5] { display: flex; align-items: flex-start; gap: 12px; min-height: 104px; margin-block: 4px; padding: 12px 8px; border-radius: var(--radius-lg); color: var(--color-text); text-decoration: none; transition: translate var(--motion-fast), background-color var(--motion-fast); }
.notification-event-icon[b-yfw9ux52b5] { margin-top: 2px; }
.notification-event-icon[data-icon="checkc"][b-yfw9ux52b5] { background: var(--ok-50); color: var(--ok-700); }
.notification-event-icon[data-icon="work-hours"][b-yfw9ux52b5], .notification-event-icon[data-icon="calendar"][b-yfw9ux52b5] { background: var(--warn-50); color: var(--warn-700); }
.notification-event-icon[data-icon="file"][b-yfw9ux52b5] { background: var(--info-50); color: var(--info-700); }
.notification-copy[b-yfw9ux52b5] { min-width: 0; display: grid; gap: 4px; flex: 1; }
.notification-copy strong[b-yfw9ux52b5] { color: var(--color-heading); font-size: 14px; line-height: 21px; font-weight: 650; overflow-wrap: anywhere; }
.unread .notification-copy strong[b-yfw9ux52b5] { font-weight: 800; }
.notification-description[b-yfw9ux52b5] { color: var(--color-text-muted); font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
.notification-copy time[b-yfw9ux52b5] { margin-top: 2px; color: var(--color-text-muted); font-size: 12px; line-height: 18px; font-variant-numeric: tabular-nums; }
.notification-unread-dot[b-yfw9ux52b5] { flex-shrink: 0; width: 7px; height: 7px; margin-top: 9px; border-radius: var(--radius-full); background: var(--color-brand); }
.notification-state[b-yfw9ux52b5] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 20px; text-align: center; }
.notification-state p[b-yfw9ux52b5] { margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.notification-skeleton[b-yfw9ux52b5] { padding: 4px 20px 12px; }
.notification-skeleton-row[b-yfw9ux52b5] { display: flex; gap: 12px; padding-block: 16px; }
.notification-skeleton-row + .notification-skeleton-row[b-yfw9ux52b5] { border-top: 1px solid var(--color-border); }
.notification-skeleton-row > .skeleton-icon[b-yfw9ux52b5] { width: 40px; height: 40px; flex-shrink: 0; border-radius: var(--radius-lg); }
.notification-skeleton-row > div[b-yfw9ux52b5] { display: grid; gap: 8px; flex: 1; }
.notification-skeleton-row > div .skeleton-shape[b-yfw9ux52b5] { height: 14px; }
.notification-skeleton-row > div .skeleton-shape:last-child[b-yfw9ux52b5] { width: 40%; height: 12px; }
.notification-toggle:focus-visible[b-yfw9ux52b5], .notification-close:focus-visible[b-yfw9ux52b5], .notification-row:focus-visible[b-yfw9ux52b5] { outline: 2px solid var(--color-brand); outline-offset: -2px; box-shadow: var(--focus-ring); }
.visually-hidden[b-yfw9ux52b5] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (hover: hover) and (pointer: fine) {
    .notification-toggle:hover[b-yfw9ux52b5], .notification-row:hover[b-yfw9ux52b5] { background: var(--plum-50); }
    .notification-row:hover[b-yfw9ux52b5] { translate: 0 -2px; }
    .notification-row:active[b-yfw9ux52b5] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) {
    .notification-row[b-yfw9ux52b5] { transition: none; translate: none !important; }
}
@media (max-width: 767px) {
    .notification-panel[b-yfw9ux52b5] { position: fixed; top: calc(var(--topbar-h) + 8px); right: 16px; max-height: calc(100dvh - var(--topbar-h) - 96px - env(safe-area-inset-bottom)); }
    .notification-header[b-yfw9ux52b5] { min-height: 72px; padding-inline-start: 16px; gap: 8px; }
    .notification-header h2[b-yfw9ux52b5] { font-size: 18px; }
}
/* /Components/Layout/WorkspaceSearch.razor.rz.scp.css */
.workspace-search[b-i5tf7du4tm] { position: relative; width: min(100%, 440px); min-width: 0; }
.search-panel[b-i5tf7du4tm] { position: relative; }
.workspace-search.is-open[b-i5tf7du4tm] { z-index: 2; }
.search-field[b-i5tf7du4tm] { display: flex; align-items: center; gap: 8px; min-height: 40px; padding-inline: 12px 8px; border: 1.5px solid transparent; border-radius: 12px; background: var(--n-100); color: var(--color-text-muted); }
.search-field:focus-within[b-i5tf7du4tm] { border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.search-field input[b-i5tf7du4tm] { width: 100%; min-width: 0; height: 40px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--color-text); font: inherit; font-size: 13px; }
.search-field input[b-i5tf7du4tm]::-webkit-search-cancel-button { display: none; }
.search-field input[b-i5tf7du4tm]::placeholder { color: var(--color-text-muted); opacity: 1; }
.search-shortcut[b-i5tf7du4tm] { white-space: nowrap; border: 1px solid var(--color-border); border-radius: 6px; padding: 2px 4px; font-family: inherit; font-size: 10px; }
.search-icon[b-i5tf7du4tm] { display: inline-block; flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: var(--icon) no-repeat center / contain; }
.icon-search[b-i5tf7du4tm] { --icon: url('/images/search.svg'); }
.icon-close[b-i5tf7du4tm] { --icon: url('/images/x.svg'); }
.icon-alert[b-i5tf7du4tm] { --icon: url('/images/alert.svg'); }
.icon-projects[b-i5tf7du4tm] { --icon: url('/images/folder.svg'); }
.icon-sites[b-i5tf7du4tm] { --icon: url('/images/helmet.svg'); }
.icon-tasks[b-i5tf7du4tm] { --icon: url('/images/checkc.svg'); }
.icon-people[b-i5tf7du4tm] { --icon: url('/images/team.svg'); }
.search-toggle[b-i5tf7du4tm], .search-close[b-i5tf7du4tm], .search-clear[b-i5tf7du4tm] { display: grid; place-items: center; flex-shrink: 0; width: 32px; min-height: 32px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--color-accent); cursor: pointer; transition: translate var(--motion-fast), background-color var(--motion-fast); }
.search-toggle[b-i5tf7du4tm], .search-close[b-i5tf7du4tm] { display: none; }
.search-clear[b-i5tf7du4tm] { --button-hover: transparent; --button-press: transparent; --button-hover-border: transparent; }
.search-clear .search-icon[b-i5tf7du4tm] { width: 16px; height: 16px; }
.search-results[b-i5tf7du4tm] { position: absolute; top: calc(100% + 8px); left: 0; width: min(560px, calc(100vw - 120px)); max-height: min(600px, calc(100svh - 100px)); overflow: auto; overscroll-behavior: contain; padding: 8px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: 0 8px 24px rgb(23 23 28 / 10%); }
.search-group + .search-group[b-i5tf7du4tm] { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--color-border); }
.search-group h2[b-i5tf7du4tm] { margin: 0; padding: 8px 12px 4px; color: var(--color-text-muted); font-size: 11px; font-weight: 700; line-height: 16px; letter-spacing: .6px; text-transform: uppercase; }
.search-result[b-i5tf7du4tm] { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 8px 12px; border-radius: 10px; color: var(--color-text); text-decoration: none; transition: translate var(--motion-fast), background-color var(--motion-fast); }
.search-result.is-active[b-i5tf7du4tm] { background: var(--color-brand-soft); }
.result-icon[b-i5tf7du4tm] { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--n-50); color: var(--color-accent); }
.result-copy[b-i5tf7du4tm] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.result-copy strong[b-i5tf7du4tm], .result-copy small[b-i5tf7du4tm] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-copy strong[b-i5tf7du4tm] { font-size: 13px; font-weight: 600; }
.result-copy small[b-i5tf7du4tm] { color: var(--color-text-muted); font-size: 11px; }
.result-arrow[b-i5tf7du4tm] { margin-left: auto; color: var(--color-accent); }
.search-hint[b-i5tf7du4tm] { margin: 0; padding: 16px 12px; color: var(--color-text-muted); font-size: 13px; }
.search-state[b-i5tf7du4tm] { display: flex; flex-direction: column; align-items: center; padding: 24px 16px; text-align: center; color: var(--color-text-muted); }
.search-state p[b-i5tf7du4tm] { max-width: 320px; margin: 12px 0 16px; font-size: 13px; }
.search-retry[b-i5tf7du4tm] { min-height: 40px; padding: 8px 18px; border: 1px solid var(--color-brand); border-radius: 12px; background: var(--color-brand-soft); color: var(--color-brand); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: translate var(--motion-fast), background-color var(--motion-fast); }
.search-retry[aria-busy="true"][b-i5tf7du4tm] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; opacity: 1; cursor: progress; }
.search-skeleton-row[b-i5tf7du4tm] { display: flex; align-items: center; gap: 12px; padding: 12px; }
.search-skeleton-row > div[b-i5tf7du4tm] { display: flex; flex: 1; flex-direction: column; gap: 8px; }
.skeleton-icon[b-i5tf7du4tm] { width: 36px; height: 36px; border-radius: 10px; }
.skeleton-title[b-i5tf7du4tm] { width: 65%; height: 14px; border-radius: 4px; }
.skeleton-context[b-i5tf7du4tm] { width: 85%; height: 10px; border-radius: 4px; }
.search-toggle:focus-visible[b-i5tf7du4tm], .search-clear:focus-visible[b-i5tf7du4tm], .search-close:focus-visible[b-i5tf7du4tm], .search-result:focus-visible[b-i5tf7du4tm], .search-retry:focus-visible[b-i5tf7du4tm] { outline: 2px solid var(--color-brand); outline-offset: 3px; box-shadow: var(--focus-ring); }
@media (max-width: 767px) {
    .workspace-search[b-i5tf7du4tm] { width: 44px; flex-shrink: 0; }
    .search-toggle[b-i5tf7du4tm] { display: grid; width: 44px; min-height: 44px; }
    .search-panel[b-i5tf7du4tm] { display: none; }
    .is-open .search-panel[b-i5tf7du4tm] { display: flex; flex-direction: column; position: fixed; inset: 0; height: 100dvh; padding: calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)); background: var(--color-shell); }
    .search-field[b-i5tf7du4tm] { flex-shrink: 0; min-height: 48px; background: var(--color-surface); }
    .search-field input[b-i5tf7du4tm] { height: 48px; font-size: 16px; }
    .search-close[b-i5tf7du4tm] { display: grid; }
    .search-clear[b-i5tf7du4tm], .search-close[b-i5tf7du4tm] { width: 44px; min-height: 44px; }
    .search-shortcut[b-i5tf7du4tm] { display: none; }
    .search-results[b-i5tf7du4tm] { position: static; width: 100%; max-height: none; flex: 1; min-height: 0; margin-top: 12px; box-shadow: none; }
    .search-retry[b-i5tf7du4tm] { min-height: 44px; }
}
@media (hover: hover) and (pointer: fine) {
    .search-result:hover[b-i5tf7du4tm], .search-toggle:hover[b-i5tf7du4tm], .search-close:hover[b-i5tf7du4tm] { background: var(--color-brand-soft); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .search-result:hover[b-i5tf7du4tm], .search-toggle:hover[b-i5tf7du4tm], .search-clear:hover[b-i5tf7du4tm], .search-close:hover[b-i5tf7du4tm], .search-retry:not(:disabled):hover[b-i5tf7du4tm] { translate: 0 -2px; }
    .search-result:active[b-i5tf7du4tm], .search-toggle:active[b-i5tf7du4tm], .search-clear:active[b-i5tf7du4tm], .search-close:active[b-i5tf7du4tm], .search-retry:not(:disabled):active[b-i5tf7du4tm] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) {
    .search-result[b-i5tf7du4tm], .search-toggle[b-i5tf7du4tm], .search-clear[b-i5tf7du4tm], .search-close[b-i5tf7du4tm], .search-retry[b-i5tf7du4tm] { transition: none; }
}
/* /Components/Pages/AcceptInvitation.razor.rz.scp.css */
.invitation-content[b-7lfjhpcmuk], .invitation-panel[b-7lfjhpcmuk] { display: flex; flex-direction: column; min-width: 0; }
.invitation-panel > h1[b-7lfjhpcmuk] { margin-bottom: 24px; }
.invitation-details[b-7lfjhpcmuk] { display: grid; gap: 8px; margin-bottom: 20px; padding: 20px; border: 1px solid var(--color-border-input); border-radius: var(--radius-xl); background: var(--n-50); overflow-wrap: anywhere; }
.invitation-details strong[b-7lfjhpcmuk] { color: var(--color-heading); font-size: 20px; line-height: 28px; font-weight: 700; }
.invitation-details span[b-7lfjhpcmuk] { color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.invitation-details span:last-child[b-7lfjhpcmuk] { padding-top: 8px; border-top: 1px solid var(--color-border); }
.invitation-hint[b-7lfjhpcmuk] { margin: 0 0 20px; color: var(--color-text-muted); font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
.invitation-form[b-7lfjhpcmuk] { display: grid; gap: 20px; min-width: 0; }
.password-hint[b-7lfjhpcmuk] { margin: -12px 0 0; font-size: 12px; line-height: 18px; color: var(--color-text-muted); }
.primary-button[b-7lfjhpcmuk], .outline-button[b-7lfjhpcmuk] { width: 100%; text-decoration: none; }
.invitation-panel > .outline-button[b-7lfjhpcmuk], .invitation-panel > .ghost-button[b-7lfjhpcmuk], .invitation-form + .ghost-button[b-7lfjhpcmuk] { margin-top: 12px; }
.feedback[b-7lfjhpcmuk] { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 20px; padding: 12px; border: 1px solid; border-radius: var(--radius-lg); font-size: 14px; line-height: 22px; }
.feedback p[b-7lfjhpcmuk] { margin: 0; overflow-wrap: anywhere; }
.feedback-error[b-7lfjhpcmuk] { border-color: color-mix(in srgb, var(--err-500) 24%, var(--err-50)); background: var(--err-50); color: var(--err-700); }
.feedback-success[b-7lfjhpcmuk] { border-color: color-mix(in srgb, var(--ok-500) 24%, var(--ok-50)); background: var(--ok-50); color: var(--ok-700); }
.feedback-icon[b-7lfjhpcmuk] { flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; background: currentColor; mask: var(--feedback-icon) center / contain no-repeat; }
.success-icon[b-7lfjhpcmuk] { --feedback-icon: url('/images/checkc.svg'); }
.error-icon[b-7lfjhpcmuk] { --feedback-icon: url('/images/alert.svg'); }
.invitation-skeleton[b-7lfjhpcmuk] { display: grid; gap: 20px; }
.invitation-skeleton .skeleton-shape[b-7lfjhpcmuk] { height: 48px; }
.invitation-skeleton .skeleton-shape:nth-of-type(2)[b-7lfjhpcmuk] { width: 72%; }
.invitation-skeleton .skeleton-shape:nth-of-type(3)[b-7lfjhpcmuk] { height: 96px; }
@media (max-width: 767px) { .invitation-form[b-7lfjhpcmuk] { gap: 16px; } .password-hint[b-7lfjhpcmuk] { font-size: 13px; line-height: 20px; } }
/* /Components/Pages/CompanySettings.razor.rz.scp.css */
.settings-header[b-rec4fkihkr] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(124px, .45fr); align-items: center; gap: var(--space-4); min-height: 208px; margin-bottom: var(--space-6); }
.settings-hero-copy[b-rec4fkihkr] { min-width: 0; }
.settings-header h1[b-rec4fkihkr] { margin: 0; color: var(--color-heading); font-size: clamp(24px, 3vw, 36px); line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
.settings-header p[b-rec4fkihkr] { margin: var(--space-3) 0 0; color: var(--color-text-muted); overflow-wrap: anywhere; }
.settings-illustration[b-rec4fkihkr] { justify-self: end; width: 100%; max-width: 224px; height: auto; stroke: var(--plum-700); stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.illustration-building[b-rec4fkihkr], .illustration-center[b-rec4fkihkr] { fill: var(--n-0); }
.illustration-gear[b-rec4fkihkr] { fill: var(--red-50); stroke: var(--color-brand); }
.illustration-accent[b-rec4fkihkr] { stroke: var(--color-brand); }
.company-settings[b-rec4fkihkr] { min-width: 0; display: grid; gap: var(--space-6); }
.settings-grid[b-rec4fkihkr] { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: start; gap: var(--space-5); }
.settings-side[b-rec4fkihkr] { min-width: 0; display: grid; gap: var(--space-5); }
.settings-card[b-rec4fkihkr] { min-width: 0; margin: 0; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.card-heading[b-rec4fkihkr] { margin-bottom: var(--space-6); display: flex; align-items: center; gap: var(--space-3); }
.card-heading > div[b-rec4fkihkr] { min-width: 0; }
.settings-icon-tile[b-rec4fkihkr] { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 48px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); }
.settings-icon-tile .settings-icon[b-rec4fkihkr] { width: 24px; height: 24px; }
.settings-icon-tile svg[b-rec4fkihkr] { width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.break-tile[b-rec4fkihkr] { background: var(--warn-50); color: var(--warn-700); }
.break-shortcut[b-rec4fkihkr] { display: flex; align-items: flex-start; gap: var(--space-4); }
.break-shortcut > div[b-rec4fkihkr] { min-width: 0; }
.break-shortcut h2[b-rec4fkihkr] { margin: var(--space-1) 0 var(--space-4); color: var(--color-heading); font-size: 20px; line-height: 28px; }
.break-shortcut .outline-button[b-rec4fkihkr] { max-width: 100%; }
.localization-fields[b-rec4fkihkr] { display: grid; gap: var(--space-4); }
.card-heading h2[b-rec4fkihkr] { margin: 0 0 var(--space-1); color: var(--color-heading); font-size: 20px; font-weight: 600; line-height: 28px; }
.card-heading p[b-rec4fkihkr] { max-width: 65ch; margin: var(--space-1) 0 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
fieldset[b-rec4fkihkr] { min-width: 0; margin: 0; padding: 0; display: grid; gap: var(--space-4); border: 0; }
.field[b-rec4fkihkr] { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.field label[b-rec4fkihkr] { color: var(--color-text); font-size: 13px; font-weight: 600; line-height: 16px; }
.required-mark[b-rec4fkihkr] { color: var(--color-brand); }
.field input[b-rec4fkihkr], .field select[b-rec4fkihkr] { width: 100%; min-width: 0; min-height: 44px; padding: var(--space-2) var(--space-3); border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-text); font: inherit; transition: border-color var(--motion-fast), box-shadow var(--motion-fast); }
.field input:focus[b-rec4fkihkr], .field select:focus[b-rec4fkihkr] { outline: 0; border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.field input[aria-invalid="true"][b-rec4fkihkr], .field select[aria-invalid="true"][b-rec4fkihkr] { border-color: var(--err-500); }
.field small[b-rec4fkihkr] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.related-fields[b-rec4fkihkr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.contact-card[b-rec4fkihkr]  .phone-number-input input, .contact-card[b-rec4fkihkr]  .phone-code-trigger { height: 44px; min-height: 44px; }
.field-error[b-rec4fkihkr] { display: flex; align-items: flex-start; gap: var(--space-1); color: var(--err-700); font-size: 12px; line-height: 18px; }
.field-error .settings-icon[b-rec4fkihkr] { width: 16px; height: 16px; margin-top: 1px; }
footer[b-rec4fkihkr] { margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--color-border); display: flex; justify-content: flex-end; }
.primary-button[b-rec4fkihkr], .outline-button[b-rec4fkihkr], .ghost-button[b-rec4fkihkr] { min-width: 44px; min-height: 40px; padding: var(--space-2) 18px; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); border: 1px solid transparent; border-radius: var(--radius-lg); font: inherit; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; }
.primary-button[b-rec4fkihkr] { background: var(--color-brand); color: var(--n-0); box-shadow: var(--elevation-1); }
.outline-button[b-rec4fkihkr] { border-color: var(--red-200); background: var(--n-0); color: var(--color-brand); }
.ghost-button[b-rec4fkihkr] { padding-inline: 0; background: transparent; color: var(--color-accent); }
.settings-icon[b-rec4fkihkr] { width: 20px; height: 20px; display: inline-block; flex-shrink: 0; background: currentColor; mask: var(--icon) no-repeat center / contain; }
.icon-settings[b-rec4fkihkr] { --icon: url("/images/settings.svg"); }
.icon-alert[b-rec4fkihkr] { --icon: url("/images/alert.svg"); }
.icon-lock[b-rec4fkihkr] { --icon: url("/images/lock.svg"); }
.settings-state[b-rec4fkihkr] { min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-4); text-align: center; }
.settings-state h2[b-rec4fkihkr] { margin: 0; color: var(--color-heading); font-size: 20px; line-height: 28px; }
.settings-state p[b-rec4fkihkr] { max-width: 50ch; }
.state-icon[b-rec4fkihkr] { width: 32px; height: 32px; color: var(--err-700); }
.settings-notice[b-rec4fkihkr] { padding: var(--space-4); display: flex; align-items: flex-start; gap: var(--space-3); border: 1px solid color-mix(in srgb, var(--warn-500) 30%, var(--warn-50)); border-radius: var(--radius-lg); background: var(--warn-50); color: var(--warn-700); }
.settings-notice > .settings-icon[b-rec4fkihkr] { margin-top: 2px; }
.settings-notice p[b-rec4fkihkr] { color: inherit; }
.settings-notice .ghost-button[b-rec4fkihkr] { margin-top: var(--space-2); }
.settings-loading[b-rec4fkihkr] { display: flex; flex-direction: column; gap: var(--space-6); }
.skeleton-heading[b-rec4fkihkr] { width: 180px; max-width: 60%; height: 24px; }
.settings-skeleton-row[b-rec4fkihkr], .settings-skeleton-field[b-rec4fkihkr] { display: grid; gap: var(--space-2); }
.skeleton-label[b-rec4fkihkr] { width: 120px; max-width: 40%; height: 12px; }
.skeleton-input[b-rec4fkihkr] { width: 100%; height: 44px; border-radius: var(--radius-md); }
.primary-button:focus-visible[b-rec4fkihkr], .outline-button:focus-visible[b-rec4fkihkr], .ghost-button:focus-visible[b-rec4fkihkr] { outline: 0; box-shadow: var(--focus-ring); }
@media (hover: hover) and (pointer: fine) {
    .primary-button:hover:not(:disabled):not(:active)[b-rec4fkihkr] { background: var(--red-600); }
    .outline-button:hover:not(:disabled):not(:active)[b-rec4fkihkr] { background: var(--red-50); }
    .ghost-button:hover:not(:disabled)[b-rec4fkihkr] { color: var(--plum-600); }
}
.primary-button:active:not(:disabled)[b-rec4fkihkr] { background: var(--red-700); }
.outline-button:active:not(:disabled)[b-rec4fkihkr] { background: var(--red-100); }
@media (max-width: 1100px) {
    .settings-grid[b-rec4fkihkr] { grid-template-columns: minmax(0, 1fr); }
    .settings-side[b-rec4fkihkr] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
@media (max-width: 767px) {
    .company-settings[b-rec4fkihkr] { gap: var(--space-4); }
    .settings-header[b-rec4fkihkr] { grid-template-columns: minmax(0, 1fr) 84px; min-height: 176px; margin-bottom: var(--space-4); gap: var(--space-2); }
    .settings-grid[b-rec4fkihkr], .settings-side[b-rec4fkihkr] { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
    .settings-card[b-rec4fkihkr] { padding: var(--space-4); }
    .related-fields[b-rec4fkihkr] { grid-template-columns: minmax(0, 1fr); }
    .field input[b-rec4fkihkr], .field select[b-rec4fkihkr] { min-height: 48px; font-size: 16px; }
    .contact-card[b-rec4fkihkr]  .phone-number-input input, .contact-card[b-rec4fkihkr]  .phone-code-trigger { height: 48px; min-height: 48px; font-size: 16px; }
    .field small[b-rec4fkihkr], .field-error[b-rec4fkihkr] { font-size: 13px; }
    footer .primary-button[b-rec4fkihkr], footer .outline-button[b-rec4fkihkr] { width: 100%; min-height: 48px; }
    .outline-button[b-rec4fkihkr], .ghost-button[b-rec4fkihkr] { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .field input[b-rec4fkihkr], .field select[b-rec4fkihkr] { transition: none; }
}
/* /Components/Pages/CompanyWorkHours.razor.rz.scp.css */
.company-hours-page[b-0a1g6bd783] { max-width: 1440px; min-width: 0; }
.company-hours-hero[b-0a1g6bd783] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(128px, .5fr);
    align-items: center;
    gap: var(--space-4);
    min-height: 208px;
}
.hero-copy[b-0a1g6bd783] { min-width: 0; }
.company-hours-hero h1[b-0a1g6bd783] { overflow-wrap: anywhere; }
.hours-illustration[b-0a1g6bd783] { justify-self: end; width: 100%; max-width: 235px; height: auto; stroke-linecap: round; stroke-linejoin: round; }
.calendar-frame[b-0a1g6bd783] { stroke: var(--plum-700); stroke-width: 2.5; }
.calendar-dates[b-0a1g6bd783] { stroke: var(--plum-300); stroke-width: 2; }
.clock-halo[b-0a1g6bd783] { fill: var(--n-0); opacity: .9; }
.clock-face[b-0a1g6bd783] { fill: var(--red-50); stroke: var(--color-brand); stroke-width: 2.5; }
.clock-hands[b-0a1g6bd783] { stroke: var(--color-brand); stroke-width: 2.5; }
@media (max-width: 640px) {
    .company-hours-hero[b-0a1g6bd783] { grid-template-columns: minmax(0, 1fr) minmax(64px, .34fr); gap: var(--space-2); min-height: 0; }
}

.hero-copy .wh-actions[b-0a1g6bd783] { margin-top: var(--space-5); min-height: 44px; }
/* /Components/Pages/CompleteRegistration.razor.rz.scp.css */
.registration-wizard[b-bhg1ea3jl9] { min-width: 0; }
.wizard-progress[b-bhg1ea3jl9] { display: flex; align-items: flex-start; margin: 24px 0 28px; }
.wizard-step-item[b-bhg1ea3jl9] { display: flex; flex: 1; flex-direction: column; align-items: center; gap: 8px; min-width: 0; text-align: center; }
.wizard-step[b-bhg1ea3jl9] { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--color-border-input); border-radius: var(--radius-full); background: var(--n-50); color: var(--color-text-muted); font-size: 13px; line-height: 20px; font-weight: 600; }
.wizard-step-active[b-bhg1ea3jl9] { border-color: var(--color-brand); background: var(--color-brand); color: var(--n-0); }
.wizard-step-complete[b-bhg1ea3jl9] { border-color: var(--color-accent); background: var(--color-accent); color: var(--n-0); }
.wizard-check[b-bhg1ea3jl9] { width: 18px; height: 18px; background: currentColor; mask: url('/images/checkc.svg') center / contain no-repeat; }
.wizard-step-label[b-bhg1ea3jl9] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.wizard-step-item[aria-current="step"] .wizard-step-label[b-bhg1ea3jl9] { color: var(--color-brand); font-weight: 700; }
.wizard-step-line[b-bhg1ea3jl9] { flex: .6; height: 1px; margin-top: 16px; background: var(--color-border-input); }
.wizard-step-line-complete[b-bhg1ea3jl9] { background: var(--color-accent); }
.wizard-form[b-bhg1ea3jl9], .wizard-fields[b-bhg1ea3jl9] { display: grid; gap: 20px; min-width: 0; }
.wizard-fields h2[b-bhg1ea3jl9], .wizard-review h2[b-bhg1ea3jl9] { margin-bottom: 0; }
.wizard-password-hint[b-bhg1ea3jl9] { margin: -12px 0 0; color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.wizard-actions[b-bhg1ea3jl9] { display: flex; gap: 12px; margin-top: 8px; }
.primary-button[b-bhg1ea3jl9] { flex: 1; }
.secondary-button[b-bhg1ea3jl9] { flex: 0 0 112px; }
.wizard-review[b-bhg1ea3jl9] { display: grid; gap: 0; min-width: 0; }
.wizard-review h2[b-bhg1ea3jl9] { margin-bottom: 16px; }
.wizard-review > div[b-bhg1ea3jl9] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: baseline; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.wizard-review strong[b-bhg1ea3jl9] { color: var(--color-text-muted); font-size: 13px; line-height: 20px; font-weight: 500; }
.wizard-review > div > span[b-bhg1ea3jl9] { color: var(--color-heading); font-size: 14px; line-height: 22px; font-weight: 600; text-align: right; overflow-wrap: anywhere; }
.registration-link-error[b-bhg1ea3jl9] { margin: 0; padding: 16px; border: 1px solid var(--err-500); border-radius: var(--radius-lg); background: var(--err-50); color: var(--err-700); font-size: 14px; line-height: 22px; }
@media (max-width: 767px) { .wizard-progress[b-bhg1ea3jl9] { margin-block: 24px; } .wizard-form[b-bhg1ea3jl9], .wizard-fields[b-bhg1ea3jl9] { gap: 16px; } .wizard-step-label[b-bhg1ea3jl9] { font-size: 12px; } .wizard-password-hint[b-bhg1ea3jl9] { font-size: 13px; } .wizard-review > div[b-bhg1ea3jl9] { grid-template-columns: minmax(0, 1fr); gap: 4px; } .wizard-review > div > span[b-bhg1ea3jl9] { text-align: left; } .wizard-actions[b-bhg1ea3jl9] { flex-wrap: wrap; } .secondary-button[b-bhg1ea3jl9] { flex-basis: 88px; } }
/* /Components/Pages/Constructions/Components/ConstructionDocumentDialog.razor.rz.scp.css */
.document-dialog[b-b9ek4bbetp] { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); color: var(--color-text); box-shadow: var(--elevation-3); }
.document-form[b-b9ek4bbetp] { display: grid; gap: var(--space-4); padding: var(--space-6); }
.dialog-header[b-b9ek4bbetp], .versions-actions[b-b9ek4bbetp], .upload-actions[b-b9ek4bbetp], .dialog-actions[b-b9ek4bbetp] { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); }
.dialog-header[b-b9ek4bbetp] { align-items: flex-start; }
.dialog-title[b-b9ek4bbetp] { min-width: 0; overflow-wrap: anywhere; }
.dialog-title p[b-b9ek4bbetp] { margin: 4px 0 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.versions-actions[b-b9ek4bbetp], .upload-actions[b-b9ek4bbetp] { justify-content: flex-end; flex-wrap: wrap; }
.versions-actions[b-b9ek4bbetp] { margin-bottom: var(--space-2); }
h2[b-b9ek4bbetp] { margin: 0; color: var(--color-heading); font-size: 24px; line-height: 32px; }
h3[b-b9ek4bbetp] { margin: 0; color: var(--color-heading); font-size: 16px; line-height: 24px; overflow-wrap: anywhere; }
fieldset[b-b9ek4bbetp] { display: grid; gap: var(--space-4); min-width: 0; margin: 0; padding: 0; border: 0; }
.field[b-b9ek4bbetp] { display: grid; gap: 6px; }
.field label[b-b9ek4bbetp] { font-size: 13px; font-weight: 600; }
select[b-b9ek4bbetp], textarea[b-b9ek4bbetp] { width: 100%; min-height: 40px; padding: 10px 12px; border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); background: white; color: var(--color-text); font-size: 14px; }
select:disabled[b-b9ek4bbetp] { background: var(--n-100); color: var(--color-text-muted); cursor: not-allowed; opacity: 1; }
textarea[b-b9ek4bbetp] { resize: vertical; }
.document-error[b-b9ek4bbetp] { margin: 0; padding: 12px; border-radius: var(--radius-md); background: var(--err-50); color: var(--err-700); font-size: 14px; line-height: 22px; }
.document-description[b-b9ek4bbetp] { margin: 0; font-size: 14px; line-height: 22px; white-space: pre-wrap; overflow-wrap: anywhere; }
.file-hint[b-b9ek4bbetp] { margin: 8px 0 12px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.version-list[b-b9ek4bbetp] { min-width: 0; }
.current-file[b-b9ek4bbetp] { padding: 0 16px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.current-file .version-row[b-b9ek4bbetp], .version-list .version-row:last-child[b-b9ek4bbetp] { border-bottom: 0; }
.document-tabs[b-b9ek4bbetp] { display: flex; gap: 8px; border-bottom: 1px solid var(--color-border); overflow-x: auto; }
.document-tabs .ghost-button[b-b9ek4bbetp] { border-radius: var(--radius-md) var(--radius-md) 0 0; min-height: 44px; border-bottom: 2px solid transparent; white-space: nowrap; }
.document-tabs .active[b-b9ek4bbetp] { background: var(--red-50); color: var(--color-brand); border-bottom-color: var(--color-brand); }
.document-tabs button:focus-visible[b-b9ek4bbetp] { outline: 3px solid var(--red-200); outline-offset: -3px; }
.document-upload[b-b9ek4bbetp] { display: grid; gap: var(--space-4); }
.document-upload[hidden][b-b9ek4bbetp] { display: none; }
.document-upload:has(.upload-actions)[b-b9ek4bbetp] { padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.version-row[b-b9ek4bbetp] { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.version-identity[b-b9ek4bbetp] { display: grid; gap: 4px; min-width: 0; flex: 1 1 220px; }
.version-identity strong[b-b9ek4bbetp] { font-size: 14px; }
.version-identity span[b-b9ek4bbetp] { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.version-identity small[b-b9ek4bbetp] { color: var(--color-text-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.version-identity p[b-b9ek4bbetp] { margin: 4px 0 0; font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
.version-status[b-b9ek4bbetp] { padding: 4px 8px; border-radius: var(--radius-full); font-size: 12px; line-height: 18px; }
.status-error[b-b9ek4bbetp] { color: var(--err-700); background: var(--err-50); }
.status-pending[b-b9ek4bbetp] { color: var(--warn-700); background: var(--warn-50); }
.status-clean[b-b9ek4bbetp] { color: var(--info-700); background: var(--info-50); }
.dialog-actions[b-b9ek4bbetp] { justify-content: flex-end; border-top: 1px solid var(--color-border); padding-top: var(--space-4); }
.primary-button[b-b9ek4bbetp], .outline-button[b-b9ek4bbetp], .ghost-button[b-b9ek4bbetp] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 1px solid transparent; border-radius: var(--radius-lg); font-size: 14px; font-weight: 600; }
.primary-button[b-b9ek4bbetp] { background: var(--color-brand); color: white; box-shadow: var(--elevation-1); }
.outline-button[b-b9ek4bbetp] { background: var(--red-50); border-color: var(--red-300); color: var(--red-600); }
.ghost-button[b-b9ek4bbetp] { background: transparent; color: var(--color-accent); }
.close-button[b-b9ek4bbetp] { width: 44px; height: 44px; padding: 0; flex: 0 0 auto; }
.document-icon[b-b9ek4bbetp] { display: inline-block; width: 20px; height: 20px; background: currentColor; mask: url('/images/refresh.svg') center / contain no-repeat; }
.icon-close[b-b9ek4bbetp] { mask-image: url('/images/x.svg'); }
.dialog-loading[b-b9ek4bbetp] { display: grid; gap: 16px; padding: 16px 0; }
.skeleton-line[b-b9ek4bbetp] { height: 44px; border-radius: var(--radius-md); }
.skeleton-line:nth-child(2)[b-b9ek4bbetp] { width: 70%; }
@media (hover: hover) {
    .primary-button:hover:not(:disabled)[b-b9ek4bbetp] { background: var(--red-600); }
    .outline-button:hover:not(:disabled)[b-b9ek4bbetp] { background: var(--red-100); }
    .ghost-button:hover:not(:disabled)[b-b9ek4bbetp] { background: var(--plum-50); }
}
.primary-button:active:not(:disabled)[b-b9ek4bbetp] { background: var(--red-700); }
.outline-button:active:not(:disabled)[b-b9ek4bbetp] { background: var(--red-200); }
@media (max-width: 767px) {
    .document-form[b-b9ek4bbetp] { padding: 20px; gap: 16px; }
    h2[b-b9ek4bbetp] { font-size: 20px; line-height: 28px; }
    .primary-button[b-b9ek4bbetp], .outline-button[b-b9ek4bbetp], .ghost-button[b-b9ek4bbetp] { min-height: 44px; }
    select[b-b9ek4bbetp], textarea[b-b9ek4bbetp] { min-height: 48px; }
    .version-status[b-b9ek4bbetp], .version-identity small[b-b9ek4bbetp] { font-size: 13px; }
    .dialog-actions[b-b9ek4bbetp] { flex-wrap: wrap; }
    .dialog-actions .primary-button[b-b9ek4bbetp] { flex: 1; }
}
button[b-b9ek4bbetp], select[b-b9ek4bbetp], textarea[b-b9ek4bbetp] { font-family: inherit; }
button:not(:disabled)[b-b9ek4bbetp] { cursor: pointer; }
select:focus-visible[b-b9ek4bbetp], textarea:focus-visible[b-b9ek4bbetp] { outline: 3px solid var(--red-200); outline-offset: 2px; border-color: var(--color-brand); }
.error-icon[b-b9ek4bbetp] { display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: middle; background: currentColor; mask: url('/images/alert.svg') center / contain no-repeat; }
/* /Components/Pages/Constructions/Components/ConstructionSiteCoverPhotoInput.razor.rz.scp.css */
.cover-photo-input[b-x0vftnrqc0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.photo-label[b-x0vftnrqc0] {
    color: var(--n-800);
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}
.photo-drop-zone[b-x0vftnrqc0] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    padding: 16px;
    border: 1.5px dashed var(--n-300);
    border-radius: var(--radius-md);
    background: var(--n-0);
    cursor: pointer;
    transition: border-color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast);
}
.photo-drop-zone:focus-within[b-x0vftnrqc0] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
    border-color: var(--red-500);
}
.photo-drop-zone.dragging[b-x0vftnrqc0] {
    background: var(--red-50);
    border-color: var(--red-500);
}
.photo-drop-zone.invalid[b-x0vftnrqc0] {
    border-color: var(--err-500);
}
.photo-drop-zone.disabled[b-x0vftnrqc0] {
    background: var(--n-100);
    cursor: not-allowed;
}
.photo-drop-zone[b-x0vftnrqc0]  .photo-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.photo-drop-zone.disabled[b-x0vftnrqc0]  .photo-file-input {
    cursor: not-allowed;
}
.photo-icon[b-x0vftnrqc0] {
    width: 24px;
    height: 24px;
    color: var(--plum-500);
    flex-shrink: 0;
    background: currentColor;
    mask: url('/images/camera.svg') center / contain no-repeat;
}
.photo-preview[b-x0vftnrqc0] {
    width: 80px;
    height: 64px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}
.photo-text[b-x0vftnrqc0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.photo-text strong[b-x0vftnrqc0] {
    color: var(--n-800);
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.photo-text span[b-x0vftnrqc0] {
    color: var(--n-600);
    font-size: 12px;
}
.photo-text strong > span[b-x0vftnrqc0] { color: inherit; font: inherit; }
.photo-prompt-touch[b-x0vftnrqc0] { display: none; }
.camera-capture-button[b-x0vftnrqc0] { display: none; position: relative; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 18px; border: 1px solid var(--red-300); border-radius: var(--radius-lg); background: var(--red-50); color: var(--red-500); font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; transition: translate var(--motion-fast), background-color var(--motion-fast); }
.camera-capture-button[b-x0vftnrqc0]  .camera-file-input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.camera-capture-button:focus-within[b-x0vftnrqc0] { outline: 3px solid var(--red-200); outline-offset: 2px; }
.camera-capture-button[aria-disabled="true"][b-x0vftnrqc0] { color: var(--n-500); background: var(--n-200); border-color: transparent; cursor: not-allowed; }
.camera-capture-button[aria-disabled="true"][b-x0vftnrqc0]  .camera-file-input { cursor: not-allowed; }
.camera-icon[b-x0vftnrqc0] { width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: url('/images/camera.svg') center / contain no-repeat; }
.photo-browse-icon[b-x0vftnrqc0] {
    width: 20px;
    height: 20px;
    margin-left: auto;
    color: var(--plum-500);
    flex-shrink: 0;
}
.photo-error[b-x0vftnrqc0] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--err-500);
    font-size: 12px;
}
.photo-error:empty[b-x0vftnrqc0] {
    display: none;
}
.photo-error svg[b-x0vftnrqc0] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.remove-photo-button[b-x0vftnrqc0] {
    align-self: flex-start;
    min-height: 44px;
    padding: 4px 12px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--plum-500);
    font-size: 13px;
    font-weight: 600;
}
.remove-photo-button:focus-visible[b-x0vftnrqc0] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}
@media (hover: hover) and (pointer: fine) {
    .photo-drop-zone:hover:not(.disabled)[b-x0vftnrqc0] {
        border-color: var(--red-500);
    }
    .remove-photo-button:hover:not(:disabled)[b-x0vftnrqc0] {
        background: var(--plum-50);
    }
}
@media (max-width: 767px) {
    .photo-drop-zone[b-x0vftnrqc0] {
        gap: 12px;
        padding: 12px;
    }
    .photo-preview[b-x0vftnrqc0] {
        width: 64px;
        height: 56px;
    }
    .photo-text span[b-x0vftnrqc0], .photo-error[b-x0vftnrqc0] {
        font-size: 13px;
    }
    .photo-text strong[b-x0vftnrqc0] { white-space: normal; overflow-wrap: anywhere; }
    .photo-browse-icon[b-x0vftnrqc0] { display: none; }
    .remove-photo-button[b-x0vftnrqc0] {
        min-height: 44px;
    }
}
@media (pointer: coarse), (max-width: 767px) {
    .camera-capture-button[b-x0vftnrqc0] { display: inline-flex; }
    .photo-prompt-desktop[b-x0vftnrqc0] { display: none; }
    .photo-prompt-touch[b-x0vftnrqc0] { display: inline; }
}
@media (hover: hover) and (pointer: fine) {
    .camera-capture-button:hover:not([aria-disabled="true"])[b-x0vftnrqc0] { background: var(--red-100); }
}
.camera-capture-button:active:not([aria-disabled="true"])[b-x0vftnrqc0] { background: var(--red-200); }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .camera-capture-button:hover:not([aria-disabled="true"])[b-x0vftnrqc0] { translate: 0 -2px; }
}
@media (prefers-reduced-motion: no-preference) {
    .camera-capture-button:active:not([aria-disabled="true"])[b-x0vftnrqc0] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) {
    .photo-drop-zone[b-x0vftnrqc0], .camera-capture-button[b-x0vftnrqc0] {
        transition: none;
    }
}
/* /Components/Pages/Constructions/Components/ConstructionSiteDialog.razor.rz.scp.css */
.construction-dialog[b-5hdwj7htx7] {
    width: min(620px, calc(100vw - 32px));
    max-height: calc(100svh - 32px);
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    color: var(--color-text);
    font-family: var(--font-family);
    box-shadow: var(--elevation-3);
    overflow-y: auto;
}


.construction-form[b-5hdwj7htx7],
.construction-form fieldset[b-5hdwj7htx7],
.section-fields[b-5hdwj7htx7] {
    display: grid;
    gap: var(--space-4);
}

.construction-form fieldset[b-5hdwj7htx7] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.dialog-header[b-5hdwj7htx7],
.dialog-actions[b-5hdwj7htx7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.dialog-header h2[b-5hdwj7htx7] {
    margin: 0;
    color: var(--color-heading);
    font-size: 24px;
    line-height: 32px;
}

.dialog-close[b-5hdwj7htx7] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-accent);
    font-size: 24px;
    cursor: pointer;
}

.field[b-5hdwj7htx7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-5hdwj7htx7] {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.field input[b-5hdwj7htx7],
.field select[b-5hdwj7htx7],
.field textarea[b-5hdwj7htx7] {
    width: 100%;
    min-width: 0;
    min-height: var(--control-h-md);
    padding: var(--space-2) var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
}

.field textarea[b-5hdwj7htx7] {
    resize: vertical;
}

.field input:focus[b-5hdwj7htx7],
.field select:focus[b-5hdwj7htx7],
.field textarea:focus[b-5hdwj7htx7] {
    outline: none;
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

fieldset:disabled input[b-5hdwj7htx7],
fieldset:disabled select[b-5hdwj7htx7],
fieldset:disabled textarea[b-5hdwj7htx7],
.field select:disabled[b-5hdwj7htx7] {
    background: var(--n-100);
    color: var(--color-text-muted);
}

.field small[b-5hdwj7htx7] {
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 20px;
}

.field-row[b-5hdwj7htx7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.form-section[b-5hdwj7htx7] {
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.form-section summary[b-5hdwj7htx7] {
    min-height: 44px;
    color: var(--color-heading);
    font-weight: 600;
    cursor: pointer;
}

.section-fields[b-5hdwj7htx7] {
    margin-top: var(--space-3);
}

.form-error[b-5hdwj7htx7] {
    margin: 0;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--err-50);
    color: var(--err-700);
    font-size: 14px;
    line-height: 20px;
}

.field-error[b-5hdwj7htx7],
.required-indicator[b-5hdwj7htx7] {
    color: var(--color-danger);
    font-size: 13px;
}

.dialog-actions[b-5hdwj7htx7] {
    justify-content: flex-end;
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.ghost-button[b-5hdwj7htx7],
.outline-button[b-5hdwj7htx7],
.primary-button[b-5hdwj7htx7] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-2) 18px;
    border: 0;
    border-radius: var(--radius-lg);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.ghost-button[b-5hdwj7htx7] {
    background: transparent;
    color: var(--color-accent);
}

.primary-button[b-5hdwj7htx7] {
    background: var(--color-brand);
    color: var(--n-0);
}

.outline-button[b-5hdwj7htx7] {
    justify-self: start;
    border: 1px solid var(--red-300);
    background: var(--red-50);
    color: var(--color-brand);
}

.outline-button:hover:not(:disabled)[b-5hdwj7htx7] {
    background: var(--red-100);
}

.outline-button:active:not(:disabled)[b-5hdwj7htx7] {
    background: var(--red-200);
}

.coordinate-address-lookup[b-5hdwj7htx7] {
    display: grid;
    gap: var(--space-2);
}

.location-actions[b-5hdwj7htx7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.location-weather-hint[b-5hdwj7htx7] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: 0;
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 20px;
}

.location-weather-warning[b-5hdwj7htx7] {
    padding: var(--space-3);
    border: 1px solid color-mix(in srgb, var(--warn-500) 30%, var(--n-0));
    border-radius: var(--radius-md);
    background: var(--warn-50);
    color: var(--warn-700);
}

.location-weather-hint svg[b-5hdwj7htx7] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.coordinate-address-hint[b-5hdwj7htx7],
.coordinate-address-error[b-5hdwj7htx7] {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    color: var(--color-text-muted);
}

.coordinate-address-error[b-5hdwj7htx7] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    color: var(--err-700);
}

.coordinate-address-error svg[b-5hdwj7htx7] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.google-attribution[b-5hdwj7htx7] {
    color: #5E5E5E;
    font-size: 12px;
    font-weight: 400;
}

.ghost-button:hover:not(:disabled)[b-5hdwj7htx7],
.dialog-close:hover:not(:disabled)[b-5hdwj7htx7] {
    background: var(--plum-50);
}

.primary-button:hover:not(:disabled)[b-5hdwj7htx7] {
    background: var(--color-brand-hover);
}

button:disabled[b-5hdwj7htx7] {
    box-shadow: none;
    opacity: 1;
    cursor: not-allowed;
}

button:disabled:not([aria-busy="true"])[b-5hdwj7htx7] {
    background: var(--n-200);
    color: var(--n-500);
}

button:disabled[aria-busy="true"][b-5hdwj7htx7] {
    cursor: wait;
}

button:focus-visible[b-5hdwj7htx7],
.form-section summary:focus-visible[b-5hdwj7htx7] {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
    box-shadow: var(--focus-ring);
}

@media (max-width: 767px) {
    .construction-dialog[b-5hdwj7htx7] {
        padding: var(--space-4);
    }

    .dialog-header h2[b-5hdwj7htx7] {
        font-size: 20px;
        line-height: 28px;
    }

    .field input[b-5hdwj7htx7],
    .field select[b-5hdwj7htx7],
    .field textarea[b-5hdwj7htx7] {
        min-height: var(--control-h-lg);
        font-size: 16px;
    }

    .field-row[b-5hdwj7htx7] {
        grid-template-columns: 1fr;
    }

    .dialog-actions[b-5hdwj7htx7] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .dialog-actions button[b-5hdwj7htx7] {
        min-height: var(--control-h-lg);
    }

    .location-actions[b-5hdwj7htx7] {
        flex-direction: column;
    }

    .location-actions button[b-5hdwj7htx7] {
        width: 100%;
        min-height: var(--control-h-lg);
    }
}
.current-cover-photo[b-5hdwj7htx7] {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
    border-radius: var(--radius-lg);
}
.parcel-row[b-5hdwj7htx7] { min-width: 0; display: grid; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--n-50); }
.parcel-row-heading[b-5hdwj7htx7] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.parcel-row-heading strong[b-5hdwj7htx7] { color: var(--color-heading); }
.parcel-remove[b-5hdwj7htx7] { min-height: 44px; }
.parcel-hint[b-5hdwj7htx7] { margin: 0; color: var(--color-text-muted); font-size: 13px; }
.parcel-removed[b-5hdwj7htx7] { border-style: dashed; }
.parcel-error[b-5hdwj7htx7] { color: var(--err-700); }
.parcel-error > p[b-5hdwj7htx7]::before, .parcel-row .field-error[b-5hdwj7htx7]::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: var(--space-1); vertical-align: -2px; background: currentColor; mask: url("/images/alert.svg") no-repeat center / contain; }
.parcel-skeleton[b-5hdwj7htx7] { display: grid; gap: var(--space-3); }
.parcel-skeleton .skeleton-shape[b-5hdwj7htx7] { height: 40px; border-radius: var(--radius-md); }
.parcel-add[b-5hdwj7htx7] { justify-self: start; }
@media (max-width: 767px) { .parcel-add[b-5hdwj7htx7] { width: 100%; } .parcel-row input[b-5hdwj7htx7], .parcel-row select[b-5hdwj7htx7] { min-height: 48px; } }
/* /Components/Pages/Constructions/Components/ConstructionSiteOverviewWidgets.razor.rz.scp.css */
.site-workspace[b-7o3lcgvkr8] { margin-bottom: var(--space-4); }
.site-metrics[b-7o3lcgvkr8] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-3); }
.site-metric[b-7o3lcgvkr8] {
    --tone: var(--plum-700);
    --soft: var(--plum-50);
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    min-height: 86px;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    text-decoration: none;
}
.tone-success[b-7o3lcgvkr8] { --tone: var(--ok-700); --soft: var(--ok-50); }
.tone-info[b-7o3lcgvkr8] { --tone: var(--info-700); --soft: var(--info-50); }
.tone-warning[b-7o3lcgvkr8] { --tone: var(--warn-700); --soft: var(--warn-50); }
.tone-neutral[b-7o3lcgvkr8] { --tone: var(--n-700); --soft: var(--n-100); }
.metric-icon[b-7o3lcgvkr8] { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: var(--radius-lg); color: var(--tone); background: var(--soft); }
.metric-icon[b-7o3lcgvkr8]::before, .line-icon[b-7o3lcgvkr8] { width: 18px; height: 18px; flex: none; background: currentColor; mask: var(--icon) center / contain no-repeat; }
.metric-icon[b-7o3lcgvkr8]::before { content: ""; }
.icon-calendar[b-7o3lcgvkr8] { --icon: url('/images/calendar.svg'); }
.icon-check[b-7o3lcgvkr8] { --icon: url('/images/checkc.svg'); }
.icon-file[b-7o3lcgvkr8] { --icon: url('/images/file.svg'); }
.icon-team[b-7o3lcgvkr8] { --icon: url('/images/team.svg'); }
.icon-clock[b-7o3lcgvkr8] { --icon: url('/images/work-hours.svg'); }
.metric-copy[b-7o3lcgvkr8] { display: grid; flex: 1; min-width: 0; gap: 3px; overflow-wrap: anywhere; }
.metric-copy > span[b-7o3lcgvkr8] { color: var(--color-text-muted); font-size: 13px; line-height: 18px; }
.metric-copy strong[b-7o3lcgvkr8] { color: var(--color-heading); font-size: 20px; line-height: 26px; font-variant-numeric: tabular-nums; }
.metric-copy progress[b-7o3lcgvkr8] { appearance: none; width: 100%; height: 5px; margin-top: 4px; border: 0; border-radius: var(--radius-full); background: var(--n-200); accent-color: var(--color-brand); }
.metric-copy progress[b-7o3lcgvkr8]::-webkit-progress-bar { border-radius: var(--radius-full); background: var(--n-200); }
.metric-copy progress[b-7o3lcgvkr8]::-webkit-progress-value { border-radius: var(--radius-full); background: var(--color-brand); }
.metric-copy progress[b-7o3lcgvkr8]::-moz-progress-bar { border-radius: var(--radius-full); background: var(--color-brand); }
.metric-skeleton[b-7o3lcgvkr8] { width: 80px; max-width: 50%; height: 20px; margin-top: var(--space-2); }

.site-work-grid[b-7o3lcgvkr8] { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: var(--space-3); }
.work-card[b-7o3lcgvkr8] { min-width: 0; padding: clamp(16px, 2vw, 24px); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.work-card > header[b-7o3lcgvkr8] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-2); }
.work-card h2[b-7o3lcgvkr8] { margin: 0; color: var(--color-heading); font-size: 23px; line-height: 30px; letter-spacing: -.025em; overflow-wrap: anywhere; }
.work-card h3[b-7o3lcgvkr8] { margin: var(--space-2) 0; color: var(--color-heading); font-size: 18px; line-height: 24px; overflow-wrap: anywhere; }
.work-card > header > a[b-7o3lcgvkr8] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--color-accent); font-weight: 600; font-size: 13px; text-decoration: none; }

.stage-preview-list[b-7o3lcgvkr8], .site-task-list[b-7o3lcgvkr8], .site-shortcuts ul[b-7o3lcgvkr8] { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.stage-preview-list[b-7o3lcgvkr8] { position: relative; }
.stage-preview-list[b-7o3lcgvkr8]::before { position: absolute; inset: 26px auto 26px 15px; border-inline-start: 1px dashed var(--plum-300); content: ""; }
.stage-preview-list li[b-7o3lcgvkr8] { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: var(--space-3); }
.stage-node[b-7o3lcgvkr8] { z-index: 1; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--color-border); border-radius: 50%; background: var(--color-surface); color: var(--color-accent); font-size: 12px; font-weight: 700; }
.stage-node.tone-success[b-7o3lcgvkr8] { border-color: var(--ok-500); color: var(--tone); background: var(--soft); }
.stage-node svg[b-7o3lcgvkr8] { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.current-stage .stage-node[b-7o3lcgvkr8] { border-color: var(--color-brand); background: var(--color-brand); color: var(--n-0); box-shadow: 0 0 0 3px var(--red-50); }
.stage-preview-row[b-7o3lcgvkr8], .task-preview-row[b-7o3lcgvkr8], .site-shortcuts li a[b-7o3lcgvkr8] {
    display: grid;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    min-height: 54px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    color: var(--color-heading);
    text-decoration: none;
}
.stage-preview-row[b-7o3lcgvkr8] { grid-template-columns: minmax(125px, .75fr) minmax(0, 1fr) auto; }
.current-stage .stage-preview-row[b-7o3lcgvkr8] { border-color: var(--red-300); background: var(--red-50); }
.task-preview-row[b-7o3lcgvkr8] { grid-template-columns: 16px minmax(0, 1fr) auto auto; }
.task-preview-row .row-arrow[b-7o3lcgvkr8] { grid-column: 4; }
.task-dot[b-7o3lcgvkr8] { width: 15px; height: 15px; border: 1px solid var(--color-border-input); border-radius: 50%; }
.preview-copy[b-7o3lcgvkr8] { display: grid; justify-items: start; min-width: 0; gap: 4px; overflow-wrap: anywhere; }
.preview-copy strong[b-7o3lcgvkr8] { font-size: 14px; line-height: 19px; }
.preview-date[b-7o3lcgvkr8] { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--color-text-muted); font-size: 13px; line-height: 18px; font-variant-numeric: tabular-nums; }
.preview-date .line-icon[b-7o3lcgvkr8] { width: 15px; height: 15px; color: var(--color-accent); }
.preview-badge[b-7o3lcgvkr8] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: var(--radius-full); color: var(--tone); background: var(--soft); font-size: 12px; font-weight: 650; line-height: 17px; }
.preview-badge[b-7o3lcgvkr8]::before { content: ""; flex: none; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.row-arrow[b-7o3lcgvkr8] { color: var(--color-accent); font-size: 23px; font-weight: 650; line-height: 1; }
.diary-author[b-7o3lcgvkr8] { display: flex; align-items: center; gap: var(--space-2); color: var(--color-text-muted); font-size: 13px; overflow-wrap: anywhere; }
.author-initials[b-7o3lcgvkr8] { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; color: var(--color-accent); background: var(--plum-50); font-weight: 700; }
.site-shortcuts ul[b-7o3lcgvkr8] { gap: 0; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.site-shortcuts li a[b-7o3lcgvkr8] { grid-template-columns: 20px minmax(0, 1fr) auto; min-height: 44px; border: 0; background: transparent; font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
.site-shortcuts li + li[b-7o3lcgvkr8] { border-top: 1px solid var(--color-border); }
.site-shortcuts .line-icon[b-7o3lcgvkr8] { color: var(--color-accent); }
.work-empty[b-7o3lcgvkr8] { margin: var(--space-2) 0; color: var(--color-text-muted); }
.workspace-error[b-7o3lcgvkr8] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-lg); background: var(--err-50); color: var(--err-700); }
.workspace-error p[b-7o3lcgvkr8] { margin: 0; }
.work-skeleton[b-7o3lcgvkr8] { display: grid; gap: var(--space-2); }
.work-skeleton > span[b-7o3lcgvkr8] { display: block; min-height: 54px; border-radius: var(--radius-lg); }
a:focus-visible[b-7o3lcgvkr8] { outline: 0; box-shadow: var(--focus-ring); }
a[b-7o3lcgvkr8] { transition: translate var(--motion-fast), background-color var(--motion-fast); }
@media (hover: hover) and (pointer: fine) {
    a:hover[b-7o3lcgvkr8] { translate: 0 -2px; }
    a:active[b-7o3lcgvkr8] { translate: 0 1px; }
    .stage-preview-row:hover[b-7o3lcgvkr8], .task-preview-row:hover[b-7o3lcgvkr8] { background: var(--red-50); }
}
@media (prefers-reduced-motion: reduce) { a[b-7o3lcgvkr8] { transition: none; } a:hover[b-7o3lcgvkr8], a:active[b-7o3lcgvkr8] { translate: none; } }
@media (max-width: 1100px) {
    .stage-preview-row[b-7o3lcgvkr8] { grid-template-columns: minmax(0, 1fr) auto; gap: 4px var(--space-2); }
    .stage-preview-row .preview-date[b-7o3lcgvkr8] { grid-column: 1; }
    .stage-preview-row .preview-copy[b-7o3lcgvkr8] { grid-column: 1; }
    .stage-preview-row .row-arrow[b-7o3lcgvkr8] { grid-area: 1 / 2 / span 2; }
}
@media (max-width: 880px) {
    .site-metrics[b-7o3lcgvkr8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-work-grid[b-7o3lcgvkr8] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
    .site-metric[b-7o3lcgvkr8] { padding: var(--space-2); gap: var(--space-2); flex-direction: column; align-items: flex-start; }
    .metric-icon[b-7o3lcgvkr8] { width: 34px; height: 34px; }
    .metric-copy strong[b-7o3lcgvkr8] { font-size: 17px; line-height: 23px; }
    .work-card h2[b-7o3lcgvkr8] { font-size: 20px; line-height: 28px; }
    .task-preview-row[b-7o3lcgvkr8] { grid-template-columns: 16px minmax(0, 1fr) auto; gap: 4px var(--space-2); }
    .task-preview-row .preview-date[b-7o3lcgvkr8] { grid-area: 2 / 2; }
    .task-preview-row .row-arrow[b-7o3lcgvkr8] { grid-area: 1 / 3; }
}
/* /Components/Pages/Constructions/Components/ConstructionSiteRow.razor.rz.scp.css */
.site-card[b-i5g86lbvec] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
}

.site-thumbnail[b-i5g86lbvec] {
    height: var(--site-cover-height);
    overflow: hidden;
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    place-items: center;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    background: color-mix(in srgb, var(--n-200) 65%, var(--plum-50));
    color: var(--plum-600);
}

.row-icon[b-i5g86lbvec] {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: currentColor;
    mask: var(--icon) no-repeat center / contain;
}

.site-thumbnail img[b-i5g86lbvec] { display: block; width: 100%; height: 100%; object-fit: cover; }
.helmet-icon[b-i5g86lbvec] { --icon: url('/images/helmet.svg'); width: 44px; height: 44px; }
.more-icon[b-i5g86lbvec] { --icon: url('/images/more.svg'); }

.site-card-body[b-i5g86lbvec] { display: flex; flex-direction: column; flex: 1; gap: var(--space-3); min-width: 0; padding: var(--space-3) var(--space-4) var(--space-4); }
.site-heading[b-i5g86lbvec] { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: start; gap: var(--space-1); min-height: 62px; }
.site-identity[b-i5g86lbvec] { min-width: 0; }
.site-identity h3[b-i5g86lbvec] { margin: 0; font-size: 16px; line-height: 22px; }
.site-name[b-i5g86lbvec] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 44px;
    max-width: 100%;
    color: var(--color-heading);
    text-decoration: none;
    overflow-wrap: anywhere;
    border-radius: var(--radius-sm);
}

.site-name:hover:not([aria-disabled="true"])[b-i5g86lbvec] { color: var(--color-accent); text-decoration: underline; }
.site-name[aria-disabled="true"][b-i5g86lbvec] { cursor: wait; }
.site-name .button-spinner[b-i5g86lbvec] { flex-shrink: 0; }
.site-location[b-i5g86lbvec], .site-date small[b-i5g86lbvec] { display: block; color: var(--color-text-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.site-location > span[b-i5g86lbvec] { margin-inline: .25em; }

.site-card-footer[b-i5g86lbvec] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); min-height: 52px; margin-top: auto; padding-top: var(--space-2); border-top: 1px solid var(--color-border); }
.site-date[b-i5g86lbvec] { min-width: 0; margin-inline-start: auto; text-align: end; }
.site-date strong[b-i5g86lbvec] { display: block; color: var(--color-heading); font-size: 14px; font-variant-numeric: tabular-nums; }
.site-status[b-i5g86lbvec] { display: inline-flex; align-items: center; gap: 6px; padding: 3px var(--space-2); border-radius: var(--radius-full); font-size: 12px; font-weight: 650; line-height: 20px; }
.status-active[b-i5g86lbvec] { background: var(--ok-50); color: var(--ok-700); }
.status-closed[b-i5g86lbvec] { background: var(--n-100); color: var(--color-text-muted); }
.status-dot[b-i5g86lbvec] { width: 6px; height: 6px; flex: 0 0 6px; border-radius: var(--radius-full); background: currentColor; }

.construction-actions-menu[b-i5g86lbvec] {
    position: relative;
}

.construction-actions-menu[open][b-i5g86lbvec] {
    z-index: 5;
}

.row-menu-trigger[b-i5g86lbvec] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-md);
    color: var(--color-accent);
    cursor: pointer;
    list-style: none;
}

.row-menu-trigger[b-i5g86lbvec]::-webkit-details-marker {
    display: none;
}

.row-menu-trigger:hover[b-i5g86lbvec] {
    background: var(--plum-50);
}

.row-menu[b-i5g86lbvec] {
    position: absolute;
    top: calc(100% + var(--space-1));
    right: 0;
    width: 240px;
    max-width: calc(100vw - 64px);
    padding: var(--space-2);
    display: grid;
    gap: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--elevation-2);
}

.row-menu button[b-i5g86lbvec] {
    min-height: 44px;
    padding: var(--space-2);
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.row-menu button:hover:not(:disabled)[b-i5g86lbvec] {
    background: var(--plum-50);
}

button:disabled[b-i5g86lbvec] {
    opacity: 0.65;
    cursor: wait;
}

button:focus-visible[b-i5g86lbvec],
.site-name:focus-visible[b-i5g86lbvec],
.row-menu-trigger:focus-visible[b-i5g86lbvec] {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
    box-shadow: var(--focus-ring);
}
/* /Components/Pages/Constructions/Components/DiaryDayPdfPreview.razor.rz.scp.css */
.pdf-dialog[b-zi6l7x90s9] { width: min(1200px, calc(100vw - 48px)); height: min(90dvh, 1080px); max-width: none; max-height: none; padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); color: var(--color-text); box-shadow: var(--elevation-3); }
.pdf-dialog[b-zi6l7x90s9] { display: flex; flex-direction: column; }
.pdf-header[b-zi6l7x90s9] { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px; }
.pdf-header h2[b-zi6l7x90s9] { margin: 0; color: var(--color-heading); font-size: 24px; font-weight: 700; line-height: 32px; }
.pdf-header p[b-zi6l7x90s9] { margin: 4px 0 0; color: var(--color-text-muted); font-size: 13px; }
.pdf-surface[b-zi6l7x90s9] { display: flex; flex: 1 1 auto; min-height: 0; overflow: hidden; border-block: 1px solid var(--color-border); background: var(--n-100); }
.pdf-surface iframe[b-zi6l7x90s9] { width: 100%; height: 100%; border: 0; background: var(--n-100); }
.pdf-footer[b-zi6l7x90s9] { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; }
.pdf-footer > p[b-zi6l7x90s9] { margin: 0; max-width: 480px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.pdf-actions[b-zi6l7x90s9] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.outline-button[b-zi6l7x90s9], .ghost-button[b-zi6l7x90s9] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 16px; border: 1px solid transparent; border-radius: var(--radius-lg); font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; text-decoration: none; cursor: pointer; }
.outline-button[b-zi6l7x90s9] { color: var(--color-brand); border-color: var(--red-300); background: var(--red-50); }
.ghost-button[b-zi6l7x90s9] { color: var(--color-accent); background: transparent; }
.close-button[b-zi6l7x90s9] { width: 44px; min-height: 44px; flex: 0 0 44px; padding: 0; }
.pdf-actions a[aria-disabled=true][b-zi6l7x90s9] { pointer-events: none; color: var(--n-500); background: var(--n-200); border-color: var(--n-200); translate: none; box-shadow: none; }
.pdf-dialog :is(a,button):focus-visible[b-zi6l7x90s9] { outline: 3px solid var(--red-200); outline-offset: 2px; }
.preview-icon[b-zi6l7x90s9] { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; mask: var(--icon) center / contain no-repeat; }
.icon-close[b-zi6l7x90s9] { --icon: url('/images/x.svg'); }
.icon-alert[b-zi6l7x90s9] { --icon: url('/images/alert.svg'); }
.preview-loading[b-zi6l7x90s9], .preview-error[b-zi6l7x90s9] { display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px; text-align: center; }
.preview-loading p[b-zi6l7x90s9], .preview-error p[b-zi6l7x90s9] { margin: 0; max-width: 480px; font-size: 14px; line-height: 22px; }
.preview-error .icon-alert[b-zi6l7x90s9] { color: var(--err-500); width: 32px; height: 32px; flex-basis: 32px; }
.page-skeleton[b-zi6l7x90s9] { display: grid; align-content: start; gap: 14px; width: min(260px, 55%); aspect-ratio: 210 / 297; padding: 24px; border: 1px solid var(--n-200); border-radius: 4px; background: var(--n-0); }
.page-skeleton span[b-zi6l7x90s9] { display: block; height: 8px; border-radius: 4px; background: var(--n-200); }
.page-skeleton .skeleton-title[b-zi6l7x90s9] { width: 70%; height: 16px; margin-bottom: 12px; }
.page-skeleton .skeleton-section[b-zi6l7x90s9] { height: 40px; margin-block: 12px; }
@media (prefers-reduced-motion: no-preference) { .page-skeleton span[b-zi6l7x90s9] { animation: pdf-pulse-b-zi6l7x90s9 1.2s ease-in-out infinite; } }
@keyframes pdf-pulse-b-zi6l7x90s9 { 50% { opacity: .5; } }
@media (hover: hover) { .outline-button:not([aria-disabled=true]):hover[b-zi6l7x90s9] { background: var(--red-100); border-color: var(--red-400); }.ghost-button:hover[b-zi6l7x90s9] { background: var(--plum-50); } }
@media (max-width: 767px) { .pdf-dialog[b-zi6l7x90s9] { width: calc(100vw - 16px); height: calc(100dvh - 16px); }.pdf-header[b-zi6l7x90s9] { padding: 16px; }.pdf-header h2[b-zi6l7x90s9] { font-size: 20px; line-height: 28px; }.pdf-footer[b-zi6l7x90s9] { align-items: stretch; flex-direction: column; gap: 12px; padding: 12px 16px; }.pdf-actions[b-zi6l7x90s9] { justify-content: stretch; }.pdf-actions > *[b-zi6l7x90s9] { min-height: 44px; flex: 1 1 auto; }.page-skeleton[b-zi6l7x90s9] { width: min(180px, 55%); padding: 16px; gap: 10px; } }
/* /Components/Pages/Constructions/Components/DiaryEntryReferences.razor.rz.scp.css */
.reference-dialog[b-p9mgwmpb82] { width: min(680px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); color: var(--color-text); background: var(--color-surface); box-shadow: var(--elevation-3); }
header[b-p9mgwmpb82], footer[b-p9mgwmpb82], .removal-confirmation > div[b-p9mgwmpb82] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
h2[b-p9mgwmpb82] { margin: 0; color: var(--color-heading); font-size: 24px; line-height: 32px; }h3[b-p9mgwmpb82] { margin: 0 0 16px; font-size: 16px; line-height: 24px; }
header p[b-p9mgwmpb82], .hint[b-p9mgwmpb82] { color: var(--color-text-muted); font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
.hint[b-p9mgwmpb82] { margin: 16px 0; }section[b-p9mgwmpb82] { padding: 20px 0; border-top: 1px solid var(--color-border); }
.field[b-p9mgwmpb82] { display: grid; gap: 6px; margin: 16px 0; }label[b-p9mgwmpb82] { font-size: 13px; font-weight: 500; }
select[b-p9mgwmpb82] { width: 100%; min-height: 40px; padding: 8px 12px; color: var(--color-text); background: var(--n-0); border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); font: inherit; font-size: 14px; }
select:focus-visible[b-p9mgwmpb82] { outline: none; border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.primary-button[b-p9mgwmpb82], .outline-button[b-p9mgwmpb82], .ghost-button[b-p9mgwmpb82], .destructive-button[b-p9mgwmpb82] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 1px solid transparent; border-radius: var(--radius-lg); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.primary-button[b-p9mgwmpb82] { background: var(--red-500); color: var(--n-0); }.outline-button[b-p9mgwmpb82] { color: var(--red-500); border-color: var(--red-300); background: var(--red-50); }.ghost-button[b-p9mgwmpb82] { color: var(--plum-500); background: transparent; }.destructive-button[b-p9mgwmpb82] { color: var(--n-0); background: var(--err-500); }
.icon-button[b-p9mgwmpb82] { width: 44px; min-height: 44px; padding: 0; flex: 0 0 44px; }.icon[b-p9mgwmpb82] { width: 20px; height: 20px; background: currentColor; mask: url('/images/x.svg') center / contain no-repeat; }
.reference-chips[b-p9mgwmpb82] { display: flex; flex-wrap: wrap; gap: 8px; }.reference-chip[b-p9mgwmpb82] { display: flex; align-items: center; border: 1px solid var(--plum-100); border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); font-size: 13px; }
.entry-photo-gallery[b-p9mgwmpb82] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; margin-top: 16px; }
.entry-photo-card[b-p9mgwmpb82] { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.entry-photo-card > img[b-p9mgwmpb82] { display: block; width: 100%; height: 200px; object-fit: contain; background: var(--n-100); }
.entry-photo-card figcaption[b-p9mgwmpb82] { display: flex; align-items: center; gap: 8px; padding: 8px 12px; min-height: 60px; }
.entry-photo-card figcaption a[b-p9mgwmpb82] { color: var(--color-accent); font-size: 13px; overflow-wrap: anywhere; flex: 1; }
.photo-preview-error[b-p9mgwmpb82] { display: grid; place-items: center; gap: 8px; min-height: 200px; padding: 16px; color: var(--err-700); background: var(--err-50); text-align: center; }
.reference-chip a[b-p9mgwmpb82], .reference-chip > span[b-p9mgwmpb82] { max-width: 400px; padding: 12px; color: inherit; overflow-wrap: anywhere; }
.feedback[b-p9mgwmpb82] { padding: 12px 16px; border: 1px solid var(--info-500); border-radius: var(--radius-lg); background: var(--info-50); color: var(--info-700); font-size: 13px; line-height: 20px; }.feedback.error[b-p9mgwmpb82] { color: var(--err-700); background: var(--err-50); border-color: var(--err-500); }
.removal-confirmation[b-p9mgwmpb82] { padding: 16px; margin-top: 16px; background: var(--warn-50); border: 1px solid var(--warn-500); border-radius: var(--radius-lg); font-size: 13px; }.removal-confirmation p[b-p9mgwmpb82] { margin: 0 0 12px; }
.reference-skeleton[b-p9mgwmpb82] { height: 40px; margin: 12px 0; }footer[b-p9mgwmpb82] { justify-content: flex-end; border-top: 1px solid var(--color-border); padding-top: 16px; }
.feedback[b-p9mgwmpb82] { display: flex; align-items: start; gap: 8px; border-color: color-mix(in srgb, var(--info-500) 24%, var(--info-50)); }
.feedback > .icon[b-p9mgwmpb82] { flex: 0 0 20px; }
.feedback.error[b-p9mgwmpb82] { border-color: color-mix(in srgb, var(--err-500) 24%, var(--err-50)); }
.feedback.success[b-p9mgwmpb82] { color: var(--ok-700); background: var(--ok-50); border-color: color-mix(in srgb, var(--ok-500) 24%, var(--ok-50)); }
.icon-alert[b-p9mgwmpb82] { mask-image: url('/images/alert.svg'); }
.icon-check[b-p9mgwmpb82] { mask-image: url('/images/checkc.svg'); }
@media (hover: hover) and (pointer: fine) { .primary-button:hover:not(:disabled)[b-p9mgwmpb82] { background: var(--red-600); }.outline-button:hover:not(:disabled)[b-p9mgwmpb82] { background: var(--red-100); }.ghost-button:hover:not(:disabled)[b-p9mgwmpb82] { background: var(--plum-100); }.destructive-button:hover:not(:disabled)[b-p9mgwmpb82] { background: var(--err-700); } }
.primary-button:active:not(:disabled)[b-p9mgwmpb82] { background: var(--red-700); }.outline-button:active:not(:disabled)[b-p9mgwmpb82] { background: var(--red-200); }
@media (max-width: 599px) { .reference-dialog[b-p9mgwmpb82] { padding: 20px 16px; border-radius: var(--radius-xl); }h2[b-p9mgwmpb82] { font-size: 20px; line-height: 28px; }select[b-p9mgwmpb82] { min-height: 48px; font-size: 16px; }.primary-button[b-p9mgwmpb82], .outline-button[b-p9mgwmpb82], .ghost-button[b-p9mgwmpb82], .destructive-button[b-p9mgwmpb82] { min-height: 44px; }footer > button[b-p9mgwmpb82] { min-height: 48px; width: 100%; }.reference-chip a[b-p9mgwmpb82] { max-width: 240px; } }
/* /Components/Pages/Constructions/Components/DocumentFileInput.razor.rz.scp.css */
.document-file-input[b-fi439peufh] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.file-label[b-fi439peufh] {
    font-size: 13px;
    font-weight: 600;
}

.file-drop-zone[b-fi439peufh] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-6);
    border: 1.5px dashed var(--color-border-input);
    border-radius: var(--radius-lg);
    background: var(--n-50);
    text-align: center;
    cursor: pointer;
}

.file-drop-zone strong[b-fi439peufh] {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 14px;
}

.file-drop-zone span[b-fi439peufh] {
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 20px;
}

.file-drop-zone svg[b-fi439peufh] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: var(--color-accent);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.file-drop-zone[b-fi439peufh]  .file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-drop-zone:focus-within[b-fi439peufh] {
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.file-drop-zone.invalid[b-fi439peufh] {
    border-color: var(--err-500);
}

.file-error[b-fi439peufh] {
    color: var(--err-700);
    font-size: 13px;
    line-height: 20px;
}

@media (hover: hover) {
    .file-drop-zone:not([data-disabled="true"]):hover[b-fi439peufh] {
        background: var(--plum-50);
    }
}
.error-icon[b-fi439peufh] { display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: middle; background: currentColor; mask: url('/images/alert.svg') center / contain no-repeat; }
/* /Components/Pages/Constructions/Components/DocumentSignatures.razor.rz.scp.css */
.signature-section[b-x8rt3iz101] { display: grid; gap: 16px; min-width: 0; }
.signature-heading[b-x8rt3iz101], .signature-version-row[b-x8rt3iz101], .original-actions[b-x8rt3iz101] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
h2[b-x8rt3iz101], h4[b-x8rt3iz101] { margin: 0; color: var(--color-heading); }
h2[b-x8rt3iz101] { font-size: 24px; line-height: 32px; }
h4[b-x8rt3iz101] { font-size: 16px; line-height: 24px; overflow-wrap: anywhere; }
label[b-x8rt3iz101] { display: grid; gap: 8px; font-size: 13px; font-weight: 600; min-width: 0; }
.signature-version-row label[b-x8rt3iz101] { flex: 1; }
.signature-version-row .signature-file-name[b-x8rt3iz101] { min-width: 0; }
.signature-file-name .signature-icon[b-x8rt3iz101] { flex-shrink: 0; }
.desktop-signing-actions[b-x8rt3iz101], .desktop-signing-message[b-x8rt3iz101] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.signature-recipient-panel[b-x8rt3iz101] { display: grid; min-width: 0; gap: 12px; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--n-0); }
.signed-copies[b-x8rt3iz101] { display: grid; gap: 10px; }
.signed-copies h4[b-x8rt3iz101] { margin: 0; }
.original-card.signed-copy[b-x8rt3iz101] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
.signed-copy strong[b-x8rt3iz101] { overflow-wrap: anywhere; }
select[b-x8rt3iz101] { box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--color-border-input); border-radius: var(--radius-md); color: var(--color-text); background: var(--n-0); font: inherit; font-weight: 400; }
select:disabled[b-x8rt3iz101] { background: var(--n-100); color: var(--color-text-muted); cursor: not-allowed; }
select:focus-visible[b-x8rt3iz101], summary:focus-visible[b-x8rt3iz101] { outline: 3px solid var(--red-200); outline-offset: 2px; }
.primary-button[b-x8rt3iz101], .outline-button[b-x8rt3iz101], .ghost-button[b-x8rt3iz101] { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid transparent; border-radius: var(--radius-lg); font: inherit; font-size: 14px; font-weight: 600; }
.primary-button[b-x8rt3iz101] { color: white; background: var(--color-brand); box-shadow: var(--elevation-1); }
.outline-button[b-x8rt3iz101] { color: var(--red-600); background: var(--red-50); border-color: var(--red-300); }
.ghost-button[b-x8rt3iz101] { color: var(--color-accent); background: transparent; }
button:not(:disabled)[b-x8rt3iz101], summary[b-x8rt3iz101] { cursor: pointer; }
.icon-button[b-x8rt3iz101] { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; }
.signature-version-row > button[b-x8rt3iz101] { align-self: flex-end; }
.signature-icon[b-x8rt3iz101] { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; background: currentColor; mask: url('/images/file.svg') center / contain no-repeat; }
.icon-refresh[b-x8rt3iz101] { mask-image: url('/images/refresh.svg'); }
.icon-close[b-x8rt3iz101] { mask-image: url('/images/x.svg'); }
.icon-alert[b-x8rt3iz101] { mask-image: url('/images/alert.svg'); }
.icon-check[b-x8rt3iz101] { mask-image: url('/images/checkc.svg'); }
.signature-alert[b-x8rt3iz101] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; padding: 14px 16px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); font-size: 14px; line-height: 22px; }
.signature-alert p[b-x8rt3iz101] { flex: 1; margin: 0; }
.signature-alert .ghost-button[b-x8rt3iz101] { margin-left: auto; }
.signature-state[b-x8rt3iz101] { margin: 0; padding: 24px; text-align: center; color: var(--color-text-muted); background: var(--n-50); border-radius: var(--radius-lg); }
.warning[b-x8rt3iz101] { color: var(--warn-700); background: var(--warn-50); }
.danger[b-x8rt3iz101] { color: var(--err-700); background: var(--err-50); }
.info[b-x8rt3iz101] { color: var(--info-700); background: var(--info-50); }
.neutral[b-x8rt3iz101] { color: var(--color-text-muted); background: var(--n-50); }
.success[b-x8rt3iz101] { color: var(--ok-700); background: var(--ok-50); }
.success-text[b-x8rt3iz101] { color: var(--ok-700); }
.signature-hint[b-x8rt3iz101] { margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.originals-action[b-x8rt3iz101] { justify-self: start; padding-left: 0; }
.signer-card[b-x8rt3iz101] { display: grid; gap: 14px; min-width: 0; padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--n-0); }
.signature-badge[b-x8rt3iz101] { display: inline-flex; align-items: center; justify-self: start; gap: 6px; width: fit-content; padding: 5px 10px; border-radius: var(--radius-full); font-size: 13px; font-weight: 600; line-height: 20px; }
.signature-badge .signature-icon[b-x8rt3iz101] { flex-basis: 18px; width: 18px; height: 18px; }
.signature-format[b-x8rt3iz101] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.format-chip[b-x8rt3iz101] { max-width: 100%; padding: 4px 8px; border-radius: var(--radius-sm); background: var(--n-100); overflow-wrap: anywhere; }
.signature-metadata[b-x8rt3iz101] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; }
.signature-metadata div[b-x8rt3iz101] { display: grid; gap: 4px; }
dt[b-x8rt3iz101] { color: var(--color-text-muted); font-size: 13px; }
dd[b-x8rt3iz101] { margin: 0; font-size: 14px; line-height: 22px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.signature-details[b-x8rt3iz101] { border-top: 1px solid var(--color-border); padding-top: 12px; }
.signature-details summary[b-x8rt3iz101] { padding: 8px 0; font-size: 14px; color: var(--color-accent); }
.signature-details dl[b-x8rt3iz101] { padding-top: 12px; }
.history-toggle[b-x8rt3iz101] { justify-content: space-between; padding-inline: 0; border-top: 1px solid var(--color-border); border-radius: 0; }
.history-row[b-x8rt3iz101] { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--color-border); }
.history-row:last-child[b-x8rt3iz101] { border-bottom: 0; }
.history-row time[b-x8rt3iz101] { font-size: 13px; font-variant-numeric: tabular-nums; }
.signature-skeleton[b-x8rt3iz101] { display: grid; gap: 12px; }
.signature-skeleton > div[b-x8rt3iz101] { height: 40px; border-radius: var(--radius-md); }
.signature-skeleton > div:nth-child(2)[b-x8rt3iz101] { width: 75%; }
.signature-original-dialog[b-x8rt3iz101] { box-sizing: border-box; display: grid; gap: 20px; width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); overflow-y: auto; padding: 24px; color: var(--color-text); background: var(--n-0); border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--elevation-3); }
.signature-file-name[b-x8rt3iz101] { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; overflow-wrap: anywhere; }
.original-card[b-x8rt3iz101] { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.original-card > div[b-x8rt3iz101] { display: grid; gap: 4px; min-width: 0; flex: 1; }
.original-card strong[b-x8rt3iz101] { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.original-card small[b-x8rt3iz101] { font-size: 12px; line-height: 18px; color: var(--color-text-muted); overflow-wrap: anywhere; }
.original-actions[b-x8rt3iz101] { justify-content: flex-end; padding-top: 16px; border-top: 1px solid var(--color-border); }
@media (hover: hover) {
    .primary-button:hover:not(:disabled)[b-x8rt3iz101] { background: var(--red-600); }
    .outline-button:hover:not(:disabled)[b-x8rt3iz101] { background: var(--red-100); }
    .ghost-button:hover:not(:disabled)[b-x8rt3iz101] { background: var(--plum-50); }
}
.primary-button:active:not(:disabled)[b-x8rt3iz101] { background: var(--red-700); }
.outline-button:active:not(:disabled)[b-x8rt3iz101] { background: var(--red-200); }
@media (max-width: 767px) {
    .signature-version-row[b-x8rt3iz101] { flex-direction: column; align-items: stretch; }
    .signed-copy > a[b-x8rt3iz101] { grid-column: 2 / -1; justify-self: start; }
    .signature-version-row label[b-x8rt3iz101] { width: 100%; }
    .signature-version-row > button[b-x8rt3iz101] { align-self: stretch; }
    .signature-metadata[b-x8rt3iz101] { grid-template-columns: minmax(0, 1fr); }
    .signer-card[b-x8rt3iz101] { padding: 16px; }
    .history-row[b-x8rt3iz101] { flex-direction: column; gap: 8px; }
    .original-card small[b-x8rt3iz101] { font-size: 13px; }
    select[b-x8rt3iz101] { font-size: 16px; }
    .signature-original-dialog[b-x8rt3iz101] { padding: 16px; gap: 16px; }
    .original-actions[b-x8rt3iz101] { flex-wrap: wrap; }
    .original-actions .primary-button[b-x8rt3iz101] { flex: 1; }
}
/* /Components/Pages/Constructions/ConstructionDiary.razor.rz.scp.css */
.diary-page[b-fyyv7npdad] { max-width: 1440px; min-width: 0; margin-inline: auto; }
.diary-header[b-fyyv7npdad] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 164px;
    margin-bottom: var(--space-4);
}
.diary-hero-copy[b-fyyv7npdad] { flex: 1; min-width: 0; }
.diary-hero-art[b-fyyv7npdad] { flex: 0 0 clamp(116px, 17vw, 220px); width: clamp(116px, 17vw, 220px); stroke: var(--plum-700); stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.hero-book-cover[b-fyyv7npdad] { fill: var(--plum-50); }
.hero-book-page[b-fyyv7npdad], .hero-calendar-check[b-fyyv7npdad] { fill: var(--n-0); }
.hero-calendar-check[b-fyyv7npdad], .hero-check-stroke[b-fyyv7npdad] { stroke: var(--color-brand); stroke-width: 2; }
.header-actions[b-fyyv7npdad], .content-toolbar[b-fyyv7npdad], .inline-actions[b-fyyv7npdad], .dialog-header[b-fyyv7npdad], .dialog-actions[b-fyyv7npdad] { display: flex; align-items: center; gap: var(--space-3); }
h1[b-fyyv7npdad] { margin: 8px 0; color: var(--color-heading); font-size: 32px; line-height: 40px; }
h2[b-fyyv7npdad] { margin: 0; color: var(--color-heading); font-size: 20px; line-height: 28px; }
h3[b-fyyv7npdad] { margin: 0; color: var(--color-text); font-size: 16px; line-height: 24px; }
p[b-fyyv7npdad] { margin: 0; line-height: 22px; }
.diary-header p[b-fyyv7npdad], .muted[b-fyyv7npdad], .form-hint[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.back-link[b-fyyv7npdad] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--color-accent); text-decoration: none; font-size: 13px; overflow-wrap: anywhere; }
.header-actions[b-fyyv7npdad] { flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
.diary-menu[b-fyyv7npdad] { position: relative; }
.diary-menu summary[b-fyyv7npdad] { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--radius-lg); list-style: none; color: var(--color-accent); cursor: pointer; }
.diary-menu summary[b-fyyv7npdad] { transition: translate var(--motion-fast), background-color var(--motion-fast); }
.diary-menu summary[b-fyyv7npdad]::-webkit-details-marker { display: none; }
.diary-menu-content[b-fyyv7npdad] { position: absolute; right: 0; z-index: 5; width: min(280px, calc(100vw - 32px)); padding: 8px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--elevation-2); }
.diary-menu-content button[b-fyyv7npdad] { width: 100%; justify-content: flex-start; }
.diary-menu-content p[b-fyyv7npdad] { padding: 8px 12px; color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.back-link:focus-visible[b-fyyv7npdad], .diary-menu summary:focus-visible[b-fyyv7npdad], .entry-relationship summary:focus-visible[b-fyyv7npdad] { outline: 3px solid var(--red-200); outline-offset: 2px; }
.primary-button[b-fyyv7npdad], .outline-button[b-fyyv7npdad], .ghost-button[b-fyyv7npdad], .destructive-button[b-fyyv7npdad] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 1px solid transparent; border-radius: var(--radius-lg); font: inherit; font-size: 14px; line-height: 20px; font-weight: 600; cursor: pointer; }
.primary-button[b-fyyv7npdad] { color: var(--n-0); background: var(--color-brand); box-shadow: var(--elevation-1); }
.outline-button[b-fyyv7npdad] { color: var(--color-brand); border-color: var(--red-300); background: var(--red-50); }
.ghost-button[b-fyyv7npdad] { color: var(--color-accent); background: transparent; }
.destructive-button[b-fyyv7npdad] { color: var(--n-0); background: var(--err-500); }
.danger-action[b-fyyv7npdad] { color: var(--err-500); }
.icon-button[b-fyyv7npdad] { width: 44px; min-height: 44px; padding: 0; flex: 0 0 44px; }
.panel[b-fyyv7npdad] { min-width: 0; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.count[b-fyyv7npdad] { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; padding: 2px 7px; border-radius: var(--radius-full); color: var(--color-text-muted); background: var(--n-100); font-size: 12px; line-height: 18px; font-weight: 500; font-variant-numeric: tabular-nums; }
.day-filters label[b-fyyv7npdad], .field label[b-fyyv7npdad] { color: var(--color-text); font-size: 13px; line-height: 20px; font-weight: 500; }
input:not([type=checkbox])[b-fyyv7npdad], select[b-fyyv7npdad], textarea[b-fyyv7npdad] { width: 100%; min-width: 0; min-height: 40px; padding: 8px 12px; border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-text); font: inherit; font-size: 14px; line-height: 22px; }
input:focus-visible[b-fyyv7npdad], select:focus-visible[b-fyyv7npdad], textarea:focus-visible[b-fyyv7npdad] { outline: none; border-color: var(--color-brand); box-shadow: var(--focus-ring); }
input:disabled[b-fyyv7npdad], select:disabled[b-fyyv7npdad] { color: var(--n-500); background: var(--n-100); cursor: not-allowed; }
.eyebrow[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 11px; font-weight: 700; line-height: 16px; letter-spacing: .08em; text-transform: uppercase; }
.status-pill[b-fyyv7npdad] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--radius-full); font-size: 12px; line-height: 18px; font-weight: 600; white-space: nowrap; }
.status-pill > span[b-fyyv7npdad] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-open[b-fyyv7npdad] { color: var(--warn-700); background: var(--warn-50); }
.status-locked[b-fyyv7npdad] { color: var(--ok-700); background: var(--ok-50); }
.day-actions[b-fyyv7npdad] { flex-wrap: wrap; justify-content: flex-end; }
.day-actions button[b-fyyv7npdad] { font-size: 13px; padding: 0 12px; }
.day-summary[b-fyyv7npdad] { display: grid; gap: 12px; padding: 20px 24px; font-size: 14px; }
.work-indicator[b-fyyv7npdad] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.work-indicator .diary-icon[b-fyyv7npdad] { color: var(--color-accent); width: 18px; height: 18px; }
.work-indicator strong[b-fyyv7npdad] { font-size: 13px; font-weight: 600; }
.preserve-text[b-fyyv7npdad] { white-space: pre-wrap; overflow-wrap: anywhere; }
.read-only-note[b-fyyv7npdad], .identity-warning[b-fyyv7npdad], .locked-note[b-fyyv7npdad] { display: flex; align-items: center; gap: 8px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.read-only-note[b-fyyv7npdad] { margin-bottom: 16px; }
.identity-warning[b-fyyv7npdad] { flex-wrap: wrap; margin-bottom: 16px; padding: 12px 16px; border: 1px solid var(--info-500); border-radius: var(--radius-lg); background: var(--info-50); color: var(--info-700); }
.identity-warning a[b-fyyv7npdad] { color: inherit; }
.locked-note[b-fyyv7npdad] { flex-wrap: wrap; padding: 0 24px 20px; }
.locked-note .diary-icon[b-fyyv7npdad] { width: 16px; height: 16px; }
.content-toolbar[b-fyyv7npdad] { justify-content: flex-end; flex-wrap: wrap; margin-bottom: 24px; }
.entry-search[b-fyyv7npdad] { display: flex; align-items: center; gap: 8px; width: min(100%, 360px); min-width: 140px; padding: 0 12px; border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); background: var(--n-0); }
.entry-search:focus-within[b-fyyv7npdad] { border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.entry-search input[b-fyyv7npdad] { border: 0; padding: 8px 0; background: transparent; outline: none; box-shadow: none; }
.entry-search .diary-icon[b-fyyv7npdad] { color: var(--color-text-muted); width: 18px; height: 18px; }
.entry-list[b-fyyv7npdad] { display: grid; gap: var(--space-3); }
.diary-entry[b-fyyv7npdad] { min-width: 0; padding: var(--space-4) var(--space-5) var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.diary-entry header[b-fyyv7npdad], .weather-record header[b-fyyv7npdad] { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-2); }
.diary-entry header[b-fyyv7npdad] { flex-wrap: wrap; min-height: 32px; }
.entry-number[b-fyyv7npdad] { color: var(--color-accent); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.entry-type[b-fyyv7npdad] { padding: 4px 8px; border-radius: var(--radius-full); background: var(--n-100); color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.diary-entry header .entry-type[b-fyyv7npdad] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; color: var(--red-700); background: var(--red-50); }
.diary-entry header time[b-fyyv7npdad] { margin-inline-start: auto; color: var(--color-text-muted); font-size: 13px; line-height: 20px; font-variant-numeric: tabular-nums; }
.diary-entry h3[b-fyyv7npdad] { margin: 0 0 var(--space-1); color: var(--color-heading); font-size: 20px; line-height: 28px; overflow-wrap: anywhere; }
.entry-content[b-fyyv7npdad] { max-width: 75ch; color: var(--color-text); font-size: 14px; line-height: 24px; }
.diary-entry footer[b-fyyv7npdad] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-3); padding-top: var(--space-1); border-top: 1px solid var(--color-border); }
.author-avatar[b-fyyv7npdad] { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; background: var(--plum-50); color: var(--color-accent); font-size: 12px; font-weight: 700; }
.entry-author[b-fyyv7npdad] { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.entry-author > div[b-fyyv7npdad], .workforce-identity[b-fyyv7npdad] { display: grid; gap: 2px; min-width: 0; }
.entry-author strong[b-fyyv7npdad] { font-size: 13px; line-height: 20px; font-weight: 600; overflow-wrap: anywhere; }
.entry-author div > span[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.diary-entry footer small[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 12px; line-height: 16px; }
.section-title[b-fyyv7npdad] { display: flex; align-items: center; gap: 8px; margin: 24px 0 12px; }
.inline-empty[b-fyyv7npdad] { padding: 20px; border: 1px dashed var(--color-border); border-radius: var(--radius-lg); color: var(--color-text-muted); font-size: 13px; }
.workforce-list[b-fyyv7npdad] { overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.workforce-row[b-fyyv7npdad] { display: flex; align-items: center; gap: 12px; padding: 12px 16px; }
.workforce-row + .workforce-row[b-fyyv7npdad] { border-top: 1px solid var(--color-border); }
.workforce-identity[b-fyyv7npdad] { flex: 1; }
.workforce-identity strong[b-fyyv7npdad] { overflow-wrap: anywhere; font-size: 14px; line-height: 22px; font-weight: 600; }
.workforce-identity > span[b-fyyv7npdad], .work-time[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 12px; line-height: 20px; overflow-wrap: anywhere; }
.work-time[b-fyyv7npdad] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.row-actions[b-fyyv7npdad] { display: flex; }
.weather-list[b-fyyv7npdad] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.weather-record[b-fyyv7npdad] { padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.weather-record header > .diary-icon[b-fyyv7npdad] { color: var(--color-accent); }
.weather-record time[b-fyyv7npdad] { font-size: 14px; font-weight: 600; }
.weather-record .icon-button[b-fyyv7npdad] { margin-left: auto; }
.weather-record > p[b-fyyv7npdad] { margin-top: 12px; font-size: 13px; }
.weather-record h3[b-fyyv7npdad] { overflow-wrap: anywhere; }
.weather-measurements[b-fyyv7npdad] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0 0; }
.weather-measurements dt[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.weather-measurements dd[b-fyyv7npdad] { margin: 4px 0 0; font-size: 16px; line-height: 24px; font-weight: 600; font-variant-numeric: tabular-nums; }
.day-footer[b-fyyv7npdad] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: 11px; line-height: 18px; }
.empty-state[b-fyyv7npdad], .section-empty[b-fyyv7npdad] { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 48px 24px; text-align: center; }
.empty-state h2[b-fyyv7npdad] { max-width: 30ch; }
.empty-state p[b-fyyv7npdad], .section-empty p[b-fyyv7npdad] { max-width: 48ch; color: var(--color-text-muted); font-size: 14px; line-height: 22px; }
.section-empty[b-fyyv7npdad] { padding: 32px 16px; }
.section-empty > .diary-icon[b-fyyv7npdad] { color: var(--n-400); width: 32px; height: 32px; }
.state-circle[b-fyyv7npdad], .empty-mascot[b-fyyv7npdad] { display: grid; place-items: center; width: 84px; height: 84px; flex-shrink: 0; border-radius: 50%; background: var(--n-100); color: var(--color-text-muted); }
.state-circle .diary-icon[b-fyyv7npdad] { width: 32px; height: 32px; }
.error-circle[b-fyyv7npdad] { background: var(--err-50); color: var(--err-500); }
.empty-mascot[b-fyyv7npdad] { width: 112px; height: 112px; background: var(--n-100) url('/images/danstrop-pattern-light.svg') center / 220px auto; }
.loading-days[b-fyyv7npdad] { padding: 16px; }
.loading-content[b-fyyv7npdad] { padding: 24px; }
.day-skeleton[b-fyyv7npdad] { display: flex; align-items: center; gap: 12px; padding: 20px 0; }
.day-skeleton > div[b-fyyv7npdad], .entry-skeleton > div[b-fyyv7npdad] { flex: 1; display: grid; gap: 8px; }
.skeleton-square[b-fyyv7npdad] { width: 44px; height: 48px; flex: 0 0 44px; }
.skeleton-line[b-fyyv7npdad] { height: 12px; width: 90%; }
.skeleton-line.short[b-fyyv7npdad] { width: 58%; }
.skeleton-heading[b-fyyv7npdad] { height: 28px; width: 60%; margin-bottom: 24px; }
.entry-skeleton[b-fyyv7npdad] { display: flex; gap: 12px; padding: 24px 0; }
.entry-skeleton + .entry-skeleton[b-fyyv7npdad] { border-top: 1px solid var(--color-border); }
.skeleton-avatar[b-fyyv7npdad] { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; }
.diary-dialog[b-fyyv7npdad] { width: min(640px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); color: var(--color-text); background: var(--color-surface); box-shadow: var(--elevation-3); }
.diary-dialog[b-fyyv7npdad] { overflow-y: auto; overscroll-behavior: contain; }
.diary-dialog form[b-fyyv7npdad], .diary-dialog fieldset[b-fyyv7npdad] { display: grid; gap: 16px; }
.diary-dialog fieldset[b-fyyv7npdad] { min-width: 0; margin: 0; padding: 0; border: 0; }
.dialog-header[b-fyyv7npdad] { justify-content: space-between; align-items: start; }
.dialog-header h2[b-fyyv7npdad] { font-size: 24px; line-height: 32px; }
.dialog-header p[b-fyyv7npdad] { margin-top: 4px; color: var(--color-text-muted); font-size: 13px; }
.dialog-actions[b-fyyv7npdad] { justify-content: flex-end; padding-top: 16px; border-top: 1px solid var(--color-border); }
.field[b-fyyv7npdad] { display: grid; align-content: start; gap: 6px; }
.form-row[b-fyyv7npdad] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
textarea[b-fyyv7npdad] { min-height: 104px; resize: vertical; }
.entry-content-editor[b-fyyv7npdad] { position: relative; min-width: 0; }
.entry-content-editor textarea[b-fyyv7npdad] { display: block; padding-bottom: 64px; }
.required[b-fyyv7npdad] { color: var(--color-brand); }
.checkbox-label[b-fyyv7npdad] { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; }
input[type=checkbox][b-fyyv7npdad] { width: 18px; height: 18px; margin: 0; accent-color: var(--color-brand); }
.invalid-field[b-fyyv7npdad] { border-color: var(--err-500) !important; }
.form-errors[b-fyyv7npdad] { margin: 0; padding: 12px 16px 12px 32px; color: var(--err-700); background: var(--err-50); border: 1px solid var(--err-500); border-radius: var(--radius-lg); font-size: 13px; line-height: 20px; }
.form-alert[b-fyyv7npdad] { display: flex; align-items: start; gap: 8px; padding: 12px 16px; background: var(--err-50); border: 1px solid var(--err-500); border-radius: var(--radius-lg); color: var(--err-700); font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
.entry-relationship[b-fyyv7npdad] { display: grid; gap: 12px; }
.entry-relationship summary[b-fyyv7npdad] { color: var(--color-accent); font-size: 13px; cursor: pointer; padding: 8px 0; }
.entry-relationship .field[b-fyyv7npdad] { margin-top: 12px; }
.confirmation-dialog[b-fyyv7npdad] { max-width: 480px; }
.confirmation-dialog > p[b-fyyv7npdad], .confirmation-dialog > .field[b-fyyv7npdad] { margin: 16px 0; }
.confirmation-dialog > p[b-fyyv7npdad] { font-size: 14px; }
.confirmation-dialog .dialog-actions[b-fyyv7npdad] { margin-top: 24px; }
.diary-icon[b-fyyv7npdad] { display: inline-block; width: 20px; height: 20px; flex: 0 0 auto; background: currentColor; mask: var(--icon) center / contain no-repeat; }
.icon-plus[b-fyyv7npdad] { --icon: url('/images/plus.svg'); }.icon-alert[b-fyyv7npdad] { --icon: url('/images/alert.svg'); }.icon-search[b-fyyv7npdad] { --icon: url('/images/search.svg'); }.icon-edit[b-fyyv7npdad] { --icon: url('/images/edit.svg'); }.icon-close[b-fyyv7npdad] { --icon: url('/images/x.svg'); }.icon-trash[b-fyyv7npdad] { --icon: url('/images/trash.svg'); }.icon-diary[b-fyyv7npdad] { --icon: url('/images/edit.svg'); }.icon-lock[b-fyyv7npdad] { --icon: url('/images/lock.svg'); }.icon-people[b-fyyv7npdad] { --icon: url('/images/team.svg'); }.icon-info[b-fyyv7npdad] { --icon: url('/images/info.svg'); }.icon-weather[b-fyyv7npdad] { --icon: url('/images/cloud-sun.svg'); }.icon-more[b-fyyv7npdad] { --icon: url('/images/more.svg'); }
.photo-draft-action[b-fyyv7npdad] { display: grid; justify-items: start; gap: 8px; padding-top: 8px; }
.photo-draft-notice[b-fyyv7npdad] { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px; border: 1px solid color-mix(in srgb, var(--info-500) 30%, var(--n-0)); border-radius: var(--radius-lg); background: var(--info-50); color: var(--info-700); font-size: 14px; line-height: 1.5; }
@media (max-width: 767px) { .photo-draft-action[b-fyyv7npdad] { justify-items: stretch; } .photo-draft-action > button[b-fyyv7npdad] { width: 100%; min-height: 44px; } }
@media (hover: hover) and (pointer: fine) {
    .primary-button:hover:not(:disabled)[b-fyyv7npdad] { background: var(--red-600); }
    .outline-button:hover:not(:disabled)[b-fyyv7npdad] { background: var(--red-100); }
    .ghost-button:hover:not(:disabled)[b-fyyv7npdad] { background: var(--plum-50); }
    .destructive-button:hover:not(:disabled)[b-fyyv7npdad] { background: var(--err-700); }
    .day-option:hover:not(:disabled)[b-fyyv7npdad] { background: var(--plum-50); }
    .diary-tabs button:hover[b-fyyv7npdad] { background: var(--n-100); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .diary-menu summary:hover[b-fyyv7npdad] { translate: 0 -2px; }
}
@media (prefers-reduced-motion: no-preference) {
    .diary-menu summary:active[b-fyyv7npdad] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) {
    .diary-menu summary[b-fyyv7npdad] { transition: none; }
}
.primary-button:active:not(:disabled)[b-fyyv7npdad] { background: var(--red-700); }
.outline-button:active:not(:disabled)[b-fyyv7npdad] { background: var(--red-200); }
.ghost-button:active:not(:disabled)[b-fyyv7npdad] { background: var(--plum-100); }
@media (max-width: 1199px) {
    .day-actions[b-fyyv7npdad] { justify-content: flex-start; }
    .weather-list[b-fyyv7npdad] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 899px) {
    .diary-header[b-fyyv7npdad] { align-items: start; flex-wrap: wrap; gap: 16px; }
    .header-actions[b-fyyv7npdad] { justify-content: flex-start; }
    .day-filters label:not(.visually-hidden)[b-fyyv7npdad] { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
    h1[b-fyyv7npdad] { font-size: 24px; line-height: 32px; }
    .diary-header[b-fyyv7npdad] { margin-bottom: 16px; }
    .header-actions[b-fyyv7npdad] { width: 100%; gap: 8px; }
    .header-actions > .outline-button[b-fyyv7npdad] { padding: 0 12px; }
    .header-actions > .ghost-button[b-fyyv7npdad] { padding: 0 8px; font-size: 13px; }
    .primary-button[b-fyyv7npdad], .outline-button[b-fyyv7npdad], .ghost-button[b-fyyv7npdad], .destructive-button[b-fyyv7npdad] { min-height: 44px; }
    .selected-day-header[b-fyyv7npdad], .day-summary[b-fyyv7npdad], .day-content[b-fyyv7npdad] { padding: 16px; }
    .day-actions[b-fyyv7npdad] { gap: 8px; width: 100%; }
    .locked-note[b-fyyv7npdad] { padding: 0 16px 16px; }
    .content-toolbar[b-fyyv7npdad] { gap: 12px; margin-bottom: 16px; }
    .content-toolbar > .primary-button[b-fyyv7npdad], .entry-search[b-fyyv7npdad] { width: 100%; }
    .content-toolbar > .primary-button[b-fyyv7npdad], .inline-actions > .primary-button[b-fyyv7npdad] { min-height: 48px; }
    .inline-actions[b-fyyv7npdad] { width: 100%; flex-direction: column; }
    .inline-actions > button[b-fyyv7npdad] { width: 100%; min-height: 48px; }
    .inline-actions > .primary-button[b-fyyv7npdad] { order: -1; }
    .diary-entry[b-fyyv7npdad], .weather-record[b-fyyv7npdad] { padding: 16px; }
    .diary-entry header[b-fyyv7npdad] { flex-wrap: wrap; }
    .diary-entry footer[b-fyyv7npdad] { flex-wrap: wrap; }
    .diary-entry footer > div[b-fyyv7npdad] { flex: 1; }
    .workforce-row[b-fyyv7npdad] { flex-wrap: wrap; gap: 8px; padding: 12px; }
    .workforce-identity[b-fyyv7npdad] { min-width: calc(100vw - 48px); }
    .work-time[b-fyyv7npdad] { margin-left: 40px; }
    .row-actions[b-fyyv7npdad] { margin-left: auto; }
    .day-footer[b-fyyv7npdad] { padding: 16px; font-size: 12px; }
    input:not([type=checkbox])[b-fyyv7npdad], select[b-fyyv7npdad], textarea[b-fyyv7npdad] { min-height: 48px; font-size: 16px; }
    .entry-search input[b-fyyv7npdad] { min-height: 44px; font-size: 14px; }
    .diary-dialog[b-fyyv7npdad] { padding: 20px 16px; max-height: calc(100dvh - 32px); border-radius: var(--radius-xl); }
    .dialog-header h2[b-fyyv7npdad] { font-size: 20px; line-height: 28px; }
    .form-row[b-fyyv7npdad] { grid-template-columns: minmax(0, 1fr); }
    .dialog-actions[b-fyyv7npdad] { flex-direction: column-reverse; }
    .dialog-actions > button[b-fyyv7npdad] { width: 100%; min-height: 48px; }
    .empty-state[b-fyyv7npdad] { padding: 32px 16px; }
    .empty-state > .primary-button[b-fyyv7npdad] { width: 100%; min-height: 48px; }
}

.settings-link[b-fyyv7npdad] { white-space: nowrap; }
.week-browser[b-fyyv7npdad] { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2); margin-bottom: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.mobile-week-range[b-fyyv7npdad] { display: none; }
.week-arrow[b-fyyv7npdad] { flex: 0 0 44px; }
.week-days[b-fyyv7npdad] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--space-1); flex: 1; min-width: 0; padding-block: var(--space-1); }
.week-day[b-fyyv7npdad] { display: grid; justify-items: center; align-content: center; gap: 3px; min-width: 0; min-height: 84px; padding: var(--space-1); border: 1px solid transparent; border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text-muted); font: inherit; cursor: pointer; transition: background-color var(--motion-fast), border-color var(--motion-fast), translate var(--motion-fast); }
.week-day-name[b-fyyv7npdad] { font-size: 13px; line-height: 18px; font-weight: 500; }
.week-day-name[b-fyyv7npdad]::first-letter, .date-heading h2[b-fyyv7npdad]::first-letter { text-transform: uppercase; }
.week-day > strong[b-fyyv7npdad] { color: var(--color-heading); font-size: 16px; line-height: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.week-day-state[b-fyyv7npdad] { display: flex; align-items: center; justify-content: center; min-height: 21px; }
.week-day-state .diary-icon[b-fyyv7npdad] { width: 18px; height: 18px; color: var(--ok-700); }
.no-record-dot[b-fyyv7npdad], .open-record-dot[b-fyyv7npdad] { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--n-400); }
.open-record-dot[b-fyyv7npdad] { background: var(--plum-500); border-color: var(--plum-500); }
.week-open-label[b-fyyv7npdad] { padding: 2px var(--space-2); border-radius: var(--radius-full); background: var(--warn-50); color: var(--warn-700); font-size: 12px; font-weight: 600; line-height: 17px; overflow-wrap: anywhere; }
.week-day.selected-day[b-fyyv7npdad] { border-color: var(--red-300); background: var(--red-50); color: var(--color-accent); }
.week-day.today .week-day-name[b-fyyv7npdad] { color: var(--color-accent); font-weight: 700; }
.week-day:disabled[b-fyyv7npdad] { color: var(--n-500); cursor: default; }
.week-day:disabled > strong[b-fyyv7npdad] { color: var(--n-500); }
.week-day:focus-visible[b-fyyv7npdad] { outline: 2px solid var(--red-300); outline-offset: -2px; }
.week-state-skeleton[b-fyyv7npdad] { width: 32px; height: 10px; }
.date-toolbar[b-fyyv7npdad], .date-heading[b-fyyv7npdad], .date-actions[b-fyyv7npdad] { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.date-toolbar[b-fyyv7npdad] { justify-content: space-between; padding: var(--space-3) var(--space-5); margin-bottom: var(--space-4); }
.date-heading h2[b-fyyv7npdad] { font-size: 24px; line-height: 32px; letter-spacing: -.02em; }
.date-actions[b-fyyv7npdad] { justify-content: flex-end; gap: var(--space-2); }
.calendar-field input[b-fyyv7npdad] { width: 134px; min-height: 44px; padding: var(--space-2); font-size: 13px; }
.day-metrics[b-fyyv7npdad] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin: 0 0 var(--space-4); }
.day-metric[b-fyyv7npdad] { min-width: 0; display: flex; align-items: center; gap: var(--space-4); padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.metric-icon[b-fyyv7npdad] { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: var(--radius-lg); }
.metric-value-skeleton[b-fyyv7npdad] { width: min(100%, 100px); height: 16px; }
.metric-weather[b-fyyv7npdad] { background: var(--info-50); color: var(--info-700); }
.metric-work[b-fyyv7npdad] { background: var(--red-50); color: var(--red-700); }
.metric-people[b-fyyv7npdad] { background: var(--plum-50); color: var(--plum-600); }
.day-metric dt[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
.day-metric dd[b-fyyv7npdad] { margin: 3px 0 0; color: var(--color-heading); font-size: 19px; font-weight: 700; line-height: 25px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.daily-summary[b-fyyv7npdad] { display: grid; gap: var(--space-2); margin-bottom: var(--space-4); color: var(--color-text-muted); font-size: 14px; }
.daily-summary .locked-note[b-fyyv7npdad] { padding: 0; }
.diary-workspace[b-fyyv7npdad] { padding: var(--space-4); border-radius: var(--radius-2xl); }
.workspace-toolbar[b-fyyv7npdad] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-4); }
.diary-section-tabs[b-fyyv7npdad] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); min-width: 0; }
.diary-section-tabs button[b-fyyv7npdad] { --button-padding: var(--space-2) var(--space-3); }
.record-search[b-fyyv7npdad] { display: flex; align-items: center; gap: var(--space-2); width: min(100%, 280px); min-width: 0; padding: 0 var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-full); background: var(--n-100); color: var(--color-text-muted); }
.record-search input[b-fyyv7npdad] { min-height: 42px; padding: var(--space-2) 0; border: 0; background: transparent; outline: none; box-shadow: none; }
.record-search:focus-within[b-fyyv7npdad] { border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.no-search-results[b-fyyv7npdad] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); padding: var(--space-3); color: var(--color-text-muted); font-size: 14px; }
.section-body > .content-toolbar[b-fyyv7npdad] { margin-bottom: var(--space-4); }
.entry-list[b-fyyv7npdad] { padding: var(--space-2); border-radius: var(--radius-xl); background: var(--n-50); }
.entry-reference-actions[b-fyyv7npdad] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-2); margin-inline-start: auto; }
.reference-button[b-fyyv7npdad] { --button-font-size: 13px; --button-padding: var(--space-2); }
.reference-button .diary-icon[b-fyyv7npdad] { width: 16px; height: 16px; }
.reference-chip[b-fyyv7npdad] { margin-top: var(--space-2); --button-font-size: 13px; }
.reference-form-hint[b-fyyv7npdad] { color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.diary-loading[b-fyyv7npdad] { padding: 8px 24px; }
.icon-settings[b-fyyv7npdad] { --icon: url('/images/settings.svg'); }
.icon-link[b-fyyv7npdad] { --icon: url('/images/link.svg'); }
.icon-confirmed[b-fyyv7npdad] { --icon: url('/images/checkc.svg'); }
.icon-clock[b-fyyv7npdad] { --icon: url('/images/work-hours.svg'); }
.icon-file[b-fyyv7npdad] { --icon: url('/images/file.svg'); }
.icon-attachment[b-fyyv7npdad] { --icon: url('/images/attachment.svg'); }
.entry-reference-field[b-fyyv7npdad] { min-width: 0; display: grid; gap: 12px; }
.reference-type-actions[b-fyyv7npdad] { display: flex; flex-wrap: wrap; gap: 8px; }
.entry-photos-field[b-fyyv7npdad] { min-width: 0; display: grid; gap: 12px; }
.entry-photos-field > h3[b-fyyv7npdad] { margin: 0; font-size: 13px; line-height: 20px; font-weight: 600; color: var(--color-text); }
.entry-photo-selection[b-fyyv7npdad] { min-width: 0; display: grid; gap: 8px; }
.entry-photo-remove[b-fyyv7npdad] { justify-self: end; width: 44px; min-height: 44px; padding: 0; }
.entry-photo-add[b-fyyv7npdad] { justify-self: start; width: 44px; min-height: 44px; padding: 0; }
.photo-save-status[b-fyyv7npdad] { display: flex; align-items: center; gap: 8px; color: var(--color-text-muted); font-size: 13px; }
.reference-add-button[b-fyyv7npdad] { justify-self: start; min-height: 44px; }
.reference-add-button .diary-icon[b-fyyv7npdad] { width: 18px; height: 18px; }
.icon-camera[b-fyyv7npdad] { --icon: url('/images/camera.svg'); }
.document-reference-choices[b-fyyv7npdad], .reference-choice-group[b-fyyv7npdad] { min-width: 0; display: grid; gap: 12px; }
.reference-choice-group + .reference-choice-group[b-fyyv7npdad] { margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--color-border); }
.reference-choice-group h4[b-fyyv7npdad] { margin: 0; color: var(--color-heading); font-size: 14px; font-weight: 600; line-height: 20px; }
.reference-choice-skeleton[b-fyyv7npdad] { height: 40px; }
.reference-choice-error[b-fyyv7npdad] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--err-700); font-size: 13px; line-height: 20px; }
.reference-choice-error[b-fyyv7npdad]::before { content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: url('/images/alert.svg') center / contain no-repeat; }
.pending-reference-list[b-fyyv7npdad] { display: flex; flex-wrap: wrap; gap: 8px; }
.pending-reference-chip[b-fyyv7npdad] { min-width: 0; max-width: 100%; display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid var(--plum-100); border-radius: var(--radius-md); background: var(--plum-50); color: var(--color-accent); overflow-wrap: anywhere; font-size: 13px; line-height: 20px; }
.partial-save-notice[b-fyyv7npdad] { margin: 0; padding: 12px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid var(--info-500); border-radius: var(--radius-md); background: var(--info-50); color: var(--info-700); }
@media (hover: hover) and (pointer: fine) {
    .week-day:hover:not(:disabled)[b-fyyv7npdad] { border-color: var(--plum-200); background: var(--plum-50); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .week-day:hover:not(:disabled)[b-fyyv7npdad] { translate: 0 -2px; }
    .week-day:active:not(:disabled)[b-fyyv7npdad] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) { .week-day[b-fyyv7npdad] { transition: none; } }
@media (max-width: 899px) {
    .diary-header[b-fyyv7npdad] { align-items: center; }
    .diary-hero-art[b-fyyv7npdad] { display: none; }
    .week-days[b-fyyv7npdad] { display: flex; overflow-x: auto; scrollbar-width: thin; }
    .week-day[b-fyyv7npdad] { flex: 1 0 78px; }
    .date-actions[b-fyyv7npdad] { justify-content: flex-start; }
}
@media (max-width: 767px) {
    .reference-add-button[b-fyyv7npdad] { justify-self: stretch; }
    .reference-type-actions > button[b-fyyv7npdad] { width: 100%; }
    .date-toolbar[b-fyyv7npdad] { padding: var(--space-3) var(--space-4); }
    .date-heading h2[b-fyyv7npdad] { font-size: 20px; line-height: 28px; }
    .day-metric[b-fyyv7npdad] { align-items: flex-start; flex-direction: column; gap: var(--space-2); padding: var(--space-2); }
    .day-metric dd[b-fyyv7npdad] { font-size: 15px; line-height: 21px; }
    .metric-icon[b-fyyv7npdad] { width: 34px; height: 34px; }
    .metric-icon .diary-icon[b-fyyv7npdad] { width: 18px; height: 18px; }
    .diary-workspace[b-fyyv7npdad] { padding: var(--space-3); }
    .record-search[b-fyyv7npdad] { width: 100%; }
    .diary-entry[b-fyyv7npdad] { padding: var(--space-3) var(--space-3) var(--space-2); }
    .diary-entry h3[b-fyyv7npdad] { font-size: 18px; line-height: 24px; }
    .entry-author div > span[b-fyyv7npdad], .diary-entry footer small[b-fyyv7npdad], .diary-entry .entry-type[b-fyyv7npdad] { font-size: 13px; line-height: 20px; }
}
@media (max-width: 599px) {
    .diary-header[b-fyyv7npdad] { align-items: flex-start; flex-direction: column; gap: var(--space-2); }
    .diary-header .header-actions[b-fyyv7npdad] { justify-content: flex-start; }
    .date-toolbar[b-fyyv7npdad] { position: relative; }
    .diary-header .diary-menu[b-fyyv7npdad], .date-toolbar .diary-menu[b-fyyv7npdad] { position: static; }
    .diary-header .diary-menu-content[b-fyyv7npdad], .date-toolbar .diary-menu-content[b-fyyv7npdad] { inset-inline: var(--space-4); width: auto; }
    .week-browser[b-fyyv7npdad] { display: grid; grid-template-columns: minmax(0, 1fr) 44px 44px; gap: var(--space-2); padding: var(--space-2); }
    .mobile-week-range[b-fyyv7npdad] { display: block; padding-inline-start: var(--space-2); color: var(--color-heading); font-size: 13px; font-weight: 650; }
    .week-previous[b-fyyv7npdad] { grid-area: 1 / 2; }
    .week-next[b-fyyv7npdad] { grid-area: 1 / 3; }
    .week-days[b-fyyv7npdad] { grid-column: 1 / -1; }
    .week-day[b-fyyv7npdad] { min-height: 64px; flex-basis: 44px; padding-inline: 1px; }
    .week-day > strong[b-fyyv7npdad] { font-size: 13px; }
    .week-open-label[b-fyyv7npdad] { width: 9px; height: 9px; padding: 0; overflow: hidden; background: var(--warn-700); color: transparent; font-size: 0; }
    .date-actions[b-fyyv7npdad] { width: 100%; }
    .date-actions > .primary-button[b-fyyv7npdad] { flex: 1 1 auto; }
    .day-metrics[b-fyyv7npdad] { gap: var(--space-2); }
    .section-body .inline-actions[b-fyyv7npdad] { flex-direction: row; flex-wrap: wrap; }
    .section-body .inline-actions > button[b-fyyv7npdad] { flex: 1 1 160px; }
    .workforce-identity[b-fyyv7npdad] { min-width: 0; flex-basis: calc(100% - 44px); }
    .diary-loading[b-fyyv7npdad] { padding: 0 16px; }
}
.task-handoff[b-fyyv7npdad] { margin-bottom: var(--space-5); padding: var(--space-4); display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); border: 1px solid var(--plum-200); border-radius: var(--radius-lg); background: var(--plum-50); }
.task-handoff strong[b-fyyv7npdad] { color: var(--color-heading); }
.task-handoff p[b-fyyv7npdad], .task-source-note p[b-fyyv7npdad] { max-width: 75ch; margin-top: var(--space-2); }
.task-handoff > button[b-fyyv7npdad] { flex-shrink: 0; }
.task-source-note[b-fyyv7npdad] { padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--n-50); }
.task-source-note button[b-fyyv7npdad] { margin-top: var(--space-3); }
@media (max-width: 767px) { .task-handoff[b-fyyv7npdad] { flex-direction: column; } .task-handoff > button[b-fyyv7npdad], .task-source-note button[b-fyyv7npdad] { width: 100%; min-height: 44px; } }

.identity-warning + .day-metrics[b-fyyv7npdad] { margin-top: var(--space-4); }
/* /Components/Pages/Constructions/ConstructionDiarySettings.razor.rz.scp.css */
.diary-settings[b-pziw4qw5g7] { display: grid; gap: var(--space-5); min-width: 0; }
.settings-hero[b-pziw4qw5g7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(128px, .5fr);
    align-items: center;
    gap: var(--space-4);
}
.hero-copy[b-pziw4qw5g7] { min-width: 0; }
.back-link[b-pziw4qw5g7], .location-link[b-pziw4qw5g7] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; width: fit-content; max-width: 100%; color: var(--color-accent); text-decoration: none; }
.back-link[b-pziw4qw5g7] { margin-block: -8px 2px; font-size: 13px; }
.back-link:hover[b-pziw4qw5g7], .location-link:hover[b-pziw4qw5g7] { text-decoration: underline; }
h1[b-pziw4qw5g7], h2[b-pziw4qw5g7], h3[b-pziw4qw5g7] { margin: 0; color: var(--color-heading); line-height: 1.25; overflow-wrap: anywhere; }
h1[b-pziw4qw5g7] { margin-block: var(--space-1) var(--space-2); font-size: 32px; letter-spacing: -.025em; }
h2[b-pziw4qw5g7] { font-size: 21px; letter-spacing: -.02em; }
h3[b-pziw4qw5g7] { font-size: 16px; }
.hero-copy p[b-pziw4qw5g7], .schedule-hint[b-pziw4qw5g7] { margin: 0; color: var(--color-text-muted); overflow-wrap: anywhere; }
.hero-weather[b-pziw4qw5g7] { justify-self: end; width: 100%; max-width: 232px; height: auto; stroke-linecap: round; stroke-linejoin: round; }
.hero-sun[b-pziw4qw5g7] { stroke: var(--color-brand); stroke-width: 2.5; }
.hero-cloud[b-pziw4qw5g7] { fill: var(--plum-50); stroke: var(--plum-700); stroke-width: 2.5; }
.hero-clock-halo[b-pziw4qw5g7] { fill: var(--n-0); opacity: .9; }
.hero-clock[b-pziw4qw5g7] { fill: var(--red-50); stroke: var(--color-brand); stroke-width: 2.5; }
.hero-clock-hands[b-pziw4qw5g7] { stroke: var(--color-brand); stroke-width: 2.5; }

.settings-grid[b-pziw4qw5g7] { display: grid; grid-template-columns: minmax(0, 1.95fr) minmax(0, 1fr); align-items: start; gap: var(--space-5); }
.settings-panel[b-pziw4qw5g7] { min-width: 0; padding: clamp(16px, 2vw, 28px); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.panel-heading[b-pziw4qw5g7] { display: flex; align-items: center; gap: var(--space-3); }
.schedule-heading[b-pziw4qw5g7] { flex-wrap: wrap; }
.heading-copy[b-pziw4qw5g7] { display: flex; align-items: center; flex-wrap: wrap; flex: 1; min-width: 0; gap: var(--space-2); }
.add-time[b-pziw4qw5g7] { margin-inline-start: auto; }
.schedule-count[b-pziw4qw5g7] { padding: 3px 9px; border-radius: var(--radius-full); color: var(--plum-700); background: var(--plum-50); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.schedule-hint[b-pziw4qw5g7] { margin-top: var(--space-3); font-size: 14px; line-height: 22px; }
.icon-tile[b-pziw4qw5g7] { display: inline-grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: var(--radius-lg); color: var(--color-accent); background: var(--plum-50); }
.schedule-heading .icon-tile[b-pziw4qw5g7] { color: var(--red-600); background: var(--red-50); }
.icon[b-pziw4qw5g7] { display: inline-block; width: 18px; height: 18px; flex-shrink: 0; background: currentColor; mask: var(--icon) center / contain no-repeat; }
.icon-tile .icon[b-pziw4qw5g7], .pin-icon[b-pziw4qw5g7] { width: 22px; height: 22px; }
.weather-icon[b-pziw4qw5g7] { --icon: url('/images/cloud-sun.svg'); }
.clock-icon[b-pziw4qw5g7] { --icon: url('/images/work-hours.svg'); }
.plus-icon[b-pziw4qw5g7] { --icon: url('/images/plus.svg'); }
.edit-icon[b-pziw4qw5g7] { --icon: url('/images/edit.svg'); }
.trash-icon[b-pziw4qw5g7] { --icon: url('/images/trash.svg'); }
.close-icon[b-pziw4qw5g7] { --icon: url('/images/x.svg'); }
.alert-icon[b-pziw4qw5g7] { --icon: url('/images/alert.svg'); }
.info-icon[b-pziw4qw5g7] { --icon: url('/images/info.svg'); }

.schedule-list[b-pziw4qw5g7] { margin: var(--space-5) 0 0; padding: 0; list-style: none; border-top: 1px solid var(--color-border); }
.schedule-row[b-pziw4qw5g7], .schedule-skeleton[b-pziw4qw5g7] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(126px, .58fr) auto; align-items: center; gap: var(--space-3); min-height: 60px; padding-block: var(--space-2); }
.schedule-row + .schedule-row[b-pziw4qw5g7], .schedule-skeleton + .schedule-skeleton[b-pziw4qw5g7] { border-top: 1px solid var(--color-border); }
.schedule-time[b-pziw4qw5g7], .row-actions[b-pziw4qw5g7] { display: flex; align-items: center; gap: var(--space-2); }
.schedule-time[b-pziw4qw5g7] { gap: var(--space-3); color: var(--color-heading); }
.schedule-time .icon[b-pziw4qw5g7] { color: var(--color-accent); }
.schedule-time time[b-pziw4qw5g7] { font-weight: 750; font-size: 20px; font-variant-numeric: tabular-nums; }
.schedule-toggle[b-pziw4qw5g7] { display: inline-flex; align-items: center; justify-self: start; gap: var(--space-2); min-height: 44px; padding: 0; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-text); font: inherit; font-size: 13px; text-align: start; cursor: pointer; }
.schedule-toggle:disabled[b-pziw4qw5g7] { cursor: default; color: var(--color-text-muted); }
.schedule-toggle > span:nth-child(2)[b-pziw4qw5g7] { overflow-wrap: anywhere; }
.toggle-track[b-pziw4qw5g7] { display: inline-flex; align-items: center; width: 40px; height: 24px; flex: 0 0 40px; padding: 3px; border-radius: var(--radius-full); background: var(--n-400); }
.toggle-track[b-pziw4qw5g7]::before { width: 18px; height: 18px; border-radius: 50%; background: var(--n-0); content: ""; }
.schedule-toggle[aria-checked="true"] .toggle-track[b-pziw4qw5g7] { justify-content: flex-end; background: var(--color-brand); }
.schedule-toggle:disabled .toggle-track[b-pziw4qw5g7] { opacity: .65; }
.row-actions[b-pziw4qw5g7] { justify-self: end; gap: 0; }
.schedule-skeleton .skeleton-shape[b-pziw4qw5g7] { display: block; height: 18px; }
.time-skeleton[b-pziw4qw5g7] { width: min(72px, 100%); }
.toggle-skeleton[b-pziw4qw5g7] { width: min(100px, 100%); }
.action-skeleton[b-pziw4qw5g7] { width: 60px; }
.empty-state[b-pziw4qw5g7] { display: grid; justify-items: center; gap: var(--space-3); margin-top: var(--space-5); padding: var(--space-5) 0 var(--space-3); border-top: 1px solid var(--color-border); text-align: center; }
.empty-state p[b-pziw4qw5g7] { margin: 0; color: var(--color-text-muted); overflow-wrap: anywhere; }
.empty-state > .alert-icon[b-pziw4qw5g7] { color: var(--err-700); }
.notice[b-pziw4qw5g7], .error-message[b-pziw4qw5g7] { display: flex; align-items: flex-start; gap: var(--space-2); margin: var(--space-4) 0 0; padding: var(--space-3); border-radius: var(--radius-md); color: var(--info-700); background: var(--info-50); font-size: 13px; line-height: 20px; }
.error-message[b-pziw4qw5g7] { color: var(--err-700); background: var(--err-50); }

.location-fields[b-pziw4qw5g7] { margin: var(--space-4) 0 0; }
.location-fields > div[b-pziw4qw5g7] { display: grid; gap: var(--space-1); padding-block: var(--space-3); border-bottom: 1px solid var(--color-border); }
.location-fields dt[b-pziw4qw5g7] { color: var(--color-text-muted); font-size: 13px; }
.location-fields dd[b-pziw4qw5g7] { margin: 0; color: var(--color-heading); font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.location-link[b-pziw4qw5g7] { margin-top: var(--space-2); font-size: 14px; font-weight: 650; }
.location-skeleton[b-pziw4qw5g7] { display: grid; gap: var(--space-3); margin-top: var(--space-5); }
.location-skeleton .skeleton-shape[b-pziw4qw5g7] { width: 56%; height: 16px; }
.location-skeleton .skeleton-shape:nth-child(odd)[b-pziw4qw5g7] { width: 34%; height: 12px; }

.settings-dialog[b-pziw4qw5g7] { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); color: var(--color-text); box-shadow: var(--elevation-3); }
.dialog-heading[b-pziw4qw5g7] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-4); }
.dialog-heading button[b-pziw4qw5g7] { flex: 0 0 44px; }
.schedule-form fieldset[b-pziw4qw5g7] { min-width: 0; margin: 0; padding: 0; border: 0; }
.time-field[b-pziw4qw5g7] { display: grid; gap: 6px; }
.time-field label[b-pziw4qw5g7] { font-size: 13px; font-weight: 650; }
.time-field label span[b-pziw4qw5g7] { color: var(--color-brand); }
.time-field select[b-pziw4qw5g7] { min-width: 0; width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--color-border-input); border-radius: var(--radius-md); color: var(--color-text); background: var(--color-surface); font: inherit; }
.time-field small[b-pziw4qw5g7] { color: var(--color-text-muted); font-size: 12px; }
.checkbox-label[b-pziw4qw5g7] { display: flex; align-items: center; gap: var(--space-2); min-height: 44px; margin-top: var(--space-2); font-size: 14px; }
.checkbox-label input[b-pziw4qw5g7] { width: 18px; height: 18px; flex: 0 0 18px; accent-color: var(--color-brand); }
.remove-question[b-pziw4qw5g7] { margin: 0; }
.dialog-actions[b-pziw4qw5g7] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
:is(.back-link, .location-link, .schedule-toggle, .time-field select, .checkbox-label input):focus-visible[b-pziw4qw5g7] { outline: 2px solid var(--color-accent); outline-offset: 2px; }

@media (max-width: 960px) {
    .settings-grid[b-pziw4qw5g7] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
    .settings-hero[b-pziw4qw5g7] { grid-template-columns: minmax(0, 1fr) minmax(64px, .34fr); gap: var(--space-2); }
    h1[b-pziw4qw5g7] { font-size: 24px; }
    h2[b-pziw4qw5g7] { font-size: 19px; }
    .schedule-row[b-pziw4qw5g7], .schedule-skeleton[b-pziw4qw5g7] { grid-template-columns: minmax(0, 1fr) minmax(126px, .75fr) auto; gap: var(--space-2); }
    .schedule-time[b-pziw4qw5g7] { gap: var(--space-1); }
    .schedule-time time[b-pziw4qw5g7] { font-size: 17px; }
    .time-field select[b-pziw4qw5g7] { font-size: 16px; }
    .settings-dialog[b-pziw4qw5g7] { padding: var(--space-4); }
}
@media (max-width: 360px) {
    .schedule-row[b-pziw4qw5g7] { grid-template-columns: minmax(0, 1fr) minmax(126px, .75fr); }
    .row-actions[b-pziw4qw5g7] { grid-column: 1 / -1; }
}
/* /Components/Pages/Constructions/ConstructionDocumentPreview.razor.rz.scp.css */
.file-preview-page[b-yr2ts1zsd8] { display: grid; gap: var(--space-4); min-width: 0; padding-bottom: var(--space-6); }
.file-preview-heading[b-yr2ts1zsd8] { min-width: 0; }
.file-preview-back[b-yr2ts1zsd8] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--color-accent); font-size: 14px; font-weight: 600; text-decoration: none; transition: translate var(--motion-fast); }
.file-preview-title[b-yr2ts1zsd8] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); }
.file-preview-title > div[b-yr2ts1zsd8] { min-width: 0; }
.file-preview-title h1[b-yr2ts1zsd8] { margin: 0; color: var(--color-heading); font-size: clamp(24px, 4vw, 32px); font-weight: 700; overflow-wrap: anywhere; }
.file-preview-title p[b-yr2ts1zsd8] { margin: var(--space-1) 0 0; color: var(--color-text-muted); font-size: 14px; overflow-wrap: anywhere; }
.file-preview-title a[b-yr2ts1zsd8] { text-decoration: none; }
.file-preview-frame[b-yr2ts1zsd8], .file-preview-message[b-yr2ts1zsd8] { min-width: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--n-0); }
.file-preview-message[b-yr2ts1zsd8] { display: grid; justify-items: start; gap: var(--space-3); padding: var(--space-5); }
.file-preview-message p[b-yr2ts1zsd8] { margin: 0; color: var(--color-text); }
.file-preview-frame .file-preview-message[b-yr2ts1zsd8] { border: 0; border-radius: 0; }
.file-preview-frame:not([data-state="loading"]) .preview-loading[b-yr2ts1zsd8],
.file-preview-frame:not([data-state="error"]) .preview-error[b-yr2ts1zsd8],
.file-preview-frame:not([data-state="unsupported"]) .preview-unsupported[b-yr2ts1zsd8],
.file-preview-frame:not([data-state="ready"]) .file-preview-ready[b-yr2ts1zsd8] { display: none; }
.file-preview-skeleton[b-yr2ts1zsd8] { width: 100%; min-height: min(58vh, 520px); border-radius: var(--radius-xl); background: linear-gradient(var(--n-100) 44px, var(--n-50) 44px); }
.file-viewer-tools[b-yr2ts1zsd8] { display: flex; align-items: center; gap: var(--space-2); min-height: 48px; padding: var(--space-1) var(--space-3); border-bottom: 1px solid var(--color-border); background: var(--n-50); }
.file-viewer-tools[hidden][b-yr2ts1zsd8], .file-viewer-sheets[hidden][b-yr2ts1zsd8], .file-viewer-limit[hidden][b-yr2ts1zsd8] { display: none; }
.file-viewer-tools button[b-yr2ts1zsd8] { min-width: 44px; padding: 0; font-size: 20px; }
.file-viewer-tools output[b-yr2ts1zsd8] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.file-viewer-tools select[b-yr2ts1zsd8] { min-height: 40px; padding: 0 var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-text); }
.file-viewer-content[b-yr2ts1zsd8] { min-height: min(55vh, 540px); max-height: max(420px, 72dvh); overflow: auto; background: var(--n-100); }
.file-preview-frame:is([data-format="pdf"], [data-format="office"], [data-format="image"]) .file-viewer-content[b-yr2ts1zsd8] { display: grid; place-items: safe center; padding: var(--space-4); }
.file-viewer-content[b-yr2ts1zsd8]  canvas { display: block; background: white; box-shadow: var(--elevation-2); }
.file-viewer-content[b-yr2ts1zsd8]  img { display: block; max-width: 100%; max-height: 66dvh; width: auto; height: auto; object-fit: contain; border-radius: var(--radius-sm); }
.file-preview-frame:is([data-format="text"], [data-format="spreadsheet"]) .file-viewer-content[b-yr2ts1zsd8] { background: var(--n-0); }
.file-viewer-content[b-yr2ts1zsd8]  pre { margin: 0; padding: var(--space-4); font: 13px/1.65 Consolas, monospace; color: var(--color-text); white-space: pre-wrap; overflow-wrap: anywhere; }
.file-cell-address[b-yr2ts1zsd8], .file-cell-value[b-yr2ts1zsd8] { min-height: 30px; padding: var(--space-1) var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--n-0); font-size: 13px; }
.file-cell-address[b-yr2ts1zsd8] { min-width: 54px; }
.file-cell-value[b-yr2ts1zsd8] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.file-viewer-content[b-yr2ts1zsd8]  table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; color: var(--color-text); }
.file-viewer-content[b-yr2ts1zsd8]  :is(th, td) { height: 29px; padding: var(--space-1) var(--space-2); border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); white-space: nowrap; }
.file-viewer-content[b-yr2ts1zsd8]  th { min-width: 36px; text-align: center; background: var(--n-100); font-size: 12px; font-variant-numeric: tabular-nums; }
.file-viewer-content[b-yr2ts1zsd8]  thead th { position: sticky; top: 0; z-index: 1; }
.file-viewer-content[b-yr2ts1zsd8]  tbody th { position: sticky; left: 0; }
.file-viewer-content[b-yr2ts1zsd8]  td { min-width: 84px; max-width: 360px; overflow: hidden; text-overflow: ellipsis; }
.file-viewer-content[b-yr2ts1zsd8]  .numeric-cell { text-align: right; font-variant-numeric: tabular-nums; }
.file-viewer-content[b-yr2ts1zsd8]  .selected-cell { outline: 2px solid var(--ok-500); outline-offset: -2px; }
.file-viewer-sheets[b-yr2ts1zsd8] { display: flex; gap: var(--space-1); overflow: auto; padding: var(--space-1) var(--space-3); border-top: 1px solid var(--color-border); background: var(--n-50); }
.file-viewer-sheets[b-yr2ts1zsd8]  button { flex-shrink: 0; }
.file-viewer-sheets[b-yr2ts1zsd8]  [aria-pressed="true"] { color: var(--ok-700); box-shadow: inset 0 -2px var(--ok-500); }
.file-viewer-limit[b-yr2ts1zsd8] { margin: 0; padding: var(--space-2) var(--space-3); border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: 13px; }
.file-preview-frame[data-state="initializing"][b-yr2ts1zsd8] { position: relative; }
.file-preview-frame[data-state="initializing"] .file-preview-ready[b-yr2ts1zsd8] { display: block; visibility: hidden; }
.file-preview-frame[data-state="initializing"] .preview-loading[b-yr2ts1zsd8] { display: grid; position: absolute; inset: 0; }
.cad-viewer-tools[b-yr2ts1zsd8] { flex-wrap: wrap; }
.cad-viewer-tools button[b-yr2ts1zsd8] { padding-inline: var(--space-3); font-size: 14px; }
.cad-viewer-tools button[aria-pressed="true"][b-yr2ts1zsd8] { color: var(--color-accent); box-shadow: inset 0 -2px var(--color-accent); }
.cad-viewer-tools [data-cad-fullscreen][b-yr2ts1zsd8] { margin-inline-start: auto; }
.cad-viewer-tools [data-cad-fullscreen][hidden][b-yr2ts1zsd8] { display: none; }
.cad-viewer-layout[b-yr2ts1zsd8] { display: grid; grid-template-columns: minmax(150px, 210px) minmax(0, 1fr); }
.file-preview-frame:is([data-format="ifc"], [data-format="rvt"]) .cad-viewer-layout[b-yr2ts1zsd8] { grid-template-columns: minmax(0, 1fr) minmax(180px, 240px); }
.cad-viewport[b-yr2ts1zsd8] { position: relative; height: clamp(340px, 62dvh, 780px); min-height: 0; max-height: none; overflow: hidden; background: var(--n-50); }
.cad-viewport[b-yr2ts1zsd8]  canvas { box-shadow: none; }
.cad-viewer-sidebar[b-yr2ts1zsd8] { min-width: 0; max-height: clamp(340px, 62dvh, 780px); overflow: auto; padding: var(--space-3); border-inline: 1px solid var(--color-border); background: var(--n-0); }
.cad-viewer-sidebar h2[b-yr2ts1zsd8] { margin: 0 0 var(--space-2); font-size: 16px; }
.cad-viewer-sidebar[b-yr2ts1zsd8]  :is(label, dd, dt, p) { overflow-wrap: anywhere; font-size: 13px; }
.cad-viewer-sidebar[b-yr2ts1zsd8]  label { display: flex; align-items: center; gap: var(--space-2); min-height: 44px; border-bottom: 1px solid var(--color-border); }
.cad-viewer-sidebar[b-yr2ts1zsd8]  input { accent-color: var(--color-accent); }
.cad-viewer-sidebar[b-yr2ts1zsd8]  dt { color: var(--color-text-muted); margin-top: var(--space-2); }
.cad-viewer-sidebar[b-yr2ts1zsd8]  dd { margin: 0; }
.file-preview-frame:fullscreen[b-yr2ts1zsd8] { border-radius: 0; background: var(--n-0); }
.file-preview-frame:fullscreen .cad-viewport[b-yr2ts1zsd8] { height: calc(100dvh - 90px); }
.file-preview-frame:fullscreen .cad-viewer-sidebar[b-yr2ts1zsd8] { max-height: calc(100dvh - 90px); }
.cad-ifc-link > div[b-yr2ts1zsd8] { display: flex; flex-wrap: wrap; gap: var(--space-2); max-width: 100%; }
.cad-ifc-link select[b-yr2ts1zsd8] { min-height: 44px; max-width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-text); padding-inline: var(--space-2); }
.cad-action-spinner[b-yr2ts1zsd8] { display: inline-block; width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: cad-spin-b-yr2ts1zsd8 .8s linear infinite; }
@keyframes cad-spin-b-yr2ts1zsd8 { to { transform: rotate(360deg); } }
@media (max-width: 640px) {
    .file-preview-frame .cad-viewer-layout[b-yr2ts1zsd8], .file-preview-frame:is([data-format="ifc"], [data-format="rvt"]) .cad-viewer-layout[b-yr2ts1zsd8] { grid-template-columns: minmax(0, 1fr); }
    .cad-viewport[b-yr2ts1zsd8] { grid-row: 1; }
    .cad-viewer-sidebar[b-yr2ts1zsd8] { max-height: 200px; }
}
@media (hover: hover) and (pointer: fine) {
    .file-preview-back:hover[b-yr2ts1zsd8] { translate: 0 -2px; }
    .file-preview-back:active[b-yr2ts1zsd8] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) {
    .cad-action-spinner[b-yr2ts1zsd8] { animation: none; }
    .file-preview-back[b-yr2ts1zsd8] { transition: none; }
    .file-preview-back:is(:hover, :active)[b-yr2ts1zsd8] { translate: none; }
}
/* /Components/Pages/Constructions/ConstructionDocuments.razor.rz.scp.css */
.documents-page[b-59l9ihdoha] { max-width: 1440px; min-width: 0; margin-inline: auto; }
.documents-header[b-59l9ihdoha] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 164px;
    margin-bottom: var(--space-5);
}
.documents-hero-copy[b-59l9ihdoha] { flex: 1; min-width: 0; }
.documents-hero-art[b-59l9ihdoha] { flex: 0 0 clamp(108px, 14vw, 184px); width: clamp(108px, 14vw, 184px); stroke: var(--plum-700); stroke-width: 1.65; stroke-linejoin: round; stroke-linecap: round; }
.documents-hero-art rect[b-59l9ihdoha], .documents-hero-art > path[b-59l9ihdoha] { fill: var(--n-0); }
.documents-hero-art .hero-folder-back[b-59l9ihdoha] { fill: var(--plum-50); }
h1[b-59l9ihdoha] { margin: var(--space-2) 0 0; color: var(--color-heading); font-size: 32px; line-height: 40px; letter-spacing: -.02em; }
h2[b-59l9ihdoha] { color: var(--color-heading); font-size: 20px; line-height: 28px; }
.back-link[b-59l9ihdoha] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--color-accent); font-size: 13px; text-decoration: none; overflow-wrap: anywhere; }
.header-actions[b-59l9ihdoha], .documents-toolbar[b-59l9ihdoha], .document-filters[b-59l9ihdoha], .document-breadcrumbs[b-59l9ihdoha], .dialog-actions[b-59l9ihdoha] { display: flex; align-items: center; gap: var(--space-2); }
.header-actions[b-59l9ihdoha] { flex-wrap: wrap; justify-content: flex-end; }
.documents-workspace[b-59l9ihdoha] { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.documents-toolbar[b-59l9ihdoha] { justify-content: space-between; flex-wrap: wrap; gap: var(--space-3) var(--space-4); margin-bottom: var(--space-4); }
.document-breadcrumbs[b-59l9ihdoha] { flex: 1 1 340px; flex-wrap: wrap; min-width: 0; color: var(--color-text-muted); }
.document-breadcrumbs .breadcrumb-link[b-59l9ihdoha] { max-width: 100%; min-width: 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --button-padding: var(--space-2); }
.current-folder[b-59l9ihdoha] { min-width: 0; color: var(--color-heading); font-weight: 700; overflow-wrap: anywhere; }
.folder-up[b-59l9ihdoha] { flex: 0 0 44px; }
.folder-up svg[b-59l9ihdoha] { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.document-filters[b-59l9ihdoha] { flex: 1 1 390px; justify-content: flex-end; flex-wrap: wrap; min-width: 0; }
.document-search[b-59l9ihdoha] { display: flex; flex: 1 1 200px; align-items: center; gap: var(--space-2); min-width: 0; max-width: 400px; padding: 0 var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-full); background: var(--n-100); color: var(--color-text-muted); }
.document-search:focus-within[b-59l9ihdoha] { border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.document-search input[b-59l9ihdoha] { width: 100%; min-width: 0; min-height: 42px; border: 0; outline: 0; background: transparent; color: var(--color-text); font: inherit; }
.read-only-note[b-59l9ihdoha] { margin: 0 0 var(--space-3); color: var(--color-text-muted); font-size: 13px; }
.documents-results[b-59l9ihdoha] { border: 1px solid var(--color-border); border-radius: var(--radius-xl); }
.document-table[b-59l9ihdoha] { width: 100%; border-spacing: 0; table-layout: fixed; }
.document-table .type-column[b-59l9ihdoha] { width: 17%; }
.document-table .date-column[b-59l9ihdoha] { width: 17%; }
.document-table .status-column[b-59l9ihdoha] { width: 16%; }
.document-table .actions-column[b-59l9ihdoha] { width: 60px; }
.document-table th[b-59l9ihdoha] { padding: var(--space-3) var(--space-4); background: var(--n-100); color: var(--color-text); font-size: 13px; line-height: 20px; font-weight: 650; text-align: start; overflow-wrap: anywhere; }
.document-table th:first-child[b-59l9ihdoha] { border-start-start-radius: calc(var(--radius-xl) - 1px); }
.document-table th:last-child[b-59l9ihdoha] { border-start-end-radius: calc(var(--radius-xl) - 1px); }
.document-row > td[b-59l9ihdoha] { padding: var(--space-2) var(--space-4); border-top: 1px solid var(--color-border); vertical-align: middle; }
.document-row:last-child > td:first-child[b-59l9ihdoha] { border-end-start-radius: calc(var(--radius-xl) - 1px); }
.document-row:last-child > td:last-child[b-59l9ihdoha] { border-end-end-radius: calc(var(--radius-xl) - 1px); }
.document-row > .actions-cell[b-59l9ihdoha] { padding-inline: var(--space-2); }
.row-name[b-59l9ihdoha] { display: flex; align-items: center; gap: var(--space-3); width: 100%; min-width: 0; min-height: 44px; padding: 0; border: 0; border-radius: var(--radius-sm); background: transparent; text-align: start; color: var(--color-heading); font-size: 14px; font-weight: 650; transition: color var(--motion-fast), translate var(--motion-fast); }
.row-name > span:last-child[b-59l9ihdoha] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.row-name[b-59l9ihdoha] { text-decoration: none; }
.row-name:focus-visible[b-59l9ihdoha] { outline: 0; box-shadow: var(--focus-ring); }
.document-thumbnail[b-59l9ihdoha] { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; color: var(--red-700); }
.folder-row .document-thumbnail[b-59l9ihdoha] { color: var(--warn-500); }
.file-Drawing[b-59l9ihdoha] { color: var(--info-500); }
.file-Photograph[b-59l9ihdoha] { color: var(--ok-700); }
.document-thumbnail .document-icon[b-59l9ihdoha], .document-thumbnail svg[b-59l9ihdoha] { width: 23px; height: 23px; }
.document-thumbnail svg[b-59l9ihdoha] { fill: #F9D579; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.row-type[b-59l9ihdoha], .row-date[b-59l9ihdoha], .status-cell[b-59l9ihdoha] { color: var(--color-text-muted); font-size: 13px; line-height: 19px; overflow-wrap: anywhere; }
.row-date[b-59l9ihdoha] { font-variant-numeric: tabular-nums; }
.row-status[b-59l9ihdoha] { display: inline-block; padding: 3px var(--space-2); border-radius: var(--radius-full); background: var(--n-100); font-size: 12px; font-weight: 600; }
.row-status.published[b-59l9ihdoha] { background: var(--ok-50); color: var(--ok-700); }

.construction-actions-menu[b-59l9ihdoha] { position: relative; justify-self: end; }
.construction-actions-menu summary[b-59l9ihdoha] { display: grid; place-items: center; width: 44px; height: 44px; list-style: none; cursor: pointer; color: var(--color-accent); border-radius: var(--radius-md); }
.construction-actions-menu summary[b-59l9ihdoha]::-webkit-details-marker { display: none; }
.actions-dropdown[b-59l9ihdoha] { position: absolute; right: 0; top: 44px; z-index: 5; min-width: 200px; padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--elevation-2); }
.actions-dropdown button[b-59l9ihdoha] { display: block; width: 100%; min-height: 40px; padding: 8px 12px; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-accent); text-align: left; font-size: 13px; }
.actions-dropdown .destructive-text[b-59l9ihdoha] { color: var(--err-700); }
.documents-loading[b-59l9ihdoha] { padding: var(--space-4) var(--space-5); }
.document-skeleton[b-59l9ihdoha] { display: flex; align-items: center; gap: var(--space-4); min-height: 72px; }
.skeleton-icon[b-59l9ihdoha] { width: 40px; height: 40px; border-radius: var(--radius-md); }
.skeleton-identity[b-59l9ihdoha] { display: grid; flex: 1; gap: var(--space-2); }
.skeleton-name[b-59l9ihdoha] { width: min(70%, 240px); height: 14px; border-radius: 8px; }
.skeleton-detail[b-59l9ihdoha] { width: min(40%, 140px); height: 10px; border-radius: 8px; }
.skeleton-status[b-59l9ihdoha] { width: 100px; height: 24px; border-radius: 20px; }
.document-empty[b-59l9ihdoha] { display: flex; flex-direction: column; align-items: center; padding: var(--space-9) var(--space-6); text-align: center; }
.document-empty h2[b-59l9ihdoha] { margin: var(--space-5) 0 var(--space-2); }
.document-empty p[b-59l9ihdoha] { max-width: 460px; margin: 0 0 var(--space-5); color: var(--color-text-muted); font-size: 14px; line-height: 22px; }
.state-icon[b-59l9ihdoha] { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: var(--n-100); color: var(--n-600); }
.state-icon .document-icon[b-59l9ihdoha] { width: 28px; height: 28px; }
.error-state[b-59l9ihdoha] { background: var(--err-50); color: var(--err-500); }
.empty-mascot[b-59l9ihdoha] { display: grid; place-items: center; width: 112px; height: 112px; border-radius: 50%; background: var(--n-100) url('/images/danstrop-pattern-light.svg') center / 200px; }
.folder-dialog[b-59l9ihdoha] { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); box-shadow: var(--elevation-3); background: var(--color-surface); color: var(--color-text); }
.folder-dialog h2[b-59l9ihdoha] { margin: 0 0 var(--space-5); }
.folder-dialog p[b-59l9ihdoha] { font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
fieldset[b-59l9ihdoha] { display: grid; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; }
fieldset label[b-59l9ihdoha] { font-size: 13px; font-weight: 600; }
select[b-59l9ihdoha] { width: 100%; min-height: 40px; border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); padding: 8px 12px; background: white; }
.dialog-actions[b-59l9ihdoha] { justify-content: flex-end; margin-top: var(--space-6); }
.dialog-error[b-59l9ihdoha] { color: var(--err-700); background: var(--err-50); padding: 12px; border-radius: var(--radius-md); }
.primary-button[b-59l9ihdoha], .outline-button[b-59l9ihdoha], .ghost-button[b-59l9ihdoha], .destructive-button[b-59l9ihdoha] { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 40px; border: 1px solid transparent; border-radius: var(--radius-lg); padding: 0 18px; font-size: 14px; font-weight: 600; }
.primary-button[b-59l9ihdoha] { background: var(--color-brand); color: white; box-shadow: var(--elevation-1); }
.outline-button[b-59l9ihdoha] { border-color: var(--red-300); background: var(--red-50); color: var(--red-600); }
.ghost-button[b-59l9ihdoha] { background: transparent; color: var(--color-accent); }
.destructive-button[b-59l9ihdoha] { background: var(--err-500); color: white; }
.document-icon[b-59l9ihdoha] { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentColor; mask: var(--document-icon) center / contain no-repeat; }
.icon-folder[b-59l9ihdoha] { --document-icon: url('/images/folder.svg'); }
.icon-plus[b-59l9ihdoha] { --document-icon: url('/images/plus.svg'); }
.icon-search[b-59l9ihdoha] { --document-icon: url('/images/search.svg'); }
.icon-alert[b-59l9ihdoha] { --document-icon: url('/images/alert.svg'); }

.icon-file[b-59l9ihdoha] { --document-icon: url('/images/file.svg'); }
.icon-image[b-59l9ihdoha] { --document-icon: url('/images/image.svg'); }
.icon-more[b-59l9ihdoha] { --document-icon: url('/images/more.svg'); }
@media (hover: hover) and (pointer: fine) {
    .document-row:hover > td[b-59l9ihdoha] { background: var(--red-50); }
    .row-name:hover:not(:disabled)[b-59l9ihdoha] { color: var(--color-accent); translate: 0 -2px; }
    .row-name:active:not(:disabled)[b-59l9ihdoha] { translate: 0 1px; }
    .actions-dropdown button:hover:not(:disabled)[b-59l9ihdoha] { background: var(--plum-50); }
}
@media (prefers-reduced-motion: reduce) {
    .row-name[b-59l9ihdoha] { transition: none; }
    .row-name:hover:not(:disabled)[b-59l9ihdoha], .row-name:active:not(:disabled)[b-59l9ihdoha] { translate: none; }
}
@media (max-width: 1023px) {
    .document-filters[b-59l9ihdoha] { justify-content: flex-start; }
}
@media (max-width: 899px) {
    .documents-hero-art[b-59l9ihdoha] { display: none; }
}
@media (max-width: 767px) {
    h1[b-59l9ihdoha] { font-size: 24px; line-height: 32px; }
    .documents-header[b-59l9ihdoha] { align-items: flex-start; flex-direction: column; min-height: 0; }
    .header-actions[b-59l9ihdoha] { justify-content: flex-start; }
    .header-actions button[b-59l9ihdoha] { --button-padding: var(--space-2) var(--space-3); }
    .documents-workspace[b-59l9ihdoha] { padding: var(--space-3); }
    .document-search[b-59l9ihdoha] { flex-basis: 100%; max-width: none; }
    .document-table[b-59l9ihdoha], .document-table tbody[b-59l9ihdoha] { display: block; }
    .document-table colgroup[b-59l9ihdoha] { display: none; }
    .document-table thead[b-59l9ihdoha] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .document-row[b-59l9ihdoha] { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 3px var(--space-2); padding: var(--space-2) var(--space-3); }
    .document-row + .document-row[b-59l9ihdoha] { border-top: 1px solid var(--color-border); }
    .document-row > td[b-59l9ihdoha], .document-row > .actions-cell[b-59l9ihdoha] { padding: 0; border: 0; }
    .row-name > span:last-child[b-59l9ihdoha] { white-space: normal; overflow-wrap: anywhere; }
    .row-type[b-59l9ihdoha], .row-date[b-59l9ihdoha], .status-cell[b-59l9ihdoha] { grid-column: 1; margin-inline-start: 40px; }
    .folder-row .status-cell[b-59l9ihdoha] { display: none; }
    .status-cell[b-59l9ihdoha] { margin-block: var(--space-1); }
    .document-row .actions-cell[b-59l9ihdoha] { grid-column: 2; grid-row: 1; }
    .row-status[b-59l9ihdoha] { font-size: 13px; }
    .skeleton-status[b-59l9ihdoha] { display: none; }
    .folder-dialog[b-59l9ihdoha] { padding: var(--space-4); }
    .actions-dropdown button[b-59l9ihdoha], select[b-59l9ihdoha] { min-height: 44px; }
}
button:not(:disabled)[b-59l9ihdoha] { cursor: pointer; }
a:focus-visible[b-59l9ihdoha], summary:focus-visible[b-59l9ihdoha], select:focus-visible[b-59l9ihdoha] { outline: 3px solid var(--red-200); outline-offset: 2px; }
.dialog-error .document-icon[b-59l9ihdoha] { margin-right: 8px; vertical-align: middle; }
/* /Components/Pages/Constructions/ConstructionPeople.razor.rz.scp.css */
.site-people-page[b-pvfo1kv3qa] { max-width: 1440px; min-width: 0; margin-inline: auto; }
.people-header[b-pvfo1kv3qa] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 164px;
    margin-bottom: var(--space-5);
}
.people-hero-copy[b-pvfo1kv3qa] { flex: 1; min-width: 0; }
.people-hero-art[b-pvfo1kv3qa] { flex: 0 0 clamp(112px, 15vw, 206px); width: clamp(112px, 15vw, 206px); stroke: var(--plum-700); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.hero-teammate[b-pvfo1kv3qa] { stroke: var(--plum-500); }
.hero-lead[b-pvfo1kv3qa] { fill: var(--plum-50); }
.people-header-actions[b-pvfo1kv3qa], .people-toolbar[b-pvfo1kv3qa], .people-filters[b-pvfo1kv3qa], .people-pagination[b-pvfo1kv3qa], .people-pagination > div[b-pvfo1kv3qa], .dialog-header[b-pvfo1kv3qa], .dialog-actions[b-pvfo1kv3qa] { display: flex; align-items: center; gap: var(--space-2); }
.people-header-actions[b-pvfo1kv3qa] { flex-wrap: wrap; justify-content: flex-end; }
h1[b-pvfo1kv3qa] { margin: var(--space-2) 0 0; color: var(--color-heading); font-size: 32px; line-height: 40px; letter-spacing: -.02em; overflow-wrap: anywhere; }
h2[b-pvfo1kv3qa] { margin: 0; color: var(--color-heading); font-size: 24px; line-height: 32px; }
.back-link[b-pvfo1kv3qa] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--color-accent); font-size: 13px; text-decoration: none; overflow-wrap: anywhere; }

.people-workspace[b-pvfo1kv3qa] { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.people-presence[b-pvfo1kv3qa] { margin-bottom: var(--space-4); }
.presence-heading[b-pvfo1kv3qa], .presence-message[b-pvfo1kv3qa], .presence-skeleton[b-pvfo1kv3qa] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.presence-heading h2[b-pvfo1kv3qa] { font-size: 20px; line-height: 28px; }
.presence-list[b-pvfo1kv3qa] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: var(--space-2); margin: var(--space-3) 0 0; padding: 0; list-style: none; }
.presence-list li[b-pvfo1kv3qa] { display: grid; gap: 2px; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow-wrap: anywhere; }
.presence-list strong[b-pvfo1kv3qa] { color: var(--color-heading); font-size: 14px; }
.presence-list time[b-pvfo1kv3qa], .presence-empty[b-pvfo1kv3qa], .presence-message p[b-pvfo1kv3qa] { color: var(--color-text-muted); font-size: 13px; }
.presence-empty[b-pvfo1kv3qa] { margin: var(--space-2) 0 0; }
.presence-message[b-pvfo1kv3qa] { margin-top: var(--space-2); }
.presence-message p[b-pvfo1kv3qa] { margin: 0; }
.presence-skeleton[b-pvfo1kv3qa] { width: min(250px, 100%); min-height: 52px; }
.presence-skeleton .skeleton-name[b-pvfo1kv3qa] { flex: 1; }
.people-toolbar[b-pvfo1kv3qa] { flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-4); }
.people-search[b-pvfo1kv3qa] { display: flex; flex: 1 1 240px; align-items: center; gap: var(--space-2); min-width: 0; max-width: 390px; padding: 0 var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-full); background: var(--n-100); color: var(--color-text-muted); }
.people-search:focus-within[b-pvfo1kv3qa] { border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.people-search input[b-pvfo1kv3qa] { width: 100%; min-width: 0; min-height: 42px; border: 0; outline: 0; color: var(--color-text); background: transparent; font: inherit; font-size: 14px; }
.type-filter[b-pvfo1kv3qa] { flex: 0 1 185px; min-width: 132px; }
.type-filter select[b-pvfo1kv3qa] { min-height: 44px; }
.close-button[b-pvfo1kv3qa] { width: 44px; height: 44px; padding: 0; flex: 0 0 auto; }
.people-filters[b-pvfo1kv3qa] { flex-wrap: wrap; margin-inline-start: auto; }
.people-filters button[b-pvfo1kv3qa] { --button-padding: var(--space-2) var(--space-3); }
.read-only-note[b-pvfo1kv3qa], .form-hint[b-pvfo1kv3qa] { margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.read-only-note[b-pvfo1kv3qa] { margin-bottom: var(--space-4); }
.people-panel[b-pvfo1kv3qa] { overflow: hidden; min-width: 0; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.people-table[b-pvfo1kv3qa] { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: start; }
.people-table th[b-pvfo1kv3qa] { padding: var(--space-3) var(--space-4); background: var(--n-100); color: var(--color-text); font-size: 13px; line-height: 20px; font-weight: 650; text-align: start; overflow-wrap: anywhere; }
.people-table th:nth-child(2)[b-pvfo1kv3qa] { width: 18%; }
.people-table th:nth-child(3)[b-pvfo1kv3qa] { width: 19%; }
.people-table th:nth-child(4)[b-pvfo1kv3qa] { width: 26%; }
.people-table th:last-child[b-pvfo1kv3qa] { width: 112px; }
.people-table td[b-pvfo1kv3qa] { border-top: 1px solid var(--color-border); padding: var(--space-3) var(--space-4); font-size: 14px; line-height: 20px; vertical-align: middle; }
.person-identity[b-pvfo1kv3qa] { display: flex; align-items: center; gap: var(--space-3); }
.person-identity > div[b-pvfo1kv3qa] { min-width: 0; }
.person-identity strong[b-pvfo1kv3qa], .person-identity > div > span[b-pvfo1kv3qa], .person-position > span:last-child[b-pvfo1kv3qa], .person-contact a[b-pvfo1kv3qa] { display: block; overflow-wrap: anywhere; }
.person-identity strong[b-pvfo1kv3qa] { color: var(--color-heading); font-weight: 700; }
.person-identity > div > span[b-pvfo1kv3qa] { margin-top: 2px; color: var(--color-text-muted); font-size: 13px; line-height: 19px; }
.person-avatar[b-pvfo1kv3qa] { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: var(--radius-lg); color: var(--color-accent); background: var(--plum-50); font-size: 13px; font-weight: 700; }
.person-avatar svg[b-pvfo1kv3qa] { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.person-contact a[b-pvfo1kv3qa] { color: var(--color-accent); text-decoration: none; font-size: 13px; line-height: 22px; }
.validity-details[b-pvfo1kv3qa] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-3); }
.person-validity small[b-pvfo1kv3qa] { color: var(--color-text-muted); font-size: 13px; line-height: 19px; font-variant-numeric: tabular-nums; }
.status-pill[b-pvfo1kv3qa] { display: inline-block; padding: 4px 9px; border-radius: var(--radius-full); font-size: 12px; line-height: 16px; font-weight: 650; }
.status-current[b-pvfo1kv3qa] { color: var(--ok-700); background: var(--ok-50); }
.status-upcoming[b-pvfo1kv3qa] { color: var(--info-700); background: var(--info-50); }
.status-ended[b-pvfo1kv3qa] { color: var(--color-text-muted); background: var(--n-100); }
.people-table .person-actions[b-pvfo1kv3qa] { padding-inline: var(--space-2); text-align: end; white-space: nowrap; }
.row-action[b-pvfo1kv3qa] { min-width: 44px; --button-padding: 0; }
.row-action-label[b-pvfo1kv3qa], .cell-label[b-pvfo1kv3qa] { display: none; }
.people-pagination[b-pvfo1kv3qa] { justify-content: space-between; padding: var(--space-2) var(--space-4); border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.people-pagination button[b-pvfo1kv3qa] { --button-padding: 0; --button-font-size: 21px; }
.people-empty[b-pvfo1kv3qa] { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 48px 24px; text-align: center; }
.people-empty h2[b-pvfo1kv3qa] { max-width: 28ch; font-size: 20px; line-height: 28px; }
.people-empty p[b-pvfo1kv3qa] { max-width: 52ch; margin: 0; color: var(--color-text-muted); font-size: 14px; line-height: 22px; }
.empty-mascot[b-pvfo1kv3qa], .state-icon[b-pvfo1kv3qa] { display: grid; place-items: center; width: 112px; height: 112px; border-radius: 50%; }
.empty-mascot[b-pvfo1kv3qa] { background: var(--n-100) url('/images/danstrop-pattern-light.svg') center / 220px auto; }
.state-icon[b-pvfo1kv3qa] { width: 84px; height: 84px; background: var(--n-100); color: var(--n-600); }
.state-icon .people-icon[b-pvfo1kv3qa] { width: 32px; height: 32px; }
.error-state[b-pvfo1kv3qa] { background: var(--err-50); color: var(--err-500); }
.people-loading[b-pvfo1kv3qa] { padding: 0 20px; }
.people-skeleton[b-pvfo1kv3qa] { display: flex; align-items: center; gap: 16px; min-height: 92px; }
.people-skeleton + .people-skeleton[b-pvfo1kv3qa] { border-top: 1px solid var(--color-border); }
.skeleton-avatar[b-pvfo1kv3qa] { flex: 0 0 40px; width: 40px; height: 40px; border-radius: var(--radius-lg); }
.skeleton-identity[b-pvfo1kv3qa] { display: grid; gap: 8px; flex: 2; }
.skeleton-name[b-pvfo1kv3qa] { height: 14px; width: 80%; border-radius: 6px; }
.skeleton-detail[b-pvfo1kv3qa] { height: 10px; width: 55%; border-radius: 6px; }
.skeleton-column[b-pvfo1kv3qa] { flex: 1; height: 12px; border-radius: 6px; }
.skeleton-status[b-pvfo1kv3qa] { width: 80px; height: 24px; border-radius: var(--radius-full); }
.participant-dialog[b-pvfo1kv3qa] { width: min(680px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); color: var(--color-text); background: var(--color-surface); box-shadow: var(--elevation-3); }
.participant-dialog form[b-pvfo1kv3qa], fieldset[b-pvfo1kv3qa], .additional-fields[b-pvfo1kv3qa] { display: grid; gap: 16px; }
.dialog-header[b-pvfo1kv3qa] { justify-content: space-between; }
fieldset[b-pvfo1kv3qa] { min-width: 0; margin: 0; padding: 0; border: 0; }
.form-row[b-pvfo1kv3qa] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.field[b-pvfo1kv3qa] { display: grid; align-content: start; gap: 6px; }
.field label[b-pvfo1kv3qa] { font-size: 13px; font-weight: 600; }
select[b-pvfo1kv3qa], input[type="date"][b-pvfo1kv3qa] { width: 100%; min-height: 40px; min-width: 0; padding: 8px 12px; border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-text); font-size: 14px; }
select:disabled[b-pvfo1kv3qa] { background: var(--n-100); color: var(--color-text-muted); }
.invalid-field[b-pvfo1kv3qa] { border-color: var(--err-500) !important; }
.field-error[b-pvfo1kv3qa] { margin: 0; color: var(--err-700); font-size: 13px; line-height: 20px; }
.field-error .people-icon[b-pvfo1kv3qa] { vertical-align: middle; margin-right: 6px; }
.member-loading[b-pvfo1kv3qa] { display: block; height: 12px; width: 65%; border-radius: 6px; }
.dialog-error[b-pvfo1kv3qa] { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px; border: 1px solid var(--err-200); border-radius: var(--radius-lg); color: var(--err-700); background: var(--err-50); font-size: 14px; line-height: 20px; }
.dialog-actions[b-pvfo1kv3qa] { justify-content: flex-end; padding-top: 16px; border-top: 1px solid var(--color-border); }
.additional-details summary[b-pvfo1kv3qa] { color: var(--color-accent); font-size: 14px; font-weight: 600; cursor: pointer; }
.additional-fields[b-pvfo1kv3qa] { padding-top: 16px; }
.participant-guest-settings[b-pvfo1kv3qa] { display: grid; gap: 16px; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--n-50); }
.participant-guest-settings h3[b-pvfo1kv3qa] { margin: 0; color: var(--color-heading); font-size: 16px; line-height: 24px; }
.participant-guest-hours[b-pvfo1kv3qa] { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 13px; cursor: pointer; }
.participant-guest-hours input[b-pvfo1kv3qa] { width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--color-brand); }
.confirmation-dialog > p[b-pvfo1kv3qa] { margin: 16px 0; line-height: 22px; }
.confirmation-dialog .dialog-actions[b-pvfo1kv3qa] { margin-top: 24px; }
.people-icon[b-pvfo1kv3qa] { display: inline-block; width: 20px; height: 20px; flex: 0 0 auto; background: currentColor; mask: var(--people-icon) center / contain no-repeat; }
.icon-plus[b-pvfo1kv3qa] { --people-icon: url('/images/plus.svg'); } .icon-search[b-pvfo1kv3qa] { --people-icon: url('/images/search.svg'); }  .icon-alert[b-pvfo1kv3qa] { --people-icon: url('/images/alert.svg'); } .icon-edit[b-pvfo1kv3qa] { --people-icon: url('/images/edit.svg'); } .icon-trash[b-pvfo1kv3qa] { --people-icon: url('/images/trash.svg'); } .icon-close[b-pvfo1kv3qa] { --people-icon: url('/images/x.svg'); }
input[b-pvfo1kv3qa], select[b-pvfo1kv3qa] { font-family: inherit; }
button:not(:disabled)[b-pvfo1kv3qa] { cursor: pointer; }
a:focus-visible[b-pvfo1kv3qa], select:focus-visible[b-pvfo1kv3qa], input[type="date"]:focus-visible[b-pvfo1kv3qa], summary:focus-visible[b-pvfo1kv3qa] { outline: 3px solid var(--red-200); outline-offset: 2px; }
select:focus-visible[b-pvfo1kv3qa], input[type="date"]:focus-visible[b-pvfo1kv3qa] { border-color: var(--color-brand); }
@media (hover: hover) and (pointer: fine) {
    .people-table tbody tr:hover[b-pvfo1kv3qa] { background: var(--red-50); }
    .person-contact a:hover[b-pvfo1kv3qa] { text-decoration: underline; }
}
@media (max-width: 1100px) {
    .people-filters[b-pvfo1kv3qa] { margin-inline-start: 0; }
}
@media (max-width: 899px) {
    .people-hero-art[b-pvfo1kv3qa] { display: none; }
}
@media (max-width: 767px) {
    h1[b-pvfo1kv3qa] { font-size: 24px; line-height: 32px; }
    h2[b-pvfo1kv3qa] { font-size: 20px; line-height: 28px; }
    .people-header[b-pvfo1kv3qa] { align-items: flex-start; flex-direction: column; min-height: 0; }
    .people-header-actions[b-pvfo1kv3qa] { justify-content: flex-start; }
    .people-workspace[b-pvfo1kv3qa] { padding: var(--space-3); }
    .people-search[b-pvfo1kv3qa] { flex-basis: 100%; max-width: none; }
    .type-filter[b-pvfo1kv3qa] { flex: 1 1 180px; }
    .people-filters[b-pvfo1kv3qa] { flex-basis: 100%; order: 2; }
    .people-table thead[b-pvfo1kv3qa] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .people-table[b-pvfo1kv3qa], .people-table tbody[b-pvfo1kv3qa] { display: block; }
    .people-table tr[b-pvfo1kv3qa] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding: var(--space-3); }
    .people-table tbody tr + tr[b-pvfo1kv3qa] { border-top: 1px solid var(--color-border); }
    .people-table td[b-pvfo1kv3qa], .people-table .person-actions[b-pvfo1kv3qa] { min-width: 0; padding: 0; border: 0; }
    .person-position[b-pvfo1kv3qa], .person-contact[b-pvfo1kv3qa], .person-validity[b-pvfo1kv3qa] { margin-inline-start: 54px; }
    .cell-label[b-pvfo1kv3qa] { display: block; margin-bottom: 2px; color: var(--color-text-muted); font-size: 13px; }
    .people-table .person-actions[b-pvfo1kv3qa] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
    .people-table .person-actions:empty[b-pvfo1kv3qa] { display: none; }
    .row-action[b-pvfo1kv3qa] { --button-font-size: 13px; --button-padding: var(--space-2); }
    .row-action-label[b-pvfo1kv3qa] { display: inline; }
    .status-pill[b-pvfo1kv3qa] { font-size: 13px; }
    .skeleton-column[b-pvfo1kv3qa] { display: none; }
    .participant-dialog[b-pvfo1kv3qa] { padding: var(--space-4); max-height: calc(100dvh - 32px); }
    .form-row[b-pvfo1kv3qa] { grid-template-columns: minmax(0, 1fr); }
    .participant-dialog select[b-pvfo1kv3qa], .participant-dialog input[type="date"][b-pvfo1kv3qa] { min-height: 48px; }
    .dialog-actions .primary-button[b-pvfo1kv3qa] { flex: 1; }
    .people-empty[b-pvfo1kv3qa] { padding: 40px 20px; }
}
/* /Components/Pages/Constructions/Constructions.razor.rz.scp.css */
.constructions-header[b-00bc2rstxv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(124px, .5fr);
    align-items: center;
    gap: var(--space-4);
    min-height: 208px;
}


.construction-hero-copy[b-00bc2rstxv] { min-width: 0; }
.constructions-header h1[b-00bc2rstxv] { margin: 0 0 var(--space-5); color: var(--color-heading); font-size: clamp(24px, 4vw, 36px); line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
.new-construction-button[b-00bc2rstxv] { max-width: 100%; }
.construction-illustration[b-00bc2rstxv] { justify-self: end; width: 100%; max-width: 236px; height: auto; color: var(--plum-700); stroke: currentColor; stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
.illustration-beam[b-00bc2rstxv] { fill: var(--red-50); stroke: var(--color-brand); stroke-width: 2.6; }
.illustration-accent[b-00bc2rstxv] { stroke: var(--color-brand); }

.constructions-toolbar[b-00bc2rstxv], .construction-filters[b-00bc2rstxv] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.constructions-toolbar[b-00bc2rstxv] { column-gap: var(--space-4); margin-top: var(--space-5); }

.project-filter[b-00bc2rstxv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-4);
    padding: var(--space-3);
    border: 1px solid var(--plum-100);
    border-radius: var(--radius-md);
    background: var(--plum-50);
    color: var(--color-accent);
    font-size: 14px;
    overflow-wrap: anywhere;
}

.project-filter a[b-00bc2rstxv] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-left: auto;
    color: var(--color-accent);
    font-weight: 600;
    border-radius: var(--radius-sm);
}

.construction-search[b-00bc2rstxv] {
    flex: 1 1 280px;
    max-width: 420px;
    min-width: 0;
    padding-inline: var(--space-3);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text-muted);
}

.construction-search:focus-within[b-00bc2rstxv] {
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.construction-search input[b-00bc2rstxv] {
    width: 100%;
    min-width: 0;
    height: var(--control-h-md);
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--color-text);
    font: inherit;
}

.construction-search input[b-00bc2rstxv]::placeholder {
    color: var(--color-text-muted);
}

.group-option[b-00bc2rstxv] {
    min-height: 44px;
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 13px;
    cursor: pointer;
}

.group-option input[b-00bc2rstxv] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--color-brand);
}

.construction-results[b-00bc2rstxv] {
    --site-cover-height: 156px;
    display: grid;
    gap: var(--space-4);
    margin-top: var(--space-5);
}

.construction-panel-heading[b-00bc2rstxv] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); min-height: 32px; }
.construction-panel-heading h2[b-00bc2rstxv] { margin: 0; color: var(--color-heading); font-size: clamp(20px, 2.5vw, 26px); line-height: 32px; letter-spacing: -.02em; }
.construction-count[b-00bc2rstxv] { min-width: 26px; padding: 2px var(--space-2); border-radius: var(--radius-full); background: var(--plum-50); color: var(--color-accent); font-size: 13px; font-weight: 700; text-align: center; }

.construction-list[b-00bc2rstxv], .construction-loading[b-00bc2rstxv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
}

.construction-icon[b-00bc2rstxv] {
    width: 20px;
    height: 20px;
    display: inline-block;
    flex-shrink: 0;
    background: currentColor;
    mask: var(--icon) no-repeat center / contain;
}

.icon-folder[b-00bc2rstxv] {
    --icon: url("/images/folder.svg");
}

.icon-search[b-00bc2rstxv] {
    --icon: url("/images/search.svg");
}

.icon-plus[b-00bc2rstxv] {
    --icon: url("/images/plus.svg");
}


.construction-empty[b-00bc2rstxv] {
    min-height: 320px;
    padding: var(--space-9) var(--space-6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    text-align: center;
}

.construction-empty h3[b-00bc2rstxv] {
    margin: 0;
    color: var(--color-heading);
    font-size: 20px;
    line-height: 28px;
}

.empty-description[b-00bc2rstxv] {
    max-width: 400px;
    display: grid;
    gap: var(--space-2);
}

.construction-empty p[b-00bc2rstxv] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 20px;
}

.empty-mascot[b-00bc2rstxv] {
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background: var(--n-100) url("/images/danstrop-pattern-light.svg") center / 220px auto;
}

.empty-mascot img[b-00bc2rstxv] {
    display: block;
    object-fit: contain;
}

.empty-search-icon[b-00bc2rstxv] {
    width: 84px;
    height: 84px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background: var(--n-100);
    color: var(--color-text-muted);
}

.empty-search-icon .construction-icon[b-00bc2rstxv] {
    width: 24px;
    height: 24px;
}

.construction-skeleton[b-00bc2rstxv] { min-width: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.skeleton-thumbnail[b-00bc2rstxv] { display: block; width: 100%; height: var(--site-cover-height); border-radius: 0; }
.skeleton-card-body[b-00bc2rstxv] { display: grid; gap: var(--space-3); padding: var(--space-3) var(--space-4) var(--space-4); }
.skeleton-identity[b-00bc2rstxv] { display: grid; align-content: center; gap: var(--space-2); min-height: 62px; }
.skeleton-name[b-00bc2rstxv] { width: min(80%, 220px); height: 18px; }
.skeleton-detail[b-00bc2rstxv] { width: min(55%, 130px); height: 12px; }
.skeleton-card-footer[b-00bc2rstxv] { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); min-height: 52px; padding-top: var(--space-2); border-top: 1px solid var(--color-border); }
.skeleton-status[b-00bc2rstxv] { width: 76px; height: 26px; border-radius: var(--radius-full); }
.skeleton-date[b-00bc2rstxv] { width: min(42%, 116px); height: 16px; }

.error-state[b-00bc2rstxv] {
    background: var(--err-50);
    color: var(--err-700);
}

.icon-alert[b-00bc2rstxv] {
    --icon: url("/images/alert.svg");
}

.load-warning[b-00bc2rstxv] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--warn-50);
    color: var(--warn-700);
    font-size: 14px;
    line-height: 20px;
}

.constructions-toolbar + .load-warning[b-00bc2rstxv] { margin-top: var(--space-4); }

.project-dialog[b-00bc2rstxv] {
    width: min(480px, calc(100vw - 32px));
    max-height: calc(100svh - 32px);
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    color: var(--color-text);
    font-family: var(--font-family);
    box-shadow: var(--elevation-3);
    overflow-y: auto;
}


.project-form[b-00bc2rstxv] {
    display: grid;
    gap: var(--space-4);
}

.project-form h2[b-00bc2rstxv] {
    margin: 0 0 var(--space-2);
    color: var(--color-heading);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.project-description[b-00bc2rstxv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.project-description label[b-00bc2rstxv] {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.project-description textarea[b-00bc2rstxv],
.project-description select[b-00bc2rstxv] {
    width: 100%;
    min-height: var(--control-h-md);
    padding: var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
    line-height: 20px;
}

.project-description textarea[b-00bc2rstxv] {
    resize: vertical;
}

.project-description textarea:focus[b-00bc2rstxv],
.project-description select:focus[b-00bc2rstxv] {
    outline: none;
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.project-description textarea:disabled[b-00bc2rstxv] {
    background: var(--n-100);
}

.project-dialog-actions[b-00bc2rstxv] {
    margin-top: var(--space-2);
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
}

.confirmation-message[b-00bc2rstxv] {
    margin: 0;
    line-height: 24px;
}

.destructive-button[b-00bc2rstxv] {
    background: var(--color-danger);
}

.destructive-button:hover:not(:disabled)[b-00bc2rstxv] {
    background: var(--err-700);
}

.destructive-button:active:not(:disabled)[b-00bc2rstxv] {
    background: var(--err-700);
}

button:focus-visible[b-00bc2rstxv],
.group-option input:focus-visible[b-00bc2rstxv] {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
    box-shadow: var(--focus-ring);
}

@media (max-width: 1100px) {
    .construction-list[b-00bc2rstxv], .construction-loading[b-00bc2rstxv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 880px) {
    .construction-search[b-00bc2rstxv] { flex-basis: 100%; max-width: none; }
}

@media (max-width: 767px) {
    .construction-list[b-00bc2rstxv], .construction-loading[b-00bc2rstxv] { grid-template-columns: minmax(0, 1fr); }
    .constructions-header[b-00bc2rstxv] { min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(64px, .5fr); gap: var(--space-2); }
    .constructions-header h1[b-00bc2rstxv] { margin-bottom: var(--space-3); }
    .construction-empty[b-00bc2rstxv] { padding: var(--space-7) var(--space-4); }
    .constructions-toolbar[b-00bc2rstxv] { column-gap: var(--space-2); }
    .group-option[b-00bc2rstxv] { margin-inline-start: 0; }
    .construction-search input[b-00bc2rstxv],
    .project-description textarea[b-00bc2rstxv],
    .project-description select[b-00bc2rstxv] { min-height: var(--control-h-lg); font-size: 16px; }
    .project-dialog[b-00bc2rstxv] { padding: var(--space-4); }
    .project-form h2[b-00bc2rstxv] { font-size: 20px; line-height: 28px; }
    .project-dialog-actions[b-00bc2rstxv] { flex-direction: column-reverse; }
    .project-dialog-actions button[b-00bc2rstxv] { width: 100%; min-height: var(--control-h-lg); }
}
/* /Components/Pages/Constructions/ConstructionSite.razor.rz.scp.css */
.site-overview[b-hdj9l573j1] { max-width: 1440px; margin-inline: auto; min-width: 0; }
.site-hero[b-hdj9l573j1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    min-height: 208px;
    margin-bottom: var(--space-3);
}
.site-hero.has-cover[b-hdj9l573j1] { grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: var(--space-5); }
.site-hero-copy[b-hdj9l573j1] { min-width: 0; overflow-wrap: anywhere; }
.site-hero h1[b-hdj9l573j1] { margin: 0; color: var(--color-heading); font-size: 32px; line-height: 40px; letter-spacing: -.035em; }
.site-hero p[b-hdj9l573j1] { margin: 0 0 var(--space-2); color: var(--color-text-muted); font-size: 15px; font-variant-numeric: tabular-nums; }
.site-hero-action[b-hdj9l573j1] { margin-top: var(--space-3); }
.site-cover[b-hdj9l573j1] { position: relative; min-width: 0; min-height: 176px; align-self: stretch; overflow: hidden; border-radius: var(--radius-2xl); }
.site-cover-photo[b-hdj9l573j1] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.site-back-link[b-hdj9l573j1] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    margin-left: calc(-1 * var(--space-3));
    border-radius: var(--radius-md);
    color: var(--color-accent);
    font-weight: 600;
    text-decoration: none;
}

.site-icon[b-hdj9l573j1] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: currentColor;
    mask: var(--icon) no-repeat center / contain;
}

.icon-back[b-hdj9l573j1] { --icon: url("/images/back.svg"); }
.icon-alert[b-hdj9l573j1] { --icon: url("/images/alert.svg"); }

.site-back-link:focus-visible[b-hdj9l573j1] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}

.site-status[b-hdj9l573j1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.site-status > span[b-hdj9l573j1] {
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

.status-active[b-hdj9l573j1] { background: var(--ok-50); color: var(--ok-700); }
.status-closed[b-hdj9l573j1] { background: var(--n-100); color: var(--n-700); }

.site-overview-grid[b-hdj9l573j1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
}

.site-card[b-hdj9l573j1] {
    min-width: 0;
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    overflow-wrap: anywhere;
}

.site-information[b-hdj9l573j1],
.site-card-skeleton:first-child[b-hdj9l573j1] {
    grid-column: 1 / -1;
}

.site-card h2[b-hdj9l573j1] {
    margin: 0 0 var(--space-6);
    color: var(--color-heading);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.site-fields[b-hdj9l573j1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
    margin: 0;
}

.site-card:not(.site-information) .site-fields[b-hdj9l573j1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-fields > div[b-hdj9l573j1] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: var(--space-2);
}

.site-fields dt[b-hdj9l573j1] {
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 20px;
}

.site-fields dd[b-hdj9l573j1] {
    margin: 0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.site-description[b-hdj9l573j1] {
    margin-top: var(--space-6);
}

.site-description h3[b-hdj9l573j1] {
    margin: 0 0 var(--space-2);
    color: var(--color-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.site-description p[b-hdj9l573j1],
.site-location-description[b-hdj9l573j1] {
    max-width: 75ch;
    white-space: pre-line;
}

.site-card .site-address[b-hdj9l573j1],
.site-card .site-location-description[b-hdj9l573j1] {
    margin-bottom: var(--space-6);
}

.site-overview-error[b-hdj9l573j1] {
    min-height: 320px;
    padding: var(--space-9) var(--space-6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    text-align: center;
}

.site-overview-error h1[b-hdj9l573j1] {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
}

.site-overview-error p[b-hdj9l573j1] {
    max-width: 45ch;
    overflow-wrap: anywhere;
}

.site-error-icon[b-hdj9l573j1] {
    width: 84px;
    height: 84px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background: var(--err-50);
    color: var(--err-700);
}

.site-error-icon .site-icon[b-hdj9l573j1] {
    width: 24px;
    height: 24px;
}

.site-title-skeleton[b-hdj9l573j1] {
    display: grid;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.skeleton-heading[b-hdj9l573j1] { width: min(70%, 360px); height: 36px; }
.skeleton-caption[b-hdj9l573j1] { width: 96px; height: 16px; }
.skeleton-card-heading[b-hdj9l573j1] { width: min(60%, 200px); height: 24px; margin-bottom: var(--space-6); }
.skeleton-label[b-hdj9l573j1] { width: 120px; max-width: 100%; height: 12px; }
.skeleton-value[b-hdj9l573j1] { width: min(75%, 180px); height: 16px; }

.site-card-skeleton[b-hdj9l573j1] {
    display: grid;
    gap: var(--space-4);
}

.skeleton-field[b-hdj9l573j1] {
    display: grid;
    gap: var(--space-2);
}

@media (max-width: 767px) {
    .site-hero.has-cover[b-hdj9l573j1] { grid-template-columns: minmax(0, 1fr); }
    .site-hero h1[b-hdj9l573j1] { font-size: 24px; line-height: 32px; }
    .site-cover[b-hdj9l573j1] { min-height: 156px; }
    .site-overview-grid[b-hdj9l573j1] { grid-template-columns: 1fr; gap: var(--space-4); }
    .site-card[b-hdj9l573j1] { padding: var(--space-4); }
    .site-fields[b-hdj9l573j1],
    .site-card:not(.site-information) .site-fields[b-hdj9l573j1] { grid-template-columns: 1fr; gap: var(--space-4); }
    .site-card h2[b-hdj9l573j1] { margin-bottom: var(--space-4); }
    .site-overview-error[b-hdj9l573j1] { padding: var(--space-7) var(--space-4); }
    .skeleton-heading[b-hdj9l573j1] { height: 28px; }
}
.site-details[b-hdj9l573j1] { border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); margin-top: var(--space-4); }
.site-details > summary[b-hdj9l573j1] { cursor: pointer; padding: 20px 24px; color: var(--color-heading); font-size: 18px; font-weight: 600; min-height: 44px; }
.site-details > summary:focus-visible[b-hdj9l573j1] { outline: 0; box-shadow: var(--focus-ring); border-radius: var(--radius-xl); }
.site-details > .site-overview-grid[b-hdj9l573j1] { padding: 0 16px 16px; gap: 16px; }
.site-parcels[b-hdj9l573j1] { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--space-4); }
.site-parcels li[b-hdj9l573j1] { min-width: 0; display: grid; gap: var(--space-1); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border); overflow-wrap: anywhere; }
.site-parcels li:last-child[b-hdj9l573j1] { border-bottom: 0; padding-bottom: 0; }
.site-parcels span[b-hdj9l573j1] { color: var(--color-text-muted); font-size: 13px; }
/* /Components/Pages/Constructions/ConstructionStages.razor.rz.scp.css */
.stages-page[b-ovd12522jz] {
    max-width: 1440px;
    margin-inline: auto;
    min-width: 0;
    color: var(--color-text);
    font-family: var(--font-family);
}

.stage-hero[b-ovd12522jz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .56fr);
    align-items: center;
    gap: var(--space-6);
}


.hero-copy[b-ovd12522jz] { min-width: 0; }
.site-crumb[b-ovd12522jz] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; margin: -8px 0 4px; color: var(--plum-600); text-decoration: none; overflow-wrap: anywhere; font-size: 13px; }
h1[b-ovd12522jz], h2[b-ovd12522jz], h3[b-ovd12522jz] { color: var(--color-heading); margin: 0; line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
h1[b-ovd12522jz] { margin-block: 8px 10px; font-size: 32px; line-height: 40px; font-weight: 700; }
h2[b-ovd12522jz] { font-size: 24px; line-height: 32px; font-weight: 700; }
h3[b-ovd12522jz] { font-size: 16px; font-weight: 750; }
p[b-ovd12522jz] { margin: 0; color: var(--color-text-muted); line-height: 1.65; overflow-wrap: anywhere; }
.hero-actions[b-ovd12522jz] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: var(--space-5); }
.hero-map[b-ovd12522jz] { width: 100%; max-width: 340px; justify-self: end; overflow: visible; }
.map-halo[b-ovd12522jz], .map-line[b-ovd12522jz] { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.map-halo[b-ovd12522jz] { stroke: var(--n-0); stroke-width: 10; opacity: .85; }
.map-line[b-ovd12522jz] { stroke: var(--plum-300); stroke-width: 2; stroke-dasharray: 4 6; }
.map-origin[b-ovd12522jz], .map-end[b-ovd12522jz] { fill: var(--n-0); stroke: var(--plum-300); stroke-width: 2; }
.map-done[b-ovd12522jz] { fill: var(--ok-50); stroke: var(--ok-500); stroke-width: 2; }
.map-check[b-ovd12522jz] { fill: none; stroke: var(--ok-700); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.map-focus-ring[b-ovd12522jz] { fill: var(--red-100); }
.map-focus[b-ovd12522jz] { fill: var(--n-0); stroke: var(--color-brand); stroke-width: 3; }
.map-centre[b-ovd12522jz] { fill: var(--color-brand); }

.stage-icon[b-ovd12522jz] { display: inline-block; flex-shrink: 0; width: 18px; height: 18px; background: currentColor; mask: var(--stage-icon) center / contain no-repeat; }
.icon-plus[b-ovd12522jz] { --stage-icon: url('/images/plus.svg'); }
.icon-alert[b-ovd12522jz] { --stage-icon: url('/images/alert.svg'); }
.icon-check[b-ovd12522jz] { --stage-icon: url('/images/checkc.svg'); }
.icon-calendar[b-ovd12522jz], .icon-clock[b-ovd12522jz] { --stage-icon: url('/images/calendar.svg'); }
.icon-map[b-ovd12522jz] { --stage-icon: url('/images/stages.svg'); }
.icon-link[b-ovd12522jz] { --stage-icon: url('/images/link.svg'); }
.icon-edit[b-ovd12522jz] { --stage-icon: url('/images/edit.svg'); }
.icon-trash[b-ovd12522jz] { --stage-icon: url('/images/trash.svg'); }
.icon-file[b-ovd12522jz] { --stage-icon: url('/images/file.svg'); }
.icon-x[b-ovd12522jz] { --stage-icon: url('/images/x.svg'); }
.icon-tile[b-ovd12522jz] { flex-shrink: 0; display: inline-grid; place-items: center; width: 42px; height: 42px; color: var(--red-600); background: var(--red-50); border-radius: var(--radius-lg); }

.stage-metrics[b-ovd12522jz], .stage-skeleton[b-ovd12522jz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-block: 18px 24px; }
.metric[b-ovd12522jz] { min-width: 0; display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.metric > div[b-ovd12522jz] { min-width: 0; flex: 1; }
.metric:nth-child(2) .metric-icon[b-ovd12522jz] { color: var(--ok-700); background: var(--ok-50); }
.metric:nth-child(3) .metric-icon[b-ovd12522jz] { color: var(--plum-600); background: var(--plum-50); }
.metric-label[b-ovd12522jz] { display: block; color: var(--color-text-muted); font-size: 12px; margin-bottom: 4px; }
.metric strong[b-ovd12522jz] { display: block; font-size: 20px; line-height: 1.25; color: var(--color-heading); overflow-wrap: anywhere; }
.metric strong.Behind[b-ovd12522jz], .timing.late[b-ovd12522jz] { color: var(--err-700); }
.metric strong.Ahead[b-ovd12522jz], .timing.good[b-ovd12522jz] { color: var(--ok-700); }
.metric-denominator[b-ovd12522jz] { color: var(--color-text-muted); font-size: 14px; }
.metric small[b-ovd12522jz] { display: block; color: var(--color-text-muted); margin-top: 5px; font-size: 12px; line-height: 17px; overflow-wrap: anywhere; }
progress[b-ovd12522jz] { appearance: none; width: 100%; height: 5px; margin-top: 9px; border: 0; border-radius: 99px; background: var(--n-200); accent-color: var(--color-brand); }
progress[b-ovd12522jz]::-webkit-progress-bar { background: var(--n-200); border-radius: 99px; }
progress[b-ovd12522jz]::-webkit-progress-value { background: var(--color-brand); border-radius: 99px; }
progress[b-ovd12522jz]::-moz-progress-bar { background: var(--color-brand); border-radius: 99px; }

.stage-workspace[b-ovd12522jz] { display: grid; grid-template-columns: minmax(260px, .84fr) minmax(0, 1.32fr); gap: 20px; align-items: start; }
.panel[b-ovd12522jz] { min-width: 0; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.map-panel[b-ovd12522jz], .stage-summary[b-ovd12522jz], .stage-content[b-ovd12522jz] { padding: clamp(17px, 2.2vw, 27px); }
.detail-panel[b-ovd12522jz] { display: grid; gap: var(--space-4); min-width: 0; scroll-margin-top: 82px; }
.panel-heading[b-ovd12522jz], .detail-heading[b-ovd12522jz], .subpanel-heading[b-ovd12522jz], .dialog-heading[b-ovd12522jz] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.panel-heading[b-ovd12522jz] { margin-bottom: 20px; }
.panel-heading h2[b-ovd12522jz], .detail-heading h2[b-ovd12522jz] { margin-top: 4px; }
.count-chip[b-ovd12522jz] { display: inline-flex; align-items: center; min-height: 25px; padding: 2px 9px; border-radius: 99px; background: var(--plum-50); color: var(--plum-700); font-size: 11px; font-weight: 750; white-space: nowrap; }
.stage-rail[b-ovd12522jz] { display: grid; gap: 13px; position: relative; list-style: none; margin: 0; padding: 0; }
.stage-rail[b-ovd12522jz]::before { content: ""; position: absolute; inset: 24px auto 42px 16px; border-left: 1px dashed var(--plum-300); }
.stage-rail li[b-ovd12522jz] { position: relative; display: grid; grid-template-columns: 33px minmax(0, 1fr); align-items: start; gap: 12px; }
.stage-node[b-ovd12522jz] { z-index: 1; margin-top: 15px; display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid var(--n-300); border-radius: 50%; color: var(--plum-600); background: var(--n-0); font-size: 11px; font-weight: 750; }
.stage-node.Completed[b-ovd12522jz] { background: var(--ok-50); color: var(--ok-700); border-color: var(--ok-500); }
.stage-tick[b-ovd12522jz] { display: block; width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.stage-node .stage-tick[b-ovd12522jz] { width: 17px; height: 17px; }
.stage-node.InProgress[b-ovd12522jz], .selected-node .stage-node:not(.Completed)[b-ovd12522jz] { background: var(--color-brand); color: var(--n-0); border-color: var(--color-brand); }
.selected-node .stage-node[b-ovd12522jz] { box-shadow: 0 0 0 4px var(--red-50); }
.stage-card[b-ovd12522jz] { position: relative; display: grid; gap: 5px; min-width: 0; width: 100%; padding: 11px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); color: var(--color-text); background: var(--n-0); text-align: left; font: inherit; cursor: pointer; }
.stage-card[b-ovd12522jz]::before { content: ""; position: absolute; top: 30px; left: -13px; width: 12px; border-top: 1px solid var(--plum-200); }
.selected-node .stage-card[b-ovd12522jz] { border-color: var(--red-300); background: var(--red-50); }
.stage-card-date[b-ovd12522jz] { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--color-text-muted); line-height: 16px; }
.stage-card-date .stage-icon[b-ovd12522jz] { width: 13px; height: 13px; color: var(--plum-500); }
.stage-card-title[b-ovd12522jz] { display: flex; justify-content: space-between; gap: 8px; color: var(--color-heading); font-size: 14px; font-weight: 800; overflow-wrap: anywhere; }
.stage-card-title > span[b-ovd12522jz] { font-size: 19px; line-height: 18px; color: var(--plum-500); }
.stage-card-state[b-ovd12522jz] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.status-pill[b-ovd12522jz] { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 99px; background: var(--n-100); color: var(--n-700); font-size: 12px; font-weight: 700; flex-shrink: 0; }
.status-pill[b-ovd12522jz]::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-pill.InProgress[b-ovd12522jz] { color: var(--info-700); background: var(--info-50); }
.status-pill.Completed[b-ovd12522jz] { color: var(--ok-700); background: var(--ok-50); }
.status-pill.Completed.late[b-ovd12522jz] { color: var(--err-700); background: var(--err-50); }
.timing[b-ovd12522jz] { font-size: 12px; font-weight: 700; }

.stage-description[b-ovd12522jz] { margin-top: var(--space-2); white-space: pre-wrap; font-size: 14px; }
.stage-goal[b-ovd12522jz] { margin-top: var(--space-4); }
.stage-goal strong[b-ovd12522jz], .completion-note strong[b-ovd12522jz] { color: var(--color-heading); font-size: 13px; }
.stage-goal p[b-ovd12522jz], .completion-note p[b-ovd12522jz] { font-size: 14px; white-space: pre-wrap; }
.stage-dates[b-ovd12522jz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-4) 0 0; padding-block: var(--space-4); border-top: 1px solid var(--color-border); }
.stage-dates dt[b-ovd12522jz] { font-size: 12px; color: var(--color-text-muted); }
.stage-dates dd[b-ovd12522jz] { margin: 4px 0 0; color: var(--color-heading); font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
.completion-note[b-ovd12522jz] { margin-bottom: var(--space-4); }
.detail-actions[b-ovd12522jz], .step-actions[b-ovd12522jz] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; justify-content: flex-end; }
.detail-actions:empty[b-ovd12522jz], .step-actions:empty[b-ovd12522jz] { display: none; }
.stage-content-heading[b-ovd12522jz] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-3); }
.stage-tabs[b-ovd12522jz] { display: flex; flex-wrap: wrap; gap: 8px; }
.subpanel-heading[b-ovd12522jz] { align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.task-panel-actions[b-ovd12522jz] { margin-block: var(--space-3); }
.subpanel-empty[b-ovd12522jz] { color: var(--color-text-muted); font-size: 13px; margin-top: var(--space-4); padding: 14px 0; }
.subpanel-empty p[b-ovd12522jz] { margin-bottom: 8px; }
.step-list[b-ovd12522jz] { list-style: none; margin: var(--space-4) 0 0; padding: 0; }
.step-list li[b-ovd12522jz] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-4); padding-block: var(--space-3); border-top: 1px solid var(--color-border); }
.step-list li:last-child[b-ovd12522jz] { padding-bottom: 0; }
.step-copy[b-ovd12522jz] { flex: 1 1 185px; min-width: 0; }
.step-dot[b-ovd12522jz] { display: grid; place-items: center; width: 20px; height: 20px; border: 1px solid var(--n-300); border-radius: 50%; color: var(--ok-700); background: var(--n-0); }
.step-dot.checked[b-ovd12522jz] { background: var(--ok-50); border-color: var(--ok-500); }
.step-heading[b-ovd12522jz] { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: var(--space-3); line-height: 20px; }
.step-heading strong[b-ovd12522jz] { color: var(--color-heading); font-size: 14px; overflow-wrap: anywhere; }
.step-notes[b-ovd12522jz] { padding-inline-start: 32px; }
.step-notes p[b-ovd12522jz] { font-size: 13px; white-space: pre-wrap; margin-top: 4px; }
.step-actions[b-ovd12522jz] { margin-inline-start: auto; }
.stage-history[b-ovd12522jz], .linked-tasks[b-ovd12522jz] { list-style: none; margin: var(--space-4) 0 0; padding: 0; display: grid; gap: 8px; }
.stage-history li[b-ovd12522jz], .linked-tasks li[b-ovd12522jz] { padding: 11px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow-wrap: anywhere; }
.stage-history li[b-ovd12522jz] { border-left: 3px solid var(--plum-200); display: grid; gap: 3px; }
.stage-history strong[b-ovd12522jz], .linked-tasks a[b-ovd12522jz] { color: var(--color-heading); font-size: 13px; font-weight: 750; }
.stage-history span[b-ovd12522jz], .linked-tasks span[b-ovd12522jz] { color: var(--color-text-muted); font-size: 11px; }
.stage-history p[b-ovd12522jz] { font-size: 13px; white-space: pre-wrap; }
.linked-tasks li[b-ovd12522jz] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.linked-tasks li > div[b-ovd12522jz] { display: grid; gap: 3px; min-width: 0; }
.pagination[b-ovd12522jz] { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 12px; font-size: 12px; color: var(--color-text-muted); }

.empty-state[b-ovd12522jz] { display: grid; justify-items: center; text-align: center; gap: 10px; padding: 36px 18px; margin-top: 18px; }
.empty-state p[b-ovd12522jz] { max-width: 50ch; font-size: 14px; }
.empty-state h2[b-ovd12522jz] { font-size: 20px; }
.stage-skeleton .skeleton-shape[b-ovd12522jz] { height: 84px; border-radius: var(--radius-xl); }
.skeleton-panel[b-ovd12522jz] { display: grid; gap: 10px; padding: 24px; }
.skeleton-panel .skeleton-shape[b-ovd12522jz] { height: 56px; border-radius: var(--radius-lg); }
.skeleton-panel .skeleton-shape:first-of-type[b-ovd12522jz] { height: 23px; width: 58%; }
.tab-skeleton[b-ovd12522jz] { padding: 12px 0; }

.stage-dialog[b-ovd12522jz] { width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); color: var(--color-text); box-shadow: var(--elevation-3); font-family: var(--font-family); }
.dialog-heading[b-ovd12522jz] { align-items: center; margin-bottom: 12px; }
.stage-dialog fieldset[b-ovd12522jz] { padding: 0; margin: 0; border: 0; min-inline-size: 0; display: grid; gap: 12px; }
.field[b-ovd12522jz] { display: grid; gap: 5px; font-size: 13px; font-weight: 650; color: var(--color-text); }
.field :is(input, select, textarea)[b-ovd12522jz] { min-width: 0; width: 100%; padding: 8px 10px; min-height: 44px; color: var(--color-text); font: inherit; font-weight: 500; border: 1px solid var(--color-border-input); border-radius: var(--radius-md); background: var(--n-0); }
.field textarea[b-ovd12522jz] { resize: vertical; }
.step-position[b-ovd12522jz] { display: flex; align-items: center; gap: var(--space-2); }
.step-position output[b-ovd12522jz] { display: grid; place-items: center; min-width: 44px; min-height: 44px; color: var(--color-heading); font-size: 15px; font-variant-numeric: tabular-nums; }
.form-grid[b-ovd12522jz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dialog-confirm[b-ovd12522jz] { font-size: 13px; }
.confirmation-note[b-ovd12522jz], .form-error[b-ovd12522jz] { padding: 12px; border-radius: var(--radius-md); font-size: 13px; }
.confirmation-note[b-ovd12522jz] { display: flex; align-items: center; gap: 10px; min-height: 44px; background: var(--warn-50); color: var(--warn-700); }
.confirmation-note input[b-ovd12522jz] { accent-color: var(--color-brand); }
.form-error[b-ovd12522jz] { margin-top: 12px; background: var(--err-50); color: var(--err-700); }
.dialog-actions[b-ovd12522jz] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--color-border); padding-top: 16px; margin-top: 18px; }
:is(a, button, input, select, textarea, .detail-panel):focus-visible[b-ovd12522jz] { outline: none; box-shadow: var(--focus-ring); }

@media (hover: hover) and (pointer: fine) {
    .stage-card:hover:not(:disabled)[b-ovd12522jz] { border-color: var(--red-300); }
}
@media (max-width: 920px) {
    .stage-workspace[b-ovd12522jz] { gap: 14px; grid-template-columns: minmax(220px, .83fr) minmax(0, 1.23fr); }
    .metric[b-ovd12522jz] { padding: 12px; gap: 8px; }
    .metric-icon[b-ovd12522jz] { width: 34px; height: 34px; }
    .metric strong[b-ovd12522jz] { font-size: 17px; }
}
@media (max-width: 767px) {
    h1[b-ovd12522jz] { font-size: 24px; line-height: 32px; }
    h2[b-ovd12522jz] { font-size: 20px; line-height: 28px; }
    .stage-workspace[b-ovd12522jz] { grid-template-columns: minmax(0, 1fr); }
    .stage-rail[b-ovd12522jz] { max-height: min(540px, 66vh); overflow: auto; padding: 4px; margin: -4px; }
    .stage-rail[b-ovd12522jz]::before { inset-inline-start: 20px; }
    .stage-dialog[b-ovd12522jz] { padding: 16px; }
    .field :is(input, select, textarea)[b-ovd12522jz] { font-size: 16px; }
}
@media (max-width: 540px) {
    .stage-hero[b-ovd12522jz] { grid-template-columns: minmax(0, 1fr); }
    .hero-map[b-ovd12522jz] { display: none; }
    .stage-metrics[b-ovd12522jz] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-block: 12px 16px; }
    .metric:last-child[b-ovd12522jz] { grid-column: 1 / -1; }
    .metric[b-ovd12522jz] { padding: 10px; gap: 7px; }
    .metric .icon-tile[b-ovd12522jz] { width: 28px; height: 28px; }
    .metric .stage-icon[b-ovd12522jz] { width: 14px; height: 14px; }
    .metric-label[b-ovd12522jz] { font-size: 11px; }
    .metric strong[b-ovd12522jz] { font-size: 15px; }
    .map-panel[b-ovd12522jz], .stage-summary[b-ovd12522jz], .stage-content[b-ovd12522jz] { padding: 14px; }
    .detail-heading[b-ovd12522jz] { flex-wrap: wrap; align-items: center; }
    .step-copy[b-ovd12522jz] { flex-basis: 100%; }
    .step-actions[b-ovd12522jz] { margin-inline-start: 32px; justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .stage-card[b-ovd12522jz] { transition: none; }
}

.required[b-ovd12522jz] { color: var(--color-danger); }
/* /Components/Pages/Constructions/ConstructionTasks.razor.rz.scp.css */
.tasks-page[b-c9o8i2abfp] { max-width: 1440px; margin-inline: auto; min-width: 0; }
.tasks-hero[b-c9o8i2abfp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .62fr);
    align-items: center;
    gap: var(--space-6);
    min-height: 220px;
}
.hero-copy[b-c9o8i2abfp] { min-width: 0; }
.back-link[b-c9o8i2abfp] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; max-width: 100%; margin-top: -8px; color: var(--color-accent); font-size: 13px; text-decoration: none; overflow-wrap: anywhere; }
.tasks-hero h1[b-c9o8i2abfp], .task-panel h2[b-c9o8i2abfp] { margin: 0; color: var(--color-heading); letter-spacing: -.025em; overflow-wrap: anywhere; }
.tasks-hero h1[b-c9o8i2abfp] { margin-block: var(--space-2) var(--space-5); font-size: 32px; line-height: 40px; }
.task-panel h2[b-c9o8i2abfp] { font-size: 24px; line-height: 32px; }
.task-flow[b-c9o8i2abfp] { position: relative; display: flex; align-items: center; justify-content: space-between; width: min(100%, 380px); justify-self: end; }
.task-flow[b-c9o8i2abfp]::before { content: ""; position: absolute; inset: 50% 10% auto; border-top: 2px dashed var(--plum-300); }
.flow-node[b-c9o8i2abfp] { z-index: 1; display: grid; place-items: center; width: clamp(44px, 5vw, 62px); aspect-ratio: 1; border: 1.5px solid currentColor; border-radius: var(--radius-full); background: var(--red-50); color: var(--red-600); }
.flow-node:first-of-type[b-c9o8i2abfp] { box-shadow: 0 0 0 5px var(--red-100); }
.flow-node .task-icon[b-c9o8i2abfp], .flow-node svg[b-c9o8i2abfp] { width: 52%; height: 52%; }
.flow-node svg[b-c9o8i2abfp] { stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.flow-progress[b-c9o8i2abfp] { background: var(--info-50); color: var(--info-700); }
.flow-review[b-c9o8i2abfp] { background: var(--warn-50); color: var(--warn-700); }
.flow-done[b-c9o8i2abfp] { background: var(--ok-50); color: var(--ok-700); }

.task-metrics[b-c9o8i2abfp] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-4) 0 var(--space-5); }
.task-metric[b-c9o8i2abfp] { min-width: 0; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.task-metric dt[b-c9o8i2abfp] { color: var(--color-text-muted); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
.task-metric dd[b-c9o8i2abfp] { margin: 2px 0 0; color: var(--color-heading); font-size: 22px; font-weight: 750; line-height: 28px; font-variant-numeric: tabular-nums; }
.metric-icon[b-c9o8i2abfp] { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: var(--radius-lg); }
.metric-icon.status-Open[b-c9o8i2abfp] { background: var(--red-50); color: var(--red-600); }
.metric-skeleton[b-c9o8i2abfp] { display: block; width: 28px; height: 17px; margin-block: 6px 5px; }

.tasks-workspace[b-c9o8i2abfp] { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(0, 1.4fr); align-items: start; gap: var(--space-4); }
.task-panel[b-c9o8i2abfp] { min-width: 0; padding: clamp(16px, 2vw, 26px); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.task-details[b-c9o8i2abfp] { min-width: 0; display: grid; gap: var(--space-4); scroll-margin-top: 82px; }
.task-details[hidden][b-c9o8i2abfp], .more-statuses[hidden][b-c9o8i2abfp] { display: none; }
.mobile-list-back[b-c9o8i2abfp] { display: none; }
.mine-filter[b-c9o8i2abfp] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; margin-top: var(--space-1); cursor: pointer; font-size: 13px; font-weight: 600; }
.mine-filter input[b-c9o8i2abfp] { width: 18px; height: 18px; accent-color: var(--color-brand); }
.status-filters[b-c9o8i2abfp], .more-statuses[b-c9o8i2abfp], .extra-tabs[b-c9o8i2abfp] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.status-filters[b-c9o8i2abfp] { margin: var(--space-1) 0 var(--space-5); }
.more-statuses[b-c9o8i2abfp] { flex-basis: 100%; padding-block: var(--space-2) 0; }
.task-list[b-c9o8i2abfp] { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.task-list > li[b-c9o8i2abfp] { min-width: 0; }
.task-card[b-c9o8i2abfp] { min-width: 0; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.task-row[b-c9o8i2abfp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-3);
    width: 100%;
    min-height: 76px;
    color: var(--color-heading);
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: background-color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);
}
.task-row[aria-pressed="true"][b-c9o8i2abfp] { border-color: var(--red-300); background: var(--red-50); }
.task-row:disabled[b-c9o8i2abfp] { cursor: default; }
.selection-dot[b-c9o8i2abfp] { width: 19px; height: 19px; border: 1px solid var(--n-300); border-radius: var(--radius-full); background: var(--n-0); }
.task-row[aria-pressed="true"] .selection-dot[b-c9o8i2abfp] { border: 6px solid var(--color-brand); }
.task-row-copy[b-c9o8i2abfp] { display: grid; gap: var(--space-1); overflow-wrap: anywhere; }
.task-row-copy > strong[b-c9o8i2abfp] { font-size: 15px; line-height: 20px; }
.row-date[b-c9o8i2abfp], .row-meta[b-c9o8i2abfp], .row-assignee[b-c9o8i2abfp] { display: flex; align-items: center; gap: var(--space-1); color: var(--color-text-muted); font-size: 13px; line-height: 18px; }
.row-meta[b-c9o8i2abfp] { gap: var(--space-2); flex-wrap: wrap; }
.row-date .task-icon[b-c9o8i2abfp], .row-assignee .task-icon[b-c9o8i2abfp] { width: 15px; height: 15px; }
.row-date .task-icon[b-c9o8i2abfp], .row-chevron[b-c9o8i2abfp] { color: var(--color-accent); }
.row-chevron[b-c9o8i2abfp] { font-size: 23px; font-weight: 700; line-height: 1; }
.overdue[b-c9o8i2abfp], .detail-meta dd.overdue[b-c9o8i2abfp] { color: var(--err-700); }
.status-badge[b-c9o8i2abfp] { display: inline-flex; align-items: center; gap: 5px; padding: 3px var(--space-2); border-radius: var(--radius-full); font-size: 12px; font-weight: 650; line-height: 17px; }
.status-badge[b-c9o8i2abfp]::before { content: ""; width: 5px; height: 5px; flex: none; border-radius: 50%; background: currentColor; }
.status-Open[b-c9o8i2abfp] { background: var(--n-100); color: var(--n-700); }
.status-InProgress[b-c9o8i2abfp] { background: var(--info-50); color: var(--info-700); }
.status-PendingApproval[b-c9o8i2abfp] { background: var(--warn-50); color: var(--warn-700); }
.status-Rejected[b-c9o8i2abfp] { background: var(--err-50); color: var(--err-700); }
.status-Completed[b-c9o8i2abfp] { background: var(--ok-50); color: var(--ok-700); }
.task-icon[b-c9o8i2abfp] { width: 20px; height: 20px; display: inline-block; flex-shrink: 0; background: currentColor; mask: var(--icon) no-repeat center / contain; }
.icon-plus[b-c9o8i2abfp] { --icon: url('/images/plus.svg'); }
.icon-alert[b-c9o8i2abfp] { --icon: url('/images/alert.svg'); }
.icon-person[b-c9o8i2abfp] { --icon: url('/images/team.svg'); }
.icon-camera[b-c9o8i2abfp] { --icon: url('/images/camera.svg'); }
.icon-close[b-c9o8i2abfp] { --icon: url('/images/x.svg'); }
.icon-calendar[b-c9o8i2abfp] { --icon: url('/images/calendar.svg'); }
.icon-helmet[b-c9o8i2abfp] { --icon: url('/images/helmet.svg'); }
.icon-review[b-c9o8i2abfp] { --icon: url('/images/file.svg'); }
.icon-check[b-c9o8i2abfp] { --icon: url('/images/checkc.svg'); }
.icon-clock[b-c9o8i2abfp] { --icon: url('/images/work-hours.svg'); }
.icon-attachment[b-c9o8i2abfp] { --icon: url('/images/attachment.svg'); }

.pagination[b-c9o8i2abfp] { margin-top: var(--space-4); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); }
.state[b-c9o8i2abfp] { min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-3); text-align: center; }
.state h3[b-c9o8i2abfp] { margin: 0; color: var(--color-heading); font-size: 16px; line-height: 24px; }
.task-skeleton[b-c9o8i2abfp] { display: grid; align-content: center; gap: var(--space-2); min-height: 84px; }
.detail-skeleton[b-c9o8i2abfp] { min-height: 235px; align-content: start; }
.skeleton-title[b-c9o8i2abfp] { width: 45%; height: 20px; }
.skeleton-line[b-c9o8i2abfp] { width: 72%; height: 14px; }
.skeleton-meta[b-c9o8i2abfp] { width: 28%; height: 13px; }


.task-dialog[b-c9o8i2abfp] { width: min(720px, calc(100vw - 32px)); max-height: calc(100svh - 48px); margin: auto; padding: var(--space-6); overflow-x: hidden; overflow-y: auto; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); color: var(--color-text); font: inherit; box-shadow: var(--elevation-3); }
.dialog-heading[b-c9o8i2abfp] { margin-bottom: var(--space-6); display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.dialog-heading h2[b-c9o8i2abfp] { margin: 0; color: var(--color-heading); font-size: 24px; line-height: 32px; font-weight: 700; }
.close-button[b-c9o8i2abfp] { padding: 0; flex-shrink: 0; }
fieldset[b-c9o8i2abfp] { min-width: 0; padding: 0; margin: 0; display: grid; gap: var(--space-4); border: 0; }
.field[b-c9o8i2abfp] { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.field label[b-c9o8i2abfp] { font-size: 13px; font-weight: 600; line-height: 16px; }
.field input[b-c9o8i2abfp], .field select[b-c9o8i2abfp], .field textarea[b-c9o8i2abfp] { width: 100%; min-width: 0; min-height: 40px; padding: var(--space-2) var(--space-3); border: 1.5px solid var(--n-300); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-text); font: inherit; }
.field textarea[b-c9o8i2abfp] { resize: vertical; line-height: 24px; }
.field input:focus[b-c9o8i2abfp], .field select:focus[b-c9o8i2abfp], .field textarea:focus[b-c9o8i2abfp] { outline: 0; border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.field small[b-c9o8i2abfp], .helper-note[b-c9o8i2abfp], .photo-section > small[b-c9o8i2abfp] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.required-mark[b-c9o8i2abfp] { color: var(--color-brand); }
.related-fields[b-c9o8i2abfp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.dialog-actions[b-c9o8i2abfp] { margin-top: var(--space-6); padding-top: var(--space-4); display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-2); border-top: 1px solid var(--color-border); }
.task-actions[b-c9o8i2abfp] { justify-content: flex-start; }
.form-alert[b-c9o8i2abfp] { margin-bottom: var(--space-4); padding: var(--space-3); display: flex; align-items: flex-start; gap: var(--space-2); border: 1px solid var(--red-200); border-radius: var(--radius-lg); background: var(--err-50); color: var(--err-700); }
.form-alert p[b-c9o8i2abfp] { margin: 0; color: inherit; }

.detail-heading[b-c9o8i2abfp] { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.detail-heading h2[b-c9o8i2abfp] { flex: 1 1 235px; }
.detail-heading .status-badge[b-c9o8i2abfp] { margin-top: 3px; }
.detail-description[b-c9o8i2abfp], .completion-note p[b-c9o8i2abfp] { color: var(--color-text-muted); white-space: pre-wrap; overflow-wrap: anywhere; max-width: 75ch; }
.detail-description[b-c9o8i2abfp] { margin: var(--space-3) 0 0; }
.detail-meta[b-c9o8i2abfp] { margin: var(--space-5) 0; padding-top: var(--space-4); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); border-top: 1px solid var(--color-border); }
.detail-meta div[b-c9o8i2abfp] { min-width: 0; }
.detail-meta dt[b-c9o8i2abfp] { margin-bottom: var(--space-1); color: var(--color-text-muted); font-size: 13px; overflow-wrap: anywhere; }
.detail-meta dd[b-c9o8i2abfp] { margin: 0; color: var(--color-heading); font-weight: 650; overflow-wrap: anywhere; }
.detail-meta dd.priority-High[b-c9o8i2abfp] { color: var(--warn-700); }
.completion-note[b-c9o8i2abfp] { display: flex; align-items: flex-start; gap: var(--space-3); margin-top: var(--space-3); padding: var(--space-4); border-radius: var(--radius-lg); background: var(--warn-50); }
.completion-note .task-icon[b-c9o8i2abfp] { color: var(--warn-700); }
.completion-note h3[b-c9o8i2abfp] { margin: 0 0 var(--space-1); font-size: 15px; line-height: 20px; color: var(--color-heading); }
.completion-note p[b-c9o8i2abfp] { margin: 0; }
.task-actions[b-c9o8i2abfp] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-5); }
.extra-tabs[b-c9o8i2abfp] { padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border); }
.photo-section[b-c9o8i2abfp] { padding-top: var(--space-4); }
.photo-section > p[b-c9o8i2abfp], .task-history > p[b-c9o8i2abfp] { margin: 0; color: var(--color-text-muted); }
.task-history[b-c9o8i2abfp] { padding-top: var(--space-4); }
.task-history ol[b-c9o8i2abfp] { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.task-history li[b-c9o8i2abfp] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--space-2); }
.task-history li + li[b-c9o8i2abfp] { padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.task-history li .task-icon[b-c9o8i2abfp] { color: var(--color-text-muted); }
.task-history li strong[b-c9o8i2abfp], .task-history li div > span[b-c9o8i2abfp] { display: block; overflow-wrap: anywhere; }
.task-history li time[b-c9o8i2abfp], .task-history li div > span[b-c9o8i2abfp] { color: var(--color-text-muted); font-size: 13px; }
.task-history li p[b-c9o8i2abfp] { margin: var(--space-1) 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }

.completion-prompt[b-c9o8i2abfp] { margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--ok-500); border-radius: var(--radius-lg); background: var(--ok-50); }
.completion-prompt p[b-c9o8i2abfp] { margin: 0 0 var(--space-3); color: var(--ok-700); }
.completion-prompt > div[b-c9o8i2abfp] { display: flex; flex-wrap: wrap; gap: var(--space-2); }

.task-photos[b-c9o8i2abfp] { margin-block: var(--space-3); display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: var(--space-3); }
.task-photo[b-c9o8i2abfp] { min-width: 0; min-height: 130px; padding: var(--space-2); display: flex; flex-direction: column; align-items: center; gap: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--n-50); font-size: 12px; text-align: center; }
.task-photo img[b-c9o8i2abfp] { width: 100%; height: 110px; border-radius: var(--radius-sm); object-fit: cover; }
.task-photo-caption[b-c9o8i2abfp] { display: flex; align-items: center; gap: var(--space-1); width: 100%; margin-top: auto; }
.task-photo-caption .photo-remove[data-ds-button][b-c9o8i2abfp] { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; --button-bg: transparent; --button-hover: transparent; --button-press: transparent; background: transparent; }
.photo-name[b-c9o8i2abfp] { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.dictation-field[b-c9o8i2abfp] { position: relative; }
.dictation-field textarea[b-c9o8i2abfp] { min-height: 150px; padding-bottom: 58px; padding-right: var(--space-4); }
.dictation-field[b-c9o8i2abfp]  .input-dictation { position: absolute; right: var(--space-3); bottom: var(--space-2); }
.visually-hidden[b-c9o8i2abfp] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

button:focus-visible[b-c9o8i2abfp], a:focus-visible[b-c9o8i2abfp], .task-details:focus-visible[b-c9o8i2abfp], .list-panel h2:focus-visible[b-c9o8i2abfp] { outline: 0; box-shadow: var(--focus-ring); }
.read-only-note[b-c9o8i2abfp] { margin: var(--space-4) 0; }
.tasks-hero + .tasks-workspace[b-c9o8i2abfp] { margin-top: var(--space-4); }
@media (hover: hover) and (pointer: fine) {
    .task-row:hover:not(:disabled)[b-c9o8i2abfp] { transform: translateY(-2px); border-color: var(--red-300); background: var(--red-50); }
    .task-row:active:not(:disabled)[b-c9o8i2abfp] { transform: translateY(1px); }
}
@media (prefers-reduced-motion: reduce) {
    .task-row[b-c9o8i2abfp] { transition: none; }
    .task-row:hover:not(:disabled)[b-c9o8i2abfp], .task-row:active:not(:disabled)[b-c9o8i2abfp] { transform: none; }
}
@media (max-width: 767px) {
    .tasks-hero[b-c9o8i2abfp] { min-height: 0; grid-template-columns: 1fr; }
    .tasks-hero h1[b-c9o8i2abfp] { font-size: 24px; line-height: 32px; }
    .task-panel h2[b-c9o8i2abfp] { font-size: 20px; line-height: 28px; }
    .task-flow[b-c9o8i2abfp] { display: none; }
    .task-metrics[b-c9o8i2abfp] { gap: var(--space-2); }
    .task-metric[b-c9o8i2abfp] { flex-direction: column; align-items: flex-start; gap: var(--space-2); padding: var(--space-2); }
    .metric-icon[b-c9o8i2abfp] { width: 32px; height: 32px; }
    .metric-icon .task-icon[b-c9o8i2abfp] { width: 16px; height: 16px; }
    .tasks-workspace[b-c9o8i2abfp] { grid-template-columns: minmax(0, 1fr); }
    .tasks-workspace:not(.mobile-task-open) .task-details[b-c9o8i2abfp], .mobile-task-open .list-panel[b-c9o8i2abfp] { display: none; }
    .mobile-task-open .mobile-list-back[b-c9o8i2abfp] { display: inline-flex; justify-self: start; }
    .status-badge[b-c9o8i2abfp] { font-size: 13px; }
    .task-dialog[b-c9o8i2abfp] { max-height: calc(100svh - 24px); padding: var(--space-4); border-radius: var(--radius-xl); }
    .related-fields[b-c9o8i2abfp] { grid-template-columns: minmax(0, 1fr); }
    .detail-meta[b-c9o8i2abfp] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .field input[b-c9o8i2abfp], .field select[b-c9o8i2abfp] { min-height: 48px; }
    .field small[b-c9o8i2abfp], .helper-note[b-c9o8i2abfp], .photo-section > small[b-c9o8i2abfp] { font-size: 13px; }
    .dialog-actions > button[b-c9o8i2abfp], .dialog-actions > a[b-c9o8i2abfp], .task-actions > button[b-c9o8i2abfp], .task-actions > a[b-c9o8i2abfp] { flex: 1 1 auto; }
    .task-photos[b-c9o8i2abfp] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .task-history li[b-c9o8i2abfp] { grid-template-columns: auto minmax(0, 1fr); }
    .task-history li time[b-c9o8i2abfp] { grid-column: 2; }
}
/* /Components/Pages/Constructions/SiteGuestInvitations.razor.rz.scp.css */
.guest-invite-trigger[b-yu9ml0kpjq], .guest-primary[b-yu9ml0kpjq], .guest-quiet[b-yu9ml0kpjq], .guest-destructive[b-yu9ml0kpjq], .guest-dialog-close[b-yu9ml0kpjq] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid transparent; border-radius: var(--radius-lg); font: inherit; font-size: 14px; font-weight: 600; transition: translate var(--motion-fast), background-color var(--motion-fast); }
.guest-invite-trigger[b-yu9ml0kpjq] { color: var(--color-brand); border-color: var(--red-200); background: var(--red-50); }
.guest-invite-dialog[b-yu9ml0kpjq] { width: min(640px, 100%); min-width: 0; max-height: calc(100dvh - 32px); overflow: auto; padding: var(--space-6); background: var(--color-surface); }
.guest-invite-header[b-yu9ml0kpjq] { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); margin-bottom: var(--space-5); }
.guest-invite-header h2[b-yu9ml0kpjq] { margin: 0; color: var(--color-heading); font-size: 24px; line-height: 32px; }
.guest-invite-header p[b-yu9ml0kpjq], .guest-invite-empty[b-yu9ml0kpjq] { margin: 0; color: var(--color-text-muted); font-size: 14px; line-height: 22px; }
.guest-dialog-close[b-yu9ml0kpjq] { flex: 0 0 44px; padding: 0; color: var(--color-accent); background: transparent; }
.guest-invite-form[b-yu9ml0kpjq], .guest-field[b-yu9ml0kpjq], .guest-invite-skeleton[b-yu9ml0kpjq] { display: grid; gap: var(--space-4); }
.guest-field[b-yu9ml0kpjq] { min-width: 0; gap: 6px; }
.guest-field label[b-yu9ml0kpjq] { color: var(--color-text); font-size: 13px; font-weight: 600; }
.guest-field select[b-yu9ml0kpjq], .guest-field input[b-yu9ml0kpjq] { width: 100%; min-width: 0; min-height: 44px; padding: 8px 12px; border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); font: inherit; }
.guest-field select:focus-visible[b-yu9ml0kpjq], .guest-field input:focus-visible[b-yu9ml0kpjq] { outline: 3px solid var(--red-200); outline-offset: 2px; }
.guest-form-row[b-yu9ml0kpjq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.guest-grant-summary[b-yu9ml0kpjq] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; color: var(--color-text-muted); font-size: 13px; overflow-wrap: anywhere; }
.guest-grant-status[b-yu9ml0kpjq] { padding: 4px 10px; border-radius: 999px; background: var(--n-100); color: var(--color-text-muted); font-weight: 600; }
.guest-grant-status[data-state="Pending"][b-yu9ml0kpjq] { background: var(--warn-50); color: var(--warn-700); }
.guest-grant-status[data-state="Active"][b-yu9ml0kpjq] { background: var(--ok-50); color: var(--ok-700); }
.guest-invite-actions[b-yu9ml0kpjq] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.guest-invite-empty + .guest-invite-actions[b-yu9ml0kpjq] { margin-top: var(--space-4); }
.guest-primary[b-yu9ml0kpjq] { background: var(--color-brand); color: var(--n-0); }
.guest-quiet[b-yu9ml0kpjq] { background: transparent; color: var(--color-accent); }
.guest-danger[b-yu9ml0kpjq] { color: var(--err-700); }
.guest-destructive[b-yu9ml0kpjq] { background: var(--err-500); color: var(--n-0); }
.guest-invite-error[b-yu9ml0kpjq], .guest-confirmation[b-yu9ml0kpjq] { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px; border-radius: var(--radius-md); background: var(--err-50); color: var(--err-700); font-size: 14px; line-height: 22px; }
.guest-invite-alert[b-yu9ml0kpjq] { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 2px; background: currentColor; mask: url('/images/alert.svg') center / contain no-repeat; }
.guest-confirmation[b-yu9ml0kpjq] { background: var(--warn-50); color: var(--warn-700); }
.guest-invite-skeleton .skeleton-shape[b-yu9ml0kpjq] { height: 44px; }
@media (hover: hover) and (pointer: fine) {
    .guest-invite-trigger:hover:not(:disabled)[b-yu9ml0kpjq] { background: var(--red-100); }
    .guest-primary:hover:not(:disabled)[b-yu9ml0kpjq] { background: var(--color-brand-hover); }
    .guest-quiet:hover:not(:disabled)[b-yu9ml0kpjq], .guest-dialog-close:hover:not(:disabled)[b-yu9ml0kpjq] { background: var(--plum-50); }
    .guest-destructive:hover:not(:disabled)[b-yu9ml0kpjq] { background: var(--err-700); }
}
@media (max-width: 767px) {
    .guest-invite-dialog[b-yu9ml0kpjq] { padding: var(--space-4); }
    .guest-invite-header h2[b-yu9ml0kpjq] { font-size: 20px; line-height: 28px; }
    .guest-form-row[b-yu9ml0kpjq] { grid-template-columns: minmax(0, 1fr); }
    .guest-field select[b-yu9ml0kpjq], .guest-field input[b-yu9ml0kpjq] { min-height: 48px; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.overview-heading[b-5p3gutj66z] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .32fr); align-items: center; gap: 24px; min-height: 176px; margin-bottom: 20px; }
.overview-heading h1[b-5p3gutj66z] { margin: 8px 0 20px; color: var(--color-heading); font-size: 32px; line-height: 40px; letter-spacing: -.025em; }
.overview-hero-copy[b-5p3gutj66z] { min-width: 0; }
.overview-date[b-5p3gutj66z] { display: block; color: var(--color-text-muted); font-size: 13px; }
.overview-date[b-5p3gutj66z]::first-letter { text-transform: uppercase; }
.overview-illustration[b-5p3gutj66z] { width: 100%; max-width: 240px; height: auto; justify-self: end; stroke: var(--plum-700); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.overview-art-building[b-5p3gutj66z], .overview-art-clipboard[b-5p3gutj66z] { fill: var(--n-0); }
.overview-art-accent[b-5p3gutj66z] { stroke: var(--color-brand); }
.overview-heading h1[b-5p3gutj66z] { overflow-wrap: anywhere; }
.overview-heading p[b-5p3gutj66z] { margin: 0; color: var(--color-text-muted); }
.overview-toolbar[b-5p3gutj66z] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.edit-hint[b-5p3gutj66z] { color: var(--color-text-muted); font-size: 13px; margin-right: 8px; }
.overview-grid[b-5p3gutj66z] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.overview-cell[b-5p3gutj66z] { min-width: 0; }
.overview-cell.wide[b-5p3gutj66z] { grid-column: 1 / -1; }
.overview-cell.editing[b-5p3gutj66z] { border: 1px dashed var(--plum-300); border-radius: var(--radius-2xl); padding: 8px; }
.overview-cell.dragging[b-5p3gutj66z] { opacity: .6; }
.overview-cell.drag-over[b-5p3gutj66z] { border-color: var(--red-500); background: var(--red-50); box-shadow: 0 0 0 1px var(--red-500); }
.widget-drag-handle[b-5p3gutj66z] { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--color-text-muted); cursor: grab; user-select: none; }
.widget-drag-handle:active[b-5p3gutj66z] { cursor: grabbing; }
.widget-drag-handle[draggable="false"][b-5p3gutj66z] { cursor: default; opacity: .5; }
.widget-editor[b-5p3gutj66z] { display: flex; align-items: end; gap: 8px; margin: 0 4px 8px; flex-wrap: wrap; }
.widget-editor label[b-5p3gutj66z] { margin-right: auto; }
.overview-editor[b-5p3gutj66z] { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--n-0); padding: 16px; margin-bottom: 24px; }
.overview-editor label[b-5p3gutj66z] { min-width: 200px; flex: 1; }
.overview-editor label[b-5p3gutj66z], .widget-editor label[b-5p3gutj66z], .browser-filter[b-5p3gutj66z] { display: flex; flex-direction: column; gap: 6px; color: var(--color-text); font-size: 13px; font-weight: 600; }
.overview-editor select[b-5p3gutj66z], .widget-editor select[b-5p3gutj66z], .browser-filter select[b-5p3gutj66z] { min-height: 40px; max-width: 100%; border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); padding: 8px 12px; font: 400 14px/20px var(--font-family); color: var(--color-text); background: var(--n-0); }
.overview-editor select:focus-visible[b-5p3gutj66z], .widget-editor select:focus-visible[b-5p3gutj66z], .browser-filter select:focus-visible[b-5p3gutj66z] { outline: 0; border-color: var(--red-500); box-shadow: var(--focus-ring); }
.move-up[b-5p3gutj66z]  .widget-action-icon { transform: rotate(90deg); }
.move-down[b-5p3gutj66z]  .widget-action-icon { transform: rotate(-90deg); }
.overview-error[b-5p3gutj66z] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px; border: 1px solid var(--err-500); background: var(--err-50); color: var(--err-700); border-radius: var(--radius-lg); margin-bottom: 16px; }
.overview-error > img[b-5p3gutj66z] { width: 20px; height: 20px; }
.overview-error p[b-5p3gutj66z] { margin: 0; flex: 1; min-width: 160px; }
.overview-empty[b-5p3gutj66z] { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; padding: 48px 16px; color: var(--color-text-muted); }
.overview-empty > img[b-5p3gutj66z] { width: 84px; height: 84px; object-fit: contain; }
.overview-empty h2[b-5p3gutj66z] { color: var(--color-heading); font-size: 24px; margin: 0; }
.overview-empty p[b-5p3gutj66z] { margin: 0; max-width: 50ch; }
.overview-dialog[b-5p3gutj66z] { width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow: auto; padding: 24px; background: var(--n-0); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); color: var(--color-text); font-family: var(--font-family); }
.overview-dialog > header[b-5p3gutj66z] { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.overview-dialog h2[b-5p3gutj66z] { margin: 0; color: var(--color-heading); font-size: 24px; line-height: 32px; }
.overview-dialog > footer[b-5p3gutj66z], .overview-dialog > footer > div[b-5p3gutj66z] { display: flex; align-items: center; justify-content: end; gap: 8px; flex-wrap: wrap; }
.overview-dialog > footer[b-5p3gutj66z] { border-top: 1px solid var(--color-border); margin-top: 24px; padding-top: 16px; }
.overview-dialog > footer > span[b-5p3gutj66z] { margin-right: auto; font-size: 13px; color: var(--color-text-muted); }
.overview-browser[b-5p3gutj66z]  .dashboard-widget { border: 0; padding: 0; }
.overview-browser[b-5p3gutj66z]  .widget-header { display: none; }
.browser-filter[b-5p3gutj66z] { margin-bottom: 16px; }
@media (max-width: 1000px) { .overview-grid[b-5p3gutj66z] { gap: 16px; } }
@media (max-width: 767px) { .overview-heading[b-5p3gutj66z] { grid-template-columns: minmax(0, 1fr) 84px; min-height: 136px; } .overview-heading h1[b-5p3gutj66z] { margin-bottom: 16px; } .overview-heading:has(.edit-hint)[b-5p3gutj66z] { grid-template-columns: minmax(0, 1fr); } .overview-heading:has(.edit-hint) .overview-illustration[b-5p3gutj66z] { display: none; } .overview-date[b-5p3gutj66z] { font-size: 12px; } .overview-illustration[b-5p3gutj66z] { align-self: start; margin-top: 24px; } .overview-toolbar[b-5p3gutj66z]  .widget-action { --button-padding: 8px 12px; } }
@media (max-width: 767px) { .overview-grid[b-5p3gutj66z] { grid-template-columns: minmax(0, 1fr); } .overview-heading h1[b-5p3gutj66z] { font-size: 24px; line-height: 32px; } .overview-heading[b-5p3gutj66z] { gap: 16px; } .overview-toolbar[b-5p3gutj66z] { width: 100%; } .overview-editor[b-5p3gutj66z] { align-items: stretch; } .overview-editor label[b-5p3gutj66z] { min-width: 0; width: 100%; flex-basis: 100%; } .overview-editor select[b-5p3gutj66z], .widget-editor select[b-5p3gutj66z], .browser-filter select[b-5p3gutj66z] { min-height: 48px; font-size: 16px; } .overview-dialog[b-5p3gutj66z] { padding: 16px; max-height: calc(100dvh - 24px); } .widget-editor label[b-5p3gutj66z] { min-width: 100px; flex: 1; } }
/* /Components/Pages/DashboardWidgets/AttentionWidget.razor.rz.scp.css */
.widget-list > .widget-row.attention-row[b-5gjvm085ry] { min-height: 76px; padding-block: 12px; }
.widget-list > .attention-row:first-child[b-5gjvm085ry] { padding-top: 0; }
.widget-list > .attention-row:last-child[b-5gjvm085ry] { padding-bottom: 0; }
.widget-list .attention-row .widget-icon-tile[b-5gjvm085ry] { width: 40px; height: 40px; flex-basis: 40px; }
.attention-row .widget-icon-tile > span[b-5gjvm085ry] { width: 22px; height: 22px; }
.attention-count[b-5gjvm085ry] { display: flex; align-items: center; justify-content: end; gap: 8px; }
.attention-row .attention-count > .widget-badge[b-5gjvm085ry] { display: inline-grid; place-items: center; align-self: center; flex-shrink: 0; width: max-content; min-width: 36px; min-height: 36px; aspect-ratio: 1; padding: 6px; border-radius: 50%; font-size: 18px; line-height: 24px; font-weight: 700; white-space: nowrap; }
.attention-count[b-5gjvm085ry]  .widget-action.icon { --button-fg: var(--color-brand); }
.attention-count[b-5gjvm085ry]  .widget-action-icon { width: 20px; height: 20px; }
/* /Components/Pages/DashboardWidgets/RecentActivityWidget.razor.rz.scp.css */
.activity-timeline[b-8rqc5cvnpe] { list-style: none; padding: 0; margin: 0; }
.activity-event[b-8rqc5cvnpe] { --activity-colour: var(--plum-700); --activity-soft: var(--plum-50); position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding-bottom: 16px; }
.activity-event:not(:last-child)[b-8rqc5cvnpe]::before { content: ""; position: absolute; left: 19px; top: 44px; bottom: 4px; width: 1px; background: var(--color-border); }
.activity-event:last-child[b-8rqc5cvnpe] { padding-bottom: 0; }
.activity-task[b-8rqc5cvnpe] { --activity-colour: var(--ok-700); --activity-soft: var(--ok-50); }
.activity-diary[b-8rqc5cvnpe] { --activity-colour: var(--red-700); --activity-soft: var(--red-50); }
.activity-document[b-8rqc5cvnpe] { --activity-colour: var(--info-700); --activity-soft: var(--info-50); }
.activity-marker[b-8rqc5cvnpe] { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--radius-full); background: var(--activity-soft); color: var(--activity-colour); }
.activity-marker > span[b-8rqc5cvnpe] { width: 20px; height: 20px; background: currentColor; mask: var(--activity-icon) center / contain no-repeat; }
.activity-content[b-8rqc5cvnpe] { min-width: 0; padding-bottom: 12px; border-bottom: 1px solid var(--color-border); }
.activity-event:last-child .activity-content[b-8rqc5cvnpe] { padding-bottom: 0; border-bottom: 0; }
.activity-heading[b-8rqc5cvnpe] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 4px; }
.activity-kind[b-8rqc5cvnpe] { display: inline-flex; padding: 2px 8px; background: var(--activity-soft); color: var(--activity-colour); border-radius: var(--radius-full); font-size: 12px; line-height: 18px; font-weight: 500; }
.activity-heading time[b-8rqc5cvnpe] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; font-variant-numeric: tabular-nums; }
.activity-title[b-8rqc5cvnpe] { color: var(--color-heading); overflow-wrap: anywhere; }
.activity-title[b-8rqc5cvnpe]  .widget-action.text { color: var(--color-heading); font-weight: 800; }
.activity-details[b-8rqc5cvnpe] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 4px; color: var(--color-text-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.activity-author[b-8rqc5cvnpe] { display: inline-flex; align-items: center; gap: 6px; }
.activity-initials[b-8rqc5cvnpe] { display: inline-grid; place-items: center; width: 20px; height: 20px; flex-shrink: 0; border-radius: var(--radius-full); background: var(--n-100); color: var(--plum-700); font-size: 9px; font-weight: 600; }
@media (max-width: 767px) { .activity-event[b-8rqc5cvnpe] { gap: 10px; grid-template-columns: 32px minmax(0, 1fr); } .activity-marker[b-8rqc5cvnpe] { width: 32px; height: 32px; } .activity-event:not(:last-child)[b-8rqc5cvnpe]::before { left: 15px; top: 36px; } .activity-kind[b-8rqc5cvnpe], .activity-heading time[b-8rqc5cvnpe], .activity-details[b-8rqc5cvnpe] { font-size: 13px; } }
/* /Components/Pages/DashboardWidgets/SummaryWidget.razor.rz.scp.css */
.summary-metrics[b-3ufo0vsdco] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 16px; }
.widget-metric[b-3ufo0vsdco] { --metric-color: var(--ok-700); --metric-soft: var(--ok-50); display: flex; flex-direction: column; gap: 8px; padding-left: 16px; border-left: 1px solid var(--color-border); }
.widget-metric:first-child[b-3ufo0vsdco] { padding-left: 0; border-left: 0; }
.metric-tasks[b-3ufo0vsdco], .metric-overdue[b-3ufo0vsdco] { --metric-color: var(--color-accent); --metric-soft: var(--plum-50); }
.metric-approvals[b-3ufo0vsdco] { --metric-color: var(--warn-700); --metric-soft: var(--warn-50); }
.metric-heading[b-3ufo0vsdco] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.metric-heading > div[b-3ufo0vsdco] { min-width: 0; }
.metric-icon[b-3ufo0vsdco] { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--radius-lg); background: var(--metric-soft); color: var(--metric-color); }
.metric-icon[b-3ufo0vsdco]::before { content: ""; width: 22px; height: 22px; background: currentColor; mask: var(--metric-icon) center / contain no-repeat; }
.widget-number[b-3ufo0vsdco] { display: block; color: var(--color-heading); font-size: 28px; line-height: 36px; font-weight: 800; font-variant-numeric: tabular-nums; }
.metric-label[b-3ufo0vsdco] { display: block; margin-top: 2px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; font-weight: 500; overflow-wrap: anywhere; }
.metric-detail[b-3ufo0vsdco] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 24px; padding-inline-start: 52px; }
.metric-detail:empty[b-3ufo0vsdco] { display: none; }
.widget-metric[b-3ufo0vsdco]  .widget-action { --button-padding: 8px 12px; --button-font-size: 13px; margin-top: auto; }
.widget-metric[b-3ufo0vsdco]  .widget-action-icon { order: 2; width: 16px; height: 16px; }
.widget-metric-placeholder[b-3ufo0vsdco] { display: flex; flex-direction: column; gap: 12px; padding: 16px; min-height: 104px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); }
.metric-skeleton[b-3ufo0vsdco] { display: block; width: 70%; height: 14px; border-radius: var(--radius-sm); background: var(--n-200); animation: metric-pulse-b-3ufo0vsdco 1.2s ease-in-out infinite; }
.metric-number-skeleton[b-3ufo0vsdco] { width: 40%; height: 32px; }
@container (max-width: 720px) { .summary-metrics[b-3ufo0vsdco] { grid-template-columns: minmax(0, 1fr); gap: 16px; } .widget-metric[b-3ufo0vsdco] { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--color-border); } .widget-metric:first-child[b-3ufo0vsdco] { padding-top: 0; border-top: 0; } }
@media (max-width: 767px) { .metric-icon[b-3ufo0vsdco] { width: 40px; height: 40px; flex-basis: 40px; } }
@keyframes metric-pulse-b-3ufo0vsdco { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .metric-skeleton[b-3ufo0vsdco] { animation: none; } }
/* /Components/Pages/DashboardWidgets/WeatherWidget.razor.rz.scp.css */
.weather-skeleton[b-ton8nuktxs] { display: flex; align-items: center; gap: 16px; margin: 20px 0; }
.weather-skeleton > span[b-ton8nuktxs] { width: 48px; height: 48px; }
.weather-skeleton > div[b-ton8nuktxs] { flex: 1; }
.weather-skeleton > div > span[b-ton8nuktxs] { display: block; width: 50%; height: 24px; margin-bottom: 12px; }
.weather-skeleton > div > span:last-child[b-ton8nuktxs] { width: 70%; height: 14px; }
.weather-metrics-skeleton[b-ton8nuktxs] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.weather-metrics-skeleton > span[b-ton8nuktxs] { height: 64px; }
.weather-skeleton span[b-ton8nuktxs], .weather-metrics-skeleton span[b-ton8nuktxs] { background: var(--n-200); border-radius: var(--radius-md); animation: weather-pulse-b-ton8nuktxs 1.2s ease-in-out infinite; }
@keyframes weather-pulse-b-ton8nuktxs { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .weather-skeleton span[b-ton8nuktxs], .weather-metrics-skeleton span[b-ton8nuktxs] { animation: none; } }
/* /Components/Pages/DashboardWidgets/WidgetActionButton.razor.rz.scp.css */
.widget-action[b-efvd2h4rn2] { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--red-200); border-radius: var(--radius-lg); background: var(--red-50); color: var(--red-600); font: 600 13px/20px var(--font-family); cursor: pointer; text-align: start; white-space: normal; overflow-wrap: anywhere; transition: translate var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast); }
.widget-action.primary[b-efvd2h4rn2] { background: var(--red-500); border-color: var(--red-500); color: var(--n-0); font-size: 14px; box-shadow: var(--elevation-1); }
.widget-action.ghost[b-efvd2h4rn2], .widget-action.text[b-efvd2h4rn2], .widget-action.icon[b-efvd2h4rn2] { border-color: transparent; background: transparent; }
.widget-action.outline[b-efvd2h4rn2] { --button-bg: var(--n-0); --button-border: var(--color-brand); --button-fg: var(--color-brand); --button-hover: var(--red-50); --button-press: var(--red-100); --button-hover-border: var(--color-brand); --button-font-size: var(--widget-action-size, 14px); --button-weight: 600; }
.widget-action.ghost[b-efvd2h4rn2] { --button-fg: var(--color-brand); }
.widget-action.text[b-efvd2h4rn2] { padding: 0; justify-content: start; min-height: 32px; color: var(--color-heading); font-size: var(--widget-title-size, 16px); line-height: 1.3; font-weight: 800; letter-spacing: -.025em; }
.widget-action.text > span:last-child[b-efvd2h4rn2] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.widget-action.icon[b-efvd2h4rn2] { width: 44px; min-width: 44px; height: 44px; padding: 10px; }
.widget-action:focus-visible[b-efvd2h4rn2] { outline: 0; box-shadow: var(--focus-ring); }
.widget-action:disabled[b-efvd2h4rn2] { cursor: default; }
.widget-action[aria-busy="true"][b-efvd2h4rn2] { cursor: progress; }
.widget-action-icon[b-efvd2h4rn2] { width: 18px; height: 18px; flex-shrink: 0; background: currentColor; mask: var(--widget-action-icon) center / contain no-repeat; }
@media (hover: hover) and (pointer: fine) { .widget-action:not(:disabled):hover[b-efvd2h4rn2] { color: var(--red-700); background: var(--red-100); } .widget-action.text:not(:disabled):hover[b-efvd2h4rn2] { background: transparent; } }
@media (hover: hover) and (pointer: fine) { .widget-action.primary:not(:disabled):hover[b-efvd2h4rn2] { background: var(--red-600); border-color: var(--red-600); color: var(--n-0); } }
@media (max-width: 767px) { .widget-action[b-efvd2h4rn2], .widget-action.text[b-efvd2h4rn2] { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .widget-action[b-efvd2h4rn2] { transition: none; } }
/* /Components/Pages/DashboardWidgets/WidgetFrame.razor.rz.scp.css */
.dashboard-widget[b-m7mq8a4hir] { --widget-title-size: 16px; --widget-meta-size: 13px; --widget-action-size: 13px; --widget-photo-size: 64px; container-type: inline-size; box-sizing: border-box; min-width: 0; height: 100%; padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); box-shadow: var(--elevation-1); color: var(--color-text); font: 400 14px/20px var(--font-family); }
.widget-header[b-m7mq8a4hir], .widget-heading[b-m7mq8a4hir] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.widget-header[b-m7mq8a4hir] { justify-content: space-between; margin-bottom: 16px; }
.widget-header:has(.widget-header-icon)[b-m7mq8a4hir] { padding-bottom: 12px; border-bottom: 1px solid var(--color-border); }
.widget-heading[b-m7mq8a4hir] { flex-wrap: wrap; gap: 8px; }
.widget-heading h2[b-m7mq8a4hir] { margin: 0; color: var(--color-heading); font-size: 20px; line-height: 28px; font-weight: 800; letter-spacing: -.035em; overflow-wrap: anywhere; }
.widget-header-icon[b-m7mq8a4hir] { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; color: var(--color-accent); background: var(--plum-50); border-radius: var(--radius-lg); }
.widget-header-icon[b-m7mq8a4hir]::before { content: ""; width: 58%; height: 58%; background: currentColor; mask: var(--header-icon) center / contain no-repeat; }
.widget-header-icon[b-m7mq8a4hir] { margin-right: 4px; }
.widget-header-icon.warning[b-m7mq8a4hir], .widget-heading:has(.widget-header-icon.warning) .widget-count[b-m7mq8a4hir] { color: var(--warn-700); background: var(--warn-50); }
.widget-header-icon.warning[b-m7mq8a4hir] { color: var(--warn-500); }
.widget-header-actions[b-m7mq8a4hir] { display: flex; align-items: center; justify-content: end; gap: 8px; flex-wrap: wrap; }
.widget-header-actions:empty[b-m7mq8a4hir] { display: none; }
.widget-header-actions[b-m7mq8a4hir]  .widget-action.icon { --button-border: var(--color-border-input); --button-hover-border: var(--color-border-input); border-color: var(--color-border-input); }
.widget-count[b-m7mq8a4hir] { padding: 2px 8px; border-radius: var(--radius-full); background: var(--plum-50); color: var(--plum-700); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.widget-view-all[b-m7mq8a4hir] { flex-shrink: 0; }
.widget-view-all[b-m7mq8a4hir]  .widget-action { --button-padding: 4px 0 4px 8px; --button-font-size: 13px; --button-weight: 700; --button-hover: transparent; --button-press: transparent; }
.widget-view-all[b-m7mq8a4hir]  .widget-action-icon { order: 2; width: 16px; height: 16px; }
.widget-toolbar[b-m7mq8a4hir] { margin-bottom: 16px; }
.widget-toolbar:empty[b-m7mq8a4hir] { display: none; }
.widget-body[b-m7mq8a4hir] { min-width: 0; }
.widget-state[b-m7mq8a4hir] { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; min-height: 160px; padding: 16px 12px; text-align: center; }
.widget-state strong[b-m7mq8a4hir] { color: var(--color-heading); font-size: 16px; line-height: 24px; font-weight: 700; }
.widget-state p[b-m7mq8a4hir] { margin: 0; max-width: 44ch; color: var(--color-text-muted); overflow-wrap: anywhere; }
.widget-state-art[b-m7mq8a4hir] { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 4px; border-radius: 50%; background: linear-gradient(135deg, var(--plum-50), var(--n-50)); }
.widget-state-icon[b-m7mq8a4hir] { height: 28px; width: 28px; }
.widget-skeleton-row[b-m7mq8a4hir] { display: grid; grid-template-columns: 36px minmax(0, 1fr) 60px; gap: 12px; align-items: center; min-height: 72px; }
.widget-skeleton[b-m7mq8a4hir] { display: block; border-radius: var(--radius-sm); background: var(--n-200); animation: widget-pulse-b-m7mq8a4hir 1.2s ease-in-out infinite; }
.widget-skeleton-icon[b-m7mq8a4hir] { width: 36px; height: 36px; border-radius: var(--radius-lg); }
.widget-skeleton-title[b-m7mq8a4hir] { height: 16px; width: 75%; }
.widget-skeleton-detail[b-m7mq8a4hir] { height: 12px; width: 50%; margin-top: 8px; }
.widget-skeleton-badge[b-m7mq8a4hir] { height: 24px; width: 60px; border-radius: var(--radius-full); }
.dashboard-widget[b-m7mq8a4hir]  .widget-list { list-style: none; padding: 0; margin: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 72px; padding: 12px 0; border-top: 1px solid var(--color-border); }
.dashboard-widget[b-m7mq8a4hir]  .widget-row:first-child { border-top: 0; padding-top: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-row:last-child { padding-bottom: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dashboard-widget[b-m7mq8a4hir]  .task-identity { align-items: start; }
.dashboard-widget[b-m7mq8a4hir]  .widget-copy { min-width: 0; flex: 1; }
.dashboard-widget[b-m7mq8a4hir]  .widget-copy > strong { display: block; color: var(--color-heading); font-size: var(--widget-title-size); line-height: 1.3; font-weight: 800; letter-spacing: -.025em; overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-meta { display: block; margin-top: 4px; color: var(--color-text-muted); font-size: var(--widget-meta-size); line-height: 1.4; font-weight: 500; overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; align-items: center; }
.dashboard-widget[b-m7mq8a4hir]  .widget-tags .widget-meta { margin-top: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: var(--radius-full); background: var(--n-100); color: var(--n-700); font: 600 12px/18px var(--font-family); font-variant-numeric: tabular-nums; }
.dashboard-widget[b-m7mq8a4hir]  .widget-badge, .dashboard-widget[b-m7mq8a4hir]  .widget-unread { justify-self: start; align-self: start; max-width: 100%; overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-badge.error, .dashboard-widget[b-m7mq8a4hir]  .widget-icon-tile.error { background: var(--err-50); color: var(--err-700); }
.dashboard-widget[b-m7mq8a4hir]  .widget-badge.warning, .dashboard-widget[b-m7mq8a4hir]  .widget-icon-tile.warning { background: var(--warn-50); color: var(--warn-700); }
.dashboard-widget[b-m7mq8a4hir]  .widget-badge.success { background: var(--ok-50); color: var(--ok-700); }
.dashboard-widget[b-m7mq8a4hir]  .widget-badge.info, .dashboard-widget[b-m7mq8a4hir]  .widget-icon-tile.info { background: var(--info-50); color: var(--info-700); }
.dashboard-widget[b-m7mq8a4hir]  .widget-icon-tile { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); }
.dashboard-widget[b-m7mq8a4hir]  .widget-icon-tile > span { width: 20px; height: 20px; background: currentColor; mask: var(--tile-icon) center / contain no-repeat; }
.dashboard-widget[b-m7mq8a4hir]  .widget-avatar { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: var(--radius-full); background: var(--plum-50); color: var(--plum-700); font-weight: 700; }
.dashboard-widget[b-m7mq8a4hir]  .widget-avatar.avatar-tone-1 { color: var(--info-700); background: var(--info-50); }
.dashboard-widget[b-m7mq8a4hir]  .widget-avatar.avatar-tone-2 { color: var(--ok-700); background: var(--ok-50); }
.dashboard-widget[b-m7mq8a4hir]  .widget-assignee { display: flex; align-items: center; gap: 6px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-small-avatar { display: inline-grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; font-size: 9px; font-weight: 600; color: var(--color-accent); background: var(--plum-50); }
.dashboard-widget[b-m7mq8a4hir]  .widget-line-icon { flex-shrink: 0; width: 24px; height: 24px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-thumbnail { display: grid; place-items: center; flex: 0 0 64px; width: 64px; height: 64px; border-radius: var(--radius-lg); overflow: hidden; background: var(--plum-50); }
.dashboard-widget[b-m7mq8a4hir]  .widget-thumbnail > img { width: 100%; height: 100%; object-fit: cover; }
.dashboard-widget[b-m7mq8a4hir]  .widget-thumbnail > .widget-line-icon { width: 28px; height: 28px; object-fit: contain; }
.dashboard-widget[b-m7mq8a4hir]  .widget-row-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: end; }
.dashboard-widget[b-m7mq8a4hir]  .widget-row-actions .widget-action { --button-padding: 8px 12px; --button-font-size: var(--widget-action-size); }
.dashboard-widget[b-m7mq8a4hir]  .widget-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--color-border); }
.dashboard-widget[b-m7mq8a4hir]  .widget-number { color: var(--color-heading); font-size: 28px; line-height: 36px; font-weight: 800; font-variant-numeric: tabular-nums; }
.dashboard-widget[b-m7mq8a4hir]  .metric-trend { font-weight: 600; }
.dashboard-widget[b-m7mq8a4hir]  .status-badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-inset { padding: 16px; border: 1px solid var(--plum-100); border-radius: var(--radius-lg); background: var(--plum-50); margin-bottom: 16px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-day { display: flex; align-items: center; gap: 12px; color: var(--color-heading); }
.dashboard-widget[b-m7mq8a4hir]  .widget-day > div { min-width: 0; overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-calendar { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; min-height: 56px; border-radius: var(--radius-md); background: var(--n-0); color: var(--color-accent); }
.dashboard-widget[b-m7mq8a4hir]  .widget-calendar strong { font-size: 22px; line-height: 28px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-calendar > span { font-size: 12px; text-transform: uppercase; }
.dashboard-widget[b-m7mq8a4hir]  .widget-preview { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; color: var(--color-text-muted); margin-top: 4px; font-size: var(--widget-meta-size); line-height: 1.4; }
.dashboard-widget[b-m7mq8a4hir]  .widget-unread { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 5px; border-radius: var(--radius-full); color: var(--red-700); background: var(--red-50); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.dashboard-widget[b-m7mq8a4hir]  .widget-actions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile { --action-color: var(--color-accent); --action-soft: var(--plum-50); min-width: 0; }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile.action-AddDiaryEntry { --action-color: var(--ok-700); --action-soft: var(--ok-50); }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile.action-UploadDocument { --action-color: var(--info-700); --action-soft: var(--info-50); }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile.action-AddParticipant { --action-color: var(--warn-700); --action-soft: var(--warn-50); }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile > .widget-action { --button-bg: var(--n-0); --button-border: var(--action-soft); --button-hover-border: var(--action-color); --button-fg: var(--color-heading); --button-hover: var(--n-50); --button-press: var(--n-100); --button-padding: 16px 12px; --button-font-size: var(--widget-action-size); width: 100%; min-height: 104px; flex-direction: column; }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile .widget-action-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--radius-lg); background: var(--action-soft); mask: none; }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile .widget-action-icon::before { content: ""; width: 22px; height: 22px; background: var(--action-color); mask: var(--widget-action-icon) center / contain no-repeat; }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile > .widget-action:disabled .widget-action-icon { background: var(--n-100); }
.dashboard-widget[b-m7mq8a4hir]  .quick-action-tile > .widget-action:disabled .widget-action-icon::before { background: var(--n-400); }
.dashboard-widget[b-m7mq8a4hir]  .widget-weather-main { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; padding: 16px; border-radius: var(--radius-lg); background: linear-gradient(120deg, var(--info-50), var(--n-50)); }
.dashboard-widget[b-m7mq8a4hir]  .widget-weather-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-weather-main > img { width: 48px; height: 48px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-weather-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-weather-values div { padding: 12px; background: var(--n-50); border-radius: var(--radius-md); }
.dashboard-widget[b-m7mq8a4hir]  .widget-weather-values dt { color: var(--color-text-muted); font-size: 12px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-weather-values dd { margin: 8px 0 0; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
@container (max-width: 560px) { .widget-header[b-m7mq8a4hir] { align-items: start; flex-wrap: wrap; } .widget-heading[b-m7mq8a4hir] { flex: 1 1 220px; } .widget-header:has(.widget-header-icon) .widget-heading[b-m7mq8a4hir] { flex-basis: 280px; } .widget-header-actions[b-m7mq8a4hir] { margin-left: auto; } }
@container (max-width: 340px) { .widget-header[b-m7mq8a4hir] { align-items: start; flex-wrap: wrap; } .dashboard-widget[b-m7mq8a4hir]  .widget-identity { gap: 10px; } .dashboard-widget[b-m7mq8a4hir]  .widget-thumbnail { width: 52px; height: 56px; flex-basis: 52px; } .dashboard-widget[b-m7mq8a4hir]  .widget-weather-values { grid-template-columns: 1fr; } .dashboard-widget[b-m7mq8a4hir]  .widget-weather-main { gap: 12px; padding: 16px; } .dashboard-widget[b-m7mq8a4hir]  .widget-weather-main > img { width: 44px; height: 44px; } }
@media (max-width: 767px) { .dashboard-widget[b-m7mq8a4hir] { padding: 16px; } .widget-heading h2[b-m7mq8a4hir] { font-size: 20px; line-height: 28px; } .widget-count[b-m7mq8a4hir], .dashboard-widget[b-m7mq8a4hir]  .widget-meta, .dashboard-widget[b-m7mq8a4hir]  .widget-badge, .dashboard-widget[b-m7mq8a4hir]  .widget-weather-values dt { font-size: 13px; } .widget-view-all[b-m7mq8a4hir]  .widget-action, .dashboard-widget[b-m7mq8a4hir]  .widget-row-actions .widget-action { --button-font-size: 13px; } }
@keyframes widget-pulse-b-m7mq8a4hir { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .widget-skeleton[b-m7mq8a4hir] { animation: none; } }
.dashboard-widget[b-m7mq8a4hir]  .widget-metric-caption { margin: 0 0 8px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-hours-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-widget[b-m7mq8a4hir]  .widget-metrics > div { display: flex; flex-direction: column-reverse; gap: 3px; min-width: 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-metrics > div + div { padding-inline-start: 12px; border-inline-start: 1px solid var(--color-border); }
.dashboard-widget[b-m7mq8a4hir]  .widget-metrics dt { color: var(--color-text-muted); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-metrics dd { margin: 0; color: var(--color-heading); font-size: 24px; line-height: 30px; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-metrics dd .widget-badge { font-size: 17px; line-height: 22px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-running-shift { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 16px; padding: 10px 12px; border-radius: var(--radius-lg); background: var(--ok-50); color: var(--color-heading); font-size: 13px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-running-shift strong { margin-inline-start: auto; font-variant-numeric: tabular-nums; }
.dashboard-widget[b-m7mq8a4hir]  .widget-running-shift > span { min-width: 0; overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-shift-idle { margin: 12px 0 0; }
.dashboard-widget[b-m7mq8a4hir]  .widget-separated { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--color-border); }
.dashboard-widget[b-m7mq8a4hir]  .widget-guest-counts { display: flex; flex-wrap: wrap; gap: 8px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-line { display: flex; justify-content: space-around; list-style: none; padding: 14px 8px; margin: 0 0 16px; border-radius: var(--radius-lg); background: var(--plum-50); }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-line li { position: relative; flex: 1; display: grid; justify-items: center; align-content: start; gap: 7px; min-width: 0; padding-inline: 4px; text-align: center; }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-line li:not(:last-child)::after { position: absolute; inset-block-start: 12px; inset-inline-start: 50%; width: 100%; height: 1px; background: var(--plum-200); content: ''; }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-line li strong { font-size: 13px; line-height: 18px; color: var(--color-heading); overflow-wrap: anywhere; }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-line .widget-badge { justify-self: center; text-align: center; }
.dashboard-widget[b-m7mq8a4hir]  .stage-node { position: relative; z-index: 1; display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--plum-300); border-radius: 50%; background: var(--n-0); }
.dashboard-widget[b-m7mq8a4hir]  .stage-node.Completed { border-color: var(--ok-500); background: var(--ok-50); color: var(--ok-700); }
.dashboard-widget[b-m7mq8a4hir]  .stage-node.Completed::before { width: 12px; height: 12px; background: currentColor; mask: url('/images/checkc.svg') center / contain no-repeat; content: ''; }
.dashboard-widget[b-m7mq8a4hir]  .stage-node.InProgress { border: 4px solid var(--red-100); background: var(--color-brand); }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-progress { flex: 1 1 150px; display: grid; gap: 6px; color: var(--color-text-muted); font-size: 13px; }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-progress strong { color: var(--color-heading); }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-progress progress { width: 100%; height: 6px; border: 0; border-radius: var(--radius-full); appearance: none; background: var(--n-200); accent-color: var(--color-brand); }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-progress progress::-webkit-progress-bar { border-radius: var(--radius-full); background: var(--n-200); }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-progress progress::-webkit-progress-value { border-radius: var(--radius-full); background: var(--color-brand); }
.dashboard-widget[b-m7mq8a4hir]  .widget-stage-progress progress::-moz-progress-bar { border-radius: var(--radius-full); background: var(--color-brand); }
@container (max-width: 350px) {
    .dashboard-widget[b-m7mq8a4hir]  .widget-guest-row { grid-template-columns: minmax(0, 1fr); row-gap: 6px; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-guest-row > .widget-badge { margin-inline-start: 42px; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-metrics { gap: 8px; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-metrics > div + div { padding-inline-start: 8px; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-metrics dd { font-size: 19px; line-height: 24px; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-stage-line { flex-direction: column; gap: 8px; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-stage-line li { grid-template-columns: 24px minmax(0, 1fr); justify-items: start; text-align: start; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-stage-line li strong { align-self: center; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-stage-line .widget-badge { grid-column: 2; justify-self: start; }
    .dashboard-widget[b-m7mq8a4hir]  .widget-stage-line li:not(:last-child)::after { inset-inline-start: 15px; width: 1px; height: calc(100% + 8px); }
}
/* /Components/Pages/DashboardWidgets/WidgetSiteList.razor.rz.scp.css */
.widget-list > .site-row[b-5bd8kak0yx] { grid-template-columns: var(--widget-photo-size) minmax(0, 1fr) auto auto; gap: 12px; min-height: 80px; padding-block: 12px; }
.widget-list > .site-row:first-child[b-5bd8kak0yx] { padding-top: 0; }
.widget-list > .site-row:last-child[b-5bd8kak0yx] { padding-bottom: 0; }
.site-row > .widget-thumbnail[b-5bd8kak0yx] { width: var(--widget-photo-size); height: var(--widget-photo-size); border-radius: var(--radius-xl); }
.site-row > .site-status[b-5bd8kak0yx] { align-self: center; justify-self: end; padding: 3px 8px; font-size: 12px; font-weight: 600; }
.site-row > .widget-row-actions[b-5bd8kak0yx] { max-width: none; }
.site-row .widget-row-actions[b-5bd8kak0yx]  .widget-action.icon { --button-fg: var(--n-500); --button-border: var(--color-border-input); --button-hover-border: var(--color-border-input); border-color: var(--color-border-input); }
@container (max-width: 620px) { .widget-list > .site-row[b-5bd8kak0yx] { grid-template-columns: 64px minmax(0, 1fr) auto; gap: 4px 16px; } .site-row > .widget-thumbnail[b-5bd8kak0yx] { grid-column: 1; grid-row: 1 / 3; width: 64px; height: 64px; align-self: center; } .site-copy[b-5bd8kak0yx] { grid-column: 2; grid-row: 1; } .site-row > .site-status[b-5bd8kak0yx] { grid-column: 2; grid-row: 2; align-self: start; justify-self: start; margin-top: 4px; } .site-row > .widget-row-actions[b-5bd8kak0yx] { grid-column: 3; grid-row: 1 / 3; } }
@container (max-width: 360px) { .widget-list > .site-row[b-5bd8kak0yx] { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 4px 12px; } .site-row > .widget-thumbnail[b-5bd8kak0yx] { width: 56px; height: 64px; } }
/* /Components/Pages/DashboardWidgets/WidgetSiteSelector.razor.rz.scp.css */
.widget-site-selector[b-orai45j5kn] { position: relative; display: flex; flex-direction: column; gap: 6px; color: var(--color-text); font: 600 13px/18px var(--font-family); }
.widget-site-selector > span[b-orai45j5kn] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.widget-site-selector[b-orai45j5kn]::before { content: ""; position: absolute; left: 14px; top: 14px; width: 18px; height: 18px; background: var(--color-accent); mask: url('/images/helmet.svg') center / contain no-repeat; pointer-events: none; }
.widget-site-selector select[b-orai45j5kn] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; padding: 10px 32px 10px 42px; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text); font: 500 13px/20px var(--font-family); text-overflow: ellipsis; }
.widget-site-selector select:focus-visible[b-orai45j5kn] { outline: 0; border-color: var(--red-500); box-shadow: var(--focus-ring); }
.widget-site-selector select:disabled[b-orai45j5kn] { background: var(--n-100); color: var(--n-600); }
@media (max-width: 767px) { .widget-site-selector select[b-orai45j5kn] { min-height: 48px; font-size: 16px; } }
/* /Components/Pages/DashboardWidgets/WidgetTaskList.razor.rz.scp.css */
.widget-list > .task-row[b-r9rn184zsy] { min-height: 84px; gap: 12px; padding-block: 12px; }
.widget-list > .task-row:first-child[b-r9rn184zsy] { padding-top: 0; }
.widget-list > .task-row:last-child[b-r9rn184zsy] { padding-bottom: 0; }
.task-row .task-identity[b-r9rn184zsy] { align-items: center; gap: 12px; }
.task-side[b-r9rn184zsy] { display: flex; flex-direction: column; align-items: end; justify-content: center; gap: 12px; min-width: 0; max-width: 192px; }
.task-side:empty[b-r9rn184zsy] { display: none; }
.task-row:has(.task-side:empty)[b-r9rn184zsy] { grid-template-columns: minmax(0, 1fr); }
.task-row .task-due[b-r9rn184zsy] { align-self: center; padding: 3px 8px; font-size: 13px; font-weight: 600; }
.task-row .task-details[b-r9rn184zsy] { gap: 8px 12px; margin-top: 8px; }
.task-details:empty[b-r9rn184zsy] { display: none; }
.task-row .widget-assignee[b-r9rn184zsy] { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--color-text-muted); }
.task-row .widget-small-avatar[b-r9rn184zsy] { width: 24px; height: 24px; flex-basis: 24px; font-size: 10px; font-weight: 800; background: var(--red-50); }
.task-row .widget-small-avatar.avatar-tone-1[b-r9rn184zsy] { color: var(--info-700); background: var(--info-50); }
.task-row .review-thumbnail[b-r9rn184zsy] { width: var(--widget-photo-size); height: var(--widget-photo-size); flex-basis: var(--widget-photo-size); border-radius: var(--radius-xl); }
.review-row .widget-badge[b-r9rn184zsy] { padding: 3px 8px; border-radius: var(--radius-sm); }
.review-row .widget-badge:not(.warning)[b-r9rn184zsy] { background: var(--n-200); color: var(--n-600); }
.task-side[b-r9rn184zsy]  .widget-action { --button-padding: 8px 12px; --button-font-size: var(--widget-action-size); --button-radius: var(--radius-lg); }
.task-side[b-r9rn184zsy]  .widget-action-icon { width: 20px; height: 20px; }
@container (max-width: 390px) { .widget-list > .review-row[b-r9rn184zsy], .widget-list > .task-row:has(.widget-row-actions)[b-r9rn184zsy] { grid-template-columns: minmax(0, 1fr); gap: 12px; } .task-row:has(.widget-row-actions) .task-side[b-r9rn184zsy] { flex-direction: row; justify-content: start; flex-wrap: wrap; align-items: center; max-width: none; padding-left: 60px; } .review-row .task-side[b-r9rn184zsy] { padding-left: calc(var(--widget-photo-size) + 12px); } }
@container (max-width: 360px) { .task-row .task-identity[b-r9rn184zsy] { gap: 12px; } .task-row .review-thumbnail[b-r9rn184zsy] { width: 56px; height: 64px; flex-basis: 56px; } .review-row .task-side[b-r9rn184zsy] { padding-left: 68px; } .task-row .task-due[b-r9rn184zsy] { max-width: 100px; } }
/* /Components/Pages/GuestAccess.razor.rz.scp.css */
.guest-access[b-83saq50k4w] { display: flex; flex-direction: column; min-width: 0; }
.guest-auth-form[b-83saq50k4w] { display: grid; gap: 20px; min-width: 0; }
.guest-inline-actions[b-83saq50k4w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.guest-inline-actions button[b-83saq50k4w] { white-space: normal; }
.guest-other-access[b-83saq50k4w] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 12px; margin-top: 28px; padding-top: 12px; border-top: 1px solid var(--color-border); }
.guest-login-action[b-83saq50k4w] { margin-top: 16px; text-decoration: none; }
.guest-feedback[b-83saq50k4w] { display: flex; gap: 8px; align-items: flex-start; margin-top: 20px; padding: 12px; border: 1px solid var(--err-500); border-radius: var(--radius-lg); background: var(--err-50); color: var(--err-700); }
.guest-feedback > span[b-83saq50k4w] { flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: url('/images/alert.svg') center / contain no-repeat; }
.guest-feedback p[b-83saq50k4w] { margin: 0; font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
.guest-page-skeleton[b-83saq50k4w] { display: grid; gap: 20px; margin-top: 28px; }
.guest-page-skeleton .skeleton-shape[b-83saq50k4w] { height: 48px; }
.guest-page-skeleton .skeleton-shape:last-child[b-83saq50k4w] { width: 75%; }
@media (max-width: 359px) { .guest-inline-actions[b-83saq50k4w] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/GuestDocumentPreview.razor.rz.scp.css */
.guest-file-preview[b-nc9vp7d0vs] {
    width: min(100%, 1440px);
    margin-inline: auto;
    padding: var(--space-4);
}
/* /Components/Pages/GuestDocuments.razor.rz.scp.css */
.guest-documents[b-ta2fc44lxu] { --color-bg: color-mix(in srgb, var(--n-100) 60%, var(--n-200)); min-height: calc(100svh - var(--topbar-h)); padding: 0 var(--space-5) var(--space-6); background-color: var(--color-bg); }
.documents-content[b-ta2fc44lxu] { max-width: 1376px; margin-inline: auto; min-width: 0; }
header[b-ta2fc44lxu] { display: flex; align-items: center; gap: var(--space-4); min-height: 180px; }
header > div[b-ta2fc44lxu] { flex: 1; min-width: 0; }
[data-ds-button="text"][b-ta2fc44lxu] { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--color-accent); font: inherit; font-size: 13px; text-decoration: none; cursor: pointer; }
h1[b-ta2fc44lxu] { color: var(--color-heading); font-size: 32px; line-height: 40px; margin: var(--space-2) 0; }
h2[b-ta2fc44lxu] { color: var(--color-heading); font-size: 20px; line-height: 28px; margin: 0; }
.documents-art[b-ta2fc44lxu] { width: 160px; color: var(--plum-700); flex-shrink: 0; }
.documents-surface[b-ta2fc44lxu] { border: 1px solid var(--color-border); border-radius: var(--radius-2xl); padding: var(--space-4); background: var(--color-surface); }
.documents-toolbar[b-ta2fc44lxu], nav[b-ta2fc44lxu] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.documents-toolbar[b-ta2fc44lxu] { justify-content: space-between; margin-bottom: var(--space-4); }
nav[b-ta2fc44lxu] { min-width: 0; }
nav button[b-ta2fc44lxu] { overflow-wrap: anywhere; text-align: left; }
.document-search[b-ta2fc44lxu] { min-height: 44px; width: min(100%, 360px); border: 1px solid var(--color-border); background: var(--n-100); border-radius: var(--radius-full); padding: 0 var(--space-3); color: var(--color-text); font: inherit; }
.documents-grid[b-ta2fc44lxu] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: var(--space-3); }
.document-tile[b-ta2fc44lxu] { min-width: 0; padding: var(--space-4); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-heading); text-align: center; font: inherit; }
.document-tile svg[b-ta2fc44lxu] { height: 48px; width: 56px; color: var(--plum-700); }
.document-tile strong[b-ta2fc44lxu] { overflow-wrap: anywhere; font-size: 14px; }
.folder-tile[b-ta2fc44lxu] { cursor: pointer; }
.muted[b-ta2fc44lxu], .scan-status[b-ta2fc44lxu] { color: var(--color-text-muted); font-size: 13px; }
.documents-state[b-ta2fc44lxu] { padding: 48px var(--space-4); text-align: center; display: grid; justify-items: center; gap: var(--space-4); }
.skeleton-tile[b-ta2fc44lxu] { min-height: 160px; }
.skeleton-tile .skeleton-shape:first-child[b-ta2fc44lxu] { width: 50px; height: 48px; }
.skeleton-tile .skeleton-shape:last-child[b-ta2fc44lxu] { width: 80%; height: 16px; }
.upload-dialog[b-ta2fc44lxu] { width: min(560px, calc(100vw - 32px)); padding: var(--space-5); background: var(--color-surface); border-radius: var(--radius-2xl); }
.dialog-heading[b-ta2fc44lxu], footer[b-ta2fc44lxu] { display: flex; gap: var(--space-2); align-items: center; justify-content: space-between; }
fieldset[b-ta2fc44lxu] { border: 0; padding: 0; margin: var(--space-4) 0; min-width: 0; }
.field[b-ta2fc44lxu] { display: grid; gap: var(--space-2); margin-bottom: var(--space-3); }
.field label[b-ta2fc44lxu] { font-size: 13px; color: var(--color-heading); }
.field input:not([type=file])[b-ta2fc44lxu], .field select[b-ta2fc44lxu], .field textarea[b-ta2fc44lxu] { width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); padding: var(--space-2) var(--space-3); color: var(--color-text); font: inherit; }
.field textarea[b-ta2fc44lxu] { min-height: 76px; resize: vertical; }
.file-picker[b-ta2fc44lxu] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.file-picker span[b-ta2fc44lxu] { min-width: 0; font-size: 13px; overflow-wrap: anywhere; }
.file-picker[b-ta2fc44lxu]  input[type=file]:focus-visible + label { outline: 2px solid var(--color-accent); outline-offset: 3px; }
footer[b-ta2fc44lxu] { justify-content: flex-end; border-top: 1px solid var(--color-border); padding-top: var(--space-4); margin-top: var(--space-4); }
.error-message[b-ta2fc44lxu] { color: var(--color-danger); }
.document-search:focus-visible[b-ta2fc44lxu], .folder-tile:focus-visible[b-ta2fc44lxu], .field input:focus-visible[b-ta2fc44lxu], .field select:focus-visible[b-ta2fc44lxu], .field textarea:focus-visible[b-ta2fc44lxu] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
@media (max-width: 600px) {
    .guest-documents[b-ta2fc44lxu] { padding-inline: var(--space-3); }
    header[b-ta2fc44lxu] { flex-wrap: wrap; gap: var(--space-2); padding-block: var(--space-4); }
    header > div[b-ta2fc44lxu] { flex-basis: calc(100% - 100px); }
    .documents-art[b-ta2fc44lxu] { width: 84px; }
    h1[b-ta2fc44lxu] { font-size: 28px; line-height: 36px; }
    .document-search[b-ta2fc44lxu] { width: 100%; }
    .documents-grid[b-ta2fc44lxu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .document-tile[b-ta2fc44lxu] { padding: var(--space-3); }
}
/* /Components/Pages/GuestWorkHours.razor.rz.scp.css */
.guest-hours[b-m40q7a4kdg] { --color-bg: color-mix(in srgb, var(--n-100) 60%, var(--n-200)); min-height: calc(100svh - var(--topbar-h)); padding: var(--space-7) clamp(16px, 4vw, 32px) var(--space-9); background-color: var(--color-bg); }
.guest-hours-content[b-m40q7a4kdg] { max-width: 1056px; margin-inline: auto; }
@media (max-width: 767px) { .guest-hours[b-m40q7a4kdg] { padding-block-start: var(--space-6); } }
/* /Components/Pages/GuestWorkspace.razor.rz.scp.css */
.guest-workspace[b-pqgcrak2q9] { --color-bg: color-mix(in srgb, var(--n-100) 60%, var(--n-200)); min-height: calc(100svh - var(--topbar-h)); padding: var(--space-7) clamp(16px, 4vw, 32px) var(--space-9); background-color: var(--color-bg); color: var(--color-text); font-family: var(--font-family); }
.guest-content[b-pqgcrak2q9] { display: grid; gap: var(--space-4); max-width: 1056px; margin-inline: auto; min-width: 0; }
.guest-workspace h1[b-pqgcrak2q9], .guest-workspace h2[b-pqgcrak2q9], .guest-workspace h3[b-pqgcrak2q9], .guest-entry-dialog h2[b-pqgcrak2q9] { margin: 0; color: var(--color-heading); overflow-wrap: anywhere; }
.guest-workspace h1[b-pqgcrak2q9] { font-size: 32px; line-height: 40px; font-weight: 800; letter-spacing: -.8px; }
.guest-workspace h2[b-pqgcrak2q9], .guest-entry-dialog h2[b-pqgcrak2q9] { font-size: 20px; line-height: 28px; font-weight: 750; }
.guest-workspace h3[b-pqgcrak2q9] { font-size: 16px; line-height: 24px; font-weight: 750; }
.muted[b-pqgcrak2q9] { margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
.guest-pattern-hero[b-pqgcrak2q9], .guest-site-hero[b-pqgcrak2q9] { display: grid; align-items: center; min-height: 168px; }
.guest-pattern-hero[b-pqgcrak2q9] { grid-template-columns: minmax(0, 1fr) minmax(104px, .45fr); gap: var(--space-4); }
.guest-list-hero[b-pqgcrak2q9] { min-height: 190px; }
.guest-overview-placeholder[b-pqgcrak2q9] { grid-template-columns: minmax(0, 1fr); }
.guest-hero-copy[b-pqgcrak2q9] { display: grid; justify-items: start; gap: var(--space-2); min-width: 0; }
.guest-hero-art[b-pqgcrak2q9] { justify-self: end; width: 100%; max-width: 216px; height: auto; stroke: var(--plum-700); stroke-linecap: round; stroke-linejoin: round; }
.crane-art[b-pqgcrak2q9] { stroke-width: 2.2; }
.illustration-beam[b-pqgcrak2q9] { fill: var(--red-50); stroke: var(--color-brand); stroke-width: 2.6; }
.illustration-accent[b-pqgcrak2q9], .hero-calendar-check[b-pqgcrak2q9], .hero-check-stroke[b-pqgcrak2q9] { stroke: var(--color-brand); }
.diary-art[b-pqgcrak2q9] { max-width: 196px; stroke-width: 1.65; }
.hero-book-cover[b-pqgcrak2q9] { fill: var(--plum-50); }
.hero-book-page[b-pqgcrak2q9], .hero-calendar-check[b-pqgcrak2q9] { fill: var(--n-0); }
.hero-calendar-check[b-pqgcrak2q9], .hero-check-stroke[b-pqgcrak2q9] { stroke-width: 2; }
.guest-back[b-pqgcrak2q9] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; border-radius: var(--radius-md); color: var(--color-accent); font-size: 13px; font-weight: 650; line-height: 20px; text-decoration: none; overflow-wrap: anywhere; transition: translate var(--motion-fast), color var(--motion-fast); }
.guest-back span[b-pqgcrak2q9] { flex-shrink: 0; }
.guest-section-heading[b-pqgcrak2q9] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0 var(--space-4); }
.guest-count[b-pqgcrak2q9] { display: grid; place-items: center; min-width: 26px; min-height: 26px; padding-inline: 6px; border-radius: var(--radius-full); background: var(--plum-50); color: var(--plum-700); font-size: 12px; font-weight: 700; }
.site-grid[b-pqgcrak2q9], .detail-grid[b-pqgcrak2q9], .entry-list[b-pqgcrak2q9] { display: grid; gap: var(--space-4); min-width: 0; }
.site-grid[b-pqgcrak2q9] { grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.detail-grid[b-pqgcrak2q9] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.guest-card[b-pqgcrak2q9] { min-width: 0; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); }
.site-card[b-pqgcrak2q9] { display: grid; grid-template-rows: auto 1fr; height: 100%; border-radius: var(--radius-xl); color: inherit; text-decoration: none; overflow: hidden; }
.site-cover[b-pqgcrak2q9], .guest-site-hero-cover[b-pqgcrak2q9] { position: relative; display: grid; place-items: center; overflow: hidden; background: var(--plum-50); }
.site-cover[b-pqgcrak2q9] { aspect-ratio: 2.28; }
.site-cover img[b-pqgcrak2q9], .guest-site-hero-cover img[b-pqgcrak2q9] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.site-card-body[b-pqgcrak2q9] { display: grid; grid-template-rows: 1fr auto; gap: var(--space-3); padding: var(--space-4); }
.site-identity .muted[b-pqgcrak2q9] { margin-top: 4px; }
.site-card-access[b-pqgcrak2q9] { display: grid; gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.site-card-footer[b-pqgcrak2q9] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pills[b-pqgcrak2q9] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.status-pill[b-pqgcrak2q9], .access-pill[b-pqgcrak2q9], .entry-type[b-pqgcrak2q9], .day-open-label[b-pqgcrak2q9] { display: inline-flex; align-items: center; gap: 5px; width: fit-content; max-width: 100%; padding: 3px 8px; border-radius: var(--radius-full); font-size: 12px; line-height: 18px; font-weight: 650; overflow-wrap: anywhere; }
.status-pill[b-pqgcrak2q9] { background: var(--n-100); color: var(--color-text-muted); }
.status-pill[b-pqgcrak2q9]::before { width: 5px; height: 5px; flex-shrink: 0; border-radius: 50%; background: currentColor; content: ''; }
.active-status[b-pqgcrak2q9], .locked-day[b-pqgcrak2q9] { background: var(--ok-50); color: var(--ok-700); }
.access-pill[b-pqgcrak2q9] { background: var(--plum-50); color: var(--plum-700); }
.open-day[b-pqgcrak2q9], .day-open-label[b-pqgcrak2q9] { background: var(--warn-50); color: var(--warn-700); }
.entry-type[b-pqgcrak2q9] { background: var(--red-50); color: var(--red-700); }
.guest-site-hero[b-pqgcrak2q9] { grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); gap: var(--space-5); min-height: 208px; }
.guest-site-hero .guest-hero-copy > a[data-ds-button="primary"][b-pqgcrak2q9] { margin-top: var(--space-1); }
.guest-site-hero-cover[b-pqgcrak2q9] { align-self: stretch; min-height: 176px; border-radius: var(--radius-2xl); }
.overview-panel[b-pqgcrak2q9], .entries-panel[b-pqgcrak2q9] { display: grid; gap: var(--space-4); padding: var(--space-5); }
.guest-link-list[b-pqgcrak2q9] { margin: 0; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.guest-detail-row[b-pqgcrak2q9] { display: flex; align-items: center; gap: var(--space-3); min-height: 48px; padding: 8px 12px; color: var(--color-heading); font-size: 14px; line-height: 20px; text-decoration: none; overflow-wrap: anywhere; }
.guest-detail-row + .guest-detail-row[b-pqgcrak2q9] { border-top: 1px solid var(--color-border); }
.guest-detail-row strong[b-pqgcrak2q9] { font-weight: 650; }
.guest-detail-row .ds-chevron[b-pqgcrak2q9] { margin-inline-start: auto; color: var(--color-accent); }
.guest-detail-row dt[b-pqgcrak2q9] { display: flex; align-items: center; gap: var(--space-3); font-weight: 650; }
.guest-detail-row dd[b-pqgcrak2q9] { min-width: 0; margin: 0 0 0 auto; color: var(--color-text-muted); text-align: end; }
.guest-icon[b-pqgcrak2q9] { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; color: var(--color-accent); mask: center / contain no-repeat; }
.site-icon[b-pqgcrak2q9] { width: 44px; height: 44px; flex-basis: 44px; mask-image: url('/images/helmet.svg'); }
.arrow-icon[b-pqgcrak2q9] { mask-image: url('/images/arrow-right.svg'); color: var(--color-brand); }
.camera-icon[b-pqgcrak2q9] { mask-image: url('/images/camera.svg'); }
.calendar-icon[b-pqgcrak2q9] { mask-image: url('/images/calendar.svg'); }
.alert-icon[b-pqgcrak2q9] { mask-image: url('/images/alert.svg'); color: var(--color-danger); }
.check-icon[b-pqgcrak2q9] { mask-image: url('/images/checkc.svg'); color: var(--ok-700); }
.plus-icon[b-pqgcrak2q9] { mask-image: url('/images/plus.svg'); color: currentColor; }
.file-icon[b-pqgcrak2q9] { mask-image: url('/images/file.svg'); }
.clock-icon[b-pqgcrak2q9] { mask-image: url('/images/work-hours.svg'); }
.location-icon[b-pqgcrak2q9] { background: none; mask: none; }
.location-icon svg[b-pqgcrak2q9] { display: block; width: 100%; height: 100%; }
.guest-state[b-pqgcrak2q9], .guest-skeleton[b-pqgcrak2q9] { display: grid; justify-items: center; align-content: center; gap: var(--space-3); min-height: 144px; padding: var(--space-5); text-align: center; }
.guest-state p[b-pqgcrak2q9] { margin: 0; color: var(--color-text-muted); line-height: 22px; overflow-wrap: anywhere; }
.guest-skeleton[b-pqgcrak2q9] { justify-items: start; }
.cover-skeleton[b-pqgcrak2q9] { width: 100%; aspect-ratio: 2.28; }
.title-skeleton[b-pqgcrak2q9] { width: min(240px, 65%); height: 22px; }
.meta-skeleton[b-pqgcrak2q9] { width: min(310px, 85%); height: 16px; }
.week-card[b-pqgcrak2q9] { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2); border-radius: var(--radius-xl); }
.mobile-week-range[b-pqgcrak2q9] { display: none; }
.week-days[b-pqgcrak2q9] { display: grid; grid-template-columns: repeat(7, minmax(68px, 1fr)); flex: 1; gap: 4px; min-width: 0; padding: 4px; overflow-x: auto; scrollbar-width: thin; overscroll-behavior-inline: contain; }
.day-tile[b-pqgcrak2q9] { display: grid; align-content: center; justify-items: center; gap: 3px; min-height: 82px; min-width: 0; padding: 4px; border: 1px solid transparent; border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text-muted); font: inherit; cursor: pointer; }
.week-day-name[b-pqgcrak2q9] { font-size: 13px; line-height: 18px; }
.week-day-name[b-pqgcrak2q9]::first-letter, .day-heading h2[b-pqgcrak2q9]::first-letter { text-transform: uppercase; }
.day-tile strong[b-pqgcrak2q9] { color: var(--color-heading); font-size: 16px; line-height: 22px; font-variant-numeric: tabular-nums; }
.day-tile.selected-day[b-pqgcrak2q9] { border-color: var(--red-300); background: var(--red-50); color: var(--color-accent); }
.day-tile:disabled[b-pqgcrak2q9] { cursor: wait; }
.day-indicator[b-pqgcrak2q9] { display: flex; align-items: center; justify-content: center; min-height: 20px; }
.day-open-label[b-pqgcrak2q9] { padding: 0 4px; font-size: 11px; white-space: nowrap; }
.day-dot[b-pqgcrak2q9] { width: 8px; height: 8px; border: 1px solid var(--n-400); border-radius: 50%; }
.day-dot.has-day[b-pqgcrak2q9] { border-color: var(--color-accent); background: var(--color-accent); }
.day-heading[b-pqgcrak2q9], .day-heading-copy[b-pqgcrak2q9] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.day-heading[b-pqgcrak2q9] { justify-content: space-between; padding: var(--space-3) var(--space-4); border-radius: var(--radius-xl); }
.entries-panel .entry-list[b-pqgcrak2q9] { gap: var(--space-3); }
.diary-entry[b-pqgcrak2q9] { display: grid; align-items: start; gap: var(--space-4); padding: var(--space-4); border-radius: var(--radius-xl); }
.diary-entry.has-photo[b-pqgcrak2q9] { grid-template-columns: minmax(0, 190px) minmax(0, 1fr); }
.entry-photo[b-pqgcrak2q9] { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--radius-lg); background: var(--n-100); }
.entry-photo img[b-pqgcrak2q9] { display: block; width: 100%; height: 100%; object-fit: cover; }
.entry-copy[b-pqgcrak2q9] { display: grid; gap: 6px; min-width: 0; }
.entry-copy header[b-pqgcrak2q9], .entry-copy footer[b-pqgcrak2q9] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.entry-copy header time[b-pqgcrak2q9] { margin-inline-start: auto; color: var(--color-text-muted); font-size: 13px; line-height: 20px; font-variant-numeric: tabular-nums; }
.entry-copy h3[b-pqgcrak2q9] { font-size: 18px; }
.entry-content[b-pqgcrak2q9] { margin: 0; color: var(--color-text); font-size: 14px; line-height: 22px; white-space: pre-wrap; overflow-wrap: anywhere; }
.entry-copy footer[b-pqgcrak2q9] { padding-top: var(--space-2); margin-top: var(--space-2); border-top: 1px solid var(--color-border); color: var(--color-heading); font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.entry-initials[b-pqgcrak2q9] { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; background: var(--plum-50); color: var(--plum-700); font-size: 11px; font-weight: 700; }
.guest-entry-dialog[b-pqgcrak2q9] { width: min(580px, calc(100vw - 32px)); max-height: calc(100svh - 32px); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); box-shadow: var(--elevation-3); font-family: var(--font-family); }
.guest-entry-dialog header[b-pqgcrak2q9], .guest-entry-dialog footer[b-pqgcrak2q9] { display: flex; justify-content: space-between; align-items: start; gap: var(--space-2); }
.guest-entry-dialog header .muted[b-pqgcrak2q9] { margin-top: 4px; }
.guest-entry-dialog fieldset[b-pqgcrak2q9] { display: grid; gap: var(--space-3); min-width: 0; margin: var(--space-4) 0; padding: 0; border: 0; }
.guest-entry-dialog fieldset > label[b-pqgcrak2q9] { display: grid; gap: 6px; color: var(--color-text); font-size: 13px; line-height: 20px; font-weight: 650; }
.guest-entry-dialog :is(input, select, textarea)[b-pqgcrak2q9] { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text); font: 400 14px/22px var(--font-family); }
.guest-entry-dialog textarea[b-pqgcrak2q9] { resize: vertical; }
.guest-entry-dialog footer[b-pqgcrak2q9] { justify-content: end; padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.guest-photo-picker[b-pqgcrak2q9], .guest-selected-photo[b-pqgcrak2q9] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.guest-photo-picker label[b-pqgcrak2q9] { cursor: pointer; }
#guest-diary-photo:focus-visible + .guest-photo-picker label[b-pqgcrak2q9], .guest-back:focus-visible[b-pqgcrak2q9], .site-card:focus-visible[b-pqgcrak2q9], .guest-detail-row:focus-visible[b-pqgcrak2q9], .entry-photo:focus-visible[b-pqgcrak2q9], .day-tile:focus-visible[b-pqgcrak2q9], .guest-entry-dialog :is(input, select, textarea):focus-visible[b-pqgcrak2q9] { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.guest-selected-photo > span:nth-child(2)[b-pqgcrak2q9] { min-width: 0; overflow-wrap: anywhere; }
.guest-inline-error[b-pqgcrak2q9] { color: var(--err-700); }
@media (hover: hover) and (pointer: fine) {
    .guest-back:hover[b-pqgcrak2q9] { color: var(--color-brand); }
    .site-card:hover[b-pqgcrak2q9] { border-color: var(--plum-200); }
    .day-tile:hover:not(:disabled)[b-pqgcrak2q9] { background: var(--plum-50); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .guest-back:hover[b-pqgcrak2q9], .day-tile:hover:not(:disabled)[b-pqgcrak2q9] { translate: 0 -2px; }
    .guest-back:active[b-pqgcrak2q9], .day-tile:active:not(:disabled)[b-pqgcrak2q9] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) { .guest-back[b-pqgcrak2q9], .day-tile[b-pqgcrak2q9] { transition: none; } }
@media (max-width: 900px) { .site-grid[b-pqgcrak2q9] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
    .guest-workspace[b-pqgcrak2q9] { padding-block-start: var(--space-6); }
    .guest-workspace h1[b-pqgcrak2q9] { font-size: 24px; line-height: 32px; letter-spacing: -.4px; }
    .guest-pattern-hero[b-pqgcrak2q9] { min-height: 144px; grid-template-columns: minmax(0, 1fr) clamp(68px, 19vw, 124px); gap: 12px; }
    .detail-grid[b-pqgcrak2q9], .guest-site-hero[b-pqgcrak2q9] { grid-template-columns: minmax(0, 1fr); }
    .guest-site-hero-cover[b-pqgcrak2q9] { min-height: 146px; }
    .overview-panel[b-pqgcrak2q9], .entries-panel[b-pqgcrak2q9], .guest-entry-dialog[b-pqgcrak2q9] { padding: var(--space-4); }
    .guest-entry-dialog :is(input, select, textarea)[b-pqgcrak2q9] { font-size: 16px; }
    .week-card[b-pqgcrak2q9] { display: grid; grid-template-columns: minmax(0, 1fr) 44px 44px; }
    .mobile-week-range[b-pqgcrak2q9] { display: block; padding-inline-start: 8px; color: var(--color-heading); font-size: 13px; font-weight: 650; }
    .week-previous[b-pqgcrak2q9] { grid-column: 2; grid-row: 1; }
    .week-next[b-pqgcrak2q9] { grid-column: 3; grid-row: 1; }
    .week-days[b-pqgcrak2q9] { grid-column: 1 / -1; }
    .day-tile[b-pqgcrak2q9] { min-height: 68px; }
    .diary-entry.has-photo[b-pqgcrak2q9] { grid-template-columns: minmax(0, 124px) minmax(0, 1fr); }
}
@media (max-width: 540px) {
    .site-grid[b-pqgcrak2q9], .diary-entry.has-photo[b-pqgcrak2q9] { grid-template-columns: minmax(0, 1fr); }
    .entry-photo[b-pqgcrak2q9] { aspect-ratio: 16 / 9; }
    .guest-detail-row[b-pqgcrak2q9] { flex-wrap: wrap; gap: 6px 10px; }
    .guest-detail-row dd[b-pqgcrak2q9] { text-align: start; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-g65jwve735] { font-family: var(--font-family); background: var(--n-0); color: var(--color-text); overflow-x: clip; }
.home-page h1[b-g65jwve735], .home-page h2[b-g65jwve735], .home-page h3[b-g65jwve735], .home-page p[b-g65jwve735] { margin: 0; }
.home-container[b-g65jwve735] { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.home-section[b-g65jwve735] { padding-block: 88px; scroll-margin-top: 96px; }
.home-skip[b-g65jwve735] { position: fixed; top: -100px; left: 16px; z-index: 200; padding: 12px 20px; background: var(--plum-800); color: white; border-radius: var(--radius-md); }
.home-skip:focus[b-g65jwve735] { top: 12px; }
.home-hero[b-g65jwve735] { position: relative; isolation: isolate; background: var(--n-50); min-height: 650px; overflow: clip; }
.hero-art[b-g65jwve735] { position: absolute; inset: 0 -4% 0 28%; z-index: -3; will-change: transform; transform: translate3d(var(--pointer-x, 0px), var(--hero-shift, 0px), 0); }
.hero-art img[b-g65jwve735] { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.hero-fade[b-g65jwve735] { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, var(--n-50) 0%, rgba(250,250,251,.98) 27%, rgba(250,250,251,.78) 41%, rgba(250,250,251,0) 63%), linear-gradient(0deg, var(--n-0), transparent 12%); }
.hero-pattern[b-g65jwve735] { position: absolute; left: 52%; right: 0; top: 0; height: 140px; z-index: -1; pointer-events: none; opacity: .45; mask-image: linear-gradient(#000,transparent); transform: translate3d(var(--pattern-x, 0px),var(--pattern-y, 0px),0); }
.hero-pattern > span[b-g65jwve735] { display: block; width: 100%; height: 100%; background: url('/images/danstrop-pattern-light.svg') center / 340px auto; opacity: .3; }
.hero-pattern[b-g65jwve735]::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at var(--glow-x, 50%) var(--glow-y, 50%),rgba(255,221,228,.7),transparent 60%); }
.hero-layout[b-g65jwve735] { min-height: 650px; position: relative; display: flex; align-items: center; padding-block: 56px 72px; }
.hero-copy[b-g65jwve735] { width: min(53%, 590px); position: relative; z-index: 2; }
.home-eyebrow[b-g65jwve735] { display: inline-flex; align-items: center; gap: 8px; color: var(--plum-500); font-size: 11px; font-weight: 700; line-height: 16px; letter-spacing: .12em; text-transform: uppercase; }
.hero-copy > .home-eyebrow > span[b-g65jwve735] { width: 6px; height: 6px; border-radius: 50%; background: var(--red-500); }
.hero-copy h1[b-g65jwve735] { margin-top: 24px; color: var(--plum-800); font-size: clamp(44px,4.2vw,60px); line-height: 1.1; letter-spacing: -.045em; font-weight: 800; max-width: 10.5em; }
.hero-copy h1 > span[b-g65jwve735] { color: var(--red-500); }
.hero-description[b-g65jwve735] { color: var(--n-600); font-size: 16px; line-height: 26px; max-width: 430px; margin-top: 24px !important; }
.home-actions[b-g65jwve735] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.home-button[b-g65jwve735] { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 22px; border: 1px solid transparent; border-radius: var(--radius-lg); text-decoration: none; font-size: 14px; line-height: 20px; font-weight: 600; transition: translate var(--motion-fast), background-color var(--motion-fast), box-shadow var(--motion-fast); }
.home-button.primary[b-g65jwve735] { background: var(--red-500); color: var(--n-0); box-shadow: 0 4px 12px rgba(230,30,72,.14); }
.home-button.secondary[b-g65jwve735] { border-color: var(--plum-200); background: rgba(255,255,255,.9); color: var(--plum-700); }
.home-button > span:last-child[b-g65jwve735] { font-size: 20px; }
.hero-note[b-g65jwve735] { display: flex; align-items: center; gap: 8px; margin-top: 20px !important; font-size: 12px; line-height: 20px; color: var(--color-text-muted); }
.home-icon[b-g65jwve735] { display: inline-block; width: 20px; height: 20px; flex-shrink: 0; background: currentColor; mask: var(--home-icon) center / contain no-repeat; }
.hero-note .home-icon[b-g65jwve735] { width: 16px; height: 16px; color: var(--ok-700); }
.hero-product[b-g65jwve735] { position: absolute; width: 330px; right: 8%; bottom: 24px; z-index: 1; transform: translate3d(var(--card-x, 0px),0,0); }
.hero-notice[b-g65jwve735] { display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.96); border: 1px solid var(--n-200); border-radius: var(--radius-lg); padding: 12px 16px; width: max-content; max-width: 100%; margin: 0 0 12px auto; box-shadow: var(--elevation-2); }
.hero-notice[b-g65jwve735] { position: absolute; bottom: calc(100% + 16px); left: -64px; margin: 0; }
.notice-check[b-g65jwve735] { display: grid; place-items: center; width: 28px; height: 28px; background: var(--ok-50); color: var(--ok-700); border-radius: 50%; font-weight: 700; }
.hero-notice strong[b-g65jwve735] { display: block; font-size: 13px; color: var(--plum-800); }
.hero-notice div > span[b-g65jwve735] { display: block; color: var(--n-600); font-size: 11px; margin-top: 3px; }
.diary-preview[b-g65jwve735] { background: var(--n-0); border: 1px solid var(--n-200); border-radius: var(--radius-xl); padding: 18px; box-shadow: var(--elevation-2); }
.preview-top[b-g65jwve735] { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--plum-800); font-size: 13px; }
.preview-app-icon[b-g65jwve735] { width: 18px; height: 18px; background: var(--red-500); border-radius: 5px; mask: url('/images/file.svg') center / contain no-repeat; }
.preview-live[b-g65jwve735] { font-size: 10px; font-weight: 500; margin-left: auto; color: var(--n-600); }
.preview-week[b-g65jwve735] { display: grid; grid-template-columns: repeat(5,1fr); gap: 5px; margin-block: 16px; }
.preview-week > span[b-g65jwve735] { text-align: center; padding: 7px; font-size: 10px; border-radius: var(--radius-sm); color: var(--n-600); background: var(--n-50); }
.preview-week strong[b-g65jwve735] { display: block; margin-top: 3px; color: var(--plum-800); font-size: 13px; }
.preview-week .selected[b-g65jwve735] { background: var(--red-500); color: white; }
.preview-week .selected strong[b-g65jwve735] { color: white; }
.preview-entry[b-g65jwve735] { display: flex; gap: 9px; padding-block: 12px; border-top: 1px solid var(--n-200); }
.entry-mark[b-g65jwve735] { color: var(--red-500); width: 18px; height: 18px; }
.preview-entry strong[b-g65jwve735] { font-size: 12px; color: var(--plum-800); }
.preview-entry p[b-g65jwve735] { font-size: 11px; line-height: 17px; margin-top: 5px; color: var(--n-600); }
.preview-entry-check[b-g65jwve735] { color: var(--ok-700); margin-left: auto; }
.preview-footer[b-g65jwve735] { display: flex; align-items: center; gap: 6px; color: var(--n-600); font-size: 10px; }
.preview-avatar[b-g65jwve735] { display: grid; place-items: center; width: 22px; height: 22px; background: var(--plum-50); border-radius: 50%; color: var(--plum-700); font-weight: 600; font-size: 8px; }
.preview-saved[b-g65jwve735] { color: var(--ok-700); margin-left: auto; }
.home-benefits[b-g65jwve735] { display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; padding-block: 40px 48px; }
.home-benefit[b-g65jwve735] { display: flex; gap: 16px; align-items: flex-start; }
.benefit-icon[b-g65jwve735] { color: var(--red-500); width: 28px; height: 28px; }
.home-benefit h2[b-g65jwve735] { font-size: 16px; line-height: 24px; color: var(--plum-800); font-weight: 600; }
.home-benefit p[b-g65jwve735] { font-size: 13px; line-height: 21px; color: var(--n-600); margin-top: 6px; max-width: 32ch; }
.home-workflow[b-g65jwve735] { background: var(--n-50); border-top: 1px solid var(--n-200); }
.section-heading[b-g65jwve735] { max-width: 650px; }
.section-heading h2[b-g65jwve735], .team-copy h2[b-g65jwve735], .closing-copy h2[b-g65jwve735] { font-size: clamp(28px,3vw,40px); line-height: 1.18; letter-spacing: -.035em; color: var(--plum-800); font-weight: 800; margin-top: 16px; }
.section-heading h2 > span[b-g65jwve735] { color: var(--plum-500); }
.section-heading p[b-g65jwve735] { color: var(--n-600); font-size: 16px; line-height: 26px; margin-top: 20px; max-width: 56ch; }
.workflow-layout[b-g65jwve735] { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; margin-top: 40px; }
.workflow-steps[b-g65jwve735] { display: grid; gap: 12px; }
.workflow-step[b-g65jwve735] { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border: 1px solid transparent; border-radius: var(--radius-lg); background: transparent; color: var(--n-600); text-align: left; font: inherit; cursor: pointer; }
.workflow-step.is-selected[b-g65jwve735] { background: var(--n-0); border-color: var(--plum-200); box-shadow: var(--elevation-1); }
.step-number[b-g65jwve735] { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; color: var(--plum-500); background: var(--plum-50); font-size: 12px; font-weight: 700; }
.is-selected .step-number[b-g65jwve735] { color: var(--n-0); background: var(--red-500); }
.workflow-step strong[b-g65jwve735] { color: var(--plum-800); display: block; font-size: 16px; font-weight: 600; line-height: 24px; }
.workflow-step > span > span[b-g65jwve735] { display: block; font-size: 13px; line-height: 21px; margin-top: 6px; }
.step-arrow[b-g65jwve735] { margin-left: auto; color: var(--red-500); font-size: 20px; }
.workflow-control[b-g65jwve735] { display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 20px; color: var(--n-600); padding: 8px 20px; }
.workflow-control .home-icon[b-g65jwve735] { width: 16px; height: 16px; color: var(--ok-700); }
.workflow-visual[b-g65jwve735] { position: relative; min-width: 0; padding-bottom: 100px; }
.workflow-visual[b-g65jwve735] { padding-bottom: 24px; }
.field-photo[b-g65jwve735] { width: 100%; height: 350px; object-fit: cover; object-position: center; border-radius: var(--radius-2xl); display: block; }
.field-media[b-g65jwve735] { position: relative; overflow: hidden; border-radius: var(--radius-2xl); aspect-ratio: 8 / 5; }
.field-media .field-photo[b-g65jwve735] { position: absolute; inset: 0; height: 100%; }
.field-video[b-g65jwve735] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.field-media[data-video-ready="true"] .field-video[b-g65jwve735] { opacity: 1; }
.workflow-screen[b-g65jwve735] { position: relative; width: calc(100% - 48px); margin: -92px auto 0; min-height: 244px; padding: 24px; border: 1px solid var(--n-200); border-radius: var(--radius-xl); background: var(--n-0); box-shadow: var(--elevation-2); }
.screen-heading[b-g65jwve735] { display: flex; align-items: center; gap: 8px; color: var(--plum-800); font-size: 13px; margin-bottom: 20px; }
.screen-dot[b-g65jwve735] { width: 7px; height: 7px; border-radius: 50%; background: var(--red-500); }
.screen-example[b-g65jwve735] { font-size: 11px; color: var(--n-600); margin-left: auto; font-weight: 400; }
.capture-row[b-g65jwve735] { display: flex; align-items: center; gap: 12px; border: 1px dashed var(--plum-200); padding: 16px; border-radius: var(--radius-md); }
.capture-icon[b-g65jwve735] { width: 28px; height: 28px; color: var(--red-500); }
.capture-row strong[b-g65jwve735] { display: block; color: var(--plum-800); font-size: 13px; }
.capture-row div > span[b-g65jwve735] { display: block; margin-top: 4px; font-size: 12px; color: var(--n-600); }
.capture-plus[b-g65jwve735] { margin-left: auto; font-size: 24px; color: var(--red-500); }
.voice-preview[b-g65jwve735] { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--plum-50); border-radius: var(--radius-md); color: var(--plum-500); padding: 10px 12px; margin-top: 16px; font-size: 12px; }
.voice-bars[b-g65jwve735] { display: flex; align-items: center; gap: 3px; height: 32px; }
.voice-bars i[b-g65jwve735] { display: block; width: 3px; height: var(--bar-height); border-radius: 3px; background: var(--red-500); }
.screen-label[b-g65jwve735] { display: inline-flex; border-radius: var(--radius-sm); background: var(--n-100); padding: 4px 8px; color: var(--n-600); font-size: 11px; }
.workflow-screen h3[b-g65jwve735] { margin-top: 12px; font-size: 16px; line-height: 24px; color: var(--plum-800); }
.screen-record[b-g65jwve735] { font-size: 13px; line-height: 21px; color: var(--n-600); margin-top: 8px !important; }
.screen-bottom[b-g65jwve735] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.draft-state[b-g65jwve735] { padding: 4px 8px; font-size: 11px; border-radius: var(--radius-full); background: var(--warn-50); color: var(--warn-700); }
.draft-state.reviewed[b-g65jwve735] { background: var(--ok-50); color: var(--ok-700); }
.screen-save[b-g65jwve735] { font-size: 11px; color: var(--n-600); }
.tools-heading[b-g65jwve735] { display: flex; align-items: end; justify-content: space-between; gap: 48px; max-width: none; }
.tools-heading p[b-g65jwve735] { max-width: 38ch; }
.tools-grid[b-g65jwve735] { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; margin-top: 40px; }
.tool-card[b-g65jwve735] { background: var(--n-50); border: 1px solid var(--n-200); border-radius: var(--radius-2xl); padding: 32px; min-width: 0; }
.tool-icon[b-g65jwve735] { width: 28px; height: 28px; color: var(--red-500); margin-bottom: 20px; }
.tool-card h3[b-g65jwve735] { font-size: 24px; line-height: 32px; color: var(--plum-800); font-weight: 700; letter-spacing: -.02em; }
.tool-card > p[b-g65jwve735] { font-size: 14px; line-height: 23px; color: var(--n-600); margin-top: 12px; max-width: 48ch; }
.tool-example[b-g65jwve735] { background: var(--n-0); padding: 16px 20px; border: 1px solid var(--n-200); border-radius: var(--radius-lg); margin-top: 28px; box-shadow: var(--elevation-1); }
.example-caption[b-g65jwve735] { color: var(--n-600); font-size: 11px; margin-bottom: 8px; }
.example-task[b-g65jwve735] { display: flex; align-items: center; gap: 10px; padding-block: 14px; border-top: 1px solid var(--n-200); font-size: 12px; color: var(--plum-800); }
.example-task > span:nth-child(2)[b-g65jwve735] { flex: 1; min-width: 0; }
.example-task small[b-g65jwve735] { display: block; font-size: 11px; color: var(--n-600); margin-top: 5px; }
.task-circle[b-g65jwve735] { width: 16px; height: 16px; border: 1px solid var(--n-300); border-radius: 50%; flex-shrink: 0; }
.task-circle.checked[b-g65jwve735] { display: grid; place-items: center; background: var(--ok-50); color: var(--ok-700); border-color: transparent; font-size: 10px; }
.task-tag[b-g65jwve735] { display: inline-flex; padding: 4px 7px; border-radius: var(--radius-full); font-size: 10px; white-space: nowrap; }
.task-tag.warning[b-g65jwve735] { background: var(--warn-50); color: var(--warn-700); }
.task-tag.success[b-g65jwve735] { background: var(--ok-50); color: var(--ok-700); }
.example-file[b-g65jwve735] { display: flex; gap: 12px; align-items: center; border-top: 1px solid var(--n-200); padding-block: 14px; font-size: 12px; color: var(--plum-800); }
.file-symbol[b-g65jwve735] { width: 18px; height: 18px; color: var(--plum-500); }
.file-kind[b-g65jwve735] { font-size: 10px; margin-left: auto; color: var(--n-600); }
.tool-footnote[b-g65jwve735] { display: block; color: var(--n-600); margin-top: 20px; font-size: 12px; }
.pdf-strip[b-g65jwve735] { display: flex; align-items: center; gap: 20px; margin-top: 24px; padding: 24px 32px; border-radius: var(--radius-xl); background: var(--plum-50); }
.pdf-icon[b-g65jwve735] { color: var(--plum-500); width: 28px; height: 28px; }
.pdf-strip h3[b-g65jwve735] { color: var(--plum-800); font-size: 16px; line-height: 24px; }
.pdf-strip p[b-g65jwve735] { font-size: 13px; line-height: 21px; color: var(--n-600); margin-top: 4px; }
.home-text-link[b-g65jwve735] { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 13px; font-weight: 600; color: var(--red-700); text-decoration: none; margin-left: auto; white-space: nowrap; transition: translate var(--motion-fast); }
.home-team[b-g65jwve735] { background: var(--plum-900); position: relative; }
.team-layout[b-g65jwve735] { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.team-copy .home-eyebrow[b-g65jwve735] { color: var(--red-200); }
.team-copy h2[b-g65jwve735] { color: var(--n-0); }
.team-copy h2 > span[b-g65jwve735] { color: var(--red-300); }
.team-copy > p[b-g65jwve735] { color: var(--plum-100); font-size: 16px; line-height: 26px; margin-top: 24px; max-width: 43ch; }
.team-points[b-g65jwve735] { display: grid; gap: 14px; list-style: none; padding: 0; margin: 28px 0 0; color: var(--plum-100); font-size: 13px; }
.team-points li[b-g65jwve735] { display: flex; align-items: center; gap: 10px; }
.team-points li > span[b-g65jwve735] { color: var(--red-300); }
.team-scene[b-g65jwve735] { position: relative; padding-top: 110px; min-width: 0; }
.team-role[b-g65jwve735] { position: absolute; top: 0; display: flex; align-items: center; gap: 8px; padding: 12px 18px; color: var(--plum-100); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-lg); font-size: 13px; }
.role-site[b-g65jwve735] { left: 0; transform: rotate(-3deg); }
.role-office[b-g65jwve735] { right: 0; transform: rotate(3deg); }
.team-connector[b-g65jwve735] { position: absolute; top: 44px; left: 25%; width: 50%; height: 70px; border: 1px dashed var(--plum-400); border-top: 0; border-radius: 0 0 var(--radius-2xl) var(--radius-2xl); }
.conversation-preview[b-g65jwve735] { position: relative; padding: 24px; border-radius: var(--radius-xl); background: var(--n-0); box-shadow: 0 16px 48px rgba(0,0,0,.16); }
.conversation-heading[b-g65jwve735] { display: flex; gap: 10px; align-items: center; color: var(--plum-800); font-size: 13px; padding-bottom: 20px; border-bottom: 1px solid var(--n-200); }
.conversation-heading > .home-icon[b-g65jwve735] { color: var(--red-500); }
.conversation-message[b-g65jwve735] { display: flex; gap: 10px; margin-top: 20px; align-items: flex-start; }
.message-avatar[b-g65jwve735] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--plum-50); color: var(--plum-700); font-size: 10px; flex-shrink: 0; }
.conversation-message > div[b-g65jwve735] { background: var(--n-50); border-radius: 0 var(--radius-md) var(--radius-md); padding: 12px; }
.conversation-message strong[b-g65jwve735] { color: var(--plum-700); font-size: 11px; }
.conversation-message p[b-g65jwve735] { font-size: 13px; line-height: 21px; margin-top: 4px; color: var(--n-700); }
.reply[b-g65jwve735] { justify-content: flex-end; }
.reply > div[b-g65jwve735] { background: var(--red-50); border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md); }
.conversation-attachment[b-g65jwve735] { display: flex; align-items: center; gap: 8px; padding: 12px 0 0 38px; font-size: 11px; color: var(--n-600); }
.conversation-attachment > span:last-child[b-g65jwve735] { margin-left: auto; color: var(--ok-700); }
.home-faq[b-g65jwve735] { background: var(--n-50); }
.faq-layout[b-g65jwve735] { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; }
.faq-list[b-g65jwve735] { border-top: 1px solid var(--n-300); }
.faq-list details[b-g65jwve735] { border-bottom: 1px solid var(--n-300); }
.faq-list summary[b-g65jwve735] { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 76px; cursor: pointer; list-style: none; padding-block: 20px; color: var(--plum-800); font-size: 14px; line-height: 22px; font-weight: 600; }
.faq-list summary[b-g65jwve735]::-webkit-details-marker { display: none; }
.faq-list summary > span[b-g65jwve735] { font-size: 24px; color: var(--red-500); font-weight: 400; transition: transform var(--motion-fast); }
.faq-list details[open] summary > span[b-g65jwve735] { transform: rotate(45deg); }
.faq-list details > p[b-g65jwve735] { padding: 0 28px 24px 0; color: var(--n-600); font-size: 14px; line-height: 24px; }
.home-closing[b-g65jwve735] { padding-block: 64px; }
.closing-card[b-g65jwve735] { border-radius: var(--radius-2xl); overflow: hidden; position: relative; isolation: isolate; background: var(--plum-50); }
.closing-card > img[b-g65jwve735] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.home-page[data-home-motion="ready"] .closing-card > img[b-g65jwve735] { transform: translate3d(var(--closing-x, 0px), var(--closing-y, 0px), 0) scale(1.08); transition: transform 600ms cubic-bezier(.2,.65,.3,1); }
.home-page[data-closing-visible="true"] .closing-card > img[b-g65jwve735] { will-change: transform; }
.closing-fade[b-g65jwve735] { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(251,241,245,.98),rgba(251,241,245,.92) 28%,rgba(251,241,245,.55) 58%,transparent); z-index: -1; }
.closing-copy[b-g65jwve735] { padding: 56px; max-width: 650px; }
.closing-copy h2[b-g65jwve735] { max-width: 13ch; }
.closing-copy > p[b-g65jwve735] { color: var(--n-600); font-size: 16px; line-height: 26px; max-width: 40ch; margin-block: 20px 28px; }
.home-footer[b-g65jwve735] { display: grid; grid-template-columns: 1fr auto; column-gap: 48px; padding-block: 8px 32px; }
.footer-name[b-g65jwve735] { font-size: 20px; font-weight: 800; color: var(--plum-800); }
.home-footer p[b-g65jwve735] { font-size: 12px; line-height: 20px; color: var(--n-600); margin-top: 8px; }
.home-footer nav[b-g65jwve735] { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; }
.home-footer nav > a[b-g65jwve735] { color: var(--n-600); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; font-size: 12px; transition: translate var(--motion-fast), color var(--motion-fast); }
.home-footer small[b-g65jwve735] { grid-column: 1 / -1; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--n-200); color: var(--n-600); font-size: 12px; }
.home-page a:focus-visible[b-g65jwve735], .home-page button:focus-visible[b-g65jwve735], .home-page summary:focus-visible[b-g65jwve735] { outline: 0; box-shadow: var(--focus-ring); border-radius: var(--radius-md); }
@media (hover: hover) and (pointer: fine) { .home-button.primary:hover[b-g65jwve735] { background: var(--red-600); box-shadow: var(--elevation-2); } .home-button.secondary:hover[b-g65jwve735] { background: var(--plum-50); border-color: var(--plum-300); } .home-text-link:hover[b-g65jwve735], .home-footer nav > a:hover[b-g65jwve735] { color: var(--red-600); } .workflow-step:hover[b-g65jwve735] { background: var(--n-0); border-color: var(--plum-200); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { .home-button:hover[b-g65jwve735], .home-text-link:hover[b-g65jwve735], .home-footer nav > a:hover[b-g65jwve735], .workflow-step:hover[b-g65jwve735] { translate: 0 -2px; } .home-button:active[b-g65jwve735], .home-text-link:active[b-g65jwve735], .home-footer nav > a:active[b-g65jwve735], .workflow-step:active[b-g65jwve735] { translate: 0 1px; } }
@media (prefers-reduced-motion: no-preference) {
    .workflow-step[b-g65jwve735] { transition: background-color var(--motion-base), border-color var(--motion-base), translate var(--motion-fast); }
    .home-page[data-home-motion="ready"] [data-reveal][b-g65jwve735] { opacity: 0; transform: translate3d(var(--reveal-x, 0px),var(--reveal-y, 20px),0); transition: opacity 600ms ease, transform 700ms cubic-bezier(.2,.65,.3,1); }
    .home-page[data-home-motion="ready"] [data-reveal="left"][b-g65jwve735] { --reveal-x: -48px; --reveal-y: 0px; }
    .home-page[data-home-motion="ready"] [data-reveal="right"][b-g65jwve735] { --reveal-x: 48px; --reveal-y: 0px; transition-delay: 90ms; }
    .home-page[data-home-motion="ready"] [data-reveal].is-visible[b-g65jwve735] { opacity: 1; transform: none; }
    .home-page[data-hero-visible="true"] .hero-notice[b-g65jwve735] { animation: home-float-b-g65jwve735 6s ease-in-out infinite; }
    .home-page[data-workflow-visible="true"] .voice-bars i[b-g65jwve735] { animation: home-wave-b-g65jwve735 1.1s ease-in-out var(--bar-delay) infinite alternate; }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
    .home-page[data-home-motion="ready"] [data-reveal="left"][b-g65jwve735] { --reveal-x: -20px; }
    .home-page[data-home-motion="ready"] [data-reveal="right"][b-g65jwve735] { --reveal-x: 20px; transition-delay: 0ms; }
}
@keyframes home-float-b-g65jwve735 { 50% { transform: translateY(-6px); } }
@keyframes home-wave-b-g65jwve735 { to { transform: scaleY(.45); } }
@media (max-width: 1100px) { .hero-product[b-g65jwve735] { right: 1%; width: 300px; } .hero-copy[b-g65jwve735] { width: 55%; } .workflow-layout[b-g65jwve735] { gap: 32px; } .team-layout[b-g65jwve735], .faq-layout[b-g65jwve735] { gap: 48px; } }
@media (max-width: 900px) { .home-container[b-g65jwve735] { width: calc(100% - 48px); } .home-section[b-g65jwve735] { padding-block: 64px; } .hero-copy h1[b-g65jwve735] { font-size: 48px; } .hero-product[b-g65jwve735] { width: 275px; bottom: 24px; right: 0; } .home-actions[b-g65jwve735] { gap: 8px; } .home-button[b-g65jwve735] { padding-inline: 16px; } .home-benefits[b-g65jwve735] { gap: 20px; } .workflow-layout[b-g65jwve735] { grid-template-columns: 1fr 1fr; gap: 24px; } .workflow-step[b-g65jwve735] { padding: 16px 12px; gap: 10px; } .workflow-screen[b-g65jwve735] { padding: 20px; width: calc(100% - 24px); } .tool-card[b-g65jwve735] { padding: 24px; } .tools-heading[b-g65jwve735] { gap: 24px; } .team-layout[b-g65jwve735] { gap: 32px; } .team-role[b-g65jwve735] { padding: 12px; font-size: 12px; } .conversation-preview[b-g65jwve735] { padding: 20px; } }
@media (max-width: 767px) { .home-container[b-g65jwve735] { width: calc(100% - 40px); } .home-section[b-g65jwve735] { padding-block: 56px; scroll-margin-top: 88px; } .home-hero[b-g65jwve735] { min-height: 0; } .hero-layout[b-g65jwve735] { min-height: 0; display: block; padding-block: 40px 28px; } .hero-copy[b-g65jwve735] { width: 100%; } .hero-copy h1[b-g65jwve735] { font-size: 40px; line-height: 1.12; max-width: 12em; margin-top: 18px; } .home-eyebrow[b-g65jwve735] { font-size: 11px; } .hero-description[b-g65jwve735] { max-width: 38ch; margin-top: 20px !important; font-size: 16px; line-height: 25px; } .home-actions[b-g65jwve735] { margin-top: 24px; gap: 10px; } .home-button[b-g65jwve735] { min-height: 48px; padding: 12px 16px; font-size: 13px; } .hero-note[b-g65jwve735] { font-size: 13px; margin-top: 16px !important; align-items: start; max-width: 34ch; } .hero-note .home-icon[b-g65jwve735] { margin-top: 3px; } .hero-art[b-g65jwve735] { inset: auto -10% 0 -10%; height: 440px; transform: none; } .hero-art img[b-g65jwve735] { object-position: center; } .hero-fade[b-g65jwve735] { background: linear-gradient(180deg,var(--n-50) 0%,var(--n-50) 46%,rgba(250,250,251,.1) 70%,var(--n-0)); } .hero-pattern[b-g65jwve735] { display: none; } .hero-product[b-g65jwve735] { position: relative; width: min(300px,85%); margin: 220px 0 0; right: auto; bottom: auto; transform: none; } .hero-notice[b-g65jwve735] { padding: 10px 12px; margin-right: -32px; } .hero-notice div > span[b-g65jwve735] { font-size: 12px; } .preview-live[b-g65jwve735], .preview-footer[b-g65jwve735], .preview-week > span[b-g65jwve735] { font-size: 12px; } .preview-entry strong[b-g65jwve735] { font-size: 13px; } .preview-entry p[b-g65jwve735] { font-size: 12px; line-height: 18px; } .diary-preview[b-g65jwve735] { padding: 16px; } .home-benefits[b-g65jwve735] { grid-template-columns: 1fr; gap: 24px; padding-block: 28px 40px; } .home-benefit p[b-g65jwve735] { max-width: none; } .home-benefit h2[b-g65jwve735] { font-size: 16px; } .workflow-layout[b-g65jwve735] { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; } .section-heading h2[b-g65jwve735], .team-copy h2[b-g65jwve735], .closing-copy h2[b-g65jwve735] { font-size: 30px; } .section-heading p[b-g65jwve735] { font-size: 15px; line-height: 25px; margin-top: 16px; } .workflow-step[b-g65jwve735] { padding: 18px 14px; } .workflow-step > span > span[b-g65jwve735], .workflow-control[b-g65jwve735] { font-size: 13px; } .workflow-visual[b-g65jwve735] { padding-bottom: 0; } .field-photo[b-g65jwve735] { height: 280px; } .workflow-screen[b-g65jwve735] { min-height: 260px; width: calc(100% - 24px); margin-top: -56px; padding: 20px; } .screen-example[b-g65jwve735], .screen-label[b-g65jwve735], .screen-save[b-g65jwve735], .draft-state[b-g65jwve735], .capture-row div > span[b-g65jwve735] { font-size: 12px; } .capture-row[b-g65jwve735] { padding: 12px; gap: 8px; } .capture-row strong[b-g65jwve735] { font-size: 13px; } .voice-bars[b-g65jwve735] { gap: 2px; } .voice-bars i[b-g65jwve735] { width: 3px; } .tools-heading[b-g65jwve735] { display: block; } .tools-heading p[b-g65jwve735] { max-width: 45ch; } .tools-grid[b-g65jwve735] { grid-template-columns: 1fr; margin-top: 28px; gap: 20px; } .tool-card[b-g65jwve735] { padding: 24px 20px; } .tool-card h3[b-g65jwve735] { font-size: 22px; line-height: 30px; } .tool-example[b-g65jwve735] { padding: 16px 12px; margin-top: 24px; } .example-task[b-g65jwve735] { flex-wrap: wrap; font-size: 13px; } .example-task > span:nth-child(2)[b-g65jwve735] { flex-basis: 70%; } .task-tag[b-g65jwve735] { margin-left: 26px; font-size: 12px; } .example-task small[b-g65jwve735], .example-caption[b-g65jwve735], .tool-footnote[b-g65jwve735], .example-file[b-g65jwve735], .file-kind[b-g65jwve735] { font-size: 12px; } .example-file[b-g65jwve735] { gap: 8px; } .pdf-strip[b-g65jwve735] { padding: 20px; flex-wrap: wrap; gap: 12px; } .pdf-strip > div[b-g65jwve735] { flex: 1; min-width: 180px; } .pdf-strip .home-text-link[b-g65jwve735] { margin: 0 0 0 40px; } .team-layout[b-g65jwve735] { grid-template-columns: 1fr; gap: 40px; } .team-copy > p[b-g65jwve735] { font-size: 15px; } .team-points[b-g65jwve735] { font-size: 13px; } .team-role[b-g65jwve735] { font-size: 12px; padding: 12px; } .team-scene[b-g65jwve735] { padding-top: 100px; } .conversation-preview[b-g65jwve735] { padding: 20px 16px; } .conversation-heading[b-g65jwve735] { flex-wrap: wrap; gap: 8px; } .conversation-message strong[b-g65jwve735], .conversation-attachment[b-g65jwve735] { font-size: 12px; } .conversation-message p[b-g65jwve735] { font-size: 13px; } .faq-layout[b-g65jwve735] { grid-template-columns: 1fr; gap: 28px; } .faq-list summary[b-g65jwve735] { min-height: 76px; } .home-closing[b-g65jwve735] { padding-block: 40px; } .closing-copy[b-g65jwve735] { padding: 32px 24px 180px; } .closing-copy h2[b-g65jwve735] { max-width: 14ch; } .closing-copy > p[b-g65jwve735] { font-size: 15px; } .closing-card > img[b-g65jwve735] { object-position: 70% bottom; } .closing-fade[b-g65jwve735] { background: linear-gradient(180deg,rgba(251,241,245,.98),rgba(251,241,245,.92) 40%,rgba(251,241,245,.1)); } .home-footer[b-g65jwve735] { grid-template-columns: 1fr; gap: 24px; padding-bottom: 24px; } .home-footer nav[b-g65jwve735] { gap: 8px 20px; } .home-footer p[b-g65jwve735], .home-footer nav > a[b-g65jwve735], .home-footer small[b-g65jwve735] { font-size: 13px; } .home-footer small[b-g65jwve735] { margin-top: 0; } }
@media (max-width: 360px) { .hero-copy h1[b-g65jwve735] { font-size: 36px; } .home-actions > .home-button[b-g65jwve735] { width: 100%; } .hero-product[b-g65jwve735] { width: 90%; margin-top: 210px; } .team-role[b-g65jwve735] { font-size: 11px; padding: 10px; } }
@media (max-width: 767px) { .hero-art[b-g65jwve735] { inset: auto 0 160px 0; height: 390px; } .hero-art img[b-g65jwve735] { object-position: 75% center; } .hero-notice[b-g65jwve735] { position: relative; left: auto; bottom: auto; margin: 0 0 12px; } .workflow-visual[b-g65jwve735] { padding-bottom: 0; } }
@media (prefers-reduced-motion: reduce) { .home-page *[b-g65jwve735], .home-page *[b-g65jwve735]::before, .home-page *[b-g65jwve735]::after { animation: none !important; transition: none !important; } .hero-art[b-g65jwve735], .hero-product[b-g65jwve735], .hero-pattern[b-g65jwve735], .home-page[data-home-motion] .closing-card > img[b-g65jwve735] { transform: none; will-change: auto; } .home-page [data-reveal][b-g65jwve735] { opacity: 1; transform: none; } }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-content[b-02fpkx6vc2] { display: flex; flex-direction: column; min-width: 0; }
.login-form[b-02fpkx6vc2] { display: grid; gap: 20px; }
.login-company-field[b-02fpkx6vc2] { display: grid; gap: 6px; }
.login-company-field label[b-02fpkx6vc2] { font-size: 13px; line-height: 16px; font-weight: 600; }
.login-company-field label span[b-02fpkx6vc2], .required-indicator[b-02fpkx6vc2] { color: var(--color-danger); }
.login-company-field select[b-02fpkx6vc2] { width: 100%; min-height: 48px; padding: 8px 12px; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text); font: inherit; font-size: 14px; }
.login-company-field select:focus-visible[b-02fpkx6vc2] { outline: 2px solid var(--color-brand); outline-offset: 2px; box-shadow: var(--focus-ring); }
.login-company-error[b-02fpkx6vc2] { margin: 2px 0 0; color: var(--err-700); font-size: 13px; line-height: 20px; }
.login-sign-in-error[b-02fpkx6vc2] { margin: 0 0 20px; color: var(--err-700); font-size: 14px; line-height: 20px; }
.login-password-heading[b-02fpkx6vc2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 8px; min-height: 44px; margin-top: -12px; }
.login-password-heading > span[b-02fpkx6vc2] { font-size: 13px; font-weight: 600; line-height: 16px; }
.password-reset-link[b-02fpkx6vc2] { display: inline-flex; align-items: center; min-height: 44px; border-radius: var(--radius-sm); color: var(--color-accent); font-size: 12px; line-height: 20px; text-decoration: none; transition: translate var(--motion-fast), color var(--motion-fast); }
.login-password-field[b-02fpkx6vc2]  label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.login-password-field[b-02fpkx6vc2]  .password-toggle { top: 2px; }
.login-password-field > .password-reset-link[b-02fpkx6vc2] { display: flex; width: fit-content; margin-left: auto; }
.login-other-access[b-02fpkx6vc2] { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--color-border); }
.guest-login-link[b-02fpkx6vc2] { width: 100%; text-decoration: none; }
.login-guest-icon[b-02fpkx6vc2] { flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: url('/images/helmet.svg') center / contain no-repeat; }
.login-back[b-02fpkx6vc2] { align-self: center; margin-top: 12px; }
.trust-browser-option[b-02fpkx6vc2] { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 13px; line-height: 20px; cursor: pointer; }
.trust-browser-option input[b-02fpkx6vc2] { flex-shrink: 0; width: 20px; height: 20px; margin: 0; accent-color: var(--color-brand); }
.password-reset-link:focus-visible[b-02fpkx6vc2], .trust-browser-option input:focus-visible[b-02fpkx6vc2] { outline: 2px solid var(--color-accent); outline-offset: 2px; box-shadow: var(--focus-ring); }
@media (max-width: 767px) { .login-company-field select[b-02fpkx6vc2] { font-size: 16px; } .password-reset-link[b-02fpkx6vc2] { font-size: 13px; } }
@media (hover: hover) and (pointer: fine) { .password-reset-link:hover[b-02fpkx6vc2] { color: var(--color-brand); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { .password-reset-link:hover[b-02fpkx6vc2] { translate: 0 -2px; } .password-reset-link:active[b-02fpkx6vc2] { translate: 0 1px; } }
@media (prefers-reduced-motion: reduce) { .password-reset-link[b-02fpkx6vc2] { transition: none; } }
/* /Components/Pages/PasswordReset.razor.rz.scp.css */
.password-reset-content[b-d0nwqbnlne] { display: flex; flex-direction: column; min-width: 0; }
.password-reset-form[b-d0nwqbnlne] { display: grid; gap: 20px; }
.reset-back-icon[b-d0nwqbnlne] { width: 20px; height: 20px; background: currentColor; mask: url('/images/back.svg') center / contain no-repeat; }
.reset-feedback[b-d0nwqbnlne] { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 20px; padding: 12px; border: 1px solid var(--err-500); border-radius: var(--radius-lg); background: var(--err-50); color: var(--err-700); }
.reset-feedback > span[b-d0nwqbnlne] { flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: url('/images/alert.svg') center / contain no-repeat; }
.reset-feedback p[b-d0nwqbnlne] { margin: 0; font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
/* /Components/Pages/People/Components/RoleEditorDialog.razor.rz.scp.css */
.role-dialog[b-lgy83cgi75] {
    width: min(720px, calc(100vw - 32px));
    max-height: calc(100svh - 32px);
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    color: var(--color-text);
    font-family: var(--font-family);
    box-shadow: var(--elevation-3);
    overflow-y: auto;
}


.role-form[b-lgy83cgi75],
.role-fields[b-lgy83cgi75] {
    display: grid;
    gap: var(--space-4);
}

.role-fields[b-lgy83cgi75],
.permission-options[b-lgy83cgi75] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.dialog-header[b-lgy83cgi75],
.dialog-actions[b-lgy83cgi75] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.dialog-header h2[b-lgy83cgi75] {
    margin: 0;
    color: var(--color-heading);
    font-size: 24px;
    line-height: 32px;
}

.dialog-header[b-lgy83cgi75] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--color-surface);
}

.dialog-close[b-lgy83cgi75] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-accent);
    font-size: 24px;
    cursor: pointer;
}

.field[b-lgy83cgi75] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-lgy83cgi75],
.permission-options legend[b-lgy83cgi75] {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.field input[b-lgy83cgi75],
.field textarea[b-lgy83cgi75] {
    width: 100%;
    min-width: 0;
    min-height: var(--control-h-md);
    padding: var(--space-2) var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
    line-height: 20px;
    transition: border-color var(--motion-fast), box-shadow var(--motion-fast);
}

.field textarea[b-lgy83cgi75] {
    resize: vertical;
}

.name-picker[b-lgy83cgi75] {
    position: relative;
}

.name-picker-search input[b-lgy83cgi75] {
    padding-inline-start: 38px;
}

.name-search-icon[b-lgy83cgi75] {
    position: absolute;
    inset-inline-start: 12px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    color: var(--color-text-muted);
    pointer-events: none;
}

.role-suggestions[b-lgy83cgi75] {
    display: none;
    position: absolute;
    inset: calc(100% + 4px) 0 auto;
    z-index: 2;
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--elevation-3);
}

.name-picker:focus-within .role-suggestions[b-lgy83cgi75] {
    display: grid;
    gap: 4px;
    max-height: min(260px, 40svh);
    overflow-y: auto;
}

.suggestion-heading[b-lgy83cgi75],
.role-suggestion small[b-lgy83cgi75] {
    color: var(--color-text-muted);
    font-size: 12px;
}

.suggestion-heading[b-lgy83cgi75] {
    padding-inline: var(--space-3);
}

.role-suggestion[b-lgy83cgi75],
.advanced-toggle[b-lgy83cgi75] {
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-heading);
    font: inherit;
    font-size: 14px;
    text-align: start;
    cursor: pointer;
}

.role-suggestion[b-lgy83cgi75] {
    display: grid;
    border: 0;
    overflow-wrap: anywhere;
}

.custom-suggestion[b-lgy83cgi75] {
    border-top: 1px solid var(--color-border);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
}

.field input:focus[b-lgy83cgi75],
.field textarea:focus[b-lgy83cgi75] {
    outline: none;
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.field .field-invalid[b-lgy83cgi75] {
    border-color: var(--color-danger);
}

.role-fields:disabled .field input[b-lgy83cgi75],
.role-fields:disabled .field textarea[b-lgy83cgi75] {
    background: var(--n-100);
    color: var(--color-text-muted);
}

.permission-options[b-lgy83cgi75] {
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.permission-options legend[b-lgy83cgi75] {
    padding: 0;
    color: var(--color-heading);
}

.permission-hint[b-lgy83cgi75] {
    margin: var(--space-2) 0;
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 20px;
}

.site-scope-options[b-lgy83cgi75],
.advanced-grid[b-lgy83cgi75] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
}

.permission-levels[b-lgy83cgi75],
.advanced-grid[b-lgy83cgi75] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}

.permission-level[b-lgy83cgi75] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-2);
    padding: 5px var(--space-3);
    font-size: 14px;
}

.permission-level + .permission-level[b-lgy83cgi75] {
    border-top: 1px solid var(--color-border);
}

.permission-level select[b-lgy83cgi75] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 6px var(--space-2);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
}

.permission-level select:focus-visible[b-lgy83cgi75] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}

.permission-level small[b-lgy83cgi75] {
    grid-column: 1 / -1;
    margin: 0;
}

.advanced-toggle[b-lgy83cgi75] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    width: 100%;
    border: 1px solid var(--color-border);
    background: var(--n-100);
}

.advanced-chevron[b-lgy83cgi75] {
    width: 8px;
    height: 8px;
    margin-inline: 4px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
}

.advanced-toggle[aria-expanded="true"] .advanced-chevron[b-lgy83cgi75] {
    transform: rotate(225deg);
}

.advanced-count[b-lgy83cgi75] {
    margin-inline-start: auto;
    padding: 2px 8px;
    border-radius: var(--radius-md);
    background: var(--plum-50);
    color: var(--color-accent);
    font-size: 12px;
}

.advanced-grid[b-lgy83cgi75] {
    margin-top: var(--space-2);
    gap: 0;
}

.advanced-grid[hidden][b-lgy83cgi75] {
    display: none;
}

.advanced-column[b-lgy83cgi75] {
    min-width: 0;
    padding: var(--space-3);
}

.advanced-column + .advanced-column[b-lgy83cgi75] {
    border-inline-start: 1px solid var(--color-border);
}

.advanced-group + .advanced-group[b-lgy83cgi75] {
    margin-top: var(--space-2);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.advanced-group h3[b-lgy83cgi75],
.advanced-group > .permission-level:first-child > span[b-lgy83cgi75] {
    margin: 0 0 4px;
    color: var(--color-heading);
    font-size: 14px;
    font-weight: 600;
}

.advanced-group .permission-level[b-lgy83cgi75],
.advanced-group .permission-option[b-lgy83cgi75] {
    padding-inline: 0;
}

.advanced-group > .permission-level:first-child[b-lgy83cgi75] {
    grid-template-columns: 1fr;
}

.permission-option[b-lgy83cgi75] {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}

.scope-option[b-lgy83cgi75] {
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.scope-option:has(input:checked)[b-lgy83cgi75] {
    border-color: var(--plum-200);
    background: var(--plum-50);
}

.permission-option input[b-lgy83cgi75] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin: 0;
    accent-color: var(--color-brand);
    cursor: inherit;
}

.permission-option input:focus-visible[b-lgy83cgi75] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}

.role-fields:disabled .permission-option[b-lgy83cgi75] {
    color: var(--color-text-muted);
    cursor: wait;
}

.form-error[b-lgy83cgi75],
.field-error[b-lgy83cgi75] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    font-size: 13px;
    line-height: 20px;
}

.form-error[b-lgy83cgi75] {
    margin: 0;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--err-50);
    color: var(--err-700);
    font-size: 14px;
}

.error-icon[b-lgy83cgi75] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.field-error[b-lgy83cgi75],
.required-indicator[b-lgy83cgi75] {
    color: var(--color-danger);
}

.dialog-actions[b-lgy83cgi75] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    justify-content: flex-end;
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
}

.ghost-button[b-lgy83cgi75],
.primary-button[b-lgy83cgi75] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-2) 18px;
    border: 0;
    border-radius: var(--radius-lg);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.ghost-button[b-lgy83cgi75] {
    background: transparent;
    color: var(--color-accent);
}

.primary-button[b-lgy83cgi75] {
    background: var(--color-brand);
    color: var(--n-0);
    box-shadow: var(--elevation-1);
}

.primary-button:active:not(:disabled)[b-lgy83cgi75] {
    background: var(--color-brand-press);
}

button:disabled[b-lgy83cgi75] {
    box-shadow: none;
    opacity: 1;
    cursor: not-allowed;
}

button:disabled:not([aria-busy="true"])[b-lgy83cgi75] {
    background: var(--n-200);
    color: var(--n-500);
}

.role-dialog[data-busy="true"] button:disabled[b-lgy83cgi75] {
    cursor: wait;
}

button:focus-visible[b-lgy83cgi75] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .role-suggestion:hover:not(:disabled)[b-lgy83cgi75],
    .advanced-toggle:hover:not(:disabled)[b-lgy83cgi75] {
        background: var(--plum-50);
    }

    .ghost-button:hover:not(:disabled)[b-lgy83cgi75],
    .dialog-close:hover:not(:disabled)[b-lgy83cgi75] {
        background: var(--plum-50);
    }

    .primary-button:hover:not(:disabled):not(:active)[b-lgy83cgi75] {
        background: var(--color-brand-hover);
    }
}

@media (max-width: 767px) {
    .role-dialog[b-lgy83cgi75] {
        padding: var(--space-4);
    }

    .dialog-header h2[b-lgy83cgi75] {
        font-size: 20px;
        line-height: 28px;
    }

    .field input[b-lgy83cgi75],
    .field textarea[b-lgy83cgi75],
    .permission-level select[b-lgy83cgi75] {
        min-height: var(--control-h-lg);
        font-size: 16px;
    }

    .advanced-grid[b-lgy83cgi75] {
        grid-template-columns: 1fr;
    }

    .advanced-column + .advanced-column[b-lgy83cgi75] {
        border-inline-start: 0;
        border-top: 1px solid var(--color-border);
    }

    .dialog-actions[b-lgy83cgi75] {
        position: sticky;
        bottom: 0;
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .dialog-actions button[b-lgy83cgi75] {
        min-height: var(--control-h-lg);
    }
}

@media (max-width: 420px) {
    .site-scope-options[b-lgy83cgi75] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .field input[b-lgy83cgi75],
    .field textarea[b-lgy83cgi75] {
        transition: none;
    }
}
/* /Components/Pages/People/People.razor.rz.scp.css */
.people-toolbar[b-xk7s8rlk8q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
}

.people-header h1[b-xk7s8rlk8q] {
    margin: 0 0 var(--space-5);
    color: var(--color-heading);
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.2;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.people-header[b-xk7s8rlk8q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(124px, .5fr);
    align-items: center;
    gap: var(--space-4);
    min-height: 208px;
}

.people-hero-copy[b-xk7s8rlk8q] { min-width: 0; }
.people-illustration[b-xk7s8rlk8q] { justify-self: end; width: 100%; max-width: 236px; height: auto; stroke: var(--plum-700); stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.illustration-person[b-xk7s8rlk8q] { fill: var(--n-0); }
.illustration-lead[b-xk7s8rlk8q] { fill: var(--plum-50); }
.illustration-accent[b-xk7s8rlk8q] { stroke: var(--color-brand); }
.people-workspace[b-xk7s8rlk8q] { min-width: 0; margin-top: var(--space-5); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }

.people-header .primary-button[b-xk7s8rlk8q] {
    height: 44px;
    flex-shrink: 0;
    white-space: nowrap;
}

.primary-button[b-xk7s8rlk8q],
.ghost-button[b-xk7s8rlk8q],
.icon-button[b-xk7s8rlk8q],
.people-tabs button[b-xk7s8rlk8q],
.people-filters button[b-xk7s8rlk8q] {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-2) 18px;
    border: 0;
    border-radius: var(--radius-lg);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}

.primary-button[b-xk7s8rlk8q] {
    background: var(--color-brand);
    color: var(--n-0);
    box-shadow: var(--elevation-1);
}

.ghost-button[b-xk7s8rlk8q],
.icon-button[b-xk7s8rlk8q] {
    background: transparent;
    color: var(--color-accent);
}

.primary-button:active:not(:disabled)[b-xk7s8rlk8q] {
    background: var(--color-brand-press);
}

.ghost-button:active:not(:disabled)[b-xk7s8rlk8q],
.icon-button:active:not(:disabled)[b-xk7s8rlk8q] {
    background: var(--plum-100);
}

.danger-action[b-xk7s8rlk8q] {
    color: var(--err-500);
}

.danger-action:active:not(:disabled)[b-xk7s8rlk8q] {
    background: var(--err-50);
    color: var(--err-700);
}

.destructive-button[b-xk7s8rlk8q] {
    background: var(--err-500);
}

.destructive-button:active:not(:disabled)[b-xk7s8rlk8q] {
    background: var(--err-700);
}

button:disabled[b-xk7s8rlk8q] {
    opacity: 0.65;
    cursor: not-allowed;
}

.people-dialog[data-busy="true"] button:disabled[b-xk7s8rlk8q],
.people-dialog[data-busy="true"] select:disabled[b-xk7s8rlk8q],
.people-dialog[data-busy="true"][b-xk7s8rlk8q]  input:disabled {
    cursor: wait;
}

button:focus-visible[b-xk7s8rlk8q] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}

.people-tabs[b-xk7s8rlk8q] {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding-bottom: 0;
    border-bottom: 1px solid var(--color-border);
}

.people-tabs button[data-ds-button][b-xk7s8rlk8q] {
    --button-bg: transparent;
    --button-border: transparent;
    --button-fg: var(--color-text-muted);
    --button-radius: var(--radius-lg) var(--radius-lg) 0 0;
    border-bottom: 2px solid transparent;
}

.people-tabs button.tab-active[data-ds-button][b-xk7s8rlk8q] { --button-bg: var(--red-50); --button-border: transparent; --button-fg: var(--color-brand); --button-hover: var(--red-50); --button-press: var(--red-100); border-bottom-color: var(--color-brand); }
.people-tabs button.tab-active[data-ds-button] > span[b-xk7s8rlk8q] { background: var(--plum-50); color: var(--color-accent); }

.people-tabs button span[b-xk7s8rlk8q] {
    min-width: 24px;
    padding: 2px 6px;
    border-radius: var(--radius-full);
    background: var(--n-100);
    color: var(--color-text-muted);
    font-size: 12px;
    line-height: 16px;
    font-variant-numeric: tabular-nums;
}

.people-toolbar[b-xk7s8rlk8q] {
    margin-top: var(--space-6);
    flex-wrap: wrap;
}

.people-search[b-xk7s8rlk8q] {
    width: min(100%, 400px);
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding-inline: var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text-muted);
}

.people-search:focus-within[b-xk7s8rlk8q] {
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.people-search input[b-xk7s8rlk8q] {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--color-text);
    font: inherit;
}

.people-search input[b-xk7s8rlk8q]::placeholder {
    color: var(--color-text-muted);
    opacity: 1;
}

.icon-button[b-xk7s8rlk8q] {
    width: 44px;
    flex-shrink: 0;
    padding: var(--space-2);
}

.people-filters[b-xk7s8rlk8q] {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.people-filters button[b-xk7s8rlk8q] {
    padding-inline: var(--space-4);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: 13px;
}

.people-panel[b-xk7s8rlk8q] {
    min-width: 0;
    margin-top: var(--space-4);
    background: var(--color-surface);
}

.people-table[b-xk7s8rlk8q] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: var(--n-800);
    font-size: 14px;
    line-height: 20px;
    font-variant-numeric: tabular-nums;
}

.people-table th[b-xk7s8rlk8q] {
    height: 44px;
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-align: left;
    text-transform: uppercase;
}

.people-table th:first-child[b-xk7s8rlk8q] {
    width: 32%;
}

.people-table th:last-child[b-xk7s8rlk8q] {
    width: 136px;
}

.people-table td[b-xk7s8rlk8q] {
    height: 72px;
    padding: var(--space-2) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.people-table tbody tr:last-child td[b-xk7s8rlk8q] {
    border-bottom: 0;
}

.person-identity[b-xk7s8rlk8q] {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: var(--space-3);
}

.person-avatar[b-xk7s8rlk8q] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background: var(--plum-50);
    color: var(--plum-700);
    font-weight: 700;
}

.person-identity > div[b-xk7s8rlk8q],
.role-identity[b-xk7s8rlk8q] {
    min-width: 0;
    display: grid;
}

.person-avatar[b-xk7s8rlk8q]  .profile-avatar { background: var(--avatar-bg, var(--plum-50)); color: var(--avatar-fg, var(--plum-700)); }
.avatar-tone-1[b-xk7s8rlk8q] { --avatar-bg: var(--ok-50); --avatar-fg: var(--ok-700); }
.avatar-tone-2[b-xk7s8rlk8q] { --avatar-bg: var(--info-50); --avatar-fg: var(--info-700); }
.avatar-tone-3[b-xk7s8rlk8q] { --avatar-bg: var(--warn-50); --avatar-fg: var(--warn-700); }
.role-badge[b-xk7s8rlk8q] { display: inline-block; max-width: 100%; padding: 3px var(--space-2); border-radius: var(--radius-full); background: var(--plum-50); color: var(--plum-700); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; white-space: normal; }
.member-menu[b-xk7s8rlk8q] { position: relative; display: inline-block; text-align: left; }
.member-menu summary[b-xk7s8rlk8q] { list-style: none; }
.member-menu summary[b-xk7s8rlk8q]::-webkit-details-marker { display: none; }
.member-menu-content[b-xk7s8rlk8q] { display: grid; grid-template-columns: minmax(0, 1fr); position: absolute; z-index: 5; top: calc(100% + 4px); right: 0; width: min(280px, calc(100vw - 32px)); padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--elevation-2); }
.people-table .member-menu-content .ghost-button[b-xk7s8rlk8q] { width: 100%; justify-content: flex-start; padding: var(--space-2) var(--space-3); margin: 0; text-align: left; white-space: normal; }
.member-menu-content .action-label[b-xk7s8rlk8q] { display: inline; }
.people-table tbody tr:nth-last-child(-n + 2) .member-menu-content[b-xk7s8rlk8q] { top: auto; bottom: calc(100% + 4px); }
.people-table td.row-actions[b-xk7s8rlk8q] { overflow: visible; }
.icon-more[b-xk7s8rlk8q] { --icon: url('/images/more.svg'); }

.person-identity strong[b-xk7s8rlk8q],
.person-identity > div > span[b-xk7s8rlk8q],
.role-identity strong[b-xk7s8rlk8q],
.role-identity > span[b-xk7s8rlk8q] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.person-identity strong[b-xk7s8rlk8q],
.role-identity strong[b-xk7s8rlk8q] {
    font-weight: 600;
}

.person-identity > div > span[b-xk7s8rlk8q],
.role-identity > span[b-xk7s8rlk8q] {
    color: var(--color-text-muted);
    font-size: 12px;
    line-height: 16px;
}

.status-badge[b-xk7s8rlk8q] {
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px var(--space-2);
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    white-space: normal;
}

.status-badge > span[b-xk7s8rlk8q] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: var(--radius-full);
    background: currentColor;
}

.status-active[b-xk7s8rlk8q] {
    background: var(--ok-50);
    color: var(--ok-700);
}

.status-suspended[b-xk7s8rlk8q] {
    background: var(--warn-50);
    color: var(--warn-700);
}

.account-warning[b-xk7s8rlk8q] {
    display: block;
    margin-top: var(--space-1);
    color: var(--err-700);
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.row-actions[b-xk7s8rlk8q] {
    text-align: right;
}

.row-actions .ghost-button[b-xk7s8rlk8q] {
    width: 44px;
    padding: var(--space-2);
    font-size: 13px;
}

.action-label[b-xk7s8rlk8q] {
    display: none;
}

.row-actions > .ghost-button + .ghost-button[b-xk7s8rlk8q] {
    margin-left: var(--space-2);
}

.owner-label[b-xk7s8rlk8q] {
    display: inline-block;
    color: var(--plum-700);
    font-size: 13px;
    font-weight: 600;
}

.people-pagination[b-xk7s8rlk8q] {
    padding: var(--space-3) var(--space-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-3);
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.people-pagination > div[b-xk7s8rlk8q] {
    display: flex;
    gap: var(--space-2);
}

.people-icon[b-xk7s8rlk8q] {
    width: 20px;
    height: 20px;
    display: inline-block;
    flex-shrink: 0;
    background: currentColor;
    mask: var(--icon) no-repeat center / contain;
}

.icon-plus[b-xk7s8rlk8q] {
    --icon: url("/images/plus.svg");
}

.icon-search[b-xk7s8rlk8q] {
    --icon: url("/images/search.svg");
}

.icon-refresh[b-xk7s8rlk8q] {
    --icon: url("/images/refresh.svg");
}

.icon-alert[b-xk7s8rlk8q] {
    --icon: url("/images/alert.svg");
}

.icon-edit[b-xk7s8rlk8q] {
    --icon: url("/images/edit.svg");
}

.icon-lock[b-xk7s8rlk8q] {
    --icon: url("/images/lock.svg");
}

.icon-check[b-xk7s8rlk8q] {
    --icon: url("/images/checkc.svg");
}

.icon-trash[b-xk7s8rlk8q] {
    --icon: url("/images/trash.svg");
}

.people-empty[b-xk7s8rlk8q] {
    min-height: 360px;
    padding: var(--space-9) var(--space-6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    text-align: center;
}

.people-empty h2[b-xk7s8rlk8q] {
    margin: 0;
    color: var(--color-heading);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.people-empty p[b-xk7s8rlk8q] {
    max-width: 400px;
    margin: 0;
    color: var(--color-text-muted);
    line-height: 20px;
    overflow-wrap: anywhere;
}

.empty-mascot[b-xk7s8rlk8q] {
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background: var(--n-100) url("/images/danstrop-pattern-light.svg") center / 220px auto;
}

.empty-mascot img[b-xk7s8rlk8q] {
    display: block;
    width: 56px;
    height: 80px;
    object-fit: contain;
}

.state-icon[b-xk7s8rlk8q] {
    width: 84px;
    height: 84px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background: var(--n-100);
    color: var(--color-text-muted);
}

.state-icon .people-icon[b-xk7s8rlk8q] {
    width: 24px;
    height: 24px;
}

.error-state[b-xk7s8rlk8q] {
    background: var(--err-50);
    color: var(--err-700);
}

.people-loading[b-xk7s8rlk8q] {
    padding: var(--space-6);
    display: grid;
    gap: var(--space-4);
    color: var(--color-text-muted);
}

.people-skeleton[b-xk7s8rlk8q] {
    min-height: 64px;
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) 100px;
    align-items: center;
    gap: var(--space-4);
}

.people-skeleton-invitations[b-xk7s8rlk8q] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) 100px;
}

.people-skeleton-roles[b-xk7s8rlk8q] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) 100px;
}

.skeleton-avatar[b-xk7s8rlk8q] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
}

.skeleton-identity[b-xk7s8rlk8q] {
    min-width: 0;
    display: grid;
    gap: var(--space-2);
}

.skeleton-name[b-xk7s8rlk8q] {
    width: min(100%, 220px);
    height: 16px;
}

.skeleton-detail[b-xk7s8rlk8q] {
    width: min(70%, 140px);
    height: 12px;
}

.skeleton-column[b-xk7s8rlk8q] {
    width: 70%;
    height: 12px;
}

.skeleton-status[b-xk7s8rlk8q] {
    width: 100%;
    height: 24px;
    border-radius: var(--radius-full);
}

.people-dialog[b-xk7s8rlk8q] {
    width: min(480px, calc(100vw - 32px));
    max-height: calc(100svh - 32px);
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    color: var(--color-text);
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 20px;
    box-shadow: var(--elevation-3);
    overflow-y: auto;
    overflow-wrap: anywhere;
}


.people-dialog[b-xk7s8rlk8q],
.people-dialog form[b-xk7s8rlk8q] {
    display: grid;
    gap: var(--space-4);
}

.people-dialog h2[b-xk7s8rlk8q] {
    margin: 0;
    color: var(--color-heading);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.dialog-description[b-xk7s8rlk8q],
.confirmation-message[b-xk7s8rlk8q] {
    margin: 0;
    line-height: 24px;
}

.dialog-description[b-xk7s8rlk8q] {
    color: var(--color-text-muted);
}

.field[b-xk7s8rlk8q] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-xk7s8rlk8q] {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.required-mark[b-xk7s8rlk8q] {
    margin-left: var(--space-1);
    color: var(--color-danger);
}

.field select[b-xk7s8rlk8q] {
    width: 100%;
    min-width: 0;
    height: var(--control-h-md);
    padding: var(--space-2) var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
}

.field select:focus[b-xk7s8rlk8q],
.people-dialog[b-xk7s8rlk8q]  .text-input input:focus {
    outline: none;
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.field select[aria-invalid="true"][b-xk7s8rlk8q] {
    border-color: var(--color-danger);
}

.field select:disabled[b-xk7s8rlk8q] {
    background: var(--n-100);
    color: var(--color-text-muted);
    cursor: not-allowed;
}

.inline-error[b-xk7s8rlk8q],
.people-dialog[b-xk7s8rlk8q]  .text-input-error {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    color: var(--err-700);
    font-size: 13px;
    line-height: 20px;
}

.people-dialog form > .inline-error[b-xk7s8rlk8q] {
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--err-50);
}

.inline-error .people-icon[b-xk7s8rlk8q],
.people-dialog[b-xk7s8rlk8q]  .text-input-error::before {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

.people-dialog[b-xk7s8rlk8q]  .text-input-error {
    margin-top: var(--space-2);
}

.people-dialog[b-xk7s8rlk8q]  .text-input-error::before {
    background: currentColor;
    mask: url("/images/alert.svg") no-repeat center / contain;
    content: "";
}

.dialog-actions[b-xk7s8rlk8q] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
}

.sr-only[b-xk7s8rlk8q] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
    .ghost-button:hover:not(:disabled):not(:active)[b-xk7s8rlk8q],
    .icon-button:hover:not(:disabled):not(:active)[b-xk7s8rlk8q] {
        background: var(--plum-50);
    }

    .primary-button:hover:not(:disabled):not(:active)[b-xk7s8rlk8q] {
        background: var(--color-brand-hover);
    }

    .danger-action:hover:not(:disabled):not(:active)[b-xk7s8rlk8q] {
        background: var(--err-50);
        color: var(--err-700);
    }

    .destructive-button:hover:not(:disabled):not(:active)[b-xk7s8rlk8q] {
        background: var(--err-700);
    }

    .people-tabs button:hover:not(.tab-active)[b-xk7s8rlk8q],
    .people-filters button:hover:not(.filter-active)[b-xk7s8rlk8q] {
        background: var(--n-100);
        color: var(--color-heading);
    }

    .people-table tbody tr:hover[b-xk7s8rlk8q] {
        background: var(--red-50);
    }
}

@media (max-width: 1023px) {
    .people-loading[b-xk7s8rlk8q] {
        padding: var(--space-4);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .people-skeleton[b-xk7s8rlk8q] {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: var(--space-4);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-xl);
    }

    .people-skeleton-invitations[b-xk7s8rlk8q],
    .people-skeleton-roles[b-xk7s8rlk8q] {
        grid-template-columns: minmax(0, 1fr);
    }

    .skeleton-column[b-xk7s8rlk8q],
    .skeleton-status[b-xk7s8rlk8q] {
        grid-column: 1 / -1;
        max-width: 160px;
    }

    .people-table[b-xk7s8rlk8q],
    .people-table tbody[b-xk7s8rlk8q] {
        display: block;
    }

    .people-table thead[b-xk7s8rlk8q] {
        display: none;
    }

    .people-table tbody[b-xk7s8rlk8q] {
        padding: var(--space-4);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-4);
    }

    .people-table tr[b-xk7s8rlk8q] {
        position: relative;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: var(--space-3);
        padding: var(--space-4);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-xl);
    }

    .people-table td[b-xk7s8rlk8q] {
        min-width: 0;
        height: auto;
        padding: 0;
        border: 0;
        overflow: visible;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .people-table .mobile-labelled[b-xk7s8rlk8q] {
        display: grid;
        grid-template-columns: minmax(80px, 35%) minmax(0, 1fr);
        align-items: start;
        gap: var(--space-3);
    }

    .mobile-labelled[b-xk7s8rlk8q]::before {
        color: var(--color-text-muted);
        font-size: 13px;
        font-weight: 500;
        content: attr(data-label);
    }

    .person-identity strong[b-xk7s8rlk8q],
    .person-identity > div > span[b-xk7s8rlk8q],
    .role-identity strong[b-xk7s8rlk8q],
    .role-identity > span[b-xk7s8rlk8q] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .person-identity > div > span[b-xk7s8rlk8q],
    .role-identity > span[b-xk7s8rlk8q] {
        font-size: 13px;
        line-height: 20px;
    }

    .person-status-cell[b-xk7s8rlk8q] {
        margin-top: var(--space-1);
    }

    .people-table .row-actions[b-xk7s8rlk8q] {
        position: absolute;
        top: var(--space-3);
        right: var(--space-3);
        margin-top: 0;
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: var(--space-2);
        border: 0;
    }

    .people-table .row-actions:has(.owner-label)[b-xk7s8rlk8q] { display: none; }
    .people-table .person-identity[b-xk7s8rlk8q] { padding-right: 44px; }
    .people-table tbody tr .member-menu-content[b-xk7s8rlk8q] { top: calc(100% + 4px); bottom: auto; }

    .row-actions > .ghost-button + .ghost-button[b-xk7s8rlk8q] {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .people-loading[b-xk7s8rlk8q] {
        grid-template-columns: 1fr;
    }

    .people-header[b-xk7s8rlk8q] {
        grid-template-columns: minmax(0, 1fr) 96px;
        min-height: 184px;
        gap: var(--space-3);
    }

    .people-workspace[b-xk7s8rlk8q] { padding: var(--space-4); }
    .people-toolbar[b-xk7s8rlk8q] { align-items: stretch; flex-direction: column; }
    .people-search[b-xk7s8rlk8q] { width: 100%; }

    .people-header .primary-button[b-xk7s8rlk8q] {
        max-width: 100%;
        height: var(--control-h-lg);
        min-height: var(--control-h-lg);
    }

    .people-tabs[b-xk7s8rlk8q] {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0;
    }

    .people-tabs button[b-xk7s8rlk8q] {
        flex-shrink: 0;
        --button-padding: var(--space-2) var(--space-3);
        white-space: nowrap;
    }

    .people-toolbar[b-xk7s8rlk8q] {
        gap: var(--space-2);
    }

    .people-search input[b-xk7s8rlk8q] {
        height: var(--control-h-lg);
        font-size: 16px;
    }

    .people-filters[b-xk7s8rlk8q] {
        display: grid;
        grid-template-columns: .8fr .8fr 1.2fr;
    }

    .people-filters button[b-xk7s8rlk8q] {
        --button-padding: var(--space-2) 4px;
        white-space: nowrap;
    }

    .people-table tbody[b-xk7s8rlk8q] {
        grid-template-columns: 1fr;
        padding-inline: 0;
    }

    .people-table .row-actions[b-xk7s8rlk8q] {
        align-items: center;
        flex-direction: row;
    }

    .row-actions > .ghost-button[b-xk7s8rlk8q] {
        width: 100%;
    }

    .action-label[b-xk7s8rlk8q] {
        display: inline;
    }

    .owner-label[b-xk7s8rlk8q] {
        align-self: flex-end;
    }

    .status-badge[b-xk7s8rlk8q],
    .account-warning[b-xk7s8rlk8q] {
        font-size: 13px;
    }

    .people-pagination[b-xk7s8rlk8q] {
        align-items: stretch;
        flex-direction: column;
    }

    .people-pagination > div[b-xk7s8rlk8q] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .people-pagination .ghost-button[b-xk7s8rlk8q] {
        padding-inline: var(--space-2);
    }

    .people-empty[b-xk7s8rlk8q] {
        min-height: 320px;
        padding: var(--space-7) var(--space-4);
    }

    .people-empty .ghost-button[b-xk7s8rlk8q] {
        width: 100%;
    }

    .people-loading[b-xk7s8rlk8q],
    .people-dialog[b-xk7s8rlk8q] {
        padding: var(--space-4);
    }

    .people-dialog h2[b-xk7s8rlk8q] {
        font-size: 20px;
        line-height: 28px;
    }

    .field select[b-xk7s8rlk8q],
    .people-dialog[b-xk7s8rlk8q]  .text-input input {
        height: var(--control-h-lg);
        font-size: 16px;
    }

    .dialog-actions[b-xk7s8rlk8q] {
        position: sticky;
        bottom: 0;
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .dialog-actions button[b-xk7s8rlk8q] {
        width: 100%;
        min-height: var(--control-h-lg);
    }
}

/* /Components/Pages/Pricing.razor.rz.scp.css */
.pricing-page[b-ye2n1vasos] {
    background-color: var(--color-bg);
    color: var(--color-text);
}

.pricing-content[b-ye2n1vasos] {
    width: min(1040px, calc(100% - 48px));
    margin-inline: auto;
    padding-block: clamp(32px, 6vw, 76px) 72px;
}

.skip-link[b-ye2n1vasos] {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 200;
    padding: 12px 20px;
    border-radius: var(--radius-md);
    background: var(--plum-800);
    color: var(--n-0);
    translate: 0 -180%;
}

.skip-link:focus[b-ye2n1vasos] { translate: none; }
.pricing-heading[b-ye2n1vasos] { max-width: 640px; margin: 0 auto 32px; text-align: center; }
.pricing-heading h1[b-ye2n1vasos] { margin: 0 0 12px; color: var(--color-heading); font-size: clamp(36px, 6vw, 60px); line-height: 1.08; font-weight: 800; }
.pricing-heading p[b-ye2n1vasos], .offer-summary p[b-ye2n1vasos], details p[b-ye2n1vasos] { margin: 0; color: var(--color-text-muted); line-height: 1.6; }

.offer-card[b-ye2n1vasos] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    box-shadow: var(--elevation-1);
}

.offer-summary[b-ye2n1vasos], .offer-features[b-ye2n1vasos] { padding: clamp(22px, 4vw, 44px); }
.offer-summary[b-ye2n1vasos] { display: grid; gap: 14px; justify-items: start; align-content: center; background: var(--plum-50); }
.offer-icon[b-ye2n1vasos] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--radius-lg); background: var(--color-surface); }
.offer-summary h2[b-ye2n1vasos], .offer-features h2[b-ye2n1vasos], .pricing-questions h2[b-ye2n1vasos] { margin: 0; color: var(--color-heading); font-size: 22px; line-height: 1.25; }
.offer-summary .offer-price[b-ye2n1vasos] { color: var(--color-heading); font-size: clamp(24px, 4vw, 32px); font-weight: 800; line-height: 1.18; }
.pricing-cta[b-ye2n1vasos] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 8px; text-decoration: none; }
.offer-features ul[b-ye2n1vasos] { display: grid; gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.offer-features li[b-ye2n1vasos] { display: flex; align-items: center; gap: 12px; min-height: 44px; padding-block: 8px; }
.offer-features li + li[b-ye2n1vasos] { border-top: 1px solid var(--color-border); }
.feature-check[b-ye2n1vasos] { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border-radius: var(--radius-sm); background: var(--plum-50); color: var(--color-accent); font-weight: 700; }
.pricing-questions[b-ye2n1vasos] { max-width: 760px; margin: 52px auto 0; }
.pricing-questions h2[b-ye2n1vasos] { margin-bottom: 16px; }
.pricing-questions details[b-ye2n1vasos] { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.pricing-questions details + details[b-ye2n1vasos] { margin-top: 8px; }
.pricing-questions summary[b-ye2n1vasos] { min-height: 44px; padding: 13px 16px; border-radius: inherit; color: var(--color-heading); font-weight: 650; cursor: pointer; }
.pricing-questions summary:focus-visible[b-ye2n1vasos] { outline: none; box-shadow: var(--focus-ring); }
.pricing-questions details p[b-ye2n1vasos] { padding: 0 16px 16px; }

@media (max-width: 767px) {
    .pricing-content[b-ye2n1vasos] { width: calc(100% - 32px); padding-bottom: 48px; }
    .offer-card[b-ye2n1vasos] { grid-template-columns: minmax(0, 1fr); }
    .pricing-questions[b-ye2n1vasos] { margin-top: 36px; }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-page[b-pdzfkde1g0] { max-width: 1200px; margin-inline: auto; display: grid; gap: var(--space-5); min-width: 0; color: var(--color-text); font: 400 14px/20px var(--font-family); }
.profile-header[b-pdzfkde1g0] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .26fr); align-items: center; gap: var(--space-5); min-height: 208px; }
.profile-identity[b-pdzfkde1g0] { display: flex; align-items: center; gap: var(--space-6); min-width: 0; }
.profile-heading[b-pdzfkde1g0] { min-width: 0; padding-left: var(--space-6); border-left: 1px solid var(--plum-200); }
.profile-heading h1[b-pdzfkde1g0] { margin: 0 0 var(--space-3); color: var(--color-heading); font-size: 32px; line-height: 40px; letter-spacing: -.025em; font-weight: 800; overflow-wrap: anywhere; }
.profile-heading p[b-pdzfkde1g0] { margin: 0; overflow-wrap: anywhere; }
.profile-heading .profile-name[b-pdzfkde1g0] { color: var(--color-heading); font-size: 20px; line-height: 28px; font-weight: 700; }
.profile-heading .profile-email[b-pdzfkde1g0] { margin-top: 4px; color: var(--color-text-muted); }
.profile-photo[b-pdzfkde1g0] { position: relative; flex: 0 0 112px; width: 112px; height: 112px; border-radius: var(--radius-full); font-size: 36px; line-height: 44px; }
.profile-photo[b-pdzfkde1g0]  .profile-avatar { background: var(--red-50); font-weight: 800; }
.photo-upload[b-pdzfkde1g0] { position: absolute; right: -2px; bottom: -2px; width: 44px; height: 44px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--plum-100); border-radius: var(--radius-full); background: var(--n-0); color: var(--color-brand); box-shadow: var(--elevation-1); transition: translate var(--motion-fast), background-color var(--motion-fast); }
.photo-upload[b-pdzfkde1g0]  .photo-file-input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.photo-upload[data-disabled="true"]:not([aria-busy="true"])[b-pdzfkde1g0] { background: var(--n-200); color: var(--n-400); box-shadow: none; }
.photo-upload[data-disabled="true"][b-pdzfkde1g0]  .photo-file-input { cursor: not-allowed; }
.photo-upload:focus-within[b-pdzfkde1g0] { outline: 0; box-shadow: var(--focus-ring); }
.profile-heading .remove-photo[b-pdzfkde1g0] { --button-font-size: 13px; --button-padding: 4px 0; margin-top: 4px; text-align: start; }
.remove-photo .profile-icon[b-pdzfkde1g0] { width: 16px; height: 16px; }
.profile-illustration[b-pdzfkde1g0] { width: 100%; max-width: 196px; height: auto; justify-self: end; stroke: var(--plum-700); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.illustration-card[b-pdzfkde1g0], .illustration-center[b-pdzfkde1g0] { fill: var(--n-0); }
.illustration-gear[b-pdzfkde1g0] { fill: var(--red-50); stroke: var(--color-brand); }
.illustration-accent[b-pdzfkde1g0] { stroke: var(--color-brand); }
.profile-content[b-pdzfkde1g0] { display: grid; gap: var(--space-4); min-width: 0; }
.profile-card[b-pdzfkde1g0] { min-width: 0; padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.profile-card h2[b-pdzfkde1g0] { margin: 0; color: var(--color-heading); font-size: 20px; font-weight: 800; line-height: 28px; }
.card-heading[b-pdzfkde1g0] { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); }
.profile-icon-tile[b-pdzfkde1g0] { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; color: var(--color-accent); background: var(--plum-50); border-radius: var(--radius-lg); }
.profile-icon-tile svg[b-pdzfkde1g0] { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.profile-icon[b-pdzfkde1g0] { width: 20px; height: 20px; display: inline-block; flex-shrink: 0; background: currentColor; mask: var(--icon) no-repeat center / contain; }
.icon-camera[b-pdzfkde1g0] { --icon: url('/images/camera.svg'); }
.icon-alert[b-pdzfkde1g0] { --icon: url('/images/alert.svg'); }
.icon-lock[b-pdzfkde1g0] { --icon: url('/images/lock.svg'); }
.icon-trash[b-pdzfkde1g0] { --icon: url('/images/trash.svg'); }
fieldset[b-pdzfkde1g0] { min-width: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-4) var(--space-6); border: 0; }
.field[b-pdzfkde1g0] { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.field label[b-pdzfkde1g0] { color: var(--color-text); font-size: 13px; font-weight: 600; line-height: 16px; }
.language-field[b-pdzfkde1g0] { grid-column: 1; }
.required-mark[b-pdzfkde1g0] { color: var(--color-brand); }
.field input[b-pdzfkde1g0], .field select[b-pdzfkde1g0] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: var(--space-2) var(--space-3); border: 1.5px solid var(--color-border-input); border-radius: var(--radius-md); background: var(--n-0); color: var(--color-text); font: inherit; transition: border-color var(--motion-fast), box-shadow var(--motion-fast); }
.field input:focus[b-pdzfkde1g0], .field select:focus[b-pdzfkde1g0] { outline: 0; border-color: var(--color-brand); box-shadow: var(--focus-ring); }
.field input[readonly][b-pdzfkde1g0] { background: var(--n-100); color: var(--color-text-muted); }
.readonly-field[b-pdzfkde1g0] { position: relative; }
.readonly-field > .profile-icon[b-pdzfkde1g0] { position: absolute; left: 12px; top: 12px; width: 20px; height: 20px; color: var(--color-text-muted); pointer-events: none; }
.readonly-field > input[b-pdzfkde1g0] { padding-left: 40px; }
.profile-card[b-pdzfkde1g0]  .phone-number-input input, .profile-card[b-pdzfkde1g0]  .phone-code-trigger { height: 44px; min-height: 44px; }
.profile-card[b-pdzfkde1g0]  .phone-number-input input { font-size: 14px; }
.field input[aria-invalid="true"][b-pdzfkde1g0], .field select[aria-invalid="true"][b-pdzfkde1g0] { border-color: var(--err-500); }
.field small[b-pdzfkde1g0] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.field-error[b-pdzfkde1g0] { display: flex; align-items: flex-start; gap: var(--space-1); color: var(--err-700); font-size: 12px; line-height: 18px; }
.field-error[b-pdzfkde1g0]::before { content: ""; flex-shrink: 0; width: 14px; height: 14px; margin-top: 2px; background: currentColor; mask: url('/images/alert.svg') no-repeat center / contain; }
footer[b-pdzfkde1g0] { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--color-border); display: flex; justify-content: flex-end; }
.primary-button[b-pdzfkde1g0], .outline-button[b-pdzfkde1g0], .ghost-button[b-pdzfkde1g0] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; cursor: pointer; font: 600 14px/20px var(--font-family); }
.primary-button[b-pdzfkde1g0] { box-shadow: var(--elevation-1); }
.outline-button[b-pdzfkde1g0] { --button-border: var(--color-brand); --button-fg: var(--color-brand); --button-hover-border: var(--color-brand); --button-hover: var(--red-50); }
.ghost-button[b-pdzfkde1g0] { --button-bg: transparent; --button-border: transparent; --button-fg: var(--color-accent); }
.primary-button:focus-visible[b-pdzfkde1g0], .outline-button:focus-visible[b-pdzfkde1g0], .ghost-button:focus-visible[b-pdzfkde1g0] { outline: 0; box-shadow: var(--focus-ring); }
.profile-notice[b-pdzfkde1g0] { padding: var(--space-4); display: flex; align-items: flex-start; gap: var(--space-3); border: 1px solid var(--red-200); border-radius: var(--radius-lg); background: var(--err-50); color: var(--err-700); }
.profile-notice p[b-pdzfkde1g0] { margin: 0; color: inherit; }
.profile-state[b-pdzfkde1g0] { min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-4); text-align: center; }
.profile-loading[b-pdzfkde1g0] { display: grid; gap: var(--space-5); }
.identity-loading[b-pdzfkde1g0] { display: grid; gap: var(--space-2); }
.skeleton-shape[b-pdzfkde1g0] { display: block; background: var(--n-200); animation: profile-pulse-b-pdzfkde1g0 1.2s ease-in-out infinite; }
.skeleton-name[b-pdzfkde1g0] { width: 140px; max-width: 100%; height: 22px; border-radius: var(--radius-sm); }
.skeleton-email[b-pdzfkde1g0] { width: 180px; max-width: 100%; height: 14px; border-radius: var(--radius-sm); }
.profile-skeleton-row[b-pdzfkde1g0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.skeleton-field[b-pdzfkde1g0] { display: grid; gap: var(--space-2); }
.skeleton-section-title[b-pdzfkde1g0] { width: 180px; max-width: 100%; height: 28px; border-radius: var(--radius-sm); }
.skeleton-label[b-pdzfkde1g0] { width: 110px; max-width: 50%; height: 12px; border-radius: var(--radius-sm); }
.skeleton-input[b-pdzfkde1g0] { width: 100%; height: 44px; border-radius: var(--radius-md); }
.visually-hidden[b-pdzfkde1g0] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (hover: hover) and (pointer: fine) { .photo-upload:hover:not([data-disabled="true"])[b-pdzfkde1g0] { background: var(--red-50); translate: 0 -2px; } .photo-upload:active:not([data-disabled="true"])[b-pdzfkde1g0] { background: var(--red-100); translate: 0 1px; } }
@media (max-width: 767px) { .profile-page[b-pdzfkde1g0] { gap: var(--space-4); } .profile-header[b-pdzfkde1g0] { grid-template-columns: minmax(0, 1fr); min-height: 176px; } .profile-identity[b-pdzfkde1g0] { gap: var(--space-4); } .profile-photo[b-pdzfkde1g0] { width: 96px; height: 96px; flex-basis: 96px; font-size: 32px; } .profile-heading[b-pdzfkde1g0] { padding-left: 0; border-left: 0; } .profile-heading h1[b-pdzfkde1g0] { font-size: 24px; line-height: 32px; margin-bottom: 8px; } .profile-heading .profile-name[b-pdzfkde1g0] { font-size: 16px; line-height: 24px; } .profile-email[b-pdzfkde1g0] { font-size: 13px; } .profile-illustration[b-pdzfkde1g0] { display: none; } .profile-card[b-pdzfkde1g0] { padding: 16px; } fieldset[b-pdzfkde1g0], .profile-skeleton-row[b-pdzfkde1g0] { grid-template-columns: minmax(0, 1fr); gap: 16px; } .field input[b-pdzfkde1g0], .field select[b-pdzfkde1g0], .profile-card[b-pdzfkde1g0]  .phone-number-input input, .profile-card[b-pdzfkde1g0]  .phone-code-trigger { min-height: 48px; height: 48px; font-size: 16px; } .readonly-field > .profile-icon[b-pdzfkde1g0] { top: 14px; } .field small[b-pdzfkde1g0], .field-error[b-pdzfkde1g0] { font-size: 13px; } footer .primary-button[b-pdzfkde1g0] { width: 100%; min-height: 48px; } .skeleton-input[b-pdzfkde1g0] { height: 48px; } }
@keyframes profile-pulse-b-pdzfkde1g0 { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .field input[b-pdzfkde1g0], .field select[b-pdzfkde1g0], .photo-upload[b-pdzfkde1g0] { transition: none; } .photo-upload[b-pdzfkde1g0] { translate: none !important; } .skeleton-shape[b-pdzfkde1g0] { animation: none; } }
/* /Components/Pages/ProfileTrustedBrowsers.razor.rz.scp.css */
.security-card[b-jcrpb6w2mq] { container-type: inline-size; min-width: 0; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); color: var(--color-text); font: 400 14px/20px var(--font-family); }
.security-heading[b-jcrpb6w2mq] { display: flex; align-items: start; gap: 12px; margin-bottom: 20px; }
.security-heading > div[b-jcrpb6w2mq] { min-width: 0; flex: 1; }
.security-heading-icon[b-jcrpb6w2mq] { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); }
.security-title[b-jcrpb6w2mq] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
h2[b-jcrpb6w2mq] { margin: 0; color: var(--color-heading); font-size: 20px; font-weight: 800; line-height: 28px; }
.browser-count[b-jcrpb6w2mq] { padding: 2px 8px; border-radius: var(--radius-full); background: var(--plum-50); color: var(--color-accent); font-size: 12px; font-weight: 700; }
.security-description[b-jcrpb6w2mq] { margin: 4px 0 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.browser-list[b-jcrpb6w2mq] { margin: 0; padding: 0; list-style: none; }
.browser-row[b-jcrpb6w2mq] { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding-block: 20px; border-top: 1px solid var(--color-border); }
.browser-avatar[b-jcrpb6w2mq] { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); }
.browser-avatar svg[b-jcrpb6w2mq] { width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.security-icon[b-jcrpb6w2mq] { display: inline-block; flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: var(--icon) no-repeat center / contain; }
.icon-lock[b-jcrpb6w2mq] { --icon: url('/images/lock.svg'); }
.icon-alert[b-jcrpb6w2mq] { --icon: url('/images/alert.svg'); }
.browser-details[b-jcrpb6w2mq] { min-width: 0; display: grid; grid-template-columns: minmax(180px, 1fr) minmax(380px, 1.4fr); align-items: center; gap: 20px; }
.browser-title[b-jcrpb6w2mq] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
h3[b-jcrpb6w2mq] { margin: 0; color: var(--color-heading); overflow-wrap: anywhere; font-size: 14px; font-weight: 700; line-height: 22px; }
.current-browser[b-jcrpb6w2mq] { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 8px; border-radius: var(--radius-full); background: var(--red-50); color: var(--red-600); font-size: 12px; font-weight: 600; }
dl[b-jcrpb6w2mq] { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; }
dl > div[b-jcrpb6w2mq] { min-width: 0; }
dt[b-jcrpb6w2mq] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
dd[b-jcrpb6w2mq] { margin: 4px 0 0; font-size: 13px; line-height: 20px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
footer[b-jcrpb6w2mq] { padding-top: 16px; border-top: 1px solid var(--color-border); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
footer small[b-jcrpb6w2mq] { color: var(--color-text-muted); font-size: 12px; }
.outline-button[b-jcrpb6w2mq], .ghost-button[b-jcrpb6w2mq], .destructive-button[b-jcrpb6w2mq] { --button-font-size: 13px; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 8px; min-height: 44px; cursor: pointer; }
.outline-button[b-jcrpb6w2mq] { --button-border: var(--color-brand); --button-fg: var(--color-brand); --button-hover: var(--red-50); --button-hover-border: var(--color-brand); }
button[aria-busy="true"][b-jcrpb6w2mq] { cursor: progress; }
button:focus-visible[b-jcrpb6w2mq] { outline: 0; box-shadow: var(--focus-ring); }
.security-state[b-jcrpb6w2mq] { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 16px; text-align: center; color: var(--color-text-muted); }
.security-state p[b-jcrpb6w2mq] { max-width: 48ch; margin: 0; font-size: 13px; line-height: 22px; }
.security-notice[b-jcrpb6w2mq] { display: flex; align-items: flex-start; gap: 8px; padding: 12px; border: 1px solid var(--red-200); border-radius: var(--radius-md); background: var(--err-50); color: var(--err-700); font-size: 13px; }
.browser-skeleton[b-jcrpb6w2mq] { display: flex; align-items: center; gap: 16px; min-height: 96px; padding-block: 20px; border-top: 1px solid var(--color-border); }
.browser-skeleton > div[b-jcrpb6w2mq] { display: grid; flex: 1; gap: 12px; }
.skeleton-shape[b-jcrpb6w2mq] { display: block; background: var(--n-200); animation: browser-pulse-b-jcrpb6w2mq 1.2s ease-in-out infinite; }
.skeleton-icon[b-jcrpb6w2mq] { width: 40px; height: 40px; border-radius: var(--radius-lg); }
.skeleton-title[b-jcrpb6w2mq] { width: 45%; height: 14px; border-radius: var(--radius-sm); }
.skeleton-detail[b-jcrpb6w2mq] { width: 80%; height: 12px; border-radius: var(--radius-sm); }
.skeleton-action[b-jcrpb6w2mq] { width: 144px; height: 44px; border-radius: var(--radius-lg); }
.security-confirmation[b-jcrpb6w2mq] { width: min(520px, calc(100vw - 32px)); padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--n-0); color: var(--color-text); font: 400 14px/20px var(--font-family); }
.security-confirmation > p[b-jcrpb6w2mq] { margin: 16px 0 24px; line-height: 24px; }
.confirmation-actions[b-jcrpb6w2mq] { display: flex; align-items: center; justify-content: end; gap: 8px; flex-wrap: wrap; }
.visually-hidden[b-jcrpb6w2mq] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@container (max-width: 960px) { .browser-details[b-jcrpb6w2mq] { grid-template-columns: minmax(0, 1fr); gap: 12px; } }
@container (max-width: 620px) { .browser-row[b-jcrpb6w2mq] { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; } .browser-avatar[b-jcrpb6w2mq] { align-self: start; } .revoke-button[b-jcrpb6w2mq] { grid-column: 2; justify-self: start; } }
@container (max-width: 380px) { dl[b-jcrpb6w2mq] { grid-template-columns: minmax(0, 1fr); gap: 12px; } .revoke-button[b-jcrpb6w2mq] { grid-column: 1 / -1; width: 100%; } .security-title[b-jcrpb6w2mq] { align-items: start; } }
@media (max-width: 767px) { .security-card[b-jcrpb6w2mq] { padding: 16px; } .security-heading[b-jcrpb6w2mq] { gap: 12px; } h2[b-jcrpb6w2mq] { font-size: 20px; line-height: 28px; } .security-description[b-jcrpb6w2mq], dt[b-jcrpb6w2mq], footer small[b-jcrpb6w2mq] { font-size: 13px; } footer[b-jcrpb6w2mq] { align-items: stretch; flex-direction: column; gap: 12px; } footer .outline-button[b-jcrpb6w2mq] { width: 100%; } .confirmation-actions button[b-jcrpb6w2mq] { flex: 1; } .skeleton-action[b-jcrpb6w2mq] { display: none; } }
@keyframes browser-pulse-b-jcrpb6w2mq { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .skeleton-shape[b-jcrpb6w2mq] { animation: none; } }
/* /Components/Pages/Projects/Projects.razor.rz.scp.css */
.projects-header[b-qmrdvm3ly4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(124px, .5fr);
    align-items: center;
    gap: var(--space-4);
    min-height: 208px;
}


.projects-hero-copy[b-qmrdvm3ly4] { min-width: 0; }
.projects-header h1[b-qmrdvm3ly4] { margin: 0 0 var(--space-5); color: var(--color-heading); font-size: clamp(24px, 4vw, 36px); line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
.projects-hero-copy .primary-button[b-qmrdvm3ly4] { max-width: 100%; }
.projects-illustration[b-qmrdvm3ly4] { justify-self: end; width: 100%; max-width: 236px; height: auto; color: var(--plum-700); stroke: currentColor; stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
.illustration-paper[b-qmrdvm3ly4] { fill: var(--n-0); }
.illustration-folder[b-qmrdvm3ly4] { fill: var(--plum-50); }
.illustration-accent[b-qmrdvm3ly4] { stroke: var(--color-brand); }

.projects-toolbar[b-qmrdvm3ly4] { margin-top: var(--space-5); }

.primary-button[b-qmrdvm3ly4],
.ghost-button[b-qmrdvm3ly4],
.new-project-button[b-qmrdvm3ly4],
.create-project-button[b-qmrdvm3ly4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 44px;
    padding: var(--space-2) 18px;
    border: 0;
    border-radius: var(--radius-lg);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.primary-button[b-qmrdvm3ly4],
.create-project-button[b-qmrdvm3ly4] {
    flex-shrink: 0;
    background: var(--color-brand);
    color: var(--n-0);
}

.primary-button:hover:not(:disabled)[b-qmrdvm3ly4],
.create-project-button:hover:not(:disabled)[b-qmrdvm3ly4] {
    background: var(--color-brand-hover);
}

.primary-button:active:not(:disabled)[b-qmrdvm3ly4],
.create-project-button:active:not(:disabled)[b-qmrdvm3ly4] {
    background: var(--color-brand-press);
}

.ghost-button[b-qmrdvm3ly4],
.new-project-button[b-qmrdvm3ly4] {
    background: transparent;
    color: var(--color-accent);
}

.ghost-button:hover:not(:disabled)[b-qmrdvm3ly4],
.new-project-button:hover:not(:disabled)[b-qmrdvm3ly4] {
    background: var(--plum-50);
}

.ghost-button:active:not(:disabled)[b-qmrdvm3ly4],
.new-project-button:active:not(:disabled)[b-qmrdvm3ly4] {
    background: var(--plum-100);
}

button:disabled[b-qmrdvm3ly4] {
    cursor: not-allowed;
}

button:disabled:not([aria-busy="true"])[b-qmrdvm3ly4] {
    background: var(--n-200);
    color: var(--n-500);
}

button:disabled[aria-busy="true"][b-qmrdvm3ly4] {
    cursor: wait;
}


.project-search[b-qmrdvm3ly4] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: min(100%, 420px);
    min-width: 0;
    padding-inline: var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text-muted);
}

.project-search:focus-within[b-qmrdvm3ly4] {
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.project-search input[b-qmrdvm3ly4] {
    width: 100%;
    min-width: 0;
    height: var(--control-h-md);
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
}

.project-icon[b-qmrdvm3ly4] {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: currentColor;
    mask: var(--icon) no-repeat center / contain;
}

.icon-folder[b-qmrdvm3ly4] { --icon: url("/images/folder.svg"); }
.icon-search[b-qmrdvm3ly4] { --icon: url("/images/search.svg"); }
.icon-plus[b-qmrdvm3ly4] { --icon: url("/images/plus.svg"); }
.icon-alert[b-qmrdvm3ly4] { --icon: url("/images/alert.svg"); }

.icon-more[b-qmrdvm3ly4] { --icon: url("/images/more.svg"); }

.project-results[b-qmrdvm3ly4] { display: grid; gap: var(--space-4); margin-top: var(--space-5); }
.project-panel-heading[b-qmrdvm3ly4] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); min-height: 32px; }
.project-panel-heading h2[b-qmrdvm3ly4] { margin: 0; color: var(--color-heading); font-size: clamp(20px, 2.5vw, 26px); line-height: 32px; letter-spacing: -.02em; }
.project-count[b-qmrdvm3ly4] { min-width: 26px; padding: 2px var(--space-2); border-radius: var(--radius-full); background: var(--plum-50); color: var(--color-accent); font-size: 13px; font-weight: 700; text-align: center; }

.project-list[b-qmrdvm3ly4], .projects-loading[b-qmrdvm3ly4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.project-card[b-qmrdvm3ly4], .project-skeleton[b-qmrdvm3ly4], .project-empty[b-qmrdvm3ly4] { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.project-card[b-qmrdvm3ly4] { display: flex; flex-direction: column; gap: var(--space-3); }
.project-card-top[b-qmrdvm3ly4] { display: flex; align-items: start; justify-content: space-between; gap: var(--space-2); }
.project-thumbnail[b-qmrdvm3ly4] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--radius-md); background: var(--plum-50); color: var(--color-accent); }
.project-thumbnail.all-sites-closed[b-qmrdvm3ly4] { background: var(--ok-50); color: var(--ok-700); }
.project-thumbnail .project-icon[b-qmrdvm3ly4] { width: 25px; height: 25px; }
.project-identity[b-qmrdvm3ly4] { flex: 1; min-height: 58px; overflow-wrap: anywhere; }
.project-identity h3[b-qmrdvm3ly4] { margin: 0; color: var(--color-heading); font-size: 17px; line-height: 23px; }
.project-identity p[b-qmrdvm3ly4] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: var(--space-1) 0 0; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }

.project-menu[b-qmrdvm3ly4] { position: relative; }
.project-menu[open][b-qmrdvm3ly4] { z-index: 5; }
.project-menu summary[b-qmrdvm3ly4] { display: grid; place-items: center; list-style: none; }
.project-menu summary[b-qmrdvm3ly4]::-webkit-details-marker { display: none; }
.project-menu-content[b-qmrdvm3ly4] { position: absolute; inset-block-start: calc(100% + var(--space-1)); inset-inline-end: 0; width: min(220px, calc(100vw - 64px)); display: grid; gap: var(--space-1); padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--elevation-2); }
.project-menu-content button[data-ds-button][b-qmrdvm3ly4] { justify-content: flex-start; text-align: start; }

.project-site-summary[b-qmrdvm3ly4] { display: grid; align-content: center; gap: var(--space-2); min-height: 53px; padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.project-progress-heading[b-qmrdvm3ly4] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-2); color: var(--color-text-muted); font-size: 13px; }
.project-progress-heading span[b-qmrdvm3ly4] { min-width: 0; overflow-wrap: anywhere; }
.project-progress-heading strong[b-qmrdvm3ly4] { flex-shrink: 0; color: var(--color-heading); font-size: 15px; font-variant-numeric: tabular-nums; }
.project-progress[b-qmrdvm3ly4] { appearance: none; display: block; width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: var(--radius-full); background: var(--plum-100); accent-color: var(--ok-500); }
.project-progress[b-qmrdvm3ly4]::-webkit-progress-bar { background: var(--plum-100); border-radius: var(--radius-full); }
.project-progress[b-qmrdvm3ly4]::-webkit-progress-value { background: var(--ok-500); border-radius: var(--radius-full); }
.project-progress[b-qmrdvm3ly4]::-moz-progress-bar { background: var(--ok-500); border-radius: var(--radius-full); }
.project-sites-note[b-qmrdvm3ly4] { margin: 0; color: var(--color-text-muted); font-size: 13px; overflow-wrap: anywhere; }
.project-card-footer[b-qmrdvm3ly4] { border-top: 1px solid var(--color-border); }
.project-site-link[b-qmrdvm3ly4] { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--color-accent); font-size: 14px; font-weight: 650; text-decoration: none; border-radius: var(--radius-sm); }
.project-site-link:hover[b-qmrdvm3ly4] { text-decoration: underline; }

.project-skeleton[b-qmrdvm3ly4] { display: grid; align-content: start; gap: var(--space-3); }
.skeleton-thumbnail[b-qmrdvm3ly4] { width: 48px; height: 48px; border-radius: var(--radius-md); }
.skeleton-identity[b-qmrdvm3ly4] { display: grid; align-content: start; gap: var(--space-2); min-height: 58px; }
.skeleton-name[b-qmrdvm3ly4] { width: min(80%, 220px); height: 18px; }
.skeleton-description[b-qmrdvm3ly4] { width: min(60%, 170px); height: 12px; }
.skeleton-progress[b-qmrdvm3ly4] { width: 100%; height: 8px; margin-block: 30px 9px; border-radius: var(--radius-full); }
.skeleton-action[b-qmrdvm3ly4] { width: min(42%, 118px); height: 16px; margin-block: 14px; }

.project-empty[b-qmrdvm3ly4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    min-height: 320px;
    text-align: center;
}

.project-empty h3[b-qmrdvm3ly4] {
    margin: 0;
    color: var(--color-heading);
    font-size: 20px;
    line-height: 28px;
}

.project-empty p[b-qmrdvm3ly4] {
    max-width: 400px;
    margin: 0;
    color: var(--color-text-muted);
    font-size: 14px;
    line-height: 20px;
}

.empty-mascot[b-qmrdvm3ly4],
.empty-icon[b-qmrdvm3ly4] {
    display: grid;
    place-items: center;
    width: 112px;
    height: 112px;
    border-radius: var(--radius-full);
    background: var(--n-100);
    color: var(--color-text-muted);
}

.empty-mascot[b-qmrdvm3ly4] {
    background-image: url("/images/danstrop-pattern-light.svg");
    background-size: 220px auto;
}

.empty-mascot img[b-qmrdvm3ly4] {
    display: block;
    object-fit: contain;
}

.empty-icon[b-qmrdvm3ly4] {
    width: 84px;
    height: 84px;
}

.empty-icon .project-icon[b-qmrdvm3ly4] {
    width: 24px;
    height: 24px;
}

.error-state[b-qmrdvm3ly4] {
    background: var(--err-50);
    color: var(--err-700);
}

.project-dialog[b-qmrdvm3ly4] {
    width: min(480px, calc(100vw - 32px));
    max-height: calc(100svh - 32px);
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    color: var(--color-text);
    font-family: var(--font-family);
    box-shadow: var(--elevation-3);
    overflow-y: auto;
}


.project-form[b-qmrdvm3ly4] {
    display: grid;
    gap: var(--space-4);
}

.project-form h2[b-qmrdvm3ly4] {
    margin: 0 0 var(--space-2);
    color: var(--color-heading);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.project-description[b-qmrdvm3ly4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.project-description label[b-qmrdvm3ly4] {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.project-description textarea[b-qmrdvm3ly4],
.project-description select[b-qmrdvm3ly4] {
    width: 100%;
    min-height: var(--control-h-md);
    padding: var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
    line-height: 20px;
}

.project-description textarea[b-qmrdvm3ly4] {
    resize: vertical;
}

.project-description textarea:focus[b-qmrdvm3ly4],
.project-description select:focus[b-qmrdvm3ly4] {
    outline: none;
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.project-description textarea:disabled[b-qmrdvm3ly4] {
    background: var(--n-100);
}

.project-dialog-actions[b-qmrdvm3ly4] {
    margin-top: var(--space-2);
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
}

.confirmation-message[b-qmrdvm3ly4] {
    margin: 0;
    line-height: 24px;
}

.destructive-button[b-qmrdvm3ly4] {
    background: var(--color-danger);
}

.destructive-button:hover:not(:disabled)[b-qmrdvm3ly4] {
    background: var(--err-700);
}

.destructive-button:active:not(:disabled)[b-qmrdvm3ly4] {
    background: var(--err-700);
}

button:focus-visible[b-qmrdvm3ly4],
a:focus-visible[b-qmrdvm3ly4] {
    outline: 3px solid var(--red-200);
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    .project-list[b-qmrdvm3ly4], .projects-loading[b-qmrdvm3ly4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .project-list[b-qmrdvm3ly4], .projects-loading[b-qmrdvm3ly4] { grid-template-columns: minmax(0, 1fr); }
    .projects-header[b-qmrdvm3ly4] { min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(64px, .5fr); gap: var(--space-2); }
    .projects-header h1[b-qmrdvm3ly4] { margin-bottom: var(--space-3); }
    .project-search[b-qmrdvm3ly4] { width: 100%; }
    .project-search input[b-qmrdvm3ly4],
    .project-description textarea[b-qmrdvm3ly4] { min-height: var(--control-h-lg); font-size: 16px; }
    .project-empty[b-qmrdvm3ly4], .project-dialog[b-qmrdvm3ly4] { padding: var(--space-4); }
    .project-form h2[b-qmrdvm3ly4] { font-size: 20px; line-height: 28px; }
    .project-dialog-actions[b-qmrdvm3ly4] { flex-direction: column-reverse; }
    .project-dialog-actions button[b-qmrdvm3ly4] { width: 100%; min-height: var(--control-h-lg); }
}
/* /Components/Pages/PublicInformation.razor.rz.scp.css */
.information-page[b-8mwhqcuunp] { font-family: var(--font-family); background: var(--n-50); color: var(--color-text); overflow-x: clip; }
.information-container[b-8mwhqcuunp] { width: min(1200px,calc(100% - 64px)); margin-inline: auto; padding-block: 32px 80px; }
.skip-link[b-8mwhqcuunp] { position: fixed; top: -100px; left: 16px; z-index: 200; background: var(--plum-800); color: white; padding: 12px 20px; border-radius: var(--radius-md); }
.skip-link:focus[b-8mwhqcuunp] { top: 12px; }
a[b-8mwhqcuunp] { transition: translate var(--motion-fast),color var(--motion-fast),background-color var(--motion-fast); }
a:focus-visible[b-8mwhqcuunp], .table-scroll:focus-visible[b-8mwhqcuunp] { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-md); }
.back-link[b-8mwhqcuunp] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--plum-500); font-size: 13px; text-decoration: none; }
.page-heading[b-8mwhqcuunp] { padding-block: 32px 48px; max-width: 800px; }
.eyebrow[b-8mwhqcuunp] { color: var(--red-500); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1[b-8mwhqcuunp] { font-size: clamp(32px,4vw,48px); font-weight: 800; letter-spacing: -.04em; line-height: 1.15; color: var(--plum-800); margin: 16px 0 20px; overflow-wrap: anywhere; }
.page-heading p[b-8mwhqcuunp] { font-size: 17px; line-height: 29px; color: var(--n-600); margin: 0; max-width: 58ch; }
.about-art[b-8mwhqcuunp] { position: relative; height: 340px; overflow: hidden; border-radius: var(--radius-2xl); margin: 0 0 48px; background: var(--plum-50); }
.about-art img[b-8mwhqcuunp] { width: 100%; height: 100%; object-fit: cover; object-position: 70% 57%; display: block; }
.about-art figcaption[b-8mwhqcuunp] { position: absolute; left: 24px; bottom: 24px; max-width: calc(100% - 48px); background: rgba(255,255,255,.95); padding: 12px 20px; border: 1px solid var(--n-200); border-radius: var(--radius-lg); color: var(--plum-800); font-size: 14px; font-weight: 600; box-shadow: var(--elevation-1); }
.contact-grid[b-8mwhqcuunp] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.contact-card[b-8mwhqcuunp] { background: var(--n-0); border: 1px solid var(--n-200); border-radius: var(--radius-2xl); padding: 32px; }
.card-icon[b-8mwhqcuunp] { display: block; width: 28px; height: 28px; color: var(--red-500); background: currentColor; mask: var(--public-icon) center / contain no-repeat; margin-bottom: 24px; }
h2[b-8mwhqcuunp] { font-size: 22px; line-height: 30px; color: var(--plum-800); font-weight: 700; margin: 0 0 12px; letter-spacing: -.02em; }
p[b-8mwhqcuunp] { color: var(--n-600); line-height: 27px; margin: 0; }
dl[b-8mwhqcuunp] { margin: 28px 0 0; }
dt[b-8mwhqcuunp] { font-size: 12px; color: var(--n-600); margin-top: 20px; }
dd[b-8mwhqcuunp] { margin: 6px 0 0; line-height: 24px; overflow-wrap: anywhere; }
.placeholder[b-8mwhqcuunp] { color: var(--plum-500); font-size: 14px; }
.information-note[b-8mwhqcuunp] { border: 1px solid var(--plum-200); background: var(--plum-50); border-radius: var(--radius-xl); padding: 24px; margin-block: 24px 40px; }
.information-note strong[b-8mwhqcuunp] { display: block; color: var(--plum-800); font-size: 15px; margin-bottom: 8px; }
.information-note p[b-8mwhqcuunp] { font-size: 14px; max-width: 90ch; }
.information-note > span[b-8mwhqcuunp] { display: block; font-size: 12px; color: var(--plum-500); margin-top: 12px; }
.draft-notice[b-8mwhqcuunp] { margin-top: 0; }
.contact-next[b-8mwhqcuunp] { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px; border-radius: var(--radius-xl); background: var(--n-0); border: 1px solid var(--n-200); }
.contact-next h2[b-8mwhqcuunp] { font-size: 20px; }
.secondary-button[b-8mwhqcuunp] { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 12px 20px; border: 1px solid var(--plum-200); border-radius: var(--radius-lg); color: var(--plum-700); text-decoration: none; white-space: nowrap; font-size: 14px; font-weight: 600; }
.reading-layout[b-8mwhqcuunp] { display: grid; grid-template-columns: 260px minmax(0,1fr); align-items: start; gap: 48px; }
.contents[b-8mwhqcuunp] { position: sticky; top: 112px; padding-block: 12px; }
.contents h2[b-8mwhqcuunp] { font-size: 13px; line-height: 20px; margin-bottom: 16px; }
.contents a[b-8mwhqcuunp] { display: flex; align-items: center; gap: 12px; min-height: 44px; padding-block: 8px; text-decoration: none; font-size: 13px; line-height: 21px; color: var(--n-600); }
.contents a > span[b-8mwhqcuunp] { flex-shrink: 0; color: var(--plum-500); font-size: 11px; }
.reading-content[b-8mwhqcuunp] { min-width: 0; padding: 40px; background: var(--n-0); border: 1px solid var(--n-200); border-radius: var(--radius-2xl); }
.reading-content section[b-8mwhqcuunp] { scroll-margin-top: 112px; padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid var(--n-200); }
.section-number[b-8mwhqcuunp] { display: block; margin-bottom: 12px; color: var(--red-500); font-size: 12px; font-weight: 700; }
.reading-content section > p[b-8mwhqcuunp] { font-size: 15px; line-height: 28px; white-space: pre-line; }
.operator-details[b-8mwhqcuunp] { border-left: 2px solid var(--plum-200); padding-left: 20px; }
.related-pages[b-8mwhqcuunp] { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.related-pages h2[b-8mwhqcuunp] { flex-basis: 100%; font-size: 15px; }
.related-pages a[b-8mwhqcuunp] { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 13px; color: var(--plum-500); text-decoration: none; }
.table-scroll[b-8mwhqcuunp] { overflow-x: auto; max-width: 100%; margin-top: 24px; border: 1px solid var(--n-200); border-radius: var(--radius-md); }
table[b-8mwhqcuunp] { width: 100%; min-width: 540px; border-collapse: collapse; font-size: 12px; text-align: left; line-height: 21px; }
caption[b-8mwhqcuunp] { text-align: left; padding: 16px; font-weight: 600; color: var(--plum-800); }
th[b-8mwhqcuunp], td[b-8mwhqcuunp] { padding: 12px 16px; border-top: 1px solid var(--n-200); vertical-align: top; overflow-wrap: anywhere; }
thead[b-8mwhqcuunp] { background: var(--n-50); } th[b-8mwhqcuunp] { font-weight: 600; } tbody th[b-8mwhqcuunp] { max-width: 220px; }
@media (hover: hover) and (pointer: fine) { a:hover[b-8mwhqcuunp] { color: var(--red-600); } .secondary-button:hover[b-8mwhqcuunp] { background: var(--plum-50); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { a:hover[b-8mwhqcuunp] { translate: 0 -2px; } a:active[b-8mwhqcuunp] { translate: 0 1px; } }
@media (max-width: 900px) { .reading-layout[b-8mwhqcuunp] { grid-template-columns: 200px minmax(0,1fr); gap: 24px; } .reading-content[b-8mwhqcuunp] { padding: 28px; } }
@media (max-width: 767px) { .information-container[b-8mwhqcuunp] { width: calc(100% - 40px); padding-block: 24px 48px; } .page-heading[b-8mwhqcuunp] { padding-block: 24px 32px; } .page-heading p[b-8mwhqcuunp] { font-size: 15px; line-height: 26px; } .contact-grid[b-8mwhqcuunp] { grid-template-columns: 1fr; } .contact-card[b-8mwhqcuunp], .reading-content[b-8mwhqcuunp] { padding: 24px; } .reading-layout[b-8mwhqcuunp] { grid-template-columns: 1fr; gap: 24px; } .contents[b-8mwhqcuunp] { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 16px; } .contents h2[b-8mwhqcuunp] { grid-column: 1 / -1; } .contents a[b-8mwhqcuunp] { font-size: 12px; gap: 8px; } .reading-content h2[b-8mwhqcuunp] { font-size: 20px; line-height: 28px; } .reading-content section > p[b-8mwhqcuunp] { font-size: 14px; line-height: 27px; } .contact-next[b-8mwhqcuunp] { flex-direction: column; align-items: stretch; padding: 24px; } .information-note[b-8mwhqcuunp] { padding: 20px; } }
@media print { .back-link[b-8mwhqcuunp], .contents[b-8mwhqcuunp], .related-pages[b-8mwhqcuunp], .skip-link[b-8mwhqcuunp] { display: none; } .reading-layout[b-8mwhqcuunp] { display: block; } .reading-content[b-8mwhqcuunp] { border: 0; padding: 0; } .information-container[b-8mwhqcuunp] { width: 100%; padding: 0; } .information-page[b-8mwhqcuunp] { background: white; } .reading-content section[b-8mwhqcuunp] { break-inside: avoid; } }
@media (prefers-reduced-motion: no-preference) {
    .information-page[data-home-motion="ready"] [data-reveal][b-8mwhqcuunp] { opacity: 0; transform: translate3d(var(--reveal-x,0px),var(--reveal-y,20px),0); transition: opacity 600ms ease, transform 700ms cubic-bezier(.2,.65,.3,1); }
    .information-page[data-home-motion="ready"] [data-reveal="left"][b-8mwhqcuunp] { --reveal-x: -48px; --reveal-y: 0px; }
    .information-page[data-home-motion="ready"] [data-reveal="right"][b-8mwhqcuunp] { --reveal-x: 48px; --reveal-y: 0px; transition-delay: 90ms; }
    .information-page[data-home-motion="ready"] [data-reveal].is-visible[b-8mwhqcuunp] { opacity: 1; transform: none; }
}
@media (max-width: 767px) { .about-art[b-8mwhqcuunp] { height: 260px; margin-bottom: 32px; } .about-art figcaption[b-8mwhqcuunp] { font-size: 12px; left: 16px; bottom: 16px; padding: 10px 12px; } .information-page[data-home-motion="ready"] [data-reveal="left"][b-8mwhqcuunp] { --reveal-x: -20px; } .information-page[data-home-motion="ready"] [data-reveal="right"][b-8mwhqcuunp] { --reveal-x: 20px; transition-delay: 0ms; } }
@media (prefers-reduced-motion: reduce) { a[b-8mwhqcuunp] { transition: none; } }
/* /Components/Pages/Register.razor.rz.scp.css */
.registration-content[b-bpaadpwa1c] { display: flex; flex-direction: column; min-width: 0; }
.registration-form[b-bpaadpwa1c] { display: grid; gap: 20px; }
.registration-hint[b-bpaadpwa1c] { margin: -8px 0 4px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.registration-content .auth-account-link[b-bpaadpwa1c] { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--color-border); }
.registration-confirmation[b-bpaadpwa1c] { overflow-wrap: anywhere; }
/* /Components/Pages/SiteWorkHours.razor.rz.scp.css */
.site-hours-page[b-vc2ox3p1m0] { max-width: 1440px; min-width: 0; }
.site-hours-hero[b-vc2ox3p1m0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(128px, .5fr);
    align-items: center;
    gap: var(--space-4);
    min-height: 208px;
}
.hero-copy[b-vc2ox3p1m0] { min-width: 0; }
.site-crumb[b-vc2ox3p1m0] { gap: var(--space-2); margin-block: -8px 2px; font-size: 13px; overflow-wrap: anywhere; }
.site-hours-hero h1[b-vc2ox3p1m0] { overflow-wrap: anywhere; }
.add-shift[b-vc2ox3p1m0] { margin-top: var(--space-5); }
.plus-icon[b-vc2ox3p1m0] { width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: url('/images/plus.svg') center / contain no-repeat; }
.hours-illustration[b-vc2ox3p1m0] { justify-self: end; width: 100%; max-width: 235px; height: auto; stroke-linecap: round; stroke-linejoin: round; }
.calendar-frame[b-vc2ox3p1m0] { stroke: var(--plum-700); stroke-width: 2.5; }
.calendar-dates[b-vc2ox3p1m0] { stroke: var(--plum-300); stroke-width: 2; }
.clock-halo[b-vc2ox3p1m0] { fill: var(--n-0); opacity: .9; }
.clock-face[b-vc2ox3p1m0] { fill: var(--red-50); stroke: var(--color-brand); stroke-width: 2.5; }
.clock-hands[b-vc2ox3p1m0] { stroke: var(--color-brand); stroke-width: 2.5; }
@media (max-width: 640px) {
    .site-hours-hero[b-vc2ox3p1m0] { grid-template-columns: minmax(0, 1fr) minmax(64px, .34fr); gap: var(--space-2); min-height: 0; }
    .add-shift[b-vc2ox3p1m0] { margin-top: var(--space-4); }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-page[b-fbzwuv8fjz] {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-family);
    overflow-x: clip;
}

.support-container[b-fbzwuv8fjz] {
    width: min(1200px, calc(100% - 64px));
    margin-inline: auto;
    padding-block: 40px 88px;
}

.skip-link[b-fbzwuv8fjz] {
    position: fixed;
    top: -100px;
    left: 16px;
    z-index: 200;
    border-radius: var(--radius-md);
    background: var(--plum-800);
    color: var(--n-0);
    padding: 12px 20px;
}

.skip-link:focus[b-fbzwuv8fjz] { top: 12px; }

.support-hero[b-fbzwuv8fjz] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
    align-items: center;
    gap: var(--space-9);
}


.eyebrow[b-fbzwuv8fjz] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 11px;
    line-height: 18px;
    font-weight: 750;
    letter-spacing: .11em;
    text-transform: uppercase;
    color: var(--plum-600);
}

.eyebrow-dot[b-fbzwuv8fjz] {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-full);
    background: var(--color-brand);
}

h1[b-fbzwuv8fjz], h2[b-fbzwuv8fjz], h3[b-fbzwuv8fjz] {
    color: var(--color-heading);
    letter-spacing: -.025em;
    margin: 0;
}

h1[b-fbzwuv8fjz] {
    margin-block: 12px 16px;
    font-size: clamp(36px, 5vw, 62px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
}

h2[b-fbzwuv8fjz] { font-size: 24px; line-height: 1.25; font-weight: 750; }
h3[b-fbzwuv8fjz] { font-size: 21px; line-height: 1.3; font-weight: 750; }
p[b-fbzwuv8fjz] { margin: 0; color: var(--color-text-muted); line-height: 1.65; }
.hero-copy p[b-fbzwuv8fjz] { font-size: clamp(15px, 1.5vw, 17px); max-width: 44ch; }

.hero-actions[b-fbzwuv8fjz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-6);
}

.action[b-fbzwuv8fjz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 48px;
    padding: 10px 17px;
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
    text-decoration: none;
    font: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: translate var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast);
}

.action.primary[b-fbzwuv8fjz] { background: var(--color-brand); color: var(--n-0); box-shadow: var(--elevation-1); }
.action.secondary[b-fbzwuv8fjz] { background: var(--color-surface); border-color: var(--plum-200); color: var(--plum-700); }
.action .icon[b-fbzwuv8fjz] { width: 17px; height: 17px; }

.hero-contact[b-fbzwuv8fjz] { width: min(100%, 340px); justify-self: end; }

.contact-card[b-fbzwuv8fjz] {
    background: var(--color-surface);
    border: 1px solid var(--plum-100);
    border-radius: var(--radius-2xl);
    padding: var(--space-6);
    box-shadow: var(--elevation-1);
}

.contact-card h2[b-fbzwuv8fjz] { margin-top: var(--space-3); font-size: 20px; }
.contact-card dl[b-fbzwuv8fjz] { display: grid; gap: var(--space-3); margin: var(--space-4) 0 0; }
.contact-card dl > div[b-fbzwuv8fjz] { padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.contact-card dt[b-fbzwuv8fjz] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.contact-card dd[b-fbzwuv8fjz] { margin: 4px 0 0; color: var(--plum-600); font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
.contact-card dd a[b-fbzwuv8fjz] { color: inherit; }

.icon-tile[b-fbzwuv8fjz] {
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: var(--radius-lg);
    background: var(--red-50);
    color: var(--red-600);
}

.icon[b-fbzwuv8fjz] {
    display: inline-block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: currentColor;
    mask: var(--support-icon) center / contain no-repeat;
}

.icon-chat[b-fbzwuv8fjz] { --support-icon: url('/images/chat.svg'); }
.icon-send[b-fbzwuv8fjz] { --support-icon: url('/images/send.svg'); }
.icon-camera[b-fbzwuv8fjz] { --support-icon: url('/images/camera.svg'); }
.icon-check[b-fbzwuv8fjz] { --support-icon: url('/images/checkc.svg'); }
.icon-alert[b-fbzwuv8fjz] { --support-icon: url('/images/alert.svg'); }

.support-grid[b-fbzwuv8fjz] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(24px, 3vw, 40px);
    margin-top: clamp(32px, 5vw, 56px);
}

.ticket-panel[b-fbzwuv8fjz], .faq-panel[b-fbzwuv8fjz], #support-content[b-fbzwuv8fjz] { scroll-margin-top: 104px; }

.ticket-panel[b-fbzwuv8fjz] {
    min-width: 0;
    padding: clamp(22px, 3vw, 36px);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
}

.panel-heading[b-fbzwuv8fjz] { display: flex; align-items: flex-start; gap: var(--space-3); margin-bottom: var(--space-6); }
.panel-heading p[b-fbzwuv8fjz] { margin-top: 6px; font-size: 14px; }
.form-note[b-fbzwuv8fjz] { margin-bottom: var(--space-4); font-size: 13px; }

fieldset[b-fbzwuv8fjz] {
    min-inline-size: 0;
    display: grid;
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    border: 0;
}

.field-grid[b-fbzwuv8fjz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.message-field[b-fbzwuv8fjz] { display: grid; gap: 6px; }
.message-field label[b-fbzwuv8fjz], .photos-header[b-fbzwuv8fjz] { font-size: 13px; font-weight: 650; }
.required[b-fbzwuv8fjz] { color: var(--color-danger); }

textarea[b-fbzwuv8fjz] {
    display: block;
    width: 100%;
    resize: vertical;
    min-height: 120px;
    padding: 10px 12px;
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
    line-height: 22px;
}

textarea[aria-invalid="true"][b-fbzwuv8fjz] { border-color: var(--color-danger); }
.field-error[b-fbzwuv8fjz] { color: var(--err-700); font-size: 13px; line-height: 20px; }

.photos[b-fbzwuv8fjz] { padding: var(--space-4); background: var(--n-50); border: 1px solid var(--color-border); border-radius: var(--radius-xl); }
.photos-header[b-fbzwuv8fjz] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.photo-count[b-fbzwuv8fjz] { padding: 2px 8px; border-radius: var(--radius-full); background: var(--plum-50); color: var(--plum-700); font-size: 11px; }
.photos p[b-fbzwuv8fjz] { margin: 6px 0 0; font-size: 12px; }
.photo-list[b-fbzwuv8fjz] { list-style: none; padding: 0; margin: var(--space-3) 0 0; display: grid; gap: var(--space-2); }

.photo-list li[b-fbzwuv8fjz] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    padding: 2px 4px 2px 12px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.photo-list .icon[b-fbzwuv8fjz] { color: var(--plum-500); width: 16px; height: 16px; }
.photo-name[b-fbzwuv8fjz] { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.photo-size[b-fbzwuv8fjz] { flex-shrink: 0; color: var(--color-text-muted); font-size: 11px; }

.remove-photo[b-fbzwuv8fjz] {
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--plum-700);
    font-size: 22px;
    cursor: pointer;
}

.photo-picker[b-fbzwuv8fjz] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 44px;
    margin-top: var(--space-3);
    padding: 8px 12px;
    border: 1px dashed var(--plum-300);
    border-radius: var(--radius-md);
    color: var(--plum-700);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: translate var(--motion-fast), background-color var(--motion-fast);
}

.photo-picker[b-fbzwuv8fjz]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: inherit; }
.photo-picker:has(input:disabled)[b-fbzwuv8fjz] { cursor: default; }
.photo-picker .icon[b-fbzwuv8fjz] { width: 16px; height: 16px; }

.form-footer[b-fbzwuv8fjz] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-4); margin-top: var(--space-6); }
.form-footer p[b-fbzwuv8fjz] { flex: 1 1 200px; font-size: 12px; }
.form-footer a[b-fbzwuv8fjz] { color: var(--plum-600); text-underline-offset: 3px; }
.form-footer .action[b-fbzwuv8fjz] { flex-shrink: 0; }

.submission-error[b-fbzwuv8fjz] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-3);
    margin-top: var(--space-4);
    border: 1px solid var(--red-200);
    border-radius: var(--radius-md);
    background: var(--err-50);
    color: var(--err-700);
}

.submission-error p[b-fbzwuv8fjz] { color: inherit; font-size: 13px; }
.receipt[b-fbzwuv8fjz] { display: grid; gap: var(--space-3); padding: var(--space-6); border-radius: var(--radius-xl); background: var(--ok-50); }
.receipt p[b-fbzwuv8fjz] { font-size: 14px; }
.icon-tile.success[b-fbzwuv8fjz] { color: var(--ok-700); background: var(--n-0); }
.receipt-reference[b-fbzwuv8fjz] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-3); color: var(--ok-700); font-size: 13px; }
.receipt-reference strong[b-fbzwuv8fjz] { font-size: 17px; overflow-wrap: anywhere; }
.new-ticket[b-fbzwuv8fjz] { margin-top: var(--space-4); }

.faq-panel[b-fbzwuv8fjz] { padding-top: var(--space-3); min-width: 0; }
.faq-panel h2[b-fbzwuv8fjz] { margin-block: 6px var(--space-4); }
.faq-list[b-fbzwuv8fjz] { display: grid; gap: var(--space-2); }
.faq-list details[b-fbzwuv8fjz] { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }

.faq-list summary[b-fbzwuv8fjz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    min-height: 54px;
    padding: 12px 16px;
    color: var(--plum-800);
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    cursor: pointer;
    list-style: none;
}

.faq-list summary[b-fbzwuv8fjz]::-webkit-details-marker { display: none; }
.faq-list p[b-fbzwuv8fjz] { padding: 0 var(--space-4) var(--space-4); font-size: 13px; }
.faq-plus[b-fbzwuv8fjz] { flex-shrink: 0; width: 16px; height: 16px; position: relative; color: var(--color-brand); }
.faq-plus[b-fbzwuv8fjz]::before, .faq-plus[b-fbzwuv8fjz]::after { content: ""; position: absolute; inset: 7px 2px; background: currentColor; border-radius: 1px; }
.faq-plus[b-fbzwuv8fjz]::after { rotate: 90deg; }
details[open] .faq-plus[b-fbzwuv8fjz]::after { display: none; }

a:focus-visible[b-fbzwuv8fjz], textarea:focus-visible[b-fbzwuv8fjz], summary:focus-visible[b-fbzwuv8fjz], .photo-picker:focus-within[b-fbzwuv8fjz] {
    outline: none;
    box-shadow: var(--focus-ring);
}

textarea:focus-visible[b-fbzwuv8fjz] { border-color: var(--color-brand); }
summary:focus-visible[b-fbzwuv8fjz] { border-radius: var(--radius-lg); }

@media (hover: hover) and (pointer: fine) {
    .action.primary:hover:not(:disabled)[b-fbzwuv8fjz] { background: var(--color-brand-hover); }
    .action.primary:active:not(:disabled)[b-fbzwuv8fjz] { background: var(--color-brand-press); }
    .action.secondary:hover[b-fbzwuv8fjz], .photo-picker:not(:has(input:disabled)):hover[b-fbzwuv8fjz], .remove-photo:hover:not(:disabled)[b-fbzwuv8fjz] { background: var(--plum-50); }
    .faq-list summary:hover[b-fbzwuv8fjz] { color: var(--red-700); }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    a.action:hover[b-fbzwuv8fjz], .photo-picker:not(:has(input:disabled)):hover[b-fbzwuv8fjz] { translate: 0 -2px; }
    a.action:active[b-fbzwuv8fjz], .photo-picker:not(:has(input:disabled)):active[b-fbzwuv8fjz] { translate: 0 1px; }
}

@media (prefers-reduced-motion: no-preference) {
    .support-page[data-home-motion="ready"] [data-reveal][b-fbzwuv8fjz] { opacity: 0; transform: translateX(48px); transition: opacity 600ms ease, transform 700ms cubic-bezier(.2,.65,.3,1); }
    .support-page[data-home-motion="ready"] [data-reveal].is-visible[b-fbzwuv8fjz] { opacity: 1; transform: none; }
}

@media (max-width: 767px) {
    .support-container[b-fbzwuv8fjz] { width: calc(100% - 32px); padding-block: 24px 56px; }
    .support-hero[b-fbzwuv8fjz] { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
    .hero-contact[b-fbzwuv8fjz] { width: 100%; }
    .contact-card[b-fbzwuv8fjz] { padding: var(--space-4); }
    .support-grid[b-fbzwuv8fjz] { grid-template-columns: minmax(0, 1fr); }
    .faq-panel[b-fbzwuv8fjz] { padding-top: 0; }
    .ticket-panel[b-fbzwuv8fjz]  .text-input input { min-height: 44px; font-size: 16px; }
    textarea[b-fbzwuv8fjz] { font-size: 16px; }
    .support-page[data-home-motion="ready"] [data-reveal]:not(.is-visible)[b-fbzwuv8fjz] { transform: translateX(20px); }
}

@media (max-width: 460px) {
    .field-grid[b-fbzwuv8fjz] { grid-template-columns: minmax(0, 1fr); }
    .hero-actions .action[b-fbzwuv8fjz], .form-footer .action[b-fbzwuv8fjz] { width: 100%; }
    .form-footer[b-fbzwuv8fjz] { align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
    .action[b-fbzwuv8fjz], .photo-picker[b-fbzwuv8fjz] { transition: none; }
    .support-page[data-home-motion="ready"] [data-reveal]:not(.is-visible)[b-fbzwuv8fjz] { transform: none; }
}
/* /Components/Pages/WorkHoursBreakSettings.razor.rz.scp.css */
.break-settings-page[b-lzllmcgo10] { max-width: 1440px; width: 100%; min-width: 0; }
.break-hero[b-lzllmcgo10] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(128px, .45fr); align-items: center; gap: var(--space-4); min-height: 208px; }
.break-hero-copy[b-lzllmcgo10] { min-width: 0; }
.break-hero .wh-back[b-lzllmcgo10] { gap: var(--space-2); margin-bottom: var(--space-3); font-size: 13px; }
.break-hero p[b-lzllmcgo10] { margin-top: var(--space-3); color: var(--color-text-muted); }
.break-hero h1[b-lzllmcgo10] { overflow-wrap: anywhere; }
.break-illustration[b-lzllmcgo10] { justify-self: end; width: 100%; max-width: 224px; height: auto; stroke-linecap: round; stroke-linejoin: round; }
.coffee-outline[b-lzllmcgo10] { fill: var(--n-0); stroke: var(--plum-700); stroke-width: 2.4; }
.clock-face[b-lzllmcgo10] { fill: var(--n-0); stroke: var(--plum-700); stroke-width: 2.4; }
.clock-hands[b-lzllmcgo10] { stroke: var(--color-brand); stroke-width: 3; }
.break-grid[b-lzllmcgo10] { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: start; gap: var(--space-5); }
.break-card[b-lzllmcgo10] { min-width: 0; padding: var(--space-6); border-radius: var(--radius-2xl); }
.break-form[b-lzllmcgo10], .break-rules-card[b-lzllmcgo10] { display: grid; gap: var(--space-5); }
.break-card-heading[b-lzllmcgo10] { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.break-card-heading h2[b-lzllmcgo10] { font-size: clamp(20px, 1.8vw, 24px); overflow-wrap: anywhere; }
.break-icon-tile[b-lzllmcgo10] { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); }
.break-icon[b-lzllmcgo10] { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; background: currentColor; mask: var(--icon) center / contain no-repeat; }
.break-icon-tile .break-icon[b-lzllmcgo10] { width: 24px; height: 24px; }
.icon-settings[b-lzllmcgo10] { --icon: url('/images/settings.svg'); }
.icon-clock[b-lzllmcgo10] { --icon: url('/images/work-hours.svg'); }
.icon-calendar[b-lzllmcgo10] { --icon: url('/images/calendar.svg'); }
.break-time-fields[b-lzllmcgo10] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.break-time-fields > label[b-lzllmcgo10], .break-form > label[b-lzllmcgo10] { min-width: 0; }
.break-form input:not([type="checkbox"])[b-lzllmcgo10] { width: 100%; }
.break-duration[b-lzllmcgo10] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); background: var(--red-50); color: var(--color-accent); }
.break-duration > span[b-lzllmcgo10] { display: inline-flex; align-items: center; gap: var(--space-3); }
.break-duration strong[b-lzllmcgo10] { flex-shrink: 0; font-size: 18px; font-variant-numeric: tabular-nums; }
.break-field-hint[b-lzllmcgo10] { color: var(--color-text-muted); font-size: 12px; font-weight: 400; }
.break-form-footer[b-lzllmcgo10] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding-top: var(--space-5); border-top: 1px solid var(--color-border); }
.break-timezone[b-lzllmcgo10] { min-width: 0; display: flex; align-items: center; gap: var(--space-3); color: var(--color-text-muted); font-size: 12px; }
.break-timezone > div[b-lzllmcgo10] { min-width: 0; display: grid; gap: var(--space-1); }
.break-timezone strong[b-lzllmcgo10] { font-weight: 500; overflow-wrap: anywhere; }
.break-policy-list[b-lzllmcgo10] { display: grid; gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.break-policy-list > li[b-lzllmcgo10] { min-width: 0; }
.break-policy-list > li + li[b-lzllmcgo10] { border-top: 1px solid var(--color-border); padding-top: var(--space-5); }
.policy-top[b-lzllmcgo10] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.policy-top > div[b-lzllmcgo10] { min-width: 0; }
.policy-label[b-lzllmcgo10] { color: var(--color-text-muted); font-size: 13px; }
.policy-duration[b-lzllmcgo10] { display: block; margin-block: var(--space-1) var(--space-3); color: var(--color-heading); font-size: clamp(28px, 3vw, 40px); line-height: 1.2; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.policy-time[b-lzllmcgo10] { display: flex; align-items: center; gap: var(--space-2); font-variant-numeric: tabular-nums; }
.policy-time .break-icon[b-lzllmcgo10] { color: var(--color-text-muted); }
.policy-disabled[b-lzllmcgo10] { display: block; color: var(--color-heading); font-size: 20px; line-height: 28px; }
.policy-status[b-lzllmcgo10] { flex-shrink: 0; padding: 4px 10px; border-radius: var(--radius-full); font-size: 12px; font-weight: 600; line-height: 20px; }
.is-effective[b-lzllmcgo10] { background: var(--ok-50); color: var(--ok-700); }
.is-scheduled[b-lzllmcgo10] { background: var(--info-50); color: var(--info-700); }
.policy-details[b-lzllmcgo10] { display: grid; gap: var(--space-3); margin: var(--space-5) 0 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border); font-size: 13px; }
.policy-details > div[b-lzllmcgo10] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.policy-details dt[b-lzllmcgo10] { min-width: 0; color: var(--color-text-muted); }
.policy-details dd[b-lzllmcgo10] { margin: 0; flex-shrink: 0; color: var(--color-heading); font-weight: 600; }
.break-rules-hint[b-lzllmcgo10] { padding-top: var(--space-4); border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: 12px; line-height: 20px; }
.break-empty[b-lzllmcgo10] { display: grid; justify-items: center; gap: var(--space-3); padding-block: var(--space-6); text-align: center; color: var(--color-text-muted); }
.break-skeleton[b-lzllmcgo10], .break-skeleton > div[b-lzllmcgo10] { display: grid; gap: var(--space-3); }
.break-skeleton[b-lzllmcgo10] { gap: var(--space-6); }
.skeleton-heading[b-lzllmcgo10] { width: min(220px, 80%); height: 28px; }
.skeleton-label[b-lzllmcgo10] { width: min(160px, 60%); height: 14px; }
.skeleton-field[b-lzllmcgo10] { width: 100%; height: 44px; border-radius: var(--radius-md); }
.skeleton-duration[b-lzllmcgo10] { width: 140px; max-width: 60%; height: 48px; }
@media (max-width: 1023px) {
    .break-grid[b-lzllmcgo10] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .break-hero[b-lzllmcgo10] { grid-template-columns: minmax(0, 1fr) 84px; gap: var(--space-2); min-height: 176px; }
    .break-hero h1[b-lzllmcgo10] { font-size: 24px; }
    .break-hero .wh-back[b-lzllmcgo10] { margin-bottom: var(--space-2); }
    .break-card[b-lzllmcgo10] { padding: var(--space-4); }
    .break-form input:not([type="checkbox"])[b-lzllmcgo10] { min-height: 48px; font-size: 16px; }
    .break-form-footer[b-lzllmcgo10] { flex-wrap: wrap; }
    .break-form-footer button[b-lzllmcgo10] { width: 100%; min-height: 48px; }
    .break-duration[b-lzllmcgo10] { padding-inline: var(--space-3); font-size: 13px; }
    .break-time-fields[b-lzllmcgo10] { gap: var(--space-3); }
}
/* /Components/Pages/WorkHoursExport.razor.rz.scp.css */
.export-heading[b-uf3y75ecx5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(128px, .4fr);
    gap: var(--space-4);
    min-height: 176px;
}
.export-heading-copy[b-uf3y75ecx5] { min-width: 0; }
.export-heading .wh-back[b-uf3y75ecx5] { gap: var(--space-2); margin-bottom: var(--space-2); font-size: 13px; }
.export-heading h1[b-uf3y75ecx5], .export-heading p[b-uf3y75ecx5] { overflow-wrap: anywhere; }
.export-heading p[b-uf3y75ecx5] { max-width: 65ch; }
.export-illustration[b-uf3y75ecx5] { justify-self: end; width: 100%; max-width: 216px; height: auto; }
.export-calendar[b-uf3y75ecx5] { stroke: var(--plum-700); }
.export-dates[b-uf3y75ecx5] { stroke: var(--plum-300); stroke-width: 2; }
.export-download-icon[b-uf3y75ecx5] { fill: var(--red-50); stroke: var(--color-brand); }
.export-download-arrow[b-uf3y75ecx5] { stroke: var(--color-brand); }
.export-page[b-uf3y75ecx5]  .wh-panel { border-radius: var(--radius-2xl); }
.export-page .wh-form h2[b-uf3y75ecx5] { font-size: 20px; line-height: 28px; }
.export-options[b-uf3y75ecx5] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); }
.export-options .wh-format[b-uf3y75ecx5] { min-width: 0; flex-wrap: wrap; column-gap: var(--space-5); row-gap: 0; }

@media (max-width: 640px) {
    .export-heading[b-uf3y75ecx5] { grid-template-columns: minmax(0, 1fr) clamp(68px, 22vw, 100px); gap: var(--space-2); min-height: 0; }
    .export-options[b-uf3y75ecx5] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Shared/DanstropDialogHost.razor.rz.scp.css */
.dialog-host[b-qb5qndh3jo] { display: contents; }
[b-qb5qndh3jo] .rz-dialog-wrapper { position: fixed; inset: 0; z-index: 1100; display: flex; align-items: center; justify-content: center; padding: 0; }
[b-qb5qndh3jo] .rz-dialog-mask { position: absolute; inset: 0; background: rgba(23,23,28,.35); }
[b-qb5qndh3jo] .rz-dialog-wrapper .rz-dialog { position: relative; z-index: 1; max-width: 100%; max-height: 100svh; outline: 0; }
[b-qb5qndh3jo] .danstrop-dialog-shell .rz-dialog-content { padding: 0; overflow: visible; }
[b-qb5qndh3jo] .danstrop-dialog-content > div { box-sizing: border-box; overflow-y: auto; max-width: calc(100vw - 32px); }
/* /Components/Shared/Inputs/AddressLookupInput.razor.rz.scp.css */
.address-lookup[b-svd0qgxg8i] {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--plum-100);
    border-radius: var(--radius-xl);
    background: var(--plum-50);
}

.address-lookup label[b-svd0qgxg8i] {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--color-heading);
}

.search-field[b-svd0qgxg8i] {
    position: relative;
}

.search-field input[b-svd0qgxg8i] {
    width: 100%;
    min-height: var(--control-h-lg);
    padding: var(--space-2) var(--space-3) var(--space-2) 40px;
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
}

.search-field input:focus-visible[b-svd0qgxg8i] {
    outline: none;
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.search-field input:disabled[b-svd0qgxg8i] {
    background: var(--n-100);
    color: var(--color-text-muted);
}

.search-icon[b-svd0qgxg8i] {
    position: absolute;
    top: 50%;
    left: var(--space-3);
    width: 18px;
    height: 18px;
    color: var(--color-text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.search-popup[b-svd0qgxg8i] {
    position: absolute;
    inset: calc(100% + 4px) 0 auto;
    z-index: 20;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--elevation-2);
}

.search-popup ul[b-svd0qgxg8i] {
    margin: 0;
    padding: var(--space-1);
    list-style: none;
}

.search-popup li[b-svd0qgxg8i] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-size: 14px;
    line-height: 20px;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.search-popup li[aria-selected="true"][b-svd0qgxg8i] {
    background: var(--plum-50);
    color: var(--color-accent);
}

@media (hover: hover) {
    .search-popup li:hover[b-svd0qgxg8i] {
        background: var(--red-50);
    }
}

.search-error[b-svd0qgxg8i],
.no-results[b-svd0qgxg8i] {
    margin: 0;
    padding: var(--space-3);
    font-size: 13px;
    line-height: 20px;
}

.search-error[b-svd0qgxg8i] {
    display: grid;
    justify-items: start;
    gap: var(--space-2);
    color: var(--err-700);
    background: var(--err-50);
}

.address-lookup small[b-svd0qgxg8i],
.lookup-status[b-svd0qgxg8i],
.no-results[b-svd0qgxg8i] {
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 20px;
}

.error-message[b-svd0qgxg8i] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
}

.error-message svg[b-svd0qgxg8i] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.lookup-status:empty[b-svd0qgxg8i] {
    display: none;
}

.google-attribution[b-svd0qgxg8i] {
    position: sticky;
    bottom: 0;
    padding: 10px 12px;
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
    color: #5E5E5E;
    font-family: var(--font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    white-space: nowrap;
}

.search-skeleton[b-svd0qgxg8i] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-3);
}

.skeleton-row[b-svd0qgxg8i] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-height: 32px;
}

.skeleton-mark[b-svd0qgxg8i],
.skeleton-line[b-svd0qgxg8i] {
    border-radius: var(--radius-sm);
    background: var(--n-200);
    animation: address-pulse-b-svd0qgxg8i 1.2s ease-in-out infinite;
}

.skeleton-mark[b-svd0qgxg8i] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.skeleton-line[b-svd0qgxg8i] {
    width: 70%;
    height: 12px;
}

.skeleton-row:nth-child(2) .skeleton-line[b-svd0qgxg8i] {
    width: 55%;
}

@keyframes address-pulse-b-svd0qgxg8i {
    50% { opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-mark[b-svd0qgxg8i],
    .skeleton-line[b-svd0qgxg8i] {
        animation: none;
    }
}

@media (max-width: 767px) {
    .search-field input[b-svd0qgxg8i] {
        min-height: var(--control-h-lg);
        font-size: 16px;
    }

    .search-popup li[b-svd0qgxg8i] {
        min-height: 48px;
    }
}
/* /Components/Shared/Inputs/InputDictation.razor.rz.scp.css */
.input-dictation[b-ilf015k3ga] { position: absolute; inset-inline-end: 12px; bottom: 10px; z-index: 2; }
.dictation-controls[b-ilf015k3ga] { display: flex; align-items: center; gap: 4px; }
.dictation-action[b-ilf015k3ga], .dictation-toggle[b-ilf015k3ga], .dictation-choice[b-ilf015k3ga] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; background: var(--n-0); color: var(--plum-500); font: inherit; cursor: pointer; }
.dictation-action[b-ilf015k3ga] { width: 40px; height: 40px; padding: 0; border-radius: var(--radius-md); border-color: var(--n-200); }
.dictation-toggle[b-ilf015k3ga] { width: 28px; height: 40px; padding: 0; border-radius: var(--radius-md); }
.dictation-icon[b-ilf015k3ga] { display: block; width: 18px; height: 18px; background: currentColor; mask: url('/images/microphone.svg') center / contain no-repeat; }
.dictation-chevron[b-ilf015k3ga] { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.dictation-active[b-ilf015k3ga] { color: var(--red-500); background: var(--red-50); border-color: var(--red-300); }
.dictation-wave[b-ilf015k3ga] { display: flex; align-items: center; justify-content: center; gap: 3px; height: 20px; }
.dictation-wave span[b-ilf015k3ga] { width: 3px; height: 10px; background: currentColor; border-radius: var(--radius-full); }
.dictation-wave span:nth-child(2)[b-ilf015k3ga] { height: 18px; }
.dictation-wave span:nth-child(3)[b-ilf015k3ga] { height: 14px; }
.dictation-menu[b-ilf015k3ga] { position: absolute; bottom: calc(100% + 8px); inset-inline-end: 0; width: min(300px, calc(100vw - 72px)); padding: 6px; border: 1px solid var(--n-200); border-radius: var(--radius-lg); background: var(--n-0); box-shadow: var(--elevation-2); }
.dictation-choice[b-ilf015k3ga] { position: relative; width: 100%; min-height: 64px; flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px 28px 12px 12px; border-radius: var(--radius-md); text-align: start; white-space: normal; }
.dictation-choice strong[b-ilf015k3ga] { font-size: 14px; line-height: 20px; font-weight: 600; }
.dictation-choice span[b-ilf015k3ga], .dictation-limit[b-ilf015k3ga] { font-size: 13px; line-height: 20px; font-weight: 400; color: var(--n-600); }
.dictation-choice[aria-checked=true][b-ilf015k3ga] { background: var(--plum-50); }
.dictation-choice[aria-checked=true][b-ilf015k3ga]::after { content: ''; position: absolute; inset-inline-end: 14px; top: 17px; width: 5px; height: 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.dictation-limit[b-ilf015k3ga] { margin: 4px 6px 0; padding: 8px 6px 4px; border-top: 1px solid var(--n-200); }
.dictation-action:active:not(:disabled)[b-ilf015k3ga], .dictation-toggle:active:not(:disabled)[b-ilf015k3ga], .dictation-choice:active:not(:disabled)[b-ilf015k3ga] { background: var(--plum-100); }
.dictation-active:active:not(:disabled)[b-ilf015k3ga] { background: var(--red-200); }
@media (hover: hover) and (pointer: fine) {
    .dictation-action:hover:not(:disabled)[b-ilf015k3ga], .dictation-toggle:hover:not(:disabled)[b-ilf015k3ga], .dictation-choice:hover:not(:disabled)[b-ilf015k3ga] { background: var(--plum-50); }
    .dictation-active:hover:not(:disabled)[b-ilf015k3ga] { background: var(--red-100); }
}
@media (prefers-reduced-motion: no-preference) {
    .dictation-active[b-ilf015k3ga] { animation: dictation-pulse-b-ilf015k3ga 1.4s ease-in-out infinite; }
    .dictation-wave span[b-ilf015k3ga] { animation: dictation-wave-b-ilf015k3ga 700ms ease-in-out infinite alternate; }
    .dictation-wave span:nth-child(2)[b-ilf015k3ga] { animation-delay: -350ms; }
    .dictation-wave span:nth-child(3)[b-ilf015k3ga] { animation-delay: -175ms; }
}
@keyframes dictation-pulse-b-ilf015k3ga { 50% { box-shadow: 0 0 0 4px var(--red-50); } }
@keyframes dictation-wave-b-ilf015k3ga { to { transform: scaleY(.4); } }
@media (max-width: 600px), (pointer: coarse) {
    .dictation-controls[b-ilf015k3ga] { gap: 8px; }
    .dictation-action[b-ilf015k3ga], .dictation-toggle[b-ilf015k3ga] { width: 44px; height: 44px; }
}
/* /Components/Shared/Inputs/MapLocationPicker.razor.rz.scp.css */
.location-picker[b-ll0jxnaz0w] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
}

.picker-heading[b-ll0jxnaz0w],
.map-actions[b-ll0jxnaz0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.picker-label[b-ll0jxnaz0w] {
    font-size: 13px;
    font-weight: 600;
}

.picker-hint[b-ll0jxnaz0w],
.location-status[b-ll0jxnaz0w] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.map-button[b-ll0jxnaz0w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-accent);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.map-button:hover:not(:disabled)[b-ll0jxnaz0w] {
    background: var(--red-50);
}

.map-button:disabled[b-ll0jxnaz0w] {
    background: var(--n-200);
    color: var(--n-500);
    cursor: not-allowed;
}

svg[b-ll0jxnaz0w] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.map-frame[b-ll0jxnaz0w] {
    position: relative;
    isolation: isolate;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.location-map[b-ll0jxnaz0w] {
    height: 320px;
    background: var(--n-100);
}

.location-map:focus-visible[b-ll0jxnaz0w] {
    outline: 3px solid var(--red-200);
    outline-offset: -3px;
}

.map-skeleton[b-ll0jxnaz0w] {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: none;
}

.map-center[b-ll0jxnaz0w] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 650;
    transform: translate(-50%, -50%);
    color: var(--color-accent);
    pointer-events: none;
}

.map-center svg[b-ll0jxnaz0w] {
    display: block;
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 0 2px white);
}

.map-skeleton .skeleton-shape[b-ll0jxnaz0w] {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.map-error[b-ll0jxnaz0w] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
    color: var(--err-700);
    font-size: 13px;
    line-height: 20px;
}

.map-error span[b-ll0jxnaz0w] {
    flex: 1;
    min-width: 150px;
}

.location-map[b-ll0jxnaz0w]  a:focus-visible {
    outline: 3px solid var(--red-200);
    outline-offset: -3px;
}

@media (max-width: 767px) {
    .location-map[b-ll0jxnaz0w] {
        height: 280px;
    }
}
/* /Components/Shared/Inputs/PasswordInput.razor.rz.scp.css */
.password-with-toggle[b-vkc3i6z945] { position: relative; min-width: 0; }
.password-with-toggle[b-vkc3i6z945]  input { padding-right: 48px; }
.password-toggle[b-vkc3i6z945] { --button-padding: 0; --button-hover: transparent; --button-press: transparent; --button-hover-border: transparent; position: absolute; top: 24px; right: 2px; width: 44px; height: 44px; color: var(--color-text-muted); }
.password-toggle:disabled[b-vkc3i6z945] { --button-bg: transparent; --button-border: transparent; }
/* /Components/Shared/Inputs/PhoneCodeDropdown.razor.rz.scp.css */
.phone-code-menu[b-6rsfx37nbh] {
    position: relative;
    width: 126px;
}

.phone-code-menu-open[b-6rsfx37nbh] {
    z-index: 110;
}

.phone-code-trigger[b-6rsfx37nbh] {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: var(--control-h-md);
    padding: 0 var(--space-3);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.phone-code-trigger:hover:not(:disabled)[b-6rsfx37nbh] {
    border-color: var(--n-400);
}

.phone-code-trigger:focus-visible[b-6rsfx37nbh],
.phone-code-option:focus-visible[b-6rsfx37nbh] {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
    box-shadow: var(--focus-ring);
}

.phone-code-trigger:disabled[b-6rsfx37nbh] {
    background: var(--n-100);
    color: var(--color-text-muted);
    cursor: not-allowed;
}

.phone-code-chevron[b-6rsfx37nbh] {
    width: 6px;
    height: 6px;
    margin-left: auto;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
}

.phone-code-menu-open .phone-code-chevron[b-6rsfx37nbh] {
    transform: rotate(225deg);
}

.phone-code-backdrop[b-6rsfx37nbh] {
    position: fixed;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: default;
}

.phone-code-list[b-6rsfx37nbh] {
    position: absolute;
    top: calc(100% + var(--space-2));
    left: 0;
    z-index: 2;
    width: min(300px, calc(100vw - 64px));
    max-height: min(264px, 40svh);
    overflow-y: auto;
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--elevation-2);
    scrollbar-width: thin;
}

.phone-code-option[b-6rsfx37nbh] {
    width: 100%;
    min-height: 44px;
    padding: var(--space-2);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text);
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.phone-code-option:hover[b-6rsfx37nbh] {
    background: var(--color-brand-soft);
}

.phone-code-option.selected[b-6rsfx37nbh] {
    background: var(--plum-50);
    color: var(--color-accent);
    font-weight: 600;
}

.phone-code-country[b-6rsfx37nbh] {
    flex: 1;
    min-width: 0;
}

.phone-code-flag[b-6rsfx37nbh] {
    width: 24px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 2px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .phone-code-trigger[b-6rsfx37nbh] {
        min-height: var(--control-h-lg);
    }
}
/* /Components/Shared/Inputs/PhoneNumberInput.razor.rz.scp.css */
.phone-number-input[b-up7zt84a5p] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    font-family: var(--font-family);
    color: var(--color-text);
}

.phone-number-input label[b-up7zt84a5p] {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.phone-number-input-row[b-up7zt84a5p] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-2);
}

.phone-number-input input[b-up7zt84a5p] {
    width: 100%;
    min-width: 0;
    height: var(--control-h-md);
    padding: 0 var(--space-3);
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
    outline: none;
}

.phone-number-input input:hover:not(:disabled):not(:focus):not(.phone-number-invalid)[b-up7zt84a5p] {
    border-color: var(--n-400);
}

.phone-number-input input:focus[b-up7zt84a5p] {
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.phone-number-input input.phone-number-invalid[b-up7zt84a5p] {
    border-color: var(--color-danger);
}

.phone-number-input input.phone-number-invalid:focus[b-up7zt84a5p] {
    box-shadow: 0 0 0 3px var(--err-50);
}

.phone-number-input input:disabled[b-up7zt84a5p] {
    background: var(--n-100);
    color: var(--color-text-muted);
    cursor: not-allowed;
}

.phone-number-error[b-up7zt84a5p] {
    margin-top: var(--space-2);
    color: var(--color-danger);
    font-size: 13px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .phone-number-input input[b-up7zt84a5p] {
        height: var(--control-h-lg);
        font-size: 16px;
    }
}
/* /Components/Shared/Inputs/TextInput.razor.rz.scp.css */
.text-input[b-02twmdv6l3] {
    display: flex;
    flex-direction: column;
    font-family: var(--font-family);
    color: var(--color-text);
}

.text-input label[b-02twmdv6l3] {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.required-indicator[b-02twmdv6l3] {
    margin-left: var(--space-1);
    color: var(--color-danger);
}

.text-input input[b-02twmdv6l3] {
    width: 100%;
    height: var(--control-h-md);
    padding: 0 var(--space-3);
    box-sizing: border-box;
    border: 1.5px solid var(--color-border-input);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    transition: border-color var(--motion-fast), box-shadow var(--motion-fast);
}

.text-input input[b-02twmdv6l3]::placeholder {
    color: var(--color-text-muted);
    opacity: 1;
}

.text-input input:hover:not(:disabled):not(:focus):not(.text-input-invalid)[b-02twmdv6l3] {
    border-color: var(--n-400);
}

.text-input input:focus[b-02twmdv6l3] {
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
}

.text-input input.text-input-invalid[b-02twmdv6l3] {
    border-color: var(--color-danger);
}

.text-input input.text-input-invalid:focus[b-02twmdv6l3] {
    box-shadow: 0 0 0 3px var(--err-50);
}

.text-input input:disabled[b-02twmdv6l3] {
    background: var(--n-100);
    color: var(--color-text-muted);
    cursor: not-allowed;
}

.text-input-error[b-02twmdv6l3] {
    margin-top: var(--space-2);
    color: var(--color-danger);
    font-size: 13px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .text-input input[b-02twmdv6l3] {
        height: var(--control-h-lg);
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .text-input input[b-02twmdv6l3] {
        transition: none;
    }
}
/* /Components/Shared/PageStatusPanel.razor.rz.scp.css */
.page-status-badge[b-a7bzo7t8lk] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0 0 20px; padding: 8px 14px; border-radius: var(--radius-lg); background: var(--plum-50); color: var(--color-accent); font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.page-status-badge.server-error[b-a7bzo7t8lk] { background: var(--err-50); color: var(--err-700); }
.page-status-badge svg[b-a7bzo7t8lk] { width: 22px; height: 22px; }
.status-icon[b-a7bzo7t8lk] { flex: 0 0 20px; width: 20px; height: 20px; background: currentColor; mask: var(--status-icon) center / contain no-repeat; }
.status-alert[b-a7bzo7t8lk] { --status-icon: url('/images/alert.svg'); }
.status-refresh[b-a7bzo7t8lk] { --status-icon: url('/images/refresh.svg'); }
.status-home-icon[b-a7bzo7t8lk] { --status-icon: url('/images/home.svg'); }
.page-status .status-home[b-a7bzo7t8lk] { display: flex; width: fit-content; margin-inline: auto; padding-inline: 12px; }
.status-reference[b-a7bzo7t8lk] { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--color-border); color: var(--color-text-muted); text-align: center; font-size: 12px; line-height: 20px; overflow-wrap: anywhere; }
.status-reference span[b-a7bzo7t8lk] { font-variant-numeric: tabular-nums; }
/* /Components/Shared/PersonalWorkHoursView.razor.rz.scp.css */
.personal-hours-page[b-p2d21unywm] { min-width: 0; max-width: 1440px; }
.personal-hours-page[b-p2d21unywm]  .wh-period { border-radius: var(--radius-2xl); }
.personal-hours-hero[b-p2d21unywm] { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 176px; }
.personal-hours-heading[b-p2d21unywm] { min-width: 0; }
.personal-hours-heading p[b-p2d21unywm] { margin: 0 0 8px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.personal-hours-heading p[b-p2d21unywm]::first-letter { text-transform: uppercase; }
.personal-hours-hero h1[b-p2d21unywm] { margin: 0; color: var(--color-heading); font-size: 32px; line-height: 40px; font-weight: 800; letter-spacing: -.8px; overflow-wrap: anywhere; }
.hours-illustration[b-p2d21unywm] { flex-shrink: 0; width: 176px; height: auto; stroke-linecap: round; stroke-linejoin: round; }
.calendar-frame[b-p2d21unywm] { stroke: var(--plum-700); stroke-width: 2.5; }
.calendar-dates[b-p2d21unywm] { stroke: var(--plum-300); stroke-width: 2; }
.clock-halo[b-p2d21unywm] { fill: var(--n-0); opacity: .9; }
.clock-face[b-p2d21unywm] { fill: var(--red-50); stroke: var(--color-brand); stroke-width: 2.5; }
.clock-hands[b-p2d21unywm] { stroke: var(--color-brand); stroke-width: 2.5; }
@media (max-width: 767px) { .personal-hours-hero[b-p2d21unywm] { min-height: 144px; gap: 12px; } .personal-hours-hero h1[b-p2d21unywm] { font-size: 24px; line-height: 32px; letter-spacing: -.4px; } .hours-illustration[b-p2d21unywm] { width: 96px; } }
@media (max-width: 420px) { .hours-illustration[b-p2d21unywm] { width: 76px; } }
.personal-hours-heading .personal-hours-back[b-p2d21unywm] { justify-content: start; gap: 6px; min-height: 44px; max-width: 100%; padding: 0; font-size: 13px; white-space: normal; text-align: start; overflow-wrap: anywhere; }
.personal-hours-back > span[b-p2d21unywm] { flex-shrink: 0; }
/* /Components/Shared/ProfileAvatar.razor.rz.scp.css */
.profile-avatar[b-n8ui822pul] { width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; border-radius: var(--radius-full); background: var(--plum-50); color: var(--color-accent); font-weight: 600; }
.profile-avatar img[b-n8ui822pul] { width: 100%; height: 100%; display: block; object-fit: cover; }
/* /Components/Shared/WorkHoursClockRadius.razor.rz.scp.css */
.clock-radius[b-f2gvcfepj6] { overflow: hidden; }
.clock-radius summary[b-f2gvcfepj6] { display: flex; align-items: center; gap: var(--space-3); min-height: 56px; padding: var(--space-3) var(--space-5); cursor: pointer; list-style: none; font-weight: 650; }
.clock-radius summary[b-f2gvcfepj6]::-webkit-details-marker { display: none; }
.clock-radius summary:focus-visible[b-f2gvcfepj6] { outline: 2px solid var(--color-brand); outline-offset: -3px; border-radius: inherit; }
.clock-radius[open] summary:focus-visible[b-f2gvcfepj6] { border-end-start-radius: 0; border-end-end-radius: 0; }
@media (hover: hover) and (pointer: fine) { .clock-radius summary:hover[b-f2gvcfepj6] { background: var(--n-50); } }
.clock-radius summary > span:nth-child(2)[b-f2gvcfepj6] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.clock-radius strong[b-f2gvcfepj6] { color: var(--color-heading); white-space: nowrap; }
.radius-pin[b-f2gvcfepj6] { flex: 0 0 20px; width: 20px; height: 20px; color: var(--color-accent); }
.radius-arrow[b-f2gvcfepj6] { margin-inline-start: auto; color: var(--color-accent); }
.clock-radius[open] .radius-arrow[b-f2gvcfepj6] { rotate: 90deg; }
.radius-body[b-f2gvcfepj6] { display: grid; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-top: 1px solid var(--color-border); }
.radius-body > p:first-child[b-f2gvcfepj6] { color: var(--color-text-muted); }
.radius-body .wh-inline[b-f2gvcfepj6] { margin-top: 0; }
/* /Components/Shared/WorkHoursPeriodPicker.razor.rz.scp.css */
.period-fields[b-ntnc53v4i9] { display: contents; }
.personal-period[b-ntnc53v4i9] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); padding-block: var(--space-3); }
.personal-period .wh-presets[b-ntnc53v4i9] { display: flex; flex-wrap: nowrap; gap: var(--space-2); }
.period-pager[b-ntnc53v4i9] { display: flex; align-items: center; justify-content: center; gap: var(--space-3); min-width: 0; color: var(--color-heading); text-align: center; }
.pager-arrow[b-ntnc53v4i9] { flex: 0 0 44px; }
.period-calendar[b-ntnc53v4i9] { width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: url("/images/calendar.svg") center / contain no-repeat; }
.personal-period .period-fields[b-ntnc53v4i9] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.personal-period .wh-alert[b-ntnc53v4i9] { grid-column: 1 / -1; }
@media (max-width: 880px) {
    .personal-period[b-ntnc53v4i9] { grid-template-columns: 1fr auto; gap: var(--space-3); }
    .personal-period .wh-presets[b-ntnc53v4i9] { grid-column: 1; justify-self: start; }
    .period-pager[b-ntnc53v4i9] { grid-column: 1 / -1; grid-row: 2; justify-content: space-between; }
    .personal-period > .custom-period[b-ntnc53v4i9] { grid-column: 2; grid-row: 1; }
}
@media (max-width: 520px) {
    .day-period[b-ntnc53v4i9] { grid-template-columns: minmax(0, 1fr); }
    .day-period .wh-presets[b-ntnc53v4i9], .day-period > .custom-period[b-ntnc53v4i9] { grid-column: 1; grid-row: auto; justify-self: stretch; }
    .day-period .wh-presets .wh-btn[b-ntnc53v4i9] { flex: 1; }
}
@media (max-width: 420px) {
    .personal-period[b-ntnc53v4i9] { grid-template-columns: 1fr; }
    .personal-period .wh-presets[b-ntnc53v4i9], .personal-period > .custom-period[b-ntnc53v4i9] { grid-column: 1; grid-row: auto; justify-self: stretch; }
    .personal-period .wh-presets .wh-btn[b-ntnc53v4i9] { flex: 1; }
}
/* /Components/Shared/WorkHoursReport.razor.rz.scp.css */
.personal-summary[b-arg8c4ggyg] { min-width: 0; }
.personal-summary-caption[b-arg8c4ggyg] { margin: 0 0 8px; color: var(--color-text-muted); font-size: 13px; line-height: 20px; }
.personal-report-layout[b-arg8c4ggyg] { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 24px; min-width: 0; }
.personal-report-layout.has-clock[b-arg8c4ggyg] { grid-template-columns: minmax(0, 1fr) 340px; }
.personal-clock[b-arg8c4ggyg] { grid-column: 2; grid-row: 1; min-width: 0; }
.personal-history[b-arg8c4ggyg] { container-type: inline-size; grid-column: 1; grid-row: 1; min-width: 0; padding: 20px; border-radius: var(--radius-2xl); }
.personal-history > header[b-arg8c4ggyg] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-bottom: 16px; }
.personal-history h2[b-arg8c4ggyg] { display: flex; align-items: center; gap: 12px; font-size: 20px; line-height: 28px; font-weight: 700; }
.history-calendar-tile[b-arg8c4ggyg] { display: grid; flex-shrink: 0; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-lg); background: var(--plum-50); }
.history-calendar[b-arg8c4ggyg] { display: block; flex-shrink: 0; width: 20px; height: 20px; background: currentColor; color: var(--color-accent); mask: url('/images/calendar.svg') center / contain no-repeat; }
.personal-clear-day[b-arg8c4ggyg] { --button-font-size: 12px; --button-padding: 8px; flex-shrink: 0; }
.personal-days[b-arg8c4ggyg] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(64px, 1fr); gap: 8px; overflow-x: auto; margin-bottom: 12px; padding: 4px 2px 16px; overscroll-behavior-inline: contain; }
.personal-day-button[b-arg8c4ggyg] { display: grid; justify-items: center; align-content: center; gap: 6px; min-width: 0; min-height: 60px; padding: 8px 4px; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text); font: inherit; font-size: 12px; line-height: 16px; cursor: pointer; transition: translate var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast); }
.personal-day-button > span:first-child[b-arg8c4ggyg] { text-transform: capitalize; }
.personal-day-button strong[b-arg8c4ggyg] { font-size: 13px; font-weight: 600; }
.personal-day-button.is-today[b-arg8c4ggyg] { border-color: var(--plum-200); background: var(--plum-50); color: var(--color-heading); }
.personal-day-button[aria-pressed="true"][b-arg8c4ggyg] { border-color: var(--color-brand); background: var(--red-50); color: var(--color-accent); }
.personal-day-button:disabled[b-arg8c4ggyg] { border-color: var(--n-200); background: var(--n-100); color: var(--n-500); cursor: wait; }
.personal-day-dot[b-arg8c4ggyg] { width: 5px; height: 5px; border: 1px solid var(--n-300); border-radius: 50%; }
.personal-day-dot.has-shifts[b-arg8c4ggyg] { border-color: var(--color-accent); background: var(--color-accent); }
.personal-shift[b-arg8c4ggyg] { --personal-site-color: var(--color-accent); min-width: 0; border-top: 1px solid var(--color-border); }
.personal-shift[data-tone="1"][b-arg8c4ggyg] { --personal-site-color: var(--info-500); }
.personal-shift[data-tone="2"][b-arg8c4ggyg] { --personal-site-color: var(--warn-500); }
.personal-shift[data-tone="3"][b-arg8c4ggyg] { --personal-site-color: var(--ok-500); }
.personal-shift summary[b-arg8c4ggyg] { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto auto 20px; align-items: center; gap: 12px; min-height: 88px; padding: 12px 4px; border-radius: var(--radius-lg); list-style: none; cursor: pointer; transition: translate var(--motion-fast), background-color var(--motion-fast); }
.personal-shift summary[b-arg8c4ggyg]::-webkit-details-marker { display: none; }
.personal-shift.is-running summary[b-arg8c4ggyg] { margin-block: 8px; padding-inline: 8px; background: var(--plum-50); }
.personal-date-badge[b-arg8c4ggyg] { display: grid; align-content: center; justify-items: center; gap: 2px; min-height: 52px; padding: 6px 4px; border-radius: var(--radius-lg); background: var(--n-100); color: var(--color-heading); text-align: center; text-transform: uppercase; }
.personal-date-badge span[b-arg8c4ggyg], .personal-date-badge strong[b-arg8c4ggyg] { font-size: 12px; line-height: 16px; font-weight: 600; }
.personal-shift.is-running .personal-date-badge[b-arg8c4ggyg] { background: var(--plum-100); color: var(--plum-700); }
.personal-shift-site[b-arg8c4ggyg] { display: flex; align-items: center; gap: 12px; min-width: 0; color: var(--color-heading); font-size: 14px; line-height: 22px; font-weight: 700; overflow-wrap: anywhere; }
.personal-shift-site[b-arg8c4ggyg]::before { flex-shrink: 0; width: 4px; height: 28px; border-radius: var(--radius-full); background: var(--personal-site-color); content: ''; }
.personal-shift-time[b-arg8c4ggyg] { color: var(--color-text); font-size: 13px; line-height: 20px; font-variant-numeric: tabular-nums; }
.personal-shift-total[b-arg8c4ggyg] { display: grid; justify-items: end; gap: 4px; min-width: 0; }
.personal-shift-total > strong[b-arg8c4ggyg] { color: var(--color-heading); font-size: 14px; line-height: 20px; font-weight: 700; white-space: nowrap; }
.personal-shift-total > small[b-arg8c4ggyg] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; white-space: nowrap; }
.personal-shift-arrow[b-arg8c4ggyg] { justify-self: end; width: 18px; height: 18px; background: var(--color-accent); mask: url('/images/chevron.svg') center / contain no-repeat; rotate: 90deg; transition: rotate var(--motion-fast); }
.personal-shift[open] .personal-shift-arrow[b-arg8c4ggyg] { rotate: -90deg; }
.personal-shift-details[b-arg8c4ggyg] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px 24px; margin: 0 0 16px; padding: 16px; border-radius: var(--radius-lg); background: var(--n-50); }
.personal-shift-details > div:last-child[b-arg8c4ggyg] { grid-column: 1 / -1; }
.personal-shift-details dt[b-arg8c4ggyg] { color: var(--color-text-muted); font-size: 12px; line-height: 18px; }
.personal-shift-details dd[b-arg8c4ggyg] { margin: 4px 0 0; color: var(--color-text); font-size: 13px; line-height: 22px; white-space: pre-wrap; overflow-wrap: anywhere; }
.personal-history-error[b-arg8c4ggyg], .personal-history-empty[b-arg8c4ggyg] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 176px; text-align: center; }
.history-error-icon[b-arg8c4ggyg] { width: 24px; height: 24px; color: var(--color-text-muted); background: currentColor; mask: url('/images/alert.svg') center / contain no-repeat; }
.personal-summary-skeleton[b-arg8c4ggyg] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.personal-summary-skeleton > div[b-arg8c4ggyg] { display: flex; align-items: center; gap: 12px; min-height: 88px; padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-2xl); background: var(--color-surface); }
.summary-icon-shape[b-arg8c4ggyg] { flex-shrink: 0; width: 46px; height: 46px; border-radius: var(--radius-lg); }
.summary-copy-shape[b-arg8c4ggyg] { display: grid; flex: 1; gap: 8px; }
.summary-copy-shape > span[b-arg8c4ggyg] { width: 80%; height: 12px; }
.summary-copy-shape > span:last-child[b-arg8c4ggyg] { width: 55%; height: 24px; }
.personal-history-skeleton > div[b-arg8c4ggyg] { display: flex; align-items: center; gap: 16px; min-height: 88px; padding-block: 12px; border-top: 1px solid var(--color-border); }
.history-date-shape[b-arg8c4ggyg] { flex-shrink: 0; width: 56px; height: 52px; border-radius: var(--radius-lg); }
.history-copy-shape[b-arg8c4ggyg] { display: grid; flex: 1; gap: 8px; }
.history-copy-shape > span[b-arg8c4ggyg] { width: 80%; height: 16px; }
.history-copy-shape > span:last-child[b-arg8c4ggyg] { width: 55%; height: 12px; }
.history-total-shape[b-arg8c4ggyg] { width: 64px; height: 24px; }
.personal-day-button:focus-visible[b-arg8c4ggyg], .personal-shift summary:focus-visible[b-arg8c4ggyg] { outline: 2px solid var(--color-accent); outline-offset: 2px; box-shadow: var(--focus-ring); }
@container (max-width: 620px) {
    .personal-shift summary[b-arg8c4ggyg] { grid-template-columns: 52px minmax(0, 1fr) auto 16px; gap: 4px 8px; }
    .personal-date-badge[b-arg8c4ggyg] { grid-column: 1; grid-row: 1 / span 2; }
    .personal-date-badge strong[b-arg8c4ggyg] { font-size: 11px; }
    .personal-shift-site[b-arg8c4ggyg] { grid-column: 2; grid-row: 1; gap: 8px; }
    .personal-shift-time[b-arg8c4ggyg] { grid-column: 2; grid-row: 2; padding-left: 12px; font-size: 12px; }
    .personal-shift-total[b-arg8c4ggyg] { grid-column: 3; grid-row: 1 / span 2; }
    .personal-shift-arrow[b-arg8c4ggyg] { grid-column: 4; grid-row: 1 / span 2; }
}
@media (max-width: 1100px) {
    .personal-report-layout.has-clock[b-arg8c4ggyg] { grid-template-columns: minmax(0, 1fr); }
    .personal-clock[b-arg8c4ggyg] { grid-column: 1; grid-row: 1; }
    .has-clock .personal-history[b-arg8c4ggyg] { grid-column: 1; grid-row: 2; }
}
@media (max-width: 767px) {
    .personal-report-layout[b-arg8c4ggyg] { gap: 16px; }
    .personal-history[b-arg8c4ggyg] { padding: 16px; }
    .personal-history h2[b-arg8c4ggyg] { gap: 8px; font-size: 20px; }
    .personal-shift-details[b-arg8c4ggyg] { grid-template-columns: minmax(0, 1fr); }
    .personal-summary-skeleton[b-arg8c4ggyg] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .personal-summary-skeleton > div:first-child[b-arg8c4ggyg] { grid-column: 1 / -1; }
    .personal-summary-skeleton > div[b-arg8c4ggyg] { padding: 12px; }
    .summary-icon-shape[b-arg8c4ggyg] { width: 36px; height: 36px; }
}
@media (hover: hover) and (pointer: fine) {
    .personal-day-button:not(:disabled):hover[b-arg8c4ggyg], .personal-shift summary:hover[b-arg8c4ggyg] { background: var(--red-50); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .personal-day-button:not(:disabled):hover[b-arg8c4ggyg], .personal-shift summary:hover[b-arg8c4ggyg] { translate: 0 -2px; }
    .personal-day-button:not(:disabled):active[b-arg8c4ggyg], .personal-shift summary:active[b-arg8c4ggyg] { translate: 0 1px; }
}
@media (prefers-reduced-motion: reduce) { .personal-day-button[b-arg8c4ggyg], .personal-shift summary[b-arg8c4ggyg], .personal-shift-arrow[b-arg8c4ggyg] { transition: none; } }
.site-shifts[b-arg8c4ggyg] { border-radius: var(--radius-2xl); }
.site-shifts .wh-section-head[b-arg8c4ggyg] { padding: var(--space-5) var(--space-6); }
.site-shifts h2[b-arg8c4ggyg] { font-size: 24px; }
.site-shifts .wh-table-wrap[b-arg8c4ggyg] { margin: 0 var(--space-4) var(--space-4); }
.site-shifts .wh-table th[b-arg8c4ggyg], .site-shifts .wh-table td[b-arg8c4ggyg] { vertical-align: middle; }
.site-shifts .wh-table td[b-arg8c4ggyg] { font-variant-numeric: tabular-nums; padding-block: var(--space-2); }
.site-shifts .wh-table th[b-arg8c4ggyg] { background: var(--n-100); border-top: 0; }
.site-shifts th:first-child[b-arg8c4ggyg] { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); }
.site-shifts th:last-child[b-arg8c4ggyg] { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); }
.site-shifts tbody tr:first-child td[b-arg8c4ggyg] { border-top: 0; }
.site-shifts .wh-open[b-arg8c4ggyg] { margin-inline-start: var(--space-1); background: var(--info-50); color: var(--info-700); }
.site-shifts .wh-row-action[b-arg8c4ggyg] { width: 1%; padding-block: 0; padding-inline: var(--space-2); }
.edit-icon[b-arg8c4ggyg] { width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: url('/images/edit.svg') center / contain no-repeat; }
.edit-label[b-arg8c4ggyg] { display: none; }
@media (max-width: 640px) {
    .site-shifts .wh-section-head[b-arg8c4ggyg] { padding: var(--space-4); }
    .site-shifts .wh-table-wrap[b-arg8c4ggyg] { margin: 0; }
    .site-shifts .wh-table td[b-arg8c4ggyg] { padding-block: 0; }
    .site-shifts .wh-row-action[b-arg8c4ggyg] { width: auto; }
    .edit-shift[data-ds-button][b-arg8c4ggyg] { --button-font-size: 14px; width: auto; padding-inline: var(--space-3); }
    .edit-label[b-arg8c4ggyg] { display: inline; }
}
/* /Components/Shared/WorkHoursTotals.razor.rz.scp.css */
.site-hours-totals .wh-total[b-gq1vajo892] { --metric-size: 46px; position: relative; align-content: center; gap: var(--space-1); padding-inline-start: calc(var(--space-5) + var(--metric-size) + var(--space-3)); }
.site-hours-totals dd[b-gq1vajo892] { line-height: 1.2; overflow-wrap: anywhere; }
.metric-icon[b-gq1vajo892] { position: absolute; inset-inline-start: var(--space-5); top: 50%; translate: 0 -50%; display: grid; place-items: center; width: var(--metric-size); height: var(--metric-size); border-radius: var(--radius-lg); }
.metric-icon > *[b-gq1vajo892] { width: 24px; height: 24px; }
.clock-icon[b-gq1vajo892] { background: currentColor; mask: url('/images/work-hours.svg') center / contain no-repeat; }
.helmet-icon[b-gq1vajo892] { background: currentColor; mask: url('/images/helmet.svg') center / contain no-repeat; }
.net-total .metric-icon[b-gq1vajo892] { background: var(--ok-50); color: var(--ok-700); }
.gross-total .metric-icon[b-gq1vajo892] { background: var(--red-50); color: var(--red-600); }
.break-total .metric-icon[b-gq1vajo892] { background: var(--warn-50); color: var(--warn-700); }
.personal-hours-totals[b-gq1vajo892] { gap: 20px; }
.personal-hours-totals .wh-total[b-gq1vajo892] { min-height: 88px; border-radius: var(--radius-2xl); }
.personal-hours-totals dd[b-gq1vajo892] { font-size: 28px; line-height: 36px; }
.personal-hours-totals dt[b-gq1vajo892] { font-size: 13px; line-height: 20px; font-weight: 500; }
@media (max-width: 640px) {
    .site-hours-totals[b-gq1vajo892] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-hours-totals .net-total[b-gq1vajo892] { grid-column: 1 / -1; }
    .site-hours-totals .wh-total[b-gq1vajo892] { --metric-size: 36px; padding-inline-start: calc(var(--space-3) + var(--metric-size) + var(--space-2)); }
    .metric-icon[b-gq1vajo892] { inset-inline-start: var(--space-3); }
    .metric-icon > *[b-gq1vajo892] { width: 20px; height: 20px; }
    .personal-hours-totals[b-gq1vajo892] { gap: 12px; }
    .personal-hours-totals .wh-total[b-gq1vajo892] { min-height: 80px; }
    .personal-hours-totals dd[b-gq1vajo892] { font-size: 24px; line-height: 32px; }
}
/* /Components/Shared/WorkShiftClock.razor.rz.scp.css */
.clock-heading[b-kzcdh309au] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.clock-dialog > .clock-heading[b-kzcdh309au] { margin: 0; }
.clock-dialog h2[b-kzcdh309au] { font-size: clamp(1.3rem, 3vw, 1.75rem); }
.clock-close[b-kzcdh309au] { width: 44px; padding: 0; border-color: transparent; font-size: 1.3rem; }
.clock-status[b-kzcdh309au] { justify-self: start; align-items: center; gap: var(--space-2); }
.clock-status > span[b-kzcdh309au] { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.clock-site[b-kzcdh309au] { margin: 0; color: var(--color-text); }
.clock-site dt[b-kzcdh309au] { font-size: .875rem; color: var(--color-text-muted); }
.clock-site dd[b-kzcdh309au] { display: flex; align-items: center; gap: var(--space-2); margin: var(--space-1) 0 0; font-weight: 750; color: var(--color-heading); overflow-wrap: anywhere; }
.clock-lock[b-kzcdh309au] { width: 17px; height: 17px; flex: 0 0 17px; background: var(--color-text-muted); mask: url("/images/lock.svg") center / contain no-repeat; }
.clock-dialog .clock-timer[b-kzcdh309au] { background: var(--n-50); }
.clock-location[b-kzcdh309au] { display: flex; align-items: start; gap: var(--space-2); color: var(--color-text-muted); font-size: .875rem; }
.clock-location svg[b-kzcdh309au] { width: 18px; height: 18px; flex: 0 0 18px; color: var(--color-accent); }
.clock-actions[b-kzcdh309au] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
.clock-dialog .clock-actions[b-kzcdh309au] { padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.clock-dismiss[b-kzcdh309au] { border-color: transparent; }
.personal-clock-card[b-kzcdh309au] { min-height: 360px; padding: 20px; border-radius: var(--radius-2xl); gap: 16px; }
.personal-clock-card .clock-heading h2[b-kzcdh309au] { font-size: 20px; line-height: 28px; }
.personal-clock-card .clock-status[b-kzcdh309au] { order: -2; }
.personal-clock-card .clock-timer[b-kzcdh309au] { order: -1; justify-items: start; padding: 0; border-radius: 0; background: transparent; text-align: left; }
.personal-clock-card .clock-timer strong[b-kzcdh309au] { font-size: 32px; line-height: 40px; letter-spacing: -.6px; }
.personal-clock-card .clock-timer > span[b-kzcdh309au] { font-size: 13px; line-height: 20px; }
.personal-clock-card .clock-site dt[b-kzcdh309au], .personal-clock-card label[b-kzcdh309au] { font-size: 13px; line-height: 20px; font-weight: 500; }
.personal-clock-card .clock-site dd[b-kzcdh309au] { min-height: 44px; padding: 10px 12px; border: 1px solid var(--color-border-input); border-radius: var(--radius-lg); background: var(--n-50); color: var(--color-text-muted); font-size: 14px; line-height: 22px; font-weight: 500; }
.personal-clock-card textarea[b-kzcdh309au] { min-height: 96px; font-size: 14px; line-height: 22px; }
.personal-clock-card .clock-location[b-kzcdh309au] { margin: 0; font-size: 13px; line-height: 20px; }
.personal-clock-card .clock-actions[b-kzcdh309au] { margin-top: 4px; }
.personal-clock-card .wh-clock-icon[b-kzcdh309au] { width: 44px; height: 44px; }
.personal-clock-card select[b-kzcdh309au] { min-width: 0; }
.clock-stop-icon[b-kzcdh309au] { flex-shrink: 0; width: 16px; height: 16px; border: 1.75px solid currentColor; border-radius: 3px; }
.clock-skeleton[b-kzcdh309au] { display: grid; align-content: start; gap: 20px; }
.clock-skeleton > span[b-kzcdh309au] { height: 44px; }
.clock-skeleton > span:nth-of-type(2)[b-kzcdh309au] { width: 65%; height: 40px; }
.clock-skeleton > span:last-child[b-kzcdh309au] { height: 96px; }
@media (max-width: 767px) { .personal-clock-card[b-kzcdh309au] { padding: 20px 16px; } .personal-clock-card textarea[b-kzcdh309au], .personal-clock-card select[b-kzcdh309au] { font-size: 16px; } }