:root {
  --atlas-v34-orange: #ff6500;
  --atlas-v34-blue: #2d91ff;
  --atlas-v34-cyan: #2ac8ff;
  --atlas-v34-green: #69d34f;
  --atlas-v34-border: rgba(176, 202, 220, 0.34);
  --atlas-v34-panel: rgba(18, 27, 34, 0.96);
  --atlas-v34-panel-deep: rgba(8, 18, 27, 0.98);
}

body.atlasQuickCaptureV34[data-jarvis-tab="field-home"] #panel {
  padding: 0 0 calc(96px + env(safe-area-inset-bottom));
  max-width: 100%;
  background:
    radial-gradient(circle at 74% 12%, rgba(37, 145, 255, 0.09), transparent 34%),
    linear-gradient(180deg, #04111b 0%, #09131a 42%, #10171b 100%);
}

.atlasQuickHeaderV34 {
  position: relative;
  padding: max(22px, env(safe-area-inset-top)) 24px 20px;
  color: #f5f9fc;
  background:
    linear-gradient(rgba(2, 14, 24, 0.9), rgba(2, 14, 24, 0.96)),
    repeating-radial-gradient(ellipse at 15% 0%, transparent 0 26px, rgba(45, 145, 255, 0.12) 27px 28px, transparent 29px 52px);
  border-bottom: 2px solid var(--atlas-v34-blue);
}

.atlasQuickBrandV34 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.atlasQuickBrandV34 b {
  font-size: 38px;
  letter-spacing: -1px;
}

.atlasQuickMarkV34 {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  font-size: 26px;
  font-weight: 900;
  color: white;
  clip-path: polygon(50% 0, 100% 100%, 72% 100%, 50% 55%, 28% 100%, 0 100%);
  background: linear-gradient(135deg, #1e82ff, #8cd5ff);
}

.atlasQuickContextV34 {
  width: 100%;
  display: grid;
  grid-template-columns: 1.05fr 0.75fr 1.3fr auto;
  gap: 18px;
  align-items: end;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}

.atlasQuickContextV34 span {
  min-width: 0;
}

.atlasQuickContextV34 small,
.atlasQuickDefaultsGridV34 small {
  display: block;
  margin-bottom: 7px;
  color: #a7b4bf;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.7px;
}

.atlasQuickContextV34 b {
  display: block;
  color: #fff;
  font-size: 21px;
  line-height: 1.12;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.atlasQuickContextV34 i {
  color: var(--atlas-v34-blue);
  font-style: normal;
  font-size: 22px;
}

.atlasQuickStatusV34 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 22px;
}

.atlasQuickStatusV34 span {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border: 1px solid var(--atlas-v34-border);
  border-radius: 9px;
  color: #e7eef4;
  background: rgba(12, 20, 27, 0.72);
  font-size: 14px;
  font-weight: 700;
}

.atlasQuickStatusV34 span.good {
  border-color: rgba(105, 211, 79, 0.64);
  color: #baf5a9;
}

.atlasQuickContextFormV34 {
  display: grid;
  grid-template-columns: 1fr 0.65fr 1fr;
  gap: 12px;
  margin-top: 18px;
  padding: 16px;
  border: 1px solid var(--atlas-v34-border);
  border-radius: 12px;
  background: rgba(13, 24, 33, 0.96);
}

.atlasQuickContextFormV34 label {
  color: #c8d4dc;
  font-size: 12px;
  font-weight: 700;
}

.atlasQuickContextFormV34 input,
.atlasQuickContextFormV34 select {
  width: 100%;
  margin-top: 6px;
}

.atlasQuickContextFormV34 > div {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.atlasQuickHomeV34 {
  padding: 24px;
  color: #f4f8fb;
}

.atlasQuickTitleV34 {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 8px;
}

.atlasQuickTitleV34 h1 {
  margin: 0;
  font-size: 38px;
  letter-spacing: -1.2px;
}

.atlasQuickTitleV34 p {
  margin: 6px 0 0;
  color: #b5c0c8;
  font-size: 17px;
}

.atlasQuickLocalV34 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border: 1px solid var(--atlas-v34-border);
  border-radius: 10px;
  background: rgba(15, 24, 31, 0.94);
}

.atlasQuickLocalV34 span {
  font-size: 23px;
}

.atlasQuickLocalV34 small,
.atlasQuickLocalV34 b {
  display: block;
}

.atlasQuickLocalV34 small {
  color: #9ca9b3;
  font-size: 9px;
  letter-spacing: 0.8px;
}

.atlasQuickLocalV34 b {
  font-size: 12px;
  white-space: nowrap;
}

.atlasQuickWheelV34 {
  position: relative;
  width: min(100%, 690px);
  min-height: 510px;
  margin: 8px auto 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, 1fr);
  gap: 14px;
  align-items: stretch;
}

