/* GILTOS Polish Layer v20260510-2
   Final consistency layer for terminology, guided demo step bar, and layout rhythm. */
:root{
  --g-polish-blue:#1677ff;
  --g-polish-blue-dark:#0958d9;
  --g-polish-blue-soft:#e6f4ff;
  --g-polish-text:#111827;
  --g-polish-muted:#4b5563;
  --g-polish-line:#e5e7eb;
  --g-polish-bg:#f6f8fb;
  --g-polish-card:#fff;
  --g-polish-shadow:0 10px 28px rgba(15,23,42,.08);
}
/* Unified Guided Demo Step Bar */
.giltos-stepbar{
  width:min(1180px,calc(100% - 48px));
  margin:18px auto 24px;
  padding:14px 16px;
  background:rgba(255,255,255,.96);
  border:1px solid #dceaff;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(22,119,255,.08);
  display:flex;
  align-items:center;
  gap:14px;
  overflow:hidden;
}
.app-page .giltos-stepbar,
.app-layout .giltos-stepbar{
  width:100%;
  margin:16px 0 22px;
  box-shadow:0 6px 18px rgba(15,23,42,.05);
}
.giltos-stepbar-label{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:#f0f7ff;
  color:#0958d9;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.giltos-stepbar-scroll{
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:thin;
  padding-bottom:2px;
  flex:1 1 auto;
}
.giltos-stepbar-scroll::-webkit-scrollbar{height:6px}
.giltos-stepbar-scroll::-webkit-scrollbar-thumb{background:#c9ddff;border-radius:999px}
.giltos-stepbar-item{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 10px 0 6px;
  border:1px solid #d9e8ff;
  border-radius:999px;
  background:#fff;
  color:#475467;
  font-size:12px;
  font-weight:700;
  text-decoration:none!important;
  transition:all .18s ease;
}
.giltos-stepbar-item:hover{background:#f6fbff;color:#1677ff;transform:translateY(-1px)}
.giltos-stepbar-item.current{
  background:#1677ff;
  border-color:#1677ff;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(22,119,255,.22);
}
.giltos-stepbar-num{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef5ff;
  color:#1677ff;
  font-size:11px;
  font-weight:850;
}
.giltos-stepbar-item.current .giltos-stepbar-num{background:#fff;color:#1677ff}
/* Neutralize old step bars if any remain */
.demo-step-bar:not(.giltos-stepbar),
.gts-demo-step-bar:not(.giltos-stepbar),
.giltos-demo-step:not(.giltos-stepbar){display:none!important}
/* Improve app content rhythm */
.content-area > .page-header,
.dashboard-content > .page-header,
.app-content > .page-header{margin-top:8px!important}
.app-panel,.growth-card,.dashboard-card,.stat-card,.metric-card{border-color:#e6eaf2!important}
.app-panel h2,.growth-card h3,.dashboard-card h3{letter-spacing:-.01em}
/* Reduce awkward mixed UI tags */
.status,.badge,.tag,.pill{font-weight:750!important}
/* Better responsive stepbar */
@media(max-width:760px){
  .giltos-stepbar{width:min(100% - 28px,1180px);display:block;padding:12px;margin:12px auto 18px;border-radius:14px}
  .giltos-stepbar-label{margin-bottom:10px}
  .app-page .giltos-stepbar,.app-layout .giltos-stepbar{width:100%;margin:10px 0 18px}
}