/* 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}.chat-form{flex-direction:column}.chat-form button{width:100%}.cgrid{grid-template-columns:1fr}}
.ep-teach{display:grid;grid-template-columns:1.2fr 1fr 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}