:root{--blue:#0969f0;--dark:#14213d;--muted:#63708a;--line:#dfe6ef;--bg:#f5f8fc;--green:#07934f}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--dark)}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--dark)}.brand .truck{font-size:35px;color:var(--blue)}.brand strong{display:block;font-size:25px}.brand small{display:block;color:var(--muted);margin-top:3px}
.site-header nav{display:flex;gap:20px}.site-header nav a{text-decoration:none;color:var(--dark);font-weight:700;font-size:14px}
.container{max-width:1600px;margin:auto;padding:28px 32px}.hero-row{display:flex;justify-content:space-between;gap:24px;align-items:end}.hero-row h1{margin:0;font-size:34px}.hero-row p{color:var(--muted)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar input,.toolbar button{height:44px;border:1px solid var(--line);background:#fff;border-radius:24px;padding:0 18px}.toolbar input{min-width:240px}.toolbar button.active{background:var(--blue);color:#fff}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 5px 16px #1020400d}.stats span{color:var(--muted)}.stats strong{display:block;font-size:36px;color:var(--blue);margin-top:5px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 15px #1020400a;transition:.2s}.vehicle-card.hover{transform:translateY(-3px);box-shadow:0 10px 24px #10204018}
.card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.number{background:var(--blue);color:#fff;border-radius:6px;padding:7px 10px;font-weight:800}.card-head strong{flex:1}.badge{border-radius:7px;padding:6px 9px;font-size:12px;font-weight:700}.badge.ok{color:var(--green);background:#edfff4;border:1px solid #a5e2bf}.badge.wait{color:#a35a00;background:#fff5df;border:1px solid #f3d292}
dl{display:grid;grid-template-columns:110px 1fr;gap:9px;margin:0;font-size:13px}dt{color:#536382}dd{margin:0;overflow:hidden;text-overflow:ellipsis}.green{color:var(--green);font-weight:700}.divider{border-top:1px solid var(--line);margin:14px 0}
.footer{text-align:center;padding:30px;color:var(--muted)}.empty{background:#fff;border-radius:14px;padding:50px;text-align:center}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf5ff,#f8fbff)}.login-card{width:min(420px,92vw);background:#fff;padding:32px;border-radius:20px;box-shadow:0 20px 60px #18356120}.login-card h1{margin-top:0}.login-card p{color:var(--muted)}.login-card label{display:block;margin:16px 0;font-size:13px;font-weight:700}.login-card input,.admin-form input,.admin-form select,.inline-form input,.inline-form select{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;margin-top:7px}.primary-btn,.secondary-btn{display:inline-block;border:0;border-radius:9px;padding:12px 17px;text-decoration:none;font-weight:700;cursor:pointer}.primary-btn{background:var(--blue);color:#fff}.secondary-btn{background:#e9eef5;color:var(--dark)}.login-card .primary-btn{width:100%}.alert{background:#ffe9e9;color:#a40000;padding:12px;border-radius:8px}
.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-head h1{margin-bottom:5px}.admin-head p{color:var(--muted)}.admin-table-wrap{overflow:auto;background:#fff;border-radius:14px;border:1px solid var(--line)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.admin-table th{background:#f7f9fc}.actions-cell{display:flex;gap:10px}.actions-cell form{display:inline}.actions-cell button,.actions-cell a{border:0;background:none;color:var(--blue);cursor:pointer;text-decoration:none}
.admin-form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-form label{font-size:13px;font-weight:700}.admin-form .checkbox{grid-column:1/-1}.admin-form .checkbox input{width:auto;height:auto}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.inline-form{display:grid;grid-template-columns:1fr 1fr 160px auto;gap:10px;background:#fff;padding:18px;border-radius:14px;margin-bottom:18px}
@media(max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{padding:14px 16px}.brand strong{font-size:20px}.site-header nav a:first-child{display:none}.container{padding:20px 14px}.hero-row{display:block}.toolbar{margin-top:18px}.toolbar input{width:100%}.stats,.cards{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.admin-form .checkbox,.form-actions{grid-column:1}.inline-form{grid-template-columns:1fr}.admin-head{align-items:flex-start;gap:15px}.admin-head>div:last-child{display:flex;flex-direction:column;gap:8px}}

.secure-toolbar{margin:24px 0 4px;justify-content:flex-end}
.admin-buttons{display:flex;gap:10px;align-items:center}
.card-admin-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}
.card-admin-actions form{margin:0}
.card-admin-actions a,.card-admin-actions button{border:0;background:transparent;padding:0;color:var(--blue);font-weight:700;font-size:12px;text-decoration:none;cursor:pointer}
.card-admin-actions button{color:#d32626}
.inactive-card{opacity:.58}
@media(max-width:700px){.secure-toolbar{justify-content:flex-start}.admin-buttons{margin-top:15px}}

.diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}
.diagnostic-grid article,.repair-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.diagnostic-grid span{display:block;color:var(--muted);margin-bottom:8px}.diagnostic-grid strong{font-size:24px}
.notice{padding:16px 18px;border-radius:12px;margin:18px 0;line-height:1.6}
.notice.success{background:#ecfff4;border:1px solid #9edab8;color:#08713e}
.notice.danger{background:#fff0f0;border:1px solid #efb3b3;color:#9a1c1c}
.repair-box h2{margin-top:0}
@media(max-width:700px){.diagnostic-grid{grid-template-columns:1fr}}

.notice ul{margin:8px 0 0;padding-left:20px}.notice.success{background:#ecfff4;border:1px solid #9edab8;color:#08713e}.notice.danger{background:#fff0f0;border:1px solid #efb3b3;color:#9a1c1c}.admin-form input:invalid{border-color:#e5a0a0}.admin-form input:focus,.admin-form select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #dceaff}

.new-card{
  border:2px solid var(--blue);
  box-shadow:0 0 0 5px rgba(9,105,240,.10),0 14px 30px rgba(9,105,240,.18);
  animation:newCardPulse 1.8s ease 2;
}
.new-badge{
  background:#eaf2ff;
  color:var(--blue);
  border:1px solid #a9c9ff;
  border-radius:7px;
  padding:5px 7px;
  font-size:9px;
  font-weight:800;
}
@keyframes newCardPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.015)}
}
.status-green{
    color:#16a34a;
    font-weight:700;
}

.status-red{
    color:#dc2626;
    font-weight:700;
}

.badge.ok{
    background:#ecfdf3;
    color:#16a34a;
    border:1px solid #bbf7d0;
}

.badge.wait{
    background:#fef2f2;
    color:#dc2626;
    border:1px solid #fecaca;
}

/* Eski düzene sadık modern sevkiyat kartları */
.shipment-cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.classic-modern-card{
  position:relative;
  overflow:hidden;
  padding:0;
  border:1px solid #dce5f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 7px 22px rgba(20,33,61,.065);
}

.classic-modern-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#0969f0,#5b91f7);
}

.classic-modern-card:hover{
  transform:translateY(-4px);
  border-color:#b9cdf0;
  box-shadow:0 15px 34px rgba(20,33,61,.12);
}

.classic-card-head{
  min-height:76px;
  padding:20px 18px 15px;
  margin:0;
  border-bottom:1px solid #e7edf5;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}

.classic-card-head .number{
  min-width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border-radius:9px;
  box-shadow:0 5px 12px rgba(9,105,240,.2);
}

.card-title-wrap{
  min-width:0;
  flex:1;
}

.card-title-wrap strong{
  display:block;
  margin:0 0 4px;
  font-size:14px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.card-title-wrap small{
  display:block;
  color:#718096;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15px;
}

.classic-card-head .badge{
  flex:0 0 auto;
  white-space:nowrap;
}

.classic-section{
  padding:14px 18px 2px;
}

.classic-section + .classic-section{
  border-top:1px dashed #dce5f0;
  margin-top:10px;
  padding-top:15px;
}

.classic-section-title{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:11px;
  color:#0969f0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.classic-section-title::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#0969f0;
  box-shadow:0 0 0 4px #e8f1ff;
}

.classic-details{
  display:grid;
  grid-template-columns:125px minmax(0,1fr);
  gap:9px 12px;
  margin:0;
  font-size:12px;
}

.classic-details dt{
  color:#63708a;
  font-weight:500;
  line-height:1.4;
}

.classic-details dd{
  margin:0;
  color:#14213d;
  font-weight:600;
  line-height:1.4;
  overflow:visible;
  word-break:break-word;
}

.classic-note{
  margin:15px 18px 0;
  padding:12px 13px;
  border:1px solid #e2e9f2;
  border-radius:11px;
  background:#f8fafc;
}

.classic-note span{
  display:block;
  margin-bottom:6px;
  color:#63708a;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}

.classic-note p{
  margin:0;
  color:#334155;
  font-size:11px;
  line-height:1.5;
}

.classic-card-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:16px;
  padding:13px 18px 17px;
  border-top:1px solid #e7edf5;
  background:#fbfdff;
}

.ens-line{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:800;
}

.ens-line::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
}

.ens-line.done{color:#07934f}
.ens-line.done::before{background:#12a45c}
.ens-line.pending{color:#dc2626}
.ens-line.pending::before{background:#dc2626}

.classic-card-footer .card-admin-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  border:0;
}

.classic-card-footer .card-admin-actions form{
  display:flex;
  margin:0;
}

.classic-card-footer .card-edit-link,
.classic-card-footer .card-delete-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 11px;
  border-radius:8px;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}

.classic-card-footer .card-edit-link{
  color:#0969f0;
  border:1px solid #a9c9ff;
  background:#f1f6ff;
}

.classic-card-footer .card-delete-btn{
  color:#cf202f;
  border:1px solid #f1afb5;
  background:#fff5f6;
}

.classic-card-footer .card-edit-link:hover{background:#e6f0ff}
.classic-card-footer .card-delete-btn:hover{background:#ffe8eb}

@media(max-width:1300px){
  .shipment-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .shipment-cards{grid-template-columns:1fr}
  .classic-details{grid-template-columns:115px minmax(0,1fr)}
  .classic-card-footer{align-items:flex-start;flex-direction:column}
  .classic-card-footer .card-admin-actions{width:100%;justify-content:flex-end}
}

/* CMR, Dozvola, telefon ve lokasyon */
.phone-link{color:#0969f0;font-weight:700;text-decoration:none}
.phone-link:hover{text-decoration:underline}
.dozvola-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;padding:4px 8px;border-radius:7px;font-size:10px;font-weight:800
}
.dozvola-badge.has{color:#08713e;background:#ecfff4;border:1px solid #9edab8}
.dozvola-badge.none{color:#b42318;background:#fff0f0;border:1px solid #f2a7a7}
.dozvola-number{display:block;margin-top:5px;color:#334155;font-weight:700}
.cmr-download-link{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 9px;border-radius:7px;background:#eef6ff;border:1px solid #a9c9ff;
  color:#0969f0;font-size:10px;font-weight:800;text-decoration:none
}
.cmr-download-link:hover{background:#e2efff}
.cmr-missing{color:#94a3b8;font-size:10px}
.cmr-upload-field small{display:block;margin-top:6px;color:#63708a;font-weight:500}
.current-cmr{display:block;margin-top:8px;padding:8px 10px;border-radius:8px;background:#f1f6ff;color:#334155;font-size:11px}
.current-cmr a{color:#0969f0;font-weight:800}

/* =========================================================
   MODERN KART FONTLARI + HER KARTA FARKLI ÜST RENK BARI
   ========================================================= */

/* Kart içindeki genel yazıları daha hafif ve modern göster */
.classic-modern-card{
  font-weight:400;
}

.classic-modern-card .card-title-wrap strong{
  font-weight:600;
  letter-spacing:-0.1px;
}

.classic-modern-card .card-title-wrap small{
  font-weight:500;
}

.classic-modern-card .classic-section-title{
  font-weight:600;
  letter-spacing:.65px;
}

.classic-modern-card .classic-details dt{
  font-weight:400;
  color:#64748b;
}

.classic-modern-card .classic-details dd{
  font-weight:500;
  color:#172033;
}

.classic-modern-card .classic-note span{
  font-weight:600;
}

.classic-modern-card .classic-note p{
  font-weight:400;
}

.classic-modern-card .ens-line{
  font-weight:600;
}

.classic-modern-card .dozvola-badge,
.classic-modern-card .cmr-download-link,
.classic-modern-card .card-edit-link,
.classic-modern-card .card-delete-btn{
  font-weight:600;
}

/* Varsayılan üst bar */
.classic-modern-card::before{
  background:#2563eb;
}

/* Kartlara sırayla farklı renk barları */
.shipment-cards .classic-modern-card:nth-child(8n+1)::before{
  background:linear-gradient(90deg,#2563eb,#60a5fa);
}

.shipment-cards .classic-modern-card:nth-child(8n+2)::before{
  background:linear-gradient(90deg,#7c3aed,#a78bfa);
}

.shipment-cards .classic-modern-card:nth-child(8n+3)::before{
  background:linear-gradient(90deg,#16a34a,#4ade80);
}

.shipment-cards .classic-modern-card:nth-child(8n+4)::before{
  background:linear-gradient(90deg,#ea580c,#fb923c);
}

.shipment-cards .classic-modern-card:nth-child(8n+5)::before{
  background:linear-gradient(90deg,#0891b2,#22d3ee);
}

.shipment-cards .classic-modern-card:nth-child(8n+6)::before{
  background:linear-gradient(90deg,#db2777,#f472b6);
}

.shipment-cards .classic-modern-card:nth-child(8n+7)::before{
  background:linear-gradient(90deg,#ca8a04,#facc15);
}

.shipment-cards .classic-modern-card:nth-child(8n+8)::before{
  background:linear-gradient(90deg,#475569,#94a3b8);
}

/* Üstteki sıra numarası da bar rengine uyumlu olsun */
.shipment-cards .classic-modern-card:nth-child(8n+1) .number{background:#2563eb}
.shipment-cards .classic-modern-card:nth-child(8n+2) .number{background:#7c3aed}
.shipment-cards .classic-modern-card:nth-child(8n+3) .number{background:#16a34a}
.shipment-cards .classic-modern-card:nth-child(8n+4) .number{background:#ea580c}
.shipment-cards .classic-modern-card:nth-child(8n+5) .number{background:#0891b2}
.shipment-cards .classic-modern-card:nth-child(8n+6) .number{background:#db2777}
.shipment-cards .classic-modern-card:nth-child(8n+7) .number{background:#ca8a04}
.shipment-cards .classic-modern-card:nth-child(8n+8) .number{background:#475569}

/* Bölüm başlıklarının noktası ve rengi de karta uyum sağlasın */
.shipment-cards .classic-modern-card:nth-child(8n+1) .classic-section-title{color:#2563eb}
.shipment-cards .classic-modern-card:nth-child(8n+2) .classic-section-title{color:#7c3aed}
.shipment-cards .classic-modern-card:nth-child(8n+3) .classic-section-title{color:#16a34a}
.shipment-cards .classic-modern-card:nth-child(8n+4) .classic-section-title{color:#ea580c}
.shipment-cards .classic-modern-card:nth-child(8n+5) .classic-section-title{color:#0891b2}
.shipment-cards .classic-modern-card:nth-child(8n+6) .classic-section-title{color:#db2777}
.shipment-cards .classic-modern-card:nth-child(8n+7) .classic-section-title{color:#ca8a04}
.shipment-cards .classic-modern-card:nth-child(8n+8) .classic-section-title{color:#475569}

.shipment-cards .classic-modern-card:nth-child(8n+1) .classic-section-title::before{background:#2563eb}
.shipment-cards .classic-modern-card:nth-child(8n+2) .classic-section-title::before{background:#7c3aed}
.shipment-cards .classic-modern-card:nth-child(8n+3) .classic-section-title::before{background:#16a34a}
.shipment-cards .classic-modern-card:nth-child(8n+4) .classic-section-title::before{background:#ea580c}
.shipment-cards .classic-modern-card:nth-child(8n+5) .classic-section-title::before{background:#0891b2}
.shipment-cards .classic-modern-card:nth-child(8n+6) .classic-section-title::before{background:#db2777}
.shipment-cards .classic-modern-card:nth-child(8n+7) .classic-section-title::before{background:#ca8a04}
.shipment-cards .classic-modern-card:nth-child(8n+8) .classic-section-title::before{background:#475569}

/* =========================================================
   DOZVOLA MODÜLÜ
   ========================================================= */
.toolbar-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  color:var(--dark);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
}
.toolbar-link:hover{border-color:#9fc1fa;background:#f4f8ff;color:#0969f0}

.dozvola-toolbar{align-items:center}
.dozvola-stats{margin-top:20px}

.dozvola-list-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin:28px 0 18px;
}
.dozvola-list-head h2{margin:0 0 5px;font-size:20px}
.dozvola-list-head p{margin:0;color:var(--muted);font-size:13px}
.dozvola-status-filters{display:flex;gap:8px}
.dozvola-status-filters a{
  padding:9px 14px;border-radius:20px;border:1px solid var(--line);
  color:#475569;background:#fff;text-decoration:none;font-size:12px;font-weight:600
}
.dozvola-status-filters a.active{background:#0969f0;color:#fff;border-color:#0969f0}

.dozvola-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.dozvola-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #dfe7f1;
  border-radius:16px;
  box-shadow:0 7px 22px rgba(20,33,61,.06);
  transition:.2s ease;
}
.dozvola-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#16a34a,#4ade80)
}
.dozvola-card:nth-child(6n+2)::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.dozvola-card:nth-child(6n+3)::before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.dozvola-card:nth-child(6n+4)::before{background:linear-gradient(90deg,#ea580c,#fb923c)}
.dozvola-card:nth-child(6n+5)::before{background:linear-gradient(90deg,#0891b2,#22d3ee)}
.dozvola-card:nth-child(6n+6)::before{background:linear-gradient(90deg,#db2777,#f472b6)}
.dozvola-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,33,61,.11)}

.dozvola-card-head{
  display:flex;align-items:center;gap:13px;padding:20px 18px 16px;
  border-bottom:1px solid #e7edf5;background:linear-gradient(180deg,#fff,#fbfdff)
}
.dozvola-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  background:#ecfff4;color:#07934f;border:1px solid #a8e2c0;font-weight:700
}
.dozvola-card:nth-child(6n+2) .dozvola-icon{background:#eef6ff;color:#0969f0;border-color:#b7d2f8}
.dozvola-card:nth-child(6n+3) .dozvola-icon{background:#f6f0ff;color:#7c3aed;border-color:#d7c1ff}
.dozvola-card:nth-child(6n+4) .dozvola-icon{background:#fff5ec;color:#ea580c;border-color:#ffd0ae}
.dozvola-card:nth-child(6n+5) .dozvola-icon{background:#ecfeff;color:#0891b2;border-color:#a5edf2}
.dozvola-card:nth-child(6n+6) .dozvola-icon{background:#fff0f6;color:#db2777;border-color:#ffc0db}

.dozvola-title{min-width:0;flex:1}
.dozvola-title strong{display:block;font-size:15px;font-weight:600;margin-bottom:5px}
.dozvola-title small{display:block;color:#718096;font-size:11px;font-weight:400}
.dozvola-status{padding:6px 10px;border-radius:20px;font-size:10px;font-weight:600}
.dozvola-status.active{color:#08713e;background:#ecfff4;border:1px solid #b2e4c6}
.dozvola-status.passive{color:#475569;background:#eef2f6;border:1px solid #dce3eb}

.dozvola-details{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:0;
  margin:0;
  padding:9px 18px 14px;
  font-size:12px;
}
.dozvola-details dt,.dozvola-details dd{
  margin:0;padding:10px 0;border-bottom:1px solid #edf1f5;line-height:1.4
}
.dozvola-details dt{color:#64748b;font-weight:400}
.dozvola-details dd{text-align:right;color:#172033;font-weight:500;word-break:break-word}
.country-tag{
  display:inline-block;padding:5px 9px;border-radius:12px;
  background:#ecfff4;color:#07934f;font-size:10px;font-weight:500
}

.dozvola-card-actions{
  display:flex;justify-content:flex-end;align-items:center;gap:9px;
  padding:13px 18px 16px;background:#fbfdff
}
.dozvola-card-actions form{margin:0}
.dozvola-edit,.dozvola-delete{
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;
  padding:6px 13px;border-radius:8px;font-size:10px;font-weight:600;text-decoration:none;cursor:pointer
}
.dozvola-edit{color:#0969f0;background:#f1f6ff;border:1px solid #a9c9ff}
.dozvola-delete{color:#cf202f;background:#fff5f6;border:1px solid #f1afb5}
.dozvola-form textarea{
  width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;
  resize:vertical;font:inherit;margin-top:7px
}

@media(max-width:1200px){.dozvola-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .dozvola-grid{grid-template-columns:1fr}
  .dozvola-list-head{align-items:flex-start;flex-direction:column}
  .dozvola-details{grid-template-columns:115px minmax(0,1fr)}
}


/* DOZVOLA KART GÖRÜNÜRLÜK DÜZELTMESİ */
.dozvola-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.dozvola-details{flex:1}
.dozvola-driver-name{
  color:#0f172a !important;
  font-weight:600 !important;
  opacity:1 !important;
}
.dozvola-status{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  visibility:visible !important;
  opacity:1 !important;
  min-width:52px;
}
.dozvola-status.active{
  color:#08713e !important;
  background:#ecfff4 !important;
  border:1px solid #9edab8 !important;
}
.dozvola-status.passive{
  color:#475569 !important;
  background:#eef2f6 !important;
  border:1px solid #cbd5e1 !important;
}
.dozvola-card-actions{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
  margin-top:auto;
  border-top:1px solid #e7edf5;
}
.dozvola-card-actions form{
  display:inline-flex !important;
  margin:0 !important;
}
.dozvola-edit,
.dozvola-delete{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  min-width:78px;
  min-height:34px;
  padding:7px 14px !important;
  border-radius:8px !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;
}
.dozvola-edit{
  color:#0969f0 !important;
  background:#f1f6ff !important;
  border:1px solid #9fc1fa !important;
}
.dozvola-delete{
  color:#d11a2a !important;
  background:#fff4f5 !important;
  border:1px solid #ef9da5 !important;
}


/* Dozvola kartı kritik görünürlük düzeltmesi */
.dozvola-card-head,
.dozvola-details,
.dozvola-card-actions{
  visibility:visible !important;
  opacity:1 !important;
}

.dozvola-driver-name{
  display:block !important;
  color:#172033 !important;
  font-weight:500 !important;
  min-height:17px;
}

.dozvola-card-actions{
  display:flex !important;
  position:relative !important;
  z-index:2;
  min-height:60px;
}

.dozvola-card-actions .dozvola-edit,
.dozvola-card-actions .dozvola-delete{
  display:inline-flex !important;
}

.dozvola-status{
  display:inline-flex !important;
}


/* Dozvola geçerlilik tarihi */
.valid-until{
  color:#172033;
  font-weight:500;
}
.valid-until.expired{
  color:#dc2626 !important;
  font-weight:600 !important;
}


/* =========================================================
   CANLI KAYAN BAŞLIK BANDI
   ========================================================= */
.vehicle-ticker{
  display:flex;
  align-items:stretch;
  min-height:48px;
  margin:4px 0 18px;
  overflow:hidden;
  border:1px solid #dbe6f2;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 16px rgba(20,33,61,.045);
}

.vehicle-ticker-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  padding:0 17px;
  background:linear-gradient(135deg,#0969f0,#2563eb);
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.8px;
  white-space:nowrap;
}

.vehicle-ticker-label::after{
  content:"";
  position:absolute;
  top:0;
  right:-15px;
  width:30px;
  height:100%;
  background:inherit;
  transform:skewX(-18deg);
  z-index:-1;
}

.vehicle-ticker-window{
  min-width:0;
  flex:1;
  overflow:hidden;
}

.vehicle-ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-height:48px;
  animation:vehicleTickerMove 95s linear infinite;
  will-change:transform;
}

.vehicle-ticker:hover .vehicle-ticker-track{
  animation-play-state:paused;
}

.vehicle-ticker-item{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:0 22px;
  border-right:1px solid #e8eef5;
  color:#172033;
  text-decoration:none;
  white-space:nowrap;
}

.vehicle-ticker-item:hover{
  background:#f5f9ff;
}

.vehicle-ticker-item strong{
  font-size:12px;
  font-weight:600;
}

.vehicle-ticker-item small{
  color:#718096;
  font-size:10px;
  font-weight:400;
}

.ticker-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  flex:0 0 auto;
}

.ticker-dot.done{background:#16a34a}
.ticker-dot.pending{background:#dc2626}

.ticker-status{
  padding:4px 7px;
  border-radius:10px;
  font-size:9px;
  font-weight:600;
}

.ticker-status.done{
  color:#08713e;
  background:#ecfff4;
}

.ticker-status.pending{
  color:#c81e2a;
  background:#fff0f1;
}

@keyframes vehicleTickerMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* =========================================================
   DAHA KOMPAKT ARAÇ KARTLARI
   ========================================================= */
.compact-shipment-cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}

.compact-shipment-cards .classic-modern-card{
  border-radius:15px;
}

.compact-shipment-cards .classic-card-head{
  min-height:64px;
  padding:15px 14px 12px;
}

.compact-shipment-cards .classic-card-head .number{
  min-width:34px;
  height:34px;
  padding:0 8px;
  border-radius:8px;
  font-size:13px;
}

.compact-shipment-cards .card-title-wrap strong{
  margin-bottom:3px;
  font-size:12px;
}

.compact-shipment-cards .card-title-wrap small{
  font-size:9px;
}

.compact-shipment-cards .classic-card-head .badge{
  padding:5px 7px;
  font-size:9px;
}

.compact-shipment-cards .classic-section{
  padding:10px 14px 1px;
}

.compact-shipment-cards .classic-section + .classic-section{
  margin-top:7px;
  padding-top:11px;
}

.compact-shipment-cards .classic-section-title{
  margin-bottom:8px;
  font-size:9px;
  letter-spacing:.55px;
}

.compact-shipment-cards .classic-details{
  grid-template-columns:105px minmax(0,1fr);
  gap:6px 9px;
  font-size:10px;
}

.compact-shipment-cards .classic-details dt,
.compact-shipment-cards .classic-details dd{
  line-height:1.32;
}

.compact-shipment-cards .classic-note{
  margin:11px 14px 0;
  padding:9px 10px;
  border-radius:9px;
}

.compact-shipment-cards .classic-note span{
  margin-bottom:4px;
  font-size:8px;
}

.compact-shipment-cards .classic-note p{
  font-size:9px;
  line-height:1.4;
}

.compact-shipment-cards .classic-card-footer{
  gap:8px;
  margin-top:11px;
  padding:10px 14px 12px;
}

.compact-shipment-cards .ens-line{
  font-size:9px;
}

.compact-shipment-cards .classic-card-footer .card-edit-link,
.compact-shipment-cards .classic-card-footer .card-delete-btn{
  min-height:28px;
  padding:5px 9px;
  font-size:9px;
}

.compact-shipment-cards .dozvola-badge,
.compact-shipment-cards .cmr-download-link{
  padding:3px 6px;
  font-size:8px;
}

@media(max-width:1450px){
  .compact-shipment-cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:1050px){
  .compact-shipment-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .vehicle-ticker{
    margin-bottom:14px;
  }

  .vehicle-ticker-label{
    display:none;
  }

  .vehicle-ticker-track{
    animation-duration:70s;
  }

  .compact-shipment-cards{
    grid-template-columns:1fr;
  }

  .compact-shipment-cards .classic-details{
    grid-template-columns:105px minmax(0,1fr);
  }
}

@media(prefers-reduced-motion:reduce){
  .vehicle-ticker-track{
    animation:none;
  }

  .vehicle-ticker-window{
    overflow-x:auto;
  }
}


/* CANLI ARAÇ HARİTASI */
.location-map-link{color:#0969f0;font-weight:600;text-decoration:none}
.location-map-link:hover{text-decoration:underline}

.map-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin:20px 0;
}
.map-summary article{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px
}
.map-summary span{display:block;color:var(--muted);font-size:12px}
.map-summary strong{display:block;margin-top:6px;font-size:28px;color:#0969f0}

.map-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:16px;
  min-height:650px;
}
.map-vehicle-list{
  background:#fff;border:1px solid var(--line);border-radius:15px;
  overflow:auto;max-height:650px
}
.map-list-head{
  position:sticky;top:0;z-index:2;padding:16px 17px;
  background:#fff;border-bottom:1px solid var(--line);font-weight:700
}
.map-list-item{
  display:block;width:100%;padding:14px 16px;text-align:left;
  border:0;border-bottom:1px solid #edf1f5;background:#fff;cursor:pointer
}
.map-list-item:hover{background:#f5f9ff}
.map-list-item strong{display:block;color:#172033;font-size:12px}
.map-list-item span{display:block;margin-top:5px;color:#0969f0;font-size:11px}
.map-list-item small{display:block;margin-top:4px;color:#718096;font-size:10px}
.map-empty{padding:25px;color:#718096;font-size:12px;text-align:center}
.vehicle-map{
  min-height:650px;border:1px solid var(--line);border-radius:15px;
  overflow:hidden;background:#eaf0f6
}
.map-popup{min-width:220px}
.map-popup>strong{display:block;font-size:14px;margin-bottom:4px}
.map-popup>span{display:block;color:#64748b;font-size:11px;margin-bottom:10px}
.map-popup dl{display:grid;grid-template-columns:65px 1fr;gap:6px;margin:0;font-size:11px}
.map-popup dt{color:#64748b}.map-popup dd{margin:0;font-weight:600}
.map-popup dd.done{color:#07934f}.map-popup dd.pending{color:#dc2626}
.map-popup-actions{display:flex;gap:8px;margin-top:12px}
.map-popup-actions a{
  padding:6px 9px;border-radius:7px;background:#eef6ff;color:#0969f0;
  text-decoration:none;font-size:10px;font-weight:700
}
@media(max-width:900px){
  .map-layout{grid-template-columns:1fr}
  .map-vehicle-list{max-height:240px}
  .vehicle-map{min-height:520px}
}
@media(max-width:600px){
  .map-summary{grid-template-columns:1fr}
}


/* =========================================================
   MODERN TEK SATIR ÜST MENÜ
   ========================================================= */
.modern-header{
  position:sticky;
  top:0;
  z-index:1000;
  display:flex;
  align-items:center;
  gap:24px;
  min-height:72px;
  padding:12px 24px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(219,230,242,.95);
  box-shadow:0 8px 24px rgba(15,23,42,.055);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.modern-header .brand{
  flex:0 0 auto;
  min-width:0;
  gap:11px;
}

.modern-header .truck{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  background:linear-gradient(135deg,#0969f0,#4f8df7);
  color:#fff;
  font-size:21px;
  box-shadow:0 8px 18px rgba(9,105,240,.2);
}

.modern-header .brand-copy{
  min-width:0;
}

.modern-header .brand strong{
  font-size:20px;
  line-height:1.15;
  white-space:nowrap;
}

.modern-header .brand small{
  margin-top:3px;
  font-size:10px;
  white-space:nowrap;
}

.top-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:1 1 auto;
  min-width:0;
  gap:7px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
}

.top-nav::-webkit-scrollbar{
  display:none;
}

.top-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:38px;
  padding:0 13px;
  border:1px solid transparent;
  border-radius:10px;
  color:#334155;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  transition:.18s ease;
}

.top-nav a:hover{
  color:#0969f0;
  background:#f2f7ff;
  border-color:#cfe0fa;
}

.top-nav .logout-link{
  margin-left:3px;
  color:#c81e2a;
  background:#fff5f6;
  border-color:#f2c1c6;
}

.top-nav .logout-link:hover{
  color:#b21624;
  background:#ffecef;
  border-color:#eba6ae;
}

.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  flex:0 0 auto;
  padding:0;
  border:1px solid #dbe6f2;
  border-radius:11px;
  background:#fff;
  box-shadow:0 5px 14px rgba(15,23,42,.06);
}

.nav-toggle span{
  display:block;
  width:19px;
  height:2px;
  margin:4px auto;
  border-radius:3px;
  background:#334155;
  transition:.2s ease;
}

.nav-toggle.open span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
.nav-toggle.open span:nth-child(2){
  opacity:0;
}
.nav-toggle.open span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

@media(max-width:980px){
  .modern-header{
    min-height:64px;
    padding:10px 15px;
  }

  .modern-header .brand strong{
    font-size:18px;
  }

  .modern-header .brand small{
    display:none;
  }

  .modern-header .truck{
    width:38px;
    height:38px;
    border-radius:10px;
  }

  .nav-toggle{
    display:block;
    margin-left:auto;
  }

  .top-nav{
    position:absolute;
    top:calc(100% + 8px);
    left:14px;
    right:14px;
    display:none;
    max-height:calc(100vh - 95px);
    overflow-y:auto;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    padding:12px;
    border:1px solid #dbe6f2;
    border-radius:15px;
    background:#fff;
    box-shadow:0 18px 50px rgba(15,23,42,.16);
  }

  .top-nav.open{
    display:flex;
  }

  .top-nav a{
    justify-content:flex-start;
    width:100%;
    min-height:43px;
    padding:0 14px;
    border-color:#edf1f5;
    background:#fafcff;
  }

  .top-nav .logout-link{
    margin-left:0;
  }
}

@media(max-width:480px){
  .modern-header .brand-copy{
    max-width:170px;
  }

  .modern-header .brand strong{
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


/* =========================================================
   MODERN YÖNETİM KOMUT BARI
   ========================================================= */
.dashboard-command-bar{
  display:grid;
  grid-template-columns:minmax(300px,1fr) minmax(0,auto);
  align-items:center;
  gap:24px;
  margin:6px 0 22px;
  padding:22px 24px;
  border:1px solid #dce6f1;
  border-radius:18px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.07), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.055);
}

.dashboard-command-copy{
  min-width:0;
}

.dashboard-command-copy h1{
  margin:0 0 7px;
  font-size:29px;
  line-height:1.1;
  letter-spacing:-.55px;
}

.dashboard-command-copy p{
  max-width:480px;
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}

.dashboard-command-bar .admin-buttons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 1px 5px;
  white-space:nowrap;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}

.dashboard-command-bar .admin-buttons::-webkit-scrollbar{
  height:4px;
}

.dashboard-command-bar .admin-buttons::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:#cbd5e1;
}

.dashboard-command-bar .admin-buttons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:42px;
  padding:0 13px;
  border-radius:11px;
  font-size:11px;
  font-weight:600;
  line-height:1.1;
  white-space:nowrap;
  text-align:left;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dashboard-command-bar .admin-buttons .secondary-btn{
  color:#263244;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  box-shadow:none;
}

.dashboard-command-bar .admin-buttons .secondary-btn:hover{
  transform:translateY(-1px);
  color:#0969f0;
  background:#fff;
  border-color:#b9d2f6;
  box-shadow:0 7px 16px rgba(15,23,42,.065);
}

.dashboard-command-bar .admin-buttons .primary-btn{
  padding:0 16px;
  color:#fff;
  background:linear-gradient(135deg,#0969f0,#1d4ed8);
  border:1px solid #0969f0;
  box-shadow:0 8px 18px rgba(9,105,240,.19);
}

.dashboard-command-bar .admin-buttons .primary-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 24px rgba(9,105,240,.25);
}

.dashboard-command-bar .command-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:19px;
  height:19px;
  padding:0 3px;
  border-radius:6px;
  background:rgba(255,255,255,.72);
  color:#2563eb;
  font-size:9px;
  font-weight:800;
  line-height:1;
}

.dashboard-command-bar .primary-btn .command-icon{
  background:rgba(255,255,255,.16);
  color:#fff;
}

@media(max-width:1280px){
  .dashboard-command-bar{
    grid-template-columns:1fr;
    align-items:start;
  }

  .dashboard-command-bar .admin-buttons{
    justify-content:flex-start;
    width:100%;
  }
}

@media(max-width:700px){
  .dashboard-command-bar{
    gap:17px;
    margin-top:2px;
    padding:18px 15px;
    border-radius:15px;
  }

  .dashboard-command-copy h1{
    font-size:24px;
  }

  .dashboard-command-copy p{
    font-size:11px;
  }

  .dashboard-command-bar .admin-buttons{
    gap:7px;
  }

  .dashboard-command-bar .admin-buttons a{
    min-height:39px;
    padding:0 11px;
    font-size:10px;
  }
}


/* =========================================================
   ARAÇ KARTI SAYFALAMA
   ========================================================= */
.vehicle-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:28px 0 8px;
}

.pagination-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.vehicle-pagination a,
.vehicle-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:39px;
  height:39px;
  padding:0 11px;
  border:1px solid #dce5f0;
  border-radius:10px;
  background:#fff;
  color:#334155;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 3px 10px rgba(15,23,42,.035);
  transition:.18s ease;
}

.vehicle-pagination a:hover{
  color:#0969f0;
  border-color:#a9c9ff;
  background:#f3f7ff;
  transform:translateY(-1px);
}

.vehicle-pagination .active{
  color:#fff;
  border-color:#0969f0;
  background:linear-gradient(135deg,#0969f0,#2563eb);
  box-shadow:0 8px 18px rgba(9,105,240,.2);
}

.vehicle-pagination .pagination-control{
  min-width:91px;
}

.vehicle-pagination .disabled{
  color:#a5afbd;
  background:#f4f6f8;
  border-color:#e5e9ef;
  box-shadow:none;
  cursor:not-allowed;
}

.vehicle-pagination .pagination-dots{
  min-width:25px;
  padding:0;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}

.pagination-summary{
  margin-bottom:24px;
  color:#718096;
  font-size:11px;
  text-align:center;
}

@media(max-width:600px){
  .vehicle-pagination{
    gap:7px;
  }

  .vehicle-pagination a,
  .vehicle-pagination span{
    min-width:34px;
    height:36px;
    padding:0 8px;
    font-size:11px;
  }

  .vehicle-pagination .pagination-control{
    min-width:auto;
  }

  .pagination-numbers{
    gap:5px;
  }
}


/* =========================================================
   BİLDİRİM MERKEZİ
   ========================================================= */
.notification-center{
  position:relative;
  flex:0 0 auto;
  margin-left:auto;
}

.notification-toggle{
  position:relative;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #dbe6f2;
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 14px rgba(15,23,42,.055);
}

.notification-toggle:hover{
  border-color:#a9c9ff;
  background:#f4f8ff;
}

.notification-bell{
  position:relative;
  width:17px;
  height:19px;
  color:transparent;
}

.notification-bell::before{
  content:"";
  position:absolute;
  top:2px;
  left:3px;
  width:11px;
  height:12px;
  border:2px solid #334155;
  border-radius:7px 7px 4px 4px;
  border-bottom-width:1px;
}

.notification-bell::after{
  content:"";
  position:absolute;
  left:7px;
  bottom:1px;
  width:4px;
  height:3px;
  border-radius:0 0 5px 5px;
  background:#334155;
}

.notification-count{
  position:absolute;
  top:-5px;
  right:-5px;
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:12px;
  background:#dc2626;
  color:#fff;
  font-size:9px;
  font-weight:800;
}

.notification-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  display:none;
  width:min(390px,calc(100vw - 30px));
  overflow:hidden;
  border:1px solid #dbe6f2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 22px 65px rgba(15,23,42,.19);
  z-index:1200;
}

.notification-center.open .notification-dropdown{
  display:block;
}

.notification-dropdown-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:16px 17px;
  border-bottom:1px solid #e8eef5;
  background:#fbfdff;
}

.notification-dropdown-head strong{
  display:block;
  font-size:14px;
}

.notification-dropdown-head small{
  display:block;
  margin-top:3px;
  color:#718096;
  font-size:10px;
}

.notification-dropdown-head a{
  color:#0969f0;
  font-size:10px;
  font-weight:700;
  text-decoration:none;
}

.notification-mini-list{
  max-height:430px;
  overflow:auto;
}

.notification-mini-item{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 16px;
  border-bottom:1px solid #edf1f5;
  color:#172033;
  text-decoration:none;
}

.notification-mini-item:hover{
  background:#f7faff;
}

.notification-mini-icon,
.notification-page-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:11px;
  font-weight:800;
}

.notification-mini-item.danger .notification-mini-icon,
.notification-page-item.danger .notification-page-icon{
  color:#c5162e;
  background:#fff0f1;
  border:1px solid #f5b8bf;
}

.notification-mini-item.warning .notification-mini-icon,
.notification-page-item.warning .notification-page-icon{
  color:#b45309;
  background:#fff7e8;
  border:1px solid #f3d093;
}

.notification-mini-item.info .notification-mini-icon,
.notification-page-item.info .notification-page-icon{
  color:#0969f0;
  background:#eef6ff;
  border:1px solid #b8d2f7;
}

.notification-mini-copy{
  min-width:0;
  flex:1;
}

.notification-mini-copy strong{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  font-weight:650;
}

.notification-mini-copy small{
  display:block;
  color:#64748b;
  font-size:10px;
  line-height:1.4;
}

.notification-empty{
  padding:34px 20px;
  text-align:center;
}

.notification-empty strong,
.notification-empty span{
  display:block;
}

.notification-empty span{
  margin-top:6px;
  color:#718096;
  font-size:11px;
}

.notification-dropdown-footer{
  display:block;
  padding:12px 16px;
  background:#f8fbff;
  color:#0969f0;
  font-size:10px;
  font-weight:700;
  text-align:center;
  text-decoration:none;
}

.notification-command-btn .command-icon{
  color:#dc2626 !important;
}

/* Tam bildirim sayfası */
.notification-page-head{
  align-items:center;
}

.notification-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin:23px 0;
}

.notification-stats article{
  padding:18px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
}

.notification-stats span{
  display:block;
  color:#64748b;
  font-size:11px;
}

.notification-stats strong{
  display:block;
  margin-top:7px;
  color:#0969f0;
  font-size:27px;
}

.notification-stats .danger strong{color:#dc2626}
.notification-stats .warning strong{color:#d97706}
.notification-stats .info strong{color:#0969f0}

.notification-filter-bar{
  display:flex;
  gap:8px;
  margin-bottom:17px;
  overflow-x:auto;
}

.notification-filter-bar a{
  flex:0 0 auto;
  padding:9px 14px;
  border:1px solid #dce5f0;
  border-radius:20px;
  background:#fff;
  color:#475569;
  font-size:11px;
  font-weight:600;
  text-decoration:none;
}

.notification-filter-bar a.active{
  color:#fff;
  border-color:#0969f0;
  background:#0969f0;
}

.notification-filter-bar a.active.danger{border-color:#dc2626;background:#dc2626}
.notification-filter-bar a.active.warning{border-color:#d97706;background:#d97706}

.notification-page-list{
  display:grid;
  gap:11px;
}

.notification-page-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:15px 17px;
  border:1px solid #dfe7f1;
  border-left-width:4px;
  border-radius:13px;
  background:#fff;
  color:#172033;
  text-decoration:none;
  box-shadow:0 4px 13px rgba(15,23,42,.035);
}

.notification-page-item.danger{border-left-color:#dc2626}
.notification-page-item.warning{border-left-color:#d97706}
.notification-page-item.info{border-left-color:#0969f0}

.notification-page-copy{
  min-width:0;
  flex:1;
}

.notification-page-copy strong{
  display:block;
  margin-bottom:4px;
  font-size:13px;
  font-weight:650;
}

.notification-page-copy small{
  display:block;
  color:#64748b;
  font-size:11px;
}

.notification-page-action{
  flex:0 0 auto;
  color:#0969f0;
  font-size:10px;
  font-weight:700;
}

.notification-page-empty span{
  display:block;
  margin-top:6px;
  color:#718096;
  font-size:11px;
}

@media(max-width:980px){
  .notification-center{
    margin-left:auto;
  }

  .modern-header .nav-toggle{
    margin-left:0;
  }
}

@media(max-width:700px){
  .notification-stats{
    grid-template-columns:1fr 1fr;
  }

  .notification-page-item{
    align-items:flex-start;
  }

  .notification-page-action{
    display:none;
  }
}

@media(max-width:440px){
  .notification-stats{
    grid-template-columns:1fr;
  }

  .notification-dropdown{
    position:fixed;
    top:70px;
    right:12px;
    left:12px;
    width:auto;
  }
}


/* =========================================================
   BİLDİRİM KUTUSU HİZALAMA DÜZELTMESİ
   ========================================================= */
.notification-center{
  position:relative !important;
}

.notification-dropdown{
  position:absolute !important;
  top:calc(100% + 12px) !important;

  /* Zilin altına ortala */
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;

  width:420px !important;
  max-width:calc(100vw - 32px) !important;
  max-height:620px !important;

  z-index:1500 !important;
}

/* Ekranın sol veya sağ kenarına yaklaşınca taşmayı engelle */
@media(min-width:981px){
  .modern-header .notification-center{
    margin-left:8px;
    margin-right:8px;
  }
}

/* Tablet */
@media(max-width:980px){
  .notification-dropdown{
    left:auto !important;
    right:0 !important;
    transform:none !important;
    width:400px !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* Mobil */
@media(max-width:520px){
  .notification-dropdown{
    position:fixed !important;
    top:72px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 90px) !important;
    transform:none !important;
    border-radius:15px !important;
  }

  .notification-mini-list{
    max-height:calc(100vh - 190px) !important;
  }
}


/* =========================================================
   ARAÇ DETAY SAYFASI
   ========================================================= */
.vehicle-detail-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
  padding:24px;
  border:1px solid #dce6f1;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f7fbff);
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.vehicle-detail-kicker{
  display:block;
  margin-bottom:6px;
  color:#0969f0;
  font-size:10px;
  font-weight:700;
  letter-spacing:1px;
}
.vehicle-detail-hero h1{
  margin:0 0 6px;
  font-size:28px;
}
.vehicle-detail-hero p{
  margin:0;
  color:#64748b;
  font-size:12px;
}
.vehicle-detail-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.vehicle-detail-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.vehicle-detail-summary article{
  padding:17px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
}
.vehicle-detail-summary span{
  display:block;
  color:#64748b;
  font-size:10px;
}
.vehicle-detail-summary strong{
  display:block;
  margin-top:7px;
  font-size:20px;
  font-weight:600;
}
.vehicle-detail-summary strong.ok{color:#07934f}
.vehicle-detail-summary strong.danger{color:#dc2626}
.vehicle-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.vehicle-detail-card{
  overflow:hidden;
  border:1px solid #dfe7f1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.04);
}
.vehicle-detail-card-head{
  padding:15px 17px;
  border-bottom:1px solid #e8eef5;
  background:#fbfdff;
}
.vehicle-detail-card-head h2{
  margin:0;
  font-size:14px;
  font-weight:600;
}
.vehicle-detail-card dl{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:0;
  margin:0;
  padding:7px 17px 14px;
}
.vehicle-detail-card dt,
.vehicle-detail-card dd{
  margin:0;
  padding:9px 0;
  border-bottom:1px solid #edf1f5;
  font-size:11px;
  line-height:1.4;
}
.vehicle-detail-card dt{
  color:#64748b;
  font-weight:400;
}
.vehicle-detail-card dd{
  color:#172033;
  font-weight:500;
  word-break:break-word;
}
.vehicle-detail-note{
  margin-top:16px;
  padding:18px;
  border:1px solid #dfe7f1;
  border-radius:15px;
  background:#fff;
}
.vehicle-detail-note h2{
  margin:0 0 10px;
  font-size:14px;
}
.vehicle-detail-note p{
  margin:0;
  color:#475569;
  font-size:12px;
  line-height:1.6;
}
.detail-download-link{
  display:inline-flex;
  padding:6px 10px;
  border:1px solid #a9c9ff;
  border-radius:8px;
  background:#f1f6ff;
  color:#0969f0;
  font-size:10px;
  font-weight:600;
  text-decoration:none;
}
.card-detail-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 11px;
  border:1px solid #b7d2f8;
  border-radius:8px;
  background:#eef6ff;
  color:#0969f0;
  font-size:10px;
  font-weight:600;
  text-decoration:none;
}
@media(max-width:900px){
  .vehicle-detail-hero{
    align-items:flex-start;
    flex-direction:column;
  }
  .vehicle-detail-actions{
    justify-content:flex-start;
  }
  .vehicle-detail-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .vehicle-detail-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  .vehicle-detail-summary{
    grid-template-columns:1fr;
  }
  .vehicle-detail-card dl{
    grid-template-columns:115px minmax(0,1fr);
  }
}


/* ŞOFÖR ATAMA MODÜLÜ */
.driver-assignment-field>label{
  display:block;
  margin-bottom:7px;
}
.driver-assignment-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
}
.driver-assignment-row input{
  margin-top:0 !important;
  background:#f8fafc;
}
.driver-picker-dialog{
  width:min(620px,calc(100% - 30px));
  max-height:80vh;
}
.driver-picker-search{
  padding:14px 18px;
  border-bottom:1px solid var(--line);
}
.driver-picker-search input{
  width:100%;
  height:43px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:0 13px;
}
.driver-picker-list{
  max-height:480px;
  overflow:auto;
  padding:8px;
}
.driver-picker-item{
  display:flex;
  align-items:center;
  width:100%;
  gap:12px;
  padding:12px;
  border:0;
  border-bottom:1px solid #edf1f5;
  border-radius:10px;
  background:#fff;
  text-align:left;
}
.driver-picker-item:hover{
  background:#f4f8ff;
}
.driver-picker-avatar{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 auto;
  border-radius:11px;
  background:#eef6ff;
  color:#0969f0;
  font-weight:700;
}
.driver-picker-copy{
  min-width:0;
  flex:1;
}
.driver-picker-copy strong{
  display:block;
  margin-bottom:4px;
  font-size:12px;
  font-weight:600;
}
.driver-picker-copy small{
  display:block;
  color:#64748b;
  font-size:10px;
}
.driver-picker-select{
  flex:0 0 auto;
  color:#0969f0;
  font-size:10px;
  font-weight:700;
}
.admin-form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:9px;
  padding:12px;
  margin-top:7px;
  font:inherit;
}
@media(max-width:600px){
  .driver-assignment-row{
    grid-template-columns:1fr;
  }
}


/* ŞOFÖR EXCEL İÇE AKTARMA */
.driver-excel-import-form{
  max-width:850px;
}
.driver-import-summary article:nth-child(1) strong{color:#07934f}
.driver-import-summary article:nth-child(2) strong{color:#0969f0}
.driver-import-summary article:nth-child(3) strong{color:#7c3aed}
.driver-import-summary article:nth-child(4) strong{color:#d97706}


/* ŞOFÖR LİSTESİ VE ATAMA PENCERESİ KESİN DÜZELTME */
.driver-picker-dialog{
  position:fixed;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:min(680px,calc(100vw - 30px));
  max-height:82vh;
  padding:0;
  overflow:hidden;
  border:1px solid #dbe6f2;
  border-radius:17px;
  background:#fff;
  box-shadow:0 28px 90px rgba(15,23,42,.28);
  z-index:3000;
}
.driver-picker-dialog::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}
.driver-picker-dialog[open]{display:block}
.driver-picker-empty{padding:35px 20px;color:#64748b;font-size:12px;text-align:center}
.drivers-empty-row{padding:30px !important;color:#64748b;text-align:center}


/* =========================================================
   ARAÇ KARTLARI — BİR TIK DAHA BÜYÜK VE OKUNAKLI FONTLAR
   Kart ölçüleri ve yerleşim korunur.
   ========================================================= */

.compact-shipment-cards .card-title-wrap strong{
  font-size:13px !important;
  line-height:1.35 !important;
}

.compact-shipment-cards .card-title-wrap small{
  font-size:10px !important;
  line-height:1.35 !important;
}

.compact-shipment-cards .classic-section-title{
  font-size:10px !important;
}

.compact-shipment-cards .classic-details{
  font-size:11px !important;
}

.compact-shipment-cards .classic-details dt,
.compact-shipment-cards .classic-details dd{
  line-height:1.4 !important;
}

.compact-shipment-cards .classic-note span{
  font-size:9px !important;
}

.compact-shipment-cards .classic-note p{
  font-size:10px !important;
}

.compact-shipment-cards .ens-line{
  font-size:10px !important;
}

.compact-shipment-cards .classic-card-footer .card-detail-link,
.compact-shipment-cards .classic-card-footer .card-edit-link,
.compact-shipment-cards .classic-card-footer .card-delete-btn{
  font-size:10px !important;
}

.compact-shipment-cards .dozvola-badge,
.compact-shipment-cards .cmr-download-link{
  font-size:9px !important;
}

/* Normal kart sınıfı kullanılırsa aynı okunabilirlik artışı uygulanır */
.classic-modern-card .card-title-wrap strong{
  font-size:15px;
}

.classic-modern-card .card-title-wrap small{
  font-size:11px;
}

.classic-modern-card .classic-section-title{
  font-size:11px;
}

.classic-modern-card .classic-details{
  font-size:13px;
}

.classic-modern-card .classic-note span{
  font-size:10px;
}

.classic-modern-card .classic-note p{
  font-size:12px;
}

.classic-modern-card .ens-line{
  font-size:12px;
}


/* =========================================================
   ENS BELGE MODÜLÜ — KARTTAN YÜKLE / GÖRÜNTÜLE / İNDİR
   ========================================================= */
.ens-document-cell{
  min-width:0;
}

.ens-document-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}

.ens-card-upload-form{
  display:inline-flex;
  margin:0;
}

.ens-action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:4px 7px;
  border-radius:7px;
  font-size:8px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}

.ens-action-button.upload{
  color:#0969f0;
  border:1px solid #a9c9ff;
  background:#f1f6ff;
}

.ens-action-button.view{
  color:#7c3aed;
  border:1px solid #d3bdfa;
  background:#f7f2ff;
}

.ens-action-button.download{
  color:#08713e;
  border:1px solid #a7dabb;
  background:#effcf4;
}

.ens-action-button:hover{
  filter:brightness(.97);
}

.ens-action-button input[type="file"]{
  display:none;
}

.ens-document-missing{
  color:#94a3b8;
  font-size:8px;
}

.ens-document-name{
  display:block;
  max-width:150px;
  margin-top:5px;
  overflow:hidden;
  color:#64748b;
  font-size:8px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ens-upload-field small{
  display:block;
  margin-top:6px;
  color:#63708a;
  font-weight:400;
}

.current-ens{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-radius:8px;
  background:#f7f2ff;
  color:#334155;
  font-size:11px;
}

.current-ens a{
  color:#7c3aed;
  font-weight:600;
}

.vehicle-detail-card .detail-download-link + .detail-download-link{
  margin-left:5px;
}

@media(max-width:600px){
  .ens-document-actions{
    align-items:flex-start;
  }
}


/* ENS kart görünümü sadeleştirme */
.ens-document-empty{
  color:#94a3b8;
  font-size:11px;
  font-weight:400;
}


/* ENS Yüklenmedi yazısını CMR ile birebir eşitle */
.ens-document-empty{
  color:#94a3b8 !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
}


/* =========================================================
   ROL VE YETKİ SİSTEMİ
   ========================================================= */
.role-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.role-cards article{
  padding:17px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
}
.role-cards strong{
  display:block;
  margin-bottom:6px;
  font-size:13px;
  color:#172033;
}
.role-cards span{
  display:block;
  color:#64748b;
  font-size:10px;
  line-height:1.5;
}
.user-create-form{
  margin-bottom:18px;
}
.role-update-form{
  margin:0;
}
.role-update-form select{
  min-width:130px;
  height:34px;
  border:1px solid #dce5f0;
  border-radius:8px;
  padding:0 8px;
  background:#fff;
}
.user-status{
  display:inline-flex;
  padding:5px 8px;
  border-radius:12px;
  font-size:9px;
  font-weight:600;
}
.user-status.active{
  color:#08713e;
  background:#ecfff4;
}
.user-status.passive{
  color:#b42318;
  background:#fff0f0;
}
.small-action-btn{
  min-height:31px;
  padding:5px 9px;
  border:1px solid #dce5f0;
  border-radius:8px;
  background:#fff;
  color:#334155;
  font-size:9px;
  font-weight:600;
}
.self-account,
.readonly-label{
  color:#94a3b8;
  font-size:9px;
}
@media(max-width:800px){
  .role-cards{
    grid-template-columns:1fr;
  }
}


/* DOZVOLA ŞOFÖR ATAMA */
.assignment-empty{
  color:#94a3b8 !important;
  font-weight:400 !important;
}
.dozvola-status.active{
  color:#08713e !important;
  background:#ecfff4 !important;
  border-color:#9edab8 !important;
}
.dozvola-status.passive{
  color:#475569 !important;
  background:#eef2f6 !important;
  border-color:#cbd5e1 !important;
}


/* Dozvola çift gönderim koruması */
#dozvolaSubmitButton:disabled{
  cursor:wait;
  opacity:.7;
  transform:none !important;
}


/* =========================================================
   MODERN YATAY SEVKİYAT TABLOSU
   ========================================================= */
.shipment-table-section{
  margin-top:18px;
  border:1px solid #dce5f0;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}

.shipment-table-scroll{
  width:100%;
  overflow:auto;
  max-height:calc(100vh - 280px);
}

.shipment-data-table{
  width:max-content;
  min-width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:10px;
  color:#172033;
}

.shipment-data-table th{
  position:sticky;
  top:0;
  z-index:5;
  min-width:105px;
  padding:10px 11px;
  border-right:1px solid #d9bd44;
  border-bottom:1px solid #d9bd44;
  background:linear-gradient(180deg,#ffe879,#ffdc4d);
  color:#2a2a2a;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  white-space:nowrap;
  text-align:left;
}

.shipment-data-table th:nth-child(7),
.shipment-data-table th:nth-child(8),
.shipment-data-table th:nth-child(9){
  min-width:190px;
}

.shipment-data-table th:nth-child(14),
.shipment-data-table th:nth-child(15),
.shipment-data-table th:nth-child(17),
.shipment-data-table th:nth-child(18){
  min-width:150px;
}

.shipment-data-table td{
  max-width:220px;
  padding:10px 11px;
  border-right:1px solid #edf1f5;
  border-bottom:1px solid #edf1f5;
  background:#fff;
  line-height:1.4;
  vertical-align:top;
  white-space:nowrap;
}

.shipment-data-table tbody tr:nth-child(even) td{
  background:#fbfdff;
}

.shipment-data-table tbody tr:hover td{
  background:#f1f7ff;
}

.shipment-data-table .sticky-trip{
  position:sticky;
  left:0;
  z-index:3;
  min-width:80px;
  background:#fff !important;
  box-shadow:4px 0 10px rgba(15,23,42,.04);
}

.shipment-data-table .new-row td{
  background:#effbf4 !important;
}

.plate-chip{
  display:inline-flex;
  padding:4px 7px;
  border-radius:7px;
  background:#eef6ff;
  color:#0969f0;
  font-weight:700;
}

.plate-chip.muted{
  background:#f3f4f6;
  color:#475569;
}

.table-phone{
  color:#0d6efd;
  text-decoration:none;
  font-weight:600;
}

.notes-cell{
  max-width:190px !important;
  overflow:hidden;
  text-overflow:ellipsis;
}

.document-cell{
  min-width:125px;
}

.document-cell a{
  display:inline-flex;
  margin:0 4px 4px 0;
  padding:5px 7px;
  border:1px solid #bed4f5;
  border-radius:7px;
  background:#f2f7ff;
  color:#0969f0;
  font-size:9px;
  font-weight:600;
  text-decoration:none;
}

.document-cell span{
  color:#94a3b8;
  font-size:9px;
}

.dozvola-table-cell small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:8px;
}

.table-actions{
  min-width:155px;
}

.table-actions a,
.table-actions button{
  display:inline-flex;
  margin:0 4px 4px 0;
  padding:5px 7px;
  border:1px solid #d6e0eb;
  border-radius:7px;
  background:#fff;
  color:#334155;
  font-size:9px;
  font-weight:600;
  text-decoration:none;
}

.table-actions form{
  display:inline;
}

.table-actions button{
  color:#c81e2a;
  border-color:#efb5bb;
  cursor:pointer;
}

.dozvola-multi-upload{
  display:flex;
  align-items:end;
  gap:12px;
  margin:18px 0;
  padding:16px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
}

.dozvola-multi-upload label{
  display:flex;
  flex-direction:column;
  gap:5px;
  flex:1;
}

.dozvola-multi-upload span{
  color:#64748b;
  font-size:10px;
}

.dozvola-file-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.dozvola-file-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid #dfe7f1;
  border-radius:13px;
  background:#fff;
}

.dozvola-file-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:11px;
  background:#f7f2ff;
  color:#7c3aed;
  font-size:10px;
  font-weight:800;
}

.dozvola-file-copy{
  min-width:0;
  flex:1;
}

.dozvola-file-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

.dozvola-file-copy small{
  display:block;
  margin-top:4px;
  color:#718096;
  font-size:9px;
}

.dozvola-file-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}

.dozvola-file-actions a,
.dozvola-file-actions button{
  display:inline-flex;
  padding:6px 8px;
  border:1px solid #d4e0ef;
  border-radius:7px;
  background:#f8fbff;
  color:#0969f0;
  font-size:9px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
}

.current-dozvola-files{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-radius:8px;
  background:#f7f2ff;
}

.current-dozvola-files a{
  color:#7c3aed;
  font-size:11px;
  font-weight:600;
}

@media(max-width:800px){
  .dozvola-file-grid{
    grid-template-columns:1fr;
  }

  .dozvola-multi-upload{
    align-items:stretch;
    flex-direction:column;
  }
}


/* Yatay tablo taşma düzeltmesi */
.shipment-data-table{
  table-layout:auto;
}
.shipment-data-table td{
  min-width:105px;
  max-width:220px;
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.shipment-data-table td:nth-child(7),
.shipment-data-table td:nth-child(8),
.shipment-data-table td:nth-child(9){
  min-width:190px;
  max-width:260px;
}
.shipment-data-table td:nth-child(12),
.shipment-data-table td:nth-child(13){
  min-width:135px;
  max-width:175px;
}
.shipment-data-table td:nth-child(15){
  min-width:180px;
  max-width:260px;
}
.shipment-data-table .notes-cell{
  white-space:normal !important;
  overflow:visible;
  text-overflow:clip;
}
.document-cell{
  min-width:150px !important;
  max-width:190px !important;
}
.document-cell a{
  white-space:nowrap;
}
.ens-send-link{
  color:#08713e !important;
  border-color:#a8d8b9 !important;
  background:#effcf4 !important;
}


/* Dozvola CEMT / Sefer belgeleri */
.dozvola-document-upload small{display:block;margin-top:6px;color:#64748b;font-size:10px}
.current-dozvola-document{display:block;margin-top:7px;padding:7px 9px;border-radius:8px;background:#f4f8ff;font-size:10px}
.current-dozvola-document a{color:#0969f0;font-weight:600}
.dozvola-document-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.dozvola-document-actions a{display:inline-flex;padding:5px 7px;border:1px solid #c7d9ef;border-radius:7px;background:#f4f8ff;color:#0969f0;font-size:9px;font-weight:600;text-decoration:none}
.dozvola-document-actions a.send{color:#08713e;border-color:#a7dabb;background:#effcf4}
.dozvola-document-actions span{color:#94a3b8;font-size:10px}


/* Dozvola düzenle sayfası belge yönetimi */
.document-management-row{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:9px;
  padding:10px 11px !important;
}

.document-management-name{
  min-width:0;
  overflow:hidden;
  color:#334155;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.document-management-actions{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  flex-wrap:wrap;
  gap:6px;
}

.document-management-actions a,
.document-delete-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:5px 9px;
  border:1px solid #cddbeb;
  border-radius:8px;
  background:#fff;
  color:#0969f0;
  font-size:9px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
}

.document-delete-button{
  border-color:#efb4ba;
  color:#c81e2a;
  background:#fff5f6;
}

.document-delete-button:hover{
  border-color:#df8f98;
  background:#ffecef;
}

@media(max-width:650px){
  .document-management-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .document-management-name{
    max-width:100%;
  }
}


/* Canlı araç akışı: ilgili tablo satırına git ve vurgula */
.shipment-data-table tr.ticker-row-focus td{
  animation:tickerRowHighlight 2.6s ease;
}

@keyframes tickerRowHighlight{
  0%{
    background:#fff6bf !important;
    box-shadow:inset 0 0 0 2px #f2c94c;
  }
  55%{
    background:#fffbe6 !important;
    box-shadow:inset 0 0 0 1px #f2c94c;
  }
  100%{
    background:inherit;
    box-shadow:none;
  }
}


/* Araç detay sayfası düzenle butonu */
.vehicle-detail-edit-btn{
  min-width:96px;
  justify-content:center;
}


/* =========================================================
   TABLO SÜTUNLARINI SÜRÜKLE-BIRAK
   ========================================================= */
.table-layout-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:18px 0 10px;
  padding:12px 14px;
  border:1px solid #dce5f0;
  border-radius:12px;
  background:#fff;
}

.table-layout-toolbar strong{
  display:block;
  color:#172033;
  font-size:11px;
}

.table-layout-toolbar span{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:9px;
}

.table-layout-reset{
  flex:0 0 auto;
  min-height:34px;
  cursor:pointer;
}

.shipment-data-table thead th[draggable="true"]{
  cursor:grab;
  user-select:none;
  transition:
    opacity .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}

.shipment-data-table thead th[draggable="true"]:active{
  cursor:grabbing;
}

.column-drag-handle{
  display:inline-block;
  margin-right:5px;
  color:#806a00;
  font-size:10px;
  letter-spacing:-3px;
  opacity:.72;
}

.shipment-data-table th.column-dragging{
  opacity:.42;
}

.shipment-data-table th.column-drag-over{
  box-shadow:inset 4px 0 0 #0969f0;
  transform:translateX(1px);
}

/* Sıralama değişince ilk sütun sabit kalır. */
.shipment-data-table .sticky-trip{
  position:static;
  left:auto;
  box-shadow:none;
}

.shipment-data-table .is-first-column{
  position:sticky;
  left:0;
  z-index:3;
  background:#fff !important;
  box-shadow:4px 0 10px rgba(15,23,42,.05);
}

.shipment-data-table thead .is-first-column{
  z-index:8;
  background:linear-gradient(180deg,#ffe879,#ffdc4d) !important;
}

@media(max-width:700px){
  .table-layout-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================================================
   ÜST MENÜ SÜTUN ARAÇLARI
   ========================================================= */
.column-tools-menu{
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
}

.top-menu-button{
  min-height:38px;
  padding:8px 12px;
  border:1px solid #d8e2ee;
  border-radius:10px;
  background:#f5f8fc;
  color:#172033;
  font-size:10px;
  font-weight:600;
  cursor:pointer;
}

.top-menu-button:hover{
  border-color:#b8cae0;
  background:#edf4fc;
}

.column-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:1700;
  width:310px;
  max-height:540px;
  overflow:hidden;
  border:1px solid #dce5f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.18);
}

.column-panel[hidden]{
  display:none !important;
}

.column-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 15px;
  border-bottom:1px solid #e8eef5;
}

.column-panel-head strong{
  display:block;
  font-size:12px;
}

.column-panel-head span{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:9px;
}

.column-panel-head button{
  width:30px;
  height:30px;
  border:0;
  border-radius:8px;
  background:#f1f5f9;
  color:#475569;
  font-size:18px;
  cursor:pointer;
}

.column-panel-search{
  padding:11px 13px;
  border-bottom:1px solid #edf1f5;
}

.column-panel-search input{
  width:100%;
  height:38px;
  border:1px solid #dce5f0;
  border-radius:9px;
  padding:0 11px;
  font-size:10px;
}

.column-panel-list{
  max-height:360px;
  overflow:auto;
  padding:7px;
}

.column-panel-item{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border-radius:8px;
  cursor:pointer;
}

.column-panel-item:hover{
  background:#f3f7fc;
}

.column-panel-item input{
  width:15px;
  height:15px;
}

.column-panel-item span{
  color:#334155;
  font-size:10px;
}

.column-panel-actions{
  padding:11px 13px;
  border-top:1px solid #edf1f5;
}

.column-panel-actions button{
  width:100%;
  min-height:35px;
  border:1px solid #bcd1eb;
  border-radius:9px;
  background:#f3f8ff;
  color:#0969f0;
  font-size:10px;
  font-weight:600;
  cursor:pointer;
}

/* Eski alttaki sütun barı artık kullanılmıyor. */
.table-layout-toolbar{
  display:none !important;
}

@media(max-width:900px){
  .column-tools-menu{
    flex-wrap:wrap;
  }

  .column-panel{
    position:fixed;
    top:76px;
    right:12px;
    left:12px;
    width:auto;
    max-height:calc(100vh - 92px);
  }
}


/* Sütun paneli kesin görünürlük düzeltmesi */
.column-panel{
  min-height:180px;
}

.column-panel-list{
  min-height:80px;
}

.column-panel-empty{
  padding:18px 12px;
  color:#94a3b8;
  font-size:10px;
  text-align:center;
}

.column-panel-item{
  display:flex !important;
}

.column-panel-item input[type="checkbox"]{
  display:inline-block !important;
  flex:0 0 auto;
}


/* Sütun sıfırlama onay penceresi */
.column-reset-confirm{
  position:fixed;
  inset:0;
  z-index:3000;
  place-items:center;
  padding:20px;
  background:rgba(15,23,42,.42);
}

.column-reset-confirm[hidden]{
  display:none !important;
}

.column-reset-confirm-card{
  width:min(390px,100%);
  padding:20px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 60px rgba(15,23,42,.25);
}

.column-reset-confirm-card strong{
  display:block;
  color:#172033;
  font-size:15px;
}

.column-reset-confirm-card p{
  margin:8px 0 18px;
  color:#64748b;
  font-size:11px;
  line-height:1.5;
}

.column-reset-confirm-card>div{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.column-reset-confirm-card button{
  min-width:82px;
  min-height:36px;
  border:1px solid #d5dfeb;
  border-radius:9px;
  background:#fff;
  color:#334155;
  font-size:10px;
  font-weight:600;
  cursor:pointer;
}

.column-reset-confirm-card button#confirmColumnReset{
  border-color:#efb6bc;
  background:#fff1f2;
  color:#c81e2a;
}

.column-panel-list{
  display:block !important;
  min-height:120px !important;
}

.column-panel-item{
  display:flex !important;
}

/* =========================================================
   SÜTUN PANELİ - ÜST MENÜ KIRPILMA KESİN DÜZELTME
   ========================================================= */
.column-panel{
  position:fixed !important;
  top:76px !important;
  right:20px !important;
  left:auto !important;
  width:330px !important;
  max-width:calc(100vw - 28px) !important;
  max-height:calc(100vh - 92px) !important;
  min-height:0 !important;
  overflow:hidden !important;
  z-index:5000 !important;
}

.column-panel-list{
  display:block !important;
  min-height:160px !important;
  max-height:calc(100vh - 275px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.column-panel-item{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  box-sizing:border-box !important;
}

.column-panel-search,
.column-panel-head,
.column-panel-actions{
  display:block;
  flex:0 0 auto;
}

@media(max-width:700px){
  .column-panel{
    top:72px !important;
    right:10px !important;
    left:10px !important;
    width:auto !important;
    max-width:none !important;
  }

  .column-panel-list{
    max-height:calc(100vh - 270px) !important;
  }
}


/* Tüm araç satırını tıklanabilir yap */
.clickable-vehicle-row{
  cursor:pointer;
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    background .14s ease;
}

.clickable-vehicle-row:hover td{
  background:#eef6ff !important;
}

.clickable-vehicle-row:hover{
  box-shadow:inset 0 0 0 1px #9fc2ef;
}

.clickable-vehicle-row:focus{
  outline:2px solid #0969f0;
  outline-offset:-2px;
}

.clickable-vehicle-row a,
.clickable-vehicle-row button,
.clickable-vehicle-row input,
.clickable-vehicle-row select,
.clickable-vehicle-row textarea,
.clickable-vehicle-row label{
  cursor:auto;
}

/* =========================================================
   TCMB CANLI DÖVİZ KURLARI
   ========================================================= */
.exchange-rate-strip{
  display:flex;
  align-items:center;
  gap:12px;
  margin:14px 0;
  padding:11px 14px;
  border:1px solid #dce6f3;
  border-radius:15px;
  background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 100%);
  box-shadow:0 8px 24px rgba(15,23,42,.045);
  overflow-x:auto;
}

.exchange-rate-title{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:9px;
  min-width:175px;
  padding-right:13px;
  border-right:1px solid #e3eaf3;
}

.exchange-rate-symbol,
.currency-badge{
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border-radius:11px;
  background:#eaf3ff;
  color:#0969f0;
  font-size:17px;
  font-weight:800;
}

.exchange-rate-title strong,
.currency-copy strong{
  display:block;
  color:#172033;
  font-size:11px;
  white-space:nowrap;
}

.exchange-rate-title small,
.currency-copy small,
.currency-detail small,
.exchange-rate-meta small{
  display:block;
  color:#718096;
  font-size:8px;
  white-space:nowrap;
}

.exchange-rate-item{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:9px;
  min-width:190px;
  padding:7px 10px;
  border:1px solid #e3eaf3;
  border-radius:12px;
  background:#fff;
}

.exchange-rate-item.try-base{
  min-width:125px;
}

.currency-copy{
  min-width:72px;
}

.currency-detail{
  margin-left:auto;
  padding-left:9px;
  border-left:1px solid #edf1f6;
  text-align:right;
}

.currency-detail b{
  display:block;
  margin-top:2px;
  color:#475569;
  font-size:9px;
  white-space:nowrap;
}

.exchange-rate-meta{
  display:flex;
  align-items:flex-end;
  flex:0 0 auto;
  flex-direction:column;
  gap:2px;
  margin-left:auto;
  color:#64748b;
  font-size:8px;
}

.exchange-rate-meta span{
  color:#08713e;
  font-weight:700;
}

.exchange-rate-meta a,
.exchange-rate-unavailable a{
  color:#0969f0;
  font-weight:700;
  text-decoration:none;
}

.exchange-rate-unavailable{
  padding:8px 10px;
  color:#64748b;
  font-size:9px;
}

@media(max-width:800px){
  .exchange-rate-strip{
    align-items:stretch;
  }

  .exchange-rate-title{
    min-width:155px;
  }
}


/* =========================================================
   USD / EUR DÖVİZ KARTI VE MODERN ÜST MENÜ
   ========================================================= */

/* Döviz kartında yalnızca USD ve EUR */
.exchange-rate-strip{
  display:grid;
  grid-template-columns:minmax(190px,1.15fr) repeat(2,minmax(190px,1fr)) auto;
  align-items:center;
  gap:10px;
}

.exchange-rate-item{
  min-width:0;
}

.exchange-rate-item.try-base{
  display:none !important;
}

/* Üst menü: daha kompakt, hizalı ve modern */
.modern-top-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:1 1 auto;
  min-width:0;
  gap:5px;
  padding-left:14px;
  overflow:visible !important;
  white-space:nowrap;
}

.modern-top-nav > a,
.modern-top-nav .top-menu-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:9px;
  color:#26344d;
  background:transparent;
  font-size:9px;
  font-weight:650;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease,
    transform .16s ease;
}

.modern-top-nav > a:hover,
.modern-top-nav .top-menu-button:hover{
  color:#0969f0;
  border-color:#d7e2ef;
  background:#f3f7fc;
  transform:translateY(-1px);
}

.modern-top-nav .column-tools-menu{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:4px;
}

.modern-top-nav .top-menu-button{
  border-color:#d7e2ef;
  background:#f6f9fc;
}

.modern-logout-link{
  margin-left:5px !important;
  border-color:#efc2c7 !important;
  background:#fff4f5 !important;
  color:#c81e2a !important;
}

.modern-logout-link:hover{
  border-color:#e7959e !important;
  background:#ffecee !important;
  color:#a91220 !important;
}

.modern-brand{
  flex:0 0 auto;
}

@media(max-width:1250px){
  .modern-top-nav{
    overflow-x:auto !important;
    scrollbar-width:none;
  }

  .modern-top-nav::-webkit-scrollbar{
    display:none;
  }

  .modern-top-nav > a,
  .modern-top-nav .column-tools-menu{
    flex:0 0 auto;
  }
}

@media(max-width:900px){
  .exchange-rate-strip{
    grid-template-columns:1fr 1fr;
  }

  .exchange-rate-title,
  .exchange-rate-meta{
    grid-column:1 / -1;
  }
}

@media(max-width:600px){
  .exchange-rate-strip{
    grid-template-columns:1fr;
  }

  .exchange-rate-title,
  .exchange-rate-meta{
    grid-column:auto;
  }
}


/* =========================================================
   KOMPAKT VE TOPARLANMIŞ DASHBOARD
   ========================================================= */

.dashboard-top-shell{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.9fr);
  grid-template-areas:
    "head exchange"
    "head filters";
  gap:12px;
  margin:20px auto 14px;
  max-width:1370px;
  align-items:stretch;
}

.compact-admin-head{
  grid-area:head;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:128px;
  margin:0 !important;
  padding:20px 22px !important;
  border-radius:16px !important;
}

.compact-admin-head > div:first-child{
  min-width:220px;
}

.compact-admin-head h1{
  margin:0 0 5px;
  font-size:25px;
  line-height:1.1;
}

.compact-admin-head p{
  max-width:310px;
  margin:0;
  line-height:1.45;
}

.compact-admin-head .admin-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
  max-width:640px;
}

.compact-admin-head .admin-buttons a,
.compact-admin-head .admin-buttons button{
  min-height:36px;
  padding:7px 10px;
  border-radius:9px;
  font-size:9px;
}

.compact-exchange-strip{
  grid-area:exchange;
  display:grid !important;
  grid-template-columns:160px 1fr 1fr 72px !important;
  gap:8px !important;
  min-height:58px;
  margin:0 !important;
  padding:10px 12px !important;
  border-radius:14px !important;
}

.compact-exchange-strip .exchange-rate-title{
  padding-right:8px;
}

.compact-exchange-strip .exchange-rate-title strong{
  font-size:10px;
}

.compact-exchange-strip .exchange-rate-title small{
  font-size:8px;
}

.compact-exchange-strip .exchange-rate-item{
  min-height:38px;
  padding:7px 9px;
  border-radius:10px;
}

.compact-exchange-strip .exchange-rate-meta{
  min-width:0;
  font-size:8px;
}

.compact-filter-bar{
  grid-area:filters;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-height:58px;
  margin:0 !important;
  padding:8px 10px !important;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
}

.compact-filter-bar form,
.compact-filter-bar .search-form{
  flex:1 1 250px;
  max-width:320px;
}

.compact-filter-bar input{
  width:100%;
  height:38px;
}

.compact-filter-bar a,
.compact-filter-bar button{
  min-height:38px;
  padding:8px 14px;
}

.compact-stats-grid{
  max-width:1370px;
  margin:0 auto 14px !important;
  gap:12px !important;
}

.compact-stats-grid > *{
  min-height:98px !important;
  padding:18px 20px !important;
  border-radius:14px !important;
}

.compact-stats-grid strong,
.compact-stats-grid .stat-value{
  font-size:30px !important;
  line-height:1 !important;
}

.compact-stats-grid span,
.compact-stats-grid .stat-label{
  font-size:12px !important;
}

@media(max-width:1180px){
  .dashboard-top-shell{
    grid-template-columns:1fr;
    grid-template-areas:
      "head"
      "exchange"
      "filters";
  }

  .compact-admin-head{
    min-height:auto;
  }
}

@media(max-width:760px){
  .compact-admin-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .compact-admin-head .admin-buttons{
    justify-content:flex-start;
    max-width:none;
  }

  .compact-exchange-strip{
    grid-template-columns:1fr 1fr !important;
  }

  .compact-exchange-strip .exchange-rate-title,
  .compact-exchange-strip .exchange-rate-meta{
    grid-column:1 / -1;
  }

  .compact-filter-bar{
    align-items:stretch;
    flex-wrap:wrap;
    justify-content:flex-start;
  }

  .compact-filter-bar form,
  .compact-filter-bar .search-form{
    flex-basis:100%;
    max-width:none;
  }
}


/* =========================================================
   FLUENT / KURUMSAL ÜST MENÜ
   ========================================================= */
.site-header.modern-header{
  min-height:66px;
  padding:9px 18px;
  border-bottom:1px solid #e3eaf3;
  background:rgba(255,255,255,.96);
  box-shadow:0 6px 20px rgba(15,23,42,.045);
  backdrop-filter:blur(12px);
}

.fluent-top-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1 1 auto;
  min-width:0;
  gap:18px;
  margin-left:24px;
  overflow:visible !important;
}

.top-nav-main-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 auto;
  min-width:0;
  gap:4px;
}

.top-nav-main-links>a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:8px 13px;
  border:1px solid transparent;
  border-radius:11px;
  color:#344258;
  font-size:10px;
  font-weight:650;
  text-decoration:none;
  transition:all .17s ease;
}

.top-nav-main-links>a:hover{
  border-color:#d8e5f4;
  background:#f4f8fd;
  color:#0969f0;
  transform:translateY(-1px);
}

.top-nav-main-links>a.active{
  border-color:#c5dcfb;
  background:#edf5ff;
  color:#0969f0;
  box-shadow:0 4px 12px rgba(9,105,240,.08);
}

.top-nav-main-links>a.active::after{
  content:"";
  position:absolute;
  right:13px;
  bottom:3px;
  left:13px;
  height:2px;
  border-radius:2px;
  background:#0969f0;
}

.nav-item-icon{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
  background:#f0f4f9;
  color:#66758a;
  font-size:11px;
  transition:all .17s ease;
}

.top-nav-main-links>a:hover .nav-item-icon,
.top-nav-main-links>a.active .nav-item-icon{
  background:#dcecff;
  color:#0969f0;
}

.top-nav-side-actions{
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.operations-menu{
  position:relative;
}

.operations-toggle{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:142px;
  min-height:44px;
  padding:6px 10px 6px 7px;
  border:1px solid #d9e4f0;
  border-radius:12px;
  background:#f8fafc;
  color:#243249;
  cursor:pointer;
  transition:all .17s ease;
}

.operations-toggle:hover,
.operations-menu.open .operations-toggle{
  border-color:#bcd3ef;
  background:#f0f6fd;
  box-shadow:0 6px 18px rgba(15,23,42,.08);
}

.operations-user-badge{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:9px;
  background:linear-gradient(145deg,#1677ff,#0969f0);
  color:#fff;
  font-size:11px;
  font-weight:800;
  box-shadow:0 6px 14px rgba(9,105,240,.2);
}

.operations-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1;
  min-width:0;
}

.operations-copy strong{
  color:#1e2a3d;
  font-size:10px;
  line-height:1.2;
}

.operations-copy small{
  margin-top:2px;
  color:#7a8799;
  font-size:8px;
}

.operations-chevron{
  color:#718096;
  font-size:13px;
  transition:transform .17s ease;
}

.operations-menu.open .operations-chevron{
  transform:rotate(180deg);
}

.operations-dropdown{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:2200;
  width:270px;
  overflow:hidden;
  border:1px solid #dce5f0;
  border-radius:15px;
  background:#fff;
  box-shadow:0 22px 55px rgba(15,23,42,.19);
}

.operations-dropdown[hidden]{
  display:none !important;
}

.operations-dropdown-head{
  display:flex;
  flex-direction:column;
  padding:14px 15px 12px;
  border-bottom:1px solid #edf1f5;
  background:#f8fbff;
}

.operations-dropdown-head strong{
  color:#172033;
  font-size:11px;
}

.operations-dropdown-head span{
  margin-top:3px;
  color:#728096;
  font-size:9px;
}

.operations-item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:11px 13px;
  border:0;
  background:#fff;
  color:#334155;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:background .14s ease;
}

.operations-item:hover{
  background:#f3f7fc;
}

.operations-item>span:first-child{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:#edf4fc;
  color:#0969f0;
  font-size:12px;
  flex:0 0 auto;
}

.operations-item>span:last-child{
  display:flex;
  flex-direction:column;
}

.operations-item strong{
  color:#26344d;
  font-size:10px;
}

.operations-item small{
  margin-top:3px;
  color:#8190a4;
  font-size:8px;
}

.operations-item.danger>span:first-child{
  background:#fff0f1;
  color:#c81e2a;
}

.operations-item.danger strong{
  color:#c81e2a;
}

.operations-divider{
  height:1px;
  margin:4px 0;
  background:#edf1f5;
}

.fluent-top-nav .column-panel{
  position:fixed !important;
  top:78px !important;
  right:22px !important;
  z-index:2400 !important;
}

/* Eski tekil üst menü butonlarının görünümünü etkisizleştir. */
.fluent-top-nav>.column-tools-menu,
.fluent-top-nav>.logout-link{
  display:none !important;
}

@media(max-width:1120px){
  .fluent-top-nav{
    gap:10px;
    margin-left:12px;
  }

  .top-nav-main-links{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .top-nav-main-links::-webkit-scrollbar{
    display:none;
  }

  .top-nav-main-links>a{
    flex:0 0 auto;
  }
}

@media(max-width:760px){
  .fluent-top-nav{
    position:absolute;
    top:66px;
    right:10px;
    left:10px;
    align-items:stretch;
    flex-direction:column;
    padding:10px;
    border:1px solid #dce5f0;
    border-radius:14px;
    background:#fff;
    box-shadow:0 20px 45px rgba(15,23,42,.18);
  }

  .fluent-top-nav:not(.open){
    display:none;
  }

  .top-nav-main-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
  }

  .operations-toggle{
    width:100%;
  }

  .operations-dropdown{
    position:static;
    width:100%;
    margin-top:7px;
  }

  .fluent-top-nav .column-panel{
    top:76px !important;
    right:12px !important;
    left:12px !important;
    width:auto !important;
  }
}


/* =========================================================
   ÜST MENÜ İŞLEMLER + MİNİ DÖVİZ
   ========================================================= */

.header-currency-mini{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  margin-left:14px;
  padding:4px;
  border:1px solid #dce6f2;
  border-radius:11px;
  background:#f7faff;
}

.header-currency-item{
  display:grid;
  grid-template-columns:22px auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:6px;
  min-width:92px;
  padding:5px 8px;
  border-radius:8px;
  background:#fff;
}

.header-currency-item > span{
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:7px;
  background:#eaf3ff;
  color:#0969f0;
  font-size:12px;
  font-weight:800;
}

.header-currency-item small{
  color:#7b879b;
  font-size:7px;
  line-height:1;
}

.header-currency-item strong{
  margin-top:2px;
  color:#172033;
  font-size:9px;
  line-height:1;
}

.operations-menu-item{
  display:flex !important;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 11px !important;
  border-radius:9px;
  color:#24324a !important;
  text-decoration:none;
}

.operations-menu-item:hover{
  background:#f1f6fc !important;
}

.operations-menu-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#eef5ff;
  color:#0969f0;
  font-size:9px;
  font-weight:800;
}

.operations-menu-item > span:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.operations-menu-item strong{
  font-size:10px;
  line-height:1.2;
}

.operations-menu-item small{
  margin-top:3px;
  color:#7b879b;
  font-size:8px;
  line-height:1.25;
}

.operations-menu-divider{
  height:1px;
  margin:7px 5px;
  background:#e7edf5;
}

@media(max-width:1150px){
  .header-currency-mini{
    display:none;
  }
}


/* =========================================================
   TEMİZ TEK SATIRLIK KURUMSAL HEADER
   ========================================================= */

.clean-app-header{
  position:sticky;
  top:0;
  z-index:2000;
  width:100%;
  border-bottom:1px solid #e6edf5;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(16px);
}

.clean-header-inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  width:100%;
  min-height:70px;
  padding:0 18px;
}

.clean-header-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:220px;
  color:#172033;
  text-decoration:none;
}

.clean-header-logo{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  background:linear-gradient(145deg,#126df0,#3e8cff);
  color:#fff;
  font-size:17px;
  box-shadow:0 8px 20px rgba(18,109,240,.22);
}

.clean-header-brand-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.clean-header-brand-copy strong{
  font-size:17px;
  line-height:1.1;
}

.clean-header-brand-copy small{
  margin-top:3px;
  color:#718096;
  font-size:8px;
  white-space:nowrap;
}

.clean-header-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
}

.clean-header-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:8px 12px;
  border-radius:10px;
  color:#26344d;
  font-size:10px;
  font-weight:700;
  text-decoration:none;
  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease;
}

.clean-header-nav a span{
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:7px;
  background:#f0f4f8;
  color:#6b7a90;
  font-size:9px;
}

.clean-header-nav a:hover{
  color:#0969f0;
  background:#f3f7fc;
  transform:translateY(-1px);
}

.clean-header-nav a.active{
  color:#0969f0;
  background:#edf5ff;
}

.clean-header-nav a.active::after{
  content:"";
  position:absolute;
  right:11px;
  bottom:3px;
  left:11px;
  height:2px;
  border-radius:2px;
  background:#0969f0;
}

.clean-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.clean-header-rates{
  display:flex;
  align-items:center;
  gap:5px;
}

.clean-rate-pill{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:6px 9px;
  border:1px solid #dce6f2;
  border-radius:9px;
  background:#f7faff;
}

.clean-rate-pill span{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
  background:#e8f2ff;
  color:#0969f0;
  font-size:11px;
  font-weight:800;
}

.clean-rate-pill strong{
  color:#172033;
  font-size:9px;
}

.clean-notification-button{
  position:relative;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #dce6f2;
  border-radius:10px;
  background:#fff;
  color:#26344d;
  text-decoration:none;
}

.clean-notification-button b{
  position:absolute;
  top:-6px;
  right:-6px;
  display:grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:10px;
  background:#e53935;
  color:#fff;
  font-size:7px;
}

.clean-operations-menu{
  position:relative;
}

.clean-operations-trigger{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:142px;
  min-height:42px;
  padding:5px 9px 5px 6px;
  border:1px solid #dce6f2;
  border-radius:11px;
  background:#f8fbff;
  color:#172033;
  cursor:pointer;
}

.clean-user-avatar{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:9px;
  background:linear-gradient(145deg,#126df0,#3e8cff);
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.clean-user-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
}

.clean-user-copy strong{
  font-size:9px;
}

.clean-user-copy small{
  margin-top:2px;
  color:#7b879b;
  font-size:7px;
}

.clean-chevron{
  color:#7b879b;
  font-size:11px;
}

.clean-operations-dropdown{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:2200;
  width:250px;
  padding:8px;
  border:1px solid #dce5f0;
  border-radius:13px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.18);
}

.clean-operations-dropdown[hidden]{
  display:none !important;
}

.clean-operations-dropdown a,
.clean-operations-dropdown button{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:38px;
  padding:8px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#26344d;
  font-size:9px;
  font-weight:650;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}

.clean-operations-dropdown a:hover,
.clean-operations-dropdown button:hover{
  background:#f2f6fb;
  color:#0969f0;
}

.clean-operations-dropdown a span,
.clean-operations-dropdown button span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:8px;
  background:#edf5ff;
  color:#0969f0;
  font-size:8px;
  font-weight:800;
}

.clean-operations-separator{
  height:1px;
  margin:6px 4px;
  background:#e8eef5;
}

.clean-logout-item{
  color:#c81e2a !important;
}

.clean-logout-item span{
  background:#fff0f1 !important;
  color:#c81e2a !important;
}

.clean-mobile-menu-button{
  display:none;
  width:38px;
  height:38px;
  border:1px solid #dce6f2;
  border-radius:10px;
  background:#fff;
  color:#26344d;
  font-size:17px;
}

@media(max-width:1180px){
  .clean-header-rates{
    display:none;
  }

  .clean-header-inner{
    gap:14px;
  }

  .clean-header-brand{
    min-width:190px;
  }
}

@media(max-width:920px){
  .clean-header-inner{
    grid-template-columns:auto 1fr auto;
  }

  .clean-header-nav{
    position:absolute;
    top:70px;
    right:12px;
    left:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:10px;
    border:1px solid #dce5f0;
    border-radius:13px;
    background:#fff;
    box-shadow:0 16px 40px rgba(15,23,42,.16);
  }

  .clean-header-nav.open{
    display:flex;
  }

  .clean-header-nav a{
    justify-content:flex-start;
  }

  .clean-mobile-menu-button{
    display:inline-grid;
    place-items:center;
  }
}

@media(max-width:620px){
  .clean-header-brand-copy small{
    display:none;
  }

  .clean-user-copy,
  .clean-chevron{
    display:none;
  }

  .clean-operations-trigger{
    min-width:auto;
    padding-right:6px;
  }
}

/* Eski header/nav öğelerini tamamen etkisizleştir */
.app-header:not(.clean-app-header) .top-nav,
.header-currency-mini,
.modern-top-nav,
.fluent-top-nav{
  display:none !important;
}


/* =========================================================
   TEK SÜTUN ÜST ALAN + BİR TIK BÜYÜK HEADER
   ========================================================= */

/* Header bir kademe daha büyük */
.clean-header-inner{
  min-height:80px !important;
  padding:0 26px !important;
  gap:28px !important;
}

.clean-header-logo{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  font-size:20px !important;
}

.clean-header-brand{
  min-width:255px !important;
}

.clean-header-brand-copy strong{
  font-size:20px !important;
}

.clean-header-brand-copy small{
  font-size:9px !important;
}

.clean-header-nav{
  gap:8px !important;
}

.clean-header-nav a{
  min-height:46px !important;
  padding:10px 15px !important;
  border-radius:12px !important;
  font-size:11px !important;
}

.clean-header-nav a span{
  width:24px !important;
  height:24px !important;
}

.clean-rate-pill{
  min-height:40px !important;
  padding:8px 11px !important;
}

.clean-notification-button{
  width:44px !important;
  height:44px !important;
}

.clean-operations-trigger{
  min-width:154px !important;
  min-height:48px !important;
}

/* Gümrük Liste + hızlı işlemler tek satır / tek sütun akış */
.single-column-command-bar{
  display:grid !important;
  grid-template-columns:minmax(300px,.9fr) minmax(620px,1.6fr) !important;
  align-items:center !important;
  gap:28px !important;
  width:min(100% - 40px, 1660px) !important;
  min-height:118px !important;
  margin:22px auto 12px !important;
  padding:22px 26px !important;
  border-radius:18px !important;
}

.single-column-command-bar .dashboard-command-copy{
  min-width:0;
}

.single-column-command-bar h1{
  margin:0 0 7px !important;
  font-size:29px !important;
  line-height:1.05 !important;
}

.single-column-command-bar p{
  max-width:440px !important;
  margin:0 !important;
  color:#66758c !important;
  font-size:10px !important;
  line-height:1.5 !important;
}

.single-column-command-bar .admin-buttons{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.single-column-command-bar .admin-buttons a,
.single-column-command-bar .admin-buttons button{
  min-height:42px !important;
  padding:9px 13px !important;
  border-radius:10px !important;
  font-size:9px !important;
}

/* Arama ve filtreler tek satırda, tam genişlik */
.single-column-toolbar{
  display:grid !important;
  grid-template-columns:minmax(360px,1fr) repeat(5,auto) !important;
  align-items:center !important;
  gap:8px !important;
  width:min(100% - 40px, 1660px) !important;
  margin:0 auto 14px !important;
  padding:12px 14px !important;
  border:1px solid #dfe7f1 !important;
  border-radius:16px !important;
  background:#fff !important;
}

.single-column-toolbar input{
  width:100% !important;
  height:44px !important;
  border-radius:12px !important;
}

.single-column-toolbar button,
.single-column-toolbar .toolbar-link{
  min-height:44px !important;
  padding:10px 16px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
}

/* İstatistikler aynı genişlikte ve daha kompakt */
.single-column-stats{
  width:min(100% - 40px, 1660px) !important;
  margin:0 auto 14px !important;
  gap:12px !important;
}

.single-column-stats article{
  min-height:100px !important;
  padding:18px 20px !important;
  border-radius:15px !important;
}

@media(max-width:1250px){
  .single-column-command-bar{
    grid-template-columns:1fr !important;
  }

  .single-column-command-bar .admin-buttons{
    justify-content:flex-start !important;
  }

  .single-column-toolbar{
    grid-template-columns:minmax(280px,1fr) repeat(3,auto) !important;
  }
}

@media(max-width:820px){
  .clean-header-inner{
    min-height:74px !important;
    padding:0 14px !important;
  }

  .single-column-command-bar,
  .single-column-toolbar,
  .single-column-stats{
    width:min(100% - 20px,1660px) !important;
  }

  .single-column-command-bar{
    padding:18px !important;
  }

  .single-column-toolbar{
    grid-template-columns:1fr 1fr !important;
  }

  .single-column-toolbar input{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:560px){
  .single-column-toolbar{
    grid-template-columns:1fr !important;
  }

  .single-column-toolbar input{
    grid-column:auto !important;
  }
}


/* =========================================================
   FINAL TEK MENÜ + OPERASYON ÖZETİ
   ========================================================= */

.final-single-header{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:14px !important;
}

.final-single-header .clean-header-brand{
  min-width:auto !important;
}

.final-single-header .clean-header-nav{
  justify-content:flex-start !important;
  margin-left:10px;
}

/* Eski tekrar eden menüler tamamen gizlenir */
.top-nav,
.modern-top-nav,
.fluent-top-nav,
.header-currency-mini,
.table-layout-toolbar{
  display:none !important;
}

.final-dashboard-hero{
  width:min(100% - 32px,1660px) !important;
  margin:20px auto 12px !important;
  min-height:104px !important;
}

.operation-overview{
  display:grid;
  grid-template-columns:minmax(250px,.9fr) minmax(500px,1.65fr) minmax(250px,.85fr);
  align-items:center;
  gap:22px;
  width:min(100% - 32px,1660px);
  margin:0 auto 14px;
  padding:20px 22px;
  border:1px solid #dfe7f1;
  border-radius:17px;
  background:
    radial-gradient(circle at top left,rgba(9,105,240,.08),transparent 34%),
    #fff;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

.operation-overview-status{
  display:flex;
  align-items:center;
  gap:13px;
}

.operation-overview-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:49px;
  height:49px;
  border-radius:14px;
  background:linear-gradient(145deg,#126df0,#3e8cff);
  color:#fff;
  font-size:20px;
  box-shadow:0 9px 22px rgba(18,109,240,.22);
}

.operation-overview-status>div{
  display:flex;
  flex-direction:column;
}

.operation-overview-status small{
  color:#7b879b;
  font-size:8px;
  letter-spacing:.08em;
}

.operation-overview-status strong{
  margin-top:4px;
  color:#172033;
  font-size:17px;
}

.operation-overview-status p{
  margin:4px 0 0;
  color:#68768d;
  font-size:9px;
}

.operation-overview-values{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.operation-overview-values>div{
  padding:12px 13px;
  border:1px solid #e4ebf3;
  border-radius:12px;
  background:#fbfdff;
}

.operation-overview-values span{
  display:block;
  color:#7b879b;
  font-size:8px;
  white-space:nowrap;
}

.operation-overview-values strong{
  display:block;
  margin-top:5px;
  color:#172033;
  font-size:21px;
  line-height:1;
}

.operation-overview-progress{
  padding:14px 15px;
  border:1px solid #e4ebf3;
  border-radius:12px;
  background:#fbfdff;
}

.operation-overview-progress>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.operation-overview-progress span{
  color:#65748b;
  font-size:9px;
}

.operation-overview-progress strong{
  color:#0969f0;
  font-size:12px;
}

.overview-progress-track{
  height:8px;
  margin-top:10px;
  overflow:hidden;
  border-radius:6px;
  background:#e8eef6;
}

.overview-progress-track span{
  display:block;
  height:100%;
  border-radius:6px;
  background:linear-gradient(90deg,#0969f0,#4d98ff);
}

.final-column-panel{
  position:fixed !important;
  top:88px !important;
  right:20px !important;
  z-index:6000 !important;
  width:320px !important;
  max-height:calc(100vh - 110px) !important;
  overflow:hidden !important;
  border:1px solid #dce5f0 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 20px 50px rgba(15,23,42,.22) !important;
}

.final-column-panel[hidden]{
  display:none !important;
}

.final-column-panel .column-panel-list{
  max-height:370px !important;
  overflow:auto !important;
}

@media(max-width:1180px){
  .operation-overview{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .operation-overview{
    width:min(100% - 20px,1660px);
    padding:16px;
  }

  .operation-overview-values{
    grid-template-columns:repeat(2,1fr);
  }
}


/* =========================================================
   FINAL TEK BAR + ÇALIŞAN USD/EUR
   ========================================================= */

.final-single-toolbar{
  position:sticky;
  top:88px;
  z-index:1200;
  display:grid !important;
  grid-template-columns:minmax(360px,1fr) auto auto !important;
  align-items:center !important;
  gap:12px !important;
  width:min(100% - 32px,1660px) !important;
  margin:18px auto 14px !important;
  padding:12px 14px !important;
  border:1px solid #dfe7f1 !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
  backdrop-filter:blur(14px);
}

.final-toolbar-search{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  height:44px;
  padding:0 13px;
  border:1px solid #dbe5f0;
  border-radius:12px;
  background:#fff;
}

.final-toolbar-search>span{
  color:#6d7b90;
  font-size:18px;
}

.final-toolbar-search input{
  width:100% !important;
  min-width:0;
  height:40px !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  font-size:10px !important;
}

.final-toolbar-filters{
  display:flex;
  align-items:center;
  gap:7px;
}

.final-toolbar-filters button,
.final-toolbar-filters .toolbar-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border:1px solid #dbe5f0;
  border-radius:12px;
  background:#fff;
  color:#25334b;
  font-size:9px;
  font-weight:650;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}

.final-toolbar-filters button.active{
  border-color:#0969f0;
  background:#0969f0;
  color:#fff;
}

.final-toolbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}

.final-toolbar-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  padding:9px 13px;
  border-radius:11px;
  font-size:9px;
  font-weight:650;
  white-space:nowrap;
}

.final-toolbar-actions .primary-btn{
  box-shadow:0 7px 17px rgba(9,105,240,.2);
}

/* Büyük başlık kartı artık kullanılmıyor */
.hero-row,
.dashboard-command-bar,
.single-column-command-bar,
.final-dashboard-hero{
  display:none !important;
}

/* Header kur pill'leri */
.clean-header-rates{
  display:flex !important;
}

.clean-rate-pill{
  min-width:92px;
}

.clean-rate-pill strong{
  font-size:10px !important;
}

@media(max-width:1250px){
  .final-single-toolbar{
    grid-template-columns:1fr !important;
    position:static;
  }

  .final-toolbar-filters,
  .final-toolbar-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

@media(max-width:720px){
  .final-single-toolbar{
    width:min(100% - 20px,1660px) !important;
    padding:10px !important;
  }

  .final-toolbar-filters{
    overflow-x:auto;
    flex-wrap:nowrap;
  }

  .final-toolbar-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* Döviz kuru veri yapısı düzeltmesi */
.clean-rate-pill{
  display:grid !important;
  grid-template-columns:22px auto;
  grid-template-rows:auto auto;
  column-gap:6px;
}

.clean-rate-pill>span{
  grid-row:1 / 3;
}

.clean-rate-pill>small{
  color:#7b879b;
  font-size:7px;
  line-height:1;
}

.clean-rate-pill>strong{
  margin-top:2px;
  line-height:1;
}

.clean-rate-pill.rate-unavailable{
  opacity:.65;
}

.exchange-status-page{
  width:min(100% - 32px,1100px);
  margin:24px auto;
}

.exchange-status-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px;
  border:1px solid #dfe7f1;
  border-radius:16px;
  background:#fff;
}

.exchange-status-head h1{
  margin:0;
}

.exchange-status-head p{
  margin:5px 0 0;
  color:#718096;
}

.exchange-status-grid,
.exchange-status-values{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.exchange-status-values{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.exchange-status-grid article,
.exchange-status-values>div{
  padding:18px;
  border:1px solid #dfe7f1;
  border-radius:14px;
  background:#fff;
}

.exchange-status-grid span,
.exchange-status-values span{
  display:block;
  color:#718096;
  font-size:10px;
}

.exchange-status-grid strong,
.exchange-status-values strong{
  display:block;
  margin-top:7px;
  color:#172033;
  font-size:20px;
}

@media(max-width:700px){
  .exchange-status-grid,
  .exchange-status-values{
    grid-template-columns:1fr;
  }
}


/* Dozvola atama temizleme */
.driver-assignment-row{
  flex-wrap:wrap;
}

.danger-outline-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #efb4ba;
  border-radius:9px;
  background:#fff5f6;
  color:#c81e2a;
  font-size:10px;
  font-weight:650;
  cursor:pointer;
}

.danger-outline-btn:hover{
  border-color:#df8f98;
  background:#ffecee;
}


/* Modern Dozvola üst bölümü */
.dozvola-command-panel{
  display:grid;
  grid-template-columns:minmax(300px,1.05fr) minmax(520px,1.45fr) auto;
  align-items:center;
  gap:22px;
  width:min(100% - 32px,1660px);
  margin:22px auto 12px;
  padding:20px 22px;
  border:1px solid #dfe7f1;
  border-radius:18px;
  background:
    radial-gradient(circle at top left,rgba(9,105,240,.07),transparent 36%),
    #fff;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

.dozvola-command-main{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.dozvola-command-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:50px;
  height:50px;
  border-radius:15px;
  background:linear-gradient(145deg,#126df0,#3e8cff);
  color:#fff;
  font-size:21px;
  box-shadow:0 9px 22px rgba(18,109,240,.22);
}

.dozvola-command-copy small{
  display:block;
  color:#7b879b;
  font-size:8px;
  letter-spacing:.08em;
}

.dozvola-command-copy h1{
  margin:4px 0 0;
  color:#172033;
  font-size:22px;
  line-height:1.1;
}

.dozvola-command-copy p{
  margin:5px 0 0;
  color:#68768d;
  font-size:9px;
}

.dozvola-command-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.dozvola-command-metrics>div{
  min-width:0;
  padding:12px 13px;
  border:1px solid #e4ebf3;
  border-radius:12px;
  background:#fbfdff;
}

.dozvola-command-metrics span{
  display:block;
  color:#7b879b;
  font-size:8px;
  white-space:nowrap;
}

.dozvola-command-metrics strong{
  display:block;
  margin-top:5px;
  color:#172033;
  font-size:21px;
  line-height:1;
}

.dozvola-command-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.dozvola-command-actions a{
  min-height:42px;
  padding:9px 14px;
  border-radius:11px;
  font-size:9px;
  white-space:nowrap;
}

.dozvola-modern-toolbar{
  display:grid;
  grid-template-columns:minmax(360px,1fr) auto;
  align-items:center;
  gap:12px;
  width:min(100% - 32px,1660px);
  margin:0 auto 14px;
  padding:12px 14px;
  border:1px solid #dfe7f1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}

.dozvola-toolbar-search{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  height:44px;
  padding:0 13px;
  border:1px solid #dbe5f0;
  border-radius:12px;
  background:#fff;
}

.dozvola-toolbar-search>span{
  color:#6d7b90;
  font-size:18px;
}

.dozvola-toolbar-search input{
  width:100%;
  height:40px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  font-size:10px;
}

.dozvola-toolbar-filters{
  display:flex;
  align-items:center;
  gap:7px;
}

.dozvola-toolbar-filters button{
  min-height:42px;
  padding:9px 14px;
  border:1px solid #dbe5f0;
  border-radius:12px;
  background:#fff;
  color:#25334b;
  font-size:9px;
  font-weight:650;
  white-space:nowrap;
  cursor:pointer;
}

.dozvola-toolbar-filters button.active{
  border-color:#0969f0;
  background:#0969f0;
  color:#fff;
}

@media(max-width:1180px){
  .dozvola-command-panel{
    grid-template-columns:1fr;
  }

  .dozvola-command-actions{
    justify-content:flex-start;
  }

  .dozvola-modern-toolbar{
    grid-template-columns:1fr;
  }

  .dozvola-toolbar-filters{
    flex-wrap:wrap;
  }
}

@media(max-width:720px){
  .dozvola-command-panel,
  .dozvola-modern-toolbar{
    width:min(100% - 20px,1660px);
  }

  .dozvola-command-metrics{
    grid-template-columns:repeat(2,1fr);
  }

  .dozvola-toolbar-filters{
    overflow-x:auto;
    flex-wrap:nowrap;
  }
}