/* Projektwahl, Papierkorb und Konto: nur Layout und fachliche Modusfarben.
   Die Vue-/HTML-Hosts verwenden fuer Kontrollen und Schriftrollen ui-styles. */
.pk-liste { max-height: 60vh; overflow-y: auto; border: 1px solid var(--provi-border);
  border-radius: 6px; margin-top: 8px; }
.pk-zeile { display: grid; grid-template-columns: 1fr 170px auto; gap: 10px;
  align-items: center; padding: 7px 10px; border-bottom: 1px solid var(--provi-border);
  font-size:var(--provi-type-ui-font-size);line-height:var(--provi-type-ui-line-height); }
.pk-name { font-weight:var(--provi-type-emphasis-font-weight); }
.np-spalten { display: grid; grid-template-columns: 1fr 1.5fr; border: 1px solid var(--provi-border);
  border-radius: 8px; overflow: hidden; margin-top: 8px; }
.np-typen { background: var(--provi-surface-subtle); border-right: 1px solid var(--provi-border);
  padding: 2px 0 8px; max-height: 420px; overflow-y: auto; }
.np-modal .np-gruppe { font-size:var(--provi-navigation-group-font-size); font-weight:var(--provi-type-emphasis-font-weight); text-transform:var(--provi-table-heading-text-transform); color:var(--provi-table-muted); letter-spacing:var(--provi-navigation-group-letter-spacing);
  padding: 10px 14px 3px; }
.np-typ { --np-bg: var(--badge-grau-bg); --np-fg: var(--provi-text);
  display: grid; grid-template-columns: 18px 1fr auto; column-gap: 9px; align-items: center; }
.np-typen .np-typ { display: grid; width: 100%; text-align: left; border: 0; border-radius: 0;
  justify-content: start; padding:7px 14px; row-gap:0; line-height:normal; }
.np-typ-name { font-size:var(--provi-table-font-size); font-weight:var(--provi-type-emphasis-font-weight); }
.np-typen .np-typ-unter { font-size:var(--provi-table-compact-heading-font-size); line-height:normal; color:var(--provi-table-secondary); }
.np-modal.provi-dialog { --provi-dialog-wide-width:720px; }
.np-modal .provi-dialog__header { border:0; padding:16px 18px 8px; }
.np-modal .provi-dialog__header .provi-title { font-size:var(--provi-type-ui-font-size); }
.np-modal .provi-dialog__body { padding:0 18px; }
.np-modal .provi-dialog__footer { border:0; padding:12px 18px 16px; }
.np-modal .provi-field__label { font-weight:var(--provi-type-regular-font-weight); }
.np-modal .np-beschreibung { margin-bottom:14px; }
.np-modal #np-vorschau { font-size:var(--provi-type-caption-font-size); min-height:15px; margin:8px 0 0; }
.np-modal .np-neu { padding:1px 5px; border-radius:4px; font-size:var(--provi-diagram-label-font-size); }
.np-typ.modus-akvs   { --np-bg: var(--akvs-bg);   --np-fg: var(--akvs-fg); }
.np-typ.modus-oenorm { --np-bg: var(--oenorm-bg); --np-fg: var(--oenorm-fg); }
.np-typ.modus-oeko   { --np-bg: var(--oeko-bg);   --np-fg: var(--oeko-fg); }
.np-typ.modus-termin { --np-bg: var(--termin-bg); --np-fg: var(--termin-fg); }
.np-typ.modus-db_lv  { --np-bg: var(--dblv-bg);   --np-fg: var(--dblv-fg); }
.np-typ.aktiv { background: var(--np-bg); box-shadow: inset 3px 0 0 var(--np-fg); }
.np-typ.aktiv .np-typ-name, .np-typ.aktiv .np-ico { color: var(--np-fg); }
.np-ico { width: 18px; height: 18px; color: var(--provi-text-secondary); grid-row: span 2; }
.np-ico path { fill: none; stroke: currentColor; stroke-width: 1.5;
  stroke-linecap: round; stroke-linejoin: round; }
.np-ico.gross { width: 26px; height: 26px; }
.np-typ-unter { grid-column: 2; }
.np-neu { grid-column: 3; grid-row: 1 / span 2; color: var(--oeko-fg); background: var(--oeko-bg); }
.np-detail { padding: 16px 20px; min-width: 0; }
.np-detail .provi-field + .provi-field { margin-top: var(--provi-space-actions); }
.np-kopf { display: flex; gap: 10px; align-items: center; }
.np-kopf .np-ico { color: var(--np-fg, var(--provi-text)); }
.np-kopf.modus-akvs   { --np-fg: var(--akvs-fg); }
.np-kopf.modus-oenorm { --np-fg: var(--oenorm-fg); }
.np-kopf.modus-oeko   { --np-fg: var(--oeko-fg); }
.np-kopf.modus-termin { --np-fg: var(--termin-fg); }
.np-kopf.modus-db_lv  { --np-fg: var(--dblv-fg); }
.np-beschreibung { min-height: 32px; margin: 8px 0 4px; }
.np-anlegen { width: 100%; margin-top: 12px; }
.konto-karte { max-width: 420px; border: 1px solid var(--provi-border); padding: 20px 24px; margin-top: 14px; }