:root {
  --ac-bg: #f5f5f7;
  --ac-surface: rgba(255,255,255,.84);
  --ac-surface-solid: #ffffff;
  --ac-ink: #1d1d1f;
  --ac-muted: #6e6e73;
  --ac-faint: #86868b;
  --ac-line: rgba(29,29,31,.10);
  --ac-blue: #0a66c2;
  --ac-blue-2: #2997ff;
  --ac-green: #248a3d;
  --ac-amber: #b56b00;
  --ac-red: #d70015;
  --ac-radius-xl: 30px;
  --ac-radius-lg: 22px;
  --ac-radius-md: 16px;
  --ac-shadow: 0 18px 55px rgba(0,0,0,.07);
  --ac-shadow-soft: 0 8px 30px rgba(0,0,0,.05);
}

html { scroll-behavior: smooth; }

body.agentia-design-v2 {
  margin: 0;
  color: var(--ac-ink);
  background:
    radial-gradient(circle at 88% 6%, rgba(41,151,255,.09), transparent 26rem),
    radial-gradient(circle at 12% 80%, rgba(36,138,61,.06), transparent 30rem),
    var(--ac-bg);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
               "Segoe UI", Inter, Arial, sans-serif;
  letter-spacing: -.01em;
  -webkit-font-smoothing: antialiased;
}

.agentia-design-v2 * { box-sizing: border-box; }
.agentia-design-v2 button,
.agentia-design-v2 input,
.agentia-design-v2 select,
.agentia-design-v2 textarea { font: inherit; }

.agentia-design-v2 .app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 258px minmax(0,1fr);
  background: transparent;
}

/* Sidebar */
.agentia-design-v2 .sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 24px 16px;
  background: rgba(247,247,249,.78);
  border-right: 1px solid var(--ac-line);
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
  overflow-y: auto;
}

.agentia-design-v2 .brand-block {
  padding: 12px 14px 24px;
}
.agentia-design-v2 .brand-block h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 720;
  letter-spacing: -.04em;
  color: #111;
}
.agentia-design-v2 .brand-block p {
  margin: 7px 0 0;
  color: var(--ac-muted);
  font-size: 13px;
  line-height: 1.45;
}

.agentia-design-v2 .nav-group-title {
  margin: 24px 12px 8px;
  color: var(--ac-faint);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.agentia-design-v2 .nav-button {
  width: 100%;
  min-height: 42px;
  margin: 2px 0;
  padding: 9px 12px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #3a3a3c;
  font-size: 14px;
  font-weight: 560;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.agentia-design-v2 .nav-button:hover {
  background: rgba(0,0,0,.045);
  transform: translateX(2px);
}
.agentia-design-v2 .nav-button.active {
  color: #fff;
  background: linear-gradient(145deg, #1b1b1f, #343438);
  box-shadow: 0 8px 22px rgba(0,0,0,.14);
}
.agentia-design-v2 .nav-icon {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(0,0,0,.045);
  font-size: 13px;
}
.agentia-design-v2 .nav-button.active .nav-icon {
  background: rgba(255,255,255,.14);
}

.agentia-design-v2 .session-box {
  margin: 0 6px 16px;
  padding: 14px;
  border: 1px solid var(--ac-line);
  border-radius: 16px;
  background: rgba(255,255,255,.7);
  color: var(--ac-muted);
  font-size: 12px;
}
.agentia-design-v2 .logout-button {
  margin-top: 10px;
  padding: 0;
  background: transparent;
  color: var(--ac-blue);
  font-weight: 650;
}

/* Main shell */
.agentia-design-v2 .content-area {
  min-width: 0;
  padding: 0 28px 36px;
}
.agentia-design-v2 .topbar {
  position: sticky;
  z-index: 20;
  top: 0;
  min-height: 82px;
  padding: 18px 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(245,245,247,.76);
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  border-bottom: 1px solid rgba(29,29,31,.06);
}
.agentia-design-v2 .topbar-title h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 720;
  letter-spacing: -.045em;
  color: #111;
}
.agentia-design-v2 .topbar-title p {
  margin: 4px 0 0;
  color: var(--ac-muted);
  font-size: 13px;
}
.agentia-design-v2 .active-company-chip {
  padding: 9px 13px;
  border: 1px solid var(--ac-line);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: #3a3a3c;
  font-size: 12px;
  font-weight: 650;
  box-shadow: 0 4px 18px rgba(0,0,0,.035);
}

.agentia-design-v2 main {
  max-width: 1440px;
  margin: 0 auto;
  padding: 30px 0 60px;
}

/* Heroes */
.agentia-design-v2 .module-hero {
  margin: 0 0 22px;
  padding: 40px 42px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: var(--ac-radius-xl);
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(250,250,252,.86));
  box-shadow: var(--ac-shadow);
  position: relative;
  overflow: hidden;
}
.agentia-design-v2 .module-hero::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  right: -120px;
  top: -150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(41,151,255,.17), transparent 68%);
}
.agentia-design-v2 .module-hero h2 {
  margin: 0;
  color: #111;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1;
  font-weight: 760;
  letter-spacing: -.06em;
}
.agentia-design-v2 .module-hero p {
  max-width: 650px;
  margin: 13px 0 0;
  color: var(--ac-muted);
  font-size: 17px;
  line-height: 1.5;
}

