@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

/* Cabeçalho DePapelie — ajuste isolado, sem alterar a Home */
.topbar{
  min-height:112px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:260px minmax(360px,1fr) 165px auto!important;
  gap:16px!important;
  align-items:center!important;
  padding:10px 30px!important;
  background:#fff!important;
  border-bottom:1px solid #f1dce2!important;
  box-shadow:0 7px 24px rgba(86,55,66,.045)!important;
}

.brand-button{
  width:260px!important;
  min-width:260px!important;
  height:90px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.brand-button .brand-image{
  width:250px!important;
  max-width:100%!important;
  height:88px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}

.topbar .global-search{
  height:54px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid #ead8de!important;
  border-radius:20px!important;
  background:#fffdfd!important;
  box-shadow:0 5px 18px rgba(99,70,80,.03)!important;
}

.header-clock-card{
  width:165px;
  height:62px;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  align-items:center;
  border:1px solid #efcbd6;
  border-radius:18px;
  padding:0 11px;
  background:linear-gradient(135deg,#fff8fa,#ffeef3);
  box-shadow:0 6px 16px rgba(214,111,145,.08);
}
.header-clock-card>div{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.header-clock-card span{font-size:7px;letter-spacing:.16em;color:#a87987;font-weight:700}
.header-clock-card strong{font-size:13px;color:#745862;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.header-clock-card>i{height:34px;background:#e9c7d0}

.topbar .top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:0!important;
}
.round-action{
  width:68px!important;
  height:60px!important;
  border:1px solid #eadde1!important;
  border-radius:16px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:5px 4px!important;
  color:#5f5559!important;
}
.round-action:hover,.module-button:hover{
  background:#fff5f8!important;
  border-color:#efcad5!important;
  transform:translateY(-1px);
}
.round-action i{right:6px!important;top:1px!important}
.header-action-label{font-size:7px;line-height:1;color:#76696d;font-weight:600;white-space:nowrap}
.module-button.named-module-button{
  height:60px!important;
  border-radius:16px!important;
  padding:0 14px!important;
  white-space:nowrap!important;
}

.topbar .profile.admin-profile{
  min-width:205px!important;
  width:205px!important;
  height:68px!important;
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  align-items:center!important;
  gap:11px!important;
  padding:4px 8px!important;
  margin-left:5px!important;
  border:1px solid #f0dbe1!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fff 0%,#fff9fa 100%)!important;
  box-shadow:0 6px 17px rgba(91,62,72,.045)!important;
}
.admin-photo-button{
  width:52px;
  height:52px;
  border:0;
  padding:0;
  border-radius:50%;
  position:relative;
  background:linear-gradient(145deg,#f6b7c8,#ffe7ab);
  box-shadow:0 0 0 3px #fff,0 0 0 4px #efc7d3;
  cursor:pointer;
}
.admin-photo-button img,.admin-photo-placeholder{
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  object-fit:cover;
}
.admin-photo-placeholder{color:#ad536d;font-size:18px;font-weight:700}
.admin-photo-edit{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:21px;
  height:21px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f36f99;
  color:#fff;
  border:2px solid #fff;
  font-size:10px;
}
.admin-copy{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:5px;
  align-items:end;
  min-width:0;
}
.admin-hello{font-size:11px;color:#665b5f;font-weight:600;margin-bottom:3px}
.topbar .admin-name{
  font-family:'Magic Love','Great Vibes','Brush Script MT',cursive!important;
  font-size:30px!important;
  line-height:.9!important;
  color:#ec5d8c!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
.topbar .admin-role{
  grid-column:1/-1;
  margin-top:7px!important;
  color:#75666b!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.admin-photo-input{display:none!important}

.header-popover{
  position:fixed;
  z-index:9999;
  width:340px;
  max-height:70vh;
  overflow:auto;
  background:#fff;
  border:1px solid #ecdde1;
  border-radius:20px;
  box-shadow:0 20px 55px rgba(67,45,53,.18);
  padding:10px;
}
.header-popover-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 10px;border-bottom:1px solid #f1e5e8}
.header-popover-head strong{font-size:14px}
.header-popover-head button{width:28px;height:28px;border:0;border-radius:50%;background:#fff1f5;color:#b85e79;font-size:19px}
.header-popover-body{padding:7px 2px}
.notice-row,.settings-row{width:100%;border:0;background:transparent;display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px;border-radius:12px;color:#4d4447}
.notice-row:hover,.settings-row:hover{background:#fff5f7}
.notice-row b,.settings-row b,.agenda-item b,.help-line b{font-size:11px}
.notice-row small,.settings-row small,.agenda-item span,.help-line span{font-size:9px;line-height:1.4;color:#817478}
.notice-row.static{cursor:default}
.settings-row{display:grid;grid-template-columns:24px 1fr;align-items:start}
.settings-row span{display:flex;flex-direction:column;gap:3px}
.header-popover:has(.agenda-date) .header-popover-head strong{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:20px;
  font-weight:500;
  letter-spacing:.01em;
  color:#4f4549;
}
.agenda-date{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:23px;
  line-height:1.22;
  font-style:italic;
  font-weight:400;
  letter-spacing:.01em;
  color:#e7618c;
  padding:10px 10px 8px;
  text-transform:capitalize;
}
.agenda-item,.help-line{display:flex;flex-direction:column;gap:3px;padding:9px 10px;background:#fff9fa;border-radius:10px;margin:5px 0}
.popover-primary{width:calc(100% - 16px);margin:9px 8px 4px;border:0;border-radius:11px;background:#f27b9f;color:#fff;font-size:10px;font-weight:700;padding:10px}

@media(max-width:1550px){
  .topbar{grid-template-columns:220px minmax(260px,1fr) 145px auto!important;gap:10px!important;padding:8px 18px!important}
  .brand-button{width:220px!important;min-width:220px!important}
  .brand-button .brand-image{width:210px!important;height:78px!important}
  .header-clock-card{width:145px;padding:0 8px}
  .header-clock-card strong{font-size:11px}
  .round-action{width:56px!important}
  .header-action-label{font-size:6.5px}
  .topbar .profile.admin-profile{width:175px!important;min-width:175px!important;grid-template-columns:46px 1fr!important}
  .admin-photo-button,.admin-photo-button img,.admin-photo-placeholder{width:44px;height:44px}
  .topbar .admin-name{font-size:25px!important}
}

@media(max-width:1260px){
  .topbar{grid-template-columns:190px minmax(240px,1fr) 128px auto!important}
  .brand-button{width:190px!important;min-width:190px!important}
  .brand-button .brand-image{width:182px!important}
  .header-action-label{display:none}
  .round-action{width:46px!important;height:50px!important}
  .module-button.named-module-button{height:50px!important;padding:0 10px!important}
  .topbar .profile.admin-profile{width:58px!important;min-width:58px!important;height:58px!important;padding:3px!important;display:block!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .admin-copy{display:none!important}
}

@media(max-width:900px){
  .topbar{grid-template-columns:155px 1fr auto!important;min-height:88px!important;padding:6px 12px!important}
  .brand-button{width:155px!important;min-width:155px!important;height:72px!important}
  .brand-button .brand-image{width:150px!important;height:68px!important}
  .header-clock-card{height:52px;width:122px;padding:0 7px;border-radius:15px}
  .header-clock-card span{display:none}
  .header-clock-card strong{font-size:10px}
  .topbar .global-search{display:none!important}
  .round-action.hide-small{display:none!important}
  .round-action{width:42px!important;height:46px!important}
  .module-button.named-module-button{height:46px!important;padding:0 9px!important}
}
