.sup-root{--sup-navy: #2f3c7f;--sup-deep: #141a46;--sup-text: #1f2547;--sup-muted: #5b6079;--sup-line: #e3e6ef;--sup-card-line: #d6dbe7;--sup-field: #8a90a5;--sup-band: #eceff5;color:var(--sup-text);font-size:14px;line-height:1.5}.sup-public{max-width:1040px;margin:0 auto;padding:32px 16px 48px;box-sizing:border-box}.sup-root *,.sup-root *:before,.sup-root *:after{box-sizing:border-box}.sup-root a{color:var(--sup-navy)}.sup-root a:hover{color:var(--sup-deep)}.sup-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sup-head>div{flex:1 1 320px;min-width:0}.sup-title{margin:0;font-size:24px;font-weight:700;color:var(--sup-deep);overflow-wrap:anywhere}.sup-h2{margin:0;font-size:16px;font-weight:700;color:var(--sup-deep)}.sup-root .sup-muted{color:var(--sup-muted);font-size:13px;margin:0}.sup-root .sup-back{font-size:13px;font-weight:600}.sup-root p{margin:0}.sup-band{padding:16px;border-radius:16px;background:var(--sup-band);margin-top:16px}.sup-card{background:#fff;border:1px solid var(--sup-card-line);border-radius:12px;box-shadow:0 1px 2px #141a460f,0 6px 16px #141a460f;padding:18px 20px;min-width:0}.sup-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--sup-line)}.sup-stack{display:flex;flex-direction:column;gap:14px}.sup-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}.sup-grid[hidden],.sup-root [hidden]{display:none!important}.sup-narrow{max-width:760px;margin:0 auto}.sup-split{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.sup-split__main{flex:999 1 520px;min-width:0}.sup-split__side{flex:1 1 270px;min-width:0}.sup-field{display:flex;flex-direction:column;gap:4px;min-width:0}.sup-field label{margin:0;font-weight:600;color:var(--sup-deep)}.sup-field input,.sup-field select,.sup-field textarea{width:100%;font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--sup-field);border-radius:10px;background:#fff;color:var(--sup-text)}.sup-field textarea{resize:vertical}.sup-field input[type=file]{border-style:dashed;font-size:13px}.sup-hint{font-size:12px;color:var(--sup-muted)}.sup-captcha{max-width:100%;overflow-x:auto}.sup-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sup-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.sup-filters label{margin:0;font-size:13px;color:var(--sup-muted)}.sup-filters .form-select{width:auto;min-width:170px;min-height:44px;border-radius:999px;font-size:13px}.sup-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid var(--sup-deep);border-radius:999px;background:var(--sup-deep);color:#fff!important;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.sup-btn:hover{background:var(--sup-navy);border-color:var(--sup-navy)}.sup-btn[disabled]{opacity:.6;cursor:default}.sup-btn--outline{background:#fff;color:var(--sup-deep)!important;border-color:var(--sup-field)}.sup-btn--outline:hover{background:var(--sup-band);border-color:var(--sup-field)}.sup-btn--good{background:#e5f3ea;color:#1e6b3c!important;border-color:#1e6b3c}.sup-btn--good:hover{background:#d5ebdd;border-color:#1e6b3c}.sup-btn--warn{background:#fff3df;color:#7a5000!important;border-color:#7a5000}.sup-btn--warn:hover{background:#ffe9c6;border-color:#7a5000}.sup-link{min-height:44px;padding:0 2px;border:0;background:transparent;color:var(--sup-navy);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.sup-pill{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.sup-pill--info{background:#eceff8;color:var(--sup-navy)}.sup-pill--warn{background:#fff3df;color:#7a5000}.sup-pill--success{background:#e5f3ea;color:#1e6b3c}.sup-pill--muted{background:#eceef3;color:#4b5168}.sup-note{padding:10px 14px;border:1px solid var(--sup-navy);border-radius:10px;background:#eceff8;font-size:13px}.sup-note--warn{border-color:#a86f00;background:#fff3df;color:#5c3d00}.sup-root p.sup-note{margin:0 0 2px}.sup-item{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;min-height:44px;padding:12px 4px;border-bottom:1px solid var(--sup-line);color:inherit!important;text-decoration:none}.sup-item:hover{background:#f6f7fa}.sup-item__no{flex:0 0 72px;font-size:13px;font-weight:600;color:var(--sup-navy)}.sup-item__main{flex:1 1 300px;min-width:0;display:flex;flex-direction:column}.sup-item__subject{font-weight:600;color:var(--sup-deep);overflow-wrap:anywhere}.sup-root .sup-item__by{flex:0 0 130px}.sup-root .sup-item__when{flex:0 0 150px}.sup-empty{padding:22px 4px;color:var(--sup-muted)}.sup-thread{display:flex;flex-direction:column;gap:12px}.sup-msg{background:#fff;border:1px solid var(--sup-card-line);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:6px}.sup-msg--staff{background:#f4f6fb}.sup-msg__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:13px}.sup-msg__head strong{color:var(--sup-deep)}.sup-msg__body{white-space:pre-wrap;overflow-wrap:anywhere}.sup-files{margin:0;padding:0;list-style:none;font-size:13px;font-weight:600}.sup-files a{overflow-wrap:anywhere}.sup-facts{margin:0;display:flex;flex-direction:column;gap:8px;font-size:13px}.sup-facts dt{font-weight:400;color:var(--sup-muted)}.sup-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
