/* ดูหุ้นส่วน — reuses match.css tokens; one column, verdict first */
.screen.biz { max-width: 640px; }
.biz fieldset.who { border: 1px solid var(--line); border-radius: var(--r); padding: 14px 16px 6px; margin: 0 0 16px; display: grid; gap: 10px; }
.biz legend { padding: 0 6px; color: var(--accent); font-weight: 500; }
.biz label { display: grid; gap: 4px; font-size: 14px; color: var(--muted); }
.biz input, .biz select { background: var(--bg2); border: 1px solid var(--line2); border-radius: 12px; min-height: 46px; padding: 0 12px; color: var(--text); width: 100%; }
.biz .row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.biz .place { position: relative; }
.biz .place ul { position: absolute; z-index: 5; left: 0; right: 0; top: 100%; margin: 4px 0 0; padding: 4px; list-style: none; background: var(--bg3); border: 1px solid var(--line2); border-radius: 12px; max-height: 240px; overflow: auto; }
.biz .place li { padding: 8px 10px; border-radius: 8px; cursor: pointer; color: var(--text); }
.biz .place li:hover { background: var(--bg2); }
.biz .err { color: var(--warn); min-height: 1.4em; margin: 4px 0 12px; }

.biz .hero { border: 1px solid var(--accent-d); border-radius: var(--r); padding: 20px 20px 18px; margin: 0 0 28px; background: linear-gradient(180deg, rgba(31,94,255,.07), transparent 70%); }
.biz .headline { font-size: 24px; line-height: 1.4; margin: 0 0 10px; text-wrap: balance; }
.biz .hero .sub { color: var(--muted); margin: 0 0 12px; }
.biz .alert { display: inline-block; color: var(--warn); border: 1px solid rgba(232,144,138,.45); border-radius: 999px; padding: 4px 14px; font-size: 14px; text-decoration: none; }
.biz .block { margin: 0 0 26px; }
.biz .block > h2 { font-size: 19px; margin: 0 0 12px; }
.biz ul.bal { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.biz ul.bal li { padding-left: 26px; position: relative; }
.biz ul.bal li::before { position: absolute; left: 0; top: .1em; width: 18px; height: 18px; border-radius: 50%; font-size: 12px; display: grid; place-items: center; }
.biz ul.bal li.good::before { content: "✓"; color: #ffffff; background: var(--accent); }
.biz ul.bal li.care::before { content: "!"; color: #ffffff; background: var(--warn); }
.biz .card { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; margin: 0 0 10px; background: var(--bg2); }
.biz .card.strong { border-color: var(--accent-d); }
.biz .card h3 { font-weight: 500; font-size: 17px; margin: 0 0 8px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.biz .pill { font-size: 12px; border-radius: 999px; padding: 2px 10px; border: 1px solid var(--line2); color: var(--muted); font-weight: 400; }
.biz .pill.strong { border-color: var(--accent); color: var(--accent); }
.biz ul.its { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.biz ul.its li { display: grid; gap: 1px; }
.biz ul.its .t { color: var(--text); font-size: 15px; }
.biz ul.its .w { color: var(--faint); font-size: 13px; }
.biz ul.warn li { border-left: 2px solid var(--warn); padding-left: 12px; }
.biz details > summary { cursor: pointer; color: var(--muted); padding: 10px 0; list-style: none; }
.biz details > summary::-webkit-details-marker { display: none; }
.biz details > summary::after { content: " ▾"; }
.biz details[open] > summary::after { content: " ▴"; }
.biz section.block > details > summary { font-size: 19px; color: var(--text); }
.biz .notes { color: var(--faint); font-size: 13px; display: grid; gap: 4px; margin: 8px 0 18px; }
.biz #gate .actions { display: grid; gap: 10px; margin-top: 18px; }
.biz #quota { margin: 0 0 10px; }
.biz #go:disabled { opacity: .5; }
.biz ul.hist { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.biz ul.hist li { display: flex; gap: 8px; }
.biz ul.hist .open { flex: 1; display: flex; justify-content: space-between; gap: 10px; text-align: left; background: var(--bg2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; color: var(--text); cursor: pointer; }
.biz ul.hist .del { background: none; border: 1px solid var(--line2); border-radius: 12px; color: var(--muted); padding: 0 12px; cursor: pointer; }
.biz ul.hist .del[data-sure="1"] { color: var(--warn); border-color: var(--warn); }

/* fuller partner result (2026-10-19): theme explanation, owner detail, overview, checklist */
.biz .card .about { margin: -2px 0 10px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.biz ul.its li { padding: 10px 12px; border-radius: 12px; background: rgba(31, 94, 255, .045); gap: 3px; }
.biz ul.its li .t { font-weight: 600; }
.biz ul.its li .d { font-size: 14px; line-height: 1.6; color: var(--text); opacity: .85; }
.biz ul.its li .w { font-size: 12.5px; color: var(--muted); }
.biz ul.sum, .biz ul.chk { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.biz ul.sum li, .biz ul.chk li { position: relative; padding-left: 26px; line-height: 1.65; }
.biz ul.sum li::before { content: ""; position: absolute; left: 6px; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.biz ul.chk li::before { content: "✓"; position: absolute; left: 0; top: .15em; width: 18px; height: 18px; border-radius: 6px;
  font-size: 12px; display: grid; place-items: center; color: #fff; background: var(--accent); }
.biz ul.its li .d.a { color: var(--accent); opacity: 1; }

/* ตรวจสอบหุ้นส่วน: blue theme for the whole partner path (owner 2026-10-19), same palette as /partner */
:root { --accent: #1f5eff; --accent-d: #0b3fd1; --lav: #e8f0ff; --bg: #f6f9ff; --bg3: #eef4ff; --line: #e3eaf8; }
html { background: #f6f9ff; }
body { background: radial-gradient(70% 45% at 100% 0, #dfe9ff 0, transparent 70%), radial-gradient(60% 40% at 0 35%, #eef6ff 0, transparent 70%), #f6f9ff; }
body::before, body::after, .screen::before, .screen::after { background: none !important; }
.btn.primary, .btn.primary.google { background: linear-gradient(135deg, #3a78ff, #0b3fd1); border-color: #1f5eff; color: #fff;
  box-shadow: 0 14px 30px -12px rgba(31, 94, 255, .55); }
.btn.primary:hover { background: #0b3fd1; }
.biz .pill.strong { background: #1f5eff; color: #fff; border-color: #1f5eff; }
.biz .card.strong { border-color: #1f5eff; box-shadow: 0 10px 28px -18px rgba(31, 94, 255, .5); }
.biz details[open] { border-color: rgba(31, 94, 255, .35); }
.biz .alert { color: #c43d52; }

/* เจตจำนงของแต่ละคน in the partner result */
.biz .will-grid { display: grid; gap: 12px; }
.biz .will-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 16px 18px; }
.biz .will-card h3 { margin: 0 0 8px; font-size: 18px; color: var(--accent); }
.biz .will-k { margin: 12px 0 4px; font-size: 13px; color: var(--muted); font-weight: 600; }
.biz .will-nat { margin: 0; line-height: 1.6; }
.biz ul.will-list { margin: 0; padding-left: 20px; display: grid; gap: 4px; line-height: 1.55; }
.biz ul.will-list.good li::marker { color: #1f9d6a; } .biz ul.will-list.care li::marker { color: #d6455d; }
@media (min-width: 720px) { .biz .will-grid { grid-template-columns: 1fr 1fr; } }
