/* MicroArt CSS Architecture — Customer center, support, SEO and management dashboard UI. */

.hero__panel,.panel,.form-card,.sidebar-card,.product-card,.feature-card,.pillar-card,.stat-card{background:#fff;border:1px solid #e6eaf2;border-radius:24px;box-shadow:0 20px 55px rgba(22,34,51,.07)}

.product-card__meta{display:flex;gap:8px;flex-wrap:wrap}

.product-card__meta span{background:#f2f4f7;border-radius:999px;padding:4px 8px;font-size:12px;color:#475467}

.dashboard-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding-bottom:28px}

.stat-card{padding:20px;text-align:center}

.stat-card span{display:block;color:#667085}

.stat-card strong{font-size:30px}

.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}

.dashboard-panel{margin-top:24px}

.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}

.dashboard-panel{margin-top:6px}

.account-form{display:grid;gap:16px}

.account-form label,.form-card label{display:grid;gap:7px;color:#344054;font-weight:700}

.account-side{padding:24px}

.account-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}

.account-columns .panel{padding:22px}

.address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:48px}

.address-card{padding:20px}

.address-card p{color:#475569}

.address-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

.ticket-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;padding-bottom:48px}

.ticket-thread{display:grid;gap:14px;padding:22px}

.ticket-reply{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}

.ticket-reply--staff{background:#eef6ff;border-color:#bfdbfe}

.ticket-reply>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#334155}

.ticket-reply span{color:#64748b;font-size:13px}

.ticket-reply p{color:#334155;line-height:2}

.stat-card--seo{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fed7aa}

.ma-support-mini{margin-top:18px;background:#f7fbff;border-radius:18px;padding:16px}

.ma-account-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:28px}

.ma-account-sidebar{position:sticky;top:120px}

.ma-profile-card{background:linear-gradient(135deg,#0b5cff,#0747d4);color:#fff;border-radius:24px;padding:28px;text-align:center;margin-bottom:16px}

.ma-account-sidebar nav,.ma-completion{background:#fff;border:1px solid var(--ma-border);border-radius:22px;padding:14px;margin-bottom:16px}

.ma-account-sidebar nav a{display:block;padding:11px 14px;border-radius:12px}

.ma-account-sidebar nav .active{background:#eef5ff;color:#0b5cff;font-weight:900}

.ma-account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}

.ma-account-stats a{background:#fff;border:1px solid var(--ma-border);border-radius:22px;padding:24px;text-align:center;box-shadow:0 16px 44px rgba(28,64,132,.06)}

.ma-account-stats b{font-size:30px;color:#0b5cff}

.ma-account-stats span{display:block;color:#6b7a90}

.ma-account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}

.ma-support-hero{grid-template-columns:1fr 340px;background:linear-gradient(135deg,#0fc4f4,#0b5cff)}

.ma-support-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:24px}

.ma-ticket-head,.ma-ticket-table a{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr .5fr;gap:10px;align-items:center;padding:13px;border-bottom:1px solid #edf2f8}

.ma-ticket-head{background:#f7fbff;border-radius:14px;font-weight:900;color:#6b7a90}

.ma-ticket-table em,.ma-ticket-table strong{font-style:normal;border-radius:999px;padding:5px 10px;text-align:center}

.ma-ticket-table em{background:#fff3d7;color:#b86b00}

.ma-ticket-table strong{background:#e8f2ff;color:#0b5cff}

.ma-admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:900px;background:#f7faff}

.ma-admin-sidebar{background:#fff;border-left:1px solid var(--ma-border);padding:24px;position:sticky;top:109px;height:calc(100vh - 109px);overflow:auto}

.ma-admin-sidebar h2{color:#0b5cff}

.ma-admin-sidebar a{display:block;padding:12px;border-radius:14px;margin:4px 0;color:#334155}

.ma-admin-sidebar .active{background:#eef5ff;color:#0b5cff;font-weight:900}

.ma-admin-sidebar div{margin-top:22px;background:#0b5cff;color:#fff;border-radius:20px;padding:18px}

.ma-admin-sidebar span{display:block;font-size:13px;color:#dbeafe}

.ma-admin-main{padding:28px}

.ma-admin-top{display:flex;justify-content:space-between;align-items:center}

.ma-admin-top h1{margin:0;font-size:34px}

.ma-admin-top p{color:#6b7a90}

.ma-admin-top button{border:1px solid #dbe5f3;border-radius:12px;padding:10px 14px;background:#fff}

.ma-admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}

.ma-admin-kpis div,.ma-chart-card{background:#fff;border:1px solid var(--ma-border);border-radius:22px;padding:20px;box-shadow:0 16px 44px rgba(28,64,132,.06)}

.ma-admin-kpis b{display:block;font-size:24px;color:#0f2545;margin:8px 0}

.ma-admin-kpis em{color:#16a34a;font-style:normal}

.ma-admin-kpis .red{color:#ef4444}

.ma-admin-charts{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:18px}

.ma-admin-bottom{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px;margin-top:18px}