/* MinhaHub Automotivo — Agenda V2 visual.
   Somente apresentação: preserva horários, múltiplos agendamentos, ações e regras existentes. */
#content.mh-agenda-v2{--mh-agenda-line:#e5eaf1;--mh-agenda-muted:#6b7280;--mh-agenda-soft:#f8fafc;--mh-agenda-card:#fff;--mh-agenda-blue:#1473e6}
#content.mh-agenda-v2 .agenda-page-title{align-items:flex-end;gap:14px;margin-bottom:12px}
#content.mh-agenda-v2 .agenda-page-title h1{font-size:clamp(1.8rem,4vw,2.35rem);letter-spacing:-.03em;margin-bottom:3px}
#content.mh-agenda-v2 .agenda-page-title p{color:var(--mh-agenda-muted);font-size:.98rem;margin:0}
#content.mh-agenda-v2 .agenda-view-switch{background:#eef2f7;border-radius:14px;padding:4px;gap:2px}
#content.mh-agenda-v2 .agenda-view-switch button{border-radius:10px;min-height:38px;padding:7px 14px;font-weight:700}
#content.mh-agenda-v2 .agenda-view-switch button.active{background:#fff;box-shadow:0 1px 5px rgba(15,23,42,.08)}

#content.mh-agenda-v2 .agenda-date-toolbar{display:grid;grid-template-columns:44px minmax(130px,1fr) auto 44px;gap:8px;align-items:center;margin:0 0 11px}
#content.mh-agenda-v2 .agenda-date-toolbar button{min-height:44px;border-radius:13px;margin:0}
#content.mh-agenda-v2 #datePickerBtn{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content.mh-agenda-v2 #today{font-weight:700;padding-inline:14px}

#content.mh-agenda-v2 .day-workers.compact-workers{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0;min-width:0;overflow-x:auto;scrollbar-width:none}
#content.mh-agenda-v2 .day-workers.compact-workers::-webkit-scrollbar{display:none}
#content.mh-agenda-v2 #manageWorkers{flex:0 0 auto;border-radius:12px;min-height:42px;padding:8px 13px;font-weight:800}
#content.mh-agenda-v2 .worker-tags{display:flex;gap:8px;align-items:center;min-width:0}
#content.mh-agenda-v2 .worker-tag{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #dfe5ec;border-radius:12px;background:#fff;color:#111827;font-weight:700;white-space:nowrap}
#content.mh-agenda-v2 .worker-tags .metric-label{white-space:nowrap;padding:0 4px}

#content.mh-agenda-v2 .agenda.desktop-compact-agenda{display:grid;gap:6px;margin-top:0}
#content.mh-agenda-v2 .agenda-slot-row{display:grid!important;grid-template-columns:78px minmax(0,1fr);gap:0;border:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;min-width:0}
#content.mh-agenda-v2 .agenda-slot-row .slot-head{grid-column:1;position:relative;display:flex!important;align-items:center!important;justify-content:center!important;min-height:58px;padding:8px 8px!important;border:1px solid var(--mh-agenda-line)!important;border-radius:13px 0 0 13px!important;background:#fff!important;color:#111827;box-sizing:border-box;min-width:0}
#content.mh-agenda-v2 .agenda-slot-row.has-bookings .slot-head{align-items:flex-start!important;padding-top:17px!important}
#content.mh-agenda-v2 .agenda-slot-row .slot-head::after{content:"";position:absolute;right:-5px;top:50%;width:9px;height:9px;border-radius:50%;background:#cfd7e3;transform:translateY(-50%);z-index:2}
#content.mh-agenda-v2 .agenda-slot-row.has-bookings .slot-head::after{background:var(--accent,#1473e6)}
#content.mh-agenda-v2 .agenda-slot-row .slot-head b{font-size:1rem;line-height:1;font-weight:800;letter-spacing:-.02em}
#content.mh-agenda-v2 .agenda-slot-row .slot-count{display:none!important}
#content.mh-agenda-v2 .agenda-slot-row .slot-time-actions{display:flex;align-items:center;justify-content:center;width:100%}

#content.mh-agenda-v2 .slot-bookings{grid-column:2;display:grid!important;gap:5px;min-width:0;padding-left:5px;position:relative}
#content.mh-agenda-v2 .slot-bookings::before,#content.mh-agenda-v2 .mh-empty-slot-body::before{content:"";position:absolute;left:0;top:-6px;bottom:-6px;width:1px;background:var(--mh-agenda-line)}
#content.mh-agenda-v2 .booking{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important;min-height:58px!important;padding:8px 10px 8px 13px!important;border:1px solid var(--mh-agenda-line)!important;border-radius:0 13px 13px 0!important;background:var(--mh-agenda-card)!important;box-shadow:0 2px 8px rgba(15,23,42,.025)!important}
#content.mh-agenda-v2 .booking-main{min-width:0!important;display:block!important}
#content.mh-agenda-v2 .booking-name-button{display:block!important;width:100%;max-width:100%;padding:0!important;margin:0 0 3px!important;border:0!important;background:transparent!important;text-align:left!important;color:#111827!important;font-size:.98rem!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content.mh-agenda-v2 .booking-meta{display:block!important;min-width:0;max-width:100%;color:var(--mh-agenda-muted)!important;font-size:.79rem!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content.mh-agenda-v2 .booking-status{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:1.2rem!important;font-weight:800!important;background:transparent!important;color:transparent!important}
#content.mh-agenda-v2 .booking-status:empty{display:none!important}
#content.mh-agenda-v2 .booking-status.green{display:grid!important;background:#ecf9ef!important;color:#16a34a!important}
#content.mh-agenda-v2 .booking-status.red{display:grid!important;background:#fff0f0!important;color:#dc2626!important}
#content.mh-agenda-v2 .booking.cancelled{opacity:.48;filter:saturate(.35)}
#content.mh-agenda-v2 .booking.cancelled .booking-name-button{text-decoration:line-through}

