/* Beauty – paridade visual das telas Serviços e Equipe com a Barbearia Maciel.
   Mantém a marca Studio Aurora; não altera o site público. */
#view-services .beauty-maciel-layout,
#view-team .beauty-maciel-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(345px,.92fr);
  gap:16px;align-items:start;
}
#view-services .beauty-maciel-layout>.panel,
#view-team .beauty-maciel-layout>.panel{
  min-width:0;margin:0;border-radius:17px;padding:21px;
}
#view-services .panel h2,#view-team .panel h2{
  font:750 20px/1.3 Inter,'DM Sans',Arial,sans-serif;
  margin:0 0 6px;letter-spacing:-.01em;
}
#view-services .panel-desc,#view-team .panel-desc{
  margin:0 0 19px;font-size:12px;line-height:1.55;color:#bcaab7;
}
#view-services .beauty-maciel-form,#view-team .beauty-maciel-form{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;
}
#view-services .beauty-maciel-form>.wide,#view-team .beauty-maciel-form>.wide{grid-column:1/-1;min-width:0}
#view-services .beauty-maciel-form>input:not([type="hidden"]),
#view-services .beauty-maciel-form>select,
#view-team .beauty-maciel-form>input:not([type="hidden"]),
#view-team .beauty-maciel-form>select{
  width:100%;min-width:0;min-height:43px;background:#17131c;
  border:1px solid #39303e;border-radius:11px;padding:10px 12px;
  font:450 13px/1.3 Inter,'DM Sans',Arial,sans-serif;color:#f8f0f5;box-shadow:none;
}
#view-services .beauty-maciel-form>input::placeholder,
#view-team .beauty-maciel-form>input::placeholder{color:#857985;opacity:1}
#view-services .beauty-maciel-form>input:focus,
#view-team .beauty-maciel-form>input:focus,
#view-services .beauty-maciel-form>select:focus,
#view-team .beauty-maciel-form>select:focus{
  border-color:#dfa4bb;box-shadow:0 0 0 3px #dfa4bb1b;
}
#view-services .service-photo-box{
  display:flex;align-items:center;gap:16px;background:#17131b;
  border:1px solid #443644;border-radius:15px;padding:14px;margin-top:1px;min-width:0;
}
#view-services .service-photo-view{
  flex:0 0 132px;width:132px;height:99px;min-width:0;
  border:1px dashed #886078;border-radius:12px;
  background:#1a1418;display:grid;place-items:center;overflow:hidden;
}
#view-services .service-photo-view img{display:block;width:100%;height:100%;object-fit:cover}
#view-services .service-photo-view img[hidden]{display:none!important}
#view-services .service-photo-placeholder{font-size:11px;color:#c6abb9;text-align:center;padding:11px;line-height:1.4}
#view-services .service-photo-placeholder[hidden]{display:none!important}
#view-services .service-photo-controls{min-width:0;flex:1}
#view-services #serviceImageFile{
  display:block;width:100%;min-width:0;min-height:46px;padding:8px 9px;
  border:1px solid #3a303f;border-radius:10px;
  background:#131016;color:#f2e9ee;font-size:11px;cursor:pointer;
}
#view-services #serviceImageFile::file-selector-button{
  background:#e1a9bd;color:#281720;border:0;border-radius:8px;
  font-weight:850;padding:9px 12px;margin-right:10px;cursor:pointer;
}
#view-services #serviceImageHelp{margin-top:8px;color:#bca8b8;line-height:1.45;font-size:11px}
#view-services #serviceRemovePhoto{
  margin-top:9px;padding:8px 12px;min-height:33px;
  font-size:11px;color:#ffc3cb;background:#38212f;border:1px solid #794459;
}
#view-services #serviceRemovePhoto[hidden]{display:none!important}
#view-services .service-more-fields{
  background:#19141d;border:1px solid #3c303e;border-radius:11px;min-width:0;
}
#view-services .service-more-fields summary{
  padding:11px 14px;cursor:pointer;list-style-position:inside;
  color:#e2b2c4;font-size:11px;font-weight:750;
}
#view-services .service-extra-grid{display:grid;gap:11px;padding:0 13px 13px}
#view-services .service-extra-grid label{font-size:11px;color:#d9c6d1}
#view-services .service-extra-grid input{margin-top:6px;width:100%;min-width:0;min-height:42px}
#view-services .beauty-form-actions,
#view-team .beauty-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:1px}
#view-services .beauty-form-actions .btn,
#view-team .beauty-form-actions .btn{min-height:41px;border-radius:10px;padding:10px 17px;font-size:12px}
#view-services .beauty-form-actions .btn.primary,
#view-team .beauty-form-actions .btn.primary{
  background:#e1a8bd!important;color:#271722!important;border-color:#e1a8bd!important;
  font-weight:800;box-shadow:none;
}
#view-services .beauty-form-actions .btn:not(.primary),
#view-team .beauty-form-actions .btn:not(.primary){
  background:#211a24;color:#f5e4eb;border-color:#413342;
}
#view-services .beauty-form-actions .btn:hover,
#view-team .beauty-form-actions .btn:hover{filter:brightness(1.08)}
#view-services .service-table-thumb{
  display:block;width:63px;height:47px;object-fit:cover;
  background:#161019;border:1px solid #48384a;border-radius:9px;
}
#view-services .beauty-management-table{min-width:625px}
#view-services .beauty-management-table td:first-child{width:80px}
#view-services .beauty-management-table td small{color:#c7a0b3;font-weight:550}
#view-team .team-table{min-width:710px}
#view-team .team-table td{vertical-align:middle}
#view-team .team-hours-cell{font-size:11px;color:#bba7b5;line-height:1.5;min-width:178px;max-width:275px}
#view-team .beauty-week-expedient{margin-top:4px}
#view-team .beauty-week-expedient>strong,
#view-team .beauty-specialty-box>strong{
  display:block;margin:0 0 10px;color:#f7edf3;font-size:13px;font-weight:800;
}
#view-team #teamSchedule{display:grid;gap:7px}
#view-team .beauty-schedule-row{
  display:grid;grid-template-columns:88px 83px minmax(90px,1fr) minmax(90px,1fr);
  align-items:center;gap:8px;padding:9px 10px;min-width:0;
  background:#17141b;border:1px solid #403443;border-radius:11px;
}
#view-team .beauty-schedule-row .schedule-day{font-size:12px;color:#f8eaf2;white-space:nowrap}
#view-team .beauty-schedule-row .schedule-open{
  display:flex;align-items:center;gap:7px;color:#d5bfc9;font-size:11px;font-weight:500;white-space:nowrap;
}
#view-team .beauty-schedule-row input[type="checkbox"],
#view-team .beauty-category-checks input[type="checkbox"]{
  width:15px;height:15px;min-width:15px;min-height:15px;margin:0;
  padding:0;accent-color:#e1a8bd;cursor:pointer;border:0;box-shadow:none;
}
#view-team .beauty-schedule-row select{
  min-width:0;width:100%;height:38px;min-height:38px;
  border:1px solid #3e3342;border-radius:9px;
  background:#141119;color:#f2e9ef;padding:8px 10px;font-size:12px;
}
#view-team .beauty-schedule-row select:disabled{opacity:.45}
#view-team .beauty-specialty-box{
  background:#19141d;border:1px solid #3e303f;
  border-radius:12px;padding:15px;margin-top:7px;
}
#view-team .beauty-specialty-box>.small-note{margin:0 0 12px;color:#bba5b3}
#view-team .beauty-specialty-box>label{display:block;font-size:11px;color:#ebd5e1}
#view-team .beauty-specialty-box input#teamRole{width:100%;margin-top:6px;min-height:42px}
#view-team .beauty-category-checks{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
#view-team .beauty-category-checks label{
  border:1px solid #4d3748;background:#261b29;border-radius:8px;
  padding:8px 10px;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#e8d3df;font-weight:600;
}
#view-team .beauty-category-checks input{display:inline-block;flex:none}
@media(max-width:1150px){
 #view-services .beauty-maciel-layout,#view-team .beauty-maciel-layout{grid-template-columns:1fr}
}
@media(max-width:680px){
 #view-services .beauty-maciel-layout>.panel,#view-team .beauty-maciel-layout>.panel{padding:16px 13px}
 #view-services .service-photo-box{gap:11px;padding:10px}
 #view-services .service-photo-view{width:105px;flex-basis:105px;height:92px}
 #view-services #serviceImageFile{font-size:10px}
 #view-services #serviceImageFile::file-selector-button{padding:8px 9px}
 #view-team .beauty-schedule-row{grid-template-columns:75px 65px minmax(75px,1fr) minmax(75px,1fr);gap:5px;padding:8px 7px}
 #view-team .beauty-schedule-row select{font-size:11px;padding:7px 3px}
 #view-team .beauty-schedule-row .schedule-day{font-size:11px}
 #view-team .beauty-schedule-row .schedule-open{gap:4px;font-size:10px}
 #view-team .beauty-schedule-row input[type="checkbox"]{width:14px;min-width:14px;height:14px;min-height:14px}
}
@media(max-width:410px){
 #view-team .beauty-schedule-row{grid-template-columns:1fr 1fr;gap:8px}
 #view-team .beauty-schedule-row .schedule-open{justify-self:end}
 #view-team .beauty-schedule-row select{font-size:12px;padding:8px}
 #view-services .beauty-maciel-form,#view-team .beauty-maciel-form{grid-template-columns:1fr}
 #view-services .beauty-maciel-form>input:not([type="hidden"]),
 #view-services .beauty-maciel-form>select,
 #view-team .beauty-maciel-form>input:not([type="hidden"]),
 #view-team .beauty-maciel-form>select{grid-column:1}
 #view-services .service-photo-box{flex-direction:column;align-items:stretch}
 #view-services .service-photo-view{width:100%;height:120px;flex-basis:auto}
}