.qualification-section { margin: 32px 0; padding-top: 24px; border-top: 1px solid rgba(128,160,180,.25); }
.qualification-help { color: #8daabf; font-size: .9rem; line-height: 1.6; }
.qualification-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.qualification-fields label, .qualification-review-form label { display: flex; flex-direction: column; gap: 8px; font-size: .9rem; }
.qualification-fields .auth-input { width: 100%; min-width: 0; box-sizing: border-box; }
.qualification-form .btn-primary, .qualification-actions button { padding: 10px 18px; }
.qualification-file-label { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.qualification-file-label input { max-width: 100%; }
.qualification-list { display: grid; gap: 14px; margin: 24px 0; }
.qualification-item { padding: 18px; border: 1px solid rgba(128,160,180,.3); border-radius: 14px; min-width: 0; }
.qualification-item-heading { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.qualification-item-heading h3 { margin: 0; }
.qualification-status, .qualification-badge { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: .8rem; border: 1px solid currentColor; }
.status-pending { color: #b58526; }
.status-approved, .qualification-badge { color: #39886d; background: rgba(76,175,120,.09); }
.status-rejected, .status-revoked, .qualification-error { color: #d65a5a; }
.qualification-badges { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0; }
.post-author .qualification-badges, .profile-sidebar .qualification-badges { justify-content: center; }
.qualification-document, .qualification-note, .qualification-item p { overflow-wrap: anywhere; }
.qualification-note { white-space: pre-wrap; }
.qualification-document { color: #58bfff; }
.qualification-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 16px; }
.qualification-review-form { margin-top: 16px; }
.qualification-review-form textarea { width: 100%; box-sizing: border-box; margin-top: 8px; }
.qualification-filter { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.qualification-filter select { width: auto; }
html[data-theme="light"] .qualification-help { color: #536d80; }
html[data-theme="light"] .qualification-document { color: #176c92; }
@media(max-width: 700px) { .qualification-fields { grid-template-columns: 1fr; } .qualification-item { padding: 14px; } }
.qualification-admin { color: #e6f0ff; }
.admin-content-area .qualification-admin .qualification-help { color: #abc1d2 !important; }
.qualification-admin a, html[data-theme="light"] .qualification-admin .qualification-document { color: #72cdf4; }
.admin-content-area .qualification-admin .qualification-item-heading h3, .admin-content-area .qualification-admin label, .admin-content-area .qualification-admin p { color: #e6f0ff !important; }
.qualification-admin .status-approved { color: #76d3ab; }

/* Keep field titles on the same baseline; optional guidance belongs below inputs. */
.qualification-section .profile-section-title { text-align: left; margin: 0 0 16px; }
.qualification-section > .qualification-help { margin: 0 0 24px; max-width: 70ch; }
.qualification-fields { align-items: start; gap: 18px; }
.qualification-fields label { min-width: 0; line-height: 1.5; }
.qualification-fields .auth-input { height: 50px; margin: 0; font: inherit; }
.qualification-field-hint { font-size: .78rem; line-height: 1.5; color: #abc1d2; }
.qualification-file-label { margin-top: 24px; font-size: .9rem; }
.qualification-file-label input[type="file"] {
    display: block; width: 100%; min-width: 0; box-sizing: border-box;
    padding: 12px; border: 1px dashed #63859e; border-radius: 12px;
    background: rgba(50,74,94,.35); color: #e6f0ff; font: inherit;
}
.qualification-file-label input::file-selector-button {
    margin-right: 12px; padding: 10px 16px; border: 1px solid #63859e;
    border-radius: 8px; background: #324a5e; color: #fff; font: inherit; cursor: pointer;
}
.qualification-file-label input::file-selector-button:hover { background: #3b566d; }
.qualification-file-label input:focus-visible { outline: 2px solid #58bfff; outline-offset: 3px; }
.qualification-form > .qualification-help { margin: 12px 0 20px; }
.qualification-form > .btn-primary { min-height: 44px; }
html[data-theme="light"] .qualification-field-hint { color: #536d80; }
html[data-theme="light"] .qualification-file-label input[type="file"] { background: #f1f8fc; color: #193c51; border-color: #8bb5cb; }
html[data-theme="light"] .qualification-file-label input::file-selector-button { background: #deeff8; color: #193c51; border-color: #8bb5cb; }
@media (max-width: 1000px) {
    .qualification-fields { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 480px) {
    .qualification-form > .btn-primary { width: 100%; }
    .qualification-file-label input[type="file"] { font-size: .8rem; }
    .qualification-file-label input::file-selector-button { padding: 9px 10px; margin-right: 8px; }
}