/* MUGR Faculty Development Scholarship - front-end refresh v2 (2026-08-21) */
.mugr-staff-content--scholarship{--ss-navy:#18346f;--ss-blue:#2d63e2;--ss-cyan:#12a7c9;--ss-purple:#7357c7;--ss-red:#d93b4d;--ss-green:#20945d;--ss-orange:#e98522;--ss-soft:#f6f8fc;--ss-line:#dfe6f2;--ss-text:#263a59}
.mugr-staff-content--scholarship .content-project-right{padding-top:10px}
.mugr-scholarship-filter{display:grid;grid-template-columns:auto minmax(220px,420px);align-items:center;gap:16px;margin:4px 0 22px;padding:18px 20px;border:1px solid #e0e7f3;border-radius:16px;background:linear-gradient(135deg,#f7f9fe 0%,#fff 72%);box-shadow:0 8px 24px rgba(27,54,105,.06)}
.mugr-scholarship-filter label{margin:0;color:#263a59;font-size:15px;font-weight:800}
.mugr-scholarship-select-wrap{position:relative}
.mugr-scholarship-select-wrap:before{content:"\f073";font-family:FontAwesome;position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:var(--ss-purple);font-size:16px;pointer-events:none}
.mugr-scholarship-filter select.form-control{height:48px!important;padding-left:44px!important;border:1px solid #ccd7eb!important;border-radius:12px!important;background:#fff!important;color:#21385d!important;font-weight:800;box-shadow:none!important;cursor:pointer}
.mugr-scholarship-filter select.form-control:focus{border-color:#8ea8e5!important;box-shadow:0 0 0 3px rgba(45,99,226,.10)!important}
.mugr-scholarship-year-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0 2px;color:#314664;font-size:16px;font-weight:800}
.mugr-scholarship-year-head>span:first-child:before{content:"\f133";font-family:FontAwesome;margin-right:8px;color:var(--ss-purple)}
.mugr-scholarship-status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800}
.mugr-scholarship-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.mugr-scholarship-status.is-open{color:#147b4a;background:#eaf8f0;border:1px solid #bfe6cf}
.mugr-scholarship-status.is-closed{color:#966017;background:#fff7e8;border:1px solid #f2ddb5}
.mugr-scholarship-table-wrap{overflow:hidden;border:1px solid #dce5f2;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(27,54,105,.06)}
.mugr-scholarship-table{width:100%;margin:0!important;border-collapse:separate!important;border-spacing:0!important}
.mugr-scholarship-table thead th{padding:14px 16px!important;border:0!important;background:linear-gradient(135deg,#19366f,#23498e)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;text-transform:none!important}
.mugr-scholarship-table tbody td{padding:15px 16px!important;border-top:1px solid #e8edf5!important;background:#fff!important;vertical-align:middle!important;color:#32435d!important}
.mugr-scholarship-table tbody tr:first-child td{border-top:0!important}
.mugr-scholarship-table tbody tr:hover td{background:#f9fbff!important}
.mugr-scholarship-item{display:flex;align-items:flex-start;gap:12px}
.mugr-scholarship-item-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:17px;background:#eef3ff;color:var(--ss-blue)}
.mugr-scholarship-item-icon.is-announcement{background:#fff2e8;color:var(--ss-orange)}
.mugr-scholarship-item-icon.is-form{background:#edf4ff;color:var(--ss-blue)}
.mugr-scholarship-item-icon.is-report{background:#f1edff;color:var(--ss-purple)}
.mugr-scholarship-item-icon.is-process{background:#e9f8fb;color:var(--ss-cyan)}
.mugr-scholarship-item-icon.is-payment{background:#eaf8f0;color:var(--ss-green)}
.mugr-scholarship-item-icon.is-list{background:#fff0f3;color:var(--ss-red)}
.mugr-scholarship-item strong{display:block;color:#243957!important;font-size:14px;line-height:1.45}
.mugr-file-group{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mugr-file-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:94px!important;padding:8px 12px!important;border:1px solid transparent!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important;line-height:1.15!important;text-decoration:none!important;box-shadow:none!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important}
.mugr-file-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(31,53,95,.14)!important;filter:saturate(1.05)}
.mugr-file-btn--word{background:#edf4ff!important;border-color:#c9dcff!important;color:#235cc7!important}
.mugr-file-btn--word:before{content:"\f1c2";font-family:FontAwesome;font-size:14px}
.mugr-file-btn--pdf{background:#fff0f1!important;border-color:#f4c9cf!important;color:#c73345!important}
.mugr-file-btn--pdf:before{content:"\f1c1";font-family:FontAwesome;font-size:14px}
.mugr-file-btn--list{background:#f1edff!important;border-color:#d8cef9!important;color:#6848bd!important;min-width:112px!important}
.mugr-file-btn--list:before{content:"\f0c0";font-family:FontAwesome;font-size:14px}
.mugr-file-empty{color:#b0bac8}
.mugr-scholarship-empty{padding:30px;border:1px dashed #d5deeb;border-radius:14px;background:#fafcff;color:#78879d;text-align:center}
.mugr-scholarship-archive-note{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 13px;border:1px solid #dce4f3;border-radius:10px;background:#f8faff;color:#64748b;font-size:12px}
.mugr-scholarship-archive-note i{color:var(--ss-purple)}
.mugr-scholarship-recipient-round{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:10px;background:#f1edff;color:#6749b7;font-weight:900}
.loader{width:44px!important;height:44px!important;margin:24px auto!important;border:4px solid #e9eef7!important;border-top-color:var(--ss-purple)!important;border-bottom-color:var(--ss-blue)!important;border-radius:50%!important;animation:spin .8s linear infinite!important}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:767.98px){
  .mugr-scholarship-filter{grid-template-columns:1fr;gap:8px;padding:14px}
  .mugr-scholarship-year-head{align-items:flex-start;flex-direction:column}
  .mugr-scholarship-table-wrap{border-radius:12px;overflow:visible;border:0;box-shadow:none;background:transparent}
  .mugr-scholarship-table,.mugr-scholarship-table tbody,.mugr-scholarship-table tr,.mugr-scholarship-table td{display:block;width:100%}
  .mugr-scholarship-table thead{display:none}
  .mugr-scholarship-table tbody tr{margin-bottom:12px;border:1px solid #dfe6f1;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(26,47,83,.05)}
  .mugr-scholarship-table tbody td{display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:11px 13px!important;border-top:1px solid #edf1f6!important;text-align:left!important}
  .mugr-scholarship-table tbody td:first-child{display:block!important;border-top:0!important;padding:14px!important}
  .mugr-scholarship-table tbody td:not(:first-child):before{content:attr(data-title);font-size:11px;font-weight:900;color:#748299;padding-top:7px}
  .mugr-file-group{justify-content:flex-start}
  .mugr-file-btn{min-width:88px!important}
}

/* 2026-08-21 v2.1 — remove the outer table card; keep row cards and header */
@media (min-width:768px){
  .mugr-staff-content--scholarship .mugr-scholarship-table-wrap{
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table{
    border-collapse:separate!important;
    border-spacing:0 8px!important;
    background:transparent!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table thead th{
    border-top:0!important;
    border-bottom:0!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table thead th:first-child{
    border-radius:14px 0 0 14px!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table thead th:last-child{
    border-radius:0 14px 14px 0!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table tbody td{
    border-top:1px solid #dfe6f2!important;
    border-bottom:1px solid #dfe6f2!important;
    background:#fff!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table tbody tr:first-child td{
    border-top:1px solid #dfe6f2!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table tbody td:first-child{
    border-left:1px solid #dfe6f2!important;
    border-radius:14px 0 0 14px!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table tbody td:last-child{
    border-right:1px solid #dfe6f2!important;
    border-radius:0 14px 14px 0!important;
  }
  .mugr-staff-content--scholarship .mugr-scholarship-table tbody tr:hover td{
    background:#f9fbff!important;
  }
}


/* MUGR circular language flags — visual only; URLs/logic unchanged. */
.mugr-file-btn.mugr-file-lang--th:before,.mugr-file-btn.mugr-file-lang--en:before{content:""!important;display:inline-block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;border:1px solid rgba(20,44,72,.16)!important;border-radius:50%!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:0 0 0 1px rgba(255,255,255,.55) inset!important}
.mugr-file-btn.mugr-file-lang--th:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 18 18%22%3E%3Crect width=%2218%22 height=%2218%22 fill=%22%23A51931%22/%3E%3Crect y=%223%22 width=%2218%22 height=%2212%22 fill=%22white%22/%3E%3Crect y=%226%22 width=%2218%22 height=%226%22 fill=%22%232D2A4A%22/%3E%3C/svg%3E")!important}
.mugr-file-btn.mugr-file-lang--en:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 18 18%22%3E%3Crect width=%2218%22 height=%2218%22 fill=%22white%22/%3E%3Cg fill=%22%23B22234%22%3E%3Crect y=%220%22 width=%2218%22 height=%222%22/%3E%3Crect y=%224%22 width=%2218%22 height=%222%22/%3E%3Crect y=%228%22 width=%2218%22 height=%222%22/%3E%3Crect y=%2212%22 width=%2218%22 height=%222%22/%3E%3Crect y=%2216%22 width=%2218%22 height=%222%22/%3E%3C/g%3E%3Crect width=%228%22 height=%229%22 fill=%22%233C3B6E%22/%3E%3Cg fill=%22white%22%3E%3Ccircle cx=%222%22 cy=%222%22 r=%22.7%22/%3E%3Ccircle cx=%225%22 cy=%222%22 r=%22.7%22/%3E%3Ccircle cx=%222%22 cy=%225%22 r=%22.7%22/%3E%3Ccircle cx=%225%22 cy=%225%22 r=%22.7%22/%3E%3Ccircle cx=%222%22 cy=%228%22 r=%22.7%22/%3E%3Ccircle cx=%225%22 cy=%228%22 r=%22.7%22/%3E%3C/g%3E%3C/svg%3E")!important}