/* Dent-iOS Labs · Inicio alineado visualmente con Clinic. */
:root {
  --labs-home-accent: #00a99d;
  --labs-home-accent-dark: #087a66;
  --labs-home-ink: #172235;
  --labs-home-muted: #65758b;
  --labs-home-line: #dbe5e7;
  --labs-home-soft: #e8f7f3;
  --labs-home-bg: #f4f7f9;
}

body.labs-home-mode { background: var(--labs-home-bg); }
body.labs-home-mode #screen-app .main { padding-top: 0 !important; }
body.labs-home-mode #page-dashboard {
  width: min(1120px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 18px 0 72px !important;
  background: var(--labs-home-bg);
}
body.labs-home-mode #page-dashboard > .container { max-width: none; padding: 0; }
body.labs-home-mode #labs-home-legacy { display: none !important; }

#labs-home-center {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0 !important;
  color: var(--labs-home-ink);
}

.labs-clinic-hero { position: relative; min-height: 310px; margin: 0 0 34px; }
.labs-clinic-notion-bar {
  min-height: 48px;
  display: flex;
  align-items: center;
  margin: 0 2px 14px;
  font-size: 13px;
  color: #738398;
}
.labs-clinic-notion-bar div { display: flex; align-items: center; gap: 12px; }
.labs-clinic-notion-bar i { font-style: normal; color: #a5b1bf; }
.labs-clinic-notion-bar strong { color: #284157; }
.labs-clinic-cover {
  height: 185px;
  margin-top: 0;
  border-radius: 26px;
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,.9), transparent 36%),
    linear-gradient(120deg, #d8f2eb 0%, #e9f8f4 45%, #fbfdfd 100%);
}
.labs-clinic-identity {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: -53px 0 0 34px;
  position: relative;
  z-index: 1;
}
.labs-clinic-identity > span {
  width: 104px;
  height: 104px;
  flex: 0 0 104px;
  display: grid;
  place-items: center;
  border: 14px solid #fff;
  border-radius: 28px;
  background: #effaf7;
  box-shadow: 0 18px 42px rgba(18, 84, 71, .13);
}
.labs-clinic-identity img { width: 66px; height: 66px; object-fit: contain; }
.labs-clinic-identity small,
.labs-clinic-hero > p + span { color: var(--labs-home-accent-dark); }
.labs-clinic-identity small {
  display: block;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .12em;
}
.labs-clinic-identity h1 {
  margin: 8px 0 0;
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -.035em;
  color: #111827;
}
.labs-clinic-hero > p {
  max-width: 850px;
  margin: 34px 34px 0;
  font-size: 16px;
  line-height: 1.65;
  color: #334155;
}

.labs-clinic-tabs {
  width: max-content;
  max-width: 100%;
  display: flex;
  gap: 3px;
  margin: 0 0 28px;
  padding: 5px;
  overflow-x: auto;
  border-radius: 13px;
  background: #eaf0f3;
}
.labs-clinic-tabs button {
  min-width: max-content;
  padding: 10px 17px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #627087;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}
.labs-clinic-tabs button.active,
.labs-clinic-tabs button:hover { background: #fff; color: var(--labs-home-accent-dark); box-shadow: 0 3px 10px rgba(34, 56, 69, .08); }

.labs-clinic-create,
.labs-delivery-calendar,
.labs-clinic-card {
  border: 1px solid var(--labs-home-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(24, 48, 64, .045);
}
.labs-clinic-create {
  display: grid;
  grid-template-columns: minmax(230px, .8fr) minmax(560px, 1.7fr);
  align-items: center;
  gap: 30px;
  padding: 22px 26px;
  scroll-margin-top: 24px;
}
.labs-clinic-create > div:first-child span,
.labs-delivery-head span,
.labs-clinic-card header span {
  display: block;
  margin-bottom: 6px;
  color: var(--labs-home-accent-dark);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .09em;
}
.labs-clinic-create h2,
.labs-delivery-head h2,
.labs-clinic-card h3 { margin: 0; letter-spacing: -.02em; color: #18212f; }
.labs-clinic-create h2 { font-size: 18px; }
.labs-clinic-create > div:last-child { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.labs-clinic-create button {
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 16px;
  border: 1px solid #d8e2e5;
  border-radius: 13px;
  background: #f8fafb;
  color: #172235;
  text-align: left;
  cursor: pointer;
}
.labs-clinic-create button:hover { border-color: #afdcd2; background: #f2fbf8; }
.labs-clinic-create button.primary { border-color: var(--labs-home-accent); background: var(--labs-home-accent); color: #fff; }
.labs-clinic-create button svg { width: 23px; height: 23px; flex: 0 0 auto; }
.labs-clinic-create button span { display: flex; flex-direction: column; gap: 3px; }
.labs-clinic-create button strong { font-size: 14px; }
.labs-clinic-create button small { color: #66758a; font-size: 11px; }
.labs-clinic-create button.primary small { color: rgba(255,255,255,.82); }

.labs-delivery-calendar { margin-top: 22px; padding: 25px 26px 0; scroll-margin-top: 24px; overflow: hidden; }
.labs-delivery-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.labs-delivery-head h2 { font-size: 24px; }
.labs-delivery-head small { display: block; margin-top: 5px; color: var(--labs-home-muted); font-size: 12px; text-transform: capitalize; }
.labs-delivery-controls { display: flex; align-items: center; gap: 7px; }
.labs-delivery-controls button,
.labs-delivery-controls label {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8e2e5;
  border-radius: 10px;
  background: #fff;
  color: #31465a;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
}
.labs-delivery-controls button { width: 38px; cursor: pointer; }
.labs-delivery-controls button.today { width: auto; padding: 0 14px; color: var(--labs-home-accent-dark); }
.labs-delivery-controls label { gap: 7px; padding: 0 9px 0 12px; }
.labs-delivery-controls input { width: 112px; border: 0; outline: 0; color: #30445a; font: inherit; font-size: 12px; background: transparent; }
.labs-delivery-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(100px, 1fr));
  gap: 8px;
  margin-top: 22px;
}
.labs-delivery-day {
  min-height: 98px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 13px 14px;
  border: 1px solid #e0e8ea;
  border-radius: 14px;
  background: #fbfcfd;
  color: #334155;
  text-align: left;
  cursor: pointer;
}
.labs-delivery-day:hover { border-color: #9bd7cb; }
.labs-delivery-day small { font-size: 11px; font-weight: 800; text-transform: uppercase; color: #758398; }
.labs-delivery-day strong { font-size: 25px; line-height: 1.15; }
.labs-delivery-day span { margin-top: auto; font-size: 11px; color: #758398; }
.labs-delivery-day.is-today { box-shadow: inset 0 0 0 1px #9cded2; }
.labs-delivery-day.is-selected { border-color: var(--labs-home-accent); background: var(--labs-home-soft); color: var(--labs-home-accent-dark); }
.labs-delivery-day.is-selected small,
.labs-delivery-day.is-selected span { color: var(--labs-home-accent-dark); }
.labs-delivery-status {
  margin: 22px -26px 0;
  padding: 12px 26px;
  border-top: 1px solid var(--labs-home-line);
  border-bottom: 1px solid var(--labs-home-line);
  background: #f7faf9;
  color: #506274;
  font-size: 12px;
  font-weight: 750;
  text-transform: capitalize;
}
.labs-delivery-list { margin: 0 -26px; }
.labs-delivery-list > button {
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 16px;
  padding: 12px 26px;
  border: 0;
  border-bottom: 1px solid #e5ebed;
  background: #fff;
  color: #26384c;
  text-align: left;
  cursor: pointer;
}
.labs-delivery-list > button:last-child { border-bottom: 0; }
.labs-delivery-list > button:hover { background: #f6fbfa; }
.labs-delivery-list time { color: var(--labs-home-accent-dark); font-size: 12px; font-weight: 800; }
.labs-delivery-list button > span { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.labs-delivery-list strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.labs-delivery-list small { overflow: hidden; color: var(--labs-home-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.labs-delivery-list em {
  min-width: 86px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #e9f4fa;
  color: #3f637c;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-align: center;
}
.labs-delivery-list em.is-late { background: #feebea; color: #bc3b34; }
.labs-delivery-list b { color: #8da0ad; font-size: 19px; }
.labs-delivery-empty { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 28px; color: var(--labs-home-muted); }
.labs-delivery-empty strong { color: #3b4c5d; font-size: 13px; }
.labs-delivery-empty span { font-size: 12px; }

.labs-clinic-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.labs-clinic-metric {
  min-width: 0;
  min-height: 112px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--labs-home-line);
  border-radius: 16px;
  background: #fff;
  color: var(--labs-home-ink);
  text-align: left;
  box-shadow: 0 7px 20px rgba(24, 48, 64, .035);
  cursor: pointer;
}
.labs-clinic-metric:hover { transform: translateY(-1px); border-color: #a8dacf; }
.labs-clinic-metric > i {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--labs-home-soft);
  color: var(--labs-home-accent);
}
.labs-clinic-metric > i svg { width: 22px; height: 22px; }
.labs-clinic-metric > span { min-width: 0; display: flex; flex-direction: column; }
.labs-clinic-metric small { color: #67768a; font-size: 10px; font-weight: 750; }
.labs-clinic-metric strong { margin: 2px 0; overflow: hidden; color: #172235; font-size: 21px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.labs-clinic-metric em { overflow: hidden; color: #7a8798; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.labs-clinic-metric.is-danger > i { background: #fff0ee; color: #d0473f; }
.labs-clinic-metric.is-today > i { background: #fff6db; color: #bf7a00; }
.labs-clinic-metric.is-money strong { color: var(--labs-home-accent-dark); }

.labs-clinic-grid { display: grid; grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.45fr); gap: 18px; margin-top: 22px; }
.labs-clinic-card { overflow: hidden; scroll-margin-top: 24px; }
.labs-clinic-card header {
  min-height: 73px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 20px;
  border-bottom: 1px solid var(--labs-home-line);
}
.labs-clinic-card h3 { font-size: 17px; }
.labs-clinic-card header > b {
  min-width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fdecea;
  color: #c5443c;
  font-size: 12px;
}
.labs-clinic-card header > small { color: var(--labs-home-muted); font-size: 11px; }
.labs-clinic-attention > div > button {
  width: 100%;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border: 0;
  border-bottom: 1px solid #e8edef;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.labs-clinic-attention > div > button:last-child { border-bottom: 0; }
.labs-clinic-attention button > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #fff2cf; color: #ae7100; font-style: normal; font-weight: 900; }
.labs-clinic-attention button > span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.labs-clinic-attention button strong { font-size: 12px; }
.labs-clinic-attention button small { color: var(--labs-home-muted); font-size: 10px; }
.labs-clinic-attention button em { color: var(--labs-home-accent-dark); font-size: 10px; font-style: normal; font-weight: 850; }
.labs-clinic-flow > div { min-height: 133px; display: flex; align-items: center; justify-content: space-around; gap: 8px; padding: 20px; }
.labs-clinic-flow > div > button { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 5px; border: 0; background: transparent; cursor: pointer; }
.labs-clinic-flow button i { width: 48px; height: 48px; display: grid; place-items: center; border: 6px solid #dff2ed; border-radius: 50%; background: var(--labs-home-accent); color: #fff; }
.labs-clinic-flow button svg { width: 20px; height: 20px; }
.labs-clinic-flow button small { color: #66758a; font-size: 10px; font-weight: 750; }
.labs-clinic-flow button strong { font-size: 20px; }
.labs-clinic-flow > div > b { color: #b5c3c7; font-size: 18px; }
.labs-clinic-activity { margin-top: 22px; }
.labs-clinic-activity header > button { border: 0; background: transparent; color: var(--labs-home-accent-dark); font: inherit; font-size: 11px; font-weight: 850; cursor: pointer; }
.labs-clinic-activity > div > button {
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 13px 20px;
  border: 0;
  border-bottom: 1px solid #e8edef;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.labs-clinic-activity > div > button:last-child { border-bottom: 0; }
.labs-clinic-activity > div > button:hover { background: #f7fbfa; }
.labs-clinic-activity > div i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: var(--labs-home-soft); color: var(--labs-home-accent); }
.labs-clinic-activity svg { width: 19px; height: 19px; }
.labs-clinic-activity > div span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.labs-clinic-activity > div strong,
.labs-clinic-activity > div small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.labs-clinic-activity > div strong { font-size: 12px; }
.labs-clinic-activity > div small,
.labs-clinic-activity time { color: var(--labs-home-muted); font-size: 10px; }
.labs-clinic-empty { padding: 28px 20px; color: var(--labs-home-muted); font-size: 12px; text-align: center; }

@media (min-width: 769px) {
  body.labs-home-mode .topbar { display: none !important; }
  body.labs-home-mode #screen-app .main { padding-top: 0 !important; }
}

@media (max-width: 1180px) {
  body.labs-home-mode #page-dashboard { width: calc(100% - 48px) !important; }
  #labs-home-center { width: 100%; }
  .labs-clinic-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .labs-clinic-create { grid-template-columns: 1fr; }
  .labs-clinic-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  body.labs-home-mode #page-dashboard { width: 100% !important; padding: 14px 12px 90px !important; }
  #labs-home-center { width: 100%; padding: 0; }
  .labs-clinic-notion-bar { display: none; }
  .labs-clinic-cover { height: 142px; margin-top: 0; border-radius: 20px; }
  .labs-clinic-identity { gap: 15px; margin: -47px 0 0 18px; }
  .labs-clinic-identity > span { width: 88px; height: 88px; flex-basis: 88px; border-width: 10px; border-radius: 25px; }
  .labs-clinic-identity img { width: 54px; height: 54px; }
  .labs-clinic-identity small { font-size: 10px; }
  .labs-clinic-identity h1 { font-size: 31px; }
  .labs-clinic-hero > p { margin: 24px 8px 0; font-size: 14px; }
  .labs-clinic-tabs { width: 100%; margin-bottom: 18px; }
  .labs-clinic-create { padding: 18px; gap: 17px; }
  .labs-clinic-create > div:last-child { grid-template-columns: 1fr; }
  .labs-delivery-calendar { padding: 20px 16px 0; }
  .labs-delivery-head { flex-direction: column; }
  .labs-delivery-controls { width: 100%; flex-wrap: wrap; }
  .labs-delivery-controls label { margin-left: auto; }
  .labs-delivery-days { grid-template-columns: repeat(7, minmax(74px, 1fr)); overflow-x: auto; padding-bottom: 6px; }
  .labs-delivery-day { min-height: 86px; padding: 10px; }
  .labs-delivery-status { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
  .labs-delivery-list { margin-left: -16px; margin-right: -16px; }
  .labs-delivery-list > button { grid-template-columns: 74px minmax(0, 1fr) 14px; gap: 10px; padding: 12px 16px; }
  .labs-delivery-list em { grid-column: 2; justify-self: start; }
  .labs-delivery-list b { grid-column: 3; grid-row: 1 / span 2; }
  .labs-clinic-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .labs-clinic-metric { min-height: 96px; padding: 12px; }
  .labs-clinic-metric > i { width: 36px; height: 36px; flex-basis: 36px; }
  .labs-clinic-metric strong { font-size: 18px; }
  .labs-clinic-flow > div { overflow-x: auto; justify-content: flex-start; }
  .labs-clinic-flow > div > button { min-width: 92px; }
  .labs-clinic-activity > div > button { grid-template-columns: 38px minmax(0, 1fr); }
  .labs-clinic-activity time { grid-column: 2; }
}

@media (max-width: 460px) {
  .labs-clinic-metrics { grid-template-columns: 1fr; }
  .labs-clinic-identity h1 { font-size: 27px; }
  .labs-delivery-controls label { width: 100%; margin: 0; justify-content: space-between; }
}

/* Hero adaptable: se convierte en encabezado fijo al desplazarse. */
#labs-adaptive-header{position:fixed;top:0;right:0;left:var(--labs-adaptive-left,0px);z-index:840;height:var(--family-header,104px);border-bottom:1px solid #e7ecea;background:var(--labs-home-bg,#f4f7f9);box-shadow:none;opacity:0;transform:translateY(-110%);transition:transform .24s ease,opacity .18s ease,left .2s ease;pointer-events:none}
#labs-adaptive-header.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
#labs-adaptive-header .labs-adaptive-inner{width:min(1120px,calc(100% - 64px));height:100%;display:flex;align-items:center;gap:14px;margin:0 auto}
#labs-adaptive-header .labs-adaptive-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:#effaf7}
#labs-adaptive-header .labs-adaptive-icon img{display:block;width:36px;height:36px;object-fit:contain}
#labs-adaptive-header .labs-adaptive-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
#labs-adaptive-header .labs-adaptive-breadcrumb{display:flex;align-items:center;gap:8px;color:#738398;font-size:10.5px;line-height:1}
#labs-adaptive-header .labs-adaptive-breadcrumb i{color:#a5b1bf;font-style:normal}
#labs-adaptive-header .labs-adaptive-breadcrumb b{color:#087a66}
#labs-adaptive-header .labs-adaptive-title{overflow:hidden;color:#111827;font:800 21px/1.12 Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:768px){#labs-adaptive-header{display:none!important}}


/* Labs · buscador de pacientes y Crear gestión unificados */
.labs-patient-finder{
  position:relative;
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(520px,1.7fr);
  align-items:center;
  gap:30px;
  padding:20px 26px;
  border:1px solid var(--labs-home-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(24,48,64,.045);
}
.labs-patient-finder>div:first-child{display:flex;flex-direction:column;gap:4px}
.labs-patient-finder>div:first-child>span{color:var(--labs-home-accent-dark);font-size:11px;font-weight:850;letter-spacing:.09em}
.labs-patient-finder h2{margin:0;color:#18212f;font-size:18px;letter-spacing:-.02em}
.labs-patient-finder>div:first-child>small{color:#66758a;font-size:11px}
.labs-patient-search-wrap{position:relative}
.labs-patient-search-wrap>input{
  width:100%;
  height:52px;
  padding:0 46px 0 48px;
  border:1px solid #cfdae0;
  border-radius:13px;
  outline:none;
  background:#fff;
  color:#172235;
  font:600 14px/1 Roboto,sans-serif;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.labs-patient-search-wrap>input:focus{border-color:var(--labs-home-accent);box-shadow:0 0 0 3px rgba(0,168,150,.12)}
.labs-patient-search-icon{position:absolute;left:16px;top:50%;z-index:2;display:grid;width:20px;height:20px;color:var(--labs-home-accent-dark);transform:translateY(-50%)}
.labs-patient-search-icon svg{width:20px;height:20px}
.labs-patient-search-clear{position:absolute;right:10px;top:50%;z-index:2;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#738398;font-size:20px;cursor:pointer;transform:translateY(-50%)}
.labs-patient-results{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  left:0;
  z-index:980;
  display:none;
  padding:8px;
  border:1px solid #d8e2e5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 42px rgba(25,48,63,.16);
}
.labs-patient-results.open{display:block}
.labs-patient-result{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:100%;
  padding:10px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#172235;
  text-align:left;
  cursor:pointer;
}
.labs-patient-result:hover{background:#eff9f6}
.labs-patient-result>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e5f7f2;color:var(--labs-home-accent-dark)}
.labs-patient-result svg{width:20px;height:20px}
.labs-patient-result>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.labs-patient-result strong{font-size:13px}.labs-patient-result small{overflow:hidden;color:#6c7a8b;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.labs-patient-result b{color:var(--labs-home-accent-dark);font-size:11px;white-space:nowrap}
.labs-patient-empty{display:flex;flex-direction:column;gap:4px;padding:16px;color:#526274}.labs-patient-empty strong{font-size:13px}.labs-patient-empty small{font-size:11px}

.labs-create-slot{display:flex!important;justify-content:flex-end!important}
.labs-create-wrap{position:relative;display:inline-flex}
.labs-clinic-create .labs-create-button,
#labs-adaptive-header .labs-create-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:158px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border:1px solid var(--labs-home-accent)!important;
  border-radius:12px!important;
  background:var(--labs-home-accent)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,137,123,.16)!important;
  font:800 13px/1 Roboto,sans-serif!important;
  cursor:pointer;
}
.labs-create-button svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.labs-create-button b{font-size:14px;font-weight:800}
.labs-create-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:1125;
  display:none;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:390px;
  padding:18px;
  border:1px solid #d8e2e5;
  border-radius:17px;
  background:#fff;
  box-shadow:0 22px 52px rgba(25,48,63,.18);
}
.labs-create-menu.open{display:grid}
.labs-create-menu header{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;margin-bottom:4px;padding:0 2px 10px;border-bottom:1px solid #e5ebee}
.labs-create-menu header span{color:var(--labs-home-accent-dark);font-size:11px;font-weight:850;letter-spacing:.09em}
.labs-create-menu header strong{color:#172235;font-size:13px}
.labs-clinic-create .labs-create-menu button,
#labs-adaptive-header .labs-create-menu button{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:64px!important;
  padding:10px!important;
  border:0!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#172235!important;
  box-shadow:none!important;
  text-align:left!important;
}
.labs-create-menu button:hover{background:#eff9f6!important}
.labs-create-menu button.primary{background:#e5f7f2!important}
.labs-create-menu button>svg{width:22px!important;height:22px!important;color:var(--labs-home-accent-dark)}
.labs-create-menu button>span{display:flex;min-width:0;flex-direction:column;gap:3px}
.labs-create-menu button strong{font-size:12.5px}.labs-create-menu button small{color:#728093!important;font-size:10.5px!important}
#labs-adaptive-header .labs-adaptive-actions{display:flex;align-items:center;margin-left:auto}
#labs-adaptive-header .labs-create-menu{top:calc(100% + 12px)}
@media(max-width:980px) and (min-width:769px){
  .labs-patient-finder{grid-template-columns:1fr;gap:14px}
}
@media(max-width:768px){
  .labs-patient-finder{grid-template-columns:1fr;gap:12px;padding:16px;border-radius:16px}
  .labs-clinic-create{grid-template-columns:1fr!important}
  .labs-create-slot{justify-content:stretch!important}
  .labs-create-wrap,.labs-create-button{width:100%}
  .labs-create-menu{right:auto;left:0;width:min(390px,calc(100vw - 48px))}
}


/* v2 · Acciones visibles en la tarjeta y control compacto solo en el encabezado */
@media (min-width:769px){
  #sb-pill-toggle{z-index:1201!important}
}
.labs-clinic-create .labs-create-slot{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  justify-content:stretch!important;
}
.labs-clinic-create .labs-create-slot>.labs-create-wrap{display:none!important}
#labs-adaptive-header .labs-create-wrap{display:inline-flex!important}
@media(max-width:980px){
  .labs-clinic-create .labs-create-slot{grid-template-columns:1fr!important}
}


/* v3 · Ritmo vertical equivalente a Clinic */
.labs-patient-finder{margin-bottom:22px!important}


/* Inicio de Labs: Halo fijo con breadcrumb sobre el icono. */
@media(min-width:769px){
  body.labs-home-mode #page-dashboard{padding-top:172px!important}
  #labs-adaptive-header{
    height:148px;
    background:linear-gradient(105deg,#dff4ed,#f3faf7 67%,#fff);
    transition:left .2s ease;
  }
  #labs-adaptive-header.is-visible{transform:none}
  #labs-adaptive-header .labs-adaptive-inner{
    position:relative;align-items:end;box-sizing:border-box;padding:20px 0 18px;
  }
  #labs-adaptive-header .labs-adaptive-breadcrumb{
    position:absolute;top:20px;left:0;font-size:12px;
  }
  #labs-adaptive-header .labs-adaptive-icon{
    width:62px;height:62px;flex-basis:62px;border:7px solid #fff;border-radius:18px;
  }
  #labs-adaptive-header .labs-adaptive-copy{padding-bottom:8px}
  #labs-adaptive-header .labs-adaptive-title{font-size:25px}
  #labs-adaptive-header .labs-adaptive-actions{align-self:end;margin-bottom:8px}
  .labs-clinic-hero{min-height:0;margin:0 0 20px}
  .labs-clinic-notion-bar,.labs-clinic-cover,.labs-clinic-identity{display:none}
  .labs-clinic-hero>p{margin:0;max-width:none}
}


/* Restaurar la cubierta corta de Labs dentro del encabezado fijo. */
@media(min-width:769px){
  body.labs-home-mode #page-dashboard{padding-top:222px!important}
  #labs-adaptive-header,#labs-adaptive-header.is-visible{
    height:198px;border:0;background:var(--labs-home-bg,#f4f7f9);box-shadow:none;
  }
  #labs-adaptive-header .labs-adaptive-inner{
    width:min(1400px,calc(100% - 64px));height:100%;position:relative;display:block;padding:0;
  }
  #labs-adaptive-header .labs-adaptive-inner::before{
    content:"";position:absolute;top:16px;left:0;right:0;height:116px;
    border-radius:24px;
    background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.9),transparent 36%),linear-gradient(120deg,#d8f2eb,#e9f8f4 45%,#fbfdfd);
  }
  #labs-adaptive-header .labs-adaptive-breadcrumb{
    position:absolute;top:31px;left:32px;z-index:1;font-size:12px;line-height:1.3;
  }
  #labs-adaptive-header .labs-adaptive-icon{
    position:absolute;top:76px;left:34px;z-index:2;
    width:100px;height:100px;box-sizing:border-box;
    border:12px solid #fff;border-radius:27px;background:#effaf7;
    box-shadow:0 18px 42px rgba(18,84,71,.13);
  }
  #labs-adaptive-header .labs-adaptive-icon img{width:60px;height:60px}
  #labs-adaptive-header .labs-adaptive-copy{
    position:absolute;top:80px;left:158px;z-index:1;
    display:flex;flex-direction:column;gap:5px;
    width:calc(100% - 390px);min-width:0;padding:0;
  }
  #labs-adaptive-header .labs-adaptive-eyebrow{
    color:#087a66;font:800 13px/1.2 Roboto,sans-serif;letter-spacing:.08em;
  }
  #labs-adaptive-header .labs-adaptive-title{
    color:#111827;font:800 clamp(22px,2.3vw,34px)/1.08 Montserrat,sans-serif;
  }
  #labs-adaptive-header .labs-adaptive-actions{
    position:absolute;top:73px;right:26px;z-index:2;
    display:flex;align-items:center;margin:0;
  }
  body.labs-home-mode table thead th{top:210px!important}
}
@media(min-width:769px) and (max-width:1120px){
  #labs-adaptive-header .labs-adaptive-icon{left:18px;width:86px;height:86px;border-width:10px}
  #labs-adaptive-header .labs-adaptive-copy{left:124px;width:calc(100% - 310px)}
  #labs-adaptive-header .labs-adaptive-title{font-size:22px}
  #labs-adaptive-header .labs-adaptive-actions{right:16px}
}

@media(min-width:769px){.labs-clinic-hero{display:none!important}}