/* v13.6 - Calm cards + responsive date layout */
/* The colored timeline node/date remain, but cards no longer carry severity stripes. */
.entry .entry-card,
.entry:hover .entry-card,
.entry:focus-within .entry-card {
  border: 1px solid #e0e5ec !important;
  border-left: 1px solid #e0e5ec !important;
  border-inline-start: 1px solid #e0e5ec !important;
  background: var(--card-background,#fff) !important;
}
.entry:hover .entry-card,
.entry:focus-within .entry-card {border-color:#ced8e3!important}

/* Layout is automatic: at <=760px the mobile-date-right class is set on load/resizing. */
.mobile-timeline-toggle{display:none!important}
@media(max-width:760px) {
  /* Only the date bubble points towards the timeline node. */
  body.mobile-date-right .entry .entry-card::before,
  body.mobile-date-right .entry .entry-card::after {display:none!important;content:none!important}
  body.mobile-date-right .entry .date-block::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:50%!important;
    left:-21px!important;
    width:22px!important;
    height:20px!important;
    transform:translateY(-50%)!important;
    clip-path:polygon(100% 0,0 50%,100% 100%)!important;
    background:inherit!important;
    box-shadow:none!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  html[data-date-style="minimal"] body.mobile-date-right .entry .date-block::before {
    display:none!important;content:none!important;
  }
}
@media(max-width:390px) {
  body.mobile-date-right .entry .date-block::before {left:-18px!important;width:19px!important;height:18px!important}
}
@media(max-width:340px) {
  body.mobile-date-right .entry .date-block::before {left:-17px!important;width:18px!important;height:17px!important}
}

/* Tek kullanıcılı hesap güvenliği bağlantısı */
.sidebar .account-security-link{display:flex;align-items:center;text-decoration:none;cursor:pointer}
.sidebar .account-security-link:hover{color:#2775d2;background:#eaf2fd}
