:root {
  --tae-bg: #090b10;
  --tae-bg-2: #0d1017;
  --tae-surface: #11151d;
  --tae-surface-2: #151a24;
  --tae-surface-3: #1a2030;
  --tae-border: rgba(255,255,255,.09);
  --tae-border-strong: rgba(255,255,255,.14);
  --tae-text: #f5f7fb;
  --tae-text-2: #a7afbd;
  --tae-text-3: #747e90;
  --tae-primary: #7c4dff;
  --tae-primary-2: #9b6cff;
  --tae-primary-soft: rgba(124,77,255,.15);
  --tae-green: #6fe37d;
  --tae-yellow: #e8b54f;
  --tae-red: #ef5e6a;
  --tae-cyan: #76d6ff;
  --tae-radius-sm: 12px;
  --tae-radius: 18px;
  --tae-radius-lg: 24px;
  --tae-shadow: 0 20px 60px rgba(0,0,0,.28);
  --tae-ease: cubic-bezier(.2,.8,.2,1);
  --tae-fast: 160ms;
  --tae-normal: 280ms;
  --tae-sidebar: 370px;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 18% 0%, rgba(124,77,255,.12), transparent 32rem),
    radial-gradient(circle at 100% 20%, rgba(118,214,255,.05), transparent 28rem),
    var(--tae-bg);
  color: var(--tae-text);
}
button, input, select { font: inherit; }
button { cursor: pointer; }
input, select {
  width: 100%;
  outline: none;
  border: 1px solid var(--tae-border);
  background: #0c1017;
  color: var(--tae-text);
  border-radius: 11px;
  padding: 12px 13px;
  transition: border-color var(--tae-fast), box-shadow var(--tae-fast), background var(--tae-fast);
}
input:focus, select:focus {
  border-color: rgba(124,77,255,.7);
  box-shadow: 0 0 0 3px rgba(124,77,255,.12);
  background: #0e131c;
}
small { color: var(--tae-text-3); }

.tae-app-shell { min-height: 100vh; }
.tae-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 72px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(8,10,14,.78);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--tae-border);
}
.tae-brand { display:flex; align-items:center; gap:12px; }
.tae-brand-mark {
  width: 42px; height: 42px; border-radius: 13px;
  display:grid; place-items:center; font-weight:800; font-size:12px; letter-spacing:.05em;
  background: linear-gradient(145deg, rgba(124,77,255,.95), rgba(124,77,255,.35));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 8px 30px rgba(124,77,255,.2);
}
.tae-brand strong { display:block; font-size:17px; }
.tae-brand span { display:block; margin-top:2px; color:var(--tae-text-3); font-size:12px; }
.tae-topbar-actions { display:flex; align-items:center; gap:12px; }
.tae-ghost-btn, .tae-secondary-btn, .tae-primary-btn, .tae-icon-btn {
  border: 1px solid var(--tae-border);
  color: var(--tae-text);
  border-radius: 12px;
  transition: transform var(--tae-fast) var(--tae-ease), border-color var(--tae-fast), background var(--tae-fast), box-shadow var(--tae-fast);
}
.tae-ghost-btn { padding:9px 12px; background:transparent; }
.tae-ghost-btn:hover, .tae-secondary-btn:hover { border-color:var(--tae-border-strong); background:rgba(255,255,255,.045); transform:translateY(-1px); }
.tae-save-pill {
  padding: 8px 11px; border:1px solid var(--tae-border); border-radius:999px;
  color:var(--tae-text-2); font-size:12px; display:flex; align-items:center; gap:7px;
}
.tae-save-pill i { width:7px; height:7px; border-radius:50%; background:var(--tae-green); box-shadow:0 0 12px rgba(111,227,125,.65); }

.tae-main {
  max-width: 1480px;
  margin: 0 auto;
  padding: 34px 28px 70px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--tae-sidebar);
  gap: 28px;
  align-items: start;
}
.tae-workspace { min-width:0; }
.tae-hero { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; margin: 8px 0 26px; }
.tae-eyebrow, .tae-kicker {
  display:block; text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-weight:800;
  color:#bba6ff;
}
.tae-hero h1 { font-size: clamp(29px, 3vw, 46px); line-height:1.02; margin:8px 0 10px; letter-spacing:-.04em; }
.tae-hero p { max-width:780px; color:var(--tae-text-2); margin:0; line-height:1.55; }
.tae-mode-switch {
  display:flex; padding:4px; border:1px solid var(--tae-border); border-radius:999px; background:#0b0f16; flex:0 0 auto;
}
.tae-mode-switch button {
  border:0; background:transparent; color:var(--tae-text-3); padding:9px 13px; border-radius:999px; font-size:12px;
}
.tae-mode-switch button.is-active {
  color:white; background:linear-gradient(135deg, var(--tae-primary), #5f34db); box-shadow:0 6px 20px rgba(124,77,255,.25);
}

.tae-context-card, .tae-step-panel, .tae-results, .tae-bottom-tip {
  border:1px solid var(--tae-border);
  background:linear-gradient(180deg, rgba(18,22,31,.94), rgba(13,17,24,.96));
  border-radius:var(--tae-radius-lg);
  box-shadow:var(--tae-shadow);
}
.tae-context-card { padding:20px; margin-bottom:18px; }
.tae-section-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:20px; }
.tae-section-heading.compact { margin-bottom:14px; }
.tae-section-heading h2 { margin:5px 0 5px; font-size:23px; letter-spacing:-.025em; }
.tae-section-heading p { margin:0; color:var(--tae-text-2); line-height:1.5; max-width:700px; }
.tae-tag, .tae-badge {
  padding:7px 10px; border:1px solid rgba(124,77,255,.22); background:var(--tae-primary-soft); color:#cdbfff;
  border-radius:999px; white-space:nowrap; font-size:11px; font-weight:700;
}
.tae-grid { display:grid; gap:14px; }
.tae-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tae-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tae-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }

.tae-field { display:flex; flex-direction:column; gap:7px; min-width:0; }
.tae-field > span { color:#d8deea; font-size:12px; font-weight:700; }
.tae-field > small { line-height:1.35; }
.tae-money-input, .tae-unit-input { position:relative; display:flex; align-items:center; }
.tae-money-input b {
  position:absolute; left:12px; color:var(--tae-text-3); font-size:12px; pointer-events:none; z-index:2;
}
.tae-money-input input { padding-left:38px; }
.tae-unit-input em {
  position:absolute; right:12px; color:var(--tae-text-3); font-style:normal; font-size:11px; pointer-events:none;
}
.tae-unit-input input { padding-right:55px; }

.tae-stepper {
  display:grid; grid-template-columns:repeat(4,1fr); gap:8px;
  margin: 14px 0 9px;
}
.tae-step {
  display:flex; align-items:center; gap:9px; border:0; background:transparent; color:var(--tae-text-3); text-align:left; padding:10px 2px;
}
.tae-step span {
  width:30px; height:30px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto;
  border:1px solid var(--tae-border-strong); background:#0c1017; font-weight:800; font-size:12px;
}
.tae-step b { font-size:12px; }
.tae-step.is-active { color:var(--tae-text); }
.tae-step.is-active span {
  background:linear-gradient(135deg,var(--tae-primary-2),var(--tae-primary));
  border-color:transparent; box-shadow:0 8px 26px rgba(124,77,255,.25);
}
.tae-progress-line { height:2px; border-radius:99px; background:rgba(255,255,255,.06); margin-bottom:18px; overflow:hidden; }
.tae-progress-line i { display:block; width:25%; height:100%; background:linear-gradient(90deg,var(--tae-primary),var(--tae-primary-2)); transition:width var(--tae-normal) var(--tae-ease); }

.tae-step-loading {
  position:fixed; left:50%; top:96px; transform:translate(-50%,-8px); z-index:50;
  display:flex; align-items:center; gap:9px; padding:10px 14px; border-radius:999px;
  background:rgba(17,21,29,.96); border:1px solid var(--tae-border); box-shadow:var(--tae-shadow);
  opacity:0; pointer-events:none; transition:opacity .18s, transform .18s;
  font-size:12px; color:var(--tae-text-2);
}
.tae-step-loading.is-visible { opacity:1; transform:translate(-50%,0); }
.tae-spinner { width:15px; height:15px; border-radius:50%; border:2px solid rgba(255,255,255,.15); border-top-color:var(--tae-primary-2); animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

.tae-step-panel { display:none; padding:24px; animation:panelIn .28s var(--tae-ease); }
.tae-step-panel.is-active { display:block; }
@keyframes panelIn { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
.tae-step-panel .tae-grid + .tae-grid { margin-top:14px; }

.tae-card-input {
  position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) 120px; gap:12px; align-items:center;
  padding:16px; border:1px solid var(--tae-border); border-radius:var(--tae-radius); background:rgba(255,255,255,.018);
  transition:transform var(--tae-fast), border-color var(--tae-fast), background var(--tae-fast);
}
.tae-card-input:hover { transform:translateY(-1px); border-color:rgba(124,77,255,.28); background:rgba(124,77,255,.035); }
.tae-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--tae-primary-soft); color:#bfaeff; font-size:18px; }
.tae-card-copy span { display:block; font-size:13px; font-weight:800; }
.tae-card-copy small { display:block; margin-top:4px; line-height:1.35; }

.tae-cost-box {
  padding:16px; border:1px solid var(--tae-border); border-radius:var(--tae-radius); background:rgba(255,255,255,.018);
}
.tae-cost-title { font-weight:800; margin-bottom:12px; }
.tae-cost-box label { display:grid; grid-template-columns:1fr 145px; align-items:center; gap:10px; margin-top:8px; }
.tae-cost-box label > span { font-size:11px; color:var(--tae-text-2); }
.tae-mini-result { margin-top:12px; padding-top:10px; border-top:1px solid var(--tae-border); color:var(--tae-text-3); font-size:11px; }
.tae-mini-result b { color:var(--tae-text); }

.tae-touchup {
  margin-top:14px; padding:16px; display:grid; grid-template-columns:minmax(0,1fr) 170px 210px; gap:14px; align-items:end;
  border:1px solid rgba(232,181,79,.2); border-radius:var(--tae-radius); background:rgba(232,181,79,.035);
}
.tae-touchup strong { display:block; }
.tae-touchup p { margin:5px 0 0; color:var(--tae-text-2); font-size:12px; line-height:1.4; }
.tae-touchup label { display:flex; flex-direction:column; gap:7px; }
.tae-touchup label > span { font-size:11px; font-weight:700; color:#d8deea; }

.tae-disclaimer {
  margin-top:18px; padding:14px 15px; border-radius:14px; border:1px solid rgba(118,214,255,.15);
  background:rgba(118,214,255,.035); color:var(--tae-text-2); font-size:12px; line-height:1.5;
}

.tae-nav-actions { display:grid; grid-template-columns:130px 1fr 180px; gap:14px; align-items:center; margin-top:16px; }
.tae-secondary-btn, .tae-primary-btn { padding:12px 15px; background:#0d1118; font-weight:800; font-size:12px; }
.tae-primary-btn {
  border-color:rgba(124,77,255,.45);
  background:linear-gradient(135deg,var(--tae-primary),#5c34d2);
  box-shadow:0 12px 30px rgba(124,77,255,.18);
}
.tae-primary-btn:hover { transform:translateY(-1px); box-shadow:0 16px 36px rgba(124,77,255,.26); }
.tae-primary-btn:active, .tae-secondary-btn:active { transform:translateY(1px) scale(.995); }
.tae-nav-meta { display:flex; align-items:center; justify-content:center; gap:9px; color:var(--tae-text-3); font-size:11px; }
.tae-nav-meta i { width:5px; height:5px; border-radius:50%; background:var(--tae-green); }

.tae-bottom-tip { margin-top:16px; padding:16px 18px; display:flex; gap:12px; align-items:flex-start; }
.tae-bottom-tip > span { color:#cdbfff; }
.tae-bottom-tip strong { font-size:12px; }
.tae-bottom-tip p { margin:3px 0 0; color:var(--tae-text-2); font-size:11px; line-height:1.45; }

.tae-results {
  position:sticky; top:96px; padding:19px; overflow:hidden;
}
.tae-results.is-pulsing { animation:resultPulse .32s ease; }
@keyframes resultPulse { 50% { box-shadow:0 0 0 1px rgba(124,77,255,.18), 0 24px 70px rgba(124,77,255,.09); } }
.tae-results-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
.tae-results-head h2 { margin:4px 0 0; font-size:20px; }
.tae-live-dot { display:flex; align-items:center; gap:6px; font-size:10px; color:var(--tae-green); padding:6px 8px; border-radius:999px; background:rgba(111,227,125,.07); border:1px solid rgba(111,227,125,.12); }
.tae-live-dot::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--tae-green); box-shadow:0 0 12px rgba(111,227,125,.6); }
.tae-result-list { border:1px solid var(--tae-border); border-radius:16px; overflow:hidden; }
.tae-result-list > div { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:14px; border-bottom:1px solid var(--tae-border); }
.tae-result-list > div:last-child { border-bottom:0; }
.tae-result-list span { font-size:11px; color:var(--tae-text-2); }
.tae-result-list small { display:block; margin-top:3px; font-size:9px; }
.tae-result-list b { font-size:15px; text-align:right; }
.tae-result-list .tae-highlight { background:linear-gradient(90deg,rgba(124,77,255,.11),rgba(124,77,255,.025)); }
.tae-result-list .tae-highlight b { color:#bcaaff; font-size:19px; }

.tae-info {
  width:16px; height:16px; padding:0; border-radius:50%; border:1px solid var(--tae-border-strong); background:transparent; color:var(--tae-text-3); font-size:9px;
  vertical-align:middle; margin-left:3px; position:relative;
}
.tae-info:hover::after {
  content:attr(data-tip); position:absolute; left:50%; bottom:calc(100% + 8px); transform:translateX(-50%);
  width:230px; padding:9px 10px; border:1px solid var(--tae-border); border-radius:10px; background:#111722; color:var(--tae-text-2);
  box-shadow:var(--tae-shadow); z-index:50; text-align:left; line-height:1.4;
}

.tae-status-card { margin-top:13px; padding:14px; border:1px solid var(--tae-border); border-radius:16px; background:rgba(255,255,255,.018); }
.tae-status-row { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.tae-status-row span { font-size:11px; color:var(--tae-text-2); }
.tae-status-row b { padding:5px 8px; border-radius:999px; font-size:10px; }
.tae-status-card p { color:var(--tae-text-2); font-size:10px; line-height:1.45; margin:8px 0 12px; }
.tae-status-card[data-status="good"] .tae-status-row b { color:var(--tae-green); background:rgba(111,227,125,.08); }
.tae-status-card[data-status="tight"] .tae-status-row b { color:var(--tae-yellow); background:rgba(232,181,79,.08); }
.tae-status-card[data-status="risk"] .tae-status-row b { color:var(--tae-red); background:rgba(239,94,106,.08); }
.tae-gauge { height:7px; border-radius:999px; display:grid; grid-template-columns:1fr 1fr 1fr; overflow:visible; position:relative; }
.tae-gauge span:nth-child(1){ background:var(--tae-red); border-radius:999px 0 0 999px; }
.tae-gauge span:nth-child(2){ background:var(--tae-yellow); }
.tae-gauge span:nth-child(3){ background:var(--tae-green); border-radius:0 999px 999px 0; }
.tae-gauge i { position:absolute; top:-4px; width:2px; height:15px; background:white; border-radius:99px; box-shadow:0 0 7px rgba(255,255,255,.7); transition:left var(--tae-normal) var(--tae-ease); }
.tae-gauge-labels { display:grid; grid-template-columns:1fr 1fr 1fr; margin-top:6px; }
.tae-gauge-labels small:nth-child(2){ text-align:center; }
.tae-gauge-labels small:nth-child(3){ text-align:right; }

.tae-split-card { margin-top:13px; padding:14px; border:1px solid var(--tae-border); border-radius:16px; background:rgba(255,255,255,.018); }
.tae-split-title { font-size:11px; font-weight:800; margin-bottom:10px; }
.tae-split-bar { height:8px; display:flex; border-radius:999px; overflow:hidden; background:#080b10; }
.tae-split-bar span { transition:width var(--tae-normal) var(--tae-ease); min-width:0; }
.tae-split-bar [data-seg="cash"] { background:#7383ff; }
.tae-split-bar [data-seg="fees"] { background:var(--tae-yellow); }
.tae-split-bar [data-seg="pay"] { background:var(--tae-green); }
.tae-split-legend { display:grid; gap:6px; margin-top:10px; }
.tae-split-legend span { display:flex; align-items:center; gap:7px; font-size:9px; color:var(--tae-text-3); }
.tae-split-legend b { margin-left:auto; color:var(--tae-text-2); }
.tae-split-legend i { width:7px; height:7px; border-radius:50%; }
.tae-split-legend i.cash { background:#7383ff; }.tae-split-legend i.fees { background:var(--tae-yellow); }.tae-split-legend i.pay { background:var(--tae-green); }

.tae-full { width:100%; margin-top:11px; }
.tae-side-note { margin-top:13px; padding:14px; border-radius:15px; background:linear-gradient(135deg,rgba(124,77,255,.09),rgba(124,77,255,.02)); border:1px solid rgba(124,77,255,.15); }
.tae-side-note strong { font-size:11px; }
.tae-side-note p { margin:5px 0 0; color:var(--tae-text-2); font-size:10px; line-height:1.45; }

[data-advanced].is-hidden { display:none !important; }

.tae-modal { border:0; padding:0; background:transparent; width:min(720px,calc(100% - 28px)); color:var(--tae-text); }
.tae-modal::backdrop { background:rgba(2,4,8,.78); backdrop-filter:blur(6px); }
.tae-modal-card { padding:22px; border:1px solid var(--tae-border-strong); border-radius:22px; background:linear-gradient(180deg,#151a24,#0e1219); box-shadow:0 30px 100px rgba(0,0,0,.65); }
.tae-modal-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.tae-modal-head h2 { margin:4px 0 0; }
.tae-icon-btn { width:38px; height:38px; background:transparent; font-size:24px; line-height:1; }
.tae-modal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:18px; }
.tae-modal-stat { padding:13px; border:1px solid var(--tae-border); border-radius:14px; background:rgba(255,255,255,.025); }
.tae-modal-stat span { display:block; font-size:9px; color:var(--tae-text-3); }
.tae-modal-stat b { display:block; margin-top:5px; font-size:15px; }
.tae-breakdown { margin-top:14px; padding:14px; border:1px solid var(--tae-border); border-radius:14px; }
.tae-breakdown h3 { margin:0 0 10px; font-size:12px; }
.tae-breakdown > div { display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-top:1px solid var(--tae-border); font-size:11px; }
.tae-breakdown > div span { color:var(--tae-text-2); }
.tae-insight { margin:14px 0 4px; padding:14px; border-radius:14px; border:1px solid rgba(124,77,255,.18); background:rgba(124,77,255,.05); color:var(--tae-text-2); font-size:12px; line-height:1.5; }
.tae-toast { position:fixed; right:20px; bottom:20px; z-index:100; padding:11px 14px; border-radius:12px; background:#141a24; border:1px solid var(--tae-border-strong); box-shadow:var(--tae-shadow); color:var(--tae-text-2); font-size:12px; opacity:0; transform:translateY(8px); pointer-events:none; transition:.2s; }
.tae-toast.is-visible { opacity:1; transform:none; }

@media (max-width: 1120px) {
  :root { --tae-sidebar: 330px; }
  .tae-main { gap:18px; padding-left:18px; padding-right:18px; }
  .tae-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tae-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tae-touchup { grid-template-columns:1fr 1fr; }
  .tae-touchup > div { grid-column:1/-1; }
}
@media (max-width: 900px) {
  .tae-main { grid-template-columns:1fr; }
  .tae-results { position:relative; top:auto; order:2; }
  .tae-stepper { overflow-x:auto; grid-template-columns:repeat(4,minmax(160px,1fr)); padding-bottom:4px; }
  .tae-hero { align-items:flex-start; flex-direction:column; }
  .tae-mode-switch { align-self:flex-start; }
}
@media (max-width: 680px) {
  .tae-topbar { padding:0 14px; min-height:64px; }
  .tae-brand span, .tae-save-pill, .tae-ghost-btn span { display:none; }
  .tae-main { padding:20px 12px 50px; }
  .tae-hero { margin-top:0; }
  .tae-hero h1 { font-size:31px; }
  .tae-context-card, .tae-step-panel, .tae-results { border-radius:18px; }
  .tae-grid-2, .tae-grid-3, .tae-grid-4 { grid-template-columns:1fr; }
  .tae-card-input { grid-template-columns:auto minmax(0,1fr); }
  .tae-card-input .tae-unit-input { grid-column:1/-1; }
  .tae-section-heading { flex-direction:column; gap:10px; }
  .tae-step-panel, .tae-context-card { padding:17px; }
  .tae-cost-box label { grid-template-columns:1fr 135px; }
  .tae-touchup { grid-template-columns:1fr; }
  .tae-touchup > div { grid-column:auto; }
  .tae-nav-actions { grid-template-columns:1fr 1fr; }
  .tae-nav-meta { display:none; }
  .tae-modal-grid { grid-template-columns:1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}


/* =========================================================
   TattooAE Calculator V1.4 Desktop
   Clean desktop pass using the approved V1 purple palette.
   ========================================================= */

:root{
  --tae-radius-sm:8px;
  --tae-radius:10px;
  --tae-radius-lg:14px;
  --tae-sidebar:350px;
}
body{overflow-x:hidden;}
input,select,textarea{border-radius:7px;padding:10px 11px;}
select{padding-right:34px;}
.tae-hidden{display:none!important;}
.tae-topbar{min-height:66px;}
.tae-brand-mark{width:38px;height:38px;border-radius:10px;}
.tae-ghost-btn,.tae-secondary-btn,.tae-primary-btn{border-radius:8px;}
.tae-eyebrow,.tae-kicker{font-size:9px;}
.tae-primary-btn,.tae-secondary-btn{padding:11px 14px;}

/* loading */
.tae-preloader{
  position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;gap:14px;
  background:var(--tae-bg);transition:.28s opacity,.28s visibility;
}
.tae-preloader.is-done{opacity:0;visibility:hidden;pointer-events:none;}
.tae-preloader strong{display:block;font-size:13px;}
.tae-preloader small{display:block;margin-top:3px;color:var(--tae-text-3);font-size:10px;}
.tae-loader-mark{
  width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:900;
  background:linear-gradient(145deg,var(--tae-primary-2),#4a2aa8);box-shadow:0 14px 40px rgba(124,77,255,.24);
}

/* start screen */
.tae-start{
  min-height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);
  max-width:1400px;margin:0 auto;padding:34px 28px 48px;gap:44px;align-items:center;
}
.tae-start-art{
  position:relative;min-height:620px;overflow:hidden;border:1px solid rgba(124,77,255,.16);
  border-radius:14px;background:
    radial-gradient(circle at 35% 34%,rgba(124,77,255,.25),transparent 20rem),
    linear-gradient(145deg,#10141d,#090c12 70%);
}
.tae-art-glow{position:absolute;width:330px;height:330px;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%);background:rgba(124,77,255,.10);filter:blur(20px);}
.tae-art-machine{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-8deg);width:155px;height:230px;}
.tae-machine-body{height:175px;border:1px solid rgba(255,255,255,.14);border-radius:28px 12px 34px 18px;display:grid;place-items:center;font-size:30px;font-weight:900;letter-spacing:.1em;color:rgba(255,255,255,.55);background:linear-gradient(160deg,#252d40,#111621);box-shadow:0 45px 90px rgba(0,0,0,.5),inset 0 0 0 1px rgba(124,77,255,.14);}
.tae-machine-needle{position:absolute;width:10px;height:100px;left:73px;bottom:-45px;border-radius:99px;background:linear-gradient(#6f7786,#1a1f2b);}
.tae-art-card{position:absolute;width:160px;padding:12px 13px;border:1px solid rgba(124,77,255,.2);border-radius:9px;background:rgba(11,15,23,.82);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,.22);}
.tae-art-card span{font-size:8px;color:#a78fff;font-weight:900;}
.tae-art-card b{display:block;margin-top:4px;font-size:9px;color:var(--tae-text-3);letter-spacing:.08em;}
.tae-art-card strong{display:block;margin-top:5px;font-size:18px;}
.tae-art-card-a{left:8%;top:17%;}
.tae-art-card-b{right:7%;top:26%;}
.tae-art-card-c{right:10%;bottom:23%;}
.tae-art-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(124,77,255,.5),transparent);transform-origin:left center;}
.tae-art-line.line-a{width:260px;left:23%;top:31%;transform:rotate(18deg);}
.tae-art-line.line-b{width:250px;left:45%;top:62%;transform:rotate(-19deg);}
.tae-art-copy{position:absolute;left:32px;right:32px;bottom:30px;}
.tae-art-copy h2{margin:8px 0 7px;font-size:26px;letter-spacing:-.035em;}
.tae-art-copy p{margin:0;color:var(--tae-text-2);font-size:12px;}
.tae-start-form{display:flex;align-items:center;justify-content:center;}
.tae-start-inner{width:min(560px,100%);}
.tae-start-inner h1{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 28px;}
.tae-form-stack{display:grid;gap:14px;}
.tae-field>span{font-size:11px;}
.tae-field small{font-weight:500;}
.tae-price-field{margin-top:2px;}
.tae-price-field input{font-size:18px;font-weight:800;}
.tae-start-btn{width:100%;margin-top:18px;min-height:44px;}
.tae-start-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;}

/* calculator frame */
.tae-main{padding-top:25px;gap:22px;}
.tae-context-strip{
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 17px;
  border-bottom:1px solid rgba(124,77,255,.22);margin-bottom:4px;
}
.tae-context-strip span{display:block;font-size:10px;color:var(--tae-text-3);}
.tae-context-strip b{display:block;margin-top:3px;font-size:13px;}
.tae-context-meta{display:flex;gap:22px;text-align:right;}
.tae-context-meta span{font-size:11px;color:var(--tae-text-2);}
.tae-stepper{margin:6px 0 6px;}
.tae-step{padding-top:9px;padding-bottom:9px;}
.tae-step span{width:27px;height:27px;}
.tae-progress-line{background:rgba(124,77,255,.10);margin-bottom:14px;}
.tae-step-panel{padding:21px;border-radius:12px;}
.tae-section-heading{margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid rgba(124,77,255,.17);}
.tae-section-heading h2{font-size:20px;margin:4px 0 0;}
.tae-section-heading p{font-size:11px;}
.tae-tag{font-size:9px;padding:6px 9px;}

/* material two-line rows */
.tae-material-list{display:grid;}
.tae-material-row-v14{padding:15px 0;border-bottom:1px solid rgba(124,77,255,.16);}
.tae-material-row-v14:first-child{padding-top:0;}
.tae-material-top-v14{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(180px,1fr) 34px;gap:10px;align-items:end;}
.tae-material-bottom-v14{display:grid;grid-template-columns:145px minmax(120px,.75fr) minmax(120px,.75fr) 150px minmax(125px,.75fr);gap:10px;align-items:end;margin-top:9px;}
.tae-material-row-v14 .tae-field>span{font-size:9px;}
.tae-material-total{min-height:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:3px;}
.tae-material-total span{font-size:8px;color:#a28fda;text-transform:uppercase;letter-spacing:.07em;font-weight:900;}
.tae-material-total b{font-size:18px;color:#c9bbff;margin-top:2px;white-space:nowrap;}
.tae-remove-material{height:39px;width:34px;border:0;background:transparent;color:var(--tae-text-3);font-size:20px;border-radius:7px;}
.tae-remove-material:hover{background:rgba(239,94,106,.07);color:var(--tae-red);}
.tae-material-list+.tae-secondary-btn{margin-top:14px;}

/* time */
.tae-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.tae-time-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border-top:1px solid rgba(124,77,255,.20);border-bottom:1px solid rgba(124,77,255,.20);}
.tae-time-summary>div{padding:15px 12px;border-right:1px solid rgba(124,77,255,.12);}
.tae-time-summary>div:last-child{border-right:0;}
.tae-time-summary span{display:block;font-size:9px;color:var(--tae-text-3);text-transform:uppercase;letter-spacing:.06em;}
.tae-time-summary b{display:block;font-size:20px;margin-top:4px;}
.tae-time-summary .is-primary b{color:#c8b8ff;font-size:23px;}

/* finance */
.tae-finance-primary{padding-bottom:17px;}
.tae-finance-primary input{font-size:16px;font-weight:800;}
.tae-finance-divider{height:1px;background:rgba(124,77,255,.20);margin:0 0 16px;}

/* side results */
.tae-results{padding:17px;border-radius:12px;}
.tae-results-head h2{font-size:18px;}
.tae-result-list{border-radius:10px;border-color:rgba(124,77,255,.15);}
.tae-result-list>div{padding:12px 13px;border-bottom-color:rgba(124,77,255,.12);}
.tae-result-list span{font-size:10px;}
.tae-result-list b{font-size:14px;}
.tae-result-list .tae-highlight{background:linear-gradient(90deg,rgba(124,77,255,.13),rgba(124,77,255,.02));}
.tae-result-list .tae-highlight b{font-size:18px;}
.tae-target-row{background:linear-gradient(90deg,rgba(111,227,125,.075),transparent);}
.tae-target-row b{color:var(--tae-green);font-size:18px;}
.tae-side-slot{margin-top:12px;padding:12px 2px 3px;border-top:1px solid rgba(124,77,255,.16);}
.tae-side-slot span{display:block;color:#ab96ed;font-size:8px;letter-spacing:.08em;font-weight:900;}
.tae-side-slot p{font-size:9px;line-height:1.45;color:var(--tae-text-3);margin:5px 0 0;}

/* diagnostic */
.tae-diagnostic{max-width:1220px;margin:0 auto;padding:38px 28px 70px;}
.tae-diagnostic-shell{width:100%;}
.tae-diagnostic-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding-bottom:19px;border-bottom:1px solid rgba(124,77,255,.22);}
.tae-diagnostic-head h1{font-size:34px;letter-spacing:-.04em;margin:6px 0 6px;}
.tae-diagnostic-head p{margin:0;color:var(--tae-text-2);font-size:12px;}
.tae-diagnostic-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid rgba(124,77,255,.18);}
.tae-diagnostic-kpis>div{padding:18px 15px;border-right:1px solid rgba(124,77,255,.12);}
.tae-diagnostic-kpis>div:first-child{padding-left:0;}
.tae-diagnostic-kpis>div:last-child{border-right:0;}
.tae-diagnostic-kpis span{display:block;font-size:9px;color:var(--tae-text-3);text-transform:uppercase;letter-spacing:.06em;}
.tae-diagnostic-kpis b{display:block;font-size:21px;margin-top:5px;}
.tae-big-answer{padding:35px 0 32px;text-align:center;border-bottom:1px solid rgba(124,77,255,.18);}
.tae-big-answer span{font-size:10px;color:var(--tae-text-2);letter-spacing:.06em;}
.tae-big-answer span b{color:#c8b8ff;}
.tae-big-answer strong{display:block;font-size:clamp(46px,6vw,76px);line-height:1;margin:10px 0 8px;letter-spacing:-.055em;color:#c8b8ff;}
.tae-big-answer p{margin:0;color:var(--tae-text-3);font-size:11px;}
.tae-diagnostic-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:25px 0;}
.tae-diagnostic-columns h3{font-size:12px;margin:0 0 10px;}
.tae-report-line{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;}
.tae-report-line span{color:var(--tae-text-2);}
.tae-report-line b{text-align:right;}
.tae-disclaimer{margin:0;padding:13px 14px;border-radius:8px;font-size:10px;}
.tae-future-row{display:grid;grid-template-columns:1fr 440px;gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid rgba(124,77,255,.18);}
.tae-future-row h2,.tae-guide-card h2{font-size:20px;margin:5px 0;}
.tae-future-row p,.tae-guide-card p{margin:0;color:var(--tae-text-2);font-size:10px;}
.tae-interest-box{display:grid;grid-template-columns:1fr auto;gap:8px;}
.tae-interest-box small{grid-column:1/-1;min-height:12px;}
.tae-guide-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;}
.tae-guide-card a{text-decoration:none;flex:0 0 auto;}

/* desktop-first but safe fallback */
@media(max-width:1050px){
  .tae-start{grid-template-columns:1fr;max-width:780px;}
  .tae-start-art{min-height:430px;}
  .tae-main{grid-template-columns:1fr;}
  .tae-results{position:relative;top:auto;}
  .tae-time-grid{grid-template-columns:repeat(2,1fr);}
  .tae-future-row{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .tae-start{padding:20px 12px 40px;}
  .tae-start-art{display:none;}
  .tae-grid-2,.tae-time-grid,.tae-diagnostic-kpis,.tae-diagnostic-columns{grid-template-columns:1fr;}
  .tae-stepper{grid-template-columns:repeat(4,minmax(120px,1fr));overflow:auto;}
  .tae-material-top-v14{grid-template-columns:1fr 34px;}
  .tae-material-top-v14 .m-brand-wrap{grid-column:1;}
  .tae-material-top-v14 .tae-remove-material{grid-column:2;grid-row:1/3;}
  .tae-material-bottom-v14{grid-template-columns:1fr 1fr;}
  .tae-material-bottom-v14 .m-type-wrap{grid-column:1/-1;}
  .tae-material-bottom-v14 .m-price-wrap{grid-column:1;}
  .tae-material-total{grid-column:2;align-items:flex-end;}
  .tae-context-strip{align-items:flex-start;flex-direction:column;}
  .tae-context-meta{text-align:left;}
  .tae-time-summary{grid-template-columns:1fr;}
  .tae-time-summary>div{border-right:0;border-bottom:1px solid rgba(124,77,255,.12);}
  .tae-diagnostic{padding:25px 14px 50px;}
  .tae-diagnostic-head,.tae-guide-card{flex-direction:column;align-items:flex-start;}
  .tae-diagnostic-kpis>div{padding-left:0;border-right:0;border-bottom:1px solid rgba(124,77,255,.10);}
  .tae-interest-box{grid-template-columns:1fr;}
}


/* =========================================================
   V1.5 — TattooAE olive system language + motion + hierarchy
   ========================================================= */
:root{
  --tae-primary:#A9CE31;
  --tae-primary-2:#C0DF45;
  --tae-primary-soft:rgba(169,206,49,.12);
  --tae-green:#A9CE31;
  --tae-accent-olive:#A9CE31;
  --tae-accent-olive-2:#C3DF52;
}
body{
  background:
    radial-gradient(circle at 18% 0%, rgba(169,206,49,.075), transparent 30rem),
    radial-gradient(circle at 100% 18%, rgba(169,206,49,.025), transparent 28rem),
    var(--tae-bg);
}
.tae-brand{gap:0;}
.tae-brand-word strong{display:block;font-size:16px;letter-spacing:.01em;}
.tae-brand-word strong::first-letter{color:var(--tae-accent-olive);}
.tae-brand-word span{display:block;margin-top:2px;color:var(--tae-text-3);font-size:10px;}
.tae-brand-mark,.tae-loader-mark{
  background:linear-gradient(145deg,var(--tae-accent-olive-2),#708c12);
  color:#0c1007;
  box-shadow:0 12px 34px rgba(169,206,49,.16);
}
.tae-eyebrow,.tae-kicker,.tae-tag,.tae-side-slot span{color:#bed94e;}
.tae-tag{border-color:rgba(169,206,49,.20);background:rgba(169,206,49,.08);}
input:focus,select:focus,textarea:focus{
  border-color:rgba(169,206,49,.62);
  box-shadow:0 0 0 3px rgba(169,206,49,.10);
}
.tae-primary-btn{
  border-color:rgba(169,206,49,.42);
  background:linear-gradient(135deg,#A9CE31,#7f9f1d);
  color:#0a0d07;
  box-shadow:0 12px 30px rgba(169,206,49,.14);
}
.tae-primary-btn:hover{
  box-shadow:0 16px 36px rgba(169,206,49,.22);
  transform:translateY(-2px);
}
.tae-secondary-btn:hover,.tae-ghost-btn:hover{
  border-color:rgba(169,206,49,.28);
  background:rgba(169,206,49,.04);
}
.tae-step.is-active span{
  background:linear-gradient(135deg,var(--tae-accent-olive-2),var(--tae-accent-olive));
  color:#0a0d07;
  box-shadow:0 8px 26px rgba(169,206,49,.18);
}
.tae-progress-line{background:rgba(169,206,49,.08);}
.tae-progress-line i{background:linear-gradient(90deg,#8eaf22,#c2df4c);box-shadow:0 0 14px rgba(169,206,49,.18);}
.tae-context-strip,.tae-section-heading,.tae-material-row-v14,.tae-finance-divider,
.tae-time-summary,.tae-diagnostic-head,.tae-diagnostic-kpis,.tae-big-answer,.tae-future-row{
  border-color:rgba(169,206,49,.14)!important;
}

/* Clear field hierarchy */
.tae-field>span{
  color:#cbd3df;
  font-size:10px;
  letter-spacing:.015em;
}
.tae-material-row-v14 .m-name{
  font-weight:800;
  color:#c7dd6a;
}
.tae-material-row-v14 .m-brand{
  color:#e6e9ee;
}
.tae-material-total span{color:#a6ba53;}
.tae-material-total b{color:#d5e991;}
.tae-result-list .tae-highlight{
  background:linear-gradient(90deg,rgba(169,206,49,.11),rgba(169,206,49,.02));
}
.tae-result-list .tae-highlight b,.tae-target-row b,.tae-big-answer strong{
  color:#c7df62;
}

/* Time blocks: semantic visual groups */
.tae-time-blocks{display:grid;gap:14px;}
.tae-time-block{
  padding:15px 0 2px;
  border-top:1px solid rgba(169,206,49,.14);
}
.tae-time-block:first-child{border-top:0;padding-top:0;}
.tae-time-block-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px;
}
.tae-time-block-head span{
  font-size:9px;font-weight:900;letter-spacing:.11em;color:#b9d34c;
}
.tae-time-block-head b{
  font-size:15px;color:#d7dfeb;
}
.tae-retouch-block{
  margin-top:4px;padding:14px;border:1px solid rgba(169,206,49,.16);border-radius:9px;background:rgba(169,206,49,.025);
}
.tae-retouch-head{display:flex;justify-content:space-between;align-items:center;gap:18px;}
.tae-retouch-head h3{margin:4px 0 0;font-size:13px;}
.tae-retouch-head select{width:105px;}
.tae-retouch-block .tae-grid{margin-top:13px;}
.tae-time-summary{
  grid-template-columns:repeat(4,1fr);
}
.tae-time-summary .is-primary b{color:#c8df62;}

/* smoother navigation */
.tae-step-panel{
  animation:taePanelEnter .34s cubic-bezier(.2,.8,.2,1);
}
@keyframes taePanelEnter{
  from{opacity:0;transform:translateY(9px) scale(.996)}
  to{opacity:1;transform:none}
}
.tae-step,.tae-material-row-v14,.tae-result-list>div,.tae-time-block{
  transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease;
}
.tae-step:hover{color:var(--tae-text);transform:translateY(-1px);}
.tae-material-row-v14:hover{background:linear-gradient(90deg,rgba(169,206,49,.025),transparent);}
.tae-result-list>div:hover{background-color:rgba(255,255,255,.018);}
button,a,input,select{transition-duration:.18s!important;}
button:active,.tae-primary-btn:active,.tae-secondary-btn:active{transform:translateY(1px) scale(.99);}

/* diagnostic hierarchy */
.tae-diagnostic-kpis{grid-template-columns:repeat(6,1fr);}
.tae-diagnostic-kpis b{font-size:19px;}
.tae-big-answer span b{color:#c7df62;}
.tae-support-note{
  margin:0 0 24px;
  color:var(--tae-text-3);
  font-size:9px;
  line-height:1.45;
  max-width:720px;
}

/* subtle start art re-theme */
.tae-start-art{
  border-color:rgba(169,206,49,.13);
  background:radial-gradient(circle at 35% 34%,rgba(169,206,49,.12),transparent 20rem),linear-gradient(145deg,#10141d,#090c12 70%);
}
.tae-art-glow{background:rgba(169,206,49,.06);}
.tae-art-card{border-color:rgba(169,206,49,.16);}
.tae-art-card span{color:#bcd252;}
.tae-art-line{background:linear-gradient(90deg,transparent,rgba(169,206,49,.38),transparent);}
.tae-machine-body{box-shadow:0 45px 90px rgba(0,0,0,.5),inset 0 0 0 1px rgba(169,206,49,.10);}

@media(max-width:1200px){
  .tae-diagnostic-kpis{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:900px){
  .tae-time-summary{grid-template-columns:repeat(2,1fr);}
}


/* V1.6 gravação */
.tae-material-row-v14.is-pending{opacity:.72;}
.tae-material-row-v14.is-pending .m-name,
.tae-material-row-v14.is-pending .tae-material-total span{color:#e0b14a;}
.tae-primary-btn:disabled{opacity:.34;filter:saturate(.55);cursor:not-allowed;box-shadow:none;transform:none!important;}
.tae-material-row-v14 .m-name{font-size:12px;letter-spacing:.01em;}
.tae-material-row-v14 .m-brand{font-size:11px;}


/* =========================================================
   V1.8 — TattooAE Foundations
   Exact palette from current TattooAE system
   ========================================================= */
:root{
  --tae-bg:#0C0D0F;
  --tae-bg-2:#0C0D0F;
  --tae-surface:#17191D;
  --tae-surface-2:#22252A;
  --tae-surface-3:#22252A;
  --tae-line:#2A2E35;
  --tae-line-strong:#3A404A;
  --tae-border:#2A2E35;
  --tae-border-strong:#3A404A;

  --tae-text:#F5F7F8;
  --tae-text-2:#A7ADB5;
  --tae-text-3:#737A84;

  --tae-primary:#94BD0D;
  --tae-primary-2:#A9D315;
  --tae-primary-soft:rgba(148,189,13,.12);

  --tae-green:#7ED957;
  --tae-red:#FF6B6B;
  --tae-yellow:#FFB547;
  --tae-cyan:#4DA6FF;
}

body{
  background:
    radial-gradient(circle at 18% 0%,rgba(148,189,13,.055),transparent 30rem),
    #0C0D0F;
}

.tae-topbar{
  background:rgba(12,13,15,.92);
  border-bottom-color:#2A2E35;
}

.tae-eyebrow,.tae-kicker,.tae-tag,.tae-side-slot span,.tae-time-block-head span{
  color:#94BD0D!important;
}
.tae-tag{
  background:rgba(148,189,13,.07);
  border-color:rgba(148,189,13,.22);
}

/* Native TattooAE controls */
input,select,textarea{
  background:#17191D;
  border-color:#2A2E35;
  color:#F5F7F8;
}
input:hover,select:hover,textarea:hover{border-color:#3A404A;}
input:focus,select:focus,textarea:focus{
  border-color:#94BD0D;
  box-shadow:0 0 0 3px rgba(148,189,13,.09);
}

/* Main action */
.tae-primary-btn{
  color:#111509!important;
  border-color:#94BD0D!important;
  background:linear-gradient(180deg,#A6CC23 0%,#94BD0D 65%,#84A90A 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.23),
    inset 0 -2px 4px rgba(48,61,4,.22),
    0 9px 24px rgba(148,189,13,.13)!important;
}
.tae-primary-btn:hover{
  background:linear-gradient(180deg,#B0D62A 0%,#9EC715 65%,#8AB10C 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 4px rgba(48,61,4,.18),
    0 13px 30px rgba(148,189,13,.19)!important;
  transform:translateY(-2px);
}
.tae-primary-btn:active{transform:translateY(1px) scale(.995);}
.tae-primary-btn:disabled{
  color:#737A84!important;
  background:#22252A!important;
  border-color:#2A2E35!important;
  box-shadow:none!important;
}

.tae-secondary-btn,.tae-ghost-btn{
  background:#17191D;
  border-color:#2A2E35;
  color:#A7ADB5;
}
.tae-secondary-btn:hover,.tae-ghost-btn:hover{
  background:#22252A;
  border-color:#3A404A;
  color:#F5F7F8;
}

.tae-step.is-active span{
  color:#111509!important;
  background:#94BD0D!important;
  box-shadow:0 7px 20px rgba(148,189,13,.16)!important;
}
.tae-progress-line{background:rgba(148,189,13,.08)!important;}
.tae-progress-line i{background:#94BD0D!important;box-shadow:0 0 12px rgba(148,189,13,.18);}

/* Surfaces */
.tae-context-card,.tae-step-panel,.tae-results,.tae-bottom-tip,.tae-onboarding-card,.tae-quote-editor,.tae-quote-document{
  background:#17191D!important;
  border-color:#2A2E35!important;
}
.tae-context-strip,.tae-section-heading,.tae-material-row-v14,.tae-finance-divider,.tae-time-summary,
.tae-diagnostic-head,.tae-diagnostic-kpis,.tae-big-answer,.tae-future-row,.tae-side-slot{
  border-color:#2A2E35!important;
}

/* hierarchy */
.tae-material-row-v14 .m-name{color:#B5D447!important;}
.tae-material-row-v14 .m-brand{color:#F5F7F8!important;}
.tae-material-total span{color:#A7ADB5!important;}
.tae-material-total b{color:#DCE3CA!important;}
.tae-material-row-v14:hover{background:rgba(148,189,13,.025)!important;}

.tae-result-list .tae-highlight{
  background:linear-gradient(90deg,rgba(148,189,13,.09),transparent)!important;
}
.tae-result-list .tae-highlight b,.tae-target-row b,.tae-big-answer strong,.tae-big-answer span b{
  color:#B5D447!important;
}
.tae-target-row{background:rgba(148,189,13,.035)!important;}

/* semantic colors */
.is-success,.tae-success{color:#7ED957!important;}
.is-warning,.tae-warning{color:#FFB547!important;}
.is-alert,.tae-alert{color:#FF6B6B!important;}
.is-info,.tae-info{color:#4DA6FF!important;}

/* Start art & loader */
.tae-start-art{
  border-color:#2A2E35!important;
  background:
    radial-gradient(circle at 35% 34%,rgba(148,189,13,.08),transparent 20rem),
    #17191D!important;
}
.tae-art-glow{background:rgba(148,189,13,.045)!important;}
.tae-art-card{border-color:#2A2E35!important;background:#0C0D0F!important;}
.tae-art-card span{color:#94BD0D!important;}
.tae-art-line{background:linear-gradient(90deg,transparent,rgba(148,189,13,.34),transparent)!important;}
.tae-loader-mark,.tae-brand-mark{
  background:#94BD0D!important;
  color:#111509!important;
  box-shadow:0 9px 26px rgba(148,189,13,.15)!important;
}

/* preserve motion but restrained */
.tae-step-panel{animation:taeSystemPanelIn .30s cubic-bezier(.2,.8,.2,1);}
@keyframes taeSystemPanelIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}

/* Patch produção — ajuste do select de cálculo nos materiais */
.tae-material-row-v14 .m-mode {
  min-width: 168px !important;
  padding-right: 42px !important;
  font-size: 14px !important;
  text-overflow: clip !important;
}


/* Patch produção — grade definitiva dos materiais */
.tae-material-bottom-v14 {
  grid-template-columns: 165px minmax(0, 1fr) minmax(0, 1fr) 150px minmax(125px, .75fr) !important;
}

.tae-material-row-v14 .m-type-wrap {
  min-width: 0 !important;
}

.tae-material-row-v14 .m-mode {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 14px !important;
  padding-right: 24px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}