/* UTIL-038 Tính phần trăm — bổ sung cho bộ UI utilities.css. Font kế thừa từ .sou-page (Arial…); không ghi đè icon. */
.pc-modes{margin:0 0 18px}
.pc-seg{display:flex;flex-wrap:wrap;gap:8px}
.pc-seg button{min-height:44px;padding:8px 16px;border:1px solid var(--sou-line);border-radius:999px;background:var(--sou-soft);color:var(--sou-ink);font:700 15px Arial,"Helvetica Neue",Helvetica,sans-serif;cursor:pointer;text-align:left}
.pc-seg button:hover{border-color:#9db6f3}
.pc-seg button[aria-pressed=true]{background:var(--sou-primary);border-color:var(--sou-primary);color:#fff}
.pc-mode-select{display:none;margin:0}
.pc-title{font-size:19px!important;margin:0 0 14px!important}
.pc-affix{position:relative}
.pc-affix input{padding-right:44px!important}
.pc-unit{position:absolute;top:0;right:0;width:40px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--sou-muted);font-weight:700;pointer-events:none}
.pc-dir{border:0;padding:0;min-width:0}
.pc-radios{display:flex;flex-wrap:wrap;gap:4px 22px}
.pc-presets-wrap .sou-label{margin-bottom:6px}
.pc-presets-wrap .sou-presets button{min-height:44px;min-width:56px}
.pc-actions{margin:6px 0 4px}
.pc-undo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0;padding:6px 12px;border-radius:12px;background:var(--sou-soft);color:var(--sou-ink);font-size:15px}
.pc-settings{margin-top:14px;border-top:1px solid var(--sou-line);padding-top:6px}
.pc-settings summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--sou-ink)}
.pc-settings select{max-width:140px}
.pc-result{position:relative}
.pc-result h2{font-size:18px}
.pc-result.is-stale [data-output]{opacity:.45}
.pc-stale{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--sou-warn-bg);color:var(--sou-warn);font-weight:700;font-size:14px}
.pc-empty{margin:0;color:var(--sou-muted)}
.pc-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:4px 12px;border-radius:999px;font-weight:700;font-size:14px;background:var(--sou-soft);color:var(--sou-ink)}
.pc-badge.up{background:var(--sou-ok-bg);color:var(--sou-ok)}
.pc-badge.down{background:var(--sou-err-bg);color:var(--sou-err)}
.pc-result .sou-big{margin:0 0 8px}
.pc-sentence{margin:0 0 8px;font-size:17px;color:var(--sou-ink)}
.pc-formula{margin:0 0 12px;color:var(--sou-text);overflow-wrap:anywhere}
.pc-extras{margin-bottom:12px}
.pc-warn{margin:0 0 12px;font-weight:400}
.pc-warn ul{margin:0;padding-left:18px}
.pc-warn li{margin:2px 0}
.pc-reset-bar{margin-top:8px}
@media(min-width:1024px){.pc-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
@media(max-width:767px){.pc-seg{display:none}.pc-mode-select{display:block}.pc-actions .sou-button[data-calc]{flex:1 1 100%}}
@media print{.pc-modes,.pc-input,.pc-reset-bar,.pc-result .sou-toolbar{display:none!important}}
/* Vùng chạm tối thiểu 44 px kể cả khi bộ UI thu nhỏ nút trên màn hình hẹp. */
.pc .sou-button,.pc select,.pc input[type=text]{min-height:44px}
/* Số dài (tới 30 chữ số, có dấu chấm nghìn) không có chỗ ngắt dòng: cho phép ngắt ở bất kỳ ký tự để không tràn ngang ở 320 px. */
.pc-sentence,.pc small,.pc .sou-status,.pc-extras strong,.pc-warn li,.pc-undo{overflow-wrap:anywhere}
.pc-result,.pc-input{min-width:0}