/* Manual visas: what the applicant sent, the conversation with the team, and the reply form.
   Shared by the partner portal, the public site and the back office; colours are fixed so it sits on any of them. */
.manual-note{display:flex;gap:.875rem;align-items:flex-start;margin:0 0 1rem;padding:1rem 1.125rem;border-radius:1rem;background:linear-gradient(135deg,#0d265c,#154096);color:#e8efff;box-shadow:0 .75rem 2rem -1.25rem #0d265c}
.manual-note svg{width:2.25rem;height:2.25rem;flex:none;padding:.5rem;border-radius:.75rem;background:#ffffff1f;fill:none;stroke:#ffd36b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.manual-note p{margin:0;font-size:.875rem;line-height:1.8;color:#d7e3f7}
.manual-note b{display:block;color:#fff;font-size:1rem;margin-bottom:.125rem}

.mn-answers{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.625rem}
.mn-answer{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .875rem;border:1px solid #e3e9f2;border-radius:.75rem;background:#fff;min-width:0}
.mn-answer.mn-wide{grid-column:1/-1}
.mn-answer span{font-size:.75rem;font-weight:700;color:#7a869a}
.mn-answer b{font-size:.9375rem;color:#0f1f35;overflow-wrap:anywhere}
.mn-pre{white-space:pre-line;font-weight:500!important;line-height:1.8}
.mn-docs{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.875rem}
.mn-doc{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border:1px solid #dbe5f5;border-radius:.875rem;background:linear-gradient(180deg,#fff,#f4f8ff);color:#154096;text-decoration:none;font-weight:700;font-size:.875rem;transition:transform .15s,box-shadow .15s}
a.mn-doc:hover{transform:translateY(-1px);box-shadow:0 .5rem 1.25rem -.75rem #154096}
.mn-doc svg{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mn-doc span{display:flex;flex-direction:column;line-height:1.4}
.mn-doc small{font-weight:600;color:#7a869a;font-size:.6875rem;letter-spacing:.04em}

.mn-thread{display:flex;flex-direction:column;gap:.875rem}
.mn-msg{display:flex;gap:.625rem;align-items:flex-start;max-width:46rem}
.mn-msg.client{flex-direction:row-reverse;align-self:flex-end}
.mn-avatar{display:grid;place-items:center;width:2.125rem;height:2.125rem;flex:none;border-radius:50%;background:#0d265c;color:#ffd36b;font-weight:800;font-size:.875rem}
.mn-msg.client .mn-avatar{background:#ebf2fd;color:#154096}
.mn-bubble{padding:.75rem 1rem;border-radius:.25rem 1rem 1rem 1rem;border:1px solid #e3e9f2;background:#fff;min-width:0;box-shadow:0 .25rem 1rem -.75rem #0f1f35}
.mn-msg.team .mn-bubble{background:#fffaf0;border-color:#f6e2b3}
.mn-msg.client .mn-bubble{border-radius:1rem .25rem 1rem 1rem}
.mn-bubble header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.75rem}
.mn-bubble header b{font-size:.8125rem;color:#0f1f35}
.mn-bubble header span{padding:.0625rem .5rem;border-radius:999px;background:#eef2f8;color:#3c4b62;font-weight:700}
.mn-msg.team .mn-bubble header span{background:#fdecc0;color:#8a5a00}
.mn-bubble header time{margin-inline-start:auto;color:#7a869a}
.mn-bubble p{margin:0;white-space:pre-line;line-height:1.85;font-size:.9375rem;color:#1f2d44;overflow-wrap:anywhere}

.mn-banner{display:flex;gap:.875rem;align-items:center;margin:0 0 1rem;padding:1rem 1.125rem;border:1px solid #f6d58a;border-radius:1rem;background:linear-gradient(135deg,#fff8e6,#fff1cc);color:#7a4e00}
.mn-banner svg{width:1.75rem;height:1.75rem;flex:none;fill:none;stroke:#e39a0c;stroke-width:1.8;stroke-linecap:round}
.mn-banner b{display:block;font-size:1rem;color:#5c3a00}
.mn-banner small{font-size:.8125rem;color:#8a5a00}
.mn-banner.ok{border-color:#bfe6d2;background:linear-gradient(135deg,#effaf4,#e2f5ec);color:#0f6b46}
.mn-banner.ok svg{stroke:#12b76a}.mn-banner.ok b{color:#0b5236}.mn-banner.ok small{color:#0f6b46}

.mn-reply{margin-top:1.25rem;padding:1.25rem;border:1px solid #f6d58a;border-radius:1.125rem;background:linear-gradient(180deg,#fffdf6,#fff);box-shadow:0 1rem 2.5rem -1.75rem #e39a0c}
.mn-reply-head{display:flex;gap:.875rem;align-items:flex-start;margin-bottom:1rem}
.mn-reply-head svg{width:2rem;height:2rem;flex:none;fill:none;stroke:#e39a0c;stroke-width:1.8;stroke-linecap:round}
.mn-reply-head h3{margin:0 0 .375rem;font-size:1.0625rem;color:#0f1f35}
.mn-ask{margin:0;padding:.75rem .875rem;border-radius:.75rem;background:#fff4d6;color:#5c3a00;white-space:pre-line;line-height:1.85;font-size:.9375rem}
.mn-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}
.mn-field label{font-weight:700;font-size:.875rem;color:#0f1f35}
.mn-field label small{font-weight:500;color:#7a869a}
.mn-field textarea,.mn-field input[type=text]{width:100%;padding:.75rem .875rem;border:1px solid #cfd8e6;border-radius:.75rem;background:#fff;font:inherit;line-height:1.7}
.mn-field textarea:focus{outline:2px solid #f4b41a66;border-color:#e39a0c}
.mn-error{color:#c2413a;font-size:.8125rem}
.mn-send{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.75rem;border:0;border-radius:.875rem;background:#f4b41a;color:#0a1a30;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 .75rem 1.5rem -.75rem #f4b41acc;transition:transform .15s,background .15s}
.mn-send:hover{background:#e39a0c;transform:translateY(-1px)}

/* Back office: asking an applicant for more */
.mn-askbox{display:grid;gap:.75rem}
.mn-askbox .quick{display:flex;flex-wrap:wrap;gap:.375rem}
.mn-askbox .quick button{border:1px dashed #c3cde0;background:#fff;border-radius:999px;padding:.25rem .75rem;font:inherit;font-size:.8125rem;cursor:pointer;color:#3c4b62}
.mn-askbox .quick button:hover{border-color:#154096;color:#154096}
.mn-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem}
.mn-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .625rem;border-radius:999px;background:#fff4d6;color:#8a5a00;font-size:.75rem;font-weight:800}
@media(max-width:620px){.mn-msg{max-width:100%}.mn-answers{grid-template-columns:minmax(0,1fr)}}

/* Regular / manual visa tabs, shared by every order and catalog list */
.kind-tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;margin:0 0 1rem;border-radius:.875rem;background:#eef1f6}
.kind-tabs a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.625rem;color:#3c4b62;font-weight:700;font-size:.875rem;text-decoration:none}
.kind-tabs a em{font-style:normal;padding:0 .5rem;border-radius:999px;background:#0f1f3514;font-size:.75rem;line-height:1.4rem}
.kind-tabs a[aria-current]{background:#fff;color:#0f1f35;box-shadow:0 1px 3px #0f1f3524}
.kind-tabs a[aria-current] em{background:#0d265c;color:#fff}