/* Studio-Leitzentrale V23.33 – ruhige, konsistente Arbeitsoberflächen.
   Reines Styling für die Verwaltungsbereiche. Der Kalender (#panel-calendar),
   das Burgermenü, die Sidebar und die mobile Schnellnavigation bleiben unverändert. */
#dashboard .panel:not(#panel-calendar){
  --clean-ink:#3e323a;
  --clean-muted:#786b73;
  --clean-border:#eadce1;
  --clean-tint:#fbf7f8;
  --clean-rose:#f8edeb;
  --clean-accent:#795066;
  --clean-radius:15px;
  color:var(--clean-ink);
}
/* Ruhige Überschriften und klar getrennte Abschnitte. */
#dashboard .panel:not(#panel-calendar) .section-heading{
  align-items:flex-start;gap:12px;padding-bottom:19px;margin-bottom:20px;
  border-bottom:1px solid var(--clean-border);
}
#dashboard .panel:not(#panel-calendar) .section-heading h2{
  margin:4px 0 0;line-height:1.22;letter-spacing:-.035em;
}
#dashboard .panel:not(#panel-calendar) .section-heading .kicker{
  margin:0;font-size:10px;letter-spacing:.12em;
}
#dashboard .panel:not(#panel-calendar) :is(.section-heading,.customer-detail-head,.finance-workspace-heading) > *{
  min-width:0;
}
#dashboard .panel:not(#panel-calendar) :is(h3,h4,h5){text-wrap:pretty;}
#dashboard .panel:not(#panel-calendar) :is(.muted,.panel-intro){line-height:1.58;}
#dashboard .panel:not(#panel-calendar) :is(.studio-list,.gallery-editor,.image-grid,.dashboard-stats){min-width:0;}
/* Gemeinsame Oberflächen für Listen, Karten und Statistik – wie im Kalender. */
#dashboard .panel:not(#panel-calendar) :is(
  .studio-record,.gallery-entry,.image-entry,.service-field,.customer-stat,
  .dashboard-stat,.inventory-product,.analytics-card,.page-admin-card,
  .customer-signal-group,.booking-item,.finance-record
){
  min-width:0;border:1px solid var(--clean-border);border-radius:var(--clean-radius);
  background:#fff;box-shadow:0 2px 9px rgba(74,46,60,.035);
}
#dashboard .panel:not(#panel-calendar) :is(.studio-record,.service-field,.inventory-product,.page-admin-card){
  padding:clamp(14px,1.8vw,20px);gap:12px;
}
#dashboard .panel:not(#panel-calendar) :is(
 .studio-record,.gallery-entry,.image-entry,.service-field,.inventory-product,.page-admin-card
):hover{border-color:#dfcbd4;}
#dashboard .panel:not(#panel-calendar) :is(.studio-record,.customer-photo-card,.gallery-entry) :is(strong,h4){
  color:var(--clean-ink);overflow-wrap:anywhere;
}
#dashboard .panel:not(#panel-calendar) .studio-record > :first-child {min-width:0;}
#dashboard .panel:not(#panel-calendar) :is(.studio-record-actions,.studio-actions,.gallery-controls){
  gap:8px;min-width:0;
}
#dashboard .panel:not(#panel-calendar) :is(.studio-record-actions,.studio-actions,.gallery-controls) .button{
  min-width:0;white-space:normal;text-align:center;
}
/* Sekundäre Elemente weniger dominant, Hauptaktionen eindeutig. */
#dashboard .panel:not(#panel-calendar) .button:not(.primary):not(.danger):hover:not(:disabled){
  background:var(--clean-rose);border-color:#d7b9c5;
}
#dashboard .panel:not(#panel-calendar) .button.primary{
  background:var(--clean-accent);border-color:var(--clean-accent);color:#fff;
}
#dashboard .panel:not(#panel-calendar) .button.primary:hover:not(:disabled){
  background:#633f53;border-color:#633f53;
}
#dashboard .panel:not(#panel-calendar) :is(.p3-actions,.p2-quick,.studio-toolbar,.gallery-search-toolbar,
 .inventory-filters,.analytics-toolbar,.booking-toolbar,.studio-customer-filters){
  gap:10px;
}
#dashboard .panel:not(#panel-calendar) :is(.gallery-search-toolbar,.p2-quick,.inventory-filters,.booking-toolbar){
  border:1px solid var(--clean-border);border-radius:var(--clean-radius);
  background:var(--clean-tint);padding:clamp(12px,1.6vw,16px);
}
#dashboard .panel:not(#panel-calendar) .p3-actions button{
  min-height:44px;border-radius:12px;border-color:#dfccd4;background:#fff;color:var(--clean-accent);
  font-weight:680;
}
#dashboard .panel:not(#panel-calendar) .p3-actions button:first-child{
  background:var(--clean-accent);border-color:var(--clean-accent);color:#fff;
}
/* Gleiche Formularhöhe, klare Labels und lesbare Fokusmarkierung. */
#dashboard .panel:not(#panel-calendar) :is(
 .studio-form label,.studio-photo-form label,.field-grid label,.service-field label,
 .gallery-entry label,.gallery-search-toolbar label,.studio-customer-filters label,
 .studio-toolbar label,.studio-publication-form label,.p2-search label
){line-height:1.4;font-weight:650;color:#60515b;min-width:0;}
#dashboard .panel:not(#panel-calendar) :is(
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
 select,textarea
){
  max-width:100%;min-width:0;border-radius:11px;border:1px solid #e1d5db;
  background:#fff;min-height:44px;color:var(--clean-ink);
}
#dashboard .panel:not(#panel-calendar) :is(input,select,textarea):focus-visible{
  outline:2px solid #987185;outline-offset:1px;box-shadow:0 0 0 3px #f0e4eb;
}
#dashboard .panel:not(#panel-calendar) :is(input,select,textarea)::placeholder{color:#91858c;}
#dashboard .panel:not(#panel-calendar) :is(.studio-form,.field-grid){row-gap:16px;column-gap:15px;}
#dashboard .panel:not(#panel-calendar) :is(.studio-form,.field-grid) > *{min-width:0;}
/* Aufklappbare Bereiche sehen gleich aus und sind besser voneinander abgegrenzt. */
#dashboard .panel:not(#panel-calendar) :is(.admin-accordion,.studio-record-editor){
  border:1px solid var(--clean-border);border-radius:var(--clean-radius);
  background:#fff;box-shadow:none;overflow:visible;
}
#dashboard .panel:not(#panel-calendar) :is(.admin-accordion,.studio-record-editor)[open]{
  border-color:#d9beca;
}
#dashboard .panel:not(#panel-calendar) :is(.admin-accordion,.studio-record-editor) > summary{
  min-height:48px;color:#553e4a;font-weight:700;line-height:1.45;
}
#dashboard .panel:not(#panel-calendar) :is(.info-note,.notice){
  border-radius:12px;line-height:1.55;
}
/* Studio-Cockpit: eindeutige Priorität statt wechselnder Kartenstile. */
#panel-cockpit .studio-cockpit-welcome{
  background:linear-gradient(120deg,#f8eef0,#fff 84%);
  border:1px solid #e8d9df;border-radius:17px;padding:clamp(19px,2.6vw,28px);
}
#panel-cockpit .studio-cockpit-welcome:before{opacity:.035;}
#panel-cockpit .p2-quick{margin-block:12px;}
#panel-cockpit :is(.cockpit-box,.dashboard-section){
  border:1px solid #eadce1;border-radius:16px;background:#fff;box-shadow:0 2px 9px #55354309;
}
#panel-cockpit .dashboard-stat{background:#fff;padding:clamp(14px,1.5vw,20px);}
#panel-cockpit .dashboard-stat .stat-label{color:#786874;letter-spacing:.01em;}
/* Kundenakte: zusammenhängende, klare Detailansicht und gut erreichbare Fotos. */
#panel-customers .customer-detail{
  background:#fff;border:1px solid #e1ced6;border-radius:18px;
  box-shadow:0 6px 25px rgba(79,51,64,.045);padding:clamp(14px,2vw,24px);
}
#panel-customers .customer-detail-head{
  padding-bottom:14px;border-bottom:1px solid #eee3e7;margin-bottom:14px;
}
#panel-customers .customer-detail-head h3{font-size:clamp(20px,2.2vw,27px);}
#panel-customers .customer-section{padding:8px 0 12px;min-width:0;}
#panel-customers .customer-section h4{margin:16px 0 10px;font-size:17px;}
#panel-customers .customer-stat{
  background:var(--clean-tint);padding:13px 14px;gap:4px;
}
#panel-customers .customer-stat strong{font-size:clamp(15px,1.6vw,20px);line-height:1.25;}
#panel-customers .customer-stat span{color:var(--clean-muted);font-size:12px;}
#panel-customers .customer-preferences span{
  background:var(--clean-rose);color:#6c4d5d;border:1px solid #ecdcdf;
}
#panel-customers .studio-photo-form{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  align-items:end;padding:clamp(13px,1.7vw,19px);
  background:var(--clean-tint);border:1px solid var(--clean-border);border-radius:15px;
}
#panel-customers .studio-photo-form label{min-width:0;}
#panel-customers .studio-photo-form .studio-photo-file,
#panel-customers .studio-photo-form .studio-consent-check{grid-column:1/-1;}
#panel-customers .studio-photo-form input[type=file]{
  display:block;width:100%;max-width:100%;min-width:0;min-height:44px;
  padding:9px 10px;border:1px dashed #d9bdc9;border-radius:11px;background:#fff;
  font-size:13px;
}
#panel-customers .studio-photo-form > .button[type=submit]{justify-self:start;}
#panel-customers .studio-photo-filter{
  display:grid;gap:6px;max-width:280px;margin-top:17px;color:var(--clean-muted);
  font-size:12px;font-weight:700;
}
#panel-customers .customer-photo-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));
  gap:13px;margin-top:16px;
}
#panel-customers .customer-photo-card{
  align-content:start;gap:9px;padding:11px;background:#fff;border:1px solid var(--clean-border);
  border-radius:15px;box-shadow:0 2px 9px #55354309;
}
#panel-customers .customer-photo-card img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--clean-tint);
}
#panel-customers .customer-photo-card strong{font-size:14px;line-height:1.35;}
#panel-customers .customer-photo-card small{line-height:1.4;color:var(--clean-muted);}
#panel-customers .customer-photo-card .button{width:100%;min-height:42px;padding:8px 10px;}
#panel-customers .studio-publication-form{
  min-width:0;padding:12px;border-radius:12px;background:var(--clean-tint);
}
#panel-customers .studio-publication-form .studio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
#panel-customers .studio-publication-form .studio-actions .button{width:100%;}
#panel-customers .studio-photo-compare{
  border:1px solid var(--clean-border);border-radius:15px;background:var(--clean-tint);padding:14px;
}
#panel-customers .studio-photo-compare img{background:#fff;border:1px solid #ede0e5;}
/* Galerie und Bildpflege: einheitliche Bildkarten, ruhige Kennzahlen und Filter. */
#panel-gallery .gallery-summary>div{
  background:var(--clean-tint);border:1px solid var(--clean-border);border-radius:13px;
  padding:clamp(12px,1.4vw,18px);
}
#panel-gallery .gallery-summary strong{
  color:var(--clean-accent);font:750 clamp(22px,2.5vw,30px)/1.15 system-ui,sans-serif;
}
#panel-gallery .gallery-entry{gap:14px;padding:13px;}
#panel-gallery .gallery-entry img{border-radius:10px;}
#panel-gallery .gallery-controls .button{flex:1 1 auto;}
#panel-pictures .image-entry{padding:13px;}
#panel-pictures .image-entry img{aspect-ratio:4/3;}
/* Finanz-, Lager- und Redaktionsbereiche: etwas mehr Rhythmus. */
#dashboard .panel:not(#panel-calendar) :is(.finance-workspace-view,.studio-summary,.security-r2,.category-manager){
  min-width:0;border-radius:16px;
}
#dashboard .panel:not(#panel-calendar) :is(.finance-workspace-view,.studio-summary,.analytics-card,
 .security-r2,.category-manager) :is(h3,h4){line-height:1.35;}
