/* ===== BANA BİR RANDEVU — arayüz stilleri (uygulama kabuğu: sabit header/footer, içerik kendi içinde kayar) ===== */
:root{
  --primary:#6d5dfc; --primary-d:color-mix(in srgb,var(--primary) 80%,#000); --primary-soft:color-mix(in srgb,var(--primary) 10%,#fff);
  --accent:#ff5d8f; --ok:#12b886; --bad:#f03e5f; --warn:#f59f00; --blue:#4c6ef5; --wa:#25d366;
  --bg:#f4f5fb; --surface:#fff; --ink:#1d2140; --muted:#767c98; --line:#e5e7f1;
  --side1:#171636; --side2:#2c2358; --side3:#5a2f78;
  --radius:12px; --shadow:0 1px 2px rgba(25,25,70,.05),0 4px 14px rgba(25,25,70,.06);
  --top:52px; --foot:32px; --nav:58px; --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;margin:0}
body{font-family:Inter,"Segoe UI",system-ui,Roboto,Arial,sans-serif;font-size:13px;color:var(--ink);background:var(--bg);line-height:1.4;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}
body.noscroll{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--primary)}
h2,h3,h4{margin:0}
.muted{color:var(--muted)}.small{font-size:11.5px}.spacer{flex:1}.gap{height:10px}
.i{vertical-align:-3px;flex:none}
.only-m{display:none!important}
small{font-size:11px}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cfd3e6;border-radius:8px}::-webkit-scrollbar-track{background:transparent}

