:root {
  --cynduq-primary: #064a9f;
  --cynduq-secondary: #10a9f5;
  --cynduq-accent: #1f2933;
  --cynduq-dark: #07111f;
  --cynduq-muted: #64748b;
  --cynduq-light: #f8fafc;
  --cynduq-white: #ffffff;
  --wp-sidebar: #1d2327;
  --wp-sidebar-hover: #2c3338;
  --wp-blue: #2271b1;
  --wp-green: #00a32a;
  --wp-red: #d63638;
  --border: #dcdcde;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, Segoe UI, Arial, sans-serif; background: var(--cynduq-light); color: var(--cynduq-dark); }
a { color: var(--wp-blue); text-decoration: none; }
img { max-width: 100%; }
.public-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.88); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(15,23,42,.08); }
.public-nav { max-width: 1180px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: .04em; color: var(--cynduq-dark); }
.brand img { height: 42px; width: auto; }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 10px; padding: 11px 16px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.btn-primary { background: linear-gradient(135deg, var(--cynduq-primary), var(--cynduq-secondary)); color: #fff; box-shadow: 0 14px 30px rgba(16,169,245,.26); }
.btn-secondary { background: #fff; color: var(--cynduq-primary); border: 1px solid rgba(6,74,159,.18); }
.btn-danger { background: var(--wp-red); color: #fff; }
.btn-small { padding: 7px 10px; border-radius: 6px; font-size: 12px; }
.btn:hover { transform: translateY(-1px); }
.hero { background: radial-gradient(circle at top right, rgba(16,169,245,.28), transparent 30%), linear-gradient(135deg, #051225, #064a9f 55%, #10a9f5); color: white; overflow: hidden; }
.hero-inner { max-width: 1180px; margin: auto; display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; align-items: center; padding: 84px 20px; }
.kicker { color: #bde9ff; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero h1 { font-size: clamp(38px, 6vw, 72px); line-height: .95; margin: 14px 0; }
.hero p { font-size: 18px; line-height: 1.7; color: rgba(255,255,255,.82); }
.hero-card { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 28px; padding: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.25); backdrop-filter: blur(18px); }
.mock-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.mock-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.mock-item, .card { background: #fff; color: var(--cynduq-dark); border: 1px solid rgba(15,23,42,.08); border-radius: 18px; padding: 18px; box-shadow: 0 18px 40px rgba(15,23,42,.08); }
.mock-item strong { display: block; font-size: 22px; margin-bottom: 4px; }
.section { max-width: 1180px; margin: auto; padding: 72px 20px; }
.section-title { font-size: clamp(30px, 4vw, 48px); margin: 0 0 12px; }
.section-sub { color: var(--cynduq-muted); font-size: 17px; max-width: 760px; line-height: 1.7; }
.grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 32px; }
.service-card { border-radius: 24px; padding: 26px; border: 1px solid rgba(6,74,159,.12); background: #fff; box-shadow: 0 22px 55px rgba(15,23,42,.08); }
.badge { display: inline-block; border-radius: 999px; padding: 6px 10px; background: rgba(16,169,245,.12); color: var(--cynduq-primary); font-weight: 800; font-size: 12px; }
.auth-wrap { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: radial-gradient(circle at top right, rgba(16,169,245,.2), transparent 35%), var(--cynduq-light); }
.auth-card { width: min(560px, 100%); background: #fff; padding: 28px; border-radius: 24px; box-shadow: 0 20px 60px rgba(15,23,42,.1); }
.form-row { margin-bottom: 14px; }
label { display: block; margin-bottom: 7px; font-weight: 700; }
input, select, textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--border); border-radius: 8px; font: inherit; background: #fff; }
textarea { min-height: 120px; }
.form-row input,
.form-row select,
.form-row textarea{
  border-radius:14px;
  border:1px solid rgba(6,74,159,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.98));
  box-shadow:0 10px 24px rgba(15,23,42,.04);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}
.form-row input:hover,
.form-row select:hover,
.form-row textarea:hover{
  border-color:rgba(6,74,159,.18);
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{
  outline:none;
  border-color:rgba(6,74,159,.44);
  box-shadow:0 0 0 4px rgba(16,169,245,.12),0 12px 28px rgba(15,23,42,.08);
  transform:translateY(-1px);
}
.password-field{
  position:relative;
}
.password-field input{
  padding-right:54px;
}
.password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(6,74,159,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,248,255,.98));
  color:#064a9f;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.password-toggle:hover{
  transform:translateY(-50%) scale(1.03);
  box-shadow:0 14px 28px rgba(15,23,42,.12);
  border-color:rgba(6,74,159,.22);
}
.password-toggle:focus-visible{
  outline:3px solid rgba(14,165,233,.28);
  outline-offset:2px;
}
.password-toggle svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}
.password-toggle .password-toggle-hide{
  display:none;
}
.password-toggle.is-visible .password-toggle-show{
  display:none;
}
.password-toggle.is-visible .password-toggle-hide{
  display:block;
}
.dashboard-theme-dark .password-toggle,
.staff-theme-dark .password-toggle{
  background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));
  border-color:rgba(148,163,184,.28);
  color:#cfe9ff;
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}
.dashboard-theme-dark .password-toggle:hover,
.staff-theme-dark .password-toggle:hover{
  border-color:rgba(125,211,252,.42);
}
.notice { padding: 12px 14px; border-left: 4px solid var(--wp-blue); background: #f0f6fc; margin: 12px 0; border-radius: 4px; }
.notice.success { border-color: var(--wp-green); background: #edfaef; }
.notice.error { border-color: var(--wp-red); background: #fcf0f1; }

.admin-body { background: #f0f0f1; }
.admin-shell { display: grid; grid-template-columns: 220px 1fr; min-height: 100vh; }
.admin-sidebar { background: var(--wp-sidebar); color: #c3c4c7; }
.admin-logo { padding: 16px; display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-logo img { height: 34px; width: auto; background: #fff; border-radius: 7px; padding: 2px; }
.admin-menu { padding: 8px 0; }
.admin-menu a { display: flex; align-items: center; gap: 10px; color: #c3c4c7; padding: 10px 16px; border-left: 4px solid transparent; font-size: 14px; }
.admin-menu a:hover, .admin-menu a.active { background: var(--wp-sidebar-hover); color: #fff; border-left-color: var(--wp-blue); }
.admin-main { min-width: 0; }
.admin-topbar { height: 48px; background: #fff; border-bottom: 1px solid #c3c4c7; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.admin-content { padding: 24px; }
.wp-heading { font-size: 23px; font-weight: 400; margin: 0 0 16px; }
.wp-cards { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin: 18px 0; }
.wp-card { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 16px; }
.wp-card .num { font-size: 30px; font-weight: 700; color: #1d2327; }
.wp-card .label { color: #646970; }
.wp-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #c3c4c7; }
.wp-table th, .wp-table td { text-align: left; padding: 11px 12px; border-bottom: 1px solid #dcdcde; vertical-align: top; }
.wp-table th { background: #f6f7f7; font-weight: 600; }
.training-center-shell{
  display:grid;
  gap:22px;
}
.training-center-shell .module-title-row{
  align-items:flex-start;
}
.training-center-shell .dashboard-card-section,
.training-center-shell .wp-card,
.training-center-shell .module-panel{
  border-radius:26px;
}
.training-center-shell .dashboard-card-section{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,251,255,.98));
  border:1px solid rgba(7,59,122,.08);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
  padding:20px;
}
.training-tabbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 26px;
  padding:0;
}
.training-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:11px 16px;
  border-radius:999px;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.training-tab:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--company-primary-rgb,18,102,227),.22);
  box-shadow:0 14px 30px rgba(7,59,122,.12);
}
.training-tab.active{
  background:linear-gradient(135deg,var(--company-brand-primary,#073b7a),var(--company-brand-secondary,#10a9f5));
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 34px rgba(7,59,122,.22);
}
.training-center-shell .module-hero{
  border-radius:28px;
  padding:18px;
  background:
    radial-gradient(circle at 12% 18%, rgba(33,183,255,.12), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(13,166,71,.10), transparent 22%),
    linear-gradient(145deg,#ffffff,#f4f9ff);
  border:1px solid rgba(7,59,122,.12);
  box-shadow:0 22px 55px rgba(15,23,42,.08);
}
.training-center-shell .module-hero .wp-card{
  border-radius:20px;
  background:rgba(255,255,255,.82);
}
.training-center-shell .wp-card .num{
  font-size:28px;
  line-height:1;
}
.training-center-shell .dashboard-section-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:14px;
}
.training-center-shell .dashboard-section-head span{
  color:var(--company-brand-primary,#073b7a);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.training-center-shell .dashboard-section-head strong{
  font-size:24px;
  color:#0f172a;
}
.training-center-shell .dashboard-section-head small{
  color:#64748b;
  line-height:1.6;
}
.training-center-shell .office-suite-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.training-center-shell .office-suite-card{
  min-height:120px;
}
.training-center-shell .wp-table{
  border-radius:20px;
}
.training-center-shell .wp-card,
.training-center-shell .module-panel{
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
.training-center-shell .module-panel{
  background:#fff;
}
.training-center-shell .module-title-row p{
  max-width:900px;
  color:#475569;
}
.training-center-shell .notice{
  border-radius:14px;
}
.training-center-shell .dashboard-stats-grid{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.lecture-hub{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:20px;
  align-items:start;
}
.lecture-add-mode .module-title-row{
  display:none;
}
.lecture-add-mode .module-hero{
  display:none;
}
.lecture-add-mode .lecture-hub{
  grid-template-columns:1fr;
}
.lecture-add-mode .lecture-notebook,
.lecture-add-mode .dashboard-card-section{
  display:none;
}
.lecture-add-mode .lecture-compact-list{
  display:none;
}
.lecture-add-mode .lecture-hub .module-panel{
  max-width:980px;
  justify-self:start;
}
.lecture-notebook{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:22px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.96), transparent 46%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,248,255,.96));
  border:1px solid rgba(7,59,122,.14);
  box-shadow:0 24px 62px rgba(15,23,42,.10);
}
.lecture-notebook:before{
  content:"";
  position:absolute;
  inset:0 auto 0 44px;
  width:2px;
  background:linear-gradient(180deg,rgba(7,59,122,.12),rgba(7,59,122,.04),rgba(7,59,122,.12));
}
.lecture-notebook-stage{
  position:relative;
  min-height:420px;
  perspective:1800px;
}
.lecture-sheet{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  border-radius:24px;
  padding:28px 30px 30px 34px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.98)),
    repeating-linear-gradient(180deg,transparent,transparent 28px,rgba(7,59,122,.06) 29px);
  border:1px solid rgba(7,59,122,.10);
  box-shadow:0 18px 44px rgba(15,23,42,.09);
  transform-origin:left center;
  backface-visibility:hidden;
}
.lecture-sheet.is-active{z-index:2}
.lecture-sheet.is-incoming{z-index:1;opacity:0;transform:translateX(34px) rotateY(-18deg) scale(.985)}
.lecture-sheet.flip-out-next{animation:lecturePageOutNext .48s cubic-bezier(.2,.8,.2,1) both}
.lecture-sheet.flip-out-prev{animation:lecturePageOutPrev .48s cubic-bezier(.2,.8,.2,1) both}
.lecture-sheet.flip-in-next{animation:lecturePageInNext .48s cubic-bezier(.2,.8,.2,1) both}
.lecture-sheet.flip-in-prev{animation:lecturePageInPrev .48s cubic-bezier(.2,.8,.2,1) both}
.lecture-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.lecture-sheet-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(7,59,122,.10);
  color:var(--company-primary,#073b7a);
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.lecture-sheet-title{
  margin:8px 0 6px;
  font-size:24px;
  line-height:1.12;
  color:#0f172a;
  overflow-wrap:anywhere;
}
.lecture-sheet-body{
  flex:1 1 auto;
  font-size:15px;
  line-height:1.72;
  color:#334155;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:pre-line;
}
.lecture-html{
  white-space:normal;
}
.lecture-html div,
.lecture-editor-content div{
  margin:0 0 12px;
}
.lecture-html br,
.lecture-editor-content br{
  content:"";
}
.lecture-book-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:16px;
}
.lecture-page-nav{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.lecture-page-nav .btn{
  min-width:132px;
}
.lecture-thumbnails{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.lecture-thumb{
  display:block;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.lecture-thumb.active{
  border-color:rgba(var(--company-primary-rgb,18,102,227),.30);
  box-shadow:0 16px 34px rgba(7,59,122,.12);
}
.lecture-thumb strong{
  display:block;
  margin-bottom:4px;
}
.lecture-thumb small{
  display:block;
  color:#64748b;
  line-height:1.55;
}
.lecture-leaf-btn{
  text-align:left;
  width:100%;
  cursor:pointer;
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(145deg,#fff,#f8fbff);
  appearance:none;
}
.lecture-leaf-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(15,23,42,.08);
}
.lecture-leaf-btn:focus{
  outline:2px solid rgba(7,59,122,.22);
  outline-offset:2px;
}
.lecture-compact-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.lecture-compact-card{
  border-radius:18px;
  padding:14px 16px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  border:1px solid rgba(7,59,122,.10);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.lecture-compact-card strong{
  display:block;
  margin-bottom:3px;
}
.lecture-compact-card p{
  margin:0;
  color:#475569;
  font-size:13px;
  line-height:1.55;
}
.lecture-editor-shell{
  border-radius:24px;
  border:1px solid rgba(7,59,122,.12);
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#f7fbff);
  box-shadow:0 16px 34px rgba(15,23,42,.06);
}
.lecture-editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px;
  border-bottom:1px solid rgba(148,163,184,.18);
  background:linear-gradient(135deg,rgba(7,59,122,.06),rgba(255,255,255,.9));
}
.lecture-editor-toolbar button{
  border:1px solid rgba(7,59,122,.15);
  border-radius:12px;
  padding:9px 12px;
  background:#fff;
  color:#0f172a;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(15,23,42,.04);
}
.lecture-editor-toolbar button:hover{
  border-color:rgba(7,59,122,.34);
  background:rgba(7,59,122,.06);
}
.lecture-editor-content{
  display:block;
  width:100%;
  position:relative;
  min-height:260px;
  padding:18px 20px;
  outline:none;
  border:0;
  resize:vertical;
  font-family:inherit;
  font-size:16px;
  line-height:1.8;
  color:#0f172a;
  background:repeating-linear-gradient(180deg,#fff,#fff 31px,rgba(7,59,122,.03) 32px);
  white-space:pre-wrap;
  overflow:auto;
}
.lecture-editor-content::placeholder{
  color:#94a3b8;
  opacity:1;
}
.lecture-editor-content:focus{
  box-shadow:inset 0 0 0 2px rgba(7,59,122,.14);
}
.lecture-html h2{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.1;
  color:#073b7a;
}
.lecture-html h3{
  margin:18px 0 8px;
  font-size:20px;
  color:#0f172a;
}
.lecture-html p{
  margin:0 0 12px;
}
.lecture-html ul,
.lecture-html ol{
  margin:0 0 14px 20px;
  padding-left:18px;
}
.lecture-html blockquote{
  margin:0 0 14px;
  padding:12px 16px;
  border-left:4px solid var(--company-primary,#073b7a);
  background:rgba(7,59,122,.06);
  border-radius:14px;
  color:#334155;
}
.lecture-ai-assist{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:12px 0 16px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(7,59,122,.12);
  background:linear-gradient(135deg,rgba(7,59,122,.06),rgba(255,255,255,.94));
  color:#0f172a;
  font-weight:700;
}
.lecture-ai-assist input{
  margin-top:3px;
  width:auto;
  accent-color:var(--company-primary,#073b7a);
}
.lecture-mode-tabs{
  margin-bottom:18px;
}
.lecture-mode-tabs a{
  min-width:150px;
  justify-content:center;
}
.lecture-viewer-layout{
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(290px,.42fr);
  gap:20px;
  align-items:stretch;
}
.lecture-viewer-shell{
  display:flex;
  flex-direction:column;
  border-radius:32px;
  border:1px solid rgba(7,59,122,.12);
  background:
    radial-gradient(circle at top right, rgba(7,59,122,.12), transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,248,255,.96));
  box-shadow:0 26px 68px rgba(15,23,42,.10);
  padding:18px;
}
.lecture-viewer-hero{
  padding:8px 4px 18px;
}
.lecture-viewer-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(7,59,122,.10);
  color:var(--company-primary,#073b7a);
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.lecture-viewer-hero h2{
  margin:12px 0 8px;
  font-size:clamp(28px,4vw,44px);
  line-height:1.02;
  color:#0f172a;
}
.lecture-viewer-hero p{
  max-width:760px;
  margin:0;
  color:#475569;
  line-height:1.7;
}
.lecture-viewer-stage{
  display:flex;
  flex-direction:column;
  min-height:640px;
  border-radius:32px;
  padding:24px;
  background:
    radial-gradient(circle at 50% 14%, rgba(33,183,255,.12), transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,251,255,.96));
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.12);
}
.lecture-viewer-stage .lecture-notebook-stage{
  flex:1 1 auto;
  min-height:0;
}
.lecture-viewer-stage .lecture-sheet{
  padding:24px 30px 22px 34px;
  transform:translateZ(0);
}
.lecture-viewer-stage .lecture-sheet-head,
.lecture-viewer-stage .lecture-sheet-body,
.lecture-viewer-stage .lecture-sheet-footer{
  width:min(100%,720px);
}
.lecture-viewer-stage .lecture-sheet-body{
  max-width:720px;
  line-height:1.84;
}
.lecture-viewer-stage .lecture-sheet-body p,
.lecture-viewer-stage .lecture-sheet-body ul,
.lecture-viewer-stage .lecture-sheet-body ol,
.lecture-viewer-stage .lecture-sheet-body blockquote{
  margin-top:0;
  margin-bottom:14px;
}
.lecture-viewer-stage .lecture-sheet-title{
  font-size:clamp(24px,2.8vw,32px);
}
.lecture-viewer-stage .lecture-sheet-body{
  font-size:clamp(15px,1.4vw,17px);
}
.lecture-viewer-stage .lecture-sheet-body *{
  animation:lectureTextFade .55s ease both;
}
.lecture-viewer-stage .lecture-sheet-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px dashed rgba(148,163,184,.24);
  font-size:13px;
  color:#64748b;
}
.lecture-viewer-stage .lecture-sheet-footer strong{
  display:block;
  margin-bottom:4px;
  color:#0f172a;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.lecture-progress{
  width:min(240px,100%);
  height:11px;
  border-radius:999px;
  overflow:hidden;
  position:relative;
  background:
    linear-gradient(90deg,rgba(255,255,255,.20),rgba(255,255,255,0)) 0 0/40px 100%,
    #e2e8f0;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
}
.lecture-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,var(--company-primary,#073b7a),#78d63f);
  animation:lectureLiquidFlow 2.4s linear infinite;
}
.lecture-progress span:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.48) 50%,transparent 100%);
  transform:translateX(-120%);
  animation:lectureLiquidShine 2.2s ease-in-out infinite;
}
.lecture-end-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1200;
  padding:24px;
}
.lecture-end-modal.is-open{
  display:flex;
}
.lecture-end-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(10px);
}
.lecture-end-modal-card{
  position:relative;
  z-index:1;
  width:min(100%,560px);
  border-radius:28px;
  padding:28px 30px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,250,255,.98));
  box-shadow:0 34px 80px rgba(15,23,42,.22);
  border:1px solid rgba(7,59,122,.14);
}
.lecture-end-modal-kicker{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(7,59,122,.10);
  color:var(--company-primary,#073b7a);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lecture-end-modal h3{
  margin:14px 0 10px;
  font-size:28px;
  line-height:1.12;
  color:#0f172a;
}
.lecture-end-modal p{
  margin:0 0 22px;
  color:#475569;
  line-height:1.7;
}
.lecture-end-modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
@keyframes lectureLiquidFlow{
  0%{filter:saturate(1);background-position:0 0}
  100%{filter:saturate(1.08);background-position:40px 0}
}
@keyframes lectureLiquidShine{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}
.lecture-viewer-side{
  display:grid;
  gap:16px;
}
.lecture-view-item{
  display:block;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(145deg,#fff,#f8fbff);
  color:#0f172a;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.lecture-view-item.active{
  border-color:rgba(var(--company-primary-rgb,18,102,227),.30);
  box-shadow:0 16px 34px rgba(7,59,122,.12);
}
.lecture-view-item strong{
  display:block;
  margin-bottom:4px;
}
.lecture-view-item small{
  display:block;
  color:#64748b;
  line-height:1.55;
}
.lecture-leaf-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.lecture-leaf-actions form{
  margin:0;
}
.lecture-leaf-actions .btn{
  min-width:auto;
}
@keyframes lectureTextFade{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:980px){
  .lecture-viewer-layout{grid-template-columns:1fr}
  .lecture-viewer-stage{min-height:520px}
  .lecture-viewer-stage .lecture-notebook-stage{min-height:430px}
  .lecture-viewer-stage .lecture-sheet-head,
  .lecture-viewer-stage .lecture-sheet-body,
  .lecture-viewer-stage .lecture-sheet-footer{
    width:100%;
  }
  .lecture-end-modal-card{
    padding:22px;
  }
}
@keyframes lecturePageOutNext{
  0%{opacity:1;transform:translateX(0) rotateY(0) scale(1)}
  100%{opacity:0;transform:translateX(-66px) rotateY(18deg) scale(.98)}
}
@keyframes lecturePageInNext{
  0%{opacity:0;transform:translateX(66px) rotateY(-18deg) scale(.98)}
  100%{opacity:1;transform:translateX(0) rotateY(0) scale(1)}
}
@keyframes lecturePageOutPrev{
  0%{opacity:1;transform:translateX(0) rotateY(0) scale(1)}
  100%{opacity:0;transform:translateX(66px) rotateY(-18deg) scale(.98)}
}
@keyframes lecturePageInPrev{
  0%{opacity:0;transform:translateX(-66px) rotateY(18deg) scale(.98)}
  100%{opacity:1;transform:translateX(0) rotateY(0) scale(1)}
}
.staff-list-table{
  table-layout:fixed;
}
.staff-list-table th,
.staff-list-table td{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.staff-list-table th:nth-child(1),
.staff-list-table td:nth-child(1){width:18%}
.staff-list-table th:nth-child(2),
.staff-list-table td:nth-child(2){width:10%}
.staff-list-table th:nth-child(3),
.staff-list-table td:nth-child(3){width:16%}
.staff-list-table th:nth-child(4),
.staff-list-table td:nth-child(4){width:12%}
.staff-list-table th:nth-child(5),
.staff-list-table td:nth-child(5){width:12%}
.staff-list-table th:nth-child(6),
.staff-list-table td:nth-child(6){width:11%}
.staff-list-table th:nth-child(7),
.staff-list-table td:nth-child(7){width:13%}
.staff-list-table th:nth-child(8),
.staff-list-table td:nth-child(8){width:6%}
.staff-list-table th:nth-child(9),
.staff-list-table td:nth-child(9){width:10%}
.inline-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.tabs { display: flex; gap: 4px; border-bottom: 1px solid #c3c4c7; margin: 0 0 18px; }
.tabs a { padding: 10px 14px; background: #f6f7f7; border: 1px solid #c3c4c7; border-bottom: 0; color: #1d2327; }
.tabs a.active { background: #fff; color: #000; }
@media (max-width: 900px) {
  .hero-inner, .grid { grid-template-columns: 1fr; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar { position: static; }
  .wp-cards { grid-template-columns: repeat(2,1fr); }
}
@media (max-width:980px){.lecture-hub{grid-template-columns:1fr}.lecture-notebook-stage{min-height:360px}}
@media (max-width: 560px) {
  .public-nav { align-items: flex-start; flex-direction: column; }
  .wp-cards, .mock-grid { grid-template-columns: 1fr; }
}

/* Company dashboard notification bar and animated left menu */
.company-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.top-notification-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f0f6fc;color:#064a9f;font-weight:800;transition:.2s ease}
.top-notification-link.has-unread{background:linear-gradient(135deg,#064a9f,#10a9f5);color:#fff;box-shadow:0 10px 26px rgba(16,169,245,.28);animation:notificationGlow 1.8s ease-in-out infinite}
.hr-notification-bar{display:flex;align-items:center;gap:10px;padding:11px 20px;background:linear-gradient(90deg,#052f66,#0c8de9,#052f66);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12);position:relative;overflow:hidden}
.hr-notification-bar:after{content:"";position:absolute;top:0;bottom:0;left:-20%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:barSweep 3.8s ease-in-out infinite}
.hr-notification-bar span,.hr-notification-bar strong,.hr-notification-bar a{position:relative;z-index:2}
.hr-notification-bar a{margin-left:auto;color:#fff;font-weight:900;text-decoration:underline}
.pulse-dot{width:10px;height:10px;border-radius:999px;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:pulseDot 1.6s infinite}
.company-sidebar{box-shadow:18px 0 50px rgba(2,11,24,.15);overflow:hidden;position:relative}
.company-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(16,169,245,.18),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),transparent);pointer-events:none}
.company-sidebar .admin-logo,.company-sidebar .company-menu{position:relative;z-index:2}
.company-menu a{position:relative;margin:5px 10px;border-radius:12px;border-left:0!important;overflow:hidden;transition:transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;padding:12px 14px}
.company-menu a:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-120%);transition:transform .5s ease}
.company-menu a:after{content:"";position:absolute;left:0;top:50%;width:4px;height:0;border-radius:999px;background:#10a9f5;transform:translateY(-50%);transition:height .25s ease}
.company-menu a:hover{transform:translateX(6px) scale(1.015);background:linear-gradient(135deg,rgba(34,113,177,.45),rgba(16,169,245,.18));color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.company-menu a:hover:before{transform:translateX(120%)}
.company-menu a:hover:after,.company-menu a.active:after{height:72%}
.company-menu a.active{background:linear-gradient(135deg,#064a9f,#10a9f5)!important;color:#fff;box-shadow:0 14px 34px rgba(16,169,245,.24);animation:activeMenuPulse 2.8s ease-in-out infinite}
.dashboard-message-box{border-color:#10a9f5;box-shadow:0 14px 34px rgba(16,169,245,.12)}
.message-mini{padding:12px 14px;border:1px solid #dcdcde;border-radius:10px;margin:10px 0;background:#fff}
.message-mini.unread{border-color:#10a9f5;background:#f0f8ff;box-shadow:0 10px 24px rgba(16,169,245,.12)}
.message-mini p{margin:6px 0 0;color:#1d2327}
.subscription-code-card{border-color:#10a9f5;box-shadow:0 14px 38px rgba(16,169,245,.13)}
@keyframes notificationGlow{0%,100%{box-shadow:0 0 0 rgba(16,169,245,0)}50%{box-shadow:0 0 0 7px rgba(16,169,245,.16)}}
@keyframes barSweep{0%,35%{transform:translateX(0);opacity:0}45%{opacity:1}100%{transform:translateX(760%);opacity:0}}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes activeMenuPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}
@media(max-width:720px){.hr-notification-bar{align-items:flex-start;flex-direction:column}.hr-notification-bar a{margin-left:0}.admin-topbar{height:auto;gap:8px;padding:12px 16px;align-items:flex-start;flex-direction:column}.company-top-actions{justify-content:flex-start}}

/* Root owner notification dropdown and message center */
.root-admin-topbar{position:sticky;top:0;z-index:30}
.root-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.root-notification-wrap{position:relative}
.root-notification-button{position:relative;width:38px;height:38px;border:0;border-radius:999px;background:#f0f6fc;color:#064a9f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;box-shadow:inset 0 0 0 1px rgba(6,74,159,.14)}
.root-notification-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(6,74,159,.15)}
.root-notification-button.has-unread{background:linear-gradient(135deg,#064a9f,#10a9f5);color:#fff;animation:notificationGlow 1.8s ease-in-out infinite}
.bell-icon{font-size:17px;line-height:1}
.notification-count{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#d63638;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.root-notification-panel{position:absolute;right:0;top:46px;width:min(390px,92vw);max-height:440px;overflow:auto;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);display:none;z-index:50;padding:10px;animation:panelDrop .18s ease-out}
.root-notification-panel.open{display:block}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eef2f7;margin-bottom:6px}
.notification-panel-head strong{font-size:15px}.notification-panel-head span{font-size:12px;color:#64748b;font-weight:800}
.notification-empty{padding:18px 12px;color:#64748b;text-align:center}
.notification-item{display:flex;gap:10px;padding:12px;border-radius:14px;color:#1d2327;border:1px solid transparent;transition:.2s ease;margin:6px 0;background:linear-gradient(135deg,#fff,#f8fbff)}
.notification-item:hover{transform:translateX(-3px);border-color:#10a9f5;box-shadow:0 14px 28px rgba(16,169,245,.13)}
.notification-dot{width:10px;height:10px;border-radius:999px;background:#10a9f5;margin-top:6px;box-shadow:0 0 0 5px rgba(16,169,245,.12);flex:0 0 auto}
.notification-copy{display:grid;gap:3px}.notification-copy strong{font-size:14px}.notification-copy small{font-size:11px;color:#64748b;font-weight:700}.notification-copy em{font-size:12px;color:#334155;font-style:normal;line-height:1.45}
.root-dashboard-alert-card{border-color:#10a9f5;box-shadow:0 16px 42px rgba(16,169,245,.12);background:linear-gradient(135deg,#fff,#f0f8ff)}
.message-center-shell{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}
.message-company-list,.message-chat-area{min-width:0}.message-company-list{background:#fff;border:1px solid #dcdcde;border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(15,23,42,.08);position:sticky;top:66px;max-height:calc(100vh - 90px);overflow:auto}
.message-list-head{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 14px;border-bottom:1px solid #eef2f7;margin-bottom:8px}.message-list-head span{font-size:12px;color:#64748b;font-weight:800}
.message-company-item{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 10px;border-radius:14px;color:#1d2327;margin:7px 0;transition:.22s ease;border:1px solid transparent;background:#fff;overflow:hidden}
.message-company-item:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(16,169,245,.10),transparent);transform:translateX(-120%);transition:.55s ease}.message-company-item:hover:before{transform:translateX(120%)}
.message-company-item:hover,.message-company-item.active{border-color:#10a9f5;box-shadow:0 14px 30px rgba(16,169,245,.12);transform:translateX(4px)}.message-company-item.active{background:#f0f8ff}
.company-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#064a9f,#10a9f5);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}.company-text{display:grid;gap:2px;min-width:0}.company-text strong,.company-text small,.company-text em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-text small{color:#64748b;font-size:12px}.company-text em{font-style:normal;color:#94a3b8;font-size:11px}.chat-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#d63638;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.chat-header-card,.chat-thread-card,.chat-compose-card{background:#fff;border:1px solid #dcdcde;border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.chat-header-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;margin-bottom:14px}.chat-header-card h2{margin:2px 0}.chat-header-card p{margin:0;color:#64748b}.chat-thread-card{padding:18px;min-height:360px;background:radial-gradient(circle at top right,rgba(16,169,245,.08),transparent 32%),#fff}.chat-empty-state{padding:50px 20px;text-align:center;color:#64748b}.chat-bubble-row{display:flex;margin:12px 0;animation:chatSlide .24s ease-out}.chat-bubble-row.owner{justify-content:flex-end}.chat-bubble{max-width:min(680px,82%);border-radius:18px;padding:14px 15px;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 10px 24px rgba(15,23,42,.06)}.chat-bubble-row.owner .chat-bubble{background:linear-gradient(135deg,#064a9f,#10a9f5);color:#fff;border:0}.chat-meta{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:7px}.chat-meta span{font-size:11px;color:#64748b}.chat-bubble-row.owner .chat-meta span{color:rgba(255,255,255,.78)}.chat-bubble h4{margin:0 0 6px}.chat-bubble p{margin:0;line-height:1.55}.mark-read-link{display:inline-flex;margin-top:9px;font-size:12px;font-weight:900}.chat-bubble-row.owner .mark-read-link{color:#fff}.chat-compose-card{margin-top:14px;padding:16px}.chat-compose-card textarea{min-height:92px}
.service-thumb{height:48px;width:72px;object-fit:cover;border-radius:8px;border:1px solid #dcdcde}
@keyframes panelDrop{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes chatSlide{from{transform:translateY(8px);opacity:.2}to{transform:translateY(0);opacity:1}}
@media(max-width:940px){.message-center-shell{grid-template-columns:1fr}.message-company-list{position:static;max-height:360px}.root-top-actions{justify-content:flex-start}.root-admin-topbar{height:auto;align-items:flex-start;gap:8px;padding:12px 16px;flex-direction:column}}

/* Root owner WordPress-style Pages Manager and Live Builder */
.admin-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#0c7bdc;background:#e9f5ff;border:1px solid rgba(16,169,245,.22);padding:7px 10px;border-radius:999px;margin-bottom:8px}
.pages-manager-head,.builder-top-command{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#f6fbff);border:1px solid #dbeafe;border-radius:18px;padding:22px;box-shadow:0 18px 45px rgba(15,23,42,.06)}
.pages-manager-head p,.builder-top-command p{margin:0;color:#526173;line-height:1.6;max-width:780px}.builder-command-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.page-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.page-stat-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.06);position:relative;overflow:hidden}.page-stat-card:after{content:"";position:absolute;right:-22px;top:-22px;width:82px;height:82px;border-radius:50%;background:rgba(16,169,245,.11)}.page-stat-card strong{display:block;font-size:30px;color:#064a9f}.page-stat-card span{color:#64748b;font-weight:800}.page-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:10px;background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:14px;margin-bottom:18px}.wp-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-page-card{background:#fff;border:1px solid #dbeafe;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(15,23,42,.08);transition:.25s ease}.admin-page-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(15,23,42,.12)}.admin-page-preview{background:linear-gradient(135deg,#07111f,#064a9f);padding:14px;min-height:190px;color:#fff}.preview-browser-bar,.canvas-browser-bar{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px;margin-bottom:12px}.preview-browser-bar span,.canvas-browser-bar span{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.7}.canvas-browser-bar strong{margin-left:8px;color:#d7efff;font-size:12px;font-weight:700}.preview-mini-hero{border-radius:16px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);padding:18px;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end}.preview-mini-hero small{color:#9ee6ff;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.preview-mini-hero strong{font-size:22px;margin:8px 0}.preview-mini-hero em{font-style:normal;color:#d9ecff;line-height:1.45}.admin-page-card-body{padding:18px}.page-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.page-card-title-row h2{font-size:18px;margin:0 0 10px}.page-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.page-status.published{background:#e8f8ef;color:#168a45}.page-status.draft{background:#fff7df;color:#9a6700}.page-muted{color:#64748b}.page-actions-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.page-actions-row form{margin:0}.empty-state{grid-column:1/-1;text-align:center;border-radius:18px;padding:34px!important}
.elementor-shell{display:grid;grid-template-columns:390px minmax(0,1fr);gap:0;background:#07111f;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.18);border:1px solid rgba(16,169,245,.18);min-height:calc(100vh - 170px)}.elementor-panel{background:#111827;color:#d8e4f2;max-height:calc(100vh - 120px);overflow:auto;border-right:1px solid rgba(255,255,255,.08)}.elementor-panel-head{position:sticky;top:0;z-index:3;background:linear-gradient(135deg,#0b1829,#102540);border-bottom:1px solid rgba(255,255,255,.08);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.elementor-panel-head.small-head{position:static;border-top:1px solid rgba(255,255,255,.08);margin-top:10px}.elementor-panel-head strong{color:#fff}.elementor-panel-head span{font-size:12px;color:#9fb4ce}.builder-field{padding:10px 18px}.builder-field label{color:#dcecff;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.builder-field small{display:block;color:#8fa4bd;text-transform:none;letter-spacing:0;margin-top:3px}.elementor-panel input,.elementor-panel select,.elementor-panel textarea{background:#0b1220;border:1px solid rgba(148,163,184,.25);color:#fff;border-radius:12px}.elementor-panel textarea{min-height:76px;resize:vertical}.builder-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:0}.section-add-row{display:flex;gap:7px;flex-wrap:wrap;padding:14px 18px;background:#0b1220;border-bottom:1px solid rgba(255,255,255,.08)}.section-editor-list{display:grid;gap:12px;padding:14px}.section-editor-card{background:#172033;border:1px solid rgba(148,163,184,.22);border-radius:16px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.22);transition:.2s ease}.section-editor-card.dragging{opacity:.45;transform:scale(.98)}.section-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0b1220;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 12px}.drag-handle{cursor:grab;color:#38bdf8;font-weight:900;letter-spacing:-3px}.section-label{color:#fff}.mini-tool{border:0;background:#26354b;color:#dbeafe;border-radius:8px;padding:5px 8px;font-weight:900;cursor:pointer}.mini-tool:hover{background:#0c7bdc;color:#fff}.mini-tool.danger{background:#3b1720;color:#ffb4c1}.mini-tool.danger:hover{background:#d63638;color:#fff}.elementor-canvas-wrap{background:#e8edf5;padding:18px;min-width:0}.live-page-frame{height:calc(100vh - 190px);overflow:auto;background:#07111f;border-radius:0 0 18px 18px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.builder-live-title .site-hero-inner{padding:54px 28px!important;min-height:auto}.builder-live-title h1{font-size:clamp(30px,4vw,54px)!important}.builder-live-sections .builder-section{border-top:1px solid rgba(255,255,255,.06)}
.builder-public-page{background:#07111f}.builder-section{position:relative;isolation:isolate;overflow:hidden;background:#07111f;color:#fff}.builder-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,17,31,.86),rgba(6,74,159,.72)),var(--section-bg);background-size:cover;background-position:center;z-index:-2}.builder-section:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 10%,rgba(33,183,255,.24),transparent 18%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.12),transparent 14%);filter:blur(8px);opacity:.78;z-index:-1;animation:serviceLight 7s ease-in-out infinite alternate}.builder-inner{max-width:1180px;margin:0 auto;padding:76px 24px}.builder-hero .builder-inner{min-height:560px;display:flex;flex-direction:column;justify-content:center}.builder-hero h1{font-size:clamp(42px,6vw,78px);max-width:900px;line-height:.98;margin:14px 0}.builder-hero p,.builder-cards p,.builder-content p,.builder-cta p{max-width:820px;color:#cde0f3;line-height:1.75;font-size:18px}.builder-content .glass-panel,.builder-cta .glass-panel{border-radius:26px;background:rgba(255,255,255,.075);border:1px solid rgba(54,168,255,.22);box-shadow:0 30px 80px rgba(0,0,0,.24)}.builder-content h2,.builder-cards h2,.builder-cta h2{font-size:clamp(30px,4vw,52px);margin:10px 0 12px;color:#fff}.builder-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.builder-cards .page-card-grid{margin-top:26px}.builder-cta{text-align:center}.builder-cta .builder-inner{max-width:980px}.builder-cta p{margin-left:auto;margin-right:auto}.builder-cta .site-cta{margin-top:12px;display:inline-flex}.canvas-browser-bar{border-radius:18px 18px 0 0;background:#0b1220;margin:0}.canvas-browser-bar span:nth-child(1){background:#ff5f57}.canvas-browser-bar span:nth-child(2){background:#febc2e}.canvas-browser-bar span:nth-child(3){background:#28c840}
@media(max-width:1180px){.wp-page-grid{grid-template-columns:repeat(2,1fr)}.elementor-shell{grid-template-columns:340px minmax(0,1fr)}}@media(max-width:920px){.pages-manager-head,.builder-top-command{flex-direction:column}.page-stats-grid,.wp-page-grid{grid-template-columns:1fr 1fr}.page-filter-bar{grid-template-columns:1fr}.elementor-shell{grid-template-columns:1fr}.elementor-panel{max-height:none}.live-page-frame{height:auto;min-height:640px}.builder-two-fields{grid-template-columns:1fr}}@media(max-width:620px){.page-stats-grid,.wp-page-grid{grid-template-columns:1fr}.builder-command-actions{width:100%}.builder-command-actions .btn{width:100%}.builder-inner{padding:56px 18px}.builder-hero .builder-inner{min-height:430px}}


/* Root owner Gallery + visual editor media updates */
.gallery-admin-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.gallery-admin-head p{color:#64748b;max-width:720px}.gallery-admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.gallery-upload-card,.gallery-stats-card,.root-dashboard-quick-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.gallery-upload-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.gallery-upload-form input[type=file]{padding:12px;background:#f8fafc;border:1px dashed #94a3b8;border-radius:12px}.gallery-stat-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eef2f7}.gallery-stat-row strong{font-size:24px;color:#0f75d1}.gallery-stat-row span{color:#64748b}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.gallery-toolbar input{width:min(520px,100%);padding:13px 15px;border:1px solid #dbe3ef;border-radius:14px}.site-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.site-gallery-item{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.06)}.site-gallery-thumb{height:150px;background:#e8eef8;display:flex;align-items:center;justify-content:center}.site-gallery-thumb img{width:100%;height:100%;object-fit:cover}.site-gallery-info{padding:14px}.site-gallery-info strong{display:block;color:#0f172a;margin-bottom:8px}.site-gallery-info code{display:block;white-space:normal;word-break:break-all;margin-bottom:8px;background:#f1f5f9;border-radius:8px;padding:6px;font-size:11px}.site-gallery-info small{display:block;color:#64748b;margin-bottom:10px}.root-quick-tab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.root-quick-tab{display:block;text-decoration:none;padding:16px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#fff);color:#0f172a;transition:.18s ease}.root-quick-tab:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(14,165,233,.18)}.root-quick-tab strong{display:block;font-size:16px;margin-bottom:6px}.root-quick-tab span{color:#64748b;font-size:13px;line-height:1.45}@media(max-width:900px){.gallery-admin-head,.gallery-toolbar{flex-direction:column;align-items:stretch}.gallery-admin-grid,.root-quick-tab-grid{grid-template-columns:1fr}}

/* Gallery delete, pagination, modal and speed optimizer updates */
.gallery-toolbar-advanced{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.gallery-search-wrap{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.gallery-search-wrap input{min-width:min(520px,100%)}
.gallery-scale-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gallery-scale-form label{margin:0}.gallery-scale-form select{width:auto;min-width:88px}
.gallery-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gallery-delete-form{margin:0}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0;flex-wrap:wrap}.pagination-status{font-weight:800;color:#1d2327}.pagination-disabled{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:6px;background:#e5e7eb;color:#6b7280;font-size:12px;font-weight:800}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;padding:14px;background:#fff;border:1px solid #dcdcde;border-radius:12px}
.admin-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}.admin-modal-backdrop.open{display:flex;animation:modalFade .18s ease-out}.admin-modal-card{width:min(560px,96vw);background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative;animation:modalLift .22s ease-out}.admin-modal-close{position:absolute;right:16px;top:14px;border:0;background:#f1f5f9;color:#334155;width:34px;height:34px;border-radius:999px;font-size:22px;line-height:1;cursor:pointer}.modal-company-name,#editCodeLabel{color:#64748b;line-height:1.55}.modal-form small{display:block;margin-top:6px;color:#64748b}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.admin-kicker{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#0f75d1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:5px 10px;margin-bottom:8px}@keyframes modalFade{from{opacity:0}to{opacity:1}}@keyframes modalLift{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.speed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.speed-card{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:20px;box-shadow:0 14px 36px rgba(15,23,42,.06);position:relative;overflow:hidden}.speed-card:before{content:"";position:absolute;inset:auto -40px -50px auto;width:120px;height:120px;border-radius:999px;background:rgba(16,169,245,.12)}.speed-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.speed-card strong{display:block;font-size:25px;margin:8px 0;color:#064a9f}.speed-card p{color:#64748b;line-height:1.5;margin-bottom:0}.speed-card-primary{background:linear-gradient(135deg,#064a9f,#10a9f5);color:#fff}.speed-card-primary span,.speed-card-primary p,.speed-card-primary strong{color:#fff}.speed-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.speed-panel{border-radius:16px!important}.toggle-row{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:12px}.toggle-row input{width:auto;margin-top:4px}.toggle-row small{display:block;color:#64748b;margin-top:4px;line-height:1.45}.speed-list{line-height:1.9}.speed-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.speed-feature-grid div{padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px}.speed-feature-grid strong{display:block;color:#064a9f;margin-bottom:6px}.speed-feature-grid span{display:block;color:#64748b;line-height:1.45;font-size:13px}@media(max-width:1000px){.speed-grid,.speed-panel-grid,.speed-feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.speed-grid,.speed-panel-grid,.speed-feature-grid{grid-template-columns:1fr}.gallery-search-wrap,.gallery-scale-form,.table-toolbar{align-items:stretch;flex-direction:column}.gallery-scale-form select{width:100%}}

/* Staff Workspace Separation */
.staff-body { background: #f3f7fb; }
.staff-sidebar { background: linear-gradient(180deg,var(--company-sidebar,#1d2327),var(--company-brand-primary,#073b7a) 70%,var(--company-brand-secondary,#10a9f5)); }
.staff-logo span { display:flex; flex-direction:column; gap:2px; }
.staff-logo small { font-size:11px; font-weight:700; color:#8fe6ff; letter-spacing:.08em; text-transform:uppercase; }
.staff-menu a { position:relative; }
.staff-pro-badge { float:right; background:#ffd93d; color:#14213d; padding:2px 7px; border-radius:999px; font-size:10px; font-weight:800; }
.staff-topbar { border-bottom:1px solid #d9e7f7; background:rgba(255,255,255,.92); backdrop-filter:blur(12px); }
.staff-alert-bar { border-left:5px solid var(--company-brand-primary,#073b7a); }
.staff-muted { color:#64748b; line-height:1.6; }
.staff-profile-hero { display:flex; justify-content:space-between; align-items:center; background:linear-gradient(135deg,#ffffff,#ddf5ff); border:1px solid #cdefff; overflow:hidden; }
.staff-profile-hero small { text-transform:uppercase; color:var(--company-brand-primary,#073b7a); letter-spacing:.12em; font-weight:800; }
.staff-profile-mini { display:flex; gap:14px; flex-wrap:wrap; }
.staff-profile-mini span { background:#fff; padding:12px 14px; border-radius:16px; box-shadow:0 10px 25px rgba(11,63,145,.08); color:#64748b; }
.staff-profile-mini strong { color:#14213d; }
.staff-stat-card { border-top:4px solid var(--company-brand-primary,#073b7a); }
.staff-grid-2 { gap:16px; }
.staff-task-line { border:1px solid #e5eef8; border-radius:14px; padding:12px; margin:10px 0; background:#f8fbff; display:flex; flex-direction:column; gap:5px; }
.staff-task-line.overdue { border-color:#fecaca; background:#fff1f2; }
.staff-locked-card { border:1px solid #fde68a; background:linear-gradient(135deg,#fffbeb,#ffffff); }
.staff-filter-tabs { display:flex; gap:10px; margin:16px 0; }
.staff-filter-tabs a { display:inline-flex; padding:10px 15px; background:#fff; border:1px solid #dbeafe; border-radius:999px; text-decoration:none; font-weight:700; color:var(--company-brand-primary,#073b7a); }
.staff-filter-tabs a.active { background:var(--company-brand-primary,#073b7a); color:#fff; }
.staff-task-board { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.staff-task-card { background:#fff; border:1px solid #e5eef8; border-radius:22px; padding:18px; box-shadow:0 16px 40px rgba(15,23,42,.07); }
.staff-task-card.overdue { border-color:#fecaca; box-shadow:0 16px 40px rgba(220,38,38,.09); }
.staff-task-card.done { opacity:.75; }
.task-top { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.task-priority { padding:5px 9px; border-radius:999px; font-size:12px; font-weight:800; background:#e0f2fe; color:#075985; }
.priority-high, .priority-urgent { background:#fee2e2; color:#991b1b; }
.priority-low { background:#dcfce7; color:#166534; }
.task-overdue-label { margin-top:10px; padding:8px 10px; border-radius:12px; background:#fef2f2; color:#b91c1c; font-weight:800; }
.task-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
.staff-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.inline-form { display:flex; align-items:center; gap:8px; }
.inline-form select { width:auto; }
.staff-notification-item { display:flex; justify-content:space-between; gap:16px; border:1px solid #e5eef8; border-radius:18px; padding:15px; margin-bottom:12px; background:#fff; }
.staff-notification-item.unread { border-left:5px solid var(--company-brand-primary,#073b7a); background:#f8fbff; }
.staff-notification-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pagination-wrap { display:flex; justify-content:center; align-items:center; gap:12px; margin:18px 0; }
.staff-toggle-choice { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:15px 0 20px; }
.theme-mode-selector { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:15px 0 20px; }
.dashboard-mode-form .staff-toggle-choice { display:none; }
.mode-choice { border:1px solid rgba(7,59,122,.18); border-radius:22px; padding:18px 18px 18px 20px; cursor:pointer; display:flex; align-items:center; gap:12px; font-weight:800; background:linear-gradient(145deg,#fff,#f8fbff); box-shadow:0 14px 34px rgba(15,23,42,.06); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease; color:#102033; }
.mode-choice:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(15,23,42,.10); border-color:rgba(7,59,122,.30); }
.mode-choice input { width:auto; }
.mode-choice.selected,
.mode-choice.is-active { border-color:var(--company-brand-primary,#073b7a); background:linear-gradient(145deg,#eef7ff,#ffffff); box-shadow:0 16px 38px rgba(7,59,122,.14); }
.mode-choice .mode-choice-icon { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; font-size:18px; background:linear-gradient(135deg,rgba(7,59,122,.10),rgba(16,169,245,.16)); color:var(--company-brand-primary,#073b7a); flex:0 0 auto; }
.mode-choice .mode-choice-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.mode-choice .mode-choice-copy strong { font-size:15px; line-height:1.1; color:#102033; }
.mode-choice .mode-choice-copy small { color:#64748b; font-weight:600; line-height:1.35; }
.dashboard-mode-card { border:1px solid rgba(7,59,122,.14); overflow:hidden; }
.dashboard-mode-card .staff-muted { max-width:860px; }
.dashboard-mode-form .btn { min-width:190px; }
.staff-theme-dark { background:#0b1120; color:#e5eef8; }
.staff-theme-dark .admin-main, .staff-theme-dark .staff-content { background:#0b1120; }
.staff-theme-dark .staff-topbar, .staff-theme-dark .wp-card, .staff-theme-dark .staff-task-card, .staff-theme-dark .staff-notification-item, .staff-theme-dark .mode-choice { background:#111827; color:#e5eef8; border-color:#243244; }
.staff-theme-dark .dashboard-mode-card { background:linear-gradient(145deg,#111827,#0f172a); border-color:#243244; }
.staff-theme-dark .mode-choice { background:linear-gradient(145deg,#111827,#0f172a); color:#f8fafc; }
.staff-theme-dark .mode-choice .mode-choice-icon { background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(16,169,245,.18)); color:#e0f2fe; }
.staff-theme-dark .mode-choice .mode-choice-copy strong { color:#f8fafc; }
.staff-theme-dark .mode-choice .mode-choice-copy small { color:#cbd5e1; }
.staff-theme-dark .wp-heading, .staff-theme-dark h1, .staff-theme-dark h2, .staff-theme-dark h3 { color:#f8fafc; }
.staff-theme-dark .staff-muted, .staff-theme-dark small, .staff-theme-dark .label { color:#a7b4c8; }
.staff-theme-dark .wp-table th { background:#172033; color:#e5eef8; }
.staff-theme-dark .wp-table td { border-color:#243244; color:#e5eef8; }
.staff-theme-dark input, .staff-theme-dark textarea, .staff-theme-dark select { background:#0b1120; color:#e5eef8; border-color:#334155; }
.staff-theme-dark .staff-profile-hero { background:linear-gradient(135deg,#111827,var(--company-brand-primary,#073b7a)); }
.staff-theme-dark .staff-profile-mini span { background:#172033; }
.staff-theme-dark .staff-profile-mini strong { color:#f8fafc; }
@media (max-width: 900px) {
  .staff-profile-hero, .staff-notification-item, .staff-toolbar { flex-direction:column; align-items:flex-start; }
  .staff-grid-2 { grid-template-columns:1fr !important; }
}

/* Global independent dashboard dark/light mode update */
.dashboard-theme-light { color-scheme: light; }
.dashboard-theme-dark { color-scheme: dark; background:#0b1120 !important; color:#e5eef8 !important; }
.dashboard-theme-dark .admin-main,
.dashboard-theme-dark .admin-content,
.dashboard-theme-dark.staff-body,
.dashboard-theme-dark.company-dashboard-body,
.dashboard-theme-dark.root-dashboard-body { background:#0b1120 !important; color:#e5eef8 !important; }
.dashboard-theme-dark .admin-topbar,
.dashboard-theme-dark .wp-card,
.dashboard-theme-dark .auth-card,
.dashboard-theme-dark .service-card,
.dashboard-theme-dark .staff-task-card,
.dashboard-theme-dark .staff-notification-item,
.dashboard-theme-dark .staff-task-line,
.dashboard-theme-dark .mode-choice,
.dashboard-theme-dark .table-toolbar,
.dashboard-theme-dark .gallery-toolbar-advanced,
.dashboard-theme-dark details,
.dashboard-theme-dark .admin-modal-card { background:#111827 !important; color:#e5eef8 !important; border-color:#243244 !important; }
.dashboard-theme-dark .wp-heading,
.dashboard-theme-dark h1,
.dashboard-theme-dark h2,
.dashboard-theme-dark h3,
.dashboard-theme-dark h4,
.dashboard-theme-dark .wp-card .num,
.dashboard-theme-dark strong,
.dashboard-theme-dark label,
.dashboard-theme-dark summary { color:#f8fafc !important; }
.dashboard-theme-dark .wp-card .label,
.dashboard-theme-dark p,
.dashboard-theme-dark small,
.dashboard-theme-dark .staff-muted,
.dashboard-theme-dark .section-sub,
.dashboard-theme-dark .pagination-status { color:#a7b4c8 !important; }
.dashboard-theme-dark input,
.dashboard-theme-dark textarea,
.dashboard-theme-dark select { background:#0f172a !important; color:#f8fafc !important; border-color:#334155 !important; }
.dashboard-theme-dark input::placeholder,
.dashboard-theme-dark textarea::placeholder { color:#94a3b8 !important; }
.dashboard-theme-dark .wp-table { background:#111827 !important; border-color:#243244 !important; color:#e5eef8 !important; }
.dashboard-theme-dark .wp-table th { background:#172033 !important; color:#f8fafc !important; border-color:#243244 !important; }
.dashboard-theme-dark .wp-table td { border-color:#243244 !important; color:#e5eef8 !important; }
.dashboard-theme-dark .tabs a,
.dashboard-theme-dark .staff-filter-tabs a { background:#172033 !important; color:#dbeafe !important; border-color:#334155 !important; }
.dashboard-theme-dark .tabs a.active,
.dashboard-theme-dark .staff-filter-tabs a.active { background:var(--company-brand-primary,#073b7a) !important; color:#fff !important; }
.dashboard-theme-dark .notice { background:#10213a !important; color:#e5eef8 !important; border-color:#38bdf8 !important; }
.dashboard-theme-dark .notice.success { background:#0f2a1a !important; border-color:#22c55e !important; }
.dashboard-theme-dark .notice.error { background:#35151a !important; border-color:#ef4444 !important; }
.dashboard-theme-dark .notice.warning { background:#33280c !important; border-color:#f59e0b !important; }
.dashboard-theme-dark .btn-secondary { background:#172033 !important; color:#dbeafe !important; border-color:#334155 !important; }
.dashboard-theme-dark .staff-profile-hero { background:linear-gradient(135deg,#111827,var(--company-brand-primary,#073b7a)) !important; border-color:#243244 !important; }
.dashboard-theme-dark .staff-profile-mini span { background:#172033 !important; color:#a7b4c8 !important; }
.dashboard-theme-dark .staff-profile-mini strong { color:#f8fafc !important; }
.dashboard-theme-dark .mode-choice.selected,
.dashboard-theme-dark .mode-choice.is-active { border-color:#38bdf8 !important; background:#0f2744 !important; }
.dashboard-mode-card { margin-bottom:18px; }
.dashboard-mode-form .staff-toggle-choice { margin-bottom:12px; }
.staff-section-card { border-radius:18px; box-shadow:0 14px 36px rgba(15,23,42,.06); }
.staff-danger-soft { border-color:#fecaca; background:linear-gradient(135deg,#fff7f7,#ffffff); }
.dashboard-theme-dark .staff-danger-soft { background:#251119 !important; border-color:#7f1d1d !important; }
.history-tabs { flex-wrap:wrap; }
.hr-grid-3 { gap:16px; }
.appraisal-card h2 { margin:0; }
@media(max-width:900px){.hr-grid-3,.grid[style*="repeat(3"]{grid-template-columns:1fr!important}.grid[style*="repeat(2"]{grid-template-columns:1fr!important}}

/* Company logo branding controls */
.logo-brand-toggle {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid #d7e4f4;
  border-radius: 16px;
  background: linear-gradient(135deg, #f8fbff, #eef8ff);
  margin: 10px 0 16px;
  cursor: pointer;
}
.logo-brand-toggle input { width: auto; margin-top: 3px; }
.logo-brand-toggle span { font-weight: 800; color: #0f172a; }
.logo-brand-toggle small { grid-column: 2; color: #64748b; line-height: 1.5; }
.brand-preview-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  margin-bottom: 14px;
}
.brand-preview-strip span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.7), 0 6px 16px rgba(15,23,42,.12);
}
.brand-preview-strip em { font-style: normal; font-weight: 700; color: #334155; }
.brand-live-preview {
  margin: 14px 0 16px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid #d7e4f4;
  background: linear-gradient(135deg, #f8fbff, #eef6ff);
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
}
.brand-live-preview-shell {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 12px;
  min-height: 220px;
}
.brand-live-preview-sidebar {
  border-radius: 18px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  color: #fff;
  background: linear-gradient(180deg, #1d2327, #111827);
}
.brand-live-preview-sidebar strong,
.brand-live-preview-menu a,
.brand-live-preview-header,
.brand-live-preview-card {
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.brand-live-preview-sidebar strong { font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
.brand-live-preview-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(135deg, #073b7a, #10a9f5);
  box-shadow: 0 10px 24px rgba(15,23,42,.16);
}
.brand-live-preview-menu {
  display: grid;
  gap: 7px;
  margin-top: 4px;
}
.brand-live-preview-menu a {
  width: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1d2327;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.brand-live-preview-menu a:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
  opacity: .9;
  flex: 0 0 auto;
}
.brand-live-preview-menu a:after {
  content: "";
  margin-left: auto;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 2px solid currentColor;
  opacity: .22;
  transition: opacity .2s ease, transform .2s ease, background .2s ease;
}
.brand-live-preview-menu a:hover {
  transform: translateX(4px);
}
.brand-live-preview-menu a:hover:after,
.brand-live-preview-menu a.is-active:after {
  opacity: .82;
  background: currentColor;
  transform: scale(.72);
}
.brand-live-preview-menu a.is-hover {
  transform: translateX(4px);
}
.brand-live-preview-menu a.is-active {
  box-shadow: 0 8px 18px rgba(15,23,42,.18);
}
.brand-live-preview-main {
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 14px;
  background: #f8fbff;
  border: 1px solid rgba(148,163,184,.18);
}
.brand-live-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #073b7a, #10a9f5);
}
.brand-live-preview-header span {
  font-weight: 900;
  letter-spacing: .02em;
}
.brand-live-preview-header button {
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
  background: #073b7a;
  color: #fff;
}
.brand-live-preview-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.brand-live-preview-card {
  border-radius: 16px;
  padding: 16px;
  min-height: 88px;
  border: 1px solid #dbeafe;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
  font-weight: 800;
  color: #0f172a;
}
.dashboard-theme-dark .logo-brand-toggle {
  background: linear-gradient(135deg, #111827, #0f2744) !important;
  border-color: #243244 !important;
}
.dashboard-theme-dark .logo-brand-toggle span { color: #f8fafc !important; }
.dashboard-theme-dark .logo-brand-toggle small { color: #a7b4c8 !important; }
.dashboard-theme-dark .brand-preview-strip {
  background: #111827 !important;
  border-color: #243244 !important;
}
.dashboard-theme-dark .brand-preview-strip em { color: #dbeafe !important; }
.dashboard-theme-dark .brand-live-preview {
  background: linear-gradient(135deg, #111827, #0f2744) !important;
  border-color: #243244 !important;
}
.dashboard-theme-dark .brand-live-preview-main {
  background: #111827 !important;
  border-color: #243244 !important;
}
.dashboard-theme-dark .brand-live-preview-card {
  background: #0f172a !important;
  border-color: #243244 !important;
  color: #f8fafc !important;
}
.dashboard-theme-dark .brand-live-preview-header button {
  color: #fff !important;
}
.dashboard-theme-dark .brand-live-preview-menu a {
  border-color: rgba(255,255,255,.12) !important;
}
.dashboard-theme-dark .brand-live-preview-menu a.is-hover {
  transform: translateX(4px);
}

@media(max-width:900px){
  .brand-live-preview-shell{grid-template-columns:1fr}
  .brand-live-preview-content{grid-template-columns:1fr}
}


@media(max-width:760px){
  body.staff-dashboard-body .admin-layout{padding-bottom:84px}
  body.staff-dashboard-body .admin-sidebar{position:fixed!important;left:-280px;z-index:999;transition:left .25s ease}
  body.staff-dashboard-body .admin-content{padding:14px!important}
  .staff-mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:9999;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:rgba(15,23,42,.92);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
  .staff-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#e2e8f0;text-decoration:none;font-size:18px;font-weight:900;padding:8px 4px;border-radius:16px}
  .staff-mobile-bottom-nav a span{font-size:10px}
  .staff-mobile-bottom-nav a:hover{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5));color:#fff}
  .wp-cards,.office-suite-grid,.analytics-grid,.grid,.module-form-grid{grid-template-columns:1fr!important}
  .module-panel,.wp-card{border-radius:18px!important}
  .module-title-row{gap:10px;align-items:flex-start}
  .module-title-row .btn,.module-title-row button{width:auto}
}


/* CYNDUQ global dark mode and brand consistency hardening */
body.dashboard-theme-dark,
body.dashboard-theme-dark .admin-shell,
body.dashboard-theme-dark .admin-main,
body.dashboard-theme-dark .admin-content,
body.dashboard-theme-dark .root-dashboard-body,
body.dashboard-theme-dark .company-dashboard-body,
body.dashboard-theme-dark .staff-dashboard-body,
body.dashboard-theme-dark .staff-main,
body.dashboard-theme-dark .company-main{
  background:#070b14!important;
  color:#e5eef8!important;
}
body.dashboard-theme-dark .admin-sidebar,
body.dashboard-theme-dark .company-sidebar,
body.dashboard-theme-dark .staff-sidebar{
  background:linear-gradient(180deg,#050816,#0f172a)!important;
  border-color:#1f2937!important;
}
body.dashboard-theme-dark .admin-topbar,
body.dashboard-theme-dark .root-admin-topbar,
body.dashboard-theme-dark .company-topbar,
body.dashboard-theme-dark .staff-topbar{
  background:#0f172a!important;
  color:#f8fafc!important;
  border-color:#1f2937!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28)!important;
}
body.dashboard-theme-dark .admin-topbar a,
body.dashboard-theme-dark .root-top-actions a,
body.dashboard-theme-dark .company-top-actions a{color:#dbeafe!important}
body.dashboard-theme-dark .wp-card,
body.dashboard-theme-dark .module-panel,
body.dashboard-theme-dark .module-hero,
body.dashboard-theme-dark .glass-panel,
body.dashboard-theme-dark .service-admin-card,
body.dashboard-theme-dark .popup-admin-card,
body.dashboard-theme-dark .gallery-card,
body.dashboard-theme-dark .staff-pay-slip,
body.dashboard-theme-dark .staff-notification-item,
body.dashboard-theme-dark .staff-task-card,
body.dashboard-theme-dark .history-card,
body.dashboard-theme-dark .analytics-card,
body.dashboard-theme-dark .vote-card,
body.dashboard-theme-dark .vote-panel,
body.dashboard-theme-dark .vote-admin-hero,
body.dashboard-theme-dark .onboarding-wizard-card,
body.dashboard-theme-dark .auth-panel,
body.dashboard-theme-dark .notice-card,
body.dashboard-theme-dark .admin-modal-card{
  background:linear-gradient(145deg,#0f172a,#111827)!important;
  color:#e5eef8!important;
  border-color:#263347!important;
  box-shadow:0 18px 55px rgba(0,0,0,.30)!important;
}
body.dashboard-theme-dark .office-suite-card{
  background:radial-gradient(circle at 12% 12%,rgba(var(--company-primary-rgb,18,102,227),.20),transparent 35%),linear-gradient(145deg,#0f172a,#111827)!important;
  color:#e5eef8!important;
  border-color:rgba(var(--company-primary-rgb,18,102,227),.32)!important;
}
body.dashboard-theme-dark .office-suite-card strong,
body.dashboard-theme-dark .office-suite-card span{color:#f8fafc!important}
body.dashboard-theme-dark .office-suite-card:after,
.company-brand-active .office-suite-card:after,
.staff-brand-active .office-suite-card:after,
.company-brand-active .btn-primary,
.staff-brand-active .btn-primary,
.company-brand-active .module-more-btn,
.staff-brand-active .module-more-btn,
.company-brand-active .feature-read-badge,
.staff-brand-active .feature-read-badge{
  background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;
  color:var(--company-text-on-primary,#fff)!important;
}
body.dashboard-theme-dark h1,
body.dashboard-theme-dark h2,
body.dashboard-theme-dark h3,
body.dashboard-theme-dark h4,
body.dashboard-theme-dark strong,
body.dashboard-theme-dark label,
body.dashboard-theme-dark .wp-heading,
body.dashboard-theme-dark .num{color:#f8fafc!important}
body.dashboard-theme-dark p,
body.dashboard-theme-dark small,
body.dashboard-theme-dark .label,
body.dashboard-theme-dark .staff-muted,
body.dashboard-theme-dark .section-sub{color:#a7b4c8!important}
body.dashboard-theme-dark input,
body.dashboard-theme-dark textarea,
body.dashboard-theme-dark select,
body.dashboard-theme-dark .tox-tinymce{
  background:#0b1120!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}
body.dashboard-theme-dark option{background:#0b1120!important;color:#f8fafc!important}
body.dashboard-theme-dark input::placeholder,
body.dashboard-theme-dark textarea::placeholder{color:#94a3b8!important}
body.dashboard-theme-dark .wp-table,
body.dashboard-theme-dark .module-table{
  background:#0f172a!important;
  color:#e5eef8!important;
  border-color:#263347!important;
}
body.dashboard-theme-dark .wp-table th,
body.dashboard-theme-dark .module-table th{
  background:#111c31!important;
  color:#f8fafc!important;
  border-color:#263347!important;
}
body.dashboard-theme-dark .wp-table td,
body.dashboard-theme-dark .module-table td{
  border-color:#263347!important;
  color:#e5eef8!important;
}
body.dashboard-theme-dark .notice{background:#10213a!important;color:#e5eef8!important;border-color:#38bdf8!important}
body.dashboard-theme-dark .notice.success{background:#0f2a1a!important;border-color:#22c55e!important}
body.dashboard-theme-dark .notice.error{background:#35151a!important;border-color:#ef4444!important}
body.dashboard-theme-dark .notice.warning{background:#33280c!important;border-color:#f59e0b!important}
body.dashboard-theme-dark .btn-secondary,
body.dashboard-theme-dark .button,
body.dashboard-theme-dark .page-action{
  background:#172033!important;
  color:#dbeafe!important;
  border-color:#334155!important;
}
body.dashboard-theme-dark .root-notification-panel,
body.dashboard-theme-dark .notification-item{
  background:#0f172a!important;
  color:#e5eef8!important;
  border-color:#263347!important;
}
.company-brand-active .module-panel,
.company-brand-active .wp-card,
.company-brand-active .module-hero,
.staff-brand-active .module-panel,
.staff-brand-active .wp-card,
.staff-brand-active .module-hero{
  border-top-color:var(--company-primary,#073b7a)!important;
}
.company-brand-active .payroll-net,
.staff-brand-active .payroll-net,
.company-brand-active .analytics-row strong,
.staff-brand-active .analytics-row strong{
  color:var(--company-primary,#073b7a)!important;
}
.company-brand-active .analytics-bar i,
.staff-brand-active .analytics-bar i,
.company-brand-active .vote-result-bar span,
.staff-brand-active .vote-result-bar span{
  background:linear-gradient(90deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;
}
.document-template-card{border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);border-radius:18px;padding:14px;margin-bottom:12px;background:rgba(255,255,255,.72)}
body.dashboard-theme-dark .document-template-card{background:#111827!important;border-color:#263347!important}


/* Production hardening phase 4: mobile/PWA polish, captcha, 2FA and hardening UI */
.captcha-row{background:rgba(7,59,122,.06);border:1px dashed rgba(7,59,122,.25);border-radius:16px;padding:12px;margin:12px 0}
.dashboard-install-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;transition:.2s ease;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.dashboard-install-trigger:hover{transform:translateY(-1px);filter:brightness(1.04)}
.root-dashboard-body .dashboard-install-trigger{background:linear-gradient(135deg,#06162d,#073b7a 60%,#073b7a);color:#fff;border-color:rgba(143,230,255,.18)}
.company-dashboard-body .dashboard-install-trigger{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5));color:#fff}
.staff-dashboard-body .dashboard-install-trigger{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff}
.dashboard-push-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(7,59,122,.18);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;transition:.2s ease;box-shadow:0 12px 30px rgba(15,23,42,.08);background:rgba(255,255,255,.88);color:#0f172a}
.dashboard-push-trigger:hover{transform:translateY(-1px);filter:brightness(1.02)}
.dashboard-push-trigger.is-active{box-shadow:0 14px 34px rgba(16,185,129,.18)}
.dashboard-push-trigger.is-unsupported{opacity:.7;cursor:not-allowed}
.root-dashboard-body .dashboard-push-trigger{background:linear-gradient(135deg,rgba(5,15,33,.96),rgba(10,63,145,.16));color:#fff;border-color:rgba(143,230,255,.18)}
.company-dashboard-body .dashboard-push-trigger{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,248,255,.98));color:var(--company-primary,#073b7a)}
.staff-dashboard-body .dashboard-push-trigger{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,253,245,.98));color:#0f766e}
.root-dashboard-body .pwa-install-hero{background:linear-gradient(135deg,#06162d,#073b7a 60%,#073b7a)}
.company-dashboard-body .pwa-install-hero{background:linear-gradient(135deg,#06162d,#073b7a 60%,#073b7a)}
.staff-dashboard-body .pwa-install-hero{background:linear-gradient(135deg,#052a28,#0f766e 58%,#14b8a6)}
.staff-dashboard-body .pwa-install-btn{background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 18px 48px rgba(20,184,166,.22)}
.root-dashboard-body .pwa-install-btn{background:linear-gradient(135deg,#06162d,#073b7a 60%,#073b7a);box-shadow:0 18px 48px rgba(11,63,145,.22)}
.company-dashboard-body .pwa-install-btn{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5));box-shadow:0 18px 48px rgba(7,59,122,.22)}
.pwa-install-status{display:block;font-size:12px;line-height:1.45;color:#64748b;margin-bottom:14px}
.pwa-install-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:18px}
.pwa-install-overlay[hidden]{display:none!important}
.pwa-install-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(7,59,122,.18),transparent 32%),rgba(2,6,23,.74);backdrop-filter:blur(14px)}
.pwa-install-modal{position:relative;width:min(720px,100%);border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,246,255,.96));border:1px solid rgba(7,59,122,.16);box-shadow:0 36px 110px rgba(2,6,23,.42);transform:translateY(0);animation:modalLift .22s ease-out}
.pwa-install-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(143,230,255,.56),transparent 32%),radial-gradient(circle at 10% 100%,rgba(7,59,122,.14),transparent 24%);pointer-events:none}
.pwa-install-modal-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:0}
.pwa-install-hero{padding:34px 34px 30px;background:linear-gradient(135deg,#06162d,#073b7a 58%,#073b7a);color:#fff;position:relative;overflow:hidden}
.pwa-install-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(143,230,255,.42),transparent 65%);filter:blur(4px)}
.pwa-install-kicker{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pwa-install-hero h2{margin:16px 0 10px;font-size:34px;line-height:1.06;max-width:12ch}
.pwa-install-hero p{margin:0;max-width:34ch;color:#d7ebff;line-height:1.7;font-size:15px}
.pwa-install-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.pwa-install-points span{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:800;color:#f8fbff}
.pwa-install-card-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 28px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(244,250,255,.96))}
.pwa-install-app-icon{width:88px;height:88px;border-radius:24px;padding:12px;background:linear-gradient(135deg,rgba(7,59,122,.12),rgba(33,183,255,.18));box-shadow:0 18px 42px rgba(7,59,122,.12);display:grid;place-items:center;margin-bottom:18px}
.pwa-install-app-icon img{width:100%;height:100%;object-fit:contain;display:block;border-radius:18px}
.pwa-install-card-actions strong{display:block;font-size:20px;color:#0f172a;margin-bottom:6px}
.pwa-install-card-actions span{display:block;color:#5b6b82;line-height:1.6;margin-bottom:18px}
.pwa-install-help{
  width:100%;
  text-align:left;
  border:1px solid rgba(7,59,122,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,246,255,.98));
  border-radius:20px;
  padding:14px 16px 12px;
  margin:0 0 18px;
  box-shadow:0 12px 24px rgba(15,23,42,.06);
}
.pwa-install-help strong{
  display:block;
  color:#0f172a;
  font-size:14px;
  font-weight:900;
  margin-bottom:8px;
}
.pwa-install-help ol{
  margin:0;
  padding-left:18px;
  color:#475569;
  font-size:13px;
  line-height:1.55;
}
.pwa-install-help li + li{margin-top:4px}
.pwa-install-help.is-hidden{display:none}
.pwa-install-btn,.pwa-install-close{border:0;border-radius:999px;padding:13px 18px;font-weight:900;cursor:pointer;transition:.2s ease}
.pwa-install-btn{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5));color:#fff;box-shadow:0 18px 48px rgba(7,59,122,.22);min-width:180px}
.pwa-install-close{position:absolute;right:18px;top:18px;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);z-index:2}
.pwa-install-btn:hover,.pwa-install-close:hover{transform:translateY(-1px);filter:brightness(1.04)}
@media(max-width:760px){.pwa-install-overlay{padding:12px}.pwa-install-modal-grid{grid-template-columns:1fr}.pwa-install-hero{padding:28px 22px 24px}.pwa-install-hero h2{font-size:28px;max-width:none}.pwa-install-card-actions{padding:24px 20px 28px}.pwa-install-btn{width:100%;min-width:0}.staff-profile-hero{display:block!important}.staff-profile-mini{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.module-title-row{flex-direction:column;align-items:flex-start!important}.admin-topbar{position:sticky;top:0;z-index:30}.office-suite-card{min-height:104px!important;padding:16px!important}.root-quick-tab-grid{grid-template-columns:1fr!important}}
.security-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.12);color:#166534;font-weight:900;font-size:12px}
.dashboard-theme-dark .captcha-row{background:#111827;border-color:#334155}
.dashboard-theme-dark .security-chip{background:#0f2a1a;color:#bbf7d0}


/* CYNDUQ global dark mode, brand and personalization hardening */
body.dashboard-theme-dark,
body.dashboard-theme-dark .admin-shell,
body.dashboard-theme-dark .admin-main,
body.dashboard-theme-dark .admin-content,
body.dashboard-theme-dark .root-dashboard-body,
body.dashboard-theme-dark .company-dashboard-body,
body.dashboard-theme-dark .staff-dashboard-body{
  background:#070b14!important;color:#e5eef8!important;
}
body.dashboard-theme-dark .admin-sidebar,
body.dashboard-theme-dark .company-sidebar,
body.dashboard-theme-dark .staff-sidebar{background:linear-gradient(180deg,#050816,#0f172a)!important;border-color:#1f2937!important}
body.dashboard-theme-dark .admin-topbar,
body.dashboard-theme-dark .company-topbar,
body.dashboard-theme-dark .staff-topbar{background:#0f172a!important;color:#f8fafc!important;border-color:#1f2937!important;box-shadow:0 16px 45px rgba(0,0,0,.28)!important}
body.dashboard-theme-dark .wp-card,
body.dashboard-theme-dark .module-panel,
body.dashboard-theme-dark .module-hero,
body.dashboard-theme-dark .glass-panel,
body.dashboard-theme-dark .service-admin-card,
body.dashboard-theme-dark .popup-admin-card,
body.dashboard-theme-dark .gallery-card,
body.dashboard-theme-dark .staff-pay-slip,
body.dashboard-theme-dark .analytics-card,
body.dashboard-theme-dark .vote-card,
body.dashboard-theme-dark .vote-panel,
body.dashboard-theme-dark .vote-admin-hero,
body.dashboard-theme-dark .onboarding-wizard-card,
body.dashboard-theme-dark .admin-modal-card,
body.dashboard-theme-dark .organogram-card,
body.dashboard-theme-dark .favourite-link-card,
body.dashboard-theme-dark .role-card{
  background:linear-gradient(145deg,#0f172a,#111827)!important;color:#e5eef8!important;border-color:#263347!important;box-shadow:0 18px 55px rgba(0,0,0,.30)!important;
}
body.dashboard-theme-dark .office-suite-card{background:radial-gradient(circle at 12% 12%,rgba(var(--company-secondary-rgb,33,183,255),.18),transparent 35%),linear-gradient(145deg,#0f172a,#111827)!important;color:#e5eef8!important;border-color:rgba(var(--company-primary-rgb,18,102,227),.32)!important}
body.dashboard-theme-dark .office-suite-card strong,body.dashboard-theme-dark .office-suite-card span{color:#f8fafc!important}
body.dashboard-theme-dark h1,body.dashboard-theme-dark h2,body.dashboard-theme-dark h3,body.dashboard-theme-dark h4,body.dashboard-theme-dark strong,body.dashboard-theme-dark label,body.dashboard-theme-dark .wp-heading,body.dashboard-theme-dark .num{color:#f8fafc!important}
body.dashboard-theme-dark p,body.dashboard-theme-dark small,body.dashboard-theme-dark .label,body.dashboard-theme-dark .staff-muted,body.dashboard-theme-dark .section-sub{color:#a7b4c8!important}
body.dashboard-theme-dark input,body.dashboard-theme-dark textarea,body.dashboard-theme-dark select{background:#0b1120!important;color:#f8fafc!important;border-color:#334155!important}
body.dashboard-theme-dark option{background:#0b1120!important;color:#f8fafc!important}
body.dashboard-theme-dark input::placeholder,body.dashboard-theme-dark textarea::placeholder{color:#94a3b8!important}
body.dashboard-theme-dark .wp-table,body.dashboard-theme-dark .module-table{background:#0f172a!important;color:#e5eef8!important;border-color:#263347!important}
body.dashboard-theme-dark .wp-table th,body.dashboard-theme-dark .module-table th{background:#111c31!important;color:#f8fafc!important;border-color:#263347!important}
body.dashboard-theme-dark .wp-table td,body.dashboard-theme-dark .module-table td{border-color:#263347!important;color:#e5eef8!important}
body.dashboard-theme-dark .btn-secondary,body.dashboard-theme-dark .button,body.dashboard-theme-dark .page-action{background:#172033!important;color:#dbeafe!important;border-color:#334155!important}
.company-brand-active .office-suite-card,.staff-brand-active .office-suite-card{border-color:rgba(var(--company-primary-rgb,18,102,227),.30)!important;box-shadow:0 18px 45px rgba(var(--company-primary-rgb,18,102,227),.14)!important;background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--company-suite-card,#ffffff) 46%,transparent),transparent 34%),linear-gradient(145deg,var(--company-suite-card,#ffffff),color-mix(in srgb,var(--company-suite-card,#ffffff) 84%,#ffffff))!important}
.company-brand-active .office-suite-card:after,.staff-brand-active .office-suite-card:after,.company-brand-active .btn-primary,.staff-brand-active .btn-primary,.company-brand-active .module-more-btn,.staff-brand-active .module-more-btn,.company-brand-active .feature-read-badge,.staff-brand-active .feature-read-badge,.company-brand-active .favorite-toggle.on,.staff-brand-active .favorite-toggle.on{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;color:var(--company-text-on-primary,#fff)!important;border-color:transparent!important}
.company-brand-active .analytics-bar i,.staff-brand-active .analytics-bar i,.company-brand-active .vote-result-bar span,.staff-brand-active .vote-result-bar span,.company-brand-active .org-bar,.staff-brand-active .org-bar{background:linear-gradient(90deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important}
.document-template-card,.role-card,.organogram-card,.favourite-link-card{border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);border-radius:18px;padding:14px;margin-bottom:12px;background:rgba(255,255,255,.78)}
.global-live-search{position:relative;min-width:280px;max-width:420px;flex:1}.global-live-search input{width:100%;border-radius:999px;padding:12px 44px 12px 16px;border:1px solid rgba(var(--company-primary-rgb,18,102,227),.25);background:rgba(255,255,255,.95)}.global-search-results{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.22);z-index:99999;max-height:360px;overflow:auto;padding:8px}.global-search-results.show{display:block}.global-search-results a{display:block;padding:12px;border-radius:14px;text-decoration:none;color:#0f172a}.global-search-results a:hover{background:rgba(var(--company-primary-rgb,18,102,227),.10)}.global-search-results small{display:block;color:#64748b}.favorite-toggle{border:1px solid #cbd5e1;border-radius:999px;padding:9px 14px;background:#f8fafc;color:#334155;font-weight:900;cursor:pointer}.favorite-toggle.on{color:#fff}
.global-live-search .search-empty-state{padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fb923c;color:#9a3412;font-weight:800;line-height:1.5;box-shadow:0 14px 34px rgba(249,115,22,.14)}
.global-search-results{background:linear-gradient(180deg,#ffffff,#f8fbff);border-color:rgba(6,95,70,.14);box-shadow:0 30px 86px rgba(2,6,23,.24)}
.global-search-results a{background:#fff;border:1px solid rgba(15,23,42,.08);margin:6px 0}
.global-search-results a:hover,.global-search-results a.is-active{background:linear-gradient(135deg,rgba(6,95,70,.10),rgba(16,185,129,.08));border-color:rgba(6,95,70,.28);transform:translateY(-1px);box-shadow:0 14px 26px rgba(6,95,70,.14)}
.global-live-search .global-search-results,
.global-live-search .global-search-results *{
  color:#000!important;
}
.global-search-results strong{color:#000!important;font-weight:900!important;font-size:17px!important;letter-spacing:.01em!important}
.global-search-results small{color:#000!important;font-weight:800!important;font-size:13px!important;line-height:1.45!important;opacity:1!important}
.global-search-results a{border-color:rgba(0,0,0,.14)!important}
.global-search-results a:hover,.global-search-results a.is-active{background:#f2f2f2!important;border-color:#000!important;box-shadow:0 14px 26px rgba(0,0,0,.18)!important}
.global-live-search .search-empty-state strong{color:#000!important;font-weight:900!important}
.favourite-link-grid,.organogram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.organogram-node{border:1px solid rgba(var(--company-primary-rgb,18,102,227),.18);border-radius:20px;padding:16px;background:rgba(255,255,255,.86);text-align:center;position:relative}.organogram-node strong{display:block;font-size:16px}.organogram-level{margin:16px 0}.organogram-level h3{border-left:6px solid var(--company-primary,#073b7a);padding-left:12px}.organogram-upload-preview{max-width:100%;border-radius:22px;border:1px solid rgba(var(--company-primary-rgb,18,102,227),.20);box-shadow:0 18px 45px rgba(15,23,42,.12)}
.organogram-info-panel p,
.organogram-view-head p,
.organogram-layout-actions span{color:#475569}
.organogram-drop-root{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:16px;
  border-radius:26px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.18);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,246,255,.92));
  min-height:180px;
}
.organogram-drop-root.is-drop-active,
.organogram-children.is-drop-active{
  outline:2px dashed var(--company-primary,#073b7a);
  outline-offset:4px;
}
.organogram-node-card{
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);
  border-radius:22px;
  padding:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}
.organogram-node-card.is-dragging{
  opacity:.55;
  transform:scale(.985);
}
.organogram-node-card.is-drop-active{
  border-color:var(--company-primary,#073b7a);
  box-shadow:0 16px 36px rgba(7,59,122,.18);
}
.organogram-node-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.organogram-drag-handle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5));
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:grab;
}
.organogram-node-level{
  font-size:12px;
  font-weight:800;
  color:#0f172a;
  background:rgba(59,130,246,.12);
  border-radius:999px;
  padding:6px 10px;
}
.organogram-node-meta,
.organogram-node-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.organogram-node-meta{
  margin-top:10px;
  color:#475569;
  font-size:13px;
}
.organogram-node-note{
  margin:10px 0 0;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}
.organogram-children{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  border:1px dashed rgba(var(--company-primary-rgb,18,102,227),.24);
  background:rgba(248,250,252,.74);
  min-height:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.organogram-empty-state{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
  justify-content:center;
  min-height:160px;
  text-align:center;
  border-radius:24px;
  border:1px dashed rgba(var(--company-primary-rgb,18,102,227),.20);
  background:rgba(255,255,255,.72);
  color:#475569;
}
.organogram-layout-actions,
.organogram-view-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.organogram-export-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.organogram-preview-shell{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:16px;
}
.organogram-preview-card,
.organogram-preview-child{
  border-radius:20px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);
  background:rgba(255,255,255,.84);
  padding:16px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.organogram-preview-card{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.organogram-preview-children{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:10px;
}
.organogram-preview-child{
  padding:14px;
}
.organogram-preview-card strong,
.organogram-preview-child strong{
  display:block;
  font-size:16px;
}
.organogram-preview-card span,
.organogram-preview-child span,
.organogram-preview-card small,
.organogram-preview-child small{
  color:#475569;
}
.organogram-role-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin-top:14px;
}
.organogram-role-list .role-card{
  margin:0;
  min-height:auto;
}
.organogram-tree-view-wrap{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.organogram-tree-root-card{
  text-align:center;
  padding:22px 18px;
  border-radius:28px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.18);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,248,255,.92));
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}
.organogram-tree-root-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(7,59,122,.10);
  color:var(--company-primary,#073b7a);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.organogram-tree-root-card h3{
  margin:0;
  font-size:26px;
  line-height:1.2;
}
.organogram-tree-root-card p{
  margin:8px auto 0;
  max-width:680px;
  color:#64748b;
}
.organogram-tree-view{
  position:relative;
  overflow-x:auto;
  padding:12px 0 6px;
}
.organogram-tree-list{
  list-style:none;
  margin:0;
  padding:34px 0 0;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:24px;
  position:relative;
}
.organogram-tree-list::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:2px;
  height:34px;
  background:linear-gradient(180deg,var(--company-primary,#073b7a),rgba(7,59,122,0));
  transform:translateX(-50%);
}
.organogram-tree-item{
  position:relative;
  min-width:260px;
  max-width:320px;
  padding-top:34px;
}
.organogram-tree-item::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:2px;
  height:34px;
  background:linear-gradient(180deg,rgba(7,59,122,.55),rgba(7,59,122,0));
  transform:translateX(-50%);
}
.organogram-tree-item::after{
  content:"";
  position:absolute;
  top:34px;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,rgba(7,59,122,0),rgba(7,59,122,.35),rgba(7,59,122,0));
}
.organogram-tree-item > .organogram-tree-list{
  margin-top:22px;
  padding-top:26px;
}
.organogram-tree-item > .organogram-tree-list::before{
  top:0;
}
.organogram-tree-card{
  position:relative;
  z-index:1;
  padding:18px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);
  background:
    radial-gradient(circle at top left, rgba(143,230,255,.34), transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,248,255,.93));
  box-shadow:0 18px 48px rgba(15,23,42,.10);
  text-align:center;
}
.organogram-tree-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.organogram-tree-badge{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(7,59,122,.10);
  color:var(--company-primary,#073b7a);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.organogram-tree-role{
  font-size:12px;
  font-weight:800;
  color:#475569;
}
.organogram-tree-card strong{
  display:block;
  font-size:18px;
  line-height:1.25;
  margin:2px 0 8px;
}
.organogram-tree-staff{
  display:block;
  color:#0f172a;
  font-weight:700;
  margin-bottom:8px;
}
.organogram-tree-card p{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}
.dashboard-theme-dark .organogram-tree-root-card,
.dashboard-theme-dark .organogram-tree-card{
  background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(15,23,42,.88))!important;
  border-color:rgba(96,165,250,.24)!important;
}
.dashboard-theme-dark .organogram-tree-root-card p,
.dashboard-theme-dark .organogram-tree-card p,
.dashboard-theme-dark .organogram-tree-role,
.dashboard-theme-dark .organogram-tree-staff{
  color:#cbd5e1!important;
}
.dashboard-theme-dark .organogram-tree-badge,
.dashboard-theme-dark .organogram-tree-root-kicker{
  background:rgba(96,165,250,.14)!important;
  color:#bfdbfe!important;
}
.handover-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  align-items:stretch;
  padding:18px;
  border-radius:30px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.14);
  background:
    radial-gradient(circle at 12% 10%, rgba(33,183,255,.16), transparent 26%),
    radial-gradient(circle at 86% 14%, rgba(33,197,94,.14), transparent 24%),
    linear-gradient(135deg, rgba(6,78,59,.06), rgba(255,255,255,.98) 48%, rgba(240,253,244,.92));
  box-shadow:0 22px 60px rgba(15,23,42,.08);
}
.handover-hero-copy,
.handover-progress-card,
.handover-panel,
.handover-status-card,
.handover-info-card,
.handover-recent-item,
.handover-step-card,
.handover-note-box{
  border-radius:24px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,248,255,.92));
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.handover-hero-copy{
  padding:28px;
  color:#0b5d1e;
}
.handover-hero-copy h1{
  margin:8px 0 12px;
  font-size:42px;
  line-height:1.05;
  color:#0b5d1e!important;
}
.handover-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.handover-badges span,
.handover-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(7,59,122,.10);
  color:var(--company-primary,#073b7a);
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}
.handover-progress-card{
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}
.handover-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.handover-progress-head strong{font-size:18px;color:#0b5d1e!important}
.handover-progress-head span{font-weight:900;font-size:20px;color:#0b5d1e!important}
.handover-progress-track{
  height:14px;
  border-radius:999px;
  background:rgba(148,163,184,.18);
  overflow:hidden;
}
.handover-progress-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5));
  box-shadow:0 8px 20px rgba(7,59,122,.28);
  transition:width .25s ease;
}
.handover-progress-card p{margin:0;color:#0b5d1e!important}
.handover-panel{
  padding:24px;
}
.handover-form-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.handover-step-card{
  margin-top:18px;
  padding:20px;
}
.handover-step-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.handover-step-card-head h3{margin:0;font-size:20px}
.handover-choice-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  margin-bottom:14px;
}
.handover-choice-row label{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:#0f172a;
}
.handover-toggle-pane{
  margin-top:10px;
}
.handover-note-box{
  margin-top:14px;
  padding:14px 16px;
  color:#0b5d1e;
  background:rgba(7,59,122,.06);
}
.handover-optional{
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(11,93,30,.10);
  color:#0b5d1e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.staff-row-editor{
  display:block;
  position:relative;
  width:100%;
}
.staff-row-editor > summary{
  list-style:none;
  user-select:none;
}
.staff-row-editor > summary::-webkit-details-marker{
  display:none;
}
.staff-action-bar{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  flex-wrap:nowrap;
  max-width:100%;
}
.staff-action-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.18);
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, color .18s ease;
  white-space:nowrap;
}
.staff-action-pill:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
}
.staff-action-pill-edit{
  background:linear-gradient(135deg,var(--company-brand-primary,#073b7a),var(--company-brand-secondary,#10a9f5));
  color:#fff;
  box-shadow:0 12px 24px rgba(var(--company-primary-rgb,18,102,227),.22);
}
.staff-action-pill-delete{
  background:linear-gradient(135deg,#dc2626,#ef4444);
  color:#fff;
  box-shadow:0 12px 24px rgba(220,38,38,.18);
}
.staff-row-editor-panel{
  min-width:320px;
  width:min(760px, 84vw);
  margin-top:12px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.14);
  background:
    radial-gradient(circle at top right, rgba(33,183,255,.10), transparent 24%),
    linear-gradient(145deg,#ffffff,#f7fbff);
  box-shadow:0 20px 50px rgba(15,23,42,.10);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 14px;
  max-width:100%;
}
.staff-row-editor-panel .form-row{
  margin-bottom:0;
}
.staff-action-form{
  display:flex;
  width:100%;
  margin:0;
}
.staff-action-form .staff-action-pill,
.staff-row-editor > summary{
  width:100%;
}
.staff-row-editor > summary{
  display:flex;
}
.staff-row-editor-panel .form-row:nth-child(-n+3),
.staff-row-editor-panel .form-row:nth-child(8),
.staff-row-editor-panel .form-row:nth-child(13),
.staff-row-editor-panel button{
  grid-column:1 / -1;
}
.staff-row-editor-panel small{
  display:block;
  margin-top:6px;
  color:#64748b;
  line-height:1.45;
}
.staff-row-editor-panel input,
.staff-row-editor-panel select{
  border-radius:12px;
  border-color:rgba(148,163,184,.28);
  box-shadow:none;
}
.staff-row-editor-panel button{
  justify-self:start;
  padding-inline:20px;
}
.staff-modal-open{
  overflow:hidden;
}
.staff-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(2,6,23,.56);
  backdrop-filter:blur(14px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  z-index:3000;
}
.staff-modal-overlay.is-open{
  display:flex;
}
.staff-modal{
  position:relative;
  width:min(980px, 100%);
  max-height:min(88vh, 920px);
  overflow:auto;
  border-radius:28px;
  padding:28px;
  background:
    radial-gradient(circle at top right, rgba(33,183,255,.14), transparent 26%),
    linear-gradient(145deg,#ffffff,#f6fbff);
  box-shadow:0 34px 90px rgba(2,6,23,.35);
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);
}
.staff-modal-danger{
  border-color:rgba(220,38,38,.20);
  background:
    radial-gradient(circle at top right, rgba(248,113,113,.14), transparent 24%),
    linear-gradient(145deg,#fff,#fff7f7);
}
.staff-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border:0;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  color:#0f172a;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.staff-modal-head{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:20px;
  padding-right:56px;
}
.staff-modal-kicker{
  display:inline-flex;
  align-self:flex-start;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(var(--company-primary-rgb,18,102,227),.10);
  color:var(--company-brand-dark,#0b3d1c);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.staff-modal-head h3{
  margin:0;
  font-size:26px;
  color:#0f172a;
}
.staff-modal-head p{
  margin:0;
  color:#475569;
  line-height:1.6;
}
.staff-modal-form{
  margin:0;
}
.staff-modal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.staff-modal-grid .form-row{
  margin-bottom:0;
}
.staff-modal-grid .form-row:nth-child(1),
.staff-modal-grid .form-row:nth-child(2),
.staff-modal-grid .form-row:nth-child(3),
.staff-modal-grid .form-row:nth-child(8){
  grid-column:1 / -1;
}
.staff-modal-grid small{
  display:block;
  margin-top:6px;
  color:#64748b;
  line-height:1.45;
}
.staff-modal-grid input,
.staff-modal-grid select{
  border-radius:14px;
  border-color:rgba(148,163,184,.26);
}
.staff-modal-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-top:22px;
}
.staff-modal-confirm{
  padding:18px;
  border-radius:20px;
  background:rgba(220,38,38,.06);
  border:1px solid rgba(220,38,38,.14);
  color:#7f1d1d;
}
.staff-modal-confirm strong{
  display:block;
  margin-bottom:6px;
  font-size:18px;
}
.staff-modal-confirm p{
  margin:0;
  color:#991b1b;
}
@media (max-width: 900px){
  .staff-modal{
    padding:22px 18px;
  }
  .staff-modal-grid{
    grid-template-columns:1fr;
  }
  .staff-modal-head{
    padding-right:48px;
  }
}
@media (max-width: 640px){
  .staff-modal-overlay{
    padding:14px;
  }
  .staff-modal-head h3{
    font-size:22px;
  }
}
@media (max-width: 1200px){
  .staff-action-bar{
    width:100%;
  }
  .staff-row-editor-panel{
    width:100%;
    grid-template-columns:1fr;
  }
}
.interview-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  align-items:stretch;
  padding:18px;
  border-radius:30px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);
  background:
    radial-gradient(circle at 16% 18%, rgba(33,183,255,.12), transparent 28%),
    radial-gradient(circle at 84% 10%, rgba(33,197,94,.12), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(242,248,255,.95));
  box-shadow:0 22px 58px rgba(15,23,42,.08);
  color:#0f172a;
}
.interview-hero *{
  text-shadow:none;
}
.interview-hero .eyebrow{
  color:#0b5d1e !important;
}
.interview-brand-row{
  display:flex;
  align-items:center;
  gap:16px;
}
.interview-brand-logo{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 28px rgba(15,23,42,.12);
}
.interview-hero-copy,
.interview-summary-card,
.interview-form-panel,
.interview-preview-panel{
  border-radius:24px;
  border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,248,255,.94));
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.interview-hero-copy{
  padding:28px;
}
.interview-hero-copy h1{
  margin:8px 0 12px;
  color:#0b5d1e !important;
  font-size:clamp(30px,4vw,48px);
  line-height:1.06;
}
.interview-hero-copy p{
  margin:0;
  color:#0f172a !important;
  max-width:760px;
}
.interview-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.interview-badges span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(7,59,122,.10);
  color:#073b7a;
  font-weight:800;
  font-size:12px;
}
.interview-summary-card{
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}
.interview-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.interview-summary-head strong{
  font-size:20px;
  color:#0b5d1e !important;
}
.interview-summary-head span{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(33,197,94,.12);
  color:#166534;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.interview-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.interview-summary-grid div{
  padding:16px;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  border:1px solid rgba(7,59,122,.10);
}
.interview-summary-grid span{
  display:block;
  color:#475569 !important;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.interview-summary-grid strong{
  display:block;
  margin-top:8px;
  font-size:30px;
  color:#0b5d1e !important;
}
.interview-grid{
  grid-template-columns:1.02fr .98fr;
}
.interview-form-panel,
.interview-preview-panel{
  padding:24px;
}
.interview-form-panel select[multiple]{
  min-height:220px;
}
.interview-form-grid .full{
  grid-column:1/-1;
}
.interview-preview-card{
  border-radius:22px;
  padding:22px;
  border:1px solid rgba(7,59,122,.14);
  background:
    radial-gradient(circle at 12% 12%, rgba(33,183,255,.12), transparent 28%),
    linear-gradient(145deg,#ffffff,#f7fbff);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}
.interview-preview-logo-wrap{
  display:flex;
  justify-content:flex-start;
  margin-bottom:14px;
}
.interview-preview-logo{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 24px rgba(15,23,42,.10);
}
.interview-preview-card strong{
  display:block;
  font-size:24px;
  color:#073b7a !important;
  margin-bottom:6px;
}
.interview-preview-card p{
  margin:0 0 16px;
  color:#0f172a !important;
}
.interview-preview-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.interview-preview-list div{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(7,59,122,.10);
}
.interview-preview-list span{
  display:block;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#475569 !important;
}
.interview-preview-list strong{
  display:block;
  margin-top:6px;
  font-size:15px;
  color:#0f172a !important;
}
.interview-preview-note,
.interview-help-box{
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(11,93,30,.06);
  border:1px solid rgba(11,93,30,.10);
  color:#0b5d1e;
}
.interview-help-box strong{
  display:block;
  margin-bottom:6px;
}
.interview-help-box p{
  margin:0;
  color:#0b5d1e;
}
@media (max-width: 980px){
  .interview-hero,
  .interview-grid{
    grid-template-columns:1fr;
  }
}
.handover-status-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
}
.handover-status-card{
  padding:18px;
}
.handover-status-card span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.handover-status-card strong{
  display:block;
  font-size:24px;
  margin:8px 0 4px;
  color:#0b5d1e;
}
.handover-info-card,
.handover-recent{
  margin-top:14px;
  padding:20px;
}
.handover-recent-item{
  margin-top:10px;
  padding:14px 16px;
}
.handover-recent-item strong,
.handover-info-card h3,
.handover-recent h3{margin:0}
.handover-recent-item small{
  display:block;
  margin-top:4px;
  color:#0b5d1e;
}
.dashboard-theme-dark .handover-hero-copy,
.dashboard-theme-dark .handover-progress-card,
.dashboard-theme-dark .handover-panel,
.dashboard-theme-dark .handover-status-card,
.dashboard-theme-dark .handover-info-card,
.dashboard-theme-dark .handover-recent-item,
.dashboard-theme-dark .handover-step-card,
.dashboard-theme-dark .handover-note-box{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,248,255,.92))!important;
  border-color:rgba(96,165,250,.20)!important;
  color:#0f172a!important;
}
.dashboard-theme-dark .handover-hero{
  background:
    radial-gradient(circle at 12% 10%, rgba(33,183,255,.16), transparent 26%),
    radial-gradient(circle at 86% 14%, rgba(33,197,94,.14), transparent 24%),
    linear-gradient(135deg, rgba(6,78,59,.06), rgba(255,255,255,.98) 48%, rgba(240,253,244,.92))!important;
}
.dashboard-theme-dark .handover-hero-copy p,
.dashboard-theme-dark .handover-progress-card p,
.dashboard-theme-dark .handover-note-box,
.dashboard-theme-dark .handover-recent-item small,
.dashboard-theme-dark .handover-status-card span{
  color:#0b5d1e!important;
}
.dashboard-theme-dark .handover-choice-row label{
  color:#0f172a!important;
}
.dashboard-theme-dark .handover-hero-copy h1,
.dashboard-theme-dark .handover-progress-head strong,
.dashboard-theme-dark .handover-progress-head span,
.dashboard-theme-dark .handover-status-card strong,
.dashboard-theme-dark .handover-step-card-head h3,
.dashboard-theme-dark .handover-info-card h3,
.dashboard-theme-dark .handover-recent-item strong{
  color:#0b5d1e!important;
}
.dashboard-theme-dark .handover-progress-track{
  background:rgba(148,163,184,.24)!important;
}
.dashboard-theme-dark .handover-badges span,
.dashboard-theme-dark .handover-tag{
  background:rgba(7,59,122,.10)!important;
  color:var(--company-primary,#073b7a)!important;
}
@media (max-width: 980px){
  .handover-hero{
    grid-template-columns:1fr;
  }
  .handover-hero-copy h1{
    font-size:34px;
  }
}
@media (max-width: 760px){
  .handover-panel,
  .handover-hero-copy,
  .handover-progress-card{
    padding:20px;
  }
  .handover-hero-copy h1{
    font-size:28px;
  }
  .handover-choice-row{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 900px){
  .organogram-tree-list{
    justify-content:flex-start;
  }
  .organogram-tree-item{
    min-width:230px;
  }
}
@media (max-width: 760px){
  .organogram-tree-root-card h3{
    font-size:22px;
  }
  .organogram-tree-item{
    min-width:210px;
  }
}
body.dashboard-theme-dark .organogram-drop-root,
body.dashboard-theme-dark .organogram-node-card,
body.dashboard-theme-dark .organogram-preview-card,
body.dashboard-theme-dark .organogram-preview-child{
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.88))!important;
  border-color:rgba(96,165,250,.22)!important;
  color:#e5eef8!important;
}
body.dashboard-theme-dark .organogram-node-meta,
body.dashboard-theme-dark .organogram-node-note,
body.dashboard-theme-dark .organogram-info-panel p,
body.dashboard-theme-dark .organogram-view-head p,
body.dashboard-theme-dark .organogram-layout-actions span,
body.dashboard-theme-dark .organogram-preview-card span,
body.dashboard-theme-dark .organogram-preview-card small,
body.dashboard-theme-dark .organogram-preview-child span,
body.dashboard-theme-dark .organogram-preview-child small{
  color:#cbd5e1!important;
}
.backup-restore-panel{border-top:4px solid var(--company-primary,#073b7a)}
.contacts-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.compact-card{padding:18px!important;border-radius:20px!important}
@media(max-width:760px){.global-live-search{min-width:100%;max-width:none}.global-search-results{position:fixed;top:78px;left:12px;right:12px}.favourite-link-grid,.organogram-grid,.contacts-admin-grid{grid-template-columns:1fr}}


/* CYNDUQ FIX: live search visibility, brand-colour hero panels, and dark-mode readability */
.admin-topbar,
.company-topbar,
.staff-topbar,
.root-admin-topbar{
  overflow:visible!important;
}
.global-live-search{
  position:relative!important;
  z-index:100000!important;
}
.global-live-search input,
.global-live-search-input{
  width:100%!important;
  min-height:48px!important;
  border-radius:14px!important;
}
.global-search-results{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  right:0!important;
  display:none!important;
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
  max-height:390px!important;
  overflow:auto!important;
  padding:8px!important;
  z-index:100001!important;
}
.global-search-results.show{display:block!important;}
.global-search-results a{
  display:block!important;
  padding:12px 13px!important;
  border-radius:14px!important;
  color:#0f172a!important;
  text-decoration:none!important;
  line-height:1.35!important;
}
.global-search-results a:hover,
.global-search-results a.is-active{
  background:rgba(var(--company-primary-rgb,18,102,227),.10)!important;
}
.global-search-results strong{
  display:block!important;
  color:#0f172a!important;
  font-weight:900!important;
}
.global-search-results small{
  display:block!important;
  color:#64748b!important;
  margin-top:3px!important;
}

/* Every HR/company/staff blue module hero now follows uploaded logo/brand colour */
.company-brand-active .module-hero,
.staff-brand-active .module-hero,
.company-brand-active .vote-admin-hero,
.staff-brand-active .vote-admin-hero,
.company-brand-active .birthday-hero,
.staff-brand-active .birthday-hero,
.company-brand-active .clocking-hero,
.staff-brand-active .clocking-hero,
.company-brand-active .integration-hero,
.staff-brand-active .integration-hero{
  background:
    radial-gradient(circle at 88% 4%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, var(--company-sidebar,var(--company-primary,#073b7a)) 0%, var(--company-primary,#073b7a) 58%, var(--company-secondary,#10a9f5) 100%)!important;
  color:var(--company-text-on-primary,#ffffff)!important;
  box-shadow:0 22px 60px rgba(var(--company-primary-rgb,18,102,227),.24)!important;
}
.company-brand-active .module-hero h1,
.company-brand-active .module-hero h2,
.company-brand-active .module-hero p,
.staff-brand-active .module-hero h1,
.staff-brand-active .module-hero h2,
.staff-brand-active .module-hero p,
.company-brand-active .vote-admin-hero h1,
.company-brand-active .vote-admin-hero p,
.staff-brand-active .vote-admin-hero h1,
.staff-brand-active .vote-admin-hero p{
  color:var(--company-text-on-primary,#ffffff)!important;
}
.company-brand-active .module-hero:after,
.staff-brand-active .module-hero:after{
  background:rgba(255,255,255,.20)!important;
}
.company-brand-active .module-panel,
.company-brand-active .wp-card,
.company-brand-active .analytics-card,
.company-brand-active .organogram-card,
.staff-brand-active .module-panel,
.staff-brand-active .wp-card,
.staff-brand-active .analytics-card,
.staff-brand-active .organogram-card{
  border-top-color:var(--company-primary,#073b7a)!important;
}
.company-brand-active .dashboard-section-head span,
.staff-brand-active .dashboard-section-head span,
.company-brand-active .wp-heading,
.staff-brand-active .wp-heading{
  color:var(--company-primary,#073b7a)!important;
}
.company-brand-active .analytics-bar i,
.staff-brand-active .analytics-bar i,
.company-brand-active .org-bar,
.staff-brand-active .org-bar,
.company-brand-active .progress-bar i,
.staff-brand-active .progress-bar i{
  background:linear-gradient(90deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;
}

/* Dark mode: never allow white cards with white text */
body.dashboard-theme-dark .root-dashboard-quick-tabs,
body.dashboard-theme-dark .root-dashboard-alert-card,
body.dashboard-theme-dark .wp-card,
body.dashboard-theme-dark .module-panel,
body.dashboard-theme-dark .gallery-upload-card,
body.dashboard-theme-dark .gallery-stats-card,
body.dashboard-theme-dark .compact-card{
  background:linear-gradient(145deg,#0f172a,#111827)!important;
  color:#e5eef8!important;
  border-color:#263347!important;
}
body.dashboard-theme-dark .root-quick-tab,
body.dashboard-theme-dark .office-suite-card,
body.dashboard-theme-dark .favourite-link-card,
body.dashboard-theme-dark .role-card,
body.dashboard-theme-dark .organogram-node,
body.dashboard-theme-dark .onboarding-wizard-card{
  background:linear-gradient(145deg,#111827,#0f172a)!important;
  color:#e5eef8!important;
  border-color:#334155!important;
}
body.dashboard-theme-dark .root-quick-tab strong,
body.dashboard-theme-dark .root-quick-tab span,
body.dashboard-theme-dark .office-suite-card strong,
body.dashboard-theme-dark .office-suite-card span,
body.dashboard-theme-dark .favourite-link-card strong,
body.dashboard-theme-dark .favourite-link-card span,
body.dashboard-theme-dark .role-card strong,
body.dashboard-theme-dark .role-card small,
body.dashboard-theme-dark .organogram-node strong,
body.dashboard-theme-dark .organogram-node small{
  color:#f8fafc!important;
}
body.dashboard-theme-dark .root-quick-tab span,
body.dashboard-theme-dark .office-suite-card span,
body.dashboard-theme-dark small,
body.dashboard-theme-dark p{
  color:#cbd5e1!important;
}
body.dashboard-theme-dark .global-search-results{
  background:#0f172a!important;
  border-color:#334155!important;
  box-shadow:0 24px 70px rgba(0,0,0,.45)!important;
}
body.dashboard-theme-dark .global-search-results a,
body.dashboard-theme-dark .global-search-results strong{
  color:#f8fafc!important;
}
body.dashboard-theme-dark .global-search-results small{
  color:#cbd5e1!important;
}
body.dashboard-theme-dark .global-search-results a:hover,
body.dashboard-theme-dark .global-search-results a.is-active{
  background:#1e293b!important;
}
body.dashboard-theme-dark input,
body.dashboard-theme-dark textarea,
body.dashboard-theme-dark select{
  background:#0b1120!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}
body.dashboard-theme-dark input::placeholder,
body.dashboard-theme-dark textarea::placeholder{
  color:#94a3b8!important;
}

/* Root light mode cards must remain readable */
.root-quick-tab strong{color:#0f172a!important;}
.root-quick-tab span{color:#475569!important;}
body.dashboard-theme-dark .root-quick-tab strong{color:#f8fafc!important;}
body.dashboard-theme-dark .root-quick-tab span{color:#cbd5e1!important;}

@media(max-width:900px){
  .global-live-search{min-width:100%!important;max-width:none!important;order:3!important;}
  .global-search-results{position:fixed!important;top:76px!important;left:12px!important;right:12px!important;}
}


/* CYNDUQ FIX 2: favourite cards, compact search and animated page tabs */
.global-live-search{min-width:230px!important;max-width:340px!important;flex:0 1 320px!important;margin:0 18px!important}
.global-live-search-input{min-height:42px!important;padding:10px 14px!important;border-radius:13px!important;font-size:14px!important}
.global-search-results{max-width:420px!important}
.staff-topbar .global-live-search{max-width:300px!important;min-width:220px!important}
@media(max-width:900px){.global-live-search{min-width:100%!important;max-width:none!important;margin:10px 0!important}}

.favourite-page-shell,.archive-page-shell{padding:24px!important}
.favourite-group{margin-bottom:30px}
.favourite-group h2{font-size:24px;margin:0 0 14px;color:#0f172a}
.favourite-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px!important}
.polished-fav-card{position:relative;display:flex!important;flex-direction:column;gap:18px;min-height:160px;padding:20px!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffff,#f8fbff)!important;border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16)!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;cursor:pointer;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.polished-fav-card:before{content:"";position:absolute;inset:auto -45px -65px auto;width:150px;height:150px;border-radius:999px;background:rgba(var(--company-primary-rgb,18,102,227),.10);transition:.25s ease}
.polished-fav-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(var(--company-primary-rgb,18,102,227),.18)!important;border-color:rgba(var(--company-primary-rgb,18,102,227),.35)!important}
.polished-fav-card:hover:before{transform:scale(1.25)}
.polished-fav-card .fav-checkbox{position:absolute;right:18px;top:18px;width:18px!important;height:18px!important;z-index:2}
.fav-card-top{display:flex;gap:14px;align-items:flex-start;padding-right:28px;min-height:74px}
.fav-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:rgba(var(--company-primary-rgb,18,102,227),.10);font-size:21px;flex:0 0 auto}
.fav-title-wrap strong{display:block;font-size:18px;line-height:1.2;color:#0f172a!important;margin-bottom:7px}
.fav-title-wrap small{display:block;color:#475569!important;line-height:1.45;font-weight:700}
.fav-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;position:relative;z-index:2}
.fav-group-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--company-primary,#073b7a)}
.favorite-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:104px!important;justify-content:center!important;border:1px solid #cbd5e1!important;border-radius:999px!important;padding:8px 12px!important;background:#f8fafc!important;color:#334155!important;font-weight:900!important;position:static!important}
.favorite-toggle i{width:15px;height:15px;border-radius:50%;background:#94a3b8;box-shadow:inset 0 0 0 3px rgba(255,255,255,.75)}
.favorite-toggle.on{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;color:var(--company-text-on-primary,#fff)!important;border-color:transparent!important}
.favorite-toggle.on i{background:#fff}
.polished-fav-card.is-off{opacity:.82}
.polished-fav-card.is-on{border-color:rgba(var(--company-primary-rgb,18,102,227),.42)!important}
.favourite-save-btn{margin-top:8px}

body.dashboard-theme-dark .polished-fav-card{background:linear-gradient(145deg,#0f172a,#111827)!important;color:#e5eef8!important;border-color:#334155!important}
body.dashboard-theme-dark .favourite-group h2,
body.dashboard-theme-dark .fav-title-wrap strong{color:#f8fafc!important}
body.dashboard-theme-dark .fav-title-wrap small{color:#cbd5e1!important}
body.dashboard-theme-dark .fav-icon{background:rgba(255,255,255,.08)}
body.dashboard-theme-dark .favorite-toggle{background:#1e293b!important;color:#dbeafe!important;border-color:#475569!important}

.cynduq-page-tabs,.cynduq-inline-tabs{display:flex;gap:12px;align-items:center;overflow:auto;padding:8px;margin:18px 0 22px;border-radius:22px;background:rgba(var(--company-primary-rgb,18,102,227),.06);border:1px solid rgba(var(--company-primary-rgb,18,102,227),.12)}
.cynduq-page-tabs button,.cynduq-inline-tabs button{white-space:nowrap;border:0;border-radius:18px;padding:13px 18px;font-weight:900;cursor:pointer;background:#fff;color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.06);transition:.2s ease}
.cynduq-page-tabs button.active,.cynduq-inline-tabs button.active{background:linear-gradient(135deg,var(--company-brand-primary,var(--company-primary,#073b7a)),var(--company-brand-secondary,var(--company-secondary,#10a9f5)));color:var(--company-text-on-primary,#fff);box-shadow:0 16px 38px rgba(var(--company-primary-rgb,18,102,227),.22)}
.cynduq-tab-panel{display:none;animation:cynduqTabIn .28s ease both}
.cynduq-tab-panel.active{display:block}
@keyframes cynduqTabIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body.dashboard-theme-dark .cynduq-page-tabs,body.dashboard-theme-dark .cynduq-inline-tabs{background:#0b1120;border-color:#263347}
body.dashboard-theme-dark .cynduq-page-tabs button,body.dashboard-theme-dark .cynduq-inline-tabs button{background:#1e293b;color:#e5eef8}

body.dashboard-theme-dark .root-quick-tab,
body.dashboard-theme-dark .root-dashboard-quick-tabs .root-quick-tab{background:linear-gradient(145deg,#111827,#0f172a)!important;color:#f8fafc!important;border-color:#334155!important}
body.dashboard-theme-dark .root-dashboard-quick-tabs .root-quick-tab strong{color:#ffffff!important}
body.dashboard-theme-dark .root-dashboard-quick-tabs .root-quick-tab span{color:#dbeafe!important}


/* CYNDUQ FINAL UI POLISH: tabs, mobile dashboard, search, dark-mode readability and logo persistence */
.global-live-search{min-width:220px!important;max-width:330px!important;flex:0 1 310px!important;margin:0 16px!important}
.global-live-search-input{min-height:40px!important;padding:9px 14px!important;border-radius:14px!important;font-size:14px!important}
.global-search-results{max-width:420px!important;z-index:100001!important}

.cynduq-page-tabs,.cynduq-inline-tabs{display:flex;gap:12px;align-items:center;overflow-x:auto;padding:8px;margin:18px 0 22px;border-radius:24px;background:rgba(var(--company-primary-rgb,18,102,227),.07);border:1px solid rgba(var(--company-primary-rgb,18,102,227),.14);scrollbar-width:thin}
.cynduq-page-tabs button,.cynduq-inline-tabs button{white-space:nowrap;border:0;border-radius:18px;padding:13px 18px;font-weight:900;cursor:pointer;background:#fff;color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.07);transition:.22s ease;letter-spacing:.01em}
.cynduq-page-tabs button:hover,.cynduq-inline-tabs button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(var(--company-primary-rgb,18,102,227),.15)}
.cynduq-page-tabs button.active,.cynduq-inline-tabs button.active{background:linear-gradient(135deg,var(--company-brand-primary,var(--company-primary,#073b7a)),var(--company-brand-secondary,var(--company-secondary,#10a9f5)));color:var(--company-text-on-primary,#fff);box-shadow:0 18px 40px rgba(var(--company-primary-rgb,18,102,227),.24)}
.cynduq-page-tabs button.active:hover,.cynduq-inline-tabs button.active:hover{background:linear-gradient(135deg,var(--company-brand-primary,var(--company-primary,#073b7a)),var(--company-brand-secondary,var(--company-secondary,#10a9f5)));color:var(--company-text-on-primary,#fff)}
.cynduq-tab-panel{display:none!important;animation:cynduqTabIn .28s ease both}
.cynduq-tab-panel.active{display:block!important}
@keyframes cynduqTabIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.favourite-page-shell,.archive-page-shell{padding:24px!important}
.favourite-group{margin-bottom:30px}
.favourite-group h2{font-size:24px;margin:0 0 14px;color:#0f172a}
.favourite-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px!important}
.polished-fav-card{position:relative;display:flex!important;flex-direction:column;gap:18px;min-height:160px;padding:20px!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffff,#f8fbff)!important;border:1px solid rgba(var(--company-primary-rgb,18,102,227),.16)!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;cursor:pointer;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.polished-fav-card:before{content:"";position:absolute;inset:auto -45px -65px auto;width:150px;height:150px;border-radius:999px;background:rgba(var(--company-primary-rgb,18,102,227),.10);transition:.25s ease}
.polished-fav-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(var(--company-primary-rgb,18,102,227),.18)!important;border-color:rgba(var(--company-primary-rgb,18,102,227),.35)!important}
.polished-fav-card .fav-checkbox{position:absolute;right:18px;top:18px;width:18px!important;height:18px!important;z-index:2}
.fav-card-top{display:flex;gap:14px;align-items:flex-start;padding-right:28px;min-height:74px}
.fav-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:rgba(var(--company-primary-rgb,18,102,227),.10);font-size:21px;flex:0 0 auto}
.fav-title-wrap strong{display:block;font-size:18px;line-height:1.2;color:#0f172a!important;margin-bottom:7px}
.fav-title-wrap small{display:block;color:#475569!important;line-height:1.45;font-weight:700}
.fav-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;position:relative;z-index:2}
.fav-group-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--company-primary,#073b7a)}
.favorite-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:104px!important;justify-content:center!important;border:1px solid #cbd5e1!important;border-radius:999px!important;padding:8px 12px!important;background:#f8fafc!important;color:#334155!important;font-weight:900!important;position:static!important}
.favorite-toggle i{width:15px;height:15px;border-radius:50%;background:#94a3b8;box-shadow:inset 0 0 0 3px rgba(255,255,255,.75)}
.favorite-toggle.on{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;color:var(--company-text-on-primary,#fff)!important;border-color:transparent!important}
.favorite-toggle.on i{background:#fff}
.polished-fav-card.is-off{opacity:.84}
.polished-fav-card.is-on{border-color:rgba(var(--company-primary-rgb,18,102,227),.42)!important}

.mobile-menu-toggle{display:none;border:0;border-radius:14px;background:rgba(255,255,255,.14);color:inherit;width:42px;height:42px;align-items:center;justify-content:center;font-size:23px;font-weight:900;cursor:pointer}
.mobile-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(3px);z-index:998}

body.dashboard-theme-dark .wp-card,
body.dashboard-theme-dark .module-panel,
body.dashboard-theme-dark .service-editor-card,
body.dashboard-theme-dark .services-admin-hero,
body.dashboard-theme-dark .package-editor-card,
body.dashboard-theme-dark .root-quick-tab,
body.dashboard-theme-dark .polished-fav-card,
body.dashboard-theme-dark .favourite-link-card,
body.dashboard-theme-dark .role-card,
body.dashboard-theme-dark .organogram-node,
body.dashboard-theme-dark .cynduq-tab-panel{
  background:linear-gradient(145deg,#0f172a,#111827)!important;color:#e5eef8!important;border-color:#334155!important;
}
body.dashboard-theme-dark .wp-card *,
body.dashboard-theme-dark .module-panel *,
body.dashboard-theme-dark .service-editor-card *,
body.dashboard-theme-dark .root-quick-tab *,
body.dashboard-theme-dark .polished-fav-card *,
body.dashboard-theme-dark .favourite-link-card *{color:inherit}
body.dashboard-theme-dark h1,body.dashboard-theme-dark h2,body.dashboard-theme-dark h3,body.dashboard-theme-dark h4,body.dashboard-theme-dark strong,body.dashboard-theme-dark label,body.dashboard-theme-dark .wp-heading,body.dashboard-theme-dark .fav-title-wrap strong{color:#f8fafc!important}
body.dashboard-theme-dark p,body.dashboard-theme-dark small,body.dashboard-theme-dark .staff-muted,body.dashboard-theme-dark .fav-title-wrap small{color:#cbd5e1!important}
body.dashboard-theme-dark input,body.dashboard-theme-dark textarea,body.dashboard-theme-dark select{background:#0b1120!important;color:#f8fafc!important;border-color:#334155!important}
body.dashboard-theme-dark .cynduq-page-tabs,body.dashboard-theme-dark .cynduq-inline-tabs{background:#0b1120!important;border-color:#263347!important}
body.dashboard-theme-dark .cynduq-page-tabs button,body.dashboard-theme-dark .cynduq-inline-tabs button{background:#1e293b!important;color:#e5eef8!important}
body.dashboard-theme-dark .cynduq-page-tabs button.active,body.dashboard-theme-dark .cynduq-inline-tabs button.active{background:linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;color:var(--company-text-on-primary,#fff)!important}
body.dashboard-theme-dark .global-search-results{background:#0f172a!important;border-color:#334155!important}
body.dashboard-theme-dark .global-search-results a,body.dashboard-theme-dark .global-search-results strong{color:#f8fafc!important}
body.dashboard-theme-dark .global-search-results small{color:#cbd5e1!important}
body.dashboard-theme-dark .root-dashboard-quick-tabs .root-quick-tab strong{color:#ffffff!important}
body.dashboard-theme-dark .root-dashboard-quick-tabs .root-quick-tab span{color:#dbeafe!important}

.company-brand-active .module-hero,
.staff-brand-active .module-hero,
.company-brand-active .services-admin-hero,
.company-brand-active .vote-admin-hero,
.staff-brand-active .vote-admin-hero{
  background:radial-gradient(circle at 88% 4%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,var(--company-sidebar,var(--company-primary,#073b7a)) 0%,var(--company-primary,#073b7a) 58%,var(--company-secondary,#10a9f5) 100%)!important;
  color:var(--company-text-on-primary,#fff)!important;
}

@media(max-width:900px){
  body{overflow-x:hidden}
  .mobile-menu-toggle{
    display:inline-flex!important;
    flex:0 0 auto!important;
    position:relative!important;
    z-index:1003!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .admin-shell{display:block!important}
  .admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(82vw,310px)!important;max-width:310px!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;z-index:999!important;overflow-y:auto!important;border-radius:0!important}
  .admin-sidebar.is-open{transform:translateX(0)!important}
  body.sidebar-open .mobile-sidebar-backdrop{display:block!important}
  .admin-main{margin-left:0!important;width:100%!important;min-width:0!important}
  .admin-content{padding:18px 14px 90px!important}
  .admin-topbar,.company-topbar,.staff-topbar,.root-admin-topbar{
    position:relative!important;
    top:auto!important;
    z-index:20!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 14px!important;
    min-height:auto!important;
    height:auto!important;
    isolation:isolate!important;
  }
  .admin-topbar > strong,.company-topbar > strong,.staff-topbar > strong,.root-admin-topbar > strong{font-size:16px!important;line-height:1.2!important;max-width:calc(100% - 58px)!important}
  .admin-topbar .mobile-menu-toggle,
  .company-topbar .mobile-menu-toggle,
  .staff-topbar .mobile-menu-toggle,
  .root-admin-topbar .mobile-menu-toggle{
    order:-1!important;
  }
  .company-top-actions,.root-top-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;font-size:14px!important}
  .top-notification-link,.root-notification-button{padding:8px 12px!important;font-size:14px!important;border-radius:999px!important}
  .global-live-search{order:20!important;flex:1 1 100%!important;min-width:0!important;max-width:none!important;margin:4px 0 0!important}
  .global-live-search-input{height:42px!important;min-height:42px!important;border-radius:16px!important}
  .global-search-results{position:fixed!important;top:78px!important;left:12px!important;right:12px!important;max-width:none!important}
  .wp-cards,.office-suite-grid,.service-editor-grid,.grid,.module-form-grid,.favourite-link-grid{grid-template-columns:1fr!important}
  .module-hero{padding:24px!important;border-radius:24px!important}
  .module-hero h1{font-size:28px!important}
  .cynduq-page-tabs,.cynduq-inline-tabs{position:sticky;top:0;z-index:12;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px);margin:12px 0 16px!important}
  body.dashboard-theme-dark .cynduq-page-tabs,body.dashboard-theme-dark .cynduq-inline-tabs{background:rgba(15,23,42,.95)!important}
}


/* CYNDUQ EMERGENCY STAFF LAYOUT FIX: restore full dashboard width + clean staff mobile */
@media (min-width:901px){
  body.staff-dashboard-body .admin-shell,
  body.company-dashboard-body .admin-shell,
  body.root-dashboard-body .admin-shell{
    display:flex!important;
    align-items:stretch!important;
    min-height:100vh!important;
    width:100%!important;
  }

  body.staff-dashboard-body .admin-sidebar,
  body.company-dashboard-body .admin-sidebar,
  body.root-dashboard-body .admin-sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:280px!important;
    max-width:280px!important;
    transform:none!important;
    z-index:50!important;
    overflow-y:auto!important;
  }

  body.root-dashboard-body .admin-sidebar{
    width:260px!important;
    max-width:260px!important;
  }

  body.staff-dashboard-body .admin-main,
  body.company-dashboard-body .admin-main{
    margin-left:280px!important;
    width:calc(100% - 280px)!important;
    max-width:none!important;
    min-width:0!important;
    display:block!important;
  }

  body.root-dashboard-body .admin-main{
    margin-left:260px!important;
    width:calc(100% - 260px)!important;
    max-width:none!important;
    min-width:0!important;
    display:block!important;
  }

  body.staff-dashboard-body .admin-content,
  body.company-dashboard-body .admin-content,
  body.root-dashboard-body .admin-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:28px 34px 70px!important;
    box-sizing:border-box!important;
  }

  body.staff-dashboard-body .admin-topbar,
  body.company-dashboard-body .admin-topbar,
  body.root-dashboard-body .admin-topbar{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:16px!important;
    min-height:72px!important;
    height:auto!important;
    padding:14px 24px!important;
    box-sizing:border-box!important;
    z-index:60!important;
  }

  body.staff-dashboard-body .admin-topbar > strong,
  body.company-dashboard-body .admin-topbar > strong,
  body.root-dashboard-body .admin-topbar > strong{
    flex:0 0 auto!important;
    max-width:360px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }

  body.staff-dashboard-body .global-live-search,
  body.company-dashboard-body .global-live-search,
  body.root-dashboard-body .global-live-search{
    flex:0 1 330px!important;
    min-width:220px!important;
    max-width:340px!important;
    margin:0 12px!important;
    order:initial!important;
  }

  body.staff-dashboard-body .company-top-actions,
  body.company-dashboard-body .company-top-actions,
  body.root-dashboard-body .root-top-actions{
    margin-left:auto!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    font-size:15px!important;
  }

  .mobile-menu-toggle,
  .mobile-sidebar-backdrop{
    display:none!important;
  }

  body.staff-dashboard-body .staff-mobile-bottom-nav{
    display:none!important;
  }

  body.staff-dashboard-body .wp-cards,
  body.company-dashboard-body .wp-cards,
  body.root-dashboard-body .wp-cards{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    gap:16px!important;
  }

  body.staff-dashboard-body .office-suite-grid,
  body.company-dashboard-body .office-suite-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
    gap:18px!important;
  }

  body.root-dashboard-body .root-quick-tab-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

@media (max-width:900px){
  body.staff-dashboard-body .admin-shell,
  body.company-dashboard-body .admin-shell,
  body.root-dashboard-body .admin-shell{
    display:block!important;
    width:100%!important;
    min-height:100vh!important;
  }

  body.staff-dashboard-body .admin-sidebar,
  body.company-dashboard-body .admin-sidebar,
  body.root-dashboard-body .admin-sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(84vw,310px)!important;
    max-width:310px!important;
    transform:translateX(-110%)!important;
    transition:transform .25s ease!important;
    z-index:9999!important;
    overflow-y:auto!important;
  }

  body.staff-dashboard-body .admin-sidebar.is-open,
  body.company-dashboard-body .admin-sidebar.is-open,
  body.root-dashboard-body .admin-sidebar.is-open{
    transform:translateX(0)!important;
  }

  body.staff-dashboard-body .admin-main,
  body.company-dashboard-body .admin-main,
  body.root-dashboard-body .admin-main{
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  body.staff-dashboard-body .admin-content,
  body.company-dashboard-body .admin-content,
  body.root-dashboard-body .admin-content{
    width:100%!important;
    max-width:none!important;
    padding:16px 14px 92px!important;
    box-sizing:border-box!important;
  }

  body.staff-dashboard-body .admin-topbar,
  body.company-dashboard-body .admin-topbar,
  body.root-dashboard-body .admin-topbar{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    min-height:auto!important;
    height:auto!important;
    padding:12px 14px!important;
    z-index:80!important;
  }

  body.staff-dashboard-body .admin-topbar > strong,
  body.company-dashboard-body .admin-topbar > strong,
  body.root-dashboard-body .admin-topbar > strong{
    flex:1 1 calc(100% - 56px)!important;
    max-width:calc(100% - 56px)!important;
    line-height:1.25!important;
    font-size:16px!important;
  }

  body.staff-dashboard-body .global-live-search,
  body.company-dashboard-body .global-live-search,
  body.root-dashboard-body .global-live-search{
    flex:1 1 100%!important;
    order:20!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:6px 0 0!important;
  }

  body.staff-dashboard-body .company-top-actions,
  body.company-dashboard-body .company-top-actions,
  body.root-dashboard-body .root-top-actions{
    flex:1 1 100%!important;
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    font-size:14px!important;
  }

  .mobile-menu-toggle{
    display:inline-flex!important;
  }

  body.sidebar-open .mobile-sidebar-backdrop{
    display:block!important;
  }

  body.staff-dashboard-body .office-suite-grid,
  body.company-dashboard-body .office-suite-grid,
  body.root-dashboard-body .root-quick-tab-grid,
  body.staff-dashboard-body .wp-cards,
  body.company-dashboard-body .wp-cards,
  body.root-dashboard-body .wp-cards,
  body.staff-dashboard-body .grid,
  body.company-dashboard-body .grid{
    grid-template-columns:1fr!important;
  }
}

/* Styled logout buttons across all dashboards */
.company-top-actions a[href*="logout"],
.root-top-actions a[href*="logout"],
.staff-topbar .company-top-actions a[href*="logout"],
.admin-topbar a[href*="logout"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ef4444,#f97316)!important;
  color:#ffffff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(239,68,68,.22)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.company-top-actions .dashboard-refresh-trigger,
.root-top-actions .dashboard-refresh-trigger,
.staff-topbar .company-top-actions .dashboard-refresh-trigger,
.staff-user-actions .dashboard-refresh-trigger,
.admin-topbar .dashboard-refresh-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.36),transparent 28%),
    linear-gradient(135deg,#0ea5e9,#14b8a6)!important;
  color:#ffffff!important;
  font:inherit!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(14,165,233,.22)!important;
  transition:transform .18s ease,filter .18s ease,background .18s ease!important;
  vertical-align:middle!important;
  position:relative!important;
}
.company-top-actions .dashboard-refresh-trigger .dashboard-refresh-icon,
.root-top-actions .dashboard-refresh-trigger .dashboard-refresh-icon,
.staff-topbar .company-top-actions .dashboard-refresh-trigger .dashboard-refresh-icon,
.staff-user-actions .dashboard-refresh-trigger .dashboard-refresh-icon,
.admin-topbar .dashboard-refresh-trigger .dashboard-refresh-icon{
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  transform:translateY(-1px)!important;
}
.company-top-actions .dashboard-refresh-trigger .sr-only,
.root-top-actions .dashboard-refresh-trigger .sr-only,
.staff-topbar .company-top-actions .dashboard-refresh-trigger .sr-only,
.staff-user-actions .dashboard-refresh-trigger .sr-only,
.admin-topbar .dashboard-refresh-trigger .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.company-top-actions .dashboard-refresh-trigger:hover,
.root-top-actions .dashboard-refresh-trigger:hover,
.staff-topbar .company-top-actions .dashboard-refresh-trigger:hover,
.staff-user-actions .dashboard-refresh-trigger:hover,
.admin-topbar .dashboard-refresh-trigger:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
}
.company-top-actions .dashboard-refresh-trigger[disabled],
.staff-user-actions .dashboard-refresh-trigger[disabled],
.admin-topbar .dashboard-refresh-trigger[disabled]{
  opacity:.75!important;
  cursor:progress!important;
}
.company-top-actions .dashboard-refresh-trigger.is-refreshing,
.staff-user-actions .dashboard-refresh-trigger.is-refreshing,
.admin-topbar .dashboard-refresh-trigger.is-refreshing{
  animation:dashboardRefreshPulse .8s ease-in-out infinite!important;
}
.company-top-actions .dashboard-refresh-trigger.is-refreshing .dashboard-refresh-icon,
.staff-user-actions .dashboard-refresh-trigger.is-refreshing .dashboard-refresh-icon,
.admin-topbar .dashboard-refresh-trigger.is-refreshing .dashboard-refresh-icon{
  animation:dashboardRefreshSpin .9s linear infinite!important;
}
.company-top-actions a[href*="logout"]:hover,
.root-top-actions a[href*="logout"]:hover,
.admin-topbar a[href*="logout"]:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}

@keyframes dashboardRefreshSpin{
  from{transform:translateY(-1px) rotate(0deg)}
  to{transform:translateY(-1px) rotate(360deg)}
}
@keyframes dashboardRefreshPulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.15)}
}

/* Prevent staff topbar/marquee from covering content */
body.staff-dashboard-body .staff-alert-bar,
body.staff-dashboard-body .hr-notification-bar{
  position:relative!important;
  z-index:10!important;
}
body.staff-dashboard-body .birthday-marquee-wrap,
body.staff-dashboard-body .dashboard-notice-marquee-wrap{
  position:relative!important;
  z-index:8!important;
  overflow:hidden!important;
}


/* CYNDUQ STAFF NOTIFICATION VISIBILITY + CLICKABLE MARQUEE FIX */
.staff-topbar .staff-top-notification-pill{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 15px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  color:var(--company-text-on-primary,#fff)!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.38),transparent 24%),
    linear-gradient(135deg,var(--company-primary,#073b7a),var(--company-secondary,#10a9f5))!important;
  box-shadow:0 14px 34px rgba(var(--company-primary-rgb,18,102,227),.28)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:95!important;
}
.staff-topbar .staff-top-notification-pill.has-unread{
  animation:staffNotifyPulse 1.8s ease-in-out infinite!important;
}
.staff-topbar .staff-top-notification-pill .staff-bell{
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.18)!important;
}
.staff-topbar .staff-top-notification-pill b{
  min-width:26px!important;
  height:26px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ef4444,#f97316)!important;
  box-shadow:0 8px 18px rgba(239,68,68,.24)!important;
}
.staff-topbar .staff-user-actions{
  gap:12px!important;
}
.staff-topbar .staff-user-actions span{
  color:var(--company-text-on-sidebar,#fff)!important;
  font-weight:800!important;
}
.staff-notification-bar-link{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer!important;
  transition:transform .2s ease, filter .2s ease!important;
}
.staff-notification-bar-link:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
.staff-notification-bar-link .bar-open{
  margin-left:auto!important;
  color:inherit!important;
  font-weight:900!important;
  text-decoration:underline!important;
  white-space:nowrap!important;
}
.dashboard-marquee-clickable{
  display:flex!important;
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer!important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease!important;
}
.dashboard-marquee-clickable:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.05)!important;
}
.dashboard-marquee-clickable .marquee-label span::after{
  content:"  →";
  font-weight:900;
}
.staff-notification-item.unread{
  border-left:5px solid var(--company-primary,#073b7a)!important;
  background:linear-gradient(135deg,rgba(var(--company-primary-rgb,18,102,227),.10),rgba(255,255,255,.95))!important;
}
.dashboard-theme-dark .staff-notification-item,
.staff-theme-dark .staff-notification-item{
  background:#111827!important;
  border-color:#243244!important;
  color:#e5eef8!important;
}
@keyframes staffNotifyPulse{
  0%,100%{box-shadow:0 14px 34px rgba(var(--company-primary-rgb,18,102,227),.25),0 0 0 0 rgba(255,255,255,.35)}
  50%{box-shadow:0 20px 45px rgba(var(--company-primary-rgb,18,102,227),.35),0 0 0 9px rgba(255,255,255,0)}
}
@media(max-width:900px){
  .staff-topbar .staff-top-notification-pill{
    flex:1 1 auto!important;
    order:10!important;
  }
  .staff-topbar .staff-user-actions{
    order:15!important;
  }
}

/* Staff topbar layout polish */
.staff-topbar{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  padding:12px 16px!important;
  min-height:auto!important;
  height:auto!important;
}
.staff-topbar-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
.staff-topbar-title{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
  line-height:1.15!important;
}
.staff-topbar-title strong{
  display:block!important;
  max-width:min(44vw,320px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:16px!important;
}
.staff-topbar-title span{
  display:block!important;
  max-width:min(44vw,320px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:800!important;
  opacity:.9!important;
}
.staff-topbar .global-live-search{
  flex:1 1 320px!important;
  min-width:220px!important;
  max-width:520px!important;
}
.staff-topbar-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  margin-left:auto!important;
}
.staff-topbar .staff-user-actions{
  align-items:center!important;
  gap:10px!important;
  padding-left:0!important;
}
.staff-topbar .staff-user-actions span{
  max-width:220px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.staff-topbar .staff-user-actions a[href*="logout"]{
  min-width:92px!important;
}
@media(max-width:900px){
  .staff-topbar{
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
  .staff-topbar-brand{
    width:100%!important;
  }
  .staff-topbar-title strong,
  .staff-topbar-title span{
    max-width:none!important;
  }
  .staff-topbar .global-live-search{
    order:10!important;
    width:100%!important;
    flex:1 1 100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .staff-topbar-actions{
    order:20!important;
    width:100%!important;
    justify-content:space-between!important;
  }
  .staff-topbar .staff-top-notification-pill{
    flex:1 1 auto!important;
    justify-content:space-between!important;
  }
  .staff-topbar .staff-user-actions{
    flex:1 1 auto!important;
    justify-content:space-between!important;
  }
  .staff-topbar .staff-user-actions span{
    max-width:none!important;
  }
}


/* CYNDUQ ROOT SUPPORT AI ASSISTANT */
.ai-support-console{
  margin:24px 0!important;
  border-radius:26px!important;
  border:1px solid rgba(37,99,235,.18)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(59,130,246,.18),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,245,249,.94))!important;
  box-shadow:0 24px 70px rgba(15,23,42,.12)!important;
  overflow:hidden!important;
}
.dashboard-theme-dark .ai-support-console,
.root-dashboard-body.dashboard-theme-dark .ai-support-console{
  background:
    radial-gradient(circle at 8% 0%,rgba(59,130,246,.18),transparent 30%),
    linear-gradient(135deg,#0f172a,#111827)!important;
  border-color:rgba(148,163,184,.22)!important;
  color:#e5edf8!important;
}
.ai-console-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#061b3d,#073b7a)!important;
  color:#fff!important;
  margin-bottom:18px!important;
}
.ai-console-head h2{
  color:#fff!important;
  margin:7px 0!important;
  font-size:30px!important;
}
.ai-console-head p{
  color:rgba(255,255,255,.85)!important;
  max-width:850px!important;
}
.ai-status-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  padding:10px 16px!important;
  font-weight:900!important;
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  box-shadow:0 16px 34px rgba(34,197,94,.24)!important;
}
.ai-chat-card{
  padding:22px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(148,163,184,.24)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.08)!important;
}
.dashboard-theme-dark .ai-chat-card,
.root-dashboard-body.dashboard-theme-dark .ai-chat-card{
  background:#111827!important;
  border-color:#263244!important;
  color:#e5edf8!important;
}
.ai-chat-card h3{
  margin-top:0!important;
  font-size:22px!important;
}
.ai-output-panel{
  margin:18px 0!important;
  padding:18px!important;
  border-radius:18px!important;
  background:rgba(2,132,199,.08)!important;
  border:1px solid rgba(2,132,199,.18)!important;
}
.ai-output-panel pre,
.ai-reply-draft textarea{
  width:100%!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:14px!important;
  line-height:1.65!important;
  color:#0f172a!important;
  background:#f8fafc!important;
  border:1px solid rgba(148,163,184,.26)!important;
  border-radius:14px!important;
  padding:14px!important;
  overflow:auto!important;
}
.dashboard-theme-dark .ai-output-panel pre,
.dashboard-theme-dark .ai-reply-draft textarea{
  color:#e5edf8!important;
  background:#020617!important;
  border-color:#263244!important;
}
.ai-reply-draft{
  margin-top:16px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(59,130,246,.10))!important;
  border:1px solid rgba(34,197,94,.22)!important;
}
.ai-scan-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:14px!important;
  margin:16px 0!important;
}
.ai-scan-grid div{
  border-radius:20px!important;
  padding:18px!important;
  background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(15,23,42,.18)!important;
}
.ai-scan-grid strong{
  display:block!important;
  color:rgba(255,255,255,.75)!important;
  font-size:13px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.ai-scan-grid span{
  display:block!important;
  font-size:30px!important;
  font-weight:900!important;
  margin-top:8px!important;
}
@media(max-width:900px){
  .ai-console-head{
    flex-direction:column!important;
  }
  .ai-support-console .grid{
    grid-template-columns:1fr!important;
  }
}


/* CYNDUQ DEDICATED AI SUPPORT CHAT BOX */
.ai-hero-chat-link{
  margin-top:10px!important;
  width:100%!important;
  text-align:center!important;
  border-radius:999px!important;
  box-shadow:0 18px 40px rgba(7,59,122,.28)!important;
}
.ai-dedicated-chat-console{
  border:1px solid rgba(34,197,94,.20)!important;
}
.ai-main-question-card textarea{
  min-height:220px!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.ai-big-submit{
  width:100%!important;
  padding:16px 20px!important;
  border-radius:18px!important;
  font-size:17px!important;
  box-shadow:0 20px 45px rgba(7,59,122,.25)!important;
}
.ai-chat-layout-grid .btn{
  margin:4px 0!important;
}
.admin-menu a[href*="support-ai.php"]{
  background:linear-gradient(135deg,rgba(7,59,122,.16),rgba(34,197,94,.12))!important;
  border-left:3px solid #22c55e!important;
}
@media(max-width:900px){
  .ai-chat-layout-grid{
    grid-template-columns:1fr!important;
  }
}

.id-card-preview-shell{display:grid;gap:12px}.id-card-preview{position:relative;width:100%;max-width:420px;aspect-ratio:0.631;overflow:hidden;border-radius:24px;border:1px solid rgba(7,59,122,.18);background:linear-gradient(135deg,#edf7ff,#fff);box-shadow:0 20px 46px rgba(15,23,42,.12)}.id-card-preview-face{position:absolute;inset:0;opacity:0;transition:opacity .18s ease}.id-card-preview-face.active{opacity:1}.id-card-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block;transform:none;filter:contrast(1.03) saturate(1.02);image-rendering:auto;backface-visibility:hidden}.id-card-preview-face:not(.has-template){background:linear-gradient(135deg,rgba(237,247,255,.92),rgba(255,255,255,.98));}.id-card-preview-face:not(.has-template)::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(7,59,122,.18),transparent 26%),radial-gradient(circle at 82% 16%,rgba(34,197,94,.14),transparent 22%),linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none}.id-card-preview-face:not(.has-template)::after{content:attr(data-side-label);position:absolute;left:16px;top:14px;padding:6px 10px;border-radius:999px;background:rgba(11,63,145,.10);color:#073b7a;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.id-card-preview-qr{position:absolute;width:22%;aspect-ratio:1;background:rgba(255,255,255,.82);border:2px solid rgba(15,23,42,.14);border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.18);z-index:3}.id-card-preview-qr::after{content:"QR";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#073b7a;letter-spacing:.12em}.id-card-preview-qr.pos-bottom-right{right:5%;bottom:5%}.id-card-preview-qr.pos-bottom-left{left:5%;bottom:5%}.id-card-preview-qr.pos-top-right{right:5%;top:5%}.id-card-preview-qr.pos-top-left{left:5%;top:5%}.id-card-preview-qr.pos-center-right{right:5%;top:50%;transform:translateY(-50%)}.id-card-preview-qr.pos-center-left{left:5%;top:50%;transform:translateY(-50%)}.id-card-preview-help{font-size:12px;color:#64748b}
.id-card-preview-tabs{display:flex;gap:10px;margin-bottom:10px}.id-card-preview-tabs button{border:1px solid rgba(7,59,122,.18);border-radius:999px;padding:8px 14px;background:#fff;color:#073b7a;font-weight:800;cursor:pointer}.id-card-preview-tabs button.active{background:linear-gradient(135deg,#073b7a,#073b7a);color:#fff;border-color:transparent}

.id-card-preview-face.has-template .preview-card-photo{display:none!important}
.id-card-preview-face.has-template .preview-card-detail-stack{display:none!important}
.id-card-preview-face.has-template .preview-card-copy{display:none!important}
.id-card-preview-face.has-template .preview-card-bars{display:none!important}

/* ID card live editor refresh */
body.modal-open{overflow:hidden}
.id-card-preview{cursor:pointer}
.id-card-preview-image{object-fit:contain!important;object-position:center center!important;transform:none!important;filter:contrast(1.03) saturate(1.02)!important;inset:0!important;width:100%!important;height:100%!important;image-rendering:auto!important;backface-visibility:hidden!important}
.id-card-preview-image.zoom-portrait,.id-card-preview-image.zoom-landscape{transform:none!important}
.preview-card-live-copy{position:absolute;left:5%;top:8%;right:5%;bottom:10%;z-index:2;display:flex;flex-direction:column;gap:8px;pointer-events:auto}
.preview-edit-chip{border:0;background:rgba(255,255,255,.74);color:#073b7a;font-weight:900;border-radius:12px;padding:7px 10px;text-align:left;box-shadow:0 10px 24px rgba(15,23,42,.08);backdrop-filter:blur(8px);cursor:pointer}
.preview-edit-chip:hover{background:rgba(255,255,255,.92)}
.preview-main-chip{font-size:18px;line-height:1.15;padding:9px 12px}
.preview-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.design-editor-overlay{position:fixed;inset:0;z-index:10005;display:grid;place-items:center;padding:18px}
.design-editor-overlay[hidden]{display:none!important}
.design-editor-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(10px)}
.design-editor-modal{position:relative;width:min(1180px,100%);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#ffffff,#f8fbff);border-radius:28px;box-shadow:0 34px 120px rgba(2,6,23,.42);border:1px solid rgba(7,59,122,.16);padding:18px}
.design-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.design-editor-head h3{margin:0;font-size:24px}
.design-editor-actions{display:flex;align-items:center;gap:10px}
.design-editor-close,.design-editor-save{width:42px;height:42px;border-radius:999px;border:0;font-weight:900;cursor:pointer}
.design-editor-close{background:#ffffff;color:#0f172a;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12)}
.design-editor-save{background:linear-gradient(135deg,#148a1f,#27c13d);color:#fff;box-shadow:0 14px 28px rgba(39,193,61,.24)}
.design-editor-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}
.design-editor-preview,.design-editor-fields{min-width:0}
.design-editor-card{max-width:none;width:100%;cursor:default}
.design-editor-fields{background:#fff;border-radius:22px;border:1px solid rgba(15,23,42,.08);padding:16px;box-shadow:0 18px 42px rgba(15,23,42,.06)}
.design-editor-fields .form-row{margin-bottom:12px}
.design-editor-fields input,.design-editor-fields select{background:#fff}
@media(max-width:980px){
  .design-editor-grid{grid-template-columns:1fr}
}
.id-card-preview .preview-card-front-layout,.id-card-preview .preview-card-brand,.id-card-preview .preview-brand-pill,.id-card-preview .preview-card-live-copy,.id-card-preview .preview-card-photo-live,.id-card-preview .preview-card-footer,.id-card-preview .preview-card-back-layout,.id-card-preview .preview-card-copy,.id-card-preview .preview-card-detail-stack,.id-card-preview .preview-card-photo,.id-card-preview .preview-card-bars{display:none!important}
.id-card-preview-face.has-template .template-header,
.id-card-preview-face.has-template .template-footer,
.id-card-preview-face.has-template .template-back-layout{display:none!important}
.template-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}
.template-overlay > *{pointer-events:auto}
.template-header{position:absolute;left:0;top:0;width:100%;height:11%;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3%}
.template-header .brand-mark{width:18%;height:80%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.template-header .brand-mark img{width:100%;height:100%;object-fit:contain}
.template-header .brand-copy{position:absolute;left:22%;right:6%;top:6%;text-align:center}
.template-header .brand-copy strong{display:block;color:#166534;font-size:13px;line-height:1;font-weight:900;letter-spacing:.02em;font-family:"Times New Roman",Times,serif}
.template-header .brand-copy span{display:block;color:#111827;font-size:8px;line-height:1.1;font-weight:800;letter-spacing:.25em;font-family:"Times New Roman",Times,serif}
.template-header .brand-line{position:absolute;left:0;right:0;bottom:0;height:1.2%;background:#babc1f}
.template-photo-slot{position:absolute;left:0;top:8%;width:100%;height:55%;border:0;border-radius:0;background:rgba(255,255,255,.98);background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:none;cursor:pointer;padding:0}
.template-photo-slot.has-photo{background-color:#fff}
.template-photo-slot:focus{outline:2px solid rgba(11,63,145,.35);outline-offset:-2px}
.template-name-band{position:absolute;left:0;top:64%;width:100%;height:10%;border:0;background:#0e121c;color:#fff;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center}
.template-name-band strong{display:block;font-size:11px;line-height:1.12;font-weight:900;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92%;font-family:Arial,Helvetica,sans-serif}
.template-name-band span{display:block;font-size:8px;line-height:1;font-weight:800;letter-spacing:.06em;color:#f7d235;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92%;font-family:Arial,Helvetica,sans-serif}
.template-name-band:focus{outline:2px solid rgba(11,63,145,.35);outline-offset:-2px}
.template-info-band{position:absolute;left:0;top:74%;width:100%;height:15%;background:#0da647;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 6%;font-size:8px;font-weight:800;line-height:1.1}
.template-info-row{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}
.template-info-band div{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}
.template-info-band span{font-size:7px;letter-spacing:.02em;font-family:Arial,Helvetica,sans-serif;min-width:20%}
.template-info-band strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Arial,Helvetica,sans-serif}
.template-footer{position:absolute;left:0;bottom:0;width:100%;height:7%;background:linear-gradient(90deg,#0da647 0%,#12a650 72%,#d9dc22 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;letter-spacing:.02em}
.template-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1.3%;background:#d9dc22}
.template-back-layout{position:absolute;inset:0;padding:4% 5% 3% 5%;display:flex;flex-direction:column;align-items:center;text-align:center}
.template-back-layout .back-strip{position:absolute;right:0;top:0;bottom:0;width:12%;background:#fff;border-left:1px solid rgba(0,0,0,.2)}
.template-back-layout .back-strip span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);font-size:8px;font-weight:900;color:#111827;white-space:nowrap}
.template-back-layout .back-copy{margin-top:2%;max-width:88%;font-size:7.6px;line-height:1.35;color:#111827}
.template-back-layout .back-logo{margin:5% 0 2%;width:36%;max-width:120px;height:auto}
.template-back-layout .back-note{font-size:7.6px;font-style:italic;font-weight:700;margin-top:1%}
.template-edit-overlay{position:absolute;inset:0;z-index:3}
.template-edit-photo{position:absolute;left:2.8%;top:16%;width:94.4%;height:44.8%;border:0;padding:0;background:rgba(255,255,255,.98);overflow:hidden;cursor:pointer}
.template-edit-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:contrast(1.03) saturate(1.02);backface-visibility:hidden}
.template-edit-name{position:absolute;left:0;top:61.8%;width:100%;height:10.6%;border:0;background:#0e121c;color:#fff;font-size:clamp(12px,1.7vw,15px);font-weight:900;letter-spacing:.02em;text-transform:uppercase;padding:0 12px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-edit-job{position:absolute;left:0;top:72.1%;width:100%;height:6.4%;border:0;background:#0e121c;color:#f7d235;font-size:clamp(10px,1.3vw,12px);font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:0 12px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-edit-info{position:absolute;left:0;top:78.4%;width:100%;height:14.9%;background:#0da647;color:#fff;padding:2.9% 6%;display:flex;flex-direction:column;justify-content:center;gap:2px}
.template-edit-row{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;padding:0;font:inherit;cursor:pointer;text-align:left}
.template-edit-row span{font-size:clamp(8px,1vw,11px);font-weight:800;letter-spacing:.02em}
.template-edit-row strong{font-size:clamp(9px,1.2vw,12px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.template-edit-row.template-edit-dept{grid-template-columns:1fr}
.template-edit-row.template-edit-dept span{display:none}
.template-edit-row.template-edit-dept strong{text-align:center;font-style:italic;font-weight:800;font-size:clamp(8px,1vw,10px)}
.template-edit-photo:focus,.template-edit-name:focus,.template-edit-job:focus,.template-edit-row:focus{outline:2px solid rgba(255,255,255,.72);outline-offset:-2px}

.generated-card{max-width:360px;aspect-ratio:0.631;background:linear-gradient(145deg,#f8fbff,#fff);filter:saturate(1.04);box-shadow:0 20px 52px rgba(15,23,42,.14),0 0 0 1px rgba(255,255,255,.78),0 0 0 8px rgba(11,63,145,.03)}
.generated-card:before{content:"";position:absolute;inset:-8% -6% auto auto;width:52%;height:24%;background:radial-gradient(circle at 78% 12%,rgba(247,210,53,.25),rgba(247,210,53,0) 58%);pointer-events:none;z-index:0}
.generated-card:after{content:"";position:absolute;inset:auto auto -8% -6%;width:44%;height:22%;background:radial-gradient(circle at 30% 82%,rgba(13,166,71,.14),rgba(13,166,71,0) 62%);pointer-events:none;z-index:0}
.generated-card .id-card-preview-face::before,
.generated-card .id-card-preview-face::after{display:none!important}
.generated-card .logo-card{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
.generated-card .logo-card:before{content:"";position:absolute;inset:-30% -20% auto auto;width:72%;height:42%;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.72),rgba(255,255,255,.18) 28%,rgba(255,255,255,0) 68%);transform:rotate(-12deg);pointer-events:none;z-index:0}
.generated-card .logo-card:after{content:"";position:absolute;left:-12%;top:24%;width:68%;height:14%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:skewY(-10deg);opacity:.8;pointer-events:none;z-index:0}
.logo-card__header{position:relative;height:15%;display:flex;align-items:center;gap:10px;padding:3.5% 4% 2.7%;background:linear-gradient(135deg,#073b7a 0%,#0d6519 100%);color:#fff;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(255,255,255,.18),0 10px 24px rgba(11,63,145,.08)}
.logo-card__header:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%,rgba(255,255,255,.08) 72%,rgba(255,255,255,0));pointer-events:none}
.logo-card__header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(247,210,53,.98),rgba(255,255,255,.32));pointer-events:none}
.logo-card__mark{position:relative;width:14%;max-width:58px;height:100%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(255,255,255,.95);border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(2,6,23,.2),inset 0 1px 0 rgba(255,255,255,.8)}
.logo-card__mark img{width:100%;height:100%;object-fit:contain;padding:8%}
.logo-card__mark span{font-size:16px;font-weight:900;letter-spacing:.06em;color:#0d6519}
.logo-card__titles{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;text-shadow:0 1px 0 rgba(0,0,0,.12)}
.logo-card__titles strong{font-size:15px;line-height:1.05;font-weight:900;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.logo-card__titles span{font-size:7px;line-height:1.1;letter-spacing:.34em;font-weight:800;opacity:.92;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logo-card__content{position:absolute;left:0;right:0;top:15%;bottom:18%;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,42%) minmax(0,58%);align-items:stretch;gap:8px;padding:10px 11px 8px;z-index:1}
.logo-card__photo{align-self:center;justify-self:center;width:58%;max-width:130px;height:100%;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#edf7ff,#fff);border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 26px rgba(15,23,42,.08),inset 0 0 0 1px rgba(255,255,255,.7);position:relative}
.logo-card__photo:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,0) 38%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0));pointer-events:none}
.logo-card__photo:after{content:"";position:absolute;inset:10% 12%;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 0 0 1px rgba(11,63,145,.06);pointer-events:none}
.logo-card__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.logo-card__photo:not(.has-photo){background:linear-gradient(145deg,#f9fcff,#ffffff);border:1px solid rgba(15,23,42,.05);box-shadow:0 10px 22px rgba(15,23,42,.05),inset 0 0 0 1px rgba(255,255,255,.74)}
.logo-card__photo.has-photo{background:#fff}
.logo-card__photo.preview-edit-chip{padding:0;background:linear-gradient(145deg,#edf7ff,#fff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);border-radius:18px}
.logo-card__photo.preview-edit-chip:hover{background:linear-gradient(145deg,#edf7ff,#fff)}
.logo-card__details{display:flex;flex-direction:column;gap:6px;min-width:0}
.logo-card__detail{display:flex;flex-direction:column;gap:2px;padding:6px 9px;border-radius:13px;background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 20px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.82)}
.logo-card__detail span{font-size:7px;font-weight:800;letter-spacing:.16em;color:#64748b;text-transform:uppercase}
.logo-card__detail strong{font-size:11.5px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.logo-card__detail.inline{flex-direction:row;align-items:center;justify-content:space-between}
.logo-card__detail.inline strong{font-size:11px;max-width:68%;text-align:right}
.logo-card__footer{position:absolute;left:0;right:0;bottom:0;height:10%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:linear-gradient(90deg,#0d6519 0%,#12a650 72%,#d9dc22 100%);color:#fff;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 -10px 24px rgba(13,166,71,.08)}
.logo-card__footer:before{content:"";position:absolute;left:-15%;top:-12%;width:55%;height:140%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:skewX(-18deg);pointer-events:none}
.logo-card__footer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 40%,rgba(255,255,255,.08));pointer-events:none}
.logo-card__footer span{font-size:7.6px;font-weight:800;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72%}
.logo-card__qr{right:4%;bottom:14%;position:absolute;filter:drop-shadow(0 8px 14px rgba(15,23,42,.14))}
.logo-card--back{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.logo-card--back:before{content:"";position:absolute;inset:-20% auto auto -18%;width:48%;height:32%;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.68),rgba(255,255,255,.16) 30%,rgba(255,255,255,0) 72%);transform:rotate(14deg);pointer-events:none;z-index:0}
.logo-card__back-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:11px 12px 9px;background:linear-gradient(135deg,#073b7a 0%,#0d6519 100%);color:#fff;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(255,255,255,.18),0 10px 24px rgba(11,63,145,.08)}
.logo-card__back-head:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.16),rgba(255,255,255,0) 40%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0));pointer-events:none}
.logo-card__back-head img{width:16%;max-width:48px;height:auto;object-fit:contain}
.logo-card__back-head strong{font-size:12px;font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logo-card__back-head span{font-size:7px;letter-spacing:.28em;font-weight:800;text-transform:uppercase;text-align:center}
.logo-card__back-body{position:absolute;left:0;right:0;top:24%;bottom:10%;padding:10px 12px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;z-index:1}
.logo-card__back-body p{margin:0;font-size:7.6px;line-height:1.42;color:#0f172a;text-align:center}
.logo-card__back-box{margin-top:auto;padding:8px 10px;border-radius:14px;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 20px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.72)}
.logo-card__back-box strong{font-size:7.6px;letter-spacing:.18em;text-transform:uppercase;color:#073b7a}
.logo-card__back-box span{font-size:6.8px;line-height:1.32;color:#334155}
.logo-card__back-footer{position:absolute;left:0;right:0;bottom:0;height:10%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0d6519 0%,#12a650 72%,#d9dc22 100%);color:#fff;font-size:7.4px;font-weight:800;letter-spacing:.02em;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 -10px 24px rgba(13,166,71,.08)}
.logo-card__back-footer:before{content:"";position:absolute;left:-14%;top:-20%;width:60%;height:140%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.16),rgba(255,255,255,0));transform:skewX(-18deg);pointer-events:none}
.logo-card__back-footer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 40%,rgba(255,255,255,.08));pointer-events:none}
.preview-edit-chip{border:0;background:rgba(255,255,255,.88);color:#073b7a;font-weight:900;border-radius:14px;padding:8px 10px;text-align:left;box-shadow:0 10px 24px rgba(15,23,42,.08);backdrop-filter:blur(8px);cursor:pointer;text-transform:uppercase;letter-spacing:.03em}
.preview-edit-chip:hover{background:rgba(255,255,255,.98)}
.preview-main-chip{font-size:16px;line-height:1.15;padding:9px 12px}


/* CYNDUQ launch polish: tighter layout, no horizontal overflow, premium dashboard feel */
html{scrollbar-gutter:stable both-edges}
body{overflow-x:hidden}
img,svg,canvas,video{display:block;max-width:100%}
.admin-shell,.staff-shell{width:100%;max-width:100vw;overflow-x:hidden;grid-template-columns:240px minmax(0,1fr)}
.admin-main,.staff-main,.admin-content{min-width:0;overflow-x:hidden}
.admin-topbar,.staff-topbar,.root-admin-topbar{min-height:72px;height:auto;flex-wrap:wrap;gap:12px;padding:14px 20px}
.admin-topbar strong,.staff-topbar strong,.root-admin-topbar strong{letter-spacing:-.02em}
.admin-topbar .global-live-search,.staff-topbar .global-live-search,.root-admin-topbar .global-live-search{flex:1 1 320px;min-width:240px;max-width:560px}
.global-live-search-input{width:100%;min-width:0}
.company-top-actions,.root-top-actions{max-width:100%}
.company-sidebar,.staff-sidebar,.admin-sidebar{max-height:100vh;overflow:auto}
.sidebar-section-title{margin:12px 14px 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;opacity:.72}
.admin-menu a{align-items:flex-start;gap:10px;line-height:1.25}
.admin-menu a .nav-icon{width:18px;flex:0 0 18px;text-align:center}
.admin-menu a .nav-text{min-width:0;flex:1}
.admin-menu a small.staff-pro-badge{margin-left:auto;float:none}
.admin-menu a.active,.admin-menu a:hover{border-left-color:transparent}
.admin-menu a.active{box-shadow:inset 0 0 0 1px rgba(16,169,245,.25)}
.wp-card,.module-panel,.module-hero,.table-toolbar,.gallery-toolbar-advanced,.auth-card,.page-card,.feature-read-card,.chat-header-card,.chat-thread-card,.chat-compose-card,.gallery-upload-card,.gallery-stats-card,.root-quick-tab,.speed-card,.speed-panel,.speed-feature-grid div{border-radius:18px}
.wp-card,.module-panel,.module-hero,.page-card,.table-toolbar,.gallery-toolbar-advanced,.gallery-upload-card,.gallery-stats-card,.root-quick-tab,.speed-card,.speed-panel,.speed-feature-grid div{box-shadow:0 16px 40px rgba(15,23,42,.08)}
.wp-table,.module-table{border-radius:16px;overflow:hidden}
.notice{border-radius:14px}
.tabs,.cynduq-page-tabs{display:flex;gap:8px;flex-wrap:wrap;border:0;margin:0 0 18px}
.tabs a,.cynduq-page-tabs button{border-radius:999px;border:1px solid rgba(6,74,159,.14);background:#fff;padding:10px 14px;font-weight:800}
.tabs a.active,.cynduq-page-tabs button.active{background:linear-gradient(135deg,var(--company-brand-primary,var(--company-primary,#073b7a)),var(--company-brand-secondary,var(--company-secondary,#10a9f5)));color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(16,169,245,.22)}
.tabs a.active:hover,.cynduq-page-tabs button.active:hover{background:linear-gradient(135deg,var(--company-brand-primary,var(--company-primary,#073b7a)),var(--company-brand-secondary,var(--company-secondary,#10a9f5)));color:#fff;border-color:transparent}
.company-brand-active .admin-topbar,.staff-brand-active .admin-topbar{box-shadow:0 10px 30px rgba(0,0,0,.12)}
.dashboard-card-section{scroll-margin-top:100px}
@media(max-width:960px){
  .admin-shell,.staff-shell{grid-template-columns:1fr}
  .company-sidebar,.staff-sidebar,.admin-sidebar{max-height:none}
  .admin-content{padding:18px}
}
@media(max-width:760px){
  .admin-topbar,.staff-topbar,.root-admin-topbar{padding:12px 16px}
  .admin-topbar .global-live-search,.staff-topbar .global-live-search,.root-admin-topbar .global-live-search{min-width:100%;max-width:none;order:3}
  .company-top-actions,.root-top-actions{justify-content:flex-start}
}
/* Search dropdown final override: title only, bold black */
.global-live-search .global-search-results a strong,
.global-live-search .global-search-results strong,
body .global-live-search .global-search-results a strong{
  color:#000!important;
  font-weight:900!important;
}
.global-live-search .global-search-results a small,
.global-live-search .global-search-results small{
  display:none!important;
}
.global-live-search .global-search-results a{
  padding:14px 16px!important;
}