/* «Меню банка» at the foot of the exchange topic. The disclosure bar is the forum's own summary (chronology-source.css);
   the plates below take each design's measured palette (--rift-chat-* in designs.json): in the light design these are
   the post quote's #dfe1df, #adadad and 5px. Buttons are the shared .button from buttons.css. */
/* It sits in the gap MyBB already keeps between the topic bar and the reply editor (two line breaks above, the form's
   15px + 10px below), so the bar adds no margins of its own. The source summary rule sets its 12px/35px with
   !important on body[data-rift-view] summary:not(…), which only an !important of higher specificity (the id) can answer;
   the details' own 0.5rem goes by the id as well. */
#rift-bank{margin:0}
#rift-bank>summary{margin-top:0!important;margin-bottom:0!important}
/* Scoped under the disclosure: the source rules `summary ~ *` (padding) and `details p` (title font) outrank one class. */
.rift-bank-spoiler>.rift-bank{display:grid;gap:12px;box-sizing:border-box;max-width:100%;padding:0;margin:12px auto 0;color:var(--rift-chat-text);font:12px/18px Verdana,sans-serif}
/* Hierarchy (owner 2026-11-12): each main block is its own dense plate with a strong title; parts inside a plate get
   small capital labels; the balance is the largest figure. */
.rift-bank>section{padding:16px 20px;border:1px solid var(--rift-chat-quote-line);border-radius:5px;background:var(--rift-chat-quote)}
.rift-bank h2{margin:0 0 12px;padding-left:10px;border-left:3px solid var(--rift-chat-accent);font:normal 20px/26px Playfair,serif;letter-spacing:0;color:var(--rift-chat-text)}
.rift-bank h3{margin:0 0 6px;font:700 10px/14px Verdana,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--rift-chat-accent)}
.rift-bank-part{margin-top:16px;padding-top:12px;border-top:1px solid var(--rift-chat-line)}
.rift-bank-spoiler .rift-bank p{margin:4px 0;font-family:inherit}
.rift-bank-muted{color:var(--rift-chat-muted)}
.rift-bank-balance{display:flex;align-items:baseline;gap:10px}
.rift-bank-balance strong{font:normal 28px/32px Playfair,serif;color:var(--rift-chat-text)}

/* One row of controls: fields keep the 10px gap the shared buttons keep with margin-right. */
.rift-bank-row{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;margin:8px 0}
/* Shared with the entry form of the wanted list (wanted.css): one look for the RIFT panels' fields. */
:is(.rift-bank,.rift-wanted-form) :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;max-width:100%;margin:0 10px 0 0;padding:5px 8px;border:1px solid var(--rift-chat-line);border-radius:5px;background:var(--rift-chat-input);color:var(--rift-chat-text);font:12px/16px Verdana,sans-serif}
:is(.rift-bank,.rift-wanted-form) :is(input,select,textarea):focus-visible{outline:2px solid var(--rift-chat-accent);outline-offset:1px}
.rift-bank input[type=number]{width:110px}
.rift-bank-row input:not([type=number]){flex:1 1 160px}
.rift-bank-form{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px 12px;max-width:640px}
.rift-bank-form label{display:contents;color:var(--rift-chat-muted)}
.rift-bank-form input{width:100%;margin:0}
.rift-bank-report textarea{display:block;width:100%;margin:8px 0}

/* Tables scroll inside their box on a narrow screen instead of widening the page. */
.rift-bank-scroll{max-width:100%;overflow-x:auto}
.rift-bank-table{width:100%;border-collapse:collapse}
.rift-bank-table th{padding:6px 8px;border-bottom:1px solid var(--rift-chat-quote-line);color:var(--rift-chat-muted);font:700 10px/14px Verdana,sans-serif;letter-spacing:.5px;text-transform:uppercase;text-align:left;white-space:nowrap}
.rift-bank-table td{padding:6px 8px;border-bottom:1px solid var(--rift-chat-line);text-align:left;vertical-align:middle}
.rift-bank-table .rift-bank-num{text-align:right;font-variant-numeric:tabular-nums}
.rift-bank-table tr:not(.rift-bank-detail):hover>td{background:var(--rift-chat-input)}
.rift-bank-table tr[data-open]>td{background:var(--rift-chat-input)}
.rift-bank-table td a{color:var(--rift-chat-accent)}
.rift-bank-table .rift-bank-tool{width:1%;text-align:right;white-space:nowrap}
.rift-bank-detail>td{padding:12px 8px 16px}

/* Open / collapse a statement: the shared round button with a Font Awesome glyph. */
body[data-rift-view] #container .rift-bank button.button.rift-bank-toggle{width:28px;height:28px;padding:0;margin:0;border-radius:50%;font:900 12px/28px FontAwesome;letter-spacing:0;text-align:center}