/* Steeltech Dijital Ofis — web/portal + giriş sayfası (ana site ile aynı dil). Kaynak: gen_css.py */

@font-face { font-family: Manrope; src: url('/assets/steeltech/fonts/manrope-latin.woff2') format('woff2'); font-display: swap; font-style: normal; font-weight: 400 800;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Manrope; src: url('/assets/steeltech/fonts/manrope-ext.woff2') format('woff2'); font-display: swap; font-style: normal; font-weight: 400 800;
  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+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/assets/steeltech/fonts/mono-latin.woff2') format('woff2'); font-display: swap; font-style: normal; font-weight: 500;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/assets/steeltech/fonts/mono-ext.woff2') format('woff2'); font-display: swap; font-style: normal; font-weight: 500;
  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+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Instrument Serif'; src: url('/assets/steeltech/fonts/serif-italic-latin.woff2') format('woff2'); font-display: swap; font-style: italic; font-weight: 400;
  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; }
@font-face { font-family: 'Instrument Serif'; src: url('/assets/steeltech/fonts/serif-italic-ext.woff2') format('woff2'); font-display: swap; font-style: italic; font-weight: 400;
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root { 
  --st-navy-1000: #060d1f; --st-navy-950: #08132b; --st-navy-900: #0c1a36; --st-navy-850: #101f3d;
  --st-navy-800: #14264a; --st-navy-700: #22385f; --st-accent: #22d3ee; --st-accent-hover: #67e3f5;
  --st-accent-ink: #0b6b80; --st-paper: #f5f8fb; --st-line-dark: rgba(203, 213, 225, 0.14);
  --st-font-sans: Manrope, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Arial, sans-serif;
  --st-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --st-font-serif: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --font-stack: var(--st-font-sans); --font-family-sans-serif: var(--st-font-sans); --font-family-monospace: var(--st-font-mono);
 
  --gray-50: #f5f8fb; --gray-100: #e2e8f0; --gray-200: #cbd5e1; --gray-300: #94a3b8; --gray-400: #64748b;
  --gray-450: #2f4670; --gray-500: #22385f; --gray-600: #1a2e55; --gray-700: #14264a; --gray-800: #101f3d;
  --gray-900: #0b1731; --gray-950: #060d1f;
  --primary: var(--st-accent); --ink-blue-link: var(--st-accent); --focus-outline-default: rgba(34, 211, 238, 0.45);
 }
html, body { background: var(--st-navy-1000); color: var(--gray-100); font-family: var(--st-font-sans);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { background:
  radial-gradient(1100px 600px at 85% -10%, rgba(34, 211, 238, 0.14), transparent 60%),
  radial-gradient(900px 600px at -10% 110%, rgba(11, 107, 128, 0.35), transparent 60%),
  var(--st-navy-1000) fixed !important; }
.page-content-wrapper, .page_content, main { background: transparent !important; }

/* Birincil eylem: ana sitedeki camgöbeği "pill" buton */
.btn.btn-primary, .es-button[data-variant="solid"], button[data-variant="solid"] {
  background: var(--st-accent) !important; color: var(--st-navy-1000) !important; border-color: transparent !important;
  font-weight: 700; border-radius: 999px; box-shadow: none;
  transition: background-color .25s cubic-bezier(.2,.7,.1,1), transform .25s cubic-bezier(.2,.7,.1,1);
}
.btn.btn-primary:hover, .es-button[data-variant="solid"]:hover, button[data-variant="solid"]:hover { background: var(--st-accent-hover) !important; }
.btn.btn-primary:active, .es-button[data-variant="solid"]:active { transform: scale(0.98); }
.btn.btn-primary svg, .btn.btn-primary .icon use { stroke: var(--st-navy-1000); }
.btn.btn-default.btn-sm, .page-actions .btn { border-radius: 999px; }
::selection { background: rgba(34, 211, 238, 0.35); }

a { color: var(--st-accent); }
.navbar, .web-footer, footer { background: rgba(6, 13, 31, 0.72) !important; border-color: var(--st-line-dark) !important; backdrop-filter: blur(14px); }
/* Giriş kartı */
.login-content.page-card, .page-card { background: rgba(12, 26, 54, 0.78) !important; border: 1px solid var(--st-line-dark) !important;
  border-radius: 28px !important; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45) !important; backdrop-filter: blur(18px); padding: 40px !important; }
.page-card .app-logo { width: 44px; height: 44px; border-radius: 10px; }
.page-card-head h4 { color: var(--gray-50) !important; letter-spacing: -0.02em; font-size: 1.9rem !important; line-height: 1.15; }
.page-card a, .page-card .forgot-password-message a, .page-card .text-ink-gray-5 { color: var(--gray-300) !important; }
.page-card a:hover { color: var(--st-accent) !important; }
.page-card-head .st-eyebrow { font-family: var(--st-font-mono); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--st-accent); }
.page-card-head h4 em { font-family: var(--st-font-serif); font-style: italic; font-weight: 400; color: var(--st-accent); }
.page-card input.form-control, .page-card input { background: rgba(6, 13, 31, 0.6) !important; color: var(--gray-50) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important; border-radius: 14px !important; min-height: 44px; }
.page-card input:focus { border-color: var(--st-accent) !important; box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.25) !important; }
.page-card label, .page-card .text-ink-gray-6, .page-card-subtitle { color: var(--gray-300) !important; }
.page-card .es-button:not([data-variant="solid"]) { background: rgba(255, 255, 255, 0.04) !important; color: var(--gray-50) !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important; border-radius: 999px !important; }
.page-card .es-button:not([data-variant="solid"]):hover { border-color: var(--gray-50) !important; background: rgba(255, 255, 255, 0.08) !important; }
.page-card .es-button { min-height: 44px; }
html, body { min-height: 100%; }
body { min-height: 100vh; background-attachment: fixed !important; }
@media (max-width: 600px) {
  .login-content.page-card, .page-card { background: transparent !important; border: 0 !important; box-shadow: none !important;
    backdrop-filter: none; padding: 24px 6px !important; max-width: none !important; }
  .page-card-container, .for-login, .for-forgot, .for-signup { background: transparent !important; }
  .page-card-head h4 { font-size: 2.1rem !important; }
}
.st-login-foot { margin-top: 28px; text-align: center; font-family: var(--st-font-mono); font-size: 0.72rem; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--gray-400); }