/* Azmat Cables Agent — front-end widget, bottom-left, every page.
   Deliberately scoped to #azmat-agent-* so it cannot restyle the theme.
   Bottom-left: WhatsApp sits bottom-right and the social rail is on the
   right edge, so the left side is free. On phones the panel fits the
   viewport and stays clear of the fixed mobile bottom menu. */
#azmat-agent-toggle {
    position: fixed; left: 18px; bottom: 18px; z-index: 99990;
    width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer;
    background: #ef0d33; color: #fff; font-size: 26px; line-height: 1;
    box-shadow: 0 4px 16px rgba(0,0,0,.3);
}
#azmat-agent-panel {
    position: fixed; left: 18px; bottom: 86px; z-index: 99990;
    width: 360px; max-width: calc(100vw - 36px); height: 480px; max-height: calc(100vh - 120px);
    background: #fff; border-radius: 14px; box-shadow: 0 8px 32px rgba(0,0,0,.3);
    display: none; flex-direction: column; overflow: hidden;
    font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #222;
}
#azmat-agent-panel.azmat-open { display: flex; }
#azmat-agent-head {
    background: #111; color: #fff; padding: 12px 14px; display: flex;
    justify-content: space-between; align-items: center; font-weight: bold;
}
#azmat-agent-head small { display: block; font-weight: normal; font-size: 12px; color: #ccc; }
#azmat-agent-close { background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; }
#azmat-agent-messages { flex: 1; overflow-y: auto; padding: 12px; }
#azmat-agent-messages .azmat-msg { margin: 0 0 10px; padding: 9px 11px; border-radius: 10px; line-height: 1.5; white-space: pre-wrap; word-wrap: break-word; }
#azmat-agent-messages .azmat-user { background: #ef0d33; color: #fff; margin-left: 30px; }
#azmat-agent-messages .azmat-agent { background: #f2f2f2; margin-right: 30px; }
#azmat-agent-messages .azmat-agent a { color: #0b5fa5; }
#azmat-agent-suggest { padding: 0 12px 8px; display: flex; flex-wrap: wrap; gap: 6px; }
#azmat-agent-suggest button {
    background: #f2f2f2; border: 1px solid #ddd; border-radius: 20px;
    padding: 5px 10px; font-size: 12px; cursor: pointer;
}
#azmat-agent-form { display: flex; border-top: 1px solid #ddd; }
#azmat-agent-input { flex: 1; border: none; padding: 12px; font-size: 14px; outline: none; }
#azmat-agent-form button { background: #ef0d33; color: #fff; border: none; padding: 0 16px; cursor: pointer; font-size: 14px; }
#azmat-agent-foot { padding: 6px 12px; font-size: 11px; color: #888; text-align: center; }
@media (max-width: 480px) {
    #azmat-agent-toggle { left: 12px; bottom: 76px; }
    #azmat-agent-panel { left: 12px; bottom: 140px; width: calc(100vw - 24px); height: calc(100vh - 220px); }
}

/* v1.0.1 cursor fix: the theme sets * { cursor: none } and replaces the
   pointer with its own red dot, which sits behind this widget — so over
   the widget there was no cursor at all. Force a normal pointer here. */
#azmat-agent-toggle, #azmat-agent-panel, #azmat-agent-panel * {
    cursor: auto !important;
}
#azmat-agent-toggle, #azmat-agent-close,
#azmat-agent-suggest button, #azmat-agent-form button {
    cursor: pointer !important;
}
/* v1.0.2: hyperlinks in chat messages (View Cable, WhatsApp) must show
   the hand pointer. The v1.0.1 rule above forces cursor:auto on every
   element inside the panel, which also forced links to an arrow, so
   links get their own pointer rule after it, with higher specificity. */
#azmat-agent-messages .azmat-agent a, #azmat-agent-messages a {
    cursor: pointer !important;
}
#azmat-agent-input {
    cursor: text !important;
}