/* Vida & Saúde | Painel do Fitoterapeuta | V177
   Reconstrução visual das áreas Clientes e Agenda conforme a referência aprovada.
   Mantém os atributos funcionais e a persistência real existentes. */

body.professional-areas-v177 .v177-area-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  margin:2px 0 16px!important;padding:2px 2px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.professional-areas-v177 .v177-area-heading{min-width:0}
body.professional-areas-v177 .v177-area-heading h2{
  margin:0!important;color:#143f3c!important;font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;line-height:1.05!important;font-weight:500!important;letter-spacing:-.025em!important;
}
body.professional-areas-v177 .v177-area-heading p{margin:5px 0 0!important;color:#62716c!important;font-size:12.5px!important;line-height:1.35!important}
body.professional-areas-v177 .v177-area-actions{display:flex!important;align-items:center!important;gap:9px!important}
body.professional-areas-v177 .btn-gold,
body.professional-areas-v177 .v177-primary-gold{
  min-height:39px!important;padding:0 16px!important;border:1px solid #b9862e!important;border-radius:10px!important;
  color:#fffaf0!important;background:linear-gradient(180deg,#d8ad5b 0%,#b98227 100%)!important;
  box-shadow:0 8px 16px rgba(152,104,28,.17),inset 0 1px rgba(255,255,255,.32)!important;
  font-weight:700!important;font-size:11.5px!important;transition:transform .18s ease,box-shadow .18s ease!important;
}
body.professional-areas-v177 .btn-gold:hover,
body.professional-areas-v177 .v177-primary-gold:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(152,104,28,.23),0 0 0 3px rgba(189,140,53,.10)!important}
body.professional-areas-v177 .v177-today-button{min-width:68px!important}
body.professional-areas-v177 .v177-icon-button{
  width:34px;height:34px;padding:0;border:1px solid #ded2bd;border-radius:9px;background:#fffdf9;color:#31564d;
  display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;transition:.18s ease;
}
body.professional-areas-v177 .v177-icon-button:hover{border-color:#c49540;background:#fff8e9;box-shadow:0 0 0 3px rgba(189,140,53,.09)}
body.professional-areas-v177 .v177-text-button{border:0;background:none;color:#7b6a50;font-size:10px;font-weight:700;cursor:pointer;padding:4px 0}
body.professional-areas-v177 .v177-text-button:hover{color:#9f7125}

/* AGENDA */
body.professional-areas-v177 #professional-agenda{width:min(100%,1180px)!important}
body.professional-areas-v177 #professional-agenda .v177-agenda-layout{
  display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;
}
body.professional-areas-v177 #professional-agenda .v177-agenda-sidebar{display:grid!important;gap:12px!important;min-width:0!important}
body.professional-areas-v177 #professional-agenda .professional-panel{border-color:#e4d8c5!important;background:#fffdf9!important;box-shadow:0 8px 24px rgba(67,53,33,.055)!important}
body.professional-areas-v177 .v177-calendar-card{padding:15px 15px 14px!important;border-radius:14px!important}
body.professional-areas-v177 .v177-calendar-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:12px}
body.professional-areas-v177 .v177-calendar-head strong{text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:500;color:#25493f;text-transform:capitalize}
body.professional-areas-v177 .v177-calendar-weekdays,.v177-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
body.professional-areas-v177 .v177-calendar-weekdays{margin-bottom:5px}
body.professional-areas-v177 .v177-calendar-weekdays span{font-size:9px;font-weight:800;color:#8a908b;text-align:center;padding:3px 0}
body.professional-areas-v177 .v177-calendar-grid button,
body.professional-areas-v177 .v177-calendar-grid span.v177-calendar-empty{
  min-width:0;height:31px;border-radius:8px;border:1px solid transparent;background:transparent;color:#3e5550;font-size:10px;display:grid;place-items:center;
}
body.professional-areas-v177 .v177-calendar-grid button{cursor:pointer;position:relative;transition:.15s ease}
body.professional-areas-v177 .v177-calendar-grid button:hover{background:#f4efe5;border-color:#e3d5bb}
body.professional-areas-v177 .v177-calendar-grid button.is-today{border-color:#b99049;color:#8b6324;font-weight:800}
body.professional-areas-v177 .v177-calendar-grid button.is-selected{background:#1b5b4a!important;color:#fff!important;border-color:#164f40!important;box-shadow:0 5px 12px rgba(16,73,58,.20)!important;font-weight:800}
body.professional-areas-v177 .v177-calendar-grid button.has-appointment::after{content:"";position:absolute;left:50%;bottom:3px;width:3px;height:3px;border-radius:50%;background:#c79538;transform:translateX(-50%)}
body.professional-areas-v177 .v177-calendar-grid button.is-selected::after{background:#f7dda6}

body.professional-areas-v177 .v177-agenda-filters{padding:14px!important;border-radius:14px!important;display:grid!important;gap:10px!important}
body.professional-areas-v177 .v177-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.professional-areas-v177 .v177-panel-title-row h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:15px;color:#274b41}
body.professional-areas-v177 .v177-agenda-filters label{display:grid;gap:5px;color:#69746f;font-size:9.5px;font-weight:700}
body.professional-areas-v177 .v177-agenda-filters select{height:37px!important;padding:0 10px!important;font-size:10.5px!important;background:#fffdf9!important}
body.professional-areas-v177 .v177-filter-result{margin:0;padding-top:3px;color:#8b8f8b;font-size:9.5px;line-height:1.35}
body.professional-areas-v177 .v177-free-slots{padding:13px 14px!important;border-radius:14px!important}
body.professional-areas-v177 .v177-free-slots .professional-agenda-slot-list{display:grid!important;gap:6px!important;margin:10px 0 0!important;padding:0!important;list-style:none!important}
body.professional-areas-v177 .v177-free-slots .professional-agenda-slot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 9px!important;border-radius:8px!important;background:#f6f4ec!important;border:1px solid #e8dfd0!important;font-size:9.5px!important}
body.professional-areas-v177 .v177-free-slots .professional-agenda-slot time{font-weight:800;color:#2d5448}
body.professional-areas-v177 .v177-empty-note{margin-top:9px;color:#8a8f8b;font-size:9.5px;line-height:1.4}

body.professional-areas-v177 .v177-agenda-day{padding:0!important;overflow:hidden!important;border-radius:15px!important;min-height:612px!important}
body.professional-areas-v177 .v177-agenda-day-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
  padding:19px 20px 16px!important;border-bottom:1px solid #e9dfd1!important;background:linear-gradient(180deg,#fffdf9,#fdf9f2)!important;
}
body.professional-areas-v177 .v177-day-kicker{display:block;margin-bottom:4px;color:#a27b3c;font-size:9px;font-weight:800;letter-spacing:.09em}
body.professional-areas-v177 .v177-agenda-day-head h3{margin:0!important;color:#21483e!important;font-family:Georgia,"Times New Roman",serif!important;font-size:20px!important;font-weight:500!important;line-height:1.2!important}
body.professional-areas-v177 .v177-agenda-day-head p{margin:5px 0 0!important;color:#78827e!important;font-size:10px!important}
body.professional-areas-v177 .v177-day-navigation{display:flex;gap:6px}
body.professional-areas-v177 .v177-agenda-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px 10px;color:#6d7772;font-size:10px;font-weight:700}
body.professional-areas-v177 .v177-agenda-status-row .status{font-size:9px!important;padding:5px 8px!important;border-radius:999px!important}
body.professional-areas-v177 .v177-agenda-list{padding:0 14px 16px!important;display:grid!important;gap:7px!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item{
  display:grid!important;grid-template-columns:7px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  min-height:69px!important;padding:9px 10px 9px 8px!important;margin:0!important;border:1px solid #e8ded0!important;border-radius:11px!important;
  background:#fffdf9!important;box-shadow:none!important;transition:.16s ease!important;position:relative!important;
}
body.professional-areas-v177 #professional-agenda .professional-agenda-item:hover{border-color:#cfb681!important;background:#fffaf1!important;transform:translateY(-1px)!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-dot{width:3px!important;height:38px!important;border-radius:999px!important;background:#6e9e75!important;box-shadow:none!important;align-self:center!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item.is-next .professional-agenda-item-dot{background:#c89335!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-content{min-width:0!important;display:grid!important;grid-template-columns:70px minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-time{grid-column:1!important;grid-row:1 / span 3!important;color:#2a4942!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-title{grid-column:2!important;margin:0!important;display:flex!important;align-items:center!important;gap:6px!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-title strong{font-size:11px!important;color:#2c413d!important;font-weight:700!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-next-badge{font-size:8px!important;font-style:normal!important;color:#95691f!important;background:#fff1d2!important;padding:2px 5px!important;border-radius:999px!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-content>p{grid-column:2!important;margin:2px 0 0!important;font-size:9px!important;color:#7c8480!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-meta{grid-column:3!important;grid-row:1 / span 3!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-meta .status:first-child{display:none!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item-meta .status{font-size:8.5px!important;padding:4px 7px!important;border-radius:999px!important;white-space:nowrap!important}
body.professional-areas-v177 #professional-agenda .professional-agenda-item>.v159-home-text-link{border:0!important;background:transparent!important;color:#8e733f!important;font-size:9px!important;font-weight:700!important;padding:6px!important;white-space:nowrap!important}
body.professional-areas-v177 .v177-agenda-empty{margin:0 14px 16px!important;padding:22px!important;border:1px dashed #dfd1ba!important;border-radius:12px!important;background:#fbf8f2!important;text-align:center!important}
body.professional-areas-v177 .v177-agenda-empty strong{display:block;color:#36544c;font-size:12px;margin-bottom:4px}
body.professional-areas-v177 .v177-agenda-empty p{margin:0 0 12px;color:#7b8580;font-size:10px}

/* CLIENTES */
body.professional-areas-v177 #professional-clients{width:min(100%,1180px)!important;position:relative!important}
body.professional-areas-v177 .v177-clients-toolbar{
  padding:12px 13px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-radius:13px!important;
}
body.professional-areas-v177 .v177-clients-search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:240px;max-width:560px}
body.professional-areas-v177 .v177-search-field{height:40px;flex:1;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #ded4c4;border-radius:10px;background:#fffdf9}
body.professional-areas-v177 .v177-search-field svg{width:16px;height:16px;stroke:#6d7a75;fill:none;stroke-width:1.8;flex:0 0 auto}
body.professional-areas-v177 .v177-search-field input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;width:100%!important;padding:0!important;height:auto!important;font-size:11px!important}
body.professional-areas-v177 .v177-clients-filters{display:flex;align-items:center;gap:9px}
body.professional-areas-v177 .v177-clients-filters>label{display:flex;align-items:center;gap:6px;color:#747d78;font-size:9.5px;font-weight:700}
body.professional-areas-v177 .v177-clients-filters select{height:36px!important;min-width:145px!important;padding:0 9px!important;font-size:10px!important}
body.professional-areas-v177 .v177-more-filters{position:relative!important;margin:0!important;border:0!important;padding:0!important;background:transparent!important}
body.professional-areas-v177 .v177-more-filters>summary{list-style:none;cursor:pointer;min-height:36px;padding:0 10px;border:1px solid #ddd1bd;border-radius:9px;display:flex;align-items:center;color:#536761;font-size:10px;font-weight:700;background:#fffdf9}
body.professional-areas-v177 .v177-more-filters>summary::-webkit-details-marker{display:none}
body.professional-areas-v177 .v177-more-filters[open]{z-index:20}
body.professional-areas-v177 .v177-more-filters[open]>.clients26-filter-grid{
  position:absolute;right:0;top:43px;width:430px;padding:12px;border:1px solid #dfd3c0;border-radius:12px;background:#fffdf9;box-shadow:0 16px 34px rgba(56,43,27,.13);display:grid!important;grid-template-columns:1fr 1fr;gap:9px;z-index:30
}
body.professional-areas-v177 .v177-more-filters .clients26-filter-grid label{display:grid;gap:4px;color:#6d7772;font-size:9.5px;font-weight:700}
body.professional-areas-v177 .v177-more-filters .clients26-clear-filters{position:absolute;right:12px;top:155px;z-index:31;min-height:32px!important}

body.professional-areas-v177 .v177-clients-table{padding:0!important;overflow:hidden!important;border-radius:14px!important;min-height:500px!important}
body.professional-areas-v177 .v177-clients-table-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:16px 18px 12px;border-bottom:1px solid #e9dfd1;background:linear-gradient(180deg,#fffdf9,#fdf9f3)}
body.professional-areas-v177 .v177-clients-table-head h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:500;color:#294b42}
body.professional-areas-v177 .v177-clients-table-head p{margin:3px 0 0;color:#7a827f;font-size:9.5px}
body.professional-areas-v177 .v177-clients-table-head>p{margin:0!important;font-size:9.5px!important;color:#6d7b76!important}
body.professional-areas-v177 #professional-clients .clients26-list-head{
  display:grid!important;grid-template-columns:minmax(180px,1.35fr) minmax(180px,1.1fr) minmax(135px,.9fr) minmax(170px,1fr) 112px!important;
  gap:10px!important;padding:10px 16px!important;border-bottom:1px solid #eee5d8!important;background:#faf6ef!important;color:#8b8f8c!important;font-size:8.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.045em!important;
}
body.professional-areas-v177 #professional-clients .clients26-list{display:grid!important;gap:0!important;padding:0!important}
body.professional-areas-v177 #professional-clients .clients26-list-item{
  display:grid!important;grid-template-columns:minmax(180px,1.35fr) minmax(180px,1.1fr) minmax(135px,.9fr) minmax(170px,1fr) 112px!important;
  gap:10px!important;align-items:center!important;min-height:64px!important;padding:8px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid #eee6da!important;border-radius:0!important;background:#fffdf9!important;box-shadow:none!important;cursor:pointer!important;transition:.15s ease!important;
}
body.professional-areas-v177 #professional-clients .clients26-list-item:hover{background:#fffaf1!important}
body.professional-areas-v177 #professional-clients .clients26-list-identity{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:9px!important;min-width:0!important}
body.professional-areas-v177 #professional-clients .clients26-avatar{grid-row:1 / span 2!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;background:linear-gradient(145deg,#e5eddc,#f4dfb3)!important;border:1px solid #d9c7a3!important;color:#2f594b!important;font-size:9px!important;font-weight:800!important;display:grid!important;place-items:center!important}
body.professional-areas-v177 #professional-clients .clients26-list-identity strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#304842!important;font-size:10.5px!important}
body.professional-areas-v177 #professional-clients .clients26-list-identity small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8a8e8b!important;font-size:8.5px!important}
body.professional-areas-v177 #professional-clients .clients26-list-cell{min-width:0!important;color:#516660!important;font-size:9.5px!important;line-height:1.3!important}
body.professional-areas-v177 #professional-clients .clients26-status{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 8px!important;border-radius:999px!important;font-size:8.5px!important;font-weight:800!important;white-space:nowrap!important;background:#eef4e8!important;color:#397044!important;border:1px solid #dbe7d2!important}
body.professional-areas-v177 #professional-clients .clients26-list-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:5px!important}
body.professional-areas-v177 #professional-clients .clients26-open-profile{min-height:31px!important;padding:0 10px!important;font-size:9px!important;border-radius:8px!important}
body.professional-areas-v177 #professional-clients .clients26-more{position:relative!important}
body.professional-areas-v177 #professional-clients .clients26-more summary{width:29px;height:29px;border:1px solid #ded5c7;border-radius:8px;display:grid;place-items:center;cursor:pointer;list-style:none;color:#6a7772;background:#fff}
body.professional-areas-v177 #professional-clients .clients26-more summary::-webkit-details-marker{display:none}
body.professional-areas-v177 #professional-clients .clients26-more-menu{right:0!important;left:auto!important;top:34px!important;min-width:165px!important;border:1px solid #dfd2bd!important;border-radius:10px!important;background:#fffdf9!important;box-shadow:0 12px 26px rgba(61,48,29,.12)!important}
body.professional-areas-v177 #professional-clients .clients26-empty{padding:45px 20px!important;text-align:center!important;background:#fffdf9!important}

body.professional-areas-v177 .v177-client-drawer{
  position:fixed!important;right:18px!important;top:108px!important;bottom:18px!important;width:min(420px,calc(100vw - 36px))!important;z-index:65!important;
  display:none!important;padding:16px!important;overflow:auto!important;border:1px solid #d9c6a6!important;border-radius:16px!important;background:#fffdf9!important;box-shadow:0 24px 55px rgba(36,52,45,.22)!important;
}
body.professional-areas-v177 .v177-client-drawer:has([data-clients26-profile-content]:not([hidden])){display:block!important;animation:v177-drawer-in .2s ease both}
@keyframes v177-drawer-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
body.professional-areas-v177 .v177-client-drawer .clients26-profile-placeholder{display:none!important}
body.professional-areas-v177 .v177-client-drawer .clients26-profile{box-shadow:none!important;border:0!important;padding:0!important}

/* Dialogs and shared active state */
body.professional-areas-v177 .professional-agenda-dialog-panel-v161,
body.professional-areas-v177 dialog.clients26-dialog{border:1px solid #d9c5a3!important;border-radius:17px!important;background:#fffdf9!important;box-shadow:0 28px 70px rgba(24,51,43,.26)!important}

@media (max-width:1100px){
  body.professional-areas-v177 #professional-agenda .v177-agenda-layout{grid-template-columns:270px minmax(0,1fr)!important}
  body.professional-areas-v177 #professional-clients .clients26-list-head,
  body.professional-areas-v177 #professional-clients .clients26-list-item{grid-template-columns:minmax(160px,1.3fr) minmax(145px,1fr) 130px minmax(145px,1fr) 100px!important}
}
@media (max-width:900px){
  body.professional-areas-v177 .v177-area-header{align-items:flex-start!important}
  body.professional-areas-v177 #professional-agenda .v177-agenda-layout{grid-template-columns:1fr!important}
  body.professional-areas-v177 .v177-agenda-sidebar{grid-template-columns:1fr 1fr!important}
  body.professional-areas-v177 .v177-free-slots{grid-column:1 / -1!important}
  body.professional-areas-v177 .v177-agenda-day{min-height:0!important}
  body.professional-areas-v177 .v177-clients-toolbar{align-items:stretch!important;flex-direction:column!important}
  body.professional-areas-v177 .v177-clients-search-wrap{max-width:none!important}
  body.professional-areas-v177 .v177-clients-filters{justify-content:space-between!important}
}
@media (max-width:720px){
  body.professional-areas-v177 .v177-area-header{flex-direction:column!important;gap:10px!important}
  body.professional-areas-v177 .v177-area-heading h2{font-size:26px!important}
  body.professional-areas-v177 .v177-area-actions,
  body.professional-areas-v177 .v177-clients-header>.btn{width:100%!important}
  body.professional-areas-v177 .v177-area-actions .btn{flex:1!important}
  body.professional-areas-v177 .v177-agenda-sidebar{grid-template-columns:1fr!important}
  body.professional-areas-v177 #professional-agenda .professional-agenda-item-content{grid-template-columns:62px minmax(0,1fr)!important}
  body.professional-areas-v177 #professional-agenda .professional-agenda-item-meta{grid-column:2!important;grid-row:auto!important;align-items:flex-start!important;flex-direction:row!important;margin-top:4px!important}
  body.professional-areas-v177 #professional-clients .clients26-list-head{display:none!important}
  body.professional-areas-v177 #professional-clients .clients26-list-item{grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;gap:6px 10px!important;padding:12px!important;margin:0 10px 8px!important;border:1px solid #e6ddcf!important;border-radius:11px!important}
  body.professional-areas-v177 #professional-clients .clients26-list-identity{grid-column:1!important;grid-row:1!important}
  body.professional-areas-v177 #professional-clients .clients26-list-cell{grid-column:1!important}
  body.professional-areas-v177 #professional-clients .clients26-list-actions{grid-column:2!important;grid-row:1 / span 3!important;align-self:center!important}
  body.professional-areas-v177 .v177-clients-filters{align-items:stretch!important;flex-direction:column!important}
  body.professional-areas-v177 .v177-clients-filters>label{justify-content:space-between!important}
  body.professional-areas-v177 .v177-clients-filters select{flex:1!important}
  body.professional-areas-v177 .v177-more-filters[open]>.clients26-filter-grid{left:0!important;right:auto!important;width:min(430px,calc(100vw - 54px))!important;grid-template-columns:1fr!important}
}
body.professional-areas-v177 .v177-client-drawer-close{position:sticky;top:0;margin-left:auto;z-index:3;width:32px;height:32px;border:1px solid #dfd3c1;border-radius:9px;background:#fffdf9;color:#5b6a65;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(54,44,29,.06)}
body.professional-areas-v177 .v177-client-drawer-close:hover{border-color:#bd8c35;color:#8a6527;background:#fff8e9}
