/* Shared dashboard controls: keep interaction states on dark surfaces. */
:root{--control-surface:#292929;--control-hover:#373737;--control-selected:#40391f;--control-border:#474747;--control-text:#e4edf7}
button{color:inherit}
body :is(.responsibility-person,.metric-filter,.topbar-social .social-direct,.first-team-shortcut,.calendar-event,.team-planner-event,.workshop-summary-card,.checkbox-option,.responsibility-choices .check-label,.finance-manager-choices .check-label,.todo-responsibles .check-label,.library-playlist-item){background-color:var(--control-surface);color:var(--control-text);border-color:var(--control-border)}
body :is(button.responsibility-person,.list-row,.quick-link,.demo-filtered-item,.checkbox-option,.library-card-actions button,.library-card-actions a,.github-breadcrumbs button,.av-calendar-button,.av-calendar-popup button,.topbar-social .social-direct,.first-team-shortcut):is(:hover,:focus-visible){background-color:var(--control-hover);color:var(--control-text);border-color:#a49d8b}
body :is(.responsibility-choices .check-label,.finance-manager-choices .check-label,.todo-responsibles .check-label,.checkbox-option,.av-schedule-weekdays label,.av-schedule-options label):has(input:checked),
body :is(.access-modes button,.workshop-summary-card,.library-playlist-item)[aria-pressed=true]{background-color:var(--control-selected);color:#f1d878;border-color:#a88d36}
body .responsibility-person-copy>small{color:#cfcbc1}body .responsibility-person-copy>strong{color:#edf3fb}
body .first-award-link{background:#393321;color:#edda99;border-color:#746532}body .first-award-link:is(:hover,:focus-visible){background:#494024;color:#fff0bd}
body .todo-check.is-complete{background:#203e30;color:#a4e6be;border-color:#47785a}
body .calendar-day.outside,body .team-planner-day.outside-month{background:#232323;color:#b3ad9e}
body .calendar-event.is-overdue{background:#432b34;color:#ffb5c0}
body .library-card-actions :is(button,a):disabled{opacity:.5;cursor:not-allowed}
body :is(button,a.button):focus-visible{outline:2px solid #e7bf3f;outline-offset:3px}

body .team-planner-heading-row{display:flex;align-items:center;gap:18px;width:100%}body .team-planner-heading-row h1{font-size:26px;flex:none}body .team-planner-heading-row .team-planner-filters{align-items:center;gap:9px;flex-wrap:nowrap}body .team-planner-heading-row .team-planner-filters>label{min-width:0;font-size:0;gap:0}body .team-planner-heading-row .team-planner-filters select{font-size:12px;max-width:185px}body .team-planner-heading-row .team-planner-controls{margin-left:auto;flex-wrap:nowrap;gap:8px;flex:none}body .planner-month-title{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}body .planner-month-chevron{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;flex:none}
body :is(.team-planner-event,.team-planner-birthday,.team-planner-holiday,.marketing-event-card,.marketing-card:has([data-marketing-record]),.mdg-photo-open,.team-card-open,.engineering-robot-preview,.resource-card[role=button],.activity-card[role=button]){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}
@media(hover:hover){body :is(.team-planner-event,.team-planner-birthday,.team-planner-holiday,.marketing-event-card,.marketing-card:has([data-marketing-record]),.mdg-photo-open,.team-card-open,.engineering-robot-preview,.resource-card[role=button],.activity-card[role=button]):hover{transform:translateY(-3px);border-color:#ad913d;box-shadow:0 7px 19px #0007,0 0 0 1px #b89b3c55;filter:brightness(1.12)}body .marketing-event-card:hover img,body .marketing-card:hover .marketing-cover img{transform:scale(1.035)}}
body :is(.marketing-event-card,.marketing-card) img{transition:transform .22s ease}body :is(.marketing-event-card,.marketing-card):focus-within{outline:2px solid #b89b3c;outline-offset:2px}
@media(max-width:1200px){body .team-planner-heading-row{flex-wrap:wrap}body .team-planner-heading-row .team-planner-controls{margin-left:auto}body .team-planner-heading-row .team-planner-filters{flex-wrap:wrap}}
@media(max-width:650px){body .team-planner-heading-row .team-planner-controls{margin-left:0;max-width:100%;gap:5px}body .team-planner-heading-row .team-planner-filters{order:2}body .team-planner-heading-row .team-planner-filters>label{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){body :is(.team-planner-event,.team-planner-birthday,.team-planner-holiday,.marketing-event-card,.marketing-card,.mdg-photo-open,.team-card-open,.engineering-robot-preview){transition:none!important;transform:none!important}body :is(.marketing-event-card,.marketing-card) img{transition:none!important;transform:none!important}}
/* The activity stripe belongs to the first row and travels with its hover. */
body .team-planner-activity-group.area-card{overflow:visible;padding-top:0}
body .team-planner-activity-group.area-card::before{display:none}
body .team-planner-activity-group>:first-child{position:relative;border-radius:6px 6px 0 0;padding-top:10px}
body .team-planner-activity-group>:first-child::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:6px 6px 0 0;background:var(--area-gradient,linear-gradient(90deg,#c5a12b,#8d856f));pointer-events:none}

/* Make every pending-action bell visible, not just its small counter. */
.action-inbox-bell.has-pending,.action-inbox-bell.has-pending:is(:hover,:focus-visible){background:#f4c900!important;border-color:#f4c900!important;color:#151515!important;box-shadow:0 0 0 2px #f4c90026}
.action-inbox-bell.has-pending .action-inbox-glyph{fill:currentColor;stroke:currentColor}
.action-inbox-bell.has-pending .action-inbox-count{background:#171717;color:#ffe066;border-color:#f4c900}

.pdi-card-assessment{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#191919;border-top:1px solid #383838}
.pdi-card-assessment small{color:#bdbdbd;font-size:.72rem}
.pdi-card-assessment.is-overdue small{color:#e3c04c}
.pdi-card-assessment .button{margin:0}
.main-content .team-person-card:has(.pdi-card-assessment){aspect-ratio:auto}
.team-person-card:has(.pdi-card-assessment)>.team-card-open{height:auto;aspect-ratio:4/5}

.pdi-life-context{margin:16px 0;padding:14px 16px;border:1px solid #363636;border-left:3px solid #8c793d;border-radius:10px;background:#1c1c1c}
.pdi-life-context strong,.pdi-life-context small{display:block}
.pdi-life-context small{margin-top:5px;color:#a9a9a4}
.pdi-life-context p{font-size:.82rem;line-height:1.5;color:#c6c6c0;margin:9px 0 0}
