:root{
  --primary: #52A584; /* green */
  --primary-600:#52A584;
  --primary-700:#10602b;
  --link-fg:#167C3A;
}
#header, .module h2 { background: var(--primary-600) !important; }
#header { border-bottom: 3px solid var(--primary-700); }
a, a:link, a:visited { color: var(--link-fg); }
.button.default, input[type=submit].default {
  background: var(--primary-600); border-color: var(--primary-700);
}
a.addlink, a.deletelink, a.changelink { color: var(--link-fg); }
/* Header underline: make it black or very dark green */
#header { 
  border-bottom: 3px solid #0b1d12 !important; /* use #000 if you prefer pure black */
}

/* Make sure all other “blue-ish” borders under section headers match */
.module h2 { 
  background: var(--primary-600) !important; 
  border-bottom: 1px solid #0b1d12 !important;
}

/* Breadcrumb bar subtle theme */
.breadcrumbs {
  background: #f6fff9;              /* faint green tint */
  border-bottom: 1px solid #dfeee6;  /* light greenish divider */
}

/* Links/buttons */
.button.default, input[type=submit].default {
  background: var(--primary-600); 
  border-color: var(--primary-700);
}

/* Dashboard layout */
.dashboard-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  margin: 1rem 0;
}

.dash-card {
  border: 1px solid #e6efe9;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.dash-card h2 {
  margin: 0;
  padding: .6rem .8rem;
  background: var(--primary-600);
  color: #fff;
  border-bottom: 2px solid #0b1d12; /* match the header underline */
}

.dash-card .body {
  padding: .8rem;
}

.action-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.action-list .action {
  display: inline-block;
  padding: .45rem .7rem;
  border-radius: 4px;
  border: 1px solid var(--primary-700);
  text-decoration: none;
}

/* Primary + secondary actions (green theme) */
.action-list .action.addlink {
  background: var(--primary-600);
  color: #fff !important;
}
.action-list .action.addlink:hover {
  background: var(--primary-700);
}

.action-list .action.secondary {
  background: #fff;
  color: var(--primary-600) !important;
  border-color: var(--primary-600);
}
.action-list .action.secondary:hover {
  background: #f2fbf6;
}

div .breadcrumbs {
    background: #08120d;
}

.button:link, .button:visited {
    background: #747474 !important;
}

.listing td, .listing th { vertical-align: top; }
.listing td:nth-child(3), .listing td:nth-child(4) { white-space: nowrap; }


.comment-btn{background:none;border:1px solid #ddd;border-radius:.5rem;padding:.15rem .4rem;
              cursor:pointer;display:inline-flex;gap:.35rem;align-items:center}
.comment-panel{margin-top:.5rem}

.header a:link, a:visited {
  color: black
}


/* Keep action buttons visible */
.submit-row {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: .75rem 1rem;
  border-top: 1px solid #e5e7eb;
  z-index: 5; /* above content */
}

/* Prevent overlap when sticky sits at the bottom */
form { padding-bottom: 5rem; }
/* Ensure the main content can scroll */
html, body { min-height: 100%; overflow-y: auto; }

/* Common wrappers in admin layouts—pick the ones you have */
#content, #content-main, .content, main, .container {
  overflow: auto !important;  /* not hidden */
}

/* If any wrapper used a fixed height, prefer min-height instead */
#content, .content { min-height: calc(100vh - 60px); } /* adjust header size if needed */

/* Neutral, not yellow */
.manage-link{
  color: #374151 !important;           /* neutral gray */
}