/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000}
.modal-overlay.show{display:flex}
.modal{background:var(--bg-1);border:1px solid var(--card-border);border-radius:12px;width:740px;max-width:92vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.modal-header{padding:14px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.modal-header h3{color:var(--text-0);font-size:14px}
.modal-close{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:18px;padding:2px 6px}
.modal-close:hover{color:var(--text-0)}
.modal-body{padding:14px 24px;overflow-y:auto;flex:1;min-height:0}
.modal-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}
.modal-tab{padding:4px 10px;cursor:pointer;font-size:11px;color:var(--text-2);font-weight:500;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}
.modal-tab:hover{color:var(--text-1)}
.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}

/* Detail */
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.detail-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:14px;border:1px solid var(--card-border)}
.detail-card h4{font-size:11px;color:var(--text-2);text-transform:uppercase;margin-bottom:5px;letter-spacing:.5px}
.detail-row{display:flex;justify-content:space-between;padding:2px 0;font-size:11px}
.detail-label{color:var(--text-2)}
.detail-value{color:var(--text-0);font-family:var(--font-mono);font-size:10px;max-width:240px;overflow:hidden;text-overflow:ellipsis}

/* SMS */
.sms-item{background:var(--card-bg);border-radius:8px;padding:8px;margin-bottom:5px;border:1px solid var(--card-border)}
.sms-from{font-size:11px;color:var(--accent);font-weight:500}
.sms-date{font-size:10px;color:var(--text-3);float:right}
.sms-text{font-size:11px;color:var(--text-1);margin-top:3px;word-break:break-word}