/* CDS VEI v27.3.18 — glass por estado + tipografia mais nítida */
#oficinas-modal,
#oficinas-modal *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
#oficinas-modal .oficinas-panel,
#oficinas-modal .oficinas-lookup-preview{
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
#oficinas-modal .oficinas-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)),
    linear-gradient(135deg, rgba(9,18,32,.82), rgba(3,10,20,.90));
  border-color:rgba(130,173,212,.18);
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.05);
}
#oficinas-modal .oficinas-field{
  position:relative;
  margin-top:12px;
}
#oficinas-modal .oficinas-field>span{
  color:#9fb2c4!important;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
#oficinas-modal input,
#oficinas-modal select,
#oficinas-modal textarea{
  border-radius:18px!important;
  border:1px solid rgba(122,152,184,.17)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
    linear-gradient(135deg, rgba(5,14,27,.74), rgba(2,10,19,.86))!important;
  color:#d8e6f4!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.030),
    inset 0 0 0 1px rgba(255,255,255,.012),
    0 10px 24px rgba(0,0,0,.16);
  letter-spacing:.012em;
}
#oficinas-modal input::placeholder,
#oficinas-modal textarea::placeholder{ color:#70869a!important; }
#oficinas-modal .oficinas-field.is-empty input,
#oficinas-modal .oficinas-field.is-empty select,
#oficinas-modal .oficinas-field.is-empty textarea{
  border-color:rgba(111,135,160,.18)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.020), rgba(255,255,255,.008)),
    linear-gradient(135deg, rgba(7,16,29,.68), rgba(2,8,17,.88))!important;
  color:#b9cad9!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.022),
    0 8px 18px rgba(0,0,0,.14);
}
#oficinas-modal .oficinas-field.is-filled input,
#oficinas-modal .oficinas-field.is-filled select,
#oficinas-modal .oficinas-field.is-filled textarea{
  border-color:rgba(111,228,255,.22)!important;
  background:
    radial-gradient(circle at 12% 18%, rgba(116,238,255,.055), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
    linear-gradient(135deg, rgba(7,20,35,.70), rgba(3,12,24,.90))!important;
  color:#f0fbff!important;
  text-shadow:0 0 1px rgba(255,255,255,.16), 0 0 10px rgba(111,228,255,.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 18px rgba(111,228,255,.035),
    0 0 0 1px rgba(111,228,255,.05),
    0 12px 26px rgba(0,0,0,.18);
}
#oficinas-modal .oficinas-field.is-readonly.is-filled input,
#oficinas-modal .oficinas-field.is-readonly.is-filled textarea,
#oficinas-modal .oficinas-field.is-readonly.is-filled select,
#oficinas-modal input[readonly],
#oficinas-modal textarea[readonly],
#oficinas-modal select[readonly]{
  color:#bff6ff!important;
  background:
    linear-gradient(180deg, rgba(112,228,255,.060), rgba(255,255,255,.012)),
    linear-gradient(135deg, rgba(8,23,38,.72), rgba(3,12,23,.90))!important;
  border-color:rgba(127,238,255,.18)!important;
}
#oficinas-modal input:focus,
#oficinas-modal select:focus,
#oficinas-modal textarea:focus{
  border-color:rgba(129,241,255,.40)!important;
  background:
    radial-gradient(circle at 16% 18%, rgba(130,244,255,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.014)),
    linear-gradient(135deg, rgba(8,20,36,.74), rgba(3,12,24,.92))!important;
  box-shadow:
    0 0 0 3px rgba(111,228,255,.07),
    0 0 28px rgba(111,228,255,.10),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#oficinas-modal .oficinas-inline-feedback.success{ color:#67e8c0!important; text-shadow:0 0 10px rgba(103,232,192,.08); }
#oficinas-modal .oficinas-inline-feedback.error{ color:#f7a3ae!important; }
#oficinas-modal .oficinas-lookup-preview{
  margin-top:16px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  border:1px solid rgba(117,172,208,.18)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.010)),
    linear-gradient(135deg, rgba(7,18,31,.82), rgba(3,11,21,.90))!important;
  color:#c5d4e1!important;
}
#oficinas-modal .oficinas-lookup-preview>div:first-child{
  color:#d7e7f4!important;
}
#oficinas-modal .oficinas-lookup-preview-grid{ gap:14px!important; }
#oficinas-modal .oficinas-lookup-preview-grid>div{
  border-radius:18px!important;
  min-height:86px!important;
  padding:14px 16px!important;
  border:1px solid rgba(118,148,175,.15)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.020), rgba(255,255,255,.008)),
    linear-gradient(135deg, rgba(7,15,27,.72), rgba(3,10,18,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 12px 26px rgba(0,0,0,.16);
  color:#aebecd!important;
}
#oficinas-modal .oficinas-lookup-preview-grid>div strong{
  display:block;
  color:#edf7ff!important;
  margin-bottom:8px;
}
#oficinas-modal .oficinas-lookup-preview-grid>div.is-empty{
  border-color:rgba(113,134,156,.14)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.006)),
    linear-gradient(135deg, rgba(6,13,24,.68), rgba(3,10,18,.86))!important;
  color:#879aab!important;
}
#oficinas-modal .oficinas-lookup-preview-grid>div.is-filled{
  border-color:rgba(114,230,255,.20)!important;
  background:
    radial-gradient(circle at 14% 16%, rgba(114,230,255,.050), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010)),
    linear-gradient(135deg, rgba(7,19,34,.74), rgba(4,12,23,.90))!important;
  color:#eff9ff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 16px rgba(114,230,255,.025),
    0 12px 28px rgba(0,0,0,.18);
}
#oficinas-modal .oficinas-lookup-preview-grid>div.is-filled strong{
  color:#ffffff!important;
  text-shadow:0 0 8px rgba(114,230,255,.07);
}
#oficinas-modal .oficinas-btn-primary{
  background:linear-gradient(180deg, rgba(24,112,137,.38), rgba(16,74,97,.34))!important;
  border-color:rgba(115,227,255,.24)!important;
}
#oficinas-modal .oficinas-btn-primary:hover{ box-shadow:0 0 20px rgba(111,228,255,.08); }