/* Version ordinateur des écrans partenaires (maquettes docs/maquettes/partenaires/desktop) : espace partenaire dp01 à dp06,
   rubrique Créateurs dp07 à dp09, back-office da01 à da06. Composants limités au conteneur .dk ; il porte aussi la classe .mq
   pour reprendre les cartes, pastilles et lignes des maquettes mobiles. */

.mq.dk { display: flex; flex-direction: column; gap: 16px; column-count: auto; font-size: 13.5px; line-height: 1.4; color: var(--ink, #17142b); }
.mq.dk > * { margin-bottom: 0; }
.dk .dk-top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.dk .dk-top h1 { font-size: 24px; font-weight: 700; letter-spacing: -.4px; margin: 0; display: flex; align-items: center; gap: 8px; }
.dk .dk-top .sub { color: var(--ink3, #9a97b0); font-size: 12.5px; }
.dk .dk-top .grow { flex: 1; min-width: 200px; }
.dk .btn { height: 44px; padding: 0 18px; font-size: 14px; width: auto; border: 0; cursor: pointer; font-family: inherit; white-space: nowrap; }
.dk .btn.sm { height: 36px; font-size: 13px; }
.dk .btn.ghost { background: #fff; color: var(--ink, #17142b); box-shadow: 0 2px 8px rgba(23, 20, 43, .06); }
.dk .btn.danger { background: #fff; color: #c8203f; box-shadow: inset 0 0 0 1.5px #e8305a; }
.dk .btn svg { width: 18px; height: 18px; }

/* Onglets soulignés */
.dk .dtabs { display: flex; gap: 6px; border-bottom: 1px solid #ecebf3; overflow-x: auto; scrollbar-width: none; }
.dk .dtabs::-webkit-scrollbar { display: none; }
.dk .dtabs button { padding: 10px 14px; font: inherit; font-weight: 500; color: var(--ink2, #6b6884); border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: none; cursor: pointer; white-space: nowrap; min-height: 0; border-radius: 0; }
.dk .dtabs button[aria-pressed="true"] { color: var(--pink, #f0457a); border-color: var(--pink, #f0457a); font-weight: 600; }
.dk .dtabs.small button { padding: 6px 10px; font-size: 12.5px; }

/* Tuiles de chiffres */
.dk .kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.dk .kpi { background: #fff; border-radius: 18px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(23, 20, 43, .05); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dk .kpi small { color: var(--ink3, #9a97b0); font-size: 12.5px; }
.dk .kpi .val { display: flex; align-items: center; gap: 10px; font-size: 26px; font-weight: 700; letter-spacing: -.4px; white-space: nowrap; }
.dk .kpi .val svg { width: 24px; height: 24px; color: var(--pink, #f0457a); flex: none; }
.dk .kpi .val .chip { font-size: 11.5px; letter-spacing: 0; }

/* Panneaux et grilles */
.dk .pn { background: #fff; border-radius: 18px; padding: 18px; box-shadow: 0 2px 10px rgba(23, 20, 43, .05); min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.dk .pn > .pt, .dk .pt { font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dk .lk { color: var(--pink, #f0457a); font-size: 12.5px; font-weight: 500; border: 0; background: none; cursor: pointer; font-family: inherit; padding: 0; min-height: 0; }
.dk .g2 { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.dk .g2.even { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dk .g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
.dk .stack { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.dk .row { box-shadow: none; background: #f8f7fc; }
.dk .stat { box-shadow: none; background: #f8f7fc; }
.dk .note { background: #fff1dc; border-radius: 14px; padding: 10px 14px; font-size: 12.5px; display: flex; gap: 10px; align-items: flex-start; }
.dk .note svg { width: 18px; height: 18px; color: #e07f12; flex: none; }

/* Tableaux */
.dk .tbl { width: 100%; border-collapse: collapse; }
.dk .tbl th { text-align: left; font-weight: 500; color: var(--ink3, #9a97b0); font-size: 11.5px; padding: 8px 10px; border-bottom: 1px solid #ecebf3; white-space: nowrap; }
.dk .tbl td { padding: 11px 10px; border-bottom: 1px solid #ecebf3; vertical-align: middle; }
.dk .tbl tr:last-child td { border-bottom: 0; }
.dk .tbl tr.sel td { background: #fff5f8; }
.dk .tbl tr[data-pick] { cursor: pointer; }
.dk .tbl td small { display: block; color: var(--ink3, #9a97b0); font-size: 12px; }
.dk .tbl .who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.dk .tbl .who > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.dk .tbl .num { text-align: right; white-space: nowrap; }
.dk .tbl-wrap { overflow-x: auto; }
.dk .dotok::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #12a08c; margin-right: 7px; vertical-align: 1px; }
.dk .ini.pin { width: 34px; height: 34px; font-size: 14px; } .dk .ini.pin.big { width: 54px; height: 54px; font-size: 22px; } .dk .ini.pin.huge { width: 72px; height: 72px; font-size: 28px; }
.dk .chip.eg { background: linear-gradient(90deg, #ff9a3c, #f0457a 60%, #9b5cff); color: #fff; }
.dk .chip.inf { background: #ece7ff; color: #7c5ce0; }
.dk .chip svg { width: 13px; height: 13px; }

/* Graphiques */
.dk .chart { display: block; width: 100%; height: 220px; }
.dk .chart .ax { stroke: #ecebf3; stroke-width: 1; vector-effect: non-scaling-stroke; }
.dk .chart .ln { fill: none; stroke: var(--pink, #f0457a); stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.dk .chart .ln2 { fill: none; stroke: #7c5ce0; stroke-width: 2; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; }
.dk .chart .ar { fill: #ffe7ef; }
.dk .chart-x { display: flex; justify-content: space-between; color: var(--ink3, #9a97b0); font-size: 11px; }
.dk .bars { display: flex; align-items: flex-end; gap: 10px; height: 180px; }
.dk .bars > div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px; height: 100%; font-size: 11px; color: var(--ink3, #9a97b0); }
.dk .bars i { display: block; width: 100%; border-radius: 8px 8px 3px 3px; background: #ffd0de; min-height: 3px; }
.dk .bars > div:last-child i { background: linear-gradient(180deg, #ff5a8e, #e8305a); }
.dk .funnel { display: flex; flex-direction: column; gap: 12px; }
.dk .funnel .fxb b { font-weight: 700; }
.dk progress.pbar { width: 100%; }
.dk .tiers3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.dk .tiers3 > div { background: #f8f7fc; border-radius: 16px; padding: 14px 6px; text-align: center; display: flex; flex-direction: column; gap: 2px; }
.dk .tiers3 > div b { font-size: 20px; } .dk .tiers3 > div small { color: var(--ink3, #9a97b0); font-size: 11.5px; }
.dk .tiers3 > div.on { background: #fff; box-shadow: inset 0 0 0 2px var(--pink, #f0457a); } .dk .tiers3 > div.on b { color: var(--pink, #f0457a); }
.dk .donut { width: 120px; height: 120px; flex: none; }
.dk .legend2 { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; } .dk .legend2 i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 8px; }

/* Formulaires dans un panneau */
.dk label.f { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: var(--ink3, #9a97b0); min-width: 0; }
.dk label.f input, .dk label.f select, .dk label.f textarea { background: #f8f7fc; border: 0; border-radius: 12px; min-height: 40px; padding: 8px 12px; font: inherit; font-size: 13.5px; color: var(--ink, #17142b); box-shadow: none; width: 100%; }
.dk label.f textarea { resize: vertical; min-height: 84px; }
.dk .fgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dk .kv { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dk .kv > b, .dk .kv > span:last-child { text-align: right; }
.dk .seg3 { display: flex; gap: 6px; flex-wrap: wrap; }
.dk .seg3 button { padding: 6px 12px; border-radius: 10px; border: 0; background: #f1f0f7; color: var(--ink2, #6b6884); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; min-height: 0; }
.dk .seg3 button[aria-pressed="true"] { background: #fff; color: #7c5ce0; box-shadow: inset 0 0 0 1.5px #7c5ce0; }
.dk .acts { display: flex; gap: 8px; flex-wrap: wrap; }
.dk .slot { border: 2px dashed #e3e0ee; border-radius: 18px; padding: 24px 16px; text-align: center; color: var(--ink3, #9a97b0); display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; min-height: 180px; }
.dk .qrbox { width: 132px; }
.dk .kit3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dk .kit3 .kc { background: #f8f7fc; border-radius: 16px; padding: 10px; display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: inherit; border: 0; font: inherit; text-align: left; cursor: pointer; min-width: 0; }
.dk .kit3 .kthumb { height: 120px; }
.dk .hero2 { background: linear-gradient(120deg, #17142b 30%, #3a2a66); color: #fff; border-radius: 20px; padding: 24px; display: flex; align-items: center; gap: 20px; position: relative; overflow: hidden; }
.dk .hero2 .muted { color: #b3afcf; } .dk .hero2 .stat { background: rgba(255, 255, 255, .1); min-width: 96px; } .dk .hero2 .stat small { color: #b3afcf; }
.dk .hero2 .art { width: 150px; flex: none; } .dk .hero2 .art svg { width: 100%; height: auto; display: block; }
.dk .ccard { background: #fff; border-radius: 18px; box-shadow: 0 2px 10px rgba(23, 20, 43, .05); padding: 12px; display: flex; flex-direction: column; gap: 10px; border: 0; font: inherit; text-align: left; cursor: pointer; color: inherit; min-width: 0; }
.dk .ccard .ph { height: 120px; border-radius: 14px; background: linear-gradient(140deg, #2f2757, #17142b 70%); display: grid; place-items: center; overflow: hidden; position: relative; }
.dk .ccard .ph svg { height: 110px; width: auto; } .dk .ccard .ph .ini { position: absolute; left: 10px; bottom: -14px; box-shadow: 0 0 0 3px #fff; }
.dk .ccard .cn { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }

/* Menu latéral de l'espace partenaire (dans la barre de l'application) */
#tabs .pm { display: none; }
@media (min-width: 1024px) {
  body.partner-space #tabs > button:not(.pm):not(#side-switch) { display: none !important; }
  body.partner-space #tabs .pm { display: flex; }
  main.wide.deskfull { max-width: 1320px; }
}

/* En dessous de 1 100 px, les grilles se replient ; le back-office sur téléphone reste lisible. */
@media (max-width: 1100px) {
  .dk .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dk .g2, .dk .g2.even, .dk .g3 { grid-template-columns: minmax(0, 1fr); }
  .dk .kit3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .dk .kpis { grid-template-columns: minmax(0, 1fr); }
  .dk .fgrid { grid-template-columns: minmax(0, 1fr); }
  .dk .hero2 { flex-direction: column; align-items: flex-start; }
}

/* Hauteurs des barres (dixièmes) et pastilles des légendes : la politique de sécurité interdit les styles en ligne. */
.dk .bars i.bh0 { height: 3px; } .dk .bars i.bh1 { height: 10%; } .dk .bars i.bh2 { height: 20%; } .dk .bars i.bh3 { height: 30%; } .dk .bars i.bh4 { height: 40%; } .dk .bars i.bh5 { height: 50%; }
.dk .bars i.bh6 { height: 60%; } .dk .bars i.bh7 { height: 70%; } .dk .bars i.bh8 { height: 80%; } .dk .bars i.bh9 { height: 90%; } .dk .bars i.bh10 { height: 100%; }
.dk .legend2 i.lg-a, .dk .legend2 i.lg-p { background: #f0457a; } .dk .legend2 i.lg-b, .dk .legend2 i.lg-e { background: #7c5ce0; } .dk .legend2 i.lg-s { background: #93a3b8; } .dk .legend2 i.lg-x { background: #f08a1c; }
.dk .legend2 i.lg-g { background: #12a08c; }
.dk .pn .legend2 { flex-direction: row; gap: 16px; flex-wrap: wrap; } .dk .pn .fx .legend2 { flex-direction: column; gap: 6px; }
.dk .bigcode { font-size: 26px; font-weight: 700; letter-spacing: 3px; margin: 0; }
.dk .codecard { box-shadow: none; }
.dk .pn .progart { min-height: 130px; }
.dk form.fx label.f { margin: 0; }

/* Rubrique Créateurs sur ordinateur (dp07 à dp09) */
.dk .g2.flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.9fr); }
.dk .g3.tight { gap: 12px; }
.dk .pn.center { align-items: center; text-align: center; }
.dk .pn.center .grid3 { width: 100%; }
.dk .dk-top .inp.search { width: 300px; height: 44px; }
.dk .ini.pin.giant { background: linear-gradient(135deg, #ff9a3c, #f0457a 55%, #9b5cff); }
.dk .hero2 .xl { white-space: normal; } .dk .hero2 .col { gap: 6px; align-items: flex-start; }
.dk .ccard .ph { width: 100%; display: grid; } .dk .ccard .cn .btn { flex: none; }
.dk .ccard .cn .rt { min-width: 0; text-align: left; }
.dk .sigdesk .progart { width: 260px; flex: none; border: 0; cursor: pointer; min-height: 170px; }
.dk .row.dk-become { background: #fff; box-shadow: 0 2px 10px rgba(23, 20, 43, .05); border: 0; font: inherit; cursor: pointer; text-align: left; }
.dk .codepn .kv b { text-align: left; }
.dk .row button.rt, .dk .thumbtn { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; }
.dk button.row { border: 0; font: inherit; text-align: left; cursor: pointer; color: inherit; width: 100%; }
@media (max-width: 1100px) { .dk .g2.flip { grid-template-columns: minmax(0, 1fr); } .dk .sigdesk { flex-direction: column; } .dk .sigdesk .progart { width: 100%; } }

/* Tableau des partenaires du back-office : la fiche à droite est plus étroite, les colonnes plus serrées. */
.dk .g2.wl { grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); }
.dk #pa-table th, .dk #pa-table td { padding-left: 7px; padding-right: 7px; }
.dk #pa-table .who small { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1100px) { .dk .g2.wl { grid-template-columns: minmax(0, 1fr); } }