:root {
  --green: #174f36;
  --gold: #c8a94b;
  --bg: #f3f5f3;
  --card: #ffffff;
  --text: #1f2933;
  --muted: #6b7280;
  --line: #dde2df;
  --danger: #a33a3a;
  --success: #24563a;
  --shadow: 0 1px 2px rgba(0,0,0,.035);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
  background: var(--bg);
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }

/* Mobile-first: mirror the compact V1 green header. */
.app-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--green);
  color: #fff;
  border-bottom: 3px solid var(--gold);
  padding-top: env(safe-area-inset-top);
}

.app-header-inner {
  min-height: 52px;
  padding: 6px 10px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
}

.brand-block { min-width: 0; }
.brand-block h1 {
  margin: 0;
  font-size: 16px;
  line-height: 1.08;
  font-weight: 900;
  white-space: nowrap;
  letter-spacing: .005em;
}
.brand-bolt { color: var(--gold); margin-right: 5px; font-size: 19px; line-height: 1; vertical-align: -1px; }

.app-main {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 9px 10px calc(18px + env(safe-area-inset-bottom));
}

.startup-card,
.error-card,
.empty-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 13px;
  box-shadow: var(--shadow);
}

.error-card { color: #7d2929; }
.error-card p { margin: 6px 0 0; line-height: 1.35; }

.toast {
  position: fixed;
  left: 50%;
  top: calc(12px + env(safe-area-inset-top));
  z-index: 500;
  min-width: 210px;
  max-width: calc(100vw - 24px);
  transform: translate(-50%, -14px);
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--green);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 7px 22px rgba(0,0,0,.18);
  opacity: 0;
  pointer-events: none;
  transition: .18s ease;
}
.toast.show { opacity: 1; transform: translate(-50%,0); }
.toast.error { background: var(--danger); }

.hidden { display: none !important; }

@media (min-width: 701px) {
  .app-header-inner,
  .app-main { max-width: 760px; margin-left: auto; margin-right: auto; }
  .app-header-inner { min-height: 58px; padding: 8px 12px; }
  .brand-block h1 { font-size: 17px; }
  .brand-bolt { font-size: 21px; }
  .app-main { padding-top: 14px; }
}

/* New Lead + Global Search — V1 mobile language on the V2 data layer. */
.new-lead-screen,.global-search-screen{display:grid;gap:9px}
.new-lead-toolbar,.global-search-toolbar{display:flex;align-items:center;gap:9px;min-height:38px}.new-lead-toolbar strong,.global-search-toolbar strong{color:var(--green);font-size:14px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.new-lead-toolbar button,.global-search-toolbar button{min-height:34px;padding:7px 9px;border:1px solid #c7d2cc;border-radius:8px;background:#fff;color:var(--green);font-size:12px;font-weight:850}
.new-lead-form{display:grid;gap:9px}.new-lead-section{padding:11px;border:1px solid #d3dcd7;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.new-lead-section-title{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:var(--green);font-size:13px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.new-lead-section-title::before{content:"";width:4px;height:17px;border-radius:3px;background:var(--gold);flex:0 0 4px}.new-lead-section-title::after{content:"";height:1px;background:#aeb8b3;flex:1 1 auto;min-width:18px}.form-grid{display:grid;gap:9px}.form-grid.two{grid-template-columns:1fr}.new-lead-form label{display:block;min-width:0}.new-lead-form label>span{display:block;margin:0 0 5px;color:#66716b;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.new-lead-form input,.new-lead-form select,.new-lead-form textarea{width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid #c7d2cc;border-radius:8px;background:#f4f7f5;color:var(--text);font-size:16px;box-shadow:none}.new-lead-form textarea{min-height:86px;resize:vertical}.new-lead-form .form-wide{margin-top:9px}.new-lead-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.new-lead-actions button{min-height:46px;border:1px solid #c7d2cc;border-radius:9px;background:#fff;color:var(--green);font-size:12px;font-weight:900}.new-lead-actions .primary{border-top:4px solid var(--green)}
.global-search-input-wrap input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c7d2cc;border-radius:10px;background:#fff;color:var(--text);font-size:16px}.global-search-results{display:grid;gap:8px}.global-search-result{--search-accent:#87938c;width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-left:4px solid var(--search-accent);border-radius:11px;background:#fff;color:var(--text);display:flex;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left;box-shadow:var(--shadow)}.global-search-result.type-repair{--search-accent:#d98279}.global-search-result.type-lithium{--search-accent:#c9a82a}.global-search-result>div{min-width:0}.global-search-result strong{display:block;font-size:15px;line-height:1.15}.global-search-result span{display:block;margin-top:3px;color:var(--green);font-size:10.5px;font-weight:850}.global-search-result small{display:block;margin-top:4px;color:#59645f;font-size:11.5px;font-weight:750}.global-search-result em{flex:0 0 auto;padding:5px 8px;border:1px solid #d2d9d5;border-radius:999px;background:#f7f8f7;color:#52605a;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
@media(min-width:520px){.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Admin landing — simple navigation surface; authentication and actions remain in app.js. */
.admin-screen{display:grid;gap:10px;padding-top:2px}
.admin-toolbar{display:flex;align-items:center;gap:10px;min-height:42px}
.admin-toolbar h2{margin:0;color:var(--text);font-size:22px;font-weight:900;letter-spacing:-.015em}
.admin-back{min-height:40px;padding:7px 4px;border:0;background:transparent;color:var(--green);font-size:13px;font-weight:850}
.admin-back:active{opacity:.65}
.admin-section-label{margin:7px 3px 0;color:#66716b;font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.admin-menu-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.admin-menu-row{width:100%;min-height:68px;padding:12px 13px;border:0;background:#fff;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}
.admin-menu-row:active{background:#f5f7f5}
.admin-menu-copy{min-width:0;display:block}
.admin-menu-copy strong{display:block;color:var(--green);font-size:15px;font-weight:900;line-height:1.2}
.admin-menu-copy small{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;font-weight:650;line-height:1.3}
.admin-menu-chevron{flex:0 0 auto;color:#9aa49f;font-size:28px;font-weight:400;line-height:1}
@media(min-width:701px){.admin-screen{max-width:720px}.admin-toolbar h2{font-size:24px}.admin-menu-row{min-height:72px;padding:13px 15px}.admin-menu-copy strong{font-size:16px}.admin-menu-copy small{font-size:12px}}