/* ============================================================
   4BIGHA DESIGN SYSTEM — v1  (5 Sep 2026)

   One set of rules every dashboard is built on: the owner desk, the
   tenant desk, the advisory desk, the partner desk and the master
   console. It targets the class names the pages already use, so the
   markup does not have to be rewritten screen by screen.

   Load this LAST — after the page's own <style> — so it wins.
   ============================================================ */

:root{
  --ink-900:#17102B; --ink-800:#241A3D; --ink-700:#3A2F55;
  --ink-600:#544A70; --ink-500:#736A8C; --ink-400:#9891AC;
  --ink-300:#C3BDD1; --ink-200:#E3DFEC; --ink-100:#F1EEF7;

  --br-900:#25084F; --br-800:#340C6B; --br-700:#451690;
  --br-600:#56299A; --br-500:#6B41AE; --br-300:#B9A2E0;
  --br-100:#EDE6FA; --br-50:#F7F3FE;

  --gold:#B08D3C; --gold-100:#FAF3E2; --gold-300:#E4CE93;
  --ok:#0E7C55;   --ok-100:#E6F5EE;
  --warn:#9A6B10; --warn-100:#FDF4E3;
  --bad:#A32828;  --bad-100:#FBEDED;

  --canvas:#FAF9FC;
  --surface:#FFFFFF;
  --surface-2:#F7F5FB;
  --line:#EBE7F3;
  --line-2:#F4F1F9;

  --r-xs:8px; --r-sm:11px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-pill:999px;

  --sh-1:0 1px 2px rgba(23,16,43,.05), 0 1px 1px rgba(23,16,43,.03);
  --sh-2:0 1px 2px rgba(23,16,43,.05), 0 8px 20px -8px rgba(23,16,43,.10);
  --sh-3:0 2px 4px rgba(23,16,43,.05), 0 24px 48px -16px rgba(23,16,43,.16);
  --sh-focus:0 0 0 3px var(--br-100);

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px;

  --font:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,sans-serif;
  --display:'Fraunces',Georgia,serif;

  --ease:cubic-bezier(.2,.7,.3,1);
  --t-1:120ms; --t-2:180ms; --t-3:260ms;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms!important; animation-iteration-count:1!important;
                        transition-duration:.01ms!important; scroll-behavior:auto!important }
}

.dash, body.dash-body{ background:var(--canvas); }
.dash *{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.dash{ font-family:var(--font); color:var(--ink-800); }
.dash :focus-visible{ outline:2px solid var(--br-600); outline-offset:2px; border-radius:var(--r-xs); }
.dash ::selection{ background:var(--br-100); color:var(--br-900); }

/* ---------- SIDEBAR ---------- */
.dash .side{
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFBFE 100%);
  border-right:1px solid var(--line);
  padding:var(--s-5) 0 var(--s-4);
}
.dash .side-logo{ padding:2px var(--s-5) var(--s-5); }
.dash .nav-tag{ color:var(--ink-400); font-size:10px; font-weight:700;
  letter-spacing:1.6px; text-transform:uppercase; margin-top:3px; }
.dash .side-sec{ color:var(--ink-400); font-size:9.5px; font-weight:800; letter-spacing:1.5px;
  text-transform:uppercase; padding:var(--s-4) var(--s-6) var(--s-2); }
