/* 594: local layout additions; shared PANN tokens stay unchanged. */
html{font-family:system-ui,"Noto Sans Thai",Tahoma,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{min-width:0}
button,input,select,textarea{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button:disabled{cursor:wait}
a{text-decoration:none}
p{margin:0}
img{max-width:100%}
.sp-sr-only,.sp-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sp-skip{position:fixed;top:-100px;left:var(--pann-s4);z-index:100;background:var(--pann-surface);padding:var(--pann-s3)}
.sp-skip:focus{top:var(--pann-s2)}
.sp-header{height:var(--pann-header-h);background:var(--pann-surface);border-bottom:1px solid var(--pann-line)}
.sp-header-inner{max-width:1180px;height:100%;margin:auto;padding:0 var(--pann-s6);display:flex;align-items:center;justify-content:space-between;gap:var(--pann-s4)}
.sp-brand{display:flex;align-items:center;gap:var(--pann-s3);font-size:var(--pann-t-small);min-width:0}
.sp-brand img{flex:none}
.sp-brand strong{font-size:var(--pann-t-h2);letter-spacing:.02em}
.sp-brand-divider{width:1px;height:24px;background:var(--pann-line)}
.sp-header-note{color:var(--pann-fg-muted);font-size:var(--pann-t-small)}
.sp-header .sp-badge{align-self:center}
.sp-main{max-width:1120px;margin:auto;padding:var(--pann-s7) var(--pann-s6) var(--pann-s8)}
.sp-main:focus{outline:none}
.sp-main--wide{max-width:1360px}
.sp-intro{margin-bottom:var(--pann-s6)}
.sp-eyebrow{display:block;font-size:var(--pann-t-small);font-weight:600;color:var(--pann-brand-ink);margin-bottom:var(--pann-s2);overflow-wrap:anywhere}
.sp-intro h1{font-size:clamp(23px,3vw,30px);line-height:1.45;letter-spacing:-.02em}
.sp-lead{color:var(--pann-fg-muted);margin-top:var(--pann-s2);font-size:var(--pann-t-small);line-height:1.7}
.sp-report-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;align-items:start;gap:var(--pann-s6)}
.sp-card{min-width:0;background:var(--pann-surface);border:1px solid var(--pann-line);border-radius:var(--pann-r-card);padding:var(--pann-s6);box-shadow:var(--pann-shadow)}
.sp-form{display:grid;gap:var(--pann-s6)}
.sp-field{display:grid;gap:var(--pann-s2);font-size:var(--pann-t-small);font-weight:500;min-width:0}
.sp-field .pann-input{font-size:var(--pann-t-body);font-weight:400}
.sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pann-s4)}
.sp-textarea{height:auto;min-height:104px;padding:var(--pann-s3) var(--pann-s4);line-height:1.7;resize:vertical;display:block}
.sp-textarea:focus{padding:calc(var(--pann-s3) - 1px) calc(var(--pann-s4) - 1px)}
.sp-hint,.sp-muted{color:var(--pann-fg-muted);font-size:var(--pann-t-small);font-weight:400;line-height:1.65}
.sp-required{color:var(--pann-danger)}
.sp-impact{margin:0;padding:0;border:0;min-width:0}
.sp-impact legend{font-size:var(--pann-t-small);font-weight:500;margin-bottom:var(--pann-s2)}
.sp-impact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pann-s2)}
.sp-impact-options label{position:relative;display:flex;align-items:flex-start;gap:var(--pann-s2);padding:var(--pann-s3);border:1px solid var(--pann-line);border-radius:var(--pann-r-ctl);cursor:pointer}
.sp-impact-options label:has(input:checked){background:var(--pann-brand-soft);border-color:var(--pann-brand-ink)}
.sp-impact-options input{margin:4px 0 0;accent-color:var(--pann-brand);flex:none}
.sp-impact-options strong{display:block;font-size:var(--pann-t-small);font-weight:500}
.sp-impact-options small{display:block;color:var(--pann-fg-muted);font-size:var(--pann-t-tab);margin-top:var(--pann-s1)}
.sp-section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--pann-s3);margin-bottom:var(--pann-s3);flex-wrap:wrap}
.sp-section-title h2{font-size:var(--pann-t-body)}
.sp-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--pann-s2);text-align:center;padding:var(--pann-s5);border:1px dashed var(--pann-input);border-radius:var(--pann-r-ctl);background:var(--pann-bg);transition:border-color .12s,background .12s}
.sp-dropzone strong{font-size:var(--pann-t-small);font-weight:500}
.sp-dropzone.is-dragover{background:var(--pann-brand-tint);border-color:var(--pann-brand-ink)}
.sp-upload-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--pann-line);border-radius:var(--pann-r-ctl);background:var(--pann-surface);font-size:24px;color:var(--pann-brand-ink)}
.sp-dropzone .pann-btn{height:38px;margin-top:var(--pann-s1);font-size:var(--pann-t-small)}
.sp-selected-files{display:grid;gap:var(--pann-s3);margin-top:var(--pann-s3)}
.sp-file{display:flex;align-items:flex-start;gap:var(--pann-s3);padding:var(--pann-s3);border:1px solid var(--pann-line);border-radius:var(--pann-r-ctl);min-width:0}
.sp-file-preview{width:54px;height:54px;object-fit:cover;border-radius:var(--pann-r-ctl);flex:none;background:var(--pann-neutral-tint)}
.sp-file-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:var(--pann-r-ctl);flex:none;background:var(--pann-neutral-tint);font-size:var(--pann-t-tab);font-weight:600;color:var(--pann-fg-muted)}
.sp-file-body{flex:1;min-width:0}
.sp-file-name{display:block;overflow-wrap:anywhere;font-size:var(--pann-t-small);font-weight:500}
.sp-file-size{color:var(--pann-fg-muted);font-size:var(--pann-t-tab)}
.sp-file-caption{display:block;margin-top:var(--pann-s2);height:38px;padding:var(--pann-s2);font-size:var(--pann-t-small)}
.sp-remove-file{border:0;background:transparent;color:var(--pann-fg-muted);padding:var(--pann-s2);font-size:20px;line-height:1;cursor:pointer;flex:none;border-radius:var(--pann-r-ctl)}
.sp-remove-file:hover{background:var(--pann-danger-tint);color:var(--pann-danger)}
.sp-details{border-top:1px solid var(--pann-line);padding-top:var(--pann-s4)}
.sp-details summary{cursor:pointer;font-size:var(--pann-t-small);font-weight:500;line-height:1.8}
.sp-details summary .sp-muted{font-size:var(--pann-t-tab);margin-left:var(--pann-s2)}
.sp-details-body{display:grid;gap:var(--pann-s4);padding-top:var(--pann-s4)}
.sp-submit-area{display:grid;gap:var(--pann-s3);padding-top:var(--pann-s4);border-top:1px solid var(--pann-line)}
.sp-submit{width:100%;height:50px;justify-content:space-between}
.sp-upload-progress{display:grid;gap:var(--pann-s2);font-size:var(--pann-t-small);color:var(--pann-fg-muted)}
.sp-upload-progress progress{width:100%;height:8px;accent-color:var(--pann-brand);border:0;border-radius:var(--pann-r-pill);overflow:hidden;background:var(--pann-line)}
.sp-upload-progress progress::-webkit-progress-bar{background:var(--pann-line)}
.sp-upload-progress progress::-webkit-progress-value{background:var(--pann-accent)}
.sp-aside-card{padding:var(--pann-s5)}
.sp-aside-card h2{font-size:var(--pann-t-body);line-height:1.6}
.sp-steps{list-style:none;margin:var(--pann-s5) 0 0;padding:0;display:grid;gap:var(--pann-s5)}
.sp-steps li{display:flex;gap:var(--pann-s3)}
.sp-steps li>span{display:grid;place-items:center;width:27px;height:27px;border-radius:var(--pann-r-pill);background:var(--pann-brand-tint);color:var(--pann-brand-ink);font-size:var(--pann-t-small);font-weight:600;flex:none}
.sp-steps strong{font-size:var(--pann-t-small);font-weight:500}
.sp-steps p{font-size:var(--pann-t-small);line-height:1.7;color:var(--pann-fg-muted);margin-top:var(--pann-s1)}
.sp-small-note{margin-top:var(--pann-s5);padding-top:var(--pann-s4);border-top:1px solid var(--pann-line);font-size:var(--pann-t-tab);color:var(--pann-fg-muted);line-height:1.7}
.sp-aside-note{font-size:var(--pann-t-tab);color:var(--pann-fg-muted);line-height:1.8;padding:var(--pann-s4) var(--pann-s2)}
.sp-alert{padding:var(--pann-s3) var(--pann-s4);border:1px solid var(--pann-line);border-radius:var(--pann-r-ctl);background:var(--pann-info-tint);color:var(--pann-info);font-size:var(--pann-t-small);line-height:1.7;overflow-wrap:anywhere}
.sp-alert--error{background:var(--pann-danger-tint);border-color:var(--pann-danger);color:var(--pann-danger)}
.sp-alert--success{background:var(--pann-success-tint);color:var(--pann-success);border-color:var(--pann-success)}
.sp-loading{padding:var(--pann-s8);text-align:center;color:var(--pann-fg-muted)}
.sp-footer{text-align:center;padding:var(--pann-s5) var(--pann-s4);font-size:var(--pann-t-tab);color:var(--pann-fg-muted)}
.sp-success{max-width:660px;text-align:center;margin:var(--pann-s5) auto;padding:var(--pann-s7)}
.sp-success-icon{display:grid;place-items:center;margin:0 auto var(--pann-s5);width:64px;height:64px;border-radius:var(--pann-r-pill);background:var(--pann-success-tint);color:var(--pann-success);font-size:32px}
.sp-success>.sp-eyebrow{color:var(--pann-success)}
.sp-case-number{font-size:var(--pann-t-h2);font-weight:600;margin:var(--pann-s3) 0 var(--pann-s2)}
.sp-receipt-box{margin:var(--pann-s6) 0 var(--pann-s3);padding:var(--pann-s5);text-align:left;background:var(--pann-bg);border:1px solid var(--pann-line);border-radius:var(--pann-r-ctl);display:grid;gap:var(--pann-s3)}
.sp-actions{display:flex;align-items:center;gap:var(--pann-s3);flex-wrap:wrap}
.sp-actions>.pann-btn{min-width:0}
.sp-track-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pann-s4)}
.sp-track-intro .sp-muted{margin-top:var(--pann-s2)}
.sp-badge{display:inline-flex;align-items:center;align-self:flex-start;border-radius:var(--pann-r-pill);padding:5px 11px;font-size:var(--pann-t-tab);font-weight:500;line-height:1.5;background:var(--pann-neutral-tint);color:var(--pann-fg);white-space:nowrap}
.sp-badge[data-status=new]{background:var(--pann-info-tint);color:var(--pann-info)}
.sp-badge[data-status=in_progress]{background:var(--pann-brand-tint);color:var(--pann-brand-ink)}
.sp-badge[data-status=waiting_reporter]{background:var(--pann-attention-tint);color:var(--pann-attention)}
.sp-badge[data-status=resolved]{background:var(--pann-success-tint);color:var(--pann-success)}
.sp-track-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pann-s6);align-items:start}
.sp-section{display:grid;gap:var(--pann-s4)}
.sp-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:var(--pann-t-small)}
.sp-detail-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--pann-s2) var(--pann-s4);margin:0;font-size:var(--pann-t-small)}
.sp-detail-list dt{color:var(--pann-fg-muted)}
.sp-detail-list dd{margin:0;overflow-wrap:anywhere}
.sp-attachments{display:grid;gap:var(--pann-s3)}
.sp-attachment-open{font-size:var(--pann-t-small);margin-top:var(--pann-s2);padding:0;border:0;background:none;color:var(--pann-brand-ink);cursor:pointer;text-decoration:underline}
.sp-small-btn{font-size:var(--pann-t-small);height:36px;padding:0 var(--pann-s3)}
.sp-timeline{display:grid;gap:var(--pann-s3)}
.sp-message{border:1px solid var(--pann-line);border-radius:var(--pann-r-ctl);padding:var(--pann-s4);background:var(--pann-bg)}
.sp-message--team{background:var(--pann-brand-soft);border-color:var(--pann-brand-line)}
.sp-message-head{display:flex;justify-content:space-between;align-items:center;gap:var(--pann-s2);margin-bottom:var(--pann-s2);font-size:var(--pann-t-tab);color:var(--pann-fg-muted);flex-wrap:wrap}
.sp-message-head strong{color:var(--pann-fg);font-size:var(--pann-t-small);font-weight:500}
.sp-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--pann-t-small);line-height:1.8}
.sp-empty{text-align:center;padding:var(--pann-s6) var(--pann-s3);color:var(--pann-fg-muted);font-size:var(--pann-t-small);line-height:1.8}
.sp-reply-form{display:grid;gap:var(--pann-s3);padding-top:var(--pann-s4);border-top:1px solid var(--pann-line)}
.sp-reply-form>.pann-btn{justify-self:end}
.sp-control-row{display:flex;gap:var(--pann-s3);align-items:end;flex-wrap:wrap}
.sp-control-row>.sp-field{flex:1;min-width:140px}
.sp-inbox-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:var(--pann-s5);align-items:start}
.sp-list-pane,.sp-detail-pane{min-width:0}
.sp-list{display:grid;gap:var(--pann-s2)}
.sp-report-row{display:block;width:100%;text-align:left;border:1px solid var(--pann-line);background:var(--pann-surface);border-radius:var(--pann-r-ctl);padding:var(--pann-s4);cursor:pointer;color:var(--pann-fg)}
.sp-report-row:hover{border-color:var(--pann-input)}
.sp-report-row.is-selected,.sp-report-row[aria-pressed=true]{background:var(--pann-brand-soft);border-color:var(--pann-brand-ink)}
.sp-report-row h3,.sp-report-row strong{font-size:var(--pann-t-body);line-height:1.7;overflow-wrap:anywhere;margin:var(--pann-s2) 0;font-weight:600}
.sp-report-row p{font-size:var(--pann-t-small);color:var(--pann-fg-muted);overflow-wrap:anywhere}
.sp-meta{display:flex;align-items:center;gap:var(--pann-s2);flex-wrap:wrap;color:var(--pann-fg-muted);font-size:var(--pann-t-tab)}
.sp-link-list{display:grid;gap:var(--pann-s3)}
.sp-invite-row{display:flex;align-items:center;gap:var(--pann-s3);padding:var(--pann-s3) 0;border-bottom:1px solid var(--pann-line)}
.sp-invite-row>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.sp-invite-row .pann-btn{font-size:var(--pann-t-small);height:36px;padding:0 var(--pann-s3)}
.sp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--pann-s4);flex-wrap:wrap;margin-bottom:var(--pann-s5)}
.sp-count{font-size:var(--pann-t-small);color:var(--pann-fg-muted)}
.sp-stack{display:grid;gap:var(--pann-s5)}
.sp-inbox-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pann-s3);flex-wrap:wrap}
.sp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pann-s5);margin-bottom:var(--pann-s6);flex-wrap:wrap}
.sp-hero>div:first-child{flex:1;min-width:230px}
.sp-hero h1{margin-bottom:var(--pann-s2)}
.sp-hero>.sp-actions{margin-top:var(--pann-s3)}
.sp-hero .pann-btn{font-size:var(--pann-t-small)}
.sp-manage #workspace{display:grid;gap:var(--pann-s5)}
.sp-manage #notice{margin-bottom:var(--pann-s4)}
.sp-manage details.sp-section{display:block}
.sp-manage details.sp-section>summary{font-weight:600;cursor:pointer}
.sp-manage details.sp-section[open]>summary{margin-bottom:var(--pann-s4)}
.sp-manage details.sp-section>p,.sp-manage details.sp-section>form,.sp-manage details.sp-section>h2,.sp-manage details.sp-section>.sp-link-list{margin-top:var(--pann-s4)}
.sp-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pann-s3);align-items:end;margin-bottom:var(--pann-s4)}
.sp-filter-grid .sp-search{grid-column:1/-1}
.sp-filter-grid button[type=submit]{grid-column:1/-1}
.sp-list-pane #list-count{margin-bottom:var(--pann-s3)}
.sp-row-line{display:flex;align-items:center;justify-content:space-between;gap:var(--pann-s2);flex-wrap:wrap}
.sp-row-title,.sp-row-date{display:block}
.sp-row-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sp-row-date{font-size:var(--pann-t-tab);margin-top:var(--pann-s1)}
.sp-detail-pane{display:grid;gap:var(--pann-s5)}
.sp-detail-pane h3{margin:0;font-size:var(--pann-t-body);font-weight:600}
.sp-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pann-s3);flex-wrap:wrap}
.sp-detail-head>div{min-width:0;flex:1}
.sp-detail-head h2{overflow-wrap:anywhere;line-height:1.65}
.sp-detail-grid{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--pann-s2) var(--pann-s4);margin:0;font-size:var(--pann-t-small)}
.sp-detail-grid dt{color:var(--pann-fg-muted)}
.sp-detail-grid dd{margin:0;min-width:0}
.sp-inline-note{color:var(--pann-fg-muted);font-size:var(--pann-t-small);overflow-wrap:anywhere;line-height:1.7}
.sp-inline-note:empty{display:none}
.sp-file-body>strong,.sp-file-body>span.sp-muted{display:block;overflow-wrap:anywhere}
.sp-file-action{height:36px;font-size:var(--pann-t-small);padding:0 var(--pann-s3);flex:none}
.sp-link-result{margin-top:var(--pann-s4);background:var(--pann-success-tint);border:1px solid var(--pann-success);border-radius:var(--pann-r-ctl);padding:var(--pann-s4);display:grid;gap:var(--pann-s3)}
.sp-link-result>strong{color:var(--pann-success)}
@media(max-width:950px){.sp-report-layout{grid-template-columns:minmax(0,1fr) 235px;gap:var(--pann-s4)}.sp-card{padding:var(--pann-s5)}.sp-impact-options{grid-template-columns:1fr}.sp-impact-options label{align-items:center}.sp-impact-options label span{display:flex;align-items:center;gap:var(--pann-s2);flex-wrap:wrap}.sp-impact-options small{margin:0}.sp-impact-options input{margin:0}.sp-track-layout{grid-template-columns:1fr}.sp-inbox-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}}
@media(max-width:720px){.sp-main{padding:var(--pann-s6) var(--pann-s4) var(--pann-s7)}.sp-header-inner{padding:0 var(--pann-s4)}.sp-header-note{display:none}.sp-report-layout,.sp-inbox-grid{grid-template-columns:1fr}.sp-aside{display:none}.sp-card{padding:var(--pann-s4)}.sp-form{gap:var(--pann-s5)}.sp-intro{margin-bottom:var(--pann-s5)}.sp-grid{grid-template-columns:1fr}.sp-impact-options{grid-template-columns:1fr}.sp-success{margin:0 auto;padding:var(--pann-s6) var(--pann-s4)}.sp-receipt-box{padding:var(--pann-s4)}.sp-receipt-box .sp-actions{display:grid;grid-template-columns:1fr}.sp-track-intro{flex-wrap:wrap}.sp-detail-list{grid-template-columns:1fr;gap:var(--pann-s1)}.sp-detail-list dd{margin-bottom:var(--pann-s2)}.sp-actions>.pann-btn{font-size:var(--pann-t-small)}.sp-control-row{align-items:stretch}.sp-control-row>.sp-field{flex-basis:100%}.sp-brand{gap:var(--pann-s2)}.sp-brand>span:last-child{font-size:var(--pann-t-tab)}.sp-dropzone{padding:var(--pann-s4)}.sp-file-preview,.sp-file-icon{width:42px;height:42px}.sp-report-row{padding:var(--pann-s3)}.sp-toolbar>.sp-actions{width:100%}.sp-toolbar>.sp-actions>.pann-btn{flex:1}.sp-reply-form>.pann-btn{justify-self:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:720px){.sp-hero{gap:var(--pann-s3)}.sp-hero>.sp-actions{width:100%}.sp-hero>.sp-actions>.pann-btn{flex:1}.sp-hero>.sp-actions>#show-links{flex-basis:100%}.sp-detail-grid{grid-template-columns:1fr;gap:var(--pann-s1)}.sp-detail-grid dd{margin-bottom:var(--pann-s2)}.sp-manage .sp-header .sp-badge{font-size:11px;align-self:center}.sp-manage .sp-brand{font-size:var(--pann-t-tab)}.sp-manage .sp-brand .sp-muted{display:block;font-size:var(--pann-t-tab)}.sp-manage .sp-file{flex-wrap:wrap}.sp-manage .sp-file-action{margin-left:auto}.sp-filter-grid{gap:var(--pann-s2)}}
/* 673: เรื่องที่ฉันแจ้ง (ผู้แจ้งที่เข้าสู่ระบบ PANN) */
.sp-signin,.sp-mine{margin-bottom:var(--pann-s6);display:grid;gap:var(--pann-s3)}
.sp-signin[hidden],.sp-mine[hidden],.sp-back[hidden]{display:none}
.sp-signin p{font-size:var(--pann-t-small);line-height:1.7}
.sp-signin .pann-btn{justify-self:start}
.sp-mine-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--pann-s2)}
.sp-mine-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pann-s3);border:1px solid var(--pann-line);border-radius:var(--pann-r-ctl);padding:var(--pann-s3) var(--pann-s4);min-width:0}
.sp-mine-row:hover{border-color:var(--pann-brand-ink)}
.sp-mine-link{display:grid;gap:var(--pann-s1);min-width:0;flex:1;color:inherit;text-decoration:none}
.sp-mine-link strong{overflow-wrap:anywhere}
.sp-mine-head{display:flex;align-items:center;gap:var(--pann-s2);flex-wrap:wrap;min-width:0}
.sp-mine-place{flex-basis:100%;font-size:var(--pann-t-tab);color:var(--pann-fg-muted)}
.sp-dot{display:inline-flex;align-items:center;gap:6px;font-size:var(--pann-t-tab);font-weight:600;color:var(--pann-danger)}
.sp-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pann-danger)}
.sp-back{margin-bottom:var(--pann-s3);display:inline-flex}
/* 835: เรื่องที่ฉันแจ้งอยู่ใต้ฟอร์ม · แท็บ รอติดตาม · ปิดแล้ว · ทั้งหมด (สี/ขนาดจากชุดดีไซน์เท่านั้น · แทนกลุ่มพับของ 727) */
#report-form-section:not([hidden])~.sp-mine{margin-top:var(--pann-s6)}
.sp-tabs{display:flex;gap:var(--pann-s1);border-bottom:1px solid var(--pann-line);overflow-x:auto}
.sp-tabs[hidden]{display:none}
.sp-tab{display:inline-flex;align-items:center;gap:var(--pann-s1);background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:var(--pann-s2) var(--pann-s3);font:inherit;font-size:var(--pann-t-small);color:var(--pann-fg-muted);cursor:pointer;white-space:nowrap;min-height:44px}
.sp-tab:hover{color:var(--pann-fg)}
.sp-tab.is-active{color:var(--pann-brand-ink);border-bottom-color:var(--pann-brand-ink);font-weight:600}
.sp-tab:focus-visible{outline:2px solid var(--pann-brand-ink);outline-offset:-2px}
.sp-tab-dot{width:8px;height:8px;border-radius:50%;background:var(--pann-danger)}
.sp-tab-dot[hidden]{display:none}
.sp-mine-row.is-target{border-color:var(--pann-brand-ink);box-shadow:0 0 0 2px var(--pann-brand-tint)}
#fatal:not([hidden])+.sp-signin{margin-top:var(--pann-s4)}
.sp-file-body a.sp-attachment-open{display:inline-block;margin-left:var(--pann-s2)}
@media(max-width:720px){.sp-mine-row{flex-direction:column;align-items:flex-start}.sp-signin .pann-btn{justify-self:stretch}}