/* 正式界面复用已确认原型和通用变量，只增加真实登录、上报和空态所需适配。 */
.loading-note{padding:40px;color:var(--muted)}
.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(400px,1.1fr);background:#fafbfc}
.login-intro{padding:12vh 10%;background:#182331;color:#e7edf6;display:flex;flex-direction:column;justify-content:center;gap:26px}
.login-intro .brand-mark{color:#8abaff;font-size:44px}.login-intro h1{font-size:30px;line-height:1.6;letter-spacing:-.5px}.login-intro p{color:#acbacd;max-width:380px;font-size:14px}.login-intro small{margin-top:60px;color:#acbacd}
.login-form{width:min(400px,calc(100% - 48px));margin:auto;padding:40px 0}.login-form h1{margin-bottom:8px}.login-form>.muted{margin-bottom:28px}.login-form .button.primary{width:100%}.login-form .field{margin-bottom:20px}
.app-header .brand{border:0;margin:0;height:44px;min-height:44px;gap:10px;justify-content:flex-start}.header-context{display:flex;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .header-icon{border:0;border-radius:6px;background:transparent;padding:8px;min-width:36px;height:36px}.header-actions .account-trigger{color:#e7edf6;min-height:36px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-trigger{border:0;background:transparent;font-weight:600}.app-header .brand-mark{font-size:26px}
dialog:not([open]){display:none!important}dialog.modal{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 120px)}dialog::backdrop{background:var(--ds-overlay);backdrop-filter:blur(4px)}
dialog.project-drawer{inset:0 auto 0 0;margin:0;max-height:100dvh;height:100dvh;width:min(420px,100vw);border-radius:0}
dialog .modal-body{flex:1}dialog.confirm-dialog{max-width:400px}.modal-body .field:last-child{margin-bottom:0}dialog .form-error:not(:empty){padding:10px;color:var(--red);background:var(--ds-danger-bg);border-radius:6px;margin:10px 0}
#preview{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0;color:white}
#preview img,#preview video{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain}#preview video{min-width:260px}#preview>p{overflow-wrap:anywhere}
#notification{position:fixed;z-index:999;bottom:24px;left:50%;transform:translateX(-50%);background:#182331;color:white;padding:10px 20px;border-radius:8px;max-width:90vw;box-shadow:var(--ds-popup-shadow)}
.issue-actions .button{white-space:normal}.issue-card h2{font-weight:600}.issue-card-content .table-title-button{text-align:left}.issue-card .issue-screenshot img{background:var(--ds-readonly)}.issue-card .issue-media .media-thumb{cursor:zoom-in}
.id-copy{border:0;background:none;font:inherit;color:inherit;padding:0;text-align:left;cursor:copy}.id-copy:hover{color:var(--accent)}.table-wrap .data-table{min-width:980px}.table-wrap td{vertical-align:top}.table-wrap .issue-media{max-width:200px}.issue-results .field-error{margin:10px 0}.inline-editor-host{grid-column:1/-1}
.project-choice{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:14px;text-align:left;background:white;margin-bottom:10px}.project-choice.active{border-color:var(--accent);background:var(--accent-soft)}.project-choice small{display:block;color:var(--muted);margin-top:4px}.drawer-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.project-drawer .modal-footer{justify-content:space-between}
.settings-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;align-items:start}.settings-menu{display:grid;gap:6px}.settings-menu button{border:0;background:none;padding:10px 12px;border-radius:6px;text-align:left}.settings-menu button.active{background:var(--accent-soft);color:var(--accent)}.settings-layout .panel{max-width:1000px}.settings-description{color:var(--muted);margin-bottom:18px}.member-actions{display:flex;gap:12px}.permission-list{margin-top:24px}.report-page{max-width:850px;margin:12px auto}.report-page h1{margin-bottom:8px}.report-page>p{margin-bottom:24px}.report-page form{border:1px solid var(--line);border-radius:10px;padding:24px}.report-page .form-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px}
.status-choice{display:flex;gap:8px}.status-choice label{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px;border-radius:8px}.status-choice label:has(input:checked){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.detail-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:18px 0}.detail-meta{color:var(--muted);margin-bottom:16px}.detail-media{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.detail-media .media-thumb{width:120px}.detail-media .media-thumb img{width:120px;height:90px}.comment-item{padding:12px 0;border-bottom:1px solid var(--line)}.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.comment-item small{color:var(--muted)}.detail-history{margin:20px 0;color:var(--muted)}.detail-history p{padding:6px 0;overflow-wrap:anywhere}.invite-link{width:100%;font-size:12px;overflow-wrap:anywhere}.form-error{color:var(--red);white-space:pre-wrap;overflow-wrap:anywhere}.list-inline-editor .form-error{margin-top:10px}.inline-actions{flex-wrap:wrap}
.brand-logo{display:block;width:32px;height:32px;object-fit:contain;flex:none}.login-intro .brand-logo{width:60px;height:60px}.extension-consent .brand-logo{width:48px;height:48px;margin-bottom:20px}
.search-button svg,.view-switch svg{width:var(--ds-icon-size);height:var(--ds-icon-size);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-header .account-popover{color:var(--ink);z-index:50}.account-popover[hidden]{display:none}.account-popover .workspace{margin-top:18px}.account-popover .workspace small{display:block;color:var(--muted)}.header-actions .account-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
dialog.modal.confirm-dialog{height:fit-content;min-height:0;width:min(520px,calc(100vw - 32px));max-width:520px;padding:28px;border-radius:12px;gap:22px}dialog.confirm-dialog .confirm-content{display:flex;gap:18px;align-items:flex-start}dialog.confirm-dialog h2{font-size:18px;line-height:1.5}dialog.confirm-dialog p{margin-top:12px;color:var(--muted);line-height:1.7}dialog.confirm-dialog .modal-footer{padding:0;border:0;flex:none;gap:12px}.confirm-symbol{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#fcf4e5;color:#a16b18;font-size:24px;font-weight:600}
.page-addresses{min-width:0;margin:0 0 22px;padding:0;border:0}.page-addresses legend{font-weight:600;margin-bottom:10px}.page-address-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:center}.page-address-row .field{min-width:0;margin-bottom:12px}.page-address-row .button{align-self:center}.page-addresses>p{margin-top:8px}
.delete-issue-popover{position:fixed;inset:auto;margin:0;width:300px;max-width:calc(100vw - 16px);border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--ds-popup-shadow);padding:16px;color:var(--ink);font-size:12px}.delete-issue-popover>p{margin-top:8px;color:var(--muted)}.delete-issue-popover .inline-actions{margin-top:12px}.delete-issue-popover[hidden]{display:none}
@media(max-width:600px){.page-address-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.page-address-row>.field:first-child{grid-column:1/-1}dialog.modal.confirm-dialog{height:fit-content;padding:22px;max-height:calc(100dvh - 32px)}dialog.confirm-dialog h2{font-size:18px}}
@media(max-width:600px){.login-page{display:block}.login-intro{padding:28px 24px;gap:10px}.login-intro h1{font-size:22px}.login-intro p,.login-intro small{display:none}.login-intro .brand-mark{font-size:26px}.login-form{padding:28px 0}.header-context{max-width:calc(100% - 140px)}.project-trigger{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions .account-trigger{max-width:90px;font-size:12px}dialog.modal:not(.project-drawer){width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}dialog .modal-header,dialog .modal-body,dialog .modal-footer{padding:16px}.settings-layout{display:block}.settings-menu{display:flex;overflow:auto;margin-bottom:18px}.settings-menu button{flex:none}.report-page form{padding:16px}.report-page .input{font-size:16px}.detail-description{font-size:14px}}

.confirm-symbol::before{content:'';position:absolute;width:25px;height:25px;border:2px solid currentColor;border-radius:50%;pointer-events:none}

/* 正式问题中心统一由 main 滚动；搜索区随页面离开，仅状态 Tab 吸顶。 */
main[data-view=issues]{display:block;overflow:auto;scrollbar-gutter:stable;scroll-padding-top:64px}
main[data-view=issues] .issue-workspace{display:block;min-height:100%}
main[data-view=issues] .issue-results{overflow:visible;min-height:0}
main[data-view=issues] .list-tabs{position:sticky;top:calc(0px - var(--ds-content-top));z-index:20;background:var(--paper)}
.app-header .header-actions .account-trigger:hover,.app-header .header-actions .account-trigger[aria-expanded=true],.app-header .header-actions .account-trigger:focus-visible{background:#ffffff14;color:#fff}