.db-home{padding:20px;margin:18px 0;border:1px solid #285979;border-radius:18px;background:linear-gradient(110deg,#113752,#0b1828);color:#f0f7ff}.db-home[hidden],.db-modal[hidden],.db-sign[hidden]{display:none!important}
.db-home-head,.db-head,.db-row-between{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.db-home h3{margin:3px 0 5px;font-size:21px}.db-home p{margin:4px 0;color:#bcd0e4}.db-kicker{color:#57c6ff;font-size:11px;letter-spacing:.13em;font-weight:800}.db-buttons{display:flex;gap:8px;flex-wrap:wrap}.db-home-list{display:grid;gap:8px;margin-top:14px}.db-home-item{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#081524;border:1px solid #25415a;border-radius:10px;padding:12px}.db-home-item small{display:block;color:#b9cde1;margin-top:4px}.db-modal{position:fixed;inset:0;background:#06101dfc;color:#edf7ff;z-index:10400;overflow-y:auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}.db-workspace{max-width:1140px;margin:auto;background:#0b1828;border:1px solid #29435e;border-radius:18px}.db-head{position:sticky;top:-20px;padding:18px 22px;background:#0b1828;z-index:2;border-bottom:1px solid #29435e;border-radius:18px 18px 0 0}.db-head h1{font-size:24px;margin:3px 0}.db-body{padding:22px}.db-message{margin:0 22px;padding:12px;border:1px solid #256883;background:#123749;border-radius:10px;white-space:pre-wrap}.db-message.db-error{background:#421f26;border-color:#925060;color:#ffe2e2}.db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.db-wide{grid-column:1/-1}.db-section{margin:16px 0;padding:18px;border:1px solid #29435e;border-radius:12px;background:#0a1625}.db-section h2{font-size:19px;margin:0 0 14px}.db-section h2 span{color:#53c4ff;margin-right:8px}.db-workspace label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;min-width:0}.db-workspace input,.db-workspace select,.db-workspace textarea{width:100%;box-sizing:border-box;font:inherit;background:#071320;border:1px solid #355570;color:#f0f7ff;border-radius:8px;padding:10px;min-width:0}.db-workspace textarea{resize:vertical;line-height:1.5}.db-help{font-size:13px;color:#b6cade;line-height:1.5}.db-check{display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #20384f}.db-hazard{display:grid;grid-template-columns:minmax(0,1fr) 2fr minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #20384f}.db-checkbox{flex-direction:row!important;align-items:flex-start;font-weight:400!important}.db-checkbox input{width:18px;min-width:18px;height:18px;margin:2px 4px 0 0}.db-attendee{display:grid;grid-template-columns:1.2fr 1fr 180px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #29435e;min-width:0}.db-attendee>div{min-width:0;overflow-wrap:anywhere}.db-attendee small{display:block;color:#b7cbe0;line-height:1.6}.db-signature{display:block;width:160px;max-width:100%;height:55px;background:#fff;color:#172d44;border-radius:8px}.db-signature-text{padding:8px;font-family:cursive;font-size:18px;height:auto}.db-pill{display:inline-block;padding:4px 9px;border-radius:20px;font-size:12px;background:#173750;border:1px solid #315a78}.db-pill.good{background:#143d35;border-color:#26775b;color:#bdffe0}.db-summary{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.db-summary strong{padding:10px 14px;background:#122e46;border-radius:10px}.db-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.db-values p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.db-values b{display:block;font-size:12px;color:#88abc9;margin-bottom:4px}.db-read-check{padding:9px 0;border-bottom:1px solid #223a50}.db-read-check small{display:block;color:#b8cde0;margin:4px 0}.db-stop{padding:14px;border-left:4px solid #ffc366;background:#332c20;white-space:pre-wrap}.db-sign{position:fixed;inset:0;z-index:10500;padding:20px;background:#030a14ec;overflow-y:auto;display:flex;align-items:center;justify-content:center}.db-sign-card{width:650px;max-width:100%;padding:22px;background:#0c1c2f;border:1px solid #426582;border-radius:16px}.db-sign-card h2{margin:0 0 10px}.db-canvas{width:100%;height:180px;background:#fff;border-radius:10px;touch-action:none;display:block;margin:12px 0}.db-sign-card label{display:block;margin:12px 0;font-size:14px}.db-sign-card input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:7px}.db-sign-card input[type=text]{width:100%;box-sizing:border-box;font:inherit;border-radius:8px;border:1px solid #426582;padding:12px;background:#071320;color:#fff}.db-sign-error{color:#ffb9b9}.db-history{display:grid;gap:8px}.db-history li{padding:6px 0;font-size:13px}.db-history span{display:block;color:#a9c3d9}.db-workspace button:focus-visible,.db-sign button:focus-visible{outline:3px solid #6ad2ff;outline-offset:3px}.db-workspace button[disabled],.db-sign button[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:680px){.db-modal{padding:8px}.db-head{top:-8px;padding:14px}.db-body{padding:12px}.db-head h1{font-size:20px}.db-grid,.db-values{grid-template-columns:1fr}.db-check{grid-template-columns:1fr 140px}.db-check input{grid-column:1/-1}.db-hazard{grid-template-columns:1fr}.db-attendee{grid-template-columns:1fr 1fr}.db-attendee>div:first-child{grid-column:1/-1}.db-attendee>div:last-child{grid-column:1/-1}.db-sign{padding:10px}.db-sign-card{padding:16px}.db-home{padding:16px}.db-home-item{align-items:flex-start}.db-home .btn{white-space:normal}.db-section{padding:13px}}

.db-workspace h1,.db-help{overflow-wrap:anywhere}.db-sign [hidden]{display:none!important}