.atlasQuickWheelLinesV34 {
  position: absolute;
  inset: 16% 14%;
  border-radius: 50%;
  opacity: 0.58;
  background:
    radial-gradient(circle, transparent 0 26%, rgba(127, 147, 159, 0.38) 27% 27.6%, transparent 28% 43%, rgba(127, 147, 159, 0.24) 44% 44.6%, transparent 45%),
    conic-gradient(from 0deg, transparent 0 11%, rgba(127, 147, 159, 0.25) 11.3% 11.8%, transparent 12% 24%, rgba(127, 147, 159, 0.25) 24.3% 24.8%, transparent 25% 37%, rgba(127, 147, 159, 0.25) 37.3% 37.8%, transparent 38% 49%, rgba(127, 147, 159, 0.25) 49.3% 49.8%, transparent 50% 62%, rgba(127, 147, 159, 0.25) 62.3% 62.8%, transparent 63% 74%, rgba(127, 147, 159, 0.25) 74.3% 74.8%, transparent 75%);
  pointer-events: none;
}

.atlasQuickActionV34,
.atlasQuickCenterV34 {
  position: relative;
  z-index: 1;
  min-width: 0;
  border: 1px solid rgba(181, 199, 211, 0.43);
  border-radius: 14px;
  color: #f7fafc;
  background: linear-gradient(180deg, rgba(29, 39, 46, 0.98), rgba(17, 25, 31, 0.98));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), 0 8px 18px rgba(0, 0, 0, 0.2);
}

.atlasQuickActionV34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 14px 10px;
  transition: transform 140ms ease, opacity 160ms ease;
}

.atlasQuickActionV34:active,
.atlasQuickCenterV34:active {
  transform: scale(0.97);
}

.atlasQuickActionV34 span {
  color: var(--atlas-v34-blue);
  font-size: 37px;
  line-height: 1;
}

.atlasQuickActionV34.top span,
.atlasQuickActionV34.rightTop span {
  color: var(--atlas-v34-orange);
}

.atlasQuickActionV34 b {
  font-size: 21px;
}

.atlasQuickActionV34 small {
  color: #aeb9c1;
  font-size: 13px;
}

.atlasQuickActionV34.top { grid-area: 1 / 2; }
.atlasQuickActionV34.leftTop { grid-area: 2 / 1; }
.atlasQuickActionV34.rightTop { grid-area: 2 / 3; }
.atlasQuickActionV34.leftBottom { grid-area: 3 / 1; }
.atlasQuickActionV34.rightBottom { grid-area: 3 / 3; }
.atlasQuickActionV34.bottom { grid-area: 3 / 2; }

.atlasQuickCenterV34 {
  grid-area: 2 / 2;
  width: 154px;
  height: 154px;
  place-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3px solid rgba(255, 184, 117, 0.72);
  color: white;
  background: radial-gradient(circle at 45% 30%, #ff8c1a, var(--atlas-v34-orange) 58%, #e44700 100%);
  box-shadow: 0 0 0 15px rgba(21, 31, 37, 0.94), 0 0 0 17px rgba(167, 182, 190, 0.35), 0 0 32px rgba(255, 101, 0, 0.38);
}

.atlasQuickCenterV34 span {
  font-size: 62px;
  font-weight: 300;
  line-height: 0.8;
}

.atlasQuickCenterV34 b {
  margin-top: 9px;
  font-size: 19px;
}

.atlasQuickCenterV34 small {
  color: rgba(255,255,255,0.84);
  font-size: 11px;
}

.atlasQuickWheelV34.collapsed .atlasQuickActionV34 {
  opacity: 0.12;
  pointer-events: none;
  transform: scale(0.82);
}

.atlasQuickDefaultsV34,
.atlasQuickRecentV34 {
  width: min(100%, 860px);
  margin: 18px auto 0;
  border: 1px solid var(--atlas-v34-border);
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(25, 34, 40, 0.98), rgba(13, 21, 27, 0.98));
  box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}

.atlasQuickSectionHeadV34 {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 18px;
  border-bottom: 1px solid rgba(177, 198, 212, 0.22);
}

.atlasQuickSectionHeadV34 > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.atlasQuickSectionHeadV34 span {
  color: var(--atlas-v34-blue);
  font-size: 24px;
}

.atlasQuickSectionHeadV34 b {
  font-size: 18px;
}

.atlasQuickSectionHeadV34 button {
  border: 0;
  color: var(--atlas-v34-blue);
  background: transparent;
  font-weight: 750;
}

.atlasQuickDefaultsGridV34 {
  display: grid;
  grid-template-columns: 1.25fr 0.8fr 1fr 0.65fr;
  padding: 17px 12px;
}

.atlasQuickDefaultsGridV34 > div {
  position: relative;
  min-width: 0;
  padding: 0 14px 0 46px;
  border-right: 1px solid rgba(177, 198, 212, 0.18);
}

.atlasQuickDefaultsGridV34 > div:last-child {
  border-right: 0;
}

.atlasQuickDefaultsGridV34 > div > span {
  position: absolute;
  left: 12px;
  top: 3px;
  color: var(--atlas-v34-blue);
  font-size: 26px;
}

.atlasQuickDefaultsGridV34 > div:last-child > span {
  color: var(--atlas-v34-green);
}

