/* provhub Betreiberpanel (#105 Paket 2). IBM Plex Sans/Mono (SIL OFL 1.1), selbst gehostet unter /fonts-ph — keine Fremd-Requests. */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-sans-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-sans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-sans-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts-ph/ibm-plex-sans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Rahmen und Bausteine — Tokens DESIGN_provhub.md §6 (Stahl/Eisblau, Wort Lukas 21.10. 17:35), Mockups 105-provhub-*.
   Keine Inline-Stile (CSP style-src 'self'). Dunkel ist Erstwahl, hell über ?tema=hell (Cookie, nur Anzeige). */
:root {
  --bg: #181C21; --s1: #1F242A; --s2: #272D35; --ln: #363E48; --tx: #E4E8ED; --mu: #929CA9;
  --ac: #5CC8E8; --acink: #071A22; --ok: #34D399; --wa: #F59E0B; --er: #F87171; --in: #60A5FA;
  --wa-bg: rgba(245, 158, 11, .10); --wa-ln: rgba(245, 158, 11, .40); --wa-tx: #FBD38D;
  --er-bg: rgba(248, 113, 113, .10); --er-ln: rgba(248, 113, 113, .45); --ok-bg: rgba(52, 211, 153, .10); --ok-ln: rgba(52, 211, 153, .40);
  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --mono: "IBM Plex Mono", ui-monospace, monospace;
  color-scheme: dark;
}
html[data-tema="hell"] {
  --bg: #F4F6F8; --s1: #FFFFFF; --s2: #EBEEF2; --ln: #D3D9E0; --tx: #151A21; --mu: #5B6573;
  --ac: #1C7FA3; --acink: #FFFFFF; --ok: #0F7B53; --wa: #A35F00; --er: #C0362C; --in: #2860B8;
  --wa-bg: #FFF4E0; --wa-ln: #E8C27A; --wa-tx: #6B3E00; --er-bg: #FDECEA; --er-ln: #E9A49E; --ok-bg: #E4F4EC; --ok-ln: #9ED3B8;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.ph { margin: 0; background: var(--bg); color: var(--tx); font: 14px/1.45 var(--sans); }
a { color: var(--ac); }
:focus-visible { outline: 2px solid var(--ac); outline-offset: 2px; border-radius: 4px; }
.m, code, .num, td.num { font-family: var(--mono); }
.ph-app { display: grid; grid-template-columns: 232px minmax(0, 1fr); min-height: 100vh; }
.ph-nav { background: var(--s1); border-right: 1px solid var(--ln); padding: 16px 12px; position: sticky; top: 0; height: 100vh; overflow: auto; }
.ph-brand { display: flex; align-items: center; gap: 10px; padding: 4px 8px 14px; font-weight: 600; color: var(--tx); text-decoration: none; font-size: 15px; }
.ph-brand i { width: 24px; height: 24px; border-radius: 6px; background: var(--ac); display: grid; place-items: center; color: var(--acink); font: 600 13px var(--mono); font-style: normal; }
.ph-sec { font: 500 11px var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--mu); padding: 14px 10px 6px; }
.ph-nav a.ph-l, .ph-mnav a.ph-l { display: flex; gap: 10px; align-items: center; padding: 7px 10px; border-radius: 6px; color: var(--mu); text-decoration: none; }
.ph-nav a.ph-l:hover, .ph-mnav a.ph-l:hover { color: var(--tx); background: var(--s2); }
.ph-nav a.ph-l.activ, .ph-mnav a.ph-l.activ { background: var(--s2); color: var(--tx); box-shadow: inset 2px 0 0 var(--ac); font-weight: 400; }
.ph-badge { margin-left: auto; background: var(--ac); color: var(--acink); border-radius: 10px; font: 600 11px var(--mono); padding: 1px 7px; }
.ph-col { min-width: 0; display: flex; flex-direction: column; }
.ph-top { display: flex; gap: 12px; align-items: center; padding: 12px 24px; border-bottom: 1px solid var(--ln); position: sticky; top: 0; background: var(--bg); z-index: 3; min-height: 61px; }
.ph-ctx { background: var(--s1); border: 1px solid var(--ln); border-radius: 6px; padding: 6px 10px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60vw; }
.ph-ctx small { font: 400 12px var(--mono); color: var(--mu); margin-left: 6px; }
.ph-flex { flex: 1; }
.ph-meniu { position: relative; }
.ph-meniu > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--mu); padding: 6px 8px; border-radius: 6px; border: 1px solid transparent; }
.ph-meniu > summary::-webkit-details-marker, .ph-mnav > summary::-webkit-details-marker { display: none; }
.ph-meniu > summary:hover { border-color: var(--ln); color: var(--tx); }
.ph-av { width: 28px; height: 28px; border-radius: 50%; background: var(--s2); color: var(--ac); display: grid; place-items: center; font: 600 12px var(--mono); }
.ph-meniu-m { position: absolute; right: 0; top: 42px; background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; padding: 14px; min-width: 240px; display: grid; gap: 12px; z-index: 6; box-shadow: 0 8px 24px rgba(0, 0, 0, .35); }
.ph-limbi { display: flex; gap: 4px; flex-wrap: wrap; margin: 0; }
.ph-limbi a, .ph-limbi button { font: 500 12px var(--mono); padding: 4px 8px; border-radius: 6px; border: 1px solid var(--ln); background: var(--s2); color: var(--mu); text-decoration: none; cursor: pointer; }
.ph-limbi .activ { border-color: var(--ac); color: var(--ac); }
.ph-mnav { display: none; }
.ph-wrap { padding: 24px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; max-width: 1300px; width: 100%; align-content: start; }
.ph-kopf { display: flex; gap: 14px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.ph-kopf h1, main h1 { font: 600 20px/1.3 var(--sans); margin: 0; overflow-wrap: anywhere; }
.ph-sub { color: var(--mu); margin: 4px 0 0; }
.ph-akt { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ph-akt form { display: inline-flex; margin: 0; }
.ph-crumb { color: var(--mu); font-size: 12px; text-decoration: none; }
.ph-crumb:hover { color: var(--ac); }
/* Karten, Tabellen */
.ph-card { background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; overflow: hidden; }
.ph-card > h2 { font: 600 13px var(--sans); margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--ln); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ph-card > h2 span { font-weight: 400; color: var(--mu); font-size: 12px; }
.ph-card > .ph-in { padding: 14px 16px; }
.ph-card > .ph-in > :first-child { margin-top: 0; }
.ph-card > .ph-in > :last-child { margin-bottom: 0; }
table { width: 100%; border-collapse: collapse; }
td, th { padding: 8px 16px; min-height: 36px; text-align: left; border-bottom: 1px solid var(--ln); vertical-align: middle; }
th { font: 500 11px var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--mu); white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: var(--s2); }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.ph-t td a.ph-tl { color: var(--tx); text-decoration: none; font-family: var(--mono); }
.ph-t td a.ph-tl:hover { color: var(--ac); }
.ph-dr { text-align: right; white-space: nowrap; }
/* Bestandsseiten (Domenii, Comenzi, Clienți …): ohne eigene Bausteine, nur Rahmen */
.ph-alt { display: grid; gap: 14px; min-width: 0; grid-template-columns: minmax(0, 1fr); }
.ph-wrap > *, .ph-alt > * { min-width: 0; max-width: 100%; }
.ph-alt table.detaliu { display: block; overflow-x: auto; }
.ph-alt > table, .ph-alt > form > table { background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; display: block; overflow-x: auto; }
.ph-alt > table > thead, .ph-alt > table > tbody { display: table; width: 100%; border-collapse: collapse; }
.ph-alt h2 { font: 600 15px var(--sans); margin: 8px 0 0; }
.ph-alt h3 { font: 600 13px var(--sans); margin: 4px 0 0; }
.ph-alt dl { display: grid; grid-template-columns: minmax(120px, 200px) 1fr; gap: 6px 16px; margin: 0; background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; padding: 14px 16px; }
.ph-alt dt { color: var(--mu); }
.ph-alt dd { margin: 0; overflow-wrap: anywhere; }
.ph-alt details { background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; padding: 10px 16px; }
.ph-alt details > summary { cursor: pointer; font-weight: 600; }
.ph-alt details[open] > summary { margin-bottom: 10px; }
.ph-alt > p, .ph-alt > ul { margin: 0; }
.ph-alt table.detaliu th { width: 14rem; text-transform: none; letter-spacing: 0; font: 400 14px var(--sans); }
.ph-alt table.jurnal code { font-size: 12px; word-break: break-all; }
tr.galben td { background: var(--wa-bg); } tr.rosu td { background: var(--er-bg); }
/* Formulare */
input, select, textarea, button { font: inherit; color: var(--tx); }
input, select, textarea { background: var(--bg); border: 1px solid var(--ln); border-radius: 6px; padding: 7px 10px; min-height: 36px; max-width: 100%; }
input:focus, select:focus, textarea:focus { border-color: var(--ac); outline: 2px solid var(--ac); outline-offset: 0; }
label { display: grid; gap: 4px; }
label.bifa, label.radio, label.ph-bifa { display: flex; gap: 8px; align-items: center; }
form.ingust { display: grid; gap: 12px; max-width: 26rem; }
form.filtre, form.rand { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0; }
.ph-alt > form:not(.rand):not(.filtre):not(.ingust) { display: grid; gap: 10px; max-width: 40rem; }
fieldset { border: 1px solid var(--ln); border-radius: 10px; padding: 10px 14px; display: grid; gap: 6px; }
button, a.buton, .ph-btn { font: 500 13px var(--sans); border: 1px solid var(--ln); background: var(--s2); color: var(--tx); border-radius: 6px; padding: 6px 12px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; }
button:hover, a.buton:hover, .ph-btn:hover { border-color: var(--ac); }
.ph-btn-p, a.buton { background: var(--ac); color: var(--acink); border-color: var(--ac); }
.ph-btn-p:hover { filter: brightness(1.08); }
.ph-btn-d { border-color: var(--er); color: var(--er); background: transparent; }
.ph-btn-k { font-size: 12px; padding: 3px 9px; min-height: 28px; }
.ph-ext::after { content: "↗"; font-size: 12px; margin-left: 2px; }
/* Signale */
.ph-chip { display: inline-flex; gap: 6px; align-items: center; font: 500 12px var(--sans); padding: 2px 9px; border-radius: 10px; background: var(--s2); color: var(--tx); white-space: nowrap; }
.ph-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--mu); flex: none; }
.ph-chip.o::before { background: var(--ok); } .ph-chip.w::before { background: var(--wa); } .ph-chip.e::before { background: var(--er); } .ph-chip.i::before { background: var(--in); }
.ph-chip.d { border: 1px dashed var(--ln); background: transparent; color: var(--mu); }
.ph-banner { background: var(--wa-bg); border: 1px solid var(--wa-ln); color: var(--wa-tx); border-radius: 8px; padding: 9px 14px; margin: 0; }
.ph-banner.e { background: var(--er-bg); border-color: var(--er-ln); color: var(--er); }
.ph-banner.o { background: var(--ok-bg); border-color: var(--ok-ln); color: var(--ok); }
.ph-banner.i { background: var(--s1); border-color: var(--ln); color: var(--mu); }
p.eroare, .ph-alt .eroare { color: var(--er); }
p.eroare { background: var(--er-bg); border: 1px solid var(--er-ln); border-radius: 8px; padding: 9px 14px; margin: 0; }
p.ok { color: var(--ok); background: var(--ok-bg); border: 1px solid var(--ok-ln); border-radius: 8px; padding: 9px 14px; margin: 0; }
.ok { color: var(--ok); }
.nota, .ph-nota { color: var(--mu); font-size: 13px; margin: 0; }
.ph-gol { padding: 22px 16px; color: var(--mu); }
.ph-gol strong { display: block; color: var(--tx); font-weight: 500; margin-bottom: 4px; }
/* Kennzahlen, Schlüssel/Wert, Reiter, Filter */
.ph-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.ph-k { background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; padding: 12px 16px; position: relative; overflow: hidden; color: var(--tx); text-decoration: none; }
.ph-k::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--ln); }
.ph-k.w::before { background: var(--wa); } .ph-k.o::before { background: var(--ok); } .ph-k.e::before { background: var(--er); }
.ph-k .l { color: var(--mu); font-size: 12px; }
.ph-k .v { font: 500 24px var(--mono); margin: 4px 0 0; }
.ph-k .d { font-size: 12px; color: var(--mu); }
.ph-kv { display: grid; grid-template-columns: minmax(110px, 180px) 1fr; gap: 8px 16px; margin: 0; }
.ph-kv dt { color: var(--mu); }
.ph-kv dd { margin: 0; overflow-wrap: anywhere; }
.ph-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--ln); overflow-x: auto; }
.ph-tabs a { padding: 9px 14px; color: var(--mu); border-bottom: 2px solid transparent; text-decoration: none; white-space: nowrap; }
.ph-tabs a.activ { color: var(--tx); border-color: var(--ac); }
.ph-filtre { display: flex; gap: 8px; flex-wrap: wrap; }
.ph-filtre a { text-decoration: none; }
.ph-filtre a .ph-chip { border: 1px solid var(--ln); }
.ph-filtre a.activ .ph-chip { border-color: var(--ac); color: var(--ac); }
.ph-doua { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.ph-form { display: grid; gap: 10px; margin: 0; }
.ph-form-r { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; margin: 0; }
.ph-form-r label { flex: 1 1 160px; }
.ph-bar { height: 6px; background: var(--s2); border-radius: 3px; overflow: hidden; margin-top: 6px; min-width: 60px; }
.ph-bar i { display: block; height: 100%; background: var(--ac); }
.ph-bar.w i { background: var(--wa); } .ph-bar.e i { background: var(--er); }
.ph-w0 { width: 0; } .ph-w10 { width: 10%; } .ph-w20 { width: 20%; } .ph-w30 { width: 30%; } .ph-w40 { width: 40%; } .ph-w50 { width: 50%; }
.ph-w60 { width: 60%; } .ph-w70 { width: 70%; } .ph-w80 { width: 80%; } .ph-w90 { width: 90%; } .ph-w100 { width: 100%; }
.ph-log div { display: grid; grid-template-columns: 150px 1fr; gap: 8px; padding: 6px 16px; border-bottom: 1px solid var(--ln); }
.ph-log div:last-child { border-bottom: 0; }
.ph-log b { font: 400 12px var(--mono); color: var(--mu); }
.ph-confirm { display: grid; gap: 8px; }
.ph-confirm summary { cursor: pointer; }
/* Anmeldung */
.ph-auth { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.ph-auth-box { width: min(420px, 100%); background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; padding: 22px; display: grid; gap: 14px; }
.ph-auth-box h1 { font: 600 18px var(--sans); margin: 0; }
.ph-auth-box form.ingust { max-width: none; }
.ph-auth-box .ph-limbi { justify-content: flex-end; }
code.secret, code.link { font-size: 15px; letter-spacing: .05em; word-break: break-all; }
figure.qr { margin: 0; display: grid; gap: 8px; justify-items: start; }
figure.qr svg { width: 200px; height: 200px; background: #fff; padding: 6px; border-radius: 6px; }
@media (prefers-reduced-motion: no-preference) {
  .ph-toast { animation: ph-in .2s ease-out; }
}
@keyframes ph-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
/* Handy */
@media (max-width: 860px) {
  .ph-app { grid-template-columns: minmax(0, 1fr); }
  .ph-nav { display: none; }
  .ph-top { padding: 10px 14px; gap: 8px; flex-wrap: wrap; }
  .ph-mnav { display: block; position: relative; }
  .ph-mnav > summary { list-style: none; cursor: pointer; border: 1px solid var(--ln); background: var(--s1); border-radius: 6px; padding: 6px 10px; }
  .ph-mnav[open] > div { position: absolute; left: 0; top: 42px; width: min(300px, 86vw); background: var(--s1); border: 1px solid var(--ln); border-radius: 10px; padding: 8px; z-index: 7; max-height: 75vh; overflow: auto; box-shadow: 0 8px 24px rgba(0, 0, 0, .35); }
  .ph-ctx { max-width: 46vw; }
  .ph-wrap { padding: 16px 14px; gap: 14px; }
  .ph-doua { grid-template-columns: minmax(0, 1fr); }
  .ph-kv, .ph-alt dl { grid-template-columns: minmax(0, 1fr); gap: 2px 0; }
  .ph-kv dd, .ph-alt dd { margin-bottom: 8px; }
  .ph-log div { grid-template-columns: minmax(0, 1fr); gap: 0; }
  /* Tabellen der neuen Screens: Zeile wird Karte, Spaltenname aus data-l */
  .ph-t thead { display: none; }
  .ph-t, .ph-t tbody, .ph-t tr, .ph-t td { display: block; width: 100%; }
  .ph-t tr { padding: 10px 14px; border-bottom: 1px solid var(--ln); }
  .ph-t tbody tr:last-child { border-bottom: 0; }
  .ph-t td { border: 0; padding: 3px 0; min-height: 0; display: flex; justify-content: space-between; gap: 12px; text-align: right; overflow-wrap: anywhere; }
  .ph-t td::before { content: attr(data-l); color: var(--mu); font-size: 12px; text-align: left; flex: none; max-width: 45%; }
  .ph-t td.ph-t1 { font-weight: 600; text-align: left; justify-content: flex-start; }
  .ph-t td.ph-t1::before { display: none; }
  .ph-t td.ph-dr { justify-content: flex-end; }
  .ph-t td.ph-dr::before { display: none; }
  .ph-meniu-m { right: -6px; }
}