/* "Did You Know" feature-discovery surfaces — warm/amber accent on the Cube theme.
   Loaded once from the layout. Complements Bootstrap 3 + Font Awesome + theme_styles.css. */
:root{
  --ft-amber:#f0ad4e; --ft-amber-d:#e39b2f; --ft-amber-050:#fdf6ec;
  --ft-amber-100:#fbe4c8; --ft-amber-line:#f2d9a8;
}
.ft-badge-new{ background:var(--ft-amber); color:#fff; font-weight:600; }
.label-amber-soft{ background:var(--ft-amber-100); color:var(--ft-amber-d); }
.ft-ico{ width:44px; height:44px; border-radius:8px; background:var(--ft-amber-050); color:var(--ft-amber-d);
  border:1px solid var(--ft-amber-line); display:flex; align-items:center; justify-content:center; font-size:20px; flex:none; }

/* 1 · dashboard card */
.ft-card.main-box{ border-left:3px solid var(--ft-amber); }
.ft-card .main-box-body{ display:flex; gap:16px; align-items:flex-start; padding:18px 20px; }
.ft-card .ft-txt{ flex:1; min-width:0; }
.ft-card .ft-eyebrow{ margin:0 0 6px; }
.ft-card .ft-eyebrow .cat{ color:#8a94a6; font-size:12px; margin-left:8px; }
.ft-card h4{ margin:0 0 4px; font-size:16px; font-weight:600; color:#2b303b; }
.ft-card p.ft-body{ margin:0 0 14px; color:#5a6472; font-size:13.5px; }
.ft-card .btn + .btn{ margin-left:6px; }
.ft-card .ft-feedback{ margin-left:14px; font-size:12px; color:#a7aebb; }
.ft-card .ft-feedback .q{ margin-right:6px; }
.ft-card .ft-feedback .ft-vote{ color:#b6bdc7; margin-right:6px; font-size:14px; }
.ft-card .ft-feedback .ft-vote:hover{ color:var(--ft-amber-d); text-decoration:none; }
.ft-card .ft-close{ color:#b6bdc7; font-size:16px; }
.ft-card .ft-close:hover{ color:#8a94a6; text-decoration:none; }

/* 2 · header lightbulb widget (Bootstrap dropdown-menu) */
#ftWidget > .dropdown-menu{ width:352px; padding:0; }
.ft-widget-head{ display:flex; align-items:center; padding:12px 14px; border-bottom:1px solid #eef0f2; }
.ft-widget-head .t{ font-weight:600; font-size:14px; color:#2b303b; flex:1; }
.ft-widget-head .t > i{ color:var(--ft-amber-d); margin-right:6px; }
.ft-widget-head .t .label{ margin-left:6px; }
.ft-widget-head .ft-markseen{ font-size:12px; color:#8a94a6; }
.ft-widget-group{ font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:#a7aebb;
  padding:10px 14px 4px; font-weight:600; }
#ftWidgetList{ list-style:none; margin:0; padding:0; }
#ftWidgetList ul{ list-style:none; margin:0; padding:0; }
#ftWidgetList li{ list-style:none; }
#ftWidgetList .n-row{ display:flex; align-items:flex-start; gap:11px; padding:9px 14px; white-space:normal; }
#ftWidgetList li + li .n-row{ border-top:1px solid #f1f3f5; }
#ftWidgetList .n-ico{ width:32px; height:32px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:15px; flex:none; background:var(--ft-amber-050); color:var(--ft-amber-d); }
#ftWidgetList .n-txt{ flex:1; min-width:0; }
#ftWidgetList .n-txt strong{ display:block; font-size:13px; color:#2b303b; font-weight:600; }
#ftWidgetList .n-txt small{ display:block; font-size:12px; color:#8a94a6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#ftWidgetList .seen .n-txt strong{ color:#5a6472; }
#ftWidgetList .n-act{ font-size:11.5px; margin-top:4px; color:#c2c8d0; }
#ftWidgetList .n-act a{ color:var(--ft-amber-d); }
#ftWidgetList .n-act a.ft-plain{ color:#8a94a6; }
.ft-widget-foot{ text-align:center; padding:10px; border-top:1px solid #eef0f2; }
.ft-widget-foot a{ color:var(--ft-amber-d); font-weight:600; font-size:12.5px; }
.ft-widget-empty{ padding:22px 14px; text-align:center; color:#a7aebb; font-size:12.5px; }

/* 3 · wait/processing dialog — tip injected INTO the existing BulkSelectHelper
   modal (below its body), styled as an amber panel. No separate modal. */
.ft-modal-tip{ background:var(--ft-amber-050); border:1px solid var(--ft-amber-line); border-radius:8px; padding:16px; }
.ft-wait-tip{ margin:4px 15px 0; }
/* Parent padding (not child margin) — the dialog's .md-content has no bottom
   padding, so a child margin-bottom collapses through it and never shows. */
.md-content.ft-wait-pad, .modal-content.ft-wait-pad{ padding-bottom:16px; }
.ft-modal-tip .lbl{ margin:0 0 8px; }
.ft-modal-tip h5{ margin:0 0 4px; font-size:14.5px; font-weight:600; color:#2b303b; }
.ft-modal-tip p{ margin:0 0 12px; color:#5a6472; font-size:13px; }
.ft-modal-tip a.ft-more{ color:var(--ft-amber-d); font-weight:600; font-size:13px; }
.ft-modal-tip a.ft-more:hover, .ft-wait-foot a:hover{ text-decoration:none; }
.ft-wait-foot{ display:flex; align-items:center; justify-content:space-between; }
.ft-wait-nav{ font-size:12.5px; color:#c2c8d0; }
.ft-wait-nav .ft-skip{ color:#8a94a6; }
.ft-wait-nav .ft-next{ color:var(--ft-amber-d); font-weight:600; }
.ft-wait-nav .ft-sep{ margin:0 6px; }