/* Stage 7B-5.1 · Abone / Lokasyon Merkezi */



.sl-page{

  min-height:100vh;

  background:#f8fafc;

  color:#0f172a;

}



.sl-shell{

  max-width:1440px;

  margin:0 auto;

  padding:18px;

}



.sl-top{

  background:linear-gradient(135deg,#0f172a,#1e3a8a);

  color:#fff;

  border-radius:24px;

  padding:20px;

  box-shadow:0 20px 60px rgba(15,23,42,.22);

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:14px;

  flex-wrap:wrap;

}



.sl-top h1{

  margin:0;

  font-size:28px;

  letter-spacing:-.03em;

}



.sl-top p{

  margin:8px 0 0;

  color:#dbeafe;

  font-weight:800;

  max-width:880px;

  line-height:1.45;

}



.sl-nav{

  display:flex;

  gap:8px;

  flex-wrap:wrap;

}



.sl-nav a{

  color:#fff;

  text-decoration:none;

  background:rgba(255,255,255,.12);

  border:1px solid rgba(255,255,255,.24);

  border-radius:999px;

  padding:9px 12px;

  font-weight:950;

}



.sl-tabs{

  display:flex;

  gap:10px;

  margin:16px 0;

  flex-wrap:wrap;

}



.sl-tab{

  border:1px solid #bfdbfe;

  background:#eff6ff;

  color:#1d4ed8;

  border-radius:999px;

  padding:11px 14px;

  font-weight:950;

  cursor:pointer;

}



.sl-tab.active{

  background:#2563eb;

  color:#fff;

  border-color:#2563eb;

}



.sl-card{

  background:#fff;

  border:1px solid #e2e8f0;

  border-radius:22px;

  box-shadow:0 10px 28px rgba(15,23,42,.05);

  padding:16px;

}



.sl-card h2,

.sl-card h3{

  margin:0 0 12px;

  color:#0f172a;

}



.sl-search{

  display:grid;

  grid-template-columns:1fr auto;

  gap:10px;

  align-items:end;

}



.sl-field label{

  display:block;

  color:#334155;

  font-weight:950;

  margin-bottom:7px;

}



.sl-input{

  width:100%;

  border:1px solid #cbd5e1;

  border-radius:16px;

  padding:13px 14px;

  font:inherit;

  font-weight:850;

  background:#fff;

  color:#0f172a;

}



.sl-btn{

  border:1px solid #cbd5e1;

  background:#fff;

  color:#0f172a;

  border-radius:16px;

  padding:12px 14px;

  font-weight:950;

  cursor:pointer;

  min-height:48px;

}



.sl-btn.primary{

  background:#2563eb;

  color:#fff;

  border-color:#1d4ed8;

}



.sl-btn.ghost{

  background:#f8fafc;

}



.sl-hint{

  margin-top:10px;

  color:#64748b;

  font-weight:800;

  line-height:1.45;

}



.sl-kpis{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:12px;

  margin:16px 0;

}



.sl-kpi{

  background:#fff;

  border:1px solid #e2e8f0;

  border-radius:20px;

  padding:14px;

}



.sl-kpi b{

  display:block;

  color:#64748b;

  font-size:12px;

  margin-bottom:6px;

}



.sl-kpi span{

  font-size:24px;

  font-weight:950;

  color:#0f172a;

}



.sl-layout{

  display:grid;

  grid-template-columns:1fr 420px;

  gap:14px;

  align-items:start;

}



.sl-results{

  display:grid;

  gap:10px;

}



.sl-result{

  border:1px solid #e2e8f0;

  background:#fff;

  border-radius:18px;

  padding:14px;

  cursor:pointer;

  transition:.14s ease;

}



.sl-result:hover{

  border-color:#93c5fd;

  box-shadow:0 10px 24px rgba(37,99,235,.09);

}



.sl-result.active{

  border-color:#2563eb;

  box-shadow:0 0 0 3px rgba(37,99,235,.12);

}



.sl-result-head{

  display:flex;

  justify-content:space-between;

  gap:10px;

  align-items:flex-start;

}



.sl-title{

  color:#0f172a;

  font-weight:950;

  font-size:16px;

  overflow-wrap:anywhere;

}



.sl-sub{

  color:#64748b;

  font-weight:850;

  font-size:13px;

  margin-top:4px;

  line-height:1.35;

}



.sl-chiprow{

  display:flex;

  gap:6px;

  flex-wrap:wrap;

  margin-top:10px;

}



.sl-chip{

  display:inline-flex;

  align-items:center;

  border:1px solid #dbeafe;

  background:#f8fbff;

  color:#1e40af;

  border-radius:999px;

  padding:5px 8px;

  font-weight:900;

  font-size:12px;

}



.sl-chip.warn{

  background:#fffbeb;

  color:#92400e;

  border-color:#fde68a;

}



.sl-chip.ok{

  background:#ecfdf5;

  color:#166534;

  border-color:#bbf7d0;

}



.sl-detail{

  position:sticky;

  top:14px;

}



.sl-detail .sl-card{

  min-height:400px;

}



.sl-empty{

  border:1px dashed #cbd5e1;

  background:#f8fafc;

  color:#64748b;

  border-radius:18px;

  padding:24px;

  text-align:center;

  font-weight:850;

  line-height:1.45;

}



.sl-fields{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:9px;

}



.sl-info{

  background:#f8fafc;

  border:1px solid #e2e8f0;

  border-radius:15px;

  padding:10px;

  min-width:0;

}



.sl-info b{

  display:block;

  color:#64748b;

  font-size:12px;

  margin-bottom:5px;

}



.sl-info span{

  color:#0f172a;

  font-weight:950;

  overflow-wrap:anywhere;

}



.sl-section{

  margin-top:14px;

}



.sl-mini-list{

  display:grid;

  gap:8px;

}



.sl-mini{

  background:#f8fafc;

  border:1px solid #e2e8f0;

  border-radius:14px;

  padding:10px;

}



.sl-mini b{

  display:block;

  color:#0f172a;

}



.sl-mini span{

  display:block;

  margin-top:3px;

  color:#64748b;

  font-size:12px;

  font-weight:850;

}



.sl-loading{

  padding:22px;

  text-align:center;

  color:#475569;

  font-weight:950;

}



.sl-error{

  padding:12px;

  border:1px solid #fecaca;

  background:#fef2f2;

  color:#991b1b;

  border-radius:16px;

  font-weight:900;

}



.sl-menu-injected{

  font-weight:950 !important;

}



.sl-floating-link{

  position:fixed;

  left:14px;

  bottom:14px;

  z-index:4000;

  background:#2563eb;

  color:#fff !important;

  text-decoration:none;

  padding:10px 12px;

  border-radius:999px;

  box-shadow:0 14px 40px rgba(37,99,235,.35);

  font-weight:950;

  border:1px solid #1d4ed8;

}



@media(max-width:1120px){

  .sl-layout{

    grid-template-columns:1fr;

  }



  .sl-detail{

    position:static;

  }



  .sl-kpis{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }

}



@media(max-width:720px){

  .sl-shell{

    padding:12px;

  }



  .sl-top{

    border-radius:20px;

    padding:16px;

  }



  .sl-top h1{

    font-size:23px;

  }



  .sl-search{

    grid-template-columns:1fr;

  }



  .sl-kpis{

    grid-template-columns:1fr;

  }



  .sl-fields{

    grid-template-columns:1fr;

  }



  .sl-result-head{

    display:block;

  }

}




/* Stage 7B-5.1.2 · Sidebar menu fix */

a[data-stage7b512-menu]{

  text-decoration:none !important;

}



a[data-stage7b512-menu] .sl-nav-icon{

  display:inline-flex !important;

  width:22px !important;

  min-width:22px !important;

  justify-content:center !important;

  align-items:center !important;

}



a[data-stage7b512-menu] .sl-nav-label{

  display:inline-block !important;

  line-height:1.2 !important;

}