/* app/views/sandbox/general-widget-legacy/general-widget.legacy.css */
/* Scoped: não altera nada fora da página */
.gw-scope{
  --gw-bg: #f6f7fb;
  --gw-card: #ffffff;
  --gw-text: #0f172a;
  --gw-muted: #64748b;
  --gw-border: #e5e7eb;
  --gw-primary: #4f8ff7;
  --gw-primary-strong: #2f78f3;
  --gw-success: #16a34a;
  --gw-danger: #ef4444;
  --theme-deafult: #4f8ff7;
  --gw-radius: 14px;

  --gw-ring: rgba(79,143,247,.28);

  background: var(--gw-card);
  color: var(--gw-text);
  padding: 16px 0 28px;
}

/* gaps (substitui g-2/g-3 do BS5) */
.gw-scope .gw-g-2 > [class*="col-"]{ padding-left: 8px; padding-right: 8px; }
.gw-scope .gw-g-3 > [class*="col-"]{ padding-left: 0px; padding-right: 10px; }
.gw-scope .gw-g-2, .gw-scope .gw-g-3{ margin-left: -10px; margin-right: -10px; }

.gw-scope .gw-page-title{ margin: 0 0 12px; }
.gw-scope .gw-title{ margin: 0 0 6px; font-weight: 900; letter-spacing: -.02em; }
.gw-scope .gw-breadcrumb{ list-style:none; padding:0; margin:0; color: var(--gw-muted); font-size: 13px; }
.gw-scope .gw-breadcrumb li{ display:inline-block; }
.gw-scope .gw-breadcrumb li + li:before{ content:"/"; margin: 0 8px; color: rgba(100,116,139,.6); }
.gw-scope .gw-breadcrumb .active{ color: var(--gw-text); font-weight: 700; }

.gw-scope .card{
  background: var(--gw-card);
  border: 1px solid rgba(236, 237, 238, 0.9);
  border-radius: var(--gw-radius);
  box-shadow: var(--gw-shadow);
  margin-bottom: 18px;
  overflow: hidden;
}

.gw-scope .card-header{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(229,231,235,.9);
  background: #fff;
}

.gw-scope .card-header h5{
  margin: 0;
  font-size: 15px;
  font-weight: 900;
}

.gw-scope .card-body{ padding: 16px; }

/* media (Bootstrap 3 tem .media, mas aqui padroniza sem quebrar) */
.gw-scope .media{ display:flex; align-items:center; }
.gw-scope .media-body{ flex: 1; min-width: 0; }

/* chart widget (top cards) */
.gw-scope .chart-widget-top .card-body{
  padding: 14px 16px 8px;
}
.gw-scope .chart-widget-top .row{
  display: flex;
  align-items: flex-start;
}
.gw-scope .chart-widget-top h6{
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.gw-scope .chart-widget-top .num{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  color: var(--gw-muted);
}
.gw-scope .chart-widget-top .num .counter{
  font-size: 13px;
  font-weight: 800;
}
.gw-scope .chart-widget-top .icon-angle-up{
  font-size: 12px;
  color: inherit;
}
.gw-scope .chart-widget-top .total-value{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
}
.gw-scope .chart-widget-top .total-value .counter{
  font-size: 18px;
  font-weight: 800;
}
.gw-scope .chart-widget-top .text-end{
  text-align: right;
}

/* top widgets */
.gw-scope .digits{ display:block; color: var(--gw-muted); font-size: 13px; margin-bottom: 6px; }
.gw-scope .counter{ margin: 0; font-size: 22px; font-weight: 900; }
.gw-scope .gw-sub{ display:flex; justify-content:space-between; margin-top: 10px; font-size: 13px; }
.gw-scope .font-primary{ color: var(--gw-primary); font-weight: 800; }
.gw-scope .font-success{ color: var(--gw-success); font-weight: 900; }
.gw-scope .font-danger{ color: var(--gw-danger); font-weight: 900; }

.gw-scope .gw-badge{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: var(--gw-shadow-sm);
  white-space: nowrap;
}
.gw-scope .gw-badge.success{ background: rgba(22,163,74,.12); color: var(--gw-success); }
.gw-scope .gw-badge.danger{ background: rgba(239,68,68,.12); color: var(--gw-danger); }

/* menu */
.gw-scope .gw-menu{ position: relative; display:inline-block; color: rgba(15,23,42,.55); cursor: pointer; }
.gw-scope .gw-menu .fa{ font-size: 16px; }
.gw-scope .gw-menu-list{
  position:absolute; right: 0; top: 24px;
  min-width: 160px;
  background:#fff;
  border: 1px solid rgba(229,231,235,.9);
  border-radius: 12px;
  box-shadow: var(--gw-shadow);
  padding: 8px;
  margin: 0;
  list-style:none;
  display:none;
  z-index: 20;
}
.gw-scope .gw-menu:hover .gw-menu-list{ display:block; }
.gw-scope .gw-menu-list li a{
  display:block;
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--gw-text);
  text-decoration:none;
  font-size: 13px;
}
.gw-scope .gw-menu-list li a:hover{ background: rgba(79,143,247,.10); color: var(--gw-primary-strong); }

