body{font-family:tahoma;background:#f7f7f7;margin:0}
a{color:#EF9827;text-decoration:none}
.container{max-width:700px;margin:30px auto;padding:15px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#fff;border-bottom:2px solid #EF9827;position:sticky;top:0}
.logo{font-weight:bold;color:#EF9827}
#menuBtn{background:#EF9827;color:#fff;border:0;padding:8px 12px;border-radius:6px}
#sidebar{position:fixed;right:-260px;top:0;width:240px;height:100%;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.15);padding:20px;transition:.25s;z-index:1001}
#sidebar.open{right:0}
#sidebar a{display:block;padding:10px 0;border-bottom:1px solid #eee}
#overlay{position:fixed;inset:0;background:rgba(0,0,0,.2);display:none;z-index:1000}
#overlay.show{display:block}
.content{padding:20px}
.card{background:#fff;padding:15px;border-radius:10px;margin:10px 0}
input,textarea,select{width:100%;padding:8px;margin:6px 0 12px;border:1px solid #ddd;border-radius:6px}
button,.btn{background:#EF9827;color:#fff;border:0;padding:10px 14px;border-radius:8px;display:inline-block}
table{width:100%;background:#fff;border-collapse:collapse}
th,td{padding:8px;border:1px solid #eee;font-size:13px}
.alert{background:#fff3cd;color:#856404;padding:10px;border-radius:8px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ===== Mobile Fix (Base: 360px) ===== */
* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.container, .content {
  width: 100%;
  max-width: 100%;
}

/* اگر هدر داری */
.topbar {
  width: 100%;
  max-width: 100%;
}

/* فرم‌ها */
input, select, textarea, button {
  max-width: 100%;
}

/* جدول فقط خودش اسکرول بخورد */
.table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

/* موبایل */
@media (max-width: 390px) {
  .container, .content {
    padding-left: 10px;
    padding-right: 10px;
  }

  input, select, textarea, button {
    width: 100%;
    font-size: 16px;
    min-height: 44px;
  }

  /* برای جلوگیری از شکستن جدول */
  .table-wrap table {
    min-width: 640px;
  }
}