/* Raqm customer core shell */
.raqm-overlay-open { overflow: hidden; }
.raqm-palette-overlay {
    position: fixed; inset: 0; z-index: 1000000; display: none; place-items: start center;
    padding: min(14vh, 120px) 18px 18px; background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(5px);
}
.raqm-palette-overlay.is-open { display: grid; }
.raqm-palette-overlay[hidden] { display: none !important; }
.raqm-notification-panel[hidden] { display: none !important; }
.raqm-palette {
    width: min(680px, 100%); overflow: hidden; border: 1px solid rgba(255,255,255,.65);
    border-radius: 18px; background: var(--bg-card, #fff); box-shadow: 0 28px 80px rgba(15,23,42,.34);
    direction: rtl;
}
.raqm-palette-input { display:flex; align-items:center; gap:11px; padding:15px 17px; border-bottom:1px solid var(--border-color,#e5e7eb); }
.raqm-palette-input svg { color: var(--primary-color,#4f46e5); width:20px; }
.raqm-palette-input input { flex:1; border:0; outline:0; background:transparent; color:var(--text-primary,#111827); font:inherit; font-size:15px; }
.raqm-palette-close { border:0; border-radius:8px; padding:6px 10px; background:var(--bg-app,#f3f4f6); color:var(--text-primary,#111827); cursor:pointer; font:inherit; font-size:12px; font-weight:700; }
.raqm-palette-hint { padding:10px 17px 5px; color:var(--text-muted,#6b7280); font-size:12px; }
.raqm-palette-results { max-height:min(54vh,420px); overflow:auto; padding:8px; }
.raqm-palette-item { width:100%; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:10px; border:0; border-radius:11px; padding:10px; background:transparent; color:var(--text-primary,#111827); text-align:right; cursor:pointer; font:inherit; }
.raqm-palette-item:hover,.raqm-palette-item.is-selected { background:var(--primary-light,#eef2ff); }
.raqm-palette-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--bg-app,#f3f4f6); color:var(--primary-color,#4f46e5); }
.raqm-palette-icon svg { width:17px; }
.raqm-palette-item b,.raqm-palette-item small { display:block; }
.raqm-palette-item b { font-size:13px; }
.raqm-palette-item small { margin-top:2px; color:var(--text-muted,#6b7280); font-size:11px; }
.raqm-palette-item em { font-style:normal; color:var(--text-muted,#6b7280); font-size:10px; }
.raqm-palette-empty { padding:28px 12px; color:var(--text-muted,#6b7280); text-align:center; font-size:13px; }
.raqm-palette-footer { display:flex; gap:14px; padding:10px 17px; border-top:1px solid var(--border-color,#e5e7eb); color:var(--text-muted,#6b7280); font-size:10px; }

.raqm-notification-panel { position:fixed; z-index:1000001; top:72px; left:18px; width:min(370px,calc(100vw - 36px)); overflow:hidden; border:1px solid var(--border-color,#e5e7eb); border-radius:15px; background:var(--bg-card,#fff); box-shadow:0 22px 60px rgba(15,23,42,.22); direction:rtl; }
.raqm-notification-head { display:flex; justify-content:space-between; align-items:center; padding:14px 15px; border-bottom:1px solid var(--border-color,#e5e7eb); }
.raqm-notification-head strong { font-size:14px; color:var(--text-primary,#111827); }
.raqm-notification-head span { margin-right:7px; color:var(--text-muted,#6b7280); font-size:11px; }
.raqm-notification-head button { border:0; background:transparent; cursor:pointer; color:var(--text-muted,#6b7280); }
.raqm-notification-head svg { width:17px; }
.raqm-notification-list { max-height:360px; overflow:auto; }
.raqm-notification-item { display:flex; gap:10px; padding:13px 15px; color:inherit; text-decoration:none; border-bottom:1px solid var(--border-color,#f3f4f6); }
.raqm-notification-item:hover { background:var(--bg-app,#f9fafb); }
.raqm-notification-item>svg { flex:0 0 auto; width:18px; margin-top:2px; color:#d97706; }
.raqm-notification-item.urgent>svg { color:#dc2626; }
.raqm-notification-item b,.raqm-notification-item small { display:block; }
.raqm-notification-item b { color:var(--text-primary,#111827); font-size:12.5px; }
.raqm-notification-item small { margin-top:3px; color:var(--text-muted,#6b7280); font-size:11px; line-height:1.6; }
.raqm-notification-empty { padding:28px 16px; text-align:center; color:var(--text-muted,#6b7280); font-size:12px; }

.raqm-home-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:26px; border-radius:20px; color:#fff; background:linear-gradient(135deg,#312e81,#4f46e5 58%,#0f766e); }
.raqm-home-hero h1 { margin:0 0 5px; font-size:26px; color:#fff; }
.raqm-home-hero p { margin:0; color:rgba(255,255,255,.82); font-size:13px; }
.raqm-home-hero .raqm-home-search { display:inline-flex; align-items:center; gap:7px; margin-top:17px; padding:9px 11px; border:1px solid rgba(255,255,255,.32); border-radius:10px; color:#fff; background:rgba(255,255,255,.1); font-size:12px; }
.raqm-home-hero kbd { padding:2px 5px; border-radius:4px; background:rgba(255,255,255,.18); font-size:10px; }
.raqm-home-subscription { display:flex; align-items:center; gap:8px; margin-top:15px; padding:10px 12px; border-radius:10px; background:var(--primary-light,#eef2ff); color:var(--text-secondary,#374151); font-size:12px; }
.raqm-home-subscription svg { color:var(--primary-color,#4f46e5); width:17px; }
.raqm-home-subscription a { margin-right:auto; color:var(--primary-color,#4f46e5); font-weight:700; text-decoration:none; }
.raqm-home-section { margin-top:24px; }
.raqm-home-section-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.raqm-home-section-head h2 { margin:0; color:var(--text-primary,#111827); font-size:17px; }
.raqm-home-section-head a { color:var(--primary-color,#4f46e5); font-size:12px; font-weight:700; text-decoration:none; }
.raqm-home-apps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.raqm-home-app { display:flex; align-items:center; gap:9px; padding:14px; border:1px solid var(--border-color,#e5e7eb); border-radius:13px; background:var(--bg-card,#fff); color:var(--text-primary,#111827); text-decoration:none; transition:.18s ease; }
.raqm-home-app:hover { border-color:var(--primary-color,#4f46e5); box-shadow:0 8px 22px rgba(79,70,229,.11); transform:translateY(-1px); }
.raqm-home-app>svg:first-child { width:19px; color:var(--primary-color,#4f46e5); }
.raqm-home-app span { flex:1; font-size:12px; font-weight:700; }
.raqm-home-app>svg:last-child { width:15px; color:var(--text-muted,#6b7280); }
.raqm-home-empty { grid-column:1/-1; padding:20px; border-radius:12px; background:var(--bg-app,#f9fafb); color:var(--text-muted,#6b7280); text-align:center; font-size:12px; }

@media (max-width:700px) {
    .raqm-notification-panel { top:62px; left:10px; width:calc(100vw - 20px); }
    .raqm-home-hero { padding:20px; }
    .raqm-home-hero h1 { font-size:21px; }
    .raqm-home-apps { grid-template-columns:1fr 1fr; }
}
@media (prefers-reduced-motion:reduce) { .raqm-home-app { transition:none; } .raqm-home-app:hover { transform:none; } }
