:root{--brand-primary:#b3262f;--brand-primary-hover:#8f1f26;--brand-ink:#2b2768;--brand-accent:#d28b2d;--brand-gold:#d89b38;--brand-surface:#fff8ed;--brand-surface-soft:#fff0d6;--brand-border:#efd6a3;--brand-text:#3b2a28;--brand-muted:#7b6040;--brand-success:#18884f;--brand-danger:#b3262f}.family-list{margin-top:16px;background:#fff;border:1px solid #efd6a3;border-radius:6px;overflow:visible;box-shadow:0 10px 28px #b3262f0f}.family-list header,.family-list .pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.family-list header{border-bottom:1px solid #efd6a3}.family-list h5,.family-list p{margin:0}.family-list h5{color:#b3262f;font-size:16px}.family-list p,.family-list .pagination{color:#7b6040;font-size:13px}.family-list button{padding:9px 12px;color:#fff;background:#b3262f;border:0;border-radius:6px;cursor:pointer;transition:.18s ease}.family-list button:hover{background:#8f1f26;box-shadow:0 8px 18px #b3262f29}.family-list button:active{transform:translateY(1px) scale(.99)}.family-list .table-wrap{overflow-x:auto}.family-list table{width:100%;border-collapse:separate;border-spacing:0}.family-list th,.family-list td{padding:12px 16px;text-align:inherit;border-bottom:1px solid #f6e7c6;white-space:nowrap}.family-list th{color:#7b6040;font-weight:700;background:#fff8ed}.family-list td{color:#3b2a28;background:#fff}.family-list tbody tr:hover td{background:#fffaf2}.family-list .sort-button{display:inline-flex;align-items:center;gap:6px;padding:0!important;color:inherit!important;background:transparent!important;box-shadow:none!important;font-weight:700}.family-list .sort-button span{color:#b88b4a}.family-list .sort-button span.active{color:#b3262f}.family-list .filter-row input{box-sizing:border-box;width:100%;min-width:150px;padding:8px 10px;color:#3b2a28;background:#fff;border:1px solid #efd6a3;border-radius:6px}.family-list .status-pill{display:inline-block;padding:5px 10px;color:#b3262f;background:#fff1dc;border-radius:999px;font-weight:700}.family-list .actions-cell{position:relative}.family-list .menu-button,.child-actions-cell .menu-button{min-width:86px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 9px!important;font-size:13px;background:#fff!important;color:#b3262f!important;border:1px solid #e1b15b!important;box-shadow:0 4px 12px #b3262f14}.family-list .menu-button[aria-expanded=true],.child-actions-cell .menu-button[aria-expanded=true]{background:#b3262f!important;color:#fff!important}.family-list .menu-chevron,.child-actions-cell .menu-chevron{width:7px;height:7px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:.2s}.family-list .menu-chevron.open,.child-actions-cell .menu-chevron.open{transform:rotate(225deg) translateY(-1px)}.family-list .row-menu,.child-actions-cell .row-menu{position:fixed;z-index:1000;min-width:170px;padding:8px;background:#fff;border:1px solid #efd6a3;border-radius:10px;box-shadow:0 18px 44px #b3262f38;animation:menu-pop .18s cubic-bezier(.2,.8,.2,1) both;transform-origin:top right}.family-list .row-menu button,.child-actions-cell .row-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;color:#3b2a28;background:transparent;text-align:inherit;box-shadow:none}.family-list .row-menu button:hover,.child-actions-cell .row-menu button:hover{background:#fff4e2;box-shadow:none;transform:translate(-2px)}.family-list .menu-dot,.child-actions-cell .menu-dot{width:6px;height:6px;border-radius:50%;background:#c79342}.family-list .row-menu .danger,.child-actions-cell .row-menu .danger{color:#8f1f26}.family-list .row-menu .danger .menu-dot,.child-actions-cell .row-menu .danger .menu-dot{background:#b3262f}.family-list .empty-state{padding:28px 16px!important;text-align:center;color:#7b6040}.family-list .pagination{border-top:1px solid #f6e7c6}.family-list .pagination div{display:flex;gap:8px}.family-list .pagination button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}@keyframes menu-pop{0%{opacity:0;transform:translateY(-8px) scale(.94)}}.family-add .case-files-control{position:relative;display:flex;align-items:center;min-height:42px;border:1px solid #e8c57a;border-radius:6px;background:#fff;overflow:hidden}.family-add .case-files-button{align-self:stretch;display:inline-flex;align-items:center;padding:0 14px;color:#fff;background:#b3262f;font-weight:700}.family-add .case-files-text{padding:0 12px;color:#3b2a28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-add .case-files-input{position:absolute;inset:0;opacity:0;cursor:pointer}.family-add .case-files-field{grid-column:1/-1}.family-add .case-files-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.family-add .case-files-list a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;color:#2b2768;background:#fff;border:1px solid #d89b38;border-radius:6px;text-decoration:none;font-weight:700}.family-add .case-files-list a:hover{color:#b3262f;background:#fff4e2}.family-add .case-file-item{display:inline-flex;align-items:center;gap:4px}.family-add .case-file-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#8f1f26;background:#fff1ec;border:1px solid #efc0a4;border-radius:50%;font-size:13px;font-weight:700;cursor:pointer;line-height:1}.family-add .case-file-remove:hover{color:#fff;background:#b3262f;border-color:#b3262f}.save-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.save-button-icon{position:relative;width:16px;height:16px;flex:0 0 16px;border:2px solid currentColor;border-radius:3px}.save-button-icon:before{position:absolute;inset-inline:3px;inset-block-start:2px;height:4px;background:currentColor;border-radius:1px;content:""}.save-button-icon:after{position:absolute;inset-inline:3px;inset-block-end:2px;height:5px;border:1px solid currentColor;border-radius:1px;content:""}.family-add .add-child-button,.family-add .add-phone-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.family-add .add-child-icon,.family-add .add-phone-icon{position:relative;width:18px;height:18px;flex:0 0 18px;border:1px solid rgba(255,255,255,.7);border-radius:50%}.family-add .add-child-icon:before,.family-add .add-child-icon:after,.family-add .add-phone-icon:before,.family-add .add-phone-icon:after{position:absolute;inset:50% auto auto 50%;width:10px;height:2px;background:currentColor;border-radius:2px;content:"";transform:translate(-50%,-50%)}.family-add .add-child-icon:after,.family-add .add-phone-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.family-details .case-files-section{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid #efd6a3;border-radius:6px;background:#fff}.family-details .case-files-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #efd6a3}.family-details .case-files-header h6{padding-bottom:0;border-bottom:0}.family-details .case-files-section p{margin:0;color:#7b6040}.family-details .case-files-count{padding:4px 10px;border:1px solid #efd6a3;border-radius:999px;color:#7b6040;background:#fff8ed;font-size:12px;font-weight:700;white-space:nowrap}.family-details .case-files-error,.family-details .case-files-empty{padding:14px;border:1px dashed #d89b38;border-radius:6px;background:#fff8ed;text-align:center}.family-details .case-files-error{border-style:solid;color:#8f1f26!important;background:#fff5f5}.family-details .case-files-empty-icon{display:none}.family-details .case-files-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.family-details .case-file-card{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid #f3dfb8;border-radius:6px;background:#fff8ed}.family-details .case-file-card:hover{border-color:#d89b38;box-shadow:0 10px 20px #b3262f14}.family-details .case-file-card.is-unavailable{opacity:.65}.family-details .case-file-preview-button{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:0;color:#3b2a28;background:transparent;border:0;text-align:inherit;box-shadow:none}.family-details .case-file-preview-button:disabled,.family-details .case-file-action:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.family-details .case-file-icon{display:flex;align-items:center;justify-content:center;width:46px;height:50px;border-radius:6px;color:#fff;background:#2b2768;font-size:10px;font-weight:800;text-transform:uppercase}.family-details .case-file-icon[data-kind=image]{background:#18884f}.family-details .case-file-icon[data-kind=pdf]{background:#b3262f}.family-details .case-file-copy{display:grid;gap:5px;min-width:0}.family-details .case-file-name{overflow:hidden;color:#2b2768;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.family-details .case-file-meta{display:flex;flex-wrap:wrap;gap:6px;color:#7b6040;font-size:12px;font-weight:700}.family-details .case-file-meta span{color:#b3262f}.family-details .case-file-actions,.family-details .file-preview-footer{display:flex;justify-content:flex-end;gap:8px}.family-details .case-file-action{min-height:32px;padding:6px 9px;font-size:12px}.family-details .case-file-action.ghost,.family-details .file-preview-close{color:#2b2768;background:#fff;border:1px solid #d89b38}.family-details .file-preview-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:18px;background:#2b276885}.family-details .file-preview-modal{display:grid;grid-template-rows:auto 1fr auto;width:min(980px,100vw - 32px);max-height:calc(100vh - 36px);overflow:hidden;border:1px solid #efd6a3;border-radius:8px;background:#fff;box-shadow:0 24px 70px #2b276847}.family-details .file-preview-header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #efd6a3;background:#fff8ed}.family-details .file-preview-header span{color:#7b6040;font-size:12px;font-weight:800}.family-details .file-preview-header h6{max-width:min(760px,70vw);overflow:hidden;padding-inline-start:0;color:#2b2768;text-overflow:ellipsis;white-space:nowrap}.family-details .file-preview-header h6:before{display:none}.family-details .file-preview-close{width:34px;height:34px;padding:0}.family-details .file-preview-body{display:grid;place-items:center;min-height:0;padding:10px;background:#f7f0e3}.family-details .file-preview-body img{display:block;max-width:100%;max-height:calc(100vh - 180px);object-fit:contain}.family-details .file-preview-body iframe{width:100%;height:calc(100vh - 180px);min-height:320px;border:1px solid #efd6a3;background:#fff}.family-details .file-preview-footer{padding:10px 14px;border-top:1px solid #efd6a3;background:#fff}@media(max-width:768px){.family-details .case-files-header{align-items:flex-start;flex-direction:column}.family-details .case-files-list{grid-template-columns:1fr}.family-details .case-file-actions{justify-content:stretch}.family-details .case-file-action{flex:1}.family-details .file-preview-backdrop{padding:12px}.family-details .file-preview-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.family-details .file-preview-header h6{max-width:calc(100vw - 110px)}.family-details .file-preview-body iframe{height:calc(100vh - 178px);min-height:260px}.family-details .file-preview-body img{max-height:calc(100vh - 178px)}}