*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#152b43;font:15px/1.5 system-ui,Arial}header{background:#102b43;color:white;padding:18px max(22px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header small{color:#b7cad8;font-weight:400}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:white;text-decoration:none}main{max-width:1100px;margin:32px auto;padding:0 20px}.panel{background:white;border:1px solid #dce5ed;border-radius:12px;padding:24px;margin:18px 0;box-shadow:0 3px 16px #112a4310}.narrow{max-width:480px;margin:80px auto}h1{font-size:26px}h2{font-size:19px}label{display:block;margin:12px 0;font-weight:600}input,select{display:block;width:100%;padding:11px;border:1px solid #b9c9d6;border-radius:7px;margin-top:5px;font:inherit}input[type=checkbox]{width:auto;display:inline}.inline{display:flex;gap:8px;align-items:center}button{background:#086b8b;color:white;border:0;border-radius:7px;padding:12px 20px;cursor:pointer;font:inherit}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 16px}.message{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px;padding:15px 5px;border-bottom:1px solid #e6ecf2;color:#163a52;text-decoration:none}.message:hover{background:#f4f9fc}.error,.ok{padding:12px 18px;border-radius:8px;margin:12px 0}.error{background:#ffe8e7}.ok{background:#e0f5e8}.mailbody{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}@media(max-width:700px){.message{grid-template-columns:1fr}.panel{padding:16px}}
textarea{display:block;width:100%;padding:11px;border:1px solid #b9c9d6;border-radius:7px;margin-top:5px;font:inherit;resize:vertical}

.editor-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.editor-toolbar button{padding:7px 12px;background:#eaf2f7;color:#153a52;border:1px solid #bdd1dd}#mailai-editor{min-height:220px;max-height:600px;overflow:auto;padding:12px;border:1px solid #b9c9d6;border-radius:7px;background:#fff;outline-offset:2px}#mailai-editor:focus{outline:2px solid #086b8b}#mailai-editor ul,#mailai-editor ol{padding-left:25px}

/* Etapa 5: attachment list */
.mailai-attachments{margin:18px 0;padding:14px;border:1px solid #d9e3ea;border-radius:10px;background:#f8fafc}
.mailai-attachments h2{font-size:1rem;margin:0 0 10px}
.mailai-attachment{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid #e6ebf0;overflow-wrap:anywhere}
.mailai-attachment a{white-space:nowrap}

/* Etapa 10.3 - categorii si filtre */
.mailai-category{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#e8eef6;color:#244269;margin:4px 6px}
.mailai-category[data-category="Urgent"]{background:#fee2e2;color:#991b1b}
.mailai-category[data-category="Necesita raspuns"]{background:#ffedd5;color:#9a3412}
.mailai-category[data-category="De verificat"]{background:#fef3c7;color:#92400e}
.mailai-category[data-category="Informativ"]{background:#dbeafe;color:#1e40af}
.mailai-category[data-category="Spam suspect"]{background:#f3e8ff;color:#6b21a8}
.mailai-classify-panel{border:1px solid #d8e1e9;background:#f8fafc;border-radius:12px;padding:14px;margin:14px 0}
.mailai-classify-panel form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.mailai-classify-panel label{min-width:220px;flex:1}
/* Etapa 10.8 - Panou inteligent Inbox */
.mailai-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:18px 0}
.mailai-dashboard-stats>div{background:#fff;border:1px solid #dbe3ed;border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px rgba(20,40,60,.04)}
.mailai-dashboard-stats small{font-size:13px;color:#53657a}.mailai-dashboard-stats strong{font-size:28px;color:#183550}
.mailai-dashboard-filters{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.mailai-dashboard-filters label{min-width:160px;flex:1}
.mailai-dashboard-table-wrap{overflow-x:auto}.mailai-dashboard-table{width:100%;border-collapse:collapse;min-width:650px}.mailai-dashboard-table th{text-align:left;background:#f2f6fa;color:#32485c;padding:13px}.mailai-dashboard-table td{border-top:1px solid #e2e8ef;padding:13px;vertical-align:top}.mailai-dashboard-table td small{display:block;color:#607186;font-size:12px;margin-top:5px;line-height:1.4}.mailai-dashboard-table a{color:#174a73;text-decoration:none}.mailai-dashboard-table a:hover{text-decoration:underline}.mailai-dashboard-table tr[hidden]{display:none}

/* Etapa 10.9 */
.mailai-thread{margin:12px 0}.mailai-thread summary{cursor:pointer;padding:8px 0}.mailai-thread summary small{display:block;opacity:.7}.mailai-thread ol{padding-left:26px}.mailai-thread li{padding:10px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}

/* Etapa 11 */
.mailai-assistant-list{display:grid;gap:12px}.mailai-assistant-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;flex-wrap:wrap}.mailai-assistant-heading small{display:block;margin-top:6px}.mailai-assistant-priority{padding:6px 12px;border-radius:14px;background:#edf3f5;color:#174b56;font-weight:700}.mailai-assistant-item p{margin:12px 0}.mailai-assistant-item details{margin:10px 0}