/* Marka temaları: her panelin kendi rengi ve karakteri vardır */
:root{--bg:#f5f8f5;--ink:#15332b;--muted:#6f8178;--line:#e3eae4;--red:#b4342b;--b:#176f51;--bd:#103d32;--bs:#eef7e9}
.app[data-brand=dost]{--b:#176f51;--bd:#103d32;--bs:#eef7e9}
.app[data-brand=klinik]{--b:#0b6e99;--bd:#0a2e44;--bs:#e5f2f8}
.app[data-brand=hizmet]{--b:#b8650c;--bd:#472808;--bs:#fdf0dc}
.app[data-brand=pazar]{--b:#5646c0;--bd:#211a58;--bs:#edeafb}
.app[data-brand=gonul]{--b:#b0305f;--bd:#4a1230;--bs:#fbe8f0}
.app[data-brand=admin]{--b:#3b4a54;--bd:#182026;--bs:#eceff1}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,'Segoe UI',sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.side{background:var(--bd);color:#e6efe9;padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto}
.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 18px;color:#fff}
.logo{width:42px;height:42px;border-radius:14px;background:var(--bs);color:var(--bd);display:grid;place-items:center;font-size:24px}
.brand b{font-size:21px;letter-spacing:-1px}.brand small{display:block;opacity:.7;font-size:10px;letter-spacing:2px}
.nav-title{font-size:10px;letter-spacing:2px;opacity:.55;padding:14px 12px 6px;font-weight:800}
.nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:inherit;opacity:.85;margin:2px 0;width:100%;border:0;background:transparent;text-align:left}
.nav:hover,.nav.active{background:rgba(255,255,255,.15);opacity:1}.nav.active{box-shadow:inset 3px 0 0 #fff}.nav span:first-child{width:22px;font-size:18px}
.nav .badge{margin-left:auto;background:#fff;color:var(--bd);border-radius:20px;padding:0 7px;font-size:11px;font-weight:800}
.main{min-width:0}
.demo{background:#fff6dc;border-bottom:1px solid #f0e2bd;color:#7b632f;font-size:12px;padding:6px 20px;text-align:center}
.top{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;border-bottom:3px solid var(--b);position:sticky;top:0;z-index:5}
.top h2{margin:0;font-size:18px}.top-right{display:flex;align-items:center;gap:10px}
.top select{border:1px solid #dce7df;border-radius:9px;padding:7px 9px;background:#fff}
.who{font-size:13px;color:var(--muted)}
.content{padding:26px 30px;max-width:1340px;margin:auto}
.mobilemenu{display:none}
.eyebrow{color:var(--b);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.h1{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-1px;margin:6px 0 8px}
.sub{color:var(--muted);margin:0 0 20px;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}
.card h3{margin:0 0 10px;font-size:16px}
.stat b{font-size:26px;display:block}.stat small,.muted{color:var(--muted)}
.section{margin:26px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.section h3{margin:0;font-size:19px}
.btn{border:0;border-radius:10px;background:var(--b);color:#fff;padding:9px 15px;font-weight:700}
.btn:hover{filter:brightness(.92)}.btn.light{background:var(--bs);color:var(--bd)}
.btn.outline{background:#fff;color:var(--b);border:1px solid color-mix(in srgb,var(--b) 30%,#fff)}.btn.danger{background:#fff;color:var(--red);border:1px solid #efc9c5}
.btn.tiny{padding:5px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}
.tag{display:inline-block;background:var(--bs);color:var(--b);padding:3px 9px;border-radius:30px;font-size:11px;font-weight:750;white-space:nowrap}
.tag.amber{background:#fff2db;color:#996b19}.tag.red{background:#fde7e5;color:var(--red)}.tag.grey{background:#eceff0;color:#59676d}.tag.blue{background:#e4effa;color:#2f5f94}.tag.green{background:#e3f5e8;color:#23703f}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.chip{border:1px solid #dce7df;background:#fff;border-radius:30px;padding:7px 13px;color:#4c6658}.chip.active{background:var(--b);color:#fff;border-color:var(--b)}
.pagetabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin:6px 0 18px;overflow:auto}
.pagetabs button{border:0;background:none;padding:10px 16px;color:var(--muted);font-weight:700;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.pagetabs button.on{color:var(--b);border-bottom-color:var(--b)}
.notice{background:#fff9eb;border:1px solid #f0e2bd;padding:12px 15px;border-radius:12px;color:#7b632f;font-size:13px;margin:14px 0}
.banner{background:var(--bs);padding:14px 18px;border-radius:14px;margin-bottom:16px}
.empty{padding:30px;text-align:center;color:#7e8c83;background:#fff;border:1px dashed #cbdccf;border-radius:14px}
.tablewrap{overflow:auto;background:#fff;border-radius:14px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;min-width:620px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #e9eee9;vertical-align:top}th{background:var(--bs);font-size:12px;color:var(--bd)}td{font-size:13px}
tr:last-child td{border-bottom:0}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row-end{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.gap{display:flex;gap:6px;flex-wrap:wrap}
.emoji{font-size:28px;background:var(--bs);border-radius:12px;width:50px;height:50px;display:grid;place-items:center;margin-bottom:10px}
.item h4{margin:4px 0;font-size:16px}.item p{color:#78867e;font-size:13px;margin:0 0 10px}
.price{font-weight:800;font-size:18px}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.field{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:12px}.field.wide{grid-column:1/-1}
.field input,.field select,.field textarea{width:100%;border:1px solid #dce7df;background:#fff;border-radius:9px;padding:10px;color:#244738;font-weight:400;font-size:14px}
.field textarea{min-height:80px}
.chk{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;font-size:13px}
.modal-bg{position:fixed;inset:0;background:#0d2b24a9;display:none;align-items:center;justify-content:center;z-index:30;padding:16px}.modal-bg.show{display:flex}
.modal{background:#fff;border-radius:18px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow:auto}.modal h3{margin-top:0}
.toast{position:fixed;bottom:22px;right:22px;background:#164e3c;color:#fff;padding:12px 18px;border-radius:12px;display:none;z-index:40}.toast.show{display:block}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(115deg,#124c3b,#1c7656)}
.auth-card{background:#fff;border-radius:22px;padding:28px;max-width:460px;width:100%}
.auth-card .brand{color:#103d32;padding:0 0 14px}.auth-card .logo{background:#d8f4a8}
.tabs{display:flex;gap:6px;margin-bottom:14px}
.fam{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.fam div{background:#f1f7f2;border-radius:12px;padding:9px 11px;font-size:12px;line-height:1.3}
.fam span{font-size:18px;margin-right:6px}.fam small{display:block;color:var(--muted)}
.demo-box{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}.demo-box .gap{margin-top:8px}
.list-item{padding:10px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}

/* Ortak bileşenler */
.hero{border-radius:20px;padding:24px 28px;margin-bottom:18px;color:#fff;background:linear-gradient(115deg,var(--bd),var(--b))}
.hero h2{margin:4px 0 6px;font-size:26px;letter-spacing:-.6px}.hero p{margin:0;opacity:.9;max-width:640px}.hero .eyebrow{color:#fff;opacity:.8}
.hero .btn{background:#fff;color:var(--bd);margin:12px 8px 0 0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:6px}
.kpi{background:#fff;border:1px solid var(--line);border-left:5px solid var(--b);border-radius:14px;padding:13px 16px}
.kpi small{display:block;color:var(--muted);font-size:12px}.kpi b{font-size:26px;letter-spacing:-.5px}.kpi em{display:block;font-style:normal;font-size:12px;color:var(--muted)}
.kpi.warn{border-left-color:#e0a31e}.kpi.bad{border-left-color:var(--red)}.kpi.good{border-left-color:#2f9e5b}
.spark{width:100%;height:auto;color:var(--muted)}
.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:130px 1fr 90px;gap:10px;align-items:center;font-size:13px}.bar-row b{text-align:right}
.btrack{background:var(--line);border-radius:6px;height:12px;overflow:hidden}.bfill{height:100%;background:var(--b);border-radius:6px}
.petcard{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;text-align:left;width:100%}
.petcard:hover{border-color:var(--b)}.petcard .emoji{margin:0}.petcard small{display:block;color:var(--muted)}
.tl{border-left:3px solid var(--line);margin-left:8px;padding-left:18px}
.tl-item{position:relative;padding:0 0 18px}.tl-item:before{content:'';position:absolute;left:-26px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--b);border:3px solid #fff;box-shadow:0 0 0 2px var(--b)}
.tl-item.clinic:before{background:#0b6e99;box-shadow:0 0 0 2px #0b6e99}.tl-item.own:before{background:#9aa9a1;box-shadow:0 0 0 2px #9aa9a1}
.tl-item small{color:var(--muted)}
.slot{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px}
.slot .time{font-weight:800;font-size:17px;color:var(--b)}.slot.live{border-color:var(--b);background:var(--bs)}
.week{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;overflow:auto}
.wday{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;min-height:150px}.wday.today{border-color:var(--b);box-shadow:0 0 0 2px var(--bs)}
.wday h5{margin:0 0 6px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.wev{display:block;width:100%;text-align:left;border:0;border-left:4px solid var(--b);background:var(--bs);border-radius:6px;padding:4px 6px;margin-bottom:5px;font-size:12px}
.wev.requested{border-left-color:#e0a31e;background:#fff6e0}.wev.done{border-left-color:#9aa9a1;background:#f0f2f1;opacity:.8}.wev.in_progress{border-left-color:#2f9e5b;background:#e3f5e8}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto;align-items:start}
.kcol{background:var(--bs);border-radius:14px;padding:10px;min-height:120px}.kcol h4{margin:2px 4px 10px;font-size:13px;display:flex;justify-content:space-between}
.kcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px;font-size:13px}
.steps{display:flex;gap:4px;margin:8px 0}.steps i{flex:1;height:6px;border-radius:4px;background:var(--line)}.steps i.on{background:var(--b)}
.hl{background:#fff9eb;border:1px solid #f0e2bd;border-radius:10px;padding:8px 10px;font-size:13px;margin-top:8px}
@media(max-width:1000px){.grid,.grid.three{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}
@media(max-width:760px){
 .app{display:block}.side{display:none;position:fixed;z-index:20;width:260px}.side.open{display:block}
 .mobilemenu{display:inline-block}.top{padding:0 14px}.content{padding:18px 14px}.who{display:none}
 .grid,.grid.three,.grid.two,.formgrid{grid-template-columns:1fr}.bar-row{grid-template-columns:90px 1fr 70px}
}

.gband{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}
.gtile{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;background:#fff;border:1px solid #f0c4d6;border-radius:14px;padding:12px;color:var(--ink)}
.gtile span{font-size:24px}.gtile small{color:var(--muted)}.gtile:hover,.gtile.on{border-color:#b0305f;background:#fbe8f0}
details summary{cursor:pointer;color:var(--b);font-weight:700;font-size:13px}

.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:6px 0 18px}
.plan{background:#fff;border:2px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
.plan.cur{border-color:var(--b);box-shadow:0 0 0 3px var(--bs)}.plan.t-premium{background:linear-gradient(#fffaf0,#fff)}.plan.t-plus{background:linear-gradient(#fff4d6,#fff)}
.plan-h{display:flex;gap:8px;align-items:center;font-size:18px}.plan-price{font-size:26px;font-weight:800;letter-spacing:-.5px}.plan-price small{font-size:13px;font-weight:400;color:var(--muted)}
.plan ul{margin:0;padding-left:18px;font-size:13px;color:#4c6658;flex:1}.plan li{margin-bottom:4px}
.cartline{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.sumrow{display:flex;justify-content:space-between;padding:3px 0;font-size:14px}.sumrow.big{font-size:18px;font-weight:800;border-top:2px solid var(--line);margin-top:6px;padding-top:8px}
code{background:var(--bs);padding:1px 6px;border-radius:6px;font-weight:700}

/* Pazar ürün kartları (görselli) */
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.pcard:hover{box-shadow:0 10px 28px rgba(21,51,43,.12);transform:translateY(-2px)}
.pimg{position:relative;aspect-ratio:1/1;background:linear-gradient(180deg,#fafcfa,#eef3ee);display:grid;place-items:center;padding:14px}
.pimg img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.10))}
.pimg .emoji{width:84px;height:84px;font-size:44px;margin:0}
.pimg .pbadge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--b)}
.pimg .pbadge.rx{background:#fff3f1;border-color:#f0c9c4;color:var(--red)}
.pbody{padding:14px 14px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.pbody .pcat{font-size:12px;color:var(--muted)}
.pbody h4{margin:0;font-size:15px;line-height:1.25}
.pbody p{margin:0;font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pspecies{display:flex;flex-wrap:wrap;gap:4px}
.pspecies span{font-size:11px;background:var(--bs);color:var(--bd);border-radius:999px;padding:2px 9px}
.pfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}
.shophead{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:16px}
.shophead img{height:34px}
@media(max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.pgrid{grid-template-columns:1fr}}

/* Ürün kartları: tüm kartlar aynı ölçüde (görsel alanı sabit kare, metin alanları sabit satır) */
.pgrid{align-items:stretch}
.pcard{height:100%}
.pimg{aspect-ratio:1/1;padding:0;overflow:hidden}
.pimg img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);max-width:none;max-height:none;object-fit:contain}
.pimg .emoji{position:relative}
.pbody{min-height:0}
.pbody .pcat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbody h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.pbody .pspecies{min-height:24px;max-height:24px;overflow:hidden}
.pbody p{min-height:4.1em}
.pbody .pfoot:last-child{margin-top:auto}
.pbody h4{height:2.5em}
.pbody p{height:4.1em;min-height:0}
.pbody .pcat{height:1.3em}
.pbody .pfoot{min-height:40px}
.pbody small{display:block;height:1.3em;overflow:hidden}
.pbody .pfoot{min-height:72px;align-items:flex-end}

/* Satıcı kataloğu kartı: sade, eşit ölçülü */
.pcard.seller .pimg .pstatus{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px;background:#fff;border:1px solid var(--line)}
.pcard.seller .pimg .pstatus.green{color:#23703f;background:#eaf6ee;border-color:#cfe8d8}
.pcard.seller .pimg .pstatus.amber{color:#9a5b00;background:#fff4de;border-color:#f0dcae}
.pcard.seller .pimg .pstatus.red{color:var(--red);background:#fff1ef;border-color:#f0c9c4}
.pcard.seller .pbody{gap:8px}
.pcard.seller .pbody h4{height:2.5em}
.pcard.seller .pmeta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid var(--line)}
.pcard.seller .pprice{font-size:20px;font-weight:800;color:var(--bd)}
.pcard.seller .pstock{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.pcard.seller .pstock input{width:74px;padding:7px 8px;border:1px solid #dce7df;border-radius:10px;font-size:14px;text-align:center}
.pcard.seller .pactions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pcard.seller .pactions .btn{width:100%;justify-content:center}

/* ===================== Dashboard ve grafikler ===================== */
.dash{display:grid;gap:16px}
.dhero{position:relative;overflow:hidden;border-radius:22px;padding:26px 30px;color:#fff;background:linear-gradient(120deg,var(--bd),var(--b));display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;box-shadow:0 14px 34px -16px var(--b)}
.dhero::before,.dhero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.dhero::before{width:280px;height:280px;right:-60px;top:-120px}.dhero::after{width:180px;height:180px;right:140px;bottom:-110px}
.dhero>*{position:relative;z-index:1}
.dh-eb{font-size:11.5px;letter-spacing:.14em;font-weight:700;opacity:.8}
.dhero h1{margin:6px 0 4px;font-size:28px;letter-spacing:-.4px;color:#fff}
.dhero p{margin:0;opacity:.88;max-width:640px;font-size:14px}
.dh-act{display:flex;gap:8px;flex-wrap:wrap}
.dh-act button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:9px 14px;font-weight:600;font-size:13px;cursor:pointer;backdrop-filter:blur(6px);transition:.15s}
.dh-act button:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}
.dh-act button.solid{background:#fff;color:var(--bd);border-color:#fff}
.dkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
.dk{position:relative;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 16px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.dk:hover{box-shadow:0 10px 26px -14px rgba(21,51,43,.35);transform:translateY(-2px)}
.dk-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:var(--bs)}
.dk-b{min-width:0;flex:1}.dk-b small{display:block;color:var(--muted);font-size:12px;font-weight:600}
.dk-b b{display:block;font-size:25px;letter-spacing:-.6px;line-height:1.15;color:var(--ink)}
.dk-s{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--muted);flex-wrap:wrap;margin-top:2px}
.dk-d{font-weight:700;border-radius:999px;padding:1px 8px;font-size:11px}
.dk-d.up{background:#e6f5ec;color:#1d7a43}.dk-d.down{background:#fdeceb;color:var(--red)}.dk-d.flat{background:#eef1ef;color:var(--muted)}
.dk-sp{flex:none;width:92px;opacity:.95}.dk.warn .dk-ic{background:#fff3da}.dk.bad .dk-ic{background:#fdeceb}.dk.good .dk-ic{background:#e6f5ec}
.dg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.dg>.s4{grid-column:span 4}.dg>.s5{grid-column:span 5}.dg>.s6{grid-column:span 6}.dg>.s7{grid-column:span 7}.dg>.s8{grid-column:span 8}.dg>.s12{grid-column:span 12}
.dcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;min-width:0;box-shadow:0 1px 0 rgba(21,51,43,.03)}
.dcard>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.dcard h3{margin:0;font-size:15.5px;letter-spacing:-.2px}.dcard header small{color:var(--muted);font-size:12px}
.drange{display:inline-flex;background:var(--bs);border-radius:11px;padding:3px}
.drange button{border:0;background:transparent;border-radius:9px;padding:5px 11px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}
.drange button.on{background:#fff;color:var(--b);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.zc-svg{width:100%;height:auto;display:block;overflow:visible}
.zc-grid{stroke:#e8eee9;stroke-width:1;stroke-dasharray:3 4}.zc-ax{font-size:10.5px;fill:#8a9a90}
.zc-path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:zcdraw 1.1s ease forwards}
.zc-fill{opacity:0;animation:zcfade .8s .25s ease forwards}
.zc-vl{stroke:#9db0a5;stroke-width:1;stroke-dasharray:4 3;opacity:0;pointer-events:none}.zc-dt{fill:#fff;stroke-width:2.6;opacity:0;pointer-events:none}
.zc-hit{fill:transparent;cursor:crosshair}
.zc-bar{transform-box:fill-box;transform-origin:50% 100%;animation:zcgrow .7s cubic-bezier(.2,.8,.2,1) both;cursor:pointer;transition:filter .15s}.zc-bar:hover{filter:brightness(1.12) saturate(1.1)}
.zc-leg{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.zc-lg{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink)}
.zc-lg i{width:9px;height:9px;border-radius:50%}.zc-lg.off{opacity:.45;text-decoration:line-through}
.zc-donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.zc-dsvg{flex:none;transform:rotate(-90deg)}.zc-dsvg text{transform:rotate(90deg);transform-origin:80px 80px}
.zc-track{fill:none;stroke:#eef2ef;stroke-width:18}.zc-seg{fill:none;stroke-width:18;stroke-linecap:butt;animation:zcfade .8s ease both;transition:stroke-width .15s;cursor:pointer}
.zc-seg.hot{stroke-width:23}.zc-cv{font-size:19px;font-weight:800;fill:var(--ink)}.zc-cl{font-size:9.5px;fill:#7a8a80}
.zc-dleg{flex:1;min-width:160px;display:grid;gap:7px}.zc-li{display:grid;grid-template-columns:12px 1fr auto 42px;gap:8px;align-items:center;font-size:12.5px}
.zc-li i{width:10px;height:10px;border-radius:3px}.zc-li b{font-weight:700}.zc-li em{font-style:normal;color:var(--muted);text-align:right;font-size:11.5px}
.zc-hb{display:grid;gap:11px}.zc-hl{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.zc-hl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zc-ht{height:8px;background:#eef2ef;border-radius:99px;overflow:hidden;display:flex;margin-top:5px}.zc-ht.tall{height:11px}
.zc-hf{height:100%;border-radius:99px;transform-origin:left;animation:zcgrowx .9s cubic-bezier(.2,.8,.2,1) both}
.zc-st{margin-bottom:12px}.zc-ring{display:grid;justify-items:center;gap:2px}.zc-ring svg{width:92px;transform:rotate(-90deg)}.zc-ring text{transform:rotate(90deg);transform-origin:44px 44px}.zc-ring small{color:var(--muted);font-size:11.5px}
.zc-sp{width:100%;height:auto;overflow:visible}
.zc-heat{display:grid;gap:3px;align-items:center}.zc-heat small{font-size:10.5px;color:#8a9a90;text-align:center}.zc-heat small.r{text-align:right;padding-right:6px}
.zc-hc{height:24px;border-radius:6px;animation:zcfade .6s both;cursor:pointer}
.zt{position:fixed;z-index:9999;display:none;pointer-events:none;background:#14231d;color:#fff;border-radius:10px;padding:8px 11px;font-size:12px;line-height:1.5;box-shadow:0 10px 30px rgba(0,0,0,.28);max-width:260px}
.zt b{display:block;font-size:12px}.zt i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.zt div b{display:inline}
.dlist{display:grid;gap:10px}.dli{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fbfdfb}
.dli .dd{flex:none;width:44px;height:44px;border-radius:12px;background:var(--bs);display:grid;place-items:center;font-size:20px}
.dli b{display:block;font-size:13.5px}.dli small{color:var(--muted)}.dli .r{margin-left:auto;text-align:right}
.dsec{margin:6px 2px 0;font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--muted)}
.dskel{height:120px;border-radius:16px;background:linear-gradient(90deg,#eef2ef 25%,#f6f9f7 50%,#eef2ef 75%);background-size:200% 100%;animation:zcsk 1.2s infinite}
@keyframes zcdraw{to{stroke-dashoffset:0}}@keyframes zcfade{from{opacity:0}to{opacity:1}}
@keyframes zcgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes zcgrowx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes zcsk{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.zc-path,.zc-fill,.zc-bar,.zc-hf,.zc-seg,.zc-hc{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}
@media(max-width:1100px){.dg>.s4,.dg>.s5,.dg>.s6,.dg>.s7,.dg>.s8{grid-column:span 12}}
@media(max-width:700px){.dhero{padding:20px}.dhero h1{font-size:22px}.dk-sp{display:none}}
.dk{flex-wrap:wrap;row-gap:6px}.dk-sp{flex:0 0 100%;width:100%;order:3;height:30px;margin-top:2px}.dk-sp svg{width:100%;height:30px}.dk-b b{white-space:nowrap}

/* ===================== Arayüz cilası (v2): düğme, tablo, form, modal, liste, gezinme ===================== */
:root{--r:14px;--sh1:0 1px 2px rgba(21,51,43,.05),0 1px 1px rgba(21,51,43,.03);--sh2:0 8px 24px -10px rgba(21,51,43,.22);--ring:0 0 0 3px color-mix(in srgb,var(--b) 22%,transparent)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.h1{font-size:30px;letter-spacing:-.6px;margin:4px 0 6px}.eyebrow{letter-spacing:.14em;font-weight:800;font-size:11.5px}.sub{color:var(--muted);max-width:760px}
.content{max-width:1320px}
*:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}

/* düğmeler */
.btn{border-radius:12px;padding:10px 16px;font-weight:700;letter-spacing:.1px;box-shadow:0 1px 2px color-mix(in srgb,var(--b) 35%,transparent);transition:transform .12s,box-shadow .15s,filter .15s,background .15s;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn:hover{filter:none;transform:translateY(-1px);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--b) 55%,transparent)}.btn:active{transform:translateY(0);box-shadow:none}
.btn.outline{box-shadow:none;background:#fff}.btn.outline:hover{background:var(--bs);box-shadow:none}
.btn.danger{box-shadow:none}.btn.danger:hover{background:#fdeceb;box-shadow:none}
.btn.light{box-shadow:none}.btn.tiny{padding:6px 11px;font-size:12px;border-radius:10px}
.btn:disabled{transform:none;box-shadow:none}

/* etiketler */
.tag{padding:3px 10px;font-size:11px;letter-spacing:.2px}

/* bölüm başlıkları */
.section{margin:30px 0 14px}.section h3{font-size:17px;letter-spacing:-.2px;display:flex;align-items:center;gap:10px}
.section h3::before{content:"";width:4px;height:18px;border-radius:4px;background:var(--b)}

/* tablolar */
.tablewrap{border-radius:18px;box-shadow:var(--sh1);border:1px solid var(--line);overflow:auto;background:#fff}
table{border-collapse:separate;border-spacing:0;width:100%}
thead th{position:sticky;top:0;background:#f6faf7;color:#5c7066;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
tbody td{padding:13px 16px;border-bottom:1px solid #eef3ef;font-size:13.5px;vertical-align:middle}
tbody tr{transition:background .12s}tbody tr:hover{background:#f8fbf9}tbody tr:last-child td{border-bottom:0}
tbody td:first-child{font-weight:600}

/* formlar */
.formgrid{gap:16px}.field{gap:6px;font-size:12px;color:#40584c;letter-spacing:.2px}
.field input,.field select,.field textarea,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=search],select,textarea{border:1px solid #d6e2da;border-radius:12px;padding:11px 13px;background:#fff;font-size:14px;color:var(--ink);transition:border-color .15s,box-shadow .15s;font-family:inherit}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#b8cdbf}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--b);box-shadow:var(--ring)}
::placeholder{color:#9aaba1}input[type=checkbox],input[type=radio]{accent-color:var(--b);width:17px;height:17px}
.field.check,label.check{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:13px}

/* modal */
.modal-bg{background:rgba(13,43,36,.55);backdrop-filter:blur(5px)}
.modal{border-radius:24px;padding:28px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);animation:zmodal .22s cubic-bezier(.2,.8,.2,1)}
.modal h3{font-size:20px;letter-spacing:-.3px;margin:0 0 10px}.row-end{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@keyframes zmodal{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

/* sekmeler ve çipler */
.chips{gap:8px;margin:12px 0 20px}.chip{padding:8px 15px;border-radius:999px;font-weight:600;font-size:13px;transition:.15s;cursor:pointer;box-shadow:var(--sh1)}
.chip:hover{border-color:var(--b);color:var(--b)}.chip.active{box-shadow:0 6px 14px -6px var(--b)}
.tabs{background:var(--bs);padding:4px;border-radius:14px;display:inline-flex;gap:2px;margin-bottom:18px}
.tabs button,.tabs .tab{border:0;background:transparent;border-radius:11px;padding:8px 15px;font-weight:700;font-size:13px;color:var(--muted);cursor:pointer;transition:.15s}
.tabs button.active,.tabs .tab.active,.tabs .on{background:#fff;color:var(--b);box-shadow:0 1px 5px rgba(0,0,0,.12)}

/* bilgi kutuları */
.notice{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:13px 16px;box-shadow:var(--sh1);line-height:1.5}
.banner{border-radius:16px;padding:15px 20px;border:1px solid color-mix(in srgb,var(--b) 18%,#fff)}
.empty{padding:40px 24px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbf9);border:1.5px dashed #cfe0d4;color:#6f8178;font-size:14px}

/* kartlar, liste satırları, programlar */
.card{border-radius:18px;box-shadow:var(--sh1);transition:box-shadow .18s,transform .18s}
.card.item:hover,.card.hover:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.list-item{padding:13px 4px;border-bottom:1px solid #eef3ef;gap:12px}.list-item:last-child{border-bottom:0}
.slot{border-radius:16px;box-shadow:var(--sh1);transition:.15s}.slot:hover{box-shadow:var(--sh2)}
.petcard{border-radius:18px;box-shadow:var(--sh1);transition:.18s}.petcard:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.kpi{border-radius:16px;box-shadow:var(--sh1)}

/* yapılacaklar kartları */
.todogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.todo{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--b);border-radius:16px;padding:13px 15px;box-shadow:var(--sh1);transition:.15s}
.todo:hover{box-shadow:var(--sh2);transform:translateY(-1px)}.todo .dd{flex:none;width:42px;height:42px;border-radius:13px;background:var(--bs);display:grid;place-items:center;font-size:20px}
.todo .tb{flex:1;min-width:0}.todo b{display:block;font-size:13.5px}.todo small{color:var(--muted)}
.todo.warn{border-left-color:#e0a31e}.todo.warn .dd{background:#fff3da}.todo.bad{border-left-color:var(--red)}.todo.bad .dd{background:#fdeceb}

/* gezinme */
.nav{border-radius:12px;transition:background .15s,transform .15s}.nav:hover{transform:translateX(2px)}
.top{backdrop-filter:blur(10px);background:rgba(255,255,255,.88);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.demo{font-size:12px}

/* eski çubuk listesi (ZH.bars) yedeği */
.bars .btrack{height:10px;border-radius:99px}.bars .bfill{border-radius:99px;background:linear-gradient(90deg,var(--b),color-mix(in srgb,var(--b) 60%,#fff))}

/* kaydırma çubuğu */
*{scrollbar-width:thin;scrollbar-color:#c9d8ce transparent}

@media print{.side,#side,.top,.demo,.no-print,.mobilemenu,.zt,.drange,.dh-act{display:none!important}.main{margin:0!important;padding:0!important}.content{max-width:none!important;padding:0!important}
.dcard,.dk,.dhero{break-inside:avoid;box-shadow:none!important}body{background:#fff!important}.dhero{background:#fff!important;color:#000!important;border:1px solid #ccc}.dhero h1,.dhero p{color:#000!important}.dg>*{grid-column:span 12!important}}
@media(max-width:700px){.top{padding:10px 12px;gap:8px}.top-right{gap:6px;flex-wrap:nowrap}.top-right .who,.top-right>.tag{display:none}.top-right select{max-width:150px}.content{padding:14px}.h1{font-size:24px}.dg{gap:12px}.dcard{padding:14px}.tablewrap{-webkit-overflow-scrolling:touch}.modal{padding:20px;border-radius:20px}.formgrid{grid-template-columns:1fr}.todogrid{grid-template-columns:1fr}.dkpis{grid-template-columns:1fr 1fr}.dk{padding:12px}.dk-b b{font-size:20px}.dk-ic{width:36px;height:36px;font-size:17px}}
@media(max-width:700px){.zc-ax{font-size:17px}.zc-cv{font-size:21px}.zc-svg{min-height:170px}}

/* ===================== Müşteri deneyimi: rehber, saat seçimi, harita, yorumlar ===================== */
.embtn{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #f0c9c4;background:linear-gradient(90deg,#fff1ef,#fff);color:var(--red);border-radius:16px;padding:12px 16px;margin:12px 0;font-size:15px;cursor:pointer;text-align:left;transition:.15s}
.embtn:hover{box-shadow:0 8px 22px -12px var(--red);transform:translateY(-1px)}.embtn span{color:#8a5a55;font-size:13px}
.zstars{display:inline-flex;align-items:center;gap:4px;font-size:13.5px}.zstars i{color:#e0a31e;font-style:normal;font-size:16px}.zstars small{color:var(--muted)}.zstars.big{font-size:16px}.zstars.big i{font-size:20px}
.vlink{background:none;border:0;padding:0;color:var(--b);font-weight:600;font-size:13px;cursor:pointer;text-align:left}.vlink:hover{text-decoration:underline}.vlink.plain{color:inherit;font:inherit}
.vhead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.vsort{display:grid;gap:2px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 10px}.vsort small{color:var(--muted);font-size:11px}.vsort select{border:0;padding:2px 4px;font-weight:700;color:var(--b);background:transparent}
.vdir{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.vfilters{position:sticky;top:76px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:12px}.vfilters h3{margin:0;font-size:15px;display:flex;justify-content:space-between;align-items:center}
.vchips{display:flex;flex-wrap:wrap;gap:6px}.vchip{border:0;background:var(--bs);color:var(--b);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}
.vtog{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-weight:600;font-size:13px;cursor:pointer;text-align:left;color:var(--ink);white-space:nowrap}.vtog.on{background:var(--bs);border-color:var(--b);color:var(--b)}
.vlist{display:grid;gap:14px;min-width:0}
.vcard{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--sh1);transition:box-shadow .15s}.vcard:hover{box-shadow:var(--sh2)}
.vtop{display:flex;gap:14px;align-items:flex-start}
.vava{position:relative;flex:none;width:92px;height:92px;border-radius:18px;background:linear-gradient(135deg,var(--b),var(--bd));display:grid;place-items:center;color:#fff;font-size:30px;font-weight:800}.vava img{width:100%;height:100%;object-fit:cover;border-radius:18px}.vava i{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:#1f7ae0;color:#fff;font-style:normal;font-size:13px;display:grid;place-items:center;border:2px solid #fff}.vava.big{width:120px;height:120px;font-size:38px}
.vname{background:none;border:0;padding:0;font-size:19px;font-weight:800;color:var(--b);cursor:pointer;text-align:left;letter-spacing:-.2px}.vname:hover{text-decoration:underline}
.vbr{font-size:14px;margin-top:3px}.vloc{font-size:13.5px;color:var(--muted);margin:2px 0 4px}
.vcard blockquote{margin:12px 0 0;padding:10px 0 0;border-top:1px solid #eef3ef;font-style:italic;font-size:13.5px;color:#3d544a}
.vaddr{background:#f6f8f7;border-radius:12px;padding:10px 12px;margin-top:12px;font-size:13px}.vaddr em{display:block;color:var(--muted);margin-top:3px}
.vside{background:#f8faf9;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.vside p{margin:0;font-size:13px;color:var(--muted)}.vside .btn{width:100%}.vclock{width:44px;height:44px;border-radius:50%;background:var(--bs);display:grid;place-items:center;font-size:20px}
.vprofile{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:12px;align-items:start}.vpmain{display:grid;gap:14px;min-width:0}.vpside{display:grid;gap:14px;position:sticky;top:76px}.vprofile .dcard h3{margin:0 0 6px}
.rsum{display:flex;gap:20px;align-items:center;margin-bottom:12px}.rsum>div:first-child{text-align:center}.rsum b{font-size:34px;display:block}.rsum small{color:var(--muted);font-size:12px}.rbars{flex:1;display:grid;gap:3px;font-size:12px}.rbars div{display:grid;grid-template-columns:26px 1fr 22px;gap:6px;align-items:center}.rbars i{height:7px;background:#eef2ef;border-radius:9px;overflow:hidden}.rbars u{display:block;height:100%;background:#e0a31e}
.ritem{padding:12px 0;border-bottom:1px solid #eef3ef}.ritem:last-child{border-bottom:0}.ritem p{margin:6px 0 0;font-size:14px}.rst{color:#e0a31e;letter-spacing:1px}.rst s{color:#dfe5e1;text-decoration:none}.rreply{background:var(--bs);border-radius:10px;padding:8px 11px;font-size:13px;margin-top:8px}
.zmap{height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#e8efe9;z-index:0}.zmap.big{height:520px}.zmap.small{height:180px}.zpin{background:none;border:0}.zpin span{display:grid;place-items:center;width:34px;height:34px;background:#fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.3);font-size:18px}
.dtools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 2px}.dtools input{flex:1;min-width:220px}.dtools select{width:auto}
.dayrow{display:flex;gap:6px;overflow-x:auto;padding:12px 0 8px}.dayb{flex:none;width:54px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px 0;display:grid;justify-items:center;cursor:pointer;color:var(--ink)}.dayb small{font-size:10.5px;color:var(--muted)}.dayb b{font-size:16px}.dayb.on{background:var(--b);border-color:var(--b);color:#fff}.dayb.on small{color:#fff}
.slotgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;max-height:190px;overflow:auto;padding:2px}.slotb{border:1px solid color-mix(in srgb,var(--b) 35%,#fff);background:#fff;color:var(--b);border-radius:10px;padding:8px 0;font-weight:700;font-size:13px;cursor:pointer}.slotb:hover:not(:disabled){background:var(--bs)}.slotb.on{background:var(--b);color:#fff}.slotb:disabled{border-color:var(--line);color:#b8c4bd;text-decoration:line-through;cursor:not-allowed;background:#f6f8f7}
.pimg{border:0;width:100%;cursor:pointer}.pdetail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.pdimg{background:linear-gradient(180deg,#fafcfa,#eef3ee);border-radius:16px;display:grid;place-items:center;padding:12px;aspect-ratio:1/1}.pdimg img{max-width:100%;max-height:100%;object-fit:contain}
.psim{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.psim button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;display:grid;gap:4px;justify-items:center;cursor:pointer;font-size:12px}.psim img{height:64px;object-fit:contain}.psim small{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.emoji img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.petmini{width:24px;height:24px;border-radius:50%;object-fit:cover;vertical-align:middle}
@media print{body.pr #app{display:none!important}body.pr #modal{position:static!important;background:none!important;display:block!important;backdrop-filter:none!important}body.pr .modal{box-shadow:none!important;max-height:none!important;max-width:none!important}}
@media(max-width:1000px){.vdir,.vprofile{grid-template-columns:1fr}.vfilters,.vpside{position:static}.vcard{grid-template-columns:1fr}}
@media(max-width:560px){.pdetail{grid-template-columns:1fr}.vava{width:72px;height:72px;font-size:24px}.vname{font-size:17px}}

.content{container-type:inline-size}.vlist{container-type:inline-size}
@container (max-width:900px){.vdir,.vprofile{grid-template-columns:1fr}.vfilters,.vpside{position:static}.vfilters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.vfilters h3,.vchips{grid-column:1/-1}}
@container (max-width:640px){.vcard{grid-template-columns:1fr}}

/* en yakın veteriner */
.nstart{text-align:center;padding:36px 20px;margin-top:12px}.nstart-ic{font-size:40px}.nstart h3{margin:8px 0 6px}
.nbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:12px 0}
.nmap{height:360px}.nlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:12px}
.ncard{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--sh1)}
.nrank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bs);color:var(--b);font-weight:800}
.ncard h4{margin:0;font-size:16px;overflow-wrap:anywhere}.ndist{color:var(--b);white-space:nowrap;margin-left:10px}.naddr{margin:3px 0;font-size:13px;overflow-wrap:anywhere}
.nsec{font-weight:700;font-size:13px;margin:12px 0 6px}.locform{display:flex;gap:8px;align-items:flex-end}.locform .field{flex:1;margin:0}.locres{display:grid;gap:6px;margin-top:8px}.locres .vtog{white-space:normal}
@container (max-width:640px){.nlist{grid-template-columns:1fr}}
@media(max-width:640px){.nlist{grid-template-columns:1fr}.nmap{height:280px}}
.gattr{font-family:Roboto,Arial,sans-serif;font-weight:400;font-size:13px;color:#5e5e5e;white-space:nowrap}

.paybar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#fff7e6;border:1px solid #f0d9a8;border-radius:12px;padding:10px 14px;margin-bottom:14px}
/* sade ana sayfa */
.top{justify-content:flex-end}.top .mobilemenu{margin-right:auto}
.hgreet{margin:0 0 16px}
.hsec{margin:22px 0}.hsec h2{font-size:17px;margin:0 0 10px}.hhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hhead h2{margin:0}
.hrows{display:grid;gap:8px}
.hrow{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.hrow.bad{border-color:#f0c9c4;background:#fff7f6}.hrow.warn{border-color:#f0dfb8;background:#fffbf2}.hrow.live{border-color:var(--b)}
.hico{font-size:20px;flex:none}.htxt{flex:1;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.htxt small{color:var(--muted)}.hact{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex:none;max-width:60%}
.htiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.htile{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 10px;cursor:pointer;font:inherit;color:inherit;text-align:center;transition:.15s}.htile span{font-size:30px}.htile:hover{box-shadow:var(--sh1);transform:translateY(-1px)}.htile.red{background:#fff1ef;border-color:#f0c9c4;color:var(--red)}
.hpets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.hpet{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 10px;cursor:pointer;font:inherit;color:inherit}.hpet:hover{box-shadow:var(--sh1)}.hpet small{color:var(--muted)}.hpet img.petmini{width:56px;height:56px;border-radius:50%;object-fit:cover}
.hstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.hstat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit;color:inherit;text-align:left}.hstat[disabled]{cursor:default;color:inherit}.hstat b{font-size:22px}.hstat span{color:var(--muted);font-size:13px}.hstat:not([disabled]):hover{box-shadow:var(--sh1)}
.hdone{background:#f0f8f2;border-radius:14px;padding:18px;color:#23703f;font-weight:600;margin:14px 0}.hmain{margin:12px 0}
.walletcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}
.wcard{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.wcard b{font-size:36px;line-height:1.1}.wcard small{font-weight:700;color:var(--muted)}.wcard span{color:var(--muted);font-size:13px}.wcard.gold{background:#fff8e6;border-color:#f0dfb0}
.moretable,.howto{margin-top:10px}.moretable summary,.howto summary{cursor:pointer;font-weight:600;color:var(--b);padding:6px 0}.howto ul{margin:8px 0;padding-left:20px;font-size:14px}
.navgroup{font-size:11px;letter-spacing:.08em;opacity:.65;margin:14px 0 4px 12px;font-weight:700}
@media(max-width:700px){.htiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hrow{flex-wrap:wrap}.hact{max-width:100%;width:100%;justify-content:flex-start}}
/* mesajlar */
.msglist{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;padding:8px;background:#f4f8f5;border-radius:12px;margin-bottom:10px}
.msg{align-self:flex-start;max-width:82%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.msg p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.msg small{color:var(--muted);font-size:11px}.msg.mine{align-self:flex-end;background:var(--bs);border-color:transparent}
.threadrow{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;color:inherit;font:inherit}.threadrow span{display:flex;flex-direction:column;gap:3px;min-width:0}.threadrow small{color:var(--muted);overflow-wrap:anywhere}.threadrow:hover{box-shadow:var(--sh1)}

/* dar ekran: içerik sayfayı yana taşırmaz */
.card,.dg>*,.grid>*,.section{min-width:0;max-width:100%}.zc,.zc-in{max-width:100%;overflow-x:auto}.top h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-right{flex-shrink:0}
@media(max-width:700px){.notice{display:block}.notice>span:first-child{margin-right:6px}.top{height:auto;flex-wrap:wrap}.top-right{flex-wrap:wrap;max-width:100%;flex-shrink:1;justify-content:flex-end}.dg>*{grid-column:1/-1!important}}
.zc-heat{overflow-x:auto;max-width:100%}.cols>*{min-width:0}
@media(max-width:700px){.cols{grid-template-columns:1fr!important}}

/* uzun içerik sayfayı uzatmaz: kendi alanında kayar */
.kanban{align-items:start}.kcol{max-height:calc(100vh - 210px);min-height:220px;display:flex;flex-direction:column;overflow:hidden}.kcol>h4{flex:none;position:sticky;top:0}.kcol>.kbody{flex:1;overflow-y:auto;min-height:0;padding-right:4px}
.tablewrap{max-height:min(68vh,620px);overflow:auto}.tablewrap thead th{position:sticky;top:0;z-index:1;background:#f6faf7;box-shadow:0 1px 0 var(--line)}
.scrollbox{max-height:min(70vh,640px);overflow-y:auto;padding-right:4px}
.modal input,.modal select,.modal textarea,.field input,.field select,.field textarea{max-width:100%;box-sizing:border-box}
.formgrid>*{min-width:0}

/* menü düğmesi yalnızca yan menü gizliyken */
.btn.mobilemenu{display:none!important}
@media(max-width:760px){.btn.mobilemenu{display:inline-flex!important}}
.side{overflow-y:auto}.side .nav{padding-top:8px;padding-bottom:8px}.navgroup{margin-top:10px}
.card .row{flex-wrap:wrap;gap:6px}.notice{display:block}.notice>span:first-child{margin-right:6px}
.kcol{max-height:calc(100vh - 240px)}
.dash .hsec{margin:16px 0}

/* Veteriner ilacı: bilgilendirme amaçlı ürün */
.infotag{display:inline-block;font-size:12px;font-weight:700;color:#1f5f8b;background:#eaf4fb;border:1px solid #cfe3f2;border-radius:999px;padding:3px 10px}
.infobox{background:#eaf4fb;border:1px solid #cfe3f2;color:#1d4560;border-radius:12px;padding:12px 14px;margin:10px 0 12px;font-size:14px;line-height:1.5}
.notice.info{background:#eaf4fb;border-color:#cfe3f2;color:#1d4560}
.pstatus.blue{color:#1f5f8b;background:#eaf4fb;border-color:#cfe3f2}

.paybar.verifybar{background:#eef6ff;border-color:#cfe0f5}