.dash .side-link{
  display:flex; align-items:center; gap:var(--s-3);
  margin:2px var(--s-3); padding:10px var(--s-3);
  border-radius:var(--r-sm);
  color:var(--ink-600); font-size:13.5px; font-weight:600; letter-spacing:-.1px;
  border-left:2px solid transparent; cursor:pointer;
  transition:background var(--t-1) var(--ease), color var(--t-1) var(--ease);
}
.dash .side-link:hover{ background:var(--surface-2); color:var(--ink-900); }
.dash .side-link.on, .dash .side-link.active{
  background:var(--br-50); color:var(--br-800); font-weight:700;
  border-left:2px solid var(--gold); box-shadow:inset 0 0 0 1px var(--br-100);
}
.dash .side-link .ic, .dash .side-link i, .dash .side-link svg{ opacity:.72; }
.dash .side-link.on .ic, .dash .side-link.on svg{ opacity:1; }
.dash .rs-btn{
  background:var(--br-50); border:1px solid var(--br-100); color:var(--br-800);
  border-radius:var(--r-sm); padding:11px var(--s-3);
  font-weight:700; font-size:12.5px; letter-spacing:.2px;
  transition:background var(--t-1) var(--ease), border-color var(--t-1) var(--ease);
}
.dash .rs-btn:hover{ background:var(--br-100); border-color:var(--br-300); }
.dash .rs-menu{ background:var(--surface); border:1px solid var(--line);
  box-shadow:var(--sh-3); border-radius:var(--r-md); padding:var(--s-1); }
.dash .rs-menu button{ color:var(--ink-700); border-radius:var(--r-xs); padding:9px 11px;
  font-size:13px; font-weight:600; background:transparent;
  transition:background var(--t-1) var(--ease); }
.dash .rs-menu button:hover{ background:var(--br-50); color:var(--br-800); }
.dash .side-user{ border-top:1px solid var(--line); margin:var(--s-3) var(--s-3) 0; padding:var(--s-4) 10px var(--s-1); }
.dash .avatar{
  width:38px; height:38px; min-width:38px; flex:0 0 38px; aspect-ratio:1;
  border-radius:var(--r-pill);
  background:linear-gradient(135deg,var(--gold),#D8BC72); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:12.5px; letter-spacing:.3px;
}

/* ---------- TOP BAR ---------- */
.dash .topbar{
  background:rgba(250,249,252,.82);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
  padding:var(--s-4) var(--s-8); gap:var(--s-5);
}
.dash .topbar h1{ font-family:var(--display); color:var(--ink-900);
  font-size:26px; font-weight:500; letter-spacing:-.4px; line-height:1.2; }
.dash .search input{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-sm); padding:10px var(--s-4);
  font-size:13px; color:var(--ink-800); min-width:240px;
  transition:border-color var(--t-1) var(--ease), box-shadow var(--t-1) var(--ease);
}
.dash .search input::placeholder{ color:var(--ink-400); }
.dash .search input:focus{ outline:none; border-color:var(--br-300); box-shadow:var(--sh-focus); }
.dash .dash-body{ padding:var(--s-6) var(--s-8) var(--s-12); }

/* ---------- PANELS ---------- */
.dash .panel{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-lg); box-shadow:var(--sh-1);
  padding:var(--s-6);
  transition:box-shadow var(--t-2) var(--ease);
}
.dash .panel + .panel{ margin-top:var(--s-5); }
.dash .panel-h{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:var(--s-4); flex-wrap:wrap;
  padding-bottom:var(--s-4); margin-bottom:var(--s-5);
  border-bottom:1px solid var(--line-2);
}
.dash .panel-h h3{ font-family:var(--display); font-size:19px; font-weight:500;
  color:var(--ink-900); letter-spacing:-.2px; margin:0; }
.dash .muted{ color:var(--ink-400); }
.dash .lay{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:var(--s-5); align-items:start; }
@media(max-width:980px){ .dash .lay{ grid-template-columns:1fr; } }

