/* SocialLinksScreen.kt: list, individual editor, and shared profile links. */
.social-page{font-family:BoardManrope,Arial,sans-serif;max-width:820px;padding-top:32px;padding-bottom:32px}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}.social-page .social-heading h1{font:600 30px/36px BoardManrope,Arial,sans-serif;letter-spacing:-.7px;margin:0}.social-done,.social-row-edit,.social-remove{min-height:44px;padding:8px 10px;font-size:14px;font-weight:500;color:var(--soft-primary-ink)}.social-list-page{display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:calc(100svh - 84px)}.social-list-content,.social-list-footer{width:100%;max-width:560px;margin-left:auto;margin-right:auto}.social-intro{font-size:14px;line-height:20px;font-weight:500;color:var(--muted);margin:17px 0 23px}.social-empty{border:1px dashed var(--line);border-radius:17px;text-align:center;padding:24px 20px}.social-empty-art{position:relative;width:200px;height:130px;margin:0 auto}.social-empty-center{display:grid;place-items:center;width:66px;height:66px;border:1px solid var(--line);border-radius:22px;background:var(--soft-mint);position:absolute;left:67px;top:32px}.social-empty-center .ui-icon{width:29px;height:29px}.social-empty-badge{display:grid;place-items:center;position:absolute;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--card)}.social-empty-badge .social-icon{width:14px;height:14px}.badge-github{left:7px;top:8px}.badge-x{right:9px;top:19px}.badge-linkedin{right:16px;bottom:2px}.social-empty h2{font-size:18px;line-height:23px;font-weight:600;margin:10px 0 0}.social-empty p{font-size:14px;line-height:20px;color:var(--muted);margin:8px 0 0}.social-add-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;width:100%;border:1px solid var(--line);border-radius:14px;font-size:14px;font-weight:500;margin-top:22px}.social-add-link .ui-icon{width:20px;height:20px}.social-disclosure{font-size:12px;line-height:16px;font-weight:600;color:var(--muted);text-align:center;margin:15px 0 0}.social-list-footer{display:flex;align-items:center;gap:15px;padding-bottom:10px}.social-list-footer .ui-icon{width:42px;height:42px;color:var(--muted);opacity:.7}.social-list-footer p{font-size:18px;line-height:26px;font-weight:500;color:var(--muted);margin:0}.social-list-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.social-platform-tile{display:grid;place-items:center;width:40px;height:40px;flex:none;background:var(--soft-mint);border:1px solid var(--line);border-radius:12px}.social-platform-tile .social-icon,.social-platform-tile .ui-icon{width:18px;height:18px}.social-row-copy{flex:1;min-width:0}.social-row-copy h2{font-size:14px;line-height:20px;font-weight:600;margin:0}.social-row-copy p{font-size:12px;line-height:16px;font-weight:600;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:4px 0 0}.social-row-edit{flex:none}.social-editor-page .social-heading,.social-editor-page form{max-width:560px;margin-left:auto;margin-right:auto}.social-editor-page form{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:calc(100svh - 228px)}.social-editor-body{flex:1}.social-editor-body .social-intro{margin:17px 0 18px}.social-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.social-platform-choice{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--card);flex:none}.social-platform-choice .social-icon,.social-platform-choice .ui-icon{width:13px;height:13px}.social-platform-choice[aria-checked="true"]{border:2px solid var(--ink);background:var(--soft-mint)}.social-page .social-input-label{display:block;font-size:14px;line-height:20px;font-weight:600;margin:0 0 8px}.social-page #social-profile-link{display:block;width:100%;min-height:54px;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:400 15px/23px BoardManrope,Arial,sans-serif}.social-page #social-profile-link:focus{outline:2px solid var(--soft-primary-ink);outline-offset:0}.social-page #social-profile-link[aria-invalid="true"]{border-color:var(--soft-danger-ink)}.social-preview{display:flex;align-items:center;gap:12px;padding:16px;margin-top:18px;background:var(--soft-mint);border-radius:16px;min-height:72px}.social-preview[hidden]{display:none}.social-preview>.social-icon,.social-preview>.ui-icon{width:16px;height:16px;flex:none}.social-preview>div{min-width:0}.social-preview p{font-size:14px;line-height:20px;font-weight:500;margin:0;overflow-wrap:anywhere}.social-preview small{display:block;color:var(--muted);font-size:12px;line-height:16px;font-weight:600;margin-top:4px}.social-input-error,#social-save-error{font-size:13px;line-height:20px;margin:18px 0 0;color:var(--soft-danger-ink)}.social-input-error:empty,#social-save-error:empty{display:none}.social-remove{display:block;margin-top:18px;padding-left:0}.social-save{display:block;width:100%;min-height:52px;background:var(--orange);color:#fffaec;border:0;border-radius:12px;font-size:15px;font-weight:600}.social-save:disabled{opacity:.5}.social-page button:disabled{cursor:default}.social-add-link:disabled{opacity:.45}.social-page button:focus-visible,.maker-social-link:focus-visible,.social-chip:focus-visible{outline:3px solid var(--soft-primary-ink);outline-offset:3px}.social-platform-choice:hover:not(:disabled),.social-add-link:hover:not(:disabled),.social-row-edit:hover:not(:disabled),.social-done:hover:not(:disabled){background:var(--surface-secondary)}.maker-socials{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.maker-social-link{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bg);text-decoration:none;color:var(--ink);border:1px solid var(--line)}.maker-social-link>.social-icon,.maker-social-link>.ui-icon{width:18px;height:18px}.maker-social-link:hover{background:var(--soft-mint)}.social-chip{max-width:220px}
@media(max-width:999px){.social-page{padding-top:24px;padding-bottom:96px}.social-list-page{min-height:calc(100svh - 76px)}.social-editor-page form{min-height:calc(100svh - 268px)}}
@media(max-width:480px){.social-page{padding-left:24px;padding-right:24px}.social-page .social-heading h1{font-size:21px;line-height:29px;letter-spacing:0}.social-editor-page form{min-height:calc(100svh - 268px)}}