/* Tabübergreifender Freigabe-Kontext für Lehrkräfte. */
.dr-teach-course-context{
  display:flex;
  align-items:center;
  gap:.65rem;
  flex-wrap:wrap;
  margin:0 0 .9rem;
  padding:.65rem .75rem;
  border:1px solid color-mix(in srgb,var(--accent,#5638c8) 24%,var(--line,#dfe3e8));
  border-left:3px solid var(--accent,#5638c8);
  border-radius:10px;
  background:color-mix(in srgb,var(--accent,#5638c8) 4%,var(--paper,#fff));
}

.dr-teach-course-context__copy{
  display:grid;
  gap:.1rem;
  min-width:min(100%,15rem);
  flex:1;
}

.dr-teach-course-context__copy strong{
  color:var(--ink,#202633);
  font-size:.9rem;
}

.dr-teach-course-context__copy small{
  color:var(--muted,#5d6675);
  font-size:.78rem;
  line-height:1.35;
}

.dr-teach-course-context__select{
  min-height:42px;
  max-width:100%;
  padding:.42rem .62rem;
  border:1px solid var(--line,#dfe3e8);
  border-radius:8px;
  background:var(--paper,#fff);
  color:var(--ink,#202633);
  font:inherit;
}

.dr-teach-course-context__actions{
  display:flex;
  gap:.4rem;
  align-items:center;
  flex-wrap:wrap;
}

.dr-teach-course-context__actions .btn{min-height:40px}

.dr-teach-course-grant{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.42rem .7rem;
  border:1px solid var(--accent,#5638c8);
  border-radius:8px;
  background:var(--accent,#5638c8);
  color:#fff;
  font:inherit;
  font-weight:750;
  line-height:1.2;
  cursor:pointer;
}

.dr-teach-course-grant:hover{filter:brightness(.96)}
.dr-teach-course-grant:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#5638c8) 45%,#fff);outline-offset:2px}
.dr-teach-course-grant[disabled]{cursor:wait;opacity:.72}
.dr-teach-course-grant.is-granted{border-color:var(--ok,#1a7f37);background:var(--ok,#1a7f37)}
.dr-teach-resource-wrap{display:grid;gap:.5rem}
.dr-teach-resource-wrap>.dr-teach-course-grant{align-self:start}

@media(max-width:580px){
  .dr-teach-course-context{align-items:stretch}
  .dr-teach-course-context__select{width:100%}
  .dr-teach-course-context__actions{width:100%}
  .dr-teach-course-context__actions .btn,.dr-teach-course-grant{flex:1}
}