/* ---------- BUTTONS ---------- */
.dash .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--s-2);
  border:1px solid transparent; border-radius:var(--r-sm);
  padding:11px var(--s-4); font-size:13.5px; font-weight:700;
  font-family:var(--font); letter-spacing:.1px; cursor:pointer;
  transition:transform var(--t-1) var(--ease), background var(--t-1) var(--ease),
             border-color var(--t-1) var(--ease), box-shadow var(--t-1) var(--ease);
}
.dash .btn:active{ transform:translateY(1px); }
.dash .btn[disabled]{ opacity:.55; cursor:default; transform:none; }
.dash .btn-primary, .dash .cta{ background:var(--br-600); color:#fff; box-shadow:var(--sh-1); }
.dash .btn-primary:hover, .dash .cta:hover{ background:var(--br-700); box-shadow:var(--sh-2); }
.dash .btn-line, .dash .btn-ghost, .dash .ministep{
  background:var(--surface); color:var(--br-700); border-color:var(--line); }
.dash .btn-line:hover, .dash .btn-ghost:hover, .dash .ministep:hover{
  border-color:var(--br-300); background:var(--br-50); }
.dash .btn-danger{ background:var(--bad-100); color:var(--bad); border-color:#F3D6D6; }
.dash .btn-danger:hover{ background:#F7DCDC; }
.dash .btn-sm{ padding:8px var(--s-3); font-size:12.5px; }

/* ---------- FORM CONTROLS ---------- */
.dash input:not([type=checkbox]):not([type=radio]),
.dash select, .dash textarea, .dash .cin{
  width:100%; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r-sm);
  padding:11px var(--s-3); font-size:14px; font-family:var(--font);
  color:var(--ink-900);
  transition:border-color var(--t-1) var(--ease), box-shadow var(--t-1) var(--ease);
}
.dash input::placeholder, .dash textarea::placeholder{ color:var(--ink-400); }
.dash input:focus, .dash select:focus, .dash textarea:focus{
  outline:none; border-color:var(--br-300); box-shadow:var(--sh-focus); }
.dash label, .dash .lbl{
  display:block; font-size:10.5px; letter-spacing:1.3px; text-transform:uppercase;
  color:var(--ink-400); font-weight:800; margin:var(--s-4) 0 7px; }
.dash .mini-form{ display:flex; flex-direction:column; gap:var(--s-3); }

/* ---------- TABLES ---------- */
.dash table, .dash .tbl{ width:100%; border-collapse:collapse; font-size:13.5px; }
.dash th{
  text-align:left; font-size:10px; letter-spacing:1.3px; text-transform:uppercase;
  color:var(--ink-400); font-weight:800;
  padding:0 var(--s-3) var(--s-3); border-bottom:1px solid var(--line); }
.dash td{
  padding:var(--s-4) var(--s-3); border-bottom:1px solid var(--line-2);
  color:var(--ink-700); vertical-align:middle; }
.dash tr:last-child td{ border-bottom:0; }
.dash tbody tr{ transition:background var(--t-1) var(--ease); }
.dash tbody tr:hover{ background:var(--surface-2); }

/* ---------- BADGES, PILLS, CHIPS ---------- */
.dash .pill, .dash .badge, .dash .vbadge{
  display:inline-flex; align-items:center; gap:6px;
  border-radius:var(--r-pill); padding:5px 11px;
  font-size:11.5px; font-weight:700; letter-spacing:.2px;
  background:var(--ink-100); color:var(--ink-600); border:1px solid transparent; }
.dash .pill-ok, .dash .vbadge.ok{ background:var(--ok-100); color:var(--ok); }
.dash .pill-gold{ background:var(--gold-100); color:var(--gold); border-color:var(--gold-300); }
.dash .pill-info{ background:var(--br-50); color:var(--br-700); border-color:var(--br-100); }
.dash .pill-warn, .dash .vbadge.pend{ background:var(--warn-100); color:var(--warn); }
.dash .pill-bad{ background:var(--bad-100); color:var(--bad); }
.dash .free-tag{
  display:inline-flex; align-items:center; gap:7px;
  background:var(--br-900); color:#fff; border-radius:var(--r-pill);
  padding:8px 15px; font-size:11px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase; }
.dash .free-tag a{ color:var(--gold-300); text-decoration:underline; text-underline-offset:2px; }

/* ---------- CARDS IN GRIDS ---------- */
.dash .grid{ display:grid; gap:var(--s-4); }
.dash .g2{ grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.dash .g3{ grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.dash .brand-card{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-md); padding:var(--s-5);
  border-top:3px solid var(--bc,var(--br-600));
  transition:transform var(--t-2) var(--ease), box-shadow var(--t-2) var(--ease), border-color var(--t-2) var(--ease); }
.dash .brand-card:hover{ transform:translateY(-2px); box-shadow:var(--sh-2); border-color:var(--ink-200); }
.dash .bc-name{ font-weight:700; color:var(--ink-900); letter-spacing:-.2px; line-height:1.35; }
.dash .bc-seg{ color:var(--ink-500); font-size:12.5px; margin-top:5px; }
.dash .kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:var(--s-4); }
.dash .kpi{ background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-md); padding:var(--s-5); }
.dash .kpi b, .dash .kpi .num{
  display:block; font-family:var(--display); font-size:30px; font-weight:500;
  color:var(--ink-900); line-height:1.05; letter-spacing:-1px; }
.dash .kpi span, .dash .kpi .lab{
  display:block; margin-top:6px; font-size:11px; font-weight:700;
  letter-spacing:1.2px; text-transform:uppercase; color:var(--ink-400); }

/* ---------- PROGRESS ---------- */
.dash .bar, .dash .prog{ height:6px; background:var(--ink-100); border-radius:var(--r-pill); overflow:hidden; }
.dash .bar > i, .dash .prog > i{
  display:block; height:100%; border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--br-600),var(--br-500));
  transition:width var(--t-3) var(--ease); }

