/* Shared client screens. Document content and print layout retain light paper. */
@media screen {
  body.am-client-screen {
    --bg:#111112;--panel:#1d1d1f;--ink:#f4f1eb;--soft:#c2beb7;--faint:#aaa69f;
    --line:#444446;--navy:#161617;--accent:#edb96a;--accent-dark:#f6cd90;--on-navy:#edb96a;
    --info:#edb96a;--info-bg:rgba(237,185,106,.1);--volt:#edb96a;
    --green:#8dd4ac;--green-bg:rgba(141,212,172,.1);
    background:var(--bg);color:var(--ink);color-scheme:dark;
  }
  .am-client-screen :is(.btn,.foto-bijschrift,.tab,.card,main>form) { background:var(--panel);color:var(--ink);border-color:var(--line); }
  .am-client-screen :is(input,select,textarea) { background:#161617;color:var(--ink);border-color:#79756e;accent-color:#edb96a; }
  .am-client-screen :is(input,textarea)::placeholder { color:#aaa69f;opacity:1; }
  .am-client-screen :is(.btn-primary,.btn.main,.btn-akkoord) { background:#edb96a;color:#171719;border-color:#edb96a; }
  .am-client-screen .top, .am-client-screen .hero { background:#161617;color:#f4f1eb; }
  .am-client-screen a { text-underline-offset:4px; }
  .am-client-screen :is(a,button,input,select,textarea):focus-visible { outline:3px solid #edb96a;outline-offset:3px; }
  body.am-document-screen { background:#eae6df; }
  .am-document-screen .actionbar { background:#171719f2;border-color:#484442; }
  .am-document-screen .actionbar .screen-btn { background:#29292a;color:#f4f1eb;border-color:#66615b; }
  .am-document-screen .actionbar .screen-btn.pay { background:#edb96a;color:#171719;border-color:#edb96a; }
}