/* Evrycard Phone Compatibility table — matches brand tokens (Outfit, #F59F0A, rounded-md) */
.evry-compat{font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;max-width:100%;margin:2rem 0}
.evry-compat *{box-sizing:border-box}
.evry-compat__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}
.evry-compat__search{flex:1 1 240px;min-width:200px}
.evry-compat__search input,
.evry-compat__filter select{width:100%;padding:.6rem .85rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;font:inherit;font-size:.95rem;color:#0f172a;transition:border-color .15s,box-shadow .15s}
.evry-compat__search input:focus,
.evry-compat__filter select:focus{outline:none;border-color:#F59F0A;box-shadow:0 0 0 3px rgba(245,159,10,.18)}
.evry-compat__filter{flex:0 0 auto;min-width:160px}
.evry-compat__count{margin-left:auto;font-size:.875rem;color:#64748b;font-weight:500}
.evry-compat__table-wrap{border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;background:#fff}
.evry-compat__table{width:100%;border-collapse:collapse;font-size:.95rem}
.evry-compat__table thead{background:#f8fafc}
.evry-compat__table th{text-align:left;padding:.85rem 1rem;font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0;white-space:nowrap;cursor:pointer;user-select:none;position:relative}
.evry-compat__table th[data-sort]:hover{color:#F59F0A}
.evry-compat__table th[data-sort]::after{content:"↕";opacity:.35;margin-left:.35rem;font-size:.8em}
.evry-compat__table th.is-sorted-asc::after{content:"↑";opacity:1;color:#F59F0A}
.evry-compat__table th.is-sorted-desc::after{content:"↓";opacity:1;color:#F59F0A}
.evry-compat__table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#0f172a}
.evry-compat__table tbody tr:nth-child(even){background:#fafbfc}
.evry-compat__table tbody tr:hover{background:#fff8ea}
.evry-compat__table tbody tr:last-child td{border-bottom:0}
.evry-compat__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;background:#ecfdf5;color:#047857;border-radius:.375rem;font-size:.8rem;font-weight:500;line-height:1.2}
.evry-compat__badge::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:#10b981}
.evry-compat__empty-state{padding:2rem 1rem;text-align:center;color:#64748b;margin:0}
.evry-compat-empty{color:#64748b;font-style:italic}
.evry-compat__pagination{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin-top:1rem}
.evry-compat__pgbtn,
.evry-compat .evry-compat__pgbtn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:.35rem !important;padding:.55rem 1.25rem !important;border:0 !important;border-radius:9999px !important;background:#F59F0A !important;background-image:none !important;color:#fff !important;font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;font-size:.9rem !important;font-weight:600 !important;line-height:1 !important;letter-spacing:0 !important;text-transform:none !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;transition:filter .15s,opacity .15s;-webkit-appearance:none;appearance:none}
.evry-compat__pgbtn:hover:not(:disabled),
.evry-compat .evry-compat__pgbtn:hover:not(:disabled){filter:brightness(1.06);box-shadow:none !important;background:#F59F0A !important;background-image:none !important;color:#fff !important}
.evry-compat__pgbtn:focus,
.evry-compat .evry-compat__pgbtn:focus{outline:2px solid rgba(245,159,10,.35);outline-offset:2px;box-shadow:none !important}
.evry-compat__pgbtn:disabled,
.evry-compat .evry-compat__pgbtn:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none !important;background:#F59F0A !important;background-image:none !important;color:#fff !important}
.evry-compat__pginfo{font-size:.9rem;color:#334155;padding:0 .5rem}
.evry-compat__pgsize{margin-left:auto}
.evry-compat__pgsize select{padding:.45rem .6rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;font:inherit;font-size:.85rem;color:#0f172a}
@media (max-width:640px){
	.evry-compat__controls{flex-direction:column;align-items:stretch;gap:.5rem}
	.evry-compat__search{flex:0 0 auto;min-width:auto;width:100%;margin:0}
	.evry-compat__filter{width:100%;min-width:auto}
	.evry-compat__search input,.evry-compat__filter select{display:block;margin:0}
	.evry-compat__count{margin-left:0;text-align:center}
	.evry-compat__table{font-size:.875rem}
	.evry-compat__table th,.evry-compat__table td{padding:.6rem .65rem}
	.evry-compat__pgsize{margin-left:0;width:100%}
	.evry-compat__pgsize select{width:100%}
}

/* NFC Check card — ported from marketing site CompatibleDevicesSection */
.evry-compat__nfc-check,
.evry-compat .evry-compat__nfc-check{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem 1.25rem;margin-bottom:1.25rem;background:#fafbfc;text-align:center;font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;box-shadow:none}
.evry-compat__nfc-check *,
.evry-compat .evry-compat__nfc-check *{font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important}
.evry-compat__nfc-head{text-align:center}
.evry-compat__nfc-head h3,
.evry-compat .evry-compat__nfc-head h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;line-height:1.2}
.evry-compat__nfc-ico{display:inline-flex;width:1.15rem;height:1.15rem;color:#F59F0A}
.evry-compat__nfc-ico svg{width:100%;height:100%}
.evry-compat__nfc-head p,
.evry-compat .evry-compat__nfc-head p{margin:0 0 .75rem;font-size:.95rem;color:#64748b;font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;line-height:1.4}
.evry-compat__nfc-body{text-align:center;padding:.25rem 0}
.evry-compat__nfc-icon{width:3.5rem;height:3.5rem;border-radius:50%;background:rgba(245,159,10,.12);color:#F59F0A;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.65rem;transition:background .2s,color .2s}
.evry-compat__nfc-icon svg{width:1.6rem;height:1.6rem}
.evry-compat__nfc-check.is-checking .evry-compat__nfc-icon,
.evry-compat__nfc-check.is-scanning .evry-compat__nfc-icon{animation:evryNfcPulse 1.4s ease-in-out infinite}
.evry-compat__nfc-check.is-ok .evry-compat__nfc-icon{background:#ecfdf5;color:#059669}
.evry-compat__nfc-check.is-off .evry-compat__nfc-icon{background:#fef3c7;color:#d97706}
.evry-compat__nfc-check.is-none .evry-compat__nfc-icon{background:#fee2e2;color:#dc2626}
@keyframes evryNfcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.evry-compat__nfc-msg{margin:0 0 .6rem;font-size:.9rem;font-weight:600;color:#0f172a;min-height:1.2em;font-family:inherit;text-align:center}
.evry-compat__nfc-check.is-ok .evry-compat__nfc-msg{color:#059669}
.evry-compat__nfc-check.is-off .evry-compat__nfc-msg{color:#d97706}
.evry-compat__nfc-check.is-none .evry-compat__nfc-msg{color:#dc2626}
.evry-compat__nfc-hint{margin:0 auto .75rem;font-size:.8rem;color:#64748b;max-width:320px;font-family:inherit;text-align:center}
.evry-compat__nfc-btn,
.evry-compat .evry-compat__nfc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:9999px !important;background:linear-gradient(135deg,#F59F0A 0%,#F97316 100%) !important;background-image:linear-gradient(135deg,#F59F0A 0%,#F97316 100%) !important;color:#fff !important;border:0 !important;font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;font-size:.9rem !important;font-weight:600 !important;line-height:1 !important;letter-spacing:0 !important;text-transform:none !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;transition:filter .15s,opacity .15s;-webkit-appearance:none;appearance:none}
.evry-compat__nfc-btn:hover:not(:disabled),
.evry-compat .evry-compat__nfc-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:none !important}
.evry-compat__nfc-btn:focus,
.evry-compat .evry-compat__nfc-btn:focus{outline:2px solid rgba(245,159,10,.35);outline-offset:2px;box-shadow:none !important}
.evry-compat__nfc-btn:disabled{opacity:.6;cursor:not-allowed;filter:none}
.evry-compat__nfc-btn[hidden]{display:none}
.evry-compat__nfc-btn-ico{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;line-height:0;flex-shrink:0}
.evry-compat__nfc-btn-ico svg{width:100%;height:100%;display:block}