/* ---- Giriş ---- */
.login-body{display:flex;align-items:center;justify-content:center;height:100dvh;padding:16px;background:linear-gradient(160deg,var(--side1),var(--side2) 55%,var(--side3));overflow:auto}
.login-box{background:#fff;padding:28px 26px;border-radius:20px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:11px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.login-box h2{font-size:20px}.login-box p{margin:0}.logo{font-size:38px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.err{color:var(--bad);min-height:16px;font-size:12px}.pw{position:relative}.pw input{width:100%;padding-right:42px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:15px;padding:6px}
.login-box input{width:100%}

/* ---- Uygulama kabuğu ---- */
#app{display:flex;height:100dvh;overflow:hidden}
#sidebar{width:188px;flex:none;background:linear-gradient(180deg,var(--side1) 0%,var(--side2) 55%,var(--side3) 100%);color:#fff;overflow-y:auto;font-size:12.5px;padding-bottom:12px;z-index:60;scrollbar-width:none;display:flex;flex-direction:column}
#sidebar::-webkit-scrollbar{display:none}
#sidebar .brand{display:flex;align-items:center;gap:9px;padding:13px 14px 10px}
#sidebar .brand b{font-size:26px;line-height:1;background:linear-gradient(135deg,#b7acff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
#sidebar .brand span{font-weight:700;font-size:13px;line-height:1.15}#sidebar .brand small{display:block;font-weight:400;opacity:.6;font-size:10.5px}
#sidebar a{display:flex;align-items:center;gap:10px;padding:8px 11px;color:rgba(255,255,255,.84);text-decoration:none;cursor:pointer;margin:1px 8px;border-radius:9px;transition:.15s;white-space:nowrap}
#sidebar a:hover{background:rgba(255,255,255,.12);color:#fff}
#sidebar a.active{background:#fff;color:var(--primary-d);font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.sb-label{font-size:9.5px;letter-spacing:.12em;color:rgba(255,255,255,.4);padding:10px 18px 3px}
.sb-sp{flex:1;min-height:6px}
#scrim{display:none}
#main{flex:1;min-width:0;display:flex;flex-direction:column;height:100dvh}
#topbar{flex:none;height:var(--top);display:flex;align-items:center;gap:4px;padding:0 14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:40}
.salon-sw{max-width:200px;font-weight:600;border-radius:18px;padding:5px 10px;background:var(--primary-soft);border-color:transparent;color:var(--primary-d);font-size:12px}
.sbox{position:relative;display:flex;align-items:center}.sic{position:absolute;left:10px;color:var(--muted);display:flex;pointer-events:none}
.gsearch{width:220px;padding:6px 12px 6px 30px;border:1px solid var(--line);border-radius:20px;background:#f6f7fc;font-size:12.5px}
.gs-res{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:250px;background:#fff;border-radius:12px;box-shadow:0 12px 34px rgba(30,30,70,.22);overflow:hidden;z-index:60}
.gs-res a{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;cursor:pointer;text-decoration:none;color:var(--ink);border-bottom:1px solid #f1f2f8}.gs-res a:hover{background:var(--primary-soft)}.gs-res small{color:var(--muted)}.gs-res .all{color:var(--primary);justify-content:center;font-weight:600}
.icon-btn{background:none;border:0;cursor:pointer;color:#59607f;padding:7px 8px;border-radius:9px;position:relative;display:inline-flex}.icon-btn:hover{background:var(--primary-soft);color:var(--primary)}
.badge{position:absolute;top:1px;right:1px;background:var(--accent);color:#fff;font-size:9px;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}
.user{background:none;border:0;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;font-size:11.5px;line-height:1.2;padding:2px 4px;border-radius:9px}.user:hover{background:var(--primary-soft)}
.u-t{display:flex;flex-direction:column;max-width:140px}.u-t b,.u-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-t small{color:var(--muted)}
.avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex:none}
.dd{position:relative}.dd-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fff;box-shadow:0 14px 40px rgba(30,30,70,.25);z-index:70;border-radius:13px;overflow:hidden;max-height:min(70dvh,520px);overflow-y:auto}
.dd-menu.right{right:0;left:auto}.dd.open .dd-menu{display:block}
.dd-menu .h{background:linear-gradient(90deg,var(--primary),#8a7bff);color:#fff;padding:11px 14px;font-weight:600;display:flex;flex-direction:column}.dd-menu .h small{opacity:.8;font-weight:400}
.dd-menu a{display:block;padding:9px 14px;color:var(--ink);text-decoration:none;cursor:pointer;border-bottom:1px solid #f1f2f8}.dd-menu a:hover{background:var(--primary-soft)}
#crumb{flex:none;background:#fff;border-bottom:1px solid var(--line);padding:6px 16px;color:var(--muted);font-size:11.5px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#crumb i{font-style:normal;opacity:.5;margin:0 2px}#crumb b{color:var(--ink);font-weight:600}
#content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 16px 18px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
#content.fit{overflow:hidden;display:flex;flex-direction:column;padding-bottom:10px}
#footbar{flex:none;height:var(--foot);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px;font-size:11.5px;color:var(--muted);z-index:30}
#footbar b{color:var(--ink)}#footbar .fl{display:flex;align-items:center;gap:6px}#footbar a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer}#footbar a:hover{color:var(--primary)}
#footbar .live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}
.loading{display:flex;gap:6px;justify-content:center;padding:50px}.loading i{width:9px;height:9px;border-radius:50%;background:var(--primary);animation:bl 1s infinite ease-in-out}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}
@keyframes bl{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
.empty{text-align:center;color:var(--muted);padding:26px 10px}.empty b{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}

/* ---- Kartlar, başlıklar ---- */
.card{background:var(--surface);padding:14px;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow)}
.card.r{border-radius:var(--radius);margin-bottom:12px}
.card h3{font-size:13.5px;margin-bottom:9px;color:#343a63}.card h3 small{color:var(--muted);font-weight:400}
.page-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;flex-wrap:wrap}.page-h h2{color:#2b3158;font-weight:700;font-size:17px}
.pill{background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:11.5px;color:#555}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.grid2>.card{margin-bottom:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}
.stat{background:#fff;padding:11px 14px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--primary),var(--accent))}
.stat span{color:var(--muted);display:flex;align-items:center;gap:5px;font-size:11.5px}.stat b{display:block;font-size:21px;margin-top:3px}.stat b small{font-size:12px;color:var(--muted);font-weight:400}.stat.clk{cursor:pointer}.stat.clk:hover{box-shadow:0 6px 18px rgba(30,30,70,.14)}

/* ---- Düğmeler & formlar ---- */
.btn{border:0;border-radius:9px;padding:7px 12px;cursor:pointer;color:#fff;background:var(--primary);transition:.15s;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;white-space:nowrap;font-size:12.5px}
.btn:hover{filter:brightness(.93)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn.green{background:var(--ok)}.btn.red{background:var(--bad)}.btn.blue{background:var(--blue)}.btn.gray{background:#6b7194}.btn.gray.act{background:var(--primary)}.btn.wa{background:var(--wa)}
.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn.sm{padding:4px 8px;border-radius:7px;font-size:12px}.btn.sq{padding:7px 9px}.btn.big{padding:10px 16px;font-size:13.5px;border-radius:10px}
input,select,textarea{border:1px solid #d9ddee;border-radius:9px;padding:7px 10px;background:#fff;max-width:100%;transition:.15s;min-width:0;font-size:13px}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;padding:0}input[type=color]{padding:2px;height:32px;width:56px}
.toolbar{background:#f1f2fa;padding:8px 10px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-radius:10px;margin-bottom:10px}
.field{margin-bottom:10px}.field>label{display:block;font-weight:600;font-size:11.5px;color:#4a5078;margin-bottom:4px}.field>label small{font-weight:400;color:var(--primary-d)}
.field input:not([type=checkbox]):not([type=color]),.field select,.field textarea{width:100%}.field.inline{display:flex;align-items:center;gap:10px}.field.inline>label{margin:0}
.field.rec{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.field.rec input{width:58px!important}
.frow{display:flex;gap:7px;margin-bottom:8px;align-items:center}.frow>*{flex:1;min-width:0}.frow .fix{flex:0 0 auto}
.form-grid{display:grid;grid-template-columns:150px 1fr;gap:9px 12px;align-items:center;max-width:640px}.form-grid>label:not(.switch){font-weight:600;font-size:12px;color:#4a5078}
.foot{display:flex;gap:7px;position:sticky;bottom:-14px;margin:12px -16px -14px;padding:10px 16px;background:linear-gradient(rgba(255,255,255,.85),#fff 30%);border-top:1px solid var(--line);z-index:4}.foot .btn.big:first-child{flex:1}
.set-body .foot,.set-body .form-actions{position:static;margin:14px 0 0;padding:0;border:0;background:none}
.switch{position:relative;display:inline-block;width:40px;height:22px;flex:none}.switch input{display:none}
.switch span{position:absolute;inset:0;background:#cfd3e6;border-radius:22px;cursor:pointer;transition:.15s}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.15s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.switch input:checked+span{background:var(--ok)}.switch input:checked+span:before{transform:translateX(18px)}
.pills{display:flex;gap:5px;flex-wrap:wrap}
.pill-b{border:1px solid var(--line);background:#fff;border-radius:18px;padding:5px 11px;cursor:pointer;font-size:12px;transition:.12s}.pill-b:hover{border-color:var(--primary)}
.pill-b.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.pill-b.st-onaylandi.on{background:var(--ok);border-color:var(--ok)}.pill-b.st-tamamlandi.on{background:var(--blue);border-color:var(--blue)}.pill-b.st-iptal.on{background:var(--bad);border-color:var(--bad)}.pill-b.st-gelmedi.on{background:var(--warn);border-color:var(--warn)}.pill-b.st-beklemede.on{background:#868e96;border-color:#868e96}
.spill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:3px 11px 3px 3px;cursor:pointer;font-size:12px}.spill i{width:22px;height:22px;border-radius:50%;color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.spill:hover{border-color:var(--primary)}.spill.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-d);font-weight:600;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 22%,transparent)}
.linkbox{background:var(--primary-soft);border-radius:12px;padding:12px;margin-top:12px}.linkbox b{display:block;margin-bottom:6px}.linkbox .lk{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.linkbox .lk input{flex:1;min-width:160px}
.creds{background:#1d2038;color:#e8eaff;border-radius:10px;padding:12px;white-space:pre-wrap;word-break:break-all;font-size:12.5px}
.dot{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:middle}
.stars{display:inline-flex;gap:1px;color:#f5b301;vertical-align:middle;line-height:1}.stars .off{color:#d7dae8}.rate{display:inline-flex;align-items:center;gap:5px;font-weight:700}.rate small{font-weight:400;color:var(--muted)}
.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.perm{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:12px}.perm:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.perm.off{opacity:.45;cursor:not-allowed}

/* ---- Tablolar ---- */
.table-wrap{overflow-x:auto;background:#fff;border-radius:10px}
table{width:100%;border-collapse:collapse;background:#fff}
th{text-align:left;font-weight:600;padding:8px 9px;border-bottom:2px solid var(--line);color:#4a5078;white-space:nowrap;font-size:11.5px;position:sticky;top:0;background:#fff;z-index:1}
td{padding:8px 9px;border-bottom:1px solid #eef0f8;vertical-align:middle}
tr:hover td{background:#fafaff}tr.cat td,tr.cat:hover td{background:#e9ebf6;font-weight:700;color:#343a63}
.tag{display:inline-block;padding:2px 9px;border-radius:12px;font-size:10.5px;font-weight:600;background:#e8eefa;color:#364fc7;white-space:nowrap}
.st-onaylandi{background:#d3f9e8;color:#087f5b}.st-tamamlandi{background:#dbe4ff;color:#364fc7}.st-iptal{background:#ffe0e6;color:#c2255c}.st-gelmedi{background:#fff3bf;color:#a66a00}.st-beklemede{background:#e9ecef;color:#495057}
.role-super{background:#2b2d4a;color:#fff}.role-owner{background:#ffe3ee;color:#c2255c}.role-staff{background:#e3fafc;color:#0b7285}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #dadef0;border-radius:7px;padding:2px 7px;font-size:10px;margin:2px 5px 2px 0;background:#fff;text-transform:uppercase}.chip b{cursor:pointer;font-size:12px;color:#666}.chip b:hover{color:var(--bad)}
.row-actions{display:flex;gap:5px;justify-content:flex-end}
.pager{display:flex;gap:6px;align-items:center;padding:10px 2px 0;flex-wrap:wrap}
.sent{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;background:#d3f9e8;color:#087f5b;border-radius:10px;padding:1px 7px;margin-right:3px;white-space:nowrap}

/* ---- Kurulum ---- */
.set-wrap{display:flex;gap:12px;align-items:flex-start;min-height:100%}
.set-menu{width:210px;flex:none;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:0}
.set-menu a{display:block;padding:9px 13px;border-bottom:1px solid #f0f1f8;color:#444a6e;text-decoration:none}.set-menu a.active{background:var(--primary-soft);color:var(--primary-d);font-weight:600;box-shadow:inset 3px 0 var(--primary)}.set-menu a:hover{background:#f7f6ff}
.set-body{flex:1;background:#fff;padding:16px;border-radius:var(--radius);min-width:0;box-shadow:var(--shadow)}.set-body h2{margin:0 0 12px;color:#2b3158;font-weight:700;font-size:16px}

/* ---- Modal (ekrana tam oturur; gövde kendi içinde kayar) ---- */
.overlay{position:fixed;inset:0;background:rgba(20,18,50,.5);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:12px}
.modal{background:#fff;border-radius:16px;width:min(470px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.4);animation:pop .16s ease-out;overflow:hidden}.modal.wide{width:min(860px,100%)}
@keyframes pop{from{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.modal-h{flex:none;display:flex;justify-content:space-between;align-items:center;padding:11px 16px;font-size:14px;font-weight:700;border-bottom:1px solid var(--line);background:#fff}
.modal-h .x{background:none;border:0;cursor:pointer;color:#888;padding:3px;display:flex;border-radius:8px}.modal-h .x:hover{background:#f1f2f8}
.modal-b{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 16px;-webkit-overflow-scrolling:touch}.modal h3{margin:10px 0 8px;font-size:15px}.modal h4{margin:14px 0 6px;font-size:13px}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:8px 13px;cursor:pointer;color:#6b7194;margin-bottom:-1px;white-space:nowrap;font-size:12.5px}.tabs button.on{border-color:var(--primary);color:var(--primary-d);font-weight:700}
.ap-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.ac{position:relative}.ac-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 26px rgba(30,30,70,.2);z-index:20;overflow:hidden;margin-top:3px}
.ac-list a{display:flex;justify-content:space-between;gap:8px;padding:8px 11px;cursor:pointer;border-bottom:1px solid #f1f2f8}.ac-list a:hover{background:var(--primary-soft)}.ac-list small{color:var(--muted)}
.cinfo{font-size:11px;color:var(--primary-d);margin-top:3px}
.srow2{position:relative;border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:8px;background:#fbfbff}.srow2 .sp{margin-bottom:6px}.svc-q{width:100%;margin-bottom:5px}
.srow2 .rm{position:absolute;right:5px;top:5px;border:0;background:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bad);box-shadow:0 1px 4px rgba(0,0,0,.15)}
.cat-l{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 4px}.cwrap{display:flex;flex-wrap:wrap;gap:5px}
.chip-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 9px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:0;font-size:12px;transition:.12s}.chip-btn small{color:var(--muted)}.chip-btn:hover{border-color:var(--primary)}
.chip-btn.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-d);font-weight:600}.chip-btn.on .i{margin-right:3px}
.add-more{width:100%;background:#fff;border:1.5px dashed #c5c9ea;border-radius:10px;padding:8px;cursor:pointer;color:var(--primary-d);font-weight:600;font-size:12px}.add-more:hover{background:var(--primary-soft)}
.total{text-align:right;font-size:13px;margin:8px 0 0;color:var(--primary-d)}
.slotbox{min-height:50px}.slot-grp{margin-bottom:6px}.slot-grp>span{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:5px}
.slot{padding:6px 0;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-weight:500;font-size:12px;transition:.12s}.slot:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}
.slot.on{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 40%,transparent)}.slot.off{opacity:.38;text-decoration:line-through;cursor:not-allowed;background:#f3f4f8}
.slot-empty{padding:8px 2px;font-size:12px}.ctime{margin-top:5px;font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:7px}

/* ---- Mini takvim ---- */
.minical{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;user-select:none}
.mc-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mc-h b{font-size:13px}.mc-nav{border:0;background:var(--primary-soft);color:var(--primary-d);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1}
.mc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.mc-w{text-align:center;font-size:10px;color:var(--muted);font-weight:700;padding:2px 0}
.mc-d{position:relative;border:1px solid transparent;border-radius:9px;background:#fff;padding:3px 0 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-height:38px;transition:.12s}
.mc-d b{font-size:12.5px}.mc-d small{font-size:8.5px;color:var(--muted);line-height:1.1}.mc-d em{position:absolute;top:1px;right:2px;font-style:normal;font-size:8px;background:var(--primary);color:#fff;border-radius:7px;padding:0 4px;min-width:13px;text-align:center}
.mc-d.free{background:#e8faf2}.mc-d.free small{color:#087f5b}.mc-d.busy{background:#fff4dc}.mc-d.busy small{color:#a66a00}.mc-d.full{background:#ffe4e9}.mc-d.full small{color:#c2255c}.mc-d.closed{background:#f1f3f5;color:#aaa}
.mc-d.past:not(.sel){opacity:.6}.mc-d:hover:not(:disabled){border-color:var(--primary)}.mc-d:disabled{cursor:not-allowed;opacity:.35}
.mc-d.today b{color:var(--primary);text-decoration:underline}.mc-d.sel{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 45%,transparent)}.mc-d.sel b,.mc-d.sel small{color:#fff}.mc-d.sel em{background:#fff;color:var(--primary)}
.mc-leg{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px;font-size:10px;color:var(--muted);justify-content:center}.mc-leg .d{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:3px}.mc-leg .free{background:#7be0b9}.mc-leg .busy{background:#ffd470}.mc-leg .full{background:#ff9fb2}.mc-leg .closed{background:#ced4da}

/* ---- Takvim (sayfaya sığar; kendi içinde kayar) ---- */
.cal-card{background:#fff;padding:10px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;flex:1;min-height:0}
.cal-bar{display:flex;gap:5px;align-items:center;margin:0 0 8px;flex-wrap:wrap;flex:none}
.cal-title{flex:1;min-width:260px;white-space:nowrap;max-width:520px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 8px;cursor:pointer;font-weight:600;font-size:12.5px;display:flex;align-items:center;justify-content:center;gap:7px}.cal-title:hover{border-color:var(--primary)}
.seg{display:inline-flex;background:#eef0fa;border-radius:9px;padding:2px}.seg button{border:0;background:none;padding:5px 11px;border-radius:7px;cursor:pointer;color:#59607f;font-weight:500;font-size:12px}.seg button.on{background:#fff;color:var(--primary-d);box-shadow:0 1px 4px rgba(0,0,0,.12);font-weight:700}
.cal-pop{position:absolute;z-index:30;left:50%;transform:translateX(-50%);top:50px;width:320px;max-width:94%;box-shadow:0 16px 44px rgba(30,30,70,.3);border-radius:13px}
#c-body{flex:1;min-height:0;overflow:auto;border-radius:10px}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:minmax(86px,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:100%}
.cal .dh{text-align:center;color:var(--primary);font-weight:700;padding:6px;border-bottom:1px solid var(--line);background:#fbfbff;font-size:11.5px}
.cal .day{min-height:0;overflow:hidden;border-right:1px solid #eef0f8;border-bottom:1px solid #eef0f8;padding:1px 3px 3px;cursor:pointer;background:#fff;transition:background .12s}.cal .day:hover{background:#f8f7ff}
.cal.week{grid-auto-rows:minmax(300px,1fr)}.cal .day.out{background:#f6f7fb}.cal .day.today{background:#fff7de}.cal .day.sel{box-shadow:inset 0 0 0 2px var(--primary)}
.cal .n{text-align:right;color:#9aa0bd;font-size:11.5px;padding:2px 4px;display:flex;justify-content:flex-end;gap:4px;align-items:center}.cal .out .n{color:#c9cbdc}.cal .today .n{color:var(--primary);font-weight:800}
.cal .wd,.cal .cnt{display:none}
.ev,.tl-ev{font-size:10.5px;border-radius:6px;cursor:pointer}
.ev{display:block;padding:2px 5px;margin:1px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev em{font-style:normal;opacity:.92}
.ev.red,.tl-ev.red{background:var(--accent);color:#fff}.ev.past,.tl-ev.past{background:#fff;color:var(--ink);border:1px solid var(--accent)}.ev.black,.tl-ev.black{background:#1d2038;color:#fff}
.ev.wait,.tl-ev.wait{background:#868e96;color:#fff}.ev.cancel,.tl-ev.cancel{background:#f1f3f5;color:#999;text-decoration:line-through;border:1px solid #dee2e6}
.more{display:block;font-size:10px;color:var(--primary);font-weight:700;padding:1px 5px}
.agenda{display:none}.ag-h{display:flex;justify-content:space-between;align-items:center;padding:10px 2px 6px}
.ag{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:#fff;border:1px solid var(--line);margin-bottom:7px;border-left:4px solid var(--accent);cursor:pointer}.ag b{min-width:42px}.ag>div{flex:1;min-width:0;display:flex;flex-direction:column}.ag small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag.past{border-left-color:#adb5bd}.ag.wait{border-left-color:#868e96}.ag.cancel{opacity:.55;border-left-color:#dee2e6}.ag.block{border-left-color:#1d2038;background:#f4f4f8}.ag.block span{flex:1}
.tl-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;height:100%}
.tl-head{display:flex;position:sticky;top:0;z-index:6;background:#fbfbff;border-bottom:1px solid var(--line);min-width:max-content;width:100%}
.tl-gut{width:48px;flex:none;position:relative;background:#fbfbff}.tl-col-h{flex:1;min-width:150px;padding:8px;display:flex;align-items:center;gap:7px;font-weight:600;border-left:1px solid var(--line)}.tl-col-h i{width:24px;height:24px;border-radius:50%;color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:11px}
.tl-body{display:flex;position:relative;min-width:max-content;width:100%}.tl-h{position:absolute;right:5px;font-size:10px;color:var(--muted);transform:translateY(-7px)}
.tl-col{flex:1;min-width:150px;position:relative;border-left:1px solid var(--line);cursor:copy}.tl-line{position:absolute;left:0;right:0;border-top:1px solid #e9ebf5;pointer-events:none}.tl-line.half{border-top-style:dashed;border-color:#f0f1f8}
.tl-ev{position:absolute;left:3px;right:3px;padding:2px 6px;overflow:hidden;z-index:2;line-height:1.25;box-shadow:0 1px 4px rgba(0,0,0,.12)}.tl-ev small{display:block;opacity:.85}
.tl-now{position:absolute;left:0;right:0;border-top:2px solid var(--bad);z-index:3;pointer-events:none}.tl-closed{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(240,241,248,.75);z-index:4;pointer-events:none;color:var(--muted);font-weight:700}

/* ---- Grafikler ---- */
.chart{width:100%;height:auto;display:block}.donut-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.legend div{display:flex;align-items:center;gap:7px;padding:2px 0;font-size:12px}.legend i{width:10px;height:10px;border-radius:3px}.legend b{margin-left:auto;padding-left:12px}
.hbars{display:flex;flex-direction:column;gap:9px}.hb-l{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:3px}.hb-l span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-t{background:#eef0f8;border-radius:6px;height:8px;overflow:hidden}.hb-t div{height:100%;border-radius:6px}

/* ---- Salon kartları (yönetim) ---- */
.salon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.salon-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:linear-gradient(#fff,#fbfbff)}.salon-card.off{opacity:.65}
.sc-h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.sc-h b{font-size:14px;display:block}.sc-h small{color:var(--muted)}
.sc-st{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0;text-align:center;font-size:10.5px;color:var(--muted)}.sc-st b{display:block;font-size:16px;color:var(--ink)}
.sc-u{display:flex;gap:4px;flex-wrap:wrap;min-height:22px;margin-bottom:10px}.sc-a{display:flex;gap:5px}

/* ---- Yorumlar & hatırlatmalar ---- */
.rv{border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:8px;background:#fff}.rv.hid{opacity:.55;background:#f6f6fa}
.rv-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.rv-h b{font-size:13px}.rv p{margin:4px 0;line-height:1.45}
.rv .reply{background:var(--primary-soft);border-radius:9px;padding:7px 10px;margin-top:6px;font-size:12px}
.dist{display:grid;grid-template-columns:22px 1fr 28px;gap:6px;align-items:center;font-size:11.5px;margin:3px 0}.dist .bar{height:7px;border-radius:5px;background:#eef0f8;overflow:hidden}.dist .bar div{height:100%;background:#f5b301}
.mrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;margin-bottom:7px;background:#fff}
.mrow .tm{min-width:46px;font-weight:700;text-align:center;line-height:1.15}.mrow .tm small{display:block;font-weight:400;color:var(--muted)}
.mrow .inf{flex:1;min-width:0}.mrow .inf b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrow .inf small{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow .acts{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}

/* ---- Toast ---- */
#toast{position:fixed;bottom:44px;right:18px;z-index:300;display:flex;flex-direction:column;gap:7px;max-width:90vw}
#toast div{background:#232640;color:#fff;padding:10px 15px;border-radius:11px;box-shadow:0 8px 22px rgba(0,0,0,.3);animation:pop .2s;font-size:12.5px}#toast .bad{background:var(--bad)}
#bottomnav{display:none}

/* ===== TABLET: yan menü simge çubuğuna iner ===== */
@media(min-width:801px) and (max-width:1100px){
  #sidebar{width:58px}#sidebar .t,#sidebar .brand span,.sb-label{display:none}#sidebar a{justify-content:center;padding:10px 0;margin:2px 7px}#sidebar .brand{justify-content:center;padding:12px 0 8px}
  .gsearch{width:150px}.u-t{display:none}.grid2{grid-template-columns:1fr}.set-menu{width:170px}.ap-grid{grid-template-columns:1fr}.salon-sw{max-width:140px}
}

/* ===== MOBİL ===== */
@media(max-width:800px){
  :root{--top:48px}
  body{font-size:13.5px}
  .only-d{display:none!important}.only-m{display:inline-flex!important}
  #sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-102%);transition:transform .22s ease}
  body.nav-open #sidebar{transform:none;box-shadow:12px 0 40px rgba(0,0,0,.4)}
  #scrim{position:fixed;inset:0;background:rgba(10,10,30,.5);z-index:55;display:block;opacity:0;pointer-events:none;transition:.2s}body.nav-open #scrim{opacity:1;pointer-events:auto}
  #main{padding-bottom:calc(var(--nav) + var(--safe-b))}
  #topbar{padding:0 8px;gap:2px}.gsearch{width:100%}.sbox{flex:1;min-width:0}.salon-sw{max-width:112px;font-size:11.5px;padding:5px 8px}.u-t{display:none}.spacer:first-of-type{display:none}
  #crumb{padding:5px 12px;font-size:11px}#content{padding:10px 10px 14px}.card{padding:12px}#footbar{display:none}
  #bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--nav) + var(--safe-b));background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);align-items:center;justify-content:space-around;padding:0 4px var(--safe-b)}
  #bottomnav a{display:flex;flex-direction:column;align-items:center;gap:1px;color:#8a90ad;text-decoration:none;font-size:10px;flex:1;cursor:pointer}#bottomnav a.active{color:var(--primary);font-weight:700}
  #bottomnav .fab{width:48px;height:48px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-22px;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 50%,transparent);cursor:pointer;flex:none}
  #toast{left:10px;right:10px;bottom:calc(var(--nav) + var(--safe-b) + 8px)}
  .page-h h2{font-size:16px}.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:9px 11px}.stat b{font-size:18px}
  .set-wrap{flex-direction:column;gap:8px}.set-menu{width:100%;display:flex;overflow-x:auto;border-radius:12px;scrollbar-width:none;position:static}.set-menu a{white-space:nowrap;border-bottom:0;border-right:1px solid #f0f1f8;box-shadow:none!important}.set-menu a.active{box-shadow:inset 0 -3px var(--primary)!important}.set-body{padding:12px}
  .form-grid{grid-template-columns:1fr;gap:5px}.form-grid>label:not(.switch){margin-top:5px}
  .overlay{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;animation:sheet .22s ease-out}@keyframes sheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  .modal-b{padding:12px 13px calc(14px + var(--safe-b))}.foot{margin:10px -13px calc(-14px - var(--safe-b));padding:9px 13px calc(9px + var(--safe-b));bottom:calc(-14px - var(--safe-b))}.ap-grid{grid-template-columns:1fr;gap:0}.perm-grid{grid-template-columns:1fr}
  .cal-bar{gap:4px}.cal-title{min-width:0;flex:1 1 100%;order:-1;font-size:12px;padding:6px 4px}.cal-pop{top:92px}
  .cal-card{padding:7px}.cal{grid-auto-rows:minmax(48px,1fr)}.cal .dh{padding:5px 0;font-size:10.5px}.cal .day{padding:1px}.cal .evs{display:none}.cal .n{justify-content:center;flex-direction:column;gap:2px;font-size:12.5px;padding:4px 0}.cal .cnt{display:inline-flex;background:var(--accent);color:#fff;border-radius:9px;min-width:17px;height:17px;align-items:center;justify-content:center;font-size:9.5px;font-weight:700}.cal .out .cnt{opacity:.5}
  .cal.week{grid-template-columns:1fr;grid-auto-rows:auto}.cal.week .dh{display:none}.cal.week .day{min-height:0;display:flex;flex-direction:column}.cal.week .n{flex-direction:row;justify-content:flex-start;gap:8px}.cal.week .wd{display:inline;font-weight:700;color:var(--primary)}.cal.week .evs{display:block}.cal.week .cnt{display:none}
  #content.fit{overflow-y:auto;display:block}.cal-card{flex:none}#c-body{overflow:visible}.cal{min-height:0}.agenda{display:block}.cal.week~.agenda{display:none}
  table.rt,table.rt tbody{display:block;width:100%}table.rt tr:first-child:has(th){display:none}
  table.rt tr{display:block;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;padding:4px 11px}
  table.rt td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1px dashed #eef0f8;text-align:right}
  table.rt td:last-child{border-bottom:0}table.rt td::before{content:attr(data-l);font-size:10.5px;color:var(--muted);font-weight:600;text-align:left;flex:none}table.rt td:empty{display:none}
  table.rt tr.cat{background:#e9ebf6;padding:2px 11px}table.rt tr.cat td::before{content:none}
  table.rt td[data-l=""]{justify-content:flex-end}table.rt td[data-l=""]::before{content:none}
  .table-wrap{background:none;overflow:visible}.toolbar>*{flex:1 1 130px}.toolbar .spacer{display:none}
  .minical{padding:6px}.mc-d{min-height:40px}.pager{justify-content:center}.mrow{flex-wrap:wrap}.mrow .acts{width:100%;justify-content:flex-start}
}

/* ===== HERKESE AÇIK SAYFALAR: uygulama çerçevesi (sabit üst + alt, orta kısım kayar) ===== */
body.bk{background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 20%,#eef0fb),#f6f7fc 60%)}
.bk-app{height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:#fff;position:relative;overflow:hidden}
@media(min-width:700px){body.bk{display:flex;align-items:center;justify-content:center;padding:16px}.bk-app{width:560px;height:min(880px,100%);border-radius:24px;box-shadow:0 24px 70px rgba(30,30,80,.22)}}
.bk-top{flex:none;padding:10px 14px 8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 92%,#000),color-mix(in srgb,var(--accent) 80%,var(--primary)));color:#fff}
.bk-head{display:flex;align-items:center;gap:10px}.bk-logo{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.bk-head h1{margin:0;font-size:15.5px;line-height:1.2}.bk-head small{opacity:.85;display:block}.bk-head .rate{color:#fff}.bk-head .stars{color:#ffd24d}.bk-head .stars .off{color:rgba(255,255,255,.35)}
.bk-call{margin-left:auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;flex:none}
.bk-tabs{display:flex;gap:4px;margin-top:9px;background:rgba(255,255,255,.16);border-radius:11px;padding:3px}.bk-tabs button{flex:1;border:0;background:none;color:#fff;padding:6px 4px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:600;opacity:.85}.bk-tabs button.on{background:#fff;color:var(--primary-d);opacity:1}
.bk-steps{display:flex;gap:5px;padding:9px 14px 0;flex:none;background:#fff}.bk-steps div{flex:1;text-align:center;font-size:10px;color:var(--muted);position:relative;padding-top:10px}
.bk-steps div::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:3px;background:#dfe2f1}.bk-steps div.done::before{background:var(--primary)}.bk-steps div.cur::before{background:linear-gradient(90deg,var(--primary),var(--accent))}.bk-steps div.cur{color:var(--primary-d);font-weight:700}
.bk-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 16px;background:#fff;-webkit-overflow-scrolling:touch}
.bk-card h2{font-size:16px;margin-bottom:2px}.bk-card .sub{color:var(--muted);margin:0 0 10px;font-size:12px}
.bk-cat{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 6px}.bk-cat:first-child{margin-top:2px}
.bk-svc{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1.5px solid var(--line);border-radius:12px;margin-bottom:6px;cursor:pointer;transition:.12s;background:#fff;width:100%;text-align:left}.bk-svc:hover{border-color:var(--primary)}
.bk-svc .ck{width:20px;height:20px;border-radius:7px;border:2px solid #cfd3e6;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.bk-svc.on{border-color:var(--primary);background:var(--primary-soft)}.bk-svc.on .ck{background:var(--primary);border-color:var(--primary)}
.bk-svc .nm{flex:1;min-width:0}.bk-svc .nm b{display:block;font-size:13px}.bk-svc .nm small{color:var(--muted)}.bk-svc .pr{font-weight:700;white-space:nowrap;font-size:12.5px}
.bk-staff{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.bk-st{border:1.5px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center;cursor:pointer;background:#fff;transition:.12s}.bk-st:hover{border-color:var(--primary)}.bk-st.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
.bk-st i{width:44px;height:44px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:18px;font-weight:700}.bk-st b{display:block;font-size:12.5px}.bk-st small{color:var(--muted);display:block}.bk-st .rate{justify-content:center;font-size:11.5px;margin-top:3px}
.bk-sum{background:var(--primary-soft);border-radius:12px;padding:10px 12px;margin-bottom:10px}.bk-sum div{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.bk-sum div span:first-child{color:var(--muted)}.bk-sum .tot{border-top:1px dashed #c5c9ea;margin-top:5px;padding-top:6px;font-size:14px;font-weight:700}
.bk-bar{flex:none;background:#fff;border-top:1px solid var(--line);padding:9px 14px calc(9px + var(--safe-b));z-index:20}
.bk-bar .in{display:flex;align-items:center;gap:10px}.bk-bar .info{flex:1;min-width:0;font-size:12px}.bk-bar .info b{display:block;font-size:13.5px}.bk-bar .btn{padding:10px 20px;font-size:14px;border-radius:11px}
.bk-back{background:none;border:0;color:var(--primary);cursor:pointer;font-weight:600;padding:0 0 8px;display:inline-flex;align-items:center;gap:3px;font-size:12.5px}
.bk-ok{text-align:center;padding:12px 4px}.bk-ok .tick{width:64px;height:64px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;animation:pop .4s}
.bk .field input,.bk .field textarea{padding:10px;font-size:14px}.bk .consent{display:flex;gap:9px;align-items:flex-start;font-size:11.5px;color:var(--muted);margin:8px 0}.bk .consent input{margin-top:2px;flex:none}
.bk-foot{flex:none;text-align:center;font-size:10.5px;color:var(--muted);padding:5px 0 calc(5px + var(--safe-b));background:#fafbff;border-top:1px solid var(--line)}.bk-foot a{color:var(--muted)}
.bk-about p{line-height:1.5;margin:0 0 8px}.bk-info{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #f0f1f8}.bk-info .i{color:var(--primary);margin-top:1px}
.bk .rv{margin-bottom:7px}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.star-pick{display:flex;gap:6px;justify-content:center;margin:8px 0}.star-pick button{border:0;background:none;font-size:38px;line-height:1;cursor:pointer;color:#d7dae8;padding:0 2px;transition:.1s}.star-pick button.on{color:#f5b301;transform:scale(1.08)}
.star-lbl{text-align:center;font-weight:700;min-height:20px;color:var(--primary-d)}

/* ===== KEŞFET (salon arama) ===== */
.dc{height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}
.dc-top{flex:none;background:linear-gradient(135deg,var(--side1),var(--side2) 60%,var(--side3));color:#fff;padding:10px 16px 12px}
.dc-in{max-width:1080px;margin:0 auto}
.dc-nav{display:flex;align-items:center;gap:10px}.dc-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;letter-spacing:-.2px}.dc-brand span{background:linear-gradient(135deg,#c4baff,#ff8db3);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px}
.dc-nav .btn{background:rgba(255,255,255,.16);font-size:12px}.dc-nav .btn:hover{background:rgba(255,255,255,.26)}
.dc-hero{margin:10px 0 8px}.dc-hero h1{font-size:19px;margin:0 0 2px}.dc-hero p{margin:0;opacity:.8;font-size:12.5px}
.dc-search{display:flex;gap:7px;flex-wrap:wrap}.dc-search .sf{flex:1 1 260px;position:relative}.dc-search .sf .i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#8a90ad}
.dc-search input{width:100%;padding:10px 12px 10px 34px;border-radius:12px;border:0;font-size:14px}.dc-search select{padding:10px 12px;border-radius:12px;border:0;font-size:13px;background:#fff;color:#1b1d3a}
.dc-tabs{display:flex;gap:5px;margin-top:9px;align-items:center;flex-wrap:wrap}.dc-tabs button{border:0;background:rgba(255,255,255,.14);color:#fff;padding:6px 13px;border-radius:18px;cursor:pointer;font-weight:600;font-size:12.5px}.dc-tabs button.on{background:#fff;color:var(--primary-d)}
.dc-tabs .spacer{flex:1}.dc-tabs select{padding:6px 10px;border-radius:14px;border:0;font-size:12px;background:#fff;color:#1b1d3a}
.dc-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.dc-body .dc-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.dc-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:13px;display:flex;flex-direction:column;gap:7px;text-decoration:none;color:var(--ink);border:1.5px solid transparent;transition:.15s;position:relative}.dc-card:hover{border-color:var(--primary);transform:translateY(-2px)}
.dc-card .hd{display:flex;gap:10px;align-items:center}.dc-av{width:46px;height:46px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;flex:none;background:linear-gradient(135deg,var(--primary),var(--accent))}
.dc-card h3{font-size:14.5px;margin:0}.dc-card .loc{color:var(--muted);font-size:11.5px;display:flex;align-items:center;gap:3px}
.dc-card .tags{display:flex;gap:4px;flex-wrap:wrap}.dc-card .tags span{background:var(--primary-soft);color:var(--primary-d);border-radius:10px;padding:2px 8px;font-size:11px}
.dc-card .ft{display:flex;align-items:center;margin-top:auto;padding-top:4px}.dc-card .ft .btn{margin-left:auto}
.dc-rank{position:absolute;top:10px;right:12px;font-weight:800;color:#c9ccdf;font-size:20px}
.dc-foot{flex:none;background:#fff;border-top:1px solid var(--line);padding:7px 16px;font-size:11.5px;color:var(--muted);text-align:center}.dc-foot a{color:var(--muted);margin:0 6px}
.dc-empty{grid-column:1/-1;text-align:center;padding:40px 10px;color:var(--muted)}
@media(max-width:600px){.dc-hero h1{font-size:16px}.dc-top{padding:8px 12px 10px}.dc-body{padding:10px 12px}.dc-body .dc-in{grid-template-columns:1fr}}

/* ===== v1.3: bildirim zili, kasa / randevu kapatma ===== */
.bell-menu{width:340px;max-width:calc(100vw - 20px);padding-bottom:4px}
.bell-menu a{display:flex;gap:10px;align-items:flex-start;padding:9px 12px}
.bell-menu a i{flex:none;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}
.bell-menu a span{display:flex;flex-direction:column;min-width:0;line-height:1.3}.bell-menu a b{font-weight:600;font-size:12.5px;white-space:normal}.bell-menu a small{color:var(--muted)}
.bell-menu a.unread{background:#f6f4ff}.bell-menu a.nt-sum{background:#fffaf0}
.nt-empty{padding:22px 14px;text-align:center;color:var(--muted)}
.lk-n{display:flex;align-items:center;gap:6px;font-weight:600;min-width:110px}.lk-n i{width:10px;height:10px;border-radius:50%;display:inline-block}
.cl-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.cl-top span:not(.tag){color:var(--muted)}
.cl-svc{border:1px solid var(--line);border-radius:10px;padding:2px 10px;margin-bottom:8px}.cl-svc div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}.cl-svc div:last-child{border:0}
.cl-sum{display:grid;gap:5px;background:#f7f8fd;border-radius:10px;padding:9px 11px;margin-bottom:10px}.cl-sum div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cl-sum input{width:110px;text-align:right;padding:5px 8px}.cl-sum .tot{font-size:14px;border-top:1px solid var(--line);padding-top:6px;margin-top:2px}.cl-sum .rem b{color:var(--ok);font-size:15px}.cl-sum .rem.over b{color:var(--bad)}
.cl-h{font-weight:700;margin:4px 0 6px}.cl-h small{font-weight:400;color:var(--muted)}
.cl-pay{display:grid;gap:6px}.pm{display:grid;grid-template-columns:104px 1fr auto;gap:8px;align-items:center}.pm label{display:flex;align-items:center;gap:7px;font-weight:600}.pm label i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.pm input{width:100%;text-align:right;border-color:color-mix(in srgb,var(--c) 40%,#fff)}.pm .pill-b{font-size:11px;padding:5px 9px;white-space:nowrap}
.cl-who{margin-top:9px;padding:7px 10px;border-radius:9px;background:var(--primary-soft);color:var(--primary-d);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cl-who small{opacity:.75}
.cl-warn{margin-top:8px;padding:7px 10px;border-radius:9px;background:#fff6e0;color:#8a5a00;font-size:12px}.cl-warn.bad{background:#ffe8ec;color:#b3173a}
.cl-chk{display:flex;gap:7px;align-items:center;margin-top:9px;font-weight:600}
.cl-hist{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.cl-hist>div{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.cl-hist>div span{flex:1;color:var(--muted);display:flex;align-items:center;gap:6px}.cl-hist i{width:8px;height:8px;border-radius:50%;flex:none}
.x2{border:0;background:#ffe8ec;color:var(--bad);border-radius:7px;padding:4px 6px;cursor:pointer;display:inline-flex}
@media(max-width:560px){.pm{grid-template-columns:86px 1fr auto}.bell-menu{position:fixed;left:8px;right:8px;top:calc(var(--top) + 4px);width:auto}}
.bk-x{flex:none;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;margin-right:-2px}
.bk-acc{background:#e6f8f0;color:#0b7a55;border-radius:11px;padding:8px 11px;font-size:12px;margin:10px 0;line-height:1.45}.bk-acc.off{background:var(--primary-soft);color:var(--primary-d)}

/* ======== v1.6: yeni menü, ayarlar menüsü, sohbet, müşteri profili ======== */
#sidebar{width:216px;font-size:13px;padding-bottom:0}
#sidebar .brand{padding:16px 16px 8px}
#sidebar a{gap:11px;padding:6px 9px;margin:1px 10px;border-radius:11px;position:relative}
#sidebar .ni{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.08);flex:none;transition:.15s}
#sidebar a:hover .ni{background:rgba(255,255,255,.18)}
#sidebar a.active{background:rgba(255,255,255,.96);box-shadow:0 6px 16px rgba(10,5,40,.28)}
#sidebar a.active .ni{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}
#sidebar .t{flex:1;overflow:hidden;text-overflow:ellipsis}
#sidebar .nb{font-style:normal;background:var(--accent);color:#fff;border-radius:99px;font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center}#sidebar .nb[hidden]{display:none}
.sb-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42);padding:14px 20px 4px}
.sb-box{margin:8px 0 0;padding:6px 0 4px;border-top:1px solid rgba(255,255,255,.09)}
.sb-box a{padding:4px 9px;color:rgba(255,255,255,.7);font-size:12px}.sb-box .ni{width:26px;height:26px;background:none}
.sb-user{display:flex;align-items:center;gap:9px;padding:10px 12px 10px 14px;background:rgba(0,0,0,.22);margin-top:2px}
.sb-user .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;font-weight:700;flex:none}
.sb-user .t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.sb-user .t b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user .t small{opacity:.6;font-size:10.5px}
#sidebar .sb-user a{margin:0;padding:7px;width:auto;border-radius:9px}

/* müşteri temsilcisi kartı (profil menüsünde) */
.rep{padding:11px 14px;background:linear-gradient(135deg,#f4f1ff,#fff0f6);border-bottom:1px solid #f1f2f8;cursor:default}
.rep>small{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.rep-r{display:flex;align-items:center;gap:10px;margin-top:6px}.rep-r i{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-weight:700;font-style:normal;flex:none}
.rep-r span{display:flex;flex-direction:column;min-width:0}.rep-r b{font-size:13px}.dd-menu .rep-r a{padding:0;border:0;color:var(--primary-d);font-size:12.5px;background:none!important}
.rep-a{display:flex;gap:6px;margin-top:8px}.dd-menu .rep-a a{display:inline-flex;padding:5px 10px;border:0;color:#fff}.dd-menu .rep-a a.light{color:var(--ink)}
.dd-menu a.rep-edit{padding:6px 0 0;border:0;font-size:11.5px;color:var(--primary-d);background:none}

/* Kurulum açılır menüsü */
#gear-menu{min-width:min(560px,92vw);padding-bottom:6px}
#gear-menu .h small{opacity:.85}
.gm{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px 8px;padding:8px 10px}
.gm-g>span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 8px 4px}
#gear-menu .gm a{display:flex;gap:10px;align-items:center;padding:7px 8px;border:0;border-radius:10px}
#gear-menu .gm a i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
#gear-menu .gm a span{display:flex;flex-direction:column;line-height:1.25}#gear-menu .gm a b{font-size:13px;font-weight:600}#gear-menu .gm a small{color:var(--muted);font-size:11px}
.set-menu{padding:6px 0}.set-menu .sm-g{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 14px 3px}
.set-menu a{display:flex;align-items:center;gap:9px;padding:7px 12px;border:0;margin:1px 6px;border-radius:9px}
.set-menu a i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);flex:none}
.set-menu a.active{box-shadow:none}

/* Sohbet: sağ alt buton ve pencere */
#chat-fab{position:fixed;right:18px;bottom:calc(var(--foot) + 14px);z-index:80;border:0;border-radius:99px;height:50px;padding:0 18px 0 15px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 10px 26px rgba(109,93,252,.45);transition:.15s}
#chat-fab:hover{transform:translateY(-2px)}#chat-fab .badge{position:absolute;top:-4px;right:-2px;background:#fff;color:var(--accent);box-shadow:0 2px 6px rgba(0,0,0,.25)}
#chat-win{position:fixed;right:18px;bottom:calc(var(--foot) + 76px);width:360px;max-width:calc(100vw - 24px);height:min(520px,calc(100dvh - 140px));z-index:90;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(25,25,70,.35);display:flex;flex-direction:column;overflow:hidden}
.cw-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,var(--primary),#8a7bff);color:#fff}.cw-h>i{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center}
.cw-h span{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.25}.cw-h small{opacity:.85;font-size:11.5px}.cw-h button{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;display:grid;place-items:center}
.cw-link{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;color:var(--primary-d);background:var(--primary-soft);text-decoration:none}
.cw-b{flex:1;min-height:0;display:flex;flex-direction:column}.cw-b .cp-msgs{flex:1}
.cp-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#f7f7fc}
.cp-empty{margin:auto;color:var(--muted);text-align:center;padding:20px;font-size:13px}
.cb{display:flex;flex-direction:column;max-width:82%}.cb.me{align-self:flex-end;align-items:flex-end}.cb.th{align-self:flex-start}
.cb .b{padding:8px 12px;border-radius:14px;font-size:13.5px;line-height:1.4;word-break:break-word;background:#fff;box-shadow:0 1px 3px rgba(25,25,70,.1)}.cb.me .b{background:linear-gradient(135deg,var(--primary),#8a7bff);color:#fff;border-bottom-right-radius:4px}.cb.th .b{border-bottom-left-radius:4px}
.cb small{color:var(--muted);font-size:10.5px;margin:2px 4px 0}
.cp-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff;align-items:flex-end}.cp-form textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font:inherit;max-height:110px}.cp-form .btn{height:38px;padding:0 13px}
.ch-wrap{display:grid;grid-template-columns:300px 1fr;gap:0;padding:0!important;overflow:hidden;height:calc(100dvh - var(--top) - var(--foot) - 90px);min-height:420px}
.ch-side{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.ch-tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--line)}
.ch-tabs button{flex:1;border:0;background:#eef0fa;border-radius:9px;padding:7px 6px;cursor:pointer;font-weight:600;font-size:12px;color:#59607f}.ch-tabs button.on{background:var(--primary);color:#fff}.ch-tabs u,.ch-r u{text-decoration:none;background:var(--accent);color:#fff;border-radius:99px;padding:1px 6px;font-size:10px;margin-left:3px}
.ch-list{overflow-y:auto;flex:1}.ch-r{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #f1f2f8;cursor:pointer}.ch-r:hover,.ch-r.on{background:var(--primary-soft)}
.ch-r i{width:36px;height:36px;border-radius:50%;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;flex:none}.ch-r span{flex:1;min-width:0;display:flex;flex-direction:column}.ch-r b{font-size:13px}.ch-r small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-r em{font-style:normal;color:var(--muted);font-size:10.5px;text-align:right;display:flex;flex-direction:column;gap:3px;align-items:flex-end}
.ch-conv{display:flex;flex-direction:column;min-width:0;min-height:0}.ch-head{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.ch-head span{display:flex;flex-direction:column}.ch-head small{color:var(--muted)}
.ch-body{flex:1;min-height:0;display:flex;flex-direction:column}.ch-body .cp-msgs{flex:1}

/* Müşteri profil sayfası */
.cl{color:inherit;text-decoration:none}.cl:hover{color:var(--primary)}.plink{font-weight:700;color:var(--primary-d);text-decoration:none;margin-right:6px}
.prof-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.prof-av{width:58px;height:58px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700;flex:none}
.prof-t h2{margin:0;font-size:19px;display:flex;gap:8px;align-items:center}.prof-a{display:flex;gap:6px;flex-wrap:wrap}
.ptiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.pt{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:11px 13px;display:flex;gap:10px;align-items:center}.pt>i{width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:var(--primary-d);display:grid;place-items:center;flex:none}
.pt span{display:flex;flex-direction:column;line-height:1.25}.pt small{color:var(--muted);font-size:11px}.pt b{font-size:16px}
.prof-wrap{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
.prof-menu{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:6px}
.prof-menu a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;color:#444a6e;cursor:pointer;font-weight:500}.prof-menu a:hover{background:#f7f6ff}.prof-menu a.active{background:var(--primary-soft);color:var(--primary-d);font-weight:700}
.prof-body{min-width:0}.pgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
.kvs .kv{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f1f2f8}.kvs .kv span{width:150px;color:var(--muted);flex:none}.kvs .kv b{font-weight:600;word-break:break-word}
.rv-item{padding:10px 0;border-bottom:1px solid #f1f2f8;color:#f59f00}.rv-item p{margin:4px 0 0;color:var(--ink)}
.stat.net{border-top:3px solid var(--primary);background:linear-gradient(135deg,#f4f1ff,#fff)}.ce-kind{width:100%}.ce-kind button{flex:1}

@media (min-width:801px) and (max-width:1100px){#sidebar{width:58px}#sidebar a{justify-content:center;padding:6px 0;margin:2px 7px}#sidebar .sb-user .t,#sidebar .sb-user a:not(.x),#sidebar .nb{display:none}#sidebar .sb-user{justify-content:center;padding:10px 0}.sb-label{display:none}}
@media (max-width:800px){
  #sidebar{width:272px}#sidebar .t,#sidebar .brand span,.sb-label{display:revert}#sidebar .sb-user .t,#sidebar .sb-user a{display:flex}#sidebar .nb:not([hidden]){display:grid}#sidebar a{justify-content:flex-start;padding:7px 10px;margin:1px 10px}#sidebar .brand{justify-content:flex-start;padding:16px 16px 8px}
  #chat-fab{bottom:calc(var(--nav) + var(--safe-b) + 14px);right:12px;height:46px;padding:0 15px}#chat-fab .chat-lbl{display:none}
  #chat-win{right:8px;left:8px;width:auto;max-width:none;bottom:calc(var(--nav) + var(--safe-b) + 70px);height:min(70dvh,520px)}
  .ch-wrap{grid-template-columns:1fr;height:calc(100dvh - var(--top) - var(--nav) - 70px)}.ch-conv{display:none}.ch-conv.open{display:flex}.ch-conv.open~*{}.ch-wrap:has(.ch-conv.open) .ch-side{display:none}
  .prof-wrap{grid-template-columns:1fr}.prof-menu{display:flex;overflow-x:auto}.prof-menu a{white-space:nowrap}.pgrid{grid-template-columns:1fr}.kvs .kv span{width:110px}
  #gear-menu{min-width:0;width:92vw}
}
.badge[hidden]{display:none!important}
#sidebar{scrollbar-width:none}
#sidebar a{padding:4px 9px}#sidebar .ni{width:28px;height:28px}
.sb-label{padding:10px 20px 3px}.sb-box{margin-top:6px}
.sb-user{position:sticky;bottom:0;background:#231a4a;z-index:2;margin-top:0}
#user-menu{min-width:290px}
.gm{grid-template-columns:1fr 1fr}.gm-g:nth-child(2){grid-row:span 2}
.prof-body .foot{border:0;padding:6px 0 0;margin:0}
@media (max-width:800px){.gm{grid-template-columns:1fr}.gm-g:nth-child(2){grid-row:auto}}

/* Sohbet butonu (müşteri sitesi) */
.sx #chat-fab{bottom:20px}.cs-start{display:flex;flex-direction:column;gap:10px;padding:16px}.cs-start p{margin:0;color:var(--muted);font-size:13px}.cs-start input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}.cs-err{color:var(--bad)}
@media (max-width:800px){.sx #chat-fab{bottom:calc(66px + var(--safe-b))}.sx #chat-win{bottom:calc(66px + var(--safe-b) + 56px)}}
@media (max-width:700px){body.bk #chat-fab{bottom:calc(90px + var(--safe-b));height:42px;padding:0 13px}body.bk #chat-win{bottom:calc(142px + var(--safe-b))}}

/* v1.6.1: sohbet butonu sayfalama/alt satırları kapatmasın */
#content{padding-bottom:84px}#content.fit{padding-bottom:10px}.hs[hidden]{display:none!important}
/* v1.7: randevu detayı ve Adisyon sayfası */
.btn.teal{background:#17a2b8;color:#fff}.ad-view .kv{display:grid;grid-template-columns:150px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.ad-view .kv span{font-weight:700}.ad-view .kv b{font-weight:500}
.rd{max-width:1180px;margin:0 auto;padding-bottom:20px}.rd-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.rd-top h2{margin:0;font-size:22px}.rd-top .spacer{flex:1}
.rd-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.rd-main,.rd-side{display:flex;flex-direction:column;gap:14px}
.rd-cust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.rd-cust b{font-size:16px}.rd-cust span{color:var(--muted)}
.rd-f{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;margin-bottom:10px}.rd-f>label{font-weight:700;font-size:13px}.rd-f input,.rd-f select,.rd-it select,.rd-it input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;background:#fff;min-width:0}
.rd-time{display:grid;grid-template-columns:1fr 90px 90px;gap:8px}
.rd-it{border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff}.rd-it-h{display:flex;gap:8px;margin-bottom:8px}.rd-it-h select{font-weight:700}
.rd-it-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px}.rd-it-g small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}
.rd-sum{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;padding-top:6px;color:var(--muted);font-size:13px}.rd-sum b{color:var(--text,#222)}
.splitbtn{position:relative;display:flex}.splitbtn .btn:first-child{border-radius:10px 0 0 10px}.splitbtn .sp{border-radius:0 10px 10px 0;border-left:1px solid rgba(255,255,255,.4);padding:0 10px}.splitbtn .dirty{box-shadow:0 0 0 3px rgba(32,201,151,.35)}
.dd-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(20,20,60,.18);min-width:230px;padding:6px}.dd-menu[hidden]{display:none}.dd-menu a{display:flex;gap:8px;align-items:center;padding:9px 11px;border-radius:8px;cursor:pointer;font-size:13.5px}.dd-menu a:hover{background:#f3f2ff}.dd-menu a.red{color:var(--bad)}
.hist{max-height:520px;overflow:auto}.hl{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.hl>i{flex:none;width:26px;height:26px;border-radius:50%;background:#efeaff;color:var(--primary);display:grid;place-items:center}.hl small{display:block;color:var(--muted);font-size:11.5px}.hl .hd{margin-top:4px;font-size:12.5px;line-height:1.45;color:#444}
@media (max-width:900px){.rd-grid{grid-template-columns:1fr}.rd-it-g{grid-template-columns:1fr 1fr}.rd-f{grid-template-columns:1fr}.rd-top h2{font-size:18px}}
.hero-chips[hidden],#catsec[hidden]{display:none!important}#rd-pay .kv{display:flex;justify-content:space-between;padding:4px 0}