/* ---- v25.12.34 / Projects: in-page dialogs, cards, orphan tables (12px minimum text, 44px targets) ---- */
.pj-status{min-height:0;margin:0 0 8px;font-size:13px;color:var(--text,inherit)}
.pj-status:empty{display:none}
.pj-dlg{max-width:min(560px,calc(100vw - 24px));width:100%;border:1px solid var(--line,#444);border-radius:18px;padding:20px;background:var(--panel,#14171c);color:inherit}
.pj-dlg::backdrop{background:rgba(0,0,0,.6)}
.pj-dlg h2{margin:0 0 10px;font-size:20px}
.pj-body{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.pj-err{color:#ff9a9a;font-size:13px;margin:8px 0 0}
.pj-btns{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.pj-btns button,.pj-dlg input.small-input{min-height:44px}
.pj-modes{border:0;padding:0;margin:0 0 10px}
.pj-modes legend{font-size:13px;margin-bottom:6px}
.pj-mode{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:6px 0;font-size:14px}
.pj-mode input,.pj-check input,.pj-chk input{width:22px;height:22px;flex:none;margin:0}
.pj-check{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px}
.pj-chk{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.pj-plain{margin:6px 0 10px;padding-inline-start:20px;font-size:13px;line-height:1.5}
.pj-state{font-size:13px;margin:6px 0;color:#ffcf8a;overflow-wrap:anywhere}
.pj-warn{border-color:#a8742b}
.pj-list-title{font-size:16px;margin:18px 0 8px}
.pj-list-title:focus{outline:2px solid var(--blue,#5aa0ff);outline-offset:3px}
[data-pid] h2{overflow-wrap:anywhere;word-break:break-word}
[data-pid] [data-lib-act],#new-project-name,[data-lib-act=new-project],[data-lib-act=scan-orphans],[data-lib-act=clean-orphans],[data-lib-act=export],[data-lib-act=import],[data-lib-act=erase]{min-height:44px;min-width:44px}
.pj-tablewrap{overflow-x:auto;margin:10px 0}
.pj-table{border-collapse:collapse;width:100%;font-size:13px}
.pj-table th,.pj-table td{padding:6px 8px;text-align:start;border-bottom:1px solid var(--line,#333);vertical-align:top}
[data-pid] .row,#orphan-section .row{display:flex;flex-wrap:wrap;gap:8px}
[data-pid] p,[data-pid] .tag,.pj-table{font-size:13px}

/* v25.12.35 - Account & Settings: WCAG 2.2 AA text contrast (4.5:1) and 44x44 interaction targets for the Settings page and its dialogs */
.acct-page .kicker{color:#3a4d69}
.acct-page .safe,.acct-page .safe b,.acct-page #storage-line,.acct-page .card-title p,.acct-page .pj-status,.acct-page .pj-plain li{color:#3f516b}
.acct-page .action,.acct-page button,.acct-page .pj-chk,.acct-page .pj-check{min-height:44px}
.acct-page .pj-check,.pj-dlg .pj-check{display:flex;gap:10px;align-items:center;min-width:44px;min-height:44px;padding:0}
.acct-page .pj-chk input,.pj-dlg .pj-check input{width:22px;height:22px}
.acct-page .row{gap:10px}
.pj-dlg p,.pj-dlg li,.pj-dlg .pj-check,.pj-dlg label{color:inherit}
.pj-dlg .pj-body{max-height:min(60vh,520px);overflow:auto}
.pj-warn .row{margin-top:10px}
/* v25.12.35: the Studio defines no --panel colour, so these dialogs fell back to a dark panel with dark text (contrast about 1:1). A light panel with explicit ink restores WCAG 2.2 AA. */
.pj-dlg{background:#fff;color:#0c1730;border-color:#9fb3cc}
.pj-dlg h2,.pj-dlg p,.pj-dlg li,.pj-dlg label,.pj-dlg .pj-check,.pj-dlg .pj-body,.pj-dlg b{color:#0c1730}
/* the page-level actions under the Settings page (Back to Project / Switch Tool / Open Assets) were 40px tall */
#workspace:has(#acct-page) .cx-btn{min-height:44px}
/* the confirm button used a gradient with white text; a solid colour keeps white text above 4.5:1 on every part of the button */
.pj-dlg #pj-yes{background:#1f46c9;background-image:none;color:#fff;border-color:#1f46c9}
