/* ERP integration architecture evaluator widget.
   Hand-written, scoped under #erp-architecture-widget. Reuses the color/type
   tokens already declared on :root by styles.css (loaded alongside this file)
   rather than redefining them -- no build step, no Tailwind. */

#erp-architecture-widget{margin:clamp(2.25rem,4vw,3.4rem) 0;padding:clamp(1.25rem,3vw,2rem);
  background:#fff;border:1px solid var(--line);border-radius:14px;}

#erp-architecture-widget .aw-head{display:flex;flex-direction:column;gap:1rem;
  padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line);}
@media (min-width:640px){#erp-architecture-widget .aw-head{flex-direction:row;flex-wrap:wrap;
  align-items:center;justify-content:space-between;}}
#erp-architecture-widget .aw-head-copy{flex:1 1 260px;min-width:0;}

#erp-architecture-widget .aw-eyebrow{display:block;font-family:var(--mono);font-size:.68rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;}
#erp-architecture-widget .aw-title{font-family:var(--serif);font-weight:400;color:var(--ink);
  font-size:clamp(1.35rem,1.15rem + 1vw,1.7rem);line-height:1.15;margin:0 0 .3rem;}
#erp-architecture-widget .aw-sub{font-size:.85rem;color:var(--muted);margin:0;}

#erp-architecture-widget .aw-persona{display:inline-flex;flex-shrink:0;flex-grow:0;border:1px solid var(--line);
  border-radius:8px;overflow:hidden;align-self:flex-start;}
#erp-architecture-widget .aw-persona-btn{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;
  text-transform:uppercase;padding:.55rem .9rem;background:none;border:none;color:var(--muted);cursor:pointer;}
#erp-architecture-widget .aw-persona-btn[data-active="true"]{background:var(--ink);color:var(--bg);}

#erp-architecture-widget .aw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.65rem;margin-bottom:1.5rem;}
@media (max-width:640px){#erp-architecture-widget .aw-tabs{grid-template-columns:1fr;}}
#erp-architecture-widget .aw-tab{text-align:left;font-family:var(--sans);background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:.85rem;cursor:pointer;opacity:.65;}
#erp-architecture-widget .aw-tab:hover{opacity:1;}
#erp-architecture-widget .aw-tab[data-active="true"]{background:var(--bg);opacity:1;}
#erp-architecture-widget .aw-tab-warn[data-active="true"]{border-color:var(--peach);}
#erp-architecture-widget .aw-tab-danger[data-active="true"]{border-color:var(--accent);}
#erp-architecture-widget .aw-tab-good[data-active="true"]{border-color:var(--plum);}
#erp-architecture-widget .aw-tab-row{display:flex;align-items:center;justify-content:space-between;
  gap:.5rem;margin-bottom:.35rem;}
#erp-architecture-widget .aw-tab-label{font-family:var(--mono);font-size:.68rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;}
#erp-architecture-widget .aw-tab-warn .aw-tab-label{color:#9C6A24;}
#erp-architecture-widget .aw-tab-danger .aw-tab-label{color:var(--accent);}
#erp-architecture-widget .aw-tab-good .aw-tab-label{color:var(--plum);}
#erp-architecture-widget .aw-tag{font-family:var(--mono);font-size:.65rem;letter-spacing:.04em;
  padding:.12rem .45rem;border-radius:4px;}
#erp-architecture-widget .aw-tag-warn{background:#F3E6D2;color:#8A5A1E;}
#erp-architecture-widget .aw-tag-danger{background:#F3DDD3;color:#9C4527;}
#erp-architecture-widget .aw-tag-good{background:#EADDE3;color:var(--plum);}
#erp-architecture-widget .aw-tab-name{font-size:.87rem;font-weight:600;line-height:1.3;
  color:var(--ink);min-height:calc(1.3em * 2);display:flex;align-items:flex-start;}

#erp-architecture-widget .aw-pipeline-wrap{background:var(--bg);border-radius:10px;
  padding:1.15rem;margin-bottom:1.5rem;}
#erp-architecture-widget .aw-pipeline-label{display:flex;align-items:center;gap:.5rem;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:1rem;}
#erp-architecture-widget .aw-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}
#erp-architecture-widget .aw-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;}
@media (max-width:640px){#erp-architecture-widget .aw-pipeline{grid-template-columns:1fr 1fr;}}
#erp-architecture-widget .aw-pstep{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.75rem;}
#erp-architecture-widget .aw-pstep-num{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;
  color:var(--faint);margin-bottom:.3rem;}
#erp-architecture-widget .aw-pstep-title{font-size:.78rem;font-weight:600;color:var(--ink);
  line-height:1.3;margin-bottom:.2rem;}
#erp-architecture-widget .aw-pstep-sub{font-size:.7rem;color:var(--muted);line-height:1.35;}
#erp-architecture-widget .aw-pstep-status{display:block;font-family:var(--mono);font-size:.62rem;
  letter-spacing:.05em;text-transform:uppercase;margin-top:.65rem;}
#erp-architecture-widget .aw-s-input{color:var(--muted);}
#erp-architecture-widget .aw-s-warn{color:#9C6A24;}
#erp-architecture-widget .aw-s-danger{color:var(--accent);}
#erp-architecture-widget .aw-s-good{color:var(--plum);}

#erp-architecture-widget .aw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;}
@media (max-width:640px){#erp-architecture-widget .aw-metrics{grid-template-columns:1fr;}}
#erp-architecture-widget .aw-metric{background:var(--bg);border-radius:8px;padding:.9rem;}
#erp-architecture-widget .aw-metric-label{font-size:.74rem;color:var(--muted);margin-bottom:.3rem;}
#erp-architecture-widget .aw-metric-value{font-size:1.08rem;font-weight:700;color:var(--ink);margin-bottom:.25rem;}
#erp-architecture-widget .aw-metric-detail{font-size:.72rem;color:var(--faint);line-height:1.4;}