/* Recipe editor visual polish for the restored Nacre review build. */
body[data-seelo-theme="nacre"] .modal{
  background:
    radial-gradient(ellipse 58% 28% at 9% 0%,rgba(255,255,255,.35),transparent 72%),
    linear-gradient(145deg,rgba(239,236,242,.82),rgba(213,213,221,.72))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 28px 80px rgba(54,46,60,.20)!important;
  backdrop-filter:blur(24px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(118%)!important;
}

body[data-seelo-theme="nacre"] .modal .grid.three>.card,
body[data-seelo-theme="nacre"] .modal .grid.four>.card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 72% 90% at 12% 0%,rgba(255,255,255,.62),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.16))!important;
  border:1px solid rgba(92,80,101,.12)!important;
  border-radius:22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(255,255,255,.10),0 15px 38px rgba(65,55,72,.075)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
body[data-seelo-theme="nacre"] .modal .grid.three>.card::after,
body[data-seelo-theme="nacre"] .modal .grid.four>.card::after{
  content:"";
  position:absolute;
  right:-14%;top:-40%;
  width:54%;height:110%;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(218,235,241,.14),rgba(215,194,222,.10),transparent 68%);
  filter:blur(9px);
  pointer-events:none;
}

body[data-seelo-theme="nacre"] .recipe-edit-row{
  background:
    radial-gradient(ellipse 56% 120% at 3% 0%,rgba(255,255,255,.28),transparent 68%),
    linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.105))!important;
  border:1px solid rgba(86,74,95,.095)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.40),0 11px 28px rgba(67,58,75,.045)!important;
  backdrop-filter:blur(14px) saturate(114%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(114%)!important;
}
body[data-seelo-theme="nacre"] .recipe-edit-row:hover{
  border-color:rgba(104,87,117,.15)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(224,214,228,.13))!important;
}

body[data-seelo-theme="nacre"] .recipe-edit-row .field input,
body[data-seelo-theme="nacre"] .recipe-add .field input,
body[data-seelo-theme="nacre"] .recipe-add .field select{
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.31))!important;
  border:1px solid rgba(88,76,97,.12)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.64),0 7px 18px rgba(61,53,68,.035)!important;
}
body[data-seelo-theme="nacre"] .recipe-edit-row .field input:focus,
body[data-seelo-theme="nacre"] .recipe-add .field input:focus,
body[data-seelo-theme="nacre"] .recipe-add .field select:focus{
  outline:none!important;
  border-color:rgba(117,98,131,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 0 0 3px rgba(179,158,192,.10),0 8px 22px rgba(61,53,68,.05)!important;
}

body[data-seelo-theme="nacre"] .modal .btn,
body[data-seelo-theme="nacre"] .modal .btn.alt,
body[data-seelo-theme="nacre"] .modal .close{
  border:1px solid rgba(88,76,97,.12)!important;
  background:
    radial-gradient(ellipse 76% 100% at 14% 0%,rgba(255,255,255,.56),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.14))!important;
  color:var(--ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 8px 22px rgba(60,51,68,.055)!important;
  backdrop-filter:blur(13px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(116%)!important;
}
body[data-seelo-theme="nacre"] .modal .btn:hover,
body[data-seelo-theme="nacre"] .modal .btn.alt:hover,
body[data-seelo-theme="nacre"] .modal .close:hover{
  background:
    radial-gradient(ellipse 76% 100% at 14% 0%,rgba(255,255,255,.68),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.46),rgba(216,202,223,.19))!important;
  border-color:rgba(111,92,124,.20)!important;
  transform:translateY(-1px);
}
body[data-seelo-theme="nacre"] .modal .btn{border-radius:13px!important}
body[data-seelo-theme="nacre"] .modal .close{border-radius:999px!important}

body[data-seelo-theme="nacre"] .recipe-add{
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
  border:1px solid rgba(90,78,99,.095)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important;
}