.sat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px}.sat-grid h2{margin:16px 0 8px}.sat-focus{border-left:5px solid #237c63}.sat-totals{display:flex;flex-wrap:wrap;gap:32px;margin:20px 0}.sat-totals small,.sat-totals strong{display:block}.sat-totals small{color:#61756d;font-size:12px}.sat-totals strong{font-size:25px;font-variant-numeric:tabular-nums;margin-top:6px}.sat-fields,.sat-filters{display:flex;gap:16px;flex-wrap:wrap}.sat-fields>label,.sat-filters>label{display:grid;gap:8px;flex:1;min-width:140px;font-size:13px;margin:10px 0}.sat-fields input,.sat-fields select,.sat-filters select{padding:12px;border:1px solid #c8d6cf;border-radius:9px;width:100%;box-sizing:border-box;background:white;color:#203e34}.sat-confirm{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.5;font-size:14px}.sat-confirm input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#247c63}.sat-material{padding:16px 0;border-bottom:1px solid #dce5df}.sat-material small{display:block;margin-top:6px;color:#62756b}.sat-material-numbers{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;align-items:center;font-size:13px}.sat-material-numbers label{display:grid;gap:5px}.sat-material-numbers input{width:100px;padding:10px;border:1px solid #bbcfc4;border-radius:8px;font-size:16px}.sat-material-numbers b{margin-left:4px;font-variant-numeric:tabular-nums}.sat-paper{padding:20px;background:#fff;border:1px solid #d4e1d9;border-radius:12px}.sat-description{white-space:pre-wrap;overflow-wrap:anywhere}.sat-signed-total{background:#eaf4ee;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:8px}.sat-signed-total strong{font-size:25px;font-variant-numeric:tabular-nums}#sat-signature{width:100%;height:160px;border:2px dashed #8da99c;border-radius:10px;background:#fff;touch-action:none;cursor:crosshair}#sat-articles{max-height:240px;overflow:auto;margin:12px 0}.sat-article-option{display:block;text-align:left;width:100%;padding:12px;border:1px solid #d9e4de;background:#fff;margin-bottom:6px;border-radius:8px;cursor:pointer}.sat-article-option.chosen{background:#e4f3e9;border-color:#247c63}.saving [data-action^="sat-"]{pointer-events:none;opacity:.6}@media(max-width:600px){.sat-totals{gap:20px}.sat-signed-total{flex-wrap:wrap}.sat-material-numbers{gap:12px}}
#sat-note{min-height:112px;resize:vertical}#sat-email-source{font-weight:400;line-height:1.5;color:#61756d}
#modal:has(#sat-note){overflow:hidden}#modal:has(#sat-note) #modal-content{display:flex;flex-direction:column;max-height:90vh;max-height:90dvh}#modal:has(#sat-note) .modal-head,#modal:has(#sat-note) .modal-foot{flex-shrink:0}#modal:has(#sat-note) .modal-body{overflow-y:auto;min-height:0}#modal:has(#sat-note) .sat-fields{align-items:flex-start}
.brand{flex-direction:column;align-items:flex-start;gap:10px}.brand .sualver-logo{display:block;width:180px;max-width:100%;height:auto}.brand-area{font-size:9px;letter-spacing:1.2px;color:#72837a}.sat-document-logo{display:block;width:190px;max-width:100%;height:auto;margin-bottom:15px}.sat-paper>h2{margin-bottom:12px}
.sat-team{margin:20px 0;padding:16px;background:#f4f7f3;border-radius:10px}.sat-team-person{padding:12px 0;border-bottom:1px solid #d9e4dd}.sat-team-person small{display:block;margin-top:5px;color:#61756d}.sat-join-option{padding:16px 0;border-bottom:1px solid #d9e4dd}