/* Minimal stylesheet fallback for Konbini Inventory App */

/* Hide native number input spinners */
.cart-edit-qty-input::-webkit-outer-spin-button,
.cart-edit-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cart-edit-qty-input {
    -moz-appearance: textfield;
}
html,body{
    height:100%;
    margin:0;
    padding:0;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}
.hidden{display:none;}
.no-scrollbar::-webkit-scrollbar{display:none;}
.bg-gray-50{background-color:#F9FAFB;}
.bg-white{background-color:#ffffff;}
.text-gray-800{color:#1f2937;}
.rounded-xl{border-radius:0.75rem;}
.shadow{box-shadow:0 1px 2px rgba(0,0,0,0.05);}


/* Pinned action cart: dedicated product frame + always-visible cart on desktop */
@media (min-width:1024px) {
    body.cart-persistent-mode #inventoryWorkspace{
        flex-direction:row;
    }
    body.cart-persistent-mode #mainContent{
        flex:1 1 0%;
        min-width:0;
        background-color:#f3f4f6;
        border-right:1px solid #e5e7eb;
    }
    body.cart-persistent-mode #rightPanel.cart-persistent-docked{
        position:relative !important;
        top:auto;
        bottom:auto;
        left:auto;
        right:auto;
        transform:none !important;
        transition:none;
        height:100%;
        max-height:100%;
        flex-shrink:0;
        z-index:10;
        box-shadow:-2px 0 8px rgba(0,0,0,0.06);
    }
    body.cart-persistent-mode #view-inventory{
        padding-bottom:1rem;
    }
}

/* Accordion chevron rotation when <details> is open */
details[open] > summary .details-chevron {
    transform: rotate(90deg);
}

/* Horizontal cart layout for mobile landscape (small phones only) */
@media (max-width:1023px) and (max-height:500px) {
    #rightPanel.cart-fullscreen-horizontal{
        left:0;
        right:0;
        width:100%;
    }
    #rightPanel.cart-fullscreen-horizontal .cart-layout{
        flex-direction:row;
        min-height:0;
    }
    #rightPanel.cart-fullscreen-horizontal .cart-layout-items{
        flex:2;
        border-right:1px solid #e5e7eb;
    }
    #rightPanel.cart-fullscreen-horizontal .cart-layout-actions{
        flex:1;
        border-top:none;
        overflow-y:auto;
        min-height:0;
    }

    /* Product modal: side-by-side layout in phone landscape */
    #productModal .modal-content-responsive{
        flex-direction:row;
        border-radius:1rem;
    }
    #productModal .modal-content-responsive > div{
        width:50%;
    }
    #productModal .modal-content-responsive .hidden.lg\:flex{
        display:flex;
    }
    #productModal .modal-content-responsive > div:first-of-type{
        border-bottom:none;
        border-right:1px solid #e5e7eb;
    }
}