/*
 * purchase-orders-form.css
 * CSS extraído desde resources/views/purchase-orders/form.blade.php
 * Mantiene el diseño existente, pero lo saca del Blade para avanzar hacia Design System global.
 */


/* PURCHASE_ORDERS_FORM_EXTRACTED_INLINE_CSS_START */


/* INLINE_BLOCK_1_START */
.purchase-quick-helper {
        background:#fff8e8;
        border:1px solid #ead49a;
        border-radius:14px;
        padding:12px 14px;
        margin-bottom:14px;
        color:#5f5244;
    }

    .purchase-quick-helper strong {
        color:#2d2926;
    }

    .purchase-compact-hidden {
        display:none !important;
    }

    .purchase-advanced-details {
        margin:14px 0;
        border:1px solid var(--border);
        border-radius:16px;
        background:#fbf7ef;
        padding:10px 12px;
    }

    .purchase-advanced-details summary {
        cursor:pointer;
        font-weight:850;
        color:#4b423a;
    }

    .purchase-advanced-details > *:not(summary) {
        margin-top:12px;
    }

    .line-card {
        padding:14px !important;
    }

    .line-card-header {
        margin-bottom:10px !important;
    }

    .purchase-line-advanced {
        margin-top:10px;
        border:1px solid rgba(0,0,0,.08);
        border-radius:14px;
        padding:10px;
        background:#fbf7ef;
    }

    .purchase-line-advanced summary {
        cursor:pointer;
        font-size:13px;
        font-weight:850;
        color:#6d6258;
    }

    .line-total,
    .totals-card {
        display:none;
    }

    .purchase-item-search {
        font-size:16px;
        min-height:44px;
    }

    .line-quantity {
        font-size:16px;
        min-height:44px;
    }

    @media (max-width: 760px) {
        .grid.two,
        .grid.three,
        .grid.four {
            grid-template-columns:1fr !important;
        }
    }
/* INLINE_BLOCK_1_END */

/* INLINE_BLOCK_2_START */
.purchase-line-manual-details {
        border: 1px dashed rgba(0,0,0,.16);
        border-radius: 14px;
        padding: 10px 12px;
        background: #fbf7ef;
    }

    .purchase-line-manual-details summary {
        cursor: pointer;
        font-size: 13px;
        font-weight: 850;
        color: #7a6b5d;
    }

    .purchase-line-manual-details label {
        margin-top: 10px;
    }

    .purchase-item-primary-grid,
    .line-card .grid.two:first-of-type {
        align-items: start;
    }
/* INLINE_BLOCK_2_END */

/* INLINE_BLOCK_3_START */
#add-line-button,
    .line-card-header {
        display: none !important;
    }

    .line-card {
        margin-top: 0 !important;
    }
/* INLINE_BLOCK_3_END */

/* INLINE_BLOCK_4_START */
.purchase-supplier-filter{
    margin:0 0 12px 0!important;
}

.purchase-supplier-filter label{
    display:block!important;
    margin:0!important;
}

.purchase-supplier-filter select{
    width:100%!important;
}

.section-header{
    margin-bottom:10px!important;
}

.line-card.compact-row-active{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 64px 38px!important;
    gap:8px!important;
    align-items:center!important;
    padding:8px!important;
    margin:0 0 8px 0!important;
    border-radius:14px!important;
    background:#fffdf8!important;
    box-shadow:none!important;
}

.line-card.compact-row-active .line-card-header{
    display:contents!important;
}

.line-card.compact-row-active .line-card-header strong{
    display:none!important;
}

.line-card.compact-row-active .grid.two{
    display:contents!important;
}

.line-card.compact-row-active label{
    margin:0!important;
}

.line-card.compact-row-active label:has(.purchase-item-search){
    grid-column:1!important;
    min-width:0!important;
    font-size:0!important;
}

.line-card.compact-row-active .purchase-item-search{
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
    padding:0 12px!important;
    font-size:14px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    background:#fff!important;
    pointer-events:none!important;
}

.line-card.compact-row-active label:has(.line-quantity){
    grid-column:2!important;
    font-size:0!important;
}

.line-card.compact-row-active .line-quantity{
    width:64px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
    padding:0 8px!important;
    text-align:center!important;
    font-size:15px!important;
    font-weight:850!important;
    background:#fff!important;
}

.line-card.compact-row-active .remove-line-button{
    grid-column:3!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:999px!important;
    padding:0!important;
    margin:0!important;
    font-size:0!important;
    background:#fff!important;
    color:#b84a45!important;
}

.line-card.compact-row-active .remove-line-button::after{
    content:"×";
    font-size:24px;
    line-height:1;
    font-weight:900;
}

