.oo-skeleton{display:block;background:#e9eaec;border-radius:9px;min-width:0;pointer-events:none;animation:oo-pulse 1.8s ease-in-out infinite;width:100%;height:16px}.oo-line{max-width:280px}.oo-short{width:60%;max-width:150px;height:12px}.oo-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.oo-image{width:105px;height:115px;flex-shrink:0;border-radius:12px}.oo-field{height:44px}.oo-skeleton-row{display:flex;align-items:center;gap:16px;min-height:100px;padding:20px;border-bottom:1px solid #ececec}.oo-skeleton-row>div{flex:1;min-width:0;display:grid;gap:12px}.oo-loading-layout{width:100%}.oo-loading-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.oo-cards-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oo-cards-layout .oo-skeleton-row{background:white;border:1px solid #ececec;border-radius:16px;min-height:165px}.oo-form-layout .oo-skeleton-row{display:grid;border:0;padding:12px 0}.oo-inline{display:inline-block;vertical-align:middle;width:100px}.oo-hero-placeholder{height:260px;background:#e9eaec;border-radius:22px}.oo-error{padding:20px}html[data-oo-boot] .logo,html[data-oo-boot] .branch b,html[data-oo-boot] .branch .avatar,html[data-oo-boot] .ai-header small{color:transparent!important;background:#e9eaec;border-radius:9px}html[data-oo-boot] .branch .avatar{border-radius:50%}html[data-oo-boot] .shell{pointer-events:none}html[data-oo-boot] footer{visibility:hidden}html[data-oo-boot] .user>div:not(.avatar){visibility:hidden}
@keyframes oo-pulse{0%,100%{opacity:1}50%{opacity:.65}}
@media(max-width:800px){.oo-cards-layout{grid-template-columns:1fr}.oo-skeleton-row{padding:16px;gap:10px}.oo-list-layout .oo-skeleton-row{flex-wrap:wrap}.oo-hero-placeholder{height:220px;border-radius:0}}
@media(prefers-reduced-motion:reduce){.oo-skeleton{animation:none}}

.oo-cover-placeholder{padding:0!important;width:42%!important;min-height:260px;background:#e9eaec;flex-shrink:0;border-radius:0}.oo-cover-placeholder[hidden]{display:none!important}html[data-oo-boot] .logo{min-width:180px;min-height:40px}html[data-oo-boot] .branch b{display:block;width:135px;height:20px}html[data-oo-boot] .ai-header small{min-width:150px;min-height:14px}html[data-oo-boot] .branch .avatar{pointer-events:none}html[data-oo-boot] #tabs{min-height:44px}html[data-oo-boot] .user .avatar{color:transparent;background:#e9eaec}@media(max-width:800px){.oo-cover-placeholder{width:35%!important;min-height:220px}}

.oo-stores-layout{background:white;border:1px solid #ececec;border-radius:16px;overflow:hidden}.oo-stores-layout .oo-skeleton-row{display:grid;grid-template-columns:48px minmax(150px,2fr) minmax(120px,1.4fr) 110px 110px;min-height:94px;padding:23px;gap:15px}.oo-orders-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oo-skeleton-order{background:white;border:1px solid #ececec;border-radius:16px;padding:20px;display:grid;gap:16px;min-height:310px}.oo-order-lines{display:grid;gap:16px;margin:12px 0}.oo-tabs-layout{display:flex;gap:8px;align-items:center;min-height:54px;width:100%}.oo-tabs-layout>.oo-field{width:100px;flex:1;max-width:160px;border-radius:24px;height:38px}.hero[data-oo-loading]{background:#f0f0f0!important}.hero[data-oo-loading] h1 .oo-skeleton{height:52px}.hero[data-oo-loading] #info{min-height:40px}.customer-account-button:disabled{min-width:100px;border-color:#e9eaec!important;background:#e9eaec!important}.customer-account-button:disabled .oo-short{width:100%}html[data-oo-boot] #merchantAvailability{display:none}html[data-oo-boot] .branch .avatar{animation:oo-pulse 1.8s ease-in-out infinite}
@media(max-width:800px){.oo-stores-layout .oo-skeleton-row{grid-template-columns:48px minmax(0,1fr) 65px;gap:12px;padding:18px}.oo-stores-layout .oo-skeleton-row>div:nth-child(3){grid-column:2}.oo-stores-layout .oo-skeleton-row>.oo-short:last-child{grid-column:3}.oo-orders-layout{grid-template-columns:1fr}.hero[data-oo-loading] h1 .oo-skeleton{height:32px}#tabs>.oo-tabs-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;width:100%;gap:6px}.oo-tabs-layout>.oo-field{width:100%;max-width:none}#tabs>.oo-tabs-layout>.oo-field:first-of-type{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){html[data-oo-boot] .branch .avatar{animation:none}}