.modify-item-page{color:#1f2937;background-color:#f9fafb;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.modify-loader,.modify-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 32px;display:flex}.modify-spinner{border:4px solid #f0f8ff;border-top-color:#007adc;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.modify-empty h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.modify-empty p{color:#6b7280;margin:0;font-size:14px}.modify-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px;display:grid}.modify-main,.modify-side{flex-direction:column;gap:20px;display:flex}.modify-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000f}.modify-info{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.modify-label{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 4px;font-size:11px;font-weight:600}.modify-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pill{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.pill:hover{color:#007adc;border-color:#007adc}.pill.active{color:#fff;background:#007adc;border-color:#007adc;font-weight:600}.modify-item-detail{border-left:4px solid #d1d5db}.modify-item-detail.tone-full{border-left-color:#10b981}.modify-item-detail.tone-partial{border-left-color:#f59e0b}.modify-item-detail.tone-low{border-left-color:#ef4444}.modify-item-detail.tone-neutral{border-left-color:#d1d5db}.detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.detail-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.detail-sub{color:#6b7280;margin:2px 0 0;font-size:12px}.detail-meta{color:#6b7280;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;font-size:12px;display:flex}.detail-meta strong{color:#1f2937;font-size:22px;font-weight:700;line-height:1}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:16px;display:grid}.modify-input{box-sizing:border-box;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.modify-input:focus{background:#fff;border-color:#007adc;box-shadow:0 0 0 3px #007adc1a}.modify-routing{color:#6b7280;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.modify-routing span.active{color:#1f2937;font-weight:600}.toggle-switch{width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:999px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#007adc}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.modify-remarks{margin-top:14px}.modify-remarks textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;min-height:90px;padding:10px 12px;font-family:inherit;font-size:14px}.modify-remarks textarea:focus{border-color:#007adc;box-shadow:0 0 0 3px #007adc1a}.modify-actions{flex-direction:column;gap:10px;display:flex}.modify-action{color:#1f2937;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.modify-action:hover{background:#e5e7eb}.modify-action.primary{color:#fff;background:#007adc}.modify-action.primary:hover{background:#0061b5}.modify-action.danger{color:#fff;background:#ef4444}.modify-action.danger:hover{background:#dc2626}.modify-action:disabled{opacity:.5;cursor:not-allowed}.modify-note{color:#9ca3af;margin:0;font-size:12px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.modify-grid{grid-template-columns:1fr}}