/* FBManager Orion V2
Clean standalone skin layered above legacy Unify.
Scope: body.fbm-orion-v2 only. Old themes are kept for rollback.
*/
:root{
--fbm-font:"Manrope","Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--fbm-bg:#f4f7fb;
--fbm-surface:#ffffff;
--fbm-surface-soft:#f8fafc;
--fbm-line:#dfe7f1;
--fbm-line-strong:#cbd8e7;
--fbm-text:#101828;
--fbm-text-soft:#344054;
--fbm-muted:#667085;
--fbm-primary:#1570ef;
--fbm-primary-dark:#175cd3;
--fbm-primary-soft:#eff6ff;
--fbm-success:#12b76a;
--fbm-success-soft:#ecfdf3;
--fbm-danger:#f04438;
--fbm-danger-soft:#fff1f3;
--fbm-warning:#f79009;
--fbm-warning-soft:#fffaeb;
--fbm-sidebar:#0f172a;
--fbm-sidebar-2:#111827;
--fbm-sidebar-muted:#98a2b3;
--fbm-sidebar-line:rgba(255,255,255,.09);
--fbm-radius-sm:10px;
--fbm-radius:16px;
--fbm-radius-lg:24px;
--fbm-shadow-sm:0 4px 16px rgba(16,24,40,.06);
--fbm-shadow:0 16px 45px rgba(16,24,40,.09);
--fbm-header:64px;
--fbm-sidebar-width:270px;
}
html{background:var(--fbm-bg)!important;}
body.fbm-orion-v2{
margin:0!important;
min-height:100vh!important;
color:var(--fbm-text)!important;
background:
radial-gradient(circle at 20% -20%, rgba(21,112,239,.11), transparent 360px),
radial-gradient(circle at 95% 0%, rgba(18,183,106,.06), transparent 420px),
linear-gradient(180deg,#fbfdff 0%, #f4f7fb 55%, #eef3f9 100%)!important;
font-family:var(--fbm-font)!important;
font-size:14px!important;
line-height:1.55!important;
letter-spacing:-.011em!important;
-webkit-font-smoothing:antialiased!important;
text-rendering:optimizeLegibility!important;
}
body.fbm-orion-v2 *,body.fbm-orion-v2 *::before,body.fbm-orion-v2 *::after{box-sizing:border-box;}
body.fbm-orion-v2 input,body.fbm-orion-v2 button,body.fbm-orion-v2 select,body.fbm-orion-v2 textarea{font-family:var(--fbm-font)!important;}
body.fbm-orion-v2 a{color:var(--fbm-primary);transition:.18s ease;}
body.fbm-orion-v2 a:hover{text-decoration:none;color:var(--fbm-primary-dark);}
body.fbm-orion-v2 .container-fluid{max-width:none!important;}
/* Shell */
body.fbm-orion-v2 .app-wrap{min-height:100vh!important;background:transparent!important;}
body.fbm-orion-v2 .app-header{
position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--fbm-header)!important;min-height:var(--fbm-header)!important;
z-index:2200!important;background:rgba(255,255,255,.90)!important;border-bottom:1px solid rgba(223,231,241,.92)!important;
box-shadow:0 10px 34px rgba(16,24,40,.06)!important;backdrop-filter:blur(20px) saturate(160%);
}
body.fbm-orion-v2 .app-header .container-fluid,body.fbm-orion-v2 .app-header .row.gutters{height:100%!important;min-height:0!important;}
body.fbm-orion-v2 .app-header .row.gutters{display:flex!important;align-items:center!important;}
body.fbm-orion-v2 .app-header .logo{display:flex!important;align-items:center!important;justify-content:center!important;height:44px!important;}
body.fbm-orion-v2 .app-header .logo img{height:30px!important;width:auto!important;filter:drop-shadow(0 8px 18px rgba(21,112,239,.20));}
body.fbm-orion-v2 .mini-nav-btn,body.fbm-orion-v2 .onoffcanvas-toggler{
width:42px!important;height:42px!important;border-radius:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
margin:0 8px 0 0!important;background:#fff!important;color:#344054!important;border:1px solid var(--fbm-line)!important;box-shadow:0 4px 12px rgba(16,24,40,.05)!important;
}
body.fbm-orion-v2 .mini-nav-btn:hover,body.fbm-orion-v2 .onoffcanvas-toggler:hover{background:var(--fbm-primary-soft)!important;border-color:#b2ddff!important;color:var(--fbm-primary)!important;transform:translateY(-1px);}
body.fbm-orion-v2 .app-container{position:relative!important;top:0!important;padding-top:var(--fbm-header)!important;min-height:100vh!important;background:transparent!important;}
body.fbm-orion-v2 .app-main{margin-left:var(--fbm-sidebar-width)!important;min-height:calc(100vh - var(--fbm-header))!important;background:transparent!important;transition:margin-left .22s ease!important;}
body.fbm-orion-v2 .app-main.left-toggle{margin-left:0!important;}
/* Header balance */
body.fbm-orion-v2 .fbm-header-right{height:100%;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;}
body.fbm-orion-v2 .fbm-header-balance{
min-width:190px;min-height:44px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;
background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--fbm-line);box-shadow:0 8px 22px rgba(16,24,40,.055);
}
body.fbm-orion-v2 .fbm-balance-icon{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf4ff;color:var(--fbm-primary);border:1px solid #b2ddff;font-size:15px;}
body.fbm-orion-v2 .fbm-balance-meta{display:flex;flex-direction:column;line-height:1.1;min-width:0;}
body.fbm-orion-v2 .fbm-balance-meta small{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fbm-muted);font-weight:600;margin-bottom:3px;}
body.fbm-orion-v2 .fbm-balance-meta strong{font-size:14px;color:var(--fbm-text);font-weight:700;letter-spacing:-.025em;white-space:nowrap;}
body.fbm-orion-v2 .fbm-header-action{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#475467;border:1px solid var(--fbm-line);box-shadow:0 5px 16px rgba(16,24,40,.05);}
body.fbm-orion-v2 .fbm-header-action:hover{background:var(--fbm-primary);border-color:var(--fbm-primary);color:#fff;}
/* Sidebar */
body.fbm-orion-v2 .app-side,body.fbm-orion-v2 .app-side.fixed{
position:fixed!important;top:var(--fbm-header)!important;left:0!important;bottom:0!important;width:var(--fbm-sidebar-width)!important;height:calc(100vh - var(--fbm-header))!important;
padding:0!important;overflow:hidden!important;z-index:1800!important;background:linear-gradient(180deg,#111c33 0%,#0d1424 100%)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:18px 0 44px rgba(16,24,40,.18)!important;
}
body.fbm-orion-v2 .app-side.left-toggle{left:calc(-1 * var(--fbm-sidebar-width))!important;}
body.fbm-orion-v2 .side-content{height:100%!important;display:flex!important;flex-direction:column!important;background:transparent!important;color:#e6edf7!important;}
body.fbm-orion-v2 .sidebarNavScroll{flex:1!important;overflow-y:auto!important;padding:0 14px 22px!important;background:transparent!important;}
body.fbm-orion-v2 .sidebarNavScroll::-webkit-scrollbar{width:6px;}
body.fbm-orion-v2 .sidebarNavScroll::-webkit-scrollbar-thumb{background:rgba(152,162,179,.40);border-radius:999px;}
body.fbm-orion-v2 .user-profile{margin:0!important;padding:23px 18px 21px!important;background:linear-gradient(180deg,rgba(21,112,239,.14),rgba(21,112,239,0))!important;border-bottom:1px solid var(--fbm-sidebar-line)!important;text-align:left!important;}
body.fbm-orion-v2 .profile-thumb{width:64px!important;height:64px!important;border-radius:22px!important;display:block!important;margin:0 0 12px!important;border:2px solid rgba(255,255,255,.72)!important;background:#eef4ff!important;box-shadow:0 18px 40px rgba(21,112,239,.25)!important;object-fit:cover!important;}
body.fbm-orion-v2 .profile-name{margin:0!important;color:#fff!important;font-size:14px!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.25!important;}
body.fbm-orion-v2 .profile-name::after{content:"Đang hoạt động";display:block;margin-top:5px;color:#9fd3ff;font-size:11px;font-weight:600;letter-spacing:0;}
body.fbm-orion-v2 ul.profile-actions{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important;margin:15px 0 0!important;padding:0!important;}
body.fbm-orion-v2 ul.profile-actions li{list-style:none!important;margin:0!important;padding:0!important;border:0!important;}
body.fbm-orion-v2 ul.profile-actions a{width:38px!important;height:38px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#d0d5dd!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;}
body.fbm-orion-v2 ul.profile-actions a:hover{background:rgba(21,112,239,.36)!important;border-color:rgba(157,211,255,.35)!important;color:#fff!important;}
body.fbm-orion-v2 .side-nav{background:transparent!important;padding:16px 0 0!important;}
body.fbm-orion-v2 .unifyMenu{margin:0!important;padding:0!important;background:transparent!important;}
body.fbm-orion-v2 .unifyMenu>li{margin:5px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.fbm-orion-v2 .unifyMenu>li::before,body.fbm-orion-v2 .unifyMenu>li::after{display:none!important;content:none!important;}
body.fbm-orion-v2 .unifyMenu>li.menu-header{padding:18px 12px 8px!important;margin:6px 0 5px!important;border-top:1px solid var(--fbm-sidebar-line)!important;background:transparent!important;}
body.fbm-orion-v2 .unifyMenu>li.menu-header span,body.fbm-orion-v2 .unifyMenu>li.menu-header .text-info{color:#8ec5ff!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-weight:600!important;}
body.fbm-orion-v2 .unifyMenu>li>a,body.fbm-orion-v2 .side-nav .unifyMenu a{min-height:45px!important;border-radius:15px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 14px!important;background:transparent!important;color:#cbd5e1!important;border:1px solid transparent!important;font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important;}
body.fbm-orion-v2 .unifyMenu>li>a .has-icon{width:20px!important;min-width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;color:#98a2b3!important;}
body.fbm-orion-v2 .unifyMenu>li>a .has-icon i{font-size:16px!important;margin:0!important;}
body.fbm-orion-v2 .unifyMenu>li>a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.09)!important;}
body.fbm-orion-v2 .unifyMenu>li>a:hover .has-icon{color:#fff!important;}
body.fbm-orion-v2 .unifyMenu>li.selected>a,body.fbm-orion-v2 .unifyMenu>li.active>a,body.fbm-orion-v2 .unifyMenu>li>a.active{background:linear-gradient(135deg,#1570ef,#0ea5e9)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 10px 24px rgba(21,112,239,.27)!important;}
body.fbm-orion-v2 .unifyMenu>li.selected>a .has-icon,body.fbm-orion-v2 .unifyMenu>li.active>a .has-icon{color:#fff!important;}
/* Admin brand */
body.fbm-orion-v2 .fbm-admin-profile{display:flex!important;align-items:center!important;gap:13px!important;text-align:left!important;}
body.fbm-orion-v2 .fbm-admin-logo{position:relative;width:62px;height:62px;flex:0 0 62px;display:flex;align-items:center;justify-content:center;}
body.fbm-orion-v2 .fbm-admin-logo-mark{position:relative;z-index:2;width:58px;height:58px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1570ef,#0ea5e9);color:#fff;border:1px solid rgba(255,255,255,.36);box-shadow:0 18px 40px rgba(21,112,239,.35);font-size:27px;}
body.fbm-orion-v2 .fbm-admin-logo-glow{position:absolute;inset:6px;border-radius:22px;background:rgba(14,165,233,.42);filter:blur(14px);}
body.fbm-orion-v2 .fbm-admin-name-block{min-width:0;}
body.fbm-orion-v2 .fbm-admin-profile .profile-name{font-size:15px!important;margin:0!important;}
body.fbm-orion-v2 .fbm-admin-profile .profile-name::after{display:none!important;}
body.fbm-orion-v2 .fbm-admin-subtitle{display:block;margin-top:4px;color:#9fd3ff;font-size:11px;font-weight:600;letter-spacing:.01em;}
/* Main content */
body.fbm-orion-v2 .main-heading{margin:0!important;padding:34px 34px 22px!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;}
body.fbm-orion-v2 .main-heading .container-fluid{padding:0!important;}
body.fbm-orion-v2 .main-heading .row{align-items:center!important;}
body.fbm-orion-v2 .page-icon{width:54px!important;height:54px!important;border-radius:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 16px 0 0!important;background:rgba(234,244,255,.92)!important;border:1px solid #b2ddff!important;color:var(--fbm-primary)!important;box-shadow:0 10px 24px rgba(21,112,239,.10)!important;}
body.fbm-orion-v2 .page-icon i{font-size:21px!important;margin:0!important;}
body.fbm-orion-v2 .page-title{display:inline-block!important;vertical-align:middle!important;}
body.fbm-orion-v2 .page-title h5{font-size:27px!important;font-weight:600!important;color:#101828!important;letter-spacing:-.04em!important;margin:0!important;line-height:1.08!important;}
body.fbm-orion-v2 .page-title .sub-heading,body.fbm-orion-v2 .page-title h6{font-size:13px!important;font-weight:500!important;color:#667085!important;margin:5px 0 0!important;letter-spacing:-.01em!important;}
body.fbm-orion-v2 .main-content{padding:0 34px 34px!important;background:transparent!important;min-height:calc(100vh - var(--fbm-header) - 110px)!important;}
/* Cards / containers */
body.fbm-orion-v2 .card,body.fbm-orion-v2 .info-stats4,body.fbm-orion-v2 .store-shell,body.fbm-orion-v2 .api-card{background:rgba(255,255,255,.94)!important;border:1px solid var(--fbm-line)!important;border-radius:24px!important;box-shadow:var(--fbm-shadow)!important;overflow:hidden!important;}
body.fbm-orion-v2 .card-header{background:#fff!important;border-bottom:1px solid var(--fbm-line)!important;font-size:14px!important;font-weight:600!important;color:#101828!important;padding:16px 20px!important;}
body.fbm-orion-v2 .card-body{padding:22px!important;}
body.fbm-orion-v2 .info-stats4{padding:22px!important;min-height:108px!important;display:flex!important;align-items:center!important;gap:15px!important;}
body.fbm-orion-v2 .info-stats4 .icon-type{width:52px!important;height:52px!important;border-radius:18px!important;background:var(--fbm-primary-soft)!important;color:var(--fbm-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;float:none!important;}
body.fbm-orion-v2 .info-stats4 .sale-num h5{font-size:22px!important;font-weight:600!important;color:#101828!important;margin:0!important;}
body.fbm-orion-v2 .info-stats4 .sale-num p{font-size:12px!important;color:#667085!important;font-weight:500!important;margin:3px 0 0!important;text-transform:none!important;}
/* Form */
body.fbm-orion-v2 .form-control,body.fbm-orion-v2 input[type="text"],body.fbm-orion-v2 input[type="number"],body.fbm-orion-v2 input[type="email"],body.fbm-orion-v2 input[type="password"],body.fbm-orion-v2 select,body.fbm-orion-v2 textarea{height:44px!important;border:1px solid var(--fbm-line-strong)!important;border-radius:14px!important;background:#fff!important;color:#101828!important;font-size:13px!important;font-weight:500!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;outline:none!important;transition:.16s ease!important;}
body.fbm-orion-v2 textarea.form-control,body.fbm-orion-v2 textarea{height:auto!important;min-height:96px!important;}
body.fbm-orion-v2 .form-control:focus,body.fbm-orion-v2 input:focus,body.fbm-orion-v2 select:focus,body.fbm-orion-v2 textarea:focus{border-color:#84caff!important;box-shadow:0 0 0 4px rgba(21,112,239,.12)!important;}
body.fbm-orion-v2 .form-control[readonly],body.fbm-orion-v2 .form-control:disabled,body.fbm-orion-v2 input[readonly],body.fbm-orion-v2 input:disabled{background:#f8fafc!important;color:#667085!important;}
body.fbm-orion-v2 label,body.fbm-orion-v2 .form-group label{font-size:12px!important;font-weight:600!important;color:#344054!important;margin-bottom:7px!important;}
body.fbm-orion-v2 .input-group-addon,body.fbm-orion-v2 .input-group-btn .btn{border-color:var(--fbm-line-strong)!important;border-radius:14px!important;}
/* Buttons / badges: softer typography */
body.fbm-orion-v2 .btn{border-radius:13px!important;font-weight:600!important;letter-spacing:-.015em!important;border:1px solid transparent!important;box-shadow:none!important;cursor:pointer!important;transition:all .16s ease!important;}
body.fbm-orion-v2 .btn:hover{transform:translateY(-1px);}
body.fbm-orion-v2 .btn-sm{border-radius:999px!important;padding:6px 11px!important;font-size:11.5px!important;line-height:1.25!important;font-weight:600!important;}
body.fbm-orion-v2 .btn-primary{background:#1570ef!important;border-color:#1570ef!important;color:#fff!important;}
body.fbm-orion-v2 .btn-success{background:#12b76a!important;border-color:#12b76a!important;color:#fff!important;}
body.fbm-orion-v2 .btn-danger{background:#f04438!important;border-color:#f04438!important;color:#fff!important;}
body.fbm-orion-v2 .btn-warning{background:#f79009!important;border-color:#f79009!important;color:#fff!important;}
body.fbm-orion-v2 .btn-dark,body.fbm-orion-v2 .btn-secondary{background:#f2f4f7!important;border-color:#d0d5dd!important;color:#344054!important;}
body.fbm-orion-v2 .badge,body.fbm-orion-v2 .label,body.fbm-orion-v2 .lbl{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:500!important;letter-spacing:-.01em!important;line-height:1.25!important;border:1px solid rgba(16,24,40,.08)!important;}
body.fbm-orion-v2 .badge-success,body.fbm-orion-v2 .label-success{background:var(--fbm-success-soft)!important;color:#067647!important;border-color:#abefc6!important;}
body.fbm-orion-v2 .badge-danger,body.fbm-orion-v2 .label-danger{background:var(--fbm-danger-soft)!important;color:#b42318!important;border-color:#fecdca!important;}
body.fbm-orion-v2 .badge-primary,body.fbm-orion-v2 .label-primary{background:var(--fbm-primary-soft)!important;color:#175cd3!important;border-color:#b2ddff!important;}
/* Tables */
/* Base .table-responsive visual/overflow rule removed by HOTFIX1139; final table-scroll contract owns it. */
body.fbm-orion-v2 .table{margin-bottom:0!important;color:#344054!important;border-collapse:separate!important;border-spacing:0!important;}
body.fbm-orion-v2 .table thead th{background:#f3f6fb!important;color:#475467!important;font-size:11px!important;font-weight:600!important;letter-spacing:.015em!important;text-transform:uppercase!important;border-top:0!important;border-bottom:1px solid var(--fbm-line-strong)!important;padding:13px 14px!important;white-space:nowrap!important;}
body.fbm-orion-v2 .table td{font-size:12.8px!important;font-weight:400!important;color:#344054!important;border-top:0!important;border-bottom:1px solid #edf2f7!important;padding:13px 14px!important;vertical-align:middle!important;}
body.fbm-orion-v2 .table tbody tr:hover{background:#f8fbff!important;}
body.fbm-orion-v2 .table .btn,body.fbm-orion-v2 .table .badge,body.fbm-orion-v2 .table .label{font-size:11px!important;font-weight:500!important;border-radius:999px!important;}
body.fbm-orion-v2 .dataTables_wrapper label{font-size:12px!important;color:#344054!important;font-weight:600!important;}
body.fbm-orion-v2 .dataTables_wrapper select{height:42px!important;min-width:80px!important;}
body.fbm-orion-v2 .pagination .page-link,body.fbm-orion-v2 .pagination a{border-radius:10px!important;border:1px solid var(--fbm-line)!important;margin:0 3px!important;color:#344054!important;background:#fff!important;}
body.fbm-orion-v2 .pagination .active .page-link,body.fbm-orion-v2 .pagination .page-item.active a{background:var(--fbm-primary)!important;border-color:var(--fbm-primary)!important;color:#fff!important;}
/* Store/product */
body.fbm-orion-v2 .store-shell{padding:24px!important;}
body.fbm-orion-v2 .store-section-kicker{font-size:12px!important;font-weight:600!important;letter-spacing:.10em!important;color:var(--fbm-primary)!important;text-transform:uppercase!important;margin-bottom:5px!important;}
body.fbm-orion-v2 .store-heading{font-size:28px!important;font-weight:600!important;letter-spacing:-.045em!important;color:#101828!important;margin:0!important;}
body.fbm-orion-v2 .store-subtitle{font-size:13px!important;color:#667085!important;font-weight:500!important;margin-top:3px!important;}
body.fbm-orion-v2 .store-toolbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:20px!important;}
body.fbm-orion-v2 .store-search-box{position:relative;min-width:340px;}
body.fbm-orion-v2 .store-search-box i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#98a2b3;}
body.fbm-orion-v2 .store-search-box input{padding-left:42px!important;height:46px!important;border-radius:999px!important;}
body.fbm-orion-v2 .store-summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:20px!important;}
body.fbm-orion-v2 .store-summary-card{background:#f8fafc!important;border:1px solid var(--fbm-line)!important;border-radius:18px!important;padding:17px 18px!important;}
body.fbm-orion-v2 .store-summary-label{display:block!important;font-size:12px!important;font-weight:500!important;color:#667085!important;margin-bottom:6px!important;}
body.fbm-orion-v2 .store-summary-value{font-size:22px!important;font-weight:600!important;color:#101828!important;letter-spacing:-.04em!important;}
body.fbm-orion-v2 .product-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:18px!important;}
body.fbm-orion-v2 .product-card{position:relative!important;background:#fff!important;border:1px solid var(--fbm-line)!important;border-radius:22px!important;padding:19px!important;box-shadow:0 12px 32px rgba(16,24,40,.075)!important;transition:.18s ease!important;overflow:hidden!important;}
body.fbm-orion-v2 .product-card:hover{transform:translateY(-4px);border-color:#b2ddff!important;box-shadow:0 22px 48px rgba(16,24,40,.12)!important;}
body.fbm-orion-v2 .product-card::before{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;background:linear-gradient(90deg,#1570ef,#12b76a);border-radius:0 0 999px 999px;}
body.fbm-orion-v2 .product-card-top{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-bottom:14px!important;}
body.fbm-orion-v2 .product-icon{width:48px!important;height:48px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#eff8ff!important;border:1px solid #b2ddff!important;}
body.fbm-orion-v2 .product-icon img{width:27px!important;height:27px!important;}
body.fbm-orion-v2 .product-title-wrap{flex:1;min-width:0!important;}
body.fbm-orion-v2 .product-title{font-size:17px!important;font-weight:600!important;color:#101828!important;letter-spacing:-.035em!important;margin:2px 0 5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.fbm-orion-v2 .product-id{display:inline-flex!important;max-width:100%!important;border-radius:999px!important;background:#f2f4f7!important;color:#667085!important;padding:3px 8px!important;font-size:10.5px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.fbm-orion-v2 .product-geo{font-size:10.5px!important;font-weight:600!important;color:#026aa2!important;background:#f0f9ff!important;border:1px solid #b9e6fe!important;border-radius:999px!important;padding:5px 8px!important;white-space:nowrap!important;}
body.fbm-orion-v2 .product-desc{min-height:40px!important;color:#667085!important;font-size:12.8px!important;font-weight:500!important;margin-bottom:15px!important;}
body.fbm-orion-v2 .product-price-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important;}
body.fbm-orion-v2 .product-price-row span:first-child{display:block!important;color:#667085!important;font-size:11.5px!important;font-weight:600!important;margin-bottom:3px!important;}
body.fbm-orion-v2 .product-price{font-size:21px!important;font-weight:700!important;color:#101828!important;letter-spacing:-.05em!important;}
body.fbm-orion-v2 .product-status{border-radius:999px!important;padding:6px 10px!important;font-size:10.8px!important;font-weight:600!important;border:1px solid transparent!important;}
body.fbm-orion-v2 .product-status.in-stock,body.fbm-orion-v2 .product-status.is-available{background:var(--fbm-success-soft)!important;color:#067647!important;border-color:#abefc6!important;}
body.fbm-orion-v2 .product-status.out-stock,body.fbm-orion-v2 .product-status.is-empty{background:var(--fbm-danger-soft)!important;color:#b42318!important;border-color:#fecdca!important;}
body.fbm-orion-v2 .product-stock-head{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#667085!important;font-size:11.8px!important;font-weight:500!important;margin-bottom:8px!important;}
body.fbm-orion-v2 .product-stock-head strong{font-weight:600!important;color:#344054!important;}
body.fbm-orion-v2 .product-stock-bar{height:8px!important;background:#e4eaf2!important;border-radius:999px!important;overflow:hidden!important;}
body.fbm-orion-v2 .product-stock-bar span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#12b76a,#0ba5ec)!important;}
body.fbm-orion-v2 .product-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:14px 0 16px!important;}
body.fbm-orion-v2 .product-metric{border:1px solid #edf2f7!important;background:#f8fafc!important;border-radius:15px!important;padding:11px!important;}
body.fbm-orion-v2 .product-metric span{display:block!important;font-size:10.8px!important;font-weight:500!important;color:#667085!important;margin-bottom:3px!important;}
body.fbm-orion-v2 .product-metric strong{display:block!important;font-size:13.2px!important;font-weight:600!important;color:#101828!important;line-height:1.35!important;}
body.fbm-orion-v2 .product-action .btn{width:100%!important;min-height:44px!important;border-radius:14px!important;font-size:13.5px!important;font-weight:600!important;}
body.fbm-orion-v2 .product-action .btn-dark{background:#f2f4f7!important;border-color:#d0d5dd!important;color:#667085!important;}
/* DB status */
body.fbm-orion-v2 .db-status-fixed{position:fixed!important;right:22px!important;bottom:22px!important;z-index:2600!important;display:flex!important;align-items:center!important;gap:7px!important;padding:9px 11px!important;background:rgba(255,255,255,.92)!important;border:1px solid var(--fbm-line)!important;border-radius:999px!important;box-shadow:0 12px 34px rgba(16,24,40,.10)!important;backdrop-filter:blur(14px);font-size:11px!important;font-weight:600!important;color:#475467!important;}
body.fbm-orion-v2 .db-status-ok,body.fbm-orion-v2 .db-ok{background:var(--fbm-success-soft)!important;color:#067647!important;border:1px solid #abefc6!important;border-radius:999px!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important;}
body.fbm-orion-v2 .db-status-error,body.fbm-orion-v2 .db-error{background:var(--fbm-danger-soft)!important;color:#b42318!important;border:1px solid #fecdca!important;border-radius:999px!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important;}
/* Login */
body.fbm-orion-v2.login-bg,body.login-bg.fbm-orion-v2{background:radial-gradient(circle at top left,rgba(21,112,239,.16),transparent 420px),linear-gradient(135deg,#f8fbff,#eef4fb)!important;}
body.fbm-orion-v2 .login-screen{font-family:var(--fbm-font)!important;}
body.fbm-orion-v2 .login-box,body.fbm-orion-v2 .login-form{background:#fff!important;border:1px solid var(--fbm-line)!important;border-radius:24px!important;box-shadow:0 24px 80px rgba(16,24,40,.14)!important;}
/* Mobile/tablet */
body.fbm-orion-v2::after{content:"";display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1650;opacity:0;transition:.2s ease;pointer-events:none;}
@media (max-width:1100px){
:root{--fbm-sidebar-width:260px;}
body.fbm-orion-v2 .app-side{left:calc(-1 * var(--fbm-sidebar-width))!important;transition:left .22s ease!important;}
body.fbm-orion-v2 .app-side.is-open,body.fbm-orion-v2 .app-side.onoffcanvas-open,body.fbm-orion-v2 .app-side.active{left:0!important;}
body.fbm-orion-v2 .app-main{margin-left:0!important;}
body.fbm-orion-v2 .main-heading{padding:26px 20px 18px!important;}
body.fbm-orion-v2 .main-content{padding:0 20px 28px!important;}
}
@media (max-width:768px){
body.fbm-orion-v2{font-size:13px!important;}
body.fbm-orion-v2 .app-header{height:60px!important;min-height:60px!important;}
body.fbm-orion-v2 .app-container{padding-top:60px!important;}
body.fbm-orion-v2 .app-side{top:60px!important;height:calc(100vh - 60px)!important;width:82vw!important;max-width:320px!important;left:-86vw!important;}
body.fbm-orion-v2 .app-side.left-toggle{left:-86vw!important;}
body.fbm-orion-v2 .app-side.is-open,body.fbm-orion-v2 .app-side.onoffcanvas-open,body.fbm-orion-v2 .app-side.active{left:0!important;}
body.fbm-orion-v2 .mini-nav-btn,body.fbm-orion-v2 .onoffcanvas-toggler{width:38px!important;height:38px!important;border-radius:13px!important;margin-right:6px!important;}
body.fbm-orion-v2 .app-header .logo img{height:27px!important;}
body.fbm-orion-v2 .fbm-header-balance{min-width:0;width:auto;height:40px;padding:5px 8px;}
body.fbm-orion-v2 .fbm-balance-meta small{display:none;}
body.fbm-orion-v2 .fbm-balance-meta strong{font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;}
body.fbm-orion-v2 .fbm-header-action{display:none;}
body.fbm-orion-v2 .main-heading{padding:22px 14px 15px!important;}
body.fbm-orion-v2 .page-icon{width:44px!important;height:44px!important;border-radius:15px!important;margin-right:10px!important;}
body.fbm-orion-v2 .page-title h5{font-size:22px!important;}
body.fbm-orion-v2 .page-title .sub-heading,body.fbm-orion-v2 .page-title h6{font-size:12px!important;}
body.fbm-orion-v2 .main-content{padding:0 14px 24px!important;}
body.fbm-orion-v2 .card-body{padding:16px!important;}
body.fbm-orion-v2 .store-shell{padding:16px!important;border-radius:20px!important;}
body.fbm-orion-v2 .store-toolbar{display:block!important;}
body.fbm-orion-v2 .store-search-box{min-width:0!important;width:100%!important;margin-top:14px!important;}
body.fbm-orion-v2 .store-heading{font-size:23px!important;}
body.fbm-orion-v2 .store-summary-grid{grid-template-columns:1fr!important;gap:10px!important;}
body.fbm-orion-v2 .product-grid{grid-template-columns:1fr!important;gap:14px!important;}
body.fbm-orion-v2 .product-card{border-radius:20px!important;padding:16px!important;}
body.fbm-orion-v2 .product-metrics{grid-template-columns:1fr 1fr!important;}
/* Mobile .table-responsive frame removed by HOTFIX1139; final table-scroll contract owns it. */
body.fbm-orion-v2 .table{min-width:760px!important;}
body.fbm-orion-v2 .db-status-fixed{left:12px!important;right:12px!important;bottom:12px!important;justify-content:center!important;}
}
@media (max-width:480px){
body.fbm-orion-v2 .fbm-balance-icon{width:30px;height:30px;}
body.fbm-orion-v2 .fbm-balance-meta strong{max-width:90px;font-size:11.5px;}
body.fbm-orion-v2 .page-title h5{font-size:20px!important;}
body.fbm-orion-v2 .product-card-top{gap:10px!important;}
body.fbm-orion-v2 .product-title{font-size:16px!important;}
body.fbm-orion-v2 .product-price{font-size:19px!important;}
}
/* Hotfix 17: mobile shell + modal layering fixes */
body.fbm-orion-v2 .modal-backdrop{
z-index:4980!important;
background:rgba(15,23,42,.58)!important;
}
body.fbm-orion-v2 .modal{
z-index:5000!important;
padding-left:0!important;
overflow-y:auto!important;
}
body.fbm-orion-v2 .modal-dialog{
margin:calc(var(--fbm-header) + 28px) auto 28px!important;
max-width:min(620px, calc(100vw - 28px))!important;
}
body.fbm-orion-v2 .modal-dialog.modal-sm{max-width:min(420px, calc(100vw - 28px))!important;}
body.fbm-orion-v2 .modal-dialog.modal-lg{max-width:min(920px, calc(100vw - 28px))!important;}
body.fbm-orion-v2 .modal-content{
border:1px solid rgba(203,216,231,.95)!important;
border-radius:22px!important;
box-shadow:0 26px 80px rgba(15,23,42,.28)!important;
overflow:hidden!important;
background:#fff!important;
}
body.fbm-orion-v2 .modal-header{
min-height:62px!important;
padding:18px 22px!important;
display:flex!important;
align-items:center!important;
border-bottom:1px solid #edf2f7!important;
background:linear-gradient(180deg,#fff,#f8fafc)!important;
}
body.fbm-orion-v2 .modal-title{
margin:0!important;
font-size:18px!important;
font-weight:600!important;
letter-spacing:-.035em!important;
color:#101828!important;
}
body.fbm-orion-v2 .modal-body{padding:22px!important;max-height:calc(100vh - var(--fbm-header) - 170px)!important;overflow:auto!important;}
body.fbm-orion-v2 .modal-footer{padding:16px 22px!important;border-top:1px solid #edf2f7!important;background:#fff!important;}
body.fbm-orion-v2.modal-open .app-header,
body.fbm-orion-v2.modal-open .app-side,
body.fbm-orion-v2.modal-open .db-status-fixed{filter:none!important;}
@media (max-width:991px){
body.fbm-orion-v2{overflow-x:hidden!important;}
body.fbm-orion-v2 .app-header{z-index:2300!important;}
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 .app-side.fixed{
width:min(318px, 84vw)!important;
left:calc(-1 * min(318px, 84vw) - 10px)!important;
top:60px!important;
height:calc(100dvh - 60px)!important;
max-height:calc(100dvh - 60px)!important;
border-radius:0 24px 0 0!important;
box-shadow:24px 0 70px rgba(2,6,23,.38)!important;
transition:left .22s cubic-bezier(.2,.8,.2,1)!important;
z-index:2400!important;
}
body.fbm-orion-v2 .app-side.is-open,
body.fbm-orion-v2 .app-side.onoffcanvas-open,
body.fbm-orion-v2 .app-side.active{
left:0!important;
}
body.fbm-orion-v2.fbm-side-open{overflow:hidden!important;}
body.fbm-orion-v2.fbm-side-open::before{
content:"";
position:fixed;
inset:60px 0 0 0;
background:rgba(15,23,42,.46);
backdrop-filter:blur(3px);
z-index:2350;
}
body.fbm-orion-v2.fbm-side-open .app-side{z-index:2400!important;}
body.fbm-orion-v2.fbm-side-open .db-status-fixed{display:none!important;}
body.fbm-orion-v2 .side-content{height:100%!important;max-height:100%!important;overflow:hidden!important;}
body.fbm-orion-v2 .sidebarNavScroll{height:auto!important;overflow-y:auto!important;padding-bottom:28px!important;}
body.fbm-orion-v2 .app-main{margin-left:0!important;width:100%!important;max-width:100%!important;}
body.fbm-orion-v2 .app-main.left-toggle{margin-left:0!important;}
body.fbm-orion-v2 .main-content{overflow-x:hidden!important;}
body.fbm-orion-v2 .card,
body.fbm-orion-v2 .store-shell{box-shadow:0 14px 40px rgba(16,24,40,.08)!important;}
}
@media (max-width:768px){
body.fbm-orion-v2 .modal-dialog{
margin:76px 12px 18px!important;
max-width:calc(100vw - 24px)!important;
}
body.fbm-orion-v2 .modal-content{border-radius:20px!important;}
body.fbm-orion-v2 .modal-header{padding:15px 16px!important;min-height:56px!important;}
body.fbm-orion-v2 .modal-body{padding:16px!important;max-height:calc(100dvh - 160px)!important;}
body.fbm-orion-v2 .modal-footer{padding:13px 16px!important;gap:8px!important;}
body.fbm-orion-v2 .modal-footer .btn{min-height:40px!important;padding-left:14px!important;padding-right:14px!important;}
body.fbm-orion-v2 .form-group{margin-bottom:15px!important;}
}
@media (max-width:480px){
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 .app-side.fixed{width:82vw!important;left:-86vw!important;}
body.fbm-orion-v2 .app-side.is-open,
body.fbm-orion-v2 .app-side.onoffcanvas-open,
body.fbm-orion-v2 .app-side.active{left:0!important;}
body.fbm-orion-v2 .fbm-header-balance{max-width:138px!important;}
body.fbm-orion-v2 .fbm-balance-meta strong{max-width:82px!important;}
}
/* Hotfix18: User dashboard = notices + marketplace */
body.fbm-orion-v2 .dashboard-notice-card,
body.fbm-orion-v2 .dashboard-store-card{
overflow:hidden!important;
}
body.fbm-orion-v2 .dashboard-section-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:16px!important;
margin-bottom:18px!important;
}
body.fbm-orion-v2 .dashboard-kicker{
color:var(--fbm-primary)!important;
font-size:11px!important;
font-weight:600!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
margin-bottom:5px!important;
}
body.fbm-orion-v2 .dashboard-section-head h5{
margin:0!important;
color:#101828!important;
font-size:22px!important;
font-weight:600!important;
letter-spacing:-.04em!important;
}
body.fbm-orion-v2 .dashboard-section-head p{
margin:5px 0 0!important;
color:#667085!important;
font-size:13px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .notice-counter{
display:inline-flex!important;
align-items:center!important;
min-height:34px!important;
padding:7px 12px!important;
border-radius:999px!important;
background:#f8fafc!important;
border:1px solid var(--fbm-line)!important;
color:#475467!important;
font-size:12px!important;
font-weight:600!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .notice-feed{
display:grid!important;
gap:11px!important;
}
body.fbm-orion-v2 .notice-item{
display:flex!important;
gap:13px!important;
align-items:flex-start!important;
padding:15px 16px!important;
border-radius:18px!important;
background:linear-gradient(180deg,#fff,#fbfdff)!important;
border:1px solid var(--fbm-line)!important;
box-shadow:0 8px 22px rgba(16,24,40,.045)!important;
}
body.fbm-orion-v2 .notice-icon{
width:38px!important;
height:38px!important;
border-radius:14px!important;
flex:0 0 38px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#eff6ff!important;
color:var(--fbm-primary)!important;
border:1px solid #b2ddff!important;
font-size:17px!important;
}
body.fbm-orion-v2 .notice-warning .notice-icon{background:#fffaeb!important;color:#dc6803!important;border-color:#fedf89!important;}
body.fbm-orion-v2 .notice-danger .notice-icon{background:#fff1f3!important;color:#d92d20!important;border-color:#fecdca!important;}
body.fbm-orion-v2 .notice-content{flex:1!important;min-width:0!important;}
body.fbm-orion-v2 .notice-title-row{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
margin-bottom:5px!important;
}
body.fbm-orion-v2 .notice-title{
color:#101828!important;
font-size:13px!important;
font-weight:600!important;
letter-spacing:-.02em!important;
}
body.fbm-orion-v2 .notice-time{
color:#98a2b3!important;
font-size:11.5px!important;
font-weight:500!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .notice-body{
color:#344054!important;
font-size:13.2px!important;
font-weight:500!important;
line-height:1.65!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .notice-empty{
min-height:110px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
border:1px dashed #cbd5e1!important;
border-radius:20px!important;
color:#667085!important;
background:#f8fafc!important;
text-align:center!important;
padding:18px!important;
}
body.fbm-orion-v2 .notice-empty i{font-size:24px!important;color:#98a2b3!important;margin-bottom:4px!important;}
body.fbm-orion-v2 .notice-empty strong{font-size:14px!important;color:#344054!important;font-weight:600!important;}
body.fbm-orion-v2 .notice-empty span{font-size:12.8px!important;color:#667085!important;}
body.fbm-orion-v2 .notice-skeleton{
height:74px!important;
border-radius:18px!important;
background:linear-gradient(90deg,#f2f4f7,#ffffff,#f2f4f7)!important;
background-size:220% 100%!important;
animation:fbmSkeleton 1.1s linear infinite!important;
border:1px solid var(--fbm-line)!important;
}
body.fbm-orion-v2 .notice-skeleton.short{height:58px!important;opacity:.72!important;}
@keyframes fbmSkeleton{0%{background-position:0 0}100%{background-position:-220% 0}}
body.fbm-orion-v2 .dashboard-store-card .card-body{padding:24px!important;}
body.fbm-orion-v2 .store-kicker{
font-size:11px!important;
font-weight:600!important;
letter-spacing:.12em!important;
color:var(--fbm-primary)!important;
text-transform:uppercase!important;
margin-bottom:6px!important;
}
body.fbm-orion-v2 .store-heading{
margin:0!important;
font-size:26px!important;
font-weight:600!important;
letter-spacing:-.045em!important;
color:#101828!important;
}
body.fbm-orion-v2 .store-subtitle{
margin-top:5px!important;
color:#667085!important;
font-size:13px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .store-summary-row{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:13px!important;
margin:0 0 18px!important;
}
body.fbm-orion-v2 .store-summary-item{
border:1px solid var(--fbm-line)!important;
background:#f8fafc!important;
border-radius:18px!important;
padding:15px 16px!important;
}
body.fbm-orion-v2 .store-summary-label{
display:block!important;
color:#667085!important;
font-size:11.5px!important;
font-weight:500!important;
margin-bottom:5px!important;
}
body.fbm-orion-v2 .store-summary-item strong{
display:block!important;
color:#101828!important;
font-size:20px!important;
font-weight:600!important;
letter-spacing:-.04em!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .dashboard-section-head{flex-direction:column!important;gap:10px!important;}
body.fbm-orion-v2 .notice-counter{align-self:flex-start!important;}
body.fbm-orion-v2 .notice-title-row{align-items:flex-start!important;flex-direction:column!important;gap:2px!important;}
body.fbm-orion-v2 .store-toolbar{flex-direction:column!important;align-items:stretch!important;}
body.fbm-orion-v2 .store-search-box{min-width:0!important;width:100%!important;}
body.fbm-orion-v2 .store-summary-row{grid-template-columns:1fr!important;}
body.fbm-orion-v2 .dashboard-store-card .card-body{padding:18px!important;}
}
/* Hotfix19: UI core refinement - notice scroll, service separation, softer navigation */
body.fbm-orion-v2{
--fbm-primary:#2563eb;
--fbm-primary-dark:#1d4ed8;
--fbm-primary-soft:#eef6ff;
--fbm-sidebar:#0b1220;
--fbm-sidebar-2:#101827;
--fbm-sidebar-muted:#94a3b8;
--fbm-sidebar-line:rgba(148,163,184,.18);
--fbm-soft-line:#e6edf6;
--fbm-section-line:#edf2f8;
--fbm-nav-active:linear-gradient(135deg,#2f80ed,#12b3e8);
}
/* Softer, more modern side navigation */
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 .app-side.fixed{
background:
radial-gradient(circle at 18% 4%, rgba(59,130,246,.24), transparent 190px),
linear-gradient(180deg,#0d1728 0%, #08111f 100%)!important;
border-right:1px solid rgba(148,163,184,.16)!important;
box-shadow:18px 0 44px rgba(2,6,23,.22)!important;
}
body.fbm-orion-v2 .user-profile{
background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(37,99,235,0))!important;
border-bottom:1px solid rgba(148,163,184,.16)!important;
}
body.fbm-orion-v2 .profile-thumb{
border-radius:24px!important;
border:2px solid rgba(255,255,255,.68)!important;
box-shadow:0 18px 42px rgba(37,99,235,.20)!important;
}
body.fbm-orion-v2 .profile-name{
font-weight:600!important;
letter-spacing:-.015em!important;
}
body.fbm-orion-v2 .profile-name::after,
body.fbm-orion-v2 .fbm-admin-subtitle{
color:#a7d8ff!important;
font-weight:500!important;
}
body.fbm-orion-v2 ul.profile-actions a{
background:rgba(255,255,255,.075)!important;
border:1px solid rgba(255,255,255,.10)!important;
color:#c9d5e5!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.fbm-orion-v2 ul.profile-actions a:hover{
background:rgba(37,99,235,.32)!important;
color:#fff!important;
transform:translateY(-1px)!important;
}
body.fbm-orion-v2 .unifyMenu>li.menu-header{
border-top:1px solid rgba(148,163,184,.20)!important;
margin:14px 0 7px!important;
padding:14px 12px 6px!important;
}
body.fbm-orion-v2 .unifyMenu>li.menu-header hr{
border-top:1px solid rgba(148,163,184,.22)!important;
margin:0!important;
}
body.fbm-orion-v2 .unifyMenu>li>a,
body.fbm-orion-v2 .side-nav .unifyMenu a{
min-height:46px!important;
border-radius:16px!important;
padding:0 13px!important;
gap:13px!important;
color:#d7dee9!important;
font-size:13px!important;
font-weight:500!important;
letter-spacing:-.018em!important;
}
body.fbm-orion-v2 .unifyMenu>li>a .has-icon{
width:30px!important;
min-width:30px!important;
height:30px!important;
border-radius:12px!important;
background:rgba(255,255,255,.055)!important;
color:#9fb0c7!important;
transition:.16s ease!important;
}
body.fbm-orion-v2 .unifyMenu>li>a .has-icon i{
font-size:14px!important;
line-height:1!important;
}
body.fbm-orion-v2 .unifyMenu>li>a:hover{
background:rgba(255,255,255,.075)!important;
border-color:rgba(255,255,255,.08)!important;
color:#fff!important;
}
body.fbm-orion-v2 .unifyMenu>li>a:hover .has-icon{
background:rgba(255,255,255,.12)!important;
color:#eaf4ff!important;
}
body.fbm-orion-v2 .unifyMenu>li.selected>a,
body.fbm-orion-v2 .unifyMenu>li.active>a,
body.fbm-orion-v2 .unifyMenu>li>a.active{
background:var(--fbm-nav-active)!important;
color:#fff!important;
border-color:rgba(255,255,255,.18)!important;
box-shadow:0 14px 34px rgba(37,99,235,.30)!important;
}
body.fbm-orion-v2 .unifyMenu>li.selected>a .has-icon,
body.fbm-orion-v2 .unifyMenu>li.active>a .has-icon,
body.fbm-orion-v2 .unifyMenu>li>a.active .has-icon{
background:rgba(255,255,255,.18)!important;
color:#fff!important;
}
/* Modern badge system - softer and less heavy */
body.fbm-orion-v2 .badge,
body.fbm-orion-v2 .label,
body.fbm-orion-v2 .lbl,
body.fbm-orion-v2 .product-status,
body.fbm-orion-v2 .product-geo,
body.fbm-orion-v2 .product-id,
body.fbm-orion-v2 .db-status-ok,
body.fbm-orion-v2 .db-ok,
body.fbm-orion-v2 .db-status-error,
body.fbm-orion-v2 .db-error{
font-weight:500!important;
letter-spacing:-.015em!important;
border-radius:999px!important;
}
body.fbm-orion-v2 .btn-sm,
body.fbm-orion-v2 .table .btn{
font-weight:500!important;
letter-spacing:-.02em!important;
}
/* Notice panel: fixed visual height + internal scroll so it never pushes products too far */
body.fbm-orion-v2 .dashboard-notice-card{
border:1.5px solid #b9d5ff!important;
box-shadow:0 20px 56px rgba(37,99,235,.10)!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
body.fbm-orion-v2 .dashboard-notice-card .card-body{
padding:22px 22px 20px!important;
}
body.fbm-orion-v2 .dashboard-section-head{
padding-bottom:15px!important;
margin-bottom:14px!important;
border-bottom:1px solid #e6eef8!important;
}
body.fbm-orion-v2 .dashboard-kicker,
body.fbm-orion-v2 .store-kicker{
font-weight:600!important;
letter-spacing:.105em!important;
}
body.fbm-orion-v2 .dashboard-section-head h5,
body.fbm-orion-v2 .store-heading{
font-weight:600!important;
}
body.fbm-orion-v2 .notice-counter{
background:#eff6ff!important;
border-color:#b9d5ff!important;
color:#1d4ed8!important;
font-weight:500!important;
}
body.fbm-orion-v2 .notice-feed{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
max-height:clamp(170px, 27vh, 320px)!important;
overflow-y:auto!important;
padding:2px 7px 2px 2px!important;
overscroll-behavior:contain!important;
}
body.fbm-orion-v2 .notice-feed::-webkit-scrollbar{width:7px!important;}
body.fbm-orion-v2 .notice-feed::-webkit-scrollbar-track{background:#f2f6fb!important;border-radius:999px!important;}
body.fbm-orion-v2 .notice-feed::-webkit-scrollbar-thumb{background:#c4d7ee!important;border-radius:999px!important;}
body.fbm-orion-v2 .notice-item{
border:1px solid #d9e6f5!important;
background:#fff!important;
border-radius:18px!important;
box-shadow:0 8px 20px rgba(16,24,40,.035)!important;
}
body.fbm-orion-v2 .notice-item:hover{
border-color:#b9d5ff!important;
box-shadow:0 12px 28px rgba(37,99,235,.07)!important;
}
body.fbm-orion-v2 .notice-title{font-weight:600!important;}
body.fbm-orion-v2 .notice-body{font-weight:400!important;color:#3b4758!important;}
/* Service/product panel line system - shared UI core for all product/service boxes */
body.fbm-orion-v2 .dashboard-store-card{
border-color:#d7e4f2!important;
box-shadow:0 18px 52px rgba(16,24,40,.08)!important;
}
body.fbm-orion-v2 .dashboard-store-card .card-body{
padding:24px!important;
}
body.fbm-orion-v2 .store-toolbar{
padding-bottom:18px!important;
margin-bottom:18px!important;
border-bottom:1px solid var(--fbm-section-line)!important;
}
body.fbm-orion-v2 .store-summary-row{
padding-bottom:18px!important;
margin-bottom:22px!important;
border-bottom:1px solid var(--fbm-section-line)!important;
}
body.fbm-orion-v2 .store-summary-item{
background:linear-gradient(180deg,#fbfdff,#f7faff)!important;
border-color:#dbe7f5!important;
}
body.fbm-orion-v2 .product-grid{
gap:20px!important;
}
body.fbm-orion-v2 .product-card{
border-color:#d7e4f2!important;
box-shadow:0 14px 34px rgba(16,24,40,.07)!important;
background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
}
body.fbm-orion-v2 .product-card:hover{
border-color:#9ec5fe!important;
box-shadow:0 22px 48px rgba(37,99,235,.12)!important;
}
body.fbm-orion-v2 .product-card-top,
body.fbm-orion-v2 .product-desc,
body.fbm-orion-v2 .product-price-row,
body.fbm-orion-v2 .product-stock,
body.fbm-orion-v2 .product-metrics{
position:relative!important;
}
body.fbm-orion-v2 .product-desc,
body.fbm-orion-v2 .product-price-row,
body.fbm-orion-v2 .product-stock,
body.fbm-orion-v2 .product-metrics{
padding-top:14px!important;
margin-top:14px!important;
border-top:1px solid var(--fbm-section-line)!important;
}
body.fbm-orion-v2 .product-desc{
min-height:auto!important;
padding-bottom:0!important;
margin-bottom:0!important;
}
body.fbm-orion-v2 .product-price-row{
margin-bottom:0!important;
}
body.fbm-orion-v2 .product-stock-head{
margin-bottom:9px!important;
}
body.fbm-orion-v2 .product-metrics{
margin-bottom:16px!important;
}
body.fbm-orion-v2 .product-metric{
border-color:#dfe8f3!important;
background:#f8fbff!important;
}
body.fbm-orion-v2 .product-action{
padding-top:16px!important;
border-top:1px solid var(--fbm-section-line)!important;
}
body.fbm-orion-v2 .product-title{font-weight:600!important;}
body.fbm-orion-v2 .product-price{font-weight:600!important;}
body.fbm-orion-v2 .product-action .btn{font-weight:600!important;}
@media (max-width:768px){
body.fbm-orion-v2 .dashboard-notice-card .card-body{padding:18px!important;}
body.fbm-orion-v2 .notice-feed{max-height:clamp(150px, 25vh, 260px)!important;padding-right:5px!important;}
body.fbm-orion-v2 .store-toolbar,
body.fbm-orion-v2 .store-summary-row{padding-bottom:14px!important;margin-bottom:16px!important;}
}
/* Hotfix20: compact dashboard headers - focus on important content */
body.fbm-orion-v2 .dashboard-section-head.is-compact,
body.fbm-orion-v2 .store-toolbar.is-compact{
align-items:center!important;
min-height:42px!important;
padding-bottom:12px!important;
margin-bottom:14px!important;
}
body.fbm-orion-v2 .dashboard-title-row,
body.fbm-orion-v2 .store-title-row{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
}
body.fbm-orion-v2 .dashboard-section-head.is-compact .dashboard-kicker,
body.fbm-orion-v2 .store-toolbar.is-compact .store-kicker{
margin:0!important;
font-size:14px!important;
line-height:1.25!important;
letter-spacing:.035em!important;
font-weight:600!important;
color:#0f172a!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .dashboard-section-head.is-compact .notice-counter{
min-height:30px!important;
padding:5px 11px!important;
}
body.fbm-orion-v2 .store-toolbar.is-compact .store-search-box{
margin-left:auto!important;
}
body.fbm-orion-v2 .dashboard-section-head.is-compact h5,
body.fbm-orion-v2 .dashboard-section-head.is-compact p,
body.fbm-orion-v2 .store-toolbar.is-compact .store-heading,
body.fbm-orion-v2 .store-toolbar.is-compact .store-subtitle{
display:none!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .dashboard-section-head.is-compact,
body.fbm-orion-v2 .store-toolbar.is-compact{
align-items:stretch!important;
gap:10px!important;
}
body.fbm-orion-v2 .store-toolbar.is-compact .store-search-box{
margin-left:0!important;
}
}
/* Hotfix21: Core metric pills + compact dashboard flow
Generic components are scoped here so future pages can reuse them instead of patching per-page UI. */
body.fbm-orion-v2 .dashboard-home{
padding-top:28px!important;
}
body.fbm-orion-v2 .fbm-metric-strip{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
padding-bottom:18px!important;
margin:0 0 22px!important;
border-bottom:1px solid var(--fbm-section-line)!important;
}
body.fbm-orion-v2 .fbm-metric-pill{
position:relative!important;
display:flex!important;
align-items:center!important;
gap:13px!important;
min-height:76px!important;
padding:15px 16px!important;
border:1px solid #d7e4f2!important;
border-radius:20px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 8px 22px rgba(16,24,40,.045)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-metric-pill::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:4px;
border-radius:999px;
background:#94a3b8;
}
body.fbm-orion-v2 .fbm-metric-icon{
width:38px!important;
height:38px!important;
flex:0 0 38px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:14px!important;
font-size:16px!important;
border:1px solid transparent!important;
}
body.fbm-orion-v2 .fbm-metric-body{min-width:0!important;}
body.fbm-orion-v2 .fbm-metric-label{
display:block!important;
margin:0 0 4px!important;
font-size:11.5px!important;
line-height:1.2!important;
color:#64748b!important;
font-weight:500!important;
letter-spacing:-.01em!important;
}
body.fbm-orion-v2 .fbm-metric-value{
display:block!important;
margin:0!important;
color:#0f172a!important;
font-size:23px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:-.045em!important;
}
body.fbm-orion-v2 .fbm-metric-pill.is-info{
border-color:#bfdbfe!important;
background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%)!important;
}
body.fbm-orion-v2 .fbm-metric-pill.is-info::before{background:linear-gradient(180deg,#2563eb,#0ea5e9)!important;}
body.fbm-orion-v2 .fbm-metric-pill.is-info .fbm-metric-icon{background:#dbeafe!important;color:#1d4ed8!important;border-color:#bfdbfe!important;}
body.fbm-orion-v2 .fbm-metric-pill.is-success{
border-color:#bbf7d0!important;
background:linear-gradient(180deg,#ffffff 0%,#f0fdf4 100%)!important;
}
body.fbm-orion-v2 .fbm-metric-pill.is-success::before{background:linear-gradient(180deg,#16a34a,#14b8a6)!important;}
body.fbm-orion-v2 .fbm-metric-pill.is-success .fbm-metric-icon{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important;}
body.fbm-orion-v2 .fbm-metric-pill.is-warning{
border-color:#fed7aa!important;
background:linear-gradient(180deg,#ffffff 0%,#fff7ed 100%)!important;
}
body.fbm-orion-v2 .fbm-metric-pill.is-warning::before{background:linear-gradient(180deg,#f97316,#f59e0b)!important;}
body.fbm-orion-v2 .fbm-metric-pill.is-warning .fbm-metric-icon{background:#ffedd5!important;color:#c2410c!important;border-color:#fed7aa!important;}
/* Backward compatibility: old store summary classes inherit the metric system when used together. */
body.fbm-orion-v2 .fbm-metric-strip.store-summary-row{
grid-template-columns:repeat(3,minmax(160px,1fr))!important;
}
body.fbm-orion-v2 .fbm-metric-strip .store-summary-item{
padding:15px 16px!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-metric-strip .store-summary-label,
body.fbm-orion-v2 .fbm-metric-strip .store-summary-item strong{
margin:0!important;
}
@media (max-width:991px){
body.fbm-orion-v2 .dashboard-home{padding-top:20px!important;}
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-metric-strip,
body.fbm-orion-v2 .fbm-metric-strip.store-summary-row{
grid-template-columns:1fr!important;
gap:10px!important;
padding-bottom:14px!important;
margin-bottom:16px!important;
}
body.fbm-orion-v2 .fbm-metric-pill{
min-height:68px!important;
border-radius:18px!important;
padding:13px 14px!important;
}
body.fbm-orion-v2 .fbm-metric-icon{
width:34px!important;
height:34px!important;
flex-basis:34px!important;
border-radius:12px!important;
}
body.fbm-orion-v2 .fbm-metric-value{font-size:21px!important;}
}
/* Hotfix23: Commerce Tile Card - stronger product hierarchy
Core UI component. This replaces the previous flat card treatment with
an outlined + elevated commerce tile that separates product identity,
price, stock, metrics and CTA. */
:root{
--fbm-commerce-card-border:#a9c7ec;
--fbm-commerce-card-border-soft:#dbe7f6;
--fbm-commerce-available:#17b26a;
--fbm-commerce-soldout:#f04438;
--fbm-commerce-blue:#1570ef;
--fbm-commerce-ink:#101828;
--fbm-commerce-muted:#667085;
--fbm-commerce-soft:#f7faff;
--fbm-commerce-panel:#f8fbff;
}
body.fbm-orion-v2 .product-grid{
gap:24px!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .product-card{
position:relative!important;
display:flex!important;
flex-direction:column!important;
min-height:100%!important;
padding:0!important;
overflow:hidden!important;
border:1px solid var(--fbm-commerce-card-border)!important;
border-radius:26px!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
box-shadow:
0 0 0 4px rgba(21,112,239,.035),
0 2px 5px rgba(16,24,40,.055),
0 22px 55px rgba(16,24,40,.105)!important;
transform:none!important;
isolation:isolate!important;
}
body.fbm-orion-v2 .product-card:hover{
transform:translateY(-4px)!important;
border-color:#7cb4f8!important;
box-shadow:
0 0 0 5px rgba(21,112,239,.07),
0 8px 22px rgba(16,24,40,.08),
0 32px 78px rgba(21,112,239,.17)!important;
}
body.fbm-orion-v2 .product-card::before{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
top:0!important;
height:6px!important;
border-radius:0!important;
background:linear-gradient(90deg,#1570ef 0%,#14b8a6 48%,#22c55e 100%)!important;
z-index:2!important;
}
body.fbm-orion-v2 .product-card::after{
content:""!important;
position:absolute!important;
left:0!important;
top:6px!important;
bottom:0!important;
width:4px!important;
background:linear-gradient(180deg,rgba(21,112,239,.85),rgba(20,184,166,.32),rgba(34,197,94,.18))!important;
z-index:1!important;
}
body.fbm-orion-v2 .product-card.is-empty{
border-color:#d5dce8!important;
box-shadow:
0 0 0 4px rgba(152,162,179,.035),
0 2px 5px rgba(16,24,40,.045),
0 18px 44px rgba(16,24,40,.075)!important;
}
body.fbm-orion-v2 .product-card.is-empty::before{
background:linear-gradient(90deg,#f04438 0%,#f97316 100%)!important;
}
body.fbm-orion-v2 .product-card.is-empty::after{
background:linear-gradient(180deg,rgba(240,68,56,.72),rgba(249,115,22,.18))!important;
}
body.fbm-orion-v2 .product-card-top{
position:relative!important;
margin:0!important;
padding:22px 22px 17px!important;
display:flex!important;
align-items:flex-start!important;
gap:13px!important;
background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%)!important;
border-bottom:1px solid #dfeaf7!important;
z-index:3!important;
}
body.fbm-orion-v2 .product-icon{
flex:0 0 auto!important;
width:56px!important;
height:56px!important;
border-radius:18px!important;
background:linear-gradient(180deg,#eef7ff 0%,#dff0ff 100%)!important;
border:1px solid #a9d4ff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(21,112,239,.14)!important;
}
body.fbm-orion-v2 .product-icon img{width:32px!important;height:32px!important;}
body.fbm-orion-v2 .product-title-wrap{min-width:0!important;flex:1!important;}
body.fbm-orion-v2 .product-title{
font-size:18px!important;
line-height:1.22!important;
font-weight:600!important;
letter-spacing:-.03em!important;
color:#142033!important;
margin:1px 0 8px!important;
}
body.fbm-orion-v2 .product-id{
display:inline-flex!important;
max-width:100%!important;
border:1px solid #dbe4ef!important;
background:#eef3f9!important;
color:#667085!important;
border-radius:999px!important;
padding:4px 9px!important;
font-size:11px!important;
font-weight:500!important;
line-height:1!important;
}
body.fbm-orion-v2 .product-geo{
flex:0 0 auto!important;
border-radius:999px!important;
padding:7px 10px!important;
border:1px solid #8ee8f5!important;
background:linear-gradient(180deg,#ecfeff,#cffafe)!important;
color:#075985!important;
font-size:11px!important;
font-weight:600!important;
box-shadow:0 7px 16px rgba(6,182,212,.12)!important;
}
body.fbm-orion-v2 .product-desc{
margin:0!important;
padding:16px 22px!important;
min-height:56px!important;
color:#667085!important;
background:#fff!important;
border-bottom:1px solid #e8eef6!important;
font-size:13px!important;
line-height:1.55!important;
z-index:2!important;
}
body.fbm-orion-v2 .product-desc ul{margin:0!important;padding-left:0!important;list-style:none!important;}
body.fbm-orion-v2 .product-desc li{position:relative!important;padding-left:13px!important;margin:2px 0!important;}
body.fbm-orion-v2 .product-desc li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:#93a4b8;}
body.fbm-orion-v2 .product-desc .text-muted{color:#98a2b3!important;font-weight:400!important;}
body.fbm-orion-v2 .product-price-row{
margin:18px 22px 0!important;
padding:17px 18px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
border:1px solid #cfe0f4!important;
border-radius:20px!important;
background:
radial-gradient(circle at 0 0,rgba(21,112,239,.10),transparent 38%),
linear-gradient(180deg,#f9fcff 0%,#f0f6ff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(16,24,40,.04)!important;
}
body.fbm-orion-v2 .product-price-row span:first-child{
display:block!important;
font-size:11px!important;
font-weight:500!important;
color:#61738b!important;
margin-bottom:6px!important;
}
body.fbm-orion-v2 .product-price{
display:block!important;
font-size:25px!important;
line-height:1.03!important;
font-weight:700!important;
color:#0b1220!important;
letter-spacing:-.055em!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .product-status{
align-self:center!important;
border-radius:999px!important;
padding:8px 12px!important;
font-size:11.5px!important;
font-weight:500!important;
white-space:nowrap!important;
box-shadow:0 9px 20px rgba(16,24,40,.07)!important;
}
body.fbm-orion-v2 .product-status.is-available{
color:#067647!important;
background:#dcfae6!important;
border:1px solid #75e0a7!important;
}
body.fbm-orion-v2 .product-status.is-empty{
color:#b42318!important;
background:#fee4e2!important;
border:1px solid #fda29b!important;
}
body.fbm-orion-v2 .product-stock{
margin:14px 22px 0!important;
padding:15px 16px!important;
border:1px solid #d8e5f4!important;
border-radius:20px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
body.fbm-orion-v2 .product-stock-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
margin-bottom:11px!important;
font-size:12px!important;
color:#667085!important;
}
body.fbm-orion-v2 .product-stock-head span{font-weight:500!important;}
body.fbm-orion-v2 .product-stock-head strong{font-weight:600!important;color:#26364f!important;}
body.fbm-orion-v2 .product-stock-bar{
height:10px!important;
border-radius:999px!important;
background:#e8eef6!important;
box-shadow:inset 0 1px 3px rgba(16,24,40,.12)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .product-stock-bar span{
display:block!important;
height:100%!important;
border-radius:inherit!important;
background:linear-gradient(90deg,#16c784 0%,#0ea5e9 100%)!important;
box-shadow:0 0 0 1px rgba(255,255,255,.42) inset,0 5px 16px rgba(14,165,233,.24)!important;
}
body.fbm-orion-v2 .product-card.is-empty .product-stock-bar span{
background:linear-gradient(90deg,#cbd5e1,#94a3b8)!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .product-metrics{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
margin:14px 22px 0!important;
padding:0!important;
border-top:0!important;
}
body.fbm-orion-v2 .product-metric{
min-height:66px!important;
border:1px solid #d7e4f4!important;
border-radius:18px!important;
padding:13px 14px!important;
background:linear-gradient(180deg,#fbfdff 0%,#f2f7fd 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
}
body.fbm-orion-v2 .product-metric span{
display:block!important;
font-size:11px!important;
line-height:1!important;
margin-bottom:7px!important;
color:#667085!important;
font-weight:500!important;
}
body.fbm-orion-v2 .product-metric strong{
display:block!important;
font-size:14px!important;
line-height:1.25!important;
color:#182230!important;
font-weight:600!important;
letter-spacing:-.02em!important;
}
body.fbm-orion-v2 .product-action{
margin-top:auto!important;
padding:18px 22px 22px!important;
border-top:0!important;
}
body.fbm-orion-v2 .product-action .btn{
min-height:50px!important;
border-radius:18px!important;
font-size:14px!important;
font-weight:600!important;
letter-spacing:.005em!important;
transition:.18s ease!important;
}
body.fbm-orion-v2 .product-action .btn-success{
background:linear-gradient(180deg,#1fc77c 0%,#12a85f 100%)!important;
border-color:#0f9958!important;
box-shadow:0 13px 24px rgba(23,178,106,.23)!important;
}
body.fbm-orion-v2 .product-action .btn-success:hover{
transform:translateY(-1px)!important;
box-shadow:0 18px 30px rgba(23,178,106,.29)!important;
}
body.fbm-orion-v2 .product-action .btn-dark{
background:#f3f6fa!important;
border-color:#d4dde9!important;
color:#7a8798!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
body.fbm-orion-v2 .product-card.is-empty .product-icon{
background:linear-gradient(180deg,#f4f6f9,#eef2f7)!important;
border-color:#ccd5e1!important;
filter:grayscale(.12)!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .product-card{border-radius:23px!important;}
body.fbm-orion-v2 .product-card-top{padding:20px 18px 15px!important;}
body.fbm-orion-v2 .product-desc{padding:15px 18px!important;}
body.fbm-orion-v2 .product-price-row,
body.fbm-orion-v2 .product-stock,
body.fbm-orion-v2 .product-metrics{margin-left:18px!important;margin-right:18px!important;}
body.fbm-orion-v2 .product-action{padding:16px 18px 20px!important;}
}
@media (max-width:420px){
body.fbm-orion-v2 .product-metrics{grid-template-columns:1fr!important;}
body.fbm-orion-v2 .product-price-row{align-items:flex-start!important;flex-direction:column!important;}
body.fbm-orion-v2 .product-price{font-size:23px!important;}
}
/* HOTFIX24: Product description guard - core component
Long service descriptions should not stretch product cards and break the grid. */
body.fbm-orion-v2 .product-desc{
min-height:54px!important;
max-height:88px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
scrollbar-width:thin!important;
scrollbar-color:#b8c7da transparent!important;
padding-right:18px!important;
}
body.fbm-orion-v2 .product-desc::-webkit-scrollbar{width:6px!important;}
body.fbm-orion-v2 .product-desc::-webkit-scrollbar-track{background:transparent!important;}
body.fbm-orion-v2 .product-desc::-webkit-scrollbar-thumb{background:#c4d0df!important;border-radius:999px!important;}
body.fbm-orion-v2 .product-desc::-webkit-scrollbar-thumb:hover{background:#9fb0c4!important;}
body.fbm-orion-v2 .product-desc li{line-height:1.45!important;margin:3px 0!important;}
body.fbm-orion-v2 .product-desc .text-muted{display:block!important;line-height:1.45!important;}
@media (max-width:768px){
body.fbm-orion-v2 .product-desc{max-height:78px!important;min-height:48px!important;}
}
/* Hotfix25: Core sidebar menu redesign - softer color, no double dividers, no wrapping */
body.fbm-orion-v2{
--fbm-sidebar:#071120;
--fbm-sidebar-2:#0d1a2e;
--fbm-sidebar-3:#10233d;
--fbm-sidebar-text:#d9e4f2;
--fbm-sidebar-muted:#9eb0c7;
--fbm-sidebar-line:rgba(157,176,205,.14);
--fbm-menu-accent:#38bdf8;
--fbm-menu-accent-2:#2563eb;
--fbm-menu-active-bg:linear-gradient(135deg,rgba(37,99,235,.95),rgba(14,165,233,.92));
}
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 .app-side.fixed{
background:
radial-gradient(circle at 20% 0%, rgba(56,189,248,.17), transparent 190px),
radial-gradient(circle at 95% 35%, rgba(37,99,235,.12), transparent 220px),
linear-gradient(180deg,var(--fbm-sidebar-2) 0%, var(--fbm-sidebar) 72%, #050b16 100%) !important;
border-right:1px solid rgba(148,163,184,.13)!important;
box-shadow:16px 0 42px rgba(2,8,23,.24)!important;
}
body.fbm-orion-v2 .user-profile{
background:
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0)),
linear-gradient(180deg,rgba(56,189,248,.10),rgba(37,99,235,0)) !important;
border-bottom:1px solid rgba(157,176,205,.14)!important;
}
body.fbm-orion-v2 .profile-thumb{
border-radius:22px!important;
border:1px solid rgba(255,255,255,.70)!important;
box-shadow:0 16px 38px rgba(15,23,42,.22), 0 0 0 6px rgba(255,255,255,.055)!important;
}
body.fbm-orion-v2 .profile-name{
color:#f8fbff!important;
font-size:13px!important;
font-weight:600!important;
letter-spacing:-.025em!important;
}
body.fbm-orion-v2 .profile-name::after,
body.fbm-orion-v2 .fbm-admin-subtitle{
color:#9bdcff!important;
font-size:11px!important;
font-weight:500!important;
letter-spacing:-.015em!important;
}
body.fbm-orion-v2 ul.profile-actions{
gap:9px!important;
}
body.fbm-orion-v2 ul.profile-actions a{
width:38px!important;
height:38px!important;
border-radius:15px!important;
background:rgba(255,255,255,.075)!important;
border:1px solid rgba(255,255,255,.095)!important;
color:#d8e7f7!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.11)!important;
}
body.fbm-orion-v2 ul.profile-actions a:hover{
background:rgba(56,189,248,.17)!important;
border-color:rgba(125,211,252,.28)!important;
color:#fff!important;
}
/* one clean divider only; inner
hidden to avoid double lines */
body.fbm-orion-v2 .unifyMenu>li.menu-header{
height:1px!important;
min-height:1px!important;
margin:14px 10px!important;
padding:0!important;
border-top:1px solid rgba(157,176,205,.18)!important;
background:transparent!important;
}
body.fbm-orion-v2 .unifyMenu>li.menu-header hr,
body.fbm-orion-v2 .unifyMenu>li.menu-header span{
display:none!important;
}
body.fbm-orion-v2 .unifyMenu>li{
margin:4px 0!important;
}
body.fbm-orion-v2 .unifyMenu>li>a,
body.fbm-orion-v2 .side-nav .unifyMenu a{
position:relative!important;
min-height:44px!important;
border-radius:16px!important;
padding:0 12px!important;
gap:11px!important;
color:var(--fbm-sidebar-text)!important;
border:1px solid transparent!important;
background:transparent!important;
font-size:12.7px!important;
font-weight:500!important;
letter-spacing:-.03em!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .unifyMenu>li>a .nav-title,
body.fbm-orion-v2 .side-nav .unifyMenu a .nav-title{
display:block!important;
flex:1 1 auto!important;
min-width:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
line-height:1!important;
}
body.fbm-orion-v2 .unifyMenu>li>a .has-icon{
width:32px!important;
min-width:32px!important;
height:32px!important;
border-radius:14px!important;
background:rgba(255,255,255,.065)!important;
border:1px solid rgba(255,255,255,.055)!important;
color:#a9bdd4!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.fbm-orion-v2 .unifyMenu>li>a .has-icon i{
font-size:14px!important;
}
body.fbm-orion-v2 .unifyMenu>li>a::before{
content:""!important;
position:absolute!important;
left:4px!important;
top:12px!important;
bottom:12px!important;
width:3px!important;
border-radius:999px!important;
background:transparent!important;
transition:.18s ease!important;
}
body.fbm-orion-v2 .unifyMenu>li>a:hover{
background:rgba(255,255,255,.064)!important;
border-color:rgba(255,255,255,.075)!important;
color:#fff!important;
}
body.fbm-orion-v2 .unifyMenu>li>a:hover .has-icon{
background:rgba(255,255,255,.12)!important;
color:#eaf7ff!important;
}
body.fbm-orion-v2 .unifyMenu>li.selected>a,
body.fbm-orion-v2 .unifyMenu>li.active>a,
body.fbm-orion-v2 .unifyMenu>li>a.active{
background:var(--fbm-menu-active-bg)!important;
color:#fff!important;
border-color:rgba(255,255,255,.16)!important;
box-shadow:0 12px 28px rgba(37,99,235,.26)!important;
}
body.fbm-orion-v2 .unifyMenu>li.selected>a::before,
body.fbm-orion-v2 .unifyMenu>li.active>a::before,
body.fbm-orion-v2 .unifyMenu>li>a.active::before{
background:rgba(255,255,255,.90)!important;
}
body.fbm-orion-v2 .unifyMenu>li.selected>a .has-icon,
body.fbm-orion-v2 .unifyMenu>li.active>a .has-icon,
body.fbm-orion-v2 .unifyMenu>li>a.active .has-icon{
background:rgba(255,255,255,.18)!important;
border-color:rgba(255,255,255,.16)!important;
color:#fff!important;
}
/* slightly tighter user sidebar labels so long items never wrap */
body.fbm-orion-v2 .app-side .unifyMenu>li>a .nav-title{
max-width:100%!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .unifyMenu>li>a,
body.fbm-orion-v2 .side-nav .unifyMenu a{
min-height:46px!important;
font-size:12.8px!important;
}
body.fbm-orion-v2 .unifyMenu>li.menu-header{
margin:12px 10px!important;
}
}
/* HOTFIX26: Commerce Tile Card visual refinement - stronger surface hierarchy
Goal: make product cards easier to scan by separating the card from the page,
adding a clearer state rail, and giving inner panels a soft surface tone. */
body.fbm-orion-v2 .product-card{
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
border:1px solid #c9d9ec!important;
box-shadow:
0 1px 2px rgba(16,24,40,.045),
0 10px 24px rgba(16,24,40,.065),
0 24px 56px rgba(16,24,40,.085)!important;
}
body.fbm-orion-v2 .product-card:hover{
border-color:#9fc4f4!important;
box-shadow:
0 2px 5px rgba(16,24,40,.055),
0 16px 32px rgba(16,24,40,.085),
0 30px 72px rgba(21,112,239,.11)!important;
}
body.fbm-orion-v2 .product-card::before{
height:5px!important;
background:linear-gradient(90deg,#1d6ff2 0%,#14b8a6 100%)!important;
}
body.fbm-orion-v2 .product-card::after{
width:5px!important;
top:5px!important;
background:linear-gradient(180deg,rgba(29,111,242,.82),rgba(20,184,166,.22))!important;
}
body.fbm-orion-v2 .product-card.is-empty{
background:linear-gradient(180deg,#fffefe 0%,#fff7f5 100%)!important;
border-color:#f3cbc5!important;
box-shadow:
0 1px 2px rgba(16,24,40,.035),
0 10px 22px rgba(16,24,40,.06),
0 22px 48px rgba(240,68,56,.08)!important;
}
body.fbm-orion-v2 .product-card.is-empty:hover{
border-color:#eeaea5!important;
box-shadow:
0 2px 5px rgba(16,24,40,.05),
0 14px 28px rgba(16,24,40,.075),
0 24px 54px rgba(240,68,56,.12)!important;
}
body.fbm-orion-v2 .product-card.is-empty::before{
background:linear-gradient(90deg,#ef4444 0%,#f97316 100%)!important;
}
body.fbm-orion-v2 .product-card.is-empty::after{
background:linear-gradient(180deg,rgba(239,68,68,.80),rgba(249,115,22,.22))!important;
}
body.fbm-orion-v2 .product-card-top{
background:linear-gradient(180deg,#fbfdff 0%,#f4f8fd 100%)!important;
border-bottom:1px solid #d6e3f3!important;
}
body.fbm-orion-v2 .product-desc{
background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
border-bottom:1px solid #e0e8f3!important;
}
body.fbm-orion-v2 .product-price-row,
body.fbm-orion-v2 .product-stock,
body.fbm-orion-v2 .product-metric{
border-color:#d4e1f0!important;
}
body.fbm-orion-v2 .product-price-row{
background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(16,24,40,.035)!important;
}
body.fbm-orion-v2 .product-card.is-empty .product-price-row{
background:linear-gradient(180deg,#fff9f8 0%,#fff3f2 100%)!important;
border-color:#f2d8d3!important;
}
body.fbm-orion-v2 .product-stock{
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}
body.fbm-orion-v2 .product-card.is-empty .product-stock,
body.fbm-orion-v2 .product-card.is-empty .product-metric{
background:linear-gradient(180deg,#fffefe 0%,#fff8f7 100%)!important;
border-color:#f0dfdb!important;
}
body.fbm-orion-v2 .product-metric{
background:linear-gradient(180deg,#fcfdff 0%,#f4f8fd 100%)!important;
}
body.fbm-orion-v2 .product-stock-bar{
background:#dde7f2!important;
}
body.fbm-orion-v2 .product-action .btn-success{
box-shadow:0 12px 24px rgba(18,168,95,.18)!important;
}
body.fbm-orion-v2 .product-action .btn-dark{
background:linear-gradient(180deg,#f4f6f9 0%,#edf1f5 100%)!important;
border-color:#d5dde8!important;
}
/* HOTFIX27: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX28: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX29: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX30: User transaction logs page + reusable history components
Core UI components for transaction/history pages. These can be reused by
orders, payments, audit logs or other future pages without page-specific CSS. */
body.fbm-orion-v2 .fbm-page-heading .page-icon{
background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%)!important;
border:1px solid #bfdbfe!important;
color:#175cd3!important;
box-shadow:0 10px 24px rgba(47,128,237,.13)!important;
}
body.fbm-orion-v2 .fbm-history-page{
padding-top:20px!important;
}
body.fbm-orion-v2 .fbm-history-hero{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin-bottom:18px!important;
padding:20px 22px!important;
border:1px solid #d9e5f3!important;
border-radius:24px!important;
background:
radial-gradient(circle at 0 0,rgba(47,128,237,.12),transparent 34%),
linear-gradient(135deg,#ffffff 0%,#f7fbff 56%,#eef7ff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 16px 34px rgba(16,24,40,.07)!important;
}
body.fbm-orion-v2 .fbm-history-hero__main{
display:flex!important;
align-items:center!important;
gap:15px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-history-hero__icon{
flex:0 0 auto!important;
width:58px!important;
height:58px!important;
border-radius:20px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #a8d5ff!important;
background:linear-gradient(180deg,#eff8ff 0%,#dff1ff 100%)!important;
color:#1570ef!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 24px rgba(47,128,237,.15)!important;
font-size:24px!important;
}
body.fbm-orion-v2 .fbm-history-hero__kicker{
display:inline-flex!important;
align-items:center!important;
margin-bottom:5px!important;
border:1px solid #cfe0f4!important;
border-radius:999px!important;
padding:4px 9px!important;
background:#fff!important;
color:#667085!important;
font-size:11px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .fbm-history-hero h4{
margin:0 0 4px!important;
color:#101828!important;
font-size:21px!important;
line-height:1.18!important;
font-weight:600!important;
letter-spacing:-.04em!important;
}
body.fbm-orion-v2 .fbm-history-hero p{
margin:0!important;
color:#667085!important;
font-size:13px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-history-hero__actions{
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-history-hero__actions .btn{
border-radius:14px!important;
border-color:#d6e1ee!important;
background:#fff!important;
color:#344054!important;
box-shadow:0 6px 14px rgba(16,24,40,.055)!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-stat-grid{
margin-bottom:6px!important;
}
body.fbm-orion-v2 .fbm-stat-card{
position:relative!important;
min-height:126px!important;
margin-bottom:18px!important;
padding:18px 18px 16px!important;
border:1px solid #dbe5f0!important;
border-radius:22px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 10px 24px rgba(16,24,40,.055)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-stat-card::before{
content:""!important;
position:absolute!important;
left:0!important;
top:0!important;
bottom:0!important;
width:5px!important;
background:#2f80ed!important;
}
body.fbm-orion-v2 .fbm-stat-card--success::before{background:#12b76a!important;}
body.fbm-orion-v2 .fbm-stat-card--danger::before{background:#f04438!important;}
body.fbm-orion-v2 .fbm-stat-card--balance::before{background:#7c3aed!important;}
body.fbm-orion-v2 .fbm-stat-card__label{
display:block!important;
margin-bottom:10px!important;
color:#667085!important;
font-size:11px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .fbm-stat-card__value{
display:block!important;
margin-bottom:7px!important;
color:#101828!important;
font-size:20px!important;
line-height:1.15!important;
font-weight:600!important;
letter-spacing:-.045em!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .fbm-stat-card__hint{
display:block!important;
color:#667085!important;
font-size:12px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-history-card{
padding:0!important;
margin-bottom:22px!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-history-toolbar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
padding:18px 20px!important;
border-bottom:1px solid #e0e8f2!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}
body.fbm-orion-v2 .fbm-toolbar-title{
display:flex!important;
align-items:center!important;
gap:12px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-toolbar-icon{
width:42px!important;
height:42px!important;
flex:0 0 auto!important;
border-radius:15px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #cfe0f4!important;
background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .fbm-toolbar-title h6{
margin:0 0 3px!important;
color:#101828!important;
font-size:16px!important;
line-height:1.2!important;
font-weight:600!important;
letter-spacing:-.025em!important;
}
body.fbm-orion-v2 .fbm-toolbar-title p{
margin:0!important;
color:#667085!important;
font-size:12.5px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-toolbar-controls{
display:flex!important;
align-items:end!important;
justify-content:flex-end!important;
gap:10px!important;
flex-wrap:wrap!important;
}
body.fbm-orion-v2 .fbm-control{
min-width:112px!important;
}
body.fbm-orion-v2 .fbm-control--search{
min-width:230px!important;
}
body.fbm-orion-v2 .fbm-control label{
display:block!important;
margin:0 0 5px!important;
color:#667085!important;
font-size:10.5px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .fbm-control .form-control{
min-height:38px!important;
border:1px solid #d7e2ef!important;
border-radius:13px!important;
color:#344054!important;
background:#fff!important;
box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
font-size:13px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-searchbox{
position:relative!important;
}
body.fbm-orion-v2 .fbm-searchbox i{
position:absolute!important;
left:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
color:#98a2b3!important;
font-size:14px!important;
z-index:2!important;
}
body.fbm-orion-v2 .fbm-searchbox input{
padding-left:34px!important;
}
body.fbm-orion-v2 .fbm-table-shell{
padding:14px 16px 0!important;
background:#f6f8fb!important;
}
body.fbm-orion-v2 .fbm-tranlogs-table{
min-width:850px!important;
}
body.fbm-orion-v2 .fbm-trans-type{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-width:66px!important;
}
body.fbm-orion-v2 .fbm-trans-type > span{
width:32px!important;
height:32px!important;
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:12px!important;
font-size:13px!important;
border:1px solid transparent!important;
}
body.fbm-orion-v2 .fbm-trans-type strong{
display:block!important;
color:#101828!important;
font-size:13px!important;
font-weight:600!important;
line-height:1!important;
}
body.fbm-orion-v2 .fbm-trans-type small{
display:block!important;
margin-top:3px!important;
color:#667085!important;
font-size:10.5px!important;
line-height:1!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-trans-type--in > span{
color:#067647!important;
border-color:#a7efc5!important;
background:#dcfae6!important;
}
body.fbm-orion-v2 .fbm-trans-type--out > span{
color:#b42318!important;
border-color:#fecdca!important;
background:#fee4e2!important;
}
body.fbm-orion-v2 .fbm-trans-id span{
display:block!important;
margin-bottom:4px!important;
color:#98a2b3!important;
font-size:10px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:.05em!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .fbm-trans-id strong{
display:inline-flex!important;
max-width:100%!important;
padding:5px 8px!important;
border:1px solid #d9e3ef!important;
border-radius:11px!important;
background:#f3f7fb!important;
color:#344054!important;
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:600!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-trans-time{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
color:#475467!important;
font-size:12.5px!important;
font-weight:500!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-trans-time i{
color:#98a2b3!important;
}
body.fbm-orion-v2 .fbm-amount-chip{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
min-height:30px!important;
padding:6px 10px!important;
border-radius:999px!important;
font-size:12.5px!important;
line-height:1!important;
font-weight:600!important;
font-variant-numeric:tabular-nums!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-amount-chip--in{
color:#067647!important;
border:1px solid #8de8b6!important;
background:#dcfae6!important;
}
body.fbm-orion-v2 .fbm-amount-chip--out{
color:#b42318!important;
border:1px solid #fda29b!important;
background:#fee4e2!important;
}
body.fbm-orion-v2 .fbm-balance-cell{
color:#101828!important;
font-size:13px!important;
font-weight:600!important;
font-variant-numeric:tabular-nums!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-desc-cell{
max-width:420px!important;
color:#475467!important;
font-size:12.8px!important;
font-weight:500!important;
line-height:1.45!important;
overflow:hidden!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
}
body.fbm-orion-v2 .fbm-empty-state{
margin:0 0 16px!important;
padding:34px 16px!important;
border:1px dashed #cdd8e6!important;
border-radius:18px!important;
background:#fff!important;
text-align:center!important;
}
body.fbm-orion-v2 .fbm-empty-state__icon{
width:46px!important;
height:46px!important;
margin:0 auto 12px!important;
border-radius:16px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#eef5ff!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .fbm-empty-state h6{
margin:0 0 5px!important;
color:#101828!important;
font-size:15px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-empty-state p{
margin:0!important;
color:#667085!important;
font-size:12.5px!important;
}
body.fbm-orion-v2 .fbm-history-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
padding:14px 18px 18px!important;
background:#f6f8fb!important;
}
body.fbm-orion-v2 .fbm-history-footer__info{
color:#667085!important;
font-size:12.5px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-history-footer .pagination{
margin:0!important;
}
@media (max-width:992px){
body.fbm-orion-v2 .fbm-history-hero,
body.fbm-orion-v2 .fbm-history-toolbar,
body.fbm-orion-v2 .fbm-history-footer{
align-items:stretch!important;
flex-direction:column!important;
}
body.fbm-orion-v2 .fbm-toolbar-controls{
justify-content:flex-start!important;
}
body.fbm-orion-v2 .fbm-control,
body.fbm-orion-v2 .fbm-control--search{
min-width:180px!important;
flex:1 1 180px!important;
}
}
@media (max-width:576px){
body.fbm-orion-v2 .fbm-history-hero{
padding:17px!important;
border-radius:20px!important;
}
body.fbm-orion-v2 .fbm-history-hero__main{
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-history-hero__icon{
width:48px!important;
height:48px!important;
border-radius:16px!important;
font-size:20px!important;
}
body.fbm-orion-v2 .fbm-history-hero h4{
font-size:18px!important;
}
body.fbm-orion-v2 .fbm-stat-card{
min-height:112px!important;
border-radius:18px!important;
}
body.fbm-orion-v2 .fbm-stat-card__value{
font-size:18px!important;
}
body.fbm-orion-v2 .fbm-history-toolbar{
padding:15px!important;
}
body.fbm-orion-v2 .fbm-table-shell{
padding:10px 10px 0!important;
}
body.fbm-orion-v2 .fbm-history-footer{
padding:12px 14px 16px!important;
}
}
/* HOTFIX31: Core typography system
One consistent readable font stack across user/admin UI.
Uses system fonts first for performance and avoids bundling font files. */
body.fbm-orion-v2{
--fbm-font-sans:"Inter","SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue",Arial,sans-serif;
--fbm-font-mono:"SFMono-Regular","Roboto Mono","Cascadia Mono","Segoe UI Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--fbm-letter-tight:-.025em;
--fbm-letter-normal:0;
}
body.fbm-orion-v2,
body.fbm-orion-v2 input,
body.fbm-orion-v2 button,
body.fbm-orion-v2 select,
body.fbm-orion-v2 textarea,
body.fbm-orion-v2 .form-control,
body.fbm-orion-v2 .btn,
body.fbm-orion-v2 .dropdown-menu,
body.fbm-orion-v2 .tooltip,
body.fbm-orion-v2 .popover,
body.fbm-orion-v2 .modal,
body.fbm-orion-v2 table,
body.fbm-orion-v2 .table{
font-family:var(--fbm-font-sans)!important;
text-rendering:optimizeLegibility!important;
-webkit-font-smoothing:antialiased!important;
-moz-osx-font-smoothing:grayscale!important;
}
body.fbm-orion-v2 h1,
body.fbm-orion-v2 h2,
body.fbm-orion-v2 h3,
body.fbm-orion-v2 h4,
body.fbm-orion-v2 h5,
body.fbm-orion-v2 h6,
body.fbm-orion-v2 .page-title h5,
body.fbm-orion-v2 .product-title,
body.fbm-orion-v2 .fbm-toolbar-title h6,
body.fbm-orion-v2 .fbm-history-hero h4{
font-family:var(--fbm-font-sans)!important;
font-weight:600!important;
letter-spacing:-.03em!important;
}
body.fbm-orion-v2 p,
body.fbm-orion-v2 .sub-heading,
body.fbm-orion-v2 .product-desc,
body.fbm-orion-v2 .notice-body,
body.fbm-orion-v2 .fbm-desc-cell{
font-family:var(--fbm-font-sans)!important;
font-weight:500!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 .nav-title,
body.fbm-orion-v2 .unifyMenu a,
body.fbm-orion-v2 .dropdown-item{
font-family:var(--fbm-font-sans)!important;
font-weight:500!important;
letter-spacing:-.005em!important;
}
body.fbm-orion-v2 .btn,
body.fbm-orion-v2 .badge,
body.fbm-orion-v2 .fbm-chip,
body.fbm-orion-v2 .product-status,
body.fbm-orion-v2 .fbm-amount-chip{
font-family:var(--fbm-font-sans)!important;
font-weight:600!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 table.table thead th,
body.fbm-orion-v2 .fbm-data-table thead th,
body.fbm-orion-v2 .fbm-control label,
body.fbm-orion-v2 .fbm-stat-card__label,
body.fbm-orion-v2 .dashboard-kicker,
body.fbm-orion-v2 .fbm-history-hero__kicker{
font-family:var(--fbm-font-sans)!important;
font-weight:600!important;
letter-spacing:.045em!important;
}
body.fbm-orion-v2 .fbm-code,
body.fbm-orion-v2 code,
body.fbm-orion-v2 pre,
body.fbm-orion-v2 table.table code,
body.fbm-orion-v2 table.table .code,
body.fbm-orion-v2 .fbm-trans-id strong{
font-family:var(--fbm-font-mono)!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 .product-price,
body.fbm-orion-v2 .fbm-money,
body.fbm-orion-v2 .fbm-balance-cell,
body.fbm-orion-v2 .fbm-stat-card__value,
body.fbm-orion-v2 table.table td[data-money],
body.fbm-orion-v2 table.table td.money{
font-family:var(--fbm-font-sans)!important;
font-variant-numeric:tabular-nums!important;
letter-spacing:-.035em!important;
}
/* Reduce old template font noise. */
body.fbm-orion-v2 .text-uppercase,
body.fbm-orion-v2 .small,
body.fbm-orion-v2 small{
font-family:var(--fbm-font-sans)!important;
}
/* HOTFIX32: Typography cleanup + tranlogs simplification
Use Google Roboto as the fixed UI font and remove the mixed mono look from
transaction IDs. The tranlogs hero was removed in markup; this keeps spacing clean. */
body.fbm-orion-v2{
--fbm-font-sans:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
--fbm-font-mono:"Roboto","Segoe UI","Helvetica Neue",Arial,sans-serif;
}
/* Stronger global normalization so old template fonts do not leak into pages. */
html body.fbm-orion-v2,
html body.fbm-orion-v2 *:not(i):not([class^="icon-"]):not([class*=" icon-"]){
font-family:var(--fbm-font-sans)!important;
}
body.fbm-orion-v2,
body.fbm-orion-v2 input,
body.fbm-orion-v2 button,
body.fbm-orion-v2 select,
body.fbm-orion-v2 textarea{
-webkit-font-smoothing:antialiased!important;
-moz-osx-font-smoothing:grayscale!important;
}
/* Reduce excessive letter spacing that made Vietnamese labels look uneven. */
body.fbm-orion-v2 h1,
body.fbm-orion-v2 h2,
body.fbm-orion-v2 h3,
body.fbm-orion-v2 h4,
body.fbm-orion-v2 h5,
body.fbm-orion-v2 h6,
body.fbm-orion-v2 .page-title h5,
body.fbm-orion-v2 .product-title,
body.fbm-orion-v2 .fbm-toolbar-title h6{
letter-spacing:-.018em!important;
font-weight:600!important;
}
body.fbm-orion-v2 table.table thead th,
body.fbm-orion-v2 .fbm-data-table thead th,
body.fbm-orion-v2 .fbm-control label,
body.fbm-orion-v2 .fbm-stat-card__label,
body.fbm-orion-v2 .dashboard-kicker{
letter-spacing:.025em!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-history-page{
padding-top:16px!important;
}
/* Transaction page: after removing hero, the stat row should sit closer and cleaner. */
body.fbm-orion-v2 .fbm-history-page .fbm-stat-grid{
margin-top:0!important;
}
/* Transaction ID: normal UI font, shorter display, no heavy mono badge. */
body.fbm-orion-v2 .fbm-trans-id strong{
max-width:260px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
border-color:#dce5f0!important;
background:#f7f9fc!important;
color:#344054!important;
font-family:var(--fbm-font-sans)!important;
font-size:12.2px!important;
font-weight:500!important;
letter-spacing:0!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
/* Make transaction table text more even. */
body.fbm-orion-v2 .fbm-tranlogs-table tbody td,
body.fbm-orion-v2 .fbm-trans-time,
body.fbm-orion-v2 .fbm-desc-cell{
font-size:12.8px!important;
font-weight:500!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 .fbm-trans-type strong,
body.fbm-orion-v2 .fbm-balance-cell,
body.fbm-orion-v2 .fbm-amount-chip{
font-weight:600!important;
letter-spacing:-.006em!important;
}
body.fbm-orion-v2 .fbm-stat-card__value{
letter-spacing:-.015em!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-stat-card__label{
letter-spacing:.025em!important;
}
/* Hide obsolete hero styles if old cache/markup appears somewhere else. */
body.fbm-orion-v2 .fbm-history-hero{
display:none!important;
}
/* HOTFIX33: Tranlogs layout gap fix
Fix spacing after removing the redundant hero and keep stats/table close. */
body.fbm-orion-v2 .fbm-history-page{
padding-top:10px!important;
}
body.fbm-orion-v2 .fbm-history-page .fbm-alert-row{
margin-bottom:0!important;
}
body.fbm-orion-v2 .fbm-history-page .fbm-alert-row:empty,
body.fbm-orion-v2 .fbm-history-page #alert_container:empty{
display:none!important;
}
body.fbm-orion-v2 .fbm-history-page .fbm-stat-grid{
margin-top:0!important;
margin-bottom:8px!important;
}
body.fbm-orion-v2 .fbm-history-page .fbm-stat-card{
margin-bottom:16px!important;
}
body.fbm-orion-v2 .fbm-history-page .fbm-history-card{
margin-top:2px!important;
}
/* HOTFIX34: Deposit page core UI + QR card system
Reusable payment/deposit components. QR URL is now provided by API and also
guarded on frontend with encoded fallback. */
body.fbm-orion-v2 .fbm-deposit-page{
padding-top:14px!important;
}
body.fbm-orion-v2 .fbm-deposit-guide{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin-bottom:18px!important;
padding:18px 20px!important;
border:1px solid #d9e5f3!important;
border-radius:24px!important;
background:
radial-gradient(circle at 0 0,rgba(18,183,106,.12),transparent 33%),
linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#f0fff8 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 16px 34px rgba(16,24,40,.065)!important;
}
body.fbm-orion-v2 .fbm-deposit-guide__main{
display:flex!important;
align-items:center!important;
gap:14px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-deposit-guide__icon{
flex:0 0 auto!important;
width:56px!important;
height:56px!important;
border-radius:19px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#067647!important;
background:linear-gradient(180deg,#ecfdf3 0%,#dcfae6 100%)!important;
border:1px solid #a6f4c5!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px rgba(18,183,106,.13)!important;
font-size:23px!important;
}
body.fbm-orion-v2 .fbm-deposit-guide h5{
margin:0 0 4px!important;
color:#101828!important;
font-size:18px!important;
line-height:1.2!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-deposit-guide p{
margin:0!important;
color:#667085!important;
font-size:13px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-deposit-memo{
flex:0 0 auto!important;
min-width:280px!important;
display:grid!important;
grid-template-columns:1fr auto!important;
gap:8px!important;
align-items:center!important;
padding:12px!important;
border:1px solid #d6e1ee!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 6px 16px rgba(16,24,40,.045)!important;
}
body.fbm-orion-v2 .fbm-deposit-memo span{
grid-column:1 / -1!important;
color:#667085!important;
font-size:10.5px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:.025em!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .fbm-deposit-memo strong{
color:#101828!important;
font-size:14px!important;
line-height:1.2!important;
font-weight:600!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .fbm-deposit-memo .btn{
border-radius:12px!important;
border-color:#d6e1ee!important;
color:#344054!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-payment-grid{
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-payment-card{
height:100%!important;
min-height:330px!important;
margin-bottom:22px!important;
display:grid!important;
grid-template-columns:245px 1fr!important;
gap:0!important;
border:1px solid #d5e1ef!important;
border-radius:26px!important;
overflow:hidden!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 14px 34px rgba(16,24,40,.075)!important;
}
body.fbm-orion-v2 .fbm-payment-card__qr{
position:relative!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:12px!important;
padding:22px!important;
border-right:1px solid #e0e8f2!important;
background:
radial-gradient(circle at 30% 20%,rgba(21,112,239,.10),transparent 32%),
linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%)!important;
}
body.fbm-orion-v2 .fbm-payment-qr-frame{
width:205px!important;
height:205px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:10px!important;
border:1px solid #cfe0f4!important;
border-radius:24px!important;
background:#fff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 26px rgba(16,24,40,.08)!important;
}
body.fbm-orion-v2 .fbm-payment-qr-frame img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
border-radius:16px!important;
}
body.fbm-orion-v2 .fbm-qr-chip{
display:inline-flex!important;
align-items:center!important;
min-height:26px!important;
padding:6px 10px!important;
border:1px solid #b7e4ff!important;
border-radius:999px!important;
background:#eaf8ff!important;
color:#075985!important;
font-size:11.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-payment-card__body{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
padding:22px!important;
}
body.fbm-orion-v2 .fbm-payment-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:14px!important;
margin-bottom:16px!important;
}
body.fbm-orion-v2 .fbm-payment-kicker{
display:block!important;
margin-bottom:5px!important;
color:#667085!important;
font-size:10.5px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:.025em!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .fbm-payment-head h5{
margin:0!important;
color:#101828!important;
font-size:20px!important;
line-height:1.2!important;
font-weight:600!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .fbm-bank-chip{
flex:0 0 auto!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:30px!important;
padding:7px 11px!important;
border-radius:999px!important;
border:1px solid #cfe0f4!important;
background:#f3f8ff!important;
color:#175cd3!important;
font-size:12px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-payment-info{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
}
body.fbm-orion-v2 .fbm-payment-row{
display:grid!important;
grid-template-columns:112px 1fr auto!important;
align-items:center!important;
gap:10px!important;
min-height:48px!important;
padding:10px 12px!important;
border:1px solid #dbe5f0!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.fbm-orion-v2 .fbm-payment-row__label{
color:#667085!important;
font-size:11.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-payment-row__value{
min-width:0!important;
color:#101828!important;
font-size:13.5px!important;
font-weight:600!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .fbm-payment-row .btn{
min-width:34px!important;
min-height:32px!important;
padding:6px 9px!important;
border-radius:11px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-payment-row--memo{
border-color:#b7ebc8!important;
background:linear-gradient(180deg,#ffffff 0%,#f4fff8 100%)!important;
}
body.fbm-orion-v2 .fbm-payment-row--memo .fbm-payment-row__value{
color:#067647!important;
}
body.fbm-orion-v2 .fbm-payment-note{
display:flex!important;
align-items:flex-start!important;
gap:8px!important;
margin-top:12px!important;
padding:11px 12px!important;
border:1px solid #dbe5f0!important;
border-radius:15px!important;
background:#f8fbff!important;
color:#667085!important;
font-size:12.5px!important;
line-height:1.45!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-payment-note i{
margin-top:2px!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .fbm-payment-actions{
margin-top:auto!important;
padding-top:16px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
flex-wrap:wrap!important;
}
body.fbm-orion-v2 .fbm-payment-actions .btn{
border-radius:13px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-qr-fallback{
width:100%!important;
height:100%!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
text-align:center!important;
padding:16px!important;
border:1px dashed #cdd8e6!important;
border-radius:16px!important;
background:#f8fbff!important;
color:#667085!important;
}
body.fbm-orion-v2 .fbm-qr-fallback i{
color:#f79009!important;
font-size:24px!important;
}
body.fbm-orion-v2 .fbm-qr-fallback strong{
color:#344054!important;
font-size:13px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-qr-fallback span{
color:#667085!important;
font-size:11.5px!important;
line-height:1.35!important;
}
body.fbm-orion-v2 .fbm-payment-loading,
body.fbm-orion-v2 .fbm-payment-empty{
min-height:220px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:12px!important;
border:1px dashed #cdd8e6!important;
border-radius:24px!important;
background:#fff!important;
color:#667085!important;
text-align:center!important;
}
body.fbm-orion-v2 .fbm-payment-loading__icon,
body.fbm-orion-v2 .fbm-payment-empty__icon{
width:52px!important;
height:52px!important;
border-radius:18px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#eef5ff!important;
color:#1570ef!important;
font-size:22px!important;
}
body.fbm-orion-v2 .fbm-payment-empty h5{
margin:0!important;
color:#101828!important;
font-size:17px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-payment-empty p{
margin:0!important;
color:#667085!important;
font-size:13px!important;
}
@media (max-width:1200px){
body.fbm-orion-v2 .fbm-payment-card{
grid-template-columns:220px 1fr!important;
}
body.fbm-orion-v2 .fbm-payment-qr-frame{
width:185px!important;
height:185px!important;
}
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-deposit-guide{
align-items:stretch!important;
flex-direction:column!important;
padding:17px!important;
border-radius:20px!important;
}
body.fbm-orion-v2 .fbm-deposit-memo{
min-width:0!important;
width:100%!important;
}
body.fbm-orion-v2 .fbm-payment-card{
grid-template-columns:1fr!important;
border-radius:22px!important;
}
body.fbm-orion-v2 .fbm-payment-card__qr{
border-right:0!important;
border-bottom:1px solid #e0e8f2!important;
}
body.fbm-orion-v2 .fbm-payment-card__body{
padding:18px!important;
}
body.fbm-orion-v2 .fbm-payment-row{
grid-template-columns:1fr auto!important;
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-payment-row__label{
grid-column:1 / -1!important;
}
body.fbm-orion-v2 .fbm-payment-actions{
justify-content:stretch!important;
}
body.fbm-orion-v2 .fbm-payment-actions .btn{
flex:1 1 auto!important;
}
}
/* HOTFIX35: Vietnamese typography normalization
Do not uppercase Vietnamese UI text. Uppercase transformations and wide
letter-spacing make Vietnamese accents look broken/uneven. Only short codes
such as VCB/API/ID should stay uppercase. */
body.fbm-orion-v2{
--fbm-vn-label-spacing:0;
}
/* Global UI text: remove forced uppercase from Vietnamese labels/menu/headings. */
body.fbm-orion-v2 .nav-title,
body.fbm-orion-v2 .unifyMenu a,
body.fbm-orion-v2 .page-title h5,
body.fbm-orion-v2 .page-title h6,
body.fbm-orion-v2 .sub-heading,
body.fbm-orion-v2 .fbm-toolbar-title h6,
body.fbm-orion-v2 .fbm-toolbar-title p,
body.fbm-orion-v2 .fbm-payment-kicker,
body.fbm-orion-v2 .fbm-control label,
body.fbm-orion-v2 .fbm-stat-card__label,
body.fbm-orion-v2 .dashboard-kicker,
body.fbm-orion-v2 .fbm-history-hero__kicker,
body.fbm-orion-v2 .store-summary-label,
body.fbm-orion-v2 .notice-title,
body.fbm-orion-v2 .product-status,
body.fbm-orion-v2 .product-id,
body.fbm-orion-v2 .fbm-deposit-memo span,
body.fbm-orion-v2 .fbm-payment-row__label,
body.fbm-orion-v2 .fbm-payment-note,
body.fbm-orion-v2 .fbm-desc-cell,
body.fbm-orion-v2 .text-uppercase{
text-transform:none!important;
letter-spacing:0!important;
}
/* Table headers can still be clear without uppercase. */
body.fbm-orion-v2 table.table thead th,
body.fbm-orion-v2 .fbm-data-table thead th{
text-transform:none!important;
letter-spacing:0!important;
font-size:12px!important;
font-weight:600!important;
}
/* Menu should read as Vietnamese title text, not hard uppercase. */
body.fbm-orion-v2 .unifyMenu a,
body.fbm-orion-v2 .nav-title{
font-weight:500!important;
line-height:1.25!important;
}
/* Payment page rows: make value text natural, no artificial spacing. */
body.fbm-orion-v2 .fbm-payment-row__value,
body.fbm-orion-v2 .fbm-deposit-memo strong,
body.fbm-orion-v2 .fbm-payment-head h5{
text-transform:none!important;
letter-spacing:0!important;
font-weight:600!important;
line-height:1.28!important;
word-break:normal!important;
overflow-wrap:anywhere!important;
}
/* Keep real technical short codes uppercase and tight. */
body.fbm-orion-v2 .fbm-bank-chip,
body.fbm-orion-v2 .product-geo,
body.fbm-orion-v2 .fbm-code,
body.fbm-orion-v2 code,
body.fbm-orion-v2 pre{
text-transform:uppercase!important;
letter-spacing:0!important;
}
/* But transaction IDs and long account/code strings should not be transformed. */
body.fbm-orion-v2 .fbm-trans-id strong,
body.fbm-orion-v2 .fbm-payment-row__value,
body.fbm-orion-v2 .btnCpAccountNumber,
body.fbm-orion-v2 .btnCpAccountName{
text-transform:none!important;
}
/* Fix old template classes that force uppercase inside buttons/badges. */
body.fbm-orion-v2 .btn,
body.fbm-orion-v2 .badge,
body.fbm-orion-v2 .fbm-chip,
body.fbm-orion-v2 .fbm-amount-chip{
text-transform:none!important;
letter-spacing:0!important;
}
/* Deposit card specific: the account holder value should look like normal text. */
body.fbm-orion-v2 .fbm-payment-row:nth-child(2) .fbm-payment-row__value{
font-size:14px!important;
font-weight:600!important;
color:#101828!important;
white-space:normal!important;
}
/* HOTFIX36: Vietnamese uppercase sidebar/menu fix
The text was already uppercase in source, but accents were visually clipped by
line-height:1 + overflow:hidden in the menu core. Keep uppercase text, but
give Vietnamese glyphs enough vertical room. */
body.fbm-orion-v2 .unifyMenu>li>a,
body.fbm-orion-v2 .side-nav .unifyMenu a{
min-height:48px!important;
align-items:center!important;
overflow:visible!important;
line-height:1.35!important;
font-size:12.8px!important;
font-weight:600!important;
letter-spacing:0!important;
text-transform:none!important;
}
body.fbm-orion-v2 .unifyMenu>li>a .nav-title,
body.fbm-orion-v2 .side-nav .unifyMenu a .nav-title,
body.fbm-orion-v2 .app-side .unifyMenu>li>a .nav-title{
display:flex!important;
align-items:center!important;
min-height:22px!important;
padding-top:2px!important;
padding-bottom:2px!important;
line-height:1.45!important;
white-space:nowrap!important;
overflow:visible!important;
text-overflow:clip!important;
letter-spacing:0!important;
text-transform:none!important;
font-family:var(--fbm-font-sans)!important;
font-weight:600!important;
}
/* Only technical chips should rely on CSS uppercase. Menu labels are stored
already uppercase with accents to avoid CSS uppercasing bugs. */
body.fbm-orion-v2 .unifyMenu .nav-title,
body.fbm-orion-v2 .side-nav .unifyMenu .nav-title{
font-variant-ligatures:none!important;
font-feature-settings:"liga" 0, "calt" 0!important;
}
/* Keep icon pill stable after increasing text line-height. */
body.fbm-orion-v2 .unifyMenu>li>a .has-icon,
body.fbm-orion-v2 .side-nav .unifyMenu a .has-icon{
flex:0 0 32px!important;
align-self:center!important;
}
/* HOTFIX37: Core Documentation UI
Reusable documentation/API page components. Applies to user document page
and can be reused by admin document pages later. */
body.fbm-orion-v2 .fbm-doc-page{
padding-top:14px!important;
}
body.fbm-orion-v2 .fbm-doc-hero{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin-bottom:18px!important;
padding:20px 22px!important;
border:1px solid #d9e5f3!important;
border-radius:24px!important;
background:
radial-gradient(circle at 0 0,rgba(21,112,239,.12),transparent 34%),
linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef7ff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 16px 34px rgba(16,24,40,.065)!important;
}
body.fbm-orion-v2 .fbm-doc-hero__main{
display:flex!important;
align-items:center!important;
gap:15px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-doc-hero__icon{
flex:0 0 auto!important;
width:58px!important;
height:58px!important;
border-radius:20px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #a8d5ff!important;
background:linear-gradient(180deg,#eff8ff 0%,#dff1ff 100%)!important;
color:#1570ef!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 24px rgba(47,128,237,.14)!important;
font-size:24px!important;
}
body.fbm-orion-v2 .fbm-doc-kicker{
display:inline-flex!important;
align-items:center!important;
margin-bottom:5px!important;
padding:4px 9px!important;
border:1px solid #cfe0f4!important;
border-radius:999px!important;
background:#fff!important;
color:#667085!important;
font-size:11px!important;
line-height:1!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-hero h4{
margin:0 0 5px!important;
color:#101828!important;
font-size:22px!important;
line-height:1.18!important;
font-weight:600!important;
letter-spacing:-.015em!important;
}
body.fbm-orion-v2 .fbm-doc-hero p{
max-width:780px!important;
margin:0!important;
color:#667085!important;
font-size:13.5px!important;
line-height:1.55!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-doc-hero__meta{
flex:0 0 auto!important;
min-width:115px!important;
padding:12px 14px!important;
border:1px solid #d6e1ee!important;
border-radius:18px!important;
background:#fff!important;
text-align:center!important;
box-shadow:0 6px 16px rgba(16,24,40,.045)!important;
}
body.fbm-orion-v2 .fbm-doc-hero__meta span{
display:block!important;
margin-bottom:4px!important;
color:#667085!important;
font-size:11px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-hero__meta strong{
color:#175cd3!important;
font-size:16px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-doc-layout{
display:grid!important;
grid-template-columns:280px minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
}
body.fbm-orion-v2 .fbm-doc-sidebar{
position:sticky!important;
top:88px!important;
display:flex!important;
flex-direction:column!important;
gap:14px!important;
}
body.fbm-orion-v2 .fbm-doc-nav,
body.fbm-orion-v2 .fbm-doc-tip{
border:1px solid #d9e5f3!important;
border-radius:22px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 12px 26px rgba(16,24,40,.055)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-doc-nav{
padding:8px!important;
}
body.fbm-orion-v2 .fbm-doc-nav a{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-height:42px!important;
padding:10px 12px!important;
border-radius:15px!important;
color:#344054!important;
font-size:13px!important;
font-weight:600!important;
text-decoration:none!important;
}
body.fbm-orion-v2 .fbm-doc-nav a:hover{
background:#eef6ff!important;
color:#175cd3!important;
}
body.fbm-orion-v2 .fbm-doc-nav a i{
width:20px!important;
color:#1570ef!important;
text-align:center!important;
}
body.fbm-orion-v2 .fbm-doc-tip{
display:flex!important;
align-items:flex-start!important;
gap:11px!important;
padding:14px!important;
}
body.fbm-orion-v2 .fbm-doc-tip i{
flex:0 0 auto!important;
width:34px!important;
height:34px!important;
border-radius:13px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#dcfae6!important;
color:#067647!important;
border:1px solid #a6f4c5!important;
}
body.fbm-orion-v2 .fbm-doc-tip strong{
display:block!important;
margin-bottom:4px!important;
color:#101828!important;
font-size:13px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-tip span{
display:block!important;
color:#667085!important;
font-size:12px!important;
line-height:1.45!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-doc-content{
display:flex!important;
flex-direction:column!important;
gap:18px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-doc-card{
border:1px solid #d9e5f3!important;
border-radius:24px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 14px 32px rgba(16,24,40,.065)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-doc-card__head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:14px!important;
padding:20px 22px!important;
border-bottom:1px solid #e0e8f2!important;
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
body.fbm-orion-v2 .fbm-doc-step{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:36px!important;
min-height:24px!important;
margin-bottom:9px!important;
padding:5px 9px!important;
border:1px solid #bfdbfe!important;
border-radius:999px!important;
background:#eff6ff!important;
color:#175cd3!important;
font-size:11px!important;
line-height:1!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-doc-card h5{
margin:0 0 5px!important;
color:#101828!important;
font-size:18px!important;
line-height:1.25!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-card p{
margin:0!important;
color:#667085!important;
font-size:13px!important;
line-height:1.52!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-doc-method{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:32px!important;
padding:7px 12px!important;
border:1px solid #a6f4c5!important;
border-radius:999px!important;
background:#dcfae6!important;
color:#067647!important;
font-size:12px!important;
line-height:1!important;
font-weight:700!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:10px!important;
align-items:center!important;
margin:18px 22px!important;
padding:14px!important;
border:1px solid #dbe5f0!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.fbm-orion-v2 .fbm-doc-keybox span,
body.fbm-orion-v2 .fbm-doc-endpoint span{
display:block!important;
margin-bottom:6px!important;
color:#667085!important;
font-size:11px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-keybox code,
body.fbm-orion-v2 .fbm-doc-endpoint code{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#101828!important;
font-size:13px!important;
font-weight:600!important;
text-transform:none!important;
}
body.fbm-orion-v2 .fbm-doc-alert{
display:flex!important;
align-items:flex-start!important;
gap:10px!important;
margin:0 22px 18px!important;
padding:13px 14px!important;
border:1px solid #fedf89!important;
border-radius:16px!important;
background:#fffbeb!important;
color:#7a4b00!important;
font-size:12.8px!important;
line-height:1.45!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-doc-alert i{
margin-top:2px!important;
color:#f79009!important;
}
body.fbm-orion-v2 .fbm-doc-param-list{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
margin:0 22px 18px!important;
}
body.fbm-orion-v2 .fbm-doc-param{
display:grid!important;
grid-template-columns:190px minmax(140px,220px) minmax(0,1fr)!important;
gap:12px!important;
align-items:center!important;
padding:13px 14px!important;
border:1px solid #dbe5f0!important;
border-radius:17px!important;
background:#fff!important;
}
body.fbm-orion-v2 .fbm-doc-param strong{
display:block!important;
color:#101828!important;
font-size:13px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-param span{
display:block!important;
margin-top:3px!important;
color:#667085!important;
font-size:11.5px!important;
line-height:1.25!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-doc-param code{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:30px!important;
padding:6px 10px!important;
border:1px solid #d9e5f3!important;
border-radius:12px!important;
background:#f3f7fb!important;
color:#344054!important;
font-size:12.5px!important;
font-weight:600!important;
text-transform:none!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-doc-param p{
color:#475467!important;
font-size:12.5px!important;
}
body.fbm-orion-v2 .fbm-doc-code-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:14px!important;
margin:0 22px 22px!important;
}
body.fbm-orion-v2 .fbm-doc-code-block{
min-width:0!important;
border:1px solid #d5e1ef!important;
border-radius:18px!important;
background:#0f172a!important;
overflow:hidden!important;
box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}
body.fbm-orion-v2 .fbm-doc-code-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
padding:11px 13px!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
background:rgba(255,255,255,.045)!important;
}
body.fbm-orion-v2 .fbm-doc-code-head span{
color:#cbd5e1!important;
font-size:12px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-code-head .btn{
min-height:28px!important;
padding:5px 9px!important;
border-color:rgba(255,255,255,.18)!important;
background:rgba(255,255,255,.08)!important;
color:#fff!important;
border-radius:10px!important;
}
body.fbm-orion-v2 .fbm-doc-code-block pre{
max-height:360px!important;
margin:0!important;
padding:15px!important;
overflow:auto!important;
background:transparent!important;
color:#dbeafe!important;
font-family:var(--fbm-font-mono)!important;
font-size:12.5px!important;
line-height:1.55!important;
white-space:pre!important;
}
body.fbm-orion-v2 .fbm-doc-code-block code{
color:#dbeafe!important;
background:transparent!important;
border:0!important;
padding:0!important;
font-family:var(--fbm-font-mono)!important;
text-transform:none!important;
}
body.fbm-orion-v2 .fbm-doc-note-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:12px!important;
margin:18px 22px 22px!important;
}
body.fbm-orion-v2 .fbm-doc-note-card{
padding:15px!important;
border:1px solid #dbe5f0!important;
border-radius:18px!important;
background:#fff!important;
}
body.fbm-orion-v2 .fbm-doc-note-card i{
width:36px!important;
height:36px!important;
margin-bottom:10px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:14px!important;
background:#eef6ff!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .fbm-doc-note-card strong{
display:block!important;
margin-bottom:5px!important;
color:#101828!important;
font-size:13.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-doc-note-card span{
display:block!important;
color:#667085!important;
font-size:12.3px!important;
line-height:1.45!important;
font-weight:500!important;
}
/* Backward compatibility: old document classes get the new surface too. */
body.fbm-orion-v2 .api-hero,
body.fbm-orion-v2 .api-key-box,
body.fbm-orion-v2 .api-card{
border:1px solid #d9e5f3!important;
border-radius:22px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 12px 28px rgba(16,24,40,.06)!important;
}
body.fbm-orion-v2 .api-code{
border-radius:16px!important;
background:#0f172a!important;
color:#dbeafe!important;
}
@media (max-width:1200px){
body.fbm-orion-v2 .fbm-doc-layout{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-doc-sidebar{
position:static!important;
}
body.fbm-orion-v2 .fbm-doc-nav{
display:flex!important;
gap:8px!important;
overflow-x:auto!important;
}
body.fbm-orion-v2 .fbm-doc-nav a{
flex:0 0 auto!important;
white-space:nowrap!important;
}
}
@media (max-width:992px){
body.fbm-orion-v2 .fbm-doc-code-grid,
body.fbm-orion-v2 .fbm-doc-note-grid{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-doc-param{
grid-template-columns:1fr!important;
align-items:start!important;
}
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-doc-hero,
body.fbm-orion-v2 .fbm-doc-card__head,
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint{
align-items:stretch!important;
grid-template-columns:1fr!important;
flex-direction:column!important;
}
body.fbm-orion-v2 .fbm-doc-card__head,
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-doc-param-list,
body.fbm-orion-v2 .fbm-doc-code-grid,
body.fbm-orion-v2 .fbm-doc-note-grid,
body.fbm-orion-v2 .fbm-doc-alert{
margin-left:15px!important;
margin-right:15px!important;
}
body.fbm-orion-v2 .fbm-doc-hero{
padding:17px!important;
border-radius:20px!important;
}
body.fbm-orion-v2 .fbm-doc-hero__main{
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-doc-hero__icon{
width:48px!important;
height:48px!important;
border-radius:16px!important;
font-size:20px!important;
}
}
/* HOTFIX38: Admin document layout + code uppercase fix
Code/pre content must never be auto uppercased. This fixes broken cURL/JSON
rendering and old admin document layout. */
body.fbm-orion-v2 pre,
body.fbm-orion-v2 code,
body.fbm-orion-v2 .api-code,
body.fbm-orion-v2 .api-code code,
body.fbm-orion-v2 .fbm-doc-code-block pre,
body.fbm-orion-v2 .fbm-doc-code-block code,
body.fbm-orion-v2 .fbm-doc-endpoint code,
body.fbm-orion-v2 .fbm-doc-keybox code,
body.fbm-orion-v2 .fbm-doc-param code{
text-transform:none!important;
letter-spacing:0!important;
font-family:var(--fbm-font-mono)!important;
font-variant-ligatures:none!important;
font-feature-settings:"liga" 0, "calt" 0!important;
}
body.fbm-orion-v2 .fbm-doc-code-grid--single{
grid-template-columns:1fr!important;
}
/* Old api table fallback: if any legacy document table remains, don't let
row-card table UI explode its height. */
body.fbm-orion-v2 .api-param-table{
border-collapse:collapse!important;
border-spacing:0!important;
border:1px solid #dbe5f0!important;
border-radius:16px!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .api-param-table thead th{
background:#f7f9fc!important;
border-bottom:1px solid #dbe5f0!important;
text-transform:none!important;
}
body.fbm-orion-v2 .api-param-table tbody td{
border:1px solid #eef2f6!important;
border-radius:0!important;
box-shadow:none!important;
background:#fff!important;
}
body.fbm-orion-v2 .api-param-table tbody tr:hover td{
box-shadow:none!important;
}
body.fbm-orion-v2 .api-copy{
text-transform:none!important;
letter-spacing:0!important;
}
/* HOTFIX39: Documentation single-title cleanup
Keep only one main page title (main-heading). The hero becomes a compact
summary strip, so the page feels cleaner and less repetitive. */
body.fbm-orion-v2 .fbm-doc-hero--compact{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:14px!important;
margin-bottom:18px!important;
padding:16px 18px!important;
border:1px solid #d9e5f3!important;
border-radius:22px!important;
background:
radial-gradient(circle at 0 0,rgba(21,112,239,.08),transparent 30%),
linear-gradient(135deg,#ffffff 0%,#f8fbff 62%,#f2f8ff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 12px 28px rgba(16,24,40,.055)!important;
}
body.fbm-orion-v2 .fbm-doc-hero--compact .fbm-doc-hero__compact-icon{
flex:0 0 auto!important;
width:52px!important;
height:52px!important;
border-radius:18px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #bfdbfe!important;
background:linear-gradient(180deg,#eff8ff 0%,#dff1ff 100%)!important;
color:#1570ef!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 22px rgba(21,112,239,.10)!important;
font-size:22px!important;
}
body.fbm-orion-v2 .fbm-doc-hero--compact .fbm-doc-hero__compact-content{
min-width:0!important;
}
body.fbm-orion-v2 .fbm-doc-hero--compact .fbm-doc-kicker{
margin-bottom:6px!important;
}
body.fbm-orion-v2 .fbm-doc-hero--compact p{
margin:0!important;
color:#667085!important;
font-size:13.5px!important;
line-height:1.55!important;
font-weight:500!important;
}
/* Ensure the old large hero heading does not show if cached markup survives. */
body.fbm-orion-v2 .fbm-doc-hero--compact h4,
body.fbm-orion-v2 .fbm-doc-hero--compact .fbm-doc-hero__meta{
display:none!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-doc-hero--compact{
align-items:flex-start!important;
padding:15px!important;
border-radius:18px!important;
}
body.fbm-orion-v2 .fbm-doc-hero--compact .fbm-doc-hero__compact-icon{
width:46px!important;
height:46px!important;
border-radius:16px!important;
font-size:19px!important;
}
}
/* HOTFIX40: final audit safety overrides
Keep code/text transforms predictable and menu/table/doc components stable. */
body.fbm-orion-v2 pre,
body.fbm-orion-v2 code,
body.fbm-orion-v2 kbd,
body.fbm-orion-v2 samp{
text-transform:none!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 .fbm-doc-param code,
body.fbm-orion-v2 .fbm-doc-keybox code,
body.fbm-orion-v2 .fbm-doc-endpoint code,
body.fbm-orion-v2 .fbm-trans-id strong{
overflow-wrap:anywhere!important;
}
body.fbm-orion-v2 .fbm-data-card,
body.fbm-orion-v2 .fbm-doc-card,
body.fbm-orion-v2 .fbm-payment-card,
body.fbm-orion-v2 .product-card{
-webkit-font-smoothing:antialiased!important;
text-rendering:optimizeLegibility!important;
}
/* HOTFIX41: sidebar scroll memory + clean active theme
Keep the sidebar/menu scrollable in a predictable CoreUI owner so JS can
persist and restore scrollTop between page navigations. */
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 #app-side{
overflow-y:auto!important;
overscroll-behavior:contain!important;
scrollbar-width:thin!important;
}
body.fbm-orion-v2 .app-side::-webkit-scrollbar,
body.fbm-orion-v2 #app-side::-webkit-scrollbar{
width:8px!important;
}
body.fbm-orion-v2 .app-side::-webkit-scrollbar-track,
body.fbm-orion-v2 #app-side::-webkit-scrollbar-track{
background:rgba(255,255,255,.04)!important;
}
body.fbm-orion-v2 .app-side::-webkit-scrollbar-thumb,
body.fbm-orion-v2 #app-side::-webkit-scrollbar-thumb{
background:rgba(148,163,184,.42)!important;
border-radius:999px!important;
}
body.fbm-orion-v2 .app-side::-webkit-scrollbar-thumb:hover,
body.fbm-orion-v2 #app-side::-webkit-scrollbar-thumb:hover{
background:rgba(148,163,184,.62)!important;
}
/* HOTFIX42: smart active sidebar scroll
The actual menu scroll owner is `.sidebarNavScroll`, not always `#app-side`.
Give it predictable height/overflow so active-item scroll restore works across pages. */
body.fbm-orion-v2 #app-side .side-content,
body.fbm-orion-v2 .app-side .side-content{
min-height:0!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll,
body.fbm-orion-v2 .app-side .sidebarNavScroll{
max-height:calc(100vh - 190px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
scrollbar-width:thin!important;
padding-bottom:14px!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll::-webkit-scrollbar,
body.fbm-orion-v2 .app-side .sidebarNavScroll::-webkit-scrollbar{
width:8px!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll::-webkit-scrollbar-track,
body.fbm-orion-v2 .app-side .sidebarNavScroll::-webkit-scrollbar-track{
background:rgba(255,255,255,.04)!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll::-webkit-scrollbar-thumb,
body.fbm-orion-v2 .app-side .sidebarNavScroll::-webkit-scrollbar-thumb{
background:rgba(148,163,184,.42)!important;
border-radius:999px!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll::-webkit-scrollbar-thumb:hover,
body.fbm-orion-v2 .app-side .sidebarNavScroll::-webkit-scrollbar-thumb:hover{
background:rgba(148,163,184,.62)!important;
}
/* Do not hide the active item during JS restoration. */
body.fbm-orion-v2 #app-side .unifyMenu>li.selected>a,
body.fbm-orion-v2 #app-side .unifyMenu>li>a.active{
scroll-margin-top:80px!important;
scroll-margin-bottom:80px!important;
}
@media (max-width:991px){
body.fbm-orion-v2 #app-side .sidebarNavScroll,
body.fbm-orion-v2 .app-side .sidebarNavScroll{
max-height:calc(100vh - 150px)!important;
}
}
/* HOTFIX43: Core smooth loading / page transition
Centralized visual feedback for page boot, internal navigation, forms,
AJAX and DataTables. Designed to improve perceived DB/API loading without
changing backend logic. */
@media (prefers-reduced-motion:no-preference){
html.fbm-ui-booting body.fbm-orion-v2 .app-main,
html.fbm-ui-booting body.fbm-orion-v2 .main-content,
html.fbm-ui-booting body.fbm-orion-v2 .main-heading{
opacity:0;
transform:translateY(6px);
}
html.fbm-ui-ready body.fbm-orion-v2 .app-main,
html.fbm-ui-ready body.fbm-orion-v2 .main-content,
html.fbm-ui-ready body.fbm-orion-v2 .main-heading{
opacity:1;
transform:translateY(0);
transition:opacity .22s ease, transform .22s ease;
}
body.fbm-orion-v2.fbm-route-loading .app-main{
transition:opacity .16s ease, transform .16s ease, filter .16s ease;
opacity:.72;
transform:translateY(2px);
filter:saturate(.96);
}
}
body.fbm-orion-v2 .fbm-route-loader{
position:fixed;
inset:0;
z-index:99999;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
pointer-events:none;
background:rgba(248,250,252,.54);
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
transition:opacity .18s ease, visibility .18s ease;
}
body.fbm-orion-v2 .fbm-route-loader.is-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
}
body.fbm-orion-v2 .fbm-route-loader.is-subtle{
background:rgba(248,250,252,.32);
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
}
body.fbm-orion-v2 .fbm-route-loader__bar{
position:fixed;
left:0;
top:0;
height:3px;
width:42%;
border-radius:0 999px 999px 0;
background:linear-gradient(90deg,#1570ef,#0ea5e9,#67e8f9);
box-shadow:0 0 18px rgba(14,165,233,.45);
transform:translateX(-100%);
animation:fbmRouteBar 1.05s ease-in-out infinite;
}
body.fbm-orion-v2 .fbm-route-loader__box{
display:flex;
align-items:center;
gap:13px;
min-width:250px;
max-width:calc(100vw - 42px);
padding:16px 18px;
border:1px solid rgba(208,220,235,.92);
border-radius:22px;
background:rgba(255,255,255,.92);
box-shadow:0 18px 55px rgba(16,24,40,.16), inset 0 1px 0 rgba(255,255,255,.9);
}
body.fbm-orion-v2 .fbm-route-loader__spinner{
width:36px;
height:36px;
flex:0 0 36px;
border-radius:999px;
border:3px solid #dbeafe;
border-top-color:#1570ef;
animation:fbmSpin .72s linear infinite;
}
body.fbm-orion-v2 .fbm-route-loader__text{
display:flex;
flex-direction:column;
min-width:0;
line-height:1.2;
}
body.fbm-orion-v2 .fbm-route-loader__text strong{
color:#101828;
font-size:14px;
font-weight:600;
}
body.fbm-orion-v2 .fbm-route-loader__text small{
margin-top:4px;
color:#667085;
font-size:12px;
font-weight:500;
}
body.fbm-orion-v2 .fbm-ajax-progress{
position:fixed;
left:0;
top:0;
z-index:99998;
height:3px;
width:38%;
border-radius:0 999px 999px 0;
opacity:0;
pointer-events:none;
background:linear-gradient(90deg,#1570ef,#0ea5e9,#67e8f9);
box-shadow:0 0 18px rgba(14,165,233,.42);
transform:translateX(-100%);
transition:opacity .15s ease;
}
body.fbm-orion-v2 .fbm-ajax-progress.is-visible{
opacity:1;
animation:fbmRouteBar .95s ease-in-out infinite;
}
body.fbm-orion-v2 .fbm-table-loading{
position:relative;
overflow:hidden;
}
body.fbm-orion-v2 .fbm-table-loading::after{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:3px;
background:linear-gradient(90deg,transparent,#1570ef,#0ea5e9,transparent);
animation:fbmTableShimmer 1.05s linear infinite;
z-index:3;
}
body.fbm-orion-v2 .fbm-table-loading table{
opacity:.72;
transition:opacity .16s ease;
}
body.fbm-orion-v2 .fbm-btn-loading{
position:relative;
pointer-events:none;
opacity:.78;
}
body.fbm-orion-v2 .fbm-btn-loading::after{
content:"";
width:14px;
height:14px;
margin-left:8px;
display:inline-block;
vertical-align:-2px;
border-radius:999px;
border:2px solid currentColor;
border-top-color:transparent;
animation:fbmSpin .72s linear infinite;
}
body.fbm-orion-v2 .fbm-skeleton{
position:relative;
overflow:hidden;
border-radius:14px;
background:#eef3f8;
}
body.fbm-orion-v2 .fbm-skeleton::after{
content:"";
position:absolute;
inset:0;
transform:translateX(-100%);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
animation:fbmSkeleton 1.2s ease-in-out infinite;
}
@keyframes fbmSpin{
to{transform:rotate(360deg);}
}
@keyframes fbmRouteBar{
0%{transform:translateX(-100%);}
55%{transform:translateX(105vw);}
100%{transform:translateX(105vw);}
}
@keyframes fbmTableShimmer{
0%{transform:translateX(-100%);}
100%{transform:translateX(100%);}
}
@keyframes fbmSkeleton{
100%{transform:translateX(100%);}
}
@media (prefers-reduced-motion:reduce){
body.fbm-orion-v2 .fbm-route-loader,
body.fbm-orion-v2 .fbm-ajax-progress,
body.fbm-orion-v2 .fbm-route-loader__bar,
body.fbm-orion-v2 .fbm-route-loader__spinner,
body.fbm-orion-v2 .fbm-btn-loading::after,
body.fbm-orion-v2 .fbm-skeleton::after,
body.fbm-orion-v2 .fbm-table-loading::after{
animation:none!important;
transition:none!important;
}
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-route-loader__box{
min-width:220px;
padding:14px 15px;
border-radius:18px;
}
body.fbm-orion-v2 .fbm-route-loader__spinner{
width:30px;
height:30px;
flex-basis:30px;
}
}
/* HOTFIX44: modal-safe smooth loading
Do not transform `.app-main` because Bootstrap modals live inside it.
A transformed ancestor breaks fixed modal/backdrop positioning. */
@media (prefers-reduced-motion:no-preference){
html.fbm-ui-booting body.fbm-orion-v2 .main-content,
html.fbm-ui-booting body.fbm-orion-v2 .main-heading{
opacity:0!important;
transform:translateY(6px)!important;
}
html.fbm-ui-ready body.fbm-orion-v2 .main-content,
html.fbm-ui-ready body.fbm-orion-v2 .main-heading{
opacity:1!important;
transform:translateY(0)!important;
transition:opacity .20s ease, transform .20s ease!important;
}
body.fbm-orion-v2.fbm-route-loading .main-content{
opacity:.78!important;
transform:translateY(2px)!important;
filter:saturate(.96)!important;
}
body.fbm-orion-v2.fbm-modal-active .main-content,
body.fbm-orion-v2.modal-open .main-content,
body.fbm-orion-v2.fbm-modal-active .app-main,
body.fbm-orion-v2.modal-open .app-main{
opacity:1!important;
transform:none!important;
filter:none!important;
}
}
body.fbm-orion-v2 .modal-backdrop{
z-index:100010!important;
}
body.fbm-orion-v2 .modal{
z-index:100020!important;
}
body.fbm-orion-v2.modal-open .fbm-route-loader,
body.fbm-orion-v2.fbm-modal-active .fbm-route-loader{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
body.fbm-orion-v2.modal-open .fbm-ajax-progress{
z-index:100030!important;
}
/* Store query + scroll-memory UI */
body.fbm-orion-v2 .store-toolbar{
gap:14px!important;
}
body.fbm-orion-v2 .store-filter-row{
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:8px!important;
margin:12px 0 0!important;
}
body.fbm-orion-v2 .store-filter-btn{
min-height:34px!important;
padding:7px 12px!important;
border:1px solid #d7e2ef!important;
border-radius:999px!important;
background:#fff!important;
color:#475467!important;
font-size:12.5px!important;
line-height:1!important;
font-weight:600!important;
cursor:pointer!important;
transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
body.fbm-orion-v2 .store-filter-btn:hover{
background:#eef6ff!important;
border-color:#bfdbfe!important;
color:#175cd3!important;
}
body.fbm-orion-v2 .store-filter-btn.is-active{
background:#1570ef!important;
border-color:#1570ef!important;
color:#fff!important;
box-shadow:0 8px 18px rgba(21,112,239,.20)!important;
}
body.fbm-orion-v2 .product-card[data-service-id]{
scroll-margin-top:96px!important;
}
body.fbm-orion-v2 .product-card.is-store-focus{
animation:fbmStoreFocus 1.1s ease both;
}
@keyframes fbmStoreFocus{
0%{box-shadow:0 0 0 0 rgba(21,112,239,.0), var(--fbm-shadow);}
25%{box-shadow:0 0 0 4px rgba(21,112,239,.16), var(--fbm-shadow);}
100%{box-shadow:0 0 0 0 rgba(21,112,239,.0), var(--fbm-shadow);}
}
@media (max-width:768px){
body.fbm-orion-v2 .store-filter-row{
width:100%!important;
}
body.fbm-orion-v2 .store-filter-btn{
flex:1 1 auto!important;
justify-content:center!important;
}
}
/* HOTFIX44 modal final guard: `.app-main` must never keep a transform.
Bootstrap fixed-position modals are descendants of `.app-main` in this template. */
html.fbm-ui-booting body.fbm-orion-v2 .app-main,
html.fbm-ui-ready body.fbm-orion-v2 .app-main,
body.fbm-orion-v2.fbm-route-loading .app-main,
body.fbm-orion-v2.modal-open .app-main,
body.fbm-orion-v2.fbm-modal-active .app-main{
opacity:1!important;
transform:none!important;
filter:none!important;
}
/* HOTFIX45: SweetAlert must be above Bootstrap modal
Purchase confirmation uses SweetAlert while Bootstrap buy modal is open.
Keep route loader below modal and SweetAlert above modal/dialog layers. */
body.fbm-orion-v2 .fbm-route-loader{
z-index:9900!important;
}
body.fbm-orion-v2 .fbm-ajax-progress{
z-index:9905!important;
}
body.fbm-orion-v2 .modal-backdrop{
z-index:10040!important;
}
body.fbm-orion-v2 .modal{
z-index:10050!important;
}
body.fbm-orion-v2 .swal-overlay,
body.fbm-orion-v2 .sweet-overlay,
body.fbm-orion-v2 .swal2-container{
z-index:10150!important;
}
body.fbm-orion-v2 .swal-modal,
body.fbm-orion-v2 .sweet-alert,
body.fbm-orion-v2 .swal2-popup{
z-index:10160!important;
}
/* HOTFIX45: Buy modal professional UI */
body.fbm-orion-v2 .fbm-buy-modal-dialog{
max-width:min(680px, calc(100vw - 28px))!important;
}
body.fbm-orion-v2 .fbm-buy-modal-content{
border:1px solid #d8e4f0!important;
border-radius:26px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 28px 90px rgba(15,23,42,.26)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-buy-modal-header{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
min-height:76px!important;
padding:20px 22px!important;
border-bottom:1px solid #e4ecf5!important;
background:
radial-gradient(circle at 0 0,rgba(21,112,239,.12),transparent 34%),
linear-gradient(135deg,#ffffff 0%,#f7fbff 62%,#eef7ff 100%)!important;
}
body.fbm-orion-v2 .fbm-buy-modal-title{
display:flex!important;
align-items:center!important;
gap:13px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-buy-modal-icon{
width:48px!important;
height:48px!important;
flex:0 0 48px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:18px!important;
background:linear-gradient(135deg,#1570ef,#0ea5e9)!important;
color:#fff!important;
box-shadow:0 12px 28px rgba(21,112,239,.28)!important;
font-size:21px!important;
}
body.fbm-orion-v2 .fbm-buy-modal-title h5{
margin:0 0 4px!important;
color:#101828!important;
font-size:19px!important;
line-height:1.2!important;
font-weight:600!important;
letter-spacing:-.018em!important;
}
body.fbm-orion-v2 .fbm-buy-modal-title small{
display:block!important;
color:#667085!important;
font-size:12.5px!important;
line-height:1.35!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-modal-close{
width:38px!important;
height:38px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:14px!important;
background:#fff!important;
border:1px solid #dbe5f0!important;
color:#475467!important;
opacity:1!important;
text-shadow:none!important;
box-shadow:0 6px 16px rgba(16,24,40,.05)!important;
}
body.fbm-orion-v2 .fbm-buy-modal-body{
padding:20px 22px!important;
max-height:calc(100vh - 210px)!important;
}
body.fbm-orion-v2 .fbm-buy-product-card{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
margin-bottom:16px!important;
padding:16px!important;
border:1px solid #dbe5f0!important;
border-radius:22px!important;
background:#fff!important;
box-shadow:0 10px 24px rgba(16,24,40,.045)!important;
}
body.fbm-orion-v2 .fbm-buy-product-main{
display:flex!important;
align-items:center!important;
gap:13px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-buy-product-icon{
width:54px!important;
height:54px!important;
flex:0 0 54px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:20px!important;
background:#f0f7ff!important;
border:1px solid #d6e9ff!important;
}
body.fbm-orion-v2 .fbm-buy-product-icon img{
width:34px!important;
height:34px!important;
object-fit:contain!important;
}
body.fbm-orion-v2 .fbm-buy-label{
display:block!important;
margin-bottom:4px!important;
color:#667085!important;
font-size:11.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-buy-product-name{
display:block!important;
width:100%!important;
min-width:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#101828!important;
font-size:16px!important;
line-height:1.25!important;
font-weight:600!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-buy-product-name:focus{
outline:none!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-buy-meta{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
margin-top:7px!important;
}
body.fbm-orion-v2 .fbm-buy-meta span{
display:inline-flex!important;
align-items:center!important;
min-height:24px!important;
padding:4px 8px!important;
border-radius:999px!important;
background:#f2f6fb!important;
color:#667085!important;
font-size:11.5px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-buy-meta strong{
margin-left:4px!important;
color:#101828!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-buy-unit-price{
flex:0 0 auto!important;
min-width:140px!important;
padding:12px!important;
border-radius:18px!important;
background:#f8fafc!important;
border:1px solid #e4ebf3!important;
text-align:right!important;
}
body.fbm-orion-v2 .fbm-buy-unit-price span{
display:block!important;
margin-bottom:5px!important;
color:#667085!important;
font-size:11.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-buy-unit-price strong{
display:block!important;
color:#175cd3!important;
font-size:15px!important;
line-height:1.2!important;
font-weight:700!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-buy-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(220px,260px)!important;
gap:14px!important;
margin-bottom:15px!important;
}
body.fbm-orion-v2 .fbm-buy-field,
body.fbm-orion-v2 .fbm-buy-total-card{
padding:16px!important;
border:1px solid #dbe5f0!important;
border-radius:22px!important;
background:#fff!important;
box-shadow:0 10px 24px rgba(16,24,40,.04)!important;
}
body.fbm-orion-v2 .fbm-buy-field label{
display:block!important;
margin:0 0 10px!important;
color:#344054!important;
font-size:13px!important;
line-height:1.25!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-qty-control{
display:grid!important;
grid-template-columns:42px minmax(0,1fr) 42px!important;
gap:8px!important;
align-items:center!important;
}
body.fbm-orion-v2 .fbm-qty-btn{
width:42px!important;
height:42px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #d5e1ee!important;
border-radius:15px!important;
background:#f8fafc!important;
color:#101828!important;
font-size:21px!important;
line-height:1!important;
font-weight:700!important;
cursor:pointer!important;
}
body.fbm-orion-v2 .fbm-qty-btn:hover{
background:#eef6ff!important;
border-color:#bfdbfe!important;
color:#175cd3!important;
}
body.fbm-orion-v2 .fbm-qty-control input{
height:42px!important;
border-radius:15px!important;
border:1px solid #d5e1ee!important;
color:#101828!important;
text-align:center!important;
font-size:15px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-buy-field small,
body.fbm-orion-v2 .fbm-buy-total-card small{
display:block!important;
margin-top:9px!important;
color:#667085!important;
font-size:11.5px!important;
line-height:1.35!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-buy-total-card{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
background:linear-gradient(135deg,#eff6ff 0%,#ffffff 100%)!important;
}
body.fbm-orion-v2 .fbm-buy-total-card span{
display:block!important;
margin-bottom:9px!important;
color:#175cd3!important;
font-size:12px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-buy-total-input{
width:100%!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#101828!important;
font-size:24px!important;
line-height:1.15!important;
font-weight:700!important;
letter-spacing:-.02em!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-buy-note{
display:flex!important;
align-items:flex-start!important;
gap:10px!important;
padding:13px 14px!important;
border:1px solid #bfdbfe!important;
border-radius:18px!important;
background:#eff6ff!important;
color:#344054!important;
font-size:12.5px!important;
line-height:1.45!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-buy-note i{
margin-top:2px!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .fbm-buy-modal-footer{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
padding:16px 22px!important;
border-top:1px solid #e4ecf5!important;
background:#fff!important;
}
body.fbm-orion-v2 .fbm-buy-pay-btn{
min-width:150px!important;
min-height:42px!important;
border-radius:15px!important;
font-weight:700!important;
box-shadow:0 10px 22px rgba(22,163,74,.20)!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-buy-modal-header,
body.fbm-orion-v2 .fbm-buy-modal-body,
body.fbm-orion-v2 .fbm-buy-modal-footer{
padding-left:16px!important;
padding-right:16px!important;
}
body.fbm-orion-v2 .fbm-buy-product-card,
body.fbm-orion-v2 .fbm-buy-grid{
grid-template-columns:1fr!important;
flex-direction:column!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-buy-unit-price{
min-width:0!important;
text-align:left!important;
}
body.fbm-orion-v2 .fbm-buy-total-input{
font-size:21px!important;
}
}
/* HOTFIX49: store stock query tabs */
body.fbm-orion-v2 .store-filter-row .store-filter-btn[data-store-filter="sold"]{
display:none!important;
}
body.fbm-orion-v2 .store-filter-row{
max-width:100%!important;
}
body.fbm-orion-v2 .store-filter-btn{
min-width:108px!important;
}
/* HOTFIX53: admin modal safety */
body.fbm-orion-v2 .modal .modal-dialog{
pointer-events:auto!important;
}
body.fbm-orion-v2 .modal .modal-content{
transform:none!important;
}
body.fbm-orion-v2.modal-open .swal-overlay,
body.fbm-orion-v2.modal-open .sweet-overlay,
body.fbm-orion-v2.modal-open .swal2-container{
z-index:10150!important;
}
/* HOTFIX54: Core modal guard - robust Bootstrap modal visibility */
body.fbm-orion-v2.modal-open{
overflow:hidden!important;
}
body.fbm-orion-v2 .modal{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
max-width:none!important;
max-height:none!important;
overflow-x:hidden!important;
overflow-y:auto!important;
z-index:10050!important;
padding-left:0!important;
outline:0!important;
}
body.fbm-orion-v2 .modal.show,
body.fbm-orion-v2 .modal.in{
display:block!important;
}
body.fbm-orion-v2 .modal-backdrop,
body.fbm-orion-v2 .modal-backdrop.show,
body.fbm-orion-v2 .modal-backdrop.in{
position:fixed!important;
inset:0!important;
z-index:10040!important;
opacity:.58!important;
background:#0f172a!important;
}
body.fbm-orion-v2 .modal-dialog{
position:relative!important;
z-index:10060!important;
pointer-events:auto!important;
}
body.fbm-orion-v2 .modal-content{
position:relative!important;
z-index:10061!important;
pointer-events:auto!important;
}
body.fbm-orion-v2 .modal .close,
body.fbm-orion-v2 .modal [data-dismiss="modal"]{
pointer-events:auto!important;
}
body.fbm-orion-v2 .modal .form-control,
body.fbm-orion-v2 .modal button,
body.fbm-orion-v2 .modal a,
body.fbm-orion-v2 .modal select,
body.fbm-orion-v2 .modal textarea,
body.fbm-orion-v2 .modal input{
pointer-events:auto!important;
}
body.fbm-orion-v2.modal-open .app-main,
body.fbm-orion-v2.modal-open .main-content,
body.fbm-orion-v2.fbm-modal-active .app-main,
body.fbm-orion-v2.fbm-modal-active .main-content{
opacity:1!important;
transform:none!important;
filter:none!important;
}
/* HOTFIX55: Core Motion Layer - unified user/admin modal animation */
:root{
--fbm-motion-fast: .16s;
--fbm-motion-normal: .24s;
--fbm-motion-slow: .34s;
--fbm-motion-ease: cubic-bezier(.2,.8,.2,1);
--fbm-motion-pop: cubic-bezier(.16,1,.3,1);
}
@media (prefers-reduced-motion:no-preference){
body.fbm-orion-v2 .modal.fbm-modal-motion{
opacity:0;
transition:opacity var(--fbm-motion-normal) ease!important;
}
body.fbm-orion-v2 .modal.fbm-modal-motion.show,
body.fbm-orion-v2 .modal.fbm-modal-motion.in,
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-motion-ready{
opacity:1;
}
body.fbm-orion-v2 .modal.fbm-modal-motion .modal-dialog{
transform:translate3d(0,10px,0) scale(.985)!important;
opacity:.96;
transition:
transform var(--fbm-motion-normal) var(--fbm-motion-pop),
opacity var(--fbm-motion-normal) ease!important;
will-change:transform,opacity;
}
body.fbm-orion-v2 .modal.fbm-modal-motion.show .modal-dialog,
body.fbm-orion-v2 .modal.fbm-modal-motion.in .modal-dialog,
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-motion-ready .modal-dialog{
transform:translate3d(0,0,0) scale(1)!important;
opacity:1;
}
body.fbm-orion-v2 .modal-backdrop{
transition:opacity var(--fbm-motion-normal) ease!important;
}
body.fbm-orion-v2 .modal-backdrop.fade:not(.show):not(.in){
opacity:0!important;
}
body.fbm-orion-v2 .modal-backdrop.show,
body.fbm-orion-v2 .modal-backdrop.in{
opacity:.58!important;
}
body.fbm-orion-v2 .fbm-route-loader,
body.fbm-orion-v2 .fbm-ajax-progress,
body.fbm-orion-v2 .main-content,
body.fbm-orion-v2 .app-main{
transition-timing-function:var(--fbm-motion-ease)!important;
}
}
@media (prefers-reduced-motion:reduce){
body.fbm-orion-v2 .modal,
body.fbm-orion-v2 .modal-dialog,
body.fbm-orion-v2 .modal-backdrop{
transition:none!important;
animation:none!important;
transform:none!important;
}
}
/* keep modal stable, but do not kill animation */
body.fbm-orion-v2 .modal.show .modal-dialog,
body.fbm-orion-v2 .modal.in .modal-dialog{
pointer-events:auto!important;
}
/* HOTFIX56: all-modal race guard */
body.fbm-orion-v2 .modal[data-fbm-modal-action="show"],
body.fbm-orion-v2 .modal[data-fbm-modal-action="hide"]{
pointer-events:none!important;
}
body.fbm-orion-v2 .modal[data-fbm-modal-action="show"] .modal-dialog,
body.fbm-orion-v2 .modal[data-fbm-modal-action="hide"] .modal-dialog{
pointer-events:auto!important;
}
body.fbm-orion-v2 .modal.show,
body.fbm-orion-v2 .modal.in{
display:block!important;
}
body.fbm-orion-v2 .modal.fbm-modal-motion .modal-dialog{
backface-visibility:hidden;
}
body.fbm-orion-v2 .modal-backdrop[data-fbm-modal-guard="true"]{
pointer-events:auto!important;
}
body.fbm-orion-v2.fbm-modal-active .fbm-route-loader{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
/* HOTFIX57: smoother modal close motion */
@media (prefers-reduced-motion:no-preference){
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-closing{
opacity:0!important;
transition:opacity var(--fbm-motion-normal) ease!important;
}
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-closing .modal-dialog{
transform:translate3d(0,12px,0) scale(.982)!important;
opacity:.94!important;
transition:
transform var(--fbm-motion-normal) var(--fbm-motion-ease),
opacity var(--fbm-motion-normal) ease!important;
}
body.fbm-orion-v2 .modal-backdrop.fade{
transition:opacity var(--fbm-motion-normal) ease!important;
}
}
/* closing must win over .show/.in while Core waits for transition end */
body.fbm-orion-v2 .modal.fbm-modal-closing.show,
body.fbm-orion-v2 .modal.fbm-modal-closing.in{
opacity:0!important;
}
body.fbm-orion-v2 .modal.fbm-modal-closing.show .modal-dialog,
body.fbm-orion-v2 .modal.fbm-modal-closing.in .modal-dialog{
transform:translate3d(0,12px,0) scale(.982)!important;
opacity:.94!important;
}
/* HOTFIX58: fast-close modal motion */
:root{
--fbm-modal-close-fast: .096s;
--fbm-modal-close-busy: .16s;
}
@media (prefers-reduced-motion:no-preference){
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-closing{
opacity:0!important;
transition:opacity var(--fbm-modal-close-fast) ease-out!important;
}
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-closing .modal-dialog{
transform:translate3d(0,6px,0) scale(.992)!important;
opacity:.98!important;
transition:
transform var(--fbm-modal-close-fast) cubic-bezier(.2,.8,.2,1),
opacity var(--fbm-modal-close-fast) ease-out!important;
}
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-busy.fbm-modal-closing,
body.fbm-orion-v2 .modal.fbm-modal-motion[data-fbm-modal-slow-close="true"].fbm-modal-closing{
transition-duration:var(--fbm-modal-close-busy)!important;
}
body.fbm-orion-v2 .modal.fbm-modal-motion.fbm-modal-busy.fbm-modal-closing .modal-dialog,
body.fbm-orion-v2 .modal.fbm-modal-motion[data-fbm-modal-slow-close="true"].fbm-modal-closing .modal-dialog{
transition-duration:var(--fbm-modal-close-busy), var(--fbm-modal-close-busy)!important;
}
body.fbm-orion-v2 .modal-backdrop.fade{
transition:opacity var(--fbm-modal-close-fast) ease-out!important;
}
}
body.fbm-orion-v2 .modal.fbm-modal-closing.show .modal-dialog,
body.fbm-orion-v2 .modal.fbm-modal-closing.in .modal-dialog{
transform:translate3d(0,6px,0) scale(.992)!important;
opacity:.98!important;
}
/* HOTFIX59: Deposit + Signup clean UI */
body.fbm-orion-v2 .fbm-page-heading-actions{
display:flex;
justify-content:flex-end;
align-items:center;
min-height:42px;
}
body.fbm-orion-v2 .fbm-soft-badge{
display:inline-flex;
align-items:center;
gap:7px;
padding:7px 11px;
border-radius:999px;
background:rgba(15,23,42,.06);
border:1px solid rgba(148,163,184,.24);
color:#475569;
font-size:12px;
font-weight:700;
letter-spacing:.01em;
}
body.fbm-orion-v2 .fbm-section-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
margin:4px 0 14px;
}
body.fbm-orion-v2 .fbm-section-head h5{
margin:0;
font-size:18px;
font-weight:700;
color:#0f172a;
}
body.fbm-orion-v2 .fbm-section-kicker{
display:block;
margin-bottom:3px;
font-size:11px;
font-weight:700;
color:#64748b;
letter-spacing:.08em;
text-transform:uppercase;
}
body.fbm-orion-v2 .fbm-deposit-page-v2{
max-width:1280px;
margin:0 auto;
}
body.fbm-orion-v2 .fbm-deposit-guide-v2{
display:flex;
flex-direction:column;
gap:18px;
height:100%;
}
body.fbm-orion-v2 .fbm-deposit-steps{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
body.fbm-orion-v2 .fbm-deposit-step{
display:flex;
align-items:center;
gap:9px;
padding:10px 12px;
border-radius:16px;
background:rgba(255,255,255,.72);
border:1px solid rgba(148,163,184,.24);
}
body.fbm-orion-v2 .fbm-deposit-step__num{
display:flex;
width:26px;
height:26px;
align-items:center;
justify-content:center;
border-radius:999px;
background:#0f172a;
color:#fff;
font-size:12px;
line-height:1;
}
body.fbm-orion-v2 .fbm-deposit-step__text{
color:#334155;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-deposit-memo-card{
height:100%;
min-height:156px;
padding:18px;
border-radius:22px;
background:linear-gradient(145deg,#0f172a,#1e293b);
color:#fff;
box-shadow:0 18px 42px rgba(15,23,42,.18);
display:flex;
flex-direction:column;
justify-content:center;
gap:10px;
}
body.fbm-orion-v2 .fbm-deposit-memo-card__label{
font-size:11px;
text-transform:uppercase;
letter-spacing:.08em;
color:#cbd5e1;
font-weight:700;
}
body.fbm-orion-v2 .fbm-deposit-memo-card__value{
font-size:20px;
letter-spacing:.04em;
word-break:break-word;
}
body.fbm-orion-v2 .fbm-deposit-memo-card__hint{
color:#cbd5e1;
line-height:1.45;
}
body.fbm-orion-v2 .fbm-payment-grid-v2{
align-items:stretch;
}
body.fbm-orion-v2 .fbm-payment-card-v2{
display:grid;
grid-template-columns:205px minmax(0,1fr);
gap:18px;
height:100%;
padding:18px;
}
body.fbm-orion-v2 .fbm-payment-card-v2__left{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
}
body.fbm-orion-v2 .fbm-payment-card-v2 .fbm-payment-qr-frame{
width:190px;
height:190px;
border-radius:22px;
}
body.fbm-orion-v2 .fbm-payment-card-v2__body{
min-width:0;
display:flex;
flex-direction:column;
gap:13px;
}
body.fbm-orion-v2 .fbm-transfer-box{
padding:12px;
border-radius:16px;
background:rgba(22,163,74,.08);
border:1px solid rgba(22,163,74,.18);
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px 12px;
align-items:center;
}
body.fbm-orion-v2 .fbm-transfer-box__label{
grid-column:1/-1;
color:#15803d;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
}
body.fbm-orion-v2 .fbm-transfer-box__value{
min-width:0;
font-size:18px;
font-weight:700;
color:#0f172a;
word-break:break-word;
}
body.fbm-orion-v2 .fbm-copy-btn{
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-payment-loading span{
display:block;
margin-top:5px;
color:#64748b;
font-size:13px;
}
body.fbm-orion-v2.fbm-auth-page{
min-height:100vh;
background:
radial-gradient(circle at top left, rgba(14,165,233,.16), transparent 32%),
radial-gradient(circle at bottom right, rgba(34,197,94,.12), transparent 30%),
#f8fafc!important;
}
body.fbm-orion-v2 .fbm-auth-shell{
min-height:calc(100vh - 56px);
display:flex;
align-items:center;
justify-content:center;
padding:36px 16px 78px;
}
body.fbm-orion-v2 .fbm-auth-card{
width:min(1040px,100%);
display:grid;
grid-template-columns:420px minmax(0,1fr);
overflow:hidden;
border-radius:28px;
background:#fff;
border:1px solid rgba(148,163,184,.22);
box-shadow:0 28px 80px rgba(15,23,42,.14);
}
body.fbm-orion-v2 .fbm-auth-panel{
padding:34px;
color:#fff;
background:
linear-gradient(145deg,rgba(15,23,42,.96),rgba(30,41,59,.92)),
radial-gradient(circle at top right,rgba(56,189,248,.35),transparent 36%);
display:flex;
flex-direction:column;
justify-content:center;
gap:18px;
}
body.fbm-orion-v2 .fbm-auth-brand{
display:flex;
align-items:center;
gap:12px;
margin-bottom:8px;
}
body.fbm-orion-v2 .fbm-auth-logo{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:16px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.16);
}
body.fbm-orion-v2 .fbm-auth-logo i{
font-size:22px;
}
body.fbm-orion-v2 .fbm-auth-brand span{
display:block;
color:#cbd5e1;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
}
body.fbm-orion-v2 .fbm-auth-brand strong{
display:block;
font-size:16px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-auth-panel h3{
margin:0;
color:#fff;
font-size:34px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-auth-desc{
color:#cbd5e1;
margin:0;
font-size:15px;
line-height:1.55;
}
body.fbm-orion-v2 .fbm-auth-tips{
display:flex;
flex-direction:column;
gap:9px;
margin-top:12px;
}
body.fbm-orion-v2 .fbm-auth-tips div{
display:flex;
align-items:center;
gap:9px;
color:#e2e8f0;
font-size:13px;
font-weight:600;
}
body.fbm-orion-v2 .fbm-auth-tips i{
color:#86efac;
}
body.fbm-orion-v2 .fbm-auth-form{
padding:34px;
display:flex;
flex-direction:column;
justify-content:center;
}
body.fbm-orion-v2 .fbm-auth-field{
margin-bottom:14px;
}
body.fbm-orion-v2 .fbm-auth-field label{
display:block;
margin-bottom:6px;
color:#334155;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-auth-input{
position:relative;
}
body.fbm-orion-v2 .fbm-auth-input i{
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
color:#64748b;
font-size:16px;
z-index:1;
}
body.fbm-orion-v2 .fbm-auth-input .form-control{
height:46px;
border-radius:14px;
border:1px solid rgba(148,163,184,.38);
background:#f8fafc;
padding-left:42px;
color:#0f172a;
font-weight:600;
box-shadow:none;
}
body.fbm-orion-v2 .fbm-auth-input .form-control:focus{
background:#fff;
border-color:#38bdf8;
box-shadow:0 0 0 4px rgba(56,189,248,.14);
}
body.fbm-orion-v2 .fbm-auth-input .form-control.is-invalid{
border-color:#ef4444;
box-shadow:0 0 0 4px rgba(239,68,68,.12);
}
body.fbm-orion-v2 .fbm-field-help{
display:block;
margin-top:5px;
color:#64748b;
font-size:12px;
}
body.fbm-orion-v2 .fbm-field-error{
display:none;
margin-top:5px;
color:#dc2626;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-auth-submit{
height:46px;
border-radius:14px;
font-weight:700;
margin-top:6px;
}
body.fbm-orion-v2 .fbm-auth-switch{
text-align:center;
margin-top:18px;
color:#64748b;
font-size:14px;
}
body.fbm-orion-v2 .fbm-auth-switch a{
font-weight:700;
color:#0284c7;
}
body.fbm-orion-v2 .fbm-auth-alert{
border-radius:14px;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-auth-footer{
display:flex;
gap:8px;
justify-content:center;
align-items:center;
background:transparent!important;
border:none!important;
color:#64748b;
}
body.fbm-orion-v2 .fbm-btn-spinner{
display:inline-block;
width:14px;
height:14px;
margin-right:8px;
border:2px solid rgba(255,255,255,.55);
border-top-color:#fff;
border-radius:50%;
animation:fbmSpin .7s linear infinite;
vertical-align:-2px;
}
@keyframes fbmSpin{
to{ transform:rotate(360deg); }
}
@media (max-width: 991.98px){
body.fbm-orion-v2 .fbm-payment-card-v2{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-payment-card-v2 .fbm-payment-qr-frame{
width:210px;
height:210px;
}
body.fbm-orion-v2 .fbm-auth-card{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-auth-panel{
padding:26px;
}
body.fbm-orion-v2 .fbm-auth-form{
padding:26px;
}
body.fbm-orion-v2 .fbm-deposit-steps{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-section-head{
align-items:flex-start;
flex-direction:column;
}
}
@media (max-width: 575.98px){
body.fbm-orion-v2 .fbm-transfer-box{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-copy-btn{
width:100%;
}
}
/* HOTFIX60: Admin transfer + login polish */
body.fbm-orion-v2 .fbm-auth-panel-admin{
background:
linear-gradient(145deg,rgba(20,24,39,.98),rgba(51,65,85,.92)),
radial-gradient(circle at top right,rgba(248,113,113,.26),transparent 34%);
}
body.fbm-orion-v2 .fbm-admin-auth-page .fbm-auth-logo{
background:rgba(239,68,68,.14);
border-color:rgba(248,113,113,.24);
}
body.fbm-orion-v2 .fbm-admin-transfer-modal .modal-dialog{
max-width:640px;
}
body.fbm-orion-v2 .fbm-modal-kicker{
display:block;
color:#64748b;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:3px;
}
body.fbm-orion-v2 .fbm-admin-transfer-modal .modal-header{
align-items:flex-start;
border-bottom:1px solid rgba(148,163,184,.18);
}
body.fbm-orion-v2 .fbm-admin-transfer-modal .modal-title{
margin:0;
color:#0f172a;
font-size:18px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-transfer-user-card{
display:grid;
grid-template-columns:48px minmax(0,1fr) minmax(150px,auto);
gap:12px;
align-items:center;
padding:14px;
border-radius:18px;
background:linear-gradient(145deg,#f8fafc,#ffffff);
border:1px solid rgba(148,163,184,.24);
margin-bottom:14px;
}
body.fbm-orion-v2 .fbm-transfer-avatar{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:16px;
background:#0f172a;
color:#fff;
font-size:22px;
}
body.fbm-orion-v2 .fbm-transfer-user-main{
min-width:0;
}
body.fbm-orion-v2 .fbm-transfer-user-main__label,
body.fbm-orion-v2 .fbm-transfer-balance > .fbm-transfer-balance-label{
display:block;
color:#64748b;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
}
body.fbm-orion-v2 .fbm-transfer-user-main__name{
display:block;
color:#0f172a;
font-size:15px;
font-weight:700;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
body.fbm-orion-v2 .fbm-transfer-user-main__email{
color:#64748b;
font-weight:600;
}
body.fbm-orion-v2 .fbm-transfer-balance{
text-align:right;
padding-left:10px;
}
body.fbm-orion-v2 .fbm-transfer-balance-total{
display:flex;
align-items:baseline;
justify-content:flex-end;
gap:4px;
color:#16a34a;
font-size:16px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-transfer-balance-total .fbm-money-value{
display:inline !important;
color:inherit;
font-size:inherit;
font-weight:inherit;
text-transform:none;
letter-spacing:0;
}
body.fbm-orion-v2 .fbm-transfer-balance-total .fbm-money-unit{
font-style:normal;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-transfer-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
body.fbm-orion-v2 .fbm-transfer-field{
margin-bottom:13px;
}
body.fbm-orion-v2 .fbm-transfer-field label{
display:block;
margin-bottom:6px;
color:#334155;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-transfer-field .form-control{
min-height:42px;
border-radius:13px;
border:1px solid rgba(148,163,184,.38);
background:#f8fafc;
color:#0f172a;
font-weight:600;
box-shadow:none;
}
body.fbm-orion-v2 .fbm-transfer-field .form-control:focus{
background:#fff;
border-color:#38bdf8;
box-shadow:0 0 0 4px rgba(56,189,248,.14);
}
body.fbm-orion-v2 .fbm-transfer-field small{
display:block;
margin-top:5px;
color:#64748b;
font-size:12px;
}
body.fbm-orion-v2 .fbm-transfer-preview{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 14px;
border-radius:16px;
background:rgba(2,132,199,.08);
border:1px solid rgba(2,132,199,.16);
}
body.fbm-orion-v2 .fbm-transfer-preview__label{
color:#0369a1;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
}
body.fbm-orion-v2 .fbm-transfer-preview__value{
color:#0f172a;
font-size:18px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-transfer-preview__hint{
display:block;
flex-basis:100%;
color:#64748b;
font-size:12px;
font-weight:600;
line-height:1.35;
}
body.fbm-orion-v2 .fbm-transfer-preview.is-deposit{
background:rgba(22,163,74,.08);
border-color:rgba(22,163,74,.18);
}
body.fbm-orion-v2 .fbm-transfer-preview.is-deposit .fbm-transfer-preview__label,
body.fbm-orion-v2 .fbm-transfer-preview.is-deposit .fbm-transfer-preview__value{
color:#15803d;
}
body.fbm-orion-v2 .fbm-transfer-preview.is-deduct{
background:rgba(239,68,68,.08);
border-color:rgba(239,68,68,.18);
}
body.fbm-orion-v2 .fbm-transfer-preview.is-deduct .fbm-transfer-preview__label,
body.fbm-orion-v2 .fbm-transfer-preview.is-deduct .fbm-transfer-preview__value{
color:#dc2626;
}
@media (max-width: 575.98px){
body.fbm-orion-v2 .fbm-transfer-user-card,
body.fbm-orion-v2 .fbm-transfer-grid{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-transfer-balance{
text-align:left;
padding-left:0;
}
body.fbm-orion-v2 .fbm-transfer-balance-total{
justify-content:flex-start;
}
}
/* HOTFIX61: dynamic modal flow guard */
body.fbm-orion-v2 .btnTransfer[data-fbm-action="open-transfer"]{
user-select:none;
}
body.fbm-orion-v2 .fbm-admin-transfer-modal #transfer_user_display:empty::after{
content:"Chưa chọn người dùng";
color:#64748b;
}
/* HOTFIX62: user orders history UI */
body.fbm-orion-v2 .fbm-orders-page{
max-width:1320px;
margin:0 auto;
}
body.fbm-orion-v2 .fbm-stat-card{
height:100%;
padding:18px;
border-radius:22px;
background:#fff;
border:1px solid rgba(148,163,184,.22);
box-shadow:0 14px 38px rgba(15,23,42,.06);
}
body.fbm-orion-v2 .fbm-stat-card__label{
display:block;
color:#64748b;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.07em;
margin-bottom:6px;
}
body.fbm-orion-v2 .fbm-stat-card__value{
display:block;
color:#0f172a;
font-size:24px;
font-weight:700;
line-height:1.15;
}
body.fbm-orion-v2 .fbm-stat-card__hint{
display:block;
color:#94a3b8;
font-size:12px;
font-weight:600;
margin-top:4px;
}
body.fbm-orion-v2 .fbm-orders-card{
border-radius:24px!important;
overflow:hidden;
}
body.fbm-orion-v2 .fbm-order-tools{
display:flex;
align-items:center;
gap:10px;
}
body.fbm-orion-v2 .fbm-filter-panel{
padding:14px;
border-radius:20px;
background:#f8fafc;
border:1px solid rgba(148,163,184,.2);
margin-bottom:16px;
}
body.fbm-orion-v2 .fbm-filter-panel label{
display:block;
margin-bottom:5px;
color:#475569;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-filter-panel .form-control{
border-radius:13px;
border:1px solid rgba(148,163,184,.34);
background:#fff;
box-shadow:none;
}
body.fbm-orion-v2 .fbm-filter-actions{
display:flex;
flex-direction:column;
gap:6px;
}
body.fbm-orion-v2 .fbm-orders-loading{
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
margin-bottom:12px;
border-radius:16px;
background:rgba(2,132,199,.08);
border:1px solid rgba(2,132,199,.15);
color:#0369a1;
font-weight:700;
}
body.fbm-orion-v2 .fbm-orders-loading i{
animation:fbmSpin .8s linear infinite;
}
/* Legacy .fbm-orders-table-wrap frame removed by HOTFIX1139; final scroll contract owns it. */
body.fbm-orion-v2 .fbm-orders-table{
margin:0!important;
}
body.fbm-orion-v2 .fbm-orders-table thead th{
background:#f8fafc!important;
color:#475569!important;
font-size:11px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.06em!important;
border-bottom:1px solid rgba(148,163,184,.22)!important;
}
body.fbm-orion-v2 .fbm-orders-table tbody td{
vertical-align:middle!important;
border-top:1px solid rgba(148,163,184,.15)!important;
}
body.fbm-orion-v2 .fbm-order-id{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
body.fbm-orion-v2 .fbm-order-id strong{
display:block;
max-width:230px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#0f172a;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-mini-copy{
width:26px;
height:26px;
border:0;
border-radius:9px;
background:#eef6ff;
color:#0369a1;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
body.fbm-orion-v2 .fbm-order-time{
color:#475569;
font-size:12px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-order-service{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
body.fbm-orion-v2 .fbm-order-service strong{
max-width:260px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#0f172a;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-order-service small{
color:#94a3b8;
font-size:11px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-money{
color:#334155;
font-size:12px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-money-strong{
color:#16a34a;
}
body.fbm-orion-v2 .fbm-order-amount{
display:inline-flex;
min-width:36px;
justify-content:center;
padding:4px 9px;
border-radius:999px;
background:#eef2ff;
color:#3730a3;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-order-actions{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap;
}
body.fbm-orion-v2 .fbm-order-actions .btn{
border-radius:999px;
font-size:11px;
font-weight:700;
padding:5px 9px;
}
body.fbm-orion-v2 .fbm-order-accounts-modal .modal-dialog{
max-width:900px;
}
body.fbm-orion-v2 .fbm-order-modal-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
body.fbm-orion-v2 .fbm-order-modal-meta span{
display:inline-flex;
padding:5px 10px;
border-radius:999px;
background:#ecfdf3;
color:#15803d;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-order-modal-meta small{
color:#64748b;
font-weight:600;
}
body.fbm-orion-v2 .fbm-account-textarea{
min-height:420px;
border-radius:16px!important;
background:#0f172a!important;
color:#d1fae5!important;
font-family:Consolas,"Roboto Mono",monospace!important;
font-size:12px!important;
line-height:1.55!important;
resize:vertical;
}
@media (max-width: 991.98px){
body.fbm-orion-v2 .fbm-filter-actions{
flex-direction:row;
}
body.fbm-orion-v2 .fbm-orders-table-wrap{
overflow-x:auto;
}
body.fbm-orion-v2 .fbm-orders-table{
min-width:960px;
}
}
/* HOTFIX63: orders state synchronization */
body.fbm-orion-v2 .fbm-orders-empty[hidden],
body.fbm-orion-v2 .fbm-orders-loading[hidden],
body.fbm-orion-v2 #orders_table_wrap[hidden]{
display:none!important;
}
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="idle"] #orders_loading,
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="idle"] #orders_empty,
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="idle"] #orders_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="loading"] #orders_loading{
display:flex!important;
}
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="loading"] #orders_empty,
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="loading"] #orders_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="empty"] #orders_empty{
display:flex!important;
}
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="empty"] #orders_loading,
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="empty"] #orders_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="ready"] #orders_table_wrap{
display:block!important;
}
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="ready"] #orders_loading,
body.fbm-orion-v2 .fbm-orders-page[data-orders-state="ready"] #orders_empty{
display:none!important;
}
body.fbm-orion-v2 .fbm-orders-empty{
min-height:220px;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
border:1px dashed #cdd8e6;
border-radius:24px;
background:#fff;
color:#667085;
text-align:center;
margin-bottom:14px;
}
body.fbm-orion-v2 .fbm-orders-empty__icon{
width:52px;
height:52px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
background:#f2f4f7;
color:#475467;
font-size:24px;
}
body.fbm-orion-v2 .fbm-orders-empty h5{
margin:0;
color:#344054;
font-size:16px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-orders-empty p{
margin:0;
color:#667085;
font-size:13px;
}
/* HOTFIX64: admin services clean UI */
body.fbm-orion-v2 .fbm-admin-services-page{
max-width:1480px;
margin:0 auto;
}
body.fbm-orion-v2 .fbm-services-card{
border-radius:24px!important;
overflow:hidden;
}
body.fbm-orion-v2 .fbm-services-toolbar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
padding:18px 20px!important;
background:#fff!important;
border-bottom:1px solid rgba(148,163,184,.22)!important;
}
body.fbm-orion-v2 .fbm-services-toolbar h5{
margin:0;
color:#0f172a;
font-size:18px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-service-toolbar-actions{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
body.fbm-orion-v2 .fbm-services-table{
margin:0!important;
min-width:1260px;
}
body.fbm-orion-v2 .fbm-services-table thead th{
background:#f8fafc!important;
color:#475569!important;
font-size:11px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.06em!important;
border-bottom:1px solid rgba(148,163,184,.22)!important;
vertical-align:middle!important;
text-align:left!important;
}
body.fbm-orion-v2 .fbm-services-table tbody td{
vertical-align:middle!important;
border-top:1px solid rgba(148,163,184,.14)!important;
text-align:left!important;
}
body.fbm-orion-v2 .service-name-cell{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
body.fbm-orion-v2 .service-name-title{
max-width:260px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#0f172a;
font-weight:700;
font-size:13px;
}
body.fbm-orion-v2 .service-name-sub{
color:#94a3b8;
font-size:11px;
font-weight:700;
}
body.fbm-orion-v2 .service-id-pill,
body.fbm-orion-v2 .service-type-pill,
body.fbm-orion-v2 .service-geo-pill,
body.fbm-orion-v2 .service-range,
body.fbm-orion-v2 .service-price-pill,
body.fbm-orion-v2 .service-stock-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:26px;
padding:4px 9px;
border-radius:999px;
font-size:11px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .service-id-pill{
background:#eef6ff;
color:#0369a1;
}
body.fbm-orion-v2 .service-type-pill{
background:#f1f5f9;
color:#334155;
text-transform:uppercase;
}
body.fbm-orion-v2 .service-geo-pill{
background:#fff7ed;
color:#c2410c;
}
body.fbm-orion-v2 .service-range{
background:#f8fafc;
color:#475569;
}
body.fbm-orion-v2 .service-price-pill{
background:#ecfdf3;
color:#15803d;
}
body.fbm-orion-v2 .service-stock-pill{
background:#f1f5f9;
color:#334155;
min-width:42px;
}
body.fbm-orion-v2 .service-stock-pill.available{
background:#ecfdf3;
color:#15803d;
}
body.fbm-orion-v2 .service-stock-pill.sold{
background:#fff1f2;
color:#e11d48;
}
body.fbm-orion-v2 .service-action-stack{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap;
}
body.fbm-orion-v2 .service-action-stack .btn{
border-radius:999px;
font-size:11px;
font-weight:700;
padding:5px 9px;
}
body.fbm-orion-v2 .service-action-stack .dropdown-menu{
border-radius:14px;
border:1px solid rgba(148,163,184,.22);
box-shadow:0 18px 48px rgba(15,23,42,.12);
padding:7px;
}
body.fbm-orion-v2 .service-action-stack .dropdown-item{
border-radius:10px;
padding:8px 10px;
font-size:12px;
font-weight:700;
color:#334155;
}
body.fbm-orion-v2 .service-action-stack .dropdown-item:hover{
background:#f1f5f9;
color:#0f172a;
}
body.fbm-orion-v2 .fbm-service-modal .modal-dialog{
max-width:760px;
}
body.fbm-orion-v2 .fbm-service-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
body.fbm-orion-v2 .fbm-service-range-card{
padding:12px;
border-radius:16px;
background:#f8fafc;
border:1px solid rgba(148,163,184,.22);
}
body.fbm-orion-v2 .fbm-service-range-card > label{
display:block;
margin-bottom:8px;
color:#334155;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-service-range-row{
display:grid;
grid-template-columns:92px minmax(0,1fr);
gap:8px;
align-items:center;
margin-bottom:8px;
}
body.fbm-orion-v2 .fbm-check-line{
display:flex;
align-items:center;
gap:6px;
margin:0;
color:#475569;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-service-upload-warning{
display:flex;
gap:10px;
align-items:flex-start;
padding:12px;
border-radius:16px;
margin-bottom:14px;
background:#fff7ed;
border:1px solid rgba(251,146,60,.22);
color:#9a3412;
font-weight:700;
font-size:13px;
}
body.fbm-orion-v2 .fbm-upload-file{
display:block;
width:100%;
}
@media(max-width: 767.98px){
body.fbm-orion-v2 .fbm-services-toolbar{
align-items:flex-start!important;
flex-direction:column!important;
}
body.fbm-orion-v2 .fbm-service-form-grid{
grid-template-columns:1fr;
}
}
/* HOTFIX65: clearer admin service edit/delete buttons */
body.fbm-orion-v2 .service-action-primary{
gap:8px;
}
body.fbm-orion-v2 .fbm-service-action-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
min-width:72px!important;
border-radius:999px!important;
font-size:12px!important;
font-weight:700!important;
padding:6px 11px!important;
box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
body.fbm-orion-v2 .fbm-service-action-btn i{
font-size:13px!important;
line-height:1!important;
}
body.fbm-orion-v2 .fbm-service-action-edit{
background:#f59e0b!important;
border-color:#f59e0b!important;
color:#111827!important;
}
body.fbm-orion-v2 .fbm-service-action-edit:hover{
background:#d97706!important;
border-color:#d97706!important;
color:#fff!important;
transform:translateY(-1px);
}
body.fbm-orion-v2 .fbm-service-action-delete{
background:#ef4444!important;
border-color:#ef4444!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-service-action-delete:hover{
background:#dc2626!important;
border-color:#dc2626!important;
color:#fff!important;
transform:translateY(-1px);
}
@media(max-width:575.98px){
body.fbm-orion-v2 .fbm-service-action-btn{
min-width:42px!important;
padding:7px 9px!important;
}
body.fbm-orion-v2 .fbm-service-action-btn span{
display:none!important;
}
}
/* HOTFIX66: admin tranlogs/settings/security UI */
body.fbm-orion-v2 .fbm-admin-list-card,
body.fbm-orion-v2 .fbm-settings-card,
body.fbm-orion-v2 .fbm-security-card{
border-radius:24px!important;
overflow:hidden;
}
body.fbm-orion-v2 .fbm-admin-table-wrap{
border-radius:20px;
border:1px solid rgba(148,163,184,.22);
overflow:hidden;
background:#fff;
}
body.fbm-orion-v2 .fbm-admin-table{
margin:0!important;
min-width:1080px;
}
body.fbm-orion-v2 .fbm-admin-table thead th{
background:#f8fafc!important;
color:#475569!important;
font-size:11px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.06em!important;
border-bottom:1px solid rgba(148,163,184,.22)!important;
vertical-align:middle!important;
}
body.fbm-orion-v2 .fbm-admin-table tbody td{
vertical-align:middle!important;
border-top:1px solid rgba(148,163,184,.14)!important;
}
body.fbm-orion-v2 .fbm-trans-id{
display:block;
max-width:210px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#64748b;
font-size:11px;
font-weight:700;
font-family:Consolas,"Roboto Mono",monospace;
}
body.fbm-orion-v2 .fbm-trans-user{
color:#0f172a;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-trans-exchanger{
display:inline-flex;
padding:4px 9px;
border-radius:999px;
background:#eef6ff;
color:#0369a1;
font-size:11px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-trans-change{
display:inline-flex;
min-width:96px;
justify-content:center;
padding:5px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-trans-change.is-deposit{
background:#ecfdf3;
color:#15803d;
}
body.fbm-orion-v2 .fbm-trans-change.is-deduct{
background:#fff1f2;
color:#dc2626;
}
body.fbm-orion-v2 .fbm-trans-desc{
display:block;
max-width:320px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#64748b;
font-size:12px;
font-weight:600;
}
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="idle"] #translogs_loading,
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="idle"] #translogs_empty,
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="idle"] #translogs_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="loading"] #translogs_loading{
display:flex!important;
}
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="loading"] #translogs_empty,
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="loading"] #translogs_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="empty"] #translogs_empty{
display:flex!important;
}
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="empty"] #translogs_loading,
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="empty"] #translogs_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="ready"] #translogs_table_wrap{
display:block!important;
}
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="ready"] #translogs_loading,
body.fbm-orion-v2 .fbm-admin-tranlogs-page[data-trans-state="ready"] #translogs_empty{
display:none!important;
}
body.fbm-orion-v2 .fbm-settings-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:14px;
}
body.fbm-orion-v2 .fbm-setting-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:126px;
padding:18px;
border-radius:22px;
background:#fff;
border:1px solid rgba(148,163,184,.22);
box-shadow:0 12px 32px rgba(15,23,42,.05);
}
body.fbm-orion-v2 .fbm-setting-card.is-saving{
opacity:.66;
pointer-events:none;
}
body.fbm-orion-v2 .fbm-setting-main{
min-width:0;
}
body.fbm-orion-v2 .fbm-setting-key{
display:inline-flex;
padding:4px 8px;
border-radius:999px;
background:#f1f5f9;
color:#475569;
font-size:10px;
font-weight:700;
letter-spacing:.04em;
text-transform:uppercase;
margin-bottom:8px;
}
body.fbm-orion-v2 .fbm-setting-main strong{
display:block;
color:#0f172a;
font-size:15px;
font-weight:700;
margin-bottom:4px;
}
body.fbm-orion-v2 .fbm-setting-main small{
display:block;
color:#64748b;
font-size:12px;
font-weight:600;
line-height:1.45;
}
body.fbm-orion-v2 .fbm-switch{
position:relative;
display:inline-flex;
flex:0 0 auto;
width:54px;
height:30px;
margin:0;
cursor:pointer;
}
body.fbm-orion-v2 .fbm-switch input{
opacity:0;
width:0;
height:0;
}
body.fbm-orion-v2 .fbm-switch span{
position:absolute;
inset:0;
border-radius:999px;
background:#cbd5e1;
transition:.18s ease;
box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
}
body.fbm-orion-v2 .fbm-switch span::before{
content:"";
position:absolute;
width:24px;
height:24px;
left:3px;
top:3px;
border-radius:50%;
background:#fff;
transition:.18s ease;
box-shadow:0 4px 10px rgba(15,23,42,.18);
}
body.fbm-orion-v2 .fbm-switch input:checked + span{
background:#16a34a;
}
body.fbm-orion-v2 .fbm-switch input:checked + span::before{
transform:translateX(24px);
}
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="idle"] #settings_loading,
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="idle"] #settings_empty,
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="idle"] #settings_container{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="loading"] #settings_loading{
display:flex!important;
}
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="loading"] #settings_empty,
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="loading"] #settings_container{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="empty"] #settings_empty{
display:flex!important;
}
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="empty"] #settings_loading,
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="empty"] #settings_container{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="ready"] #settings_container{
display:grid!important;
}
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="ready"] #settings_loading,
body.fbm-orion-v2 .fbm-admin-settings-page[data-settings-state="ready"] #settings_empty{
display:none!important;
}
body.fbm-orion-v2 .fbm-security-card{
height:100%;
}
body.fbm-orion-v2 .fbm-security-head{
display:flex;
align-items:flex-start;
gap:14px;
margin-bottom:18px;
}
body.fbm-orion-v2 .fbm-security-head h5{
margin:0 0 4px;
color:#0f172a;
font-size:18px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-security-head p{
margin:0;
color:#64748b;
font-size:13px;
font-weight:600;
line-height:1.5;
}
body.fbm-orion-v2 .fbm-security-icon{
width:48px;
height:48px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
background:#eef6ff;
color:#0369a1;
font-size:22px;
}
body.fbm-orion-v2 .fbm-security-icon.is-danger{
background:#fff1f2;
color:#dc2626;
}
body.fbm-orion-v2 .fbm-mono-input{
font-family:Consolas,"Roboto Mono",monospace!important;
font-size:12px!important;
letter-spacing:.01em;
}
body.fbm-orion-v2 .fbm-security-confirm-modal .modal-dialog{
max-width:420px;
}
@media(max-width: 991.98px){
body.fbm-orion-v2 .fbm-admin-table{
min-width:980px;
}
}
/* HOTFIX67: admin accounts clean UI */
body.fbm-orion-v2 .fbm-admin-accounts-page{
max-width:1480px;
margin:0 auto;
}
body.fbm-orion-v2 .fbm-account-tool-card{
border-radius:24px!important;
overflow:hidden;
}
body.fbm-orion-v2 .fbm-account-tool-grid{
display:grid;
grid-template-columns:minmax(240px,1fr) 180px minmax(320px,1.4fr);
gap:14px;
align-items:end;
}
body.fbm-orion-v2 .fbm-account-check-panel{
padding:14px;
border-radius:18px;
background:#f8fafc;
border:1px solid rgba(148,163,184,.22);
}
body.fbm-orion-v2 .fbm-account-check-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
margin-bottom:10px;
}
body.fbm-orion-v2 .fbm-account-check-head strong{
display:block;
color:#0f172a;
font-size:18px;
font-weight:700;
line-height:1.15;
}
body.fbm-orion-v2 .fbm-account-check-stats{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-bottom:9px;
}
body.fbm-orion-v2 .fbm-account-check-panel small{
display:block;
margin-top:7px;
color:#64748b;
font-size:12px;
font-weight:600;
}
body.fbm-orion-v2 .fbm-accounts-table{
min-width:1120px;
}
body.fbm-orion-v2 .fbm-account-main{
min-width:0;
}
body.fbm-orion-v2 .fbm-account-uid{
display:flex;
align-items:center;
gap:8px;
color:#0f172a;
font-family:Consolas,"Roboto Mono",monospace;
font-size:13px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-account-service{
margin-top:4px;
display:inline-flex;
padding:3px 8px;
border-radius:999px;
background:#eef6ff;
color:#0369a1;
font-size:11px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-account-lines{
display:flex;
flex-direction:column;
gap:7px;
}
body.fbm-orion-v2 .fbm-account-lines > div{
display:grid;
grid-template-columns:76px minmax(0,1fr) 30px;
gap:8px;
align-items:center;
}
body.fbm-orion-v2 .fbm-account-lines span{
color:#64748b;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.04em;
}
body.fbm-orion-v2 .fbm-account-lines strong{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#0f172a;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-account-data-actions{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap;
}
body.fbm-orion-v2 .fbm-account-data-actions .btn,
body.fbm-orion-v2 .fbm-copy-account.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
border-radius:999px;
font-size:11px;
font-weight:700;
min-height:28px;
padding:5px 9px;
}
body.fbm-orion-v2 .btn-icon-only{
width:28px;
min-width:28px;
padding:0!important;
}
body.fbm-orion-v2 .btn-icon-only i{
margin:0!important;
}
body.fbm-orion-v2 .btn-icon-only:not(:hover){
color:#475569!important;
}
body.fbm-orion-v2 .fbm-data-empty{
display:inline-flex;
min-height:28px;
align-items:center;
padding:5px 9px;
border-radius:999px;
background:#f1f5f9;
color:#94a3b8;
font-size:11px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-account-status-stack{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:6px;
}
body.fbm-orion-v2 .fbm-status-pill,
body.fbm-orion-v2 .fbm-stock-pill{
display:inline-flex;
min-height:25px;
align-items:center;
justify-content:center;
padding:4px 9px;
border-radius:999px;
font-size:11px;
font-weight:700;
line-height:1;
}
body.fbm-orion-v2 .fbm-status-pill.is-live{
background:#ecfdf3;
color:#15803d;
}
body.fbm-orion-v2 .fbm-status-pill.is-die{
background:#fff1f2;
color:#dc2626;
}
body.fbm-orion-v2 .fbm-status-pill.is-unknown{
background:#f1f5f9;
color:#64748b;
}
body.fbm-orion-v2 .fbm-stock-pill.is-available{
background:#eef6ff;
color:#0369a1;
}
body.fbm-orion-v2 .fbm-stock-pill.is-sold{
background:#fff7ed;
color:#c2410c;
}
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="idle"] #accounts_loading,
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="idle"] #accounts_empty,
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="idle"] #accounts_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="loading"] #accounts_loading{
display:flex!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="loading"] #accounts_empty,
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="loading"] #accounts_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="empty"] #accounts_empty{
display:flex!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="empty"] #accounts_loading,
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="empty"] #accounts_table_wrap{
display:none!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="ready"] #accounts_table_wrap{
display:block!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="ready"] #accounts_loading,
body.fbm-orion-v2 .fbm-admin-accounts-page[data-accounts-state="ready"] #accounts_empty{
display:none!important;
}
@media(max-width: 991.98px){
body.fbm-orion-v2 .fbm-account-tool-grid{
grid-template-columns:1fr;
}
}
/* HOTFIX68: accounts filter clean, live check removed from accounts page */
body.fbm-orion-v2 .fbm-account-filter-grid{
display:grid;
grid-template-columns:minmax(280px,1fr) 200px minmax(320px,1.2fr);
gap:14px;
align-items:start;
}
body.fbm-orion-v2 .fbm-account-filter-grid .fbm-transfer-field small{
display:block;
margin-top:6px;
color:#64748b;
font-size:12px;
font-weight:600;
}
body.fbm-orion-v2 .fbm-account-filter-note{
display:flex;
align-items:flex-start;
gap:12px;
padding:14px;
border-radius:18px;
background:#eef6ff;
border:1px solid rgba(3,105,161,.16);
color:#0369a1;
}
body.fbm-orion-v2 .fbm-account-filter-note i{
font-size:22px;
line-height:1;
margin-top:2px;
}
body.fbm-orion-v2 .fbm-account-filter-note strong{
display:block;
color:#075985;
font-size:13px;
font-weight:700;
margin-bottom:3px;
}
body.fbm-orion-v2 .fbm-account-filter-note span{
display:block;
color:#0369a1;
font-size:12px;
font-weight:600;
line-height:1.45;
}
@media(max-width: 991.98px){
body.fbm-orion-v2 .fbm-account-filter-grid{
grid-template-columns:1fr;
}
}
/* HOTFIX70: accounts filter without worker notice */
body.fbm-orion-v2 .fbm-account-filter-grid{
grid-template-columns:minmax(280px,1fr) 200px!important;
align-items:start!important;
}
@media(max-width: 767.98px){
body.fbm-orion-v2 .fbm-account-filter-grid{
grid-template-columns:1fr!important;
}
}
/* HOTFIX79 worker UI */
.fbm-admin-workers-page .fbm-worker-card { overflow: hidden; }
.fbm-worker-status-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.fbm-worker-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 14px;
}
.fbm-worker-cron-box textarea {
min-height: 72px;
font-family: Consolas, Menlo, monospace;
font-size: 12px;
resize: vertical;
}
.fbm-worker-note {
margin-top: 10px;
display: flex;
gap: 8px;
align-items: flex-start;
padding: 10px 12px;
border: 1px dashed var(--fbm-border);
border-radius: 12px;
color: var(--fbm-muted);
background: rgba(59,130,246,.06);
}
.fbm-worker-service-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.fbm-worker-service-item {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 12px;
border: 1px solid var(--fbm-border);
border-radius: 14px;
background: var(--fbm-card-soft);
cursor: pointer;
margin: 0;
}
.fbm-worker-service-item input {
margin-top: 3px;
}
.fbm-worker-service-main {
display: flex;
flex-direction: column;
min-width: 0;
}
.fbm-worker-service-main strong {
font-weight:600;
color: var(--fbm-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fbm-worker-service-main small {
color: var(--fbm-muted);
margin-top: 3px;
}
.fbm-worker-run-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.fbm-worker-run-item {
padding: 12px;
border: 1px solid var(--fbm-border);
border-radius: 14px;
background: var(--fbm-card-soft);
}
.fbm-worker-run-head {
display: flex;
justify-content: space-between;
gap: 8px;
align-items: center;
}
.fbm-worker-run-meta {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin: 7px 0;
color: var(--fbm-muted);
font-size: 12px;
}
.fbm-worker-log-table code {
color: inherit;
font-size: 12px;
}
@media (max-width: 992px){
.fbm-worker-service-list { grid-template-columns: 1fr; }
}
/* HOTFIX80 worker guide + presets */
.fbm-worker-guide-card {
border-color: rgba(59,130,246,.22);
}
.fbm-worker-guide-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 14px;
}
.fbm-worker-guide-head h5 {
margin: 0;
}
.fbm-worker-guide-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
.fbm-worker-guide-step {
border: 1px solid var(--fbm-border);
border-radius: 16px;
background: var(--fbm-card-soft);
padding: 12px;
min-height: 118px;
}
.fbm-worker-guide-step span {
width: 26px;
height: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(59,130,246,.12);
color: var(--fbm-accent);
font-weight:700;
font-size: 12px;
margin-bottom: 8px;
}
.fbm-worker-guide-step strong {
display: block;
color: var(--fbm-text);
font-size: 14px;
margin-bottom: 5px;
}
.fbm-worker-guide-step small {
color: var(--fbm-muted);
line-height: 1.45;
}
.fbm-worker-preset-bar {
margin-top: 14px;
padding: 12px;
border-radius: 16px;
border: 1px dashed var(--fbm-border);
display: flex;
justify-content: space-between;
gap: 12px;
align-items: center;
flex-wrap: wrap;
background: rgba(15,23,42,.03);
}
.fbm-worker-preset-bar strong {
display: block;
color: var(--fbm-text);
margin-bottom: 3px;
}
.fbm-worker-preset-bar small {
color: var(--fbm-muted);
}
.fbm-worker-preset-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.fbm-worker-safe-tip {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
padding: 10px 12px;
margin-bottom: 14px;
border-radius: 14px;
background: rgba(34,197,94,.08);
border: 1px solid rgba(34,197,94,.18);
color: var(--fbm-muted);
}
.fbm-worker-safe-tip strong {
color: var(--fbm-text);
}
.fbm-admin-workers-page .fbm-transfer-field small {
display: block;
color: var(--fbm-muted);
line-height: 1.4;
margin-top: 5px;
}
@media (max-width: 1200px){
.fbm-worker-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
.fbm-worker-guide-grid { grid-template-columns: 1fr; }
.fbm-worker-guide-step { min-height: auto; }
}
/* HOTFIX81 core spacing + account actions */
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card,
.fbm-admin-tranlogs-page .fbm-stat-card {
height: 100%;
min-height: 116px;
display: flex;
flex-direction: column;
justify-content: center;
}
.fbm-admin-accounts-page .fbm-account-stat-row {
align-items: stretch;
}
.fbm-admin-accounts-page .fbm-account-stat-row > [class*="col-"],
.fbm-admin-tranlogs-page .row.gutters > [class*="col-"] {
margin-bottom: 18px;
}
.fbm-admin-accounts-page .fbm-account-tool-card,
.fbm-admin-tranlogs-page .fbm-admin-list-card {
margin-top: 4px;
}
.fbm-account-toolbar {
display: grid;
grid-template-columns: minmax(220px, 1.4fr) minmax(120px, .55fr) auto auto;
gap: 12px;
align-items: end;
}
.fbm-account-toolbar .fbm-transfer-field {
margin-bottom: 0;
}
.fbm-account-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.fbm-section-head-compact {
margin-bottom: 10px;
}
.service-action-stack .btn-group {
margin-right: 4px;
margin-bottom: 4px;
}
.fbm-admin-tranlogs-page .row.gutters + .row.gutters {
margin-top: 4px;
}
.fbm-admin-tranlogs-page .fbm-admin-table-wrap {
margin-top: 8px;
}
@media (max-width: 992px){
.fbm-account-toolbar {
grid-template-columns: 1fr 1fr;
}
.fbm-account-actions {
grid-column: 1 / -1;
}
}
@media (max-width: 576px){
.fbm-account-toolbar {
grid-template-columns: 1fr;
}
}
/* HOTFIX82 worker running status + no DIE recheck */
#worker_status_badge.is-running,
#worker_running_state.is-running {
color: #b45309;
font-weight:700;
}
#worker_status_badge.is-enabled,
#worker_running_state.is-idle {
color: #15803d;
font-weight:700;
}
#worker_status_badge.is-disabled,
#worker_running_state.is-disabled {
color: #64748b;
font-weight:700;
}
.fbm-worker-running-card strong {
font-size: 18px;
}
.fbm-worker-rule-pill {
min-height: 38px;
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
background: rgba(239,68,68,.08);
border: 1px solid rgba(239,68,68,.18);
color: #b91c1c;
font-weight:700;
}
.fbm-worker-static-rule small {
display: block;
margin-top: 6px;
}
/* HOTFIX83 count-before-actions + compact account toolbar + clear worker status */
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card {
min-height: 82px;
padding: 12px 14px;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__label {
font-size: 12px;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__value {
font-size: 22px;
line-height: 1.1;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__hint {
font-size: 11px;
margin-top: 2px;
}
.fbm-admin-accounts-page .fbm-account-tool-card .card-body {
padding: 18px 20px;
}
.fbm-account-toolbar {
grid-template-columns: minmax(260px, 1fr) minmax(120px, 180px) minmax(220px, auto) auto;
align-items: end;
}
.fbm-account-actions {
min-width: 0;
justify-content: flex-start;
align-self: end;
padding-bottom: 1px;
}
.fbm-account-toolbar .fbm-soft-badge {
align-self: end;
justify-self: end;
white-space: nowrap;
margin-bottom: 2px;
}
.fbm-account-toolbar .btn-group > .btn {
white-space: nowrap;
}
@media (max-width: 1280px){
.fbm-account-toolbar {
grid-template-columns: minmax(260px, 1fr) minmax(120px, 180px);
}
.fbm-account-actions {
grid-column: 1 / 2;
}
.fbm-account-toolbar .fbm-soft-badge {
grid-column: 2 / 3;
justify-self: end;
}
}
@media (max-width: 720px){
.fbm-account-toolbar {
grid-template-columns: 1fr;
}
.fbm-account-actions,
.fbm-account-toolbar .fbm-soft-badge {
grid-column: auto;
justify-self: start;
}
}
.fbm-worker-state-hero {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 14px;
margin-bottom: 14px;
border: 1px solid var(--fbm-border);
border-radius: 18px;
background: var(--fbm-card-soft);
}
.fbm-worker-state-hero span {
display: block;
color: var(--fbm-muted);
font-size: 12px;
margin-bottom: 2px;
}
.fbm-worker-state-hero strong {
display: block;
font-size: 18px;
line-height: 1.2;
}
.fbm-worker-state-hero small {
display: block;
margin-top: 4px;
color: var(--fbm-muted);
}
.fbm-worker-state-hero.is-running {
border-color: rgba(245,158,11,.35);
background: rgba(245,158,11,.08);
}
.fbm-worker-state-hero.is-idle {
border-color: rgba(34,197,94,.28);
background: rgba(34,197,94,.08);
}
.fbm-worker-state-hero.is-disabled {
border-color: rgba(100,116,139,.25);
background: rgba(100,116,139,.08);
}
.fbm-worker-state-dot {
width: 16px;
height: 16px;
border-radius: 999px;
background: #94a3b8;
flex: 0 0 auto;
}
.fbm-worker-state-dot.is-running {
background: #f59e0b;
box-shadow: 0 0 0 6px rgba(245,158,11,.13);
}
.fbm-worker-state-dot.is-idle {
background: #22c55e;
box-shadow: 0 0 0 6px rgba(34,197,94,.13);
}
.fbm-worker-state-dot.is-disabled {
background: #94a3b8;
}
/* HOTFIX84 worker dashboard layout */
.fbm-admin-workers-page {
--fbm-worker-left: 420px;
--fbm-worker-gap: 18px;
}
.fbm-admin-workers-page .fbm-worker-guide-row {
margin-bottom: 14px;
}
.fbm-admin-workers-page .fbm-worker-guide-card .card-body {
padding: 16px 18px;
}
.fbm-admin-workers-page .fbm-worker-guide-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
}
.fbm-admin-workers-page .fbm-worker-guide-step {
min-height: 92px;
padding: 10px;
}
.fbm-admin-workers-page .fbm-worker-guide-step span {
width: 22px;
height: 22px;
margin-bottom: 6px;
}
.fbm-admin-workers-page .fbm-worker-main-row,
.fbm-admin-workers-page .fbm-worker-monitor-row {
align-items: flex-start;
}
.fbm-admin-workers-page .fbm-worker-card {
margin-bottom: 0;
}
.fbm-admin-workers-page .fbm-worker-card + .fbm-worker-card {
margin-top: 16px !important;
}
.fbm-admin-workers-page .fbm-worker-config-card .card-body,
.fbm-admin-workers-page .fbm-worker-service-card .card-body,
.fbm-admin-workers-page .fbm-worker-log-card .card-body {
padding: 18px 20px;
}
.fbm-admin-workers-page .fbm-worker-config-card .row.gutters {
margin-left: -7px;
margin-right: -7px;
}
.fbm-admin-workers-page .fbm-worker-config-card .row.gutters > [class*="col-"] {
padding-left: 7px;
padding-right: 7px;
margin-bottom: 12px;
}
.fbm-admin-workers-page .fbm-transfer-field label {
margin-bottom: 5px;
}
.fbm-admin-workers-page .fbm-transfer-field small {
line-height: 1.32;
}
.fbm-admin-workers-page .fbm-worker-service-list {
max-height: 265px;
overflow: auto;
padding-right: 4px;
}
.fbm-admin-workers-page .fbm-worker-monitor-row {
margin-top: 18px;
}
.fbm-admin-workers-page .fbm-worker-run-list {
max-height: 430px;
overflow: auto;
padding-right: 4px;
}
.fbm-admin-workers-page .fbm-worker-log-card .fbm-admin-table-wrap {
max-height: 430px;
overflow: auto;
border-radius: 16px;
}
.fbm-admin-workers-page .fbm-worker-log-card thead th {
position: sticky;
top: 0;
z-index: 2;
background: var(--fbm-card, #fff);
}
.fbm-admin-workers-page .fbm-worker-log-table {
min-width: 760px;
margin-bottom: 0;
}
.fbm-admin-workers-page .fbm-worker-log-table td,
.fbm-admin-workers-page .fbm-worker-log-table th {
vertical-align: middle;
white-space: nowrap;
}
.fbm-admin-workers-page .fbm-worker-log-table td:nth-child(5),
.fbm-admin-workers-page .fbm-worker-log-table th:nth-child(5) {
white-space: normal;
min-width: 160px;
}
@media (min-width: 1200px) {
.fbm-admin-workers-page .fbm-worker-main-row,
.fbm-admin-workers-page .fbm-worker-monitor-row {
display: grid;
grid-template-columns: var(--fbm-worker-left) minmax(0, 1fr);
gap: var(--fbm-worker-gap);
margin-left: 0;
margin-right: 0;
}
.fbm-admin-workers-page .fbm-worker-main-row > [class*="col-"],
.fbm-admin-workers-page .fbm-worker-monitor-row > [class*="col-"] {
width: auto;
max-width: none;
flex: none;
padding-left: 0;
padding-right: 0;
}
.fbm-admin-workers-page .fbm-worker-left-col {
position: sticky;
top: 16px;
align-self: start;
max-height: calc(100vh - 32px);
overflow: auto;
padding-right: 4px !important;
}
.fbm-admin-workers-page .fbm-worker-logs-col {
align-self: start;
}
.fbm-admin-workers-page .fbm-worker-log-card {
position: sticky;
top: 16px;
}
}
@media (max-width: 1399px) and (min-width: 1200px) {
.fbm-admin-workers-page {
--fbm-worker-left: 390px;
--fbm-worker-gap: 16px;
}
.fbm-admin-workers-page .fbm-worker-guide-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1199px) {
.fbm-admin-workers-page .fbm-worker-left-col,
.fbm-admin-workers-page .fbm-worker-right-col,
.fbm-admin-workers-page .fbm-worker-runs-col,
.fbm-admin-workers-page .fbm-worker-logs-col {
margin-bottom: 16px;
}
.fbm-admin-workers-page .fbm-worker-log-card,
.fbm-admin-workers-page .fbm-worker-left-col {
position: static;
max-height: none;
overflow: visible;
}
}
@media (max-width: 768px) {
.fbm-admin-workers-page .fbm-worker-guide-grid {
grid-template-columns: 1fr;
}
.fbm-admin-workers-page .fbm-worker-status-grid {
grid-template-columns: 1fr;
}
.fbm-admin-workers-page .fbm-worker-config-card .card-body,
.fbm-admin-workers-page .fbm-worker-service-card .card-body,
.fbm-admin-workers-page .fbm-worker-log-card .card-body {
padding: 15px;
}
}
/* HOTFIX85 account toolbar final layout audit */
.fbm-admin-accounts-page .fbm-account-tool-card .card-body {
padding: 16px 18px !important;
}
.fbm-admin-accounts-page .fbm-account-toolbar {
display: flex !important;
align-items: flex-end !important;
gap: 12px !important;
width: 100% !important;
min-width: 0 !important;
flex-wrap: nowrap !important;
}
.fbm-admin-accounts-page .fbm-account-service-filter {
flex: 1 1 auto !important;
min-width: 280px !important;
max-width: none !important;
}
.fbm-admin-accounts-page .fbm-account-page-size {
flex: 0 0 180px !important;
min-width: 140px !important;
}
.fbm-admin-accounts-page .fbm-account-action-zone {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
min-width: 300px !important;
align-self: flex-end !important;
padding-bottom: 2px !important;
}
.fbm-admin-accounts-page .fbm-account-actions {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: nowrap !important;
padding: 0 !important;
margin: 0 !important;
align-self: center !important;
}
.fbm-admin-accounts-page .fbm-account-actions .btn-group {
display: inline-flex !important;
flex: 0 0 auto !important;
margin: 0 !important;
}
.fbm-admin-accounts-page .fbm-account-actions .btn {
min-height: 34px !important;
line-height: 1.15 !important;
white-space: nowrap !important;
}
.fbm-admin-accounts-page .fbm-account-total-badge,
.fbm-admin-accounts-page #lbTotal {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
min-width: 104px !important;
max-width: none !important;
padding: 0 12px !important;
margin: 0 !important;
white-space: nowrap !important;
line-height: 1 !important;
align-self: center !important;
position: static !important;
transform: none !important;
overflow: visible !important;
text-overflow: clip !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row {
margin-bottom: 4px !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row > [class*="col-"] {
margin-bottom: 14px !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card {
min-height: 76px !important;
padding: 10px 13px !important;
border-radius: 18px !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__value {
font-size: 20px !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__label,
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__hint {
font-size: 11px !important;
}
@media (max-width: 1320px) {
.fbm-admin-accounts-page .fbm-account-toolbar {
flex-wrap: wrap !important;
}
.fbm-admin-accounts-page .fbm-account-service-filter {
flex: 1 1 calc(100% - 210px) !important;
}
.fbm-admin-accounts-page .fbm-account-page-size {
flex: 0 0 180px !important;
}
.fbm-admin-accounts-page .fbm-account-action-zone {
flex: 1 1 100% !important;
justify-content: flex-end !important;
min-width: 0 !important;
}
}
@media (max-width: 768px) {
.fbm-admin-accounts-page .fbm-account-toolbar {
flex-direction: column !important;
align-items: stretch !important;
}
.fbm-admin-accounts-page .fbm-account-service-filter,
.fbm-admin-accounts-page .fbm-account-page-size,
.fbm-admin-accounts-page .fbm-account-action-zone {
flex: 1 1 auto !important;
width: 100% !important;
min-width: 0 !important;
}
.fbm-admin-accounts-page .fbm-account-action-zone {
justify-content: space-between !important;
}
.fbm-admin-accounts-page .fbm-account-actions {
flex-wrap: wrap !important;
}
}
/* HOTFIX86 core actionbar + compact account filter */
.fbm-core-actionbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding: 12px 14px;
margin: 0 0 14px 0;
border: 1px solid var(--fbm-border);
border-radius: 16px;
background: var(--fbm-card-soft);
}
.fbm-core-actionbar__left,
.fbm-core-actionbar__right {
display: inline-flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
min-width: 0;
}
.fbm-core-actionbar__right {
justify-content: flex-end;
margin-left: auto;
}
.fbm-core-actionbar__title {
color: var(--fbm-muted);
font-size: 12px;
font-weight:700;
letter-spacing: .04em;
text-transform: uppercase;
}
.fbm-core-actionbar .btn-group {
margin: 0 !important;
}
.fbm-core-actionbar .btn {
min-height: 34px;
white-space: nowrap;
}
.fbm-core-actionbar .fbm-soft-badge {
position: static !important;
transform: none !important;
margin: 0 !important;
white-space: nowrap !important;
}
.fbm-admin-accounts-page .fbm-account-filterbar {
display: grid !important;
grid-template-columns: minmax(260px, 1fr) 180px !important;
align-items: end !important;
gap: 12px !important;
width: 100% !important;
}
.fbm-admin-accounts-page .fbm-account-filterbar .fbm-transfer-field {
margin-bottom: 0 !important;
}
.fbm-admin-accounts-page .fbm-account-tool-card .card-body {
padding: 14px 16px !important;
}
.fbm-admin-accounts-page .fbm-account-table-actionbar {
margin-top: -2px;
}
.fbm-admin-accounts-page .fbm-account-total-badge,
.fbm-admin-accounts-page #lbTotal {
min-width: 104px !important;
min-height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 12px !important;
line-height: 1 !important;
overflow: visible !important;
text-overflow: clip !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card {
min-height: 64px !important;
padding: 9px 12px !important;
border-radius: 16px !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__label {
font-size: 10px !important;
line-height: 1.15 !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__value {
font-size: 18px !important;
line-height: 1.05 !important;
margin: 3px 0 !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row .fbm-stat-card__hint {
font-size: 10px !important;
line-height: 1.15 !important;
}
.fbm-admin-accounts-page .fbm-account-stat-row > [class*="col-"] {
margin-bottom: 10px !important;
}
@media (max-width: 992px) {
.fbm-admin-accounts-page .fbm-account-filterbar {
grid-template-columns: 1fr !important;
}
.fbm-core-actionbar,
.fbm-core-actionbar__left,
.fbm-core-actionbar__right {
align-items: stretch;
}
.fbm-core-actionbar__right {
width: 100%;
justify-content: flex-start;
margin-left: 0;
}
}
@media (max-width: 576px) {
.fbm-core-actionbar__right .btn-group {
width: 100%;
}
.fbm-core-actionbar__right .btn {
width: 100%;
}
}
/* HOTFIX87 safe DB status */
.db-status-pill {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 24px;
padding: 3px 9px;
border-radius: 999px;
font-size: 11px;
font-weight:700;
letter-spacing: .02em;
white-space: nowrap;
}
.db-status-dot {
width: 7px;
height: 7px;
border-radius: 999px;
display: inline-block;
}
.db-status-ok {
color: #027a48;
background: rgba(18,183,106,.12);
border: 1px solid rgba(18,183,106,.24);
}
.db-status-ok .db-status-dot {
background: #12b76a;
box-shadow: 0 0 0 4px rgba(18,183,106,.12);
}
.db-status-error {
color: #b42318;
background: rgba(240,68,56,.10);
border: 1px solid rgba(240,68,56,.22);
}
.db-status-error .db-status-dot {
background: #f04438;
box-shadow: 0 0 0 4px rgba(240,68,56,.12);
}
.fbm-db-status-panel {
padding: 18px;
border-radius: 22px;
border: 1px solid var(--fbm-line);
background: var(--fbm-surface);
box-shadow: var(--fbm-shadow-sm);
}
.fbm-db-status-panel.is-ok {
border-color: rgba(18,183,106,.25);
background: linear-gradient(180deg, #fff, rgba(18,183,106,.045));
}
.fbm-db-status-panel.is-error {
border-color: rgba(240,68,56,.25);
background: linear-gradient(180deg, #fff, rgba(240,68,56,.045));
}
.fbm-db-status-main {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.fbm-db-status-icon {
width: 46px;
height: 46px;
border-radius: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight:700;
font-size: 22px;
background: var(--fbm-primary-soft);
color: var(--fbm-primary);
}
.fbm-db-status-panel.is-ok .fbm-db-status-icon {
background: rgba(18,183,106,.12);
color: #027a48;
}
.fbm-db-status-panel.is-error .fbm-db-status-icon {
background: rgba(240,68,56,.12);
color: #b42318;
}
.fbm-db-status-main span {
display: block;
color: var(--fbm-muted);
font-size: 12px;
font-weight:600;
}
.fbm-db-status-main strong {
display: block;
font-size: 24px;
line-height: 1.15;
color: var(--fbm-text);
}
.fbm-db-status-main small {
display: block;
color: var(--fbm-muted);
margin-top: 4px;
}
.fbm-db-status-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.fbm-db-status-grid > div,
.fbm-db-public-preview,
.fbm-db-safe-list > div {
border: 1px solid var(--fbm-line);
border-radius: 15px;
padding: 10px 12px;
background: rgba(255,255,255,.72);
}
.fbm-db-status-grid span,
.fbm-db-public-preview span {
display: block;
color: var(--fbm-muted);
font-size: 11px;
font-weight:600;
margin-bottom: 4px;
}
.fbm-db-status-grid strong {
color: var(--fbm-text);
word-break: break-word;
}
.fbm-db-status-note {
color: var(--fbm-muted);
margin: 14px 0 0 0;
line-height: 1.55;
}
.fbm-db-public-preview {
margin-bottom: 12px;
}
.fbm-db-safe-list {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 14px;
}
.fbm-db-safe-list > div {
display: flex;
align-items: center;
gap: 8px;
}
.fbm-db-standalone {
padding: 32px;
}
.fbm-db-standalone-wrap {
max-width: 860px;
margin: 0 auto;
}
.fbm-db-standalone-link {
margin-top: 16px;
}
@media (max-width: 768px) {
.fbm-db-status-grid {
grid-template-columns: 1fr;
}
}
/* HOTFIX88 database status canonical naming */
.database-status-pill {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 24px;
padding: 3px 9px;
border-radius: 999px;
font-size: 11px;
font-weight:700;
letter-spacing: .02em;
white-space: nowrap;
}
.database-status-dot {
width: 7px;
height: 7px;
border-radius: 999px;
display: inline-block;
}
.database-status-ok {
color: #027a48;
background: rgba(18,183,106,.12);
border: 1px solid rgba(18,183,106,.24);
}
.database-status-ok .database-status-dot {
background: #12b76a;
box-shadow: 0 0 0 4px rgba(18,183,106,.12);
}
.database-status-error {
color: #b42318;
background: rgba(240,68,56,.10);
border: 1px solid rgba(240,68,56,.22);
}
.database-status-error .database-status-dot {
background: #f04438;
box-shadow: 0 0 0 4px rgba(240,68,56,.12);
}
.database-status-panel {
padding: 18px;
border-radius: 22px;
border: 1px solid var(--fbm-line);
background: var(--fbm-surface);
box-shadow: var(--fbm-shadow-sm);
}
.database-status-panel.is-ok {
border-color: rgba(18,183,106,.25);
background: linear-gradient(180deg, #fff, rgba(18,183,106,.045));
}
.database-status-panel.is-error {
border-color: rgba(240,68,56,.25);
background: linear-gradient(180deg, #fff, rgba(240,68,56,.045));
}
/* HOTFIX89 worker log controls + notification manager */
.fbm-worker-log-actionbar {
margin-bottom: 12px;
}
.fbm-worker-log-actionbar .btn {
white-space: nowrap;
}
.fbm-alert-summary-row .fbm-stat-card {
min-height: 78px;
padding: 12px 14px;
}
.fbm-admin-alerts-page .fbm-alert-table td,
.fbm-admin-alerts-page .fbm-alert-table th {
vertical-align: middle;
}
.fbm-admin-alerts-page .fbm-alert-content-cell {
max-width: 420px;
white-space: normal;
word-break: break-word;
}
.fbm-admin-alerts-page .fbm-core-actionbar {
margin-bottom: 12px;
}
.fbm-admin-alerts-page #alert_rows code {
font-size: 11px;
}
/* HOTFIX89 admin global alerts */
.fbm-admin-global-alerts {
position: fixed;
right: 18px;
top: calc(var(--fbm-header) + 12px);
z-index: 2300;
width: min(420px, calc(100vw - 36px));
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
}
.fbm-admin-global-alert {
pointer-events: auto;
padding: 10px 12px;
border-radius: 15px;
border: 1px solid var(--fbm-line);
background: rgba(255,255,255,.96);
box-shadow: 0 10px 28px rgba(16,24,40,.12);
}
.fbm-admin-global-alert strong {
display:block;
font-size: 13px;
margin-bottom: 2px;
}
.fbm-admin-global-alert span {
display:block;
color: var(--fbm-muted);
font-size: 12px;
line-height: 1.4;
}
.fbm-admin-global-alert.is-danger { border-color: rgba(240,68,56,.28); }
.fbm-admin-global-alert.is-warning { border-color: rgba(247,144,9,.32); }
.fbm-admin-global-alert.is-success { border-color: rgba(18,183,106,.28); }
.fbm-admin-global-alert.is-info { border-color: rgba(21,112,239,.28); }
@media (max-width: 768px){
.fbm-admin-global-alerts {
right: 10px;
left: 10px;
width: auto;
}
}
/* HOTFIX91 admin UI core refine */
.fbm-admin-global-alerts {
top: auto !important;
bottom: 18px !important;
right: 18px !important;
z-index: 2400 !important;
}
.fbm-admin-global-alert {
position: relative;
padding-right: 38px !important;
transition: opacity .25s ease, transform .25s ease;
}
.fbm-admin-global-alert.is-soft-hidden {
opacity: .18;
transform: translateY(6px);
}
.fbm-admin-global-alert:hover {
opacity: 1;
transform: none;
}
.fbm-admin-global-alert-close {
position: absolute;
top: 8px;
right: 9px;
width: 22px;
height: 22px;
border: 0;
border-radius: 999px;
background: rgba(15,23,42,.08);
color: var(--fbm-text);
font-size: 16px;
line-height: 20px;
cursor: pointer;
}
.fbm-alert-actionbar .btn {
white-space: nowrap;
}
.fbm-setting-number-control {
display: inline-flex;
align-items: center;
gap: 8px;
}
.fbm-setting-number-control .form-control {
width: 96px;
}
.fbm-upload-guide-bar {
margin-bottom: 14px;
}
.fbm-upload-dropzone {
border: 1.5px dashed var(--fbm-line-strong);
border-radius: 20px;
background: var(--fbm-surface-soft);
padding: 22px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
}
.fbm-upload-dropzone-icon {
width: 46px;
height: 46px;
border-radius: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--fbm-primary-soft);
color: var(--fbm-primary);
font-size: 22px;
}
.fbm-upload-dropzone span,
.fbm-upload-dropzone small {
color: var(--fbm-muted);
}
.fbm-upload-format-card {
margin-top: 12px;
padding: 12px 14px;
border: 1px solid var(--fbm-line);
border-radius: 16px;
background: rgba(255,255,255,.78);
}
.fbm-upload-format-card p {
margin: 4px 0 8px 0;
color: var(--fbm-muted);
}
.fbm-upload-progress {
height: 14px;
margin-top: 12px;
border-radius: 999px;
overflow: hidden;
}
.fbm-admin-users-page .fbm-user-stat-row {
margin-bottom: 12px;
}
.fbm-admin-users-page .fbm-stat-card,
.fbm-admin-users-page .fbm-stat-button {
width: 100%;
min-height: 82px;
border: 1px solid var(--fbm-line);
border-radius: 18px;
background: var(--fbm-surface);
box-shadow: var(--fbm-shadow-sm);
text-align: left;
padding: 13px 15px;
display: block;
color: var(--fbm-text);
}
.fbm-admin-users-page .fbm-stat-button {
cursor: pointer;
}
.fbm-admin-users-page .fbm-stat-button:hover {
border-color: rgba(21,112,239,.35);
box-shadow: var(--fbm-shadow);
}
.fbm-admin-users-page .fbm-users-card .card-body {
padding: 18px;
}
.fbm-admin-users-page .fbm-users-table td,
.fbm-admin-users-page .fbm-users-table th {
vertical-align: middle;
}
.fbm-admin-users-page .fbm-users-table .badge.btnUserStatus {
border: 0;
cursor: pointer;
}
.fbm-user-info-cell {
display: flex;
flex-direction: column;
gap: 3px;
}
.fbm-user-info-cell span {
color: var(--fbm-muted);
font-size: 12px;
}
.fbm-row-actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
flex-wrap: wrap;
}
@media (max-width: 768px){
.fbm-admin-global-alerts {
right: 10px !important;
left: 10px !important;
width: auto !important;
}
}
/* HOTFIX93 core reload button */
.fbm-btn-reload {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
min-height: 34px !important;
border-radius: 999px !important;
font-weight:700 !important;
letter-spacing: -.01em !important;
white-space: nowrap !important;
}
.fbm-btn-reload::before {
content: "↻";
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
font-size: 15px;
font-weight:700;
line-height: 1;
}
.fbm-btn-reload > i {
display: none !important;
}
.fbm-btn-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
}
/* HOTFIX93 profile page */
.fbm-profile-page .fbm-profile-overview-row {
align-items: flex-start;
}
.fbm-profile-identity-card .card-body {
text-align: center;
padding: 24px 18px;
}
.fbm-profile-avatar {
width: 76px;
height: 76px;
margin: 0 auto 14px;
border-radius: 24px;
background: var(--fbm-primary-soft);
color: var(--fbm-primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 38px;
}
.fbm-profile-identity-card h5 {
margin: 0;
font-size: 22px;
}
.fbm-profile-identity-card p {
margin: 6px 0 14px;
color: var(--fbm-muted);
}
.fbm-profile-meta {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.fbm-profile-help-card {
margin-top: 16px;
}
.fbm-profile-card .card-body {
padding: 18px;
}
.fbm-profile-tabs .nav-tabs {
margin-bottom: 16px;
}
.fbm-profile-tabs .tab-content {
padding-top: 4px;
}
.fbm-profile-form-actions {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
.fbm-api-key-panel .input-group .form-control {
min-height: 42px;
}
.fbm-profile-actionbar {
margin-bottom: 16px;
}
@media (max-width: 768px) {
.fbm-profile-form-actions {
justify-content: stretch;
}
.fbm-profile-form-actions .btn {
width: 100%;
}
}
/* HOTFIX94 contact/payment core */
.fbm-admin-contacts-page .fbm-contact-table td,
.fbm-admin-contacts-page .fbm-contact-table th {
vertical-align: middle;
}
.fbm-contact-card-grid {
align-items: stretch;
}
.fbm-contact-card {
height: 100%;
display: flex;
gap: 14px;
padding: 18px;
border: 1px solid var(--fbm-line);
border-radius: 22px;
background: var(--fbm-surface);
box-shadow: var(--fbm-shadow-sm);
}
.fbm-contact-card__icon {
width: 52px;
height: 52px;
border-radius: 18px;
flex: 0 0 52px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--fbm-primary-soft);
color: var(--fbm-primary);
font-size: 24px;
}
.fbm-contact-card__body {
min-width: 0;
flex: 1 1 auto;
}
.fbm-contact-card__body h5 {
margin: 7px 0 4px;
font-size: 18px;
}
.fbm-contact-card__body p {
margin: 0;
color: var(--fbm-text);
word-break: break-word;
}
.fbm-contact-card__body small {
display: block;
color: var(--fbm-muted);
margin-top: 5px;
}
.fbm-contact-card__actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 12px;
}
.fbm-admin-payments-page .fbm-payments-card .card-body {
padding: 18px;
}
.fbm-admin-payments-page #tbl_resp td,
.fbm-admin-payments-page #tbl_resp th {
vertical-align: middle;
}
/* HOTFIX100 sidebar scroll restore */
html.fbm-sidebar-restoring #app-side .sidebarNavScroll,
html.fbm-sidebar-restoring #app-side .side-content {
scroll-behavior: auto !important;
}
#app-side .sidebarNavScroll,
#app-side .side-content {
overscroll-behavior: contain;
}
/* HOTFIX100 sidebar scroll restore refine */
html.fbm-sidebar-restoring #app-side,
html.fbm-sidebar-restoring #app-side * {
scroll-behavior: auto !important;
}
#app-side .sidebarNavScroll,
#app-side .slimScrollDiv,
#app-side .side-content {
overscroll-behavior: contain;
}
/* HOTFIX127: clean wallet display for user header/admin user list/admin transfer modal */
body.fbm-orion-v2 .fbm-balance-split{
display:block;
margin-top:2px;
color:#64748b;
font-size:10.5px;
font-weight:700;
line-height:1.15;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-user-wallet-cell{
display:flex;
flex-direction:column;
gap:6px;
min-width:150px;
}
body.fbm-orion-v2 .fbm-user-wallet-total{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
body.fbm-orion-v2 .fbm-user-wallet-total__label{
color:#64748b;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
}
body.fbm-orion-v2 .fbm-user-wallet-total__value{
color:#0f172a;
font-size:14px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-user-wallet-split{
display:flex;
flex-wrap:wrap;
gap:6px;
}
body.fbm-orion-v2 .fbm-user-wallet-pill{
display:inline-flex;
align-items:center;
gap:4px;
padding:4px 7px;
border-radius:999px;
background:#f1f5f9;
color:#475569;
font-size:11px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-user-wallet-pill.is-main{
background:rgba(14,165,233,.10);
color:#0369a1;
}
body.fbm-orion-v2 .fbm-user-wallet-pill.is-promo{
background:rgba(22,163,74,.10);
color:#15803d;
}
body.fbm-orion-v2 .fbm-user-wallet-amount{
font-weight:700;
}
body.fbm-orion-v2 .fbm-wallet-summary-box{
min-width:178px;
}
body.fbm-orion-v2 .fbm-transfer-wallet-lines{
display:flex;
flex-direction:column;
gap:5px;
margin-top:8px;
}
body.fbm-orion-v2 .fbm-transfer-wallet-line{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:6px 8px;
border-radius:12px;
background:rgba(14,165,233,.08);
color:#0369a1;
}
body.fbm-orion-v2 .fbm-transfer-wallet-line.is-promo{
background:rgba(22,163,74,.08);
color:#15803d;
}
body.fbm-orion-v2 .fbm-wallet-line__label{
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
}
body.fbm-orion-v2 .fbm-wallet-line__value{
display:flex;
align-items:baseline;
justify-content:flex-end;
gap:3px;
color:inherit;
font-size:12px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-wallet-line__amount{
font-weight:700;
}
body.fbm-orion-v2 .fbm-wallet-line__unit{
font-style:normal;
font-size:10px;
font-weight:700;
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-balance-split{display:none;}
}
/* HOTFIX128: performance-safe loading.
Do not hide/fade page content just for cosmetic boot animation. Loaders are reserved for real pending AJAX/navigation. */
@media (prefers-reduced-motion:no-preference){
html.fbm-ui-booting body.fbm-orion-v2 .app-main,
html.fbm-ui-booting body.fbm-orion-v2 .main-content,
html.fbm-ui-booting body.fbm-orion-v2 .main-heading,
html.fbm-ui-ready body.fbm-orion-v2 .app-main,
html.fbm-ui-ready body.fbm-orion-v2 .main-content,
html.fbm-ui-ready body.fbm-orion-v2 .main-heading{
opacity:1!important;
transform:none!important;
}
}
/* HOTFIX132: deposit request/order UI */
.fbm-deposit-request-card .fbm-form-label{font-weight:600;color:#334155;font-size:12px;}
.fbm-deposit-limit-box{border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:12px;background:rgba(248,250,252,.88);height:100%;}
.fbm-deposit-limit-label{display:block;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.04em;margin-bottom:4px;}
.fbm-deposit-limit-value{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:22px;line-height:1.15;color:#0f172a;margin:2px 0 6px;font-weight:700;}
.fbm-deposit-limit-num{display:inline!important;font-size:inherit!important;text-transform:none!important;color:inherit!important;font-weight:inherit!important;letter-spacing:0!important;}
.fbm-deposit-limit-value .fbm-deposit-limit-sep{font-size:18px!important;color:#64748b!important;font-weight:700!important;}
.fbm-deposit-limit-hint{display:block;color:#64748b;line-height:1.35;}
.fbm-deposit-orders-table td,.fbm-deposit-orders-table th{vertical-align:middle;}
.fbm-tools-page textarea{min-height:220px;}
/* HOTFIX134: core UI text selector cleanup.
New components must target explicit label/value/hint classes, not raw span/small/b descendants. */
body.fbm-orion-v2 .fbm-stat-card__label,
body.fbm-orion-v2 .fbm-stat-card__value,
body.fbm-orion-v2 .fbm-stat-card__hint,
body.fbm-orion-v2 .fbm-deposit-step__num,
body.fbm-orion-v2 .fbm-deposit-step__text,
body.fbm-orion-v2 .fbm-deposit-memo-card__label,
body.fbm-orion-v2 .fbm-deposit-memo-card__value,
body.fbm-orion-v2 .fbm-deposit-memo-card__hint,
body.fbm-orion-v2 .fbm-payment-row__label,
body.fbm-orion-v2 .fbm-payment-row__value,
body.fbm-orion-v2 .fbm-transfer-preview__label,
body.fbm-orion-v2 .fbm-transfer-preview__value,
body.fbm-orion-v2 .fbm-user-wallet-total__label,
body.fbm-orion-v2 .fbm-user-wallet-total__value,
body.fbm-orion-v2 .fbm-user-wallet-pill,
body.fbm-orion-v2 .fbm-wallet-line__label,
body.fbm-orion-v2 .fbm-wallet-line__value{
min-width:0;
}
body.fbm-orion-v2 .fbm-inline,
body.fbm-orion-v2 .fbm-inline-number,
body.fbm-orion-v2 .fbm-deposit-limit-num,
body.fbm-orion-v2 .fbm-money-value,
body.fbm-orion-v2 .fbm-money-unit{
display:inline!important;
white-space:nowrap;
text-transform:none!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 .fbm-deposit-limit-value{
display:flex!important;
align-items:baseline!important;
gap:4px!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-deposit-limit-num{
color:inherit!important;
font-size:inherit!important;
font-weight:inherit!important;
}
body.fbm-orion-v2 .fbm-deposit-limit-sep{
display:inline!important;
font-size:18px!important;
color:#64748b!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-deposit-limit-hint{
display:block;
color:#64748b;
line-height:1.35;
}
body.fbm-orion-v2 .fbm-user-wallet-pill .fbm-user-wallet-pill__label,
body.fbm-orion-v2 .fbm-user-wallet-pill .fbm-user-wallet-amount{
display:inline!important;
margin:0!important;
letter-spacing:0!important;
text-transform:none!important;
}
body.fbm-orion-v2 .fbm-stat-card span:not(.fbm-stat-card__label),
body.fbm-orion-v2 .fbm-stat-card small:not(.fbm-stat-card__hint),
body.fbm-orion-v2 .fbm-stat-card b,
body.fbm-orion-v2 .fbm-stat-card em{
text-transform:none;
letter-spacing:0;
}
/* HOTFIX135: deposit layout core fix.
Bootstrap bundle in this project styles input-group-addon, not Bootstrap 4 input-group-text.
Keep money unit inside the input group and remove fake vertical stretch in payment cards. */
body.fbm-orion-v2 .fbm-money-input-group{
display:flex!important;
align-items:stretch!important;
width:100%!important;
flex-wrap:nowrap!important;
}
body.fbm-orion-v2 .fbm-money-input-group .form-control{
min-width:0!important;
flex:1 1 auto!important;
border-top-right-radius:0!important;
border-bottom-right-radius:0!important;
}
body.fbm-orion-v2 .fbm-money-input-unit,
body.fbm-orion-v2 .fbm-money-input-group .input-group-addon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
min-width:64px!important;
padding:0 14px!important;
border:1px solid var(--fbm-line-strong,#cbd5e1)!important;
border-left:0!important;
border-radius:0 14px 14px 0!important;
background:linear-gradient(180deg,#f8fafc,#eef6ff)!important;
color:#475569!important;
font-weight:700!important;
line-height:1!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-grid,
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-grid-v2{
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card,
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card-v2{
height:auto!important;
min-height:0!important;
align-self:flex-start!important;
margin-bottom:18px!important;
}
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card__body,
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card-v2__body{
gap:12px!important;
}
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-actions{
margin-top:6px!important;
padding-top:6px!important;
justify-content:flex-end!important;
}
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card-v2 .fbm-payment-qr-frame{
width:180px!important;
height:180px!important;
}
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card-v2__left{
justify-content:flex-start!important;
}
@media (max-width: 991.98px){
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card,
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card-v2{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-deposit-page .fbm-payment-card-v2 .fbm-payment-qr-frame{
width:200px!important;
height:200px!important;
}
}
/* HOTFIX136: Deposit page redesign. Compact two-column layout, no stretched hero/card layout. */
body.fbm-orion-v2 .fbm-deposit-page-v3{
max-width:1220px;
margin:0 auto;
}
body.fbm-orion-v2 .fbm-deposit-shell-v3{
display:grid;
grid-template-columns:minmax(320px,380px) minmax(0,1fr);
gap:18px;
align-items:start;
}
body.fbm-orion-v2 .fbm-deposit-sidebar-v3{
display:flex;
flex-direction:column;
gap:14px;
position:sticky;
top:86px;
}
body.fbm-orion-v2 .fbm-deposit-panel-v3{
border:1px solid rgba(148,163,184,.28);
border-radius:22px;
background:rgba(255,255,255,.88);
box-shadow:0 18px 42px rgba(15,23,42,.08);
padding:18px;
}
body.fbm-orion-v2 .fbm-deposit-panel-v3--primary{
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
}
body.fbm-orion-v2 .fbm-deposit-panel-head-v3{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:16px;
}
body.fbm-orion-v2 .fbm-deposit-panel-head-v3 h5{
margin:0;
color:#0f172a;
font-weight:700;
font-size:18px;
}
body.fbm-orion-v2 .fbm-deposit-limit-pill-v3{
display:inline-flex;
align-items:center;
gap:3px;
flex:0 0 auto;
padding:7px 10px;
border-radius:999px;
background:#eff6ff;
color:#334155;
border:1px solid rgba(59,130,246,.16);
font-size:12px;
font-weight:700;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-deposit-limit-pill-v3 span{
display:inline!important;
color:inherit!important;
font-size:inherit!important;
font-weight:inherit!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 .fbm-money-field-v3{
display:grid;
grid-template-columns:minmax(0,1fr) 66px;
align-items:stretch;
width:100%;
}
body.fbm-orion-v2 .fbm-money-field-v3 .form-control{
border-radius:16px 0 0 16px!important;
min-width:0;
height:46px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-money-field-v3 > span{
display:flex!important;
align-items:center;
justify-content:center;
border:1px solid var(--fbm-line-strong,#cbd5e1);
border-left:0;
border-radius:0 16px 16px 0;
background:#f8fafc;
color:#475569;
font-weight:700;
}
body.fbm-orion-v2 .fbm-field-hint-v3{
margin:7px 0 14px;
color:#64748b;
font-size:12px;
line-height:1.45;
}
body.fbm-orion-v2 .fbm-deposit-page-v3 .fbm-form-label{
display:block;
margin:0 0 6px;
color:#334155;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-deposit-memo-v3{
margin-top:16px;
padding:14px;
border-radius:18px;
background:#0f172a;
color:#fff;
display:flex;
flex-direction:column;
gap:9px;
}
body.fbm-orion-v2 .fbm-deposit-memo-v3__label{
color:#cbd5e1;
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}
body.fbm-orion-v2 .fbm-deposit-memo-v3 strong{
color:#fff;
font-size:20px;
line-height:1.2;
word-break:break-word;
}
body.fbm-orion-v2 .fbm-deposit-memo-v3 small{
color:#cbd5e1;
line-height:1.45;
}
body.fbm-orion-v2 .fbm-deposit-steps-v3{
display:flex;
flex-direction:column;
gap:10px;
}
body.fbm-orion-v2 .fbm-deposit-step-v3{
display:flex;
align-items:center;
gap:10px;
color:#334155;
font-weight:700;
}
body.fbm-orion-v2 .fbm-deposit-step-v3 b{
display:flex;
width:28px;
height:28px;
align-items:center;
justify-content:center;
border-radius:999px;
background:#0f172a;
color:#fff;
font-size:12px;
}
body.fbm-orion-v2 .fbm-deposit-main-v3{
min-width:0;
}
body.fbm-orion-v2 .fbm-section-head-v3{
margin-bottom:12px;
}
body.fbm-orion-v2 .fbm-payment-list-v3{
display:flex;
flex-direction:column;
gap:14px;
}
body.fbm-orion-v2 .fbm-payment-method-v3{
display:grid;
grid-template-columns:170px minmax(0,1fr);
gap:18px;
padding:18px;
border:1px solid rgba(148,163,184,.32);
border-radius:22px;
background:rgba(255,255,255,.92);
box-shadow:0 18px 42px rgba(15,23,42,.08);
}
body.fbm-orion-v2 .fbm-payment-method-v3__qr{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
}
body.fbm-orion-v2 .fbm-payment-qr-frame-v3{
width:158px;
height:158px;
border-radius:18px;
background:#fff;
border:1px solid rgba(148,163,184,.35);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
body.fbm-orion-v2 .fbm-payment-qr-frame-v3 img{
width:100%;
height:100%;
object-fit:contain;
}
body.fbm-orion-v2 .fbm-payment-method-v3__body{
min-width:0;
display:flex;
flex-direction:column;
gap:12px;
}
body.fbm-orion-v2 .fbm-payment-method-v3__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
}
body.fbm-orion-v2 .fbm-payment-method-v3__head h5{
margin:0;
color:#0f172a;
font-size:18px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-transfer-box-v3{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px;
border-radius:16px;
background:#ecfdf5;
border:1px solid rgba(34,197,94,.20);
}
body.fbm-orion-v2 .fbm-transfer-box-v3 span{
display:block;
color:#15803d;
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}
body.fbm-orion-v2 .fbm-transfer-box-v3 strong{
color:#0f172a;
font-size:17px;
word-break:break-word;
}
body.fbm-orion-v2 .fbm-transfer-box-v3 .btn{
flex:0 0 auto;
}
body.fbm-orion-v2 .fbm-payment-lines-v3{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
body.fbm-orion-v2 .fbm-payment-line-v3{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:8px;
padding:11px 12px;
border-radius:16px;
background:#f8fafc;
border:1px solid rgba(148,163,184,.28);
}
body.fbm-orion-v2 .fbm-payment-line-v3 span{
grid-column:1/-1;
color:#64748b;
font-size:11px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-payment-line-v3 strong{
min-width:0;
color:#0f172a;
font-size:14px;
word-break:break-word;
}
body.fbm-orion-v2 .fbm-payment-actions-v3{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
}
body.fbm-orion-v2 .fbm-deposit-orders-card-v3{
margin-top:18px;
}
@media (max-width: 1199.98px){
body.fbm-orion-v2 .fbm-deposit-shell-v3{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-deposit-sidebar-v3{
position:static;
}
}
@media (max-width: 767.98px){
body.fbm-orion-v2 .fbm-payment-method-v3{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-payment-lines-v3{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-payment-method-v3__head,
body.fbm-orion-v2 .fbm-transfer-box-v3{
align-items:flex-start;
flex-direction:column;
}
body.fbm-orion-v2 .fbm-payment-actions-v3{
justify-content:flex-start;
}
}
/* HOTFIX137: Deposit QR readable size. Keep redesigned layout, only enlarge QR area. */
body.fbm-orion-v2 .fbm-deposit-page-v3 .fbm-payment-method-v3{
grid-template-columns:240px minmax(0,1fr);
}
body.fbm-orion-v2 .fbm-deposit-page-v3 .fbm-payment-method-v3__qr{
justify-content:flex-start;
}
body.fbm-orion-v2 .fbm-deposit-page-v3 .fbm-payment-qr-frame-v3{
width:220px;
height:220px;
max-width:100%;
border-radius:22px;
padding:8px;
}
body.fbm-orion-v2 .fbm-deposit-page-v3 .fbm-payment-qr-frame-v3 img{
border-radius:16px;
}
@media (max-width: 767.98px){
body.fbm-orion-v2 .fbm-deposit-page-v3 .fbm-payment-method-v3{
grid-template-columns:1fr;
}
body.fbm-orion-v2 .fbm-deposit-page-v3 .fbm-payment-qr-frame-v3{
width:220px;
height:220px;
margin:0 auto;
}
}
/* HOTFIX145: compact user order spending summary cards. */
body.fbm-orion-v2 .fbm-orders-summary-row{
margin-bottom:4px!important;
}
body.fbm-orion-v2 .fbm-orders-summary-row .fbm-stat-card{
min-height:92px!important;
margin-bottom:12px!important;
padding:12px 14px 11px!important;
border-radius:16px!important;
}
body.fbm-orion-v2 .fbm-orders-summary-row .fbm-stat-card__label{
margin-bottom:6px!important;
font-size:10.5px!important;
}
body.fbm-orion-v2 .fbm-orders-summary-row .fbm-stat-card__value{
margin-bottom:5px!important;
font-size:17px!important;
line-height:1.18!important;
letter-spacing:-.035em!important;
}
body.fbm-orion-v2 .fbm-orders-summary-row .fbm-stat-card__hint{
font-size:11px!important;
line-height:1.25!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-order-filter-badge{
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-order-tools{
gap:8px!important;
}
@media (max-width: 575.98px){
body.fbm-orion-v2 .fbm-orders-summary-row .fbm-stat-card{
min-height:82px!important;
}
}
/* HOTFIX150: core password visibility toggle */
body.fbm-orion-v2 .fbm-password-toggle-wrap{position:relative;display:block;width:100%;}
body.fbm-orion-v2 .fbm-password-toggle-wrap--input-group{display:flex;align-items:stretch;}
body.fbm-orion-v2 .fbm-password-toggle-input{padding-right:46px!important;}
body.fbm-orion-v2 .fbm-password-toggle-wrap--input-group .fbm-password-toggle-input{padding-right:46px!important;}
body.fbm-orion-v2 .fbm-password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:#667085;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;padding:0;transition:background .14s ease,color .14s ease;}
body.fbm-orion-v2 .fbm-password-toggle-btn:hover{background:#f2f4f7;color:#101828;}
body.fbm-orion-v2 .fbm-password-toggle-btn:focus{outline:2px solid rgba(59,130,246,.28);outline-offset:1px;}
body.fbm-orion-v2 .fbm-password-toggle-btn svg{width:18px;height:18px;fill:currentColor;display:block;}
body.fbm-orion-v2 .fbm-password-toggle-btn.is-visible{color:#2563eb;background:#eff6ff;}
/* HOTFIX151: readable admin settings layout; avoid squeezed text columns */
body.fbm-orion-v2 .fbm-settings-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:16px!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-setting-card{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:18px!important;
min-height:0!important;
padding:18px 20px!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-setting-main{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-setting-title{
display:block!important;
color:#0f172a!important;
font-size:15px!important;
line-height:1.25!important;
font-weight:700!important;
letter-spacing:-.02em!important;
word-break:normal!important;
overflow-wrap:normal!important;
white-space:normal!important;
margin-bottom:5px!important;
}
body.fbm-orion-v2 .fbm-setting-desc{
display:block!important;
color:#64748b!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.5!important;
word-break:normal!important;
overflow-wrap:normal!important;
white-space:normal!important;
max-width:620px!important;
}
body.fbm-orion-v2 .fbm-setting-number-control{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
flex-wrap:nowrap!important;
min-width:236px!important;
justify-self:end!important;
}
body.fbm-orion-v2 .fbm-setting-number-control .form-control{
width:104px!important;
min-width:104px!important;
text-align:center!important;
}
body.fbm-orion-v2 .fbm-setting-number-control .fbm-soft-badge{
white-space:nowrap!important;
min-width:44px!important;
justify-content:center!important;
}
body.fbm-orion-v2 .fbm-setting-card .btnSaveSettingNumber{
white-space:nowrap!important;
min-width:54px!important;
}
@media(max-width:1399.98px){
body.fbm-orion-v2 .fbm-settings-grid{grid-template-columns:1fr!important;}
}
@media(max-width:575.98px){
body.fbm-orion-v2 .fbm-setting-card{
grid-template-columns:1fr!important;
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-setting-number-control{
width:100%!important;
justify-content:flex-start!important;
min-width:0!important;
}
}
/* HOTFIX151: dashboard delete actions grouped in one dropdown */
body.fbm-orion-v2 .fbm-dashboard-delete-menu{
margin-left:6px!important;
}
body.fbm-orion-v2 .fbm-dashboard-delete-menu .dropdown-menu{
border-radius:14px!important;
border:1px solid rgba(148,163,184,.25)!important;
box-shadow:0 18px 40px rgba(15,23,42,.14)!important;
padding:8px!important;
min-width:220px!important;
}
body.fbm-orion-v2 .fbm-dashboard-delete-menu .dropdown-item{
border-radius:10px!important;
font-size:12px!important;
font-weight:700!important;
padding:8px 10px!important;
}
/* HOTFIX152 worker monitor core layout */
/* HOTFIX152 .fbm-core-table-scroll frame removed by HOTFIX1139; final scroll contract owns it. */
body.fbm-orion-v2 .fbm-core-table-scroll .fbm-admin-table{
margin-bottom:0!important;
}
body.fbm-orion-v2 .fbm-core-table-scroll .fbm-admin-table thead th{
position:sticky;
top:0;
z-index:3;
background:#f8fafc!important;
}
body.fbm-orion-v2 .fbm-core-tabs{
display:flex;
gap:8px;
padding:6px;
margin:0 0 12px 0;
border:1px solid rgba(148,163,184,.18);
border-radius:18px;
background:rgba(248,250,252,.9);
}
body.fbm-orion-v2 .fbm-core-tabs .nav-item{
margin:0;
}
body.fbm-orion-v2 .fbm-core-tabs .nav-link{
border:0!important;
border-radius:14px!important;
color:var(--fbm-muted)!important;
font-size:12px;
font-weight:700;
padding:8px 12px;
}
body.fbm-orion-v2 .fbm-core-tabs .nav-link:hover{
color:var(--fbm-text)!important;
background:rgba(255,255,255,.72);
}
body.fbm-orion-v2 .fbm-core-tabs .nav-link.active{
color:var(--fbm-primary)!important;
background:#fff!important;
box-shadow:0 8px 22px rgba(15,23,42,.08);
}
body.fbm-orion-v2 .fbm-core-tab-content{
min-width:0;
}
body.fbm-orion-v2 .fbm-danger-dropdown .dropdown-menu{
border-radius:16px;
border:1px solid rgba(148,163,184,.24);
box-shadow:0 18px 42px rgba(15,23,42,.14);
padding:6px;
}
body.fbm-orion-v2 .fbm-danger-dropdown .dropdown-item{
border-radius:12px;
font-size:13px;
font-weight:700;
padding:8px 10px;
}
.fbm-admin-workers-page .fbm-worker-monitor-row{
margin-top:18px;
}
.fbm-admin-workers-page .fbm-worker-monitor-card .card-body{
padding:18px 20px;
}
.fbm-admin-workers-page .fbm-worker-monitor-head{
margin-bottom:12px;
}
.fbm-admin-workers-page .fbm-worker-log-actionbar{
margin-bottom:12px;
}
.fbm-admin-workers-page .fbm-worker-log-scroll{
height:clamp(380px, 58vh, 720px);
max-height:none!important;
}
.fbm-admin-workers-page .fbm-worker-log-table{
min-width:980px!important;
}
.fbm-admin-workers-page .fbm-worker-log-table td,
.fbm-admin-workers-page .fbm-worker-log-table th{
vertical-align:top!important;
}
.fbm-admin-workers-page .fbm-worker-log-table td:nth-child(5),
.fbm-admin-workers-page .fbm-worker-log-table th:nth-child(5){
min-width:260px!important;
max-width:420px;
white-space:normal!important;
}
.fbm-admin-workers-page .fbm-worker-log-reason{
display:block;
max-width:420px;
white-space:normal;
word-break:break-word;
line-height:1.38;
color:var(--fbm-muted);
}
.fbm-admin-workers-page .fbm-worker-run-scroll{
height:clamp(380px, 58vh, 720px);
max-height:none!important;
overflow:auto;
padding:4px 4px 4px 0;
}
.fbm-admin-workers-page .fbm-worker-run-item{
border-radius:16px;
}
@media (min-width:1200px){
.fbm-admin-workers-page .fbm-worker-monitor-row{
display:block!important;
margin-left:0!important;
margin-right:0!important;
}
.fbm-admin-workers-page .fbm-worker-monitor-row > .fbm-worker-monitor-col{
width:100%!important;
max-width:100%!important;
flex:0 0 100%!important;
padding-left:0!important;
padding-right:0!important;
}
.fbm-admin-workers-page .fbm-worker-monitor-card{
position:static!important;
}
}
@media (max-width:768px){
.fbm-admin-workers-page .fbm-worker-monitor-card .card-body{
padding:15px;
}
body.fbm-orion-v2 .fbm-core-tabs{
overflow-x:auto;
flex-wrap:nowrap;
}
body.fbm-orion-v2 .fbm-core-tabs .nav-link{
white-space:nowrap;
}
.fbm-admin-workers-page .fbm-worker-log-scroll,
.fbm-admin-workers-page .fbm-worker-run-scroll{
height:420px;
}
}
/* HOTFIX153: Core mobile table horizontal scroll guard
Keep every legacy/admin/user table inside its own horizontal scroll shell on mobile.
Do not rely on page-level horizontal scrolling because app/main/card shells intentionally hide overflow. */
body.fbm-orion-v2 .main-content,
body.fbm-orion-v2 .card,
body.fbm-orion-v2 .card-body,
body.fbm-orion-v2 .fbm-data-card,
body.fbm-orion-v2 .fbm-orders-card,
body.fbm-orion-v2 .fbm-admin-list-card,
body.fbm-orion-v2 .dataTables_wrapper{
min-width:0!important;
}
/* HOTFIX153 table-scroll guard removed by HOTFIX1139 component audit.
The final single scroll contract owns table-responsive/core-table wrappers. */
/* HOTFIX153 guard: worker monitor still needs vertical scroll inside its log/run panels. */
.fbm-admin-workers-page .fbm-worker-log-scroll,
.fbm-admin-workers-page .fbm-worker-run-scroll{
overflow:auto!important;
}
/* HOTFIX154: Core native sidebar scroll + mobile API document layout
Root cause: legacy slimScroll also owned `.sidebarNavScroll`, while Orion CSS/JS
restored native scrollTop. That double ownership created touch/wheel jank and
sometimes blocked vertical dragging on mobile. Sidebar is now a single native
scroll owner. Document pages also get a core mobile guard for long API/code text. */
body.fbm-orion-v2 #app-side,
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 .app-side.fixed{
overflow:hidden!important;
overscroll-behavior:contain!important;
}
body.fbm-orion-v2 #app-side .side-content,
body.fbm-orion-v2 .app-side .side-content{
display:flex!important;
flex-direction:column!important;
min-height:0!important;
height:100%!important;
max-height:100%!important;
overflow:hidden!important;
}
body.fbm-orion-v2 #app-side .user-profile,
body.fbm-orion-v2 .app-side .user-profile{
flex:0 0 auto!important;
}
body.fbm-orion-v2 #app-side .slimScrollDiv,
body.fbm-orion-v2 .app-side .slimScrollDiv{
flex:1 1 auto!important;
display:flex!important;
flex-direction:column!important;
min-height:0!important;
width:100%!important;
height:auto!important;
max-height:none!important;
overflow:visible!important;
}
body.fbm-orion-v2 #app-side .slimScrollBar,
body.fbm-orion-v2 #app-side .slimScrollRail,
body.fbm-orion-v2 .app-side .slimScrollBar,
body.fbm-orion-v2 .app-side .slimScrollRail{
display:none!important;
pointer-events:none!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll,
body.fbm-orion-v2 .app-side .sidebarNavScroll,
body.fbm-orion-v2 #app-side .fbm-native-sidebar-scroll,
body.fbm-orion-v2 .app-side .fbm-native-sidebar-scroll{
flex:1 1 auto!important;
min-height:0!important;
height:auto!important;
max-height:none!important;
width:100%!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
touch-action:pan-y!important;
overscroll-behavior:contain!important;
scroll-behavior:auto!important;
scrollbar-width:thin!important;
scrollbar-gutter:stable!important;
will-change:scroll-position!important;
}
body.fbm-orion-v2 #app-side .side-nav,
body.fbm-orion-v2 .app-side .side-nav,
body.fbm-orion-v2 #app-side .unifyMenu,
body.fbm-orion-v2 .app-side .unifyMenu{
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2.fbm-side-open #app-side .sidebarNavScroll,
body.fbm-orion-v2.fbm-side-open .app-side .sidebarNavScroll{
pointer-events:auto!important;
}
body.fbm-orion-v2 .fbm-doc-page,
body.fbm-orion-v2 .fbm-doc-layout,
body.fbm-orion-v2 .fbm-doc-sidebar,
body.fbm-orion-v2 .fbm-doc-content,
body.fbm-orion-v2 .fbm-doc-card,
body.fbm-orion-v2 .fbm-doc-card__head,
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-doc-param,
body.fbm-orion-v2 .fbm-doc-code-grid,
body.fbm-orion-v2 .fbm-doc-code-block,
body.fbm-orion-v2 .fbm-doc-note-grid,
body.fbm-orion-v2 .fbm-doc-note-card{
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-doc-page{
overflow-x:hidden!important;
}
body.fbm-orion-v2 .fbm-doc-code-block pre,
body.fbm-orion-v2 .fbm-doc-code-block code,
body.fbm-orion-v2 .fbm-doc-keybox code,
body.fbm-orion-v2 .fbm-doc-endpoint code,
body.fbm-orion-v2 .fbm-doc-param code{
max-width:100%!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-doc-layout{
display:block!important;
width:100%!important;
}
body.fbm-orion-v2 .fbm-doc-sidebar{
width:100%!important;
margin-bottom:14px!important;
}
body.fbm-orion-v2 .fbm-doc-nav{
display:flex!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
touch-action:pan-x!important;
overscroll-behavior-x:contain!important;
scrollbar-width:none!important;
padding:8px!important;
border-radius:18px!important;
}
body.fbm-orion-v2 .fbm-doc-nav::-webkit-scrollbar{
display:none!important;
}
body.fbm-orion-v2 .fbm-doc-nav a{
flex:0 0 auto!important;
white-space:nowrap!important;
min-width:max-content!important;
}
body.fbm-orion-v2 .fbm-doc-tip{
display:none!important;
}
body.fbm-orion-v2 .fbm-doc-card{
width:100%!important;
border-radius:20px!important;
}
body.fbm-orion-v2 .fbm-doc-card__head{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:12px!important;
padding:16px!important;
}
body.fbm-orion-v2 .fbm-doc-card__head .btn,
body.fbm-orion-v2 .fbm-doc-keybox .btn,
body.fbm-orion-v2 .fbm-doc-endpoint .btn{
width:100%!important;
justify-content:center!important;
}
body.fbm-orion-v2 .fbm-doc-method{
align-self:flex-start!important;
}
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
margin:14px!important;
padding:13px!important;
}
body.fbm-orion-v2 .fbm-doc-keybox code,
body.fbm-orion-v2 .fbm-doc-endpoint code,
body.fbm-orion-v2 .fbm-doc-param code{
display:block!important;
overflow-x:auto!important;
overflow-y:hidden!important;
text-overflow:clip!important;
white-space:nowrap!important;
-webkit-overflow-scrolling:touch!important;
text-align:left!important;
}
body.fbm-orion-v2 .fbm-doc-param-list,
body.fbm-orion-v2 .fbm-doc-code-grid,
body.fbm-orion-v2 .fbm-doc-note-grid,
body.fbm-orion-v2 .fbm-doc-alert{
margin-left:14px!important;
margin-right:14px!important;
}
body.fbm-orion-v2 .fbm-doc-param{
display:grid!important;
grid-template-columns:1fr!important;
gap:9px!important;
align-items:start!important;
padding:12px!important;
}
body.fbm-orion-v2 .fbm-doc-param code{
justify-content:flex-start!important;
}
body.fbm-orion-v2 .fbm-doc-code-grid,
body.fbm-orion-v2 .fbm-doc-note-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
}
body.fbm-orion-v2 .fbm-doc-code-head{
flex-wrap:wrap!important;
align-items:center!important;
}
body.fbm-orion-v2 .fbm-doc-code-head .btn{
margin-left:auto!important;
}
body.fbm-orion-v2 .fbm-doc-code-block pre{
max-width:100%!important;
max-height:320px!important;
overflow:auto!important;
-webkit-overflow-scrolling:touch!important;
font-size:11.6px!important;
line-height:1.5!important;
}
body.fbm-orion-v2 .fbm-doc-hero--compact{
width:100%!important;
min-width:0!important;
align-items:flex-start!important;
}
}
/* HOTFIX155: Core mobile overflow ownership
Root causes fixed:
1) DataTables wraps the original inside .dataTables_wrapper. Older core CSS gave
.dataTables_wrapper overflow:hidden, so the outer table scroll shell could not expose
the real horizontal overflow on mobile.
2) Mobile header rendered both the desktop mini toggler and legacy onoffcanvas toggler.
3) API document cards contained long key/URL/code strings inside grid children that did
not consistently allow min-width:0, so text could push outside the card. */
/* HOTFIX155 table-scroll ownership removed by HOTFIX1139 component audit.
The final single scroll contract owns wrapper/DataTables/table sizing. */
/* API/document mobile overflow guard */
body.fbm-orion-v2 .fbm-doc-layout,
body.fbm-orion-v2 .fbm-doc-content,
body.fbm-orion-v2 .fbm-doc-card,
body.fbm-orion-v2 .fbm-doc-keybox > div,
body.fbm-orion-v2 .fbm-doc-endpoint > div,
body.fbm-orion-v2 .fbm-doc-param > div,
body.fbm-orion-v2 .fbm-doc-code-head span{
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-doc-param,
body.fbm-orion-v2 .fbm-doc-code-block{
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-doc-keybox code,
body.fbm-orion-v2 .fbm-doc-endpoint code,
body.fbm-orion-v2 .fbm-doc-param code{
width:100%!important;
max-width:100%!important;
min-width:0!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-doc-page{
padding-bottom:82px!important;
}
body.fbm-orion-v2 .fbm-doc-card{
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-doc-keybox code{
white-space:normal!important;
overflow:visible!important;
overflow-wrap:anywhere!important;
word-break:break-all!important;
line-height:1.45!important;
}
body.fbm-orion-v2 .fbm-doc-endpoint code,
body.fbm-orion-v2 .fbm-doc-param code{
display:block!important;
white-space:nowrap!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
}
body.fbm-orion-v2 .fbm-doc-code-block pre{
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:auto!important;
}
body.fbm-orion-v2 .fbm-doc-code-block pre code{
display:block!important;
width:max-content!important;
min-width:100%!important;
max-width:none!important;
white-space:pre!important;
}
}
/* HOTFIX156: Core account header for mobile
Root cause: mobile hid `.fbm-header-action` to protect header width, but the balance pill
stayed as a clipped static chip, so account actions/logout were unreachable unless the
sidebar was opened. Header account state is now a single core dropdown component shared
by user/admin headers. */
body.fbm-orion-v2 .app-header,
body.fbm-orion-v2 .app-header .container-fluid,
body.fbm-orion-v2 .app-header .row.gutters,
body.fbm-orion-v2 .app-header [class*="col-"]{
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-core-accountbar{
min-width:0!important;
}
body.fbm-orion-v2 .fbm-account-menu{
position:relative!important;
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-account-trigger{
border:1px solid var(--fbm-line)!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
text-align:left!important;
color:var(--fbm-text)!important;
outline:none!important;
}
body.fbm-orion-v2 .fbm-account-trigger:focus,
body.fbm-orion-v2 .fbm-account-trigger[aria-expanded="true"]{
border-color:#93c5fd!important;
box-shadow:0 0 0 4px rgba(21,112,239,.12), 0 8px 22px rgba(16,24,40,.07)!important;
}
body.fbm-orion-v2 .fbm-account-trigger.dropdown-toggle::after{
display:none!important;
}
body.fbm-orion-v2 .fbm-account-caret{
flex:0 0 auto!important;
width:22px!important;
height:22px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
color:#64748b!important;
background:#f8fafc!important;
border:1px solid #e2e8f0!important;
font-size:12px!important;
line-height:1!important;
transition:transform .16s ease!important;
}
body.fbm-orion-v2 .fbm-account-trigger[aria-expanded="true"] .fbm-account-caret{
transform:rotate(180deg)!important;
}
body.fbm-orion-v2 .fbm-header-account-pill{
min-width:176px!important;
min-height:44px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
padding:6px 12px 6px 8px!important;
background:linear-gradient(180deg,#fff,#f8fbff)!important;
box-shadow:0 8px 22px rgba(16,24,40,.055)!important;
}
body.fbm-orion-v2 .fbm-account-pill-icon{
flex:0 0 auto!important;
width:32px!important;
height:32px!important;
border-radius:50%!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#eaf4ff!important;
color:var(--fbm-primary)!important;
border:1px solid #b2ddff!important;
font-size:15px!important;
}
body.fbm-orion-v2 .fbm-account-pill-meta{
flex:1 1 auto!important;
min-width:0!important;
display:flex!important;
flex-direction:column!important;
line-height:1.12!important;
}
body.fbm-orion-v2 .fbm-account-pill-meta small{
color:#64748b!important;
font-size:10.5px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
margin-bottom:3px!important;
}
body.fbm-orion-v2 .fbm-account-pill-meta strong{
color:#0f172a!important;
font-size:13px!important;
font-weight:700!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-account-dropdown.dropdown-menu{
min-width:318px!important;
max-width:min(370px, calc(100vw - 24px))!important;
padding:10px!important;
margin-top:10px!important;
border:1px solid rgba(203,213,225,.95)!important;
border-radius:22px!important;
background:rgba(255,255,255,.98)!important;
box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
backdrop-filter:blur(18px) saturate(150%)!important;
overflow:hidden!important;
z-index:2600!important;
}
body.fbm-orion-v2 .fbm-account-head{
display:flex!important;
align-items:center!important;
gap:12px!important;
padding:10px 10px 12px!important;
border-bottom:1px solid #edf2f7!important;
}
body.fbm-orion-v2 .fbm-account-avatar{
flex:0 0 auto!important;
width:42px!important;
height:42px!important;
border-radius:15px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;
color:var(--fbm-primary)!important;
border:1px solid #bfdbfe!important;
box-shadow:0 10px 24px rgba(21,112,239,.16)!important;
}
body.fbm-orion-v2 .fbm-account-head-text{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:3px!important;
}
body.fbm-orion-v2 .fbm-account-head-text strong{
color:#0f172a!important;
font-size:14px!important;
font-weight:700!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-account-head-text small{
color:#64748b!important;
font-size:12px!important;
font-weight:600!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-account-wallet{
margin:10px 4px!important;
padding:12px!important;
border-radius:18px!important;
background:linear-gradient(180deg,#f8fbff,#f1f5f9)!important;
border:1px solid #e2e8f0!important;
}
body.fbm-orion-v2 .fbm-account-wallet span{
display:block!important;
color:#64748b!important;
font-size:11px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.07em!important;
margin-bottom:5px!important;
}
body.fbm-orion-v2 .fbm-account-wallet strong{
display:block!important;
color:#0f172a!important;
font-size:18px!important;
font-weight:700!important;
letter-spacing:-.03em!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .fbm-account-wallet small{
display:block!important;
color:#475569!important;
font-size:12px!important;
font-weight:600!important;
margin-top:5px!important;
line-height:1.35!important;
}
body.fbm-orion-v2 .fbm-account-menu-list{
display:flex!important;
flex-direction:column!important;
gap:3px!important;
padding:2px!important;
}
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item{
min-height:42px!important;
border-radius:14px!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
padding:10px 12px!important;
color:#334155!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item i{
width:20px!important;
text-align:center!important;
color:#64748b!important;
}
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item:hover,
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item:focus{
background:#eff6ff!important;
color:var(--fbm-primary)!important;
}
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item:hover i,
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item:focus i{
color:var(--fbm-primary)!important;
}
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item.text-danger,
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item.text-danger i{
color:#dc2626!important;
}
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item.text-danger:hover,
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-item.text-danger:focus{
background:#fef2f2!important;
color:#b91c1c!important;
}
body.fbm-orion-v2 .fbm-account-menu-list .dropdown-divider{
margin:5px 6px!important;
border-top:1px solid #e2e8f0!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .app-header .row.gutters{
flex-wrap:nowrap!important;
}
body.fbm-orion-v2 .app-header [class*="col-"]{
min-width:0!important;
padding-left:7px!important;
padding-right:7px!important;
}
body.fbm-orion-v2 .fbm-header-right{
width:100%!important;
min-width:0!important;
gap:0!important;
}
body.fbm-orion-v2 .fbm-account-menu{
width:100%!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
width:100%!important;
min-width:0!important;
max-width:100%!important;
min-height:40px!important;
height:40px!important;
padding:5px 7px!important;
gap:6px!important;
}
body.fbm-orion-v2 .fbm-balance-icon,
body.fbm-orion-v2 .fbm-account-pill-icon{
width:30px!important;
height:30px!important;
}
body.fbm-orion-v2 .fbm-balance-meta,
body.fbm-orion-v2 .fbm-account-pill-meta{
flex:1 1 auto!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
max-width:none!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-account-caret{
width:18px!important;
height:18px!important;
font-size:10px!important;
}
body.fbm-orion-v2 .fbm-account-dropdown.dropdown-menu{
position:absolute!important;
right:0!important;
left:auto!important;
width:calc(100vw - 24px)!important;
min-width:0!important;
max-width:340px!important;
max-height:calc(100dvh - 76px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
}
body.fbm-orion-v2 .fbm-core-accountbar--admin .fbm-account-pill-meta small{
display:none!important;
}
}
@media (max-width:420px){
body.fbm-orion-v2 .fbm-account-dropdown.dropdown-menu{
right:-2px!important;
max-width:calc(100vw - 18px)!important;
}
body.fbm-orion-v2 .fbm-account-pill-meta small,
body.fbm-orion-v2 .fbm-balance-meta small{
display:none!important;
}
}
/* HOTFIX157: Core-owned mobile account header/dropdown.
Root cause: mobile header still used Bootstrap col-4 widths and Bootstrap dropdown/Popper.
The right account pill was capped by the 33% column, so the balance was ellipsized;
when opened, Popper injected transforms that moved the menu into a narrow panel over content.
This block makes the header zones explicit and lets Orion own the account menu position. */
body.fbm-orion-v2 .fbm-header-left,
body.fbm-orion-v2 .fbm-header-logo-zone,
body.fbm-orion-v2 .fbm-header-account-zone{
min-width:0!important;
}
body.fbm-orion-v2 .fbm-account-menu[data-fbm-account-menu]{
position:relative!important;
isolation:isolate!important;
}
body.fbm-orion-v2 .fbm-account-menu[data-fbm-account-menu] > .fbm-account-dropdown.dropdown-menu{
display:none!important;
visibility:hidden!important;
opacity:0!important;
position:absolute!important;
top:100%!important;
right:0!important;
left:auto!important;
transform:none!important;
will-change:auto!important;
float:none!important;
color:var(--fbm-text)!important;
pointer-events:none!important;
}
body.fbm-orion-v2 .fbm-account-menu[data-fbm-account-menu].is-open > .fbm-account-dropdown.dropdown-menu{
display:block!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
}
body.fbm-orion-v2 .fbm-account-dropdown.dropdown-menu::before,
body.fbm-orion-v2 .fbm-account-dropdown.dropdown-menu::after{
display:none!important;
content:none!important;
}
body.fbm-orion-v2 .fbm-account-trigger{
user-select:none!important;
-webkit-tap-highlight-color:transparent!important;
}
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
min-width:0!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .app-header{
--fbm-mobile-header-h:60px;
}
body.fbm-orion-v2 .app-header .container-fluid{
height:100%!important;
padding-left:12px!important;
padding-right:12px!important;
}
body.fbm-orion-v2 .app-header .row.gutters{
height:100%!important;
width:100%!important;
margin-left:0!important;
margin-right:0!important;
display:grid!important;
grid-template-columns:46px minmax(36px,1fr) minmax(152px,auto)!important;
align-items:center!important;
column-gap:8px!important;
flex-wrap:nowrap!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left,
body.fbm-orion-v2 .app-header .fbm-header-logo-zone,
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
width:auto!important;
max-width:none!important;
flex:0 0 auto!important;
padding-left:0!important;
padding-right:0!important;
min-height:0!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
grid-column:1!important;
justify-self:start!important;
display:flex!important;
align-items:center!important;
min-width:46px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{
grid-column:2!important;
justify-self:center!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
grid-column:3!important;
justify-self:end!important;
width:min(178px, calc(100vw - 122px))!important;
min-width:148px!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn{
margin:0!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .app-header .onoffcanvas-toggler{
display:none!important;
}
body.fbm-orion-v2 .fbm-core-accountbar{
width:100%!important;
justify-content:flex-end!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-account-menu[data-fbm-account-menu]{
width:100%!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:40px!important;
min-height:40px!important;
display:grid!important;
grid-template-columns:30px minmax(0,1fr) 18px!important;
align-items:center!important;
gap:6px!important;
padding:5px 6px!important;
}
body.fbm-orion-v2 .fbm-balance-icon,
body.fbm-orion-v2 .fbm-account-pill-icon{
width:30px!important;
height:30px!important;
grid-column:1!important;
}
body.fbm-orion-v2 .fbm-balance-meta,
body.fbm-orion-v2 .fbm-account-pill-meta{
grid-column:2!important;
min-width:0!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-balance-meta small,
body.fbm-orion-v2 .fbm-account-pill-meta small,
body.fbm-orion-v2 .fbm-balance-split{
display:none!important;
}
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
display:block!important;
max-width:none!important;
width:100%!important;
color:#0f172a!important;
font-size:clamp(10.8px, 2.85vw, 12.4px)!important;
line-height:1.1!important;
font-weight:700!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
letter-spacing:-.035em!important;
}
body.fbm-orion-v2 .fbm-account-caret{
grid-column:3!important;
width:18px!important;
height:18px!important;
font-size:10px!important;
}
body.fbm-orion-v2 .fbm-account-menu[data-fbm-account-menu] > .fbm-account-dropdown.dropdown-menu{
position:fixed!important;
top:calc(var(--fbm-mobile-header-h) + 10px)!important;
left:12px!important;
right:12px!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
max-height:calc(100dvh - var(--fbm-mobile-header-h) - 24px)!important;
margin:0!important;
transform:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
z-index:3600!important;
}
body.fbm-orion-v2 .fbm-account-dropdown .fbm-account-head,
body.fbm-orion-v2 .fbm-account-dropdown .fbm-account-wallet,
body.fbm-orion-v2 .fbm-account-dropdown .fbm-account-menu-list{
min-width:0!important;
}
body.fbm-orion-v2 .fbm-account-wallet strong,
body.fbm-orion-v2 .fbm-account-wallet small,
body.fbm-orion-v2 .fbm-account-head-text strong,
body.fbm-orion-v2 .fbm-account-head-text small{
max-width:100%!important;
overflow-wrap:anywhere!important;
word-break:break-word!important;
}
}
@media (max-width:380px){
body.fbm-orion-v2 .app-header .row.gutters{
grid-template-columns:42px minmax(28px,1fr) minmax(138px,auto)!important;
column-gap:6px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
width:min(158px, calc(100vw - 104px))!important;
min-width:136px!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
grid-template-columns:28px minmax(0,1fr) 16px!important;
gap:5px!important;
padding:5px!important;
}
body.fbm-orion-v2 .fbm-balance-icon,
body.fbm-orion-v2 .fbm-account-pill-icon{
width:28px!important;
height:28px!important;
}
body.fbm-orion-v2 .fbm-account-caret{
width:16px!important;
height:16px!important;
}
}
/* HOTFIX157 refine: keep logo centered while right account pill is allowed to be wider. */
@media (max-width:768px){
body.fbm-orion-v2 .app-header .row.gutters{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
grid-template-columns:none!important;
column-gap:0!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
position:relative!important;
z-index:3!important;
width:46px!important;
min-width:46px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%, -50%)!important;
z-index:1!important;
width:56px!important;
min-width:56px!important;
max-width:56px!important;
pointer-events:auto!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
position:relative!important;
z-index:4!important;
margin-left:auto!important;
flex:0 0 auto!important;
}
}
/* HOTFIX158: Core table scroll input ownership + no row hover.
Root cause: row-hover visual states were layered over every data table and table shells
became input owners. On mobile, when the viewport is mostly a table, vertical swipes can
stick inside the horizontal table shell. On desktop, wheel over a wide table can feel
trapped. Tables now keep only horizontal ownership; vertical input is passed to the page.
Row hover is removed globally from core because it is not needed for this shop/admin UI. */
body.fbm-orion-v2{
--fbm-table-hover:transparent;
--fbm-table-row-hover:transparent;
}
body.fbm-orion-v2 table.table tbody tr:hover td,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover td,
body.fbm-orion-v2 .api-param-table tbody tr:hover td,
body.fbm-orion-v2 .table-hover tbody tr:hover td{
background:var(--fbm-table-row, #ffffff)!important;
border-top-color:var(--fbm-table-border, #dde5ef)!important;
border-bottom-color:var(--fbm-table-border, #dde5ef)!important;
border-left-color:var(--fbm-table-border, #dde5ef)!important;
border-right-color:var(--fbm-table-border, #dde5ef)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
transform:none!important;
}
body.fbm-orion-v2 table.table tbody tr:nth-child(even):hover td,
body.fbm-orion-v2 .fbm-data-table tbody tr:nth-child(even):hover td,
body.fbm-orion-v2 .table-hover tbody tr:nth-child(even):hover td{
background:var(--fbm-table-row-alt, #fcfdff)!important;
}
body.fbm-orion-v2 table.table tbody tr:hover td:first-child,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover td:first-child,
body.fbm-orion-v2 .table-hover tbody tr:hover td:first-child{
border-left-color:var(--fbm-table-border, #dde5ef)!important;
box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
}
body.fbm-orion-v2 table.table tbody tr:hover td:last-child,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover td:last-child,
body.fbm-orion-v2 .table-hover tbody tr:hover td:last-child{
border-right-color:var(--fbm-table-border, #dde5ef)!important;
}
/* HOTFIX158 table-touch declarations removed by HOTFIX1139. */
body.fbm-orion-v2 .fbm-worker-log-scroll,
body.fbm-orion-v2 .fbm-worker-run-scroll{
touch-action:auto!important;
overscroll-behavior:contain!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .app-header .row.gutters{
gap:8px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
width:44px!important;
min-width:44px!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn{
width:40px!important;
height:40px!important;
border-radius:14px!important;
margin:0!important;
box-shadow:0 7px 18px rgba(15,23,42,.08)!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn i{
font-size:20px!important;
line-height:1!important;
}
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{
display:none!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
width:min(218px, calc(100vw - 82px))!important;
min-width:min(176px, calc(100vw - 82px))!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
height:42px!important;
min-height:42px!important;
grid-template-columns:30px minmax(0,1fr) 18px!important;
padding:5px 7px!important;
}
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
font-size:clamp(11.4px, 3vw, 13px)!important;
letter-spacing:-.025em!important;
}
}
@media (max-width:380px){
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
width:min(196px, calc(100vw - 76px))!important;
min-width:min(160px, calc(100vw - 76px))!important;
}
}
/* HOTFIX159: native table scroll input
Table wrappers must not trap touchmove/wheel. Native browser ownership keeps
horizontal table scroll while vertical gestures/wheel continue scrolling the page. */
/* HOTFIX159 table-scroll input declarations removed by HOTFIX1139. */
body.fbm-orion-v2 .fbm-worker-log-scroll,
body.fbm-orion-v2 .fbm-worker-run-scroll{
touch-action:auto!important;
overscroll-behavior:contain!important;
}
/* HOTFIX161: Core mobile header balance + product card readability.
Root cause: the mobile header still inherited wide desktop grid behavior and the
product card title was forced into one ellipsis line with an exposed technical id
pill. This core block owns the header zones and the product card component rather
than patching a single page. */
body.fbm-orion-v2 .product-card .product-id{
display:none!important;
}
body.fbm-orion-v2 .product-grid{
grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr))!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .product-card{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
}
body.fbm-orion-v2 .product-card-top{
display:grid!important;
grid-template-columns:56px minmax(0,1fr) auto!important;
align-items:start!important;
gap:14px!important;
margin:0!important;
}
body.fbm-orion-v2 .product-title-wrap{
min-width:0!important;
width:100%!important;
align-self:center!important;
}
body.fbm-orion-v2 .product-title{
display:block!important;
max-width:100%!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
word-break:normal!important;
overflow-wrap:anywhere!important;
line-height:1.18!important;
margin:0!important;
}
body.fbm-orion-v2 .product-geo{
align-self:start!important;
margin-top:2px!important;
}
body.fbm-orion-v2 .product-action{
margin-top:auto!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .app-header{
min-height:58px!important;
height:auto!important;
}
body.fbm-orion-v2 .app-header .container-fluid{
padding-left:14px!important;
padding-right:14px!important;
}
body.fbm-orion-v2 .app-header .row.gutters{
min-height:58px!important;
padding:8px 0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
flex:0 0 40px!important;
width:40px!important;
min-width:40px!important;
max-width:40px!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn{
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
border-radius:14px!important;
margin:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:rgba(255,255,255,.94)!important;
border:1px solid #d8e6f7!important;
box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn i{
font-size:19px!important;
line-height:1!important;
}
body.fbm-orion-v2 .app-header .onoffcanvas-toggler,
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{
display:none!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
flex:0 1 auto!important;
width:auto!important;
min-width:0!important;
max-width:calc(100vw - 86px)!important;
margin-left:auto!important;
display:flex!important;
justify-content:flex-end!important;
}
body.fbm-orion-v2 .fbm-core-accountbar,
body.fbm-orion-v2 .fbm-account-menu{
width:auto!important;
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
width:auto!important;
min-width:178px!important;
max-width:min(238px, calc(100vw - 86px))!important;
height:40px!important;
min-height:40px!important;
grid-template-columns:30px minmax(0,1fr) 18px!important;
gap:7px!important;
padding:5px 7px!important;
}
body.fbm-orion-v2 .fbm-balance-icon,
body.fbm-orion-v2 .fbm-account-pill-icon{
width:30px!important;
height:30px!important;
}
body.fbm-orion-v2 .fbm-balance-label,
body.fbm-orion-v2 .fbm-balance-split,
body.fbm-orion-v2 .fbm-account-pill-label,
body.fbm-orion-v2 .fbm-account-pill-split{
display:none!important;
}
body.fbm-orion-v2 .fbm-balance-meta,
body.fbm-orion-v2 .fbm-account-pill-meta{
min-width:0!important;
text-align:left!important;
}
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
display:block!important;
max-width:100%!important;
color:#0f172a!important;
font-size:clamp(12.6px, 3.45vw, 14px)!important;
line-height:1.05!important;
font-weight:700!important;
letter-spacing:-.02em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-account-caret{
width:18px!important;
height:18px!important;
font-size:10px!important;
}
body.fbm-orion-v2 .product-grid{
grid-template-columns:1fr!important;
gap:16px!important;
}
body.fbm-orion-v2 .product-card{
border-radius:24px!important;
}
body.fbm-orion-v2 .product-card-top{
grid-template-columns:54px minmax(0,1fr) auto!important;
gap:12px!important;
padding:18px 18px 14px!important;
}
body.fbm-orion-v2 .product-icon{
width:54px!important;
height:54px!important;
border-radius:18px!important;
}
body.fbm-orion-v2 .product-title{
font-size:18px!important;
line-height:1.18!important;
}
body.fbm-orion-v2 .product-desc{
max-height:none!important;
min-height:0!important;
overflow:visible!important;
overscroll-behavior:auto!important;
padding:14px 18px!important;
margin:0!important;
}
body.fbm-orion-v2 .product-desc ul{
margin:0!important;
}
body.fbm-orion-v2 .product-price-row,
body.fbm-orion-v2 .product-stock,
body.fbm-orion-v2 .product-metrics{
margin-left:18px!important;
margin-right:18px!important;
}
body.fbm-orion-v2 .product-price-row{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
}
body.fbm-orion-v2 .product-price{
font-size:24px!important;
}
body.fbm-orion-v2 .product-metrics{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.fbm-orion-v2 .product-action{
padding:16px 18px 20px!important;
}
}
@media (max-width:380px){
body.fbm-orion-v2 .app-header .container-fluid{
padding-left:12px!important;
padding-right:12px!important;
}
body.fbm-orion-v2 .app-header .row.gutters{
gap:8px!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
min-width:164px!important;
max-width:calc(100vw - 78px)!important;
}
body.fbm-orion-v2 .product-card-top{
grid-template-columns:50px minmax(0,1fr) auto!important;
padding-left:16px!important;
padding-right:16px!important;
}
body.fbm-orion-v2 .product-icon{
width:50px!important;
height:50px!important;
}
body.fbm-orion-v2 .product-title{
font-size:17px!important;
}
body.fbm-orion-v2 .product-metrics{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
/* HOTFIX162: Core product/table/button balance.
Root causes:
- HOTFIX161 used 1fr product-grid tracks on desktop; a single product card expanded to the whole content panel.
- Mobile product descriptions were allowed to expand fully, making cards uneven when descriptions are long.
- Table scroll shells inherited mixed DataTables/table-responsive card padding and scrollbar gutters, causing some pages
such as user/orders.php to look inset or shifted.
- Bootstrap .table-hover is not useful for this UI and can leave sticky hover states on touch devices.
- Icon fonts inside normal buttons were too small/low compared with the button label. */
body.fbm-orion-v2{
--fbm-product-card-max:440px;
--fbm-product-card-min:340px;
}
@media (min-width:769px){
body.fbm-orion-v2 .product-grid{
grid-template-columns:repeat(auto-fill, minmax(var(--fbm-product-card-min), var(--fbm-product-card-max)))!important;
justify-content:start!important;
justify-items:stretch!important;
align-items:stretch!important;
gap:18px!important;
}
body.fbm-orion-v2 .product-card{
width:100%!important;
max-width:var(--fbm-product-card-max)!important;
align-self:stretch!important;
}
}
@media (min-width:1600px){
body.fbm-orion-v2{
--fbm-product-card-max:450px;
--fbm-product-card-min:350px;
}
}
@media (max-width:768px){
body.fbm-orion-v2 .product-grid{
grid-template-columns:minmax(0,1fr)!important;
justify-content:stretch!important;
justify-items:stretch!important;
}
body.fbm-orion-v2 .product-card{
width:100%!important;
max-width:none!important;
}
body.fbm-orion-v2 .product-desc{
max-height:92px!important;
min-height:48px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
touch-action:pan-y!important;
scrollbar-width:thin!important;
}
}
@media (max-width:380px){
body.fbm-orion-v2 .product-desc{
max-height:84px!important;
}
}
/* HOTFIX162 table-overflow declarations removed by HOTFIX1139 component audit.
Product grid/readability rules remain above; table overflow is centralized at the end. */
/* Remove hover ownership globally. Keep zebra rows, but never add hover transforms/shadows/backgrounds. */
body.fbm-orion-v2 table.table-hover,
body.fbm-orion-v2 table.fbm-table-no-hover{
--fbm-table-hover:var(--fbm-table-row, #ffffff)!important;
cursor:default!important;
}
body.fbm-orion-v2 table.table-hover tbody tr,
body.fbm-orion-v2 table.fbm-table-no-hover tbody tr,
body.fbm-orion-v2 .fbm-data-table tbody tr{
transition:none!important;
transform:none!important;
}
body.fbm-orion-v2 table.table-hover tbody tr:hover,
body.fbm-orion-v2 table.fbm-table-no-hover tbody tr:hover,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover{
transform:none!important;
box-shadow:none!important;
}
body.fbm-orion-v2 table.table-hover tbody tr:hover td,
body.fbm-orion-v2 table.fbm-table-no-hover tbody tr:hover td,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover td{
background:inherit!important;
transform:none!important;
box-shadow:none!important;
}
body.fbm-orion-v2 table.table-hover tbody tr:nth-child(odd):hover td,
body.fbm-orion-v2 table.fbm-table-no-hover tbody tr:nth-child(odd):hover td,
body.fbm-orion-v2 .fbm-data-table tbody tr:nth-child(odd):hover td{
background:#fff!important;
}
body.fbm-orion-v2 table.table-hover tbody tr:nth-child(even):hover td,
body.fbm-orion-v2 table.fbm-table-no-hover tbody tr:nth-child(even):hover td,
body.fbm-orion-v2 .fbm-data-table tbody tr:nth-child(even):hover td{
background:var(--fbm-table-zebra, #fbfcfe)!important;
}
/* Core button icon rhythm. JS adds .fbm-btn-has-text only when the button has real label text, so icon-only buttons stay centered. */
body.fbm-orion-v2 .btn > i[class^="icon-"],
body.fbm-orion-v2 .btn > i[class*=" icon-"]{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:1.18em!important;
min-width:1.18em!important;
height:1.18em!important;
font-size:1.16em!important;
line-height:1!important;
vertical-align:-.13em!important;
transform:none!important;
}
body.fbm-orion-v2 .btn-sm > i[class^="icon-"],
body.fbm-orion-v2 .btn-sm > i[class*=" icon-"]{
font-size:1.22em!important;
}
body.fbm-orion-v2 .btn.fbm-btn-has-text > i[class^="icon-"]:first-child,
body.fbm-orion-v2 .btn.fbm-btn-has-text > i[class*=" icon-"]:first-child{
margin-right:.38rem!important;
}
body.fbm-orion-v2 .btn.fbm-btn-has-text > i[class^="icon-"]:last-child,
body.fbm-orion-v2 .btn.fbm-btn-has-text > i[class*=" icon-"]:last-child{
margin-left:.38rem!important;
margin-right:0!important;
}
body.fbm-orion-v2 .btn.fbm-btn-icon-only{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
body.fbm-orion-v2 .btn.fbm-btn-icon-only > i[class^="icon-"],
body.fbm-orion-v2 .btn.fbm-btn-icon-only > i[class*=" icon-"]{
margin:0!important;
}
/* HOTFIX163: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX164: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX165: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX166: Core UI surface system.
This is a full UI-level contract layered after legacy/hotfix rules. The goal is to
stop tuning single pages and make every major UI block share the same visual depth:
canvas -> surface -> inset -> row. It applies to user/admin pages together. */
body.fbm-orion-v2{
--fbm-canvas-1:#f7fbff;
--fbm-canvas-2:#eef5fc;
--fbm-surface-0:#ffffff;
--fbm-surface-1:#fbfdff;
--fbm-surface-2:#f3f8fe;
--fbm-surface-3:#edf5fd;
--fbm-edge-1:#d7e5f3;
--fbm-edge-2:#c5d8eb;
--fbm-edge-3:#a9c4df;
--fbm-elev-1:0 1px 2px rgba(15,23,42,.035),0 8px 22px rgba(15,23,42,.045);
--fbm-elev-2:0 1px 2px rgba(15,23,42,.04),0 16px 42px rgba(15,23,42,.070);
--fbm-elev-3:0 2px 4px rgba(15,23,42,.045),0 24px 70px rgba(15,23,42,.095);
--fbm-inner-light:inset 0 1px 0 rgba(255,255,255,.86);
--fbm-inner-line:inset 0 0 0 1px rgba(255,255,255,.54);
--fbm-accent-grad:linear-gradient(180deg,#2e90fa 0%,#1570ef 48%,#12b76a 100%);
--fbm-row-shadow:0 1px 1px rgba(15,23,42,.025),0 5px 13px rgba(15,23,42,.052);
}
body.fbm-orion-v2{
background:
radial-gradient(circle at 12% -10%,rgba(46,144,250,.16),transparent 390px),
radial-gradient(circle at 96% 3%,rgba(18,183,106,.10),transparent 420px),
linear-gradient(180deg,var(--fbm-canvas-1) 0%,var(--fbm-canvas-2) 100%)!important;
}
/* Page blocks: every visible panel should have the same raised surface language. */
body.fbm-orion-v2 .main-heading.fbm-page-heading,
body.fbm-orion-v2 .card,
body.fbm-orion-v2 .fbm-card,
body.fbm-orion-v2 .fbm-data-card,
body.fbm-orion-v2 .fbm-history-card,
body.fbm-orion-v2 .fbm-orders-card,
body.fbm-orion-v2 .fbm-admin-list-card,
body.fbm-orion-v2 .fbm-settings-card,
body.fbm-orion-v2 .fbm-security-card,
body.fbm-orion-v2 .fbm-account-tool-card,
body.fbm-orion-v2 .fbm-worker-card,
body.fbm-orion-v2 .fbm-doc-card,
body.fbm-orion-v2 .fbm-doc-hero,
body.fbm-orion-v2 .fbm-doc-tip,
body.fbm-orion-v2 .fbm-doc-note-card,
body.fbm-orion-v2 .api-card,
body.fbm-orion-v2 .fbm-payment-card,
body.fbm-orion-v2 .fbm-payment-card-v2,
body.fbm-orion-v2 .fbm-deposit-panel-v3,
body.fbm-orion-v2 .fbm-transfer-user-card,
body.fbm-orion-v2 .dashboard-notice-card,
body.fbm-orion-v2 .dashboard-store-card,
body.fbm-orion-v2 .store-shell{
background:linear-gradient(180deg,var(--fbm-surface-0) 0%,var(--fbm-surface-1) 100%)!important;
border:1px solid var(--fbm-edge-2)!important;
box-shadow:var(--fbm-inner-light),var(--fbm-elev-2)!important;
border-radius:26px!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading{
margin-bottom:18px!important;
padding:24px 28px!important;
overflow:hidden!important;
position:relative!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading::before{
content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 999px 999px 0;background:var(--fbm-accent-grad);opacity:.95;
}
body.fbm-orion-v2 .main-heading h1,
body.fbm-orion-v2 .main-heading h2,
body.fbm-orion-v2 .main-heading h3{
letter-spacing:-.045em!important;
}
/* Card headers and section headers need separation from white content. */
body.fbm-orion-v2 .card-header,
body.fbm-orion-v2 .fbm-section-head,
body.fbm-orion-v2 .fbm-core-actionbar,
body.fbm-orion-v2 .fbm-doc-card__head,
body.fbm-orion-v2 .fbm-deposit-panel-head-v3{
background:linear-gradient(180deg,#ffffff 0%,#f3f8ff 100%)!important;
border-bottom:1px solid var(--fbm-edge-1)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
body.fbm-orion-v2 .fbm-section-head{
border-radius:20px!important;
padding:14px 16px!important;
margin-bottom:14px!important;
border:1px solid var(--fbm-edge-1)!important;
}
body.fbm-orion-v2 .fbm-section-kicker,
body.fbm-orion-v2 .store-section-kicker,
body.fbm-orion-v2 .fbm-doc-kicker,
body.fbm-orion-v2 .fbm-modal-kicker{
color:#475569!important;
letter-spacing:.105em!important;
}
/* Inset areas: filters/forms/code boxes sit one layer below the parent card. */
body.fbm-orion-v2 .fbm-filter-panel,
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-param-list,
body.fbm-orion-v2 .fbm-db-safe-list,
body.fbm-orion-v2 .fbm-deposit-memo-v3,
body.fbm-orion-v2 .fbm-buy-product-card,
body.fbm-orion-v2 .fbm-buy-total-card,
body.fbm-orion-v2 .fbm-upload-format-card,
body.fbm-orion-v2 .fbm-service-range-card,
body.fbm-orion-v2 .fbm-worker-note,
body.fbm-orion-v2 .fbm-worker-guide-card{
background:linear-gradient(180deg,var(--fbm-surface-2) 0%,#ffffff 100%)!important;
border:1px solid var(--fbm-edge-1)!important;
box-shadow:var(--fbm-inner-light),var(--fbm-elev-1)!important;
border-radius:22px!important;
}
/* KPI/stat cards: restore clear edge, side identity and depth. */
body.fbm-orion-v2 .fbm-stat-card,
body.fbm-orion-v2 .store-summary-card,
body.fbm-orion-v2 .info-stats4,
body.fbm-orion-v2 .fbm-payment-mini-stat,
body.fbm-orion-v2 .fbm-worker-kpi,
body.fbm-orion-v2 .fbm-admin-kpi{
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
border:1px solid var(--fbm-edge-2)!important;
box-shadow:var(--fbm-inner-light),0 10px 26px rgba(15,23,42,.06)!important;
border-radius:22px!important;
position:relative!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-stat-card::before,
body.fbm-orion-v2 .store-summary-card::before,
body.fbm-orion-v2 .info-stats4::before{
content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;border-radius:0 999px 999px 0!important;background:var(--fbm-accent-grad)!important;opacity:.92!important;
}
body.fbm-orion-v2 .fbm-stat-card__label,
body.fbm-orion-v2 .store-summary-label{
color:#64748b!important;font-weight:700!important;
}
body.fbm-orion-v2 .fbm-stat-card__value,
body.fbm-orion-v2 .store-summary-value{
color:#0f172a!important;text-shadow:0 1px 0 rgba(255,255,255,.70)!important;
}
/* Product card is its own commercial component, but it still follows the surface system. */
body.fbm-orion-v2 .product-card{
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
border:1px solid var(--fbm-edge-2)!important;
box-shadow:var(--fbm-inner-light),0 18px 44px rgba(15,23,42,.075)!important;
}
body.fbm-orion-v2 .product-card::after{
opacity:.72!important;
}
body.fbm-orion-v2 .product-desc,
body.fbm-orion-v2 .product-price-row,
body.fbm-orion-v2 .product-stock,
body.fbm-orion-v2 .product-metric{
border-color:var(--fbm-edge-1)!important;
background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%)!important;
}
/* HOTFIX166 table surface v2 removed by HOTFIX1137. The single borderless table-line contract owns table shell/cell visuals. */
/* HOTFIX167: Core no-row-hover + documentation color contract.
Keep all table rows visually static on pointer hover and force API document UI to use
one readable token system so later generic button/table/card rules cannot wash out text. */
body.fbm-orion-v2{
--fbm-doc-surface:#ffffff;
--fbm-doc-surface-soft:#f8fbff;
--fbm-doc-rail:#eef6ff;
--fbm-doc-line:#cfe0f4;
--fbm-doc-line-soft:#e3edf8;
--fbm-doc-text:#101828;
--fbm-doc-muted:#667085;
--fbm-doc-soft-text:#475467;
--fbm-doc-primary:#1570ef;
--fbm-doc-primary-dark:#175cd3;
--fbm-doc-green:#067647;
--fbm-doc-green-bg:#dcfae6;
--fbm-doc-green-line:#a6f4c5;
--fbm-doc-warn:#93370d;
--fbm-doc-warn-bg:#fffbeb;
--fbm-doc-code-bg:#0b1220;
--fbm-doc-code-rail:#111c31;
--fbm-doc-code-text:#dbeafe;
--fbm-doc-code-muted:#cbd5e1;
}
/* Table hover must never change row color/edge/shadow. The UI uses badges/actions for
affordance; hover rows caused visual noise and scroll/touch confusion. */
body.fbm-orion-v2 table.table tbody tr,
body.fbm-orion-v2 table.table tbody td,
body.fbm-orion-v2 .fbm-data-table tbody tr,
body.fbm-orion-v2 .fbm-data-table tbody td,
body.fbm-orion-v2 .api-param-table tbody tr,
body.fbm-orion-v2 .api-param-table tbody td{
transition:none!important;
}
body.fbm-orion-v2 .table-hover tbody tr:hover,
body.fbm-orion-v2 table.table tbody tr:hover,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover,
body.fbm-orion-v2 .api-param-table tbody tr:hover{
color:inherit!important;
background:transparent!important;
transform:none!important;
filter:none!important;
}
body.fbm-orion-v2 table.table tbody tr:hover > td,
body.fbm-orion-v2 table.table tbody tr:hover > th,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover > td,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover > th,
body.fbm-orion-v2 .table-hover tbody tr:hover > td,
body.fbm-orion-v2 .table-hover tbody tr:hover > th,
body.fbm-orion-v2 .api-param-table tbody tr:hover > td,
body.fbm-orion-v2 .api-param-table tbody tr:hover > th{
background:var(--fbm-table-row-bg, #ffffff)!important;
color:inherit!important;
transform:none!important;
filter:none!important;
}
body.fbm-orion-v2 table.table tbody tr:nth-child(even):hover > td,
body.fbm-orion-v2 table.table tbody tr:nth-child(even):hover > th,
body.fbm-orion-v2 .fbm-data-table tbody tr:nth-child(even):hover > td,
body.fbm-orion-v2 .fbm-data-table tbody tr:nth-child(even):hover > th,
body.fbm-orion-v2 .table-hover tbody tr:nth-child(even):hover > td,
body.fbm-orion-v2 .table-hover tbody tr:nth-child(even):hover > th{
background:var(--fbm-table-row-alt-bg, #f8fbff)!important;
}
body.fbm-orion-v2 .api-param-table tbody tr:hover > td,
body.fbm-orion-v2 .api-param-table tbody tr:hover > th{
background:#ffffff!important;
box-shadow:none!important;
}
/* API document color contract: all doc text/code/chips/buttons get scoped colors here,
after the global surface/button rules, to prevent same-color font/background conflicts. */
body.fbm-orion-v2 .fbm-doc-page,
body.fbm-orion-v2 .fbm-doc-page *{
text-rendering:optimizeLegibility;
}
body.fbm-orion-v2 .fbm-doc-page{
color:var(--fbm-doc-text)!important;
}
body.fbm-orion-v2 .fbm-doc-hero,
body.fbm-orion-v2 .fbm-doc-hero--compact,
body.fbm-orion-v2 .fbm-doc-nav,
body.fbm-orion-v2 .fbm-doc-tip,
body.fbm-orion-v2 .fbm-doc-card,
body.fbm-orion-v2 .api-hero,
body.fbm-orion-v2 .api-key-box,
body.fbm-orion-v2 .api-card{
border-color:var(--fbm-doc-line)!important;
background:linear-gradient(180deg,var(--fbm-doc-surface) 0%,var(--fbm-doc-surface-soft) 100%)!important;
color:var(--fbm-doc-text)!important;
}
body.fbm-orion-v2 .fbm-doc-card__head{
border-bottom-color:var(--fbm-doc-line-soft)!important;
background:linear-gradient(180deg,#ffffff 0%,#f5faff 100%)!important;
color:var(--fbm-doc-text)!important;
}
body.fbm-orion-v2 .fbm-doc-kicker,
body.fbm-orion-v2 .fbm-doc-card__head > div > span:not(.fbm-doc-step),
body.fbm-orion-v2 .fbm-doc-keybox span,
body.fbm-orion-v2 .fbm-doc-endpoint span,
body.fbm-orion-v2 .api-label,
body.fbm-orion-v2 .api-key-box label{
color:var(--fbm-doc-muted)!important;
}
body.fbm-orion-v2 .fbm-doc-hero h4,
body.fbm-orion-v2 .fbm-doc-card h5,
body.fbm-orion-v2 .fbm-doc-tip strong,
body.fbm-orion-v2 .fbm-doc-param strong,
body.fbm-orion-v2 .fbm-doc-note-card strong,
body.fbm-orion-v2 .api-card h1,
body.fbm-orion-v2 .api-card h2,
body.fbm-orion-v2 .api-card h3,
body.fbm-orion-v2 .api-card h4,
body.fbm-orion-v2 .api-card h5,
body.fbm-orion-v2 .api-title{
color:var(--fbm-doc-text)!important;
}
body.fbm-orion-v2 .fbm-doc-hero p,
body.fbm-orion-v2 .fbm-doc-card p,
body.fbm-orion-v2 .fbm-doc-tip span,
body.fbm-orion-v2 .fbm-doc-param p,
body.fbm-orion-v2 .fbm-doc-param span,
body.fbm-orion-v2 .fbm-doc-note-card span,
body.fbm-orion-v2 .api-card p,
body.fbm-orion-v2 .api-desc,
body.fbm-orion-v2 .api-help{
color:var(--fbm-doc-soft-text)!important;
}
body.fbm-orion-v2 .fbm-doc-nav a{
color:#344054!important;
background:transparent!important;
}
body.fbm-orion-v2 .fbm-doc-nav a:hover,
body.fbm-orion-v2 .fbm-doc-nav a:focus{
background:var(--fbm-doc-rail)!important;
color:var(--fbm-doc-primary-dark)!important;
}
body.fbm-orion-v2 .fbm-doc-nav a i,
body.fbm-orion-v2 .fbm-doc-hero__icon,
body.fbm-orion-v2 .fbm-doc-hero__compact-icon,
body.fbm-orion-v2 .fbm-doc-note-card i{
color:var(--fbm-doc-primary)!important;
}
body.fbm-orion-v2 .fbm-doc-step{
border-color:#bfdbfe!important;
background:#eff6ff!important;
color:var(--fbm-doc-primary-dark)!important;
}
body.fbm-orion-v2 .fbm-doc-method{
border-color:var(--fbm-doc-green-line)!important;
background:var(--fbm-doc-green-bg)!important;
color:var(--fbm-doc-green)!important;
}
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-doc-param,
body.fbm-orion-v2 .fbm-doc-note-card{
border-color:var(--fbm-doc-line)!important;
background:#ffffff!important;
color:var(--fbm-doc-text)!important;
}
body.fbm-orion-v2 .fbm-doc-keybox code,
body.fbm-orion-v2 .fbm-doc-endpoint code,
body.fbm-orion-v2 .fbm-doc-param code,
body.fbm-orion-v2 .api-key,
body.fbm-orion-v2 .api-inline-code,
body.fbm-orion-v2 .api-param-table code{
border:1px solid #dbe7f5!important;
background:#f4f8fd!important;
color:#0f172a!important;
text-shadow:none!important;
}
body.fbm-orion-v2 .fbm-doc-alert{
border-color:#fedf89!important;
background:var(--fbm-doc-warn-bg)!important;
color:var(--fbm-doc-warn)!important;
}
body.fbm-orion-v2 .fbm-doc-alert span,
body.fbm-orion-v2 .fbm-doc-alert strong{
color:var(--fbm-doc-warn)!important;
}
body.fbm-orion-v2 .fbm-doc-code-block,
body.fbm-orion-v2 .api-code{
border-color:#23324d!important;
background:var(--fbm-doc-code-bg)!important;
color:var(--fbm-doc-code-text)!important;
}
body.fbm-orion-v2 .fbm-doc-code-head{
border-bottom-color:rgba(255,255,255,.10)!important;
background:var(--fbm-doc-code-rail)!important;
color:var(--fbm-doc-code-muted)!important;
}
body.fbm-orion-v2 .fbm-doc-code-head span{
color:var(--fbm-doc-code-muted)!important;
}
body.fbm-orion-v2 .fbm-doc-code-head .btn,
body.fbm-orion-v2 .fbm-doc-code-head .btn-light,
body.fbm-orion-v2 .api-code .btn,
body.fbm-orion-v2 .api-code .btn-light{
border-color:rgba(219,234,254,.28)!important;
background:rgba(219,234,254,.10)!important;
color:#f8fbff!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-doc-code-block pre,
body.fbm-orion-v2 .fbm-doc-code-block pre code,
body.fbm-orion-v2 .fbm-doc-code-block code,
body.fbm-orion-v2 .api-code,
body.fbm-orion-v2 .api-code code,
body.fbm-orion-v2 pre.api-code{
background:transparent!important;
color:var(--fbm-doc-code-text)!important;
text-shadow:none!important;
}
body.fbm-orion-v2 .api-param-table thead th{
background:#eef6ff!important;
color:#53657d!important;
}
body.fbm-orion-v2 .api-param-table tbody td{
background:#ffffff!important;
color:var(--fbm-doc-text)!important;
}
/* HOTFIX168: Core interaction + surface + form contract.
Goal: remove table row hover at source, define reusable flat info/card variants,
restore visible input borders, and retire the legacy duplicate side toggle. */
body.fbm-orion-v2{
--fbm-form-border:#b8c7d9;
--fbm-form-border-strong:#9fb3ca;
--fbm-form-bg:#ffffff;
--fbm-form-bg-soft:#f8fafc;
--fbm-form-text:#0f172a;
--fbm-form-placeholder:#94a3b8;
--fbm-form-focus:#1570ef;
--fbm-surface-flat-bg:#ffffff;
--fbm-surface-flat-border:#cfdceb;
--fbm-surface-flat-shadow:0 1px 1px rgba(16,24,40,.025),0 10px 24px rgba(15,23,42,.045);
--fbm-surface-flat-radius:16px;
--fbm-surface-technical-bg:#f8fbff;
--fbm-surface-technical-border:#cbdaf0;
}
/* Desktop/mobile header: one sidebar button only. The legacy chevron/offcanvas button is hidden
because it duplicates the hamburger and its behaviour is inconsistent after the native sidebar refactor. */
body.fbm-orion-v2 .app-header .onoffcanvas-toggler,
body.fbm-orion-v2 .app-header .fbm-legacy-side-toggle-hidden{
display:none!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn{
margin-right:0!important;
}
@media (min-width:769px){
body.fbm-orion-v2 .app-header .mini-nav-btn{
width:42px!important;
height:42px!important;
border-radius:14px!important;
}
}
/* Core no-hover contract. Do not rely on Bootstrap .table-hover or old row hover tokens. */
body.fbm-orion-v2 table.table,
body.fbm-orion-v2 table.fbm-data-table,
body.fbm-orion-v2 table.fbm-admin-table,
body.fbm-orion-v2 table.api-param-table{
--bs-table-hover-bg:transparent!important;
--bs-table-hover-color:inherit!important;
--fbm-table-hover:transparent!important;
--fbm-table-row-hover:transparent!important;
--fbm-table-hover-border:var(--fbm-table-row-border, #dbe7f5)!important;
}
body.fbm-orion-v2 table.table.table-hover,
body.fbm-orion-v2 .table-hover{
--bs-table-hover-bg:transparent!important;
--bs-table-hover-color:inherit!important;
}
body.fbm-orion-v2 table.table tbody tr,
body.fbm-orion-v2 table.table tbody tr > *,
body.fbm-orion-v2 .fbm-data-table tbody tr,
body.fbm-orion-v2 .fbm-data-table tbody tr > *,
body.fbm-orion-v2 .fbm-admin-table tbody tr,
body.fbm-orion-v2 .fbm-admin-table tbody tr > *,
body.fbm-orion-v2 .api-param-table tbody tr,
body.fbm-orion-v2 .api-param-table tbody tr > *{
transition:none!important;
}
body.fbm-orion-v2 table.table tbody tr:hover,
body.fbm-orion-v2 table.table tbody tr:hover > *,
body.fbm-orion-v2 table.table.table-hover tbody tr:hover,
body.fbm-orion-v2 table.table.table-hover tbody tr:hover > *,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover,
body.fbm-orion-v2 .fbm-data-table tbody tr:hover > *,
body.fbm-orion-v2 .fbm-admin-table tbody tr:hover,
body.fbm-orion-v2 .fbm-admin-table tbody tr:hover > *,
body.fbm-orion-v2 .api-param-table tbody tr:hover,
body.fbm-orion-v2 .api-param-table tbody tr:hover > *{
transform:none!important;
filter:none!important;
outline:0!important;
color:inherit!important;
box-shadow:none!important;
}
body.fbm-orion-v2 table.table tbody tr:nth-child(odd):hover > *,
body.fbm-orion-v2 .fbm-data-table tbody tr:nth-child(odd):hover > *,
body.fbm-orion-v2 .fbm-admin-table tbody tr:nth-child(odd):hover > *{
background:#ffffff!important;
border-color:var(--fbm-table-row-border, #dbe7f5)!important;
}
body.fbm-orion-v2 table.table tbody tr:nth-child(even):hover > *,
body.fbm-orion-v2 .fbm-data-table tbody tr:nth-child(even):hover > *,
body.fbm-orion-v2 .fbm-admin-table tbody tr:nth-child(even):hover > *{
background:var(--fbm-table-zebra, #fbfcff)!important;
border-color:var(--fbm-table-row-border, #dbe7f5)!important;
}
body.fbm-orion-v2 .api-param-table tbody tr:hover > *{
background:#ffffff!important;
border-color:#e5edf6!important;
}
/* Visible form/input contract. Old borders became too pale after surface refactors. */
body.fbm-orion-v2 .form-control,
body.fbm-orion-v2 .custom-select,
body.fbm-orion-v2 select.form-control,
body.fbm-orion-v2 textarea.form-control,
body.fbm-orion-v2 input[type="text"],
body.fbm-orion-v2 input[type="password"],
body.fbm-orion-v2 input[type="email"],
body.fbm-orion-v2 input[type="number"],
body.fbm-orion-v2 input[type="search"],
body.fbm-orion-v2 input[type="date"],
body.fbm-orion-v2 input[type="datetime-local"],
body.fbm-orion-v2 input[type="tel"],
body.fbm-orion-v2 input[type="url"]{
border:1px solid var(--fbm-form-border)!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
color:var(--fbm-form-text)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.025)!important;
}
body.fbm-orion-v2 .form-control:hover,
body.fbm-orion-v2 .custom-select:hover,
body.fbm-orion-v2 select.form-control:hover,
body.fbm-orion-v2 textarea.form-control:hover,
body.fbm-orion-v2 input[type="text"]:hover,
body.fbm-orion-v2 input[type="password"]:hover,
body.fbm-orion-v2 input[type="email"]:hover,
body.fbm-orion-v2 input[type="number"]:hover,
body.fbm-orion-v2 input[type="search"]:hover,
body.fbm-orion-v2 input[type="date"]:hover,
body.fbm-orion-v2 input[type="datetime-local"]:hover,
body.fbm-orion-v2 input[type="tel"]:hover,
body.fbm-orion-v2 input[type="url"]:hover{
border-color:var(--fbm-form-border-strong)!important;
}
body.fbm-orion-v2 .form-control:focus,
body.fbm-orion-v2 .custom-select:focus,
body.fbm-orion-v2 select.form-control:focus,
body.fbm-orion-v2 textarea.form-control:focus,
body.fbm-orion-v2 input[type="text"]:focus,
body.fbm-orion-v2 input[type="password"]:focus,
body.fbm-orion-v2 input[type="email"]:focus,
body.fbm-orion-v2 input[type="number"]:focus,
body.fbm-orion-v2 input[type="search"]:focus,
body.fbm-orion-v2 input[type="date"]:focus,
body.fbm-orion-v2 input[type="datetime-local"]:focus,
body.fbm-orion-v2 input[type="tel"]:focus,
body.fbm-orion-v2 input[type="url"]:focus{
border-color:var(--fbm-form-focus)!important;
background:#ffffff!important;
box-shadow:0 0 0 4px rgba(21,112,239,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.fbm-orion-v2 .form-control::placeholder,
body.fbm-orion-v2 input::placeholder,
body.fbm-orion-v2 textarea::placeholder{
color:var(--fbm-form-placeholder)!important;
opacity:1!important;
}
body.fbm-orion-v2 .form-control[readonly],
body.fbm-orion-v2 .form-control:disabled,
body.fbm-orion-v2 input[readonly],
body.fbm-orion-v2 input:disabled,
body.fbm-orion-v2 select:disabled,
body.fbm-orion-v2 textarea:disabled{
border-color:#d8e2ee!important;
background:var(--fbm-form-bg-soft)!important;
color:#64748b!important;
}
body.fbm-orion-v2 .input-group-addon,
body.fbm-orion-v2 .input-group-text,
body.fbm-orion-v2 .fbm-money-field-v3 > span{
border-color:var(--fbm-form-border)!important;
background:#f3f7fb!important;
color:#475569!important;
}
/* Core flat/technical surfaces. Use these selectors for API docs, bank/payment info and guide boxes,
so pages can be richer without each page inventing its own card style. */
body.fbm-orion-v2 .fbm-core-flat-card,
body.fbm-orion-v2 .fbm-core-info-card,
body.fbm-orion-v2 .fbm-core-technical-card,
body.fbm-orion-v2 .fbm-doc-nav,
body.fbm-orion-v2 .fbm-doc-tip,
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-doc-param,
body.fbm-orion-v2 .fbm-doc-note-card,
body.fbm-orion-v2 .fbm-deposit-panel-v3,
body.fbm-orion-v2 .fbm-payment-method-v3,
body.fbm-orion-v2 .fbm-payment-line-v3,
body.fbm-orion-v2 .fbm-transfer-box-v3{
border:1px solid var(--fbm-surface-flat-border)!important;
background:var(--fbm-surface-flat-bg)!important;
box-shadow:var(--fbm-surface-flat-shadow)!important;
}
body.fbm-orion-v2 .fbm-core-flat-card,
body.fbm-orion-v2 .fbm-doc-nav,
body.fbm-orion-v2 .fbm-doc-tip,
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-doc-param,
body.fbm-orion-v2 .fbm-doc-note-card,
body.fbm-orion-v2 .fbm-deposit-panel-v3,
body.fbm-orion-v2 .fbm-payment-line-v3,
body.fbm-orion-v2 .fbm-transfer-box-v3{
border-radius:var(--fbm-surface-flat-radius)!important;
}
body.fbm-orion-v2 .fbm-payment-method-v3{
border-radius:18px!important;
}
body.fbm-orion-v2 .fbm-doc-nav{
padding:10px!important;
}
body.fbm-orion-v2 .fbm-doc-nav a{
border:1px solid transparent!important;
border-radius:12px!important;
color:#26384f!important;
background:transparent!important;
}
body.fbm-orion-v2 .fbm-doc-nav a:hover{
background:#f5f9ff!important;
border-color:#dce8f6!important;
color:#175cd3!important;
}
body.fbm-orion-v2 .fbm-doc-tip,
body.fbm-orion-v2 .fbm-core-info-card{
position:relative!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-doc-tip::before,
body.fbm-orion-v2 .fbm-core-info-card::before,
body.fbm-orion-v2 .fbm-transfer-box-v3::before{
content:""!important;
position:absolute!important;
inset:0 auto 0 0!important;
width:4px!important;
background:linear-gradient(180deg,#22c55e,#16a34a)!important;
}
body.fbm-orion-v2 .fbm-doc-tip i,
body.fbm-orion-v2 .fbm-core-info-card > i{
border-radius:12px!important;
background:#ecfdf3!important;
border-color:#b7efc7!important;
color:#087443!important;
}
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-transfer-box-v3,
body.fbm-orion-v2 .fbm-core-technical-card{
background:var(--fbm-surface-technical-bg)!important;
border-color:var(--fbm-surface-technical-border)!important;
}
body.fbm-orion-v2 .fbm-doc-card{
border-radius:20px!important;
border-color:#cfdceb!important;
background:#ffffff!important;
box-shadow:0 1px 2px rgba(16,24,40,.035),0 14px 30px rgba(15,23,42,.055)!important;
}
body.fbm-orion-v2 .fbm-doc-card__head{
background:#fbfdff!important;
border-bottom-color:#dce6f2!important;
}
body.fbm-orion-v2 .fbm-doc-code-block{
border-radius:16px!important;
}
body.fbm-orion-v2 .fbm-payment-lines-v3{
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-payment-line-v3{
min-height:64px!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-doc-nav,
body.fbm-orion-v2 .fbm-doc-tip,
body.fbm-orion-v2 .fbm-doc-card,
body.fbm-orion-v2 .fbm-deposit-panel-v3,
body.fbm-orion-v2 .fbm-payment-method-v3{
border-radius:16px!important;
}
}
/* HOTFIX169: Core selection-state + radius contract.
Root cause: earlier table surface blocks made every normal row look like an active/selected row
by giving all rows blue accents, strong row-card borders and heavy rounding. This block resets
the default table state to neutral, reserves accent/blue treatment only for explicit selected/active
rows, and reduces global radius so the UI feels sharper and less toy-like. */
body.fbm-orion-v2{
--fbm-radius-xs:6px;
--fbm-radius-sm:8px;
--fbm-radius-md:10px;
--fbm-radius-lg:14px;
--fbm-radius-xl:18px;
--fbm-radius-2xl:20px;
--fbm-surface-radius:18px;
--fbm-surface-flat-radius:12px;
--fbm-card-radius:18px;
--fbm-panel-radius:18px;
--fbm-table-shell-radius:16px;
--fbm-table-row-radius:8px;
--fbm-table-row-bg:#ffffff;
--fbm-table-row-alt-bg:#f8fafc;
--fbm-table-row-border:#dde7f2;
--fbm-table-row-border-strong:#cfdceb;
--fbm-table-head-bg:#f1f6fb;
--fbm-table-head-text:#51647c;
--fbm-table-row-shadow:0 1px 1px rgba(15,23,42,.018);
--fbm-table-row-selected-bg:#eef7ff;
--fbm-table-row-selected-border:#8bc9ff;
--fbm-table-row-selected-shadow:inset 3px 0 0 #2e90fa,0 1px 2px rgba(46,144,250,.12);
}
/* Reduce over-rounding across shared surfaces while keeping the Orion soft style. */
body.fbm-orion-v2 .main-heading.fbm-page-heading,
body.fbm-orion-v2 .card,
body.fbm-orion-v2 .fbm-card,
body.fbm-orion-v2 .fbm-data-card,
body.fbm-orion-v2 .fbm-history-card,
body.fbm-orion-v2 .fbm-orders-card,
body.fbm-orion-v2 .fbm-admin-list-card,
body.fbm-orion-v2 .fbm-settings-card,
body.fbm-orion-v2 .fbm-security-card,
body.fbm-orion-v2 .fbm-account-tool-card,
body.fbm-orion-v2 .fbm-worker-card,
body.fbm-orion-v2 .fbm-doc-card,
body.fbm-orion-v2 .fbm-doc-hero,
body.fbm-orion-v2 .fbm-doc-tip,
body.fbm-orion-v2 .fbm-doc-note-card,
body.fbm-orion-v2 .api-card,
body.fbm-orion-v2 .fbm-payment-card,
body.fbm-orion-v2 .fbm-payment-card-v2,
body.fbm-orion-v2 .fbm-deposit-panel-v3,
body.fbm-orion-v2 .fbm-transfer-user-card,
body.fbm-orion-v2 .dashboard-notice-card,
body.fbm-orion-v2 .dashboard-store-card,
body.fbm-orion-v2 .store-shell,
body.fbm-orion-v2 .product-card{
border-radius:var(--fbm-card-radius)!important;
}
body.fbm-orion-v2 .fbm-section-head,
body.fbm-orion-v2 .fbm-filter-panel,
body.fbm-orion-v2 .fbm-doc-keybox,
body.fbm-orion-v2 .fbm-doc-endpoint,
body.fbm-orion-v2 .fbm-doc-param,
body.fbm-orion-v2 .fbm-doc-note-card,
body.fbm-orion-v2 .fbm-doc-code-block,
body.fbm-orion-v2 .fbm-doc-param-list,
body.fbm-orion-v2 .fbm-db-safe-list,
body.fbm-orion-v2 .fbm-deposit-memo-v3,
body.fbm-orion-v2 .fbm-buy-product-card,
body.fbm-orion-v2 .fbm-buy-total-card,
body.fbm-orion-v2 .fbm-upload-format-card,
body.fbm-orion-v2 .fbm-service-range-card,
body.fbm-orion-v2 .fbm-worker-note,
body.fbm-orion-v2 .fbm-worker-guide-card,
body.fbm-orion-v2 .fbm-core-flat-card,
body.fbm-orion-v2 .fbm-core-info-card,
body.fbm-orion-v2 .fbm-core-technical-card,
body.fbm-orion-v2 .fbm-payment-line-v3,
body.fbm-orion-v2 .fbm-transfer-box-v3{
border-radius:var(--fbm-radius-lg)!important;
}
body.fbm-orion-v2 .fbm-stat-card,
body.fbm-orion-v2 .store-summary-card,
body.fbm-orion-v2 .info-stats4,
body.fbm-orion-v2 .fbm-payment-mini-stat,
body.fbm-orion-v2 .fbm-worker-kpi,
body.fbm-orion-v2 .fbm-admin-kpi,
body.fbm-orion-v2 .fbm-payment-method-v3{
border-radius:var(--fbm-radius-xl)!important;
}
body.fbm-orion-v2 .btn,
body.fbm-orion-v2 .form-control,
body.fbm-orion-v2 .custom-select,
body.fbm-orion-v2 select.form-control,
body.fbm-orion-v2 textarea.form-control,
body.fbm-orion-v2 input[type="text"],
body.fbm-orion-v2 input[type="password"],
body.fbm-orion-v2 input[type="email"],
body.fbm-orion-v2 input[type="number"],
body.fbm-orion-v2 input[type="search"],
body.fbm-orion-v2 input[type="date"],
body.fbm-orion-v2 input[type="datetime-local"],
body.fbm-orion-v2 input[type="tel"],
body.fbm-orion-v2 input[type="url"]{
border-radius:var(--fbm-radius-md)!important;
}
/* HOTFIX169 table default state removed by HOTFIX1137. The single borderless table-line contract owns table shell/cell visuals. */
/* HOTFIX170: Core alert + page heading contract.
Page titles are structural headers, not heavy cards. Alerts use a consistent
semantic color system so dangerous/security warnings are visibly red across
user/admin pages. */
body.fbm-orion-v2{
--fbm-alert-danger-bg:#fff1f3;
--fbm-alert-danger-border:#fda29b;
--fbm-alert-danger-text:#b42318;
--fbm-alert-warning-bg:#fffaeb;
--fbm-alert-warning-border:#fedf89;
--fbm-alert-warning-text:#b54708;
--fbm-alert-success-bg:#ecfdf3;
--fbm-alert-success-border:#86efac;
--fbm-alert-success-text:#027a48;
--fbm-alert-info-bg:#eff8ff;
--fbm-alert-info-border:#b2ddff;
--fbm-alert-info-text:#175cd3;
--fbm-page-heading-radius:10px;
--fbm-page-heading-border:#d9e6f3;
--fbm-page-heading-shadow:0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(15,23,42,.045);
}
/* Professional flat page header: smaller radius, less bubble/card feeling. */
body.fbm-orion-v2 .main-heading.fbm-page-heading{
background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(248,251,255,.94) 100%)!important;
border:1px solid var(--fbm-page-heading-border)!important;
border-left:0!important;
border-radius:var(--fbm-page-heading-radius)!important;
box-shadow:var(--fbm-page-heading-shadow)!important;
padding:18px 22px!important;
margin:0 0 18px!important;
min-height:auto!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading::before{
content:""!important;
position:absolute!important;
left:0!important;
top:0!important;
bottom:0!important;
width:4px!important;
border-radius:var(--fbm-page-heading-radius) 0 0 var(--fbm-page-heading-radius)!important;
background:linear-gradient(180deg,#2e90fa 0%,#1570ef 50%,#12b76a 100%)!important;
opacity:1!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .container-fluid{
padding-left:12px!important;
padding-right:12px!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .row{
min-height:auto!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .page-icon{
width:46px!important;
height:46px!important;
min-width:46px!important;
border-radius:12px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 8px 20px rgba(21,112,239,.10)!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .page-title h5{
font-size:24px!important;
line-height:1.1!important;
letter-spacing:-.035em!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .page-title h6,
body.fbm-orion-v2 .main-heading.fbm-page-heading .page-title .sub-heading{
color:#5b6b82!important;
font-weight:500!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .fbm-page-heading-actions{
display:flex!important;
justify-content:flex-end!important;
align-items:center!important;
gap:8px!important;
}
/* Global alert contract. */
body.fbm-orion-v2 .alert,
body.fbm-orion-v2 .fbm-auth-alert,
body.fbm-orion-v2 .fbm-core-alert{
border-width:1px!important;
border-style:solid!important;
border-radius:10px!important;
padding:10px 12px!important;
font-weight:600!important;
line-height:1.45!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .alert-danger,
body.fbm-orion-v2 .fbm-core-alert.is-danger,
body.fbm-orion-v2 .fbm-auth-alert.alert-danger{
background:var(--fbm-alert-danger-bg)!important;
border-color:var(--fbm-alert-danger-border)!important;
color:var(--fbm-alert-danger-text)!important;
}
body.fbm-orion-v2 .alert-danger *,
body.fbm-orion-v2 .fbm-core-alert.is-danger *,
body.fbm-orion-v2 .fbm-auth-alert.alert-danger *{
color:var(--fbm-alert-danger-text)!important;
}
body.fbm-orion-v2 .alert-warning,
body.fbm-orion-v2 .fbm-core-alert.is-warning,
body.fbm-orion-v2 .fbm-auth-alert.alert-warning{
background:var(--fbm-alert-warning-bg)!important;
border-color:var(--fbm-alert-warning-border)!important;
color:var(--fbm-alert-warning-text)!important;
}
body.fbm-orion-v2 .alert-warning *,
body.fbm-orion-v2 .fbm-core-alert.is-warning *,
body.fbm-orion-v2 .fbm-auth-alert.alert-warning *{
color:var(--fbm-alert-warning-text)!important;
}
body.fbm-orion-v2 .alert-success,
body.fbm-orion-v2 .fbm-core-alert.is-success,
body.fbm-orion-v2 .fbm-auth-alert.alert-success{
background:var(--fbm-alert-success-bg)!important;
border-color:var(--fbm-alert-success-border)!important;
color:var(--fbm-alert-success-text)!important;
}
body.fbm-orion-v2 .alert-success *,
body.fbm-orion-v2 .fbm-core-alert.is-success *,
body.fbm-orion-v2 .fbm-auth-alert.alert-success *{
color:var(--fbm-alert-success-text)!important;
}
body.fbm-orion-v2 .alert-info,
body.fbm-orion-v2 .fbm-core-alert.is-info,
body.fbm-orion-v2 .fbm-auth-alert.alert-info{
background:var(--fbm-alert-info-bg)!important;
border-color:var(--fbm-alert-info-border)!important;
color:var(--fbm-alert-info-text)!important;
}
body.fbm-orion-v2 .alert-info *,
body.fbm-orion-v2 .fbm-core-alert.is-info *,
body.fbm-orion-v2 .fbm-auth-alert.alert-info *{
color:var(--fbm-alert-info-text)!important;
}
/* Security context: warnings are treated as critical risk, so they read red. */
body.fbm-orion-v2 .fbm-security-alert.alert-warning,
body.fbm-orion-v2 .fbm-security-alert.is-warning{
background:var(--fbm-alert-danger-bg)!important;
border-color:var(--fbm-alert-danger-border)!important;
color:var(--fbm-alert-danger-text)!important;
}
body.fbm-orion-v2 .fbm-security-alert.alert-warning *,
body.fbm-orion-v2 .fbm-security-alert.is-warning *{
color:var(--fbm-alert-danger-text)!important;
}
/* Safety: page title stays compact on mobile and does not become a giant pill. */
@media (max-width:991.98px){
body.fbm-orion-v2 .main-heading.fbm-page-heading{
border-radius:9px!important;
padding:15px 16px!important;
margin-bottom:14px!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .page-icon{
width:42px!important;
height:42px!important;
min-width:42px!important;
border-radius:10px!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .page-title h5{
font-size:20px!important;
}
body.fbm-orion-v2 .main-heading.fbm-page-heading .fbm-page-heading-actions{
justify-content:flex-start!important;
margin-top:10px!important;
}
}
/* HOTFIX172: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX173: Core dropdown button contract.
Root cause: action dropdowns still used raw Bootstrap .btn-group/.dropdown-toggle,
while recent core button/actionbar/table contracts styled buttons independently.
This made grouped destructive/data actions look scattered and inconsistent.
All Bootstrap dropdown groups are now normalized by one core contract. */
body.fbm-orion-v2{
--fbm-dropdown-radius:10px;
--fbm-dropdown-menu-radius:12px;
--fbm-dropdown-border:#cfdded;
--fbm-dropdown-shadow:0 14px 32px rgba(15,23,42,.13),0 2px 6px rgba(15,23,42,.05);
--fbm-dropdown-item-hover:#f3f8ff;
--fbm-dropdown-item-text:#24364d;
}
body.fbm-orion-v2 .fbm-core-actionbar,
body.fbm-orion-v2 .fbm-core-actionbar__left,
body.fbm-orion-v2 .fbm-core-actionbar__right,
body.fbm-orion-v2 .card-header,
body.fbm-orion-v2 .modal-footer{
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-core-dropdown,
body.fbm-orion-v2 .btn-group.fbm-core-dropdown,
body.fbm-orion-v2 .dropdown.fbm-core-dropdown,
body.fbm-orion-v2 .dropup.fbm-core-dropdown{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
vertical-align:middle!important;
flex:0 0 auto!important;
margin:0!important;
isolation:isolate!important;
z-index:20!important;
}
body.fbm-orion-v2 .fbm-core-dropdown.show,
body.fbm-orion-v2 .fbm-core-dropdown:focus-within{
z-index:1090!important;
}
body.fbm-orion-v2 .fbm-core-dropdown > .dropdown-toggle,
body.fbm-orion-v2 .btn-group.fbm-core-dropdown > .dropdown-toggle,
body.fbm-orion-v2 .dropdown.fbm-core-dropdown > .dropdown-toggle,
body.fbm-orion-v2 .dropup.fbm-core-dropdown > .dropdown-toggle{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-height:34px!important;
height:auto!important;
padding:8px 12px!important;
border-radius:var(--fbm-dropdown-radius)!important;
white-space:nowrap!important;
line-height:1.1!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 16px rgba(15,23,42,.07)!important;
}
body.fbm-orion-v2 .fbm-core-dropdown > .dropdown-toggle::after{
margin-left:4px!important;
vertical-align:.12em!important;
opacity:.78!important;
transform:none!important;
}
body.fbm-orion-v2 .fbm-core-dropdown > .dropdown-menu,
body.fbm-orion-v2 .fbm-core-dropdown-menu,
body.fbm-orion-v2 .btn-group.fbm-core-dropdown > .dropdown-menu{
min-width:178px!important;
padding:7px!important;
border:1px solid var(--fbm-dropdown-border)!important;
border-radius:var(--fbm-dropdown-menu-radius)!important;
background:#ffffff!important;
box-shadow:var(--fbm-dropdown-shadow)!important;
z-index:1095!important;
overflow:hidden!important;
margin-top:7px!important;
}
body.fbm-orion-v2 .dropup.fbm-core-dropdown > .dropdown-menu{
margin-top:0!important;
margin-bottom:7px!important;
}
body.fbm-orion-v2 .fbm-core-dropdown > .dropdown-menu.dropdown-menu-right,
body.fbm-orion-v2 .fbm-core-dropdown-menu.dropdown-menu-right{
right:0!important;
left:auto!important;
}
body.fbm-orion-v2 .fbm-core-dropdown .dropdown-divider{
margin:6px 2px!important;
border-top-color:#e4edf7!important;
}
body.fbm-orion-v2 .fbm-core-dropdown .dropdown-item,
body.fbm-orion-v2 .fbm-core-dropdown-item{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-height:34px!important;
width:100%!important;
padding:8px 10px!important;
border:0!important;
border-radius:9px!important;
background:transparent!important;
color:var(--fbm-dropdown-item-text)!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.15!important;
text-align:left!important;
white-space:nowrap!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-core-dropdown .dropdown-item:hover,
body.fbm-orion-v2 .fbm-core-dropdown .dropdown-item:focus,
body.fbm-orion-v2 .fbm-core-dropdown-item:hover,
body.fbm-orion-v2 .fbm-core-dropdown-item:focus{
background:var(--fbm-dropdown-item-hover)!important;
color:#175cd3!important;
transform:none!important;
box-shadow:none!important;
outline:0!important;
}
body.fbm-orion-v2 .fbm-core-dropdown.is-danger .dropdown-item.text-danger,
body.fbm-orion-v2 .fbm-core-dropdown .dropdown-item.text-danger{
color:#b42318!important;
}
body.fbm-orion-v2 .fbm-core-dropdown.is-danger .dropdown-item.text-danger:hover,
body.fbm-orion-v2 .fbm-core-dropdown .dropdown-item.text-danger:hover{
background:#fff1f3!important;
color:#b42318!important;
}
body.fbm-orion-v2 .fbm-core-actionbar__right{
gap:8px!important;
}
body.fbm-orion-v2 .fbm-core-actionbar__right .fbm-core-dropdown,
body.fbm-orion-v2 .fbm-account-table-actionbar .fbm-core-dropdown{
margin:0!important;
}
body.fbm-orion-v2 .fbm-account-table-actionbar .fbm-core-actionbar__right{
align-items:center!important;
flex-wrap:wrap!important;
}
body.fbm-orion-v2 .fbm-account-table-actionbar .fbm-core-dropdown > .dropdown-toggle{
min-width:92px!important;
}
body.fbm-orion-v2 .fbm-account-table-actionbar .fbm-core-dropdown.is-danger > .dropdown-toggle{
min-width:72px!important;
}
/* Keep dropdown menus above cards/tables and never let table overflow contracts clip toolbar dropdowns. */
body.fbm-orion-v2 .fbm-admin-list-card .fbm-core-actionbar,
body.fbm-orion-v2 .fbm-admin-list-card .fbm-core-actionbar__right,
body.fbm-orion-v2 .fbm-dashboard-delete-menu,
body.fbm-orion-v2 #walletResetDrop,
body.fbm-orion-v2 .fbm-danger-dropdown{
overflow:visible!important;
}
@media (max-width:576px){
body.fbm-orion-v2 .fbm-core-actionbar__right .fbm-core-dropdown{
width:auto!important;
flex:1 1 130px!important;
}
body.fbm-orion-v2 .fbm-core-actionbar__right .fbm-core-dropdown > .dropdown-toggle{
width:100%!important;
}
body.fbm-orion-v2 .fbm-core-actionbar__right .fbm-core-dropdown > .dropdown-menu{
min-width:100%!important;
}
}
/* HOTFIX174: Core UI action/layout contract.
Purpose: stop page-by-page drift after table/button/dropdown fixes. This block defines one
final contract for admin/user content lanes, KPI cards, table actions and account data actions.
It intentionally sits at the end of the core theme so old Unify/Bootstrap/hotfix selectors cannot
make buttons look scattered again. */
body.fbm-orion-v2{
--fbm-content-max:1560px;
--fbm-content-gutter:34px;
--fbm-action-primary:#1570ef;
--fbm-action-primary-dark:#175cd3;
--fbm-action-success:#12b76a;
--fbm-action-success-dark:#039855;
--fbm-action-danger:#f04438;
--fbm-action-danger-dark:#d92d20;
--fbm-action-neutral-bg:#ffffff;
--fbm-action-neutral-border:#cbd8e8;
--fbm-action-neutral-text:#26384f;
--fbm-page-surface:#ffffff;
--fbm-page-line:#d5e3f1;
}
body.fbm-orion-v2 .app-main > .main-content{
width:100%!important;
max-width:var(--fbm-content-max)!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
body.fbm-orion-v2 .app-main > .main-heading,
body.fbm-orion-v2 .app-main > .main-heading.fbm-page-heading{
width:calc(100% - (var(--fbm-content-gutter) * 2))!important;
max-width:var(--fbm-content-max)!important;
margin-left:auto!important;
margin-right:auto!important;
}
@media (max-width:1100px){
body.fbm-orion-v2 .app-main > .main-heading,
body.fbm-orion-v2 .app-main > .main-heading.fbm-page-heading{
width:calc(100% - 40px)!important;
}
}
@media (max-width:768px){
body.fbm-orion-v2 .app-main > .main-content{
max-width:100%!important;
}
body.fbm-orion-v2 .app-main > .main-heading,
body.fbm-orion-v2 .app-main > .main-heading.fbm-page-heading{
width:calc(100% - 28px)!important;
}
}
/* Dashboard KPI cards: old .block-140 came from the legacy template and looked like flat tiles.
Normalize it to the same card surface as the rest of Orion. */
body.fbm-orion-v2 .block-140{
min-height:132px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
padding:20px 14px!important;
border:1px solid var(--fbm-page-line)!important;
border-radius:14px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 20px rgba(15,23,42,.045)!important;
color:#0f172a!important;
text-decoration:none!important;
overflow:hidden!important;
transition:none!important;
}
body.fbm-orion-v2 .block-140:hover,
body.fbm-orion-v2 .block-140:focus{
color:#0f172a!important;
text-decoration:none!important;
transform:none!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 20px rgba(15,23,42,.045)!important;
}
body.fbm-orion-v2 .block-140 .icon{
width:44px!important;
height:44px!important;
border-radius:10px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .block-140 h5{
margin:2px 0 0!important;
font-size:21px!important;
line-height:1.1!important;
font-weight:700!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .block-140 p{
margin:0!important;
font-size:12px!important;
line-height:1.25!important;
font-weight:600!important;
color:#64748b!important;
}
/* Card headers with actions: remove legacy float layout so actions don't look detached. */
body.fbm-orion-v2 .card > .card-header{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
min-height:58px!important;
padding:14px 18px!important;
color:#0f172a!important;
font-size:15px!important;
font-weight:700!important;
letter-spacing:.01em!important;
}
body.fbm-orion-v2 .card > .card-header::after{
content:""!important;
display:block!important;
clear:both!important;
}
body.fbm-orion-v2 .card > .card-header .float-right{
float:none!important;
margin-left:0!important;
}
body.fbm-orion-v2 .card > .card-header > .btn,
body.fbm-orion-v2 .card > .card-header > .btn-group,
body.fbm-orion-v2 .card > .card-header > .dropdown,
body.fbm-orion-v2 .card > .card-header > .fbm-core-dropdown{
margin-left:0!important;
}
body.fbm-orion-v2 .card > .card-header .fbm-btn-reload{
order:20!important;
}
body.fbm-orion-v2 .card > .card-header .fbm-dashboard-delete-menu{
order:30!important;
}
/* Final action button grammar. Buttons should communicate action type by color, not random badges. */
body.fbm-orion-v2 .fbm-row-actions,
body.fbm-orion-v2 .fbm-order-actions,
body.fbm-orion-v2 .fbm-dashboard-order-actions,
body.fbm-orion-v2 .fbm-table-action-strip{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
flex-wrap:nowrap!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-row-actions .btn,
body.fbm-orion-v2 .fbm-order-actions .btn,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btn,
body.fbm-orion-v2 .fbm-table-action-strip .btn,
body.fbm-orion-v2 .btnDownloadAccounts,
body.fbm-orion-v2 .btnCpAccounts,
body.fbm-orion-v2 .btnDeleteOrder{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
min-height:30px!important;
padding:7px 10px!important;
border-radius:9px!important;
font-size:12px!important;
font-weight:700!important;
line-height:1!important;
white-space:nowrap!important;
text-decoration:none!important;
box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
transition:none!important;
}
body.fbm-orion-v2 .btnDownloadAccounts,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btnDownloadAccounts{
background:var(--fbm-action-primary)!important;
border:1px solid var(--fbm-action-primary)!important;
color:#ffffff!important;
}
body.fbm-orion-v2 .btnCpAccounts,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btnCpAccounts{
background:var(--fbm-action-neutral-bg)!important;
border:1px solid var(--fbm-action-neutral-border)!important;
color:var(--fbm-action-neutral-text)!important;
}
body.fbm-orion-v2 .btnDeleteOrder,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btnDeleteOrder{
background:var(--fbm-action-danger)!important;
border:1px solid var(--fbm-action-danger)!important;
color:#ffffff!important;
}
body.fbm-orion-v2 .btnDownloadAccounts:hover,
body.fbm-orion-v2 .btnCpAccounts:hover,
body.fbm-orion-v2 .btnDeleteOrder:hover,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btn:hover{
transform:none!important;
filter:none!important;
text-decoration:none!important;
}
body.fbm-orion-v2 .fbm-row-actions .btn i,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btn i,
body.fbm-orion-v2 .fbm-btn-reload i{
font-size:14px!important;
line-height:1!important;
}
/* Admin account table: the raw Cookie/Token buttons must not sprawl across the row.
Use one dropdown trigger and shared dropdown item styles instead. */
body.fbm-orion-v2 .fbm-account-data-actions,
body.fbm-orion-v2 .fbm-account-data-menu{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:auto!important;
max-width:100%!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-account-data-menu > .fbm-data-menu-toggle{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-width:92px!important;
min-height:32px!important;
padding:7px 11px!important;
border-radius:9px!important;
border:1px solid var(--fbm-action-neutral-border)!important;
background:#ffffff!important;
color:#1f3754!important;
font-weight:700!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-menu{
min-width:210px!important;
}
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-item{
justify-content:flex-start!important;
}
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-item i{
width:18px!important;
text-align:center!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-item em{
margin-left:auto!important;
font-style:normal!important;
color:#94a3b8!important;
font-size:11px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-item.is-disabled{
cursor:not-allowed!important;
opacity:.72!important;
color:#64748b!important;
}
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-item.is-disabled:hover{
background:transparent!important;
color:#64748b!important;
}
/* Table geometry final guard: row cards stay readable, but no hover/selected illusion. */
body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody tr:hover > td,
body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody tr:hover > td,
body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody tr:hover > td,
body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody tr:hover > td,
body.fbm-orion-v2 table.table tbody tr:hover > td{
transform:none!important;
filter:none!important;
outline:0!important;
}
body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody td,
body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody td,
body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody td,
body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody td{
vertical-align:middle!important;
}
body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody td.fbm-table-action-cell,
body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody td.fbm-table-action-cell,
body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody td.fbm-table-action-cell{
width:1%!important;
white-space:nowrap!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .card > .card-header{
flex-wrap:wrap!important;
padding:13px 14px!important;
}
body.fbm-orion-v2 .card > .card-header .fbm-btn-reload,
body.fbm-orion-v2 .card > .card-header .fbm-dashboard-delete-menu{
flex:0 0 auto!important;
}
body.fbm-orion-v2 .block-140{
min-height:112px!important;
}
body.fbm-orion-v2 .fbm-dashboard-order-actions,
body.fbm-orion-v2 .fbm-row-actions{
gap:6px!important;
}
}
/* ========================================================================
HOTFIX175 - Core action layout repair
------------------------------------------------------------------------
Purpose:
- Old card headers used float-right. New flex core previously treated each
legacy action as a separate flex item, so actions were pulled far apart.
- Account table compact field copy slots must stay inside their own cells
and empty values must not look like extra buttons under the next column.
======================================================================== */
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
}
body.fbm-orion-v2 .fbm-card-header-title{
min-width:0!important;
color:#0f172a!important;
font-size:15px!important;
font-weight:700!important;
letter-spacing:.01em!important;
}
body.fbm-orion-v2 .fbm-card-header-actions{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
flex:0 0 auto!important;
margin-left:auto!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-card-header-actions .btn,
body.fbm-orion-v2 .fbm-card-header-actions .dropdown-toggle{
margin:0!important;
}
/* Legacy fallback: when a page still has direct float-right actions in card-header,
keep the first reload/action group beside the others instead of spacing them across the header. */
body.fbm-orion-v2 .card > .card-header:not(.fbm-card-header-line){
justify-content:flex-start!important;
}
body.fbm-orion-v2 .card > .card-header:not(.fbm-card-header-line) > .fbm-btn-reload{
margin-left:auto!important;
}
body.fbm-orion-v2 .card > .card-header:not(.fbm-card-header-line) > .fbm-dashboard-delete-menu{
margin-left:8px!important;
}
/* Account table field contract. The copy slot belongs to Login/Email cells;
it must never overflow visually into the Data column. */
body.fbm-orion-v2 .fbm-accounts-table tbody td{
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-accounts-table tbody td.fbm-account-data-cell,
body.fbm-orion-v2 .fbm-accounts-table tbody td.fbm-table-action-cell,
body.fbm-orion-v2 .fbm-accounts-table tbody td:nth-child(4){
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines{
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines > div{
grid-template-columns:minmax(64px,76px) minmax(0,1fr) 28px!important;
max-width:100%!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines .fbm-copy-slot.is-empty{
display:block!important;
width:28px!important;
height:28px!important;
min-width:28px!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-copy-account.btn-icon-only{
width:28px!important;
min-width:28px!important;
height:28px!important;
min-height:28px!important;
padding:0!important;
border-radius:8px!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-data-menu{
justify-content:flex-start!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line{
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-card-header-actions{
width:100%!important;
justify-content:flex-start!important;
margin-left:0!important;
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important;
padding-bottom:2px!important;
}
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(3),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(3){
min-width:300px!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(4),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(4){
width:150px!important;
min-width:150px!important;
max-width:180px!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(5),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(5){
width:120px!important;
min-width:120px!important;
}
/* ========================================================================
HOTFIX176 - Core dropdown viewport + header action repair
------------------------------------------------------------------------
Purpose:
- Core dropdowns inside table cells must open from their trigger, not drift
left/right because of Bootstrap Popper/right-alignment and table overflow.
- Header actions must remain a compact action cluster; no child can stretch
the reload and delete buttons away from each other.
- Account compact copy buttons belong beside the masked value, not at the
far edge of the Email/Recovery column where they look like extra Data buttons.
======================================================================== */
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
}
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line > .fbm-card-header-actions{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-end!important;
flex:0 0 auto!important;
width:auto!important;
max-width:none!important;
gap:8px!important;
margin-left:auto!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line > .fbm-card-header-actions > *,
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line > .fbm-card-header-actions > .btn,
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line > .fbm-card-header-actions > .fbm-core-dropdown{
flex:0 0 auto!important;
width:auto!important;
margin-left:0!important;
margin-right:0!important;
order:0!important;
}
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line .fbm-btn-reload,
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line .fbm-dashboard-delete-menu{
order:0!important;
margin-left:0!important;
}
body.fbm-orion-v2 .fbm-core-dropdown-menu.fbm-dropdown-fixed-menu,
body.fbm-orion-v2 .fbm-core-dropdown > .dropdown-menu.fbm-dropdown-fixed-menu{
position:fixed!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
transform:none!important;
margin:0!important;
z-index:2147483000!important;
max-width:calc(100vw - 24px)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-menu,
body.fbm-orion-v2 .fbm-account-data-menu .dropdown-menu.dropdown-menu-right{
right:auto!important;
left:0!important;
min-width:210px!important;
}
body.fbm-orion-v2 .fbm-account-data-menu.show,
body.fbm-orion-v2 .fbm-account-data-menu:focus-within,
body.fbm-orion-v2 .fbm-core-dropdown.show{
z-index:2147482000!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines > div{
grid-template-columns:minmax(64px,76px) minmax(74px, 190px) 28px!important;
justify-content:start!important;
justify-items:start!important;
column-gap:8px!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines strong{
width:auto!important;
max-width:190px!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-copy-account.btn-icon-only{
justify-self:start!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(3),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(3){
min-width:330px!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(4),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(4){
width:130px!important;
min-width:130px!important;
max-width:150px!important;
text-align:left!important;
}
body.fbm-orion-v2 .fbm-accounts-table td.fbm-account-data-cell{
padding-left:14px!important;
padding-right:14px!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .card > .card-header.fbm-card-header-line > .fbm-card-header-actions{
width:auto!important;
max-width:100%!important;
margin-left:0!important;
overflow-x:auto!important;
justify-content:flex-start!important;
}
}
/* ========================================================================
HOTFIX177 - Admin account data details contract
------------------------------------------------------------------------
Purpose:
- Do not use dropdown menus inside the account table. Table overflow, sticky
wrappers and Bootstrap/Popper fight each other, causing menus to drift far
from the trigger.
- Remove per-field copy icon slots from Login/Email cells; they looked like
extra orphan buttons under the Data column.
- Use a single Details action that opens a fixed modal independent from table
geometry. This is the stable core pattern for dense account rows.
======================================================================== */
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines-readonly{
display:grid!important;
gap:8px!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines-readonly > .fbm-account-field-line,
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines-readonly > div{
display:grid!important;
grid-template-columns:minmax(72px,92px) minmax(0,1fr)!important;
align-items:center!important;
column-gap:10px!important;
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines-readonly span{
color:#64748b!important;
font-size:11px!important;
font-weight:700!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines-readonly strong{
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#0f172a!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines-readonly .fbm-copy-slot,
body.fbm-orion-v2 .fbm-accounts-table .fbm-account-lines-readonly .fbm-copy-account.btn-icon-only{
display:none!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(1),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(1){
width:24%!important;
min-width:240px!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(2),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(2){
width:22%!important;
min-width:260px!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(3),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(3){
width:32%!important;
min-width:330px!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(4),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(4){
width:10%!important;
min-width:132px!important;
max-width:150px!important;
text-align:left!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-accounts-table th:nth-child(5),
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(5){
width:12%!important;
min-width:132px!important;
}
body.fbm-orion-v2 .fbm-accounts-table td:nth-child(4) .fbm-account-data-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:auto!important;
max-width:100%!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-account-data-open{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-width:104px!important;
min-height:32px!important;
padding:7px 12px!important;
border-radius:9px!important;
border:1px solid #bfd2e8!important;
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
color:#1f3754!important;
font-weight:700!important;
box-shadow:0 2px 7px rgba(15,23,42,.04)!important;
}
body.fbm-orion-v2 .fbm-account-data-open i{
font-size:14px!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .fbm-account-data-open:hover,
body.fbm-orion-v2 .fbm-account-data-open:focus{
background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)!important;
border-color:#93b7de!important;
color:#0f2f52!important;
transform:none!important;
filter:none!important;
}
body.fbm-orion-v2.fbm-account-data-opened{
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-account-data-modal[hidden]{
display:none!important;
}
body.fbm-orion-v2 .fbm-account-data-modal{
position:fixed!important;
inset:0!important;
z-index:2147483200!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:22px!important;
}
body.fbm-orion-v2 .fbm-account-data-backdrop{
position:absolute!important;
inset:0!important;
background:rgba(15,23,42,.38)!important;
backdrop-filter:blur(3px)!important;
}
body.fbm-orion-v2 .fbm-account-data-dialog{
position:relative!important;
width:min(760px, calc(100vw - 32px))!important;
max-height:calc(100vh - 52px)!important;
overflow:hidden!important;
border:1px solid #c8d9ec!important;
border-radius:14px!important;
background:#ffffff!important;
box-shadow:0 28px 70px rgba(15,23,42,.24)!important;
}
body.fbm-orion-v2 .fbm-account-data-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
padding:16px 18px!important;
border-bottom:1px solid #dbe7f5!important;
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
body.fbm-orion-v2 .fbm-account-data-head small{
display:block!important;
color:#64748b!important;
font-size:11px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
margin-bottom:3px!important;
}
body.fbm-orion-v2 .fbm-account-data-head h3{
margin:0!important;
color:#0f172a!important;
font-size:18px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-account-data-close{
width:34px!important;
min-width:34px!important;
height:34px!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
body.fbm-orion-v2 .fbm-account-data-body{
padding:16px!important;
overflow:auto!important;
max-height:calc(100vh - 150px)!important;
-webkit-overflow-scrolling:touch!important;
}
body.fbm-orion-v2 .fbm-account-detail-grid{
display:grid!important;
gap:10px!important;
}
body.fbm-orion-v2 .fbm-account-detail-row{
display:grid!important;
grid-template-columns:160px minmax(0,1fr) auto!important;
align-items:center!important;
gap:12px!important;
padding:10px 12px!important;
border:1px solid #dbe7f5!important;
border-radius:10px!important;
background:#f8fbff!important;
}
body.fbm-orion-v2 .fbm-account-detail-row.is-empty{
background:#f8fafc!important;
}
body.fbm-orion-v2 .fbm-account-detail-label{
display:inline-flex!important;
align-items:center!important;
gap:8px!important;
min-width:0!important;
color:#435a78!important;
font-size:12px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.035em!important;
}
body.fbm-orion-v2 .fbm-account-detail-label i{
color:#1570ef!important;
font-size:14px!important;
}
body.fbm-orion-v2 .fbm-account-detail-value{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#0f172a!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-account-detail-row.is-empty .fbm-account-detail-value{
color:#94a3b8!important;
}
body.fbm-orion-v2 .fbm-account-detail-row .btn[disabled]{
opacity:.55!important;
pointer-events:none!important;
}
@media (max-width:767.98px){
body.fbm-orion-v2 .fbm-account-data-modal{
align-items:flex-end!important;
padding:0!important;
}
body.fbm-orion-v2 .fbm-account-data-dialog{
width:100%!important;
max-height:88vh!important;
border-radius:15px 15px 0 0!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
}
body.fbm-orion-v2 .fbm-account-detail-row{
grid-template-columns:1fr!important;
align-items:start!important;
gap:7px!important;
}
body.fbm-orion-v2 .fbm-account-detail-row .btn{
width:100%!important;
}
}
/* ========================================================================
HOTFIX178 - Core service dropdown placement + warning action contract
------------------------------------------------------------------------
Purpose:
- Service table account action dropdowns are stacked vertically. A normal
Bootstrap dropdown opens downward and covers the next parent action.
Core now treats service filter menus as side-opening menus on desktop,
with viewport fallback handled in theme.js.
- User reset password is a warning/destructive-adjacent action, not a
neutral light button.
======================================================================== */
body.fbm-orion-v2 .fbm-warning-action,
body.fbm-orion-v2 .btn.fbm-warning-action,
body.fbm-orion-v2 .btnResetUserPassword.fbm-warning-action{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-height:32px!important;
padding:7px 11px!important;
border:1px solid #f6c861!important;
border-radius:9px!important;
background:linear-gradient(180deg,#fff8e6 0%,#ffefbd 100%)!important;
color:#7a3b00!important;
font-weight:700!important;
box-shadow:0 3px 9px rgba(180,83,9,.10)!important;
}
body.fbm-orion-v2 .fbm-warning-action i,
body.fbm-orion-v2 .btnResetUserPassword.fbm-warning-action i{
color:#b45309!important;
font-size:14px!important;
}
body.fbm-orion-v2 .fbm-warning-action:hover,
body.fbm-orion-v2 .fbm-warning-action:focus{
background:linear-gradient(180deg,#fff4d6 0%,#ffe6a3 100%)!important;
border-color:#e8ad2e!important;
color:#6b3200!important;
transform:none!important;
filter:none!important;
}
body.fbm-orion-v2 .fbm-services-table .service-account-actions{
display:inline-flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:8px!important;
min-width:118px!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-services-table .service-account-actions > .btn,
body.fbm-orion-v2 .fbm-services-table .service-account-actions > .fbm-service-filter-menu,
body.fbm-orion-v2 .fbm-services-table .service-account-actions > .btn-group{
flex:0 0 auto!important;
width:auto!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-services-table .service-account-actions .btn,
body.fbm-orion-v2 .fbm-services-table .service-account-actions .dropdown-toggle{
min-width:94px!important;
justify-content:center!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu{
position:relative!important;
overflow:visible!important;
z-index:70!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu.show{
z-index:2147482100!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu > .dropdown-menu{
top:0!important;
left:calc(100% + 8px)!important;
right:auto!important;
margin-top:0!important;
margin-left:0!important;
min-width:170px!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu > .dropdown-menu.fbm-dropdown-fixed-menu{
top:auto!important;
left:auto!important;
right:auto!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-services-table th:nth-child(11),
body.fbm-orion-v2 .fbm-services-table td:nth-child(11){
min-width:150px!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-services-card,
body.fbm-orion-v2 .fbm-services-card .card-body{
overflow:visible!important;
}
@media (max-width:767.98px){
body.fbm-orion-v2 .fbm-services-table .service-account-actions{
flex-direction:row!important;
flex-wrap:nowrap!important;
min-width:320px!important;
gap:7px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-account-actions .btn,
body.fbm-orion-v2 .fbm-services-table .service-account-actions .dropdown-toggle{
min-width:auto!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu > .dropdown-menu{
left:0!important;
top:calc(100% + 7px)!important;
}
}
/* =========================================================
HOTFIX179 - CORE DROPDOWN OWNER / THEME FLYOUT CONTRACT
Reason: Bootstrap 4 beta + Popper positioning becomes unreliable inside
responsive tables, overflow shells and vertical action stacks. Core UI now
owns action dropdown placement and uses fixed viewport coordinates.
========================================================= */
body.fbm-orion-v2 .fbm-core-dropdown > .dropdown-menu.fbm-dropdown-fixed-menu,
body.fbm-orion-v2 .fbm-core-dropdown-menu.fbm-dropdown-fixed-menu{
position:fixed!important;
transform:none!important;
margin:0!important;
z-index:2147483200!important;
right:auto!important;
bottom:auto!important;
max-width:calc(100vw - 20px)!important;
max-height:calc(100vh - 20px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
will-change:top,left!important;
}
body.fbm-orion-v2 .fbm-core-dropdown.show > .dropdown-menu.fbm-dropdown-fixed-menu,
body.fbm-orion-v2 .fbm-core-dropdown-open > .dropdown-menu.fbm-dropdown-fixed-menu{
display:block!important;
opacity:1!important;
visibility:visible!important;
}
body.fbm-orion-v2 .service-account-actions,
body.fbm-orion-v2 .fbm-services-table .service-account-actions{
overflow:visible!important;
position:relative!important;
z-index:auto!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu > .dropdown-menu,
body.fbm-orion-v2 .service-account-actions .dropdown-menu{
min-width:176px!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu > .dropdown-menu:not(.fbm-dropdown-fixed-menu),
body.fbm-orion-v2 .service-account-actions .dropdown-menu:not(.fbm-dropdown-fixed-menu){
top:calc(100% + 8px)!important;
left:0!important;
right:auto!important;
}
body.fbm-orion-v2 .fbm-core-dropdown .dropdown-toggle:focus,
body.fbm-orion-v2 .fbm-core-dropdown.fbm-core-dropdown-open .dropdown-toggle{
box-shadow:0 0 0 3px rgba(30, 111, 255, .16)!important;
}
/* =========================================================
HOTFIX180 - SERVICE TABLE ACTION COLUMN CONTRACT
Reason: service account actions mixed Upload + dropdown buttons in one cell,
causing uneven widths and unstable dropdown placement. Core service table now
separates Upload, Account Data actions, and Service actions into explicit
columns with equal button sizing.
========================================================= */
body.fbm-orion-v2 .fbm-services-table{
min-width:1340px!important;
}
body.fbm-orion-v2 .fbm-services-table th:nth-child(11),
body.fbm-orion-v2 .fbm-services-table td:nth-child(11){
min-width:112px!important;
width:112px!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-services-table th:nth-child(12),
body.fbm-orion-v2 .fbm-services-table td:nth-child(12){
min-width:138px!important;
width:138px!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-services-table th:nth-child(13),
body.fbm-orion-v2 .fbm-services-table td:nth-child(13){
min-width:112px!important;
width:112px!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-services-table .service-upload-actions,
body.fbm-orion-v2 .fbm-services-table .service-account-actions,
body.fbm-orion-v2 .fbm-services-table .service-action-primary{
display:inline-flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:8px!important;
min-width:108px!important;
width:108px!important;
overflow:visible!important;
position:relative!important;
}
body.fbm-orion-v2 .fbm-services-table .service-account-actions{
min-width:120px!important;
width:120px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-upload-actions > .btn,
body.fbm-orion-v2 .fbm-services-table .service-account-actions > .btn,
body.fbm-orion-v2 .fbm-services-table .service-account-actions > .btn-group,
body.fbm-orion-v2 .fbm-services-table .service-action-primary > .btn{
width:100%!important;
min-width:0!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-table-btn,
body.fbm-orion-v2 .fbm-services-table .fbm-service-action-btn{
height:34px!important;
min-height:34px!important;
padding:0 12px!important;
border-radius:9px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
font-size:12px!important;
font-weight:700!important;
line-height:1!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-table-btn i,
body.fbm-orion-v2 .fbm-services-table .fbm-service-action-btn i{
font-size:14px!important;
line-height:1!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu{
display:block!important;
width:100%!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu > .dropdown-toggle{
width:100%!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-dropdown{
min-width:176px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-action-empty{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:34px!important;
border:1px dashed rgba(148,163,184,.45)!important;
border-radius:9px!important;
background:#f8fafc!important;
color:#64748b!important;
font-size:11px!important;
font-weight:700!important;
white-space:nowrap!important;
}
@media (max-width:767.98px){
body.fbm-orion-v2 .fbm-services-table{
min-width:1340px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-upload-actions,
body.fbm-orion-v2 .fbm-services-table .service-account-actions,
body.fbm-orion-v2 .fbm-services-table .service-action-primary{
flex-direction:column!important;
flex-wrap:nowrap!important;
min-width:104px!important;
width:104px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-account-actions{
min-width:118px!important;
width:118px!important;
}
}
/* =========================================================
HOTFIX182 - CORE MODAL DROPDOWN CONTRACT
Reason: viewport/fixed dropdown placement is unsafe inside Bootstrap modals
because modal/dialog transitions can create transformed containing blocks.
Modal dropdowns now stay local to the trigger, so reset actions open directly
above their parent button instead of jumping to the corner of the modal.
========================================================= */
body.fbm-orion-v2 .modal,
body.fbm-orion-v2 .modal-dialog,
body.fbm-orion-v2 .modal-content,
body.fbm-orion-v2 .modal-footer,
body.fbm-orion-v2 .fbm-transfer-footer{
overflow:visible!important;
}
body.fbm-orion-v2 .modal .fbm-core-dropdown,
body.fbm-orion-v2 .modal .btn-group.dropup,
body.fbm-orion-v2 .modal .dropdown,
body.fbm-orion-v2 .modal .dropup{
position:relative!important;
overflow:visible!important;
}
body.fbm-orion-v2 .modal .fbm-core-dropdown > .dropdown-menu.fbm-modal-local-menu,
body.fbm-orion-v2 .modal .dropdown-menu.fbm-modal-local-menu{
position:absolute!important;
z-index:2147483300!important;
transform:none!important;
margin:0!important;
padding:8px!important;
border:1px solid var(--fbm-border-strong, #c9d8e8)!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 18px 38px rgba(15, 23, 42, .18), 0 5px 14px rgba(15, 23, 42, .08)!important;
min-width:188px!important;
width:max-content!important;
max-width:calc(100vw - 20px)!important;
overflow-x:hidden!important;
overflow-y:auto!important;
}
body.fbm-orion-v2 #walletResetDrop{
position:relative!important;
overflow:visible!important;
}
body.fbm-orion-v2 #walletResetDrop > .dropdown-toggle{
min-width:136px!important;
justify-content:center!important;
}
body.fbm-orion-v2 #walletResetDrop > .dropdown-menu.fbm-modal-local-menu{
left:0!important;
right:auto!important;
bottom:calc(100% + 8px)!important;
top:auto!important;
}
@media (max-width:576px){
body.fbm-orion-v2 #walletResetDrop,
body.fbm-orion-v2 #walletResetDrop > .dropdown-toggle{
width:100%!important;
}
body.fbm-orion-v2 #walletResetDrop > .dropdown-menu.fbm-modal-local-menu{
left:0!important;
right:0!important;
width:100%!important;
min-width:100%!important;
}
}
/* =========================================================
HOTFIX183 - USER ACTION WARNING + TRANSFER FOOTER ALIGNMENT
Reason:
- Reset password is a warning action and must visually match the orange
pending-approval action, not a pale neutral button.
- Wallet reset in the transfer modal is a rarely-used destructive action,
so it must stay on the left and be separated from primary submit/close.
========================================================= */
body.fbm-orion-v2 .btnResetUserPassword.fbm-warning-action,
body.fbm-orion-v2 .fbm-warning-action,
body.fbm-orion-v2 .btn.fbm-warning-action{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-height:32px!important;
padding:7px 12px!important;
border:1px solid #f79009!important;
border-radius:9px!important;
background:linear-gradient(180deg,#ffa929 0%,#f79009 100%)!important;
color:#fff!important;
font-weight:700!important;
box-shadow:0 7px 16px rgba(247,144,9,.22)!important;
}
body.fbm-orion-v2 .btnResetUserPassword.fbm-warning-action i,
body.fbm-orion-v2 .fbm-warning-action i{
color:#fff!important;
font-size:14px!important;
}
body.fbm-orion-v2 .btnResetUserPassword.fbm-warning-action:hover,
body.fbm-orion-v2 .btnResetUserPassword.fbm-warning-action:focus,
body.fbm-orion-v2 .fbm-warning-action:hover,
body.fbm-orion-v2 .fbm-warning-action:focus{
background:linear-gradient(180deg,#f79009 0%,#dc6803 100%)!important;
border-color:#dc6803!important;
color:#fff!important;
transform:none!important;
filter:none!important;
box-shadow:0 8px 18px rgba(220,104,3,.25)!important;
}
body.fbm-orion-v2 .fbm-transfer-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
flex-wrap:nowrap!important;
}
body.fbm-orion-v2 .fbm-transfer-footer__danger-left{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
flex:1 1 auto!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-transfer-footer__main-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
flex:0 0 auto!important;
margin-left:auto!important;
}
body.fbm-orion-v2 .fbm-transfer-footer__danger-left #walletResetDrop{
margin-right:0!important;
}
@media (max-width:576px){
body.fbm-orion-v2 .fbm-transfer-footer{
align-items:stretch!important;
flex-direction:column!important;
}
body.fbm-orion-v2 .fbm-transfer-footer__danger-left,
body.fbm-orion-v2 .fbm-transfer-footer__main-actions{
width:100%!important;
}
body.fbm-orion-v2 .fbm-transfer-footer__main-actions{
justify-content:flex-end!important;
}
body.fbm-orion-v2 .fbm-transfer-footer__main-actions .btn{
flex:1 1 0!important;
}
}
/* HOTFIX184: public guest user shell */
.fbm-core-accountbar.is-guest .fbm-header-balance{
min-width: 178px;
}
.fbm-core-accountbar.is-guest .fbm-balance-icon{
background: linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
color: var(--fbm-primary, #1d73e8);
}
.fbm-account-menu.is-guest .fbm-account-dropdown{
min-width: 260px;
}
.fbm-account-guest-note strong{
color: #0f172a;
}
.fbm-account-guest-note small{
display:block;
color:#64748b;
line-height:1.35;
margin-top:4px;
}
.fbm-header-login-action{
color: var(--fbm-primary, #1d73e8) !important;
}
@media(max-width: 575.98px){
.fbm-core-accountbar.is-guest .fbm-header-balance{min-width:142px;}
}
.fbm-auth-guest-link{
margin-top:12px;
text-align:center;
}
.fbm-auth-guest-link a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
font-weight:700;
color:var(--fbm-primary, #1d73e8);
text-decoration:none;
padding:9px 12px;
border-radius:12px;
background:rgba(29,115,232,.08);
border:1px solid rgba(29,115,232,.16);
}
.fbm-auth-guest-link a:hover,
.fbm-auth-guest-link a:focus{
color:var(--fbm-primary, #1d73e8);
text-decoration:none;
background:rgba(29,115,232,.12);
}
/* HOTFIX186: Public store product inventory intelligence.
Shows lightweight aggregate ratios for available stock only: mail domain type, phone, 2FA and token. */
body.fbm-orion-v2 .product-intel{
border:1px solid var(--fbm-edge-1)!important;
background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%)!important;
border-radius:18px!important;
padding:12px!important;
margin:0 0 16px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.fbm-orion-v2 .product-intel.is-empty{
color:#94a3b8!important;
}
body.fbm-orion-v2 .product-intel-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-bottom:10px!important;
}
body.fbm-orion-v2 .product-intel-head span{
color:#475569!important;
font-size:11px!important;
font-weight:700!important;
letter-spacing:.07em!important;
text-transform:none!important;
}
body.fbm-orion-v2 .product-intel-head strong{
color:#0f172a!important;
font-size:12px!important;
font-weight:700!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .product-stat-group{
display:grid!important;
gap:7px!important;
margin-top:9px!important;
}
body.fbm-orion-v2 .product-stat-label{
color:#64748b!important;
font-size:10.8px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .product-stat-chips{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
}
body.fbm-orion-v2 .product-stat-chip{
display:inline-grid!important;
grid-template-columns:auto auto!important;
grid-template-areas:"label pct" "count pct"!important;
align-items:center!important;
column-gap:8px!important;
min-width:92px!important;
padding:8px 9px!important;
border-radius:14px!important;
border:1px solid #dbeafe!important;
background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)!important;
color:#0f172a!important;
}
body.fbm-orion-v2 .product-stat-chip b{
grid-area:label!important;
font-size:11px!important;
line-height:1.1!important;
font-weight:700!important;
color:#334155!important;
}
body.fbm-orion-v2 .product-stat-chip em{
grid-area:pct!important;
font-style:normal!important;
font-size:13px!important;
line-height:1!important;
font-weight:700!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .product-stat-chip small{
grid-area:count!important;
font-size:10px!important;
line-height:1.1!important;
font-weight:600!important;
color:#64748b!important;
}
body.fbm-orion-v2 .product-stat-chip.is-phone em{color:#079455!important;}
body.fbm-orion-v2 .product-stat-chip.is-sec em{color:#7c3aed!important;}
body.fbm-orion-v2 .product-stat-chip.is-token em{color:#dc6803!important;}
body.fbm-orion-v2 .product-stat-chip.is-muted{
border-color:#e2e8f0!important;
background:#f8fafc!important;
}
body.fbm-orion-v2 .product-stat-chip.is-muted em,
body.fbm-orion-v2 .product-stat-chip.is-muted b,
body.fbm-orion-v2 .product-stat-chip.is-muted small{color:#64748b!important;}
body.fbm-orion-v2 .product-stat-empty{
color:#94a3b8!important;
font-size:11px!important;
font-weight:600!important;
}
@media (max-width:480px){
body.fbm-orion-v2 .product-stat-chip{
min-width:calc(50% - 4px)!important;
}
}
/* HOTFIX187: Product card selling layout cleanup.
Keep product cards buyer-focused: price, stock, contact mix and useful features.
Technical headings like "Phân tích hàng còn bán" are intentionally removed. */
body.fbm-orion-v2 .product-quality{
margin:14px 22px 0!important;
padding:13px 14px!important;
border:1px solid #d8e5f4!important;
border-radius:20px!important;
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
body.fbm-orion-v2 .product-quality-row{
display:grid!important;
grid-template-columns:76px minmax(0,1fr)!important;
align-items:start!important;
gap:10px!important;
}
body.fbm-orion-v2 .product-quality-row + .product-quality-row{
margin-top:10px!important;
padding-top:10px!important;
border-top:1px dashed #d8e5f4!important;
}
body.fbm-orion-v2 .product-quality-label{
color:#64748b!important;
font-size:11px!important;
line-height:1.45!important;
font-weight:700!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .product-quality-chips{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
min-width:0!important;
}
body.fbm-orion-v2 .product-quality-chip{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
min-height:28px!important;
padding:6px 9px!important;
border-radius:999px!important;
border:1px solid #dbeafe!important;
background:linear-gradient(180deg,#fbfdff 0%,#f2f7ff 100%)!important;
color:#243247!important;
max-width:100%!important;
}
body.fbm-orion-v2 .product-quality-chip b,
body.fbm-orion-v2 .product-quality-chip em{
display:inline-block!important;
line-height:1!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .product-quality-chip b{
font-size:11.2px!important;
font-weight:700!important;
color:#334155!important;
}
body.fbm-orion-v2 .product-quality-chip em{
font-style:normal!important;
font-size:11.5px!important;
font-weight:700!important;
color:#1570ef!important;
}
body.fbm-orion-v2 .product-quality-chip.is-phone em{color:#079455!important;}
body.fbm-orion-v2 .product-quality-chip.is-sec em{color:#7c3aed!important;}
body.fbm-orion-v2 .product-quality-chip.is-token em{color:#dc6803!important;}
body.fbm-orion-v2 .product-quality-chip.is-muted{
border-color:#e2e8f0!important;
background:#f8fafc!important;
}
body.fbm-orion-v2 .product-quality-chip.is-muted b,
body.fbm-orion-v2 .product-quality-chip.is-muted em{color:#64748b!important;}
body.fbm-orion-v2 .product-quality-empty{
display:inline-flex!important;
min-height:28px!important;
align-items:center!important;
color:#94a3b8!important;
font-size:11.3px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .product-card-meta{
margin:12px 22px 0!important;
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
color:#64748b!important;
font-size:11.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .product-card-meta span{
display:inline-flex!important;
align-items:center!important;
gap:5px!important;
min-height:28px!important;
padding:6px 9px!important;
border-radius:999px!important;
background:#f8fafc!important;
border:1px solid #e2e8f0!important;
}
body.fbm-orion-v2 .product-card-meta b{
color:#334155!important;
font-weight:700!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .product-quality,
body.fbm-orion-v2 .product-card-meta{margin-left:18px!important;margin-right:18px!important;}
}
@media (max-width:420px){
body.fbm-orion-v2 .product-quality-row{
grid-template-columns:1fr!important;
gap:6px!important;
}
body.fbm-orion-v2 .product-card-meta{
display:grid!important;
grid-template-columns:1fr!important;
}
}
/* =========================================================
HOTFIX1003 - Admin services desktop table contract
Root cause: services table mixed 13 columns with a forced 1340px min-width,
while action stacks were inline-flex inside left-aligned table cells. Desktop
therefore showed an unnecessary horizontal scrollbar and actions hugged the
left edge. The service catalog now uses a compact 10-column data contract:
service id is part of the service name cell, inventory counts are grouped in
one stock cell, and core action columns own centered/equal button layout.
========================================================= */
body.fbm-orion-v2 .fbm-services-table-wrap{
overflow-x:visible!important;
}
body.fbm-orion-v2 .fbm-services-table{
width:100%!important;
min-width:100%!important;
table-layout:fixed!important;
}
body.fbm-orion-v2 .fbm-services-table thead th,
body.fbm-orion-v2 .fbm-services-table tbody td{
text-align:center!important;
}
body.fbm-orion-v2 .fbm-services-table thead th:nth-child(3),
body.fbm-orion-v2 .fbm-services-table tbody td:nth-child(3){
text-align:left!important;
}
body.fbm-orion-v2 .fbm-services-table th:nth-child(1),
body.fbm-orion-v2 .fbm-services-table td:nth-child(1){width:9%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(2),
body.fbm-orion-v2 .fbm-services-table td:nth-child(2){width:6%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(3),
body.fbm-orion-v2 .fbm-services-table td:nth-child(3){width:22%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(4),
body.fbm-orion-v2 .fbm-services-table td:nth-child(4){width:5%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(5),
body.fbm-orion-v2 .fbm-services-table td:nth-child(5){width:9%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(6),
body.fbm-orion-v2 .fbm-services-table td:nth-child(6){width:15%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(7),
body.fbm-orion-v2 .fbm-services-table td:nth-child(7){width:8%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(8),
body.fbm-orion-v2 .fbm-services-table td:nth-child(8){width:8%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(9),
body.fbm-orion-v2 .fbm-services-table td:nth-child(9){width:10%!important;}
body.fbm-orion-v2 .fbm-services-table th:nth-child(10),
body.fbm-orion-v2 .fbm-services-table td:nth-child(10){width:8%!important;}
body.fbm-orion-v2 .fbm-services-table .service-name-title{
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-cell{
display:grid!important;
grid-template-columns:repeat(3, minmax(0, 1fr))!important;
gap:6px!important;
width:100%!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
min-height:38px!important;
padding:5px 6px!important;
border:1px solid #e2e8f0!important;
border-radius:10px!important;
background:#f8fafc!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item em{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
font-style:normal!important;
color:#64748b!important;
font-size:10px!important;
font-weight:700!important;
line-height:1.05!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item b{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#0f172a!important;
font-size:12px!important;
font-weight:700!important;
line-height:1.15!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-available{
border-color:#bbf7d0!important;
background:#ecfdf3!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-available b{color:#15803d!important;}
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-sold{
border-color:#fecdd3!important;
background:#fff1f2!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-sold b{color:#e11d48!important;}
body.fbm-orion-v2 .fbm-services-table .service-upload-actions,
body.fbm-orion-v2 .fbm-services-table .service-account-actions,
body.fbm-orion-v2 .fbm-services-table .service-action-primary{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:center!important;
width:100%!important;
min-width:0!important;
max-width:118px!important;
margin:0 auto!important;
gap:7px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-upload-actions > .btn,
body.fbm-orion-v2 .fbm-services-table .service-account-actions > .btn,
body.fbm-orion-v2 .fbm-services-table .service-account-actions > .btn-group,
body.fbm-orion-v2 .fbm-services-table .service-action-primary > .btn,
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu,
body.fbm-orion-v2 .fbm-services-table .fbm-service-filter-menu > .dropdown-toggle{
width:100%!important;
min-width:0!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.fbm-orion-v2 .fbm-services-table .fbm-service-table-btn,
body.fbm-orion-v2 .fbm-services-table .fbm-service-action-btn{
height:33px!important;
min-height:33px!important;
padding:0 9px!important;
border-radius:9px!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .fbm-services-table-wrap{
overflow-x:auto!important;
}
body.fbm-orion-v2 .fbm-services-table{
width:1040px!important;
min-width:1040px!important;
table-layout:fixed!important;
}
}
/* HOTFIX1005 - Admin services header uses core card-header contract; service id is compact/copyable. */
body.fbm-orion-v2 .card > .card-header.fbm-services-toolbar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
}
body.fbm-orion-v2 .card > .card-header.fbm-services-toolbar > .fbm-service-toolbar-actions{
margin-left:auto!important;
justify-content:flex-end!important;
}
body.fbm-orion-v2 .fbm-services-toolbar-title{
min-width:0!important;
}
body.fbm-orion-v2 .fbm-services-toolbar-title h5{
margin:0!important;
}
body.fbm-orion-v2 .fbm-services-table .service-name-cell{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-services-table .service-name-title{
flex:1 1 auto!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:normal!important;
}
body.fbm-orion-v2 .fbm-services-table .service-id-copy{
appearance:none!important;
border:1px solid rgba(148,163,184,.35)!important;
background:#f8fafc!important;
color:#475569!important;
border-radius:999px!important;
min-width:0!important;
height:24px!important;
padding:0 8px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
font-size:11px!important;
font-weight:700!important;
line-height:1!important;
cursor:pointer!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-services-table .service-id-copy:hover{
border-color:#93c5fd!important;
color:#1d4ed8!important;
background:#eff6ff!important;
}
body.fbm-orion-v2 .fbm-services-table .service-id-copy i{
font-size:11px!important;
}
@media(max-width: 767.98px){
body.fbm-orion-v2 .card > .card-header.fbm-services-toolbar{
align-items:flex-start!important;
flex-direction:column!important;
}
body.fbm-orion-v2 .card > .card-header.fbm-services-toolbar > .fbm-service-toolbar-actions{
margin-left:0!important;
justify-content:flex-start!important;
}
}
/* HOTFIX1006: Buyer-facing product intelligence copy and service ID chip clarity. */
body.fbm-orion-v2 .product-quality-chip.product-quality-ratio{
min-width:86px!important;
justify-content:space-between!important;
}
body.fbm-orion-v2 .product-quality-chip.product-quality-ratio b{
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-services-table .service-id-copy span{
letter-spacing:0!important;
}
/* HOTFIX1007: Remove the ambiguous feature label in product cards.
2FA/Token are shown as direct ratios, not as a separate generic feature group. */
body.fbm-orion-v2 .product-quality-row.product-quality-row-flat{
grid-template-columns:minmax(0,1fr)!important;
}
body.fbm-orion-v2 .product-quality-feature-chips{
justify-content:flex-start!important;
}
/* HOTFIX1011: activity card gets a very light full-frame brush, while filter buttons keep HOTFIX1009 style */
body.fbm-orion-v2 .fbm-activity-card,
body.fbm-orion-v2 .fbm-user-activity-card{position:relative;height:100%;overflow:hidden;border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 45px rgba(15,23,42,.08);background:radial-gradient(520px 210px at -8% -12%,rgba(16,185,129,.115),transparent 68%),radial-gradient(420px 190px at 110% 4%,rgba(14,165,233,.10),transparent 70%),radial-gradient(430px 230px at 96% 112%,rgba(239,68,68,.075),transparent 74%),rgba(255,255,255,.94);}
body.fbm-orion-v2 .fbm-activity-card:before,
body.fbm-orion-v2 .fbm-user-activity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.42),transparent 38%,rgba(255,255,255,.24) 72%,transparent);pointer-events:none;}
body.fbm-orion-v2 .fbm-activity-card .card-header,
body.fbm-orion-v2 .fbm-activity-card .card-body,
body.fbm-orion-v2 .fbm-user-activity-card .card-body{position:relative;z-index:1;}
body.fbm-orion-v2 .fbm-activity-card .card-body,
body.fbm-orion-v2 .fbm-user-activity-card .card-body{padding:16px;background:transparent;}
body.fbm-orion-v2 .fbm-activity-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:12px;}
body.fbm-orion-v2 .fbm-activity-filter{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;color:#475569;cursor:pointer;}
body.fbm-orion-v2 .fbm-activity-filter.is-active{background:#0f172a;border-color:#0f172a;color:#fff;}
body.fbm-orion-v2 .fbm-activity-list{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto;padding-right:2px;}
body.fbm-orion-v2 .fbm-user-activity-list{max-height:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
body.fbm-orion-v2 .fbm-activity-item{position:relative;display:flex;gap:11px;align-items:flex-start;padding:12px 11px 12px 13px;border:1px solid rgba(148,163,184,.20);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88));box-shadow:0 12px 26px rgba(15,23,42,.055);overflow:hidden;}
body.fbm-orion-v2 .fbm-activity-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#64748b;}
body.fbm-orion-v2 .fbm-activity-item--upload:before{background:linear-gradient(180deg,#10b981,#14b8a6);}
body.fbm-orion-v2 .fbm-activity-item--buy:before{background:linear-gradient(180deg,#2563eb,#06b6d4);}
body.fbm-orion-v2 .fbm-activity-item--deposit:before{background:linear-gradient(180deg,#f97316,#ef4444);}
body.fbm-orion-v2 .fbm-activity-icon{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;color:#334155;box-shadow:0 10px 24px rgba(15,23,42,.08);flex:0 0 auto;}
body.fbm-orion-v2 .fbm-activity-item--upload .fbm-activity-icon{background:#ecfdf5;color:#047857;}
body.fbm-orion-v2 .fbm-activity-item--buy .fbm-activity-icon{background:#eff6ff;color:#1d4ed8;}
body.fbm-orion-v2 .fbm-activity-item--deposit .fbm-activity-icon{background:#fff7ed;color:#c2410c;}
body.fbm-orion-v2 .fbm-activity-main{min-width:0;flex:1;}
body.fbm-orion-v2 .fbm-activity-line{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#0f172a;font-size:13px;line-height:1.38;}
body.fbm-orion-v2 .fbm-activity-summary{font-weight:500;}
body.fbm-orion-v2 .fbm-activity-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:500;letter-spacing:0;}
body.fbm-orion-v2 .fbm-activity-item--upload .fbm-activity-badge{background:#d1fae5;color:#065f46;}
body.fbm-orion-v2 .fbm-activity-item--buy .fbm-activity-badge{background:#dbeafe;color:#1e40af;}
body.fbm-orion-v2 .fbm-activity-item--deposit .fbm-activity-badge{background:#ffedd5;color:#9a3412;}
body.fbm-orion-v2 .fbm-activity-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:#64748b;font-size:11px;}
body.fbm-orion-v2 .fbm-activity-empty{position:relative;overflow:hidden;min-height:150px;padding:24px 16px;border:1px solid rgba(148,163,184,.22);border-radius:18px;color:#64748b;text-align:center;font-size:13px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,253,250,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.78);}
body.fbm-orion-v2 .fbm-activity-empty:before{content:"";position:absolute;inset:-40px -30px auto auto;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.22),rgba(14,165,233,.08) 52%,transparent 70%);filter:blur(.2px);}
body.fbm-orion-v2 .fbm-activity-empty:after{content:"";position:absolute;left:-45px;bottom:-60px;width:160px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(239,68,68,.16),rgba(249,115,22,.06) 58%,transparent 72%);}
body.fbm-orion-v2 .fbm-activity-empty-icon{position:relative;z-index:1;width:42px;height:42px;margin:0 auto 10px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecfdf5,#e0f2fe);color:#0f766e;box-shadow:0 14px 28px rgba(14,165,233,.16);}
body.fbm-orion-v2 .fbm-activity-empty-title{position:relative;z-index:1;color:#0f172a;font-weight:700;font-size:14px;margin-bottom:4px;}
body.fbm-orion-v2 .fbm-activity-empty-sub{position:relative;z-index:1;max-width:320px;margin:0 auto;color:#64748b;line-height:1.45;}
body.fbm-orion-v2 .fbm-activity-empty-error .fbm-activity-empty-icon{background:linear-gradient(135deg,#fee2e2,#ffedd5);color:#dc2626;}
@media (max-width:991.98px){body.fbm-orion-v2 .fbm-activity-filters{justify-content:flex-start;}body.fbm-orion-v2 .fbm-activity-list{max-height:none;}body.fbm-orion-v2 .fbm-user-activity-list{display:flex;}}
/* HOTFIX1012: core activity card component. Full-frame soft brush is now tied to a reusable component class. */
body.fbm-orion-v2 .fbm-core-activity-card{
position:relative;
height:100%;
overflow:hidden;
isolation:isolate;
border:1px solid rgba(16,185,129,.20)!important;
box-shadow:0 18px 48px rgba(15,23,42,.09)!important;
background:
radial-gradient(640px 260px at -12% -18%,rgba(16,185,129,.18),rgba(16,185,129,.06) 38%,transparent 70%),
radial-gradient(520px 230px at 118% 0%,rgba(14,165,233,.16),rgba(14,165,233,.045) 45%,transparent 72%),
radial-gradient(460px 250px at 105% 116%,rgba(239,68,68,.105),rgba(249,115,22,.045) 48%,transparent 76%),
linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,250,252,.88))!important;
}
body.fbm-orion-v2 .fbm-core-activity-card:before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
linear-gradient(118deg,rgba(255,255,255,.60),transparent 32%,rgba(255,255,255,.24) 64%,transparent),
repeating-linear-gradient(132deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 1px,transparent 1px,transparent 9px);
opacity:.72;
}
body.fbm-orion-v2 .fbm-core-activity-card:after{
content:"";
position:absolute;
right:-42px;
bottom:-54px;
width:180px;
height:150px;
border-radius:999px;
z-index:0;
pointer-events:none;
background:radial-gradient(circle,rgba(239,68,68,.13),rgba(249,115,22,.055) 48%,transparent 74%);
}
body.fbm-orion-v2 .fbm-core-activity-card > .card-header,
body.fbm-orion-v2 .fbm-core-activity-card > .card-body,
body.fbm-orion-v2 .fbm-core-activity-header,
body.fbm-orion-v2 .fbm-core-activity-body{
position:relative;
z-index:1;
background:transparent!important;
}
body.fbm-orion-v2 .fbm-core-activity-card > .card-header{
border-bottom:1px solid rgba(148,163,184,.18)!important;
}
body.fbm-orion-v2 .fbm-core-activity-body{padding:16px;}
body.fbm-orion-v2 .fbm-core-activity-actions{gap:8px;}
body.fbm-orion-v2 .fbm-activity-maintenance-menu .dropdown-toggle{min-width:34px;padding-left:9px;padding-right:9px;}
body.fbm-orion-v2 .fbm-activity-delete{
width:28px;height:28px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;
color:#94a3b8;background:rgba(255,255,255,.68);box-shadow:inset 0 0 0 1px rgba(148,163,184,.18);
cursor:pointer;opacity:.62;transition:opacity .15s ease, color .15s ease, background .15s ease, transform .15s ease;flex:0 0 auto;
}
body.fbm-orion-v2 .fbm-activity-item:hover .fbm-activity-delete{opacity:1;}
body.fbm-orion-v2 .fbm-activity-delete:hover{color:#dc2626;background:#fff1f2;transform:translateY(-1px);}
body.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-empty{
background:
radial-gradient(360px 160px at 0% 0%,rgba(16,185,129,.16),transparent 70%),
radial-gradient(300px 150px at 100% 105%,rgba(239,68,68,.105),transparent 74%),
rgba(255,255,255,.64)!important;
backdrop-filter:saturate(120%);
}
body.fbm-orion-v2 .fbm-core-activity-card--user .fbm-user-activity-list{margin-top:12px;}
@media (max-width:991.98px){
body.fbm-orion-v2 .fbm-core-activity-actions{justify-content:flex-end;}
}
/* HOTFIX1013: Activity maintenance dropdown must float above filters/list.
Root cause: global card overflow:hidden plus equal z-index on activity header/body made
the dropdown get clipped or painted under .fbm-activity-filters. Keep this in core
activity component CSS so admin/user pages do not need page-level hacks. */
body.fbm-orion-v2 .fbm-core-activity-card{
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-core-activity-card:before{
border-radius:inherit;
}
body.fbm-orion-v2 .fbm-core-activity-card:after{
right:8px!important;
bottom:8px!important;
width:150px!important;
height:126px!important;
border-radius:999px;
}
body.fbm-orion-v2 .fbm-core-activity-card > .card-header,
body.fbm-orion-v2 .fbm-core-activity-header{
overflow:visible!important;
z-index:40!important;
}
body.fbm-orion-v2 .fbm-core-activity-card > .card-body,
body.fbm-orion-v2 .fbm-core-activity-body{
position:relative;
z-index:2!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-core-activity-actions,
body.fbm-orion-v2 .fbm-activity-maintenance-menu{
position:relative;
z-index:50!important;
}
body.fbm-orion-v2 .fbm-activity-maintenance-menu .dropdown-menu,
body.fbm-orion-v2 .fbm-core-activity-card .dropdown-menu{
z-index:1085!important;
}
body.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-filters{
position:relative;
z-index:1!important;
}
body.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-list{
position:relative;
z-index:1!important;
}
/* HOTFIX1014: Admin dashboard reports + Order Management layout */
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-card,
body.fbm-orion-v2 .fbm-order-management-card,
body.fbm-orion-v2 .fbm-order-buyers-card{
border:1px solid rgba(15,23,42,.08)!important;
box-shadow:0 18px 55px rgba(15,23,42,.08)!important;
}
body.fbm-orion-v2 .fbm-dashboard-insight-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
body.fbm-orion-v2 .fbm-dashboard-insight{
position:relative;
overflow:hidden;
border-radius:18px;
padding:16px;
border:1px solid rgba(15,23,42,.07);
background:
radial-gradient(circle at top right,rgba(14,165,233,.14),transparent 36%),
linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));
}
body.fbm-orion-v2 .fbm-dashboard-insight:nth-child(2){
background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));
}
body.fbm-orion-v2 .fbm-dashboard-insight:nth-child(3){
background:radial-gradient(circle at top right,rgba(245,158,11,.16),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));
}
body.fbm-orion-v2 .fbm-dashboard-insight:nth-child(4){
background:radial-gradient(circle at top right,rgba(239,68,68,.12),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));
}
body.fbm-orion-v2 .fbm-dashboard-insight__label{
display:block;
font-size:12px;
color:#64748b;
font-weight:600;
margin-bottom:8px;
}
body.fbm-orion-v2 .fbm-dashboard-insight strong{
display:block;
color:#0f172a;
font-size:24px;
line-height:1.1;
letter-spacing:-.02em;
}
body.fbm-orion-v2 .fbm-dashboard-insight small{
display:block;
color:#64748b;
margin-top:8px;
line-height:1.35;
}
body.fbm-orion-v2 .fbm-dashboard-mini-panel{
border:1px solid rgba(15,23,42,.08);
border-radius:18px;
background:rgba(255,255,255,.76);
padding:14px;
min-height:250px;
}
body.fbm-orion-v2 .fbm-dashboard-mini-panel__head{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-start;
margin-bottom:12px;
}
body.fbm-orion-v2 .fbm-dashboard-mini-panel__head strong{
font-size:14px;
color:#0f172a;
}
body.fbm-orion-v2 .fbm-dashboard-mini-panel__head small{
color:#64748b;
font-size:12px;
}
body.fbm-orion-v2 .fbm-dashboard-mini-list{
display:flex;
flex-direction:column;
gap:9px;
}
body.fbm-orion-v2 .fbm-dashboard-mini-row{
display:flex;
align-items:center;
gap:10px;
width:100%;
min-width:0;
padding:10px;
border-radius:14px;
border:1px solid rgba(15,23,42,.06);
background:rgba(255,255,255,.82);
color:#0f172a!important;
text-decoration:none!important;
transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
body.fbm-orion-v2 .fbm-dashboard-mini-row:hover{
transform:translateY(-1px);
box-shadow:0 10px 26px rgba(15,23,42,.08);
border-color:rgba(37,99,235,.18);
}
body.fbm-orion-v2 .fbm-dashboard-mini-index,
body.fbm-orion-v2 .fbm-dashboard-mini-avatar{
width:30px;
height:30px;
flex:0 0 30px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:700;
color:#1d4ed8;
background:rgba(37,99,235,.09);
}
body.fbm-orion-v2 .fbm-dashboard-mini-avatar{
color:#047857;
background:rgba(16,185,129,.12);
}
body.fbm-orion-v2 .fbm-dashboard-mini-main{
min-width:0;
flex:1 1 auto;
}
body.fbm-orion-v2 .fbm-dashboard-mini-main strong,
body.fbm-orion-v2 .fbm-dashboard-mini-main small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-dashboard-mini-main strong{
font-size:13px;
color:#0f172a;
}
body.fbm-orion-v2 .fbm-dashboard-mini-main small{
font-size:12px;
color:#64748b;
}
body.fbm-orion-v2 .fbm-dashboard-mini-value{
flex:0 0 auto;
font-size:12px;
font-weight:700;
color:#0f172a;
}
body.fbm-orion-v2 .fbm-dashboard-mini-empty{
padding:28px 12px;
text-align:center;
border:1px dashed rgba(15,23,42,.12);
border-radius:16px;
color:#64748b;
background:linear-gradient(135deg,rgba(14,165,233,.07),rgba(34,197,94,.06));
}
body.fbm-orion-v2 .fbm-order-management-layout{align-items:flex-start;}
body.fbm-orion-v2 .fbm-order-management-side{position:relative;}
body.fbm-orion-v2 .fbm-order-buyers-card{
position:sticky;
top:82px;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-order-selected-user{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 14px;
margin-bottom:14px;
border-radius:16px;
border:1px solid rgba(37,99,235,.15);
background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.06));
}
body.fbm-orion-v2 .fbm-order-selected-user[hidden]{display:none!important;}
body.fbm-orion-v2 .fbm-order-selected-user span{
display:block;
font-size:12px;
color:#64748b;
font-weight:600;
}
body.fbm-orion-v2 .fbm-order-selected-user strong{
display:block;
color:#1d4ed8;
font-size:15px;
}
body.fbm-orion-v2 .fbm-order-filter-grid{
display:grid;
grid-template-columns:110px 1.5fr 110px 140px 140px auto;
gap:12px;
align-items:end;
margin-bottom:16px;
}
body.fbm-orion-v2 .fbm-order-filter-item label{
display:block;
font-size:12px;
color:#64748b;
font-weight:600;
margin-bottom:5px;
}
body.fbm-orion-v2 .fbm-order-filter-actions{
display:flex;
gap:8px;
justify-content:flex-end;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-order-pagination-row{margin-top:16px;}
body.fbm-orion-v2 .fbm-buyers-search{
display:flex;
gap:8px;
margin-bottom:8px;
}
body.fbm-orion-v2 .fbm-buyers-search .form-control{min-width:0;}
body.fbm-orion-v2 .fbm-buyers-note{
color:#64748b;
font-size:12px;
margin-bottom:12px;
}
body.fbm-orion-v2 .fbm-buyers-list{
display:flex;
flex-direction:column;
gap:8px;
max-height:640px;
overflow:auto;
padding-right:2px;
}
body.fbm-orion-v2 .fbm-buyer-card{
appearance:none;
border:1px solid rgba(15,23,42,.07);
background:rgba(255,255,255,.84);
border-radius:16px;
padding:11px;
width:100%;
text-align:left;
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
body.fbm-orion-v2 .fbm-buyer-card:hover,
body.fbm-orion-v2 .fbm-buyer-card.is-active{
transform:translateY(-1px);
border-color:rgba(37,99,235,.28);
box-shadow:0 12px 30px rgba(15,23,42,.08);
background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(255,255,255,.9));
}
body.fbm-orion-v2 .fbm-buyer-avatar{
width:34px;
height:34px;
flex:0 0 34px;
border-radius:12px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#047857;
background:rgba(16,185,129,.12);
font-weight:700;
}
body.fbm-orion-v2 .fbm-buyer-main{
min-width:0;
flex:1 1 auto;
}
body.fbm-orion-v2 .fbm-buyer-main strong,
body.fbm-orion-v2 .fbm-buyer-main small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-buyer-main strong{color:#0f172a;font-size:13px;}
body.fbm-orion-v2 .fbm-buyer-main small{color:#64748b;font-size:12px;}
body.fbm-orion-v2 .fbm-buyer-side{
flex:0 0 auto;
color:#0f172a;
font-size:12px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-buyers-empty,
body.fbm-orion-v2 .fbm-buyers-loading{
border-radius:16px;
padding:24px 14px;
text-align:center;
color:#64748b;
border:1px dashed rgba(15,23,42,.12);
background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(14,165,233,.06));
}
body.fbm-orion-v2 .fbm-order-id{
font-family:Consolas,monospace;
font-size:12px;
color:#334155;
}
body.fbm-orion-v2 .fbm-order-buyer-link{
border:0;
background:rgba(37,99,235,.08);
color:#1d4ed8;
border-radius:999px;
padding:4px 9px;
cursor:pointer;
font-weight:700;
}
body.fbm-orion-v2 .fbm-order-row-actions{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:6px;
}
body.fbm-orion-v2 .fbm-order-row-actions .btn{
min-height:30px;
}
@media (max-width:1199.98px){
body.fbm-orion-v2 .fbm-dashboard-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.fbm-orion-v2 .fbm-order-buyers-card{position:relative;top:auto;margin-top:16px;}
body.fbm-orion-v2 .fbm-order-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-dashboard-insight-grid,
body.fbm-orion-v2 .fbm-order-filter-grid{grid-template-columns:1fr;}
body.fbm-orion-v2 .fbm-order-filter-actions,
body.fbm-orion-v2 .fbm-order-selected-user{align-items:stretch;flex-direction:column;}
body.fbm-orion-v2 .fbm-order-filter-actions .btn{width:100%;}
}
/* HOTFIX1016: User dashboard side panel with notice/activity tabs.
The product list stays as the main flow; notices and user activity move to a sticky
right-side assistant panel. Notices use a soft Messenger/iPhone-style message bubble. */
body.fbm-orion-v2 .fbm-user-dashboard-layout{
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-user-dashboard-main{
min-width:0!important;
}
body.fbm-orion-v2 .fbm-user-dashboard-side{
min-width:0!important;
}
body.fbm-orion-v2 .fbm-user-side-panel{
position:sticky!important;
top:88px!important;
overflow:hidden!important;
border:1px solid rgba(46,144,250,.16)!important;
box-shadow:0 20px 54px rgba(15,23,42,.09)!important;
background:
radial-gradient(420px 220px at -12% -10%,rgba(46,144,250,.16),transparent 68%),
radial-gradient(360px 210px at 110% 8%,rgba(18,183,106,.13),transparent 72%),
radial-gradient(320px 220px at 102% 112%,rgba(239,68,68,.08),transparent 76%),
linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92))!important;
}
body.fbm-orion-v2 .fbm-user-side-panel:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(128deg,rgba(255,255,255,.52),transparent 36%,rgba(255,255,255,.24) 68%,transparent),
repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 1px,transparent 1px,transparent 10px);
opacity:.72;
z-index:0;
}
body.fbm-orion-v2 .fbm-user-side-panel > *{
position:relative;
z-index:1;
}
body.fbm-orion-v2 .fbm-user-side-panel-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:12px!important;
padding:18px 18px 12px!important;
border-bottom:1px solid rgba(148,163,184,.16)!important;
}
body.fbm-orion-v2 .fbm-user-side-panel-title{
margin-top:2px!important;
color:#0f172a!important;
font-size:16px!important;
font-weight:700!important;
letter-spacing:-.02em!important;
}
body.fbm-orion-v2 .fbm-side-panel-live-dot{
width:10px!important;
height:10px!important;
margin-top:5px!important;
border-radius:999px!important;
background:#12b76a!important;
box-shadow:0 0 0 5px rgba(18,183,106,.13),0 0 18px rgba(18,183,106,.35)!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-user-side-tabs{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
padding:12px 14px!important;
}
body.fbm-orion-v2 .fbm-user-side-tab{
border:1px solid rgba(148,163,184,.22)!important;
background:rgba(255,255,255,.70)!important;
color:#475569!important;
min-height:42px!important;
border-radius:14px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
font-size:12.5px!important;
font-weight:700!important;
cursor:pointer!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
body.fbm-orion-v2 .fbm-user-side-tab i{font-size:16px!important;}
body.fbm-orion-v2 .fbm-user-side-tab em{
min-width:20px!important;
height:20px!important;
padding:0 6px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#eff6ff!important;
color:#175cd3!important;
font-style:normal!important;
font-size:11px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-user-side-tab.is-active{
background:linear-gradient(180deg,#ffffff,#edf6ff)!important;
border-color:#9dccff!important;
color:#175cd3!important;
box-shadow:0 10px 22px rgba(46,144,250,.12),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
body.fbm-orion-v2 .fbm-user-side-panel-body{
padding:0 14px 16px!important;
}
body.fbm-orion-v2 .fbm-user-side-pane{
display:none!important;
}
body.fbm-orion-v2 .fbm-user-side-pane.is-active{
display:block!important;
}
body.fbm-orion-v2 .fbm-user-side-pane-tools{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
padding:8px 2px 12px!important;
color:#64748b!important;
font-size:12px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed{
max-height:calc(100vh - 268px)!important;
min-height:280px!important;
padding:4px 4px 2px!important;
overflow:auto!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed::-webkit-scrollbar{width:6px!important;}
body.fbm-orion-v2 .fbm-message-notice-feed::-webkit-scrollbar-track{background:rgba(226,232,240,.55)!important;border-radius:999px!important;}
body.fbm-orion-v2 .fbm-message-notice-feed::-webkit-scrollbar-thumb{background:rgba(148,163,184,.65)!important;border-radius:999px!important;}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-item{
display:flex!important;
align-items:flex-end!important;
gap:8px!important;
margin:0 0 11px!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-icon{
width:31px!important;
height:31px!important;
border-radius:12px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#e0f2fe,#dcfce7)!important;
color:#0f766e!important;
border:1px solid rgba(14,165,233,.16)!important;
box-shadow:0 8px 18px rgba(15,23,42,.07)!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-warning .notice-icon{background:linear-gradient(135deg,#fff7ed,#fef3c7)!important;color:#c2410c!important;border-color:#fed7aa!important;}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-danger .notice-icon{background:linear-gradient(135deg,#fff1f2,#fee2e2)!important;color:#dc2626!important;border-color:#fecdd3!important;}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-content{
position:relative!important;
min-width:0!important;
flex:1!important;
border-radius:18px 18px 18px 6px!important;
padding:11px 12px!important;
background:linear-gradient(180deg,#ffffff,#f6faff)!important;
border:1px solid rgba(148,163,184,.18)!important;
box-shadow:0 10px 24px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-content:before{
content:""!important;
position:absolute!important;
left:-6px!important;
bottom:7px!important;
width:12px!important;
height:12px!important;
background:#f6faff!important;
border-left:1px solid rgba(148,163,184,.18)!important;
border-bottom:1px solid rgba(148,163,184,.18)!important;
transform:rotate(45deg)!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-title-row{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:8px!important;
margin-bottom:5px!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-title{
color:#0f172a!important;
font-size:13px!important;
font-weight:700!important;
line-height:1.25!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-time{
flex:0 0 auto!important;
color:#94a3b8!important;
font-size:10.5px!important;
font-weight:600!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed .notice-body{
color:#334155!important;
font-size:12.7px!important;
line-height:1.48!important;
white-space:pre-wrap!important;
}
body.fbm-orion-v2 .fbm-user-side-panel .notice-empty,
body.fbm-orion-v2 .fbm-side-login-note{
min-height:260px!important;
border:1px dashed rgba(148,163,184,.28)!important;
border-radius:18px!important;
padding:26px 16px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
text-align:center!important;
color:#64748b!important;
background:
radial-gradient(260px 130px at 10% 0%,rgba(46,144,250,.12),transparent 70%),
radial-gradient(240px 120px at 100% 100%,rgba(18,183,106,.10),transparent 70%),
rgba(255,255,255,.62)!important;
}
body.fbm-orion-v2 .fbm-side-login-icon,
body.fbm-orion-v2 .fbm-user-side-panel .notice-empty i{
width:42px!important;
height:42px!important;
border-radius:15px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#eff6ff,#ecfdf5)!important;
color:#175cd3!important;
box-shadow:0 12px 24px rgba(46,144,250,.12)!important;
}
body.fbm-orion-v2 .fbm-side-login-note strong,
body.fbm-orion-v2 .fbm-user-side-panel .notice-empty strong{
color:#0f172a!important;
font-size:14px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-side-login-note span,
body.fbm-orion-v2 .fbm-user-side-panel .notice-empty span{
max-width:280px!important;
font-size:12.7px!important;
line-height:1.46!important;
}
body.fbm-orion-v2 .fbm-user-side-activity-list{
max-height:calc(100vh - 300px)!important;
overflow:auto!important;
display:flex!important;
flex-direction:column!important;
gap:10px!important;
padding-right:3px!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .fbm-user-dashboard-main{order:1!important;}
body.fbm-orion-v2 .fbm-user-dashboard-side{order:2!important;margin-top:14px!important;}
body.fbm-orion-v2 .fbm-user-side-panel{position:relative!important;top:auto!important;}
body.fbm-orion-v2 .fbm-message-notice-feed,
body.fbm-orion-v2 .fbm-user-side-activity-list{max-height:none!important;min-height:0!important;}
}
/* HOTFIX1017: Reusable Messenger/iPhone-style notice bubble component.
Notice items now read as a chat thread instead of nested cards. */
body.fbm-orion-v2 .fbm-notice-thread{
display:flex!important;
flex-direction:column!important;
gap:12px!important;
padding:8px 8px 4px!important;
scroll-behavior:smooth!important;
}
body.fbm-orion-v2 .fbm-notice-thread .fbm-notice-message{
position:relative!important;
display:flex!important;
align-items:flex-end!important;
gap:8px!important;
width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-notice-avatar{
width:32px!important;
height:32px!important;
min-width:32px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
align-self:flex-end!important;
margin-bottom:2px!important;
background:linear-gradient(135deg,#e0f2fe 0%,#dcfce7 100%)!important;
color:#0f766e!important;
border:1px solid rgba(14,165,233,.18)!important;
box-shadow:0 10px 22px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.80)!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-notice-avatar i{font-size:15px!important;line-height:1!important;}
body.fbm-orion-v2 .fbm-notice-message--warning .fbm-notice-avatar,
body.fbm-orion-v2 .notice-warning .fbm-notice-avatar{
background:linear-gradient(135deg,#fff7ed 0%,#fef3c7 100%)!important;
color:#c2410c!important;
border-color:rgba(251,146,60,.26)!important;
}
body.fbm-orion-v2 .fbm-notice-message--danger .fbm-notice-avatar,
body.fbm-orion-v2 .notice-danger .fbm-notice-avatar{
background:linear-gradient(135deg,#fff1f2 0%,#fee2e2 100%)!important;
color:#dc2626!important;
border-color:rgba(248,113,113,.30)!important;
}
body.fbm-orion-v2 .fbm-notice-bubble{
position:relative!important;
width:auto!important;
max-width:calc(100% - 42px)!important;
min-width:0!important;
flex:0 1 auto!important;
border-radius:19px 19px 19px 7px!important;
padding:10px 12px 11px!important;
background:
radial-gradient(220px 80px at 10% 0%,rgba(46,144,250,.075),transparent 72%),
linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
border:1px solid rgba(148,163,184,.17)!important;
box-shadow:0 8px 22px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.90)!important;
}
body.fbm-orion-v2 .fbm-notice-bubble:before{
content:""!important;
position:absolute!important;
left:-4px!important;
bottom:8px!important;
width:10px!important;
height:10px!important;
border-radius:2px!important;
background:#f8fbff!important;
border-left:1px solid rgba(148,163,184,.17)!important;
border-bottom:1px solid rgba(148,163,184,.17)!important;
transform:rotate(45deg)!important;
box-shadow:-2px 2px 3px rgba(15,23,42,.018)!important;
}
body.fbm-orion-v2 .fbm-notice-bubble-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:10px!important;
margin:0 0 5px!important;
}
body.fbm-orion-v2 .fbm-notice-sender{
display:block!important;
min-width:0!important;
color:#0f172a!important;
font-size:13px!important;
font-weight:700!important;
line-height:1.22!important;
letter-spacing:-.01em!important;
}
body.fbm-orion-v2 .fbm-notice-time{
flex:0 0 auto!important;
margin-top:1px!important;
color:#94a3b8!important;
font-size:10.5px!important;
font-weight:700!important;
line-height:1.2!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-notice-text{
color:#334155!important;
font-size:12.8px!important;
line-height:1.55!important;
font-weight:600!important;
white-space:pre-wrap!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .fbm-notice-message--success .fbm-notice-bubble,
body.fbm-orion-v2 .notice-success .fbm-notice-bubble,
body.fbm-orion-v2 .fbm-notice-message--info .fbm-notice-bubble,
body.fbm-orion-v2 .notice-info .fbm-notice-bubble{
background:radial-gradient(220px 86px at 12% -10%,rgba(18,183,106,.08),transparent 72%),linear-gradient(180deg,#ffffff,#f7fffb)!important;
}
body.fbm-orion-v2 .fbm-notice-message--success .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-success .fbm-notice-bubble:before,
body.fbm-orion-v2 .fbm-notice-message--info .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-info .fbm-notice-bubble:before{background:#f7fffb!important;}
body.fbm-orion-v2 .fbm-notice-message--warning .fbm-notice-bubble,
body.fbm-orion-v2 .notice-warning .fbm-notice-bubble{
background:radial-gradient(220px 86px at 12% -10%,rgba(251,146,60,.12),transparent 72%),linear-gradient(180deg,#ffffff,#fffaf3)!important;
}
body.fbm-orion-v2 .fbm-notice-message--warning .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-warning .fbm-notice-bubble:before{background:#fffaf3!important;}
body.fbm-orion-v2 .fbm-notice-message--danger .fbm-notice-bubble,
body.fbm-orion-v2 .notice-danger .fbm-notice-bubble{
background:radial-gradient(220px 86px at 12% -10%,rgba(239,68,68,.12),transparent 72%),linear-gradient(180deg,#ffffff,#fff7f8)!important;
}
body.fbm-orion-v2 .fbm-notice-message--danger .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-danger .fbm-notice-bubble:before{background:#fff7f8!important;}
body.fbm-orion-v2 .fbm-notice-thread .fbm-notice-empty{
margin:6px 0 0!important;
}
body.fbm-orion-v2 .fbm-notice-skeleton{
position:relative!important;
min-height:78px!important;
border-radius:20px 20px 20px 8px!important;
margin:0 0 10px 40px!important;
overflow:hidden!important;
background:linear-gradient(100deg,rgba(255,255,255,.56),rgba(226,232,240,.44),rgba(255,255,255,.58))!important;
background-size:220% 100%!important;
animation:fbmSkeleton 1.2s ease-in-out infinite!important;
border:1px solid rgba(148,163,184,.14)!important;
}
body.fbm-orion-v2 .fbm-notice-skeleton.short{min-height:54px!important;width:74%!important;}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-notice-thread{padding:6px 2px 2px!important;}
body.fbm-orion-v2 .fbm-notice-bubble{max-width:calc(100% - 38px)!important;}
body.fbm-orion-v2 .fbm-notice-bubble-head{flex-direction:column!important;gap:2px!important;}
body.fbm-orion-v2 .fbm-notice-time{white-space:normal!important;}
}
/* HOTFIX1018: sticky side panel toggle state + mobile touch-scroll fix.
Keep the right-side box optional and remember the browser state in localStorage. */
body.fbm-orion-v2 .fbm-side-panel-head-actions{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-panel-toggle-btn{
width:32px!important;
height:32px!important;
min-width:32px!important;
padding:0!important;
border:1px solid rgba(148,163,184,.20)!important;
border-radius:12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
color:#64748b!important;
background:rgba(255,255,255,.78)!important;
box-shadow:0 10px 22px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.88)!important;
cursor:pointer!important;
transition:transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease!important;
}
body.fbm-orion-v2 .fbm-panel-toggle-btn:hover{
transform:translateY(-1px)!important;
color:#175cd3!important;
border-color:rgba(46,144,250,.30)!important;
background:#fff!important;
}
body.fbm-orion-v2 .fbm-side-panel-reopen{
display:none!important;
position:fixed!important;
right:18px!important;
top:132px!important;
z-index:1035!important;
min-height:42px!important;
align-items:center!important;
gap:8px!important;
padding:9px 13px!important;
border:1px solid rgba(46,144,250,.22)!important;
border-radius:999px!important;
color:#175cd3!important;
background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.94))!important;
box-shadow:0 16px 36px rgba(15,23,42,.14)!important;
font-size:12px!important;
font-weight:700!important;
cursor:pointer!important;
}
body.fbm-orion-v2 .fbm-side-panel-reopen i{font-size:16px!important;}
body.fbm-orion-v2 .fbm-side-panel-reopen:hover{transform:translateY(-1px)!important;}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-dashboard-main,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-dashboard-main{
flex:0 0 100%!important;
max-width:100%!important;
}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-dashboard-side,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-dashboard-side{
position:fixed!important;
right:18px!important;
top:120px!important;
width:auto!important;
max-width:none!important;
padding:0!important;
margin:0!important;
z-index:1035!important;
pointer-events:none!important;
}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-side-panel,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-core-activity-card--admin{
display:none!important;
}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-side-reopen,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-activity-reopen{
display:inline-flex!important;
pointer-events:auto!important;
}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-admin-activity-reopen,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-user-side-reopen{display:none!important;}
body.fbm-orion-v2 .fbm-core-activity-card--admin{
position:sticky!important;
top:88px!important;
}
body.fbm-orion-v2 .fbm-admin-activity-reopen{top:132px!important;}
body.fbm-orion-v2 .fbm-user-side-reopen{top:132px!important;}
@media (max-width:991.98px){
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-dashboard-main,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-dashboard-main{
flex:0 0 100%!important;
max-width:100%!important;
}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-dashboard-side,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-dashboard-side{
top:auto!important;
right:14px!important;
bottom:18px!important;
}
body.fbm-orion-v2 .fbm-side-panel-reopen{
top:auto!important;
right:14px!important;
bottom:18px!important;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin{position:relative!important;top:auto!important;}
/* On mobile the page itself should scroll. Inner chat/activity panes must not trap touch. */
body.fbm-orion-v2 .fbm-user-side-panel,
body.fbm-orion-v2 .fbm-user-side-panel-body,
body.fbm-orion-v2 .fbm-user-side-pane,
body.fbm-orion-v2 .fbm-message-notice-feed,
body.fbm-orion-v2 .fbm-notice-thread,
body.fbm-orion-v2 .fbm-user-side-activity-list{
max-height:none!important;
min-height:0!important;
height:auto!important;
overflow:visible!important;
-webkit-overflow-scrolling:auto!important;
overscroll-behavior:auto!important;
touch-action:pan-y!important;
}
body.fbm-orion-v2 .fbm-user-side-panel{
position:relative!important;
top:auto!important;
}
}
/* HOTFIX1019: clearer Messenger/iPhone notice bubbles + stronger panel restore controls.
This is intentionally core UI: both server-rendered and AJAX-rendered notices share the
same NoticeBubbleComponent classes, and collapsed side panels always expose a fixed restore pill. */
body.fbm-orion-v2 .fbm-message-notice-feed,
body.fbm-orion-v2 .fbm-notice-thread{
border-radius:22px!important;
}
body.fbm-orion-v2 .fbm-message-notice-feed{
padding:10px 9px 8px!important;
background:
radial-gradient(220px 150px at 10% 0%,rgba(0,132,255,.105),transparent 72%),
radial-gradient(260px 160px at 94% 100%,rgba(18,183,106,.085),transparent 74%),
linear-gradient(180deg,rgba(246,250,255,.86),rgba(239,248,255,.72))!important;
border:1px solid rgba(46,144,250,.12)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 14px 34px rgba(15,23,42,.045)!important;
}
body.fbm-orion-v2 .fbm-notice-thread{
gap:14px!important;
padding:2px 2px 0!important;
}
body.fbm-orion-v2 .fbm-notice-avatar,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-icon{
width:34px!important;
height:34px!important;
min-width:34px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#0084ff 0%,#34c759 100%)!important;
color:#fff!important;
border:3px solid rgba(255,255,255,.94)!important;
box-shadow:0 10px 26px rgba(0,132,255,.18),0 4px 12px rgba(15,23,42,.10)!important;
}
body.fbm-orion-v2 .fbm-notice-message--warning .fbm-notice-avatar,
body.fbm-orion-v2 .notice-warning .fbm-notice-avatar,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-warning .notice-icon{
background:linear-gradient(135deg,#ff9f0a 0%,#ff5a1f 100%)!important;
color:#fff!important;
border-color:rgba(255,255,255,.94)!important;
box-shadow:0 10px 26px rgba(255,159,10,.20),0 4px 12px rgba(15,23,42,.10)!important;
}
body.fbm-orion-v2 .fbm-notice-message--danger .fbm-notice-avatar,
body.fbm-orion-v2 .notice-danger .fbm-notice-avatar,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-danger .notice-icon{
background:linear-gradient(135deg,#ff375f 0%,#ff453a 100%)!important;
color:#fff!important;
border-color:rgba(255,255,255,.94)!important;
box-shadow:0 10px 26px rgba(255,55,95,.20),0 4px 12px rgba(15,23,42,.10)!important;
}
body.fbm-orion-v2 .fbm-notice-bubble,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-content{
border-radius:20px 20px 20px 7px!important;
padding:12px 14px 13px!important;
background:
radial-gradient(250px 120px at 5% -8%,rgba(0,132,255,.16),transparent 72%),
linear-gradient(180deg,#f8fbff 0%,#eaf3ff 100%)!important;
border:1px solid rgba(0,132,255,.16)!important;
box-shadow:0 12px 28px rgba(0,132,255,.085),0 6px 18px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
body.fbm-orion-v2 .fbm-notice-bubble:before,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-content:before{
left:-5px!important;
bottom:9px!important;
width:12px!important;
height:12px!important;
border-radius:3px!important;
background:#eaf3ff!important;
border-left:1px solid rgba(0,132,255,.16)!important;
border-bottom:1px solid rgba(0,132,255,.16)!important;
}
body.fbm-orion-v2 .fbm-notice-message--success .fbm-notice-bubble,
body.fbm-orion-v2 .notice-success .fbm-notice-bubble,
body.fbm-orion-v2 .fbm-notice-message--info .fbm-notice-bubble,
body.fbm-orion-v2 .notice-info .fbm-notice-bubble,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-info .notice-content,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-success .notice-content{
background:
radial-gradient(250px 120px at 5% -8%,rgba(0,132,255,.16),transparent 72%),
linear-gradient(180deg,#f8fbff 0%,#eaf3ff 100%)!important;
border-color:rgba(0,132,255,.16)!important;
}
body.fbm-orion-v2 .fbm-notice-message--success .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-success .fbm-notice-bubble:before,
body.fbm-orion-v2 .fbm-notice-message--info .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-info .fbm-notice-bubble:before,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-info .notice-content:before,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-success .notice-content:before{background:#eaf3ff!important;border-color:rgba(0,132,255,.16)!important;}
body.fbm-orion-v2 .fbm-notice-message--warning .fbm-notice-bubble,
body.fbm-orion-v2 .notice-warning .fbm-notice-bubble,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-warning .notice-content{
background:
radial-gradient(250px 120px at 5% -8%,rgba(255,159,10,.20),transparent 72%),
linear-gradient(180deg,#fffaf0 0%,#fff0d4 100%)!important;
border-color:rgba(255,159,10,.25)!important;
box-shadow:0 12px 28px rgba(255,159,10,.10),0 6px 18px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.84)!important;
}
body.fbm-orion-v2 .fbm-notice-message--warning .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-warning .fbm-notice-bubble:before,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-warning .notice-content:before{background:#fff0d4!important;border-color:rgba(255,159,10,.25)!important;}
body.fbm-orion-v2 .fbm-notice-message--danger .fbm-notice-bubble,
body.fbm-orion-v2 .notice-danger .fbm-notice-bubble,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-danger .notice-content{
background:
radial-gradient(250px 120px at 5% -8%,rgba(255,55,95,.18),transparent 72%),
linear-gradient(180deg,#fff7f8 0%,#ffe7ec 100%)!important;
border-color:rgba(255,55,95,.22)!important;
box-shadow:0 12px 28px rgba(255,55,95,.10),0 6px 18px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.84)!important;
}
body.fbm-orion-v2 .fbm-notice-message--danger .fbm-notice-bubble:before,
body.fbm-orion-v2 .notice-danger .fbm-notice-bubble:before,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-danger .notice-content:before{background:#ffe7ec!important;border-color:rgba(255,55,95,.22)!important;}
body.fbm-orion-v2 .fbm-notice-sender,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-title{
color:#111827!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-notice-text,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-body{
color:#26364d!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-panel-toggle-btn{
width:auto!important;
min-width:0!important;
height:34px!important;
min-height:34px!important;
padding:0 11px 0 10px!important;
gap:6px!important;
border-radius:999px!important;
background:linear-gradient(180deg,#ffffff,#f3f7ff)!important;
border-color:rgba(46,144,250,.20)!important;
color:#175cd3!important;
font-size:12px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-panel-toggle-btn i{font-size:16px!important;line-height:1!important;}
body.fbm-orion-v2 .fbm-panel-toggle-btn span{display:inline-block!important;line-height:1!important;}
body.fbm-orion-v2 .fbm-panel-toggle-btn:hover{
background:#ffffff!important;
box-shadow:0 12px 26px rgba(46,144,250,.13),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
body.fbm-orion-v2 .fbm-side-panel-reopen{
z-index:2140!important;
min-height:46px!important;
padding:11px 15px!important;
border:1px solid rgba(0,132,255,.24)!important;
color:#0b63ce!important;
background:
radial-gradient(120px 70px at 0 0,rgba(0,132,255,.14),transparent 72%),
linear-gradient(135deg,rgba(255,255,255,.99),rgba(234,243,255,.98))!important;
box-shadow:0 18px 42px rgba(15,23,42,.18),0 8px 18px rgba(0,132,255,.12)!important;
backdrop-filter:blur(10px)!important;
-webkit-backdrop-filter:blur(10px)!important;
}
body.fbm-orion-v2 .fbm-side-panel-reopen i{
width:24px!important;
height:24px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#0084ff!important;
color:#fff!important;
box-shadow:0 7px 14px rgba(0,132,255,.24)!important;
}
body.fbm-orion-v2 .fbm-side-panel-reopen span{font-weight:700!important;letter-spacing:-.01em!important;}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-dashboard-side,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-dashboard-side{
z-index:auto!important;
pointer-events:none!important;
}
body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-side-reopen,
body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-activity-reopen{
display:inline-flex!important;
pointer-events:auto!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .fbm-side-panel-reopen{
top:auto!important;
right:14px!important;
bottom:76px!important;
min-height:50px!important;
padding:12px 16px!important;
max-width:calc(100vw - 28px)!important;
}
}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-message-notice-feed{padding:9px 7px!important;}
body.fbm-orion-v2 .fbm-notice-thread{gap:13px!important;}
body.fbm-orion-v2 .fbm-notice-avatar,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-icon{width:32px!important;height:32px!important;min-width:32px!important;}
body.fbm-orion-v2 .fbm-notice-bubble,
body.fbm-orion-v2 .fbm-message-notice-feed .notice-content{max-width:calc(100% - 39px)!important;padding:11px 12px 12px!important;}
body.fbm-orion-v2 .fbm-panel-toggle-btn span{display:none!important;}
body.fbm-orion-v2 .fbm-panel-toggle-btn{width:38px!important;height:38px!important;padding:0!important;border-radius:14px!important;}
}
/* HOTFIX1021: cleaned admin dashboard report layout. Today metrics are shown once; 7-day/customer reports live in grouped panels. */
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-focus-card{
position:relative;
overflow:hidden;
border:1px solid rgba(15,23,42,.08);
border-radius:24px;
padding:20px;
margin-bottom:18px;
background:
radial-gradient(520px 220px at 5% -30%,rgba(37,99,235,.15),transparent 68%),
radial-gradient(440px 220px at 105% 10%,rgba(16,185,129,.14),transparent 70%),
linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88));
box-shadow:0 20px 58px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.78);
}
body.fbm-orion-v2 .fbm-dashboard-focus-card__head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
margin-bottom:16px;
}
body.fbm-orion-v2 .fbm-dashboard-eyebrow{
display:inline-flex;
align-items:center;
gap:6px;
color:#2563eb;
font-size:11px;
font-weight:700;
letter-spacing:.09em;
text-transform:uppercase;
margin-bottom:5px;
}
body.fbm-orion-v2 .fbm-dashboard-focus-card__head h5{
margin:0;
color:#0f172a;
font-size:22px;
font-weight:700;
letter-spacing:-.03em;
}
body.fbm-orion-v2 .fbm-dashboard-focus-card__head p{
margin:4px 0 0;
color:#64748b;
font-size:13px;
line-height:1.45;
}
body.fbm-orion-v2 .fbm-dashboard-primary-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
body.fbm-orion-v2 .fbm-dashboard-primary-metric{
position:relative;
overflow:hidden;
display:block;
min-height:148px;
padding:15px;
border-radius:20px;
border:1px solid rgba(15,23,42,.07);
color:#0f172a!important;
text-decoration:none!important;
background:rgba(255,255,255,.78);
box-shadow:0 12px 30px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.82);
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
body.fbm-orion-v2 .fbm-dashboard-primary-metric:hover{
transform:translateY(-2px);
box-shadow:0 18px 40px rgba(15,23,42,.085), inset 0 1px 0 rgba(255,255,255,.9);
border-color:rgba(37,99,235,.18);
}
body.fbm-orion-v2 .fbm-dashboard-primary-metric:before{
content:"";
position:absolute;
right:-42px;
top:-54px;
width:145px;
height:145px;
border-radius:999px;
background:rgba(37,99,235,.13);
}
body.fbm-orion-v2 .fbm-dashboard-primary-metric--money:before{background:rgba(34,197,94,.16);}
body.fbm-orion-v2 .fbm-dashboard-primary-metric--orders:before{background:rgba(37,99,235,.14);}
body.fbm-orion-v2 .fbm-dashboard-primary-metric--accounts:before{background:rgba(245,158,11,.18);}
body.fbm-orion-v2 .fbm-dashboard-metric-icon{
position:relative;
z-index:1;
width:38px;
height:38px;
border-radius:14px;
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:12px;
color:#fff;
background:linear-gradient(135deg,#2563eb,#0ea5e9);
box-shadow:0 10px 22px rgba(37,99,235,.22);
}
body.fbm-orion-v2 .fbm-dashboard-primary-metric--money .fbm-dashboard-metric-icon{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 10px 22px rgba(34,197,94,.22);}
body.fbm-orion-v2 .fbm-dashboard-primary-metric--accounts .fbm-dashboard-metric-icon{background:linear-gradient(135deg,#f59e0b,#fb923c);box-shadow:0 10px 22px rgba(245,158,11,.22);}
body.fbm-orion-v2 .fbm-dashboard-metric-label{
position:relative;
z-index:1;
display:block;
color:#64748b;
font-size:12px;
font-weight:700;
margin-bottom:7px;
}
body.fbm-orion-v2 .fbm-dashboard-primary-metric strong{
position:relative;
z-index:1;
display:block;
color:#0f172a;
font-size:25px;
line-height:1.05;
letter-spacing:-.035em;
font-weight:700;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-dashboard-primary-metric small{
position:relative;
z-index:1;
display:block;
color:#64748b;
font-size:12px;
line-height:1.35;
margin-top:8px;
}
body.fbm-orion-v2 .fbm-dashboard-report-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin-bottom:18px;
}
body.fbm-orion-v2 .fbm-dashboard-report-panel{
position:relative;
overflow:hidden;
border:1px solid rgba(15,23,42,.08);
border-radius:22px;
padding:16px;
background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.86));
box-shadow:0 16px 42px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.82);
}
body.fbm-orion-v2 .fbm-dashboard-report-panel--week{
background:radial-gradient(360px 180px at 10% -20%,rgba(37,99,235,.12),transparent 70%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.72));
}
body.fbm-orion-v2 .fbm-dashboard-report-panel--users{
background:radial-gradient(360px 180px at 100% -20%,rgba(16,185,129,.13),transparent 70%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,253,244,.68));
}
body.fbm-orion-v2 .fbm-dashboard-report-panel__head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
margin-bottom:12px;
}
body.fbm-orion-v2 .fbm-dashboard-report-panel__head h6{
margin:0;
color:#0f172a;
font-size:16px;
font-weight:700;
}
body.fbm-orion-v2 .fbm-dashboard-panel-link{
flex:0 0 auto;
display:inline-flex;
align-items:center;
min-height:30px;
padding:6px 10px;
border-radius:999px;
border:1px solid rgba(37,99,235,.13);
color:#2563eb!important;
background:rgba(255,255,255,.75);
font-size:12px;
font-weight:700;
text-decoration:none!important;
}
body.fbm-orion-v2 .fbm-dashboard-stat-list{display:flex;flex-direction:column;gap:9px;}
body.fbm-orion-v2 .fbm-dashboard-stat-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:42px;
padding:10px 12px;
border-radius:15px;
border:1px solid rgba(15,23,42,.055);
background:rgba(255,255,255,.76);
}
body.fbm-orion-v2 .fbm-dashboard-stat-row span{
color:#64748b;
font-size:13px;
font-weight:600;
}
body.fbm-orion-v2 .fbm-dashboard-stat-row strong{
color:#0f172a;
font-size:15px;
font-weight:700;
text-align:right;
max-width:58%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-dashboard-stat-row--muted{
background:rgba(248,250,252,.82);
}
body.fbm-orion-v2 .fbm-dashboard-card-subtitle{
display:block;
color:#64748b;
font-size:12px;
margin-top:2px;
font-weight:600;
}
body.fbm-orion-v2 .fbm-dashboard-selling-card .card-header{
align-items:center!important;
}
body.fbm-orion-v2 .fbm-dashboard-mini-panel--services,
body.fbm-orion-v2 .fbm-dashboard-mini-panel--buyers{
min-height:300px;
}
@media (max-width:1199.98px){
body.fbm-orion-v2 .fbm-dashboard-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767.98px){
body.fbm-orion-v2 .fbm-dashboard-focus-card{padding:16px;border-radius:20px;}
body.fbm-orion-v2 .fbm-dashboard-focus-card__head{flex-direction:column;align-items:stretch;}
body.fbm-orion-v2 .fbm-dashboard-primary-grid,
body.fbm-orion-v2 .fbm-dashboard-report-grid{grid-template-columns:1fr;}
body.fbm-orion-v2 .fbm-dashboard-primary-metric{min-height:132px;}
body.fbm-orion-v2 .fbm-dashboard-primary-metric strong{font-size:22px;}
}
/* HOTFIX1023: dashboard report separators + synchronized activity feed layout.
Activity rows were visually compressed on the refreshed dashboard because the side panel
inherited generic list/overflow rules while the dashboard right column became sticky/tall.
Keep the fix in core activity CSS so admin and user activity cards share the same contract. */
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-focus-card,
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-grid,
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-selling-card{
position:relative;
}
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-grid{
margin-top:22px!important;
padding-top:22px!important;
}
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-selling-card{
margin-top:22px!important;
}
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-grid:before,
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-selling-card:before{
content:"";
position:absolute;
left:4px;
right:4px;
top:-11px;
height:1px;
background:linear-gradient(90deg,transparent,rgba(37,99,235,.22),rgba(16,185,129,.18),rgba(245,158,11,.16),transparent);
}
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-grid:after,
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-selling-card:after{
content:"";
position:absolute;
left:calc(50% - 34px);
top:-15px;
width:68px;
height:8px;
border-radius:999px;
background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(16,185,129,.16));
box-shadow:0 8px 18px rgba(37,99,235,.08);
}
body.fbm-orion-v2 .fbm-dashboard-report-panel__head{
padding-bottom:11px;
border-bottom:1px solid rgba(148,163,184,.16);
}
body.fbm-orion-v2 .fbm-dashboard-stat-list{
padding-top:2px;
}
body.fbm-orion-v2 .fbm-dashboard-stat-row + .fbm-dashboard-stat-row{
margin-top:2px;
}
body.fbm-orion-v2 .fbm-dashboard-selling-card .card-body{
background:linear-gradient(180deg,rgba(248,250,252,.68),rgba(255,255,255,.92));
}
body.fbm-orion-v2 .fbm-dashboard-mini-panel__head{
padding-bottom:11px;
margin-bottom:10px;
border-bottom:1px solid rgba(148,163,184,.14);
}
body.fbm-orion-v2 .fbm-admin-dashboard-side .fbm-core-activity-card--admin{
max-height:calc(100vh - 118px);
min-height:620px;
display:flex;
flex-direction:column;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin > .card-header{
flex:0 0 auto;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin .fbm-core-activity-body{
flex:1 1 auto;
min-height:0;
display:flex;
flex-direction:column;
padding:16px 14px 16px!important;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin .fbm-activity-filters{
flex:0 0 auto;
justify-content:flex-start!important;
padding:7px;
gap:7px;
margin:0 0 13px!important;
border:1px solid rgba(148,163,184,.16);
border-radius:18px;
background:rgba(255,255,255,.58);
box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
body.fbm-orion-v2 .fbm-core-activity-card--admin .fbm-activity-filter{
min-height:30px;
padding:7px 11px;
font-weight:500;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin .fbm-activity-list{
flex:1 1 auto;
min-height:0;
max-height:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
display:flex;
flex-direction:column;
gap:12px!important;
padding:2px 8px 8px 2px;
scrollbar-gutter:stable;
}
body.fbm-orion-v2 .fbm-activity-item{
min-height:76px;
align-items:flex-start!important;
gap:12px!important;
padding:13px 42px 13px 14px!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-activity-item:before{
border-radius:16px 0 0 16px;
}
body.fbm-orion-v2 .fbm-activity-icon{
margin-top:2px;
}
body.fbm-orion-v2 .fbm-activity-main{
min-width:0;
width:100%;
}
body.fbm-orion-v2 .fbm-activity-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
min-width:0;
margin-bottom:6px;
}
body.fbm-orion-v2 .fbm-activity-time{
flex:0 0 auto;
color:#94a3b8;
font-size:11px;
font-weight:400;
letter-spacing:0;
white-space:nowrap;
}
body.fbm-orion-v2 .fbm-activity-summary{
display:block;
color:#0f172a;
font-size:13px;
font-weight:500;
letter-spacing:0;
line-height:1.42;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
body.fbm-orion-v2 .fbm-activity-meta{
margin-top:7px!important;
gap:7px!important;
color:#64748b!important;
font-size:11px!important;
font-weight:400;
letter-spacing:0;
}
body.fbm-orion-v2 .fbm-activity-delete{
position:absolute!important;
top:11px;
right:10px;
z-index:3;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin .fbm-activity-empty{
min-height:260px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .fbm-admin-dashboard-side .fbm-core-activity-card--admin{
max-height:none;
min-height:0;
display:block;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin .fbm-core-activity-body{
display:block;
}
body.fbm-orion-v2 .fbm-core-activity-card--admin .fbm-activity-list{
max-height:none!important;
overflow:visible!important;
padding-right:0;
}
}
@media (max-width:767.98px){
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-grid,
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-selling-card{
margin-top:18px!important;
padding-top:18px!important;
}
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-grid:before,
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-selling-card:before{top:-9px;}
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-report-grid:after,
body.fbm-orion-v2 .fbm-admin-dashboard-page .fbm-dashboard-selling-card:after{top:-13px;}
}
/* HOTFIX1023: removed average-order KPI from admin dashboard and adjusted today KPI grid to 3 columns. */
/* HOTFIX1028: lightweight online notice sync + dismiss controls. */
body.fbm-orion-v2 .fbm-notice-pane-tools{
padding:7px 3px 10px!important;
border-bottom:1px solid rgba(148,163,184,.12)!important;
margin-bottom:8px!important;
}
body.fbm-orion-v2 #noticeSyncStatus{
display:inline-flex!important;
align-items:center!important;
gap:6px!important;
color:#64748b!important;
font-size:11.5px!important;
font-weight:700!important;
}
body.fbm-orion-v2 #noticeSyncStatus:before{
content:""!important;
width:7px!important;
height:7px!important;
border-radius:999px!important;
background:#12b76a!important;
box-shadow:0 0 0 4px rgba(18,183,106,.10)!important;
}
body.fbm-orion-v2 .fbm-notice-clear-btn{
min-height:28px!important;
height:28px!important;
padding:0 10px!important;
border-radius:999px!important;
font-size:11.5px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-notice-bubble{padding-right:39px!important;}
body.fbm-orion-v2 .fbm-notice-dismiss{
position:absolute!important;
right:9px!important;
top:9px!important;
width:24px!important;
height:24px!important;
min-width:24px!important;
border-radius:999px!important;
border:1px solid rgba(148,163,184,.18)!important;
background:rgba(255,255,255,.72)!important;
color:#64748b!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
cursor:pointer!important;
opacity:.68!important;
transition:opacity .15s ease,background .15s ease,transform .15s ease,color .15s ease!important;
z-index:3!important;
}
body.fbm-orion-v2 .fbm-notice-dismiss i{font-size:13px!important;line-height:1!important;}
body.fbm-orion-v2 .fbm-notice-bubble:hover .fbm-notice-dismiss,
body.fbm-orion-v2 .fbm-notice-dismiss:focus{opacity:1!important;}
body.fbm-orion-v2 .fbm-notice-dismiss:hover{
background:#fff!important;
color:#ef4444!important;
transform:translateY(-1px)!important;
box-shadow:0 8px 16px rgba(15,23,42,.10)!important;
}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-notice-pane-tools{align-items:flex-start!important;}
body.fbm-orion-v2 .fbm-notice-clear-btn{padding:0 9px!important;}
}
/* HOTFIX1029: notice popup is a separate online push alert; notice box always keeps the full notice list. */
body.fbm-orion-v2 .fbm-notice-bubble{
padding-right:14px!important;
}
body.fbm-orion-v2 .fbm-notice-push{
position:fixed!important;
right:24px!important;
bottom:28px!important;
z-index:2147482500!important;
width:min(390px, calc(100vw - 28px))!important;
display:grid!important;
grid-template-columns:42px minmax(0,1fr) 34px!important;
gap:12px!important;
align-items:flex-start!important;
padding:14px!important;
border-radius:22px!important;
border:1px solid rgba(37,99,235,.22)!important;
background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(255,255,255,.96))!important;
box-shadow:0 24px 70px rgba(15,23,42,.22), 0 6px 18px rgba(37,99,235,.12)!important;
color:#0f172a!important;
transform:translateY(18px) scale(.985)!important;
opacity:0!important;
pointer-events:none!important;
transition:opacity .22s ease, transform .22s ease!important;
}
body.fbm-orion-v2 .fbm-notice-push.is-visible{
transform:translateY(0) scale(1)!important;
opacity:1!important;
pointer-events:auto!important;
}
body.fbm-orion-v2 .fbm-notice-push-icon{
width:42px!important;
height:42px!important;
border-radius:16px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
color:#fff!important;
box-shadow:0 12px 26px rgba(37,99,235,.28)!important;
}
body.fbm-orion-v2 .fbm-notice-push-icon i{font-size:18px!important;line-height:1!important;}
body.fbm-orion-v2 .fbm-notice-push-body{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;}
body.fbm-orion-v2 .fbm-notice-push-kicker{font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#2563eb!important;}
body.fbm-orion-v2 .fbm-notice-push-body strong{font-size:14px!important;font-weight:700!important;color:#0f172a!important;line-height:1.2!important;}
body.fbm-orion-v2 .fbm-notice-push-body span{font-size:12px!important;font-weight:600!important;color:#475569!important;line-height:1.45!important;max-height:52px!important;overflow:hidden!important;}
body.fbm-orion-v2 .fbm-notice-push-open{
align-self:flex-start!important;
margin-top:5px!important;
border:0!important;
border-radius:999px!important;
background:#2563eb!important;
color:#fff!important;
height:28px!important;
padding:0 12px!important;
font-size:11px!important;
font-weight:700!important;
cursor:pointer!important;
}
body.fbm-orion-v2 .fbm-notice-push-close{
width:32px!important;
height:32px!important;
border-radius:999px!important;
border:1px solid rgba(148,163,184,.25)!important;
background:rgba(255,255,255,.88)!important;
color:#64748b!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
cursor:pointer!important;
}
body.fbm-orion-v2 .fbm-notice-push-close:hover{background:#f8fafc!important;color:#0f172a!important;}
body.fbm-orion-v2 .fbm-notice-push--warning{border-color:rgba(245,158,11,.28)!important;background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(255,255,255,.96))!important;}
body.fbm-orion-v2 .fbm-notice-push--warning .fbm-notice-push-icon{background:linear-gradient(135deg,#fb923c,#f59e0b)!important;box-shadow:0 12px 26px rgba(245,158,11,.25)!important;}
body.fbm-orion-v2 .fbm-notice-push--warning .fbm-notice-push-kicker{color:#c2410c!important;}
body.fbm-orion-v2 .fbm-notice-push--danger{border-color:rgba(239,68,68,.30)!important;background:linear-gradient(135deg,rgba(255,241,242,.98),rgba(255,255,255,.96))!important;}
body.fbm-orion-v2 .fbm-notice-push--danger .fbm-notice-push-icon{background:linear-gradient(135deg,#fb7185,#ef4444)!important;box-shadow:0 12px 26px rgba(239,68,68,.24)!important;}
body.fbm-orion-v2 .fbm-notice-push--danger .fbm-notice-push-kicker{color:#e11d48!important;}
@media(max-width:767.98px){
body.fbm-orion-v2 .fbm-notice-push{
left:14px!important;
right:14px!important;
bottom:86px!important;
width:auto!important;
grid-template-columns:38px minmax(0,1fr) 32px!important;
border-radius:20px!important;
padding:12px!important;
}
body.fbm-orion-v2 .fbm-notice-push-icon{width:38px!important;height:38px!important;border-radius:14px!important;}
}
/* HOTFIX1029: mobile services table stock column uses vertical compact rows so labels are readable. */
@media(max-width:991.98px){
body.fbm-orion-v2 .fbm-services-table .service-stock-cell{
display:flex!important;
flex-direction:column!important;
gap:5px!important;
min-width:112px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item{
min-height:26px!important;
padding:4px 7px!important;
flex-direction:row!important;
justify-content:space-between!important;
gap:8px!important;
border-radius:9px!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item em,
body.fbm-orion-v2 .fbm-services-table .service-stock-item b{
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item em{font-size:10px!important;}
body.fbm-orion-v2 .fbm-services-table .service-stock-item b{font-size:12px!important;}
}
/* HOTFIX1030: final pre-backup UI stability pass.
- Auth alerts are normal form blocks, never floating over labels.
- Admin alert manager uses compact readable rows on desktop/mobile scroll. */
body.fbm-orion-v2 .fbm-auth-form .fbm-auth-alert-stack{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
position:relative!important;
z-index:2!important;
clear:both!important;
}
body.fbm-orion-v2 .fbm-auth-form .fbm-auth-alert-stack:empty{
display:none!important;
}
body.fbm-orion-v2 .fbm-auth-form .fbm-auth-alert-stack + .fbm-auth-field{
margin-top:0!important;
}
body.fbm-orion-v2 .fbm-auth-form .fbm-auth-alert{
display:block!important;
width:100%!important;
margin:0 0 16px 0!important;
position:relative!important;
float:none!important;
clear:both!important;
line-height:1.45!important;
padding:11px 13px!important;
border-radius:12px!important;
}
body.fbm-orion-v2 .fbm-auth-form .fbm-auth-alert strong{
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-auth-form .fbm-field-error{
min-height:0!important;
position:static!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-core-actionbar.fbm-alert-actionbar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
flex-wrap:wrap!important;
padding:13px 14px!important;
border-radius:14px!important;
}
body.fbm-orion-v2 .fbm-alert-actionbar .fbm-core-actionbar__left,
body.fbm-orion-v2 .fbm-alert-actionbar .fbm-core-actionbar__right{
display:flex!important;
align-items:center!important;
gap:8px!important;
flex-wrap:wrap!important;
}
body.fbm-orion-v2 .fbm-alert-actionbar .fbm-core-actionbar__right{
justify-content:flex-end!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table{
min-width:1080px!important;
table-layout:fixed!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(1){width:220px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(2){width:104px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(3){width:88px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(4){width:112px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(5){width:74px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(7){width:150px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(8){width:116px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-title-main{
color:#102033!important;
font-weight:700!important;
line-height:1.28!important;
word-break:break-word!important;
margin-bottom:6px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-id-chip{
display:inline-flex!important;
align-items:center!important;
max-width:100%!important;
border:1px solid rgba(148,163,184,.28)!important;
border-radius:999px!important;
background:#f8fafc!important;
color:#64748b!important;
font-size:11px!important;
font-weight:700!important;
line-height:1!important;
padding:5px 8px!important;
cursor:pointer!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-id-chip:hover{
border-color:#93c5fd!important;
color:#175cd3!important;
background:#eff8ff!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-status-stack{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:5px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-priority{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:32px!important;
height:32px!important;
border-radius:12px!important;
background:#f1f5f9!important;
color:#334155!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-content-cell{
max-width:none!important;
min-width:0!important;
white-space:normal!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-content-preview{
max-height:76px!important;
overflow:auto!important;
padding:9px 10px!important;
border-radius:12px!important;
background:#f8fbff!important;
border:1px solid rgba(207,220,235,.76)!important;
color:#334155!important;
line-height:1.45!important;
word-break:break-word!important;
scrollbar-width:thin!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-expire-cell small{
display:block!important;
color:#64748b!important;
line-height:1.35!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-actions{
display:flex!important;
justify-content:flex-end!important;
align-items:center!important;
gap:6px!important;
flex-wrap:wrap!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-actions .btn{
min-width:52px!important;
border-radius:10px!important;
font-weight:700!important;
}
@media (max-width:767.98px){
body.fbm-orion-v2 .fbm-alert-actionbar .fbm-core-actionbar__left,
body.fbm-orion-v2 .fbm-alert-actionbar .fbm-core-actionbar__right{
width:100%!important;
justify-content:flex-start!important;
}
body.fbm-orion-v2 .fbm-alert-actionbar .fbm-core-actionbar__right .btn{
flex:1 1 auto!important;
}
body.fbm-orion-v2 .fbm-alert-summary-row .col-sm-6{
margin-bottom:10px!important;
}
}
/* HOTFIX1031: admin alerts spacing polish before backup.
Keep the summary stat cards visually separated from the table card. */
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-row{
margin-bottom:10px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-summary-row{
margin-bottom:22px!important;
row-gap:12px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-summary-row + .row{
margin-top:0!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-summary-row .fbm-stat-card{
height:100%!important;
}
@media (max-width:767.98px){
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-summary-row{
margin-bottom:18px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-summary-row .col-sm-6,
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-summary-row [class*="col-"]{
margin-bottom:10px!important;
}
}
/* HOTFIX1036: compact flat storefront cards + safer contact profile display.
The card is intentionally less rounded, lower shadow, and uses a light stock brush
so buyers scan product status faster without a bulky ecommerce-card feel. */
body.fbm-orion-v2{
--fbm-product-card-min:280px;
--fbm-product-card-max:340px;
}
@media (min-width:769px){
body.fbm-orion-v2 .product-grid{
gap:14px!important;
grid-template-columns:repeat(auto-fill, minmax(var(--fbm-product-card-min), var(--fbm-product-card-max)))!important;
}
}
body.fbm-orion-v2 .product-card{
border-radius:8px!important;
border:1px solid #dce6f1!important;
background:
radial-gradient(circle at 100% 0,rgba(21,112,239,.10),transparent 34%),
linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
overflow:hidden!important;
transform:none!important;
}
body.fbm-orion-v2 .product-card:hover{
transform:none!important;
border-color:#9ec5ff!important;
box-shadow:0 8px 22px rgba(15,23,42,.09)!important;
}
body.fbm-orion-v2 .product-card::before{
height:3px!important;
background:linear-gradient(90deg,#1570ef,#12b76a)!important;
border-radius:0!important;
}
body.fbm-orion-v2 .product-card::after{
content:""!important;
position:absolute!important;
inset:3px 0 auto auto!important;
width:46%!important;
height:92px!important;
background:radial-gradient(circle at 100% 0,rgba(18,183,106,.16),transparent 68%)!important;
z-index:0!important;
pointer-events:none!important;
}
body.fbm-orion-v2 .product-card.is-low{
border-color:#f4d9a7!important;
background:
radial-gradient(circle at 100% 0,rgba(247,144,9,.16),transparent 36%),
linear-gradient(180deg,#fffdf8 0%,#fffbeb 100%)!important;
}
body.fbm-orion-v2 .product-card.is-low::before{
background:linear-gradient(90deg,#f79009,#fdb022)!important;
}
body.fbm-orion-v2 .product-card.is-low::after{
background:radial-gradient(circle at 100% 0,rgba(247,144,9,.22),transparent 68%)!important;
}
body.fbm-orion-v2 .product-card.is-empty{
border-color:#ead5d5!important;
background:
radial-gradient(circle at 100% 0,rgba(240,68,56,.13),transparent 36%),
linear-gradient(180deg,#fffafa 0%,#fff5f5 100%)!important;
box-shadow:0 1px 2px rgba(16,24,40,.045)!important;
}
body.fbm-orion-v2 .product-card.is-empty::before{
background:linear-gradient(90deg,#f04438,#f97316)!important;
}
body.fbm-orion-v2 .product-card.is-empty::after{
background:radial-gradient(circle at 100% 0,rgba(240,68,56,.19),transparent 68%)!important;
}
body.fbm-orion-v2 .product-card-top{
position:relative!important;
z-index:2!important;
padding:13px 14px 11px!important;
gap:9px!important;
background:rgba(255,255,255,.72)!important;
border-bottom:1px solid rgba(220,230,241,.82)!important;
}
body.fbm-orion-v2 .product-icon{
width:38px!important;
height:38px!important;
border-radius:7px!important;
background:#eef6ff!important;
border:1px solid #cde3ff!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .product-icon img{width:23px!important;height:23px!important;}
body.fbm-orion-v2 .product-title{
font-size:14.5px!important;
line-height:1.28!important;
letter-spacing:-.015em!important;
margin:0!important;
font-weight:700!important;
}
body.fbm-orion-v2 .product-geo{
padding:4px 7px!important;
border-radius:6px!important;
box-shadow:none!important;
font-size:10.5px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .product-desc{
padding:10px 14px!important;
min-height:42px!important;
max-height:76px!important;
overflow:auto!important;
background:rgba(255,255,255,.86)!important;
border-bottom:1px solid rgba(232,238,246,.82)!important;
font-size:12px!important;
line-height:1.42!important;
}
body.fbm-orion-v2 .product-desc li{margin:1px 0!important;}
body.fbm-orion-v2 .product-price-row{
margin:10px 14px 0!important;
padding:10px 11px!important;
border-radius:7px!important;
background:#ffffff!important;
border-color:#dbe7f4!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .product-price-row span:first-child{
font-size:10.5px!important;
margin-bottom:3px!important;
}
body.fbm-orion-v2 .product-price{
font-size:18px!important;
letter-spacing:-.035em!important;
}
body.fbm-orion-v2 .product-status{
border-radius:6px!important;
padding:5px 8px!important;
box-shadow:none!important;
font-size:10.5px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .product-status.is-low{
color:#b54708!important;
background:#fff3cd!important;
border:1px solid #fdb022!important;
}
body.fbm-orion-v2 .product-stock{
margin:9px 14px 0!important;
padding:9px 10px!important;
border-radius:7px!important;
background:rgba(255,255,255,.82)!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .product-stock-head{
margin-bottom:7px!important;
font-size:11px!important;
}
body.fbm-orion-v2 .product-stock-bar{height:7px!important;}
body.fbm-orion-v2 .product-card.is-low .product-stock-bar span{
background:linear-gradient(90deg,#f79009,#fdb022)!important;
}
body.fbm-orion-v2 .product-quality{
margin:9px 14px 0!important;
padding:9px 10px!important;
border-radius:7px!important;
background:rgba(255,255,255,.74)!important;
border-color:#dbe7f4!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .product-quality-row{
grid-template-columns:58px minmax(0,1fr)!important;
gap:7px!important;
}
body.fbm-orion-v2 .product-quality-row + .product-quality-row{
margin-top:7px!important;
padding-top:7px!important;
}
body.fbm-orion-v2 .product-quality-label{font-size:10.2px!important;}
body.fbm-orion-v2 .product-quality-chips{gap:5px!important;}
body.fbm-orion-v2 .product-quality-chip{
min-height:23px!important;
padding:4px 7px!important;
border-radius:6px!important;
background:#f8fbff!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .product-quality-chip b,
body.fbm-orion-v2 .product-quality-chip em{
font-size:10.5px!important;
}
body.fbm-orion-v2 .product-card-meta{
margin:8px 14px 0!important;
gap:5px!important;
font-size:10.8px!important;
}
body.fbm-orion-v2 .product-card-meta span{
min-height:23px!important;
padding:4px 7px!important;
border-radius:6px!important;
}
body.fbm-orion-v2 .product-action{
padding:10px 14px 14px!important;
}
body.fbm-orion-v2 .product-action .btn{
border-radius:7px!important;
min-height:38px!important;
font-weight:700!important;
}
@media (max-width:480px){
body.fbm-orion-v2 .product-card{border-radius:7px!important;}
body.fbm-orion-v2 .product-quality,
body.fbm-orion-v2 .product-card-meta,
body.fbm-orion-v2 .product-stock,
body.fbm-orion-v2 .product-price-row{margin-left:12px!important;margin-right:12px!important;}
body.fbm-orion-v2 .product-card-top{padding-left:12px!important;padding-right:12px!important;}
body.fbm-orion-v2 .product-desc{padding-left:12px!important;padding-right:12px!important;}
}
/* HOTFIX1037: storefront service tile component.
Goal: fixed two-column product grid on desktop, no-rounded flat service tiles,
clearer separation between services, and light stock-state brush accents. */
body.fbm-orion-v2 .dashboard-home .product-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:16px!important;
align-items:stretch!important;
justify-content:stretch!important;
}
body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile{
width:100%!important;
max-width:none!important;
min-width:0!important;
height:100%!important;
display:flex!important;
flex-direction:column!important;
position:relative!important;
padding:0!important;
border-radius:0!important;
border:1px solid #d5e0ec!important;
box-shadow:none!important;
overflow:hidden!important;
transform:none!important;
background:
linear-gradient(115deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 58%,rgba(235,247,255,.92) 100%),
radial-gradient(360px 180px at 112% -22%,rgba(21,112,239,.18),transparent 68%)!important;
}
body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile:hover{
transform:none!important;
border-color:#8fc5ff!important;
box-shadow:0 0 0 1px rgba(21,112,239,.08),0 14px 34px rgba(15,23,42,.08)!important;
}
body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile::before,
body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile::after{
content:none!important;
display:none!important;
}
body.fbm-orion-v2 .fbm-service-tile__rail{
position:absolute!important;
left:0!important;
top:0!important;
bottom:0!important;
width:4px!important;
background:linear-gradient(180deg,#12b76a,#1570ef)!important;
z-index:2!important;
}
body.fbm-orion-v2 .product-card.fbm-service-tile.is-low{
border-color:#efd39b!important;
background:
linear-gradient(115deg,rgba(255,255,255,.98) 0%,rgba(255,253,247,.95) 58%,rgba(255,245,216,.92) 100%),
radial-gradient(340px 170px at 112% -22%,rgba(247,144,9,.24),transparent 70%)!important;
}
body.fbm-orion-v2 .product-card.fbm-service-tile.is-low .fbm-service-tile__rail{background:linear-gradient(180deg,#f79009,#fdb022)!important;}
body.fbm-orion-v2 .product-card.fbm-service-tile.is-empty{
border-color:#e8c7c5!important;
background:
linear-gradient(115deg,rgba(255,255,255,.98) 0%,rgba(255,248,248,.94) 58%,rgba(255,236,236,.92) 100%),
radial-gradient(340px 170px at 112% -22%,rgba(240,68,56,.22),transparent 70%)!important;
}
body.fbm-orion-v2 .product-card.fbm-service-tile.is-empty .fbm-service-tile__rail{background:linear-gradient(180deg,#f04438,#f97316)!important;}
body.fbm-orion-v2 .fbm-service-tile__head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:12px!important;
padding:14px 15px 12px 18px!important;
margin:0!important;
background:rgba(255,255,255,.68)!important;
border-bottom:1px solid rgba(213,224,236,.72)!important;
}
body.fbm-orion-v2 .fbm-service-tile__title{min-width:0!important;flex:1 1 auto!important;}
body.fbm-orion-v2 .fbm-service-tile .product-title{
margin:0 0 8px!important;
font-size:14.5px!important;
line-height:1.25!important;
font-weight:700!important;
letter-spacing:-.02em!important;
color:#101828!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
overflow-wrap:anywhere!important;
}
body.fbm-orion-v2 .fbm-service-tile__sub{
display:flex!important;
align-items:center!important;
gap:6px!important;
flex-wrap:wrap!important;
}
body.fbm-orion-v2 .fbm-service-tile .product-geo,
body.fbm-orion-v2 .fbm-service-code{
display:inline-flex!important;
align-items:center!important;
min-height:22px!important;
padding:3px 7px!important;
border-radius:0!important;
font-size:10px!important;
line-height:1!important;
font-weight:700!important;
box-shadow:none!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-service-tile .product-geo{background:#eef7ff!important;border:1px solid #b9dfff!important;color:#175cd3!important;}
body.fbm-orion-v2 .fbm-service-code{background:#f2f4f7!important;border:1px solid #d0d5dd!important;color:#475467!important;}
body.fbm-orion-v2 .fbm-service-tile .product-status{
flex:0 0 auto!important;
border-radius:0!important;
min-height:24px!important;
padding:5px 8px!important;
font-size:10px!important;
font-weight:700!important;
box-shadow:none!important;
text-transform:none!important;
}
body.fbm-orion-v2 .fbm-service-tile__desc{
padding:10px 15px 10px 18px!important;
margin:0!important;
min-height:48px!important;
max-height:72px!important;
background:rgba(255,255,255,.52)!important;
border-bottom:1px solid rgba(232,238,246,.82)!important;
color:#475467!important;
font-size:12px!important;
line-height:1.42!important;
overflow:auto!important;
}
body.fbm-orion-v2 .fbm-service-tile__desc ul{margin:0!important;padding-left:16px!important;}
body.fbm-orion-v2 .fbm-service-tile__desc li{margin:0 0 2px!important;}
body.fbm-orion-v2 .fbm-service-tile__stats{
display:grid!important;
grid-template-columns:1.2fr .8fr!important;
gap:8px!important;
padding:10px 15px 0 18px!important;
}
body.fbm-orion-v2 .fbm-service-stat{
min-width:0!important;
border:1px solid rgba(213,224,236,.92)!important;
background:rgba(255,255,255,.78)!important;
padding:9px 10px!important;
border-radius:0!important;
}
body.fbm-orion-v2 .fbm-service-stat span{
display:block!important;
margin:0 0 4px!important;
color:#667085!important;
font-size:10px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
}
body.fbm-orion-v2 .fbm-service-stat strong{
display:block!important;
color:#101828!important;
font-size:16px!important;
font-weight:700!important;
line-height:1.15!important;
letter-spacing:-.035em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-service-stat strong em{
color:#98a2b3!important;
font-style:normal!important;
font-size:11px!important;
font-weight:700!important;
margin-left:3px!important;
}
body.fbm-orion-v2 .fbm-service-tile__stock{
margin:8px 15px 0 18px!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-service-tile__stock .product-stock-bar{
height:5px!important;
border-radius:0!important;
background:#e4eaf2!important;
}
body.fbm-orion-v2 .fbm-service-tile__stock .product-stock-bar span{border-radius:0!important;}
body.fbm-orion-v2 .fbm-service-tile__quality{
margin:9px 15px 0 18px!important;
padding:8px 9px!important;
border-radius:0!important;
border:1px solid rgba(213,224,236,.86)!important;
background:rgba(255,255,255,.62)!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-row{
display:grid!important;
grid-template-columns:54px minmax(0,1fr)!important;
gap:7px!important;
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-row-flat{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-row + .product-quality-row{
margin-top:7px!important;
padding-top:7px!important;
border-top:1px dashed rgba(152,162,179,.32)!important;
}
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-label{
font-size:10px!important;
font-weight:700!important;
color:#667085!important;
letter-spacing:.02em!important;
}
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-chips{gap:5px!important;display:flex!important;flex-wrap:wrap!important;}
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-chip{
min-height:22px!important;
padding:4px 7px!important;
border-radius:0!important;
font-size:10px!important;
background:#f8fbff!important;
border:1px solid #dbe7f4!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-chip b,
body.fbm-orion-v2 .fbm-service-tile__quality .product-quality-chip em{font-size:10px!important;}
body.fbm-orion-v2 .fbm-service-tile__meta{
margin:8px 15px 0 18px!important;
display:flex!important;
gap:6px!important;
flex-wrap:wrap!important;
font-size:10.5px!important;
}
body.fbm-orion-v2 .fbm-service-tile__meta span{
border-radius:0!important;
min-height:22px!important;
padding:4px 7px!important;
background:rgba(248,250,252,.82)!important;
border:1px solid #e4e7ec!important;
}
body.fbm-orion-v2 .fbm-service-tile__action{
margin-top:auto!important;
padding:10px 15px 14px 18px!important;
}
body.fbm-orion-v2 .fbm-service-tile__action .btn{
border-radius:0!important;
min-height:38px!important;
font-size:12.5px!important;
font-weight:700!important;
box-shadow:none!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .dashboard-home .product-grid{grid-template-columns:1fr!important;}
}
@media (max-width:420px){
body.fbm-orion-v2 .fbm-service-tile__stats{grid-template-columns:1fr!important;}
body.fbm-orion-v2 .fbm-service-tile__head{padding-right:12px!important;}
}
/* HOTFIX1056: consolidated stable user dashboard service-card CSS.
Cleanup note: removes obsolete experimental dashboard card overrides from HOTFIX1038-HOTFIX1055
and keeps one stable block for the accepted 1052 layout + 1055 background/elevation. */
body.fbm-orion-v2 .dashboard-home .store-summary-strip{display:none!important;}
body.fbm-orion-v2 .dashboard-home .dashboard-store-card .card-body{
background:linear-gradient(180deg,#eef4f9 0%,#e7eef6 100%)!important;
}
body.fbm-orion-v2 .dashboard-home #product_grid.product-grid,
body.fbm-orion-v2 .dashboard-home .product-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
align-items:stretch!important;
justify-items:stretch!important;
justify-content:stretch!important;
padding:12px!important;
border:1px solid #d7e1eb!important;
border-radius:24px!important;
background:linear-gradient(180deg,#edf3f8 0%,#e4edf5 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.86), inset 0 0 0 1px rgba(255,255,255,.24)!important;
}
body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton){
position:relative!important;
display:flex!important;
flex-direction:column!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
min-height:100%!important;
padding:0!important;
overflow:hidden!important;
border:1px solid #cfe0f0!important;
border-radius:26px!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
box-shadow:0 16px 34px rgba(15,23,42,.085),0 4px 12px rgba(15,23,42,.045)!important;
transform:none!important;
isolation:isolate!important;
}
body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton):hover{
transform:translateY(-3px)!important;
border-color:#a8caeb!important;
box-shadow:0 20px 42px rgba(15,23,42,.11),0 6px 16px rgba(21,112,239,.075)!important;
}
body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton)::before{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
top:0!important;
height:5px!important;
border-radius:0!important;
background:linear-gradient(90deg,#1d6ff2 0%,#14b8a6 100%)!important;
z-index:2!important;
}
body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton)::after{
content:""!important;
position:absolute!important;
left:0!important;
top:5px!important;
bottom:0!important;
width:5px!important;
background:linear-gradient(180deg,rgba(29,111,242,.82),rgba(20,184,166,.22))!important;
z-index:1!important;
}
body.fbm-orion-v2 .dashboard-home .product-card.is-low:not(.product-skeleton){
border-color:#ead0a4!important;
background:linear-gradient(180deg,#fffefa 0%,#fff9ef 100%)!important;
}
body.fbm-orion-v2 .dashboard-home .product-card.is-empty:not(.product-skeleton){
border-color:#efc8c5!important;
background:linear-gradient(180deg,#fffdfd 0%,#fff6f6 100%)!important;
}
body.fbm-orion-v2 .dashboard-home .product-card.is-empty:not(.product-skeleton)::before{background:linear-gradient(90deg,#ef4444 0%,#f97316 100%)!important;}
body.fbm-orion-v2 .dashboard-home .product-card.is-empty:not(.product-skeleton)::after{background:linear-gradient(180deg,rgba(239,68,68,.80),rgba(249,115,22,.22))!important;}
body.fbm-orion-v2 .dashboard-home .product-card-top{
position:relative!important;
display:grid!important;
grid-template-columns:56px minmax(0,1fr) auto!important;
align-items:start!important;
gap:14px!important;
margin:0!important;
padding:22px 22px 17px!important;
background:linear-gradient(180deg,#fbfdff 0%,#f4f8fd 100%)!important;
border-bottom:1px solid #d6e3f3!important;
z-index:3!important;
}
body.fbm-orion-v2 .dashboard-home .product-icon{
width:56px!important;
height:56px!important;
min-width:56px!important;
border-radius:18px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(180deg,#eef7ff 0%,#dff0ff 100%)!important;
border:1px solid #a9d4ff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(21,112,239,.14)!important;
}
body.fbm-orion-v2 .dashboard-home .product-icon img{width:32px!important;height:32px!important;}
body.fbm-orion-v2 .dashboard-home .product-title-wrap{min-width:0!important;width:100%!important;align-self:center!important;}
body.fbm-orion-v2 .dashboard-home .product-title{
display:block!important;
max-width:100%!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:anywhere!important;
margin:1px 0 8px!important;
color:#142033!important;
font-size:18px!important;
line-height:1.22!important;
font-weight:600!important;
letter-spacing:-.03em!important;
}
body.fbm-orion-v2 .dashboard-home .product-geo{
flex:0 0 auto!important;
align-self:start!important;
margin-top:2px!important;
border-radius:999px!important;
padding:7px 10px!important;
border:1px solid #8ee8f5!important;
background:linear-gradient(180deg,#ecfeff,#cffafe)!important;
color:#075985!important;
font-size:11px!important;
font-weight:600!important;
line-height:1!important;
box-shadow:0 7px 16px rgba(6,182,212,.12)!important;
}
body.fbm-orion-v2 .dashboard-home .product-quality.product-quality-compact{
order:2!important;
margin:8px 22px 0!important;
padding:5px 8px!important;
min-height:0!important;
border-radius:14px!important;
border:1px solid #dbe7f4!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
body.fbm-orion-v2 .dashboard-home .product-quality.product-quality-compact .product-quality-row,
body.fbm-orion-v2 .dashboard-home .product-quality-row-analysis{
display:block!important;
margin:0!important;
padding:0!important;
border:0!important;
grid-template-columns:none!important;
}
body.fbm-orion-v2 .dashboard-home .product-quality.product-quality-compact .product-quality-row + .product-quality-row{
margin-top:5px!important;
padding-top:5px!important;
border-top:1px dashed rgba(148,163,184,.24)!important;
}
body.fbm-orion-v2 .dashboard-home .product-quality-label{display:none!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-contact-strip,
body.fbm-orion-v2 .dashboard-home .product-quality-auth-strip{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
gap:6px!important;
min-height:21px!important;
max-height:24px!important;
overflow-y:hidden!important;
padding:0 0 1px!important;
scrollbar-width:thin!important;
}
body.fbm-orion-v2 .dashboard-home .product-quality-contact-strip{overflow-x:auto!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-auth-strip{overflow-x:hidden!important;padding-bottom:0!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-contact-strip::-webkit-scrollbar{height:4px!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-contact-strip::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:999px!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-contact-strip .product-quality-chip,
body.fbm-orion-v2 .dashboard-home .product-quality-auth-strip .product-quality-chip{
flex:0 0 auto!important;
display:inline-flex!important;
align-items:center!important;
min-height:21px!important;
padding:3px 7px!important;
border-radius:999px!important;
gap:4px!important;
white-space:nowrap!important;
box-shadow:none!important;
border:1px solid #dbeafe!important;
}
body.fbm-orion-v2 .dashboard-home .product-quality-chip b,
body.fbm-orion-v2 .dashboard-home .product-quality-chip em{
display:inline-block!important;
line-height:1!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .dashboard-home .product-quality-chip b{font-size:10px!important;font-weight:700!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-chip em{margin-left:3px!important;font-size:10.2px!important;font-style:normal!important;font-weight:700!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-chip.is-mail{background:#eff6ff!important;border-color:#bfdbfe!important;color:#175cd3!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-chip.is-phone{background:#ecfdf3!important;border-color:#abefc6!important;color:#067647!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-chip.is-sec{background:#f4f3ff!important;border-color:#d9d6fe!important;color:#6941c6!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-chip.is-token{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important;}
body.fbm-orion-v2 .dashboard-home .product-quality-chip.is-muted{background:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important;}
body.fbm-orion-v2 .dashboard-home .product-price-row{
order:3!important;
margin:10px 22px 0!important;
padding:17px 18px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
border:1px solid #cfe0f4!important;
border-radius:20px!important;
background:radial-gradient(circle at 0 0,rgba(21,112,239,.10),transparent 38%),linear-gradient(180deg,#f9fcff 0%,#f0f6ff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(16,24,40,.04)!important;
}
body.fbm-orion-v2 .dashboard-home .product-price-row span:first-child{display:block!important;margin-bottom:6px!important;color:#61738b!important;font-size:11px!important;font-weight:500!important;}
body.fbm-orion-v2 .dashboard-home .product-price{display:block!important;color:#0b1220!important;font-size:25px!important;line-height:1.03!important;font-weight:700!important;letter-spacing:-.055em!important;white-space:nowrap!important;}
body.fbm-orion-v2 .dashboard-home .product-status{align-self:center!important;border-radius:999px!important;padding:8px 12px!important;font-size:11.5px!important;line-height:1!important;font-weight:500!important;white-space:nowrap!important;box-shadow:0 9px 20px rgba(16,24,40,.07)!important;}
body.fbm-orion-v2 .dashboard-home .product-status.is-available{color:#067647!important;background:#dcfae6!important;border:1px solid #75e0a7!important;}
body.fbm-orion-v2 .dashboard-home .product-status.is-low{color:#b54708!important;background:#fef0c7!important;border:1px solid #fedf89!important;}
body.fbm-orion-v2 .dashboard-home .product-status.is-empty{color:#b42318!important;background:#fee4e2!important;border:1px solid #fda29b!important;}
body.fbm-orion-v2 .dashboard-home .product-stock{
order:4!important;
margin:14px 22px 0!important;
padding:15px 16px!important;
border:1px solid #d8e5f4!important;
border-radius:20px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
body.fbm-orion-v2 .dashboard-home .product-stock-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:11px!important;color:#667085!important;font-size:12px!important;}
body.fbm-orion-v2 .dashboard-home .product-stock-head span{font-weight:500!important;}
body.fbm-orion-v2 .dashboard-home .product-stock-head strong{font-weight:600!important;color:#26364f!important;}
body.fbm-orion-v2 .dashboard-home .product-stock-bar{height:10px!important;border-radius:999px!important;background:#e8eef6!important;box-shadow:inset 0 1px 3px rgba(16,24,40,.12)!important;overflow:hidden!important;}
body.fbm-orion-v2 .dashboard-home .product-stock-bar span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#16c784 0%,#0ea5e9 100%)!important;box-shadow:0 0 0 1px rgba(255,255,255,.42) inset,0 5px 16px rgba(14,165,233,.24)!important;}
body.fbm-orion-v2 .dashboard-home .product-card.is-empty .product-stock-bar span{background:linear-gradient(90deg,#cbd5e1,#94a3b8)!important;box-shadow:none!important;}
body.fbm-orion-v2 .dashboard-home .product-card-meta{
order:5!important;
margin:12px 22px 0!important;
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
color:#64748b!important;
font-size:11.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .dashboard-home .product-card-meta span{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:28px!important;padding:6px 9px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;}
body.fbm-orion-v2 .dashboard-home .product-card-meta b{color:#334155!important;font-weight:700!important;}
body.fbm-orion-v2 .dashboard-home .product-desc.product-desc-bottom{
order:6!important;
margin:8px 22px 0!important;
padding:11px 13px!important;
min-height:82px!important;
max-height:136px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
border:1px solid #d8e5f4!important;
border-radius:18px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
color:#667085!important;
font-size:12.4px!important;
line-height:1.5!important;
}
body.fbm-orion-v2 .dashboard-home .product-desc.product-desc-bottom ul{margin:0!important;padding-left:0!important;list-style:none!important;}
body.fbm-orion-v2 .dashboard-home .product-desc.product-desc-bottom li{position:relative!important;padding-left:13px!important;margin:2px 0!important;}
body.fbm-orion-v2 .dashboard-home .product-desc.product-desc-bottom li::before{content:""!important;position:absolute!important;left:0!important;top:.72em!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#93a4b8!important;}
body.fbm-orion-v2 .dashboard-home .product-action{
order:7!important;
margin-top:auto!important;
padding:10px 22px 22px!important;
border-top:0!important;
}
body.fbm-orion-v2 .dashboard-home .product-action .btn{width:100%!important;min-height:50px!important;border-radius:18px!important;font-size:14px!important;font-weight:600!important;letter-spacing:.005em!important;transition:.18s ease!important;}
body.fbm-orion-v2 .dashboard-home .product-action .btn-success{background:linear-gradient(180deg,#1fc77c 0%,#12a85f 100%)!important;border-color:#0f9958!important;box-shadow:0 13px 24px rgba(23,178,106,.23)!important;}
body.fbm-orion-v2 .dashboard-home .product-action .btn-success:hover{transform:translateY(-1px)!important;box-shadow:0 18px 30px rgba(23,178,106,.29)!important;}
body.fbm-orion-v2 .dashboard-home .product-action .btn-dark{background:#f3f6fa!important;border-color:#d4dde9!important;color:#7a8798!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;}
@media (max-width:991.98px){
body.fbm-orion-v2 .dashboard-home #product_grid.product-grid,
body.fbm-orion-v2 .dashboard-home .product-grid{grid-template-columns:minmax(0,1fr)!important;}
}
@media (max-width:768px){
body.fbm-orion-v2 .dashboard-home #product_grid.product-grid,
body.fbm-orion-v2 .dashboard-home .product-grid{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:16px!important;}
body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton){border-radius:23px!important;}
body.fbm-orion-v2 .dashboard-home .product-card-top{grid-template-columns:54px minmax(0,1fr) auto!important;gap:12px!important;padding:20px 18px 15px!important;}
body.fbm-orion-v2 .dashboard-home .product-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:18px!important;}
body.fbm-orion-v2 .dashboard-home .product-title{font-size:18px!important;line-height:1.18!important;}
body.fbm-orion-v2 .dashboard-home .product-quality.product-quality-compact,
body.fbm-orion-v2 .dashboard-home .product-price-row,
body.fbm-orion-v2 .dashboard-home .product-stock,
body.fbm-orion-v2 .dashboard-home .product-card-meta,
body.fbm-orion-v2 .dashboard-home .product-desc.product-desc-bottom{margin-left:18px!important;margin-right:18px!important;}
body.fbm-orion-v2 .dashboard-home .product-desc.product-desc-bottom{min-height:78px!important;max-height:130px!important;}
body.fbm-orion-v2 .dashboard-home .product-action{padding:16px 18px 20px!important;}
}
@media (max-width:420px){
body.fbm-orion-v2 .dashboard-home .product-card-meta{display:grid!important;grid-template-columns:1fr!important;}
body.fbm-orion-v2 .dashboard-home .product-price-row{align-items:flex-start!important;flex-direction:column!important;}
body.fbm-orion-v2 .dashboard-home .product-price{font-size:23px!important;}
}
/* HOTFIX1057: Admin file-based emergency maintenance switch. */
body.fbm-orion-v2 .fbm-maintenance-admin-card{
border:1px solid #fed7aa!important;
background:linear-gradient(180deg,#fffaf5 0%,#ffffff 100%)!important;
box-shadow:0 18px 45px rgba(194,65,12,.10)!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:16px!important;
margin-bottom:18px!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-head h5{
margin:4px 0 5px!important;
font-weight:700!important;
color:#0f172a!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-head p{
margin:0!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.45!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-status{
flex:0 0 auto!important;
border-radius:999px!important;
padding:8px 12px!important;
font-size:12px!important;
font-weight:700!important;
border:1px solid #cbd5e1!important;
color:#475569!important;
background:#f8fafc!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-status.is-on{
color:#c2410c!important;
border-color:#fed7aa!important;
background:#fff7ed!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-status.is-off{
color:#067647!important;
border-color:#abefc6!important;
background:#ecfdf3!important;
}
body.fbm-orion-v2 .fbm-maintenance-switch-row{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
margin:0 0 14px!important;
padding:14px 16px!important;
border:1px solid #f8d6bd!important;
background:rgba(255,247,237,.62)!important;
border-radius:18px!important;
}
body.fbm-orion-v2 .fbm-maintenance-switch-row strong{
display:block!important;
color:#0f172a!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-maintenance-switch-row small{
display:block!important;
margin-top:3px!important;
color:#64748b!important;
line-height:1.35!important;
}
body.fbm-orion-v2 .fbm-maintenance-message-box label{
display:block!important;
color:#334155!important;
font-weight:700!important;
margin-bottom:7px!important;
}
body.fbm-orion-v2 .fbm-maintenance-message-box textarea{
border-radius:16px!important;
border-color:#d7e2ee!important;
box-shadow:inset 0 1px 2px rgba(15,23,42,.04)!important;
resize:vertical!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-actions{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
margin-top:12px!important;
flex-wrap:wrap!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-actions .fbm-soft-badge{
white-space:normal!important;
text-align:left!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .fbm-maintenance-admin-head,
body.fbm-orion-v2 .fbm-maintenance-switch-row,
body.fbm-orion-v2 .fbm-maintenance-admin-actions{
align-items:stretch!important;
flex-direction:column!important;
}
}
/* HOTFIX1057: admin global banner when maintenance is active. */
body.fbm-orion-v2 .fbm-maintenance-admin-banner{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin:0!important;
padding:10px 18px!important;
background:linear-gradient(90deg,#fff7ed 0%,#fffbeb 100%)!important;
color:#9a3412!important;
border-bottom:1px solid #fed7aa!important;
font-size:13px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-maintenance-admin-banner i{font-size:17px!important;}
body.fbm-orion-v2 .fbm-maintenance-admin-banner a{
margin-left:auto!important;
color:#9a3412!important;
text-decoration:underline!important;
font-weight:700!important;
}
/* HOTFIX1064: profile/admin-profile consolidation and clearer security sections. */
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs .nav-tabs{
display:none!important;
}
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs .tab-content{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:16px!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs .tab-pane{
display:block!important;
opacity:1!important;
visibility:visible!important;
padding:18px!important;
border:1px solid #d8e5f4!important;
border-radius:20px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
}
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs #tab_apikey,
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs #tab_changepassword{
border-color:#bfd7f1!important;
box-shadow:0 16px 34px rgba(21,112,239,.075)!important;
}
body.fbm-orion-v2 .fbm-profile-section-heading{
margin:0 0 14px!important;
padding:0 0 12px!important;
border-bottom:1px solid #edf2f7!important;
}
body.fbm-orion-v2 .fbm-profile-section-heading span{
display:inline-flex!important;
align-items:center!important;
min-height:22px!important;
padding:0 9px!important;
border-radius:999px!important;
background:#eff6ff!important;
color:#175cd3!important;
font-size:10px!important;
font-weight:700!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
}
body.fbm-orion-v2 .fbm-profile-section-heading h5{
margin:8px 0 4px!important;
color:#101828!important;
font-size:18px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-profile-section-heading p{
margin:0!important;
color:#667085!important;
font-size:12.5px!important;
line-height:1.45!important;
}
body.fbm-orion-v2 .fbm-profile-page #tab_apikey .input-group .form-control,
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-mono-input{
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
font-size:12px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-profile-info-card,
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-profile-security-card{
border-color:#d7e6f5!important;
box-shadow:0 14px 32px rgba(15,23,42,.065)!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-profile-info-grid .fbm-transfer-field input[readonly]{
background:#f8fafc!important;
color:#344054!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page #security{
scroll-margin-top:90px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-security-card .btn{
white-space:nowrap!important;
}
@media (min-width:1200px){
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs .tab-content{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs #tab_profile{
grid-column:1 / -1!important;
}
}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-profile-page .fbm-profile-tabs .tab-pane{
padding:15px!important;
border-radius:18px!important;
}
body.fbm-orion-v2 .fbm-profile-page #tab_apikey .input-group{
display:block!important;
}
body.fbm-orion-v2 .fbm-profile-page #tab_apikey .input-group .form-control,
body.fbm-orion-v2 .fbm-profile-page #tab_apikey .input-group .input-group-btn,
body.fbm-orion-v2 .fbm-profile-page #tab_apikey .input-group .btn{
width:100%!important;
display:block!important;
margin-top:8px!important;
}
}
/* HOTFIX1065: polish admin profile security section.
Keep the same security API endpoints/IDs, but present API key and password change
as two aligned panels inside one security center card. */
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-profile-security-shell{
border:1px solid #d7e6f5!important;
box-shadow:0 16px 38px rgba(15,23,42,.07)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-profile-security-shell > .card-body{
padding:22px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-titlebar{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:16px!important;
margin-bottom:18px!important;
padding-bottom:16px!important;
border-bottom:1px solid #e4edf7!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-titlebar h5{
margin:7px 0 5px!important;
color:#101828!important;
font-size:20px!important;
font-weight:700!important;
letter-spacing:-.02em!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-titlebar p{
max-width:720px!important;
margin:0!important;
color:#667085!important;
font-size:13px!important;
line-height:1.5!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:16px!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel{
min-width:0!important;
height:100%!important;
display:flex!important;
flex-direction:column!important;
padding:18px!important;
border:1px solid #dce8f5!important;
border-radius:22px!important;
background:#ffffff!important;
box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-api{
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-password{
background:linear-gradient(180deg,#ffffff 0%,#fffafa 100%)!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-head{
margin:0 0 16px!important;
padding:0 0 14px!important;
border-bottom:1px solid #eef2f7!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-head .fbm-security-icon{
width:44px!important;
height:44px!important;
border-radius:15px!important;
font-size:20px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-head h5{
margin:4px 0 3px!important;
font-size:17px!important;
line-height:1.2!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-head p{
font-size:12.5px!important;
line-height:1.45!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-body{
flex:1 1 auto!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel .fbm-transfer-field{
margin-bottom:0!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel .fbm-transfer-field label{
color:#344054!important;
font-size:12px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel .form-control{
min-height:44px!important;
border-radius:14px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group{
display:flex!important;
align-items:stretch!important;
width:100%!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .form-control{
min-width:0!important;
flex:1 1 auto!important;
border-top-right-radius:0!important;
border-bottom-right-radius:0!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .input-group-btn{
width:auto!important;
display:flex!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .btn{
min-height:44px!important;
border-radius:0 14px 14px 0!important;
padding-left:14px!important;
padding-right:14px!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-field small,
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel small{
display:block!important;
margin-top:8px!important;
color:#667085!important;
font-size:11.5px!important;
line-height:1.35!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-password-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
align-items:start!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-foot{
margin-top:16px!important;
padding-top:14px!important;
border-top:1px solid #eef2f7!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-foot .btn{
width:100%!important;
min-height:44px!important;
border-radius:14px!important;
font-weight:700!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page #security:target .fbm-admin-profile-security-shell{
border-color:#a8caeb!important;
box-shadow:0 18px 42px rgba(21,112,239,.11)!important;
}
@media (max-width:1199.98px){
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-grid{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-password-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-profile-security-shell > .card-body{
padding:16px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-titlebar{
display:block!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-titlebar .fbm-soft-badge{
margin-top:10px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel{
padding:15px!important;
border-radius:19px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-security-panel-head{
gap:11px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-password-grid{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group{
display:block!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .form-control,
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .input-group-btn,
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .btn{
width:100%!important;
display:block!important;
border-radius:14px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .input-group-btn,
body.fbm-orion-v2 .fbm-admin-profile-page .fbm-admin-api-input-group .btn{
margin-top:8px!important;
}
}
/* HOTFIX1067: unify admin profile; remove the separate visible "security" section concept.
Keep backend security API names for compatibility, but present API key/password as normal
profile account tools. */
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-profile-tools{
margin-top:4px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-profile-security-shell{
border:1px solid #d8e4f1!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 14px 32px rgba(15,23,42,.075)!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-titlebar{
border-bottom:1px solid #e4edf7!important;
padding-bottom:16px!important;
margin-bottom:18px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-titlebar h5{
color:#0f172a!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-titlebar p{
max-width:760px!important;
color:#667085!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-grid{
display:grid!important;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
gap:16px!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-panel{
border:1px solid #dce7f3!important;
background:#ffffff!important;
border-radius:20px!important;
box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-panel-head{
padding:18px 18px 10px!important;
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-panel-body{
padding:0 18px 14px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-panel-foot{
padding:14px 18px 18px!important;
border-top:1px solid #eef2f7!important;
margin-top:auto!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-api-input-group .form-control,
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-api-input-group .btn,
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-password-grid .form-control{
height:44px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-password-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
}
body.fbm-orion-v2 .fbm-admin-profile-unified-page #admin-profile-tools .btn-block{
min-height:43px!important;
border-radius:13px!important;
font-weight:600!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-security-grid,
body.fbm-orion-v2 .fbm-admin-profile-unified-page .fbm-admin-password-grid{
grid-template-columns:1fr!important;
}
}
/* HOTFIX1072: manual VI/EN language switcher in public/admin header */
body.fbm-orion-v2 .fbm-language-switch{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:2px!important;
min-height:34px!important;
padding:4px!important;
border:1px solid rgba(148,163,184,.32)!important;
border-radius:999px!important;
background:rgba(255,255,255,.86)!important;
box-shadow:0 10px 24px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.88)!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-option{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:34px!important;
height:24px!important;
padding:0 8px!important;
border-radius:999px!important;
color:#64748b!important;
font-size:11px!important;
font-weight:700!important;
line-height:1!important;
text-decoration:none!important;
letter-spacing:.02em!important;
transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-option:hover{
color:#175cd3!important;
background:#eff6ff!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-option.is-active{
color:#ffffff!important;
background:linear-gradient(180deg,#2684ff 0%,#1769e0 100%)!important;
box-shadow:0 7px 16px rgba(23,105,224,.25)!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-separator{
color:#94a3b8!important;
font-size:11px!important;
font-weight:700!important;
}
body.fbm-orion-v2 .fbm-core-accountbar .fbm-language-switch{
margin-right:8px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar--admin .fbm-language-switch{
margin-right:10px!important;
}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-language-switch{
min-height:30px!important;
padding:3px!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-option{
min-width:29px!important;
height:22px!important;
padding:0 6px!important;
font-size:10px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar .fbm-language-switch{
margin-right:5px!important;
}
}
/* HOTFIX1073: scalable i18n switcher polish */
body.fbm-orion-v2 .fbm-auth-lang-row{
margin:14px 0 4px!important;
display:flex!important;
justify-content:flex-start!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-option{
min-width:28px!important;
text-align:center!important;
}
/* HOTFIX1074: keep menus visually uppercase while i18n text remains key-based and locale-safe. */
body.fbm-orion-v2 .unifyMenu > li > a .nav-title,
body.fbm-orion-v2 .unifyMenu > li.menu-header span,
body.fbm-orion-v2 .unifyMenu > li.menu-header .text-info,
body.fbm-orion-v2 .app-side .side-nav .nav-title{
text-transform:uppercase!important;
letter-spacing:.045em!important;
}
body.fbm-orion-v2 .fbm-account-dropdown a,
body.fbm-orion-v2 .fbm-account-dropdown .fbm-account-action-label{
text-transform:uppercase!important;
letter-spacing:.035em!important;
}
/* HOTFIX1075: nav menu uses uppercase visual style without PHP strtoupper, so Vietnamese accents remain safe. */
body.fbm-orion-v2 .side-nav .nav-title,
body.fbm-orion-v2 .unifyMenu .nav-title,
body.fbm-orion-v2 .side-nav a .nav-title,
body.fbm-orion-v2 .app-side .nav-title,
body.fbm-orion-v2 .admin-sidebar .nav-title,
body.fbm-orion-v2 .sidebar .nav-title{
text-transform:uppercase!important;
letter-spacing:.025em!important;
}
/* HOTFIX1078: keep API Docs as a neutral product term.
Nav menu remains uppercase globally, but this shared technical term should stay Title Case. */
body.fbm-orion-v2 .side-nav .nav-title.nav-title-api-docs,
body.fbm-orion-v2 .unifyMenu .nav-title.nav-title-api-docs,
body.fbm-orion-v2 .app-side .nav-title.nav-title-api-docs{
text-transform:none!important;
letter-spacing:.01em!important;
}
/* HOTFIX1081: Brand-first sidebar identity.
The sidebar is now the single brand anchor; the duplicate header logo is removed. */
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{
display:none!important;
}
body.fbm-orion-v2 .app-header .row.gutters{
display:grid!important;
grid-template-columns:56px minmax(0,1fr) minmax(280px,auto)!important;
align-items:center!important;
gap:12px!important;
flex-wrap:nowrap!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left,
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
width:auto!important;
max-width:none!important;
flex:0 0 auto!important;
padding-left:0!important;
padding-right:0!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
grid-column:1!important;
justify-self:start!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
grid-column:3!important;
justify-self:end!important;
}
body.fbm-orion-v2 #app-side .user-profile.fbm-sidebar-brand-card,
body.fbm-orion-v2 .app-side .user-profile.fbm-sidebar-brand-card{
text-align:left!important;
padding:22px 18px 18px!important;
margin:0!important;
border-bottom:1px solid rgba(148,163,184,.18)!important;
background:radial-gradient(circle at 25% 8%,rgba(56,189,248,.16),transparent 34%),linear-gradient(180deg,rgba(31,67,95,.94),rgba(15,35,58,.92))!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-logo{
width:66px!important;
height:66px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:22px!important;
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(226,238,249,.92))!important;
border:1px solid rgba(191,219,254,.88)!important;
box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.9)!important;
overflow:hidden!important;
margin:0 0 12px!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-logo img{
max-width:44px!important;
max-height:44px!important;
width:auto!important;
height:auto!important;
display:block!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-copy{
margin:0 0 11px!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-name{
margin:0!important;
color:#f8fafc!important;
font-size:15px!important;
line-height:1.18!important;
font-weight:700!important;
letter-spacing:.01em!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-tagline{
display:block!important;
margin-top:4px!important;
color:#8ed8ff!important;
font-size:10.5px!important;
line-height:1.3!important;
font-weight:600!important;
letter-spacing:.015em!important;
}
body.fbm-orion-v2 .fbm-sidebar-user-mini{
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:6px!important;
color:#dbeafe!important;
font-size:11px!important;
line-height:1.25!important;
font-weight:700!important;
margin:0 0 13px!important;
}
body.fbm-orion-v2 .fbm-sidebar-user-mini small{
flex-basis:100%!important;
color:#93c5fd!important;
font-size:10px!important;
font-weight:700!important;
padding-left:14px!important;
}
body.fbm-orion-v2 .fbm-sidebar-user-dot{
width:8px!important;
height:8px!important;
border-radius:999px!important;
background:#22c55e!important;
box-shadow:0 0 0 4px rgba(34,197,94,.14)!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-sidebar-quick-actions.profile-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
margin:0!important;
padding:0!important;
}
body.fbm-orion-v2 .fbm-sidebar-quick-actions.profile-actions li{
margin:0!important;
padding:0!important;
}
body.fbm-orion-v2 .fbm-sidebar-quick-actions.profile-actions a{
width:38px!important;
height:38px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:14px!important;
background:rgba(15,23,42,.32)!important;
border:1px solid rgba(148,163,184,.20)!important;
color:#e5eefb!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.fbm-orion-v2 .fbm-sidebar-quick-actions.profile-actions a:hover{
background:rgba(37,99,235,.48)!important;
border-color:rgba(147,197,253,.55)!important;
color:#fff!important;
transform:translateY(-1px)!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-card .profile-thumb,
body.fbm-orion-v2 .fbm-sidebar-brand-card .profile-name{
display:none!important;
}
@media (max-width:768px){
body.fbm-orion-v2 .app-header .row.gutters{
grid-template-columns:46px minmax(0,1fr) minmax(152px,auto)!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
width:min(178px, calc(100vw - 122px))!important;
min-width:148px!important;
}
}
/* HOTFIX1082: domain-generated brand logo support.
The logo is generated once into assets/generated/brand and then reused locally. */
body.fbm-orion-v2 .fbm-sidebar-brand-logo img,
body.fbm-orion-v2 .fbm-admin-brand-logo img{
object-fit:contain!important;
image-rendering:auto!important;
}
body.fbm-orion-v2 .fbm-admin-brand-logo{
text-decoration:none!important;
}
body.fbm-orion-v2 .fbm-admin-brand-logo .fbm-admin-logo-mark{
overflow:hidden!important;
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(226,238,249,.92))!important;
color:inherit!important;
}
body.fbm-orion-v2 .fbm-admin-brand-logo .fbm-admin-logo-mark img{
width:auto!important;
height:auto!important;
max-width:40px!important;
max-height:40px!important;
display:block!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-logo img[src*="assets/generated/brand/logo.ico"],
body.fbm-orion-v2 .fbm-admin-brand-logo img[src*="assets/generated/brand/logo.ico"]{
width:40px!important;
height:40px!important;
}
/* HOTFIX1085: enlarge and clarify the brand block.
The sidebar becomes a stronger brand anchor: bigger logo box, stronger wordmark,
domain subtitle, and lower emphasis on user identity. Also remove duplicate header logo. */
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{display:none!important;}
@media (min-width: 768px){
body.fbm-orion-v2 .app-header .fbm-header-left,
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
flex:0 0 50%!important;
max-width:50%!important;
width:50%!important;
}
}
body.fbm-orion-v2 #app-side .user-profile.fbm-sidebar-brand-card,
body.fbm-orion-v2 .app-side .user-profile.fbm-sidebar-brand-card,
body.fbm-orion-v2 .user-profile.fbm-admin-brand-block{
padding:26px 18px 18px!important;
background:
radial-gradient(circle at 20% 8%,rgba(56,189,248,.18),transparent 36%),
linear-gradient(180deg,rgba(30,64,92,.98),rgba(11,28,50,.96))!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-logo,
body.fbm-orion-v2 .fbm-admin-brand-logo .fbm-admin-logo-mark{
width:88px!important;
height:88px!important;
border-radius:28px!important;
box-shadow:0 18px 36px rgba(7,19,37,.28), inset 0 1px 0 rgba(255,255,255,.96)!important;
border:1px solid rgba(226,232,240,.92)!important;
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(232,241,251,.95))!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-logo img,
body.fbm-orion-v2 .fbm-admin-brand-logo img{
max-width:64px!important;
max-height:64px!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-copy,
body.fbm-orion-v2 .fbm-admin-name-block{margin:0 0 12px!important;}
body.fbm-orion-v2 .fbm-sidebar-brand-name,
body.fbm-orion-v2 .fbm-admin-brand-name{
margin:0!important;
color:#f8fafc!important;
font-size:18px!important;
line-height:1.15!important;
font-weight:700!important;
letter-spacing:.01em!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-tagline,
body.fbm-orion-v2 .fbm-admin-subtitle{
display:block!important;
margin-top:5px!important;
color:#a5e3ff!important;
font-size:11.5px!important;
line-height:1.4!important;
font-weight:700!important;
letter-spacing:.02em!important;
word-break:break-word!important;
}
body.fbm-orion-v2 .fbm-sidebar-user-mini,
body.fbm-orion-v2 .fbm-admin-user-state{
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:6px!important;
color:#d9e8fb!important;
font-size:11px!important;
line-height:1.3!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-user-state{
margin-top:8px!important;
color:#93c5fd!important;
}
body.fbm-orion-v2 .fbm-admin-user-state i{font-size:12px!important;opacity:.9!important;}
body.fbm-orion-v2 .fbm-sidebar-user-mini small{
flex-basis:100%!important;
color:#8fbaf0!important;
font-size:10.5px!important;
font-weight:600!important;
padding-left:14px!important;
}
body.fbm-orion-v2 .fbm-sidebar-quick-actions.profile-actions{gap:12px!important;margin-top:2px!important;}
body.fbm-orion-v2 .fbm-sidebar-quick-actions.profile-actions a{
width:40px!important;
height:40px!important;
border-radius:14px!important;
}
body.fbm-orion-v2 .fbm-admin-profile.fbm-admin-brand-block{display:block!important;text-align:left!important;padding:24px 18px 18px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;}
body.fbm-orion-v2 .fbm-admin-profile.fbm-admin-brand-block .fbm-admin-brand-logo{display:inline-flex!important;margin:0 0 12px!important;}
body.fbm-orion-v2 .fbm-admin-profile.fbm-admin-brand-block .fbm-admin-logo-glow{display:none!important;}
body.fbm-orion-v2 .fbm-admin-profile.fbm-admin-brand-block .fbm-admin-name-block{display:block!important;}
/* HOTFIX1086: flatten logo block and remove the useless white outer tile.
Keep a single, clearer brand mark with better balance against the sidebar layout. */
body.fbm-orion-v2 .fbm-sidebar-brand-logo,
body.fbm-orion-v2 .fbm-admin-brand-logo .fbm-admin-logo-mark{
width:76px!important;
height:76px!important;
border-radius:24px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
margin:0 0 12px!important;
padding:0!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-logo img,
body.fbm-orion-v2 .fbm-admin-brand-logo img{
width:76px!important;
height:76px!important;
max-width:76px!important;
max-height:76px!important;
display:block!important;
object-fit:contain!important;
filter:drop-shadow(0 10px 18px rgba(4,18,38,.20))!important;
}
body.fbm-orion-v2 #app-side .user-profile.fbm-sidebar-brand-card,
body.fbm-orion-v2 .app-side .user-profile.fbm-sidebar-brand-card,
body.fbm-orion-v2 .user-profile.fbm-admin-brand-block{
padding:22px 18px 16px!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-copy,
body.fbm-orion-v2 .fbm-admin-name-block{margin:0 0 10px!important;}
body.fbm-orion-v2 .fbm-sidebar-brand-name,
body.fbm-orion-v2 .fbm-admin-brand-name{
font-size:17px!important;
line-height:1.14!important;
}
body.fbm-orion-v2 .fbm-sidebar-brand-tagline,
body.fbm-orion-v2 .fbm-admin-subtitle{
margin-top:4px!important;
font-size:11px!important;
color:#97dfff!important;
}
body.fbm-orion-v2 .fbm-sidebar-user-mini,
body.fbm-orion-v2 .fbm-admin-user-state{
margin:0 0 12px!important;
}
body.fbm-orion-v2 .fbm-sidebar-quick-actions.profile-actions{gap:10px!important;}
body.fbm-orion-v2 .fbm-admin-profile.fbm-admin-brand-block .fbm-admin-brand-logo{margin:0 0 12px!important;display:inline-flex!important;}
/* HOTFIX1088: core header action-bar layout fix.
Root cause: after removing the duplicate center logo, old 3-column/grid/Bootstrap
overrides still constrained the account zone. Balance text and the account/logout
dropdown were clipped on desktop and mobile. This block owns the header layout for
both public and admin headers. */
body.fbm-orion-v2 .app-header{
overflow:visible!important;
}
body.fbm-orion-v2 .app-header .container-fluid{
width:100%!important;
max-width:none!important;
padding-left:18px!important;
padding-right:18px!important;
overflow:visible!important;
}
body.fbm-orion-v2 .app-header .row.gutters{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
min-height:64px!important;
width:100%!important;
margin-left:0!important;
margin-right:0!important;
overflow:visible!important;
}
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{
display:none!important;
flex:0 0 0!important;
width:0!important;
max-width:0!important;
min-width:0!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
flex:0 0 46px!important;
width:46px!important;
min-width:46px!important;
max-width:46px!important;
padding:0!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn{
flex:0 0 auto!important;
width:42px!important;
height:42px!important;
margin:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
flex:1 1 auto!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
padding:0!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-header-right,
body.fbm-orion-v2 .fbm-core-accountbar{
width:auto!important;
max-width:100%!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
flex-wrap:nowrap!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-core-accountbar .fbm-language-switch{
flex:0 0 auto!important;
margin-right:0!important;
}
body.fbm-orion-v2 .fbm-account-menu{
flex:0 1 auto!important;
min-width:0!important;
max-width:100%!important;
position:relative!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
width:auto!important;
min-width:220px!important;
max-width:min(390px, calc(100vw - 120px))!important;
min-height:44px!important;
height:44px!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
padding:6px 12px 6px 8px!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-balance-icon,
body.fbm-orion-v2 .fbm-account-pill-icon,
body.fbm-orion-v2 .fbm-account-caret{
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-balance-meta,
body.fbm-orion-v2 .fbm-account-pill-meta{
flex:1 1 auto!important;
min-width:0!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-balance-meta small,
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-balance-split,
body.fbm-orion-v2 .fbm-account-pill-meta small,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.fbm-orion-v2 .fbm-account-dropdown.dropdown-menu{
right:0!important;
left:auto!important;
z-index:3200!important;
}
@media (min-width:1200px){
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
min-width:250px!important;
max-width:430px!important;
}
}
@media (max-width:991.98px){
body.fbm-orion-v2 .app-header .container-fluid{
padding-left:14px!important;
padding-right:14px!important;
}
body.fbm-orion-v2 .app-header .row.gutters{
gap:10px!important;
min-height:60px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
flex-basis:42px!important;
width:42px!important;
min-width:42px!important;
max-width:42px!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn{
width:40px!important;
height:40px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar{
gap:8px!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
min-width:190px!important;
max-width:calc(100vw - 120px)!important;
}
}
@media (max-width:575.98px){
body.fbm-orion-v2 .app-header .container-fluid{
padding-left:10px!important;
padding-right:10px!important;
}
body.fbm-orion-v2 .app-header .row.gutters{
gap:8px!important;
min-height:58px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
flex-basis:40px!important;
width:40px!important;
min-width:40px!important;
max-width:40px!important;
}
body.fbm-orion-v2 .app-header .mini-nav-btn{
width:38px!important;
height:38px!important;
}
body.fbm-orion-v2 .fbm-header-right,
body.fbm-orion-v2 .fbm-core-accountbar{
gap:6px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar .fbm-language-switch{
min-height:30px!important;
padding:3px!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-option{
min-width:28px!important;
height:22px!important;
padding:0 6px!important;
font-size:10px!important;
}
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
min-width:0!important;
width:min(232px, calc(100vw - 100px))!important;
max-width:calc(100vw - 100px)!important;
height:40px!important;
min-height:40px!important;
padding:5px 7px!important;
gap:6px!important;
}
body.fbm-orion-v2 .fbm-balance-icon,
body.fbm-orion-v2 .fbm-account-pill-icon{
width:30px!important;
height:30px!important;
}
body.fbm-orion-v2 .fbm-balance-label,
body.fbm-orion-v2 .fbm-balance-split,
body.fbm-orion-v2 .fbm-account-pill-meta small{
display:none!important;
}
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
font-size:12.4px!important;
line-height:1.05!important;
}
body.fbm-orion-v2 .fbm-account-caret{
width:18px!important;
height:18px!important;
font-size:10px!important;
}
body.fbm-orion-v2 .fbm-account-dropdown.dropdown-menu{
position:absolute!important;
right:0!important;
left:auto!important;
width:calc(100vw - 20px)!important;
min-width:0!important;
max-width:340px!important;
max-height:calc(100dvh - 74px)!important;
overflow-y:auto!important;
}
}
@media (max-width:380px){
body.fbm-orion-v2 .fbm-header-balance,
body.fbm-orion-v2 .fbm-header-account-pill{
width:min(202px, calc(100vw - 92px))!important;
max-width:calc(100vw - 92px)!important;
}
body.fbm-orion-v2 .fbm-language-switch .fbm-language-option{
min-width:25px!important;
padding:0 5px!important;
}
}
/* HOTFIX1089: intrinsic header account bar sizing.
Fixes the balance pill being slightly too short and prevents admin header from
reserving an oversized action area. This block avoids manual column widths and
lets the right-side controls size by content with sane clamp limits. */
body.fbm-orion-v2 .app-header .row.gutters{
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
align-items:center!important;
column-gap:12px!important;
min-height:64px!important;
}
body.fbm-orion-v2 .app-header .fbm-header-left{
grid-column:1!important;
flex:none!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
display:flex!important;
align-items:center!important;
}
body.fbm-orion-v2 .app-header .fbm-header-logo-zone{
display:none!important;
}
body.fbm-orion-v2 .app-header .fbm-header-account-zone{
grid-column:2!important;
flex:none!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
justify-self:stretch!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-header-right,
body.fbm-orion-v2 .fbm-core-accountbar{
width:auto!important;
max-width:100%!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
flex-wrap:nowrap!important;
}
body.fbm-orion-v2 .fbm-core-accountbar .fbm-language-switch,
body.fbm-orion-v2 .fbm-header-action{
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-account-menu{
flex:0 1 auto!important;
min-width:0!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-header-balance{
width:auto!important;
min-width:clamp(248px, 24vw, 360px)!important;
max-width:clamp(280px, 30vw, 420px)!important;
min-height:50px!important;
height:auto!important;
padding:7px 12px 7px 9px!important;
align-items:center!important;
}
body.fbm-orion-v2 .fbm-header-account-pill{
width:auto!important;
min-width:0!important;
max-width:clamp(150px, 18vw, 230px)!important;
min-height:46px!important;
height:auto!important;
padding:7px 10px!important;
align-items:center!important;
}
body.fbm-orion-v2 .fbm-balance-meta,
body.fbm-orion-v2 .fbm-account-pill-meta{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
min-width:0!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-balance-meta small,
body.fbm-orion-v2 .fbm-account-pill-meta small{
line-height:1.05!important;
margin-bottom:2px!important;
}
body.fbm-orion-v2 .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-account-pill-meta strong{
line-height:1.12!important;
}
body.fbm-orion-v2 .fbm-balance-split{
line-height:1.05!important;
margin-top:2px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar--admin{
width:auto!important;
flex:0 1 auto!important;
}
body.fbm-orion-v2 .fbm-core-accountbar--admin .fbm-header-account-pill{
min-width:clamp(138px, 14vw, 190px)!important;
max-width:clamp(160px, 18vw, 230px)!important;
}
@media (max-width:991.98px){
body.fbm-orion-v2 .app-header .row.gutters{
min-height:60px!important;
column-gap:10px!important;
}
body.fbm-orion-v2 .fbm-header-balance{
min-width:clamp(214px, 42vw, 320px)!important;
max-width:clamp(224px, 46vw, 360px)!important;
min-height:46px!important;
padding:6px 10px 6px 8px!important;
}
body.fbm-orion-v2 .fbm-header-account-pill{
min-height:44px!important;
}
}
@media (max-width:575.98px){
body.fbm-orion-v2 .app-header .row.gutters{
min-height:58px!important;
column-gap:8px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar{
gap:6px!important;
}
body.fbm-orion-v2 .fbm-header-balance{
min-width:0!important;
width:clamp(150px, calc(100vw - 188px), 240px)!important;
max-width:clamp(150px, calc(100vw - 188px), 240px)!important;
min-height:42px!important;
padding:5px 7px!important;
}
body.fbm-orion-v2 .fbm-header-action{
width:38px!important;
height:38px!important;
}
body.fbm-orion-v2 .fbm-balance-icon,
body.fbm-orion-v2 .fbm-account-pill-icon{
width:30px!important;
height:30px!important;
}
body.fbm-orion-v2 .fbm-balance-label,
body.fbm-orion-v2 .fbm-balance-split,
body.fbm-orion-v2 .fbm-account-pill-meta small{
display:none!important;
}
body.fbm-orion-v2 .fbm-core-accountbar--admin .fbm-header-account-pill{
min-width:0!important;
width:auto!important;
max-width:150px!important;
}
}
/* HOTFIX1090: intrinsic user balance pill spacing.
The previous core header reserved too much left-side space inside the user balance pill.
Keep the header auto-layout, but let the user balance size by its real content while
preserving sane mobile clamps and admin-specific sizing. */
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin){
width:auto!important;
max-width:100%!important;
flex:0 1 auto!important;
justify-content:flex-end!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-account-menu{
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
max-width:calc(100vw - 230px)!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-header-balance{
min-width:0!important;
width:auto!important;
max-width:min(360px, calc(100vw - 230px))!important;
min-height:50px!important;
padding:7px 10px 7px 7px!important;
gap:7px!important;
justify-content:flex-start!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-icon{
width:34px!important;
height:34px!important;
flex:0 0 34px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta{
flex:0 1 auto!important;
width:auto!important;
min-width:0!important;
max-width:285px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta small,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-split{
width:auto!important;
max-width:285px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-account-caret{
margin-left:2px!important;
flex:0 0 auto!important;
}
@media (max-width:1199.98px){
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-account-menu,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-header-balance{
max-width:min(330px, calc(100vw - 210px))!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta small,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta strong,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-split{
max-width:250px!important;
}
}
@media (max-width:575.98px){
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin){gap:5px!important;}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-account-menu,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-header-balance{
width:auto!important;
max-width:calc(100vw - 186px)!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-header-balance{
min-height:42px!important;
padding:5px 7px!important;
gap:6px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-icon{
width:30px!important;
height:30px!important;
flex-basis:30px!important;
}
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta,
body.fbm-orion-v2 .fbm-core-accountbar.is-authenticated:not(.fbm-core-accountbar--admin) .fbm-balance-meta strong{
max-width:105px!important;
}
}
/* HOTFIX1092: removed by HOTFIX1136 single table-grid cleanup. Legacy generic table contract was superseded. */
/* HOTFIX1093: restore table scrollbar + smooth mobile sidebar.
Root causes:
1) horizontal table scroll owners were over-normalized in 1092, hiding scrollbars;
2) mobile sidebar animated `left`, which forces layout/reflow on every frame;
3) repeated sidebar setup timers kept touching the nav scroller after page load. */
/* HOTFIX1093 table-scroll declarations removed by HOTFIX1139.
Table scroll is owned by the single component contract at the end of this file.
The mobile sidebar performance rules below remain active. */
@media (max-width:991.98px){
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 .app-side.fixed,
body.fbm-orion-v2 #app-side{
left:0!important;
transform:translate3d(calc(-100% - 14px),0,0)!important;
transition:transform .20s cubic-bezier(.22,.86,.24,1)!important;
will-change:transform!important;
contain:layout paint style!important;
backface-visibility:hidden!important;
-webkit-font-smoothing:antialiased!important;
}
body.fbm-orion-v2 .app-side.left-toggle,
body.fbm-orion-v2 #app-side.left-toggle{
left:0!important;
transform:translate3d(calc(-100% - 14px),0,0)!important;
}
body.fbm-orion-v2 .app-side.is-open,
body.fbm-orion-v2 .app-side.onoffcanvas-open,
body.fbm-orion-v2 .app-side.active,
body.fbm-orion-v2 #app-side.is-open,
body.fbm-orion-v2 #app-side.onoffcanvas-open,
body.fbm-orion-v2 #app-side.active{
left:0!important;
transform:translate3d(0,0,0)!important;
}
body.fbm-orion-v2.fbm-side-open::before{
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
background:rgba(15,23,42,.42)!important;
transition:opacity .18s ease!important;
}
/* HOTFIX1099 removed expensive `.fbm-side-animating *` selector. */
body.fbm-orion-v2 .app-side .side-content,
body.fbm-orion-v2 #app-side .side-content{
transform:translateZ(0)!important;
}
body.fbm-orion-v2 .app-side .sidebarNavScroll,
body.fbm-orion-v2 #app-side .sidebarNavScroll{
will-change:auto!important;
contain:content!important;
}
}
@media (prefers-reduced-motion:reduce){
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 #app-side{
transition:none!important;
}
}
/* HOTFIX1094 table-scroll declarations removed by HOTFIX1139.
The single component contract now owns table width/scrollbar behavior. */
/* HOTFIX1097: no remote font imports. Keep dashboard load fully local. */
body.fbm-orion-v2{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Be Vietnam Pro",sans-serif!important;
}
/* HOTFIX1099: mobile nav performance core.
Make Orion the only owner of mobile sidebar state. Legacy CoreUI still exists,
but its left/is-mini/onoffcanvas states must not trigger layout on tap. */
@media (max-width:991.98px){
body.fbm-orion-v2 #app-side,
body.fbm-orion-v2 .app-side,
body.fbm-orion-v2 .app-side.fixed{
left:0!important;
right:auto!important;
width:min(318px,84vw)!important;
max-width:318px!important;
top:60px!important;
height:calc(100dvh - 60px)!important;
max-height:calc(100dvh - 60px)!important;
transform:translate3d(calc(-100% - 12px),0,0)!important;
transition:transform .18s cubic-bezier(.2,.82,.22,1)!important;
will-change:transform!important;
contain:paint!important;
border-radius:0 20px 0 0!important;
box-shadow:18px 0 48px rgba(2,6,23,.30)!important;
}
body.fbm-orion-v2 #app-side.is-open,
body.fbm-orion-v2 #app-side.onoffcanvas-open,
body.fbm-orion-v2 #app-side.active,
body.fbm-orion-v2 .app-side.is-open,
body.fbm-orion-v2 .app-side.onoffcanvas-open,
body.fbm-orion-v2 .app-side.active{
left:0!important;
transform:translate3d(0,0,0)!important;
}
body.fbm-orion-v2 #app-side.left-toggle,
body.fbm-orion-v2 .app-side.left-toggle,
body.fbm-orion-v2 #app-side.is-mini,
body.fbm-orion-v2 .app-side.is-mini{
left:0!important;
width:min(318px,84vw)!important;
transform:translate3d(calc(-100% - 12px),0,0)!important;
}
body.fbm-orion-v2 #app-side.is-open.left-toggle,
body.fbm-orion-v2 .app-side.is-open.left-toggle,
body.fbm-orion-v2 #app-side.is-open.is-mini,
body.fbm-orion-v2 .app-side.is-open.is-mini{
transform:translate3d(0,0,0)!important;
}
body.fbm-orion-v2.fbm-side-open{
overflow:hidden!important;
touch-action:none!important;
}
body.fbm-orion-v2.fbm-side-open::before{
content:""!important;
position:fixed!important;
inset:60px 0 0 0!important;
background:rgba(15,23,42,.38)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
opacity:1!important;
z-index:2350!important;
transition:opacity .16s ease!important;
pointer-events:auto!important;
}
body.fbm-orion-v2 #app-side .side-content,
body.fbm-orion-v2 .app-side .side-content{
transform:none!important;
contain:content!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll,
body.fbm-orion-v2 .app-side .sidebarNavScroll{
contain:strict!important;
will-change:auto!important;
transform:none!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
}
body.fbm-orion-v2 .app-main,
body.fbm-orion-v2 .app-main.left-toggle{
margin-left:0!important;
transform:none!important;
}
body.fbm-orion-v2 .app-header .onoffcanvas-toggler,
body.fbm-orion-v2 .app-header #onoffcanvas-nav{
display:none!important;
}
}
/* HOTFIX1100: UI jank audit follow-up.
Guard against remaining legacy side effects after mobile nav optimization. */
@media (max-width:991.98px){
body.fbm-orion-v2.fbm-side-open{
/* Do not use touch-action:none on body; it can make sidebar touch feel sticky. */
touch-action:auto!important;
}
body.fbm-orion-v2 #app-side,
body.fbm-orion-v2 .app-side{
/* Only transform should animate; never let legacy left/width states animate. */
transition-property:transform!important;
}
body.fbm-orion-v2 #app-side .sidebarNavScroll,
body.fbm-orion-v2 .app-side .sidebarNavScroll{
contain:paint!important;
overscroll-behavior-y:contain!important;
touch-action:pan-y!important;
}
body.fbm-orion-v2 #app-side *,
body.fbm-orion-v2 .app-side *{
/* Avoid accidental inherited transition:all from legacy theme while opening/closing. */
transition-property:background-color,border-color,color,box-shadow,transform,opacity!important;
}
}
/* HOTFIX1101: admin alerts content must not stretch the table.
Long notification bodies are contained inside a vertical scroll preview. */
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table{
table-layout:fixed!important;
width:100%!important;
min-width:1080px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(1),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(1){width:210px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(2),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(2){width:106px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(3),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(3){width:82px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(4),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(4){width:112px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(5),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(5){width:82px!important;text-align:center!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(6),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(6){width:390px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(7),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(7){width:132px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(8),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(8){width:128px!important;}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-content-cell{
max-width:390px!important;
width:390px!important;
min-width:390px!important;
white-space:normal!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-content-preview{
display:block!important;
width:100%!important;
max-width:100%!important;
max-height:96px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
white-space:pre-wrap!important;
overflow-wrap:anywhere!important;
word-break:break-word!important;
line-break:anywhere!important;
scrollbar-width:thin!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-title-main{
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
@media (max-width: 768px){
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table{
min-width:980px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table th:nth-child(6),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-table td:nth-child(6),
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-content-cell{
width:330px!important;
min-width:330px!important;
max-width:330px!important;
}
body.fbm-orion-v2 .fbm-admin-alerts-page .fbm-alert-content-preview{
max-height:118px!important;
}
}
/* =========================================================
HOTFIX1102 - Core typography + dropdown portal stabilization
------------------------------------------------------------------------
Scope: one final core layer only. No page-level patching.
- Use a Facebook/Apple-like system stack everywhere without external font files.
- Reduce excessive historical font weights/letter spacing that made text heavy
and uneven across user/admin pages.
- Style body-portaled dropdown menus so action menus remain visible outside
table overflow/contain wrappers.
========================================================= */
body.fbm-orion-v2{
--fbm-font:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
--fbm-font-sans:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
--fbm-font-mono:"SFMono-Regular","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace!important;
font-family:var(--fbm-font-sans)!important;
font-weight:400!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2.fbm-orion-v2.fbm-orion-v2,
html body.fbm-orion-v2.fbm-orion-v2.fbm-orion-v2 *:not(i):not([class^="icon-"]):not([class*=" icon-"]){
font-family:var(--fbm-font-sans)!important;
-webkit-font-smoothing:antialiased!important;
-moz-osx-font-smoothing:grayscale!important;
text-rendering:optimizeLegibility!important;
}
html body.fbm-orion-v2.fbm-orion-v2.fbm-orion-v2 :is(p,span,td,li,label,input,select,textarea,button,a,small,div){
letter-spacing:0!important;
}
html body.fbm-orion-v2.fbm-orion-v2.fbm-orion-v2 :is(h1,h2,h3,h4,h5,h6,.page-title h5,.modal-title,.card-title,.product-title,.service-name-title,.fbm-card-header-title h5,.fbm-toolbar-title h6){
font-weight:600!important;
letter-spacing:-.012em!important;
}
html body.fbm-orion-v2.fbm-orion-v2.fbm-orion-v2 :is(strong,b,.font-weight-bold,.font-weight-bolder,.btn,.badge,.dropdown-item,.fbm-core-dropdown-item,.nav-title,.product-status,.fbm-chip,.fbm-amount-chip,.service-price-pill,.service-type-pill,.service-geo-pill,.service-range,.service-stock-item b,.fbm-stat-card__value,.fbm-money,.fbm-balance-cell,.product-price,.fbm-balance-meta strong){
font-weight:500!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2.fbm-orion-v2.fbm-orion-v2 :is(table.table thead th,.fbm-data-table thead th,.fbm-admin-table thead th,.fbm-control label,.fbm-stat-card__label,.dashboard-kicker,.fbm-section-kicker,.fbm-modal-kicker,.store-section-kicker,.fbm-balance-meta small,.service-stock-item em){
font-weight:500!important;
letter-spacing:.012em!important;
}
html body.fbm-orion-v2.fbm-orion-v2.fbm-orion-v2 :is(.sub-heading,.product-desc,.notice-body,.fbm-desc-cell,.fbm-muted,.text-muted,.service-action-empty){
font-weight:400!important;
letter-spacing:0!important;
}
body.fbm-orion-v2 > .dropdown-menu.fbm-dropdown-body-portal,
body.fbm-orion-v2 .dropdown-menu.fbm-dropdown-body-portal{
position:fixed!important;
transform:none!important;
margin:0!important;
padding:7px!important;
min-width:178px!important;
border:1px solid var(--fbm-dropdown-border,#cfdded)!important;
border-radius:var(--fbm-dropdown-menu-radius,12px)!important;
background:#fff!important;
box-shadow:var(--fbm-dropdown-shadow,0 14px 32px rgba(15,23,42,.13),0 2px 6px rgba(15,23,42,.05))!important;
z-index:2147483200!important;
max-width:calc(100vw - 20px)!important;
max-height:calc(100vh - 20px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
isolation:isolate!important;
}
body.fbm-orion-v2 > .dropdown-menu.fbm-dropdown-body-portal:not(.show),
body.fbm-orion-v2 .dropdown-menu.fbm-dropdown-body-portal:not(.show){
display:none!important;
}
body.fbm-orion-v2 > .dropdown-menu.fbm-dropdown-body-portal.show,
body.fbm-orion-v2 .dropdown-menu.fbm-dropdown-body-portal.show{
display:block!important;
opacity:1!important;
visibility:visible!important;
}
body.fbm-orion-v2 > .dropdown-menu.fbm-dropdown-body-portal .dropdown-item,
body.fbm-orion-v2 .dropdown-menu.fbm-dropdown-body-portal .dropdown-item{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-height:34px!important;
width:100%!important;
padding:8px 10px!important;
border:0!important;
border-radius:9px!important;
background:transparent!important;
color:var(--fbm-dropdown-item-text,#24364d)!important;
font-size:12px!important;
font-weight:500!important;
line-height:1.15!important;
text-align:left!important;
white-space:nowrap!important;
box-shadow:none!important;
}
body.fbm-orion-v2 > .dropdown-menu.fbm-dropdown-body-portal .dropdown-item:hover,
body.fbm-orion-v2 > .dropdown-menu.fbm-dropdown-body-portal .dropdown-item:focus,
body.fbm-orion-v2 .dropdown-menu.fbm-dropdown-body-portal .dropdown-item:hover,
body.fbm-orion-v2 .dropdown-menu.fbm-dropdown-body-portal .dropdown-item:focus{
background:var(--fbm-dropdown-item-hover,#f3f8ff)!important;
color:#175cd3!important;
outline:0!important;
}
/* HOTFIX1103: Core activity typography normalization.
Root cause: activity/dashboard-specific rules set heavy weights (700/800) after
the global font layer, so the component used the right font family but uneven
glyph weight. Keep the fix in the shared activity component scope. */
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card *:not(i):not([class^="icon-"]):not([class*=" icon-"]){
font-family:var(--fbm-font-sans)!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-card-header-title{
font-weight:500!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-filter{
font-weight:500!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-filter.is-active,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-badge{
font-weight:500!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-summary{
font-weight:500!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-time,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-meta,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-empty-sub{
font-weight:400!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-activity-card .fbm-activity-empty-title{
font-weight:500!important;
}
/* HOTFIX1104: Remaining dashboard/activity typography contract.
Audit result: 1103 normalized only .fbm-core-activity-card. The user dashboard side
activity pane and admin dashboard report/selling widgets are separate surfaces with
older 800/900/950 weights, so they still looked unlike the Apple/Facebook core font.
Keep this as a final shared theme contract instead of page-level patches. */
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card,
.fbm-user-side-panel,
.fbm-admin-dashboard-page .fbm-dashboard-focus-card,
.fbm-admin-dashboard-page .fbm-dashboard-report-grid,
.fbm-admin-dashboard-page .fbm-dashboard-report-card,
.fbm-admin-dashboard-page .fbm-dashboard-selling-card
),
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card,
.fbm-user-side-panel,
.fbm-admin-dashboard-page .fbm-dashboard-focus-card,
.fbm-admin-dashboard-page .fbm-dashboard-report-grid,
.fbm-admin-dashboard-page .fbm-dashboard-report-card,
.fbm-admin-dashboard-page .fbm-dashboard-selling-card
) *:not(i):not([class^="icon-"]):not([class*=" icon-"]){
font-family:var(--fbm-font-sans)!important;
letter-spacing:0!important;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card .fbm-card-header-title,
.fbm-user-side-panel-title,
.fbm-user-side-panel .dashboard-kicker,
.fbm-admin-dashboard-page .fbm-dashboard-focus-card__head h5,
.fbm-admin-dashboard-page .fbm-dashboard-report-panel__head h6,
.fbm-admin-dashboard-page .fbm-dashboard-selling-card .fbm-card-header-title,
.fbm-admin-dashboard-page .fbm-dashboard-mini-panel__head strong
){
font-weight:500!important;
letter-spacing:-.01em!important;
}
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card .fbm-activity-filter,
.fbm-user-side-panel .fbm-user-side-tab,
.fbm-user-side-panel .fbm-user-side-tab span,
.fbm-user-side-panel .fbm-user-side-tab em,
.fbm-user-side-panel .store-filter-btn,
.fbm-user-side-panel .fbm-user-side-pane-tools span,
.fbm-admin-dashboard-page .fbm-dashboard-eyebrow,
.fbm-admin-dashboard-page .fbm-dashboard-metric-label,
.fbm-admin-dashboard-page .fbm-dashboard-panel-link,
.fbm-admin-dashboard-page .fbm-dashboard-card-subtitle,
.fbm-admin-dashboard-page .fbm-dashboard-stat-row span,
.fbm-admin-dashboard-page .fbm-dashboard-mini-index,
.fbm-admin-dashboard-page .fbm-dashboard-mini-avatar
){
font-weight:500!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card .fbm-activity-filter.is-active,
.fbm-core-activity-card .fbm-activity-badge,
.fbm-user-side-panel .fbm-activity-badge,
.fbm-user-side-panel .fbm-side-login-note strong,
.fbm-user-side-panel .notice-empty strong
){
font-weight:500!important;
}
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card .fbm-activity-summary,
.fbm-user-side-panel .fbm-activity-summary,
.fbm-admin-dashboard-page .fbm-dashboard-primary-metric strong,
.fbm-admin-dashboard-page .fbm-dashboard-stat-row strong,
.fbm-admin-dashboard-page .fbm-dashboard-mini-main strong,
.fbm-admin-dashboard-page .fbm-dashboard-mini-value
){
font-weight:500!important;
letter-spacing:-.008em!important;
}
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card .fbm-activity-time,
.fbm-core-activity-card .fbm-activity-meta,
.fbm-core-activity-card .fbm-activity-empty-sub,
.fbm-user-side-panel .fbm-activity-time,
.fbm-user-side-panel .fbm-activity-meta,
.fbm-user-side-panel .fbm-activity-empty-sub,
.fbm-user-side-panel .fbm-side-login-note span,
.fbm-user-side-panel .notice-empty span,
.fbm-admin-dashboard-page .fbm-dashboard-focus-card__head p,
.fbm-admin-dashboard-page .fbm-dashboard-primary-metric small,
.fbm-admin-dashboard-page .fbm-dashboard-mini-panel__head small,
.fbm-admin-dashboard-page .fbm-dashboard-mini-main small
){
font-weight:400!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2.fbm-orion-v2 :is(
.fbm-core-activity-card .fbm-activity-empty-title,
.fbm-user-side-panel .fbm-activity-empty-title,
.fbm-admin-dashboard-page .btn
){
font-weight:500!important;
}
/* ========================================================================
HOTFIX1127 - users table follows stable services-table sizing
------------------------------------------------------------------------
Verified in a local browser render. Root cause was NOT the button markup:
`/admin/users.php` still forced `table-layout:fixed` + `width:100%`.
In CSS tables, min-width on table cells is unreliable under fixed layout,
so the last action column collapsed while the button content overflowed.
This final block matches the stable idea used by `/admin/services.php`:
action columns are intrinsic-width (`width:1%`, nowrap), the table uses
max-content sizing with a minimum full-width surface, and horizontal scroll
is owned by the table wrapper when needed.
======================================================================== */
body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-table-wrap{
--fbm-table-mobile-min:1280px!important;
--fbm-table-min:1280px!important;
}
body.fbm-orion-v2 .fbm-admin-users-page #tbl_resp_wrapper,
body.fbm-orion-v2 .fbm-admin-users-page #tbl_resp_wrapper.dataTables_wrapper{
width:100%!important;
min-width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table.dataTable,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table-v19{
table-layout:auto!important;
width:max-content!important;
min-width:max(100%, 1280px)!important;
max-width:none!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-topup,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-topup,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-manage,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-manage{
width:1%!important;
min-width:max-content!important;
max-width:none!important;
white-space:nowrap!important;
overflow:visible!important;
vertical-align:middle!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-user,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-user{
min-width:220px!important;
max-width:280px!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-username,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-username{
min-width:130px!important;
max-width:160px!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-wallet,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-wallet{
min-width:200px!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-date,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-date{
min-width:160px!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-topup-actions,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-manage-actions{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:nowrap!important;
gap:8px!important;
width:auto!important;
min-width:max-content!important;
max-width:none!important;
margin:0 auto!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-topup-btn,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-manage-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
flex:0 0 auto!important;
width:auto!important;
min-width:max-content!important;
min-height:32px!important;
height:32px!important;
padding:0 12px!important;
border-radius:9px!important;
font-size:12px!important;
font-weight:600!important;
line-height:1!important;
white-space:nowrap!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-topup-btn span,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-manage-btn span{
overflow:visible!important;
text-overflow:clip!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-topup-btn{
background:#2b78f2!important;
border-color:#2b78f2!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-topup-btn:hover,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-topup-btn:focus{
background:#1f67db!important;
border-color:#1f67db!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-reset-btn{
background:#fff7ed!important;
border-color:#fed7aa!important;
color:#c2410c!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-reset-btn:hover,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-reset-btn:focus{
background:#ffedd5!important;
border-color:#fdba74!important;
color:#9a3412!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-delete-btn{
background:#fff1f2!important;
border-color:#fecdd3!important;
color:#be123c!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-delete-btn:hover,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-delete-btn:focus{
background:#ffe4e6!important;
border-color:#fda4af!important;
color:#9f1239!important;
}
/* ========================================================================
HOTFIX1129 - admin table/action stability pass
------------------------------------------------------------------------
Debug notes:
- `/admin/accounts.php` has only five columns. Forcing it to stretch like a
dense services table creates a large empty band inside Email/Recovery.
- Older button rules used very heavy font weights (800-900), so labels like
Download looked uneven.
Fix:
- keep users/actions colors synchronized with services
- make account table content-width with a sane minimum instead of stretching
empty columns across the whole card
- normalize admin action button typography to a stable 700 weight
======================================================================== */
body.fbm-orion-v2 .fbm-core-actionbar .btn,
body.fbm-orion-v2 .fbm-row-actions .btn,
body.fbm-orion-v2 .fbm-table-action-strip .btn,
body.fbm-orion-v2 .service-action-stack .btn,
body.fbm-orion-v2 .fbm-service-table-btn,
body.fbm-orion-v2 .fbm-service-action-btn,
body.fbm-orion-v2 .fbm-account-data-open,
body.fbm-orion-v2 .fbm-users-topup-btn,
body.fbm-orion-v2 .fbm-users-manage-btn,
body.fbm-orion-v2 .btnDownloadAccounts,
body.fbm-orion-v2 .btnCpAccounts,
body.fbm-orion-v2 .btnDeleteOrder{
font-weight:600!important;
letter-spacing:-.006em!important;
text-transform:none!important;
}
body.fbm-orion-v2 .fbm-core-actionbar .btn span,
body.fbm-orion-v2 .service-action-stack .btn span,
body.fbm-orion-v2 .fbm-account-data-open span,
body.fbm-orion-v2 .fbm-users-topup-btn span,
body.fbm-orion-v2 .fbm-users-manage-btn span{
font-weight:600!important;
}
/* Users: keep action colors solid and consistent with Services. */
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-reset-btn{
background:#f79009!important;
background-image:linear-gradient(180deg,#ff9f1a 0%,#f79009 100%)!important;
border-color:#f79009!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-reset-btn:hover,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-reset-btn:focus{
background:#dc6803!important;
background-image:linear-gradient(180deg,#f79009 0%,#dc6803 100%)!important;
border-color:#dc6803!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-delete-btn{
background:#ef4444!important;
background-image:linear-gradient(180deg,#f04438 0%,#d92d20 100%)!important;
border-color:#d92d20!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-delete-btn:hover,
body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table .fbm-users-delete-btn:focus{
background:#b42318!important;
background-image:linear-gradient(180deg,#d92d20 0%,#b42318 100%)!important;
border-color:#b42318!important;
color:#fff!important;
}
/* Accounts: content-width table, not full-card stretching. */
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-accounts-table-wrap{
--fbm-table-mobile-min:1120px!important;
--fbm-table-min:1120px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page #tbl_resp_wrapper,
body.fbm-orion-v2 .fbm-admin-accounts-page #tbl_resp_wrapper.dataTables_wrapper{
width:100%!important;
min-width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table.dataTable,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table-v3{
table-layout:auto!important;
width:max-content!important;
min-width:1120px!important;
max-width:none!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table th.fbm-col-account,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table td.fbm-col-account{
width:300px!important;
min-width:280px!important;
max-width:320px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table th.fbm-col-login,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table td.fbm-col-login{
width:320px!important;
min-width:300px!important;
max-width:340px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table th.fbm-col-email,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table td.fbm-col-email{
width:280px!important;
min-width:260px!important;
max-width:310px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table th.fbm-col-data,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table td.fbm-col-data,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table th.fbm-col-status,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table td.fbm-col-status,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table td.fbm-table-action-cell{
width:1%!important;
min-width:max-content!important;
max-width:none!important;
white-space:nowrap!important;
overflow:visible!important;
vertical-align:middle!important;
text-align:center!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-lines-readonly{
min-width:0!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-field-line{
display:grid!important;
grid-template-columns:92px minmax(0,1fr)!important;
column-gap:10px!important;
align-items:center!important;
max-width:100%!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-field-line strong{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-data-actions{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:nowrap!important;
width:auto!important;
min-width:max-content!important;
max-width:none!important;
margin:0 auto!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-data-open{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-width:max-content!important;
min-height:32px!important;
height:32px!important;
padding:0 12px!important;
border-radius:9px!important;
background:#2b78f2!important;
border-color:#2b78f2!important;
color:#fff!important;
font-size:12px!important;
line-height:1!important;
white-space:nowrap!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-data-open i{
color:#fff!important;
font-size:13px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-data-open:hover,
body.fbm-orion-v2 .fbm-admin-accounts-page table#tbl_resp.fbm-accounts-table .fbm-account-data-open:focus{
background:#1f67db!important;
border-color:#1f67db!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-table-actionbar .fbm-core-actionbar__right .btn-group > .btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-height:34px!important;
padding:0 12px!important;
border-radius:9px!important;
white-space:nowrap!important;
}
/* ========================================================================
HOTFIX1131 - admin typography and table UI stabilization
------------------------------------------------------------------------
Debug-driven pass:
- Orders: previous 2x2 action grid made rows heavy. Reverted to a services-
style inline action rail where action cells size from content and scroll
handles narrow screens.
- Payments: the note column used raw text + small tags, making the note too
faint/small. Wrapped it with a readable note cell contract.
- Typography: standardize admin table weights to normal 400/500/600/700.
======================================================================== */
:root{
--fbm-font:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
}
body.fbm-orion-v2,
body.fbm-orion-v2 input,
body.fbm-orion-v2 button,
body.fbm-orion-v2 select,
body.fbm-orion-v2 textarea{
font-family:var(--fbm-font)!important;
text-rendering:optimizeLegibility!important;
-webkit-font-smoothing:antialiased!important;
-moz-osx-font-smoothing:grayscale!important;
}
body.fbm-orion-v2 .table thead th,
body.fbm-orion-v2 .fbm-admin-table thead th,
body.fbm-orion-v2 .dataTables_wrapper label{
font-size:12.5px!important;
font-weight:500!important;
letter-spacing:-.003em!important;
text-transform:none!important;
}
body.fbm-orion-v2 .table tbody td,
body.fbm-orion-v2 .fbm-admin-table tbody td{
font-size:13.25px!important;
font-weight:500!important;
line-height:1.45!important;
color:#162033!important;
}
body.fbm-orion-v2 .btn,
body.fbm-orion-v2 .btn-sm,
body.fbm-orion-v2 .fbm-core-actionbar .btn,
body.fbm-orion-v2 .service-action-stack .btn,
body.fbm-orion-v2 .fbm-service-table-btn,
body.fbm-orion-v2 .fbm-service-action-btn,
body.fbm-orion-v2 .fbm-account-data-open,
body.fbm-orion-v2 .btnDownloadAccounts,
body.fbm-orion-v2 .btnCpAccounts,
body.fbm-orion-v2 .btnDeleteOrder,
body.fbm-orion-v2 .fbm-order-action-btn,
body.fbm-orion-v2 .fbm-payment-delete-btn{
font-weight:600!important;
letter-spacing:-.006em!important;
text-transform:none!important;
}
body.fbm-orion-v2 .badge,
body.fbm-orion-v2 .label,
body.fbm-orion-v2 .lbl,
body.fbm-orion-v2 .fbm-soft-badge,
body.fbm-orion-v2 .fbm-status-pill,
body.fbm-orion-v2 .fbm-stock-pill{
font-size:11.75px!important;
font-weight:600!important;
letter-spacing:-.004em!important;
text-transform:none!important;
}
/* Accounts: readable dense account text without uneven ultra-bold pills. */
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-uid{
font-size:13.25px!important;
font-weight:600!important;
letter-spacing:-.01em!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-service{
font-size:12.25px!important;
font-weight:500!important;
color:#075985!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-field-label{
font-size:11.75px!important;
font-weight:600!important;
color:#64748b!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-field-value{
font-size:12.75px!important;
font-weight:500!important;
color:#142033!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-status-pill,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-stock-pill{
min-height:24px!important;
padding:4px 9px!important;
font-size:11.5px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-data-open{
font-size:12px!important;
font-weight:600!important;
min-height:32px!important;
height:32px!important;
}
/* Orders: services-style action rail; no 2x2 heavy grid, no squeezed labels. */
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-admin-orders-table-wrap{
--fbm-table-mobile-min:1280px!important;
--fbm-table-min:1280px!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table{
width:max-content!important;
min-width:max(100%,1280px)!important;
max-width:none!important;
table-layout:auto!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table th:last-child,
body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table td:last-child{
width:1%!important;
min-width:max-content!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions{
display:inline-flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:8px!important;
width:auto!important;
min-width:max-content!important;
max-width:none!important;
margin:0!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
flex:0 0 auto!important;
width:auto!important;
min-width:max-content!important;
min-height:32px!important;
height:32px!important;
padding:0 12px!important;
border-radius:9px!important;
font-size:12px!important;
font-weight:600!important;
line-height:1!important;
white-space:nowrap!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn i{
font-size:13px!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .is-view{
background:#f8fafc!important;
border-color:#dbe4ef!important;
color:#334155!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .is-download{
background:#1570ef!important;
border-color:#1570ef!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .is-copy{
background:#eef6ff!important;
border-color:#bfdbfe!important;
color:#175cd3!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .is-delete{
background:#f04438!important;
border-color:#f04438!important;
color:#fff!important;
}
/* Payments: note column readable and payment action button aligned with admin buttons. */
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-admin-payments-table-wrap{
--fbm-table-mobile-min:1120px!important;
--fbm-table-min:1120px!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page table.fbm-admin-payments-table{
width:max-content!important;
min-width:max(100%,1120px)!important;
max-width:none!important;
table-layout:auto!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page table.fbm-admin-payments-table th:nth-child(5),
body.fbm-orion-v2 .fbm-admin-payments-page table.fbm-admin-payments-table td:nth-child(5){
min-width:260px!important;
max-width:360px!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-note-cell{
display:flex!important;
flex-direction:column!important;
gap:3px!important;
color:#334155!important;
font-size:13.25px!important;
font-weight:500!important;
line-height:1.45!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-note-cell span{
color:#1f2937!important;
font-size:13.25px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-note-cell small{
color:#64748b!important;
font-size:12.25px!important;
font-weight:500!important;
line-height:1.35!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-note-cell a{
color:#1570ef!important;
font-size:12.5px!important;
font-weight:500!important;
text-decoration:none!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-gate-cell{
display:flex!important;
flex-direction:column!important;
gap:3px!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-gate-cell strong{
color:#15803d!important;
font-size:13px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-gate-cell small{
color:#64748b!important;
font-size:12px!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-delete-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
min-height:32px!important;
height:32px!important;
padding:0 12px!important;
border-radius:9px!important;
font-size:12px!important;
font-weight:600!important;
background:#f04438!important;
border-color:#f04438!important;
color:#fff!important;
}
/* Workers: readable instructional text. */
body.fbm-orion-v2 .fbm-admin-workers-page,
body.fbm-orion-v2 .fbm-admin-workers-page .card,
body.fbm-orion-v2 .fbm-admin-workers-page .form-control{
font-family:var(--fbm-font)!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-head h5,
body.fbm-orion-v2 .fbm-admin-workers-page .card-header,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-section-head h5{
color:#0f172a!important;
font-weight:600!important;
letter-spacing:-.018em!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-step{
background:#fbfdff!important;
border-color:#dbe7f3!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-step span{
color:#175cd3!important;
font-size:12px!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-step strong{
color:#111827!important;
font-size:14px!important;
font-weight:600!important;
letter-spacing:-.014em!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-step small,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-note,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-transfer-field small,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-cron-box small{
color:#475569!important;
font-size:13px!important;
font-weight:500!important;
line-height:1.55!important;
letter-spacing:-.006em!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-note strong,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-safe-tip strong,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-stat-card__value{
color:#0f172a!important;
font-weight:600!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-safe-tip{
color:#334155!important;
font-weight:500!important;
}
/* ========================================================================
HOTFIX1132 - global typography + order action color synchronization
------------------------------------------------------------------------
Root cause: several old page blocks used 760/800/850/900/950 weights and
tiny 10-11px badge/table text. On non-variable system fonts those weights
collapse inconsistently, so bold text looks uneven and some table text is
hard to read. This final layer normalizes common user/admin typography to
stable system weights (400/500/600/700) and aligns order action buttons.
======================================================================== */
:root{
--fbm-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif!important;
--fbm-weight-regular:400;
--fbm-weight-medium:500;
--fbm-weight-semibold:600;
--fbm-weight-bold:700;
}
body.fbm-orion-v2,
body.fbm-orion-v2 input,
body.fbm-orion-v2 button,
body.fbm-orion-v2 select,
body.fbm-orion-v2 textarea,
body.fbm-orion-v2 .table,
body.fbm-orion-v2 .card,
body.fbm-orion-v2 .dropdown-menu{
font-family:var(--fbm-font)!important;
font-synthesis-weight:none!important;
text-rendering:optimizeLegibility!important;
-webkit-font-smoothing:antialiased!important;
-moz-osx-font-smoothing:grayscale!important;
}
body.fbm-orion-v2 .main-content,
body.fbm-orion-v2 .main-content p,
body.fbm-orion-v2 .main-content span,
body.fbm-orion-v2 .main-content small,
body.fbm-orion-v2 .main-content td,
body.fbm-orion-v2 .main-content li,
body.fbm-orion-v2 .main-content label{
letter-spacing:-.004em!important;
}
body.fbm-orion-v2 .main-content h1,
body.fbm-orion-v2 .main-content h2,
body.fbm-orion-v2 .main-content h3,
body.fbm-orion-v2 .main-content h4,
body.fbm-orion-v2 .main-content h5,
body.fbm-orion-v2 .main-content h6,
body.fbm-orion-v2 .page-title h5,
body.fbm-orion-v2 .store-heading{
font-weight:var(--fbm-weight-bold)!important;
letter-spacing:-.028em!important;
}
body.fbm-orion-v2 .main-content strong,
body.fbm-orion-v2 .main-content b,
body.fbm-orion-v2 .font-weight-bold,
body.fbm-orion-v2 [style*="font-weight: bold"],
body.fbm-orion-v2 [style*="font-weight:bold"]{
font-weight:var(--fbm-weight-semibold)!important;
}
body.fbm-orion-v2 .table thead th,
body.fbm-orion-v2 .fbm-admin-table thead th,
body.fbm-orion-v2 .fbm-orders-table thead th,
body.fbm-orion-v2 .dataTables_wrapper label{
font-size:12.5px!important;
font-weight:var(--fbm-weight-semibold)!important;
letter-spacing:-.002em!important;
text-transform:none!important;
color:#526174!important;
}
body.fbm-orion-v2 .table tbody td,
body.fbm-orion-v2 .fbm-admin-table tbody td,
body.fbm-orion-v2 .fbm-orders-table tbody td{
font-size:13.35px!important;
font-weight:var(--fbm-weight-medium)!important;
line-height:1.45!important;
color:#182234!important;
}
body.fbm-orion-v2 .table tbody td small,
body.fbm-orion-v2 .table tbody td .text-muted,
body.fbm-orion-v2 .fbm-admin-table tbody td small,
body.fbm-orion-v2 .fbm-orders-table tbody td small{
font-size:12.35px!important;
font-weight:var(--fbm-weight-medium)!important;
color:#526174!important;
line-height:1.38!important;
}
body.fbm-orion-v2 .table tbody td strong,
body.fbm-orion-v2 .table tbody td b,
body.fbm-orion-v2 .fbm-admin-table tbody td strong,
body.fbm-orion-v2 .fbm-admin-table tbody td b,
body.fbm-orion-v2 .fbm-orders-table tbody td strong,
body.fbm-orion-v2 .fbm-orders-table tbody td b{
font-weight:var(--fbm-weight-semibold)!important;
color:#111827!important;
}
body.fbm-orion-v2 .btn,
body.fbm-orion-v2 .btn-sm,
body.fbm-orion-v2 .dropdown-item,
body.fbm-orion-v2 .fbm-core-actionbar .btn,
body.fbm-orion-v2 .fbm-table-action-strip .btn,
body.fbm-orion-v2 .fbm-order-actions .btn,
body.fbm-orion-v2 .fbm-row-actions .btn,
body.fbm-orion-v2 .service-action-stack .btn,
body.fbm-orion-v2 .fbm-service-table-btn,
body.fbm-orion-v2 .fbm-service-action-btn,
body.fbm-orion-v2 .fbm-account-data-open,
body.fbm-orion-v2 .fbm-payment-delete-btn{
font-size:12.25px!important;
font-weight:var(--fbm-weight-semibold)!important;
letter-spacing:-.003em!important;
text-transform:none!important;
line-height:1!important;
}
body.fbm-orion-v2 .badge,
body.fbm-orion-v2 .label,
body.fbm-orion-v2 .lbl,
body.fbm-orion-v2 .fbm-soft-badge,
body.fbm-orion-v2 .fbm-status-pill,
body.fbm-orion-v2 .fbm-stock-pill,
body.fbm-orion-v2 .product-status,
body.fbm-orion-v2 .service-type-pill,
body.fbm-orion-v2 .service-geo-pill,
body.fbm-orion-v2 .service-price-pill{
font-size:12px!important;
font-weight:var(--fbm-weight-semibold)!important;
letter-spacing:-.002em!important;
text-transform:none!important;
}
/* Accounts: labels/chips that were visually too bold/small. */
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-service,
body.fbm-orion-v2 .fbm-account-service,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-stock-pill,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-status-pill{
font-size:12.25px!important;
font-weight:var(--fbm-weight-semibold)!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-field-label{
font-size:12px!important;
font-weight:var(--fbm-weight-semibold)!important;
color:#526174!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-field-value{
font-size:13px!important;
font-weight:var(--fbm-weight-medium)!important;
color:#172033!important;
}
/* Workers: make explanatory text readable instead of faint/tiny. */
body.fbm-orion-v2 .fbm-admin-workers-page,
body.fbm-orion-v2 .fbm-admin-workers-page .card,
body.fbm-orion-v2 .fbm-admin-workers-page .form-control,
body.fbm-orion-v2 .fbm-admin-workers-page textarea{
font-size:13.4px!important;
font-weight:var(--fbm-weight-medium)!important;
color:#182234!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-step strong,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-section-head h5,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-head h5,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-preset-bar strong,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-safe-tip strong{
font-size:14.2px!important;
font-weight:var(--fbm-weight-semibold)!important;
color:#101827!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-step small,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-note,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-note span,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-transfer-field small,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-cron-box small,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-preset-bar small,
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-stat-card__hint{
font-size:13px!important;
font-weight:var(--fbm-weight-medium)!important;
color:#475569!important;
line-height:1.5!important;
}
body.fbm-orion-v2 .fbm-admin-workers-page .fbm-worker-guide-step span{
font-size:13px!important;
font-weight:var(--fbm-weight-semibold)!important;
}
/* Payments note readability. */
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-note-cell,
body.fbm-orion-v2 .fbm-payment-note-cell{
font-size:13.45px!important;
font-weight:var(--fbm-weight-medium)!important;
color:#1f2937!important;
line-height:1.5!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-note-cell span,
body.fbm-orion-v2 .fbm-payment-note-cell span{
font-size:13.45px!important;
font-weight:var(--fbm-weight-medium)!important;
color:#111827!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page .fbm-payment-note-cell small,
body.fbm-orion-v2 .fbm-payment-note-cell small{
font-size:12.75px!important;
font-weight:var(--fbm-weight-medium)!important;
color:#475569!important;
}
/* Order actions: split colors consistently on admin and user order tables. */
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-admin-orders-table-wrap,
body.fbm-orion-v2 .fbm-orders-page .fbm-orders-table-wrap,
body.fbm-orion-v2 .fbm-orders-table-wrap{
--fbm-table-mobile-min:1280px!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table,
body.fbm-orion-v2 .fbm-orders-page table.fbm-orders-table,
body.fbm-orion-v2 .fbm-orders-table-wrap table.fbm-orders-table{
width:max-content!important;
min-width:max(100%,1280px)!important;
max-width:none!important;
table-layout:auto!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table th:last-child,
body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table td:last-child,
body.fbm-orion-v2 .fbm-orders-page table.fbm-orders-table th:last-child,
body.fbm-orion-v2 .fbm-orders-page table.fbm-orders-table td:last-child,
body.fbm-orion-v2 .fbm-orders-table-wrap table.fbm-orders-table th:last-child,
body.fbm-orion-v2 .fbm-orders-table-wrap table.fbm-orders-table td:last-child{
width:1%!important;
min-width:max-content!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-actions,
body.fbm-orion-v2 .fbm-dashboard-order-actions{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:8px!important;
width:auto!important;
min-width:max-content!important;
max-width:none!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-action-btn,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-action-btn,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-action-btn,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btn,
body.fbm-orion-v2 .btnDownloadAccounts,
body.fbm-orion-v2 .btnCpAccounts,
body.fbm-orion-v2 .btnDeleteOrder{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
flex:0 0 auto!important;
width:auto!important;
min-width:max-content!important;
height:32px!important;
min-height:32px!important;
padding:0 12px!important;
border-radius:9px!important;
font-size:12.25px!important;
font-weight:var(--fbm-weight-semibold)!important;
line-height:1!important;
white-space:nowrap!important;
box-shadow:none!important;
}
body.fbm-orion-v2 .fbm-order-action-btn.is-view,
body.fbm-orion-v2 .btnViewAccounts.is-view,
body.fbm-orion-v2 .fbm-dashboard-order-actions .btnViewAccounts{
background:#f8fafc!important;
border-color:#d8e1ee!important;
color:#334155!important;
}
body.fbm-orion-v2 .fbm-order-action-btn.is-download,
body.fbm-orion-v2 .btnDownloadAccounts.is-download,
body.fbm-orion-v2 .btnDownloadAccounts{
background:#1570ef!important;
border-color:#1570ef!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-order-action-btn.is-copy,
body.fbm-orion-v2 .btnCpAccounts.is-copy,
body.fbm-orion-v2 .btnCpAccounts{
background:#0e9384!important;
border-color:#0e9384!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-order-action-btn.is-delete,
body.fbm-orion-v2 .btnDeleteOrder.is-delete,
body.fbm-orion-v2 .btnDeleteOrder{
background:#f04438!important;
border-color:#f04438!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-order-action-btn.is-view:hover,
body.fbm-orion-v2 .btnViewAccounts.is-view:hover{background:#eef2f7!important;color:#111827!important;}
body.fbm-orion-v2 .fbm-order-action-btn.is-download:hover,
body.fbm-orion-v2 .btnDownloadAccounts:hover{background:#175cd3!important;border-color:#175cd3!important;color:#fff!important;}
body.fbm-orion-v2 .fbm-order-action-btn.is-copy:hover,
body.fbm-orion-v2 .btnCpAccounts:hover{background:#107569!important;border-color:#107569!important;color:#fff!important;}
body.fbm-orion-v2 .fbm-order-action-btn.is-delete:hover,
body.fbm-orion-v2 .btnDeleteOrder:hover{background:#d92d20!important;border-color:#d92d20!important;color:#fff!important;}
/* HOTFIX1132B - high-specificity final order action colors. Older button grammar
rules use deeper selectors, so color states must be locked at the real order
action wrappers instead of the generic .btnCpAccounts selector. */
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn.is-view,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions .fbm-order-action-btn.is-view,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-actions .fbm-order-action-btn.is-view{
background-color:#f8fafc!important;
background-image:none!important;
border-color:#d8e1ee!important;
color:#334155!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn.is-download,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions .fbm-order-action-btn.is-download,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-actions .fbm-order-action-btn.is-download{
background-color:#1570ef!important;
background-image:none!important;
border-color:#1570ef!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn.is-copy,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions .fbm-order-action-btn.is-copy,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-actions .fbm-order-action-btn.is-copy{
background-color:#0e9384!important;
background-image:none!important;
border-color:#0e9384!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn.is-delete,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions .fbm-order-action-btn.is-delete,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-actions .fbm-order-action-btn.is-delete{
background-color:#f04438!important;
background-image:none!important;
border-color:#f04438!important;
color:#fff!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn i,
body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions .fbm-order-action-btn span,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions .fbm-order-action-btn i,
body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions .fbm-order-action-btn span,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-actions .fbm-order-action-btn i,
body.fbm-orion-v2 .fbm-orders-table-wrap .fbm-order-actions .fbm-order-action-btn span{
color:inherit!important;
font-weight:var(--fbm-weight-semibold)!important;
}
/* HOTFIX1132C - final high-specificity font locks for real table widgets. */
body.fbm-orion-v2 .fbm-admin-accounts-page table.fbm-admin-accounts-table tbody td .fbm-status-pill,
body.fbm-orion-v2 .fbm-admin-accounts-page table.fbm-admin-accounts-table tbody td .fbm-stock-pill,
body.fbm-orion-v2 .fbm-admin-accounts-page table.fbm-admin-accounts-table tbody td .fbm-account-service{
font-size:12.35px!important;
font-weight:500!important;
letter-spacing:-.002em!important;
}
body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table tbody td .fbm-order-row-actions .fbm-order-action-btn,
body.fbm-orion-v2 .fbm-orders-page table.fbm-orders-table tbody td .fbm-order-actions .fbm-order-action-btn,
body.fbm-orion-v2 .fbm-orders-table-wrap table.fbm-orders-table tbody td .fbm-order-actions .fbm-order-action-btn{
font-size:12.25px!important;
font-weight:500!important;
height:32px!important;
min-height:32px!important;
padding:0 12px!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page table.fbm-admin-payments-table tbody td .fbm-payment-note-cell,
body.fbm-orion-v2 .fbm-admin-payments-page table.fbm-admin-payments-table tbody td .fbm-payment-note-cell span{
font-size:13.5px!important;
font-weight:500!important;
color:#111827!important;
line-height:1.5!important;
}
body.fbm-orion-v2 .fbm-admin-payments-page table.fbm-admin-payments-table tbody td .fbm-payment-note-cell small{
font-size:12.8px!important;
font-weight:500!important;
color:#475569!important;
}
/* ========================================================================
HOTFIX1138 - neutral card surfaces + native table scroll contract
------------------------------------------------------------------------
Scan result:
- Card surfaces were still owned by multiple historical blocks (surface/card/product
contracts), many using blue-tinted borders (#b2ddff/#cfe0f4/#d7e5f3).
- Table scroll was also defined in several generations with mixed gutter/overscroll
policies. This final layer owns only the final visual/scroll contract.
Rules:
- Main cards use one neutral gray border language; no blue card outlines.
- Product cards keep state through rails/chips, not through blue borders.
- Table wrappers own one native horizontal scroll surface.
- Tables have no outside frame; only horizontal row separators.
======================================================================== */
body.fbm-orion-v2{
--fbm-card-bg:#ffffff;
--fbm-card-bg-soft:#fcfcfd;
--fbm-card-line:#e5e7eb;
--fbm-card-line-strong:#d1d5db;
--fbm-card-line-soft:#eef0f3;
--fbm-card-shadow:0 1px 2px rgba(15,23,42,.035),0 12px 28px rgba(15,23,42,.055);
--fbm-card-shadow-soft:0 1px 2px rgba(15,23,42,.025),0 8px 18px rgba(15,23,42,.040);
--fbm-card-radius-clean:18px;
--fbm-card-radius-lg-clean:20px;
--fbm-panel-bg:#ffffff;
--fbm-panel-bg-soft:#f9fafb;
--fbm-table-line:#d7dde6;
--fbm-table-line-soft:#e1e6ee;
--fbm-table-header:#f8fafc;
--fbm-table-row:#ffffff;
--fbm-table-row-alt:#fafbfc;
--fbm-table-row-hover:#f5f7fa;
--fbm-table-text:#142033;
--fbm-table-muted:#526174;
}
/* ---------------------------------------------------------------------
Single neutral card contract. Page-specific cards may own layout only;
edge color/depth comes from this final contract.
--------------------------------------------------------------------- */
html body.fbm-orion-v2 .main-heading.fbm-page-heading,
html body.fbm-orion-v2 .card,
html body.fbm-orion-v2 .fbm-card,
html body.fbm-orion-v2 .fbm-data-card,
html body.fbm-orion-v2 .fbm-history-card,
html body.fbm-orion-v2 .fbm-orders-card,
html body.fbm-orion-v2 .fbm-admin-list-card,
html body.fbm-orion-v2 .fbm-settings-card,
html body.fbm-orion-v2 .fbm-security-card,
html body.fbm-orion-v2 .fbm-account-tool-card,
html body.fbm-orion-v2 .fbm-worker-card,
html body.fbm-orion-v2 .fbm-doc-card,
html body.fbm-orion-v2 .fbm-doc-hero,
html body.fbm-orion-v2 .fbm-doc-tip,
html body.fbm-orion-v2 .fbm-doc-note-card,
html body.fbm-orion-v2 .api-card,
html body.fbm-orion-v2 .fbm-payment-card,
html body.fbm-orion-v2 .fbm-payment-card-v2,
html body.fbm-orion-v2 .fbm-deposit-panel-v3,
html body.fbm-orion-v2 .fbm-deposit-orders-card-v3,
html body.fbm-orion-v2 .fbm-transfer-user-card,
html body.fbm-orion-v2 .dashboard-notice-card,
html body.fbm-orion-v2 .dashboard-store-card,
html body.fbm-orion-v2 .store-shell,
html body.fbm-orion-v2 .fbm-dashboard-focus-card,
html body.fbm-orion-v2 .fbm-dashboard-selling-card,
html body.fbm-orion-v2 .fbm-dashboard-report-card,
html body.fbm-orion-v2 .fbm-order-management-card,
html body.fbm-orion-v2 .fbm-order-buyers-card,
html body.fbm-orion-v2 .fbm-core-activity-card,
html body.fbm-orion-v2 .fbm-user-side-panel,
html body.fbm-orion-v2 .fbm-services-card,
html body.fbm-orion-v2 .fbm-admin-profile-info-card,
html body.fbm-orion-v2 .fbm-admin-profile-security-card,
html body.fbm-orion-v2 .fbm-admin-profile-security-shell{
background:linear-gradient(180deg,var(--fbm-card-bg) 0%,var(--fbm-card-bg-soft) 100%)!important;
border:1px solid var(--fbm-card-line)!important;
box-shadow:var(--fbm-card-shadow)!important;
border-radius:var(--fbm-card-radius-lg-clean)!important;
}
html body.fbm-orion-v2 .card-header,
html body.fbm-orion-v2 .card > .card-header,
html body.fbm-orion-v2 .fbm-section-head,
html body.fbm-orion-v2 .fbm-core-actionbar,
html body.fbm-orion-v2 .fbm-doc-card__head,
html body.fbm-orion-v2 .fbm-deposit-panel-head-v3,
html body.fbm-orion-v2 .fbm-dashboard-report-panel__head,
html body.fbm-orion-v2 .fbm-dashboard-mini-panel__head,
html body.fbm-orion-v2 .fbm-user-side-panel-head,
html body.fbm-orion-v2 .fbm-core-activity-card > .card-header{
background:linear-gradient(180deg,#ffffff 0%,var(--fbm-panel-bg-soft) 100%)!important;
border-bottom:1px solid var(--fbm-card-line-soft)!important;
box-shadow:none!important;
}
/* Inset/technical panels: neutral gray, never blue-tinted by default. */
html body.fbm-orion-v2 .fbm-filter-panel,
html body.fbm-orion-v2 .fbm-core-flat-card,
html body.fbm-orion-v2 .fbm-core-info-card,
html body.fbm-orion-v2 .fbm-core-technical-card,
html body.fbm-orion-v2 .fbm-doc-nav,
html body.fbm-orion-v2 .fbm-doc-keybox,
html body.fbm-orion-v2 .fbm-doc-endpoint,
html body.fbm-orion-v2 .fbm-doc-param,
html body.fbm-orion-v2 .fbm-doc-param-list,
html body.fbm-orion-v2 .fbm-db-safe-list,
html body.fbm-orion-v2 .fbm-deposit-memo-v3,
html body.fbm-orion-v2 .fbm-deposit-memo-card,
html body.fbm-orion-v2 .fbm-payment-method-v3,
html body.fbm-orion-v2 .fbm-payment-line-v3,
html body.fbm-orion-v2 .fbm-transfer-box-v3,
html body.fbm-orion-v2 .fbm-buy-product-card,
html body.fbm-orion-v2 .fbm-buy-total-card,
html body.fbm-orion-v2 .fbm-upload-format-card,
html body.fbm-orion-v2 .fbm-service-range-card,
html body.fbm-orion-v2 .fbm-worker-note,
html body.fbm-orion-v2 .fbm-worker-guide-card,
html body.fbm-orion-v2 .fbm-admin-security-panel,
html body.fbm-orion-v2 .fbm-dashboard-report-panel,
html body.fbm-orion-v2 .fbm-dashboard-mini-panel,
html body.fbm-orion-v2 .fbm-dashboard-primary-metric,
html body.fbm-orion-v2 .fbm-buyer-card{
background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%)!important;
border:1px solid var(--fbm-card-line)!important;
box-shadow:var(--fbm-card-shadow-soft)!important;
border-radius:var(--fbm-card-radius-clean)!important;
}
/* KPI cards are still cards, but keep their colored identity as a small rail/icon only. */
html body.fbm-orion-v2 .fbm-stat-card,
html body.fbm-orion-v2 .store-summary-card,
html body.fbm-orion-v2 .info-stats4,
html body.fbm-orion-v2 .fbm-payment-mini-stat,
html body.fbm-orion-v2 .fbm-worker-kpi,
html body.fbm-orion-v2 .fbm-admin-kpi,
html body.fbm-orion-v2 .fbm-alert-summary-row .fbm-stat-card,
html body.fbm-orion-v2 .fbm-account-stat-row .fbm-stat-card,
html body.fbm-orion-v2 .fbm-orders-summary-row .fbm-stat-card{
background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%)!important;
border:1px solid var(--fbm-card-line)!important;
box-shadow:var(--fbm-card-shadow-soft)!important;
border-radius:var(--fbm-card-radius-clean)!important;
overflow:hidden!important;
}
/* Store/product tiles: neutral outside edge; state is shown by existing rails/chips. */
html body.fbm-orion-v2 .product-card,
html body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton),
html body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile{
background:linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%)!important;
border:1px solid var(--fbm-card-line)!important;
box-shadow:0 1px 2px rgba(15,23,42,.035),0 12px 26px rgba(15,23,42,.050)!important;
border-radius:var(--fbm-card-radius-lg-clean)!important;
}
html body.fbm-orion-v2 .product-card:hover,
html body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton):hover,
html body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile:hover{
border-color:var(--fbm-card-line-strong)!important;
box-shadow:0 2px 5px rgba(15,23,42,.045),0 18px 34px rgba(15,23,42,.070)!important;
}
html body.fbm-orion-v2 .product-card.is-low,
html body.fbm-orion-v2 .product-card.is-empty,
html body.fbm-orion-v2 .dashboard-home .product-card.is-low:not(.product-skeleton),
html body.fbm-orion-v2 .dashboard-home .product-card.is-empty:not(.product-skeleton){
border-color:var(--fbm-card-line)!important;
}
html body.fbm-orion-v2 .product-card-top,
html body.fbm-orion-v2 .product-price-row,
html body.fbm-orion-v2 .product-stock,
html body.fbm-orion-v2 .product-metric,
html body.fbm-orion-v2 .product-card-meta span,
html body.fbm-orion-v2 .service-stock-item,
html body.fbm-orion-v2 .service-range{
border-color:var(--fbm-card-line-soft)!important;
background:#ffffff!important;
}
/* ---------------------------------------------------------------------
Single native table scroll contract.
- One horizontal scroll owner: the outer table wrapper.
- No wrapper/table frame; only inner row separators from cells.
- Remove old stable-gutter/contain policies that make desktop scroll feel sticky.
--------------------------------------------------------------------- */
html body.fbm-orion-v2 .table-responsive,
html body.fbm-orion-v2 .fbm-core-table-scroll,
html body.fbm-orion-v2 .fbm-admin-table-wrap,
html body.fbm-orion-v2 .fbm-orders-table-wrap,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap,
html body.fbm-orion-v2 .fbm-table-shell,
html body.fbm-orion-v2 .fbm-worker-log-scroll{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:auto!important;
overscroll-behavior:auto!important;
scroll-behavior:auto!important;
scrollbar-gutter:auto!important;
touch-action:auto!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
html body.fbm-orion-v2 .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-core-table-scroll > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-admin-table-wrap > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-orders-table-wrap > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap > .dataTables_wrapper{
width:100%!important;
min-width:0!important;
max-width:100%!important;
overflow:visible!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
html body.fbm-orion-v2 .dataTables_wrapper .row,
html body.fbm-orion-v2 .dataTables_wrapper [class*="col-"],
html body.fbm-orion-v2 .dataTables_wrapper .col-sm-12{
min-width:0!important;
max-width:100%!important;
}
/* Tables wider than their shell scroll natively; page-specific rules may raise min-width. */
html body.fbm-orion-v2 .table-responsive > table.table,
html body.fbm-orion-v2 .fbm-core-table-scroll > table.table,
html body.fbm-orion-v2 .fbm-admin-table-wrap > table.table,
html body.fbm-orion-v2 .fbm-orders-table-wrap > table.table,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap > table.table,
html body.fbm-orion-v2 .dataTables_wrapper table.table{
width:max-content!important;
min-width:max(100%, var(--fbm-table-min, var(--fbm-table-mobile-min, 960px)))!important;
max-width:none!important;
table-layout:auto!important;
border-collapse:separate!important;
border-spacing:0!important;
border:0!important;
background:#ffffff!important;
}
/* Header cells: readable surface + horizontal separator only. */
html body.fbm-orion-v2 table.table thead th,
html body.fbm-orion-v2 .table-responsive table.table thead th,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table thead th,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-table-shell table.table thead th,
html body.fbm-orion-v2 .dataTables_wrapper table.table thead th{
background:var(--fbm-table-header)!important;
color:var(--fbm-table-muted)!important;
border-top:0!important;
border-left:0!important;
border-right:0!important;
border-bottom:1px solid var(--fbm-table-line)!important;
box-shadow:none!important;
font-size:12.8px!important;
font-weight:500!important;
letter-spacing:-.004em!important;
text-transform:none!important;
padding:12px 14px!important;
vertical-align:middle!important;
white-space:nowrap!important;
}
/* Body cells: horizontal row separator only; no vertical column lines. */
html body.fbm-orion-v2 table.table tbody td,
html body.fbm-orion-v2 .table-responsive table.table tbody td,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody td,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-table-shell table.table tbody td,
html body.fbm-orion-v2 .dataTables_wrapper table.table tbody td{
background:var(--fbm-table-row)!important;
color:var(--fbm-table-text)!important;
border-top:0!important;
border-left:0!important;
border-right:0!important;
border-bottom:1px solid var(--fbm-table-line)!important;
box-shadow:none!important;
font-size:13.35px!important;
font-weight:500!important;
line-height:1.45!important;
padding:12px 14px!important;
vertical-align:middle!important;
}
html body.fbm-orion-v2 table.table thead th:last-child,
html body.fbm-orion-v2 table.table tbody td:last-child{
border-right:0!important;
}
html body.fbm-orion-v2 table.table tbody tr:last-child td{
border-bottom:0!important;
}
html body.fbm-orion-v2 table.table tbody tr:nth-child(even) td{
background:var(--fbm-table-row-alt)!important;
}
html body.fbm-orion-v2 table.table tbody tr:hover td{
background:var(--fbm-table-row-hover)!important;
}
html body.fbm-orion-v2 table.table tbody td small,
html body.fbm-orion-v2 table.table tbody td .text-muted,
html body.fbm-orion-v2 table.table tbody td .fbm-table-muted{
font-size:12.45px!important;
font-weight:500!important;
color:var(--fbm-table-muted)!important;
line-height:1.38!important;
}
/* Thin native scrollbars; no thick thumb border that makes movement feel heavy. */
html body.fbm-orion-v2 .table-responsive::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-core-table-scroll::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-admin-table-wrap::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-orders-table-wrap::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-worker-log-scroll::-webkit-scrollbar{
height:8px!important;
width:8px!important;
}
html body.fbm-orion-v2 .table-responsive::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-core-table-scroll::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-admin-table-wrap::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-orders-table-wrap::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-worker-log-scroll::-webkit-scrollbar-thumb{
background:#c7d0dc!important;
border:0!important;
border-radius:999px!important;
}
html body.fbm-orion-v2 .table-responsive::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-core-table-scroll::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-admin-table-wrap::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-orders-table-wrap::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-worker-log-scroll::-webkit-scrollbar-track{
background:transparent!important;
}
/* Unified time component: timestamp first, relative time below. */
html body.fbm-orion-v2 .fbm-time-cell,
html body.fbm-orion-v2 .fbm-order-time{
display:inline-flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:3px!important;
min-width:124px!important;
white-space:nowrap!important;
line-height:1.18!important;
}
html body.fbm-orion-v2 .fbm-time-cell .fbm-time-main,
html body.fbm-orion-v2 .fbm-order-time .fbm-time-main{
color:#1570ef!important;
font-size:13.25px!important;
font-weight:500!important;
letter-spacing:-.006em!important;
}
html body.fbm-orion-v2 .fbm-time-cell .fbm-time-ago,
html body.fbm-orion-v2 .fbm-order-time .fbm-time-ago{
color:#64748b!important;
font-size:12.1px!important;
font-weight:500!important;
}
/* Page rules below only own sizing/action layout. */
html body.fbm-orion-v2 .fbm-orders-page table.fbm-orders-table{
min-width:max(100%,1080px)!important;
}
html body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table{
min-width:max(100%,1280px)!important;
}
html body.fbm-orion-v2 .fbm-admin-accounts-page table.fbm-admin-accounts-table{
min-width:max(100%,1120px)!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page table.fbm-users-table{
min-width:max(100%,1280px)!important;
}
html body.fbm-orion-v2 .fbm-orders-page table.fbm-orders-table th:last-child,
html body.fbm-orion-v2 .fbm-orders-page table.fbm-orders-table td:last-child,
html body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table th:last-child,
html body.fbm-orion-v2 .fbm-admin-order-management-page table.fbm-admin-orders-table td:last-child{
width:1%!important;
min-width:max-content!important;
white-space:nowrap!important;
}
html body.fbm-orion-v2 .fbm-orders-page .fbm-order-actions,
html body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-row-actions{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
flex-wrap:nowrap!important;
min-width:max-content!important;
}
html body.fbm-orion-v2 .fbm-orders-page .fbm-order-action-btn,
html body.fbm-orion-v2 .fbm-admin-order-management-page .fbm-order-action-btn{
height:32px!important;
min-height:32px!important;
padding:0 12px!important;
border-radius:9px!important;
font-size:12.35px!important;
font-weight:500!important;
white-space:nowrap!important;
}
html body.fbm-orion-v2 .fbm-order-action-btn.is-view{background:#f8fafc!important;border-color:#d1d5db!important;color:#334155!important;}
html body.fbm-orion-v2 .fbm-order-action-btn.is-download{background:#1570ef!important;border-color:#1570ef!important;color:#fff!important;}
html body.fbm-orion-v2 .fbm-order-action-btn.is-copy{background:#0e9384!important;border-color:#0e9384!important;color:#fff!important;}
html body.fbm-orion-v2 .fbm-order-action-btn.is-delete{background:#f04438!important;border-color:#f04438!important;color:#fff!important;}
/* HOTFIX1138B - computed-lock audit for high-specificity legacy card/scroll rules.
This is still part of the 1138 contract: it exists because older selectors chain
multiple wrapper classes together, so single-class final rules cannot win against
important + higher specificity declarations. */
html body.fbm-orion-v2.fbm-orion-v2 .table-responsive.fbm-core-table-scroll,
html body.fbm-orion-v2.fbm-orion-v2 .table-responsive.fbm-admin-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .table-responsive.fbm-orders-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .table-responsive.fbm-deposit-orders-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-table-scroll.fbm-admin-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-table-scroll.fbm-orders-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-core-table-scroll.fbm-deposit-orders-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-table-wrap.fbm-admin-orders-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-table-wrap.fbm-admin-payments-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-table-wrap.fbm-admin-deposit-orders-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-table-wrap.fbm-accounts-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-table-wrap.fbm-users-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-table-wrap.fbm-services-table-wrap,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-table-wrap.fbm-worker-log-scroll{
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:auto!important;
overscroll-behavior:auto!important;
overscroll-behavior-x:auto!important;
overscroll-behavior-y:auto!important;
scrollbar-gutter:auto!important;
touch-action:auto!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-low,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-empty,
html body.fbm-orion-v2.fbm-orion-v2 .dashboard-home .product-card.is-low:not(.product-skeleton),
html body.fbm-orion-v2.fbm-orion-v2 .dashboard-home .product-card.is-empty:not(.product-skeleton),
html body.fbm-orion-v2.fbm-orion-v2 .product-card.fbm-service-tile.is-low,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.fbm-service-tile.is-empty{
background:linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%)!important;
border:1px solid var(--fbm-card-line)!important;
box-shadow:0 1px 2px rgba(15,23,42,.035),0 12px 26px rgba(15,23,42,.050)!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-low:hover,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-empty:hover,
html body.fbm-orion-v2.fbm-orion-v2 .dashboard-home .product-card.is-low:not(.product-skeleton):hover,
html body.fbm-orion-v2.fbm-orion-v2 .dashboard-home .product-card.is-empty:not(.product-skeleton):hover{
border-color:var(--fbm-card-line-strong)!important;
box-shadow:0 2px 5px rgba(15,23,42,.045),0 18px 34px rgba(15,23,42,.070)!important;
}
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-low .product-card-top,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-low .product-price-row,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-low .product-stock,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-low .product-metric,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-low .product-card-meta span,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-empty .product-card-top,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-empty .product-price-row,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-empty .product-stock,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-empty .product-metric,
html body.fbm-orion-v2.fbm-orion-v2 .product-card.is-empty .product-card-meta span{
border-color:var(--fbm-card-line-soft)!important;
background:#ffffff!important;
box-shadow:none!important;
}
/* HOTFIX1138C - remaining page card-class audit coverage. */
html body.fbm-orion-v2.fbm-orion-v2 .fbm-admin-profile-identity-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-danger-zone-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-deposit-admin-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-deposit-orders-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-deposit-shell-v3,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-payments-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-profile-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-profile-help-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-profile-identity-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-users-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-worker-config-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-worker-service-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-worker-log-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-worker-monitor-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-worker-running-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-contact-card,
html body.fbm-orion-v2.fbm-orion-v2 .fbm-maintenance-admin-card{
background:linear-gradient(180deg,var(--fbm-card-bg) 0%,var(--fbm-card-bg-soft) 100%)!important;
border:1px solid var(--fbm-card-line)!important;
box-shadow:var(--fbm-card-shadow)!important;
border-radius:var(--fbm-card-radius-lg-clean)!important;
}
/* ========================================================================
HOTFIX1139 - component audit cleanup: neutral surfaces, inner-radius stability,
and single native table-scroll owner
------------------------------------------------------------------------
Audit scope: cards/panels, tables, table scroll wrappers, forms, buttons,
badges/chips, dropdowns and modal shells. This block intentionally owns only
component-level visuals; page-specific blocks should own layout/width only.
======================================================================== */
html body.fbm-orion-v2{
/* Neutralize legacy blue edge variables so any older component that still reads
--fbm-edge-* no longer creates inconsistent blue outlines. */
--fbm-edge-1:#e5e7eb;
--fbm-edge-2:#d1d5db;
--fbm-edge-3:#cbd5e1;
--fbm-surface-1:#ffffff;
--fbm-surface-2:#fafafa;
--fbm-surface-3:#f4f4f5;
--fbm-component-line:#e5e7eb;
--fbm-component-line-strong:#d1d5db;
--fbm-component-line-soft:#f0f2f4;
--fbm-component-bg:#ffffff;
--fbm-component-bg-soft:#fafafa;
--fbm-component-shadow:0 1px 2px rgba(15,23,42,.035),0 10px 24px rgba(15,23,42,.045);
--fbm-component-shadow-soft:0 1px 2px rgba(15,23,42,.025),0 6px 16px rgba(15,23,42,.035);
--fbm-component-radius:18px;
--fbm-component-radius-sm:12px;
--fbm-component-radius-xs:9px;
--fbm-table-line:#d7dde6;
--fbm-table-line-soft:#e4e8ef;
--fbm-table-header:#f8fafc;
--fbm-table-row:#ffffff;
--fbm-table-row-alt:#fafafa;
--fbm-table-row-hover:#f5f6f8;
}
/* Main surface contract. The border is neutral gray, never blue. */
html body.fbm-orion-v2 .card,
html body.fbm-orion-v2 .fbm-card,
html body.fbm-orion-v2 .fbm-data-card,
html body.fbm-orion-v2 .fbm-history-card,
html body.fbm-orion-v2 .fbm-orders-card,
html body.fbm-orion-v2 .fbm-admin-list-card,
html body.fbm-orion-v2 .fbm-settings-card,
html body.fbm-orion-v2 .fbm-setting-card,
html body.fbm-orion-v2 .fbm-security-card,
html body.fbm-orion-v2 .fbm-account-tool-card,
html body.fbm-orion-v2 .fbm-worker-card,
html body.fbm-orion-v2 .fbm-worker-config-card,
html body.fbm-orion-v2 .fbm-worker-service-card,
html body.fbm-orion-v2 .fbm-worker-log-card,
html body.fbm-orion-v2 .fbm-worker-monitor-card,
html body.fbm-orion-v2 .fbm-worker-running-card,
html body.fbm-orion-v2 .fbm-doc-card,
html body.fbm-orion-v2 .fbm-doc-hero,
html body.fbm-orion-v2 .fbm-doc-tip,
html body.fbm-orion-v2 .fbm-doc-note-card,
html body.fbm-orion-v2 .api-card,
html body.fbm-orion-v2 .fbm-payment-card,
html body.fbm-orion-v2 .fbm-payment-card-v2,
html body.fbm-orion-v2 .fbm-payments-card,
html body.fbm-orion-v2 .fbm-deposit-panel-v3,
html body.fbm-orion-v2 .fbm-deposit-shell-v3,
html body.fbm-orion-v2 .fbm-deposit-admin-card,
html body.fbm-orion-v2 .fbm-deposit-orders-card,
html body.fbm-orion-v2 .fbm-deposit-orders-card-v3,
html body.fbm-orion-v2 .fbm-transfer-user-card,
html body.fbm-orion-v2 .dashboard-notice-card,
html body.fbm-orion-v2 .dashboard-store-card,
html body.fbm-orion-v2 .store-shell,
html body.fbm-orion-v2 .fbm-dashboard-focus-card,
html body.fbm-orion-v2 .fbm-dashboard-selling-card,
html body.fbm-orion-v2 .fbm-dashboard-report-card,
html body.fbm-orion-v2 .fbm-order-management-card,
html body.fbm-orion-v2 .fbm-order-buyers-card,
html body.fbm-orion-v2 .fbm-core-activity-card,
html body.fbm-orion-v2 .fbm-user-side-panel,
html body.fbm-orion-v2 .fbm-services-card,
html body.fbm-orion-v2 .fbm-users-card,
html body.fbm-orion-v2 .fbm-contact-card,
html body.fbm-orion-v2 .fbm-admin-profile-info-card,
html body.fbm-orion-v2 .fbm-admin-profile-identity-card,
html body.fbm-orion-v2 .fbm-admin-profile-security-card,
html body.fbm-orion-v2 .fbm-admin-profile-security-shell,
html body.fbm-orion-v2 .fbm-profile-card,
html body.fbm-orion-v2 .fbm-profile-help-card,
html body.fbm-orion-v2 .fbm-profile-identity-card,
html body.fbm-orion-v2 .fbm-danger-zone-card,
html body.fbm-orion-v2 .fbm-maintenance-admin-card,
html body.fbm-orion-v2 .database-status-panel,
html body.fbm-orion-v2 .fbm-db-status-panel,
html body.fbm-orion-v2 .fbm-cache-status-card,
html body.fbm-orion-v2 .fbm-route-loader__box{
background:linear-gradient(180deg,var(--fbm-component-bg) 0%,var(--fbm-component-bg-soft) 100%)!important;
border:1px solid var(--fbm-component-line)!important;
box-shadow:var(--fbm-component-shadow)!important;
border-radius:var(--fbm-component-radius)!important;
background-clip:padding-box!important;
outline:0!important;
isolation:isolate!important;
}
/* Inner rounded areas. This prevents desktop sub-pixel broken corners where a
header/panel background touches a rounded parent edge. */
html body.fbm-orion-v2 .card > .card-header:first-child,
html body.fbm-orion-v2 .card > .fbm-card-header:first-child,
html body.fbm-orion-v2 .fbm-card > .card-header:first-child,
html body.fbm-orion-v2 .fbm-card > .fbm-card-header:first-child,
html body.fbm-orion-v2 .fbm-section-head,
html body.fbm-orion-v2 .fbm-section-head-v3,
html body.fbm-orion-v2 .fbm-section-head-compact,
html body.fbm-orion-v2 .fbm-core-actionbar,
html body.fbm-orion-v2 .fbm-doc-card__head,
html body.fbm-orion-v2 .fbm-deposit-panel-head-v3,
html body.fbm-orion-v2 .fbm-payment-method-v3__head,
html body.fbm-orion-v2 .fbm-dashboard-report-panel__head,
html body.fbm-orion-v2 .fbm-dashboard-mini-panel__head,
html body.fbm-orion-v2 .fbm-user-side-panel-head,
html body.fbm-orion-v2 .fbm-dashboard-focus-card__head,
html body.fbm-orion-v2 .fbm-admin-security-panel-head{
background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%)!important;
border-color:var(--fbm-component-line-soft)!important;
border-bottom:1px solid var(--fbm-component-line-soft)!important;
box-shadow:none!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 .card > .card-header:first-child,
html body.fbm-orion-v2 .card > .fbm-card-header:first-child,
html body.fbm-orion-v2 .fbm-card > .card-header:first-child,
html body.fbm-orion-v2 .fbm-card > .fbm-card-header:first-child{
border-top-left-radius:calc(var(--fbm-component-radius) - 1px)!important;
border-top-right-radius:calc(var(--fbm-component-radius) - 1px)!important;
}
/* Inset panels use a smaller radius than their parent so nested rounded lines do not overlap. */
html body.fbm-orion-v2 .fbm-filter-panel,
html body.fbm-orion-v2 .fbm-core-flat-card,
html body.fbm-orion-v2 .fbm-core-info-card,
html body.fbm-orion-v2 .fbm-core-technical-card,
html body.fbm-orion-v2 .fbm-doc-nav,
html body.fbm-orion-v2 .fbm-doc-keybox,
html body.fbm-orion-v2 .fbm-doc-endpoint,
html body.fbm-orion-v2 .fbm-doc-param,
html body.fbm-orion-v2 .fbm-doc-param-list,
html body.fbm-orion-v2 .fbm-db-safe-list,
html body.fbm-orion-v2 .fbm-deposit-memo-v3,
html body.fbm-orion-v2 .fbm-deposit-memo-card,
html body.fbm-orion-v2 .fbm-payment-method-v3,
html body.fbm-orion-v2 .fbm-payment-line-v3,
html body.fbm-orion-v2 .fbm-transfer-box-v3,
html body.fbm-orion-v2 .fbm-buy-product-card,
html body.fbm-orion-v2 .fbm-buy-total-card,
html body.fbm-orion-v2 .fbm-upload-format-card,
html body.fbm-orion-v2 .fbm-service-range-card,
html body.fbm-orion-v2 .fbm-worker-note,
html body.fbm-orion-v2 .fbm-worker-guide-card,
html body.fbm-orion-v2 .fbm-worker-cron-box,
html body.fbm-orion-v2 .fbm-worker-safe-tip,
html body.fbm-orion-v2 .fbm-admin-security-panel,
html body.fbm-orion-v2 .fbm-dashboard-report-panel,
html body.fbm-orion-v2 .fbm-dashboard-mini-panel,
html body.fbm-orion-v2 .fbm-dashboard-primary-metric,
html body.fbm-orion-v2 .fbm-buyer-card,
html body.fbm-orion-v2 .fbm-wallet-summary-box,
html body.fbm-orion-v2 .fbm-maintenance-message-box,
html body.fbm-orion-v2 .fbm-api-key-panel{
background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%)!important;
border:1px solid var(--fbm-component-line)!important;
box-shadow:var(--fbm-component-shadow-soft)!important;
border-radius:var(--fbm-component-radius-sm)!important;
background-clip:padding-box!important;
}
/* Product/service tiles: neutral outside edge. Availability still lives in chips/rails. */
html body.fbm-orion-v2 .product-card,
html body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton),
html body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile{
background:linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%)!important;
border:1px solid var(--fbm-component-line)!important;
box-shadow:var(--fbm-component-shadow-soft)!important;
border-radius:var(--fbm-component-radius)!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 .product-card-top,
html body.fbm-orion-v2 .product-price-row,
html body.fbm-orion-v2 .product-stock,
html body.fbm-orion-v2 .product-metric,
html body.fbm-orion-v2 .product-card-meta span,
html body.fbm-orion-v2 .service-stock-item,
html body.fbm-orion-v2 .service-range,
html body.fbm-orion-v2 .product-quality-chip,
html body.fbm-orion-v2 .product-status{
border-color:var(--fbm-component-line-soft)!important;
background:#ffffff!important;
background-clip:padding-box!important;
}
/* Form controls/dropdowns/modals/badges use the same neutral radius system. */
html body.fbm-orion-v2 .form-control,
html body.fbm-orion-v2 .custom-select,
html body.fbm-orion-v2 select.form-control,
html body.fbm-orion-v2 textarea.form-control,
html body.fbm-orion-v2 input[type="text"],
html body.fbm-orion-v2 input[type="password"],
html body.fbm-orion-v2 input[type="email"],
html body.fbm-orion-v2 input[type="number"],
html body.fbm-orion-v2 input[type="search"],
html body.fbm-orion-v2 input[type="date"],
html body.fbm-orion-v2 input[type="datetime-local"],
html body.fbm-orion-v2 input[type="tel"],
html body.fbm-orion-v2 input[type="url"],
html body.fbm-orion-v2 .input-group-text,
html body.fbm-orion-v2 .dropdown-menu,
html body.fbm-orion-v2 .modal-content,
html body.fbm-orion-v2 .popover,
html body.fbm-orion-v2 .tooltip-inner,
html body.fbm-orion-v2 .badge,
html body.fbm-orion-v2 .label{
border-color:var(--fbm-component-line)!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 .form-control,
html body.fbm-orion-v2 .custom-select,
html body.fbm-orion-v2 select.form-control,
html body.fbm-orion-v2 textarea.form-control,
html body.fbm-orion-v2 input[type="text"],
html body.fbm-orion-v2 input[type="password"],
html body.fbm-orion-v2 input[type="email"],
html body.fbm-orion-v2 input[type="number"],
html body.fbm-orion-v2 input[type="search"],
html body.fbm-orion-v2 input[type="date"],
html body.fbm-orion-v2 input[type="datetime-local"],
html body.fbm-orion-v2 input[type="tel"],
html body.fbm-orion-v2 input[type="url"],
html body.fbm-orion-v2 .btn{
border-radius:var(--fbm-component-radius-xs)!important;
}
html body.fbm-orion-v2 .modal-content,
html body.fbm-orion-v2 .dropdown-menu,
html body.fbm-orion-v2 .popover{
border-radius:14px!important;
box-shadow:0 12px 32px rgba(15,23,42,.13),0 2px 8px rgba(15,23,42,.04)!important;
}
/* Single table-scroll contract. DataTables wrapper must not become a nested
horizontal scroller unless it explicitly carries the old scroll-owner class. */
html body.fbm-orion-v2 .dataTables_wrapper:not(.fbm-dt-inside-scroll):not(.fbm-table-scroll-owner){
overflow:visible!important;
max-width:100%!important;
}
html body.fbm-orion-v2 .table-responsive,
html body.fbm-orion-v2 .fbm-core-table-scroll,
html body.fbm-orion-v2 .fbm-admin-table-wrap,
html body.fbm-orion-v2 .fbm-orders-table-wrap,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap,
html body.fbm-orion-v2 .fbm-table-shell,
html body.fbm-orion-v2 .fbm-worker-log-scroll{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:auto!important;
overscroll-behavior:auto!important;
overscroll-behavior-x:auto!important;
overscroll-behavior-y:auto!important;
scroll-behavior:auto!important;
scrollbar-gutter:auto!important;
touch-action:auto!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
html body.fbm-orion-v2 .table-responsive > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-core-table-scroll > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-admin-table-wrap > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-orders-table-wrap > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap > .dataTables_wrapper,
html body.fbm-orion-v2 .fbm-table-shell > .dataTables_wrapper{
width:max-content!important;
min-width:100%!important;
max-width:none!important;
overflow:visible!important;
}
html body.fbm-orion-v2 .table-responsive table.table,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table,
html body.fbm-orion-v2 .fbm-table-shell table.table,
html body.fbm-orion-v2 .fbm-worker-log-scroll table.table,
html body.fbm-orion-v2 table.dataTable{
width:max-content!important;
min-width:max(100%, var(--fbm-table-min, var(--fbm-table-mobile-min, 960px)))!important;
max-width:none!important;
table-layout:auto!important;
border-collapse:collapse!important;
border-spacing:0!important;
border:0!important;
background:#ffffff!important;
box-shadow:none!important;
}
html body.fbm-orion-v2 table.table thead th,
html body.fbm-orion-v2 table.dataTable thead th{
background:var(--fbm-table-header)!important;
border-top:0!important;
border-left:0!important;
border-right:0!important;
border-bottom:1px solid var(--fbm-table-line)!important;
color:#475467!important;
}
html body.fbm-orion-v2 table.table tbody td,
html body.fbm-orion-v2 table.dataTable tbody td,
html body.fbm-orion-v2 table.table tbody th,
html body.fbm-orion-v2 table.dataTable tbody th{
border-top:0!important;
border-left:0!important;
border-right:0!important;
border-bottom:1px solid var(--fbm-table-line)!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 table.table thead th:last-child,
html body.fbm-orion-v2 table.dataTable thead th:last-child,
html body.fbm-orion-v2 table.table tbody td:last-child,
html body.fbm-orion-v2 table.dataTable tbody td:last-child,
html body.fbm-orion-v2 table.table tbody th:last-child,
html body.fbm-orion-v2 table.dataTable tbody th:last-child{border-right:0!important;}
html body.fbm-orion-v2 table.table tbody tr:last-child > td,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > td,
html body.fbm-orion-v2 table.table tbody tr:last-child > th,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > th{border-bottom:0!important;}
html body.fbm-orion-v2 table.table tbody tr:nth-child(even) > td,
html body.fbm-orion-v2 table.dataTable tbody tr:nth-child(even) > td{background:var(--fbm-table-row-alt)!important;}
html body.fbm-orion-v2 table.table tbody tr:hover > td,
html body.fbm-orion-v2 table.dataTable tbody tr:hover > td{background:var(--fbm-table-row-hover)!important;}
/* Thin native scrollbar only on the scroll owner. */
html body.fbm-orion-v2 .table-responsive::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-core-table-scroll::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-admin-table-wrap::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-orders-table-wrap::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap::-webkit-scrollbar,
html body.fbm-orion-v2 .fbm-worker-log-scroll::-webkit-scrollbar{height:8px!important;width:8px!important;}
html body.fbm-orion-v2 .table-responsive::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-core-table-scroll::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-admin-table-wrap::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-orders-table-wrap::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap::-webkit-scrollbar-thumb,
html body.fbm-orion-v2 .fbm-worker-log-scroll::-webkit-scrollbar-thumb{background:#c7d0dc!important;border:0!important;border-radius:999px!important;}
html body.fbm-orion-v2 .table-responsive::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-core-table-scroll::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-admin-table-wrap::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-orders-table-wrap::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap::-webkit-scrollbar-track,
html body.fbm-orion-v2 .fbm-worker-log-scroll::-webkit-scrollbar-track{background:transparent!important;}
/* HOTFIX1139B - remaining component token locks after full scan.
Neutralizes legacy blue token fallbacks that are still referenced by older, non-card widgets. */
html body.fbm-orion-v2{
--fbm-page-heading-border:#e5e7eb;
--fbm-doc-line:#e5e7eb;
--fbm-doc-line-soft:#f0f2f4;
--fbm-dropdown-border:#d1d5db;
--fbm-table-border:#d7dde6;
--fbm-table-row-border:#d7dde6;
}
html body.fbm-orion-v2 .main-heading.fbm-page-heading,
html body.fbm-orion-v2 .fbm-auth-shell,
html body.fbm-orion-v2 .fbm-sidebar-brand-card,
html body.fbm-orion-v2 .fbm-worker-state-hero,
html body.fbm-orion-v2 .fbm-worker-kpi,
html body.fbm-orion-v2 .fbm-admin-kpi,
html body.fbm-orion-v2 .fbm-stat-card,
html body.fbm-orion-v2 .store-summary-card,
html body.fbm-orion-v2 .info-stats4,
html body.fbm-orion-v2 .fbm-payment-mini-stat{
border-color:var(--fbm-component-line)!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 .product-card:hover,
html body.fbm-orion-v2 .dashboard-home .product-card:not(.product-skeleton):hover,
html body.fbm-orion-v2 .dashboard-home .product-card.fbm-service-tile:hover{
border-color:var(--fbm-component-line-strong)!important;
box-shadow:var(--fbm-component-shadow)!important;
}
html body.fbm-orion-v2 .card > .card-body:first-child:last-child,
html body.fbm-orion-v2 .fbm-card > .card-body:first-child:last-child{
border-radius:calc(var(--fbm-component-radius) - 1px)!important;
}
html body.fbm-orion-v2 .card > .card-body:last-child,
html body.fbm-orion-v2 .fbm-card > .card-body:last-child{
border-bottom-left-radius:calc(var(--fbm-component-radius) - 1px)!important;
border-bottom-right-radius:calc(var(--fbm-component-radius) - 1px)!important;
}
/* =====================================================================
HOTFIX1140 - component/font/side-panel/purchase-role final contract
Goal: remove uneven heavy typography, keep neutral surfaces, give sticky side cards
a subtle brush background, and keep table scrolling owned by one wrapper only.
===================================================================== */
html body.fbm-orion-v2{
--fbm-font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
--fbm-weight-regular:400;
--fbm-weight-medium:500;
--fbm-weight-semibold:600;
--fbm-weight-bold:700;
--fbm-component-line:#e5e7eb;
--fbm-component-line-strong:#d1d5db;
--fbm-component-surface:#ffffff;
--fbm-component-surface-soft:#f8fafc;
--fbm-component-shadow:0 12px 30px rgba(15,23,42,.055);
--fbm-component-radius:18px;
--fbm-table-line:#d6dee8;
--fbm-table-line-soft:#e2e8f0;
--fbm-table-header:#f8fafc;
--fbm-table-row-alt:#fbfdff;
--fbm-table-row-hover:#f3f7fb;
font-family:var(--fbm-font-sans)!important;
-webkit-font-smoothing:antialiased;
text-rendering:geometricPrecision;
}
/* Typography contract: no more 820/900/950 style title weights. */
html body.fbm-orion-v2 .page-title h5,
html body.fbm-orion-v2 .fbm-core-actionbar__title,
html body.fbm-orion-v2 .fbm-user-side-panel-title,
html body.fbm-orion-v2 .dashboard-section-head h4,
html body.fbm-orion-v2 .dashboard-section-title,
html body.fbm-orion-v2 .card-header,
html body.fbm-orion-v2 .fbm-card-header-line,
html body.fbm-orion-v2 .notice-title,
html body.fbm-orion-v2 .fbm-activity-empty-title,
html body.fbm-orion-v2 .fbm-order-id strong,
html body.fbm-orion-v2 .fbm-order-service strong{
font-family:var(--fbm-font-sans)!important;
font-weight:var(--fbm-weight-semibold)!important;
letter-spacing:-.018em!important;
text-rendering:geometricPrecision!important;
}
html body.fbm-orion-v2 .page-title h5{font-size:25px!important;line-height:1.12!important;color:#111827!important;}
html body.fbm-orion-v2 .page-title h6,
html body.fbm-orion-v2 .page-title .sub-heading{font-weight:500!important;color:#667085!important;letter-spacing:0!important;}
html body.fbm-orion-v2 b,
html body.fbm-orion-v2 strong,
html body.fbm-orion-v2 .font-weight-bold{font-weight:600!important;}
html body.fbm-orion-v2 .btn,
html body.fbm-orion-v2 .badge,
html body.fbm-orion-v2 .fbm-soft-badge,
html body.fbm-orion-v2 .fbm-status-pill,
html body.fbm-orion-v2 .product-geo,
html body.fbm-orion-v2 .product-quality-chip,
html body.fbm-orion-v2 .product-meta-chip,
html body.fbm-orion-v2 .fbm-user-role-badge,
html body.fbm-orion-v2 .fbm-order-free-badge{
font-family:var(--fbm-font-sans)!important;
font-weight:600!important;
letter-spacing:0!important;
}
/* Neutral card surface contract. Avoid blue-tinted border as default surface. */
html body.fbm-orion-v2 .card,
html body.fbm-orion-v2 .fbm-card,
html body.fbm-orion-v2 .fbm-stat-card,
html body.fbm-orion-v2 .store-summary-card,
html body.fbm-orion-v2 .info-stats4,
html body.fbm-orion-v2 .fbm-admin-kpi,
html body.fbm-orion-v2 .fbm-worker-kpi,
html body.fbm-orion-v2 .fbm-worker-config-card,
html body.fbm-orion-v2 .fbm-worker-service-card,
html body.fbm-orion-v2 .fbm-worker-monitor-card,
html body.fbm-orion-v2 .fbm-users-card,
html body.fbm-orion-v2 .fbm-danger-zone-card,
html body.fbm-orion-v2 .fbm-deposit-admin-card,
html body.fbm-orion-v2 .fbm-admin-profile-identity-card,
html body.fbm-orion-v2 .fbm-contact-card{
border:1px solid var(--fbm-component-line)!important;
background:var(--fbm-component-surface)!important;
box-shadow:var(--fbm-component-shadow)!important;
border-radius:var(--fbm-component-radius)!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 .card > .card-header,
html body.fbm-orion-v2 .fbm-card > .card-header{
background:linear-gradient(180deg,#ffffff,#fafbfc)!important;
border-bottom:1px solid var(--fbm-component-line)!important;
border-top-left-radius:calc(var(--fbm-component-radius) - 1px)!important;
border-top-right-radius:calc(var(--fbm-component-radius) - 1px)!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 .card > .card-body,
html body.fbm-orion-v2 .fbm-card > .card-body{
background-clip:padding-box!important;
}
/* Sticky/right-side cards: subtle brush so they are distinguishable from flat cards. */
html body.fbm-orion-v2 .fbm-user-side-panel,
html body.fbm-orion-v2 .fbm-core-activity-card{
position:relative!important;
overflow:hidden!important;
border-color:#e5e7eb!important;
background:
radial-gradient(circle at 12% 8%, rgba(37,99,235,.075), transparent 31%),
radial-gradient(circle at 92% 18%, rgba(20,184,166,.10), transparent 30%),
linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96))!important;
box-shadow:0 16px 42px rgba(15,23,42,.075)!important;
}
html body.fbm-orion-v2 .fbm-user-side-panel:before,
html body.fbm-orion-v2 .fbm-core-activity-card:before{
content:""!important;
position:absolute!important;
inset:0 auto 0 0!important;
width:4px!important;
border-radius:999px!important;
background:linear-gradient(180deg,#2563eb,#14b8a6)!important;
opacity:.82!important;
z-index:0!important;
pointer-events:none!important;
}
html body.fbm-orion-v2 .fbm-user-side-panel > *,
html body.fbm-orion-v2 .fbm-core-activity-card > *{position:relative!important;z-index:1!important;}
html body.fbm-orion-v2 .fbm-user-side-panel-head,
html body.fbm-orion-v2 .fbm-core-activity-header{
background:rgba(255,255,255,.62)!important;
border-bottom:1px solid rgba(229,231,235,.86)!important;
backdrop-filter:blur(8px)!important;
}
html body.fbm-orion-v2 .notice-title,
html body.fbm-orion-v2 .notice-item strong{
color:#111827!important;
font-size:13.25px!important;
}
/* Table scroll contract: wrapper owns scrolling, no outer frame, only horizontal row separators. */
html body.fbm-orion-v2 .table-responsive,
html body.fbm-orion-v2 .fbm-core-table-scroll,
html body.fbm-orion-v2 .fbm-admin-table-wrap,
html body.fbm-orion-v2 .fbm-orders-table-wrap,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap,
html body.fbm-orion-v2 .fbm-worker-log-scroll,
html body.fbm-orion-v2 .fbm-table-shell{
border:0!important;
box-shadow:none!important;
background:transparent!important;
overflow-x:auto!important;
overflow-y:hidden!important;
overscroll-behavior:auto!important;
scroll-behavior:auto!important;
scrollbar-gutter:auto!important;
-webkit-overflow-scrolling:auto!important;
contain:none!important;
}
html body.fbm-orion-v2 table.table,
html body.fbm-orion-v2 table.dataTable{
border:0!important;
box-shadow:none!important;
border-collapse:collapse!important;
border-spacing:0!important;
}
html body.fbm-orion-v2 table.table thead th,
html body.fbm-orion-v2 table.dataTable thead th{
font-size:12px!important;
font-weight:600!important;
color:#475467!important;
text-transform:none!important;
background:var(--fbm-table-header)!important;
border-top:0!important;
border-left:0!important;
border-right:0!important;
border-bottom:1px solid var(--fbm-table-line)!important;
}
html body.fbm-orion-v2 table.table tbody td,
html body.fbm-orion-v2 table.dataTable tbody td,
html body.fbm-orion-v2 table.table tbody th,
html body.fbm-orion-v2 table.dataTable tbody th{
font-size:13.25px!important;
font-weight:500!important;
color:#111827!important;
border-top:0!important;
border-left:0!important;
border-right:0!important;
border-bottom:1px solid var(--fbm-table-line)!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 table.table thead th:last-child,
html body.fbm-orion-v2 table.dataTable thead th:last-child,
html body.fbm-orion-v2 table.table tbody td:last-child,
html body.fbm-orion-v2 table.dataTable tbody td:last-child,
html body.fbm-orion-v2 table.table tbody th:last-child,
html body.fbm-orion-v2 table.dataTable tbody th:last-child{border-right:0!important;}
html body.fbm-orion-v2 table.table tbody tr:last-child > td,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > td,
html body.fbm-orion-v2 table.table tbody tr:last-child > th,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > th{border-bottom:0!important;}
/* Purchase role / free-test order UI. */
html body.fbm-orion-v2 .fbm-user-role-badge{
display:inline-flex!important;align-items:center!important;gap:5px!important;width:max-content!important;margin-top:6px!important;padding:4px 8px!important;border-radius:999px!important;font-size:11.5px!important;line-height:1!important;white-space:nowrap!important;
}
html body.fbm-orion-v2 .fbm-user-role-badge.is-paid-buy{background:#f3f4f6!important;color:#4b5563!important;border:1px solid #e5e7eb!important;}
html body.fbm-orion-v2 .fbm-user-role-badge.is-free-buy{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;}
html body.fbm-orion-v2 .fbm-users-free-buy-btn.is-enabled{background:#f97316!important;border-color:#f97316!important;color:#fff!important;}
html body.fbm-orion-v2 .fbm-users-free-buy-btn.is-disabled{background:#475569!important;border-color:#475569!important;color:#fff!important;}
html body.fbm-orion-v2 .fbm-users-manage-actions{gap:7px!important;}
html body.fbm-orion-v2 .fbm-order-free-badge{display:inline-flex!important;align-items:center!important;margin-left:8px!important;padding:4px 8px!important;border-radius:999px!important;background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;font-size:11.5px!important;vertical-align:middle!important;}
html body.fbm-orion-v2 .fbm-order-price-cell{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:flex-start!important;}
html body.fbm-orion-v2 .fbm-order-price-cell strong{font-size:13px!important;color:#111827!important;font-weight:600!important;}
html body.fbm-orion-v2 .fbm-order-price-cell small{font-size:11.5px!important;color:#667085!important;font-weight:500!important;}
html body.fbm-orion-v2 .fbm-order-price-cell.is-free strong{color:#c2410c!important;}
/* =====================================================================
HOTFIX1141 - activity side-panel alignment contract
Root cause: HOTFIX1140 used position:relative for brush cards while legacy
rules still set top:88px for sticky side panels. A relative element with
top:88px is visually shifted down. Side panels must stay sticky; only their
inner children need z-index layering above the brush rail.
===================================================================== */
html body.fbm-orion-v2 .fbm-admin-dashboard-layout,
html body.fbm-orion-v2 .fbm-user-dashboard-layout{
align-items:flex-start!important;
}
html body.fbm-orion-v2 .fbm-admin-dashboard-side,
html body.fbm-orion-v2 .fbm-user-dashboard-side{
min-width:0!important;
align-self:flex-start!important;
}
html body.fbm-orion-v2 .fbm-admin-dashboard-side .fbm-core-activity-card--admin,
html body.fbm-orion-v2 .fbm-user-dashboard-side .fbm-user-side-panel{
position:sticky!important;
top:14px!important;
margin-top:0!important;
transform:none!important;
align-self:flex-start!important;
}
html body.fbm-orion-v2 .fbm-core-activity-card:not(.fbm-core-activity-card--admin){
top:auto!important;
margin-top:0!important;
transform:none!important;
}
html body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-dashboard-side,
html body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-dashboard-side{
top:120px!important;
}
html body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-activity-reopen,
html body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-side-reopen{
top:132px!important;
}
@media (max-width:991.98px){
html body.fbm-orion-v2 .fbm-admin-dashboard-side .fbm-core-activity-card--admin,
html body.fbm-orion-v2 .fbm-user-dashboard-side .fbm-user-side-panel{
position:relative!important;
top:auto!important;
margin-top:14px!important;
}
}
/* =====================================================================
HOTFIX1142 - activity side panel brush without left rail
Root cause: HOTFIX1140 used ::before on .fbm-user-side-panel and
.fbm-core-activity-card as a 4px accent rail. The brush background is
useful, but the colored rail makes activity cards visually inconsistent
with the cleaned neutral card contract. Keep the brush, remove only the
rail/pseudo line, and preserve sticky alignment from HOTFIX1141.
===================================================================== */
html body.fbm-orion-v2 .fbm-user-side-panel::before,
html body.fbm-orion-v2 .fbm-core-activity-card::before{
content:none!important;
display:none!important;
width:0!important;
background:none!important;
opacity:0!important;
}
html body.fbm-orion-v2 .fbm-user-side-panel,
html body.fbm-orion-v2 .fbm-core-activity-card{
border-color:var(--fbm-component-line)!important;
background:
radial-gradient(circle at 12% 8%, rgba(37,99,235,.055), transparent 31%),
radial-gradient(circle at 92% 18%, rgba(20,184,166,.075), transparent 30%),
linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.965))!important;
}
html body.fbm-orion-v2 .fbm-admin-dashboard-layout,
html body.fbm-orion-v2 .fbm-user-dashboard-layout{
align-items:flex-start!important;
}
html body.fbm-orion-v2 .fbm-admin-dashboard-side,
html body.fbm-orion-v2 .fbm-user-dashboard-side{
align-self:flex-start!important;
min-width:0!important;
}
html body.fbm-orion-v2 .fbm-admin-dashboard-side .fbm-core-activity-card--admin,
html body.fbm-orion-v2 .fbm-user-dashboard-side .fbm-user-side-panel{
position:sticky!important;
top:14px!important;
margin-top:0!important;
transform:none!important;
align-self:flex-start!important;
}
html body.fbm-orion-v2 .fbm-core-activity-card:not(.fbm-core-activity-card--admin){
top:auto!important;
margin-top:0!important;
transform:none!important;
}
@media (max-width:991.98px){
html body.fbm-orion-v2 .fbm-admin-dashboard-side .fbm-core-activity-card--admin,
html body.fbm-orion-v2 .fbm-user-dashboard-side .fbm-user-side-panel{
position:relative!important;
top:auto!important;
margin-top:14px!important;
}
}
/* =====================================================================
HOTFIX1143 - admin users FreeUser priority, dropdown actions, row-only table lines
===================================================================== */
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-table-wrap{
--fbm-table-mobile-min:1280px!important;
--fbm-table-min:1280px!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table,
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table.dataTable,
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table-v20{
table-layout:auto!important;
width:max-content!important;
min-width:max(100%,1280px)!important;
max-width:none!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-actions,
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-actions{
width:1%!important;
min-width:188px!important;
max-width:none!important;
white-space:nowrap!important;
overflow:visible!important;
vertical-align:middle!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table th.fbm-col-role-sort,
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table td.fbm-col-role-sort{
display:none!important;
width:0!important;
min-width:0!important;
max-width:0!important;
padding:0!important;
border:0!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-action-group{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:nowrap!important;
gap:8px!important;
width:auto!important;
min-width:max-content!important;
margin:0 auto!important;
overflow:visible!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-action-group .fbm-users-topup-btn,
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-action-group .fbm-users-manage-toggle{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
height:32px!important;
min-height:32px!important;
padding:0 12px!important;
border-radius:9px!important;
font-size:12px!important;
font-weight:600!important;
line-height:1!important;
white-space:nowrap!important;
box-shadow:none!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-action-group .fbm-users-manage-toggle{
background:#f8fafc!important;
border-color:#d7dde6!important;
color:#344054!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-action-group .fbm-users-manage-toggle:hover,
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-action-group .fbm-users-manage-toggle:focus,
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-manage-dropdown.show .fbm-users-manage-toggle{
background:#eef4ff!important;
border-color:#b2ccff!important;
color:#175cd3!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-manage-dropdown,
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-manage-menu{
z-index:2147483000!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-manage-menu{
min-width:218px!important;
padding:7px!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-dropdown-item{
display:flex!important;
align-items:center!important;
gap:8px!important;
width:100%!important;
padding:9px 10px!important;
border-radius:9px!important;
color:#344054!important;
font-size:12.5px!important;
font-weight:600!important;
line-height:1.2!important;
text-align:left!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
cursor:pointer!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-dropdown-item i{
width:16px!important;
text-align:center!important;
font-size:14px!important;
color:currentColor!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-dropdown-item:hover,
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-dropdown-item:focus{
background:#f2f4f7!important;
color:#111827!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-dropdown-item.disabled,
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-dropdown-item:disabled{
opacity:.58!important;
cursor:not-allowed!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-free-buy-item.is-enabled{
color:#c2410c!important;
background:#fff7ed!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-free-buy-item.is-disabled{
color:#475467!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-reset-item{
color:#b54708!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-users-delete-item{
color:#b42318!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table tbody tr.fbm-user-free-row > td,
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table tbody tr.fbm-user-free-row:nth-child(even) > td{
background:#fff8ed!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table tbody tr.fbm-user-free-row:hover > td,
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table tbody tr.fbm-user-free-row:nth-child(even):hover > td{
background:#ffedd5!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page table#tbl_resp.fbm-users-table tbody tr.fbm-user-free-row > td:first-child{
box-shadow:inset 4px 0 0 #f97316!important;
}
html body.fbm-orion-v2 .fbm-admin-users-page .fbm-user-role-badge.is-free-buy{
background:#ffedd5!important;
color:#9a3412!important;
border-color:#fdba74!important;
font-weight:700!important;
}
/* Row-only table grid: keep horizontal separators, remove vertical column lines. */
html body.fbm-orion-v2 table.table,
html body.fbm-orion-v2 table.dataTable,
html body.fbm-orion-v2 .fbm-admin-table,
html body.fbm-orion-v2 .fbm-data-table,
html body.fbm-orion-v2 .api-param-table{
border-left:0!important;
border-right:0!important;
border-collapse:collapse!important;
border-spacing:0!important;
}
html body.fbm-orion-v2 table.table thead th,
html body.fbm-orion-v2 table.dataTable thead th,
html body.fbm-orion-v2 .fbm-admin-table thead th,
html body.fbm-orion-v2 .fbm-data-table thead th,
html body.fbm-orion-v2 .api-param-table thead th,
html body.fbm-orion-v2 table.table tbody td,
html body.fbm-orion-v2 table.dataTable tbody td,
html body.fbm-orion-v2 table.table tbody th,
html body.fbm-orion-v2 table.dataTable tbody th,
html body.fbm-orion-v2 .fbm-admin-table tbody td,
html body.fbm-orion-v2 .fbm-data-table tbody td,
html body.fbm-orion-v2 .api-param-table tbody td{
border-left:0!important;
border-right:0!important;
border-inline-start:0!important;
border-inline-end:0!important;
}
html body.fbm-orion-v2 table.table thead th,
html body.fbm-orion-v2 table.dataTable thead th,
html body.fbm-orion-v2 .fbm-admin-table thead th,
html body.fbm-orion-v2 .fbm-data-table thead th,
html body.fbm-orion-v2 .api-param-table thead th{
border-top:0!important;
border-bottom:1px solid var(--fbm-table-line,#d7dde6)!important;
}
html body.fbm-orion-v2 table.table tbody td,
html body.fbm-orion-v2 table.dataTable tbody td,
html body.fbm-orion-v2 table.table tbody th,
html body.fbm-orion-v2 table.dataTable tbody th,
html body.fbm-orion-v2 .fbm-admin-table tbody td,
html body.fbm-orion-v2 .fbm-data-table tbody td,
html body.fbm-orion-v2 .api-param-table tbody td{
border-top:0!important;
border-bottom:1px solid var(--fbm-table-line,#d7dde6)!important;
}
html body.fbm-orion-v2 table.table tbody tr:last-child > td,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > td,
html body.fbm-orion-v2 table.table tbody tr:last-child > th,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > th,
html body.fbm-orion-v2 .fbm-admin-table tbody tr:last-child > td,
html body.fbm-orion-v2 .fbm-data-table tbody tr:last-child > td,
html body.fbm-orion-v2 .api-param-table tbody tr:last-child > td{
border-bottom:0!important;
}
/* =====================================================================
HOTFIX1144 - final table border contract / debugged cascade
Root cause: older DataTables selectors such as
`.dataTables_wrapper table.table tbody td` had higher specificity than
the HOTFIX1143 row-only lock. Because both sides used !important, the
later but weaker lock could not always remove vertical column borders.
This block uses wrapper-level specificity and keeps only horizontal row
separators across admin/user tables.
===================================================================== */
html body.fbm-orion-v2 .table-responsive table.table,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table,
html body.fbm-orion-v2 .fbm-table-shell table.table,
html body.fbm-orion-v2 .dataTables_wrapper table.table,
html body.fbm-orion-v2 table.dataTable{
border-left:0!important;
border-right:0!important;
border-collapse:collapse!important;
border-spacing:0!important;
}
html body.fbm-orion-v2 .table-responsive table.table thead th,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table thead th,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-table-shell table.table thead th,
html body.fbm-orion-v2 .dataTables_wrapper table.table thead th,
html body.fbm-orion-v2 table.dataTable thead th,
html body.fbm-orion-v2 .table-responsive table.table tbody td,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody td,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-table-shell table.table tbody td,
html body.fbm-orion-v2 .dataTables_wrapper table.table tbody td,
html body.fbm-orion-v2 table.dataTable tbody td,
html body.fbm-orion-v2 .table-responsive table.table tbody th,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody th,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody th,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody th,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody th,
html body.fbm-orion-v2 .fbm-table-shell table.table tbody th,
html body.fbm-orion-v2 .dataTables_wrapper table.table tbody th,
html body.fbm-orion-v2 table.dataTable tbody th{
border-left:0!important;
border-right:0!important;
border-inline-start:0!important;
border-inline-end:0!important;
}
html body.fbm-orion-v2 .table-responsive table.table thead th,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table thead th,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table thead th,
html body.fbm-orion-v2 .fbm-table-shell table.table thead th,
html body.fbm-orion-v2 .dataTables_wrapper table.table thead th,
html body.fbm-orion-v2 table.dataTable thead th{
border-top:0!important;
border-bottom:1px solid var(--fbm-table-line,#d7dde6)!important;
}
html body.fbm-orion-v2 .table-responsive table.table tbody td,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody td,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody td,
html body.fbm-orion-v2 .fbm-table-shell table.table tbody td,
html body.fbm-orion-v2 .dataTables_wrapper table.table tbody td,
html body.fbm-orion-v2 table.dataTable tbody td,
html body.fbm-orion-v2 .table-responsive table.table tbody th,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody th,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody th,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody th,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody th,
html body.fbm-orion-v2 .fbm-table-shell table.table tbody th,
html body.fbm-orion-v2 .dataTables_wrapper table.table tbody th,
html body.fbm-orion-v2 table.dataTable tbody th{
border-top:0!important;
border-bottom:1px solid var(--fbm-table-line,#d7dde6)!important;
}
html body.fbm-orion-v2 .table-responsive table.table tbody tr:last-child > td,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody tr:last-child > td,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody tr:last-child > td,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody tr:last-child > td,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody tr:last-child > td,
html body.fbm-orion-v2 .fbm-table-shell table.table tbody tr:last-child > td,
html body.fbm-orion-v2 .dataTables_wrapper table.table tbody tr:last-child > td,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > td,
html body.fbm-orion-v2 .table-responsive table.table tbody tr:last-child > th,
html body.fbm-orion-v2 .fbm-core-table-scroll table.table tbody tr:last-child > th,
html body.fbm-orion-v2 .fbm-admin-table-wrap table.table tbody tr:last-child > th,
html body.fbm-orion-v2 .fbm-orders-table-wrap table.table tbody tr:last-child > th,
html body.fbm-orion-v2 .fbm-deposit-orders-table-wrap table.table tbody tr:last-child > th,
html body.fbm-orion-v2 .fbm-table-shell table.table tbody tr:last-child > th,
html body.fbm-orion-v2 .dataTables_wrapper table.table tbody tr:last-child > th,
html body.fbm-orion-v2 table.dataTable tbody tr:last-child > th{
border-bottom:0!important;
}
/* HOTFIX1145: API document export actions generated from api/_schema.php */
body.fbm-orion-v2 .fbm-doc-hero__actions{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:8px;
margin-left:auto;
}
body.fbm-orion-v2 .fbm-doc-hero__actions .btn{
white-space:nowrap;
}
@media (max-width: 768px){
body.fbm-orion-v2 .fbm-doc-hero__actions{
width:100%;
justify-content:flex-start;
margin-left:0;
}
}
/* =====================================================================
HOTFIX1147 - API docs single layout/readability contract
Root cause fixed: generic surface/inset contracts later in theme.css treated
.fbm-doc-code-block as a normal white card. Code text remained optimized for
a dark panel, so request/response text became unreadable. API docs now have
their own final component contract and the code block is no longer owned by
generic white surface groups.
===================================================================== */
html{
scroll-behavior:smooth;
}
html body.fbm-orion-v2 .fbm-doc-page{
--fbm-api-doc-bg:#f6f9fd;
--fbm-api-doc-card:#ffffff;
--fbm-api-doc-card-soft:#fbfdff;
--fbm-api-doc-line:#d5e2f0;
--fbm-api-doc-line-soft:#e5edf6;
--fbm-api-doc-text:#0f172a;
--fbm-api-doc-muted:#475569;
--fbm-api-doc-soft:#64748b;
--fbm-api-doc-primary:#1570ef;
--fbm-api-doc-primary-dark:#175cd3;
--fbm-api-doc-code-bg:#0b1220;
--fbm-api-doc-code-rail:#101a2d;
--fbm-api-doc-code-text:#e0f2fe;
--fbm-api-doc-code-muted:#cbd5e1;
color:var(--fbm-api-doc-text)!important;
background:transparent!important;
overflow-x:hidden!important;
}
html body.fbm-orion-v2 .fbm-doc-page *,
html body.fbm-orion-v2 .fbm-doc-page *::before,
html body.fbm-orion-v2 .fbm-doc-page *::after{
box-sizing:border-box!important;
}
html body.fbm-orion-v2 .fbm-doc-hero,
html body.fbm-orion-v2 .fbm-doc-card,
html body.fbm-orion-v2 .fbm-doc-nav,
html body.fbm-orion-v2 .fbm-doc-tip,
html body.fbm-orion-v2 .fbm-doc-note-card{
background:linear-gradient(180deg,var(--fbm-api-doc-card) 0%,var(--fbm-api-doc-card-soft) 100%)!important;
border:1px solid var(--fbm-api-doc-line)!important;
color:var(--fbm-api-doc-text)!important;
box-shadow:0 1px 2px rgba(15,23,42,.035),0 12px 28px rgba(15,23,42,.055)!important;
}
html body.fbm-orion-v2 .fbm-doc-layout{
display:grid!important;
grid-template-columns:minmax(238px,280px) minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
}
html body.fbm-orion-v2 .fbm-doc-sidebar{
position:sticky!important;
top:94px!important;
z-index:4!important;
align-self:start!important;
display:flex!important;
flex-direction:column!important;
gap:12px!important;
max-height:calc(100vh - 112px)!important;
overflow:auto!important;
overscroll-behavior:contain!important;
scrollbar-width:thin!important;
}
html body.fbm-orion-v2 .fbm-doc-nav{
display:flex!important;
flex-direction:column!important;
gap:6px!important;
padding:10px!important;
border-radius:18px!important;
}
html body.fbm-orion-v2 .fbm-doc-nav-title{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
padding:8px 10px 9px!important;
color:var(--fbm-api-doc-muted)!important;
font-size:11px!important;
font-weight:800!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
border-bottom:1px solid var(--fbm-api-doc-line-soft)!important;
margin-bottom:4px!important;
}
html body.fbm-orion-v2 .fbm-doc-nav a{
display:grid!important;
grid-template-columns:20px minmax(0,1fr) auto!important;
align-items:center!important;
gap:9px!important;
min-height:40px!important;
padding:9px 10px!important;
border:1px solid transparent!important;
border-radius:12px!important;
background:transparent!important;
color:#334155!important;
font-size:12.8px!important;
line-height:1.25!important;
font-weight:700!important;
text-decoration:none!important;
box-shadow:none!important;
}
html body.fbm-orion-v2 .fbm-doc-nav a i{
color:var(--fbm-api-doc-primary)!important;
text-align:center!important;
}
html body.fbm-orion-v2 .fbm-doc-nav a .fbm-doc-nav-text{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
html body.fbm-orion-v2 .fbm-doc-nav a .fbm-doc-nav-method{
padding:3px 6px!important;
border-radius:999px!important;
background:#eef6ff!important;
color:#175cd3!important;
font-size:9.8px!important;
font-weight:800!important;
letter-spacing:.02em!important;
}
html body.fbm-orion-v2 .fbm-doc-nav a:hover,
html body.fbm-orion-v2 .fbm-doc-nav a:focus,
html body.fbm-orion-v2 .fbm-doc-nav a.is-active{
background:#eef6ff!important;
border-color:#bfdbfe!important;
color:var(--fbm-api-doc-primary-dark)!important;
}
html body.fbm-orion-v2 .fbm-doc-nav a.is-active{
box-shadow:inset 3px 0 0 var(--fbm-api-doc-primary)!important;
}
html body.fbm-orion-v2 .fbm-doc-content{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:18px!important;
}
html body.fbm-orion-v2 .fbm-doc-card,
html body.fbm-orion-v2 .fbm-doc-hero{
border-radius:18px!important;
overflow:hidden!important;
}
html body.fbm-orion-v2 .fbm-doc-card,
html body.fbm-orion-v2 .fbm-doc-section{
scroll-margin-top:112px!important;
}
html body.fbm-orion-v2 .fbm-doc-card__head{
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
border-bottom:1px solid var(--fbm-api-doc-line-soft)!important;
color:var(--fbm-api-doc-text)!important;
}
html body.fbm-orion-v2 .fbm-doc-card h5,
html body.fbm-orion-v2 .fbm-doc-tip strong,
html body.fbm-orion-v2 .fbm-doc-param strong,
html body.fbm-orion-v2 .fbm-doc-nav-title strong{
color:var(--fbm-api-doc-text)!important;
}
html body.fbm-orion-v2 .fbm-doc-hero p,
html body.fbm-orion-v2 .fbm-doc-card p,
html body.fbm-orion-v2 .fbm-doc-tip span,
html body.fbm-orion-v2 .fbm-doc-param p,
html body.fbm-orion-v2 .fbm-doc-param span{
color:var(--fbm-api-doc-muted)!important;
}
html body.fbm-orion-v2 .fbm-doc-kicker,
html body.fbm-orion-v2 .fbm-doc-keybox span,
html body.fbm-orion-v2 .fbm-doc-endpoint span{
color:var(--fbm-api-doc-soft)!important;
}
html body.fbm-orion-v2 .fbm-doc-keybox,
html body.fbm-orion-v2 .fbm-doc-endpoint,
html body.fbm-orion-v2 .fbm-doc-param,
html body.fbm-orion-v2 .fbm-doc-param-list{
background:#ffffff!important;
border-color:var(--fbm-api-doc-line-soft)!important;
color:var(--fbm-api-doc-text)!important;
}
html body.fbm-orion-v2 .fbm-doc-keybox code,
html body.fbm-orion-v2 .fbm-doc-endpoint code,
html body.fbm-orion-v2 .fbm-doc-param code{
border:1px solid #dbe7f5!important;
background:#f4f8fd!important;
color:#0f172a!important;
text-shadow:none!important;
font-family:var(--fbm-font-mono,Consolas,monospace)!important;
text-transform:none!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2 .fbm-doc-code-block{
background:var(--fbm-api-doc-code-bg)!important;
border:1px solid #22314b!important;
border-radius:16px!important;
color:var(--fbm-api-doc-code-text)!important;
overflow:hidden!important;
box-shadow:0 14px 30px rgba(15,23,42,.16)!important;
}
html body.fbm-orion-v2 .fbm-doc-code-head{
background:var(--fbm-api-doc-code-rail)!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
color:var(--fbm-api-doc-code-muted)!important;
}
html body.fbm-orion-v2 .fbm-doc-code-head span{
color:var(--fbm-api-doc-code-muted)!important;
}
html body.fbm-orion-v2 .fbm-doc-code-head .btn,
html body.fbm-orion-v2 .fbm-doc-code-head .btn-light{
border-color:rgba(219,234,254,.28)!important;
background:rgba(219,234,254,.10)!important;
color:#f8fbff!important;
}
html body.fbm-orion-v2 .fbm-doc-code-block pre,
html body.fbm-orion-v2 .fbm-doc-code-block code,
html body.fbm-orion-v2 .fbm-doc-code-block pre code{
background:transparent!important;
color:var(--fbm-api-doc-code-text)!important;
text-shadow:none!important;
font-family:var(--fbm-font-mono,Consolas,monospace)!important;
text-transform:none!important;
letter-spacing:0!important;
white-space:pre!important;
}
html body.fbm-orion-v2 .fbm-doc-code-block pre{
overflow:auto!important;
max-height:420px!important;
margin:0!important;
}
html body.fbm-orion-v2 .fbm-doc-method{
background:#dcfae6!important;
border-color:#a6f4c5!important;
color:#067647!important;
}
html body.fbm-orion-v2 .fbm-doc-alert,
html body.fbm-orion-v2 .fbm-doc-alert span,
html body.fbm-orion-v2 .fbm-doc-alert strong{
background:#fffbeb!important;
border-color:#fedf89!important;
color:#93370d!important;
}
@media (max-width: 991.98px){
html body.fbm-orion-v2 .fbm-doc-layout{
grid-template-columns:1fr!important;
}
html body.fbm-orion-v2 .fbm-doc-sidebar{
position:sticky!important;
top:64px!important;
max-height:none!important;
overflow:visible!important;
}
html body.fbm-orion-v2 .fbm-doc-nav{
flex-direction:row!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
html body.fbm-orion-v2 .fbm-doc-nav::-webkit-scrollbar{display:none!important;}
html body.fbm-orion-v2 .fbm-doc-nav-title,
html body.fbm-orion-v2 .fbm-doc-tip{display:none!important;}
html body.fbm-orion-v2 .fbm-doc-nav a{
flex:0 0 auto!important;
min-width:max-content!important;
}
}
@media (max-width: 575.98px){
html body.fbm-orion-v2 .fbm-doc-code-grid{
grid-template-columns:1fr!important;
}
html body.fbm-orion-v2 .fbm-doc-keybox,
html body.fbm-orion-v2 .fbm-doc-endpoint{
grid-template-columns:1fr!important;
}
}
/* =====================================================================
HOTFIX1148 - user dashboard service grid follows side-panel state
Root cause: when the Notice/Activity side panel is collapsed, the main
dashboard column expands to 100% width but the service grid remains locked
at two columns from older storefront card contracts. That stretches cards
too wide. Keep the visible-panel desktop contract at 2 columns; switch only
the collapsed desktop layout to 3 columns. This is intentionally a final
state-based contract, not another card-level override.
===================================================================== */
@media (min-width: 992px){
html body.fbm-orion-v2:not(.fbm-user-side-collapsed) .dashboard-home #product_grid.product-grid,
html body.fbm-orion-v2 .dashboard-home .fbm-user-dashboard-layout:not(.is-side-collapsed) #product_grid.product-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (min-width: 1200px){
html body.fbm-orion-v2.fbm-user-side-collapsed .dashboard-home #product_grid.product-grid,
html body.fbm-orion-v2 .dashboard-home .fbm-user-dashboard-layout.is-side-collapsed #product_grid.product-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
html body.fbm-orion-v2.fbm-user-side-collapsed .dashboard-home #product_grid.product-grid,
html body.fbm-orion-v2 .dashboard-home .fbm-user-dashboard-layout.is-side-collapsed #product_grid.product-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width: 991.98px){
html body.fbm-orion-v2.fbm-user-side-collapsed .dashboard-home #product_grid.product-grid,
html body.fbm-orion-v2 .dashboard-home .fbm-user-dashboard-layout.is-side-collapsed #product_grid.product-grid,
html body.fbm-orion-v2 .dashboard-home #product_grid.product-grid{
grid-template-columns:minmax(0,1fr)!important;
}
}
/* =====================================================================
HOTFIX1149 - mobile collapsed side-panel reopen button contract
Root cause: HOTFIX1019 correctly moved the mobile reopen pill to bottom with
top:auto, but later HOTFIX1141 re-applied top:132px globally for collapsed
side panels/reopen buttons. On mobile this left both top and bottom active
on a position:fixed button, so the "Show updates" button stretched into a
tall vertical capsule. Keep desktop behavior unchanged; on mobile collapsed
state must be bottom-anchored only and auto-sized.
===================================================================== */
@media (max-width: 991.98px){
html body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-dashboard-side,
html body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-dashboard-side{
position:fixed!important;
top:auto!important;
left:auto!important;
right:14px!important;
bottom:76px!important;
width:auto!important;
height:auto!important;
min-width:0!important;
max-width:calc(100vw - 28px)!important;
min-height:0!important;
max-height:none!important;
padding:0!important;
margin:0!important;
z-index:2140!important;
pointer-events:none!important;
}
html body.fbm-orion-v2 .fbm-side-panel-reopen,
html body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-side-reopen,
html body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-activity-reopen{
position:fixed!important;
top:auto!important;
left:auto!important;
right:14px!important;
bottom:76px!important;
width:auto!important;
height:auto!important;
min-width:0!important;
max-width:calc(100vw - 28px)!important;
min-height:48px!important;
max-height:58px!important;
padding:12px 16px!important;
border-radius:999px!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
pointer-events:auto!important;
}
html body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-side-reopen,
html body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-activity-reopen{
display:inline-flex!important;
}
}
@media (max-width: 575.98px){
html body.fbm-orion-v2 .fbm-side-panel-reopen,
html body.fbm-orion-v2.fbm-user-side-collapsed .fbm-user-side-reopen,
html body.fbm-orion-v2.fbm-admin-activity-collapsed .fbm-admin-activity-reopen{
right:12px!important;
bottom:76px!important;
max-width:calc(100vw - 24px)!important;
min-height:46px!important;
max-height:54px!important;
padding:11px 14px!important;
}
}
/* =====================================================================
HOTFIX1150 - standalone auth page color/readability contract
Root cause: auth panels were accidentally included in broad neutral card
surface contracts. Those late generic rules turned the dark left auth panel
into a white surface while the original panel text remained white/light,
causing user login, admin login and signup copy to become hard to read.
Auth pages now own their own surface contract and stay out of generic card
normalization.
===================================================================== */
html body.fbm-orion-v2.fbm-auth-page,
html body.fbm-orion-v2.login-bg.fbm-auth-page{
min-height:100vh!important;
background:
radial-gradient(circle at 14% 10%,rgba(37,99,235,.20),transparent 34%),
radial-gradient(circle at 86% 90%,rgba(14,165,233,.16),transparent 32%),
linear-gradient(135deg,#f8fbff 0%,#eef5fc 52%,#f8fafc 100%)!important;
color:#0f172a!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-shell{
min-height:calc(100vh - 58px)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:38px 16px 86px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-card{
width:min(1040px,100%)!important;
display:grid!important;
grid-template-columns:420px minmax(0,1fr)!important;
overflow:hidden!important;
background:#ffffff!important;
border:1px solid rgba(148,163,184,.30)!important;
border-radius:28px!important;
box-shadow:0 30px 82px rgba(15,23,42,.16),0 2px 10px rgba(15,23,42,.05)!important;
isolation:isolate!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin{
padding:34px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
gap:18px!important;
color:#f8fafc!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:
radial-gradient(circle at 88% 12%,rgba(56,189,248,.38),transparent 34%),
linear-gradient(145deg,#0f172a 0%,#1e293b 100%)!important;
}
html body.fbm-orion-v2.fbm-admin-auth-page .fbm-auth-panel,
html body.fbm-orion-v2.fbm-admin-auth-page .fbm-auth-panel-admin{
background:
radial-gradient(circle at 88% 12%,rgba(248,113,113,.30),transparent 35%),
linear-gradient(145deg,#141827 0%,#334155 100%)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-brand{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin-bottom:8px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-logo{
width:46px!important;
height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 46px!important;
border-radius:16px!important;
background:rgba(255,255,255,.12)!important;
border:1px solid rgba(255,255,255,.18)!important;
color:#ffffff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body.fbm-orion-v2.fbm-admin-auth-page .fbm-auth-logo{
background:rgba(239,68,68,.18)!important;
border-color:rgba(248,113,113,.30)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-logo i{
color:#ffffff!important;
font-size:22px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-brand span{
display:block!important;
color:#cbd5e1!important;
font-size:12px!important;
font-weight:800!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-brand strong{
display:block!important;
color:#ffffff!important;
font-size:16px!important;
font-weight:800!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h1,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h2,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h3,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h1,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h2,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h3{
margin:0!important;
color:#ffffff!important;
font-size:34px!important;
line-height:1.08!important;
font-weight:800!important;
letter-spacing:-.035em!important;
text-shadow:0 1px 1px rgba(15,23,42,.20)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-desc{
margin:0!important;
color:#dbeafe!important;
font-size:15px!important;
line-height:1.58!important;
font-weight:500!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-tips{
display:flex!important;
flex-direction:column!important;
gap:9px!important;
margin-top:12px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-tips div{
display:flex!important;
align-items:center!important;
gap:9px!important;
color:#eef6ff!important;
font-size:13px!important;
font-weight:700!important;
line-height:1.4!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-tips i{
color:#86efac!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-form{
padding:34px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
background:#ffffff!important;
color:#0f172a!important;
border:0!important;
box-shadow:none!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-field{
margin-bottom:14px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-field label{
display:block!important;
margin-bottom:6px!important;
color:#243044!important;
font-size:13px!important;
font-weight:800!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-field-help{
display:block!important;
margin-top:5px!important;
color:#667085!important;
font-size:12px!important;
line-height:1.45!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-field-error{
display:none;
margin-top:5px!important;
color:#b42318!important;
font-size:12px!important;
font-weight:800!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-input{
position:relative!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-input i{
position:absolute!important;
left:14px!important;
top:50%!important;
transform:translateY(-50%)!important;
color:#667085!important;
font-size:16px!important;
z-index:2!important;
pointer-events:none!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-input .form-control,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-input input.form-control{
width:100%!important;
height:46px!important;
min-height:46px!important;
border-radius:14px!important;
border:1px solid #cfd8e3!important;
background:#f8fafc!important;
padding:0 14px 0 42px!important;
color:#0f172a!important;
font-size:14px!important;
font-weight:650!important;
box-shadow:none!important;
text-shadow:none!important;
-webkit-text-fill-color:#0f172a!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-input .form-control::placeholder{
color:#8a97aa!important;
opacity:1!important;
-webkit-text-fill-color:#8a97aa!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-input .form-control:focus{
background:#ffffff!important;
border-color:#2684ff!important;
color:#0f172a!important;
box-shadow:0 0 0 4px rgba(38,132,255,.15)!important;
outline:0!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-input .form-control.is-invalid{
border-color:#f04438!important;
box-shadow:0 0 0 4px rgba(240,68,56,.14)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-submit,
html body.fbm-orion-v2.fbm-auth-page button.fbm-auth-submit.btn{
min-height:46px!important;
border-radius:14px!important;
margin-top:6px!important;
border:0!important;
background:linear-gradient(180deg,#2684ff 0%,#1769e0 100%)!important;
color:#ffffff!important;
font-weight:800!important;
box-shadow:0 14px 26px rgba(23,105,224,.24)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-submit:hover{
filter:brightness(.99)!important;
transform:translateY(-1px)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-switch,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-guest-link{
text-align:center!important;
margin-top:18px!important;
color:#667085!important;
font-size:14px!important;
font-weight:600!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-guest-link{
margin-top:10px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-switch a,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-guest-link a{
color:#175cd3!important;
font-weight:800!important;
text-decoration:none!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-switch a:hover,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-guest-link a:hover{
color:#0b4bb3!important;
text-decoration:underline!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-alert-stack{
margin-bottom:12px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-alert-stack:empty{
display:none!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-alert,
html body.fbm-orion-v2.fbm-auth-page .fbm-core-alert{
border-radius:14px!important;
font-size:13px!important;
font-weight:750!important;
line-height:1.45!important;
color:#0f172a!important;
text-shadow:none!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-lang-row{
margin:14px 0 4px!important;
display:flex!important;
justify-content:flex-start!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-language-switch{
background:rgba(255,255,255,.94)!important;
border-color:rgba(226,232,240,.70)!important;
box-shadow:0 10px 24px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-footer{
min-height:46px!important;
display:flex!important;
gap:8px!important;
justify-content:center!important;
align-items:center!important;
background:rgba(255,255,255,.88)!important;
border:1px solid rgba(148,163,184,.22)!important;
border-radius:999px!important;
color:#475467!important;
box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
backdrop-filter:blur(12px)!important;
left:16px!important;
right:16px!important;
bottom:12px!important;
width:auto!important;
max-width:none!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-footer span{
color:#475467!important;
font-size:11px!important;
font-weight:800!important;
letter-spacing:.02em!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-footer .badge,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-footer strong,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-footer .text-success,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-footer .text-warning,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-footer .text-danger{
color:inherit!important;
-webkit-text-fill-color:inherit!important;
}
@media (max-width: 991.98px){
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-card{
grid-template-columns:1fr!important;
width:min(640px,100%)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin{
padding:28px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-form{
padding:28px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h1,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h2,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h3,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h1,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h2,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h3{
font-size:28px!important;
}
}
@media (max-width: 575.98px){
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-shell{
align-items:flex-start!important;
padding:18px 12px 82px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-card{
border-radius:22px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-form{
padding:22px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h1,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h2,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel h3,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h1,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h2,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-panel-admin h3{
font-size:25px!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-desc,
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-tips div{
font-size:13px!important;
}
}
/* HOTFIX1151: brand logo sync contract for auth pages.
Auth login/signup/admin now use BrandAssets generated logo, not the old template icon. */
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-logo.fbm-auth-logo--brand{
overflow:hidden!important;
padding:5px!important;
background:rgba(255,255,255,.14)!important;
}
html body.fbm-orion-v2.fbm-auth-page .fbm-auth-logo.fbm-auth-logo--brand img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
border-radius:12px!important;
box-shadow:0 8px 20px rgba(2,6,23,.20)!important;
}
html body.fbm-orion-v2.fbm-admin-auth-page .fbm-auth-logo.fbm-auth-logo--brand{
background:rgba(255,255,255,.15)!important;
border-color:rgba(255,255,255,.24)!important;
}
/* =========================================================
HOTFIX1152 - Mobile modal viewport contract
Reason:
- HOTFIX182 allowed `.modal { overflow: visible }` so modal-local dropups
could escape table/modal clipping. That also disabled Bootstrap's modal
viewport scroller. On small screens, tall dialogs could extend below the
viewport and the footer/actions became unreachable.
Contract:
- The fixed `.modal` owns viewport scrolling again.
- On mobile the dialog is a bounded flex column; only `.modal-body` scrolls.
- Footer/header remain reachable, while modal-local dropdowns keep local
positioning inside the footer/dialog.
========================================================= */
html body.fbm-orion-v2 .modal{
overflow-x:hidden!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
}
@media (max-width:768px){
html body.fbm-orion-v2.modal-open,
html body.fbm-orion-v2.fbm-modal-active{
overflow:hidden!important;
}
html body.fbm-orion-v2 .modal{
inset:0!important;
width:100vw!important;
height:100dvh!important;
max-height:100dvh!important;
padding:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
}
html body.fbm-orion-v2 .modal .modal-dialog,
html body.fbm-orion-v2 .modal .modal-dialog.modal-sm,
html body.fbm-orion-v2 .modal .modal-dialog.modal-lg,
html body.fbm-orion-v2 .modal .modal-dialog.modal-dialog-centered{
width:auto!important;
max-width:calc(100vw - 24px)!important;
min-height:0!important;
height:auto!important;
max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
margin:calc(12px + env(safe-area-inset-top)) auto calc(12px + env(safe-area-inset-bottom))!important;
display:flex!important;
align-items:stretch!important;
justify-content:center!important;
}
html body.fbm-orion-v2 .modal .modal-content{
width:100%!important;
max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
}
html body.fbm-orion-v2 .modal .modal-header,
html body.fbm-orion-v2 .modal .modal-footer{
flex:0 0 auto!important;
}
html body.fbm-orion-v2 .modal .modal-body,
html body.fbm-orion-v2 .modal .fbm-buy-modal-body{
flex:1 1 auto!important;
min-height:0!important;
max-height:none!important;
overflow-x:hidden!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
}
html body.fbm-orion-v2 .modal .modal-footer{
position:relative!important;
z-index:2!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
flex-wrap:wrap!important;
gap:8px!important;
padding-bottom:calc(13px + env(safe-area-inset-bottom))!important;
background:#fff!important;
}
html body.fbm-orion-v2 .modal .modal-footer .btn{
min-width:0!important;
white-space:normal!important;
}
html body.fbm-orion-v2 .fbm-admin-transfer-modal .modal-footer .btn,
html body.fbm-orion-v2 .fbm-admin-transfer-modal .fbm-transfer-footer .btn{
flex:1 1 120px!important;
}
html body.fbm-orion-v2 .fbm-admin-transfer-modal .fbm-modal-dropdown,
html body.fbm-orion-v2 .modal .fbm-core-dropdown,
html body.fbm-orion-v2 .modal .dropup,
html body.fbm-orion-v2 .modal .dropdown{
overflow:visible!important;
}
html body.fbm-orion-v2 .modal .dropdown-menu.fbm-modal-local-menu{
max-height:min(46dvh, 320px)!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
}
}
@media (max-width:576px){
html body.fbm-orion-v2 .modal .modal-dialog,
html body.fbm-orion-v2 .modal .modal-dialog.modal-sm,
html body.fbm-orion-v2 .modal .modal-dialog.modal-lg,
html body.fbm-orion-v2 .modal .modal-dialog.modal-dialog-centered{
max-width:calc(100vw - 16px)!important;
max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
margin:calc(8px + env(safe-area-inset-top)) auto calc(8px + env(safe-area-inset-bottom))!important;
}
html body.fbm-orion-v2 .modal .modal-content{
max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
border-radius:16px!important;
}
html body.fbm-orion-v2 .modal .modal-header{
min-height:54px!important;
padding:13px 14px!important;
}
html body.fbm-orion-v2 .modal .modal-body,
html body.fbm-orion-v2 .modal .fbm-buy-modal-body{
padding:14px!important;
}
html body.fbm-orion-v2 .modal .modal-footer{
padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;
}
html body.fbm-orion-v2 .fbm-buy-modal-footer .btn,
html body.fbm-orion-v2 .fbm-service-modal .modal-footer .btn,
html body.fbm-orion-v2 .fbm-upload-modal .modal-footer .btn,
html body.fbm-orion-v2 .fbm-admin-transfer-modal .modal-footer .btn,
html body.fbm-orion-v2 #modalContact .modal-footer .btn,
html body.fbm-orion-v2 #modalAlert .modal-footer .btn,
html body.fbm-orion-v2 #modalVoucher .modal-footer .btn{
flex:1 1 100%!important;
width:100%!important;
}
}
/* Custom account-data details modal follows the same mobile bounded-body rule. */
@media (max-width:767.98px){
html body.fbm-orion-v2 .fbm-account-data-modal{
height:100dvh!important;
max-height:100dvh!important;
overflow:hidden!important;
}
html body.fbm-orion-v2 .fbm-account-data-dialog{
max-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
}
html body.fbm-orion-v2 .fbm-account-data-head{
flex:0 0 auto!important;
}
html body.fbm-orion-v2 .fbm-account-data-body{
flex:1 1 auto!important;
min-height:0!important;
max-height:none!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
}
}
/* =========================================================
HOTFIX1153 - Modal radius + visible input border + service text contract
Findings:
- Multiple legacy modal blocks set different radius/background on content/header/footer.
On mobile, bounded modal content made the inner header/footer square corners visible
against the rounded parent.
- Some late neutral form rules only changed border-color; controls that inherited a
pale/transparent border looked borderless on white cards.
Contract:
- Modal content owns the radius; header/footer clip to the same top/bottom corners.
- Form controls always have a visible 1px border and a clearer focus ring.
========================================================= */
html body.fbm-orion-v2{
--fbm-modal-radius-final:20px;
--fbm-modal-border-final:#cbd7e6;
--fbm-modal-surface-final:#ffffff;
--fbm-modal-head-final:#f8fafc;
--fbm-form-border-final:#9fb2c8;
--fbm-form-border-hover-final:#7f98b3;
--fbm-form-border-focus-final:#1570ef;
}
html body.fbm-orion-v2 .modal .modal-content,
html body.fbm-orion-v2 .fbm-account-data-dialog{
border:1px solid var(--fbm-modal-border-final)!important;
border-radius:var(--fbm-modal-radius-final)!important;
background:var(--fbm-modal-surface-final)!important;
background-clip:padding-box!important;
overflow:hidden!important;
box-shadow:0 24px 72px rgba(15,23,42,.24),0 2px 8px rgba(15,23,42,.05)!important;
}
html body.fbm-orion-v2 .modal .modal-header,
html body.fbm-orion-v2 .modal .fbm-buy-modal-header,
html body.fbm-orion-v2 .fbm-account-data-head{
border-radius:calc(var(--fbm-modal-radius-final) - 1px) calc(var(--fbm-modal-radius-final) - 1px) 0 0!important;
background:linear-gradient(180deg,#ffffff 0%,var(--fbm-modal-head-final) 100%)!important;
background-clip:padding-box!important;
border-bottom:1px solid #e3ebf5!important;
overflow:hidden!important;
}
html body.fbm-orion-v2 .modal .modal-body,
html body.fbm-orion-v2 .modal .fbm-buy-modal-body,
html body.fbm-orion-v2 .fbm-account-data-body{
background:var(--fbm-modal-surface-final)!important;
border-radius:0!important;
background-clip:padding-box!important;
}
html body.fbm-orion-v2 .modal .modal-footer,
html body.fbm-orion-v2 .modal .fbm-buy-modal-footer,
html body.fbm-orion-v2 .fbm-account-data-actions{
border-radius:0 0 calc(var(--fbm-modal-radius-final) - 1px) calc(var(--fbm-modal-radius-final) - 1px)!important;
background:#ffffff!important;
background-clip:padding-box!important;
border-top:1px solid #e3ebf5!important;
}
/* Keep dropdown menus inside modals usable without making the whole footer draw square corners. */
html body.fbm-orion-v2 .modal .modal-footer .fbm-core-dropdown,
html body.fbm-orion-v2 .modal .modal-footer .dropdown,
html body.fbm-orion-v2 .modal .modal-footer .dropup{
overflow:visible!important;
}
html body.fbm-orion-v2 .form-control,
html body.fbm-orion-v2 .custom-select,
html body.fbm-orion-v2 select.form-control,
html body.fbm-orion-v2 textarea.form-control,
html body.fbm-orion-v2 input[type="text"],
html body.fbm-orion-v2 input[type="password"],
html body.fbm-orion-v2 input[type="email"],
html body.fbm-orion-v2 input[type="number"],
html body.fbm-orion-v2 input[type="search"],
html body.fbm-orion-v2 input[type="date"],
html body.fbm-orion-v2 input[type="datetime-local"],
html body.fbm-orion-v2 input[type="tel"],
html body.fbm-orion-v2 input[type="url"]{
border-width:1px!important;
border-style:solid!important;
border-color:var(--fbm-form-border-final)!important;
background:#ffffff!important;
color:#0f172a!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.04)!important;
outline:0!important;
}
html body.fbm-orion-v2 .form-control:hover,
html body.fbm-orion-v2 .custom-select:hover,
html body.fbm-orion-v2 select.form-control:hover,
html body.fbm-orion-v2 textarea.form-control:hover,
html body.fbm-orion-v2 input[type="text"]:hover,
html body.fbm-orion-v2 input[type="password"]:hover,
html body.fbm-orion-v2 input[type="email"]:hover,
html body.fbm-orion-v2 input[type="number"]:hover,
html body.fbm-orion-v2 input[type="search"]:hover,
html body.fbm-orion-v2 input[type="date"]:hover,
html body.fbm-orion-v2 input[type="datetime-local"]:hover,
html body.fbm-orion-v2 input[type="tel"]:hover,
html body.fbm-orion-v2 input[type="url"]:hover{
border-color:var(--fbm-form-border-hover-final)!important;
}
html body.fbm-orion-v2 .form-control:focus,
html body.fbm-orion-v2 .custom-select:focus,
html body.fbm-orion-v2 select.form-control:focus,
html body.fbm-orion-v2 textarea.form-control:focus,
html body.fbm-orion-v2 input[type="text"]:focus,
html body.fbm-orion-v2 input[type="password"]:focus,
html body.fbm-orion-v2 input[type="email"]:focus,
html body.fbm-orion-v2 input[type="number"]:focus,
html body.fbm-orion-v2 input[type="search"]:focus,
html body.fbm-orion-v2 input[type="date"]:focus,
html body.fbm-orion-v2 input[type="datetime-local"]:focus,
html body.fbm-orion-v2 input[type="tel"]:focus,
html body.fbm-orion-v2 input[type="url"]:focus{
border-color:var(--fbm-form-border-focus-final)!important;
box-shadow:0 0 0 4px rgba(21,112,239,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
html body.fbm-orion-v2 .input-group .form-control + .input-group-addon,
html body.fbm-orion-v2 .input-group .input-group-addon,
html body.fbm-orion-v2 .input-group .input-group-text{
border-width:1px!important;
border-style:solid!important;
border-color:var(--fbm-form-border-final)!important;
}
@media (max-width:576px){
html body.fbm-orion-v2{
--fbm-modal-radius-final:16px;
}
}
/* =====================================================================
HOTFIX1154 - workers account logs real pagination
Root cause: /admin/workers.php displayed the total account log count but
dashboard API always returned only the latest 20 rows, while the table was a
plain ajax-rendered table without DataTables paging. Keep the scroll table,
add a dedicated lightweight pager below it, and avoid global DataTables hooks.
===================================================================== */
html body.fbm-orion-v2 .fbm-worker-log-pager{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
flex-wrap:wrap!important;
padding:10px 0 0!important;
margin:0!important;
border-top:1px solid #eef2f7!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager__meta{
display:flex!important;
align-items:center!important;
gap:6px!important;
min-width:0!important;
color:#667085!important;
font-size:12.5px!important;
font-weight:500!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager__meta strong{
color:#111827!important;
font-weight:600!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager__actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:6px!important;
flex-wrap:wrap!important;
min-width:0!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager__actions .form-control{
width:auto!important;
min-width:96px!important;
height:32px!important;
padding:4px 26px 4px 10px!important;
font-size:12.5px!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager__page{
display:inline-flex!important;
align-items:center!important;
min-height:32px!important;
padding:0 8px!important;
color:#475467!important;
font-size:12.5px!important;
font-weight:600!important;
white-space:nowrap!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager .btn{
min-height:32px!important;
padding:5px 9px!important;
font-size:12.5px!important;
border-color:#d0d7e2!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager .btn:disabled{
opacity:.48!important;
cursor:not-allowed!important;
}
@media (max-width:576px){
html body.fbm-orion-v2 .fbm-worker-log-pager{
align-items:stretch!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager__actions,
html body.fbm-orion-v2 .fbm-worker-log-pager__meta{
width:100%!important;
justify-content:flex-start!important;
}
html body.fbm-orion-v2 .fbm-worker-log-pager__actions .form-control{
width:100%!important;
}
}
/* HOTFIX1156: Account inventory state must not treat DIE/UNKNOWN unsold as stock. */
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-stock-pill.is-die-unsold,
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-die-unsold{
color:#991b1b!important;
background:#fef2f2!important;
border-color:#fecaca!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-stock-pill.is-die-unsold{font-weight:700!important;}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-stock-pill.is-unknown-unsold,
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-unsold,
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-unknown-unsold{
color:#475569!important;
background:#f8fafc!important;
border-color:#cbd5e1!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-stock-pill.is-live-unsold{
color:#075985!important;
background:#f0f9ff!important;
border-color:#bae6fd!important;
}
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-unsold b{color:#334155!important;}
body.fbm-orion-v2 .fbm-services-table .service-stock-item.is-die-unsold b{color:#b91c1c!important;}
/* ========================================================================
HOTFIX1157 - /admin/accounts.php report + page-size layout contract
------------------------------------------------------------------------
Scope only the Accounts page. This replaces the old bootstrap-row KPI strip
with grouped report sections and moves page-size beside the table metadata
so it does not fight the account filters.
======================================================================== */
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-board{
margin:0 0 14px!important;
padding:16px!important;
border:1px solid #e5e7eb!important;
border-radius:18px!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 34px rgba(15,23,42,.055)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:14px!important;
min-width:0!important;
padding:0 0 14px!important;
margin:0 0 14px!important;
border-bottom:1px solid #eef2f7!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-eyebrow,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filter-eyebrow{
display:block!important;
color:#2563eb!important;
font-size:11px!important;
font-weight:800!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
line-height:1.2!important;
margin:0 0 4px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-head h5{
margin:0!important;
color:#111827!important;
font-size:16px!important;
line-height:1.25!important;
font-weight:800!important;
letter-spacing:-.015em!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-head p{
max-width:720px!important;
margin:5px 0 0!important;
color:#667085!important;
font-size:12.5px!important;
line-height:1.45!important;
font-weight:500!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-scope{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-height:32px!important;
padding:0 11px!important;
border:1px solid #dbeafe!important;
border-radius:999px!important;
background:#eff6ff!important;
color:#1d4ed8!important;
font-size:12px!important;
font-weight:700!important;
white-space:nowrap!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-groups{
display:grid!important;
grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr)!important;
gap:14px!important;
align-items:stretch!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-group{
min-width:0!important;
padding:12px!important;
border:1px solid #eef2f7!important;
border-radius:16px!important;
background:#ffffff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-group-title{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin:0 0 10px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-group-title span{
color:#111827!important;
font-size:12.5px!important;
font-weight:800!important;
line-height:1.2!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-group-title small{
color:#98a2b3!important;
font-size:11px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.045em!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-grid-quality{
grid-template-columns:repeat(5,minmax(92px,1fr))!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card,
html body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.fbm-stat-card{
position:relative!important;
min-height:84px!important;
padding:12px 12px 11px 13px!important;
border:1px solid #e5e7eb!important;
border-radius:14px!important;
background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%)!important;
box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
overflow:hidden!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card:before{
content:""!important;
position:absolute!important;
left:0!important;
top:0!important;
bottom:0!important;
width:4px!important;
background:#94a3b8!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-total:before{background:#475467!important;}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-available:before,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-live:before,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-live-unsold:before{background:#16a34a!important;}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-sold:before{background:#2563eb!important;}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-unsold:before,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-unknown:before{background:#64748b!important;}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-die:before,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.is-die-unsold:before{background:#dc2626!important;}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card .fbm-stat-card__label{
display:block!important;
color:#667085!important;
font-size:11px!important;
line-height:1.15!important;
font-weight:800!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card .fbm-stat-card__value{
display:block!important;
margin:6px 0 5px!important;
color:#111827!important;
font-size:24px!important;
line-height:1!important;
font-weight:800!important;
letter-spacing:-.025em!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card .fbm-stat-card__hint{
display:block!important;
color:#667085!important;
font-size:11.5px!important;
line-height:1.25!important;
font-weight:500!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filter-panel .card-body{
padding:14px 16px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filter-head{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:12px!important;
min-width:0!important;
margin:0 0 12px!important;
padding:0 0 11px!important;
border-bottom:1px solid #eef2f7!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filter-head strong{
display:block!important;
color:#111827!important;
font-size:13px!important;
line-height:1.25!important;
font-weight:800!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filter-head small{
color:#667085!important;
font-size:12px!important;
line-height:1.35!important;
font-weight:500!important;
text-align:right!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filterbar,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-toolbar.fbm-account-filterbar{
display:grid!important;
grid-template-columns:minmax(280px,1fr) minmax(210px,280px)!important;
gap:12px!important;
align-items:end!important;
width:100%!important;
flex-wrap:unset!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filterbar .fbm-transfer-field{
width:100%!important;
min-width:0!important;
max-width:none!important;
flex:initial!important;
margin:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-table-actionbar{
align-items:center!important;
margin-top:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-list-meta{
display:inline-flex!important;
align-items:center!important;
gap:10px!important;
flex-wrap:wrap!important;
min-width:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-page-size-control{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
min-height:34px!important;
padding:4px 8px 4px 10px!important;
border:1px solid #dbe3ef!important;
border-radius:11px!important;
background:#ffffff!important;
box-shadow:0 1px 1px rgba(15,23,42,.025)!important;
flex:0 0 auto!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-page-size-control label{
margin:0!important;
color:#667085!important;
font-size:11.5px!important;
line-height:1!important;
font-weight:800!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
white-space:nowrap!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-page-size-control .form-control,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-page-size-control select{
width:84px!important;
min-width:84px!important;
height:28px!important;
min-height:28px!important;
padding:2px 24px 2px 8px!important;
border-color:#d0d7e2!important;
border-radius:8px!important;
background-color:#f8fafc!important;
color:#111827!important;
font-size:12px!important;
font-weight:700!important;
line-height:1.1!important;
}
@media (max-width:1400px){
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-groups{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-grid-quality{
grid-template-columns:repeat(5,minmax(110px,1fr))!important;
}
}
@media (max-width:992px){
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-head,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filter-head{
flex-direction:column!important;
align-items:flex-start!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filter-head small{
text-align:left!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-filterbar,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-toolbar.fbm-account-filterbar{
grid-template-columns:1fr!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-grid-quality{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media (max-width:576px){
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-board{
padding:12px!important;
border-radius:15px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-grid,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-grid-quality{
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card,
html body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card.fbm-stat-card{
min-height:76px!important;
padding:10px 10px 9px 12px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card .fbm-stat-card__value{
font-size:20px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-report-card .fbm-stat-card__hint{
font-size:10.5px!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-list-meta,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-core-actionbar__right{
width:100%!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-page-size-control{
width:100%!important;
justify-content:space-between!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-page-size-control .form-control,
body.fbm-orion-v2 .fbm-admin-accounts-page .fbm-account-page-size-control select{
width:104px!important;
}
}
body.fbm-orion-v2 .fbm-admin-accounts-page #nav_page.pagination{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
flex-wrap:wrap!important;
margin:14px 0 0!important;
padding:12px 0 0!important;
border-top:1px solid #eef2f7!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page #nav_page.pagination .page-item,
body.fbm-orion-v2 .fbm-admin-accounts-page #nav_page.pagination li{
margin:0!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page #nav_page.pagination .page-link{
min-width:32px!important;
min-height:32px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #d0d7e2!important;
border-radius:10px!important;
background:#ffffff!important;
color:#344054!important;
font-size:12.5px!important;
font-weight:700!important;
line-height:1!important;
box-shadow:0 1px 1px rgba(15,23,42,.025)!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page #nav_page.pagination .active .page-link,
body.fbm-orion-v2 .fbm-admin-accounts-page #nav_page.pagination .page-link[focus="true"]{
background:#2563eb!important;
border-color:#2563eb!important;
color:#ffffff!important;
}
body.fbm-orion-v2 .fbm-admin-accounts-page #nav_page.pagination .disabled .page-link{
opacity:.5!important;
cursor:not-allowed!important;
}
/* ========================================================================
HOTFIX1163 - Admin services inventory column layout contract
------------------------------------------------------------------------
Scope: /admin/services.php only. The KHO/STOCK cell contains four inventory
values, so it must not be squeezed into three tiny badges. Keep the table
data contract unchanged, allow a safe desktop min-width, and render KHO as
a readable 2x2 inventory grid. Other admin/user tables are not affected.
======================================================================== */
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table-wrap{
overflow-x:auto!important;
overflow-y:visible!important;
-webkit-overflow-scrolling:touch!important;
}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table{
width:100%!important;
min-width:1320px!important;
table-layout:fixed!important;
}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(1),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(1){width:8%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(2),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(2){width:6%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(3),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(3){width:20%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(4),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(4){width:5%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(5),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(5){width:8%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(6),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(6){width:22%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(7),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(7){width:8%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(8),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(8){width:8%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(9),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(9){width:8%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table th:nth-child(10),
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table td:nth-child(10){width:7%!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table .service-stock-cell,
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table .service-stock-cell--balanced{
display:grid!important;
grid-template-columns:repeat(2, minmax(92px, 1fr))!important;
gap:6px!important;
width:100%!important;
max-width:252px!important;
min-width:200px!important;
margin:0 auto!important;
}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table .service-stock-item{
min-height:34px!important;
padding:5px 8px!important;
border-radius:9px!important;
}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table .service-stock-item em,
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table .service-stock-item b{
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
white-space:nowrap!important;
}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table .service-stock-item em{
font-size:10px!important;
letter-spacing:0!important;
}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table .service-stock-item b{
font-size:12px!important;
}
@media (max-width: 1180px){
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table{min-width:1320px!important;}
html body.fbm-orion-v2 .fbm-admin-services-page .fbm-services-table-wrap{overflow-x:auto!important;}
}