select,
input,
textarea{
  background:rgba(255,255,255,.06);
  border:1px solid var(--atlas-border-default);
  color:var(--atlas-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
input::placeholder,
textarea::placeholder{
  color:var(--atlas-text-soft);
}
select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,rgba(229,238,255,.82) 50%),linear-gradient(135deg,rgba(229,238,255,.82) 50%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.04));
  background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px),0 0;
  background-size:6px 6px,6px 6px,100% 100%;
  background-repeat:no-repeat;
  padding-right:38px;
}
select option,
select optgroup{
  color:#edf5ff;
  background:#0d1730;
}
.field{
  display:grid;
  gap:6px;
}
.field-help{
  font-size:12px;
  color:var(--atlas-text-soft);
}
.notice,
.err{
  border-radius:18px;
  padding:12px 14px;
}
.badge{
  border-color:var(--atlas-border-default);
  background:rgba(255,255,255,.08);
  color:var(--atlas-text);
}
.badge.ok,
.status-badge--success{
  background:rgba(57,217,138,.14);
  border-color:rgba(57,217,138,.28);
}
.badge.no,
.status-badge--danger{
  background:rgba(255,107,129,.14);
  border-color:rgba(255,107,129,.28);
}
.badge.warn,
.status-badge--warning{
  background:rgba(255,202,99,.15);
  border-color:rgba(255,202,99,.28);
}
.listing-filters,
.table-toolbar,
.panel-card,
.surface-panel{
  padding:20px;
  border-radius:var(--atlas-radius-lg);
  border:1px solid var(--atlas-border-default);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  box-shadow:var(--atlas-shadow-lg);
}
.filter-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  align-items:end;
}
.filter-grid--compact{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.filter-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.filter-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.filter-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(118,195,255,.28);
  background:rgba(118,195,255,.12);
  color:var(--atlas-text);
  font-size:12px;
  font-weight:800;
}
.filter-pill button{
  border:0;
  background:none;
  color:inherit;
  cursor:pointer;
  font-size:14px;
}
.panel-header{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.panel-header h3{font-size:22px;line-height:1.08}
.panel-copy{color:var(--atlas-text-muted);line-height:1.55}
.icon-badge{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(118,195,255,.16),rgba(127,240,208,.08));
  border:1px solid rgba(118,195,255,.24);
  color:var(--atlas-text);
}
.listings-grid,
.job-card-grid,
.metrics-grid,
.tile-grid{
  display:grid;
  gap:14px;
}
.listings-grid{
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
}
.listing-card-modern{
  position:relative;
  display:grid;
  gap:0;
  overflow:hidden;
  border-radius:28px;
  border:1px solid var(--atlas-border-default);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  box-shadow:var(--atlas-shadow-lg);
}
.listing-card-media{
  position:relative;
  min-height:230px;
  overflow:hidden;
  background:rgba(0,0,0,.2);
}
.listing-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform var(--atlas-duration-slow) var(--atlas-ease);
}
.listing-card-modern:hover .listing-card-media img{transform:scale(1.04)}
.listing-price-pill{
  position:absolute;
  top:14px;
  right:14px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(3,8,19,.82);
  border:1px solid rgba(255,255,255,.16);
  font-weight:900;
  box-shadow:var(--atlas-shadow-md);
}
.listing-island-tag{
  position:absolute;
  left:14px;
  top:14px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(127,240,208,.14);
  border:1px solid rgba(127,240,208,.24);
  color:#e9fffb;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.listing-card-body{
  display:grid;
  gap:12px;
  padding:18px;
}
.listing-card-title{
  font-size:20px;
  font-weight:1000;
  line-height:1.08;
}
.listing-card-meta{
  color:var(--atlas-text-muted);
  font-size:13px;
  line-height:1.5;
}
.listing-card-specs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.listing-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.listing-card-action-form{
  margin:0;
  display:inline-flex;
}
.detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);
  gap:18px;
}
.detail-fact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.detail-fact{
  padding:14px;
  border-radius:18px;
  border:1px solid var(--atlas-border-default);
  background:rgba(255,255,255,.04);
}
.sticky-cta-bar{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:70;
  display:none;
  gap:10px;
  padding:12px;
  border-radius:22px;
  border:1px solid var(--atlas-border-default);
  background:rgba(4,10,20,.92);
  box-shadow:var(--atlas-shadow-xl);
  backdrop-filter:blur(18px);
}
.ops-shell,
.command-center-shell,
.messages-shell,
.tenant-shell{
  display:grid;
  gap:18px;
}
.ops-shell{
  grid-template-columns:280px minmax(0,1fr);
  align-items:start;
}
.ops-sidebar,
.command-sidebar,
.thread-sidebar{
  display:grid;
  gap:14px;
}
.ops-sidebar .card,
.command-sidebar .card,
.thread-sidebar .card{
  padding:18px;
}
.command-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.command-card,
.queue-card,
.health-card,
.chat-panel,
.jobs-panel{
  padding:20px;
  border-radius:var(--atlas-radius-lg);
  border:1px solid var(--atlas-border-default);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  box-shadow:var(--atlas-shadow-lg);
}
.queue-list,
.health-strip{
  display:grid;
  gap:10px;
}
.thread-list{
  display:grid;
  gap:10px;
}
.thread-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:20px;
  border:1px solid var(--atlas-border-default);
  background:rgba(255,255,255,.04);
  text-decoration:none;
}
.thread-item.is-active,
.thread-item:hover{
  border-color:var(--atlas-border-strong);
  background:rgba(118,195,255,.12);
}
.thread-item-avatar{
  width:44px;
  height:44px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(118,195,255,.2),rgba(139,124,255,.2));
  border:1px solid rgba(255,255,255,.12);
}
.chat-shell{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:18px;
}
.chat-feed{
  display:grid;
  gap:12px;
}
.message-bubble{
  max-width:min(680px,100%);
  padding:16px 18px;
  border-radius:24px;
  border:1px solid var(--atlas-border-default);
  background:rgba(255,255,255,.05);
}
.message-bubble--own{
  margin-left:auto;
  background:linear-gradient(135deg,rgba(118,195,255,.18),rgba(139,124,255,.12));
}
.message-meta{font-size:12px;color:var(--atlas-text-soft);margin-bottom:8px}
.job-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:26px;
  border:1px solid var(--atlas-border-default);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  box-shadow:var(--atlas-shadow-lg);
}
.job-card-head,
.job-card-meta,
.job-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.job-card-stack{display:grid;gap:8px}
.job-card-actions .row{gap:8px;margin:0}
.hero-quick-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.hero-quick-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid var(--atlas-border-default);
  background:rgba(255,255,255,.07);
  text-decoration:none;
  font-weight:800;
}
@media (max-width: 1100px){
  .filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ops-shell,.chat-shell,.detail-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .filter-grid,.filter-grid--compact{grid-template-columns:1fr}
  .sticky-cta-bar{display:flex}
  .detail-fact-grid{grid-template-columns:1fr}
  .thread-item{grid-template-columns:1fr}
}