#panel-website :is(.field-grid,.website-section-body),
#panel-services :is(.service-field-grid,.service-field),
#panel-pages :is(.pages-editor,.page-form-fields){min-width:0;}
/* Handys: nicht mehr vier verschiedene Layouts für Aktionen und Fotokarten. */
@media(max-width:700px){
  #dashboard .panel:not(#panel-calendar) .section-heading{
    padding-bottom:14px;margin-bottom:15px;flex-wrap:wrap;
  }
  #dashboard .panel:not(#panel-calendar) :is(.studio-record,.service-field,.inventory-product,.page-admin-card){
    padding:13px;gap:10px;
  }
  #dashboard .panel:not(#panel-calendar) :is(.gallery-search-toolbar,.p2-quick,.inventory-filters,.booking-toolbar){
    padding:12px;
  }
  #dashboard .panel:not(#panel-calendar) :is(.studio-record-actions,.gallery-controls){
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px;
  }
  #dashboard .panel:not(#panel-calendar) :is(.studio-record-actions,.gallery-controls) .button{
    width:100%;min-width:0;min-height:43px;padding:9px 7px;
  }
  #panel-customers .customer-stats{gap:8px;}
  #panel-customers .studio-photo-form{grid-template-columns:1fr;}
  #panel-customers .studio-photo-form > :is(label,.button){grid-column:1/-1;}
  #panel-customers .studio-photo-form > .button[type=submit]{justify-self:stretch;width:100%;}
  #panel-customers .customer-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  #panel-customers .customer-photo-card{padding:9px;gap:7px;}
  #panel-customers .customer-photo-card img{aspect-ratio:1/1;}
  #panel-customers .customer-photo-card .button{font-size:12px;padding-inline:6px;overflow-wrap:anywhere;}
  #panel-gallery .gallery-summary>div{padding:11px 8px;}
}
@media(max-width:370px){
  #panel-customers .customer-photo-grid{grid-template-columns:1fr;}
  #panel-customers .customer-photo-card img{aspect-ratio:4/3;}
}
@media(prefers-reduced-motion:reduce){
 #dashboard .panel:not(#panel-calendar) :is(.studio-record,.gallery-entry,.image-entry,.button){transition:none;}
}