/* Baustein Terminvergabe: Editor und Belegung im Bericht. Markup: nl-vergabe.js. */
html.wb .nlv-form{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:12px 14px 14px;background:var(--wb-seg)}
html.wb .nlv-form .nlb-feld{margin:0}
html.wb .nlv-form input{background:var(--surface)}
html.wb .nlv-formfuss{display:flex;align-items:center;gap:12px;margin-top:4px}
html.wb .nlv-liste{display:flex;flex-direction:column;margin:14px 0 8px}
html.wb .nlv-tag{display:flex;flex-direction:column;gap:6px;padding:9px 0;border-top:1px solid var(--line)}
html.wb .nlv-tag>b{font-size:13.5px;font-weight:600}
html.wb .nlv-zeiten{display:flex;flex-wrap:wrap;gap:5px}
html.wb .nlv-zeit{display:inline-flex;align-items:center;height:30px;background:var(--wb-seg)}
html.wb .nlv-zeit.on{background:var(--accent-soft)}
html.wb .nlv-zeit button{height:30px;border:0;background:none;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}
html.wb .nlv-zeit button:first-child{padding:0 3px 0 9px}
html.wb .nlv-zeit .nlv-weg{width:26px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}

html.wb .nlv-kopfaktion{display:flex;flex-wrap:wrap;gap:8px}
html.wb .nlv-stand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:16px 0 4px}
html.wb .nlv-stand strong{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
html.wb .nlv-stand span{font-size:13.5px;color:var(--ink-soft)}
html.wb .nlv-balken{flex:1 1 200px;height:14px;background:var(--wb-seg)}
html.wb .nlv-balken i{display:block;height:100%;background:var(--accent)}
html.wb .nlv-tagblock{margin-top:18px}
html.wb .nlv-tagblock h3,html.wb .nlv-offen h3{margin:0 0 10px;font-size:16px;font-weight:600}
html.wb .nlv-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
html.wb .nlv-kachel{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:60px;padding:8px 10px;border:1.5px solid var(--field-line);background:var(--surface);color:var(--ink-soft);text-align:left;cursor:pointer;min-width:0}
html.wb .nlv-kachel b{font-size:15px;font-weight:700}
html.wb .nlv-kachel span{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
html.wb .nlv-kachel.ist-teil{border-color:var(--wb-st-res-b);color:var(--ink)}
html.wb .nlv-kachel.ist-voll{border-color:transparent;color:var(--wb-st-res-fg);background:repeating-linear-gradient(-45deg,var(--wb-st-res-a),var(--wb-st-res-a) 5px,var(--wb-st-res-b) 5px,var(--wb-st-res-b) 10px)}
html.wb .nlv-kachel.on{outline:2px solid var(--ink);outline-offset:1px}
html.wb .nlv-detail{margin-top:10px;padding:12px 14px;background:var(--wb-soft)}
html.wb .nlv-dkopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin:0 0 6px;font-size:14px}
html.wb .nlv-dkopf b{font-weight:600}
html.wb .nlv-dkopf span{color:var(--ink-soft)}
html.wb .nlv-dzeile{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
html.wb .nlv-dzeile>span{flex:1 1 220px;min-width:0;font-size:14px}
html.wb .nlv-dzeile b{font-weight:600}
html.wb .nlv-dzeile small{display:block;font-size:13px;color:var(--ink-soft);overflow-wrap:anywhere}
html.wb .nlv-warn{height:34px;padding:0 12px;border:0;background:var(--wb-warn-bg);color:var(--wb-warn);font-size:13.5px;font-weight:600;cursor:pointer}
html.wb .nlv-warntext{color:var(--wb-warn)}
html.wb .nlv-dfuss{display:flex;flex-wrap:wrap;gap:14px;padding-top:8px;border-top:1px solid var(--line)}
html.wb .nlv-offen{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
html.wb .nlv-offen ul{list-style:none;margin:0 0 12px;padding:0;max-height:260px;overflow-y:auto}
html.wb .nlv-offen li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
html.wb .nlv-offen li b{font-weight:600}
html.wb .nlv-offen li span{color:var(--ink-soft);overflow-wrap:anywhere}
/* Der Name ist länger als der Platz im Kopf der Einstellungen: dort ohne Bildchen */
html.wb .nlb-skopf.ist-baustein .nlw-schema:has(.s-vg){display:none}
/* Bildchen des Bausteins: ein Raster aus Zeitfenstern, frei, reserviert und eines gewählt */
html.wb .nlw-schema .s-vg{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:2px}
html.wb .nlw-schema .s-vg b{display:block;box-shadow:inset 0 0 0 1px var(--ink-faint);background:var(--surface)}
html.wb .nlw-schema .s-vg b.r{box-shadow:none;background:var(--wb-st-res-a)}
html.wb .nlw-schema .s-vg b.w{box-shadow:none;background:var(--accent)}