/* Roby Realty portal: milestones, elite team view, onboarding */
#extMiles{margin-top:14px}
.x-miles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.x-mile{border:1px solid var(--line2);background:linear-gradient(160deg,rgba(225,196,122,.07),transparent 55%),var(--ink2);padding:12px 14px}
.x-mile span{display:block;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}
.x-mile b{display:block;font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ivory);margin:4px 0 2px;line-height:1.1}
.x-mile small{font-size:12px;color:var(--muted)}
.x-mile.soon{border-color:var(--gold);box-shadow:0 0 0 1px rgba(225,196,122,.35)}
.x-welcome{border:1px solid var(--gold);background:radial-gradient(circle at 100% 0,rgba(225,196,122,.16),transparent 55%),var(--ink2);padding:20px 22px;margin:0 0 14px}
.x-welcome h3{font-family:var(--serif);font-size:30px;font-weight:500;color:var(--ivory);margin:6px 0 4px;line-height:1.15}
.x-welcome h3 em{color:var(--gold)}
.x-welcome p{margin:0 0 10px;color:var(--muted);font-style:italic}
.x-welcome ol{margin:0;padding-left:20px;line-height:2}
.x-welcome a{color:var(--cream)}
.x-pill{font-size:11px;border:1px solid var(--line);padding:2px 8px;border-radius:20px;color:var(--gold);margin-left:6px}
.x-team-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:26px 26px 22px;margin:0 0 14px;border:1px solid var(--line);background:radial-gradient(circle at 0 0,rgba(225,196,122,.2),transparent 50%),radial-gradient(circle at 100% 100%,rgba(198,155,75,.12),transparent 55%),var(--ink2);position:relative;overflow:hidden}
.x-team-hero:after{content:"";position:absolute;inset:0;border-top:3px solid transparent;border-image:linear-gradient(90deg,#E8CF8E,#C69B4B,#9D7736) 1;pointer-events:none}
.x-team-hero h3{font-family:var(--serif);font-size:38px;font-weight:500;color:var(--ivory);margin:6px 0 4px;line-height:1.05}
.x-team-hero h3 em{color:var(--gold)}
.x-team-hero p{margin:0;color:var(--muted)}
.x-cel,.x-onb{display:flex;gap:10px;overflow-x:auto;padding:4px 0 14px;margin:0 0 6px;align-items:stretch}
.x-cel-h{flex:0 0 auto;align-self:center;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);writing-mode:horizontal-tb;padding-right:4px}
.x-cel-i{flex:0 0 auto;display:flex;gap:10px;align-items:center;border:1px solid var(--line2);background:var(--ink2);padding:10px 14px;min-width:220px}
.x-cel-i i{font-style:normal;font-size:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(225,196,122,.12);color:var(--gold)}
.x-cel-i b{display:block;color:var(--ivory);font-size:14px}
.x-cel-i span{font-size:12px;color:var(--muted)}
.x-onb-i{flex:0 0 auto;display:flex;gap:10px;align-items:center;border:1px dashed var(--line);padding:8px 12px;min-width:240px}
.x-onb-i img,.x-ini{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:700}
.x-onb-i b{display:block;color:var(--ivory);font-size:14px}.x-onb-i span{font-size:12px;color:var(--muted)}
.x-add{margin:0 0 18px;border-color:var(--gold)}
.x-add-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.x-hs{display:flex;align-items:center;gap:12px}.x-hs img{width:64px;height:78px;object-fit:cover;border:1px solid var(--gold)}
@media (max-width:700px){.x-add-g{grid-template-columns:1fr}.x-team-hero h3{font-size:30px}}
.tcard.x-elite{position:relative;background:linear-gradient(180deg,rgba(225,196,122,.06),transparent 40%),var(--ink2);border-color:var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
.tcard.x-elite:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gg)}
.tcard.x-elite:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.45);border-color:rgba(225,196,122,.5)}
.tcard.x-elite .top img{width:68px;height:68px;border:2px solid var(--gold);box-shadow:0 0 0 4px rgba(225,196,122,.12)}
.x-card-m{border-top:1px solid var(--line2);padding-top:10px}
.x-card-ms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.x-card-ms div{border:1px solid var(--line2);padding:6px;text-align:center}
.x-card-ms div.soon{border-color:var(--gold)}
.x-card-ms i{font-style:normal;color:var(--gold);font-size:13px;display:block}
.x-card-ms span{display:block;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:2px 0}
.x-card-ms b{display:block;font-size:12px;color:var(--ivory);font-weight:600}
.x-editbtn{font-size:12px;margin-top:6px;color:var(--gold)}
.x-edit label{display:block;margin:0 0 8px}.x-edit span{display:block;font-size:11px;color:var(--muted);margin:0 0 4px}
.x-edit input{width:100%;background:var(--ink3);border:1px solid var(--line);color:var(--cream);padding:8px 10px;font-size:13px}
.x-edit-b{display:flex;gap:8px;margin-top:4px}
.x-team-act{display:flex;gap:8px;flex-wrap:wrap}
.x-cardbtns{display:flex;gap:14px;flex-wrap:wrap}
.x-drawer{margin-top:10px;border:1px solid var(--line);padding:10px;background:var(--ink)}
.x-drow{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12.5px;margin:0 0 8px}
.x-drow select{background:var(--ink3);color:var(--cream);border:1px solid var(--line);padding:5px 6px;font-size:12px;max-width:120px}
.x-drow small{color:var(--muted)}
.x-docs{margin-top:22px;border:1px solid var(--line2);background:var(--ink2);padding:20px}
.x-docs-h{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 10px}
.x-docs-h h3{font-family:var(--serif);font-size:28px;font-weight:500;color:var(--ivory);margin:4px 0 0}.x-docs-h h3 em{color:var(--gold)}
.x-doc-grp{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);margin:14px 0 6px}
.x-doc{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line2)}
.x-doc b{color:var(--ivory);font-size:14.5px}.x-doc small{color:var(--muted)}.x-doc span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.x-doc-r{display:flex;gap:8px;align-items:center;flex:none}
.x-dpill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:4px 9px;border-radius:20px;border:1px solid var(--line);color:var(--gold);white-space:nowrap}
.x-dpill.signed,.x-dpill.received{color:var(--ok);border-color:rgba(143,203,155,.5)}
.x-dpill.outstanding{color:var(--warn);border-color:rgba(242,194,107,.5)}
.x-dpill.mute,.x-dpill.notneeded{color:var(--muted);border-color:var(--line2)}
.x-dmgr{margin:0 0 18px}
.x-dedit{border:1px solid var(--gold);padding:14px;margin:10px 0}
@media (max-width:600px){.x-doc{flex-direction:column;align-items:flex-start}}