:root{--primary:#0f6cbd;--primary-hover:#115ea3;--text:#323130;--text-secondary:#605e5c;--border:#d2d0ce;--bg-subtle:#f3f2f1;--success-bg:#dff6dd;--success-text:#107c10;--error-bg:#fde7e9;--error-text:#a80000;--info-bg:#eff6fc;--info-text:#0f6cbd}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px}.app{padding:12px 14px 24px}h1{margin:0 0 4px;font-size:16px;font-weight:600}h2{margin:16px 0 6px;font-size:13px;font-weight:600}.banner{border-radius:4px;margin-bottom:10px;padding:8px 10px;font-size:12px}.banner.info{background:var(--info-bg);color:var(--info-text)}.banner.success{background:var(--success-bg);color:var(--success-text)}.banner.error{background:var(--error-bg);color:var(--error-text)}.mail-meta{background:var(--bg-subtle);word-break:break-word;border-radius:4px;margin-bottom:10px;padding:8px 10px;line-height:1.5}.mail-meta .subject{font-weight:600}.mail-meta .from,.mail-meta .date{color:var(--text-secondary);font-size:12px}label.field{margin-bottom:10px;font-weight:600;display:block}label.field .optional{color:var(--text-secondary);font-weight:400}input[type=text],input[type=number],input[type=email],select,textarea{width:100%;font:inherit;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:4px;margin-top:3px;padding:5px 8px;display:block}textarea{resize:vertical;min-height:60px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);outline:none}.sub-input{margin-top:6px}.chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.chip{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.chip button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:12px;line-height:1}.suggestions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.suggestions button{border:1px dashed var(--border);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:12px;padding:2px 8px;font-size:12px}.suggestions button:hover{border-color:var(--primary);color:var(--primary)}.attachments{margin-top:6px}.attachments label{word-break:break-word;align-items:center;gap:6px;padding:2px 0;font-weight:400;display:flex}.attachments .size{color:var(--text-secondary);font-size:11px}.time-row{gap:8px;display:flex}.time-row label{flex:1}button.primary{width:100%;font:inherit;color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:4px;margin-top:14px;padding:8px 12px;font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.primary:disabled{opacity:.5;cursor:default}.loading{color:var(--text-secondary);text-align:center;padding:20px 0}.entry-reply{border:1px solid var(--border);border-radius:4px;margin-top:12px;overflow:hidden}.entry-header{background:var(--bg-subtle);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.entry-badge{color:var(--primary);font-size:12px;font-weight:600}.status-badge,.priority-badge{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.status-badge.open{color:#1565c0;background:#e3f2fd}.status-badge.in_progress{color:#e65100;background:#fff3e0}.status-badge.resolved{background:var(--success-bg);color:var(--success-text)}.priority-badge.low{color:#616161;background:#f5f5f5}.priority-badge.normal{color:#1565c0;background:#e3f2fd}.priority-badge.high{color:#e65100;background:#fff3e0}.priority-badge.urgent{background:var(--error-bg);color:var(--error-text)}.entry-meta{color:var(--text-secondary);background:#fafafa;gap:12px;padding:6px 10px;font-size:12px;display:flex}.comments-list{border-top:1px solid var(--border);max-height:300px;overflow-y:auto}.comment{border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px}.comment:last-child{border-bottom:none}.comment.internal{background:#fffde7}.comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-author{font-weight:600}.comment-time{color:var(--text-secondary);font-size:11px}.internal-badge{color:#333;background:#ffcc02;border-radius:2px;padding:1px 4px;font-size:10px}.comment-body{white-space:pre-wrap;word-break:break-word;line-height:1.4}.reply-compose{border-top:1px solid var(--border);background:#fafafa;padding:10px}.reply-compose textarea{min-height:80px;margin-bottom:8px}