/* PishkhanPlus 2.38.3 — compact settings, checklist controls, customer cards and mobile stability */
/* Branch settings: consistent compact fields */
html body #page #stBr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;align-items:end}
html body #page #stBr .fl{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;font-size:12px;color:var(--muted,#64748b)}
html body #page #stBr .field{width:100%;min-width:0;height:36px;min-height:36px;padding:6px 9px!important;font-size:13px;border-radius:9px}
html body #page #stBr button[type=submit]{grid-column:1/-1;justify-self:start;min-height:34px!important;padding:6px 14px!important}
html body #page .pp-settings-primary{gap:10px!important}
html body #page .pp-settings-primary>.box{min-width:0;overflow:hidden}
html body #page .pp-settings-primary .box-b{padding:11px!important}
html body #page .pp-settings-primary .field{min-width:0;max-width:100%}
html body #page .pplus-doc-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
html body #page .pplus-doc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;padding:5px;border:1px solid var(--line-2,#dce4ef);border-radius:10px;background:var(--panel,#fff);min-width:0}
html body #page .pplus-doc-row .field{height:34px;min-height:34px;padding:5px 8px!important;font-size:12px}
html body #page .pplus-doc-row .btn{min-height:30px!important;padding:4px 8px!important;font-size:11px}
/* Checklist rows are compact circular toggles; keep native keyboard semantics. */
html body #page .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;align-items:stretch}
html body #page .checks>label,
html body #page .pcard .box-b>label,
html body #page .box-b>label:has(input[type=checkbox][data-ldoc]){display:flex;align-items:center;gap:8px!important;min-width:0;min-height:34px;padding:6px 9px!important;margin:0;border:1px solid var(--line-2,#dce4ef);border-radius:11px;background:var(--panel-2,#f8fafc);font-size:12px;line-height:1.55;touch-action:manipulation;overflow-wrap:anywhere}
html body #page input[type=checkbox][data-lck],html body #page input[type=checkbox][data-ldoc],html body #page input[type=checkbox][data-wgd]{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;border:1.5px solid var(--line-3,#94a3b8);border-radius:50%;background:var(--card,#fff);display:inline-grid;place-content:center;cursor:pointer;touch-action:manipulation;scroll-margin:0}
html body #page input[type=checkbox][data-lck]::before,html body #page input[type=checkbox][data-ldoc]::before,html body #page input[type=checkbox][data-wgd]::before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:transform .12s ease;background:#fff}
html body #page input[type=checkbox][data-lck]:checked,html body #page input[type=checkbox][data-ldoc]:checked,html body #page input[type=checkbox][data-wgd]:checked{background:var(--acc,#167c80);border-color:var(--acc,#167c80)}
html body #page input[type=checkbox][data-lck]:checked::before,html body #page input[type=checkbox][data-ldoc]:checked::before,html body #page input[type=checkbox][data-wgd]:checked::before{transform:scale(1)}
html body #page input[type=checkbox][data-lck]:focus-visible,html body #page input[type=checkbox][data-ldoc]:focus-visible,html body #page input[type=checkbox][data-wgd]:focus-visible{outline:3px solid color-mix(in srgb,var(--acc,#167c80) 35%,transparent);outline-offset:2px}
html body #page .checks>label:has(input:checked),html body #page .pcard .box-b>label:has(input:checked){border-color:color-mix(in srgb,var(--acc,#167c80) 40%,var(--line-2,#dce4ef));background:color-mix(in srgb,var(--acc,#167c80) 7%,var(--panel,#fff))}
/* Tenure badge on customer dossier */
.p2382-member-chip{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--acc,#167c80) 28%,var(--line-2,#dce4ef));border-radius:13px;background:color-mix(in srgb,var(--acc,#167c80) 6%,var(--panel,#fff));min-width:0}
.p2382-member-chip>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--acc-soft,#e8f6f5);color:var(--acc,#167c80);font-size:22px}
.p2382-member-chip div{display:grid;gap:2px;min-width:0}.p2382-member-chip small{font-size:10px;color:var(--muted,#64748b)}.p2382-member-chip b{font-size:14px;color:var(--ink,#172033)}
/* Mobile customer table becomes tidy cards in 2 columns; 3 columns on wider phones. */
@media(max-width:760px){
 html body #page #stBr{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body #page .pplus-doc-settings{grid-template-columns:1fr}
 html body #page .checks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #page .prof{gap:10px!important}
 html body #page .prof>.cols{min-width:0;gap:10px!important}
 html body #page .tw:has(tr[data-cust]){overflow:visible!important;border:0!important;background:transparent!important}
 html body #page .tw:has(tr[data-cust]) table{display:block!important;min-width:0!important;width:100%!important;border:0!important}
 html body #page .tw:has(tr[data-cust]) thead{display:none!important}
 html body #page .tw:has(tr[data-cust]) tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
 html body #page .tw:has(tr[data-cust]) tr[data-cust]{display:flex!important;flex-direction:column!important;min-width:0!important;border:1px solid var(--line-2,#dce4ef)!important;border-radius:13px!important;background:var(--card,#fff)!important;padding:10px!important;box-shadow:0 3px 10px rgba(20,40,70,.04)}
 html body #page .tw:has(tr[data-cust]) tr[data-cust] td{display:block!important;width:100%!important;padding:4px 0!important;border:0!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere}
 html body #page .tw:has(tr[data-cust]) tr[data-cust] td:nth-child(2),html body #page .tw:has(tr[data-cust]) tr[data-cust] td:nth-child(3),html body #page .tw:has(tr[data-cust]) tr[data-cust] td:nth-child(4){display:none!important}
 html body #page .tw:has(tr[data-cust]) tr[data-cust] td:first-child{padding-bottom:7px!important;border-bottom:1px solid var(--line-2,#e5eaf1)!important;margin-bottom:4px}
 html body #page .tw:has(tr[data-cust]) tr[data-cust] td:first-child .who{align-items:center;gap:7px}
}
@media(max-width:420px){html body #page #stBr{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #page .tw:has(tr[data-cust]) tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #page .checks{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html body #page input[type=checkbox]::before{transition:none!important}}