/* Stripe-like clean design */
:root { --ama-primary:#0a2540; --ama-accent:#635bff; --ama-bg:#f6f9fc; --ama-card:#ffffff; --ama-border:#e6e8eb; --ama-text:#0f172a; --ama-muted:#475569; }
html[dir="rtl"] .ama-grid { direction: rtl; }
#ama-app { padding:24px; background:var(--ama-bg); }
.ama-header { display:flex; justify-content:space-between; align-items:center; margin:0 0 16px; }
.ama-title { font-size:20px; font-weight:600; color:var(--ama-primary); }
.ama-lang select { min-width:120px; }
.ama-card { background:var(--ama-card); border:1px solid var(--ama-border); border-radius:16px; padding:20px; box-shadow:0 4px 20px rgba(2,6,23,.04); }
.ama-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ama-col-2 { grid-column: span 2; }
.ama-label { display:flex; flex-direction:column; gap:8px; font-size:13px; color:var(--ama-muted); }
.ama-input,.ama-input:focus { border:1px solid var(--ama-border); border-radius:10px; padding:10px 12px; outline:none; font-size:14px; color:var(--ama-text); background:#fff; }
.ama-input:focus { border-color:var(--ama-accent); box-shadow:0 0 0 3px rgba(99,91,255,.12); }
.ama-upload { display:flex; align-items:center; justify-content:center; border:1px dashed var(--ama-border); border-radius:12px; padding:20px; cursor:pointer; background:#fff; }
.ama-upload:hover { border-color:var(--ama-accent); }
.ama-upload-icon { width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg, var(--ama-accent), #80a0ff); opacity:.8; }
.ama-upload-text { color:var(--ama-muted); font-size:13px; }
.ama-files { margin-top:8px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.ama-file { font-size:13px; color:var(--ama-primary); text-decoration:underline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ama-fee { display:flex; justify-content:space-between; align-items:center; margin-top:16px; gap:16px; flex-wrap:wrap; }
.ama-fee-left { font-size:14px; color:var(--ama-text); }
.ama-actions { display:flex; align-items:center; gap:10px; }
.ama-coupon { width:160px; }
.ama-agree { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ama-muted); }
.ama-btn { background:var(--ama-accent); color:#fff; border:0; border-radius:12px; padding:10px 16px; font-weight:600; cursor:pointer; }
.ama-btn:hover { filter:brightness(.95); }
@media (max-width:780px){ .ama-grid{ grid-template-columns:1fr; } .ama-col-2 { grid-column: span 1; } .ama-actions{ width:100%; justify-content:space-between; } }