.owner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.owner-stats .card:nth-child(odd){background:#f1e6ff}.owner-stats .card:nth-child(even){background:#ffe8f4}.owner-stats strong{display:block;overflow-wrap:anywhere}.today-list{display:grid;gap:12px;max-height:65vh;overflow:auto}.today-list summary{cursor:pointer;padding:16px;font-weight:650}.payment-status{font-weight:650;color:#723195}@media(max-width:720px){.owner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-stats .card{padding:14px}.today-list{max-height:none;overflow:visible}}

.compact-pet-search{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:12px 0}.compact-pet-search input{max-width:340px;min-width:0;margin:0}.pet-search-toggle{display:inline-grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid #e2d3ed;background:#f0e5fa;color:#6835a0}.magnifier{display:block;position:relative;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;margin:-4px 3px 0 0}.magnifier::after{content:'';position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(45deg);right:-6px;bottom:-3px;border-radius:2px}.pet-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.pet-tiles>.pet-tile{min-width:0;display:block;margin:0;padding:0;overflow:hidden;border:1px solid #e2d1f1;border-top:4px solid #b696d7;border-radius:20px;background:#f3eafb;box-shadow:0 4px 16px #67398a08}.pet-tiles>.pet-tile:nth-child(even){background:#fceaf3;border-color:#efd4e3;border-top-color:#d99ac0}.pet-tile-summary{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;padding:20px;min-height:178px;overflow-wrap:anywhere;outline-offset:-4px}.pet-tile-summary::-webkit-details-marker{display:none}.pet-tile-summary:focus-visible{outline:3px solid #995bbd}.tile-paw{display:grid;place-items:center;width:40px;height:40px;font-size:25px;background:#ffffff9c;border-radius:14px}.tile-name{font-size:21px;line-height:1.2;color:#513267}.tile-time{font-size:15px;font-weight:700;color:#7a4b94}.tile-service{font-size:12px;color:#735d7e}.pet-tile-summary .badge{font-size:11px;white-space:normal}.pet-tile-summary::after{content:'Ver detalhes';font-size:11px;color:#815993;margin-top:4px}.pet-tile details[open]>.pet-tile-summary::after,.pet-tile[open]>.pet-tile-summary::after{content:'Fechar detalhes'}.pet-tiles>.pet-tile.is-open,.pet-tiles>details[open]{grid-column:1/-1}.pet-tile-body{padding:0 20px 20px}.pet-tile-body .chips{gap:8px}.pet-tile[open]{padding:0 20px 20px}.pet-tile[open]>.pet-tile-summary{margin:0 -20px}.pet-tile-body .date-box{flex-wrap:wrap}.pet-tiles>[hidden],.compact-pet-search [hidden]{display:none!important}.today-list.pet-tiles{max-height:none;overflow:visible}
@media(max-width:1100px){.pet-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.pet-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pet-tile-summary{padding:15px;gap:7px;min-height:170px}.tile-name{font-size:19px}.tile-time{font-size:14px}.compact-pet-search input{flex:1;width:0;max-width:none}.pet-tile-body{padding:0 15px 15px}.pet-tile-body button{min-height:44px}.owner-stats .card:last-child strong{font-size:21px}}

/* Pet catalog: shelves that swipe horizontally, with poster-like covers. */
.pet-shelves{display:block;min-width:0}.pet-shelf{margin:22px 0 30px;min-width:0}.pet-shelf-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.pet-shelf-header h3{font-size:19px;letter-spacing:-.4px;margin:0;color:#4a2e62}.shelf-controls{display:flex;gap:6px}.shelf-controls[hidden]{display:none!important}.shelf-controls button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #dbc7ea;border-radius:50%;background:#eee1f8;color:#673d85;font-size:26px;line-height:1}.pet-carousel.pet-tiles{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:8px 4px 18px;scrollbar-width:thin;scrollbar-color:#c59edc transparent;max-width:100%;scroll-padding:4px}.pet-carousel.pet-tiles>.pet-tile{flex:0 0 190px;scroll-snap-align:start;transition:transform .18s ease,box-shadow .18s ease;border:0;border-radius:14px;background:#f6effc;box-shadow:0 5px 15px #42235418}.pet-carousel.pet-tiles>.pet-tile:hover{transform:translateY(-4px);box-shadow:0 10px 24px #4223542b}.pet-carousel.pet-tiles>.pet-tile.is-open,.pet-carousel.pet-tiles>details[open]{flex-basis:min(680px,85vw);transform:none}.pet-carousel .pet-tile-summary{min-height:250px;background:linear-gradient(155deg,#9b62cd 0%,#6d3999 50%,#352044 100%);color:#fff;padding:18px;gap:7px}.pet-carousel .pet-tile:nth-child(even) .pet-tile-summary{background:linear-gradient(150deg,#ce85ad 0%,#9b4e8a 48%,#42223e 100%)}.pet-carousel .tile-paw{width:100%;height:100px;place-items:center;background:radial-gradient(ellipse,#ffffff32,transparent 70%);font-size:65px;border-radius:30px;color:#fff;margin-bottom:4px;filter:drop-shadow(0 4px 10px #29103733)}.pet-carousel .tile-name{color:#fff;font-size:23px;font-weight:800;letter-spacing:-.6px}.pet-carousel .tile-time{color:#fff;font-size:16px}.pet-carousel .tile-service{color:#f4e5ff;font-size:12px}.pet-carousel .pet-tile-summary .badge{background:#fff1fc;color:#64345c;border:0;font-size:10px}.pet-carousel .pet-tile-summary::after{color:#eddbf8;font-size:11px}.pet-carousel .pet-tile-body{padding-top:20px}.pet-carousel .pet-tile[open]{background:#fbf6ff}.pet-carousel .pet-tile[open]>.pet-tile-summary{margin-bottom:20px}.pet-home .page-heading{padding-bottom:16px}.pet-home .today-list{max-height:none;overflow:visible}.pet-home .owner-stats{margin-bottom:26px}.pet-shelf[hidden]{display:none!important}
@media(max-width:720px){.pet-carousel.pet-tiles{gap:11px;margin-right:-10px;padding-right:18px}.pet-carousel.pet-tiles>.pet-tile{flex-basis:156px}.pet-carousel .pet-tile-summary{min-height:226px;padding:14px}.pet-carousel .tile-paw{height:88px;font-size:58px}.pet-carousel .tile-name{font-size:21px}.pet-carousel .tile-time{font-size:14px}.pet-carousel.pet-tiles>.pet-tile.is-open,.pet-carousel.pet-tiles>details[open]{flex-basis:calc(100vw - 68px)}.pet-shelf-header h3{font-size:18px}.shelf-controls button{width:32px;height:32px;min-height:32px}.pet-carousel .pet-tile-body{padding:16px}}
@media(prefers-reduced-motion:reduce){.pet-carousel.pet-tiles>.pet-tile{transition:none}}

/* Touch-first Pet screens; desktop keeps the catalog layout. */
.tutor-contact{overflow-wrap:anywhere;white-space:pre-line}.pet-carousel.pet-tiles>details.pet-tile[open]{padding:0 20px 20px}.pet-search-toggle{min-width:48px;min-height:48px}.pet-editor input,.pet-editor textarea{font-size:16px}.pet-editor input[type=tel]{letter-spacing:.3px}
@media(max-width:720px){.pet-home .page-heading{padding-top:22px}.pet-home .page-heading h1{font-size:27px}.owner-stats{gap:8px;margin-top:18px}.owner-stats .card{padding:12px;border-radius:16px}.owner-stats strong{font-size:24px;margin:5px 0}.owner-stats small{font-size:10px;letter-spacing:.4px}.pet-carousel.pet-tiles>.pet-tile{flex-basis:clamp(148px,42vw,180px)}.pet-carousel .pet-tile-summary{min-height:218px}.pet-carousel.pet-tiles>details.pet-tile[open]{padding:0 16px 16px}.pet-carousel.pet-tiles>details.pet-tile[open]>.pet-tile-summary{margin-left:-16px;margin-right:-16px}.pet-editor .form-grid{grid-template-columns:1fr}.pet-editor button,.pet-tile-body button{min-height:48px}.pet-editor textarea{min-height:96px}.pet-shelves{width:100%;min-width:0}.pet-carousel{touch-action:pan-x pan-y pinch-zoom}.compact-pet-search input{font-size:16px;min-height:48px}}
@media(max-width:720px){#content:has(.pet-shelves)>.stats:not(.owner-stats){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}#content:has(.pet-shelves)>.stats:not(.owner-stats) .card{padding:12px 9px}#content:has(.pet-shelves)>.stats:not(.owner-stats) small{font-size:10px;letter-spacing:.3px}#content:has(.pet-shelves)>.stats:not(.owner-stats) strong{font-size:24px;margin:7px 0}#content:has(.pet-shelves)>.card{padding:16px}#content:has(.pet-shelves) .page-heading h1{font-size:27px}}

/* The catalog is the home; a tap opens a dedicated pet sheet. */
body.pet-streaming-page{background:#fff7fc;color:#533265}body.pet-streaming-page main>header{border-color:#ead5ef;color:#745182}.pet-streaming{padding-bottom:90px;color:#533265}.pet-streaming h1,.pet-streaming h2,.pet-streaming h3{color:#4b2b61}.pet-streaming p{color:#795b85}.pet-streaming>.card,.pet-streaming .stats>.card{background:#fbf1ff;border-color:#e3c9ed}.pet-streaming .stats small{color:#775384}.pet-streaming .stats strong{color:#543267}.pet-streaming .owner-stats .card:nth-child(odd){background:#efe0fa}.pet-streaming .owner-stats .card:nth-child(even){background:#ffe1ef}.pet-streaming .pet-shelf-header h3{color:#543067}.pet-streaming .compact-pet-search input{background:#fff8fd;color:#543267;border-color:#d9b8e8}.pet-streaming .pet-search-toggle{background:#f2ddfa;border-color:#d5b1e4;color:#74458b}.pet-streaming .pet-carousel .pet-tile{box-shadow:0 7px 20px #0004}.pet-streaming .pet-carousel .tile-paw{opacity:.8}.pet-streaming>.page-heading{padding-top:24px}.pet-streaming>.page-heading p{font-size:13px}.pet-streaming .shelf-controls button{background:#f4e5fb;border-color:#d8b9e6;color:#704785}.pet-secondary-drawer{border:1px solid #dcc0e9;border-radius:14px;margin:20px 0;background:#fff8fd;color:#533265}.pet-secondary-drawer>summary{padding:17px;font-weight:700;cursor:pointer}.pet-secondary-drawer>.card{margin:0;border:0;background:transparent}.pet-secondary-drawer form label{color:#725281}
body:has(.pet-detail-dialog[open]){overflow:hidden}.pet-detail-dialog{position:fixed;inset:0;width:min(480px,calc(100vw - 28px));max-width:100vw;max-height:92vh;max-height:92dvh;margin:auto;padding:0;border:1px solid #ddbfeb;border-radius:22px;background:#fffafd;color:#4b2b61;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 28px 90px #0008}.pet-detail-dialog::backdrop{background:#4d285966}.pet-detail-dialog .pet-sheet-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:14px;height:auto;min-height:64px;padding:12px 18px;background:#fff5fc;border:0;border-bottom:1px solid #e6c9ee;color:#543267}.pet-sheet-header button{display:grid;place-items:center;flex:0 0 44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:#ecd4f6;border:1px solid #c9a0dc;color:#543267;font-size:24px}.pet-sheet-header h2{font-size:24px;margin:0;color:#543267;letter-spacing:-.5px}.pet-sheet-hero{display:grid;place-items:center;min-height:145px;background:radial-gradient(ellipse at 50% 25%,#f8b9de99,transparent 70%),linear-gradient(145deg,#e1c1f6,#fce1ef)}.pet-sheet-hero>span{font-size:64px;line-height:1.1}.pet-sheet-hero p{font-size:12px;color:#e1c9ed;margin:0 0 12px;letter-spacing:1px;text-transform:uppercase}.pet-sheet-content{padding:18px 18px 28px}.pet-detail-dialog .pet-tile-summary{display:none!important}.pet-detail-dialog .pet-tile,.pet-detail-dialog article,.pet-detail-dialog details,.pet-detail-dialog .pet-tile-body{display:block!important;width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;transform:none}.pet-detail-dialog .pet-tile-body>h3:first-child,.pet-detail-dialog .visit-title h3{font-size:20px;color:#543267}.pet-detail-dialog h3,.pet-detail-dialog h4{color:#543267;font-size:18px;margin:15px 0 10px}.pet-detail-dialog p,.pet-detail-dialog small{color:#70527e;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.pet-detail-dialog .badge{background:#ecd5f6;color:#6e3e86;font-size:12px}.pet-detail-dialog .date-box{background:#f5e7fc;border:1px solid #dbc0e9;border-radius:14px;padding:14px;color:#543267;display:flex;gap:12px;flex-wrap:wrap}.pet-detail-dialog .date-box b,.pet-detail-dialog .date-box strong{color:#543267}.pet-detail-dialog .payment-status{padding:12px;border-radius:12px;background:#f5e7fc;color:#704785}.pet-detail-dialog .tutor-contact-card{padding:16px;border:1px solid #d8b4e8;border-radius:17px;background:#ffeef7;margin:18px 0}.pet-detail-dialog .tutor-contact-card h3,.pet-detail-dialog .tutor-contact-card h4{margin-top:0}.pet-detail-dialog .tutor-contact{white-space:pre-line}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.contact-actions a,.contact-actions button{display:grid;place-items:center;min-height:48px;padding:12px;border-radius:12px;background:#68419a;color:#543267;text-decoration:none;border:1px solid #9971b6;font-size:14px;font-weight:700}.contact-actions a:last-child{background:#235e4a;border-color:#428d70}.contact-actions button:disabled{opacity:.65}.pet-detail-dialog button:not(.pet-sheet-header button){min-height:48px;background:#654093;border-color:#8b62b0;color:#543267;white-space:normal;border-radius:12px}.pet-detail-dialog .chips,.pet-detail-dialog .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pet-detail-dialog .chips button,.pet-detail-dialog .actions button{flex:1 1 45%}.pet-detail-dialog input,.pet-detail-dialog select,.pet-detail-dialog textarea{font-size:16px;min-height:48px;background:#fffafd;color:#543267;border:1px solid #d1abdf}.pet-detail-dialog label{color:#71507f}.pet-detail-dialog table{color:#70547c;font-size:12px}.pet-detail-dialog td,.pet-detail-dialog th{border-color:#e5cdec;padding:12px 8px}.pet-detail-dialog .pet-own-agenda{margin-top:20px;border-top:1px solid #e0c3ed;padding-top:4px}
@media(max-width:720px){.pet-detail-dialog{width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100vw;inset:0;margin:0;border:0;border-radius:0}.pet-sheet-content{padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.pet-detail-dialog .pet-sheet-header{padding-top:calc(10px + env(safe-area-inset-top))}.pet-sheet-hero{min-height:130px}.pet-streaming .owner-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.pet-streaming .owner-stats .card{padding:10px 7px;min-width:0}.pet-streaming .owner-stats strong{font-size:18px;line-height:1.2;margin:5px 0}.pet-streaming .owner-stats small{font-size:9px;letter-spacing:0;line-height:1.2;display:block}.pet-streaming .owner-stats .card:last-child strong{font-size:13px}.pet-streaming.pet-home>.chips{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;gap:8px;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff5fc;border-top:1px solid #e1c1eb}.pet-streaming.pet-home>.chips button{flex:1;min-height:46px;color:#68407d;background:#f1ddfa;border-color:#cfabdf}.pet-streaming>.page-heading h1{font-size:25px}.pet-streaming>.muted{font-size:10px;line-height:1.4;margin:8px 0 16px}.pet-streaming .pet-carousel .pet-tile-summary{min-height:210px}.pet-streaming .pet-shelf{margin:14px 0 24px}.pet-streaming .compact-pet-search{margin:6px 0}.pet-streaming .pet-carousel{padding-bottom:10px}}
.pet-sheet-status{position:sticky;bottom:0;margin:0!important;padding:0 18px;background:#f1dff9;color:#66407b!important;font-size:13px!important}.pet-sheet-status:not(:empty){padding:12px 18px}.pet-sheet-content .contact-name{font-size:16px;color:#543267;font-weight:650}
.pet-streaming .pet-editor label{color:#755082}.pet-streaming .pet-editor input,.pet-streaming .pet-editor select,.pet-streaming .pet-editor textarea{font-size:16px;min-height:48px;background:#fffafd;color:#543267;border-color:#cfadde}.pet-streaming .pet-editor .primary{background:#7548a4;color:#543267;border-color:#9666ba}

.visit-message label{display:block;margin:14px 0}.visit-message textarea,.visit-message select{display:block;width:100%;font-size:16px;min-height:48px;padding:12px;border:1px solid #bca4d0;border-radius:12px;background:#fff;color:#20152e}.whatsapp-draft-link{display:block;padding:16px;background:#265b3a;color:#fff!important;text-align:center;border-radius:12px;font-weight:700}.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.service-editor .chips{max-height:240px;overflow:auto}.visit-message p{font-size:14px;line-height:1.6}

.company-logo{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff;margin-right:10px}.company-logo-preview{display:block;max-width:160px;max-height:120px;object-fit:contain;background:#fff;border-radius:12px;margin:16px 0}.company-logo-preview[hidden]{display:none}

/* Paleta Pet: rosa, roxo e lilás; superfícies suaves e texto com contraste. */
.pet-detail-dialog button:not(.pet-sheet-header button),.contact-actions a,.contact-actions button,.pet-streaming .pet-editor .primary{color:#fff}.pet-detail-dialog .pet-sheet-header{background:#fff5fc}.pet-detail-dialog .pet-sheet-header button{color:#684081}.pet-sheet-hero p{color:#774b8e}.pet-sheet-content .contact-name{color:#59346d}.pet-streaming .stats strong{color:#59326f}.pet-streaming .pet-carousel .pet-tile{box-shadow:0 7px 20px #714a8520}.pet-sheet-status{color:#66407b!important}.pet-streaming.pet-home>.chips button{color:#67417c}

.service-choices{border:1px solid #dec3ed;border-radius:14px;margin:16px 0;padding:12px}.service-choices label{display:flex;align-items:center;gap:10px;margin:8px 0;min-height:44px}.service-choices input{width:22px!important;min-height:22px!important;height:22px;flex:0 0 22px;accent-color:#8644aa}.service-change-form{padding:14px 0}.service-change-form button{margin:8px 6px 0 0}

.pet-cover{width:100%;height:140px;object-fit:cover;border-radius:16px}.pet-cover[hidden]{display:none!important}.pet-secondary-drawer label[hidden]{display:none!important}.pet-sheet-hero.has-photo{padding:0}.pet-sheet-hero.has-photo>span,.pet-sheet-hero.has-photo>p{display:none}.pet-sheet-cover{width:100%;height:220px;object-fit:cover;display:block}