.agentia-design-v2 .product-statement {
  margin: 0 0 24px;
  padding: 20px 24px;
  display: flex;
  gap: 18px;
  align-items: center;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #141417 0%, #25252a 58%, #0b4a83 140%);
  box-shadow: 0 18px 50px rgba(0,0,0,.16);
}
.agentia-design-v2 .statement-mark {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(255,255,255,.12);
  font-size: 21px;
  font-weight: 800;
}
.agentia-design-v2 .product-statement .eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #a8d5ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.agentia-design-v2 .product-statement strong {
  display: block;
  font-size: 18px;
  letter-spacing: -.025em;
}
.agentia-design-v2 .product-statement p {
  margin: 4px 0 0;
  color: rgba(255,255,255,.67);
  font-size: 13px;
}

/* Cards and summary */
.agentia-design-v2 .card,
.agentia-design-v2 .summary-card,
.agentia-design-v2 .quick-card {
  border: 1px solid rgba(29,29,31,.08);
  background: var(--ac-surface);
  box-shadow: var(--ac-shadow-soft);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.agentia-design-v2 .card {
  margin-bottom: 20px;
  padding: 28px;
  border-radius: var(--ac-radius-lg);
}
.agentia-design-v2 .card h2 {
  margin: 0 0 18px;
  color: #1d1d1f;
  font-size: 21px;
  letter-spacing: -.035em;
}
.agentia-design-v2 .card h3 {
  color: #1d1d1f;
  letter-spacing: -.025em;
}

.agentia-design-v2 .summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(130px,1fr));
  gap: 12px;
}
.agentia-design-v2 .summary-card {
  min-height: 118px;
  padding: 18px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.agentia-design-v2 .summary-card span {
  color: var(--ac-muted);
  font-size: 12px;
  font-weight: 600;
}
.agentia-design-v2 .summary-card strong {
  color: #111;
  font-size: 34px;
  font-weight: 740;
  letter-spacing: -.06em;
}

.agentia-design-v2 .quick-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
}
.agentia-design-v2 .quick-card {
  min-height: 160px;
  padding: 22px;
  border-radius: 22px;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease;
}
.agentia-design-v2 .quick-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(0,0,0,.09);
}
.agentia-design-v2 .quick-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 28px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #0a66c2, #2997ff);
  box-shadow: 0 10px 24px rgba(10,102,194,.22);
}
.agentia-design-v2 .quick-card strong {
  display: block;
  color: #1d1d1f;
  font-size: 16px;
}
.agentia-design-v2 .quick-card span {
  display: block;
  margin-top: 6px;
  color: var(--ac-muted);
  font-size: 13px;
  line-height: 1.45;
}

/* Forms */
.agentia-design-v2 label {
  display: block;
  margin-bottom: 7px;
  color: #55555a;
  font-size: 12px;
  font-weight: 680;
}
.agentia-design-v2 input,
.agentia-design-v2 select,
.agentia-design-v2 textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  color: var(--ac-ink);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(29,29,31,.14);
  border-radius: 13px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  transition: border-color .16s ease, box-shadow .16s ease;
}
.agentia-design-v2 textarea { min-height: 100px; }
.agentia-design-v2 input:focus,
.agentia-design-v2 select:focus,
.agentia-design-v2 textarea:focus {
  border-color: rgba(41,151,255,.72);
  box-shadow: 0 0 0 4px rgba(41,151,255,.13);
}

