.case-modal-back{position:fixed;inset:0;background:#0d1b30b8;z-index:170;display:grid;place-items:center;padding:24px}.case-create-modal{width:min(900px,92vw);max-height:92vh;overflow:auto;background:#f8faff;color:#1e2c40;box-shadow:0 30px 90px #06122566}.case-create-modal>header{background:#16243a;color:white;padding:23px 28px;display:flex;align-items:start}.case-create-modal>header>div{flex:1}.case-create-modal>header small{font-size:8px;letter-spacing:.15em;color:#93c5fd}.case-create-modal>header h2{font-size:21px;margin:6px 0}.case-create-modal>header p{font-size:10px;color:#91a5c0;margin:0}.case-create-modal>header button{border:0;background:#ffffff12;color:#dbeafe;width:34px;height:34px;display:grid;place-items:center}.case-create-modal>header button .flat-icon{width:16px}.case-create-steps{height:58px;background:#fff;border-bottom:1px solid #dce5f1;display:flex;align-items:center;justify-content:center;gap:50px}.case-create-steps span{display:flex;align-items:center;gap:7px;font-size:10px;color:#78899f}.case-create-steps i,.case-create-modal legend>i{width:23px;height:23px;border-radius:50%;background:#e6edf7;color:#6e819a;display:grid;place-items:center;font-style:normal}.case-create-steps .active{color:#2563eb}.case-create-steps .active i,.case-create-modal legend>i{background:#2563eb;color:white}.case-create-modal form{padding:8px 28px 26px}.case-create-modal fieldset{border:0;border-bottom:1px solid #dce5f1;padding:20px 0 22px;margin:0}.case-create-modal legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:15px}.case-create-modal legend span{font-size:12px;font-weight:700}.case-create-modal legend small{display:block;font-size:7px;color:#8a98aa;letter-spacing:.12em;margin-top:2px}.case-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px;padding-left:33px}.case-form-grid label{display:grid;gap:6px;font-size:9px;color:#64758c}.case-form-grid .wide{grid-column:1/3}.case-form-grid input,.case-form-grid select,.case-form-grid textarea{width:100%;border:1px solid #cbd8e8;background:#fff;padding:10px;outline:0;color:#25364c}.case-form-grid input:focus,.case-form-grid select:focus,.case-form-grid textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.case-form-grid textarea{resize:vertical}.case-create-modal form>footer{display:flex;justify-content:flex-end;gap:9px;padding-top:20px}.case-create-modal form>footer button{border:1px solid #cad7e7;background:white;padding:10px 17px;display:flex;align-items:center;gap:7px}.case-create-error{background:#feeceb;color:#a9443d;padding:10px;margin-top:14px;font-size:10px}
.case-form-grid .case-field-error{display:block;color:#b42318;font-size:9px;line-height:1.4}.case-form-grid .case-field-error[hidden]{display:none}.case-form-grid input[aria-invalid="true"]{border-color:#dc5a52;box-shadow:0 0 0 3px #dc5a521c}
.summary-strip.case-summary-clean{grid-template-columns:130px 130px minmax(300px,1fr)}.summary-strip.case-summary-clean .search{grid-column:3}.case-row.case-search-hidden{display:none!important}.case-row.archived{opacity:.62;background:#f8f6f4}.case-row .pill-case{display:inline-block;padding:4px 8px;font-size:9px;border-radius:3px}.case-row .pill-planning{background:#dcefe9;color:#1d7a64}.case-row .pill-completed{background:#dbeafe;color:#1d3b85}.case-row .pill-archived{background:#fff2e5;color:#8c5e14}.case-row .pill-draft{background:#eee;color:#5b6866}.case-row .archive-btn,.case-row .unarchive-btn{border:1px solid #ccd6d2;background:#fff;padding:5px 10px;font-size:10px;cursor:pointer}.case-row .archive-btn{color:#c28724;border-color:#e8c980}.case-row .unarchive-btn{color:#1d7a64;border-color:#8dc5bd}.case-search-empty{display:none;padding:42px;text-align:center;color:#7d8b92;font-size:12px;border-top:1px solid #e4e8e6;background:#fafcfd}.case-search-empty.is-visible{display:block}.case-row.opening{cursor:wait;background:#edf5ff;opacity:.78}.case-row.opening>*{pointer-events:none}
.case-table .table-head,.case-table .case-row{grid-template-columns:1.5fr .8fr 1.5fr .7fr .6fr 44px}
.case-owner-consent{display:flex;align-items:flex-start;gap:10px;margin:4px 24px 18px;padding:13px 15px;border:1px solid #dce6ee;border-radius:10px;background:#f7fafc;color:#425466;font-size:13px;line-height:1.55}.case-owner-consent input[type=checkbox]{width:17px;height:17px;margin-top:2px;accent-color:#16a394}.case-owner-consent input[type=hidden]{display:none}
.case-row>span:last-child{position:relative;overflow:visible;display:flex;justify-content:center}.case-row:has(.case-actions[open]){position:relative;z-index:40}.case-actions{position:relative;display:inline-block;line-height:0}.case-actions[open]{z-index:50}.case-actions>summary{list-style:none;box-sizing:border-box;width:36px;height:36px;padding:0;overflow:hidden;border:1px solid #d4dfeb;border-radius:9px;background:#fff;color:#53677e;display:grid;place-items:center;cursor:pointer;user-select:none}.case-actions>summary::marker{content:''}.case-actions>summary::-webkit-details-marker{display:none}.case-actions>summary .flat-icon{display:block;width:18px;height:18px;overflow:visible}.case-actions[open]>summary,.case-actions>summary:hover{border-color:#8fb1dd;background:#edf5ff;color:#2563eb}.case-actions>div{position:absolute;right:0;top:42px;z-index:30;width:220px;padding:6px;background:#fff;border:1px solid #d6e1ed;border-radius:10px;box-shadow:0 16px 42px #17294426;line-height:normal}.case-actions.open-up>div{top:auto;bottom:42px}.case-actions>div button{width:100%;border:0;border-radius:7px;background:transparent;color:#2a3d55;padding:9px 10px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.case-actions>div button:hover{background:#eef5ff}.case-actions>div button .flat-icon{width:17px;height:17px;color:#5279af;flex:none}.case-actions>div button span{font-size:11px;font-weight:700}.case-actions>div button small{display:block;margin-top:2px;color:#7a8ba0;font-size:8px;font-weight:400}.case-actions>div button.danger{color:#b33838}.case-actions>div button.danger:hover{background:#fff1f1}.case-actions>div button.danger .flat-icon{color:#c44b4b}
.case-delete-back{z-index:220}.case-delete-modal{width:min(520px,calc(100vw - 40px));background:#fff;color:#21324a;border-radius:14px;overflow:hidden;box-shadow:0 28px 90px #07142870}.case-delete-modal>header{display:flex;align-items:center;gap:13px;padding:20px 22px;background:#fff5f5;border-bottom:1px solid #f3d9d9}.case-delete-modal>header>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fee2e2;color:#b4232f}.case-delete-modal>header>span .flat-icon{width:20px}.case-delete-modal>header>div{flex:1}.case-delete-modal>header small{color:#b94a51;font-size:8px;letter-spacing:.13em}.case-delete-modal>header h2{margin:4px 0 0;font-size:20px}.case-delete-modal>header>button{border:0;background:transparent;color:#7a8798;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.case-delete-subject{margin:20px 22px 0;padding:14px 15px;border:1px solid #dae4ef;border-radius:9px;background:#f8fafc}.case-delete-subject b{display:block;font-size:13px}.case-delete-subject span{display:block;margin-top:4px;color:#738399;font-size:10px}.case-delete-warning{margin:14px 22px;color:#7d4d35;font-size:11px;line-height:1.65}.case-delete-modal form{padding:0 22px 22px}.case-delete-modal form label{display:grid;gap:7px;margin-top:13px;color:#56687f;font-size:10px}.case-delete-modal form textarea,.case-delete-modal form input{width:100%;border:1px solid #cdd9e7;border-radius:7px;background:#fff;padding:10px 11px;color:#24364e;outline:0}.case-delete-modal form textarea:focus,.case-delete-modal form input:focus{border-color:#d76464;box-shadow:0 0 0 3px #dc262612}.case-delete-error{margin:12px 0 0;padding:9px 11px;border-radius:7px;background:#fff0f0;color:#b4232f;font-size:10px}.case-delete-modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.case-delete-modal footer button{border:1px solid #cad6e3;border-radius:7px;background:#fff;padding:9px 15px;color:#4b6079;cursor:pointer}.case-delete-modal footer .case-delete-confirm{border-color:#b4232f;background:#b4232f;color:#fff}.case-delete-modal footer .case-delete-confirm:disabled{border-color:#d9b7b9;background:#d9b7b9;cursor:not-allowed}
.breed-field{position:relative;z-index:15}.breed-field>small{color:#8291a5;font-size:8px}.breed-combobox{position:relative}.breed-combobox>input{padding-right:38px}.breed-toggle{position:absolute;right:1px;top:1px;width:36px;height:calc(100% - 2px);border:0;border-left:1px solid #d7e1ed;background:#f5f8fc;color:#506780;font-size:18px;cursor:pointer}.breed-toggle:hover,.breed-combobox.open .breed-toggle{background:#eaf2ff;color:#2563eb}.breed-options{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;max-height:290px;overflow:auto;padding:7px;border:1px solid #b8cbe2;border-radius:9px;background:#fff;box-shadow:0 18px 48px #1729442e}.breed-options[hidden]{display:none}.breed-option-group{margin:0;padding:0 0 6px}.breed-option-group+section{border-top:1px solid #e4ebf3;padding-top:6px}.breed-option-group h4{position:sticky;top:-7px;z-index:1;margin:0;padding:7px 8px 5px;background:#fff;color:#6c7e95;font-size:9px}.breed-options [role="option"]{width:100%;min-height:42px;border:0;border-radius:6px;background:transparent;padding:7px 9px;text-align:left;color:#25364c;cursor:pointer}.breed-options [role="option"]:hover,.breed-options [role="option"].active{background:#eaf2ff;color:#1d5fc4}.breed-options [role="option"] span,.breed-options [role="option"] small{display:block}.breed-options [role="option"] span{font-size:11px;font-weight:700}.breed-options [role="option"] small{margin-top:2px;color:#7b8ba0;font-size:8px}.breed-custom-option{margin-top:5px;border-top:1px solid #dce6f1!important;border-radius:0!important}.breed-empty{margin:0;padding:18px 10px;text-align:center;color:#74869c;font-size:10px}
.case-create-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.case-conflict-reload{flex:none;border:1px solid #c95650;border-radius:6px;background:#fff;color:#9f302b;padding:7px 10px;cursor:pointer}.case-create-modal button:disabled{opacity:.55;cursor:not-allowed}.case-create-modal input:invalid:not(:placeholder-shown),.case-create-modal select:invalid{border-color:#dc5a52}.case-create-modal :focus-visible{outline:2px solid #2563eb;outline-offset:2px}
@media(max-width:640px){.case-form-grid{grid-template-columns:1fr}.case-form-grid .wide{grid-column:auto}.breed-options{position:fixed;left:18px;right:18px;top:auto;bottom:18px;max-height:50vh}.case-create-error{align-items:flex-start;flex-direction:column}}