/* sale */
.gw-scope .gw-sale-item{
  border: 1px solid rgba(229,231,235,.9);
  border-radius: 12px;
  padding: 12px;
  box-shadow: var(--gw-shadow-sm);
}
.gw-scope .gw-sale-title{ color: var(--gw-muted); font-size: 13px; margin-bottom: 6px; }
.gw-scope .gw-sale-value{ display:flex; align-items:baseline; gap: 8px; flex-wrap: wrap; }
.gw-scope .gw-money{ font-weight: 900; font-size: 16px; }
.gw-scope .gw-delta{ font-weight: 900; font-size: 13px; }
.gw-scope .gw-delta.up{ color: var(--gw-success); }
.gw-scope .gw-delta.down{ color: var(--gw-danger); }
.gw-scope .gw-delta-sub{ color: var(--gw-muted); font-size: 12px; }

/* progress */
.gw-scope .gw-progress{
  height: 8px;
  background: rgba(100,116,139,.15);
  border-radius: 999px;
  overflow:hidden;
}
.gw-scope .gw-progress-bar{
  height: 100%;
  width: 0%;
  background: var(--gw-primary);
  border-radius: 999px;
}

/* order box */
.gw-scope .gw-order-box{
  border: 1px solid rgba(229,231,235,.9);
  border-radius: 12px;
  padding: 12px;
  box-shadow: var(--gw-shadow-sm);
  margin-bottom: 12px;
}
.gw-scope .gw-order-top{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom: 10px; }
.gw-scope .gw-order-value{ font-weight: 900; font-size: 16px; }
.gw-scope .gw-order-pct{ color: var(--gw-muted); font-size: 13px; font-weight: 800; }
.gw-scope .gw-order-label{ margin-top: 10px; color: var(--gw-muted); font-size: 13px; }

/* feedback */
.gw-scope .widget-feedback{ padding-bottom: 10px; }
.gw-scope #feedback-chart{ margin: 10px auto 8px; }
.gw-scope .gw-chart-missing{
  border: 1px dashed rgba(100,116,139,.4);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  color: var(--gw-muted);
  font-size: 12px;
}
.gw-scope .gw-feedback-list{
  list-style:none;
  padding:0;
  margin: 8px 0 0;
  display:flex;
  gap: 12px;
  justify-content:space-between;
}
.gw-scope .gw-feedback-list li{
  flex:1;
  border: 1px solid rgba(229,231,235,.9);
  border-radius: 12px;
  padding: 10px;
  text-align:center;
  box-shadow: var(--gw-shadow-sm);
}
.gw-scope .gw-feedback-list h4{ margin: 0 0 6px; font-size: 13px; color: var(--gw-muted); font-weight: 800; }
.gw-scope .gw-feedback-list h5{ margin: 0; font-size: 16px; font-weight: 900; }

/* activity */
.gw-scope .gw-activity{ list-style:none; padding:0; margin:0; }
.gw-scope .gw-activity li{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(229,231,235,.9);
}
.gw-scope .gw-activity li:last-child{ border-bottom:0; }
.gw-scope .gw-activity-name{ font-weight: 900; font-size: 13px; }
.gw-scope .gw-activity-meta{ color: var(--gw-muted); font-size: 12px; font-weight: 700; }
.gw-scope .gw-activity-value{ margin-left:auto; font-weight: 900; }

/* tables */
.gw-scope .gw-table{ margin:0; }
.gw-scope .gw-table>thead>tr>th{
  border-bottom: 1px solid rgba(229,231,235,.9);
  color: var(--gw-muted);
  font-size: 12px;
  font-weight: 900;
}
.gw-scope .gw-table>tbody>tr>td{
  vertical-align: middle;
  border-top: 1px solid rgba(229,231,235,.9);
  font-size: 13px;
}

/* product/avatars */
.gw-scope .gw-product{ display:flex; align-items:center; gap: 10px; }
.gw-scope .gw-product-img{ width: 34px; height: 34px; border-radius: 10px; object-fit: cover; }
.gw-scope .gw-product-name{ font-weight: 900; font-size: 13px; }
.gw-scope .gw-product-sku{ color: var(--gw-muted); font-size: 12px; font-weight: 700; }
.gw-scope .gw-avatar{ width: 34px; height: 34px; border-radius: 999px; object-fit: cover; box-shadow: var(--gw-shadow-sm); }
.gw-scope .gw-icon{ width: 26px; height: 26px; object-fit: contain; }
.gw-scope .fill-secondary path{ fill: var(--gw-primary); }
.gw-scope .fill-success path{ fill: var(--gw-success); }
.gw-scope .fill-primary path{ fill: var(--gw-primary); }
.gw-scope .fill-danger path{ fill: var(--gw-danger); }

