/* Gaya input bersama untuk frontend: fokus yang jelas, dropdown, checkbox, dan kolom isian yang lebih rapi */
input,select,textarea{color-scheme:dark}

/* halaman provider: pencarian, urutan, checkbox */
.psearch{transition:box-shadow .15s,background .15s}
.psearch:focus-within{box-shadow:0 0 0 2px var(--primary);background:#43466a}
#psort{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;transition:box-shadow .15s;
  background:#23232f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cfd2ea' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
#psort:hover{background-color:#2b2b3a}
#psort:focus{outline:0;box-shadow:0 0 0 2px var(--primary)}
.pchk{cursor:pointer;user-select:none}
.pchk input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:7px;border:2px solid #4a4d6b;background:#1d1c29;display:grid;place-content:center;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;margin:0}
.pchk input:hover{border-color:var(--link)}
.pchk input:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(122,76,255,.45)}
.pchk input:checked{background:var(--primary);border-color:var(--primary)}
.pchk input::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px) scale(0);transition:transform .12s}
.pchk input:checked::after{transform:rotate(45deg) translate(-1px,-1px) scale(1)}

/* login / email / username / teman: transisi + cincin fokus */
.msign input,.lpanel .msign input,.uin input,.eform input,.fadd input{transition:border-color .15s,box-shadow .15s}
.msign input:focus,.lpanel .msign input:focus,.uin input:focus,.eform input:focus,.fadd input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(122,76,255,.28);outline:0}
.msign input::placeholder,.eform input::placeholder,.fadd input::placeholder{color:#6f728d}

/* pencarian di topbar & halaman Search */
.search,.spage .sbar{transition:box-shadow .15s,background .15s}
.search:focus-within,.spage .sbar:focus-within{box-shadow:0 0 0 2px var(--primary)}

/* penanda fokus keyboard yang konsisten */
a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* tombol pilih foto profil (input file): tampil sebagai lingkaran dengan ikon kamera + efek hover */
.pav{transition:filter .15s,box-shadow .15s}
.pav:hover{filter:brightness(1.08);box-shadow:0 0 0 3px rgba(122,76,255,.45)}