/* Shareholder settlement reference layout. Financial values remain server-calculated. */
.shareholder-reference { --sf-ink:#172740; --sf-muted:#798ba5; --sf-line:#e1eaf3; --sf-teal:#008c91; display:grid; gap:10px; width:100%; min-width:0; color:var(--sf-ink); }
.shareholder-reference *, .shareholder-reference *::before, .shareholder-reference *::after { box-sizing:border-box; }
.shareholder-reference .sf-ref-breadcrumb { display:flex; align-items:center; gap:8px; margin:0 0 8px; color:var(--sf-muted); font-size:11px; font-weight:650; }
.shareholder-reference .sf-ref-breadcrumb > span { color:#b2bed0; }
.shareholder-reference .ops-title-row { display:flex; flex-direction:row; text-align:left; align-items:center; justify-content:space-between; gap:16px; margin:0; }
.shareholder-reference .ops-title-row h1 { margin:0; font-size:26px; font-weight:850; line-height:1.2; letter-spacing:-.7px; }
.shareholder-reference .ops-title-row p { margin:5px 0 0; color:var(--sf-muted); font-size:12px; line-height:1.5; }
.shareholder-reference .ops-title-row .toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; }
.shareholder-reference .btn { display:inline-flex; height:auto; flex:0 0 auto; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:33px; padding:6px 12px; border:1px solid var(--sf-line); border-radius:6px; background:#fff; color:#34445d; box-shadow:none; font:inherit; font-size:11px; line-height:1.3; font-weight:750; white-space:nowrap; cursor:pointer; }
.shareholder-reference .btn svg, .shareholder-reference .btn .icon { flex:0 0 14px; width:14px; height:14px; }
.shareholder-reference .btn.primary { border-color:#008b91; color:#fff; background:linear-gradient(125deg,#00999c,#00858b); }
.shareholder-reference .btn.sf-ref-outline { border-color:#81c6c9; color:#00888e; }
.shareholder-reference .btn.sf-ref-refresh { width:34px; padding:7px; }
.shareholder-reference .btn:hover:not(:disabled) { border-color:#80c5c8; background:#effafa; }
.shareholder-reference .btn.primary:hover:not(:disabled) { background:#007e84; }
.shareholder-reference button:focus-visible, .shareholder-reference input:focus-visible, .shareholder-reference select:focus-visible { outline:2px solid #00969a; outline-offset:3px; }
.shareholder-reference button:disabled { opacity:.4; cursor:default; }
.shareholder-reference .sf-ref-workbar { display:flex; align-items:center; gap:12px; min-width:0; min-height:45px; padding:7px 14px; border:1px solid var(--sf-line); border-radius:6px; background:linear-gradient(110deg,#fff,#f9fcff); }
.shareholder-reference .sf-ref-workbar > span { flex:0 0 auto; margin-right:24px; color:#5f7391; font-size:12px; font-weight:750; }
.shareholder-reference .sf-ref-workbar .btn { min-width:146px; min-height:31px; padding:5px 15px; }
.shareholder-reference .sf-ref-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; min-width:0; }
.shareholder-reference .sf-ref-stat { display:flex; align-items:flex-start; gap:13px; min-width:0; min-height:85px; padding:13px 15px; border:1px solid var(--sf-line); border-radius:7px; background:#fff; }
.shareholder-reference .sf-ref-stat > div { min-width:0; flex:1; }
.shareholder-reference .sf-ref-stat h2 { margin:1px 0 6px; color:#7688a3; font-size:11px; line-height:1.4; font-weight:750; }
.shareholder-reference .sf-ref-stat strong { display:block; color:#13243f; font-size:clamp(17px,1.55vw,23px); font-weight:850; line-height:1.15; letter-spacing:-.45px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.shareholder-reference .sf-ref-stat p { margin:5px 0 0; color:var(--sf-muted); font-size:10px; line-height:1.4; }
.shareholder-reference .sf-ref-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 45px; width:45px; height:45px; border-radius:50%; background:#e4f8f7; color:#009398; }
.shareholder-reference .sf-ref-icon svg { display:block; width:24px; height:24px; }
.shareholder-reference .sf-ref-stat-clock .sf-ref-icon { background:#eef2f9; color:#3e5278; }
.shareholder-reference .sf-ref-kpis .sf-ref-stat-card .sf-ref-icon { background:#eaf1ff; color:#4478ef; }
.shareholder-reference .sf-ref-stat-coins { background:linear-gradient(115deg,#edfbfa,#f2fcfc); border-color:#dceff0; }
.shareholder-reference .sf-ref-stat-coins .sf-ref-icon { background:#dbf5f3; }
.shareholder-reference .sf-ref-stat strong.sf-ref-negative { color:#da4259; }
.shareholder-reference .sf-ref-monthly { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); min-width:0; padding:11px 0; border:1px solid var(--sf-line); border-radius:7px; background:#fff; }
.shareholder-reference .sf-ref-stat-small { align-items:center; min-height:34px; padding:0 18px; border:0; border-radius:0; background:transparent; }
.shareholder-reference .sf-ref-stat-small + .sf-ref-stat-small { border-left:1px solid #e5edf5; }
.shareholder-reference .sf-ref-stat-small .sf-ref-icon { flex-basis:34px; width:34px; height:34px; background:#eff3f9; color:#3c557b; }
.shareholder-reference .sf-ref-stat-small .sf-ref-icon svg { width:18px; height:18px; }
.shareholder-reference .sf-ref-stat-small h2 { margin:0 0 4px; font-size:10px; }
.shareholder-reference .sf-ref-stat-small strong { font-size:16px; line-height:1.1; }
.shareholder-reference .sf-ref-accounts { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; gap:12px; min-width:0; }
.shareholder-reference .sf-ref-panel { min-width:0; padding:13px 15px; border:1px solid var(--sf-line); border-radius:7px; background:#fff; box-shadow:none; }
.shareholder-reference .sf-ref-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; margin:0 0 7px; }
.shareholder-reference .sf-ref-panel-head h2 { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0; color:var(--sf-ink); font-size:14px; line-height:1.4; font-weight:800; }
.shareholder-reference .sf-ref-count { display:inline-flex; align-items:center; flex:0 0 auto; padding:3px 10px; border-radius:20px; color:#00898b; background:#eaf4f6; font-size:10px; line-height:1.2; font-weight:750; white-space:nowrap; }
.shareholder-reference .sf-ref-panel-head .btn { min-height:30px; padding:5px 11px; font-size:10px; }
.shareholder-reference .sf-ref-accounts > .sf-ref-panel { padding:10px 15px; }
.shareholder-reference .sf-ref-empty { display:flex; align-items:center; gap:14px; min-width:0; min-height:44px; padding:0 3px; }
.shareholder-reference .sf-ref-empty > div { min-width:0; }
.shareholder-reference .sf-ref-empty .sf-ref-icon { flex-basis:44px; width:44px; height:44px; background:#eafbfc; }
.shareholder-reference .sf-ref-empty strong { display:block; color:#556b89; font-size:12px; line-height:1.4; font-weight:650; }
.shareholder-reference .sf-ref-empty p { margin:4px 0 0; color:#8192ac; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.shareholder-reference .shareholder-table-wrap { width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; }
.shareholder-reference .shareholder-finance-table { min-width:1080px; font-size:11px; }
.shareholder-reference .shareholder-card-list { gap:8px; }
.shareholder-reference .shareholder-card-list article { gap:8px; padding:9px 10px; background:#fbfdff; }
.shareholder-reference .shareholder-card-list article > div { min-width:0; overflow-wrap:anywhere; }
.shareholder-reference .shareholder-card-list article b { font-size:13px; font-variant-numeric:tabular-nums; }
.shareholder-reference .legacy-shareholder-review { margin:0; }
.shareholder-reference .sf-ref-review-head { margin-bottom:8px; }
.shareholder-reference .sf-ref-review-tools { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; min-width:0; }
.shareholder-reference .sf-ref-search { display:flex; align-items:center; gap:7px; width:170px; min-width:0; height:29px; margin:0; padding:0 8px; border:1px solid #dce6f1; border-radius:5px; background:#fff; }
.shareholder-reference .sf-ref-search .icon, .shareholder-reference .sf-ref-search svg { flex:0 0 14px; width:14px; height:14px; color:#6c83a1; }
.shareholder-reference .sf-ref-search input { flex:1; width:100%; min-width:0; height:100%; min-height:0; margin:0; padding:0; border:0; border-radius:0; color:var(--sf-ink); background:transparent; box-shadow:none; font:inherit; font-size:10px; }
.shareholder-reference .sf-ref-search input::placeholder { color:#8b9bb2; }
.shareholder-reference .sf-ref-review-total { display:flex; align-items:center; gap:14px; padding-left:11px; border-left:1px solid #e6edf5; white-space:nowrap; }
.shareholder-reference .sf-ref-review-total > span { color:#7789a3; font-size:11px; }
.shareholder-reference .sf-ref-review-total strong { color:#00878c; font-size:17px; font-weight:850; letter-spacing:-.3px; font-variant-numeric:tabular-nums; }
.shareholder-reference .sf-ref-review-notice { display:flex; align-items:flex-start; gap:8px; margin:0 0 8px; padding:5px 9px; border-radius:5px; background:#f2f6fb; color:#7186a2; font-size:10px; line-height:1.5; }
.shareholder-reference .sf-ref-review-notice svg { flex:0 0 13px; width:13px; height:13px; margin-top:1px; }
.shareholder-reference .sf-ref-review-scroll { width:100%; min-width:0; margin:0; overflow:auto; border:1px solid #e3ebf5; border-radius:6px; }
.shareholder-reference .sf-ref-review-table { width:100%; min-width:630px; border-collapse:collapse; table-layout:fixed; font-size:11px; }
.shareholder-reference .sf-ref-review-table .sf-ref-date-col { width:14%; }
.shareholder-reference .sf-ref-review-table .sf-ref-category-col { width:18%; }
.shareholder-reference .sf-ref-review-table .sf-ref-amount-col { width:19%; }
.shareholder-reference .sf-ref-review-table .sf-ref-action-col { width:11%; }
.shareholder-reference .sf-ref-review-table th { height:29px; padding:5px 12px; border:0; border-bottom:1px solid #e3ebf5; background:#f8fafd; color:#7c8da6; font-size:10px; line-height:1.4; font-weight:700; text-align:left; white-space:nowrap; }
.shareholder-reference .sf-ref-review-table td { height:29px; font-size:11px; padding:3px 12px; border:0; border-bottom:1px solid #e8eef6; color:#34455e; line-height:1.45; vertical-align:middle; overflow-wrap:anywhere; }
.shareholder-reference .sf-ref-review-table tbody tr:last-child td { border-bottom:0; }
.shareholder-reference .sf-ref-review-table tbody tr:hover { background:#f5fbfc; }
.shareholder-reference .sf-ref-review-table .num { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.shareholder-reference .sf-ref-review-table .sf-ref-action-cell { text-align:center; padding-right:8px; padding-left:8px; }
.shareholder-reference .sf-ref-category { display:inline-block; max-width:100%; padding:3px 10px; border-radius:20px; color:#63748b; background:#edf1f6; font-size:10px; line-height:1.1; }
.shareholder-reference .sf-ref-review-table .btn.sf-ref-review-button { gap:7px; min-height:23px; width:62px; padding:3px 7px; border-color:#7fc4c6; border-radius:5px; color:#00898f; font-size:10px; }
.shareholder-reference .sf-ref-review-button svg { flex-basis:11px; width:11px; height:11px; }
.shareholder-reference .sf-ref-review-table .sf-ref-no-results { height:88px; color:#8191a8; text-align:center; }
.shareholder-reference .sf-ref-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; color:#7a8da7; font-size:11px; }
.shareholder-reference .sf-ref-pagination > div { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.shareholder-reference .sf-ref-pagination select { width:auto; min-width:75px; min-height:29px; height:29px; padding:3px 24px 3px 9px; border:1px solid #dce6f1; border-radius:6px; background-color:#fff; color:#40536e; font-size:10px; line-height:1.3; }
.shareholder-reference .sf-ref-page-button { position:relative; display:inline-flex; align-items:center; justify-content:center; width:28px; height:29px; min-height:0; padding:3px; border:1px solid transparent; border-radius:6px; background:transparent; color:#57708f; font:inherit; font-size:11px; cursor:pointer; }
.shareholder-reference .sf-ref-page-button svg { width:14px; height:14px; }
.shareholder-reference .sf-ref-page-button.active { border-color:#008b91; color:#fff; background:linear-gradient(125deg,#009b9d,#00858c); box-shadow:0 2px 6px #008c911b; }
.shareholder-reference .sf-ref-page-button:hover:not(:disabled):not(.active) { border-color:#cde8e9; background:#f0fafa; }
.shareholder-reference .sf-ref-page-button .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:1200px) {
  .shareholder-reference .sf-ref-stat { gap:9px; padding:13px 11px; }
  .shareholder-reference .sf-ref-stat .sf-ref-icon { flex-basis:38px; width:38px; height:38px; }
  .shareholder-reference .sf-ref-stat-small { padding:0 12px; }
  .shareholder-reference .sf-ref-stat-small .sf-ref-icon { flex-basis:30px; width:30px; height:30px; }
  .shareholder-reference .sf-ref-stat strong { font-size:19px; }
  .shareholder-reference .sf-ref-stat-small strong { font-size:15px; }
  .shareholder-reference .sf-ref-review-head { flex-wrap:wrap; }
}
@media (max-width:900px) {
  .shareholder-reference .ops-title-row { flex-wrap:wrap; align-items:flex-start; gap:10px; }
  .shareholder-reference .sf-ref-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shareholder-reference .sf-ref-accounts { grid-template-columns:minmax(0,1fr); }
  .shareholder-reference .sf-ref-workbar { flex-wrap:wrap; gap:8px; }
  .shareholder-reference .sf-ref-workbar > span { margin-right:6px; }
  .shareholder-reference .sf-ref-workbar .btn { min-width:0; }
  .shareholder-reference .sf-ref-monthly { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:13px; }
  .shareholder-reference .sf-ref-stat-small:nth-child(3) { border-left:0; }
  .shareholder-reference .sf-ref-review-tools { justify-content:space-between; width:100%; }
  .shareholder-reference .sf-ref-search { flex:1; }
}
@media (max-width:600px) {
  .shareholder-reference { gap:10px; }
  .shareholder-reference .ops-title-row h1 { font-size:23px; }
  .shareholder-reference .ops-title-row p { font-size:11px; }
  .shareholder-reference .ops-title-row .toolbar { display:grid; grid-template-columns:34px minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr); width:100%; gap:6px; }
  .shareholder-reference .ops-title-row .toolbar .btn { width:100%; min-height:36px; padding:6px; font-size:10px; white-space:normal; }
  .shareholder-reference .sf-ref-workbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:10px; gap:7px; }
  .shareholder-reference .sf-ref-workbar > span { grid-column:1/-1; margin:0 0 1px; font-size:11px; }
  .shareholder-reference .sf-ref-workbar .btn { min-width:0; min-height:38px; padding:5px; gap:4px; font-size:10px; white-space:normal; }
  .shareholder-reference .sf-ref-stat:not(.sf-ref-stat-small) { flex-direction:column; gap:7px; min-height:116px; padding:12px; }
  .shareholder-reference .sf-ref-stat:not(.sf-ref-stat-small) .sf-ref-icon { flex:0 0 34px; width:34px; height:34px; }
  .shareholder-reference .sf-ref-stat h2 { font-size:10px; }
  .shareholder-reference .sf-ref-stat strong { font-size:21px; }
  .shareholder-reference .sf-ref-stat-small strong { font-size:16px; }
  .shareholder-reference .sf-ref-panel { padding:12px; }
  .shareholder-reference .sf-ref-panel-head { gap:8px; }
  .shareholder-reference .sf-ref-panel-head h2 { gap:6px; font-size:13px; }
  .shareholder-reference .sf-ref-count { padding:3px 7px; font-size:9px; }
  .shareholder-reference .sf-ref-panel-head .btn { padding:6px 8px; font-size:10px; }
  .shareholder-reference .sf-ref-empty { gap:10px; }
  .shareholder-reference .sf-ref-empty .sf-ref-icon { flex-basis:42px; width:42px; height:42px; }
  .shareholder-reference .sf-ref-review-tools { flex-wrap:wrap; gap:9px; }
  .shareholder-reference .sf-ref-search { flex:1 0 100%; height:35px; }
  .shareholder-reference .sf-ref-search input { font-size:12px; }
  .shareholder-reference .sf-ref-review-total { justify-content:space-between; width:100%; padding:0; border:0; }
  .shareholder-reference .sf-ref-pagination { flex-wrap:wrap; }
  .shareholder-reference .sf-ref-pagination > div { gap:4px; }
  .shareholder-reference .sf-ref-page-button { width:26px; height:34px; }
  .shareholder-reference .sf-ref-pagination select { min-height:34px; height:34px; }
}

@media (max-width:600px) {
  body.mw-mobile #main .shareholder-reference .sf-ref-search input { width:100% !important; min-width:0 !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; font-size:16px !important; }
}