/* Container & Layout */
.gmi-search{max-width:900px;margin:20px auto 40px;font-family:Arial,sans-serif}
.gmi-form{display:flex;align-items:baseline;gap:10px;margin-bottom:25px}
.gmi-form input{flex:1;padding:12px 14px;font-size:15px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .2s;margin-bottom:0!important}
.gmi-form input:focus{border-color:#b30000}
.gmi-form button{padding:6px 20px;font-size:15px;background:#b30000;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s;white-space:nowrap}
.gmi-form button:hover{background:#900}

/* Value Boxes */
.gmi-values{margin-top:20px}
.gmi-values h4{margin-bottom:16px;font-size:18px;font-weight:bold;color:#b30000}
.gmi-flex{display:flex;gap:16px;justify-content:space-between;flex-wrap:nowrap}
.gmi-box{background:#f7f7f9;padding:16px 20px;border-radius:6px;flex:0 0 calc(33.333% - 11px);text-align:left;min-width:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}
.gmi-box small{display:block;font-size:13px;color:#666;margin-bottom:4px}
.gmi-box p{margin:0;font-size:20px;font-weight:bold;color:#000}

/* Card + table */
.gmi-card{background:#fff;border:1px solid #ddd;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-top:25px}
.gmi-card h5{margin:0 0 12px;font-size:16px;font-weight:700;color:#444}
.gmi-table{width:100%;border-collapse:collapse}
.gmi-table th,.gmi-table td{padding:10px 8px;border-bottom:1px solid #eee;text-align:left;font-size:14px}
.gmi-table th{color:#666;font-weight:700}

/* Responsive */
@media (max-width:900px){
  .gmi-flex{flex-wrap:wrap}
  .gmi-box{flex:1 1 100%}
  .gmi-form{flex-direction:column;align-items:stretch}
  .gmi-form button{width:100%}
}