/* Canonical Work-A-Beez public site shell: shared navigation + footer */
.public-nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:72px;
  padding:0 48px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #ececec;
  box-shadow:0 1px 0 rgba(17,17,17,.02);
  backdrop-filter:blur(10px);
  position:sticky;
  top:0;
  z-index:1000;
  font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;
}
.public-nav a { text-decoration:none; color:#111; }
.public-nav-logo { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.public-nav-logo img { width:36px; height:36px; object-fit:contain; display:block; }
.public-nav-logo-text { display:flex; flex-direction:column; line-height:1.05; }
.public-nav-logo-text strong { font-size:18px; font-weight:800; letter-spacing:-.3px; }
.public-nav-logo-text span { margin-top:4px; font-size:10px; letter-spacing:1.35px; text-transform:uppercase; color:#666; }
.public-nav-links { display:flex; align-items:center; justify-content:center; gap:25px; }
.public-nav-links a { position:relative; font-size:14px; font-weight:600; white-space:nowrap; padding:26px 0 24px; }
.public-nav-links a:hover,
.public-nav-links a.is-current { color:#8a5d00; }
.public-nav-links a.is-current::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#FFB800;
}
.public-nav-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.public-nav-employee,
.public-nav-admin,
.public-nav-trial {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:8px;
  padding:9px 13px;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.public-nav-employee { color:#555 !important; }
.public-nav-admin { border:1px solid #cfcfcf; background:#fff; }
.public-nav-admin:hover { border-color:#111; }
.public-nav-trial { background:#FFB800; padding-left:18px; padding-right:18px; }
.public-nav-trial:hover { background:#e6a600; }

.public-footer {
  margin-top:auto;
  padding:50px 40px 26px;
  background:#111;
  color:#fff;
  font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;
}
.public-footer a { text-decoration:none; color:#cfcfcf; }
.public-footer a:hover { color:#FFB800; }
.public-footer-inner { max-width:1160px; margin:0 auto; }
.public-footer-grid {
  display:grid;
  grid-template-columns:1.45fr repeat(3,minmax(150px,1fr));
  gap:42px;
}
.public-footer-brandline { display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.public-footer-brandline img { width:38px; height:38px; object-fit:contain; }
.public-footer-brandline strong { display:block; font-size:19px; font-weight:800; }
.public-footer-brandline span { display:block; margin-top:2px; font-size:10px; letter-spacing:1.3px; text-transform:uppercase; color:#aaa; }
.public-footer-copy { max-width:330px; margin:0 0 12px; color:#bbb; font-size:13px; line-height:1.7; }
.public-footer-url { color:#FFB800 !important; font-size:13px; font-weight:700; }
.public-footer-col h3 { margin:0 0 14px; color:#fff; font-size:13px; font-weight:800; letter-spacing:.02em; }
.public-footer-links { display:grid; gap:10px; }
.public-footer-links a { font-size:13px; line-height:1.35; }
.public-footer-bottom {
  margin-top:38px;
  padding-top:22px;
  border-top:1px solid #333;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  color:#999;
  font-size:12px;
}
.public-footer-legal { display:flex; gap:18px; flex-wrap:wrap; }
.public-footer-legal a { font-size:12px; }

@media (max-width:1080px) {
  .public-nav { padding:0 24px; }
  .public-nav-links { gap:16px; }
  .public-nav-links a { font-size:13px; }
  .public-nav-actions { gap:7px; }
  .public-nav-employee,.public-nav-admin { padding-left:9px; padding-right:9px; }
}
@media (max-width:900px) {
  .public-nav-links { display:none; }
  .public-footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .public-footer-col:last-child { grid-column:2 / 4; }
}
@media (max-width:640px) {
  .public-nav { min-height:0; padding:11px 16px; flex-wrap:wrap; row-gap:10px; }
  .public-nav-logo img { width:32px; height:32px; }
  .public-nav-logo-text strong { font-size:16px; }
  .public-nav-logo-text span { display:none; }
  .public-nav-actions { width:100%; justify-content:center; gap:7px; }
  .public-nav-employee,.public-nav-admin,.public-nav-trial { min-height:36px; padding:7px 10px; font-size:11.5px; }
  .public-footer { padding:40px 22px 24px; }
  .public-footer-grid { grid-template-columns:1fr; gap:28px; }
  .public-footer-col:last-child { grid-column:auto; }
  .public-footer-bottom { align-items:flex-start; flex-direction:column; }
}