/* Member login, workspace, revisions and brand controls. */
/* STAR 5 TEAM v58 — single-card member login. */
body.employee-clean-body:not(.employee-authenticated) .member-access-grid.member-login-only.master-only {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,440px)!important;
  justify-content:center!important;
  align-content:center!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  min-height:100svh!important;
  margin:0 auto!important;
  padding:32px 20px!important;
  gap:0!important;
}
body.employee-clean-body:not(.employee-authenticated) .member-login-only .employee-member-login {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:440px!important;
  margin:0!important;
  padding:clamp(24px,3.4vw,34px)!important;
}
body.employee-clean-body:not(.employee-authenticated) .employee-member-login .star5-member-brand {
  min-width:0!important;
  font-size:18px!important;
  line-height:1.2!important;
}
body.employee-clean-body:not(.employee-authenticated) .employee-member-login h1 {
  font-size:clamp(24px,2.7vw,28px)!important;
  line-height:1.2!important;
  overflow-wrap:normal!important;
}
body.employee-clean-body:not(.employee-authenticated) .employee-member-login .member-login-form, body.employee-clean-body:not(.employee-authenticated) .employee-member-login .clean-field {
  width:100%!important;
  min-width:0!important;
}
body.employee-clean-body:not(.employee-authenticated) .employee-member-login :is(input,select,button) {
  box-sizing:border-box!important;
  max-width:100%!important;
}
@media(max-width:480px) {
  body.employee-clean-body:not(.employee-authenticated) .member-access-grid.member-login-only.master-only {
    grid-template-columns:minmax(0,1fr)!important;
    padding:20px 16px!important;
  }
  body.employee-clean-body:not(.employee-authenticated) .member-login-only .employee-member-login {
    max-width:440px!important;
    margin:0 auto!important;
    padding:24px!important;
  }
}
/* Employee > Performa Saya > Progress rekan kerja. */
body.employee-clean-body.employee-authenticated .employee-team-heading {
  margin:30px 0 15px!important;
}
body.employee-clean-body.employee-authenticated .employee-team-heading h3 {
  color:#fff0cf!important;
  font-size:clamp(19px,2.2vw,24px)!important;
  line-height:1.25!important;
}
body.employee-clean-body.employee-authenticated .employee-team-heading p {
  color:#d1c2a5!important;
  font-size:11px!important;
  line-height:1.5!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
  align-items:stretch!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-card {
  box-sizing:border-box!important;
  min-width:0!important;
  padding:17px!important;
  border:1px solid #554936!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#24251f,#1d1f1a)!important;
  color:#f5ead3!important;
  box-shadow:none!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-head {
  gap:10px!important
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-person {
  gap:10px!important;
  min-width:0!important
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-person .clean-avatar {
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  background:#534024!important;
  border:1px solid #8f6e3e!important;
  border-radius:10px!important;
  color:#ffe3a6!important;
  font-size:11px!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-person strong {
  color:#fff0d0!important;
  font-size:12px!important;
  line-height:1.3!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-person small {
  color:#d2c4a7!important;
  font-size:10px!important;
  line-height:1.4!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-percent {
  flex:0 0 auto!important;
  min-width:50px!important;
  height:30px!important;
  padding:5px 8px!important;
  background:#3a301e!important;
  border:1px solid #806437!important;
  border-radius:9px!important;
  color:#ffe19c!important;
  font-size:11px!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-bar {
  height:7px!important;
  margin:14px 0 13px!important;
  background:#3a392f!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-bar i {
  background:linear-gradient(90deg,#b88537,#f2d281)!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-platform-grid.generic-platform-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip, body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip.done {
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:39px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) 20px!important;
  gap:7px!important;
  padding:6px 8px!important;
  background:#2b2c25!important;
  border:1px solid #554b3a!important;
  border-radius:9px!important;
  color:#dfd0b3!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip.done {
  background:#2d3227!important;
  border-color:#6a754d!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip>b {
  width:26px!important;
  height:26px!important;
  border-radius:7px!important;
  background:#493b25!important;
  color:#ffe0a3!important;
  font-size:9px!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip.done>b {
  background:#365039!important;
  color:#d1f2d4!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip .job-chip-copy {
  min-width:0!important;
  overflow:hidden!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip .job-chip-copy small {
  display:block!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#eee1c6!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip>i {
  width:19px!important;
  height:19px!important;
  border:1px solid #786c56!important;
  background:#3c3d34!important;
  color:#d6c8a9!important;
  font-size:11px!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip.done>i {
  background:#335b3b!important;
  border-color:#578d5c!important;
  color:#d5f5d9!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .compact-followup-summary {
  margin:13px 0 0!important;
  padding:9px 11px!important;
  background:#282d25!important;
  border:1px solid #526445!important;
  border-radius:10px!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-followup-head {
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-followup-head>span {
  width:26px!important;
  height:26px!important;
  background:#304734!important;
  border:1px solid #547157!important;
  color:#bcf0c8!important;
  font-size:9px!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-followup-head strong {
  min-width:0!important;
  color:#e9f0d9!important;
  font-size:11px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .member-followup-head em {
  color:#f3d996!important;
  font-size:11px!important;
  font-weight:800!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
body.employee-clean-body.employee-authenticated #publicStatsGrid .scheduled-off-message {
  background:#2c2a24!important;
  border-color:#594c38!important;
  color:#d7c8ac!important;
}
@media(max-width:760px) {
  body.employee-clean-body.employee-authenticated #publicStatsGrid {
    grid-template-columns:1fr!important
  }
}
@media(max-width:480px) {
  body.employee-clean-body.employee-authenticated #publicStatsGrid .member-progress-card {
    padding:13px!important
  }
  body.employee-clean-body.employee-authenticated #publicStatsGrid .member-platform-grid.generic-platform-grid {
    gap:6px!important
  }
  body.employee-clean-body.employee-authenticated #publicStatsGrid .generic-platform-grid .member-platform-chip {
    padding:5px 6px!important;
    gap:5px!important
  }
}
/* Brand assignments, results, and mobile upload controls. */
.brand-choice {
  max-width:540px!important;
  margin:8vh auto!important;
  padding:34px!important;
  display:grid;
  gap:16px
}
.brand-choice>img {
  margin-bottom:8px
}
.brand-choice h1 {
  font-size:27px;
  line-height:1.2;
  margin:0;
  color:#f4efd9
}
.brand-choice p,.brand-help {
  color:#abae9e;
  line-height:1.65
}
.brand-choice form {
  display:grid;
  gap:20px
}
.brand-choice label,.brand-add-form label,.member-brand-form label,.revision-form>label {
  display:grid;
  gap:8px;
  font-size:12px;
  color:#d8d8c6;
  font-weight:600
}
.brand-choice select,.brand-add-form input,.brand-add-form select,.member-brand-form input,.member-brand-form select,.revision-form input[type=url] {
  width:100%;
  min-height:44px;
  padding:10px 12px;
  background:#131710;
  color:#f0efdf;
  border:1px solid #343e2d;
  border-radius:10px;
  font:inherit;
  color-scheme:dark
}
.assigned-brand-label {
  display:block;
  padding:12px 14px;
  background:#1d291c;
  border:1px solid #3a5133;
  border-radius:10px;
  color:#dce9b1;
  font-size:13px
}
.proof-picker-button {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  min-height:40px;
  padding:9px 16px;
  margin:12px 0;
  border:1px solid #536547;
  border-radius:9px;
  background:#25311f;
  color:#ecf1d3;
  font-size:12px;
  font-weight:700;
  gap:8px
}
.clipboard-proof-zone .proof-picker-button input {
  display:none
}
.upload-feedback {
  font-size:13px;
  color:#cad5ad;
  line-height:1.6
}
.upload-feedback.is-error {
  color:#f0b0a4
}
.brand-add-form {
  display:grid!important;
  grid-template-columns:1fr 1fr auto;
  align-items:end;
  gap:18px;
  padding:22px!important;
  margin-bottom:22px
}
.brand-manager-list {
  display:grid;
  gap:10px
}
.brand-manager-row {
  display:flex!important;
  align-items:center;
  gap:18px;
  padding:18px 22px!important;
  flex-wrap:wrap
}
.brand-manager-row>div {
  flex:1;
  min-width:170px;
  display:grid;
  gap:6px
}
.brand-manager-row>div>strong {
  font-size:15px;
  color:#e6e9d4
}
.brand-manager-row small {
  font-size:11px;
  color:#a4ad96
}
.brand-manager-row details summary,.member-brand-menu>summary {
  cursor:pointer;
  color:#d8ddb9;
  font-size:12px;
  padding:10px;
  border-radius:8px;
  background:#252e20
}
.brand-manager-row details form {
  display:flex;
  gap:8px;
  margin-top:10px
}
.brand-manager-row details input {
  background:#141a10;
  color:#f0efdf;
  border:1px solid #3d4b31;
  border-radius:8px;
  padding:10px;
  max-width:220px
}
.brand-archived {
  opacity:.65
}
.brand-help {
  font-size:12px;
  margin-top:18px
}
.member-brand-form {
  display:grid;
  gap:12px;
  padding:14px;
  min-width:220px
}
.member-brand-form small {
  font-size:11px;
  line-height:1.6;
  color:#adb49d
}
.clean-directory-row {
  display:flex!important;
  flex-wrap:wrap;
  gap:12px!important;
  align-items:center!important
}
.clean-directory-copy {
  flex:1;
  min-width:180px
}
.member-revisions .revision-form {
  padding:22px;
  display:grid;
  gap:14px;
  margin-bottom:15px
}
.revision-note,.result-review-note {
  color:#eeb4a7!important;
  background:#34211d;
  border:1px solid #57332b;
  padding:12px;
  border-radius:9px;
  font-size:12px;
  line-height:1.6;
  white-space:pre-wrap
}
.revision-form>small {
  color:#a4ae93
}
.results-v63 .clean-section-head {
  margin-bottom:20px
}
.results-filter-form {
  display:grid;
  grid-template-columns:150px 1fr 1fr 140px 140px auto;
  gap:12px;
  align-items:end;
  padding:20px;
  background:#151a12;
  border:1px solid #303a27;
  border-radius:14px
}
.results-filter-form label {
  display:grid;
  gap:7px;
  font-size:11px;
  font-weight:600;
  color:#aeb99f;
  min-width:0
}
.results-filter-form input,.results-filter-form select {
  min-width:0;
  width:100%;
  height:42px;
  background:#0f140d;
  border:1px solid #35442c;
  border-radius:9px;
  padding:9px 11px;
  color:#e3e8d3;
  font:inherit;
  font-size:12px;
  color-scheme:dark
}
.results-filter-form .clean-primary {
  height:42px!important;
  padding:0 16px!important;
  white-space:nowrap
}
.results-filter-form>a {
  grid-column:1/-1;
  justify-self:start;
  padding:0;
  background:none;
  border:0;
  font-size:11px;
  color:#a8b88b;
  text-decoration:underline;
  min-height:18px
}
.results-counts {
  display:flex;
  gap:26px;
  padding:18px 2px;
  font-size:12px;
  color:#adb69e;
  flex-wrap:wrap
}
.results-counts span {
  display:flex;
  gap:7px;
  align-items:baseline
}
.results-counts b {
  font-size:22px;
  color:#e4ead6;
  font-variant-numeric:tabular-nums
}
.results-counts .revision-count b {
  color:#e4b899
}
.result-group-list {
  display:grid;
  gap:9px
}
.result-group {
  padding:0!important;
  overflow:hidden;
  border-color:#2e3925!important;
  background:#151a12!important;
  box-shadow:none!important
}
.result-group>summary {
  display:grid!important;
  grid-template-columns:minmax(160px,1fr) 190px 100px 65px;
  align-items:center;
  gap:20px;
  padding:17px 20px;
  cursor:pointer;
  list-style:none
}
.result-group>summary::-webkit-details-marker {
  display:none
}
.result-group[open]>summary {
  background:#1c2417;
  border-bottom:1px solid #34432b
}
.result-person {
  display:grid;
  gap:6px;
  min-width:0
}
.result-person>strong {
  font-size:14px;
  color:#e7eadb;
  overflow-wrap:anywhere
}
.result-person>small {
  font-size:11px;
  color:#99a88a
}
.result-metrics {
  display:flex;
  gap:25px
}
.result-metrics>b {
  font-size:17px;
  color:#d3dcb9;
  font-variant-numeric:tabular-nums
}
.result-metrics small {
  font-size:10px;
  color:#9ca98b;
  margin-left:3px;
  font-weight:500
}
.result-group-status,.result-detail-status {
  font-size:10px;
  font-weight:600;
  letter-spacing:.03em;
  background:#26321e;
  color:#bdd49e;
  border:1px solid #3b502b;
  border-radius:6px;
  padding:5px 8px;
  white-space:nowrap;
  justify-self:start
}
.needs-revision {
  background:#38261d!important;
  color:#edbea2!important;
  border-color:#60402b!important
}
.result-open-label {
  font-size:11px;
  color:#b2c197;
  text-align:right
}
.result-group-details {
  padding:4px 18px 16px
}
.result-detail-row {
  display:grid;
  grid-template-columns:minmax(110px,1fr) auto auto;
  gap:15px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid #293322
}
.result-detail-row:last-of-type {
  border-bottom:0
}
.result-detail-copy {
  display:grid;
  gap:5px;
  min-width:0
}
.result-detail-copy strong {
  font-size:12px;
  color:#dde3ce;
  overflow-wrap:anywhere
}
.result-detail-copy small {
  font-size:10px;
  color:#929e83
}
.result-detail-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.result-detail-actions a,.result-detail-actions button {
  background:#222d1a;
  color:#d5dfbd;
  border:1px solid #3c4f2e;
  padding:8px 11px;
  border-radius:7px;
  text-decoration:none;
  cursor:pointer;
  font:inherit;
  font-size:10px;
  min-height:34px;
  white-space:nowrap
}
.result-detail-row>.result-review-note,.result-detail-row>.result-review-form {
  grid-column:1/-1;
  margin:0
}
.result-review-form {
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.result-review-form textarea {
  flex:1 1 100%;
  background:#11170e;
  color:#e7eadc;
  border:1px solid #4c5b40;
  border-radius:8px;
  padding:12px;
  resize:vertical;
  min-height:72px;
  font:inherit;
  font-size:12px
}
.result-review-form small {
  color:#d4b695;
  align-self:center;
  font-size:11px
}
.result-loading {
  padding:14px 0;
  color:#b1bd9e;
  font-size:12px
}
.results-pagination {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:18px 0;
  flex-wrap:wrap
}
.results-pagination>span {
  margin-right:auto;
  color:#96a389;
  font-size:11px
}
.results-pagination a {
  font-size:11px
}
.result-proof-modal[hidden] {
  display:none!important
}
.result-proof-image-wrap img {
  max-width:100%;
  object-fit:contain
}
.master-clean-body .master-nav-v11 {
  overflow-y:auto
}
.brand-manager-row form button,.brand-manager-row details summary {
  min-height:38px
}
.brand-choice button:focus-visible,.result-group summary:focus-visible,.results-v63 button:focus-visible {
  outline:2px solid #d2df99;
  outline-offset:3px
}
@media(max-width:1200px) {
  .results-filter-form {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .results-filter-form>.clean-primary {
    align-self:end
  }
  .brand-add-form {
    grid-template-columns:1fr 1fr
  }
  .brand-add-form>button {
    grid-column:1/-1;
    justify-self:start
  }
}
@media(max-width:700px) {
  .results-filter-form {
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:15px;
    gap:12px
  }
  .results-filter-form input,.results-filter-form select {
    font-size:14px
  }
  .results-filter-form>.clean-primary {
    width:100%
  }
  .results-counts {
    gap:18px;
    padding:16px 0
  }
  .results-counts b {
    font-size:20px
  }
  .result-group>summary {
    grid-template-columns:1fr auto;
    gap:12px;
    padding:15px
  }
  .result-person {
    grid-column:1
  }
  .result-metrics {
    grid-column:1;
    grid-row:2;
    gap:20px
  }
  .result-group-status {
    grid-column:2;
    grid-row:1
  }
  .result-open-label {
    grid-column:2;
    grid-row:2
  }
  .result-group-details {
    padding:3px 13px 13px
  }
  .result-detail-row {
    grid-template-columns:1fr auto;
    gap:10px
  }
  .result-detail-actions {
    grid-column:1/-1;
    justify-content:flex-start
  }
  .brand-add-form {
    grid-template-columns:1fr;
    padding:18px!important
  }
  .brand-add-form>button {
    width:100%
  }
  .brand-choice {
    padding:24px!important;
    margin:25px auto!important
  }
  .brand-choice h1 {
    font-size:23px
  }
  .brand-manager-row {
    padding:16px!important
  }
  .member-brand-form {
    min-width:190px
  }
  .clean-directory-row>.clean-avatar {
    flex:0 0 36px
  }
  .results-pagination {
    justify-content:flex-start
  }
  .results-pagination>span {
    width:100%
  }
  .brand-manager-row details {
    max-width:100%
  }
  .brand-manager-row details form {
    flex-wrap:wrap
  }
}
@media(prefers-reduced-motion:reduce) {
  .results-v63 *,.brand-choice * {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }
}
/* On phones use readable bottom navigation instead of an unlabeled icon rail. */
.employee-header-brand {
  font-size:12px;
  color:#b6be9b;
  line-height:1.5;
  overflow-wrap:anywhere
}
@media(max-width:700px) {
  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:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 14px calc(100px + env(safe-area-inset-bottom))!important
  }
  .master-clean-body .clean-header,.employee-authenticated .employee-clean-header {
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 0 14px!important;
    margin:0 0 16px!important;
    min-height:45px!important
  }
  .master-clean-body .clean-brand,.employee-authenticated .clean-brand {
    font-size:17px!important;
    gap:8px!important
  }
  .master-clean-body .clean-brand>span,.employee-authenticated .clean-brand>span {
    font-size:17px!important
  }
  .master-clean-body .clean-brand-mark,.employee-authenticated .clean-brand-mark {
    width:35px!important;
    height:35px!important;
    flex-basis:35px!important
  }
  .master-clean-body .clean-header-right {
    position:static!important;
    width:auto!important;
    display:flex!important
  }
  .master-clean-body .clean-logout {
    font-size:11px!important;
    display:block!important
  }
  .employee-header-brand {
    display:none
  }
  .master-clean-body .final-master-nav,.employee-authenticated .final-employee-nav {
    position:fixed!important;
    top:auto!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:3px!important;
    padding:7px 5px calc(7px + env(safe-area-inset-bottom))!important;
    background:#191c14!important;
    border-top:1px solid #49452f!important;
    border-radius:0!important;
    overflow:visible!important;
    z-index:90!important
  }
  .employee-authenticated .final-employee-nav {
    grid-template-columns:repeat(5,minmax(0,1fr))!important
  }
  .master-clean-body .final-master-nav .clean-nav-item,.employee-authenticated .final-employee-nav a {
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:5px 3px!important;
    min-width:0!important;
    font-size:10px!important;
    line-height:1.25!important;
    white-space:normal!important;
    word-break:normal!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:8px!important;
    letter-spacing:0!important;
    gap:0!important
  }
  .master-clean-body .final-master-nav .clean-nav-item span,.employee-authenticated .final-employee-nav a::before,.employee-authenticated .final-employee-nav a>span {
    display:none!important
  }
  .employee-authenticated .employee-profile-bar {
    position:static!important;
    left:auto!important;
    bottom:auto!important;
    width:100%!important;
    padding:10px 12px!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    margin:0 0 16px!important;
    border:1px solid #3b402b!important;
    background:#1c2116!important;
    border-radius:12px!important;
    min-height:52px!important
  }
  .employee-authenticated .employee-profile-copy {
    display:flex!important;
    gap:9px!important;
    align-items:center!important
  }
  .employee-authenticated .employee-profile-copy strong {
    font-size:12px!important
  }
  .employee-authenticated .employee-profile-copy small {
    font-size:9px!important
  }
  .employee-authenticated .employee-member-logout {
    width:auto!important;
    padding:9px!important;
    font-size:10px!important
  }
  .sidebar-billboard {
    left:auto!important;
    right:14px!important;
    bottom:84px!important
  }
  .employee-sidebar-status {
    margin-top:0!important
  }
  .brand-choice {
    max-width:100%!important
  }
}
@media(max-width:700px) {
  .master-clean-body .clean-brand>span:last-child,.employee-authenticated .clean-brand>span:last-child {
    display:block!important;
    font-size:16px!important;
    letter-spacing:0!important
  }
  .master-clean-body .final-master-nav .clean-nav-item {
    font-size:9px!important;
    padding:4px 1px!important;
    overflow-wrap:anywhere!important;
    letter-spacing:-.015em!important
  }
  .master-clean-body .final-master-nav .clean-nav-item.active,.employee-authenticated .final-employee-nav a.active {
    color:#24200e!important
  }
  .sidebar-billboard {
    display:none!important
  }
}
@media(max-width:700px) {
  .master-clean-body input:not([type=hidden]):not([type=checkbox]),.master-clean-body select,.master-clean-body textarea,.employee-clean-body input:not([type=hidden]):not([type=checkbox]),.employee-clean-body select,.employee-clean-body textarea {
    font-size:16px!important
  }
}
/* Member ranking stays in the page flow on desktop and phones. */
.employee-brand-selector.clean-card {
  padding:0!important;
  margin:0 0 18px!important;
  border:1px solid #465233!important;
  background:#1b2315!important;
  border-radius:14px;
  overflow:hidden
}
.employee-brand-selector>summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  list-style:none;
  padding:17px 20px
}
.employee-brand-selector>summary::-webkit-details-marker {
  display:none
}
.employee-brand-selector>summary>span {
  display:grid;
  gap:5px;
  min-width:0
}
.employee-brand-selector>summary small {
  font-size:9px;
  color:#b7c299;
  letter-spacing:.12em;
  font-weight:700
}
.employee-brand-selector>summary strong {
  font-size:15px;
  color:#eee8d0;
  overflow-wrap:anywhere
}
.employee-brand-selector>summary em {
  font-style:normal;
  font-size:10px;
  color:#d2c08a;
  line-height:1.5;
  overflow-wrap:anywhere
}
#brand-saya>summary>b {
  color:#2b291b!important
}
.employee-brand-selector>summary>b {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 13px;
  border:1px solid #a78a46;
  border-radius:9px;
  background:#dbc080;
  color:#2b291b!important;
  font-size:12px;
  line-height:1.4;
  text-align:center;
  flex-shrink:0
}
.employee-brand-selector>summary i {
  font-style:normal;
  font-size:16px
}
.employee-brand-selector[open]>summary i {
  transform:rotate(180deg)
}
.employee-brand-selector form {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
  padding:0 20px 20px
}
.employee-brand-selector label {
  display:grid;
  gap:8px;
  color:#c8d1b5;
  font-size:12px;
  min-width:0
}
.employee-brand-selector select {
  width:100%;
  height:44px;
  border:1px solid #4a5c36;
  background:#11190d;
  color:#ecebd9;
  border-radius:9px;
  padding:10px;
  font:inherit;
  color-scheme:dark
}
.employee-brand-selector form>p {
  grid-column:1/-1;
  margin:0;
  color:#aeb99c;
  font-size:11px;
  line-height:1.7
}
.employee-brand-selector .employee-brand-pending {
  margin:0 20px 14px;
  padding:10px 12px;
  background:#302b1b;
  border:1px solid #675533;
  border-radius:8px;
  color:#ded0a2;
  font-size:11px;
  line-height:1.6
}
.employee-brand-selector>summary:focus-visible {
  outline:2px solid #dfca92;
  outline-offset:-4px
}
@media(max-width:700px) {
  .employee-brand-selector>summary {
    padding:15px
  }
  .employee-brand-selector>summary>b {
    font-size:11px;
    padding:9px;
    gap:5px
  }
  .employee-brand-selector form {
    grid-template-columns:1fr;
    padding:0 15px 15px
  }
  .employee-brand-selector .employee-brand-pending {
    margin:0 15px 14px
  }
}
.employee-top-followup.clean-card {
  padding:20px!important;
  margin:0 0 22px!important;
  min-width:0;
  background:#1a2116!important;
  border:1px solid #3d4930!important;
  border-radius:16px
}
.employee-fu-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px
}
.employee-fu-head h2 {
  font-size:19px!important;
  line-height:1.3;
  margin:5px 0 0!important;
  color:#eee8ce!important
}
.employee-fu-head>small {
  color:#a9b39a;
  font-size:11px;
  line-height:1.5;
  text-align:right
}
.employee-fu-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0!important;
  margin:0!important;
  list-style:none
}
.employee-fu-row {
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 12px;
  border-radius:11px;
  border:1px solid #3b472f;
  background:#141b10;
  min-width:0
}
.employee-fu-row:first-child {
  border-color:#78653b;
  background:#282719
}
.employee-fu-row.is-self {
  box-shadow:inset 0 0 0 1px #a9bd71
}
.employee-fu-place {
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  flex:0 0 29px;
  border-radius:9px;
  background:#35402b;
  color:#e4eacb;
  font-size:12px;
  font-weight:800
}
.employee-fu-row:first-child .employee-fu-place {
  background:#dbc182;
  color:#302b19
}
.employee-fu-person {
  display:grid;
  gap:5px;
  min-width:0;
  flex:1
}
.employee-fu-person strong {
  font-size:12px!important;
  color:#eee9d3!important;
  overflow-wrap:anywhere;
  line-height:1.4
}
.employee-fu-person small {
  font-size:10px!important;
  color:#abb697!important;
  overflow-wrap:anywhere;
  line-height:1.5
}
.employee-fu-score {
  display:flex;
  align-items:baseline;
  gap:3px;
  white-space:nowrap
}
.employee-fu-score b {
  font-size:23px!important;
  color:#e6d5a6!important;
  font-variant-numeric:tabular-nums
}
.employee-fu-score small {
  font-size:9px!important;
  color:#b9b292!important
}
.employee-fu-row.is-empty {
  opacity:.6
}
.employee-top-followup>p {
  font-size:10px!important;
  color:#a3ad93!important;
  line-height:1.6;
  margin:13px 0 0!important
}
@media(max-width:1100px) {
  .employee-fu-list {
    grid-template-columns:1fr
  }
  .employee-fu-row {
    padding:11px 13px
  }
}
@media(max-width:700px) {
  .employee-top-followup.clean-card {
    padding:16px!important
  }
  .employee-fu-head {
    align-items:flex-start
  }
  .employee-fu-head h2 {
    font-size:18px!important
  }
  .employee-fu-head>small {
    font-size:10px;
    max-width:110px
  }
  .employee-fu-person strong {
    font-size:13px!important
  }
}
.employee-revision-warning {
  display:flex;
  align-items:center;
  gap:15px;
  padding:18px 20px;
  margin:0 0 20px;
  border:1px solid #c97d62;
  border-left:5px solid #ef9277;
  border-radius:13px;
  background:#3b211c;
  color:#f4d3c5
}
.employee-revision-warning[hidden] {
  display:none!important
}
.revision-warning-icon {
  display:grid;
  place-items:center;
  flex:0 0 33px;
  width:33px;
  height:33px;
  background:#dc775a;
  color:#20110c;
  border-radius:50%;
  font-size:23px;
  font-weight:800
}
.employee-revision-warning>div {
  flex:1;
  min-width:0
}
.employee-revision-warning strong,.employee-revision-warning strong b {
  color:#ffe1d2!important;
  font-size:15px!important;
  line-height:1.5
}
.employee-revision-warning p {
  margin:5px 0 0;
  color:#e6b8a7;
  font-size:11px;
  line-height:1.7
}
.employee-revision-warning a {
  padding:11px 13px;
  border-radius:9px;
  background:#edac8f;
  color:#34180e;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap
}
body.employee-clean-body.employee-authenticated .final-employee-nav a.has-revisions {
  border:1px solid #b86d55!important;
  background:#54291f!important;
  color:#ffe0cf!important
}
body.employee-clean-body.employee-authenticated .final-employee-nav a.has-revisions [data-revision-badge] {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  border-radius:20px;
  margin-left:5px;
  padding:2px 5px;
  background:#f2b292;
  color:#3d1c0e;
  font-size:10px!important;
  font-weight:800
}
.revision-live-state {
  font-size:11px!important;
  color:#9dab8e!important;
  line-height:1.6;
  margin:0 0 14px
}
.revision-form {
  border:1px solid #946447!important;
  box-shadow:inset 3px 0 #da936b!important
}
.revision-example {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:9px;
  text-decoration:none;
  color:#e5c18c;
  font-size:11px
}
.revision-example img {
  display:block;
  max-width:100%;
  max-height:260px;
  object-fit:contain;
  background:#10140d;
  border:1px solid #60513b;
  border-radius:10px
}
.revision-update-notice {
  padding:12px;
  border:1px solid #bd8549;
  border-radius:8px;
  background:#342a16;
  color:#f0d49d;
  font-size:12px;
  line-height:1.6
}
.revision-limit-note {
  font-size:12px;
  color:#c5ba91;
  line-height:1.7
}
.result-review-form .review-image-picker {
  display:grid;
  gap:9px;
  flex:1 1 100%;
  font-size:11px;
  color:#c4bba2
}
.result-review-form input[type=file] {
  font-size:12px;
  max-width:100%;
  color:#c1cbaa
}
.review-attachment-preview {
  max-width:100%;
  max-height:200px;
  object-fit:contain;
  border:1px solid #635536;
  border-radius:8px
}
.review-attachment-preview[hidden] {
  display:none
}
.result-review-example {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #685d3e;
  border-radius:10px;
  background:#262719;
  color:#d3c293;
  padding:9px;
  cursor:pointer;
  font:inherit;
  font-size:11px;
  text-align:left;
  max-width:100%
}
.result-review-example img {
  width:100px;
  height:70px;
  object-fit:contain;
  background:#14180e;
  border-radius:6px
}
.result-review-example span {
  min-width:0;
  overflow-wrap:anywhere
}
@media(max-width:700px) {
  .employee-revision-warning {
    padding:15px;
    gap:11px;
    flex-wrap:wrap
  }
  .employee-revision-warning>div {
    flex-basis:calc(100% - 45px)
  }
  .employee-revision-warning a {
    margin-left:44px;
    white-space:normal;
    font-size:11px
  }
  .employee-revision-warning strong,.employee-revision-warning strong b {
    font-size:13px!important
  }
  .revision-example img {
    max-height:220px
  }
  .result-review-example img {
    width:80px;
    height:65px
  }
  body.employee-clean-body.employee-authenticated .final-employee-nav a.has-revisions {
    flex-wrap:wrap!important;
    gap:2px!important
  }
  body.employee-clean-body.employee-authenticated .final-employee-nav a.has-revisions [data-revision-badge] {
    margin-left:3px;
    min-width:17px;
    height:17px;
    font-size:9px!important
  }
}
.employee-clean-body .daily-platform-task.is-revision {
  border-color:#a8684e!important;
  background:#322219!important
}
.brand-check-fieldset {
  border:0;
  margin:0;
  padding:0;
  min-width:0
}
.brand-check-fieldset legend {
  font-size:11px;
  color:#bfc9ab;
  margin-bottom:12px
}
.brand-check-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px
}
.brand-check-grid label {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:12px!important;
  border:1px solid #435535;
  border-radius:9px;
  background:#162010;
  color:#d9e1c7;
  font-size:11px!important;
  min-width:0;
  cursor:pointer
}
.brand-check-grid label:has(input:checked) {
  border-color:#b39b57;
  background:#30301b
}
.brand-check-grid input[type=checkbox] {
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  flex:0 0 18px;
  accent-color:#d6b86d;
  margin:0;
  padding:0!important
}
.brand-check-grid label span {
  overflow-wrap:anywhere;
  line-height:1.5
}
.employee-brand-selector .brand-check-fieldset {
  grid-column:1/-1
}
.employee-brand-selector form {
  grid-template-columns:1fr
}
.working-brand-switcher.clean-card {
  padding:18px 20px!important;
  margin-bottom:20px!important;
  border:1px solid #3c4d2e!important;
  background:#182012!important
}
.working-brand-switcher>div:first-child {
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:13px
}
.working-brand-switcher small {
  font-size:10px;
  color:#a7b497
}
.working-brand-buttons {
  display:flex;
  gap:9px;
  flex-wrap:wrap
}
.working-brand-buttons button {
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 15px;
  background:#1e2b15;
  border:1px solid #4d6039;
  border-radius:9px;
  color:#ccd9b5;
  cursor:pointer;
  font:inherit;
  font-size:12px
}
.working-brand-buttons button strong {
  color:inherit!important;
  font-size:12px!important
}
.working-brand-buttons button span {
  font-size:10px
}
.working-brand-buttons button.active {
  background:#d5bc7c;
  border-color:#d5bc7c;
  color:#282514!important
}
.working-brand-switcher>p {
  font-size:11px;
  color:#a7b497;
  line-height:1.6;
  margin:12px 0 0
}
.member-brand-form .brand-check-grid {
  grid-template-columns:1fr
}
@media(max-width:700px) {
  .working-brand-switcher.clean-card {
    padding:16px!important
  }
  .working-brand-buttons {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .working-brand-buttons button {
    min-width:0;
    justify-content:space-between;
    padding:12px 10px;
    gap:8px
  }
  .working-brand-buttons button strong {
    font-size:11px!important;
    overflow-wrap:anywhere
  }
  .brand-check-grid {
    gap:7px
  }
  .brand-check-grid label {
    padding:10px!important;
    font-size:10px!important
  }
}
.multi-brand-master-progress {
  margin-top:20px!important
}
.multi-brand-master-progress .member-progress-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.multi-brand-master-progress .member-progress-card {
  min-width:0
}
.multi-brand-master-progress .clean-card-head p {
  font-size:11px;
  color:#aab799;
  line-height:1.7
}
@media(max-width:900px) {
  .multi-brand-master-progress .member-progress-grid {
    grid-template-columns:1fr
  }
}

/* Keep brand names and the follow-up heading readable on narrow phones. */
@media (max-width: 420px) {
  .employee-brand-selector > summary {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .employee-brand-selector > summary > b {
    align-self: flex-start;
  }
  .employee-brand-selector > summary > span {
    width: 100%;
    min-width: 0;
  }
  .employee-fu-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .employee-fu-head > small {
    text-align: left;
  }
}
@media (max-width: 360px) {
  .working-brand-buttons {
    grid-template-columns: 1fr;
  }
}