/* Gemeinsame Oberfläche nach der freigegebenen Profil-/Kalenderansicht.
   Speziallayouts werden nicht umgebaut; sie erhalten dieselben Materialien und Controls. */
body {
    background-color:var(--paper);
    background-image:linear-gradient(90deg,#aab5a445 1px,transparent 1px),linear-gradient(#aab5a445 1px,transparent 1px);
    background-size:24px 24px;
}
body.page-crew {
    background-color:var(--paper-crew);
    background-image:linear-gradient(90deg,#aab5a445 1px,transparent 1px),linear-gradient(#aab5a445 1px,transparent 1px);
    background-size:24px 24px;
}
body > .site-header {
    max-width:1240px;
    padding:20px clamp(16px,2vw,28px) 12px;
    border:1px solid var(--retro-border);
    border-top:5px solid var(--retro-bar);
    background:#fff;
    box-shadow:5px 6px 0 var(--retro-shadow);
}
.site-header .workspace-switch {
    border-radius:2px;
    box-shadow:inset 1px 1px #fff;
}
.site-header .workspace-switch button,
body > .site-header .site-logout button,
.site-header .site-nav a {border-radius:2px;}
.site-header .site-nav {
    gap:4px;
    padding:7px 0 0;
    border-top:1px solid var(--line-soft);
}
.site-header .site-nav a {border-color:var(--line-soft);background:var(--surface-switch);}
.site-header .site-nav a:hover {background:var(--surface-hover);border-color:var(--retro-border);}
.site-header .site-nav a[aria-current="page"] {
    background:var(--retro-bar);
    border-color:var(--retro-bar);
    color:#fff;
    box-shadow:inset 0 -3px #9db493;
}
.site-header .site-nav a[aria-current="page"] .unread-badge {background:#fff;color:var(--retro-bar);}
body > main {min-width:0;}
body > main > .eyebrow:first-child,
body > main > h1:first-child + .eyebrow {font-weight:700;}
body > main > h1 {color:var(--ink);}
.panel,
.support-card {
    --retro-panel-padding:clamp(18px,3vw,32px);
    border:1px solid var(--retro-border);
    border-top:5px solid var(--retro-bar);
    border-radius:3px 3px 1px 1px;
    box-shadow:5px 6px 0 var(--retro-shadow);
}
.support-card {--retro-panel-padding:clamp(16px,3vw,26px);}
.panel > h2:first-child,
.panel > h3:first-child,
.support-card > h2:first-child {
    font-family:var(--font-serif);
    font-weight:400;
    color:var(--ink);
    letter-spacing:-.02em;
}
.panel > .eyebrow:first-child {margin-top:0;color:var(--ink-soft);font-weight:700;}
body:not(.page-calendar):not(.page-crew-detail) .panel > h2:first-child,
.support-card > h2:first-child {
    margin:calc(-1 * var(--retro-panel-padding)) calc(-1 * var(--retro-panel-padding)) 20px;
    padding:10px 14px;
    background:var(--retro-bar);
    color:#fff;
    font:700 14px/1.35 var(--font-sans);
    letter-spacing:.03em;
}
.panel > h2:first-child a,.support-card > h2:first-child a {color:inherit;}
.panel .panel {box-shadow:2px 3px 0 var(--retro-shadow);}
.auth.panel {border-top-width:6px;padding:clamp(20px,4vw,36px);}
.auth .eyebrow {color:var(--retro-bar);font-weight:700;}
.auth h1 {font-size:clamp(34px,5vw,52px);}
.crew-card {
    border-color:var(--retro-border);
    border-top:5px solid var(--retro-bar);
    border-radius:3px 3px 1px 1px;
    box-shadow:5px 6px 0 var(--retro-shadow);
}
.crew-card .profile-photo,.crew-card .profile-monogram,
.profile-photo,.profile-monogram {border-radius:2px;}
.profile-photo,.profile-monogram {border:2px solid #fff;outline:1px solid var(--retro-border);box-shadow:2px 2px 0 var(--retro-shadow);}
button,.button,input,textarea,select,
details[data-more] > summary::before,
.more-filters > summary::before {border-radius:2px;}
button,.button {background:var(--retro-bar);border-color:var(--retro-bar);box-shadow:2px 2px 0 #8fa286;}
button:hover:not(:disabled),.button:hover {filter:brightness(1.08);}
button:active:not(:disabled),.button:active {box-shadow:none;transform:translate(1px,1px);}
button.quiet,.button.secondary {background:#fff;color:var(--retro-bar);border-color:var(--retro-border);}
button.danger {background:var(--danger);border-color:var(--danger);}
input,textarea,select {border-color:var(--retro-border);box-shadow:inset 1px 1px #e1e5dc;}
input[type=checkbox],input[type=radio] {accent-color:var(--retro-bar);box-shadow:none;}
input[type=file] {max-width:100%;}
fieldset {min-width:0;}
legend {color:var(--ink);}
.notice {
    border:1px solid var(--retro-border);
    border-left:5px solid var(--notice-bar);
    border-radius:1px;
    box-shadow:3px 4px 0 var(--retro-shadow);
}
.notice.error {border-color:var(--danger);border-left-width:5px;}
.reference,.sector-group {border-color:var(--line-strong);}
.chat-message {border-color:var(--retro-border);border-radius:2px;box-shadow:2px 3px 0 var(--retro-shadow);}
.order-tab,.profession-tabs a {border-radius:3px 3px 0 0;}
.order-tab[aria-selected="true"] {border-color:var(--retro-border);border-bottom-color:var(--retro-bar);box-shadow:inset 0 3px var(--retro-bar);}
.support-launch {border-radius:3px;box-shadow:3px 4px 0 var(--retro-shadow);}
.support-answer {border-left-color:var(--answer-bar);}
dialog {max-width:min(92vw,700px);border:1px solid var(--retro-border);border-top:6px solid var(--retro-bar);border-radius:3px;box-shadow:8px 10px 0 var(--retro-shadow);}
dialog::backdrop {background:var(--dialog-backdrop);}
table {border-collapse:collapse;max-width:100%;}
th,td {border-bottom:1px solid var(--line-soft);padding:9px 12px;text-align:left;}
th {background:var(--surface-switch);color:var(--ink);}
body > footer {max-width:1240px;background:#fff;border:1px solid var(--retro-border);padding:12px 18px;box-shadow:3px 4px 0 var(--retro-shadow);}
/* Die zwei freigegebenen Akten-/Kalenderfenster behalten ihre eigene Rahmung. */
.page-calendar .calendar-profile .panel,
.page-calendar .calendar-main .month-panel,
.page-crew-detail .retro-profile-pane .panel,
.page-crew-detail .retro-calendar-pane {border-top-width:1px;box-shadow:none;}
.page-calendar .calendar-main .month-panel,
.page-crew-detail .retro-calendar-pane {box-shadow:5px 7px 0 var(--retro-shadow);}
.page-calendar .calendar-main .panel:not(.month-panel) {box-shadow:3px 4px 0 var(--retro-shadow);}
@media(max-width:600px) {
    body > .site-header {padding:16px 12px 12px;}
    .site-header .site-nav a {padding-inline:11px;}
    .panel,.support-card,.crew-card {box-shadow:3px 4px 0 var(--retro-shadow);}
    .page-crew .panel {--retro-panel-padding:18px;padding:18px;}
    th,td {padding:7px 8px;}
}
@media print {
    body {background:#fff!important;}
    .panel,.support-card,.crew-card,.chat-message,body > footer,dialog {box-shadow:none!important;}
    button,.button {box-shadow:none;}
}
@media(prefers-reduced-motion:reduce) {
    button:active:not(:disabled),.button:active {transform:none;}
}