/* Brand wordmark only: the site's lockup fonts (everything else is Noto Sans Hebrew). */
@font-face { font-family: "GS Open Sans"; src: url("/static/fonts/open-sans-latin.woff2") format("woff2");
  font-weight: 300 800; font-stretch: 75% 100%; font-display: swap; }
@font-face { font-family: "GS Instrument Serif"; src: url("/static/fonts/instrument-serif-italic-latin.woff2") format("woff2");
  font-style: italic; font-weight: 400; font-display: swap; }
/* Google's variable Noto Sans Hebrew (has Latin + digits), used at condensed width. */
@font-face {
  font-family: "Noto Sans Hebrew Condensed";
  src: url("/static/fonts/hebrew.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-display: swap;
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: "Noto Sans Hebrew Condensed";
  src: url("/static/fonts/latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Noto Sans Hebrew Condensed";
  src: url("/static/fonts/latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  /* Growth&Scale tokens, same names/values as growthnscale.com */
  --ink-0: #050505; --ink-1: #0B0B0B; --ink-2: #121212; --ink-3: #1A1A1A;
  --tx-1: #F3F1EC; --tx-2: #BDB9B1; --tx-3: #8C8880;
  --lit: #FFCF4A; --lit-2: #E6B02A; --lit-3: #FFE59E; --on-lit: #141004;
  --bg: var(--ink-0);
  --surface: var(--ink-2);
  --surface-2: var(--ink-3);
  --text: var(--tx-1);
  --muted: var(--tx-3);
  --accent: var(--lit);
  --danger: #E5484D;
  --border: #242424;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Noto Sans Hebrew Condensed", sans-serif;
  font-size: 17px;
  min-height: 100%;
  overflow-x: hidden;
}

body, input, textarea, select, button, a, * {
  font-family: "Noto Sans Hebrew Condensed", sans-serif;
  font-stretch: 75%;
}

a { color: var(--accent); text-decoration: none; }

.app-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  max-width: 100vw;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 10;
}

.topbar-title { font-size: 20px; font-weight: 700; }

.content {
  flex: 1;
  padding: 16px;
  padding-bottom: 84px;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.bottom-nav {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  background: var(--surface);
  border-top: 1px solid var(--border);
  z-index: 20;
}

.nav-item {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  color: var(--text);
  font-size: 16px;
  min-height: 48px;
}

.nav-item:active { background: var(--surface-2); }

.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 14px;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

h1, h2, h3 { font-weight: 700; margin: 0 0 12px; }
h1 { font-size: 26px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }

.field { margin-bottom: 16px; }
.field label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 15px; }

input[type=text], input[type=number], input[type=date], input[type=time],
input[type=password], input[type=color], input[type=url], textarea, select {
  width: 100%;
  padding: 12px 14px;
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface-2);
  color: var(--text);
  font-size: 16px;
}

textarea { min-height: 90px; resize: vertical; }

input[type=checkbox] { width: 22px; height: 22px; }

.btn, button {
  display: inline-block;
  padding: 12px 20px;
  min-height: 48px;
  border-radius: 10px;
  border: none;
  background: var(--accent);
  color: #0A0A0A;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}

.btn-ghost {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border);
}

.btn-danger { background: var(--danger); color: #fff; }
.btn-block { width: 100%; }
.btn[disabled], button[disabled] { opacity: .4; cursor: not-allowed; }

.inline-form { display: inline; }

.flash {
  background: var(--surface-2);
  border-right: 3px solid var(--accent);
  padding: 10px 14px;
  border-radius: 8px;
  margin-bottom: 14px;
}

.error { color: var(--danger); margin-bottom: 12px; }

.badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--muted);
  font-size: 13px;
}
.badge.accent { color: #0A0A0A; background: var(--accent); }

.tabs {
  display: flex;
  overflow-x: auto;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 6px;
}
.tabs a {
  white-space: nowrap;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--text);
  border: 1px solid var(--border);
}
.tabs a.active { background: var(--accent); color: #0A0A0A; border-color: var(--accent); }

.slide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
}
.slide-thumb {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.slide-thumb img, .slide-thumb iframe {
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  border: none;
  background: #000;
}
.slide-thumb .meta { padding: 6px 8px; font-size: 13px; color: var(--muted); }

.repeat-item {
  border: 1px dashed var(--border);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 10px;
  position: relative;
}

.log-view {
  background: #000;
  color: #B7F5B0;
  padding: 12px;
  border-radius: 10px;
  max-height: 400px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
  direction: ltr;
  text-align: left;
}

@media (min-width: 768px) {
  .content { padding: 28px; }
}


/* ---------------- Growth&Scale branding ---------------- */
.gs-lock{display:inline-flex;align-items:baseline;gap:.06em;line-height:1;white-space:nowrap;direction:ltr;
  font-family:"GS Open Sans",sans-serif !important;font-stretch:100%;font-weight:800;letter-spacing:-.035em;color:#fff}
.gs-lock i{font-family:"GS Instrument Serif",Georgia,serif !important;font-style:italic;font-weight:400;letter-spacing:-.005em;
  font-size:1.18em;color:var(--lit);text-shadow:0 0 26px rgba(255,207,74,.45)}
.gs-lock i b{font-family:inherit !important;font-weight:400;color:var(--tx-2);text-shadow:none;margin-inline:.04em}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tx-1);min-width:0}
.brand .gs-lock{font-size:22px}
.brand-sub{font-size:14px;color:var(--tx-3);border-inline-start:1px solid var(--border);padding-inline-start:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar{background:rgba(5,5,5,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.login-wrap{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  background:radial-gradient(60% 50% at 50% 0%,rgba(255,207,74,.10),transparent 70%)}
.login-wrap .gs-lock{font-size:40px}
.login-tag{color:var(--tx-2);font-size:18px;text-align:center;margin:0}
.site-foot{text-align:center;color:var(--tx-3);font-size:13px;padding:18px 0 90px}
.site-foot a{color:var(--tx-2)}
button, .btn-block, .btn{background:var(--lit);color:var(--on-lit)}
button:hover, .btn-block:hover{background:var(--lit-3)}
.btn-ghost{background:transparent;color:var(--tx-1);border:1px solid var(--border)}
.btn-ghost:hover{background:var(--ink-3)}
@media (max-width:420px){.brand-sub{display:none}}