:root{
  --bg:#EDF0EE; --surface:#FFFFFF; --surface-2:#F4F6F4; --line:#DDE3DF;
  --ink:#1C231F; --ink-dim:#65706A;
  --accent:#E85D1F; --accent-ink:#FFFFFF; --accent-soft:#FCE4D6;
  --teal:#158A9B; --info:#158A9B; --info-soft:#DCEFF1;
  --good:#2E8B57; --good-soft:#E1F3E7;
  --warn:#B8791A; --warn-soft:#FBEBD3;
  --bad:#C1392B; --bad-soft:#FBE1DE;
  --radius:14px; --shadow:0 2px 10px -4px rgba(20,25,20,.12);
  --font-display:'Barlow Semi Condensed', sans-serif;
  --font-body:'IBM Plex Sans', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); padding-bottom:90px;}
body.membership-frozen .panel-root{pointer-events:none; opacity:.55; filter:grayscale(.15);}
.membership-frozen-banner{
  background:#fff7ed; border-bottom:1px solid #fdba74; color:#9a3412;
  padding:10px 14px; font-size:13px; line-height:1.45; text-align:center;
}
.acc-membership{
  margin-top:22px; padding-top:16px; border-top:1px solid var(--line);
}
.acc-membership-title{margin-bottom:4px; font-size:12px;}
.acc-membership-hint{margin:0 0 10px; font-size:11.5px; color:var(--ink-dim); line-height:1.4;}
.acc-membership-actions{display:flex; flex-direction:column; gap:8px;}
.acc-membership-btn{
  font-family:var(--font-body); font-size:13px; font-weight:600; text-align:left;
  padding:10px 12px; border-radius:9px; border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink); cursor:pointer; width:100%;
}
.acc-membership-btn:hover{border-color:var(--teal); color:var(--teal);}
.acc-membership-btn-danger{border-color:#fecaca; color:#b91c1c; background:#fef2f2;}
.acc-membership-btn-danger:hover{border-color:#f87171; color:#991b1b;}
.acc-logout-wrap{
  margin-top:18px; padding-top:14px; border-top:1px dashed var(--line);
}
.acc-logout-btn{
  display:block; width:100%; text-align:center; text-decoration:none;
  font-family:var(--font-body); font-size:13px; font-weight:600;
  padding:10px 14px; border-radius:10px;
  border:1px solid var(--line); background:var(--surface-2); color:var(--ink-dim);
}
.acc-logout-btn:hover{border-color:#cbd5e1; color:var(--ink); background:#fff;}
.membership-delete-confirm-field{margin:8px 0 4px;}
.membership-delete-input.input-err{border-color:#f87171; box-shadow:0 0 0 2px rgba(248,113,113,.2);}
.confirm-inline-err{margin:8px 0 0; font-size:13px; font-weight:600; color:#b91c1c; line-height:1.35;}
.confirm-inline-ok{margin:10px 0 0; font-size:14px; font-weight:600; color:var(--good,#059669); line-height:1.4;}
h1,h2{font-family:var(--font-display); margin:0;}
.wm-orange{color:var(--accent);} .wm-teal{color:var(--teal);}

.auth-wrap{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px;}
.auth-card{background:var(--surface); border-radius:18px; box-shadow:var(--shadow); padding:26px; max-width:420px; width:100%;}
.auth-card h1{font-size:26px; font-weight:800; margin-bottom:10px;}
.err{background:var(--bad-soft); color:var(--bad); padding:10px 12px; border-radius:9px; font-size:13px; margin-bottom:10px;}
.index-auth-notice{
  background:#ecfdf5; color:#065f46; border-bottom:1px solid #6ee7b7;
  padding:10px 16px; font-size:13px; line-height:1.45;
}
.index-auth-notice-pw{
  margin-top:8px; font-family:var(--font-mono, monospace); font-size:24px;
  font-weight:700; letter-spacing:.18em;
}

.topbar{
  background:var(--surface); padding:14px 16px 12px; border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:20; contain:layout style;
}
.brand-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.brand-text{flex:1; min-width:0;}
.brand-actions{flex:none; display:flex; align-items:center; gap:6px;}
.brand-row h1{font-size:20px; font-weight:800; letter-spacing:.2px; margin:0;}
.speed-btn-brand{white-space:nowrap;}
.tag{font-family:var(--font-mono); font-size:11px; color:var(--ink-dim); margin-top:2px;}
.util-row{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; align-items:center;}
.city-picker{
  font-family:var(--font-body); font-size:12px; font-weight:600; color:var(--ink);
  background:var(--surface-2); border:1px solid var(--line); border-radius:100px;
  padding:7px 24px 7px 10px; cursor:pointer; max-width:108px; width:108px;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2365706A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 8px center;
}
.district-picker{max-width:min(172px, 36vw); width:min(172px, 36vw);}
.picker-fake-wrap{position:relative; display:inline-flex;}
.picker-native-hidden{position:absolute; inset:0; opacity:0; pointer-events:none;}
.picker-fake-btn{display:inline-flex; align-items:center; text-align:left; font:inherit;}
.picker-fake-btn.is-disabled{opacity:.5; pointer-events:none;}
.picker-fake-label{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.region-picker-sheet{max-height:75vh; gap:10px; overflow:hidden;}
.region-picker-list{
  flex:1; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch;
  display:flex; flex-direction:column; gap:4px; padding:2px 0 4px;
}
.region-picker-group-label{
  margin:10px 0 2px; padding:0 4px; font-size:11px; font-weight:800; letter-spacing:.04em;
  text-transform:uppercase; color:var(--ink-dim);
}
.region-picker-group-label:first-child{margin-top:0;}
.region-picker-opt{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; text-align:left; padding:12px 14px; border-radius:12px;
  border:1px solid var(--line); background:var(--surface-2);
  font-family:var(--font-body); font-size:15px; font-weight:600; color:var(--ink); cursor:pointer;
}
.region-picker-opt.is-selected{border-color:var(--teal); background:#ecfdf5; color:var(--teal);}
.region-picker-check{font-weight:800;}
.district-loc-search{
  max-width:min(112px, 26vw); width:min(112px, 26vw); padding:7px 8px; border-radius:100px;
  border:1px solid var(--line); font-size:11.5px; font-family:inherit;
  background:var(--surface, #fff);
}
.district-loc-search::placeholder{color:var(--ink-dim); font-size:11px;}
.track-search{min-width:0; flex:0 0 auto; font-family:var(--font-mono, "IBM Plex Mono", monospace);}
.job-track-wrap{display:inline-flex; flex-direction:column; align-items:flex-start; gap:1px;}
.job-track-lbl{font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-dim);}
.job-code-row .job-code{font-family:var(--font-mono, "IBM Plex Mono", monospace); font-size:15px; font-weight:700; letter-spacing:.02em;}
.pickup-detail-track{
  margin:0 0 10px; padding:8px 10px; border-radius:8px; background:var(--info-soft, #eef6f8);
  font-size:13px; text-align:left;
}
.pick-track-lbl{font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-dim); margin-right:6px;}
.pick-track-code{font-family:var(--font-mono, "IBM Plex Mono", monospace); font-size:15px;}
.track-search-banner{
  margin:0 0 10px; padding:8px 12px; border-radius:10px; background:#fff8e6; border:1px solid #f0d080;
  font-size:12px; font-weight:600; text-align:center;
}
.track-search-banner.empty{background:#fef2f2; border-color:#fecaca;}
.job-track-hit{box-shadow:0 0 0 3px rgba(255,160,0,.55); transition:box-shadow .3s;}
@media (max-width:760px){
  .city-picker{
    width:auto; max-width:62px; padding:7px 15px 7px 6px; font-size:10.5px;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
  }
  .district-picker{
    max-width:84px; width:auto; font-size:10.5px;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
  }
  .district-loc-search{
    max-width:none; width:auto; flex:1 1 80px; min-width:60px;
    font-size:10.5px; padding:6px 6px;
  }
}
.local-zone-btn.is-on{background:var(--good-soft); border-color:var(--good); color:var(--good);}
.speed-btn{
  font-family:var(--font-body); font-size:12.5px; font-weight:600; color:var(--ink);
  background:var(--surface-2); border:1px solid var(--line); border-radius:100px; padding:8px 12px; cursor:pointer;
}
.persona-strip{font-size:12.5px; color:var(--ink-dim); margin-top:10px;}
.persona-strip b{color:var(--ink);}

.tabs{
  display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; margin-top:12px; padding-bottom:2px;
  scroll-behavior:auto; overscroll-behavior-x:contain;
  scrollbar-width:none; -ms-overflow-style:none;
}
.tabs::-webkit-scrollbar{display:none;}
.wa-section-nav{
  flex:none;
  padding:12px 12px 10px;
  background:var(--bg, #f0f2f5);
  border-bottom:1px solid var(--line, #e9edef);
  position:sticky; top:0; z-index:6;
}
.wa-main-pane .tabs.tabs-tile-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  overflow:visible;
  padding:0;
  margin:0;
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
}
@media (min-width:900px){
  .wa-main-pane .tabs.tabs-tile-grid{grid-template-columns:repeat(7, minmax(0, 1fr));}
}
@media (min-width:761px) and (max-width:1099px){
  .wa-main-pane .tabs.tabs-tile-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media (max-width:520px){
  .wa-main-pane .tabs.tabs-tile-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.tabs.tabs-tile-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  overflow:visible;
  padding:0 0 14px;
  margin-top:14px;
}
@media (min-width:900px){
  .tabs.tabs-tile-grid{grid-template-columns:repeat(6, minmax(0, 1fr));}
}
@media (max-width:520px){
  .tabs.tabs-tile-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.tabs-group-title{
  grid-column:1 / -1;
  font-family:var(--font-display); font-weight:800; font-size:12.5px;
  color:var(--ink-dim); text-transform:uppercase; letter-spacing:.05em;
  padding:10px 2px 2px; margin:0;
}
.tabs-group-title:first-child{padding-top:0;}
.tab{
  font-family:var(--font-body); font-weight:600; font-size:13px; color:var(--ink-dim);
  background:none; border:none; padding:10px 12px; border-bottom:2px solid transparent; cursor:pointer; white-space:nowrap;
  flex:0 0 auto; touch-action:manipulation;
}
.tab.tab-tile{
  position:relative;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  min-height:88px; padding:8px 6px 10px;
  border-radius:14px; border-bottom:none;
  white-space:normal;
  color:#fff;
  background:linear-gradient(145deg, var(--tile-a), var(--tile-b));
  box-shadow:0 6px 16px -10px rgba(15,23,42,.45);
  opacity:.9;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.tab.tab-tile.tile-tone-0{--tile-a:#0ea5e9; --tile-b:#0369a1;}
.tab.tab-tile.tile-tone-1{--tile-a:#10b981; --tile-b:#047857;}
.tab.tab-tile.tile-tone-2{--tile-a:#f97316; --tile-b:#c2410c;}
.tab.tab-tile.tile-tone-3{--tile-a:#8b5cf6; --tile-b:#6d28d9;}
.tab.tab-tile.tile-tone-4{--tile-a:#ec4899; --tile-b:#be185d;}
.tab.tab-tile.tile-tone-5{--tile-a:#14b8a6; --tile-b:#0f766e;}
.tab.tab-tile.tile-tone-6{--tile-a:#eab308; --tile-b:#a16207;}
.tab.tab-tile.tile-tone-7{--tile-a:#64748b; --tile-b:#334155;}
.tab.tab-tile-action{cursor:pointer;}
.tab-tile-icon{font-size:26px; line-height:1;}
.tab.tab-tile .tab-label{
  pointer-events:none;
  font-size:13px; font-weight:800; letter-spacing:-.03em;
  line-height:1.08; text-align:center; color:#fff;
  width:100%; padding:0 4px;
}
.tab-tile-hint{
  pointer-events:none;
  font-size:11px; font-weight:700; line-height:1.12;
  text-align:center; color:rgba(255,255,255,.95);
  width:100%; padding:0 4px;
}
@media (min-width:900px){
  .wa-main-pane .tabs.tabs-tile-grid .tab.tab-tile{
    min-height:94px; padding:10px 8px 12px; gap:5px;
  }
  .wa-main-pane .tabs.tabs-tile-grid .tab-tile-icon{font-size:28px;}
  .wa-main-pane .tabs.tabs-tile-grid .tab.tab-tile .tab-label{font-size:15px;}
  .wa-main-pane .tabs.tabs-tile-grid .tab-tile-hint{font-size:12px;}
}
@media (max-width:520px){
  .wa-main-pane .tabs.tabs-tile-grid .tab.tab-tile{
    min-height:102px; padding:12px 10px 14px; gap:6px;
  }
  .wa-main-pane .tabs.tabs-tile-grid .tab-tile-icon{font-size:34px;}
  .wa-main-pane .tabs.tabs-tile-grid .tab.tab-tile .tab-label{font-size:17px;}
  .wa-main-pane .tabs.tabs-tile-grid .tab-tile-hint{font-size:13px;}
}
.tab .tab-label{pointer-events:none;}
.tab .cnt{
  pointer-events:none; font-family:var(--font-mono); font-size:10.5px; opacity:.8;
  display:inline-block; min-width:3.2em; text-align:left;
}
.tab.tab-tile .cnt{
  position:absolute; top:6px; right:6px;
  min-width:0; padding:2px 5px; border-radius:8px;
  font-size:10px; font-weight:700;
  background:rgba(255,255,255,.28); color:#fff; opacity:1;
}
.tab.tab-tile .cnt:empty{display:none;}
#tabs[data-active-tab="havuz"] .tab[data-tab="havuz"],
#tabs[data-active-tab="aldigim"] .tab[data-tab="aldigim"],
#tabs[data-active-tab="benim"] .tab[data-tab="benim"],
#tabs[data-active-tab="alici"] .tab[data-tab="alici"],
#tabs[data-active-tab="teslim"] .tab[data-tab="teslim"],
#tabs[data-active-tab="hafta"] .tab[data-tab="hafta"]{
  opacity:1;
  transform:translateY(-2px);
  box-shadow:0 10px 24px -10px rgba(15,23,42,.5), 0 0 0 2px rgba(255,255,255,.85);
}
#tabs:not(.tabs-tile-grid)[data-active-tab="kisiler"] .tab[data-tab="kisiler"],
#tabs:not(.tabs-tile-grid)[data-active-tab="havuz"] .tab[data-tab="havuz"]{
  color:var(--accent); border-bottom-color:var(--accent);
}

.panel{
  padding:14px 16px; display:flex; flex-direction:column; gap:12px;
  width:100%; max-width:min(873px, calc(100vw - 12px)); margin:0 auto;
}
body.tab-wa-shell{
  padding-bottom:0; height:100dvh; max-height:100dvh; overflow:hidden;
  display:flex; flex-direction:column;
}
body.tab-wa-shell .topbar{flex:none;}
.panel-root.panel-wa-mode{padding:0; gap:0; max-width:100%; margin:0; width:100%; position:relative;}
body.tab-wa-shell .panel-root.panel-wa-mode{
  flex:1; min-height:0; height:auto; max-height:none; overflow:hidden;
  display:flex; flex-direction:column;
}
.wa-mobile-bar,.wa-mobile-list-head{display:none;}
.wa-mobile-btn{
  position:relative;
  flex:1; display:flex; align-items:center; justify-content:center; gap:6px;
  font-family:var(--font-body); font-size:13px; font-weight:700;
  padding:10px 12px; border-radius:12px; border:1px solid var(--line);
  background:var(--surface); color:var(--ink); cursor:pointer;
}
.wa-mobile-btn-section{flex:1.35; position:relative;}
.wa-mobile-btn-post{flex:1;}
.wa-mobile-btn-post:active{filter:brightness(.94);}
.wa-mobile-btn.is-active{
  background:var(--bad); border-color:var(--bad); color:#fff;
}
.wa-mobile-btn.is-active .wa-mobile-count-badge{color:var(--bad);}
.wa-mobile-dot{
  width:10px; height:10px; border-radius:50%; flex:none;
  box-shadow:0 0 0 2px #fff;
}
.wa-mobile-dot.dot-red{background:#ef4444;}
.wa-mobile-dot.dot-green{background:#22c55e;}
.wa-mobile-dot.dot-none{display:none;}
.wa-mobile-count-badge{
  min-width:18px; height:18px; padding:0 5px; border-radius:9px;
  background:#fff; color:#1f7a52; font-size:11px; font-weight:800;
  line-height:18px; text-align:center; flex:none;
}
.wa-mobile-count-badge[hidden]{display:none;}
.wa-main-pane{
  flex:1; min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden;
  background:var(--bg);
}
.wa-jobs-pane{
  flex:1; min-height:0; overflow-y:auto; padding:12px 14px 16px; gap:12px;
}
.tile-vitrin-empty-shell{
  padding:20px 12px 32px;
  max-width:520px;
  margin:0 auto;
}
.havuz-empty-caption{
  margin:0;
  text-align:center;
  font-size:13px;
  line-height:1.45;
  color:var(--ink-dim);
}
.pool-flow{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:12px 14px; margin-bottom:12px; box-shadow:var(--shadow);
}
.pool-flow-title{font-family:var(--font-display); font-weight:700; font-size:15px; margin-bottom:6px;}
.pool-flow-lead{font-size:12.5px; color:var(--ink-dim); margin:0 0 10px; line-height:1.45;}
.pool-steps{display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:11px;}
.pool-step{
  background:var(--surface-2); border-radius:8px; padding:6px 8px; line-height:1.25; flex:1; min-width:72px;
}
.pool-step em{font-style:normal; font-weight:700; color:var(--teal); margin-right:4px;}
.pool-step small{color:var(--ink-dim); font-size:10px;}
.pool-step-arrow{color:var(--ink-dim); font-size:12px; flex:none;}
.pool-empty{line-height:1.5;}
.fcfs-badge.mine{background:var(--info-soft); color:var(--info);}
.service-spots{margin-top:16px; margin-bottom:0; padding-top:14px; border-top:1px dashed var(--line);}
.service-spots-head{display:flex; flex-direction:column; gap:2px; margin-bottom:10px;}
.service-spots-head strong{font-family:var(--font-display); font-size:15px;}
.service-spots-head span{font-size:12px; color:var(--ink-dim);}
.service-spots-list{display:flex; flex-direction:column; gap:8px;}
.service-spot{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:12px 14px; box-shadow:var(--shadow);
}
.service-spot-top{display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:4px;}
.service-spot-title{font-weight:600; font-size:14px;}
.service-spot-contact{font-size:12.5px; color:var(--ink-dim);}
.service-spot-addr{font-size:12.5px; color:var(--ink-dim); line-height:1.45; margin-bottom:8px;}
.service-spot-actions{display:flex; flex-wrap:wrap; gap:6px;}
.service-spot-btn{
  font-family:var(--font-body); font-size:12px; font-weight:600; padding:6px 10px;
  border-radius:999px; border:1px solid var(--line); background:var(--surface-2);
  color:var(--ink); text-decoration:none; cursor:pointer;
}
.service-spot-btn.primary{background:var(--teal); color:#fff; border-color:var(--teal);}
.book-row .bs{font-size:12px; color:var(--ink-dim); margin-top:2px;}
.job-sender-card{
  background:var(--info-soft); border-radius:var(--radius); padding:10px 12px; margin-bottom:12px;
  display:flex; flex-direction:column; gap:2px;
}
.sheet-job-order .job-sender-row{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);
  gap:8px; align-items:start; margin-bottom:12px;
}
.sheet-job-order .job-sender-row .job-sender-card{margin-bottom:0; min-width:0; padding:8px 10px;}
.sheet-job-order .job-sender-row .job-sender-label{font-size:9px; line-height:1.25;}
.sheet-job-order .job-sender-row .job-sender-card strong{font-size:13px; line-height:1.2;}
.sheet-job-order .job-sender-row #jobSenderMeta{font-size:11px; line-height:1.3;}
.sheet-job-order .job-saved-picker-field{margin:0; min-width:0; gap:4px;}
.sheet-job-order .job-saved-picker-field label{font-size:10px; letter-spacing:.02em; text-transform:none;}
.sheet-job-order .job-saved-picker-field select{font-size:13px; padding:9px 8px;}
.job-recv-search-wrap{position:relative;}
.job-recv-search-input{
  font-family:var(--font-body); font-size:14.5px; padding:10px 34px 10px 11px; border-radius:9px;
  border:1px solid var(--line); background:var(--surface-2); color:var(--ink); width:100%;
}
.sheet-job-order .job-saved-picker-field .job-recv-search-input{font-size:13px; padding:9px 30px 9px 8px;}
.job-recv-search-input:focus{outline:none; border-color:var(--info); box-shadow:0 0 0 3px var(--info-soft);}
.job-recv-search-clear{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:24px; height:24px; line-height:24px; text-align:center; padding:0;
  border:none; background:transparent; color:var(--ink-dim); font-size:13px; cursor:pointer; border-radius:50%;
}
.job-recv-search-clear:hover{background:var(--surface); color:var(--ink);}
.job-recv-search-results{
  position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:40;
  max-height:260px; overflow-y:auto; background:var(--surface); border:1px solid var(--line);
  border-radius:10px; box-shadow:var(--shadow); padding:4px;
}
.job-recv-search-item{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px; width:100%;
  text-align:left; padding:8px 10px; border:none; background:transparent; border-radius:7px;
  cursor:pointer; font-family:var(--font-body);
}
.job-recv-search-item:hover, .job-recv-search-item:focus{background:var(--info-soft); outline:none;}
.job-recv-search-name{font-size:13.5px; font-weight:600; color:var(--ink);}
.job-recv-search-meta{font-size:11.5px; color:var(--ink-dim);}
.job-recv-search-empty{padding:10px; font-size:12.5px; color:var(--ink-dim); text-align:center;}
.job-sender-label{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-dim);}
.job-sender-pickup{
  display:block; margin-top:4px; font-size:11px; line-height:1.35; color:var(--info); font-weight:600;
}
.job-sender-pickup.is-warn{color:var(--ink-dim); font-weight:500;}
.acc-phone-ro{
  margin:0 0 12px; font-size:14px; line-height:1.4; color:var(--ink);
}
.acc-phone-ro-hint{display:block; margin-top:2px; font-size:11px; font-weight:400; color:var(--ink-dim);}
.acc-kargo-loc{margin-bottom:8px;}
.field-kargo-addr label{
  display:block; margin-bottom:6px; font-size:12px; font-weight:700;
  text-transform:uppercase; letter-spacing:.04em; color:var(--info);
}
.field-kargo-addr textarea{font-size:15px;}
.acc-kargo-note{
  margin:6px 0 10px; padding:10px 12px; font-size:12px; line-height:1.45;
  background:#fff8f0; border:1px solid #ffe0c2; border-radius:10px; color:var(--ink);
}
.acc-kargo-note strong{font-weight:700;}
.acc-kargo-section{margin-top:14px;}
.acc-kargo-extra-title{margin-top:18px; font-size:12px;}
.job-sender-card strong{font-size:15px;}
.job-save-recv{
  display:flex; align-items:flex-start; gap:10px; margin:4px 0 14px; padding:10px 12px;
  background:var(--bg-soft, #f4f6f8); border-radius:10px; font-size:13px; cursor:pointer;
}
.job-save-recv input{margin-top:2px; flex-shrink:0;}
.sheet-job-order .job-recv-hint{font-size:12px; color:var(--ink-dim); margin:-4px 0 10px; line-height:1.45;}
.sheet-job-order .job-recv-preview{
  font-size:13px; font-weight:600; padding:8px 12px; margin-bottom:10px;
  background:var(--info-soft); color:var(--ink); border-radius:10px; border:1px solid var(--line);
}
.sheet-job-order .job-recv-names .field{margin-bottom:0;}
.sheet-job-order .job-recv-names{margin-bottom:12px;}
.sheet-job-order .job-recv-contact-row{
  align-items:end; margin-bottom:12px;
  grid-template-columns:minmax(108px,0.72fr) minmax(0,1.28fr);
}
.sheet-job-order .job-recv-contact-row .job-recv-phone,
.sheet-job-order .job-recv-contact-row .job-recv-maps{min-width:0; margin-bottom:0;}
.sheet-job-order .job-recv-contact-row .job-recv-maps input{margin-top:0;}
.sheet-job-order .job-maps-open{
  display:inline-block; margin-top:6px; font-size:12px; font-weight:600;
  color:var(--accent); text-decoration:none;
}
.sheet-job-order .job-maps-open:hover{text-decoration:underline;}
.job-link-maps{font-weight:600; color:var(--accent);}
.sheet-job-order .field-placeholder-only label{display:none;}
.sheet-job-order .field-placeholder-only input,
.sheet-job-order .field-placeholder-only textarea{margin-top:0;}
.sheet-job-order .job-address-block{
  margin:14px 0 8px; padding:12px 12px 4px; border-radius:12px;
  background:var(--surface-2, #f8f9fb); border:1px solid var(--line);
}
.sheet-job-order .job-address-block .section-label{margin-top:0; margin-bottom:10px;}
.sheet-job-order .job-recv-district-field{margin-bottom:10px;}
.sheet-job-order .job-recv-district-field select{font-weight:600; color:var(--teal);}
.job-dest-ilce{font-size:15px; font-weight:700; color:var(--teal); margin:6px 0 4px;}
.sheet-job-order .job-private-drop{margin:12px 0 10px;}
.sheet-job-order .job-private-drop-note{font-weight:500; font-size:10px; color:var(--ink-dim); text-transform:none; letter-spacing:0;}
.job-private-gallery{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(108px, 1fr)); gap:8px;
}
.job-private-gallery.is-drag .job-private-slot.is-add{
  border-color:var(--teal); background:#f0fdfa;
}
.job-private-slot{
  position:relative; border-radius:12px; overflow:hidden;
  border:2px dashed var(--line); background:#fafafa; min-height:118px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:8px 6px; text-align:center; box-sizing:border-box;
}
.job-private-slot.is-filled{border-style:solid; padding:0; min-height:0; aspect-ratio:1;}
.job-private-slot.is-filled img{width:100%; height:100%; object-fit:cover; display:block;}
.job-private-slot-rm{
  position:absolute; top:4px; right:4px; width:26px; height:26px; border-radius:50%;
  border:none; background:rgba(0,0,0,.55); color:#fff; font-size:18px; line-height:1;
  cursor:pointer; padding:0;
}
.job-private-slot.is-add{ cursor:pointer; gap:4px; }
.job-private-slot-plus{font-size:28px; line-height:1; color:var(--teal); font-weight:700;}
.job-private-slot-title{font-size:11px; font-weight:700; color:var(--ink-dim);}
.job-private-slot-actions{display:flex; flex-wrap:wrap; gap:4px; justify-content:center; margin-top:2px;}
.job-private-slot-actions .btn.small{padding:6px 8px; font-size:10.5px;}
.job-private-slot-hint{font-size:10px; color:var(--ink-dim); font-weight:600; margin-top:2px;}
.sheet-job-order .job-vehicle-deliver-row{align-items:end; margin:2px 0 10px;}
.sheet-job-order .job-vehicle-deliver-row .job-vehicle-field,
.sheet-job-order .job-vehicle-deliver-row .job-deliver-field{min-width:0; margin-bottom:0;}
.sheet-job-order .job-shipment-top{
  display:grid; grid-template-columns:minmax(0,0.88fr) minmax(0,0.88fr) minmax(0,1.24fr);
  gap:8px; align-items:end;
}
.sheet-job-order .job-field-koli{min-width:0;}
.sheet-job-order .job-field-price{min-width:0;}
.sheet-job-order .job-field-price input{padding-left:10px; padding-right:10px;}
.sheet-job-order .job-field-payment{min-width:0;}
.sheet-job-order .job-field-payment .seg-payment{gap:4px;}
.sheet-job-order .job-field-payment .seg-btn{
  padding:10px 4px; font-size:12px; line-height:1.15;
}
@media (max-width:380px){
  .sheet-job-order .job-shipment-top{grid-template-columns:minmax(0,0.85fr) minmax(0,0.85fr) minmax(0,1.15fr); gap:6px;}
  .sheet-job-order .job-field-payment .seg-btn{font-size:11px; padding:10px 2px;}
}
#jobSenderMeta{font-size:12px; color:var(--ink-dim);}
.job-from-preview{
  font-size:12.5px; line-height:1.45; color:var(--ink);
  background:var(--surface-2); border-radius:10px; padding:10px 12px; margin-bottom:12px;
  border:1px solid var(--line);
}
.wa-layout{
  display:flex; align-items:stretch; flex:1; min-height:0; height:auto;
  background:#fff; border-top:1px solid #e9edef; overflow:hidden;
}
.wa-list-pane{
  width:340px; max-width:38vw; flex-shrink:0; display:flex; flex-direction:column;
  border-right:1px solid #e9edef; background:#fff; min-height:0; height:100%;
}
@media (min-width:761px){
  .wa-layout .wa-list-pane{display:flex !important;}
}
.wa-list-pane .wa-contacts-list{flex:1; min-height:0; overflow-y:auto;}
.wa-chat-pane{
  flex:1; min-width:0; min-height:0; height:100%; display:flex; flex-direction:column;
  background:#efeae2 url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h80v80H0z' fill='%23efeae2'/%3E%3Cpath d='M20 20h8v8h-8zM50 40h8v8h-8z' fill='%23e5e0d8' opacity='.5'/%3E%3C/svg%3E");
}
.chat-empty{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:24px; text-align:center; color:var(--ink-dim);
}
.chat-empty-lead{margin:0; font-size:15px; font-weight:600; color:var(--ink);}
.visually-hidden{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.member-empty-mini{padding:16px 12px; font-size:12px; border:none; background:transparent;}
.empty-compact{padding:28px 16px; max-width:360px; margin:12px auto;}
.wa-layout.has-chat .chat-empty,
.chat-empty[hidden]{display:none !important;}
.chat-empty-icon{font-size:48px; margin-bottom:8px;}
.chat-empty .muted{font-size:13px; max-width:260px;}
.chat-active{
  flex:1; display:none; flex-direction:column; min-height:0; height:100%;
}
.wa-layout.has-chat .chat-active{display:flex;}
.chat-active .chat-footer{flex-shrink:0;}
.chat-bubble.job-msg{
  max-width:92%; align-self:flex-end; background:#fff3e6; border:1px solid #ffd4a8;
  font-size:13px;
}
.chat-bubble.job-msg time{color:#b45309;}
.chat-bubble.chat-job-card{
  max-width:min(420px, 96%); padding:0; background:transparent; border:none; box-shadow:none;
  align-self:flex-start;
}
.chat-bubble.chat-job-card.out{align-self:flex-end;}
.chat-bubble.chat-job-card .chat-job-card-inner{
  border-radius:14px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.12);
  background:#fff; border:1px solid #e9edef;
}
.chat-bubble.chat-job-card .job{margin:0; box-shadow:none; border-radius:0;}
.chat-bubble.chat-job-card time{
  display:block; margin-top:4px; padding:0 4px; font-size:11px; color:var(--ink-dim);
}
.chat-header{
  display:flex; align-items:center; gap:10px; padding:8px 12px;
  background:var(--surface,#fff); color:var(--ink,#1a1a1a); flex-shrink:0;
  border-bottom:1px solid var(--line,#e5e7eb);
}
.chat-header-info strong{color:var(--ink,#1a1a1a);}
.chat-header-info small{color:var(--ink-dim,#667781); opacity:1;}
.chat-back{
  border:1px solid var(--line,#e5e7eb); background:var(--surface,#fff); color:var(--teal,#0d9488);
  width:36px; height:36px; border-radius:50%;
  font-size:18px; cursor:pointer; flex:none;
}
.chat-header-info{flex:1; min-width:0;}
.chat-header-info strong{display:block; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.chat-header-info small{font-size:11px;}
.chat-refresh{
  border:1px solid var(--line,#e5e7eb); background:var(--surface,#fff); color:var(--teal,#0d9488);
  width:34px; height:34px;
  border-radius:50%; cursor:pointer; font-size:16px; flex:none;
}
.chat-header-wa{
  font-size:11px; font-weight:700; text-decoration:none; color:#fff;
  background:var(--teal,#0d9488); padding:6px 10px; border-radius:999px;
}
.chat-messages{
  flex:1; overflow-y:auto; padding:12px 14px 8px; display:flex; flex-direction:column; gap:6px;
  min-height:0;
}
.chat-bubble{
  max-width:82%; padding:8px 10px 6px; border-radius:8px; font-size:14px; line-height:1.35;
  box-shadow:0 1px 0 rgba(0,0,0,.06); word-wrap:break-word;
}
.chat-bubble.in{align-self:flex-start; background:#fff; border-top-left-radius:2px;}
.chat-bubble.out{align-self:flex-end; background:#d9fdd3; border-top-right-radius:2px;}
.chat-bubble time{display:block; font-size:10px; color:#667781; text-align:right; margin-top:4px;}
.chat-receipt{display:inline-block; margin-left:4px; font-size:11px; letter-spacing:-1px; color:#8c9aa3;}
.chat-receipt-read{color:#53bdeb;}
.chat-footer{
  flex-shrink:0; background:#f0f2f5; border-top:1px solid #e9edef;
  padding-bottom:max(0px, env(safe-area-inset-bottom, 0px));
}
.chat-new-job{
  display:block; width:100%; margin:0; padding:10px 12px 6px;
  border:none; background:transparent; color:#008069;
  font-family:var(--font-display); font-weight:700; font-size:13px;
  text-align:left; cursor:pointer;
}
.chat-new-job-empty{
  margin-top:20px; width:auto; padding:12px 18px; border-radius:999px;
  background:var(--accent); color:var(--accent-ink); text-align:center;
}
.chat-compose{
  display:flex; gap:8px; padding:4px 10px 8px; background:transparent;
}
.chat-compose input{
  flex:1; border:none; border-radius:24px; padding:10px 14px; font-size:14px; font-family:inherit;
}
.chat-compose input:focus{outline:2px solid #d9fdd3;}
.chat-send{
  width:44px; height:44px; border:none; border-radius:50%; background:var(--teal,#0d9488); color:#fff;
  font-size:18px; cursor:pointer; flex:none;
}
.chat-hint{text-align:center; color:#667781; font-size:13px; margin:auto; padding:24px;}

.chat-fmt-toolbar{
  display:flex; gap:5px; padding:2px 10px 4px;
}
.chat-fmt-toolbar button{
  border:none; background:#fff; border-radius:6px; width:28px; height:26px;
  font-size:13px; cursor:pointer; color:#3b4a54; box-shadow:0 1px 1px rgba(0,0,0,.08);
}
.chat-fmt-toolbar button:hover{background:#e9edef;}
.chat-fmt-toolbar button:active{transform:scale(.92);}

.msg-c-red{color:#d0342c;}
.msg-c-green{color:#0a8f3c;}
.msg-c-black{color:inherit;}

.chat-bubble.chat-ctx-open{outline:2px solid rgba(13,148,136,.35); outline-offset:1px;}
.chat-bubble.chat-jump-flash{animation:chatJumpFlash .9s ease;}
@keyframes chatJumpFlash{
  0%{background:#c9f3e6;}
  100%{background:inherit;}
}
.chat-bubble.chat-deleted{opacity:.65; font-style:italic;}
.chat-bubble.chat-deleted em{color:#667781; font-style:italic;}

.chat-reply-quote{
  display:block; margin:0 0 5px; padding:5px 8px; border-radius:6px;
  background:rgba(0,0,0,.05); border-left:3px solid #0d9488; cursor:pointer;
  max-width:100%; overflow:hidden;
}
.chat-bubble.out .chat-reply-quote{background:rgba(0,0,0,.07);}
.chat-reply-quote strong{display:block; font-size:12px; color:#0d9488; margin-bottom:1px;}
.chat-reply-quote span{
  display:block; font-size:12.5px; color:#3b4a54; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.chat-reply-bar{
  display:flex; align-items:center; gap:8px; margin:6px 10px 0; padding:6px 10px;
  background:#fff; border-radius:8px; border-left:3px solid #0d9488;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.chat-reply-bar[hidden]{display:none;}
.chat-reply-bar-body{flex:1; min-width:0;}
.chat-reply-bar-body strong{display:block; font-size:12px; color:#0d9488;}
.chat-reply-bar-body span{
  display:block; font-size:13px; color:#3b4a54; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.chat-reply-bar button{
  flex:none; border:none; background:transparent; color:#667781; font-size:15px;
  cursor:pointer; padding:4px 6px;
}

.chat-ctx-menu{
  position:fixed; z-index:200; min-width:170px; background:#fff; border-radius:10px;
  box-shadow:0 6px 20px rgba(0,0,0,.22); padding:6px; display:flex; flex-direction:column;
}
.chat-ctx-menu[hidden]{display:none;}
.chat-ctx-menu button{
  display:flex; align-items:center; gap:8px; border:none; background:transparent;
  text-align:left; padding:10px 12px; font-size:14px; border-radius:6px; cursor:pointer; color:#111b21;
}
.chat-ctx-menu button:hover{background:#f0f2f5;}
.chat-ctx-menu button[data-act="delete"]{color:#d0342c;}
.chat-ctx-menu button[hidden]{display:none;}

.chat-reacts{
  display:flex; flex-wrap:wrap; gap:4px; margin-top:4px;
}
.chat-reacts[hidden]{display:none;}
.chat-react-pill{
  display:inline-flex; align-items:center; gap:3px; border:1px solid rgba(0,0,0,.08);
  background:#fff; border-radius:12px; padding:1px 7px; font-size:13px; cursor:pointer;
  box-shadow:0 1px 1px rgba(0,0,0,.06); line-height:1.6;
}
.chat-react-pill.mine{border-color:#0d9488; background:#e6f7f4;}
.chat-react-pill span{font-size:11px; color:#667781; font-weight:700;}

.chat-react-pop{
  position:fixed; z-index:200; display:flex; align-items:center; gap:4px;
  background:#fff; border-radius:24px; padding:6px 8px; box-shadow:0 6px 20px rgba(0,0,0,.22);
}
.chat-react-pop[hidden]{display:none;}
.chat-react-pop button{
  border:none; background:transparent; font-size:22px; line-height:1; padding:4px; cursor:pointer;
  border-radius:50%; transition:transform .1s ease;
}
.chat-react-pop button:hover{background:#f0f2f5; transform:scale(1.15);}

.chat-attach-btn{
  flex:none; width:40px; height:40px; border:none; border-radius:50%; background:transparent;
  color:#54656f; font-size:19px; cursor:pointer;
}
.chat-attach-btn:hover{background:#e9edef;}
.chat-attach-btn:active{transform:scale(.92);}

.chat-upload-progress{
  display:flex; align-items:center; gap:8px; margin:0 10px 6px; padding:8px 10px;
  background:#fff; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.chat-upload-progress[hidden]{display:none;}
.chat-upload-progress #chatUploadProgressLabel{font-size:12.5px; color:#3b4a54; flex:none;}
.chat-upload-progress-track{
  flex:1; height:6px; border-radius:999px; background:#e9edef; overflow:hidden;
}
.chat-upload-progress-bar{
  height:100%; width:0%; background:#0d9488; border-radius:999px; transition:width .15s ease;
}
.chat-upload-progress button{
  flex:none; border:none; background:transparent; color:#667781; font-size:15px;
  cursor:pointer; padding:4px 6px;
}

.chat-media-link{display:block; max-width:260px; margin-bottom:2px;}
.chat-media-img{
  display:block; max-width:100%; max-height:320px; border-radius:6px; object-fit:cover;
}
.chat-media-video{
  display:block; max-width:260px; max-height:320px; border-radius:6px; margin-bottom:2px;
}
.chat-bubble.chat-bubble-media{padding:4px 4px 6px;}
.chat-bubble.chat-bubble-media .chat-file-caption{padding:4px 6px 0;}
.chat-bubble.chat-bubble-media time{padding:0 6px;}

.chat-file-card{
  display:flex; align-items:center; gap:12px; min-width:220px; max-width:280px;
  padding:10px 12px; border-radius:8px; background:rgba(0,0,0,.04); text-decoration:none; color:inherit;
}
.chat-file-card:hover{background:rgba(0,0,0,.07);}
.chat-bubble.out .chat-file-card{background:rgba(0,0,0,.06);}
.chat-bubble.out .chat-file-card:hover{background:rgba(0,0,0,.09);}
.chat-file-icon{
  flex:none; width:44px; height:44px; border-radius:8px; background:#fff; color:#3b4a54;
  display:flex; align-items:center; justify-content:center; font-size:19px; overflow:hidden;
}
.chat-file-icon-pdf{
  background:#e53935; color:#fff; font-size:11px; font-weight:800; letter-spacing:.02em;
}
.chat-file-info{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.chat-file-name{
  font-size:14px; font-weight:500; color:#111b21; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  max-width:200px;
}
.chat-file-size{font-size:12.5px; color:#667781; margin-top:2px;}
.chat-file-caption{margin-top:4px; font-size:14px; line-height:1.35;}

.chat-ttl-actions{display:flex; flex-wrap:wrap; gap:8px;}
.chat-ttl-actions .btn{flex:1 1 auto; min-width:70px;}

.img-editor-inner{
  width:100%; max-width:520px; max-height:92vh; background:#111b21; border-radius:16px 16px 0 0;
  display:flex; flex-direction:column; overflow:hidden;
}
@media (min-width:520px){ .img-editor-inner{border-radius:16px;} }

.img-editor-toolbar{
  display:flex; align-items:center; gap:4px; padding:10px 12px; background:#202c33; flex:none;
}
.img-editor-toolbar button{
  border:none; background:transparent; color:#aebac1; width:38px; height:38px; border-radius:50%;
  font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center;
}
.img-editor-toolbar button:hover{background:rgba(255,255,255,.08);}
.img-editor-toolbar button.active{background:#0d9488; color:#fff;}
.img-editor-spacer{flex:1;}

.img-editor-colors{
  display:flex; gap:8px; padding:8px 14px; background:#202c33; flex:none;
}
.img-editor-colors[hidden]{display:none;}
.img-color-dot{
  width:24px; height:24px; border-radius:50%; border:2px solid transparent; padding:0; cursor:pointer;
}
.img-color-dot.active{border-color:#fff; box-shadow:0 0 0 2px rgba(0,0,0,.4);}

.img-editor-canvas-wrap{
  position:relative; flex:1; min-height:0; display:flex; align-items:center; justify-content:center;
  background:#0b141a; overflow:hidden; touch-action:none;
}
.img-editor-canvas-wrap canvas{max-width:100%; max-height:100%; display:block; background:#000;}
.img-editor-canvas-wrap.tool-draw{cursor:crosshair;}
.img-editor-canvas-wrap.tool-crop{cursor:crosshair;}
.img-editor-canvas-wrap.tool-text{cursor:text;}
.img-editor-canvas-wrap.tool-emoji{cursor:pointer;}

.img-editor-crop-rect{
  position:absolute; border:2px dashed #fff; background:rgba(255,255,255,.15); pointer-events:none;
}
.img-editor-crop-rect[hidden]{display:none;}

.img-editor-crop-actions{
  display:flex; gap:10px; padding:10px 14px; background:#202c33; flex:none; justify-content:flex-end;
}
.img-editor-crop-actions[hidden]{display:none;}

.img-editor-caption-row{
  display:flex; gap:8px; padding:10px 12px; background:#202c33; flex:none;
}
.img-editor-caption-row input{
  flex:1; border:none; border-radius:24px; padding:10px 14px; font-size:14px; font-family:inherit;
  background:#2a3942; color:#e9edef;
}
.img-editor-caption-row input::placeholder{color:#8696a0;}
.img-editor-send{
  width:44px; height:44px; border:none; border-radius:50%; background:#0d9488; color:#fff;
  font-size:18px; cursor:pointer; flex:none;
}

.img-editor-emoji-pop{
  position:fixed; z-index:210; display:flex; flex-wrap:wrap; gap:4px; max-width:200px;
  background:#fff; border-radius:14px; padding:8px; box-shadow:0 6px 20px rgba(0,0,0,.3);
}
.img-editor-emoji-pop[hidden]{display:none;}
.img-editor-emoji-pop button{
  border:none; background:transparent; font-size:22px; line-height:1; padding:4px; cursor:pointer;
  border-radius:50%;
}
.img-editor-emoji-pop button:hover{background:#f0f2f5;}

.wa-contact-body{cursor:pointer; flex:1; min-width:0;}
.wa-contact-row.is-chat-active{background:#f0f2f5;}
@media (max-width:760px){
  body.tab-wa-shell .panel-root.panel-wa-mode .wa-layout{
    flex:1; min-height:0; height:100%; max-height:100%; overflow:hidden;
  }
  .wa-layout{
    flex-direction:column;
    flex:1; min-height:0; height:100%; max-height:100%; overflow:hidden;
  }
  .wa-list-pane{
    width:100%; max-width:none; flex:0 0 auto; min-height:0;
    border-right:none;
  }
  .wa-main-pane{
    flex:1 1 0; min-width:0; width:100%; min-height:0;
    display:flex; flex-direction:column; overflow:hidden;
  }
  .wa-section-nav{
    display:none;
    flex:0 0 auto; max-height:none; overflow:hidden;
    padding:6px 0 8px; z-index:4; position:relative;
    background:var(--bg,#f0f2f5);
    border-bottom:1px solid var(--line,#e9edef);
    box-shadow:0 2px 8px -4px rgba(15,23,42,.12);
  }
  body.mobile-sizeait-menu .wa-section-nav{display:block;}
  body.mobile-sizeait-menu .wa-main-pane .panel-view,
  body.mobile-sizeait-menu .wa-jobs-pane,
  body.mobile-sizeait-menu #view-jobs,
  body.mobile-sizeait-menu #view-hafta{display:none !important;}
  .wa-main-pane .tabs.tabs-tile-grid,
  .tabs.tabs-tile-grid{
    display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px; overflow:visible;
    padding:2px 10px 6px; margin:0;
    max-width:none;
  }
  .wa-main-pane .tabs.tabs-tile-grid .tab.tab-tile,
  .tabs.tabs-tile-grid .tab.tab-tile,
  .tab.tab-tile{
    width:auto; min-width:0; max-width:none;
    min-height:90px; max-height:none;
    padding:10px 8px 12px; gap:5px;
    overflow:hidden;
    contain:paint;
  }
  #tabs[data-active-tab="havuz"] .tab[data-tab="havuz"],
  #tabs[data-active-tab="aldigim"] .tab[data-tab="aldigim"],
  #tabs[data-active-tab="benim"] .tab[data-tab="benim"],
  #tabs[data-active-tab="alici"] .tab[data-tab="alici"],
  #tabs[data-active-tab="teslim"] .tab[data-tab="teslim"],
  #tabs[data-active-tab="hafta"] .tab[data-tab="hafta"]{
    transform:none;
    box-shadow:0 6px 16px -8px rgba(15,23,42,.5), 0 0 0 2px rgba(255,255,255,.92);
  }
  .tab.tab-tile .tab-label{font-size:15px; line-height:1.15;}
  .tab-tile-hint{font-size:12px; line-height:1.15; opacity:.95;}
  .tab-tile-icon{font-size:30px;}
  .tab.tab-tile .cnt{top:6px; right:6px; font-size:10px; padding:2px 5px;}
  .wa-main-pane .wa-jobs-pane,
  .wa-main-pane #view-jobs{
    flex:1 1 0; min-height:0; overflow-y:auto; overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .wa-layout.main-jobs .wa-main-pane{
    display:flex !important;
    flex:1 1 0;
    min-height:0;
    order:1;
  }
  .wa-mobile-bar{display:flex; flex:none; z-index:5; gap:8px; padding:8px 10px 6px;}
  .wa-mobile-list-head{
    display:flex; align-items:center; gap:10px;
    padding:8px 10px; border-bottom:1px solid #e9edef; flex:none;
    background:#f0f2f5;
  }
  .wa-mobile-back{
    border:none; background:transparent; color:var(--teal); font-size:20px;
    width:40px; height:40px; border-radius:50%; cursor:pointer;
  }
  .wa-mobile-list-title{font-weight:800; font-size:16px;}
  .wa-layout.main-jobs .wa-list-pane{
    display:none !important;
  }
  /* Not: seçici burada bilerek ".wa-layout" ile üç sınıfa çıkarılıyor —
     yoksa yukarıdaki ".wa-layout.main-jobs .wa-list-pane{display:none!important}"
     kuralı daha fazla sınıf içerdiği için (3 > 2) her zaman kazanıyordu ve
     "Kişiler" butonu hiçbir zaman listeyi açamıyordu. */
  body.mobile-contacts-open .wa-layout .wa-list-pane{
    display:flex !important;
    position:absolute; inset:0; z-index:40;
    max-height:none; min-height:0; flex:1;
    width:100%; order:unset;
    background:#fff;
  }
  body.mobile-contacts-open .wa-layout{position:relative; flex:1; min-height:0;}
  .wa-layout.main-jobs .wa-search-wrap{display:flex;}
  /* Sohbet açık: WhatsApp gibi tam ekran — kutular + kişi listesi gizli */
  .wa-layout.chat-open .wa-list-pane{display:none !important;}
  .wa-layout.chat-open .wa-section-nav{display:none !important;}
  .wa-layout.chat-open .wa-main-pane{
    display:flex !important; flex:1; min-height:0; overflow:hidden; order:1;
  }
  .wa-layout.chat-open .wa-jobs-pane{display:none !important;}
  .wa-layout.chat-open .wa-chat-pane{
    flex:1; min-height:0; height:100%; overflow:hidden; display:flex !important;
  }
  .wa-layout.chat-open #view-chat[hidden]{display:none !important;}
  .wa-layout.chat-open #view-chat:not([hidden]){display:flex !important;}
  .wa-layout.chat-open .chat-active{
    flex:1; min-height:0; height:100%; overflow:hidden;
  }
  .wa-layout.chat-open .chat-messages{min-height:0;}
  .wa-layout.chat-open .chat-header{display:flex;}
  body.wa-chat-open .fab{display:none !important;}
  body.wa-chat-open .wa-mobile-bar{display:none !important;}
  .topbar{padding:10px 12px 0;}
  .util-row{gap:6px; margin-top:8px;}
  .speed-btn{font-size:11.5px; padding:7px 10px;}
  .city-picker,.district-picker{font-size:11.5px;}
  .persona-strip{font-size:11.5px; margin-top:8px;}
  .tabs{margin-top:0;}
  .tab:not(.tab-tile){padding:8px 10px; font-size:12.5px;}
  .wa-jobs-pane.havuz-tile-mode{padding-top:6px;}
  .havuz-pool-hint{
    position:sticky; top:0; z-index:2;
    margin:0 0 8px; padding:6px 10px;
    background:var(--surface,#fff); border-radius:10px;
    border:1px solid var(--line); font-size:12px; font-weight:600;
  }
}
@media (min-width:761px){
  .chat-back{display:none;}
  .wa-layout.chat-open .wa-jobs-pane{display:none !important;}
  .wa-layout.chat-open .wa-chat-pane{flex:1; min-height:0;}
  .wa-mobile-bar,.wa-mobile-list-head{display:none !important;}
}
.panel-view[hidden]{display:none !important;}
.panel-view{display:flex; flex-direction:column; gap:12px; width:100%;}
.wa-jobs-pane{
  flex:1; min-height:0; overflow-y:auto; overflow-x:hidden;
  scroll-behavior:smooth; -webkit-overflow-scrolling:touch;
}
.job-feed{display:flex; flex-direction:column; gap:10px; min-height:min-content;}
.job-feed-head{position:sticky; top:0; z-index:2; margin-bottom:2px;}
.job-feed-list{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  width:100%; max-width:none; margin:0 auto;
}
/* İş kartı: masaüstünde %80; mobilde ~%15 daha geniş (%92) */
.wa-jobs-pane .job-feed-head,
.wa-jobs-pane .job-feed-list > .job,
.wa-jobs-pane .job-feed > .job-feed-list > .job,
.wa-jobs-pane > .job-feed-list > .job,
.wa-jobs-pane > .empty{
  width:min(520px, calc((100vw - 32px) * 0.92));
  max-width:min(520px, calc((100vw - 32px) * 0.92));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
@media (max-width:760px){
  .wa-jobs-pane{padding-left:8px; padding-right:8px;}
  .wa-jobs-pane .job-feed-head,
  .wa-jobs-pane .job-feed-list > .job,
  .wa-jobs-pane .job-feed > .job-feed-list > .job,
  .wa-jobs-pane > .job-feed-list > .job,
  .wa-jobs-pane > .empty,
  .wa-jobs-pane.havuz-tile-mode .tile-vitrin-grid > .job,
  .wa-jobs-pane.havuz-tile-mode .tile-vitrin-empty-shell{
    width:min(520px, calc((100vw - 16px) * 0.96));
    max-width:min(520px, calc((100vw - 16px) * 0.96));
  }
  .tile-vitrin-grid{grid-template-columns:1fr !important; gap:10px;}
  .sender-vitrin-feed .sender-vitrin-list.tile-vitrin-grid{
    display:flex !important; flex-direction:column !important; gap:10px;
  }
  .sender-vitrin-feed .sender-vitrin-list.tile-vitrin-grid .job.vitrin-tile{
    width:100%; max-width:none; flex:none;
  }
  .job.vitrin-tile{animation:none; transform:none !important;}
  .wa-jobs-pane.havuz-tile-mode{padding-bottom:80px;}
}
@keyframes jobDropIn{
  from{opacity:0; transform:translateY(-18px) scale(.98);}
  to{opacity:1; transform:translateY(0) scale(1);}
}
.job.job-enter{animation:jobDropIn .4s cubic-bezier(.2,.8,.2,1);}
.havuz-pool-hint{
  margin:0 0 10px; font-size:12px; line-height:1.45; color:var(--ink-dim);
}
.sender-vitrin-stale-open{
  margin:8px 0 0; padding:6px 8px; border-radius:8px; font-size:12px; font-weight:600;
  background:#fff7ed; border:1px solid #fdba74; color:#9a3412;
}
.havuz-live-banner{
  margin:0 0 10px; padding:10px 14px; border-radius:10px;
  background:linear-gradient(90deg,#fff7ed,#ecfdf5); border:1px solid #fdba74;
  font-size:14px; font-weight:700; color:#9a3412; text-align:center;
  animation:havuzLiveIn .35s ease-out;
}
@keyframes havuzLiveIn{from{opacity:0; transform:translateY(-6px);}to{opacity:1; transform:none;}}
#tabs .tab.tab-havuz-live{animation:tabHavuzPulse 1s ease-in-out 2;}
@keyframes tabHavuzPulse{0%,100%{box-shadow:none;}50%{box-shadow:inset 0 -3px 0 #ea580c;}}
.job-dest-box{min-height:44px; justify-content:center;}
.empty{text-align:center; padding:38px 16px; color:var(--ink-dim); font-size:13.5px; border:1px dashed var(--line); border-radius:var(--radius); background:var(--surface-2);}
.empty b{display:block; font-family:var(--font-display); font-size:16px; color:var(--ink); margin-bottom:4px; font-weight:700;}

.hint{font-size:11.5px; color:var(--ink-dim); line-height:1.5; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}

.job{display:flex; background:var(--surface); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); overflow:hidden;}
.job.job-compact{
  border-radius:12px;
  box-shadow:0 1px 6px rgba(15,23,42,.07);
}
.job.job-compact .job-body{padding:10px 12px 12px;}
.job.job-compact .job-top-compact{margin-bottom:6px;}
.job.job-compact .job-route-three-boxes{margin:0;}
.job.job-compact .jrb-box{padding:8px 6px;}
.job.job-compact .jrl-val{font-size:14px;}
.job.job-compact .job-foot-compact{
  margin-top:8px; padding-top:8px; border-top:1px dashed var(--line);
}
.job.job-compact .job-who{font-size:11.5px;}
.job-compact-expand-zone{
  cursor:pointer; border-radius:10px; margin:0 -4px; padding:2px 4px 4px;
  transition:background .12s;
}
.job-compact-expand-zone:hover,.job-compact-expand-zone:focus{
  background:#f8fafc; outline:none;
}
.job-compact-hint{
  display:block; text-align:center; font-size:10px; font-weight:600;
  color:var(--ink-dim); margin-top:6px; letter-spacing:.02em;
}
.overlay-job-expand{align-items:flex-end; padding:12px;}
@media (min-width:520px){
  .overlay-job-expand{align-items:center; padding:24px;}
}
.job-expand-sheet{
  width:min(520px, 100%); max-height:min(92vh, 880px);
  display:flex; flex-direction:column; padding:0; overflow:hidden;
}
.job-expand-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 14px; border-bottom:1px solid var(--line); flex-shrink:0;
}
.job-expand-head h3{margin:0; font-size:16px;}
.job-expand-inner{
  overflow-y:auto; padding:10px 12px 16px; -webkit-overflow-scrolling:touch;
}
.job-expanded-in-sheet{
  border:none; box-shadow:none; border-radius:12px;
}
.job-expanded-in-sheet .job-body{padding:8px 4px 4px;}
.job.job-claimed{border-color:#86efac; box-shadow:0 4px 18px -8px rgba(46,139,87,.35); background:linear-gradient(180deg, #f0fdf4 0%, var(--surface) 48%);}
.job.job-claimed .job-body{border-left:4px solid var(--good);}
.fcfs-badge.fcfs-badge-good{background:var(--good-soft); color:var(--good); border:1px solid #bbf7d0;}
.btn.btn-kurye-aldi{background:#166534; border-color:#166534; color:#fff;}
.btn.btn-kurye-aldi:hover{filter:brightness(1.06);}
.job-body{flex:1; min-width:0; padding:14px 16px; display:flex; flex-direction:column; gap:12px; position:relative;}
.job-card-close{
  position:absolute; top:8px; right:8px; z-index:4;
  width:30px; height:30px; border-radius:50%;
  border:1px solid var(--line); background:var(--surface);
  color:var(--ink-dim); font-size:16px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 1px 4px rgba(10,12,10,.08);
}
.job-card-close:hover{background:var(--bad-soft); color:var(--bad); border-color:var(--bad-soft);}
.job-top.job-top-has-close .badge-stack{padding-right:52px;}
.talip-lost-banner{
  position:fixed; top:12px; left:50%; transform:translateX(-50%); z-index:9999;
  max-width:min(520px, calc(100vw - 24px)); padding:12px 40px 12px 16px;
  border-radius:12px; border:2px solid #dc2626;
  background:linear-gradient(180deg, #fef2f2, #fee2e2);
  color:#7f1d1d; font-size:13px; font-weight:600; line-height:1.45;
  box-shadow:0 8px 28px rgba(220,38,38,.35);
  text-align:center;
}
.talip-lost-banner strong{color:#991b1b;}
.talip-lost-banner b{color:#b91c1c;}
.talip-lost-banner-x{
  position:absolute; top:8px; right:8px; width:28px; height:28px;
  border:none; border-radius:50%; background:#fecaca; color:#991b1b;
  cursor:pointer; font-size:14px; line-height:1;
}
.job.job-courier-large{
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:var(--surface);
}
.job.job-courier-large.job-claimed,
.job.job-courier-large.job-transit{
  border-color:var(--line);
  box-shadow:var(--shadow);
  background:var(--surface);
}
.job.job-courier-large .job-body{border-left:none;}
.job-private-photo{
  margin:0; padding:10px 12px; border-radius:12px;
  background:#f8fafc; border:1px dashed var(--line);
}
.job-private-photo-lbl{
  display:block; font-size:10px; font-weight:800; letter-spacing:.05em;
  text-transform:uppercase; color:var(--ink-dim); margin-bottom:8px;
}
.job-private-photo-grid{
  display:flex; flex-wrap:wrap; gap:8px;
}
.job-private-photo-thumb{
  display:block; flex:0 0 auto; padding:0; border:none; background:transparent;
  cursor:pointer; border-radius:10px;
}
.job-private-photo-thumb img{
  width:72px; height:72px; object-fit:cover; border-radius:10px; display:block;
  border:1px solid var(--line); pointer-events:none;
}
.job-private-photo-thumb:hover img{opacity:.92; box-shadow:0 2px 8px rgba(0,0,0,.12);}
.overlay-private-photo{
  z-index:1200; background:rgba(0,0,0,.88); display:flex; align-items:center; justify-content:center;
  padding:48px 56px 24px 24px; box-sizing:border-box;
}
.private-photo-close{
  position:fixed; top:16px; right:16px; z-index:1201;
  width:44px; height:44px; border-radius:50%; border:none;
  background:rgba(255,255,255,.92); color:#111; font-size:28px; line-height:1;
  cursor:pointer; box-shadow:0 2px 12px rgba(0,0,0,.35);
}
.private-photo-close:hover{background:#fff;}
.private-photo-stage{max-width:min(960px, 100%); max-height:100%;}
.private-photo-stage img{
  max-width:100%; max-height:min(88vh, 900px); width:auto; height:auto;
  object-fit:contain; border-radius:8px; display:block;
}
.job-private-photo img{
  max-width:100%; max-height:200px; border-radius:10px; display:block;
  border:1px solid var(--line);
}
.job-private-upload{cursor:pointer; margin:0;}
.job-private-upload input{display:none;}
/* Havuz: kurye alınmış işler — tek satır mini kart */
.job.job-pool-taken-mini{
  margin:0 0 4px;
  padding:0;
  border:1px solid #e8ecf0;
  border-radius:8px;
  background:#f6f7f8;
  box-shadow:none;
  opacity:.72;
}
.job-pool-mini-row{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px;
  padding:5px 10px; font-size:11px; line-height:1.25; color:#64748b;
}
.job-pool-mini-code{
  font-weight:800; font-size:10.5px; letter-spacing:.02em; color:#475569;
  font-family:var(--font-mono, ui-monospace, monospace);
}
.job-pool-mini-route{
  flex:1; min-width:0; font-weight:600; color:#64748b;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.job-pool-mini-arr{margin:0 4px; opacity:.55;}
.job-pool-mini-st{
  font-size:10px; font-weight:700; text-transform:uppercase;
  color:#94a3b8; letter-spacing:.04em;
}
.job-pool-mini-badge{
  font-size:9.5px; font-weight:800; text-transform:uppercase;
  letter-spacing:.05em; color:#b91c1c;
  padding:2px 6px; border-radius:4px;
  background:rgba(254,226,226,.65); border:1px solid #fecaca;
}
.job-pool-mini-time{font-size:10px; color:#94a3b8; white-space:nowrap;}
.job-pool-mini-tag{
  font-size:9px; font-weight:800; text-transform:uppercase;
  padding:2px 5px; border-radius:4px; background:#e0f2fe; color:#0369a1;
}
.job-pool-mini-tag.mine{background:#ffedd5; color:#c2410c;}
.job-pool-mini-tag.courier{background:#dbeafe; color:#1d4ed8;}
.job-havuz-privacy-hint{
  font-size:10px; font-weight:600; color:var(--ink-dim); text-align:center; margin:6px 0 0;
}
.fcfs-badge.dispute-open{
  background:#fef3c7; color:#92400e; border:1px solid #fcd34d; font-size:11px;
}
@media (max-width:480px){
  .job-pool-mini-row{gap:4px 6px; padding:4px 8px;}
  .job-pool-mini-route{flex-basis:100%; order:3;}
}
.fcfs-badge.pool-taken-hint{background:#f8fafc; color:#64748b; border:1px solid #e2e8f0; font-size:11px;}
.job.job-talip-lost{
  position:relative;
  opacity:.52;
  filter:saturate(.75);
  border-color:#cbd5e1;
  box-shadow:none;
}
.job-talip-lost-ribbon{
  position:absolute; inset:0; z-index:8;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
}
.job-talip-lost-ribbon span{
  transform:rotate(-14deg);
  background:linear-gradient(180deg, rgba(185,28,28,.92), rgba(127,29,29,.95));
  color:#fff;
  padding:12px 32px;
  font-family:var(--font-display, inherit);
  font-weight:800;
  font-size:clamp(14px, 3.8vw, 18px);
  letter-spacing:.06em;
  text-transform:uppercase;
  border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,.28);
  border:2px solid rgba(255,255,255,.35);
}
.job-talip-lost .job-body{position:relative; z-index:1;}
.job-talip-lost .job-foot{position:relative; z-index:9; pointer-events:auto; opacity:1; filter:none;}
.fcfs-badge.talip-lost-hint{background:#fef2f2; color:#991b1b; border:1px solid #fecaca;}
.job-has-talip-alert{
  border-color:#eab308;
  box-shadow:0 4px 20px -6px rgba(234,179,8,.5);
  background:linear-gradient(180deg, #fefce8 0%, #fef9c3 28%, var(--surface) 52%);
}
.job-my-talip{
  border-color:#93c5fd;
  box-shadow:0 4px 16px -8px rgba(59,130,246,.35);
  background:linear-gradient(180deg, #eff6ff 0%, var(--surface) 40%);
}
.job-talip-alarm{
  position:relative;
  display:inline-flex; align-items:center; gap:5px;
  padding:7px 11px 7px 9px; border-radius:999px; cursor:pointer;
  border:1px solid #ca8a04;
  background:linear-gradient(180deg, #fef08a 0%, #fde047 55%, #facc15 100%);
  color:#713f12; font-family:inherit; font-size:11px; font-weight:800;
  box-shadow:0 2px 12px rgba(234,179,8,.45);
  animation:talipAlarmPulse 2s ease-in-out infinite;
  flex:0 1 auto; max-width:100%;
}
.job-talip-alarm-inline{align-self:flex-start; margin-bottom:2px;}
.badge-stack .job-talip-alarm-inline{order:-1; flex:1 1 100%; justify-content:center;}
.job-talip-alarm:hover{filter:brightness(1.03);}
.job-talip-alarm-ring{
  position:absolute; inset:-3px; border-radius:999px; border:2px solid rgba(250,204,21,.65);
  animation:talipAlarmRing 2s ease-out infinite; pointer-events:none;
}
.job-talip-alarm-icon{font-size:14px; line-height:1;}
.job-talip-alarm-txt{letter-spacing:.02em; white-space:nowrap;}
.job-talip-alarm-num{font-size:12px; color:#854d0e;}
@keyframes talipAlarmPulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.03);}
}
@keyframes talipAlarmRing{
  0%{opacity:.85; transform:scale(1);}
  100%{opacity:0; transform:scale(1.35);}
}
.badge.talip-mine-head{background:#dbeafe; color:#1d4ed8; border:1px solid #93c5fd;}
.pickup-detail-talip.is-mine-talip{background:#166534; border-color:#14532d; color:#fff;}
.tab.tab-talip-pulse .tab-label::after{
  content:" 🔔"; font-size:12px;
  animation:tabTalipBlink 1.4s ease-in-out infinite;
}
@keyframes tabTalipBlink{
  0%,100%{opacity:1;}
  50%{opacity:.35;}
}
.fcfs-badge.talip-var-badge{
  background:linear-gradient(180deg, #fef08a, #fde047);
  color:#713f12; border:1px solid #ca8a04;
  animation:talipAlarmPulse 2.4s ease-in-out infinite;
}
@media (max-width:760px){
  .job-talip-alarm{padding:6px 9px;}
  .job-talip-alarm-txt{font-size:10px;}
}
.job-top{display:flex; flex-direction:column; gap:8px;}
.job-top-row{display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}
.job-head-left{min-width:0;}
.job-code-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:4px;}
.job-code{font-family:var(--font-mono); font-size:13px; font-weight:700; color:var(--ink);}
.job-sender-mini{font-size:12px; color:var(--ink-dim); line-height:1.35;}
.job-sender-mini b{color:var(--ink); font-weight:600;}
.job-sender-area{font-weight:600; color:var(--info);}
.job-pickup-public{display:flex; flex-direction:column; gap:2px; align-items:flex-start;}
.job-pickup-lbl{
  font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--info);
}
.job-pickup-note{font-size:10px; color:var(--ink-dim); font-weight:500;}
.job-pickup-spot-hit{
  display:inline; border:none; background:none; padding:0; margin:0; cursor:pointer;
  font:inherit; color:inherit; text-align:left;
}
.job-pickup-spot-hit b{color:var(--info); text-decoration:underline; text-underline-offset:2px;}
.job-pickup-spot-hit:hover b{color:#0e7490;}
.job-pickup-open{font-size:11px; font-weight:700; color:var(--info);}
.jrb-pickup-hit{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px;
  border:none; background:none; padding:0; margin:0; cursor:pointer; text-align:left; font:inherit;
}
.jrb-pickup-hit .jrl-val{color:var(--info); text-decoration:underline; text-underline-offset:3px;}
.jrb-pickup-hit:hover .jrl-val{color:#0e7490;}
.jrb-deliver-hit .jrl-val{color:#7c3aed;}
.jrb-deliver-hit:hover .jrl-val{color:#6d28d9;}
.job-sender-recipient{
  margin:8px 0 0; padding:8px 10px; border-radius:10px; background:#fff;
  border:1px solid var(--line, #e2e8f0); font-size:12px; line-height:1.45; text-align:left;
}
.job-sender-recipient .jsr-lbl{
  display:block; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink-dim); margin-bottom:4px;
}
.job-sender-recipient .jsr-who{font-weight:700; color:var(--ink); display:block;}
.job-sender-recipient .jsr-tel{display:inline-block; margin-top:2px; font-weight:600;}
.job-sender-recipient .jsr-addr{display:block; margin-top:4px; color:var(--ink-dim);}
.job-dest-sender .job-dest-private-hint{color:var(--ink-dim);}
.jrb-pickup-hint{font-size:10px; font-weight:700; color:var(--ink-dim); letter-spacing:.02em;}
.pickup-detail-sheet{text-align:left;}
.pickup-detail-lead{margin:0 0 8px; font-size:15px; font-weight:700; color:var(--ink);}
.pickup-detail-addr{margin:0 0 12px; font-size:14px; line-height:1.45; color:var(--ink); white-space:pre-wrap;}
.pickup-detail-note{
  margin:0 0 12px; padding:10px 12px; border-radius:10px;
  background:var(--surface-2); border:1px solid var(--line);
  font-size:13px; line-height:1.5; color:var(--ink); white-space:pre-wrap;
}
.pickup-detail-maps{text-decoration:none; display:inline-flex; align-items:center; justify-content:center;}
.pickup-detail-actions{flex-wrap:wrap; gap:8px; justify-content:center;}
.pickup-detail-talip{
  background:linear-gradient(180deg, #166534 0%, #14532d 100%);
  border:none; color:#fff; font-weight:800; font-family:var(--font-display);
  box-shadow:0 4px 12px rgba(20,83,45,.35);
}
.pickup-detail-talip:hover{filter:brightness(1.06);}
.pickup-detail-talip.is-withdraw{
  background:var(--surface); color:var(--ink); border:1px solid var(--line);
  box-shadow:none; font-weight:600;
}
.job-pickup-spot{
  margin:8px 0 0; padding:8px 10px; font-size:13px; line-height:1.4; font-weight:600;
  background:#e8f8f4; border-radius:8px; color:var(--ink);
}

.job-route-three-boxes{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1fr);
  gap:8px; align-items:stretch; width:100%;
}
.job-route-three-boxes.late .jrb-box-target{background:var(--bad-soft); border-color:rgba(220,38,38,.25); color:var(--bad);}
.job-route-three-boxes.late .jrb-sub{color:var(--bad);}
.jrb-box{
  display:flex; flex-direction:column; gap:4px; min-width:0; min-height:76px;
  padding:10px 8px; border-radius:12px; text-align:center; justify-content:center; align-items:center;
  background:var(--info-soft); border:1px solid rgba(14,116,144,.18); color:var(--info);
}
.jrb-box-hit{
  cursor:pointer; font:inherit; width:100%;
  transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.jrb-box-hit:hover{
  border-color:rgba(14,116,144,.45);
  box-shadow:0 2px 8px rgba(14,116,144,.12);
}
.jrb-box-hit:active{transform:scale(.99);}
.jrb-box-deliver .jrl-val{color:var(--ink);}
.jrb-box .jrl-lbl{
  font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em;
  line-height:1.25; opacity:1;
}
.jrb-box .jrl-val{
  font-size:16px; font-weight:800; color:var(--ink); line-height:1.15;
  text-decoration:none;
}
.jrb-box-hint{
  font-size:9px; font-weight:600; color:var(--ink-dim); line-height:1.25;
  margin-top:2px; max-width:100%;
}
.jrb-box-to-info .jrl-val{text-decoration:none;}
.jrb-box-schedule .jrb-deliver-date{display:block;}
.deliver-schedule-end{font-weight:700; color:var(--ink);}
.acc-work-hint{margin:-4px 0 12px; font-size:11.5px; color:var(--ink-dim); line-height:1.4;}
.jrb-box-target .jrb-at{font-size:12px; font-weight:700; color:var(--ink); line-height:1.2;}
.jrb-box .jrb-deliver-date{
  display:flex; flex-direction:column; align-items:center; gap:2px;
  font-size:17px; font-weight:800; color:var(--ink); line-height:1.2;
  letter-spacing:.01em;
}
.jrb-deliver-date-main{display:block;}
.jrb-deliver-weekday{
  display:block; font-size:11px; font-weight:700; color:var(--info);
  letter-spacing:.02em; line-height:1.15;
}
.job-timer .ti-at-day{display:flex; flex-direction:column; align-items:flex-start; gap:1px;}
.job-timer .ti-at-day .jrb-deliver-date-main{font-size:14px;}
.job-timer .ti-at-day .jrb-deliver-weekday{font-size:11px;}
.job-deadline-preview .jdp-at{display:flex; flex-direction:column; align-items:flex-end; gap:2px;}
.job-deadline-preview .jdp-at .jrb-deliver-date-main{font-size:15px; font-weight:700;}
.job-deadline-preview .jdp-at .jrb-deliver-weekday{font-size:12px; color:var(--info);}
.jrb-box .jrb-sub{font-size:10px; font-weight:600; line-height:1.2; opacity:.95;}
.jrb-box .jrb-sub.muted{font-family:var(--font-display, inherit);}
.job-route-three-courier{align-items:stretch;}
.job-route-three-courier .jrb-box-to{align-self:stretch;}
.job-route-three-boxes.job-route-two-boxes{grid-template-columns:1fr 1fr;}
.job-route-two-boxes .jrb-box{min-height:0; padding:9px 8px;}
.job-route-two-boxes .jrl-val{font-size:14px;}
.job-route-two-boxes .jrb-deliver-date{font-size:14px;}
.jrb-talip-wrap{
  width:100%; margin-top:6px; display:flex; flex-direction:column; align-items:center; gap:3px;
}
.job-talip-toggle.job-talip-under-dest{
  width:56mm; max-width:100%;
  padding:7px 8px; font-size:10px; border-radius:7px; line-height:1.15;
  letter-spacing:.02em;
  box-shadow:0 3px 8px rgba(20,83,45,.35);
}
.job-talip-toggle.job-talip-under-dest.is-active{
  box-shadow:0 3px 8px rgba(21,128,61,.4);
}
.job-talip-withdraw-inline{font-size:10px; padding:2px 6px; line-height:1.2;}
.job-havuz-gelen-row{
  display:flex; flex-direction:row; align-items:center; gap:10px; flex-wrap:wrap;
  padding:8px 0 4px; margin-top:2px; border-top:1px dashed var(--line);
}
.job-havuz-gelen-row .job-gelen-kurye-box{flex:0 0 auto; width:auto; max-width:min(240px, 48vw);}
.job-havuz-gelen-row-solo .job-gelen-kurye-box{flex:1 1 auto; width:100%; max-width:none;}
.job-havuz-gelen-row .job-gelen-kurye{
  width:auto; padding:10px 12px; border-radius:11px; font-size:12px; line-height:1.2;
  letter-spacing:.02em; white-space:normal;
}
.job-who-gelen{
  flex:1 1 140px; min-width:0; font-size:12px; color:var(--ink-dim); line-height:1.35;
  align-self:center;
}
.job-havuz-gelen-row .job-talip-count{flex:1 1 100%; margin:0; text-align:left;}
.job-havuz-talip-slot{flex:0 0 auto; margin-left:0; align-self:center;}
.job-havuz-gelen-row .jrb-talip-wrap{margin-top:0; gap:2px;}
.job-havuz-gelen-row .job-talip-toggle.job-talip-under-dest{width:auto; min-width:88px; padding:9px 14px; font-size:12px;}
.job-havuz-gelen-row .job-talip-withdraw-inline{font-size:9px; padding:2px 5px;}
.job-timer.job-timer-head{width:100%; min-height:56px;}
@media (max-width:760px){
  .job-route-three-boxes{gap:6px;}
}
@media (max-width:520px){
  .job-route-three-boxes{
    grid-template-columns:1fr;
    gap:8px;
  }
  .jrb-box{min-height:0; padding:10px;}
  .jrb-box .jrl-val{font-size:15px; word-break:break-word; hyphens:auto;}
  .jrb-box-target .jrb-at{font-size:11px;}
  .jrb-box .jrb-deliver-date{font-size:15px; font-weight:800;}
  .job-route-three-boxes.job-route-two-boxes{grid-template-columns:1fr 1fr; gap:6px;}
  .job-route-two-boxes .jrb-box{padding:8px 6px;}
  .job-route-two-boxes .jrl-val{font-size:13px;}
  .job-route-two-boxes .jrb-deliver-date{font-size:13px; word-break:break-word; hyphens:auto;}
  .job-route-two-boxes .jrb-deliver-weekday{font-size:10px;}
  .job-route-two-boxes .jrb-sub{font-size:9px;}
  .job-top-row{flex-wrap:wrap;}
  .job-head-left{flex:1 1 100%; min-width:0;}
  .job-code-row{flex-wrap:wrap;}
  .job-code{word-break:break-all; overflow-wrap:anywhere;}
  .badge-stack{flex:1 1 100%; justify-content:flex-start; margin-left:0; padding-right:0;}
  .job-head-stat.jhs-kg,
  .job-head-stat.jhs-fee{padding:5px 9px; font-size:13px;}
}
body.tab-benim .wa-jobs-pane{padding-bottom:148px;}
.job-dest-private-hint{margin:0; font-size:11.5px; color:var(--ink-dim); text-align:center; line-height:1.4;}
.pay-chip-fee{font-size:14px; font-weight:800;}

.job-courier-stats{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
.job-courier-stats .jcs-item{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  background:var(--surface); border:1px solid var(--line); border-radius:12px;
  padding:12px 10px; min-height:72px; text-align:center;
}
.job-courier-stats .jcs-lbl{
  font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-dim);
}
.job-courier-stats .jcs-val{
  font-family:var(--font-mono); font-size:28px; font-weight:800; line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.job-courier-stats .jcs-inline{
  display:flex; flex-direction:row; align-items:baseline; justify-content:center; gap:8px; flex-wrap:wrap;
}
.job-courier-stats .jcs-item .jcs-lbl{
  text-transform:none; font-size:14px; font-weight:700; letter-spacing:0; color:var(--ink-dim);
}
.job-courier-stats .jcs-kg .jcs-val{color:var(--ink);}
.job-courier-stats .jcs-fee .jcs-val{color:var(--good);}
.job-courier-stats .jcs-hint{font-size:10px; color:var(--ink-dim); line-height:1.25; max-width:100%;}
@media (max-width:520px){
  .job-courier-stats .jcs-val{font-size:24px;}
}

.job-dest{
  padding:12px; border-radius:12px; background:var(--surface-2, #f6f7f9);
  border:1px solid var(--line); display:flex; flex-direction:column; gap:10px;
}
.job-dest-names{gap:8px;}
.job-dest-box{
  background:var(--surface); border:1px solid var(--line); border-radius:10px;
  padding:8px 10px; min-height:52px; display:flex; flex-direction:column; gap:4px; min-width:0;
}
.job-dest-box .jd-ph{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-dim);}
.job-dest-box .jd-val{font-size:14px; font-weight:600; line-height:1.3; word-break:break-word;}
.job-dest-addr{font-size:13px; line-height:1.45; color:var(--ink); padding:0 2px;}
.job-dest-meta{font-size:12.5px; color:var(--ink-dim);}
.job-link-maps,.job-link-tel{color:var(--info); font-weight:600; text-decoration:none;}
.job-link-maps:hover,.job-link-tel:hover{text-decoration:underline;}

.job-pkg{
  align-self:flex-start; font-size:12px; font-weight:600; color:var(--ink-dim);
  background:var(--surface-2); padding:5px 10px; border-radius:8px;
}
.job-foot{display:flex; flex-direction:column; gap:8px; padding-top:2px; border-top:1px dashed var(--line);}
.job-note{font-size:13.5px; color:var(--ink-dim); line-height:1.4;}
.badge{font-family:var(--font-mono); font-size:11px; font-weight:600; padding:4px 9px; border-radius:100px; white-space:nowrap; flex:none;}
.badge.open{background:var(--info-soft); color:var(--info);}
.badge.claimed{background:var(--good-soft); color:var(--good);}
.badge.transit{background:var(--warn-soft); color:var(--warn);}
.badge.done{background:var(--good-soft); color:var(--good);}
.badge.late{background:var(--bad-soft); color:var(--bad);}
.badge.express{background:var(--accent); color:var(--accent-ink);}
.badge-stack{
  display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-end;
  gap:6px; flex:none; max-width:100%; margin-left:auto; padding-right:4px;
}
.job-top.job-top-has-close .job-top-row{align-items:flex-start;}
.job-head-stat{
  display:inline-flex; align-items:center; justify-content:center;
  padding:5px 9px; border-radius:9px; font-size:12px; font-weight:800; line-height:1;
  border:1px solid var(--line); background:var(--surface-2); white-space:nowrap;
}
.job-head-stat.jhs-kg,
.job-head-stat.jhs-fee{
  padding:8px 13px; border-radius:11px; font-size:15px; font-weight:800; letter-spacing:.01em;
}
.job-head-stat.jhs-kg{color:var(--ink); background:#f4f4f5;}
.job-head-stat.jhs-fee{color:#15803d; background:#ecfdf5; border-color:#86efac;}
.badge-stack .badge.open{padding:5px 9px; font-size:12px; font-weight:800; border-radius:9px;}
.job-body{padding:12px 14px; gap:10px;}
.job-meta{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.job-who{font-size:12px; color:var(--ink-dim);}
.job-who b{color:var(--ink); font-weight:600;}
.job-actions{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.fcfs-badge{display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:600; color:var(--ink-dim); background:var(--surface-2); padding:7px 11px; border-radius:9px;}
.fcfs-badge.talip-var-badge{cursor:pointer; font-family:inherit;}
.fcfs-badge.talip-var-badge:hover{filter:brightness(.98);}
.job-talip-withdraw{align-self:center; margin-top:-2px;}
.my-talip-job-meta{display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; text-align:left;}
.my-talip-job-sub{font-size:11.5px; font-weight:600; color:var(--ink-dim);}
.job-talip-list{
  margin:10px 0 4px; padding:10px 12px; background:#f8fafc; border:1px solid var(--line); border-radius:12px;
}
.job-talip-title{font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-dim); margin-bottom:8px;}
.job-talip-row{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:6px 0; border-top:1px dashed var(--line);}
.job-talip-row:first-of-type{border-top:none; padding-top:0;}
.job-talip-who{font-size:13px; font-weight:600; color:var(--ink);}
.job-talip-hint{margin:8px 0 0; font-size:11px; line-height:1.4; color:var(--ink-dim);}
.job-havuz-cta-column{
  display:flex; flex-direction:column; align-items:stretch; gap:10px;
  width:100%; padding:12px 0 6px; margin:0 auto;
}
.job-gelen-kurye-box{width:100%;}
.job-gelen-kurye{
  display:flex; align-items:center; justify-content:center; width:100%;
  padding:15px 18px; border-radius:14px; cursor:default; user-select:none;
  background:linear-gradient(180deg, #F97316 0%, #EA580C 100%);
  color:#fff; font-family:var(--font-display); font-weight:800; font-size:16px;
  letter-spacing:.03em; line-height:1.25; text-align:center;
  box-shadow:0 6px 18px rgba(234,88,12,.38);
  animation:job-gelen-pulse 2s ease-in-out infinite;
}
.job-havuz-gelen-row .job-gelen-kurye{box-shadow:0 4px 12px rgba(234,88,12,.34);}
.job-talip-toggle{
  display:flex; align-items:center; justify-content:center;
  width:100%; margin:0 auto; align-self:center;
  padding:15px 18px; border:none; border-radius:14px; cursor:pointer;
  background:linear-gradient(180deg, #166534 0%, #14532d 100%);
  color:#fff; font-family:var(--font-display); font-weight:800; font-size:17px;
  letter-spacing:.03em; line-height:1.2; text-align:center;
  box-shadow:0 6px 18px rgba(20,83,45,.42);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.job-talip-toggle:hover{filter:brightness(1.06);}
.job-talip-toggle:active{transform:scale(.985);}
.job-talip-toggle.is-active{
  background:linear-gradient(180deg, #15803d 0%, #166534 100%);
  box-shadow:0 6px 18px rgba(21,128,61,.45);
  color:#fff;
}
.job-talip-toggle.is-active.is-mine-talip{
  background:linear-gradient(180deg, #15803d 0%, #166534 100%);
  border-color:#14532d;
  color:#fff;
}
.job-talip-toggle.job-talip-under-dest.is-active.is-mine-talip{color:#fff;}
.job-talip-count{
  margin:4px 0 0; padding:6px 10px; font-size:11.5px; font-weight:700;
  color:#713f12; text-align:center;
  background:linear-gradient(180deg, #fef08a, #fde047);
  border:1px solid #ca8a04; border-radius:10px;
}
.job-talip-count-n{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:20px; height:20px; margin-right:4px; padding:0 6px;
  border-radius:999px; background:#ca8a04; color:#fff; font-size:11px; font-weight:800;
}
@keyframes job-gelen-pulse{
  0%, 100%{box-shadow:0 6px 18px rgba(234,88,12,.38);}
  50%{box-shadow:0 8px 22px rgba(234,88,12,.55);}
}

.job-timer-row{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
@media (max-width:520px){ .job-timer-row{grid-template-columns:1fr;} .job-dest-names{grid-template-columns:1fr;} }
.job-timer-row .job-timer{min-width:0;}
.job-timer{display:flex; align-items:flex-start; gap:8px; background:var(--warn-soft); color:var(--warn); border-radius:12px; padding:10px 12px; min-height:72px;}
.job-timer.teal{background:var(--info-soft); color:var(--info);}
.job-timer .ti-ico{font-size:18px;}
.job-timer .ti-txt{display:flex; flex-direction:column; gap:1px; min-width:0;}
.job-timer .ti-lbl{font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; opacity:.85;}
.job-timer .ti-clock{font-family:var(--font-mono); font-size:17px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.2;}
.job-timer .ti-sub{font-size:10px; opacity:.75; margin-top:1px;}
.job-timer.late{background:var(--bad-soft); color:var(--bad);}
.job-timer.static{background:var(--surface-2); color:var(--ink);}
.job-timer.static .ti-lbl{color:var(--ink-dim); opacity:1;}
.job-timer.static.teal{background:var(--info-soft); color:var(--info);}
.job-timer .ti-at{font-size:12px; font-weight:600; margin-top:2px; opacity:.95;}
.job-timer .ti-at-day{font-size:14px; font-weight:700; color:var(--ink);}
.job-timer .ti-clock-muted{font-size:12px; font-weight:600; font-family:var(--font-display, inherit);}
.job-deadline-preview{
  margin:12px 0 14px; padding:12px 14px; border-radius:12px;
  background:var(--surface-2, #f4f6f8); border:1px solid var(--line);
}
.job-deadline-preview .jdp-row{display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:4px 0;}
.job-deadline-preview .jdp-row.jdp-main{align-items:flex-end; padding:8px 0 6px; border-bottom:1px dashed var(--line); margin-bottom:4px;}
.job-deadline-preview .jdp-lbl{font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-dim);}
.job-deadline-preview .jdp-at{font-size:15px; font-weight:700; text-align:right;}
.job-deadline-preview .jdp-clock{font-family:var(--font-mono); font-size:18px; font-weight:800; font-variant-numeric:tabular-nums;}
.job-deadline-preview .jdp-clock.teal{color:var(--info);}

.notify-box{background:var(--info-soft); border-radius:10px; padding:10px; display:flex; flex-direction:column; gap:8px;}
.notify-text{font-size:12px; color:var(--ink); line-height:1.45;}

.btn{font-family:var(--font-body); font-weight:600; font-size:13px; border-radius:9px; padding:8px 14px; border:1px solid var(--line); background:var(--surface); color:var(--ink); cursor:pointer;}
.btn.primary{background:var(--accent); border-color:var(--accent); color:var(--accent-ink);}
.btn.ghost{background:transparent;}
.btn.small{padding:6px 10px; font-size:12px;}
.btn-block{width:100%;}

.lb-row{display:flex; align-items:center; gap:10px; background:var(--surface); border:1px solid var(--line); border-radius:11px; padding:10px 12px;}
.lb-rank{font-family:var(--font-mono); font-weight:700; color:var(--ink-dim); width:20px; text-align:center; flex:none;}
.lb-name{font-weight:600; font-size:13.5px; flex:none; width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lb-bar-track{flex:1; height:9px; background:var(--surface-2); border-radius:100px; overflow:hidden;}
.lb-bar{height:100%; background:var(--accent); border-radius:100px;}
.lb-count{font-family:var(--font-mono); font-weight:700; font-size:13px; width:60px; text-align:right; flex:none;}

.panel.panel-wa{padding:0; max-width:none; gap:0;}
.wa-contacts{background:#fff; min-height:50vh;}
.wa-contacts-hint{display:none !important;}
.wa-contacts-hint-legacy{
  margin:0; padding:0 12px 8px; font-size:11px; line-height:1.4; color:var(--ink-dim);
  background:#f0f2f5; border-bottom:1px solid #e9edef;
}
.wa-contacts-hint strong{color:var(--ink); font-weight:600;}
.phone-lookup-hint{
  margin:4px 0 0; font-size:11px; line-height:1.35; color:var(--accent);
  font-weight:600;
}
.phone-lookup-hint.is-miss{color:var(--ink-dim); font-weight:500;}
.book-form-hint.is-miss{color:var(--bad); font-weight:600; margin:0 0 6px;}
.sheet-book .field-invalid,
.sheet-book input.field-invalid,
.sheet-book textarea.field-invalid,
.sheet-book select.field-invalid{
  border-color:var(--bad);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--bad) 40%, transparent);
}
.wa-contacts-header{
  display:flex; align-items:baseline; justify-content:space-between; gap:8px;
  padding:10px 12px 8px; background:#f0f2f5; border-bottom:1px solid #e9edef;
}
.wa-contacts-header span{font-family:var(--font-display); font-weight:800; font-size:16px; color:#111;}
.wa-contacts-header small{font-size:11px; color:var(--ink-dim);}
.wa-search-wrap{padding:10px 10px 6px; background:#f0f2f5; border-bottom:1px solid #e9edef;}
.wa-search{
  width:100%; border:none; border-radius:8px; background:var(--surface-2);
  padding:8px 10px 8px 34px; font-size:13.5px; font-family:var(--font-body);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2365706A' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:12px center;
}
.wa-search:focus{outline:2px solid var(--info-soft); background-color:#fff;}
.wa-contacts-list{display:flex; flex-direction:column; background:#fff;}
.wa-letter{
  position:sticky; top:0; z-index:2;
  padding:2px 12px; font-size:12px; font-weight:700; color:var(--teal);
  background:#f0f2f5; border-bottom:1px solid #e9edef;
}
.wa-contact-row{
  display:flex; align-items:center; gap:10px; width:100%; text-align:left;
  padding:7px 10px 7px 12px; border:none; border-bottom:1px solid #e9edef;
  background:#fff; font-family:inherit; color:inherit;
}
.wa-contact-row:active{background:#f5f6f6;}
.wa-avatar{
  width:40px; height:40px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; font-family:var(--font-display); font-size:14px;
}
.wa-contact-body{flex:1; min-width:0;}
.wa-contact-top{display:flex; align-items:baseline; justify-content:space-between; gap:10px;}
.wa-contact-unread{
  flex:none; min-width:20px; height:20px; padding:0 6px; border-radius:10px;
  background:#25d366; color:#fff; font-size:11px; font-weight:700; line-height:20px; text-align:center;
}
.wa-contact-sub.has-unread-preview{color:#111; font-weight:600;}
.wa-mobile-chat-badge{
  position:absolute; top:-4px; right:-2px; min-width:18px; height:18px; padding:0 5px;
  border-radius:9px; background:#e53935; color:#fff; font-size:10px; font-weight:700; line-height:18px; text-align:center;
  box-shadow:0 0 0 2px var(--surface, #fff);
}
.chat-new-banner,.job-saved-toast{
  position:fixed; left:50%; transform:translateX(-50%);
  bottom:72px; z-index:120; max-width:min(92vw,420px); width:max-content;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.wa-contact-bottom{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:2px;}
.wa-contact-name{font-weight:600; font-size:15px; line-height:1.2; color:#111; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wa-contact-city{font-size:10.5px; color:var(--ink-dim); flex:none; max-width:36%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wa-you{font-weight:500; color:var(--ink-dim); font-size:12px;}
.wa-contact-sub{font-size:12.5px; color:var(--ink-dim); flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wa-role{
  font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.3px;
  padding:2px 5px; border-radius:4px; flex:none; text-transform:uppercase;
  background:var(--surface-2); color:var(--ink-dim);
}
body.tab-kisiler .fab{display:none;}
body.job-from-chat #jobOverlay{align-items:flex-end;}
body.job-from-chat #jobOverlay .sheet.sheet-job-order{
  border-radius:18px 18px 0 0; max-height:min(88vh, calc(100% - 48px));
}
.fab{display:none;}
body.tab-benim .fab{display:flex;}
.wa-role.role-sender{background:var(--accent-soft); color:var(--accent);}
.wa-role.role-courier{background:var(--info-soft); color:var(--info);}

.fab{position:fixed; right:20px; bottom:20px; z-index:30; background:var(--accent); color:var(--accent-ink); border:none; border-radius:100px; padding:14px 20px; font-family:var(--font-display); font-weight:700; font-size:15px; box-shadow:0 8px 22px -6px rgba(0,0,0,.35); cursor:pointer;}
.fab-bulk{
  right:20px; bottom:82px; width:48px; height:48px; padding:0;
  border-radius:50%; font-size:20px; justify-content:center; align-items:center;
  background:var(--surface); color:var(--ink); border:1.5px solid var(--line);
  box-shadow:0 6px 16px -4px rgba(0,0,0,.28);
}

.bulk-paste-rows{display:flex; flex-direction:column; gap:8px; margin:10px 0 14px;}
.bulk-paste-row{
  display:flex; align-items:flex-start; gap:10px;
  padding:10px; border-radius:12px; border:1px solid var(--line); background:var(--surface-2);
}
.bulk-paste-row.is-existing{border-color:var(--good-soft); background:var(--good-soft);}
.bulk-paste-check{flex:none; padding-top:12px;}
.bulk-paste-row-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:6px;}
.bulk-paste-row-label{font-size:13px; font-weight:700; color:var(--ink);}
.bulk-paste-row-source{display:block; font-size:11px; font-weight:600; color:var(--good); margin-top:3px;}
.bulk-paste-row-fields{display:flex; gap:8px; flex-wrap:wrap;}
.bulk-paste-row-fields .field{flex:1 1 120px; min-width:0;}
.bulk-paste-row-receiver{flex:1 1 160px; min-width:0;}
.bulk-paste-row-price{flex:0 0 90px; width:90px;}
.bulk-paste-actions{display:flex; gap:10px; justify-content:space-between; margin-top:4px;}
.bulk-paste-actions .btn{flex:1;}

.overlay{position:fixed; inset:0; background:rgba(10,12,10,.5); z-index:50; display:flex; align-items:flex-end; justify-content:center;}
.overlay[hidden]{display:none;}
.overlay.overlay-confirm{
  z-index:55; align-items:center; padding:16px;
  background:rgba(10,12,10,.45);
}
.confirm-sheet{
  width:min(100%, 320px); background:var(--surface); border-radius:16px;
  padding:20px 18px 16px; box-shadow:0 12px 40px -12px rgba(10,12,10,.35);
  border:1px solid var(--line); text-align:center;
}
.confirm-sheet-header{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
  margin:0 0 10px;
}
.confirm-sheet-header h3{margin:0; font-size:18px; font-weight:800; flex:1; min-width:0;}
.sheet-close-x{
  width:36px; height:36px; border:none; border-radius:50%; flex-shrink:0;
  background:#f1f5f9; color:#334155; font-size:24px; line-height:1; cursor:pointer;
  padding:0; display:flex; align-items:center; justify-content:center;
}
.sheet-close-x:hover{background:#e2e8f0; color:#0f172a;}
.confirm-sheet h3{margin:0 0 10px; font-size:18px; font-weight:800;}
.confirm-sheet .confirm-lead{margin:0 0 6px; font-size:15px; color:var(--ink); line-height:1.4;}
.confirm-sheet .confirm-sub{margin:0 0 18px; font-size:13px; color:var(--ink-dim); line-height:1.45;}
.confirm-actions{display:flex; gap:10px; justify-content:center;}
.confirm-actions .btn{flex:1; min-width:0; padding:11px 12px;}
.confirm-actions .confirm-danger{background:var(--bad); border-color:var(--bad);}
.confirm-actions .confirm-danger:hover{filter:brightness(.96);}
.confirm-actions .confirm-good{background:#166534; border-color:#166534; color:#fff;}
.confirm-actions .confirm-good:hover{filter:brightness(1.05);}
.confirm-actions .confirm-warn{background:var(--warn); border-color:var(--warn); color:#fff;}
.confirm-actions .confirm-warn:hover{filter:brightness(.96);}
.kurye-pick-sheet{text-align:left; max-width:360px;}
.kurye-pick-sheet .confirm-sub{text-align:center;}
.kurye-pick-list{display:flex; flex-direction:column; gap:8px; margin:0 0 14px; max-height:min(50vh, 280px); overflow-y:auto;}
.kurye-pick-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
  padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2);
}
.kurye-pick-row .job-talip-who{flex:1; min-width:0;}
.kurye-pick-empty{margin:0 0 14px; font-size:13px; color:var(--ink-dim); text-align:center; line-height:1.45;}
.kurye-pick-actions{margin-top:4px;}
.sheet{width:100%; max-width:640px; max-height:88vh; overflow-y:auto; background:var(--surface); border-radius:18px 18px 0 0; padding:18px 18px 22px; display:flex; flex-direction:column; gap:14px;}
@media (max-width:519px){
  .overlay{
    padding:0 max(20px, env(safe-area-inset-left, 0px));
    padding-right:max(20px, env(safe-area-inset-right, 0px));
    box-sizing:border-box;
  }
  .sheet{
    width:min(100%, calc(100vw - 40px));
    max-width:min(360px, calc(100vw - 40px));
    margin:0 auto;
    border-radius:14px 14px 0 0;
    padding:14px 12px 18px;
    max-height:86vh;
  }
  .sheet-head{margin-left:-12px; margin-right:-12px; padding-left:12px; padding-right:12px;}
  #jobOverlay .sheet.sheet-job-order{
    /* ~100/140 ölçek (360px → 258px) */
    width:min(258px, calc(100vw - 48px));
    max-width:min(258px, calc(100vw - 48px));
  }
  #bookOverlay .sheet.sheet-book{
    max-width:min(332px, calc(100vw - 40px));
    width:min(100%, calc(100vw - 40px));
    padding:12px 12px 16px;
  }
  #bookOverlay .sheet.sheet-book .sheet-head{
    margin-left:-12px; margin-right:-12px; padding-left:12px; padding-right:12px;
  }
}
@media (min-width:520px){ .overlay{align-items:center; padding:0;} .sheet{border-radius:16px; max-height:80vh;} }
#jobOverlay .sheet.sheet-job-order{
  width:100%;
  max-width:min(458px, calc(100vw - 32px)); /* 640px × 100/140 */
  margin-left:auto; margin-right:auto;
}
#bookOverlay .sheet.sheet-book{
  width:100%;
  max-width:min(392px, calc(100vw - 28px));
  margin-left:auto; margin-right:auto;
  padding:14px 14px 18px;
  gap:10px;
}
#bookOverlay .sheet.sheet-book .sheet-head{
  margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px;
}
#bookList .book-row{padding:8px 10px; gap:8px;}
#bookList .book-line1{font-size:12.5px;}
#bookList .book-line2{font-size:11.5px;}
.book-act-btn{min-width:48px; padding:5px 8px; font-size:10.5px;}
#jobOverlay .sheet-head{
  padding:7px 14px 6px; gap:8px;
  margin:-18px -18px 0;
}
#jobOverlay .sheet-head h2{font-size:16px; font-weight:700; line-height:1.2;}
#jobOverlay .sheet-head .x{width:30px; height:30px; font-size:16px;}
#bookOverlay .sheet-head{
  padding:6px 14px 8px; gap:8px;
  margin:-18px -18px 0;
}
#bookOverlay .sheet-head h2{font-size:16px; font-weight:700; line-height:1.15;}
#bookOverlay .sheet-head .x{width:28px; height:28px; font-size:15px;}
@media (max-width:519px){
  #jobOverlay .sheet-head{
    margin:-12px -12px 0;
    padding:6px 10px 5px;
  }
  #jobOverlay .sheet-head h2{font-size:15px;}
  #jobOverlay .sheet-head .x{width:28px; height:28px; font-size:15px;}
  #bookOverlay .sheet-head{
    margin:-12px -12px 0;
    padding:5px 10px 4px;
  }
  #bookOverlay .sheet-head h2{font-size:15px;}
  #bookOverlay .sheet-head .x{width:26px; height:26px; font-size:14px;}
}
.sheet-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  position:sticky; top:0; z-index:6; margin:-18px -18px 0; padding:14px 18px 12px;
  background:var(--surface); border-bottom:1px solid var(--line);
}
.sheet-head.sheet-drag-handle{cursor:grab; user-select:none; touch-action:none;}
.sheet-head.sheet-drag-handle:active{cursor:grabbing;}
#jobOverlay .sheet.sheet-floating,
#bookOverlay .sheet.sheet-floating{
  position:fixed; z-index:51; margin:0; flex:none;
  max-height:min(88vh, calc(100vh - 16px));
  box-shadow:0 12px 40px -12px rgba(10,12,10,.35);
}
#jobOverlay .sheet.sheet-floating{
  width:min(458px, calc(100vw - 48px));
}
#bookOverlay .sheet.sheet-floating{
  width:min(640px, calc(100vw - 48px));
}
@media (max-width:519px){
  #jobOverlay .sheet.sheet-floating{
    width:min(258px, calc(100vw - 48px));
  }
  #bookOverlay .sheet.sheet-floating{
    width:min(calc(100vw - 24px), 640px);
  }
}
.sheet-head h2{font-size:19px; font-weight:800; margin:0; flex:1;}
.x{
  flex:none; width:40px; height:40px; border-radius:50%;
  border:1px solid var(--line); background:var(--surface-2);
  font-size:22px; line-height:1; color:var(--ink); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.x:hover{background:var(--line);}
.field{display:flex; flex-direction:column; gap:5px;}
.field label{font-size:12px; font-weight:600; color:var(--ink-dim); text-transform:uppercase; letter-spacing:.4px;}
.field-optional{font-weight:500; text-transform:none; letter-spacing:0; opacity:.78; font-size:11px;}
.acc-profile-live{margin:6px 0 0; font-size:13px; font-weight:600; color:var(--accent); line-height:1.35;}
.field input, .field textarea, .field select{font-family:var(--font-body); font-size:14.5px; padding:10px 11px; border-radius:9px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink); width:100%;}
.field textarea{resize:vertical; min-height:56px;}
.row2{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.note-box{background:var(--info-soft); color:var(--info); border-radius:10px; padding:10px 12px; font-size:12px; line-height:1.45;}
.section-label{font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:var(--teal); background:var(--info-soft); align-self:flex-start; padding:3px 8px; border-radius:6px; margin-top:4px;}
.seg{display:flex; gap:8px;}
.seg-btn{flex:1; padding:10px; border-radius:9px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink-dim); font-weight:600; font-size:13.5px; cursor:pointer; font-family:var(--font-body);}
.seg-btn.active{background:var(--accent); border-color:var(--accent); color:var(--accent-ink);}

#bookList .book-row{display:flex; align-items:flex-start; gap:10px; border:1px solid var(--line); border-radius:10px; padding:10px 12px; cursor:pointer; text-align:left; transition:border-color .15s, box-shadow .15s, background .15s;}
#bookList .book-row:nth-child(odd){background:var(--surface-2);}
#bookList .book-row:nth-child(even){background:var(--surface);}
.book-row:hover{border-color:var(--accent); box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);}
.book-row:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
#bookList .book-row.book-row-active{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 10%, var(--surface));}
.book-row .bi{flex:1; min-width:0; pointer-events:none;}
.book-line1{font-size:13px; font-weight:600; line-height:1.35; color:var(--ink);}
.book-line1 .book-loc{font-weight:600; color:var(--info);}
.book-line2{
  margin-top:3px; font-size:12px; line-height:1.35; color:var(--ink-dim);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.book-row-actions{
  display:flex; flex-direction:column; gap:5px; align-items:stretch; flex-shrink:0;
}
.book-act-btn{
  font-family:var(--font-body); font-size:11px; font-weight:600; line-height:1.2;
  padding:6px 10px; min-width:54px; border-radius:8px; cursor:pointer;
  border:1px solid var(--line); background:var(--surface); color:var(--ink);
}
.book-act-btn.book-act-edit:hover{border-color:var(--accent); color:var(--accent);}
.book-act-btn.book-act-del{
  color:var(--bad); border-color:color-mix(in srgb, var(--bad) 35%, var(--line));
  background:color-mix(in srgb, var(--bad) 6%, var(--surface));
}
.book-act-btn.book-act-del:hover{
  border-color:var(--bad); background:color-mix(in srgb, var(--bad) 12%, var(--surface));
}
.book-act-btn.book-act-loc{
  color:var(--info); border-color:color-mix(in srgb, var(--info) 40%, var(--line));
  background:color-mix(in srgb, var(--info) 8%, var(--surface));
  font-size:9.5px; line-height:1.2; white-space:normal; max-width:78px;
}
.book-act-btn.book-act-loc:hover:not(:disabled){
  border-color:var(--info); color:var(--info);
}
.book-act-btn.book-act-loc:disabled{opacity:.45; cursor:not-allowed;}
.book-line-miss{color:var(--ink-dim); font-style:italic;}
#bookList .book-row-active .book-act-edit{
  border-color:var(--accent); color:var(--accent);
  background:color-mix(in srgb, var(--accent) 8%, var(--surface));
}
.book-dist{font-weight:600; color:var(--brand);}
.sheet-book .book-form-block{
  display:flex; flex-direction:column; gap:8px; margin-top:8px;
}
.sheet-book .book-maps-actions-row{
  display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-end; gap:8px;
  width:100%;
}
.sheet-book .book-maps-actions-row .book-form-actions{
  display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center;
  gap:6px; margin:0 0 0 auto; flex:0 0 auto;
}
.sheet-book .book-form-actions .book-form-kutu{
  flex:0 0 auto; min-width:5.4rem; max-width:none;
  padding:10px 10px; font-size:11.5px; line-height:1.2;
}
.sheet-book .book-maps-actions-row .book-form-actions #bookOneCancel{
  flex:1 1 100%; max-width:12rem; margin-left:auto; padding:8px 10px; font-size:11.5px;
}
.book-form-kutu{
  font-family:var(--font-body); font-size:12.5px; font-weight:600; line-height:1.25;
  padding:10px 12px; border-radius:8px; cursor:pointer; text-align:center;
  border:1px solid var(--line); background:var(--surface); color:var(--ink);
}
.book-form-kutu:hover:not(:disabled){
  border-color:var(--accent); color:var(--accent);
}
.book-form-kutu:disabled{
  opacity:.45; cursor:not-allowed; color:var(--ink-dim);
}
.book-form-kutu-save:not(:disabled){
  border-color:color-mix(in srgb, var(--accent) 45%, var(--line));
  background:color-mix(in srgb, var(--accent) 8%, var(--surface));
  color:var(--accent);
}
.book-form-kutu-ghost{
  font-size:12px; font-weight:600; color:var(--ink-dim);
}
.book-form-kutu-ghost:hover:not(:disabled){
  color:var(--ink); border-color:var(--line);
}
.sheet-book .field-placeholder-only label{display:none;}
.sheet-book .field-placeholder-only input,
.sheet-book .field-placeholder-only textarea,
.sheet-book .field-placeholder-only select{margin-top:0;}
.sheet-book .book-district-field select option[value=""]{color:var(--ink-dim);}
.sheet-book .book-district-field select option:not([value=""]){color:var(--ink);}
.sheet-book .book-identity-row{
  grid-template-columns:minmax(0, 1fr) minmax(0, 8.6rem);
  gap:6px; align-items:start; margin-top:8px; margin-bottom:0;
}
.sheet-book .book-identity-row .field{margin-bottom:0;}
.sheet-book .book-location-main{
  display:grid;
  grid-template-columns:minmax(0, 36%) minmax(0, 1fr);
  gap:8px; align-items:stretch;
}
.sheet-book .book-location-left{
  display:flex; flex-direction:column; gap:8px; min-width:0;
}
.sheet-book .book-location-left .field{margin-bottom:0;}
.sheet-book .book-location-left select{
  font-size:13px; padding:10px 9px; min-width:0; width:100%;
}
.sheet-book .book-addr-field{margin-bottom:0; min-width:0; height:100%; display:flex; flex-direction:column;}
.sheet-book .book-addr-field textarea{
  flex:1; min-height:76px; max-height:120px; resize:vertical; box-sizing:border-box; width:100%;
  font-size:13.5px; padding:9px 10px;
}
@media (max-width:420px){
  .sheet-book .book-location-main{grid-template-columns:1fr;}
  .sheet-book .book-location-left{
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
  }
}
.sheet-book .book-maps-actions-row .book-maps-field{
  margin-bottom:0; flex:1 1 12rem; min-width:10rem; max-width:none;
}
.sheet-book .book-maps-actions-row .book-maps-field input{width:100%; box-sizing:border-box;}
@media (max-width:480px){
  .sheet-book .book-maps-actions-row{align-items:flex-end;}
  .sheet-book .book-maps-actions-row .book-maps-field{
    flex:1 1 calc(100% - 12rem); min-width:0; max-width:100%;
  }
  .sheet-book .book-maps-actions-row .book-form-actions{
    flex:0 0 auto; margin-left:auto; justify-content:flex-end;
  }
}
.sheet-book .book-form-hint{margin:0;}
.sheet-book .book-phone-hint{margin:-6px 0 4px;}
.sheet-book .field{margin-bottom:0;}
.sheet-book .field input,
.sheet-book .field textarea,
.sheet-book .field select{font-size:13.5px; padding:9px 10px;}
@media (max-width:520px){
  .sheet-book .book-identity-row{grid-template-columns:1fr;}
}

.pay-chip{font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--ink-dim);}
.pay-chip.set{color:var(--good);}
.route{display:flex; align-items:flex-end; gap:8px; margin:2px 0 1px;}
.route-node{display:flex; flex-direction:column; gap:2px; min-width:0; max-width:38%;}
.route-node.end{align-items:flex-end; text-align:right;}
.route-node .rl{font-family:var(--font-mono); font-size:9px; color:var(--ink-dim); letter-spacing:.7px; text-transform:uppercase;}
.route-node .rv{font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
.route-track{flex:1; position:relative; height:2px; background:var(--line); border-radius:2px; margin-bottom:6px; min-width:20px;}
.route-fill{position:absolute; inset:0; background:var(--accent); border-radius:2px;}
.route-marker{position:absolute; top:50%; transform:translate(-50%,-50%); font-size:13px;}

@media (max-width:420px){ .lb-name{width:90px;} .brand-row h1{font-size:17px;} }

.sender-vitrin-feed .sender-vitrin-list{display:flex; flex-direction:column; gap:14px;}
.job.sender-vitrin{
  border:1px solid var(--line); border-radius:16px; background:var(--surface);
  box-shadow:0 2px 12px -4px rgba(10,12,10,.12);
}
.sender-vitrin-body{padding:16px 16px 14px; display:flex; flex-direction:column; gap:8px;}
.sender-vitrin-info-box{
  padding:12px 14px; border-radius:12px; border:1px solid var(--line);
  background:var(--surface-2);
}
.sender-vitrin-info-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.sender-vitrin-summary{
  flex:1; min-width:0; font-size:16px; font-weight:700; letter-spacing:-.02em; line-height:1.4;
}
.sender-vitrin-summary .sender-vitrin-name{font-weight:700;}
.sender-vitrin-summary .sender-vitrin-phone{font-weight:600; color:var(--accent);}
.sender-vitrin-summary button.sender-vitrin-phone{
  font:inherit; font-family:inherit; font-size:inherit; letter-spacing:inherit;
  background:none; border:none; padding:0; margin:0; cursor:pointer;
  text-decoration:underline; text-underline-offset:2px;
}
.sender-vitrin-summary button.sender-vitrin-phone:hover{color:var(--accent); filter:brightness(.92);}
.sender-vitrin-stats{
  display:flex; flex-shrink:0; align-items:center; gap:6px; margin-left:auto;
}
@media (max-width:420px){
  .sender-vitrin-info-row{flex-wrap:wrap;}
  .sender-vitrin-stats{width:100%; justify-content:flex-end;}
}
.sender-vitrin-route-row{
  display:flex; align-items:stretch; gap:8px; margin-top:2px;
}
.sender-vitrin-route-row .sender-vitrin-actions{
  flex:none; margin:0; display:flex; align-self:stretch;
}
.sender-vitrin-route-row .sender-vitrin-actions{
  flex-direction:column; gap:6px; justify-content:stretch;
}
.sender-vitrin-route-row .sender-vitrin-actions .btn{
  width:100%; min-width:68px; max-width:82px; flex:1; min-height:0;
  padding:8px 10px; font-size:13px; line-height:1.2; text-align:center;
  justify-content:center; white-space:normal;
}
.sender-vitrin-track-slot{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  width:100%; min-width:68px; max-width:82px; flex:1; min-height:76px;
  padding:8px 8px; border-radius:12px; text-align:center;
  background:#e8f8f4; border:1px solid rgba(14,116,144,.22);
  color:var(--ink);
}
.sender-vitrin-track-lbl{
  font-family:var(--font-mono); font-size:9px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink-dim);
}
.sender-vitrin-track-code{
  font-family:var(--font-mono); font-size:11px; font-weight:800; line-height:1.25;
  word-break:break-all; color:var(--ink);
}
.sender-vitrin-follow.is-following{
  color:var(--good); border-color:rgba(21,128,61,.35); background:#ecfdf5;
}
.sender-pool-head{align-items:center;}
.sender-pool-head-actions{display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.job.sender-vitrin.sender-vitrin-followed{
  box-shadow:0 0 0 2px rgba(21,128,61,.25);
}
.sender-vitrin-route-row .sender-vitrin-route-wrap{
  flex:1; min-width:0; margin:0; display:flex; flex-direction:column; justify-content:center;
}
.sender-vitrin-route-wrap{margin:4px 0 2px;}
.sender-vitrin-route-triple{align-items:stretch;}
.sender-vitrin-route-triple .jrb-box-target{text-align:center;}
.sender-vitrin-multi{margin:0 0 8px; font-size:12px; font-weight:600; color:var(--ink-dim);}
.sender-vitrin-deliver{font-size:13px; color:var(--ink-dim);}
.sender-vitrin-actions .btn{justify-content:center;}
@media (max-width:520px){
  .sender-vitrin-route-row{flex-direction:column;}
  .sender-vitrin-route-row .sender-vitrin-actions .btn{
    min-height:0; max-width:none; width:100%; min-width:0;
  }
}
.sender-vitrin-preview-badge{
  margin:0 0 6px; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--good); font-family:var(--font-mono);
}
.sender-vitrin-mine{border-color:var(--good-soft); box-shadow:0 0 0 1px var(--good-soft);}
.sender-vitrin-mine .vitrin-tile-hero{background:var(--good); border-bottom-color:var(--good);}
.sender-vitrin .job-havuz-gelen-row{margin-top:8px;}
.overlay-sender-pool{align-items:center; padding:16px;}
.sender-pool-sheet{width:min(100%, 560px); max-height:min(88vh, 720px); display:flex; flex-direction:column;}
.sender-pool-lead{margin:0 0 4px; text-align:center;}
.sender-pool-lead[hidden]{display:none;}
.sender-pool-scroll-arrow{
  display:inline-block; font-size:20px; line-height:1; color:var(--ink-dim); opacity:.6;
  animation:senderPoolScrollBounce 1.4s ease-in-out infinite;
}
@keyframes senderPoolScrollBounce{
  0%,100%{ transform:translateY(0); opacity:.45; }
  50%{ transform:translateY(4px); opacity:.9; }
}
.sender-pool-inner{overflow:auto; flex:1; min-height:0; padding:0 2px 4px;}
.sender-pool-vitrin-list{display:flex; flex-direction:column; gap:14px; padding:4px 0 8px;}
.sender-vitrin-route-row-full .sender-vitrin-route-wrap{width:100%;}
.sender-vitrin-route-row-full{display:block;}
.sender-vitrin-pool-track{margin:0 0 4px;}
.sender-vitrin-in-pool .sender-vitrin-body{gap:8px;}
.sender-vitrin-in-pool .job-route-three-boxes{
  display:grid; grid-template-columns:1fr 1fr; grid-auto-flow:row dense; gap:4px;
}
.sender-vitrin-in-pool .jrb-box{
  border-radius:9px; padding:6px 10px; min-height:0;
  flex-direction:row; align-items:center; justify-content:flex-start;
  text-align:left; gap:6px;
}
.sender-vitrin-in-pool .jrb-box-target{
  grid-column:1 / -1;
  background:var(--surface); border-color:var(--line); color:var(--ink);
}
.sender-vitrin-in-pool .job-route-three-boxes.late .jrb-box-target{
  background:var(--surface); border-color:var(--line); color:var(--bad);
}
.sender-vitrin-in-pool .jrb-box-from,
.sender-vitrin-in-pool .jrb-box-to{
  grid-column:span 1; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px;
  padding:6px 9px; background:var(--surface-2); border-color:var(--line); color:var(--ink-dim);
  box-shadow:inset 0 1px 2px rgba(28,35,31,.07);
}
.sender-vitrin-in-pool .jrb-box-from.jrb-box-hit:hover,
.sender-vitrin-in-pool .jrb-box-to.jrb-box-hit:hover{
  border-color:#c7cec9; box-shadow:inset 0 1px 2px rgba(28,35,31,.12);
}
.sender-vitrin-in-pool .jrb-box .jrl-lbl{
  flex:none; font-size:10px; white-space:nowrap;
}
.sender-vitrin-in-pool .jrb-box-from .jrl-val,
.sender-vitrin-in-pool .jrb-box-to .jrl-val{
  flex:none; width:100%; color:var(--ink); font-size:13px;
}
.sender-vitrin-in-pool .jrb-box .jrl-val{
  flex:1; min-width:0; font-size:12.5px; font-weight:800; text-align:left;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.sender-vitrin-in-pool .jrb-box .jrb-at,
.sender-vitrin-in-pool .jrb-box .jrb-deliver-date{
  flex:1; min-width:0; display:flex; flex-direction:row; align-items:center;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-size:12.5px; font-weight:800;
}
.sender-vitrin-in-pool .jrb-deliver-date-main{
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.sender-vitrin-in-pool .jrb-deliver-weekday,
.sender-vitrin-in-pool .jrb-box .jrb-sub{
  display:none;
}
.sender-vitrin-in-pool .sender-vitrin-stale-open{
  margin:6px 0 0; font-size:11px;
  background:var(--surface); border-color:var(--line); color:#9a3412;
}
.sender-vitrin-pool-card{border-radius:16px; border:1.5px solid #262b27;}
.sender-vitrin-pool-body{padding:12px 14px 12px; gap:6px;}
.sender-vitrin-pool-body .vitrin-tile-chips{padding:0;}
.sender-vitrin-pool-body .vitrin-tile-detail{padding:6px 0 0;}
.sender-vitrin-pool-body .job-foot{margin-top:2px;}

/* —— Kargocular: renkli tile vitrin ızgarası —— */
#btnVitrinWide.is-active{
  background:var(--teal,#0d9488); color:#fff; border-color:transparent;
}
.wa-jobs-pane.havuz-tile-mode{
  padding:10px 12px 24px;
}
.wa-jobs-pane.havuz-tile-mode .job-feed,
.wa-jobs-pane.havuz-tile-mode .tile-vitrin-shell,
.wa-jobs-pane.havuz-tile-mode .tile-vitrin-empty-shell{
  width:100%; max-width:none; margin:0;
}
.wa-jobs-pane.havuz-tile-mode .job-feed-head,
.wa-jobs-pane.havuz-tile-mode .havuz-pool-hint{
  width:100%; max-width:720px; margin-left:auto; margin-right:auto;
}
.tabs:not(.tabs-tile-grid) .tab .cnt{display:none !important;}
.tile-vitrin-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  width:100%;
  max-width:920px;
  margin:0 auto;
  align-items:stretch;
}
@media (min-width:900px){
  .tile-vitrin-grid{grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:1040px;}
}
body.vitrin-wide-mode .tile-vitrin-grid{
  max-width:1280px;
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
@media (min-width:1100px){
  body.vitrin-wide-mode .tile-vitrin-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
.wa-jobs-pane.havuz-tile-mode .tile-vitrin-grid > .job,
.wa-jobs-pane.havuz-tile-mode .tile-vitrin-grid > .vitrin-tile-placeholder{
  width:100%; max-width:none; margin:0;
}
.job.vitrin-tile{
  position:relative;
  border:1.5px solid #262b27;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 1px 4px rgba(15,23,42,.08);
  transition:transform .2s ease, box-shadow .2s ease;
  animation:tileFadeIn .45s ease backwards;
}
.vitrin-tile-close{z-index:5;}
.vitrin-tile-bump{
  z-index:5; right:44px; font-size:15px;
}
.vitrin-tile-bump:hover{background:var(--info-soft); color:var(--info); border-color:var(--info-soft);}
.vitrin-tile-bump:disabled{opacity:.5; cursor:default;}
.job.vitrin-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 14px -6px rgba(15,23,42,.18);
}
.tile-vitrin-grid .vitrin-tile:nth-child(8n+2){animation-delay:.04s;}
.tile-vitrin-grid .vitrin-tile:nth-child(8n+3){animation-delay:.08s;}
.tile-vitrin-grid .vitrin-tile:nth-child(8n+4){animation-delay:.12s;}
@keyframes tileFadeIn{
  from{opacity:0; transform:translateY(10px) scale(.97);}
  to{opacity:1; transform:none;}
}
.vitrin-tile.tile-tone-0{--tile-a:#0ea5e9; --tile-b:#0369a1;}
.vitrin-tile.tile-tone-1{--tile-a:#10b981; --tile-b:#047857;}
.vitrin-tile.tile-tone-2{--tile-a:#f97316; --tile-b:#c2410c;}
.vitrin-tile.tile-tone-3{--tile-a:#8b5cf6; --tile-b:#6d28d9;}
.vitrin-tile.tile-tone-4{--tile-a:#ec4899; --tile-b:#be185d;}
.vitrin-tile.tile-tone-5{--tile-a:#14b8a6; --tile-b:#0f766e;}
.vitrin-tile.tile-tone-6{--tile-a:#eab308; --tile-b:#a16207;}
.vitrin-tile.tile-tone-7{--tile-a:#64748b; --tile-b:#334155;}
.vitrin-tile{
  display:flex; flex-direction:column;
  background:var(--surface);
}
.vitrin-tile-hero{
  position:relative;
  display:flex; align-items:flex-start; gap:8px;
  padding:10px 12px 8px;
  background:var(--accent);
  border-bottom:1px solid var(--accent);
  color:#fff;
}
.vitrin-tile-hero-hit{cursor:pointer;}
.vitrin-tile-hero .vitrin-tile-avatar{
  background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.4); color:#fff;
}
.vitrin-tile-hero .vitrin-tile-name{color:#fff;}
.vitrin-tile-hero .vitrin-tile-mine-badge{
  background:rgba(255,255,255,.15); border-color:rgba(255,255,255,.55); color:#fff;
}
.vitrin-tile-hero .vitrin-tile-meta{color:rgba(255,255,255,.88);}
.vitrin-tile-hero .vitrin-tile-phone{color:#fff; text-decoration-color:rgba(255,255,255,.65);}
.vitrin-tile-hero .vitrin-tile-open-badge{
  background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.4); color:#fff;
}
.vitrin-stack-idx{
  position:absolute; top:6px; left:8px; z-index:2;
  font-size:10px; font-weight:800; letter-spacing:.02em;
  padding:2px 7px; border-radius:8px;
  background:rgba(0,0,0,.28); color:#fff;
}
.vitrin-tile-avatar{
  flex:none; width:34px; height:34px; border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:800; font-size:15px;
  background:var(--surface); border:1px solid var(--line); color:var(--ink);
}
.vitrin-tile-hero-main{flex:1; min-width:0;}
.vitrin-tile-name{margin:0; font-size:14.5px; font-weight:800; letter-spacing:-.02em; line-height:1.2; color:var(--ink);}
.vitrin-tile-mine-badge{
  display:inline-block; vertical-align:middle; margin-left:6px;
  font-size:9px; font-weight:800; letter-spacing:.02em; text-transform:uppercase;
  padding:2px 7px; border-radius:999px;
  background:var(--surface); border:1px solid var(--ink); color:var(--ink);
}
.vitrin-tile-meta{margin:2px 0 0; font-size:11px; line-height:1.3; color:var(--ink-dim);}
.vitrin-tile-phone{
  font:inherit; background:none; border:none; padding:0; margin:0; cursor:pointer;
  color:var(--info); text-decoration:underline; text-underline-offset:2px;
}
.vitrin-tile-region{font-weight:600;}
.vitrin-tile-open-badge{
  flex:none; min-width:26px; height:26px; padding:0 6px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:12px;
  background:var(--surface); border:1px solid var(--line); color:var(--ink);
}
.vitrin-tile-follow-pill{
  flex:none; align-self:flex-start;
  font-family:inherit; font-size:11px; font-weight:800; letter-spacing:.01em;
  padding:6px 12px; border-radius:999px; margin:0;
  background:#059669; border:1px solid #059669; color:#fff; cursor:pointer;
}
.vitrin-tile-follow-pill.is-following{
  background:var(--surface); border-color:var(--line); color:var(--ink-dim);
}
.vitrin-tile-route-pill{
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
  margin:10px 12px 0; padding:8px 10px; border-radius:12px;
  background:var(--surface-2); font-weight:700; font-size:13px;
}
.vitrin-tile-arrow{opacity:.55; font-weight:400;}
.vitrin-tile-chips{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
  gap:6px; padding:8px 12px 0;
}
.vitrin-tile-chip{
  font-size:11px; font-weight:700; padding:4px 8px; border-radius:999px;
  background:var(--surface); border:1px solid var(--line); color:var(--ink); font-family:var(--font-mono);
}
.vitrin-tile-chip-pair{display:inline-flex; align-items:center; gap:6px; flex-wrap:nowrap;}
.vitrin-tile-detail{
  padding:6px 10px 0; margin:0;
}
.vitrin-tile-detail:last-child{padding-bottom:12px;}
.vitrin-tile-detail .sender-vitrin-multi{margin:0 0 4px; font-size:11px;}
.vitrin-tile-detail .job-route-three-boxes{
  display:grid; grid-template-columns:1fr 1fr; grid-auto-flow:row dense; gap:4px;
}
.vitrin-tile-detail .jrb-box{
  border-radius:9px; padding:6px 10px; min-height:0;
  flex-direction:row; align-items:center; justify-content:flex-start;
  text-align:left; gap:6px;
}
.vitrin-tile-detail .jrb-box-target{
  grid-column:1 / -1;
  background:var(--surface); border-color:var(--line); color:var(--ink);
}
.vitrin-tile-detail .job-route-three-boxes.late .jrb-box-target{
  background:var(--surface); border-color:var(--line); color:var(--bad);
}
.vitrin-tile-detail .jrb-box-from,
.vitrin-tile-detail .jrb-box-to{
  grid-column:span 1; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px;
  padding:6px 9px; background:var(--surface-2); border-color:var(--line); color:var(--ink-dim);
  box-shadow:inset 0 1px 2px rgba(28,35,31,.07);
}
.vitrin-tile-detail .jrb-box-from.jrb-box-hit:hover,
.vitrin-tile-detail .jrb-box-to.jrb-box-hit:hover{
  border-color:#c7cec9; box-shadow:inset 0 1px 2px rgba(28,35,31,.12);
}
.vitrin-tile-detail .jrb-to-wrap{
  grid-column:span 1; position:relative; display:flex; min-width:0;
}
.vitrin-tile-detail .jrb-to-wrap .jrb-box-to{flex:1; width:100%; min-width:0;}
.jrb-talip-inline{position:absolute; top:5px; right:5px; z-index:3;}
.jrb-talip-inline .jrb-talip-wrap{margin-top:0; gap:2px;}
.jrb-talip-inline .job-talip-toggle{
  font-size:10.5px; padding:5px 10px; min-height:0; width:auto; min-width:0;
  border-radius:999px; white-space:nowrap;
}
.jrb-talip-inline .job-talip-withdraw-inline{font-size:9px; padding:2px 6px;}
.vitrin-tile-detail .jrb-box .jrl-lbl{
  flex:none; font-size:10px; white-space:nowrap;
}
.vitrin-tile-detail .jrb-box-from .jrl-val,
.vitrin-tile-detail .jrb-box-to .jrl-val{
  flex:none; width:100%; color:var(--ink); font-size:13px;
}
.vitrin-tile-detail .jrb-box .jrl-val{
  flex:1; min-width:0; font-size:12.5px; font-weight:800; text-align:left;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vitrin-tile-detail .jrb-box .jrb-at,
.vitrin-tile-detail .jrb-box .jrb-deliver-date{
  flex:1; min-width:0; display:flex; flex-direction:row; align-items:center;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-size:12.5px; font-weight:800;
}
.vitrin-tile-detail .jrb-deliver-date-main{
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.vitrin-tile-detail .jrb-deliver-weekday,
.vitrin-tile-detail .jrb-box .jrb-sub{
  display:none;
}
.vitrin-tile-stale{
  margin:6px 12px 0 !important; font-size:11px !important;
  background:var(--surface); border-color:var(--line); color:#9a3412;
}
.vitrin-tile-stale:last-child{margin-bottom:10px !important;}
.vitrin-tile-actions{
  display:flex; gap:6px; padding:8px 12px 10px; margin-top:auto;
}
.vitrin-tile-actions .btn{
  flex:1; min-height:36px; max-width:none;
  font-size:12px; padding:8px 6px; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
.vitrin-tile-foot{padding:0 12px 10px;}
.vitrin-tile-multi-hint{
  margin:0; padding:0 12px 10px; font-size:12px; color:var(--ink-dim); line-height:1.4;
}
.vitrin-tile-empty-msg{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(92%, 320px); padding:16px 18px; text-align:center;
  border-radius:18px; color:#fff;
  background:linear-gradient(145deg, var(--tile-a), var(--tile-b));
  box-shadow:0 16px 40px -16px rgba(0,0,0,.35);
}
.vitrin-tile-empty-title{margin:0 0 6px; font-size:18px; font-weight:800;}
.vitrin-tile-empty-lead{margin:0; font-size:13px; line-height:1.45; opacity:.95;}
.tile-vitrin-taken-wrap{
  width:100%; max-width:720px; margin:16px auto 0;
}
.tile-vitrin-taken-list{
  display:flex; flex-direction:column; gap:8px;
}
.tile-vitrin-taken-list .job-pool-taken-mini{
  width:100%; max-width:none; margin:0;
}
.tile-vitrin-empty-shell{
  position:relative;
  padding:8px 0 24px;
}
.tile-vitrin-grid-ph{
  opacity:.55;
  pointer-events:none;
  filter:saturate(.85);
}
.vitrin-tile-placeholder{
  aspect-ratio:1;
  border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(145deg, var(--tile-a), var(--tile-b));
  animation:tilePhPulse 4s ease-in-out infinite;
}
.vitrin-tile-placeholder.tile-tone-0{--tile-a:#bae6fd; --tile-b:#7dd3fc;}
.vitrin-tile-placeholder.tile-tone-1{--tile-a:#bbf7d0; --tile-b:#86efac;}
.vitrin-tile-placeholder.tile-tone-2{--tile-a:#fed7aa; --tile-b:#fdba74;}
.vitrin-tile-placeholder.tile-tone-3{--tile-a:#ddd6fe; --tile-b:#c4b5fd;}
.vitrin-tile-placeholder.tile-tone-4{--tile-a:#fbcfe8; --tile-b:#f9a8d4;}
.vitrin-tile-placeholder.tile-tone-5{--tile-a:#99f6e4; --tile-b:#5eead4;}
.vitrin-tile-ph-glyph{font-size:28px; opacity:.45;}
.tile-vitrin-grid-ph .vitrin-tile-placeholder:nth-child(2){animation-delay:.5s;}
.tile-vitrin-grid-ph .vitrin-tile-placeholder:nth-child(4){animation-delay:1s;}
@keyframes tilePhPulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.03);}
}
.sender-vitrin-feed .sender-vitrin-list.tile-vitrin-grid{
  display:grid;
  flex-direction:unset;
  align-items:stretch;
}

.vitrin-tile-hint{
  box-shadow:0 8px 24px -14px rgba(15,23,42,.3);
  min-height:0;
}
.vitrin-tile-route-dim{opacity:.88; font-size:12px;}
.vitrin-tile-chip-hint{background:var(--surface-2); color:var(--ink-dim); font-weight:600;}
.tab-hint-shell .tile-vitrin-grid{max-width:920px;}
.vitrin-tile-hint-hero{
  align-items:center;
  padding:12px 14px;
}
.vitrin-tile-hint-hero .vitrin-tile-name{font-size:15px;}
.vitrin-tile-hint-hero .vitrin-tile-avatar{
  width:38px; height:38px; font-size:18px; border-radius:12px;
}
.vitrin-tile-hint-line{
  margin:0; padding:12px 14px 14px;
  font-size:12px; line-height:1.45; color:var(--ink-dim);
  flex:1;
}
.vitrin-tile-hint-inline{
  padding:8px 14px 0;
  font-size:11px;
  line-height:1.4;
}