/* ===== V19.8 MAINTENANCE MODE ===== */
html.wc198-mode-check body{visibility:hidden}
html.wc198-mode-check::before{
  content:"WE CARE PHARMACY";
  position:fixed;inset:0;z-index:2147483646;
  display:grid;place-items:center;
  background:#f8fbfc;
  color:#174363;
  font:700 16px/1.4 Anuphan,"Noto Sans Thai",Tahoma,Arial,sans-serif;
  letter-spacing:.4px;
}
body.wc198-maintenance-active{overflow:hidden!important}
#wc198Maintenance{
  position:fixed;inset:0;z-index:2147483000;
  display:none;overflow:auto;
  background:
    radial-gradient(circle at 12% 12%,rgba(54,174,188,.09),transparent 30%),
    radial-gradient(circle at 88% 90%,rgba(31,125,181,.08),transparent 34%),
    #f8fbfc;
  font-family:Anuphan,"Noto Sans Thai",Tahoma,Arial,sans-serif;
}
#wc198Maintenance.show{display:block}
.wc198-maint-wrap{
  min-height:100dvh;
  width:min(1120px,calc(100% - 36px));
  margin:auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:52px;
  padding:48px 0;
}
.wc198-maint-copy{padding:20px 0}
.wc198-maint-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}
.wc198-maint-logo{
  width:66px;height:66px;border-radius:18px;overflow:hidden;
  background:#fff;border:1px solid #e1e9ed;
  box-shadow:0 10px 28px rgba(31,71,97,.08)
}
.wc198-maint-logo img{width:100%;height:100%;object-fit:cover}
.wc198-maint-brand b{display:block;color:#173e5d;font-size:18px;letter-spacing:.3px}
.wc198-maint-brand small{display:block;margin-top:3px;color:#7790a1;font-size:11px}
.wc198-maint-badge{
  display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;padding:8px 12px;
  background:#eaf7f8;color:#167b8d;border:1px solid #d2ecef;
  font-size:11px;font-weight:700
}
.wc198-maint-badge::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#28a5b4;
  box-shadow:0 0 0 4px rgba(40,165,180,.10)
}
.wc198-maint-copy h1{
  margin:20px 0 13px;color:#153b59;
  font-size:clamp(34px,5.2vw,62px);line-height:1.12;
  letter-spacing:-1.4px;font-weight:700
}
.wc198-maint-copy>p{
  margin:0;color:#667e8f;font-size:16px;line-height:1.9;max-width:650px
}
.wc198-maint-note{
  margin-top:20px;display:inline-flex;align-items:center;gap:8px;
  color:#577487;font-size:12px
}
.wc198-maint-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.wc198-maint-action{
  border:1px solid #d7e3e9;background:#fff;color:#31566d;
  min-height:46px;border-radius:13px;padding:0 17px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;
  box-shadow:0 7px 18px rgba(27,67,91,.045)
}
.wc198-maint-action.primary{
  border-color:#148ba1;background:#148ba1;color:#fff;
  box-shadow:0 8px 20px rgba(20,139,161,.14)
}
.wc198-maint-langs{display:flex;gap:6px;margin-top:24px}
.wc198-maint-lang{
  border:1px solid #dbe6eb;background:#fff;color:#60798a;
  border-radius:999px;padding:6px 11px;font-size:10px;font-weight:700;cursor:pointer
}
.wc198-maint-lang.active{background:#173f5d;color:#fff;border-color:#173f5d}
.wc198-maint-visual{
  position:relative;min-height:480px;border-radius:34px;
  background:linear-gradient(145deg,#ecf7f8,#f5fbfc 50%,#e9f3f8);
  border:1px solid #deeaee;overflow:hidden;
  display:grid;place-items:center;
  box-shadow:0 24px 70px rgba(28,69,94,.08)
}
.wc198-maint-cross{
  width:190px;height:190px;position:relative;color:#1b91a3
}
.wc198-maint-cross::before,.wc198-maint-cross::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:22px;background:currentColor;
  box-shadow:0 18px 36px rgba(27,145,163,.12)
}
.wc198-maint-cross::before{width:190px;height:66px}
.wc198-maint-cross::after{width:66px;height:190px}
.wc198-maint-pill{
  position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.8);
  background:rgba(255,255,255,.82);backdrop-filter:blur(8px);
  border-radius:16px;color:#4f6f81;font-size:11px;font-weight:650;
  box-shadow:0 10px 30px rgba(27,68,93,.07)
}
.wc198-maint-pill.p1{left:34px;top:48px}
.wc198-maint-pill.p2{right:32px;bottom:55px}
.wc198-maint-footer{
  position:absolute;left:30px;right:30px;bottom:24px;
  display:flex;justify-content:space-between;gap:15px;color:#8296a4;font-size:9px
}

/* Admin Maintenance manager */
.wc198-admin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}
.wc198-admin-card{
  background:#fff;border:1px solid #e0e9ef;border-radius:20px;padding:20px
}
.wc198-admin-card h3{margin:0 0 12px;color:#173f62}
.wc198-status{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-radius:16px;padding:15px 16px;margin-bottom:15px
}
.wc198-status.open{background:#edf9f1;border:1px solid #d5eddc;color:#287343}
.wc198-status.closed{background:#fff7e8;border:1px solid #f1e1ba;color:#83611a}
.wc198-status b{font-size:14px}.wc198-status small{display:block;margin-top:3px;opacity:.78}
.wc198-switch-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px;border:1px solid #e3ebf0;border-radius:15px;background:#fbfdfe
}
.wc198-switch{position:relative;width:50px;height:28px;flex:none}
.wc198-switch input{opacity:0;width:0;height:0}
.wc198-switch span{
  position:absolute;inset:0;border-radius:999px;background:#cbd7df;cursor:pointer;transition:.2s
}
.wc198-switch span::after{
  content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;
  background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.14);transition:.2s
}
.wc198-switch input:checked+span{background:#1791a4}
.wc198-switch input:checked+span::after{transform:translateX(22px)}
.wc198-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.wc198-field{display:flex;flex-direction:column;gap:6px}
.wc198-field.full{grid-column:1/-1}
.wc198-field label{font-size:11px;font-weight:700;color:#526b7e}
.wc198-field input,.wc198-field textarea{
  border:1px solid #d9e5eb;border-radius:11px;padding:10px 11px;background:#fff;outline:none;font:inherit
}
.wc198-field textarea{min-height:82px;resize:vertical}
.wc198-checks{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px;color:#506b7e;font-size:11px}
.wc198-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.wc198-danger-btn{
  border:0;border-radius:12px;padding:10px 14px;font-weight:750;cursor:pointer;
  background:#e9a42b;color:#fff
}
.wc198-open-btn{
  border:0;border-radius:12px;padding:10px 14px;font-weight:750;cursor:pointer;
  background:#278a50;color:#fff
}
.wc198-preview-box{
  min-height:330px;border-radius:20px;border:1px solid #e0e9ee;
  background:linear-gradient(145deg,#f4fafb,#eef6f8);
  padding:24px;display:flex;flex-direction:column;justify-content:center
}
.wc198-preview-box img{width:58px;height:58px;border-radius:14px;margin-bottom:17px}
.wc198-preview-box span{font-size:10px;color:#17879a;font-weight:750}
.wc198-preview-box h4{font-size:27px;line-height:1.2;margin:10px 0;color:#173e5c}
.wc198-preview-box p{font-size:12px;line-height:1.7;color:#6d8292;margin:0}
.wc198-preview-box small{margin-top:18px;color:#8395a1}

@media(max-width:900px){
  .wc198-maint-wrap{grid-template-columns:1fr;width:min(680px,calc(100% - 28px));gap:24px;padding:28px 0}
  .wc198-maint-visual{min-height:300px;order:-1}
  .wc198-maint-cross{transform:scale(.72)}
  .wc198-admin-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .wc198-maint-wrap{width:min(100% - 24px,680px);padding:20px 0 30px}
  .wc198-maint-visual{min-height:230px;border-radius:24px}
  .wc198-maint-pill{display:none}
  .wc198-maint-copy h1{font-size:34px;letter-spacing:-.8px}
  .wc198-maint-copy>p{font-size:14px}
  .wc198-maint-brand{margin-bottom:20px}
  .wc198-maint-logo{width:56px;height:56px}
  .wc198-maint-actions{display:grid;grid-template-columns:1fr}
  .wc198-maint-action{width:100%}
  .wc198-form{grid-template-columns:1fr}
  .wc198-field.full{grid-column:auto}
}

/* V21.1 classic font */
.wc-maintenance-root,.wc-maintenance-card,.wc-maintenance-card button,.wc-maintenance-card input{font-family:Inter,Tahoma,"Leelawadee UI",Arial,sans-serif!important}

/* V21.3 Tahoma unified */
.wc-maintenance-root,.wc-maintenance-card,.wc-maintenance-card *{font-family:Tahoma,"Leelawadee UI","Microsoft Sans Serif",Arial,sans-serif!important}