/* ---------- STATES ---------- */
.dash .empty{ text-align:center; padding:var(--s-12) var(--s-6);
  color:var(--ink-500); font-size:13.5px; line-height:1.7; }
.dash .empty b{ display:block; font-family:var(--display); font-size:18px; font-weight:500;
  color:var(--ink-800); margin-bottom:6px; letter-spacing:-.2px; }
.dash .skel{
  background:linear-gradient(90deg,var(--ink-100) 25%,var(--line-2) 37%,var(--ink-100) 63%);
  background-size:400% 100%; border-radius:var(--r-xs);
  animation:fbShine 1.4s ease-in-out infinite; height:14px; }
@keyframes fbShine{ 0%{background-position:100% 50%} 100%{background-position:0 50%} }
.dash .note-ok{ color:var(--ok); font-weight:700; font-size:13px; }
.dash .note-bad{ color:var(--bad); font-weight:700; font-size:13px; }
.dash .authmsg{ font-size:13px; line-height:1.6; }
.dash #view > *{ animation:fbIn var(--t-3) var(--ease) both; }
@keyframes fbIn{ from{ opacity:0; transform:translateY(6px) } to{ opacity:1; transform:none } }

/* ---------- OVERLAYS ---------- */
.fbdw-p, .fbup-c{ border-radius:var(--r-xl)!important; box-shadow:var(--sh-3)!important; }
.fbdw-p{ padding:var(--s-8) var(--s-6) var(--s-10)!important; }

/* ---------- RESPONSIVE ---------- */
@media(max-width:860px){
  .dash .topbar{ padding:var(--s-3) var(--s-4); }
  .dash .topbar h1{ font-size:21px; }
  .dash .dash-body{ padding:var(--s-4) var(--s-4) var(--s-10); }
  .dash .panel{ padding:var(--s-5) var(--s-4); border-radius:var(--r-md); }
  .dash .search input{ min-width:0; }
}
@media(max-width:1100px){ .dash .dash-body{ padding-bottom:96px; } }

/* ============================================================
   LEGACY OVERRIDES
   The pages carry an older theme block that used !important on the
   sidebar and the gold button. These few rules take those back —
   they are the only place !important appears in this file.
   ============================================================ */
.dash .side-link{
  color:var(--ink-600)!important;
  padding:10px var(--s-3)!important;
  border-left:2px solid transparent!important;
  margin:2px var(--s-3);
}
.dash .side-link:hover{ background:var(--surface-2); color:var(--ink-900)!important; }
.dash .side-link.on, .dash .side-link.active{
  background:var(--br-50)!important;
  background-image:none!important;
  color:var(--br-800)!important;
  border-left:2px solid var(--gold)!important;
  box-shadow:inset 0 0 0 1px var(--br-100)!important;
}
.dash .side-link.on .ic, .dash .side-link.active .ic,
.dash .side-link.on [data-ic], .dash .side-link.active [data-ic],
.dash .side-link.on i, .dash .side-link.active i,
.dash .side-link.on svg, .dash .side-link.active svg{
  color:var(--br-700)!important; filter:none!important; opacity:1!important;
}

