/* ESKİN Veresiye v3 görsel dili — Randevu sistemine uyarlama */
:root{
  --sidebar-w:260px;
  --bg:#08090c;
  --bg2:#0e1014;
  --card:#12151b;
  --panel:#12151b;
  --panel2:#181b22;
  --panel3:#20242c;
  --soft:#181b22;
  --text:#f5f6f8;
  --muted:#969ba8;
  --border:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --accent:#f7f7f2;
  --accent2:#f7f7f2;
  --accentText:#08090b;
  --green:#52e5a2;
  --red:#ff6a7d;
  --amber:#ffd166;
  --blue:#77b7ff;
  --purple:#b99cff;
  --shadow:0 22px 60px rgba(0,0,0,.18);
  --shadow2:0 22px 60px rgba(0,0,0,.16);
  --ink:#f5f6f8;
  --paper:#08090c;
  --bg-card:#12151b;
  --bg-soft:#181b22;
  --text-muted:#969ba8;
  --text-faint:#7f8695;
  --border-soft:rgba(255,255,255,.09);
  --danger:#ff6a7d;
  --danger-soft:rgba(255,106,125,.11);
  --success:#52e5a2;
  --success-soft:rgba(82,229,162,.10);
  --wait:#ffd166;
  --wait-soft:rgba(255,209,102,.10);
  --done:#969ba8;
  --done-soft:rgba(150,155,168,.10);
  --info:#77b7ff;
  --info-soft:rgba(119,183,255,.10);
}
body.light{
  --bg:#f4f4f1;
  --bg2:#ecece8;
  --card:#fff;
  --panel:#fff;
  --panel2:#f0f0ec;
  --panel3:#e8e8e3;
  --soft:#f0f0ec;
  --text:#111217;
  --muted:#666b77;
  --border:rgba(0,0,0,.09);
  --line:rgba(0,0,0,.09);
  --line-strong:rgba(0,0,0,.16);
  --accent:#111217;
  --accent2:#111217;
  --accentText:#fff;
  --shadow:0 18px 44px rgba(0,0,0,.04);
  --shadow2:0 18px 44px rgba(0,0,0,.04);
  --ink:#111217;
  --paper:#f4f4f1;
  --bg-card:#ffffff;
  --bg-soft:#f0f0ec;
  --text-muted:#666b77;
  --text-faint:#7f8490;
  --border-soft:rgba(0,0,0,.06);
}
html{color-scheme:dark;scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}
body.light{color-scheme:light}
html,body{margin:0;padding:0}
body{
  min-height:100vh!important;
  background:radial-gradient(circle at 86% 8%,rgba(255,255,255,.045),transparent 24rem),radial-gradient(circle at 20% 100%,rgba(119,183,255,.035),transparent 28rem),var(--bg)!important;
  color:var(--text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  transition:.25s background,.25s color;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 62%)}
body.light::before{opacity:.08}
body.app-auth::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 70% -10%,rgba(120,105,255,.08),transparent 30rem),radial-gradient(circle at 98% 38%,rgba(82,229,162,.04),transparent 26rem)}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
h1,h2,h3,.serif{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.04em}
::selection{background:var(--text);color:var(--bg)}
.ambient-orb{position:fixed;right:-260px;top:-120px;width:690px;height:690px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 68%);pointer-events:none;z-index:-1}

/* Ana kabuk */
.app-shell,.shell{display:block!important;min-height:100vh}
.sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:var(--sidebar-w)!important;height:100vh!important;z-index:1050!important;
  background:rgba(10,11,15,.93)!important;border-right:1px solid var(--line)!important;
  backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);display:flex!important;flex-direction:column!important;
  padding:22px 16px 16px!important;color:var(--text)!important;box-shadow:none!important;
}
body.light .sidebar{background:rgba(247,247,243,.93)!important}
.sidebar-brand{padding:6px 10px 25px}
.sidebar-logo{font-size:23px;font-weight:950;letter-spacing:-.06em;color:var(--text)}
.sidebar-logo span,.mobile-logo span{color:var(--muted)}
.sidebar-brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.19em;margin-top:6px;font-weight:800}
.sidebar-create{height:48px;display:flex;align-items:center;gap:11px;padding:0 13px;margin:0 2px 18px;border:0;border-radius:15px;background:var(--accent);color:var(--accentText);font-size:12px;font-weight:900;cursor:pointer;transition:.2s transform,.2s box-shadow;width:calc(100% - 4px);text-align:left}
.sidebar-create:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(255,255,255,.08)}
body.light .sidebar-create:hover{box-shadow:0 14px 32px rgba(0,0,0,.10)}
.sidebar-create kbd{margin-left:auto;border:1px solid color-mix(in srgb,var(--accentText) 16%,transparent);border-radius:7px;padding:3px 6px;font-size:9px;background:transparent;color:inherit}
.sidebar-nav{display:flex!important;flex-direction:column!important;gap:3px!important;overflow:auto!important;padding-right:2px!important}
.sidebar-label{font-size:8px;letter-spacing:.18em;color:var(--muted);font-weight:850;padding:17px 12px 7px}
.sidebar-nav .nav-btn,.sidebar-logout{
  width:100%!important;min-height:43px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:9px 12px!important;border:0!important;border-radius:13px!important;
  color:var(--muted)!important;background:transparent!important;font:760 12px Inter,system-ui,sans-serif!important;position:relative!important;transition:.18s!important;text-align:left!important;margin:0!important;cursor:pointer!important;
}
.sidebar-nav .nav-btn:hover,.sidebar-nav .nav-btn.active,.sidebar-logout:hover{color:var(--text)!important;background:var(--panel2)!important}
.sidebar-nav .nav-btn.active::before{content:"";position:absolute;left:-16px;width:2px;height:22px;border-radius:2px;background:var(--text)}
.nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;font-style:normal;font-size:15px}
.nav-sep{display:none!important}
.nav-form{margin:0!important;padding:0!important}
.sidebar-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.sidebar-user{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;padding:8px 7px 12px}
.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--panel3),var(--panel));border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:900}
.sidebar-user-copy{min-width:0}.sidebar-user-copy strong,.sidebar-user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy strong{font-size:11px}.sidebar-user-copy small{font-size:9px;color:var(--muted);margin-top:2px}
.theme-toggle{width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}
.sidebar-logout{margin-top:2px!important}.sidebar-logout button{all:unset;color:inherit;cursor:pointer;display:contents}
.mobilebar,.sidebar-scrim{display:none}
.main{margin-left:var(--sidebar-w)!important;min-width:0!important;width:auto!important;flex:none!important;padding-bottom:0!important}