.agentia-design-v2 button {
  min-height: 42px;
  padding: 10px 17px;
  border: 0;
  border-radius: 13px;
  font-weight: 680;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.agentia-design-v2 button:hover { transform: translateY(-1px); }
.agentia-design-v2 .btn-primary {
  color: #fff;
  background: linear-gradient(145deg, #1474d4, #0064c8);
  box-shadow: 0 8px 20px rgba(0,100,200,.18);
}
.agentia-design-v2 .btn-success {
  color: #fff;
  background: linear-gradient(145deg, #2d9a4b, #1f7f39);
}
.agentia-design-v2 .btn-danger {
  color: #fff;
  background: linear-gradient(145deg, #e02b3d, #c90018);
}
.agentia-design-v2 .btn-warning {
  color: #fff;
  background: linear-gradient(145deg, #c47b06, #a85d00);
}

/* Tables */
.agentia-design-v2 .table-shell {
  margin-top: 18px;
  border: 1px solid var(--ac-line);
  border-radius: 18px;
  overflow: auto;
  background: rgba(255,255,255,.74);
}
.agentia-design-v2 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}
.agentia-design-v2 th {
  padding: 13px 14px;
  color: var(--ac-faint);
  background: rgba(249,249,251,.92);
  border-bottom: 1px solid var(--ac-line);
  font-size: 10px;
  font-weight: 790;
  letter-spacing: .08em;
  text-transform: uppercase;
  position: sticky;
  top: 0;
  z-index: 1;
}
.agentia-design-v2 td {
  padding: 15px 14px;
  color: #3a3a3c;
  background: transparent;
  border-bottom: 1px solid rgba(29,29,31,.065);
}
.agentia-design-v2 tbody tr:last-child td { border-bottom: 0; }
.agentia-design-v2 tbody tr:hover td { background: rgba(10,102,194,.025); }

/* Status, badges and warnings */
.agentia-design-v2 .badge {
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 720;
}
.agentia-design-v2 .badge-ok { color: #176b32; background: #e6f5e9; }
.agentia-design-v2 .badge-warn { color: #8d5700; background: #fff3d7; }
.agentia-design-v2 .badge-danger { color: #a30b1c; background: #ffe9eb; }

.agentia-design-v2 .status {
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 13px 15px;
}
.agentia-design-v2 .status.info {
  color: #074f92;
  background: #eaf5ff;
  border-color: #cde8ff;
}
.agentia-design-v2 .status.ok {
  color: #176b32;
  background: #edf8ef;
  border-color: #d4eed8;
}
.agentia-design-v2 .status.error {
  color: #a30b1c;
  background: #fff0f1;
  border-color: #ffd8dc;
}

.agentia-design-v2 .field {
  padding: 15px;
  border: 1px solid rgba(29,29,31,.07);
  border-radius: 15px;
  background: rgba(248,248,250,.8);
}
.agentia-design-v2 .field label {
  margin-bottom: 6px;
  color: var(--ac-faint);
  font-size: 10px;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.agentia-design-v2 .field strong {
  color: #1d1d1f;
  font-size: 14px;
}

/* CABYS warning treatment */
.agentia-design-v2 #cabysWarnings {
  border: 1px solid #f0d6a3;
  background:
    linear-gradient(135deg, rgba(255,250,239,.97), rgba(255,246,226,.92));
  box-shadow: 0 14px 40px rgba(181,107,0,.08);
}
.agentia-design-v2 #cabysWarnings h2 {
  color: #7a4a00;
}
.agentia-design-v2 #cabysWarningsList > * {
  border-radius: 15px !important;
}

/* Supplier workspace */
.agentia-design-v2 #supplierWorkspace {
  border-radius: 26px;
}
.agentia-design-v2 #supplierDraftList > * {
  border-radius: 16px !important;
}
.agentia-design-v2 #supplierConcepts > * {
  border: 1px solid var(--ac-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
}

/* Access gate */
.agentia-design-v2 .access-gate {
  background:
    radial-gradient(circle at 70% 20%, rgba(41,151,255,.18), transparent 28rem),
    radial-gradient(circle at 20% 80%, rgba(36,138,61,.10), transparent 28rem),
    #f5f5f7;
}
.agentia-design-v2 .access-card {
  width: min(430px, calc(100vw - 32px));
  padding: 34px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 30px;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(26px);
  box-shadow: 0 30px 100px rgba(0,0,0,.12);
}
.agentia-design-v2 .access-card h1 {
  margin: 0;
  font-size: 36px;
  letter-spacing: -.055em;
  color: #111;
}
.agentia-design-v2 .access-card p {
  color: var(--ac-muted);
  line-height: 1.5;
}

.agentia-design-v2 .app-footer {
  max-width: 1440px;
  margin: 0 auto;
  padding: 18px 4px 0;
  color: var(--ac-faint);
  font-size: 11px;
  text-align: center;
}

/* Responsive */
@media (max-width: 1180px) {
  .agentia-design-v2 .summary-grid { grid-template-columns: repeat(3,1fr); }
  .agentia-design-v2 .quick-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 860px) {
  .agentia-design-v2 .app-shell { display: block; }
  .agentia-design-v2 .sidebar {
    position: fixed;
    z-index: 100;
    width: min(300px, 86vw);
    transform: translateX(-104%);
    transition: transform .25s ease;
    box-shadow: 25px 0 70px rgba(0,0,0,.18);
  }
  .agentia-design-v2 .sidebar.open { transform: translateX(0); }
  .agentia-design-v2 .content-area { padding: 0 16px 28px; }
  .agentia-design-v2 .mobile-nav-toggle { display: inline-flex !important; }
  .agentia-design-v2 .module-hero { padding: 30px 26px; }
  .agentia-design-v2 .summary-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 620px) {
  .agentia-design-v2 .topbar { align-items: flex-start; gap: 12px; }
  .agentia-design-v2 .active-company-chip { display: none; }
  .agentia-design-v2 .summary-grid,
  .agentia-design-v2 .quick-grid,
  .agentia-design-v2 .grid,
  .agentia-design-v2 .grid-3 { grid-template-columns: 1fr !important; }
  .agentia-design-v2 .product-statement { align-items: flex-start; }
  .agentia-design-v2 .card { padding: 20px; border-radius: 18px; }
  .agentia-design-v2 .module-hero h2 { font-size: 36px; }
}

/* v2.1 — Centro de automatización: identidad propia, sin metáfora de libreta oscura */
.agentia-design-v2 .automation-flow {
  margin: 0 0 22px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(29,29,31,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  box-shadow: var(--ac-shadow-soft);
  backdrop-filter: blur(18px);
}
.agentia-design-v2 .flow-step {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--ac-muted);
}
.agentia-design-v2 .flow-step > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ececf0;
  color: #77777c;
  font-size: 12px;
  font-weight: 760;
}
.agentia-design-v2 .flow-step strong { display:block; color:#3a3a3c; font-size:13px; }
.agentia-design-v2 .flow-step small { display:block; margin-top:2px; font-size:11px; }
.agentia-design-v2 .flow-step.is-done > span { background:#e8f6ec; color:var(--ac-green); }
.agentia-design-v2 .flow-step.is-current > span {
  background: linear-gradient(145deg,#1474d4,#0064c8);
  color:#fff;
  box-shadow:0 7px 18px rgba(0,100,200,.22);
}
.agentia-design-v2 .flow-step.is-current strong { color:#111; }
.agentia-design-v2 .flow-line { height:1px; flex:1; min-width:24px; background:linear-gradient(90deg,#d8d8dd,#ececf0); }

.agentia-design-v2 .supplier-workbench {
  display: grid;
  grid-template-columns: 230px minmax(0,1fr) 286px;
  gap: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  min-height: 540px;
}
.agentia-design-v2 .supplier-inbox,
.agentia-design-v2 .supplier-paper,
.agentia-design-v2 .supplier-inspector {
  min-width: 0;
  border: 1px solid rgba(29,29,31,.08);
  border-radius: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: var(--ac-shadow-soft);
  color: var(--ac-ink);
  overflow: hidden;
}
.agentia-design-v2 .supplier-inbox {
  padding: 18px;
  align-self: start;
}
.agentia-design-v2 .supplier-inbox-head {
  padding: 0 0 14px;
  border-bottom: 1px solid var(--ac-line);
}
.agentia-design-v2 .supplier-inbox-head h3 {
  margin:0;
  color:#1d1d1f;
  font-size:14px;
  letter-spacing:-.02em;
  text-transform:none;
}
.agentia-design-v2 .supplier-count {
  min-width:28px;
  height:28px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#eef5ff;
  color:var(--ac-blue);
  box-shadow:none;
}
.agentia-design-v2 .supplier-list { padding-top:10px; }
.agentia-design-v2 .supplier-list > div[style] {
  color: var(--ac-muted) !important;
  padding: 18px 4px !important;
  line-height:1.5;
}
.agentia-design-v2 .supplier-list button,
.agentia-design-v2 .supplier-list .supplier-list-item {
  width:100%;
  margin:0 0 8px;
  padding:12px;
  border:1px solid var(--ac-line);
  border-radius:15px;
  background:#fff;
  color:#1d1d1f;
  box-shadow:none;
}

.agentia-design-v2 .supplier-paper {
  padding: 30px;
  position: relative;
  background:
    radial-gradient(circle at 92% 5%, rgba(41,151,255,.08), transparent 18rem),
    rgba(255,255,255,.94);
}
.agentia-design-v2 .supplier-paper::before { display:none; }
.agentia-design-v2 .supplier-empty {
  min-height: 470px;
  display:grid;
  place-items:center;
  background:transparent;
  border:0;
}
.agentia-design-v2 .supplier-empty > div {
  max-width:440px;
  padding:38px;
  text-align:center;
  border:1px solid var(--ac-line);
  border-radius:26px;
  background:linear-gradient(145deg,#fff,#fafafd);
}
.agentia-design-v2 .supplier-empty-mark {
  width:58px;
  height:58px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--ac-green);
  background:#edf8ef;
  font-size:28px;
}
.agentia-design-v2 .supplier-empty strong { color:#1d1d1f; font-size:18px; }
.agentia-design-v2 .supplier-empty p { color:var(--ac-muted); line-height:1.55; }
.agentia-design-v2 .supplier-paper-kicker {
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#eef5ff;
  color:var(--ac-blue);
  font-size:10px;
  font-weight:780;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.agentia-design-v2 .supplier-paper h3#supplierNameTitle {
  margin:16px 0 6px;
  color:#111;
  font-size:32px;
  line-height:1.05;
  letter-spacing:-.045em;
  text-transform:none;
}
.agentia-design-v2 .supplier-paper-subtitle { color:var(--ac-muted); }
.agentia-design-v2 .supplier-facts {
  margin:22px 0 28px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.agentia-design-v2 .supplier-fact {
  padding:14px;
  border:1px solid var(--ac-line);
  border-radius:15px;
  background:#fafafd;
}
.agentia-design-v2 .supplier-fact span {
  display:block;
  color:var(--ac-faint);
  font-size:9px;
  font-weight:760;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.agentia-design-v2 .supplier-fact strong {
  display:block;
  margin-top:6px;
  color:#1d1d1f;
  font-size:12px;
  word-break:break-word;
}
.agentia-design-v2 .concept-sheet {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.agentia-design-v2 .concept-sheet > * {
  margin:0 !important;
  padding:16px !important;
  border:1px solid var(--ac-line) !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:0 5px 18px rgba(0,0,0,.035) !important;
}
.agentia-design-v2 .concept-sheet select,
.agentia-design-v2 .concept-sheet input { background:#f7f7f9; }

.agentia-design-v2 .supplier-inspector {
  padding:22px;
  align-self:start;
  position:sticky;
  top:104px;
}
.agentia-design-v2 .supplier-inspector h3 {
  margin:0;
  color:#111;
  font-size:19px;
  letter-spacing:-.035em;
}
.agentia-design-v2 .inspector-note {
  margin:8px 0 18px;
  color:var(--ac-muted);
  font-size:12px;
  line-height:1.5;
}
.agentia-design-v2 .inspector-block {
  padding:15px 0;
  border-top:1px solid var(--ac-line);
}
.agentia-design-v2 .inspector-label {
  color:var(--ac-faint);
  font-size:10px;
  font-weight:780;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.agentia-design-v2 .draft-stamp {
  display:inline-flex;
  margin-top:8px;
  padding:7px 10px;
  border:0;
  border-radius:999px;
  background:#fff3d7;
  color:#8d5700;
  transform:none;
}
.agentia-design-v2 .supplier-inspector label[style] { color:#3a3a3c !important; }
.agentia-design-v2 .supplier-inspector .actions {
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
.agentia-design-v2 .supplier-inspector .actions button { width:100%; }
.agentia-design-v2 .btn-paper {
  color:#3a3a3c;
  background:#f3f3f5;
  border:1px solid var(--ac-line);
}
.agentia-design-v2 .btn-ink {
  color:#fff;
  background:linear-gradient(145deg,#1474d4,#0064c8);
  box-shadow:0 8px 20px rgba(0,100,200,.18);
}

@media (max-width:1100px){
  .agentia-design-v2 .supplier-workbench{grid-template-columns:1fr 280px;}
  .agentia-design-v2 .supplier-inbox{grid-column:1/-1;}
  .agentia-design-v2 .supplier-list{display:flex;gap:10px;overflow-x:auto;}
  .agentia-design-v2 .supplier-list > *{min-width:210px;}
}
@media (max-width:760px){
  .agentia-design-v2 .automation-flow{overflow-x:auto;}
  .agentia-design-v2 .flow-line{min-width:36px;}
  .agentia-design-v2 .supplier-workbench{grid-template-columns:1fr;}
  .agentia-design-v2 .supplier-inspector{position:static;}
  .agentia-design-v2 .concept-sheet,
  .agentia-design-v2 .supplier-facts{grid-template-columns:1fr;}
}


/* Proveedores v2.2 */
.agentia-design-v2 .supplier-mode-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(190px, 1fr));
  gap: 8px;
  margin: 0 0 22px;
  padding: 7px;
  border: 1px solid var(--ac-line);
  border-radius: 20px;
  background: rgba(255,255,255,.7);
  box-shadow: var(--ac-shadow-soft);
}
.agentia-design-v2 .supplier-mode-btn {
  min-width: 210px;
  padding: 13px 18px;
  border-radius: 15px;
  background: transparent;
  color: var(--ac-muted);
  text-align: left;
  box-shadow: none;
}
.agentia-design-v2 .supplier-mode-btn span,
.agentia-design-v2 .supplier-mode-btn small { display: block; }
.agentia-design-v2 .supplier-mode-btn span {
  color: inherit;
  font-size: 14px;
  font-weight: 740;
}
.agentia-design-v2 .supplier-mode-btn small {
  margin-top: 3px;
  color: inherit;
  opacity: .75;
  font-size: 11px;
}
.agentia-design-v2 .supplier-mode-btn.active {
  color: #fff;
  background: linear-gradient(145deg,#17171a,#303036);
  box-shadow: 0 10px 26px rgba(0,0,0,.15);
}
.agentia-design-v2 .supplier-view { display: none; }
.agentia-design-v2 .supplier-view.active { display: block; }

.agentia-design-v2 .supplier-directory-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 18px;
  padding: 26px 28px;
  border: 1px solid var(--ac-line);
  border-radius: 24px;
  background: rgba(255,255,255,.82);
  box-shadow: var(--ac-shadow-soft);
}
.agentia-design-v2 .supplier-directory-toolbar h3 {
  margin: 5px 0 4px;
  font-size: 26px;
  letter-spacing: -.045em;
}
.agentia-design-v2 .supplier-directory-toolbar p {
  margin: 0;
  color: var(--ac-muted);
  font-size: 13px;
}
.agentia-design-v2 .supplier-directory-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.agentia-design-v2 .supplier-directory-actions input {
  min-width: 250px;
}

.agentia-design-v2 .supplier-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.agentia-design-v2 .supplier-metrics article {
  min-height: 112px;
  padding: 19px;
  border: 1px solid var(--ac-line);
  border-radius: 20px;
  background: rgba(255,255,255,.8);
  box-shadow: var(--ac-shadow-soft);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.agentia-design-v2 .supplier-metrics span {
  color: var(--ac-muted);
  font-size: 12px;
  font-weight: 650;
}
.agentia-design-v2 .supplier-metrics strong {
  font-size: 34px;
  letter-spacing: -.055em;
}

.agentia-design-v2 .supplier-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 15px;
  margin-top: 16px;
}
.agentia-design-v2 .supplier-profile-tile {
  min-height: 285px;
  padding: 22px;
  border: 1px solid var(--ac-line);
  border-radius: 24px;
  background:
    linear-gradient(155deg,rgba(255,255,255,.98),rgba(249,249,251,.9));
  box-shadow: var(--ac-shadow-soft);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.agentia-design-v2 .supplier-profile-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 55px rgba(0,0,0,.09);
}
.agentia-design-v2 .supplier-profile-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.agentia-design-v2 .supplier-avatar {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg,#0a66c2,#2997ff);
  box-shadow: 0 10px 24px rgba(10,102,194,.22);
  font-weight: 800;
  letter-spacing: -.03em;
}
.agentia-design-v2 .supplier-rule-pill {
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 760;
}
.agentia-design-v2 .supplier-rule-pill.is-active {
  color: #176b32;
  background: #e6f5e9;
}
.agentia-design-v2 .supplier-rule-pill.is-pending {
  color: #8d5700;
  background: #fff3d7;
}
.agentia-design-v2 .supplier-profile-copy {
  margin: 26px 0 22px;
}
.agentia-design-v2 .supplier-profile-copy .supplier-legal-name {
  display: block;
  min-height: 16px;
  color: var(--ac-faint);
  font-size: 10px;
  font-weight: 720;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.agentia-design-v2 .supplier-profile-copy h4 {
  margin: 7px 0 5px;
  color: #111;
  font-size: 20px;
  letter-spacing: -.035em;
}
.agentia-design-v2 .supplier-profile-copy p {
  margin: 0;
  color: var(--ac-muted);
  font-size: 12px;
}
.agentia-design-v2 .supplier-profile-stats {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 10px;
  margin-top: auto;
}
.agentia-design-v2 .supplier-profile-stats div {
  padding: 12px;
  border-radius: 14px;
  background: rgba(245,245,247,.95);
}
.agentia-design-v2 .supplier-profile-stats span,
.agentia-design-v2 .supplier-profile-stats strong { display: block; }
.agentia-design-v2 .supplier-profile-stats span {
  color: var(--ac-faint);
  font-size: 9px;
  font-weight: 740;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.agentia-design-v2 .supplier-profile-stats strong {
  margin-top: 5px;
  color: #1d1d1f;
  font-size: 12px;
}
.agentia-design-v2 .supplier-open-profile {
  margin-top: 14px;
  color: var(--ac-blue);
  background: transparent;
  text-align: left;
  padding: 0;
}
.agentia-design-v2 .supplier-directory-empty {
  grid-column: 1 / -1;
  padding: 48px;
  color: var(--ac-muted);
  border: 1px dashed rgba(29,29,31,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.56);
  text-align: center;
}

.agentia-design-v2 .supplier-profile-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  padding: 24px;
  background: rgba(0,0,0,.36);
  backdrop-filter: blur(14px);
  display: grid;
  place-items: center;
}
.agentia-design-v2 .supplier-profile-modal.hidden { display: none; }
.agentia-design-v2 .supplier-profile-card {
  width: min(760px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 32px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 30px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 35px 110px rgba(0,0,0,.22);
  position: relative;
}
.agentia-design-v2 .supplier-profile-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 50%;
  color: #3a3a3c;
  background: #ededf0;
  font-size: 22px;
}
.agentia-design-v2 .supplier-profile-card h3 {
  margin: 6px 0 4px;
  font-size: 30px;
  letter-spacing: -.05em;
}
.agentia-design-v2 .supplier-profile-card > p {
  margin: 0;
  color: var(--ac-muted);
}
.agentia-design-v2 .supplier-profile-facts {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  margin: 24px 0;
}
.agentia-design-v2 .supplier-profile-facts div {
  padding: 14px;
  border-radius: 15px;
  background: #f5f5f7;
}
.agentia-design-v2 .supplier-profile-facts span,
.agentia-design-v2 .supplier-profile-facts strong { display: block; }
.agentia-design-v2 .supplier-profile-facts span {
  color: var(--ac-faint);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.agentia-design-v2 .supplier-profile-facts strong {
  margin-top: 6px;
  font-size: 12px;
}
.agentia-design-v2 .supplier-profile-form {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
}
.agentia-design-v2 .supplier-profile-form label:nth-child(3) {
  grid-column: 1 / -1;
}
.agentia-design-v2 .supplier-profile-actions {
  margin-top: 18px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1100px) {
  .agentia-design-v2 .supplier-directory-grid { grid-template-columns: repeat(2,1fr); }
  .agentia-design-v2 .supplier-metrics { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 760px) {
  .agentia-design-v2 .supplier-mode-switch { width: 100%; grid-template-columns: 1fr; }
  .agentia-design-v2 .supplier-mode-btn { min-width: 0; }
  .agentia-design-v2 .supplier-directory-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .agentia-design-v2 .supplier-directory-actions { align-items: stretch; flex-direction: column; }
  .agentia-design-v2 .supplier-directory-actions input { min-width: 0; }
  .agentia-design-v2 .supplier-directory-grid,
  .agentia-design-v2 .supplier-metrics,
  .agentia-design-v2 .supplier-profile-facts,
  .agentia-design-v2 .supplier-profile-form { grid-template-columns: 1fr; }
  .agentia-design-v2 .supplier-profile-form label:nth-child(3) { grid-column: auto; }
}

/* =========================================================
   Sprint 3 v10.0.4 — Sidebar UI refresh + real accordion
   Fix: category labels were white/low contrast because the
   v10.0.3 inline menu CSS used white text on a light sidebar.
   ========================================================= */

.agentia-design-v2 {
  --ac-sidebar-bg-1: #f7f3ea;
  --ac-sidebar-bg-2: #eef6f3;
  --ac-sidebar-ink: #263238;
  --ac-sidebar-muted: #5f6b76;
  --ac-sidebar-line: rgba(65, 78, 91, .13);
  --ac-operation: #1f6feb;
  --ac-contabilidad: #0f8b6f;
  --ac-automatizacion: #7c3aed;
  --ac-administracion: #b7791f;
}

.agentia-design-v2 .sidebar {
  background:
    radial-gradient(circle at 18% 4%, rgba(31,111,235,.12), transparent 16rem),
    radial-gradient(circle at 92% 52%, rgba(15,139,111,.10), transparent 18rem),
    linear-gradient(180deg, var(--ac-sidebar-bg-1) 0%, #f8faf8 48%, var(--ac-sidebar-bg-2) 100%) !important;
  border-right: 1px solid var(--ac-sidebar-line) !important;
  box-shadow: 14px 0 36px rgba(31, 41, 55, .06);
}

.agentia-design-v2 .brand-block {
  margin: 0 0 14px;
  padding: 18px 16px 20px !important;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58));
  box-shadow: 0 12px 32px rgba(31, 41, 55, .08);
}

.agentia-design-v2 .brand-block h1 {
  color: #172033 !important;
}

.agentia-design-v2 .brand-block p,
.agentia-design-v2 .session-box {
  color: var(--ac-sidebar-muted) !important;
}

.agentia-design-v2 .session-box {
  border-color: rgba(65,78,91,.14) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 28px rgba(31, 41, 55, .055);
}

.agentia-design-v2 .nav-category {
  margin: 12px 0 10px !important;
}

.agentia-design-v2 .nav-category-toggle {
  min-height: 40px !important;
  margin: 0 0 6px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(65, 78, 91, .12) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.62) !important;
  color: var(--ac-sidebar-ink) !important;
  box-shadow: 0 6px 18px rgba(31,41,55,.045);
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .10em !important;
  text-shadow: none !important;
}

.agentia-design-v2 .nav-category-toggle:hover {
  background: rgba(255,255,255,.86) !important;
  transform: translateY(-1px);
}

.agentia-design-v2 .nav-category-toggle::after {
  color: currentColor !important;
  opacity: .85 !important;
}

.agentia-design-v2 .nav-category[data-nav-category="operacion"] .nav-category-toggle {
  color: #174ea6 !important;
  background: linear-gradient(135deg, rgba(31,111,235,.13), rgba(255,255,255,.70)) !important;
}

.agentia-design-v2 .nav-category[data-nav-category="contabilidad"] .nav-category-toggle {
  color: #08705d !important;
  background: linear-gradient(135deg, rgba(15,139,111,.14), rgba(255,255,255,.72)) !important;
}

.agentia-design-v2 .nav-category[data-nav-category="automatizacion"] .nav-category-toggle {
  color: #6530b8 !important;
  background: linear-gradient(135deg, rgba(124,58,237,.13), rgba(255,255,255,.72)) !important;
}

.agentia-design-v2 .nav-category[data-nav-category="administracion"] .nav-category-toggle {
  color: #8a560d !important;
  background: linear-gradient(135deg, rgba(183,121,31,.15), rgba(255,255,255,.72)) !important;
}

.agentia-design-v2 .nav-category-items {
  gap: 5px !important;
  padding: 4px 0 6px 6px;
  border-left: 2px solid rgba(65,78,91,.08);
  margin-left: 8px;
}

.agentia-design-v2 .nav-category.collapsed .nav-category-items {
  display: none !important;
}

.agentia-design-v2 .nav-button {
  min-height: 42px !important;
  margin: 2px 0 !important;
  padding: 9px 11px !important;
  border-radius: 14px !important;
  color: #334155 !important;
  font-weight: 680 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.agentia-design-v2 .nav-button:hover {
  background: rgba(255,255,255,.68) !important;
  color: #172033 !important;
  transform: translateX(3px) !important;
}

.agentia-design-v2 .nav-icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
  color: #475569;
  background: rgba(255,255,255,.70) !important;
  box-shadow: inset 0 0 0 1px rgba(65,78,91,.08);
}

.agentia-design-v2 .nav-button.active {
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(31, 41, 55, .18) !important;
}

.agentia-design-v2 .nav-button.active .nav-icon {
  color: #ffffff !important;
  background: rgba(255,255,255,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.agentia-design-v2 .nav-category[data-nav-category="operacion"] .nav-button.active {
  background: linear-gradient(135deg, #1f6feb, #174ea6) !important;
}

.agentia-design-v2 .nav-category[data-nav-category="contabilidad"] .nav-button.active {
  background: linear-gradient(135deg, #0f8b6f, #076755) !important;
}

.agentia-design-v2 .nav-category[data-nav-category="automatizacion"] .nav-button.active {
  background: linear-gradient(135deg, #7c3aed, #5b21b6) !important;
}

.agentia-design-v2 .nav-category[data-nav-category="administracion"] .nav-button.active {
  background: linear-gradient(135deg, #b7791f, #8a560d) !important;
}

/* subtle visual cue for the active group; supported by current Chrome/Edge */
.agentia-design-v2 .nav-category:has(.nav-button.active) .nav-category-toggle {
  border-color: rgba(65,78,91,.18) !important;
  box-shadow: 0 10px 24px rgba(31,41,55,.08);
}

/* Reduce the extreme black/white feeling in the main active cards too */
.agentia-design-v2 .supplier-mode-btn.active,
.agentia-design-v2 .product-statement {
  background: linear-gradient(135deg, #172033 0%, #1f3b57 55%, #0f8b6f 140%) !important;
}

.agentia-design-v2 .module-hero {
  background:
    radial-gradient(circle at 92% 12%, rgba(31,111,235,.13), transparent 18rem),
    linear-gradient(135deg, rgba(255,255,255,.97), rgba(246,250,248,.90)) !important;
}

@media (max-width: 860px) {
  .agentia-design-v2 .sidebar {
    background:
      radial-gradient(circle at 20% 3%, rgba(31,111,235,.14), transparent 15rem),
      linear-gradient(180deg, #fbf7ee, #f4fbf8) !important;
  }
}

/* =========================================================
   Agentia Contable — Sprint 4 Responsive UI v1
   Goal: make the panel usable on tablets and mobile devices
   without breaking the desktop layout.
   ========================================================= */

@media (max-width: 1024px) {
  .agentia-design-v2 {
    overflow-x: hidden !important;
  }

  .agentia-design-v2 .app-shell,
  .agentia-design-v2 .dashboard-shell,
  .agentia-design-v2 .main-shell,
  .agentia-design-v2 .layout {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .agentia-design-v2 .module-hero,
  .agentia-design-v2 .panel,
  .agentia-design-v2 .card,
  .agentia-design-v2 .glass-card,
  .agentia-design-v2 .section-card {
    max-width: 100% !important;
  }

  .agentia-design-v2 .grid,
  .agentia-design-v2 .cards-grid,
  .agentia-design-v2 .metrics-grid,
  .agentia-design-v2 .summary-grid,
  .agentia-design-v2 .form-grid,
  .agentia-design-v2 .balance-grid,
  .agentia-design-v2 .assets-grid,
  .agentia-design-v2 .liabilities-grid,
  .agentia-design-v2 .equity-grid {
    grid-template-columns: 1fr !important;
  }

  .agentia-design-v2 table {
    min-width: 720px !important;
  }

  .agentia-design-v2 .table-wrap,
  .agentia-design-v2 .table-container,
  .agentia-design-v2 .data-table-wrap,
  .agentia-design-v2 .report-table,
  .agentia-design-v2 .catalog-table,
  .agentia-design-v2 .review-table {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 860px) {
  .agentia-design-v2 body,
  body.agentia-design-v2 {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .agentia-design-v2 .app-shell,
  .agentia-design-v2 .dashboard-shell,
  .agentia-design-v2 .main-layout,
  .agentia-design-v2 .layout {
    display: block !important;
    width: 100% !important;
  }

  .agentia-design-v2 .sidebar {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 0 0 24px 24px !important;
    padding: 14px !important;
    overflow: visible !important;
  }

  .agentia-design-v2 .sidebar nav,
  .agentia-design-v2 .nav-menu,
  .agentia-design-v2 .sidebar-scroll {
    max-height: none !important;
    overflow: visible !important;
  }

  .agentia-design-v2 .nav-category {
    margin-bottom: 8px !important;
  }

  .agentia-design-v2 .nav-category-toggle {
    min-height: 44px !important;
    font-size: 14px !important;
  }

  .agentia-design-v2 .nav-button {
    min-height: 46px !important;
    font-size: 14px !important;
    padding: 10px 12px !important;
  }

  .agentia-design-v2 .main,
  .agentia-design-v2 main,
  .agentia-design-v2 .content,
  .agentia-design-v2 .main-content,
  .agentia-design-v2 .page-content {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 14px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .agentia-design-v2 .module-page {
    padding: 0 !important;
  }

  .agentia-design-v2 .module-hero {
    padding: 20px !important;
    border-radius: 22px !important;
    margin-bottom: 14px !important;
  }

  .agentia-design-v2 .module-hero h1,
  .agentia-design-v2 .module-hero h2 {
    font-size: 28px !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
  }

  .agentia-design-v2 .module-hero p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .agentia-design-v2 .toolbar,
  .agentia-design-v2 .actions,
  .agentia-design-v2 .button-row,
  .agentia-design-v2 .form-actions,
  .agentia-design-v2 .cabys-learning-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .agentia-design-v2 button,
  .agentia-design-v2 .btn,
  .agentia-design-v2 .btn-primary,
  .agentia-design-v2 .btn-success,
  .agentia-design-v2 .btn-paper {
    width: 100% !important;
    min-height: 46px !important;
    touch-action: manipulation !important;
  }

  .agentia-design-v2 input,
  .agentia-design-v2 select,
  .agentia-design-v2 textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }

  .agentia-design-v2 textarea {
    min-height: 96px !important;
  }

  .agentia-design-v2 label {
    font-size: 13px !important;
  }

  .agentia-design-v2 .card,
  .agentia-design-v2 .panel,
  .agentia-design-v2 .glass-card,
  .agentia-design-v2 .section-card,
  .agentia-design-v2 .review-card,
  .agentia-design-v2 .metric-card {
    padding: 16px !important;
    border-radius: 20px !important;
    margin-bottom: 12px !important;
  }

  .agentia-design-v2 .cabys-learning-command {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  .agentia-design-v2 .cabys-learning-command h3 {
    font-size: 24px !important;
  }

  .agentia-design-v2 .cabys-learning-layout {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .agentia-design-v2 .cabys-learning-editor {
    position: static !important;
    top: auto !important;
  }

  .agentia-design-v2 .cabys-learning-metrics,
  .agentia-design-v2 .cabys-learning-grid {
    grid-template-columns: 1fr !important;
  }

  .agentia-design-v2 .cabys-official-results {
    max-height: 360px !important;
  }

  .agentia-design-v2 .cabys-result-card,
  .agentia-design-v2 .cabys-mapping-card {
    padding: 14px !important;
  }
}

@media (max-width: 520px) {
  .agentia-design-v2 .main,
  .agentia-design-v2 main,
  .agentia-design-v2 .content,
  .agentia-design-v2 .main-content,
  .agentia-design-v2 .page-content {
    padding: 10px !important;
  }

  .agentia-design-v2 .sidebar {
    padding: 10px !important;
  }

  .agentia-design-v2 .module-hero {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .agentia-design-v2 .module-hero h1,
  .agentia-design-v2 .module-hero h2 {
    font-size: 24px !important;
  }

  .agentia-design-v2 .metric-card strong,
  .agentia-design-v2 .cabys-learning-metrics strong {
    font-size: 26px !important;
  }

  .agentia-design-v2 table {
    min-width: 680px !important;
    font-size: 12px !important;
  }

  .agentia-design-v2 th,
  .agentia-design-v2 td {
    padding: 9px 8px !important;
  }
}

/* Prevent long accounting/CABYS text from breaking mobile layout */
.agentia-design-v2 td,
.agentia-design-v2 th,
.agentia-design-v2 p,
.agentia-design-v2 span,
.agentia-design-v2 div {
  overflow-wrap: anywhere;
}

/* End Sprint 4 Responsive UI v1 */