/* One primary action colour. Gold stays on badges and the active rail. */
.dash .btn-gold{
  background:var(--br-600); color:#fff; border-color:transparent; box-shadow:var(--sh-1);
}
.dash .btn-gold:hover{ background:var(--br-700); box-shadow:var(--sh-2); }

.dash .side{ border-right:1px solid var(--line)!important; }
.dash .rs-btn{ background:var(--br-50)!important; border:1px solid var(--br-100)!important; color:var(--br-800)!important; }
.dash .rs-menu{ border:1px solid var(--line)!important; box-shadow:var(--sh-3)!important; }
.dash .rs-menu button{ color:var(--ink-700)!important; }
.dash .rs-menu button:hover{ background:var(--br-50)!important; color:var(--br-800)!important; }

/* The plan strip reads as a status band, not a stray line of text. */
.dash .planstrip, .dash .plan-strip{
  background:linear-gradient(180deg,#FFFFFF,#FCFBFE);
  border:1px solid var(--line); border-radius:var(--r-lg);
  box-shadow:var(--sh-1); padding:var(--s-5) var(--s-6);
}

/* ---------- LIGHT SIDEBAR LOGO ----------
   The sidebar is light everywhere now, so the light-on-dark logo has to
   give way to the dark one. */
.dash .side-logo .brand-logo.light{ display:none!important; }
.dash .side-logo .brand-logo.dark{ display:block!important; max-height:30px; width:auto; }

/* Panels the console renders without a wrapper still get the rhythm. */
.dash .panel > h3:first-child,
.dash .panel > h2:first-child{
  font-family:var(--display); font-size:19px; font-weight:500; color:var(--ink-900);
  letter-spacing:-.2px; margin:0 0 var(--s-4); padding-bottom:var(--s-4);
  border-bottom:1px solid var(--line-2);
}

/* ============================================================
   DEEP NAVY PRIMARY
   The deep violet-navy of the console's top bar is the primary
   action colour everywhere — one button colour across all five
   desks, so a primary action always looks the same.
   ============================================================ */
.dash .btn-primary, .dash .cta, .dash .btn-gold,
.dash .topbar .btn-primary, .dash .topbar .cta{
  background:var(--br-800)!important; color:#fff!important; border-color:transparent!important;
}
.dash .btn-primary:hover, .dash .cta:hover, .dash .btn-gold:hover,
.dash .topbar .btn-primary:hover, .dash .topbar .cta:hover{
  background:var(--br-900)!important; box-shadow:var(--sh-2)!important;
}
/* Overlays share the same primary. */
.fbup .go, .fbdw .obtn, #fbdwUnlock, #fbdwUp, #fbdwUp2, #advc .b{
  background:var(--br-800)!important; color:#fff!important;
}
.fbup .go:hover, .fbdw .obtn:hover, #advc .b:hover{ background:var(--br-900)!important; }
.fbdw .oact a[href^="tel"]{ background:var(--br-800)!important; }
.dash .side-link.on, .dash .side-link.active{ color:var(--br-900)!important; }

body.fbp main button.primary, body.fbp main .btn-primary, body.fbp main .cta{
  background:#340C6B!important; color:#fff!important; border-color:transparent!important;
}
body.fbp main button.primary:hover, body.fbp main .btn-primary:hover, body.fbp main .cta:hover{
  background:#25084F!important;
}

/* ============================================================
   LIGHT SIDEBAR CONTRAST
   The console's sidebar used to be dark, so its name block was white
   text. On the light sidebar that reads as nothing at all.
   ============================================================ */