/* Sayfa başlığı */
.header.topbar,.header{
  min-height:0!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;padding:50px 34px 24px!important;
  position:static!important;margin:0 auto!important;border-bottom:1px solid var(--line)!important;max-width:1360px!important;
}
.header .eyebrow,.page-kicker{display:block!important;color:var(--muted)!important;font-size:8px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:850!important;margin:0!important}
.header h1{margin:4px 0 4px!important;font-size:clamp(42px,5.1vw,72px)!important;line-height:.95!important;font-weight:950!important;letter-spacing:-.065em!important;color:var(--text)!important}
.header-sub{margin:8px 0 0;color:var(--muted);font-size:11px}
.header-actions{margin-left:auto;display:flex;gap:8px!important;flex-direction:row!important}
#content,.content{padding:30px 34px 80px!important;max-width:1360px!important;margin:0 auto!important;width:100%!important}

/* Butonlar */
.primary,.ghost,.danger,.link,.btn,.download-btn,.danger-btn,.wa-btn,.quick-actions button,.mobile-quick-bar button,.mobile-quick-bar a{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;padding:11px 15px;border-radius:13px!important;font-weight:850!important;font-size:11px!important;cursor:pointer;line-height:1.1;box-shadow:none!important;transition:.18s;text-decoration:none!important
}
.primary,.btn-primary,.login-btn{background:var(--accent)!important;color:var(--accentText)!important;border-color:var(--accent)!important}
.primary:hover,.btn-primary:hover,.login-btn:hover{filter:brightness(.93)}
.ghost{background:var(--panel)!important;color:var(--text)!important}
.danger,.danger-btn,.btn-danger{background:rgba(255,106,125,.11)!important;color:#ff9cab!important;border-color:rgba(255,106,125,.25)!important}
.link{border:0!important;background:none!important;color:var(--text)!important;padding:4px!important;font-weight:800!important}
.small{padding:8px 11px!important;font-size:10px!important;border-radius:11px!important}
button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}

/* Kartlar / metrikler */
.cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.summary-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.metric,.panel,.panel-lite,.admin-card,.metricx,.customer-summary>div,.notif-summary>div,.tracking-section,.payment-history,.role-summary,.log-entry{
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,white 1%),var(--panel))!important;
  border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:0 22px 60px rgba(0,0,0,.08)!important;border-radius:22px!important;
}
.metric{padding:20px!important;min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.metric span{display:block;color:var(--muted)!important;font-size:9px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.metric b{display:block;font:900 31px/1 Inter,system-ui,sans-serif!important;letter-spacing:-.045em;margin:13px 0 7px!important;color:var(--text)!important}
.metric small{color:var(--muted)!important;font-size:9px!important}
.grid2{display:grid!important;grid-template-columns:1.35fr 1fr!important;gap:14px!important;margin-top:14px!important}
.panel{padding:18px!important;margin-bottom:0!important;overflow:hidden}
.panel-lite{padding:14px!important;margin-top:12px!important;border-radius:16px!important;box-shadow:none!important;background:var(--bg2)!important}
.panel-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin:0 0 12px!important;padding:0!important;border:0!important}
.panel-head h2,.panel-head h3{margin:0!important;font:850 17px/1.15 Inter,system-ui,sans-serif!important;letter-spacing:-.035em;color:var(--text)!important}
.empty,.muted,.tinyempty{color:var(--muted)!important;padding:30px 10px!important;text-align:center!important;font-size:11px!important}
.daily-mini-row,.line,.simple-row,.table-row,.finance-table-row,.debtor-row,.history-row,.payment-history-row,.notif-row,.trash-row{border-color:var(--line)!important;color:var(--text)!important}
.daily-mini-row small,.line small,.simple-row small,.table-row small,.finance-table-row small,.debtor-row small,.history-row small,.payment-history-row small,.notif-row small{color:var(--muted)!important}
.datebox{background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--line)}
.datebox small{color:var(--muted)!important}.daily-time{color:var(--text)!important}

