:root{
  --page:#eef5fb;--ink:#0e1b2f;--muted:#617287;--line:rgba(207,220,234,.72);
  --navy:#10263c;--blue:#2b84df;--green:#16b96a;--yellow:#f4ad25;--red:#ef3a36;--purple:#8555d9;
  --gold:#dfb64e;--gold2:#c9992e;--shadow:0 24px 65px rgba(25,44,66,.16);
  --soft:inset 0 1px 0 rgba(255,255,255,.96), inset 0 -20px 34px rgba(189,207,226,.17);
}
*{box-sizing:border-box}
html{translate:no}
body{
  margin:0;min-height:100vh;color:var(--ink);font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 20% 8%, rgba(255,255,255,.95) 0, rgba(255,255,255,0) 340px),
    radial-gradient(circle at 84% 12%, rgba(160,201,242,.45) 0, rgba(160,201,242,0) 370px),
    linear-gradient(135deg,#eaf2fa 0%,#fbfdff 48%,#e7f0f8 100%);
}
a{text-decoration:none;color:inherit}button{font-family:inherit}
.notranslate{translate:no}
.btn{border:0;border-radius:18px;padding:14px 20px;background:linear-gradient(145deg,var(--gold),var(--gold2));color:#172235;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 26px rgba(190,148,45,.24), inset 0 1px 0 rgba(255,255,255,.55)}
.btn:hover{transform:translateY(-1px)}
.btn.dark{background:linear-gradient(145deg,#28475f,#091a2b);color:#fff;box-shadow:0 14px 28px rgba(10,27,44,.24), inset 0 1px 0 rgba(255,255,255,.24)}
.btn.small{padding:9px 12px;border-radius:13px;font-size:13px}.btn.full{width:100%}
.page{max-width:1260px;margin:0 auto;padding:26px}
.customerTop,.adminBar,.subTop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.84);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(240,248,254,.52));box-shadow:var(--shadow),var(--soft);backdrop-filter:blur(22px)}
.customerTop{justify-content:flex-start}
.logo{width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,#314f69,#07192b);color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px;box-shadow:0 18px 32px rgba(5,20,36,.28), inset 0 1px 0 rgba(255,255,255,.28)}
.monthTitle{flex:1;text-align:center;font-size:34px;font-weight:900;letter-spacing:.4px}
.navBtn{width:60px;height:60px;border:0;border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,244,252,.74));color:var(--navy);font-size:32px;font-weight:900;cursor:pointer;box-shadow:0 16px 30px rgba(28,48,70,.13), inset 0 1px 0 rgba(255,255,255,.98)}
.calendarShell{padding:18px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(235,245,254,.45));border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow),var(--soft);backdrop-filter:blur(20px)}
.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.week div{text-align:center;font-weight:900;color:#30475f;padding:12px 0;font-size:15px;white-space:nowrap}
.day{min-height:112px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(244,249,254,.62));border:1px solid rgba(255,255,255,.92);border-radius:24px;box-shadow:0 18px 36px rgba(32,58,88,.12),var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;backdrop-filter:blur(14px)}
.day:hover{transform:translateY(-2px);background:linear-gradient(145deg,rgba(238,255,247,.94),rgba(255,255,255,.74))}
.day.today{background:linear-gradient(145deg,rgba(208,251,229,.96),rgba(255,255,255,.78));outline:2px solid rgba(22,185,106,.48)}
.day.selected{background:linear-gradient(145deg,rgba(208,251,229,.96),rgba(255,255,255,.78));outline:2px solid rgba(22,185,106,.55)}
.day.disabled{opacity:.55;cursor:not-allowed}
.day.past{
  opacity:1;
  cursor:not-allowed;
  background:linear-gradient(145deg,rgba(255,228,228,.78),rgba(255,247,247,.58));
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 18px 36px rgba(130,35,35,.10),var(--soft);
}
.day.closed,
.day.full{
  opacity:1;
  cursor:not-allowed;
  background:linear-gradient(145deg,rgba(255,228,228,.78),rgba(255,247,247,.58));
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 18px 36px rgba(130,35,35,.10),var(--soft);
}
.day.closed .num,.day.full .num,.day.past .num{color:#9f1111}
.day.closed .status,.day.full .status,.day.past .status{color:#9f1111}
.num{font-size:26px;font-weight:900}.status{display:flex;align-items:center;gap:7px;font-weight:800;color:#40546a;font-size:14px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--blue)}.dot.green{background:var(--green)}.dot.orange{background:#ff9f1a}.dot.red{background:var(--red)}.dot.gray{background:#a6b0bd}
.modalWrap{position:fixed;inset:0;background:rgba(10,23,38,.40);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}
.modalWrap.show{display:flex}
.modal{width:min(100%,580px);max-height:92vh;overflow:auto;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,251,255,.88));border:1px solid rgba(255,255,255,.92);box-shadow:0 38px 90px rgba(13,31,50,.28),var(--soft);backdrop-filter:blur(22px)}
.modalHead{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line)}
.modalHead h3{margin:0;font-size:24px}
.x{border:0;width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,#f4f8fc,#e4edf6);font-size:25px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 10px 18px rgba(23,40,60,.10)}
.modalBody{padding:24px}.field{margin-bottom:16px}.field label{display:block;font-weight:900;margin-bottom:8px}
.field input,.field textarea,.field select{width:100%;border:1px solid #d4e1ee;border-radius:18px;padding:14px 15px;font-size:16px;outline:none;background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 #fff}
.message{font-size:17px;line-height:1.55;color:#36495e}.warningImg{display:none;width:100%;max-height:260px;object-fit:contain;border-radius:18px;margin-bottom:14px;background:#f6f8fb}
.adminShell{max-width:1560px;margin:0 auto;padding:22px}
.adminTitle h1{margin:0;font-size:30px}.adminTitle small{color:var(--muted);font-weight:700}
.weekControls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.weekLabel{font-weight:900;color:#263b52;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.85);padding:12px 14px;border-radius:17px;box-shadow:inset 0 1px 0 #fff}
.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;height:740px;padding:14px;border-radius:32px;background:linear-gradient(145deg,rgba(230,240,250,.82),rgba(255,255,255,.50));border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow),var(--soft);backdrop-filter:blur(18px)}
.dayCol{position:relative;min-height:710px;overflow-y:auto;overflow-x:hidden;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(246,251,255,.70));border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 38px rgba(32,58,88,.11),var(--soft)}
.dayCol.closedCol{background:linear-gradient(145deg,rgba(255,238,238,.62),rgba(255,250,250,.48));}
.dayCol::-webkit-scrollbar{width:9px}.dayCol::-webkit-scrollbar-thumb{background:#b8c7d8;border-radius:20px}
.dayHead{position:sticky;top:0;z-index:8;height:82px;min-height:82px;padding:12px 10px 8px;border-bottom:1px solid #e4edf6;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,250,254,.92));border-radius:24px 24px 0 0}
.dayCol.closedCol .dayHead{
  background:linear-gradient(145deg,rgba(255,205,205,.88),rgba(255,238,238,.64));
  color:#9f1111;
  border-bottom:1px solid rgba(185,40,40,.18);
  box-shadow:0 12px 25px rgba(150,40,40,.10),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -18px 26px rgba(255,185,185,.16);
  backdrop-filter:blur(18px);
}
.dayCol.closedCol .dayInfo{color:#9f1111}

.dayCol.loadGreen .dayHead{
  background:linear-gradient(145deg,rgba(205,252,225,.90),rgba(242,255,248,.64));
  color:#08723b;
  border-bottom:1px solid rgba(20,150,75,.18);
  box-shadow:0 12px 25px rgba(20,140,70,.10),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -18px 26px rgba(170,240,200,.15);
  backdrop-filter:blur(18px);
}
.dayCol.loadYellow .dayHead{
  background:linear-gradient(145deg,rgba(255,239,178,.90),rgba(255,250,226,.64));
  color:#7a5200;
  border-bottom:1px solid rgba(190,135,25,.18);
  box-shadow:0 12px 25px rgba(170,120,20,.10),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -18px 26px rgba(255,222,135,.15);
  backdrop-filter:blur(18px);
}
.dayCol.loadOrange .dayHead{
  background:linear-gradient(145deg,rgba(255,217,182,.90),rgba(255,246,238,.64));
  color:#a44b00;
  border-bottom:1px solid rgba(205,105,20,.18);
  box-shadow:0 12px 25px rgba(180,90,20,.10),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -18px 26px rgba(255,190,135,.15);
  backdrop-filter:blur(18px);
}
.dayCol.loadRed .dayHead{
  background:linear-gradient(145deg,rgba(255,205,205,.90),rgba(255,238,238,.64));
  color:#9f1111;
  border-bottom:1px solid rgba(185,40,40,.18);
  box-shadow:0 12px 25px rgba(150,40,40,.10),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -18px 26px rgba(255,185,185,.16);
  backdrop-filter:blur(18px);
}
.dayCol.loadGreen .dayInfo{color:#08723b}
.dayCol.loadYellow .dayInfo{color:#7a5200}
.dayCol.loadOrange .dayInfo{color:#a44b00}
.dayCol.loadRed .dayInfo{color:#9f1111}

.dayName{font-weight:900;font-size:15px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dayInfo{font-size:12px;color:var(--muted);margin-top:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows{position:absolute;left:0;right:0;top:82px;height:1900px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 51px,#edf2f7 52px)}
.addPerson{position:absolute;left:8px;right:8px;top:1924px;border:1px dashed #aebfd0;border-radius:16px;background:rgba(251,253,255,.95);padding:10px;font-weight:900;cursor:pointer;box-shadow:0 8px 16px rgba(28,45,65,.09),inset 0 1px 0 #fff}
.appt{position:absolute;height:44px;border-radius:16px;padding:6px 8px;background:linear-gradient(145deg,#48a1f2,#1f73cd);color:#fff;box-shadow:0 15px 27px rgba(31,48,68,.24),inset 0 1px 0 rgba(255,255,255,.30);cursor:grab;overflow:hidden;z-index:4}
.appt b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.appt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;opacity:.92}
.appt.compact b{font-size:11px}.appt.compact span{font-size:10px}.appt.green{background:linear-gradient(145deg,#2ed47a,#0e9f55)}.appt.yellow{background:linear-gradient(145deg,#ffc54f,#df9312);color:#172235}.appt.red{background:linear-gradient(145deg,#ff6868,#d91e1e)}.appt.purple{background:linear-gradient(145deg,#a16bec,#6a3bc5)}
.closedOverlay{display:none}
.bottomTools{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.tool{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(245,250,255,.70));border:1px solid rgba(255,255,255,.88);border-radius:24px;padding:15px;text-align:center;font-weight:900;cursor:pointer;box-shadow:0 16px 31px rgba(28,45,65,.13),var(--soft)}
.tool:hover{transform:translateY(-1px)}.toolIcon{display:block;font-size:23px;margin-bottom:4px}
.tableWrap{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,250,255,.62));border:1px solid rgba(255,255,255,.88);border-radius:28px;box-shadow:var(--shadow),var(--soft);overflow:hidden;backdrop-filter:blur(18px)}
.subTop h1{margin:0;font-size:30px}.subTop p{margin:4px 0 0;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid #edf1f5;text-align:left;font-size:14px}th{background:rgba(248,250,252,.88);color:#3d5067;font-weight:900}
.badge{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:900;font-size:12px;background:#eef4fb;color:#29425d}.badge.wait{background:#fff4db;color:#8a5b00}.badge.ok{background:#def7e9;color:#08723b}.badge.err{background:#ffe4e4;color:#a80000}
.testBox{background:#f4f8fc;border:1px solid #dbe7f3;border-radius:18px;padding:12px;margin-top:12px;color:#34475d;font-size:14px}
.editGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.colorRow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.colorOption{height:50px;border-radius:16px;border:2px solid rgba(255,255,255,.9);cursor:pointer;box-shadow:0 8px 14px rgba(28,45,65,.13);color:#fff;font-weight:900;text-align:center}
.colorOption.blue{background:linear-gradient(145deg,#48a1f2,#1f73cd)}.colorOption.green{background:linear-gradient(145deg,#2ed47a,#0e9f55)}.colorOption.yellow{background:linear-gradient(145deg,#ffc54f,#df9312);color:#172235}.colorOption.red{background:linear-gradient(145deg,#ff6868,#d91e1e)}.colorOption.purple{background:linear-gradient(145deg,#a16bec,#6a3bc5)}
.colorOption.selected{outline:4px solid rgba(16,38,60,.22)}
@media(max-width:980px){.board{grid-template-columns:1fr;height:auto}.dayCol{min-height:500px}.bottomTools{grid-template-columns:1fr 1fr}.week,.days{gap:8px}.day{min-height:76px;border-radius:18px}.monthTitle{font-size:24px}.customerTop{padding:12px}.editGrid{grid-template-columns:1fr}}


.prepaidPreview{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.prepaidChip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 11px;
  border-radius:999px;
  background:linear-gradient(145deg,rgba(223,210,255,.92),rgba(248,244,255,.68));
  color:#5b2db5;
  font-weight:900;
  border:1px solid rgba(130,80,210,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
@media(max-width:980px){.bottomTools{grid-template-columns:1fr 1fr}}


/* === HARIKA KARGO API PANELI === */
.kargoStatus{margin:0 0 14px;padding:13px 16px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.90);box-shadow:0 12px 26px rgba(28,45,65,.10),var(--soft);font-weight:900;color:#34475d}
.kargoStatus.ok{background:linear-gradient(145deg,rgba(222,247,233,.92),rgba(255,255,255,.72));color:#08723b}
.kargoStatus.wait{background:linear-gradient(145deg,rgba(255,244,219,.92),rgba(255,255,255,.72));color:#8a5b00}
.kargoStatus.err{background:linear-gradient(145deg,rgba(255,228,228,.92),rgba(255,255,255,.72));color:#a80000}
.customerPay b{display:block;margin-bottom:8px}.paySwitch{display:flex;gap:6px;flex-wrap:wrap}.payChoice{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#eef4fb;color:#29425d;font-weight:900;font-size:12px;border:1px solid #dbe7f3;cursor:pointer}.payChoice input{width:auto}.payChoice.active{background:#def7e9;color:#08723b;border-color:#bdebd1}.mutedMini{margin-top:5px;font-size:12px;color:#617287;font-weight:800}.addrText{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.addrCity{font-size:12px;color:#617287;margin-top:3px}.addrMissing{font-weight:900;color:#a80000;background:#ffe4e4;border-radius:999px;display:inline-flex;padding:6px 9px}.rowActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
@media(max-width:980px){.tableWrap{overflow:auto}table{min-width:980px}.subTop{align-items:flex-start;flex-direction:column}.addrText{max-width:300px}}

.apiStatusBox{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin:0 0 14px}.apiCard{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.90);box-shadow:0 10px 22px rgba(28,45,65,.09),var(--soft)}.apiCard b{display:block;font-size:12px;color:#617287;margin-bottom:4px}.apiCard span{font-weight:1000}.apiCard.ok span{color:#08723b}.apiCard.wait span{color:#8a5b00}.apiCard.err span{color:#a80000}.apiHelp{grid-column:1/-1;padding:11px 14px;border-radius:18px;font-weight:900}.apiHelp.ok{background:#def7e9;color:#08723b}.apiHelp.err{background:#fff4db;color:#8a5b00}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.apiStatusBox{grid-template-columns:repeat(2,minmax(120px,1fr))}}


/* === HARIKA KARGO TARIH + CIKIS ADRESI === */
.kargoControlPanel{display:grid;grid-template-columns:1.5fr 240px auto;gap:12px;align-items:end;margin:0 0 14px;padding:14px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,250,255,.66));border:1px solid rgba(255,255,255,.90);box-shadow:0 14px 28px rgba(28,45,65,.10),var(--soft)}
.kargoControlPanel .field{margin:0}.kargoControlPanel select,.kargoControlPanel input{height:46px}.controlButtons{display:flex;gap:9px;flex-wrap:wrap}.apiStatusBox{grid-template-columns:repeat(5,minmax(130px,1fr))}.apiHelp{grid-column:1/-1}.btn.full{width:100%}
@media(max-width:980px){.kargoControlPanel{grid-template-columns:1fr}.apiStatusBox{grid-template-columns:repeat(2,minmax(120px,1fr))}table{min-width:1180px}}

/* Kargo takip sade ekran */
.sadeTakipPanel{grid-template-columns:minmax(220px,320px) auto;align-items:end}
.messagePreview{margin:14px 0;padding:14px 16px;border:1px solid #d9e1ee;border-radius:14px;background:#f8fbff;color:#1f2937}
.messagePreview b{display:block;margin-bottom:8px;color:#0f172a}
.messagePreview div{font-size:14px;line-height:1.45}
@media(max-width:720px){.sadeTakipPanel{grid-template-columns:1fr}.controlButtons{display:grid;grid-template-columns:1fr}.tableWrap table{min-width:760px}}


/* === HARIKA KARGO BUTON KAYMA DUZELTME === */
.sadeTakipPanel{
  grid-template-columns:minmax(210px,260px) minmax(0,1fr);
}
.sadeTakipPanel .controlButtons{
  min-width:0;
  width:100%;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.sadeTakipPanel .controlButtons .btn{
  min-height:46px;
  padding:12px 18px;
  line-height:1.15;
  white-space:normal;
  max-width:100%;
  flex:0 1 auto;
}
@media(max-width:860px){
  .sadeTakipPanel{grid-template-columns:1fr}
  .sadeTakipPanel .controlButtons{display:grid;grid-template-columns:1fr}
}


/* === HARIKA KARGO RENK VE BUTON SABITLEME === */
.page .subTop .btn:not(.dark),
.kargoControlPanel .btn:not(.dark){
  background:linear-gradient(145deg,#48a1f2,#1f73cd);
  color:#fff;
  box-shadow:0 14px 26px rgba(43,132,223,.24), inset 0 1px 0 rgba(255,255,255,.34);
}

/* === HARIKA WHATSAPP BUSINESS API TEST PANELI === */
.waPanel{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin:0 0 14px;padding:18px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(245,250,255,.68));border:1px solid rgba(255,255,255,.90);box-shadow:0 14px 28px rgba(28,45,65,.10),var(--soft)}
.waPanel .field{margin:0}.waPanel small{display:block;margin-top:6px;color:#617287;font-weight:800}.waPanel .fullLine{grid-column:1/-1}.waActions{display:flex;gap:10px;flex-wrap:wrap}.waLogWrap table{min-width:920px}.waLogWrap td{vertical-align:top}code{padding:2px 6px;border-radius:7px;background:#eaf1f8;color:#10263d;font-weight:900}
@media(max-width:760px){.waPanel{grid-template-columns:1fr}.waActions{display:grid;grid-template-columns:1fr}}

/* Admin çift tık kişi ekranında kargo/teslim adresi kutusu */
.addressInfoBox{border:1px solid #d4e1ee;border-radius:18px;padding:13px 14px;background:rgba(246,250,255,.88);font-weight:800;color:#26394f;line-height:1.35;white-space:pre-wrap;word-break:break-word;min-height:48px}
.addressInfoBox.cargo{background:linear-gradient(145deg,rgba(232,247,255,.92),rgba(255,255,255,.82));border-color:#c2dff2;color:#10263c}
.addressInfoBox.pickup{background:linear-gradient(145deg,rgba(232,255,244,.92),rgba(255,255,255,.82));border-color:#b8e8cd;color:#08723b}
.addressInfoBox.empty{background:rgba(246,250,255,.74);color:#7a8998}