.dash .side, .dash .side *{ color:var(--ink-700); }
.dash .side-user{ display:flex; align-items:center; gap:11px; }
.dash .side-user, .dash .side-user b, .dash .side-user strong,
.dash .side-user #uName, .dash .side-user div > div:first-child{
  color:var(--ink-900)!important; font-weight:700;
}
.dash .side-user #uSub, .dash .side-user div > div:last-child,
.dash .side-user small, .dash .side-user span[data-ic]{
  color:var(--ink-400)!important; font-weight:500;
}
.dash .side-logo .nav-name, .dash .side-logo b{ color:var(--ink-900)!important; }
.dash .side-desk-tag, .dash #roleTag, .dash .nav-tag{ color:var(--ink-400)!important; }
.dash .side-link{ color:var(--ink-600)!important; }
.dash .side-link.on, .dash .side-link.active{ color:var(--br-900)!important; }
.dash .side hr, .dash .side .sep{ border-color:var(--line); }

/* The floating chat and help bubbles were sitting on the content. */
.dash .dash-body{ padding-bottom:110px; }


/* ============================================================
   MASTER CONSOLE — ACTION DENSITY  (5 Sep 2026)
   The console styled every <button> as a 10.5px uppercase pill with
   1px letter-spacing and 8/14 padding. On a row with eight actions that
   wrapped into three shouting lines and pushed each listing to ~200px
   tall. These rules only change how the console's buttons and table
   rows are drawn — no markup, no behaviour.
   Scoped to body.fbadm so the member dashboards are untouched.
   ============================================================ */
.fbadm button.btn-line,
.fbadm button.ok,
.fbadm button.no,
.fbadm .qc-actions button{
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  padding:6px 11px!important;
  border-radius:8px!important;
  line-height:1.25!important;
  margin:0!important;
  white-space:nowrap;
  transition:background .15s var(--ease,ease),border-color .15s,color .15s;
}

/* One tidy wrapping row instead of three ragged lines. */
.fbadm td.qc-actions{ vertical-align:middle; }
.fbadm td.qc-actions,
.fbadm .qc-actions{
  display:flex; flex-wrap:wrap; gap:6px; align-items:center;
}
.fbadm td.qc-actions{ max-width:280px; }

/* The one action that matters on this screen reads as the primary. */
.fbadm .qc-actions button.ok{
  background:#0e7c55!important; color:#fff!important; border-color:transparent!important;
}
.fbadm .qc-actions button.ok:hover:not(:disabled){ background:#0b6647!important; }
.fbadm .qc-actions button.no{
  background:#fff!important; color:#a32828!important; border-color:#f0d5d5!important;
}
.fbadm .qc-actions button.no:hover:not(:disabled){ background:#a32828!important; color:#fff!important; border-color:transparent!important; }

/* Pin / Highlight / History / Unapprove are housekeeping — quieter. */
.fbadm .qc-actions button.btn-line{
  background:#fff!important; color:#5c576b!important; border-color:#e7e1f3!important;
}
.fbadm .qc-actions button.btn-line:hover:not(:disabled){
  background:#f6f2ff!important; color:#340C6B!important; border-color:#d9cff0!important;
}
.fbadm .qc-actions button:disabled{ opacity:.4!important; cursor:default!important; }

/* Toolbars in panel headers: same compact treatment, brand primary on the
   one solid button so the eye lands on it. */
.fbadm .panel-h button.btn-line,
.fbadm .card > div > button.btn-line{ color:#56299a!important; }

/* Rows: the console is a work queue, so more rows on screen beats air. */
.fbadm table td{ padding-top:11px!important; padding-bottom:11px!important; }
.fbadm table td b{ line-height:1.35; }

/* Contact column: three stacked fields were reading as three empty dashes. */
.fbadm .cf-edit{ line-height:1.7; color:#2a1252; }
.fbadm .cf-edit:hover{ border-bottom-color:#c9bfe0!important; }
.fbadm td .qc-actions{ margin-top:8px!important; }

@media(max-width:1100px){
  .fbadm td.qc-actions{ max-width:none; }
}