/* progress animations (Zeta scoped) */
.gw-scope .progress-animate{
  position: relative;
  overflow: hidden;
}
.gw-scope .progress-animate .animate-circle{
  position: absolute;
  left: calc(100% - 6px);
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--gw-progress-color, #4f8ff7);
  box-shadow: 0 0 0 6px var(--gw-progress-glow, rgba(79,143,247,0.2));
  animation: gw-heartbit 1.2s ease-out infinite;
}
.gw-scope .progress-gradient-secondary,
.gw-scope .progress-gradient-success,
.gw-scope .progress-gradient-primary,
.gw-scope .progress-gradient-danger{
  display: block;
  height: 100%;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
  position: relative;
  overflow: visible;
}
.gw-scope .progress-gradient-secondary{
  --gw-progress-color: #4f8ff7;
  --gw-progress-glow: rgba(79,143,247,0.22);
  background: linear-gradient(90deg, #4f8ff7 0%, #7b9dff 100%) !important;
}
.gw-scope .progress-gradient-success{
  --gw-progress-color: #16a34a;
  --gw-progress-glow: rgba(22,163,74,0.22);
  background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%) !important;
}
.gw-scope .progress-gradient-primary{
  --gw-progress-color: #171818;
  --gw-progress-glow: rgba(37,99,235,0.22);
  background: linear-gradient(90deg, #4f8ff7 0%, #171818 100%) !important;
}
.gw-scope .progress-gradient-danger{
  --gw-progress-color: #dc2626;
  --gw-progress-glow: rgba(220,38,38,0.22);
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%) !important;
}
@keyframes gw-heartbit{
  0%{ transform: scale(0.8); opacity: 0.8; }
  50%{ transform: scale(1.1); opacity: 1; }
  100%{ transform: scale(1.3); opacity: 0; }
}

/* pills */
.gw-scope .gw-pill{
  display:inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  background: rgba(100,116,139,.12);
  color: rgba(15,23,42,.70);
}
.gw-scope .gw-pill.success{ background: rgba(22,163,74,.12); color: var(--gw-success); }
.gw-scope .gw-pill.danger{ background: rgba(239,68,68,.12); color: var(--gw-danger); }
.gw-scope .gw-pill.primary{ background: rgba(79,143,247,.12); color: var(--gw-primary-strong); }

/* scoped inputs/buttons */
.gw-scope .gw-input{
  border-radius: 12px !important;
  border: 1px solid rgba(229,231,235,.95) !important;
  box-shadow: var(--gw-shadow-sm) !important;
}
.gw-scope .gw-input:focus{
  border-color: var(--gw-primary) !important;
  box-shadow: 0 0 0 4px var(--gw-ring), var(--gw-shadow-sm) !important;
}
.gw-scope .gw-btn{
  background: var(--gw-primary);
  border: 1px solid transparent;
  color:#fff;
  border-radius: 12px;
  font-weight: 900;
  padding: 9px 14px;
}
.gw-scope .gw-btn:hover{ background: var(--gw-primary-strong); color:#fff; }

/* weather/clock */
.gw-scope .gw-weather-row{ display:flex; align-items:baseline; justify-content:space-between; padding: 6px 0; }
.gw-scope .gw-weather-temp{ font-weight: 900; font-size: 16px; }
.gw-scope .gw-weather-city{ color: var(--gw-muted); font-size: 13px; font-weight: 800; }

.gw-scope .gw-clockWrap{ margin-top: 10px; }
.gw-scope .gw-clock{
  width: 120px;
  height: 120px;
  border-radius: 999px;
  margin: 10px auto 8px;
  position: relative;
  background: radial-gradient(circle at 50% 50%, #ffffff 0%, #f3f6ff 62%, #ffffff 100%);
  border: 1px solid rgba(229,231,235,.95);
  box-shadow: var(--gw-shadow);
}
.gw-scope .gw-hour, .gw-scope .gw-min, .gw-scope .gw-sec{
  position:absolute;
  left: 50%;
  top: 50%;
  transform-origin: left center;
  transform: rotate(90deg);
  border-radius: 999px;
}
.gw-scope .gw-hour{ width: 34px; height: 4px; background: rgba(15,23,42,.8); }
.gw-scope .gw-min{ width: 46px; height: 3px; background: rgba(15,23,42,.65); }
.gw-scope .gw-sec{ width: 52px; height: 2px; background: var(--gw-primary); }
.gw-scope .gw-date{ color: var(--gw-muted); font-size: 13px; font-weight: 900; }

/* datepicker wrapper + carousel item */
.gw-scope .gw-datepicker{
  border: 1px solid rgba(229,231,235,.95);
  border-radius: 14px;
  box-shadow: var(--gw-shadow);
  padding: 6px;
  background:#fff;
  margin-bottom: 12px;
}
.gw-scope .gw-testimonial{
  border: 1px solid rgba(229,231,235,.95);
  border-radius: 14px;
  box-shadow: var(--gw-shadow-sm);
  padding: 12px;
  background:#fff;
}
.gw-scope .gw-testimonial-text{ color: rgba(15,23,42,.8); font-size: 13px; line-height: 1.4; margin-bottom: 10px; }
.gw-scope .gw-testimonial-user{ display:flex; align-items:center; gap: 10px; }