/* Page « Parité Android / iOS » de l'admin (écran 5d du design, 29/10/2026) : tableau des demandes, filtres, cartes par machine.
   Le panneau de détail à droite vient du gabarit (kaPanel, admin-shell.js). Valeurs de la maquette : voir design_handoff_admin. */

[data-ka-pane="parite"] .ka-par-desc { margin: 0; font-size: 13.5px; line-height: 1.5; color: #4E4740; max-width: 920px; text-wrap: pretty; }
[data-ka-pane="parite"] .ka-par-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; position: relative; }
[data-ka-pane="parite"] .ka-par-search { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 11px; border: 1px solid #E2DBD1; border-radius: 9px; background: #fff; width: 230px; box-sizing: border-box; color: #8A8178; }
[data-ka-pane="parite"] .ka-par-search:focus-within { border-color: #0B5C6B; }
[data-ka-pane="parite"] .ka-par-search svg { width: 14px; height: 14px; flex: 0 0 auto; }
[data-ka-pane="parite"] .ka-par-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: 400 13px Archivo, sans-serif; color: #221E1A; height: 100%; padding: 0; }
[data-ka-pane="parite"] .ka-par-chipwrap { position: relative; }
[data-ka-pane="parite"] .ka-par-chip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 11px; border-radius: 9px; font: 600 13px Archivo, sans-serif; white-space: nowrap; border: 1px solid #E2DBD1; background: #fff; color: #3A342E; cursor: pointer; }
[data-ka-pane="parite"] .ka-par-chip:hover { border-color: #C9BFB2; }
[data-ka-pane="parite"] .ka-par-chip svg { width: 12px; height: 12px; }
[data-ka-pane="parite"] .ka-par-chip.on { border-color: #F3C98B; background: #FDF3E1; color: #8A5A07; }
[data-ka-pane="parite"] .ka-par-menu { position: absolute; left: 0; top: 40px; min-width: 170px; background: #fff; border: 1px solid #E2DBD1; border-radius: 12px; box-shadow: 0 12px 32px rgba(34,30,26,.16); padding: 6px; z-index: 50; }
[data-ka-pane="parite"] .ka-par-menu[hidden] { display: none; }
[data-ka-pane="parite"] .ka-par-menu button { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 7px 10px; border-radius: 8px; font: 400 13.5px Archivo, sans-serif; color: #221E1A; cursor: pointer; }
[data-ka-pane="parite"] .ka-par-menu button:hover { background: #F8F6F2; }
[data-ka-pane="parite"] .ka-par-menu button.on { font-weight: 700; background: #E5F1F3; color: #0B5C6B; }

/* Tableau */
[data-ka-pane="parite"] .ka-par-wrap { background: #fff; border: 1px solid #E2DBD1; border-radius: 13px; overflow: hidden; }
[data-ka-pane="parite"] .ka-par-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13.5px; color: #4E4740; }
[data-ka-pane="parite"] .ka-par-table th { background: #F8F6F2; border-bottom: 1px solid #E2DBD1; padding: 10px 6px; text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6F675E; line-height: 1.25; }
[data-ka-pane="parite"] .ka-par-table td { padding: 0 6px; height: 42px; border-bottom: 1px solid #F1ECE5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-ka-pane="parite"] .ka-par-table th:first-child, [data-ka-pane="parite"] .ka-par-table td:first-child { padding-left: 16px; }
[data-ka-pane="parite"] .ka-par-table th:last-child, [data-ka-pane="parite"] .ka-par-table td:last-child { padding-right: 16px; }
[data-ka-pane="parite"] .ka-par-table tbody tr { cursor: pointer; transition: background-color .12s ease, box-shadow .12s ease; }
[data-ka-pane="parite"] .ka-par-table tbody tr:hover { background: #F8F6F2; }
[data-ka-pane="parite"] .ka-par-table tbody tr:focus-visible { outline: 2px solid #0B5C6B; outline-offset: -2px; }
[data-ka-pane="parite"] .ka-par-table tbody tr.ka-sel, [data-ka-pane="parite"] .ka-par-table tbody tr.ka-sel:hover { background: #FDEEF3; box-shadow: inset 3px 0 0 #E01B5D; }
[data-ka-pane="parite"] .ka-par-table tbody tr:last-child td { border-bottom: 0; }
[data-ka-pane="parite"] .ka-par-id { color: #8A8178; font-size: 12px; font-weight: 600; margin-right: 8px; }
[data-ka-pane="parite"] .ka-par-ttl { font-weight: 700; color: #221E1A; }
[data-ka-pane="parite"] .ka-par-since { font-weight: 600; color: #6F675E; }
[data-ka-pane="parite"] .ka-par-since.o { color: #B7700A; font-weight: 700; }
[data-ka-pane="parite"] .ka-par-since.r { color: #C1272D; font-weight: 700; }
[data-ka-pane="parite"] .ka-par-miss { color: #8A5A07; font-weight: 600; }
[data-ka-pane="parite"] .ka-par-dot { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--c, #6F675E); }
[data-ka-pane="parite"] .ka-par-dot i { width: 7px; height: 7px; border-radius: 50%; background: var(--c, #6F675E); flex: 0 0 auto; }
[data-ka-pane="parite"] .ka-par-empty { padding: 28px 16px; text-align: center; color: #6F675E; font-size: 13.5px; }

/* Cartes par machine */
[data-ka-pane="parite"] .ka-par-machines { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
@media (max-width: 1100px) { [data-ka-pane="parite"] .ka-par-machines { grid-template-columns: minmax(0, 1fr); } }
[data-ka-pane="parite"] .ka-par-mc { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; background: #fff; border: 1px solid #E2DBD1; border-radius: 13px; min-width: 0; }
[data-ka-pane="parite"] .ka-par-mc h3 { margin: 0; font-size: 17px; font-weight: 800; letter-spacing: -0.01em; color: #221E1A; }
[data-ka-pane="parite"] .ka-par-mc h3 span { font-size: 13px; font-weight: 400; color: #6F675E; letter-spacing: 0; margin-left: 6px; }
[data-ka-pane="parite"] .ka-par-sync { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; padding: 9px 12px; border-radius: 10px; background: var(--bg2, #F4F1EC); color: var(--c); }
[data-ka-pane="parite"] .ka-par-sync i { width: 8px; height: 8px; border-radius: 50%; background: var(--c); flex: 0 0 auto; margin-top: 5px; }
[data-ka-pane="parite"] .ka-par-sync span { min-width: 0; overflow-wrap: anywhere; }
[data-ka-pane="parite"] .ka-par-sync.g { --c: #1F8A4C; --bg2: #E3F3E9; }
[data-ka-pane="parite"] .ka-par-sync.o { --c: #8A5A07; --bg2: #FCEBC8; }
[data-ka-pane="parite"] .ka-par-sync.r { --c: #C1272D; --bg2: #FBE3E6; }
[data-ka-pane="parite"] .ka-par-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 1500px) { [data-ka-pane="parite"] .ka-par-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
[data-ka-pane="parite"] .ka-par-stat { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
[data-ka-pane="parite"] .ka-par-stat .l { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #6F675E; text-transform: uppercase; }
[data-ka-pane="parite"] .ka-par-stat .v { font-size: 22px; font-weight: 800; color: #221E1A; line-height: 1.15; }
[data-ka-pane="parite"] .ka-par-stat .v.sm { font-size: 14px; font-weight: 700; line-height: 1.4; }
[data-ka-pane="parite"] .ka-par-stat .d { font-size: 12px; color: #8A8178; overflow-wrap: anywhere; }
[data-ka-pane="parite"] .ka-par-todo { font-size: 13.5px; color: #4E4740; }
[data-ka-pane="parite"] .ka-par-lh { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #6F675E; text-transform: uppercase; }
[data-ka-pane="parite"] .ka-par-tasks { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
[data-ka-pane="parite"] .ka-par-tasks li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 38px; border-top: 1px solid #F1ECE5; font-size: 13.5px; cursor: pointer; }
[data-ka-pane="parite"] .ka-par-tasks li:hover { background: #F8F6F2; }
[data-ka-pane="parite"] .ka-par-tasks .t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; color: #221E1A; }
[data-ka-pane="parite"] .ka-par-tasks .w { color: #8A5A07; font-weight: 600; white-space: nowrap; }
[data-ka-pane="parite"] .ka-par-none { font-size: 13.5px; color: #6F675E; padding: 8px 0; }

/* Panneau de détail */
.ka-panel .ka-par-box { padding: 10px 12px; border-radius: 10px; font-size: 13.5px; line-height: 1.5; color: #221E1A; background: #F8F6F2; border: 1px solid #EDE8E1; white-space: pre-wrap; overflow-wrap: anywhere; }
.ka-panel .ka-par-box.bad { background: #FBE3E6; border-color: #F2C3C9; }
.ka-panel .ka-par-box small { display: block; margin-top: 6px; font-size: 12px; color: #6F675E; white-space: normal; }
.ka-panel .ka-par-steps { display: flex; flex-direction: column; gap: 9px; padding: 12px; border-radius: 11px; background: #F4F1EC; }
.ka-panel .ka-par-step { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: #3A342E; }
.ka-panel .ka-par-step .h { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ka-panel .ka-par-step .h b { font-weight: 700; }
.ka-panel .ka-par-step .h span.date { color: #6F675E; font-size: 12.5px; white-space: nowrap; }
.ka-panel .ka-par-step .n { font-size: 12px; color: #6F675E; overflow-wrap: anywhere; }
.ka-panel .ka-par-dot { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--c, #6F675E); }
.ka-panel .ka-par-dot i { width: 7px; height: 7px; border-radius: 50%; background: var(--c, #6F675E); flex: 0 0 auto; }
.ka-panel .ka-par-miss { color: #8A5A07; font-weight: 600; font-size: 13.5px; }