/* ============================================================
   request.css — раскрывающаяся «Заявка» и подкалендарь даты
   ============================================================ */
.request-backdrop{
  position:fixed; inset:0; z-index:44;
  background:var(--backdrop-request);
  opacity:0; pointer-events:none; transition:opacity .2s;
  touch-action:none; /* v9mvp-UI-ZOOM-MODAL-FIX */
}
.request-backdrop.show{ opacity:1; pointer-events:auto; }

.request-wrap{
  position:relative;
  margin-left:auto;
  width:calc((100% - 20px) / 3);
  min-width:150px;
}

#addRequestBtn{
  width:100%;
  display:flex; align-items:center; justify-content:center; gap:8px;
}

.req-arrow{ display:inline-block; font-size:10px; line-height:1; transition:transform .2s ease; }
.request-wrap.open .req-arrow{ transform:rotate(180deg); }

.request-menu{
  position:absolute; left:0; right:0; bottom:calc(100% + 10px);
  display:flex; flex-direction:column; gap:8px;
  opacity:0; transform:translateY(10px); pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.request-wrap.open .request-menu{ opacity:1; transform:none; pointer-events:auto; }
.request-menu .btn-add{ width:100%; box-shadow:0 8px 22px var(--shadow-menu); }
.request-menu .btn-add.btn-secondary{
  background:var(--surface-control); color:var(--text-primary); border:1px solid var(--line);
  box-shadow:0 8px 22px var(--shadow-menu);
}

/* поле «Дата» в формах */
.date-field{
  width:100%; text-align:left;
  background:var(--surface-inset); border:1px solid var(--line-control); border-radius:10px;
  color:var(--text-primary); padding:10px 12px; font-size:14px;
  transition:border-color .15s, box-shadow .15s;
}
.date-field:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-focus); }

/* подкалендарь выбора даты (компактный) */
.datepick-backdrop{
  position:fixed; inset:0; z-index:75;
  background:var(--backdrop);
  opacity:0; pointer-events:none; transition:opacity .22s;
  touch-action:none; /* v9mvp-UI-ZOOM-MODAL-FIX */
}
.datepick-backdrop.show{ opacity:1; pointer-events:auto; }
.sheet.datepick{ max-width:340px; z-index:76; }

/* M20: единственный источник размера — .request-wrap */

/* v9mvp-UI-REQUEST-MENU: стрелка крупнее; «Запланировать тур» = стиль «Заявки» */
.req-arrow{ font-size:15px; }
.request-menu .btn-add.btn-secondary{
  background:linear-gradient(135deg,var(--accent-grad-a),var(--accent) 45%,var(--accent-deep));
  color:var(--on-accent); border:none;
}

/* стрелка — CSS-треугольник, крупная и чёткая (не глиф) */
.req-arrow{
  display:inline-block;
  width:0; height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:14px solid currentColor;
  font-size:0; line-height:0;
  background:none;
}