/* Tablolar / listeler */
.table-head,.finance-table-head{color:var(--muted)!important;border-bottom:1px solid var(--line)!important;font-size:8px!important;letter-spacing:.13em!important;font-weight:850!important}
.table-row,.finance-table-row{border-bottom:1px solid var(--line)!important;font-size:11px!important}
.table-row:hover,.finance-table-row:hover{background:var(--panel2)!important}
.pill,.badge{display:inline-flex;border:1px solid var(--line)!important;border-radius:999px!important;padding:5px 9px!important;background:var(--panel2)!important;color:var(--text)!important;font-size:9px!important;font-weight:800!important}
.status-onaylandi,.status-tamamlandi,.status-teslim_edildi{color:var(--green)!important}.status-beklemede{color:var(--amber)!important}.status-hazirlaniyor{color:var(--blue)!important}.status-cekildi{color:var(--purple)!important}.status-iptal,.danger-text{color:#ff8b9b!important}

/* Araç çubukları / formlar */
.toolbar{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:16px!important;padding:0!important}
.tabs{display:flex!important;background:var(--panel2)!important;border:1px solid var(--line);border-radius:13px!important;padding:3px!important}
.tabs button{border:0!important;background:none!important;padding:8px 12px!important;border-radius:10px!important;font:800 10px Inter!important;color:var(--muted)!important;cursor:pointer}
.tabs button.active{background:var(--panel)!important;color:var(--text)!important;box-shadow:none!important}
.filters{display:flex!important;gap:8px!important;flex:1!important;margin:0!important}
input,select,textarea,.date-control,.filters input,.filters select,.formgrid input,.formgrid select,.formgrid textarea,.inline-add input,.filtersx input,.filtersx select,.admin-card input,.admin-card select{
  width:100%;background:var(--bg2)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:14px!important;padding:12px 13px!important;outline:none!important;font:600 12px Inter,system-ui,sans-serif!important;transition:.16s;box-shadow:none!important
}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)!important}
input:focus,select:focus,textarea:focus{border-color:var(--line-strong)!important;box-shadow:0 0 0 3px rgba(255,255,255,.04)!important}
body.light input:focus,body.light select:focus,body.light textarea:focus{box-shadow:0 0 0 3px rgba(0,0,0,.04)!important}
.formgrid label,.tracking-grid label,.admin-card label,.filtersx label,.field label,.password-wrap{color:var(--muted)!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:800!important}
.chip,.tag-opt{background:var(--panel)!important;border:1px solid var(--line)!important;color:var(--muted)!important}.chip.on,.chip.active,.tag-opt.active{background:var(--accent)!important;color:var(--accentText)!important;border-color:var(--accent)!important}

/* Takvim */
.calendar{overflow:auto!important}.calendar .dowrow{border-bottom:1px solid var(--line)!important}.dowrow b{color:var(--muted)!important}
.calcell{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;color:var(--text)!important}.calcell:hover,.is-today{background:var(--panel2)!important}
.event{background:var(--panel2)!important;border:1px solid var(--line)!important;border-left:3px solid var(--muted)!important;color:var(--text)!important}.event small{color:var(--muted)!important}.event.status-onaylandi{border-left-color:var(--green)!important}.event.status-beklemede{border-left-color:var(--amber)!important}.event.status-iptal{border-left-color:var(--red)!important}.event.status-hazirlaniyor{border-left-color:var(--blue)!important}.event.status-cekildi{border-left-color:var(--purple)!important}

