.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:24px 0}
.documents-access-error{padding:14px 16px;border:1px solid #d14343;border-radius:8px;background:#fff3f3;color:#8a1c1c;font-weight:700}
.document-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe2ea;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.08)}
.document-card__image{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e7eef8,#f8fafc);color:#64748b;font-size:30px;font-weight:700}
.document-card__image img{width:100%;height:100%;object-fit:cover}
.document-card__body{flex:1;padding:17px}
.document-card__body h2{margin:0 0 8px;font-size:20px}
.document-card__body p{margin:0;color:#52606d}
.document-card__download{margin:0 17px 17px}
.document-card__edit{align-self:center;margin:-8px 17px 17px;font-weight:700;text-decoration:none}
.documents-modal{position:fixed;z-index:15000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.55);backdrop-filter:blur(3px)}
.documents-modal[hidden]{display:none}
.documents-modal__panel{position:relative;display:flex;flex-direction:column;width:min(820px,96vw);max-height:90vh;overflow:hidden;box-sizing:border-box;border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.documents-modal__header{position:relative;flex:0 0 auto;padding:24px 64px 14px 27px;border-bottom:1px solid #e4e9ef;background:#fff}
.documents-modal__header h2{margin:0}
.documents-modal__close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:32px;cursor:pointer}
.documents-modal form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}
.documents-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:5px 27px 24px;overscroll-behavior:contain}
.documents-modal label,.documents-modal strong{display:block;margin:15px 0 6px}
.documents-modal select{width:100%}
.documents-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:11px}
.documents-theme{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:11px;margin:0!important;padding:7px;border:2px solid #dbe2ea;border-radius:10px;background:#fff;cursor:pointer}
.documents-theme[hidden]{display:none!important}
.documents-theme:has(input:checked){border-color:#3478c8;box-shadow:0 0 0 2px rgba(52,120,200,.16)}
.documents-theme input{position:absolute;opacity:0;pointer-events:none}
.documents-theme__swatch{display:grid;place-items:center;height:54px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.15);font-size:23px;overflow:hidden}
.documents-theme__name{min-width:0;overflow-wrap:anywhere;font-weight:700;line-height:1.2}
.documents-modal__actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:14px;margin:0;padding:15px 27px;border-top:1px solid #dbe2ea;background:#fff;box-shadow:0 -8px 20px rgba(15,23,42,.06)}
.documents-form-error{flex:1 1 auto;min-width:0;margin:0 auto 0 0;color:#a11919;font-weight:700}
.documents-modal__actions button{flex:0 0 auto}
.document-generation__error{color:#a11919}
.document-generation{text-align:center;max-width:680px;margin:45px auto}
.document-generation__animation{position:relative;height:150px;width:190px;margin:0 auto 25px}
.document-generation__animation>span{position:absolute;left:24px;top:65px;width:18px;height:18px;border-radius:50%;background:#4f7fba;animation:document-dot 1.4s infinite}
.document-generation__animation>span:nth-child(2){left:56px;animation-delay:.18s}
.document-generation__animation>span:nth-child(3){left:88px;animation-delay:.36s}
.document-generation__page{position:absolute;right:4px;top:15px;width:62px;height:86px;display:grid;place-items:center;border-radius:5px;background:#fff;border:3px solid #d63636;color:#d63636;font-weight:700;box-shadow:0 8px 18px rgba(15,23,42,.16);animation:document-page 1.4s ease-in-out infinite}
.document-generation__progress{height:10px;overflow:hidden;border-radius:20px;background:#e6ebf1;margin:22px 0}
.document-generation__progress span{display:block;width:8%;height:100%;background:#3478c8;transition:width .35s}
@keyframes document-dot{0%,60%,100%{transform:translateY(0);opacity:.35}
30%{transform:translateY(-15px);opacity:1}
}
@keyframes document-page{50%{transform:translateY(-7px) rotate(2deg)}
}
@media(max-width:600px){.documents-grid{grid-template-columns:1fr 1fr;gap:12px}.document-card__body{padding:12px}.document-card__body h2{font-size:17px}.documents-modal{padding:8px}.documents-modal__panel{max-height:96vh}.documents-modal__header{padding:18px 52px 12px 18px}.documents-modal__body{padding:3px 18px 18px}.documents-modal__actions{padding:12px 18px}.documents-theme-grid{grid-template-columns:1fr 1fr}.documents-theme{grid-template-columns:54px minmax(0,1fr)}.documents-theme__swatch{height:46px}}