/* Ortak erişim ekranları mevcut panelin renk değişkenlerini kullanır. */
.access-admin .editor-section{padding:24px}.access-admin label{display:block;margin-bottom:18px}.access-admin .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.access-admin input:not([type=checkbox]),.access-admin select{width:100%;box-sizing:border-box;margin-top:8px}.access-admin .checkbox{display:flex;gap:10px;align-items:center}.access-admin .table-scroll{overflow-x:auto}.access-admin .catalog-status{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--light,#f2f3f6)}.access-admin .is-live{color:var(--deep,#234)}.access-admin small{display:block;margin-top:6px}.access-admin .page-heading{gap:16px;flex-wrap:wrap}@media(max-width:700px){.access-admin .field-grid{grid-template-columns:1fr}.access-admin .editor-section{padding:18px}}


/* Rol seçimi: ölçüler ortaktır; renkler projenin panel temasından alınır.
   Native select sayesinde klavye ve mobil seçim davranışı korunur. */
.access-admin select[name="role_id"] {
    display:block;
    min-height:48px;
    padding:12px 44px 12px 14px;
    border:1px solid var(--line, #d9e2ec);
    border-radius:8px;
    background-color:#fff;
    color:var(--deep, #243247);
    font:inherit;
    font-size:14px;
    line-height:1.5;
    appearance:none;
    /* İki küçük CSS üçgeni: ok rengi de tema değişkenini takip eder. */
    background-image:linear-gradient(45deg, transparent 50%, var(--purple, #243247) 50%), linear-gradient(135deg, var(--purple, #243247) 50%, transparent 50%);
    background-position:right 19px center, right 14px center;
    background-size:5px 5px;
    background-repeat:no-repeat;
    cursor:pointer;
    transition:border-color .15s ease, box-shadow .15s ease;
}
.access-admin select[name="role_id"]:hover {border-color:var(--purple, #243247)}
.access-admin select[name="role_id"]:focus {
    outline:2px solid var(--purple, #243247);
    outline-offset:2px;
    border-color:var(--purple, #243247);
    box-shadow:0 0 0 4px var(--light, #f2f3f6);
}
.access-admin select[name="role_id"] option {background:#fff;color:var(--deep, #243247)}
@media(max-width:700px) {
    .access-admin select[name="role_id"] {font-size:16px}
}
@media(forced-colors:active) {
    .access-admin select[name="role_id"] {appearance:auto;background-image:none}
}