: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}