﻿
    /* Modal base */
    .mriia-modal-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(2,6,23,0.5);display:none;align-items:center;justify-content:center;z-index:200000}
    .mriia-modal{background:#fff;border-radius:18px;padding:20px;min-width:360px;max-width:760px;box-shadow:0 20px 40px rgba(2,6,23,0.25)}
    .mriia-modal.open{display:flex}
    /* Large circular grade input */
    .grade-circle{width:160px;height:160px;border-radius:50%;background:linear-gradient(180deg,#f8fafc,#fff);border:6px solid #e6eefc;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#0f172a;margin:12px auto}
    .grade-keypad{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
    .grade-key{width:56px;height:44px;border-radius:10px;background:#f3f4f6;border:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}
    .grade-actions{display:flex;justify-content:center;gap:12px;margin-top:14px}
    .btn-apply{background:#1C77FF;color:#fff;border:none;padding:8px 14px;border-radius:10px;cursor:pointer}
    .btn-secondary{background:#f3f4f6;border:none;padding:8px 14px;border-radius:10px;cursor:pointer}
    /* Group results multi-select */
    .gr-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
    .gr-item{padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e6eefc;cursor:pointer;font-weight:700}
    .gr-item.selected{background:#1C77FF;color:#fff;border-color:#155ecb}
    /* Star button */
    .gr-star{width:16px;height:16px;border-radius:4px;border:1px solid rgba(28,119,255,0.2);display:inline-flex;align-items:center;justify-content:center;color:#1C77FF;cursor:pointer;background:#f0f8ff;font-size:12px}
    .gr-star.active{background:#1C77FF;color:#fff}
    /* Ensure stars inside table headers float to top-right */
    .gb-table th .gr-star, thead th .gr-star { position: absolute !important; right: 8px !important; top: 6px !important; }
    .gb-subtype-header .auto-star-btn, .gb-subtype-header .gr-star { position: absolute !important; right: 6px !important; top: 6px !important; width: 16px !important; height: 16px !important; padding:0 !important; display:inline-flex !important; align-items:center; justify-content:center; }
    .gr-star-preview { pointer-events: none; }
    .gr-star-saved { pointer-events: none; font-weight:700; }
    .gr-star.shake { animation: gr-shake 0.28s; }
    @keyframes gr-shake { 0% { transform: translateX(0);} 25%{ transform: translateX(-3px);} 50%{ transform: translateX(3px);} 75%{ transform: translateX(-1.5px);} 100%{ transform: translateX(0);} }
    /* Small grid for generated GR columns */
    .gr-columns{display:flex;gap:6px;margin-top:8px}
    .gr-col{width:64px;height:60px;border-radius:8px;background:#fff;border:1px solid #e6eefc;display:flex;align-items:center;justify-content:center;font-weight:700}

