/* /Pages/Dashboard/Products/PimSheet.razor.rz.scp.css */
/* ====================================================================
   PIM SHEET — Scoped CSS (minimal — Tailwind handles 95% of styling)
   Only: state transitions, scrollbar, SEO preview, toggle positioning
   ==================================================================== */

/* === SCROLL BODY STATE TRANSITIONS === */
.scroll-body[b-plj9db5n6l] {
    transition: flex 400ms cubic-bezier(.4,0,.2,1), padding 400ms, opacity 400ms;
}
.scroll-body.st-collapsed[b-plj9db5n6l] { flex: 1 1 100%; }
.scroll-body.st-side[b-plj9db5n6l] { flex: 0 0 58%; }
.scroll-body.st-full[b-plj9db5n6l] { flex: 0 0 0%; padding: 0 !important; opacity: 0; overflow: hidden; pointer-events: none; }

/* === ANALYTICS SIDEBAR STATE TRANSITIONS === */
.analytics-sidebar[b-plj9db5n6l] {
    transition: width 400ms cubic-bezier(.4,0,.2,1), opacity 400ms;
}
.analytics-sidebar.st-closed[b-plj9db5n6l] { width: 0; opacity: 0; }
.analytics-sidebar.st-side[b-plj9db5n6l] { width: 42%; opacity: 1; overflow-y: auto; overflow-x: hidden; }
.analytics-sidebar.st-full[b-plj9db5n6l] { width: 100%; opacity: 1; overflow-y: auto; overflow-x: hidden; border-left: none; }

/* === SIDEBAR STRIP HIDDEN === */
.strip-hidden[b-plj9db5n6l] { width: 0 !important; border: none !important; padding: 0 !important; opacity: 0; pointer-events: none; }

/* === SECTION COLLAPSE === */
.section-collapsed .section-body-inner[b-plj9db5n6l] { display: none; }

/* === TOGGLE SWITCH === */
.toggle-knob[b-plj9db5n6l] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    transition: transform 200ms;
}
.toggle-on .toggle-knob[b-plj9db5n6l] { transform: translateX(16px); }

/* === SEO GOOGLE PREVIEW === */
.seo-title[b-plj9db5n6l] { color: #1a0dab; font-size: 16px; font-weight: 600; text-decoration: underline; line-height: 1.3; margin-bottom: 2px; font-family: Arial, sans-serif; }
.seo-url[b-plj9db5n6l] { color: #006621; font-size: 13px; font-family: Arial, sans-serif; margin-bottom: 3px; }
.seo-desc[b-plj9db5n6l] { color: #545454; font-size: 13px; line-height: 1.4; font-family: Arial, sans-serif; }

/* === CUSTOM SCROLLBAR === */
.pim-scroll[b-plj9db5n6l]::-webkit-scrollbar { width: 5px; }
.pim-scroll[b-plj9db5n6l]::-webkit-scrollbar-track { background: transparent; }
.pim-scroll[b-plj9db5n6l]::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 3px; }
.pim-scroll[b-plj9db5n6l]::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* === SELECT CARET === */
select.fi-select[b-plj9db5n6l] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 28px !important;
}