.diot-controls{display:grid;grid-template-columns:minmax(280px,1fr) 160px 190px;gap:14px;margin-bottom:14px}.diot-controls label{display:grid;gap:7px;color:#526078;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.diot-controls select,.diot-controls input{min-height:48px;border:1px solid #d8e0eb;border-radius:12px;background:#fff;padding:0 14px;font:inherit}.diot-ppd-question{display:flex;align-items:center;gap:16px;border:1px solid #dce5f1;border-radius:14px;background:#f7faff;padding:16px 18px}.diot-ppd-question>div{margin-right:auto}.diot-ppd-question b{color:#102140}.diot-ppd-question p{margin:4px 0 0;color:#68758a;font-size:.78rem}.diot-ppd-question label{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700}.diot-prepare{margin:14px 0 20px;min-height:48px;border:0;border-radius:12px;background:#0b5dd7;color:#fff;padding:0 22px;font-weight:800;cursor:pointer}.diot-workspace,.diot-history{display:grid;gap:18px}.diot-result{border:1px solid #dce4ef;border-radius:16px;background:#fff;overflow:hidden}.diot-result>header{display:flex;justify-content:space-between;gap:18px;padding:20px;background:#f6f9fd;border-bottom:1px solid #e1e7f0}.diot-result header small{font-weight:850;letter-spacing:.08em;color:#3860a0}.diot-result header h3{margin:5px 0;color:#102140}.diot-result header p{margin:0;color:#68758a;font-size:.8rem}.diot-result header>span,.diot-history article>span{align-self:start;border-radius:999px;padding:6px 10px;background:#dff6e9;color:#08743b;font-size:.68rem;font-weight:900}.diot-result.review_required header>span,.diot-history article>span.review_required{background:#fff0d6;color:#915c00}.diot-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}.diot-metrics article{border-left:3px solid #1b65d8;padding:7px 12px}.diot-metrics small{display:block;color:#778398;font-size:.7rem;font-weight:800;text-transform:uppercase}.diot-metrics b{display:block;margin-top:5px;color:#102140;font-size:1.15rem}.diot-warnings{margin:0 18px 18px;border:1px solid #f0d49d;border-radius:12px;background:#fffaf0;padding:12px 15px;color:#795012}.diot-warnings summary{font-weight:800;cursor:pointer}.diot-warnings ul{margin:10px 0 0;padding-left:20px;font-size:.79rem;line-height:1.55}.diot-result .wp-table-wrap{margin:0 18px}.diot-result footer{display:flex;justify-content:flex-end;gap:9px;padding:18px}.diot-result footer a{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd7e7;border-radius:10px;padding:10px 13px;color:#174a9c;text-decoration:none;font-weight:800;font-size:.8rem}.diot-result footer a.primary{background:#0b5dd7;color:#fff;border-color:#0b5dd7}.diot-result footer a.sat{background:#173d70;color:#fff;border-color:#173d70}.diot-result footer svg{width:17px}.diot-history>section{border-top:1px solid #dfe6ef;padding-top:18px}.diot-history section>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.diot-history h3{margin:3px 0;color:#102140}.diot-history header small{color:#68758a;font-weight:850;letter-spacing:.08em}.diot-history section>div{display:grid;gap:7px}.diot-history article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border:1px solid #e0e6ef;border-radius:12px;padding:12px 14px;background:#fff}.diot-history article small{display:block;margin-top:3px;color:#788398}.diot-history button{border:1px solid #cbd7e7;border-radius:9px;background:#fff;color:#174a9c;padding:7px 11px;font-weight:800;cursor:pointer}@media(max-width:850px){.diot-controls,.diot-metrics{grid-template-columns:1fr 1fr}.diot-ppd-question{align-items:flex-start;flex-direction:column}.diot-result footer{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:540px){.diot-controls,.diot-metrics{grid-template-columns:1fr}.diot-result>header{flex-direction:column}.diot-history article{grid-template-columns:1fr auto}.diot-history article button{grid-column:1/-1}}

.diot-table td,.diot-table th{white-space:nowrap}.diot-table small{display:block;margin-top:3px;color:#778398}.diot-edit-note{display:flex;gap:10px;align-items:center;margin:0 18px 14px;border-radius:11px;background:#eaf3ff;padding:12px 14px;color:#174a9c;font-size:.8rem}.diot-edit-note span{color:#526b8e}.diot-result.is-editing .diot-table input,.diot-result.is-editing .diot-table select{display:block;min-width:130px;max-width:190px;min-height:36px;border:1px solid #cbd7e7;border-radius:8px;background:#fff;padding:6px 8px;font:inherit}.diot-result.is-editing .diot-table td:nth-child(4) input{margin-bottom:5px}.diot-sources{margin:18px;border:1px solid #dce4ef;border-radius:12px;padding:12px 0}.diot-sources>summary{margin:0 14px;color:#174a9c;font-weight:800;cursor:pointer}.diot-sources .wp-table-wrap{margin:12px 0 0}.diot-sources code{font-size:.68rem}.diot-result footer button{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd7e7;border-radius:10px;background:#fff;padding:10px 13px;color:#174a9c;font:inherit;font-weight:800;font-size:.8rem;cursor:pointer}.diot-result footer button.primary{background:#0b5dd7;color:#fff;border-color:#0b5dd7}.diot-result footer button svg{width:17px}@media(max-width:850px){.diot-edit-note{align-items:flex-start;flex-direction:column}}

.diot-result footer.diot-actions{align-items:center;gap:7px;padding:13px 18px;background:#fbfcfe;border-top:1px solid #e7ecf3}.diot-result footer.diot-actions a,.diot-result footer.diot-actions button{box-sizing:border-box;min-height:34px;border-radius:8px;padding:7px 10px;gap:5px;font-size:.73rem;font-weight:750;line-height:1;white-space:nowrap;box-shadow:0 1px 2px rgba(16,33,64,.04);transition:border-color .15s ease,background .15s ease,transform .15s ease}.diot-result footer.diot-actions a:hover,.diot-result footer.diot-actions button:hover{border-color:#9eb3d0;background:#f3f7fc;transform:translateY(-1px)}.diot-result footer.diot-actions a.primary,.diot-result footer.diot-actions button.primary{background:#1764d7;border-color:#1764d7;color:#fff}.diot-result footer.diot-actions a.primary:hover,.diot-result footer.diot-actions button.primary:hover{background:#0f57c3;border-color:#0f57c3}.diot-result footer.diot-actions a.sat{background:#fff;border-color:#aebed3;color:#173d70}.diot-result footer.diot-actions a.sat:hover{background:#eef4fb}.diot-result footer.diot-actions svg,.diot-result footer.diot-actions button svg{width:14px;height:14px;stroke-width:2}@media(max-width:540px){.diot-result footer.diot-actions{gap:6px}.diot-result footer.diot-actions a,.diot-result footer.diot-actions button{min-height:32px;padding:6px 8px;font-size:.69rem}}
