/* PROD v0.7.83 — Beauty admin only */
#clientModal .client-beauty-toggle{grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e7c8d0;border-radius:14px;background:#fff8fa;padding:12px 14px;text-align:left;cursor:pointer}
#clientModal .client-beauty-toggle span{display:flex;flex-direction:column;gap:4px}#clientModal .client-beauty-toggle b{color:#d4003d;font:800 11px/1.1 Arial,sans-serif;letter-spacing:.08em}#clientModal .client-beauty-toggle small{color:#777b82;font:600 10px/1.3 Arial,sans-serif}#clientModal .client-beauty-toggle em{font-style:normal;color:#d4003d;font-size:22px;transition:transform .18s ease}#clientModal .client-beauty-toggle.open em{transform:rotate(90deg)}
#clientModal .client-beauty-panel{grid-column:1/-1;border:1px solid #e1ddd8;border-radius:14px;background:#fff;padding:12px 13px;display:block}#clientModal .client-beauty-panel.hidden{display:none!important}
#clientModal .client-beauty-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #eeeae6}#clientModal .client-beauty-head>div{display:flex;flex-direction:column;gap:3px}#clientModal .client-beauty-head b{color:#d4003d;font:800 11px/1.1 Arial,sans-serif;letter-spacing:.08em}#clientModal .client-beauty-head small{color:#81848a;font:600 10px/1.2 Arial,sans-serif}#clientModal .client-beauty-head button{border:0;border-radius:9px;background:#d4003d;color:#fff;padding:9px 11px;font:800 10px/1 Arial,sans-serif;cursor:pointer}
#clientBeautyNotesContent{display:flex;flex-direction:column;gap:8px;padding-top:10px}.client-beauty-note-row{border:1px solid #ebe7e2;border-radius:11px;padding:10px 11px;background:#faf9f7}.client-beauty-note-row .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.client-beauty-note-row .top b{font:800 11px/1 Arial,sans-serif;color:#222}.client-beauty-note-row .top span{font:700 9px/1 Arial,sans-serif;color:#d4003d}.client-beauty-note-row small{display:block;margin-top:5px;color:#6f7379;font:600 10px/1.35 Arial,sans-serif}.client-beauty-note-row p{margin:6px 0 0;color:#50545a;font:500 10px/1.4 Arial,sans-serif}
#clientModal .client-beauty-note-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #eee9e5}#clientModal .client-beauty-note-actions button{min-height:31px;border-radius:8px;padding:0 10px;font:800 8.5px/1 Arial,sans-serif;letter-spacing:.03em;cursor:pointer}.client-beauty-edit{border:1px solid #d9d5d0;background:#fff;color:#32343a}.client-beauty-delete{border:1px solid #efc3cf;background:#fff7f9;color:#b00034}
.beauty-session-dialog{width:min(900px,94vw);max-width:900px;border:0;padding:0;border-radius:18px;overflow:hidden}.beauty-session-dialog::backdrop{background:rgba(15,15,18,.58);backdrop-filter:blur(3px)}.beauty-session-form{background:#f7f6f4}.beauty-modal-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 18px;background:#1c1c20;color:#fff}.beauty-modal-head small{display:block;color:#d4003d;font:800 9px/1 Arial,sans-serif;letter-spacing:.15em}.beauty-modal-head h3{margin:4px 0 0;font:800 18px/1.1 Arial,sans-serif}.beauty-modal-client{margin-top:3px;color:#d8d8dc;font:700 9px/1.15 Arial,sans-serif}.beauty-close{width:38px;height:38px;border-radius:50%;border:1px solid #444;background:#29292e;color:#fff;font-size:22px;cursor:pointer}.beauty-save{border:0;border-radius:10px;background:#d4003d;color:#fff;padding:11px 16px;font:800 11px/1 Arial,sans-serif;cursor:pointer}.beauty-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.beauty-form-grid label{display:flex;flex-direction:column;gap:6px;color:#555;font:700 10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}.beauty-form-grid input,.beauty-form-grid select,.beauty-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #dedad5;background:#fff;color:#222;border-radius:10px;padding:11px 12px;font:500 14px/1.3 Arial,sans-serif;outline:0;text-transform:none;letter-spacing:0}.beauty-wide{grid-column:1/-1}[data-beauty-hidden="1"]{display:none!important}
@media(min-width:821px){#clientModal.pivot-client-modal #clientGeneralPane{row-gap:16px!important}#clientModal.pivot-client-modal #clientGeneralPane>.p74770-notes-field{grid-column:1/-1!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:15px 16px 16px!important;position:relative!important;overflow:visible!important;isolation:isolate!important;z-index:1!important}#clientModal.pivot-client-modal #p74769ClientNotesBoxes{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:8px 0 0!important;padding:10px 0 0!important;border-top:1px solid #eee9e5!important;position:relative!important;inset:auto!important;transform:none!important;overflow:visible!important;background:#fff!important;z-index:auto!important}#clientModal.pivot-client-modal #p74769ClientNotesBoxes .p74769-card-list{width:100%!important;max-height:300px!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important}#clientModal.pivot-client-modal #clientBeautyNotesToggle{grid-column:1/-1!important;width:100%!important;min-height:58px!important;margin:10px 0 0!important;position:relative!important;inset:auto!important;transform:none!important;align-self:start!important;clear:both!important;z-index:1!important}#clientModal.pivot-client-modal #clientBeautyNotesPanel{grid-column:1/-1!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important;align-self:start!important;clear:both!important;overflow:hidden!important;z-index:1!important}#clientModal.pivot-client-modal #clientBeautyNotesContent{max-height:280px!important;overflow-y:auto!important;overflow-x:hidden!important}}
@media(max-width:820px){#clientModal .client-beauty-note-actions{justify-content:stretch}#clientModal .client-beauty-note-actions button{flex:1;min-height:36px}.beauty-session-dialog{width:100vw;height:100dvh;max-width:none;max-height:100dvh;border-radius:0;margin:0;inset:0}.beauty-session-form{height:100%;display:flex;flex-direction:column}.beauty-modal-head{flex:0 0 auto;position:sticky;top:0;z-index:3}.beauty-form-grid{flex:1;min-height:0;overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.beauty-form-grid input,.beauty-form-grid select,.beauty-form-grid textarea{font-size:16px}.beauty-form-grid label[data-field="treatment"],.beauty-form-grid label[data-field="date"],.beauty-form-grid label[data-field="area"],.beauty-form-grid label[data-field="power"],.beauty-form-grid label[data-field="next-date"],.beauty-wide{grid-column:1/-1}.beauty-form-grid label[data-field="specialist"]{display:none}}

/* PROD v0.7.84 — desktop client editor: NOTE / NOTE BEAUTY layout fix */
@media (min-width:821px){
  #clientModal.client-dialog #clientGeneralPane{
    grid-auto-rows:max-content!important;
    align-content:start!important;
    row-gap:14px!important;
  }

  #clientModal.client-dialog #clientGeneralPane>.p74770-notes-field{
    grid-column:1/-1!important;
    grid-row:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:start!important;
    width:min(960px,calc(100% - 44px))!important;
    max-width:960px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:14px 16px 16px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    overflow:visible!important;
    isolation:isolate!important;
    z-index:1!important;
    box-sizing:border-box!important;
  }

  #clientModal.client-dialog #clientGeneralPane>.p74770-notes-field .p74769-notes-ui,
  #clientModal.client-dialog #p74769ClientNotesBoxes{
    display:flex!important;
    flex-direction:column!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:8px 0 0!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    overflow:visible!important;
    z-index:auto!important;
    box-sizing:border-box!important;
  }

  #clientModal.client-dialog #p74769ClientNotesBoxes .p74769-card-list,
  #clientModal.client-dialog .p74769-notes-ui .p74769-card-list{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    max-height:300px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 auto!important;
  }

  #clientModal.client-dialog #clientGeneralPane>#clientBeautyNotesToggle{
    grid-column:1/-1!important;
    grid-row:auto!important;
    align-self:start!important;
    width:min(960px,calc(100% - 44px))!important;
    max-width:960px!important;
    min-height:58px!important;
    height:auto!important;
    margin:4px auto 0!important;
    padding:13px 15px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    clear:both!important;
    isolation:isolate!important;
    z-index:1!important;
    box-sizing:border-box!important;
  }

  #clientModal.client-dialog #clientGeneralPane>#clientBeautyNotesPanel{
    grid-column:1/-1!important;
    grid-row:auto!important;
    align-self:start!important;
    width:min(960px,calc(100% - 44px))!important;
    max-width:960px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:14px 15px 15px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    clear:both!important;
    overflow:hidden!important;
    isolation:isolate!important;
    z-index:1!important;
    box-sizing:border-box!important;
  }

  #clientModal.client-dialog #clientGeneralPane>#clientBeautyNotesPanel.hidden{
    display:none!important;
  }

  #clientModal.client-dialog #clientBeautyNotesContent{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    max-height:280px!important;
    margin:0!important;
    padding:10px 2px 2px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }

  #clientModal.client-dialog #clientGeneralPane>label:has(#cEmail),
  #clientModal.client-dialog #clientGeneralPane>label:has(#cBirth),
  #clientModal.client-dialog #clientGeneralPane>label:has(#genderSwitch),
  #clientModal.client-dialog #clientGeneralPane>label:has(#cCard){
    grid-row:auto!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    z-index:0!important;
    align-self:start!important;
  }
}

