/* The journey's business page (the great leap, lane business), from the round 9 board your-business.html and the
   lists' own forms. Colours only through the shell's var(--r-*); every tap target 44px or more; nothing scrolls
   sideways at 375px. The classes are shared with the lists' pages (web/journey_business_lists.py). */
.r6-stack{display:flex;flex-direction:column;gap:10px;min-width:0}
.jb-muted{margin:0;color:var(--r-muted)}
.jb-link{font-weight:700;min-height:44px;display:inline-flex;align-items:center}

/* Cash and limits: the check-your-answers list. */
.jb-cya{display:flex;flex-direction:column;gap:10px;min-width:0}
.jb-cya h2{margin:0}
.jb-cya dl{margin:0;background:var(--r-surface);border-top:3px solid var(--r-ink)}
.jb-cya dt{margin:0;padding:14px 20px 0;font-weight:700;font-size:17px}
.jb-cya dd{margin:0;padding:4px 20px 0;font-size:17px;overflow-wrap:anywhere}
.jb-cya dd.ch{padding:0 20px 8px;border-bottom:1px solid var(--r-rule)}
.jb-cya dd.ch a{font-weight:700;min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.jb-cya dd.jb-open{padding:12px 20px 18px;border-bottom:1px solid var(--r-rule)}
.r9-none{color:var(--r-muted)}

/* The lists: the total above the macro's button. */
.jb-section{margin-top:12px}
.jb-list{display:flex;flex-direction:column;gap:10px;min-width:0}
.jb-list .r9-count-line{order:0}
.jb-list .r9-count-line:empty{display:none}
.jb-list .r9-list>li{grid-template-columns:minmax(0,1fr) minmax(0,auto) auto}
.jb-list .r9-list .amt{white-space:normal}
.jb-list .r9-list{order:1}
.jb-total{order:2;margin:0;display:flex;justify-content:space-between;gap:16px;padding:12px 20px;font-weight:700;background:var(--r-surface);border-bottom:1px solid var(--r-rule)}
.jb-total .amt{font-variant-numeric:tabular-nums;white-space:nowrap}
.jb-list .j-actions{order:3}
.r9-total{font-weight:700}
.r9-overdue{margin-left:10px;padding:0 8px;background:var(--r-signal);color:var(--r-ink);font-size:14px;font-weight:700}

/* Forms. */
.jb-form{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:560px}
.jb-form h3{margin:0}
.jb-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.jb-field label{font-weight:700}
.jb-field .hint,.jb-form .hint{color:var(--r-muted);font-size:16px;margin:0}
.jb-field input[type=text],.jb-field select{min-height:44px;padding:0 10px;font:inherit;color:var(--r-ink);background:var(--r-surface);border:2px solid var(--r-ink);border-radius:0;min-width:0;max-width:100%}
.jb-bad input[type=text],.jb-bad select{border-color:var(--r-signal)}
.jb-pre{display:flex;align-items:center;gap:8px;max-width:100%}
.jb-pre input{flex:1 1 auto;width:100%;max-width:260px}
.jb-check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:400}
.jb-check input{width:24px;height:24px;flex:none}
.jb-radios{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:2px}
.jb-radios legend{font-weight:700;padding:0;margin-bottom:4px}
.jb-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.jb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;background:var(--r-ink);color:var(--r-surface);font:700 16px/1 var(--r-font);text-decoration:none;cursor:pointer}
.jb-btn:hover{background:var(--r-anchor)}
.jb-btn-line{background:transparent;color:var(--r-ink);box-shadow:inset 0 0 0 2px var(--r-ink)}
.jb-btn-line:hover{background:var(--r-ink);color:var(--r-surface)}
.jb-inline{display:inline;margin:0}
.jb-accounts{display:flex;flex-direction:column;gap:14px;margin-top:20px;min-width:0}
.jb-accounts h3{margin:0}
.jb-confirm{display:flex;flex-direction:column;gap:16px;max-width:560px}
.jb-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.jb-table th,.jb-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--r-rule)}

/* The upload strip. */
.jb-upload{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--r-surface);border:2px solid var(--r-ink)}
.jb-upload>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 240px}

@media (max-width:767px){
  .jb-cya dt,.jb-cya dd,.jb-cya dd.ch,.jb-cya dd.jb-open{padding-left:16px;padding-right:16px}
  .jb-list .r9-list>li{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
  .jb-total{padding:12px 16px}
  .jb-upload{padding:14px 16px}
}

/* F348: the duty deferment note under the limit. */
.jb-note{display:block;margin-top:8px;color:var(--r-muted)}
.jb-attn{color:var(--r-ink);font-weight:700;border-left:4px solid var(--r-signal);padding-left:10px}