/* ==================================================================
   ŞU AN INBOOK'TA — kenar kutusu
   Bu kutunun TEK stil dosyası. Kural eklemek/değiştirmek için burası.
   HTML: includes/now_inbook.php → render_now_inbook_box()
   Mobil akış şeridi (.feed-live-*) henüz home.css + deneme_panel.css'te.

   Değerler 25.10.2026'da tarayıcıda ölçülen haliyle taşındı; 26.10.2026'da
   okunurluk için büyütüldü: görsel 34→44px, tür/hareket satırı
   10–10.5px → 12–12.5px ve #656d7a, başlık 12.5 → 14px.
   Eylem yazıları (mavi, 13px) bilerek aynı bırakıldı.
   !important olanlar eskiden sidebar_live.css'te de !important'tı:
   genel kenar çubuğu kuralları (sidebar.css, deneme_panel.css) kutuyu eziyor.
   ================================================================== */

body aside .sidebar-box.now-inbook-box {
    padding: 10px 12px !important;
    margin-bottom: 12px !important;
    border-radius: 20px !important;
}

body aside .now-inbook-box > .sidebar-compact-title {
    margin: 0 0 7px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

body aside .now-inbook-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Satır */
body aside .now-inbook-row {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0;
    min-height: 0 !important;
    height: auto;
    max-height: none;
    padding: 4px 2px !important;
    margin: 0 -2px !important;
    border-radius: 9px !important;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease;
}
body aside .now-inbook-row:hover {
    background: rgba(15, 20, 25, .045);
}
body aside .now-inbook-row:focus-visible {
    outline: 2px solid #0284c7;
    outline-offset: 2px;
}

/* Görsel / simge */
body aside .now-inbook-media {
    display: grid !important;
    place-items: center !important;
    justify-self: center;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    overflow: hidden;
    border-radius: 10px !important;
    background: #eef1f5;
    color: #8a94a1;
}
body aside .now-inbook-media--author {
    border-radius: 9999px !important;
}
body aside .now-inbook-media--story {
    width: 36px !important;
    min-width: 36px !important;
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 6px !important;
}
body aside .now-inbook-media img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
body aside .now-inbook-media svg {
    width: 20px !important;
    height: 20px !important;
}

/* Metin: tür · dönem / başlık / hareket / eylem */
body aside .now-inbook-copy {
    display: flex;
    flex-direction: column;
    min-width: 0 !important;
}
body aside .now-inbook-meta,
body aside .now-inbook-title,
body aside .now-inbook-activity {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body aside .now-inbook-meta {
    margin: 0 !important;
    color: #656d7a;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}
body aside .now-inbook-title {
    margin: 2px 0 0 !important;
    color: #111827;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
}
body aside .now-inbook-activity {
    margin: 2px 0 0 !important;
    color: #656d7a;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}
body aside .now-inbook-action {
    display: block;
    margin-top: 4px;
    color: #0369a1;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
}
body aside .now-inbook-row:hover .now-inbook-action {
    text-decoration: underline;
}

/* Koyu tema */
html.dark body aside .now-inbook-row:hover {
    background: rgba(255, 255, 255, .055);
}
html.dark body aside .now-inbook-media {
    background: rgba(255, 255, 255, .07);
    color: #8e98a5;
}
html.dark body aside .now-inbook-meta {
    color: #7f8996;
}
html.dark body aside .now-inbook-title {
    color: #f1f3f5;
}
html.dark body aside .now-inbook-activity {
    color: #929ca8;
}
html.dark body aside .now-inbook-action {
    color: #7dd3fc;
}


/* NOW_INBOOK_BOOK_COVER_HEIGHT_20261027 */
html:root body aside .now-inbook-box
.now-inbook-media:is(
    .now-inbook-media--quote,
    .now-inbook-media--review
):has(> img) {
    position: relative;
    align-self: center !important;
    height: 64px !important;
    border-radius: 3px !important;
}

html:root body aside .now-inbook-box
.now-inbook-media:is(
    .now-inbook-media--quote,
    .now-inbook-media--review
) > img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    border-radius: inherit;
}
/* END_NOW_INBOOK_BOOK_COVER_HEIGHT_20261027 */