/* ══════════════════════════════════════════════════════════════════
   advisor-mobile.css — Bovisio Advisor MOBİL (saha uygulaması)
   Tema (Azures: Tema/styles/style.css) üzerine bu uygulamaya özel parçalar. Temanın dosyalarına dokunulmaz.
   Vurgu rengi temanın turuncusudur: BAŞLIK BANDI turuncudur (temanın .header-card'ı; sayfanın ilk kartı ya da hızlı işlem
   kutuları bandın üstüne biner). Bunun dışında turuncu yalnızca küçük vurguda kullanılır (kaydet düğmesi, sayı rozeti,
   etkin sekme / alt çubuk maddesi, bağlantı, odak çizgisi). Seçili süzgeç, simge kutuları ve baş harf daireleri marka
   koyusu ya da nötrdür. Uzun (tam genişlik) düğme kullanılmaz: sayfanın işlemleri HIZLI İŞLEM KUTULARIDIR (.am-tiles: simgeli kare
   kutular), formun kaydet düğmesi küçüktür ve sağdadır.
   Sınıflar "am-" ile başlar. Saha kullanımı: büyük dokunma alanları (en az 44 px), 16 px form yazısı (iPhone'da
   yakınlaştırma olmasın), yüksek karşıtlık. Köşe yuvarlaması kullanılmaz (temanın kartı gibi en çok 3 px);
   yalnızca baş harf dairesi ve grafik noktası yuvarlaktır.
   Bölümler: 1) değişkenler  2) başlık satırı  3) alt çubuk  4) yan menü  5) alt pencereler (dil, yükleme)
             6) ana ekran  7) liste satırı ve etiketler  8) form  9) giriş / kayıt şablonu  10) yükleniyor, çevrimdışı
             11) ortak küçük parçalar  12) takvim  13) ayrıntı sayfaları  14) form kartları  15) arama ve süzgeç
             16) durum seçimi, seçenek satırları, uyarı kutusu  17) rasyon ve stok satırları  18) profil ve bildirim
             19) istek kutusu, sayı rozeti  20) rasyon hazırlama, atama, seçim satırları  21) alacak takibi
             22) izleme: sayı kutuları, puan, çubuklar, grafik, tablo satırları  23) firma, ekip, şifremi unuttum
             24) hızlı işlem kutuları, yem grupları
   ══════════════════════════════════════════════════════════════════ */

/* ── 1) Değişkenler ── */
.am {
    --am-accent: #E9573F;          /* highlight_orange */
    --am-accent-ink: #B73A26;      /* beyaz zeminde turuncu YAZI (küçük yazıda yeterli karşıtlık) */
    --am-accent-btn: #D0442C;      /* beyaz yazılı düğme zemini (yeterli karşıtlık) */
    --am-accent-soft: #FDEDE9;
    --am-ink: #2A2623;
    --am-soft: #6F6862;
    --am-line: #E6E2DE;
    --am-fill: #F6F4F2;
    --am-dark: #413C39;            /* marka koyusu (yan menü başlığı, giriş bandı) */
    --am-dark-2: #2E2A28;
    --am-good: #1E7B34;
    --am-good-soft: #E4F3E8;
    --am-warn: #875A00;
    --am-warn-soft: #FBF1D9;
    --am-bad: #C0362C;
    --am-bad-soft: #FBE6E3;
    --am-info: #2A65A8;
    --am-info-soft: #E5EFF9;
    --am-shadow: 0 1px 4px rgba(42, 38, 35, .1);
}
.am, .am p { color: var(--am-ink); }
.am p { font-size: 14px; line-height: 1.5; }
.am a { -webkit-tap-highlight-color: transparent; }

