.dossier-page{min-height:100vh;background:#f4f4f1}.dossier-top{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:1rem 3rem;background:#171821;color:#fff}.dossier-top>a:first-child{color:#aaaeba;text-decoration:none}.dossier-top>div{text-align:center}.dossier-top h1{margin:0;font:700 1.7rem 'Playfair Display',serif}.dossier-top p{margin:0;color:#9295a0;font-size:.75rem}.dossier-top>.btn,.dossier-top>.secure-pill{justify-self:end}.dossier-content,.dossier-form,.profile-card,.history-section{width:min(1100px,calc(100% - 2rem));margin:2rem auto}.dossier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1rem}.dossier-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e4e4df;border-radius:14px;color:#292a30;text-decoration:none}.dossier-card:hover{border-color:#9d9be4;box-shadow:0 10px 25px #2020300c}.dossier-card h2{margin:0;font:700 1.2rem 'Playfair Display',serif}.dossier-card p,.dossier-card small{margin:0;color:#888990;font-size:.75rem}.dossier-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#e9e8fb;color:#6663ca;font-size:1.8rem}.dossier-avatar img{width:100%;height:100%;object-fit:cover}.dossier-avatar.large{width:112px;height:112px;font-size:3rem}.dossier-avatar.xlarge{width:150px;height:150px;font-size:4rem}.dossier-form{overflow:hidden;background:#fff;border:1px solid #e3e3de;border-radius:16px}.profile-photo-field{display:flex;align-items:center;flex-direction:column;gap:.7rem;padding:2rem;background:#fafaf7;border-bottom:1px solid #e5e5e0}.profile-photo-field small{color:#8a8b91}.form-section{padding:1.7rem 2rem;border-bottom:1px solid #e8e8e3}.form-section h2{font:700 1.25rem 'Playfair Display',serif;margin-bottom:1.2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{font-size:.78rem;font-weight:600;color:#5f6066}.form-grid .form-control,.form-grid .form-select{margin-top:.35rem}.span-2{grid-column:span 2}.dossier-actions{display:flex;justify-content:flex-end;gap:.7rem;padding:1.2rem 2rem;background:#fafaf7}.secure-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid #d7ae6355;border-radius:999px;color:#d7ae63;background:#d7ae6310;font-size:.75rem;font-weight:700}.profile-card{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;padding:2rem;background:#fff;border:1px solid #e3e3de;border-radius:16px}.profile-heading h2{margin:.6rem 0 0;font:700 2rem 'Playfair Display',serif}.profile-heading p{color:#777980}.profile-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e8e8e3}.profile-facts>div{padding:1rem;border-right:1px solid #e8e8e3;border-bottom:1px solid #e8e8e3}.profile-facts small,.profile-notes small{display:block;color:#929399;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.profile-facts strong{display:block;margin-top:.25rem;font-size:.87rem;overflow-wrap:anywhere}.profile-notes{grid-column:1/-1}.profile-notes p{margin:.4rem 0 0}.history-section{padding:1.5rem;background:#fff;border:1px solid #e3e3de;border-radius:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:1rem}.section-heading h2{font:700 1.5rem 'Playfair Display',serif}.event-form{padding:1.3rem;margin-bottom:1rem;background:#f8f8f5;border-radius:12px}.history-table-wrap{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th{padding:.8rem;text-align:left;background:#f5f5f2;color:#7d7e84;font-size:.68rem;text-transform:uppercase}.history-table td{padding:1rem .8rem;border-bottom:1px solid #ecece7;vertical-align:top;font-size:.82rem}.history-table th:first-child{width:120px}.history-table th:nth-child(2){width:170px}.history-table th:last-child{width:180px}.event-type{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#efefff;color:#5856d6;font-size:.68rem;font-weight:700}.event-details{margin-top:.4rem;color:#6f7077;line-height:1.5}.history-empty{text-align:center;color:#919298;padding:3rem!important}
.dossier-order-hint{display:flex;align-items:center;gap:.25rem;margin:-.7rem 0 .8rem;color:#8b8c93;font-size:.72rem}.dossier-folder-section{margin:0 0 1.5rem}.dossier-folder-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;padding:.35rem 0;border-bottom:1px solid #deded8;color:#73747b}.dossier-folder-heading>div:first-child{display:flex;align-items:center;gap:.4rem}.dossier-folder-heading span{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.dossier-folder-heading small{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#e9e9e4;font-size:.65rem}.dossier-folder-actions{display:flex;gap:.2rem}.dossier-folder-actions button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:#9a9ba1}.dossier-folder-actions button:hover{background:#e9e8fb;color:#5c59ca}.dossier-folder-section.is-collapsed{margin-bottom:.7rem}.dossier-folder-section.is-collapsed .dossier-folder-heading{margin-bottom:0}.dossier-folder-section.is-collapsed .dossier-grid{display:none}.dossier-folder-empty{display:none;grid-column:1/-1;padding:1.1rem;border:1px dashed #c9c9c2;border-radius:12px;text-align:center;color:#aaa;font-size:.72rem}.dossier-grid:not(:has(.dossier-card)) .dossier-folder-empty{display:block}.dossier-card[draggable="true"]{cursor:grab;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}.dossier-card[draggable="true"]:active{cursor:grabbing}.dossier-drag-handle{color:#aaaab3;font-size:1.15rem}.dossier-card.is-dragging{opacity:.4;transform:scale(.98);border-style:dashed}.order-saved .dossier-card{border-color:#87b99a}
@media(max-width:700px){.dossier-top{grid-template-columns:auto 1fr;padding:1rem}.dossier-top>div{display:none}.dossier-top>.btn{font-size:.75rem}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.profile-card{grid-template-columns:1fr;text-align:center}.profile-card>.dossier-avatar{margin:auto}.profile-facts{grid-template-columns:1fr 1fr;text-align:left}.section-heading{align-items:flex-start;gap:1rem}.dossier-grid{grid-template-columns:1fr}}