.friendspace-workspace-inner { margin: 18px 0; padding: 22px; border: 1px solid #dbe3ed; border-left: 5px solid #f97316; border-radius: 22px; background: linear-gradient(135deg,#fff,#fffaf5); box-shadow: 0 10px 30px rgba(15,23,42,.06); }
.friendspace-workspace-inner[hidden] { display:none !important; }
.friendspace-workspace-inner__head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; }
.friendspace-workspace-inner__head p { margin:0; color:#ea580c; font-size:10px; font-weight:900; letter-spacing:.16em; }
.friendspace-workspace-inner__head h2 { margin:4px 0 0; color:#172033; font-family:Georgia,serif; font-size:27px; font-weight:500; }
.friendspace-workspace-inner__head span { color:#64748b; font-size:13px; }
.friendspace-workspace-inner__manage { flex:none; color:#c2410c; font-size:13px; font-weight:850; text-decoration:none; }
.friendspace-workspace-inner__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.friendspace-workspace-inner__card { position:relative; display:flex; min-width:0; align-items:center; gap:11px; padding:12px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; color:#172033; text-decoration:none; }
.friendspace-workspace-inner__card:hover { border-color:#fdba74; transform:translateY(-1px); }
.friendspace-workspace-inner__number { position:absolute; top:-8px; left:-7px; display:grid; width:25px; height:25px; place-items:center; border-radius:50%; background:#17233a; color:#fff; font-family:Georgia,serif; font-size:13px; }
.friendspace-workspace-inner__avatar { display:grid; width:46px; height:46px; flex:none; place-items:center; overflow:hidden; border-radius:14px; background:#e8eef5; color:#64748b; }
.friendspace-workspace-inner__avatar img { width:100%; height:100%; object-fit:cover; }
.friendspace-workspace-inner__copy { min-width:0; }
.friendspace-workspace-inner__copy strong,.friendspace-workspace-inner__copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.friendspace-workspace-inner__copy strong { font-size:14px; }.friendspace-workspace-inner__copy small { margin-top:3px; color:#64748b; font-size:11px; }
@media(max-width:760px){.friendspace-workspace-inner{padding:17px;border-radius:18px}.friendspace-workspace-inner__head{align-items:flex-start}.friendspace-workspace-inner__head h2{font-size:23px}.friendspace-workspace-inner__head span{display:none}.friendspace-workspace-inner__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.friendspace-workspace-inner__card{padding:10px}.friendspace-workspace-inner__avatar{width:42px;height:42px}}