/* PROD6C-2 · Esnaf dünyası (ES1). Yalnız /esnaf/ sayfası yükler. Yeni fotoğraf yok: çizgi simge + CSS.
   Renk yasası sentinel-system.css'e uyar: başlık beyaz (açık temada koyu), açıklama SENTINEL turuncusu, etiket dünya rengi.
   Bu dosya sentinel-system.css'ten ÖNCE yüklenir; bu yüzden renk koyan kurallar html[lang] önekiyle özgüllüğü yükseltir. */

/* ---- dünya rengi: sıcak kiremit (Kişisel mor, Aile amber, Emekli yeşil, Kurumsal mavi; Esnaf kiremit) ---- */
[data-world="esnaf"]{--accent:#B4472F;--accent-bright:#FF9B7A;--accent-tint:rgba(180,71,47,.10);--accent-tint-dark:rgba(255,155,122,.13)}
html[data-theme="light"] [data-world="esnaf"],
html[data-theme="light"] body[data-world="esnaf"]{--accent-bright:#8F3420;--accent-tint-dark:rgba(180,71,47,.10)}
body[data-world="esnaf"] main.es{--v6-glow:rgba(255,130,90,.22);--es-ok:#3FCF8E;--es-ok-bg:rgba(63,207,142,.10);--es-ok-bd:rgba(63,207,142,.45)}
html[data-theme="light"] body[data-world="esnaf"] main.es{--v6-glow:rgba(190,80,50,.14);--es-ok:#12744A;--es-ok-bg:rgba(18,116,74,.08);--es-ok-bd:rgba(18,116,74,.42)}

/* ---- hero: örnek konuşma (yalnız sohbetin bugün yapabildiği iş) ---- */
.es-chat{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.es-bub{max-width:90%;padding:9px 12px;border-radius:16px;font-size:.82rem;line-height:1.42}
.es-bub--me{align-self:flex-end;border-bottom-right-radius:5px;background:linear-gradient(135deg,#1F5FD9,#2F7BFF);color:#fff}
.es-bub--bot{align-self:flex-start;border-bottom-left-radius:5px;background:#151C2C;border:1px solid rgba(140,180,255,.25);color:#E9EEF7}
.es-bub b{display:block;margin-bottom:3px;font:600 .64rem/1.2 var(--mono);letter-spacing:.1em;color:#FF9245}
.es-bub p{margin:0}
.es-phone .v6-phone__body{aspect-ratio:auto;min-height:560px}

/* ---- durum etiketi: Bugün sohbette / Pilotta · yakında ---- */
.es-st{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 11px;border-radius:999px;border:1px solid;font:600 .74rem/1.1 var(--mono);letter-spacing:.03em;white-space:nowrap}
.es-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
html[lang] body[data-world="esnaf"] main.es .es-st--now{color:var(--es-ok);border-color:var(--es-ok-bd);background:var(--es-ok-bg)}
html[lang] body[data-world="esnaf"] main.es .es-st--soon{color:var(--sys-orange);border-color:rgba(var(--sys-orange-rgb),.55);background:rgba(var(--sys-orange-rgb),.08);border-style:dashed}
.es-st--soon::before{background:transparent;box-shadow:inset 0 0 0 1.6px currentColor}

/* ---- bir esnafın günü ---- */
.es-day{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
.es-day__item{position:relative;min-width:0;padding:20px 18px 22px;border-radius:16px;background:var(--v6-card);border:1px solid var(--v6-card-bd)}
.es-day__t{display:inline-block;margin-bottom:12px;font-style:normal;padding:6px 10px;border-radius:999px;background:var(--accent-tint-dark);font:700 .82rem/1 var(--mono);letter-spacing:.06em}
html[lang] body[data-world="esnaf"] main.es .es-day__t{color:var(--accent-bright)}
.es-day__item h3{margin:0 0 .4em;font-size:1.05rem}
.es-day__item p{margin:0;font-size:.94rem;line-height:1.55}
html[lang] body[data-world="esnaf"] main.es .es-day__item p{color:var(--sys-desc)}
.es-daynote{margin:18px 0 0;font-size:.92rem}

/* ---- sesle çalışır ---- */
.es-voice{display:grid;gap:clamp(20px,3vw,44px);grid-template-columns:1fr;align-items:center}
.es-voice__steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:vs}
.es-voice__steps li{position:relative;padding:16px 16px 16px 58px;border-radius:14px;background:var(--v6-card);border:1px solid var(--v6-card-bd);counter-increment:vs;font-size:.98rem;line-height:1.5}
.es-voice__steps li::before{content:counter(vs);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 .85rem/1 var(--mono);background:var(--accent-tint-dark)}
html[lang] body[data-world="esnaf"] main.es .es-voice__steps li{color:var(--sys-head)}
html[lang] body[data-world="esnaf"] main.es .es-voice__steps li::before{color:var(--accent-bright)}
.es-voice__aside{padding:22px;border-radius:18px;border:1px dashed var(--sys-edge-2);background:var(--v6-card)}
.es-voice__aside h3{margin:0 0 .4em;font-size:1.05rem}
.es-voice__aside p{margin:0;font-size:.95rem;line-height:1.55}
html[lang] body[data-world="esnaf"] main.es .es-voice__aside p{color:var(--sys-desc)}

/* ---- neler yapacak: iki grup ---- */
.es-group+.es-group{margin-top:clamp(28px,3.5vw,44px)}
.es-group__h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 14px}
.es-group__h h3{margin:0;font-size:1.25rem}
.es-group__h p{margin:0;font-size:.95rem;flex:1 1 260px}
html[lang] body[data-world="esnaf"] main.es .es-group__h p{color:var(--sys-desc)}
.es-caps{display:grid;gap:14px;grid-template-columns:1fr}
.es-cap{display:flex;flex-direction:column;gap:6px}
.es-cap__ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;background:var(--accent-tint-dark)}
.es-cap__ico svg{width:22px;height:22px}
html[lang] body[data-world="esnaf"] main.es .es-cap__ico{color:var(--accent-bright)}
.es-cap .es-st{align-self:flex-start;margin-top:auto}
.es-cap p{margin-bottom:10px}
.es-cap--soon{border-style:dashed;border-color:var(--sys-edge-2);background:transparent}
.es-cap--soon .es-cap__ico{background:transparent;border:1px dashed var(--sys-edge-2)}
.es-cap__not{display:block;margin:0 0 10px;font-size:.84rem;line-height:1.45}
html[lang] body[data-world="esnaf"] main.es .es-cap__not{color:var(--sys-quiet)}

/* ---- çizgilerimiz ---- */
.es-lines .v6-feature{display:flex;flex-direction:column;gap:6px}
.es-lines .es-cap__ico{margin-bottom:4px}

/* ---- sektör sektör ---- */
.es-sectors{display:grid;gap:16px;grid-template-columns:1fr}
.es-sector{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;border-radius:18px;background:var(--v6-card);border:1px solid var(--v6-card-bd)}
.es-sector__head{display:flex;align-items:center;gap:12px}
.es-sector__head h3{margin:0;font-size:1.12rem}
.es-sector__label{margin:0;font:600 .72rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
html[lang] body[data-world="esnaf"] main.es .es-sector__label{color:var(--sys-quiet)}
.es-says{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.es-says li{padding:9px 12px 9px 14px;border-left:2px solid var(--accent-bright);border-radius:0 10px 10px 0;background:var(--accent-tint-dark);font-size:.93rem;line-height:1.45}
html[lang] body[data-world="esnaf"] main.es .es-says li{color:var(--sys-head)}
.es-sector__soon{margin:auto 0 0;padding-top:12px;border-top:1px dashed var(--sys-edge-2);display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:.88rem;line-height:1.4}
html[lang] body[data-world="esnaf"] main.es .es-sector__soon span:not(.es-st){color:var(--sys-desc)}
.es-sector--more{justify-content:center;border-style:dashed;border-color:var(--sys-edge-2);background:transparent}
.es-sector--more p{margin:0;font-size:.98rem;line-height:1.55}
html[lang] body[data-world="esnaf"] main.es .es-sector--more p{color:var(--sys-desc)}
.es-sector--more .btn{align-self:flex-start}

/* ---- Sentinel'e esnaf olarak sor: sohbet bölümü ---- */
#sor{scroll-margin-top:84px}
.es-ask__grid{display:grid;gap:clamp(24px,5vw,72px);grid-template-columns:1fr;align-items:start}
.es-ask__copy{min-width:0}
.es-ask__copy h2{margin:.3em 0 .5em}
.es-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.es-chip{appearance:none;-webkit-appearance:none;cursor:pointer;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--sys-edge-2);background:var(--v6-card);font:inherit;font-size:.92rem;line-height:1.3;text-align:left;transition:border-color .25s ease,background-color .25s ease}
html[lang] body[data-world="esnaf"] main.es .es-chip{color:var(--sys-head)}
.es-chip:hover{border-color:var(--accent-bright);background:var(--accent-tint-dark)}
.es-chip:focus-visible{outline:2px solid var(--sys-orange);outline-offset:2px}
.es-ask__note{margin:18px 0 0;font-size:.9rem;line-height:1.55;max-width:56ch}
html[lang] body[data-world="esnaf"] main.es .es-ask__note{color:var(--sys-quiet)}
/* sohbet kutusu her iki temada da koyu bir kart; içindeki renk değişkenleri koyu yüzeye göre sabitlenir (v6-phone ile aynı yöntem) */
.es-ask__stage{--sys-head:#FFFFFF;--sys-desc:#FF9245;--sys-orange:#FF9245;--sys-orange-rgb:255,146,69;--sys-edge-2:rgba(170,200,255,.22);min-width:0;width:100%;max-width:460px;margin:0 auto;border-radius:24px;background:#0A101C;box-shadow:0 30px 80px -30px rgba(0,0,0,.65),0 0 0 1px rgba(170,200,255,.16)}
/* ana sayfadaki hero yerleşimi (mutlak konum, container-type:size) bu bölümde akışa alınır: avatar üstte, yazı kutusu hemen altında.
   Telefondaki tam ekran panel (data-chat) bunlardan etkilenmez: tüm kurallar :not([data-chat]) altındadır. */
.es-ask__stage .reception-col:not([data-chat]){position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:none;height:auto;min-height:0;max-height:none;margin:0;container-type:normal;display:block}
.es-ask__stage .reception-col:not([data-chat]) .owner-static-presence.kizimiz-reception{position:relative;left:auto;right:auto;top:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1080/1240;border-radius:24px 24px 0 0}
.es-ask__stage .reception-col:not([data-chat]) .owner-static-presence.kizimiz-reception[data-avatar="ogl"]{aspect-ratio:1080/1020}
.es-ask__stage .reception-col:not([data-chat]) .kizimiz-reception__btn{bottom:46px;top:auto;left:50%;right:auto;transform:translateX(-50%);min-height:44px;padding:10px 18px;font-size:14px}
.es-ask__stage .reception-col:not([data-chat]) .kizimiz-reception[data-reception="talk"] .kizimiz-reception__btn{bottom:auto;top:14px;left:auto;right:14px;transform:none;min-height:40px;padding:8px 14px;font-size:13px}
.es-ask__stage .reception-col:not([data-chat]) .kizimiz-reception figcaption{left:0;right:0;top:auto;bottom:14px;max-width:none;text-align:center}
.es-ask__stage .reception-col:not([data-chat]) .kizimiz-reception[data-asked] figcaption,
.es-ask__stage .reception-col[data-asked]:not([data-chat]) .kizimiz-reception figcaption{opacity:1}
.es-ask__stage .reception-col:not([data-chat]) .kizimiz-reception__status{display:block;bottom:104px}
.es-ask__stage .reception-col:not([data-chat]) .kizimiz-reception__status:empty{display:none}
.es-ask__stage .reception-col:not([data-chat]) .sentinel-ask{position:relative;left:auto;right:auto;top:auto;bottom:auto;z-index:3;width:auto;min-width:0;max-width:none;margin:0;padding:16px 16px 18px;border-radius:0 0 24px 24px;background:#0A101C;border:0;border-top:1px solid rgba(170,200,255,.14);backdrop-filter:none;-webkit-backdrop-filter:none}
.es-ask__stage .reception-col:not([data-chat]) .sentinel-ask__answer{max-height:none}

/* ---- sık sorulanlar yan notu ---- */
.es-faqnote{margin:22px 0 0;font-size:.95rem}

/* ---- genişlikler ---- */
@media (min-width:560px){
  .es-day,.es-caps--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:640px){
  .es-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:860px){
  .es-caps--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .es-voice{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
}
@media (min-width:980px){
  .es-ask__grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center}
  .es-ask__stage{margin:0}
}
@media (min-width:1000px){
  .es-sectors{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1100px){
  .es-day,.es-caps--4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:420px){
  .es-phone .v6-phone__body{min-height:0}
  .es-st{white-space:normal}
}