/* App mirror — one visual system, enabled only for the selected admin owner.
   Screen-only: print/export layouts and semantic status/paint colours stay native.
   No transforms, filters or backdrop filters on layout ancestors. */
@font-face{font-family:BMOnest;src:url('../fonts/Onest-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@media screen {
html.bm-app-mirror{scroll-behavior:smooth}
body.bm-app-mirror{
 --font:BMOnest,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;
 --navy:#192331;--navy2:#243246;--text:#181c23;--muted:#505866;--gray:#505866;--grayl:#768293;
 --blue:#2165cd;--blue-h:#174d9e;--blue-l:#e5efff;--blue-m:#c5dafa;
 --teal:#12672c;--tealm:#25814a;--teal-l:#e3f4e8;--red:#b52b39;--red-l:#fff0f2;
 --amber:#855d08;--amber-l:#fff8d8;--border:#d9e1e9;--bg:#edf1f5;--card:rgba(255,255,255,.82);
 --bm-glass:rgba(255,255,255,.64);--bm-solid:#f8fafc;--bm-line:rgba(255,255,255,.95);
 --bm-shadow:0 14px 34px rgba(44,57,76,.055);--bm-pop-shadow:0 24px 80px rgba(35,48,70,.18);
 --bm-accent:#2165cd;--bm-accent-soft:#e2ecff;--bm-radius:24px;
 --bm-wall:radial-gradient(ellipse 680px 650px at 85% 280px,rgba(255,221,55,.48),transparent 80%),radial-gradient(ellipse 750px 750px at 6% 100px,rgba(128,170,213,.32),transparent 77%),radial-gradient(ellipse 660px 670px at 30% 95%,rgba(247,228,126,.28),transparent 80%);
 color:var(--text);font-family:var(--font)!important;
 -webkit-font-smoothing:antialiased;accent-color:var(--blue);
}
body.bm-app-mirror:not(.bm-home-mirror){background-color:#e5eaf0!important;background-image:var(--bm-wall)!important;background-attachment:scroll!important}
body.bm-app-mirror[data-bm-mirror-tone=purple]{--bm-accent:#7653c9;--bm-accent-soft:#eee8ff}
body.bm-app-mirror[data-bm-mirror-tone=orange]{--bm-accent:#bd571e;--bm-accent-soft:#ffe9da}
body.bm-app-mirror[data-bm-mirror-tone=green]{--bm-accent:#24783a;--bm-accent-soft:#e0f0e4}
body.bm-app-mirror[data-bm-mirror-tone=pink]{--bm-accent:#bc3970;--bm-accent-soft:#fce4ef}
body.bm-app-mirror[data-bm-mirror-tone=yellow]{--bm-accent:#806711;--bm-accent-soft:#fff2b8}
body.bm-app-mirror :is(button,input,select,textarea){font-family:var(--font)!important}
body.bm-app-mirror :is(code,pre,kbd,samp){font-family:var(--mono)}
body.bm-app-mirror :is(input,select,textarea,button,a,[tabindex]):focus-visible{outline:2px solid #2165cd!important;outline-offset:3px}
body.bm-app-mirror ::selection{background:#ffe570;color:#202530}
body.bm-app-mirror ::-webkit-scrollbar-thumb{background:#aebdcd;border:2px solid transparent;background-clip:padding-box;border-radius:12px}
body.bm-app-mirror ::-webkit-scrollbar{width:9px;height:9px}
/* Navigation: preserve all native controls, sizing, responsive menus and gates. */
body.bm-app-mirror:not(.bm-home-mirror)>.hdr,
body.bm-app-mirror[data-bm-mirror-document=calculator] .hdr{
 background:rgba(247,250,253,.95)!important;border-bottom:1px solid rgba(255,255,255,.95)!important;
 box-shadow:0 8px 25px #2734490b;color:var(--text)!important;
}
body.bm-app-mirror :is(.hdr .logo-word,.hdr-logo,.hdr .logo,.auth-chip-name,.auth-job-title,.auth-logout-btn,.hdr .hdr-emp-name){color:var(--text)!important}
body.bm-app-mirror :is(.hdr .sel-label,.hdr .auth-job,.hdr-divider){color:var(--muted)!important;border-color:var(--border)!important}
body.bm-app-mirror :is(.hdr .sel-group,.auth-chip){background:rgba(255,255,255,.65)!important;border-color:#fff!important;border-radius:16px!important}
body.bm-app-mirror :is(.hdr button,.hdr a.hdr-btn,.hdr .hdr-actions-btn,.hdr select){color:var(--text)!important;background:rgba(255,255,255,.78)!important;border-color:#e1e6ed!important;border-radius:12px!important}
body.bm-app-mirror :is(.hdr .auth-role-badge.admin,.hdr .auth-role-badge.head){color:#1b4d94!important;background:#e2edff!important}
body.bm-app-mirror .hdr .logo img{border-radius:5px}
body.bm-app-mirror .hdr .logo-word>span{color:inherit!important}
body.bm-app-mirror :is(.mbar,.pnav,#mbar,.ybar,.top-bar){background:rgba(255,255,255,.65)!important;border-color:#fff!important;color:var(--text)!important;box-shadow:0 6px 22px #27344906}
body.bm-app-mirror :is(.pnav-btn,.nav-btn,.mbar-btn,.pt-btn){border-radius:100px!important}
body.bm-app-mirror :is(.pnav-btn.active,.nav-btn.active,.pt-btn.active){background:var(--bm-accent-soft)!important;color:var(--bm-accent)!important;border-color:transparent!important}
body.bm-app-mirror .page:not(#page-home){background:transparent!important}
body.bm-app-mirror :is(.page-title,.gp-title,.cnc-title,.kb-title,.section-title){color:var(--text);letter-spacing:-.035em}
body.bm-app-mirror :is(.page-title,.gp-title,.cnc-title,.kb-title){font-weight:650!important}
body.bm-app-mirror :is(h1,h2,h3){text-wrap:pretty}
/* Form geometry stays dense in table cells. Hidden/file/colour/range inputs keep
   native behaviour; uploaded images, rich text and PDF/canvas contents are untouched. */
body.bm-app-mirror :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]),select,textarea){
 background-color:rgba(255,255,255,.9)!important;border-color:#d4dee8!important;border-radius:11px!important;
 color:var(--text);box-shadow:inset 0 1px 2px #24334903;transition:border-color .18s,box-shadow .18s;
}
body.bm-app-mirror :is(input,select,textarea):focus{border-color:#91b5e7!important;box-shadow:0 0 0 3px #2165cd12}
body.bm-app-mirror :is(input,select,textarea):disabled{background-color:#edf1f5!important;color:#687483}
body.bm-app-mirror :is(input,textarea)::placeholder{color:#7b8796;opacity:1}
body.bm-app-mirror select option{background:#f8fafc;color:#181c23}
body.bm-app-mirror :is(input[type=checkbox],input[type=radio]){accent-color:var(--bm-accent)}
body.bm-app-mirror :is(.btn,.fi-btn,.ec-btn,.cnc-btn,.gp-btn,.kb-btn,.dsl-btn,.ws-btn,.wtd-btn,.rj-btn,.dt-btn,.dp-btn,.dw-btn,.sht-btn,.china-btn,.wait-btn,.fr-btn,.pr-btn,.trip-btn,.hr-btn,.sa-btn){
 border-radius:12px!important;font-weight:550;letter-spacing:0;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s;
}
body.bm-app-mirror :is(.btn-white,.btn-ghost,.btn-outline,.fi-btn,.ec-btn,.dt-btn,.dp-btn,.dw-btn,.wait-btn){background-color:rgba(255,255,255,.82);border-color:#d8e1ea;color:var(--text)}
body.bm-app-mirror :is(.btn-blue,.btn-primary,.fi-primary,.ec-primary,.dt-primary,.dp-primary,.dw-primary,.cnc-btn-primary,.kb-btn-primary){background:#ffe66b!important;border-color:#efda76!important;color:#29291d!important;box-shadow:0 3px 12px #b9a4340a}
body.bm-app-mirror :is(.btn-red,.btn-danger,.fi-danger,.ec-danger){background:#fff0f2!important;border-color:#f0c7cd!important;color:#ae2737!important}
body.bm-app-mirror :is(.btn-green,.btn-teal){background:#e0f2e6!important;border-color:#b8dcc3!important;color:#206338!important}
body.bm-app-mirror :is(.btn,.fi-btn,.ec-btn,.dt-btn,.dp-btn,.dw-btn):disabled{opacity:.5;box-shadow:none}
body.bm-app-mirror :is(.gp-card,.cnc-card,.wt-mt-daycard,.tboard-card,.ws-kan-card,.hr-board-card){box-shadow:0 4px 16px #263d5610}
/* Working tables keep their column widths, sticky cells, status cells and scroll
   containers. Header and ordinary hover are the shared design vocabulary. */
body.bm-app-mirror table{font-variant-numeric:tabular-nums;border-color:#dde5ed}
body.bm-app-mirror :is(thead th,.tbl th,.ptbl th,.fi-table th,.gp-table th,.wt-table th):not(.today):not(.we):not(.weekend):not(.current):not([style*="background"]){background-color:#eef3f9!important;color:#48576a!important;border-color:#dce4ed!important;font-weight:600}
body.bm-app-mirror :is(tbody td,.tbl td,.ptbl td,.fi-table td){border-color:#e0e6ed}
body.bm-app-mirror :is(.tbl,.ptbl,.fi-table,.gp-table,.wt-table) tbody tr:hover>td:not([style*="background"]){background-color:#fffbea}
body.bm-app-mirror :is(.tbl-wrap,.table-wrap,.fi-table-wrap,.cnc-tbl-wrap,.kb-table-wrap,.sht-wrap,.hr-table-wrap){border-radius:16px;border-color:#e0e6ed;background:rgba(255,255,255,.75)}
body.bm-app-mirror :is(.empty-state,.cnc-empty,.kb-empty,.fi-empty,.ec-empty,.gp-empty,.wait-empty){color:var(--muted);border-radius:20px}

/* Shared glass surfaces: all existing content and event targets stay in place. */
body.bm-app-mirror :where(.arc-card,.aside-card,.card,.carry-over-section,.chart-card,.cnc-acc-card,.cnc-add-card,.cnc-arc-card,.cnc-dash-card,.cnc-hist-card,.cnc-machine-repair-card,.cnc-ms-card,.cnc-notice-card,.ctr-card,.cur-proj-card,.deduct-card,.dept-emp-card,.dept-stat-card,.dp-project-card,.dsl-access-card,.dsl-hidbox,.dsl-wait-archive-card,.dt-card,.dt-designer-work-card,.dt-panel,.dw-section,.el-proj-card,.elb-arc-card,.elb-card,.emph-card,.exp-section,.ext-split-card,.f1-card,.fb-addbox,.fr-tr-card,.fr-view-card,.gp-card,.gp-dash-card,.gp-meta-card,.gptk-card,.hr-board-card,.hr-emp-section,.hr-meeting-card,.hr-pdf-card,.imp-card,.incoming-card,.inter-section,.kb-dept-card,.kb-doc-card,.kb-file-card,.kb-rm2-card,.kb-section-card,.login-box,.mthmgr-card,.ntc-card,.pay-card,.pay-section,.payedit-card,.pd-spec-main-card,.pd-tech-card,.pe-card,.pfa-card,.piece-payment-card,.piece-section,.plan-sum-card,.pm-card,.practice-add-card,.prl-cols-hdr-card,.prl-emp-card,.res-card,.rj-dcard,.sa-card,.sec-card,.section,.set-card,.sht-card,.sht-item-card,.smb-card,.sup-add-card,.trip-card,.trip-proj-card,.trip-section,.trip-view-panel,.ts-card,.ts-sched-panel,.um-edit-panel,.updc-card,.wait-card,.wl-card,.ws-card,.ws-kan-card,.wt-cfg-card,.wt-mt-daycard,.wtd-card,.wtd-tile,.asm-roll-card){background:var(--bm-glass);border-color:var(--bm-line);border-radius:20px!important;box-shadow:var(--bm-shadow)}
body.bm-app-mirror :is(.bug-modal,.bug-modal-wide,.china-modal,.china-report-dialog,.chk-box,.cnc-modal-card,.cnc-guest-box,.des-big-box,.dp-dialog,.dp-deadline-dialog,.dsl-modal,.dsl-wait-box,.dt-dialog,.dt-project-settings-dialog,.dw-dialog,.dw-compact-dialog,.dw-delete-card,.ec-modal,.emphc-box,.fi-dialog,.fp-modal,.fr-img-box,.ft-modal,.gp-detail-panel,.gpcal-modal,.gpimp-box,.hr-emp-modal,.imp-modal,.imp-close-box,.imp-rej-box,.kb-edit-card,.kb-highlight-box,.kb-kpi-sal-box,.kb-remark-box,.kb-rm2-box,.kb-vs-box,.kb-week-box,.mthmgr-card,.ntc-win,.oc-box,.pa-acc-modal,.pat-tpl-modal,.payedit-card,.pd-photo-box,.pd-status-box,.pg-modal,.pr-modal-card,.prl-modal,.ptp-modal-box,.rj-modal,.rj-pop,.rm-box,.sa-mod-box,.supink-qr-box,.trip-check-box,.trip-create-dialog,.trip-nature-box,.wait-dialog,.ws-modal,.wt-modal-card,.bm-mention-edit-box){background:rgba(249,251,254,.98)!important;color:var(--text);border:1px solid #fff!important;border-radius:24px!important;box-shadow:var(--bm-pop-shadow)}
body.bm-app-mirror :is(.anim-back,.bug-back,.china-modal-back,.cnc-acc-ov,.cnc-arc-back,.cnc-dash-overlay,.cnc-machine-repair-overlay,.cnc-modal-overlay,.cnc-ms-overlay,.elb-arc-back,.fp-ov,.ft-overlay,.gp-colsmgr-back,.gp-detail-overlay,.gpcal-back,.gpimp-back,.hr-emp-overlay,.kb-doc-back,.kb-doc-overlay,.kb-edit-overlay,.kb-m-back,.mech-sheet-ov,.mthmgr-overlay,.ntc-back,.ntc-ov,.orgchart-overlay,.payedit-overlay,.pr-modal-overlay,.prl-overlay,.sa-mod-ov,.trip-create-modal,.updc-overlay,.wait-overlay,.ws-modal-mask,.wt-modal-overlay,.fi-shade,.ec-shade){background-color:rgba(49,65,86,.27)!important}
body.bm-app-mirror dialog::backdrop{background:rgba(49,65,86,.3)}
body.bm-app-mirror :is(.hdr-actions-menu,.bmc-menu,.gp-status-menu,.gp-emp-picker-list,.rtf-menu,.sa-g-menu,.supply-stats-popover,.va-menu,.wt-markmenu,.kb-srch-nav,.ec-options,.fi-options,.cnc-popover,.dsl-popover){background:rgba(251,253,255,.98)!important;color:var(--text);border:1px solid #fff!important;border-radius:16px!important;box-shadow:0 15px 45px #23364e26}
body.bm-app-mirror :is(.carp-bar,.china-bar,.cnc-bar,.cnc-ms-bar,.ctr-mbar,.cur-view-tabs,.dept-fs-tabs,.des-kpi-bar,.dsl-bar,.dsl-nav,.dsl-prbar,.dt-nav,.ec-tabs,.fb-tabs,.fr-addbar,.ft-toolbar,.gp-dash-bar,.gp-tabbar,.gp-topbar,.gp-dept-sub-bar,.gpcal-nav,.hr-tabs,.hr-toolbar,.kb-edit-toolbar,.kb-role-tabs,.kb-rm2-bar,.ml-dash-bar,.ml-nav,.ntc-tabs,.orgchart-toolbar,.pay-tabs,.pg-bar,.plan-toolbar,.pm-hd-bar,.prl-filter-bar,.proj-view-tabs,.pt-bar,.pt-calnav,.ptg-bar,.rj-mbar,.rj-tabs,.rtf-bar,.sa-g-nav,.sec-tabs,.sht-logbar,.supink-bar,.tcal-nav,.tm-nav,.trip-month-bar,.trip-no-toolbar,.trip-toolbar,.ts-bar,.um-toolbar,.vac-bar,.vac-nav,.vac-toolbar,.wait-tabs,.wl-bar,.ws-sort-bar,.wt-nav,.wtd-bar,.wtd-nav){background:rgba(255,255,255,.61)!important;border-color:rgba(255,255,255,.95)!important;border-radius:16px;color:var(--text)}
body.bm-app-mirror :is(.carp-bar,.china-bar,.cnc-bar,.cnc-ms-bar,.ctr-mbar,.cur-view-tabs,.dept-fs-tabs,.des-kpi-bar,.dsl-bar,.dsl-nav,.dsl-prbar,.dt-nav,.ec-tabs,.fb-tabs,.fr-addbar,.ft-toolbar,.gp-dash-bar,.gp-tabbar,.gp-topbar,.gp-dept-sub-bar,.gpcal-nav,.hr-tabs,.hr-toolbar,.kb-edit-toolbar,.kb-role-tabs,.kb-rm2-bar,.ml-dash-bar,.ml-nav,.ntc-tabs,.orgchart-toolbar,.pay-tabs,.pg-bar,.plan-toolbar,.pm-hd-bar,.prl-filter-bar,.proj-view-tabs,.pt-bar,.pt-calnav,.ptg-bar,.rj-mbar,.rj-tabs,.rtf-bar,.sa-g-nav,.sec-tabs,.sht-logbar,.supink-bar,.tcal-nav,.tm-nav,.trip-month-bar,.trip-no-toolbar,.trip-toolbar,.ts-bar,.um-toolbar,.vac-bar,.vac-nav,.vac-toolbar,.wait-tabs,.wl-bar,.ws-sort-bar,.wt-nav,.wtd-bar,.wtd-nav) :is(button,a,[role=tab]):is(.active,.on,.sel,[aria-selected=true]){background:var(--bm-accent-soft)!important;color:var(--bm-accent)!important;border-color:transparent!important;border-radius:12px}
body.bm-app-mirror :is(.cnc-modal-head,.cnc-modal-foot,.china-modal-head,.china-modal-actions,.dsl-modal-hd,.dw-dialog-head,.fi-dialog-head,.fp-modal-head,.gp-detail-head,.gp-detail-hd,.hr-emp-modal-head,.kb-edit-head,.ntc-modal-head,.pr-modal-head,.pr-modal-foot,.prl-modal-hd,.ptp-modal-hd,.ptp-modal-foot,.sa-mod-head,.trip-modal-head,.wait-dialog-head,.ws-modal-hd,.wt-modal-head,.ec-modal-head){background:rgba(240,245,251,.8)!important;color:var(--text)!important;border-color:#e0e7ef!important}

body.bm-app-mirror :is(.cnc-modal-x,.pr-modal-x,.wt-modal-x,.fp-modal-x,.ws-modal-x,.ntc-x,.fi-close,.kb-m-close,.sa-mod-x,.dt-close,.dp-close,.dw-close){border-radius:50%!important;background:#edf2f8!important;color:#4f5c6d!important;border-color:#dbe4ed!important}
body.bm-app-mirror .gp-detail-panel{border-radius:24px 0 0 24px!important}
body.bm-app-mirror :is(.gp-detail-panel.fullscreen,.gp-detail-panel.full,.gp-detail-panel.is-fullscreen){border-radius:0!important}
body.bm-app-mirror :is(.fi-root,.ec-root){--dt-ink:var(--text);--dt-muted:var(--muted);--dt-line:#d9e2eb;--dt-panel:rgba(255,255,255,.8);background-color:#e5eaf0!important;background-image:var(--bm-wall)!important;font-family:var(--font)!important}
body.bm-app-mirror .ec-top::before,body.bm-app-mirror .dt-top::before{background:rgba(247,250,253,.96)!important;border-color:#fff!important}
body.bm-app-mirror :is(.ec-brand,.ec-brand small,.ec-top-actions .ec-btn,.dt-brand,.dt-top-actions button){color:var(--text)!important}
body.bm-app-mirror :is(.ec-stats>div,.fi-totals>div,.ec-project,.ec-document,.ec-filter-panel,.fi-filters,.fi-table-wrap){background:var(--bm-glass)!important;border-color:#fff!important;border-radius:20px;box-shadow:var(--bm-shadow)}
/* Independent education document, including course/library overlays. */
body.bm-app-mirror[data-bm-mirror-document=education]{--ink:#181c23;--ink2:#505866;--paper:#f8fafc;--surface:rgba(255,255,255,.76);--line:#dce4ed;--peach:#fff0bd;--gold:#8c7215;--gold-d:#b49a44}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.top,.topbar,.head,.nav,.nav-wrap,.sidebar){background:rgba(255,255,255,.7)!important;border-color:#fff!important;color:var(--text)!important}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.nav a,.nav a .tx,.brand,.brand-name,.brand small){color:var(--text)!important}
body.bm-app-mirror[data-bm-mirror-document=education] .nav a.active{background:#fff3bc!important;border-radius:16px;color:#302d1e!important}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.hub-card,.course-card,.track-card,.lib-card,.edu-lib-card,.stat-card,.dash-card,.cert-card,.lesson-card,.assessment-card,.reg-card,.edu-card){background:var(--bm-glass)!important;border-color:#fff!important;border-radius:24px!important;box-shadow:var(--bm-shadow)}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.ov .modal,.ov .box,.ov .sheet,.ov .dialog,.ov>.win,.ov>.m){background:#f8fafc!important;color:var(--text)!important;border-color:#fff!important;border-radius:24px!important;box-shadow:var(--bm-pop-shadow)}
body.bm-app-mirror[data-bm-mirror-document=education] .ov{background-color:rgba(49,65,86,.27)!important}
/* Electrical document: keep its flex/scroll/sidebar behaviour, replace dark
   theme tokens rather than filtering the whole application. */
body.bm-app-mirror[data-bm-mirror-document=electrical]{--sb-bg:rgba(255,255,255,.7);--card2:#f2f6fb;--gold:#2862aa;--gold-dim:#8baee0;--gold-gh:#e5efff;--gold-bdr:#d8e3ee;--dim:#505866;--faint:#667387;--ghost:#718399;--green:#247647;--orange:#9b6512;--red:#b52b39}
body.bm-app-mirror[data-bm-mirror-document=electrical] :is(#topbar,.modal-head,.modal-foot){background:rgba(255,255,255,.64)!important;border-color:#fff!important}
body.bm-app-mirror[data-bm-mirror-document=electrical] #sidebar{border-color:#fff!important}
body.bm-app-mirror[data-bm-mirror-document=electrical] .sb-item{margin:3px 10px;padding:10px;border-radius:14px;border-left:0}
body.bm-app-mirror[data-bm-mirror-document=electrical] .sb-item.active{background:#fff0aa!important}
body.bm-app-mirror[data-bm-mirror-document=electrical] :is(.sb-item.active .sb-label,.sb-logo-name,.tb-date){color:#34475c!important}
body.bm-app-mirror[data-bm-mirror-document=electrical] :is(.pcard,.tcard,.metric-card,.stat-card,.stock-card,.lib-card,.emp-card){background:var(--bm-glass)!important;border-color:#fff!important;border-radius:20px!important;box-shadow:var(--bm-shadow)}
body.bm-app-mirror[data-bm-mirror-document=electrical] .modal{background:#f8fafc!important;border:1px solid #fff!important;border-radius:24px;box-shadow:var(--bm-pop-shadow)}
body.bm-app-mirror[data-bm-mirror-document=electrical] .modal-bg{background:rgba(49,65,86,.27)!important}
body.bm-app-mirror[data-bm-mirror-document=electrical] :is(.btn,.chip){border-radius:12px;text-transform:none;letter-spacing:0}
body.bm-app-mirror[data-bm-mirror-document=electrical] :is(.form-input,.form-select,.form-textarea){border:1px solid #d4dee8}
/* Same-origin calculator. Export canvas/PDF and reference data keep native logic. */
body.bm-app-mirror[data-bm-mirror-document=calculator] :is(.section,.calc-section,.result-card,.result-summary,.ref-section,.project-card,.modal-box,.modal-content,.login-card){background:var(--bm-glass)!important;border-color:#fff!important;border-radius:24px!important;box-shadow:var(--bm-shadow)}
body.bm-app-mirror[data-bm-mirror-document=calculator] :is(.section-hdr,.sec-head,.tabs,.tabbar,.subnav){background:rgba(255,255,255,.66)!important;border-color:#fff!important;color:var(--text)!important}
/* Telegram document: only after a verified BMPROG admin cookie and that UID's
   mirror preference. Its own Telegram access/data rules remain unchanged. */
body.bm-app-mirror[data-bm-mirror-document=trips]{--card-2:#f3f6fb;--acc:#3768bd;--acc-ink:#fff;--acc-t:#285aa8;--acc-g:#9ebbe5;--acc-l:#e8efff;--acc-m:#d2e0f5;--lime:#617e17;--lime-l:#f1f7dc;--p-pink:#fce4ef;--p-pink-i:#ab3569;--p-peach:#fff0db;--p-peach-i:#9d6214;--p-lilac:#ede7ff;--p-lilac-i:#7653b7;--p-mint:#e0f1e7;--p-mint-i:#207053;--p-coral:#ffe3e8;--p-coral-i:#af344c;--sh-card:var(--bm-shadow);--sh-pop:var(--bm-pop-shadow)}
body.bm-app-mirror[data-bm-mirror-document=trips] .screen{background-color:#e5eaf0!important;background-image:var(--bm-wall)!important}
body.bm-app-mirror[data-bm-mirror-document=trips] :is(.bottom-nav,.bnav,.tabs,.dock){background:rgba(248,251,254,.96)!important;border-color:#fff!important}
body.bm-app-mirror[data-bm-mirror-document=trips] :is(.tc,.task-card,.cab-card,.panel,.card,.search-box,.tr-card,.wk-card,.pay-card){background:var(--bm-glass)!important;border-color:#fff!important;border-radius:22px!important;box-shadow:var(--bm-shadow)}
/* Motion only on safe controls; no scale on draggable cards, charts or cells. */
@media(hover:hover) and (pointer:fine){
 body.bm-app-mirror :is(.btn,.fi-btn,.ec-btn,.dt-btn,.dp-btn,.dw-btn,.cnc-btn,.kb-btn,.gp-btn,.wtd-btn,.rj-btn,.wait-btn,.hdr button):enabled:hover{background-color:#fff4b9!important;border-color:#e6d985!important;box-shadow:0 4px 14px #9c8f3315}
 body.bm-app-mirror :is(.btn-red,.btn-danger,.fi-danger,.ec-danger):enabled:hover{background-color:#ffe0e6!important;border-color:#dc9ba8!important}
 body.bm-app-mirror :is(.pnav-btn,.nav-btn,.hdr-actions-menu button):hover{background:#fff1b0!important;color:#37311e!important}
}
body.bm-app-mirror :is(.btn,.fi-btn,.ec-btn,.dt-btn,.dp-btn,.dw-btn):enabled:active{box-shadow:inset 0 1px 4px #514e2520}
@media(max-width:760px){
 body.bm-app-mirror{background-attachment:scroll!important;--bm-radius:20px}
 body.bm-app-mirror .hdr:not(.screen>.hdr){border-radius:0}
 body.bm-app-mirror :is(.hdr-collapse,.hdr-collapse.open,#hdrCollapse.open,.hdr-actions-menu){background:#f5f8fc!important;border-color:#fff!important;color:var(--text)!important}
 body.bm-app-mirror :is(.page-title,.gp-title,.cnc-title,.kb-title){letter-spacing:-.025em}
 body.bm-app-mirror :is(.fi-root,.ec-wrap){padding-left:12px;padding-right:12px}
 body.bm-app-mirror :is(.fi-dialog,.ec-modal,.cnc-modal-card,.wt-modal-card,.pr-modal-card,.wait-dialog,.china-modal){border-radius:20px!important}
 body.bm-app-mirror :is(.fi-btn,.ec-btn,.wait-btn,.dt-btn,.dp-btn,.dw-btn){min-height:40px}
}
@media(prefers-reduced-motion:reduce){
 html.bm-app-mirror{scroll-behavior:auto}
 body.bm-app-mirror :is(button,a,input,select,textarea){transition:none!important}
}
}

@media screen {
/* Legacy windows have inline styling and no panel class. Address the known
   outer host and its direct panel, never every descendant of an overlay. */
body.bm-app-mirror :is(#usersModal,#resetConfirmModal,#payOutModal,#bonusModal,#firedModal,#returnEmpModal,#empPhCropModal,#renameEmpModal,#addEmpModal,#gpNewModal,#newTripModal,#tgLinkModal,#incomingTripModal,#qualityNoteModal){background-color:rgba(49,65,86,.27)!important}
body.bm-app-mirror :is(#usersModal,#resetConfirmModal,#payOutModal,#bonusModal,#firedModal,#returnEmpModal,#empPhCropModal,#renameEmpModal,#addEmpModal,#gpNewModal,#newTripModal,#tgLinkModal,#incomingTripModal,#qualityNoteModal)>div:first-child{background:#f8fafc!important;border-radius:24px!important;box-shadow:var(--bm-pop-shadow)!important}
body.bm-app-mirror #usersModal>div>div:first-child{background:#edf3fa!important;color:var(--text)!important;border-bottom:1px solid #dde6ef}
body.bm-app-mirror #usersModal>div>div:first-child :is(div,button){color:var(--text)!important}
body.bm-app-mirror #usersModal>div>div:first-child button{background:#fff!important;border-color:#d6e1ed!important}
/* Native action variants used by individual modules. */

body.bm-app-mirror :is(.gp-add-btn,.ntc-primary,.ctr-add-btn,.vac-add-btn,.ts-save-btn,.sal-part-btn,.kb-struct-btn,.wt-dash-btn,.imp-btn.primary,.hr-pdf-btn,.btn.primary,.btn.gold){background:#ffe66b!important;border-color:#efda76!important;color:#29291d!important;border-radius:12px!important;box-shadow:0 3px 12px #b9a4340a}
body.bm-app-mirror .sal-part-btn.is-confirmed{background:#15803d!important;border-color:#15803d!important;color:#fff!important;box-shadow:none}
body.bm-app-mirror :is(.gp-sort-btn,.gp-size-btn,.gp-vbtn,.dsl-spanbtn,.wt-spanbtn,.cnc-spanbtn,.p3d-spanbtn,.ml-spanbtn,.hr-tab,.kb-role-tab,.ntc-tab,.tm-tab){border-radius:12px!important}
body.bm-app-mirror :is(.gp-sort-btn.active,.gp-size-btn.active,.gp-vbtn.active,.dsl-spanbtn.active,.wt-spanbtn.active,.cnc-spanbtn.active,.p3d-spanbtn.active,.ml-spanbtn.active,.hr-tab.active,.kb-role-tab.active,.ntc-tab.active,.tm-tab.active){background:var(--bm-accent-soft)!important;color:var(--bm-accent)!important;border-color:transparent!important}
body.bm-app-mirror .res-block{background:linear-gradient(130deg,rgba(255,255,255,.88),rgba(255,244,187,.85))!important;color:#1e2935!important;border:1px solid #fff!important;border-radius:24px!important;box-shadow:var(--bm-shadow)}
body.bm-app-mirror .res-block :is(.res-title,.res-lbl,.res-label,.res-val,.res-value,.res-sub,.res-detail,.res-row,.res-total,.res-num){color:inherit!important}
body.bm-app-mirror .res-block [style*="color:rgba(255"],body.bm-app-mirror .res-block [style*="color:#fff"]{color:#526071!important}
body.bm-app-mirror .res-block :is(input,select){background:#fff!important;color:#1e2935!important}
body.bm-app-mirror :is(.gp-filter-bar,.gp-stats-toggle,.tm-head,.tm-controls,.tm-table-wrap,.vac-top,.vac-filter,.pt-filter,.kb-roles-sidebar,.kb-content,.kb-main,.rec-card,.recur-rule,.updc-sec){background:var(--bm-glass)!important;border-color:#fff!important;border-radius:20px;box-shadow:var(--bm-shadow)}
body.bm-app-mirror :is(.wt-task,.wt-task-item,.wt-item,.ws-task,.cnc-task){border-radius:12px}
/* Financial state selects are also fields, but their semantic colour matters. */
body.bm-app-mirror .fi-status-select.fi-status-unpaid{background:#fff0f2!important;color:#a62636!important}
body.bm-app-mirror .fi-status-select.fi-status-approve{background:#fff5d1!important;color:#7b5709!important}
body.bm-app-mirror .fi-status-select.fi-status-paid{background:#e0f2e6!important;color:#206338!important}
body.bm-app-mirror .fi-status-select.fi-status-reissue{background:#e5efff!important;color:#235aa7!important}
/* Education shares the home tokens; editorial/rich text keeps its own formatting. */
body.bm-app-mirror[data-bm-mirror-document=education]{--sans:var(--font);--ink-2:#505866;--muted-2:#687587;--line-2:#e8edf3;--panel:#f0f4f9;--gold-bg:#fff5cf;--gold-l:#eadfb4;--gold-t:#776114;--gold-d:#806711;--blue-bg:#e5efff;--blue-l:#c8daf5;--green:#26703a;--green-bg:#e5f2e8;--green-l:#c9e3cf;--red:#ae3042;--red-bg:#fff0f2;--red-l:#edcbd1;--shadow:var(--bm-shadow);--shadow-s:0 3px 15px #293f5710}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.hub-hero,.hero){background:var(--bm-glass)!important;color:var(--text)!important;border:1px solid #fff!important;box-shadow:var(--bm-shadow);border-radius:26px!important}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.hub-hero h1,.hub-hero p,.hero h1,.hero p){color:var(--text)!important}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.track,.module,.lesson,.lead-card,.tile,.quiz,.edu-task-box,.edu-cfgq,.edu-hwcard,.dstat .s,.lib-section,.edu-lib-item,.plugbox,.edu-reg-doc){background:var(--bm-glass)!important;border-color:#fff!important;border-radius:24px!important;box-shadow:var(--bm-shadow)}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.edu-dialog,.mq,.search-panel,.search-pop,.edu-cfgbox){background:#f8fafc!important;border:1px solid #fff!important;border-radius:24px!important;box-shadow:var(--bm-pop-shadow)}
body.bm-app-mirror[data-bm-mirror-document=education] :is(.edu-dialog-head,.edu-dialog-foot,.mod-h,.q-h,.q-foot,.th,.plug-head){background:rgba(238,244,251,.8)!important;color:var(--text)!important;border-color:#dce4ed!important}
body.bm-app-mirror[data-bm-mirror-document=calculator] .summary-final{background:linear-gradient(140deg,#edf3fc,#fff0ac)!important;color:#253345!important;border:1px solid #fff;border-radius:24px!important}
body.bm-app-mirror[data-bm-mirror-document=calculator] :is(.summary-final .final-grand-value,.summary-final .markup-input){color:#253345!important}
@media(hover:hover) and (pointer:fine){
 body.bm-app-mirror :is(.btn,.fi-btn,.ec-btn,.dt-btn,.dp-btn,.dw-btn,.cnc-btn,.kb-btn,.gp-btn,.wtd-btn,.rj-btn,.wait-btn,.hdr button):enabled:hover{color:#353226!important}
 body.bm-app-mirror :is(.btn-red,.btn-danger,.fi-danger,.ec-danger):enabled:hover{color:#ae2737!important}
}
@media(max-width:760px){
 body.bm-app-mirror .dept-page-header{flex-wrap:wrap;gap:8px}
 body.bm-app-mirror .dept-stats-row{flex-wrap:wrap}
 body.bm-app-mirror .dept-stat-card{flex:1 1 120px;min-width:0}
 body.bm-app-mirror .dsl-spans{flex-wrap:wrap;max-width:100%}
 body.bm-app-mirror #page-recurring>div:first-child{flex-wrap:wrap}
}
}

@media screen {

body.bm-app-mirror #recurringContent [style*="color:#fff"]{color:var(--text)!important}
body.bm-app-mirror #recurringContent>div>div:first-child>div>div:first-child{color:var(--text)!important}
@media(max-width:760px){body.bm-app-mirror #recurringContent>div>div:first-child{flex-wrap:wrap}}
}

@media screen{body.bm-app-mirror :is(.sup-card,.tboard-card,.cnc-card){border-radius:16px!important}body.bm-app-mirror #recurringContent>div>div:first-child{gap:14px}}

@media screen {
body.bm-app-mirror .res-block :is(.res-amt:not([style*="color"]),.res-emp){color:var(--text)!important}
body.bm-app-mirror .res-block .res-amt[style*="#FCA5A5"]{color:var(--red)!important}
}

@media screen {
body.bm-app-mirror[data-bm-mirror-document=calculator] :is(.hdr-subtitle,.hdr-title,.hdr-dept){color:var(--muted)!important}
body.bm-app-mirror[data-bm-mirror-document=calculator] .btn:not(.btn-outline):not(.btn-danger):not([style]){background:#ffe66b!important;color:#29291d!important;border-color:#efda76!important}
body.bm-app-mirror :is(.updc-btn-primary,.gptk-save-btn){background:#ffe66b!important;color:#29291d!important;border-color:#efda76!important;border-radius:12px!important}
@keyframes bmMirrorReveal{from{opacity:.25}to{opacity:1}}
body.bm-app-mirror :is(.fi-dialog,.ec-modal,.gpcal-modal,.edu-dialog){animation:bmMirrorReveal .18s ease-out}
@media(max-width:760px){body.bm-app-mirror :is(.updc-row,.updc-tools,.updc-head,.updc-sec-head){flex-wrap:wrap;min-width:0}body.bm-app-mirror .updc-btn{max-width:100%;white-space:normal}body.bm-app-mirror #backupManageContent{min-width:0}}
@media(prefers-reduced-motion:reduce){body.bm-app-mirror :is(.fi-dialog,.ec-modal,.gpcal-modal,.edu-dialog){animation:none}}
}
@media screen {
body.bm-app-mirror[data-bm-mirror-document=calculator] .modal{background:#f8fafc!important;border:1px solid #fff!important;border-radius:24px!important;box-shadow:var(--bm-pop-shadow)}
body.bm-app-mirror[data-bm-mirror-document=calculator] .modal-overlay{background:rgba(49,65,86,.27)!important}
body.bm-app-mirror[data-bm-mirror-document=calculator] .hdr>span{color:var(--muted)!important}
}
@media screen {
body.bm-app-mirror :is(.updc-cl-notes li,.updc-cl-head,.updc-hint,.updc-desc){overflow-wrap:anywhere;min-width:0}
}
@media screen {
body.bm-app-mirror .gp-topbar{padding:14px 16px;gap:12px}
body.bm-app-mirror .gp-title{font-size:24px;font-weight:650!important;letter-spacing:-.035em}
@media(max-width:760px){
 body.bm-app-mirror .gp-topbar{flex-wrap:wrap}
 body.bm-app-mirror .gp-topbar>div:first-child{flex-basis:100%;min-width:0}
 body.bm-app-mirror .gp-title{font-size:23px}
 body.bm-app-mirror #projMainActions{width:100%;min-width:0}
 body.bm-app-mirror #projMainActions button{white-space:normal;text-align:left}
 body.bm-app-mirror[data-bm-mirror-document=calculator] .hdr{padding:0 14px;gap:9px}
 body.bm-app-mirror[data-bm-mirror-document=calculator] .hdr>:is(span,.hdr-divider){display:none}
 body.bm-app-mirror[data-bm-mirror-document=calculator] .hdr .auth-chip{min-width:0;flex-shrink:1;padding:5px 8px;gap:6px}
 body.bm-app-mirror[data-bm-mirror-document=calculator] .hdr .auth-role-badge{display:none}
 body.bm-app-mirror[data-bm-mirror-document=calculator] .auth-chip-name{max-width:clamp(65px,18vw,110px);overflow:hidden;text-overflow:ellipsis}
}
}
@media screen {
body.bm-app-mirror #authUserName{color:var(--text)!important}
body.bm-app-mirror #authJobTitle{color:var(--muted)!important}
}
@media screen {
/* Dark-summary legacy inline ink is unsuitable on the mirror's light card. */
body.bm-app-mirror .res-block :is([style*="color:#fff"],[style*="color: #fff"],[style*="color:#FFF"],[style*="color:rgba(255,255,255"],[style*="color: rgba(255, 255, 255"],[style*="color: rgb(255, 255, 255"]){color:#344255!important}
body.bm-app-mirror :is(#resMonthRem,#resBalance){color:#1d2937!important}
body.bm-app-mirror :is(#resMonthRem,#resBalance)[style*="color: rgb(255, 138, 138)"]{color:#ae2737!important}
body.bm-app-mirror :is(#resMonthRem,#resBalance)[style*="color: rgb(110, 231, 199)"]{color:#206338!important}
body.bm-app-mirror .res-block :is(#resMonthRemLbl,#resBalanceLbl,#resAmtSplit,#moneyTotal){color:#526071!important}
body.bm-app-mirror .res-block :is(#btnMoneyAdd,#resEditGear){background:#edf3fb!important;border-color:#d4dfed!important;color:#294b79!important}
body.bm-app-mirror .res-block :is([style*="color:#F2C879"],[style*="color:#fbbf24"],[style*="color:#FBBF24"],[style*="color:#ffcc"]){color:#855d08!important}
}

@media screen {
body.bm-app-mirror .res-block .pay-tab{color:#526071!important;background:transparent!important}
body.bm-app-mirror .res-block .pay-tab.on{color:#1959ac!important;background:#e2ecff!important}
body.bm-app-mirror .res-block :is([style*="#ffcf6b" i],[style*="#F2C879" i],[style*="#fbbf24" i],[style*="rgb(255, 207, 107)"]){color:#855d08!important}
body.bm-app-mirror .res-block :is([style*="#6EE7C7" i],[style*="rgb(110, 231, 199)"]){color:#206338!important}
body.bm-app-mirror .res-block :is([style*="#ff8a8a" i],[style*="#FCA5A5" i],[style*="rgb(255, 138, 138)"],[style*="rgb(252, 165, 165)"]){color:#ae2737!important}
}

@media screen {
body.bm-app-mirror :is(#mbar,.pnav) {overscroll-behavior-x:contain;}
body.bm-app-mirror #mbar {scroll-behavior:auto;}
body.bm-app-mirror #mbar,body.bm-app-mirror #mbar .mtab {cursor:grab;}
body.bm-app-mirror #mbar.bm-month-dragging,
body.bm-app-mirror #mbar.bm-month-dragging * {cursor:grabbing!important;user-select:none!important;}
}

/* F1 keeps its red event accent while text follows the light mirror surface. */
@media screen {
 body.bm-app-mirror .f1-card :is(.f1-card-ttl,.f1-row-when){color:#181c23!important;}
 body.bm-app-mirror .f1-card .f1-row-ses{color:#3d4858!important;}
 body.bm-app-mirror .f1-card .f1-card-tz{color:#505866!important;}
 body.bm-app-mirror .f1-card .f1-card-gp{color:#b91c1c!important;}
 body.bm-app-mirror .f1-card .f1-row{border-top-color:#d5dce6;}
}