/* Values extracted from https://passion.mutqen.org/front/ (2026-09-13).
   The landing app lives outside this Laravel repository. Fonts are hosted locally. */
@font-face{font-family:Handicrafts;src:url('/fonts/handicrafts/regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Handicrafts;src:url('/fonts/handicrafts/medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:Handicrafts;src:url('/fonts/handicrafts/bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{
 --brand-ink:#0c1413;--brand-teal:#005652;--brand-teal-dark:#003f3c;
 --brand-aqua:#1a8c87;--brand-mint:#e6efee;--brand-surface:#fff;
 --brand-warm:#fafaf8;--brand-border:#e8eae6;--brand-border-strong:#d4d8d2;
 --brand-muted:#737d7a;--brand-ring:#00565259;
 --brand-pill:9999px;--brand-radius:16px;--brand-font:Handicrafts,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{font-family:var(--brand-font);color:var(--brand-ink);background:var(--brand-warm)}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.45}
a{color:inherit}
button,a,input{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible{outline:3px solid var(--brand-ring);outline-offset:3px}
#app{height:100%;min-height:0}
.chat-page{height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}
.chat-page:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 5%,#00565214,transparent 45%),radial-gradient(ellipse at 85% 12%,#1a8c871c,transparent 45%)}
.chat-header{flex-shrink:0;width:calc(100% - 48px);max-width:1120px;margin:20px auto 0;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;background:#ffffffb8;border:1px solid #0c141314;border-radius:var(--brand-pill);box-shadow:inset 0 1px #fff9,0 8px 24px -16px #0056522e;backdrop-filter:blur(16px) saturate(140%)}
.chat-brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-weight:700}
.chat-brand img{width:44px;height:44px;object-fit:contain}
.chat-brand span{border-inline-start:1px solid var(--brand-border);padding-inline-start:16px}
.chat-secondary,.chat-primary,.chat-icon{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--brand-pill);padding:10px 20px;transition:background .2s,border-color .2s,color .2s;touch-action:manipulation}
.chat-secondary{border:1px solid var(--brand-border-strong);background:transparent;color:var(--brand-ink)}
.chat-secondary:hover{background:var(--brand-mint);border-color:var(--brand-teal)}
.chat-primary{background:var(--brand-teal);color:white;border:1px solid transparent;box-shadow:0 12px 32px -12px #0056528c}
.chat-primary:hover:not(:disabled){background:var(--brand-teal-dark)}
.chat-icon{padding:10px;min-width:44px;border:0;background:transparent;color:var(--brand-teal)}
.chat-icon:hover{background:var(--brand-mint)}
.chat-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--brand-border-strong) transparent;padding:40px max(24px,calc((100% - 880px)/2)) 24px}
.chat-empty{padding:20px 0 12px;text-align:right}
.chat-stage-illustration{display:block;width:100%;max-width:440px;height:auto;margin:24px 0;border-radius:var(--brand-radius)}
.chat-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffffb8;border:1px solid var(--brand-border);border-radius:var(--brand-pill);font-size:13px;color:var(--brand-teal-dark)}
.chat-dot{width:6px;height:6px;background:var(--brand-aqua);border-radius:50%}
.chat-empty h1{font-size:clamp(32px,4vw,58px);line-height:1.2;font-weight:700;margin:24px 0 16px;max-width:720px}
.chat-empty h1 em{font-style:normal;color:var(--brand-teal)}
.chat-description{font-size:18px;line-height:1.8;max-width:640px;margin:0;color:var(--brand-teal-dark)}
.chat-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
.chat-suggestion{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:right;min-height:76px;padding:16px 22px;border:1px solid var(--brand-border-strong);border-radius:22px;background:#ffffffb8;color:var(--brand-ink);font-size:16px;line-height:1.65;transition:background .2s,border-color .2s}
.chat-suggestion:hover:not(:disabled){background:var(--brand-mint);border-color:var(--brand-teal)}
.chat-suggestion svg{flex-shrink:0;color:var(--brand-teal)}
.chat-composer{flex:0 0 auto;padding:12px 24px max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--brand-warm) 35%)}
.chat-composer-inner{max-width:880px;margin:auto}
.chat-composer-form{display:flex;align-items:center;gap:8px;border:1px solid var(--brand-border-strong);background:var(--brand-surface);padding:8px;border-radius:24px;box-shadow:0 8px 32px -12px #0056522e}
.chat-composer-form:focus-within{border-color:var(--brand-teal);box-shadow:0 0 0 3px var(--brand-ring)}
.chat-composer-form input[type=text]{flex:1;min-width:0;width:0;min-height:48px;border:0;background:transparent;padding:8px;outline:none;font-size:16px;color:var(--brand-ink);text-align:start}
.chat-composer-form input::placeholder{color:var(--brand-muted)}
.chat-composer-form button{flex-shrink:0}
.chat-upload{padding:10px 14px;border:0}
.chat-caption{font-size:12px;text-align:center;color:var(--brand-muted);margin:8px 0 0}
.chat-attachment{display:flex;align-items:center;gap:10px;padding:4px 12px;margin-bottom:8px;background:var(--brand-mint);border:1px solid var(--brand-border-strong);border-radius:14px;color:var(--brand-teal-dark)}
.chat-attachment-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}
.chat-message{margin-bottom:24px;min-width:0}
.chat-message-author{font-size:13px;color:var(--brand-teal-dark);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.chat-message-author img{width:28px;height:28px;object-fit:contain;border-radius:50%}
.chat-message-body{padding:20px 24px;line-height:1.9;font-size:17px;border-radius:16px;border:1px solid var(--brand-border);background:#ffffffb8;overflow-wrap:anywhere;white-space:pre-wrap}
.chat-message-user{max-width:85%;margin-inline-start:auto}
.chat-message-user .chat-message-body{background:var(--brand-teal);border-color:var(--brand-teal);color:white}
.chat-message time{display:block;font-size:12px;opacity:.7;margin-top:8px}
.chat-loading{padding:20px;color:var(--brand-teal);display:flex;align-items:center;justify-content:center;gap:12px}
.chat-spinner{width:18px;height:18px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:chat-spin .8s linear infinite}
@keyframes chat-spin{to{transform:rotate(360deg)}}
.chat-modal{position:fixed;inset:0;z-index:50;background:#02161580;display:grid;place-items:center;padding:20px}
.chat-modal-card{width:100%;max-width:420px;padding:32px;background:var(--brand-warm);border:1px solid var(--brand-border);border-radius:24px;text-align:center}
.chat-modal-card h2{font-size:26px;margin:0 0 12px;font-weight:700}
.chat-modal-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}
/* Toasts (see /js/shaghaf-toast.js) */
.toastify.shaghaf-toast{--toast-accent:var(--brand-teal);--toast-tint:var(--brand-mint);display:block;width:max-content;max-width:min(420px,calc(100% - 32px));padding:12px 18px 12px 14px;background:var(--brand-warm);color:var(--brand-ink);font-family:var(--brand-font);border:1px solid var(--brand-border);border-inline-start:3px solid var(--toast-accent);border-radius:var(--brand-radius);box-shadow:0 16px 40px -18px #02161566,0 2px 6px -2px #0216151a;direction:rtl;text-align:right;cursor:default}
.toastify.shaghaf-toast.is-error{--toast-accent:#b42318;--toast-tint:#fdecea}
.toastify.shaghaf-toast.is-warning{--toast-accent:#b54708;--toast-tint:#fef3e2}
.toastify.shaghaf-toast.is-info{--toast-accent:var(--brand-muted);--toast-tint:#eef0ee}
.shaghaf-toast-inner{display:flex;align-items:center;gap:12px}
.shaghaf-toast-icon{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--toast-tint);color:var(--toast-accent)}
.shaghaf-toast-text{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.5}
.shaghaf-toast-text strong{font-size:15px;font-weight:700}
.shaghaf-toast-text span{font-size:14px;color:var(--brand-teal-dark)}
@media(max-width:639px){
 .chat-header{width:calc(100% - 24px);margin-top:12px;padding:4px 10px;min-height:56px}
 .chat-brand{gap:8px}.chat-brand span{padding-inline-start:8px;font-size:13px;white-space:nowrap}
 .chat-brand img{width:36px;height:36px}.chat-header .chat-secondary{font-size:12px;padding:8px 10px;white-space:nowrap}
 .chat-messages{padding:24px 16px 16px}.chat-empty{padding:0}
 .chat-empty h1{font-size:34px;margin:16px 0 12px}.chat-description{font-size:16px;line-height:1.75}
 .chat-suggestions{grid-template-columns:1fr;gap:8px;margin-top:20px}.chat-suggestion{min-height:56px;padding:12px 16px;font-size:15px}
 .chat-composer{padding:8px 12px max(12px,env(safe-area-inset-bottom))}
 .chat-composer-form{padding:6px;gap:4px;border-radius:22px}.chat-composer-form .chat-primary{padding:10px;min-width:44px}.chat-send-label{display:none}
 .chat-upload{padding:10px}.chat-upload span{font-size:12px}
 .chat-caption{font-size:11px}.chat-message-body{padding:14px 16px;font-size:16px}
}
@media(max-height:600px){.chat-messages{padding-top:16px}.chat-empty h1{font-size:30px}.chat-caption{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}