.diplomacy-page { min-height:100%; padding:24px; display:flex; flex-direction:column; gap:18px; }
.diplomacy-page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.diplomacy-page-header h1 { margin:.25rem 0 .45rem; font-size:clamp(1.55rem,2vw,2.2rem); }
.diplomacy-page-header p { margin:0; max-width:760px; color:var(--muted); line-height:1.55; }
.diplomacy-workspace { min-height:0; flex:1; display:grid; grid-template-columns:260px minmax(0,1fr) 300px; gap:14px; }
.diplomacy-directory,.diplomacy-main,.diplomacy-inspector { min-width:0; border:1px solid var(--line); background:rgba(8,15,24,.82); box-shadow:0 18px 50px rgba(0,0,0,.18); }
.diplomacy-directory,.diplomacy-inspector { border-radius:16px; overflow:hidden; }
.diplomacy-directory { display:flex; flex-direction:column; }
.diplomacy-directory>header,.diplomacy-inspector>header { padding:17px 18px 14px; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:4px; }
.diplomacy-directory>header strong,.diplomacy-inspector>header strong { font-size:1.02rem; }
.diplomacy-contact-list { padding:8px; display:flex; flex-direction:column; gap:5px; overflow:auto; }
.diplomacy-contact-row { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr) 7px; gap:10px; align-items:center; width:100%; border:1px solid transparent; border-radius:11px; padding:10px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.diplomacy-contact-row:hover { background:rgba(255,255,255,.035); }
.diplomacy-contact-row.active { border-color:rgba(98,200,255,.32); background:rgba(55,151,207,.09); }
.diplomacy-contact-row>span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:3px; }
.diplomacy-contact-row strong,.diplomacy-contact-row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.diplomacy-contact-row small { color:var(--muted); }
.diplomacy-contact-row>i { width:7px; height:7px; border-radius:50%; background:#caa950; box-shadow:0 0 10px currentColor; }
.diplomacy-contact-row>i.tone-good { background:#55d5a5; }.diplomacy-contact-row>i.tone-danger { background:#ff625a; }.diplomacy-contact-row>i.tone-info { background:#64c8ff; }
.diplomacy-contact-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); font-weight:800; letter-spacing:.04em; }
.diplomacy-contact-mark.tone-good { color:#70e0ba; }.diplomacy-contact-mark.tone-danger { color:#ff8178; }.diplomacy-contact-mark.tone-info { color:#75d3ff; }.diplomacy-contact-mark.tone-warning { color:#dbc46d; }
.diplomacy-refresh { margin:auto 10px 10px; justify-content:center; }
.diplomacy-directory-empty { padding:18px; color:var(--muted); line-height:1.5; }
.diplomacy-main { border:0; background:transparent; display:flex; flex-direction:column; gap:14px; box-shadow:none; }
.diplomacy-contact-hero,.diplomacy-channel,.diplomacy-fleet { border:1px solid var(--line); border-radius:16px; background:rgba(8,15,24,.82); }
.diplomacy-contact-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:68px minmax(0,1fr) auto; gap:16px; align-items:center; padding:22px; }
.diplomacy-contact-hero::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#d5b85f; box-shadow:0 0 24px currentColor; }
.diplomacy-contact-hero.tone-good::before { background:#55d5a5; }.diplomacy-contact-hero.tone-danger::before { background:#ff625a; }.diplomacy-contact-hero.tone-info::before { background:#64c8ff; }
.diplomacy-contact-emblem { width:68px; height:68px; display:grid; place-items:center; border:1px solid rgba(106,201,255,.28); border-radius:18px; background:radial-gradient(circle at 35% 25%,rgba(91,193,255,.24),rgba(20,40,60,.62)); font-size:1.35rem; font-weight:900; letter-spacing:.08em; }
.diplomacy-contact-hero h2 { margin:.25rem 0 .35rem; font-size:1.55rem; }.diplomacy-contact-hero p { margin:0; color:var(--muted); line-height:1.5; max-width:720px; }
.diplomacy-contact-status { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }.diplomacy-contact-status span { padding:.35rem .6rem; border:1px solid var(--line); border-radius:999px; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }.diplomacy-contact-status small { color:var(--muted); }
.diplomacy-channel,.diplomacy-fleet { padding:18px; }.diplomacy-channel>header,.diplomacy-fleet>header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }.diplomacy-channel h3,.diplomacy-fleet h3 { margin:.18rem 0 0; }
.diplomacy-history { max-height:310px; overflow:auto; display:flex; flex-direction:column; gap:8px; padding-right:5px; }
.diplomacy-history-row { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; padding:12px; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:rgba(255,255,255,.025); }
.diplomacy-history-row>i { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:rgba(91,193,255,.08); color:#66c8ff; }.diplomacy-history-row.first>i { color:#74e4bc; background:rgba(85,213,165,.09); }
.diplomacy-history-row p { margin:.25rem 0 .35rem; color:var(--muted); line-height:1.45; }.diplomacy-history-row small { color:var(--muted); font-size:.72rem; }
.diplomacy-history-empty { padding:18px; border:1px dashed var(--line); border-radius:10px; color:var(--muted); text-align:center; }
.diplomacy-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }.ref-secondary-button.danger { color:#ff8b83; border-color:rgba(255,98,90,.28); }
.diplomacy-fleet>p { margin:-4px 0 14px; color:var(--muted); line-height:1.5; }.diplomacy-fleet>header>strong { font-size:1.5rem; color:#72d4ff; }
.diplomacy-ship-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.diplomacy-ship-card { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; border:1px solid rgba(255,255,255,.065); border-radius:11px; padding:10px; background:rgba(255,255,255,.025); }.diplomacy-ship-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:9px; color:#76d4ff; background:rgba(72,179,240,.08); }.diplomacy-ship-card>div:nth-child(2) { display:flex; flex-direction:column; min-width:0; gap:3px; }.diplomacy-ship-card strong,.diplomacy-ship-card small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.diplomacy-ship-card small { color:var(--muted); }.diplomacy-ship-card>span { color:#75dfb8; font-size:.72rem; text-transform:uppercase; }
.diplomacy-inspector { align-self:start; }.diplomacy-metrics { padding:15px 16px; display:flex; flex-direction:column; gap:13px; border-bottom:1px solid var(--line); }.diplomacy-metric>div { display:flex; justify-content:space-between; gap:10px; margin-bottom:6px; font-size:.78rem; }.diplomacy-metric span { color:var(--muted); }
.diplomacy-profile-grid { padding:10px 16px 16px; display:flex; flex-direction:column; }.diplomacy-profile-grid>div { display:flex; flex-direction:column; gap:3px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.055); }.diplomacy-profile-grid span { color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }.diplomacy-profile-grid strong { font-size:.9rem; overflow-wrap:anywhere; }.diplomacy-inspector-copy { padding:17px; color:var(--muted); line-height:1.55; }.diplomacy-inspector-copy small { display:block; margin-top:12px; }
.diplomacy-operation-message { border:1px solid rgba(91,193,255,.22); background:rgba(65,167,224,.08); color:#9edcff; border-radius:11px; padding:10px 13px; }
.diplomacy-loading { min-height:480px; display:grid; place-items:center; }.diplomacy-loading>div { display:flex; align-items:center; gap:10px; color:var(--muted); }
.npc-first-contact-overlay { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:22px; background:rgba(1,6,12,.82); backdrop-filter:blur(12px); }
.npc-first-contact-dialog { width:min(760px,100%); border:1px solid rgba(101,199,255,.3); border-radius:20px; background:linear-gradient(145deg,rgba(12,25,39,.98),rgba(6,12,20,.99)); box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 60px rgba(71,172,230,.1); overflow:hidden; }
.npc-first-contact-dialog>header { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--line); }.npc-first-contact-signal { display:flex; align-items:center; gap:8px; color:#70d4ff; font-weight:800; font-size:.78rem; letter-spacing:.14em; }.npc-first-contact-later { border:0; background:transparent; color:var(--muted); cursor:pointer; }
.npc-first-contact-hero { display:grid; grid-template-columns:82px minmax(0,1fr); gap:18px; align-items:center; padding:28px 28px 20px; }.npc-first-contact-emblem { width:82px; height:82px; display:grid; place-items:center; border-radius:22px; border:1px solid rgba(106,201,255,.3); background:radial-gradient(circle at 34% 25%,rgba(93,203,255,.3),rgba(16,34,52,.74)); font-size:1.6rem; font-weight:900; }.npc-first-contact-hero h2 { margin:.3rem 0 .45rem; font-size:2rem; }.npc-first-contact-hero p { margin:0; color:var(--muted); line-height:1.58; }
.npc-first-contact-facts { margin:0 28px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:13px; overflow:hidden; }.npc-first-contact-facts>div { padding:12px; display:flex; flex-direction:column; gap:4px; border-right:1px solid var(--line); }.npc-first-contact-facts>div:last-child { border-right:0; }.npc-first-contact-facts span { color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }.npc-first-contact-facts strong { font-size:.88rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.npc-first-contact-actions { display:flex; gap:9px; padding:22px 28px 12px; }.npc-first-contact-status { margin:0; padding:0 28px 24px; color:var(--muted); font-size:.78rem; }
@media (max-width:1180px) { .diplomacy-workspace { grid-template-columns:230px minmax(0,1fr); }.diplomacy-inspector { grid-column:1/-1; display:grid; grid-template-columns:220px 1fr; }.diplomacy-inspector>header { border-right:1px solid var(--line); border-bottom:0; }.diplomacy-metrics { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:0; }.diplomacy-profile-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:0 18px; border-top:1px solid var(--line); } }
@media (max-width:820px) { .diplomacy-page { padding:14px; }.diplomacy-workspace { grid-template-columns:1fr; }.diplomacy-directory { max-height:260px; }.diplomacy-inspector { grid-column:auto; display:block; }.diplomacy-contact-hero { grid-template-columns:54px 1fr; }.diplomacy-contact-emblem { width:54px; height:54px; }.diplomacy-contact-status { grid-column:1/-1; align-items:flex-start; }.diplomacy-ship-grid { grid-template-columns:1fr; }.npc-first-contact-facts { grid-template-columns:repeat(2,1fr); }.npc-first-contact-facts>div:nth-child(2) { border-right:0; }.npc-first-contact-facts>div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.npc-first-contact-actions { flex-direction:column; }.npc-first-contact-actions button { width:100%; }.npc-first-contact-hero { grid-template-columns:1fr; }.npc-first-contact-emblem { width:64px; height:64px; } }