/* Less whitespace, while preserving readable fields and primary touch targets. */
.section-title{margin:14px 0 7px!important}
.empty-state{padding:16px!important}.empty-state p{margin-bottom:9px}.empty-state-icon{margin-bottom:4px}
.pet-profile-section{margin:8px 0}.pet-profile-section>summary{padding:12px 15px}
.pet-profile-toolbar{margin:9px 0}.pet-weekly-card{margin:10px 0;padding:13px;gap:10px}
.pet-weekly-card strong{font-size:15px}.pet-weekly-card p{line-height:1.4}
.pet-add-choice{padding:10px;gap:9px}.pet-add-options{gap:6px}
@media(max-width:700px){
    .header,html[data-theme="dark"] .header{padding:calc(env(safe-area-inset-top) + 4px) 12px 4px!important}
    .header .logo img,.header .pk-brand img{height:42px!important;width:auto!important;object-fit:contain}
    .header .icon-button{width:40px!important;height:40px!important}
    .header .header-row{min-height:44px}
    .content{padding:8px 12px 12px!important}
    #app{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
    h1{font-size:23px}h2{font-size:18px}h3{font-size:15px}
    .pk-page-head{margin:0 0 8px;gap:8px}.pk-page-head p{margin:2px 0 0;font-size:12px}
    .card{padding:10px!important;margin-bottom:7px!important;border-radius:14px!important}
    .entry{padding:9px!important;margin-bottom:6px!important}.entry p{margin:6px 0}
    .section-title{margin:11px 0 6px!important;gap:7px!important}
    .button{min-height:42px;padding:0 10px!important}.button.small-button{min-height:38px}
    input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;min-height:42px;padding:8px 10px!important;margin-top:3px!important;margin-bottom:7px!important}
    textarea{min-height:64px!important}label{font-size:12px!important}
    .modal-bg{padding:6px!important}
    .modal,html[data-theme="dark"] .modal{padding:13px!important;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:17px!important}
    .modal>h2:first-of-type{margin:0 0 9px;padding-right:42px}.modal>p{margin:6px 0 10px}
    .modal .close{height:40px!important;width:40px!important}
    .empty-state{padding:12px 10px!important;min-height:0!important;text-align:left}
    .empty-state-icon{display:none}.empty-state h3{margin:0 0 4px;font-size:14px}.empty-state p{margin:0 0 7px;max-width:none;font-size:12px;line-height:1.4}
    .empty-state p:last-child{margin-bottom:0}.empty-state .button{min-height:38px}
    .pk-today-summary{padding:10px 12px;margin-bottom:7px;border-radius:14px}
    .pk-today-summary h1{font-size:21px}.pk-open-count strong{font-size:27px}.pk-progress-row{margin-top:8px}
    .today-toolbar{margin:6px 0!important}.pk-segmented{padding:2px}.today-toolbar .chip-button{min-height:36px}
    .pk-action-grid{margin:6px 0 10px;gap:5px}.pk-quick{min-height:50px;padding:5px 3px;gap:3px;font-size:11px}
    .pk-quick-icon,.pk-quick-icon svg{width:18px;height:18px}
    .pk-today-section-head{margin:11px 0 6px}.pk-today-section-head h2{font-size:17px}
    .task-card{padding:8px 9px!important;min-height:52px}.task-main{gap:7px!important}.task-list{gap:5px!important}
    .task-card .animal-avatar{height:36px!important;width:36px!important;font-size:21px!important}
    .animal-card{padding:9px!important;min-height:68px}.animal-avatar{width:40px!important;height:40px!important}.animal-left{gap:8px!important}
    .pk-animal-meta{margin-top:2px}.pk-animal-health{margin-top:3px}.weight{font-size:16px!important}
    .pk-back{margin-bottom:6px;min-height:36px!important}
    .pk-profile-card{padding:10px!important}.pk-profile-top{gap:9px}
    .pk-profile-top .profile-photo{width:48px!important;height:48px!important;border-radius:13px!important;font-size:27px!important}
    .pk-profile-copy h1{font-size:23px;margin-bottom:2px}.pk-profile-sub{font-size:12px}
    .pk-meta-row{gap:4px;margin-top:5px}.pk-meta-chip{padding:3px 6px;font-size:11px}
    .pk-profile-notes{gap:4px;margin-top:7px}.pk-profile-note{padding:6px 8px;font-size:12px;overflow-wrap:anywhere}
    .pet-profile-toolbar{margin:7px 0;gap:6px;flex-wrap:nowrap}.pet-profile-tools{gap:5px;flex-wrap:nowrap}
    .pet-profile-toolbar>.button{flex:1}.pet-profile-tools .button{padding:0 8px!important}
    .pk-animal-tabs{margin:8px 0;padding:3px;top:calc(52px + env(safe-area-inset-top));border-radius:12px}
    .pk-animal-tab{min-height:40px;font-size:12px}.pet-profile-section>summary{padding:10px 12px;min-height:54px}
    .pet-profile-section>summary .small{margin-top:2px;font-size:12px!important}.pet-section-body{padding:0 8px 4px}
    .pet-section-body>.card{border:0!important;padding:5px 0!important;margin-bottom:2px!important}
    .pet-weekly-card{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0;padding:10px 12px;align-items:center}
    .pet-weekly-icon{display:none}.pet-weekly-card>div:nth-child(2){min-width:0}
    .pet-weekly-card strong{font-size:14px;margin:3px 0}.pet-weekly-card p{font-size:12px!important;margin:3px 0 0;line-height:1.4}
    .pet-weekly-card>.button{width:auto;margin:0;max-width:128px;min-height:42px}
    .pk-animal-overview-grid{margin:6px 0;gap:6px}.pk-animal-overview-stat{padding:10px;border-radius:12px}
    .pet-stat-link{margin-top:5px}.pet-next-appointment{gap:8px}.pet-next-appointment .small{margin-top:3px}
    .stat-grid{margin:7px 0 9px!important}.stat-card{padding:8px!important}.stat-card strong{font-size:18px!important}
    .notice,.emergency-banner{padding:10px!important;margin-bottom:8px!important}
    .contact-actions{gap:5px}.pet-add-choice{padding:9px;gap:7px}.pet-add-choice strong{font-size:13px}.pet-add-choice span span{font-size:12px;margin-top:3px}
    .pet-add-choice>svg{display:none}.pet-add-icon{flex-shrink:0}.pet-add-icon svg{width:17px;height:17px}
}
@media(min-width:360px) and (max-width:700px){.pet-add-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-add-choice{align-items:flex-start}.pet-add-icon{padding-top:2px}}
@media(max-width:359px){.pet-profile-toolbar{flex-wrap:wrap}.pet-profile-tools{flex:1}.pet-profile-tools .button{flex:1}.pet-weekly-card{grid-template-columns:1fr}.pet-weekly-card>.button{max-width:none;width:100%}}