#content.mh-agenda-v2 .booking .actions{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
#content.mh-agenda-v2 .booking .actions .mini{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:0!important;background:#fff!important;border:1px solid #dce4ee!important;box-shadow:none!important;color:#111827!important}
#content.mh-agenda-v2 .booking .actions .mini::before{font-size:1rem;line-height:1;font-weight:800}
#content.mh-agenda-v2 .booking .actions [data-edit-booking]::before{content:"✎";color:var(--accent,#1473e6)}
#content.mh-agenda-v2 .booking .actions [data-done]::before{content:"✓";color:#16a34a}
#content.mh-agenda-v2 .booking .actions [data-cancel]::before{content:"×";color:#dc2626;font-size:1.2rem}

#content.mh-agenda-v2 .mh-empty-slot-body{grid-column:2;position:relative;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 8px 18px;border:1px solid var(--mh-agenda-line);border-left:0;border-radius:0 13px 13px 0;background:#fff;min-width:0}
#content.mh-agenda-v2 .mh-empty-slot-label{color:#7b8798;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content.mh-agenda-v2 .empty-slot-action{border:0!important;background:transparent!important;color:var(--accent,#1473e6)!important;font:inherit!important;font-weight:800!important;padding:6px 0!important;white-space:nowrap!important;cursor:pointer}

#content.mh-agenda-v2 .week-grid-expanded{margin-top:12px}

@media(max-width:700px){
  #content.mh-agenda-v2 .agenda-page-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:10px}
  #content.mh-agenda-v2 .agenda-page-title>div:first-child{min-width:0}
  #content.mh-agenda-v2 .agenda-page-title h1{font-size:1.85rem}
  #content.mh-agenda-v2 .agenda-page-title p{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #content.mh-agenda-v2 .agenda-view-switch{align-self:end}
  #content.mh-agenda-v2 .agenda-view-switch button{min-height:36px;padding:6px 10px}
  #content.mh-agenda-v2 .agenda-date-toolbar{grid-template-columns:42px minmax(0,1fr) auto 42px;gap:6px}
  #content.mh-agenda-v2 .agenda-date-toolbar button{min-height:42px;padding-inline:9px}
  #content.mh-agenda-v2 .day-workers.compact-workers{margin-bottom:10px}
  #content.mh-agenda-v2 #manageWorkers,#content.mh-agenda-v2 .worker-tag{min-height:38px;padding:7px 11px;font-size:.86rem}
  #content.mh-agenda-v2 .agenda.desktop-compact-agenda{gap:5px}
  #content.mh-agenda-v2 .agenda-slot-row{grid-template-columns:66px minmax(0,1fr)}
  #content.mh-agenda-v2 .agenda-slot-row .slot-head,#content.mh-agenda-v2 .booking,#content.mh-agenda-v2 .mh-empty-slot-body{min-height:54px!important}
  #content.mh-agenda-v2 .agenda-slot-row.has-bookings .slot-head{padding-top:16px!important}
  #content.mh-agenda-v2 .agenda-slot-row .slot-head b{font-size:.94rem}
  #content.mh-agenda-v2 .booking{grid-template-columns:minmax(0,1fr) auto!important;padding:7px 8px 7px 11px!important;gap:6px!important}
  #content.mh-agenda-v2 .booking-status{width:31px!important;height:31px!important;min-width:31px!important}
  #content.mh-agenda-v2 .booking .actions{grid-column:2;display:grid!important;grid-auto-flow:column;grid-auto-columns:31px;gap:4px!important}
  #content.mh-agenda-v2 .booking .actions .mini{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;border-radius:9px!important}
  #content.mh-agenda-v2 .booking:has(.booking-status.green) .actions,#content.mh-agenda-v2 .booking:has(.booking-status.red) .actions{grid-column:2}
  #content.mh-agenda-v2 .booking:has(.booking-status.green),#content.mh-agenda-v2 .booking:has(.booking-status.red){grid-template-columns:minmax(0,1fr) auto auto!important}
  #content.mh-agenda-v2 .booking-name-button{font-size:.93rem!important}
  #content.mh-agenda-v2 .booking-meta{font-size:.73rem!important}
  #content.mh-agenda-v2 .mh-empty-slot-body{padding:7px 10px 7px 14px}
  #content.mh-agenda-v2 .mh-empty-slot-label{font-size:.78rem}
  #content.mh-agenda-v2 .empty-slot-action{font-size:.83rem!important}
}

@media(max-width:390px){
  #content.mh-agenda-v2 .agenda-page-title{grid-template-columns:1fr}
  #content.mh-agenda-v2 .agenda-view-switch{justify-self:start}
  #content.mh-agenda-v2 .agenda-date-toolbar{grid-template-columns:38px minmax(0,1fr) 58px 38px}
  #content.mh-agenda-v2 .agenda-slot-row{grid-template-columns:60px minmax(0,1fr)}
  #content.mh-agenda-v2 .booking-meta{max-width:100%}
}