/* Экран «Ваша часть по бюджетам» (public/features/personal-part-screen.js).
   Отдельный файл: style.css уже в бюджете размера (scripts/file-size-budget.json). Рассчитано на 320 px: название бюджета и подпись
   переносятся по строкам, сумма не переносится внутри себя и всегда стоит справа. */

.pp-money{white-space:nowrap}
.pp-head{display:grid;gap:4px;margin:0 0 6px}
.pp-total{font:600 1.5rem 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-head>span{color:var(--muted);font-size:.84rem;line-height:1.5}
.pp-head>span b{color:var(--ink);font:600 .86rem 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;white-space:nowrap}
/* Отступ заголовков разделов — только на этом экране: общий .detail-sub используют и другие экраны. */
.pp-sub{margin-top:18px}
.pp-note{margin:0;font-size:.76rem}
.pp-list{display:grid;margin:6px 0 0;padding:0;border:1px solid var(--line);border-radius:10px;list-style:none;overflow:hidden}
.pp-list>li{min-width:0}
.pp-list>li+li{border-top:1px solid var(--line)}
.pp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;min-width:0;padding:10px 12px}
.pp-name{min-width:0;font-size:.9rem;overflow-wrap:anywhere}
.pp-name small{display:block;margin-top:2px;color:var(--muted);font-size:.74rem;line-height:1.35}
.pp-sum{font:600 .88rem 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
button.pp-row{width:100%;min-height:52px;border:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;font:inherit}
button.pp-row:hover,button.pp-row:focus-visible{background:var(--tap-bg-hover);outline:none}
/* Предупреждение — состояние, а не ошибка: рамка и полоса слева, как в карточке «Бюджет поездки»; с «Разобрать →» это кнопка. */
.pp-warning{display:grid;gap:3px;width:100%;margin:14px 0 0;padding:10px 12px;border:1px solid #c3a18f;border:1px solid color-mix(in srgb,var(--warn) 40%,var(--line));border-left:3px solid var(--warn);border-radius:8px;background:#efe8df;background:color-mix(in srgb,var(--warn) 6%,var(--paper));color:var(--ink);text-align:left;font:inherit}
.pp-warning b{font-size:.88rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.pp-warning small{color:var(--muted);font-size:.76rem;line-height:1.4;overflow-wrap:anywhere}
.pp-warning u{color:var(--accent);text-decoration:none;white-space:nowrap}
button.pp-warning{min-height:56px;cursor:pointer}
button.pp-warning:hover,button.pp-warning:focus-visible{background:#ebdfd5;background:color-mix(in srgb,var(--warn) 11%,var(--paper));outline:none}
button.pp-warning:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pp-personal-sum{margin:4px 0 0;font:600 1rem 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif}
.pp-empty{margin:6px 0 0;font-size:.84rem;line-height:1.45}