/* PROD Beauty mobile width parity with STAGING */
@media (max-width:820px){
  dialog.beauty-session-dialog{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:8px!important;
    bottom:8px!important;
    inset:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  dialog.beauty-session-dialog .beauty-session-form{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  dialog.beauty-session-dialog .beauty-modal-head{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  dialog.beauty-session-dialog .beauty-form-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  dialog.beauty-session-dialog .beauty-form-grid>*{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  dialog.beauty-session-dialog .beauty-form-grid input,
  dialog.beauty-session-dialog .beauty-form-grid select,
  dialog.beauty-session-dialog .beauty-form-grid textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* PROD Beauty — storico modifiche visibile admin + specialist */
.client-beauty-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
#clientModal .client-beauty-head .beauty-history-btn{border:1px solid #e2d4d8!important;background:#fff!important;color:#a60031!important}
.beauty-history-dialog{width:min(860px,94vw);max-width:860px;border:0;padding:0;border-radius:18px;overflow:hidden}
.beauty-history-shell{background:#f7f6f4;max-height:min(86vh,880px);display:flex;flex-direction:column}
.beauty-history-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#1c1c20;color:#fff}
.beauty-history-head small{display:block;color:#d4003d;font:800 9px/1 Arial,sans-serif;letter-spacing:.14em}
.beauty-history-head h3{margin:4px 0 3px;font:800 20px/1.1 Arial,sans-serif}
.beauty-history-head p{margin:0;color:#d5d5d9;font:600 10px/1.2 Arial,sans-serif}
.beauty-history-head>button{width:38px;height:38px;border-radius:12px;border:1px solid #444;background:#29292e;color:#fff;font-size:21px;cursor:pointer}
.beauty-history-content{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.beauty-history-event{background:#fff;border:1px solid #e6e1dc;border-radius:13px;padding:12px 13px}
.beauty-history-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.beauty-history-event-head>div{min-width:0}.beauty-history-event-head h4{margin:7px 0 0;font:800 12px/1.2 Arial,sans-serif;color:#222}
.beauty-history-event-head time{flex:0 0 auto;color:#81848a;font:700 9px/1.2 Arial,sans-serif}
.beauty-history-badge{display:inline-flex;border-radius:999px;padding:5px 7px;background:#f0eff1;color:#444;font:900 8px/1 Arial,sans-serif;letter-spacing:.05em}
.beauty-history-badge.create{background:#eaf7ee;color:#27653a}.beauty-history-badge.update{background:#fff0f4;color:#a60031}.beauty-history-badge.delete{background:#fff1ed;color:#a43a20}
.beauty-history-author{margin:7px 0 2px;color:#d4003d;font:800 9px/1.2 Arial,sans-serif}
.beauty-history-change{padding:9px 0;border-top:1px solid #f0ede9}.beauty-history-change:first-of-type{margin-top:8px}
.beauty-history-change>b{display:block;margin-bottom:5px;color:#55585d;font:800 9px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.035em}
.beauty-history-change>div{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:start;gap:6px}
.beauty-history-change span{border-radius:8px;padding:7px 8px;font:600 10px/1.4 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.beauty-history-change .old{background:#f5f3f1;color:#6d7075}.beauty-history-change .new{background:#fff2f6;color:#8e002a}.beauty-history-change i{text-align:center;color:#aaa;font-style:normal;padding-top:7px}
.beauty-history-snapshot{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.beauty-history-snapshot>div{background:#f7f5f3;border-radius:8px;padding:7px 8px;color:#55585d;font:600 10px/1.35 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.beauty-history-muted,.beauty-history-empty{padding:14px;color:#7b7f85;font:600 10px/1.45 Arial,sans-serif;text-align:center}
@media(max-width:820px){
  .client-beauty-head{align-items:flex-start!important;flex-direction:column!important}
  .client-beauty-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  #clientModal .client-beauty-head-actions button{width:100%;min-height:38px}
  .beauty-history-dialog{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;margin:8px!important;inset:0!important;border-radius:16px!important}
  .beauty-history-shell{height:calc(100dvh - 16px);max-height:none}
  .beauty-history-content{padding:10px}
  .beauty-history-snapshot{grid-template-columns:1fr}
  .beauty-history-change>div{grid-template-columns:1fr}
  .beauty-history-change i{padding:0;transform:rotate(90deg)}
}

/* PROD v0.7.89 — Beauty session modal: desktop internal scroll */
@media (min-width:821px){
  dialog.beauty-session-dialog{
    max-height:calc(100vh - 32px)!important;
    overflow:hidden!important;
  }
  dialog.beauty-session-dialog .beauty-session-form{
    max-height:calc(100vh - 32px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  dialog.beauty-session-dialog .beauty-modal-head{
    flex:0 0 auto!important;
  }
  dialog.beauty-session-dialog .beauty-form-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior:contain!important;
    padding-bottom:28px!important;
  }
}