/*
Theme Name: SYMRO
Theme URI: https://symro.app
Author: SYMRO Team
Version: 1.0.6
Description: SYMRO SaaS Theme - SEO/GEO Advanced UAT Assistant
Text Domain: symro
*/
/* SYMRO App Shell - minimal Uber/Spotify vibe */
.symro-app-shell { max-width: 1100px; margin: 0 auto; padding: 56px 24px; }
.symro-hero { padding: 28px 0 18px; }
.symro-h1 { font-size: 54px; line-height: 1.05; margin: 0 0 10px; letter-spacing: -1px; }
.symro-sub { font-size: 18px; opacity: 0.75; margin: 0 0 18px; }

.symro-actions { display: flex; gap: 12px; margin-top: 8px; flex-wrap: wrap; }
.symro-btn { display: inline-block; padding: 12px 16px; border-radius: 12px; text-decoration: none; border: 1px solid rgba(0,0,0,.12); }
.symro-btn-primary { border: none; background: #0b5cff; color: #fff; }

.symro-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 22px; }
@media (max-width: 900px){ .symro-cards{ grid-template-columns: 1fr; } }

.symro-card { display: block; padding: 16px; border-radius: 16px; border: 1px solid rgba(0,0,0,.10); text-decoration: none; color: inherit; }
.symro-card h3 { margin: 0 0 6px; font-size: 16px; }
.symro-card p { margin: 0; opacity: .75; }
/* ===== SYMRO SaaS Layout ===== */

body.symro-app {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  background: #0f172a;
  color: #e2e8f0;
}

.symro-layout {
  display: flex;
  min-height: 100vh;
}

/* Sidebar */
.symro-sidebar {
  width: 240px;
  background: #111827;
  padding: 24px 18px;
  display: flex;
  flex-direction: column;
}

.symro-logo {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 32px;
}

.symro-nav a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: #94a3b8;
  margin-bottom: 6px;
  transition: 0.2s;
}

.symro-nav a:hover {
  background: #1f2937;
  color: #fff;
}

/* Main */
.symro-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.symro-topbar {
  height: 60px;
  background: #111827;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  border-bottom: 1px solid #1f2937;
}

main {
  padding: 40px;
}

/* Cards */
.symro-card {
  background: #1e293b;
  padding: 20px;
  border-radius: 16px;
  margin-bottom: 20px;
}
/* WooCommerce in dark UI */
.woocommerce, .woocommerce-page { color: #e2e8f0; }
.woocommerce a { color: #93c5fd; }
.woocommerce input, .woocommerce select, .woocommerce textarea {
  background: #0b1220;
  color: #e2e8f0;
  border: 1px solid #1f2937;
  border-radius: 10px;
  padding: 10px 12px;
}
.woocommerce button, .woocommerce a.button, .woocommerce input.button, .woocommerce button.button {
  background: #0b5cff;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 14px;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info {
  background: rgba(255,255,255,.06);
  border-top-color: #0b5cff;
  color: #e2e8f0;
}