/* Nails by Annalena V23.71 – Nur Kundenakte und Kundinnen-Formular.
   Vorhandene Eingabenamen, IDs, Datenzugriffe und Berechtigungen bleiben erhalten. */
#panel-customers #studio-customer-form{grid-template-columns:minmax(0,1fr);gap:12px;}
#panel-customers .customer-form-card{min-width:0;border:1px solid #eadce1;border-radius:14px;background:#fff;padding:clamp(12px,2vw,18px);}
#panel-customers .customer-form-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 14px;margin:0 0 13px;}
#panel-customers .customer-form-title h3{color:#624859;font-size:17px;line-height:1.3;margin:0;}
#panel-customers .customer-form-title p{margin:0;font-size:12px;color:#8b7882;}
#panel-customers .customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;min-width:0;}
#panel-customers .customer-form-grid>label{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:650;color:#5f4d57;}
#panel-customers .customer-form-grid>label.studio-full{grid-column:1/-1;}
#panel-customers .customer-form-grid :is(input,textarea){width:100%;min-width:0;min-height:46px;font-size:16px;border:1px solid #decfd5;background:#fff;color:#44313e;border-radius:10px;padding:10px 12px;}
#panel-customers .customer-form-grid textarea{min-height:72px;resize:vertical;line-height:1.45;}
#panel-customers .customer-form-grid :is(input,textarea):focus-visible{outline:2px solid #ab8195;outline-offset:2px;}
#panel-customers .customer-required{color:#9b536b;}
#panel-customers .customer-optional{display:inline-block;margin-left:6px;font-size:11px;font-weight:500;color:#8e7a85;}
#panel-customers .studio-customer-extra{background:#fbf8fa;padding:0 14px;}
#panel-customers .studio-customer-extra>summary{font-size:13px;min-height:46px;line-height:1.45;}
#panel-customers .studio-customer-extra-fields{padding-top:8px;}
#panel-customers .customer-profile-heading{margin:14px 0 10px;font-size:15px;font-weight:750;letter-spacing:.01em;color:#604557;}
#panel-customers .customer-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px;min-width:0;font-size:inherit;line-height:normal;}
#panel-customers .customer-profile-card{min-width:0;background:#fcfafb;border:1px solid #eadfe5;border-radius:13px;padding:14px 15px;}
#panel-customers .customer-profile-card h5{margin:0 0 13px;color:#67445a;font-size:14px;font-weight:750;line-height:1.3;}
#panel-customers .customer-profile-card dl{display:grid;gap:12px;margin:0;}
#panel-customers .customer-profile-field{display:grid;gap:4px;min-width:0;}
#panel-customers .customer-profile-field+ .customer-profile-field{border-top:1px solid #f0e7eb;padding-top:12px;}
#panel-customers .customer-profile-field dt{font-size:11px;font-weight:650;color:#8a7580;line-height:1.4;}
#panel-customers .customer-profile-field dd{margin:0;min-width:0;color:#352b32;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere;word-break:normal;}
#panel-customers .customer-profile-field dd.customer-profile-address{white-space:pre-wrap;}
#panel-customers .customer-profile-field dd.customer-profile-empty{font-size:13px;font-weight:450;color:#978892;}
#panel-customers .customer-profile-notes{grid-column:1/-1;background:#fff;}
#panel-customers .customer-profile-notes[hidden]{display:none!important;}
#panel-customers .customer-profile-notes h5{margin-bottom:8px;}
#panel-customers .customer-profile-notes p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55;color:#463640;}
#panel-customers .customer-stats-heading{margin-top:18px;}
#panel-customers #studio-detail-summary{margin-top:5px;font-size:12px;line-height:1.4;color:#8b7682;}
#panel-customers .customer-section #studio-detail-contacts{font-size:inherit;line-height:normal;margin:0 0 14px;}
#panel-customers .customer-section .customer-preferences .muted{margin:0;}
@media(max-width:800px){#panel-customers .customer-profile-grid{grid-template-columns:1fr;}#panel-customers .customer-profile-notes{grid-column:1;}}
@media(max-width:560px){
 #panel-customers .customer-form-grid{grid-template-columns:1fr;gap:11px;}
 #panel-customers .customer-form-grid>label.studio-full{grid-column:1;}
 #panel-customers .customer-form-title{gap:4px;}
 #panel-customers .customer-form-card{padding:12px;}
 #panel-customers .customer-profile-card{padding:12px 13px;}
 #panel-customers .customer-profile-heading{margin-top:12px;}
 #panel-customers #studio-detail-contacts{gap:9px;}
}