/* Modal */
.modal-backdrop{background:rgba(0,0,0,.68)!important;backdrop-filter:blur(7px)!important;z-index:1200!important}
.modal{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:0 35px 110px rgba(0,0,0,.48)!important}
.modal-head h2,.modal-head h3{color:var(--text)!important}.close,.modal-close{background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.old-appt-modal,.old-appt-modal *{--old-bg:var(--panel);--old-text:var(--text)}
.old-appt-modal{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
.old-appt-modal .old-modal-head,.old-appt-modal .old-section,.old-prepayment-section,.old-payment-summary{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}
.old-appt-modal input,.old-appt-modal select,.old-appt-modal textarea{background:var(--bg2)!important;color:var(--text)!important;border-color:var(--line)!important}
.old-appt-modal label,.old-appt-modal small,.old-payment-summary-head span,.old-payment-metrics span{color:var(--muted)!important}
.old-payment-preview>div,.old-payment-metrics>div{background:var(--panel2)!important;border-color:var(--line)!important}.old-payment-metrics b,.old-prepayment-preview b{color:var(--text)!important}

/* Bildirim / ödeme / özel paneller */
.notif-summary>div,.customer-summary>div{padding:12px!important;border-radius:15px!important;box-shadow:none!important}.notif-summary span,.customer-summary span{color:var(--muted)!important}.notif-summary b,.customer-summary b{color:var(--text)!important}
.tracking-section,.payment-history,.role-summary{padding:14px!important;box-shadow:none!important}.wa-btn{background:rgba(82,229,162,.08)!important;color:#79e9b5!important;border-color:rgba(82,229,162,.18)!important}
.payment-entry-balance{background:rgba(255,209,102,.08)!important;color:#ffd978!important}.payment-paid-banner{background:rgba(82,229,162,.08)!important;color:#79e9b5!important;border-color:rgba(82,229,162,.18)!important}

/* Toast */
.toast{background:var(--text)!important;color:var(--bg)!important;border:0!important;border-radius:13px!important;box-shadow:var(--shadow)!important;font-weight:800!important}

/* Giriş */
.login-bg{display:block!important;min-height:100dvh!important;padding:0!important;background:var(--bg)!important}
.login-shell{width:min(1240px,calc(100% - 40px));min-height:100dvh;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.65fr);gap:70px;align-items:center;padding:70px 0}
.login-hero{min-height:560px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:30px 0}
.login-kicker{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:8px;letter-spacing:.18em;font-weight:850;margin-bottom:42px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 17px var(--green)}
.login-hero h1{font-family:Inter,sans-serif!important;font-size:clamp(70px,8vw,122px)!important;line-height:.79!important;letter-spacing:-.08em!important;margin:0!important;font-weight:950!important;color:var(--text)!important}.login-hero h1 span{color:var(--muted)}
.login-hero>p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.75;margin:38px 0 0}.login-meta{display:flex;gap:28px;color:var(--muted);font-size:8px;letter-spacing:.15em;font-weight:800;margin-top:52px}
.login-card{width:100%!important;max-width:none!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,white 1%),var(--panel))!important;border:1px solid var(--line)!important;border-radius:28px!important;padding:30px!important;box-shadow:0 28px 80px rgba(0,0,0,.22)!important;color:var(--text)!important}
.login-title{text-align:left;margin-bottom:23px}.login-title .eyebrow{display:block;color:var(--muted)!important;font-size:8px!important;letter-spacing:.18em!important;font-weight:850!important}.login-title h2{font-family:Inter,sans-serif!important;font-size:31px!important;letter-spacing:-.055em!important;margin:6px 0 7px!important;color:var(--text)!important}.login-title p{margin:0;color:var(--muted);font-size:10px}
.account-title{font-size:8px;font-weight:850;color:var(--muted);letter-spacing:.12em;margin:0 0 9px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;max-height:330px;overflow:auto;padding-right:2px}.account-option{position:relative;display:block!important;margin:0!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important}.account-option input{position:absolute!important;opacity:0!important;pointer-events:none!important}.account-box{display:flex;align-items:center;gap:10px;min-height:68px;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:var(--bg2);transition:.17s ease;user-select:none}.account-option:hover .account-box{background:var(--panel2);border-color:var(--line-strong)}.account-option input:checked + .account-box{border-color:var(--text);background:var(--panel2);box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.account-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-weight:900;color:var(--muted)}.account-option input:checked + .account-box .account-avatar{background:var(--accent);border-color:var(--accent);color:var(--accentText)}.account-name{display:block;color:var(--text);font-size:11px;font-weight:850;line-height:1.2}.account-sub{display:block;color:var(--muted);font-size:8px;font-weight:600;margin-top:4px}.password-wrap{display:block!important;margin-top:4px!important}.password-wrap input{margin-top:7px!important}.login-card .login-btn{height:48px!important;margin-top:5px!important;width:100%!important;border-radius:13px!important}.login-error,.notice.error{background:rgba(255,106,125,.08)!important;color:#ff9cab!important;border:1px solid rgba(255,106,125,.18)!important;border-radius:14px!important;padding:11px 13px!important;min-height:0!important;margin:0 0 14px!important}.login-foot{color:var(--muted)!important;border-color:var(--line)!important}

/* Yönetici yardımcı sayfaları */
.admin-wrap{max-width:1180px!important;margin:0 auto!important;padding:50px 24px 70px!important}.stack,.admin-stack{display:grid!important;gap:16px!important}.admin-card{padding:20px!important}.head,.admin-head{display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:flex-start!important}.head h1,.head h2,.admin-head h2,.admin-head h3{margin:0 0 6px!important;color:var(--text)!important}.head h1,.admin-head h2{font-size:clamp(32px,5vw,54px)!important;font-weight:950!important;letter-spacing:-.055em!important}.head p,.admin-head p,.hint,.notice,.backup-name small,.user-title small,.log-time{color:var(--muted)!important}.metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.metricx{padding:17px!important}.metricx small{color:var(--muted)!important}.status-ok{background:rgba(82,229,162,.08)!important;color:#79e9b5!important;border:1px solid rgba(82,229,162,.18)!important}.status-bad{background:rgba(255,106,125,.08)!important;color:#ff9cab!important;border:1px solid rgba(255,106,125,.18)!important}.backup-row,.archive-row,.user-row,.legacy-row{border-color:var(--line)!important}.log-msg{color:var(--text)!important}.level-error{background:rgba(255,106,125,.11)!important;color:#ff9cab!important}.level-warning{background:rgba(255,209,102,.10)!important;color:#ffd978!important}.level-notice{background:rgba(119,183,255,.10)!important;color:#9ccbff!important}.level-deprecated{background:rgba(185,156,255,.10)!important;color:#cbb8ff!important}.level-other{background:var(--panel2)!important;color:var(--muted)!important}

/* 404 */
body.error-page{display:grid!important;place-items:center!important;padding:24px!important}.error-page .wrap{width:min(760px,100%);text-align:center;padding:50px 30px;border:1px solid var(--line)!important;border-radius:28px;background:var(--panel)!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important}.error-page .code{font:950 clamp(92px,20vw,170px)/.8 Inter,sans-serif!important;letter-spacing:-.09em!important;color:var(--text)!important;text-shadow:none!important}.error-page h1{font-size:clamp(24px,5vw,38px)!important}.error-page p,.error-page .small{color:var(--muted)!important}.error-page .actions .primary{background:var(--accent)!important;color:var(--accentText)!important}.error-page .actions .secondary{border:1px solid var(--line)!important;color:var(--text)!important;background:var(--panel2)!important}

/* Mobil */
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.summary-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid2{grid-template-columns:1fr!important}.login-shell{grid-template-columns:1fr 390px;gap:35px}.login-hero h1{font-size:clamp(64px,8vw,90px)!important}.metrics{grid-template-columns:1fr 1fr!important}}
@media(max-width:980px){
  .sidebar{transform:translateX(-102%);transition:.25s transform;width:min(290px,86vw)!important;box-shadow:30px 0 90px rgba(0,0,0,.35)!important}body.sidebar-open .sidebar{transform:translateX(0)}
  .sidebar-scrim{display:block;position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.56);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.2s}body.sidebar-open .sidebar-scrim{opacity:1;visibility:visible}
  .mobilebar{height:68px;position:fixed;inset:0 0 auto;z-index:1030;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(20px)}
  .sidebar-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;border-radius:12px;padding:0}.mobile-logo{font-size:19px;font-weight:950;letter-spacing:-.05em}.mobile-new{background:var(--accent);color:var(--accentText);border:0;font-size:9px;font-weight:900;padding:9px 12px;border-radius:999px}
  .main{margin-left:0!important;padding-top:68px!important}.header.topbar,.header{padding:32px 18px 20px!important;max-width:none!important}#content,.content{padding:24px 18px 65px!important;max-width:none!important}.login-shell{grid-template-columns:1fr;gap:18px;padding:58px 0 40px}.login-hero{min-height:360px;padding-bottom:0}.login-hero h1{font-size:clamp(62px,12vw,94px)!important}.login-card{max-width:620px!important}
}
@media(max-width:760px){.sidebar nav{display:flex!important;flex-direction:column!important;overflow:auto!important}.sidebar .nav-btn[href]{display:flex!important}.nav-btn{flex-direction:row!important;min-width:0!important}.main{padding-bottom:0!important}.header-actions{flex-direction:row!important}.formgrid{grid-template-columns:1fr!important}.table-head{display:none!important}.table-row{grid-template-columns:1fr 1fr!important}.calendar .dowrow,.calgrid{min-width:680px}.finance-table-head{display:none!important}.finance-table-row{grid-template-columns:1fr 1fr!important}.customer-table-row{grid-template-columns:1fr 1fr!important}.daily-card{grid-template-columns:54px 1fr!important}.debtor-row{grid-template-columns:1fr 1fr!important}.filters{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.toolbar{flex-direction:column!important;align-items:stretch!important}.admin-wrap{padding:28px 12px 50px!important}.head,.admin-head{flex-direction:column!important}.filtersx{grid-template-columns:1fr 1fr!important}}
@media(max-width:680px){.header.topbar,.header{padding:26px 11px 18px!important;align-items:flex-start!important}.header h1{font-size:clamp(38px,12vw,56px)!important}.header-actions{display:none!important}#content,.content{padding:20px 11px 55px!important}.cards,.summary-six{grid-template-columns:1fr 1fr!important;gap:8px!important}.metric{min-height:118px!important;padding:14px!important}.metric b{font-size:29px!important}.panel{border-radius:18px!important}.login-shell{width:calc(100% - 22px);padding-top:34px}.login-hero{min-height:310px}.login-hero h1{font-size:clamp(55px,18vw,80px)!important}.login-hero>p{font-size:12px;margin-top:26px}.login-meta{margin-top:30px;gap:15px}.login-card{padding:22px 16px!important;border-radius:22px!important}.account-grid{grid-template-columns:1fr 1fr}.metrics,.filtersx{grid-template-columns:1fr!important}}
@media(max-width:430px){.cards,.summary-six{grid-template-columns:1fr!important}.account-grid{grid-template-columns:1fr}.login-hero h1{font-size:clamp(50px,19vw,70px)!important}}
@media print{.sidebar,.mobilebar,.header,.btn,.primary,.ghost{display:none!important}.main{margin:0!important;padding:0!important}#content,.content{padding:0!important}.panel,.metric{box-shadow:none!important}}

/* =========================================================
   v11.1 — Randevu düzenleme modalı / premium kompakt görünüm
   ========================================================= */
.modal.old-appt-modal{
  width:min(820px,calc(100vw - 28px))!important;
  max-height:min(92vh,920px)!important;
  padding:0!important;
  overflow:auto!important;
  border-radius:24px!important;
  background:var(--panel)!important;
  border:1px solid var(--line-strong)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.58)!important;
  scrollbar-width:thin;
  scrollbar-color:var(--line-strong) transparent;
}
.modal.old-appt-modal::-webkit-scrollbar{width:8px}
.modal.old-appt-modal::-webkit-scrollbar-track{background:transparent}
.modal.old-appt-modal::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:2px solid transparent;background-clip:padding-box}

.old-appointment-ui{
  padding:0 26px 24px!important;
  color:var(--text)!important;
  background:var(--panel)!important;
}
.old-appointment-ui .modal-head{
  position:sticky;
  top:0;
  z-index:8;
  min-height:88px!important;
  margin:0 -26px 18px!important;
  padding:18px 26px 14px!important;
  align-items:flex-start!important;
  border-bottom:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--panel) 92%,transparent)!important;
  backdrop-filter:blur(14px);
}
.appt-modal-title{min-width:0}
.appt-modal-kicker{
  display:block;
  margin:0 0 5px;
  color:var(--muted);
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
}
.old-appointment-ui .modal-head h2{
  margin:0!important;
  color:var(--text)!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:22px!important;
  line-height:1.14!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
}
.appt-modal-title small{
  display:block;
  margin-top:5px;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.35;
  font-weight:550;
  text-transform:none!important;
  letter-spacing:0!important;
}
.old-appointment-ui .close{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin:0!important;
  border-radius:11px!important;
  border:1px solid var(--line)!important;
  background:var(--panel2)!important;
  color:var(--text)!important;
  font-size:20px!important;
  line-height:30px!important;
}
.old-appointment-ui .close:hover{background:var(--panel3)!important;border-color:var(--line-strong)!important}

