/* Dashboard bootstrap surfaces (js/dashboard-bootstrap.module.js): recent-customers dropdown, document prerequisites modal, keyboard shortcuts help, kanban fallback. Static styles moved out of inline style attributes (reskin, 2026-10-03). Values are the old inline ones exactly; data-driven and JS-toggled ones stay inline. Generated (auto-named from the declarations). */
.dbx-fs11px-p4px10px-r14px.dbx-fs11px-p4px10px-r14px.dbx-fs11px-p4px10px-r14px { font-size: 11px; padding: 4px 10px; border-radius: 14px; border: 1px solid var(--br); background: var(--s2); color: var(--m); cursor: pointer; font-family: inherit; letter-spacing: .02em; }
.dbx-bgs-bd1pxsolid-r14px.dbx-bgs-bd1pxsolid-r14px.dbx-bgs-bd1pxsolid-r14px { background: var(--s,#111); border: 1px solid var(--br,#333); border-radius: 14px; padding: 32px; max-width: 440px; width: 90%; text-align: center; }
.dbx-fs32px-mb12px.dbx-fs32px-mb12px.dbx-fs32px-mb12px { font-size: 32px; margin-bottom: 12px; }
.dbx-ffbarlowco-fs20px-w700.dbx-ffbarlowco-fs20px-w700.dbx-ffbarlowco-fs20px-w700 { font-family: 'Barlow Condensed',sans-serif; font-size: 20px; font-weight: 700; color: var(--t,#fff); margin-bottom: 8px; }
.dbx-fs13px-cm-mb16px.dbx-fs13px-cm-mb16px.dbx-fs13px-cm-mb16px { font-size: 13px; color: var(--m,#888); margin-bottom: 16px; }
.dbx-taleft-bgs2-r8px.dbx-taleft-bgs2-r8px.dbx-taleft-bgs2-r8px { text-align: left; background: var(--s2,#12223D); border-radius: 8px; padding: 14px; margin-bottom: 20px; }
.dbx-dflex-aicenter-jcspacebet.dbx-dflex-aicenter-jcspacebet.dbx-dflex-aicenter-jcspacebet { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--orange,#BD5728); padding: 4px 0; }
.dbx-fxnone-p5px12px-bgrgba2552.dbx-fxnone-p5px12px-bgrgba2552.dbx-fxnone-p5px12px-bgrgba2552 { flex: none; padding: 5px 12px; background: rgba(255,255,255,.08); color: var(--t,#fff); border: 1px solid var(--br,#333); border-radius: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; cursor: pointer; }
.dbx-p12px28px-bgorange-caccentfg.dbx-p12px28px-bgorange-caccentfg.dbx-p12px28px-bgorange-caccentfg { padding: 12px 28px; background: var(--orange,#BD5728); color: var(--accent-fg,#fff); border: none; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; }
.dbx-bgorange-caccentfg-p6px16px.dbx-bgorange-caccentfg-p6px16px.dbx-bgorange-caccentfg-p6px16px { background: var(--orange); color: var(--accent-fg); padding: 6px 16px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 11px; }
.dbx-bgnone-bdnone-crgba2552.dbx-bgnone-bdnone-crgba2552.dbx-bgnone-bdnone-crgba2552 { background: none; border: none; color: rgba(255,255,255,.4); cursor: pointer; font-size: 16px; margin-left: 8px; }
.dbx-gri11-p40px20px-tacenter.dbx-gri11-p40px20px-tacenter.dbx-gri11-p40px20px-tacenter { grid-column: 1/-1; padding: 40px 20px; text-align: center; color: var(--m, #888); }
.dbx-fs16px-w600-mb8px.dbx-fs16px-w600-mb8px.dbx-fs16px-w600-mb8px { font-size: 16px; font-weight: 600; margin-bottom: 8px; color: var(--t, #fff); }
.dbx-fs13px-mb18px.dbx-fs13px-mb18px.dbx-fs13px-mb18px { font-size: 13px; margin-bottom: 18px; }
.dbx-p10px22px-r6px-bgorange.dbx-p10px22px-r6px-bgorange.dbx-p10px22px-r6px-bgorange { padding: 10px 22px; border-radius: 6px; background: var(--orange, #A14A22); color: #fff; border: none; cursor: pointer; font: inherit; font-size: 14px; }
.dbx-posfixed-top0-lef0.dbx-posfixed-top0-lef0.dbx-posfixed-top0-lef0 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: 99999; display: flex; align-items: center; justify-content: center; }
.dbx-bgs-bd1pxsolid-r12px.dbx-bgs-bd1pxsolid-r12px.dbx-bgs-bd1pxsolid-r12px { background: var(--s); border: 1px solid var(--br); border-radius: 12px; padding: 24px; max-width: 400px; width: 90%; }
.dbx-fs18px-w700-mb16px.dbx-fs18px-w700-mb16px.dbx-fs18px-w700-mb16px { font-size: 18px; font-weight: 700; margin-bottom: 16px; font-family: 'Barlow Condensed',sans-serif; }
.dbx-dgrid-gtcauto1fr-gap8px16px.dbx-dgrid-gtcauto1fr-gap8px16px.dbx-dgrid-gtcauto1fr-gap8px16px { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 13px; }
.dbx-wd100-mt16px-jccenter.dbx-wd100-mt16px-jccenter.dbx-wd100-mt16px-jccenter.dbx-wd100-mt16px-jccenter { width: 100%; margin-top: 16px; justify-content: center; }
.dbx-fs12px-cm-p8px.dbx-fs12px-cm-p8px.dbx-fs12px-cm-p8px { font-size: 12px; color: var(--m); padding: 8px; }
.dbx-dflex-aicenter-jccenter.dbx-dflex-aicenter-jccenter.dbx-dflex-aicenter-jccenter { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; background: rgba(16,185,129,0.14); color: #10b981; text-decoration: none; font-size: 11px; -webkit-tap-highlight-color: transparent; transition: transform .12s; }
.dbx-dflex-aicenter-jccenter-2.dbx-dflex-aicenter-jccenter-2.dbx-dflex-aicenter-jccenter-2 { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; background: rgba(59,130,246,0.14); color: #3b82f6; border: none; font-size: 11px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .12s; }
.dbx-dflex-aicenter-jccenter-3.dbx-dflex-aicenter-jccenter-3.dbx-dflex-aicenter-jccenter-3 { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; background: rgba(139,92,246,0.14); color: #8b5cf6; border: none; font-size: 11px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .12s; }
.dbx-dflex-aicenter-jccenter-4.dbx-dflex-aicenter-jccenter-4.dbx-dflex-aicenter-jccenter-4 { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; background: rgba(245,158,11,0.14); color: #f59e0b; border: none; font-size: 11px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .12s; }
.dbx-dflex-aicenter-jccenter-5.dbx-dflex-aicenter-jccenter-5.dbx-dflex-aicenter-jccenter-5 { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; background: rgba(155,109,255,0.14); color: #cab8ff; border: none; font-size: 11px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .12s; }
.dbx-dflex-aicenter-jccenter-6.dbx-dflex-aicenter-jccenter-6.dbx-dflex-aicenter-jccenter-6 { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; background: rgba(155,109,255,0.10); color: #a890e8; border: none; font-size: 11px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .12s; }
.dbx-dflex-gap3px-fle0.dbx-dflex-gap3px-fle0.dbx-dflex-gap3px-fle0 { display: flex; gap: 3px; flex-shrink: 0; }
.dbx-dflex-gap8px-aicenter.dbx-dflex-gap8px-aicenter.dbx-dflex-gap8px-aicenter { display: flex; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 6px; cursor: pointer; transition: background .15s; font-size: 12px; }
.dbx-fx1-minw0.dbx-fx1-minw0.dbx-fx1-minw0 { flex: 1; min-width: 0; }
.dbx-w600-mb2px-whinowrap.dbx-w600-mb2px-whinowrap.dbx-w600-mb2px-whinowrap { font-weight: 600; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dbx-fs10px-cm-whinowrap.dbx-fs10px-cm-whinowrap.dbx-fs10px-cm-whinowrap { font-size: 10px; color: var(--m); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dbx-corange-p6px2px.dbx-corange-p6px2px.dbx-corange-p6px2px { color: var(--orange,#e8720c); padding: 6px 2px; }
.dbx-cm-p6px2px.dbx-cm-p6px2px.dbx-cm-p6px2px { color: var(--m); padding: 6px 2px; }