/* Team-specific illustrations; layout, type and colours use booking-page.css. */
.team-page .tm-app-frame { position:relative; width:100%; height:570px; overflow:hidden; border:1px solid #e5e2ee; border-radius:15px; background:#fff; box-shadow:0 18px 40px -20px #30285230; }
.team-page .tm-app-frame iframe { position:absolute; top:0; left:0; display:block; width:1100px; height:570px; border:0; transform-origin:top left; pointer-events:none; user-select:none; }
.team-page .tm-service-sheet { padding:26px; border:1px solid #e3e9e6; border-radius:17px; background:#fff; box-shadow:0 18px 32px -24px #183e3244; }
.team-page .tm-service-sheet>header { display:flex; align-items:center; gap:12px; padding-bottom:23px; border-bottom:1px solid #edf0f4; }
.team-page .tm-service-sheet>header>span { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:11px; color:#5147e5; background:#eeebfb; }
.team-page .tm-service-sheet>header .sv-icon { width:19px; height:19px; }
.team-page .tm-service-sheet h3 { font-size:19px; line-height:1.3; }
.team-page .tm-service-sheet header p { margin:4px 0 0; font-size:11px; }
.team-page .tm-colleague { padding-top:24px; }
.team-page .tm-colleague+.tm-colleague { margin-top:24px; border-top:1px solid #edf0f4; }
.team-page .tm-identity { display:flex; align-items:center; gap:12px; }
.team-page .tm-identity>span { display:grid; place-items:center; flex:0 0 38px; height:38px; border-radius:11px; background:#eee8fc; color:#7560ad; font-size:12px; font-weight:650; }
.team-page .tm-colleague:last-child .tm-identity>span { background:#f9e8ef; color:#a36684; }
.team-page .tm-identity strong { display:block; font-size:13px; font-weight:650; }
.team-page .tm-identity small { display:block; font-size:10px; color:#798196; margin-top:2px; }
.team-page .tm-colleague ul { display:grid; gap:10px; margin:18px 0 0 50px; padding:0; list-style:none; }
.team-page .tm-colleague li { display:flex; align-items:center; gap:8px; font-size:11px; color:#5d687f; }
.team-page .tm-colleague li .sv-icon { width:13px; height:13px; color:#59947c; }
.team-page .tm-day { margin-top:auto; padding:22px; border-radius:15px; background:#fff; }
.team-page .tm-day>header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:17px; font-size:12px; }
.team-page .tm-day>header>span { font-size:10px; color:#7c8394; }
.team-page .tm-shifts { display:grid; gap:7px; }
.team-page .tm-shifts>div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 13px; background:#ecf5ef; border-radius:8px; color:#53816d; font-size:10px; }
.team-page .tm-shifts b { font-weight:550; }
.team-page .tm-shifts>.tm-break { background:repeating-linear-gradient(135deg,#f8f8fb,#f8f8fb 5px,#f0f1f6 5px,#f0f1f6 6px); color:#7e8495; }
.team-page .tm-day>p { display:flex; align-items:center; gap:6px; margin:17px 0 0; font-size:10px; }
.team-page .tm-day>p .sv-icon { width:13px; height:13px; color:#53816d; }
.team-page .tm-access { margin-top:auto; padding:26px; border-radius:15px; background:#fff; }
.team-page .tm-access-status { display:flex; align-items:center; gap:8px; margin-top:24px; padding:12px 14px; border-radius:8px; background:#ecf7f0; color:#358263; font-size:12px; font-weight:600; }
.team-page .tm-access-status .sv-icon { width:15px; height:15px; }
.team-page .tm-access>p { margin:17px 0 0; font-size:11px; line-height:1.7; }
@media(max-width:760px) {
  .team-page .tm-app-frame { border-radius:12px; }
  .team-page .tm-service-sheet { padding:22px 18px; }
  .team-page .tm-day,.team-page .tm-access { padding:20px 16px; }
  .team-page .tm-colleague ul { margin-left:0; }
}