.country-code-dashboard{display: grid;grid-template-columns: minmax(0,1fr) minmax(320px,.86fr);gap: 16px;align-items: stretch}.country-code-panel{height: 100%}.country-code-panel .form-control-group-header{flex: 0 0 auto;padding-top: 6px;padding-bottom: 6px}.country-code-panel .form-control-group-header>span{flex: 1;min-width: 0}.country-code-control-body,.country-code-detail-body{display: grid;gap: 14px}.country-code-search-field,.country-code-detail-values label{display: grid;gap: 6px;margin: 0;min-width: 0}.country-code-search-field>span,.country-code-detail-values label>span{color: var(--text-2);font-size: 13px;font-weight: 600;line-height: 1.35}.country-code-filter-row{display: flex;flex-wrap: wrap;gap: 8px}.country-code-filter-row .btn{min-width: 86px;justify-content: center}.country-code-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft)}.country-code-stats>div{display: grid;gap: 3px;padding: 12px 14px;border-right: 1px solid var(--border)}.country-code-stats>div:last-child{border-right: 0}.country-code-stats strong{min-width: 0;overflow: hidden;color: var(--text);font-size: 18px;line-height: 1.2;text-overflow: ellipsis;white-space: nowrap}.country-code-stats span{color: var(--text-2);font-size: 12.5px;line-height: 1.35}.country-code-message{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text-2);font-size: 13.5px;line-height: 1.45}.country-code-selected-card{display: grid;gap: 6px;min-height: 92px;padding: 14px;border: 1px solid var(--border);border-radius: var(--radius);background: linear-gradient(135deg,rgba(37,99,235,.08),transparent 46%),var(--bg-soft)}.country-code-selected-card strong{color: var(--text);font-size: 20px;line-height: 1.25}.country-code-selected-card span{color: var(--text-2);font-size: 13.5px;line-height: 1.45}.country-code-detail-values{display: grid;grid-template-columns: 1fr;gap: 10px}.country-code-detail-values input{min-width: 0;font-family: var(--mono-font);font-size: 13px}.country-code-copy-btn,.btn-copy-selected,.btn-copy-visible{min-width: 86px;justify-content: center}.country-code-table-panel{margin-top: 16px}.country-code-table-wrap{overflow-x: auto;border: 1px solid var(--border);border-radius: var(--radius)}.country-code-table{width: 100%;min-width: 760px;border-collapse: collapse;background: var(--bg)}.country-code-table th,.country-code-table td{padding: 10px 12px;border-bottom: 1px solid var(--border);color: var(--text);font-size: 13.5px;line-height: 1.4;text-align: left;vertical-align: middle}.country-code-table th{position: sticky;top: 0;z-index: 1;background: var(--bg-soft);color: var(--text-2);font-size: 12px;font-weight: 700;text-transform: uppercase}.country-code-table tr:last-child td{border-bottom: 0}.country-code-table tbody tr{cursor: pointer}.country-code-table tbody tr:hover,.country-code-table tbody tr.is-active{background: var(--primary-soft)}.country-code-table code{display: inline-flex;min-width: 42px;justify-content: center;padding: 2px 7px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text);font-family: var(--mono-font);font-size: 12.5px}.country-code-name{display: grid;gap: 2px}.country-code-name strong{color: var(--text);font-size: 13.5px;line-height: 1.3}.country-code-name span{color: var(--text-3);font-size: 12px;line-height: 1.35}@media (max-width: 991px){.country-code-dashboard{grid-template-columns: 1fr}}@media (max-width: 640px){.country-code-panel .form-control-group-body{padding: 14px}.country-code-stats{grid-template-columns: 1fr}.country-code-stats>div{border-right: 0;border-bottom: 1px solid var(--border)}.country-code-stats>div:last-child{border-bottom: 0}.country-code-filter-row{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.country-code-filter-row .btn{min-width: 0;width: 100%}.country-code-results-header{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;column-gap: 8px;padding-top: 6px;padding-bottom: 6px}.country-code-results-header>span{display: block;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.btn-copy-selected,.btn-copy-visible{width: 94px;min-width: 94px;padding-right: 8px;padding-left: 8px;white-space: nowrap}.country-code-selected-card strong{font-size: 17px}}