/* Dorax Finance — the last four places of the owner's v6 still drawn in the look before (v524; owner, 2026-11-03: "Sí"):
     - the steps after a statement is chosen, on a phone (features/imports/imports.v6.js: r6iMap, r6iReview): v6 pages as Imports' own;
     - an adjustment being changed (features/phone/r6-add.js: r6AdjMark, r6AdjDir): its mark in glass, its way as two choices;
     - "More options" of the add and edit forms (r6-add.js: r6MoreInner): the status as three choices, rows with their switch, splitting as v6
       fields, the notes a v6 field;
     - a company's account opened on the household's side: the v6 account form (look-r6-add.css) in the company's colours (tools/r6-co.py).
   The words #EFF1F6 and their quiet .6, the blocks as the page's cards (#121414 with the edge of light) or rgba(239, 241, 246, .05) inside a form,
   hairlines .07; lime #9FD182 for what is chosen to go in and the focus. The company's colours: tools/r6-co.py (the panels) and
   look-r6-co-shared.css (the pages); light: tools/r6-light.py, tools/r6-light-hand.css; the computer: css/desk6/desk6-pages.css. */
@media (max-width: 920px) {
  /* ---------- an adjustment being changed: its mark in glass; its way as two choices ---------- */
  :root.land #overlay .r6-add .tfl-mk.adjustment { background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.land #overlay .r6-add .r6-tkind.r6-two2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* ---------- More options: the status as three choices, the rows with their switch, splitting, the notes ---------- */
  :root.land #overlay .r6-add .tfl-box.r6-more { gap: 22px; padding: 12px 0 18px; }
  :root.land #overlay .r6-add .r6-tkind.r6-stat button { padding: 0 6px; }
  :root.land #overlay .r6-add .r6-more .r6-swrow { cursor: default; gap: 14px; min-height: 66px; padding: 10px 0; }
  :root.land #overlay .r6-add .r6-more button.r6-swrow { cursor: pointer; }
  :root.land #overlay .r6-add .r6-more .r6-swrow .tfl-l { flex: 1 1 auto; width: auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; color: #EFF1F6; }
  :root.land #overlay .r6-add .r6-more .r6-swrow .tfl-l b { color: #EFF1F6; font-size: 15px; font-weight: 500; line-height: 1.35; }
  :root.land #overlay .r6-add .r6-more .r6-swrow .tfl-l small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.4; }
  :root.land #overlay .r6-add .r6-more .r6-swrow .switch { flex: none; margin: 0; }
  :root.land #overlay .r6-add .r6-more .r6-swrow .tfl-go { color: rgba(239, 241, 246, .45); }
  :root.land #overlay .r6-add .r6-more textarea.r6-notes { min-height: 104px; padding: 14px 16px; border-radius: 18px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: #EFF1F6; font-size: 15.5px; line-height: 1.45; }
  :root.land #overlay .r6-add .r6-more textarea.r6-notes:focus { box-shadow: inset 0 0 0 2px #9FD182; }
  :root.land #overlay .r6-add .r6-more textarea.r6-notes::placeholder { color: rgba(239, 241, 246, .4); }
  :root.land #overlay .r6-add .r6-more > .r6q-tbank { margin-top: 0; }
  /* splitting, opened: its parts in one block, each a category as a row and its amount; a line to add one; what they add up to */
  :root.land #overlay .r6-spl-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  :root.land #overlay .r6-spl-off { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; min-height: 36px; padding: 0 2px; color: rgba(239, 241, 246, .62); font-size: 14px; font-weight: 500; }
  :root.land #overlay .r6-spl-off:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 8px; }
  :root.land #overlay .r6-spl-card { display: flex; flex-direction: column; padding: 0 16px; border-radius: 22px; background: rgba(239, 241, 246, .05); }
  :root.land #overlay .r6-spl { display: flex; align-items: center; gap: 10px; min-height: 66px; padding: 8px 0; box-sizing: border-box; }
  :root.land #overlay .r6-spl-card > * + * { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.land #overlay .r6-spl-cat { position: relative; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; min-height: 48px; }
  :root.land #overlay .r6-spl-cat > b { flex: 1 1 auto; min-width: 0; color: #EFF1F6; font-size: 15px; font-weight: 500; line-height: 1.3; overflow-wrap: anywhere; }
  :root.land #overlay .r6-spl-cat .cg { flex: none; }
  :root.land #overlay .r6-spl-cat .tfl-go { flex: none; display: grid; color: rgba(239, 241, 246, .45); }
  :root.land #overlay .r6-spl-cat select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; font-size: 16px; }
  :root.land #overlay .r6-spl-cat:focus-within { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 12px; }
  :root.land #overlay .tfl.r6-add .r6-spl-amt { flex: none; width: 7.2em; min-height: 46px; padding: 0 12px; border-radius: 14px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); font-size: 15px; font-weight: 500; text-align: right; }
  :root.land #overlay .tfl.r6-add .r6-spl-amt:focus { box-shadow: inset 0 0 0 2px #9FD182; }
  :root.land #overlay .r6-spl .r6q-x { margin: 0 -8px 0 -4px; }
  :root.land #overlay .r6-spl-add { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; min-height: 58px; color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.land #overlay .r6-spl-add svg { box-sizing: border-box; flex: none; width: 32px; height: 32px; padding: 8px; border-radius: 50%; background: rgba(239, 241, 246, .08); }
  :root.land #overlay .r6-spl-add:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 12px; }
  :root.land #overlay .r6-spl-sum { margin: 0; }
  :root.land #overlay .r6-spl-sum:not(.ok) { color: #F7D27A; }

  /* ---------- Imports on a phone, after the file: the columns and the review as v6 pages ---------- */
  :root.r6.r6-pg #view .i6 { display: flex; flex-direction: column; padding: 10px 0 0; }
  :root.r6.r6-pg #view .i6-head { display: flex; align-items: flex-start; gap: 14px; }
  :root.r6.r6-pg #view .i6-ht { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
  :root.r6.r6-pg #view .i6-ht h2 { margin: 0; color: #EFF1F6; font-size: 24px; font-weight: 500; letter-spacing: -.02em; line-height: 1.2; overflow-wrap: anywhere; }
  :root.r6.r6-pg #view .i6-ht small { color: rgba(239, 241, 246, .55); font-size: 13px; }
  :root.r6.r6-pg #view .i6-q { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; flex: none; display: inline-flex; align-items: center; min-height: 40px; padding: 0 2px; color: rgba(239, 241, 246, .7); font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .i6-q:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 8px; }
  :root.r6.r6-pg #view .i6-lead { margin: 10px 0 0; color: rgba(239, 241, 246, .6); font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
  :root.r6.r6-pg #view .i6-card { display: flex; flex-direction: column; margin-top: 20px; padding: 0 18px; border: 1px solid transparent; border-radius: 28px; background: var(--r6-face), linear-gradient(#121414, #121414) padding-box, var(--r6-rim); }
  :root.r6.r6-pg #view .i6-card > * + * { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .i6-row { all: unset; position: relative; box-sizing: border-box; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; padding: 10px 0; color: #EFF1F6; }
  :root.r6.r6-pg #view button.i6-row { cursor: pointer; -webkit-tap-highlight-color: transparent; }
  :root.r6.r6-pg #view :is(button.i6-row:focus-visible, .i6-sel:focus-within, .i6-cat:focus-within) { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 14px; }
  :root.r6.r6-pg #view .i6-l { flex: 0 1 auto; max-width: 48%; color: rgba(239, 241, 246, .6); font-size: 14px; line-height: 1.35; }
  :root.r6.r6-pg #view .i6-v { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 10px; color: #EFF1F6; font-size: 15.5px; font-weight: 500; text-align: right; }
  :root.r6.r6-pg #view .i6-v b { min-width: 0; font-weight: 500; line-height: 1.3; overflow-wrap: anywhere; }
  :root.r6.r6-pg #view .i6-v b.soft { color: rgba(239, 241, 246, .55); font-weight: 400; }
  :root.r6.r6-pg #view .i6-chev { flex: none; display: grid; color: rgba(239, 241, 246, .45); transition: transform .2s ease; }
  :root.r6.r6-pg #view .i6-chev.open { transform: rotate(90deg); }
  :root.r6.r6-pg #view :is(.i6-sel, .i6-cat) select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; font-size: 16px; }
  :root.r6.r6-pg #view .i6-lg { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; overflow: hidden; background: rgba(239, 241, 246, .08); }
  :root.r6.r6-pg #view .i6-lg :is(.inst, .inst img) { width: 28px; height: 28px; min-width: 28px; border-radius: 50%; font-size: 10px; }
  :root.r6.r6-pg #view .i6-lg svg { width: 16px; height: 16px; }
  :root.r6.r6-pg #view .i6-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.r6.r6-pg #view .i6-t > b { color: #EFF1F6; font-size: 15px; font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; }
  :root.r6.r6-pg #view .i6-t > small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
  :root.r6.r6-pg #view .i6-sw .i6-t > b { font-weight: 400; }
  :root.r6.r6-pg #view .i6-sw .switch { flex: none; margin: 0; }
  :root.r6.r6-pg #view .i6-amt { flex: none; align-self: flex-start; padding-top: 1px; color: #EFF1F6; font-size: 15.5px; font-weight: 500; }
  :root.r6.r6-pg #view .i6-row > .i6-amt { align-self: center; padding-top: 0; }
  :root.r6.r6-pg #view .i6-amt.pos { color: #9FD182; }
  :root.r6.r6-pg #view .i6 > .banner { margin-top: 16px; }
  :root.r6.r6-pg #view .i6-sec { display: flex; flex-direction: column; margin-top: 30px; }
  :root.r6.r6-pg #view .i6-sec h3 { margin: 0; color: #EFF1F6; font-size: 17px; font-weight: 500; letter-spacing: -.01em; line-height: 1.3; text-transform: none; }
  :root.r6.r6-pg #view .i6-sec > .i6-card { margin-top: 12px; }
  :root.r6.r6-pg #view .i6-sh { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  :root.r6.r6-pg #view .i6-note { margin: 12px 0 0; color: rgba(239, 241, 246, .55); font-size: 13.5px; line-height: 1.45; }
  :root.r6.r6-pg #view .i6-note b { color: #EFF1F6; font-weight: 500; }
  :root.r6.r6-pg #view .i6-warn { margin-top: 24px; color: #F7D27A; font-size: 14.5px; }
  :root.r6.r6-pg #view .i6-sec > .i6-note { margin-top: 6px; }
  :root.r6.r6-pg #view .i6-figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
  :root.r6.r6-pg #view .i6-figs > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  :root.r6.r6-pg #view .i6-figs b { color: #EFF1F6; font-size: 30px; font-weight: 400; letter-spacing: -.03em; line-height: 1.1; }
  :root.r6.r6-pg #view .i6-figs small { color: rgba(239, 241, 246, .55); font-size: 13px; }
  :root.r6.r6-pg #view .i6-types { margin-top: 14px; }
  :root.r6.r6-pg #view .i6-list { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
  :root.r6.r6-pg #view .i6-it { display: flex; flex-direction: column; padding: 16px 18px 14px; border: 1px solid transparent; border-radius: 26px; background: var(--r6-face), linear-gradient(#121414, #121414) padding-box, var(--r6-rim); transition: opacity .2s ease; }
  :root.r6.r6-pg #view .i6-it.off .i6-top { opacity: .55; }
  :root.r6.r6-pg #view .i6-top { display: flex; align-items: flex-start; gap: 12px; }
  :root.r6.r6-pg #view .i6-cat { position: relative; display: flex; align-items: center; gap: 10px; min-height: 52px; margin-top: 10px; border-top: 1px solid rgba(239, 241, 246, .07); border-bottom: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .i6-cat .i6-v { justify-content: flex-start; text-align: left; font-size: 15px; }
  :root.r6.r6-pg #view .i6-nocat { margin: 10px 0 0; color: rgba(239, 241, 246, .55); font-size: 13.5px; }
  :root.r6.r6-pg #view .seg.i6-dec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; width: 100%; max-width: none; box-sizing: border-box; margin-top: 12px; padding: 3px; overflow: visible; border: 0; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
  :root.r6.r6-pg #view .seg.i6-dec button { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding: 0 14px; border-radius: 999px; color: rgba(239, 241, 246, .62); font-size: 14.5px; font-weight: 500; text-align: center; transition: background-color .2s, color .2s; }
  :root.r6.r6-pg #view .seg.i6-dec button[aria-pressed="true"] { background: #D9DCE1; color: #101212; }
  :root.r6.r6-pg #view .seg.i6-dec button[aria-pressed="true"][data-op="accept"] { background: #9FD182; color: #101212; }
  :root.r6.r6-pg #view .seg.i6-dec button:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; }
  :root.r6.r6-pg #view .i6-ok { display: flex; align-items: center; gap: 10px; margin: 26px 0 0; color: rgba(239, 241, 246, .75); font-size: 15px; }
  :root.r6.r6-pg #view .i6-ok svg { flex: none; color: #9FD182; }
  :root.r6.r6-pg #view .i6-ready { margin-top: 24px; }
  :root.r6.r6-pg #view .i6-cols { align-self: flex-start; margin-top: 18px; }
}