.old-appt-modal .mobile-quick-bar{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px!important;
  margin:0 0 16px!important;
}
.old-appt-modal .mobile-quick-bar button,
.old-appt-modal .mobile-quick-bar a{
  min-height:38px;
  padding:0 10px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--bg2)!important;
  color:var(--text)!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.old-appt-modal .mobile-quick-bar button:hover,
.old-appt-modal .mobile-quick-bar a:hover{background:var(--panel2)!important;border-color:var(--line-strong)!important;transform:translateY(-1px)}

.old-formgrid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:14px!important;
  row-gap:13px!important;
}
.old-formgrid>label,
.old-appt-modal .tracking-grid label,
.old-appt-modal .old-prepayment-grid label{
  color:var(--muted)!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  gap:7px!important;
}
.old-formgrid .label-hint{
  color:var(--muted)!important;
  opacity:.72;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.old-formgrid input,
.old-formgrid select,
.old-formgrid textarea,
.old-inline-add input,
.old-appt-modal .tracking-grid input,
.old-appt-modal .tracking-grid select,
.old-appt-modal .old-prepayment-grid input,
.old-appt-modal .old-prepayment-grid select{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  padding:0 13px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--bg2)!important;
  color:var(--text)!important;
  outline:none!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
  transition:border-color .16s,background .16s,box-shadow .16s!important;
}
.old-formgrid input::placeholder,
.old-formgrid textarea::placeholder,
.old-inline-add input::placeholder{color:var(--muted)!important;opacity:.62!important}
.old-formgrid input:focus,
.old-formgrid select:focus,
.old-formgrid textarea:focus,
.old-inline-add input:focus,
.old-appt-modal .tracking-grid input:focus,
.old-appt-modal .tracking-grid select:focus{
  border-color:rgba(255,255,255,.28)!important;
  background:var(--panel2)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.035)!important;
}
body.light .old-formgrid input:focus,
body.light .old-formgrid select:focus,
body.light .old-formgrid textarea:focus{border-color:rgba(0,0,0,.25)!important;box-shadow:0 0 0 3px rgba(0,0,0,.03)!important}
.old-formgrid textarea{height:72px!important;min-height:72px!important;padding:12px 13px!important;resize:vertical!important}
.old-formgrid #aty{border-color:var(--line)!important;background:var(--bg2)!important}
.old-formgrid select:disabled,.old-formgrid input:disabled{opacity:.58!important;cursor:not-allowed}

