.renewal-date-warning{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #d8e3df;border-radius:16px;color:#16352b;background:#fff;box-shadow:0 20px 70px #102a2655;font-family:inherit;overflow:auto}
.renewal-date-warning::backdrop{background:#0c241f99;backdrop-filter:blur(2px)}
.renewal-date-warning header{padding:24px 24px 8px}.renewal-date-warning h2{margin:0 0 10px;font-size:22px;line-height:1.3}.renewal-date-warning header p{margin:7px 0;font-size:14px;line-height:1.5;color:#556b63}.renewal-warning-today{font-weight:600}
.renewal-warning-items{padding:8px 24px 20px;display:grid;gap:14px}.renewal-warning-card{border:1px solid #ead8ad;background:#fffaf0;border-radius:10px;padding:16px}.renewal-warning-card h3{margin:0;font-size:16px}.renewal-warning-imei{margin:6px 0;font-size:12px;color:#52675e}.renewal-warning-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:16px 0 0;font-size:14px}.renewal-warning-card dt{color:#52675e}.renewal-warning-card dd{margin:0;text-align:right;font-weight:700}.renewal-warning-expected{color:#08735a}.renewal-warning-entered{color:#a24316}
.renewal-date-warning footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding:18px 24px;border-top:1px solid #dce6e0;background:#fafcfb}.renewal-date-warning button{white-space:normal}
@media(max-width:520px){.renewal-date-warning header{padding:20px 16px 8px}.renewal-warning-items{padding:8px 16px 16px}.renewal-date-warning footer{padding:16px}.renewal-date-warning footer button{width:100%}.renewal-date-warning h2{font-size:20px}}