.grv-access-notice { margin: 8px 12px 12px; color: #8a5a12; font-size: 12px; line-height: 1.45; }
#nexahrApp[data-v0-client][data-v0-grievance] .content { padding-top: 24px; }
@media (max-width: 760px) {
    #nexahrApp[data-v0-client][data-v0-grievance] .content { padding-top: 16px; }
}
#grievancePage #grvRegister { margin-top: 12px; }
#grievancePage .grv-stack { display: grid; gap: 16px; }
#grievancePage .grv-card,
#grievancePage .grv-state {
    background: #fff;
    border: 1px solid #d5e0ee;
    border-radius: 12px;
    padding: 16px;
}
#grievancePage .grv-state { color: #4d6484; }
#grievancePage .grv-card h2 {
    margin: 0 0 8px;
    color: #1c2430;
    font-size: 20px;
}
#grievancePage .grv-card p,
#grievancePage .grv-note { margin: 0; color: #3e4856; line-height: 1.55; }
#grievancePage .grv-form,
#grievancePage .grv-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; align-items: end; }
#grievancePage .grv-span { grid-column: 1 / -1; }
#grievancePage .grv-field { display: grid; gap: 6px; min-width: 0; }
#grievancePage .grv-field label { color: #3e4856; font-size: 13px; font-weight: 600; }
#grievancePage .grv-field input,
#grievancePage .grv-field select,
#grievancePage .grv-field textarea {
    width: 100%;
    min-height: 40px;
    border: 1px solid #d5e0ee;
    border-radius: 8px;
    padding: 8px 10px;
    color: #1c2430;
    background: #fff;
    font: inherit;
}
#grievancePage .grv-field textarea { min-height: 96px; resize: vertical; }
#grievancePage .grv-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
#grievancePage .grv-table-wrap { overflow-x: auto; max-width: 100%; }
#grievancePage .grv-card,
#grievancePage .grv-stack { min-width: 0; }
#grievancePage table { width: 100%; border-collapse: collapse; }
#grievancePage th,
#grievancePage td { text-align: left; padding: 10px 8px; border-bottom: 1px solid #edf1f6; vertical-align: top; }
#grievancePage th { color: #5c6775; font-size: 12px; font-weight: 600; }
#grievancePage .grv-metric { border: 1px solid #e6e8ec; border-radius: 10px; padding: 12px; background: #fff; }
#grievancePage .grv-metric span { display: block; color: #5c6775; font-size: 12px; }
#grievancePage .grv-metric strong { color: #1c2430; font-size: 22px; }
#grievancePage .grv-event { border-top: 1px solid #edf1f6; padding-top: 10px; margin-top: 10px; }
#grievancePage .grv-event small { color: #5c6775; }
#grievancePage .grv-internal { background: #f7f5fb; border-radius: 8px; padding: 8px; }
#grievancePage .grv-warning { color: #8a5a12; }
#grievancePage .grv-person,
#grievancePage .grv-inline { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 4px 0; }
#grievancePage .grv-inline select,
#grievancePage .grv-inline input { min-width: 0; max-width: 100%; }
@media (max-width: 760px) {
    #grievancePage .grv-form,
    #grievancePage .grv-metrics { grid-template-columns: 1fr; }
    #grievancePage .grv-actions { display: grid; }
    #grievancePage .grv-actions .btn,
    #grievancePage .grv-inline .btn { width: 100%; }
    #grievancePage .grv-inline { display: grid; }
    #grievancePage table,
    #grievancePage thead,
    #grievancePage tbody,
    #grievancePage tr,
    #grievancePage th,
    #grievancePage td { display: block; width: 100%; }
}