.atlasQuickDefaultsGridV34 b {
  display: block;
  overflow: hidden;
  color: #f5f8fa;
  font-size: 16px;
  text-overflow: ellipsis;
}

.atlasQuickRecentRowV34 {
  width: 100%;
  min-height: 70px;
  display: grid;
  grid-template-columns: 44px 1fr auto 42px 20px;
  gap: 10px;
  align-items: center;
  padding: 11px 16px;
  border: 0;
  border-bottom: 1px solid rgba(177, 198, 212, 0.16);
  color: #f3f7fa;
  background: transparent;
  text-align: left;
}

.atlasQuickRecentRowV34:last-child {
  border-bottom: 0;
}

.atlasQuickRecentRowV34 .recordIcon {
  color: var(--atlas-v34-blue);
  font-size: 27px;
  text-align: center;
}

.atlasQuickRecentRowV34 div b,
.atlasQuickRecentRowV34 div small {
  display: block;
}

.atlasQuickRecentRowV34 div b {
  font-size: 17px;
}

.atlasQuickRecentRowV34 div small {
  margin-top: 3px;
  color: #9eabb4;
  font-size: 12px;
}

.atlasQuickRecentRowV34 time {
  color: #9eabb4;
  font-size: 12px;
}

.atlasQuickRecentRowV34 em {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid currentColor;
  border-radius: 50%;
  font-style: normal;
  font-weight: 900;
}

.atlasQuickRecentRowV34 em.ready,
.atlasQuickRecentRowV34 em.verified { color: var(--atlas-v34-green); }
.atlasQuickRecentRowV34 em.warning { color: #ffc51b; }
.atlasQuickRecentRowV34 > i { color: #aeb8bf; font-size: 24px; font-style: normal; }

.atlasQuickEmptyV34 {
  padding: 28px;
  color: #aab6be;
  text-align: center;
}

@media (max-width: 700px) {
  .atlasQuickHeaderV34 { padding-left: 16px; padding-right: 16px; }
  .atlasQuickBrandV34 { margin-bottom: 18px; }
  .atlasQuickBrandV34 b { font-size: 31px; }
  .atlasQuickContextV34 { grid-template-columns: 1fr 0.62fr 1.2fr auto; gap: 10px; }
  .atlasQuickContextV34 small { font-size: 9px; }
  .atlasQuickContextV34 b { font-size: 15px; }
  .atlasQuickStatusV34 { gap: 7px; }
  .atlasQuickStatusV34 span { min-height: 39px; padding: 7px 6px; font-size: 11px; }
  .atlasQuickContextFormV34 { grid-template-columns: 1fr; }
  .atlasQuickContextFormV34 > div { grid-column: auto; }
  .atlasQuickHomeV34 { padding: 20px 14px; }
  .atlasQuickTitleV34 h1 { font-size: 32px; }
  .atlasQuickTitleV34 p { font-size: 14px; }
  .atlasQuickLocalV34 { padding: 8px 10px; }
  .atlasQuickLocalV34 b { font-size: 10px; }
  .atlasQuickWheelV34 { min-height: 430px; gap: 8px; }
  .atlasQuickActionV34 { padding: 10px 5px; border-radius: 11px; }
  .atlasQuickActionV34 span { font-size: 29px; }
  .atlasQuickActionV34 b { font-size: 16px; }
  .atlasQuickActionV34 small { font-size: 10px; }
  .atlasQuickCenterV34 { width: 122px; height: 122px; box-shadow: 0 0 0 10px rgba(21, 31, 37, 0.94), 0 0 0 12px rgba(167, 182, 190, 0.34), 0 0 24px rgba(255, 101, 0, 0.34); }
  .atlasQuickCenterV34 span { font-size: 48px; }
  .atlasQuickCenterV34 b { font-size: 15px; }
  .atlasQuickDefaultsGridV34 { grid-template-columns: 1fr 1fr; gap: 0; padding: 0; }
  .atlasQuickDefaultsGridV34 > div { min-height: 80px; padding: 16px 12px 12px 48px; border-right: 1px solid rgba(177, 198, 212, 0.18); border-bottom: 1px solid rgba(177, 198, 212, 0.18); }
  .atlasQuickDefaultsGridV34 > div:nth-child(2n) { border-right: 0; }
  .atlasQuickDefaultsGridV34 > div:nth-child(n+3) { border-bottom: 0; }
  .atlasQuickDefaultsGridV34 > div > span { top: 17px; }
  .atlasQuickRecentRowV34 { grid-template-columns: 36px 1fr auto 34px 14px; padding: 10px 12px; }
  .atlasQuickRecentRowV34 time { display: none; }
}

@media (max-width: 420px) {
  .atlasQuickTitleV34 { align-items: center; }
  .atlasQuickLocalV34 { display: none; }
  .atlasQuickWheelV34 { min-height: 400px; }
  .atlasQuickActionV34 small { display: none; }
  .atlasQuickCenterV34 { width: 108px; height: 108px; }
  .atlasQuickCenterV34 small { display: none; }
}