.line-card.compact-row-active small,
.line-card.compact-row-active .muted,
.line-card.compact-row-active label:has(.line-notes),
.line-card.compact-row-active .purchase-line-manual-details,
.line-card.compact-row-active .purchase-line-advanced,
.line-card.compact-row-active .line-total{
    display:none!important;
}
/* INLINE_BLOCK_4_END */

/* INLINE_BLOCK_5_START */
.line-card.compact-row-active{
    grid-template-columns:minmax(0,1fr) 64px 38px!important;
    align-items:center!important;
}

.line-card.compact-row-active .line-card-header{
    display:contents!important;
}

.line-card.compact-row-active .line-card-header strong{
    display:none!important;
}

.line-card.compact-row-active .remove-line-button{
    display:flex!important;
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
    font-size:0!important;
    background:#fff!important;
    border:1px solid #edd1cd!important;
    color:#b84a45!important;
}

.line-card.compact-row-active .remove-line-button::after{
    content:"×";
    font-size:24px;
    line-height:1;
    font-weight:900;
}

.line-card.compact-row-active label:has(.purchase-item-search){
    grid-column:1!important;
    grid-row:1!important;
}

.line-card.compact-row-active label:has(.line-quantity){
    grid-column:2!important;
    grid-row:1!important;
}

.line-card.compact-row-active .purchase-item-search{
    pointer-events:none!important;
    cursor:default!important;
}
/* INLINE_BLOCK_5_END */

/* INLINE_BLOCK_6_START */
.purchase-line-manual-details{
    margin-top:10px!important;
}

.purchase-line-manual-details summary{
    font-weight:850!important;
}

.purchase-line-manual-details .grouped-new-article-fields{
    margin-top:12px!important;
}

.purchase-line-advanced.grouped-into-new-article{
    display:none!important;
}

.grouped-new-article-help{
    margin:8px 0 10px 0!important;
    font-size:13px!important;
    color:#7a6b5d!important;
    line-height:1.35!important;
}

.line-card.compact-row-active .purchase-line-manual-details{
    display:none!important;
}
/* INLINE_BLOCK_6_END */

/* INLINE_BLOCK_7_START */
.line-card:not(.compact-row-active) .purchase-line-manual-details {
        margin-top: 14px !important;
    }
/* INLINE_BLOCK_7_END */

/* INLINE_BLOCK_8_START */
.new-article-supplier-inline{
    margin:12px 0!important;
}

.new-article-supplier-inline label{
    display:block!important;
    margin:0!important;
    font-weight:800!important;
}

.new-article-supplier-inline select{
    width:100%!important;
    margin-top:6px!important;
}

.new-article-supplier-inline small{
    display:block!important;
    margin-top:6px!important;
    font-size:12px!important;
    opacity:.72!important;
}
/* INLINE_BLOCK_8_END */

/* INLINE_BLOCK_9_START */
:root{
    --sq-black:#1f1f1f;
    --sq-text:#1f1f1f;
    --sq-muted:#6f6f6f;
    --sq-border:#d9d9d9;
    --sq-bg:#f7f7f7;
    --sq-card:#ffffff;
    --sq-radius:14px;
}

body{
    background:var(--sq-bg)!important;
    color:var(--sq-text)!important;
}

form,
.card,
.panel,
.section,
.purchase-card{
    background:var(--sq-card)!important;
    border:1px solid var(--sq-border)!important;
    border-radius:18px!important;
    box-shadow:none!important;
}

input,
select,
textarea{
    border:1px solid var(--sq-border)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--sq-text)!important;
    box-shadow:none!important;
    min-height:44px!important;
    font-size:15px!important;
}

input:focus,
select:focus,
textarea:focus{
    outline:none!important;
    border-color:var(--sq-black)!important;
    box-shadow:0 0 0 2px rgba(31,31,31,.08)!important;
}

label{
    color:var(--sq-text)!important;
    font-weight:650!important;
}

small,
.muted,
.text-muted,
.section-header p{
    color:var(--sq-muted)!important;
}

button,
.button,
.btn{
    border-radius:999px!important;
    box-shadow:none!important;
    font-weight:750!important;
}

.button:not(.secondary):not(.danger),
.btn-primary,
button[type="submit"]{
    background:var(--sq-black)!important;
    border-color:var(--sq-black)!important;
    color:#fff!important;
}

.button.secondary,
.btn-secondary{
    background:#fff!important;
    border:1px solid var(--sq-border)!important;
    color:var(--sq-black)!important;
}

.section-header{
    border:0!important;
    background:transparent!important;
}

.section-header h2,
h1,h2,h3{
    color:var(--sq-text)!important;
    letter-spacing:-.02em!important;
}

