:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#193047;background:#f2f6fa}*{box-sizing:border-box}body{margin:0}header{background:#113251;color:white;padding:18px max(20px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center}header b{letter-spacing:.08em}main{max-width:1200px;margin:25px auto;padding:0 16px 45px}.panel{background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:24px;box-shadow:0 6px 25px #1534540b;margin:18px 0}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#467497}h1{font-size:clamp(26px,3vw,42px);margin:8px 0 10px}h2{font-size:21px;margin:0 0 12px}h3{margin:0 0 10px}p{line-height:1.5;color:#597188}label{display:block;font-weight:700;font-size:14px;margin:16px 0 8px}textarea,input,select{display:block;width:100%;border:1px solid #c8d6e2;border-radius:11px;padding:13px 15px;font:inherit;color:#193047;background:#fff}textarea{min-height:105px;resize:vertical}button{background:#0969a5;color:white;border:0;border-radius:11px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#e6f1f8;color:#174669}button.low{background:#fff2e3;color:#8a4800}button.high{background:#e2f6eb;color:#17643c}button.active{outline:3px solid #318ce0}button.danger{background:#263e59}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions.compact{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.answer{background:#f5f9fd;border:1px solid #dce6f0;border-radius:12px;padding:18px;min-height:135px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px}.answer span{display:block;color:#627e96;font-size:13px;margin-bottom:9px}.chip{display:inline-block;border-radius:100px;padding:8px 12px;background:#e5eef6;color:#1b537a;font-size:13px;font-weight:800;margin:5px 5px 5px 0}.success-chip{background:#e4f8e8;color:#16603a}.notice{padding:14px;border-radius:10px;background:#eaf4fb;color:#19547d}.error{background:#fff0f0;color:#a62525;padding:14px;border-radius:10px}.success{background:#ecf9ef;color:#15663a;padding:14px;border-radius:10px;margin-bottom:16px}.meta{font-size:13px;color:#60788d}.list{display:flex;gap:9px;flex-wrap:wrap}.list button{font-size:12px;padding:9px}.url{overflow-wrap:anywhere;display:block;margin:13px 0;color:#0869a5}#qr{min-height:235px;display:flex;align-items:center;justify-content:center}#qr img{max-width:100%}.muted{color:#72879b}.big{font-size:32px;font-weight:800}footer{text-align:center;color:#7890a5;font-size:12px;margin-top:24px}.conditional{border-left:4px solid #4f8cb6;margin-top:20px;padding:12px 18px;background:#f7fafc;border-radius:8px}.branch-card{border:1px solid #cbdae6;padding:18px;border-radius:12px;margin:15px 0;background:#fff}.branch-panel{margin-top:15px}.branch-panel h3{margin-bottom:6px}
.saved-list{display:flex;flex-direction:column;gap:12px}.saved-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid #dce5ee;border-radius:12px;background:#f8fbff}.diagram-preview{margin-top:18px;border:1px solid #d9e4ee;border-radius:14px;background:#fbfdff;padding:14px;overflow:auto}.diagram-shell{display:flex;flex-direction:column;gap:14px}.diagram-row{display:flex;align-items:stretch;gap:10px;min-width:max-content}.diagram-arrow{display:flex;align-items:center;justify-content:center;font-size:26px;color:#5f84a0;min-width:26px}.diagram-block{width:250px;border:1px solid #cfdceb;border-radius:12px;padding:14px;background:#f7fbff}.scenario-block{background:#eaf5ff;border-color:#aacbe6;width:280px}.why-block.done{background:#eef9f0;border-color:#b8d7be}.diagram-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4e7391;margin-bottom:8px}.diagram-title,.diagram-text{font-size:15px;font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}.diagram-answer{margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.diagram-meta{margin-top:10px;font-size:12px;color:#5d778c}
@media(max-width:720px){main{margin:14px auto}.grid,.two{grid-template-columns:1fr}.panel{padding:17px}header{padding:14px 18px}.answer{font-size:16px}button{width:100%}.actions{flex-direction:column}.list button{width:auto}.saved-item{flex-direction:column;align-items:flex-start}.diagram-block,.scenario-block{width:235px}}

/* Albero delle cause: singola radice, diramazioni verso il basso */
.diagram-preview{overflow:auto}
.tree-view{display:flex;flex-direction:column;align-items:center;min-width:max-content;padding:15px 8px 24px}
.tree-subtree{display:flex;flex-direction:column;align-items:center;position:relative}
.tree-children{display:flex;align-items:flex-start;justify-content:center;gap:20px;position:relative;padding-top:32px}
.tree-children:before{content:"";position:absolute;top:0;left:50%;height:30px;border-left:2px solid #88abc5}
.tree-children>.tree-subtree:before{content:"";position:absolute;top:-15px;left:50%;height:15px;border-left:2px solid #88abc5}
.tree-children>.tree-subtree:not(:only-child):after{content:"";position:absolute;top:-15px;border-top:2px solid #88abc5;width:calc(100% + 20px)}
.tree-children>.tree-subtree:first-child:after{left:50%;width:calc(50% + 10px)}
.tree-children>.tree-subtree:last-child:after{right:50%;width:calc(50% + 10px)}
.tree-children>.tree-subtree:only-child:after{display:none}
.tree-node{border:1px solid #cfdceb;border-radius:12px;padding:14px;width:235px;background:#f7fbff;box-sizing:border-box;overflow-wrap:anywhere}
.tree-node.done{background:#eef9f0;border-color:#b8d7be}
.tree-node.stopped{background:#fff2df;border-color:#dfa964}
.tree-root{width:290px;max-width:100%}.tree-branch-answer{margin:8px 0;font-size:13px;overflow-wrap:anywhere}
.decision-panel{border:1px solid #d3e2ee;background:#f7fafc;border-radius:12px;padding:16px;margin-top:18px}

.tree-node.convergence-high{background:#e3f7e7!important;border:2px solid #39a46a!important}.tree-node.convergence-low{background:#fff0eb!important;border:2px solid #d96348!important}.app-nav{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:0 0 16px}.app-nav button{font-size:13px}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;overflow:hidden}.welcome img{width:100%;height:310px;object-fit:cover;border-radius:12px}.welcome h1{font-size:clamp(30px,5vw,60px)}@media(max-width:720px){.welcome{grid-template-columns:1fr}.welcome img{height:220px}}
/* Albero TEAM modificabile */
.editable-node{cursor:pointer;position:relative;transition:box-shadow .15s,transform .15s;border-width:2px}
.editable-node:hover,.editable-node:focus-visible{box-shadow:0 0 0 4px #3288cf55;transform:translateY(-2px);outline:none}
.node-edit-hint{margin-top:8px;font-size:12px;font-weight:700;color:#165a95}
.tree-node.convergence-high{border-color:#2e9863!important;background:#e9f8ed!important}
.tree-node.convergence-low{border-color:#cc6945!important;background:#fff0e8!important}
.tree-node.stopped{box-shadow:inset 0 0 0 2px #b95342}

.timer-panel{background:#eaf4fb;border:1px solid #bfd7e9;border-radius:14px;padding:18px;margin:15px 0}.timer-display{font-size:24px;font-weight:800;color:#13547d}.timer-panel input{max-width:190px}