.unit-documents{min-width:0;padding:22px 0}.unit-documents>header h2{margin:0 0 10px}.unit-documents>header p{max-width:70ch;line-height:1.6}
.unit-document-choice{max-width:700px}.unit-document-usage{padding:18px;border:1px solid var(--line,#dce3d2);border-radius:8px;background:#f0f4e9;margin:18px 0}.unit-document-usage>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.unit-document-usage span,.unit-document-usage p,.unit-document-muted{font-size:.82rem;color:var(--muted,#65705c);line-height:1.6}.unit-document-usage p{margin:8px 0 0}
.unit-document-usage progress,.unit-document-transfer progress{display:block;width:100%;height:12px;accent-color:#527448;margin-top:12px}.unit-document-transfer{margin:14px 0;font-size:.85rem}.unit-document-transfer[hidden]{display:none}
.unit-document-upload,.unit-document-sharing{border:1px solid var(--line,#dce3d2);border-radius:8px;padding:0 16px;margin:16px 0}.unit-document-upload>summary,.unit-document-sharing>summary{padding:16px 0;cursor:pointer;min-height:48px;font-weight:600}.unit-documents form{padding-bottom:16px}.unit-documents label{display:grid;gap:8px;margin:14px 0}.unit-documents input,.unit-documents select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.unit-documents label[hidden]{display:none}.unit-documents .unit-document-check{display:flex;align-items:center;gap:10px}.unit-document-check input{width:20px;height:20px;flex:none}.unit-document-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.unit-document-file{padding:20px;border:1px solid var(--line,#dce3d2);border-radius:10px;background:#fff;margin:16px 0;overflow-wrap:anywhere}.unit-document-file-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.unit-document-file-heading h3{margin:0;font-size:1.05rem}.unit-document-file-heading>span{white-space:nowrap;font-size:.85rem;color:var(--muted,#65705c)}.unit-document-sharing{margin-bottom:0}.unit-document-confirm{padding:14px;background:#fff4e8;border:1px solid #d8b18c;border-radius:7px}.unit-document-confirm button{margin:4px}.unit-document-notice:not(:empty){padding:14px;background:#fff4d9;border-radius:7px;line-height:1.6}.unit-document-empty{padding:20px 0;color:var(--muted,#65705c)}.o-unit-storage{margin:20px 0}
.unit-documents .unit-document-check input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;flex:0 0 20px;margin:0;padding:0}
@media(max-width:600px){.unit-document-file{padding:16px}.unit-document-file-heading{flex-wrap:wrap}.unit-document-actions>button{flex:1 1 auto}.unit-documents{padding:12px 0}.unit-documents input,.unit-documents select{font-size:16px}.unit-document-usage{padding:14px}}