/* Komponen tambahan ExpertPool — memakai variabel tema dari style.css */
.ep-inline{display:inline;margin:0}.ep-inline .goldbtn{cursor:pointer}
.ep-flash{max-width:900px;margin:16px auto 0;padding:12px 16px;border-radius:8px;font-size:13px;border:1px solid}
.ep-ok{background:#18231d;border-color:#3c6447;color:#9ed0a8}.ep-err{background:#2a1a1a;border-color:#7a3b3b;color:#f0a8a8}.ep-info{background:#171d24;border-color:#3b5470;color:#a8c8f0}
.ep-alert{padding:11px 14px;border-radius:7px;font-size:12px;border:1px solid;margin:14px 0}
.light .ep-ok{background:#e8f5ec;color:#25623a;border-color:#a9d4b6}.light .ep-err{background:#fdecec;color:#8b2a2a;border-color:#e3b0b0}.light .ep-info{background:#e9f1fb;color:#26507e;border-color:#b3cbe6}
.ep-captcha{display:block}.ep-captcha input{max-width:120px}
.ep-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px}.ep-links a{color:var(--gold)}
.ep-btn-full{width:100%;margin-top:10px;cursor:pointer;text-align:center}
.formbox select{display:block;width:100%;margin-top:7px;background:#090c0e;border:1px solid #42494d;color:#fff;border-radius:6px;padding:12px;font:inherit;font-size:12px}
.light .formbox select{background:#f7f8f7;color:#182027;border-color:#c8ced0}
.ep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}
.ep-stat{background:#11161a;border:1px solid #30373c;border-radius:10px;padding:18px}.ep-stat b{display:block;font-size:28px;color:var(--gold)}.ep-stat span{font-size:11px;color:#9aa1a4}
.light .ep-stat{background:#fff;border-color:#d9dddf}
.ep-pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;border:1px solid #495158;color:#d5d8d8}
.ep-pill.gold{border-color:#bd8c4e;color:#e6bf81}.ep-pill.ok{border-color:#3c6447;color:#9ed0a8}.ep-pill.warn{border-color:#7a6a3b;color:#f0d8a8}.ep-pill.bad{border-color:#7a3b3b;color:#f0a8a8}
.light .ep-pill{color:#394248}
.ep-table{width:100%;border-collapse:collapse;font-size:12px}.ep-table th,.ep-table td{text-align:left;padding:9px 8px;border-bottom:1px solid #2a3034;vertical-align:top}.ep-table th{color:#9aa1a4;font-size:10px;letter-spacing:1px}
.light .ep-table th,.light .ep-table td{border-color:#e1e5e6}
.ep-check-ok{color:#9ed0a8}.ep-check-bad{color:#f0a8a8}.ep-check-warn{color:#f0d8a8}
.dash{max-width:1100px;margin:0 auto;padding:40px 22px}
.dash h1{font-size:30px;margin:6px 0 4px}
@media(max-width:640px){.formpage{padding:24px 14px}.formbox{padding:24px 18px}.two{grid-template-columns:1fr}}
.ep-table td{overflow-wrap:anywhere}.panel{overflow-x:auto}
@media(max-width:640px){footer{flex-wrap:wrap;gap:12px}footer img{margin-left:0!important}.dash{padding:28px 14px}}
.light .panel p,.light .panel li{color:#4a555b}.light .ep-check-warn{color:#a8741a}.light .ep-check-ok{color:#2e7d4a}.light .ep-check-bad{color:#b53a3a}.light .ep-pill.ok{color:#2e7d4a}.light .ep-pill.warn{color:#8a6410}.light .ep-pill.bad{color:#b53a3a}.light .ep-stat span{color:#5d686e}
.light footer img{filter:brightness(.38) contrast(1.25);opacity:1!important}
/* ---- Fase 2: form profil, persetujuan, foto, kelengkapan ---- */
.ep-consents{border:1px solid #30373c;border-radius:10px;padding:14px 16px;margin:18px 0}.ep-consents legend{padding:0 8px;font-weight:700;font-size:13px;color:var(--gold)}
.ep-consent{display:flex!important;gap:10px;align-items:flex-start;margin:10px 0!important;font-weight:400!important;line-height:1.5;font-size:12px!important}
.formbox .ep-consent input,.ep-consent input{width:auto!important;margin:3px 0 0!important;flex:none;accent-color:var(--gold)}.ep-consent a{color:var(--gold);text-decoration:underline}
.ep-req{color:var(--gold)}.ep-fine{font-size:11px;color:#8f9699;line-height:1.5}
.light .ep-fine{color:#69737a}.light .ep-consents{border-color:#d9dddf}
.ep-meter{height:8px;background:#232a2e;border-radius:6px;overflow:hidden;margin:18px 0 6px}.ep-meter-bar{height:100%;background:linear-gradient(90deg,#c99758,#f0c989);border-radius:6px;transition:width .3s}
.light .ep-meter{background:#e1e5e6}
.ep-photo-row{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.ep-photo-row img{width:160px;height:200px;object-fit:cover;border-radius:10px;border:1px solid #343b3f;background:#171c20}
.ep-form label{display:block;font-size:11px;font-weight:700;margin:14px 0;color:#cdd1d2}.light .ep-form label{color:#3a444a}
.ep-form input:not([type=checkbox]),.ep-form textarea,.ep-form select{display:block;width:100%;margin-top:7px;background:#090c0e;border:1px solid #42494d;color:#fff;border-radius:6px;padding:11px;font:inherit;font-size:12px}
.light .ep-form input:not([type=checkbox]),.light .ep-form textarea,.light .ep-form select{background:#f7f8f7;color:#182027;border-color:#c8ced0}
.ep-form h2{margin-top:26px}.ep-fs{border:1px solid #30373c;border-radius:8px;padding:10px 14px}.ep-fs legend{font-size:11px;font-weight:700;padding:0 6px;color:#cdd1d2}.light .ep-fs{border-color:#d9dddf}.light .ep-fs legend{color:#3a444a}
.ep-form .check{margin:5px 0;font-weight:400}.ep-form .check input{width:auto;margin:0}
.ep-rows{display:grid;gap:10px}.ep-row{display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1.4fr 34px;gap:8px;align-items:center}.ep-row3{grid-template-columns:1.3fr 1.3fr .6fr 34px}
.ep-row input{margin:0!important}.ep-x{background:none;border:1px solid #495158;color:#d5d8d8;border-radius:6px;height:36px;cursor:pointer;font-size:18px}
.ep-add{background:none;border:1px dashed #6b6350;color:var(--gold);border-radius:8px;padding:9px 14px;margin-top:10px;cursor:pointer;font-size:12px}
.ep-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.ep-secondary{background:transparent!important;border:1px solid #bd8c4e!important;color:#e6bf81!important}.light .ep-secondary{color:#8a5f26!important}
.ep-chip-x{background:none;border:0;color:inherit;cursor:pointer;font-size:14px;padding:0 0 0 4px}
.ep-avail{color:#7ed39a}.light .ep-avail{color:#2e7d4a}
.ep-legal h2{font-size:17px;margin:26px 0 6px;color:var(--gold)}.ep-legal p,.ep-legal li{color:var(--muted);line-height:1.75;font-size:14px}.ep-legal{max-width:820px}
@media(max-width:760px){.ep-row,.ep-row3{grid-template-columns:1fr 34px}.ep-row input{grid-column:1}.ep-row .ep-x{grid-column:2;grid-row:1}.ep-photo-row img{width:120px;height:150px}}
/* perbaikan tampilan hasil review screenshot */
.ep-form .check{display:flex!important;align-items:center;gap:8px;margin:6px 0!important}
.ep-photo-row>div{flex:1 1 280px;min-width:0}
footer .ep-flinks{display:flex;gap:14px}footer .ep-flinks a{color:inherit;text-decoration:underline;opacity:.85}
@media(max-width:640px){footer{flex-direction:column;align-items:flex-start;gap:10px}footer img{margin-left:0!important}}

/* ---- Fase 3: panel admin, kolaborasi ---- */
.ep-subnav{display:flex;flex-wrap:wrap;gap:4px;max-width:1100px;margin:18px auto 0;padding:0 22px}
.ep-subnav a{padding:8px 14px;border:1px solid #333b3f;border-radius:20px;font-size:12px;color:#cdd1d2}
.ep-subnav a.on,.ep-subnav a:hover{border-color:#bd8c4e;color:#e6bf81}
.ep-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.ep-tabs a{padding:7px 13px;border:1px solid #333b3f;border-radius:6px;font-size:12px;color:#cdd1d2}.ep-tabs a small{opacity:.65;margin-left:4px}
.ep-tabs a.on{border-color:#bd8c4e;color:#e6bf81;background:rgba(189,140,78,.08)}
.ep-search{display:flex;gap:8px;margin:0 0 16px;max-width:560px}.ep-search input,.ep-search select{flex:1;background:#090c0e;border:1px solid #42494d;color:#fff;border-radius:6px;padding:10px;font:inherit;font-size:12px}
.ep-review{margin-bottom:14px}.ep-rev-head{display:flex;gap:14px;align-items:flex-start}.ep-rev-head img{border-radius:6px;object-fit:cover;flex:none;width:56px;height:70px}
.ep-review h3{margin:0 0 4px;font-size:16px}.ep-review p{margin:4px 0;font-size:12px}.ep-bio{color:#b4babc}
.ep-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.ep-actions .goldbtn,.ep-btn{cursor:pointer;font-size:12px;padding:8px 14px}
.ep-more{margin-top:12px}.ep-more summary{cursor:pointer;color:var(--gold);font-size:12px}.ep-more textarea{display:block;width:100%;margin:8px 0;background:#090c0e;border:1px solid #42494d;color:#fff;border-radius:6px;padding:10px;font:inherit;font-size:12px}
.ep-danger{background:#7a3b3b!important;color:#fff!important;border-color:#7a3b3b!important}.ep-danger-t{color:#f0a8a8!important;border-color:#7a3b3b!important}
.ep-pager{display:flex;gap:6px;margin:16px 0}.ep-pager a{padding:6px 11px;border:1px solid #333b3f;border-radius:6px;font-size:12px}.ep-pager a.on{border-color:#bd8c4e;color:#e6bf81}
.ep-perms{border:1px solid #333b3f;border-radius:8px;margin:14px 0;padding:6px 14px 12px}.ep-perms legend{font-size:11px;color:#9aa1a4;padding:0 6px}
.light .ep-subnav a,.light .ep-tabs a,.light .ep-pager a{border-color:#c8ced0;color:#394248}.light .ep-search input,.light .ep-search select,.light .ep-more textarea{background:#f7f8f7;color:#182027;border-color:#c8ced0}.light .ep-bio{color:#4a555b}.light .ep-perms{border-color:#d9dddf}
@media(max-width:640px){.ep-subnav{padding:0 14px}.ep-rev-head{flex-direction:column}}
.ep-actions .login.ep-btn,.ep-more .login.ep-btn{background:transparent;color:inherit;border:1px solid #42494d;border-radius:6px;font:inherit}.light .ep-actions .login.ep-btn,.light .ep-more .login.ep-btn{border-color:#c8ced0;color:#394248}

/* ---- Keterbacaan (ukuran huruf lebih nyaman) ---- */
.dash{font-size:14px}.dash p,.dash li{font-size:14px;line-height:1.6}.dash .ep-fine,.ep-fine{font-size:12.5px}
.ep-stat{padding:20px}.ep-stat b{font-size:32px;margin-bottom:4px}.ep-stat span{font-size:13px}
.ep-pill{font-size:11.5px;padding:3px 10px}
.ep-table{font-size:13.5px}.ep-table th{font-size:11.5px}.ep-table th,.ep-table td{padding:11px 10px}
.panel h2{font-size:18px;margin:0 0 12px}.ep-review h3{font-size:17px}.ep-review p{font-size:13.5px}
.ep-actions .goldbtn,.ep-btn,.ep-actions .login{font-size:13px;padding:9px 16px}
.ep-subnav a,.ep-tabs a,.ep-pager a{font-size:13px}.ep-search input,.ep-search select,.ep-more textarea{font-size:14px}
.ep-form label{font-size:13px}.ep-consent{font-size:13px!important;line-height:1.55}
.ep-consents legend{font-size:15px}

/* ---- Direktori: filter ganda, chip aktif, pagination ---- */
.ep-scroll{max-height:230px;overflow:auto;padding-right:6px;scrollbar-width:thin}
.ep-moreopts summary{cursor:pointer;color:var(--gold);font-size:12px;margin:6px 0}
.ep-open{margin:10px 0 4px!important}
.ep-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border:1px solid var(--line);border-top:0;background:#0f1316}
.ep-chips a{padding:5px 11px;border:1px solid #bd8c4e;color:#e6bf81;border-radius:20px;font-size:12px}.ep-chips a b{margin-left:4px;opacity:.8}
.ep-chips a.ep-chip-reset{border-color:#42494d;color:#9aa1a4}
.ep-empty{padding:50px 24px;text-align:center;border:1px solid var(--line);border-top:0;background:#0f1316}.ep-empty h3{margin:0 0 6px}.ep-empty p{color:#9aa1a4}
.ep-pager-lg{justify-content:center;margin:26px 0 8px}.ep-pager-lg a{min-width:38px;text-align:center;padding:9px 12px;font-size:14px}.ep-pager .gap{padding:9px 4px;color:#7d868a}
.ep-demo{color:#9aa1a4;font-size:11px;border:1px solid #42494d;border-radius:10px;padding:1px 7px}
.light .ep-chips,.light .ep-empty{background:#fff}.light .ep-chips a{color:#8a5a1d}
@media(max-width:760px){.profilehero{grid-template-columns:minmax(0,1fr);gap:20px}.profilehero>img{width:100%;max-width:280px;height:auto;aspect-ratio:280/330}.profilehero h1{font-size:30px;overflow-wrap:anywhere}.profilegrid{grid-template-columns:minmax(0,1fr)}.profilepage{padding-left:16px;padding-right:16px}}

/* ---- Kotak chat ---- */
.chatwrap{max-width:1450px;margin:0 auto;padding:22px 20px 0}
.chat{background:linear-gradient(180deg,#12171a,#0e1215);border:1px solid #3a3326;border-radius:14px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.chat-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.chat-head h2{margin:0;font-size:20px}.chat-head h2 em{color:var(--gold);font-style:normal}.chat-head small{color:#8f9699;font-size:12.5px}
.chat-log{max-height:460px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:6px 2px 10px;scrollbar-width:thin}
.chat-log:empty{display:none}
.cb{max-width:min(860px,96%);border-radius:12px;padding:11px 14px;font-size:14px;line-height:1.55}.cb p{margin:0}
.cb.user{align-self:flex-end;background:rgba(214,169,109,.14);border:1px solid #6b5630;color:#f4e6cf}
.cb.bot{align-self:flex-start;background:#161c20;border:1px solid #2c343a;color:#d9dddd}.cb.err{border-color:#7a3b3b;color:#f0a8a8}.cb.wait{color:#8f9699;font-style:italic}
.cchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;align-items:center}.cchips small{color:#8f9699;font-size:11.5px}
.cchips span{font-size:12px;border:1px solid #6b5630;color:#e6bf81;border-radius:20px;padding:2px 10px}.cchips span.neg{border-color:#7a3b3b;color:#f0a8a8}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;margin-top:12px}
.cc{display:flex;gap:11px;background:#0f1417;border:1px solid #2c343a;border-radius:10px;padding:10px;color:inherit;text-decoration:none}.cc:hover{border-color:#bd8c4e}
.cc img{width:44px;height:55px;object-fit:cover;border-radius:6px;flex:none;background:#171c20}.ccb{min-width:0}.ccb b{display:block;font-size:13.5px;overflow-wrap:anywhere}
.cct,.ccl{display:block;font-size:12px;color:#9aa1a4;overflow-wrap:anywhere}.cctags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.cctags i{font-style:normal;font-size:10.5px;border:1px solid #3a4248;border-radius:10px;padding:1px 7px;color:#b4babc}
.cctags i.ok{border-color:#3c6447;color:#9ed0a8}.cctags i.demo{color:#8f9699}
.clink{display:inline-block;margin-top:10px;color:var(--gold);font-size:13px;font-weight:700}
.csug{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.csug button,.chat-sug button{background:transparent;border:1px solid #42494d;color:#cdd1d2;border-radius:20px;padding:6px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.csug button:hover,.chat-sug button:hover{border-color:#bd8c4e;color:#e6bf81}
.chat-sug{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.chat-sug[hidden]{display:none}
.chat-form{display:flex;gap:10px;margin-top:12px}.chat-form input{flex:1;min-width:0;background:#090c0e;border:1px solid #42494d;color:#fff;border-radius:8px;padding:14px 16px;font:inherit;font-size:15px}
.chat-form input:focus{outline:2px solid #bd8c4e;border-color:#bd8c4e}.chat-form button{cursor:pointer;white-space:nowrap}.chat-form button:disabled{opacity:.6;cursor:wait}
.chat-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:11.5px;color:#7d868a}.chat-foot button{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;font-size:11.5px}
.light .chat{background:#fff;border-color:#e0d4bd}.light .cb.bot{background:#f5f6f4;border-color:#d9dddf;color:#2a343a}.light .cb.user{color:#5a3d12;background:#f7ecd9}.light .cc{background:#fafaf9;border-color:#d9dddf}
.light .chat-form input{background:#f7f8f7;color:#182027;border-color:#c8ced0}.light .csug button,.light .chat-sug button{border-color:#c8ced0;color:#394248}.light .cchips span{color:#8a5a1d}
@media(max-width:640px){.chatwrap{padding:14px 12px 0}.chat{padding:14px}.cgrid{grid-template-columns:1fr}}
.ep-teach{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) auto;gap:12px;align-items:end;margin:10px 0}.ep-teach label{margin:0}.ep-teach .goldbtn{height:42px;padding:0 18px}
.ep-bars{display:flex;gap:6px;align-items:flex-end;height:130px}.ep-bars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.ep-bars i{display:block;width:100%;background:linear-gradient(#d6a96d,#9a6f35);border-radius:3px 3px 0 0}.ep-bars small{font-size:10px;color:#8f9699}
@media(max-width:760px){.ep-teach{grid-template-columns:1fr}}
.chat-reset,#chatReset{white-space:nowrap}

.ep-teach>*{min-width:0}.panel,.dash{overflow-wrap:anywhere}.ep-form select{max-width:100%}@media(max-width:1100px){.ep-teach{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ep-teach .goldbtn{grid-column:1/-1}}

/* ---- Chat KaKSEO: tampilan percakapan ---- */
.chat-head{flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid #2a3136}
.chat-av,.cb.bot::before{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#e6bf81,#b58442);color:#1a1409;font-weight:800}
.chat-av{width:42px;height:42px;font-size:19px;flex:none}
.chat-id{min-width:0;flex:1}.chat-id h2{margin:0;font-size:17px;line-height:1.2}.chat-id small{display:flex;align-items:center;gap:6px;color:#8f9699;font-size:12px;line-height:1.4}
.chat-id .dot{width:8px;height:8px;border-radius:50%;background:#4fbf7a;flex:none;box-shadow:0 0 0 3px rgba(79,191,122,.18)}
.chat-head .chat-reset{margin-left:auto;flex:none;background:none;border:1px solid #42494d;color:#cdd1d2;border-radius:20px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer}.chat-head .chat-reset:hover{border-color:#bd8c4e;color:#e6bf81}
.chat-log{display:flex!important;min-height:120px;max-height:520px;padding:14px 4px 10px;gap:14px}
.cb.bot{position:relative;margin-left:42px;border-radius:4px 14px 14px 14px}
.cb.bot::before{content:"K";position:absolute;left:-42px;top:0;width:30px;height:30px;font-size:14px}
.cb.user{border-radius:14px 4px 14px 14px}
.cb.bot.wait{padding:14px 16px;font-style:normal}.dots{display:inline-flex;gap:5px;align-items:center}.dots i{width:7px;height:7px;border-radius:50%;background:#8f9699;animation:cdot 1.1s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes cdot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
@media(prefers-reduced-motion:reduce){.dots i{animation:none;opacity:.7}}
.chat-sug{margin:12px 0 2px}
.chat-form{align-items:center;gap:8px;margin-top:10px;background:#090c0e;border:1px solid #42494d;border-radius:28px;padding:5px 5px 5px 8px}
.chat-form:focus-within{border-color:#bd8c4e;box-shadow:0 0 0 3px rgba(189,140,78,.2)}
.chat-form input{border:0!important;background:transparent!important;border-radius:0;padding:10px 12px;outline:none!important}
.chat-send{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(145deg,#e6bf81,#b58442);color:#1a1409;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat-send:hover{filter:brightness(1.08)}.chat-send:disabled{opacity:.55;cursor:wait}
.chat-foot{justify-content:center;text-align:center}
.light .chat-head{border-color:#e6dfd0}.light .chat-form{background:#f7f8f7;border-color:#c8ced0}.light .chat-id small{color:#6b7479}.light .chat-head .chat-reset{border-color:#c8ced0;color:#394248}
@media(max-width:640px){.chat-id small{font-size:11px}.cb.bot{margin-left:36px}.cb.bot::before{left:-36px;width:26px;height:26px;font-size:12px}.chat-av{width:38px;height:38px}}

/* Avatar KaKSEO (SVG orisinal, base64) */
:root{--kak-av:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJnIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjNkOWE0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjYzk5NjRmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImhqIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjN2ZiNWFkIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNGY4Zjg5Ii8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImMiPjxjaXJjbGUgY3g9IjY0IiBjeT0iNjQiIHI9IjY0Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj48cmVjdCB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgZmlsbD0idXJsKCNiZykiLz48cGF0aCBkPSJNNiAxMjhjMi0yMiAxOC0zNCAzNi0zOGwyMiA4IDIyLThjMTggNCAzNCAxNiAzNiAzOHoiIGZpbGw9IiMzMzQyNGEiLz48cGF0aCBkPSJNNDQgOTJsMjAgMTAgMjAtMTAgNiA2LTI2IDE0LTI2LTE0eiIgZmlsbD0iIzJhMzYzZCIvPjxwYXRoIGQ9Ik01OCAxMDR2MTRNNzAgMTA0djE0IiBzdHJva2U9IiNlOWUyZDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTMwIDg0YzYgMTAgMjAgMjAgMzQgMjBzMjgtMTAgMzQtMjBjNCAxMCAyIDIyLTYgMzAtOCA1LTE4IDYtMjggNnMtMjAtMS0yOC02Yy04LTgtMTAtMjAtNi0zMHoiIGZpbGw9InVybCgjaGopIi8+PHBhdGggZD0iTTU0IDgyaDIwdjE0YzAgNS00IDgtMTAgOHMtMTAtMy0xMC04eiIgZmlsbD0iI2M5OGY2MiIvPjxwYXRoIGQ9Ik02NCAxNGMtMjMgMC0zOCAxNy0zOCA0MCAwIDE0IDQgMjcgMTIgMzYgOCA4IDE3IDEzIDI2IDEzczE4LTUgMjYtMTNjOC05IDEyLTIyIDEyLTM2IDAtMjMtMTUtNDAtMzgtNDB6IiBmaWxsPSJ1cmwoI2hqKSIvPjxlbGxpcHNlIGN4PSI2NCIgY3k9IjYwIiByeD0iMjQiIHJ5PSIyOCIgZmlsbD0iI2RiYTU3NyIvPjxwYXRoIGQ9Ik00MCA1MmMyLTE3IDEyLTI2IDI0LTI2czIyIDkgMjQgMjZjLTQtOS0xMi0xNC0yNC0xNHMtMjAgNS0yNCAxNHoiIGZpbGw9IiM1ZDliOTQiLz48cGF0aCBkPSJNNDcgNTJxNi00IDEyLTFNNjkgNTFxNi0zIDEyIDEiIHN0cm9rZT0iIzNhMmEyMCIgc3Ryb2tlLXdpZHRoPSIyLjQiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxlbGxpcHNlIGN4PSI1NCIgY3k9IjYxIiByeD0iMi42IiByeT0iMy4yIiBmaWxsPSIjMmExZDE2Ii8+PGVsbGlwc2UgY3g9Ijc0IiBjeT0iNjEiIHJ4PSIyLjYiIHJ5PSIzLjIiIGZpbGw9IiMyYTFkMTYiLz48Y2lyY2xlIGN4PSI1NSIgY3k9IjU5LjgiIHI9Ii45IiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iNzUiIGN5PSI1OS44IiByPSIuOSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNyA2NEMyNSAzMCA0MiAxMiA2NCAxMnMzOSAxOCAzNyA1MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmMyYTMzIiBzdHJva2Utd2lkdGg9IjQuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHJlY3QgeD0iMjEiIHk9IjU1IiB3aWR0aD0iMTEiIGhlaWdodD0iMjIiIHJ4PSI1LjUiIGZpbGw9IiMyYzJhMzMiLz48cmVjdCB4PSI5NiIgeT0iNTUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIyMiIgcng9IjUuNSIgZmlsbD0iIzJjMmEzMyIvPjxyZWN0IHg9IjIzLjUiIHk9IjU4IiB3aWR0aD0iNCIgaGVpZ2h0PSIxNiIgcng9IjIiIGZpbGw9IiNjOTk2NGYiLz48cmVjdCB4PSIxMDAuNSIgeT0iNTgiIHdpZHRoPSI0IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iI2M5OTY0ZiIvPjxwYXRoIGQ9Ik0xMDIgNzZjMCAxMi0xMCAxNi0yNCAxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmMyYTMzIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxlbGxpcHNlIGN4PSI3NSIgY3k9IjkwIiByeD0iNC42IiByeT0iMy4yIiBmaWxsPSIjMmMyYTMzIi8+PGcgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwuMTgpIiBzdHJva2U9IiMyYzJhMzMiIHN0cm9rZS13aWR0aD0iMi4yIj48Y2lyY2xlIGN4PSI1NCIgY3k9IjYxIiByPSI5LjYiLz48Y2lyY2xlIGN4PSI3NCIgY3k9IjYxIiByPSI5LjYiLz48L2c+PHBhdGggZD0iTTQ0LjQgNTkuNSAzOS41IDU3TTgzLjYgNTkuNSA4OC41IDU3IiBzdHJva2U9IiMyYzJhMzMiIHN0cm9rZS13aWR0aD0iMi4xIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNNDUuNSA1NnEzLTMgNy0zLjIiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii42IiBzdHJva2Utd2lkdGg9IjEuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTYzIDY5cTEgMyAzLjUgMi42IiBzdHJva2U9IiNiOTdmNTUiIHN0cm9rZS13aWR0aD0iMS44IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48ZWxsaXBzZSBjeD0iNDYiIGN5PSI3MiIgcng9IjUiIHJ5PSIzIiBmaWxsPSIjZTk4NzZiIiBvcGFjaXR5PSIuMzUiLz48ZWxsaXBzZSBjeD0iODIiIGN5PSI3MiIgcng9IjUiIHJ5PSIzIiBmaWxsPSIjZTk4NzZiIiBvcGFjaXR5PSIuMzUiLz48cGF0aCBkPSJNNTUgNzdxOSA5IDE4IDAiIHN0cm9rZT0iIzhmM2IzYiIgc3Ryb2tlLXdpZHRoPSIyLjYiIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik01NyA3OC41cTcgNSAxNCAwIiBmaWxsPSIjZmZmIiBzdHJva2U9Im5vbmUiLz48cGF0aCBkPSJNMTQgMTI4IDIwIDEwNGMuNS0zIDMtNSA2LTVoNzZjMyAwIDUuNTAwIDIgNiA1bDYgMjR6IiBmaWxsPSIjMWYyYTMwIi8+PHBhdGggZD0iTTI0IDEyOCAyOCAxMDhoNzJsNCAyMHoiIGZpbGw9IiMyYjNhNDIiLz48Y2lyY2xlIGN4PSI2NCIgY3k9IjExOCIgcj0iMyIgZmlsbD0iI2M5OTY0ZiIgb3BhY2l0eT0iLjgiLz48L2c+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iNjIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYTg3NzMyIiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=")}
.chat-av,.cb.bot::before{background:var(--kak-av) center/cover no-repeat!important;color:transparent!important;font-size:0!important;border:0}
.chat-av{box-shadow:0 0 0 2px rgba(214,169,109,.5)}

/* Penanda persetujuan admin (perisai centang, tanpa teks) */
:root{--rv-ic:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTEyIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMWY5ZDNhIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMGM3YTJhIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImcyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMmZiZjRhIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTBhMzM2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTUwIDMgOTIgMTd2MzZjMCAyOC0xNyA0Ny00MiA1NkMyNSAxMDAgOCA4MSA4IDUzVjE3eiIgZmlsbD0iIzBiNmIyNyIvPjxwYXRoIGQ9Ik01MCA5IDg2IDIxdjMyYzAgMjQtMTQgNDEtMzYgNDlDMjggOTQgMTQgNzcgMTQgNTNWMjF6IiBmaWxsPSIjZDdmNWRkIi8+PHBhdGggZD0iTTUwIDE1IDgwIDI1djI4YzAgMjAtMTIgMzQtMzAgNDJDMzIgODcgMjAgNzMgMjAgNTNWMjV6IiBmaWxsPSJ1cmwoI2cxKSIvPjxwYXRoIGQ9Ik01MCAxNSA4MCAyNXYyOGMwIDIwLTEyIDM0LTMwIDQyVjE1eiIgZmlsbD0idXJsKCNnMikiIG9wYWNpdHk9Ii44NSIvPjxwYXRoIGQ9Ik0zMiA1NWwxMSAxMSAyNS0yNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=")}
.rv{display:inline-block;width:20px;height:22px;background:var(--rv-ic) center/contain no-repeat;vertical-align:-4px;flex:none}
.rv-card{position:absolute;top:8px;right:8px;width:24px;height:27px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));z-index:2}
.profilehero h1 .rv{width:24px;height:27px;margin-left:8px;vertical-align:-2px}
.cctags .rv{width:14px;height:16px;vertical-align:-3px;margin-right:2px}

/* ---- Formulir profil Fase 7: pulldown, chip, baris berulang ---- */
[hidden]{display:none!important}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ep-field{min-width:0}.ep-lbl{display:block;font-size:13px;font-weight:700;margin:14px 0 7px;color:#cdd1d2}.light .ep-lbl{color:#3a444a}
.ep-form h2 small{font-size:12px;font-weight:400}
.mp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:4px}
.mp-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid #6b5630;color:#e6bf81;background:rgba(214,169,109,.1);border-radius:20px;padding:3px 4px 3px 11px;font-size:12.5px}
.light .mp-chip{color:#7a5217;background:#f7ecd9}
.mp-chip .ep-chip-x{background:none;border:0;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0 6px}
.mp-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mp-add select{flex:1 1 220px;margin-top:0!important}
.mp-otherbox{display:flex;gap:8px;flex:1 1 220px}.mp-otherbox input{margin-top:0!important}
.ep-form .ep-gender-consent{align-self:end;font-size:12.5px;font-weight:400}
.ep-note{margin:18px 0 6px;padding:10px 12px;border-left:3px solid #6b5630;background:rgba(214,169,109,.06);border-radius:0 6px 6px 0}
.ep-row select{display:block;width:100%;margin-top:0;background:#090c0e;border:1px solid #42494d;color:#fff;border-radius:6px;padding:11px;font:inherit;font-size:12px}
.light .ep-row select{background:#f7f8f7;color:#182027;border-color:#c8ced0}
.ep-row-exp{grid-template-columns:1.1fr 1.1fr 84px 96px 1.3fr 34px}
.ep-row-edu{grid-template-columns:96px 1.2fr 1.4fr 90px 34px}
.ep-row-lang{grid-template-columns:1.6fr 1fr 34px}
.ep-row-cert{grid-template-columns:1.8fr 1.3fr 90px 34px}
@media(max-width:900px){.three{grid-template-columns:1fr}}
@media(max-width:760px){
  .ep-row-exp,.ep-row-edu,.ep-row-lang,.ep-row-cert{grid-template-columns:1fr 34px}
  .ep-row select,.ep-row .ep-pair{grid-column:1}
}

.ep-pair{display:grid;gap:6px;min-width:0}.ep-pair .ep-other{margin-top:0}
.ep-form h2{margin-top:38px}.ep-add{margin-top:10px}

.ep-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:6px 0 4px;font-size:13.5px}.ep-facts dt{color:#8f9699}.ep-facts dd{margin:0}
.ep-legend{display:flex;align-items:center;gap:8px;margin:6px 0 14px}.ep-legend .rv{width:16px;height:18px;vertical-align:middle}
.ep-note .rv{width:16px;height:18px;vertical-align:-4px}
.ep-facts{margin-bottom:22px}
/* Ikon mata kata sandi */
.pw{position:relative;display:block}
.pw input{width:100%;padding-right:46px;box-sizing:border-box}
.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:8px;color:var(--muted,#9aa4b2);cursor:pointer;padding:0}
.pw-eye:hover{color:var(--gold,#d4a73a)}
.pw-eye:focus-visible{outline:2px solid var(--gold,#d4a73a);outline-offset:1px}
