/* SMA SunnyPortal Widget - Frontend CSS */
.sma-widget {
    background: linear-gradient(135deg, #1c1917, #292524);
    color: #fff; border-radius: 14px; padding: 24px;
    max-width: 480px; font-family: -apple-system, sans-serif; direction: rtl;
}
.sma-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.sma-logo { font-size: 2em; }
.sma-header h3 { margin: 0; font-size: 1.1em; color: #fbbf24; }
.sma-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sma-stat {
    background: rgba(255,255,255,.08); border-radius: 10px;
    padding: 16px; text-align: center; border: 1px solid rgba(251,191,36,.2);
}
.sma-label { font-size: .72em; color: #fbbf24; font-weight: 600; letter-spacing: .05em; }
.sma-value { font-size: 1.7em; font-weight: 700; margin: 6px 0 2px; }
.sma-unit  { font-size: .72em; color: #a8a29e; }
.sma-footer { margin-top: 14px; text-align: center; font-size: .72em; color: #78716c; }