*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f4f6f8;color:#18212b}a{color:inherit;text-decoration:none}.topbar{background:#111827;color:white;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:10}.topbar div{display:flex;flex-direction:column}.topbar small{opacity:.7;margin-top:4px}.topbar nav{display:flex;gap:14px;flex-wrap:wrap}.container{width:min(1500px,94%);margin:24px auto}.narrow{max-width:900px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.btn{border:1px solid #d0d5dd;background:white;padding:10px 14px;border-radius:10px;cursor:pointer;font:inherit}.primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.danger{background:#b42318;color:#fff;border-color:#b42318}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.day-card{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:12px;min-height:300px}.day-card h2{font-size:15px;margin:0 0 10px}.add{display:block;border:1px dashed #94a3b8;border-radius:9px;padding:8px;text-align:center;margin-bottom:10px}.booking{display:flex;flex-direction:column;gap:4px;padding:10px;margin:8px 0;border-radius:10px;background:#eef2ff;border-right:4px solid #4f46e5}.booking span,.booking small{font-size:12px}.status-done{background:#ecfdf3;border-color:#12b76a}.status-cancelled{background:#fef3f2;border-color:#f04438;opacity:.7}.status-confirmed{background:#eff8ff;border-color:#2e90fa}.empty{color:#98a2b3;text-align:center;padding:40px 5px}.panel,.login-card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 8px 30px rgba(16,24,40,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-weight:bold;font-size:14px}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:11px;font:inherit;background:white}label small{font-weight:normal;color:#667085}.actions{display:flex;gap:10px;margin-top:20px}.alert{padding:12px;border-radius:10px;margin:10px 0}.success{background:#ecfdf3;color:#067647}.alert.danger{background:#fef3f2;color:#b42318}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef2f6}.login-card{width:min(420px,100%)}.login-card form{display:grid;gap:15px}.search{display:flex;gap:8px;margin-bottom:15px}.table-wrap{overflow:auto;background:white;border-radius:12px;border:1px solid #e5e7eb}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:11px;border-bottom:1px solid #eee}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-grid form{display:grid;gap:12px}@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.form-grid,.admin-grid{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(7,82vw)}.toolbar{font-size:12px}.container{width:94%;margin-top:14px}}
/* ===== MOBILE CALENDAR - FINAL ===== */
@media screen and (max-width: 768px) {

    body {
        font-size: 14px;
        overflow-x: hidden;
    }

    .container {
        width: 94%;
        margin: 14px auto;
    }

    /* هدر */
    .topbar {
        padding: 14px 5%;
        gap: 10px;
    }

    .topbar nav {
        gap: 14px;
        flex-wrap: wrap;
    }

    /* کنترل هفته */
    .toolbar {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 18px;
    }

    .toolbar > div:nth-child(2) {
        grid-column: 1 / -1;
        grid-row: 1;
        text-align: center;
    }

    /* لیست روزها */
    .week-grid {
        display: flex !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        gap: 10px;
        padding: 0 0 12px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    /* هر روز = تقریباً عرض کامل موبایل */
    .day-card {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 12px !important;
        scroll-snap-align: start;
    }

    .day-card h2 {
        font-size: 18px !important;
        text-align: center;
        margin: 6px 0 12px !important;
    }

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

    .empty {
        min-height: 60px !important;
        padding: 22px 5px !important;
    }

    .booking {
        padding: 10px !important;
        margin: 8px 0 !important;
    }

}
.week-grid .day-card {
    min-height: 0 !important;
    height: auto !important;
}

.week-grid .empty {
    min-height: 0 !important;
    padding: 25px 5px !important;
}
/* ===== Sales Result ===== */

.sales-result {
    display: inline-block;
    margin-top: 6px;
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
}

/* منجر به فروش */
.sales-sold {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

/* تست کرد و خرید نکرد */
.sales-no_sale {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

/* عدم حضور */
.sales-no_show {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}