/* faz1/giris.css · the password screen, the Sunum switch and the Çıkış button (faz1/giris.js). Selectors start with .f1g-,
 * #f1-giris, #f1-sunum-slot, #f1-cikis or #f1-kp-share-btn. */

/* nobody logged in: the film stays hidden under the screen from the first paint (faz1.html head) */
:root[data-giris="kilitli"] #f1-app { visibility: hidden; }
:root[data-giris="kilitli"] body { background: var(--pro-page); }

/* scoped to #f1-giris: the Olaylar window (faz1/gantt.js, #f1-gantt) also carries the class f1g */
#f1-giris.f1g { position: fixed; inset: 0; z-index: 2147482000; display: grid; place-items: center; padding: 24px 16px; overflow: auto;
  background: radial-gradient(circle at 30% 20%, var(--pro-focus), transparent 60%), var(--pro-page); color: var(--pro-ink); font-family: var(--f1-sans); }
.f1g-card { width: min(440px, 100%); display: flex; flex-direction: column; gap: 10px; padding: 30px 30px 24px; border-radius: 16px;
  border: 1px solid var(--pro-line); background: var(--pro-panel); box-shadow: 0 18px 50px rgba(20,30,40,.14); }
.f1g-kicker { margin: 0; color: var(--pro-text2); font-size: 12.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.f1g-card h1 { margin: 0 0 2px; font-size: 26px; line-height: 1.2; }
.f1g-lead { margin: 0 0 6px; color: var(--pro-text2); font-size: 14.5px; line-height: 1.45; }
.f1g-label { margin-top: 6px; font-size: 13px; font-weight: 650; }
#f1-giris input[type="password"] { height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--pro-line); background: var(--pro-bg); color: var(--pro-ink); font-size: 16px; outline: none; }
#f1-giris input[type="password"]:focus { border-color: var(--pro-accent); box-shadow: 0 0 0 3px var(--pro-focus); }
.f1g-wrong { margin: 0; color: var(--st-crit); font-size: 13.5px; font-weight: 600; }
.f1g-wrong[hidden] { display: none; }
.f1g-about { margin: 0; min-height: 2.8em; color: var(--pro-text2); font-size: 13px; line-height: 1.4; }
.f1g-go { margin-top: 6px; height: 46px; border-radius: 10px; border: 0; background: var(--pro-accent); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; }
:root[data-film-theme="dark"] .f1g-go { color: #101318; }
.f1g-go:hover { filter: brightness(1.07); }
.f1g-go:disabled { opacity: .7; cursor: progress; }
.f1g-foot { margin: 6px 0 0; color: var(--pro-muted); font-size: 12px; line-height: 1.45; }

/* the switch: two buttons, the chosen one filled */
.f1g-seg { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 3px; padding: 3px; border-radius: 10px; border: 1px solid var(--pro-line); background: var(--pro-soft); }
.f1g-seg button { min-width: 0; padding: 0 12px; border: 0; border-radius: 7px; background: none; color: var(--pro-text2); font: inherit; font-weight: 600; cursor: pointer; white-space: nowrap; }
.f1g-seg button:hover { color: var(--pro-accent); }
.f1g-seg button.on { background: var(--pro-accent); color: #fff; }
:root[data-film-theme="dark"] .f1g-seg button.on { color: #101318; }
#f1-giris .f1g-seg { display: grid; }
#f1-giris .f1g-seg button { height: 40px; font-size: 15px; }

/* in the playback row: "Sunum" and the two buttons, compact */
#f1-sunum-slot { display: inline-flex; align-items: center; gap: 6px; flex: none; }
#f1-sunum-slot .f1g-seg-label { color: var(--pro-text2); font-size: 12px; font-weight: 600; }
#f1-sunum-slot .f1g-seg { padding: 2px; border-radius: 8px; }
#f1-sunum-slot .f1g-seg button { height: 26px; padding: 0 9px; font-size: 12.5px; border-radius: 6px; }
@media (max-width: 1599px) { #f1-sunum-slot .f1g-seg-label { display: none; } #f1-sunum-slot .f1g-seg button { padding: 0 7px; } }

/* Çıkış: a word, always, in the tools row */
#f1-bar-head .f1-tools > button#f1-cikis { width: auto !important; padding: 0 8px !important; color: var(--pro-text2); }
#f1-bar-head .f1-tools > button#f1-cikis > span { display: inline !important; }
#f1-bar-head .f1-tools > button#f1-cikis:hover { color: var(--st-crit); border-color: var(--st-crit); }
#f1-cikis .f1-ti { display: block; --ti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.5h-3v11h3M10 5l3 3-3 3M13 8H6.5'/%3E%3C/svg%3E"); }
@media (max-width: 1599px) { #f1-cikis .f1-ti { display: none; } }

/* Kumanda bağlantısı, beside the Kumanda button: icon and words, the icon alone below 1600 px */
#f1-controls > #f1-kp-share-btn { display: inline-flex; align-items: center; gap: 6px; }
#f1-kp-share-btn .f1-ti { display: block; --ti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M6.8 9.2a3 3 0 0 0 4.2 0l2-2a3 3 0 0 0-4.2-4.2l-.9.9M9.2 6.8a3 3 0 0 0-4.2 0l-2 2a3 3 0 0 0 4.2 4.2l.9-.9'/%3E%3C/svg%3E"); }
@media (max-width: 1599px) { #f1-controls > #f1-kp-share-btn > span { display: none; } }