:root{
  --navy:#001030; --navy-2:#0a1f47; --blue:#0b57d0; --blue-50:#eef4ff; --red:#d62828;
  --ink:#0d1a33; --ink-2:#3d4a63; --ink-3:#6b7690;
  --line:#dfe4ec; --line-2:#eef1f6; --bg:#f5f7fa; --card:#fff;
  --ok:#0f8a5f; --ok-50:#e7f6ef; --warn:#b45309; --warn-50:#fff4e5; --vio:#6d28d9; --vio-50:#f3edff;
  --r:10px; --r-sm:6px;
  --text-xs:clamp(.75rem,.72rem + .15vw,.8125rem);
  --text-sm:clamp(.875rem,.85rem + .12vw,.9375rem);
  --text-base:clamp(1rem,.96rem + .2vw,1.0625rem);
  --text-lg:clamp(1.125rem,1.05rem + .4vw,1.3125rem);
  --text-xl:clamp(1.4rem,1.2rem + .8vw,1.85rem);
  --font:'General Sans','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:var(--text-base);color:var(--ink);background:var(--bg);line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{line-height:1.2;margin:0}
.proto{background:var(--warn-50);color:var(--warn);font-size:var(--text-xs);text-align:center;padding:.35rem 1rem;font-weight:500}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem clamp(1rem,3vw,1.5rem);background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{height:30px;width:auto}
.brand span{font-weight:700;font-size:var(--text-sm);letter-spacing:.12em;color:var(--navy);border-left:1px solid var(--line);padding-left:.6rem}
.role{display:flex;background:var(--line-2);border-radius:999px;padding:3px}
.role button{border:0;background:none;padding:.45rem .9rem;border-radius:999px;font-size:var(--text-sm);font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.role button.on{background:var(--navy);color:#fff}
.shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100dvh - 90px)}
.side{background:#fff;border-right:1px solid var(--line);padding:1rem .75rem;display:flex;flex-direction:column;gap:2px}
.side a{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font-size:var(--text-sm);font-weight:500;cursor:pointer}
.side a svg{width:18px;height:18px;flex:none}
.side a:hover{background:var(--line-2)}
.side a.on{background:var(--blue-50);color:var(--blue);font-weight:600}
.side .badge{margin-left:auto;background:var(--red);color:#fff;font-size:.72rem;border-radius:999px;padding:0 .45rem;font-weight:600}
main{padding:clamp(1rem,3vw,2rem);min-width:0;outline:none}
.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.page-h h1{font-size:var(--text-xl);font-weight:700}
.page-h p{margin:.25rem 0 0;color:var(--ink-3);font-size:var(--text-sm)}
.back{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-3);font-size:var(--text-sm);text-decoration:none;margin-bottom:.6rem;cursor:pointer;background:none;border:0;padding:0}
.back:hover{color:var(--blue)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1rem,2.5vw,1.4rem);position:relative}
.card + .card{margin-top:1rem}
.card h2{font-size:var(--text-lg);font-weight:600;margin-bottom:.9rem}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;cursor:pointer;text-align:left}
.kpi:hover{border-color:var(--blue)}
.kpi b{display:block;font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}
.kpi span{font-size:var(--text-sm);color:var(--ink-3)}
.flow{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:var(--text-sm);color:var(--ink-2)}
.flow i{font-style:normal;background:var(--line-2);border-radius:999px;padding:.3rem .75rem;font-weight:500}
.flow i.cur{background:var(--navy);color:#fff}
.flow em{color:var(--ink-3);font-style:normal}
table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
th{text-align:left;color:var(--ink-3);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem;border-bottom:1px solid var(--line)}
td{padding:.75rem;border-bottom:1px solid var(--line-2);vertical-align:middle}
tr.click{cursor:pointer}
tr.click:hover td{background:#fafbfd}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mono{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.muted{color:var(--ink-3)}
.st{display:inline-block;font-size:var(--text-xs);font-weight:600;border-radius:999px;padding:.15rem .6rem;white-space:nowrap}
.st-taslak{background:var(--line-2);color:var(--ink-2)}
.st-gonderildi{background:var(--blue-50);color:var(--blue)}
.st-onay{background:var(--ok-50);color:var(--ok)}
.st-atandi{background:var(--warn-50);color:var(--warn)}
.st-sahada{background:var(--vio-50);color:var(--vio)}
.st-tamam{background:var(--ok-50);color:var(--ok)}
.st-fatura{background:var(--navy);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.1rem;border-radius:var(--r-sm);font-weight:600;font-size:var(--text-sm);border:1px solid var(--line);background:#fff;cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--ink-3)}
.btn.pri{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.pri:hover{background:#0a4cb8}
.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.big{min-height:52px;font-size:var(--text-base);width:100%}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn svg{width:18px;height:18px}
.acts{display:flex;gap:.6rem;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.grid2>.card+.card{margin-top:0}
.grid-main{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem;align-items:start}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:0;font-size:var(--text-sm)}
dl.kv dt{color:var(--ink-3)}
dl.kv dd{margin:0;font-weight:500}
.tot{margin-top:.75rem;margin-left:auto;max-width:300px;font-size:var(--text-sm)}
.tot div{display:flex;justify-content:space-between;padding:.3rem 0}
.tot .g{font-weight:700;font-size:var(--text-base);border-top:1px solid var(--line);margin-top:.3rem;padding-top:.6rem}
label.f,span.f{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:.35rem}
.field{margin-bottom:1rem}
input:not([type]),input[type=search],input[type=tel],input[type=password],input[type=text],input[type=date],input[type=time],input[type=email],input[type=number],select,textarea{width:100%;min-height:44px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip span{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .75rem;border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:500;background:#fff}
.chip span::before{content:"";width:18px;height:18px;border:1.5px solid var(--ink-3);border-radius:4px;flex:none}
.chip input:checked + span{border-color:var(--blue);background:var(--blue-50);color:var(--blue)}
.chip input:checked + span::before{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-9'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--blue)}
.chip input:focus-visible + span{outline:2px solid var(--blue)}
.sec-t{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600;margin:1.4rem 0 .6rem}
.times{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.time{border:1px solid var(--line);border-radius:var(--r-sm);padding:.7rem .9rem;background:#fff}
.time small{display:block;color:var(--ink-3);font-size:var(--text-xs)}
.time b{font-variant-numeric:tabular-nums}
.sig{border:1.5px dashed var(--ink-3);border-radius:var(--r-sm);background:#fff;position:relative;touch-action:none}
.sig canvas{display:block;width:100%;height:96px;cursor:crosshair}
.sig .ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-3);font-size:var(--text-sm);pointer-events:none}
.sig-a{display:flex;justify-content:space-between;align-items:center;margin-top:.35rem;font-size:var(--text-xs);color:var(--ink-3)}
.linkbtn{background:none;border:0;color:var(--blue);font-weight:600;cursor:pointer;padding:.25rem;font-size:var(--text-xs)}
.photos{display:flex;gap:.5rem;flex-wrap:wrap}
.photos img{width:84px;height:84px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}
.addph{width:84px;height:84px;border:1.5px dashed var(--ink-3);border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-3);cursor:pointer;position:relative;font-size:var(--text-xs);text-align:center}
.addph input{position:absolute;inset:0;opacity:0;cursor:pointer}
.jobs{display:grid;gap:.75rem}
.job{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem;cursor:pointer}
.job:hover{border-color:var(--blue)}
.job-h{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}
.job h3{font-size:var(--text-base);font-weight:600}
.job p{margin:.3rem 0 0;font-size:var(--text-sm);color:var(--ink-2)}
.job .meta{display:flex;gap:1rem;margin-top:.6rem;font-size:var(--text-xs);color:var(--ink-3);flex-wrap:wrap}
.note{background:var(--blue-50);border-radius:var(--r-sm);padding:.75rem .9rem;font-size:var(--text-sm);color:var(--navy-2)}
.note.warn{background:var(--warn-50);color:#7c3a06}
.note.ok{background:var(--ok-50);color:#0b5e41}
.empty{text-align:center;padding:2.5rem 1rem;color:var(--ink-3)}
.modal{position:fixed;inset:0;z-index:50;background:rgba(0,16,48,.45);display:grid;place-items:center;padding:1rem}
.modal[hidden]{display:none}
.modal-box{background:#fff;border-radius:var(--r);width:min(560px,100%);max-height:90dvh;overflow:auto;padding:1.4rem}
.modal-box h2{font-size:var(--text-lg);margin-bottom:.4rem}
.modal-box .sub{color:var(--ink-3);font-size:var(--text-sm);margin:0 0 1.1rem}
.modal-f{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem;flex-wrap:wrap}
.toast{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%,150%);background:var(--navy);color:#fff;padding:.75rem 1.1rem;border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:500;z-index:60;transition:transform .25s ease;max-width:calc(100% - 2rem)}
.toast:not(.show){visibility:hidden;opacity:0}.toast.show{transform:translate(-50%,0)}
.sticky-f{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 30%);padding:1rem 0 .25rem;margin-top:1rem}

/* Servis formu PDF görünümü (kâğıt formun dijital hali) */
.paper{background:#fff;width:min(794px,100%);margin:0 auto;padding:28px 34px;box-shadow:0 2px 18px rgba(0,16,48,.08);font-family:'Times New Roman',Georgia,serif;color:#111;font-size:13px}
.paper table{font-size:13px}
.paper td,.paper th{border:1px solid #c9ced6;padding:5px 8px;text-transform:none;letter-spacing:0;color:#111;font-weight:400}
.p-head{display:grid;grid-template-columns:1.15fr 1.2fr 1fr;border:1px solid #c9ced6}
.p-head>div{padding:10px;display:flex;flex-direction:column;justify-content:center}
.p-head>div+div{border-left:1px solid #c9ced6}
.p-head img{width:180px;max-width:100%;height:auto;display:block;margin:0 auto}
.p-head .co{font-family:var(--font);color:#8a93a3;font-size:11px;text-align:center;margin-top:4px}
.p-head h2{font-size:17px;text-align:center;font-weight:700;letter-spacing:.04em;line-height:1.3}
.p-head h2 small{display:block;font-size:10.5px;font-weight:400;letter-spacing:.02em;color:#5b6575;margin-top:4px;font-family:var(--font)}
.p-head .sn{padding:0!important}
.p-head .sn table{width:100%;height:100%;border-collapse:collapse;font-size:12.5px}
.p-head .sn td{border:0!important;border-bottom:1px solid #c9ced6!important;padding:7px 10px!important;vertical-align:middle}
.p-head .sn tr:last-child td{border-bottom:0!important}
.p-head .sn td:first-child{font-weight:700;width:42%;background:#f3f5f8;border-right:1px solid #c9ced6!important;white-space:nowrap}
.p-head .sn td:last-child{font-family:ui-monospace,Consolas,monospace;font-weight:600}
.paper .p-sub{background:#f3f5f8;font:700 10.5px var(--font);letter-spacing:.08em;color:#5b6575;padding:4px 8px}
.paper .p-cbt{table-layout:fixed;width:100%}
.p-per{margin-top:6px}
.p-per+.p-per{border-top:1px dashed #c9ced6;padding-top:6px}
.l-short,.show-m{display:none}
.login{max-width:400px;margin:2rem auto}
.btn.sm{min-height:34px;padding:.3rem .7rem;font-size:var(--text-xs)}
.hist{list-style:none;margin:0;padding:0;font-size:var(--text-sm)}
.hist li{padding:.55rem 0;border-top:1px solid var(--line)}
.hist li:first-child{border-top:0}
.hist small{display:block;color:var(--muted)}
.ucret{display:flex;gap:.5rem;flex-wrap:wrap}
.ucret .chip{flex:1;min-width:130px}
.tek-sel{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm)}
.tek-sel select{min-height:38px;width:auto}
.sticky-f .acts{display:grid;grid-template-columns:1fr 1.6fr;gap:.6rem}
.p-sec{background:#f0f2f5;text-align:center;font-weight:700;font-size:15px}
.p-box{border:1px solid #c9ced6;border-top:0;padding:8px 10px;min-height:120px;white-space:pre-wrap}
.p-lbl{border:1px solid #c9ced6;border-top:0;background:#f7f8fa;font-weight:700;padding:5px 10px;font-size:14px}
.cb::before{content:"☐ ";}
.cb.x::before{content:"☒ ";}
.p-sign{display:flex;margin-top:8px;border:1px solid #c9ced6;font-family:var(--font);font-size:11px;break-inside:avoid}
.p-sign>div{flex:1 1 0;min-width:0;padding:4px 7px 3px;border-left:1px solid #c9ced6}
.p-sign>div:first-child{border-left:0}
.p-sign small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6575}
.p-sign b{display:block;font-weight:600;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-im{height:38px;display:flex;align-items:center;gap:4px;margin-top:1px}
.p-im img{max-height:38px;max-width:100%;width:auto;object-fit:contain;display:block}
.p-sign .p-kase{flex:0 0 auto;width:136px}
.p-sign .p-kase .p-im{height:54px}
.p-sign .p-kase .p-im img{max-height:54px}
.p-foot{font-family:var(--font);color:#8a93a3;font-size:10.5px;margin-top:14px;text-align:center}
.p-ph{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.p-ph img{width:110px;height:80px;object-fit:cover;border:1px solid #c9ced6}

/* oturum çubuğu, yetkiler, İK */
.userbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.45rem clamp(1rem,3vw,1.5rem);background:var(--navy);color:#fff;font-size:var(--text-xs)}
.userbar[hidden]{display:none}
.userbar label{font-weight:600;letter-spacing:.02em}
.userbar .ub-l{font-weight:600;letter-spacing:.02em;color:#aab6cc}
.userbar .ub-ad{font-size:var(--text-sm);font-weight:700;color:#fff;min-height:34px;display:inline-flex;align-items:center}
.userbar select{background:#fff;color:var(--ink);border:0;border-radius:var(--r-sm);padding:.3rem .5rem;font-size:var(--text-sm);font-weight:600;max-width:100%;width:auto;min-height:34px}
.userbar .muted{color:#aab6cc}
.sw{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--text-sm)}
.sw input{appearance:none;width:38px;height:22px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;margin:0;transition:background .15s}
.sw input::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.sw input:checked{background:var(--ok)}
.sw input:checked::after{left:19px}
.sw input:disabled{opacity:.55;cursor:not-allowed}
.sw input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.mini-l{list-style:none;margin:0;padding:0;font-size:var(--text-sm)}
.mini-l li{display:flex;align-items:center;gap:.8rem;padding:.5rem 0;border-bottom:1px solid var(--line-2)}
.mini-l li:last-child{border-bottom:0}
.mini-l .mono{font-size:var(--text-xs);color:var(--ink-3);min-width:9.5rem}
.grid2.tight{gap:0 1rem}
.grid2+.card{margin-top:1rem}
input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--ink-2);cursor:not-allowed}
.sr{position:absolute;left:0;top:0;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* bildirim çubuğu (sayfa içi, açılır pencere değil) */
.flash{position:sticky;top:64px;z-index:15;display:flex;align-items:center;gap:.75rem;background:var(--navy);color:#fff;border-radius:var(--r-sm);padding:.7rem .9rem;margin:0 0 1rem;font-size:var(--text-sm);box-shadow:0 4px 14px rgba(0,16,48,.18)}
.flash span{flex:1}
.flash-x{background:none;border:0;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;padding:0 .2rem}
.form-card{max-width:none}
.form-f{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line-2)}
.sig-l canvas{height:160px}
.bilgi{border-color:var(--ok);background:var(--ok-50)}
.bilgi dl.kv{background:#fff;padding:.9rem;border-radius:var(--r-sm)}
.btn.danger{background:var(--red);border-color:var(--red);color:#fff}
.kirmizi{color:var(--red)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}
/* İK sekmeleri */
.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin:-.25rem 0 1.25rem;overflow-x:auto}
.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:.6rem .9rem;font-size:var(--text-sm);font-weight:600;color:var(--ink-3);cursor:pointer;white-space:nowrap;margin-bottom:-1px}
.tabs button.on{color:var(--blue);border-bottom-color:var(--blue)}
/* puantaj durum renkleri */
.pc-geldi{background:var(--ok-50);color:var(--ok)}
.pc-geldi.gec,.gec.pc-geldi{background:#fff4e5;color:var(--warn)}
.pc-izin{background:var(--blue-50);color:var(--blue)}
.pc-rapor{background:var(--vio-50);color:var(--vio)}
.pc-devamsiz{background:#fde8e8;color:var(--red)}
.pc-tatil{background:#eef1f6;color:var(--ink-2)}
.pc-hafta,.pc-gelecek,.pc-once{background:#fafbfd;color:#9aa3b5}
.pc-bekle{background:#fff;color:var(--warn);box-shadow:inset 0 0 0 1.5px var(--warn)}
.pill{display:inline-block;font-size:var(--text-xs);font-weight:600;border-radius:999px;padding:.15rem .6rem;white-space:nowrap}
.pt-h{display:flex;align-items:center;gap:.6rem;padding:1rem 1.2rem;flex-wrap:wrap}
.pt-h h2{margin:0;font-size:var(--text-lg);text-transform:capitalize}
.pt-h .sp,.acts .sp{flex:1}
.pt-w{overflow-x:auto;border-top:1px solid var(--line);position:relative}
table.pt{font-size:.75rem;border-collapse:separate;border-spacing:0}
.pt th,.pt td{padding:0;text-align:center;border-bottom:1px solid var(--line-2);border-right:1px solid #fff}
.pt th{font-size:.7rem;padding:.45rem 0;min-width:30px;color:var(--ink-2);letter-spacing:0;text-transform:none}
.pt th small{display:block;font-weight:400;color:var(--ink-3)}
.pt th.we{color:var(--red)}
.pt td.pc{height:34px;font-weight:700;cursor:pointer}
.pt td.pc:hover{outline:2px solid var(--blue);outline-offset:-2px}
.pt td.bugun{box-shadow:inset 0 0 0 2px var(--navy)}
.pt .pt-ad{position:sticky;left:0;background:#fff;z-index:1;text-align:left;padding:.4rem .9rem;min-width:150px;white-space:nowrap;font-size:var(--text-sm);border-right:1px solid var(--line)}
.pt .pt-ad a{color:var(--ink);font-weight:600;cursor:pointer;text-decoration:none}
.pt .pt-ad a:hover{color:var(--blue)}
.pt .sm-c{min-width:52px;padding:0 .4rem;font-weight:600;font-size:.8rem;background:#fafbfd}
.lejant{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:var(--text-xs);color:var(--ink-2)}
.lejant span{display:inline-flex;align-items:center;gap:.35rem}
.lejant i{font-style:normal;font-weight:700;font-size:.68rem;min-width:24px;height:20px;display:inline-grid;place-items:center;border-radius:4px;padding:0 .2rem}
.bugun-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem}
.bugun-l div{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:var(--text-sm)}
/* aylık mini takvim */
.mt{max-width:440px}
.mt-h{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;font-size:.7rem;color:var(--ink-3);text-align:center;margin-bottom:4px}
.mt-g{border-collapse:separate;border-spacing:4px;margin:-4px;width:calc(100% + 8px);table-layout:fixed}
.mt-g td{border:0;padding:.3rem .1rem;text-align:center;border-radius:6px;height:46px;vertical-align:middle}
.mt-g td[data-go]{cursor:pointer}
.mt-g td[data-go]:hover{outline:2px solid var(--blue)}
.mt-g td.bugun{box-shadow:inset 0 0 0 2px var(--navy)}
.mt-g b{display:block;font-size:.78rem}
.mt-g small{display:block;font-size:.62rem;font-weight:600;font-variant-numeric:tabular-nums}
.pk-g{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:1.5rem;align-items:start}
.kpis.k2{grid-template-columns:repeat(2,1fr);margin:0;gap:.6rem}
.kpis.k3{grid-template-columns:repeat(3,1fr)}
.kpis.k2 .kpi,.kpis.k3 .kpi{cursor:default}
.kpis.k2 .kpi:hover,.kpis.k3 .kpi:hover{border-color:var(--line)}
/* teknisyen: işe başladım */
.mesai{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.mesai b{display:block;font-size:var(--text-lg)}
.mesai span{color:var(--ink-3);font-size:var(--text-sm)}
.mesai.bas{border:2px solid var(--ok)}
.mesai.ok{background:var(--ok-50);border-color:#bfe6d4}
.mesai .btn.big{display:inline-flex;align-items:center;gap:.5rem;width:auto;padding:0 1.4rem}
.form-f .btn.big{width:auto;min-width:140px}
@media (max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}}
@media (max-width:760px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;bottom:0;left:0;right:0;z-index:30;flex-direction:row;justify-content:space-around;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line)}
  .side a{flex-direction:column;gap:.15rem;padding:.4rem .3rem;font-size:.7rem;flex:1;text-align:center;position:relative}
  .side .badge{position:absolute;top:0;right:22%;margin:0}
  main{padding-bottom:6rem}
  .brand img{height:28px}
  .brand span{display:none}
  .role button{padding:.4rem .7rem;font-size:.8rem}
  .grid2,.times{grid-template-columns:1fr}
  .chips{grid-template-columns:1fr 1fr}
  .hide-m{display:none}
  .l-long{display:none}.l-short{display:inline}.show-m{display:initial}
  .side a{font-size:.62rem!important;padding:.4rem .1rem!important;min-width:0}
  .side a svg{width:20px;height:20px}
  .paper{padding:14px;font-size:11px}
  .p-head{grid-template-columns:1fr 1fr}
  .p-head>div:nth-child(2){grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #c9ced6}
  .p-head h2{font-size:15px}
  .p-head .sn table{font-size:11px}
  .p-head .sn td{padding:6px!important}
  .sticky-f .acts{grid-template-columns:1fr 1fr}
  .sticky-f{bottom:4.6rem}
  .paper table{font-size:11px;table-layout:fixed;width:100%}
  .paper td{padding:4px 5px;overflow-wrap:anywhere;word-break:break-word}
  .paper .p-cbt td{font-size:10px;padding:4px 3px}
  .toast{bottom:5.2rem}
}
@media print{
  body{background:#fff}
  .proto,.top,.side,.no-print,.toast{display:none!important}
  .shell{display:block}
  main{padding:0}
  .paper{box-shadow:none;width:100%}
}

/* imzalar: minimal alanlar ve otomatik eklenenler */
.sig-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}
.sig-grid .sig{max-width:340px}
.kase-m{margin-top:.75rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:var(--text-xs);color:var(--ink-3)}
.kase-m .photos img,.addph.sm{width:56px;height:56px}
.auto-sig{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-sm)}
.auto-sig li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .7rem;min-height:52px}
.auto-sig li+li{border-top:1px solid var(--line)}
.auto-sig span{display:flex;flex-direction:column;font-size:var(--text-sm);min-width:0}
.auto-sig small{color:var(--ink-3);font-size:var(--text-xs)}
.auto-sig img{max-height:40px;max-width:120px;object-fit:contain}
.auto-sig em{font-style:normal;color:#b45309;font-size:var(--text-xs);text-align:right}
img.imz{max-height:30px;max-width:110px;object-fit:contain;display:inline-block;vertical-align:middle}
.kase-box{border:1px dashed var(--line);border-radius:var(--r-sm);background:#fff;display:grid;place-items:center;min-height:150px;padding:.75rem}
.kase-box img{max-height:150px;max-width:100%;object-fit:contain}
.kase-box.sm{min-height:70px}.kase-box.sm img{max-height:60px}
.filebtn{position:relative;overflow:hidden;cursor:pointer}
.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer}
@media (max-width:640px){
  .grid3{grid-template-columns:1fr}
  .pk-g{grid-template-columns:1fr}
  .mesai .btn.big{width:100%;justify-content:center}
  .kpis.k3{grid-template-columns:repeat(3,1fr);gap:.5rem}
  .kpis.k3 .kpi{padding:.7rem}
  .flash{top:58px}
  .form-f .btn{flex:1}

  .userbar .muted{display:none}
  .mini-l li{flex-wrap:wrap;gap:.2rem .8rem}

  .sig-grid{grid-template-columns:1fr}
  .p-sign{flex-wrap:wrap}
  .p-sign>div{flex:1 1 45%;border-top:1px solid #c9ced6}
  .p-sign .p-kase{width:auto}
}

/* masraf / avans, zimmet, izin talebi */
.tabs .tb{display:inline-block;min-width:18px;padding:0 .35rem;margin-left:.25rem;border-radius:999px;background:var(--red);color:#fff;font-size:.7rem;line-height:18px;text-align:center}
.tutar-a{color:var(--red);font-weight:700}
.tutar-b{color:var(--ok);font-weight:700}
.bal{display:flex;flex-direction:column;gap:.2rem;border-left:4px solid var(--line)}
.bal span{font-size:var(--text-sm);color:var(--ink-3);font-weight:600}
.bal b{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15}
.bal small{font-size:var(--text-sm);color:var(--ink-2)}
.bal.a{border-left-color:var(--red)}.bal.a b{color:var(--red)}
.bal.b{border-left-color:var(--ok)}.bal.b b{color:var(--ok)}
img.fis-k{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.red-k{display:flex;flex-direction:column;gap:.4rem;min-width:220px}
.red-k input{min-height:34px;font-size:var(--text-sm)}
.kapat-k{margin:0 1.2rem 1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--warn-50)}
.kapat-k h3{font-size:var(--text-base);font-weight:700}
.kapat-k table{background:#fff;border-radius:var(--r-sm)}
.fs-t{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:700;margin:1.4rem 0 .7rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}
.fs-t:first-child{margin-top:0}
.bilgi-g{align-items:start}
.bilgi-g>.card{margin-top:0}
.p-sign-b>div{min-height:92px;display:flex;flex-direction:column}
.p-sign-b .p-bos{margin-top:auto;border-top:1px dotted #9aa3b2;padding-top:2px;font-size:8.5px;color:#5b6575}
.pt-h h2 a{color:inherit;text-decoration:none;cursor:pointer}
.pt-h h2 a:hover{color:var(--blue)}
@media print{.flash,.userbar,.back,.tabs,#flash{display:none!important}}
@media (max-width:760px){.red-k{min-width:160px}.kapat-k{margin:0 .8rem 1rem}}
.mblk.show-m{display:none}@media (max-width:760px){.mblk.show-m{display:block}}
@media (max-width:760px){.kpis.k3{gap:.5rem}.kpis .kpi{min-width:0;padding:.75rem .8rem}.kpis.k3 .kpi b{font-size:var(--text-base);overflow-wrap:anywhere}.kpis .kpi span{font-size:var(--text-xs)}}

/* tam genişlik form düzeni */
.fs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.fs-grid>.card{margin-top:0}
.fs-card .fs-t{margin-top:0}
.fs-not{font-size:var(--text-xs);margin:.2rem 0 0}
.save-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:0 -4px 16px rgba(0,16,48,.06)}
.save-bar .note{flex-basis:100%}
.save-bar .form-f{margin:0 0 0 auto;padding:0;border:0}
.form-card .grid2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media (min-width:1100px){.form-card>.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.maas-s{display:flex;align-items:stretch;gap:.6rem;flex-wrap:wrap}
.maas-s>div{flex:1 1 150px;background:var(--line-2);border-radius:var(--r-sm);padding:.75rem .9rem;display:flex;flex-direction:column;gap:.2rem}
.maas-s>div span{font-size:var(--text-xs);color:var(--ink-3);font-weight:600}
.maas-s>div b{font-size:var(--text-lg);font-variant-numeric:tabular-nums}
.maas-s>div.top{background:var(--navy);color:#fff}.maas-s>div.top span{color:#c9d3e6}
.maas-s>i{align-self:center;font-style:normal;font-weight:700;color:var(--ink-3)}
.maas-k h2 small{font-size:var(--text-xs);font-weight:500;margin-left:.4rem}
.hizli{display:flex;gap:.6rem;flex-wrap:wrap;margin:-.25rem 0 .5rem}
.hizli .btn svg{width:16px;height:16px}
tr.toplam td{background:var(--line-2);border-top:2px solid var(--line)}
.paper-w{width:min(1000px,100%)}
@media (max-width:900px){.fs-grid{grid-template-columns:1fr}}
@media (max-width:760px){.maas-s>i{display:none}.maas-s>div{flex-basis:calc(50% - .3rem)}.save-bar{bottom:64px}}
@media (max-width:760px){.save-bar{padding:.6rem .75rem;gap:.5rem}.save-bar>.note,.save-bar>p{display:none}.save-bar .form-f{margin:0;width:100%}}
/* avans izin */
.taahhut{margin-top:1rem;border:1px solid #e9c46a;background:#fff8e6;border-radius:var(--r-sm);padding:.9rem 1rem}
.taahhut p{margin:.35rem 0 .7rem;font-size:var(--text-sm);line-height:1.5}
.chk{display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer}
.chk input{width:18px;height:18px;min-height:0}
.card.mesai.pasif{border-color:var(--line);background:var(--card)}
.p-hukuk{white-space:normal;min-height:0;border-top:1px solid #c9ced6;margin-top:8px;font-size:10.5px;line-height:1.5}
.p-hukuk p{margin:4px 0}.p-hukuk ol{margin:4px 0 4px 18px;padding:0}.p-hukuk li{margin:2px 0}
.p-hukuk .p-el{margin-top:10px}
/* Türkçe tarih seçici */
.tdp{position:relative;display:flex;align-items:stretch}
.tdp .tdp-i{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;font-variant-numeric:tabular-nums}
.tdp .tdp-b{flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--line);border-left:0;background:var(--card);border-radius:0 var(--r-sm) var(--r-sm) 0;cursor:pointer;color:var(--ink-2)}
.tdp .tdp-b:hover{background:var(--line-2)}
.tdp .tdp-b svg{width:18px;height:18px}
.tdp-i.hata,.tsa.hata{border-color:#c0392b;background:#fff5f4}
.tsa{font-variant-numeric:tabular-nums}
.tdp-p{position:absolute;top:calc(100% + 4px);left:0;z-index:300;width:292px;max-width:calc(100vw - 2rem);background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 12px 32px rgba(0,16,48,.16);padding:.6rem}
.tdp-h{display:flex;gap:.3rem;align-items:center;margin-bottom:.4rem}
.tdp-h select{min-height:34px;padding:.2rem .4rem;flex:1;width:auto;font-size:var(--text-sm)}
.tdp-h button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;flex:0 0 34px}
.tdp-p table{width:100%;border-collapse:collapse;table-layout:fixed}
.tdp-p th{font-size:11px;color:var(--ink-3);font-weight:700;text-align:center;padding:.25rem 0;border:0;background:none;text-transform:none;letter-spacing:0}
.tdp-p td{padding:1px;border:0;text-align:center}
.tdp-p td button{width:100%;aspect-ratio:1;border:0;background:none;border-radius:6px;cursor:pointer;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--ink)}
.tdp-p td button:hover:not(:disabled){background:var(--line-2)}
.tdp-p td button.bugun{box-shadow:inset 0 0 0 1px var(--navy);font-weight:700}
.tdp-p td button.sec{background:var(--navy);color:#fff}
.tdp-p td button:disabled{color:#c3c8d1;cursor:not-allowed}
.tdp-f{display:flex;justify-content:space-between;margin-top:.4rem;border-top:1px solid var(--line);padding-top:.4rem}
.tdp-f button{border:0;background:none;color:var(--blue,#1a56db);font-weight:600;cursor:pointer;padding:.3rem .4rem;font-size:var(--text-sm)}
.tdp-f button:disabled{color:#c3c8d1}
/* iş sözleşmesi */
.soz .soz-m{margin-top:10px;font-size:12.5px;line-height:1.55;text-align:justify}
.soz h4{font-size:12.5px;font-weight:700;margin:12px 0 4px;letter-spacing:.02em;break-after:avoid;page-break-after:avoid}
.soz p{margin:3px 0}
.soz .soz-t td{font-size:12px;padding:4px 7px}
.soz .p-dots{color:#9aa1ad;letter-spacing:1px}
.soz-imza{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;break-inside:avoid;page-break-inside:avoid}
.soz-imza>div{border:1px solid #c9ced6;padding:10px 12px;min-height:150px;display:flex;flex-direction:column;gap:3px}
.soz-imza small{font:700 10.5px var(--font);letter-spacing:.08em;color:#5b6575}
.soz-imza span{font-size:11px;color:#444}
.soz-el{border-bottom:1px dotted #9aa1ad;height:30px;margin:4px 0}
.soz-bos{margin-top:auto;border-top:1px solid #c9ced6;padding-top:4px;font:400 10px var(--font);color:#8a93a3}
.soz-ek{margin-top:28px;padding-top:18px;border-top:2px dashed #c9ced6;font-size:12.5px;line-height:1.55;break-before:page;page-break-before:always}
.soz-ek p{margin:10px 0}
.soz-paraf{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font:400 10px var(--font);color:#8a93a3;border-top:1px solid #e1e4ea;padding-top:6px}
@media print{
  .soz-ek{border-top:0;margin-top:0}
  .soz-paraf{display:none}
}
@media (max-width:760px){.soz-imza{grid-template-columns:1fr}.soz .soz-m{text-align:left}.soz-paraf{flex-wrap:wrap}}
.soz .p-head .sn td{white-space:nowrap}
/* sözleşme türü seçimi */
.tip-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}
.tip-k{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-sm);padding:.85rem 1rem;cursor:pointer;background:#fff}
.tip-k input{width:18px;height:18px;min-height:0;margin-top:2px;flex:0 0 auto;accent-color:var(--navy)}
.tip-k span{display:flex;flex-direction:column;gap:.15rem}
.tip-k small{color:var(--ink-3);font-size:var(--text-xs);line-height:1.4}
.tip-k:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:var(--blue-50)}
.c-belirli[hidden]{display:none!important}
.soz-ozet{margin-bottom:1rem}
/* ===== teklif modülü ===== */
.st-red{background:#fdecea;color:#b42318}
tr.pasif td{opacity:.55}
.td-ara{position:relative;margin-bottom:1rem}
.td-ara label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:.35rem}
.td-sonuc{position:absolute;left:0;right:0;top:100%;z-index:200;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 12px 32px rgba(0,16,48,.16);max-height:360px;overflow:auto;margin-top:4px}
.td-sonuc button{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;gap:.8rem;align-items:center;width:100%;text-align:left;padding:.6rem .8rem;border:0;border-bottom:1px solid var(--line-2);background:#fff;cursor:pointer;font-size:var(--text-sm)}
.td-sonuc button:hover,.td-sonuc button:focus-visible{background:var(--blue-50)}
.td-sonuc em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}
.td-kalem{overflow-x:auto;margin:0 -1.2rem;border-top:1px solid var(--line)}
.td-kalem table{min-width:1020px}
.td-kalem th{white-space:nowrap}
.td-kalem td{vertical-align:top;padding:.4rem .35rem}
.td-kalem input,.td-kalem select,.td-kalem textarea{min-height:36px;padding:.35rem .5rem;font-size:var(--text-sm);width:100%}
.td-kalem textarea{min-height:52px;resize:vertical;line-height:1.35}
.td-kalem td:nth-child(2){width:120px}.td-kalem td:nth-child(3){width:150px}.td-kalem td:nth-child(5){width:80px}.td-kalem td:nth-child(6){width:96px}.td-kalem td:nth-child(7){width:120px}
.td-kalem .td-sat{white-space:nowrap;padding-top:.75rem;font-variant-numeric:tabular-nums;font-weight:600}
.td-kalem .sn{padding-top:.75rem;color:var(--ink-3);width:46px}
.td-kalem .td-not{margin-top:.3rem;color:var(--red);font-size:var(--text-xs);min-height:30px}
.td-kalem tr.td-g td{background:#eef2f7}
.td-kalem tr.td-g input{font-weight:700;background:transparent;border-color:transparent}
.td-kalem tr.td-g input:focus{background:#fff;border-color:var(--line)}
.td-kalem tr.yeni td{animation:tdYeni 1.4s ease}
@keyframes tdYeni{from{background:#fff7d6}to{background:transparent}}
.td-op{white-space:nowrap;width:110px}
.ib{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-size:15px;line-height:1;margin-left:2px}
.ib:disabled{opacity:.35;cursor:default}
.ib.sil{color:var(--red)}
.td-alt{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:1.5rem;margin-top:1rem;align-items:start}
.td-alt .tot{margin-top:0}
.tk-ozet{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}
.tk-ozet .acts{justify-content:flex-end}
@media (max-width:760px){.td-alt,.tk-ozet{grid-template-columns:1fr}.td-sonuc button{grid-template-columns:1fr}.tk-ozet .acts{justify-content:stretch}}

/* teklif kağıdı (örnek teklif düzeni) */
.paper.tkl{font-family:Calibri,'Segoe UI',Arial,sans-serif;font-size:10.5px;padding:26px 28px;color:#111}
.tkl table{font-size:10.5px;border-collapse:collapse;width:100%}
.tkl .tk-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.tkl .tk-ust img{width:210px;height:auto}
.tkl .tk-b td{border:0!important;padding:1px 4px!important;vertical-align:top}
.tkl .tk-b td:first-child{white-space:nowrap;width:1%}
.tkl .tk-b td:nth-child(2){width:1%}
.tkl .tk-ust .tk-b{width:auto}
.tkl .tk-firma{margin:10px 0 12px;line-height:1.35}
.tkl .tk-bil{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;border-bottom:1.5px solid #9fc3d6;padding-bottom:8px}
.tkl .tk-bil .tk-b td:first-child{font-weight:700}
.tkl .tk-bil .tk-b:last-child td:first-child{font-weight:400}
.tkl .tk-h{text-align:center;font-size:11.5px;font-weight:700;margin:10px 0 6px;text-decoration:underline;text-underline-offset:3px;letter-spacing:.02em}
.tkl .tk-mek p{margin:0 0 8px;line-height:1.45}
.tkl .tk-t{margin-top:8px;table-layout:fixed}
.tkl .tk-t th{background:#2f5d73;color:#fff!important;font-weight:700!important;border:1px solid #2f5d73!important;padding:4px!important;text-align:center;font-size:10.5px}
.tkl .tk-t td{border:1px solid #9aa6b2!important;padding:4px 5px!important;vertical-align:middle;overflow-wrap:anywhere}
.tkl .tk-t td.c{text-align:center}
.tkl .tk-t td.r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tkl .tk-t td.r span{float:left;margin-right:4px}
.tkl .tk-t tr.tk-g td{background:#dde8ef;font-weight:700;font-size:11px;color:#1f3f55!important;padding:5px 6px!important}
.tkl .tk-t tbody tr{break-inside:avoid}
.tkl .tk-not{color:#d0021b;font-weight:700}
.tkl .tk-alt{display:grid;grid-template-columns:1fr 260px;gap:1rem;margin-top:6px;break-inside:avoid}
.tkl .tk-kase img{width:200px;height:auto;opacity:.92;transform:rotate(-4deg);margin:4px 0 0 140px}
.tkl .tk-top td{border:0!important;padding:2px 4px!important;font-variant-numeric:tabular-nums}
.tkl .tk-top td:nth-child(2){width:10px}
.tkl .tk-top td:last-child{text-align:right;white-space:nowrap}
.tkl .tk-top tr.ci td{border-bottom:1.5px solid #111!important}
.tkl .tk-top tr.b td{font-weight:700}
.tkl .tk-top tr.k td{font-size:9px;color:#666;text-align:right!important;padding-top:4px!important}
.tkl .tk-dip{margin:18px 0 0;font-size:10px}
.tkl .tk-p2{margin-top:30px;padding-top:24px;border-top:2px dashed #c9ced6}
.tkl .tk-tar{padding-top:8px}
.tkl .tk-s h4{font-size:11px;font-weight:700;margin:12px 0 4px;display:flex;gap:10px}
.tkl .tk-s h4 span{width:18px;text-align:right}
.tkl .tk-s p{margin:2px 0 4px;display:flex;gap:6px;line-height:1.4}
.tkl .tk-s p>span:first-child{flex:0 0 22px;text-align:right;color:#333}
.tkl .tk-banka{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 6px 28px}
.tkl .tk-bh{color:#fff;font-weight:700;padding:4px 8px;margin-bottom:6px}
.tkl .tk-banka p{margin:3px 0;display:flex;gap:8px;font-size:9.5px}
.tkl .tk-banka p b{width:28px}
.tkl .tk-banka .mono{font-family:Calibri,'Segoe UI',Arial,sans-serif;font-weight:700;letter-spacing:.01em}
.tkl .tk-onay{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;break-inside:avoid}
.tkl .tk-onay>div{border:1px solid #c9ced6;padding:10px 12px}
.tkl .tk-onay p{margin:0 0 2px;font-weight:700}
.tkl .tk-onay small{display:block;color:#555}
.tkl .tk-imza{height:90px;display:flex;align-items:center;justify-content:center}
.tkl .tk-imza img{max-height:86px;width:auto}
@media (max-width:760px){
  .paper.tkl{padding:16px 12px;font-size:9.5px}
  .tkl .tk-ust img{width:140px}
  .tkl .tk-bil{grid-template-columns:1fr;gap:4px}
  .tkl .tk-t{min-width:0}
  .tkl .tk-t th,.tkl .tk-t td{font-size:8.5px!important;padding:3px 2px!important}
  .tkl .tk-t td.r span{float:none}
  .tkl .tk-alt{grid-template-columns:1fr}
  .tkl .tk-kase{display:none}
  .tkl .tk-banka{grid-template-columns:1fr;margin-left:0}
  .tkl .tk-onay{grid-template-columns:1fr}
}
@media print{
  .tkl .tk-p2{break-before:page;page-break-before:always;border-top:0;margin-top:0;padding-top:0}
  .tkl .tk-dip{display:none}
  .paper.tkl{padding:0!important;font-size:9.5px}
  .tkl table,.tkl .tk-t th{font-size:9.5px}
  .tkl .tk-t td{padding:2px 4px!important}
  .tkl .tk-t tr.tk-g td{padding:3px 5px!important;font-size:10px}
  .tkl .tk-ust img{width:170px}
  .tkl .tk-firma{margin:6px 0 8px}
  .tkl .tk-mek p{margin:0 0 5px;line-height:1.35}
  .tkl .tk-kase img{width:150px;margin-left:120px}
  .tkl .tk-s h4{margin:7px 0 2px;font-size:10px}
  .tkl .tk-s p{margin:1px 0 2px;line-height:1.3;font-size:9px}
  .tkl .tk-banka{margin:6px 0 4px 28px}
  .tkl .tk-onay{margin-top:10px}
  .tkl .tk-imza{height:70px}
  .tkl .tk-t th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tkl .tk-g td,.tkl .tk-bh{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.td-ara input{width:100%;max-width:640px}.td-alt .tot .g span:first-child{margin-right:1rem}
/* kalem tablosu sabit sütun genişlikleri */
.td-kalem table{table-layout:fixed;min-width:1080px}
.td-kalem col.c-sn{width:44px}.td-kalem col.c-mk{width:118px}.td-kalem col.c-md{width:190px}
.td-kalem col.c-ad{width:86px}.td-kalem col.c-br{width:112px}.td-kalem col.c-bf{width:120px}
.td-kalem col.c-tp{width:156px}.td-kalem col.c-op{width:112px}
.td-kalem td:nth-child(n){width:auto}
.td-kalem input.num{text-align:right;font-variant-numeric:tabular-nums}
.td-kalem input.hatali{border-color:var(--red);background:#fdecea}
.td-kalem tr.td-g select{font-weight:700;max-width:360px;background-color:#fff}
.td-kalem .td-sat{overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm);text-align:right}
/* alış / kâr sütunları (müşteriye görünmez) */
.td-kalem table{min-width:1300px}
.td-kalem col.c-al{width:120px}.td-kalem col.c-kr{width:80px}.td-kalem col.c-op{width:146px}
.td-kalem th.ic{color:#8a5a00;background:#fff8e6}
.td-kalem td.ic{background:#fffbf0}
.td-kalem input.zarar{color:var(--red);border-color:var(--red)}
.ib.not{font-weight:700;color:var(--blue)}
.ib.not.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.td-kar{margin-top:1rem;border:1px dashed #e2c27a;background:#fffbf0;border-radius:var(--r-sm);padding:.8rem 1rem}
.td-kar h4{margin:0 0 .5rem;font-size:var(--text-sm);display:flex;align-items:center;gap:.4rem;color:#8a5a00}
.td-kar h4 small{font-weight:400;color:var(--ink-3)}
.td-kar h4 svg{width:14px;height:14px}
.td-kar .tot{margin:0}
.td-kalem table{min-width:1400px}
.td-kalem col.c-tp{width:136px}.td-kalem col.c-op{width:112px}
.td-op{display:grid;grid-template-columns:32px 26px 32px;grid-template-rows:20px 20px;gap:2px 3px;align-content:start;padding-top:.4rem!important;width:auto}
.td-op .ib{margin:0;width:100%;height:100%}
.td-op .ib.not{grid-column:1;grid-row:1/3;height:42px}
.td-op [data-td-yukari]{grid-column:2;grid-row:1;font-size:11px}
.td-op [data-td-asagi]{grid-column:2;grid-row:2;font-size:11px}
.td-op .ib.sil{grid-column:3;grid-row:1/3;height:42px}
tr.td-g .td-op{padding-top:.3rem!important}
/* serbest sütun genişliği + sürükle bırak */
.td-kalem table{min-width:0!important;table-layout:fixed}
.td-kalem th{position:relative;user-select:none}
.td-kalem .rz{position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;z-index:2}
.td-kalem .rz::after{content:"";position:absolute;top:25%;bottom:25%;left:4px;width:1px;background:var(--line)}
.td-kalem th:hover .rz::after,.td-kalem .rz:hover::after{background:var(--blue);width:2px}
body.rz-on,body.rz-on *{cursor:col-resize!important;user-select:none!important}
.td-kalem .tut{display:inline-flex;align-items:center;justify-content:center;width:18px;height:28px;margin-right:4px;cursor:grab;color:var(--ink-3);font-size:14px;border-radius:4px;touch-action:none;vertical-align:middle;user-select:none}
.td-kalem .tut:hover{background:var(--line-2);color:var(--ink)}
.td-kalem td.sn{white-space:nowrap}
.td-kalem tr.td-g select{display:inline-block;width:calc(100% - 28px);max-width:360px;vertical-align:middle}
body.drag-on,body.drag-on *{cursor:grabbing!important;user-select:none!important}
.td-kalem tr.suruk td{opacity:.45;background:var(--blue-50)!important}
.td-kalem tr.td-cizgi td{padding:0!important;height:4px;background:var(--blue);border:0}
.tkl .tk-t td.tk-mik{white-space:nowrap;overflow-wrap:normal}
.tkl .tk-t td.tk-md{font-size:.9em;letter-spacing:-.015em;overflow-wrap:anywhere}
/* teklif PDF: sütunlar içeriğe göre, açıklama kalan alanı alır */
.tkl .tk-t{table-layout:auto}
.tkl .tk-t td,.tkl .tk-t th{white-space:nowrap;overflow-wrap:normal;width:1%}
.tkl .tk-t td.tk-ac,.tkl .tk-t th.tk-ac{white-space:normal;width:auto;overflow-wrap:break-word}
.tkl .tk-t tr.tk-g td{white-space:normal}
.tkl .tk-t td.tk-md{font-size:inherit;letter-spacing:0}

.td-kalem thead th{white-space:normal;line-height:1.25;vertical-align:bottom}
.tkl .tk-pr{display:flex;justify-content:space-between;gap:6px}.tkl .tk-pr span{float:none!important;margin:0!important}
@media (max-width:760px){.tkl .tk-t td,.tkl .tk-t th{white-space:normal;overflow-wrap:anywhere}.tkl .tk-pr{display:block;text-align:right}.tkl .tk-pr span{display:none}}
/* Bakım sözleşmesi sayfası */
.tkl .tk-bk .bk-gir{margin:4px 0 8px;line-height:1.4}
.tkl .bk-taraf{margin:4px 0 6px}
.tkl .bk-taraf th,.tkl .bk-taraf td{border:0!important;padding:2px 4px!important;vertical-align:top;text-align:left}
.tkl .bk-taraf th{font-size:inherit;font-weight:700;white-space:nowrap;width:1%}
.tkl .bk-taraf td:nth-child(2),.tkl .bk-taraf td:nth-child(5){width:1%}
.tkl .bk-taraf td:nth-child(3){padding-right:18px!important;width:44%}
.tkl .bk-tar{display:flex;gap:3rem;margin:12px 0 8px;flex-wrap:wrap}
.tkl .bk-imza{display:grid;grid-template-columns:1fr 1fr;gap:24px;break-inside:avoid}
.tkl .bk-imza>div{border:1px solid #9aa6b2;padding:6px 10px}
.tkl .bk-imza p{margin:0 0 2px}
.tkl .bk-imza small{display:block;color:#444}
.tkl .bk-ik{height:72px;display:flex;align-items:center}
.tkl .bk-ik img{max-height:70px;width:auto;transform:rotate(-4deg);opacity:.92;margin-left:30px}
@media (max-width:760px){.tkl .bk-taraf tr{display:grid;grid-template-columns:auto 8px 1fr}.tkl .bk-imza{grid-template-columns:1fr}}
@media print{.tkl .tk-bk .bk-gir{font-size:9px;margin:2px 0 4px}.tkl .tk-bk .tk-h{margin:6px 0 4px}.tkl .bk-taraf th,.tkl .bk-taraf td{font-size:9px;padding:1px 4px!important}.tkl .tk-bk .tk-s h4{margin:5px 0 1px;font-size:9.5px}.tkl .tk-bk .tk-s p{font-size:8.6px;line-height:1.25;margin:0 0 1.5px}.tkl .bk-tar{margin:8px 0 6px;font-size:9px}.tkl .bk-ik{height:60px}.tkl .bk-ik img{max-height:58px}}
/* Depo stok + irsaliye */
.sy-m{padding:.62rem .8rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-2,#f6f7f9);font-weight:600;min-height:2.6rem}
.neg{color:#b42318}.pos{color:#0f7b3f}
.ir-t{width:100%}
.ir-t td{vertical-align:middle}
.ir-t select{width:100%;max-width:520px}
.ir-t input[type=number]{width:100%;text-align:right}
.ir-t select.hatali,.ir-t input.hatali{border-color:#b42318}
.tkl .irs-taraf{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:6px 0 10px}
.tkl .irs-taraf>div{border:1px solid #9aa6b2;padding:6px 10px}
.tkl .irs-taraf h4{margin:0 0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#2f5d73}
.tkl .irs-taraf p{margin:1px 0;line-height:1.35}
.tkl .irs-ek{margin:10px 0 14px;width:auto}
.tkl .irs-ek td:first-child{font-weight:700}
@media (max-width:760px){.tkl .irs-taraf{grid-template-columns:1fr}.ir-t thead{display:none}.ir-t tr{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.3rem .5rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.ir-t td{border:0!important;padding:0!important}.ir-t td:nth-child(2){grid-column:2;grid-row:1}.ir-t td:nth-child(3){grid-column:2}.ir-t td:nth-child(4){grid-column:2}.ir-t td:nth-child(5){align-self:center}.ir-t td:nth-child(6){grid-column:3;grid-row:1}}
th.th-f{padding-top:.35rem;padding-bottom:.35rem}
.th-sel{font:inherit;font-size:var(--text-xs,.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2,#475467);background:#fff;border:1px solid var(--line);border-radius:6px;padding:.3rem 1.6rem .3rem .5rem;min-height:0;width:auto;max-width:180px;cursor:pointer}
.th-sel:focus{outline:2px solid var(--blue,#1f6feb);outline-offset:1px}

/* mobil alt menü: 11 başlık sığmadığı için yatay kaydırılır */
@media (max-width:760px){
  .side{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .side::-webkit-scrollbar{display:none}
  .side a{flex:0 0 auto!important;min-width:64px}
}

/* ---------- Teknik Servis ---------- */
.bk-ban{background:#fdecea;color:#7a1a12;border:1px solid #f5c2bd;border-radius:var(--r-sm);padding:.7rem .9rem;margin-bottom:1rem;font-size:var(--text-sm);line-height:1.5}
.bk-ban svg{width:16px;height:16px;vertical-align:-3px}
.bk-ban a{color:#b42318;font-weight:600}
.userbar .bell{margin-left:auto;background:transparent;color:#fff;border-color:rgba(255,255,255,.35);display:inline-flex;align-items:center;gap:.35rem}
.userbar .bell .badge{background:var(--red);color:#fff;border-radius:999px;padding:0 .4rem;font-size:.7rem;font-weight:700}
.bil-l{list-style:none;margin:0;padding:0}
.bil-l li{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-top:1px solid var(--line);flex-wrap:wrap}
.bil-l li:first-child{border-top:0}
.bil-l li b{font-weight:500}
.bil-l li.yeni b{font-weight:700}
.bil-l li.yeni{background:var(--blue-50)}
.bil-l small{display:block;color:var(--muted);margin-top:.15rem}
.akis{list-style:none;margin:0;padding:0;display:grid;gap:0}
.akis li{position:relative;padding:0 0 .9rem 1.6rem;font-size:var(--text-sm)}
.akis li::before{content:'';position:absolute;left:0;top:.15rem;width:.9rem;height:.9rem;border-radius:50%;border:2px solid var(--line);background:#fff}
.akis li::after{content:'';position:absolute;left:.42rem;top:1.15rem;bottom:0;width:2px;background:var(--line)}
.akis li:last-child::after{display:none}
.akis li.ok::before{background:var(--ok);border-color:var(--ok)}
.akis li.cur::before{border-color:var(--warn);background:var(--warn-50)}
.akis li b{display:block}
.akis li small{color:var(--muted)}
.grid-2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.grid-2c .card{margin:0}
.ks-l{list-style:none;margin:0;padding:0}
.ks-l li{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.6rem 0;border-top:1px solid var(--line);flex-wrap:wrap}
.ks-l li:first-child{border-top:0}
.ks-l li>a{color:inherit;text-decoration:none;min-width:0;flex:1}
.ks-l li>a b{display:block}
.ks-l li>a small,.ks-l li>span small{display:block;color:var(--muted);font-size:var(--text-xs)}
.ks-l li>span{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;text-align:right}
.ks-o{margin:0;padding-left:1.2rem}
.ks-o li{padding:.35rem 0;font-size:var(--text-sm)}
.ks-o li span{margin-right:.4rem}
.ks-r{padding:.45rem 0;border-top:1px solid var(--line);font-size:var(--text-sm)}
.ks-r:first-of-type{border-top:0}
.bk-k .kpi{cursor:default}.bk-k .kpi:hover{border-color:var(--line)}
.okc{color:var(--ok)}
.bk-u{border-color:#f5c2bd}
.kps{display:grid;gap:.5rem}
.chip.dis{opacity:.5}
.bk-pl td,.bk-pl th{padding:.4rem .5rem}
.bk-pl .tdp{max-width:12rem}
@media (max-width:760px){.grid-2c{grid-template-columns:1fr}.userbar .bell{margin-left:0}}
.grid-main>*{min-width:0}
@media (max-width:520px){.bk-tk td:last-child{white-space:normal}.bk-tk td:last-child .btn{display:block;width:100%;margin:0 0 .35rem}.bk-tk th,.bk-tk td{padding:.5rem .35rem}}
.bk-mk{display:grid;gap:.5rem}
.bk-mr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.5rem;align-items:center}
@media (max-width:520px){.bk-mr{grid-template-columns:minmax(0,1fr) auto}.bk-mr select{grid-column:1/-1}}

/* ---------- Müşteri formu (Paraşüt düzeni) ---------- */
.pf{padding:0}
.pf-s{padding:1rem 1.4rem;border-top:1px solid var(--line)}
.pf-s:first-child{border-top:0}
.pf-r{display:grid;grid-template-columns:minmax(10rem,26%) minmax(0,46rem);gap:.4rem 1.5rem;align-items:start;padding:.4rem 0}
.pf-l{display:flex;align-items:center;gap:.6rem;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:.55rem;margin:0}
.pf-i{width:18px;display:inline-flex;justify-content:center;color:var(--muted);flex:none}
.pf-v>input,.pf-v>select,.pf-v textarea{width:100%}
.pf-h{display:flex;gap:.35rem;align-items:center;margin:.35rem 0 0;font-size:var(--text-xs);color:var(--muted);font-style:italic}
.pf-h svg{width:13px;height:13px;flex:none}
.pf-rad{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.pf-rad label{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;margin:0;cursor:pointer;font-size:var(--text-sm)}
.pf-rad label+label{border-left:1px solid var(--line)}
.pf-rad label:has(input:checked){background:var(--blue-50)}
.pf-adr{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.pf-adr textarea{border:0;border-radius:0;border-bottom:1px solid var(--line);display:block}
.pf-adr label{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;margin:0;font-size:var(--text-sm)}
.pf-box{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:var(--r-sm);padding:.55rem .8rem;margin:0;font-size:var(--text-sm);cursor:pointer}
.pf-ii{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.pf-ad{display:flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.pf-ad span{background:var(--bg,#eef1f5);color:var(--muted);font-size:.7rem;font-weight:700;padding:0 .6rem;display:flex;align-items:center}
.pf-ad input{border:0;border-radius:0;flex:1;min-width:0}
.pf-kat{display:flex;gap:.5rem;flex-wrap:wrap}
.pf-kat select{flex:1 1 12rem}.pf-kat input{flex:1 1 9rem}
.pf-iban{display:flex;gap:.5rem;margin-bottom:.5rem}.pf-iban input{flex:1;font-family:var(--mono,monospace);letter-spacing:.03em}
.pf-ab{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.75rem}
.pf-ab .field{margin:0}
.pf-y{padding:1rem 1.4rem 1.2rem;border-top:1px solid var(--line)}
.pf-y table input{width:100%;min-width:8rem}
.pf-y th{font-size:.72rem}
.kat{display:inline-block;background:var(--blue-50);color:var(--blue);border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:600}
.kat.bos{background:#e9ecef;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.m-filt{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}
@media (max-width:760px){.pf-r{grid-template-columns:1fr;gap:.3rem}.pf-l{padding-top:.2rem}.pf-s,.pf-y{padding:.9rem 1rem}.pf-ab{grid-template-columns:1fr 1fr}.pf-ii{grid-template-columns:1fr}}
.tabs.alt{border-bottom:0;gap:.4rem;margin-top:-.5rem}
.tabs.alt button{border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;margin:0}
.tabs.alt button.on{background:var(--blue);border-color:var(--blue);color:#fff}

/* ---------- Satış raporları ---------- */
.r-don{margin:0;min-width:10rem}
.r-don .f{margin-bottom:.2rem}
.page-h .acts:has(.r-don){align-items:flex-end}
.r-bar{display:flex;align-items:stretch;gap:.75rem;height:200px;padding-top:.5rem}
.r-bar-c{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}
.r-bar-i{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--line)}
.r-b{display:inline-block;width:min(34px,40%);background:var(--blue);border-radius:4px 4px 0 0}
.r-b.b2{background:#e8a33d}
.r-bar-c small{font-size:var(--text-xs);color:var(--muted);text-transform:capitalize}
.r-lej{display:flex;align-items:center;gap:.4rem;font-size:var(--text-xs);color:var(--muted);margin:-.25rem 0 .5rem}
.r-lej .r-b{width:12px;height:12px;border-radius:3px;margin-left:.6rem}
.r-lej .r-b:first-child{margin-left:0}
.r-l{list-style:none;margin:0;padding:0}
.r-l li{display:grid;grid-template-columns:1fr auto;gap:.3rem .75rem;padding:.6rem 0;border-top:1px solid var(--line);font-size:var(--text-sm)}
.r-l li:first-child{border-top:0}
.r-l li .r-pay{grid-column:1/-1}
.r-pay{display:inline-block;width:100%;max-width:140px;height:6px;border-radius:99px;background:#e9edf2;overflow:hidden;vertical-align:middle}
.r-l .r-pay{max-width:none}
.r-pay span{display:block;height:100%;background:var(--blue);border-radius:99px}
@media (max-width:760px){.r-bar{height:150px;gap:.35rem}}
/* muhasebe */
.mh-l{list-style:none;margin:0;padding:0}
.mh-l li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line,#e5e7eb);cursor:pointer}
.mh-l li:first-child{border-top:0;padding-top:0}
.mh-l li span{display:flex;flex-direction:column;min-width:0}
.mh-l small,.mh-chk small{color:var(--muted);font-size:var(--text-xs)}
.mh-top{display:flex;justify-content:space-between;margin:0;padding:.75rem 1.2rem;border-top:1px solid var(--line,#e5e7eb);font-size:var(--text-sm)}
.mh-h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.mh-h h2{margin-bottom:.4rem}
.mh-chk{list-style:none;margin:0;padding:0}
.mh-chk li{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-top:1px solid var(--line,#e5e7eb)}
.mh-chk li:first-child{border-top:0}
.mh-chk li>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
.mh-ck{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #c3cad5;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}
.mh-chk li.ok .mh-ck{background:#0f7b3f;border-color:#0f7b3f}
.mh-kapat{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line,#e5e7eb)}
.mh-kapat .btn[disabled]{opacity:.5;cursor:not-allowed}
.mh-dl{display:flex;flex-direction:column;gap:.5rem}
.mh-dl .btn{justify-content:flex-start}
.mh-ok{margin:0;padding-left:1.1rem;font-size:var(--text-sm);line-height:1.8}
.mh-hata{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
@media print{.side,.topbar,.userbar,.tabs,.back,.acts,.bnav,.proto{display:none!important}}
/* fatura kes */
.fk-tab{width:100%;border-collapse:collapse}
.fk-tab th{font-size:var(--text-xs);text-align:left;padding:.4rem .35rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.fk-tab td{padding:.3rem .35rem;vertical-align:middle}
.fk-tab input,.fk-tab select{width:100%;min-width:0}
.fk-tab .fk-mik,.fk-tab .fk-bir{text-align:right}
.fk-tab .fk-tut{font-weight:600;white-space:nowrap}
.fk-tab.ro td{border-top:1px solid var(--line);font-size:var(--text-sm)}
@media (max-width:640px){
  .fk-tab:not(.ro) thead{display:none}
  .fk-tab:not(.ro) tr{display:grid;grid-template-columns:1fr 1fr 5rem;gap:.4rem;padding:.7rem 0;border-top:1px solid var(--line)}
  .fk-tab:not(.ro) td{padding:0}
  .fk-tab:not(.ro) td:first-child{grid-column:1/-1}
  .fk-tab:not(.ro) td.fk-tut{grid-column:1/3;text-align:left}
}
/* teklif süreci */
.st-bekle{background:#fff4e0;color:#9a5b00}
.tk-fil{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.tk-fil button{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:var(--text-sm);font-weight:500;color:var(--ink-2);cursor:pointer}
.tk-fil button span{min-width:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--line-2);font-size:.75rem;text-align:center}
.tk-fil button.on{border-color:var(--navy);background:var(--navy);color:#fff}
.tk-fil button.on span{background:rgba(255,255,255,.2)}
.tk-adim{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:.4rem 0 0;padding:0;counter-reset:a}
.tk-adim li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;font-size:var(--text-sm);color:var(--ink-3)}
.tk-adim li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.tk-adim li:first-child::before{display:none}
.tk-adim i{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--line);background:#fff;font-style:normal;font-weight:700;font-size:.85rem}
.tk-adim li.ok{color:var(--ok)}.tk-adim li.ok i{background:var(--ok);border-color:var(--ok);color:#fff}.tk-adim li.ok::before{background:var(--ok)}
.tk-adim li.su{color:var(--blue);font-weight:600}.tk-adim li.su i{border-color:var(--blue);color:var(--blue);background:var(--blue-50)}.tk-adim li.su::before{background:var(--ok)}
.tk-adim li.hata{color:#b42318;font-weight:600}.tk-adim li.hata i{border-color:#b42318;color:#fff;background:#b42318}.tk-adim li.hata::before{background:var(--ok)}
.tk-donus{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.tk-donus h3{margin:0 0 .6rem;font-size:var(--text-base)}
.tk-gec{margin-top:.9rem;font-size:var(--text-sm)}.tk-gec summary{cursor:pointer;color:var(--blue);font-weight:500}
.tk-gec ul{margin:.5rem 0 0;padding-left:1.1rem}.tk-gec li{margin:.2rem 0}.tk-gec small{color:var(--ink-3);margin-right:.35rem}
@media (max-width:640px){.tk-adim{grid-template-columns:1fr;gap:.45rem}.tk-adim li{flex-direction:row;text-align:left}.tk-adim li::before{display:none}.tk-adim i{width:26px;height:26px;font-size:.75rem}}
.ir-sof{border:1px solid var(--line);border-radius:var(--r-sm);padding:.8rem .9rem .6rem;margin-bottom:.6rem;background:#fafbfc}
.ir-sof .field{margin-bottom:.5rem}
.bk-ban.sari{background:#fff6e0;color:#6b4a00;border-color:#f3d48a}
.bk-ban.sari a{color:#8a5a00}
.kpi.kpi-red{border-color:#f5c2bd;background:#fdf3f2}
.kpi.kpi-red b{color:#b42318}
.ot-filtre{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.8rem}
.ot-filtre .field{margin:0}
.ot-t tr.ot-gecikti td:first-child,.ot-t tr.ot-bugun td:first-child{box-shadow:inset 3px 0 0 #d92d20}
.ot-t tr.ot-yakin td:first-child{box-shadow:inset 3px 0 0 #f0a500}
.ot-t tr.ot-odendi{opacity:.7}
@media (max-width:760px){.ot-filtre{grid-template-columns:1fr}}

@media (max-width:760px){
.ot-t thead{display:none}
.ot-t,.ot-t tbody{display:block;min-width:0}
.ot-t tr{display:grid;grid-template-columns:1fr auto;gap:.25rem .8rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--line,#e5e7eb)}
.ot-t td{display:block;padding:0;border:0;box-shadow:none!important}
.ot-t td:nth-child(1){grid-column:1;grid-row:1;font-size:.85rem;color:#667085}
.ot-t td:nth-child(2){grid-column:1/-1;grid-row:2}
.ot-t td.hide-m{display:none}
.ot-t td:nth-child(4){grid-column:2;grid-row:1;text-align:right}
.ot-t td:nth-child(5){grid-column:1;grid-row:3;align-self:center}
.ot-t td:nth-child(6){grid-column:2;grid-row:3;text-align:right}
.ot-t tr.ot-gecikti,.ot-t tr.ot-bugun{box-shadow:inset 3px 0 0 #d92d20}
.ot-t tr.ot-yakin{box-shadow:inset 3px 0 0 #f0a500}
}

/* teklif üst bilgi: sağ blok (Tarih/Referans) ile Hazırlayan bloğu aynı hizada */
.tkl .tk-ust .tk-b,.tkl .tk-bil .tk-b:last-child{width:235px;justify-self:end}
.tkl .tk-ust .tk-b td:first-child,.tkl .tk-bil .tk-b:last-child td:first-child{width:95px}
.tkl .tk-bil{grid-template-columns:1fr 235px}
.td-haz{display:flex;flex-direction:column;gap:2px;padding:.6rem .8rem;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:#f8fafc}
.td-haz span{font-size:var(--text-sm);color:#667085}
@media (max-width:760px){.tkl .tk-bil{grid-template-columns:1fr}.tkl .tk-bil .tk-b:last-child{justify-self:start}}

/* teklif: Outlook ile gönder */
.tg-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.3rem 0 .9rem}
.chip-btn{border:1px dashed #9fb3c8;background:#f5f8fb;color:#16324f;border-radius:999px;padding:.3rem .7rem;font-size:var(--text-sm);cursor:pointer}
.chip-btn:hover{background:#e9f0f7}
#tg-govde{width:100%;min-height:280px;font-family:inherit;line-height:1.5}
.tg-ek{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:#f8fafc}
.tg-ek svg{width:28px;height:28px;color:#b42318;flex:none}
.tg-ek div{display:flex;flex-direction:column;flex:1;min-width:0}
.tg-ek span{font-size:var(--text-sm);color:#667085}
.tg-adim{margin:1rem 0 .6rem;padding-left:1.2rem;line-height:1.55}
.tg-adim li{margin-bottom:.45rem}
.tg-render{position:fixed;left:-12000px;top:0;width:794px;background:#fff;z-index:-1}
.tg-render .paper{box-shadow:none;width:794px;margin:0}
.field.f-hata .chips{outline:2px solid #d92d20;outline-offset:4px;border-radius:8px}
.field.f-hata>.f{color:#d92d20}
/* Teklif PDF grup başlıkları: ince italik */
.tkl .tk-t tr.tk-g td{font-family:'Calibri Light',Calibri,'Segoe UI',Arial,sans-serif;font-weight:300!important;font-style:italic;letter-spacing:.01em}
.td-kalem tr.td-g select+.td-gm{display:inline-block;width:min(320px,calc(100% - 28px));margin-left:.5rem;vertical-align:middle;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.35rem .6rem}
.td-kalem tr.td-g .td-gm.hatali{border-color:#d92d20;outline:1px solid #d92d20}
@media (max-width:700px){.td-kalem tr.td-g select+.td-gm{margin:.4rem 0 0 28px}}
/* Teklif şartları: başlıklar alt alta, metin kutusu içeriğe göre */
.ts-kart{margin-top:1rem}
textarea.ts-oto{resize:none;overflow:hidden;min-height:0;line-height:1.55}
.tb-kart{border:1px solid var(--line);border-radius:12px;padding:1rem;margin-top:.8rem}
.tb-ust{display:grid;grid-template-columns:minmax(0,1.4fr) 110px 110px minmax(0,1.2fr);gap:.8rem;align-items:end}
.tb-ust .field,.tb-iban .field{margin-bottom:0}
.tb-renk input[type=color]{width:100%;height:42px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.tb-on{font-family:Calibri,'Segoe UI',Arial,sans-serif;font-weight:700;padding:.55rem .8rem;border-radius:6px;min-height:42px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-iban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.8rem}
.tb-iban input{font-size:.92rem}
@media (max-width:1100px){.tb-iban{grid-template-columns:1fr}}
@media (max-width:700px){.tb-ust{grid-template-columns:1fr 1fr}}
.ts-bas{display:flex;gap:.8rem;align-items:flex-end}.ts-bas .field{flex:1}
.ts-sil,.tb-sil{color:#b42318;margin-bottom:1rem}
.tb-kart{position:relative}.tb-sil{position:absolute;top:.7rem;right:.8rem;margin:0}
.tb-kart:has(.tb-sil) .tb-ust{padding-right:5.5rem}
.ts-ekle{margin-top:1rem;display:flex;justify-content:center}
.ts-ekle .btn{border-style:dashed;min-width:220px}
/* Teklif şartları sürükle-bırak */
.dnd-tut{cursor:grab;user-select:none;color:var(--ink-3);font-size:1.25rem;line-height:1;padding:.55rem .35rem;border-radius:6px;align-self:flex-end;margin-bottom:1rem}
.dnd-tut:hover{background:#eef2f7;color:var(--ink)}
.dnd-tut:active{cursor:grabbing}
.tb-tut{position:absolute;left:.25rem;top:50%;transform:translateY(-50%);margin:0}
.tb-kart:has(.tb-tut){padding-left:2rem}
[data-dnd]{transition:box-shadow .15s,opacity .15s}
.dnd-surukle{opacity:.45}
.dnd-ust{box-shadow:0 -3px 0 0 var(--blue)}
.dnd-alt{box-shadow:0 3px 0 0 var(--blue)}
.dnd-yeni{box-shadow:0 0 0 2px var(--blue)}
.dnd-tut{touch-action:none}
.dnd-aktif{position:relative;z-index:30;box-shadow:0 12px 32px rgba(0,16,48,.22)!important;background:#fff;opacity:.97;transition:none!important}
body.dnd-suruk,body.dnd-suruk *{cursor:grabbing!important;user-select:none!important}
.bs-tabs{margin-top:-.4rem}.bs-not{margin:1rem 0 0}.bs-not code{background:#eef2f7;padding:.05rem .35rem;border-radius:4px;font-size:.85em}
.bk-bitn{align-self:end;margin:0 0 1.2rem}
.bs-tabs{flex-wrap:wrap;overflow:visible;row-gap:.45rem}
/* fatura alt toplamı (Paraşüt düzeni) */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0 1rem}
@media (max-width:760px){.grid4{grid-template-columns:1fr 1fr}}
.fat-tot{max-width:460px}
.fat-tot div{gap:1.5rem}
.fat-tot div span:first-child{flex:1;text-align:right;color:var(--ink-2)}
.fat-tot div span:last-child{min-width:9.5rem;text-align:right;font-variant-numeric:tabular-nums}
.fat-tot .g span:first-child{color:var(--ink)}
.fat-tot .g.tl{border-top:0;margin-top:0;padding-top:.3rem}
.card .fat-tot{margin-top:0}
.kf-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin:0 1.2rem 1rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ok-50)}
/* WhatsApp gönderimi */
.wa-btn{color:#128c4b;border-color:#9fd8b8}
.wa-btn:hover{background:#eaf8f0}
.btn.wa-pri{background:#1f9d55;border-color:#1f9d55;color:#fff}
.btn.wa-pri:hover{background:#17864a}
.btn svg{vertical-align:-3px}
.wa-render{position:fixed;left:-10000px;top:0;width:794px;background:#fff}
.wa-render .paper{box-shadow:none;width:794px;max-width:none;margin:0;box-sizing:border-box}
#wa-msg{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid var(--line);border-radius:var(--r-sm);resize:vertical}
.wa-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.2rem;padding:1rem 1.2rem;margin:0 0 1rem;border:1px solid #9fd8b8;border-radius:var(--r);background:#eaf8f0}
.wa-banner b{display:block;color:#0f6b3a}
.wa-banner>div>span{font-size:var(--text-sm);color:var(--ink-2)}
.wa-banner .btn{width:auto}
@media (max-width:640px){.wa-banner .btn{width:100%}}

.pdf-pay svg{width:18px;height:18px}
.pdf-pay.bekle{opacity:.75;cursor:progress}
.al-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem}
.al-k{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;cursor:pointer}
.al-k:has(input:checked){border-color:var(--blue);background:#eef4ff}
.al-k input{width:18px;height:18px;margin-top:.15rem;flex:none;accent-color:var(--blue)}
.al-k b{display:block;font-size:var(--text-sm)}
.al-k small{color:var(--ink-3);font-size:var(--text-xs);word-break:break-word}
.al-k em{color:#0f6b3a;font-style:normal;font-weight:600}
.yd-box{margin-top:.6rem;padding:.8rem;border:1px dashed var(--color-border,#cbd5e1);border-radius:10px;background:var(--color-surface-2,#f8fafc);display:grid;gap:.5rem}
.yd-box .field{margin:0}
.p-un{display:block;font-size:9px;color:#475569;margin-top:1px}
/* ===== ERP içi mesajlaşma (LinkedIn tarzı) ===== */
#msj{--mj-w:330px;--mj-cw:470px;--mj-g:14px;font-size:var(--text-sm)}
.mj-av{width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;font-size:.8rem;display:grid;place-items:center;flex:none;letter-spacing:.02em}
.mj-av.kare{border-radius:10px}
.mj-av.gen{background:var(--navy)!important;font-size:1.1rem}
.mj-av.sm{width:32px;height:32px;font-size:.7rem}
.mj-dock{position:fixed;right:20px;bottom:0;z-index:57;width:var(--mj-w);background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -2px 18px rgba(0,16,48,.14);display:flex;flex-direction:column;max-height:calc(100vh - 90px)}
.mj-dock.acik{height:min(680px,calc(100vh - 90px))}
.mj-bar{display:flex;align-items:center;gap:.15rem;padding:.4rem .5rem .4rem .6rem;border-bottom:1px solid transparent;border-radius:12px 12px 0 0}
.mj-dock.acik .mj-bar{border-bottom-color:var(--line)}
.mj-bar-b{flex:1;display:flex;align-items:center;gap:.6rem;border:0;background:none;padding:.15rem;cursor:pointer;text-align:left;min-width:0;border-radius:8px}
.mj-bar-b b{font-size:var(--text-sm);font-weight:600;color:var(--ink)}
.mj-me{position:relative;display:inline-flex}
.mj-me .mj-av{width:34px;height:34px;font-size:.72rem}
.mj-on{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#16a34a;border:2px solid #fff}
.mj-bad{font-style:normal;background:var(--red);color:#fff;font-weight:700;font-size:.72rem;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center}
.mj-ic{width:34px;height:34px;border:0;background:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);flex:none}
.mj-ic:hover{background:var(--bg);color:var(--ink)}
.mj-dock.var:not(.acik) .mj-bar{background:#fff1f1;box-shadow:inset 0 3px 0 var(--red)}
.mj-dock.var:not(.acik){animation:mjNabiz 1.8s ease-out infinite}
.mj-bar.sars{animation:mjSars .6s ease}
@keyframes mjNabiz{0%{box-shadow:0 -2px 18px rgba(0,16,48,.14),0 0 0 0 rgba(214,40,40,.5)}70%{box-shadow:0 -2px 18px rgba(0,16,48,.14),0 0 0 14px rgba(214,40,40,0)}100%{box-shadow:0 -2px 18px rgba(0,16,48,.14),0 0 0 0 rgba(214,40,40,0)}}
@keyframes mjSars{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.mj-gov{display:flex;flex-direction:column;flex:1;min-height:0}
.mj-firma{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem .9rem .3rem}
.mj-firma img{height:20px;width:auto}
.mj-firma small{color:var(--ink-3);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-ara{display:flex;align-items:center;gap:.45rem;margin:.45rem .8rem .3rem;padding:0 .7rem;background:#edf3f8;border-radius:6px;color:var(--ink-3)}
.mj-ara input{flex:1;border:0;background:none;height:34px;font-size:var(--text-sm);outline:none;min-width:0}
.mj-ara:focus-within{outline:2px solid var(--blue)}
.mj-tab{display:flex;border-bottom:1px solid var(--line)}
.mj-tab button{flex:1;border:0;background:none;padding:.65rem .5rem;font-weight:600;font-size:var(--text-sm);color:var(--ink-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}
.mj-tab button.on{color:var(--ok);border-bottom-color:var(--ok)}
.mj-tab button i{font-style:normal;background:var(--red);color:#fff;font-size:.68rem;min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;padding:0 5px}
.mj-liste{flex:1;overflow-y:auto;min-height:0}
.mj-bl{font-size:.7rem;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding:.7rem .9rem .3rem}
.mj-r{display:flex;align-items:flex-start;gap:.65rem;width:100%;border:0;border-bottom:1px solid var(--line-2);background:#fff;text-align:left;padding:.65rem .9rem;cursor:pointer;border-left:3px solid transparent}
.mj-r:hover{background:#f3f6f8}
.mj-r.secili{background:#eef3f8}
.mj-r.yeni{background:#fff4f4;border-left-color:var(--red)}
.mj-rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.mj-r1{display:flex;align-items:center;gap:.35rem;min-width:0}
.mj-r1 b{font-weight:600;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.mj-r1 em{font-style:normal;font-size:.66rem;font-weight:600;color:var(--blue);background:var(--blue-50);border-radius:999px;padding:.02rem .4rem;flex:none}
.mj-r1 small{margin-left:auto;font-size:.72rem;color:var(--ink-3);flex:none}
.mj-r2{display:flex;align-items:flex-start;gap:.4rem}
.mj-r2>span{flex:1;font-size:var(--text-xs);color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.mj-r.yeni .mj-r1 b,.mj-r.yeni .mj-r2>span{color:var(--ink);font-weight:700}
.mj-r2 i{font-style:normal;background:var(--red);color:#fff;font-weight:700;font-size:.7rem;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;flex:none}
.mj-not{font-size:.72rem;color:var(--ink-3);padding:.8rem .9rem;margin:0}
.mj-bos{color:var(--ink-3);font-size:var(--text-sm);text-align:center;padding:1.5rem 1rem;margin:0}
.mj-chat{position:fixed;right:calc(20px + var(--mj-w) + var(--mj-g));bottom:0;z-index:58;width:var(--mj-cw);height:min(560px,calc(100vh - 90px));background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -4px 26px rgba(0,16,48,.2);display:flex;flex-direction:column}
.mj-chat.kucuk{height:auto}
.mj-ch{display:flex;align-items:center;gap:.15rem;padding:.4rem .5rem .4rem .6rem;border-bottom:1px solid var(--line)}
.mj-chat.kucuk .mj-ch{border-bottom:0}
.mj-chb{flex:1;display:flex;align-items:center;gap:.6rem;border:0;background:none;padding:.15rem;cursor:pointer;text-align:left;min-width:0}
.mj-chb>span{display:flex;flex-direction:column;min-width:0}
.mj-chb b{font-size:var(--text-sm);font-weight:600}
.mj-chb small{font-size:.72rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-geri{display:none}
.mj-akis{flex:1;overflow-y:auto;padding:.4rem 0 .8rem;min-height:0}
.mj-gun{display:flex;align-items:center;gap:.6rem;margin:.6rem 1rem;font-size:.7rem;font-weight:600;color:var(--ink-3);letter-spacing:.06em}
.mj-gun::before,.mj-gun::after{content:"";flex:1;height:1px;background:var(--line)}
.mj-m{display:flex;gap:.65rem;padding:.35rem 1rem .1rem}
.mj-m.devam{padding-top:0}
.mj-avb{width:32px;flex:none}
.mj-mb{min-width:0;flex:1}
.mj-mh{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.mj-mh b{font-size:var(--text-sm);font-weight:600;color:var(--ink)}
.mj-mh small{font-size:.7rem;color:var(--ink-3);background:var(--line-2);border-radius:4px;padding:0 .35rem}
.mj-mh span{font-size:.72rem;color:var(--ink-3)}
.mj-mb p{margin:.1rem 0 0;font-size:var(--text-sm);line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.mj-m.taze{animation:mjTaze 2s ease}
@keyframes mjTaze{0%{background:#fff1c2}100%{background:transparent}}
.mj-ilk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:2rem 1rem;color:var(--ink-3)}
.mj-ilk .mj-av{width:64px;height:64px;font-size:1.2rem}
.mj-ilk b{color:var(--ink);font-size:var(--text-base)}
.mj-ilk span{font-size:var(--text-xs)}
.mj-ilk small{margin-top:.6rem}
.mj-f{border-top:2px solid var(--ok);padding:.6rem .75rem .55rem}
.mj-kutu{background:#f3f2ef;border-radius:8px;padding:.15rem}
.mj-kutu textarea{width:100%;border:0;background:none;resize:none;padding:.55rem .65rem;font-size:var(--text-sm);line-height:1.45;outline:none;min-height:72px;max-height:160px;display:block}
.mj-kutu:focus-within{outline:2px solid var(--blue)}
.mj-fa{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem}
.mj-fa small{font-size:.7rem;color:var(--ink-3)}
.mj-gon{border:0;background:var(--blue);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:999px;padding:.4rem 1.1rem;cursor:pointer}
.mj-gon:hover:not(:disabled){background:#0842a0}
.mj-gon:disabled{background:var(--line);color:var(--ink-3);cursor:default}
.mj-gon.tam{width:100%;padding:.55rem}
.mj-uy{position:fixed;right:20px;bottom:64px;z-index:59;width:var(--mj-w);background:#fff;border:2px solid var(--red);border-radius:12px;box-shadow:0 16px 40px rgba(0,16,48,.25);padding:.7rem .8rem .8rem;animation:mjGir .3s ease}
.mj-uy.yan{right:calc(20px + var(--mj-w) + var(--mj-g));bottom:20px}
.mj-uy.yan.cy{right:calc(20px + var(--mj-w) + var(--mj-g) + var(--mj-cw) + var(--mj-g))}
.mj-uy.cy:not(.yan){bottom:64px}
@keyframes mjGir{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.mj-uy-h{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}
.mj-uy-h button{margin-left:auto;border:0;background:none;color:var(--ink-3);cursor:pointer;padding:0;display:grid}
.mj-dot{width:9px;height:9px;border-radius:50%;background:var(--red);animation:mjNabiz 1.2s infinite}
.mj-uy-g{display:flex;gap:.6rem;align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:0;cursor:pointer;margin-bottom:.6rem}
.mj-uy-g>span:last-child{display:flex;flex-direction:column;min-width:0}
.mj-uy-g b{font-size:var(--text-sm)}
.mj-uy-g b small{font-weight:500;color:var(--ink-3);margin-left:.2rem}
.mj-uy-g span span{font-size:var(--text-sm);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#msj.yuksek .mj-dock:not(.acik){bottom:96px;border-bottom:1px solid var(--line);border-radius:12px}
#msj.yuksek .mj-uy:not(.yan){bottom:160px}
@media (max-width:1180px){.mj-chat{right:20px;z-index:60}.mj-uy.yan.cy{right:20px;bottom:auto;top:90px}}
@media (max-width:760px){
  #msj{--mj-w:auto}
  .mj-dock{right:12px;left:auto;width:auto;min-width:200px;bottom:calc(64px + env(safe-area-inset-bottom));border-radius:12px;border-bottom:1px solid var(--line)}
  #msj.yuksek .mj-dock:not(.acik){bottom:calc(132px + env(safe-area-inset-bottom))}
  .mj-dock .mj-ic[data-msj-yeni]{display:none}
  .mj-dock.acik{inset:0;width:auto;height:auto;max-height:none;border-radius:0;z-index:80}
  .mj-dock.acik .mj-ic[data-msj-yeni]{display:grid}
  .mj-chat{inset:0;width:auto;height:auto;border-radius:0;z-index:81}
  .mj-chat.kucuk{display:none}
  .mj-chb{pointer-events:none}
  .mj-geri{display:grid}
  .mj-ch [data-msj-kucult].mj-ic{display:none}
  .mj-uy,.mj-uy.yan,.mj-uy.yan.cy{left:12px;right:12px;width:auto;top:auto;bottom:calc(124px + env(safe-area-inset-bottom))}
  #msj.yuksek .mj-uy{bottom:calc(192px + env(safe-area-inset-bottom))}
  .mj-fa small{display:none}
}
@media print{#msj{display:none!important}}
.mj-av.gen{line-height:1}
.mj-av.gen.sm{font-size:.95rem}
#msj.yuksek .mj-chat.kucuk{bottom:96px;border-bottom:1px solid var(--line);border-radius:12px}
.mj-av{line-height:1}
.mj-fa .mj-gon{margin-left:auto}
.tk-kilit select,.tk-kilit input{pointer-events:none;opacity:.65;background:var(--bg-2,#f1f3f7)}
/* yan menü alt kalemleri (teknisyen: Yıllık izin talebi, Masraf gir) */
.side a.sub{padding:.4rem .8rem .4rem 2.6rem;font-size:var(--text-xs);color:var(--ink-3,#64748b);margin-top:-2px}
.side a.sub:hover{color:var(--blue)}
.side a.sub.on{background:var(--blue-50);color:var(--blue);font-weight:600}
@media (max-width:760px){.side a.sub{display:none}}
@media (max-width:760px){.side a.on-alt{background:var(--blue-50);color:var(--blue);font-weight:600}}
/* şablon sayfaları: sağ alt köşeye sabit Vazgeç / Kaydet çubuğu + kaydetme uyarısı */
.sab-bar{position:fixed;right:24px;bottom:16px;z-index:45;width:min(560px,calc(100vw - 48px));margin:0;flex-direction:column;align-items:stretch;gap:.6rem;padding:.9rem 1rem;box-shadow:0 10px 32px rgba(0,16,48,.18);border:1px solid var(--line)}
.sab-bar .sab-n{display:flex;align-items:center;gap:1rem}
.sab-bar .sab-n p{margin:0;font-size:var(--text-xs);flex:1;line-height:1.35}
.sab-bar .sab-o .note{margin:0 0 .7rem;font-size:var(--text-sm);line-height:1.45}
.sab-bar .form-f{margin:0 0 0 auto;padding:0;border:0;display:flex;gap:.6rem;justify-content:flex-end}
.sab-bar [hidden]{display:none!important}
.sab-bar.onayda{border-color:#f59e0b;box-shadow:0 10px 36px rgba(180,83,9,.25)}
.sab-surum{margin:.4rem 0 140px}
@media (max-width:760px){.sab-bar{right:8px;left:8px;width:auto;bottom:calc(64px + env(safe-area-inset-bottom))}.sab-bar .sab-n p{display:none}.sab-bar .sab-o .note{display:block!important}.sab-bar .form-f{width:100%}.sab-bar .form-f .btn{flex:1}}
@media (max-width:760px){.sab-bar>.note[id]:not([hidden]){display:block}}
#msj.sab .mj-dock:not(.acik),#msj.sab .mj-chat.kucuk{bottom:calc(var(--sab-h,80px) + 28px)}
#msj.sab .mj-uy:not(.yan){bottom:calc(var(--sab-h,80px) + 92px)}
@media (max-width:760px){#msj.sab .mj-dock:not(.acik){bottom:calc(var(--sab-h,80px) + 76px + env(safe-area-inset-bottom))}#msj.sab .mj-uy{bottom:calc(var(--sab-h,80px) + 136px + env(safe-area-inset-bottom))}}

/* Opsiyonel Ürünler: toplama dahil değil (v=20261114a) */
.td-ops-not{display:inline-block;margin-left:.6rem;padding:.15rem .55rem;border-radius:999px;background:#fff4e0;color:#8a5300;border:1px solid #f0c27a;font-size:var(--text-xs,.75rem);font-weight:600;vertical-align:middle;white-space:nowrap}
#td-kalem tr.td-ops td{background:#fffaf1}
#td-kalem tr.td-ops .td-sat{color:#8a5300}
.td-ops-k{display:block;font-size:.7rem;font-weight:600;color:#8a5300;text-transform:uppercase;letter-spacing:.03em}
.tot .td-ops-top{color:#8a5300;border-top:1px dashed #f0c27a;margin-top:.4rem;padding-top:.5rem}
.tot .td-ops-top small{display:block;font-size:.72rem;color:#9a6a20;font-weight:400}
.tkl .tk-t tr.tk-g td .tk-ops{font-weight:300;font-style:italic;font-size:.92em;color:#4a6577}

/* Bakım faturası gecikme uyarısı – müşteri kartı (v=20261114b) */
.bk-fgec ul{margin:.45rem 0 .5rem 1.1rem;padding:0}
.bk-fgec li{margin:.2rem 0}
.bk-fgec li small{color:#7a1a12;opacity:.85}
.bk-fgec .mono{font-weight:600}

/* Bakım faturası gecikmesi – Muhasebe özet (v=20261114c) */
.bk-fgec-kart{border-left:4px solid var(--red,#b42318);margin-bottom:1rem}
.bk-fgec-kart h2 svg{width:18px;height:18px;vertical-align:-3px;color:var(--red,#b42318)}
.bk-fgec-kart h2 .st{margin-left:.4rem;vertical-align:2px}

/* Cari hesap ekstresi PDF tasarımı (v=20261114d) */
.ek-render{width:794px}
.ek-pdf{font-family:Calibri,'Segoe UI',Arial,Helvetica,sans-serif;color:#1d2733;width:794px}
.ek-s{position:relative;width:794px;height:1123px;box-sizing:border-box;padding:0 44px 0;background:#fff;overflow:hidden}
.ek-s::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,#0b2a4a 0 70%,#1f8fd6 70% 100%)}
.ek-ust{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0 16px;border-bottom:1.5px solid #0b2a4a}
.ek-ust.kisa{padding:26px 0 12px;margin-bottom:14px}
.ek-bas{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 14px}
.ek-bas h1{margin:0;font-size:21px;letter-spacing:.06em;color:#0b2a4a;font-weight:800;white-space:nowrap}
.ek-meta{display:flex;gap:22px}
.ek-meta span{display:flex;flex-direction:column;gap:1px;padding-left:12px;border-left:2px solid #d5dde6}
.ek-meta small{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:#7a8794}
.ek-meta b{font-size:11px;color:#1d2733;white-space:nowrap}
.ek-logo{height:50px;width:auto;display:block}
.ek-ust.kisa .ek-logo{height:34px}
.ek-firma{text-align:right;display:flex;flex-direction:column;gap:2px;font-size:10.5px;line-height:1.35;color:#3b4a5a;max-width:440px}
.ek-firma b{font-size:12px;color:#0b2a4a}
.ek-kutu{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-bottom:16px}
.ek-cari{border:1px solid #d5dde6;border-left:4px solid #0b2a4a;border-radius:6px;padding:11px 14px;display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:#3b4a5a;line-height:1.4}
.ek-cari small{font-size:9px;letter-spacing:.12em;color:#8a96a3;font-weight:700}
.ek-cari b{font-size:13px;color:#0b2a4a;margin-bottom:2px}
.ek-ozet{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ek-ozet>div{background:#f3f6f9;border-radius:6px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}
.ek-ozet small{font-size:9.5px;color:#6b7785;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ek-ozet b{font-size:14px;color:#1d2733;font-variant-numeric:tabular-nums}
.ek-ozet .ek-bk{grid-column:1/-1;background:#0b2a4a;color:#fff;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:10px}
.ek-ozet .ek-bk small{color:#b9cde0;width:100%}
.ek-ozet .ek-bk b{font-size:20px;color:#fff}
.ek-ozet .ek-bk em{font-style:normal;font-size:10.5px;color:#b9cde0}
.ek-ozet .ek-bk.b em{color:#ffd28a}
.ek-t{width:100%;border-collapse:collapse;font-size:10.5px;table-layout:fixed}
.ek-t th{background:#0b2a4a;color:#fff;text-align:left;font-weight:700;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;padding:7px 8px}
.ek-t th.r,.ek-t td.r{text-align:right}
.ek-t td{padding:6px 8px;border-bottom:1px solid #e3e8ee;vertical-align:top;font-variant-numeric:tabular-nums;line-height:1.3}
.ek-t tbody tr:nth-child(even) td{background:#f7f9fb}
.ek-t td.mono{font-family:Consolas,'Courier New',monospace;font-size:9.2px;color:#33475b;word-break:break-all}
.ek-t td small{display:block;color:#8a96a3;font-size:9px;margin-top:1px}
.ek-t td.b{font-weight:700;white-space:nowrap}
.ek-t td i{font-style:normal;font-weight:400;color:#6b7785;font-size:9px}
.ek-ac{display:block;overflow-wrap:anywhere}
.ek-tag{display:inline-block;font-size:8.5px;font-weight:700;color:#1f6fa8;background:#e3f1fb;border-radius:8px;padding:0 6px;vertical-align:1px}
.ek-t tfoot td{background:#e8eef4;font-weight:800;color:#0b2a4a;border-top:2px solid #0b2a4a;border-bottom:0;padding:8px}
.ek-bos{text-align:center;color:#8a96a3;padding:26px!important}
.ek-alt{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.ek-alt h3{margin:0 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0b2a4a}
.ek-banka{border:1px solid #d5dde6;border-radius:6px;padding:12px 14px}
.ek-banka div{display:flex;align-items:center;gap:7px;font-size:10px;padding:3px 0}
.ek-banka div i{width:8px;height:8px;border-radius:2px;flex:none}
.ek-banka div b{width:120px;flex:none;color:#1d2733}
.ek-banka .mono{font-family:Consolas,'Courier New',monospace;font-size:9.8px;color:#33475b}
.ek-banka p{margin:7px 0 0;font-size:9px;color:#8a96a3}
.ek-mut{border:1px solid #d5dde6;border-radius:6px;padding:12px 14px;font-size:10px;line-height:1.45;color:#3b4a5a}
.ek-mut p{margin:0}
.ek-kase{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px;text-align:right;font-size:10.5px;font-weight:700;color:#0b2a4a}
.ek-kase img{height:84px;width:auto}
.ek-kase small{font-weight:400;color:#8a96a3}
.ek-foot{position:absolute;left:44px;right:44px;bottom:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #d5dde6;padding-top:7px;font-size:9px;color:#8a96a3}
.ek-s.ek-olc{height:auto;min-height:0;overflow:visible}

.ek-foot span:last-child{text-align:right}.ek-foot-il{color:#5b6b7b;letter-spacing:.01em}.ek-foot-il i{font-style:normal;color:#c3ccd6;margin:0 8px}
.ek-hs div{justify-content:space-between;border-bottom:1px dashed #e3e8ee;padding:4px 0}.ek-hs div span{font-weight:700;color:#1d2733}
/* v=20261114m Dikkat kutusu */
.bk-ban.dikkat{padding:.65rem .9rem}
.bk-ban.dikkat .dk-b{display:block;font-size:var(--text-sm);letter-spacing:.02em;margin-bottom:.25rem}
.bk-ban.dikkat ul{list-style:none;margin:0;padding:0}
.bk-ban.dikkat li{padding:.15rem 0}
.bk-ban.dikkat li+li{border-top:1px solid rgba(180,35,24,.15);margin-top:.15rem;padding-top:.3rem}
.bk-ban.dikkat.sari li+li{border-top-color:rgba(138,90,0,.2)}
.bk-ban.dikkat small{display:block;margin-top:.35rem;opacity:.75;font-size:.78rem}
.bk-ban.dikkat li{position:relative;padding-right:2rem}
.bk-ban.dikkat .dk-x{position:absolute;right:0;top:.05rem;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:inherit;font-size:1.15rem;line-height:1;cursor:pointer;opacity:.7}
.bk-ban.dikkat li+li .dk-x{top:.2rem}
.bk-ban.dikkat .dk-x:hover,.bk-ban.dikkat .dk-x:focus-visible{opacity:1;background:rgba(0,0,0,.07)}
.bk-ban.dikkat .dk-x svg{width:14px;height:14px;vertical-align:0}
/* v=20261114p Özet rapor kutuları */
.kpis.mh-rk .kpi{text-align:left;font:inherit;cursor:pointer}
.kpis.mh-rk .kpi span em{display:block;font-style:normal;font-weight:700;color:var(--blue,#0b5bd3);margin-bottom:.1rem}
.kpis.mh-rk .kpi:hover,.kpis.mh-rk .kpi:focus-visible{border-color:var(--blue,#0b5bd3)}
.kpis.mh-rk .kpi b{white-space:nowrap}
@media (max-width:520px){.kpis.mh-rk .kpi b{font-size:1.05rem}}
/* v=20261114r Özet bölümleri */
.mh-bol{margin-bottom:1.1rem}
.mh-bol h3{font-size:var(--text-sm);margin:0 0 .5rem;font-weight:700}
.mh-bol h3 a{color:var(--ink,#0b1b33);text-decoration:none}
.mh-bol h3 a:hover{color:var(--blue,#0b5bd3)}
.mh-bol .kpis{margin-bottom:0}
@media (min-width:900px){.kpis.mh-rk.k3{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.kpis.mh-rk,.kpis.mh-rk.k3{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v=20261114s: mesajlaşma kutusu düğmelerin üstüne binmesin (--mj-lift JS ile hesaplanır) */
#msj .mj-dock:not(.acik),#msj .mj-chat.kucuk,#msj .mj-uy:not(.yan){transform:translateY(calc(-1 * var(--mj-lift,0px)));transition:transform .18s ease}
@media (prefers-reduced-motion:reduce){#msj .mj-dock,#msj .mj-chat,#msj .mj-uy{transition:none}}
/* sayfa sonu, kapalı mesajlaşma kutusunun üstüne kaydırılabilsin */
main#app{padding-bottom:calc(clamp(1rem,3vw,2rem) + 64px)}
@media (max-width:760px){main#app{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom))}}
@media print{main#app{padding-bottom:0}}
/* yer yoksa kapalı mesajlaşma kutusu yuvarlak simgeye dönüşür */
#msj.mini .mj-dock:not(.acik){width:auto;min-width:0;right:6px;border-radius:999px;border:1px solid var(--line)}
#msj.mini .mj-dock:not(.acik) .mj-bar{padding:4px;gap:0}
#msj.mini .mj-dock:not(.acik) .mj-bar>b,#msj.mini .mj-dock:not(.acik) .mj-bar-b>b,#msj.mini .mj-dock:not(.acik) .mj-ic{display:none}
#msj.mini .mj-dock:not(.acik) .mj-bar-b{padding:0;gap:0;position:relative}
#msj.mini .mj-dock:not(.acik) .mj-bad{position:absolute;top:-6px;right:-8px}
#msj.mini .mj-chat.kucuk{width:auto;right:6px;bottom:64px;border-radius:999px;border:1px solid var(--line)}
#msj.mini .mj-chat.kucuk .mj-ch>.mj-ic,#msj.mini .mj-chat.kucuk .mj-chb>span{display:none}
#msj.mini .mj-chat.kucuk .mj-ch{padding:4px}
#msj.mini .mj-chat.kucuk .mj-chb{padding:0;position:relative}
#msj.mini .mj-chat.kucuk .mj-chb .mj-bad{position:absolute;top:-6px;right:-8px}
#msj.mini .mj-dock:not(.acik) .mj-bar,#msj.mini .mj-chat.kucuk .mj-ch{border-radius:999px;box-shadow:none}
#msj.gizli .mj-dock:not(.acik),#msj.gizli .mj-chat.kucuk{opacity:0;pointer-events:none}
/* v=20261114t: Paraşüt banka bağlantısı */
.kb-ps .st{white-space:nowrap}
.kb-ps .ps-son{display:block;margin-top:.2rem;color:var(--ink-3,#6b7280);font-size:var(--text-xs,.75rem);white-space:nowrap}
.kb-ps-not{margin:-.25rem 0 .9rem;font-size:var(--text-sm)}
.ps-et{display:inline-block;margin-left:.3rem;padding:.05rem .4rem;border-radius:999px;background:var(--blue-50);color:var(--blue);font-size:.7rem;font-weight:600;vertical-align:middle}
.kb-ps-kart{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin:-.3rem 0 1rem;font-size:var(--text-sm)}
.kb-ps-kart .ps-son{color:var(--ink-3,#6b7280)}
.kb-ps-sec{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--line);border-radius:10px;margin:.2rem 0 1rem;cursor:pointer}
.kb-ps-sec input{margin-top:.2rem;width:18px;height:18px;flex:none}
.kb-ps-sec span{display:flex;flex-direction:column;gap:.2rem}
@media (max-width:760px){.kb-ps .ps-son{white-space:normal;min-width:7.5rem}}
/* v=20261114u: Paraşüt bağlantı hatası */
.kb-hata-not{margin-bottom:1rem}
.kb-hata{margin:-.2rem 0 1rem}
.kb-hata ol{margin:.5rem 0 .7rem 1.2rem;padding:0}
.kb-hata li{margin:.15rem 0}
/* v=20261114v: ana ekran uygulaması */
.pwa-k{display:flex;gap:.9rem;align-items:flex-start;max-width:420px;margin:1rem auto 0;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:14px;font-size:var(--text-sm)}
.page-h ~ .pwa-k,.jobs ~ .pwa-k{max-width:none;margin-top:1.5rem}
.pwa-k>img{flex:none;width:48px;height:48px;border-radius:11px}
.pwa-k>div{min-width:0}
.pwa-k p{margin:.3rem 0 .6rem;color:var(--ink-2)}
.pwa-k ul{margin:.2rem 0 0 1.1rem;padding:0}
.pwa-k li{margin:.25rem 0}
.pwa-k .pwa-not{margin:.7rem 0 0;font-size:var(--text-xs);color:var(--ink-3,#6b7280)}
@media print{.pwa-k{display:none}}
/* ana ekrandan açıldığında: çentik ve alt çubuk payı */
html.pwa .top{padding-left:max(clamp(1rem,3vw,1.5rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,3vw,1.5rem),env(safe-area-inset-right))}
html.pwa body{overscroll-behavior-y:none}
/* v=20261115a eşitleme kuralları */
.bk-ust{align-items:start}
.bk-sira{margin:.3rem 0 0 1.1rem;padding:0;font-size:var(--text-sm);line-height:1.5}
.bk-sira li{margin:.3rem 0}
.bk-kay{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem}
.bk-teyit-ok{color:var(--green,#15803d);font-size:var(--text-sm);font-weight:600}
.bk-kel{display:inline-block;padding:.02rem .4rem;margin:.1rem .15rem 0 0;border-radius:6px;background:var(--bg-2,#f1f3f7);font-size:.72rem;color:var(--ink-2,#374151)}
.bk-pasif td{opacity:.6}
.bk-akt{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-sm);white-space:nowrap}
.bk-isl{white-space:nowrap;text-align:right}
.bk-isl .btn{margin-left:.25rem}
.bk-teyit{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-sm)}
.bk-sat{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;margin-top:.3rem}
.bk-kaynak{font-size:.72rem}
.bk-gec{display:block;margin-top:.2rem;font-size:.72rem}
.bk-esit{margin-bottom:1rem}
.bk-esit .kv{margin-bottom:.6rem}
.bk-h3{font-size:.95rem;margin:1rem 0 .3rem}
.bk-tab{width:100%;font-size:var(--text-sm)}
.bk-uyum{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.3rem 0}
.bk-fark{margin:.3rem 0}
.bk-sec{border:0;padding:0;margin:.8rem 0;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.bk-sec legend{width:100%;margin-bottom:.3rem}
.bk-radio{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border:1px solid var(--line,#e5e7eb);border-radius:8px;cursor:pointer}
.bk-radio:has(input:checked){border-color:var(--blue);background:var(--blue-50)}
.bk-onizle{margin:.6rem 0}
.card h2 .tb{display:inline-block;min-width:20px;padding:0 .4rem;margin-left:.3rem;border-radius:999px;background:var(--red);color:#fff;font-size:.72rem;line-height:20px;text-align:center;vertical-align:middle}
.bk-kay-x{overflow-x:auto}
.bk-isl{white-space:normal;text-align:left}
.bk-isl .bk-akt{margin-bottom:.35rem}
.bk-btns{display:flex;flex-wrap:wrap;gap:.25rem}
.bk-btns .btn{margin-left:0}
.bk-isl-h{min-width:12rem}
.bk-pasif .bk-isl{opacity:1}
@media (max-width:640px){.bk-kural .bk-no{display:none}.bk-isl-h{min-width:0}.bk-kural td,.bk-kural th{padding-left:.6rem;padding-right:.6rem}}
/* v=20261115b sesli not */
.ses-lbl{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}
.ses-lbl label.f{margin:0}
.ses-btn{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.ses-btn.dinliyor{background:var(--red);border-color:var(--red);color:#fff;animation:sesNabiz 1.2s ease-in-out infinite}
@keyframes sesNabiz{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.45)}50%{box-shadow:0 0 0 6px rgba(220,38,38,0)}}
@media (prefers-reduced-motion:reduce){.ses-btn.dinliyor{animation:none}}
.ses-not{font-size:var(--text-xs);margin:-.3rem 0 .4rem}
/* v=20261115c gruplar ve yetkiler */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.fs-not{font-size:var(--text-sm)}
.y-gruplar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}
.y-grup{display:flex;flex-direction:column;gap:.4rem;margin:0}
.y-grup-b{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.y-grup h2{margin:0}
.y-grup p{margin:0;font-size:var(--text-sm)}
.y-grup .btn{margin-top:auto;align-self:flex-start}
.y-say{color:var(--ink-2)}
.y-tab{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.y-tab th,.y-tab td{padding:.55rem .8rem;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:middle}
.y-tab th.num,.y-tab td.num{text-align:center}
.y-tab select{min-height:40px;max-width:100%}
.y-mod-r td{background:var(--bg-2,#f5f7fa)}
.y-alt{padding-left:1.8rem!important}
.y-ok{color:var(--green,#1a7f43);font-weight:700}
.y-no{color:var(--ink-3)}
.y-ozel td{background:#fff8e6}
.y-pasif td{opacity:.6}
.y-mat summary{cursor:pointer;list-style:none}
.y-mat summary h2{display:inline;margin:0}
.y-mat summary::before{content:"▸ ";color:var(--ink-3)}
.y-mat[open] summary::before{content:"▾ "}
.y-mat[open] summary{margin-bottom:.8rem}
.y-ust-k{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.y-ust-k .acts{display:flex;gap:.5rem}
.y-modul{padding:.5rem 0;border-bottom:1px solid var(--line-2)}
.y-modul:last-child{border-bottom:0}
.y-cb{display:flex;align-items:center;gap:.6rem;min-height:40px;cursor:pointer}
.y-cb input{width:20px;height:20px;flex:none;accent-color:var(--blue)}
.y-altlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 1rem;padding-left:1.9rem}
.y-cb.alt{font-size:var(--text-sm)}
.y-grup-sec{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}
.y-grup-sec .chip span::before{border-radius:50%}
@media (max-width:640px){.y-tab .hide-m{display:none}.y-tab th,.y-tab td{padding:.5rem}.y-altlar{grid-template-columns:1fr}}
.y-kisi select{min-width:144px}
@media (max-width:640px){.y-kisi th:nth-child(2),.y-kisi td:nth-child(2){display:none}.y-kisi td:first-child{word-break:normal}.y-kisi .st{font-size:11px}}
.y-m-oz{display:none}
@media (max-width:640px){.y-tab select[data-y-uye]{min-width:122px}.y-m-oz{display:inline-flex}}
@media (max-width:640px){.y-kisi select{font-size:14px!important;padding:0 1.7rem 0 .55rem!important;background-position:right .4rem center!important}.y-kisi td,.y-kisi th{padding:.5rem .4rem}}
.no-bekle{font-family:var(--font-body,inherit);font-size:.82em;font-weight:600;color:#b45309;white-space:normal}
h1 .no-bekle{display:block;font-size:.5em;margin-top:.2rem}
.ps-no-t{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.ps-no-t th,.ps-no-t td{padding:.45rem .5rem;border-bottom:1px solid var(--border,#e5e7eb);text-align:left}
.ps-no-t th{font-weight:600;color:var(--muted,#6b7280);font-size:.8em}

/* ---------- irsaliye çıktısı (A4 / A5) ---------- */
.paper.irs2{--i2-navy:#0a1f47;--i2-blue:#0b57d0;--i2-ink:#101828;--i2-ink2:#475467;--i2-line:#d0d5dd;--i2-soft:#f3f6fb;font-family:var(--font);color:var(--i2-ink);font-size:11.5px;line-height:1.4;padding:30px 34px 22px;display:flex;flex-direction:column;gap:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.paper.irs2.irs-a5{width:min(560px,100%);font-size:9px;padding:20px 22px 16px;gap:9px}
.irs2 h2,.irs2 h4,.irs2 p,.irs2 dl,.irs2 dd{margin:0}
.irs2 .i2-mono{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;letter-spacing:.01em}
.i2-h{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.i2-firma{display:flex;flex-direction:column;gap:8px;max-width:58%}
.i2-firma img{height:44px;width:auto;object-fit:contain;align-self:flex-start}
.irs-a5 .i2-firma img{height:30px}
.i2-fb{display:flex;flex-direction:column;gap:1px;color:var(--i2-ink2);font-size:.88em}
.i2-fb b{color:var(--i2-navy);font-size:1.08em;font-weight:700}
.i2-bas{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}
.i2-tur{display:inline-block;font-size:.78em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i2-blue);background:#eaf1ff;border-radius:999px;padding:2px 9px}
.i2-bas h2{font-size:2em;font-weight:700;letter-spacing:-.01em;color:var(--i2-navy);line-height:1.05}
.i2-no{display:grid;gap:2px;margin-top:3px;border:1px solid var(--i2-line);border-radius:8px;padding:6px 10px;background:var(--i2-soft);min-width:210px}
.irs-a5 .i2-no{min-width:150px;padding:4px 7px;border-radius:6px}
.i2-no>div{display:flex;justify-content:space-between;gap:12px}
.i2-no dt{color:var(--i2-ink2)}
.i2-no dd{font-weight:600;text-align:right}
.i2-no .no-bekle{font-size:.9em}
.i2-cizgi{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--i2-navy) 0 38%,var(--i2-blue) 38% 72%,#d62828 72% 100%)}
.irs-a5 .i2-cizgi{height:2px}
.i2-taraf{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}
.irs-a5 .i2-taraf{gap:7px}
.i2-kutu{border:1px solid var(--i2-line);border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;break-inside:avoid}
.irs-a5 .i2-kutu{padding:6px 7px;border-radius:6px}
.i2-kutu h4,.i2-imza h4{font-size:.78em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i2-blue);margin-bottom:3px}
.i2-ad{font-weight:700;font-size:1.06em}
.i2-vk{color:var(--i2-ink2);margin-top:2px!important}
.i2-kv{border-collapse:collapse;width:100%}
.i2-kv th{text-align:left;font-weight:500;color:var(--i2-ink2);padding:1px 10px 1px 0;white-space:nowrap;vertical-align:top;width:1%}
.i2-kv td{padding:1px 0;vertical-align:top}
.i2-t{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--i2-line);border-radius:8px;overflow:hidden}
.i2-t th{background:var(--i2-navy);color:#fff;font-weight:600;font-size:.86em;letter-spacing:.03em;text-align:left;padding:7px 9px}
.i2-t td{padding:6px 9px;border-top:1px solid #eaecf0;vertical-align:top}
.irs-a5 .i2-t th{padding:4px 6px}.irs-a5 .i2-t td{padding:3.5px 6px}
.i2-t tbody tr:nth-child(even) td{background:#f8fafc}
.i2-t td small{display:block;color:var(--i2-ink2);font-size:.86em}
.i2-t .i2-sn{width:28px;text-align:center;color:var(--i2-ink2)}
.i2-t .i2-kod{width:22%;white-space:nowrap}
.i2-t .i2-mr{width:16%}
.i2-t .i2-mik{width:16%;text-align:right;white-space:nowrap}
.i2-t tfoot td{background:var(--i2-soft);font-weight:600;border-top:1px solid var(--i2-line)}
.i2-t tr{break-inside:avoid}
.i2-ref{width:auto}
.i2-imza{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;break-inside:avoid}
.i2-imza>div{border:1px solid var(--i2-line);border-radius:8px;padding:8px 11px}
.irs-a5 .i2-imza{gap:7px}.irs-a5 .i2-imza>div{padding:5px 7px;border-radius:6px}
.i2-imza small{color:var(--i2-ink2)}
.i2-ik{height:78px;display:flex;align-items:center;justify-content:center}
.irs-a5 .i2-ik{height:50px}
.i2-ik img{max-height:74px;max-width:150px;object-fit:contain}
.irs-a5 .i2-ik img{max-height:46px}
.i2-f{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--i2-line);padding-top:6px;margin-top:auto;color:var(--i2-ink2);font-size:.82em}
.i2-boyut{display:inline-flex;align-items:center;gap:2px;background:var(--line-2);border-radius:999px;padding:3px;font-size:var(--text-sm)}
.i2-boyut span{padding:0 .5rem 0 .6rem;color:var(--ink-3);font-weight:500}
.i2-boyut button{border:0;background:none;border-radius:999px;padding:.35rem .8rem;font-weight:600;color:var(--ink-2);cursor:pointer}
.i2-boyut button.on{background:var(--navy);color:#fff}
@media (max-width:640px){
  .paper.irs2{padding:16px 14px;font-size:10px}
  .i2-h{flex-direction:column}.i2-firma{max-width:100%}.i2-bas{align-items:flex-start;text-align:left;width:100%}.i2-no{width:100%}
  .i2-taraf{grid-template-columns:1fr}
  .i2-t .i2-mr{display:none}
}
@media print{
  .paper.irs2{width:100%!important;padding:0;box-shadow:none;min-height:calc(297mm - 22mm)}
  .paper.irs2.irs-a5{min-height:calc(210mm - 16mm)}
  .i2-t thead{display:table-header-group}
}
.paper.irs2 table{font-size:inherit;font-family:inherit;table-layout:auto}
.paper.irs2 th,.paper.irs2 td{border:0;font-size:inherit;overflow-wrap:normal;word-break:normal}
.paper.irs2 .i2-kv th,.paper.irs2 .i2-kv td{padding:1.5px 10px 1.5px 0}
.paper.irs2 .i2-kv td{padding-right:0}
.paper.irs2 .i2-t th{padding:7px 9px}
.paper.irs2 .i2-t td{padding:6px 9px;border-top:1px solid #eaecf0}
.paper.irs2 .i2-t tfoot td{border-top:1px solid var(--i2-line)}
.paper.irs2.irs-a5 .i2-t th{padding:4px 6px}.paper.irs2.irs-a5 .i2-t td{padding:3.5px 6px}
.paper.irs2 .i2-ref{margin-top:-2px}
.paper.irs2.irs-a5 .i2-t .i2-kod{white-space:normal;word-break:break-all;width:26%}
.paper.irs2 .i2-t .i2-mik,.paper.irs2 .i2-t th.i2-mik{text-align:right}
.paper.irs2 td{color:var(--i2-ink);letter-spacing:normal}
.paper.irs2 .i2-kv th{color:var(--i2-ink2);font-weight:500;letter-spacing:normal}
.paper.irs2 .i2-t th{color:#fff;font-weight:600;letter-spacing:.03em}
.paper.irs2 .i2-t tfoot td{font-weight:600}
@media print{
  .bk-ban.dikkat{display:none!important}
  .paper.irs2{min-height:calc(297mm - 26mm)}
  .paper.irs2.irs-a5{min-height:calc(210mm - 20mm)}
}
/* ---------- teklif çıktısı (irsaliye ile aynı tasarım dili) ---------- */
.paper.tkl.tk2{--i2-navy:#0a1f47;--i2-blue:#0b57d0;--i2-ink:#101828;--i2-ink2:#475467;--i2-line:#d0d5dd;--i2-soft:#f3f6fb;font-family:var(--font);color:var(--i2-ink);font-size:10.5px;line-height:1.4;padding:30px 34px 24px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.tk2 h2,.tk2 h4,.tk2 dl,.tk2 dd{margin:0}
.tk2 table{font-family:inherit}
.tk2 .t2-h{margin-bottom:12px}
.tk2 .i2-firma img{height:46px}
.tk2 .i2-bas h2{font-size:2.3em}
.tk2 .i2-no{min-width:230px}
.tk2 .t2-cizgi{margin:0 0 12px}
.tk2 .t2-taraf{margin-bottom:4px}
.tk2 .i2-kutu h4{margin-bottom:2px}
.tk2 .i2-kv th,.tk2 .i2-kv td{border:0!important;padding:1.5px 10px 1.5px 0!important;font-size:inherit;color:var(--i2-ink);letter-spacing:normal;background:none}
.tk2 .i2-kv th{color:var(--i2-ink2)!important;font-weight:500!important;width:1%}
.tk2 .i2-kv td{padding-right:0!important}
/* başlıklar */
.tk2 .tk-h{text-align:left;text-decoration:none;font-size:13px;font-weight:700;color:var(--i2-navy);letter-spacing:.01em;margin:12px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--i2-line)}
.tk2 .tk-h.t2-lbl{font-size:.82em;letter-spacing:.08em;text-transform:uppercase;color:var(--i2-blue);border:0;padding:0;margin:14px 0 5px}
.tk2 .tk-mek p{color:#344054}
/* kalem tablosu */
.tk2 .tk-t{border-collapse:separate;border-spacing:0;border:1px solid var(--i2-line);border-radius:8px;overflow:hidden;margin-top:10px}
.tk2 .tk-t th{background:var(--i2-navy)!important;border:0!important;color:#fff!important;font-weight:600!important;font-size:.92em!important;letter-spacing:.03em;padding:7px 6px!important}
.tk2 .tk-t td{border:0!important;border-top:1px solid #eaecf0!important;padding:5px 6px!important}
.tk2 .tk-t td+td{border-left:1px solid #f0f2f5!important}
.tk2 .tk-t tbody tr:not(.tk-g):nth-child(even) td{background:#f8fafc}
.tk2 .tk-t tr.tk-g td{background:#eaf1ff!important;color:var(--i2-navy)!important;font-weight:700;font-style:normal;box-shadow:inset 3px 0 0 var(--i2-blue);padding:5px 9px!important}
.tk2 .tk-t td.sn{color:var(--i2-ink2)}
.tk2 .tk-t td.r span{color:var(--i2-ink2)}
/* toplamlar */
.tk2 .tk-alt{grid-template-columns:1fr 270px;margin-top:10px;align-items:start}
.tk2 .tk-top{border:1px solid var(--i2-line);border-radius:8px;overflow:hidden;border-collapse:separate;border-spacing:0;background:var(--i2-soft)}
.tk2 .tk-top td{padding:4px 10px!important;color:var(--i2-ink)}
.tk2 .tk-top td:first-child{color:var(--i2-ink2)}
.tk2 .tk-top td:nth-child(2){display:none}
.tk2 .tk-top tr.ci td{border-bottom:1px solid var(--i2-line)!important}
.tk2 .tk-top tr.b td{color:var(--i2-navy)}
.tk2 .tk-top tr.t2-gt td{background:var(--i2-navy);color:#fff!important;font-size:1.1em;padding:7px 10px!important}
.tk2 .tk-top tr.k td{background:#fff;color:var(--i2-ink2)}
.tk2 .tk-kase img{margin:6px 0 0 120px}
.tk2 .tk-dip{color:var(--i2-ink2);border-top:1px solid var(--i2-line);padding-top:6px}
/* devam sayfaları üst bilgisi */
.tk2 .t2-ust2{align-items:center}
.tk2 .t2-ust2 img{width:auto;height:38px}
.tk2 .t2-mini{display:flex;gap:6px}
.tk2 .t2-mini>div{border:1px solid var(--i2-line);border-radius:8px;background:var(--i2-soft);padding:4px 10px;text-align:right}
.tk2 .t2-mini dt{font-size:.78em;letter-spacing:.06em;text-transform:uppercase;color:var(--i2-ink2)}
.tk2 .t2-mini dd{font-weight:700;color:var(--i2-navy)}
.tk2 .tk-p2 .t2-cizgi{margin:10px 0 4px}
/* şartlar */
.tk2 .tk-s h4{color:var(--i2-navy);align-items:center}
.tk2 .tk-s h4 span{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--i2-navy);color:#fff;font-size:.85em;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.tk2 .tk-s p>span:first-child{color:var(--i2-blue);font-weight:600}
.tk2 .tk-banka>div{border:1px solid var(--i2-line);border-radius:8px;overflow:hidden;padding-bottom:4px}
.tk2 .tk-banka .tk-bh{margin-bottom:4px}
.tk2 .tk-banka p{padding:0 8px}
.tk2 .tk-onay>div,.tk2 .bk-imza>div{border:1px solid var(--i2-line)!important;border-radius:8px}
.tk2 .tk-onay p{color:var(--i2-navy)}
/* bakım sözleşmesi */
.tk2 .bk-taraf{border:1px solid var(--i2-line);border-radius:8px;border-collapse:separate;border-spacing:0;background:var(--i2-soft);padding:4px 6px;margin:6px 0 4px}
.tk2 .bk-taraf th,.tk2 .bk-taraf td{border:0!important;background:none}
.tk2 .bk-taraf th{color:var(--i2-navy)}
.tk2 .bk-tar b{color:var(--i2-navy)}
@media (max-width:640px){
  .paper.tkl.tk2{padding:16px 14px;font-size:9.5px}
  .tk2 .i2-h{flex-direction:column}.tk2 .i2-firma{max-width:100%}.tk2 .i2-bas{align-items:flex-start;text-align:left;width:100%}.tk2 .i2-no{width:100%;min-width:0}
  .tk2 .i2-taraf{grid-template-columns:1fr}
  .tk2 .tk-alt{grid-template-columns:1fr}
  .tk2 .t2-ust2 img{height:28px}
}
@media print{
  .paper.tkl.tk2{padding:0!important;font-size:9.5px}
  .tk2 .i2-firma img{height:40px}
  .tk2 .t2-h{margin-bottom:9px}
  .tk2 .t2-cizgi{margin-bottom:9px}
  .tk2 .tk-h{margin:8px 0 6px;font-size:12px}
  .tk2 .tk-h.t2-lbl{margin:10px 0 4px;font-size:.82em}
  .tk2 .tk-t td{padding:3px 5px!important}
  .tk2 .tk-t th{padding:5px!important}
  .tk2 .t2-ust2 img{height:32px}
  .tk2 .tk-p2 .t2-cizgi{margin:7px 0 2px}
  .tk2 .tk-s h4 span{flex-basis:15px;width:15px;height:15px}
  .tk2 .tk-t thead{display:table-header-group}
}
/* planlı bakım sözleşmesi çıktısı */
.paper.tk2.bkp{margin-top:1rem}
.bkp .tk-sayfa:first-child{margin-top:0;padding-top:0;border-top:0}
@media print{.bkp .tk-sayfa:first-child{break-before:auto;page-break-before:auto}.paper.tk2.bkp{margin-top:0}}

/* tek giriş ekranı */
.giris-modu .side{display:none}
.giris-modu .shell{display:block}
.giris-modu .bnav{display:none!important}
.userbar .ub-cikis{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.userbar .bell+.ub-cikis{margin-left:0}
.userbar .ub-ad+.ub-cikis{margin-left:auto}
.userbar{flex-wrap:nowrap}
.userbar .ub-ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:34px}
.userbar .btn{flex-shrink:0}
@media (max-width:760px){.userbar .bell{margin-left:auto}.userbar .bell .ub-t{display:none}}
@media (max-width:760px){.userbar .ub-ad{white-space:normal;line-height:1.25;padding:.2rem 0;font-size:var(--text-xs)}}
.proto.canli{background:var(--ok-50,#eaf6ee);color:var(--ok,#1f7a3d)}
.proto.uyari{background:var(--danger-50,#fdecec);color:var(--danger,#b42318)}
[data-pa-sifre][hidden]{display:none!important}