.content.machine-content { padding: 0; }
.content.machine-content .innerWrap { width: calc(100% - 40px); max-width: 1280px; }
.content.machine-content .innerWrap .machine-query { font-size: 16px; }
.machine-query {
    max-width: 1040px;
    margin: 0 auto;
    padding: 56px 0 72px;
    color: #252b34;
    font-size: 16px;
    line-height: 1.6;
}
.machine-query [hidden] { display: none !important; }
.machine-query .machine-query-heading { text-align: center; margin-bottom: 32px; }
.machine-query .machine-query-heading h2 { margin: 0 0 10px; font-size: 28px; font-weight: 600; }
.machine-query .machine-query-heading p { margin: 0; color: #707782; font-size: 15px; }
.machine-query .machine-query-form { max-width: 760px; margin: 0 auto; }
.machine-query label { display: block; margin-bottom: 10px; font-size: 15px; font-weight: 600; }
.machine-query .machine-search-row { display: flex; gap: 12px; }
.machine-query input {
    flex: 1; min-width: 0; width: 100%; height: 52px; padding: 0 16px;
    border: 1px solid #d9dfe7; border-radius: 4px; background: #fff;
    color: #252b34; font: inherit; font-size: 16px;
}
.machine-query input::placeholder { color: #8b929c; }
.machine-query button {
    flex-shrink: 0; min-width: 136px; padding: 0 24px; height: 52px;
    border: 0; border-radius: 4px; background: #005bac; color: #fff;
    font: inherit; font-size: 16px; cursor: pointer; transition: background .2s;
}
.machine-query button:hover { background: #004783; }
.machine-query button:disabled { background: #6988a5; cursor: wait; }
.machine-query input:focus, .machine-query button:focus-visible, .machine-query a:focus-visible {
    outline: 2px solid #005bac; outline-offset: 3px;
}
.machine-query input[aria-invalid="true"] { border-color: #bf3434; }
.machine-query .machine-hint { margin: 12px 0 0; color: #737b86; font-size: 13px; }
.machine-query .machine-error { margin: 8px 0 0; color: #bf3434; font-size: 14px; }
.machine-query .machine-result { margin-top: 40px; border: 1px solid #e1e7ee; border-radius: 8px; overflow: hidden; }
.machine-query .machine-result-heading {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 20px 28px; border-bottom: 1px solid #e1e7ee; background: #f3f7fc;
}
.machine-query .machine-result-heading h3 { margin: 0; font-size: 20px; font-weight: 600; }
.machine-query .machine-result-heading span { color: #64758a; font-size: 13px; }
.machine-query .machine-config-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 24px; }
.machine-query .machine-config-item { grid-column: span 2; padding: 20px; background: #f8fafc; border: 1px solid #edf0f4; border-radius: 6px; min-width: 0; }
.machine-query .machine-config-item.machine-identity { grid-column: span 3; background: #fff; }
.machine-query .machine-config-item dt { display: flex; align-items: center; gap: 10px; color: #687586; font-size: 14px; margin-bottom: 12px; }
.machine-query .machine-config-item svg { width: 24px; height: 24px; flex-shrink: 0; color: #005bac; }
.machine-query .machine-config-item dd { margin: 0; font-size: 19px; font-weight: 600; overflow-wrap: anywhere; white-space: pre-line; }
.machine-query .machine-empty { margin-top: 36px; padding: 40px 20px; background: #f8fafc; border: 1px solid #e7ecf2; border-radius: 8px; text-align: center; }
.machine-query .machine-empty svg { width: 48px; height: 48px; color: #7d92aa; margin-bottom: 12px; }
.machine-query .machine-empty h3 { margin: 0 0 12px; font-size: 20px; font-weight: 600; }
.machine-query .machine-empty p { margin: 0; color: #707782; font-size: 15px; }
.machine-query .machine-empty a { margin-left: 5px; color: #005bac; font-weight: 600; white-space: nowrap; }
@media (max-width: 767px) {
    .machine-query { padding: 32px 0 40px; }
    .machine-query .machine-query-heading h2 { font-size: 23px; }
    .machine-query .machine-search-row { gap: 8px; }
    .machine-query button { min-width: 100px; padding: 0 14px; }
    .machine-query .machine-result-heading { padding: 16px; flex-wrap: wrap; }
    .machine-query .machine-config-list { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; gap: 10px; }
    .machine-query .machine-config-item { grid-column: span 1; padding: 16px 12px; }
    .machine-query .machine-config-item.machine-identity { grid-column: span 2; }
    .machine-query .machine-config-item dd { font-size: 16px; }
}