.salon-extension-view{display:flex;flex-direction:column;gap:1.25rem;color:#2a2420}.salon-extension-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.salon-extension-nav[data-active=true]{background:#2d5b50;color:#fff}.salon-ext-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.salon-ext-header h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.25rem 0;color:#2d2925}.salon-ext-header p{max-width:760px;color:#76695f}.salon-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:#9b5d3e}.salon-actions{display:flex;gap:.6rem;flex-wrap:wrap}.salon-btn{border:1px solid #cdb8a6;border-radius:10px;background:#fffaf4;color:#3a3029;padding:.7rem 1rem;font-weight:750;cursor:pointer}.salon-btn:hover{border-color:#9b5d3e}.salon-btn.primary{background:#2d5b50;color:white;border-color:#2d5b50}.salon-btn.copper{background:#a7613f;color:white;border-color:#a7613f}.salon-grid{display:grid;gap:1rem}.salon-grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.salon-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.salon-card{background:#fffdf9;border:1px solid #e5d8cd;border-radius:18px;padding:1.1rem;box-shadow:0 10px 32px rgba(69,49,34,.06)}.salon-card h2,.salon-card h3{margin:0;color:#302822}.salon-card h2{font-size:1.15rem}.salon-card h3{font-size:1rem}.salon-muted{color:#84766b;font-size:.86rem}.salon-metric strong{display:block;font-size:2rem;line-height:1.1;margin:.4rem 0}.salon-metric small{color:#6e8178}.salon-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.28rem .65rem;font-size:.72rem;font-weight:800;background:#e6f0ec;color:#245446}.salon-pill.warn{background:#fff0df;color:#93582e}.salon-pill.off{background:#eee9e4;color:#74685f}.salon-dot{width:8px;height:8px;border-radius:50%;background:#3f8b73;box-shadow:0 0 0 4px rgba(63,139,115,.12)}.salon-dot.warn{background:#c9773f}.salon-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.salon-station{display:flex;flex-direction:column;gap:.8rem}.salon-station-head{display:flex;justify-content:space-between;gap:1rem}.salon-station-meta{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.salon-station-meta div{padding:.65rem;border-radius:10px;background:#f7f2ec}.salon-station-meta span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#8c7d70}.salon-station-meta strong{display:block;margin-top:.2rem;font-size:.88rem}.salon-feature-list{display:flex;flex-direction:column;gap:.45rem}.salon-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid #eee4dc}.salon-toggle{width:42px;height:24px;border:0;border-radius:999px;background:#cfc7c0;position:relative;cursor:pointer;flex:0 0 auto}.salon-toggle:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:.18s}.salon-toggle.on{background:#2d5b50}.salon-toggle.on:after{transform:translateX(18px)}.salon-apps{display:flex;gap:.45rem;flex-wrap:wrap}.salon-app-chip{border:1px solid #dbcabd;background:#fff;border-radius:999px;padding:.4rem .65rem;font-size:.78rem;cursor:pointer}.salon-app-chip.on{background:#2d5b50;color:#fff;border-color:#2d5b50}.salon-code-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#211a16;color:#f7e8dc;border-radius:14px;padding:1rem}.salon-code-box strong{font-size:1.2rem;letter-spacing:.1em}.salon-form{display:grid;grid-template-columns:2fr 1fr auto;gap:.65rem}.salon-input,.salon-select{width:100%;border:1px solid #d7c7b9;background:white;border-radius:10px;padding:.72rem;color:#2a2420}.salon-person{position:relative;overflow:hidden}.salon-person:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#3f8b73}.salon-person.warn:before{background:#c9773f}.salon-person-top{display:flex;justify-content:space-between;gap:.75rem}.salon-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7d7ca;color:#70472f;font-weight:900}.salon-person-id{display:flex;gap:.75rem;align-items:center}.salon-person h3{margin-bottom:.15rem}.salon-task{margin-top:1rem;padding:.8rem;background:#f7f2ec;border-radius:12px}.salon-task strong{display:block;margin-bottom:.25rem}.salon-timer{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:850;color:#2d5b50}.salon-progress{height:8px;border-radius:999px;background:#eee6df;overflow:hidden;margin-top:.7rem}.salon-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d5b50,#80aa9c)}.salon-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.salon-board-col{background:#f7f2ec;border-radius:14px;padding:.85rem;min-height:160px}.salon-board-col>strong{display:flex;justify-content:space-between;margin-bottom:.65rem}.salon-board-item{background:#fff;border:1px solid #e1d5ca;border-radius:10px;padding:.65rem;margin-top:.5rem;font-size:.82rem}.salon-board-item span{display:block;color:#82756a;margin-top:.2rem}.salon-bar-row{display:grid;grid-template-columns:130px 1fr 48px;align-items:center;gap:.75rem;margin:.7rem 0}.salon-bar{height:12px;background:#eee6df;border-radius:999px;overflow:hidden}.salon-bar span{display:block;height:100%;background:#2d5b50;border-radius:inherit}.salon-table{width:100%;border-collapse:collapse}.salon-table th,.salon-table td{text-align:left;padding:.75rem;border-bottom:1px solid #eee4dc}.salon-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#83766c}.salon-save-note{font-size:.78rem;color:#557268}.salon-empty{padding:2rem;text-align:center;color:#7a6d63}.salon-modal-backdrop{position:fixed;inset:0;background:rgba(24,18,15,.62);display:grid;place-items:center;z-index:100;padding:1rem}.salon-modal{width:min(560px,100%);background:#fffaf4;border-radius:20px;padding:1.25rem;box-shadow:0 25px 80px rgba(0,0,0,.25)}.salon-modal h2{margin:0 0 .35rem}.salon-modal .salon-form{grid-template-columns:1fr;margin-top:1rem}.salon-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.salon-toast{position:fixed;right:24px;bottom:24px;background:#263f37;color:white;padding:.8rem 1rem;border-radius:12px;z-index:110;box-shadow:0 12px 34px rgba(0,0,0,.2)}
.salon-legend{display:flex;gap:1rem;flex-wrap:wrap;color:#75685e;font-size:.8rem}.salon-legend span{display:flex;align-items:center;gap:.4rem}.salon-legend i{width:10px;height:10px;border-radius:50%}.salon-legend .busy{background:#2d5b50}.salon-legend .task{background:#b8673f}.salon-legend .ready{background:#6e9585}.salon-legend .free{background:#b6aa9e}.salon-legend .offline{background:#b04848}.salon-floor-wrap{padding:1rem;background:#eadfd4}.salon-floor{display:grid;grid-template-columns:1.05fr 2.2fr 1.45fr;grid-template-areas:"reception seats wash" "mobile seats color";gap:.8rem;min-height:500px;background-color:#f6f0e9;background-image:linear-gradient(rgba(93,75,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(93,75,61,.045) 1px,transparent 1px);background-size:24px 24px;border-radius:14px;padding:.8rem}.salon-zone{border:1px solid #d7c8ba;border-radius:15px;background:rgba(255,253,249,.88);padding:.8rem;position:relative}.salon-zone>h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#816f61;margin:0 0 .65rem}.salon-zone.reception{grid-area:reception}.salon-zone.seats{grid-area:seats}.salon-zone.wash{grid-area:wash}.salon-zone.color{grid-area:color}.salon-zone.mobile{grid-area:mobile}.salon-zone-grid{display:grid;gap:.7rem}.salon-node{width:100%;border:1px solid #d8ccc2;border-left:5px solid #b6aa9e;border-radius:13px;background:#fff;padding:.75rem;text-align:left;color:#332b26;cursor:pointer;box-shadow:0 5px 16px rgba(60,43,31,.06);position:relative}.salon-node:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(60,43,31,.1)}.salon-node.busy{border-left-color:#2d5b50}.salon-node.task{border-left-color:#b8673f}.salon-node.ready{border-left-color:#6e9585}.salon-node.offline{border-left-color:#b04848;background:#fff8f6}.salon-node-top{display:flex;justify-content:space-between;align-items:center;color:#7e6f64;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.salon-node>strong,.salon-node>span:not(.salon-node-top),.salon-node>small{display:block}.salon-node>strong{font-size:1rem;margin-top:.55rem}.salon-node>span:not(.salon-node-top){font-size:.8rem;margin-top:.15rem}.salon-node>small{color:#81736a;margin-top:.4rem}.salon-node>em{position:absolute;right:.65rem;bottom:.65rem;font-style:normal;font-weight:850;color:#2d5b50;font-variant-numeric:tabular-nums}.salon-device-dot{width:9px;height:9px;border-radius:50%;background:#44a17c;box-shadow:0 0 0 3px rgba(68,161,124,.13)}.salon-device-dot.off{background:#b04848;box-shadow:0 0 0 3px rgba(176,72,72,.12)}.salon-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.salon-detail-grid>div{background:#f5eee7;border-radius:10px;padding:.7rem}.salon-detail-grid span,.salon-detail-grid strong{display:block}.salon-detail-grid span{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#85766b}.salon-detail-grid strong{margin-top:.25rem}.salon-content-list{display:flex;flex-direction:column}.salon-content-row{display:grid;grid-template-columns:42px minmax(220px,1fr) 180px 48px;align-items:center;gap:.8rem;padding:.75rem 0;border-top:1px solid #eee4dc}.salon-content-row:first-child{border-top:0}.salon-content-row>div:nth-child(2) span{display:block;color:#84766b;font-size:.78rem;margin-top:.15rem}.salon-content-badge{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e3eee9;color:#2d5b50;font-weight:900}.salon-content-area{min-height:150px}.salon-content-area p{color:#7c7067;line-height:1.5}.salon-content-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eee2d8;color:#9b5d3e;font-weight:900;margin-bottom:.8rem}.salon-preview{background:#201914;color:#fff3e8}.salon-preview h2{color:#fff3e8;font-family:Georgia,serif;font-size:2rem}.salon-preview p{color:#ddc8b8}.salon-preview-product{padding:1rem;border:1px solid #654b3d;border-radius:14px;margin-top:1rem}.salon-preview-product span,.salon-preview-product strong{display:block}.salon-preview-product span{color:#d7aa8d;font-size:.75rem}.salon-preview-product strong{font-size:1.15rem;margin:.25rem 0}.salon-preview-product b{color:#e9a87e}
@media(max-width:1100px){.salon-grid.metrics,.salon-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-board{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-floor{grid-template-columns:1fr 1.6fr;grid-template-areas:"reception seats" "wash seats" "color mobile"}.salon-content-row{grid-template-columns:42px 1fr 48px}.salon-content-row>.salon-muted{display:none}}@media(max-width:720px){.salon-grid.metrics,.salon-grid.two,.salon-grid.three,.salon-board{grid-template-columns:1fr}.salon-ext-header{align-items:flex-start;flex-direction:column}.salon-form{grid-template-columns:1fr}.salon-station-meta{grid-template-columns:1fr}.salon-bar-row{grid-template-columns:95px 1fr 42px}.salon-card{padding:.9rem}.salon-floor{grid-template-columns:1fr;grid-template-areas:"reception" "seats" "wash" "color" "mobile"}.salon-detail-grid{grid-template-columns:1fr}.salon-content-row{grid-template-columns:38px 1fr 44px}}
.salon-content-row{grid-template-columns:42px minmax(220px,1fr) 180px auto}.salon-content-actions{display:flex;align-items:center;gap:.55rem}.salon-btn.compact{padding:.45rem .65rem;font-size:.75rem}.salon-editor{width:min(1040px,96vw);max-height:92vh;overflow:auto}.salon-editor .salon-form{display:block}.salon-editor-basics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;padding:1rem 0}.salon-editor-basics label,.salon-preview-selector label{font-size:.75rem;font-weight:800;color:#796b61}.salon-editor-basics input,.salon-editor-basics select,.salon-preview-selector select{display:block;margin-top:.35rem}.salon-builder-head{border-top:1px solid #e6d9ce;padding-top:1rem;margin-top:.2rem}.salon-fields{display:flex;flex-direction:column;gap:.6rem}.salon-field-editor{display:grid;grid-template-columns:34px minmax(180px,1.5fr) 150px minmax(160px,1fr) 74px 38px;gap:.55rem;align-items:center;padding:.65rem;background:#f6f0e9;border:1px solid #e4d7cd;border-radius:12px}.salon-field-grip{width:28px;height:28px;border-radius:8px;background:#e5d8cc;display:grid;place-items:center;color:#765b48;font-weight:900}.salon-required{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.salon-icon-btn{width:34px;height:34px;border:1px solid #d6c3b4;background:#fffaf4;border-radius:9px;cursor:pointer;font-size:1.25rem;line-height:1;color:#704e3a}.salon-form-preview{width:min(760px,95vw);max-height:92vh;overflow:auto}.salon-preview-selector{padding:.7rem;background:#33271f;border-radius:12px;margin-bottom:.8rem}.salon-preview-selector label{color:#d8bda9}.salon-preview-device{background:#fffaf4;color:#2d2723;border-radius:16px;padding:1.2rem}.salon-preview-device>span{color:#9b5d3e;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.salon-preview-device h3{font-family:Georgia,serif;font-size:1.55rem;margin:.3rem 0 1rem}.salon-preview-fields{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.salon-preview-fields label,.salon-preview-fields fieldset{display:flex;flex-direction:column;gap:.4rem;border:0;padding:0;margin:0;font-size:.82rem;font-weight:800}.salon-preview-fields input,.salon-preview-fields textarea{border:1px solid #d7c7b9;border-radius:9px;background:white;padding:.7rem}.salon-preview-fields textarea{min-height:75px}.salon-choice{display:inline-block;padding:.48rem .65rem;background:#f0e7df;border-radius:8px;font-weight:500}.salon-signature{height:72px;border:1px dashed #ad9380;border-radius:9px;display:grid;place-items:center;color:#9a8779;font-weight:500}.salon-preview-note{padding:.75rem;background:#f0e7df;border-left:4px solid #9b5d3e;border-radius:8px}.salon-preview-control{border:1px solid #bea795;background:#fff;border-radius:9px;padding:.65rem;text-align:left}
@media(max-width:1100px){.salon-content-row{grid-template-columns:42px 1fr auto}.salon-content-row>.salon-muted{display:none}.salon-field-editor{grid-template-columns:30px 1fr 140px 38px}.salon-field-editor .salon-options-input,.salon-field-editor .salon-required{grid-column:2/4}}@media(max-width:720px){.salon-content-row{grid-template-columns:38px 1fr}.salon-content-actions{grid-column:2}.salon-editor-basics{grid-template-columns:1fr}.salon-field-editor{grid-template-columns:28px 1fr 38px}.salon-field-editor select,.salon-field-editor .salon-options-input,.salon-field-editor .salon-required{grid-column:2/3}}
.salon-field-editor{display:block;padding:.85rem;border-left:5px solid #8d7768}.salon-field-editor.type-kurztext{border-left-color:#357c6a}.salon-field-editor.type-langtext{border-left-color:#4e7198}.salon-field-editor.type-ja-nein{border-left-color:#9b5d3e}.salon-field-editor.type-auswahl{border-left-color:#7a5c9d}.salon-field-editor.type-mehrfachauswahl{border-left-color:#9a557b}.salon-field-editor.type-datum{border-left-color:#527b9b}.salon-field-editor.type-foto{border-left-color:#b16c3e}.salon-field-editor.type-unterschrift{border-left-color:#57644c}.salon-field-editor.type-hinweistext{border-left-color:#b18a35}.salon-field-main{display:grid;grid-template-columns:34px minmax(200px,1fr) 160px 95px 38px;gap:.55rem;align-items:center}.salon-field-settings{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:.65rem;margin:1rem 0 .75rem;padding:.75rem;background:#fffaf5;border-radius:10px}.salon-field-settings label{font-size:.72rem;font-weight:800;color:#796b61}.salon-field-settings input,.salon-field-settings select,.salon-field-settings textarea{display:block;margin-top:.3rem}.salon-field-settings .wide{grid-column:1/-1}.salon-option-editor{grid-column:1/-1}.salon-option-editor>strong{display:block;margin-bottom:.5rem}.salon-option-row{display:grid;grid-template-columns:1fr 38px;gap:.45rem;margin:.4rem 0}.salon-mini-preview{padding:.75rem;border:1px dashed #c8b4a5;border-radius:10px;background:#fff}.salon-mini-preview>span{display:block;text-transform:uppercase;letter-spacing:.08em;color:#927965;font-size:.65rem;font-weight:900;margin-bottom:.55rem}.salon-mini-preview label,.salon-mini-preview fieldset{display:flex;flex-direction:column;gap:.35rem;border:0;padding:0;margin:0}.salon-mini-preview input,.salon-mini-preview textarea,.salon-mini-preview select{border:1px solid #d7c7b9;border-radius:8px;padding:.55rem;background:white}.salon-mini-preview small,.salon-preview-fields small{color:#8d7d71;font-weight:500}.salon-preview-fields input[type=radio],.salon-preview-fields input[type=checkbox],.salon-mini-preview input[type=radio],.salon-mini-preview input[type=checkbox]{width:auto}.salon-confirm{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:.5rem;margin-top:.65rem!important}.salon-signature{cursor:pointer;transition:.2s}.salon-signature.signed{border-style:solid;border-color:#3f8b73;background:#e8f2ee;color:#2d5b50}.salon-preview-control{cursor:pointer}.salon-preview-result{color:#2d5b50!important;font-weight:800;margin:.75rem 0 0}.salon-audit-list{display:flex;flex-direction:column}.salon-audit-row{display:grid;grid-template-columns:34px 1fr 120px 140px;align-items:center;gap:.75rem;padding:.7rem 0;border-top:1px solid #eee4dc}.salon-audit-row:first-child{border-top:0}.salon-audit-row>div span{display:block;color:#81736a;font-size:.78rem;margin-top:.15rem}.salon-audit-row>span:not(.salon-avatar),.salon-audit-row time{color:#81736a;font-size:.78rem}.salon-avatar.small{width:32px;height:32px;font-size:.7rem}
@media(max-width:900px){.salon-field-main{grid-template-columns:32px 1fr 150px 38px}.salon-field-main .salon-required{grid-column:2/4}.salon-field-settings{grid-template-columns:1fr 1fr}.salon-audit-row{grid-template-columns:34px 1fr 120px}.salon-audit-row time{grid-column:2}}@media(max-width:620px){.salon-field-main{grid-template-columns:30px 1fr 36px}.salon-field-main select,.salon-field-main .salon-required{grid-column:2}.salon-field-settings{grid-template-columns:1fr}.salon-audit-row{grid-template-columns:32px 1fr}.salon-audit-row>span:not(.salon-avatar),.salon-audit-row time{grid-column:2}}