/* Shared layout, components, theme and responsive rules. */
:root {
  --ink:#18213b;
  --muted:#8a91a6;
  --line:#e9ebf1;
  --indigo:#5b5bd6;
  --orange:#f59b65;
  --bg:#f8f9fc
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'DM Sans',sans-serif;
  display:flex
}
.sidebar {
  width:244px;
  background:#fff;
  border-right:1px solid var(--line);
  min-height:100vh;
  padding:28px 18px;
  display:flex;
  flex-direction:column;
  position:fixed
}
.brand {
  font:800 21px 'Plus Jakarta Sans';
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  margin-bottom:34px
}
.brand-mark {
  background:#6363db;
  color:#fff;
  border-radius:9px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  font-size:16px
}
.brand-dot {
  color:#f49a67
}
.workspace {
  background:#f6f7fb;
  border-radius:12px;
  padding:11px;
  display:flex;
  gap:9px;
  align-items:center;
  margin-bottom:30px
}
.avatar {
  width:30px;
  height:30px;
  border-radius:9px;
  background:#f6b98e;
  color:#fff;
  font-size:10px;
  font-weight:700;
  display:grid;
  place-items:center
}
.workspace small,.profile small {
  font-size:9px;
  color:var(--muted);
  display:block;
  letter-spacing:.08em
}
.workspace strong {
  font-size:12px;
  display:block
}
.chevron {
  margin-left:auto;
  color:var(--muted)
}
.nav-label {
  font-size:9px;
  letter-spacing:.14em;
  font-weight:700;
  color:#b4bac8;
  margin:19px 12px 8px
}
.nav-item {
  height:42px;
  border-radius:9px;
  color:#7c8499;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 13px;
  font-size:12px;
  font-weight:600
}
.nav-item span {
  font-size:18px;
  width:17px;
  text-align:center
}
.nav-item.active {
  background:#ededff;
  color:#5656c9
}
.nav-count {
  margin-left:auto;
  background:#deddff;
  color:#5d5cd3;
  padding:3px 7px;
  border-radius:10px;
  font-size:10px
}
.sidebar-bottom {
  margin-top:auto;
  border-top:1px solid var(--line);
  padding:20px 8px 0;
  display:flex;
  gap:10px;
  align-items:center
}
.help-icon {
  border:1px solid #d7dbea;
  width:27px;
  height:27px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#787fa0
}
.sidebar-bottom strong {
  font-size:11px;
  display:block
}
.sidebar-bottom small {
  font-size:10px;
  color:var(--muted)
}
.main {
  margin-left:244px;
  padding:32px 42px 50px;
  max-width:1540px;
  width:calc(100% - 244px)
}
.topbar {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:31px
}
.eyebrow {
  font-size:10px;
  color:#adb3c2;
  font-weight:700;
  letter-spacing:.12em;
  margin-bottom:9px
}
.topbar h1 {
  font:800 28px 'Plus Jakarta Sans';
  letter-spacing:-.04em;
  margin:0 0 7px
}
.topbar h1 span {
  color:#f49b67;
  font-size:20px
}
.muted {
  font-size:12px;
  color:var(--muted);
  margin:0
}
.top-actions {
  display:flex;
  align-items:center;
  gap:12px
}
.icon-btn {
  border:1px solid var(--line);
  background:#fff;
  width:35px;
  height:35px;
  border-radius:10px;
  color:#81889d;
  font-size:18px;
  position:relative
}
.notif i {
  position:absolute;
  width:6px;
  height:6px;
  background:#f27f68;
  border-radius:50%;
  top:8px;
  right:8px
}
.profile {
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:7px
}
.profile strong {
  font-size:11px;
  display:block
}
.profile span {
  font-size:16px;
  color:#9298aa;
  margin-left:4px
}
.avatar.dark {
  background:#5656cb
}
.stats-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-bottom:18px
}
.stat-card {
  padding:19px 20px;
  border-radius:14px;
  min-height:142px
}
.peach {
  background:#fff0e8
}
.mint {
  background:#e8f7f0
}
.lilac {
  background:#eeedff
}
.butter {
  background:#fff8dc
}
.stat-top {
  display:flex;
  justify-content:space-between;
  margin-bottom:15px
}
.stat-icon {
  width:27px;
  height:27px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#e78d5b;
  font-size:15px
}
.mint .stat-icon {
  color:#41a982
}
.lilac .stat-icon {
  color:#6663cc
}
.butter .stat-icon {
  color:#d8ac22
}
.trend {
  font-size:10px;
  font-weight:700;
  padding-top:5px
}
.up {
  color:#3aaa7c
}
.down {
  color:#e67864
}
.neutral {
  color:#898fa2
}
.stat-label {
  font-size:9px;
  letter-spacing:.1em;
  color:#8d93a6;
  font-weight:700;
  display:block;
  margin-bottom:5px
}
.stat-card strong {
  font:800 25px 'Plus Jakarta Sans';
  display:block
}
.stat-card strong em {
  font:600 11px 'DM Sans';
  font-style:normal
}
.stat-card small {
  font-size:10px;
  color:#9298a8
}
.content-grid {
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:18px;
  margin-bottom:18px
}
.panel {
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px
}
.panel-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}
.panel h2 {
  font:800 15px 'Plus Jakarta Sans';
  letter-spacing:-.02em;
  margin:0 0 5px
}
.panel select,.filter-btn {
  border:1px solid var(--line);
  background:#fff;
  border-radius:8px;
  color:#737a8f;
  font:600 10px 'DM Sans';
  padding:8px 10px
}
.legend {
  display:flex;
  gap:18px;
  font-size:10px;
  color:#858c9f;
  margin:23px 0 10px
}
.dot {
  width:7px;
  height:7px;
  border-radius:50%;
  display:inline-block;
  margin-right:6px
}
.indigo {
  background:var(--indigo)
}
.orange {
  background:var(--orange)
}
.chart {
  height:160px;
  display:flex
}
.y-axis {
  width:26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding-bottom:20px;
  font-size:9px;
  color:#bbc0cc
}
.plot {
  flex:1;
  position:relative;
  display:flex
}
.gridline {
  position:absolute;
  left:0;
  right:0;
  border-top:1px dashed #edf0f4
}
.gridline:nth-child(1) {
  top:0
}
.gridline:nth-child(2) {
  top:25%
}
.gridline:nth-child(3) {
  top:50%
}
.gridline:nth-child(4) {
  top:75%
}
.gridline:nth-child(5) {
  top:100%
}
.bars {
  display:flex;
  align-items:flex-end;
  justify-content:space-around;
  position:absolute;
  inset:0;
  padding:0 10px 20px
}
.bar-group {
  height:100%;
  display:flex;
  align-items:flex-end;
  gap:3px;
  position:relative;
  width:32px
}
.bar {
  width:8px;
  border-radius:5px 5px 2px 2px;
  z-index:1
}
.bar.social {
  background:#6665db
}
.bar.follow {
  background:#f5a06c
}
.bar-group label {
  position:absolute;
  bottom:-18px;
  font-size:9px;
  color:#a6acbb;
  left:0
}
.more {
  border:0;
  background:none;
  color:#9aa0b1;
  letter-spacing:2px
}
.rank-list {
  margin-top:17px
}
.rank {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #f0f1f5
}
.rank>b {
  font-size:10px;
  color:#afb4c1;
  width:16px
}
.rank.first>b {
  color:#f4a168
}
.person-photo,.mini-avatar {
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:9px;
  font-weight:700
}
.person-photo {
  width:30px;
  height:30px
}
.photo-1 {
  background:#e5a27d
}
.photo-2 {
  background:#6f92ad
}
.photo-3 {
  background:#b27b68
}
.photo-4 {
  background:#8e84ba
}
.person {
  flex:1
}
.person strong {
  font-size:11px;
  display:block
}
.person small {
  color:#a0a6b5;
  font-size:10px
}
.rank-score {
  font:800 13px 'Plus Jakarta Sans'
}
.text-btn {
  border:0;
  background:none;
  color:#5e5ed0;
  font-size:10px;
  font-weight:700;
  margin-top:17px;
  padding:0
}
.text-btn span {
  font-size:15px;
  margin-left:5px
}
.submissions {
  padding-bottom:10px
}
.heading-actions {
  display:flex;
  gap:9px
}
.filter-btn span {
  background:#eeedff;
  color:#5e5ed1;
  border-radius:5px;
  padding:2px 5px;
  margin-left:5px
}
.primary {
  border:0;
  background:#5d5dd4;
  color:#fff;
  border-radius:8px;
  padding:10px 14px;
  font:700 10px 'DM Sans';
  cursor:pointer;
  box-shadow:0 4px 12px #5d5dd42b
}
.tabs {
  display:flex;
  gap:22px;
  border-bottom:1px solid var(--line);
  margin-top:19px
}
.tab {
  background:none;
  border:0;
  padding:11px 0 12px;
  color:#a1a7b6;
  font:600 11px 'DM Sans';
  position:relative;
  cursor:pointer
}
.tab.active {
  color:#5959cf
}
.tab.active:after {
  content:'';
  height:2px;
  position:absolute;
  bottom:-1px;
  left:0;
  right:0;
  background:#5959cf
}
.tab span {
  background:#f2f3f7;
  border-radius:4px;
  padding:2px 5px;
  font-size:9px;
  margin-left:4px
}
.tab.active span {
  background:#eeedff;
  color:#5d5dd4
}
.table-wrap {
  overflow:auto
}
table {
  width:100%;
  border-collapse:collapse;
  min-width:720px
}
th {
  text-align:left;
  font-size:9px;
  color:#afb4c1;
  letter-spacing:.08em;
  padding:16px 10px 11px
}
td {
  padding:11px 10px;
  border-top:1px solid #f0f1f5;
  font-size:10px;
  color:#8b92a4
}
.member-cell {
  display:flex;
  align-items:center;
  gap:8px
}
.member-cell strong {
  color:#30384e;
  font-size:11px
}
.mini-avatar {
  width:25px;
  height:25px
}
.type-chip {
  font-size:9px;
  border-radius:5px;
  padding:5px 7px;
  font-weight:600;
  white-space:nowrap
}
.type-chip i {
  font-style:normal;
  margin-right:4px
}
.social-chip {
  color:#5c5ccc;
  background:#eeedff
}
.follow-chip {
  color:#d87b4e;
  background:#fff0e5
}
.platform {
  display:block;
  color:#5e6579;
  font-weight:700;
  margin-bottom:3px
}
.table-wrap a {
  color:#6a6ad3;
  text-decoration:none;
  font-size:9px
}
.status {
  font-size:9px;
  font-weight:700;
  padding:5px 7px;
  border-radius:5px;
  white-space:nowrap
}
.status.done {
  color:#2a9d70;
  background:#e6f7ef
}
.status.review {
  color:#d78c35;
  background:#fff5dc
}
.row-menu {
  border:0;
  background:none;
  color:#aaaebe;
  letter-spacing:2px
}
.table-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#a1a7b5;
  font-size:10px;
  padding:17px 10px 4px
}
.table-footer button {
  border:0;
  background:none;
  color:#9ca2b2;
  width:25px;
  height:25px;
  border-radius:6px
}
.table-footer .page-current {
  background:#ededff;
  color:#5d5dd4;
  font-weight:700
}
.modal-backdrop {
  display:none;
  position:fixed;
  inset:0;
  background:#18213b66;
  z-index:5;
  align-items:center;
  justify-content:center
}
.modal-backdrop.show {
  display:flex
}
.modal {
  background:#fff;
  width:470px;
  border-radius:16px;
  padding:28px;
  position:relative;
  box-shadow:0 20px 60px #1b234433
}
.modal-close {
  position:absolute;
  right:17px;
  top:14px;
  border:0;
  background:none;
  font-size:23px;
  color:#a1a7b6
}
.modal-kicker {
  color:#5d5dd4;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em
}
.modal h2 {
  font:800 22px 'Plus Jakarta Sans';
  margin:7px 0
}
.choice-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:22px 0
}
.choice {
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  text-align:left;
  padding:13px;
  cursor:pointer;
  color:var(--ink)
}
.choice.selected {
  border:2px solid #6564d7;
  background:#f5f5ff
}
.choice>span {
  font-size:18px;
  color:#6868d8;
  display:block;
  margin-bottom:7px
}
.choice:nth-child(2)>span {
  color:#eb925e
}
.choice strong {
  display:block;
  font-size:10px
}
.choice small {
  display:block;
  color:#9ba1b0;
  font-size:9px;
  margin-top:4px
}
label {
  display:block;
  font-size:10px;
  color:#72798c;
  font-weight:700;
  margin-top:14px
}
label select,label input {
  display:block;
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:11px;
  margin-top:7px;
  font:10px 'DM Sans';
  color:#414961
}
.upload {
  border:1px dashed #cfd2e3;
  border-radius:8px;
  padding:15px;
  text-align:center;
  margin-top:7px;
  color:#6565d5;
  font-size:18px
}
.upload span {
  font-size:10px;
  color:#686f83;
  font-weight:600
}
.upload small {
  display:block;
  color:#a9afbd;
  font-size:9px;
  margin-top:4px
}
.full {
  width:100%;
  margin-top:21px;
  padding:12px
}
@media(max-width:1050px) {
  .sidebar {
    width:205px
  }
  .main {
    margin-left:205px;
    width:calc(100% - 205px);
    padding:25px
  }
  .stats-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .content-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:700px) {
  .sidebar {
    display:none
  }
  .main {
    margin:0;
    width:100%;
    padding:20px 14px
  }
  .topbar {
    gap:15px
  }
  .topbar h1 {
    font-size:21px
  }
  .profile {
    display:none
  }
  .top-actions {
    margin-top:5px
  }
  .stats-grid {
    grid-template-columns:1fr 1fr;
    gap:10px
  }
  .stat-card {
    padding:14px;
    min-height:125px
  }
  .stat-card strong {
    font-size:21px
  }
  .heading-actions .filter-btn {
    display:none
  }
  .panel {
    padding:16px
  }
  .tabs {
    gap:13px;
    overflow:auto
  }
  .tab {
    white-space:nowrap
  }
  .modal {
    width:calc(100% - 28px);
    padding:22px
  }
  .choice-grid {
    gap:7px
  }
}
/* =========================================================
   PREMIUM UI V4 — MASTER PANEL
   ========================================================= */
:root {
  --ink:#20273d;
  --muted:#8c93a7;
  --line:#e9eaf3;
  --indigo:#625bd9;
  --orange:#ee966b;
  --bg:#f6f7fb;
  --surface:#ffffff;
  --soft-indigo:#f1efff;
  --soft-shadow:0 14px 36px rgba(39,46,92,.075);
  --hover-shadow:0 18px 42px rgba(39,46,92,.11);
}
body {
  background:     radial-gradient(circle at 82% 0%,rgba(104,96,225,.075),transparent 28%),     linear-gradient(180deg,#f8f9fd 0%,#f5f6fa 100%);
}
.sidebar {
  width:252px;
  padding:26px 18px 22px;
  background:rgba(255,255,255,.93);
  border-right:1px solid #ececf4;
  box-shadow:8px 0 30px rgba(44,51,91,.025);
  backdrop-filter:blur(12px);
  z-index:10;
}
.brand {
  margin-bottom:28px;
  padding:0 11px;
  font-size:20px;
  letter-spacing:-.035em;
}
.brand-mark {
  width:30px;
  height:30px;
  border-radius:10px;
  background:linear-gradient(135deg,#746de5 0%,#5752ca 100%);
  box-shadow:0 8px 18px rgba(91,85,205,.22);
}
.workspace {
  margin-bottom:28px;
  padding:12px;
  border:1px solid #ececf5;
  border-radius:14px;
  background:linear-gradient(180deg,#fafaff 0%,#f6f7fb 100%);
}
.avatar {
  width:32px;
  height:32px;
  border-radius:10px;
  background:linear-gradient(135deg,#f5b58c,#e89a71);
  box-shadow:0 6px 15px rgba(231,148,102,.18);
}
.nav-label {
  margin:20px 11px 8px;
  color:#b6bac8;
  font-size:8.5px;
}
.nav-item {
  min-height:43px;
  height:auto;
  margin-bottom:4px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:11px;
  color:#7d8498;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}
.nav-item:hover {
  color:#5550c9;
  background:#f7f6ff;
  transform:translateX(2px);
}
.nav-item.active {
  color:#514dc5;
  background:linear-gradient(135deg,#f0efff 0%,#ebeaff 100%);
  border-color:#e4e1ff;
  box-shadow:inset 3px 0 0 #6b65dc;
}
.nav-count {
  background:#fff;
  color:#615bd4;
  border:1px solid #dedcff;
  box-shadow:0 3px 8px rgba(92,85,205,.06);
}
.sidebar-bottom {
  padding:18px 7px 0;
  border-top:1px solid #f0f1f5;
}
.help-icon {
  width:30px;
  height:30px;
  border-color:#dedfeb;
  background:#fafaff;
}
.main {
  margin-left:252px;
  width:calc(100% - 252px);
  max-width:none;
  padding:34px 42px 54px;
}
.topbar {
  align-items:center;
  margin-bottom:28px;
}
.topbar .eyebrow {
  display:inline-flex;
  align-items:center;
  min-height:26px;
  margin-bottom:10px;
  padding:0 10px;
  border-radius:999px;
  background:#eeecff;
  color:#7973d8;
  font-size:8.5px;
}
.topbar h1 {
  margin-bottom:8px;
  font-size:30px;
  line-height:1.08;
}
.profile {
  margin-left:0;
  padding:9px 12px 9px 9px;
  border:1px solid #e7e8f1;
  border-radius:14px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(40,47,87,.055);
}
.avatar.dark {
  background:linear-gradient(135deg,#6f69df,#504bc2);
  box-shadow:0 6px 16px rgba(84,78,195,.23);
}
.stats-grid {
  gap:16px;
  margin-bottom:20px;
}
.stat-card {
  min-height:150px;
  padding:20px 21px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:18px;
  box-shadow:0 12px 28px rgba(45,50,91,.055);
  transition:transform .2s ease,box-shadow .2s ease;
}
.stat-card:hover {
  transform:translateY(-3px);
  box-shadow:0 17px 34px rgba(45,50,91,.085);
}
.peach {
  background:linear-gradient(145deg,#fff5ef 0%,#ffede3 100%)
}
.mint {
  background:linear-gradient(145deg,#f0fbf6 0%,#e4f6ee 100%)
}
.lilac {
  background:linear-gradient(145deg,#f5f3ff 0%,#ebe9ff 100%)
}
.butter {
  background:linear-gradient(145deg,#fffaf0 0%,#fff4d9 100%)
}
.stat-icon {
  width:31px;
  height:31px;
  border-radius:10px;
  box-shadow:0 7px 16px rgba(63,68,105,.06);
}
.stat-label {
  margin-bottom:8px;
  font-size:8.5px;
}
.stat-card strong {
  margin-bottom:2px;
  font-size:28px;
  letter-spacing:-.035em;
}
.content-grid {
  gap:20px;
  margin-bottom:20px;
}
.panel {
  padding:23px;
  border:1px solid #e9eaf2;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--soft-shadow);
}
.panel h2 {
  font-size:16px;
}
.panel select,.filter-btn {
  min-height:36px;
  padding:8px 12px;
  border-color:#e2e4ed;
  border-radius:10px;
  background:#fbfbfe;
  outline:none;
  transition:border-color .18s,box-shadow .18s;
}
.panel select:focus,.filter-btn:focus {
  border-color:#8d87e5;
  box-shadow:0 0 0 4px rgba(105,99,217,.11);
}
.legend {
  margin-top:25px;
}
.rank {
  padding:11px 2px;
  border-bottom-color:#f1f2f6;
}
.rank:first-child {
  margin:2px -7px 0;
  padding:11px 9px;
  border-radius:12px;
  background:linear-gradient(90deg,#fffaf6 0%,#fff 100%);
}
.person-photo {
  width:32px;
  height:32px;
  box-shadow:0 5px 12px rgba(42,49,83,.10);
}
.text-btn {
  margin-top:18px;
  padding:8px 10px;
  border-radius:9px;
  transition:background .18s;
}
.text-btn:hover {
  background:#f3f2ff;
}
.submissions {
  padding:23px 23px 12px;
}
.tabs {
  gap:26px;
  margin-top:20px;
}
.tab {
  padding:12px 2px 13px;
  font-size:10.5px;
}
.tab.active:after {
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#6b65dd,#857fe7);
}
table {
  border-collapse:separate;
  border-spacing:0;
}
th {
  padding:17px 11px 12px;
  color:#a9aeba;
  font-size:8.5px;
}
td {
  padding:13px 11px;
  border-top-color:#f0f1f5;
}
tbody tr {
  transition:background .15s ease;
}
tbody tr:hover {
  background:#fafaff;
}
.mini-avatar {
  width:28px;
  height:28px;
  box-shadow:0 5px 11px rgba(49,55,89,.09);
}
.type-chip,.status {
  border-radius:999px;
  padding:6px 9px;
}
.social-chip {
  background:#f0efff;
}
.follow-chip {
  background:#fff2ea;
}
.status.done {
  background:#eaf8f1;
}
.status.review {
  background:#fff7e5;
}
.table-footer {
  padding-top:18px;
}
.primary {
  border-radius:10px;
  background:linear-gradient(135deg,#6862db 0%,#5751c8 100%);
  box-shadow:0 8px 18px rgba(88,81,201,.20);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.primary:hover {
  transform:translateY(-1px);
  box-shadow:0 11px 23px rgba(88,81,201,.28);
  filter:saturate(1.05);
}
@media(max-width:1050px) {
  .sidebar {
    width:214px
  }
  .main {
    margin-left:214px;
    width:calc(100% - 214px);
    padding:27px
  }
}
@media(max-width:700px) {
  .main {
    padding:18px 13px 34px
  }
  .topbar {
    align-items:flex-start
  }
  .topbar h1 {
    font-size:22px
  }
  .stats-grid {
    gap:10px
  }
  .stat-card {
    min-height:128px;
    padding:15px;
    border-radius:15px
  }
  .panel {
    padding:17px;
    border-radius:16px
  }
  .submissions {
    padding:17px 15px 10px
  }
}
/* v5 - functional master navigation sections */
html {
  scroll-behavior:smooth;
  scroll-padding-top:28px
}
.nav-item {
  cursor:pointer
}
.nav-item:hover {
  background:#f5f5ff;
  color:#5d5dd4
}
.text-btn {
  display:inline-flex;
  align-items:center;
  text-decoration:none
}
.master-section {
  margin-top:18px;
  scroll-margin-top:28px
}
.section-count {
  padding:7px 10px;
  border-radius:999px;
  background:#f3f3ff;
  color:#6363d4;
  font-size:10px;
  font-weight:700
}
.member-directory {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px
}
.member-directory-card {
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px;
  border:1px solid #edf0f6;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#fcfcff)
}
.directory-avatar {
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#efefff;
  color:#5e5ed0;
  font-size:11px;
  font-weight:800
}
.directory-copy {
  min-width:0;
  flex:1
}
.directory-copy strong {
  display:block;
  color:#30384e;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.directory-copy small {
  display:block;
  margin-top:3px;
  color:#9ba1b0;
  font-size:9px
}
.directory-status {
  padding:5px 7px;
  border-radius:999px;
  background:#e9f8f1;
  color:#2e9b73;
  font-size:8px;
  font-weight:800
}
.section-empty {
  grid-column:1/-1;
  padding:22px;
  border:1px dashed #dfe3ee;
  border-radius:13px;
  color:#9299aa;
  font-size:11px;
  text-align:center
}
.settings-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px
}
.setting-card {
  display:flex;
  gap:12px;
  padding:16px;
  border:1px solid #edf0f6;
  border-radius:14px;
  background:#fcfcff
}
.setting-icon {
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#f0efff;
  color:#6161d2;
  font-size:16px
}
.setting-card small {
  display:block;
  color:#a1a7b7;
  font-size:8px;
  letter-spacing:.1em;
  font-weight:800;
  margin-bottom:4px
}
.setting-card strong {
  display:block;
  color:#30384e;
  font-size:12px
}
.setting-card p {
  margin:5px 0 0;
  color:#959cad;
  font-size:9px;
  line-height:1.5
}
.setting-online {
  color:#26986f!important
}
#submissionRows tr[hidden] {
  display:none
}
@media(max-width:900px) {
  .member-directory {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:650px) {
  .member-directory,.settings-grid {
    grid-template-columns:1fr
  }
}
/* v6 - master task management */
.tasks-panel {
  scroll-margin-top:28px
}
.tasks-heading {
  align-items:flex-start
}
.master-flash {
  margin:16px 0 0;
  padding:11px 13px;
  border-radius:11px;
  font-size:10px;
  font-weight:700
}
.master-flash.success {
  border:1px solid #d9f1e6;
  background:#eefaf4;
  color:#278866
}
.master-flash.error {
  border:1px solid #f4dbd7;
  background:#fff3f1;
  color:#bc6259
}
.task-manager-grid {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:18px;
  margin-top:18px
}
.task-composer,.task-list-card {
  border:1px solid #eceef5;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fdfdff 100%)
}
.task-composer {
  padding:19px
}
.task-composer-title {
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:15px;
  border-bottom:1px solid #f0f1f6
}
.task-composer-icon {
  width:37px;
  height:37px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#efefff;
  color:#605bd2;
  font-size:20px;
  font-weight:700
}
.task-composer-title strong,.task-list-head strong {
  display:block;
  color:#2e374f;
  font:800 13px 'Plus Jakarta Sans'
}
.task-composer-title small,.task-list-head small {
  display:block;
  margin-top:4px;
  color:#949bae;
  font-size:9px;
  line-height:1.45
}
.task-form {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:16px
}
.task-field {
  display:block;
  color:#747b90;
  font-size:9px;
  font-weight:700
}
.task-field-wide {
  grid-column:1/-1
}
.task-field input,.task-field select,.task-field textarea {
  display:block;
  width:100%;
  margin-top:7px;
  border:1px solid #e0e3ed;
  border-radius:11px;
  background:#fff;
  color:#30394f;
  font:11px 'DM Sans';
  outline:none;
  transition:border-color .18s,box-shadow .18s
}
.task-field input,.task-field select {
  min-height:43px;
  padding:10px 11px
}
.task-field textarea {
  min-height:100px;
  padding:11px 12px;
  resize:vertical;
  line-height:1.55
}
.task-field input:focus,.task-field select:focus,.task-field textarea:focus {
  border-color:#817ae1;
  box-shadow:0 0 0 4px rgba(111,104,214,.11)
}
.task-create-btn {
  grid-column:1/-1;
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  cursor:pointer
}
.task-list-card {
  padding:17px;
  min-width:0
}
.task-list-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1px 2px 14px;
  border-bottom:1px solid #f0f1f6
}
.task-live-dot {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#57bf94;
  box-shadow:0 0 0 5px rgba(87,191,148,.12)
}
.task-master-list {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:13px;
  max-height:660px;
  overflow:auto;
  padding-right:3px
}
.task-master-item {
  padding:14px;
  border:1px solid #e9ebf3;
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 18px rgba(51,58,96,.04)
}
.task-master-item.is-inactive {
  opacity:.68;
  background:#fafafd
}
.task-master-top {
  display:flex;
  align-items:center;
  gap:9px
}
.task-kind {
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-size:14px;
  font-weight:800
}
.task-kind.social {
  background:#efefff;
  color:#5e5bd0
}
.task-kind.follow {
  background:#fff1e9;
  color:#df845c
}
.task-kind.general {
  background:#edf7f4;
  color:#4f9e86
}
.task-master-copy {
  min-width:0;
  flex:1
}
.task-master-copy strong {
  display:block;
  color:#30384e;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.task-master-copy small {
  display:block;
  margin-top:3px;
  color:#9aa1b1;
  font-size:8.5px
}
.task-state {
  padding:5px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:800
}
.task-state.on {
  background:#eaf8f1;
  color:#298d69
}
.task-state.off {
  background:#f0f1f5;
  color:#8a90a1
}
.task-master-item>p {
  margin:11px 1px 9px;
  color:#737b90;
  font-size:9.5px;
  line-height:1.55
}
.task-meta-row {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:#9097a8;
  font-size:8.5px
}
.priority-badge {
  padding:5px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:800
}
.priority-badge.high {
  background:#fff0ed;
  color:#d1675d
}
.priority-badge.normal {
  background:#f1f0ff;
  color:#6662cf
}
.priority-badge.low {
  background:#edf8f3;
  color:#4f9d7e
}
.task-target {
  margin-top:10px;
  padding:9px 10px;
  border-radius:10px;
  background:#f8f8fc
}
.task-target span {
  display:block;
  color:#a1a7b6;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.08em
}
.task-target strong {
  display:block;
  margin-top:3px;
  color:#5f677c;
  font-size:9px;
  word-break:break-word
}
.task-actions {
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid #f1f2f6
}
.task-actions form {
  margin:0
}
.task-action-btn {
  border:1px solid #e2e4ee;
  border-radius:9px;
  background:#fff;
  color:#687086;
  padding:7px 9px;
  font:700 8.5px 'DM Sans';
  cursor:pointer
}
.task-action-btn:hover {
  border-color:#bfc1e7;
  color:#5d58cd;
  background:#f8f7ff
}
.task-action-btn.danger:hover {
  border-color:#efc4bf;
  color:#c36057;
  background:#fff6f5
}
.task-empty {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:42px 20px
}
.task-empty>span {
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#f0efff;
  color:#625ed2;
  font-size:17px
}
.task-empty strong {
  margin-top:10px;
  color:#4b5369;
  font-size:11px
}
.task-empty small {
  margin-top:4px;
  color:#989faf;
  font-size:9px
}
.general-chip {
  background:#edf8f4;
  color:#408f76
}
@media(max-width:1100px) {
  .task-manager-grid {
    grid-template-columns:1fr
  }
  .task-master-list {
    max-height:none
  }
}
@media(max-width:650px) {
  .task-form {
    grid-template-columns:1fr
  }
  .task-field-wide,.task-create-btn {
    grid-column:auto
  }
  .task-composer,.task-list-card {
    padding:14px
  }
  .task-meta-row {
    gap:6px
  }
}
/* v7 - simple task manager + live per-member statistics */
.member-live-panel {
  margin-bottom:18px;
  padding:22px 22px 18px
}
.member-live-heading {
  align-items:center;
  gap:18px
}
.live-status {
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid #e8ecef;
  border-radius:999px;
  background:#fbfffd;
  color:#4d8f76;
  white-space:nowrap
}
.live-status i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4caf83;
  box-shadow:0 0 0 4px rgba(76,175,131,.10)
}
.live-status span {
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em
}
.live-status small {
  font-size:9px;
  color:#a0a7b6
}
.member-live-panel.is-offline .live-status {
  color:#ad7b42;
  background:#fffaf1
}
.member-live-panel.is-offline .live-status i {
  background:#dda25e;
  box-shadow:0 0 0 4px rgba(221,162,94,.10)
}
.member-live-table {
  display:flex;
  flex-direction:column;
  margin-top:17px;
  border:1px solid #edf0f5;
  border-radius:15px;
  overflow:hidden;
  background:#fff
}
.member-live-row {
  display:grid;
  grid-template-columns:minmax(230px,1.7fr) repeat(4,minmax(86px,.65fr));
  align-items:center;
  min-height:72px;
  padding:12px 16px;
  border-bottom:1px solid #f0f2f6;
  gap:10px;
  transition:background .18s ease
}
.member-live-row:last-child {
  border-bottom:0
}
.member-live-row:hover {
  background:#fbfbff
}
.member-live-person {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0
}
.member-live-avatar {
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(145deg,#eeedff,#e5e4ff);
  color:#5d5bd0;
  font-size:10px;
  font-weight:800
}
.member-live-person strong {
  display:block;
  color:#2d354d;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.member-live-person small {
  display:block;
  margin-top:3px;
  color:#9da3b2;
  font-size:9px
}
.member-live-metric {
  padding:6px 10px;
  border-left:1px solid #f0f2f6
}
.member-live-metric small {
  display:block;
  color:#a2a8b7;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.08em
}
.member-live-metric strong {
  display:block;
  margin-top:4px;
  color:#313950;
  font:800 16px 'Plus Jakarta Sans'
}
.member-live-empty {
  padding:28px;
  text-align:center;
  color:#959cad;
  font-size:11px
}
.simple-task-panel {
  padding-bottom:18px
}
.simple-task-add {
  display:grid;
  grid-template-columns:minmax(280px,1.35fr) minmax(220px,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:18px;
  padding:13px;
  border:1px solid #eceef5;
  border-radius:15px;
  background:#fafbfe
}
.simple-task-input {
  position:relative;
  display:flex;
  align-items:center
}
.simple-task-input>span {
  position:absolute;
  left:13px;
  width:27px;
  height:27px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#eeeeff;
  color:#5f5bd1;
  font-size:17px;
  font-weight:800;
  pointer-events:none
}
.simple-task-input input,.simple-task-reference {
  width:100%;
  min-height:46px;
  margin:0;
  border:1px solid #e2e5ee;
  border-radius:12px;
  background:#fff;
  color:#343b53;
  font:11px 'DM Sans';
  outline:none;
  transition:border-color .18s,box-shadow .18s
}
.simple-task-input input {
  padding:12px 13px 12px 51px
}
.simple-task-reference {
  padding:12px 13px
}
.simple-task-input input:focus,.simple-task-reference:focus {
  border-color:#8783de;
  box-shadow:0 0 0 4px rgba(103,99,210,.10)
}
.simple-task-add-btn {
  min-height:46px;
  margin:0;
  padding:0 18px;
  border-radius:12px;
  font-size:10px;
  box-shadow:none
}
.simple-master-task-list {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:13px
}
.simple-master-task-item {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto 34px;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border:1px solid #eceef5;
  border-radius:13px;
  background:#fff;
  transition:background .18s,border-color .18s
}
.simple-master-task-item:hover {
  background:#fcfcff;
  border-color:#dfe1ef
}
.simple-task-number {
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#f3f3fb;
  color:#858ca2;
  font-size:9px;
  font-weight:800
}
.simple-task-copy {
  min-width:0
}
.simple-task-copy strong {
  display:block;
  color:#2f374f;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.simple-task-copy small {
  display:block;
  margin-top:3px;
  color:#9ca2b2;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.simple-task-progress {
  padding:6px 9px;
  border-radius:999px;
  background:#f0f7f4;
  color:#5b8d78;
  font-size:8.5px;
  font-weight:800;
  white-space:nowrap
}
.simple-master-task-item form {
  margin:0
}
.simple-task-delete {
  width:31px;
  height:31px;
  border:0;
  border-radius:9px;
  background:#fff3f2;
  color:#d77b73;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:.18s
}
.simple-task-delete:hover {
  background:#ffe8e6;
  color:#c65f57
}
.simple-task-empty {
  margin:0
}
@media(max-width:1000px) {
  .member-live-row {
    grid-template-columns:minmax(210px,1.4fr) repeat(4,minmax(72px,.6fr));
    padding:11px 12px
  }
  .simple-task-add {
    grid-template-columns:1fr 1fr
  }
  .simple-task-add-btn {
    grid-column:1/-1
  }
}
@media(max-width:760px) {
  .member-live-heading {
    align-items:flex-start;
    flex-direction:column
  }
  .live-status {
    align-self:flex-start
  }
  .member-live-table {
    border:0;
    background:transparent;
    gap:9px;
    overflow:visible
  }
  .member-live-row {
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:14px;
    border:1px solid #edf0f5;
    border-radius:14px;
    background:#fff
  }
  .member-live-person {
    grid-column:1/-1;
    padding-bottom:12px;
    margin-bottom:8px;
    border-bottom:1px solid #f0f2f6
  }
  .member-live-metric {
    border-left:0;
    padding:8px 4px
  }
  .member-live-metric:nth-child(even) {
    border-right:1px solid #f0f2f6
  }
  .simple-task-add {
    grid-template-columns:1fr
  }
  .simple-task-add-btn {
    grid-column:auto
  }
  .simple-master-task-item {
    grid-template-columns:36px minmax(0,1fr) 32px
  }
  .simple-task-progress {
    grid-column:2/3;
    justify-self:start;
    margin-top:2px
  }
  .simple-master-task-item form {
    grid-column:3;
    grid-row:1/3
  }
  .simple-task-reference {
    min-height:44px
  }
}
.employee-simple-body {
  display:block;
  min-height:100vh;
  background:linear-gradient(135deg,#f8f9fc 0%,#f4f3ff 100%)
}
.employee-shell {
  max-width:1080px;
  margin:0 auto;
  padding:28px 24px 50px
}
.employee-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:34px
}
.employee-badge {
  background:#ededff;
  color:#5c5bd0;
  border-radius:30px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  padding:9px 13px
}
.employee-welcome {
  background:#5b5bd6;
  border-radius:17px;
  padding:27px 31px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  position:relative;
  margin-bottom:17px
}
.employee-welcome:after {
  content:'';
  position:absolute;
  width:260px;
  height:260px;
  border:1px solid #ffffff28;
  border-radius:50%;
  right:-72px;
  top:-145px
}
.employee-welcome .eyebrow {
  color:#d7d7ff
}
.employee-welcome h1 {
  font:800 26px 'Plus Jakarta Sans';
  letter-spacing:-.04em;
  margin:8px 0 7px
}
.employee-welcome h1 span {
  font-size:19px;
  color:#c5c5ff
}
.employee-welcome p {
  color:#e0e0ff
}
.welcome-mark {
  font-size:70px;
  color:#bcbcfd;
  opacity:.75;
  margin-right:55px;
  z-index:1
}
.employee-stats-simple {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:17px
}
.employee-stats-simple article {
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  gap:12px
}
.simple-stat-icon {
  width:31px;
  height:31px;
  border-radius:9px;
  background:#e9f7f0;
  color:#3da67b;
  display:grid;
  place-items:center;
  font-size:16px
}
.simple-stat-icon.social {
  color:#5e5ed1;
  background:#eeedff
}
.simple-stat-icon.follow {
  color:#d98151;
  background:#fff0e5
}
.employee-stats-simple small {
  display:block;
  color:#969dac;
  font-size:9px;
  letter-spacing:.08em;
  font-weight:700
}
.employee-stats-simple strong {
  display:block;
  font:800 22px 'Plus Jakarta Sans';
  margin-top:4px
}
.employee-content {
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:17px
}
.simple-card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px
}
.card-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}
.simple-card h2 {
  font:800 15px 'Plus Jakarta Sans';
  margin:0 0 5px
}
.required-note,.mini-period {
  font-size:9px;
  color:#8c92a4;
  background:#f5f6fa;
  border-radius:5px;
  padding:6px 8px
}
.submission-card form {
  margin-top:17px
}
.submission-card label {
  display:block;
  color:#72798c;
  font-size:10px;
  font-weight:700;
  margin-top:14px
}
.submission-card label:first-child {
  margin-top:0
}
.submission-card input {
  display:block;
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:11px;
  margin-top:7px;
  font:11px 'DM Sans';
  color:#414961;
  outline:none
}
.submission-card input:focus {
  border-color:#7776db;
  box-shadow:0 0 0 3px #7776db18
}
.simple-choice-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:15px
}
.simple-choice {
  border:1px solid var(--line);
  background:#fff;
  border-radius:10px;
  text-align:left;
  padding:12px;
  cursor:pointer
}
.simple-choice.selected {
  border:2px solid #6464d4;
  background:#f6f6ff
}
.simple-choice span {
  display:block;
  font-size:17px;
  color:#6464d4;
  margin-bottom:7px
}
.simple-choice:nth-child(2) span {
  color:#e9905b
}
.simple-choice strong {
  display:block;
  font-size:10px
}
.simple-choice small {
  display:block;
  color:#9ca2b0;
  font-size:9px;
  margin-top:4px
}
.file-input {
  padding:8px!important
}
.field-help {
  display:block;
  color:#a2a8b5;
  font-size:9px;
  font-weight:400;
  margin-top:5px
}
.simple-card .full {
  margin-top:19px
}
.simple-progress-row {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-top:22px
}
.simple-progress-row strong {
  display:block;
  font-size:12px
}
.simple-progress-row small {
  display:block;
  color:#9ca1b0;
  font-size:10px;
  margin-top:4px
}
.simple-progress-row b {
  color:#5d5dd4;
  font-size:13px
}
.simple-progress {
  height:8px;
  background:#eeeeff;
  border-radius:8px;
  margin-top:13px
}
.simple-progress i {
  height:100%;
  display:block;
  background:#6363d8;
  border-radius:8px
}
.simple-divider {
  height:1px;
  background:#f0f1f5;
  margin:21px 0 14px
}
.simple-breakdown>div {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  color:#686f83;
  padding:7px 0
}
.simple-breakdown strong {
  margin-left:auto;
  font-size:12px;
  color:var(--ink)
}
.break-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#6665db
}
.break-dot.follow {
  background:#f5a06c
}
.simple-tip {
  display:flex;
  gap:9px;
  background:#fff8dc;
  border-radius:9px;
  padding:11px;
  margin-top:21px
}
.simple-tip>span {
  color:#d8aa21
}
.simple-tip p {
  font-size:10px;
  line-height:1.45;
  color:#8e8a7c;
  margin:0
}
.simple-tip strong {
  color:#555467
}
.toast {
  position:fixed;
  bottom:24px;
  right:28px;
  background:#17213a;
  color:#fff;
  border-radius:9px;
  padding:13px 17px;
  font-size:11px;
  box-shadow:0 10px 30px #17213a33;
  transform:translateY(90px);
  opacity:0;
  transition:.25s;
  z-index:10
}
.toast.show {
  transform:translateY(0);
  opacity:1
}
.master-login-body {
  display:grid;
  place-items:center;
  min-height:100vh;
  background:linear-gradient(135deg,#f8f9fc 0%,#f4f3ff 100%)
}
.master-login-card {
  width:min(420px,calc(100% - 28px));
  background:#fff;
  border:1px solid var(--line);
  border-radius:17px;
  padding:31px;
  box-shadow:0 20px 60px #2c315d12
}
.login-brand {
  padding:0;
  margin:0 0 38px
}
.master-login-card h1 {
  font:800 23px 'Plus Jakarta Sans';
  letter-spacing:-.03em;
  margin:8px 0
}
.master-login-card form {
  margin-top:22px
}
.master-login-card label {
  display:block;
  color:#72798c;
  font-size:10px;
  font-weight:700
}
.master-login-card input {
  display:block;
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:12px;
  margin-top:7px;
  font:11px 'DM Sans';
  outline:none
}
.master-login-card input:focus {
  border-color:#7776db;
  box-shadow:0 0 0 3px #7776db18
}
.login-error {
  background:#fff0ed;
  color:#cc6759;
  border-radius:8px;
  font-size:10px;
  padding:10px 11px;
  margin-top:17px
}
.back-employee {
  display:block;
  text-align:center;
  color:#7776d3;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  margin-top:18px
}
@media(max-width:800px) {
  .employee-content {
    grid-template-columns:1fr
  }
  .welcome-mark {
    margin-right:0
  }
}
@media(max-width:600px) {
  .employee-shell {
    padding:20px 14px 35px
  }
  .employee-header {
    margin-bottom:24px
  }
  .employee-welcome {
    padding:22px 19px
  }
  .employee-welcome h1 {
    font-size:22px
  }
  .welcome-mark {
    display:none
  }
  .employee-stats-simple {
    grid-template-columns:1fr;
    gap:9px
  }
  .employee-stats-simple article {
    padding:13px 15px
  }
  .simple-choice-grid {
    grid-template-columns:1fr
  }
  .simple-card {
    padding:17px
  }
  .master-login-card {
    padding:24px
  }
}
/* Clear, touch-friendly controls for the employee workspace. */
.profile-picker {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:17px;
  padding:18px 20px;
  border-color:#e2e4f0;
  box-shadow:0 8px 24px #343a7a0a
}
.profile-picker>div {
  min-width:0
}
.profile-picker .eyebrow {
  display:block;
  margin:0 0 5px;
  color:#989eb1
}
.profile-picker strong {
  display:block;
  font:800 15px 'Plus Jakarta Sans';
  color:var(--ink)
}
.profile-picker small {
  display:block;
  margin-top:5px;
  color:#9299aa;
  font-size:10px
}
.profile-picker form {
  width:min(290px,42%);
  margin:0
}
.profile-picker select,.submission-card select {
  appearance:none;
  width:100%;
  border:1px solid #dfe2ef;
  border-radius:11px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%235b5bd6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center;
  background-size:14px;
  padding:12px 40px 12px 13px;
  color:#323951;
  font:700 11px 'DM Sans';
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s
}
.profile-picker select:hover,.submission-card select:hover {
  border-color:#8584e3
}
.profile-picker select:focus,.submission-card select:focus {
  outline:none;
  border-color:#6564d7;
  box-shadow:0 0 0 4px #6564d71c
}
.simple-choice {
  transition:transform .18s,box-shadow .18s,border-color .18s
}
.simple-choice:hover {
  transform:translateY(-2px);
  border-color:#8584e3;
  box-shadow:0 8px 18px #4d50ad18
}
.simple-choice.selected {
  box-shadow:0 8px 20px #5b5bd61c
}
.primary {
  min-height:43px;
  border-radius:11px;
  padding:11px 17px;
  font-size:11px;
  letter-spacing:.01em;
  transition:transform .18s,box-shadow .18s,background .18s
}
.primary:hover {
  background:#4f4fc5;
  transform:translateY(-1px);
  box-shadow:0 8px 18px #5d5dd43d
}
.primary:active {
  transform:translateY(0);
  box-shadow:0 3px 8px #5d5dd42b
}
.submission-card select {
  display:block;
  margin-top:7px
}
.register-more {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:18px;
  color:#8990a3;
  font-size:10px
}
.register-more details {
  position:relative
}
.register-more summary {
  list-style:none;
  color:#5d5dd4;
  font-weight:800;
  cursor:pointer;
  padding:8px 11px;
  border-radius:8px;
  background:#ededff
}
.register-more summary::-webkit-details-marker {
  display:none
}
.register-more details[open] summary {
  background:#deddff
}
.register-more form {
  position:absolute;
  right:0;
  top:42px;
  z-index:3;
  display:flex;
  gap:7px;
  width:270px;
  padding:10px;
  background:#fff;
  border:1px solid #e2e4f0;
  border-radius:11px;
  box-shadow:0 12px 30px #2026501c
}
.register-more form input {
  min-width:0;
  flex:1;
  border:1px solid #dfe2ef;
  border-radius:8px;
  padding:9px;
  font:10px 'DM Sans'
}
.register-more form .primary {
  width:auto;
  margin:0;
  padding:9px 11px;
  min-height:36px;
  font-size:10px
}
@media(max-width:600px) {
  .profile-picker {
    display:block;
    padding:16px
  }
  .profile-picker form {
    width:100%;
    margin-top:13px
  }
  .register-more {
    align-items:flex-start;
    flex-direction:column
  }
  .register-more details,.register-more form {
    width:100%
  }
  .register-more form {
    position:static
  }
  .register-more summary {
    text-align:center
  }
}
/* v2 - polished employee selector + register employee dropdown */
.profile-picker {
  position:relative;
  overflow:visible;
  background:linear-gradient(135deg,#fff 0%,#fbfbff 100%);
  border:1px solid #e5e6f2;
  box-shadow:0 12px 30px #30356e0b
}
.profile-picker-copy {
  padding-left:2px
}
.profile-select-form {
  width:min(330px,46%)!important
}
.profile-select-shell {
  position:relative;
  display:flex;
  align-items:center
}
.profile-select-icon {
  position:absolute;
  left:13px;
  z-index:1;
  width:26px;
  height:26px;
  border-radius:8px;
  background:#eeeeff;
  color:#5b5bd6;
  display:grid;
  place-items:center;
  font-size:15px;
  pointer-events:none
}
.profile-picker .profile-select-shell select {
  appearance:none;
  background:#fff!important;
  padding:13px 42px 13px 50px!important;
  min-height:50px;
  border:1px solid #dfe1ed;
  border-radius:13px;
  color:#252c43;
  font:700 12px 'DM Sans';
  box-shadow:0 6px 16px #2c315d0a;
  transition:.2s
}
.profile-picker .profile-select-shell select:hover {
  border-color:#9a99e6;
  box-shadow:0 8px 20px #5b5bd612
}
.profile-picker .profile-select-shell select:focus {
  border-color:#6464d7;
  box-shadow:0 0 0 4px #6464d719,0 8px 22px #5b5bd611
}
.profile-select-chevron {
  position:absolute;
  right:15px;
  color:#6665d7;
  font-size:18px;
  font-weight:800;
  pointer-events:none;
  transition:transform .2s
}
.profile-select-form:focus-within .profile-select-chevron {
  transform:rotate(180deg)
}
.register-primary {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px
}
.register-primary .button-plus {
  width:22px;
  height:22px;
  border-radius:7px;
  background:#ffffff1c;
  display:grid;
  place-items:center;
  font-size:16px;
  line-height:1
}
.register-primary .button-arrow {
  margin-left:2px
}
.employee-register-bar {
  position:relative;
  margin-top:18px;
  padding:15px 17px;
  border:1px solid #e6e7f1;
  border-radius:14px;
  background:linear-gradient(135deg,#fff 0%,#f8f8ff 100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  box-shadow:0 10px 26px #343a7a0a
}
.employee-register-copy {
  min-width:0
}
.register-kicker {
  display:block;
  margin-bottom:4px;
  color:#a4a9b8;
  font-size:8px;
  letter-spacing:.13em;
  font-weight:800
}
.employee-register-copy strong {
  display:block;
  color:#323951;
  font:800 12px 'Plus Jakarta Sans'
}
.employee-register-copy small {
  display:block;
  color:#969cad;
  font-size:9px;
  margin-top:4px
}
.employee-register-menu {
  position:relative;
  flex:0 0 auto
}
.register-trigger {
  list-style:none;
  min-width:164px;
  min-height:43px;
  padding:9px 12px;
  border-radius:11px;
  background:#5d5dd4;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font:800 10px 'DM Sans';
  cursor:pointer;
  box-shadow:0 8px 18px #5d5dd42d;
  transition:.18s
}
.register-trigger::-webkit-details-marker {
  display:none
}
.register-trigger:hover {
  background:#5050c7;
  transform:translateY(-1px);
  box-shadow:0 10px 22px #5d5dd43b
}
.register-trigger-plus {
  width:23px;
  height:23px;
  border-radius:7px;
  background:#ffffff1b;
  display:grid;
  place-items:center;
  font-size:16px;
  line-height:1
}
.register-trigger-chevron {
  font-size:15px;
  margin-left:1px;
  transition:transform .2s
}
.employee-register-menu[open] .register-trigger-chevron {
  transform:rotate(180deg)
}
.register-dropdown {
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  z-index:20;
  width:330px;
  padding:16px;
  background:#fff;
  border:1px solid #e1e3ef;
  border-radius:14px;
  box-shadow:0 20px 50px #23284d21;
  animation:registerDrop .16s ease-out
}
.register-dropdown:after {
  content:'';
  position:absolute;
  right:28px;
  bottom:-6px;
  width:11px;
  height:11px;
  background:#fff;
  border-right:1px solid #e1e3ef;
  border-bottom:1px solid #e1e3ef;
  transform:rotate(45deg)
}
.register-dropdown-head {
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid #f0f1f5
}
.register-dropdown-icon {
  width:34px;
  height:34px;
  border-radius:10px;
  background:#eeeeff;
  color:#5b5bd6;
  display:grid;
  place-items:center;
  font-size:19px;
  font-weight:700
}
.register-dropdown-head strong {
  display:block;
  color:#30384e;
  font:800 12px 'Plus Jakarta Sans'
}
.register-dropdown-head small {
  display:block;
  margin-top:3px;
  color:#9aa0b0;
  font-size:9px
}
.register-dropdown form {
  margin-top:12px
}
.register-dropdown label {
  margin:0;
  color:#73798c;
  font-size:9px
}
.register-dropdown input {
  display:block;
  width:100%;
  margin-top:6px;
  padding:11px 12px;
  border:1px solid #dde0ec;
  border-radius:10px;
  background:#fff;
  color:#323951;
  font:11px 'DM Sans';
  outline:none
}
.register-dropdown input:focus {
  border-color:#6867d8;
  box-shadow:0 0 0 4px #6867d817
}
.register-submit {
  width:100%;
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px
}
@keyframes registerDrop {
  from {
    opacity:0;
    transform:translateY(7px) scale(.985)
  }
  to {
    opacity:1;
    transform:none
  }
}
@media(max-width:600px) {
  .profile-select-form {
    width:100%!important
  }
  .employee-register-bar {
    align-items:stretch;
    flex-direction:column
  }
  .employee-register-menu,.register-trigger {
    width:100%
  }
  .register-dropdown {
    position:static;
    width:100%;
    margin-top:9px
  }
  .register-dropdown:after {
    display:none
  }
}
/* v3 - softer employee picker and register dropdown */
.profile-picker, .employee-register-bar {
  position:relative;
  overflow:visible;
}
.profile-picker {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(250px,320px);
  align-items:center;
  gap:20px;
  margin-bottom:18px;
  padding:22px 24px;
  background:linear-gradient(180deg,#ffffff 0%,#fcfcff 100%);
  border:1px solid #e9ebf5;
  border-radius:18px;
  box-shadow:0 14px 34px rgba(71,82,152,.08);
}
.profile-picker-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  min-width:0;
}
.profile-picker .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:7px 10px;
  border-radius:999px;
  background:#f4f3ff;
  color:#7c80a1;
  font-size:10px;
  letter-spacing:.12em;
}
.profile-picker strong {
  display:block !important;
  margin:0;
  font:800 20px 'Plus Jakarta Sans';
  line-height:1.15;
  color:#222a42;
  letter-spacing:-.02em;
}
.profile-picker small {
  display:block !important;
  margin:0;
  max-width:520px;
  color:#7f879c;
  font-size:12px;
  line-height:1.6;
}
.profile-select-form {
  width:100% !important;
  margin:0;
}
.profile-select-shell {
  position:relative;
  display:flex;
  align-items:center;
}
.profile-select-icon {
  position:absolute;
  left:14px;
  z-index:1;
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(180deg,#f1f0ff 0%,#e8e7ff 100%);
  color:#6861d9;
  display:grid;
  place-items:center;
  font-size:17px;
  box-shadow:inset 0 0 0 1px rgba(104,97,217,.08);
}
.profile-picker .profile-select-shell select {
  width:100%;
  min-height:56px;
  padding:15px 48px 15px 58px !important;
  border:1px solid #e1e5f0;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#fafbff 100%) !important;
  color:#2d3550;
  font:700 13px 'DM Sans';
  box-shadow:0 10px 24px rgba(62,71,124,.08);
}
.profile-picker .profile-select-shell select:hover {
  border-color:#c8cdf0;
  box-shadow:0 12px 28px rgba(76,86,153,.12);
}
.profile-picker .profile-select-shell select:focus {
  border-color:#7a72df;
  box-shadow:0 0 0 4px rgba(122,114,223,.14),0 12px 30px rgba(76,86,153,.14);
}
.profile-select-chevron {
  position:absolute;
  right:16px;
  color:#7c7bd8;
  font-size:18px;
}
.employee-register-bar {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin-top:20px;
  padding:20px 22px;
  border:1px solid #ebeaf6;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%);
  box-shadow:0 14px 34px rgba(71,82,152,.06);
}
.employee-register-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  min-width:0;
}
.register-kicker {
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:7px 10px;
  border-radius:999px;
  background:#f5f4ff;
  color:#8c91aa;
  font-size:10px;
  letter-spacing:.12em;
}
.employee-register-copy strong {
  display:block;
  margin:0;
  color:#26304a;
  font:800 18px 'Plus Jakarta Sans';
  line-height:1.2;
}
.employee-register-copy small {
  display:block;
  margin:0;
  color:#828aa0;
  font-size:12px;
  line-height:1.6;
}
.employee-register-menu {
  width:auto;
}
.register-trigger {
  min-width:186px;
  min-height:48px;
  padding:10px 14px;
  border-radius:14px;
  background:linear-gradient(135deg,#6c63e8 0%,#5c56d6 100%);
  color:#fff;
  font:800 12px 'DM Sans';
  box-shadow:0 12px 26px rgba(92,86,214,.24);
}
.register-trigger:hover {
  background:linear-gradient(135deg,#665de3 0%,#554ecc 100%);
  box-shadow:0 14px 28px rgba(92,86,214,.30);
}
.register-trigger-plus {
  width:26px;
  height:26px;
  border-radius:9px;
  background:rgba(255,255,255,.18);
}
.register-dropdown {
  width:360px;
  padding:18px;
  border:1px solid #e8e9f4;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fcfcff 100%);
  box-shadow:0 22px 48px rgba(35,40,77,.16);
}
.register-dropdown:after {
  right:32px;
}
.register-dropdown-head {
  gap:12px;
  padding-bottom:14px;
}
.register-dropdown-icon {
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(180deg,#f1f0ff 0%,#e8e7ff 100%);
  color:#6861d9;
}
.register-dropdown-head strong {
  font:800 14px 'Plus Jakarta Sans';
  color:#27314a;
}
.register-dropdown-head small, .register-dropdown label {
  color:#8b91a6;
  font-size:11px;
}
.register-dropdown input {
  margin-top:8px;
  padding:12px 13px;
  border:1px solid #e1e4ef;
  border-radius:12px;
  background:#fff;
  color:#2f3851;
  font:12px 'DM Sans';
}
.register-dropdown input:focus {
  border-color:#7a72df;
  box-shadow:0 0 0 4px rgba(122,114,223,.13);
}
.register-submit {
  min-height:46px;
  margin-top:12px;
  border-radius:12px;
}
@media(max-width:760px) {
  .profile-picker,   .employee-register-bar {
    grid-template-columns:1fr;
    padding:18px;
  }
  .profile-picker strong,   .employee-register-copy strong {
    font-size:17px;
  }
  .profile-picker small,   .employee-register-copy small {
    font-size:11px;
  }
  .register-dropdown {
    width:100%;
    max-width:none;
  }
}
/* =========================================================
   PREMIUM UI V4 — EMPLOYEE AREA
   ========================================================= */
.employee-simple-body {
  background:     radial-gradient(circle at 86% 0%,rgba(98,91,217,.08),transparent 28%),     linear-gradient(180deg,#f8f9fd 0%,#f5f6fb 100%);
}
.employee-shell {
  max-width:1160px;
  padding-top:26px;
}
.employee-header {
  margin-bottom:25px;
}
.employee-header .brand {
  margin:0;
}
.employee-badge {
  padding:7px 10px;
  border:1px solid #e1dfff;
  border-radius:999px;
  background:#f2f0ff;
  color:#6f69d6;
  letter-spacing:.10em;
}
.employee-welcome {
  position:relative;
  overflow:hidden;
  min-height:154px;
  padding:29px 31px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:     radial-gradient(circle at 88% 22%,rgba(255,255,255,.17),transparent 18%),     linear-gradient(135deg,#6863de 0%,#5855cf 55%,#5751c5 100%);
  box-shadow:0 22px 50px rgba(73,69,181,.18);
}
.employee-welcome:after {
  content:'';
  position:absolute;
  right:-72px;
  bottom:-106px;
  width:250px;
  height:250px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
}
.employee-welcome .eyebrow {
  color:rgba(255,255,255,.72);
}
.employee-welcome h1 {
  margin-top:6px;
  font-size:30px;
  letter-spacing:-.04em;
}
.employee-welcome .muted {
  color:rgba(255,255,255,.78);
  font-size:12px;
}
.welcome-mark {
  z-index:1;
  opacity:.7;
}
.server-message,.server-error {
  margin-top:17px;
  padding:12px 14px;
  border-radius:13px;
  border:1px solid transparent;
  font-size:10px;
  box-shadow:0 7px 18px rgba(39,46,92,.045);
}
.server-message {
  border-color:#d9f0e5;
  background:#edf9f3;
  color:#32956d;
}
.server-error {
  border-color:#f7dfdb;
  background:#fff3f1;
}
.simple-card {
  border-color:#e9eaf3;
  border-radius:18px;
  box-shadow:0 14px 34px rgba(42,49,93,.06);
}
.profile-picker {
  grid-template-columns:minmax(0,1fr) minmax(280px,350px) !important;
  margin-top:17px;
  padding:22px 23px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 14px 36px rgba(42,49,93,.07) !important;
}
.profile-picker .eyebrow {
  padding:6px 9px;
  background:#f3f1ff;
  color:#8581b9;
}
.profile-picker strong {
  margin-top:1px;
  font-size:19px !important;
}
.profile-picker small {
  font-size:11px !important;
}
.profile-select-icon {
  width:36px !important;
  height:36px !important;
  left:13px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#f0efff,#e9e7ff) !important;
}
.profile-picker .profile-select-shell select {
  min-height:58px !important;
  padding-left:60px !important;
  border-color:#e1e3ee !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fff,#fbfbfe) !important;
  box-shadow:0 9px 24px rgba(42,49,93,.07) !important;
}
.profile-picker .profile-select-shell select:hover {
  border-color:#bebbea !important;
  box-shadow:0 12px 28px rgba(82,76,177,.11) !important;
}
.employee-stats-simple {
  gap:14px;
  margin:17px 0;
}
.employee-stats-simple article {
  min-height:92px;
  padding:17px 18px;
  border:1px solid #e9eaf3;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 11px 28px rgba(42,49,93,.055);
  transition:transform .18s ease,box-shadow .18s ease;
}
.employee-stats-simple article:hover {
  transform:translateY(-2px);
  box-shadow:0 15px 32px rgba(42,49,93,.075);
}
.simple-stat-icon {
  width:38px;
  height:38px;
  border-radius:12px;
  box-shadow:0 6px 14px rgba(76,73,164,.08);
}
.employee-content {
  gap:17px;
}
.submission-card,.activity-card {
  padding:22px;
}
.card-heading h2 {
  font-size:16px;
}
.required-note,.mini-period {
  padding:6px 9px;
  border-radius:999px;
  background:#f4f3ff;
  color:#7771d4;
  font-size:9px;
}
.simple-choice-grid {
  gap:10px;
}
.simple-choice {
  min-height:94px;
  padding:14px;
  border-color:#e6e8f1;
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fcfcfe 100%);
}
.simple-choice.selected {
  border-color:#7770df;
  background:linear-gradient(180deg,#f8f7ff 0%,#f2f0ff 100%);
  box-shadow:0 9px 21px rgba(91,84,201,.12);
}
.submission-card label {
  margin-top:16px;
  font-size:10px;
  color:#70778b;
}
.submission-card input, .submission-card select, .file-input {
  min-height:46px;
  border-color:#e1e4ed !important;
  border-radius:12px !important;
  background:#fff !important;
  font-size:11px !important;
}
.submission-card input:focus, .submission-card select:focus {
  border-color:#7b74df !important;
  box-shadow:0 0 0 4px rgba(123,116,223,.12) !important;
}
.submission-card .primary.full {
  min-height:48px;
  margin-top:19px;
  border-radius:13px;
  background:linear-gradient(135deg,#6862dc 0%,#554fc8 100%);
  box-shadow:0 11px 24px rgba(88,81,201,.24);
}
.activity-row {
  padding:12px 0;
}
.simple-tip {
  padding:13px;
  border:1px solid #f4eac7;
  border-radius:12px;
  background:#fffaf0;
}
.employee-register-bar {
  margin-top:18px !important;
  padding:20px 22px !important;
  border-color:#e9e8f4 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfbff 100%) !important;
  box-shadow:0 14px 34px rgba(42,49,93,.055) !important;
}
.register-kicker {
  padding:6px 9px !important;
  background:#f4f2ff !important;
  color:#8a86b4 !important;
}
.employee-register-copy strong {
  font-size:17px !important;
}
.employee-register-copy small {
  font-size:11px !important;
}
.register-trigger {
  min-width:186px !important;
  min-height:48px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#6a64df 0%,#5751ca 100%) !important;
  box-shadow:0 10px 24px rgba(88,81,201,.23) !important;
}
.register-trigger:hover {
  transform:translateY(-1px);
  box-shadow:0 13px 27px rgba(88,81,201,.29) !important;
}
.register-dropdown {
  width:370px !important;
  padding:18px !important;
  border-color:#e7e8f1 !important;
  border-radius:18px !important;
  box-shadow:0 24px 54px rgba(33,39,76,.17) !important;
}
.register-dropdown-icon {
  width:39px !important;
  height:39px !important;
  border-radius:12px !important;
}
.register-dropdown input {
  min-height:45px;
  border-radius:12px !important;
}
.register-submit {
  min-height:46px !important;
  border-radius:12px !important;
}
.onboarding-card {
  max-width:560px;
  margin:62px auto 0;
  padding:30px;
  border-radius:20px;
  box-shadow:0 20px 50px rgba(42,49,93,.085);
}
.onboarding-card h1 {
  font-size:26px;
  letter-spacing:-.035em;
}
.register-primary {
  min-height:48px;
  border-radius:13px;
}
@media(max-width:760px) {
  .employee-shell {
    padding:18px 13px 34px
  }
  .employee-welcome {
    min-height:auto;
    padding:23px 20px;
    border-radius:18px
  }
  .employee-welcome h1 {
    font-size:24px
  }
  .profile-picker {
    grid-template-columns:1fr !important;
    padding:18px !important
  }
  .employee-register-bar {
    grid-template-columns:1fr !important;
    padding:18px !important
  }
  .register-trigger {
    width:100%
  }
  .register-dropdown {
    width:100% !important
  }
  .submission-card,.activity-card {
    padding:18px
  }
}
/* v6 - employee assigned tasks */
.assigned-tasks {
  margin:17px 0;
  padding:22px 23px;
  border:1px solid #e9eaf3;
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 14px 36px rgba(42,49,93,.06)
}
.assigned-tasks-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px
}
.assigned-tasks-head .eyebrow {
  display:inline-flex;
  margin:0 0 7px;
  padding:6px 9px;
  border-radius:999px;
  background:#f3f1ff;
  color:#8581b9
}
.assigned-tasks-head h2 {
  margin:0;
  color:#252e46;
  font:800 18px 'Plus Jakarta Sans';
  letter-spacing:-.025em
}
.assigned-tasks-head p {
  margin:6px 0 0;
  font-size:10.5px;
  line-height:1.55
}
.assigned-count {
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#eef8f4;
  color:#388d70;
  font-size:9px;
  font-weight:800
}
.employee-task-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:17px
}
.employee-task-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:16px;
  border:1px solid #e8eaf3;
  border-radius:15px;
  background:linear-gradient(180deg,#fff 0%,#fcfcff 100%);
  box-shadow:0 8px 22px rgba(46,53,94,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.employee-task-card:hover {
  transform:translateY(-2px);
  border-color:#dcdcf0;
  box-shadow:0 13px 28px rgba(46,53,94,.075)
}
.employee-task-card.is-submitted {
  background:linear-gradient(180deg,#fbfffd 0%,#f8fcfa 100%);
  border-color:#dfeee7
}
.employee-task-top {
  display:flex;
  align-items:center;
  gap:10px
}
.employee-task-icon {
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-size:15px;
  font-weight:800
}
.employee-task-icon.social {
  background:#efefff;
  color:#5f5bd0
}
.employee-task-icon.follow {
  background:#fff1e9;
  color:#dc825c
}
.employee-task-icon.general {
  background:#edf8f4;
  color:#4b9a80
}
.employee-task-title {
  min-width:0;
  flex:1
}
.employee-task-title small {
  display:block;
  color:#9a9fb0;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:800
}
.employee-task-title strong {
  display:block;
  margin-top:3px;
  color:#2c354e;
  font:800 12px 'Plus Jakarta Sans';
  line-height:1.35
}
.employee-task-instruction {
  margin:12px 0 9px;
  color:#71798e;
  font-size:10px;
  line-height:1.6
}
.employee-task-meta {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:#9399aa;
  font-size:8.5px
}
.employee-task-target {
  margin-top:11px;
  padding:10px 11px;
  border-radius:11px;
  background:#f7f7fb
}
.employee-task-target small {
  display:block;
  color:#a3a9b8;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.08em
}
.employee-task-target strong {
  display:block;
  margin-top:4px;
  color:#596177;
  font-size:9.5px;
  line-height:1.45;
  word-break:break-word
}
.employee-task-footer {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin-top:auto;
  padding-top:13px
}
.employee-task-start {
  min-height:38px;
  padding:8px 13px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg,#6a64df,#5650ca);
  color:#fff;
  font:800 10px 'DM Sans';
  cursor:pointer;
  box-shadow:0 8px 18px rgba(88,81,201,.22)
}
.employee-task-start:hover {
  transform:translateY(-1px);
  box-shadow:0 11px 22px rgba(88,81,201,.28)
}
.employee-task-done {
  padding:7px 10px;
  border-radius:999px;
  background:#fff5df;
  color:#ad7b24;
  font-size:8.5px;
  font-weight:800
}
.employee-task-done.verified {
  background:#eaf8f1;
  color:#348d6d
}
.employee-task-empty {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px;
  border:1px dashed #dfe4ed;
  border-radius:13px;
  background:#fcfcfe
}
.employee-task-empty>span {
  width:35px;
  height:35px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#edf8f3;
  color:#459477;
  font-weight:800
}
.employee-task-empty strong {
  display:block;
  color:#4c556b;
  font-size:10.5px
}
.employee-task-empty small {
  display:block;
  margin-top:3px;
  color:#989faf;
  font-size:9px
}
.simple-choice-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.activity-dot.general {
  background:#edf8f4;
  color:#4b9a80
}
.priority-badge {
  padding:5px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:800
}
.priority-badge.high {
  background:#fff0ed;
  color:#d1675d
}
.priority-badge.normal {
  background:#f1f0ff;
  color:#6662cf
}
.priority-badge.low {
  background:#edf8f3;
  color:#4f9d7e
}
@media(max-width:760px) {
  .assigned-tasks {
    padding:18px
  }
  .assigned-tasks-head {
    display:block
  }
  .assigned-count {
    display:inline-flex;
    margin-top:10px
  }
  .employee-task-grid {
    grid-template-columns:1fr
  }
  .simple-choice-grid {
    grid-template-columns:1fr
  }
}
/* v7 - simple employee task list */
.simple-assigned-tasks {
  padding:21px 22px
}
.simple-assigned-tasks .assigned-tasks-head {
  align-items:center
}
.simple-assigned-tasks .assigned-tasks-head h2 {
  font-size:17px
}
.simple-assigned-tasks .assigned-tasks-head p {
  font-size:10px
}
.simple-employee-task-list {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:15px
}
.simple-employee-task-row {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:64px;
  padding:10px 11px;
  border:1px solid #eceef4;
  border-radius:13px;
  background:#fff;
  transition:background .18s,border-color .18s,transform .18s
}
.simple-employee-task-row:hover {
  background:#fcfcff;
  border-color:#dedff0;
  transform:translateY(-1px)
}
.simple-employee-task-row.is-submitted {
  background:#fbfdfc;
  border-color:#e5eee9
}
.simple-employee-task-number {
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#f2f2fb;
  color:#848aa0;
  font-size:9px;
  font-weight:800
}
.simple-employee-task-copy {
  min-width:0
}
.simple-employee-task-copy strong {
  display:block;
  color:#2d354d;
  font:800 11px 'Plus Jakarta Sans';
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.simple-employee-task-copy small {
  display:block;
  margin-top:4px;
  color:#999faf;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.simple-employee-task-action {
  display:flex;
  align-items:center;
  justify-content:flex-end
}
.simple-employee-task-action .employee-task-start {
  min-width:92px;
  box-shadow:none
}
.simple-employee-task-action .employee-task-done {
  white-space:nowrap
}
.simple-employee-task-empty {
  margin:0;
  border-style:dashed
}
@media(max-width:600px) {
  .simple-assigned-tasks {
    padding:17px
  }
  .simple-employee-task-row {
    grid-template-columns:36px minmax(0,1fr);
    padding:11px
  }
  .simple-employee-task-action {
    grid-column:2
  }
  .simple-employee-task-action .employee-task-start {
    width:100%;
    margin-top:3px
  }
  .simple-employee-task-copy strong,.simple-employee-task-copy small {
    white-space:normal
  }
}
:root {
  --clean-bg:#f6f7fb;
  --clean-card:#ffffff;
  --clean-text:#1f2940;
  --clean-muted:#8b93a7;
  --clean-line:#e8ebf2;
  --clean-primary:#655fd8;
  --clean-primary-dark:#554fc5;
  --clean-primary-soft:#efefff;
  --clean-success:#2d9b6f;
  --clean-success-soft:#eef9f4;
  --clean-danger:#d56b6b;
  --clean-danger-soft:#fff2f2;
  --clean-shadow:0 16px 42px rgba(37,45,83,.07);
  --clean-radius:20px;
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
.master-clean-body,.employee-clean-body {
  margin:0;
  background:var(--clean-bg);
  color:var(--clean-text);
  font-family:'DM Sans',sans-serif
}
button,input,select {
  font:inherit
}
button {
  cursor:pointer
}
a {
  color:inherit
}
/* Shared */
.clean-brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--clean-text);
  font:800 22px 'Plus Jakarta Sans',sans-serif;
  text-decoration:none;
  letter-spacing:-.04em
}
.clean-brand>span:last-child>span {
  color:#ff9d62
}
.clean-brand-mark {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:linear-gradient(135deg,#6d67e5,#5d57ce);
  color:#fff;
  font-size:14px;
  box-shadow:0 8px 18px rgba(91,85,205,.2)
}
.clean-kicker {
  display:inline-block;
  color:#999fb1;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase
}
.clean-card {
  background:rgba(255,255,255,.98);
  border:1px solid var(--clean-line);
  border-radius:var(--clean-radius);
  box-shadow:var(--clean-shadow)
}
.clean-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px
}
.clean-card-head h2,.clean-card-head h3 {
  margin:4px 0 4px;
  font:800 17px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.025em;
  color:var(--clean-text)
}
.clean-card-head p {
  margin:0;
  color:var(--clean-muted);
  font-size:11px;
  line-height:1.5
}
.clean-count {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:8px 11px;
  border:1px solid #e5e6f3;
  border-radius:999px;
  background:#fafaff;
  color:#8b90a2;
  font-size:10px;
  white-space:nowrap
}
.clean-count b {
  color:#5e59d0;
  font-size:11px
}
.clean-avatar {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(135deg,#ebeaff,#dedcff);
  color:#655fd5;
  font-size:11px;
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(101,95,216,.06)
}
.clean-status {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:800;
  white-space:nowrap
}
.clean-status.active {
  background:var(--clean-success-soft);
  color:var(--clean-success)
}
.clean-status.inactive {
  background:#f1f2f6;
  color:#969cac
}
.clean-empty {
  padding:26px;
  border:1px dashed #dde1eb;
  border-radius:14px;
  background:#fafbfe;
  color:#949bad;
  text-align:center;
  font-size:11px
}
.clean-alert {
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:12px;
  font-size:11px;
  font-weight:600
}
.clean-alert.success {
  background:var(--clean-success-soft);
  color:#258861;
  border:1px solid #dcefe7
}
.clean-alert.error {
  background:var(--clean-danger-soft);
  color:#bd5d5d;
  border:1px solid #f0dcdc
}
.clean-field {
  min-width:0
}
.clean-field.grow {
  flex:1 1 260px
}
.clean-field label {
  display:block;
  margin-bottom:7px;
  color:#727b91;
  font-size:10px;
  font-weight:800
}
.clean-field label span {
  font-weight:500;
  color:#adb2c0
}
.clean-field input,.clean-field select {
  display:block;
  width:100%;
  min-height:46px;
  padding:11px 13px;
  border:1px solid #dfe3ec;
  border-radius:12px;
  background:#fff;
  color:#2a334c;
  outline:none;
  transition:border-color .18s,box-shadow .18s,background .18s
}
.clean-field input::placeholder {
  color:#b5bac7
}
.clean-field input:focus,.clean-field select:focus {
  border-color:#8d87e5;
  box-shadow:0 0 0 4px rgba(101,95,216,.10);
  background:#fff
}
.clean-field small {
  display:block;
  margin-top:7px;
  color:#a0a6b4;
  font-size:9px
}
.clean-primary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:11px 17px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#6c66df,#5a55c8);
  color:#fff;
  font-size:11px;
  font-weight:800;
  box-shadow:0 10px 22px rgba(89,83,199,.2);
  transition:transform .18s,box-shadow .18s,opacity .18s
}
.clean-primary:hover:not(:disabled) {
  transform:translateY(-1px);
  box-shadow:0 13px 26px rgba(89,83,199,.27)
}
.clean-primary:disabled {
  cursor:not-allowed;
  opacity:.42;
  box-shadow:none
}
/* Master */
.master-clean-shell {
  width:min(1180px,calc(100% - 34px));
  margin:0 auto;
  padding:28px 0 42px
}
.clean-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px
}
.clean-header-right {
  display:flex;
  align-items:center;
  gap:10px
}
.clean-role {
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--clean-line);
  color:#969caf;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em
}
.clean-logout {
  padding:9px 12px;
  border-radius:10px;
  color:#777e91;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  transition:background .18s,color .18s
}
.clean-logout:hover {
  background:#eceefe;
  color:#5c57ca
}
.clean-hero {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding:30px 32px;
  border:1px solid #e6e7f2;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff 0%,#f7f6ff 100%);
  box-shadow:var(--clean-shadow)
}
.clean-hero h1 {
  max-width:650px;
  margin:8px 0 7px;
  font:800 32px/1.12 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.045em;
  color:#222b43
}
.clean-hero p {
  margin:0;
  color:#858da2;
  font-size:12px
}
.clean-hero-live {
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  gap:4px 7px;
  padding:10px 13px;
  border:1px solid #e6e7f0;
  border-radius:13px;
  background:#fff;
  min-width:116px
}
.clean-hero-live i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#44b883;
  box-shadow:0 0 0 4px rgba(68,184,131,.12)
}
.clean-hero-live span {
  color:#465168;
  font-size:10px;
  font-weight:800
}
.clean-hero-live small {
  grid-column:2;
  color:#a1a7b4;
  font-size:8px
}
.clean-nav {
  position:sticky;
  top:12px;
  z-index:20;
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:18px auto 28px;
  padding:6px;
  border:1px solid #e4e6ef;
  border-radius:15px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 28px rgba(38,44,78,.08)
}
.clean-nav-item {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:10px;
  color:#858ca0;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  transition:background .18s,color .18s,box-shadow .18s
}
.clean-nav-item span {
  color:#b2b6c2;
  font-size:8px
}
.clean-nav-item:hover {
  background:#f5f5ff;
  color:#625dcf
}
.clean-nav-item.active {
  background:#efefff;
  color:#5a55ca;
  box-shadow:inset 0 0 0 1px #e2e0ff
}
.clean-nav-item.active span {
  color:#7771dd
}
.clean-section {
  scroll-margin-top:86px;
  margin-bottom:34px
}
.clean-section-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
  padding:0 4px
}
.clean-section-head h2 {
  margin:5px 0 4px;
  font:800 22px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.035em;
  color:#222b43
}
.clean-section-head p {
  margin:0;
  color:#8f96a8;
  font-size:11px
}
.clean-summary-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:14px
}
.clean-summary-card {
  display:flex;
  align-items:center;
  gap:15px;
  min-height:112px;
  padding:18px 19px;
  border:1px solid #e8eaf2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(44,51,89,.05)
}
.clean-summary-icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#f0efff;
  color:#625dd3;
  font-size:17px
}
.clean-summary-card small {
  display:block;
  margin-bottom:2px;
  color:#9ca2b1;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em
}
.clean-summary-card strong {
  display:block;
  font:800 25px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.04em;
  color:#273149
}
.clean-summary-card p {
  margin:0;
  color:#a0a6b3;
  font-size:9px
}
.clean-stat-card {
  padding:22px
}
.clean-member-stats {
  display:flex;
  flex-direction:column;
  gap:8px
}
.clean-member-row {
  display:grid;
  grid-template-columns:minmax(210px,1.4fr) .55fr .55fr .55fr minmax(150px,.9fr);
  align-items:center;
  gap:14px;
  padding:13px 14px;
  border:1px solid #edf0f5;
  border-radius:14px;
  background:#fff;
  transition:background .18s,border-color .18s,transform .18s
}
.clean-member-row:hover {
  background:#fcfcff;
  border-color:#e3e4f1;
  transform:translateY(-1px)
}
.clean-member-person {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0
}
.clean-member-person div {
  min-width:0
}
.clean-member-person strong {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2c354c;
  font-size:11px
}
.clean-member-person small {
  display:block;
  margin-top:3px;
  color:#a1a7b5;
  font-size:9px
}
.clean-member-number small,.clean-progress-wrap small {
  display:block;
  margin-bottom:3px;
  color:#a8adba;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.08em
}
.clean-member-number strong,.clean-progress-wrap strong {
  color:#384159;
  font:800 14px 'Plus Jakarta Sans',sans-serif
}
.clean-progress-wrap>div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px
}
.clean-progress {
  display:block;
  height:7px;
  border-radius:999px;
  background:#eceef5;
  overflow:hidden
}
.clean-progress i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#736de0,#5d58ca);
  transition:width .35s ease
}
.clean-task-card {
  padding:20px
}
.clean-task-form {
  display:flex;
  align-items:flex-end;
  gap:10px;
  padding-bottom:18px;
  border-bottom:1px solid #eff0f5
}
.clean-task-form .clean-primary {
  flex:0 0 auto;
  min-width:124px
}
.clean-task-list {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:16px
}
.clean-task-row {
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid #eceef4;
  border-radius:13px;
  background:#fff
}
.clean-task-row.is-inactive {
  opacity:.62;
  background:#fafbfc
}
.clean-task-index {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#f3f3fb;
  color:#9096a8;
  font-size:9px;
  font-weight:800
}
.clean-task-copy {
  min-width:0
}
.clean-task-copy strong {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2e374f;
  font-size:11px
}
.clean-task-copy small {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:4px;
  color:#9ea4b2;
  font-size:9px
}
.clean-task-actions {
  display:flex;
  align-items:center;
  gap:5px
}
.clean-task-actions form {
  margin:0
}
.clean-icon-btn {
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid #e4e6ef;
  border-radius:9px;
  background:#fff;
  color:#888fa2;
  font-weight:800;
  transition:background .18s,color .18s,border-color .18s
}
.clean-icon-btn:hover {
  background:#f2f1ff;
  color:#5d58cb;
  border-color:#dddafe
}
.clean-icon-btn.danger:hover {
  background:#fff2f2;
  color:#c85f5f;
  border-color:#f0d6d6
}
.clean-member-directory {
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px
}
.clean-directory-row {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid #edf0f5;
  border-radius:13px;
  background:#fff
}
.clean-directory-copy {
  min-width:0
}
.clean-directory-copy strong {
  display:block;
  color:#2e374e;
  font-size:11px
}
.clean-directory-copy small {
  display:block;
  margin-top:3px;
  color:#a0a6b4;
  font-size:9px
}
.clean-directory-stat {
  text-align:right;
  min-width:74px
}
.clean-directory-stat strong {
  display:block;
  color:#343d55;
  font:800 13px 'Plus Jakarta Sans',sans-serif
}
.clean-directory-stat small {
  display:block;
  color:#a4a9b6;
  font-size:8px
}
.clean-footer {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px;
  color:#a3a8b4
}
.clean-footer span {
  font-weight:800;
  color:#7a80a0
}
.clean-footer small {
  font-size:9px
}
.is-offline .clean-progress i {
  opacity:.55
}
/* Employee */
.employee-clean-shell {
  width:min(1040px,calc(100% - 30px));
  margin:0 auto;
  padding:26px 0 42px
}
.employee-clean-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px
}
.employee-clean-badge {
  padding:7px 10px;
  border:1px solid #e5e7ef;
  border-radius:999px;
  background:#fff;
  color:#989eae;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em
}
.employee-clean-hero {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  margin-bottom:14px;
  padding:26px 28px;
  border:1px solid #e6e7f2;
  border-radius:23px;
  background:linear-gradient(135deg,#ffffff 0%,#f6f5ff 100%);
  box-shadow:var(--clean-shadow)
}
.employee-clean-hero h1 {
  margin:6px 0 5px;
  font:800 28px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.045em;
  color:#232c44
}
.employee-clean-hero p {
  margin:0;
  color:#878fa2;
  font-size:11px
}
.employee-progress-card {
  flex:0 0 190px;
  padding:15px 16px;
  border:1px solid #e4e5f0;
  border-radius:16px;
  background:rgba(255,255,255,.92)
}
.employee-progress-card>div {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px
}
.employee-progress-card small {
  color:#9ca2b0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em
}
.employee-progress-card strong {
  color:#343e57;
  font:800 20px 'Plus Jakarta Sans',sans-serif
}
.employee-progress-card strong span {
  color:#a3a8b5;
  font-size:11px
}
.employee-progress-track {
  display:block;
  height:7px;
  margin:10px 0 7px;
  border-radius:999px;
  background:#eceef4;
  overflow:hidden
}
.employee-progress-track i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#736de0,#5b56c7)
}
.employee-profile-bar {
  position:relative;
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(210px,280px) auto;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding:14px 15px
}
.employee-profile-copy {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0
}
.employee-profile-copy div {
  min-width:0
}
.employee-profile-copy small {
  display:block;
  color:#a0a6b4;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.1em
}
.employee-profile-copy strong {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:3px;
  color:#2e374f;
  font-size:11px
}
.employee-profile-select select {
  width:100%;
  min-height:42px;
  padding:10px 36px 10px 12px;
  border:1px solid #dfe3ec;
  border-radius:11px;
  background:#fff;
  color:#343d54;
  font:700 10px 'DM Sans';
  outline:none
}
.employee-profile-select select:focus {
  border-color:#8d87e5;
  box-shadow:0 0 0 4px rgba(101,95,216,.09)
}
.employee-add-member {
  position:relative
}
.employee-add-member summary {
  list-style:none;
  padding:10px 12px;
  border-radius:10px;
  background:#f2f1ff;
  color:#625dd0;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap
}
.employee-add-member summary::-webkit-details-marker {
  display:none
}
.employee-add-member[open] summary {
  background:#e9e8ff
}
.employee-add-member>form {
  position:absolute;
  right:0;
  top:48px;
  z-index:10;
  width:290px;
  padding:14px;
  border:1px solid #e2e4ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 42px rgba(36,43,79,.14)
}
.employee-add-member .clean-primary {
  width:100%;
  margin-top:10px
}
.employee-work-grid {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  gap:14px;
  align-items:start
}
.employee-task-panel {
  padding:20px
}
.employee-clean-task-list {
  display:flex;
  flex-direction:column;
  gap:8px
}
.employee-clean-task {
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:11px 12px;
  border:1px solid #eceef4;
  border-radius:13px;
  background:#fff;
  transition:border-color .18s,background .18s,transform .18s
}
.employee-clean-task:hover {
  border-color:#dfe0ee;
  background:#fcfcff;
  transform:translateY(-1px)
}
.employee-clean-task.is-done {
  background:#fbfdfc;
  border-color:#e4eee9
}
.employee-task-number {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#f3f3fb;
  color:#9096a8;
  font-size:9px;
  font-weight:800
}
.employee-task-main {
  min-width:0
}
.employee-task-main strong {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2c354d;
  font-size:11px
}
.employee-task-main small,.employee-task-main a {
  display:block;
  margin-top:4px;
  color:#9da3b1;
  font-size:9px;
  text-decoration:none
}
.employee-task-main a {
  color:#716bd7;
  font-weight:700
}
.employee-task-start {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:92px;
  min-height:38px;
  padding:9px 12px;
  border:0;
  border-radius:10px;
  background:#efefff;
  color:#5e59cf;
  font-size:9px;
  font-weight:800;
  transition:background .18s,color .18s,transform .18s
}
.employee-task-start:hover,.employee-task-start.selected {
  background:#625dd0;
  color:#fff;
  transform:translateY(-1px)
}
.employee-done-badge {
  display:inline-flex;
  padding:8px 10px;
  border-radius:999px;
  background:var(--clean-success-soft);
  color:var(--clean-success);
  font-size:8.5px;
  font-weight:800;
  white-space:nowrap
}
.employee-submit-panel {
  position:sticky;
  top:16px;
  padding:21px
}
.employee-submit-panel h2 {
  margin:6px 0 6px;
  font:800 18px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.03em;
  color:#28324a
}
.employee-submit-panel>p {
  margin:0 0 18px;
  color:#949bad;
  font-size:10px;
  line-height:1.55
}
.employee-submit-panel form {
  display:flex;
  flex-direction:column;
  gap:13px
}
.employee-submit-panel.is-ready {
  border-color:#d9d7fa;
  box-shadow:0 18px 42px rgba(89,83,199,.11)
}
.employee-submit-panel.needs-task {
  animation:cleanShake .28s linear 2
}
.employee-file {
  padding:9px!important;
  background:#fafbfe!important
}
.employee-submit-btn {
  width:100%;
  margin-top:2px
}
.employee-onboarding {
  width:min(520px,100%);
  margin:70px auto 0;
  padding:30px
}
.employee-onboarding h1 {
  margin:7px 0 6px;
  font:800 27px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.04em
}
.employee-onboarding>p {
  margin:0 0 20px;
  color:#8c94a7;
  font-size:11px;
  line-height:1.6
}
.employee-register-first {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:10px
}
.employee-register-first .clean-primary {
  min-width:145px
}
@keyframes cleanShake {
  25% {
    transform:translateX(-4px)
  }
  75% {
    transform:translateX(4px)
  }
}
@media(max-width:900px) {
  .clean-member-row {
    grid-template-columns:minmax(180px,1.3fr) repeat(3,.5fr);
  }
  .clean-progress-wrap {
    grid-column:1/-1;
    padding-left:49px
  }
  .employee-work-grid {
    grid-template-columns:1fr
  }
  .employee-submit-panel {
    position:static
  }
}
@media(max-width:720px) {
  .master-clean-shell,.employee-clean-shell {
    width:min(100% - 22px,1180px);
    padding-top:18px
  }
  .clean-hero,.employee-clean-hero {
    align-items:flex-start;
    flex-direction:column;
    padding:22px
  }
  .clean-hero h1 {
    font-size:26px
  }
  .employee-clean-hero h1 {
    font-size:24px
  }
  .clean-hero-live {
    align-self:stretch;
    width:100%
  }
  .employee-progress-card {
    width:100%;
    flex-basis:auto
  }
  .clean-nav {
    width:100%;
    overflow-x:auto;
    justify-content:flex-start;
    margin-bottom:24px
  }
  .clean-nav-item {
    flex:1 0 auto;
    justify-content:center
  }
  .clean-summary-grid {
    grid-template-columns:1fr
  }
  .clean-summary-card {
    min-height:88px
  }
  .clean-task-form {
    align-items:stretch;
    flex-direction:column
  }
  .clean-task-form .clean-primary {
    width:100%
  }
  .clean-task-row {
    grid-template-columns:38px minmax(0,1fr) auto
  }
  .clean-task-row>.clean-status {
    grid-column:2;
    justify-self:start
  }
  .clean-task-actions {
    grid-row:1/3;
    grid-column:3
  }
  .clean-member-row {
    grid-template-columns:minmax(0,1fr) repeat(3,54px);
    gap:8px
  }
  .clean-member-person .clean-avatar {
    width:34px;
    height:34px
  }
  .clean-member-number {
    text-align:center
  }
  .clean-progress-wrap {
    padding-left:45px
  }
  .employee-profile-bar {
    grid-template-columns:1fr auto
  }
  .employee-profile-select {
    grid-column:1/-1;
    grid-row:2
  }
  .employee-add-member {
    grid-column:2;
    grid-row:1
  }
  .employee-add-member>form {
    width:min(290px,calc(100vw - 38px))
  }
}
@media(max-width:520px) {
  .clean-header {
    margin-bottom:18px
  }
  .clean-role {
    display:none
  }
  .clean-hero h1 {
    font-size:23px
  }
  .clean-section-head {
    align-items:flex-start;
    flex-direction:column
  }
  .clean-section-head h2 {
    font-size:19px
  }
  .clean-stat-card,.clean-task-card,.employee-task-panel,.employee-submit-panel {
    padding:16px
  }
  .clean-member-row {
    grid-template-columns:1fr 58px 58px
  }
  .clean-member-person {
    grid-column:1/-1
  }
  .clean-member-number:nth-of-type(4) {
    display:none
  }
  .clean-progress-wrap {
    grid-column:1/-1;
    padding-left:0
  }
  .clean-directory-row {
    grid-template-columns:38px minmax(0,1fr) auto
  }
  .clean-directory-stat {
    display:none
  }
  .clean-directory-row>.clean-status {
    grid-column:3
  }
  .employee-clean-task {
    grid-template-columns:36px minmax(0,1fr)
  }
  .employee-task-action {
    grid-column:2
  }
  .employee-task-start {
    width:100%;
    margin-top:2px
  }
  .employee-task-main strong {
    white-space:normal
  }
  .employee-register-first {
    grid-template-columns:1fr
  }
  .employee-register-first .clean-primary {
    width:100%
  }
  .employee-onboarding {
    margin-top:34px;
    padding:22px
  }
}
/* v9 - fixed daily platforms + shared live statistics */
.clean-status.pending {
  background:#f5f3ff;
  color:#7771d9
}
.daily-reset-badge {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  background:#f3f2ff;
  color:#6d67d8;
  font-size:9px;
  font-weight:800;
  white-space:nowrap
}
.daily-reset-badge:before {
  content:'↻';
  font-size:12px
}
.daily-card-head {
  align-items:center
}
.daily-work-grid {
  grid-template-columns:minmax(0,1.5fr) minmax(290px,.72fr)
}
.daily-platform-list {
  gap:9px
}
.daily-platform-task {
  grid-template-columns:44px minmax(0,1fr) auto;
  min-height:70px;
  padding:12px 13px
}
.platform-monogram {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:13px;
  background:linear-gradient(135deg,#f0efff,#e5e3ff);
  color:#625cd0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:inset 0 0 0 1px rgba(98,92,208,.06)
}
.daily-platform-task.is-done .platform-monogram {
  background:linear-gradient(135deg,#eef9f4,#e0f4ea);
  color:#2e9a6f
}
.daily-platform-task .employee-task-main strong {
  font-size:12px
}
.daily-platform-task .employee-task-main small {
  font-size:9.5px
}
.public-team-section {
  margin-top:26px
}
.public-live-pill {
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  gap:3px 7px;
  padding:8px 11px;
  border:1px solid #e5e7f0;
  border-radius:12px;
  background:#fff;
  color:#7f8799
}
.public-live-pill i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#43b783;
  box-shadow:0 0 0 4px rgba(67,183,131,.11)
}
.public-live-pill span {
  font-size:9px;
  font-weight:800;
  color:#4c576c
}
.public-live-pill small {
  grid-column:2;
  font-size:8px;
  color:#a2a8b4
}
.public-stats-card {
  padding:18px
}
.team-stats-scroll {
  width:100%;
  overflow-x:auto;
  padding-bottom:4px
}
.team-stats-table {
  min-width:850px;
  display:flex;
  flex-direction:column;
  gap:7px
}
.team-stats-row {
  display:grid;
  grid-template-columns:minmax(190px,1.55fr) repeat(7,58px) 88px;
  align-items:center;
  gap:7px;
  min-height:54px;
  padding:8px 10px;
  border:1px solid #edf0f5;
  border-radius:13px;
  background:#fff
}
.team-stats-head {
  min-height:34px;
  padding:0 10px;
  border:0;
  background:transparent;
  color:#a2a8b6;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-align:center
}
.team-stats-head>div:first-child {
  text-align:left;
  padding-left:4px
}
.team-member-cell {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0
}
.team-member-cell .clean-avatar {
  width:34px;
  height:34px;
  border-radius:11px;
  font-size:9px
}
.team-member-cell strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#30394f;
  font-size:10.5px
}
.team-status-cell {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin:auto;
  border-radius:10px;
  background:#f5f6fa;
  color:#b6bbc7;
  font-size:12px;
  font-weight:900
}
.team-status-cell.done {
  background:#eaf8f1;
  color:#2c966c;
  box-shadow:inset 0 0 0 1px #dbeee5
}
.team-progress-cell {
  text-align:center
}
.team-progress-cell strong {
  display:block;
  color:#333d55;
  font:800 12px 'Plus Jakarta Sans',sans-serif
}
.team-progress-cell span {
  display:block;
  margin-top:2px;
  color:#9da3b1;
  font-size:8px
}
.master-team-stats {
  padding:20px
}
.fixed-platform-card {
  padding:18px
}
.fixed-platform-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px
}
.fixed-platform-item {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid #eceef4;
  border-radius:14px;
  background:#fff
}
.fixed-platform-item strong {
  display:block;
  color:#303950;
  font-size:10.5px
}
.fixed-platform-item small {
  display:block;
  margin-top:3px;
  color:#a0a6b3;
  font-size:8.5px
}
.fixed-platform-item .platform-monogram {
  width:38px;
  height:38px;
  border-radius:12px
}
.master-daily-hero strong,.daily-hero strong {
  color:#5f59cf
}
@media(max-width:900px) {
  .daily-work-grid {
    grid-template-columns:1fr
  }
  .fixed-platform-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:720px) {
  .public-team-section .clean-section-head {
    align-items:flex-start
  }
  .team-stats-table {
    min-width:800px
  }
  .daily-platform-task {
    grid-template-columns:42px minmax(0,1fr) auto
  }
}
@media(max-width:520px) {
  .fixed-platform-grid {
    grid-template-columns:1fr
  }
  .daily-platform-task {
    grid-template-columns:40px minmax(0,1fr)
  }
  .daily-platform-task .employee-task-action {
    grid-column:2
  }
  .daily-platform-task .employee-task-start {
    width:100%
  }
  .public-stats-card {
    padding:12px
  }
}
/* v10 - robust daily actions + elegant shared stats */
.employee-task-start {
  text-decoration:none
}
.daily-platform-task {
  transition:border-color .18s,box-shadow .18s,transform .18s,background .18s
}
.daily-platform-task:hover {
  border-color:#e0e1f1;
  box-shadow:0 10px 24px rgba(54,61,105,.06)
}
.daily-platform-task.is-selected {
  border-color:#cfcdf7;
  background:linear-gradient(135deg,#fff 0%,#faf9ff 100%);
  box-shadow:0 12px 30px rgba(91,85,202,.10)
}
.daily-platform-task.is-selected .platform-monogram {
  background:linear-gradient(135deg,#6d67df,#5b56c8);
  color:#fff
}
.daily-platform-task.is-done {
  background:#fbfdfc;
  border-color:#e0efe8
}
.employee-task-start {
  min-width:96px;
  box-shadow:inset 0 0 0 1px rgba(101,95,216,.05)
}
.employee-task-start:focus-visible {
  outline:3px solid rgba(101,95,216,.18);
  outline-offset:2px
}
.employee-task-start.selected {
  box-shadow:0 9px 20px rgba(91,85,202,.22)
}
.employee-done-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:96px;
  min-height:38px;
  padding:9px 12px;
  border-radius:10px;
  background:#eef9f4;
  color:#2d936b;
  font-size:9px;
  font-weight:800
}
.submit-panel-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px
}
.selected-platform-pill {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:999px;
  background:#efefff;
  color:#605bd0;
  font-size:9px;
  font-weight:800;
  white-space:nowrap
}
.selected-platform-pill.is-empty {
  background:#f4f5f8;
  color:#a0a6b3
}
.employee-submit-panel {
  overflow:hidden
}
.employee-submit-panel:before {
  content:'';
  display:block;
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:transparent;
  transition:background .18s
}
.employee-submit-panel.is-ready:before {
  background:linear-gradient(#756fe2,#5a55c7)
}
.employee-submit-panel .clean-field input:disabled {
  background:#f7f8fb;
  color:#b0b5c1;
  cursor:not-allowed
}
.employee-file::file-selector-button {
  margin-right:10px;
  padding:8px 11px;
  border:0;
  border-radius:9px;
  background:#efefff;
  color:#5e59cf;
  font-weight:800;
  cursor:pointer
}
.employee-submit-btn {
  width:100%;
  min-height:48px;
  margin-top:2px
}
.employee-submit-btn:not(:disabled) {
  box-shadow:0 12px 26px rgba(89,83,199,.24)
}
/* Shared live statistics - cards, not a fragile wide table */
.member-progress-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}
.member-progress-card {
  min-width:0;
  padding:17px 18px;
  border:1px solid #e8eaf2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(43,50,88,.055);
  transition:transform .18s,border-color .18s,box-shadow .18s
}
.member-progress-card:hover {
  transform:translateY(-1px);
  border-color:#dddff0;
  box-shadow:0 16px 34px rgba(43,50,88,.075)
}
.member-progress-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px
}
.member-progress-person {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0
}
.member-progress-person>div {
  min-width:0
}
.member-progress-person strong {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2d374f;
  font:800 12px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.015em
}
.member-progress-person small {
  display:block;
  margin-top:3px;
  color:#9aa1b0;
  font-size:9px
}
.member-progress-percent {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:30px;
  padding:0 9px;
  border-radius:10px;
  background:#f2f1ff;
  color:#5e59cf;
  font:800 10px 'Plus Jakarta Sans',sans-serif
}
.member-progress-bar {
  display:block;
  height:6px;
  margin:14px 0 13px;
  border-radius:999px;
  background:#eff1f5;
  overflow:hidden
}
.member-progress-bar i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#756fe2,#5c57ca);
  transition:width .35s ease
}
.member-platform-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px
}
.member-platform-chip {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:8px 9px;
  border:1px solid #eceef4;
  border-radius:11px;
  background:#fafbfc;
  color:#9ba1ae
}
.member-platform-chip b {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:#f0f1f5;
  color:#8c93a2;
  font-size:8px;
  letter-spacing:.04em
}
.member-platform-chip small {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
  font-weight:700
}
.member-platform-chip i {
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f0f1f4;
  color:#b3b8c3;
  font-style:normal;
  font-size:9px;
  font-weight:900
}
.member-platform-chip.done {
  border-color:#dfeee7;
  background:#f7fcf9;
  color:#4f7967
}
.member-platform-chip.done b {
  background:#e8f6ef;
  color:#2f936b
}
.member-platform-chip.done i {
  background:#dff2e9;
  color:#298a63
}
.public-team-section .clean-section-head {
  align-items:center
}
.master-progress-wrap {
  padding:20px;
  border:1px solid #e8eaf2;
  border-radius:20px;
  background:rgba(255,255,255,.76);
  box-shadow:0 14px 34px rgba(43,50,88,.045)
}
.master-progress-title {
  margin-bottom:14px
}
.is-offline .member-progress-card {
  opacity:.68
}
@media(max-width:980px) {
  .member-progress-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:720px) {
  .member-platform-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .member-progress-card {
    padding:15px
  }
  .daily-platform-task.is-selected {
    transform:none
  }
}
@media(max-width:520px) {
  .submit-panel-top {
    align-items:flex-start;
    flex-direction:column
  }
  .member-progress-head {
    align-items:flex-start
  }
  .member-progress-person .clean-avatar {
    width:34px;
    height:34px
  }
  .member-progress-percent {
    min-width:44px;
    height:28px
  }
  .member-platform-grid {
    gap:6px
  }
  .member-platform-chip {
    padding:7px
  }
  .member-platform-chip small {
    font-size:7.5px
  }
  .master-progress-wrap {
    padding:13px
  }
}
/* v11 — dynamic daily jobs + member offday/cuti */
:root {
  --v11-ink:#1f2a44;
  --v11-muted:#7d879d;
  --v11-line:#e7eaf2;
  --v11-soft:#f7f8fc;
  --v11-purple:#625be3;
  --v11-purple-soft:#f0efff;
  --v11-green:#2f9d74;
  --v11-green-soft:#ecf8f3;
  --v11-orange:#d98a45;
  --v11-orange-soft:#fff4e8;
  --v11-red:#d85f68;
  --v11-red-soft:#fff0f1;
}
html {
  scroll-behavior:smooth
}
.master-flash {
  margin:18px 0 6px
}
.master-nav-v11 {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.summary-grid-v11 {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.manage-grid-v11 {
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.compact-manage-form, .manage-list-card {
  border:1px solid var(--v11-line);
  border-radius:20px;
  box-shadow:0 16px 40px rgba(38,48,82,.06);
}
.compact-manage-form {
  padding:22px;
  position:sticky;
  top:18px;
}
.manage-form-icon {
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  background:var(--v11-purple-soft);
  color:var(--v11-purple);
  font-size:24px;
  font-weight:800;
}
.manage-form-icon.calendar {
  font-size:21px
}
.manage-form-copy {
  margin-bottom:18px
}
.manage-form-copy h3 {
  margin:0;
  color:var(--v11-ink);
  font:800 18px/1.3 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.02em
}
.manage-form-copy p {
  margin:6px 0 0;
  color:var(--v11-muted);
  font-size:12px;
  line-height:1.6
}
.compact-manage-form .clean-field {
  margin-bottom:14px
}
.compact-manage-form .clean-primary {
  width:100%;
  justify-content:center
}
.compact-manage-form select, .compact-manage-form input {
  width:100%;
  min-height:45px;
  border:1px solid #dde2ec;
  border-radius:12px;
  background:#fff;
  color:var(--v11-ink);
  padding:11px 12px;
  font:600 12px 'DM Sans',sans-serif;
  outline:none;
}
.compact-manage-form select:focus, .compact-manage-form input:focus {
  border-color:#8e88ea;
  box-shadow:0 0 0 4px rgba(98,91,227,.10);
}
.compact-manage-form .clean-field label span {
  font-weight:500;
  color:#a0a7b7
}
.compact-manage-form .clean-field small {
  display:block;
  margin-top:6px;
  color:#9aa2b4;
  font-size:10px
}
.manage-list-card {
  padding:20px
}
.daily-job-manager-list, .schedule-manager-list {
  display:grid;
  gap:10px;
  margin-top:12px
}
.daily-job-manager-row, .schedule-manager-row {
  display:grid;
  align-items:center;
  gap:13px;
  padding:13px 14px;
  border:1px solid var(--v11-line);
  border-radius:15px;
  background:linear-gradient(180deg,#fff 0%,#fcfcff 100%);
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.daily-job-manager-row {
  grid-template-columns:auto minmax(0,1fr) auto
}
.schedule-manager-row {
  grid-template-columns:auto minmax(0,1fr) auto
}
.daily-job-manager-row:hover, .schedule-manager-row:hover {
  border-color:#d7d9ef;
  box-shadow:0 10px 24px rgba(50,59,106,.07);
  transform:translateY(-1px);
}
.daily-job-manager-row>div>strong, .schedule-manager-copy strong {
  display:block;
  color:var(--v11-ink);
  font:800 12px 'Plus Jakarta Sans',sans-serif
}
.daily-job-manager-row>div>small, .schedule-manager-copy small {
  display:block;
  margin-top:4px;
  color:#9098aa;
  font-size:10px;
  line-height:1.5
}
.danger-soft-button {
  border:0;
  border-radius:10px;
  background:var(--v11-red-soft);
  color:var(--v11-red);
  padding:9px 12px;
  font:700 10px 'DM Sans',sans-serif;
  cursor:pointer;
  transition:.18s;
}
.danger-soft-button:hover {
  background:#ffe5e7;
  transform:translateY(-1px)
}
.schedule-two-fields {
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:10px
}
.schedule-manager-copy>div {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.schedule-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  font:800 9px 'DM Sans',sans-serif;
  letter-spacing:.06em;
  white-space:nowrap;
}
.schedule-badge.offday {
  background:var(--v11-purple-soft);
  color:#5c55d7
}
.schedule-badge.cuti {
  background:var(--v11-orange-soft);
  color:#c77732
}
.member-progress-card.is-scheduled-off {
  background:linear-gradient(180deg,#fff 0%,#fbfbfe 100%);
  border-style:dashed;
}
.scheduled-off-message {
  margin-top:14px;
  border-radius:12px;
  background:#f6f7fb;
  color:#8c94a7;
  padding:12px 13px;
  font-size:10px;
  line-height:1.5;
}
.employee-mini-nav {
  display:flex;
  align-items:center;
  gap:8px;
  margin:16px 0 18px;
  padding:7px;
  border:1px solid var(--v11-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 10px 28px rgba(42,51,88,.05);
  overflow:auto;
}
.employee-mini-nav a {
  flex:0 0 auto;
  padding:10px 14px;
  border-radius:10px;
  color:#7a8398;
  text-decoration:none;
  font:700 10px 'DM Sans',sans-serif;
  transition:.18s;
}
.employee-mini-nav a:hover, .employee-mini-nav a.active {
  background:var(--v11-purple-soft);
  color:#5e57d8
}
.daily-hero.is-day-off {
  background:linear-gradient(135deg,#5f59d8 0%,#736de8 100%);
}
.employee-dayoff-card {
  min-width:190px;
  padding:17px 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  color:#fff;
}
.employee-dayoff-card small {
  display:block;
  opacity:.72;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em
}
.employee-dayoff-card strong {
  display:block;
  margin-top:7px;
  font:800 22px 'Plus Jakarta Sans',sans-serif
}
.employee-dayoff-card span {
  display:block;
  margin-top:4px;
  opacity:.82;
  font-size:10px
}
.employee-clean-task.is-disabled {
  opacity:.76;
  background:#fafafe
}
.employee-clean-task.is-disabled .platform-monogram {
  filter:saturate(.5)
}
.employee-schedule-section {
  margin-top:18px
}
.employee-schedule-card {
  padding:16px 18px
}
.employee-schedule-list {
  display:grid;
  gap:8px
}
.employee-schedule-row {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:12px 2px;
  border-bottom:1px solid #edf0f5;
}
.employee-schedule-row:last-child {
  border-bottom:0
}
.employee-schedule-row strong {
  display:block;
  color:var(--v11-ink);
  font:800 11px 'Plus Jakarta Sans',sans-serif
}
.employee-schedule-row small {
  display:block;
  margin-top:4px;
  color:#9098aa;
  font-size:10px
}
/* make dynamic job chips wrap gracefully when many jobs are added */
.member-platform-grid {
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important
}
.member-platform-chip {
  min-width:0
}
@media(max-width:980px) {
  .summary-grid-v11 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .manage-grid-v11 {
    grid-template-columns:1fr
  }
  .compact-manage-form {
    position:static
  }
}
@media(max-width:760px) {
  .master-nav-v11 {
    grid-template-columns:1fr 1fr
  }
  .daily-job-manager-row,   .schedule-manager-row {
    grid-template-columns:auto minmax(0,1fr)
  }
  .daily-job-manager-row form,   .schedule-manager-row form {
    grid-column:1/-1
  }
  .danger-soft-button {
    width:100%
  }
  .schedule-two-fields {
    grid-template-columns:1fr
  }
  .employee-mini-nav {
    margin-top:12px
  }
  .employee-dayoff-card {
    min-width:0;
    width:100%;
    margin-top:12px
  }
}
@media(max-width:520px) {
  .summary-grid-v11 {
    grid-template-columns:1fr
  }
  .master-nav-v11 {
    grid-template-columns:1fr
  }
  .compact-manage-form,   .manage-list-card {
    padding:16px
  }
  .member-platform-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}
/* v12 — Follow Up WhatsApp + per-member daily FU statistics */
:root {
  --v12-wa:#25a66a;
  --v12-wa-dark:#188a55;
  --v12-wa-soft:#eefaf4;
  --v12-wa-line:#d8f0e4;
}
.master-nav-v11 {
  grid-template-columns:repeat(5,minmax(0,1fr))
}
.summary-grid-v11 {
  grid-template-columns:repeat(5,minmax(0,1fr))
}
.followup-section {
  scroll-margin-top:18px
}
.followup-count-badge, .followup-total-pill {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--v12-wa-line);
  border-radius:999px;
  background:var(--v12-wa-soft);
  color:var(--v12-wa-dark);
  font:700 10px 'DM Sans',sans-serif;
  white-space:nowrap;
}
.followup-count-badge b {
  font-size:13px;
  color:#126f46
}
.followup-work-grid {
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:18px;
  align-items:start;
}
.followup-form-card, .followup-today-card, .followup-stat-card {
  border:1px solid #e7eaf2;
  border-radius:20px;
  box-shadow:0 16px 40px rgba(38,48,82,.06);
}
.followup-form-card {
  padding:22px
}
.followup-form-icon {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:14px;
  background:linear-gradient(180deg,#f2fbf6 0%,#e8f7ef 100%);
  color:var(--v12-wa-dark);
  border:1px solid var(--v12-wa-line);
  font:800 11px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.03em;
}
.followup-form-copy {
  margin-bottom:18px
}
.followup-form-copy h3 {
  margin:0;
  color:#1f2a44;
  font:800 18px/1.3 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.02em
}
.followup-form-copy p {
  margin:6px 0 0;
  color:#7d879d;
  font-size:12px;
  line-height:1.6
}
.followup-form-card .clean-field {
  margin-bottom:14px
}
.followup-form-card .clean-field input[type="tel"], .followup-form-card .clean-field input:not([type]) {
  width:100%;
  min-height:46px;
  border:1px solid #dfe4ec;
  border-radius:12px;
  background:#fff;
  padding:11px 12px;
  color:#24304a;
  font:600 12px 'DM Sans',sans-serif;
  outline:none;
}
.followup-form-card .clean-field input:focus {
  border-color:#73c79d;
  box-shadow:0 0 0 4px rgba(37,166,106,.10)
}
.followup-form-card .clean-field small {
  display:block;
  margin-top:6px;
  color:#98a0b1;
  font-size:10px;
  line-height:1.5
}
.followup-submit {
  width:100%;
  justify-content:center;
  background:linear-gradient(135deg,#2dad72 0%,#21965f 100%)
}
.followup-submit:hover {
  background:linear-gradient(135deg,#279f69 0%,#1d8957 100%)
}
.followup-submit:disabled {
  opacity:.48;
  cursor:not-allowed;
  transform:none;
  box-shadow:none
}
.followup-today-card {
  padding:20px
}
.followup-number-list {
  display:grid;
  gap:9px;
  margin-top:12px
}
.followup-number-row {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border:1px solid #e8ecf2;
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fcfefd 100%);
}
.followup-wa-dot {
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--v12-wa-soft);
  color:var(--v12-wa-dark);
  font:800 9px 'Plus Jakarta Sans',sans-serif;
}
.followup-number-row strong {
  display:block;
  color:#26304a;
  font:800 12px 'Plus Jakarta Sans',sans-serif
}
.followup-number-row small {
  display:block;
  margin-top:4px;
  color:#929aab;
  font-size:10px
}
.followup-ok {
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--v12-wa-soft);
  color:var(--v12-wa-dark);
  font-weight:800
}
.member-followup-summary {
  margin-top:14px;
  padding:12px 13px;
  border:1px solid var(--v12-wa-line);
  border-radius:13px;
  background:linear-gradient(180deg,#f8fdfb 0%,#f2fbf6 100%);
}
.member-followup-head {
  display:flex;
  align-items:center;
  gap:8px
}
.member-followup-head>span {
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:9px;
  background:#daf3e6;
  color:#187f50;
  font:800 8px 'Plus Jakarta Sans',sans-serif;
}
.member-followup-head strong {
  color:#2a5743;
  font:800 10px 'Plus Jakarta Sans',sans-serif
}
.member-followup-numbers {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px
}
.member-followup-numbers span {
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 8px;
  border-radius:8px;
  background:#fff;
  border:1px solid #dcefe5;
  color:#3c6654;
  font:700 9px 'DM Sans',sans-serif;
}
.member-followup-numbers small {
  color:#8aa396;
  font-size:9px
}
.followup-stat-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.followup-stat-card {
  padding:17px 18px
}
.followup-stat-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px
}
.followup-stat-count {
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  color:#146f47;
  font:800 22px 'Plus Jakarta Sans',sans-serif;
  white-space:nowrap;
}
.followup-stat-count small {
  color:#7c998a;
  font:700 9px 'DM Sans',sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em
}
.followup-stat-numbers {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #eef1f4
}
.followup-stat-numbers>span:not(.fu-empty) {
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:6px 9px;
  border:1px solid var(--v12-wa-line);
  border-radius:9px;
  background:var(--v12-wa-soft);
  color:#286049;
  font:700 10px 'DM Sans',sans-serif;
}
.fu-empty {
  color:#9ca4b4;
  font-size:10px
}
.clean-summary-icon {
  font-size:11px
}
@media(max-width:1100px) {
  .master-nav-v11 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .summary-grid-v11 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}
@media(max-width:900px) {
  .followup-work-grid {
    grid-template-columns:1fr
  }
  .followup-stat-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:760px) {
  .master-nav-v11 {
    grid-template-columns:1fr 1fr
  }
  .summary-grid-v11 {
    grid-template-columns:1fr 1fr
  }
  .employee-mini-nav {
    flex-wrap:wrap;
    overflow:visible
  }
  .employee-mini-nav a {
    flex:1 1 calc(50% - 8px);
    text-align:center
  }
}
@media(max-width:520px) {
  .master-nav-v11,.summary-grid-v11 {
    grid-template-columns:1fr
  }
  .employee-mini-nav a {
    flex-basis:100%
  }
  .followup-form-card,.followup-today-card,.followup-stat-card {
    padding:16px
  }
  .followup-number-row {
    grid-template-columns:auto minmax(0,1fr)
  }
  .followup-ok {
    display:none
  }
  .followup-stat-head {
    align-items:flex-start
  }
  .followup-stat-count {
    font-size:18px
  }
}
.followup-stat-numbers .fu-proof-item {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:31px;
  padding:5px 6px 5px 9px;
  border:1px solid var(--v12-wa-line);
  border-radius:10px;
  background:var(--v12-wa-soft);
}
.followup-stat-numbers .fu-proof-item b {
  color:#286049;
  font:700 10px 'DM Sans',sans-serif
}
.followup-stat-numbers .fu-proof-item a {
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 7px;
  border-radius:7px;
  background:#fff;
  color:#197c50;
  text-decoration:none;
  font:800 8px 'DM Sans',sans-serif;
  box-shadow:inset 0 0 0 1px #d9eee3;
}
.followup-stat-numbers .fu-proof-item a:hover {
  background:#e9f8f0
}
/* v13 - member creation restricted to Master Panel */
.employee-profile-bar {
  grid-template-columns:minmax(0,1fr) minmax(240px,320px) !important;
}
.employee-profile-select {
  width:100%
}
.employee-master-only-empty {
  width:min(560px,100%);
  margin:70px auto;
  padding:38px;
  text-align:center;
}
.employee-master-only-empty .clean-kicker {
  justify-content:center
}
.master-only-icon {
  width:54px;
  height:54px;
  margin:18px auto 16px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#f0efff;
  color:#655fdd;
  font-size:22px;
  box-shadow:inset 0 0 0 1px #e4e2ff;
}
.employee-master-only-empty h1 {
  margin:0 0 9px;
  font-size:25px
}
.employee-master-only-empty>p {
  max-width:430px;
  margin:0 auto;
  color:#7f879b;
  font-size:12px;
  line-height:1.7
}
.master-only-note {
  display:flex;
  align-items:center;
  gap:11px;
  max-width:390px;
  margin:23px auto 0;
  padding:13px 15px;
  text-align:left;
  border:1px solid #e9eaf3;
  border-radius:14px;
  background:#fafaff;
}
.master-only-note>span {
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#ecebff;
  color:#625ddb;
  font-weight:800
}
.master-only-note strong {
  display:block;
  color:#303851;
  font-size:11px
}
.master-only-note small {
  display:block;
  margin-top:2px;
  color:#9299a9;
  font-size:10px
}
.member-admin-grid {
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:16px;
  align-items:start
}
.member-add-card {
  padding:20px;
  position:sticky;
  top:16px
}
.member-add-icon {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#efefff;
  color:#625ddd;
  font-size:21px;
  font-weight:700;
  margin-bottom:14px
}
.member-add-copy h3 {
  margin:0;
  color:#273049;
  font:800 16px 'Plus Jakarta Sans',sans-serif
}
.member-add-copy p {
  margin:5px 0 17px;
  color:#8b92a5;
  font-size:10px;
  line-height:1.5
}
.member-add-card .clean-primary {
  width:100%;
  margin-top:4px
}
.member-add-help {
  display:block;
  margin-top:10px;
  color:#9aa1b1;
  font-size:9px;
  line-height:1.5;
  text-align:center
}
.member-list-card {
  padding:0;
  overflow:hidden
}
.member-list-card-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:17px 18px;
  border-bottom:1px solid #eef0f5;
  background:#fcfcff
}
.member-list-card-head strong {
  display:block;
  color:#303850;
  font:800 12px 'Plus Jakarta Sans',sans-serif
}
.member-list-card-head small {
  display:block;
  margin-top:3px;
  color:#969dad;
  font-size:9px
}
.member-list-card-head>span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:9px;
  background:#f0efff;
  color:#655fdd;
  font:800 9px 'DM Sans',sans-serif
}
.member-list-card .clean-member-directory {
  padding:0 18px 8px
}
@media(max-width:820px) {
  .member-admin-grid {
    grid-template-columns:1fr
  }
  .member-add-card {
    position:static
  }
  .employee-profile-bar {
    grid-template-columns:1fr !important
  }
  .employee-profile-select {
    width:100%
  }
}
@media(max-width:520px) {
  .employee-master-only-empty {
    margin:35px auto;
    padding:25px 18px
  }
  .employee-master-only-empty h1 {
    font-size:21px
  }
}
/* v14 - master-only member deletion + password security */
.clean-directory-row {
  grid-template-columns:42px minmax(0,1fr) auto auto auto;
}
.member-delete-form {
  margin:0;
  display:flex;
  justify-content:flex-end
}
.member-delete-button {
  border:1px solid #f0dadd;
  background:#fff8f8;
  color:#bd5660;
  min-height:32px;
  padding:7px 11px;
  border-radius:10px;
  font:700 9px 'DM Sans',sans-serif;
  cursor:pointer;
  transition:.18s ease;
}
.member-delete-button:hover {
  background:#ffebed;
  border-color:#e9c5ca;
  transform:translateY(-1px);
}
.security-lock-badge {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 11px;
  border-radius:999px;
  background:#edf8f2;
  color:#3c936b;
  font:800 9px 'DM Sans',sans-serif;
  letter-spacing:.04em;
}
.security-grid-v14 {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);
  gap:16px;
  align-items:start
}
.security-card-v14 {
  padding:22px
}
.security-card-v14>div:nth-of-type(2) h3 {
  margin:0;
  color:#273049;
  font:800 16px 'Plus Jakarta Sans',sans-serif
}
.security-card-v14>div:nth-of-type(2) p {
  margin:6px 0 18px;
  color:#8b92a5;
  font-size:10px;
  line-height:1.6
}
.security-icon-v14 {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#efefff;
  color:#625ddd;
  font-size:20px;
  margin-bottom:13px
}
.security-two-fields-v14 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.security-card-v14 .clean-primary {
  margin-top:6px
}
.security-info-v14 {
  padding:20px;
  display:flex;
  gap:13px;
  align-items:flex-start;
  background:linear-gradient(180deg,#fff 0%,#fbfbff 100%)
}
.security-info-mark {
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#f0efff;
  color:#625ddd
}
.security-info-v14 strong {
  display:block;
  color:#303850;
  font:800 12px 'Plus Jakarta Sans',sans-serif
}
.security-info-v14 p {
  margin:6px 0 0;
  color:#8d94a6;
  font-size:10px;
  line-height:1.65
}
.security-info-v14 code {
  padding:2px 5px;
  border-radius:5px;
  background:#f1f2f7;
  color:#555d75;
  font-size:9px
}
@media(max-width:900px) {
  .security-grid-v14 {
    grid-template-columns:1fr
  }
}
@media(max-width:700px) {
  .clean-directory-row {
    grid-template-columns:38px minmax(0,1fr) auto
  }
  .clean-directory-row>.clean-directory-stat {
    grid-column:2
  }
  .clean-directory-row>.clean-status,.clean-directory-row>.schedule-badge {
    grid-column:3;
    grid-row:2
  }
  .member-delete-form {
    grid-column:1/-1;
    justify-content:stretch
  }
  .member-delete-button {
    width:100%
  }
  .security-two-fields-v14 {
    grid-template-columns:1fr
  }
}
/* v15 - reliable member delete controls live only in member directory */
.member-list-card .clean-directory-row {
  grid-template-columns:42px minmax(0,1fr) auto auto auto;
  align-items:center;
}
.member-list-card .member-delete-form {
  display:flex;
  justify-content:flex-end;
  margin:0;
}
.member-list-card .member-delete-button {
  min-width:72px;
  min-height:34px;
  border:1px solid #efd7dc;
  background:#fff8f9;
  color:#b94f5b;
  border-radius:10px;
  padding:7px 12px;
  font:700 10px 'DM Sans',sans-serif;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.member-list-card .member-delete-button:hover {
  background:#ffedf0;
  border-color:#e8c1c8;
  transform:translateY(-1px);
}
@media(max-width:700px) {
  .member-list-card .clean-directory-row {
    grid-template-columns:38px minmax(0,1fr) auto
  }
  .member-list-card .member-delete-form {
    grid-column:1/-1;
    justify-content:stretch;
    margin-top:4px
  }
  .member-list-card .member-delete-button {
    width:100%;
    min-height:38px
  }
}
/* v16 - brand categories for daily jobdesk */
.brand-category-overview {
  margin:18px 0 22px;
  padding:18px;
  border:1px solid #e9ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(43,52,103,.06);
}
.brand-category-overview-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.brand-category-overview-head h3 {
  margin:4px 0 3px;
  font:800 16px 'Plus Jakarta Sans',sans-serif;
  color:#252d46
}
.brand-category-overview-head p {
  margin:0;
  color:#8b91a4;
  font-size:11px
}
.brand-filter-pill, .brand-category-card {
  border:0;
  font-family:'DM Sans',sans-serif;
  cursor:pointer;
}
.brand-filter-pill {
  min-height:36px;
  padding:8px 13px;
  border-radius:11px;
  background:#f4f4fa;
  color:#747b90;
  font-size:10px;
  font-weight:800;
  transition:.18s ease;
}
.brand-filter-pill:hover,.brand-filter-pill.active {
  background:#625bd8;
  color:#fff;
  box-shadow:0 8px 20px rgba(98,91,216,.22)
}
.brand-category-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.brand-category-card {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:3px 10px;
  padding:13px 14px;
  text-align:left;
  border:1px solid #eceef5;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#fbfbfe);
  color:#2d354d;
  transition:.18s ease;
}
.brand-category-card:hover {
  transform:translateY(-1px);
  border-color:#d6d8ed;
  box-shadow:0 10px 24px rgba(52,61,117,.08)
}
.brand-category-card.active {
  border-color:#bdb9ef;
  background:#f6f5ff;
  box-shadow:0 0 0 3px rgba(98,91,216,.08)
}
.brand-category-card>span {
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em
}
.brand-category-card>strong {
  grid-row:1/3;
  grid-column:2;
  font:800 18px 'Plus Jakarta Sans',sans-serif;
  color:#5c56cf
}
.brand-category-card>strong small {
  font-size:10px;
  color:#a1a5b5;
  margin-left:2px
}
.brand-category-card>em {
  font-style:normal;
  color:#9aa0b1;
  font-size:9px
}
.member-platform-chip {
  min-width:0
}
.member-platform-chip .job-chip-copy {
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px
}
.member-platform-chip .job-chip-copy small {
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.member-platform-chip .job-chip-copy em {
  display:block;
  font-style:normal;
  font-size:7px;
  line-height:1.2;
  color:#a0a5b5;
  font-weight:800;
  letter-spacing:.03em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.member-platform-chip.done .job-chip-copy em {
  color:#779b84
}
.category-empty-state {
  grid-column:1/-1;
  padding:12px;
  border:1px dashed #e1e3ec;
  border-radius:11px;
  color:#969bad;
  font-size:10px;
  text-align:center
}
.compact-manage-form select, .job-category-inline select {
  appearance:none;
  background:#fff;
  border:1px solid #e1e4ef;
  color:#333b54;
  border-radius:11px;
  font:700 10px 'DM Sans',sans-serif;
  outline:none;
}
.compact-manage-form select {
  width:100%;
  padding:11px 34px 11px 11px
}
.brand-job-manager-list {
  display:flex;
  flex-direction:column;
  gap:14px
}
.brand-job-group {
  border:1px solid #edf0f6;
  border-radius:15px;
  overflow:hidden;
  background:#fff;
}
.brand-job-group.is-uncategorized {
  border-style:dashed;
  background:#fffdf8
}
.brand-job-group-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  background:#f8f8fc;
  border-bottom:1px solid #edf0f6;
}
.brand-job-group-head span {
  font-size:10px;
  font-weight:900;
  color:#565d76;
  letter-spacing:.06em
}
.brand-job-group-head small {
  font-size:9px;
  color:#999fb0
}
.brand-job-row {
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid #f0f1f6!important;
  grid-template-columns:36px minmax(120px,1fr) auto auto!important;
  padding:11px 12px!important
}
.brand-job-row:last-child {
  border-bottom:0!important
}
.brand-job-copy {
  min-width:0
}
.brand-job-copy strong {
  display:block;
  color:#2c344d;
  font-size:11px
}
.brand-job-copy small {
  display:block;
  margin-top:3px;
  color:#9aa0b1;
  font-size:8px
}
.job-category-inline {
  display:flex;
  align-items:center;
  gap:6px;
  margin:0
}
.job-category-inline select {
  width:132px;
  padding:8px 26px 8px 9px
}
.job-category-inline button {
  min-height:32px;
  padding:7px 10px;
  border:1px solid #dedff0;
  border-radius:9px;
  background:#f7f6ff;
  color:#625bd8;
  font:800 9px 'DM Sans',sans-serif;
  cursor:pointer;
}
.job-category-inline button:hover {
  background:#eeecff
}
.employee-brand-filter, .public-brand-filter {
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:2px 0 12px;
}
.employee-brand-filter::-webkit-scrollbar,.public-brand-filter::-webkit-scrollbar {
  display:none
}
.employee-brand-filter button, .public-brand-filter button {
  flex:0 0 auto;
  border:1px solid #e6e8f0;
  background:#fff;
  color:#858b9e;
  border-radius:999px;
  padding:7px 11px;
  font:800 9px 'DM Sans',sans-serif;
  cursor:pointer;
  transition:.16s ease;
}
.employee-brand-filter button:hover,.public-brand-filter button:hover {
  border-color:#cbc8ed;
  color:#625bd8
}
.employee-brand-filter button.active,.public-brand-filter button.active {
  background:#625bd8;
  border-color:#625bd8;
  color:#fff;
  box-shadow:0 7px 18px rgba(98,91,216,.19)
}
.public-brand-filter {
  margin:0 0 14px
}
.employee-task-titleline {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.job-brand-badge {
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:4px 7px;
  border-radius:999px;
  background:#f1f0ff;
  color:#655fd0;
  font-size:7px;
  font-weight:900;
  letter-spacing:.04em;
}
.job-brand-badge.is-legacy {
  background:#f5f2ec;
  color:#9b8060
}
.daily-platform-task[hidden] {
  display:none!important
}
@media(max-width:900px) {
  .brand-category-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .brand-job-row {
    grid-template-columns:36px minmax(0,1fr) auto!important
  }
  .job-category-inline {
    grid-column:2/4;
    justify-content:flex-end
  }
}
@media(max-width:620px) {
  .brand-category-overview {
    padding:15px
  }
  .brand-category-overview-head {
    align-items:flex-start;
    flex-direction:column
  }
  .brand-category-grid {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .brand-category-card {
    padding:11px
  }
  .brand-category-card>strong {
    font-size:15px
  }
  .brand-job-row {
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important
  }
  .job-category-inline {
    grid-column:1/-1;
    width:100%;
    justify-content:stretch
  }
  .job-category-inline select {
    width:auto;
    flex:1
  }
  .brand-job-row>form:last-child {
    grid-column:1/-1;
    width:100%
  }
  .brand-job-row>form:last-child button {
    width:100%
  }
}
/* v16 - brand categories for daily jobdesk */
.brand-category-overview {
  margin:18px 0 22px;
  padding:18px;
  border:1px solid #e9ebf4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(43,52,103,.06);
}
.brand-category-overview-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.brand-category-overview-head h3 {
  margin:4px 0 3px;
  font:800 16px 'Plus Jakarta Sans',sans-serif;
  color:#252d46
}
.brand-category-overview-head p {
  margin:0;
  color:#8b91a4;
  font-size:11px
}
.brand-filter-pill, .brand-category-card {
  border:0;
  font-family:'DM Sans',sans-serif;
  cursor:pointer;
}
.brand-filter-pill {
  min-height:36px;
  padding:8px 13px;
  border-radius:11px;
  background:#f4f4fa;
  color:#747b90;
  font-size:10px;
  font-weight:800;
  transition:.18s ease;
}
.brand-filter-pill:hover,.brand-filter-pill.active {
  background:#625bd8;
  color:#fff;
  box-shadow:0 8px 20px rgba(98,91,216,.22)
}
.brand-category-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.brand-category-card {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:3px 10px;
  padding:13px 14px;
  text-align:left;
  border:1px solid #eceef5;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#fbfbfe);
  color:#2d354d;
  transition:.18s ease;
}
.brand-category-card:hover {
  transform:translateY(-1px);
  border-color:#d6d8ed;
  box-shadow:0 10px 24px rgba(52,61,117,.08)
}
.brand-category-card.active {
  border-color:#bdb9ef;
  background:#f6f5ff;
  box-shadow:0 0 0 3px rgba(98,91,216,.08)
}
.brand-category-card>span {
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em
}
.brand-category-card>strong {
  grid-row:1/3;
  grid-column:2;
  font:800 18px 'Plus Jakarta Sans',sans-serif;
  color:#5c56cf
}
.brand-category-card>strong small {
  font-size:10px;
  color:#a1a5b5;
  margin-left:2px
}
.brand-category-card>em {
  font-style:normal;
  color:#9aa0b1;
  font-size:9px
}
.member-platform-chip {
  min-width:0
}
.member-platform-chip .job-chip-copy {
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px
}
.member-platform-chip .job-chip-copy small {
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.member-platform-chip .job-chip-copy em {
  display:block;
  font-style:normal;
  font-size:7px;
  line-height:1.2;
  color:#a0a5b5;
  font-weight:800;
  letter-spacing:.03em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.member-platform-chip.done .job-chip-copy em {
  color:#779b84
}
.category-empty-state {
  grid-column:1/-1;
  padding:12px;
  border:1px dashed #e1e3ec;
  border-radius:11px;
  color:#969bad;
  font-size:10px;
  text-align:center
}
.compact-manage-form select, .job-category-inline select {
  appearance:none;
  background:#fff;
  border:1px solid #e1e4ef;
  color:#333b54;
  border-radius:11px;
  font:700 10px 'DM Sans',sans-serif;
  outline:none;
}
.compact-manage-form select {
  width:100%;
  padding:11px 34px 11px 11px
}
.brand-job-manager-list {
  display:flex;
  flex-direction:column;
  gap:14px
}
.brand-job-group {
  border:1px solid #edf0f6;
  border-radius:15px;
  overflow:hidden;
  background:#fff;
}
.brand-job-group.is-uncategorized {
  border-style:dashed;
  background:#fffdf8
}
.brand-job-group-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  background:#f8f8fc;
  border-bottom:1px solid #edf0f6;
}
.brand-job-group-head span {
  font-size:10px;
  font-weight:900;
  color:#565d76;
  letter-spacing:.06em
}
.brand-job-group-head small {
  font-size:9px;
  color:#999fb0
}
.brand-job-row {
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid #f0f1f6!important;
  grid-template-columns:36px minmax(120px,1fr) auto auto!important;
  padding:11px 12px!important
}
.brand-job-row:last-child {
  border-bottom:0!important
}
.brand-job-copy {
  min-width:0
}
.brand-job-copy strong {
  display:block;
  color:#2c344d;
  font-size:11px
}
.brand-job-copy small {
  display:block;
  margin-top:3px;
  color:#9aa0b1;
  font-size:8px
}
.job-category-inline {
  display:flex;
  align-items:center;
  gap:6px;
  margin:0
}
.job-category-inline select {
  width:132px;
  padding:8px 26px 8px 9px
}
.job-category-inline button {
  min-height:32px;
  padding:7px 10px;
  border:1px solid #dedff0;
  border-radius:9px;
  background:#f7f6ff;
  color:#625bd8;
  font:800 9px 'DM Sans',sans-serif;
  cursor:pointer;
}
.job-category-inline button:hover {
  background:#eeecff
}
.employee-brand-filter, .public-brand-filter {
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:2px 0 12px;
}
.employee-brand-filter::-webkit-scrollbar,.public-brand-filter::-webkit-scrollbar {
  display:none
}
.employee-brand-filter button, .public-brand-filter button {
  flex:0 0 auto;
  border:1px solid #e6e8f0;
  background:#fff;
  color:#858b9e;
  border-radius:999px;
  padding:7px 11px;
  font:800 9px 'DM Sans',sans-serif;
  cursor:pointer;
  transition:.16s ease;
}
.employee-brand-filter button:hover,.public-brand-filter button:hover {
  border-color:#cbc8ed;
  color:#625bd8
}
.employee-brand-filter button.active,.public-brand-filter button.active {
  background:#625bd8;
  border-color:#625bd8;
  color:#fff;
  box-shadow:0 7px 18px rgba(98,91,216,.19)
}
.public-brand-filter {
  margin:0 0 14px
}
.employee-task-titleline {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.job-brand-badge {
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:4px 7px;
  border-radius:999px;
  background:#f1f0ff;
  color:#655fd0;
  font-size:7px;
  font-weight:900;
  letter-spacing:.04em;
}
.job-brand-badge.is-legacy {
  background:#f5f2ec;
  color:#9b8060
}
.daily-platform-task[hidden] {
  display:none!important
}
@media(max-width:900px) {
  .brand-category-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .brand-job-row {
    grid-template-columns:36px minmax(0,1fr) auto!important
  }
  .job-category-inline {
    grid-column:2/4;
    justify-content:flex-end
  }
}
@media(max-width:620px) {
  .brand-category-overview {
    padding:15px
  }
  .brand-category-overview-head {
    align-items:flex-start;
    flex-direction:column
  }
  .brand-category-grid {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .brand-category-card {
    padding:11px
  }
  .brand-category-card>strong {
    font-size:15px
  }
  .brand-job-row {
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important
  }
  .job-category-inline {
    grid-column:1/-1;
    width:100%;
    justify-content:stretch
  }
  .job-category-inline select {
    width:auto;
    flex:1
  }
  .brand-job-row>form:last-child {
    grid-column:1/-1;
    width:100%
  }
  .brand-job-row>form:last-child button {
    width:100%
  }
}
/* v17 - website category lives inside the proof form */
.website-category-field {
  margin-bottom:2px
}
.website-category-field select {
  font-weight:700;
  color:#2b3350;
  background:#fff;
  cursor:pointer
}
.website-category-field select:disabled {
  cursor:not-allowed;
  color:#a3a8b6;
  background:#f6f7fb
}
.website-category-field small {
  display:block;
  margin-top:7px;
  color:#9aa1b2;
  font-size:9px;
  line-height:1.45
}
.website-category-field select.field-attention {
  border-color:#e46b73!important;
  box-shadow:0 0 0 4px rgba(228,107,115,.12)!important
}
/* v18 - website category for WhatsApp follow-up */
.followup-website-field {
  margin-top:16px
}
.followup-website-field select {
  min-height:44px
}
.fu-brand-tag {
  display:inline-flex;
  align-items:center;
  margin-right:7px;
  padding:3px 7px;
  border-radius:999px;
  background:#f1f0ff;
  color:#5f59d7;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  vertical-align:middle
}
.fu-number-brand-chip {
  display:inline-flex!important;
  align-items:center;
  gap:6px
}
.fu-number-brand-chip b {
  display:inline-flex;
  align-items:center;
  padding:2px 5px;
  border-radius:999px;
  background:#eceaff;
  color:#5d57d4;
  font-size:7px;
  line-height:1.2;
  letter-spacing:.03em
}
.fu-proof-copy {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px
}
.fu-proof-copy small {
  color:#7b8296;
  font-size:8px;
  font-weight:800
}
@media(max-width:600px) {
  .followup-website-field {
    margin-top:14px
  }
  .fu-brand-tag {
    margin-right:5px
  }
}
/* v20 - simplified master checklist */
.member-checklist-grid {
  grid-template-columns:1fr!important;
  gap:14px
}
.member-checklist-card {
  padding:18px 20px!important
}
.member-checklist-card .member-progress-bar {
  margin:12px 0 14px
}
.member-brand-checklist {
  display:flex;
  flex-direction:column;
  gap:7px
}
.brand-check-row {
  display:grid;
  grid-template-columns:125px minmax(0,1fr) 48px;
  align-items:center;
  gap:12px;
  min-height:47px;
  padding:8px 10px;
  border:1px solid #eceef4;
  border-radius:12px;
  background:#fbfcfe
}
.brand-check-title {
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px
}
.brand-check-title strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#303850;
  font:800 10px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.025em
}
.brand-check-title small {
  display:none;
  color:#9aa0b1;
  font:800 8px 'DM Sans',sans-serif
}
.brand-check-platforms {
  display:grid;
  grid-template-columns:repeat(7,minmax(42px,1fr));
  gap:6px;
  min-width:0
}
.brand-platform-status {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  min-height:30px;
  padding:5px 7px;
  border:1px solid #e8eaf0;
  border-radius:9px;
  background:#f5f6f9;
  color:#a0a6b3
}
.brand-platform-status b {
  font:800 8px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.03em
}
.brand-platform-status i {
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#eceef3;
  color:#b3b8c4;
  font:900 8px 'DM Sans',sans-serif;
  font-style:normal
}
.brand-platform-status.done {
  border-color:#d8eee3;
  background:#f4fbf7;
  color:#2f8c66
}
.brand-platform-status.done i {
  background:#dff3e8;
  color:#26825c
}
.brand-check-total {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:28px;
  border-radius:9px;
  background:#f2f2f8;
  color:#7f8698;
  font:800 9px 'Plus Jakarta Sans',sans-serif
}
.brand-check-total.complete {
  background:#e8f6ef;
  color:#27815d
}
.compact-followup-summary {
  margin-top:10px!important;
  padding:8px 10px!important
}
.compact-followup-summary .member-followup-head {
  display:grid;
  grid-template-columns:27px 1fr auto;
  gap:8px
}
.compact-followup-summary .member-followup-head em {
  font-style:normal;
  color:#23815a;
  font:800 9px 'Plus Jakarta Sans',sans-serif
}
.master-progress-title p:after {
  content:' · Hijau = selesai, abu-abu = belum';
  color:#aaaebe
}
@media(max-width:900px) {
  .brand-check-row {
    grid-template-columns:105px minmax(470px,1fr) 44px;
    overflow-x:auto
  }
  .member-brand-checklist {
    overflow-x:auto;
    padding-bottom:2px
  }
  .brand-check-row {
    min-width:690px
  }
}
@media(max-width:620px) {
  .member-checklist-card {
    padding:15px!important
  }
  .brand-check-row {
    grid-template-columns:100px minmax(430px,1fr) 42px;
    min-width:630px;
    padding:7px 8px
  }
  .brand-check-platforms {
    gap:5px
  }
  .brand-platform-status {
    padding:5px 6px
  }
  .brand-check-title strong {
    font-size:9px
  }
  .master-progress-title p:after {
    display:none
  }
}
/* v21 - one website = seven daily jobs */
.employee-brand-filter, .public-brand-filter {
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 0 7px;
  scrollbar-width:thin;
}
.employee-brand-filter button, .public-brand-filter button {
  flex:0 0 auto;
}
.employee-brand-filter button.active, .public-brand-filter button.active {
  box-shadow:0 6px 18px rgba(91,83,218,.18);
}
.employee-progress-card small b {
  color:inherit;
  font-weight:800;
}
.brand-active-note {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid #e2e4f0;
  border-radius:999px;
  background:#fff;
  color:#777f94;
  font:700 10px 'DM Sans',sans-serif;
  white-space:nowrap;
}
.brand-category-card.active {
  border-color:#cbc8ff;
  background:#f6f5ff;
  box-shadow:0 8px 20px rgba(86,80,208,.10);
}
.directory-brand-indicator {
  display:flex;
  align-items:center;
  gap:8px;
}
.directory-brand-indicator b {
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 10px;
  border-radius:9px;
  background:#efedff;
  color:#5d58d4;
  font:800 9px 'Plus Jakarta Sans',sans-serif;
}
.directory-brand-indicator span {
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 10px;
  border-radius:9px;
  background:#f7f7fb;
  color:#858b9c;
  font:700 9px 'DM Sans',sans-serif;
}
@media(max-width:700px) {
  .brand-category-overview-head {
    align-items:flex-start;
    gap:12px;
    flex-direction:column
  }
  .directory-brand-indicator {
    margin-top:8px
  }
  .member-list-card-head {
    align-items:flex-start;
    gap:10px;
    flex-direction:column
  }
}
/* v21 - one website = seven daily jobs */
.employee-brand-filter, .public-brand-filter {
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 0 7px;
  scrollbar-width:thin;
}
.employee-brand-filter button, .public-brand-filter button {
  flex:0 0 auto;
}
.employee-brand-filter button.active, .public-brand-filter button.active {
  box-shadow:0 6px 18px rgba(91,83,218,.18);
}
.employee-progress-card small b {
  color:inherit;
  font-weight:800;
}
.brand-active-note {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid #e2e4f0;
  border-radius:999px;
  background:#fff;
  color:#777f94;
  font:700 10px 'DM Sans',sans-serif;
  white-space:nowrap;
}
.brand-category-card.active {
  border-color:#cbc8ff;
  background:#f6f5ff;
  box-shadow:0 8px 20px rgba(86,80,208,.10);
}
.directory-brand-indicator {
  display:flex;
  align-items:center;
  gap:8px;
}
.directory-brand-indicator b {
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 10px;
  border-radius:9px;
  background:#efedff;
  color:#5d58d4;
  font:800 9px 'Plus Jakarta Sans',sans-serif;
}
.directory-brand-indicator span {
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 10px;
  border-radius:9px;
  background:#f7f7fb;
  color:#858b9c;
  font:700 9px 'DM Sans',sans-serif;
}
@media(max-width:700px) {
  .brand-category-overview-head {
    align-items:flex-start;
    gap:12px;
    flex-direction:column
  }
  .directory-brand-indicator {
    margin-top:8px
  }
  .member-list-card-head {
    align-items:flex-start;
    gap:10px;
    flex-direction:column
  }
}
/* v22 - compact collapsible daily jobdesk manager */
.brand-job-manager-list {
  display:grid;
  gap:9px;
}
.brand-job-accordion {
  margin:0 !important;
  border:1px solid #e7e9f2 !important;
  border-radius:14px !important;
  background:#fff !important;
  overflow:hidden;
  box-shadow:none !important;
}
.brand-job-accordion[open] {
  border-color:#dcdff0 !important;
  box-shadow:0 9px 24px rgba(52,61,110,.06) !important;
}
.brand-job-summary {
  min-height:52px;
  padding:0 15px !important;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
  user-select:none;
  background:#fbfcff !important;
  border:0 !important;
}
.brand-job-summary::-webkit-details-marker {
  display:none
}
.brand-job-summary::marker {
  display:none;
  content:''
}
.brand-job-summary:hover {
  background:#f7f8fd !important
}
.brand-job-summary-name {
  font:800 11px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.055em;
  color:#3f4861;
}
.brand-job-summary-meta {
  display:flex;
  align-items:center;
  gap:10px;
}
.brand-job-summary-meta small {
  padding:5px 9px;
  border-radius:999px;
  background:#f0f1fb;
  color:#777e98 !important;
  font-size:9px !important;
  font-weight:800;
}
.brand-job-summary-meta i {
  width:26px;
  height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#f2f3fa;
  color:#777ed2;
  font-style:normal;
  font-size:15px;
  transition:transform .18s ease,background .18s ease;
}
.brand-job-accordion[open] .brand-job-summary-meta i {
  transform:rotate(180deg);
  background:#eae9ff;
}
.brand-job-group-body {
  padding:5px 10px 10px;
  border-top:1px solid #edf0f6;
  background:#fff;
}
.brand-job-group-body .daily-job-manager-row {
  min-height:54px;
  padding:8px 9px;
  margin:0;
  border:0;
  border-bottom:1px solid #f0f2f7;
  border-radius:0;
  box-shadow:none;
}
.brand-job-group-body .daily-job-manager-row:last-child {
  border-bottom:0
}
.brand-job-group-body .platform-monogram {
  width:30px;
  height:30px;
  border-radius:9px;
  font-size:8px;
}
.brand-job-group-body .brand-job-copy strong {
  font-size:10px
}
.brand-job-group-body .brand-job-copy small {
  font-size:8px
}
.brand-job-group-body .job-category-inline select {
  min-height:33px;
  padding:6px 28px 6px 9px;
  font-size:9px;
}
.brand-job-group-body .job-category-inline button, .brand-job-group-body .danger-soft-button {
  min-height:33px;
  padding:6px 10px;
  font-size:9px;
}
.brand-job-accordion.is-uncategorized .brand-job-summary {
  background:#fffaf0 !important
}
@media(max-width:760px) {
  .brand-job-summary {
    min-height:48px;
    padding:0 12px !important
  }
  .brand-job-group-body {
    padding:4px 8px 8px
  }
  .brand-job-group-body .daily-job-manager-row {
    grid-template-columns:auto minmax(0,1fr);
    gap:8px
  }
  .brand-job-group-body .job-category-inline,   .brand-job-group-body .daily-job-manager-row>form:last-child {
    grid-column:2
  }
}
/* v24 - self-contained inline platform icons (no external asset dependency) */
.platform-icon {
  position:relative;
  overflow:hidden;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-color:transparent;
  box-shadow:none;
}
.platform-icon::after {
  display:none
}
/* Facebook */
.platform-icon.icon-facebook {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%231877F2'/%3E%3Cpath fill='white' d='M37.3 54V34.6h6.4l1-7.6h-7.4v-4.8c0-2.2.7-3.6 3.8-3.6H45v-6.8c-.7-.1-2.7-.3-5-.3-4.9 0-8.2 3-8.2 8.6v4.9H26v7.6h5.8V54h5.5z'/%3E%3C/svg%3E");
}
/* Instagram */
.platform-icon.icon-instagram {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='64' x2='64' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23f9ce34'/%3E%3Cstop offset='0.35' stop-color='%23ee2a7b'/%3E%3Cstop offset='0.68' stop-color='%236228d7'/%3E%3Cstop offset='1' stop-color='%234f5bd5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='18' fill='url(%23g)'/%3E%3Crect x='17' y='17' width='30' height='30' rx='9' fill='none' stroke='white' stroke-width='4'/%3E%3Ccircle cx='32' cy='32' r='7.5' fill='none' stroke='white' stroke-width='4'/%3E%3Ccircle cx='42.5' cy='21.5' r='2.5' fill='white'/%3E%3C/svg%3E");
}
/* Medium */
.platform-icon.icon-medium {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%230f1111'/%3E%3Cpath fill='white' d='M18 21h6.7l10.4 16.8L45.4 21H52v22.1l3 2.9V49H44.1v-3l3.1-3V28.6L35.7 49h-1.2L22.2 28.6v12.7l4.1 4V49H15v-3.7l4.1-4V25.8L18 24.5V21z'/%3E%3C/svg%3E");
}
/* YouTube */
.platform-icon.icon-youtube {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='white'/%3E%3Crect x='12' y='18' width='40' height='28' rx='8' fill='%23FF0000'/%3E%3Cpath fill='white' d='M28 25.5v13l11-6.5-11-6.5z'/%3E%3C/svg%3E");
}
/* Pinterest */
.platform-icon.icon-pinterest {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23E01E25'/%3E%3Cpath fill='white' d='M34.4 48.4c-2.5 0-4.8-1-5.8-2.2l-2.1 8.3-5.3-1.3 3.2-12.3c-.6-1.3-1-3.2-1-5.1 0-7.8 5.4-13.4 13.2-13.4 7 0 11.6 4.8 11.6 10.9 0 7.7-4.3 13.3-10.6 13.3-2.1 0-4-1.1-4.7-2.5 0 0-1 4.3-1.3 5.1-.6 1.2-1.7 3-2.7 4 1-.1 2.1-.2 3.2-.2 9.7 0 17.6-7.9 17.6-17.6S41.7 17.4 32 17.4 14.4 25.3 14.4 35s7.9 17.6 17.6 17.6c.9 0 1.7-.1 2.4-.2zm1.8-20.8c0 2.1-1.5 5.4-1.5 8.5 0 2 1.1 3.7 3.4 3.7 4.1 0 6.8-5.3 6.8-10.4 0-4.3-2.9-7.5-8.1-7.5-5.9 0-9.5 4.4-9.5 9.2 0 1.7.5 3 1.3 4 .4.5.5.7.3 1.4l-.5 2c-.2.7-.8 1-1.5.7-2.6-1.1-3.8-4-3.8-7.2 0-5.4 4.5-11.8 13.5-11.8 7.2 0 11.9 5.2 11.9 10.8 0 7.5-4.2 13.1-10.3 13.1-2.1 0-4.1-1.1-4.8-2.4l-1.3 4.9c-.5 1.9-1.4 4-2.3 5.5-.3.4-.5.8-.8 1.1-.1.1-.2.2-.3.3l-.1.1v-.1c.1-.7.3-1.5.5-2.2.3-1.4 2-8.6 2-8.6-.5-1-1-2.6-1-4.1 0-3.7 2.1-6.4 4.8-6.4 2.2 0 3.3 1.7 3.3 3.7z'/%3E%3C/svg%3E");
}
/* X / Twitter */
.platform-icon.icon-twitter {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%230F1115'/%3E%3Cpath fill='white' d='M15 14h10l9.3 12 10-12h4.7L36.2 28.7 50 50H40L29.8 36.8 18.5 50H13l14.3-16.6z'/%3E%3C/svg%3E");
}
/* Preloved */
.platform-icon.icon-preloved {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%23FFF2F2'/%3E%3Cpath fill='%23FF2B2B' d='M18 24c0-3.9 3.1-7 7-7 2.7 0 4.9 1.3 7 3.7 2.1-2.4 4.3-3.7 7-3.7 3.9 0 7 3.1 7 7 0 7.7-8.2 13.1-14 18-5.8-4.9-14-10.3-14-18z'/%3E%3C/svg%3E");
}
/* WhatsApp */
.platform-icon.icon-whatsapp {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%2325D366'/%3E%3Cpath fill='white' d='M32.1 15C22.7 15 15 22.6 15 32c0 3 0.8 5.8 2.3 8.3L15 49l9-2.3c2.4 1.3 5.2 2 8 2h.1c9.4 0 17-7.6 17-17s-7.6-16.7-17-16.7zm9.9 23.5c-.4 1-2.1 2-2.9 2.2-.8.2-1.7.3-2.7-.1-.6-.2-1.5-.5-2.6-1-4.5-1.9-7.5-6.3-7.7-6.6-.2-.3-1.8-2.3-1.8-4.4 0-2.1 1.1-3.3 1.5-3.7.4-.4.8-.5 1.1-.5h.8c.3 0 .7-.1 1 .8.4.9.4 3.1.1 3.5-.3.3-.5.6-1 .9-.5.2-.9.5-.4 1.4.5.8 2.2 3.6 5.7 4.9 1.7.7 2.2.6 2.9-.1.7-.7 1.4-1.6 1.9-1.6.5 0 .7.1 1.1.3.5.2 2.6 1.2 3 1.5.4.2.6.4.7.6.1.2.1 1.1-.3 2.1z'/%3E%3C/svg%3E");
}
.daily-platform-task .platform-icon, .followup-form-icon.platform-icon, .brand-job-group-body .platform-icon {
  border-radius:14px;
  box-shadow:0 8px 18px rgba(31,41,63,.08);
}
.brand-job-group-body .platform-icon {
  border-radius:10px
}
.followup-form-icon.platform-icon {
  width:54px;
  height:54px;
  margin-bottom:14px
}
.daily-platform-task.is-selected .platform-icon {
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(82,76,189,.14)
}
.daily-platform-task.is-done .platform-icon {
  box-shadow:0 8px 18px rgba(50,148,98,.10)
}
/* keep colors pleasant */
.employee-task-titleline {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.job-brand-badge {
  background:linear-gradient(135deg,#f1efff,#ebe9ff);
  color:#6961d7;
  border:1px solid #e4e1fb
}
.brand-job-copy strong,.employee-task-main strong {
  color:#27314a
}
.clean-primary,.employee-task-start,.followup-submit {
  box-shadow:0 10px 22px rgba(109,103,223,.10)
}
@media(max-width:760px) {
  .followup-form-icon.platform-icon {
    width:50px;
    height:50px
  }
}
/* v25 - explicit icons next to platform names */
.title-platform-icon {
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:6px;
  flex:0 0 18px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  box-shadow:0 3px 8px rgba(31,41,63,.10);
}
.employee-task-titleline strong, .brand-job-title strong {
  line-height:1.1
}
.brand-job-title {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0
}
.employee-task-titleline {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.employee-task-titleline .job-brand-badge {
  margin-left:2px
}
.title-platform-icon.icon-facebook {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%231877F2'/%3E%3Cpath fill='white' d='M37.3 54V34.6h6.4l1-7.6h-7.4v-4.8c0-2.2.7-3.6 3.8-3.6H45v-6.8c-.7-.1-2.7-.3-5-.3-4.9 0-8.2 3-8.2 8.6v4.9H26v7.6h5.8V54h5.5z'/%3E%3C/svg%3E")
}
.title-platform-icon.icon-instagram {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='64' x2='64' y2='0'%3E%3Cstop stop-color='%23f9ce34'/%3E%3Cstop offset='0.35' stop-color='%23ee2a7b'/%3E%3Cstop offset='0.68' stop-color='%236228d7'/%3E%3Cstop offset='1' stop-color='%234f5bd5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='18' fill='url(%23g)'/%3E%3Crect x='17' y='17' width='30' height='30' rx='9' fill='none' stroke='white' stroke-width='4'/%3E%3Ccircle cx='32' cy='32' r='7.5' fill='none' stroke='white' stroke-width='4'/%3E%3Ccircle cx='42.5' cy='21.5' r='2.5' fill='white'/%3E%3C/svg%3E")
}
.title-platform-icon.icon-medium {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%230f1111'/%3E%3Cpath fill='white' d='M18 21h6.7l10.4 16.8L45.4 21H52v22.1l3 2.9V49H44.1v-3l3.1-3V28.6L35.7 49h-1.2L22.2 28.6v12.7l4.1 4V49H15v-3.7l4.1-4V25.8L18 24.5V21z'/%3E%3C/svg%3E")
}
.title-platform-icon.icon-youtube {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='white'/%3E%3Crect x='12' y='18' width='40' height='28' rx='8' fill='%23FF0000'/%3E%3Cpath fill='white' d='M28 25.5v13l11-6.5-11-6.5z'/%3E%3C/svg%3E")
}
.title-platform-icon.icon-pinterest {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23E01E25'/%3E%3Cpath fill='white' d='M34.4 48.4c-2.5 0-4.8-1-5.8-2.2l-2.1 8.3-5.3-1.3 3.2-12.3c-.6-1.3-1-3.2-1-5.1 0-7.8 5.4-13.4 13.2-13.4 7 0 11.6 4.8 11.6 10.9 0 7.7-4.3 13.3-10.6 13.3-2.1 0-4-1.1-4.7-2.5 0 0-1 4.3-1.3 5.1-.6 1.2-1.7 3-2.7 4 1-.1 2.1-.2 3.2-.2 9.7 0 17.6-7.9 17.6-17.6S41.7 17.4 32 17.4 14.4 25.3 14.4 35s7.9 17.6 17.6 17.6c.9 0 1.7-.1 2.4-.2zm1.8-20.8c0 2.1-1.5 5.4-1.5 8.5 0 2 1.1 3.7 3.4 3.7 4.1 0 6.8-5.3 6.8-10.4 0-4.3-2.9-7.5-8.1-7.5-5.9 0-9.5 4.4-9.5 9.2 0 1.7.5 3 1.3 4 .4.5.5.7.3 1.4l-.5 2c-.2.7-.8 1-1.5.7-2.6-1.1-3.8-4-3.8-7.2 0-5.4 4.5-11.8 13.5-11.8 7.2 0 11.9 5.2 11.9 10.8 0 7.5-4.2 13.1-10.3 13.1-2.1 0-4.1-1.1-4.8-2.4l-1.3 4.9c-.5 1.9-1.4 4-2.3 5.5-.3.4-.5.8-.8 1.1-.1.1-.2.2-.3.3l-.1.1v-.1c.1-.7.3-1.5.5-2.2.3-1.4 2-8.6 2-8.6-.5-1-1-2.6-1-4.1 0-3.7 2.1-6.4 4.8-6.4 2.2 0 3.3 1.7 3.3 3.7z'/%3E%3C/svg%3E")
}
.title-platform-icon.icon-twitter {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%230F1115'/%3E%3Cpath fill='white' d='M15 14h10l9.3 12 10-12h4.7L36.2 28.7 50 50H40L29.8 36.8 18.5 50H13l14.3-16.6z'/%3E%3C/svg%3E")
}
.title-platform-icon.icon-preloved {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%23FFF2F2'/%3E%3Cpath fill='%23FF2B2B' d='M18 24c0-3.9 3.1-7 7-7 2.7 0 4.9 1.3 7 3.7 2.1-2.4 4.3-3.7 7-3.7 3.9 0 7 3.1 7 7 0 7.7-8.2 13.1-14 18-5.8-4.9-14-10.3-14-18z'/%3E%3C/svg%3E")
}
.title-platform-icon.icon-whatsapp {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%2325D366'/%3E%3Cpath fill='white' d='M32.1 15C22.7 15 15 22.6 15 32c0 3 0.8 5.8 2.3 8.3L15 49l9-2.3c2.4 1.3 5.2 2 8 2h.1c9.4 0 17-7.6 17-17s-7.6-16.7-17-16.7zm9.9 23.5c-.4 1-2.1 2-2.9 2.2-.8.2-1.7.3-2.7-.1-.6-.2-1.5-.5-2.6-1-4.5-1.9-7.5-6.3-7.7-6.6-.2-.3-1.8-2.3-1.8-4.4 0-2.1 1.1-3.3 1.5-3.7.4-.4.8-.5 1.1-.5h.8c.3 0 .7-.1 1 .8.4.9.4 3.1.1 3.5-.3.3-.5.6-1 .9-.5.2-.9.5-.4 1.4.5.8 2.2 3.6 5.7 4.9 1.7.7 2.2.6 2.9-.1.7-.7 1.4-1.6 1.9-1.6.5 0 .7.1 1.1.3.5.2 2.6 1.2 3 1.5.4.2.6.4.7.6.1.2.1 1.1-.3 2.1z'/%3E%3C/svg%3E")
}
/* hide big left placeholder icon in daily member list so focus is on inline icon */
.daily-platform-task .platform-monogram {
  display:none !important
}
.daily-platform-task {
  grid-template-columns:minmax(0,1fr) auto !important
}
.brand-job-group-body .brand-job-copy small {
  display:block;
  margin-top:4px
}
/* v26 - master navigation as real tab pages */
.master-tab-panel {
  display:none !important;
  margin-top:26px;
  animation:masterTabIn .18s ease-out;
}
.master-tab-panel.is-active {
  display:block !important;
}
.master-nav-v11 {
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:18px auto 6px;
  padding:5px;
  overflow-x:auto;
  border:1px solid #e7e9f1;
  border-radius:15px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(50,56,95,.08);
  scrollbar-width:none;
}
.master-nav-v11::-webkit-scrollbar {
  display:none
}
.master-nav-v11 .clean-nav-item {
  flex:0 0 auto;
  min-height:36px;
  padding:0 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#8991a5;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
  transition:background .16s,color .16s,box-shadow .16s,transform .16s;
}
.master-nav-v11 .clean-nav-item:hover {
  color:#5f59d1;
  background:#f6f5ff;
}
.master-nav-v11 .clean-nav-item.active {
  color:#5f59d1;
  background:linear-gradient(135deg,#f0efff,#eae8ff);
  box-shadow:0 6px 14px rgba(96,89,209,.12);
}
.master-nav-v11 .clean-nav-item span {
  opacity:.58;
  margin-right:5px;
}
.master-nav-v11 .clean-nav-item.active span {
  opacity:1
}
.master-tab-panel > .clean-section-head:first-child {
  margin-top:0;
}
@keyframes masterTabIn {
  from {
    opacity:0;
    transform:translateY(5px)
  }
  to {
    opacity:1;
    transform:none
  }
}
@media(max-width:760px) {
  .master-nav-v11 {
    width:100%;
    justify-content:flex-start;
    margin-top:14px;
    border-radius:13px;
  }
  .master-nav-v11 .clean-nav-item {
    min-height:34px;
    padding:0 10px
  }
  .master-tab-panel {
    margin-top:20px
  }
}
/* v27 - balanced black & white theme */
:root {
  --clean-bg:#f3f3f1;
  --clean-card:#ffffff;
  --clean-text:#171717;
  --clean-muted:#6f6f73;
  --clean-line:#dddddf;
  --clean-primary:#232323;
  --clean-primary-dark:#111111;
  --clean-primary-soft:#ededed;
  --clean-success:#2f2f32;
  --clean-success-soft:#f0f0f0;
  --clean-danger:#4f4f53;
  --clean-danger-soft:#f4f4f5;
  --clean-shadow:0 14px 34px rgba(20,20,20,.05);
}
html,body {
  background:var(--clean-bg)
}
.master-clean-body,.employee-clean-body,.master-login-body {
  background:var(--clean-bg);
  color:var(--clean-text)
}
.clean-header,.master-login-card,.clean-hero,.clean-card,.member-progress-card,.followup-stat-card,.member-list-row,.brand-category-card,.brand-job-summary,.employee-task-form-card,.employee-followup-card,.public-stats-card {
  background:#fff !important;
  border-color:var(--clean-line) !important;
  box-shadow:var(--clean-shadow) !important;
}
.clean-hero,.master-login-card {
  background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%) !important
}
.clean-kicker,.clean-role,.clean-nav-item span,.brand-category-card small,.table-hint,.member-row-copy small,.employee-task-main small,.followup-form-copy p,.clean-card-head p,.clean-section-head p,.muted {
  color:var(--clean-muted) !important
}
.clean-header,.clean-section,.master-login-card,.clean-card {
  backdrop-filter:none
}
.clean-brand-mark,.brand-mark {
  background:#232323 !important;
  color:#fff !important
}
.clean-brand span:last-child span,.brand-dot {
  color:#6c6c70 !important
}
.clean-hero-live,.daily-reset-badge,.public-live-pill,.clean-role,.clean-logout,.job-brand-badge,.schedule-badge,.type-chip,.brand-category-card .brand-total,.team-status-cell,.clean-status.pending {
  background:#f1f1f1 !important;
  color:#333 !important;
  border-color:#d9d9dd !important;
  box-shadow:none !important;
}
.clean-hero-live i,.public-live-pill i {
  background:#444 !important;
  box-shadow:0 0 0 4px rgba(68,68,68,.08) !important
}
.clean-primary,.employee-task-start,.followup-submit,.register-trigger,.simple-task-add-btn,.member-add-card .clean-primary,.security-card-v14 .clean-primary {
  background:linear-gradient(180deg,#2a2a2a 0%,#171717 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
}
.clean-primary:hover,.employee-task-start:hover,.followup-submit:hover,.register-trigger:hover {
  background:linear-gradient(180deg,#1f1f1f 0%,#0f0f0f 100%) !important
}
.clean-primary span,.employee-task-start span,.followup-submit span {
  color:#d8d8d8 !important
}
.danger-soft-button,.member-list-delete,.schedule-delete-button {
  background:#f6f6f6 !important;
  color:#333 !important;
  border:1px solid #dedede !important;
}
input,select,textarea,.clean-field input,.clean-field select,.clean-field textarea,.profile-picker .profile-select-shell select,.register-dropdown input {
  background:#fcfcfc !important;
  border-color:#d7d7db !important;
  color:#202024 !important;
  box-shadow:none !important;
}
input:focus,select:focus,textarea:focus,.clean-field input:focus,.clean-field select:focus,.clean-field textarea:focus {
  border-color:#8b8b90 !important;
  box-shadow:0 0 0 4px rgba(40,40,40,.08) !important;
}
.clean-nav,.master-nav-v11 {
  background:rgba(255,255,255,.95) !important;
  border-color:#d9d9dd !important;
  box-shadow:0 12px 28px rgba(20,20,20,.06) !important;
}
.clean-nav-item,.master-nav-v11 .clean-nav-item {
  color:#69696e !important;
}
.clean-nav-item:hover,.master-nav-v11 .clean-nav-item:hover {
  background:#f1f1f1 !important;
  color:#111 !important;
}
.clean-nav-item.active,.master-nav-v11 .clean-nav-item.active {
  background:#202020 !important;
  color:#fff !important;
  box-shadow:none !important;
}
.clean-nav-item.active span,.master-nav-v11 .clean-nav-item.active span {
  color:#d1d1d1 !important
}
.brand-category-card,.brand-filter-pill,.employee-brand-filter button,.public-brand-filter button {
  background:#fff !important;
  border-color:#d9d9dd !important;
  color:#2a2a2e !important;
}
.brand-category-card.active,.brand-filter-pill.active,.employee-brand-filter button.active,.public-brand-filter button.active, .brand-category-card:hover,.brand-filter-pill:hover,.employee-brand-filter button:hover,.public-brand-filter button:hover {
  background:#212121 !important;
  color:#fff !important;
  border-color:#212121 !important;
  box-shadow:none !important;
}
.brand-category-card.active small,.brand-category-card.active strong,.employee-brand-filter button.active,.public-brand-filter button.active {
  color:#fff !important
}
.progress-bar,.member-progress-bar,.member-progress-fill,.brand-progress-bar,.brand-progress-fill {
  background:#e3e3e5 !important
}
.member-progress-fill,.brand-progress-fill {
  background:linear-gradient(90deg,#2d2d2d 0%,#505050 100%) !important
}
.member-progress-percent,.brand-check-total,.followup-stat-count {
  background:#f1f1f1 !important;
  color:#222 !important;
  border:1px solid #dcdcdf !important;
}
.brand-platform-status,.team-status-cell,.status-chip-small,.status-pill,.fu-number-brand-chip {
  background:#f3f3f3 !important;
  color:#555 !important;
  border-color:#dedee2 !important
}
.brand-platform-status.done,.team-status-cell.done,.status.done {
  background:#e9e9e9 !important;
  color:#111 !important;
  border-color:#d4d4d8 !important
}
/* grayscale icons so it matches black-white theme */
.platform-icon,.title-platform-icon,.followup-form-icon.platform-icon,.clean-brand-mark {
  filter:grayscale(1) saturate(0) contrast(1.02)
}
/* soften special badges */
.job-brand-badge,.schedule-badge.offday,.schedule-badge.cuti {
  background:#f1f1f1 !important;
  color:#363636 !important;
  border:1px solid #dddddf !important
}
.clean-alert.success,.clean-alert.error {
  background:#f8f8f8 !important;
  color:#222 !important;
  border:1px solid #dedede !important
}
/* table/list readability */
.member-list-row,.schedule-list-row,.daily-job-manager-row,.employee-schedule-row,.followup-stat-card,.member-progress-card {
  border-color:#e1e1e4 !important
}
/* login */
.master-login-card .primary {
  background:linear-gradient(180deg,#2a2a2a 0%,#171717 100%) !important;
  color:#fff !important
}
.master-login-card .eyebrow {
  background:#efefef !important;
  color:#444 !important
}
@media(max-width:760px) {
  .clean-nav,.master-nav-v11 {
    background:#fff !important
  }
}
/* v28 - colorful balanced theme with original social icon colors */
:root {
  --clean-bg:#f5f7fb;
  --clean-card:#ffffff;
  --clean-text:#1f2940;
  --clean-muted:#7f8799;
  --clean-line:#e5eaf3;
  --clean-primary:#5f6eea;
  --clean-primary-dark:#4d5bd2;
  --clean-primary-soft:#eef1ff;
  --clean-success:#2f9b72;
  --clean-success-soft:#edf9f3;
  --clean-danger:#de6c74;
  --clean-danger-soft:#fff3f4;
  --clean-shadow:0 16px 40px rgba(53,71,128,.08);
}
html,body {
  background:linear-gradient(180deg,#f8f9fd 0%,#f3f6fb 100%)
}
.master-clean-body,.employee-clean-body,.master-login-body {
  background:transparent;
  color:var(--clean-text)
}
.clean-header {
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(229,234,243,.95) !important;
  box-shadow:0 14px 34px rgba(39,58,116,.06) !important;
  backdrop-filter:blur(18px);
}
.clean-hero,.master-login-card {
  background:linear-gradient(135deg,#ffffff 0%,#f7f9ff 55%,#fbfcff 100%) !important;
  border:1px solid #e7ebf5 !important;
  box-shadow:0 22px 48px rgba(56,75,135,.08) !important;
}
.clean-card,.member-progress-card,.followup-stat-card,.member-list-row,.brand-category-card,.brand-job-summary,.employee-task-form-card,.employee-followup-card,.public-stats-card {
  background:#fff !important;
  border:1px solid var(--clean-line) !important;
  box-shadow:0 12px 30px rgba(45,62,118,.06) !important;
}
.clean-kicker,.clean-role,.clean-nav-item span,.brand-category-card small,.table-hint,.member-row-copy small,.employee-task-main small,.followup-form-copy p,.clean-card-head p,.clean-section-head p,.muted {
  color:var(--clean-muted) !important
}
.clean-brand-mark,.brand-mark {
  background:linear-gradient(135deg,#6e74ee,#5560d8) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(91,98,214,.22)
}
.clean-brand span:last-child span,.brand-dot {
  color:#ff9d66 !important
}
.clean-role {
  background:#f4f6fb !important;
  border:1px solid #e3e8f3 !important;
  color:#667189 !important
}
.clean-logout {
  color:#5d6881 !important
}
.clean-hero-live,.daily-reset-badge,.public-live-pill {
  background:#fff !important;
  color:#556078 !important;
  border:1px solid #e3e8f2 !important;
  box-shadow:0 10px 22px rgba(52,69,126,.06) !important;
}
.clean-hero-live i,.public-live-pill i {
  background:#49bf82 !important;
  box-shadow:0 0 0 4px rgba(73,191,130,.12) !important
}
.clean-primary,.employee-task-start,.followup-submit,.register-trigger,.simple-task-add-btn,.member-add-card .clean-primary,.security-card-v14 .clean-primary {
  background:linear-gradient(135deg,#6a74f0 0%,#5561d9 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(87,98,217,.20) !important;
}
.clean-primary:hover,.employee-task-start:hover,.followup-submit:hover,.register-trigger:hover {
  background:linear-gradient(135deg,#616bec 0%,#4c57ce 100%) !important;
  transform:translateY(-1px);
}
.clean-primary span,.employee-task-start span,.followup-submit span {
  color:#edf0ff !important
}
.danger-soft-button,.member-list-delete,.schedule-delete-button {
  background:#fff4f5 !important;
  color:#d66973 !important;
  border:1px solid #f3d7db !important;
}
.danger-soft-button:hover,.member-list-delete:hover,.schedule-delete-button:hover {
  background:#ffecee !important
}
input,select,textarea,.clean-field input,.clean-field select,.clean-field textarea,.profile-picker .profile-select-shell select,.register-dropdown input {
  background:#fbfcff !important;
  border-color:#d9e1ee !important;
  color:#28324b !important;
  box-shadow:none !important;
}
input:focus,select:focus,textarea:focus,.clean-field input:focus,.clean-field select:focus,.clean-field textarea:focus {
  border-color:#7b86ef !important;
  box-shadow:0 0 0 4px rgba(102,117,236,.12) !important;
}
.clean-nav,.master-nav-v11 {
  background:rgba(255,255,255,.92) !important;
  border-color:#e3e8f2 !important;
  box-shadow:0 12px 30px rgba(41,58,115,.08) !important;
}
.clean-nav-item,.master-nav-v11 .clean-nav-item {
  color:#7e879c !important
}
.clean-nav-item:hover,.master-nav-v11 .clean-nav-item:hover {
  background:#f4f6ff !important;
  color:#5a66db !important
}
.clean-nav-item.active,.master-nav-v11 .clean-nav-item.active {
  background:linear-gradient(135deg,#eef1ff,#e8ecff) !important;
  color:#5662d8 !important;
  box-shadow:inset 0 0 0 1px #dfe4ff !important;
}
.clean-nav-item.active span,.master-nav-v11 .clean-nav-item.active span {
  color:#7681ea !important
}
.brand-category-card,.brand-filter-pill,.employee-brand-filter button,.public-brand-filter button {
  background:#fff !important;
  border-color:#dde4f1 !important;
  color:#4a5570 !important;
}
.brand-category-card .brand-total,.job-brand-badge,.schedule-badge,.type-chip,.team-status-cell,.clean-status.pending,.member-progress-percent,.brand-check-total,.followup-stat-count,.fu-number-brand-chip {
  background:#f4f6fb !important;
  color:#5a6780 !important;
  border:1px solid #e2e7f1 !important;
  box-shadow:none !important;
}
.brand-category-card.active,.brand-filter-pill.active,.employee-brand-filter button.active,.public-brand-filter button.active, .brand-category-card:hover,.brand-filter-pill:hover,.employee-brand-filter button:hover,.public-brand-filter button:hover {
  background:linear-gradient(135deg,#6a74f0,#5561d9) !important;
  color:#fff !important;
  border-color:#5c67de !important;
  box-shadow:0 10px 22px rgba(87,98,217,.18) !important;
}
.brand-category-card.active small,.brand-category-card.active strong,.brand-category-card.active .brand-total, .employee-brand-filter button.active,.public-brand-filter button.active {
  color:#fff !important;
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.14) !important
}
.member-progress-fill,.brand-progress-fill {
  background:linear-gradient(90deg,#6c75f0 0%,#8aa5ff 100%) !important
}
.progress-bar,.member-progress-bar,.brand-progress-bar {
  background:#ecf0f7 !important
}
.brand-platform-status,.team-status-cell,.status-chip-small,.status-pill {
  background:#f4f6fb !important;
  color:#8190aa !important;
  border-color:#e1e7f2 !important
}
.brand-platform-status.done,.team-status-cell.done,.status.done {
  background:#edf8f3 !important;
  color:#2f9b72 !important;
  border-color:#d7eee3 !important
}
.clean-status.pending {
  background:#f4f6fb !important;
  color:#77839b !important
}
.schedule-badge.offday {
  background:#fdf7ec !important;
  color:#b27a2a !important;
  border-color:#f2e2be !important
}
.schedule-badge.cuti {
  background:#fff0f1 !important;
  color:#cc6470 !important;
  border-color:#f6d4d8 !important
}
.clean-alert.success {
  background:#edf9f3 !important;
  color:#2b946c !important;
  border:1px solid #d7eee3 !important
}
.clean-alert.error {
  background:#fff2f4 !important;
  color:#cc6470 !important;
  border:1px solid #f3d7db !important
}
/* Restore original social icon colors */
.platform-icon,.title-platform-icon,.followup-form-icon.platform-icon,.clean-brand-mark {
  filter:none !important
}
/* soft section polish */
.member-list-row,.schedule-list-row,.daily-job-manager-row,.employee-schedule-row,.followup-stat-card,.member-progress-card {
  border-color:#e5eaf2 !important
}
.brand-job-summary {
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%) !important
}
/* login */
.master-login-card .primary {
  background:linear-gradient(135deg,#6a74f0 0%,#5561d9 100%) !important;
  color:#fff !important
}
.master-login-card .eyebrow {
  background:#eef1ff !important;
  color:#5f6eea !important
}
@media(max-width:760px) {
  .clean-nav,.master-nav-v11 {
    background:#fff !important
  }
}
/* v29 - active website tab text visibility fix */
.employee-brand-filter button.active, .public-brand-filter button.active, .brand-filter-pill.active {
  background:linear-gradient(135deg,#6a74f0 0%,#5561d9 100%) !important;
  color:#ffffff !important;
  border-color:#5c67de !important;
  box-shadow:0 9px 20px rgba(87,98,217,.18) !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.employee-brand-filter button.active:hover, .public-brand-filter button.active:hover, .brand-filter-pill.active:hover {
  background:linear-gradient(135deg,#616bec 0%,#4d58d0 100%) !important;
  color:#ffffff !important;
}
/* Keep master category card active state readable too. */
.brand-category-card.active {
  background:linear-gradient(135deg,#6a74f0 0%,#5561d9 100%) !important;
  color:#ffffff !important;
  border-color:#5c67de !important;
}
.brand-category-card.active > strong, .brand-category-card.active > small, .brand-category-card.active .brand-total {
  color:#ffffff !important;
}
.brand-category-card.active .brand-total {
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.18) !important;
}
/* v30 - result evidence viewer */
.result-section-head {
  align-items:center
}
.result-total-badge {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:9px 12px;
  border:1px solid #e2e7f2;
  border-radius:12px;
  background:#fff;
  color:#7c879d;
  font-size:9px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(45,62,118,.05)
}
.result-total-badge b {
  color:#5662d8;
  font-size:12px
}
.result-filter-card {
  padding:15px 17px;
  margin-bottom:14px
}
.result-filter-grid {
  display:grid;
  grid-template-columns:150px minmax(150px,1fr) minmax(150px,1fr) minmax(140px,.8fr) auto;
  gap:10px;
  align-items:end
}
.result-filter-grid .clean-field {
  margin:0
}
.result-filter-grid .clean-field label {
  margin:0 0 6px
}
.result-filter-grid input,.result-filter-grid select {
  min-height:39px;
  margin:0;
  padding:8px 10px;
  border-radius:10px
}
.result-filter-reset {
  min-height:39px;
  padding:8px 12px;
  border:1px solid #dfe4ef;
  border-radius:10px;
  background:#f7f8fc;
  color:#637089;
  font-size:9px;
  font-weight:800;
  white-space:nowrap
}
.result-filter-reset:hover {
  background:#eef1ff;
  color:#5763d6;
  border-color:#dce1fa
}
.result-limit-note {
  display:block;
  margin-top:9px;
  color:#9aa2b2;
  font-size:8px
}
.result-list {
  display:flex;
  flex-direction:column;
  gap:10px
}
.result-row {
  display:grid;
  grid-template-columns:104px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  padding:13px 14px;
  border-radius:16px
}
.result-row[hidden] {
  display:none !important
}
.result-proof-thumb {
  width:104px;
  height:82px;
  padding:0;
  border:1px solid #e3e8f1;
  border-radius:12px;
  background:#f5f7fb;
  overflow:hidden;
  cursor:zoom-in;
  box-shadow:none
}
.result-proof-thumb img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .2s ease
}
.result-proof-thumb:hover img {
  transform:scale(1.035)
}
.result-proof-thumb.is-empty {
  display:grid;
  place-items:center;
  color:#a0a7b6;
  font-size:8px;
  font-weight:800;
  cursor:default
}
.result-main {
  min-width:0
}
.result-title-line {
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0
}
.result-title-line>div {
  min-width:0;
  flex:1
}
.result-title-line strong {
  display:block;
  color:#28324b;
  font:800 12px 'Plus Jakarta Sans',sans-serif
}
.result-title-line small {
  display:block;
  margin-top:3px;
  color:#949caf;
  font-size:8.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.result-type-badge {
  margin-left:auto;
  padding:5px 7px;
  border-radius:7px;
  background:#eef1ff;
  color:#5c67dc;
  border:1px solid #dfe4ff;
  font-size:7.5px;
  font-weight:900;
  letter-spacing:.05em
}
.result-type-badge.wa {
  background:#ecf9f2;
  color:#278b64;
  border-color:#d8eee3
}
.result-member-line {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px
}
.result-member-line .clean-avatar {
  width:27px;
  height:27px;
  border-radius:9px;
  font-size:7px
}
.result-member-line small {
  display:block;
  color:#a1a8b6;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em
}
.result-member-line strong {
  display:block;
  margin-top:1px;
  color:#4e5870;
  font-size:9px
}
.result-link-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding:9px 10px;
  border:1px solid #e6eaf2;
  border-radius:11px;
  background:#f9faff;
  min-width:0
}
.result-link-box>div {
  min-width:0;
  flex:1
}
.result-link-box small {
  display:block;
  margin-bottom:3px;
  color:#a0a8b8;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em
}
.result-link-box a,.result-link-box strong {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#5361d2;
  text-decoration:none;
  font-size:9px;
  font-weight:700
}
.result-link-box button {
  border:0;
  border-radius:8px;
  background:#eef1ff;
  color:#5965d5;
  padding:6px 8px;
  font-size:8px;
  font-weight:800
}
.result-link-box button.copied {
  background:#e9f8f1;
  color:#278b64
}
.result-number-box strong {
  color:#38445e
}
.result-actions {
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:92px
}
.result-action-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #dfe4ef;
  border-radius:9px;
  background:#fff;
  color:#667189;
  text-decoration:none;
  font-size:8.5px;
  font-weight:800;
  white-space:nowrap
}
.result-action-link:hover {
  background:#f6f8fc;
  border-color:#d4daea
}
.result-action-link.primary {
  background:linear-gradient(135deg,#6a74f0,#5661d9);
  color:#fff;
  border-color:#5d68df;
  box-shadow:0 8px 16px rgba(87,98,217,.15)
}
.result-filter-empty {
  margin-top:2px
}
.result-proof-modal[hidden] {
  display:none !important
}
.result-proof-modal {
  position:fixed;
  inset:0;
  z-index:999;
  display:grid;
  place-items:center;
  padding:22px
}
.result-proof-backdrop {
  position:absolute;
  inset:0;
  border:0;
  background:rgba(19,25,42,.68);
  backdrop-filter:blur(5px)
}
.result-proof-dialog {
  position:relative;
  z-index:1;
  width:min(780px,96vw);
  max-height:92vh;
  display:flex;
  flex-direction:column;
  border:1px solid #e5e9f2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 30px 90px rgba(10,17,41,.3);
  overflow:hidden
}
.result-proof-dialog-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 15px;
  border-bottom:1px solid #eef0f5
}
.result-proof-dialog-head strong {
  color:#2c354c;
  font:800 12px 'Plus Jakarta Sans',sans-serif
}
.result-proof-dialog-head button {
  width:30px;
  height:30px;
  border:0;
  border-radius:9px;
  background:#f1f3f8;
  color:#69748b;
  font-size:18px;
  line-height:1
}
.result-proof-image-wrap {
  display:grid;
  place-items:center;
  min-height:260px;
  max-height:72vh;
  padding:12px;
  background:#f3f5f9;
  overflow:auto
}
.result-proof-image-wrap img {
  max-width:100%;
  max-height:68vh;
  object-fit:contain;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(27,37,70,.12)
}
.result-proof-open {
  display:flex;
  justify-content:center;
  padding:12px;
  text-decoration:none;
  color:#5965d5;
  font-size:9px;
  font-weight:800;
  border-top:1px solid #eef0f5
}
@media(max-width:900px) {
  .result-filter-grid {
    grid-template-columns:1fr 1fr
  }
  .result-filter-reset {
    width:100%
  }
  .result-row {
    grid-template-columns:90px minmax(0,1fr)
  }
  .result-proof-thumb {
    width:90px;
    height:75px
  }
  .result-actions {
    grid-column:2;
    flex-direction:row;
    min-width:0
  }
  .result-action-link {
    flex:1
  }
}
@media(max-width:620px) {
  .result-filter-grid {
    grid-template-columns:1fr
  }
  .result-row {
    grid-template-columns:72px minmax(0,1fr);
    padding:11px
  }
  .result-proof-thumb {
    width:72px;
    height:66px
  }
  .result-actions {
    grid-column:1/-1
  }
  .result-title-line {
    align-items:flex-start
  }
  .result-type-badge {
    margin-left:0
  }
  .result-link-box {
    align-items:flex-start
  }
  .result-section-head {
    align-items:flex-start
  }
}
/* Operational dashboard and audit tools */
.ops-dashboard-card {
  padding:18px;
  margin:16px 0;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)
}
.ops-dashboard-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px
}
.ops-dashboard-head h3 {
  margin:4px 0 0;
  color:#273049;
  font:800 17px 'Plus Jakarta Sans',sans-serif
}
.ops-dashboard-head p {
  margin:5px 0 0;
  color:#8b92a5;
  font-size:10px
}
.ops-dashboard-actions {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.ops-dashboard-actions .soft-action-button {
  display:inline-flex;
  align-items:center;
  text-decoration:none
}
.ops-dashboard-metrics {
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:15px
}
.ops-dashboard-metrics span {
  padding:9px 12px;
  border-radius:11px;
  background:#f1f4fb;
  color:#68738a;
  font-size:10px;
  font-weight:700
}
.ops-dashboard-metrics b {
  color:#2f3b58;
  font-size:15px;
  margin-right:4px
}
.ops-dashboard-metrics .is-warning {
  background:#fff0ef;
  color:#c05d58
}
.ops-missing-list {
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #e9edf5;
  color:#6d7890;
  font-size:10px
}
.ops-missing-list strong {
  display:block;
  color:#3e4962;
  font-size:11px;
  margin-bottom:8px
}
.ops-missing-list div {
  display:flex;
  gap:7px;
  flex-wrap:wrap
}
.ops-missing-list span {
  padding:6px 8px;
  border-radius:8px;
  background:#fff1ef;
  color:#b55c59
}
.ops-ok-note {
  margin-top:14px;
  color:#3a986e;
  font-size:11px;
  font-weight:700
}
.ops-alert {
  margin:12px 0!important
}
.wa-history-search-card {
  padding:16px;
  margin:14px 0
}
.wa-history-search-form {
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.wa-history-search-form input {
  flex:1 1 240px;
  min-height:39px;
  border:1px solid #dfe4ef;
  border-radius:10px;
  padding:8px 11px
}
.wa-history-search-form .soft-action-button {
  display:inline-flex;
  align-items:center;
  text-decoration:none
}
.wa-history-search-results {
  margin-top:12px;
  display:grid;
  gap:6px
}
.wa-history-search-results>strong {
  color:#46516b;
  font-size:10px
}
.wa-history-search-results>div {
  display:flex;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border-radius:8px;
  background:#f7f9fc;
  font-size:10px
}
.wa-history-search-results>div span {
  color:#7d879b
}
.wa-number-search {
  width:100%;
  margin:8px 0 4px;
  min-height:36px;
  border:1px solid #dfe4ef;
  border-radius:9px;
  padding:7px 10px
}
.wa-number-row[hidden] {
  display:none!important
}
.audit-log-card {
  padding:16px;
  margin-top:14px
}
.audit-log-list {
  display:grid;
  gap:6px;
  margin-top:10px;
  max-height:360px;
  overflow:auto
}
.audit-log-row {
  display:grid;
  grid-template-columns:120px minmax(130px,.8fr) minmax(0,1.5fr);
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border-radius:8px;
  background:#f8f9fc;
  font-size:10px
}
.audit-log-row time {
  color:#8992a5
}
.audit-log-row strong {
  color:#4c5872
}
.audit-log-row span {
  color:#7d879b;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
@media(max-width:700px) {
  .ops-dashboard-head {
    display:block
  }
  .ops-dashboard-actions {
    justify-content:flex-start;
    margin-top:12px
  }
  .audit-log-row {
    grid-template-columns:1fr;
    gap:3px
  }
  .audit-log-row span {
    white-space:normal
  }
  .wa-history-search-form {
    display:grid;
    grid-template-columns:1fr
  }
  .wa-history-search-form .soft-action-button {
    width:100%;
    justify-content:center
  }
}
/* Ringkasan operasional: stronger hierarchy and readable compact chips. */
.ops-dashboard-card {
  padding:20px 22px;
  border:1px solid #dfe6f2;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(37,52,90,.05);
  background:linear-gradient(135deg,#fff 0%,#f8faff 100%)
}
.ops-dashboard-head {
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid #edf0f6
}
.ops-dashboard-title {
  min-width:0
}
.ops-dashboard-title h3 {
  font-size:18px;
  letter-spacing:-.025em
}
.ops-dashboard-title p.ops-period-meta {
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:6px;
  color:#8691a6;
  font-size:10px;
  line-height:1.4
}
.ops-period-meta span {
  color:#aab2c1
}
.ops-period-meta i {
  font-style:normal;
  color:#bbc2cf
}
.ops-dashboard-actions {
  gap:6px
}
.ops-dashboard-actions .soft-action-button {
  min-height:28px;
  padding:6px 9px;
  border:1px solid #d9e1ef;
  border-radius:8px;
  background:#fff;
  color:#5d6a82;
  font-size:9px;
  box-shadow:0 2px 5px rgba(44,61,102,.04)
}
.ops-dashboard-actions .soft-action-button:hover {
  border-color:#aebbf0;
  background:#f6f8ff;
  color:#5360d3
}
.ops-dashboard-metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:15px
}
.ops-dashboard-metrics span {
  display:flex;
  align-items:baseline;
  gap:7px;
  min-height:58px;
  padding:10px 12px;
  border:1px solid #e7ebf3;
  border-radius:12px;
  background:#fff;
  color:#768198;
  font-size:10px;
  font-weight:700;
  box-shadow:0 3px 8px rgba(42,58,94,.03)
}
.ops-dashboard-metrics b {
  color:#303b57;
  font-size:20px;
  line-height:1
}
.ops-dashboard-metrics em {
  font-style:normal;
  line-height:1.35
}
.ops-dashboard-metrics .is-warning {
  border-color:#f4d5d1;
  background:#fff7f5;
  color:#b8615b
}
.ops-dashboard-metrics .is-warning b {
  color:#c55e59
}
.ops-missing-list {
  margin-top:15px;
  padding-top:14px
}
.ops-missing-list strong {
  font-size:11px
}
.ops-missing-chips {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:7px!important
}
.ops-missing-list .ops-missing-chips span {
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:9px 10px;
  border:1px solid #f4d9d5;
  border-radius:10px;
  background:#fff8f6;
  color:#be655e
}
.ops-missing-list .ops-missing-chips b {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9f4e49;
  font-size:10px
}
.ops-missing-list .ops-missing-chips small {
  color:#c88079;
  font-size:9px
}
.ops-ok-note {
  padding:10px 12px;
  border-radius:10px;
  background:#f0fbf5;
  font-size:10px
}
@media(max-width:700px) {
  .ops-dashboard-card {
    padding:16px
  }
  .ops-dashboard-head {
    padding-bottom:12px
  }
  .ops-dashboard-actions {
    margin-top:12px
  }
  .ops-dashboard-metrics {
    grid-template-columns:1fr
  }
  .ops-dashboard-metrics span {
    min-height:48px
  }
  .ops-missing-chips {
    grid-template-columns:1fr 1fr!important
  }
}
@media(max-width:420px) {
  .ops-dashboard-actions .soft-action-button {
    flex:1;
    text-align:center;
    justify-content:center
  }
  .ops-missing-chips {
    grid-template-columns:1fr!important
  }
}
/* Defer browser layout work for sections that are below the fold. */
.master-clean-body .brand-category-overview,.master-clean-body .master-progress-wrap,.master-clean-body .merged-results-panel,.master-clean-body .merged-members-panel {
  content-visibility:auto;
  contain-intrinsic-size:420px
}
.employee-clean-body .employee-tab-panel:not(.is-active) {
  content-visibility:hidden
}
/* v31 - Bank Nomor WA + request nomor anggota */
.wa-stock-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}
.wa-stock-card {
  padding:15px 16px
}
.wa-stock-card>strong {
  display:block;
  color:#29334d;
  font:800 12px 'Plus Jakarta Sans',sans-serif;
  margin-bottom:10px
}
.wa-stock-numbers {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px
}
.wa-stock-numbers span {
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px;
  border-radius:10px;
  background:#f7f9fd;
  color:#9199aa;
  font-size:8px;
  text-align:center
}
.wa-stock-numbers b {
  color:#44506b;
  font-size:13px
}
.wa-stock-numbers span:first-child {
  background:#eef9f4;
  color:#479374
}
.wa-stock-numbers span:first-child b {
  color:#27845e
}
.wa-stock-numbers span:nth-child(2) {
  background:#fff7e9;
  color:#aa7c37
}
.wa-stock-numbers span:nth-child(2) b {
  color:#9b6821
}
.wa-bank-layout {
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);
  gap:16px;
  align-items:start
}
.wa-bank-add {
  padding:20px;
  position:sticky;
  top:86px
}
.wa-bank-add textarea {
  display:block;
  width:100%;
  resize:vertical;
  min-height:180px;
  margin-top:7px;
  padding:12px;
  border:1px solid #dce2ee;
  border-radius:12px;
  background:#fbfcff;
  color:#29334d;
  font:11px/1.55 'DM Sans',sans-serif;
  outline:none
}
.wa-bank-add textarea:focus {
  border-color:#7782ec;
  box-shadow:0 0 0 4px rgba(102,117,236,.11)
}
.manage-form-icon.wa {
  background:#ecfaf3!important;
  color:#199c63!important
}
.wa-bank-list-card {
  padding:18px
}
.wa-bank-groups {
  display:flex;
  flex-direction:column;
  gap:8px
}
.wa-bank-group {
  border:1px solid #e6eaf3;
  border-radius:13px;
  background:#fff;
  overflow:hidden
}
.wa-bank-group summary {
  list-style:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  cursor:pointer;
  background:#fbfcff
}
.wa-bank-group summary::-webkit-details-marker {
  display:none
}
.wa-bank-group summary strong {
  font-size:10px;
  color:#313b55
}
.wa-bank-group summary span {
  font-size:8px;
  color:#9aa2b3
}
.wa-bank-group summary i {
  font-style:normal;
  color:#7a8297;
  transition:.2s
}
.wa-bank-group[open] summary i {
  transform:rotate(180deg)
}
.wa-number-rows {
  padding:4px 10px 10px
}
.wa-number-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  padding:10px 4px;
  border-bottom:1px solid #f0f2f6
}
.wa-number-row:last-child {
  border-bottom:0
}
.wa-number-main strong {
  display:block;
  color:#27314a;
  font-size:11px
}
.wa-number-main small {
  display:block;
  margin-top:3px;
  color:#9aa2b2;
  font-size:8px
}
.wa-number-status {
  padding:6px 8px;
  border-radius:8px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.03em
}
.wa-number-status.available {
  background:#ebf8f1;
  color:#26845e
}
.wa-number-status.assigned {
  background:#fff4df;
  color:#a86f1d
}
.wa-number-status.completed {
  background:#eef1ff;
  color:#5d67d8
}
.soft-action-button {
  min-height:31px;
  padding:6px 9px;
  border:1px solid #dce2ef;
  border-radius:8px;
  background:#f7f9fd;
  color:#5c6780;
  font:700 8px 'DM Sans';
  cursor:pointer
}
.wa-row-spacer {
  width:66px
}
.wa-request-card {
  padding:18px 20px;
  margin-bottom:14px;
  background:linear-gradient(135deg,#fff 0%,#f7fffb 100%)!important;
  border-color:#dfeee7!important
}
.wa-request-head {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:15px
}
.wa-request-head .followup-form-icon {
  flex:0 0 auto;
  margin:0
}
.wa-request-head h3 {
  margin:2px 0 4px;
  color:#28324a;
  font:800 16px 'Plus Jakarta Sans'
}
.wa-request-head p {
  margin:0;
  color:#8b94a7;
  font-size:10px
}
.wa-request-form {
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  gap:10px;
  align-items:end
}
.wa-request-form .clean-field {
  margin:0
}
.wa-request-button {
  min-width:175px
}
.wa-assignment-ready {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border-radius:14px;
  background:#eaf9f2;
  border:1px solid #d1ebdf
}
.wa-assignment-ready>div {
  min-width:0
}
.wa-assignment-ready small {
  display:block;
  color:#6e8d7f;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em
}
.wa-assignment-ready strong {
  display:block;
  margin:4px 0;
  color:#173c2d;
  font:800 22px 'Plus Jakarta Sans';
  letter-spacing:.01em
}
.wa-assignment-ready div>span {
  display:inline-block;
  padding:4px 7px;
  border-radius:7px;
  background:#fff;
  color:#23855f;
  font-size:9px;
  font-weight:800
}
.wa-assignment-badge {
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:9px;
  background:#2cab78;
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em
}
.wa-followup-assignment {
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:5px 10px;
  margin:15px 0;
  padding:12px;
  border-radius:12px;
  border:1px solid #e4e8f1;
  background:#f8f9fc
}
.wa-followup-assignment small {
  color:#9aa2b2;
  font-size:8px;
  font-weight:800
}
.wa-followup-assignment strong,.wa-followup-assignment b {
  color:#313a52;
  font-size:11px
}
.wa-followup-assignment.has-number {
  background:#eff9f4;
  border-color:#d9ede3
}
.wa-followup-assignment.has-number strong,.wa-followup-assignment.has-number b {
  color:#267453
}
.wa-followup-assignment.is-empty {
  opacity:.72
}
@media(max-width:980px) {
  .wa-stock-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .wa-bank-layout {
    grid-template-columns:1fr
  }
  .wa-bank-add {
    position:static
  }
  .wa-request-form {
    grid-template-columns:1fr
  }
  .wa-request-button {
    width:100%
  }
}
@media(max-width:600px) {
  .wa-stock-grid {
    grid-template-columns:1fr
  }
  .wa-stock-numbers {
    grid-template-columns:repeat(3,1fr)
  }
  .wa-number-row {
    grid-template-columns:minmax(0,1fr) auto
  }
  .wa-number-row>form,.wa-row-spacer {
    grid-column:2
  }
  .wa-request-card {
    padding:15px
  }
  .wa-assignment-ready {
    align-items:flex-start;
    flex-direction:column
  }
  .wa-assignment-badge {
    align-self:flex-start
  }
}
/* v32 - member password login + bank number deletion polish */
.employee-member-login {
  width:min(470px,100%);
  margin:58px auto 80px;
  padding:30px;
  text-align:left;
}
.member-login-icon {
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:linear-gradient(135deg,#6a74f0,#5561d9);
  color:#fff;
  font-size:20px;
  box-shadow:0 12px 26px rgba(87,98,217,.2);
}
.employee-member-login h1 {
  margin:7px 0 7px;
  font:800 24px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.03em;
  color:#202a42
}
.employee-member-login>p {
  margin:0 0 20px;
  color:#7f8799;
  font-size:12px;
  line-height:1.55
}
.member-login-form {
  display:grid;
  gap:2px
}
.member-login-form .clean-primary {
  width:100%;
  margin-top:12px
}
.member-login-help {
  display:block;
  margin-top:14px;
  text-align:center;
  color:#939bad;
  font-size:10px
}
.employee-member-logout {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:11px;
  border:1px solid #e0e5ef;
  background:#f8f9fc;
  color:#667189;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
}
.employee-member-logout:hover {
  background:#eef1ff;
  color:#5965d9;
  border-color:#dce1ff
}
.member-password-state {
  font-weight:700
}
.member-password-state.ready {
  color:#2f9b72
}
.member-password-state.missing {
  color:#cf7a36
}
.member-password-menu {
  position:relative;
  flex:0 0 auto
}
.member-password-menu>summary {
  list-style:none;
  cursor:pointer;
  white-space:nowrap;
  min-height:34px;
  padding:8px 10px;
  border-radius:9px;
  border:1px solid #dfe4ef;
  background:#f7f8fc;
  color:#5d6881;
  font-size:9px;
  font-weight:800;
}
.member-password-menu>summary::-webkit-details-marker {
  display:none
}
.member-password-menu[open]>summary {
  background:#eef1ff;
  color:#5864d8;
  border-color:#dce1ff
}
.member-password-form {
  position:absolute;
  right:0;
  top:42px;
  z-index:50;
  width:260px;
  padding:13px;
  border:1px solid #e0e5ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 44px rgba(36,49,91,.16);
  display:grid;
  gap:8px;
}
.member-password-form input {
  width:100%;
  min-height:38px;
  border:1px solid #dce2ed;
  border-radius:10px;
  padding:9px 10px;
  background:#fbfcff;
  color:#27314a;
  font-size:10px;
  outline:none;
}
.member-password-form input:focus {
  border-color:#7c87ee;
  box-shadow:0 0 0 3px rgba(102,117,236,.1)
}
.member-password-form button {
  min-height:36px;
  border:0;
  border-radius:10px;
  background:#5d68dc;
  color:#fff;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
/* make admin member row hold reset + delete cleanly */
.clean-directory-row {
  overflow:visible!important
}
.member-delete-form,.member-password-menu {
  align-self:center
}
/* bank number destructive action stays explicit */
.wa-number-row .danger-soft-button {
  min-width:58px
}
.wa-number-row .soft-action-button {
  min-width:76px
}
@media(max-width:760px) {
  .employee-member-login {
    margin:28px auto 48px;
    padding:22px
  }
  .member-password-menu {
    width:100%
  }
  .member-password-menu>summary {
    text-align:center;
    width:100%
  }
  .member-password-form {
    position:static;
    width:100%;
    margin-top:8px
  }
}
.member-list-card .clean-directory-row {
  grid-template-columns:42px minmax(0,1fr) auto auto auto auto !important;
}
@media(max-width:700px) {
  .member-list-card .clean-directory-row {
    grid-template-columns:38px minmax(0,1fr) auto !important
  }
  .member-list-card .member-password-menu {
    grid-column:1/-1
  }
  .member-list-card .member-delete-form {
    grid-column:1/-1
  }
}
/* v33 - bulk delete controls for WA number bank */
.wa-bank-list-head {
  align-items:center
}
.wa-bulk-actions {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.wa-bulk-actions .danger-soft-button:disabled {
  opacity:.45;
  cursor:not-allowed
}
.wa-number-row {
  grid-template-columns:auto minmax(0,1fr) auto auto !important
}
.wa-number-check {
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  margin:0;
  cursor:pointer
}
.wa-number-check input {
  position:absolute;
  opacity:0;
  pointer-events:none
}
.wa-number-check span {
  width:17px;
  height:17px;
  border:1.5px solid #cfd7e5;
  border-radius:5px;
  background:#fff;
  display:grid;
  place-items:center;
  transition:.15s
}
.wa-number-check input:checked + span {
  background:#5f6eea;
  border-color:#5f6eea;
  box-shadow:0 0 0 3px rgba(95,110,234,.10)
}
.wa-number-check input:checked + span:after {
  content:'✓';
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1
}
.wa-number-check input:disabled + span {
  background:#f1f3f7;
  border-color:#e0e5ed;
  cursor:not-allowed
}
.wa-number-row.is-selected-for-delete {
  background:#fff8f8;
  border-color:#f2d9dd !important
}
.wa-select-category {
  border:0;
  background:#f1f3ff;
  color:#5c67da;
  border-radius:8px;
  padding:6px 8px;
  font-size:9px;
  font-weight:800;
  cursor:pointer
}
.wa-select-category:hover {
  background:#e8ebff
}
.wa-bank-group summary {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  gap:9px;
  align-items:center
}
@media(max-width:760px) {
  .wa-bank-list-head {
    align-items:flex-start;
    flex-direction:column
  }
  .wa-bulk-actions {
    justify-content:flex-start;
    width:100%
  }
  .wa-bank-group summary {
    grid-template-columns:minmax(0,1fr) auto
  }
  .wa-bank-group summary>span {
    grid-column:1
  }
  .wa-select-category {
    grid-column:1
  }
  .wa-bank-group summary>i {
    grid-column:2;
    grid-row:1/3
  }
  .wa-number-row {
    grid-template-columns:auto minmax(0,1fr) auto !important
  }
  .wa-number-row>form {
    grid-column:2/4
  }
}
.wa-assigned-actions {
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap
}
.wa-assigned-actions form {
  margin:0
}
/* v34 - fast WA copy + clipboard screenshot + compact FU totals */
.wa-assignment-ready {
  align-items:center;
  gap:16px;
}
.wa-assignment-number-block {
  min-width:0
}
.wa-number-copy-value {
  display:block;
  width:max-content;
  max-width:100%;
  margin:5px 0 3px;
  padding:0;
  border:0;
  background:transparent;
  color:#18213b;
  font:800 24px/1.15 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  text-align:left;
}
.wa-number-copy-value:hover {
  color:#5362d9
}
.wa-assignment-actions {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.wa-copy-button,.wa-copy-mini {
  border:1px solid #dfe4f2;
  background:#fff;
  color:#516079;
  border-radius:10px;
  font-weight:800;
  cursor:pointer;
}
.wa-copy-button {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 12px;
  font-size:10px
}
.wa-copy-button span {
  font-size:14px;
  color:#5d69dd
}
.wa-copy-mini {
  padding:5px 9px;
  font-size:9px;
  margin-left:8px
}
.wa-copy-button:hover,.wa-copy-mini:hover {
  border-color:#afb8ec;
  background:#f5f6ff;
  color:#4f5bd1
}
.wa-inline-copy {
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap
}
.wa-inline-copy b {
  font:800 16px 'Plus Jakarta Sans',sans-serif;
  color:#25304a
}
.paste-file-field {
  position:relative
}
.paste-image-button {
  width:100%;
  margin-top:9px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px dashed #cdd5e7;
  border-radius:11px;
  background:#f8faff;
  color:#6e7891;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  transition:.16s ease;
}
.paste-image-button span {
  font-size:14px;
  color:#6974e5
}
.paste-image-button kbd {
  padding:3px 6px;
  border:1px solid #d7ddea;
  border-bottom-width:2px;
  border-radius:5px;
  background:#fff;
  color:#56617a;
  font:700 9px 'DM Sans',sans-serif
}
.paste-image-button:hover,.paste-image-button.is-waiting {
  border-color:#8d98ec;
  background:#f1f3ff;
  color:#505dcc
}
.paste-image-status {
  display:none;
  margin-top:8px
}
.paste-image-status.is-waiting {
  display:block;
  padding:8px 10px;
  border-radius:9px;
  background:#fff8e8;
  color:#9b742f;
  font-size:9px
}
.paste-image-status.is-success {
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px;
  border:1px solid #d9ece3;
  border-radius:10px;
  background:#f0faf5
}
.paste-image-status img {
  width:42px;
  height:42px;
  border-radius:8px;
  object-fit:cover;
  border:1px solid #d6e8df
}
.paste-image-status strong {
  display:block;
  color:#2e8e69;
  font-size:9px
}
.paste-image-status small {
  display:block;
  margin-top:2px;
  color:#7d8992;
  font-size:8px
}
.followup-count-only-card {
  min-height:150px
}
.followup-count-only {
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px;
  border:1px solid #dceee5;
  border-radius:13px;
  background:#f1faf6;
}
.followup-count-only>div {
  flex:1;
  min-width:0
}
.followup-count-only strong {
  display:block;
  color:#2c3a4f;
  font-size:12px
}
.followup-count-only small {
  display:block;
  margin-top:3px;
  color:#8a95a4;
  font-size:9px
}
.compact-followup-summary .member-followup-head {
  justify-content:flex-start
}
.compact-followup-summary .member-followup-head strong {
  flex:1
}
.compact-followup-summary .member-followup-head em {
  font-style:normal;
  font-weight:800;
  color:#2c8e68;
  font-size:10px
}
.employee-quick-toast {
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translate(-50%,14px);
  z-index:9999;
  padding:10px 14px;
  border-radius:11px;
  background:#20293d;
  color:#fff;
  font-size:10px;
  font-weight:700;
  box-shadow:0 14px 34px rgba(22,30,51,.25);
  opacity:0;
  pointer-events:none;
  transition:.18s ease;
}
.employee-quick-toast.show {
  opacity:1;
  transform:translate(-50%,0)
}
.employee-quick-toast.is-error {
  background:#bb5863
}
@media(max-width:760px) {
  .wa-assignment-ready {
    align-items:flex-start;
    flex-direction:column
  }
  .wa-assignment-actions {
    justify-content:flex-start;
    width:100%
  }
  .wa-number-copy-value {
    font-size:20px
  }
}
/* v35 - file OR URL proof input + compact FU stats */
.dual-proof-field > label span {
  font-weight:500;
  color:#9aa3b5
}
.proof-option-divider {
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0;
  color:#a0a8b8;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em
}
.proof-option-divider::before,.proof-option-divider::after {
  content:'';
  height:1px;
  background:#e7eaf1;
  flex:1
}
.dual-proof-field input[type="url"] {
  margin-top:0
}
.dual-proof-field small {
  display:block;
  margin-top:6px
}
.followup-stat-summary-only {
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  background:#f7f9fc;
  border:1px solid #e7ebf3
}
.fu-summary-label {
  font-size:9px;
  color:#8b94a6;
  line-height:1.5
}
.compact-followup-summary .member-followup-head {
  justify-content:flex-start;
  gap:8px
}
.compact-followup-summary .member-followup-head em {
  margin-left:auto;
  font-style:normal;
  font-weight:800;
  color:#2f9b72
}
/* make sure old number chips stay hidden even if stale HTML/JS is cached */
.public-team-section .member-followup-numbers, #publicStatsGrid .member-followup-numbers {
  display:none!important
}
/* =========================================================
   FINAL UI — simplified production theme
   ========================================================= */
:root {
  --final-bg:#f4f6fb;
  --final-card:#ffffff;
  --final-text:#1d2740;
  --final-muted:#7d879d;
  --final-line:#e2e8f2;
  --final-primary:#616de6;
  --final-primary-dark:#4e59ce;
  --final-primary-soft:#eef0ff;
  --final-green:#2fa374;
  --final-green-soft:#edf9f4;
  --final-red:#d86570;
  --final-red-soft:#fff1f3;
  --final-orange:#d99736;
  --final-shadow:0 14px 36px rgba(38,55,110,.07);
}
html {
  background:var(--final-bg)
}
body.master-clean-body,body.employee-clean-body,body.master-login-body {
  background:linear-gradient(180deg,#f8f9fd 0%,#f3f6fb 100%);
  color:var(--final-text)
}
.master-clean-shell,.employee-clean-shell {
  max-width:1240px;
  margin:0 auto;
  padding:16px 22px 34px
}
.clean-header,.employee-clean-header {
  position:sticky;
  top:10px;
  z-index:70;
  min-height:58px;
  padding:10px 14px;
  border:1px solid rgba(224,230,241,.95)!important;
  border-radius:17px;
  background:rgba(255,255,255,.9)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(38,55,110,.06)!important
}
.clean-brand {
  font-size:18px!important;
  margin:0!important;
  padding:0!important
}
.clean-brand-mark {
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#7078ee,#5661d8)!important;
  filter:none!important
}
.clean-role,.employee-clean-badge {
  font-size:8px!important;
  letter-spacing:.1em;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:#f5f6fb!important;
  color:#69748c!important;
  border:1px solid #e5e9f2!important
}
.clean-logout,.employee-member-logout {
  font-size:10px!important;
  font-weight:700;
  color:#657089!important
}
/* Master navigation: only 5 meaningful areas */
.final-master-nav {
  position:sticky!important;
  top:78px!important;
  z-index:65!important;
  width:max-content!important;
  max-width:100%;
  margin:14px auto 22px!important;
  padding:5px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid var(--final-line)!important;
  box-shadow:0 10px 26px rgba(38,55,110,.06)!important;
  overflow:auto;
  scrollbar-width:none
}
.final-master-nav::-webkit-scrollbar {
  display:none
}
.final-master-nav .clean-nav-item {
  min-height:38px;
  padding:0 13px!important;
  border-radius:10px!important;
  color:#818ba0!important;
  font-size:9.5px!important;
  gap:7px!important
}
.final-master-nav .clean-nav-item span {
  font-size:7px!important;
  color:#a6adbc!important
}
.final-master-nav .clean-nav-item:hover {
  background:#f4f6ff!important;
  color:#5864da!important
}
.final-master-nav .clean-nav-item.active {
  background:linear-gradient(135deg,#6570e9,#5661d8)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(86,97,216,.17)!important
}
.final-master-nav .clean-nav-item.active span {
  color:#e9ebff!important
}
.master-tab-panel {
  display:none!important;
  margin-top:0!important;
  animation:none!important
}
.master-tab-panel.is-active {
  display:block!important
}
.master-merged-panel {
  display:none!important;
  margin-top:22px
}
body[data-master-tab="hasil"] .merged-results-panel {
  display:block!important
}
body[data-master-tab="anggota"] .merged-members-panel {
  display:block!important
}
.merged-results-panel,.merged-members-panel {
  padding-top:22px;
  border-top:1px solid #e3e8f1
}
.security-compact-section .security-grid-v14 {
  grid-template-columns:minmax(0,560px) minmax(260px,1fr)!important
}
/* Section hierarchy */
.clean-section {
  margin-top:0!important;
  padding-top:0!important
}
.clean-section-head {
  margin-bottom:14px!important;
  align-items:center!important
}
.clean-section-head h2 {
  font-size:19px!important;
  margin:3px 0 4px!important;
  letter-spacing:-.035em
}
.clean-section-head p {
  font-size:10.5px!important;
  color:var(--final-muted)!important;
  line-height:1.55!important;
  max-width:680px
}
.clean-kicker {
  font-size:7.5px!important;
  letter-spacing:.15em!important;
  color:#8791a6!important
}
.clean-card,.member-progress-card,.followup-stat-card,.brand-category-overview,.master-progress-wrap {
  border:1px solid var(--final-line)!important;
  background:#fff!important;
  box-shadow:var(--final-shadow)!important;
  border-radius:17px!important
}
.clean-summary-grid {
  gap:10px!important;
  margin-bottom:14px!important
}
.clean-summary-card {
  min-height:100px!important;
  padding:15px!important;
  border-radius:16px!important;
  border:1px solid var(--final-line)!important;
  background:#fff!important;
  box-shadow:none!important
}
.clean-summary-icon {
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:var(--final-primary-soft)!important;
  color:var(--final-primary)!important
}
.clean-summary-card strong {
  font-size:22px!important;
  color:var(--final-text)!important
}
.clean-summary-card p {
  font-size:8.5px!important;
  color:#9aa2b3!important
}
/* Dashboard */
.brand-category-overview {
  padding:15px!important;
  margin-bottom:16px!important
}
.brand-category-overview-head {
  margin-bottom:10px!important
}
.brand-category-overview-head h3 {
  font-size:14px!important;
  margin:3px 0!important
}
.brand-category-grid {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important
}
.brand-category-card {
  min-height:56px!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  border:1px solid #e1e6f0!important;
  background:#fff!important;
  box-shadow:none!important
}
.brand-category-card span {
  font-size:9px!important;
  color:#3c4760!important
}
.brand-category-card strong {
  font-size:14px!important;
  color:#5965db!important
}
.brand-category-card em {
  font-size:7.5px!important;
  color:#a0a8b8!important
}
.brand-category-card.active {
  background:linear-gradient(135deg,#6570e9,#5661d8)!important;
  border-color:#5964dc!important
}
.brand-category-card.active span,.brand-category-card.active strong,.brand-category-card.active em,.brand-category-card.active small {
  color:#fff!important
}
.master-progress-wrap {
  padding:15px!important
}
.master-progress-title {
  margin-bottom:10px!important
}
.member-checklist-grid {
  grid-template-columns:1fr!important;
  gap:9px!important
}
.member-checklist-card {
  padding:13px 14px!important;
  border-radius:14px!important;
  box-shadow:none!important
}
.member-progress-head {
  margin-bottom:8px!important
}
.member-progress-bar {
  height:4px!important;
  margin:8px 0!important
}
.brand-check-row {
  min-height:48px!important;
  padding:7px 9px!important;
  border-radius:12px!important
}
.compact-followup-summary {
  margin-top:8px!important;
  padding:8px 10px!important;
  border-radius:11px!important
}
/* Forms/buttons */
.clean-primary,.employee-task-start,.followup-submit,.wa-request-button {
  min-height:42px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#6570e9,#5661d8)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(86,97,216,.16)!important;
  font-size:10px!important
}
.clean-primary:hover,.employee-task-start:hover,.followup-submit:hover,.wa-request-button:hover {
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#5d68e3,#4e59cf)!important
}
.clean-field {
  margin-top:11px!important
}
.clean-field label {
  font-size:9px!important;
  color:#647087!important
}
.clean-field input,.clean-field select,.clean-field textarea {
  min-height:42px!important;
  border-radius:10px!important;
  border:1px solid #dbe2ee!important;
  background:#fbfcff!important;
  padding:10px 12px!important;
  font-size:10px!important;
  color:#27324a!important
}
.clean-field input:focus,.clean-field select:focus,.clean-field textarea:focus {
  border-color:#7d87eb!important;
  box-shadow:0 0 0 4px rgba(101,112,233,.10)!important
}
.danger-soft-button,.member-delete-button {
  border-radius:9px!important;
  background:var(--final-red-soft)!important;
  color:var(--final-red)!important;
  border:1px solid #f2d4d8!important
}
/* Hasil kerja */
.result-filter-card {
  padding:14px!important;
  margin-bottom:12px!important
}
.result-filter-grid {
  gap:8px!important
}
.result-row {
  padding:12px!important;
  border-radius:14px!important;
  box-shadow:none!important
}
.result-proof-thumb {
  width:86px!important;
  height:72px!important;
  border-radius:11px!important
}
.result-link-box {
  border-radius:10px!important;
  background:#f7f9fd!important
}
.result-action-link {
  border-radius:9px!important
}
.followup-stat-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important
}
.followup-stat-card {
  padding:12px!important;
  box-shadow:none!important
}
/* Jobdesk / Bank / members */
.manage-grid-v11,.member-admin-grid,.schedule-manage-grid,.wa-number-bank-layout {
  gap:12px!important
}
.compact-manage-form,.manage-list-card,.member-add-card,.member-list-card,.security-card-v14,.security-info-v14 {
  padding:15px!important;
  box-shadow:none!important
}
.brand-job-summary {
  min-height:50px!important
}
.daily-job-manager-row {
  min-height:48px!important
}
.clean-directory-row {
  min-height:60px!important;
  padding:10px!important
}
.member-password-menu summary {
  border-radius:9px!important
}
.wa-bank-group summary {
  min-height:48px!important
}
.wa-number-row {
  padding:9px!important;
  min-height:48px!important
}
/* Employee: real 4-tab workspace */
.employee-clean-shell {
  max-width:1180px
}
.employee-clean-hero {
  min-height:0!important;
  padding:16px 18px!important;
  margin:14px 0 10px!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#fff,#f5f7ff)!important;
  border:1px solid var(--final-line)!important;
  box-shadow:var(--final-shadow)!important
}
.employee-clean-hero h1 {
  font-size:22px!important;
  margin:4px 0 3px!important
}
.employee-clean-hero p {
  font-size:10px!important;
  margin:0!important;
  color:#7e879a!important
}
.employee-progress-card {
  min-width:185px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  box-shadow:none!important
}
.employee-profile-bar {
  min-height:54px!important;
  padding:9px 12px!important;
  margin:0 0 10px!important;
  border-radius:14px!important;
  box-shadow:none!important
}
.final-employee-nav {
  position:sticky;
  top:78px;
  z-index:60;
  display:flex!important;
  gap:5px!important;
  width:max-content;
  max-width:100%;
  margin:0 auto 14px!important;
  padding:5px!important;
  border:1px solid var(--final-line)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 9px 22px rgba(38,55,110,.06)!important;
  overflow:auto;
  scrollbar-width:none
}
.final-employee-nav::-webkit-scrollbar {
  display:none
}
.final-employee-nav a {
  padding:8px 12px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
  font-weight:800!important;
  color:#7c869b!important;
  text-decoration:none!important;
  white-space:nowrap
}
.final-employee-nav a span {
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  margin-left:5px;
  padding:0 5px;
  border-radius:999px;
  background:#eef1ff;
  color:#5e69dc;
  font-size:8px
}
.final-employee-nav a.active {
  background:linear-gradient(135deg,#6570e9,#5661d8)!important;
  color:#fff!important
}
.final-employee-nav a.active span {
  background:rgba(255,255,255,.16);
  color:#fff
}
.employee-tab-panel {
  display:none!important
}
.employee-tab-panel.is-active {
  display:grid!important;
  animation:finalTabIn .16s ease-out
}
.followup-section.employee-tab-panel,.public-team-section.employee-tab-panel,.employee-schedule-section.employee-tab-panel {
  display:none!important
}
.followup-section.employee-tab-panel.is-active,.public-team-section.employee-tab-panel.is-active,.employee-schedule-section.employee-tab-panel.is-active {
  display:block!important
}
@keyframes finalTabIn {
  from {
    opacity:.55;
    transform:translateY(3px)
  }
  to {
    opacity:1;
    transform:none
  }
}
.daily-work-grid {
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr)!important;
  gap:12px!important
}
.employee-task-panel,.employee-submit-panel {
  padding:14px!important;
  border-radius:16px!important;
  box-shadow:none!important
}
.employee-brand-filter {
  gap:6px!important;
  margin-bottom:10px!important
}
.employee-brand-filter button,.public-brand-filter button {
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:8px!important;
  min-height:30px!important
}
.daily-platform-task {
  min-height:58px!important;
  padding:9px 10px!important;
  border-radius:12px!important
}
.daily-platform-task .title-platform-icon {
  width:20px!important;
  height:20px!important;
  flex-basis:20px!important
}
.employee-task-main strong {
  font-size:10.5px!important
}
.employee-task-main small {
  font-size:8.5px!important
}
.employee-task-start {
  min-width:78px!important;
  min-height:34px!important;
  padding:7px 10px!important
}
.employee-done-badge {
  min-width:78px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  background:var(--final-green-soft)!important;
  color:var(--final-green)!important
}
.employee-submit-panel h2 {
  font-size:18px!important
}
.employee-submit-panel p {
  font-size:9.5px!important
}
.followup-section {
  margin-top:0!important
}
.wa-request-card {
  padding:14px!important;
  margin-bottom:12px!important;
  box-shadow:none!important
}
.wa-assignment-ready {
  padding:12px!important;
  border-radius:13px!important
}
.wa-number-copy-value {
  font-size:19px!important
}
.followup-work-grid {
  grid-template-columns:minmax(0,620px)!important;
  justify-content:start!important
}
.followup-form-card {
  padding:15px!important;
  box-shadow:none!important
}
.followup-count-only-card {
  display:none!important
}
.public-team-section {
  margin-top:0!important
}
.public-brand-filter {
  gap:6px!important;
  margin-bottom:10px!important
}
#publicStatsGrid {
  grid-template-columns:1fr!important;
  gap:9px!important
}
#publicStatsGrid .member-progress-card {
  padding:12px!important;
  box-shadow:none!important
}
.employee-schedule-card {
  padding:14px!important;
  box-shadow:none!important
}
/* Original social brand colors must stay original */
.platform-icon,.title-platform-icon,.followup-form-icon.platform-icon {
  filter:none!important
}
.clean-footer {
  margin-top:22px!important;
  padding:14px 4px!important;
  color:#a0a7b5!important
}
@media(max-width:960px) {
  .brand-category-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .clean-summary-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .daily-work-grid {
    grid-template-columns:1fr!important
  }
  .security-compact-section .security-grid-v14 {
    grid-template-columns:1fr!important
  }
  .followup-stat-grid {
    grid-template-columns:1fr!important
  }
}
@media(max-width:680px) {
  .master-clean-shell,.employee-clean-shell {
    padding:10px 10px 24px
  }
  .clean-header,.employee-clean-header {
    top:6px;
    border-radius:14px
  }
  .final-master-nav,.final-employee-nav {
    top:70px;
    width:100%!important;
    justify-content:flex-start!important;
    margin-bottom:12px!important
  }
  .final-master-nav .clean-nav-item {
    flex:0 0 auto!important
  }
  .clean-summary-grid {
    grid-template-columns:1fr 1fr!important
  }
  .brand-category-grid {
    grid-template-columns:1fr 1fr!important
  }
  .employee-clean-hero {
    grid-template-columns:1fr!important;
    gap:10px!important
  }
  .employee-progress-card {
    width:100%!important
  }
  .result-row {
    grid-template-columns:1fr!important
  }
  .result-proof-thumb {
    width:100%!important;
    height:150px!important
  }
}
/* v38 - self service / by-master member registration */
.member-access-grid {
  width:min(900px,100%);
  margin:38px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.member-access-grid.master-only {
  grid-template-columns:minmax(0,520px) minmax(0,320px);
  justify-content:center
}
.employee-member-login,.employee-self-register,.compact-access-note {
  padding:22px!important;
  border-radius:18px!important;
  box-shadow:var(--final-shadow)!important
}
.employee-member-login h1,.employee-self-register h2,.compact-access-note h2 {
  margin:8px 0 5px;
  font:800 21px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.03em;
  color:var(--final-text)
}
.employee-member-login>p,.employee-self-register>p,.compact-access-note>p {
  margin:0 0 16px;
  color:#7e879a;
  font-size:10px;
  line-height:1.6
}
.member-login-icon,.self-register-icon,.master-only-icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  margin-bottom:14px;
  background:linear-gradient(135deg,#eef1ff,#e3e8ff);
  color:#5c67dc;
  font-size:18px;
  font-weight:900;
}
.self-register-icon {
  background:linear-gradient(135deg,#eef9f5,#e1f4ea);
  color:#2f9b72
}
.member-login-form .clean-primary,.self-register-form .clean-primary {
  width:100%;
  margin-top:14px
}
.self-register-help,.member-login-help {
  display:block;
  margin-top:12px;
  color:#9aa2b2;
  font-size:8.5px;
  line-height:1.5;
  text-align:center
}
.member-access-empty {
  padding:14px;
  border:1px dashed #dbe2ee;
  border-radius:12px;
  background:#fafbfe
}
.member-access-empty strong {
  display:block;
  color:#34405a;
  font-size:10.5px;
  margin-bottom:4px
}
.member-access-empty small {
  color:#8e97a9;
  font-size:9px
}
.compact-access-note {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.registration-mode-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
  padding:13px 14px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.registration-mode-copy {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0
}
.registration-mode-icon {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:#eef1ff;
  color:#5e69dc;
  font-weight:900;
  flex:0 0 auto
}
.registration-mode-copy strong {
  display:block;
  color:#2b3650;
  font-size:11px
}
.registration-mode-copy small {
  display:block;
  margin-top:3px;
  color:#8d96a8;
  font-size:8.5px;
  line-height:1.4
}
.registration-mode-actions {
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto
}
.registration-mode-status {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.04em;
  border:1px solid
}
.registration-mode-status.enabled {
  background:#edf9f3;
  color:#2f936e;
  border-color:#d5eee2
}
.registration-mode-status.disabled {
  background:#f4f5f8;
  color:#737d91;
  border-color:#e1e5ec
}
.registration-toggle-button {
  min-height:34px;
  padding:7px 11px;
  border-radius:9px;
  border:1px solid #dce2ed;
  background:#fff;
  color:#536078;
  font:800 9px 'DM Sans',sans-serif;
  cursor:pointer
}
.registration-toggle-button.enable {
  background:#eef1ff;
  color:#5864da;
  border-color:#dce1ff
}
.registration-toggle-button.disable:hover {
  background:#fff5f5;
  color:#c75f68;
  border-color:#f1d5d9
}
.registration-toggle-button.enable:hover {
  background:#e4e8ff
}
@media(max-width:760px) {
  .member-access-grid,.member-access-grid.master-only {
    grid-template-columns:1fr;
    margin-top:18px
  }
  .registration-mode-card {
    align-items:flex-start;
    flex-direction:column
  }
  .registration-mode-actions {
    width:100%;
    justify-content:space-between
  }
}
/* v39 - clipboard-only proof + participant IP allow */
.clipboard-proof-field {
  margin-top:14px
}
.clipboard-proof-zone {
  position:relative;
  margin-top:8px;
  min-height:150px;
  border:1.5px dashed #cfd7e6;
  border-radius:16px;
  background:linear-gradient(180deg,#fbfcff 0%,#f6f8fc 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  padding:18px;
  outline:none;
  cursor:text;
  transition:.18s ease;
}
.clipboard-proof-zone:hover,.clipboard-proof-zone:focus {
  border-color:#8490ee;
  box-shadow:0 0 0 4px rgba(101,114,232,.09);
  background:#fafbff
}
.clipboard-proof-zone.needs-paste {
  border-color:#e1757d;
  box-shadow:0 0 0 4px rgba(225,117,125,.10)
}
.clipboard-proof-zone.is-disabled {
  opacity:.52;
  pointer-events:none;
  cursor:not-allowed
}
.clipboard-proof-zone.has-image {
  align-items:flex-start;
  text-align:left;
  min-height:112px;
  padding-right:138px
}
.clipboard-proof-icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#eef1ff;
  color:#5f6be1;
  font-size:14px;
  font-weight:900
}
.clipboard-proof-zone strong {
  font:800 12px 'Plus Jakarta Sans',sans-serif;
  color:#2b3550
}
.clipboard-proof-zone small {
  max-width:360px;
  color:#8b94a8;
  font-size:10px;
  line-height:1.5
}
.clipboard-proof-preview {
  position:absolute;
  right:14px;
  top:14px;
  width:110px;
  height:82px;
  object-fit:cover;
  border-radius:11px;
  border:1px solid #dfe5ef;
  background:#fff;
  box-shadow:0 8px 18px rgba(37,48,88,.10)
}
.clipboard-proof-meta {
  font-size:9px;
  font-weight:800;
  color:#79839a
}
.clipboard-proof-zone.has-image .clipboard-proof-meta {
  color:#2f9b72
}
.clipboard-proof-clear {
  margin-top:4px;
  border:1px solid #e1e5ee;
  background:#fff;
  color:#6f788b;
  border-radius:9px;
  padding:6px 9px;
  font-size:9px;
  font-weight:800;
  cursor:pointer
}
.clipboard-proof-clear:hover {
  background:#f3f5f9
}
.member-ip-line {
  display:block!important;
  margin-top:4px!important;
  color:#8b94a5!important
}
.member-ip-line b {
  color:#4f5c75;
  font-weight:800
}
.member-ip-reset-form {
  margin:0
}
.member-ip-reset-button {
  border:1px solid #dfe4ef;
  background:#f7f9fc;
  color:#5e6a82;
  border-radius:9px;
  min-height:34px;
  padding:6px 9px;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap
}
.member-ip-reset-button:hover {
  background:#eef2f8;
  color:#45516a
}
@media(max-width:760px) {
  .clipboard-proof-zone.has-image {
    padding-right:18px;
    padding-top:112px;
    align-items:center;
    text-align:center
  }
  .clipboard-proof-preview {
    left:50%;
    right:auto;
    transform:translateX(-50%);
    top:14px
  }
  .member-ip-reset-form {
    grid-column:auto
  }
}
/* v40 - cache-safe production build, master-managed registration & IP */
.member-access-grid.member-login-only {
  display:block;
  max-width:520px;
  margin:34px auto 0
}
.member-login-only .employee-member-login {
  width:100%
}
.member-login-help b {
  color:#46526a;
  font-weight:900
}
.member-ip-menu {
  position:relative;
  margin:0
}
.member-ip-menu>summary {
  list-style:none;
  cursor:pointer;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border:1px solid #dfe4ef;
  background:#f8f9fc;
  color:#56627a;
  border-radius:9px;
  font-size:9px;
  font-weight:800;
  white-space:nowrap
}
.member-ip-menu>summary::-webkit-details-marker {
  display:none
}
.member-ip-menu[open]>summary {
  background:#eef2ff;
  border-color:#d8def8;
  color:#5260c9
}
.member-ip-menu .member-ip-form,.member-ip-menu .member-ip-clear-form {
  display:flex;
  gap:6px;
  align-items:center;
  margin-top:7px;
  padding:8px;
  border:1px solid #e8ebf2;
  border-radius:11px;
  background:#fff
}
.member-ip-menu .member-ip-form input {
  width:150px;
  min-height:32px;
  padding:6px 8px;
  border:1px solid #dfe4ec;
  border-radius:8px;
  background:#fff;
  color:#344058;
  font-size:9px;
  font-weight:700;
  outline:none
}
.member-ip-menu .member-ip-form input:focus {
  border-color:#9da8e8;
  box-shadow:0 0 0 3px rgba(92,105,220,.08)
}
.member-ip-menu .member-ip-form button,.member-ip-menu .member-ip-clear-form button {
  min-height:32px;
  padding:6px 9px;
  border:0;
  border-radius:8px;
  background:#20242d;
  color:#fff;
  font-size:8.5px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap
}
.member-ip-menu .member-ip-clear-form {
  margin-top:5px;
  border-color:#f0e1e1;
  background:#fffafa
}
.member-ip-menu .member-ip-clear-form button {
  width:100%;
  background:#fff0f0;
  color:#b44d4d;
  border:1px solid #f0d0d0
}
@media(max-width:760px) {
  .member-access-grid.member-login-only {
    margin-top:18px
  }
  .member-ip-menu .member-ip-form {
    flex-direction:column;
    align-items:stretch
  }
  .member-ip-menu .member-ip-form input {
    width:100%
  }
}
.member-list-card .clean-directory-row {
  grid-template-columns:42px minmax(0,1fr) auto auto auto auto auto !important
}
@media(max-width:700px) {
  .member-list-card .clean-directory-row {
    grid-template-columns:38px minmax(0,1fr) auto !important
  }
  .member-list-card .member-ip-menu {
    grid-column:1/-1;
    width:100%
  }
  .member-list-card .member-ip-menu>summary {
    width:100%
  }
  .member-list-card .member-ip-menu .member-ip-form,.member-list-card .member-ip-menu .member-ip-clear-form {
    width:100%
  }
}
/* ========================================================================== 
   V42 — SIDEBAR WORKSPACE + BRAND-FREE MEMBER STATISTICS
   Final override layer. Desktop uses compact left sidebar; mobile falls back to
   a compact top/bottom-friendly navigation without changing backend behavior.
   ========================================================================== */
:root {
  --v42-sidebar-w:218px;
  --v42-sidebar-x:16px;
  --v42-sidebar-bg:rgba(255,255,255,.96);
  --v42-sidebar-line:#e6eaf4;
  --v42-sidebar-text:#1f2940;
  --v42-sidebar-muted:#8a93a8;
  --v42-accent:#5f6be8;
  --v42-accent-2:#727cf0;
  --v42-soft:#f5f7ff;
}
/* ---------- Employee workspace sidebar ---------- */
.employee-clean-body.employee-authenticated {
  background:#f5f7fb!important;
  min-height:100vh;
}
.employee-clean-body.employee-authenticated::before {
  content:"";
  position:fixed;
  z-index:40;
  left:var(--v42-sidebar-x);
  top:16px;
  bottom:16px;
  width:var(--v42-sidebar-w);
  border:1px solid var(--v42-sidebar-line);
  border-radius:20px;
  background:var(--v42-sidebar-bg);
  box-shadow:0 16px 42px rgba(39,51,93,.08);
  backdrop-filter:blur(14px);
}
.employee-authenticated .employee-clean-shell {
  width:100%!important;
  max-width:none!important;
  padding:16px 22px 34px calc(var(--v42-sidebar-w) + var(--v42-sidebar-x) + 24px)!important;
}
.employee-authenticated .employee-clean-header {
  position:fixed!important;
  z-index:52!important;
  left:30px!important;
  top:31px!important;
  width:190px!important;
  min-height:auto!important;
  padding:0 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:flex-start!important;
  flex-direction:column!important;
  gap:7px!important;
}
.employee-authenticated .employee-clean-header .clean-brand {
  font-size:19px!important
}
.employee-authenticated .employee-clean-header .employee-clean-badge {
  padding:5px 8px!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  background:#f3f5fb!important;
  border-color:#e5e9f3!important;
  color:#8a93a8!important;
}
.employee-authenticated .employee-profile-bar {
  position:fixed!important;
  z-index:52!important;
  left:28px!important;
  top:105px!important;
  width:194px!important;
  min-height:60px!important;
  padding:9px!important;
  margin:0!important;
  border:1px solid #edf0f6!important;
  border-radius:13px!important;
  background:#f9faff!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.employee-authenticated .employee-profile-copy {
  min-width:0!important
}
.employee-authenticated .employee-profile-copy .clean-avatar {
  width:34px!important;
  height:34px!important;
  font-size:10px!important;
  flex:0 0 34px!important
}
.employee-authenticated .employee-profile-copy small {
  font-size:7px!important;
  letter-spacing:.1em!important
}
.employee-authenticated .employee-profile-copy strong {
  font-size:10px!important;
  max-width:125px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.employee-authenticated .employee-member-logout {
  width:100%!important;
  min-height:29px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  font-size:8px!important;
  text-align:center!important;
  background:#fff!important;
  border:1px solid #e7eaf2!important;
  color:#7e8798!important;
}
.employee-authenticated .final-employee-nav {
  position:fixed!important;
  z-index:53!important;
  left:28px!important;
  top:190px!important;
  width:194px!important;
  max-width:none!important;
  margin:0!important;
  padding:4px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  overflow:visible!important;
}
.employee-authenticated .final-employee-nav a {
  position:relative;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:40px!important;
  width:100%!important;
  padding:9px 11px!important;
  border-radius:11px!important;
  color:#7e879a!important;
  font-size:9.5px!important;
  font-weight:800!important;
  text-align:left!important;
  transition:.16s ease!important;
}
.employee-authenticated .final-employee-nav a::before {
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:8px;
  background:#f1f3f8;
  color:#788299;
  font-size:8px;
  font-weight:900;
}
.employee-authenticated .final-employee-nav a:nth-child(1)::before {
  content:"✓"
}
.employee-authenticated .final-employee-nav a:nth-child(2)::before {
  content:"WA"
}
.employee-authenticated .final-employee-nav a:nth-child(3)::before {
  content:"↗";
  font-size:12px
}
.employee-authenticated .final-employee-nav a:nth-child(4)::before {
  content:"⌁";
  font-size:12px
}
.employee-authenticated .final-employee-nav a:hover {
  background:#f6f7fc!important;
  color:#59637b!important
}
.employee-authenticated .final-employee-nav a.active {
  background:linear-gradient(135deg,#6570e9,#5661d8)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(87,99,220,.18)!important;
}
.employee-authenticated .final-employee-nav a.active::before {
  background:rgba(255,255,255,.14);
  color:#fff
}
.employee-authenticated .final-employee-nav a span {
  margin-left:auto!important;
  min-width:20px!important;
  height:20px!important;
  background:#eef1ff!important;
  color:#5d67da!important
}
.employee-authenticated .final-employee-nav a.active span {
  background:rgba(255,255,255,.17)!important;
  color:#fff!important
}
.employee-authenticated .employee-clean-hero {
  margin:0 0 12px!important;
  padding:15px 17px!important;
  border-radius:15px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.employee-authenticated .employee-clean-hero h1 {
  font-size:20px!important
}
.employee-authenticated .employee-clean-hero .employee-progress-card {
  padding:11px 13px!important;
  border-radius:12px!important;
  box-shadow:none!important
}
.employee-authenticated .employee-tab-panel.is-active {
  animation:v42PanelIn .14s ease-out
}
@keyframes v42PanelIn {
  from {
    opacity:.55;
    transform:translateY(3px)
  }
  to {
    opacity:1;
    transform:none
  }
}
/* Member statistics: no brand filter, compact neutral cards. */
.employee-authenticated .public-team-section .clean-section-head {
  margin-bottom:12px!important
}
.employee-authenticated #publicStatsGrid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important
}
.employee-authenticated #publicStatsGrid .member-progress-card {
  padding:12px 13px!important;
  border-radius:14px!important
}
.employee-authenticated #publicStatsGrid .member-progress-person small {
  color:#929bad!important;
  font-size:8px!important
}
.employee-authenticated #publicStatsGrid .member-progress-percent {
  min-width:46px!important;
  padding:6px 8px!important;
  font-size:9px!important
}
.employee-authenticated #publicStatsGrid .member-platform-grid.generic-platform-grid {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:9px!important
}
.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip {
  min-width:0!important;
  padding:7px 7px!important;
  gap:6px!important
}
.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip .job-chip-copy em {
  display:none!important
}
.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip .job-chip-copy small {
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.employee-authenticated #publicStatsGrid .compact-followup-summary {
  margin-top:8px!important
}
.public-brand-filter {
  display:none!important
}
/* ---------- Master sidebar ---------- */
.master-clean-body {
  background:#f5f7fb!important;
}
.master-clean-body::before {
  content:"";
  position:fixed;
  z-index:40;
  left:var(--v42-sidebar-x);
  top:16px;
  bottom:16px;
  width:var(--v42-sidebar-w);
  border:1px solid var(--v42-sidebar-line);
  border-radius:20px;
  background:var(--v42-sidebar-bg);
  box-shadow:0 16px 42px rgba(39,51,93,.08);
}
.master-clean-body .master-clean-shell {
  width:100%!important;
  max-width:none!important;
  padding:16px 22px 34px calc(var(--v42-sidebar-w) + var(--v42-sidebar-x) + 24px)!important;
}
.master-clean-body .clean-header {
  position:fixed!important;
  z-index:52!important;
  left:29px!important;
  top:29px!important;
  width:192px!important;
  min-height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:flex-start!important;
  flex-direction:column!important;
  gap:13px!important;
}
.master-clean-body .clean-header-right {
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important
}
.master-clean-body .clean-role {
  width:max-content!important;
  font-size:7px!important;
  padding:5px 8px!important
}
.master-clean-body .clean-logout {
  width:100%!important;
  text-align:center!important;
  padding:7px 9px!important;
  border-radius:8px!important;
  font-size:8px!important;
  background:#f9faff!important;
  border:1px solid #eaedf5!important
}
.master-clean-body .final-master-nav {
  position:fixed!important;
  z-index:53!important;
  left:28px!important;
  top:144px!important;
  width:194px!important;
  max-width:none!important;
  margin:0!important;
  padding:4px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.master-clean-body .final-master-nav .clean-nav-item {
  width:100%!important;
  min-height:42px!important;
  padding:9px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#7e879a!important;
  font-size:9px!important;
  font-weight:800!important;
  text-align:left!important;
}
.master-clean-body .final-master-nav .clean-nav-item span {
  display:grid!important;
  place-items:center!important;
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  border-radius:8px!important;
  background:#f1f3f8!important;
  color:#8a93a8!important;
  font-size:7px!important;
}
.master-clean-body .final-master-nav .clean-nav-item:hover {
  background:#f6f7fc!important;
  color:#59637b!important
}
.master-clean-body .final-master-nav .clean-nav-item.active {
  background:linear-gradient(135deg,#6570e9,#5661d8)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(87,99,220,.18)!important
}
.master-clean-body .final-master-nav .clean-nav-item.active span {
  background:rgba(255,255,255,.15)!important;
  color:#fff!important
}
.master-clean-body .master-flash {
  margin-top:0!important
}
.master-clean-body .master-tab-panel.is-active {
  margin-top:0!important
}
.master-clean-body .clean-footer {
  padding-left:0!important;
  margin-top:18px!important
}
/* More compact cards to take advantage of sidebar workspace. */
.employee-authenticated .clean-section, .master-clean-body .clean-section {
  border-radius:15px!important
}
.employee-authenticated .clean-section-head h2, .master-clean-body .clean-section-head h2 {
  font-size:18px!important
}
.employee-authenticated .clean-section-head p, .master-clean-body .clean-section-head p {
  font-size:9px!important
}
.employee-authenticated .daily-work-grid {
  gap:10px!important
}
.employee-authenticated .employee-task-panel, .employee-authenticated .employee-submit-panel {
  border-radius:15px!important
}
/* ---------- Responsive: sidebar becomes compact navigation ---------- */
@media(max-width:1080px) {
  .employee-authenticated #publicStatsGrid {
    grid-template-columns:1fr!important
  }
  .employee-authenticated #publicStatsGrid .member-platform-grid.generic-platform-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important
  }
}
@media(max-width:860px) {
  .employee-clean-body.employee-authenticated::before,   .master-clean-body::before {
    display:none!important
  }
  .employee-authenticated .employee-clean-shell,   .master-clean-body .master-clean-shell {
    padding:10px 12px 82px!important
  }
  .employee-authenticated .employee-clean-header,   .master-clean-body .clean-header {
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    min-height:54px!important;
    padding:10px 12px!important;
    margin:0 0 8px!important;
    border:1px solid var(--v42-sidebar-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .master-clean-body .clean-header-right {
    width:auto!important;
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important
  }
  .master-clean-body .clean-logout {
    width:auto!important;
    padding:7px 10px!important
  }
  .employee-authenticated .employee-profile-bar {
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    min-height:48px!important;
    padding:7px 9px!important;
    margin:0 0 8px!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
  }
  .employee-authenticated .employee-member-logout {
    width:auto!important;
    min-width:70px!important
  }
  .employee-authenticated .final-employee-nav,   .master-clean-body .final-master-nav {
    position:fixed!important;
    z-index:90!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    margin:0!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    flex-direction:row!important;
    gap:4px!important;
    border:1px solid var(--v42-sidebar-line)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 35px rgba(32,45,91,.14)!important;
    backdrop-filter:blur(12px)!important;
  }
  .master-clean-body .final-master-nav {
    grid-template-columns:repeat(5,minmax(0,1fr))!important
  }
  .employee-authenticated .final-employee-nav a,   .master-clean-body .final-master-nav .clean-nav-item {
    min-width:0!important;
    min-height:44px!important;
    padding:7px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
    font-size:7px!important;
    line-height:1.15!important;
  }
  .employee-authenticated .final-employee-nav a::before {
    width:20px;
    height:20px;
    flex-basis:20px
  }
  .employee-authenticated .final-employee-nav a span {
    position:absolute;
    right:5px;
    top:4px;
    min-width:16px!important;
    height:16px!important;
    font-size:7px!important
  }
  .master-clean-body .final-master-nav .clean-nav-item span {
    display:none!important
  }
}
@media(max-width:560px) {
  .employee-authenticated #publicStatsGrid .member-platform-grid.generic-platform-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .employee-authenticated .employee-clean-hero {
    padding:13px!important
  }
  .employee-authenticated .employee-clean-hero h1 {
    font-size:18px!important
  }
  .employee-authenticated .final-employee-nav a {
    font-size:6.7px!important
  }
  .master-clean-body .final-master-nav .clean-nav-item {
    font-size:6.2px!important
  }
}
/* ========================================================================== 
   V43 — COMPACT PREMIUM WORKSPACE
   Removes the large employee hero from content, moves daily status into the
   sidebar, and turns Master > Hasil Kerja into a dense list with grouped FU.
   ========================================================================== */
:root {
  --v43-ink:#1d263b;
  --v43-muted:#8c94a8;
  --v43-line:#e7eaf2;
  --v43-soft:#f7f8fc;
  --v43-accent:#5e68df;
  --v43-accent-soft:#eef0ff;
  --v43-green:#2d9c73;
  --v43-green-soft:#eaf8f1;
  --v43-orange:#cf7b43;
  --v43-orange-soft:#fff2e9;
}
/* Employee: the former large hero is now a compact sidebar status card. */
.employee-authenticated .employee-sidebar-status {
  position:fixed;
  z-index:54;
  left:28px;
  top:385px;
  width:194px;
  margin:0;
  padding:11px 12px;
  border:1px solid #e9ecf4;
  border-radius:13px;
  background:linear-gradient(145deg,#f9faff,#f4f6ff);
  color:var(--v43-ink);
  box-shadow:none;
}
.employee-authenticated .employee-sidebar-status>small {
  display:block;
  margin-bottom:4px;
  color:#9aa2b4;
  font-size:6.8px;
  font-weight:800;
  letter-spacing:.11em;
}
.employee-authenticated .employee-sidebar-status>strong {
  display:block;
  margin-bottom:9px;
  overflow:hidden;
  color:#30394f;
  font:800 10.5px 'Plus Jakarta Sans',sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.employee-sidebar-progress-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
.employee-sidebar-progress-head>span {
  min-width:0;
  color:#8992a7;
  font-size:7px;
  font-weight:800;
}
.employee-sidebar-progress-head>span b {
  display:block;
  max-width:108px;
  margin-top:2px;
  overflow:hidden;
  color:#5964d8;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.employee-sidebar-progress-head>strong {
  flex:0 0 auto;
  color:#454f69;
  font:800 9px 'Plus Jakarta Sans',sans-serif;
}
.employee-sidebar-progress-head>strong i {
  font-style:normal
}
.employee-authenticated .employee-sidebar-progress-track {
  display:block;
  height:5px;
  margin:0 0 6px;
  overflow:hidden;
  border-radius:999px;
  background:#e4e7f2;
}
.employee-authenticated .employee-sidebar-progress-track>i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#6670e7,#7b84ee);
}
.employee-authenticated .employee-sidebar-status>em {
  display:block;
  color:#959daf;
  font-size:7px;
  font-style:normal;
}
.employee-sidebar-dayoff {
  display:inline-flex;
  margin-bottom:5px;
  padding:4px 7px;
  border-radius:7px;
  background:#fff0e8;
  color:#c86c39;
  font-size:7px;
  font-weight:900;
}
/* Tighten the authenticated employee canvas now that the content hero is gone. */
.employee-authenticated .clean-alert {
  margin-top:0!important
}
.employee-authenticated .employee-work-grid, .employee-authenticated .followup-section, .employee-authenticated .public-team-section, .employee-authenticated #jadwal-saya {
  margin-top:0!important
}
.employee-authenticated .clean-section-head {
  margin-bottom:10px!important
}
.employee-authenticated .clean-section-head h2 {
  margin-bottom:3px!important
}
/* Master > Hasil Kerja: compact toolbar instead of a large filter card. */
.master-clean-body .compact-results-section {
  padding:17px!important
}
.compact-results-head {
  margin-bottom:10px!important
}
.compact-results-head p {
  max-width:620px
}
.result-compact-toolbar {
  display:grid;
  grid-template-columns:150px minmax(150px,1fr) minmax(140px,.8fr) 125px auto;
  gap:7px;
  align-items:end;
  margin-bottom:9px;
  padding:9px;
  border:1px solid var(--v43-line);
  border-radius:12px;
  background:#fafbfe;
}
.result-compact-toolbar label {
  display:block;
  min-width:0
}
.result-compact-toolbar label>span {
  display:block;
  margin:0 0 4px 2px;
  color:#9aa1b2;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.result-compact-toolbar input, .result-compact-toolbar select {
  width:100%;
  height:32px;
  padding:0 9px;
  border:1px solid #e1e5ee;
  border-radius:8px;
  outline:none;
  background:#fff;
  color:#596177;
  font:700 8.5px 'DM Sans',sans-serif;
}
.result-compact-toolbar input:focus, .result-compact-toolbar select:focus {
  border-color:#8a91e9;
  box-shadow:0 0 0 3px #727aea14
}
.result-compact-toolbar .result-filter-reset {
  height:32px;
  padding:0 11px;
  border:1px solid #e1e5ee;
  border-radius:8px;
  background:#fff;
  color:#737c91;
  font:800 8px 'DM Sans',sans-serif;
  cursor:pointer;
}
.compact-result-limit {
  display:block;
  margin:0 2px 8px;
  color:#a0a7b7;
  font-size:7.5px
}
/* One compact line = one social post, one grouped line = a batch of FU. */
.result-compact-list {
  overflow:hidden;
  border:1px solid var(--v43-line);
  border-radius:13px;
  background:#fff;
}
.result-compact-row, .result-fu-group {
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #eef0f5!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.result-compact-row:last-of-type, .result-fu-group:last-of-type {
  border-bottom:0!important
}
.result-compact-row {
  display:grid!important;
  grid-template-columns:48px minmax(145px,1.15fr) minmax(145px,1.25fr) 78px minmax(150px,auto);
  gap:10px;
  align-items:center;
  min-height:50px;
  padding:7px 10px!important;
}
.result-compact-kind {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:23px;
  border-radius:7px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.04em;
}
.result-compact-kind.social {
  background:var(--v43-accent-soft);
  color:#5963d4
}
.result-compact-kind.wa {
  background:var(--v43-green-soft);
  color:var(--v43-green)
}
.result-compact-member {
  display:flex;
  align-items:center;
  min-width:0;
  gap:7px;
}
.result-compact-member .clean-avatar {
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  font-size:7px!important;
}
.result-compact-member strong {
  overflow:hidden;
  color:#313a50;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.result-compact-work {
  min-width:0
}
.result-compact-work strong {
  display:block;
  overflow:hidden;
  color:#485168;
  font-size:8.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.result-compact-work small {
  display:block;
  margin-top:2px;
  color:#a0a7b8;
  font-size:7px
}
.result-compact-row>time, .result-fu-group summary>time {
  color:#98a0b2;
  font-size:7.5px;
  white-space:nowrap
}
.result-compact-actions {
  display:flex;
  justify-content:flex-end;
  gap:5px;
}
.result-compact-actions a, .result-compact-actions button, .result-fu-item button {
  min-height:27px;
  padding:0 9px;
  border:1px solid #e3e6ee;
  border-radius:7px;
  background:#fff;
  color:#626bd8;
  font:800 7.5px 'DM Sans',sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.result-compact-actions a:hover, .result-compact-actions button:hover, .result-fu-item button:hover {
  background:#f4f5ff;
  border-color:#d7daf3
}
.result-fu-group>summary {
  display:grid;
  grid-template-columns:48px minmax(145px,1.15fr) minmax(145px,1.25fr) 82px 78px 68px;
  gap:10px;
  align-items:center;
  min-height:50px;
  padding:7px 10px;
  list-style:none;
  cursor:pointer;
}
.result-fu-group>summary::-webkit-details-marker {
  display:none
}
.result-fu-group[open]>summary {
  background:#fafbfe
}
.result-fu-count {
  display:inline-flex;
  width:max-content;
  padding:5px 7px;
  border-radius:7px;
  background:#eff8f4;
  color:#358f70;
  font-size:7.5px;
  font-weight:900;
  white-space:nowrap;
}
.result-fu-toggle {
  color:#737c92;
  font-size:7.5px;
  font-weight:800;
  text-align:right;
  white-space:nowrap
}
.result-fu-toggle i {
  display:inline-block;
  margin-left:3px;
  font-style:normal;
  transition:transform .15s ease
}
.result-fu-group[open] .result-fu-toggle i {
  transform:rotate(180deg)
}
.result-fu-items {
  padding:4px 10px 8px 58px;
  border-top:1px solid #f0f2f6;
  background:#fcfcfe;
}
.result-fu-item {
  display:grid;
  grid-template-columns:24px minmax(150px,1fr) 80px 70px;
  gap:8px;
  align-items:center;
  min-height:34px;
  padding:3px 0;
  border-bottom:1px dashed #eceef4;
}
.result-fu-item:last-child {
  border-bottom:0
}
.result-fu-item>span {
  color:#b0b6c4;
  font-size:7px
}
.result-fu-item>strong {
  color:#4e576e;
  font-size:8.5px;
  letter-spacing:.015em
}
.result-fu-item>time {
  color:#9da4b4;
  font-size:7.5px
}
.result-fu-item>em {
  color:#adb3bf;
  font-size:7px;
  font-style:normal
}
.result-filter-empty {
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  padding:22px!important
}
/* FU summary under Hasil Kerja stays useful, but no longer looks like large cards. */
.master-clean-body .merged-results-panel {
  margin-top:10px!important;
  padding-top:12px!important;
}
.master-clean-body .merged-results-panel .clean-section-head {
  margin-bottom:8px!important
}
.master-clean-body .followup-stat-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
.master-clean-body .followup-stat-card {
  min-height:0!important;
  padding:8px 9px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.master-clean-body .followup-stat-card .clean-avatar {
  width:25px!important;
  height:25px!important;
  font-size:7px!important
}
.master-clean-body .followup-stat-card .member-progress-person strong {
  font-size:8px!important
}
.master-clean-body .followup-stat-card .member-progress-person small {
  display:none!important
}
.master-clean-body .followup-stat-count {
  font-size:9px!important
}
.master-clean-body .followup-stat-count small {
  font-size:6px!important
}
.master-clean-body .followup-stat-summary-only {
  display:none!important
}
/* Avoid oversized vertical padding throughout the primary work surfaces. */
.master-clean-body .master-tab-panel>.clean-section-head, .employee-authenticated .employee-tab-panel>.clean-section-head {
  padding-top:0!important
}
.master-clean-body .clean-card, .employee-authenticated .clean-card {
  box-shadow:0 7px 20px rgba(37,48,86,.035)!important
}
@media(max-width:1180px) {
  .result-compact-toolbar {
    grid-template-columns:repeat(4,minmax(120px,1fr)) auto
  }
  .master-clean-body .followup-stat-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
}
@media(max-width:980px) {
  .result-compact-row {
    grid-template-columns:44px minmax(130px,1fr) minmax(130px,1fr) auto
  }
  .result-compact-row>time {
    display:none
  }
  .result-fu-group>summary {
    grid-template-columns:44px minmax(130px,1fr) minmax(130px,1fr) 72px 60px
  }
  .result-fu-group summary>time {
    display:none
  }
}
@media(max-width:860px) {
  .employee-authenticated .employee-sidebar-status {
    display:none!important
  }
  .result-compact-toolbar {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px
  }
  .result-compact-toolbar .result-filter-reset {
    width:100%
  }
  .master-clean-body .followup-stat-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}
@media(max-width:680px) {
  .master-clean-body .compact-results-section {
    padding:12px!important
  }
  .result-compact-row {
    grid-template-columns:39px minmax(0,1fr) auto;
    gap:7px;
    min-height:48px;
    padding:6px 8px!important;
  }
  .result-compact-row .result-compact-work {
    display:none
  }
  .result-compact-actions {
    grid-column:3;
    grid-row:1
  }
  .result-compact-actions a,   .result-compact-actions button {
    padding:0 7px
  }
  .result-fu-group>summary {
    grid-template-columns:39px minmax(0,1fr) auto auto;
    gap:7px;
    min-height:48px;
    padding:6px 8px;
  }
  .result-fu-group summary .result-compact-work {
    display:none
  }
  .result-fu-group summary>time {
    display:none
  }
  .result-fu-toggle {
    font-size:0
  }
  .result-fu-toggle i {
    font-size:10px
  }
  .result-fu-items {
    padding:4px 8px 8px 47px
  }
  .result-fu-item {
    grid-template-columns:20px minmax(0,1fr) auto;
    gap:6px
  }
  .result-fu-item>time {
    display:none
  }
  .result-fu-item button {
    padding:0 7px
  }
  .master-clean-body .followup-stat-grid {
    grid-template-columns:1fr!important
  }
}
/* v48 theme cascade: kept before the v49/v50 layout guards below. */
body.master-clean-body,body.employee-clean-body {
  background-color:#eef3fb!important;
  background-image:linear-gradient(rgba(87,103,153,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(87,103,153,.045) 1px,transparent 1px),radial-gradient(circle at 86% -10%,rgba(76,226,214,.16),transparent 30%)!important;
  background-size:28px 28px,28px 28px,auto!important
}
.master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
  background:linear-gradient(135deg,rgba(12,25,47,.97),rgba(21,34,65,.96))!important;
  border-color:rgba(100,226,216,.25)!important
}
.master-clean-body .clean-brand,.employee-authenticated .employee-clean-header .clean-brand {
  color:#f4fbff!important
}
.master-clean-body .clean-role {
  color:#8ef1e8!important
}
.master-clean-body .final-master-nav,.employee-authenticated .final-employee-nav {
  background:rgba(10,20,40,.9)!important;
  border-color:rgba(107,221,219,.22)!important
}
.master-clean-body .final-master-nav .clean-nav-item.active,.employee-authenticated .final-employee-nav a.active {
  background:linear-gradient(135deg,#2d8f9d,#4c5edb)!important;
  color:#fff!important
}
.custom-stats-card,.employee-personal-stats {
  background:linear-gradient(135deg,#0d1d38,#132b49 58%,#153653)!important;
  border:1px solid rgba(102,229,219,.3)!important;
  color:#f5fbff!important;
  border-radius:20px!important;
  box-shadow:0 18px 42px rgba(11,39,76,.24)!important
}
.custom-stats-card .clean-kicker,.employee-personal-stats .clean-kicker {
  color:#75e8de!important
}
.custom-stats-card h3,.employee-personal-stats h3 {
  color:#f4fbff!important
}
.custom-stats-card p {
  color:#a9bfdb!important
}
.custom-stats-form {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:10px;
  align-items:end;
  margin:2px 0 16px
}
.employee-stats-form {
  grid-template-columns:repeat(2,minmax(0,1fr)) auto
}
.custom-stats-form label {
  margin:0;
  color:#9fb6d3;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase
}
.custom-stats-form input,.custom-stats-form select {
  display:block;
  width:100%;
  min-height:38px;
  margin-top:6px;
  padding:0 11px;
  border:1px solid rgba(155,192,231,.24);
  border-radius:10px;
  background:rgba(4,14,31,.46);
  color:#f3f8ff;
  font:600 11px 'DM Sans',sans-serif;
  color-scheme:dark
}
.custom-stats-submit {
  min-height:38px;
  margin:0!important;
  padding:0 15px!important;
  background:linear-gradient(135deg,#36a9ab,#5263df)!important
}
.custom-stats-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px
}
.custom-performance-card {
  padding:13px;
  border:1px solid rgba(154,191,228,.18);
  border-radius:14px;
  background:rgba(6,18,37,.42)
}
.custom-performance-person strong {
  color:#f5fbff;
  font-size:10px
}
.custom-performance-person small {
  color:#99b2cf;
  font-size:8px
}
.custom-performance-rate {
  color:#7ff1df
}
.custom-performance-meter {
  display:block;
  height:5px;
  margin:12px 0 10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(174,205,231,.15)
}
.custom-performance-meter i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#46c6c5,#6a75ed)
}
.custom-performance-metrics {
  display:flex;
  justify-content:space-between;
  color:#f1f7ff;
  font-size:11px
}
.custom-performance-metrics small {
  display:block;
  color:#8da7c6;
  font-size:7px
}
.custom-stats-empty {
  display:block;
  grid-column:1/-1;
  padding:20px;
  text-align:center;
  color:#92aacc;
  font-size:10px
}
.personal-stats-summary {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:18px
}
.personal-stats-summary>div {
  padding:11px;
  border:1px solid rgba(154,191,228,.18);
  border-radius:12px;
  background:rgba(6,18,37,.4)
}
.personal-stats-summary small {
  display:block;
  color:#93afd0;
  font-size:7px
}
.personal-stats-summary strong {
  display:block;
  color:#f7ffff;
  font:800 20px 'Plus Jakarta Sans',sans-serif
}
.employee-stats-chart {
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  gap:4px;
  min-height:110px;
  padding:10px 5px 0;
  border-top:1px solid rgba(154,191,228,.15)
}
.employee-day-bar {
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  flex:1;
  min-width:7px;
  height:88px
}
.employee-day-bar i {
  display:block;
  width:100%;
  max-width:17px;
  min-height:4px;
  border-radius:4px 4px 2px 2px;
  background:linear-gradient(180deg,#6ce9db,#4d6bdd)
}
.employee-day-bar small {
  position:absolute;
  bottom:-14px;
  color:#8da7c6;
  font-size:7px;
  transform:rotate(-38deg);
  white-space:nowrap
}
@media(max-width:900px) {
  .custom-stats-form {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .custom-stats-submit {
    grid-column:1/-1
  }
  .custom-stats-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:560px) {
  .custom-stats-form,.employee-stats-form {
    grid-template-columns:1fr
  }
  .custom-stats-grid {
    grid-template-columns:1fr
  }
  .personal-stats-summary {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
/* v49 final layout guard: normalize the old sidebar cascade and keep every
   authenticated view readable at desktop and mobile widths. */
:root {
  --v49-sidebar-width:218px;
  --v49-sidebar-offset:258px;
}
html {
  overflow-x:hidden
}
body.master-clean-body,body.employee-clean-body {
  min-width:0;
  overflow-x:hidden
}
body.master-clean-body::before,body.employee-clean-body.employee-authenticated::before {
  pointer-events:none
}
.master-clean-shell,.employee-clean-shell {
  min-width:0
}
.master-clean-body .clean-section-head h2, .employee-authenticated .clean-section-head h2 {
  font-size:20px!important;
  line-height:1.2!important
}
.master-clean-body .clean-section-head p, .employee-authenticated .clean-section-head p {
  font-size:10px!important;
  line-height:1.45!important
}
.master-clean-body .clean-card, .employee-authenticated .clean-card {
  min-width:0
}
.master-clean-body .final-master-nav .clean-nav-item {
  font-size:10px!important
}
.employee-authenticated .final-employee-nav a {
  font-size:10px!important
}
.employee-authenticated .employee-sidebar-status>small {
  font-size:8px!important
}
.employee-authenticated .employee-sidebar-status>strong {
  font-size:11px!important
}
.employee-authenticated .employee-sidebar-status>em {
  font-size:8px!important
}
.employee-authenticated .employee-profile-copy small {
  font-size:8px!important
}
.employee-authenticated .employee-profile-copy strong {
  font-size:11px!important
}
.master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
@media(min-width:861px) {
  .master-clean-body .master-clean-shell,   .employee-authenticated .employee-clean-shell {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 24px 44px var(--v49-sidebar-offset)!important;
  }
  .master-clean-body .clean-header {
    left:28px!important;
    top:28px!important;
    width:194px!important
  }
  .master-clean-body .final-master-nav {
    left:27px!important;
    top:144px!important;
    width:196px!important
  }
  .employee-authenticated .employee-clean-header {
    left:28px!important;
    top:28px!important;
    width:194px!important
  }
  .employee-authenticated .employee-profile-bar {
    left:28px!important;
    top:108px!important;
    width:194px!important
  }
  .employee-authenticated .final-employee-nav {
    left:27px!important;
    top:193px!important;
    width:196px!important
  }
  .employee-authenticated .employee-sidebar-status {
    left:28px!important;
    top:385px!important;
    width:194px!important
  }
  .master-clean-body .master-tab-panel,.employee-authenticated .employee-tab-panel {
    min-width:0
  }
  .master-clean-body .ops-dashboard-card,.master-clean-body .custom-stats-card,   .employee-authenticated .employee-personal-stats {
    width:100%;
    max-width:none
  }
}
@media(max-width:860px) {
  .master-clean-body .master-clean-shell,   .employee-authenticated .employee-clean-shell {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 12px 82px!important
  }
  .master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
    background:linear-gradient(135deg,rgba(12,25,47,.97),rgba(21,34,65,.96))!important;
    border-color:rgba(100,226,216,.25)!important;
    color:#f4fbff!important
  }
  .employee-authenticated .employee-profile-bar {
    background:rgba(10,20,40,.94)!important;
    border-color:rgba(107,221,219,.22)!important;
    color:#f4fbff!important
  }
  .employee-authenticated .employee-profile-copy strong,.employee-authenticated .employee-profile-copy small {
    color:#f4fbff!important
  }
  .master-clean-body .final-master-nav,.employee-authenticated .final-employee-nav {
    background:rgba(10,20,40,.94)!important;
    border-color:rgba(107,221,219,.22)!important
  }
  .master-clean-body .final-master-nav .clean-nav-item,.employee-authenticated .final-employee-nav a {
    color:#b6c8e3!important
  }
  .employee-authenticated .final-employee-nav a.active,.master-clean-body .final-master-nav .clean-nav-item.active {
    color:#fff!important
  }
}
@media(max-width:560px) {
  .master-clean-body .clean-section-head h2,.employee-authenticated .clean-section-head h2 {
    font-size:18px!important
  }
  .master-clean-body .final-master-nav .clean-nav-item,.employee-authenticated .final-employee-nav a {
    font-size:8px!important
  }
  .custom-stats-card,.employee-personal-stats {
    border-radius:16px!important
  }
  .custom-stats-form {
    gap:8px!important;
    margin-bottom:12px!important
  }
  .custom-stats-form input,.custom-stats-form select {
    min-height:40px!important
  }
}
/* v50: the final responsive shell. Legacy V42/V43 fixed-sidebar rules are
   intentionally neutralized so the deployed page matches the preview. */
body.master-clean-body::before, body.employee-clean-body.employee-authenticated::before {
  display:none!important
}
.master-clean-body .master-clean-shell, .employee-authenticated .employee-clean-shell {
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:18px 0 42px!important;
}
.master-clean-body .clean-header, .employee-authenticated .employee-clean-header {
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-height:58px!important;
  margin:0 0 14px!important;
  padding:13px 16px!important;
  border:1px solid rgba(100,226,216,.25)!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,rgba(12,25,47,.97),rgba(21,34,65,.96))!important;
  box-shadow:0 12px 32px rgba(10,25,57,.18)!important;
  flex-direction:row!important;
  align-items:center!important;
}
.master-clean-body .clean-header-right {
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important
}
.master-clean-body .clean-role {
  width:auto!important;
  background:rgba(100,226,216,.1)!important;
  color:#8ef1e8!important;
  border-color:rgba(100,226,216,.22)!important
}
.master-clean-body .clean-logout {
  width:auto!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(180,206,244,.22)!important;
  color:#dce9ff!important
}
.master-clean-body .final-master-nav, .employee-authenticated .final-employee-nav {
  position:relative!important;
  inset:auto!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 18px!important;
  padding:6px!important;
  display:flex!important;
  flex-direction:row!important;
  gap:7px!important;
  border:1px solid rgba(107,221,219,.22)!important;
  border-radius:15px!important;
  background:rgba(10,20,40,.92)!important;
  box-shadow:0 12px 26px rgba(17,30,63,.15)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.master-clean-body .final-master-nav .clean-nav-item, .employee-authenticated .final-employee-nav a {
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  padding:10px 13px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:10px!important;
  color:#aabbd8!important;
  font-size:10px!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.master-clean-body .final-master-nav .clean-nav-item.active, .employee-authenticated .final-employee-nav a.active {
  color:#fff!important
}
.master-clean-body .final-master-nav .clean-nav-item span {
  display:inline!important;
  color:#9fb5d4!important
}
.master-clean-body .final-master-nav .clean-nav-item.active span {
  color:#fff!important
}
.employee-authenticated .employee-profile-bar {
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-height:64px!important;
  margin:0 0 14px!important;
  padding:12px 14px!important;
  border:1px solid rgba(83,112,170,.18)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 28px rgba(11,39,76,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.employee-authenticated .employee-profile-copy small {
  color:#7e90aa!important
}
.employee-authenticated .employee-profile-copy strong {
  color:#14203a!important
}
.employee-authenticated .employee-member-logout {
  width:auto!important;
  min-width:76px!important;
  background:#fff!important;
  border:1px solid #dfe6f2!important;
  color:#53627d!important
}
.employee-authenticated .employee-sidebar-status {
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  margin:0 0 14px!important;
  padding:15px 17px!important;
  border:1px solid rgba(102,229,219,.3)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#0d1d38,#132b49 58%,#153653)!important;
  box-shadow:0 14px 34px rgba(11,39,76,.14)!important;
  color:#f5fbff!important;
}
.employee-authenticated .employee-sidebar-status>small {
  color:#75e8de!important
}
.employee-authenticated .employee-sidebar-status>strong {
  color:#f5fbff!important
}
.employee-authenticated .employee-sidebar-progress-head>span {
  color:#9fb6d3!important
}
.employee-authenticated .employee-sidebar-progress-head>span b {
  color:#7ff1df!important
}
.employee-authenticated .employee-sidebar-progress-head>strong {
  color:#f1f7ff!important
}
.employee-authenticated .employee-sidebar-progress-track {
  background:rgba(174,205,231,.15)!important
}
.employee-authenticated .employee-sidebar-progress-track>i {
  background:linear-gradient(90deg,#46c6c5,#6a75ed)!important
}
.employee-authenticated .employee-sidebar-status>em {
  color:#8da7c6!important
}
.master-clean-body .member-progress-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important
}
.master-clean-body .member-progress-card {
  padding:14px 15px!important;
  border-radius:15px!important
}
.master-clean-body .member-progress-person strong {
  font-size:11px!important
}
.master-clean-body .member-progress-person small {
  font-size:8px!important
}
.master-clean-body .member-progress-percent {
  min-width:44px!important;
  height:28px!important;
  font-size:9px!important
}
.master-clean-body .member-progress-bar {
  margin:11px 0 10px!important
}
.master-clean-body .brand-check-title strong {
  font-size:9px!important
}
.master-clean-body .brand-check-title small {
  font-size:8px!important
}
.master-clean-body .brand-platform-status {
  font-size:8px!important
}
.master-clean-body .member-followup-head strong {
  font-size:9px!important
}
.master-clean-body .member-followup-head em {
  font-size:8px!important
}
.employee-authenticated .employee-work-grid {
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;
  gap:14px!important
}
.employee-authenticated .employee-task-panel,.employee-authenticated .employee-submit-panel {
  padding:18px!important
}
.employee-authenticated .employee-task-main strong {
  font-size:11px!important
}
.employee-authenticated .employee-task-main small {
  font-size:9px!important
}
@media(max-width:860px) {
  .master-clean-body .master-clean-shell,   .employee-authenticated .employee-clean-shell {
    width:min(100% - 18px,1180px)!important;
    padding:10px 0 28px!important
  }
  .master-clean-body .final-master-nav,   .employee-authenticated .final-employee-nav {
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0 0 14px!important;
    justify-content:flex-start!important;
    display:flex!important;
    grid-template-columns:none!important;
    box-shadow:0 10px 24px rgba(17,30,63,.12)!important;
  }
  .master-clean-body .final-master-nav .clean-nav-item,   .employee-authenticated .final-employee-nav a {
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:9px 11px!important;
    font-size:9px!important
  }
  .employee-authenticated .employee-sidebar-status {
    display:block!important
  }
  .master-clean-body .member-progress-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .employee-authenticated .employee-work-grid {
    grid-template-columns:1fr!important
  }
}
@media(max-width:560px) {
  .master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
    padding:11px 12px!important;
    border-radius:14px!important
  }
  .master-clean-body .clean-header-right {
    gap:5px!important
  }
  .master-clean-body .clean-role {
    display:none!important
  }
  .employee-authenticated .employee-clean-header .employee-clean-badge {
    font-size:7px!important;
    padding:5px 7px!important
  }
  .employee-authenticated .employee-profile-bar {
    align-items:flex-start!important;
    padding:10px!important
  }
  .employee-authenticated .employee-member-logout {
    min-width:64px!important;
    padding:7px 8px!important;
    font-size:8px!important
  }
  .master-clean-body .final-master-nav,.employee-authenticated .final-employee-nav {
    padding:5px!important;
    border-radius:13px!important
  }
  .master-clean-body .final-master-nav .clean-nav-item,.employee-authenticated .final-employee-nav a {
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:8px!important
  }
  .employee-authenticated .employee-sidebar-status {
    padding:13px 14px!important
  }
  .master-clean-body .member-progress-grid {
    grid-template-columns:1fr!important
  }
}
/* ATELIER 52 — warm workspace with a dedicated left sidebar. */
:root {
  --at-bg:#f4f1e9;
  --at-paper:#fffdfa;
  --at-paper-2:#f9f6ef;
  --at-ink:#26332d;
  --at-muted:#65736b;
  --at-line:#e2ded3;
  --at-accent:#c95739;
  --at-accent-dark:#a9442e;
  --at-forest:#23372f;
  --at-shadow:0 12px 36px rgba(53,59,42,.07);
  --final-text:var(--at-ink);
  --final-muted:var(--at-muted);
  --final-line:var(--at-line);
  --final-primary:var(--at-accent);
  --final-primary-soft:#fbece5;
  --final-bg:var(--at-bg);
}
html {
  background:var(--at-bg)!important;
  color-scheme:light
}
body.master-clean-body,body.employee-clean-body,body.master-login-body {
  min-width:0!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  background:radial-gradient(circle at 84% 0%,rgba(211,187,139,.19),transparent 32%),var(--at-bg)!important;
  background-size:auto!important;
  color:var(--at-ink)!important;
}
body.master-clean-body::before,body.employee-clean-body.employee-authenticated::before {
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:252px!important;
  height:100vh!important;
  border:0!important;
  border-radius:0!important;
  z-index:40!important;
  pointer-events:none!important;
  background:linear-gradient(165deg,#2a4036,#1d3029 75%)!important;
  box-shadow:8px 0 30px rgba(25,41,29,.09)!important;
}
.master-clean-body .master-clean-shell,.employee-authenticated .employee-clean-shell {
  box-sizing:border-box!important;
  width:calc(100% - 252px)!important;
  max-width:none!important;
  margin:0 0 0 252px!important;
  padding:34px clamp(18px,3vw,48px) 80px!important;
}
/* Fixed left workspace navigation; no horizontal tab strip. */
.master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
  position:fixed!important;
  left:18px!important;
  top:21px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:60!important;
  width:216px!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 5px 19px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:16px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.17)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.master-clean-body .clean-brand,.employee-authenticated .clean-brand {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fcf8ec!important;
  font-size:22px!important;
  font-weight:800!important;
  letter-spacing:-.055em!important;
}
.master-clean-body .clean-brand-mark,.employee-authenticated .clean-brand-mark,.master-login-body .brand-mark {
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#e8c98f!important;
  color:#294137!important;
  box-shadow:0 5px 15px rgba(0,0,0,.12)!important;
}
.master-clean-body .clean-brand span:last-child span,.employee-authenticated .clean-brand span:last-child span,.master-login-body .brand-dot {
  color:#e9bd83!important
}
.master-clean-body .clean-header-right {
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important
}
.master-clean-body .clean-role,.employee-authenticated .employee-clean-badge {
  width:auto!important;
  background:rgba(232,201,143,.13)!important;
  border:1px solid rgba(232,201,143,.3)!important;
  color:#f0d8ac!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}
.master-clean-body .clean-logout {
  width:auto!important;
  background:transparent!important;
  border:0!important;
  color:#e6d9c2!important;
  font-size:10px!important;
  padding:7px!important
}
.master-clean-body .final-master-nav,.employee-authenticated .final-employee-nav {
  position:fixed!important;
  top:133px!important;
  left:15px!important;
  right:auto!important;
  bottom:auto!important;
  width:222px!important;
  max-width:222px!important;
  height:auto!important;
  max-height:calc(100vh - 160px)!important;
  z-index:58!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:5px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  scrollbar-width:thin;
  scrollbar-color:#738779 transparent;
}
.master-clean-body .final-master-nav .clean-nav-item,.employee-authenticated .final-employee-nav a {
  flex:0 0 auto!important;
  width:100%!important;
  min-height:45px!important;
  padding:11px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#d5e2d2!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:normal!important;
}
.master-clean-body .final-master-nav .clean-nav-item span {
  display:grid!important;
  place-items:center!important;
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.1)!important;
  color:#e4d8bd!important;
  font-size:9px!important;
}
.master-clean-body .final-master-nav .clean-nav-item:hover,.employee-authenticated .final-employee-nav a:hover {
  background:rgba(255,255,255,.1)!important;
  color:#fff!important
}
.master-clean-body .final-master-nav .clean-nav-item.active,.employee-authenticated .final-employee-nav a.active {
  border-color:rgba(247,218,164,.21)!important;
  background:#e8c98f!important;
  color:#263a30!important;
  box-shadow:0 8px 19px rgba(0,0,0,.14)!important;
}
.master-clean-body .final-master-nav .clean-nav-item.active span {
  background:rgba(35,55,47,.12)!important;
  color:#263a30!important
}
.employee-authenticated .employee-profile-bar {
  position:fixed!important;
  left:17px!important;
  right:auto!important;
  top:auto!important;
  bottom:17px!important;
  z-index:62!important;
  width:218px!important;
  min-height:0!important;
  margin:0!important;
  padding:11px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.employee-authenticated .employee-profile-copy {
  min-width:0!important;
  flex:1!important;
  gap:8px!important
}
.employee-authenticated .employee-profile-copy strong {
  color:#fff8ea!important;
  font-size:11px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.employee-authenticated .employee-profile-copy small {
  color:#c4d3c1!important;
  font-size:7px!important
}
.employee-authenticated .employee-profile-bar .clean-avatar {
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  background:#d9ad76!important;
  color:#25392d!important
}
.employee-authenticated .employee-member-logout {
  width:auto!important;
  min-width:0!important;
  padding:7px!important;
  background:transparent!important;
  border:0!important;
  color:#e9d7bc!important;
  font-size:9px!important
}
/* Warm, high contrast content. */
.master-clean-body .clean-section-head,.employee-authenticated .clean-section-head {
  margin-bottom:20px!important
}
.master-clean-body .clean-section-head h2,.employee-authenticated .clean-section-head h2, .employee-authenticated .clean-section-head h3 {
  color:var(--at-ink)!important;
  font-size:clamp(21px,2.4vw,30px)!important;
  letter-spacing:-.05em!important;
  line-height:1.2!important
}
.master-clean-body .clean-section-head p,.employee-authenticated .clean-section-head p {
  color:var(--at-muted)!important;
  font-size:12px!important;
  line-height:1.55!important
}
.clean-kicker {
  color:var(--at-accent)!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
  font-weight:800!important
}
.master-clean-body :is(.clean-card,.member-progress-card,.followup-stat-card,.brand-category-overview,.master-progress-wrap,.brand-category-card,.member-list-row,.brand-job-summary,.clean-summary-card), .employee-clean-body :is(.clean-card,.member-progress-card,.employee-clean-task) {
  border:1px solid var(--at-line)!important;
  border-radius:17px!important;
  background:var(--at-paper)!important;
  color:var(--at-ink)!important;
  box-shadow:var(--at-shadow)!important;
}
.master-clean-body :is(.clean-card,.member-progress-card,.brand-category-overview,.master-progress-wrap,.brand-category-card) :is(h2,h3,h4,strong,b), .employee-clean-body :is(.clean-card,.member-progress-card,.employee-clean-task) :is(h2,h3,h4,strong,b) {
  color:var(--at-ink)!important
}
.master-clean-body :is(.clean-card,.member-progress-card,.brand-category-overview,.master-progress-wrap) :is(p,small,em), .employee-clean-body :is(.clean-card,.member-progress-card,.employee-clean-task) :is(p,small,em) {
  color:var(--at-muted)!important
}
.master-clean-body .clean-summary-grid {
  gap:12px!important;
  margin-bottom:18px!important
}
.master-clean-body .clean-summary-card {
  min-height:128px!important;
  padding:18px!important
}
.master-clean-body .clean-summary-icon {
  background:#f6e9d8!important;
  border:1px solid #eddbc3!important;
  color:#a74730!important
}
.master-clean-body .clean-summary-card strong {
  font-size:27px!important;
  color:var(--at-ink)!important
}
.master-clean-body .ops-dashboard-card {
  background:#fdfaf4!important;
  border-color:#dfd4c2!important
}
.master-clean-body .ops-dashboard-metrics>span {
  background:#f6f0e6!important;
  border-color:#e7ddcd!important
}
.master-clean-body .brand-category-card.active {
  background:var(--at-forest)!important;
  border-color:var(--at-forest)!important
}
.master-clean-body .brand-category-card.active :is(strong,span,small,em,b) {
  color:#fff8e8!important
}
.master-clean-body .brand-category-card:not(.active) :is(strong,span) {
  color:var(--at-ink)!important
}
.master-clean-body .brand-category-card:not(.active) :is(small,em) {
  color:var(--at-muted)!important
}
.master-clean-body .member-progress-bar,.employee-clean-body .member-progress-bar {
  background:#e5e3d9!important
}
.master-clean-body .member-progress-bar i,.employee-clean-body .member-progress-bar i {
  background:linear-gradient(90deg,#c95739,#dfaa6a)!important
}
/* Native form controls, buttons, and stock counters. */
body.master-clean-body :is(input,select,textarea),body.employee-clean-body :is(input,select,textarea),body.master-login-body input {
  color-scheme:light!important;
  background:#fffdfa!important;
  border:1px solid #d9d8cd!important;
  color:var(--at-ink)!important;
  border-radius:10px!important;
  min-width:0!important;
}
body.master-clean-body :is(input,textarea)::placeholder,body.employee-clean-body :is(input,textarea)::placeholder {
  color:#899087!important
}
body.master-clean-body :is(input,select,textarea):focus-visible,body.employee-clean-body :is(input,select,textarea):focus-visible,body.master-login-body input:focus-visible {
  outline:2px solid #c95739!important;
  outline-offset:1px!important;
  border-color:#c95739!important;
  box-shadow:0 0 0 4px rgba(201,87,57,.12)!important;
}
body :is(a,button,[tabindex]):focus-visible {
  outline:2px solid #c95739!important;
  outline-offset:2px!important
}
.master-clean-body .clean-field label,.employee-clean-body .clean-field label,.master-login-body label {
  color:#566459!important;
  font-size:10px!important
}
.master-clean-body :is(.clean-primary,.simple-task-add-btn,.register-trigger), .employee-clean-body :is(.clean-primary,.employee-task-start,.followup-submit,.wa-request-button),.master-login-body .primary {
  background:var(--at-accent)!important;
  color:#fffdfa!important;
  border:1px solid var(--at-accent-dark)!important;
  box-shadow:0 8px 17px rgba(185,72,43,.15)!important;
  font-size:11px!important;
  font-weight:800!important;
}
.master-clean-body :is(.clean-primary,.simple-task-add-btn,.register-trigger):hover, .employee-clean-body :is(.clean-primary,.employee-task-start,.followup-submit,.wa-request-button):hover,.master-login-body .primary:hover {
  background:var(--at-accent-dark)!important
}
.master-clean-body :is(.soft-action-button,.filter-btn,.result-action-link),.employee-clean-body .wa-copy-button {
  background:#f6f0e6!important;
  border:1px solid #e4d8c6!important;
  color:#744433!important;
}
.master-clean-body :is(.member-checklist-card,.brand-check-row,.daily-job-manager-row,.clean-directory-row,.wa-number-row,.result-row,.member-list-row,.brand-job-summary,.wa-bank-group,.custom-stats-grid>*,.ops-missing-list,.ops-ok-note), .employee-clean-body :is(.member-platform-chip,.employee-schedule-row,.wa-assignment-ready,.wa-followup-assignment,.personal-stats-summary>*) {
  background:#faf7f0!important;
  border-color:#e8e1d4!important;
  color:var(--at-ink)!important;
}
.master-clean-body .wa-stock-card>strong,.master-clean-body .wa-stock-numbers b {
  color:var(--at-ink)!important
}
.master-clean-body .wa-stock-numbers span {
  background:#f4efe4!important;
  color:#58665b!important;
  border:1px solid #e6dfd2!important
}
.master-clean-body .wa-stock-numbers span:first-child {
  background:#e6f1e7!important;
  color:#3b7250!important
}
.master-clean-body .wa-stock-numbers span:nth-child(2) {
  background:#fff0db!important;
  color:#a06c2d!important
}
.master-clean-body .wa-stock-numbers {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important
}
.master-clean-body .wa-stock-numbers span {
  min-width:0!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  font-size:9px!important
}
.master-clean-body .wa-stock-numbers b {
  font-size:17px!important
}
.master-clean-body .wa-stock-grid {
  gap:12px!important
}
.master-clean-body .result-link-box,.employee-clean-body .clipboard-proof-zone {
  background:#faf7f0!important;
  border-color:#ddd4c5!important;
  color:var(--at-ink)!important
}
.master-clean-body .clean-alert.success,.employee-clean-body .clean-alert.success {
  background:#e7f3e7!important;
  color:#346747!important;
  border-color:#b4d7bb!important
}
.master-clean-body .clean-alert.error,.employee-clean-body .clean-alert.error {
  background:#fff1eb!important;
  color:#a8432c!important;
  border-color:#edc8b8!important
}
/* Employee dashboard and personal performance as a calm data workspace. */
.employee-authenticated .employee-sidebar-status {
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  margin:0 0 24px!important;
  padding:21px 25px!important;
  border:1px solid #d6d3be!important;
  border-radius:18px!important;
  background:linear-gradient(110deg,#eae9d9,#f8f3e7)!important;
  box-shadow:var(--at-shadow)!important;
  color:var(--at-ink)!important;
}
.employee-authenticated .employee-sidebar-status>strong {
  color:var(--at-ink)!important;
  font-size:21px!important
}
.employee-authenticated .employee-sidebar-status>small,.employee-authenticated .employee-sidebar-progress-head>span b {
  color:#a44c34!important
}
.employee-authenticated .employee-sidebar-progress-head>span,.employee-authenticated .employee-sidebar-status>em {
  color:#667267!important
}
.employee-authenticated .employee-sidebar-progress-head>strong {
  color:var(--at-ink)!important
}
.employee-authenticated .employee-sidebar-progress-track {
  background:#d7d9c9!important
}
.employee-authenticated .employee-sidebar-progress-track>i {
  background:#c95739!important
}
.employee-authenticated .employee-clean-task.is-selected {
  background:#fff7eb!important;
  border-color:#d5a370!important;
  box-shadow:0 0 0 2px rgba(201,87,57,.12)!important
}
.employee-authenticated .employee-task-main strong {
  font-size:12px!important
}
.employee-authenticated .employee-task-main small {
  font-size:10px!important
}
.employee-authenticated .employee-work-grid {
  gap:18px!important
}
.employee-authenticated .employee-task-panel,.employee-authenticated .employee-submit-panel {
  padding:22px!important
}
.employee-authenticated .public-team-section .clean-section-head h2 {
  color:var(--at-ink)!important
}
.employee-authenticated .public-live-pill {
  background:#e6f1e7!important;
  border:1px solid #c6dfc8!important;
  color:#396b49!important
}
.employee-authenticated .employee-personal-stats {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:24px!important;
  background:var(--at-paper)!important;
  border:1px solid var(--at-line)!important;
  color:var(--at-ink)!important;
  overflow:hidden!important;
}
.employee-authenticated .employee-stats-form {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(140px,.42fr)!important;
  align-items:end!important;
  gap:14px!important;
  margin:0 0 20px!important;
}
.employee-authenticated .employee-stats-form label {
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#566459!important;
  font-size:10px!important;
  letter-spacing:.1em!important
}
.employee-authenticated .employee-stats-form input {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:45px!important;
  margin:8px 0 0!important;
  padding:0 13px!important;
  background:#faf7ef!important;
  color:var(--at-ink)!important;
  border-color:#ded8ca!important;
  font-size:12px!important
}
.employee-authenticated .employee-stats-form button {
  width:100%!important;
  min-width:0!important;
  height:45px!important;
  margin:0!important
}
.employee-authenticated .personal-stats-summary {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 25px!important;
  min-width:0!important;
}
.employee-authenticated .personal-stats-summary>div {
  min-width:0!important;
  min-height:102px!important;
  padding:17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  background:#f8f4eb!important;
  border:1px solid #e7dfd0!important;
  border-radius:13px!important;
}
.employee-authenticated .personal-stats-summary small {
  color:#68746a!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
  overflow-wrap:anywhere!important
}
.employee-authenticated .personal-stats-summary strong {
  color:var(--at-ink)!important;
  font-size:clamp(22px,2vw,31px)!important;
  line-height:1.15!important
}
.employee-authenticated .performance-trend-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
  padding-top:20px;
  border-top:1px solid #e8e1d6
}
.employee-authenticated .performance-trend-head strong {
  color:var(--at-ink)!important;
  font-size:14px!important
}
.employee-authenticated .performance-trend-head small {
  color:var(--at-muted)!important;
  font-size:10px!important
}
.employee-authenticated .employee-stats-chart {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:8px 18px!important;
  min-width:0!important;
  min-height:0!important;
  max-height:410px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 5px 2px 0!important;
  border-top:0!important;
  scrollbar-width:thin;
  scrollbar-color:#c7bbaa transparent;
}
.employee-authenticated .employee-day-row {
  display:grid;
  grid-template-columns:45px minmax(0,1fr) minmax(92px,auto);
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:45px;
  padding:8px 11px;
  border:1px solid #e8e1d6;
  border-radius:9px;
  background:#faf8f3;
}
.employee-authenticated .employee-day-row time {
  color:#526358;
  font-size:11px;
  font-weight:800;
  white-space:nowrap
}
.employee-authenticated .employee-day-track {
  display:block;
  height:7px;
  border-radius:20px;
  background:#ebe4d8;
  overflow:hidden
}
.employee-authenticated .employee-day-track i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#c95739,#dfaa6a)
}
.employee-authenticated .employee-day-row strong {
  color:#526158!important;
  font-size:10px!important;
  font-weight:700!important;
  text-align:right;
  white-space:nowrap
}
.employee-authenticated .employee-day-row.is-off {
  opacity:.66
}
.employee-authenticated .employee-stats-chart .custom-stats-empty {
  grid-column:1/-1;
  padding:28px;
  color:var(--at-muted)!important;
  text-align:center
}
.employee-authenticated .employee-team-heading {
  margin-top:30px!important
}
/* Entry screens */
.master-login-body {
  display:grid!important;
  place-items:center!important;
  padding:24px!important
}
.master-login-body .master-login-card,.employee-clean-body .employee-member-login {
  width:min(100%,440px)!important;
  padding:32px!important;
  border:1px solid var(--at-line)!important;
  border-radius:20px!important;
  background:var(--at-paper)!important;
  color:var(--at-ink)!important;
  box-shadow:0 26px 75px rgba(44,56,42,.14)!important;
}
.master-login-body .master-login-card h1,.employee-clean-body .employee-member-login h1 {
  color:var(--at-ink)!important;
  font-size:27px!important
}
.master-login-body .muted,.master-login-body .back-employee {
  color:var(--at-muted)!important
}
.master-login-body .eyebrow {
  background:#f8e8dd!important;
  color:#a8442c!important
}
.employee-clean-body .member-access-grid {
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important
}
.employee-clean-body:not(.employee-authenticated) .employee-clean-shell {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important
}
@media(max-width:1100px) {
  .employee-authenticated .employee-stats-chart {
    grid-template-columns:1fr!important
  }
  .master-clean-body .clean-summary-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
  .master-clean-body .wa-stock-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}
@media(max-width:820px) {
  body.master-clean-body::before,body.employee-clean-body.employee-authenticated::before {
    width:76px!important
  }
  .master-clean-body .master-clean-shell,.employee-authenticated .employee-clean-shell {
    width:calc(100% - 76px)!important;
    margin-left:76px!important;
    padding:18px 17px 55px!important
  }
  .master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
    left:8px!important;
    top:12px!important;
    width:60px!important;
    padding:0 0 12px!important;
    align-items:center!important
  }
  .master-clean-body .clean-brand,.employee-authenticated .clean-brand {
    font-size:0!important;
    gap:0!important
  }
  .master-clean-body .clean-brand>span:last-child,.employee-authenticated .clean-brand>span:last-child {
    display:none!important
  }
  .master-clean-body .clean-header-right {
    position:fixed!important;
    left:8px!important;
    bottom:12px!important;
    top:auto!important;
    z-index:64!important;
    width:60px!important;
    display:flex!important;
    justify-content:center!important
  }
  .master-clean-body .clean-role,.employee-authenticated .employee-clean-badge {
    display:none!important
  }
  .master-clean-body .clean-logout {
    display:block!important;
    width:56px!important;
    padding:10px 3px!important;
    text-align:center!important;
    font-size:9px!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.1)!important
  }
  .master-clean-body .final-master-nav,.employee-authenticated .final-employee-nav {
    left:7px!important;
    top:78px!important;
    width:62px!important;
    max-width:62px!important;
    max-height:calc(100vh - 144px)!important;
    align-items:center!important
  }
  .master-clean-body .final-master-nav .clean-nav-item,.employee-authenticated .final-employee-nav a {
    width:56px!important;
    height:51px!important;
    min-height:51px!important;
    padding:7px!important;
    justify-content:center!important;
    font-size:0!important;
    white-space:nowrap!important;
    overflow:hidden!important
  }
  .master-clean-body .final-master-nav .clean-nav-item span {
    flex:0 0 29px!important;
    width:29px!important;
    height:29px!important;
    font-size:10px!important
  }
  .employee-authenticated .final-employee-nav a::before {
    font-size:19px!important;
    line-height:1!important
  }
  .employee-authenticated .final-employee-nav a[data-employee-tab="jobdesk-hari-ini"]::before {
    content:"✓"
  }
  .employee-authenticated .final-employee-nav a[data-employee-tab="followup-wa"]::before {
    content:"✉"
  }
  .employee-authenticated .final-employee-nav a[data-employee-tab="statistik-tim"]::before {
    content:"▥"
  }
  .employee-authenticated .final-employee-nav a[data-employee-tab="jadwal-saya"]::before {
    content:"▦"
  }
  .employee-authenticated .employee-profile-bar {
    display:flex!important;
    left:8px!important;
    bottom:12px!important;
    width:60px!important;
    min-height:40px!important;
    padding:0!important;
    justify-content:center!important;
    border:0!important;
    background:transparent!important
  }
  .employee-authenticated .employee-profile-copy {
    display:none!important
  }
  .employee-authenticated .employee-member-logout {
    display:block!important;
    width:56px!important;
    padding:10px 3px!important;
    text-align:center!important;
    font-size:9px!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.1)!important
  }
  .master-clean-body .member-progress-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .employee-authenticated .employee-work-grid {
    grid-template-columns:1fr!important
  }
}
@media(max-width:590px) {
  .master-clean-body .master-clean-shell,.employee-authenticated .employee-clean-shell {
    padding:15px 12px 45px!important
  }
  .master-clean-body .clean-summary-grid,.master-clean-body .brand-category-grid,.master-clean-body .member-progress-grid,.master-clean-body .wa-stock-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .master-clean-body .wa-stock-numbers {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .employee-authenticated .employee-stats-form {
    grid-template-columns:1fr!important;
    gap:10px!important
  }
  .employee-authenticated .personal-stats-summary {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important
  }
  .employee-authenticated .personal-stats-summary>div {
    min-height:90px!important;
    padding:12px!important
  }
  .employee-authenticated .employee-personal-stats {
    padding:15px!important
  }
  .employee-authenticated .performance-trend-head {
    display:block!important
  }
  .employee-authenticated .performance-trend-head small {
    display:block;
    margin-top:4px
  }
  .employee-authenticated .employee-day-row {
    grid-template-columns:39px minmax(0,1fr);
    gap:5px!important
  }
  .employee-authenticated .employee-day-row strong {
    grid-column:1/-1;
    text-align:left!important
  }
  .employee-authenticated .employee-task-panel,.employee-authenticated .employee-submit-panel {
    padding:16px!important
  }
}
@media(prefers-reduced-motion:reduce) {
  .master-clean-body *,.employee-clean-body *,.master-login-body * {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important
  }
}
/* Sidebar leaderboard: premium motion, no layout movement outside the rail. */
.sidebar-billboard {
  position:fixed;
  left:13px;
  bottom:18px;
  z-index:61;
  width:226px;
  max-width:226px;
  padding:11px;
  border:1px solid rgba(236,209,157,.36);
  border-radius:17px;
  background:linear-gradient(145deg,#344b3d,#263b32 62%,#304238);
  box-shadow:0 18px 38px rgba(12,26,18,.28),inset 0 1px rgba(255,255,255,.13);
  color:#fff8e9;
  overflow:hidden;
}
.master-clean-body .final-master-nav {
  max-height:calc(100vh - 445px)!important
}
.employee-authenticated .final-employee-nav {
  max-height:calc(100vh - 510px)!important
}
.employee-authenticated .sidebar-billboard {
  bottom:91px
}
.sidebar-billboard::before {
  content:"";
  position:absolute;
  inset:-80px auto auto -75px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,200,129,.15),transparent 70%);
  pointer-events:none;
}
.billboard-toggle {
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 9px;
  padding:2px 2px 10px;
  border:0;
  border-bottom:1px solid rgba(240,222,185,.19);
  background:transparent;
  color:inherit;
  text-align:left;
  font-family:inherit;
  cursor:default;
}
.billboard-trophy {
  flex:0 0 31px;
  width:31px;
  height:31px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ffedc0,#c59a54);
  color:#314133;
  font-size:18px;
  box-shadow:0 3px 10px rgba(5,18,11,.16);
}
.billboard-title {
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px
}
.billboard-title small {
  color:#e7d6b5;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em
}
.billboard-title strong {
  color:#fff8e8;
  font-size:13px;
  letter-spacing:-.025em;
  line-height:1.1
}
.sidebar-billboard .billboard-list {
  position:relative;
  list-style:none;
  display:grid;
  gap:6px;
  margin:0;
  padding:0
}
.sidebar-billboard .billboard-row {
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  min-height:49px;
  padding:7px 8px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.095);
  background:rgba(255,255,255,.07);
  animation:billboardEnter .5s both;
}
.sidebar-billboard .billboard-row:nth-child(2) {
  animation-delay:.09s
}
.sidebar-billboard .billboard-row:nth-child(3) {
  animation-delay:.18s
}
.sidebar-billboard .billboard-rank-1 {
  border-color:rgba(255,216,140,.46);
  background:linear-gradient(100deg,rgba(233,191,110,.24),rgba(255,255,255,.075));
  box-shadow:inset 2px 0 #f5d59b;
}
.billboard-place {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:rgba(255,255,255,.13);
  color:#e8dfc7;
  font-size:10px;
  font-weight:800
}
.billboard-rank-1 .billboard-place {
  background:#f3d49b;
  color:#344232
}
.billboard-rank-2 .billboard-place {
  background:#d5ddd9;
  color:#314137
}
.billboard-rank-3 .billboard-place {
  background:#c89475;
  color:#263c32
}
.billboard-person {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px
}
.sidebar-billboard .billboard-person strong {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff9ea!important;
  font-size:10px!important;
  line-height:1.2
}
.sidebar-billboard .billboard-person small {
  color:#c8d6c8!important;
  font-size:7px!important;
  line-height:1.2
}
.billboard-score {
  display:flex;
  align-items:baseline;
  gap:2px;
  white-space:nowrap
}
.sidebar-billboard .billboard-score b {
  color:#fff0c9!important;
  font-size:18px!important;
  line-height:1;
  font-variant-numeric:tabular-nums
}
.sidebar-billboard .billboard-score small {
  color:#ddceb0!important;
  font-size:7px!important;
  font-weight:800
}
.sidebar-billboard .billboard-row.is-empty {
  opacity:.56
}
.billboard-foot {
  display:flex;
  align-items:center;
  gap:6px;
  margin:9px 2px 1px;
  color:#d4dccd;
  font-size:8px;
  letter-spacing:.04em
}
.billboard-live-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#b8dd9b;
  box-shadow:0 0 0 3px rgba(184,221,155,.14)
}
.sidebar-billboard.is-updating .billboard-rank-1::after {
  content:"";
  position:absolute;
  inset:0 auto 0 -40%;
  width:38%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  animation:billboardSheen .9s ease-out both;
}
.sidebar-billboard .billboard-rank-1 {
  position:relative;
  overflow:hidden
}
@keyframes billboardEnter {
  from {
    opacity:0;
    transform:translateY(7px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes billboardSheen {
  to {
    left:105%
  }
}
@media(max-height:690px) and (min-width:821px) {
  .sidebar-billboard {
    max-height:calc(100vh - 265px);
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#78907b transparent
  }
  .employee-authenticated .sidebar-billboard {
    max-height:calc(100vh - 320px)
  }
  .master-clean-body .final-master-nav {
    max-height:max(80px,calc(100vh - 450px))!important
  }
  .employee-authenticated .final-employee-nav {
    max-height:max(75px,calc(100vh - 500px))!important
  }
}
@media(max-width:820px) {
  .master-clean-body .final-master-nav,.employee-authenticated .final-employee-nav {
    max-height:calc(100vh - 160px)!important
  }
  .sidebar-billboard,.employee-authenticated .sidebar-billboard {
    left:8px;
    bottom:76px;
    width:60px;
    max-width:60px;
    height:52px;
    max-height:52px;
    padding:7px;
    border-radius:11px;
    overflow:hidden;
    transition:width .28s ease,left .28s ease,bottom .28s ease,max-height .28s ease;
  }
  .sidebar-billboard .billboard-toggle {
    height:36px;
    margin:0;
    padding:0;
    border:0;
    justify-content:center;
    cursor:pointer
  }
  .sidebar-billboard .billboard-trophy {
    flex-basis:34px;
    width:34px;
    height:34px
  }
  .sidebar-billboard .billboard-title,.sidebar-billboard .billboard-list,.sidebar-billboard .billboard-foot {
    display:none
  }
  .sidebar-billboard.is-open,.employee-authenticated .sidebar-billboard.is-open {
    left:78px;
    bottom:15px;
    width:min(290px,calc(100vw - 91px));
    max-width:calc(100vw - 91px);
    height:auto;
    max-height:min(340px,calc(100vh - 30px));
    padding:13px;
    overflow-y:auto;
    box-shadow:0 18px 50px rgba(10,22,15,.36);
    z-index:100;
  }
  .sidebar-billboard.is-open .billboard-toggle {
    justify-content:flex-start;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(240,222,185,.19)
  }
  .sidebar-billboard.is-open .billboard-title {
    display:flex
  }
  .sidebar-billboard.is-open .billboard-list {
    display:grid
  }
  .sidebar-billboard.is-open .billboard-foot {
    display:flex
  }
}
@media(prefers-reduced-motion:reduce) {
  .sidebar-billboard,.sidebar-billboard * {
    animation:none!important;
    transition:none!important
  }
}
/* Full-width personal performance trend. */
.employee-authenticated .performance-trend-head {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 8px!important;
  padding:20px 0 0!important;
  border-top:1px solid #e8e1d6!important;
}
.employee-authenticated .performance-trend-head strong {
  color:#26332d!important;
  font-size:15px!important;
  letter-spacing:-.02em
}
.employee-authenticated .performance-trend-head small {
  display:flex;
  align-items:center;
  gap:7px;
  color:#68746a!important;
  font-size:10px!important;
  line-height:1.4
}
.performance-line-key {
  display:inline-block;
  flex:0 0 18px;
  width:18px;
  height:3px;
  border-radius:5px;
  background:#c95739;
  box-shadow:0 0 0 3px rgba(201,87,57,.12)
}
.employee-authenticated .employee-stats-chart {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0!important;
  border:0!important;
  scrollbar-width:thin;
  scrollbar-color:#c8b9a5 transparent;
}
.employee-authenticated .employee-line-frame {
  box-sizing:border-box;
  width:100%;
  min-width:660px;
  padding:0 4px 2px;
  background:linear-gradient(180deg,#fffcf7,#faf6ee);
  border:1px solid #e9e0d3;
  border-radius:14px;
}
.employee-authenticated .employee-line-svg {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:960/300;
  overflow:visible
}
.employee-line-grid {
  stroke:#e7e1d7;
  stroke-width:1;
  stroke-dasharray:3 5
}
.employee-line-axis {
  fill:#68776d;
  font:600 12px 'DM Sans',sans-serif;
  font-variant-numeric:tabular-nums
}
.employee-line-date {
  fill:#59695e;
  font-size:12px
}
.employee-line-area {
  pointer-events:none
}
.employee-line-path {
  fill:none;
  stroke:#c95739;
  stroke-width:3.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:100;
  stroke-dashoffset:0;
  filter:drop-shadow(0 3px 4px rgba(177,71,42,.15));
  animation:employeeLineDraw 1.05s cubic-bezier(.22,.75,.25,1) both;
}
.employee-line-dot {
  fill:#fffdfa;
  stroke:#c95739;
  stroke-width:3;
  pointer-events:none;
  animation:employeeDotIn .35s .65s both
}
.employee-line-hit {
  fill:transparent;
  cursor:help;
  outline:none
}
.employee-line-hit:focus-visible {
  fill:rgba(201,87,57,.12);
  stroke:#c95739;
  stroke-width:1.5
}
.employee-authenticated .employee-stats-chart .custom-stats-empty {
  display:block!important;
  width:100%;
  padding:32px!important;
  color:#68746a!important;
  text-align:center
}
@keyframes employeeLineDraw {
  from {
    stroke-dashoffset:100
  }
  to {
    stroke-dashoffset:0
  }
}
@keyframes employeeDotIn {
  from {
    opacity:0;
    transform:scale(.7);
    transform-origin:center
  }
  to {
    opacity:1;
    transform:scale(1);
    transform-origin:center
  }
}
@media(max-width:720px) {
  .employee-authenticated .performance-trend-head {
    display:block!important
  }
  .employee-authenticated .performance-trend-head small {
    margin-top:6px
  }
  .employee-authenticated .employee-line-frame {
    min-width:660px
  }
}
@media(prefers-reduced-motion:reduce) {
  .employee-line-path,.employee-line-dot {
    animation:none!important
  }
}
/* STAR 5 TEAM — charcoal and gold brand system. Loaded after the UI layers. */
:root {
  --star-bg:#10110f;
  --star-surface:#1d1e1a;
  --star-surface-2:#26251f;
  --star-line:#454033;
  --star-text:#f7f1e4;
  --star-muted:#b9b09d;
  --star-gold:#eac36a;
  --star-gold-bright:#ffe098;
  --star-gold-deep:#ba8734;
  --star-glow:0 14px 38px rgba(0,0,0,.25);
  --final-bg:var(--star-bg);
  --final-text:var(--star-text);
  --final-muted:var(--star-muted);
  --final-line:var(--star-line);
  --final-primary:var(--star-gold);
  --final-primary-soft:#342c1b;
}
html {
  background:var(--star-bg)!important;
  color-scheme:dark!important
}
body.master-clean-body,body.employee-clean-body,body.master-login-body {
  color:var(--star-text)!important;
  background:radial-gradient(circle at 82% -15%,rgba(205,160,70,.13),transparent 37%),linear-gradient(180deg,#151611,#10110f)!important;
  background-size:auto!important;
}
body.master-clean-body::before,body.employee-clean-body.employee-authenticated::before {
  background:linear-gradient(165deg,#161712,#0b0c0b 85%)!important;
  box-shadow:8px 0 30px rgba(0,0,0,.25)!important;
}
/* The supplied full logo is used for the brand; its mark appears in icon badges. */
.master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
  border-bottom-color:rgba(238,204,125,.24)!important
}
.master-clean-body .clean-brand,.employee-authenticated .clean-brand {
  color:#fff7e5!important;
  font-size:17px!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  gap:9px!important
}
.master-clean-body .clean-brand-mark,.employee-authenticated .clean-brand-mark {
  display:block!important;
  flex:0 0 47px!important;
  width:47px!important;
  height:47px!important;
  object-fit:contain!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  filter:drop-shadow(0 3px 9px rgba(235,181,73,.25));
}
.master-clean-body .clean-role,.employee-authenticated .employee-clean-badge {
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  background:#2c271a!important;
  border:1px solid #5d4b2b!important;
  color:#f0d38b!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
.master-clean-body .clean-role::before,.employee-authenticated .employee-clean-badge::before, .daily-reset-badge::before,.public-live-pill::before,.followup-count-badge::before, .selected-platform-pill::before,.wa-assignment-badge::before,.brand-active-note::before, .schedule-badge::before,.employee-done-badge::before {
  content:"";
  display:inline-block;
  flex:0 0 13px;
  width:13px;
  height:13px;
  background:url('/assets/images/icon.png') center/contain no-repeat;
}
.master-clean-body .clean-logout,.employee-authenticated .employee-member-logout {
  color:#e6d4a9!important
}
.master-clean-body .clean-logout:hover,.employee-authenticated .employee-member-logout:hover {
  color:#ffebbd!important
}
.master-clean-body .final-master-nav .clean-nav-item,.employee-authenticated .final-employee-nav a {
  color:#d7d0bc!important
}
.master-clean-body .final-master-nav .clean-nav-item:hover,.employee-authenticated .final-employee-nav a:hover {
  background:rgba(233,193,106,.12)!important;
  color:#fff4d9!important
}
.master-clean-body .final-master-nav .clean-nav-item.active,.employee-authenticated .final-employee-nav a.active {
  background:linear-gradient(110deg,#f0cf80,#d7a54f)!important;
  color:#211b10!important;
  border-color:#ffe2a0!important;
  box-shadow:0 8px 22px rgba(223,171,70,.17)!important;
}
.master-clean-body .final-master-nav .nav-star-icon {
  flex:0 0 29px!important;
  width:29px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
  padding:3px!important;
  border-radius:8px!important;
  background:rgba(232,194,105,.13)!important;
}
.master-clean-body .final-master-nav .nav-star-icon img {
  display:block;
  width:22px;
  height:22px;
  object-fit:contain
}
.master-clean-body .final-master-nav .clean-nav-item.active .nav-star-icon {
  background:rgba(36,27,11,.12)!important
}
.employee-authenticated .final-employee-nav a {
  position:relative!important;
  padding-left:51px!important
}
.employee-authenticated .final-employee-nav a::before {
  content:""!important;
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:25px!important;
  height:25px!important;
  border-radius:8px!important;
  background:rgba(232,194,105,.13) url('/assets/images/icon.png') center/20px 20px no-repeat!important;
  border:1px solid rgba(234,195,106,.22)!important;
  font-size:0!important;
}
.employee-authenticated .final-employee-nav a.active::before {
  background-color:rgba(36,27,11,.13)!important;
  border-color:rgba(36,27,11,.18)!important
}
.employee-authenticated .final-employee-nav a span {
  margin-left:auto!important;
  background:#413825!important;
  color:#ffe1a0!important;
  border:1px solid #66502a!important
}
/* Dark editorial panels with clear hierarchy. */
.master-clean-body .clean-section-head :is(h2,h3),.employee-authenticated .clean-section-head :is(h2,h3), .master-clean-body .clean-card :is(h2,h3,h4,strong,b),.employee-clean-body .clean-card :is(h2,h3,h4,strong,b), .master-clean-body .brand-category-overview :is(h2,h3,strong),.master-clean-body .member-progress-card :is(h2,h3,strong), .employee-clean-body .member-progress-card :is(h2,h3,strong) {
  color:var(--star-text)!important
}
.master-clean-body .clean-section-head p,.employee-authenticated .clean-section-head p, .master-clean-body .clean-card :is(p,small,em),.employee-clean-body .clean-card :is(p,small,em), .master-clean-body .member-progress-card :is(p,small,em),.employee-clean-body .member-progress-card :is(p,small,em) {
  color:var(--star-muted)!important
}
.clean-kicker {
  color:var(--star-gold)!important
}
.master-clean-body :is(.clean-card,.member-progress-card,.followup-stat-card,.brand-category-overview,.master-progress-wrap,.brand-category-card,.member-list-row,.brand-job-summary,.clean-summary-card), .employee-clean-body :is(.clean-card,.member-progress-card,.employee-clean-task) {
  background:linear-gradient(150deg,#22231e,#1b1d19)!important;
  border:1px solid var(--star-line)!important;
  color:var(--star-text)!important;
  box-shadow:var(--star-glow),inset 0 1px rgba(255,235,180,.025)!important;
}
.master-clean-body .clean-summary-icon {
  color:transparent!important;
  font-size:0!important;
  background:#332c1c url('/assets/images/icon.png') center/25px 25px no-repeat!important;
  border:1px solid #66502c!important;
  width:38px!important;
  height:38px!important;
}
.master-clean-body .clean-summary-card strong {
  color:#fff5db!important
}
.master-clean-body .ops-dashboard-card {
  background:linear-gradient(125deg,#292720,#1d1e1b)!important;
  border-color:#5c4b2c!important
}
.master-clean-body .ops-dashboard-metrics>span,.master-clean-body .ops-missing-list,.master-clean-body .ops-ok-note {
  background:#26251f!important;
  border-color:#484032!important;
  color:#e9ddc4!important
}
.master-clean-body .ops-dashboard-metrics b {
  color:#ffe2a0!important
}
.master-clean-body .brand-category-card.active {
  background:linear-gradient(115deg,#493719,#6d5022)!important;
  border-color:#b78b3c!important
}
.master-clean-body .brand-category-card.active :is(strong,span,small,em,b) {
  color:#fff2d3!important
}
.master-clean-body .brand-category-card:not(.active) :is(strong,span) {
  color:#f0e5cb!important
}
.master-clean-body .brand-category-card:not(.active) :is(small,em) {
  color:#b9ae99!important
}
.master-clean-body .member-progress-bar,.employee-clean-body .member-progress-bar {
  background:#3b372d!important
}
.master-clean-body .member-progress-bar i,.employee-clean-body .member-progress-bar i {
  background:linear-gradient(90deg,#b88437,#ffe092)!important
}
.master-clean-body :is(.member-checklist-card,.brand-check-row,.daily-job-manager-row,.clean-directory-row,.wa-number-row,.result-row,.member-list-row,.brand-job-summary,.wa-bank-group,.custom-stats-grid>*,.ops-missing-list,.ops-ok-note), .employee-clean-body :is(.member-platform-chip,.employee-schedule-row,.wa-assignment-ready,.wa-followup-assignment,.personal-stats-summary>*) {
  background:#25251f!important;
  border-color:#484133!important;
  color:#f0e9da!important;
}
.master-clean-body .wa-stock-numbers span {
  background:#2a2922!important;
  border-color:#51452e!important;
  color:#d3c6a9!important
}
.master-clean-body .wa-stock-numbers span:first-child {
  background:#263529!important;
  border-color:#456047!important;
  color:#b4dbb5!important
}
.master-clean-body .wa-stock-numbers span:nth-child(2) {
  background:#3a3020!important;
  color:#f0cd82!important
}
.master-clean-body .wa-stock-numbers b,.master-clean-body .wa-stock-card>strong {
  color:#f9eccc!important
}
.master-clean-body :is(.result-link-box,.clipboard-proof-zone),.employee-clean-body .clipboard-proof-zone {
  background:#1b1c18!important;
  border-color:#4a4336!important;
  color:#e7dcc6!important
}
.master-clean-body .clean-footer {
  color:#bfb298!important
}
.master-clean-body .clean-footer span {
  color:#eac36a!important
}
/* Inputs and actions. Numbers, labels, and validation states remain legible. */
body.master-clean-body :is(input,select,textarea),body.employee-clean-body :is(input,select,textarea),body.master-login-body input {
  color-scheme:dark!important;
  background:#171814!important;
  border:1px solid #50493a!important;
  color:#f5eddb!important;
}
body.master-clean-body :is(input,textarea)::placeholder,body.employee-clean-body :is(input,textarea)::placeholder {
  color:#9b9588!important
}
body.master-clean-body :is(input,select,textarea):focus-visible,body.employee-clean-body :is(input,select,textarea):focus-visible,body.master-login-body input:focus-visible {
  outline:2px solid #eac36a!important;
  border-color:#eac36a!important;
  box-shadow:0 0 0 4px rgba(234,195,106,.14)!important;
}
body :is(a,button,[tabindex]):focus-visible {
  outline-color:#f1cf81!important
}
.master-clean-body .clean-field label,.employee-clean-body .clean-field label,.master-login-body label {
  color:#d4c7ac!important
}
.master-clean-body :is(.clean-primary,.simple-task-add-btn,.register-trigger), .employee-clean-body :is(.clean-primary,.employee-task-start,.followup-submit,.wa-request-button),.master-login-body .primary {
  background:linear-gradient(115deg,#f3d487,#d7a348)!important;
  color:#241b0d!important;
  border:1px solid #f7db99!important;
  box-shadow:0 8px 19px rgba(208,157,59,.15)!important;
}
.master-clean-body :is(.clean-primary,.simple-task-add-btn,.register-trigger):hover, .employee-clean-body :is(.clean-primary,.employee-task-start,.followup-submit,.wa-request-button):hover,.master-login-body .primary:hover {
  background:#ffe6a3!important;
  color:#211809!important
}
.master-clean-body :is(.soft-action-button,.filter-btn,.result-action-link),.employee-clean-body .wa-copy-button {
  background:#2c291f!important;
  border-color:#5b4b2f!important;
  color:#f3d68e!important;
}
.master-clean-body .clean-alert.success,.employee-clean-body .clean-alert.success {
  background:#203525!important;
  color:#c8edbd!important;
  border-color:#476248!important
}
.master-clean-body .clean-alert.error,.employee-clean-body .clean-alert.error {
  background:#3a2420!important;
  color:#ffcebd!important;
  border-color:#805045!important
}
.master-clean-body :is(.daily-reset-badge,.public-live-pill,.followup-count-badge,.selected-platform-pill,.wa-assignment-badge,.brand-active-note), .employee-clean-body :is(.daily-reset-badge,.public-live-pill,.followup-count-badge,.selected-platform-pill,.wa-assignment-badge,.employee-done-badge) {
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  background:#312b1e!important;
  border-color:#675334!important;
  color:#f5d88e!important;
}
/* Employee profile, daily progress, personal report, and line chart. */
.employee-authenticated .employee-profile-bar {
  background:#24231c!important;
  border-color:#6e542d!important
}
.employee-authenticated .employee-profile-copy strong {
  color:#fff0cf!important
}
.employee-authenticated .employee-profile-copy small {
  color:#c4b99d!important
}
.employee-authenticated .employee-profile-bar .clean-avatar,.master-clean-body .clean-avatar {
  background:#674b22!important;
  color:#fff0c4!important
}
.employee-authenticated .employee-sidebar-status {
  background:linear-gradient(115deg,#2a281f,#353020)!important;
  border-color:#65532f!important;
  color:#f8eed6!important;
}
.employee-authenticated .employee-sidebar-status>strong,.employee-authenticated .employee-sidebar-progress-head>strong {
  color:#fff1cd!important
}
.employee-authenticated .employee-sidebar-status>small,.employee-authenticated .employee-sidebar-progress-head>span b {
  color:#f0cb75!important
}
.employee-authenticated .employee-sidebar-progress-head>span,.employee-authenticated .employee-sidebar-status>em {
  color:#d0c3a5!important
}
.employee-authenticated .employee-sidebar-progress-track {
  background:#504735!important
}
.employee-authenticated .employee-sidebar-progress-track>i {
  background:linear-gradient(90deg,#b68439,#ffe496)!important
}
.employee-authenticated .employee-clean-task.is-selected {
  background:#39301d!important;
  border-color:#b88737!important;
  box-shadow:0 0 0 2px rgba(237,195,106,.13)!important
}
.employee-authenticated .public-live-pill {
  background:#263529!important;
  color:#bce4af!important;
  border-color:#4c684d!important
}
.employee-authenticated .employee-personal-stats {
  background:#1c1d19!important;
  border-color:#514633!important;
  color:var(--star-text)!important
}
.employee-authenticated .employee-stats-form label {
  color:#d5c9ad!important
}
.employee-authenticated .employee-stats-form input {
  background:#171814!important;
  border-color:#5b503e!important;
  color:#f9eed4!important
}
.employee-authenticated .personal-stats-summary>div {
  background:#272720!important;
  border-color:#554b39!important
}
.employee-authenticated .personal-stats-summary small {
  color:#c8bda4!important
}
.employee-authenticated .personal-stats-summary strong {
  color:#ffe7ae!important
}
.employee-authenticated .performance-trend-head {
  border-top-color:#4b4232!important
}
.employee-authenticated .performance-trend-head strong {
  color:#f8ecd2!important
}
.employee-authenticated .performance-trend-head small {
  color:#c2b59a!important
}
.performance-line-key {
  background:#eac36a;
  box-shadow:0 0 0 3px rgba(234,195,106,.12)
}
.employee-authenticated .employee-line-frame {
  background:linear-gradient(180deg,#24231e,#1c1d19)!important;
  border-color:#514534!important
}
.employee-line-grid {
  stroke:#514837!important
}
.employee-line-axis {
  fill:#c9bea7!important
}
.employee-line-date {
  fill:#d7c8a9!important
}
.employee-line-path {
  stroke:#f1c96c!important;
  filter:drop-shadow(0 3px 5px rgba(233,178,70,.28))
}
.employee-line-dot {
  fill:#26231a!important;
  stroke:#ffda80!important
}
.employee-line-hit:focus-visible {
  fill:rgba(237,197,104,.17)!important;
  stroke:#f3d17f!important
}
/* Billboard retains its ranking colors but now reads as a gold edition. */
.sidebar-billboard {
  background:linear-gradient(145deg,#332a1b,#181915 65%,#29251a)!important;
  border-color:#8c6a33!important;
  box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px rgba(255,228,159,.13)!important;
}
.sidebar-billboard::before {
  background:radial-gradient(circle,rgba(255,215,125,.19),transparent 70%)
}
.billboard-trophy {
  font-size:0!important;
  background:#43341d url('/assets/images/icon.png') center/27px 27px no-repeat!important;
  border:1px solid #b48842!important
}
.sidebar-billboard .billboard-rank-1 {
  background:linear-gradient(100deg,rgba(241,199,108,.29),rgba(255,255,255,.035))!important;
  border-color:#bd934a!important
}
.sidebar-billboard .billboard-row {
  background-color:rgba(255,234,174,.05);
  border-color:rgba(255,216,138,.16)
}
.sidebar-billboard .billboard-person strong,.sidebar-billboard .billboard-score b {
  color:#fff0bf!important
}
.sidebar-billboard .billboard-person small,.sidebar-billboard .billboard-foot {
  color:#d3c5a5!important
}
.billboard-live-dot {
  background:#f6d688;
  box-shadow:0 0 0 3px rgba(246,214,136,.15)
}
/* Login */
.master-login-body .master-login-card,.employee-clean-body .employee-member-login {
  background:linear-gradient(145deg,#27251e,#1b1c18)!important;
  border-color:#655332!important;
  color:var(--star-text)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.4)!important;
}
.employee-clean-body .star5-member-brand {
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:18px;
  color:#fff0ce;
  font:800 18px 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.02em
}
.employee-clean-body .star5-member-brand img {
  width:72px;
  height:72px;
  object-fit:contain;
  filter:drop-shadow(0 4px 12px rgba(235,181,73,.22))
}
.master-login-body .login-brand {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:23px;
  color:#fff0ce;
  font-size:22px;
  letter-spacing:.01em
}
.master-login-body .brand-mark {
  display:block!important;
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important
}
.master-login-body .master-login-card h1,.employee-clean-body .employee-member-login h1 {
  color:#fff2d5!important
}
.master-login-body .muted,.master-login-body .back-employee {
  color:#cbbfa7!important
}
.master-login-body .eyebrow {
  background:#45371e!important;
  color:#f3d58d!important
}
@media(max-width:820px) {
  .master-clean-body .clean-brand-mark,.employee-authenticated .clean-brand-mark {
    width:47px!important;
    height:47px!important;
    flex-basis:47px!important
  }
  .master-clean-body .clean-brand,.employee-authenticated .clean-brand {
    font-size:0!important
  }
  .master-clean-body .clean-role,.employee-authenticated .employee-clean-badge {
    display:none!important
  }
  .master-clean-body .final-master-nav .nav-star-icon {
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important
  }
  .employee-authenticated .final-employee-nav a {
    padding:7px!important
  }
  .employee-authenticated .final-employee-nav a::before {
    left:50%!important;
    width:31px!important;
    height:31px!important;
    transform:translate(-50%,-50%)!important;
    background-size:25px 25px!important
  }
  .employee-authenticated .final-employee-nav a span {
    display:none!important
  }
}
/* STAR 5 TEAM v56: darken legacy nested surfaces left by older panel CSS. */
:root {
  --star-panel:#20211d;
  --star-panel-raised:#292820;
  --star-panel-deep:#171814;
  --star-border:#4b4437;
  --star-copy:#f5ecd9;
  --star-secondary:#c5b99f
}
/* Panels and nested lists that do not inherit the parent card background. */
.master-clean-body :is(.clean-hero,.clean-member-row,.clean-task-row,.clean-directory-row,.security-info-v14,.brand-job-accordion,.brand-job-group-body,.brand-job-group,.employee-add-member>form,.schedule-manager-row,.wa-bank-group,.member-password-form,.profile-picker,.register-dropdown,.simple-choice,.team-stats-row), .employee-clean-body :is(.clean-hero,.employee-clean-hero,.employee-progress-card,.employee-add-member>form,.employee-register-bar,.employee-task-card,.simple-employee-task-row,.assigned-tasks,.profile-picker,.register-dropdown,.simple-choice,.team-stats-row,.fixed-platform-item,.followup-number-row) {
  background:var(--star-panel)!important;
  border-color:var(--star-border)!important;
  color:var(--star-copy)!important;
}
.master-clean-body :is(.brand-job-accordion[open],.member-password-menu[open],.member-ip-menu[open]), .employee-clean-body :is(.employee-clean-task.is-selected,.daily-platform-task.is-selected) {
  background:#342c1c!important;
  border-color:#8f6c36!important
}
.master-clean-body :is(.brand-job-group-body,.brand-job-accordion) :is(strong,b,h3), .employee-clean-body :is(.team-stats-row,.employee-progress-card,.employee-clean-hero) :is(strong,b,h2,h3) {
  color:var(--star-copy)!important
}
.master-clean-body :is(.brand-job-group-body,.brand-job-accordion) :is(small,p,em), .employee-clean-body :is(.team-stats-row,.employee-progress-card,.employee-clean-hero) :is(small,p,em) {
  color:var(--star-secondary)!important
}
/* Hasil Kerja: list, expanded FU group, action strip and proof viewer. */
.master-clean-body :is(.result-compact-list,.result-compact-row,.result-fu-group,.result-fu-group>summary,.result-fu-items,.result-fu-item,.result-proof-dialog,.result-proof-image-wrap) {
  background:var(--star-panel)!important;
  border-color:var(--star-border)!important;
  color:var(--star-copy)!important;
}
.master-clean-body .result-compact-row,.master-clean-body .result-fu-group {
  border-bottom:1px solid var(--star-border)!important;
  box-shadow:none!important
}
.master-clean-body .result-fu-group[open]>summary {
  background:var(--star-panel-raised)!important
}
.master-clean-body .result-fu-items {
  border-top:1px solid var(--star-border)!important;
  background:#1b1c18!important
}
.master-clean-body .result-fu-item {
  border-bottom-color:#474033!important
}
.master-clean-body :is(.result-compact-member,.result-compact-work,.result-fu-item,.result-title-line,.result-member-line) strong {
  color:var(--star-copy)!important
}
.master-clean-body :is(.result-compact-work,.result-fu-item,.result-title-line,.result-member-line) :is(small,em,time) {
  color:var(--star-secondary)!important
}
.master-clean-body :is(.result-compact-row>time,.result-fu-group summary>time,.result-fu-toggle) {
  color:var(--star-secondary)!important
}
.master-clean-body :is(.result-compact-actions a,.result-compact-actions button,.result-fu-item button,.result-compact-toolbar .result-filter-reset,.result-filter-reset,.result-action-link,.result-link-box button,.result-proof-dialog-head button) {
  background:#302b20!important;
  border:1px solid #655332!important;
  color:#f4d588!important;
}
.master-clean-body :is(.result-compact-actions a,.result-compact-actions button,.result-fu-item button,.result-filter-reset,.result-action-link,.result-link-box button):hover {
  background:#44371f!important;
  color:#ffe6a7!important
}
.master-clean-body :is(.result-total-badge,.result-type-badge,.result-fu-count,.result-compact-kind,.result-proof-thumb) {
  background:#302a1d!important;
  border:1px solid #5c4d32!important;
  color:#edd18e!important;
}
.master-clean-body :is(.result-total-badge b,.result-link-box a,.result-link-box strong,.result-number-box strong) {
  color:#f5d98f!important
}
.master-clean-body .result-proof-dialog-head {
  border-bottom-color:var(--star-border)!important
}
.master-clean-body .result-proof-dialog-head strong {
  color:var(--star-copy)!important
}
.master-clean-body .result-proof-image-wrap {
  background:var(--star-panel-deep)!important
}
.master-clean-body .result-proof-open {
  border-top-color:var(--star-border)!important;
  color:#f3d28b!important
}
.master-clean-body .result-proof-backdrop {
  background:rgba(0,0,0,.8)!important
}
/* Small menus, filters, and file/image controls. */
.master-clean-body :is(.member-ip-menu>summary,.member-password-menu>summary,.registration-toggle-button,.brand-filter-pill,.employee-brand-filter button,.public-brand-filter button,.clean-icon-btn,.clean-hero-live,.wa-copy-mini,.paste-image-button kbd,.wa-assignment-ready div>span), .employee-clean-body :is(.registration-toggle-button,.employee-brand-filter button,.public-brand-filter button,.clean-icon-btn,.clean-hero-live,.wa-copy-mini,.clipboard-proof-clear,.paste-image-button kbd,.wa-assignment-ready div>span) {
  background:#2d291f!important;
  border-color:#5e5039!important;
  color:#f0d18b!important;
}
.master-clean-body :is(.member-ip-menu .member-ip-form,.member-ip-menu .member-ip-clear-form,.member-password-form,.member-followup-numbers span,.followup-stat-numbers .fu-proof-item a,.wa-number-check span), .employee-clean-body :is(.member-followup-numbers span,.clipboard-proof-preview,.wa-number-check span) {
  background:var(--star-panel-raised)!important;
  border-color:var(--star-border)!important;
  color:var(--star-copy)!important;
}
.employee-clean-body .clipboard-proof-clear,.employee-clean-body .clipboard-proof-preview {
  background:var(--star-panel-raised)!important;
  border-color:var(--star-border)!important;
  color:var(--star-copy)!important
}
.master-clean-body .member-ip-menu .member-ip-clear-form button {
  background:#3b2521!important;
  color:#f4b4a9!important;
  border-color:#704238!important
}
.master-clean-body .member-ip-menu .member-ip-form button {
  background:#ddaf5c!important;
  color:#221a0e!important
}
.master-clean-body .wa-number-check input:checked+span {
  background:#d9ae5e!important;
  border-color:#e6c477!important
}
.master-clean-body .brand-job-accordion.is-uncategorized .brand-job-summary {
  background:#342a1d!important
}
/* Protect text contrast in inherited controls and count chips. */
.master-clean-body :is(.result-filter-card,.result-compact-toolbar,.wa-bank-layout,.member-list-card,.security-grid-v14) :is(label,small,em), .employee-clean-body :is(.followup-form-card,.employee-submit-panel,.employee-personal-stats,.public-team-section) :is(label,small,em) {
  color:var(--star-secondary)!important
}
.master-clean-body :is(.result-compact-list,.brand-job-accordion,.wa-bank-layout,.member-list-card) :is(h2,h3,h4,strong,b), .employee-clean-body :is(.followup-form-card,.employee-submit-panel,.public-team-section) :is(h2,h3,h4,strong,b) {
  color:var(--star-copy)!important
}
.master-clean-body .result-type-badge.wa,.master-clean-body .result-compact-kind.wa {
  background:#243326!important;
  border-color:#4b6648!important;
  color:#bce2b3!important
}
.master-clean-body .result-action-link.primary {
  background:linear-gradient(115deg,#f2d284,#d6a24a)!important;
  color:#211a0d!important;
  border-color:#f7da9d!important
}
/* White form controls from pre-theme rules should never flash on focus. */
body.master-clean-body :is(input,select,textarea):focus,body.employee-clean-body :is(input,select,textarea):focus,body.master-login-body input:focus {
  background:#171814!important;
  color:#f5eddb!important;
  border-color:#eac36a!important;
}
body.master-clean-body :is(input,select,textarea):disabled,body.employee-clean-body :is(input,select,textarea):disabled {
  background:#24241f!important;
  color:#9f998d!important
}
/* STAR 5 TEAM v57 — high-contrast fixes from live screenshots. */
body.employee-clean-body.employee-authenticated {
  background:radial-gradient(circle at 82% -15%,rgba(205,160,70,.12),transparent 37%),#10110f!important;
  background-size:auto!important;
  color:#f7f1e4!important;
}
body.employee-clean-body.employee-authenticated .employee-clean-shell, body.master-clean-body .master-clean-shell {
  background:transparent!important;
  color:#f7f1e4!important
}
/* Section titles must remain readable independent of the earlier theme rules. */
body.employee-clean-body.employee-authenticated .employee-tab-panel>.clean-section-head :is(h2,h3), body.employee-clean-body.employee-authenticated .followup-section .clean-section-head h2, body.employee-clean-body.employee-authenticated .public-team-section .clean-section-head h2, body.employee-clean-body.employee-authenticated .employee-schedule-section .clean-section-head h2, body.master-clean-body .master-tab-panel>.clean-section-head :is(h2,h3) {
  color:#fff1cf!important;
  text-shadow:none!important;
  font-size:clamp(21px,2.3vw,28px)!important;
  font-weight:800!important;
  line-height:1.22!important;
}
body.employee-clean-body.employee-authenticated .employee-tab-panel>.clean-section-head p, body.master-clean-body .master-tab-panel>.clean-section-head p {
  color:#d3c5aa!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.employee-clean-body.employee-authenticated .clean-kicker, body.master-clean-body .clean-kicker {
  color:#f0c86c!important;
  font-size:10px!important;
  letter-spacing:.12em!important
}
/* Incomplete-member chips were still pale cards with pale lettering. */
body.master-clean-body .ops-dashboard-card .ops-missing-list {
  color:#e7d9be!important;
  border-top-color:#5b503c!important;
}
body.master-clean-body .ops-dashboard-card .ops-missing-list>strong {
  color:#fff0cf!important;
  font-size:12px!important;
}
body.master-clean-body .ops-missing-list .ops-missing-chips span {
  background:#342b22!important;
  border:1px solid #755243!important;
  color:#f7e2cc!important;
  box-shadow:none!important;
}
body.master-clean-body .ops-missing-list .ops-missing-chips b {
  color:#ffead0!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.master-clean-body .ops-missing-list .ops-missing-chips small {
  color:#e2b4a0!important;
  font-size:10px!important;
  font-weight:700!important;
}
/* Give the employee forms the legibility of the new theme. */
body.employee-clean-body.employee-authenticated .employee-task-main strong, body.employee-clean-body.employee-authenticated .followup-form-copy h3, body.employee-clean-body.employee-authenticated .employee-submit-panel h3, body.employee-clean-body.employee-authenticated .wa-request-card h3 {
  color:#fff0d1!important;
  font-size:13px!important;
}
body.employee-clean-body.employee-authenticated .employee-task-main small, body.employee-clean-body.employee-authenticated .followup-form-copy p, body.employee-clean-body.employee-authenticated .employee-submit-panel p, body.employee-clean-body.employee-authenticated .wa-request-card p {
  color:#d4c4a6!important;
  font-size:11px!important;
  line-height:1.5!important;
}
body.employee-clean-body.employee-authenticated .clean-field label, body.employee-clean-body.employee-authenticated .clipboard-proof-zone strong, body.employee-clean-body.employee-authenticated .wa-followup-assignment :is(strong,b) {
  color:#f2e4c7!important;
  font-size:11px!important;
}
body.employee-clean-body.employee-authenticated .clean-field small, body.employee-clean-body.employee-authenticated .clipboard-proof-zone :is(small,.clipboard-proof-meta), body.employee-clean-body.employee-authenticated .wa-followup-assignment :is(small,span) {
  color:#c5b79c!important;
  font-size:10px!important;
  line-height:1.5!important;
}
body.employee-clean-body.employee-authenticated .clipboard-proof-zone {
  background:#20211d!important;
  border:1px dashed #69583b!important;
}
body.employee-clean-body.employee-authenticated .clipboard-proof-zone.is-disabled {
  opacity:.82!important;
  background:#1e1f1b!important;
}
body.employee-clean-body.employee-authenticated .clipboard-proof-icon {
  background:#393220!important;
  color:#ffe09c!important;
  border-color:#765c32!important;
}
body.employee-clean-body.employee-authenticated .employee-submit-btn:disabled, body.employee-clean-body.employee-authenticated .followup-submit:disabled, body.employee-clean-body.employee-authenticated .wa-request-button:disabled {
  opacity:.76!important;
  background:#776139!important;
  color:#fff0cf!important;
  border:1px solid #9d7a40!important;
  box-shadow:none!important;
}
body.employee-clean-body.employee-authenticated .employee-submit-btn:disabled span, body.employee-clean-body.employee-authenticated .followup-submit:disabled span {
  color:#f1dfb3!important
}
/* Secondary labels, metrics, and progress need more separation from dark cards. */
body.employee-clean-body.employee-authenticated .employee-sidebar-status>small, body.employee-clean-body.employee-authenticated .employee-sidebar-progress-head, body.employee-clean-body.employee-authenticated .employee-sidebar-status>em {
  color:#d9c9a6!important;
  font-size:10px!important;
}
body.employee-clean-body.employee-authenticated .employee-sidebar-status>strong {
  color:#fff1cf!important;
  font-size:21px!important;
}
body.employee-clean-body.employee-authenticated .employee-sidebar-progress-head>strong, body.employee-clean-body.employee-authenticated .employee-sidebar-progress-head>span b {
  color:#ffdf93!important
}
body.employee-clean-body.employee-authenticated .daily-platform-task {
  border-color:#514737!important;
  background:#22231e!important;
}
body.employee-clean-body.employee-authenticated .daily-platform-task.is-selected {
  border-color:#ca9c4e!important;
  background:#342d20!important;
}
body.employee-clean-body.employee-authenticated .employee-task-start {
  min-width:94px!important;
  color:#241b0d!important;
  font-size:11px!important;
}
/* Master supporting copy and metrics. */
body.master-clean-body .ops-dashboard-title :is(h3,strong) {
  color:#fff1d0!important
}
body.master-clean-body .ops-dashboard-title :is(p,small), body.master-clean-body .ops-dashboard-metrics :is(em,small) {
  color:#d3c2a3!important
}
body.master-clean-body .ops-dashboard-metrics b {
  color:#ffe49e!important;
  font-size:22px!important
}
@media(max-width:820px) {
  body.employee-clean-body.employee-authenticated .employee-tab-panel>.clean-section-head :is(h2,h3) {
    font-size:22px!important
  }
  body.employee-clean-body.employee-authenticated .employee-clean-shell {
    min-height:100vh!important
  }
}