/*
 * Tezeon Admin Theme
 * Brand colors: primary teal #0D9488, dark navy #0F172A, accent orange #F97316
 */

:root {
  --primary:          #0D9488;
  --primary-dark:     #0F766E;
  --primary-light:    #CCFBF1;
  --accent:           #F97316;
  --accent-dark:      #EA580C;
  --nav-bg:           #0F172A;
  --nav-text:         #CBD5E1;
  --nav-hover:        #1E293B;
  --nav-selected:     #0D9488;
  --link:             #0D9488;
  --link-hover:       #0F766E;
  --header-bg:        #0F172A;
  --header-text:      #F8FAFC;
  --button-bg:        #0D9488;
  --button-text:      #FFFFFF;
  --button-hover:     #0F766E;
}

/* ── Header / branding ───────────────────────────────────────────────────── */

#header {
  background: var(--nav-bg) !important;
  color: var(--header-text) !important;
}

#header a:link,
#header a:visited {
  color: var(--header-text) !important;
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: #FFFFFF !important;
  font-weight: 700;
  letter-spacing: 0.02em;
}

#branding h1 .tezeon-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

#branding h1 .tezeon-logo::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  background: var(--primary);
  border-radius: 6px;
  vertical-align: middle;
}

/* User tools */
#user-tools a {
  color: #94A3B8 !important;
  border-color: #334155 !important;
}

#user-tools a:hover {
  color: #FFFFFF !important;
}

/* ── Navigation sidebar ──────────────────────────────────────────────────── */

#nav-sidebar {
  background: var(--nav-bg) !important;
}

#nav-sidebar .current-app .section:link,
#nav-sidebar .current-app .section:visited {
  color: var(--nav-selected) !important;
}

.module caption,
#nav-sidebar .module caption {
  background: #1E293B !important;
  color: #94A3B8 !important;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#nav-sidebar a:link,
#nav-sidebar a:visited {
  color: var(--nav-text) !important;
}

#nav-sidebar a:hover {
  color: #FFFFFF !important;
  background: var(--nav-hover) !important;
}

.toggle-nav-sidebar {
  background: var(--nav-bg) !important;
  border-color: #1E293B !important;
}

/* ── Module headers / section captions ──────────────────────────────────── */

.module h2,
.module caption,
.inline-group h2 {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */

.button,
input[type=submit],
input[type=button],
.submit-row input,
a.button {
  background: var(--button-bg) !important;
  color: var(--button-text) !important;
  border: none !important;
  border-radius: 4px !important;
}

.button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.submit-row input:hover,
a.button:hover,
.button:focus,
input[type=submit]:focus {
  background: var(--button-hover) !important;
  color: #FFFFFF !important;
}

.button.default,
input[type=submit].default,
.submit-row input.default {
  background: var(--accent) !important;
}

.button.default:hover,
input[type=submit].default:hover {
  background: var(--accent-dark) !important;
}

/* Delete buttons */
.deletelink,
a.deletelink {
  background: #DC2626 !important;
  color: #FFFFFF !important;
  border-radius: 4px;
  padding: 5px 12px;
}

.deletelink:hover {
  background: #B91C1C !important;
}

/* ── Links ───────────────────────────────────────────────────────────────── */

a:link,
a:visited {
  color: var(--link) !important;
}

a:hover,
a:focus {
  color: var(--link-hover) !important;
}

/* ── Breadcrumbs ─────────────────────────────────────────────────────────── */

div.breadcrumbs {
  background: #1E293B !important;
  color: #94A3B8 !important;
}

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

/* ── Change list ─────────────────────────────────────────────────────────── */

#changelist .actions {
  background: #F0FDF9;
  border-color: var(--primary-light);
}

table thead th {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}

table thead th a:link,
table thead th a:visited,
table thead th a:hover {
  color: #FFFFFF !important;
}

#result_list tr.row1 {
  background: #FFFFFF;
}

#result_list tr.row2 {
  background: #F8FAFC;
}

#result_list tr:hover td {
  background: var(--primary-light) !important;
}

/* ── Search bar ──────────────────────────────────────────────────────────── */

#changelist-search input[type="text"],
#toolbar input[type="text"] {
  border: 2px solid var(--primary) !important;
  border-radius: 4px;
  padding: 5px 8px;
}

#changelist-search input[type="submit"],
#toolbar input[type="submit"] {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
}

/* ── Filters sidebar ─────────────────────────────────────────────────────── */

#changelist-filter {
  background: #F8FAFC;
  border-left: 3px solid var(--primary);
}

#changelist-filter h2 {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#changelist-filter h3 {
  color: var(--nav-bg);
  font-weight: 600;
}

#changelist-filter li.selected a {
  color: var(--primary) !important;
  font-weight: 700;
}

/* ── Dashboard app list ──────────────────────────────────────────────────── */

.app-accounts > .module > caption,
.app-auth > .module > caption {
  background: #1E40AF !important;
}

/* Recent actions */
#recent-actions-module h2 {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}

/* ── Pagination ──────────────────────────────────────────────────────────── */

.paginator a:link,
.paginator a:visited {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border-radius: 3px;
  padding: 2px 8px;
}

.paginator .this-page {
  background: var(--accent) !important;
  color: #FFFFFF !important;
  border-radius: 3px;
  padding: 2px 8px;
}

/* ── Messages / alerts ───────────────────────────────────────────────────── */

.messagelist li.success {
  background: #DCFCE7;
  color: #166534;
  border-left: 4px solid #16A34A;
}

.messagelist li.warning {
  background: #FEF9C3;
  color: #854D0E;
  border-left: 4px solid #CA8A04;
}

.messagelist li.error {
  background: #FEE2E2;
  color: #991B1B;
  border-left: 4px solid #DC2626;
}

/* ── Form fields ─────────────────────────────────────────────────────────── */

.form-row:focus-within label {
  color: var(--primary);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--primary) !important;
  outline: 2px solid var(--primary-light) !important;
}

/* ── Login page ──────────────────────────────────────────────────────────── */

body.login {
  background: var(--nav-bg) !important;
}

#header.login-header,
body.login #header {
  background: var(--nav-bg) !important;
}

#content-main.login .form-row label {
  color: #1E293B;
}

/* ── Inline fieldset collapse toggle ────────────────────────────────────── */

fieldset.collapse .collapse-toggle,
fieldset h2 .collapse-toggle {
  color: var(--primary) !important;
}

/* ── Date hierarchy ──────────────────────────────────────────────────────── */

.xfull .date-hierarchy a {
  color: var(--primary) !important;
}

/* ── Autocomplete / select2 ──────────────────────────────────────────────── */

.select2-container--admin-autocomplete .select2-selection--single:focus,
.select2-container--admin-autocomplete.select2-container--focus .select2-selection--multiple {
  border-color: var(--primary) !important;
}

.select2-container--admin-autocomplete .select2-results__option--highlighted {
  background-color: var(--primary) !important;
}