.line-card{
    border:1px solid var(--sq-border)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
}

.purchase-item-results{
    border:1px solid var(--sq-border)!important;
    border-radius:14px!important;
    box-shadow:0 1px 2px rgba(0,0,0,.035)!important;
}

.purchase-item-result{
    background:#fff!important;
}

.purchase-item-result:hover{
    background:#f2f2f2!important;
}

details{
    border:1px solid var(--sq-border)!important;
    border-radius:16px!important;
    background:#fff!important;
    padding:12px!important;
}

summary{
    font-weight:750!important;
    color:var(--sq-text)!important;
}

hr{
    border:0!important;
    border-top:1px solid var(--sq-border)!important;
}
/* INLINE_BLOCK_9_END */

/* INLINE_BLOCK_10_START */
/* ÚNICA CAPA FINAL MOBILE-FIRST */

/* Bloque Artículos */
.purchase-articles-zone{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:16px 0!important;
    padding:12px!important;
    border-radius:22px!important;
    background:#f7f7f5!important;
    border:1px solid #e0e3e7!important;
    overflow:visible!important;
}

.purchase-articles-zone *,
.line-card *,
.delivery-date-card *,
form input,
form select,
form textarea{
    box-sizing:border-box!important;
}

.purchase-articles-zone .section-header{
    margin:0 0 12px 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
}

.purchase-articles-zone .section-header h2{
    font-size:26px!important;
    line-height:1.05!important;
    margin:0 0 4px 0!important;
}

/* Buscador limpio */
.line-card:not(.compact-row-active) label:has(.line-quantity),
.line-card:not(.compact-row-active) label:has(.line-notes),
.line-card:not(.compact-row-active) .line-notes{
    display:none!important;
}

.purchase-articles-zone .line-card:not(.compact-row-active){
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #e4e4e4!important;
}

.purchase-item-search{
    background:#fff!important;
    border:1px solid #d8eadc!important;
}

/* Filas añadidas: máximo espacio para descripción */
.line-card.compact-row-active{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 32px 26px!important;
    gap:4px!important;
    align-items:center!important;
    padding:8px!important;
    margin-bottom:8px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #e3e5e8!important;
}

.line-card.compact-row-active label:has(.purchase-item-search){
    position:relative!important;
    min-width:0!important;
    min-height:54px!important;
}

.line-card.compact-row-active .purchase-item-search{
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    color:transparent!important;
    caret-color:transparent!important;
    pointer-events:none!important;
}

.compact-item-display{
    position:absolute!important;
    inset:0!important;
    padding:5px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

.compact-item-display-name{
    font-size:12.5px!important;
    line-height:1.12!important;
    font-weight:750!important;
    letter-spacing:-.02em!important;
    color:#111!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
}

.compact-item-display-supplier{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.05!important;
    color:#888!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.line-card.compact-row-active label:has(.line-quantity),
.line-card.compact-row-active .line-quantity{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
}

.line-card.compact-row-active .line-quantity{
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    text-align:center!important;
    text-align-last:center!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:30px!important;
    appearance:textfield!important;
    -moz-appearance:textfield!important;
}

.line-card.compact-row-active .line-quantity::-webkit-outer-spin-button,
.line-card.compact-row-active .line-quantity::-webkit-inner-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
}

.line-card.compact-row-active .remove-line-button{
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
    min-height:26px!important;
    padding:0!important;
    opacity:.72!important;
}

.line-card.compact-row-active .remove-line-button::after{
    font-size:16px!important;
}

/* Entrega prevista dentro de márgenes */
.delivery-date-card{
    display:block!important;
    width:calc(100% - 4px)!important;
    max-width:calc(100% - 4px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:14px auto 12px auto!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #d8eadc!important;
    overflow:hidden!important;
}

.delivery-date-card input,
.delivery-date-card select,
.delivery-date-card textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:8px 0 0 0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    border-radius:15px!important;
    background:#fff!important;
    border:1px solid #d8eadc!important;
}
/* INLINE_BLOCK_10_END */

/* INLINE_BLOCK_11_START */
/* FIX FINAL: Entrega prevista centrada y con padding interno real */
.delivery-date-card{
    display:block!important;
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    margin:14px 12px 12px 12px!important;
    padding:10px 12px 12px 12px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #d8eadc!important;
    overflow:hidden!important;
}

.delivery-date-card input[name="expected_delivery_date"]{
    display:block!important;
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:8px 0 0 0!important;
    inline-size:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    border-radius:15px!important;
    background:#fff!important;
    border:1px solid #d8eadc!important;
}
/* INLINE_BLOCK_11_END */

/* PURCHASE_ORDERS_FORM_EXTRACTED_INLINE_CSS_END */