/* RGC Exports - Modern Admin Theme 2026 */

:root {
    --primary: #1e3a5f;
    --primary-light: #2d5a8e;
    --accent: #16a34a;
    --bg: #f4f5f7;
    --card: #ffffff;
    --text: #1a1d29;
    --text-muted: #6b7280;
    --border: #e5e7eb;
    --radius: 10px;
    --shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
}

/* Body */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    background: var(--bg) !important;
    color: var(--text) !important;
}

/* Header */
#header {
    background: var(--primary) !important;
    padding: 12px 24px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    border: none !important;
}

#header h1, #header h1 a {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: #fff !important;
}

#header #user-tools {
    font-size: 12px !important;
    font-weight: 500 !important;
}

#header #user-tools a {
    color: rgba(255,255,255,0.8) !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    transition: all 0.15s !important;
}

#header #user-tools a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.1) !important;
}

/* Breadcrumbs */
div.breadcrumbs {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    padding: 10px 18px !important;
    margin: 20px 24px 0 !important;
    font-size: 13px !important;
    color: var(--text-muted) !important;
    box-shadow: var(--shadow) !important;
}

div.breadcrumbs a {
    color: var(--primary) !important;
    font-weight: 600 !important;
}

/* Content area */
#content {
    padding: 24px !important;
}

#content h1 {
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: var(--text) !important;
    margin-bottom: 20px !important;
}

/* Module headers (section labels) */
.module h2, caption {
    background: var(--primary) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 10px 16px !important;
    border-radius: var(--radius) var(--radius) 0 0 !important;
    border: none !important;
}

/* Modules (cards) */
.module {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
}

/* Tables */
#content table {
    border-collapse: collapse !important;
}

table th {
    background: #f9fafb !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--text-muted) !important;
    padding: 10px 14px !important;
    border-bottom: 2px solid var(--border) !important;
}

table td {
    padding: 10px 14px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    color: var(--text) !important;
}

table tr:hover td {
    background: #f9fafb !important;
}

table a {
    color: var(--primary) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

table a:hover {
    color: var(--primary-light) !important;
    text-decoration: underline !important;
}

/* Change list */
#changelist {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#changelist-filter {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    padding: 16px !important;
}

#changelist-filter h2 {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: var(--text-muted) !important;
    padding: 0 0 8px !important;
    background: none !important;
    border-bottom: 1px solid var(--border) !important;
    margin-bottom: 8px !important;
}

#changelist-filter h3 {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--text) !important;
    margin: 10px 0 4px !important;
}

#changelist-filter li a {
    color: var(--text-muted) !important;
    font-size: 12px !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    display: block !important;
}

#changelist-filter li a:hover,
#changelist-filter li.selected a {
    background: var(--primary) !important;
    color: #fff !important;
}

/* Forms */
.form-row {
    padding: 12px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.form-row label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

input[type=text], input[type=email], input[type=url], input[type=password],
input[type=number], input[type=tel], textarea, select {
    border: 1px solid var(--border) !important;
    border-radius: 7px !important;
    padding: 9px 14px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: var(--text) !important;
    background: #fff !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
    width: 100% !important;
    max-width: 500px !important;
}

input:focus, textarea:focus, select:focus {
    outline: none !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(30,58,95,0.08) !important;
}

textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Buttons */
input[type=submit], .submit-row input, button, .addlink, .changelink,
.button, .default {
    font-family: inherit !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    padding: 9px 18px !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
    border: none !important;
    text-decoration: none !important;
}

input[type=submit], .submit-row input[type=submit], .default {
    background: var(--primary) !important;
    color: #fff !important;
}

input[type=submit]:hover, .submit-row input[type=submit]:hover {
    background: var(--primary-light) !important;
    transform: translateY(-1px) !important;
}

.deletelink {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

.addlink {
    color: var(--accent) !important;
    font-weight: 700 !important;
}

/* Submit row */
.submit-row {
    background: #f9fafb !important;
    border-top: 1px solid var(--border) !important;
    padding: 14px 20px !important;
    border-radius: 0 0 var(--radius) var(--radius) !important;
}

/* Dashboard app list */
#content-main .app-label,
table#app-list caption {
    background: var(--primary) !important;
}

.dashboard #content {
    padding: 24px !important;
}

/* Recent actions */
#recent-actions-module {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
}

#recent-actions-module h2 {
    background: none !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 16px 16px 8px !important;
    border-bottom: 1px solid var(--border) !important;
}

#recent-actions-module li {
    padding: 8px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    font-size: 13px !important;
}

#recent-actions-module .mini {
    font-size: 11px !important;
    color: var(--text-muted) !important;
}

/* Messages */
.messagelist li {
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: var(--radius) !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
}

.messagelist li.error {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border-color: #fecaca !important;
}

.messagelist li.warning {
    background: #fef9c3 !important;
    color: #854d0e !important;
    border-color: #fde047 !important;
}

/* Help text */
.help {
    font-size: 12px !important;
    color: var(--text-muted) !important;
    margin-top: 4px !important;
}

/* Pagination */
.paginator {
    padding: 12px 16px !important;
    font-size: 13px !important;
    color: var(--text-muted) !important;
    border-top: 1px solid var(--border) !important;
}

.paginator a {
    color: var(--primary) !important;
    font-weight: 600 !important;
}

/* Object tools (top right buttons) */
.object-tools a {
    background: var(--primary) !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 7px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.object-tools a:hover {
    background: var(--primary-light) !important;
}

/* Dark mode toggle - hide it */
[data-theme-toggle] { display: none !important; }

/* Search */
#searchbar {
    border: 1px solid var(--border) !important;
    border-radius: 7px !important;
    padding: 9px 14px !important;
    font-size: 14px !important;
    width: 300px !important;
}

#changelist-search input[type=submit] {
    margin-left: 8px !important;
}

/* Inline groups */
.inline-group h2 {
    background: #f9fafb !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid var(--border) !important;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    #content { padding: 16px !important; }
    #header { padding: 10px 16px !important; }
}