#line-geo-panel { --ali-blue: #2f8cf5; --ali-ink: #405674; --ali-border: #e3e7ee; color: var(--ali-ink); font-size: 13px; }
#line-geo-panel * { box-sizing: border-box; }
#line-geo-panel .ali-workspace { background: #fff; border: 1px solid var(--ali-border); border-radius: 4px; padding: 16px; min-height: 680px; box-shadow: 0 1px 5px #20364b12; }
#line-geo-panel button, #line-geo-panel input, #line-geo-panel select { font: inherit; }
#line-geo-panel button { min-height: 29px; padding: 4px 11px; border: 1px solid #d8dfe9; border-radius: 3px; color: var(--ali-ink); background: white; box-shadow: none; cursor: pointer; white-space: nowrap; }
#line-geo-panel button:hover:enabled { color: var(--ali-blue); border-color: #a6ccf9; }
#line-geo-panel button:disabled { opacity: .5; cursor: not-allowed; }
#line-geo-panel button:focus-visible, #line-geo-panel input:focus-visible, #line-geo-panel select:focus-visible { outline: 2px solid var(--ali-blue); outline-offset: 2px; }
#line-geo-panel input[type=checkbox] { appearance: auto; width: 14px; height: 14px; min-height: 0; margin: 0; padding: 0; accent-color: var(--ali-blue); cursor: pointer; }
#line-geo-panel .ali-topbar { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-bottom: 25px; }
#line-geo-panel .ali-topbar label { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; }
#line-geo-panel select { width: 180px; height: 30px; padding: 3px 9px; color: var(--ali-ink); background: #fff; border: 1px solid #d8dfe9; border-radius: 3px; }
#line-geo-panel .ali-back, #line-geo-panel .ali-refresh, #line-geo-panel .ali-link { background: none; border-color: transparent; color: #267bd2; }
#line-geo-panel .ali-host { color: #8c99ab; font-size: 12px; overflow-wrap: anywhere; }
#line-geo-panel .ali-refresh { margin-left: auto; }
#line-geo-panel .ali-workspace-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
#line-geo-panel section { min-width: 0; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
#line-geo-panel .ali-pane-title { display: flex; justify-content: center; align-items: center; min-height: 36px; margin-bottom: 24px; font-weight: 400; gap: 10px; }
#line-geo-panel .ali-assigned-title { justify-content: flex-start; }
#line-geo-panel .ali-picker { position: relative; min-width: 190px; }
#line-geo-panel [data-toggle-menu] { width: 100%; min-width: 190px; display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; }
#line-geo-panel [data-toggle-menu][aria-expanded=true] { border-color: var(--ali-blue); box-shadow: 0 0 0 2px #e5f1ff; }
#line-geo-panel .ali-cascade { position: absolute; left: 0; top: 34px; z-index: 40; display: flex; overflow: auto; max-width: min(570px, calc(100vw - 64px)); background: #fff; border: 1px solid #e3e7ee; border-radius: 3px; box-shadow: 0 2px 8px #0002; }
#line-geo-panel .ali-cascade-column { min-width: 116px; max-width: 220px; max-height: 540px; overflow-y: auto; padding: 6px 0; border-right: 1px solid #edf0f5; flex-shrink: 0; }
#line-geo-panel .ali-cascade-column:last-child { border-right: 0; }
#line-geo-panel .ali-menu-row { display: flex; align-items: center; min-height: 29px; }
#line-geo-panel .ali-menu-row button { text-align: left; padding: 5px 12px; border: 0; border-radius: 0; min-height: 29px; background: transparent; flex: 1; }
#line-geo-panel .ali-menu-row .ali-expand { flex: 0; padding: 4px 9px; }
#line-geo-panel .ali-menu-row.expanded { background: #f6f8fa; }
#line-geo-panel .ali-menu-row.selected { background: #edf5ff; }
#line-geo-panel .ali-menu-row.selected button, #line-geo-panel .ali-menu-row.expanded button { color: var(--ali-blue); }
#line-geo-panel .ali-menu-row button[aria-disabled=true] { color: #a6aebb; }
#line-geo-panel .ali-toolbar { min-height: 32px; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
#line-geo-panel .ali-primary { background: var(--ali-blue); color: #fff; border-color: var(--ali-blue); }
#line-geo-panel .ali-primary:hover:enabled { color: #fff; background: #1879e1; }
#line-geo-panel .ali-toolbar input { width: 175px; min-width: 110px; min-height: 30px; height: 30px; border: 1px solid #d8dfe9; border-radius: 3px; padding: 4px 10px; margin: 0 0 0 10px; color: var(--ali-ink); background: white; }
#line-geo-panel input::placeholder { color: #b7bfca; }
#line-geo-panel .ali-table-scroll { overflow: auto; max-height: 650px; border: 1px solid var(--ali-border); }
#line-geo-panel table { border-collapse: collapse; width: 100%; margin: 0; font-size: 13px; white-space: nowrap; }
#line-geo-panel th { background: #f7f8fa; font-weight: 500; color: var(--ali-ink); height: 35px; text-align: left; }
#line-geo-panel td { height: 43px; }
#line-geo-panel th, #line-geo-panel td { border: 1px solid var(--ali-border); padding: 8px 16px; }
#line-geo-panel th:first-child, #line-geo-panel td:first-child { width: 44px; text-align: center; border-left: 0; }
#line-geo-panel th:last-child, #line-geo-panel td:last-child { border-right: 0; }
#line-geo-panel th { border-top: 0; }
#line-geo-panel tr:last-child td { border-bottom: 0; }
#line-geo-panel tbody tr:hover { background: #f9fbff; }
#line-geo-panel .ali-ip { font-variant-numeric: tabular-nums; }
#line-geo-panel .ali-status { font-size: 12px; }
#line-geo-panel .ali-status::before { content: ''; display: inline-block; width: 8px; height: 8px; background: #19be76; border-radius: 50%; margin-right: 6px; }
#line-geo-panel .ali-status.off { color: #929cac; }
#line-geo-panel .ali-status.off::before { background: #abb4c1; }
#line-geo-panel .ali-empty { text-align: center; height: 95px; color: #98a4b5; }
#line-geo-panel .ali-pagination { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-top: 12px; color: #8e9aab; font-size: 12px; }
#line-geo-panel .ali-pagination > div { display: flex; align-items: center; gap: 9px; }
#line-geo-panel .ali-pagination button { font-size: 12px; padding: 2px 7px; min-height: 25px; }
#line-geo-panel .ali-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 22px; color: #8795a8; font-size: 12px; }
#line-geo-panel .ali-footer label { display: flex; align-items: center; gap: 6px; font-weight: 400; margin: 0; }
#line-geo-panel .ali-feedback { min-height: 24px; margin-top: 8px; color: #bf6223; font-size: 12px; }
#line-geo-panel .ali-notice { margin-top: 16px; padding: 10px 12px; background: #fff8ed; color: #a15e1d; border: 1px solid #ffe0b5; border-radius: 3px; }
@media (max-width: 1150px) { #line-geo-panel .ali-toolbar input { width: 145px; margin-left: 0; } #line-geo-panel .ali-pane-title { flex-wrap: wrap; min-height: 64px; } #line-geo-panel th, #line-geo-panel td { padding: 8px 10px; } }
@media (max-width: 820px) { #line-geo-panel .ali-workspace-grid { grid-template-columns: 1fr; } #line-geo-panel .ali-pane-title { justify-content: flex-start; min-height: 36px; margin-bottom: 12px; } #line-geo-panel .ali-topbar { gap: 9px; } #line-geo-panel .ali-host { display: none; } #line-geo-panel .ali-workspace { padding: 12px; } #line-geo-panel .ali-cascade { max-width: calc(100vw - 52px); } }
/* Keep this IP workspace tabular when the surrounding console switches other
   lists to mobile cards; each pane scrolls without widening the page. */
@media (max-width: 1024px) {
  #line-geo-panel table { display: table; min-width: 420px; }
  #line-geo-panel thead { display: table-header-group; position: static; width: auto; height: auto; clip: auto; margin: 0; overflow: visible; }
  #line-geo-panel tbody { display: table-row-group; }
  #line-geo-panel tr { display: table-row; margin: 0; border-radius: 0; box-shadow: none; }
  #line-geo-panel td, #line-geo-panel th { display: table-cell; white-space: nowrap; }
  #line-geo-panel td::before { display: none; }
  #line-geo-panel .ali-table-scroll { max-height: 440px; }
}
#line-geo-panel .ali-scope-cell { vertical-align: middle; text-align: center; max-width: 150px; white-space: normal; }
#line-geo-panel .ali-scope-link { white-space: normal; padding: 2px 0; text-align: center; }