.tgcp-quick-access{margin-top:28px;padding:24px;border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(145deg,#f8fbff 0%,#fff 55%,#f7faf9 100%);box-shadow:0 12px 34px rgba(31,45,61,.08)}
.tgcp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.tgcp-section-heading small{display:block;color:#3858e9;font-weight:800;letter-spacing:.12em}.tgcp-section-heading h2{margin:3px 0 0;font-size:28px}.tgcp-section-heading p{margin:0;color:#667085}
.tgcp-quick-access .tgcp-staff-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tgcp-quick-access .tgcp-staff-tiles a{position:relative;display:grid!important;grid-template-columns:48px 1fr auto;align-items:center;justify-content:initial;gap:12px;min-height:76px!important;padding:14px 16px!important;border:1px solid #e0e7ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 14px rgba(31,45,61,.06)!important;color:#172033!important}.tgcp-quick-access .tgcp-staff-tiles a:hover{border-color:#7894ed!important;transform:translateY(-2px);box-shadow:0 9px 22px rgba(31,45,61,.12)!important}.tgcp-quick-access .tgcp-staff-tiles a:before{position:static!important;display:block;width:44px!important;height:44px!important;border-radius:12px!important;background-color:#3858e9!important;background-position:center!important;background-repeat:no-repeat!important;background-size:24px!important}.tgcp-quick-access .tgcp-staff-tiles a>b{font-size:15px;line-height:1.25}.tgcp-quick-access .tgcp-staff-tiles a>span{display:flex;gap:5px;color:#667085!important;font-size:12px!important;white-space:nowrap}.tgcp-quick-access .tgcp-staff-tiles a>span span{font-size:17px!important;color:#3858e9!important}
.tgcp-quick-access .tgcp-tile-pets_in{grid-column:span 2;background:linear-gradient(135deg,#3858e9,#2744c7)!important;color:#fff!important;border-color:#3858e9!important}.tgcp-quick-access .tgcp-tile-pets_in:before{background-color:rgba(255,255,255,.18)!important}.tgcp-quick-access .tgcp-tile-pets_in>span,.tgcp-quick-access .tgcp-tile-pets_in>span span{color:#fff!important}.tgcp-quick-access .tgcp-tile-purchases{background:#fff8ed!important;border-color:#fed7aa!important}.tgcp-quick-access .tgcp-tile-purchases:before{background-color:#c35c12!important}
.tgcp-quick-access .tgcp-tile-pets_in:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5'/%3E%3Cpath d='M5 21h14a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2'/%3E%3C/svg%3E")!important}.tgcp-quick-access .tgcp-tile-purchases:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 2h12v20l-3-2-3 2-3-2-3 2Z'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h4'/%3E%3C/svg%3E")!important}
.tgcp-quick-access a[class*="tile-welfare"]:before,.tgcp-quick-access .tgcp-tile-concerns:before{background-color:#c2415d!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6a5.5 5.5 0 0 0 1-8.8Z'/%3E%3Cpath d='M8 12h2l1-2 2 4 1-2h2'/%3E%3C/svg%3E")!important}
.tgcp-quick-access .tgcp-tile-aquatics_checks:before,.tgcp-quick-access .tgcp-tile-aquatic_stock:before,.tgcp-quick-access .tgcp-tile-water_testing:before{background-color:#087e8b!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M3 12c3-4 6-6 10-6 3 0 5 1 8 4l-3 2 3 2c-3 3-5 4-8 4-4 0-7-2-10-6Z'/%3E%3Ccircle cx='10' cy='10' r='1' fill='white'/%3E%3C/svg%3E")!important}
.tgcp-quick-access .tgcp-tile-pet_register:before,.tgcp-quick-access .tgcp-tile-available_pets:before,.tgcp-quick-access .tgcp-tile-quick_status:before,.tgcp-quick-access .tgcp-tile-adoption:before{background-color:#26845f!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='8' cy='7' r='2'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3Cpath d='M8 18c0-3 2-5 4-5s4 2 4 5c0 2-2 3-4 3s-4-1-4-3Z'/%3E%3C/svg%3E")!important}
.tgcp-quick-access .tgcp-tile-enclosures:before,.tgcp-quick-access .tgcp-tile-cleaning:before{background-color:#7161a8!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M4 20V8l8-5 8 5v12Z'/%3E%3Cpath d='M8 20v-7h8v7M3 20h18'/%3E%3C/svg%3E")!important}
.tgcp-quick-access .tgcp-tile-suppliers:before,.tgcp-quick-access .tgcp-tile-customers:before{background-color:#475467!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-5 3-8 8-8s8 3 8 8'/%3E%3C/svg%3E")!important}
.tgcp-public-pets:has(.tgcp-species-filter){display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:28px;align-items:start}.tgcp-public-pets:has(.tgcp-species-filter)>h2{grid-column:1/-1;text-align:left}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter{grid-column:1;position:sticky;top:24px;display:flex;flex-direction:column;gap:5px;margin:0;padding:10px;border:1px solid #dfe6e8;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(20,35,45,.06)}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter:before{content:"Browse categories";display:block;padding:8px 10px 11px;font-size:13px;font-weight:800;color:#485b65}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter button{width:100%;border:0;border-left:4px solid transparent;border-radius:8px;background:transparent;padding:11px 12px;text-align:left;cursor:pointer;color:#283940;font-weight:650}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter button:hover{background:#f0f7f7}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter button.active{background:#e4f2f3;color:#155e66;border-left-color:#1f6d75}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-public-grid{grid-column:2}
@media(max-width:820px){.tgcp-quick-access .tgcp-staff-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tgcp-public-pets:has(.tgcp-species-filter){display:block}.tgcp-public-pets:has(.tgcp-species-filter)>h2{text-align:center}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter:before{grid-column:1/-1}}@media(max-width:560px){.tgcp-quick-access{padding:16px;border-radius:16px}.tgcp-section-heading{display:block}.tgcp-section-heading p{margin-top:7px}.tgcp-quick-access .tgcp-staff-tiles{grid-template-columns:1fr}.tgcp-quick-access .tgcp-tile-pets_in{grid-column:auto}.tgcp-quick-access .tgcp-staff-tiles a{grid-template-columns:44px 1fr auto}.tgcp-public-pets:has(.tgcp-species-filter)>.tgcp-species-filter{grid-template-columns:1fr}}
.tgcp-watermark-library{width:min(900px,calc(100vw - 32px));max-height:82vh;padding:0;border:0;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28)}.tgcp-watermark-library::backdrop{background:rgba(15,23,42,.62)}.tgcp-watermark-library-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;border-bottom:1px solid #e2e8f0;background:#fff}.tgcp-watermark-library-head h2{margin:0 0 4px}.tgcp-watermark-library-head p{margin:0;color:#667085}.tgcp-watermark-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:20px}.tgcp-watermark-media-item{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px;border:2px solid transparent;border-radius:12px;background:#f8fafc;cursor:pointer;text-align:left}.tgcp-watermark-media-item:hover,.tgcp-watermark-media-item.selected{border-color:#3858e9;background:#eef2ff}.tgcp-watermark-media-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#e2e8f0}.tgcp-watermark-media-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#344054}@media(max-width:520px){.tgcp-watermark-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.tgcp-watermark-library-head{padding:16px}}
.tgcp-register-photo img,.tgcp-register-photo .tgcp-photo-placeholder{width:64px;height:64px;border-radius:12px;object-fit:cover;display:block}.tgcp-website-state{display:inline-block;border-radius:999px;padding:5px 9px;font-weight:700;font-size:12px;line-height:1.2}.tgcp-website-state.is-visible{background:#dcfce7;color:#166534}.tgcp-website-state.is-waiting{background:#fef3c7;color:#92400e}.tgcp-website-state.is-hidden{background:#e5e7eb;color:#374151}.tgcp-website-state.is-error{background:#fee2e2;color:#991b1b}#tgcp-pet-register-table code{display:inline-block;margin-top:6px;font-size:11px;white-space:nowrap}
.tgcp-pet-editor-heading{display:flex;align-items:center;gap:20px;margin:18px 0 24px}.tgcp-pet-editor-heading .tgcp-record-photo{width:150px;height:150px;object-fit:cover;border-radius:18px;background:#eef2f4}.tgcp-pet-editor-heading h2{margin:5px 0}.tgcp-pet-profile-editor form{margin-top:24px;padding-top:22px;border-top:1px solid #e2e8f0}@media(max-width:600px){.tgcp-pet-editor-heading{align-items:flex-start}.tgcp-pet-editor-heading .tgcp-record-photo{width:105px;height:105px}}
.adoption-shell .pet-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:start}.adoption-shell .pet-card{position:relative;display:flex;width:auto;min-width:0;flex-direction:column;align-items:stretch;gap:10px;padding:10px;border:2px solid #dce3e7;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(21,36,46,.06);cursor:default}.adoption-shell .pet-card:has([name="animal_ids[]"]:checked){border-color:#3858e9;background:#f4f6ff;box-shadow:0 0 0 3px rgba(56,88,233,.12)}.adoption-shell .pet-card>div:first-child{display:block;min-width:0}.adoption-shell .pet-card>div:first-child>img,.adoption-shell .pet-card>div:first-child>.tgcp-photo-placeholder{display:block;width:100%;height:150px;aspect-ratio:auto;object-fit:cover;border-radius:11px;background:#edf1f3}.adoption-shell .pet-card>div:first-child>img{cursor:zoom-in}.adoption-shell .pet-card h3{margin:6px 0 5px;font-size:18px;line-height:1.25}.adoption-shell .pet-card p{margin:5px 0;padding:0;border:0;font-size:13px;line-height:1.45;color:#53616a}.adoption-shell .pet-card small{display:block;margin-top:7px;color:#66737b}.adoption-shell .sell-check{display:flex;width:auto;min-height:44px;align-items:center;gap:7px;padding:10px 11px;border-radius:10px;background:#f1f4f6;font-size:14px}.adoption-shell .sell-check>input{flex:0 0 23px;width:23px;height:23px;margin:0}.adoption-shell .sell-check>label{margin-left:auto}.adoption-shell .sell-check input[type=number]{width:78px;min-height:38px;margin:4px 0 0}.adoption-shell .tgcp-photo-open-hint{display:block;margin:-27px 7px 8px;padding:5px 8px;position:relative;border-radius:7px;background:rgba(17,24,39,.82);color:#fff;font-size:11px;font-weight:750;text-align:center;pointer-events:none}.adoption-shell .pet-card[data-entry-type="batch"]{grid-column:1/-1;display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);align-items:start}.adoption-shell .pet-card[data-entry-type="batch"]>.sell-check{display:block}.adoption-shell .tgcp-batch-sale-details{display:grid;gap:10px;margin-top:12px}.adoption-shell .tgcp-sale-animal-row{padding:12px;border:1px solid #d8dee3;border-radius:10px;background:#fff}.adoption-shell .tgcp-sale-animal-row h4{margin:0 0 9px}.adoption-shell .customer-pets{grid-template-columns:repeat(auto-fit,minmax(190px,260px));justify-content:center}.adoption-shell .customer-selected-pet{overflow:hidden;padding:9px!important}.adoption-shell .customer-selected-pet img,.adoption-shell .customer-selected-pet .tgcp-photo-placeholder{display:block;width:100%;height:170px;object-fit:cover;border-radius:9px;background:#edf1f3;cursor:zoom-in}.tgcp-pet-photo-dialog{width:min(920px,calc(100vw - 24px));max-width:none;padding:0;border:0;border-radius:18px;background:#111827;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.45)}.tgcp-pet-photo-dialog::backdrop{background:rgba(3,7,18,.84)}.tgcp-pet-photo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;background:#fff;color:#172033}.tgcp-pet-photo-dialog-head div{display:grid;gap:2px}.tgcp-pet-photo-dialog-head small{color:#667085}.tgcp-pet-photo-dialog>img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#111827}.tgcp-pet-photo-dialog .tgcp-close-pet-photo{margin:0;flex:0 0 auto}@media(max-width:620px){.adoption-shell .pet-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.adoption-shell .pet-card{padding:8px}.adoption-shell .pet-card>div:first-child>img,.adoption-shell .pet-card>div:first-child>.tgcp-photo-placeholder{height:120px}.adoption-shell .pet-card h3{font-size:15px}.adoption-shell .pet-card p{font-size:12px}.adoption-shell .sell-check{padding:9px;font-size:13px}.adoption-shell .pet-card[data-entry-type="batch"]{grid-template-columns:1fr}.tgcp-pet-photo-dialog-head{align-items:flex-start}.tgcp-pet-photo-dialog-head small{display:none}}@media(max-width:380px){.adoption-shell .pet-list{grid-template-columns:1fr}.adoption-shell .pet-card>div:first-child>img,.adoption-shell .pet-card>div:first-child>.tgcp-photo-placeholder{height:155px}}