/* Client-only visual theme. Authentication and commerce stay unchanged. */
.client-salon{--ink:#eee5d2;--muted:#c4cebf;--line:#58715e;--peach:#dec490;--shadow:0 16px 38px #06191033;color-scheme:dark;background:#142e26;color:var(--ink);font-size:19px;line-height:1.65}
.client-salon .app-layout{background:radial-gradient(ellipse at 75% 0%,#305444 0%,#1a372d 55%,#142e26 100%);grid-template-columns:280px minmax(0,1fr)}
.client-salon .sidebar{background:#102c23;border-color:#8d815c;padding:36px 24px;gap:12px}
.client-salon .logo img{width:210px;height:70px;object-fit:contain}
.client-salon .sidebar .logo{margin:0 0 12px}
.client-salon .salon-label{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#dec490;margin-bottom:24px}
.client-salon .sidebar nav button{font-size:18px;line-height:1.45;padding:16px 18px;color:#dddcc9;border:1px solid transparent;min-height:58px}
.client-salon .sidebar nav button:hover{background:#274d3d;border-color:#6e805f}
.client-salon .sidebar nav button.active{background:#dec490;color:#17382a;border-color:#e9d5ac;box-shadow:0 6px 20px #05180f33}
.client-salon .sidebar-bottom{font-size:15px;color:#c5c5aa}
.client-salon .app-content{max-width:1600px;padding:42px 52px 70px;margin:0 auto;min-width:0}
.client-salon .app-top{padding:26px 30px;background:#244637;border:1px solid #697a58;border-radius:20px;box-shadow:var(--shadow);margin-bottom:28px}
.client-salon .app-top h1{font:400 clamp(32px,2.5vw,46px)/1.15 Georgia,serif;letter-spacing:-.025em}
.client-salon .app-top p{font-size:19px;color:#d2d7c6}
.client-salon .app-user{flex-wrap:wrap;justify-content:flex-end}
.client-salon .app-user button{font-size:16px;color:#e1d4b5;padding:8px}
.client-salon .avatar{background:#dec490;color:#18372b}
.client-salon h2{font-size:32px;letter-spacing:-.035em;line-height:1.2}
.client-salon h3{font-size:25px}
.client-salon .eyebrow{color:#dec490;font-size:15px}
.client-salon .source-files-management{margin:30px 0;padding:24px;background:#203e2f;border:1px solid #748163;border-radius:16px}
.client-salon .source-files-management summary{cursor:pointer;font-size:20px;color:#e2ca93;font-weight:600}
.client-salon .source-files-management>p{margin:16px 0}
.client-salon .check-label{display:block;position:relative;padding-left:32px;color:#eee5d2;line-height:1.65;font-size:18px;overflow-wrap:anywhere}
.client-salon .check-label>input[type=checkbox]{position:absolute;left:0;top:3px;width:20px;height:20px;margin:0;min-height:0}
.client-salon .check-label a{color:#ead3a0;text-decoration:underline;text-underline-offset:3px}
.client-salon .final-slideshow-drop{background:#1c392c;border-color:#baa576;padding:22px 18px}
.client-salon .final-slideshow-drop strong{color:#eee5d2;font-size:20px}
.client-salon .final-slideshow-drop span,.client-salon .music-empty{color:#cdd3bd;font-size:17px}
.client-salon .final-slideshow-drop:focus-within{outline:3px solid #dec490;outline-offset:4px}
.client-salon .app-user button{min-height:44px}
.client-salon .form-notice{color:#ffc1ac;font-size:17px}
.client-salon .offer-grid{max-width:none;width:100%}
.client-salon .app-panel,.client-salon .auth-card,.client-salon .form-dialog,.client-salon .order-card{background:#284737;border-color:#6a795c;padding:32px;border-radius:20px;box-shadow:var(--shadow)}
.client-salon .project-summary{background:linear-gradient(120deg,#31523d,#234235);padding:30px}
.client-salon .project-visual{width:120px;height:108px;border:1px solid #b79c63}
.client-salon .project-summary h2{font-size:30px}
.client-salon .project-summary p,.client-salon .locked-panel p,.client-salon .upload-drop p{font-size:19px}
.client-salon .project-progress{font-size:17px;padding:16px 24px;background:#1c392d;border-radius:12px;color:#c4cbb7;border:1px solid #50684b}
.client-salon .project-progress .current,.client-salon .live-estimate{color:#e2ca93}
.client-salon .live-estimate-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin:20px 0 35px}
.client-salon .live-estimate-row .live-estimate{margin:0}
.client-salon .live-estimate-note{flex:1 1 32ch;max-width:62ch;margin:0;color:var(--muted);font-size:16px;line-height:1.5}
@media(max-width:700px){.client-salon .live-estimate-row{display:block}.client-salon .live-estimate-note{margin-top:8px}}
.client-salon .locked-panel{background:#254233}
.client-salon .lock-icon{background:#3d5940;color:#ead3a0}
.client-salon .button{font-size:18px;min-height:54px;padding:14px 25px}
.client-salon .button.dark{background:#dec490;color:#17382a;border-color:#dec490}
.client-salon .button.outline,.client-salon .button.light{background:#1c382c;color:#efe2c3;border-color:#8c916c}
.client-salon label{font-size:18px}
.client-salon input,.client-salon textarea,.client-salon select{background:#163328;color:#eee5d2;border-color:#82906b;font-size:19px;min-height:52px}
.client-salon input::placeholder,.client-salon textarea::placeholder{color:#bdc5b3;opacity:1}
.client-salon input[type=checkbox],.client-salon input[type=radio]{accent-color:#dec490;min-height:0}
.client-salon .offer-card{background:#1d3b2e;border-color:#748163;color:#eee5d2;font-size:19px;padding:25px}
.client-salon .offer-card span{font-size:18px;color:#cdd3c1}
.client-salon .offer-card:has(input:checked){background:#3b563c;border-color:#dec490;box-shadow:inset 0 0 0 1px #dec490}
.client-salon .checkout-box,.client-salon .upload-drop{background:#213d2f;border-color:#a38e60}
.client-salon .upload-drop{padding:40px}
.client-salon .upload-drop h2,.client-salon .section-toolbar h2,.client-salon .order-builder h2{font-size:30px}
.client-salon .upload-drop.dragover{background:#3c573c}
.client-salon .photo-timeline{background:linear-gradient(transparent 33px,#758163 33px,#758163 35px,transparent 35px),#1c392c;border-color:#a38e60;scrollbar-color:#baa576 #1c392c;min-height:280px}
.client-salon .timeline-photo{background:#34513c;border-color:#7d8b68;flex-basis:210px}
.client-salon .photo-number{background:#dec490;color:#17382a;border-color:#34513c;font-size:16px}
.client-salon .photo-name{font-size:15px}
.client-salon .photo-tools button{background:#203e2e;border-color:#84916e;color:#e8d8b4;min-width:36px;min-height:42px}
.client-salon .photo-tools .photo-remove{color:#ffc1ac}
.client-salon .timeline-status,.client-salon .timeline-save-note,.client-salon .timeline-empty,.client-salon .quota{font-size:16px;color:#cdd3bd}
.client-salon .file-card{padding:14px;background:#2b4836;border:1px solid #6d7e5e;border-radius:16px}
.client-salon .file-card strong{font-size:18px}
.client-salon .file-card small,.client-salon .file-actions a,.client-salon .file-actions button{font-size:15px;color:#e2cea3}
.client-salon .file-preview,.client-salon .timeline-preview{background:#163427}
.client-salon .message{background:#3c5540;color:#eee5d2;font-size:19px}
.client-salon .message.mine{background:#586447;color:#f5ecd7}
.client-salon .message small{font-size:14px;color:#e1dbc5}
.client-salon .empty-state{color:#cad0bc;font-size:18px;background:#203e2f;border-color:#7b8765}
.client-salon small,.client-salon .badge,.client-salon .auth-extra,.client-salon .checkout-box dt,.client-salon .photo-options p,.client-salon .music-planner p{font-size:16px}
.client-salon .badge{background:#405b41;color:#ebddb8}
.client-salon .auth-page{padding-top:45px}
.client-salon .auth-card{width:min(600px,100%)}
.client-salon .auth-card h1{font:400 40px/1.15 Georgia,serif}
.client-salon .auth-card>p{font-size:19px}
.client-salon .auth-tabs{background:#19372a}
.client-salon .auth-tabs button{font-size:17px;color:#dddcc9}
.client-salon .auth-tabs button[aria-selected=true]{background:#dec490;color:#17382a}
.client-salon .demo-banner,.client-salon .service-banner{background:#4c5136;border-color:#a38e60;color:#eee0bd;font-size:16px}
.client-salon :focus-visible{outline:3px solid #e0c997;outline-offset:4px}
.client-salon .creation-shortcuts{display:none}
.client-salon .journey-details>summary{cursor:pointer;color:#ead3a0;padding:16px 0;font-size:18px;font-weight:600}
.client-salon .offer-description{padding:12px 0}
.client-salon .offer-description strong,.client-salon .offer-description span{display:block}
@media(min-width:701px){.client-salon #creation-options{display:contents}.client-salon #creation-options>summary{display:none}}
@media(max-width:700px){.client-salon .creation-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.client-salon .creation-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;padding:8px;border:1px solid #97865d;border-radius:8px;font-size:15px;color:#ead3a0;text-decoration:none}.client-salon .offer-grid{grid-template-columns:1fr;gap:10px}.client-salon .offer-card{padding:14px;min-height:0;gap:8px}.client-salon .offer-card strong{font-size:18px}.client-salon .journey-details{border-block:1px solid #6b7855;margin:16px 0}.client-salon #client-timeline,.client-salon #creation-options,.client-salon #mobile-order{scroll-margin-top:20px}.client-salon .offer-description span{font-size:17px;line-height:1.65;margin-top:8px}}
@media(max-width:1100px){.client-salon .app-layout{grid-template-columns:235px minmax(0,1fr)}.client-salon .app-content{padding:28px}.client-salon .sidebar{padding:25px 16px}.client-salon .logo img{width:185px;height:62px}.client-salon .app-top{align-items:start;flex-wrap:wrap}}
@media(max-width:700px){.client-salon{font-size:17px}.client-salon .app-layout{display:block}.client-salon .sidebar{padding:16px;gap:12px;flex-direction:column;align-items:stretch}.client-salon .sidebar .logo{margin:0}.client-salon .salon-label{margin:0;font-size:12px}.client-salon .sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-salon .sidebar nav button{font-size:15px;white-space:normal;min-height:52px;padding:10px}.client-salon .app-content{padding:20px 16px 45px}.client-salon .app-top,.client-salon .app-panel{padding:22px 18px}.client-salon .app-user{flex-direction:row;justify-content:flex-start}.client-salon .app-top h1{font-size:32px}.client-salon h2,.client-salon .project-summary h2{font-size:27px}.client-salon .project-summary{flex-wrap:wrap}.client-salon .offer-card span,.client-salon .project-summary p,.client-salon .locked-panel p,.client-salon .upload-drop p{font-size:17px}.client-salon .file-grid{grid-template-columns:1fr}.client-salon .timeline-photo{flex-basis:185px}.client-salon .auth-card{padding:25px 20px}.client-salon .auth-card h1{font-size:34px}.client-salon .upload-drop{padding:28px 18px}}
.account-fields{display:grid;gap:4px;margin:18px 0}.account-fields input[readonly]{opacity:.75}.timeline-danger-zone,.danger-button{color:#9b4b3f}.form-dialog hr{border:0;border-top:1px solid var(--line);margin:24px 0 14px}
