/* ===== Avto Premium (auto1) — mustaqil uslublar ===== */

.ap1-screen{
  position:fixed; inset:0; z-index:900;
  display:flex; flex-direction:column;
  background:#0a0e1a;
  overflow:hidden;
}

.ap1-top{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#0d1322;
}

.ap1-brand{ display:flex; align-items:center; gap:12px; min-width:0; }
.ap1-logo{
  width:42px; height:42px; flex:0 0 42px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px;
  background:rgba(59,130,246,.14);
  border:1px solid rgba(59,130,246,.35);
  color:#60a5fa;
}
.ap1-logo svg{ width:22px; height:22px; }
.ap1-top h2{ margin:0; font-size:17px; color:#e7ecf5; font-weight:700; }
.ap1-sub{ font-size:12px; color:#8b98ad; }

.ap1-back{
  flex:0 0 auto;
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#e7ecf5;
  font-size:14px; font-weight:600;
  cursor:pointer;
}
.ap1-back svg{ width:16px; height:16px; }
.ap1-back:hover{ background:rgba(255,255,255,.1); }

.ap1-body{
  flex:1 1 auto;
  overflow-y:auto;
  padding:18px 16px 32px;
}

.ap1-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:12px;
  max-width:900px;
  margin:0 auto;
}

.ap1-item{
  display:flex; align-items:center; gap:12px;
  width:100%;
  padding:16px 14px;
  text-align:left;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:#131a2b;
  color:#e7ecf5;
  font-size:15px; font-weight:600;
  cursor:pointer;
}
.ap1-item:hover{ border-color:rgba(59,130,246,.5); background:#172033; }
.ap1-item .ap1-ico{
  width:38px; height:38px; flex:0 0 38px;
  display:flex; align-items:center; justify-content:center;
  border-radius:10px;
  background:rgba(59,130,246,.12);
  font-size:18px;
}
.ap1-item .ap1-txt{ min-width:0; }
.ap1-item .ap1-txt small{
  display:block; margin-top:3px;
  font-size:12px; font-weight:400; color:#8b98ad;
}

.ap1-panel{
  max-width:900px;
  margin:16px auto 0;
  padding:20px 16px;
  border-radius:14px;
  border:1px dashed rgba(255,255,255,.14);
  background:#101627;
  color:#8b98ad;
  text-align:center;
  font-size:14px;
}
.ap1-panel h3{ margin:0 0 6px; color:#e7ecf5; font-size:16px; }