Wallet Data

.sw-card{ max-width: 820px; margin: 0 auto; padding: 18px; border: 1px solid rgba(0,0,0,.12); border-radius: 14px; background: #fff; } .sw-title{ margin: 0 0 6px; font-size: 20px; } .sw-subtitle{ margin: 0 0 14px; opacity: .8; } .sw-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; } .sw-field label{ display:block; font-size: 13px; margin-bottom: 6px; opacity: .85; } .sw-field input, .sw-field textarea{ width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,.18); outline: none; background: #fff; } .sw-field input:focus, .sw-field textarea:focus{ border-color: rgba(0,0,0,.35); } .sw-btn{ width: 100%; padding: 14px 12px; border-radius: 12px; border: none; background: #22c55e; /* πράσινο */ color: #ffffff; font-weight: 700; font-size: 16px; letter-spacing: .2px; cursor: pointer; box-shadow: 0 10px 22px rgba(34, 197, 94, .25); transition: transform .08s ease, filter .15s ease; } .sw-btn:hover{ filter: brightness(0.95); transform: translateY(-1px); } .sw-btn:active{ transform: translateY(0px); filter: brightness(0.9); } .sw-btn:focus{ outline: 3px solid rgba(34, 197, 94, .35); outline-offset: 2px; } /* MEDIA (responsive για κινητά) */ @media (max-width: 640px){ .sw-card{ padding: 14px; } .sw-grid{ grid-template-columns: 1fr; } .sw-title{ font-size: 18px; } }