/* ── 2) Başlık satırı: sol (geri) + sayfa adı · sağ uyarılar ve profil ── */
.am-title { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.am-title h2 { flex: 1 1 auto; min-width: 0; margin: 0; padding-top: 0 !important; display: flex; align-items: center; font-size: 21px !important; line-height: 44px; white-space: nowrap; overflow: hidden; }
.am-title h2 a { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: -12px; padding: 0 !important; }
.am-title-text { overflow: hidden; text-overflow: ellipsis; }
.am-title-btn { position: relative; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .2); color: #FFF !important; font-size: 16px; }
.am-title-btn em { position: absolute; top: -2px; right: -2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #FFF; color: var(--am-accent-ink); font: 700 11px/18px "Roboto", sans-serif; font-style: normal; text-align: center; }
.am-avatar { font: 600 14px/1 "Poppins", sans-serif; letter-spacing: .5px; background: rgba(255, 255, 255, .28); }

/* ── 3) Alt çubuk: köşesiz; sayı rozetleri ── */
.am #footer-bar { border-radius: 0; background-color: #FFF; }
.am #footer-bar a { min-width: 0; }
.am #footer-bar a i { color: var(--am-soft); }
.am #footer-bar a.active-nav i { color: var(--am-accent); }
.am #footer-bar a.active-nav span { color: var(--am-accent-ink); opacity: 1; }
.am #footer-bar a.active-nav span { font-weight: 700; }
.am #footer-bar a span { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 2px; }
.am #footer-bar a em { position: absolute; z-index: 5; top: 6px; left: 50%; margin-left: 6px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--am-accent-btn); color: #FFF; font: 700 10px/17px "Roboto", sans-serif; font-style: normal; text-align: center; }
.am .footer-bar-5 .active-nav strong { border-radius: 0; height: 3px; top: 0; bottom: auto; background-color: var(--am-accent) !important; }

/* ── 4) Yan menü ── */
/* Temada .menu gizlidir ve sayfada elle açılır; burada hep çizilir (ekran dışında bekler, sınıfla içeri kayar) */
.am .menu { display: block; }
/* Tema #menu-main'i kenarlardan 10 px içeride ve köşeleri yuvarlak çizer; burada ekranın tamamı (üst boşluğu başlık verir) */
.am #menu-main { top: 0 !important; bottom: 0 !important; border-radius: 0; }
.am-menu-head { position: relative; padding: calc(env(safe-area-inset-top, 0px) + 18px) 18px 16px; background: var(--am-dark); color: #FFF; }
.am-menu-head img { display: block; width: 168px; height: auto; margin-bottom: 16px; }
.am-menu-user { display: flex; align-items: center; gap: 12px; min-width: 0; }
.am-menu-user > span { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #FFF; font: 600 14px/1 "Poppins", sans-serif; }
.am-menu-user div { min-width: 0; }
.am-menu-user b { display: block; color: #FFF; font-size: 14px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-menu-user small { display: block; color: rgba(255, 255, 255, .72); font-size: 12px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-menu-close { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 6px); right: 6px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: rgba(255, 255, 255, .8) !important; font-size: 16px; }
.am-menu-items { margin-bottom: 12px; }
.am-menu-items a { position: relative; line-height: 48px; }
.am-menu-items a i:first-child { width: 54px; height: 48px; line-height: 48px; font-size: 15px; }
.am-menu-items span { padding-left: 56px; line-height: 48px; font-size: 14px; }
.am-menu-items i:last-child { line-height: 48px; }
.am-menu-items strong { margin-top: 14px; min-width: 20px; width: auto; height: 20px; padding: 0 6px; border-radius: 10px; line-height: 20px; font-size: 11px; color: #FFF !important; background-color: var(--am-accent-btn) !important; }
.am-menu-items a small { position: absolute; right: 42px; top: 0; line-height: 48px; font-size: 12px; color: var(--am-soft); }
.am-menu-items .nav-item-active { background: #FFF; box-shadow: inset 3px 0 0 var(--am-accent); }
.am-menu-items .nav-item-active span { font-weight: 600; }
.am-menu-items .nav-item-active .fa-circle { color: var(--am-accent) !important; }
.am-menu-items a[hidden] { display: none; }
/* açılır bölüm: başlık (simge · ad · toplam sayı · ok) + maddeler (içeriden, simgeleri soluk) */
.am .am-menu-group-head { position: relative; display: block; width: 100%; min-height: 48px; padding: 0; border: 0; border-bottom: 1px solid rgba(0, 0, 0, .04); border-radius: 0; background: #FFF; color: var(--am-ink); font: inherit; line-height: 48px; text-align: left; }
.am-menu-group-head > i:first-child { position: absolute; left: 0; top: 0; width: 54px; height: 48px; line-height: 48px; font-size: 15px; text-align: center; }
.am-menu-items .am-menu-group-head > span { display: block; padding: 0 78px 0 56px; font-size: 14px; font-weight: 600; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-menu-items .am-menu-group-head > i:last-child { top: 0; right: 4px; width: 44px; line-height: 48px; font-size: 11px !important; opacity: .55; transform: none; transition: transform .2s; }
.am-menu-items .am-menu-group-head[aria-expanded="true"] > i:last-child { transform: rotate(180deg); }
.am-menu-items .am-menu-group-head > strong { top: 0; right: 46px; }
.am-menu-group.on > .am-menu-group-head > strong { display: none; }
.am-menu-group.on > .am-menu-group-head { background: var(--am-fill); }
.am-menu-group-body { background: var(--am-fill); border-bottom: 1px solid var(--am-line); }
.am-menu-group-body a { line-height: 44px; border-bottom: 0; }
.am-menu-group-body a i:first-child { left: 16px; width: 44px; height: 44px; line-height: 44px; font-size: 13px; color: var(--am-soft); }
.am-menu-group-body span { padding-left: 60px; line-height: 44px; font-size: 13.5px; }
.am-menu-group-body i:last-child { line-height: 44px; }
.am-menu-group-body strong { margin-top: 12px; }
.am-menu-foot { margin: 0 0 20px; padding: 0 18px; font-size: 11px !important; color: var(--am-soft) !important; }

/* ── 5) Alt pencereler (dil seçimi, ana ekrana ekleme) ── */
.am .am-sheet { border-radius: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
.am-sheet-head { display: flex; align-items: center; justify-content: space-between; padding: 6px 6px 6px 18px; border-bottom: 1px solid var(--am-line); }
.am-sheet-head h4 { margin: 0; font-size: 16px; font-weight: 600; }
.am-sheet-head a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--am-soft) !important; }
.am-langs a { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 18px; border-bottom: 1px solid var(--am-line); color: var(--am-ink) !important; font-size: 15px; }
.am-langs a:last-child { border-bottom: 0; }
.am-langs a b { flex: 0 0 auto; width: 34px; font: 700 12px/1 "Roboto", sans-serif; color: var(--am-soft); }
.am-langs a i { margin-left: auto; color: var(--am-accent-ink); visibility: hidden; }
.am-langs a.on { font-weight: 600; }
.am-langs a.on i { visibility: visible; }
.am-install { padding: 20px 18px 18px; text-align: center; }
.am-install-mark { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 12px; background: var(--am-dark); }
.am-install-mark img { display: block; width: 60px; height: auto; }
.am-install h4 { margin: 0 0 6px; font-size: 17px; font-weight: 600; }
.am-install p { margin: 0 0 16px; color: var(--am-soft) !important; }
.am-install .am-btn { margin-bottom: 6px; }

/* ── 6) Ana ekran ── */
.am-card { margin: 0 15px 14px; background: #FFF; border-radius: 3px; box-shadow: var(--am-shadow); position: relative; z-index: 1; }
.am-hello { display: flex; align-items: flex-start; gap: 12px; padding: 16px 16px 14px; }
.am-hello-text { flex: 1 1 auto; min-width: 0; }
.am-hello h1 { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-hello p { margin: 2px 0 0; font-size: 13px; color: var(--am-soft) !important; }
.am-hello .am-week { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 4px 10px; background: var(--am-fill); font-size: 12px; color: var(--am-soft); }
.am-hello-mark { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; font-size: 20px; }
/* simge renkleri (yalnızca süs; anlamı her zaman yanındaki yazı taşır) */
.am-tone-orange { background: var(--am-accent-soft); color: var(--am-accent-ink); }
.am-tone-blue { background: var(--am-info-soft); color: var(--am-info); }
.am-tone-green { background: var(--am-good-soft); color: var(--am-good); }
.am-tone-teal { background: #DCF2EF; color: #0F6B64; }
.am-tone-amber { background: var(--am-warn-soft); color: var(--am-warn); }
.am-tone-red { background: var(--am-bad-soft); color: var(--am-bad); }
.am-tone-violet { background: #ECE6F8; color: #5A3EA3; }
.am-tone-brown { background: #F2E8DE; color: #7A4D22; }
/* sıradaki ziyaret: koyu kart — saat / gün, çiftlik, altında tek dokunuşluk işlemler */
.am-nextup { background: var(--am-dark); overflow: hidden; }
.am-nextup-main { display: flex; align-items: center; gap: 14px; padding: 14px 14px 14px 16px; color: #FFF !important; }
.am-nextup-when { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 62px; min-height: 58px; padding: 6px 8px; background: var(--am-accent-btn); color: #FFF; text-align: center; }
.am-nextup-when b { font: 600 18px/1.15 "Poppins", sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
.am-nextup-when small { font-size: 11px; line-height: 1.25; color: rgba(255, 255, 255, .9); white-space: nowrap; }
.am-nextup-when i { font-size: 18px; margin-bottom: 2px; }
.am-nextup-body { flex: 1 1 auto; min-width: 0; }
.am-nextup-body small { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #F6B6A9; }
.am-nextup-body b { display: block; margin-top: 2px; font-size: 17px; font-weight: 600; line-height: 1.3; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-nextup-body span { display: block; font-size: 12.5px; line-height: 1.35; color: rgba(255, 255, 255, .78); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-nextup-main > i { flex: 0 0 auto; font-size: 11px; color: rgba(255, 255, 255, .5); }
.am-nextup-acts { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); border-top: 1px solid rgba(255, 255, 255, .14); }
.am-nextup-acts a { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 48px; padding: 6px 6px; color: #FFF !important; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: center; }
.am-nextup-acts a + a { border-left: 1px solid rgba(255, 255, 255, .14); }
.am-nextup-acts a i { flex: 0 0 auto; font-size: 14px; color: #F6B6A9; }
.am-nextup-acts a:active { background: rgba(255, 255, 255, .08); }
/* dört sayı: simge + sayı, altında ad */
.am-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 15px 14px; position: relative; z-index: 1; }
.am-stat { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; column-gap: 10px; min-width: 0; min-height: 96px; padding: 12px 14px 10px; background: #FFF; border-radius: 3px; border-top: 3px solid var(--am-line); box-shadow: var(--am-shadow); color: var(--am-ink) !important; }
.am-stat > i { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; }
.am-stat b { font: 600 28px/1.1 "Poppins", sans-serif; font-variant-numeric: tabular-nums; text-align: right; }
.am-stat span { grid-column: 1 / -1; margin-top: 8px; font-size: 12.5px; font-weight: 500; line-height: 1.25; color: var(--am-ink); }
.am-stat small { grid-column: 1 / -1; display: block; min-height: 16px; font-size: 12px; line-height: 16px; color: var(--am-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-stat.am-on { border-top-color: var(--am-accent); }
.am-stat.am-alarm { border-top-color: var(--am-bad); }
.am-stat.am-alarm small { color: var(--am-bad); font-weight: 600; }
.am-sec-head { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 6px 0 16px; border-bottom: 1px solid var(--am-line); }
.am-sec-head h3 { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
.am-sec-head h3 small { margin-left: 6px; font-size: 12px; font-weight: 400; color: var(--am-soft); }
.am-sec-head a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px; font-size: 13px; font-weight: 600; color: var(--am-accent-ink) !important; }
.am-sec-head a i { font-size: 10px; }
.am-empty { display: flex; align-items: center; gap: 12px; padding: 18px 16px; font-size: 14px; color: var(--am-soft); }
.am-empty i { flex: 0 0 auto; font-size: 20px; color: #B9B3AD; }
.am-first { padding: 22px 18px; text-align: center; }
.am-first > i { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 12px; background: var(--am-fill); color: var(--am-soft); font-size: 22px; }
.am-first h3 { margin: 0 0 6px; font-size: 17px; font-weight: 600; }
.am-first p { margin: 0 0 16px; color: var(--am-soft) !important; }

/* ── 7) Liste satırı: solda zaman / simge kutusu, ortada başlık + alt satır, sağda etiket ve ok ── */
.am-row { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 12px 10px 16px; border-bottom: 1px solid var(--am-line); color: var(--am-ink) !important; }
.am-row:last-child { border-bottom: 0; }
.am-row-when { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 54px; min-height: 44px; padding: 4px 2px; background: var(--am-fill); text-align: center; }
.am-row-when b { font: 600 14px/1.2 "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.am-row-when small { font-size: 10.5px; line-height: 1.2; color: var(--am-soft); }
.am-row-when i { font-size: 16px; }
.am-row-body { flex: 1 1 auto; min-width: 0; }
.am-row-body b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-row-body span { display: block; font-size: 12.5px; line-height: 1.35; color: var(--am-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-row-body span.am-wrap { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.am-row-end { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.am-row-end > i { font-size: 11px; color: #B9B3AD; }
.am-row.am-late .am-row-when { background: var(--am-bad-soft); }
.am-row.am-late .am-row-when b, .am-row.am-late .am-row-when i { color: var(--am-bad); }
.am-row.am-done .am-row-body b { color: var(--am-soft); text-decoration: line-through; }
.am-row.am-level-bad .am-row-when { background: var(--am-bad-soft); color: var(--am-bad); }
.am-row.am-level-warn .am-row-when { background: var(--am-warn-soft); color: var(--am-warn); }
.am-row.am-level-info .am-row-when { background: var(--am-info-soft); color: var(--am-info); }
.am-tag { display: inline-block; padding: 2px 8px; font-size: 11.5px; font-weight: 600; line-height: 1.5; white-space: nowrap; background: var(--am-fill); color: var(--am-soft); }
.am-tag-good { background: var(--am-good-soft); color: var(--am-good); }
.am-tag-warn { background: var(--am-warn-soft); color: var(--am-warn); }
.am-tag-bad { background: var(--am-bad-soft); color: var(--am-bad); }
.am-tag-info { background: var(--am-info-soft); color: var(--am-info); }

/* ── 8) Form ── */
.am-field { margin-bottom: 14px; }
.am-field > label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 600; color: var(--am-ink); }
.am-field > label b { color: var(--am-bad); font-weight: 600; }
.am .am-input, .am .am-select, .am .am-textarea { display: block; width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #CFC9C3; border-radius: 3px; background: #FFF; color: var(--am-ink); font: 400 16px/1.4 "Roboto", sans-serif; -webkit-appearance: none; appearance: none; }
/* Tema her alana "font-size: 12px !important" ve odakta kendi kenarlık rengini verir: burada 16 px (iPhone yakınlaştırmasın) ve turuncu kenarlık */
.am .am-input, .am .am-select, .am .am-textarea { font-size: 16px !important; }
.am .am-select { padding-right: 36px; background-image: linear-gradient(45deg, transparent 50%, var(--am-soft) 50%), linear-gradient(135deg, var(--am-soft) 50%, transparent 50%); background-position: calc(100% - 20px) 21px, calc(100% - 14px) 21px; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
.am .am-textarea { min-height: 96px; resize: vertical; }
.am .am-input:focus, .am .am-select:focus, .am .am-textarea:focus { outline: 0; border-color: var(--am-accent) !important; box-shadow: 0 0 0 3px rgba(233, 87, 63, .18); }
.am .am-input:disabled, .am .am-select:disabled { background-color: var(--am-fill); color: var(--am-soft); }
.am .is-invalid { border-color: var(--am-bad) !important; }
.am-help { margin-top: 5px; font-size: 12.5px; line-height: 1.4; color: var(--am-soft); }
.am-error { display: none; margin-top: 5px; font-size: 12.5px; line-height: 1.4; color: var(--am-bad); }
.am-error.on { display: block; }
.am-pass { position: relative; }
.am-pass .am-input { padding-right: 52px; }
.am-pass button { position: absolute; top: 0; right: 0; width: 48px; height: 48px; border: 0; background: none; color: var(--am-soft); font-size: 15px; }
.am-phone { display: flex; }
.am-phone span { flex: 0 0 auto; display: flex; align-items: center; min-width: 58px; padding: 0 12px; border: 1px solid #CFC9C3; border-right: 0; border-radius: 3px 0 0 3px; background: var(--am-fill); font-size: 16px; color: var(--am-soft); }
.am-phone .am-input { border-radius: 0 3px 3px 0; }
.am-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.am-checks { display: flex; flex-wrap: wrap; gap: 8px; }
.am-checks label { position: relative; margin: 0; }
.am-checks input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.am-checks span { display: inline-flex; align-items: center; min-height: 40px; padding: 6px 14px; border: 1px solid #CFC9C3; border-radius: 3px; background: #FFF; font-size: 14px; color: var(--am-ink); }
.am-checks input:checked + span { border-color: var(--am-dark); background: var(--am-dark); color: #FFF; font-weight: 600; }
.am-checks input:focus-visible + span { box-shadow: 0 0 0 3px rgba(233, 87, 63, .25); }
.am-checks.is-invalid span { border-color: var(--am-bad); }
.am-agree { display: flex; align-items: flex-start; gap: 10px; margin: 6px 0 16px; font-size: 13.5px; line-height: 1.45; }
.am-agree input { flex: 0 0 auto; width: 22px; height: 22px; margin: 0; accent-color: var(--am-accent); }
.am-more { margin: 2px 0 14px; border: 1px solid var(--am-line); }
.am-more summary { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 0 12px; font-size: 13.5px; font-weight: 600; color: var(--am-soft); cursor: pointer; list-style: none; }
.am-more summary::-webkit-details-marker { display: none; }
.am-more summary i { font-size: 11px; transition: transform .2s; }
.am-more[open] summary i { transform: rotate(180deg); }
.am-more[open] summary { border-bottom: 1px solid var(--am-line); }
.am-more-body { padding: 14px 12px 0; }
.am-rules { margin: 0 0 14px; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; font-size: 12.5px; color: var(--am-soft); }
.am-rules li { display: flex; align-items: center; gap: 6px; }
.am-rules li i { font-size: 9px; }
.am-rules li.ok { color: var(--am-good); }
.am .am-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; max-width: 100%; min-height: 44px; padding: 8px 18px; border: 0; border-radius: 3px; background: var(--am-accent-btn); color: #FFF !important; font: 600 14px/1.2 "Poppins", sans-serif; text-align: center; vertical-align: middle; }
.am .am-btn:active { background: #B73A26; }
.am .am-btn[disabled], .am .am-btn.am-busy { opacity: .6; pointer-events: none; }
.am .am-btn-line { background: #FFF; color: var(--am-ink) !important; border: 1px solid #CFC9C3; }
.am .am-btn-line:active { background: var(--am-fill); }
.am .am-btn-text { background: none; color: var(--am-soft) !important; padding-left: 10px; padding-right: 10px; font-weight: 500; }
.am .am-btn-text:active { background: none; }
.am-btn-row { display: flex; flex-wrap: wrap; gap: 8px; }
.am-btn-row .am-btn { flex: 0 1 auto; }
.am-note { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--am-soft); }
.am-note i { flex: 0 0 auto; margin-top: 2px; }

/* ── 9) Giriş / kayıt şablonu: koyu marka bandı (logo, dil) → banda binen beyaz kart ── */
.am-auth { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--am-fill); }
.am-auth-hero { padding: calc(env(safe-area-inset-top, 0px) + 12px) 18px 76px; background: linear-gradient(160deg, var(--am-dark) 0%, var(--am-dark-2) 100%); border-bottom: 4px solid var(--am-accent); }
.am-auth-top { display: flex; align-items: center; justify-content: space-between; min-height: 44px; margin-bottom: 14px; }
.am-auth-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: rgba(255, 255, 255, .88) !important; font-size: 14px; font-weight: 500; }
.am-auth-lang { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-left: auto; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .08); color: #FFF !important; font-size: 13px; font-weight: 600; }
.am-auth-lang .fa-chevron-down { font-size: 9px; opacity: .7; }
.am-auth-logo { display: block; width: 230px; max-width: 78%; height: auto; }
.am-auth-hero p { margin: 10px 0 0; max-width: 340px; font-size: 13.5px; line-height: 1.45; color: rgba(255, 255, 255, .75) !important; }
.am-auth-body { flex: 1 1 auto; width: 100%; max-width: 480px; margin: -54px auto 0; padding: 0 15px; }
.am-auth-card { padding: 20px 18px; background: #FFF; border-radius: 3px; box-shadow: 0 8px 28px rgba(42, 38, 35, .12); }
.am-auth-card h1 { margin: 0 0 4px; font-size: 20px; font-weight: 600; line-height: 1.3; }
.am-auth-card > p.am-sub { margin: 0 0 18px; color: var(--am-soft) !important; }
.am-auth-alt { margin: 16px 0 0 !important; text-align: center; font-size: 14px !important; color: var(--am-soft) !important; }
.am-auth-alt a { display: inline-block; padding: 12px 4px; font-weight: 600; color: var(--am-accent-ink) !important; }
.am-auth-foot { padding: 18px 15px calc(env(safe-area-inset-bottom, 0px) + 18px); text-align: center; font-size: 12px; color: var(--am-soft); }
.am-steps { display: flex; gap: 6px; margin: 0 0 6px; padding: 0; list-style: none; }
.am-steps li { flex: 1 1 0; height: 4px; background: var(--am-line); }
.am-steps li.on { background: var(--am-accent); }
.am-step-name { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 16px; font-size: 12.5px; color: var(--am-soft); }
.am-step-name b { font-size: 14px; font-weight: 600; color: var(--am-ink); }
.am-step[hidden] { display: none; }
.am-result { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--am-good-soft); color: var(--am-good); font-size: 24px; }
.am-result-list { margin: 16px 0 18px; padding: 0; list-style: none; text-align: left; }
.am-result-list li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--am-line); font-size: 14px; }
.am-result-list li:last-child { border-bottom: 0; }
.am-result-list li i { flex: 0 0 auto; width: 20px; text-align: center; }

/* ── 10) Yükleniyor ve çevrimdışı bandı ── */
#amLoader { display: none; position: fixed; inset: 0; z-index: 9999; align-items: center; justify-content: center; pointer-events: none; }
#amLoader.on { display: flex; }
#amLoader span { width: 38px; height: 38px; border: 3px solid rgba(233, 87, 63, .25); border-top-color: var(--am-accent, #E9573F); border-radius: 50%; animation: amSpin .7s linear infinite; }
@keyframes amSpin { to { transform: rotate(360deg); } }
#amOffline { display: none; position: fixed; left: 0; right: 0; bottom: calc(60px + env(safe-area-inset-bottom, 0px) * 1.1); z-index: 97; align-items: center; justify-content: center; gap: 8px; min-height: 34px; padding: 6px 12px; background: var(--am-dark); color: #FFF; font-size: 13px; }
#amOffline.on { display: flex; }
.am-auth #amOffline { bottom: 0; }
@media (prefers-reduced-motion: reduce) {
    #amLoader span { animation-duration: 1.6s; }
    .am .menu, .am .menu-hider, .am .am-more summary i { transition: none !important; }
}

/* ── 11) Ortak küçük parçalar ── */
/* [hidden] her zaman gizler (display veren sınıflar — satır, kart — bunu ezmesin) */
.am [hidden] { display: none !important; }
.am-text { white-space: pre-line; overflow-wrap: anywhere; }
.am-muted { color: var(--am-soft) !important; }
.am-center { text-align: center; }
.am-up { color: var(--am-good); font-weight: 600; }
.am-down { color: var(--am-bad); font-weight: 600; }
.am-same { color: var(--am-soft); }
.am-up i, .am-down i { margin-right: 3px; font-size: .85em; }
.am-foot-note { margin: -4px 20px 18px !important; font-size: 12.5px !important; line-height: 1.45; color: var(--am-soft) !important; text-align: center; }
.am-sub-head { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--am-fill); border-bottom: 1px solid var(--am-line); font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--am-soft); }
.am-sub-late { background: var(--am-bad-soft); color: var(--am-bad); }
.am-banner { display: flex; align-items: flex-start; gap: 10px; padding: 10px 16px; font-size: 13px; line-height: 1.45; }
.am-banner > i { flex: 0 0 auto; margin-top: 2px; }
.am-banner > span { flex: 1 1 auto; min-width: 0; }
.am-banner button { flex: 0 0 auto; min-height: 44px; margin: -8px -8px -8px 0; padding: 0 10px; border: 0; background: none; font-size: 13px; font-weight: 700; color: inherit; text-decoration: underline; }
.am-banner-bad { background: var(--am-bad-soft); color: var(--am-bad); }
.am-banner-info { background: var(--am-info-soft); color: var(--am-info); }
.am-form > .am-banner { margin: -16px -16px 14px; }
.am-tag i { margin-right: 5px; font-size: .9em; }
/* liste satırı ekleri */
.am-row-top { align-items: flex-start; }
.am-row-top .am-row-end { align-self: center; }
.am-row.am-off .am-row-body b { color: var(--am-soft); text-decoration: line-through; }
.am-row.am-off .am-row-when { opacity: .6; }
.am-row-icon { color: var(--am-dark); }
.am-row-body span.am-quote { margin-top: 3px; font-size: 13px; color: var(--am-ink); }
.am-row-stats { display: flex !important; flex-wrap: wrap; gap: 2px 12px; margin-top: 3px; white-space: normal !important; }
.am-row-stats > span { display: inline; min-width: 0; font-size: 12.5px; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.am-row-stats > span:not(.am-up):not(.am-down) { color: var(--am-ink); }
/* iş satırı: baştaki kutu işi tamamlar */
.am-check { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 54px; height: 44px; padding: 0; border: 0; background: none; }
.am-check i { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 2px solid #A8A19A; border-radius: 3px; background: #FFF; color: transparent; font-size: 13px; }
.am-check[aria-pressed="true"] i { border-color: var(--am-good); background: var(--am-good); color: #FFF; }
.am-late .am-check[aria-pressed="false"] i { border-color: var(--am-bad); }
.am-check.am-busy { opacity: .5; pointer-events: none; }
.am-check:focus-visible i { box-shadow: 0 0 0 3px rgba(233, 87, 63, .3); }

/* ── 12) Takvim ── */
.am-cal { padding-bottom: 0; }
.am-cal-head { display: flex; align-items: center; gap: 2px; min-height: 52px; padding: 4px 8px 4px 4px; }
.am-cal-head h3 { flex: 0 1 auto; min-width: 0; margin: 0 2px; font-size: 17px; font-weight: 600; line-height: 1.25; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-cal-head h3::first-letter { text-transform: uppercase; }
.am-cal-nav { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--am-ink) !important; font-size: 14px; }
.am-cal-today { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 36px; margin-left: auto; padding: 0 12px; border: 1px solid #CFC9C3; border-radius: 3px; font-size: 13px; font-weight: 600; color: var(--am-ink) !important; position: relative; }
.am-cal-today::after { content: ""; position: absolute; inset: -5px 0; }
.am-seg { display: flex; margin: 0 12px 8px; border: 1px solid #CFC9C3; border-radius: 3px; overflow: hidden; }
.am-seg a { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 4px 8px; font-size: 13.5px; font-weight: 500; color: var(--am-soft) !important; text-align: center; }
.am-seg a + a { border-left: 1px solid #CFC9C3; }
.am-seg a.on { background: var(--am-dark); color: #FFF !important; font-weight: 600; }
.am-cal-week, .am-cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); padding: 0 4px; }
.am-cal-week span { padding: 4px 0 6px; font-size: 11.5px; font-weight: 600; color: var(--am-soft); text-align: center; text-transform: capitalize; }
.am-cal-grid { row-gap: 2px; padding-bottom: 6px; touch-action: pan-y; }
.am-cal-day { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 3px; min-width: 0; height: 46px; padding: 6px 0 0; border: 0; border-radius: 3px; background: none; color: var(--am-ink); -webkit-tap-highlight-color: transparent; }
.am-cal-day b { font: 500 15px/20px "Roboto", sans-serif; font-variant-numeric: tabular-nums; }
.am-cal-day span { display: flex; align-items: center; justify-content: center; gap: 3px; height: 8px; }
.am-cal-day.am-today b { color: var(--am-accent-ink); font-weight: 700; box-shadow: 0 2px 0 var(--am-accent); }
.am-cal-day.am-sel { background: var(--am-dark); color: #FFF; }
.am-cal-day.am-sel b { color: #FFF; font-weight: 700; box-shadow: none; }
.am-cal-day.am-sel.am-today b { box-shadow: 0 2px 0 #FFF; }
.am-cal-day:focus-visible { outline: 2px solid var(--am-accent); outline-offset: -2px; }
/* gün işaretleri: biçim de farklıdır (renk tek başına anlam taşımaz) */
.am-dot { flex: 0 0 auto; display: inline-block; width: 7px; height: 7px; border-radius: 50%; box-sizing: border-box; }
.am-dot-plan { background: var(--am-accent); }
.am-dot-done { background: var(--am-good); }
.am-dot-late { background: none; border: 2px solid var(--am-bad); }
.am-dot-task { border-radius: 0; background: var(--am-info); }
.am-cal-day.am-sel .am-dot-plan, .am-cal-day.am-sel .am-dot-done, .am-cal-day.am-sel .am-dot-task { background: #FFF; }
.am-cal-day.am-sel .am-dot-done { opacity: .7; }
.am-cal-day.am-sel .am-dot-late { border-color: #FFF; }
.am-cal-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; padding: 6px 12px 10px; font-size: 11.5px; color: var(--am-soft); }
.am-cal-legend span { display: inline-flex; align-items: center; gap: 5px; }
.am-cal-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--am-line); }
.am-cal-sum > div { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; padding: 10px 6px 11px; text-align: center; }
.am-cal-sum > div + div { border-left: 1px solid var(--am-line); }
.am-cal-sum small { display: block; margin-bottom: auto; font-size: 11.5px; line-height: 1.3; color: var(--am-soft); overflow-wrap: anywhere; }
.am-cal-sum b { display: block; font: 600 21px/1.2 "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.am-cal-sum span { display: block; font-size: 11.5px; line-height: 1.3; color: var(--am-soft); }
.am-cal-sum .am-alarm b, .am-cal-sum .am-alarm small { color: var(--am-bad); }
.am-day .am-sec-head h3::first-letter { text-transform: uppercase; }
.am-day .am-sec-head h3 small { display: inline-block; margin-left: 8px; padding: 1px 7px; background: var(--am-fill); color: var(--am-soft); font-weight: 600; }
.am-sec-head a i.fa-plus, .am-sec-head a i.fa-file-signature, .am-sec-head a i.fa-calendar-alt, .am-sec-head a i.fa-pen { font-size: 12px; }

/* ── 13) Ayrıntı sayfaları (ziyaret, rapor, çiftlik kartı) ── */
.am-detail-head { padding: 16px 16px 12px; }
.am-detail-head h1 { margin: 0 0 8px; font-size: 20px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-detail-head p { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0; }
.am-place { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--am-soft); }
.am-place i { font-size: 12px; }
.am-facts { margin: 0; border-top: 1px solid var(--am-line); }
.am-detail > .am-facts:first-child { border-top: 0; }
.am-facts > div { display: flex; align-items: baseline; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--am-line); }
.am-facts > div:last-child { border-bottom: 0; }
.am-facts dt { flex: 0 0 34%; max-width: 132px; margin: 0; font-size: 12.5px; font-weight: 400; line-height: 1.4; color: var(--am-soft); }
.am-facts dd { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 14.5px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.am-facts > .am-fact-wide { display: block; }
.am-facts > .am-fact-wide dt { max-width: none; margin-bottom: 3px; }
.am-facts > .am-fact-wide dd { font-weight: 400; }
.am-actions { padding: 16px; }
.am-actions > .am-help { margin: 10px 0 0; }
.am .am-btn.am-danger { color: var(--am-bad) !important; }
.am .am-btn-danger { background: var(--am-bad); }
.am .am-btn-danger:active { background: #9E2B22; }
.am .am-btn i { font-size: .95em; }
.am-sheet-body { padding: 16px 18px 12px; }
/* alt pencere: düğmeler sağda yan yana (önce vazgeç, en sağda işlem) */
.am-sheet-body .am-btn { float: right; margin: 0 0 4px 8px; }
.am-sheet-body::after, .am-sheet-body form::after { content: ""; display: block; clear: both; }
.am-sheet-text { margin: 0 0 14px !important; font-size: 14.5px !important; }
/* ölçüm kutuları */
.am-measures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--am-line); border-top: 1px solid var(--am-line); }
.am-sec-head + .am-measures { border-top: 0; }
.am-measures-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.am-measure { min-width: 0; padding: 10px 14px 11px; background: #FFF; }
.am-measures:not(.am-measures-3) .am-measure:last-child:nth-child(odd) { grid-column: 1 / -1; }
.am-measure small { display: block; min-height: 31px; font-size: 12px; line-height: 1.3; color: var(--am-soft); }
.am-measures-3 .am-measure small { min-height: 0; }
.am-measure b { display: block; margin-top: 2px; font: 600 21px/1.2 "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.am-measure span { display: block; margin-top: 1px; font-size: 12.5px; line-height: 1.3; font-variant-numeric: tabular-nums; }
/* metin bölümleri */
.am-prose section { padding: 14px 16px; border-bottom: 1px solid var(--am-line); }
.am-prose section:last-child { border-bottom: 0; }
.am-prose h3 { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 6px; font-size: 12.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--am-soft); }
.am-prose h3 > i, .am-prose h3 span > i, .am-form-title > i { margin-right: 7px; font-size: .95em; }
.am-prose h3 a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: -12px -6px -12px 0; padding: 0 6px; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--am-accent-ink) !important; }
.am-prose p { margin: 0; font-size: 15px; line-height: 1.55; }
.am-prose p.am-help { margin-top: 8px; font-size: 12.5px; line-height: 1.4; }
.am-list { margin: 0; padding: 0; list-style: none; }
.am-list li { position: relative; padding: 5px 0 5px 20px; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.am-list li::before { content: ""; position: absolute; left: 2px; top: 13px; width: 7px; height: 7px; background: var(--am-accent); }
.am-private { border-left: 3px solid #B9B3AD; }
.am-next { display: flex; align-items: center; gap: 10px; padding: 14px 16px; font-size: 15px; }
.am-next i { color: var(--am-accent-ink); }
.am-next b { font-weight: 600; }

/* ── 14) Form kartları ── */
.am-form { padding: 16px 16px 4px; }
.am-form.am-form-end { padding-bottom: 16px; }
.am-form > .am-btn { float: left; min-width: 0; margin: 0 8px 14px 0; }
.am-form > .am-btn[type="submit"] { float: right; min-width: 124px; margin: 0 0 14px 8px; }
.am-form::after { content: ""; display: block; clear: both; }
.am-form > .am-btn ~ :not(.am-btn) { clear: both; }
.am-form.am-form-end > .am-btn { margin-bottom: 0; }
.am-form-title { margin: 0 0 12px; font-size: 15px; font-weight: 600; line-height: 1.3; }
.am-help-top { margin: -6px 0 12px !important; font-size: 12.5px !important; line-height: 1.4 !important; color: var(--am-soft) !important; }
.am-static { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 12px; border: 1px solid var(--am-line); border-radius: 3px; background: var(--am-fill); font-size: 16px; font-weight: 500; overflow-wrap: anywhere; }
.am-static i { flex: 0 0 auto; color: var(--am-soft); }
.am-quote-box { margin: 0 0 14px; padding: 9px 12px; border-left: 3px solid var(--am-accent); background: var(--am-fill); }
.am-quote-box small { display: block; margin-bottom: 2px; font-size: 12px; color: var(--am-soft); }
.am-quote-box p { margin: 0; font-size: 14px; line-height: 1.45; }
.am-two-end { align-items: end; }
.am .am-num { font-variant-numeric: tabular-nums; }
.am .am-input[type="date"], .am .am-input[type="time"] { min-width: 0; }
.am-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.am-chips button { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 14px; border: 1px solid #CFC9C3; border-radius: 3px; background: #FFF; font-size: 13.5px; color: var(--am-ink); position: relative; }
.am-chips button::after { content: ""; position: absolute; inset: -2px 0; }
.am-chips button.on { border-color: var(--am-dark); background: var(--am-dark); color: #FFF; font-weight: 600; }
.am-chips button em { font-style: normal; font-size: 12px; font-weight: 600; color: var(--am-soft); }
.am-chips button.on em { color: rgba(255, 255, 255, .8); }
.am-form .am-agree { margin: 0 0 14px; align-items: center; min-height: 44px; font-weight: 400; }

/* ── 15) Arama ve süzgeç kartı ── */
.am-tools { padding: 12px; }
.am-tools > * + * { margin-top: 10px; }
.am-search { position: relative; }
.am-search > i { position: absolute; left: 14px; top: 16px; font-size: 15px; color: var(--am-soft); pointer-events: none; }
.am .am-search .am-input { padding-left: 40px; }
.am-search input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.am-tools .am-chips { margin-top: 10px; }
.am-filter { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 4px 4px 4px 12px; border: 1px solid #CFC9C3; border-radius: 3px; background: var(--am-fill); color: var(--am-ink) !important; font-size: 14px; font-weight: 600; }
.am-filter span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-filter i:last-child { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; }
.am-count { padding: 9px 16px; border-bottom: 1px solid var(--am-line); font-size: 12.5px; color: var(--am-soft); }
.am .am-more-btn { display: flex; width: 100%; border-top: 1px solid var(--am-line); border-radius: 0; min-height: 50px; color: var(--am-accent-ink) !important; font-weight: 600; }
.am-loading { opacity: .5; pointer-events: none; }

/* ── 16) Durum seçimi, seçenek satırları, uyarı kutusu ── */
/* durum seçimi: yana kayan bağlantı şeridi (sayılarıyla) */
.am-states { display: flex; gap: 8px; margin: 0 -12px; padding: 0 12px 2px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.am-states::-webkit-scrollbar { display: none; }
.am-states a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 14px; border: 1px solid #CFC9C3; border-radius: 3px; background: #FFF; font-size: 13.5px; font-weight: 500; color: var(--am-ink) !important; white-space: nowrap; }
.am-states a em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--am-soft); font-variant-numeric: tabular-nums; }
.am-states a.on { border-color: var(--am-dark); background: var(--am-dark); color: #FFF !important; font-weight: 600; }
.am-states a.on em { color: rgba(255, 255, 255, .8); }
.am-states a.am-alarm:not(.on) em { color: var(--am-bad); }
.am-seg-flat { margin: 0; }
.am-levels { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0 !important; }
.am-field-flat { margin-bottom: 0; }
.am-field-top { margin-top: 14px; }
.am-chips-up { margin: -6px 0 14px; }
.am-note-last { margin-bottom: 12px; }
.am-prio { margin-right: 4px; font-size: .9em; color: var(--am-bad); }
.am-row-body span > i { margin-right: 3px; font-size: .9em; }
.am-row-stats .am-tag { margin-top: 2px; white-space: normal; }
a.am-row-link { display: block; align-self: stretch; padding: 2px 0; color: var(--am-ink) !important; }
.am-check-off i { border-color: var(--am-line) !important; background: var(--am-fill) !important; color: var(--am-soft) !important; }
.am-count-end { margin: 0 !important; border-top: 1px solid var(--am-line); border-bottom: 0; font-size: 12.5px !important; }
.am-day-foot { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border-top: 1px solid var(--am-line); font-size: 13.5px; font-weight: 600; color: var(--am-accent-ink) !important; }
.am-day-foot i { font-size: 11px; }
.am-banner-good { background: var(--am-good-soft); color: var(--am-good); }
.am-banner-warn { background: var(--am-warn-soft); color: var(--am-warn); }
.am-banner > span b, .am-banner > span small, .am-banner > span em { display: block; }
.am-banner > span small { font-size: 12px; opacity: .9; }
.am-banner > span em { margin-top: 3px; font-style: normal; color: var(--am-ink); }
.am-detail > .am-banner { border-top: 1px solid var(--am-line); }
/* uyarı kutusu: düzey rengi solda kalın çizgi + simge + düzeyin adı */
.am-alert-box { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-left: 4px solid var(--am-info); }
.am-alert-box > i { flex: 0 0 auto; margin-top: 2px; font-size: 22px; color: var(--am-info); }
.am-alert-box.am-level-warn { border-left-color: var(--am-warn); }
.am-alert-box.am-level-warn > i, .am-alert-box.am-level-warn small { color: var(--am-warn); }
.am-alert-box.am-level-bad { border-left-color: var(--am-bad); }
.am-alert-box.am-level-bad > i, .am-alert-box.am-level-bad small { color: var(--am-bad); }
.am-alert-box div { min-width: 0; }
.am-alert-box small { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--am-info); }
.am-alert-box h1 { margin: 2px 0 6px; font-size: 18px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-alert-box p { margin: 0; font-size: 14.5px; line-height: 1.5; }
/* seçenek satırı: simge + başlık + açıklama (bağlantı ya da düğme) */
.am .am-choice { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 60px; padding: 10px 14px 10px 16px; border: 0; border-bottom: 1px solid var(--am-line); border-radius: 0; background: #FFF; color: var(--am-ink) !important; font: inherit; text-align: left; }
.am-card > .am-choice:last-child, .am-card > form:last-child .am-choice { border-bottom: 0; }
.am-choice > i:first-child { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: var(--am-fill); color: var(--am-dark); font-size: 15px; }
.am-choice > span { flex: 1 1 auto; min-width: 0; }
.am-choice b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; }
.am-choice small { display: block; margin-top: 1px; font-size: 12.5px; line-height: 1.35; color: var(--am-soft); }
.am-choice > i:last-child:not(:first-child) { flex: 0 0 auto; font-size: 11px; color: #B9B3AD; }
.am-choice.am-busy { opacity: .6; pointer-events: none; }
.am-choice:active { background: var(--am-fill); }
.am-choice-slim { min-height: 52px; }
.am-choice-slim > i:first-child { width: 32px; height: 32px; font-size: 13px; }
.am .am-choice.am-danger b { color: var(--am-bad); }
.am .am-choice.am-danger > i:first-child { background: var(--am-bad-soft); color: var(--am-bad); }
.am-form-title small { font-size: 12.5px; font-weight: 400; color: var(--am-soft); }

/* ── 17) Rasyon ve stok satırları ── */
.am-line { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 16px; border-bottom: 1px solid var(--am-line); }
.am-line:last-child { border-bottom: 0; }
.am-line-body { flex: 1 1 auto; min-width: 0; margin: 0; }
.am-line-body b { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-line-body small { display: block; font-size: 12.5px; font-weight: 400; line-height: 1.35; color: var(--am-soft); }
.am-line-body b .am-tag { margin-left: 8px; vertical-align: 1px; }
.am-line-end { flex: 0 0 auto; text-align: right; }
.am-line-end b { display: block; font: 600 15px/1.3 "Poppins", sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
.am-line-end small { display: block; font-size: 12px; line-height: 1.35; color: var(--am-soft); font-variant-numeric: tabular-nums; white-space: nowrap; }
.am-line-total { background: var(--am-fill); }
.am-line-input .am-line-end { flex: 0 0 112px; }
.am .am-line-input .am-input { min-height: 46px; text-align: right; }
.am-tag-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; }
.am-tag-icon i { margin: 0; font-size: 12px; }
.am-sec-head h3 > i { margin-right: 8px; color: var(--am-soft); font-size: .95em; }
.am-group { border-bottom: 1px solid var(--am-line); }
.am-group:last-child { border-bottom: 0; }
.am-group summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 14px 8px 16px; cursor: pointer; list-style: none; }
.am-group summary::-webkit-details-marker { display: none; }
.am-group summary > span:first-child { flex: 1 1 auto; min-width: 0; }
.am-group summary b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; }
.am-group summary small { display: block; font-size: 12.5px; color: var(--am-soft); }
.am-group-total { flex: 0 0 auto; font: 600 15px/1.3 "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.am-group summary i { flex: 0 0 auto; font-size: 11px; color: var(--am-soft); transition: transform .2s; }
.am-group[open] summary { background: var(--am-fill); border-bottom: 1px solid var(--am-line); }
.am-group[open] summary i { transform: rotate(180deg); }
.am-measure.am-alarm b { color: var(--am-bad); }
.am-measure.am-warn b { color: var(--am-warn); }
/* stok satırı: solda kalan gün, durum rengiyle (ayrıca sağda simge) */
.am-stock.am-stock-bad .am-row-when { background: var(--am-bad-soft); color: var(--am-bad); }
.am-stock.am-stock-warn .am-row-when { background: var(--am-warn-soft); color: var(--am-warn); }
.am-stock.am-stock-ok .am-row-when { background: var(--am-good-soft); color: var(--am-good); }
.am-stock .am-row-when b { font-size: 17px; }
.am-row-stats em { font-style: normal; color: var(--am-soft); }
.am-row-stats .am-need { font-weight: 600; }

/* ── 18) Profil ve bildirim ── */
.am-me { display: flex; align-items: center; gap: 14px; padding: 16px; }
.am-me-mark { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--am-dark); color: #FFF; font: 600 18px/1 "Poppins", sans-serif; }
.am-me div { min-width: 0; }
.am-me h1 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-me p { margin: 1px 0 4px; font-size: 13.5px; color: var(--am-soft) !important; }
.am-me small { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; color: var(--am-soft); }
.am-push { padding: 14px 16px 16px; }
.am-push > * + * { margin-top: 12px; }
.am-push-state { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; background: var(--am-fill); font-size: 13.5px; line-height: 1.45; }
.am-push-state i { flex: 0 0 auto; margin-top: 3px; }
.am-push-state[data-state="on"] { background: var(--am-good-soft); color: var(--am-good); }
.am-push-state[data-state="denied"], .am-push-state[data-state="failed"] { background: var(--am-bad-soft); color: var(--am-bad); }
.am-push-state[data-state="setup"], .am-push-state[data-state="install"] { background: var(--am-warn-soft); color: var(--am-warn); }
.am-push .am-btn-row:empty { display: none; }
.am-prefs { border-top: 1px solid var(--am-line); }
.am-pref { display: block; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--am-line); }
.am-pref b { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.3; color: var(--am-ink); }
.am-pref small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 400; line-height: 1.4; color: var(--am-soft); }
.am-pref label { display: block; margin: 0 0 8px; }
.am-pref-check { display: flex; align-items: center; gap: 14px; min-height: 60px; }
.am-pref-check > span { flex: 1 1 auto; min-width: 0; }
.am-pref-check input { flex: 0 0 auto; width: 24px; height: 24px; margin: 0; accent-color: var(--am-accent); }
.am-icon-btn { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: -8px; border: 0; background: none; color: var(--am-soft); font-size: 15px; }
.am-icon-btn.am-danger { color: var(--am-bad); }
.am-icon-btn.am-busy { opacity: .5; pointer-events: none; }
.am-phone .am-input.am-code { flex: 0 0 86px; border-right: 0; border-radius: 3px 0 0 3px; }

/* ── 19) İstek / kayıt kutusu, sayı rozeti ── */
.am-req { padding: 12px 16px 14px; border-bottom: 1px solid var(--am-line); }
.am-req:last-child { border-bottom: 0; }
.am-req > b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-req > span { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.4; color: var(--am-soft); }
.am-req > span em { font-style: normal; margin-right: 6px; }
.am-req > p { margin: 6px 0 0; font-size: 14px; line-height: 1.45; }
.am-req > p.am-help { font-size: 12.5px; }
.am-req > .am-btn, .am-req > .am-btn-row { margin-top: 10px; }
.am-badge { display: inline-block; min-width: 20px; height: 20px; margin-left: 2px; padding: 0 6px; border-radius: 3px; background: var(--am-accent-btn); color: #FFF; font: 700 11px/20px "Roboto", sans-serif; font-style: normal; text-align: center; }
.am-seg a em { margin-left: 6px; font-style: normal; font-size: 12px; font-weight: 700; color: inherit; opacity: .8; }
.am-sec-head h3 small:not(:empty) { font-variant-numeric: tabular-nums; }

/* ── 20) Rasyon hazırlama, atama, seçim satırları ── */
.am-ing { padding: 12px 16px; border-bottom: 1px solid var(--am-line); }
.am-ing-row { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.am .am-ing-row .am-input { flex: 0 0 104px; width: 104px; min-height: 46px; text-align: right; }
.am-ing-row small { flex: 1 1 auto; min-width: 0; font-size: 12.5px; line-height: 1.35; color: var(--am-soft); overflow-wrap: anywhere; }
.am-ing-row .am-icon-btn { margin-right: -10px; }
.am-error-pad.on { padding: 8px 16px 0; }
.am-error-up.on { margin: 0 0 10px; }
.am-need { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 10px; padding: 12px 16px; border-top: 1px solid var(--am-line); background: var(--am-fill); font-size: 13px; line-height: 1.45; }
.am-need > i { flex: 0 0 auto; margin-top: 3px; color: var(--am-soft); }
.am-need > span { flex: 1 1 200px; min-width: 0; }
.am .am-need .am-btn { flex: 0 0 auto; margin-left: auto; }
.am-measures-mini .am-measure { padding: 8px 12px 9px; }
.am-measures-mini .am-measure b { font-size: 16px; }
.am-measures-in { margin: 0; border: 1px solid var(--am-line); }
.am .am-btn-gap { margin-bottom: 10px; }
.am-form > .am-btn-gap { margin-bottom: 10px; }
.am-help-up { margin: -8px 0 14px !important; font-size: 12.5px !important; line-height: 1.4 !important; color: var(--am-soft) !important; }
.am-help-flat { margin: 0 !important; font-size: 13px !important; line-height: 1.45 !important; color: var(--am-soft) !important; }
.am-static-gap { margin-bottom: 14px; }
.am-search-gap { margin-bottom: 14px; }
.am-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.am-fieldset[disabled] .am-input, .am-fieldset[disabled] .am-select { background-color: var(--am-fill); color: var(--am-soft); }
/* seçim satırı: solda işaret kutusu, sağda ad + alt satır (grup, yem) */
.am-picks { border: 1px solid var(--am-line); }
.am-picks-flat { border: 0; }
.am-pick { display: flex; align-items: center; gap: 14px; min-height: 56px; margin: 0; padding: 8px 14px; border-bottom: 1px solid var(--am-line); }
.am-pick:last-child { border-bottom: 0; }
.am-pick input { flex: 0 0 auto; width: 24px; height: 24px; margin: 0; accent-color: var(--am-accent); }
.am-pick > span { flex: 1 1 auto; min-width: 0; }
.am-pick b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--am-ink); overflow-wrap: anywhere; }
.am-pick small { display: block; margin-top: 1px; font-size: 12.5px; font-weight: 400; line-height: 1.35; color: var(--am-soft); overflow-wrap: anywhere; }
.am-group > .am-btn { display: flex; width: fit-content; margin: 0 8px 8px auto; }

/* ── 21) Alacak takibi ── */
.am-amount { font: 600 15px/1.3 "Poppins", sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
.am-pay-debt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 8px; padding: 9px 12px; background: var(--am-fill); font-size: 13.5px; line-height: 1.4; }
.am-pay-debt[data-kind="debt"] { background: var(--am-warn-soft); color: var(--am-warn); }
.am-pay-debt[data-kind="advance"] { background: var(--am-good-soft); color: var(--am-good); }
.am-pay-debt > span { flex: 1 1 140px; min-width: 0; font-weight: 600; }
.am .am-pay-debt .am-btn { flex: 0 0 auto; padding: 6px 14px; font-size: 13.5px; }
/* görünüm sekmeleri: alt çizgili, sığmazsa yana kayar */
.am-tabs { display: flex; margin: -12px -12px 0; padding: 0 6px; border-bottom: 1px solid var(--am-line); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.am-tabs::-webkit-scrollbar { display: none; }
.am-tabs a { flex: 1 0 auto; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 12px; border-bottom: 3px solid transparent; font-size: 14px; font-weight: 500; color: var(--am-soft) !important; white-space: nowrap; }
.am-tabs a.on { border-bottom-color: var(--am-accent); color: var(--am-accent-ink) !important; font-weight: 700; }
.am-measures-in .am-measure { padding: 9px 12px 10px; }
.am-measures-in .am-measure small { min-height: 0; }
.am-measures-in .am-measure b { font-size: 18px; overflow-wrap: anywhere; }
.am-detail .am-measure b { overflow-wrap: anywhere; }
.am-count b { color: var(--am-ink); font-weight: 600; }
.am-row-stats b { font-weight: 600; }
.am-count-flat { border-bottom: 0; border-top: 1px solid var(--am-line); margin: 0 !important; }

/* ── 22) İzleme: sayı kutuları, puan, çubuklar, grafik, tablo satırları ── */
.am-insight-source { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 12px 16px; font-size: 13px; color: var(--am-soft); }
.am-insight-source > span > i { margin-right: 5px; }
.am-first-in { padding-top: 8px; }
.am-first-in p { margin-bottom: 16px; }
.am-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 15px 16px; position: relative; z-index: 1; }
.am-kpi { min-width: 0; padding: 11px 12px 12px; background: #FFF; border-radius: 3px; border-top: 3px solid var(--am-line); box-shadow: var(--am-shadow); }
.am-kpi-good { border-top-color: var(--am-good); }
.am-kpi-warn { border-top-color: #D29A1E; }
.am-kpi-bad { border-top-color: var(--am-bad); }
.am-kpi small { display: block; font-size: 12px; line-height: 1.3; color: var(--am-soft); overflow-wrap: anywhere; }
.am-kpi > b { display: block; margin-top: 3px; font: 600 21px/1.2 "Poppins", sans-serif; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.am-kpi > b em { font: 500 12.5px/1 "Roboto", sans-serif; font-style: normal; color: var(--am-soft); }
.am-kpi > span { display: block; margin-top: 3px; font-size: 12px; line-height: 1.35; color: var(--am-soft); overflow-wrap: anywhere; }
.am-kpi > span.am-up, .am-kpi > span.am-down, .am-kpi > span.am-same { font-size: 12.5px; }
.am-warn-text { color: var(--am-warn); font-weight: 600; }
.am-score { display: flex; align-items: center; gap: 14px; padding: 16px; border-bottom: 1px solid var(--am-line); }
.am-score > b { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; min-width: 76px; height: 64px; padding: 0 10px; background: var(--am-fill); font: 600 32px/1 "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.am-score-good > b { background: var(--am-good-soft); color: var(--am-good); }
.am-score-warn > b { background: var(--am-warn-soft); color: var(--am-warn); }
.am-score-bad > b { background: var(--am-bad-soft); color: var(--am-bad); }
.am-score > span { font-size: 15px; font-weight: 600; }
.am-score > span small { display: block; font-size: 12.5px; font-weight: 400; color: var(--am-soft); }
.am-findings { margin: 0; padding: 0; list-style: none; }
.am-findings li { display: flex; align-items: flex-start; gap: 12px; padding: 11px 16px; border-bottom: 1px solid var(--am-line); font-size: 14px; line-height: 1.5; }
.am-findings li:last-child { border-bottom: 0; }
.am-findings li > span:last-child { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.am-chart-head { padding: 13px 16px 11px; border-bottom: 1px solid var(--am-line); }
.am-chart-head h3 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-chart-head h3 small { font-size: 12px; font-weight: 400; color: var(--am-soft); }
.am-chart-head p { margin: 3px 0 0; font-size: 12.5px; line-height: 1.4; color: var(--am-soft) !important; }
.am-chart { margin: 0; padding: 14px 16px 14px; }
.am-chart-plot { position: relative; margin-left: 44px; height: 150px; }
.am-chart-plot svg { display: block; width: 100%; height: 100%; overflow: visible; }
.am-chart-grid { stroke: var(--am-line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.am-chart-target { stroke: var(--am-soft); stroke-width: 1.5; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; }
.am-chart-axis { position: absolute; top: 0; bottom: 0; left: -44px; width: 40px; display: flex; flex-direction: column; justify-content: space-between; padding: 3px 0 0; font-size: 11px; line-height: 1; color: var(--am-soft); text-align: right; font-variant-numeric: tabular-nums; }
.am-chart-dot { position: absolute; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; box-shadow: 0 0 0 2px #FFF; }
.am-chart-x { display: flex; justify-content: space-between; gap: 12px; margin: 6px 0 0 44px; font-size: 11px; color: var(--am-soft); }
.am-chart-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; font-size: 12.5px; line-height: 1.4; color: var(--am-soft); }
.am-chart-legend span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.am-chart-legend i { flex: 0 0 auto; width: 12px; height: 12px; }
.am-chart-legend b { font-weight: 600; color: var(--am-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.am-chart-legend .am-chart-target-key { height: 0; border-top: 2px dashed var(--am-soft); }
.am-bars > .am-chart-legend { margin: 0 0 12px; }
.am-bar { margin-bottom: 10px; }
.am-bar:last-child { margin-bottom: 0; }
.am-bar-pad { margin: 0; padding: 10px 16px; border-bottom: 1px solid var(--am-line); }
.am-bar-label { display: block; margin-bottom: 4px; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.am-bar-row { display: flex; align-items: center; gap: 10px; }
.am-bar-row + .am-bar-row { margin-top: 2px; }
.am-bar-track { flex: 1 1 auto; min-width: 0; display: flex; gap: 2px; height: 14px; background: var(--am-fill); }
.am-bar-track i { flex: 0 0 auto; height: 100%; min-width: 2px; background: var(--am-soft); }
.am-bar-row b { flex: 0 0 auto; min-width: 58px; font-size: 13px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.am-bar-row b i { font-size: .9em; }
.am-fill-good { background: var(--am-good) !important; }
.am-fill-warn { background: #D29A1E !important; }
.am-fill-bad { background: var(--am-bad) !important; }
/* tablo satırı: ilk sütun başlık, diğer sütunlar "ad: değer" çiftleri (iki sütun) */
.am-trow { padding: 11px 16px 10px; border-bottom: 1px solid var(--am-line); }
.am-trow:last-child { border-bottom: 0; }
.am-trow-strong { background: var(--am-fill); }
.am-trow-picked { border-left: 3px solid var(--am-accent); padding-left: 13px; }
.am-trow-head b { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-trow-head small { display: block; font-size: 12.5px; line-height: 1.35; color: var(--am-soft); }
.am-trow-pick { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0 0 -6px; font-size: 13px; font-weight: 600; color: var(--am-accent-ink) !important; }
.am-trow-cells { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; margin: 7px 0 0; }
.am-trow-cells:empty { display: none; }
.am-trow-cells > div { min-width: 0; }
.am-trow-cells dt { margin: 0; font-size: 11.5px; font-weight: 400; line-height: 1.3; color: var(--am-soft); overflow-wrap: anywhere; }
.am-trow-cells dd { margin: 1px 0 0; font-size: 13.5px; font-weight: 500; line-height: 1.35; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.am-trow-cells dd small { display: block; font-size: 11.5px; font-weight: 400; color: var(--am-soft); }
.am-trow-cells dd .am-tag { white-space: normal; }
.am-card > .am-actions { border-top: 1px solid var(--am-line); }
/* izleme ana sayfası: renkli simge kutusu */
.am-choice > i.am-tone-blue:first-child { background: var(--am-info-soft); color: var(--am-info); }
.am-choice > i.am-tone-green:first-child { background: var(--am-good-soft); color: var(--am-good); }
.am-choice > i.am-tone-teal:first-child { background: #DCF2EF; color: #0F6B64; }
.am-choice > i.am-tone-amber:first-child { background: var(--am-warn-soft); color: var(--am-warn); }
.am-choice > i.am-tone-red:first-child { background: var(--am-bad-soft); color: var(--am-bad); }
.am-choice > i.am-tone-violet:first-child { background: #ECE6F8; color: #5A3EA3; }
.am-choice > i.am-tone-brown:first-child { background: #F2E8DE; color: #7A4D22; }

/* ── 23) Firma, ekip, şifremi unuttum ── */
.am-logo { display: flex; align-items: center; justify-content: center; min-height: 112px; margin-bottom: 12px; padding: 12px; border: 1px solid var(--am-line); background: var(--am-fill); }
.am-logo img { display: block; max-width: 100%; max-height: 120px; }
.am-logo-none { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13px; color: var(--am-soft); }
.am-logo-none i { font-size: 26px; color: #B9B3AD; }
.am-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.am .am-btn-line.am-danger { color: var(--am-bad) !important; }
label.am-btn { margin: 0; cursor: pointer; }
.am-member-head { display: flex; align-items: flex-start; gap: 12px; }
.am-member-mark { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--am-dark); color: #FFF; font: 600 15px/1 "Poppins", sans-serif; }
.am-member-off .am-member-mark { background: #A8A19A; }
.am-member-head > div { flex: 1 1 auto; min-width: 0; }
.am-member-head b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.am-member-head span { display: block; font-size: 12.5px; line-height: 1.4; color: var(--am-soft); overflow-wrap: anywhere; }
.am-req > p.am-member-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.am-req > .am-btn-text { margin-top: 2px; }
.am-banner-in { margin: 0 0 14px; }
.am-banner > span b { overflow-wrap: anywhere; }
.am .am-code-input { font: 600 22px/1.2 "Poppins", sans-serif !important; letter-spacing: 6px; text-align: center; }
.am-auth-card form[hidden] { display: none !important; }
.am .am-auth-card .am-btn { display: flex; width: 100%; min-height: 50px; font-size: 15px; }
.am .am-auth-card .am-btn-text { min-height: 44px; }
.am-auth-card .am-btn-row { flex-wrap: nowrap; }
.am-auth-card .am-btn-row .am-btn { flex: 1 1 0; }
.am-auth-card .am-btn-row .am-btn-line { flex: 0 0 36%; }
.am .am-btn-text[disabled] { opacity: .7; }

/* ── 24) Hızlı işlem kutuları, yem grupları ── */
/* sayfanın işlemleri: simgeli kare kutular (4 sütun; bağlantı ya da düğme). Uzun düğme yerine bunlar kullanılır. */
.am-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 15px 14px; position: relative; z-index: 1; }
.am .am-tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; min-width: 0; min-height: 80px; padding: 10px 3px 8px; border: 0; border-radius: 3px; background: #FFF; box-shadow: var(--am-shadow); color: var(--am-ink) !important; font: 500 12px/1.25 "Roboto", sans-serif; text-align: center; }
.am-tile > i { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; font-size: 16px; }
.am-tile > span { max-width: 100%; overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto; }
.am-tile:active { background: var(--am-fill); }
.am-tile.am-busy { opacity: .6; pointer-events: none; }
.am-tile.am-danger > span { color: var(--am-bad); }
.am-tile > .am-badge { position: absolute; top: 5px; right: 5px; margin: 0; }
/* kartın içindeki kutular (ör. karne): gölgesiz, dolgulu */
.am-card > .am-tiles { margin: 0; padding: 12px; border-top: 1px solid var(--am-line); }
.am-card > .am-tiles .am-tile { background: var(--am-fill); box-shadow: none; }
.am-tone-gray { background: var(--am-fill); color: var(--am-dark); }
.am-card .am-tone-gray { background: #ECE8E4; }
/* kartın altındaki küçük bilgi satırı */
.am-tiles-note { margin: -6px 20px 14px !important; font-size: 12.5px !important; line-height: 1.45; color: var(--am-soft) !important; }
/* satır içi bağlantı bandı (ör. yanıt bekleyen bağlantı istekleri) */
a.am-banner { color: var(--am-info) !important; }
a.am-banner > i:last-child { margin-top: 0; font-size: 11px; }
.am-banner-card > i:first-child { margin-top: 0; }
.am-banner-card { align-items: center; min-height: 46px; margin: 0 15px 14px; border-radius: 3px; box-shadow: var(--am-shadow); position: relative; z-index: 1; }

/* yem grubu ("tüm çiftlikler" görünümü): aynı yemin kayıtları tek satır; dokununca kayıtlar açılır */
.am-fgroup { border-bottom: 1px solid var(--am-line); }
.am-fgroup:last-child { border-bottom: 0; }
.am-fgroup > summary { list-style: none; border-bottom: 0; cursor: pointer; }
.am-fgroup > summary::-webkit-details-marker { display: none; }
.am-fgroup > summary .am-row-end > i { transition: transform .2s; }
.am-fgroup[open] > summary .am-row-end > i { transform: rotate(180deg); }
.am-fgroup-body { border-top: 1px solid var(--am-line); background: var(--am-fill); }
.am-row-sub { min-height: 56px; padding-left: 24px; }
.am-row-sub .am-row-when { background: #FFF; }
.am-row-sub .am-row-body b { font-size: 14px; }
.am-row-sub .am-row-body b i { margin-right: 6px; font-size: .85em; color: var(--am-soft); }
/* yan yana iki seçim kutusu; dar ekranda alt alta */
.am-pair { display: flex; flex-wrap: wrap; gap: 10px; }
.am-pair > * { flex: 1 1 140px; min-width: 0; }

/* Dar ekran: hızlı işlem kutuları üç sütun (uzun etiketler iki satıra sığsın) */
@media (max-width: 359px) {
    .am-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Geniş ekran (tablet / masaüstü tarayıcı): içerik ortada dar bir sütunda kalır */
@media (min-width: 700px) {
    .am .page-content > .am-card, .am .page-content > .am-stats, .am .page-content > .am-tiles, .am .page-content > .am-kpis, .am .page-content > .am-banner-card,
    .am .page-content > form > .am-card { max-width: 640px; margin-left: auto; margin-right: auto; }
    .am .page-content > .am-foot-note { max-width: 600px; margin-left: auto !important; margin-right: auto !important; }
    .am-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .am-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}