/* Patiyiz - compact onboarding / pet center / store clarity / story editor */
#main-content .pati-progress-compact{display:block;max-width:800px;margin:8px auto 12px;padding:11px 13px;border-radius:15px;border:1px solid #e8e8eb;background:#fff;box-shadow:none}
#main-content .pati-progress-compact>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:39px}
#main-content .pati-progress-compact>summary::-webkit-details-marker{display:none}
#main-content .pati-progress-compact .pati-progress-flag{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#1c1e23;color:#fff;flex:none}
#main-content .pati-progress-compact .pati-progress-top strong{font-size:13px;font-weight:800}
#main-content .pati-progress-compact .pati-progress-top p{margin:3px 0 0;font-size:11px;line-height:1.45;color:#666}
#main-content .pati-progress-compact .pati-progress-count{margin-left:auto;font-size:11px;font-weight:800}
#main-content .pati-progress-compact>.pati-progress-track{height:5px;overflow:hidden;border-radius:20px;margin:9px 0 0;background:#ececee}
#main-content .pati-progress-compact>.pati-progress-track>div{height:100%;border-radius:20px}
#main-content .pati-progress-compact:not([open])>.pati-progress-actions,
#main-content .pati-progress-compact:not([open])>.pati-progress-optional{display:none!important}
#main-content .pati-progress-compact[open] .pati-progress-actions{display:grid;gap:6px;margin-top:12px}
#main-content .pati-progress-compact .pati-progress-action{min-height:48px}
#main-content .pati-progress-optional{font-size:11px;color:#777;margin:10px 0 0}
#main-content .pati-progress-optional button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;padding:2px;font-size:inherit;font-weight:750}
#main-content .pati-pet-center-head{max-width:1050px;margin:4px auto 17px;padding:18px 18px 16px;border-radius:20px;border:1px solid #ececf0;background:linear-gradient(150deg,#fff,#f7f7f8)}
#main-content .pati-pet-center-intro small{font-size:10px;font-weight:850;letter-spacing:.12em;color:#7e7f87}
#main-content .pati-pet-center-intro h1{font-size:27px;margin:6px 0 5px;letter-spacing:-.05em;color:#202125}
#main-content .pati-pet-center-intro p{font-size:12px;color:#707079;margin:0 0 14px}
#main-content .pati-pet-center-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
#main-content .pati-pet-center-tabs::-webkit-scrollbar{display:none}
#main-content .pati-pet-center-tabs button{flex:1;min-width:max-content;padding:11px 13px;border:1px solid #e4e5e9;background:white;border-radius:12px;color:#46484f;font-weight:800;font-size:12px;cursor:pointer}
#main-content .pati-pet-center-tabs button.active{background:#1e1f23;color:#fff;border-color:#1e1f23}
#main-content .pati-pet-center-tabs button:focus-visible{outline:3px solid #878a96;outline-offset:2px}
#main-content .pati-shop-stock-state{display:inline-flex;align-self:flex-start;align-items:center;min-height:26px;gap:6px;font-size:11px;font-weight:800;border-radius:50px;padding:5px 9px}
#main-content .pati-shop-stock-state.is-out{background:#fae9e8;color:#ac2924}
#main-content .pati-shop-stock-state.is-low{background:#fff1d9;color:#8a5809}
#main-content .pati-shop-stock-state.is-pending{background:#e8ebf7;color:#4d518d}
#main-content .pati-shop-stock-state.is-available{background:#e3f2e8;color:#296944}
#main-content .pati-shop-card-bottom button:disabled{background:#777a81!important;cursor:not-allowed;opacity:.6}
#story-form .pati-story-quick-media .pati-story-quick-buttons{order:0}
#story-form .pati-story-quick-extras{margin-top:12px}
#story-form .pati-story-quick-preview:not([hidden]){box-shadow:0 8px 22px #0002}
html[data-pati-theme="dark"] #main-content .pati-progress-compact,
html[data-pati-theme="dark"] #main-content .pati-pet-center-head{background:#25262a;color:#f8f8fa;border-color:#393b42}
html[data-pati-theme="dark"] #main-content .pati-pet-center-intro h1{color:#f8f8fa}
html[data-pati-theme="dark"] #main-content .pati-pet-center-tabs button:not(.active){background:#292b31;color:#e5e5e5;border-color:#42444a}
@media(max-width:620px){
 #main-content .pati-progress-compact{margin:6px 10px 9px;padding:9px 11px}
 #main-content .pati-pet-center-head{padding:14px 12px;margin:0 9px 12px;border-radius:15px}
 #main-content .pati-pet-center-intro h1{font-size:23px}
 #main-content .pati-pet-center-tabs button{font-size:11px;padding:10px 11px}
}