/* === PRO MINIMAL DESKTOP FACELIFT (markup untouched) === */
/* Left-aligned container + right-side status dot */
@media (min-width: 1025px){
  :root{
    --aid-bg:#ffffff;
    --aid-surface:#ffffff;
    --aid-muted:#6b7280;
    --aid-text:#0b1220;
    --aid-border:#e7ebf0;
    --aid-hover:#f7f9fc;
    --aid-cta:#111827;
    --aid-cta-contrast:#ffffff;
  }

  /* Container left align (override theme's center) */
  .aid-card{
    background: var(--aid-surface);
    border: 1px solid var(--aid-border);
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(2,6,23,.06);
    padding: 0;
    overflow: clip;
    max-width: none !important;  /* remove 1100px cap */
    width: 100% !important;      /* stretch within page/container */
    margin: 16px 0 !important;   /* remove auto centering */
  }

  /* Header */
  .aid-card-header{
    display:flex; align-items:center; justify-content:space-between;
    padding: 16px 20px;
    border-bottom:1px solid var(--aid-border);
    background: var(--aid-bg);
  }
  .aid-title{
    font: 800 20px/1.25 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
    color: var(--aid-text); margin: 0; letter-spacing: .1px;
  }
  .aid-actions{ gap:8px }
  .aid-icon{
    width:34px; height:34px; border-radius:10px;
    background:#f3f6fb; border:1px solid var(--aid-border);
    transition: transform .12s ease, box-shadow .12s ease;
  }
  .aid-icon:hover{ transform: translateY(-1px); box-shadow:0 2px 8px rgba(2,6,23,.08) }
  .aid-icon:focus{ outline:2px solid #a3bffa; outline-offset:2px }

  /* List */
  .aid-list{ display:flex; flex-direction:column }
  .aid-item{
    display:grid;
    grid-template-columns: 1fr 18px; /* title/date on left, status dot fixed width on right */
    gap: 14px;
    align-items:center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--aid-border);
    text-decoration: none;
    color: inherit;
    transition: background .12s ease;
  }
  .aid-item:last-child{ border-bottom:0 }
  .aid-item:hover{ background: var(--aid-hover) }
  .aid-item:focus{ outline:2px solid #a3bffa; outline-offset:-2px; background: var(--aid-hover) }

  .aid-item-left{ display:none } /* varsa ikon kolonu tamamen gizle */
  .aid-item-body{ min-width:0 }
  .aid-item-title{
    margin:0 0 4px; font-weight:700; font-size:15px; line-height:1.35; color: var(--aid-text);
  }
  .aid-item-sub{
    font-size: 13px; color: var(--aid-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }

  /* Right status dot (clean circle) */
  .aid-item-right{
    display:flex; align-items:center; justify-content:flex-end;
    min-width: 18px;
  }
  .aid-item-right .aid-dot{
    width: 12px; height: 12px;
    border-radius: 999px;
    display: inline-block;
    outline: none; box-shadow: none;
    /* color comes inline or via helper */
  }

  /* Footer */
  .aid-footer{
    display:flex; align-items:center; justify-content:space-between;
    padding: 14px 16px; border-top:1px solid var(--aid-border); background: var(--aid-bg);
  }
  .aid-legend{ gap:10px; font-size: 12px; color: var(--aid-muted) }
  .aid-all{
    display:inline-flex; align-items:center; gap:8px;
    padding: 9px 12px; border-radius:10px; border:1px solid var(--aid-border);
    text-decoration:none; font-weight:700; font-size:13px; background:#f8fafc;
  }
  .aid-all:hover{ background:#eef2f7 }

  /* Pager */
  .aid-pager{
    display:flex; gap:8px; justify-content:center;
    padding: 14px 16px; border-top:1px solid var(--aid-border); background:#fbfdff;
  }
  .aid-pager a, .aid-pager span{
    min-width:34px; height:34px; padding:0 10px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:8px; border:1px solid var(--aid-border);
    text-decoration:none; font-weight:600; font-size:13px;
  }
  .aid-pager span.is-active{ background: var(--aid-cta); color: var(--aid-cta-contrast); border-color: var(--aid-cta) }

  @media (prefers-reduced-motion: reduce){
    .aid-icon, .aid-item{ transition: none !important }
  }
}



/* === TYPO OVERRIDES (Desktop only) per user request === */
@media (min-width: 1025px){
  .aid-title{ font-size:32px !important; }
  .aid-item-title{ font-size:16px !important; }
  .aid-item-sub{ font-size:14px !important; }
  .aid-legend{ font-size:14px !important; }
  .aid-all{ font-size:14px !important; }
}