.old-appt-modal .old-section,
.old-appt-modal .tracking-section,
.old-appt-modal .old-prepayment-section,
.old-appt-modal .old-payment-summary{
  margin-top:2px!important;
  padding:14px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:var(--panel2)!important;
  box-shadow:none!important;
}
.old-appt-modal .section-label{
  display:block!important;
  margin:0 0 10px!important;
  color:var(--text)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}
.old-appt-modal .tracking-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.old-appt-modal .tracking-grid input,
.old-appt-modal .tracking-grid select{background:var(--bg2)!important}

.old-appt-modal .old-payment-summary-head{margin-bottom:11px!important}
.old-appt-modal .old-payment-summary-head span{color:var(--muted)!important;text-transform:uppercase;font-size:8px!important;font-weight:850;letter-spacing:.08em}
.old-appt-modal .old-payment-summary-head b{color:var(--text)!important;font-size:13px!important}
.old-appt-modal .old-payment-manage{
  height:34px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--bg2)!important;
  color:var(--text)!important;
  font-weight:800!important;
}
.old-appt-modal .old-payment-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.old-appt-modal .old-payment-metrics>div,
.old-appt-modal .old-prepayment-preview>div{
  padding:10px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:var(--bg2)!important;
}
.old-appt-modal .old-payment-metrics span,
.old-appt-modal .old-prepayment-preview span{font-size:8px!important;color:var(--muted)!important;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.old-appt-modal .old-payment-metrics b,
.old-appt-modal .old-prepayment-preview b{margin-top:4px;color:var(--text)!important;font-size:11px!important}

.old-appt-modal .old-statuses{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.old-appt-modal .old-status{
  height:38px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:var(--bg2)!important;
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:800!important;
}
.old-appt-modal .old-status:hover{background:var(--panel3)!important;color:var(--text)!important;border-color:var(--line-strong)!important}
.old-appt-modal .old-status.active{background:rgba(255,209,102,.10)!important;border-color:rgba(255,209,102,.34)!important;color:#ffd978!important}
.old-appt-modal .old-status[data-old-status="onaylandi"].active{background:rgba(82,229,162,.09)!important;border-color:rgba(82,229,162,.28)!important;color:#79e9b5!important}
.old-appt-modal .old-status[data-old-status="tamamlandi"].active{background:rgba(119,183,255,.09)!important;border-color:rgba(119,183,255,.28)!important;color:#9dcbff!important}
.old-appt-modal .old-status[data-old-status="iptal"].active{background:rgba(255,106,125,.09)!important;border-color:rgba(255,106,125,.28)!important;color:#ff8d9d!important}

.old-appt-modal .old-chipbox{gap:7px!important;min-height:30px!important}
.old-appt-modal .old-chipbox .chip{
  height:30px!important;
  padding:0 11px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:var(--bg2)!important;
  color:var(--muted)!important;
  font-size:9px!important;
  font-weight:800!important;
}
.old-appt-modal .old-chipbox .chip.on{background:rgba(255,255,255,.08)!important;border-color:var(--line-strong)!important;color:var(--text)!important}
.old-appt-modal .old-inline-add{grid-template-columns:minmax(0,1fr) 62px!important;gap:8px!important;margin-top:9px!important}
.old-appt-modal .old-inline-add input{height:36px!important;font-size:10px!important}
.old-appt-modal .old-add-btn{
  height:36px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--bg2)!important;
  color:var(--text)!important;
  font-size:9px!important;
  font-weight:850!important;
}
.old-appt-modal .old-add-btn:hover{background:var(--panel3)!important}

.old-appt-modal .old-modal-actions{
  position:sticky;
  bottom:-24px;
  z-index:7;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:18px -26px -24px!important;
  padding:13px 26px 16px!important;
  border-top:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
  backdrop-filter:blur(14px);
}
.old-appt-modal .old-modal-actions .ghost,
.old-appt-modal .old-modal-actions .old-save,
.old-appt-modal .old-modal-actions .old-delete,
.old-appt-modal .old-modal-actions .contract-link{
  height:40px!important;
  min-width:94px;
  padding:0 14px!important;
  border-radius:11px!important;
  font-size:10px!important;
  font-weight:850!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.old-appt-modal .old-modal-actions .ghost,
.old-appt-modal .old-modal-actions .contract-link{background:var(--bg2)!important;border:1px solid var(--line)!important;color:var(--text)!important}
.old-appt-modal .old-modal-actions .old-save{margin-left:auto!important;width:auto!important;min-width:132px!important;background:var(--text)!important;border:1px solid var(--text)!important;color:var(--bg)!important}
.old-appt-modal .old-modal-actions .old-delete{grid-column:auto!important;margin:0!important;background:rgba(255,106,125,.08)!important;border:1px solid rgba(255,106,125,.20)!important;color:#ff8d9d!important}
.old-appt-modal .old-modal-actions .ghost:hover,
.old-appt-modal .old-modal-actions .contract-link:hover{background:var(--panel2)!important;border-color:var(--line-strong)!important}

.old-appt-modal .conflict-box:not(:empty){margin-top:12px!important;padding:11px 12px!important;border:1px solid rgba(255,106,125,.25)!important;border-radius:12px!important;background:rgba(255,106,125,.08)!important;color:#ff9dab!important}

@media(max-width:700px){
  .modal.old-appt-modal{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:20px!important}
  .old-appointment-ui{padding:0 16px 18px!important}
  .old-appointment-ui .modal-head{margin:0 -16px 14px!important;padding:15px 16px 12px!important;min-height:78px!important}
  .old-appointment-ui .modal-head h2{font-size:19px!important}
  .appt-modal-title small{font-size:9px!important}
  .old-appt-modal .mobile-quick-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-bottom:13px!important}
  .old-appt-modal .mobile-quick-bar button,.old-appt-modal .mobile-quick-bar a{min-height:36px!important;padding:0 6px!important;font-size:9px!important}
  .old-formgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:10px!important;row-gap:10px!important}
  .old-formgrid input,.old-formgrid select,.old-formgrid textarea{height:41px!important;border-radius:11px!important;font-size:11px!important}
  .old-formgrid textarea{height:64px!important;min-height:64px!important}
  .old-appt-modal .tracking-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .old-appt-modal .old-section,.old-appt-modal .tracking-section,.old-appt-modal .old-prepayment-section,.old-appt-modal .old-payment-summary{padding:12px!important;border-radius:14px!important}
  .old-appt-modal .old-payment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .old-appt-modal .old-modal-actions{bottom:-18px;margin:15px -16px -18px!important;padding:11px 16px 13px!important;flex-wrap:wrap!important}
  .old-appt-modal .old-modal-actions .old-save{min-width:120px!important}
}

@media(max-width:440px){
  .old-formgrid{grid-template-columns:1fr!important}
  .old-formgrid .full{grid-column:1!important}
  .old-appt-modal .tracking-grid,.old-appt-modal .old-prepayment-grid{grid-template-columns:1fr!important}
  .old-appt-modal .old-statuses{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .old-appt-modal .mobile-quick-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .old-appt-modal .old-modal-actions .old-delete{order:3}
  .old-appt-modal .old-modal-actions .contract-link{order:4}
  .old-appt-modal .old-modal-actions .old-save{margin-left:0!important;flex:1 1 42%!important}
  .old-appt-modal .old-modal-actions .ghost{flex:1 1 32%!important}
}
\n\n/* =========================================================\n   v11.2 — Stabilite / responsive bugfix katmanı\n   ========================================================= */\nimg,video,canvas,svg{max-width:100%;height:auto}\n.panel,.panel-lite,.metric,.admin-card,.metricx,.grid2>*,.cards>*,.summary-six>*,.table-row>*,.finance-table-row>*,.customer-table-row>*,.debtor-row>*,.daily-card>*,.simple-row>*{min-width:0}\n.panel,.admin-card,.modal{overflow-wrap:anywhere}\n.panel img,.admin-card img,.modal img{display:block;max-width:100%;height:auto;object-fit:contain}\n\n/* Hesap kartlarının tüm yüzeyi güvenilir biçimde tıklanabilir olsun. */\n.account-option{position:relative!important;isolation:isolate}\n.account-option input[type=\"radio\"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer!important;z-index:3!important;pointer-events:auto!important}\n.account-option .account-box{pointer-events:none!important}\n.account-option.selected .account-box,.account-option input[type=\"radio\"]:checked + .account-box{border-color:var(--text)!important;background:var(--panel2)!important;box-shadow:0 0 0 3px rgba(255,255,255,.035)!important}\n.account-option input[type=\"radio\"]:focus-visible + .account-box{outline:2px solid var(--text);outline-offset:2px}\n\n/* Modal taşmaları ve küçük ekran kitlenmeleri. */\n.modal-backdrop{overflow-y:auto!important;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}\n.modal{width:min(780px,calc(100vw - 24px));max-width:100%;max-height:calc(100dvh - 24px)!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}\n.modal-head{gap:12px}.modal-head h2,.modal-head h3{min-width:0;overflow-wrap:anywhere}\n.modal-actions{flex-wrap:wrap}\nbody.modal-open{overflow:hidden!important;touch-action:none}\n\n/* Liste/tablo satırlarında uzun müşteri adı, telefon veya açıklama paneli büyütmesin. */\n.table-row,.finance-table-row,.customer-table-row,.debtor-row,.daily-card,.simple-row,.daily-mini-row,.notif-row,.trash-row{min-width:0}\n.table-row b,.table-row small,.finance-table-row b,.finance-table-row small,.customer-table-row b,.customer-table-row small,.simple-row b,.simple-row small{overflow-wrap:anywhere;word-break:break-word}\n\n@media(max-width:760px){\n  .modal{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;border-radius:18px!important}\n  .modal-actions>*{flex:1 1 auto;min-width:0}\n  .daily-mini-row,.simple-row,.trash-row{gap:10px}\n  .quick-actions{flex-wrap:wrap}\n}\n@media(max-width:430px){\n  .login-card{padding:18px 14px!important}\n  .account-box{min-height:62px;padding:10px!important}\n  .account-avatar{width:32px;height:32px;flex-basis:32px}\n  .modal-actions>*{flex:1 1 100%}\n}\n