.ss-form-error{ background:#FCE7E5; color:#B3352C; padding:14px 18px; border-radius:12px; font-size:14px; font-weight:600; max-width:1040px; margin:0 auto 24px; }
.ss-form-success{ background:#E7F5EC; color:#1E7A44; padding:14px 18px; border-radius:12px; font-size:14px; font-weight:600; max-width:1040px; margin:0 auto 24px; }

/* ---- Account wrap ---- */
.ss-account-wrap{ max-width:900px; margin:0 auto; padding:64px 24px 90px; }
.ss-account-header{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:36px; }
.ss-account-header h2{ font-size:26px; margin:0 0 6px; }
.ss-account-header p{ color:var(--ss-ink-soft); margin:0; font-size:14px; }

/* ---- Auth (login/register) ---- */
.ss-account-guest{ padding-top:56px; }
.ss-auth-single{ max-width:420px; margin:0 auto; }
.ss-auth-card{ background:var(--ss-white); border:1px solid var(--ss-line); border-radius:20px; padding:32px 28px; box-shadow:0 1px 3px rgba(23,20,18,.04); }
.ss-auth-card h3{ margin:0 0 20px; font-size:20px; text-align:center; }
.ss-auth-card form{ display:flex; flex-direction:column; gap:16px; }
.ss-auth-card label{ display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; color:var(--ss-ink-soft); }
.ss-auth-card input{ padding:13px 16px; border:1px solid var(--ss-line); background:var(--ss-bg-soft); border-radius:10px; font-family:'Inter',sans-serif; font-size:14px; color:var(--ss-ink); }
.ss-auth-card input:focus{ outline:none; border-color:var(--ss-rose); background:var(--ss-white); }
.ss-auth-card .ss-btn{ margin-top:6px; justify-content:center; }
.ss-auth-switch{ display:block; width:100%; text-align:center; background:none; border:none; margin-top:18px; padding-top:16px; border-top:1px solid var(--ss-line); font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:var(--ss-rose-dark); cursor:pointer; }
.ss-auth-switch:hover{ text-decoration:underline; }

.ss-auth-divider{ display:flex; align-items:center; gap:12px; margin:16px 0; color:var(--ss-ink-soft); font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.ss-auth-divider::before, .ss-auth-divider::after{ content:''; flex:1; height:1px; background:var(--ss-line); }
.ss-google-btn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px 16px; border:1px solid var(--ss-line); border-radius:10px; background:var(--ss-white); color:var(--ss-ink); font-family:'Inter',sans-serif; font-size:14px; font-weight:600; text-decoration:none; box-sizing:border-box; transition:background .2s ease, box-shadow .2s ease; }
.ss-google-btn:hover{ background:var(--ss-bg-soft); box-shadow:0 2px 8px rgba(23,20,18,.06); }

/* ---- Admin floating button ---- */
.ss-admin-fab{ position:fixed; bottom:20px; right:20px; z-index:9999; background:var(--ss-ink); color:var(--ss-white); font-family:'Inter',sans-serif; font-size:13px; font-weight:600; padding:12px 18px; border-radius:100px; text-decoration:none; box-shadow:0 8px 20px rgba(23,20,18,.25); }
.ss-admin-fab:hover{ background:var(--ss-rose-dark); color:var(--ss-white); }
.ss-market-fab{ bottom:68px; background:var(--ss-rose); }
.ss-market-fab:hover{ background:var(--ss-rose-dark); }

/* ---- Logout icon in header ---- */
.ss-logout-icon{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; color:var(--ss-ink); text-decoration:none; margin-left:4px; align-self:center; }
.ss-logout-icon:hover{ color:var(--ss-rose-dark); }

/* ---- Account + gear icons in header (aligned with nav text) ---- */
.ss-account-icon-link{ align-self:center; color:var(--ss-ink); }
.ss-account-icon-link:hover{ color:var(--ss-rose-dark); }
.ss-gear-icon-link{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; color:var(--ss-ink); text-decoration:none; margin-left:4px; align-self:center; }
.ss-gear-icon-link:hover{ color:var(--ss-rose-dark); }

/* ---- Orders ---- */
.ss-orders-empty{ text-align:center; padding:48px 24px; color:var(--ss-ink-soft); background:var(--ss-bg-soft); border-radius:18px; }
.ss-orders-empty a{ color:var(--ss-rose-dark); font-weight:600; }
.ss-orders-list{ display:flex; flex-direction:column; gap:16px; }
.ss-order-card{ background:var(--ss-white); border:1px solid var(--ss-line); border-radius:16px; padding:22px 24px; box-shadow:0 1px 3px rgba(23,20,18,.04); }
.ss-order-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; flex-wrap:wrap; gap:10px; }
.ss-order-num{ font-family:'Poppins',sans-serif; font-weight:700; font-size:15px; }
.ss-order-status{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:5px 14px; border-radius:100px; background:var(--ss-panel); color:var(--ss-ink); }
.ss-status-completed{ background:#E7F5EC; color:#1E7A44; }
.ss-status-processing{ background:#FCE7E5; color:#B3352C; }
.ss-status-on-hold{ background:#FDF3D8; color:#9A7008; }
.ss-status-cancelled, .ss-status-failed{ background:#F1ECE7; color:var(--ss-ink-soft); }
.ss-order-meta{ display:flex; gap:18px; font-size:13px; color:var(--ss-ink-soft); margin-bottom:12px; flex-wrap:wrap; }
.ss-order-items{ list-style:none; margin:0 0 14px; padding:0; font-size:14px; color:var(--ss-ink); display:flex; flex-direction:column; gap:4px; }
.ss-order-link{ font-size:13px; font-weight:600; color:var(--ss-rose-dark); text-decoration:none; }
.ss-order-link:hover{ text-decoration:underline; }

/* ---- Contact form (native) ---- */
.ss-contact-native-form{ display:flex; flex-direction:column; gap:16px; }
.ss-contact-native-form label{ display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; color:var(--ss-ink-soft); }
.ss-contact-native-form input, .ss-contact-native-form textarea{ padding:13px 16px; border:1px solid var(--ss-line); background:var(--ss-bg-soft); border-radius:10px; font-family:'Inter',sans-serif; font-size:14px; color:var(--ss-ink); box-sizing:border-box; width:100%; }
.ss-contact-native-form input:focus, .ss-contact-native-form textarea:focus{ outline:none; border-color:var(--ss-rose); background:var(--ss-white); }
.ss-contact-native-form .ss-btn{ align-self:flex-start; }