/* Yerel Excel - Geniş ekran ölçeği (Excel'e yakın orantı)
   Tam HD ve üzeri ekranlarda üst/alt şeritler Excel masaüstü uygulamasındaki ölçüye getirilir:
   ince, düz (çerçevesiz) ve bitişik düğmeler. Sayfa içeriği ölçeği static/js/mobile.js'te ayarlanır. */
@media (min-width: 1400px) {
  :root { --ui-scale: 1.12; }
}
@media (min-width: 1800px) {
  :root { --ui-scale: 1.25; }
}
@media (min-width: 1400px) {
  .doc-tabs, .office-header, .ribbon-container, .formula-bar-container, .sheet-tabs-bar { zoom: var(--ui-scale); }

  /* Şerit: Excel gibi düz ve sıkı */
  .ribbon-container { border-bottom: 1px solid #d1d1d1; box-shadow: none; background: #fff; }
  .ribbon-tabs { background: #f3f3f3; border-bottom: 0; height: 30px; gap: 0; padding: 0 6px; }
  .ribbon-tab { font-size: 13px; font-weight: 400; color: #242424; padding: 5px 11px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; margin: 0; background: transparent; }
  .ribbon-tab:hover { background: #e6e6e6; }
  .ribbon-tab.active { color: #107c41; font-weight: 600; background: #fff; border-bottom: 2px solid #107c41; margin: 0; border-left: 0; border-right: 0; border-top: 0; }
  .ribbon-tab.file-tab { background: transparent; color: #242424; font-weight: 400; border-radius: 0; margin: 0; }
  .ribbon-tab.file-tab:hover { background: #e6e6e6; }
  .ribbon-content { padding: 2px 4px; min-height: 88px; max-height: 92px; }
  .ribbon-panel.active { gap: 0; }
  .ribbon-content { scrollbar-width: thin; }
  .ribbon-group { padding: 1px 6px 0; border-right: 1px solid #e1e1e1; }
  .ribbon-group-content { gap: 1px; }
  .ribbon-group-title { font-size: 11px; font-weight: 400; color: #5c5c5c; padding-top: 2px; }
  .ribbon-btn-large, .rb-bigwrap .rb-btn { border: 1px solid transparent; border-radius: 4px; background: transparent; }
  .ribbon-btn-large, .rb-bigwrap .rb-lbl { font-size: 11.5px; color: #242424; }
  .ribbon-btn-small, .rb-sw .ribbon-btn-small { border: 1px solid transparent; border-radius: 4px; background: transparent; color: #242424; }
  .ribbon-btn-small:hover, .ribbon-btn-large:hover, .rb-bigwrap .rb-btn:hover { background: #e9e9e9; border-color: transparent; }
  .ribbon-btn-small:active, .ribbon-btn-large:active, .ribbon-btn-small.active, .ribbon-btn-large.active, .rb-btn.active { background: #cfe8d6 !important; border-color: transparent !important; }
  .ribbon-select { border: 1px solid #c8c8c8; background: #fff; border-radius: 4px; }
  .rb-row { gap: 0; }
  .rb-col { gap: 1px; }
  .rb-sw { gap: 0; }

  /* Üst çubuk, formül çubuğu, sayfa sekmeleri */
  .formula-bar-container { background: #fff; border-bottom: 1px solid #d1d1d1; }
  .cell-name-box { border-color: #c8c8c8; background: #fff; }
  .sheet-tab-item { font-weight: 500; color: #242424; }
  .sheet-tab-item.active { color: #107c41; font-weight: 600; }
}

/* Açılır menüler konuma göre yerleştirildiği için zoom yerine yazı boyutu büyütülür */
@media (min-width: 1400px) {
  .xl-m-item, .ctx-item { font-size: calc(12.5px * var(--ui-scale)); padding-top: calc(5px * var(--ui-scale)); padding-bottom: calc(5px * var(--ui-scale)); }
  .xl-m-head { font-size: calc(11px * var(--ui-scale)); }
  .xl-menu, .ctx-menu { min-width: calc(200px * var(--ui-scale)); }
}