/* ============================================================
   ASSIGNMENT - SABİT SORU SEÇİCİ
   Mevcut UI'ya başka müdahale yoktur.
   ============================================================ */

.assignment-question-selector{
  position:fixed;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  z-index:100;

  width:min(740px,calc(100% - 20px));

  display:flex;
  justify-content:center;
  gap:7px;
  overflow-x:auto;

  margin:0;
  padding:8px;

  border:1px solid var(--line);
  border-radius:14px;

  background:rgba(255,255,255,.97);
  box-shadow:0 8px 22px rgba(60,70,100,.12);
  backdrop-filter:blur(10px);

  scrollbar-width:thin;
}

.assignment-question-selector-item{
  appearance:none;
  flex:0 0 38px;

  width:38px;
  height:38px;

  border:1px solid #dfe3ec;
  border-radius:10px;

  background:#fff;
  color:var(--text);

  font:inherit;
  font-size:12px;
  font-weight:900;

  cursor:pointer;
}

.assignment-question-selector-item:hover{
  border-color:#bfb6fb;
  background:#faf9ff;
  color:var(--primary);
}

.assignment-question-selector-item.answered{
  border-color:var(--success);
  background:var(--success);
  color:#fff;
  box-shadow:0 4px 10px rgba(47,155,114,.20);
}

/* Ekranda o anda görülen soru: mor çerçeve */
.assignment-question-selector-item.current{
  border-color:var(--primary);
  box-shadow:
    0 0 0 3px rgba(111,99,223,.22),
    0 4px 10px rgba(60,70,100,.10);
}

/* Cevaplanmış + mevcut soru: yeşil zemin korunur, mor halka eklenir */
.assignment-question-selector-item.answered.current{
  border-color:var(--primary);
  background:var(--success);
  color:#fff;
  box-shadow:
    0 0 0 3px rgba(111,99,223,.28),
    0 4px 10px rgba(47,155,114,.20);
}

.question-list-card{
  scroll-margin-top:66px;
}

@media(max-width:640px){
  .assignment-question-selector{
    top:6px;
    margin-bottom:10px;
    padding:7px;
  }

  .assignment-question-selector-item{
    flex-basis:38px;
    width:38px;
    height:38px;
  }
}


/*
 * Fixed soru seçici için üstte kalıcı yer ayır.
 * Mevcut work.css yapısına dokunmaz.
 */
body:has(.assignment-question-selector) .work-shell{
  padding-top:76px;
}

.question-list-card{
  scroll-margin-top:76px;
}

@media(max-width:640px){
  .assignment-question-selector{
    top:6px;
    width:calc(100% - 12px);
    justify-content:flex-start;
  }

  body:has(.assignment-question-selector) .work-shell{
    padding-top:72px;
  }

  .question-list-card{
    scroll-margin-top:72px;
  }
}