.detail-panel-header{min-height:68px;color:var(--bg-white);border:1px solid #ffffff40;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:1rem;max-width:100%;padding:.85rem 1.25rem;display:flex;position:relative;overflow:hidden}.detail-panel-header.archived{opacity:.85}.detail-panel-header.archived:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000008 10px 20px);position:absolute;inset:0}.dph-avatar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:2px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:all .2s;display:flex;overflow:hidden}.dph-avatar.clickable{cursor:pointer}.dph-avatar.clickable:hover{border-color:#ffffff80;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.avatar-initials{text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:700}.avatar-photo{object-fit:cover;width:100%;height:100%}.avatar-fallback{opacity:.7;font-size:1.25rem}.avatar-icon{justify-content:center;align-items:center;font-size:1.25rem;display:flex}.avatar-date{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.avatar-date .date-day{font-size:1.1rem;font-weight:700}.avatar-date .date-month{text-transform:uppercase;opacity:.9;margin-top:1px;font-size:.6rem;font-weight:500}.dph-content{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.dph-line-1{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.dph-title-zone{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.dph-title{color:var(--bg-white);white-space:nowrap;margin:0;font-size:1rem;font-weight:700}.dph-title.clickable{cursor:pointer;transition:all .2s}.dph-title.clickable:hover{text-underline-offset:2px;text-decoration:underline}.dph-line-2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;width:100%;font-size:.8rem;display:flex}.dph-subtitle{color:#ffffffd9;font-size:.8rem}.dph-badges{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.dph-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.65rem;font-weight:600;display:inline-flex}.dph-badge .badge-icon{align-items:center;font-size:.65rem;line-height:1;display:inline-flex}.dph-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.dph-meta.compact{gap:.25rem}.meta-separator{color:#fff6;margin:0 .25rem;font-size:.5rem}.meta-item{color:var(--bg-white);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;max-width:280px;font-size:.85rem;font-weight:500;display:inline-flex;overflow:hidden}.meta-item.meta-link{cursor:pointer;text-decoration:none;transition:all .15s}.meta-item.meta-link:hover{color:var(--bg-white);text-shadow:0 0 8px #ffffff4d}.meta-item.meta-na{color:#fff9;font-weight:400}.meta-item.meta-muted{color:#ffffffd9;font-weight:400}.meta-item.meta-nav{cursor:pointer}.meta-item.meta-nav:hover{text-underline-offset:2px;text-decoration:underline}.meta-icon{opacity:1;color:var(--bg-white);flex-shrink:0;align-items:center;font-size:.75rem;display:flex}.meta-value{text-overflow:ellipsis;overflow:hidden}.meta-address .meta-value{max-width:300px}.dph-quick-links{align-items:center;gap:.25rem;display:flex}.quick-link-btn{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #fff3;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.7rem;transition:all .15s;display:inline-flex}.quick-link-btn:hover{color:var(--bg-white);background:#ffffff40}.quick-link-label{font-weight:500}.dph-stats{flex-shrink:1;align-items:center;gap:.5rem;min-width:0;display:flex}.stat-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;color:var(--bg-white);background:#fff3;border:1px solid #ffffff26;border-radius:6px;flex-direction:row;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.8rem;display:flex}.stat-chip.highlight{background:#ffffff4d;border-color:#ffffff40}.stat-icon{opacity:1;color:var(--bg-white);z-index:1;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex;position:relative}.stat-chip .stat-icon svg,.dph-stats .stat-chip .stat-icon svg,.stat-icon svg{width:12px!important;min-width:12px!important;height:12px!important;fill:var(--bg-white)!important;stroke:none!important;color:var(--bg-white)!important;vertical-align:middle!important;display:inline-block!important}.stat-chip .stat-icon svg path,.dph-stats .stat-chip .stat-icon svg path,.stat-icon svg path{fill:var(--bg-white)!important;stroke:none!important}.stat-value{font-weight:700}.stat-label{opacity:.75;z-index:0;margin-left:.1rem;font-size:.6rem;font-weight:400;position:relative}.dph-actions{flex-shrink:0;align-items:center;gap:.4rem;min-width:fit-content;display:flex}.action-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;justify-content:center;align-items:center;padding:.35rem;font-size:.85rem;transition:all .15s;display:flex;color:#fff!important;background:#ffffff26!important;border:1px solid #ffffff40!important}.action-btn:hover{transform:translateY(-1px);background:#ffffff47!important;border-color:#fff6!important}.action-btn:focus{box-shadow:0 0 0 2px #ffffff4d}.action-btn.whatsapp:hover{background:#25d3664d!important;border-color:#25d36680!important}.action-btn.danger:hover{background:#ef44444d!important;border-color:#ef444480!important}.overflow-btn:after{display:none!important}.overflow-btn:hover,.overflow-btn:active,.overflow-btn:focus{transform:none!important}.dph-overflow-menu{border-radius:8px;min-width:160px;padding:.25rem;box-shadow:0 4px 16px #00000026}.dph-overflow-menu .dropdown-item{border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.dph-overflow-menu .dropdown-item:hover{background:var(--surface-100)}.dph-overflow-menu .dropdown-item.text-danger:hover{background:var(--error-light)}.overflow-icon{opacity:.7;justify-content:center;align-items:center;width:16px;font-size:.8rem;display:flex}@media (max-width:1366px){.detail-panel-header{gap:.5rem;padding:.6rem .9rem}.dph-avatar{width:40px;min-width:40px;height:40px}.dph-title{font-size:.95rem}.dph-badge{padding:.15rem .4rem;font-size:.6rem}.meta-item{max-width:220px;font-size:.8rem}.meta-icon{font-size:.7rem}.meta-address .meta-value{max-width:250px}.stat-chip{gap:.2rem;padding:.3rem .5rem;font-size:.75rem}.stat-icon{font-size:.65rem}.stat-label{font-size:.55rem}.action-btn{padding:.3rem;font-size:.8rem}.quick-link-btn{padding:.12rem .35rem;font-size:.65rem}}@media (max-width:1100px){.detail-panel-header{gap:.45rem;padding:.55rem .8rem}.dph-avatar{border-radius:8px;width:38px;min-width:38px;height:38px}.dph-title{font-size:.9rem}.dph-badge{padding:.12rem .35rem;font-size:.55rem}.meta-item{max-width:180px;font-size:.75rem}.meta-address .meta-value{max-width:200px}.stat-label{display:none}.stat-chip{padding:.25rem .4rem;font-size:.7rem}.stat-icon{font-size:.6rem}.quick-link-label{display:none}.quick-link-btn{padding:.12rem .25rem}.action-btn{padding:.25rem;font-size:.75rem}}@media (max-width:991px){.detail-panel-header{gap:.4rem;padding:.5rem .75rem}.dph-avatar{width:36px;min-width:36px;height:36px}.avatar-initials,.dph-title{font-size:.85rem}.dph-badge{padding:.1rem .3rem;font-size:.5rem}.meta-item{max-width:100px;font-size:.65rem}.meta-icon{font-size:.55rem}.dph-line-2{display:none}.stat-chip{padding:.18rem .3rem;font-size:.6rem}.action-btn{border-radius:5px;padding:.2rem;font-size:.7rem}.dph-stats .stat-chip:nth-child(n+3),.dph-actions .action-btn:nth-child(n+4){display:none}}@media (max-width:640px){.detail-panel-header{flex-wrap:wrap;gap:.5rem;min-height:56px;padding:.6rem .75rem}.dph-avatar{border-radius:8px;width:36px;min-width:36px;height:36px}.avatar-initials{font-size:.8rem}.avatar-icon{font-size:1rem}.avatar-date .date-day{font-size:.95rem}.avatar-date .date-month{font-size:.5rem}.dph-content{flex:calc(100% - 140px);min-width:120px}.dph-title{font-size:.9rem}.dph-badge{padding:.15rem .35rem;font-size:.55rem}.dph-line-1{gap:.3rem}.dph-line-2{font-size:.7rem}.meta-item{max-width:100px;font-size:.7rem}.meta-icon{font-size:.6rem}.meta-address .meta-value{max-width:120px}.dph-stats{gap:.2rem}.stat-chip{border-radius:4px;padding:.2rem .35rem;font-size:.65rem}.stat-icon{font-size:.55rem}.stat-label{display:none}.dph-actions{gap:.2rem}.action-btn{border-radius:5px;padding:.25rem;font-size:.75rem}.dph-quick-links{display:none}}@media (max-width:380px){.detail-panel-header{gap:.4rem;min-height:50px;padding:.5rem .6rem}.dph-avatar{border-radius:6px;width:32px;min-width:32px;height:32px}.avatar-initials{font-size:.7rem}.avatar-icon{font-size:.9rem}.avatar-date .date-day,.dph-title{font-size:.85rem}.dph-badge{padding:.1rem .25rem;font-size:.5rem}.dph-line-2{display:none}.meta-item{font-size:.6rem}.dph-meta .meta-item:nth-child(n+5){display:none}.stat-chip{padding:.15rem .25rem;font-size:.6rem}.stat-icon{font-size:.5rem}.dph-stats .stat-chip:nth-child(n+3){display:none}.action-btn{border-radius:4px;padding:.2rem;font-size:.7rem}.dph-actions .action-btn:nth-child(n+4){display:none}}.detail-panel-header .meta-icon,.detail-panel-header .meta-item,.detail-panel-header .meta-value,.detail-panel-header .dph-title,.detail-panel-header .dph-subtitle,.detail-panel-header .stat-chip,.detail-panel-header .stat-value,.detail-panel-header .stat-icon,.detail-panel-header .quick-link-btn,.detail-panel-header .avatar-initials,.detail-panel-header .avatar-date,.detail-panel-header .avatar-date .date-day,.detail-panel-header .avatar-date .date-month,.detail-panel-header .meta-link,.detail-panel-header .meta-link:hover{color:#fff!important}.detail-panel-header .meta-item.meta-na{color:#ffffffb3!important}.detail-panel-header .stat-label{color:#fffc!important}.detail-panel-header .quick-link-btn{color:#fffffff2!important}.detail-panel-header .quick-link-btn:hover{color:#fff!important}.detail-panel-header.layout-animal{gap:0;max-width:100%;padding:.75rem 1rem;overflow:visible}.detail-panel-header.layout-animal .dph-avatar{border-radius:12px;width:52px;min-width:52px;height:52px;margin-right:.75rem}.dph-section{flex-direction:column;flex-shrink:1;justify-content:center;min-width:0;padding:0 .85rem;display:flex;overflow:hidden}.dph-section-row{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;max-width:100%;display:flex;overflow:hidden}.dph-section-identity{flex-shrink:0;min-width:80px}.dph-section-identity .dph-title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.dph-species{opacity:.85;font-size:.8rem;font-weight:500}.dph-section-health{min-width:70px}.dph-sterilized{background:#ffffff26;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:600}.dph-sterilized.yes{background:#22c55e40}.dph-sterilized.no{opacity:.9;background:#ef444433}.dph-breed{opacity:.9;text-overflow:ellipsis;max-width:120px;font-size:.8rem;overflow:hidden}.dph-section-details{min-width:70px}.dph-info{opacity:.95;font-size:.8rem}.dph-info-separator{opacity:.5;font-size:.5rem}.dph-section-chip{min-width:60px}.dph-chip-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.dph-chip-value{opacity:.95;font-family:monospace;font-size:.75rem}.dph-separator{background:#ffffff40;flex-shrink:0;width:1px;height:36px;margin:0 .25rem}.detail-panel-header.layout-animal .dph-stats{margin-left:auto;margin-right:.75rem}.detail-panel-header.layout-animal .dph-actions{gap:.6rem}.detail-panel-header.layout-animal .action-btn{border-radius:10px;min-width:42px;min-height:42px;padding:.6rem .75rem;font-size:1.05rem}.detail-panel-header.layout-animal .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.detail-panel-header.layout-animal .stat-chip{padding:.45rem .7rem;font-size:.9rem}.dph-owner-link{cursor:pointer;background:#ffffff26;border-radius:8px;align-items:center;gap:.5rem;margin-left:auto;margin-right:.5rem;padding:.4rem .7rem;transition:all .2s;display:flex}.dph-owner-link:hover{background:#ffffff40;transform:translateY(-1px)}.dph-owner-icon{color:#ffffffe6;flex-shrink:0;font-size:.9rem}.dph-owner-name{flex-direction:column;line-height:1.1;display:flex}.dph-owner-firstname{color:var(--bg-white);font-size:.8rem;font-weight:600}.dph-owner-lastname{color:#ffffffd9;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:500}.detail-panel-header.layout-animal .dph-owner-link+.dph-stats{margin-left:0}.detail-panel-header.layout-client{flex-wrap:nowrap;gap:0;max-width:100%;padding:.75rem 1rem;overflow:hidden}.detail-panel-header.layout-client .dph-avatar{border-radius:10px;width:48px;min-width:48px;height:48px;margin-right:.75rem}.detail-panel-header.layout-client .dph-section-identity{flex-shrink:1;min-width:80px;max-width:180px;overflow:hidden}.detail-panel-header.layout-client .dph-section-identity .dph-section-row{text-overflow:ellipsis;overflow:hidden}.detail-panel-header.layout-client .dph-section-identity .dph-title{margin:0;font-size:1rem;font-weight:600;line-height:1.2}.dph-lastname{letter-spacing:.5px;opacity:.95;font-size:.85rem;font-weight:700}.detail-panel-header.layout-client .dph-section-badges{min-width:90px}.dph-client-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.detail-panel-header.layout-client .dph-section-contact{flex-shrink:1;min-width:100px;max-width:220px;overflow:hidden}.dph-contact-link{color:var(--bg-white);align-items:center;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.dph-contact-link:hover{color:var(--bg-white);text-shadow:0 0 8px #ffffff4d}.dph-contact-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.dph-contact-na{color:#fff9;align-items:center;font-size:.8rem;display:flex}.detail-panel-header.layout-client .dph-section-address{flex-shrink:1;min-width:100px;max-width:200px;overflow:hidden}.dph-address-icon{color:#ffffffe6;flex-shrink:0}.dph-address-line1{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.8rem;overflow:hidden}.dph-address-line2{opacity:.85;margin-left:16px;font-size:.75rem}.dph-address-link{color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:opacity .15s;display:flex}.dph-address-link:hover{color:inherit;opacity:.85}.dph-address-link:hover .dph-address-line1,.dph-address-link:hover .dph-location-label{text-underline-offset:2px;text-decoration:underline}.detail-panel-header.layout-client .dph-stats{margin-left:auto;margin-right:.75rem}.detail-panel-header.layout-client .dph-actions{gap:.5rem}.detail-panel-header.layout-client .action-btn{border-radius:8px;min-width:38px;min-height:38px;padding:.5rem .6rem;font-size:.95rem}.detail-panel-header.layout-client .stat-chip{padding:.4rem .6rem;font-size:.85rem}.detail-panel-header.layout-client .dph-title,.detail-panel-header.layout-client .dph-lastname,.detail-panel-header.layout-client .dph-contact-link,.detail-panel-header.layout-client .dph-contact-value,.detail-panel-header.layout-client .dph-contact-na,.detail-panel-header.layout-client .dph-address-icon,.detail-panel-header.layout-client .dph-address-line1,.detail-panel-header.layout-client .dph-address-line2,.detail-panel-header.layout-client .dph-section-row,.detail-panel-header.layout-client .dph-section-row a,.detail-panel-header.layout-client .dph-section-row span{color:#fff!important}.detail-panel-header.layout-client .dph-contact-na,.detail-panel-header.layout-client .dph-contact-na span{color:#fff9!important}@media (max-width:1366px){.detail-panel-header.layout-client{padding:.65rem .9rem}.detail-panel-header.layout-client .dph-avatar{width:44px;min-width:44px;height:44px}.detail-panel-header.layout-client .dph-section-identity .dph-title{font-size:.95rem}.dph-lastname{font-size:.8rem}.dph-client-badge{font-size:.6rem}.dph-contact-link,.dph-contact-na{font-size:.75rem}.dph-contact-value{max-width:150px}.dph-address-line1{max-width:140px;font-size:.75rem}.dph-address-line2{font-size:.7rem}.detail-panel-header.layout-client .action-btn{min-width:34px;min-height:34px;padding:.4rem .5rem;font-size:.9rem}.detail-panel-header.layout-client .stat-chip{padding:.35rem .5rem;font-size:.8rem}}@media (max-width:1100px){.detail-panel-header.layout-client .dph-section-address{display:none}.detail-panel-header.layout-client .dph-separator:has(+.dph-section-address){display:none}.detail-panel-header.layout-client .dph-avatar{width:40px;min-width:40px;height:40px}.detail-panel-header.layout-client .dph-section-contact{max-width:180px}.dph-contact-value{max-width:130px}}@media (max-width:991px){.detail-panel-header.layout-client .dph-section-badges{display:none}.detail-panel-header.layout-client .dph-separator:has(+.dph-section-badges){display:none}.detail-panel-header.layout-client .dph-section-contact{min-width:120px;max-width:150px}.dph-contact-value{max-width:100px}.detail-panel-header.layout-client .stat-chip{padding:.25rem .4rem;font-size:.7rem}.detail-panel-header.layout-client .stat-chip .stat-label{display:none}}@media (max-width:768px){.detail-panel-header.layout-client .dph-section-contact{display:none}.detail-panel-header.layout-client .dph-separator:has(+.dph-section-contact){display:none}.detail-panel-header.layout-client .dph-avatar{width:36px;min-width:36px;height:36px;margin-right:.5rem}.detail-panel-header.layout-client .action-btn{min-width:32px;min-height:32px;padding:.3rem .4rem;font-size:.8rem}}@media (max-width:480px){.detail-panel-header.layout-client{padding:.5rem .6rem}.detail-panel-header.layout-client .dph-stats{display:none}}@container detail-panel (max-width:900px){.detail-panel-header.layout-client{padding:.65rem .9rem}.detail-panel-header.layout-client .dph-avatar{width:44px;min-width:44px;height:44px}.detail-panel-header.layout-client .dph-section-identity .dph-title{font-size:.95rem}.detail-panel-header.layout-client .action-btn{min-width:34px;min-height:34px;padding:.4rem .5rem;font-size:.9rem}.detail-panel-header.layout-client .stat-chip{padding:.35rem .5rem;font-size:.8rem}.detail-panel-header.layout-client .stat-chip .stat-label{display:none}}@container detail-panel (max-width:750px){.detail-panel-header.layout-client .dph-stats,.detail-panel-header.layout-client .dph-section-address{display:none}.detail-panel-header.layout-client .dph-separator:has(+.dph-section-address){display:none}.detail-panel-header.layout-client .dph-avatar{width:40px;min-width:40px;height:40px}.detail-panel-header.layout-client .dph-section-contact{max-width:180px}}@container detail-panel (max-width:650px){.detail-panel-header.layout-client .dph-section-badges{display:none}.detail-panel-header.layout-client .dph-separator:has(+.dph-section-badges){display:none}.detail-panel-header.layout-client .dph-section-contact{min-width:120px;max-width:150px}}@container detail-panel (max-width:500px){.detail-panel-header.layout-client .dph-section-contact{display:none}.detail-panel-header.layout-client .dph-separator:has(+.dph-section-contact){display:none}.detail-panel-header.layout-client .dph-avatar{width:36px;min-width:36px;height:36px;margin-right:.5rem}.detail-panel-header.layout-client .action-btn{min-width:32px;min-height:32px;padding:.3rem .4rem;font-size:.8rem}}@container detail-panel (max-width:400px){.detail-panel-header.layout-client{padding:.5rem .6rem}.detail-panel-header.layout-client .dph-section-identity{min-width:60px;max-width:100px}}@container detail-panel (max-width:350px){.detail-panel-header.layout-client .dph-avatar{width:32px;min-width:32px;height:32px;margin-right:.35rem}.detail-panel-header.layout-client .dph-section-identity .dph-title{font-size:.8rem}.dph-lastname{font-size:.7rem}.detail-panel-header.layout-client .dph-separator{display:none}.detail-panel-header.layout-client .action-btn{min-width:28px;min-height:28px;padding:.25rem .35rem;font-size:.75rem}.detail-panel-header.layout-client .dph-actions{gap:.2rem}}.detail-panel-header.layout-appointment{gap:0;max-width:100%;padding:.75rem 1rem;overflow:visible}.detail-panel-header.layout-appointment .dph-avatar{border-radius:10px;width:48px;min-width:48px;height:48px;margin-right:.75rem}.detail-panel-header.layout-appointment .dph-section-identity{flex-shrink:0;min-width:140px}.detail-panel-header.layout-appointment .dph-section-identity .dph-title{margin:0;font-size:1rem;font-weight:600;line-height:1.2}.dph-appointment-links{margin-top:2px}.dph-appointment-links .dph-quick-links{gap:.15rem}.dph-appointment-links .quick-link-btn{padding:.1rem .3rem;font-size:.65rem}.detail-panel-header.layout-appointment .dph-section-badges{min-width:80px}.dph-appointment-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.detail-panel-header.layout-appointment .dph-section-datetime{min-width:130px}.dph-date-value,.dph-time-value{color:var(--bg-white);font-size:.8rem}.detail-panel-header.layout-appointment .dph-section-location{min-width:120px;max-width:180px}.dph-location-label{color:var(--bg-white);font-size:.8rem}.dph-location-address{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin-left:16px;font-size:.75rem;overflow:hidden}.detail-panel-header.layout-appointment .dph-stats{margin-left:auto;margin-right:.75rem}.detail-panel-header.layout-appointment .dph-actions{gap:.5rem;margin-left:auto}.detail-panel-header.layout-appointment .dph-stats+.dph-actions{margin-left:0}.detail-panel-header.layout-appointment .action-btn{border-radius:8px;min-width:38px;min-height:38px;padding:.5rem .6rem;font-size:.95rem}.detail-panel-header.layout-appointment .stat-chip{padding:.4rem .6rem;font-size:.85rem}.detail-panel-header.layout-appointment .dph-title,.detail-panel-header.layout-appointment .dph-date-value,.detail-panel-header.layout-appointment .dph-time-value,.detail-panel-header.layout-appointment .dph-location-label,.detail-panel-header.layout-appointment .dph-location-address,.detail-panel-header.layout-appointment .dph-section-row,.detail-panel-header.layout-appointment .dph-section-row span{color:#fff!important}@media (max-width:1366px){.detail-panel-header.layout-appointment{padding:.65rem .9rem}.detail-panel-header.layout-appointment .dph-avatar{width:44px;min-width:44px;height:44px}.detail-panel-header.layout-appointment .dph-section-identity .dph-title{font-size:.95rem}.dph-date-value,.dph-time-value,.dph-location-label{font-size:.75rem}.dph-location-address{max-width:140px;font-size:.7rem}.detail-panel-header.layout-appointment .action-btn{min-width:34px;min-height:34px;padding:.4rem .5rem;font-size:.9rem}.detail-panel-header.layout-appointment .stat-chip{padding:.35rem .5rem;font-size:.8rem}}@media (max-width:1100px){.detail-panel-header.layout-appointment .dph-section-location{display:none}.detail-panel-header.layout-appointment .dph-separator:has(+.dph-section-location){display:none}.detail-panel-header.layout-appointment .dph-avatar{width:40px;min-width:40px;height:40px}}@media (max-width:991px){.detail-panel-header.layout-appointment .dph-section-badges{display:none}.detail-panel-header.layout-appointment .dph-separator:has(+.dph-section-badges){display:none}.detail-panel-header.layout-appointment .stat-chip{padding:.25rem .4rem;font-size:.7rem}.detail-panel-header.layout-appointment .stat-chip .stat-label{display:none}}@media (max-width:768px){.detail-panel-header.layout-appointment .dph-section-datetime{display:none}.detail-panel-header.layout-appointment .dph-separator:has(+.dph-section-datetime){display:none}.detail-panel-header.layout-appointment .dph-avatar{width:36px;min-width:36px;height:36px;margin-right:.5rem}.detail-panel-header.layout-appointment .action-btn{min-width:32px;min-height:32px;padding:.3rem .4rem;font-size:.8rem}.dph-appointment-links .quick-link-btn{padding:.08rem .2rem;font-size:.6rem}}@media (max-width:480px){.detail-panel-header.layout-appointment{padding:.5rem .6rem}.detail-panel-header.layout-appointment .dph-stats,.dph-appointment-links{display:none}}@container detail-panel (max-width:900px){.detail-panel-header.layout-appointment{padding:.65rem .9rem}.detail-panel-header.layout-appointment .dph-avatar{width:44px;min-width:44px;height:44px}.detail-panel-header.layout-appointment .dph-section-identity .dph-title{font-size:.95rem}.detail-panel-header.layout-appointment .action-btn{min-width:34px;min-height:34px;padding:.4rem .5rem;font-size:.9rem}.detail-panel-header.layout-appointment .stat-chip{padding:.35rem .5rem;font-size:.8rem}.detail-panel-header.layout-appointment .stat-chip .stat-label{display:none}}@container detail-panel (max-width:750px){.detail-panel-header.layout-appointment .dph-stats,.detail-panel-header.layout-appointment .dph-section-location{display:none}.detail-panel-header.layout-appointment .dph-separator:has(+.dph-section-location){display:none}.detail-panel-header.layout-appointment .dph-avatar{width:40px;min-width:40px;height:40px}}@container detail-panel (max-width:650px){.detail-panel-header.layout-appointment .dph-section-badges{display:none}.detail-panel-header.layout-appointment .dph-separator:has(+.dph-section-badges){display:none}}@container detail-panel (max-width:500px){.detail-panel-header.layout-appointment .dph-section-datetime{display:none}.detail-panel-header.layout-appointment .dph-separator:has(+.dph-section-datetime){display:none}.detail-panel-header.layout-appointment .dph-avatar{width:36px;min-width:36px;height:36px;margin-right:.5rem}.detail-panel-header.layout-appointment .action-btn{min-width:32px;min-height:32px;padding:.3rem .4rem;font-size:.8rem}.detail-panel-header.layout-appointment .dph-appointment-links{display:none}}@container detail-panel (max-width:400px){.detail-panel-header.layout-appointment{padding:.5rem .6rem}.detail-panel-header.layout-appointment .dph-quick-links{display:none}}@media (max-width:1366px){.detail-panel-header.layout-animal{padding:.65rem .9rem}.detail-panel-header.layout-animal .dph-avatar{width:46px;min-width:46px;height:46px}.dph-section{padding:0 .65rem}.dph-section-identity .dph-title{font-size:1rem}.dph-species,.dph-breed,.dph-info{font-size:.75rem}.dph-sterilized{font-size:.7rem}.dph-separator{height:32px}.detail-panel-header.layout-animal .action-btn{min-width:38px;min-height:38px;padding:.5rem .6rem;font-size:.95rem}.dph-owner-link{padding:.35rem .6rem}.dph-owner-firstname{font-size:.75rem}.dph-owner-lastname{font-size:.65rem}}@media (max-width:1100px){.detail-panel-header.layout-animal{padding:.55rem .75rem}.detail-panel-header.layout-animal .dph-avatar{border-radius:10px;width:42px;min-width:42px;height:42px}.dph-section{padding:0 .5rem}.dph-section-identity .dph-title{font-size:.95rem}.dph-species,.dph-breed,.dph-info{font-size:.7rem}.dph-sterilized{padding:.08rem .3rem;font-size:.65rem}.dph-chip-label{font-size:.6rem}.dph-chip-value{font-size:.7rem}.dph-separator{height:28px;margin:0 .15rem}.detail-panel-header.layout-animal .action-btn{min-width:36px;min-height:36px;padding:.45rem .5rem;font-size:.9rem}.detail-panel-header.layout-animal .stat-chip{padding:.3rem .5rem;font-size:.75rem}.dph-owner-link{gap:.35rem;padding:.3rem .5rem}.dph-owner-icon{font-size:.8rem}.dph-owner-firstname{font-size:.7rem}.dph-owner-lastname{font-size:.6rem}}@media (max-width:991px){.detail-panel-header.layout-animal .dph-section-chip{display:none}.detail-panel-header.layout-animal .dph-separator:has(+.dph-section-chip){display:none}.dph-section{padding:0 .4rem}.dph-section-identity .dph-title{font-size:.9rem}.dph-breed{max-width:80px}.dph-separator{height:24px}}@media (max-width:850px){.detail-panel-header.layout-animal .dph-section-details{display:none}.detail-panel-header.layout-animal .dph-separator:has(+.dph-section-details){display:none}.detail-panel-header.layout-client .dph-section-address{display:none}.detail-panel-header.layout-client .dph-separator:has(+.dph-section-address){display:none}.detail-panel-header.layout-appointment .dph-section-location{display:none}.detail-panel-header.layout-appointment .dph-separator:has(+.dph-section-location){display:none}.detail-panel-header.layout-animal,.detail-panel-header.layout-client,.detail-panel-header.layout-appointment{padding:.5rem .75rem}.detail-panel-header.layout-animal .dph-avatar,.detail-panel-header.layout-client .dph-avatar,.detail-panel-header.layout-appointment .dph-avatar{width:38px;min-width:38px;height:38px;margin-right:.5rem}.detail-panel-header.layout-animal .action-btn,.detail-panel-header.layout-client .action-btn,.detail-panel-header.layout-appointment .action-btn{min-width:34px;min-height:34px;padding:.35rem .45rem;font-size:.85rem}.stat-label,.dph-owner-link{display:none}}@media (max-width:768px){.detail-panel-header.layout-animal .dph-section-details{display:none}.detail-panel-header.layout-animal .dph-separator:has(+.dph-section-details){display:none}.detail-panel-header.layout-animal .dph-avatar{width:38px;min-width:38px;height:38px;margin-right:.5rem}.dph-section{padding:0 .35rem}.dph-section-identity .dph-title{font-size:.85rem}.dph-species{font-size:.7rem}.dph-separator{height:22px}.detail-panel-header.layout-animal .action-btn{padding:.3rem .4rem;font-size:.75rem}.dph-owner-link{gap:.3rem;margin-right:.3rem;padding:.25rem .4rem}.dph-owner-icon{font-size:.7rem}.dph-owner-firstname{font-size:.65rem}.dph-owner-lastname{font-size:.55rem}}@media (max-width:480px){.detail-panel-header.layout-animal .dph-section-health{display:none}.detail-panel-header.layout-animal .dph-separator:has(+.dph-section-health){display:none}.detail-panel-header.layout-animal{padding:.5rem .6rem}.detail-panel-header.layout-animal .dph-stats,.dph-owner-link{display:none}}@container detail-panel (max-width:900px){.detail-panel-header.layout-animal{padding:.65rem .9rem}.detail-panel-header.layout-animal .dph-avatar{width:46px;min-width:46px;height:46px}.detail-panel-header.layout-animal .dph-section{padding:0 .65rem}.detail-panel-header.layout-animal .dph-section-identity .dph-title{font-size:1rem}.detail-panel-header.layout-animal .dph-species,.detail-panel-header.layout-animal .dph-breed,.detail-panel-header.layout-animal .dph-info{font-size:.75rem}.detail-panel-header.layout-animal .dph-sterilized{font-size:.7rem}.detail-panel-header.layout-animal .dph-separator{height:32px}.detail-panel-header.layout-animal .stat-chip .stat-label{display:none}}@container detail-panel (max-width:750px){.detail-panel-header.layout-animal .dph-stats,.detail-panel-header.layout-animal .dph-section-chip{display:none}.detail-panel-header.layout-animal .dph-separator:has(+.dph-section-chip){display:none}.detail-panel-header.layout-animal .dph-section{padding:0 .5rem}.detail-panel-header.layout-animal .action-btn{min-width:36px;min-height:36px;padding:.45rem .5rem;font-size:.9rem}.detail-panel-header.layout-animal .stat-chip{padding:.3rem .5rem;font-size:.75rem}}@container detail-panel (max-width:650px){.detail-panel-header.layout-animal .dph-section-details{display:none}.detail-panel-header.layout-animal .dph-separator:has(+.dph-section-details){display:none}.detail-panel-header.layout-animal .dph-section-identity .dph-title{font-size:.9rem}.detail-panel-header.layout-animal .dph-separator{height:24px}}@container detail-panel (max-width:500px){.detail-panel-header.layout-animal .dph-owner-link{display:none}.detail-panel-header.layout-animal .dph-avatar{width:38px;min-width:38px;height:38px;margin-right:.5rem}.detail-panel-header.layout-animal .action-btn{min-width:34px;min-height:34px;padding:.35rem .45rem;font-size:.85rem}}@container detail-panel (max-width:400px){.detail-panel-header.layout-animal .dph-section-health{display:none}.detail-panel-header.layout-animal .dph-separator:has(+.dph-section-health){display:none}.detail-panel-header.layout-animal{padding:.5rem .6rem}}@media print{.detail-panel-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:var(--surface-100)!important;color:var(--surface-800)!important}.dph-actions,.dph-quick-links{display:none}.dph-avatar{background:var(--surface-200)!important;border-color:var(--surface-300)!important}.dph-badge{border:1px solid}.stat-chip{background:var(--surface-200)!important;border-color:var(--surface-300)!important;color:var(--surface-800)!important}}
.notes-manager{flex-direction:column;gap:16px;display:flex}.notes-manager.compact{gap:12px}.notes-manager-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notes-manager-title{align-items:center;gap:8px;display:flex}.notes-manager-title h6{color:var(--surface-700);align-items:center;margin:0;font-weight:600;display:flex}.notes-manager-badges{gap:4px;display:flex}.notes-manager-actions{align-items:center;gap:8px;display:flex}.notes-filter-select{width:auto;min-width:100px}.notes-form-card{border-radius:12px;padding:16px;transition:background-color .2s}.notes-form-input{border:1px solid #0000001a;border-radius:8px;background:#ffffffb3!important}.notes-form-input:focus{border-color:#0003;box-shadow:0 0 0 2px #0000000d;background:#ffffffe6!important}.notes-form-options{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.notes-category-select{width:auto;min-width:120px}.notes-color-picker{gap:6px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .15s}.color-dot:hover{transform:scale(1.1)}.color-dot.selected{border-color:var(--surface-700);box-shadow:0 0 0 2px #0000001a}.notes-share-switch{margin-bottom:12px}.share-label{color:var(--surface-600);align-items:center;font-size:.875rem;display:flex}.notes-form-buttons{justify-content:flex-end;gap:8px;display:flex}.notes-list{flex-direction:column;gap:10px;display:flex}.notes-loading,.notes-empty{color:var(--surface-400);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.notes-empty p{margin:0;font-size:.9rem}.note-card{border-radius:10px;padding:12px 16px;transition:transform .15s,box-shadow .15s;position:relative}.note-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.note-card.pinned{border-left:3px solid var(--warning)}.note-badges{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.note-badges .badge{align-items:center;gap:3px;font-size:.7rem;font-weight:500;display:flex}.badge-pinned{background-color:var(--warning)!important;color:var(--warning-dark)!important}.badge-shared{background-color:var(--info)!important}.badge-category{background-color:var(--surface-500)!important}.badge-professional{background-color:var(--tertiary-500)!important}.note-title{color:var(--surface-800);margin-bottom:4px;font-weight:600}.note-content{white-space:pre-wrap;color:var(--surface-700);font-size:.9rem;line-height:1.5}.note-footer{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.note-date{color:var(--surface-500);font-size:.75rem}.note-author{color:var(--tertiary-500);font-weight:500}.note-actions{gap:2px;display:flex}.note-actions .btn{color:var(--surface-500);opacity:.6;padding:4px 8px;transition:opacity .15s,color .15s}.note-actions .btn:hover{opacity:1}.note-actions .btn.active{opacity:1;color:var(--info)}.note-actions .btn.text-danger:hover{color:var(--danger)!important}.notes-manager.compact .notes-form-card{padding:12px}.notes-manager.compact .note-card{padding:10px 12px}.notes-manager.compact .note-content{font-size:.85rem}.notes-manager.compact .notes-empty{padding:20px 12px}@media (max-width:768px){.notes-manager-header{flex-direction:column;align-items:flex-start}.notes-manager-actions{justify-content:space-between;width:100%}.notes-filter-select{flex:1;min-width:0}.notes-form-options{flex-direction:column;align-items:flex-start}.notes-category-select{width:100%}.note-footer{flex-direction:column;align-items:flex-start;gap:8px}.note-actions{justify-content:flex-end;width:100%}}
