/* Extend the main site's shared LINE Seed Sans TH font and purple palette. */
.medal-page{margin:0;background:radial-gradient(ellipse at 85% 10%,rgba(109,40,217,.24),transparent 45%),var(--bg-base);color:var(--text-100);font-family:'LINE Seed Sans TH',system-ui,sans-serif;line-height:1.7;min-height:100vh;color-scheme:dark}
.medal-page *{box-sizing:border-box}.delivery-header{background:rgba(10,0,24,.94);border-bottom:1px solid var(--border-glow)}
.delivery-nav{max-width:1200px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.delivery-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;flex-shrink:0}.delivery-brand img{width:48px;height:48px;object-fit:contain}.delivery-brand strong,.delivery-brand small{display:block}.delivery-brand strong{font-size:17px}.delivery-brand small{font-size:11px;color:var(--purple-300);letter-spacing:1px}.delivery-nav nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.delivery-nav nav a{color:var(--text-200);font-size:14px;text-decoration:none}.delivery-nav nav a:hover{color:var(--neon-cyan)}.delivery-nav-action{border:1px solid var(--border-glow);background:rgba(109,40,217,.2);border-radius:var(--radius-sm);padding:9px 15px}
.medal-page main{max-width:1120px;margin:auto;padding:54px 24px}.medal-page h1{font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.35;margin:12px 0 20px;letter-spacing:-.5px}.medal-page h2{font-size:22px;line-height:1.5;margin:0 0 16px}.medal-page p{color:var(--text-200)}.medal-page .eyebrow{display:inline-block;color:var(--neon-cyan);font-size:12px;font-weight:700;letter-spacing:2px;border:1px solid rgba(34,211,238,.25);border-radius:100px;padding:5px 14px;background:rgba(34,211,238,.06)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}.stat{background:linear-gradient(135deg,rgba(109,40,217,.24),rgba(15,5,30,.9));border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:22px 24px;box-shadow:var(--shadow-card)}.stat strong{font-size:34px;font-weight:800;display:block;color:var(--purple-200);line-height:1.3}.stat:nth-child(2) strong{color:var(--neon-cyan)}.stat span{font-size:14px;color:var(--text-200)}
.medal-page section,.medal-page #login{background:linear-gradient(145deg,rgba(30,12,53,.95),rgba(12,4,26,.97));border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:28px;margin:24px 0;box-shadow:var(--shadow-card)}.medal-page label{display:block;font-size:14px;font-weight:700;margin:14px 0;color:var(--text-200)}.medal-page input,.medal-page select,.medal-page textarea{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(167,139,250,.35);border-radius:var(--radius-sm);background:#100820;color:var(--text-100);font:inherit;margin-top:7px}.medal-page input::placeholder{color:#9c8cad}.medal-page select option{background:#100820;color:var(--text-100)}.medal-page textarea{min-height:96px;resize:vertical}.medal-page input:focus,.medal-page select:focus,.medal-page textarea:focus{border-color:var(--purple-400);box-shadow:0 0 0 3px rgba(139,92,246,.17)}
.medal-page button{background:linear-gradient(135deg,var(--purple-600),var(--purple-500));color:white;padding:12px 22px;min-height:46px;border:1px solid rgba(196,181,253,.25);border-radius:var(--radius-sm);font:inherit;font-weight:700;cursor:pointer;margin:8px 8px 8px 0;box-shadow:0 4px 20px rgba(109,40,217,.25);transition:filter .2s}.medal-page button:hover{filter:brightness(1.15)}.medal-page button:disabled{opacity:.5;cursor:default}.medal-page .secondary{background:rgba(139,92,246,.1);color:var(--purple-200);box-shadow:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.wide{grid-column:1/-1}.medal-page .check{display:flex;align-items:start;gap:12px;font-weight:400;background:rgba(109,40,217,.1);padding:16px;border-radius:var(--radius-sm)}.medal-page .check input{width:18px;min-height:18px;flex-shrink:0;margin:5px 0;accent-color:var(--purple-500)}
.table-wrap{overflow:auto;border-radius:var(--radius-sm);margin-top:16px}.medal-page table{border-collapse:collapse;width:100%;font-size:14px;min-width:660px}.medal-page th,.medal-page td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid rgba(139,92,246,.2)}.medal-page th{background:rgba(109,40,217,.22);color:var(--purple-200);white-space:nowrap}.medal-page td{color:var(--text-200)}.medal-page tbody tr:hover{background:rgba(139,92,246,.05)}.badge{display:inline-block;background:rgba(34,211,238,.08);color:#67e8f9;border:1px solid rgba(34,211,238,.25);padding:4px 12px;border-radius:100px;font-size:13px;margin:8px}
.receipt{padding:20px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.3);border-radius:var(--radius-md);margin-top:20px}.receipt strong{color:#6ee7b7}.medal-page code{display:block;overflow-wrap:anywhere;font-size:16px;color:var(--neon-cyan);padding:12px 0}.medal-page details{background:rgba(109,40,217,.09);border:1px solid rgba(139,92,246,.2);padding:16px;border-radius:var(--radius-sm);margin:20px 0}.medal-page summary{cursor:pointer;color:var(--purple-200)}.medal-page .footnote{font-size:13px;color:#b8a8ce;margin-top:30px}#message{white-space:pre-line;color:var(--neon-cyan);overflow-wrap:anywhere}#message.error{color:#fda4af}#recipient{white-space:pre-line;padding:20px;background:rgba(109,40,217,.1);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm)}.delivery-footer{border-top:1px solid var(--border-glow);max-width:1120px;margin:auto;padding:24px;color:var(--purple-300);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.delivery-footer a{color:var(--purple-200)}.medal-page :focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px}[hidden]{display:none!important}
@media(max-width:760px){.delivery-nav{align-items:flex-start;flex-direction:column;gap:16px}.delivery-nav nav{gap:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.medal-page section,.medal-page #login{padding:20px}.medal-page main{padding:32px 16px}.stat{padding:18px}.stat strong{font-size:30px}.medal-page h2{font-size:20px}}

/* Allow long organization names, tracking codes and audit records to wrap. */
.medal-page main,.medal-page section,.medal-page form,.medal-page .grid,
.medal-page .grid>* ,.medal-page details,.medal-page .stat{min-width:0}
.medal-page :is(p,h1,h2,label,summary,td,#recipient){overflow-wrap:anywhere}
.medal-page :is(input,select,textarea){max-width:100%;font-size:16px}
.medal-page select{text-overflow:ellipsis}
.medal-page pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.medal-page summary{min-height:44px;padding:8px 0;line-height:1.6}
.delivery-nav nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:600px){
  .medal-page main{padding:26px 12px}
  .delivery-nav{padding:14px 16px;width:100%}
  .delivery-nav nav{width:100%;gap:6px 16px}
  .delivery-nav-action{margin-left:auto;text-align:center}
  .delivery-brand{max-width:100%;flex-shrink:1}
  .medal-page h1{font-size:clamp(26px,7vw,36px);line-height:1.45}
  .medal-page h2{font-size:19px}
  .medal-page section,.medal-page #login{padding:18px 14px;border-radius:14px}
  .medal-page details{padding:14px 10px}
  .medal-page .receipt,#recipient{padding:16px 12px}
  .medal-page button{width:100%;margin:8px 0;white-space:normal;min-height:48px}
  .medal-page .check{padding:12px;gap:10px}
  .stats{gap:10px;margin:22px 0}
  .stat{padding:16px 12px}.stat span{font-size:13px}
  .badge{margin:8px 0;max-width:100%;white-space:normal}
  .table-wrap{overflow:visible}
  .medal-page table{min-width:0;display:block}
  .medal-page thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
  .medal-page tbody{display:grid;gap:14px}
  .medal-page tbody tr{display:block;border:1px solid var(--border-glow);border-radius:12px;padding:4px 12px;background:rgba(109,40,217,.08)}
  .medal-page td{display:block;padding:10px 0;min-width:0}
  .medal-page td:last-child{border-bottom:0}
  .medal-page td::before{content:attr(data-label);display:block;color:var(--purple-300);font-size:12px;font-weight:700;margin-bottom:4px}
  .delivery-footer{padding:20px 16px}
}
@media(max-width:360px){.delivery-nav-action{margin-left:0}.delivery-brand strong{font-size:15px}.medal-page .eyebrow{font-size:11px;letter-spacing:1px}}

/* Searchable organization picker, styled independently of the OS select menu. */
.organization-picker{position:relative;margin:18px 0 22px;min-width:0}
.organization-label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--text-200)}
.medal-page .organization-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:0;padding:15px 18px;min-height:58px;background:#100820;border:1px solid rgba(167,139,250,.38);box-shadow:none;text-align:left;font-size:16px;font-weight:500;transition:border-color .18s,background .18s}
.medal-page .organization-trigger:hover{filter:none;background:#180d2a;border-color:var(--purple-400)}
.medal-page .organization-trigger[aria-expanded="true"]{border-color:var(--purple-400);box-shadow:0 0 0 3px rgba(139,92,246,.14)}
.organization-selection{display:grid;gap:3px;min-width:0;color:#b9aacb}
.organization-selected-name{overflow-wrap:anywhere;line-height:1.5}
.has-selection .organization-selected-name{color:#faf5ff;font-weight:700}
.organization-selection small{color:#a99aba;font-size:12px;font-weight:400;line-height:1.5}
.organization-chevron{width:20px;height:20px;flex-shrink:0;color:#a78bfa;transition:transform .18s}
[aria-expanded="true"] .organization-chevron{transform:rotate(180deg)}
.organization-popup{position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:30;overflow:hidden;border:1px solid rgba(167,139,250,.4);border-radius:14px;background:#160d24;box-shadow:0 24px 65px rgba(0,0,0,.55),0 0 0 1px rgba(139,92,246,.07)}
.organization-search{padding:16px 16px 8px}
.medal-page .organization-search label{margin:0;font-size:12px;font-weight:500;color:#b9a9ce}
.medal-page .organization-search input{margin-top:7px;padding:12px 15px;background:#0d0719;border-color:rgba(167,139,250,.28);font-weight:400;box-shadow:none}
.organization-result-count{padding:4px 18px 10px;color:#a494b8;font-size:12px;border-bottom:1px solid rgba(167,139,250,.12)}
.organization-options{max-height:min(340px,44dvh);overflow-y:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin;scrollbar-color:#6d4596 transparent}
.organization-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:background .12s}
.organization-option+.organization-option{margin-top:2px}
.organization-option.is-active{background:rgba(139,92,246,.14);border-color:rgba(167,139,250,.16)}
.organization-option[aria-selected="true"]{background:rgba(109,40,217,.25);border-color:rgba(167,139,250,.4)}
.organization-option-info{display:grid;gap:4px;min-width:0}
.organization-option-info strong{font-size:15px;color:#f3eaff;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.organization-option-status{font-size:12px;color:#a99bb9;font-weight:400;line-height:1.5}
.organization-option-status::before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#8c7a9f;vertical-align:middle}
.organization-option-status[data-received="true"]{color:#6ee7b7}
.organization-option-status[data-received="true"]::before{background:#6ee7b7}
.organization-medals{flex-shrink:0;white-space:nowrap;padding:4px 10px;border-radius:7px;border:1px solid rgba(167,139,250,.16);background:rgba(139,92,246,.09);color:#d8c5fb;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.organization-keyboard-hint{display:flex;justify-content:space-between;gap:12px;padding:9px 18px;border-top:1px solid rgba(167,139,250,.12);background:rgba(0,0,0,.12);color:#a494b8;font-size:11px}
.organization-options.is-empty{padding:28px 18px;color:#b9aacb;text-align:center;font-size:14px}
.organization-status-filter{grid-template-columns:1fr}
@media(max-width:600px){
  .medal-page .organization-trigger{margin:0;padding:13px 14px;min-height:56px;text-align:left}
  .organization-popup{border-radius:12px}
  .organization-search{padding:12px 12px 8px}
  .organization-option{padding:11px 9px;gap:10px}
  .organization-option-info strong{font-size:14px}
  .organization-medals{padding:4px 7px;font-size:11px}
  .organization-result-count{padding-left:14px;padding-right:14px;font-size:11px}
  .organization-keyboard-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.organization-picker *{transition:none!important}}

.delivery-report-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.delivery-report-heading .eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:1px}
.delivery-report-heading h2{margin-bottom:0}
.medal-page .delivery-report-heading button{margin:0;font-size:13px;flex-shrink:0}
.delivery-report-count{padding:12px 16px;border:1px solid rgba(167,139,250,.2);border-radius:10px;background:rgba(139,92,246,.07);font-size:13px}
.medal-page .delivery-report-empty{margin:0;padding:28px 16px;text-align:center;color:#b9aacb;font-size:14px;border:1px dashed rgba(167,139,250,.25);border-radius:12px}
.delivery-report-muted{display:block;color:#a99aba;font-size:12px;margin-top:4px}
.delivery-method{display:inline-block;padding:4px 10px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.07);color:#67e8f9}
.delivery-method[data-method="pickup"]{color:#d8b4fe;background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.28)}
.delivery-status{display:inline-block;font-size:12px;color:#d8c5fb;line-height:1.6}
.delivery-status[data-status="shipped"],.delivery-status[data-status="delivered"],.delivery-status[data-status="picked_up"]{color:#6ee7b7}
.delivery-tracking{display:block;color:#e9ddfa;margin-top:4px;overflow-wrap:anywhere;letter-spacing:.3px}
.medal-page .delivery-report-table{min-width:760px}
.delivery-report-table td:first-child{min-width:180px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.delivery-report-heading{gap:14px}.medal-page .delivery-report-heading button{width:100%}.medal-page .delivery-report-table{min-width:0}.delivery-report-table td:first-child{min-width:0}.delivery-report-count{font-size:12px;padding:10px 12px}}

/* SVG shapes stay consistent across operating systems and mobile browsers. */
.delivery-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
.delivery-nav-action,.delivery-footer a{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.medal-page select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-size:18px 18px;background-position:right 14px center;background-repeat:no-repeat}
.medal-page details>summary{position:relative;list-style:none;padding-left:26px}
.medal-page details>summary::-webkit-details-marker{display:none}
.medal-page details>summary::marker{content:''}
.medal-page details>summary::before{content:'';position:absolute;left:0;top:21px;width:16px;height:16px;transform:translateY(-50%) rotate(-90deg);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.medal-page details[open]>summary::before{transform:translateY(-50%)}

/* Compact report for phones; desktop retains the complete table. */
.delivery-report-mobile{display:none}
@media(max-width:600px){
  #delivery-report-table{display:none}
  .delivery-report-mobile{display:block}
  .medal-page .delivery-report-card{margin:10px 0;border:1px solid rgba(167,139,250,.25);border-radius:12px;background:rgba(139,92,246,.05);overflow:hidden}
  .medal-page .delivery-report-card>summary{padding:16px 36px 16px 14px;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
  .medal-page .delivery-report-card>summary::before{left:auto;right:12px;top:24px}
  .delivery-report-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#b9aacb}
  .delivery-report-card dl{margin:0;padding:0 14px 14px}
  .delivery-report-card dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid rgba(167,139,250,.15);font-size:12px}
  .delivery-report-card dt{color:#b9aacb}
  .delivery-report-card dd{margin:0;overflow-wrap:anywhere}
  .medal-page #delivery-report-more{width:100%;margin:12px 0 0}
}

.stats.stats-admin{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.stats.stats-admin{grid-template-columns:repeat(2,minmax(0,1fr))}}