/* GriffShift Belegung: Profile bearbeiten. Nutzt die Knopf-Darstellung aus site.css. */

.bl-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gs-space-3) var(--gs-space-4);margin-bottom:var(--gs-space-6)}
.bl-profile{min-width:240px}
.bl-bar__actions{display:flex;flex-wrap:wrap;gap:var(--gs-space-2)}
.bl-tuning{margin-left:auto;min-width:180px}
@media(max-width:860px){.bl-tuning{margin-left:0}}

.bl-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--gs-space-6);align-items:start}
@media(max-width:1100px){.bl-grid{grid-template-columns:minmax(0,1fr)}}
.bl-board{box-shadow:none}
.bl-board .kb-scroll{padding:var(--gs-space-6)}
.bl-board .hk{cursor:pointer}
.bl-board .hk__push{font-size:.8125rem;font-weight:600;color:var(--gs-red-action)}
.bl-board .hk__pull{font-size:.8125rem;font-weight:600;color:var(--gs-blue-action)}
.bl-board .hk[aria-pressed='true'] .hk__ring{transform:none;border-color:var(--gs-ink);border-width:3px;background:var(--gs-surface);box-shadow:0 0 0 4px var(--gs-blue-tint)}
.bl-board .hk--changed::after{content:'';position:absolute;top:calc(var(--gap) / 2 - 1px);right:calc(var(--gap) / 2 - 1px);width:10px;height:10px;border-radius:50%;background:var(--gs-warning);border:2px solid var(--gs-surface)}
.bl-legend{margin:0!important;padding:0 var(--gs-space-6) var(--gs-space-4);font-size:var(--gs-text-xs);color:var(--gs-muted)}
.bl-legend__mark{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:50%;background:var(--gs-warning);vertical-align:-.05em}

.bl-edit{position:sticky;top:96px;padding:var(--gs-space-6);border:1px solid var(--gs-line);border-radius:var(--gs-radius-lg);background:var(--gs-surface)}
.bl-edit h2{font-size:var(--gs-text-lg);font-weight:700;margin-bottom:var(--gs-space-4)}
.bl-empty{margin:0!important;color:var(--gs-muted)}
.bl-row{margin-bottom:var(--gs-space-4)}
.bl-key{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gs-space-2);margin-top:var(--gs-space-2)}
.gs-app kbd.bl-cap{min-width:44px;min-height:44px;display:inline-grid;place-items:center;font-size:1rem}
.bl-key[data-listening='true'] .bl-cap{border-color:var(--gs-blue-action);box-shadow:0 0 0 3px var(--gs-blue-tint)}
.bl-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--gs-space-3);margin-bottom:var(--gs-space-4)}
.bl-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:-.05em}
.bl-dot--druck{background:var(--gs-red-action)}
.bl-dot--zug{background:var(--gs-blue-action)}
.bl-reset{width:100%}
.bl-foot{margin-top:var(--gs-space-6)}
.app--belegung [disabled]{cursor:not-allowed}
@media(max-width:1100px){.bl-edit{position:static}}