/* Test IBAN Numbers page — scoped to .ti; relies on combined.css for base typography and table.examples */
.ti { position: relative; }

/* toolbar */
.ti-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; padding: 12px 0 14px; border-bottom: 1px solid #e3e9f0; margin-bottom: 14px; }
.ti-tools { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.ti-count { color: #788fa5; font-size: 13px; white-space: nowrap; }
.ti-link { background: none; border: 0; padding: 0; color: #049ff9; font: inherit; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; cursor: pointer; text-decoration: none; }
.ti-link:hover { color: #00377c; text-decoration: none; }

/* case-type pills */
.ti-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ti-pill { border: 1px solid #c8daf5; background: #fff; color: #15416e; font: inherit; font-size: 13px; font-weight: 600; line-height: 1; padding: 8px 11px; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; }
.ti-pill:hover { border-color: #049ff9; }
.ti-pill.on { background: #00377c; border-color: #00377c; color: #fff; }
.ti-pill .fa { margin-right: 3px; }
.ti-pills .ti-link { margin-left: 4px; }

/* country picker */
.ti-country { position: relative; min-width: 240px; }
.ti-country-btn { text-transform: none; letter-spacing: 0; display: flex; align-items: center; gap: 8px; width: 100%; height: 40px; padding: 0 10px; border: 1px solid #c8daf5; background: #fff; color: #15416e; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ti-country-btn:hover, .ti-country-btn[aria-expanded="true"] { border-color: #049ff9; }
.ti-country-code { font-weight: 700; min-width: 30px; }
.ti-country-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ti-country-caret { color: #788fa5; font-size: 12px; }
.ti-flag { width: 22px; height: 16px; object-fit: cover; border: 1px solid rgba(0,0,0,.08); flex-shrink: 0; background: #eef1f5; }
.ti-flag-sm { width: 18px; height: 13px; vertical-align: -2px; margin-right: 6px; }
.ti-country-panel { position: absolute; z-index: 50; top: calc(100% + 4px); left: 0; width: 320px; max-width: 90vw; background: #fff; border: 1px solid #c8daf5; box-shadow: 0 6px 18px rgba(21,65,110,.14); }
.ti-country-search { display: block; width: 100%; height: 38px; padding: 0 10px; border: 0; border-bottom: 1px solid #e3e9f0; font: inherit; font-size: 14px; outline: none; }
.ti-country-list { list-style: none; margin: 0; padding: 4px 0; max-height: 320px; overflow-y: auto; }
.ti-country-item { display: flex; align-items: center; gap: 8px; padding: 6px 10px; cursor: pointer; font-size: 14px; }
.ti-country-item:hover, .ti-country-item.active { background: #f0f6ff; }
.ti-country-item.selected { color: #00377c; font-weight: 600; }
.ti-country-item.hidden { display: none; }
.ti-country-item .ti-country-code { color: #788fa5; font-weight: 600; }
.ti-country-item.selected .ti-country-code { color: #00377c; }

/* country summary strip */
.ti-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; padding: 10px 14px; margin-bottom: 14px; background: #f6f9fc; border: 1px solid #e3e9f0; font-size: 14px; }
.ti-summary b { color: #15416e; }
.ti-summary .ti-flag { width: 28px; height: 20px; }
.ti-summary .ti-sum-name { font-size: 16px; font-weight: 700; color: #15416e; margin-right: 4px; }
.ti-summary .ti-sum-item span { color: #788fa5; }

/* table */
.ti-table th.ti-col-country { width: 9%; }
.ti.one .ti-col-country, .ti.one .ti-country-cell { display: none; }
.ti-table th.ti-col-case { width: 30%; }
.ti-table th.ti-col-codes { width: 22%; white-space: nowrap; }
.ti-table th.ti-col-bank { width: 9%; }
.ti-th-sub { display: block; font-weight: 400; color: #788fa5; font-size: 11px; letter-spacing: .02em; margin-top: 1px; }
.ti-table td { vertical-align: top; }
.ti-table .ti-loading { color: #788fa5; text-align: center; padding: 24px; }
.ti-country-cell { white-space: nowrap; }
.ti-country-cell a { color: #15416e !important; font-weight: 600; }
.ti-country-cell a:hover { color: #049ff9 !important; }
.ti-iban { display: inline-block; letter-spacing: .03em; word-break: break-all; }
.ti-copy { border: 1px solid #c8daf5; background: #fff; color: #788fa5; width: 26px; height: 24px; margin-left: 8px; padding: 0; font-size: 12px; cursor: pointer; vertical-align: middle; }
.ti-copy:hover { color: #049ff9; border-color: #049ff9; }
.ti-copy.done { color: #18ba60; border-color: #18ba60; }
.ti-case-title { font-weight: 700; color: #15416e; }
.ti-case-title .fa { margin-right: 4px; }
.ti-case-note { display: block; color: #4e5969; font-size: 13px; margin-top: 2px; }
.ti-codes { display: flex; gap: 4px; flex-wrap: wrap; }
.ti-code { display: inline-block; min-width: 34px; padding: 2px 5px; text-align: center; font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace; font-size: 12px; line-height: 1.4; border: 1px solid transparent; }
.ti-code.ok { background: #e6f7ee; color: #117a3d; border-color: #c4ecd4; }
.ti-code.fail { background: #fdecea; color: #b3261e; border-color: #f5c6c2; }
.ti-code.na { background: #eef1f5; color: #8a97a6; border-color: #e1e6ec; }
.ti-code.maybe { background: #fff4d6; color: #8a5a00; border-color: #f3dfa6; }
.ti-bank { font-size: 13px; white-space: nowrap; }
.ti-bank .fa { margin-right: 3px; }
.ti-bank.empty { color: #b3261e; }
.ti-bank.present { color: #117a3d; }
.ti-bank.dep { color: #788fa5; }
.ti-table tbody tr.ti-group th { background: #f0f6ff; color: #15416e; font-weight: 700; border: 1px solid #d0d4d8; padding: 6px 10px; }
.ti-table tbody tr.ti-group th .ti-meta { font-weight: 400; color: #788fa5; margin-left: 12px; font-size: 13px; }
.ti-empty { color: #788fa5; text-align: center; padding: 20px; }

@media (max-width: 767px) {
  .ti-tools { margin-left: 0; }
  .ti-country { width: 100%; }
  .ti-table th.ti-col-codes { white-space: normal; }
}