/* Arborescence Décisionnelle v3.2 */
*{box-sizing:border-box;margin:0;padding:0;}
.dtp-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:1rem 0;color:#111;}
.dtp-login{background:#fff8e1;border:1px solid #f9c02b;border-left:4px solid #f9c02b;border-radius:4px;padding:.9rem 1.25rem;color:#5a4300;font-size:14px;}
.dtp-loading{padding:2.5rem;text-align:center;color:#888;font-size:14px;}
.dtp-error{background:#fcebeb;border:1px solid #f09595;border-left:4px solid #e24b4a;border-radius:4px;padding:.75rem 1rem;color:#a32d2d;font-size:13px;margin-bottom:1rem;}
.dtp-empty{text-align:center;padding:2rem;color:#888;font-size:13px;}

/* ── Onglets ─────────────────────────────────── */
.dtp-tabs{display:flex;gap:5px;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center;padding-bottom:10px;border-bottom:2px solid #f0f0f0;}
.dtp-tab-item{display:inline-flex;align-items:stretch;border:1px solid #ddd;border-radius:7px;overflow:hidden;background:#f6f6f6;}
.dtp-tab-item.active{background:#fff;border-color:#888;box-shadow:0 1px 4px rgba(0,0,0,.1);}
.dtp-tab-lbl{background:none;border:none;padding:7px 10px;font-size:12px;font-family:inherit;color:#666;cursor:pointer;line-height:1.4;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dtp-tab-item.active .dtp-tab-lbl{color:#111;font-weight:600;}
.dtp-ticon{background:none;border:none;border-left:1px solid #e8e8e8;padding:5px 8px;font-size:13px;cursor:pointer;color:#ccc;display:flex;align-items:center;transition:all .15s;}
.dtp-ticon.r:hover{background:#e8f0fe;color:#185fa5;}
.dtp-ticon.d:hover{background:#fcebeb;color:#a32d2d;}
.dtp-tab-item.renaming{border-color:#7F77DD;}
.dtp-tab-rename{border:none;outline:none;padding:6px 10px;font-size:12px;font-family:inherit;color:#111;width:150px;background:transparent;border-bottom:1.5px solid #7F77DD;}
.dtp-tok{background:#7F77DD;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:13px;}
.dtp-tcancel{background:none;border:none;border-left:1px solid #e8e8e8;padding:5px 9px;cursor:pointer;color:#aaa;font-size:13px;}
.dtp-new-wrap{display:inline-flex;align-items:center;border:1px solid #7F77DD;border-radius:7px;overflow:hidden;}
.dtp-new-input{border:none;outline:none;padding:7px 10px;font-size:12px;font-family:inherit;color:#111;width:170px;}
.dtp-tab-add{border:1px dashed #ccc;background:#fafafa;border-radius:7px;padding:7px 13px;font-size:12px;cursor:pointer;color:#888;font-family:inherit;white-space:nowrap;transition:all .15s;}
.dtp-tab-add:hover{border-color:#888;color:#333;}
.dtp-tab-fx{border:1px solid #ddd;background:#f6f6f6;border-radius:7px;padding:7px 13px;font-size:12px;cursor:pointer;color:#666;font-family:inherit;white-space:nowrap;transition:all .15s;}
.dtp-tab-fx:hover{background:#fff;border-color:#aaa;color:#333;}
.dtp-tab-fx.active{background:#e6f1fb;border-color:#185fa5;color:#0c447c;font-weight:600;}
.dtp-tab-fx.tasks.active{background:#EAF3DE;border-color:#3B6D11;color:#2d6a0a;}

/* ── Corps projet ────────────────────────────── */
.dtp-arb{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:16px;}
.dtp-arb-hd{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f8f8f8;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;}
.dtp-arb-n{font-size:13px;font-weight:700;color:#333;flex:1;}
.dtp-arb-c{font-size:11px;color:#aaa;background:#efefef;border-radius:20px;padding:2px 8px;}
.dtp-arb-del{border:1px solid #f09595;background:#fcebeb;color:#a32d2d;border-radius:5px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:inherit;}
.dtp-arb-del:hover{background:#f7c1c1;}
.dtp-arb-body{padding:16px;overflow-x:auto;}
.dtp-add-question{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:12px 20px;border:2px dashed #7F77DD;border-radius:8px;background:#EEEDFE;color:#534AB7;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;}
.dtp-add-question:hover{background:#e0defc;}

/* ── Nœuds & panneau inline ──────────────────── */
.dtp-nwrap{margin-bottom:6px;}

/* Panneau inline (au-dessus du nœud) */
.dtp-ipanel,.dtp-iadd{background:#f0effe;border:1.5px solid #AFA9EC;border-radius:8px;padding:14px 16px;margin-bottom:8px;}
.dtp-iadd.root{border-color:#7F77DD;}
.dtp-iactions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap;}
.dtp-btn-s{border:1px solid #ddd;background:#fff;border-radius:5px;padding:6px 13px;font-size:12px;cursor:pointer;font-family:inherit;color:#333;transition:all .15s;}
.dtp-btn-s:hover{background:#f0f0f0;}
.dtp-btn-s.save{background:#7F77DD;color:#fff;border-color:#7F77DD;}
.dtp-btn-s.save:hover{background:#6660c4;}
.dtp-btn-s.save:disabled{background:#bbb;border-color:#bbb;cursor:wait;}
.dtp-btn-s.danger{border-color:#f09595;color:#a32d2d;background:#fcebeb;}
.dtp-btn-s.cancel{border:none;background:none;color:#777;}

/* Cartes de type */
.dtp-tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
@media(max-width:480px){.dtp-tcards{grid-template-columns:1fr;}}
.dtp-tcard{border:1.5px solid #ddd;border-radius:8px;padding:12px 10px;cursor:pointer;background:#fff;text-align:center;display:flex;flex-direction:column;gap:4px;transition:all .15s;}
.dtp-tcard:hover{border-color:#7F77DD;background:#EEEDFE;}
.tc-i{font-size:20px;}.tc-l{font-size:13px;font-weight:700;color:#111;}.tc-d{font-size:11px;color:#888;line-height:1.4;}

/* Boîte du nœud */
.dtp-box{display:inline-flex;flex-direction:column;max-width:300px;min-width:140px;background:#fff;border:1px solid #ddd;border-radius:7px;padding:9px 13px;cursor:pointer;vertical-align:top;transition:border-color .15s,box-shadow .15s;}
.dtp-box:hover{border-color:#999;}
.dtp-box.sel{box-shadow:0 0 0 2.5px #7F77DD;border-color:#7F77DD;}
.dtp-box.question{border-left:4px solid #7F77DD;}
.dtp-box.comment,.dtp-box.remark{border-left:4px solid #1D9E75;}
.dtp-box.action{border-left:4px solid #BA7517;}
.dtp-badge{display:block;font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;}
.dtp-text{display:block;font-size:13px;color:#111;line-height:1.5;word-break:break-word;}
.dtp-title-only{display:block;font-size:13px;font-weight:600;color:#333;line-height:1.4;word-break:break-word;}
.dtp-meta{display:block;font-size:10px;color:#ccc;margin-top:5px;line-height:1.3;}

/* OUI / NON (conditionnels) */
.dtp-yn{display:flex;align-items:baseline;gap:8px;margin-top:5px;margin-left:12px;flex-wrap:wrap;}
.dtp-yn-txt{font-size:12px;line-height:1.4;word-break:break-word;flex:1;}
.dtp-yn.oui .dtp-yn-txt{color:#2d6a0a;background:#EAF3DE;border-radius:4px;padding:3px 8px;}
.dtp-yn.non .dtp-yn-txt{color:#a32d2d;background:#FCEBEB;border-radius:4px;padding:3px 8px;}

/* Connecteurs enfants */
.dtp-children{margin-left:28px;border-left:1px solid #e8e8e8;padding-left:14px;margin-top:6px;padding-top:4px;display:flex;flex-direction:column;gap:4px;}
.dtp-addbtn{display:inline-block;border:1px dashed #ccc;background:#fafafa;border-radius:6px;padding:5px 12px;font-size:11px;color:#aaa;cursor:pointer;font-family:inherit;align-self:flex-start;transition:all .15s;margin-top:4px;}
.dtp-addbtn:hover{color:#333;border-color:#888;background:#f0f0f0;}

/* Labels OUI / NON */
.dtp-blbl{display:inline-block;font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.02em;flex-shrink:0;}
.dtp-blbl.oui{background:#EAF3DE;color:#2d6a0a;}
.dtp-blbl.non{background:#FCEBEB;color:#a32d2d;}

/* Champs formulaire */
.dtp-fl{display:block;font-size:11px;color:#666;margin-bottom:4px;margin-top:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;}
.dtp-fl.oui-l{color:#2d6a0a;}.dtp-fl.non-l{color:#a32d2d;}
.dtp-fi{width:100%;border:1px solid #ccc;border-radius:6px;padding:8px 12px;font-size:13px;font-family:inherit;background:#fff;color:#111;box-sizing:border-box;transition:border-color .15s;}
.dtp-fi:focus{outline:none;border-color:#7F77DD;box-shadow:0 0 0 2px rgba(127,119,221,.15);}
textarea.dtp-fi{resize:vertical;min-height:60px;display:block;}
textarea.dtp-fi.sm{min-height:44px;}
input[type=text].dtp-fi,input[type=date].dtp-fi,input[type=time].dtp-fi,select.dtp-fi{display:block;cursor:pointer;}
.dtp-yn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;}
.dtp-agrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:4px;}
@media(max-width:560px){.dtp-yn-grid,.dtp-agrid{grid-template-columns:1fr;}}

/* Pièce jointe */
.dtp-file-zone{margin-top:10px;}
.dtp-file-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px;}
.dtp-file-pick{border:1px solid #ccc;background:#fff;border-radius:5px;padding:6px 12px;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s;}
.dtp-file-pick:hover{background:#f0f0f0;}
.dtp-fstatus{font-size:12px;color:#555;flex:1;}
.dtp-fstatus a{color:#185fa5;text-decoration:none;}.dtp-fstatus a:hover{text-decoration:underline;}
.dtp-rm-file{border:none;background:none;color:#a32d2d;cursor:pointer;font-size:15px;padding:0 4px;line-height:1;}
.dtp-uploading{color:#888;}

/* ── Vue d'ensemble ──────────────────────────── */
.dtp-ov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.dtp-ov-col{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:10px;padding:12px;}
.dtp-ov-title{font-size:12px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e0e0e0;}
.dtp-ov-empty{font-size:12px;color:#bbb;text-align:center;padding:1rem 0;font-style:italic;}
.dtp-ov-q{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #e8e8e8;}
.dtp-ov-q:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.dtp-ov-q-num{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;}
.dtp-ov-q-text{font-size:13px;font-weight:600;color:#111;margin-bottom:6px;line-height:1.4;}
.dtp-ov-yn{display:flex;align-items:baseline;gap:6px;margin-top:4px;flex-wrap:wrap;}
.dtp-ov-yn span:last-child{font-size:12px;line-height:1.4;}
.dtp-ov-yn.oui span:last-child{color:#2d6a0a;background:#EAF3DE;border-radius:4px;padding:2px 6px;}
.dtp-ov-yn.non span:last-child{color:#a32d2d;background:#FCEBEB;border-radius:4px;padding:2px 6px;}

/* ── Tableau des tâches ───────────────────────── */
.dtp-task-hdr{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap;}
.dtp-task-hdr h3{font-size:15px;font-weight:700;color:#111;margin:0;}
.dtp-tfilter{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;}
.dtp-tfilter select{border:1px solid #ddd;border-radius:5px;padding:5px 10px;font-size:12px;font-family:inherit;background:#fff;}
.dtp-tscroll{overflow-x:auto;}
.dtp-ttable{width:100%;border-collapse:collapse;font-size:13px;min-width:800px;}
.dtp-ttable thead tr{background:#f2f2f2;}
.dtp-ttable th{padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #ddd;white-space:nowrap;}
.dtp-ttable th.s{cursor:pointer;user-select:none;}.dtp-ttable th.s:hover{color:#333;}
.dtp-ttable th.n,.dtp-ttable td.n{width:36px;text-align:center;color:#aaa;font-size:12px;}
.dtp-ttable td{padding:10px 12px;border-bottom:1px solid #f0f0f0;vertical-align:top;}
.dtp-ttable tr:hover td{background:#fafafa;}
.dtp-pbadge{display:inline-block;background:#EEEDFE;color:#534AB7;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;}
.dtp-alink{font-size:11px;color:#185fa5;background:#e8f0fe;border-radius:4px;padding:2px 6px;text-decoration:none;display:inline-block;}
.dtp-cbtns{display:flex;gap:4px;flex-wrap:wrap;}
.dtp-cbtn{border:1px solid #ddd;border-radius:4px;padding:4px 9px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;transition:all .15s;display:inline-block;white-space:nowrap;}
.dtp-cbtn.g{background:#e8f0fe;border-color:#4285f4;color:#1a73e8;}.dtp-cbtn.g:hover{background:#d2e3fc;}
.dtp-cbtn.i{background:#f0f0f0;border-color:#ccc;color:#333;}.dtp-cbtn.i:hover{background:#e0e0e0;}
.dtp-cbtn.e{background:#EAF3DE;border-color:#3B6D11;color:#2d6a0a;}.dtp-cbtn.e:hover{background:#d5eab8;}
.dtp-cbtn:disabled{opacity:.6;cursor:default;}

/* ── Légende ─────────────────────────────────── */
.dtp-legend{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap;}
.dtp-leg{display:flex;align-items:center;gap:6px;font-size:11px;color:#888;}
.dtp-leg-b{display:inline-block;width:4px;height:14px;border-radius:2px;flex-shrink:0;}

/* ── Admin WP ────────────────────────────────── */
.wrap #dtp-root{margin-top:1.5rem;max-width:1300px;}

/* ── Mode sombre ─────────────────────────────── */
@media(prefers-color-scheme:dark){
  .dtp-wrap{color:#e8e8e8;}
  .dtp-box{background:#1e1e1e;border-color:#3a3a3a;}.dtp-box:hover{border-color:#666;}
  .dtp-text,.dtp-title-only{color:#e8e8e8;}.dtp-badge{color:#666;}.dtp-meta{color:#555;}
  .dtp-ipanel,.dtp-iadd{background:#1a1a2e;border-color:#534AB7;}
  .dtp-fi{background:#2a2a2a;border-color:#444;color:#e8e8e8;}
  .dtp-tcard{background:#252525;border-color:#444;}.dtp-tcard:hover{background:#2a2540;}
  .tc-l{color:#e8e8e8;}.tc-d{color:#666;}
  .dtp-tab-item{background:#2a2a2a;border-color:#444;}.dtp-tab-item.active{background:#333;border-color:#666;}
  .dtp-tab-lbl{color:#aaa;}.dtp-tab-item.active .dtp-tab-lbl{color:#eee;}
  .dtp-tab-add,.dtp-tab-fx{background:#2a2a2a;border-color:#444;color:#aaa;}
  .dtp-tab-fx.active{background:#1e3a5f;border-color:#185fa5;color:#90c2f7;}
  .dtp-tabs{border-bottom-color:#333;}
  .dtp-arb{background:#1e1e1e;border-color:#3a3a3a;}.dtp-arb-hd{background:#252525;border-bottom-color:#3a3a3a;}
  .dtp-children{border-left-color:#3a3a3a;}
  .dtp-ov-col{background:#1e1e1e;border-color:#3a3a3a;}.dtp-ov-title{color:#ccc;border-bottom-color:#3a3a3a;}
  .dtp-yn.oui .dtp-yn-txt{background:#0d2a0d;color:#7ec86a;}.dtp-yn.non .dtp-yn-txt{background:#2a0d0d;color:#f09595;}
  .dtp-ttable thead tr{background:#252525;}.dtp-ttable th{color:#888;border-bottom-color:#444;}.dtp-ttable td{border-bottom-color:#2a2a2a;}
}