/* chmod-Rechner: Rechte-Matrix und Pfadfeld. */
.tl-matrix th small, .tl-matrix td small { font-weight: 500; color: var(--ink-3); text-transform: none; letter-spacing: 0; }
.tl-matrix thead th:not(:first-child), .tl-matrix td { text-align: center; }
.tl-matrix tbody th { font-size: 14px; font-weight: 600; color: var(--ink); background: transparent; text-transform: none; letter-spacing: 0; white-space: nowrap; }
.tl-matrix td { font-family: var(--font-sans); }
.tl-matrix__val { font: 700 20px/1 var(--font-mono) !important; color: hsl(var(--tl-hue) 75% 45%); min-width: 48px; }
[data-theme="dark"] .tl-matrix__val { color: hsl(var(--tl-hue) 90% 70%); }
.tl-matrix__special th, .tl-matrix__special td { background: var(--bg-soft); }
.tl-matrix__sp { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: var(--ink-2); cursor: pointer; white-space: nowrap; }
.tl-chmod-path { width: min(220px, 100%); }
.tl-chmod-path .tl-input { padding: 6px 10px; font-size: 13px; }
.tl-chmod-sym { letter-spacing: .08em; }
.tl-chmod-sym b { font-weight: 700; }
.tl-chmod-sym .p-r { color: #16a34a; } .tl-chmod-sym .p-w { color: #d97706; } .tl-chmod-sym .p-x { color: #dc2626; } .tl-chmod-sym .p-s { color: #7c3aed; }
[data-theme="dark"] .tl-chmod-sym .p-r { color: #4ade80; } [data-theme="dark"] .tl-chmod-sym .p-w { color: #fbbf24; } [data-theme="dark"] .tl-chmod-sym .p-x { color: #f87171; } [data-theme="dark"] .tl-chmod-sym .p-s { color: #c4b5fd; }
.tl-chmod-explain { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.tl-chmod-explain li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; font-size: 14px; color: var(--ink-2); }
.tl-chmod-explain b { color: var(--ink); font-weight: 600; }
@media (max-width: 520px) { .tl-chmod-explain li { grid-template-columns: minmax(0, 1fr); gap: 2px; } }