.q-toolbar,.q-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.q-toolbar>*{margin:0}.q-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.q-grid .q-wide{grid-column:1/-1}.q-grid>label,.q-grid>div{min-width:0}.q-field-title{display:flex;align-items:center;gap:8px}.q-help{position:relative;display:inline-block;font-size:14px;font-weight:400;vertical-align:middle}.q-help>summary{display:inline-grid;place-items:center;list-style:none;border:1px solid #b9cec5;border-radius:50%;width:27px;height:27px;color:#356451;cursor:pointer}.q-help>p{position:absolute;z-index:40;top:22px;left:0;width:min(350px,70vw);padding:16px;border:1px solid #bdd2c8;border-radius:12px;background:white;color:#213d38;box-shadow:0 8px 30px #183d3126;line-height:1.6;font-size:14px}.q-help[open]{z-index:45}.q-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.q-head p{margin:5px 0}.q-tag{padding:7px 12px;background:#e3f0e8;border-radius:8px;display:inline-block}.q-lines{display:grid;gap:16px}.q-line{border:1px solid #d3e2da;border-radius:14px;padding:18px;background:#fafcfb}.q-line-fields{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(90px,1fr));gap:12px}.q-line-fields label{margin:0}.q-total{background:#e4f2e9;padding:20px;border-radius:12px;text-align:right;font-size:22px;font-weight:700}.q-subtle{font-size:14px;color:#61776d}.q-button-group{display:flex;align-items:center;gap:8px}.q-signature-preview{max-width:240px;max-height:90px;background:white;border:1px solid #d2ddd7}.q-template-logo{max-width:220px;max-height:70px}.q-public{max-width:950px;margin:40px auto;padding:32px;background:#fff;border:1px solid #d6e5dd;border-radius:22px;color:#213d38}.q-public-body{background:#f1f6f3;font-family:system-ui,sans-serif;padding:16px}.q-public input,.q-public select,.q-public textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #bfd0c6;border-radius:9px;font:inherit;margin:7px 0 16px}.q-public input[type=checkbox]{width:auto}.q-public button,.q-public .q-link{padding:13px 18px;background:#216b59;color:white;border:0;border-radius:10px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}.q-public button.secondary{background:#eaf0ed;color:#213d38}.q-public button:disabled{opacity:.45;cursor:default}.q-public label{display:block}.q-error{color:#a22c26;font-weight:600}.q-public table{width:100%;border-collapse:collapse}.q-public td,.q-public th{text-align:left;padding:12px 7px;border-bottom:1px solid #d7e3dc;overflow-wrap:anywhere}.q-public .q-picked{outline:3px solid #86b9a4}.q-public-text{white-space:pre-wrap}.q-actions button{min-height:48px}.q-list{display:grid;gap:18px}.q-sign-canvas{width:100%;height:190px;touch-action:none;background:white;border:1px solid #aac2b5;border-radius:12px}.q-lock{border-left:4px solid #216b59;padding:12px 18px;background:#eef5f0}.q-public h1{font-size:32px;line-height:1.2}.q-public h2{font-size:23px}.q-acceptance{background:#f1f7f3;padding:22px;border-radius:16px;margin-top:25px}
@media(max-width:720px){.q-grid,.q-line-fields{grid-template-columns:1fr}.q-grid .q-wide{grid-column:auto}.q-head{display:block}.q-actions{display:grid;grid-template-columns:1fr}.q-button-group>button{width:100%}.q-public{padding:20px;margin:5px auto}.q-public-body{padding:4px}.q-public table{font-size:13px}.q-head .q-tag{margin-top:10px}}