/* Retter-Portal v1.3.62
   Mobile Monatsauswahl zuverlässig abgerundet; Rechteverwaltung folgt ausschließlich dem Header-Kontext. */

/* Der sichtbare Rahmen liegt auf einer eigenen Hülle. Damit kann Safari die native
   Month-Control nicht mehr mit einer scheinbar offenen, eckigen Unterkante darstellen. */
html body .calendar-month-form label{
  display:grid;
  gap:8px;
}
html body .calendar-month-label{
  display:block;
}
html body .calendar-month-input-shell{
  display:block;
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(6,17,30,.94),rgba(7,19,33,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  background-clip:padding-box;
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  clip-path:inset(0 round 16px);
}
html body .calendar-month-input-shell input[type="month"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-radius:16px!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
}
html body .calendar-month-input-shell:focus-within{
  border-color:rgba(251,113,133,.48);
  box-shadow:0 0 0 3px rgba(225,29,72,.10),inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-theme="light"] .calendar-month-input-shell{
  border-color:rgba(148,163,184,.30);
  background:linear-gradient(180deg,#ffffff,#f7fafc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 7px 18px rgba(148,163,184,.08);
}
body[data-theme="light"] .calendar-month-input-shell input[type="month"]{
  color:#0f172a!important;
}

/* Die entfernte Organisationsauswahl hinterlässt keine unnötige Leerstelle. */
html body .rights-workbench-card .card-head{
  margin-bottom:14px;
}
html body .rights-workbench-card .rights-assign-form{
  margin-top:0!important;
}

@media(max-width:760px){
  html body .calendar-month-input-shell{
    border-radius:18px!important;
    clip-path:inset(0 round 18px)!important;
  }
  html body .calendar-month-input-shell input[type="month"]{
    min-height:58px!important;
    border-radius:18px!important;
  }
}