/* Scoped layout compatibility; visual components are defined in shared/lav-platform.css. */

        .lav-scope-notes{
          --lt-blue:#0b3b82;            /* dunkelblau (Text) */
          --lt-blue-900:#0a2e68;
          --lt-blue-soft:#dbeafe;       /* Appbar */
          --lt-blue-soft-2:#e7f0ff;     /* helle List-Boxes */
          --lt-chip-gray:#eef2f7;       /* Chip-Hintergrund */
          --lt-chip-gray-border:#cfd8e3;
          --lt-bg:#ffffff;
          --lt-text:#0f172a;
          --lt-muted:#667085;
          --lt-line:#e5e7eb;
          --lt-card:#ffffff;
          --lt-primary:#16a34a;
          --lt-danger:#b91c1c;
          --lt-radius:18px;
          --lt-shadow:0 10px 24px rgba(2,8,20,.06), 0 2px 8px rgba(2,8,20,.05);
        }

        .lav-scope-notes .lt-wrap{max-width:1100px;margin:0 auto;padding:8px}
        .lav-scope-notes .lt-area{background:var(--lt-bg);padding:8px}

        /* App-Header */
        .lav-scope-notes .lt-appbar{
          background:var(--lt-blue-soft);
          border-radius:24px;
          padding:24px 18px;
          text-align:center;
          box-shadow:var(--lt-shadow);
          margin:8px 0 14px 0;
        }
        .lav-scope-notes .lt-appbar .lt-title{margin:0;font-weight:800;font-size:28px;letter-spacing:.3px;color:var(--lt-blue)}
        .lav-scope-notes .lt-appbar .lt-sub{margin:2px 0 0 0;font-size:14px;color:var(--lt-blue-900);font-weight:700}

        /* Chip (dunkelblau auf grau) */
        .lav-scope-notes .lt-chip{
          display:block;background:var(--lt-chip-gray);color:var(--lt-blue);padding:14px 16px;border-radius:22px;
          font-weight:800;text-align:center;border:1px solid var(--lt-chip-gray-border);box-shadow:0 6px 16px rgba(2,8,20,.08);
          margin:10px 0 12px 0;
        }

        .lav-scope-notes .lt-card{
          background:var(--lt-card);border:1px solid var(--lt-line);border-radius:var(--lt-radius);
          padding:12px;margin:12px 0;box-shadow:var(--lt-shadow);
        }

        /* Inputs */
        .lav-scope-notes .lt-field{display:flex;flex-direction:column;gap:6px}
        .lav-scope-notes .lt-label{display:block;font-weight:700;margin-bottom:4px;color:var(--lt-muted);font-size:13px}
        .lav-scope-notes .lt-input,.lav-scope-notes .lt-textarea,.lav-scope-notes .lt-select{
          width:100%;background:#f8fbff;border:1px solid var(--lt-line);border-radius:14px;padding:12px 12px;font-size:15px;color:var(--lt-text);
          outline:none;transition:border .15s ease, box-shadow .15s ease, background .15s ease;
        }
        .lav-scope-notes .lt-input:focus,.lav-scope-notes .lt-textarea:focus,.lav-scope-notes .lt-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.35);background:#fff}
        .lav-scope-notes .lt-textarea{min-height:120px}

        /* Grid */
        .lav-scope-notes .lt-row{display:grid;grid-template-columns:1fr;gap:12px}
        @media(min-width:640px){ .lav-scope-notes .lt-row{grid-template-columns:repeat(2,1fr);} }
        @media(min-width:1024px){ .lav-scope-notes .lt-row{grid-template-columns:repeat(4,1fr);} }

        .lav-scope-notes .lt-actions{display:flex;flex-wrap:wrap;gap:10px}
        .lav-scope-notes .lt-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

        /* Buttons */
        .lav-scope-notes .lt-btn{
          display:inline-flex;align-items:center;justify-content:center;gap:8px;
          padding:12px 16px;border-radius:16px;border:1px solid transparent;text-decoration:none;
          cursor:pointer;font-weight:800;line-height:1;box-shadow:0 1px 0 rgba(0,0,0,.06);
        }
        .lav-scope-notes .lt-btn.primary{background:var(--lt-primary);color:#fff;border-color:#0f7a35}
        .lav-scope-notes .lt-btn.secondary{background:#fff;border:1px solid var(--lt-line);color:var(--lt-text)}
        .lav-scope-notes .lt-btn.danger{background:var(--lt-danger);color:#fff;border-color:#7f1d1d}

        /* Tabellen (responsive) */
        .lav-scope-notes .lt-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
        .lav-scope-notes .lt-table th,.lav-scope-notes .lt-table td{border-bottom:1px solid var(--lt-line);padding:12px;text-align:left;vertical-align:top;font-size:14px}
        .lav-scope-notes .lt-table thead th{font-weight:800;color:#334155}
        @media(max-width:740px){
          .lav-scope-notes .lt-table{border:0}
          .lav-scope-notes .lt-table thead{display:none}
          .lav-scope-notes .lt-table tr{display:block;background:#fff;border:1px solid var(--lt-line);border-radius:14px;box-shadow:var(--lt-shadow);margin:10px 0;padding:6px}
          .lav-scope-notes .lt-table td{display:flex;justify-content:space-between;align-items:flex-start;border:0;padding:8px 12px}
          .lav-scope-notes .lt-table td::before{content:attr(data-label);font-weight:700;color:#64748b;margin-right:12px}
        }

        .lav-scope-notes .lt-muted{color:var(--lt-muted);font-size:12px}

        /* Notizzettel (Post-it) */
        .lav-scope-notes .lt-note{border-radius:16px;padding:16px 18px;margin:16px 0;box-shadow:0 14px 18px -12px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.06)}
        .lav-scope-notes .lt-note.yellow{background:#FEF3C7}
        .lav-scope-notes .lt-note.mint{background:#D1FAE5}
        .lav-scope-notes .lt-note.pink{background:#FCE7F3}
        .lav-scope-notes .lt-note.blue{background:#DBEAFE}
        .lav-scope-notes .lt-note.purple{background:#EDE9FE}
        .lav-scope-notes .lt-note.orange{background:#FFEDD5}
        .lav-scope-notes .lt-note.teal{background:#CCFBF1}
        .lav-scope-notes .lt-note.lime{background:#ECFCCB}
        .lav-scope-notes .lt-note.gray{background:#F3F4F6}
        .lav-scope-notes .lt-note.red{background:#FEE2E2}
        .lav-scope-notes .lt-pin{width:10px;height:10px;border-radius:9999px;background:#111827;display:inline-block;margin-right:8px;vertical-align:middle}

        .lav-scope-notes .lt-file-list a{display:inline-block;margin-right:10px}
        .lav-scope-notes details summary{cursor:pointer}