:root{--hf-midnight:#03101F;--hf-navy:#071F3A;--hf-blue:#006BFF;--hf-azure:#00B7FF;--hf-silver:#C7D0DA;--hf-bright-silver:#F2F5F7;--hf-graphite:#111820;--hf-white:#FFFFFF}
/* HarbourForm plugin interfaces: palette/contrast only; no workflow or layout logic is changed. */
.hf-system-entry, .harbourform-app, [class*="harbourform-"]{--hf-brand:#006BFF;--hf-brand-dark:#071F3A;--hf-accent:#00B7FF;}
.hf-system-entry h1,.hf-system-entry h2,.hf-system-entry h3{color:var(--hf-graphite)}
.hf-system-entry p{color:#536579}
.hf-system-entry a{color:var(--hf-blue)}
.hf-system-entry a:hover{color:var(--hf-azure)}
/* Light canvas title / workspace intro */
.hf-system-entry > h1,.hf-system-entry > h2,.hf-system-entry .hf-page-title,.hf-system-entry .page-title,.hf-system-entry .projects-title{color:var(--hf-graphite)!important}
.hf-system-entry > p,.hf-system-entry .hf-page-intro,.hf-system-entry .page-description{color:#536579!important}
/* Dark HarbourForm product bars/cards */
.hf-system-entry [class*="header"],.hf-system-entry [class*="topbar"],.hf-system-entry [class*="app-bar"]{border-color:rgba(199,208,218,.16)}
.hf-system-entry [style*="background: #0"],.hf-system-entry [style*="background:#0"]{color:var(--hf-white)}
/* Buttons and actions */
.hf-system-entry button:not(.button-link),.hf-system-entry input[type="submit"],.hf-system-entry input[type="button"],.hf-system-entry .button-primary,.hf-system-entry a[class*="button"]{border-radius:12px}
.hf-system-entry .button-primary,.hf-system-entry input[type="submit"],.hf-system-entry button[type="submit"],.hf-system-entry [class*="primary"]{background-color:var(--hf-blue);border-color:var(--hf-blue);color:var(--hf-white)}
.hf-system-entry .button-primary:hover,.hf-system-entry input[type="submit"]:hover,.hf-system-entry button[type="submit"]:hover{background-color:var(--hf-azure);border-color:var(--hf-azure);color:var(--hf-midnight)}
/* Forms */
.hf-system-entry input[type="text"],.hf-system-entry input[type="email"],.hf-system-entry input[type="password"],.hf-system-entry input[type="url"],.hf-system-entry input[type="number"],.hf-system-entry select,.hf-system-entry textarea{border-color:var(--hf-silver);border-radius:10px;outline:none}
.hf-system-entry input:focus,.hf-system-entry select:focus,.hf-system-entry textarea:focus{border-color:var(--hf-azure);box-shadow:0 0 0 3px rgba(0,183,255,.16)}
/* Login surfaces - force reliable contrast without changing login behaviour */
.hf-system-harbourform-login .hf-system-entry [class*="login"] h1,.hf-system-harbourform-login .hf-system-entry [class*="login"] h2,.hf-system-harbourform-login .hf-system-entry [class*="login"] h3,.hf-system-harbourform-login .hf-system-entry [class*="login"] label{color:var(--hf-white)!important}
.hf-system-harbourform-login .hf-system-entry [class*="login"] p{color:var(--hf-silver)!important}
/* Dashboard/Builder workspace titles live on light canvas */
.hf-system-harbourform-dashboard .hf-system-entry h1,.hf-system-harbourform-builder .hf-system-entry h1,.hf-system-client-portal .hf-system-entry h1{color:var(--hf-graphite)!important}
.hf-system-harbourform-dashboard .hf-system-entry h1 + p,.hf-system-harbourform-builder .hf-system-entry h1 + p,.hf-system-client-portal .hf-system-entry h1 + p{color:#536579!important}
/* Preserve white text on dark cards and nav surfaces. */
.hf-system-entry [class*="card"][style*="background"],.hf-system-entry [class*="project-card"],.hf-system-entry [class*="project_item"],.hf-system-entry [class*="project-item"]{--hf-card-text:#fff}
.hf-system-entry [class*="project-card"] h1,.hf-system-entry [class*="project-card"] h2,.hf-system-entry [class*="project-card"] h3,.hf-system-entry [class*="project-item"] h1,.hf-system-entry [class*="project-item"] h2,.hf-system-entry [class*="project-item"] h3{color:#fff!important}
\n\n/* Updated HarbourForm branding pack - v1.2.0 */\n.hf-system-entry,.harbourform-app,[class*="harbourform-"]{--hf-brand:#006BFF;--hf-brand-dark:#071F3A;--hf-accent:#00B7FF;--hf-midnight:#03101F;--hf-silver:#C7D0DA;--hf-bright-silver:#F2F5F7;}\n.hf-system-entry .button-primary,.hf-system-entry input[type="submit"],.hf-system-entry button[type="submit"]{background:#006BFF!important;border-color:#006BFF!important;color:#fff!important;}\n.hf-system-entry .button-primary:hover,.hf-system-entry input[type="submit"]:hover,.hf-system-entry button[type="submit"]:hover{background:#00B7FF!important;border-color:#00B7FF!important;color:#03101F!important;}\n.hf-system-entry input:focus,.hf-system-entry select:focus,.hf-system-entry textarea:focus{border-color:#00B7FF!important;box-shadow:0 0 0 3px rgba(0,183,255,.16)!important;}\n
/* v1.2.4 — current branding inside HarbourForm application/client portal */
.hf-system-entry [class*="header"],
.hf-system-entry [class*="topbar"],
.hf-system-entry [class*="app-bar"],
.hf-system-entry nav:first-child {
  background-color: var(--hf-midnight) !important;
  border-color: rgba(199,208,218,.16) !important;
}
.hf-system-brand-row { display:flex !important; align-items:center !important; min-width:0; }
.hf-system-brand-replaced { display:inline-flex !important; align-items:center !important; color:transparent !important; line-height:1 !important; }
.hf-system-brand-lockup { display:block !important; width:238px !important; max-width:32vw !important; height:auto !important; object-fit:contain !important; }
.hf-system-old-brand-icon { display:none !important; }
.hf-system-entry [class*="project-card"],
.hf-system-entry [class*="project_item"],
.hf-system-entry [class*="project-item"] { background-color:#0A1930 !important; border-color:rgba(199,208,218,.12) !important; }
.hf-system-entry [class*="project-card"] p,
.hf-system-entry [class*="project-item"] p { color:#8EA7C0 !important; }
.hf-system-entry button:not([class*="delete"]):not([class*="danger"]),
.hf-system-entry a[class*="button"]:not([class*="delete"]):not([class*="danger"]) { background-color:var(--hf-blue) !important; border-color:var(--hf-blue) !important; }
.hf-system-entry button:not([class*="delete"]):not([class*="danger"]):hover,
.hf-system-entry a[class*="button"]:not([class*="delete"]):not([class*="danger"]):hover { background-color:var(--hf-azure) !important; border-color:var(--hf-azure) !important; color:var(--hf-midnight) !important; }
@media (max-width:760px){ .hf-system-brand-lockup{width:185px !important;max-width:52vw !important;} }


/* v1.2.5 — rebuild the legacy portal brand slot for the wide current lockup */
.hf-system-entry .hf-system-header-row {
  overflow: visible !important;
  min-height: 72px !important;
}
.hf-system-entry .hf-system-brand-row,
.hf-system-entry .hf-system-brand-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 285px !important;
  max-width: none !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  line-height: 1 !important;
  background: transparent !important;
}
.hf-system-entry .hf-system-brand-replaced {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 58px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}
.hf-system-entry .hf-system-brand-lockup {
  display: block !important;
  width: 255px !important;
  max-width: 255px !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  position: static !important;
  clip: auto !important;
  opacity: 1 !important;
  filter: none !important;
}
.hf-system-entry .hf-system-old-brand-icon { display:none !important; width:0 !important; margin:0 !important; padding:0 !important; }
@media (max-width:760px){
  .hf-system-entry .hf-system-brand-row,
  .hf-system-entry .hf-system-brand-slot { min-width: 205px !important; height:64px !important; min-height:64px !important; }
  .hf-system-entry .hf-system-brand-replaced { height:50px !important; }
  .hf-system-entry .hf-system-brand-lockup { width:190px !important; max-width:190px !important; height:33px !important; max-height:33px !important; }
}