.dt-mode-nav{display:flex;gap:8px;flex-wrap:wrap}.dt-mode-nav button{border:1px solid #bdcfc7;border-radius:12px;padding:11px 18px;font:inherit;font-size:12px;background:#fff;color:#476b5c;cursor:pointer}.dt-mode-nav button[aria-pressed=true]{background:#214f43;border-color:#214f43;color:white;opacity:1}.dt-mode-nav button:focus-visible{outline:3px solid #658dc4;outline-offset:3px}.ot-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ot-summary>div{padding:18px;border:1px solid #d4e2dc;border-radius:16px;background:#eef5ff}.ot-summary>div:nth-child(2){background:#eaf6ee}.ot-summary>div:nth-child(3){background:#f2efff}.ot-summary>div:nth-child(4){background:#fff4e3}.ot-summary small{display:block;font-size:11px;line-height:1.6;margin-bottom:9px}.ot-summary strong{font-size:26px}.ot-badge{padding:7px 12px;border-radius:24px;background:#f0f1f5;color:#5a6677;font-size:11px;text-transform:capitalize}.ot-accepted{background:#e2f3e7;color:#216146}.ot-pending{background:#ede9ff;color:#59448e}.ot-declined,.ot-invalidated{background:#fff0eb;color:#8d5540}.ot-expired{background:#fff4dc;color:#8b6525}.ot-window{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.ot-window>div{padding:14px;border-radius:12px;background:#f0f6f3}.ot-window small{display:block;font-size:10px;color:#63786d;margin-bottom:6px}.ot-window strong{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ot-track{height:18px;background:repeating-linear-gradient(90deg,#dae4de 0,#dae4de 1px,transparent 1px,transparent 25%),#eff4f1;border-radius:6px;overflow:hidden;position:relative;margin:12px 0 16px}.ot-track:after{content:'';position:absolute;right:0;top:0;bottom:0;border-right:2px dashed #8eaaa0}.ot-bar{position:absolute;left:0;top:3px;bottom:3px;background:#4b8d7a;border-radius:4px}.ot-elapsed{background:repeating-linear-gradient(120deg,#8599d1,#8599d1 7px,#adb9dd 7px,#adb9dd 11px)}.ot-deadline{background:#d0aa61}.ot-observation,.ot-acceptance{font-size:12px;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}.ot-acceptance{padding:14px;border-radius:12px;background:#edf5ee;color:#35604b}@media(max-width:600px){.ot-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ot-summary>div{padding:14px}.ot-summary strong{font-size:23px}.ot-window{grid-template-columns:1fr;gap:10px;margin:16px 0}.dt-mode-nav button{flex:1;min-width:0;padding:11px 10px}}