.netcup-browser-panel { margin-block: 1rem; padding: 1rem; }
.netcup-browser-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: .8rem; }
.netcup-browser-cards article { border: 1px solid #8885; border-radius: .7rem; padding: .8rem; }
.netcup-browser-cards h3 { margin: 0 0 .65rem; }
.netcup-browser-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.netcup-browser-actions a { text-decoration: none; }
.netcup-browser-cards p { margin: .6rem 0 0; }

.netcup-browser-dialog { width: min(97vw, 1500px); height: 92dvh; max-height: 92dvh; padding: .7rem; color: #e8eef9; background: #152235; border: 1px solid #56657b; border-radius: .65rem; }
.netcup-browser-dialog[open] { display: flex; flex-direction: column; }
.netcup-browser-dialog::backdrop { background: #08111cba; }
.netcup-browser-dialog header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.netcup-browser-dialog p { margin: .35rem 0; }
.netcup-browser-dialog iframe { flex: 1; min-height: 0; width: 100%; border: 0; background: #10151f; }
.netcup-browser-dialog button[hidden] { display: none; }

.main[data-view="browsers"]:has(> #netcup-linkedin-slot) {
  display: flex;
  flex-direction: column;
}
#netcup-linkedin-slot,
.netcup-linkedin-workspace {
  display: flex;
  flex: 1;
  min-height: 0;
}
.netcup-linkedin-workspace .linkedin-canvas iframe {
  flex: 1;
  min-width: 0;
  border: 0;
  background: #10151f;
}
#netcup-linkedin-account {
  appearance: none;
  height: var(--control-height);
  padding: 4px 28px 4px 10px;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  background: var(--panel) var(--control-chevron) no-repeat right 8px center / 14px;
  color: var(--ink);
  font: inherit;
  font-size: var(--type-action);
}

.netcup-browser-loading { margin: auto; padding: 1rem; text-align: center; }