@media(max-width:1150px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main{padding-left:25px;padding-right:25px}.sidebar{width:220px}.main{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:100%;height:64px;inset:auto 0 0;border-right:0;border-top:1px solid var(--line);padding:5px 8px;display:block}.brand,.side-label,.sidebar-bottom{display:none}#main-nav{display:flex;justify-content:space-around;height:100%}.nav-item{width:auto;flex:1;justify-content:center;flex-direction:column;gap:2px;padding:5px 2px;margin:0;font-size:17px}.nav-item span{font-size:9px}.main{margin:0;padding:0 15px 90px}.topbar{height:60px;margin-bottom:24px}.mobile-brand{display:block;font:800 15px Manrope}.breadcrumb{display:none}.top-actions{margin-left:auto}.welcome-row,.page-heading{align-items:flex-start;flex-direction:column}.welcome-row{gap:15px}.welcome-row h1,.page-heading h1{font-size:27px}.stats-grid{gap:9px}.stat-card{padding:13px;min-height:115px}.stat-card strong{font-size:23px}.content-grid,.settings-grid{grid-template-columns:1fr;gap:0}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toolbar{flex-wrap:wrap}.toolbar .search-input{flex-basis:100%}.toolbar select{flex:1;max-width:none}.view-toggle{margin-left:auto}.panel{padding:16px}.data-table th,.data-table td{padding:11px 9px;font-size:11px}.data-table th:nth-child(3),.data-table td:nth-child(3){display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.detail-hero{grid-template-columns:105px 1fr;gap:13px}.detail-hero img{width:105px}.modal{padding:22px 17px}.search-line{flex-direction:column}.button-row{flex-wrap:wrap}.month-chart{gap:5px}}
@media(max-width:390px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 900px) {
  .card-progress-heading {
    font-size: 10px;
    gap: 4px;
  }

  .card-progress-heading span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .card-series-progress {
    min-height: 43px;
    box-sizing: border-box;
  }

  .media-card:not(:has(.card-series-progress))::after {
    height: 43px;
    box-sizing: border-box;
  }
}

/* =========================================================
   BANDEAUX DIAGONAUX DE STATUT
========================================================= */

.media-card .poster-wrap {
  position: relative;
  overflow: hidden;
}

.media-card .media-badge {
  position: absolute !important;

  /* Débordement pour rejoindre les deux bords */
  top: 42px !important;
  left: -35% !important;
  right: auto !important;
  bottom: auto !important;

  width: 170% !important;
  height: auto !important;
  box-sizing: border-box;
  padding: 9px 0 !important;

  display: block;
  z-index: 5;

  /* Inclinaison conservée */
  transform: rotate(-12deg);
  transform-origin: center center;

  border: none;
  border-top: 2px solid rgba(255,255,255,.85);
  border-bottom: 2px solid rgba(255,255,255,.85);
  border-radius: 0;

  color: white;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;

  box-shadow: 0 3px 9px rgba(0,0,0,.35);
}

/* VERT : vus et terminés */
.media-badge[data-status="watched"],
.media-badge[data-status="completed"] {
  background: #16a34a;
}

/* BLEU : à voir et à commencer */
.media-badge[data-status="to_watch"],
.media-badge[data-status="to_start"] {
  background: #2563eb;
}

/* ORANGE : en cours */
.media-badge[data-status="watching"] {
  background: #ea580c;
}

/* VIOLET : en pause */
.media-badge[data-status="paused"] {
  background: #7c3aed;
}

/* ROUGE : abandonné */
.media-badge[data-status="abandoned"] {
  background: #dc2626;
}