.modal-overlay{z-index:300;background:#00000073;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}body.kit-modal-open,.bg-app :where(.modal-card,.modal-card *){-webkit-font-smoothing:antialiased}.bg-app :where(.item-modal-card){transform:translateZ(0)}.modal-overlay.open{display:flex}.modal-card{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:440px;max-height:94vh;padding:16px;display:flex;overflow-x:hidden;box-shadow:0 -8px 30px #00000026}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-title{color:var(--ink);font-size:15px;font-weight:800}.modal-close{background:var(--gray-100);cursor:pointer;width:28px;height:28px;color:var(--ink);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close svg{stroke-width:2.2px;fill:none;width:14px;height:14px;stroke:var(--ink)}.modal-body{flex-direction:column;flex:1;gap:11px;min-height:0;display:flex;overflow:hidden auto}.modal-footer{flex-shrink:0;gap:10px;margin-top:14px;display:flex}.modal-btn{cursor:pointer;text-align:center;border:1px solid var(--gray-200);color:var(--ink);background:#fff;border-radius:10px;flex:1;padding:11px;font-family:inherit;font-size:12px;font-weight:700}.modal-btn.primary{background:var(--ink);color:#fff;border:none}.item-modal-card{max-width:480px}.item-modal-body{gap:16px}.item-top-card{border-bottom:1px solid var(--gray-100);flex-shrink:0;gap:8px;padding-bottom:14px;display:flex}.item-top-left,.item-top-right{flex:1;min-width:0}.client-actions-block{flex-shrink:0}.ca-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ca-title{letter-spacing:.3px;color:var(--gray-600);align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:flex}.ca-title .pill{background:var(--gray-200);color:var(--gray-600);border-radius:20px;padding:2px 7px;font-size:9px;font-weight:800}.ca-sort{color:var(--gray-400);align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.ca-sort select{color:var(--ink);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:10px;font-weight:700}.ca-list{flex-direction:column;margin-top:8px;display:flex}.ca-row{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:9px 6px;display:flex}.ca-row.active{background:var(--yellow-light);border-color:var(--yellow-light)}.ca-row:not(.active):hover{background:var(--gray-100)}.ca-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.ca-info{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.ca-name{color:var(--ink);white-space:nowrap;font-size:11.5px;font-weight:800}.ca-status{white-space:nowrap;align-items:center;gap:4px;font-size:9.5px;font-weight:700;display:flex}.ca-status svg{fill:none;stroke-width:2px;width:11px;height:11px}.ca-last{color:var(--gray-400);white-space:nowrap;flex-shrink:0;font-size:8.5px;font-weight:600}.ca-badge{background:var(--red-light);min-width:18px;height:18px;color:var(--red);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:9.5px;font-weight:800;display:flex}.ca-chevron{width:14px;height:14px;stroke:var(--gray-400);fill:none;flex-shrink:0}.client-log-panel{border:1px solid var(--gray-100);background:var(--gray-100);border-radius:12px;flex-shrink:0;overflow:hidden}.client-log-panel[hidden]{display:none}.log-head{background:var(--gray-100);border-bottom:1px solid var(--gray-200);align-items:center;gap:9px;padding:10px;display:flex}.log-head .ca-avatar{width:30px;height:30px;font-size:10px}.log-head-info{flex:1;min-width:0}.log-head-name-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.log-head-name{color:var(--ink);white-space:nowrap;font-size:11px;font-weight:800}.log-head-meta{color:var(--gray-400);margin-top:2px;font-size:8px;font-weight:600}.log-status-pill{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 8px;font-size:8.5px;font-weight:700}.log-close-btn{background:var(--gray-100);cursor:pointer;width:22px;height:22px;color:var(--gray-600);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.log-close-btn svg{stroke-width:2.2px;fill:none;stroke:currentColor;width:11px;height:11px}.log-entries{background-color:var(--gray-100);flex-direction:column;gap:12px;max-height:240px;padding:12px 10px;display:flex;overflow:hidden auto}.log-date{text-align:center;color:var(--gray-400);margin-bottom:2px;font-size:8.5px;font-weight:700}.log-entry{align-items:center;gap:8px;display:flex}.log-entry.mine{flex-direction:row-reverse}.log-entry.mine .log-entry-body{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.log-entry.mine .log-time{margin-top:2px}.log-ico{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.log-ico svg{fill:none;stroke-width:2px;width:12px;height:12px}.log-entry-body{flex:1;min-width:0}.log-entry-title{color:var(--ink);font-size:10px;font-weight:700}.log-entry-sub{color:var(--gray-400);margin-top:1px;font-size:8.5px;font-weight:600}.log-bubble{color:var(--ink);background:#fff;border-radius:10px;margin-top:5px;padding:8px 10px;font-size:10px;font-weight:600;line-height:1.4}.log-bubble.mine{background:var(--yellow-light)}.log-photos{gap:6px;margin-top:6px;display:flex}.log-photo-thumb{background:var(--gray-200);width:44px;height:44px;color:var(--gray-400);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.log-photo-thumb svg{fill:none;stroke-width:1.4px;width:16px;height:16px}.log-time{color:var(--gray-400);white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:8px;font-weight:600}.log-composer{background:var(--gray-100);border-top:1px solid var(--gray-200);align-items:center;gap:6px;padding:9px 10px;display:flex}.composer-icon{cursor:pointer;width:30px;height:30px;color:var(--gray-600);background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.composer-icon svg{fill:none;stroke-width:1.8px;stroke:currentColor;width:22px;height:22px}.composer-input{min-width:0;color:var(--ink);border:1px solid var(--gray-100);background:#fff;border-radius:20px;flex:1;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:600}.composer-send{background:var(--yellow-dark);cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.composer-send svg{fill:none;stroke-width:2px;stroke:currentColor;width:20px;height:20px}.item-transient-panel{border:1px solid var(--gray-100);background:var(--gray-100);border-radius:12px;flex-direction:column;flex-shrink:0;gap:8px;padding:10px;display:flex}.item-transient-panel textarea,.item-transient-panel select,.item-transient-panel input{width:100%;color:var(--ink);border:1px solid var(--gray-100);background:#fff;border-radius:10px;padding:9px 10px;font-family:inherit;font-size:11px;font-weight:600}.item-transient-actions{gap:8px;display:flex}@media (max-width:1023.98px){.item-modal-card{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}}@media (min-width:1024px){.modal-overlay{align-items:center}.modal-card{border-radius:18px;max-width:520px;max-height:90vh;padding:24px}.modal-title{font-size:18px}.modal-close{width:32px;height:32px}.modal-close svg{width:16px;height:16px}.modal-body{gap:14px}.modal-btn{border-radius:11px;padding:13px;font-size:13.5px}.item-modal-card{max-width:640px;max-height:86vh}.ca-title{font-size:12px}.ca-title .pill{font-size:10px}.ca-sort,.ca-sort select{font-size:11.5px}.ca-row{gap:11px;padding:11px 8px}.ca-avatar{width:38px;height:38px;font-size:12.5px}.ca-name{font-size:13px}.ca-status{font-size:11px}.ca-last{font-size:10px}.ca-badge{min-width:20px;height:20px;font-size:11px}.log-head{padding:12px}.log-head-name{font-size:12.5px}.log-head-meta{font-size:9.5px}.log-status-pill{padding:5px 10px;font-size:10px}.log-entries{gap:14px;max-height:300px;padding:14px 12px}.log-entry-title{font-size:11.5px}.log-entry-sub{font-size:9.5px}.log-bubble{padding:9px 12px;font-size:11.5px}.log-time{font-size:9px}.composer-input{padding:9px 14px;font-size:12.5px}.item-top-card{gap:12px}.cat-edit-btn-modal{padding:6px 8px;font-size:12px}.cat-edit-btn-modal svg{width:12px;height:12px}}