#wannAccountDialog{border:1px solid #dedfd8;border-radius:14px;background:#fff;color:#344638;overflow:hidden}
#wannAccountDialog .wl-dialog-head{padding:16px;font-weight:600;line-height:1.7}
#wannAccountDialog .wl-dialog-head span{display:block;font-size:12px;font-weight:400;color:#747d75}
#wannAccountDialog .wl-body{padding:0 16px 16px;min-width:0}
#wannAccountDialog .wl-body [hidden]{display:none!important}
#wannAccountDialog .wl-body label{display:grid;gap:6px;margin:12px 0;font-size:14px}
#wannAccountDialog .wl-body input,#wannAccountDialog .wl-body textarea,#wannAccountDialog .wl-body select{width:100%;min-width:0;border:1px solid #ddd;border-radius:8px;padding:10px;background:white;color:#293b2d;font:inherit}
#wannAccountDialog .wl-body textarea{min-height:70px;resize:vertical}
#wannAccountDialog .wl-body button{min-height:38px;border:1px solid #d7ded5;border-radius:8px;padding:8px 12px;background:#f1f5ef;color:#415943;font-size:13px}
#wannAccountDialog .wl-body button:disabled{opacity:.55;cursor:wait}
#wannAccountDialog .wl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#wannAccountDialog .wl-body article{padding:14px 0;border-bottom:1px solid #e5e8e0;overflow-wrap:anywhere}
#wannAccountDialog .wl-body p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
#wannAccountDialog .wl-message{color:#536a4e}
#wannAccountDialog .wl-record-form{padding-top:12px}

/* Account dialog is attached to the page, outside hidden calculator panels. */
#wannAccountDialog{width:min(580px,calc(100% - 24px));max-height:85dvh;padding:0;border:1px solid #dedfd8;border-radius:16px;overflow:auto;font-family:inherit;box-shadow:0 18px 70px #0003;}
#wannAccountDialog:not([open]){display:none!important}
#wannAccountDialog::backdrop{background:#17241a66}
#wannAccountDialog *{box-sizing:border-box}
#wannAccountDialog .wl-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}
#wannAccountDialog h2{font-family:inherit;font-size:19px;font-weight:600;line-height:1.5;margin:0;color:#344638}
#wannAccountDialog [data-a="close"]{border:0;background:transparent;color:#415943;font-size:25px;width:40px;height:40px;cursor:pointer}
#wannAccountDialog button{font-family:inherit;cursor:pointer}
#wannAccountDialog button:focus-visible,#wannAccountDialog input:focus-visible,#wannAccountDialog textarea:focus-visible,#wannAccountDialog select:focus-visible{outline:2px solid #526c50;outline-offset:2px}
.wann-nav-actions .wl-account-entry{border:0;background:transparent;color:#415943;font:inherit;font-size:14px;white-space:nowrap;padding:10px 4px;cursor:pointer}
#wannShampooCalculator .ws-export-actions{flex-wrap:wrap}
#wannShampooCalculator .ws-export-actions .wl-save-recipe{background:#4a5d4e;color:white;border-color:#4a5d4e}
#wannShampooCalculator .ws-export-actions [hidden]{display:none!important}
#wannShampooCalculator .ws-export-actions button{min-width:100px}
@media(max-width:600px){.wann-nav-actions{gap:12px!important}.wann-nav-actions .wl-account-entry{font-size:13px}#wannAccountDialog .wl-body{padding:0 14px 14px}}

/* All three calculators share a right-aligned account entry. */
.site-header .nav-wrap > .wann-nav-actions{flex:1 1 auto;min-width:0}
.site-header .wann-nav-actions > .wl-account-entry{margin-left:auto;flex:0 0 auto}
.nav-wrap > .wl-account-entry,.oil-topbar > .wl-account-entry{margin-left:auto;flex:0 0 auto;border:0;background:transparent;color:#415943;font:inherit;font-size:14px;white-space:nowrap;padding:10px 4px;cursor:pointer}
.oil-topbar{gap:16px}.oil-topbar .oil-home-link{margin-left:auto;white-space:nowrap}
.wl-product-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.wl-product-actions button,.wl-oil-record button{border:1px solid #4a5d4e;border-radius:20px;background:#4a5d4e;color:white;padding:10px 18px;font:inherit;cursor:pointer}
.wl-save-hint{font-size:13px;color:#667469;line-height:1.7;overflow-wrap:anywhere}
.wl-oil-record{margin-top:14px;display:grid;gap:12px}.wl-oil-record label{display:grid;gap:6px;font-size:14px}.wl-oil-record input,.wl-oil-record textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font:inherit;background:white;color:#344638}
#wannAccountDialog .wl-actions a{color:#415943;padding:6px}
@media(max-width:600px){.site-header .nav-wrap{gap:12px}.nav-wrap > .wl-account-entry,.oil-topbar > .wl-account-entry{font-size:13px}.oil-topbar{padding:16px 18px;gap:10px}.soap-return-home,.oil-home-link{font-size:12px}}

.wl-home-entry{display:flex;flex-direction:column;justify-content:center;gap:6px;flex:0 0 40px;width:40px;height:44px;padding:8px;text-decoration:none;color:#4a5d4e;box-sizing:border-box}
.wl-home-entry span{display:block;width:24px;height:1.5px;background:currentColor}
.wl-home-entry:focus-visible{outline:2px solid #4a5d4e;outline-offset:2px}
.oil-topbar{justify-content:flex-start}.oil-topbar>.wl-account-entry{margin-left:auto}

/* 配方名称为折叠入口；日期、详情与操作在展开后显示。 */
#wannAccountDialog .wl-recipe-item {
  border-bottom: 1px solid #e5e8e0;
  overflow-wrap: anywhere;
}
#wannAccountDialog .wl-recipe-item > summary {
  padding: 14px 0;
  min-height: 44px;
  box-sizing: border-box;
  color: #4b6050;
  font-weight: 600;
  cursor: pointer;
}
#wannAccountDialog .wl-recipe-item[open] { padding-bottom: 14px; }
#wannAccountDialog .wl-recipe-item > summary:focus-visible {
  outline: 2px solid #4b6050;
  outline-offset: 2px;
  border-radius: 4px;
}