:root{font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;color:#20302e;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:40px 24px}header,.connection,.toolbar,.form-foot,.dialog-head,.item-top{display:flex;align-items:center;gap:14px;justify-content:space-between}header{align-items:flex-start;margin-bottom:24px}.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:750;color:#417366;margin:0 0 12px}h1{font-size:28px;letter-spacing:-.035em;margin:0 0 10px}h2{font-size:20px;margin:0}h3{font-size:15px;margin:24px 0 12px}p{line-height:1.65}#subtitle{color:#657570;margin:0;font-size:14px}button,input,select,textarea{font:inherit;font-size:14px;border:1px solid #d7e0dc;border-radius:8px;background:white;color:inherit;padding:10px 12px}button{cursor:pointer;font-weight:650;min-height:40px}button:hover{background:#edf3ef}button:disabled{opacity:.55;cursor:wait}.primary{color:white;background:#236b56;border-color:#236b56}.primary:hover{background:#195440}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #86bca9;outline-offset:2px}textarea{resize:vertical;width:100%;line-height:1.6;min-height:80px}input,select{min-width:0}.connection{font-size:12px;margin-bottom:20px;flex-wrap:wrap;justify-content:flex-start}#role{background:#e0ebe5;border-radius:6px;padding:7px 10px;font-weight:700}#sync{flex:1;color:#677970}.connection button{font-size:12px;padding:6px 10px}#composer{background:white;border:1px solid #dae4df;border-radius:12px;padding:18px;margin-bottom:24px}label{display:block;font-size:13px;font-weight:650;margin:0 0 8px}.form-foot{margin-top:10px}#shortcut,.footnote{font-size:12px;color:#6a7974}.toolbar{margin-bottom:16px;justify-content:flex-start;flex-wrap:wrap}#search{flex:1;min-width:130px}#count{font-size:12px;color:#657570}#list{display:grid;gap:12px}.item{border:1px solid #dee5e1;border-radius:12px;padding:20px;background:white}.item h2{font-size:16px;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:12px 0 16px}.item-top{font-size:12px;color:#75817c}.badge{padding:5px 9px;border-radius:5px;color:#58665e;background:#edf1ee;font-size:12px;font-weight:750}.badge[data-status=developing],.badge[data-status=testing]{color:#356298;background:#eaf1fb}.badge[data-status=ready]{color:#775b24;background:#fff2d8}.badge[data-status=done]{color:#24694b;background:#e6f4e9}.badge[data-status=rework],.badge[data-status=impossible]{color:#9d5143;background:#f9eee9}.item-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.meta{font-size:12px;color:#6c7a73;overflow-wrap:anywhere}.empty{padding:55px 20px;text-align:center;color:#718077;border:1px dashed #cbd9d1;border-radius:12px}#error,#detail-error{color:#a03f31;background:#fff0e9;padding:12px;border-radius:8px;font-size:14px}dialog{border:1px solid #d9e3dc;border-radius:16px;width:min(620px,calc(100% - 32px));padding:24px;max-height:90dvh;color:inherit}dialog::backdrop{background:#142a2466}.dialog-head{margin-bottom:18px}.dialog-head button{font-size:24px;line-height:1;padding:4px 10px}#detail-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}#change{display:grid;gap:8px}#change label{margin:6px 0 0}#change button{margin-top:8px}#history{display:grid;gap:12px}.event{border-left:2px solid #d1e0d7;padding:0 0 4px 12px;font-size:13px}.event p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.event time{font-size:11px;color:#738177}[hidden]{display:none!important}@media(max-width:520px){main{padding:24px 14px}header{gap:8px}h1{font-size:23px}header select{max-width:95px}.item{padding:16px}#composer{padding:14px}dialog{padding:18px}.form-foot{align-items:flex-end}.toolbar select{max-width:130px}#count{width:100%}}
:root header>select{flex-shrink:0;width:96px}
/* Scan requests as compact rows; full text, version and history live in the dialog. */
main{padding-top:24px}header{margin-bottom:14px}.eyebrow{margin-bottom:6px}h1{margin-bottom:6px}.connection{margin-bottom:12px;gap:10px}
#composer{padding:12px;margin-bottom:14px}#composer textarea{min-height:44px;height:44px;line-height:1.4;padding:10px}.form-foot{margin-top:6px}.toolbar{margin-bottom:10px}
#list{display:block;border:1px solid #dee5e1;border-radius:8px;overflow:hidden;background:white}
#list .item{display:grid;grid-template-columns:40px minmax(0,1fr) 142px 86px;align-items:center;gap:10px;width:100%;height:44px;padding:4px 12px;margin:0;border:0;border-bottom:1px solid #e7ece9;border-radius:0;text-align:left;background:white;font-weight:400;line-height:20px}
#list .item:last-child{border-bottom:0}#list .item:hover{background:#f0f6f3}#list .item:focus-visible{outline-offset:-3px;background:#f0f6f3}
.item-number{font-size:13px;font-weight:700;color:#417366;font-variant-numeric:tabular-nums}.item-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.item-date{font-size:11px;color:#75817c;white-space:nowrap}.item-arrow{color:#75817c}.item .badge{padding:2px 7px;text-align:center;white-space:nowrap;font-size:11px}
button.item-content{border:0;border-radius:3px;background:transparent;text-align:left;padding:6px 0;min-height:32px;font-weight:400;width:100%}
.item-state{display:flex;align-items:center;gap:5px;min-width:0}.item .comment-indicator{min-height:26px;height:26px;padding:0 4px;border:1px solid #589c89;background:#dcf5ea;color:#155a43;font-size:15px;border-radius:5px;flex-shrink:0}
.item .state-action{min-height:30px;padding:4px 8px;font-size:12px;border-color:#95b6a8;color:#225c47;background:#f6fbf8;white-space:nowrap}
#state-help{font-size:13px;padding:10px;background:#eef4f1;border-radius:6px}#comment-form{margin-top:20px;padding-top:16px;border-top:1px solid #d7e0dc;display:grid;gap:8px}#comment-form button{justify-self:end}
#nickname-form{display:grid;gap:12px}#nickname-help{font-size:14px}#who{color:#236b56}.event-note:not(:empty){background:#f0f6f3;border-radius:6px;padding:8px 10px}.event p:empty{display:none}.event-state{color:#51665b;font-size:12px}
#status{min-width:0;margin:0;padding:12px;border:1px solid #c9dbd1;border-radius:8px}#status legend{font-size:14px;font-weight:700;padding:0 5px}#status-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#status-options button{min-width:0;white-space:normal;min-height:42px}@media(max-width:400px){#status-options{grid-template-columns:1fr}}
.field-tag{display:inline-block;vertical-align:middle;margin-left:5px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:650;line-height:1.4}.field-tag.required{background:#fff0e9;color:#a03f31;border:1px solid #e4b6aa}.field-tag.optional{background:#f0f2f1;color:#65716b;border:1px solid #dce1de}textarea.required-field{border-color:#b65543;background:#fffaf8}input::placeholder,textarea::placeholder{color:#727b76;font-size:12px}
#comment-tooltip{position:fixed;z-index:100;width:max-content;max-width:min(400px,calc(100vw - 32px));max-height:70vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#203e34;color:white;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;box-shadow:0 4px 18px #0003}
@media(max-width:760px){#list .item{grid-template-columns:32px minmax(0,1fr) 134px 78px;gap:6px}.item-date{display:none}}
@media(max-width:520px){main{padding:16px 10px}#list .item{grid-template-columns:25px minmax(0,1fr) 109px 65px;padding:4px 6px;gap:4px}.item-content{font-size:13px}.item .badge{font-size:10px;padding:2px 4px}.item .state-action{font-size:11px;padding:4px}.item-state{gap:3px}.item .comment-indicator{font-size:12px;padding:0 2px}#composer{padding:10px}}