/* UrbanNest operations console styling for Frappe v16. */

:root,
html[data-theme="light"],
[data-theme="light"] {
  --primary: #0f766e;
  --brand-color: #0f766e;
  --border-radius: 6px;
  --border-radius-md: 8px;
  --border-radius-lg: 8px;
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --card-shadow: var(--shadow-xs);
  --modal-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
  --highlight-shadow: 0 0 0 3px rgba(15, 118, 110, 0.18);
}

html[data-theme="dark"],
[data-theme="dark"] {
  --primary: #2dd4bf;
  --brand-color: #2dd4bf;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.35);
  --card-shadow: var(--shadow-xs);
  --modal-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  --highlight-shadow: 0 0 0 3px rgba(45, 212, 191, 0.22);
}

.desk-page .card,
.desk-page .widget,
.desk-page .frappe-card,
.desk-page .dashboard .dashboard-card,
.desk-page .form-dashboard .dashboard-item,
.widget.number-widget-box {
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--border-color);
  box-shadow: var(--card-shadow);
}

.desk-page .card:hover,
.desk-page .widget:hover,
.desk-page .frappe-card:hover,
.desk-page .dashboard .dashboard-card:hover,
.desk-page .form-dashboard .dashboard-item:hover,
.widget.number-widget-box:hover {
  border-color: rgba(15, 118, 110, 0.28);
}

.widget.number-widget-box .widget-title {
  font-weight: 600;
}

.widget.number-widget-box .widget-value {
  font-weight: 750;
}

.desk-page .page-head {
  border-bottom: 1px solid var(--border-color);
}

.btn.btn-primary,
.btn-primary {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  border-radius: 6px;
}

.form-control:focus,
.input-with-feedback:focus {
  box-shadow: var(--highlight-shadow) !important;
  border-color: rgba(15, 118, 110, 0.55) !important;
}

.list-row:hover,
.datatable .dt-row:hover {
  background: rgba(15, 118, 110, 0.05);
}

.desk-page a:not(.btn):not(.btn-primary):not(.btn-secondary):not(.dropdown-item):not(.nav-link),
.desk-page .link-primary,
.desk-page .text-primary,
.desk-page .indicator-pill .text-primary,
.desk-page .list-view-container a,
.desk-page .list-view-container .like-link,
.desk-page .list-view-container .text-primary,
.desk-page .frappe-datatable a,
.desk-page .frappe-datatable .like-link,
.desk-page .frappe-datatable .text-primary,
.desk-page .frappe-datatable .dt-cell__content a,
.desk-sidebar a,
.desk-sidebar .text-primary,
.layout-side-section a,
.layout-side-section .text-primary,
.page-breadcrumbs a {
  color: inherit !important;
  text-decoration: none !important;
}

.desk-page a:hover,
.desk-page .list-view-container a:hover,
.desk-page .frappe-datatable a:hover,
.desk-sidebar a:hover,
.layout-side-section a:hover,
.page-breadcrumbs a:hover {
  color: inherit !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}