/* Base */
.euf-container{max-width:960px;margin:16px auto;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","BIZ UDPGothic","Noto Sans JP","Yu Gothic",Meiryo,sans-serif; font-size:16px !important; line-height:1.8 !important}
.euf-container *{font-size:inherit}

/* Headings */
.euf-h2{font-size:2rem !important;font-weight:800 !important;color:#1f365c !important;margin:0 0 12px !important}
.euf-h3{font-size:1.5rem !important;font-weight:800 !important;color:#1f365c !important;margin:20px 0 10px !important}
.euf-step-lead{color:#2a3a54 !important;margin:0 0 18px !important;font-size:1.25rem !important;line-height:1.8 !important;font-weight:700 !important}

/* Layout */
.euf-row{display:flex;gap:12px;flex-wrap:wrap}
.euf-group{margin-bottom:12px;flex:1;min-width:200px}
.euf-group label{display:block;font-weight:800;margin-bottom:6px;color:#1f365c;font-size:1rem !important}

/* Controls: unified height & spacing */
:root{--euf-h:48px;--euf-py:10px;--euf-px:12px}
.euf-group input,.euf-group select{
  width:100%;
  height:var(--euf-h);
  padding:var(--euf-py) var(--euf-px);
  border:1px solid #c9d4e0;
  border-radius:8px;
  font-size:16px !important;
  line-height:1.4;
  box-sizing:border-box;
  -webkit-appearance:none;
  appearance:none;
}

/* Amount fixed: background lock icon, contained; minimal extra padding */
.euf-face-lock[disabled]{
  background-color:#f7f9ff;
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%25232d6cdf%27%3E%3Cpath%20d%3D%27M12%201a5%205%200%2000-5%205v3H6a2%202%200%2000-2%202v9a2%202%200%20002%202h12a2%202%200%20002-2v-9a2%202%200%2000-2-2h-1V6a5%205%200%2000-5-5zm-3%208V6a3%203%200%20116%200v3H9zm3%204a2%202%200%20110%204%202%202%200%20010-4z%27/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:calc(100% - 10px) 50%;
  background-origin:content-box;
  color:#223;
  border-color:#c9d4e0;
  cursor:not-allowed;
  padding-right:28px; /* keep icon inside without increasing height */
}

/* Buttons */
.euf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:12px 22px;min-height:48px;min-width:240px;font-size:16px !important;font-weight:800;line-height:1;background:#2d6cdf;color:#fff;cursor:pointer;text-decoration:none}
.euf-btn:hover{filter:brightness(.95)}
.euf-primary{background:#2d6cdf;color:#fff;border:2px solid #2d6cdf}
.euf-secondary{background:#fff;color:#2d6cdf;border:2px solid #2d6cdf}

/* Table */
.euf-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x}
.euf-table{width:100%;min-width:860px;border-collapse:collapse;border:1px solid #e7ecf3;border-radius:12px;overflow:hidden}
.euf-table th,.euf-table td{white-space:nowrap;padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top;text-align:left;font-size:15px !important}
.euf-table thead th{background:#f7f9fc;color:#334}
.euf-badges{display:flex;gap:8px;flex-wrap:nowrap}
.euf-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:#eef4ff;color:#234;border:1px solid #dbe7ff}
.euf-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}

/* Mobile tuning */
@media (max-width:600px){
  :root{--euf-h:44px;--euf-px:12px}
  .euf-btn{width:100%;min-width:auto}
  .euf-footer{flex-wrap:wrap}
  .euf-footer .euf-btn{flex:1 1 calc(50% - 6px)}
  .euf-h2{font-size:1.7rem !important}
  .euf-h3{font-size:1.35rem !important}
  .euf-step-lead{font-size:1.2rem !important}
}

/* Result */
.euf-result{padding:12px;background:#f7fff0;border:1px solid #d8f3c6;border-radius:8px;color:#284d10;margin-top:12px;font-size:1rem !important}



/* ===== EUF v2.0.7d override (high specificity & !important) ===== */
#euf-compare-app .euf-row { gap: 12px !important; }
#euf-compare-app .euf-group input[type="text"],
#euf-compare-app .euf-group select {
  height: 44px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
}
/* Fixed amount field */
#euf-compare-app #euf-face-view.euf-face-lock[disabled] {
  background-color: #f7f9ff !important;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%25232d6cdf%27%3E%3Cpath%20d%3D%27M12%201a5%205%200%2000-5%205v3H6a2%202%200%2000-2%202v9a2%202%200%20002%202h12a2%202%200%20002-2v-9a2%202%200%2000-2-2h-1V6a5%205%200%2000-5-5zm-3%208V6a3%203%200%20116%200v3H9zm3%204a2%202%200%20110%204%202%202%200%20010-4z%27/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 16px 16px !important;
  padding-right: 34px !important;
  color: #223 !important;
  border: 1px solid #c9d4e0 !important;
  border-radius: 8px !important;
}
/* Legacy badge (if any) force hide */
#euf-compare-app .euf-face-badge,
#euf-compare-app .euf-face-badge::before,
#euf-compare-app .euf-lock-badge,
#euf-compare-app .euf-lock-badge::before { display: none !important; }
#euf-compare-app label[for="euf-face-view"] { margin-bottom: 6px !important; }
#euf-compare-app #euf-face-view { margin-bottom: 8px !important; }
@supports (-webkit-touch-callout: none) {
  #euf-compare-app #euf-face-view.euf-face-lock[disabled]{ background-position:right 10px center !important; }
}
/* =============================================================== */