:root{--brand:#2348a6;--accent:#0ea5e9;}
*{box-sizing:border-box}
body{font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";margin:0;background:#fff;color:#111}
.header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;gap:12px;max-width:1100px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:64px;width:auto}
h1{margin:0;font-size:clamp(22px,2.8vw,32px);color:var(--brand)}
.subtitle{margin:-8px 0 8px;color:#555;text-align:center}
.container{max-width:1100px;margin:0 auto;padding:8px 16px 48px}
.searchCard{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.row{display:flex;gap:8px}
input[type=text]{flex:1;padding:14px 14px;border:1px solid #ddd;border-radius:10px;font-size:16px;outline:none}
input[type=text]:focus{border-color:var(--brand)}
button{background:var(--brand);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:700;cursor:pointer}
button:hover{opacity:.95}
.results{margin-top:14px;border:1px dashed #e5e7eb;border-radius:10px;padding:12px;color:#374151;min-height:44px;background:#fff}
.result{border-bottom:1px solid #f0f0f0;padding:10px 8px}
.result:last-child{border-bottom:none}
.result .k{color:#6b7280}
.footer{padding:28px 16px;border-top:1px solid #eee;color:#6b7280;text-align:center;font-size:14px}
.logoRight{height:76px}
/* Helper (assistant) button */
.assist-btn{position:fixed;right:18px;bottom:18px;background:linear-gradient(135deg,var(--brand),#00bcd4);color:#fff;border:none;border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 20px rgba(0,0,0,.15);cursor:pointer;font-weight:700}
.assist-panel{position:fixed;right:18px;bottom:74px;width:min(380px,92vw);background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18);display:none;flex-direction:column;overflow:hidden}
.assist-header{background:#f8fafc;padding:10px 12px;font-weight:700;color:#0f172a;display:flex;justify-content:space-between;align-items:center}
.assist-body{padding:10px;max-height:320px;overflow:auto}
.msg{background:#f1f5f9;border-radius:12px;padding:10px;margin:6px 0;font-size:14px}
.msg.me{background:#e0f2fe;align-self:flex-end}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.quick button{background:#eef2ff;color:#1e293b;border:1px solid #e5e7eb;padding:6px 10px;border-radius:999px;font-size:13px}
.badge{background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:12px;margin-left:8px}
@media (max-width:640px){.brand img{height:52px}.logoRight{height:64px}}