/* ── Organization Results – Frontend Styles ──────────────
   Palette:
     --org-primary:   #1a56a0   (deep blue – trust, medical)
     --org-accent:    #00b4a6   (teal – fresh, clinical)
     --org-surface:   #f7f9fc
     --org-card-bg:   #ffffff
     --org-text:      #1a2332
     --org-muted:     #5c6b7a
     --org-danger:    #d63638
   Font: system-ui stack + Vazirmatn (Google Fonts)
──────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

:root {
    --org-primary:  #1a56a0;
    --org-accent:   #00b4a6;
    --org-surface:  #f7f9fc;
    --org-card-bg:  #ffffff;
    --org-text:     #1a2332;
    --org-muted:    #5c6b7a;
    --org-danger:   #d63638;
    --org-radius:   12px;
    --org-shadow:   0 4px 20px rgba(26,86,160,.10);
}

.org-front-wrap {
    font-family: 'Vazirmatn', system-ui, sans-serif;
    direction: rtl;
    color: var(--org-text);
    max-width: 820px;
    margin: 0 auto;
    padding: 16px;
}

/* ── Login box ───────────────────────────────────────── */
.org-login-box {
    background: var(--org-card-bg);
    border-radius: var(--org-radius);
    box-shadow: var(--org-shadow);
    max-width: 420px;
    margin: 40px auto;
    padding: 40px 36px;
    border-top: 4px solid var(--org-primary);
}

.org-login-header { text-align: center; margin-bottom: 28px; }
.org-login-icon   { font-size: 3rem; line-height: 1; margin-bottom: 8px; }
.org-login-header h2 { margin: 0 0 6px; font-size: 1.4rem; font-weight: 700; color: var(--org-primary); }
.org-login-header p  { margin: 0; color: var(--org-muted); font-size: 0.88rem; }

.org-error {
    background: #fdf2f2;
    border: 1px solid #f5c6c6;
    border-radius: 8px;
    color: var(--org-danger);
    padding: 10px 14px;
    font-size: 0.88rem;
    margin-bottom: 20px;
    text-align: center;
}

.org-login-form { display: flex; flex-direction: column; gap: 16px; }

.org-field { display: flex; flex-direction: column; gap: 6px; }
.org-field label {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--org-text);
}
.org-field input {
    border: 1.5px solid #d0d8e4;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 1rem;
    font-family: inherit;
    color: var(--org-text);
    transition: border-color .2s;
    outline: none;
    background: #fff;
    direction: ltr;
    text-align: right;
}
.org-field input:focus { border-color: var(--org-primary); box-shadow: 0 0 0 3px rgba(26,86,160,.12); }

.org-login-submit {
    background: var(--org-primary);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s, transform .1s;
    margin-top: 4px;
}
.org-login-submit:hover   { background: #164a8a; }
.org-login-submit:active  { transform: scale(.98); }

/* ── Logged-in header bar ────────────────────────────── */
.org-header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--org-primary);
    color: #fff;
    border-radius: var(--org-radius);
    padding: 14px 20px;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 10px;
}
.org-header-info  { display: flex; align-items: center; gap: 10px; }
.org-icon         { font-size: 1.5rem; }
.org-header-name  { font-size: 1rem; font-weight: 600; }

.org-logout-btn {
    background: rgba(255,255,255,.18);
    color: #fff;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.85rem;
    font-family: inherit;
    text-decoration: none;
    transition: background .2s;
}
.org-logout-btn:hover { background: rgba(255,255,255,.30); color: #fff; }

/* ── Results section ─────────────────────────────────── */
.org-results-container { }
.org-page-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--org-primary);
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e8eef6;
}

.org-empty-state {
    text-align: center;
    padding: 48px 20px;
    color: var(--org-muted);
}
.org-empty-icon { font-size: 3rem; margin-bottom: 12px; }

.org-results-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.org-result-card {
    background: var(--org-card-bg);
    border: 1px solid #e2eaf4;
    border-radius: var(--org-radius);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 8px rgba(26,86,160,.05);
    transition: box-shadow .2s, transform .15s;
    gap: 12px;
}
.org-result-card:hover {
    box-shadow: var(--org-shadow);
    transform: translateY(-1px);
}

.org-result-name {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    font-size: 1rem;
    flex: 1;
    min-width: 0;
}

.org-result-avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--org-primary), var(--org-accent));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

.org-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--org-accent);
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    padding: 8px 16px;
    font-size: 0.88rem;
    font-weight: 600;
    font-family: inherit;
    white-space: nowrap;
    transition: background .2s, transform .1s;
    flex-shrink: 0;
}
.org-download-btn:hover  { background: #00998d; color: #fff; }
.org-download-btn:active { transform: scale(.97); }
.org-dl-icon { font-size: 1rem; }

.org-no-file {
    font-size: 0.82rem;
    color: var(--org-muted);
    font-style: italic;
    flex-shrink: 0;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 480px) {
    .org-login-box      { padding: 28px 20px; margin: 20px auto; }
    .org-result-card    { flex-wrap: wrap; }
    .org-download-btn   { width: 100%; justify-content: center; }
}