/* Müşteri Yönetimi (master/detail CRM) and Stil Kataloğu (admin + customer preview). */
.client-filters,.catalog-admin-controls{display:flex;align-items:center;gap:8px;padding:9px 11px;flex-wrap:wrap}
.client-experience{display:grid;grid-template-columns:minmax(440px,.95fr) minmax(440px,1.05fr);gap:14px;align-items:start}
.person{display:flex;align-items:center;gap:9px}.person b,.person small{display:block}.person small{color:var(--muted);font-size:9.5px}
.table td small{display:block;margin-top:2px;color:var(--muted);font-size:9.5px}
.table tr.selected,.table tr.selected:hover{background:var(--rose-soft);box-shadow:inset 3px 0 0 var(--rose-deep)}
.client-empty{display:grid;place-content:center;justify-items:center;gap:6px;min-height:380px;color:var(--muted);text-align:center}
.client-empty .avatar{width:40px;height:40px;background:#e9dcd4;color:var(--muted);font-size:16px}.client-empty b{color:var(--ink);font-size:13px}.client-empty small{max-width:260px;font-size:11px}
.client-detail{align-self:start}
.client-detail-hero{display:flex;align-items:center;gap:12px;padding:16px 18px;color:#fff;background:linear-gradient(120deg,#5f3a4a,#9b6078)}
.client-detail-hero h3,.client-detail-hero p{margin:0}.client-detail-hero h3{font-size:17px;font-weight:800}.client-detail-hero p{margin-top:3px;font-size:10.5px;color:#f1dde6}
.detail-avatar{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:rgba(255,255,255,.14);font-size:15px;font-weight:800}
.consent-pill{margin-left:auto;padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.18);color:#fff;font-size:9.5px;font-weight:700;white-space:nowrap}
.consent-pill.granted{background:#dcebd8;color:#365e39}.consent-pill.denied,.consent-pill.revoked{background:#f0d4d4;color:#7d343b}
.client-tabs{display:flex;gap:3px;overflow:auto;padding:7px;border-bottom:1px solid var(--line);background:#fbf8f5}
.client-tabs button{padding:7px 11px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:11px;font-weight:700;white-space:nowrap}
.client-tabs button:hover{color:var(--ink);background:var(--rose-tint)}.client-tabs button.active{color:#fff;background:var(--rose-deep)}
.client-detail-body{padding:14px 16px;max-height:600px;overflow:auto}
.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.summary-grid>div{padding:11px;border-radius:10px;background:#faf6f2}.summary-grid span,.summary-grid b{display:block}.summary-grid span{color:var(--muted);font-size:9.5px}.summary-grid b{margin-top:4px;font-size:13px;font-variant-numeric:tabular-nums}
.profile-note{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:11px}.profile-note b{display:block;margin-top:8px;font-size:11px}.profile-note b:first-child{margin-top:0}.profile-note p{margin:4px 0 0;font-size:11px}.profile-note .muted{color:var(--muted)}
.compact{gap:9px}
.timeline,.formula-list{display:grid;gap:8px}
.timeline article{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:10px;border-left:3px solid var(--rose);border-radius:0 9px 9px 0;background:#faf6f2}
.timeline time,.timeline small{font-size:10px;color:var(--muted)}.timeline b,.timeline small{display:block}.timeline b{font-size:11.5px}
.formula-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--muted);font-size:10.5px}
.formula-list article{padding:12px;border:1px solid var(--line);border-radius:11px}.formula-list header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.formula-list b,.formula-list small{display:block}.formula-list b{font-size:12px}.formula-list p{margin:3px 0;font-size:11px}.formula-list small{font-size:10px;color:var(--muted)}
.hidden{display:none!important}
.consent-panel h3{margin:0 0 6px;font-size:15px;font-weight:800}.consent-panel p,.consent-panel small{font-size:11px;color:var(--muted)}.consent-panel small{display:block;margin-top:10px}
.media-placeholders{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.media-placeholders i{height:120px;display:grid;place-content:center;border:1px dashed #cdbab0;border-radius:12px;background:linear-gradient(135deg,#efe5df,#ded0ca);color:#8b7770;font-size:10px;font-weight:700;font-style:normal;letter-spacing:1px}
.consent-panel form{display:flex;gap:8px;flex-wrap:wrap}.consent-panel form input{flex:1;min-width:160px}
.profile-hint{padding:10px 12px;border-radius:9px;background:var(--rose-soft)}.profile-hint b,.profile-hint span{display:block}.profile-hint b{font-size:12px}.profile-hint span{margin-top:3px;color:var(--muted);font-size:10.5px}

/* Catalog admin */
.catalog-admin-controls .search{min-width:220px}.category-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1}
.category-chips .tag{cursor:pointer;padding:5px 9px;font-size:10px}.category-chips .tag:hover{background:#ead5de}.category-chips .tag.inactive{opacity:.55}
.style-card.inactive{opacity:.6}.style-card.featured{border-color:#d8b7c4}
.style-tags i,.preview-detail i{display:inline-block;margin:2px 3px 2px 0;padding:3px 6px;border-radius:6px;background:#efe4e8;font-size:9.5px;font-style:normal}
.related-service{display:block;margin-top:9px;color:var(--muted);font-size:10px}.related-service b{color:var(--ink)}
.style-body footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.favorite{position:absolute;right:9px;top:9px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;color:#9b4869;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12);font-size:15px;line-height:1}
.favorite.on{color:#fff;background:var(--rose-deep)}.favorite.admin{cursor:default}

/* Customer preview stage */
.preview-backdrop{place-items:center}
.preview-stage{display:grid;grid-template-columns:300px auto;gap:22px;align-items:center;max-width:100%}
.preview-side{display:grid;gap:10px;padding:20px;border:1px solid rgba(255,255,255,.3);border-radius:16px;color:#fff;background:rgba(38,34,33,.72);backdrop-filter:blur(8px)}
.preview-side .eyebrow{color:#f1c8d8}.preview-side h3{margin:0;font-size:17px}.preview-side p{margin:0;color:#e5d9d3;font-size:11px;line-height:1.55}
.preview-side .field span{color:#e5d9d3}.preview-side small{color:#cdbfb8;font-size:10px}
.preview-side-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.phone-preview{width:390px;height:min(820px,92vh);overflow:auto;border:9px solid #272222;border-radius:34px;background:#fffaf6;box-shadow:0 28px 70px #0006;scrollbar-width:thin}
.phone-preview>header{position:relative;padding:24px 20px 20px;color:#fff;background:linear-gradient(145deg,#6f3f52,#b97583)}
.phone-preview.theme-sand>header{background:linear-gradient(145deg,#745f4c,#c49d72)}.phone-preview.theme-ink>header{background:linear-gradient(145deg,#242326,#596472)}
.phone-preview>header>button{position:absolute;right:12px;top:10px;width:28px;height:28px;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.18);font-size:18px;line-height:1}
.phone-preview>header span{display:inline-block;padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.18);font-size:8px;font-weight:800;letter-spacing:1px}
.phone-preview>header h2{margin:10px 0 4px;font-size:22px;font-weight:800}.phone-preview>header p{margin:0;font-size:11px;line-height:1.5;opacity:.9}
.phone-preview>nav{display:flex;gap:5px;overflow:auto;padding:11px;scrollbar-width:none}
.phone-preview>nav button{padding:7px 11px;border:1px solid #dfd0c8;border-radius:99px;background:#fff;font-size:10.5px;font-weight:600;white-space:nowrap}
.phone-preview>nav button.active{color:#fff;border-color:var(--rose-deep);background:var(--rose-deep)}
.phone-preview.theme-sand>nav button.active{border-color:#8a6a45;background:#8a6a45}.phone-preview.theme-ink>nav button.active{border-color:#33373f;background:#33373f}
.preview-featured{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 11px 14px}
.preview-featured article{overflow:hidden;border:1px solid #eaded7;border-radius:14px;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}
.preview-featured article:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.08)}.preview-featured article.is-favorite{border-color:#d8b7c4}
.preview-featured article>div{position:relative;height:120px}.preview-featured img{width:100%;height:100%;object-fit:cover}
.featured-pill{position:absolute;left:8px;top:8px;padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.9);color:var(--rose-deep);font-size:8px;font-weight:800;font-style:normal}
.preview-featured article>span,.preview-featured article>h3,.preview-featured article>p,.preview-featured article>footer{display:block;margin:6px 9px}
.preview-featured article>span{color:#9b6078;font-size:9px;font-weight:800;text-transform:uppercase}.preview-featured article>h3{margin-top:3px;font-size:14px;font-weight:800}
.preview-featured article>p{height:28px;overflow:hidden;color:#766f6a;font-size:9.5px;line-height:1.45}
.preview-featured footer,.preview-detail footer{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700}
.preview-featured .favorite{width:28px;height:28px;font-size:14px}
.preview-detail{padding-bottom:20px}.preview-detail>button{margin:12px;border:0;background:transparent;font-size:11px;font-weight:700;color:var(--rose-deep)}
.preview-detail>img{width:100%;height:240px;object-fit:cover}
.preview-detail>span,.preview-detail>h2,.preview-detail>p,.preview-detail>div,.preview-detail>footer{margin:10px 18px}
.preview-detail>span{color:#9b6078;font-size:9.5px;font-weight:800;text-transform:uppercase}.preview-detail>h2{margin-top:4px;font-size:22px;font-weight:800}.preview-detail>p{font-size:11.5px;line-height:1.6;color:#4d4441}
.preview-service,.preview-stylist{display:grid;gap:2px;margin:12px 18px;padding:11px 12px;border:1px solid #eaded7;border-radius:12px;background:#fff}
.preview-service span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.preview-service b{font-size:12px}.preview-service small{color:var(--muted);font-size:10px}
.preview-stylist{grid-template-columns:auto 1fr;align-items:center;gap:10px}.preview-stylist b,.preview-stylist small{display:block}.preview-stylist b{font-size:12px}.preview-stylist small{color:var(--muted);font-size:10px}
.preview-cta{display:block;width:calc(100% - 36px);margin:16px 18px;padding:12px;border:0;border-radius:12px;color:#fff;background:var(--rose-deep);font-size:12px;font-weight:800}
.phone-preview.theme-sand .preview-cta{background:#8a6a45}.phone-preview.theme-ink .preview-cta{background:#33373f}
.modal-card.narrow{max-width:470px}

@media(max-width:1250px){.client-experience{grid-template-columns:1fr}.client-detail{order:-1}.client-detail-body{max-height:none}}
@media(max-width:900px){.preview-stage{grid-template-columns:1fr;justify-items:center}.preview-side{max-width:390px}.phone-preview{height:min(640px,80vh)}}
@media(max-width:700px){.summary-grid{grid-template-columns:1fr 1fr}.phone-preview{width:100%}}
.preview-featured footer b+b::before,.preview-detail footer b+b::before{content:"·";margin:0 6px;color:var(--muted)}
@media(max-width:1500px){.client-experience .table th:last-child,.client-experience .table td:last-child{display:none}}

/* v0.6.0 Sadakat (loyalty) presentation */
.tier-pill{margin-left:auto;padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.18);color:#fff;font-size:9.5px;font-weight:800;white-space:nowrap;letter-spacing:.3px}
.tier-pill.tier-silver{background:#e4e7ea;color:#4d5661}.tier-pill.tier-gold{background:#f3dfa8;color:#6f4f10}
.tier-pill+.consent-pill{margin-left:8px}
.loyalty-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(120deg,#f7eef2,#fbf5f8);border:1px solid var(--line)}
.loyalty-hero.tier-silver{background:linear-gradient(120deg,#eef0f3,#f8f9fa)}.loyalty-hero.tier-gold{background:linear-gradient(120deg,#f8ecd0,#fdf6e6);border-color:#ecd7a6}
.loyalty-hero span,.loyalty-hero small{display:block;color:var(--muted);font-size:10px}.loyalty-hero strong{display:block;margin:2px 0;font-size:18px;font-weight:800}
.loyalty-points{text-align:right}.loyalty-points strong{font-size:24px;font-variant-numeric:tabular-nums}
.loyalty-progress{margin:10px 0 12px}
.return-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#faf6f2}
.return-panel.due{border-color:#e6c1c3;background:#fff6f5}.return-panel small{display:block;margin-top:4px;color:var(--muted);font-size:10.5px}
.loyalty-subtitle{margin:16px 0 8px;font-size:12px;font-weight:800}
.loyalty-movements{display:grid;gap:6px}.loyalty-movements>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:#faf6f2}
.loyalty-movements b{display:block;font-size:11.5px;font-variant-numeric:tabular-nums}.loyalty-movements small{display:block;color:var(--muted);font-size:10px}
.return-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#faf6f2}
.return-row b,.return-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.return-row b{font-size:11.5px}.return-row small{color:var(--muted);font-size:10px}