/* =========================================================
   PARSEL SEÇİM MODÜLÜ
   ========================================================= */

.parcel-system{
    margin-top:28px;
}

.parcel-summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-bottom:18px;
}

.parcel-summary-item{
    padding:16px;
    border:1px solid #d7e5de;
    border-radius:14px;
    background:#fff;
    text-align:center;
}

.parcel-summary-item strong{
    display:block;
    color:#073f31;
    font-size:26px;
    line-height:1;
}

.parcel-summary-item span{
    display:block;
    margin-top:7px;
    color:#667a72;
    font-size:13px;
    font-weight:700;
}

.parcel-map-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:22px;
    align-items:start;
}

.parcel-map-card{
    padding:14px;
    border:2px solid #d7a500;
    border-radius:22px;
    background:#fff;
    box-shadow:0 16px 36px rgba(5,46,36,.09);
}

.parcel-map-toolbar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.parcel-map-toolbar strong{
    color:#073f31;
    font-size:18px;
}

.parcel-map-toolbar small{
    color:#667a72;
}

.parcel-map-stage{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:14px;
    background:#f6faf8;
    touch-action:pan-y;
}

.parcel-map-image{
    display:block;
    width:100%;
    height:auto;
    user-select:none;
    -webkit-user-drag:none;
}

.parcel-marker{
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    font-size:9px;
    font-weight:900;
    line-height:1;
    transform:translate(-50%,-50%);
    box-shadow:0 3px 9px rgba(0,0,0,.32);
    z-index:3;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        outline .16s ease;
}

.parcel-marker:hover,
.parcel-marker:focus-visible{
    transform:translate(-50%,-50%) scale(1.3);
    z-index:10;
    outline:none;
    box-shadow:0 6px 16px rgba(0,0,0,.42);
}

.parcel-marker.status-musait{
    background:#16a34a;
}

.parcel-marker.status-rezerve{
    background:#eab308;
    color:#281c00;
}

.parcel-marker.status-satildi{
    background:#dc2626;
}

.parcel-marker.is-selected{
    width:30px;
    height:30px;
    background:#f5b700 !important;
    color:#111 !important;
    border:4px solid #b91c1c;
    font-size:11px;
    z-index:20;
    box-shadow:
        0 0 0 5px rgba(245,183,0,.30),
        0 7px 18px rgba(0,0,0,.38);
}

.parcel-marker[aria-disabled="true"]{
    cursor:not-allowed;
}

.parcel-side-card{
    position:sticky;
    top:98px;
    padding:22px;
    border:1px solid #d7e5de;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 30px rgba(5,46,36,.07);
}

.parcel-side-card h3{
    margin:0;
    color:#073f31;
    font-size:23px;
}

.parcel-side-card > p{
    margin:8px 0 20px;
    color:#667a72;
}

.parcel-selected-empty{
    padding:22px 14px;
    border:2px dashed #bdd2c8;
    border-radius:14px;
    background:#f6faf8;
    color:#667a72;
    text-align:center;
}

.parcel-selected-info{
    display:none;
}

.parcel-selected-info.is-visible{
    display:block;
}

.parcel-info-list{
    display:grid;
    gap:0;
    margin:18px 0;
    border:1px solid #d7e5de;
    border-radius:13px;
    overflow:hidden;
}

.parcel-info-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:12px 13px;
    border-bottom:1px solid #d7e5de;
}

.parcel-info-row:last-child{
    border-bottom:0;
}

.parcel-info-row span{
    color:#667a72;
}

.parcel-info-row strong{
    color:#073f31;
    text-align:right;
}

.parcel-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:90px;
    padding:7px 11px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
}

.parcel-status-pill.status-musait{
    color:#086a42;
    background:#dcfce7;
}

.parcel-status-pill.status-rezerve{
    color:#7a5300;
    background:#fff4cc;
}

.parcel-status-pill.status-satildi{
    color:#991b1b;
    background:#fee2e2;
}

.parcel-side-actions{
    display:grid;
    gap:10px;
}

.parcel-side-actions .btn{
    width:100%;
}

.parcel-message{
    margin-top:14px;
    padding:12px 13px;
    border-radius:10px;
    font-size:13px;
    font-weight:700;
}

.parcel-message.success{
    color:#086a42;
    background:#dcfce7;
}

.parcel-message.warning{
    color:#7a5300;
    background:#fff4cc;
}

.parcel-message.error{
    color:#991b1b;
    background:#fee2e2;
}

.parcel-loading,
.parcel-error{
    padding:40px 20px;
    border:1px solid #d7e5de;
    border-radius:18px;
    background:#fff;
    text-align:center;
}

.parcel-loading strong,
.parcel-error strong{
    display:block;
    color:#073f31;
    font-size:20px;
}

.parcel-loading span,
.parcel-error span{
    display:block;
    margin-top:7px;
    color:#667a72;
}

@media(max-width:980px){
    .parcel-map-layout{
        grid-template-columns:1fr;
    }

    .parcel-side-card{
        position:static;
    }
}

@media(max-width:720px){
    .parcel-summary{
        grid-template-columns:repeat(2,1fr);
    }

    .parcel-map-card{
        padding:7px;
        border-radius:15px;
    }

    .parcel-marker{
        width:18px;
        height:18px;
        font-size:7px;
        border-width:1px;
    }

    .parcel-marker.is-selected{
        width:27px;
        height:27px;
        font-size:10px;
        border-width:3px;
    }
}