/* Studio-Leitzentrale V23.22 – Phase 3: einheitliche Verwaltungsoberflächen.
   Nur Layout; keine bestehenden Element-IDs, Rollen, API- oder Formulare entfernt. */
#panel-finance,#panel-invoices,#panel-inventory,#panel-gallery,
#panel-analytics,#panel-services,#panel-website,#panel-pages,
#panel-design,#panel-pictures {--p3-edge:#eaded9;--p3-soft:#fff8f5;--p3-ink:#4c3b3c;min-width:0;}
#panel-finance .section-heading,#panel-invoices .section-heading,
#panel-inventory .section-heading,#panel-gallery .section-heading,
#panel-analytics .section-heading,#panel-services .section-heading,
#panel-website .section-heading,#panel-pages .section-heading,
#panel-design .section-heading,#panel-pictures .section-heading {
  border-bottom:1px solid var(--p3-edge);padding-bottom:17px;margin-bottom:16px;
}
.p3-actions {display:flex;gap:9px;align-items:center;flex-wrap:wrap;
 margin:0 0 16px;padding:3px 0 0;}
.p3-actions button{font:650 13px/1.25 system-ui,sans-serif;min-height:44px;
 border:1px solid #e1cfc6;background:#fff;color:var(--p3-ink);border-radius:13px;
 padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;
 flex:0 1 auto;}
.p3-actions button:first-child{background:#8a6163;color:#fff;border-color:#8a6163;}
.p3-actions button:hover{filter:brightness(.96)}
.p3-actions button:focus-visible{outline:3px solid #9d6a64;outline-offset:2px}
#panel-finance .finance-workspace-tabs,#panel-gallery .gallery-section-tabs{
 position:relative;scroll-margin-top:18px}
#panel-finance .finance-workspace-tab,#panel-gallery .gallery-section-tab {
 line-height:1.3;min-height:48px;}
#panel-finance .finance-workspace-view,#panel-gallery .gallery-section,
#panel-invoices .studio-summary,#panel-inventory .inventory-products,
#panel-pages .pages-editor,#panel-pictures .image-grid{min-width:0;}
#panel-finance .finance-workspace-heading,#panel-invoices .studio-summary>h3,
#panel-inventory .inventory-filters,#panel-gallery .gallery-search-toolbar,
#panel-analytics .analytics-toolbar{scroll-margin-top:12px;}
#panel-finance .finance-workspace-view,#panel-invoices .studio-summary,
#panel-inventory .inventory-product,#panel-gallery .gallery-entry,
#panel-pages .page-admin-card,#panel-services .service-field,
#panel-pictures .image-entry,#panel-analytics .analytics-card {
 border-radius:15px;}
#panel-finance :is(input,select,textarea),#panel-invoices :is(input,select,textarea),
#panel-inventory :is(input,select,textarea),#panel-gallery :is(input,select,textarea),
#panel-website :is(input,select,textarea),#panel-pages :is(input,select,textarea),
#panel-design :is(input,select,textarea),#panel-services :is(input,select,textarea) {
 max-width:100%;min-width:0;}
#panel-finance .info-note,#panel-invoices .info-note,#panel-inventory .info-note,
#panel-pages .info-note,#panel-design .info-note,#panel-analytics .info-note {
 margin:0 0 16px;border-left:3px solid #c69483;padding:12px 16px;line-height:1.55;}
#panel-invoices .admin-accordion,#panel-inventory .admin-accordion,
#panel-website .admin-accordion{scroll-margin-top:18px;}
#panel-gallery .gallery-entry img,#panel-pictures .image-entry img {
 object-fit:cover;max-width:100%;}
#panel-analytics .analytics-stat-grid,#panel-inventory .inventory-summary {
 gap:10px;}
#panel-analytics .analytics-card,#panel-inventory .inventory-product,
#panel-gallery .gallery-entry,#panel-invoices .studio-summary{
 box-shadow:0 3px 12px #6c47460c;}
#panel-inventory .inventory-product-actions .button,
#panel-gallery .gallery-controls .button {min-height:42px;font-size:13px;}
#panel-pictures .file-button input:focus-visible+.button {outline:3px solid #9d6a64;}
@media (max-width:860px){
 .p3-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .p3-actions button{width:100%;white-space:normal;min-height:48px;padding:10px;}
 #panel-finance .finance-workspace-tabs{margin-top:8px;}
 #panel-finance .finance-workspace-tab{font-size:clamp(11px,2.5vw,14px);}
 #panel-gallery .gallery-editor{display:grid;grid-template-columns:1fr;}
 #panel-gallery .gallery-entry{min-width:0;}
 #panel-gallery .gallery-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 #panel-gallery .gallery-controls .button{min-width:0;white-space:normal;}
 #panel-analytics .analytics-toolbar{display:flex;gap:8px;flex-wrap:wrap;}
 #panel-inventory .inventory-filters{grid-template-columns:1fr;gap:10px;}
 #panel-invoices .studio-actions,#panel-inventory .inventory-product-actions{gap:8px;}
 #panel-services .service-field-grid,#panel-design .field-grid,
 #panel-website .field-grid,#panel-pages .page-form-fields{grid-template-columns:1fr;}
}
@media (max-width:420px){
 #panel-finance .finance-workspace-heading .finance-workspace-actions,
 #panel-invoices .studio-summary .studio-actions,
 #panel-analytics .analytics-toolbar .button {min-width:0;}
 #panel-finance .finance-workspace-heading .finance-workspace-actions>.button,
 #panel-invoices .studio-summary .studio-actions>.button {white-space:normal;}
 #panel-gallery .gallery-entry{grid-template-columns:1fr;}
 #panel-gallery .gallery-entry img {width:100%;height:auto;aspect-ratio:1.6;}
 #panel-inventory .inventory-product-head{display:grid;grid-template-columns:1fr;}
 #panel-pictures .image-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){.p3-actions button{transition:none!important}}
@media (max-width:520px){
  #panel-inventory .inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  #panel-inventory .inventory-summary > :last-child:nth-child(odd){grid-column:1 / -1;}
}