.team-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 20px;padding:25px 22px;overflow:hidden;border-radius:15px;background:linear-gradient(105deg,#f8f8ef,#ffe5d4)}
.team-hero h2{font-size:42px}.team-hero>div,.team-hero>button{position:relative;z-index:1}.team-ribbon{position:absolute;right:100px;top:22px;transform:rotate(-13deg);font-family:BezumnoDisplay,Arial,sans-serif;font-size:25px;background:#f56120;color:white;padding:6px 30px;border-radius:50% 0;opacity:.22;white-space:nowrap;pointer-events:none}
.team-tabs{display:flex;gap:8px;overflow-x:auto;margin:15px 0 22px}.team-tabs button{border:1px solid #d4d4c8;border-radius:9px;padding:12px 17px;font-size:13px;white-space:nowrap}.team-tabs button.selected{background:#151612;color:white;border-color:#151612}
.team-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.team-kpis>div{border:1px solid #d3d5c7;border-radius:12px;padding:20px;background:#fffef7}.team-kpis span{display:block;font-size:12px}.team-kpis strong{font:38px BezumnoDisplay,Arial,sans-serif;display:block;margin-top:12px}.team-kpis small{font-size:10px;color:#797c6b}.team-kpis .team-attention{background:#eeffa1}
.team-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) 1fr 1fr;gap:12px;margin-bottom:20px}.team-filters label{font-size:11px}.team-filters input,.team-filters select{width:100%;min-height:45px;background:#fffefa}
.team-list{border:1px solid #d4d6ca;border-radius:12px;overflow:hidden;background:#fffef8}.team-list-head,.team-person{display:grid;grid-template-columns:minmax(200px,1.8fr) minmax(95px,.8fr) 105px 130px 18px;gap:12px;align-items:center;padding:17px 18px;width:100%;text-align:left}.team-list-head{background:#eeeeE4;font-size:11px;color:#666b5b}.team-person{border-bottom:1px solid #e4e5dc;border-radius:0;font-size:12px;min-height:82px}.team-person:last-child{border-bottom:0}.team-person:hover,.team-person.selected{background:#f2ffbd}.team-person-name{display:flex;gap:12px;align-items:center;min-width:0}.team-person-name strong{display:block;font-size:14px;overflow-wrap:anywhere}.team-person-name small{display:block;font-size:10px;color:#777b6a;margin-top:5px;line-height:1.5}.team-avatar{width:40px;height:40px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:#ffe0c8;font:19px BezumnoDisplay,Arial,sans-serif}.team-avatar.large{width:66px;height:66px;font-size:30px;background:#d5ff00}.team-badge{display:inline-flex;border-radius:20px;padding:6px 9px;white-space:nowrap;font-size:11px}.team-badge.working{background:#eaffad;color:#405115}.team-badge.inactive{background:#ecece5;color:#6a6d61}.team-medical{font-size:11px;line-height:1.5}.team-medical small{display:block;color:#737666}.team-medical.expired,.team-medical.soon{color:#ad431b;font-weight:700}.team-medical.unknown{color:#7b7d70}.team-person-arrow{font-size:20px;color:#dc561a}.team-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;color:#777b69;margin-top:14px}.team-bottom a{color:#5c632f}.team-empty{padding:50px 20px;text-align:center;line-height:1.7;color:#737764}.team-help{font-size:11px;line-height:1.6;color:#737765;margin:12px 0}.team-sync{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin:18px 0;color:#707563}.team-alert{padding:15px;background:#fff0d7;border:1px solid #e7ca91;border-radius:10px;font-size:12px;line-height:1.6;margin:15px 0}.team-alert ul{padding-left:18px;margin:8px 0}.team-alert p{font-size:11px}
.team-dialog{width:min(740px,calc(100vw - 24px));max-height:92dvh;padding:25px;border:1px solid #cacdbe;border-radius:16px;background:#fffef8;color:#26291e}.team-dialog::backdrop{background:#12170b80}.team-dialog h2{font-size:29px;overflow-wrap:anywhere}.team-dialog h3{font-size:18px;margin:0 0 14px}.team-dialog .section-top{align-items:start}.team-card-top{display:flex;align-items:center;gap:15px}.team-card-top p{font-size:13px;margin-top:8px}.team-card-section{padding:20px 0;border-bottom:1px solid #dedfd5}.team-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:14px}.team-field{min-width:0}.team-field span{display:block;color:#737763;font-size:10px;margin-bottom:5px}.team-field strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.team-uniform{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.team-uniform>div{background:#f1f2e8;border-radius:8px;padding:12px;font-size:12px}.team-uniform span,.team-uniform small{display:block;margin-top:6px;font-size:10px;line-height:1.5}.team-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.team-card-actions a{text-decoration:none;font-size:12px}.team-dialog .section-top>button{min-width:44px;min-height:44px}
.team-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.team-edit-grid label{min-width:0;font-size:12px}.team-edit-grid input,.team-edit-grid select{width:100%;min-width:0;min-height:44px;font-size:14px;background:#fffefb}.team-edit-grid label:has([name=name]){grid-column:1/-1}.team-history{margin-top:20px;font-size:12px;line-height:1.6}.team-history summary{cursor:pointer;font-weight:700;padding:10px 0}.team-history p{padding:10px 0;border-bottom:1px solid #e1e3d6}
@media(max-width:500px){.team-edit-grid{grid-template-columns:1fr}.team-edit-grid input,.team-edit-grid select{font-size:16px}.team-edit-grid label:has([name=name]){grid-column:auto}}
@media(max-width:1200px){.team-list-head,.team-person{grid-template-columns:minmax(160px,1.7fr) 100px 100px 120px 16px;gap:8px;padding:15px 12px}}
@media(max-width:700px){.team-hero{padding:20px 16px;align-items:start;flex-direction:column}.team-hero h2{font-size:33px}.team-ribbon{right:-80px;top:12px}.team-tabs{gap:6px}.team-tabs button{padding:11px 13px;font-size:12px}.team-kpis{grid-template-columns:1fr 1fr;gap:10px}.team-kpis>div{padding:15px 12px}.team-kpis strong{font-size:32px;margin-top:8px}.team-kpis span{font-size:11px}.team-filters{grid-template-columns:1fr 1fr;gap:10px}.team-filters label:first-child{grid-column:1/-1}.team-filters input,.team-filters select{font-size:12px;padding:10px 8px}.team-list-head{display:none}.team-person{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:17px 13px}.team-person-name{grid-column:1/-1;gap:11px}.team-person-name strong{font-size:15px}.team-person-branch{grid-column:1;font-size:12px;padding-left:51px}.team-person-status{grid-column:2;grid-row:2}.team-person-medical{grid-column:1/-1;padding-left:51px}.team-person-arrow{display:none}.team-medical small{display:inline;margin-left:7px}.team-sync{align-items:start;line-height:1.6}.team-sync button{flex-shrink:0}.team-dialog{padding:19px 15px;max-height:94dvh}.team-dialog h2{font-size:25px}.team-uniform{grid-template-columns:1fr}.team-uniform>div{display:grid;grid-template-columns:1fr 1fr}.team-uniform small{grid-column:2;margin-top:2px}.team-uniform span{margin:0}.team-card-actions>*{width:100%;text-align:center}}
/* Employee card: contacts stay visible; the calendar is part of the card. */
.team-dialog.employee-card-dialog{box-sizing:border-box;width:min(1220px,calc(100vw - 32px));max-width:1220px;background:#faf9f6;color:#262321;padding:24px;overflow:auto}
.employee-card-dialog>.section-top{align-items:center;margin-bottom:18px;gap:16px}
.employee-card-dialog>.section-top h2{font-family:Arial,Helvetica,sans-serif;font-weight:600;line-height:1.3;letter-spacing:0;margin:5px 0 0;font-size:16px;text-transform:none}
.employee-card-dialog>.section-top .eyebrow{font-size:10px;letter-spacing:.12em;color:#807b75}
.profile-hero{display:flex;align-items:center;gap:20px;padding:10px 0 24px;border-bottom:1px solid #e7e1db;margin-bottom:22px;flex-wrap:nowrap}
.profile-hero .team-avatar.large{height:88px;width:88px;font-size:34px;background:#f7e7d7;color:#422b20}
.profile-identity-text{flex:1;min-width:0}
.profile-identity-text h2{font-family:Arial,Helvetica,sans-serif;font-size:32px;line-height:1.15;margin:0 0 10px;letter-spacing:-.8px;text-transform:none}
.profile-role{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:#6e6964}
.profile-role .team-badge{font-size:11px;padding:5px 10px}
.profile-contacts{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:12px;font-size:14px}
.profile-contact{color:#282522;text-decoration:none;display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere;max-width:100%}
.profile-contact[href]:hover{text-decoration:underline;text-underline-offset:3px}
.profile-contact[href]:focus-visible{outline:3px solid #f9530c;outline-offset:4px;border-radius:3px}
.profile-contact-empty{font-size:12px;color:#858078}
.profile-hero-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.profile-hero-actions button{margin:0;min-height:40px;padding:10px 14px;font-size:12px;background:white;border:1px solid #d9d2cb;border-radius:10px;white-space:nowrap}
.profile-hero-actions button:disabled{opacity:.55}
.profile-card-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);grid-template-rows:auto 1fr;grid-template-areas:"personal calendar" "extra calendar";gap:16px 22px;align-items:start}
.profile-personal{grid-area:personal}
.profile-extra{grid-area:extra;display:grid;gap:14px;min-width:0}
.profile-calendar{grid-area:calendar;min-width:0;border:1px solid #e4ddd5;border-radius:16px;padding:18px;background:#fffefa}
.profile-panel-card{background:#fffefa;border:1px solid #e4ddd5;border-radius:14px;min-width:0;margin:0}
.profile-panel-card>summary{display:flex;gap:12px;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:17px 16px;color:#292520;font-size:16px}
.profile-panel-card>summary::-webkit-details-marker{display:none}
.profile-panel-card>summary strong{font-size:16px;font-weight:750}
.profile-panel-card>summary small{display:block;font-size:12px;color:#7a736b;font-weight:400;margin-top:5px;line-height:1.4}
.profile-panel-card>summary:focus-visible{outline:3px solid #f9530c;outline-offset:2px;border-radius:12px}
.profile-chevron{font:20px/1 Arial,sans-serif;transition:transform .16s;flex-shrink:0}
.profile-panel-card[open]>summary .profile-chevron{transform:rotate(180deg)}
.profile-panel-card[open]>summary{border-bottom:1px solid #eee7df}
.profile-panel-content{padding:15px 16px}
.profile-panel-content .team-fields{margin:0;grid-template-columns:1fr;gap:14px}
.profile-panel-content .team-field{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.2fr);align-items:start;gap:10px}
.profile-panel-content .team-field span{font-size:12px;color:#777067;margin:0;line-height:1.45}
.profile-panel-content .team-field strong{font-size:13px;text-align:right;line-height:1.45}
.profile-panel-content .team-uniform{grid-template-columns:1fr;margin-bottom:16px}
.profile-panel-content .team-uniform>div{background:#f7f3eb}
.profile-panel-content .team-medical{display:block;margin-bottom:16px;font-size:13px}
.profile-source-link{font-size:12px;color:#746b61;text-underline-offset:3px;margin:0 2px 8px}
.profile-eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a29a91}
@media(max-width:850px){
 .team-dialog.employee-card-dialog{width:calc(100vw - 20px);padding:20px}
 .profile-card-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"personal" "calendar" "extra";gap:14px}
 .profile-panel-content .team-fields{grid-template-columns:1fr 1fr;gap:16px}
 .profile-panel-content .team-field{display:block}
 .profile-panel-content .team-field strong{display:block;text-align:left;margin-top:4px}
 .profile-extra{grid-template-columns:1fr 1fr}
 .profile-source-link{grid-column:1/-1}
 .profile-hero{gap:14px}
 .profile-identity-text h2{font-size:27px}
 .profile-hero .team-avatar.large{width:70px;height:70px;font-size:27px}
}
@media(max-width:500px){
 .team-dialog.employee-card-dialog{width:calc(100vw - 12px);padding:14px 12px;max-height:calc(100dvh - 12px);border-radius:14px}
 .employee-card-dialog>.section-top{margin-bottom:10px}
 .employee-card-dialog>.section-top h2{font-size:14px}
 .profile-hero{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;margin-bottom:14px;padding:4px 0 16px}
 .profile-hero .team-avatar.large{width:56px;height:56px;font-size:23px;align-self:start}
 .profile-identity-text h2{font-size:24px;line-height:1.15;margin-bottom:8px}
 .profile-role{font-size:12px;gap:7px}
 .profile-contacts{font-size:14px;gap:9px;margin-top:10px}
 .profile-contact{min-height:26px}
 .profile-hero-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end;gap:8px}
 .profile-hero-actions button{flex:1;min-height:40px;font-size:12px;padding:8px}
 .profile-panel-card>summary{padding:14px}
 .profile-panel-card>summary strong{font-size:15px}
 .profile-panel-content{padding:14px}
 .profile-panel-content .team-field span{font-size:11px}
 .profile-panel-content .team-field strong{font-size:13px}
 .profile-extra{grid-template-columns:minmax(0,1fr)}
 .profile-calendar{padding:12px 8px;border-radius:14px}
}