section.user-directory-page{min-height:calc(100vh - 120px);padding:6px 0 28px}
.user-directory-heading{margin:8px 0 23px}
.user-directory-heading h1{margin:9px 0 7px;font:700 clamp(26px,3vw,36px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.2px}
.user-directory-heading p{max-width:650px;margin:0;color:#818b82;font-size:12px;line-height:1.65}
.user-directory-panel{padding:17px;background:#fff;border:1px solid var(--line);border-radius:13px}
.user-directory-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;margin:-3px 0 15px;padding:5px;background:#f3f7ef;border:1px solid #e8eee4;border-radius:11px;scrollbar-width:thin}
.user-directory-tab{flex:1;min-height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6f7f71;padding:9px 14px;font-size:10px;font-weight:700;text-align:center;white-space:nowrap;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.user-directory-tab:hover{background:#eaf3e8;color:var(--deep)}
.user-directory-tab.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 8px #2e754b24}
.user-directory-tab:focus-visible{outline:2px solid #8fb993;outline-offset:2px}
.user-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.user-directory-search{height:42px;min-width:180px;max-width:450px;flex:1;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dfe8dc;border-radius:8px;background:#fbfcf9;color:#829084}
.user-directory-search>span{font-size:22px;line-height:1}
.user-directory-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:11px}
.user-directory-search:focus-within{border-color:#93bb90;box-shadow:0 0 0 3px #93bb901c}
.user-directory-page-size{display:flex;align-items:center;gap:8px;color:#7d8980;font-size:10px;white-space:nowrap}
.user-directory-page-size select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:8px 10px;font:inherit;font-size:10px}
.user-directory-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.user-directory-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}
.user-directory-table th,.user-directory-table td{padding:12px 14px;border-bottom:1px solid #edf1e9;vertical-align:middle}
.user-directory-table thead th{background:#f3f7ef;color:#49634e;font-size:10px;font-weight:800;white-space:nowrap}
.user-directory-table tbody tr:last-child td{border-bottom:0}
.user-directory-table tbody tr:hover{background:#fbfcf9}
.user-directory-table td strong{display:block;color:var(--ink);font-size:11px}
.user-directory-table td small{display:block;margin-top:4px;color:#89938b;font-size:9px}
.user-directory-number{width:55px;color:#89938b;text-align:center}
.user-directory-empty{text-align:center!important;padding:32px 12px!important;color:#879187;font-size:10px}
.user-directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.user-directory-pagination>small{color:#879187;font-size:9px}
.user-directory-pagination nav{display:flex;align-items:center;gap:4px}
.user-directory-page{min-width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#637367;font-size:10px;font-weight:700}
.user-directory-page:hover:not(:disabled),.user-directory-page.active{border-color:#bdd5b9;background:#edf5e9;color:var(--green)}
.user-directory-page:disabled{opacity:.4;cursor:default}
.user-directory-ellipsis{padding:0 3px;color:#879187;font-size:11px}
.user-directory-register{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:18px;margin:0 0 16px;padding:18px;background:linear-gradient(135deg,#f2f8ee,#fff);border:1px solid #dce9d7;border-radius:12px}
.user-directory-register h2{margin:6px 0;font:700 17px 'Plus Jakarta Sans',sans-serif;color:#285d37}
.user-directory-register p,.user-directory-register small{color:#748074;font-size:10px;line-height:1.6}
.user-directory-register form{display:grid;gap:10px}
.affiliate-register-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.affiliate-register-grid label{display:grid;gap:5px;color:#536457;font-size:10px;font-weight:700}
.affiliate-register-grid input,.affiliate-register-grid select,.affiliate-verify-controls select{width:100%;min-width:0;padding:9px 10px;border:1px solid #dfe8dc;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:10px}
.affiliate-location-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #dfe8dc;border-radius:8px;background:#fff}
.affiliate-location-picker>div{display:grid;gap:4px}
.affiliate-location-picker strong{color:#49634e;font-size:10px}
.affiliate-location-picker small{color:#7d8980;font-size:9px;line-height:1.5}
.affiliate-location-picker button{flex:none}
.affiliate-location-picker input[type="hidden"]{display:none}
.farmer-profile-form select{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid #dfe8dc;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:11px}
.farmer-profile-form select:disabled{background:#f2f4f0;color:#9aa39a}
.affiliate-consent{display:flex;align-items:flex-start;gap:7px;color:#617064;font-size:10px;line-height:1.5}
.affiliate-consent input{margin:2px 0 0}
.user-directory-register .primary-button{justify-self:start}
.user-directory-register>form>small{display:block}
.user-directory-credit-summary{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 15px;border:1px solid #dce9d7;border-radius:10px;background:#f5f9f2;color:#617064;font-size:10px}
.user-directory-credit-summary strong{color:#285d37;font-size:17px}
/* Penilaian aktivitas akun binaan, tampil di bagian atas halaman */
.account-score-strip{margin:0 0 16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:13px}
.account-score-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}
.account-score-head strong{display:block;margin-top:6px;color:var(--ink);font-size:14px}
.account-score-head small,.account-score-note{color:#879187;font-size:10px}
.account-score-select{display:grid;gap:5px;min-width:200px;color:#657367;font-size:9px;font-weight:700}
.account-score-select select{padding:8px 10px;border:1px solid #dfe8dc;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:10px}
.account-score-meter{display:flex;align-items:center;gap:12px}
.account-score-bar{flex:1;height:12px;border-radius:99px;background:#eef2eb;overflow:hidden}
.account-score-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8cc397,var(--green));transition:width .5s ease}
.account-score-bar.is-mid span{background:linear-gradient(90deg,#f3cf76,#e5a64b)}
.account-score-bar.is-low span{background:linear-gradient(90deg,#f1a99d,#d66b5f)}
.account-score-meter>strong{min-width:52px;text-align:right;color:var(--green);font:800 18px 'Plus Jakarta Sans',sans-serif}
.account-score-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:13px 0 0;padding:0;list-style:none}
.account-score-list li{display:grid;gap:4px;padding:9px 10px;border:1px solid #edf1e9;border-radius:9px;background:#fbfcf9}
.account-score-list li.is-done{border-color:#cfe2c9;background:#f2f8ef}
.account-score-label{color:#49634e;font-size:10px;font-weight:700;line-height:1.4}
.account-score-list li.is-done .account-score-label::after{content:" ✓";color:var(--green)}
.account-score-list small{color:#879187;font-size:9px;line-height:1.4}
@media(max-width:900px){.account-score-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.account-score-strip{padding:12px}.account-score-head{flex-direction:column;align-items:stretch}.account-score-select{min-width:0}.account-score-meter>strong{font-size:15px}}
.affiliate-verify-controls{display:grid;gap:6px;min-width:155px;margin-top:7px}
.affiliate-verify-controls button{padding:6px 8px;border:1px solid #cfe1cb;border-radius:6px;background:#edf5e9;color:#285d37;font-size:9px;font-weight:700;cursor:pointer}
.affiliate-verify-controls button:disabled{opacity:.65;cursor:default}
@media(max-width:760px){
  section.user-directory-page{padding-top:0}
  .user-directory-heading{margin:4px 0 16px}
  .user-directory-heading h1{font-size:27px}
  .user-directory-heading p{font-size:10px}
  .user-directory-panel{padding:11px}
  .user-directory-tabs{margin:0 -2px 12px}
  .user-directory-tab{padding:10px 9px;font-size:9px}
  .user-directory-toolbar{align-items:stretch;flex-direction:column;gap:8px}
  .user-directory-search{max-width:none;height:40px}
  .user-directory-page-size{justify-content:flex-end}
  .user-directory-register{grid-template-columns:1fr;padding:13px;gap:8px}
  .affiliate-register-grid{grid-template-columns:1fr}
  .user-directory-register .primary-button{width:100%}
  .user-directory-table{min-width:850px}
  .user-directory-table th,.user-directory-table td{padding:10px}
  .user-directory-pagination{align-items:flex-start;flex-direction:column}
  .user-directory-pagination nav{max-width:100%;flex-wrap:wrap}
}