/* Document views: compact load groups and multi-load packet selection. */
body[data-workspace-page=documents] [hidden]{display:none!important}
.view-description{margin:0;padding:20px 22px 0;font-size:14px;color:#576d83;line-height:1.6}
.library-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(115px,1fr)) auto;gap:14px;padding:18px 22px 22px;align-items:end}
.library-filters label{display:grid;gap:7px;min-width:0;font-size:12px;color:#5f7387;font-weight:500}
.library-filters input,.library-filters select{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid #cbd8e7;border-radius:8px;background:white;font-family:inherit;font-size:14px;color:#365574}
.library-filters input[type=search]{background:#f7f9fc}
.library-filters .clear{padding:10px 0;min-width:0;font-size:12px}
.library-filters.is-documents{grid-template-columns:minmax(250px,2fr) repeat(3,minmax(125px,1fr)) auto}
.library-filters.is-packets{grid-template-columns:minmax(200px,1fr) auto}
.library-filters.is-packets .load-filter{display:none}
.doc-load,.saved-collection{background:#fff;border:1px solid #cbd7e4;border-radius:12px;box-shadow:0 5px 17px #17335406;margin-bottom:16px;overflow:hidden}
.doc-load-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}
.doc-load-heading{min-width:0}
.doc-load-heading h3{font:650 16px/1.45 Manrope,sans-serif;letter-spacing:-.02em;margin:4px 0;color:#253f5c;overflow-wrap:anywhere}
.doc-load-heading p{font-size:12px;color:#647589;line-height:1.5;margin:4px 0 0}
.doc-load-id{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:#004aad}
.doc-load-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.doc-count{font-size:12px;color:#617389;white-space:nowrap}
.text-action{border:0;background:transparent;color:#004aad;font-family:inherit;font-weight:600;font-size:13px;line-height:1.4;min-height:40px;padding:8px 4px;text-align:left;cursor:pointer}
.text-action:hover{text-decoration:underline}
.text-action:disabled{color:#8492a0;cursor:default;text-decoration:none}
.document-files{padding:0 22px 6px}
.document-file{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #e6ebf1;padding:9px 0;min-height:57px}
.document-file svg{width:22px;height:24px;fill:none;stroke:#6280a0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.document-file strong{display:block;font-size:13px;font-weight:550;color:#304c6b;overflow-wrap:anywhere}
.document-file small{display:block;font-size:11px;color:#6a7a8c;margin-top:3px;line-height:1.5}
.document-file-actions{display:flex;gap:14px}
.document-file-actions button{font-size:12px;min-height:40px}
.no-files{font-size:13px;color:#687b90;margin:0;padding:5px 0 16px}
.compliance-load>summary{list-style:none;cursor:pointer}
.compliance-load>summary::-webkit-details-marker{display:none}
.compliance-load>summary:hover{background:#fbfcfe}
.compliance-load>summary .doc-load-actions{gap:20px}
.doc-disclosure{color:#004aad;font-size:13px;white-space:nowrap}
.doc-disclosure:after{content:'View documents ⌄'}
.compliance-load[open] .doc-disclosure:after{content:'Hide documents ⌃'}
.notary-context{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;margin:0 22px 18px;padding:16px 18px;background:#f5f8fc;border:1px solid #e2e9f2;border-radius:8px}
.notary-context div{min-width:0;display:grid;gap:5px;font-size:13px;line-height:1.55;color:#3c5977;overflow-wrap:anywhere}
.notary-context span{font-size:11px;color:#6c7c8f}
.doc-vehicles{margin:0 22px 18px;color:#677c91;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.doc-vehicles p{margin:4px 0}
.collection-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px}
.collection-header h3{font:650 17px/1.5 Manrope,sans-serif;color:#294564;margin:0 0 6px;overflow-wrap:anywhere}
.collection-header p{font-size:13px;line-height:1.65;margin:0;color:#6a7a8c}
.collection-actions{display:flex;align-items:center;gap:10px;flex:none}
.collection-actions button{font-size:13px}
.packet-preview-load{padding:15px 0;border-bottom:1px solid #dce5ef}
.packet-preview-load h3{font-size:15px;margin:0 0 5px}
.packet-preview-load p,.packet-preview-load li{font-size:13px;color:#61768c;line-height:1.7}
.packet-preview-load ul{padding-left:20px}
body[data-workspace-page=documents] #packet-builder{max-width:960px}
body[data-workspace-page=documents] #packet-builder .packet-body{background:#fff}
.builder-intro{margin:0 0 20px;color:#576f87;font-size:14px;line-height:1.65}
.packet-search-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:14px}
body[data-workspace-page=documents] .packet-search-grid .packet-label{margin:0}
.packet-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0 8px;font-size:12px;color:#6a7d90}
.packet-result-toolbar>div{display:flex;gap:12px}
.packet-result-toolbar button{font-size:12px}
.packet-results{border:1px solid #d5dfeb;border-radius:9px;max-height:290px;overflow-y:auto;overscroll-behavior:contain}
.packet-load-choice{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid #e1e8f1;cursor:pointer}
.packet-load-choice:last-child{border-bottom:0}
.packet-load-choice:hover{background:#f8fafd}
.packet-load-choice:has(input:checked){background:#f1f6ff}
.packet-load-choice input,.selection-summary input{accent-color:#004aad;width:18px;height:18px;margin:0}
.packet-load-choice strong{font-size:13px;font-weight:600;color:#355373;line-height:1.6;display:block;overflow-wrap:anywhere}
.packet-load-choice small{font-size:12px;color:#6a7c8f;display:block;margin-top:4px;line-height:1.5}
.packet-load-choice .doc-count{font-size:11px}
.packet-no-results{padding:24px;margin:0;text-align:center;font-size:13px;color:#61768c;line-height:1.6}
.selection-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f2f6fc;border:1px solid #dce6f2;border-radius:9px;padding:15px 16px;margin:16px 0 0}
.selection-summary strong{display:block;font-size:14px;color:#234d7b}
.selection-summary span{display:block;font-size:11px;color:#687f96;margin-top:4px}
.selection-summary label{font-size:12px;display:flex;align-items:center;gap:9px;color:#3f5c7a;white-space:nowrap}
.snapshot-note{font-size:12px;line-height:1.65;color:#6b7f93;margin:8px 0 0}
body[data-workspace-page=documents] #packet-builder footer{justify-content:space-between}
.packet-save-actions{display:flex;gap:10px}
.packet-save-actions button:disabled{opacity:.45;cursor:default}
.library-filters :focus-visible,.doc-load :focus-visible,.saved-collection :focus-visible,#packet-builder :focus-visible{outline:2px solid #004aad;outline-offset:3px}
#library-message{font-size:13px;color:#76562b}
#library-message:empty{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1400px){.library-filters,.library-filters.is-documents{grid-template-columns:repeat(4,minmax(0,1fr))}.library-search{grid-column:1/4}.library-filters .clear{grid-column:4;grid-row:1}.library-filters.is-packets{grid-template-columns:1fr auto}.library-filters.is-packets .library-search{grid-column:1}.library-filters.is-packets .clear{grid-column:2}.doc-load-header{gap:15px}.doc-load-actions{gap:10px}.collection-header{flex-wrap:wrap}}
@media(max-width:760px){.view-description{padding:16px 17px 0;font-size:13px}.library-filters,.library-filters.is-documents{grid-template-columns:1fr 1fr;padding:16px 17px;gap:14px}.library-search{grid-column:1/-1}.library-filters .clear{grid-column:2;grid-row:auto;justify-self:end}.library-filters input,.library-filters select{font-size:16px;min-height:46px}.doc-load-header{padding:16px;align-items:flex-start;flex-direction:column;gap:9px}.doc-load-heading h3{font-size:15px}.doc-load-actions{width:100%;justify-content:space-between;gap:8px}.document-files{padding:0 16px 6px}.document-file{grid-template-columns:22px minmax(0,1fr);gap:8px 10px;padding:12px 0}.document-file-actions{grid-column:2;gap:22px}.document-file-actions button{min-height:34px;padding:3px 0}.notary-context{grid-template-columns:1fr;margin:0 16px 16px;gap:12px}.doc-vehicles{margin:0 16px 16px}.collection-header{padding:18px 16px;gap:14px}.collection-actions{width:100%}.collection-actions button{flex:1}.packet-search-grid{grid-template-columns:1fr 1fr}.packet-search-grid .packet-label:first-child{grid-column:1/-1}.packet-result-toolbar{flex-wrap:wrap;gap:0}.packet-result-toolbar>div{margin-left:auto}.packet-load-choice{grid-template-columns:18px minmax(0,1fr);padding:13px;gap:10px}.packet-load-choice .doc-count{grid-column:2}.selection-summary{align-items:flex-start;flex-direction:column;gap:12px}.packet-save-actions{flex:1}.packet-save-actions button{font-size:12px;padding:10px 8px}body[data-workspace-page=documents] #packet-builder footer{flex-wrap:wrap}#packet-cancel{flex:none;min-width:65px}.library-filters.is-packets .library-search{grid-column:1/-1}.library-filters.is-packets .clear{grid-row:2}}
@media(max-width:420px){.packet-search-grid{grid-template-columns:1fr}.packet-search-grid .packet-label:first-child{grid-column:1}.packet-save-actions{width:100%;flex-basis:100%}.packet-results{max-height:230px}}

.document-status{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.document-status.is-transit{background:#eaf2ff;color:#004aad}.document-status.is-delivered{background:#e9f6ef;color:#177a57}

/* The composer scrolls independently; review and draft actions stay visible. */
#packet-email-dialog{width:calc(100% - 48px);max-width:1040px;height:min(760px,calc(100vh - 48px));height:min(760px,calc(100dvh - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:16px}
#packet-email-dialog>header{padding:16px 24px;align-items:center}
#packet-email-dialog>header .eyebrow{font-size:12px;line-height:1.4}
#packet-email-dialog h2{font-size:22px;line-height:1.3;margin:5px 0 0}
#packet-email-dialog>.packet-body{padding:20px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.email-composer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:24px;align-items:start}
#packet-email-form,.email-packet-context{min-width:0}
.email-recipient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#packet-email-dialog .packet-label{min-width:0;font-size:14px;margin:18px 0 0}
#packet-email-dialog .email-recipient-grid .packet-label{margin:0}
#packet-email-dialog input,#packet-email-dialog textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-weight:400;line-height:1.5;padding:11px 12px;border:1px solid #cbd6e2;border-radius:8px;background:#fff;color:#294564}
#packet-email-dialog textarea{min-height:120px;resize:vertical}
#packet-email-dialog .muted{font-size:13px;line-height:1.6;margin:12px 0 0}
.email-packet-context{padding:18px;background:#f7f9fc;border:1px solid #dce5ef;border-radius:12px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#packet-email-dialog h3{font-size:16px;line-height:1.5;margin:0 0 12px;color:#294564}
#email-packet-summary{margin:0 0 14px;color:#3c5876;font-weight:600}
.email-warning{color:#895314;margin:0 0 14px;padding:10px 12px;background:#fff7e9;border-radius:8px}
.email-warning:empty{display:none}
#packet-email-dialog details{border-top:1px solid #dce5ef}
#packet-email-dialog summary{cursor:pointer;color:#004aad;padding:12px 0;font-weight:600}
#email-file-list{margin:0 0 14px;padding-left:18px}
#email-file-list li+li{margin-top:8px}
#email-report-preview{border:1px solid #dde5ef;background:white;padding:14px;border-radius:8px;font-size:13px;overflow-x:auto}
#email-report-preview h1{font-size:18px}
#email-report-preview h2{font-size:16px}
#email-review-content{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.email-message-preview{white-space:pre-wrap}
#packet-email-dialog>footer{padding:16px 24px;justify-content:space-between;align-items:center;gap:16px}
.email-footer-note{min-width:0;flex:1;font-size:12px;line-height:1.5;color:#60758c}
.email-footer-note p{margin:0}
#email-status:not(:empty){margin-top:6px;font-weight:600;color:#294564}
#packet-email-dialog .packet-save-actions{display:flex;flex:none;gap:10px;flex-wrap:wrap;margin:0}
#packet-email-dialog>footer button{min-height:44px;font-size:14px;white-space:nowrap}
#packet-email-dialog button:disabled{opacity:.5;cursor:not-allowed}
#packet-email-dialog :focus-visible{outline:2px solid #004aad;outline-offset:3px}
@media(max-width:760px){
  #packet-email-dialog{width:calc(100% - 24px);height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
  #packet-email-dialog>header{padding:14px 16px}
  #packet-email-dialog>.packet-body{padding:16px}
  .email-composer-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  #packet-email-dialog input,#packet-email-dialog textarea{font-size:16px}
  #packet-email-dialog>footer{padding:12px 16px;flex-direction:column;align-items:stretch;gap:10px}
  #packet-email-dialog .packet-save-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  #packet-email-dialog>footer button{min-width:0;padding:10px 8px}
}
@media(max-width:480px){.email-recipient-grid{grid-template-columns:minmax(0,1fr)}}

/* Concise descriptions stay with their feature, above its controls. */
body[data-workspace-page=documents] p.feature-explanation{font-size:14px;line-height:1.6;color:#52647b;overflow-wrap:break-word}
.docs-heading .feature-explanation{max-width:84ch;margin:6px 0 0}
.docs-heading>div{min-width:0;flex:1}.docs-heading>button{flex:none}
#preview .feature-explanation,#packet-email-dialog .feature-explanation{margin:0 0 18px}

/* Keep packet naming and actions in view while browsing a long load list. */
body[data-workspace-page=documents] #packet-builder{
  width:calc(100% - 48px);max-width:1100px;
  height:min(760px,calc(100vh - 48px));height:min(760px,calc(100dvh - 48px));
  max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);
}
#packet-builder>header{padding:16px 24px}
#packet-builder>header .eyebrow{font-size:12px;line-height:1.4}
#packet-builder>header h2{font-size:22px;line-height:1.3;margin:5px 0 0}
body[data-workspace-page=documents] #packet-builder>.packet-body{
  display:flex;flex-direction:column;gap:20px;padding:20px 24px;overflow:hidden;
}
#packet-builder .builder-intro{flex:none;margin:0;max-width:90ch}
.packet-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;flex:1;min-height:0;min-width:0}
.packet-load-picker{display:flex;flex-direction:column;min-height:0;min-width:0}
#packet-builder .packet-search-grid{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr);flex:none;gap:12px}
#packet-builder .packet-search-grid .packet-label:first-child{grid-column:auto}
#packet-builder .packet-label{min-width:0;font-size:14px}
#packet-builder .packet-label input,#packet-builder .packet-label select{min-width:0;font:inherit;font-weight:400}
#packet-builder .packet-result-toolbar{flex:none;flex-wrap:wrap;gap:0 12px;padding:8px 0;font-size:13px}
#packet-builder .packet-result-toolbar>div{margin-left:auto}
#packet-builder .packet-result-toolbar button{font-size:13px;min-height:40px}
#packet-builder .packet-results{flex:1;min-height:0;max-height:none;overflow-y:auto;scrollbar-gutter:stable}
#packet-builder .packet-load-choice{grid-template-columns:18px minmax(0,1fr);gap:4px 12px;padding:12px}
#packet-builder .packet-load-choice input{grid-row:1/3;align-self:center}
#packet-builder .packet-load-choice strong{font-size:14px;line-height:1.5}
#packet-builder .packet-load-choice .doc-count{grid-column:2;font-size:12px}
.packet-details{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;background:#f7f9fc;border:1px solid #dce5ef;border-radius:12px}
.packet-details h3{font-size:16px;line-height:1.5;margin:0 0 16px;color:#294564}
#packet-builder .packet-details .packet-label{margin:0}
#packet-builder .selection-summary{flex-direction:column;align-items:flex-start;gap:14px;margin:18px 0 14px;padding:14px;background:#edf3fc}
#packet-builder .selection-summary span{font-size:12px;line-height:1.5}
#packet-builder .selection-summary label{font-size:13px;white-space:normal}
#packet-builder .snapshot-note,#packet-builder #packet-content-note,#packet-builder #packet-message{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#packet-builder #packet-message:empty{display:none}
#packet-builder>footer{padding:16px 24px}
#packet-builder>footer button{font-size:14px;min-height:44px}
@media(max-width:760px){
  body[data-workspace-page=documents] #packet-builder{width:calc(100% - 24px);height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
  #packet-builder>header{padding:14px 16px}
  body[data-workspace-page=documents] #packet-builder>.packet-body{overflow-y:auto;padding:16px;gap:16px;overscroll-behavior:contain}
  .packet-builder-grid{display:flex;flex-direction:column;flex:none;gap:20px}
  .packet-details{order:-1;overflow:visible;min-height:auto;padding:16px}
  .packet-details h3{margin-bottom:12px}
  #packet-builder .packet-label input,#packet-builder .packet-label select{font-size:16px}
  #packet-builder .packet-results{flex:none;overflow:visible;max-height:none}
  #packet-builder .packet-search-grid{grid-template-columns:minmax(0,1fr)}
  #packet-builder .selection-summary{margin:14px 0 10px;gap:10px}
  body[data-workspace-page=documents] #packet-builder>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 16px}
  #packet-builder>footer .packet-save-actions{display:contents}
  #packet-builder>footer button,#packet-builder #packet-cancel{min-width:0;width:100%;padding:10px 8px}
}
@media(min-width:761px) and (max-height:560px){
  body[data-workspace-page=documents] #packet-builder>.packet-body{overflow-y:auto}
  .packet-builder-grid{flex:none;min-height:340px}
  #packet-builder .packet-results{max-height:300px}
  .packet-details{overflow:visible}
}