/* Workspace chrome is deliberately scoped away from the rendered Word document. */
body.sf-workbench { height:100dvh; }
/* Jetonlar MARKA paletinden gelir (Zen Rose). Bu dosya YERLEŞİM katmanıdır; renk kimliği
   kaynak dosyalarda ve tema değişkenlerinde tanımlıdır, burada yeniden tanımlanmaz. */
.sf-workbench { --work-ink:#2A2620; --work-muted:#7E7E80; --work-line:#DCDCDE; --work-accent:#963A20; --work-soft:#F8ECE5; }
.sf-workbench #sf-content { flex-direction:column; }
.sf-workbench #sf-workspace-body { display:flex; flex:1; min-height:0; min-width:0; }
.sf-workbench #sf-work-toolbar { padding:16px 24px; background:#fff; border-bottom:1px solid var(--work-line); flex-shrink:0; }
.sf-work-privacy { display:flex; align-items:center; gap:6px; margin-top:6px; color:var(--work-muted); font-size:11.5px; }
.sf-work-privacy .material-symbols-outlined { font-size:14px; }
.sf-work-row { display:flex; align-items:center; gap:12px; min-width:0; flex-wrap:wrap; }
.sf-work-file { display:flex; align-items:center; gap:10px; flex:1; min-width:180px; }
.sf-work-file > div { min-width:0; }
.sf-work-file strong { display:block; font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.sf-work-file small, .sf-work-muted { color:var(--work-muted); font-size:12px; line-height:1.5; }
.sf-workbench .sf-work-button, .sf-source-dialog button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 12px; border:1px solid var(--work-line); border-radius:6px; background:#fff; color:var(--work-ink); font:500 12px/1.4 Inter,system-ui,sans-serif; cursor:pointer; letter-spacing:0; }
.sf-workbench .sf-work-button:hover, .sf-source-dialog button:hover { background:var(--work-soft); }
.sf-workbench .sf-work-icon { width:36px; padding:0; flex-shrink:0; }
.sf-workbench .sf-work-primary, .sf-source-dialog .sf-work-primary { background:var(--work-accent); color:#fff; border-color:var(--work-accent); }
.sf-workbench .sf-work-primary:hover, .sf-source-dialog .sf-work-primary:hover { background:#7D2F1A; }
.sf-workbench .material-symbols-outlined { flex-shrink:0; }
.sf-workbench button:disabled { opacity:.5; cursor:default; }
.sf-workbench button:focus-visible, .sf-workbench summary:focus-visible, .sf-workbench input:focus-visible, .sf-workbench select:focus-visible { outline:2px solid var(--work-accent); outline-offset:2px; }
.sf-workbench #sf-document-main { padding:12px; background:#f3f4f3; justify-content:flex-start; overflow:auto; }
.sf-workbench #sf-work-start { width:100%; max-width:680px; margin:20px auto 24px; }
.sf-work-start-title { font-size:24px; font-weight:600; color:var(--work-ink); margin-bottom:18px; }
.sf-work-start-paths { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:22px; border-bottom:1px solid #ECD3C5; }
.sf-workbench #drop-zone { aspect-ratio:auto; min-height:260px; max-width:680px; background:#fff; border:1px dashed #DCDCDE; border-radius:8px; margin:auto; padding:24px; text-align:center; }
.sf-workbench #drop-zone h2 { font-size:19px; letter-spacing:0; }
.sf-workbench #drop-zone p { opacity:1; color:var(--work-muted); }
.sf-workbench #doc-preview { flex:1; min-height:0; border-radius:0 !important; padding:16px !important; background:transparent !important; }
.sf-workbench #sf-aside, .sf-workbench #sf-aside .sf-aside-inner { width:360px; }
.sf-workbench #sf-aside .sf-aside-inner { border-color:var(--work-line); }
.sf-workbench #sf-aside .sf-aside-inner > div:first-child { padding:16px 18px 0; }
.sf-workbench #sf-aside h2 { font-size:16px; letter-spacing:0; }
.sf-workbench #sf-work-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:4px 14px; margin-top:12px; }
.sf-workbench #sf-work-tabs button { max-width:100%; text-align:left; border:0; border-bottom:2px solid transparent; border-radius:0; padding:8px 0; background:none; color:var(--work-muted); font:500 13px Inter,system-ui,sans-serif; min-height:40px; cursor:pointer; }
.sf-workbench #sf-mobile-settings-close { margin-left:auto; flex-shrink:0; }
.sf-workbench #sf-work-tabs button[aria-pressed="true"] { color:var(--work-accent); border-bottom-color:var(--work-accent); }
.sf-workbench #sf-work-panes { padding:16px 18px; display:block; min-height:0; }
.sf-workbench [hidden] { display:none !important; }
.sf-workbench input.sf-work-search { width:100%; min-width:0; margin-bottom:12px; padding:9px 11px; background:#FBFAF8; border:1px solid var(--work-line); border-radius:6px; font-size:13px; }
.sf-work-search-results { margin:0 0 12px; }
.sf-work-search-results button { display:block; width:100%; text-align:left; border:0; border-bottom:1px solid var(--work-line); border-radius:0; padding:10px 4px; background:#fff; color:var(--work-ink); font-size:12px; cursor:pointer; }
.sf-work-search-results small { display:block; color:var(--work-muted); margin-bottom:3px; }
.sf-workbench #sf-ai-open { order:10; padding:10px 12px !important; }
.sf-workbench #sf-ai-open { display:grid !important; grid-template-columns:1fr auto; align-items:center; }
.sf-workbench #sf-ai-open > div:first-child { grid-column:2; grid-row:1; }
.sf-workbench #sf-ai-open > div:nth-child(2) { grid-column:1; grid-row:1; }
.sf-workbench #sf-ai-open > div:nth-child(2) > div:first-child { font-size:12px !important; font-weight:500 !important; }
.sf-workbench #sf-ai-open > div:nth-child(2) > div:last-child, .sf-workbench #sf-ai-open > div:last-child { display:none; }
.sf-workbench #sf-ai-open > div:first-child > span:first-child { display:none !important; }
.sf-workbench #sf-ai-open > div:first-child > span:first-child { width:auto !important; height:auto !important; background:none !important; }
.sf-workbench .sf-gcard > div:nth-child(2) { color:var(--work-muted) !important; padding-left:42px; }
.sf-workbench .sf-gcard [data-badge] { max-width:100%; white-space:normal; text-align:left; }
.sf-workbench #sf-aktif-kilavuz { display:none; }
.sf-workbench #sf-aside-toggle { right:360px; }
.sf-workbench #sf-format { font-size:13px; }
.sf-workbench #sf-aside .sf-aside-inner > div:last-child { padding:12px 18px; }
.sf-workbench #sf-settings-dock #sf-overlay { position:static !important; background:none !important; animation:none !important; }
.sf-workbench #sf-settings-dock #sf-panel { position:static !important; width:100% !important; max-height:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; animation:none !important; overflow:visible !important; }
.sf-workbench #sf-settings-dock #sf-head { padding:0 0 12px !important; cursor:default !important; }
.sf-workbench #sf-settings-dock #sf-head > .material-symbols-outlined { display:none; }
.sf-workbench #sf-settings-dock #sf-x { order:-1; margin-left:0 !important; width:32px; min-height:32px; color:var(--work-accent) !important; }
.sf-workbench #sf-settings-dock .sf-panel-body { flex-direction:column; }
.sf-workbench #sf-settings-dock .sf-panel-nav { display:flex; flex-wrap:wrap; gap:4px; width:100% !important; border-right:0 !important; border-bottom:1px solid var(--work-line); padding:10px 0 !important; overflow:visible !important; }
.sf-workbench #sf-settings-dock .sf-feat { flex:1 1 140px; width:auto !important; min-height:42px; margin:0 !important; border-left:0 !important; border-radius:6px !important; }
.sf-workbench #sf-settings-dock .sf-feat[aria-pressed="true"] { background:var(--work-soft) !important; }
.sf-workbench #sf-settings-dock #sf-scroll { padding:16px 0 !important; overflow:visible !important; }
.sf-workbench #sf-settings-dock #sf-panel label { font-size:12px; letter-spacing:0; }
.sf-workbench #sf-settings-dock #sf-panel input:not([type=checkbox]):not([type=color]), .sf-workbench #sf-settings-dock #sf-panel select { min-height:34px; font-size:13px; }
.sf-workbench #sf-settings-dock .sf-preview-layout { flex-direction:column; }
.sf-workbench #sf-settings-dock .sf-preview-layout > div { width:100% !important; min-width:0; }
/* CANLI ÖNİZLEME ARTIK YÜZEN PANELDE (app/src/panel-float.ts).
   Önce sticky denendi: ayarların üstüne alınıp kaydırma boyunca ekranda kalıyordu. Ama çalışma
   ekranında ayar listesinin kaydırma alanı yalnız ~590 px ve önizleme onun %53'ünü kaplıyordu;
   kaydırınca ayarlar önizlemenin ALTINA giriyor, kontroller görünmez oluyordu (kullanıcı bildirdi,
   ölçüldü: 55 px örtüşme, 2 kontrol kayıp). Sütun artık ayar akışından tümüyle çıkarılıp belge
   alanının üzerinde yüzen bir kutuya taşınıyor: hem ekranda kalıyor hem tek piksel yer almıyor.
   Dar ekranda (yüzen kutu küçük ekranda her şeyi örter) sütun yerinde ama YAPIŞIKSIZ durur. */
.sf-workbench #sf-settings-dock .sf-preview-column { order:-1; max-width:340px; align-self:center !important; }
.sf-workbench #sf-settings-dock .sf-preview-column.sf-preview-floating { max-width:none; align-self:stretch !important; order:0; }
.sf-workbench #sf-settings-dock #sf-off-hint { text-align:left !important; padding:9px 10px !important; background:#F5F2EE; color:var(--work-muted) !important; border-radius:4px; }
.sf-workbench #sf-settings-dock #sf-scrollhint { display:none !important; }
.sf-workbench #sf-asidehint { display:none !important; }
.sf-work-section { padding:0 0 18px; margin-bottom:18px; border-bottom:1px solid var(--work-line); }
.sf-work-section h3 { font-size:13px; font-weight:600; margin:0 0 10px; }
.sf-work-summary-list { margin:0; padding:0; list-style:none; }
.sf-work-summary-list li { padding:10px 0; border-bottom:1px solid #F0ECE3; }
/* Bu kural özet listesinin KENDİ tam-genişlik satır düğmeleri içindir. Belge denetimi de ödünç alınıp
   aynı <ul> içine basıldığı için "Düzelt" düğmesi de yakalanıyordu: width:100% düğmeyi satırın tamamına
   yayıyor, metin sütunu (flex:1) 0'a düşüyor ve yazı kelime kelime kırılıp düğmenin üstüne taşıyordu;
   background:none da düğmeyi boş bir kutuya çeviriyordu. Kullanıcı bunu ekran görüntüsüyle bildirdi.
   Denetim satırları kural dışında tutuldu. */
.sf-work-summary-list li:not(.sf-audit-row) button { width:100%; justify-content:space-between !important; text-align:left; border:0 !important; padding:0 !important; background:none !important; }
.sf-work-summary-list small { display:block; color:var(--work-muted); font-size:12px; line-height:1.5; margin-top:4px; overflow-wrap:anywhere; }
.sf-work-note { padding:10px 12px; border-left:3px solid #BD795F; background:#FBF7F0; color:#5F584E; font-size:12px; line-height:1.55; margin:12px 0; }
.sf-work-status { display:inline-block; font:600 11px/1.4 Inter,system-ui,sans-serif; color:var(--work-accent); margin-bottom:4px; }
.sf-work-status[data-state="failed"], .sf-work-status[data-state="partial"] { color:#963A20; }
.sf-result-details { margin-top:6px; font-size:11px; color:var(--work-muted); }
.sf-result-details summary { cursor:pointer; }
.sf-workbench #sf-work-audit-body #sf-audit { position:static !important; width:100% !important; max-height:none !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; background:#fff !important; border-radius:0 !important; }
.sf-workbench #sf-work-audit-body #sf-audit-head { cursor:default !important; flex-wrap:wrap; padding:8px 0 12px !important; }
.sf-workbench #sf-work-audit-body #sf-audit-x, .sf-workbench #sf-work-audit-body #sf-audit-tgl, .sf-workbench #sf-work-audit-body #sf-audit-bar { display:none; }
.sf-workbench #sf-work-audit-body #sf-audit-body { display:block !important; overflow:visible !important; }
.sf-workbench #sf-work-audit-body .sf-audit-row { margin-left:0 !important; margin-right:0 !important; padding-right:0 !important; }
.sf-source-dialog { --work-ink:#2A2620; --work-line:#DCDCDE; --work-accent:#963A20; --work-soft:#F8ECE5; width:min(560px,calc(100% - 24px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--work-line); border-radius:8px; color:var(--work-ink); font:13px/1.5 Inter,system-ui,sans-serif; background:#fff; }
.sf-source-dialog::backdrop { background:rgba(42,38,32,.4); }
.sf-source-dialog header, .sf-source-dialog footer { display:flex; align-items:center; gap:10px; padding:18px 22px; border-bottom:1px solid var(--work-line); }
.sf-source-dialog header h2 { font-size:18px; font-weight:600; flex:1; }
.sf-source-dialog footer { justify-content:flex-end; border-top:1px solid var(--work-line); border-bottom:0; }
.sf-source-content { padding:18px 22px; }
.sf-source-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.sf-source-tabs [aria-pressed=true] { background:var(--work-soft); border-color:#ECD3C5; color:var(--work-accent); }
/* Kılavuz türü seçimi (üniversite / yayın stili) üstteki kaynak sekmelerinin altında ikinci bir satır:
   kendi etiketine yapışsın diye alt boşluğu küçültülür. */
.sf-source-gtur { margin-bottom:4px; }
.sf-source-dialog label { display:block; margin:12px 0 5px; font-weight:500; }
.sf-source-dialog select, .sf-source-dialog input { width:100%; padding:9px 11px; border:1px solid var(--work-line); border-radius:6px; background:#fff; min-width:0; }
.sf-source-dialog button:focus-visible, .sf-source-dialog select:focus-visible { outline:2px solid var(--work-accent); outline-offset:2px; }
.sf-workbench #sf-compare { display:flex; gap:2px; }
.sf-workbench #sf-compare button[aria-pressed=true] { background:var(--work-soft); color:var(--work-accent); border-color:#ECD3C5; }
@media (min-width:768px) and (max-width:1190px) {
  .sf-workbench #sf-sidebar { width:168px; }
  .sf-workbench #sf-content { margin-left:168px; }
  .sf-workbench #sf-nav-toggle { left:168px; }
  .sf-workbench #sf-aside, .sf-workbench #sf-aside .sf-aside-inner { width:380px; }
  .sf-workbench #sf-aside-toggle { right:380px; }
}
/* BELGE OLUŞTURUCU (İçerik sekmesi): oluşturucu etkinken (body.sf-composer) sağ panel genişler; sekme yalnız o zaman görünür. */
.sf-workbench:not(.sf-composer) [data-work-tab="icerik"] { display:none; }
.sf-workbench.sf-composer #sf-aside, .sf-workbench.sf-composer #sf-aside .sf-aside-inner { width:520px; }
.sf-workbench.sf-composer #sf-aside-toggle { right:520px; }
@media (min-width:768px) and (max-width:1190px) {
  .sf-workbench.sf-composer #sf-aside, .sf-workbench.sf-composer #sf-aside .sf-aside-inner { width:440px; }
  .sf-workbench.sf-composer #sf-aside-toggle { right:440px; }
}
.sf-workbench.sf-l-collapsed #sf-content { margin-left:0; }
.sf-workbench.sf-l-collapsed #sf-nav-toggle { left:0; }
.sf-workbench.sf-r-collapsed #sf-aside, .sf-workbench.sf-composer.sf-r-collapsed #sf-aside { width:0; }
.sf-workbench.sf-r-collapsed #sf-aside-toggle, .sf-workbench.sf-composer.sf-r-collapsed #sf-aside-toggle { right:0; }
@media (max-width:1023px) {
  .sf-workbench #sf-sidebar { transform:translateX(-100%) !important; z-index:60; box-shadow:4px 0 28px rgba(20,18,15,.16); }
  .sf-workbench.sf-mnav-open #sf-sidebar { transform:translateX(0) !important; }
  .sf-workbench #sf-content { margin-left:0 !important; }
  .sf-workbench #sf-nav-toggle, .sf-workbench #sf-aside-toggle { display:none !important; }
  .sf-workbench #sf-mnav-btn, .sf-workbench #sf-aside-fab { position:fixed; top:10px; z-index:62; width:42px; height:42px; border-radius:12px; padding:0; display:flex !important; align-items:center; justify-content:center; background:#fff; color:#2A2520; border:1px solid #e5e1da; box-shadow:0 2px 12px rgba(20,18,15,.10); cursor:pointer; }
  .sf-workbench #sf-mnav-btn { left:10px; }
  .sf-workbench #sf-aside-fab { right:10px; }
  .sf-workbench #sf-mnav-backdrop { display:block !important; position:fixed; inset:0; z-index:58; background:rgba(20,18,15,.44); opacity:0; pointer-events:none; }
  .sf-workbench.sf-mnav-open #sf-mnav-backdrop, .sf-workbench.sf-aside-open #sf-mnav-backdrop { opacity:1; pointer-events:auto; }
  .sf-workbench.sf-mnav-open #sf-mnav-btn, .sf-workbench.sf-mnav-open #sf-aside-fab, .sf-workbench.sf-aside-open #sf-mnav-btn, .sf-workbench.sf-aside-open #sf-aside-fab { opacity:0; pointer-events:none; }
  .sf-workbench #sf-aside { position:fixed !important; top:0; right:0; height:100% !important; transform:translateX(100%) !important; z-index:60; box-shadow:-4px 0 28px rgba(20,18,15,.16); }
  .sf-workbench.sf-aside-open #sf-aside { transform:translateX(0) !important; }
  .sf-workbench #sf-work-toolbar { padding:60px 14px 12px; }
  .sf-workbench #sf-document-main { padding:14px !important; }
  .sf-workbench #sf-aside { width:min(100%,440px) !important; padding-top:0; }
  .sf-workbench #sf-aside .sf-aside-inner { width:100% !important; }
  .sf-workbench #sf-work-start { margin:8px auto 16px; }
  .sf-workbench #drop-zone { min-height:230px; margin-top:0; }
  .sf-work-start-title { font-size:20px; }
  .sf-work-start-paths { gap:6px; }
  .sf-workbench #sf-work-source { width:100%; }
  .sf-workbench #sf-aside .sf-aside-inner > div:first-child { position:relative; }
  .sf-workbench #sf-aside h2 { padding-right:36px; }
  .sf-workbench #sf-mobile-settings-close { display:inline-flex; position:absolute; top:8px; right:12px; width:32px; min-height:32px; margin:0; justify-content:center; border:0; }
}
@media (min-width:1024px) { .sf-workbench #sf-mobile-settings-close { display:none; } }
/* Koyu kip: vurgu KOYU kalmalı, yazı beyaz. Açık nane zemin üstünde beyaz yazı 1,64:1 veriyordu. */
html.dark .sf-workbench { --work-ink:#E8E2DA; --work-muted:#A5A5A8; --work-line:#3a3a37; --work-accent:#C05640; --work-soft:#3a2a24; }
html.dark .sf-workbench #sf-work-toolbar, html.dark .sf-workbench #drop-zone, html.dark .sf-workbench .sf-work-button { background:#262624 !important; color:var(--work-ink); }
html.dark .sf-workbench #sf-document-main { background:#1b1b19; }


/* ── CANLI ÖNİZLEME YÜZEN PANELİ ──────────────────────────────────────────────────
   Belge alanının üzerinde durur, ayar sütunundan yer almaz. Başlıktan sürüklenir;
   konumu, katlanmışlığı ve kapalılığı localStorage'da saklanır (panel-float.ts). */
#sf-float {
  position:fixed; z-index:60; display:none; flex-direction:column;
  background:#fff; border:1px solid var(--work-line,#E4E1DA); border-radius:12px;
  box-shadow:0 14px 38px -12px rgba(40,38,35,.34), 0 2px 6px rgba(40,38,35,.06);
  overflow:hidden; max-height:80vh;
}
#sf-float-head {
  display:flex; align-items:center; gap:7px; cursor:grab; user-select:none;
  padding:8px 8px 8px 11px; border-bottom:1px solid #F0ECE3; background:#FCFBF9;
  font:600 12px Inter,system-ui,sans-serif; color:#5F584E;
}
#sf-float-title { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#sf-float-head button {
  flex-shrink:0; border:0; background:none; cursor:pointer; color:#A5A5A8;
  padding:2px; border-radius:5px; line-height:0; display:flex;
}
#sf-float-head button:hover { background:#F0ECE3; color:#5F584E; }
#sf-float-head button .material-symbols-outlined { font-size:17px; }
#sf-float-body { padding:12px 12px 14px; overflow:auto; }
#sf-float-body .sf-preview-column { width:100% !important; }
/* Yüzen kutuda sütunun kendi başlığı gereksiz: kutunun başlığı zaten "Canlı önizleme" diyor. */
#sf-float-body .sf-preview-column > .font-label-sm:first-child { display:none; }

#sf-float-reopen {
  display:none; align-items:center; justify-content:center; gap:6px; width:100%;
  margin:0 0 10px; padding:8px 10px; cursor:pointer;
  border:1px dashed #DCDCDE; border-radius:9px; background:#FCFBF9;
  font:600 11.5px Inter,system-ui,sans-serif; color:#8A5A3B;
}
#sf-float-reopen:hover { background:#F8ECE5; border-color:#ECD3C5; }
@media (max-width: 899px) { #sf-float, #sf-float-reopen { display:none !important; } }


/* Tablo seçim rozeti: ad üstte, durum altta. Genişlik sayfanın sol kenar payıyla sınırlanır
   (table-scope-ui.ts yerlestir), o yüzden satırlar taşarsa üç noktayla kısalır. */
.sf-tblbadge > span { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sf-tblbadge .sf-tblbadge-durum { font-size:9.5px; font-weight:500; opacity:.85; }

/* Dar sekmede uzun kaynak adları ve içerik araçları paneli büyütmesin. */
.sf-workbench #sf-sidebar { overflow-y:auto; overscroll-behavior:contain; }
.sf-workbench #sf-work-source { max-width:100%; }
.sf-workbench #sf-work-source > span:not(.material-symbols-outlined) { min-width:0; overflow-wrap:anywhere; }
.sf-workbench #sf-work-icerik .sfc-btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.sf-workbench #sf-work-icerik .sfc-head { flex-wrap:wrap; }
.sf-workbench #sf-work-icerik .sfc-head h3 { flex-basis:160px; }
.sf-workbench #sf-work-icerik .sfc-2col, .sf-workbench #sf-work-icerik .sfc-3col { min-width:0; }
.sf-workbench #sf-work-icerik .sfc-2col > *, .sf-workbench #sf-work-icerik .sfc-3col > * { min-width:0; }