:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, "Microsoft YaHei", sans-serif; color: #172033; background: #f5f7fb; }
* { box-sizing: border-box; } body { margin: 0; } button, input, select, textarea { font: inherit; } button { cursor: pointer; border: 0; border-radius: 8px; background: #1d6ff2; color: white; padding: 9px 13px; font-weight: 650; } button:hover { background: #125ccc; } button.secondary { background: white; border: 1px solid #ccd5e3; color: #26354e; } button.secondary:hover { background: #eff4fd; } .shell { width: min(1400px, calc(100% - 40px)); margin: 36px auto 64px; } header { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 24px; margin-bottom: 24px; padding: 25px 28px; border-radius: 18px; background: linear-gradient(135deg, #071a3a 0%, #0b3474 55%, #176fe8 100%); box-shadow: 0 14px 34px rgba(7, 35, 80, .22); } header h1 { margin: 2px 0 0; color: #fff; font-size: 38px; letter-spacing: -.04em; } header .eyebrow { color: #8fc1ff; } .header-actions { justify-self: end; display: grid; gap: 11px; width: 210px; } .header-actions button { width: 100%; } #open-manage { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.14); color: #fff; backdrop-filter: blur(8px); } #open-manage:hover { background: rgba(255,255,255,.24); } h1 { font-size: 32px; margin: 3px 0 6px; } h2 { margin: 0; font-size: 20px; } .data-freshness { min-width: 380px; margin: 0; padding: 12px 20px; border: 1px solid rgba(255,255,255,.36); border-radius: 14px; background: rgba(255,255,255,.94); color: #173f7a; text-align: center; box-shadow: 0 8px 24px rgba(0, 18, 55, .2); } .data-freshness span, .data-freshness small { display: block; } .data-freshness span { font-size: 12px; font-weight: 750; } .data-freshness strong { display: block; margin: 3px 0 1px; color: #0b54bd; font-size: 20px; letter-spacing: .02em; } .data-freshness small { color: #52709d; font-weight: 650; } .auto-refresh-note { display: block; margin-top: 7px; padding-top: 7px; border-top: 1px solid #d6e0ed; color: #1763d7; font-size: 14px; font-style: normal; font-weight: 850; letter-spacing: .02em; } .data-freshness.stale { border-color: #f2b15f; background: linear-gradient(135deg, #fff2dc, #fffaf1); color: #8a4b00; } .data-freshness.stale strong, .data-freshness.stale small { color: #a45a00; } .eyebrow { color: #1d6ff2; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 800; margin: 0; } .subtle, .status { color: #62718a; margin: 7px 0; } .card { background: #fff; border: 1px solid #dde4ef; border-radius: 12px; box-shadow: 0 2px 8px rgba(29, 47, 76, .04); } .controls { padding: 16px 14px; display: grid; grid-template-columns: 400px minmax(460px, 1fr); align-items: center; gap: 14px; } .filter-group { display: flex; flex-wrap: wrap; gap: 7px; } .filter-group button { background: #edf2f9; color: #33425a; } .filter-group button.active { background: #1d6ff2; color: #fff; } .control-left { display: grid; align-content: center; gap: 32px; } .filter-block { display: grid; gap: 11px; } .filter-title { margin: 0; color: #17365f; font-size: 15px; font-weight: 900; letter-spacing: .03em; } .control-left .filter-group button { font-weight: 800; } #category-tabs, #period-tabs { align-items: center; } #refresh { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 190px; min-height: 48px; margin: 0; border: 1px solid #165cc9; background: linear-gradient(135deg, #2379f4 0%, #1258c4 100%); color: #fff; font-size: 15px; font-weight: 800; box-shadow: 0 9px 20px rgba(29, 111, 242, .24); } #refresh::before { content: "↻"; font-size: 21px; line-height: 1; } #refresh:hover { transform: translateY(-1px); background: linear-gradient(135deg, #1469e4 0%, #0b4dad 100%); box-shadow: 0 12px 25px rgba(29, 111, 242, .32); } .header-actions #refresh:not(.refreshing) { border: 2px solid #fff; background: linear-gradient(180deg, #fff 0%, #edf5ff 100%); color: #0c56bd; box-shadow: 0 10px 24px rgba(4, 28, 70, .28), inset 0 1px 0 #fff; } .header-actions #refresh:not(.refreshing):hover { border-color: #dcecff; background: #fff; color: #073f91; box-shadow: 0 13px 29px rgba(4, 28, 70, .36); } #refresh.refreshing, #refresh.refreshing:disabled { border-color: #ff7a86; background: #d9283b; color: #fff; opacity: 1; box-shadow: 0 0 0 4px rgba(217, 40, 59, .14), 0 7px 18px rgba(190, 25, 44, .28); animation: refresh-pulse 1.5s ease-in-out infinite; } .trend-card { justify-self: center; width: min(820px, 100%); min-width: 0; padding: 10px 13px 8px; border: 1px solid #cdd9e9; border-radius: 12px; background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 4px 12px rgba(22, 48, 84, .06); } .trend-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px 14px; min-height: 25px; } .trend-head strong { color: #17365f; font-size: 14px; font-weight: 850; } .trend-legend { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px 11px; color: #526177; font-size: 10px; font-weight: 700; } .trend-legend span { display: inline-flex; align-items: center; gap: 4px; } .trend-legend i { width: 14px; height: 3px; border-radius: 4px; background: var(--series-color); } .trend-chart { display: grid; place-items: center; min-height: 154px; color: #718098; font-size: 13px; } .trend-chart svg { display: block; width: 100%; height: 154px; overflow: visible; } .trend-grid { stroke: #dfe7f2; stroke-width: 1; stroke-dasharray: 4 4; } .trend-axis-x, .trend-axis-y { fill: #6a7890; font-size: 10px; font-weight: 650; } .trend-axis-x { text-anchor: middle; } .trend-axis-y { text-anchor: end; } @keyframes refresh-pulse { 0%, 100% { box-shadow: 0 0 0 4px rgba(217, 40, 59, .12), 0 7px 18px rgba(190, 25, 44, .25); } 50% { box-shadow: 0 0 0 7px rgba(217, 40, 59, .2), 0 9px 24px rgba(190, 25, 44, .38); } } .cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 20px 0 8px; } .metric { padding: 18px; } .metric span { display: block; color: #3f5270; font-size: 13px; font-weight: 800; } .metric strong { display: block; font-size: 26px; margin-top: 8px; letter-spacing: -.03em; } .summary-table { table-layout: fixed; min-width: 1500px; } .summary-table thead th { padding-top: 17px; padding-bottom: 17px; border-bottom: 2px solid #a9bfdf; background: linear-gradient(180deg, #f4f8ff 0%, #e8f0fc 100%); color: #17365f; font-size: 16px; font-weight: 850; letter-spacing: .01em; } .summary-table thead .sort-button { display: inline-grid; place-items: center; width: 21px; height: 21px; margin-left: 4px; padding: 0; border: 1px solid #aac0dd; border-radius: 6px; background: #edf4fd; color: #24558f; font-size: 14px; font-weight: 900; line-height: 1; vertical-align: middle; box-shadow: none; } .summary-table thead .sort-button:hover { background: #dceaff; color: #124d9b; transform: translateY(-1px); } .summary-table thead .sort-button.active { border-color: #1d6ff2; background: #1d6ff2; color: #fff; box-shadow: 0 3px 8px rgba(29, 111, 242, .25); } .summary-table th:nth-child(3), .summary-table td:nth-child(3) { width: 178px; } .summary-table th:nth-child(4), .summary-table td:nth-child(4) { width: 210px; } .summary-table th:nth-child(3), .summary-table th:nth-child(4) { padding-left: 18px; padding-right: 18px; } .summary-table th:nth-child(5), .summary-table td:nth-child(5) { width: 138px; } .summary-table th:nth-child(6), .summary-table td:nth-child(6) { width: 112px; } .summary-table th:nth-child(7), .summary-table td:nth-child(7) { width: 118px; } .summary-table th:nth-child(8), .summary-table td:nth-child(8) { width: 145px; } .summary-table th:nth-child(9), .summary-table td:nth-child(9) { width: 125px; } .summary-table th:nth-child(n+5):nth-child(-n+9), .summary-table td:nth-child(n+5):nth-child(-n+9) { padding-left: 16px; padding-right: 16px; } .summary-table th:nth-child(4), .summary-table td:nth-child(4) { border-left: 1px solid #d5e0ee; } .summary-table thead th:nth-child(n+3), .summary-table td.numeric { text-align: center; } .summary-table tbody tr { transition: background-color .15s ease; } .summary-table tbody tr:hover { background: #f4f8ff; } .summary-table tbody td { padding-top: 8px; padding-bottom: 8px; } .summary-table tbody td:first-child { color: #0b2344; font-weight: 800; } .summary-table .country-total { color: #0b54bd; font-weight: 850; } .summary-table .search-total { color: #111827; font-weight: 850; } .summary-table th:nth-child(1), .summary-table td:nth-child(1) { width: 210px; } .summary-table th:nth-child(2), .summary-table td:nth-child(2) { width: 115px; } .summary-table th:last-child, .summary-table td:last-child { width: 76px; } .table-card { margin-top: 14px; } .table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; min-width: 1080px; } th, td { padding: 13px 14px; border-bottom: 1px solid #e5eaf1; text-align: left; white-space: nowrap; } th { color: #526177; font-size: 13px; background: #f8faff; } td.numeric { font-variant-numeric: tabular-nums; } tr:last-child td { border-bottom: 0; } .tag { display: inline-block; border-radius: 99px; padding: 4px 9px; font-weight: 800; font-size: 12px; } .tag-blue { background: #dbeafe; color: #1256bd; } .tag-green { background: #d9fbe8; color: #087443; } .tag-purple { background: #eee3ff; color: #6930b8; } .tag-orange { background: #ffead0; color: #a54800; } .tag-red { background: #ffe0e0; color: #b3192b; } .tag-cyan { background: #d8f7f7; color: #08727a; } .tag-pink { background: #ffe0ef; color: #ac1e64; } .tag-indigo { background: #e2e5ff; color: #3d43b5; } .tag-lime { background: #e8f8c9; color: #527800; } .tag-slate { background: #e5eaf1; color: #42526a; } .link-button { background: transparent; color: #1763d7; padding: 3px; } .link-button:hover { background: transparent; color: #0d4ca9; text-decoration: underline; } dialog { width: min(1050px, calc(100vw - 32px)); border: 1px solid #d8e0eb; border-radius: 14px; padding: 24px; box-shadow: 0 18px 60px rgba(20, 35, 60, .25); } dialog::backdrop { background: rgba(15, 28, 49, .42); } .dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .icon-close { background: transparent; color: #39475c; font-size: 27px; line-height: 1; padding: 1px 6px; } .icon-close:hover { background: #f0f3f8; } .add-form { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 20px 0 5px; } label { display: grid; gap: 6px; color: #56657c; font-size: 13px; font-weight: 700; } input, select { height: 39px; min-width: 190px; border: 1px solid #cbd5e1; border-radius: 7px; padding: 8px 10px; background: #fff; color: #172033; } .category-panel { margin: 14px 0; border: 1px solid #dce4ef; border-radius: 10px; background: #fff; } .category-panel summary { cursor: pointer; padding: 12px 14px; color: #26354e; font-weight: 750; } .category-add-form { display: grid; grid-template-columns: minmax(200px, 1fr) 150px 245px auto; align-items: end; gap: 10px; padding: 0 14px 12px; } .category-list { display: grid; gap: 8px; padding: 0 14px 12px; } .category-edit-row { display: grid; grid-template-columns: minmax(180px, 1fr) 90px 245px 90px 74px auto auto; align-items: center; gap: 8px; } .category-edit-row input, .category-edit-row select { min-width: 0; width: 100%; } .category-row-count { color: #62718a; font-size: 13px; white-space: nowrap; } .color-picker { display: grid; grid-template-columns: repeat(10, 20px); align-items: center; gap: 4px; min-height: 39px; padding: 5px 7px; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8faff; } .color-picker.compact { min-width: 0; } .color-swatch { position: relative; width: 20px; height: 20px; padding: 0; border: 2px solid #fff; border-radius: 7px; background: var(--swatch); box-shadow: 0 0 0 1px rgba(23, 32, 51, .16); } .color-swatch:hover { transform: scale(1.08); background: var(--swatch); } .color-swatch.selected { box-shadow: 0 0 0 2px #172b4d, 0 0 0 4px #fff; } .color-swatch.selected::after { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 14px; font-weight: 900; text-shadow: 0 1px 2px rgba(0,0,0,.45); } .bulk-panel { margin: 14px 0 8px; border: 1px solid #dce4ef; border-radius: 10px; background: #f8faff; } .bulk-panel h3 { margin: 0; padding: 12px 14px 4px; color: #26354e; font-size: 16px; } .bulk-form { display: grid; grid-template-columns: minmax(0, 1fr) 190px auto; align-items: end; gap: 12px; padding: 2px 14px 14px; } .bulk-form textarea { width: 100%; min-height: 150px; resize: vertical; border: 1px solid #cbd5e1; border-radius: 7px; padding: 10px; background: #fff; color: #172033; } .manage-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 10px 0; } .manage-category-tabs { flex: 1; } .manage-category-tabs button { display: inline-flex; align-items: center; gap: 7px; } .category-count { min-width: 22px; padding: 2px 6px; border-radius: 99px; background: rgba(23, 32, 51, .09); font-size: 12px; text-align: center; } .manage-category-tabs button.active .category-count { background: rgba(255, 255, 255, .22); } .manage-table { min-width: 0; } .manage-table th:last-child, .manage-table td:last-child { width: 90px; text-align: right; } .manage-table th, .manage-table td { padding-top: 11px; padding-bottom: 11px; } .manage-toolbar .subtle { margin: 0; } .danger-button { background: #c32938; } .danger-button:hover { background: #a91f2c; } button:disabled { cursor: not-allowed; opacity: .5; } .check-cell { width: 46px; text-align: center; } .check-cell input { width: 17px; height: 17px; min-width: 0; margin: 0; vertical-align: middle; } .danger { color: #c32938; } .toast-region { position: fixed; top: 50%; left: 50%; right: auto; z-index: 10000; display: grid; gap: 10px; width: min(430px, calc(100vw - 32px)); transform: translate(-50%, -50%); pointer-events: none; } .app-toast { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 10px; padding: 13px 15px; border: 1px solid #bbdfca; border-radius: 12px; background: #f0fff6; color: #12633b; font-size: 14px; font-weight: 750; line-height: 1.45; box-shadow: 0 14px 36px rgba(18, 43, 72, .22); opacity: 0; transform: translateY(-12px) scale(.98); transition: opacity .2s ease, transform .2s ease; } .app-toast.visible { opacity: 1; transform: translateY(0) scale(1); } .app-toast.error { border-color: #f2bcc3; background: #fff2f3; color: #a7192a; } .app-toast.info { border-color: #bfd7f6; background: #f1f7ff; color: #1458a6; } .toast-icon { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #16a064; color: #fff; font-size: 17px; font-weight: 900; } .app-toast.error .toast-icon { background: #d63143; } .app-toast.info .toast-icon { background: #2776da; } #password-dialog { width: min(400px, calc(100vw - 32px)); } #password-form { display: flex; gap: 8px; margin-top: 15px; } #password-form input { width: 100%; min-width: 0; } @media (max-width: 760px) { .shell { width: min(100% - 24px, 1400px); margin-top: 20px; } header { display: flex; align-items: stretch; flex-direction: column; } .header-actions { width: 100%; } .data-freshness { min-width: 0; width: 100%; margin-left: 0; } .cards { grid-template-columns: repeat(2, 1fr); } .controls { grid-template-columns: 1fr; } .control-left { gap: 24px; } .trend-card { width: 100%; } #refresh { width: 100%; } .bulk-form, .category-add-form, .category-edit-row { grid-template-columns: 1fr; } .manage-toolbar { align-items: stretch; flex-direction: column; } dialog { padding: 17px; } }
 @media (max-width: 1180px) and (min-width: 761px) { .controls { grid-template-columns: minmax(360px, .8fr) minmax(430px, 1.2fr); } }
/* Fit the overview and detail tables into their containers without horizontal scrolling. */
.table-card > .table-wrap,
.details-table-wrap { overflow-x: hidden; }

.summary-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

/* On-demand multiline domain lookup above the CF and GSC data tables. */
.table-utility-row { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; }
.table-utility-row > .status { flex:1; margin:7px 0; }
.bulk-domain-lookup { position:relative; flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.bulk-domain-lookup > button { min-width:150px; }
.bulk-domain-lookup > .bulk-domain-lookup-clear { min-width:130px; }
.bulk-domain-lookup-clear[hidden] { display:none; }
.bulk-domain-lookup-popover { position:absolute; top:calc(100% + 8px); right:0; z-index:120; display:grid; gap:10px; width:min(430px, calc(100vw - 40px)); padding:14px; border:1px solid #b9cbea; border-radius:12px; background:#fff; box-shadow:0 16px 38px rgba(20,45,82,.24); }
.bulk-domain-lookup-popover[hidden] { display:none; }
.bulk-domain-lookup-popover label { color:#17365f; font-weight:850; }
.bulk-domain-lookup-popover textarea { width:100%; min-height:118px; resize:vertical; border:1px solid #b9c8dc; border-radius:8px; padding:9px 10px; background:#fbfdff; color:#172033; line-height:1.45; }
.bulk-domain-lookup-actions { display:flex; justify-content:flex-end; gap:8px; }
.bulk-domain-lookup-status { margin:0; color:#526984; font-size:12px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
@media (max-width:760px) {
  .table-utility-row { align-items:flex-start; }
  .bulk-domain-lookup-popover { right:-4px; }
}

.gsc-account-manager-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}
.gsc-account-manager-actions .primary-inline{margin:0}
#gsc-save-account-settings{min-width:180px}
.gsc-account-page{margin-top:18px;padding:24px 26px;overflow:hidden}
.gsc-account-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:4px}
.gsc-account-page-head h2{font-size:24px}
.gsc-account-page-head .subtle{margin:7px 0 0}
.gsc-account-table{min-width:1080px}
.gsc-account-table th:nth-child(1),.gsc-account-table td:nth-child(1){width:22%}
.gsc-account-table th:nth-child(2),.gsc-account-table td:nth-child(2){width:18%}
.gsc-account-table th:nth-child(3),.gsc-account-table td:nth-child(3){width:9%}
.gsc-account-table th:nth-child(4),.gsc-account-table td:nth-child(4){width:27%}
.gsc-account-table th:nth-child(5),.gsc-account-table td:nth-child(5){width:14%}
.gsc-account-table th:nth-child(6),.gsc-account-table td:nth-child(6){width:10%}
@media(max-width:760px){.gsc-account-page{padding:18px 16px}.gsc-account-manager-actions{align-items:stretch;flex-direction:column}.gsc-account-manager-actions button{width:100%}}

/* Unified management-password feedback: keep validation errors inside the active dialog. */
#password-form,
#gsc-password-form,
#cf-password-form,
#onboarding-password-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.password-inline-error {
  grid-column: 1 / -1;
  box-sizing: border-box;
  width: 100%;
  margin: 2px 0 0;
  padding: 10px 12px;
  border: 1.5px solid #fb7185;
  border-radius: 9px;
  background: #fff1f2;
  color: #be123c;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}
.password-inline-error[hidden],
.password-inline-error:empty { display: none !important; }
.chat-auth-error.password-inline-error { margin-top: 10px; }

/* Compact record detail actions and point-only chart value tooltips. */
.record-detail-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4em;
  min-width: 4em;
  padding: 8px 0;
  border-radius: 7px;
  background: #1d6ff2;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.record-detail-button:hover {
  background: #125ccc;
  color: #fff;
  text-decoration: none;
}
.trend-chart,
.gsc-trend-chart { position: relative; }
.trend-data-point {
  cursor: pointer;
  transition: r .12s ease;
}
.trend-data-point:hover { r: 5px; }
.trend-data-point.active { r: 5px; }
.trend-crosshair {
  stroke: #6f7e91;
  stroke-width: 1;
  stroke-dasharray: 3 2;
  pointer-events: none;
}
.trend-crosshair[hidden] { display: none; }
.trend-hover-zone {
  fill: transparent;
  cursor: crosshair;
  pointer-events: all;
}
.trend-value-tooltip {
  position: absolute;
  z-index: 5;
  min-width: 54px;
  padding: 7px 10px;
  border: 1px solid #cbd6e5;
  border-radius: 7px;
  background: rgba(255,255,255,.98);
  color: #24354f;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  text-align: center;
  box-shadow: 0 7px 18px rgba(25,47,79,.18);
  transform: translateX(-50%);
  pointer-events: none;
}
.trend-value-tooltip[hidden] { display: none; }
.trend-combined-tooltip {
  min-width: 150px;
  padding: 9px 12px;
  transform: none;
}
.trend-tooltip-row {
  display: grid;
  grid-template-columns: 15px minmax(60px, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 25px;
  text-align: left;
}
.trend-tooltip-row i {
  width: 14px;
  height: 4px;
  border-radius: 4px;
  background: var(--series-color);
}
.trend-tooltip-row span {
  color: #647187;
  font-weight: 700;
}
.trend-tooltip-row strong {
  color: #26364e;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

/* Management category order: draggable handle with immediate global persistence. */
.category-edit-row {
  grid-template-columns: 34px minmax(180px, 1fr) 90px 245px 90px 74px auto;
}
.category-sort-handle {
  display: grid;
  place-items: center;
  width: 32px;
  height: 39px;
  padding: 0;
  border: 1px solid #b8c8de;
  border-radius: 8px;
  background: #f3f7fd;
  color: #31557f;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  cursor: grab;
  user-select: none;
}
.category-sort-handle:hover {
  border-color: #7ea9e5;
  background: #e7f0fd;
  color: #155ab7;
}
.category-sort-handle:active { cursor: grabbing; }
.category-edit-row.dragging { opacity: .58; }
.category-edit-row.dragging .category-sort-handle {
  background: #1d6ff2;
  color: #fff;
}
@media (max-width: 760px) {
  .category-edit-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }
  .category-edit-row > :not(.category-sort-handle) {
    grid-column: 2;
  }
  .category-sort-handle {
    grid-column: 1;
    grid-row: 1;
  }
}

/* Unified management accordions and persistent scan feedback. */
.category-panel,
.cf-reconcile-panel {
  overflow: visible;
  border-radius: 14px;
}
.category-panel > summary,
.cf-reconcile-panel > summary {
  position: relative;
  min-height: 58px;
  padding: 13px 62px 13px 20px;
  border-radius: 11px;
}
.category-panel > summary::after,
.cf-reconcile-panel > summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 11px;
  height: 11px;
  border: 0;
  border-right: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  border-radius: 0;
  background: transparent;
  transform: translateY(-68%) rotate(45deg);
  transition: transform .18s ease;
}
.category-panel[open] > summary::after,
.cf-reconcile-panel[open] > summary::after {
  transform: translateY(-28%) rotate(225deg);
}
.cf-reconcile-summary-counts { margin-right: 12px; }
.category-panel[open],
.cf-reconcile-panel[open] {
  border: 2px solid #2677e8;
  border-radius: 14px;
  background: #f5f9ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 24px rgba(20,82,168,.12);
}
.category-panel[open] > summary,
.cf-reconcile-panel[open] > summary {
  margin-bottom: 0;
  border-color: #245fa9;
  border-radius: 11px 11px 0 0;
  background: linear-gradient(135deg, #1557ad 0%, #237cf1 100%);
  color: #fff;
  box-shadow: 0 5px 13px rgba(18,82,170,.20);
}
.category-panel[open] .category-add-form {
  padding: 22px 20px 14px;
  background: #f5f9ff;
}
.category-panel[open] .category-list {
  padding: 0 20px 14px;
  background: #f5f9ff;
}
.category-panel[open] > .subtle {
  margin: 0;
  padding: 8px 20px 18px;
  background: #f5f9ff;
}
.central-task-notice {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 12000;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  width: min(520px, calc(100vw - 36px));
  padding: 20px 22px;
  border: 1px solid #9fc7fa;
  border-radius: 16px;
  background: rgba(245,250,255,.98);
  color: #123a70;
  box-shadow: 0 22px 70px rgba(7,32,72,.30), 0 0 0 9999px rgba(8,25,51,.12);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,-46%) scale(.97);
  transition: opacity .2s ease, transform .2s ease;
}
.central-task-notice.active { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.central-task-notice strong { display:block; font-size:18px; font-weight:900; }
.central-task-notice small { display:block; margin-top:5px; color:#5e7390; font-size:14px; line-height:1.45; }
.central-task-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #cfe1fa;
  border-top-color: #1d6ff2;
  border-radius: 50%;
  animation: central-task-spin .8s linear infinite;
}
.central-task-result { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#18a467; color:#fff; font-size:24px; font-weight:900; }
.central-task-notice.error { border-color:#efb0b8; background:#fff7f8; color:#9b1c2c; }
.central-task-notice.error .central-task-result { background:#d43145; }
@keyframes central-task-spin { to { transform: rotate(360deg); } }
.summary-table th,
.summary-table td { padding-left: 10px; padding-right: 10px; }
.summary-table th:nth-child(1), .summary-table td:nth-child(1) { width: 15%; }
.summary-table th:nth-child(2), .summary-table td:nth-child(2) { width: 8%; }
.summary-table th:nth-child(3), .summary-table td:nth-child(3) { width: 11%; }
.summary-table th:nth-child(4), .summary-table td:nth-child(4) { width: 13%; }
.summary-table th:nth-child(5), .summary-table td:nth-child(5) { width: 10%; }
.summary-table th:nth-child(6), .summary-table td:nth-child(6) { width: 8%; }
.summary-table th:nth-child(7), .summary-table td:nth-child(7) { width: 8%; }
.summary-table th:nth-child(8), .summary-table td:nth-child(8) { width: 10%; }
.summary-table th:nth-child(9), .summary-table td:nth-child(9) { width: 10%; }
.summary-table th:nth-child(10), .summary-table td:nth-child(10) { width: 7%; }
.summary-table th:nth-child(n+3):nth-child(-n+9),
.summary-table td:nth-child(n+3):nth-child(-n+9) { padding-left: 12px; padding-right: 12px; }
.summary-table .country-total { color: #0b54bd; font-weight: 850; }
.summary-table .search-total { color: #111827; font-weight: 850; }
.zero-alert-value {
  display: inline-flex;
  min-width: 42px;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border: 2px solid #e33446;
  border-radius: 999px;
  background: #fff0f2;
  color: #c7192d;
  font-weight: 900;
  line-height: 1.2;
}

.details-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.details-table th,
.details-table td {
  padding: 12px 7px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.details-table th { white-space: normal; line-height: 1.25; }
.details-table th:nth-child(1), .details-table td:nth-child(1) { width: 14%; text-align: left; }
.details-table th:nth-child(2), .details-table td:nth-child(2) { width: 15%; }
.details-table th:nth-child(3), .details-table td:nth-child(3) { width: 18%; }
.details-table th:nth-child(4), .details-table td:nth-child(4) { width: 11%; }
.details-table th:nth-child(5), .details-table td:nth-child(5) { width: 9%; }
.details-table th:nth-child(6), .details-table td:nth-child(6) { width: 9%; }
.details-table th:nth-child(7), .details-table td:nth-child(7) { width: 13%; }
.details-table th:nth-child(8), .details-table td:nth-child(8) { width: 11%; }
.details-table .country-total { color: #0b54bd; font-weight: 850; }
.details-table .search-total { color: #111827; font-weight: 850; }

@media (max-width: 900px) {
  .summary-table thead th { font-size: 13px; }
  .summary-table th, .summary-table td { padding-left: 5px; padding-right: 5px; }
  .summary-table thead .sort-button { width: 18px; height: 18px; margin-left: 2px; }
}

/* Center the action header and every details button in the same column. */
.summary-table th:last-child,
.summary-table td:last-child {
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
}
.summary-table td:last-child .link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

/* PH plugin records */
#open-ph-plugins {
  border: 2px solid #ffd36a;
  background: linear-gradient(180deg, #fff6d8 0%, #ffd875 100%);
  color: #704300;
  box-shadow: 0 8px 18px rgba(65, 37, 0, .2);
}
#open-ph-plugins:hover { background: #ffe39a; color: #4f2f00; }
.ph-plugins-dialog { width: min(1380px, calc(100vw - 28px)); max-height: calc(100vh - 28px); }
.ph-plugin-controls { display: grid; grid-template-columns: auto 220px 220px auto; align-items: center; gap: 10px; margin: 16px 0 12px; }
.ph-plugin-controls select,
.ph-plugin-controls input { width: 100%; min-width: 0; }
#ph-plugin-periods { flex-wrap: nowrap; }
#ph-plugin-periods button { background: #edf2f9; color: #33425a; white-space: nowrap; }
#ph-plugin-periods button.active { background: #1d6ff2; color: #fff; }
#add-ph-plugin-record { white-space: nowrap; }
.ph-plugin-counts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.ph-plugin-counts span { padding: 7px 10px; border-radius: 8px; background: #eef3fa; color: #41536f; font-size: 13px; }
.ph-plugin-counts strong { color: #122d53; font-size: 15px; }
.ph-plugin-counts .good { background: #e7f8ef; color: #087443; }
.ph-plugin-counts .warn { background: #fff0f1; color: #b3192b; }
.ph-plugin-import { margin: 8px 0 12px; padding: 0; box-shadow: none; }
.ph-plugin-import summary { cursor: pointer; padding: 11px 13px; color: #28456d; font-weight: 800; }
#ph-plugin-bulk-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; padding: 0 13px 13px; }
#ph-plugin-bulk-form textarea,
.ph-record-form textarea { width: 100%; resize: vertical; border: 1px solid #cbd5e1; border-radius: 7px; padding: 9px 10px; background: #fff; color: #172033; }
.ph-plugin-table-wrap { overflow-x: hidden; }
.ph-plugin-table { width: 100%; min-width: 0; table-layout: fixed; }
.ph-plugin-table th,
.ph-plugin-table td { padding: 10px 8px; text-align: center; }
.ph-plugin-table th:nth-child(1), .ph-plugin-table td:nth-child(1) { width: 19%; text-align: left; }
.ph-plugin-table th:nth-child(2), .ph-plugin-table td:nth-child(2) { width: 10%; }
.ph-plugin-table th:nth-child(3), .ph-plugin-table td:nth-child(3) { width: 10%; }
.ph-plugin-table th:nth-child(4), .ph-plugin-table td:nth-child(4) { width: 12%; }
.ph-plugin-table th:nth-child(5), .ph-plugin-table td:nth-child(5) { width: 9%; }
.ph-plugin-table th:nth-child(6), .ph-plugin-table td:nth-child(6) { width: 15%; }
.ph-plugin-table th:nth-child(7), .ph-plugin-table td:nth-child(7) { width: 14%; }
.ph-plugin-table th:nth-child(8), .ph-plugin-table td:nth-child(8) { width: 11%; }
.ph-plugin-table .ph-domain { color: #0b2344; font-weight: 800; }
.ph-plugin-table .ph-traffic { color: #0b54bd; font-weight: 850; font-variant-numeric: tabular-nums; }
.ph-plugin-table tr.traffic_only { background: #fff6f7; }
.ph-plugin-table tr.record_only { background: #fffaf0; }
.record-status { display: inline-block; padding: 4px 8px; border-radius: 99px; font-size: 12px; font-weight: 800; }
.record-status.matched { background: #daf7e7; color: #087443; }
.record-status.missing { background: #ffe0e4; color: #b3192b; }
.record-status.orphan { background: #ffedc7; color: #8a5300; }
.ph-record-dialog { width: min(760px, calc(100vw - 32px)); }
.ph-record-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 18px; }
.ph-record-form input,
.ph-record-form select { width: 100%; min-width: 0; }
.ph-record-form .full-row { grid-column: 1 / -1; }
.form-actions { display: flex; justify-content: flex-end; gap: 9px; }

@media (max-width: 900px) {
  .ph-plugin-controls { grid-template-columns: 1fr 1fr; }
  #ph-plugin-periods { grid-column: 1 / -1; flex-wrap: wrap; }
  .ph-plugin-table th, .ph-plugin-table td { padding: 8px 4px; font-size: 12px; }
  .ph-plugin-table th:nth-child(4), .ph-plugin-table td:nth-child(4),
  .ph-plugin-table th:nth-child(5), .ph-plugin-table td:nth-child(5) { display: none; }
  #ph-plugin-bulk-form { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .ph-plugin-controls, .ph-record-form { grid-template-columns: 1fr; }
  .ph-record-form .full-row { grid-column: auto; }
  .ph-plugin-table th:nth-child(3), .ph-plugin-table td:nth-child(3),
  .ph-plugin-table th:nth-child(7), .ph-plugin-table td:nth-child(7) { display: none; }
}

/* Keep long PH record values inside their cells. */
.ph-plugin-table td:nth-child(1),
.ph-plugin-table td:nth-child(6) {
  overflow-wrap: anywhere;
  white-space: normal;
}

/* PH record semantic colors */
.ph-plugin-counts .expired { background: #ffe4e6; color: #b3192b; }
.ph-plugin-table tr.record_only { background: #fff3f4; }
.record-status.orphan { background: #dc3545; color: #fff; }
.ph-cwv,
.ph-score,
.ph-cache { font-weight: 850; }
.ph-cwv.pass,
.ph-score.good { color: #079447; }
.ph-cwv.fail { color: #d51f32; }
.ph-score.low,
.ph-cache.litespeed { color: #f06a00; }
.ph-cache.rocket,
.ph-cache.other { color: #111827; }
.ph-cache.none { color: #dc2638; }
/* Distinguish missing records from expired domains. */
.ph-plugin-counts .warn { background: #fff0cf; color: #9a5800; }
.ph-plugin-table tr.traffic_only { background: #fffaf0; }
.record-status.missing { background: #ffdf9b; color: #8a4b00; }
/* PH plugin record selection, compact nine-column layout and cache choices. */
.ph-plugin-controls { grid-template-columns: auto 220px 220px auto auto; }
.ph-plugin-table th:nth-child(1), .ph-plugin-table td:nth-child(1) { width: 4%; text-align: center; }
.ph-plugin-table th:nth-child(2), .ph-plugin-table td:nth-child(2) { width: 18%; text-align: left; }
.ph-plugin-table th:nth-child(3), .ph-plugin-table td:nth-child(3) { width: 9%; }
.ph-plugin-table th:nth-child(4), .ph-plugin-table td:nth-child(4) { width: 9%; }
.ph-plugin-table th:nth-child(5), .ph-plugin-table td:nth-child(5) { width: 11%; }
.ph-plugin-table th:nth-child(6), .ph-plugin-table td:nth-child(6) { width: 8%; }
.ph-plugin-table th:nth-child(7), .ph-plugin-table td:nth-child(7) { width: 14%; }
.ph-plugin-table th:nth-child(8), .ph-plugin-table td:nth-child(8) { width: 14%; }
.ph-plugin-table th:nth-child(9), .ph-plugin-table td:nth-child(9) { width: 13%; }
.ph-plugin-table td:nth-child(2),
.ph-plugin-table td:nth-child(7) { overflow-wrap: anywhere; white-space: normal; }
.cache-choice { min-width: 0; margin: 0; padding: 0; border: 0; }
.cache-choice legend { margin-bottom: 7px; color: #56657c; font-size: 13px; font-weight: 700; }
.cache-choice-options { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.cache-choice-options label { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #172033; cursor: pointer; }
.cache-choice-options label:has(input:checked) { border-color: #1d6ff2; background: #edf5ff; box-shadow: 0 0 0 2px rgba(29,111,242,.12); }
.cache-choice-options input[type="radio"] { width: 17px; height: 17px; min-width: 0; margin: 0; }
.cache-choice-options > input { flex: 1 1 220px; min-width: 180px; }
@media (max-width: 900px) {
  .ph-plugin-controls { grid-template-columns: 1fr 1fr; }
  .ph-plugin-table th:nth-child(5), .ph-plugin-table td:nth-child(5),
  .ph-plugin-table th:nth-child(6), .ph-plugin-table td:nth-child(6) { display: none; }
}
@media (max-width: 600px) {
  .ph-plugin-table th:nth-child(4), .ph-plugin-table td:nth-child(4),
  .ph-plugin-table th:nth-child(8), .ph-plugin-table td:nth-child(8) { display: none; }
}
/* Independent PH plugin workspace page. */
.ph-plugins-page { margin-top: 28px; }
.ph-plugins-page[hidden] { display: none; }
.subpage-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding: 22px 26px; border: 1px solid #d8e3f1; border-radius: 16px; background: linear-gradient(135deg, #071a3a 0%, #0b3474 58%, #176fe8 100%); box-shadow: 0 12px 30px rgba(7,35,80,.18); }
.subpage-head h1 { margin: 2px 0 4px; color: #fff; font-size: 32px; }
.subpage-head .subtle { color: #c9dcf7; }
.back-home { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 10px 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 9px; background: rgba(255,255,255,.14); color: #fff; font-weight: 800; text-decoration: none; }
.back-home:hover { background: rgba(255,255,255,.24); }
@media (max-width: 700px) { .subpage-head { align-items: stretch; flex-direction: column; } .back-home { width: 100%; } }

/* Ten-column PH plugin table with search-engine total. */
.ph-plugin-table th:nth-child(1), .ph-plugin-table td:nth-child(1) { width: 4%; text-align: center; }
.ph-plugin-table th:nth-child(2), .ph-plugin-table td:nth-child(2) { width: 17%; text-align: left; }
.ph-plugin-table th:nth-child(3), .ph-plugin-table td:nth-child(3) { width: 9%; }
.ph-plugin-table th:nth-child(4), .ph-plugin-table td:nth-child(4) { width: 11%; }
.ph-plugin-table th:nth-child(5), .ph-plugin-table td:nth-child(5) { width: 8%; }
.ph-plugin-table th:nth-child(6), .ph-plugin-table td:nth-child(6) { width: 10%; }
.ph-plugin-table th:nth-child(7), .ph-plugin-table td:nth-child(7) { width: 8%; }
.ph-plugin-table th:nth-child(8), .ph-plugin-table td:nth-child(8) { width: 13%; }
.ph-plugin-table th:nth-child(9), .ph-plugin-table td:nth-child(9) { width: 11%; }
.ph-plugin-table th:nth-child(10), .ph-plugin-table td:nth-child(10) { width: 9%; }
.ph-plugin-table .ph-search { color: #111827; font-weight: 850; font-variant-numeric: tabular-nums; }
.ph-plugin-table td:nth-child(2), .ph-plugin-table td:nth-child(8) { overflow-wrap: anywhere; white-space: normal; }
@media (max-width: 900px) {
.ph-plugin-table th:nth-child(n), .ph-plugin-table td:nth-child(n) { display: table-cell; }
.ph-plugin-table th:nth-child(6), .ph-plugin-table td:nth-child(6), .ph-plugin-table th:nth-child(7), .ph-plugin-table td:nth-child(7) { display: none; }
}
@media (max-width: 600px) {
.ph-plugin-table th:nth-child(5), .ph-plugin-table td:nth-child(5), .ph-plugin-table th:nth-child(6), .ph-plugin-table td:nth-child(6), .ph-plugin-table th:nth-child(7), .ph-plugin-table td:nth-child(7), .ph-plugin-table th:nth-child(9), .ph-plugin-table td:nth-child(9) { display: none; }
}

/* GSC secondary workspace. */
.header-nav-button { position:relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 9px 13px; border: 1px solid rgba(255,255,255,.45); border-radius: 8px; background: rgba(255,255,255,.14); color: #fff; font-weight: 750; text-decoration: none; }
.header-nav-button:hover { background: rgba(255,255,255,.24); }
.gsc-page { margin-top: 28px; }
.gsc-head-actions { display: grid; gap: 9px; width: 230px; }
.gsc-head-actions button, .gsc-head-actions .back-home { width: 100%; }
#gsc-connect { background: #fff; color: #1556a9; }
#gsc-refresh { border: 1px solid #7eb6ff; background: #1670e8; }
.gsc-toolbar { display: grid; grid-template-columns: auto minmax(220px, 340px) 1fr; align-items: center; gap: 16px; padding: 15px 17px; }
.gsc-toolbar input { width: 100%; min-width: 0; }
.gsc-state { justify-self: end; color: #526177; font-size: 14px; font-weight: 800; }
.gsc-account-bar { display: flex; align-items: center; gap: 14px; margin-top: 12px; padding: 12px 17px; }
.gsc-account-list { display: flex; flex-wrap: wrap; gap: 8px; }
.gsc-account-chip { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: #e8f2ff; color: #1556a9; font-size: 13px; font-weight: 800; }
.gsc-cards { margin-top: 18px; }
.gsc-table-wrap { overflow-x: hidden; }
.gsc-table { width: 100%; min-width: 0; table-layout: fixed; }
.gsc-table th, .gsc-table td { text-align: center; padding: 10px 12px; }
.gsc-table th:first-child, .gsc-table td:first-child { width: 38%; text-align: left; }
.gsc-table th:nth-child(2), .gsc-table td:nth-child(2) { width: 12%; }
.gsc-table th:nth-child(3), .gsc-table td:nth-child(3) { width: 14%; }
.gsc-table th:nth-child(4), .gsc-table td:nth-child(4) { width: 12%; }
.gsc-table th:nth-child(5), .gsc-table td:nth-child(5) { width: 12%; }
.gsc-table th:nth-child(6), .gsc-table td:nth-child(6) { width: 12%; }
.gsc-table thead th { border-bottom: 2px solid #a9bfdf; background: #edf4ff; color: #17365f; font-size: 15px; font-weight: 850; }
.gsc-table .sort-button {
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  margin-left: 4px;
  padding: 0;
  border: 1px solid #aac0dd;
  border-radius: 6px;
  background: #edf4fd;
  color: #24558f;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  vertical-align: middle;
  box-shadow: none;
}
.gsc-table .sort-button:hover {
  background: #dceaff;
  color: #124d9b;
  transform: translateY(-1px);
}
.gsc-table .sort-button.active {
  border-color: #1d6ff2;
  background: #1d6ff2;
  color: #fff;
  box-shadow: 0 3px 8px rgba(29, 111, 242, .25);
}
.gsc-site { color: #0b2344; font-weight: 850; overflow-wrap: anywhere; white-space: normal; }
.gsc-clicks { color: #0b54bd; font-weight: 850; }
.gsc-table .gsc-metric-value { font-weight: 850; }
.gsc-table .gsc-ranking-highlight {
  display: inline-flex;
  min-width: 42px;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border: 2px solid #16a064;
  border-radius: 999px;
  background: #e9fbf1;
  color: #087443;
  font-weight: 900;
  line-height: 1.2;
}
.gsc-table .gsc-ranking-warning {
  display: inline-flex;
  min-width: 42px;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border: 2px solid #ed8a18;
  border-radius: 999px;
  background: #fff3df;
  color: #a95400;
  font-weight: 900;
  line-height: 1.2;
}
.gsc-final, .gsc-partial { display: inline-block; padding: 4px 8px; border-radius: 99px; font-size: 12px; font-weight: 800; }
.gsc-final { background: #dff8e9; color: #087443; }
.gsc-partial { background: #fff0cf; color: #9a5800; }
#gsc-password-dialog { width: min(400px, calc(100vw - 32px)); }
#gsc-password-form { display: flex; gap: 8px; margin-top: 15px; }
#gsc-password-form input { width: 100%; min-width: 0; }
@media (max-width: 760px) {
  .gsc-head-actions { width: 100%; }
  .gsc-toolbar { grid-template-columns: 1fr; }
  .gsc-state { justify-self: start; }
  .gsc-table th:first-child, .gsc-table td:first-child { width: 42%; }
  .gsc-table th:nth-child(6), .gsc-table td:nth-child(6) { display: none; }
}

/* Operations management center. */
.management-shell { width: min(1400px, calc(100% - 40px)); }
.management-header {
  grid-template-columns: minmax(260px, .8fr) minmax(620px, 1.6fr);
  min-height: 170px;
  align-items: center;
}
.management-header > div,
.management-header-actions { align-self: center; }
.management-header > div > p:last-child {
  margin: 7px 0 0;
  color: #d8e8ff;
  line-height: 1.5;
}
.management-header-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  justify-self: end;
  width: min(820px, 100%);
  gap: 10px;
}
.management-header-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 9px;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-size: 16px;
  font-weight: 850;
  text-decoration: none;
}
.management-header-actions a:hover,
.management-header-actions a.active {
  border-color: #ffca55;
  background: linear-gradient(180deg, #fff3c5, #ffd66f);
  color: #6f3d00;
  box-shadow: 0 7px 18px rgba(4,24,57,.22);
}
.management-card { padding: 20px; }
.management-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.management-section-head h2 { color: #102f5c; font-size: 24px; }
.management-section-head p:last-child { margin: 5px 0 0; color: #62718a; }
.management-domain-toolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  margin: 16px -20px 0;
  padding: 13px 20px;
  border-top: 1px solid #d8e4f3;
  border-bottom: 1px solid #bfd0e7;
  background: #fff;
  box-shadow: 0 7px 16px rgba(20,54,99,.10);
}
.management-domain-actions { display:flex; align-items:center; gap:10px; }
.management-domain-actions #bulk-move-domains { background:#1d6ff2; color:#fff; }
.management-domain-table-wrap { margin-right:-20px; margin-left:-20px; overflow:visible; }
.management-domain-table thead th {
  position: sticky;
  top: 69px;
  z-index: 15;
  border-bottom: 2px solid #abc2df;
  background: #edf4fd;
}
.management-domain-table { table-layout:fixed; }
.management-domain-table th:nth-child(3),
.management-domain-table td:nth-child(3) { width: 29%; }
.management-domain-table th:nth-child(4),
.management-domain-table td:nth-child(4) { width: 14%; text-align: center; }
.management-domain-table th:nth-child(5),
.management-domain-table td:nth-child(5) { width: 16%; text-align: center; }
.manage-table.management-domain-table th:last-child,
.manage-table.management-domain-table td:last-child { width:205px; text-align:center; }
.management-domain-row-actions { display:flex; align-items:center; justify-content:center; gap:8px; }
.compact-move,.compact-danger { min-width:78px; padding:7px 10px; }
.compact-move { border:1px solid #1d6ff2; background:#edf5ff; color:#145fc9; }
.compact-move:hover { background:#1d6ff2; color:#fff; }
.domain-cf-pending-row { background:#fff5f6; }
.domain-cf-pending-row:hover { background:#ffecef; }
.manage-category-tabs button { position:relative; }
.manage-category-tabs .category-pending-badge { position:absolute; top:-9px; right:-7px; min-width:25px; height:25px; margin:0; padding:0 6px; }
.cf-reconcile-panel { margin: 14px 0; overflow: hidden; border: 1px solid #bed4f3; border-radius: 12px; background: #f8fbff; }
.cf-reconcile-panel > summary { display:flex; justify-content:space-between; align-items:center; gap:16px; cursor:pointer; padding:14px 16px; background:#eaf3ff; color:#17365f; font-weight:850; }
.cf-reconcile-summary-counts { color:#55708f; font-size:13px; font-weight:700; }
.cf-reconcile-summary-counts b { color:#c32938; }
.cf-reconcile-content { padding:16px; }
.cf-reconcile-head { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.cf-reconcile-head h3 { margin:0 0 4px; color:#17365f; }
.cf-reconcile-head p { margin:0; color:#62718a; }
.cf-reconcile-tabs { display:flex; gap:8px; margin:14px 0; border-bottom:1px solid #cfddf0; }
.cf-reconcile-tabs button { border-radius:9px 9px 0 0; background:#dfe9f7; color:#405573; }
.cf-reconcile-tabs button.active { background:#1d6ff2; color:#fff; }
.cf-reconcile-tabs span { display:inline-grid; place-items:center; min-width:22px; margin-left:5px; padding:1px 6px; border-radius:99px; background:rgba(255,255,255,.6); color:inherit; }
.cf-reconcile-actions { display:flex; align-items:end; justify-content:flex-end; gap:12px; margin:10px 0; }
.cf-reconcile-actions .plain-check { display:flex; align-items:center; gap:7px; margin-right:auto; }
.cf-reconcile-actions input[type=checkbox] { width:18px; height:18px; min-width:0; }
.cf-reconcile-warning { padding:10px 12px; border:1px solid #f2ce7b; border-radius:9px; background:#fff6dc; color:#805512; }
.cf-reconcile-table { min-width:720px; background:#fff; }
.cf-reconcile-table th:first-child,.cf-reconcile-table td:first-child { width:52px; text-align:center; }
.compact-danger { padding: 7px 12px; color: #fff; }
.move-category-dialog { width:min(760px,calc(100vw - 32px)); min-height:500px; overflow:visible; }
.move-category-form { display:grid; gap:18px; margin-top:18px; }
.move-category-form label { display:grid; gap:8px; }
.move-category-form select { width:100%; }
.move-category-form .category-select-shell { width:100%; }
.move-category-form .category-select-trigger { width:100%; justify-content:space-between; }
.move-category-dialog .category-select-menu { z-index:5000; max-height:330px; }
.operation-log-counts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
  margin: 14px 0;
}
.operation-log-counts article {
  padding: 15px 17px;
  border: 1px solid #d7e2f0;
  border-radius: 11px;
  background: #f8fbff;
}
.operation-log-counts span { display: block; color: #526984; font-size: 13px; font-weight: 800; }
.operation-log-counts strong { display: block; margin-top: 5px; color: #102f5c; font-size: 24px; }
.operation-log-filter {
  display: grid;
  grid-template-columns: 210px 180px minmax(260px,1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 14px;
  border: 1px solid #d4e1f1;
  border-radius: 11px;
  background: #f2f7ff;
}
.operation-log-filter input,
.operation-log-filter select { width: 100%; }
.operation-log-table { min-width: 1320px; table-layout: fixed; }
.operation-log-table th { background: #edf4ff; color: #17365f; }
.operation-log-table th:nth-child(1) { width: 135px; }
.operation-log-table th:nth-child(2) { width: 110px; }
.operation-log-table th:nth-child(3) { width: 155px; }
.operation-log-table th:nth-child(4) { width: 190px; }
.operation-log-table th:nth-child(5) { width: 260px; }
.operation-log-table th:nth-child(6) { width: 105px; }
.operation-log-table th:nth-child(8) { width: 80px; }
.operation-log-table td { vertical-align: middle; }
.operation-operator { display:inline-flex; align-items:center; padding:5px 10px; border-radius:7px; color:#fff; font-size:12px; font-weight:900; white-space:nowrap; box-shadow:0 2px 6px rgba(15,35,68,.18); }
.operation-operator.operator-red { background:#d92d45; }
.operation-operator.operator-blue { background:#1769d2; }
.operation-operator.operator-green { background:#078a51; }
.operation-operator.operator-purple { background:#7137c8; }
.operation-operator.operator-yellow { background:#d97706; }
.operation-operator.operator-system { background:#475569; }
.operation-module-badge {
  display: inline-flex;
  padding: 5px 9px;
  border: 1.5px solid #6da2e8;
  border-radius: 7px;
  background: #eaf3ff;
  color: #1255a2;
  font-size: 12px;
  font-weight: 850;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.32);
}
.operation-module-badge.module-blue { background:#1769d2; border-color:#0e4fa8; color:#fff; }
.operation-module-badge.module-indigo { background:#7137c8; border-color:#54249f; color:#fff; }
.operation-module-badge.module-purple { background:#b72579; border-color:#8e185b; color:#fff; }
.operation-module-badge.module-green { background:#078a51; border-color:#056b3f; color:#fff; }
.operation-module-badge.module-cyan { background:#078a9b; border-color:#056b78; color:#fff; }
.operation-module-badge.module-yellow { background:#f2c230; border-color:#c58e00; color:#4b3300; }
.operation-module-badge.module-orange { background:#d97706; border-color:#a95300; color:#fff; }
.operation-module-badge.module-pink { background:#d92d63; border-color:#ae1c4a; color:#fff; }
.operation-module-badge.module-teal { background:#087f6b; border-color:#056353; color:#fff; }
.operation-module-badge.module-rose { background:#d92d45; border-color:#ad1d32; color:#fff; }
.operation-module-badge.module-gray { background:#5f6b7a; border-color:#46515f; color:#fff; }
.operation-module-badge.module-slate { background:#475569; border-color:#334155; color:#fff; }
.operation-log-action { color: #112e55; }
.operation-log-target,
.operation-log-summary {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}
.operation-log-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
}
.operation-log-badge.success { background: #daf7e7; color: #087542; }
.operation-log-badge.failed { background: #ffe0e4; color: #b31e31; }
.operation-log-badge.warning { background: #fff0c7; color: #9b5b00; }
.operation-log-badge.accepted { background: #e2efff; color: #125bb6; }
.operation-log-badge.unknown { background: #e8edf3; color: #526173; }
.operation-log-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 16px;
}
.operation-log-dialog { width: min(760px, calc(100vw - 32px)); }
.operation-log-dialog dl {
  display: grid;
  grid-template-columns: 110px minmax(0,1fr);
  gap: 0;
  margin: 18px 0 0;
  border: 1px solid #dce5f1;
  border-radius: 10px;
  overflow: hidden;
}
.operation-log-dialog dt,
.operation-log-dialog dd { margin: 0; padding: 11px 13px; border-bottom: 1px solid #e3eaf4; }
.operation-log-dialog dt { background: #edf4ff; color: #27486f; font-weight: 850; }
.operation-log-dialog dd { overflow-wrap: anywhere; color: #203755; }
.operation-log-dialog dt:nth-last-of-type(1),
.operation-log-dialog dd:last-child { border-bottom: 0; }
.operation-log-dialog pre {
  max-height: 240px;
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  font: 13px/1.55 Consolas, monospace;
}
.operation-detail-group + .operation-detail-group { margin-top: 12px; }
.operation-detail-group > strong { display: block; margin-bottom: 7px; color: #153e71; }
.operation-detail-group ul { margin: 0; padding: 0; list-style: none; }
.operation-detail-group li {
  display: grid;
  grid-template-columns: 110px minmax(0,1fr);
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px dashed #dce5f1;
}
.operation-detail-group li:last-child { border-bottom: 0; }
.operation-detail-group li span { color: #647a94; }
.operation-detail-group li b { overflow-wrap: anywhere; color: #203755; font-weight: 750; }

/* Project index manager. */
.index-manager-card { display: grid; gap: 16px; }
.index-manager-title { margin-bottom: 0; }
.index-summary-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
}
.index-summary-cards article {
  min-height: 92px;
  padding: 16px 18px;
  border: 1px solid #d2dfef;
  border-radius: 12px;
  background: linear-gradient(180deg,#fbfdff,#f3f8ff);
}
.index-summary-cards span { display: block; color: #526984; font-size: 13px; font-weight: 800; }
.index-summary-cards strong { display: block; margin-top: 8px; color: #102f5c; font-size: 25px; }
.index-subnav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; padding: 10px; border: 1px solid #cddbf0; border-radius: 12px; background: #edf4ff; }
.index-subnav button { border: 1px solid #b8cae3; background: #fff; color: #29496f; }
.index-subnav button.active { border-color: #1d6ff2; background: #1d6ff2; color: #fff; box-shadow: 0 5px 13px rgba(29,111,242,.22); }
.index-panel { padding: 16px; border: 1px solid #d5e1ef; border-radius: 12px; background: #fff; }
.index-panel[hidden] { display: none; }
.index-project-filter { display: grid; grid-template-columns: 190px minmax(280px,1fr) auto; align-items: end; gap: 12px; padding: 13px; border: 1px solid #d4e1f1; border-radius: 11px; background: #f4f8fe; }
.index-project-filter input,.index-project-filter select { width: 100%; }
.index-project-table { min-width: 1180px; table-layout: fixed; }
.index-project-table th { background: #edf4ff; color: #17365f; }
.index-project-table th:nth-child(1) { width: 210px; }
.index-project-table th:nth-child(2) { width: 160px; }
.index-project-table th:nth-child(3) { width: 120px; }
.index-project-table th:nth-child(4) { width: 180px; }
.index-project-table th:nth-child(5) { width: 105px; }
.index-project-table th:nth-child(6),.index-project-table th:nth-child(7) { width: 115px; text-align: right; }
.index-project-table th:nth-child(8) { width: 105px; }
.index-project-table td small { display: block; margin-top: 4px; color: #6a7890; }
.index-change { display: inline-flex; min-width: 72px; justify-content: flex-end; font-weight: 850; }
.index-change.up { color: #078653; }.index-change.down { color: #c32938; }.index-change.flat { color: #65758b; }
.index-import-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); gap: 16px; }
.index-import-form,.index-import-notes { padding: 18px; border: 1px solid #cbdbee; border-radius: 12px; }
.index-import-form { display: grid; grid-template-columns: 180px minmax(260px,1fr) auto; align-items: end; gap: 13px; background: #f4f8ff; }
.index-import-form h3,.index-import-form p { grid-column: 1/-1; margin: 0; }
.index-import-form p { color: #61738d; line-height: 1.55; }
.index-import-form input { width: 100%; }
.index-import-notes { background: #fffaf0; border-color: #efcf91; }
.index-import-notes h3 { margin: 0 0 10px; color: #754600; }
.index-import-notes ul { margin: 0; padding-left: 20px; color: #73572c; line-height: 1.75; }
.index-import-preview { display: grid; grid-template-columns: minmax(240px,1fr) minmax(300px,1.4fr) auto; align-items: center; gap: 16px; padding: 17px; border: 2px solid #f0b238; border-radius: 12px; background: #fff9e9; }
.index-import-preview h3,.index-import-preview p { margin: 4px 0; }
.index-preview-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.index-preview-tags > strong { color: #5c6780; font-size: 13px; }
.index-warning { grid-column: 1/-1; color: #a55b00; font-weight: 750; }
.index-batch-table,.index-issue-table,.index-history-table { min-width: 900px; }
.index-batch-table th,.index-issue-table th,.index-history-table th { background: #edf4ff; color: #17365f; }
.management-section-head.compact { margin-bottom: 8px; }
.management-section-head.compact h3 { margin: 0; color: #12335f; font-size: 21px; }
.index-link-dialog { width: min(680px,calc(100vw - 32px)); }
.index-link-search-form { display: grid; grid-template-columns: 1fr auto; gap: 9px; margin: 15px 0; }
.index-link-search-form input { width: 100%; }
.index-link-results { display: grid; gap: 8px; max-height: 420px; overflow-y: auto; }
.index-keyword-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid #d1deee; background: #f8fbff; color: #17365f; text-align: left; }
.index-keyword-option:hover { border-color: #7eb0ef; background: #eaf3ff; }
.index-keyword-option span { color: #64758e; font-size: 13px; }
@media (max-width: 760px) {
  .management-shell { width: min(100% - 24px, 1400px); }
  .management-header { display: flex; }
  .management-header-actions { grid-template-columns: 1fr; }
  .management-card { padding: 14px; }
  .management-section-head { align-items: stretch; flex-direction: column; }
  .operation-log-counts { grid-template-columns: repeat(2,1fr); }
  .operation-log-filter { grid-template-columns: 1fr; }
  .management-domain-toolbar { margin-right: -14px; margin-left: -14px; padding-right: 14px; padding-left: 14px; }
  .management-domain-table-wrap { margin-right:-14px; margin-left:-14px; overflow-x:auto; }
  .management-domain-table thead th { position: static; }
  .operation-log-dialog dl { grid-template-columns: 1fr; }
  .operation-log-dialog dt { border-bottom: 0; }
  .index-summary-cards { grid-template-columns: repeat(2,1fr); }
  .index-subnav { grid-template-columns: repeat(2,1fr); }
  .index-project-filter,.index-import-grid,.index-import-form,.index-import-preview { grid-template-columns: 1fr; }
  .index-import-form h3,.index-import-form p,.index-warning { grid-column: 1; }
}

/* GSC/CF unified navigation and categorized GSC table. */
.header-actions {
  width: 650px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "cf ph manage" "chat gsc refresh";
  gap: 10px;
}
.header-actions #open-cf-operations { grid-area: cf; }
.header-actions #open-chat { grid-area: chat; }
.header-actions #open-ph-plugins { grid-area: ph; }
.header-actions #open-indexing { grid-area: ph; }
.header-actions #open-manage { grid-area: manage; }
.header-actions #open-gsc { grid-area: gsc; }
.header-actions #refresh { grid-area: refresh; min-width: 0; min-height: 42px; font-size: 16px; }
.header-actions #open-cf-operations,
.header-actions #open-chat,
.header-actions #open-ph-plugins,
.header-actions #open-indexing,
.header-actions #open-gsc {
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.14);
  color: #fff;
  box-shadow: none;
  backdrop-filter: blur(8px);
  font-weight: 850;
}
.header-actions #open-chat { position: relative; overflow: visible; }
.chat-unread-badge {
  position: absolute;
  top: -9px;
  right: -9px;
  z-index: 3;
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #176fe8;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 4px 11px rgba(9, 75, 171, .38);
}
.chat-unread-badge[hidden] { display: none; }
.header-actions #open-cf-operations:hover,
.header-actions #open-chat:hover,
.header-actions #open-ph-plugins:hover,
.header-actions #open-indexing:hover,
.header-actions #open-gsc:hover {
  background: rgba(255,255,255,.24);
  color: #fff;
}

.gsc-head-actions {
  width: 460px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "home accounts" "connect refresh";
  gap: 10px;
}
.gsc-head-actions .back-home { grid-area: home; }
#gsc-account-manage { grid-area: accounts; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.14); color: #fff; }
#gsc-account-manage:hover { background: rgba(255,255,255,.24); }
#gsc-connect { grid-area: connect; }
#gsc-refresh { grid-area: refresh; }
.gsc-head-actions > * { min-width: 0; min-height: 42px; font-size: 16px; }
.gsc-head-actions #gsc-refresh:not(.refreshing) {
  border: 2px solid #fff;
  background: linear-gradient(180deg, #fff 0%, #edf5ff 100%);
  color: #0c56bd;
  box-shadow: 0 10px 24px rgba(4, 28, 70, .28), inset 0 1px 0 #fff;
}
.gsc-head-actions #gsc-refresh:not(.refreshing)::before { content: "↻"; margin-right: 8px; font-size: 20px; line-height: 1; }
.gsc-head-actions #gsc-refresh:not(.refreshing):hover { border-color: #dcecff; background: #fff; color: #073f91; box-shadow: 0 13px 29px rgba(4, 28, 70, .36); }
.gsc-head-actions #gsc-refresh.refreshing,
.gsc-head-actions #gsc-refresh.refreshing:disabled {
  border: 2px solid #ff7a86;
  background: #d9283b;
  color: #fff;
  opacity: 1;
  box-shadow: 0 0 0 4px rgba(217, 40, 59, .14), 0 7px 18px rgba(190, 25, 44, .28);
  animation: refresh-pulse 1.5s ease-in-out infinite;
}

.gsc-toolbar {
  grid-template-columns: minmax(440px, 1fr) minmax(280px, 420px);
  align-items: center;
  gap: 28px;
  padding: 18px 20px;
}
.gsc-filter-stack { display: grid; align-content: center; gap: 26px; }
.gsc-filter-stack .filter-group button { font-weight: 800; }
.gsc-toolbar-side { display: grid; gap: 15px; align-content: center; }
.gsc-toolbar-side input { width: 100%; min-width: 0; }
.gsc-toolbar-side .gsc-state { justify-self: stretch; text-align: right; line-height: 1.55; }

.gsc-table th:first-child, .gsc-table td:first-child { width: 27%; text-align: left; }
.gsc-table th:nth-child(2), .gsc-table td:nth-child(2) { width: 13%; }
.gsc-table th:nth-child(3), .gsc-table td:nth-child(3) { width: 12%; }
.gsc-table th:nth-child(4), .gsc-table td:nth-child(4) { width: 14%; }
.gsc-table th:nth-child(5), .gsc-table td:nth-child(5) { width: 12%; }
.gsc-table th:nth-child(6), .gsc-table td:nth-child(6) { width: 12%; }
.gsc-table th:nth-child(7), .gsc-table td:nth-child(7) { width: 10%; }
.gsc-table td:nth-child(2) { text-align: center; }

.gsc-account-dialog { width: min(900px, calc(100vw - 32px)); }
.gsc-account-table { min-width: 0; table-layout: fixed; }
.gsc-account-table th:nth-child(1), .gsc-account-table td:nth-child(1) { width: 38%; }
.gsc-account-table th:nth-child(2), .gsc-account-table td:nth-child(2) { width: 32%; }
.gsc-account-table th:nth-child(3), .gsc-account-table td:nth-child(3) { width: 14%; text-align: center; }
.gsc-account-table th:nth-child(4), .gsc-account-table td:nth-child(4) { width: 16%; text-align: right; }
.gsc-account-table input { width: 100%; min-width: 0; }

@media (max-width: 900px) {
  .header-actions, .gsc-head-actions { width: 100%; }
  .gsc-toolbar { grid-template-columns: 1fr; }
  .gsc-toolbar-side .gsc-state { text-align: left; }
}
/* Center data freshness independently; expose only GSC aliases on the normal page. */
#dashboard-page > header {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 170px;
}
#dashboard-page > header > div:first-child { justify-self: start; }
#dashboard-page > header .data-freshness {
  position: absolute;
  left: 33%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
#dashboard-page > header .header-actions { grid-column: 2; }
.gsc-page .subpage-head {
  position: relative;
  min-height: 170px;
}
.gsc-page .subpage-head > div:first-child { margin-right: auto; }
.gsc-page .gsc-data-freshness {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  min-width: 360px;
  transform: translate(-50%, -50%);
}
.gsc-page .gsc-head-actions { margin-left: auto; }
.gsc-account-bar { justify-content: flex-start; }
.gsc-account-bar > strong { flex: 0 0 auto; color: #17365f; }
.gsc-account-chip { border: 1px solid #cfe1f8; }
@media (max-width: 1100px) and (min-width: 761px) {
  #dashboard-page > header .data-freshness,
  .gsc-page .gsc-data-freshness { min-width: 300px; transform: translate(-50%, -50%) scale(.9); }
}
@media (max-width: 760px) {
  #dashboard-page > header { min-height: 0; }
  #dashboard-page > header .data-freshness,
  .gsc-page .gsc-data-freshness {
    position: static;
    width: 100%;
    min-width: 0;
    transform: none;
  }
  #dashboard-page > header .header-actions { grid-column: auto; }
  .gsc-page .subpage-head { min-height: 0; }
  .gsc-page .subpage-head > div:first-child { margin-right: 0; }
  .gsc-account-bar { align-items: flex-start; flex-direction: column; }
}
/* Sticky overview panels shared by CF, GSC and PH plugin pages. */
.sticky-overview {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flow-root;
  padding: 8px 0 5px;
  background: #f5f7fb;
  border-bottom: 1px solid #e1e7f0;
  box-shadow: 0 10px 20px -22px rgba(7, 35, 80, .7);
}
.sticky-overview.ph-sticky-overview {
  padding-top: 2px;
}
.sticky-table-region {
  overflow: visible !important;
}
.sticky-table-region table {
  isolation: isolate;
}
.sticky-table-region tbody {
  position: relative;
  z-index: 0;
}
.sticky-table-region thead {
  position: sticky;
  top: var(--sticky-overview-height, 0px);
  z-index: 60;
  background: #edf4ff;
  box-shadow: 0 2px 0 #a9bfdf;
}
.sticky-table-region thead th {
  position: static;
  background-clip: padding-box;
}
@media (max-width: 900px) {
  .sticky-overview {
    position: static;
    padding: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
  .sticky-table-region thead th {
    top: 0;
  }
}

/* Configuration presets: compact fields and readable rule reference dialogs. */
.config-section-title {
  align-items: center;
  gap: 24px;
}
.config-rule-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
}
.config-rule-actions button {
  min-width: 152px;
  min-height: 44px;
  border: 1px solid #76a8ec;
  border-radius: 9px;
  background: #edf5ff;
  color: #1258b4;
  font-size: 15px;
  font-weight: 850;
  cursor: pointer;
}
.config-rule-actions button:last-child {
  border-color: #b39af0;
  background: #f2edff;
  color: #6535b3;
}
.profile-config-group h3 span {
  margin-left: 1.5em;
  color: #71829b;
  font-size: 12px;
  font-weight: 700;
}
.profile-input-only {
  display: block;
}
.site-type-select-shell {
  padding: 4px;
  border: 1px solid;
  border-radius: 10px;
}
.site-type-select-shell.is-static {
  border-color: #4c94eb;
  background: #cfe4ff;
}
.site-type-select-shell.is-wordpress {
  border-color: #8d68e5;
  background: #decfff;
}
.site-type-select-shell .site-type-select {
  height: 38px;
  border: 0;
  border-radius: 7px;
  font-weight: 900;
  outline: none;
}
.site-type-select-shell.is-static .site-type-select {
  background: #c2ddff;
  color: #084c9f;
}
.site-type-select-shell.is-wordpress .site-type-select {
  background: #d5c2ff;
  color: #54209e;
}
.site-type-select option {
  background: #fff;
  color: #132b4d;
}
.rule-preset-dialog {
  width: min(1120px, calc(100vw - 36px));
  max-height: 88vh;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(7, 27, 57, .3);
}
.rule-preset-dialog::backdrop {
  background: rgba(6, 20, 43, .62);
  backdrop-filter: blur(3px);
}
.rule-preset-dialog .dialog-head {
  padding: 20px 24px 12px;
}
.rule-preset-note {
  margin: 0;
  padding: 0 24px 16px;
  color: #61738e;
  line-height: 1.55;
}
.rule-preset-body {
  display: grid;
  gap: 16px;
  max-height: calc(88vh - 150px);
  padding: 0 24px 22px;
  overflow-y: auto;
}
.rule-preset-section {
  padding: 16px;
  border: 1px solid #cdddf1;
  border-radius: 12px;
  background: #f8fbff;
}
.rule-preset-section h3 {
  margin: 0 0 12px;
  color: #102f5c;
}
.rule-preset-list {
  display: grid;
  gap: 10px;
}
.rule-preset-item {
  padding: 12px 14px;
  border: 1px solid #dce6f3;
  border-radius: 9px;
  background: #fff;
}
.rule-preset-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.rule-preset-item-head strong {
  color: #112d54;
  font-size: 15px;
}
.rule-preset-item-head span {
  flex: 0 0 auto;
  padding: 4px 9px;
  border-radius: 999px;
  background: #e5f0ff;
  color: #135ebd;
  font-size: 12px;
  font-weight: 850;
}
.rule-preset-item p {
  margin: 8px 0;
  color: #526984;
  line-height: 1.55;
}
.rule-preset-item pre {
  margin: 0;
  padding: 10px 12px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  border-radius: 7px;
  background: #eef4fc;
  color: #17355f;
  font: 600 13px/1.55 Consolas, monospace;
}
.rule-preset-empty,
.rule-preset-error {
  margin: 0;
  padding: 12px;
  border-radius: 8px;
  background: #eef4fc;
  color: #63758f;
}
.rule-preset-error {
  background: #fff0f2;
  color: #b52034;
}
.rule-preset-dialog .dialog-actions {
  padding: 12px 24px 20px;
}
@media (max-width: 760px) {
  .config-section-title {
    align-items: stretch;
    flex-direction: column;
  }
  .config-rule-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .config-rule-actions button {
    min-width: 0;
  }
  .rule-preset-dialog .dialog-head,
  .rule-preset-note,
  .rule-preset-body,
  .rule-preset-dialog .dialog-actions {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* Unified GSC onboarding workspace. */
#gsc-onboarding-link { grid-area: connect; }
.primary-inline {
  margin: 0 0 14px;
  border: 0;
  background: #176fe8;
  color: #fff;
}
.onboarding-page .subpage-head { min-height: 150px; }
.onboarding-page .gsc-head-actions {
  grid-template-areas: "home gsc";
  width: 460px;
}
#onboarding-home { grid-area: home; }
#onboarding-gsc { grid-area: gsc; }
.onboarding-form-card { padding: 22px; }
.onboarding-instructions {
  display: flex;
  gap: 14px;
  margin-bottom: 18px;
  padding: 13px 15px;
  border: 1px solid #cfe1f8;
  border-radius: 10px;
  background: #f2f7ff;
  color: #31557f;
}
.onboarding-instructions strong { flex: 0 0 auto; color: #0b3474; }
.onboarding-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.onboarding-grid label {
  display: grid;
  gap: 8px;
  color: #17365f;
  font-weight: 800;
}
.onboarding-grid select,
.onboarding-grid textarea { width: 100%; }
.onboarding-domains { grid-column: 1 / -1; }
.onboarding-domains textarea {
  min-height: 170px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.55;
}
.onboarding-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 18px;
}
.onboarding-actions p { margin: 0; color: #60738e; }
#onboarding-start {
  min-width: 220px;
  background: #176fe8;
  color: #fff;
  font-weight: 850;
}
.onboarding-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
}
.onboarding-page .table-card { width: 100%; }
.onboarding-bulk-bar {
  display: grid;
  grid-template-columns: calc(18% - 14px) auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 14px 18px 16px;
  color: #60738e;
  font-weight: 750;
  position: sticky;
  top: 0;
  z-index: 32;
  border-bottom: 1px solid #d8e3f1;
  border-radius: 12px 12px 0 0;
  background: rgba(237, 244, 255, .97);
  box-shadow: 0 5px 15px rgba(18, 49, 91, .08);
  backdrop-filter: blur(8px);
  min-height: 72px;
  box-sizing: border-box;
}
.onboarding-bulk-actions {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.onboarding-select-all-control {
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  justify-self: start;
  color: #294668;
  font-size: 15px;
  font-weight: 800;
}
.onboarding-select-all-control input {
  width: 18px;
  height: 18px;
  min-width: 0;
  margin: 0;
  accent-color: #1f72ee;
}
.onboarding-verification-failed-total {
  grid-column: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 5px 13px;
  border: 1.5px solid #ef8a99;
  border-radius: 999px;
  background: #fff0f2;
  color: #b51f37;
  font-size: 14px;
  font-weight: 850;
  white-space: nowrap;
}
.onboarding-recheck-button {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 280px;
  padding: 9px 15px;
  border: 1px solid #e5ad35;
  border-radius: 999px;
  background: #fff7d9;
  color: #8b5700;
  font-size: 14px;
  font-weight: 850;
  box-shadow: 0 4px 12px rgba(173, 112, 0, .12);
}
.onboarding-recheck-button:hover { background: #ffefb8; color: #754800; }
.onboarding-recheck-button i {
  display: none;
  width: 17px;
  height: 17px;
  border: 2px solid #f4d889;
  border-top-color: #d08a00;
  border-radius: 50%;
  animation: single-operation-spin .8s linear infinite;
}
.onboarding-recheck-button.running,
.onboarding-recheck-button.running:disabled {
  background: #fff7d9;
  color: #8b5700;
  opacity: 1;
}
.onboarding-recheck-button.running i { display: block; }
.onboarding-bulk-bar button {
  min-width: 150px;
  background: linear-gradient(135deg, #2379f4, #1258c4);
  color: #fff;
  font-size: 16px;
  font-weight: 850;
}
.onboarding-bulk-bar button:disabled { background: #a9b9cf; opacity: .75; }
.onboarding-bulk-bar .onboarding-bulk-delete:not(:disabled) {
  border-color: #c92038;
  background: linear-gradient(135deg, #e43d50, #bc1830);
  color: #fff;
}
.onboarding-bulk-bar .onboarding-bulk-delete:hover:not(:disabled) {
  border-color: #a71329;
  background: #a71329;
}
.onboarding-page .table-wrap { overflow: visible; }
.onboarding-batch-list {
  padding: 0 0 18px;
  background: #fff;
}
.onboarding-batch-list > .table-wrap { overflow: visible; }
.onboarding-empty {
  margin: 0;
  padding: 34px 16px;
  color: #70839c;
  text-align: center;
}
.onboarding-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.onboarding-table th,
.onboarding-table td {
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  vertical-align: middle;
}
.onboarding-table thead th {
  position: sticky;
  top: 72px;
  z-index: 31;
  background: #edf4ff;
  font-size: 15px;
  box-shadow: 0 1px 0 #9db9df;
}
.onboarding-batch-group {
  --batch-accent: #2a78ed;
  --batch-border: #bcd6fb;
}
.onboarding-batch-group.batch-tone-1 { --batch-accent:#8057d9;--batch-border:#d5c5f5; }
.onboarding-batch-group.batch-tone-2 { --batch-accent:#dd8a12;--batch-border:#f0d19b; }
.onboarding-batch-group.batch-tone-3 { --batch-accent:#df5265;--batch-border:#f2c0c8; }
.onboarding-batch-spacer td {
  height: 14px;
  padding: 0;
  border: 0;
  background: transparent;
}
.onboarding-batch-group > tr:not(:first-child) td { border-top-color: #e0e8f2; }
.onboarding-batch-group > tr:first-child td { border-top: 1px solid var(--batch-border); }
.onboarding-batch-group > tr:last-child td { border-bottom: 1px solid var(--batch-border); }
.onboarding-batch-group > tr td:first-child { border-left: 5px solid var(--batch-accent); }
.onboarding-batch-group > tr td:last-child { border-right: 1px solid var(--batch-border); }
.onboarding-batch-group > tr td { background: #fff; }
.onboarding-batch-group > tr:first-child td:first-child { border-top-left-radius: 12px; }
.onboarding-batch-group > tr:first-child td:last-child { border-top-right-radius: 12px; }
.onboarding-batch-group > tr:last-child td:first-child { border-bottom-left-radius: 12px; }
.onboarding-batch-group > tr:last-child td:last-child { border-bottom-right-radius: 12px; }
.onboarding-batch-group > tr:hover td { background: #f3f7fc; }
.onboarding-batch-group > .onboarding-batch-select-row td {
  height: 46px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--batch-border);
  background: color-mix(in srgb, var(--batch-border) 22%, #fff);
}
.onboarding-batch-group > .onboarding-batch-select-row:hover td {
  background: color-mix(in srgb, var(--batch-border) 30%, #fff);
}
.onboarding-batch-count {
  color: #294668;
  font-size: 15px;
  font-weight: 850;
  white-space: nowrap;
}
.onboarding-batch-stats { display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap; }
.onboarding-batch-stat { display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 9px;border:1.5px solid;border-radius:999px;font-size:13px;font-weight:850;white-space:nowrap; }
.onboarding-batch-stat input { width:17px;height:17px;min-width:0;margin:0;cursor:pointer; }
.batch-stat-verification { color:#b51f37;background:#fff0f2;border-color:#ee7386; }
.batch-stat-verification input { accent-color:#d72c47; }
.batch-stat-sync { color:#956000;background:#fff5d9;border-color:#e8ac24; }
.batch-stat-sync input { accent-color:#d88a00; }
.batch-stat-sitemap { color:#a72a19;background:#fff1e9;border-color:#ed8769; }
.batch-stat-sitemap input { accent-color:#df4c2f; }
.batch-stat-empty { color:#77889f;background:#f5f7fa;border-color:#d8e0e9; }
.onboarding-batch-check {
  width: 18px;
  height: 18px;
  min-width: 0;
  margin: 0;
  cursor: pointer;
  accent-color: var(--batch-accent);
}
.onboarding-batch-controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.onboarding-batch-toggle {
  position: absolute;
  top: 50%;
  left: -90px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 64px;
  height: 34px;
  min-width: 64px;
  padding: 0 8px;
  border: 1.5px solid var(--batch-accent);
  border-radius: 7px;
  background: #fff;
  color: var(--batch-accent);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  cursor: pointer;
  transform: translateY(-50%);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--batch-accent) 18%, transparent);
}
.onboarding-batch-toggle:hover {
  background: color-mix(in srgb, var(--batch-border) 38%, #fff);
  transform: translateY(-50%) scale(1.04);
}
.onboarding-batch-group.onboarding-batch-collapsed > tr:not(:first-child) {
  display: none;
}
.onboarding-batch-group.onboarding-batch-collapsed > tr:first-child td {
  border-bottom: 1px solid var(--batch-border);
}
.onboarding-batch-group.onboarding-batch-collapsed > tr:first-child td:first-child {
  border-bottom-left-radius: 12px;
}
.onboarding-batch-group.onboarding-batch-collapsed > tr:first-child td:last-child {
  border-bottom-right-radius: 12px;
}
.onboarding-table th:nth-child(1), .onboarding-table td:nth-child(1) { width: 4%; }
.onboarding-table th:nth-child(2), .onboarding-table td:nth-child(2) { width: 14%; text-align: left; }
.onboarding-table th:nth-child(3), .onboarding-table td:nth-child(3) { width: 8%; }
.onboarding-table th:nth-child(4), .onboarding-table td:nth-child(4) { width: 11%; }
.onboarding-table th:nth-child(5), .onboarding-table td:nth-child(5) { width: 8%; }
.onboarding-table th:nth-child(6), .onboarding-table td:nth-child(6) { width: 19%; }
.onboarding-table th:nth-child(7), .onboarding-table td:nth-child(7) { width: 12%; }
.onboarding-table th:nth-child(8), .onboarding-table td:nth-child(8) { width: 10%; }
.onboarding-table th:nth-child(9), .onboarding-table td:nth-child(9) { width: 14%; }
.onboarding-check-col { text-align: center !important; }
.onboarding-check-col input {
  width: 18px;
  height: 18px;
  min-width: 0;
  margin: 0;
  cursor: pointer;
  accent-color: #1f72ee;
}
.setup-status {
  display: inline-flex;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}
.setup-ok { background: #d9f6e7; color: #087848; }
.setup-warning { background: #fff0c8; color: #9a6500; }
.setup-failed { background: #ffe0e4; color: #bd1730; }
.setup-url {
  display: block;
  max-width: 100%;
  margin-top: 0;
  overflow: hidden;
  color: #60738e;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.onboarding-table th:nth-child(6),.onboarding-table td:nth-child(6){overflow:hidden;white-space:normal}
.sitemap-status-cell{display:grid;gap:7px;min-width:0}
.sitemap-status-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-width:0;white-space:normal}
.sitemap-url-list{display:grid;gap:3px;min-width:0}
.sitemap-url-row{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.sitemap-url-row .setup-url{min-width:0;margin:0}
.sitemap-url-state{flex:0 0 auto;padding:2px 6px;border-radius:999px;font-size:11px;font-style:normal;font-weight:850;line-height:1.2;white-space:nowrap}
.sitemap-url-state.setup-ok{background:#d9f6e7;color:#087848}
.sitemap-url-state.setup-warning{background:#fff0c8;color:#9a6500}
.sitemap-url-state.setup-failed{background:#ffe0e4;color:#bd1730}
.sitemap-check-progress{color:#9a6500;font-size:12px;font-weight:850;white-space:nowrap}
.sitemap-status-line .sitemap-countdown,.sitemap-status-line .sitemap-line-error,.sitemap-status-line .sitemap-resubmit-note{margin-left:0}
.sitemap-status-line .sitemap-resubmit-note{display:block;flex:1 0 100%;width:100%;max-width:100%;line-height:1.4;overflow-wrap:anywhere;white-space:normal;text-align:center}
.setup-sitemap-meta {
  display: block;
  max-width: 250px;
  margin-top: 5px;
  color: #405b7f;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
  white-space: normal;
}
.setup-message { max-width: 260px; color: #9b2636; }
@media (max-width: 800px) {
  .onboarding-grid,
  .onboarding-summary { grid-template-columns: 1fr; }
  .onboarding-actions,
  .onboarding-instructions { align-items: stretch; flex-direction: column; }
  #onboarding-start { width: 100%; }
  .onboarding-bulk-bar {
    grid-template-columns: 1fr;
  }
  .onboarding-select-all-control,
  .onboarding-verification-failed-total,
  .onboarding-recheck-button,
  .onboarding-bulk-actions {
    grid-column: 1;
  }
  .onboarding-recheck-button { width: 100%; min-width: 0; }
  .onboarding-bulk-actions { justify-content: space-between; }
  .onboarding-batch-list { padding: 0 0 12px; }
  .onboarding-batch-stats { justify-content: flex-start; }
  .onboarding-batch-list > .table-wrap { overflow-x: auto; }
  .onboarding-page .gsc-head-actions {
    grid-template-columns: 1fr;
    grid-template-areas: "home" "gsc";
    width: 100%;
  }
}

/* CF operations center */
.cf-ops-home-button { position:absolute; left:29%; top:50%; z-index:3; display:inline-flex; align-items:center; justify-content:center; width:170px; min-height:46px; transform:translate(-50%,-50%); border:2px solid #78b9ff; border-radius:10px; background:linear-gradient(180deg,#2584f2,#0860ce); color:#fff; font-size:16px; font-weight:850; text-decoration:none; box-shadow:0 9px 20px rgba(0,53,126,.3); }
.cf-ops-home-button:hover { background:#0b69d9; }
.cf-ops-page { padding-bottom:50px; }
.cf-ops-section { margin-bottom:18px; padding:22px; }
.section-title { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }
.section-title h2,.cf-ops-section h2 { margin:0 0 5px; }
.section-title p,.cf-ops-section>p { margin:0; color:#607089; }
.cf-profile-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.cf-profile-card { display:grid; gap:11px; padding:16px; border:1px solid #cfdbeb; border-radius:13px; background:#f8fbff; }
.profile-head { display:flex; align-items:center; justify-content:space-between; font-size:18px; }
.profile-head span { color:#50709a; font-size:13px; }
.profile-two { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cf-profile-card input,.cf-profile-card select,.cf-profile-card textarea,.cf-operation-form input,.cf-operation-form select,.cf-operation-form textarea,.launch-card input,.launch-card select,.launch-card textarea { width:100%; min-width:0; }
.check-label { display:flex; align-items:center; gap:8px; align-self:end; min-height:42px; }.check-label input { width:18px; }
.cf-stage-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:18px; margin-bottom:18px; }
.stage-card { margin:0; position:relative; }.stage-number { display:inline-flex; padding:4px 10px; margin-bottom:10px; border-radius:999px; background:#e4efff; color:#075abf; font-weight:850; }.stage-two { border-top:4px solid #90a4bf; }
.stage-two ul { display:grid; gap:8px; padding-left:22px; color:#33425a; }.stage-hint { padding:11px; margin:15px 0!important; border-radius:9px; background:#fff5dc; color:#815500!important; font-weight:750; }
.cf-operation-form { display:grid; grid-template-columns:minmax(220px,340px) 1fr; gap:13px; margin-top:16px; }.cf-operation-form .full-row { grid-column:1/-1; }
.dns-preview { display:flex; flex-wrap:wrap; gap:10px 18px; padding:13px; border:1px solid #c9ddf7; border-radius:10px; background:#f0f7ff; }.dns-preview strong { width:100%; }
.cf-job-items { table-layout:fixed; min-width:0; }.cf-job-items th:nth-child(1){width:23%}.cf-job-items th:nth-child(2){width:12%}.cf-job-items th:nth-child(3){width:30%}
.job-status { display:inline-flex; padding:3px 8px; border-radius:999px; background:#e8eef7; font-size:12px; font-weight:850; }.job-status.success{background:#d9f5e7;color:#07824c}.job-status.skipped{background:#fff0c7;color:#8c5d00}.job-status.failed{background:#ffe1e5;color:#b31e31}.job-status.running{background:#fff0c7;color:#8c5d00}
.launch-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.launch-card { display:grid; gap:11px; padding:16px; border:1px solid #d5dfed; border-radius:13px; background:#fbfdff; }.launch-card h3{margin:0}
#cf-password-dialog { width:min(420px,calc(100vw - 32px)); }#cf-password-form{display:flex;gap:9px;margin-top:15px}#cf-password-form input{width:100%;min-width:0}
@media(max-width:1100px){.cf-ops-home-button{display:none}.cf-profile-list,.launch-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-stage-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cf-profile-list,.launch-actions,.profile-two{grid-template-columns:1fr}.cf-operation-form{grid-template-columns:1fr}}
/* CF operations v2: visible home entry and task-oriented subpages */
#dashboard-page > header > .cf-ops-home-button {
  position: absolute !important;
  left: 29% !important;
  top: 50% !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 190px;
  min-height: 48px;
  transform: translate(-50%,-50%);
  border: 2px solid rgba(255,255,255,.75) !important;
  border-radius: 11px;
  background: linear-gradient(180deg,#ffdb71,#ffbd2f) !important;
  color: #754400 !important;
  font-size: 17px;
  font-weight: 900;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 10px 24px rgba(0,44,108,.3);
}
#dashboard-page > header > .cf-ops-home-button:hover {
  background: linear-gradient(180deg,#ffe796,#ffc64a) !important;
  transform: translate(-50%,-52%);
}
.cf-ops-head {
  display: grid;
  grid-template-columns: minmax(260px,.75fr) minmax(720px,1.8fr) auto;
  align-items: center;
  gap: 24px;
}
.cf-ops-head .back-home { position: static; justify-self: end; align-self: stretch; min-height: 101px; display:flex; align-items:center; justify-content:center; }
.cf-ops-nav {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  grid-template-rows: repeat(2,46px);
  gap: 9px;
}
.cf-ops-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 10px;
  background: rgba(255,255,255,.13);
  color: #fff;
  font-size: 16px;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
}
.cf-ops-nav .dns-nav-item { grid-column: 3; grid-row: 2; }
.cf-ops-nav .config-nav-item { grid-column: 4; grid-row: 2; }
.cf-ops-nav .single-domain-nav-item { grid-column: 1; grid-row: 2; }
.cf-ops-nav .whole-redirect-nav-item { grid-column: 2; grid-row: 2; }
.cf-ops-nav a:hover,
.cf-ops-nav a.active {
  border-color: #ffd067;
  background: linear-gradient(180deg,#fff1bd,#ffd36d);
  color: #754400;
  box-shadow: 0 7px 18px rgba(3,43,102,.22);
}
.cf-view[hidden], .cf-view-task[hidden] { display: none !important; }
.view-kicker { margin: 0 0 6px !important; color: #126be2 !important; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.automation-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  gap: 16px;
  margin: 20px 0;
}
.automation-flow > div {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border: 1px solid #cbdcf2;
  border-radius: 12px;
  background: #f5f9ff;
}
.automation-flow strong {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  background: #1772ec;
  color: #fff;
  font-size: 19px;
}
.automation-flow span { display: grid; gap: 3px; color: #53647d; }
.automation-flow b { color: #102b51; font-size: 17px; }
.automation-flow i { align-self: center; color: #1165cf; font-style: normal; font-weight: 850; white-space: nowrap; }
.compact-operation-form { max-width: 980px; }
.launch-redirect-option { min-height: 48px; align-self:end; padding:0 16px; border:1px solid #c9d8ec; border-radius:10px; background:#f6f9fe; color:#213d62; font-weight:800; }
.launch-redirect-option input { width:20px!important; height:20px; flex:0 0 auto; accent-color:#1d6ff2; }
.operation-preview-item.is-skipped { border-style:dashed; background:#f5f7fb; opacity:.82; }
.operation-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  padding: 14px;
  border: 1px solid #c9ddf7;
  border-radius: 10px;
  background: #f0f7ff;
}
.operation-preview strong { width: 100%; }
.primary-action { min-height: 48px; font-size: 16px; font-weight: 900; }
.job-status.stage1_done { background: #e3efff; color: #075ebf; }
@media (max-width: 1280px) {
  #dashboard-page > header > .cf-ops-home-button { left: 27% !important; width: 160px; font-size: 15px; }
  .cf-ops-head { grid-template-columns: 1fr; }
  .cf-ops-head .back-home { position: absolute; }
  .cf-ops-nav { order: 3; }
}
@media (max-width: 800px) {
  #dashboard-page > header > .cf-ops-home-button {
    position: static !important;
    width: 100%;
    transform: none;
  }
  .cf-ops-nav { grid-template-columns: 1fr 1fr; }
  .automation-flow { grid-template-columns: 1fr; }
  .automation-flow i { text-align: center; }
}
/* CF add-domain configuration summary */
.dns-preview { display:block; padding:16px; }
.dns-preview-title { display:block; margin-bottom:12px; font-size:17px; color:#102b51; }
.dns-preview-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.dns-preview-item { position:relative; display:grid; gap:5px; min-height:76px; padding:12px 14px; border:1px solid #d5e3f5; border-radius:10px; background:#fff; }
.dns-preview-item small { color:#64758e; font-size:12px; font-weight:750; }
.dns-preview-item b { color:#112c52; font-size:15px; line-height:1.35; overflow-wrap:anywhere; }
.dns-preview-item em { position:absolute; top:10px; right:10px; padding:2px 7px; border-radius:999px; background:#fff0dc; color:#bd5a00; font-size:11px; font-style:normal; font-weight:850; }
@media (max-width:900px) { .dns-preview-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .dns-preview-grid { grid-template-columns:1fr; } }
/* CF go-live summary */
.operation-preview { display:block; padding:16px; }
.operation-preview-title { display:block; margin-bottom:12px; font-size:17px; color:#102b51; }
.operation-preview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.operation-preview-item { position:relative; display:grid; align-content:start; gap:5px; min-height:104px; padding:12px 12px 12px 48px; border:1px solid #d5e3f5; border-radius:10px; background:#fff; }
.operation-preview-item i { position:absolute; top:13px; left:12px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#1671ee; color:#fff; font-size:13px; font-style:normal; font-weight:900; }
.operation-preview-item small { color:#64758e; font-size:12px; font-weight:800; }
.operation-preview-item b { color:#112c52; font-size:15px; line-height:1.35; overflow-wrap:anywhere; }
.operation-preview-item span { color:#5d6d84; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
@media (max-width:900px) { .operation-preview-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .operation-preview-grid { grid-template-columns:1fr; } }
/* Prominent full-width category management trigger. */
.category-panel > summary {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 54px;
  padding: 14px 20px;
  border: 2px solid #ffd36a;
  border-radius: 10px;
  background: linear-gradient(180deg, #fff6d8 0%, #ffd875 100%);
  color: #704300;
  font-size: 17px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(65, 37, 0, .16);
}
.category-panel > summary:hover { background: #ffe39a; color: #4f2f00; }
.category-panel[open] > summary { margin-bottom: 14px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.onboarding-retry-cell { text-align: center; }
.onboarding-retry-cell .onboarding-retry {
  min-width: 78px;
  padding: 7px 14px;
  border: 1px solid #165cc9;
  background: linear-gradient(135deg, #2379f4, #1258c4);
  color: #fff;
  font-weight: 850;
}
.onboarding-retry-cell .onboarding-retry:hover { background: #0d54bd; }
.onboarding-retry-cell small {
  display: block;
  margin-top: 6px;
  color: #6a7890;
  font-size: 12px;
  font-weight: 700;
}
.setup-last-crawl { font-variant-numeric: tabular-nums; }

.record-section-title {
  align-items: center;
}
.record-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.record-actions button {
  min-width: 112px;
}
.cf-recent-jobs {
  width: 100%;
  min-width: 900px;
  table-layout: fixed;
}
.cf-recent-jobs th,
.cf-recent-jobs td {
  text-align: center;
  vertical-align: middle;
}
.cf-recent-jobs th:nth-child(5),
.cf-recent-jobs td:nth-child(5) {
  width: 38%;
  text-align: left;
  white-space: normal;
}
.cf-recent-jobs .check-cell {
  width: 48px;
}
.job-category-tags {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
.cf-recent-jobs th:last-child,
.cf-recent-jobs td:last-child {
  width: 82px;
}
.job-result-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 12px;
  border: 1.5px solid transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
}
.job-result-badge.success {
  border-color: #20ad69;
  background: #ddf7e9;
  color: #087a47;
}
.job-result-badge.warning {
  border-color: #e5a823;
  background: #fff1c9;
  color: #805500;
}
.job-result-badge.failed {
  border-color: #df4052;
  background: #ffe1e5;
  color: #b3182e;
}
#job-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
#job-summary .job-summary-progress { white-space: nowrap; }

/* Clear expandable category-management control. */
.category-panel[open] {
  border-color: #a9c6eb;
  background: linear-gradient(180deg, #eef5ff 0%, #f8fbff 100%);
  box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(35, 75, 128, .10);
}
.category-panel > summary {
  position: relative;
  justify-content: flex-start;
  gap: 12px;
  list-style: none;
  padding-right: 58px;
  border-color: #efb62c;
  background: linear-gradient(135deg, #ffd66f 0%, #ffbd35 100%);
  color: #563100;
  box-shadow: 0 8px 18px rgba(94, 55, 0, .19), inset 0 1px 0 rgba(255,255,255,.75);
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.category-panel > summary::-webkit-details-marker { display: none; }
.category-panel > summary::marker { content: ""; }
.category-panel > summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 11px;
  height: 11px;
  border-right: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: translateY(-68%) rotate(45deg);
  transition: transform .18s ease;
}
.category-panel > summary:hover {
  background: linear-gradient(135deg, #ffcb4f 0%, #f5aa16 100%);
  color: #412400;
  box-shadow: 0 10px 22px rgba(94, 55, 0, .24), inset 0 1px 0 rgba(255,255,255,.72);
  transform: translateY(-1px);
}
.category-panel[open] > summary {
  margin-bottom: 14px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: linear-gradient(135deg, #173f7a 0%, #0c62c7 100%);
  border-color: #245fa9;
  color: #fff;
  box-shadow: 0 7px 18px rgba(15, 64, 130, .24);
  transform: none;
}
.category-panel[open] > summary::after {
  transform: translateY(-28%) rotate(225deg);
}

/* Stronger visual separation for expanded category content. */
.category-panel[open] {
  border: 2px solid #7eabe4;
  background: #dceaff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 10px 26px rgba(28, 75, 138, .16);
}
.category-panel[open] .category-add-form,
.category-panel[open] .category-list,
.category-panel[open] > .subtle {
  background: transparent;
}
.category-panel[open] input,
.category-panel[open] select,
.category-panel[open] .color-picker {
  background-color: #fff;
  border-color: #a9bfdd;
  box-shadow: 0 1px 3px rgba(23, 63, 122, .07);
}

/* Sticky domain-management filters, bulk action and table header. */
#manage-dialog .manage-toolbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 72px;
  margin: 10px -24px 0;
  padding: 12px 24px;
  border-top: 1px solid #d8e4f3;
  border-bottom: 1px solid #bfd0e7;
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(20, 54, 99, .12);
}
#manage-dialog > .table-wrap {
  overflow: visible;
}
#manage-dialog .manage-table thead th {
  position: sticky;
  top: 72px;
  z-index: 25;
  border-bottom: 2px solid #abc2df;
  background: #edf4fd;
  box-shadow: 0 5px 10px rgba(24, 58, 105, .08);
}
@media (max-width: 760px) {
  #manage-dialog .manage-toolbar {
    min-height: 126px;
    margin-right: -17px;
    margin-left: -17px;
    padding-right: 17px;
    padding-left: 17px;
  }
  #manage-dialog .manage-table thead th { top: 126px; }
}

.category-panel[open] > .subtle {
  width: 100%;
  margin: 4px 0 14px;
  padding: 6px 18px 0;
  text-align: center;
  font-weight: 700;
}

/* Remove the dialog-padding gap above sticky domain controls. */
#manage-dialog .manage-toolbar {
  top: -24px;
}
#manage-dialog .manage-table thead th {
  top: 48px;
}
@media (max-width: 760px) {
  #manage-dialog .manage-toolbar { top: -17px; }
  #manage-dialog .manage-table thead th { top: 109px; }
}

/* Account management and modal-header refinements. */
.gsc-account-dialog { width: min(1260px, calc(100vw - 32px)); }
.gsc-account-table { min-width: 1080px; table-layout: fixed; }
.gsc-account-table th,
.gsc-account-table td { text-align: center !important; vertical-align: middle; }
.gsc-account-table th:nth-child(1), .gsc-account-table td:nth-child(1) { width: 23%; }
.gsc-account-table th:nth-child(2), .gsc-account-table td:nth-child(2) { width: 19%; }
.gsc-account-table th:nth-child(3), .gsc-account-table td:nth-child(3) { width: 10%; }
.gsc-account-table th:nth-child(4), .gsc-account-table td:nth-child(4) { width: 31%; }
.gsc-account-table th:nth-child(5), .gsc-account-table td:nth-child(5) { width: 17%; }
.gsc-account-table input { text-align: center; }
.gsc-account-sites { text-align: left; }
.gsc-account-sites summary {
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  min-width: 148px; padding: 8px 14px; border: 1px solid #bfd0e7; border-radius: 10px;
  background: #edf5ff; color: #075bc7; font-weight: 800;
}
.gsc-account-site-list {
  max-height: 260px; margin-top: 8px; overflow: auto; padding: 8px 10px;
  border: 1px solid #d8e4f3; border-radius: 10px; background: #f7faff;
}
.gsc-account-site { display: flex; gap: 8px; justify-content: space-between; padding: 6px 2px; border-bottom: 1px solid #e5edf7; overflow-wrap: anywhere; }
.gsc-account-site:last-child { border-bottom: 0; }
.gsc-account-site small { color: #65738a; white-space: nowrap; }
.gsc-account-site-empty { padding: 8px; color: #65738a; text-align: center; }
.gsc-account-actions { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.gsc-account-actions .danger-button { background: #fff1f2; color: #c92637; border-color: #efb9c0; }
#manage-dialog > .manage-dialog-sticky-head {
  position: sticky; top: -24px; z-index: 50; min-height: 96px;
  margin: -24px -24px 14px; padding: 20px 24px 12px;
  border-bottom: 1px solid #c6d6e9; background: #fff;
  box-shadow: 0 8px 18px rgba(20,54,99,.10);
}
#manage-dialog > .manage-dialog-sticky-head .subtle { margin: 4px 0 0; }
#manage-dialog .manage-toolbar { top: 72px; }
#manage-dialog .manage-table thead th { top: 144px; }
@media (max-width: 760px) {
  #manage-dialog > .manage-dialog-sticky-head { top: -17px; margin: -17px -17px 14px; padding: 15px 17px 10px; min-height: 92px; }
  #manage-dialog .manage-toolbar { top: 75px; }
  #manage-dialog .manage-table thead th { top: 201px; }
}
/* Keep account list actions in distinct, centered columns. */
.gsc-account-table th:nth-child(1), .gsc-account-table td:nth-child(1) { width: 22%; }
.gsc-account-table th:nth-child(2), .gsc-account-table td:nth-child(2) { width: 18%; }
.gsc-account-table th:nth-child(3), .gsc-account-table td:nth-child(3) { width: 9%; }
.gsc-account-table th:nth-child(4), .gsc-account-table td:nth-child(4) { width: 29%; }
.gsc-account-table th:nth-child(5), .gsc-account-table td:nth-child(5) { width: 11%; }
.gsc-account-table th:nth-child(6), .gsc-account-table td:nth-child(6) { width: 11%; }
.gsc-account-sites { text-align: center; }
.gsc-account-sites > summary { margin-inline: auto; }
.gsc-account-sites[open] > .gsc-account-site-list { text-align: left; }
/* Explicit domain-list disclosure arrow and destructive account button. */
.gsc-account-sites > summary { gap: 10px; list-style: none; }
.gsc-account-sites > summary::-webkit-details-marker { display: none; }
.gsc-account-sites > summary::after {
  content: ""; width: 9px; height: 9px; flex: 0 0 9px;
  border-right: 3px solid currentColor; border-bottom: 3px solid currentColor;
  transform: rotate(45deg) translateY(-2px); transition: transform .18s ease;
}
.gsc-account-sites[open] > summary::after { transform: rotate(225deg) translate(-1px,-1px); }
.gsc-account-table button[data-delete-gsc-account] {
  background: #d92335 !important; border-color: #d92335 !important; color: #fff !important;
  box-shadow: 0 5px 12px rgba(217,35,53,.20);
}
.gsc-account-table button[data-delete-gsc-account]:hover {
  background: #b81728 !important; border-color: #b81728 !important;
}
/* GSC onboarding/retry password prompt: compact desktop width. */
#onboarding-password-dialog {
  width: min(560px, calc(100vw - 32px));
}
.ops-confirm-dialog {
  width: min(560px, calc(100vw - 32px));
  border: 1px solid #b9cff0;
  border-radius: 16px;
  padding: 24px;
  background: #fff;
  box-shadow: 0 22px 70px rgba(7, 35, 80, .30);
}
.ops-confirm-dialog::backdrop { background: rgba(7, 26, 58, .58); backdrop-filter: blur(3px); }
.ops-confirm-dialog .dialog-head { align-items: flex-start; padding-bottom: 15px; border-bottom: 1px solid #dce7f5; }
.ops-confirm-dialog .view-kicker { margin: 0 0 5px; color: #1768d7; }
.ops-confirm-warning { display: grid; gap: 8px; margin-top: 18px; padding: 17px 18px; border: 1px solid #f0b3bc; border-radius: 12px; background: #fff3f4; color: #7f2935; line-height: 1.55; }
.ops-confirm-warning strong { color: #b51e33; font-size: 17px; }
.ops-confirm-warning p { margin: 0; }
.ops-confirm-dialog .dialog-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; }
.ops-confirm-dialog .dialog-actions button { min-width: 120px; }

/* Unified operations-site password dialogs. Enter submits every form. */
.ops-password-dialog {
  width: min(560px, calc(100vw - 32px));
  border: 1px solid #b9cff0;
  border-radius: 16px;
  padding: 24px;
  background: #fff;
  box-shadow: 0 22px 70px rgba(7, 35, 80, .30);
}
.ops-password-dialog::backdrop { background: rgba(7, 26, 58, .58); backdrop-filter: blur(3px); }
.ops-password-dialog .dialog-head { padding-bottom: 14px; border-bottom: 1px solid #dce7f5; }
.ops-password-dialog form.ops-password-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center;
  gap: 10px 12px !important;
  margin-top: 16px;
}
.ops-password-form > input[type="password"] {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  border: 1px solid #b9cae1;
  border-radius: 10px;
  padding: 9px 12px;
  font-size: 16px;
}
.ops-password-form > button[type="submit"] {
  min-width: 138px;
  min-height: 66px;
  padding: 12px 20px;
  border-radius: 11px;
  font-size: 15px;
  font-weight: 850;
}
.ops-password-form > .password-inline-error,
.ops-password-form > a { grid-column: 1 / -1; }
.ops-password-form-with-cancel > input[type="password"] { grid-column: 1; grid-row: 1; }
.ops-password-form-with-cancel > button[type="submit"] { grid-column: 2; grid-row: 1; }
.ops-password-form-with-cancel > .secondary { grid-column: 2; grid-row: 2; min-width: 138px; }
#onboarding-password-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 14px;
}
#onboarding-password-form input {
  width: 100%;
  min-width: 0;
}
@media (max-width: 560px) {
  #onboarding-password-form { grid-template-columns: 1fr; }
  #onboarding-password-form button { width: 100%; }
}
/* GSC account property manager v1 */
.gsc-view-sites-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 190px;
  min-height: 48px;
  padding: 10px 16px;
  border: 1px solid #b9cff0;
  background: linear-gradient(180deg, #f7fbff 0%, #e7f1ff 100%);
  color: #075cc8;
  font-weight: 850;
  box-shadow: 0 5px 14px rgba(28, 91, 174, .10);
}
.gsc-view-sites-button:hover { background: linear-gradient(180deg, #eef7ff 0%, #d9eaff 100%); color: #03499f; }
.gsc-view-sites-button.active { border-color: #176de4; background: linear-gradient(180deg, #e0efff 0%, #cfe4ff 100%); color: #03499f; }
.gsc-view-sites-button b { min-width: 34px; padding: 3px 8px; border-radius: 999px; background: #176de4; color: #fff; font-size: 12px; }
.gsc-view-sites-button i { width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.gsc-view-sites-button.active i { transform: rotate(225deg) translate(-2px,-1px); }
.gsc-view-sites-button .gsc-view-sites-unverified-badge {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 3;
  margin: 0;
}
.gsc-account-row-expanded {
  position: relative;
  background: #edf5ff;
  filter: drop-shadow(0 5px 10px rgba(29,111,242,.16));
}
.gsc-account-row-expanded td {
  border-top: 2px solid #1d6ff2;
  border-bottom: 0;
  background: linear-gradient(180deg, #f7fbff 0%, #e7f2ff 100%);
}
.gsc-account-row-expanded td:first-child {
  border-left: 2px solid #1d6ff2;
  border-radius: 12px 0 0 0;
}
.gsc-account-row-expanded td:last-child {
  border-right: 2px solid #1d6ff2;
  border-radius: 0 12px 0 0;
}
.gsc-account-sites-detail-row > td {
  padding: 0 22px 22px;
  border-right: 2px solid #1d6ff2;
  border-bottom: 2px solid #1d6ff2;
  border-left: 2px solid #1d6ff2;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(180deg, #e7f2ff 0%, #f8fbff 100%);
  white-space: normal;
}
.gsc-account-sites-wide-host { width: 100%; min-width: 0; }
.gsc-account-table { min-width: 1180px; }
.gsc-account-table th:nth-child(1), .gsc-account-table td:nth-child(1) { width: 22%; }
.gsc-account-table th:nth-child(2), .gsc-account-table td:nth-child(2) { width: 18%; }
.gsc-account-table th:nth-child(3), .gsc-account-table td:nth-child(3) { width: 9%; }
.gsc-account-table th:nth-child(4), .gsc-account-table td:nth-child(4) { width: 29%; }
.gsc-account-table th:nth-child(5), .gsc-account-table td:nth-child(5) { width: 11%; }
.gsc-account-table th:nth-child(6), .gsc-account-table td:nth-child(6) { width: 11%; }
.gsc-sites-panel {
  position: static;
  width: 100%;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: translateY(-6px);
  transition: max-height .22s cubic-bezier(.2,.75,.25,1), margin-top .22s ease, opacity .16s ease, transform .22s ease;
}
.gsc-sites-panel.is-open {
  max-height: 860px;
  margin-top: 12px;
  opacity: 1;
  transform: translateY(0);
}
.gsc-account-sites-detail-row .gsc-sites-panel-head {
  border-bottom: 0;
  background: transparent;
  box-shadow: none;
}
.gsc-account-sites-detail-row .gsc-sites-table-wrap {
  max-height: min(600px, 65vh);
  overflow: auto;
}
.gsc-account-sites-detail-row .gsc-sites-table {
  border-collapse: separate;
  border-spacing: 0;
}
.gsc-account-sites-detail-row .gsc-sites-table thead th {
  position: sticky;
  top: 0;
  z-index: 4;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 0 #cbd8e8;
}
.gsc-account-sites-detail-row .gsc-sites-table tbody td {
  padding-top: 7px;
  padding-bottom: 7px;
}
.gsc-account-sites-detail-row .gsc-sites-table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #d9e2ef !important;
  box-shadow: inset 0 -1px 0 rgba(217,226,239,.42);
}
.gsc-account-sites-detail-row .gsc-property-cell strong { font-size: 13px; }
.gsc-account-sites-detail-row .gsc-property-type,
.gsc-account-sites-detail-row .gsc-verification-badge {
  min-width: 86px;
  padding: 4px 9px;
  font-size: 11px;
}
.gsc-sites-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #cddcf0;
  background: linear-gradient(135deg, #fff 0%, #edf5ff 100%);
}
.gsc-sites-panel-head .subtle { margin-bottom: 0; }
.gsc-sites-panel-head > button { min-width: 120px; }
.gsc-sites-dialog {
  width: min(1180px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow: auto;
  background: #f7faff;
}
.gsc-sites-dialog-head {
  position: sticky;
  top: 0;
  z-index: 8;
  padding: 22px 26px 18px;
  border-bottom: 1px solid #cddcf0;
  background: linear-gradient(135deg, #fff 0%, #edf5ff 100%);
  box-shadow: 0 8px 20px rgba(23, 66, 124, .10);
}
.gsc-sites-dialog-head .subtle { margin-bottom: 0; }
.gsc-site-kind-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 22px 26px 14px;
}
.gsc-site-kind-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
  padding: 13px 18px 13px 24px;
  overflow: hidden;
  border: 1px solid #cedbf0;
  background: #fff;
  color: #263a59;
  font-size: 16px;
  font-weight: 850;
  box-shadow: 0 5px 16px rgba(28, 55, 94, .07);
}
.gsc-site-kind-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 7px; background: #1d6ff2; }
.gsc-site-kind-button.kind-https::before { background: #0aa46f; }
.gsc-site-kind-button.kind-unverified::before { background: #df3849; }
.gsc-site-kind-button b { min-width: 42px; padding: 5px 10px; border-radius: 999px; background: #e8eff9; color: #334765; font-size: 13px; text-align: center; }
.gsc-site-kind-button.active { border-color: #176fe8; background: linear-gradient(135deg, #0c3d88, #176fe8); color: #fff; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(23, 111, 232, .24); }
.gsc-site-kind-button.active::before { background: rgba(255,255,255,.85); }
.gsc-site-kind-button.active b { background: rgba(255,255,255,.20); color: #fff; }
.gsc-site-kind-button.kind-unverified.active { border-color: #c92c3d; background: linear-gradient(135deg, #a51d2d, #df3849); box-shadow: 0 10px 24px rgba(201, 44, 61, .22); }
.gsc-site-manage-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 26px 14px; }
.gsc-site-manage-toolbar .subtle { margin: 0; }
#gsc-remove-sites { min-width: 260px; min-height: 44px; background: #cb2638; color: #fff; box-shadow: 0 7px 16px rgba(203, 38, 56, .18); }
#gsc-remove-sites:hover { background: #ad1e2e; }
#gsc-remove-sites:disabled { background: #e7a1aa; color: #fff; box-shadow: none; }
.gsc-sites-table-wrap { margin: 0 26px 26px; overflow: hidden; border: 1px solid #d7e1ef; border-radius: 12px; background: #fff; }
.gsc-sites-table { min-width: 0; table-layout: fixed; }
.gsc-sites-table th, .gsc-sites-table td { text-align: center; vertical-align: middle; }
.gsc-sites-table th { padding-top: 15px; padding-bottom: 15px; background: linear-gradient(180deg, #f3f7fd, #e8f0fb); color: #27466e; font-size: 14px; font-weight: 850; }
.gsc-sites-table th:nth-child(1), .gsc-sites-table td:nth-child(1) { width: 64px; }
.gsc-sites-table th:nth-child(2), .gsc-sites-table td:nth-child(2) { width: 52%; text-align: left; }
.gsc-sites-table th:nth-child(3), .gsc-sites-table td:nth-child(3) { width: 22%; }
.gsc-sites-table th:nth-child(4), .gsc-sites-table td:nth-child(4) { width: 20%; }
.gsc-sites-table tbody td { padding-top: 14px; padding-bottom: 14px; }
.gsc-sites-table tbody tr:hover { background: #f4f8ff; }
.gsc-property-cell strong { display: block; color: #102a4e; overflow-wrap: anywhere; white-space: normal; font-size: 15px; }
.gsc-property-type, .gsc-verification-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 96px; padding: 6px 11px; border-radius: 999px; font-size: 12px; font-weight: 850; }
.gsc-property-type.domain { background: #e4edff; color: #1757b4; }
.gsc-property-type.https { background: #ddf8ed; color: #08764e; }
.gsc-verification-badge.verified { background: #d8f7e6; color: #087142; }
.gsc-verification-badge.unverified { background: #ffe0e3; color: #b31e31; }
.gsc-sites-table .check-cell.is-hidden { visibility: hidden; }
.gsc-sites-empty { padding: 34px !important; color: #6a7890; text-align: center !important; }
@media (max-width: 760px) {
  .gsc-sites-panel-head { align-items: stretch; flex-direction: column; padding-inline: 16px; }
  .gsc-sites-panel-head > button { width: 100%; }
  .gsc-site-kind-tabs { grid-template-columns: 1fr; padding-inline: 16px; }
  .gsc-site-manage-toolbar { align-items: stretch; flex-direction: column; padding-inline: 16px; }
  #gsc-remove-sites { width: 100%; min-width: 0; }
  .gsc-sites-table-wrap { margin-inline: 16px; overflow-x: auto; }
  .gsc-sites-table { min-width: 720px; }
}
/* Compact row numbers for traffic tables and an explicit sequence column in domain management. */
.row-index-inline {
  display: inline-block;
  width: 28px;
  margin-right: 6px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
  text-align: right;
  vertical-align: 1px;
  font-variant-numeric: tabular-nums;
}
.summary-table tbody td:first-child,
.gsc-table .gsc-site { overflow: hidden; text-overflow: ellipsis; }
.manage-table .sequence-cell {
  width: 76px;
  text-align: center;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.manage-table th:last-child,
.manage-table td:last-child { width: 90px; text-align: right; }
/* 2026-07-22 balanced traffic tables and in-memory GSC trend */
.summary-table,
.gsc-table {
  width: 100%;
  min-width: 0 !important;
  table-layout: fixed;
}
.summary-table th,
.summary-table td,
.gsc-table th,
.gsc-table td {
  text-align: center !important;
  padding-left: 8px;
  padding-right: 8px;
}
.summary-table th:nth-child(1), .summary-table td:nth-child(1) { width: 4% !important; }
.summary-table th:nth-child(2), .summary-table td:nth-child(2) { width: 21% !important; }
.summary-table th:nth-child(3), .summary-table td:nth-child(3) { width: 9% !important; }
.summary-table th:nth-child(4), .summary-table td:nth-child(4) { width: 11% !important; }
.summary-table th:nth-child(5), .summary-table td:nth-child(5) { width: 12% !important; }
.summary-table th:nth-child(6), .summary-table td:nth-child(6) { width: 8.5% !important; }
.summary-table th:nth-child(7), .summary-table td:nth-child(7) { width: 8% !important; }
.summary-table th:nth-child(8), .summary-table td:nth-child(8) { width: 8% !important; }
.summary-table th:nth-child(9), .summary-table td:nth-child(9) { width: 9.5% !important; }
.summary-table th:nth-child(10), .summary-table td:nth-child(10) { width: 9% !important; }
.sequence-cell {
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}
.summary-table .domain-cell,
.gsc-table .gsc-site {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  color: #0b2344;
  font-weight: 850;
  line-height: 1.3;
}
.copy-domain-text { cursor:text; }
.gsc-table th:nth-child(1), .gsc-table td:nth-child(1) { width: 4% !important; }
.gsc-table th:nth-child(2), .gsc-table td:nth-child(2) { width: 22% !important; }
.gsc-table th:nth-child(3), .gsc-table td:nth-child(3) { width: 12% !important; }
.gsc-table th:nth-child(n+4), .gsc-table td:nth-child(n+4) { width: 12.4% !important; }
.gsc-table th:nth-child(4), .gsc-table td:nth-child(4) {
  border-left: 2px solid #cbd8e8;
}
.gsc-toolbar {
  grid-template-columns: minmax(350px, .72fr) minmax(520px, 1.28fr) !important;
  align-items: center;
}
.gsc-trend-card {
  width: 100%;
  min-width: 0;
  padding: 11px 15px 8px;
  border: 1px solid #cdd9e9;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  box-shadow: 0 4px 12px rgba(22, 48, 84, .06);
}
.gsc-trend-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #17365f;
  font-size: 13px;
  font-weight: 850;
}
.gsc-trend-legend {
  display: flex;
  gap: 13px;
  color: #526177;
  font-size: 11px;
}
.gsc-trend-legend span { display: inline-flex; align-items: center; gap: 5px; }
.gsc-trend-legend i { width: 17px; height: 3px; border-radius: 9px; }
.gsc-trend-legend i.clicks { background: #1d6ff2; }
.gsc-trend-legend i.impressions { background: #09a26f; }
.gsc-trend-chart {
  display: grid;
  place-items: center;
  min-height: 176px;
  color: #718098;
  font-size: 13px;
}
.gsc-trend-chart svg { display: block; width: 100%; height: 176px; }
.gsc-trend-axis { stroke: #d7e2ef; stroke-width: 1; }
.gsc-trend-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.gsc-trend-line.clicks { stroke: #1d6ff2; }
.gsc-trend-line.impressions { stroke: #09a26f; }
.gsc-trend-chart text { fill: #6a7890; font-size: 10px; font-weight: 650; }
.gsc-account-bar {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center !important;
  gap: 14px;
}
.gsc-account-bar .gsc-state {
  justify-self: end;
  max-width: 440px;
  margin: 0;
  text-align: right;
  line-height: 1.45;
}
.gsc-state-panel { justify-self: end; display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; }
.gsc-state-panel .gsc-state { justify-self: auto; }
.gsc-state-panel .gsc-state { font-size:15px; }
.gsc-failure-details-open { flex: 0 0 auto; padding: 6px 11px; border: 1px solid #8dbbf4; background: #e8f2ff; color: #075bbb; font-size: 14px; font-weight: 850; }
.gsc-failed-count,.gsc-fetch-failed { display:inline-flex;align-items:center;justify-content:center;border:1px solid #ef7f90;border-radius:999px;background:#fff0f2;color:#c51f39;font-weight:900;line-height:1; }
.gsc-failed-count { padding:5px 9px;box-shadow:0 3px 9px rgba(197,31,57,.14); }
.gsc-fetch-failed { padding:5px 9px;font-size:13px; }
.gsc-fetch-failed-row td { background:#fffafb; }
.gsc-failure-details-open:hover { background: #d8eaff; color: #034998; }
.gsc-failure-details-dialog { width: min(1100px, calc(100vw - 32px)); }
.gsc-failure-details-table { min-width: 850px; margin-top: 14px; }
.gsc-failure-details-table th { background: #edf4ff; color: #17365f; }
.gsc-failure-details-table th:nth-child(1) { width: 80px; }
.gsc-failure-details-table th:nth-child(2) { width: 180px; }
.gsc-failure-details-table th:nth-child(3) { width: 250px; }
.gsc-failure-details-table td { vertical-align: top; white-space: normal; line-height: 1.5; }
.gsc-failure-site { color: #124f9c; font-weight: 750; overflow-wrap: anywhere; }
.gsc-failure-reason { color: #a42132; overflow-wrap: anywhere; }
.gsc-failure-empty { padding: 28px 18px !important; color: #6a7890; text-align: center; }
@media (max-width: 900px) {
  .gsc-toolbar { grid-template-columns: 1fr !important; }
  .gsc-account-bar { grid-template-columns: 1fr !important; align-items: start !important; }
  .gsc-account-bar .gsc-state { justify-self: start; max-width: none; text-align: left; }
  .gsc-state-panel { justify-self: stretch; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
  .gsc-trend-card { margin-top: 4px; }
}

.field-help { display:block; margin-top:6px; color:#60728f; font-size:13px; font-weight:600; line-height:1.45; }

.cf-job-items th:nth-child(2), .cf-job-items td:nth-child(2) { text-align:center; }
.sitemap-countdown { display:inline-block; margin-left:5px; color:#9a6500; font-size:12px; font-weight:800; vertical-align:middle; }

.sitemap-line-error { display:inline-block; margin-left:5px; color:#bd1730; font-size:12px; font-weight:850; vertical-align:middle; }
.sitemap-resubmit-note { display:inline-block; margin-left:5px; color:#9a6500; font-size:12px; font-weight:850; vertical-align:middle; }

/* 清缓存后重新预热 */
.purge-warm-options{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(180px,.6fr) minmax(280px,1fr);gap:16px;align-items:end;padding:18px 20px;border:1px solid #bfd9fb;border-radius:14px;background:#edf6ff}
.purge-warm-options label{margin:0}.purge-warm-options .check-label{min-height:48px;align-items:center}.purge-warm-options p{grid-column:1/-1;margin:0;color:#526987;font-weight:600}
.purge-action-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.purge-action-row button{width:100%;min-height:54px}
@media(max-width:900px){.purge-warm-options,.purge-action-row{grid-template-columns:1fr}}

/* GSC account label colors */
.account-color-blue{--account-bg:#e8f2ff;--account-fg:#1556a9;--account-border:#9ec5f5;--account-solid:#1d6ff2}
.account-color-green{--account-bg:#e3f8ed;--account-fg:#087443;--account-border:#8ad5ae;--account-solid:#0aa36c}
.account-color-purple{--account-bg:#f0e8ff;--account-fg:#6933a8;--account-border:#bba2e9;--account-solid:#8154cf}
.account-color-orange{--account-bg:#fff0df;--account-fg:#9a4b08;--account-border:#f2b77d;--account-solid:#f57c19}
.account-color-red{--account-bg:#ffe7e9;--account-fg:#a51e2d;--account-border:#eca0aa;--account-solid:#e53d4e}
.account-color-cyan{--account-bg:#e2f7f8;--account-fg:#066d75;--account-border:#8ad3d7;--account-solid:#08a5ad}
.account-color-pink{--account-bg:#ffe7f2;--account-fg:#9a2459;--account-border:#efa4c3;--account-solid:#df3f87}
.account-color-indigo{--account-bg:#e9ebff;--account-fg:#3f49a8;--account-border:#a7afe9;--account-solid:#4b57c8}
.account-color-lime{--account-bg:#edf7df;--account-fg:#4d7310;--account-border:#b9d884;--account-solid:#6e9e18}
.account-color-slate{--account-bg:#e9edf2;--account-fg:#415064;--account-border:#b3bfcc;--account-solid:#64748b}
.gsc-account-chip{background:var(--account-bg,#e8f2ff);color:var(--account-fg,#1556a9);border-color:var(--account-border,#cfe1f8)}
.onboarding-account-field{display:grid;grid-column:1/-1;gap:7px}
.onboarding-field-label{color:#40516b;font-size:13px;font-weight:850}
.gsc-account-picker{display:flex;flex-wrap:wrap;gap:10px;min-height:58px;padding:10px;border:1px solid #cbd8e9;border-radius:12px;background:#f3f7fd}
.gsc-account-option{display:inline-flex;align-items:center;gap:8px;width:auto;min-height:40px;padding:8px 13px;border:2px solid var(--account-border);border-radius:999px;background:var(--account-bg);color:var(--account-fg);font-weight:850;box-shadow:none}
.gsc-account-option:hover{background:var(--account-bg);color:var(--account-fg);transform:translateY(-1px);box-shadow:0 5px 12px rgba(30,62,110,.13)}
.gsc-account-option b{padding-left:8px;border-left:1px solid var(--account-border);font-size:12px}
.onboarding-account-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid var(--account-border);border-radius:999px;background:var(--account-bg);color:var(--account-fg);font-weight:850;white-space:nowrap}
.gsc-account-option i{display:none;font-style:normal}
.gsc-account-option.selected{border-color:var(--account-solid);outline:2px solid var(--account-solid);outline-offset:1px}
.gsc-account-option.selected i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--account-solid);color:#fff;font-size:12px}
.gsc-account-picker-empty{align-self:center;color:#60728f;font-weight:700}
.gsc-account-color-picker{display:grid;grid-template-columns:repeat(5,22px);justify-content:center;gap:7px;padding:7px;border:1px solid #d2deed;border-radius:10px;background:#f6f9fd}
.gsc-account-color-swatch{position:relative;width:22px;height:22px;min-height:0;padding:0;border:2px solid #fff;border-radius:7px;background:var(--account-solid);box-shadow:0 0 0 1px #b9c6d7}
.gsc-account-color-swatch:hover{background:var(--account-solid);transform:scale(1.08);box-shadow:0 0 0 1px #74859c}
.gsc-account-color-swatch.selected{box-shadow:0 0 0 2px #172b4d,0 0 0 4px #fff}
.gsc-account-color-swatch.selected::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.gsc-account-table{min-width:1180px;table-layout:fixed}
.gsc-account-table th:nth-child(1),.gsc-account-table td:nth-child(1){width:18%}
.gsc-account-table th:nth-child(2),.gsc-account-table td:nth-child(2){width:15%}
.gsc-account-table th:nth-child(3),.gsc-account-table td:nth-child(3){width:8%}
.gsc-account-table th:nth-child(4),.gsc-account-table td:nth-child(4){width:21%}
.gsc-account-table th:nth-child(5),.gsc-account-table td:nth-child(5){width:16%}
.gsc-account-table th:nth-child(6),.gsc-account-table td:nth-child(6){width:11%}
.gsc-account-table th:nth-child(7),.gsc-account-table td:nth-child(7){width:11%}
@media(max-width:700px){.gsc-account-option{width:100%;justify-content:flex-start}.gsc-account-color-picker{grid-template-columns:repeat(5,22px)}}
.redirect-update-preview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.redirect-update-preview span { padding:12px; border-radius:9px; background:#fff; color:#17365f; font-weight:750; }
.cf-removed-tab { background:#fff0f1 !important; color:#c6283b !important; border:1px solid #ef9ca7 !important; }
.domain-removed-row { background:#fff8f8; }
@media (max-width:900px){.redirect-update-preview{grid-template-columns:1fr}.cf-ops-nav .config-nav-item,.cf-ops-nav .single-domain-nav-item,.cf-ops-nav .whole-redirect-nav-item{grid-column:auto;grid-row:auto}.cf-ops-head .back-home{min-height:46px}}

/* Whole-site redirect */
.whole-redirect-form{max-width:1100px}
.whole-redirect-domain-grid{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:end;gap:14px}
.whole-redirect-domain-grid textarea{min-height:150px;resize:vertical;line-height:1.55}
.whole-redirect-arrow{display:grid;place-items:center;height:48px;color:#126be2;font-size:30px;font-weight:900}
.whole-redirect-pairing{margin:0;padding:10px 14px;border-radius:10px;background:#f3f7fc;color:#526984;font-weight:750}
.whole-redirect-pairing.ready{background:#e7f8ef;color:#087d46}.whole-redirect-pairing.error{background:#fff0f1;color:#c6283b}
.whole-redirect-options{display:grid;grid-template-columns:32% minmax(0,1fr);column-gap:34px;row-gap:14px;align-items:end;padding:18px 20px;border:1px solid #bfd9fb;border-radius:14px;background:#edf6ff}
.whole-redirect-options .check-label{min-height:48px;margin:0;align-items:center}
.whole-redirect-checks{display:flex;align-items:end;justify-content:flex-end;gap:clamp(72px,7vw,130px);padding-right:7%}
.whole-redirect-status-note{grid-column:1/-1;margin:0;padding:10px 13px;border-radius:9px;background:#fff;color:#4c6482;font-size:13px;line-height:1.5}
.whole-redirect-status-note strong{color:#075bbb}
.whole-redirect-default-note,.whole-redirect-danger{display:grid;gap:5px;padding:15px 18px;border-radius:12px;line-height:1.5}
.whole-redirect-default-note{border:1px solid #a9d1ff;background:#eef7ff;color:#365b86}
.whole-redirect-default-note strong{color:#075bbb;font-size:16px}
.whole-redirect-danger{border:1px solid #cbdcf2;background:#f5f9ff;color:#53647d}
.whole-redirect-danger>strong{font-size:16px;color:#17365f}
.whole-redirect-submit{min-height:54px;font-size:16px;font-weight:900}
.whole-redirect-result{display:grid;gap:4px;min-width:270px}
.whole-redirect-result strong{color:#123e78}
.whole-redirect-result span{color:#425d7e;font-weight:750}
.whole-redirect-result small{color:#6c7c91}
@media(max-width:900px){.whole-redirect-options{grid-template-columns:1fr}.whole-redirect-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-right:0}}
@media(max-width:700px){.whole-redirect-domain-grid,.whole-redirect-options{grid-template-columns:1fr}.whole-redirect-arrow{height:26px;transform:rotate(90deg)}}

/* Single-domain DNS and WAF workspace */
.single-domain-inspect-form{display:grid;grid-template-columns:minmax(280px,720px) 220px;align-items:end;gap:14px;max-width:960px}
.single-domain-inspect-form button{min-height:48px}
.single-domain-workspace{display:grid;gap:16px;margin-top:24px}
.single-domain-panels{display:grid;gap:20px}
.single-domain-panels[hidden]{display:none!important}
.single-domain-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:15px 18px;border:1px solid #bfd9fb;border-radius:13px;background:#edf6ff}
.single-domain-summary{display:grid;gap:4px}.single-domain-toolbar .single-domain-summary>strong{color:#102b51;font-size:20px}.single-domain-toolbar .single-domain-summary>span{color:#58708f;font-size:13px;font-weight:750}
.single-domain-summary{grid-column:1}
.single-operation-progress{grid-column:2}
.single-domain-toolbar>button{grid-column:3;justify-self:end}
.single-operation-progress{display:flex;align-items:center;justify-content:center;gap:9px;min-width:250px;padding:9px 15px;border:1px solid #e5ad35;border-radius:999px;background:#fff7d9;color:#8b5700;box-shadow:0 4px 12px rgba(173,112,0,.12)}
.single-operation-progress[hidden]{display:none!important}
.single-operation-progress strong{color:#8b5700;font-size:14px;white-space:nowrap}
.single-operation-progress i{width:17px;height:17px;border:2px solid #f4d889;border-top-color:#d08a00;border-radius:50%;animation:single-operation-spin .8s linear infinite}
@keyframes single-operation-spin{to{transform:rotate(360deg)}}
.single-domain-panel{display:grid;gap:14px;padding:18px;border:1px solid #d5e3f5;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(25,66,120,.06)}
.single-domain-panel+.single-domain-panel{margin-top:4px}
.single-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.single-panel-head h3{margin:0 0 5px;color:#102b51;font-size:20px}.single-panel-head p{margin:0;color:#60728f;font-size:13px}
.single-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.single-panel-actions>button:not(.single-batch-delete){background:#1d6ff2;color:#fff}
.single-panel-actions .single-batch-delete{border-color:#d1263d;background:#d1263d;color:#fff}
.single-panel-actions .single-batch-delete:hover:not(:disabled){border-color:#ae1730;background:#ae1730;color:#fff}
.single-panel-actions .single-batch-delete:disabled{border-color:#e5a7b0;background:#e5a7b0;color:#fff;opacity:.72}
.single-domain-table{min-width:980px;table-layout:fixed}
.single-domain-table th{background:#edf4ff;color:#17365f}.single-domain-table td{vertical-align:middle}
.single-domain-table th:nth-child(1){width:120px}.single-domain-table th:nth-child(2){width:190px}.single-domain-table th:nth-child(4){width:155px}.single-domain-table th:nth-child(5){width:95px}.single-domain-table th:nth-child(6){width:145px}
.single-select-all,.single-row-select{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;cursor:pointer}
.single-select-all input,.single-row-select input{width:17px;height:17px;min-width:17px;margin:0;accent-color:#1d6ff2;cursor:pointer}
.single-dns-table th:nth-child(2),
.single-waf-table th:nth-child(2),
.single-cache-table th:nth-child(2){width:250px}
.single-dns-table th:nth-child(3),
.single-dns-table td:nth-child(3),
.single-waf-table th:nth-child(3),
.single-waf-table td:nth-child(3),
.single-cache-table th:nth-child(3),
.single-cache-table td:nth-child(3){padding-left:28px}
.single-dns-table td:nth-child(2),
.single-waf-table td:nth-child(2),
.single-cache-table td:nth-child(2){overflow-wrap:anywhere;word-break:break-word;line-height:1.4}
.single-waf-table td:nth-child(2) strong,
.single-cache-table td:nth-child(2) strong{display:block;max-width:100%;white-space:normal}
.single-rate-table th:nth-child(1),.single-rate-table td:nth-child(1),
.single-redirect-table th:nth-child(1),.single-redirect-table td:nth-child(1){width:7%}
.single-rate-table th:nth-child(2),.single-rate-table td:nth-child(2),
.single-redirect-table th:nth-child(2),.single-redirect-table td:nth-child(2){width:20%;white-space:normal}
.single-rate-table th:nth-child(3),.single-rate-table td:nth-child(3),
.single-rate-table th:nth-child(4),.single-rate-table td:nth-child(4),
.single-redirect-table th:nth-child(3),.single-redirect-table td:nth-child(3),
.single-redirect-table th:nth-child(4),.single-redirect-table td:nth-child(4){width:26%}
.single-rate-table th:nth-child(5),.single-rate-table td:nth-child(5),
.single-redirect-table th:nth-child(5),.single-redirect-table td:nth-child(5){width:8%}
.single-rate-table th:nth-child(6),.single-rate-table td:nth-child(6),
.single-redirect-table th:nth-child(6),.single-redirect-table td:nth-child(6){width:13%}
.single-rate-table td:nth-child(2) strong,.single-redirect-table td:nth-child(2) strong{display:block;line-height:1.45;overflow-wrap:anywhere}
.single-domain-table th,.single-domain-table td{vertical-align:middle}
.single-domain-table td{font-size:15px}
.single-dns-table td:nth-child(2),.single-dns-table td:nth-child(3) .single-record-content{font-weight:800}
.single-record-content,.single-waf-expression{display:block;max-height:110px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#304866;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.55}
.single-waf-action{display:grid;gap:3px;min-width:0;white-space:normal}.single-waf-action b{color:#17365f;font-size:14px}.single-waf-action small{color:#60728f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.single-rule-detail{display:grid;gap:3px;min-width:0;white-space:normal}.single-rule-detail b{color:#17365f;font-size:14px}.single-rule-detail small{color:#60728f;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.single-rule-target{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.single-redirect-detail .single-rule-target{font-size:16px;line-height:1.45;overflow-wrap:anywhere}.single-redirect-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.single-redirect-meta i{color:#8a9ab0;font-style:normal}
.single-record-actions{display:flex;gap:7px;justify-content:flex-start}.single-record-actions button{min-height:34px;padding:6px 11px;font-size:12px}.single-record-actions .single-delete{border-color:#d1263d;background:#d1263d;color:#fff}
.single-record-actions .single-delete:hover{border-color:#ae1730;background:#ae1730;color:#fff}
.single-state{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#e3f8ed;color:#087443;font-size:12px;font-weight:850}.single-state.off{background:#edf1f6;color:#66758a}
.single-proxy{font-size:12px;font-weight:850;color:#62748d}.single-proxy.on{color:#d87300}
.single-empty{padding:32px 18px!important;text-align:center;color:#65768f}
.single-operation-dialog{width:min(640px,calc(100vw - 32px))}
#single-dns-dialog{width:min(560px,calc(100vw - 32px))}
.single-edit-form{display:grid;gap:18px}.single-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.single-edit-grid .full-row{grid-column:1/-1}
.single-edit-grid [hidden]{display:none!important}
.single-edit-grid textarea{min-height:130px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
.single-edit-grid .check-label{display:flex;align-items:center;align-self:end;gap:10px;min-height:40px;padding:8px 10px;border:1px solid #d5e1f0;border-radius:8px;background:#f5f9ff;white-space:nowrap}
.single-edit-grid .check-label input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin:0;accent-color:#1d6ff2}
.single-operation-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.single-operation-dialog .dialog-actions button{min-width:120px}
.single-delete-dialog p{padding:16px;border:1px solid #cbdcf2;border-radius:10px;background:#f5f9ff;color:#40516b;line-height:1.55}
.single-result-dialog{width:min(430px,calc(100vw - 32px))}
.single-result-dialog p{padding:16px;border:1px solid #b9d8f8;border-radius:10px;background:#eef7ff;color:#234f82;font-size:15px;font-weight:700;line-height:1.55}
.single-result-dialog.error p{border-color:#f0b0b9;background:#fff1f2;color:#a51e30}
.single-result-dialog .dialog-actions button{min-width:110px}
@media(max-width:700px){.single-domain-inspect-form,.single-edit-grid,.single-domain-toolbar{grid-template-columns:1fr}.single-domain-summary,.single-operation-progress,.single-domain-toolbar>button{grid-column:auto}.single-domain-toolbar>button{justify-self:stretch}.single-operation-progress{min-width:0}.single-panel-head{align-items:stretch;flex-direction:column}.single-panel-actions{display:grid;grid-template-columns:1fr 1fr}.single-panel-actions>button{width:100%}}

.removed-reason { display:block; color:#b42335; font-size:12px; line-height:1.35; margin-top:3px; }


/* Redirect records workspace */
.cf-ops-head .back-home {
  position: static;
  justify-self: end;
  align-self: center;
  width: 100%;
  height: 101px;
  min-height: 0;
  box-sizing: border-box;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.redirect-update-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  gap: 22px;
  align-items: start;
}
.redirect-update-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 20px;
  border: 1px solid #d7e2f1;
  border-radius: 18px;
  background: #f8fbff;
}
.redirect-flow {
  border: 1px solid #c9ddf8;
  border-radius: 16px;
  padding: 16px;
  background: linear-gradient(145deg, #edf6ff, #f8fbff);
}
.redirect-flow-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.redirect-flow-head strong { color:#0b3268; font-size:18px; }
.redirect-flow-head span { color:#60738f; font-size:13px; }
.redirect-flow ol { margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.redirect-flow li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; align-items:center; padding:12px; border:1px solid #d9e5f3; border-radius:12px; background:#fff; }
.redirect-flow li > b { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#fff; background:#1976ed; }
.redirect-flow li span { display:grid; gap:2px; }
.redirect-flow li strong { color:#102d55; font-size:15px; }
.redirect-flow li small { color:#667991; line-height:1.5; }
.redirect-records-panel { min-width:0; border:1px solid #cddbee; border-radius:18px; padding:18px; background:#fff; box-shadow:0 10px 26px rgba(20,54,96,.08); }
.redirect-records-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid #e2eaf4; }
.redirect-records-head h3 { margin:2px 0 0; color:#102d55; font-size:20px; }
.redirect-records-head-actions { display:flex; align-items:center; gap:10px; color:#60738f; font-size:13px; font-weight:750; white-space:nowrap; }
.redirect-records-head button { min-height:38px; padding:0 14px; border:1px solid #b9cce5; border-radius:10px; color:#1457a6; background:#f4f8ff; font-weight:700; cursor:pointer; }
.redirect-record-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:15px 0 10px; }
.redirect-record-tab { position:relative; display:inline-flex; align-items:center; gap:7px; padding:9px 13px; border:1px solid #cad8ea; border-radius:10px; background:#edf3fb; color:#18375f; font-weight:800; cursor:pointer; }
.redirect-record-tab.active { border-color:#1976ed; color:#fff; background:#1976ed; box-shadow:0 5px 13px rgba(25,118,237,.2); }
.redirect-tab-alert-badge { display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border:2px solid #fff; border-radius:999px; color:#fff; background:#e62843; box-shadow:0 2px 6px rgba(153,18,38,.28); font-size:11px; font-weight:900; line-height:1; }
.redirect-record-summary { margin-bottom:12px; padding:10px 12px; border-radius:10px; color:#38516f; background:#f1f6fc; font-size:14px; font-weight:700; }
.redirect-record-list { max-height:570px; overflow:auto; display:grid; gap:9px; padding-right:3px; }
.redirect-domain-record { border:1px solid #dde6f1; border-radius:12px; overflow:hidden; background:#fff; }
.redirect-domain-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 12px; background:#f7faff; }
.redirect-domain-head strong { overflow-wrap:anywhere; color:#0d2c54; }
.redirect-domain-head em { padding:3px 8px; border-radius:999px; background:#d9f5e5; color:#087d46; font-style:normal; font-size:12px; font-weight:800; }
.redirect-rule { display:grid; grid-template-columns:minmax(120px,.72fr) minmax(105px,.72fr) minmax(0,1.3fr); gap:14px; padding:10px 12px; border-top:1px solid #edf1f6; font-size:13px; align-items:start; }
.redirect-rule-columns { padding-top:7px; padding-bottom:7px; background:#f8fbff; color:#63758d; font-size:12px; font-weight:800; }
.redirect-rule-name { color:#105fb9; font-weight:800; overflow-wrap:anywhere; }
.redirect-rule-path { color:#263e5d; font-weight:400; overflow-wrap:anywhere; }
.redirect-rule-target { color:#263e5d; overflow-wrap:anywhere; }
.redirect-record-error { padding:11px 12px; border-top:1px solid #fde0e4; color:#bf2636; background:#fff6f7; font-size:13px; }
.redirect-update-result { display:grid; gap:5px; }
.redirect-update-result > strong { color:#087d46; }
.redirect-update-result span { display:block; color:#334d6d; font-size:13px; overflow-wrap:anywhere; }
.redirect-update-result b { color:#0b63c7; }
.empty-note { margin:0; padding:28px 12px; color:#78899e; text-align:center; }
@media (max-width: 1180px) { .redirect-update-workspace { grid-template-columns:1fr; } .redirect-record-list { max-height:460px; } }
@media (max-width: 900px) { .cf-ops-head .back-home { height:46px; } .redirect-rule { grid-template-columns:1fr; gap:4px; } }
@media (max-width: 680px) { .redirect-records-head { align-items:flex-start; } .redirect-records-head-actions { align-items:flex-end; flex-direction:column; white-space:normal; text-align:right; } }

/* Exact two-row navigation height */
.cf-ops-head .back-home {
  height: 101px !important;
  min-height: 101px !important;
  max-height: 101px !important;
  align-self: center !important;
  box-sizing: border-box;
}
@media (max-width: 900px) {
  .cf-ops-head .back-home { height: 46px !important; min-height: 46px !important; max-height: 46px !important; }
}

/* Redirect target cache workspace */
.redirect-update-workspace{align-items:start}
.redirect-update-form,.redirect-records-panel{box-sizing:border-box;margin:0;padding:20px;align-self:start}
.redirect-update-options{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,1fr);gap:18px;align-items:end}
.redirect-update-options .check-label{min-height:44px;display:flex;align-items:center;padding:0 14px;border:1px solid #cbd8eb;border-radius:10px;background:#fff}
.redirect-record-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.redirect-record-times span{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #d8e4f3;border-radius:9px;background:#f6f9fd;color:#516582;font-size:13px}
.redirect-record-times time{font-variant-numeric:tabular-nums;color:#173a68}
.redirect-category-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#eaf2ff;color:#1261bf;font-size:12px;font-weight:700}
.redirect-records-panel #refresh-redirect-records:disabled{opacity:.65;cursor:wait}
@media(max-width:900px){.redirect-update-options,.redirect-record-times{grid-template-columns:1fr}}


/* 任务进度结果列：内容严格限制在本列内 */
.cf-job-items th:nth-child(1), .cf-job-items td:nth-child(1) { width: 24%; }
.cf-job-items th:nth-child(2), .cf-job-items td:nth-child(2) { width: 10%; text-align: center; }
.cf-job-items th:nth-child(3), .cf-job-items td:nth-child(3) { width: 31%; }
.cf-job-items th:nth-child(4), .cf-job-items td:nth-child(4) { width: 35%; }
.cf-job-items td {
  min-width: 0;
  vertical-align: top;
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.55;
}
.cf-job-items td:nth-child(3),
.cf-job-items td:nth-child(4) {
  padding-right: 18px;
}


/* 批量更新解析 */
.dns-update-form{display:grid;grid-template-columns:1fr;gap:18px}
.dns-update-main-grid{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(260px,1.45fr) minmax(140px,.55fr);gap:16px}
.dns-update-main-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#2c405e}
.dns-update-main-grid input,.dns-update-main-grid select{width:100%;min-height:48px;border:1px solid #c8d5e8;border-radius:10px;background:#fff;padding:0 14px;color:#0d2344;font-weight:700}
.dns-update-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border:1px solid #c9ddfa;border-radius:14px;background:#f1f7ff}
.dns-update-mode .check-label{min-height:54px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #cdd9e9;border-radius:11px;background:#fff;font-weight:700}
.dns-update-mode .check-label input{width:20px;height:20px;flex:0 0 auto}
.dns-update-mode .dns-destructive-option{border-color:#efc2c7;background:#fff6f7;color:#a62635}
.dns-update-mode p{grid-column:1/-1;margin:0;color:#536987}
.dns-update-preview{padding:18px;border:1px solid #c9ddfa;border-radius:14px;background:#edf6ff}
.dns-update-preview-title{display:block;margin-bottom:12px;color:#0c2b55;font-size:17px}
.dns-update-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dns-update-preview-grid>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:14px;border:1px solid #d4e1f1;border-radius:11px;background:#fff}
.dns-update-preview-grid small{color:#60738e;font-weight:700}
.dns-update-preview-grid b{overflow-wrap:anywhere;color:#102d56}
.dns-update-preview-grid .danger-text{color:#c12736}
.dns-update-result{display:flex;min-width:0;flex-direction:column;gap:3px;color:#173a68}
.dns-update-result strong{color:#008d55}
.dns-update-result small{overflow-wrap:anywhere;color:#5d708b}
@media(max-width:1050px){.dns-update-main-grid{grid-template-columns:1fr 1fr}.dns-update-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dns-update-main-grid,.dns-update-mode,.dns-update-preview-grid{grid-template-columns:1fr}.dns-update-mode p{grid-column:auto}}


.enhanced-native-select { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; margin: 0 !important; padding: 0 !important; }
.category-select-shell { position: relative; min-width: 190px; width: 100%; }
.category-select-trigger { width: 100%; min-height: 39px; padding: 5px 38px 5px 8px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #172033; text-align: left; position: relative; cursor: pointer; }
.category-select-trigger::after { content: ""; position: absolute; right: 14px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #33425a; border-bottom: 2px solid #33425a; transform: translateY(-70%) rotate(45deg); transition: .18s; }
.category-select-shell.open .category-select-trigger::after { transform: translateY(-30%) rotate(225deg); }
.category-select-menu { display: none; position: absolute; left: 0; right: 0; top: calc(100% + 5px); z-index: 1200; gap: 4px; padding: 7px; border: 1px solid #b8c7dc; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(15,35,70,.18); max-height: 260px; overflow: auto; }
.category-select-shell.open .category-select-menu { display: grid; }

/* CF reconciliation is a separate workflow, so keep it visually distinct
   from the ordinary manual bulk-add form and never clip its category menu. */
.cf-reconcile-panel {
  position: relative;
  margin: 20px 0 34px;
  overflow: visible;
  border: 2px solid #2677e8;
  border-radius: 14px;
  background: #f5f9ff;
  box-shadow: 0 10px 24px rgba(20, 82, 168, .12);
}
.cf-reconcile-panel > summary {
  min-height: 62px;
  padding: 16px 20px;
  border-radius: 11px;
  background: linear-gradient(135deg, #0c4fa9, #237cf1);
  color: #fff;
  font-size: 18px;
  letter-spacing: .01em;
  box-shadow: 0 5px 13px rgba(18, 82, 170, .20);
}
.cf-reconcile-panel > summary::-webkit-details-marker { display: none; }
.cf-reconcile-panel > summary::marker { content: ""; }
.cf-reconcile-panel > summary::after {
  content: "⌄";
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  transition: transform .2s ease;
}
.cf-reconcile-panel[open] > summary::after { transform: rotate(180deg); }
.cf-reconcile-panel[open] > summary { border-radius: 11px 11px 0 0; }
.cf-reconcile-summary-counts {
  margin-left: auto;
  padding: 7px 12px;
  border-radius: 99px;
  background: rgba(255,255,255,.16);
  color: #eef6ff;
  font-size: 14px;
}
.cf-reconcile-summary-counts b { color: #ffe071; font-size: 16px; }
.cf-reconcile-content {
  position: relative;
  min-height: 390px;
  padding: 24px 22px 28px;
}
.cf-reconcile-head { padding-bottom: 16px; border-bottom: 1px solid #c8d9ee; }
#scan-cf-reconciliation {
  min-width: 200px;
  min-height: 52px;
  border: 1px solid #d88b00;
  background: linear-gradient(180deg, #ffc94d, #f0a900);
  color: #5a3600;
  font-size: 17px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(190, 116, 0, .22);
}
#scan-cf-reconciliation:hover { background: linear-gradient(180deg, #ffd66c, #efa000); }
.cf-reconcile-tabs { margin-top: 20px; }
.cf-reconcile-actions { position: relative; z-index: 30; min-height: 64px; padding: 8px 0; }
.cf-reconcile-actions .category-select-shell { min-width: 250px; }
.cf-reconcile-actions .category-select-menu { z-index: 5000; max-height: 330px; }
.cf-reconcile-table { position: relative; z-index: 1; }
.cf-reconcile-panel + .bulk-panel {
  margin-top: 34px;
  border: 2px solid #d5deeb;
  background: #f7f9fc;
  box-shadow: inset 0 1px 0 #fff;
}
.cf-reconcile-panel + .bulk-panel h3 {
  padding-top: 16px;
  color: #17365f;
  font-size: 18px;
}
@media (max-width: 760px) {
  .cf-reconcile-panel > summary { align-items: flex-start; flex-wrap: wrap; }
  .cf-reconcile-summary-counts { order: 3; width: 100%; margin: 0; }
  .cf-reconcile-head, .cf-reconcile-actions { align-items: stretch; flex-direction: column; }
  #scan-cf-reconciliation { width: 100%; }
}
.category-select-option { background: transparent; color: #172033; text-align: left; padding: 7px 8px; border-radius: 7px; border: 0; cursor: pointer; }
.category-select-option:hover, .category-select-option.active { background: #edf4ff; }
.category-select-tag { display: inline-flex; align-items: center; min-height: 28px; border-radius: 999px; padding: 4px 10px; font-weight: 850; white-space: nowrap; }
.category-default-control { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 74px; height: 39px; padding: 0 9px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #33425a; font-weight: 800; }
.category-default-control input { width: 17px; height: 17px; min-width: 0; margin: 0; accent-color: #1d6ff2; }
.category-manager-save-row{display:flex;justify-content:flex-end;padding:4px 14px 0}
#save-category-settings{min-width:190px}
@media(max-width:760px){.category-manager-save-row{padding:4px 14px 0}#save-category-settings{width:100%}}

/* CF configuration center: grouped presets and category-colored headings. */
.cf-profile-card {
  align-content: start;
  gap: 14px;
  padding: 14px;
  background: #f5f8fc;
}
.cf-profile-card .profile-head {
  min-height: 38px;
  padding: 0 2px;
}
.cf-profile-card .profile-head .tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  color: inherit;
}
.cf-profile-card .profile-head strong.tag {
  padding: 5px 12px;
  font-size: 18px;
  line-height: 1.3;
}
.cf-profile-card .profile-head span.tag {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.25;
}
.cf-profile-card .profile-head .tag-blue { background:#dbeafe; color:#1256bd; }
.cf-profile-card .profile-head .tag-green { background:#d9fbe8; color:#087443; }
.cf-profile-card .profile-head .tag-purple { background:#eee3ff; color:#6930b8; }
.cf-profile-card .profile-head .tag-orange { background:#ffead0; color:#a54800; }
.cf-profile-card .profile-head .tag-red { background:#ffe0e0; color:#b3192b; }
.cf-profile-card .profile-head .tag-cyan { background:#d8f7f7; color:#08727a; }
.cf-profile-card .profile-head .tag-pink { background:#ffe0ef; color:#ac1e64; }
.cf-profile-card .profile-head .tag-indigo { background:#e2e5ff; color:#3d43b5; }
.cf-profile-card .profile-head .tag-lime { background:#e8f8c9; color:#527800; }
.cf-profile-card .profile-head .tag-slate { background:#e5eaf1; color:#42526a; }
.profile-config-group {
  display: grid;
  gap: 11px;
  padding: 14px;
  border: 1px solid #cbd9eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 7px rgba(23, 54, 95, .045);
}
.profile-config-group h3 {
  margin: 0 0 1px;
  color: #123968;
  font-size: 15px;
  font-weight: 900;
}
.profile-type-group { border-left: 4px solid #347fe3; background: #f7faff; }
.profile-origin-group { border-left: 4px solid #7b61d1; background: #faf9ff; }
.profile-redirect-group { border-left: 4px solid #d78a1e; background: #fffbf4; }
.profile-waf-group { border-left: 4px solid #d04455; background: #fff8f9; }
.profile-cache-group { border-left: 4px solid #159a69; background: #f6fcf9; }
.profile-wp-options {
  display: grid;
  gap: 11px;
  padding: 12px;
  border: 1px dashed #e0a4ad;
  border-radius: 9px;
  background: rgba(255,255,255,.78);
}
.profile-wp-options[hidden] { display: none; }
.profile-rule-note {
  margin: 0;
  color: #734250;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}
.profile-save-button {
  min-height: 44px;
  font-size: 15px;
  font-weight: 850;
}
@media(max-width:1250px) {
  .cf-profile-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .cf-profile-list { grid-template-columns: 1fr; }
}

/* Password-gated anonymous temporary chat and global activity notice. */
.chat-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 5%, rgba(44, 125, 255, .13), transparent 32%),
    #f3f6fb;
}
.chat-shell { width: min(1400px, calc(100% - 40px)); margin: 36px auto 64px; }
.chat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 132px;
  margin-bottom: 16px;
  padding: 22px 26px;
}
.chat-header h1 { margin: 2px 0 5px; font-size: 32px; }
.chat-header p:not(.eyebrow) { margin: 0; color: #c9dcfa; font-size: 14px; }
.chat-header-actions { display: flex; align-items: center; gap: 10px; width: auto; }
.chat-header-actions > * { width: 190px; }
.chat-header-actions > * { min-height: 42px; }
.chat-panel {
  overflow: hidden;
  border: 1px solid #d4deed;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(18, 42, 78, .1);
}
.chat-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 66px;
  padding: 14px 20px;
  border-bottom: 1px solid #dbe4f1;
  background: linear-gradient(180deg, #fbfdff, #f3f7fd);
}
.chat-panel-head > div { display: grid; gap: 3px; }
.chat-panel-head strong { color: #102f5c; font-size: 17px; }
.chat-panel-head small { color: #5f718b; }
.chat-panel-head small.error { color: #b51f32; }
.chat-anonymous-badge {
  padding: 5px 10px;
  border-radius: 999px;
  background: #e6f1ff;
  color: #145db4;
  font-size: 12px;
  font-weight: 850;
}
.chat-messages {
  height: min(55vh, 560px);
  min-height: 330px;
  overflow-y: auto;
  padding: 18px 20px;
  background:
    linear-gradient(rgba(247, 250, 255, .92), rgba(247, 250, 255, .92)),
    repeating-linear-gradient(0deg, transparent, transparent 31px, #e9eff8 32px);
  scrollbar-color: #b7c8df transparent;
}
.chat-empty {
  display: grid;
  place-items: center;
  height: 100%;
  margin: 0;
  color: #7a899e;
  text-align: center;
}
.chat-message {
  width: min(78%, 680px);
  margin: 0 0 12px;
  padding: 11px 14px 12px;
  border: 1px solid #d6e2f2;
  border-radius: 6px 15px 15px 15px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(25, 55, 96, .06);
}
.chat-message.mine {
  margin-left: auto;
  border-color: #8fbdf9;
  background: linear-gradient(135deg, #eaf3ff 0%, #dcecff 100%);
}
.chat-message.mine .chat-message-meta { justify-content: flex-end; }
.chat-message.mine .chat-message-meta strong { color: #0b55bd; }
.chat-message:not(.mine) { margin-right: auto; }
.chat-message-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.chat-message-meta strong { color: #1763c7; font-size: 13px; }
.chat-message-meta time { color: #8a98aa; font-size: 11px; }
.chat-message p {
  margin: 0;
  color: #172a46;
  line-height: 1.58;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.chat-compose { display: grid; gap: 8px; padding: 15px 20px 18px; border-top: 1px solid #dbe4f1; }
.chat-compose label { color: #28486f; font-weight: 850; }
.chat-compose textarea {
  width: 100%;
  min-height: 82px;
  resize: vertical;
  border: 1px solid #bccbe0;
  border-radius: 10px;
  padding: 11px 12px;
  color: #142843;
  line-height: 1.5;
  outline: none;
}
.chat-compose textarea:focus {
  border-color: #2a78df;
  box-shadow: 0 0 0 3px rgba(42, 120, 223, .12);
}
.chat-compose-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.chat-compose-foot small { color: #74849b; font-variant-numeric: tabular-nums; }
.chat-compose-foot button { min-width: 120px; }
.chat-auth-dialog {
  width: min(430px, calc(100vw - 32px));
  padding: 28px;
  text-align: center;
}
.chat-clear-dialog {
  width: min(430px, calc(100vw - 32px));
  padding: 28px;
  text-align: center;
}
.chat-auth-dialog::backdrop,
.chat-clear-dialog::backdrop,
.chat-activity-dialog::backdrop { background: rgba(6, 20, 43, .62); backdrop-filter: blur(3px); }
.chat-auth-icon,
.chat-clear-icon,
.chat-activity-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: #e6f1ff;
  color: #1765cc;
  font-size: 25px;
  font-weight: 900;
}
.chat-clear-icon {
  background: #ffe3e7;
  color: #c32938;
}
.chat-auth-dialog h2, .chat-activity-dialog h2 { color: #102f5c; }
.chat-clear-dialog h2 { margin: 0; color: #102f5c; }
.chat-clear-dialog p { margin: 10px 0 22px; color: #64758c; line-height: 1.55; }
.chat-clear-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.chat-auth-dialog > p { color: #64758c; line-height: 1.55; }
#chat-auth-form, #chat-action-auth-form { display: grid; gap: 10px; margin-top: 18px; }
#chat-auth-form input, #chat-action-auth-form input { width: 100%; min-width: 0; height: 44px; }
#chat-auth-form a { color: #4d6483; font-size: 13px; text-decoration: none; }
.chat-action-auth-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.chat-auth-error { min-height: 20px; margin: 10px 0 0 !important; color: #b31e31 !important; font-weight: 750; }
.chat-activity-dialog {
  width: min(440px, calc(100vw - 32px));
  padding: 30px;
  text-align: center;
}
.chat-activity-dialog .chat-activity-icon {
  background: #ffe8a8;
  color: #a45c00;
  animation: chat-activity-pulse 1.15s ease-in-out infinite;
}
.chat-activity-dialog p { margin: 9px 0 21px; color: #60718a; font-size: 15px; }
.chat-activity-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@keyframes chat-activity-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(236, 155, 21, .15); }
  50% { box-shadow: 0 0 0 9px rgba(236, 155, 21, .18); }
}
@media (max-width: 700px) {
  .chat-shell { width: min(100% - 24px, 1400px); margin: 20px auto 32px; }
  .chat-header { align-items: stretch; flex-direction: column; padding: 20px; }
  .chat-header-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .chat-header-actions > * { width: 100%; }
  .chat-messages { height: 50vh; min-height: 280px; padding: 14px; }
  .chat-message { width: 94%; }
  .chat-compose { padding: 13px 14px 15px; }
}

/* Mobile traffic tables: keep only the four operationally useful columns. */
@media (max-width: 760px) {
  .summary-table th:nth-child(n+5),
  .summary-table td:nth-child(n+5),
  .gsc-table th:nth-child(n+5),
  .gsc-table td:nth-child(n+5) {
    display: none !important;
  }

  .summary-table th:nth-child(1),
  .summary-table td:nth-child(1),
  .gsc-table th:nth-child(1),
  .gsc-table td:nth-child(1) { width: 8% !important; }

  .summary-table th:nth-child(2),
  .summary-table td:nth-child(2) { width: 38% !important; }
  .summary-table th:nth-child(3),
  .summary-table td:nth-child(3) { width: 22% !important; }
  .summary-table th:nth-child(4),
  .summary-table td:nth-child(4) { width: 32% !important; }

  .gsc-table th:nth-child(2),
  .gsc-table td:nth-child(2) { width: 40% !important; }
  .gsc-table th:nth-child(3),
  .gsc-table td:nth-child(3) { width: 22% !important; }
  .gsc-table th:nth-child(4),
  .gsc-table td:nth-child(4) { width: 30% !important; }

  .summary-table th,
  .summary-table td,
  .gsc-table th,
  .gsc-table td {
    padding-left: 5px;
    padding-right: 5px;
  }
  .summary-table thead th,
  .gsc-table thead th {
    white-space: normal;
    line-height: 1.25;
  }
}
/* Index submission workbench */
.indexing-shell { width: min(1400px, calc(100% - 40px)); margin-top: 28px; }
.indexing-header { grid-template-columns: minmax(420px,1fr) auto; }
.indexing-header > div:first-child > p:last-child { margin: 7px 0 0; color: #d8e8ff; }
.indexing-header-actions { display:flex; gap:10px; align-items:center; }
.indexing-header-actions > * { display:inline-flex; align-items:center; justify-content:center; min-width:150px; min-height:46px; border:1px solid rgba(255,255,255,.48); border-radius:9px; background:rgba(255,255,255,.14); color:#fff; font-size:16px; font-weight:850; text-decoration:none; }
.indexing-header-actions .secondary { background:rgba(255,255,255,.14); color:#fff; }
.indexing-header-actions .active { border-color:#ffd67a; background:#ffe49c; color:#744400; }
.indexing-status-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:18px 0; }
.indexing-status-cards article { display:grid; gap:5px; min-height:120px; padding:19px 21px; border:1px solid #d5e0ef; border-radius:14px; background:#fff; box-shadow:0 7px 18px rgba(25,50,85,.06); }
.indexing-status-cards span { color:#50627b; font-weight:800; }
.indexing-status-cards strong { color:#0b2344; font-size:28px; }
.indexing-status-cards small { color:#718198; line-height:1.4; overflow-wrap:anywhere; }
.indexing-status-cards article.ready { border-color:#8cdcb6; background:#f3fff9; }
.indexing-status-cards article.warning { border-color:#f2bd58; background:#fff9e9; }
.indexing-editor,.indexing-history,.indexing-records { margin-top:18px; padding:22px; }
.indexing-records,.indexing-catalog { position:relative; }
.indexing-catalog { margin-top:18px; padding:22px; border:0; }
.indexing-record-sticky { position:sticky; top:0; z-index:8; margin:-22px -22px 0; padding:22px 22px 12px; background:#fff; box-shadow:0 8px 12px -13px rgba(14,43,82,.55); }
.indexing-management-sticky { position:relative; z-index:8; margin:-22px -22px 0; padding:22px 22px 12px; background:#fff; box-shadow:0 8px 12px -13px rgba(14,43,82,.55); }
.indexing-category-tabs { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:14px; }
.indexing-category-tabs button { position:relative; min-height:40px; padding:0 17px; border:1px solid color-mix(in srgb,var(--tag-color) 50%,#d7e0ed); border-radius:10px; background:color-mix(in srgb,var(--tag-color) 10%,#fff); color:#18314f; font-weight:850; }
.indexing-category-tabs button.active { background:var(--tag-color); color:#fff; box-shadow:0 5px 13px color-mix(in srgb,var(--tag-color) 25%,transparent); }
.indexing-category-tabs button span { margin-left:5px; opacity:.78; }
.indexing-alert-badge,.portal-alert-badge { display:inline-grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border:2px solid #fff; border-radius:999px; background:#df283b; color:#fff; font-size:12px; font-weight:950; line-height:1; opacity:1; box-shadow:0 3px 8px rgba(181,25,43,.32); }
.indexing-alert-badge { position:absolute; top:-10px; right:-10px; z-index:3; }
.portal-alert-badge { margin-left:9px; border-width:1.5px; font-size:12px; }
.indexing-catalog-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding:12px 14px; border:1px solid #cfe0f6; border-radius:11px; background:#f3f8ff; color:#52657f; font-weight:750; }
.indexing-catalog-toolbar label { display:flex; align-items:center; gap:7px; }
.indexing-catalog-toolbar input[type=number] { width:70px; min-height:36px; }
.indexing-toolbar-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; margin-left:auto; }
.indexing-toolbar-actions button { min-height:38px; padding:8px 14px; white-space:nowrap; }
.indexing-management-table-wrap { width:calc(100% + 44px); min-height:0; max-height:none; margin:0 -22px; overflow:visible; border:0; border-radius:0; }
.indexing-management-table { width:100%; min-width:1160px; table-layout:fixed; border-collapse:separate; border-spacing:0; background:#fff; }
.indexing-management-table th,.indexing-management-table td { padding:13px 14px; border-bottom:1px solid #dfe7f2; text-align:center; vertical-align:middle; }
.indexing-management-table th { position:sticky; top:0; z-index:30; background:#eaf2ff; color:#213b61; font-weight:900; box-shadow:0 1px 0 #a9c3e6; }
.indexing-management-table th:nth-child(1),.indexing-management-table td:nth-child(1){width:64px}
.indexing-management-table th:nth-child(2),.indexing-management-table td:nth-child(2){width:64px}
.indexing-management-table th:nth-child(3),.indexing-management-table td:nth-child(3){width:16%;text-align:left}
.indexing-management-table th:nth-child(4),.indexing-management-table td:nth-child(4),.indexing-management-table th:nth-child(5),.indexing-management-table td:nth-child(5){width:120px}
.indexing-management-table th:nth-child(6),.indexing-management-table td:nth-child(6){width:105px}
.indexing-management-table th:nth-child(7),.indexing-management-table td:nth-child(7){width:110px}
.indexing-management-table th:nth-child(8),.indexing-management-table td:nth-child(8){width:82px}
.indexing-management-table th:nth-child(9),.indexing-management-table td:nth-child(9){width:90px}
.indexing-management-table th:nth-child(10),.indexing-management-table td:nth-child(10){width:230px;text-align:center}
.indexing-select-all-head label { display:inline-flex; align-items:center; justify-content:center; gap:6px; color:#213b61; font-size:13px; font-weight:900; cursor:pointer; }
.indexing-select-all-head input[type="checkbox"] { width:17px; height:17px; min-width:17px; }
.indexing-submit-record-head { padding-left:5px!important; padding-right:5px!important; }
.indexing-submit-record-head>div { display:flex; align-items:center; justify-content:center; gap:3px; }
.indexing-submit-record-head label { display:flex; align-items:center; justify-content:center; gap:4px; min-height:0; padding:0; border:0; border-radius:0; background:transparent; cursor:pointer; white-space:nowrap; }
.indexing-submit-record-head:nth-child(5) label { border:0; background:transparent; }
.indexing-record-sort { display:grid; place-items:center; width:22px; min-width:22px; height:28px; padding:0; border:1px solid #b7c9df; border-radius:7px; background:#fff; color:#45617f; font-size:16px; font-weight:950; line-height:1; box-shadow:none; }
.indexing-record-sort:hover,.indexing-record-sort.active { border-color:#1d6ff2; background:#e8f2ff; color:#075bbf; }
.indexing-count-sort-head { padding-left:7px!important; padding-right:7px!important; }
.indexing-count-sort-head>div { display:flex; align-items:center; justify-content:center; gap:5px; }
.indexing-management-table tbody tr:hover { background:#f2f7ff; }
.indexing-batch-tone-0 { --indexing-batch-accent:#2a78ed;--indexing-batch-border:#bcd6fb; }
.indexing-batch-tone-1 { --indexing-batch-accent:#8057d9;--indexing-batch-border:#d5c5f5; }
.indexing-batch-tone-2 { --indexing-batch-accent:#dd8a12;--indexing-batch-border:#f0d19b; }
.indexing-batch-tone-3 { --indexing-batch-accent:#df5265;--indexing-batch-border:#f2c0c8; }
.indexing-management-table .indexing-date-group-row:hover { background:transparent; }
.indexing-date-group-row td { height:52px; padding:9px 10px; border-top:1px solid var(--indexing-batch-border); border-bottom:1px solid var(--indexing-batch-border); background:color-mix(in srgb,var(--indexing-batch-border) 22%,#fff); }
.indexing-date-group-row td:first-child { position:relative; border-left:6px solid var(--indexing-batch-accent); border-radius:12px 0 0 0; }
.indexing-date-group-row td:last-child { border-right:1px solid var(--indexing-batch-border); border-radius:0 12px 0 0; }
.indexing-date-group-row.indexing-date-group-collapsed td:first-child { border-radius:12px 0 0 12px; }
.indexing-date-group-row.indexing-date-group-collapsed td:last-child { border-radius:0 12px 12px 0; }
.indexing-date-group-toggle { position:absolute; top:50%; right:calc(100% + 14px); z-index:4; width:72px; min-width:72px; height:34px; padding:0 8px; transform:translateY(-50%); border:1.5px solid var(--indexing-batch-accent); border-radius:8px; background:#fff; color:var(--indexing-batch-accent); font-size:13px; font-weight:900; box-shadow:0 2px 7px color-mix(in srgb,var(--indexing-batch-accent) 22%,transparent); }
.indexing-date-group-toggle:hover { transform:translateY(-50%) scale(1.03); background:color-mix(in srgb,var(--indexing-batch-border) 34%,#fff); color:var(--indexing-batch-accent); }
.indexing-date-group-select { text-align:center!important; }
.indexing-date-group-label { color:#17365f; font-size:14px; font-weight:900; text-align:left!important; }
.indexing-date-group-record { padding-left:5px!important; padding-right:5px!important; text-align:center!important; }
.indexing-date-group-record label { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:#52657f; font-size:12px; font-weight:850; cursor:pointer; white-space:nowrap; }
.indexing-date-group-record.function label { border:0; background:transparent; }
.indexing-batch-recognition { padding-left:4px!important; padding-right:4px!important; text-align:center!important; }
.indexing-batch-recognition label { display:inline-flex; align-items:center; justify-content:center; gap:5px; color:#b4232f; font-size:12px; font-weight:900; cursor:pointer; white-space:nowrap; }
.indexing-batch-recognition label span { padding:4px 8px; border-radius:999px; background:#ffe1e4; }
.indexing-batch-recognition-ok { display:inline-flex; padding:4px 8px; border-radius:999px; background:#d9f7e7; color:#087443; font-size:12px; font-weight:900; white-space:nowrap; }
.indexing-date-group-sort { display:grid; place-items:center; width:25px; min-width:25px; height:30px; padding:0; border:1px solid #b7c9df; border-radius:7px; background:#fff; color:#45617f; font-size:16px; font-weight:950; line-height:1; box-shadow:none; }
.indexing-date-group-sort:hover,.indexing-date-group-sort.active { border-color:var(--indexing-batch-accent); background:color-mix(in srgb,var(--indexing-batch-border) 36%,#fff); color:var(--indexing-batch-accent); }
.indexing-date-group-count-sort { padding-left:7px!important; padding-right:7px!important; text-align:center!important; }
.indexing-date-group-count-sort .indexing-date-group-sort { margin:auto; }
.indexing-function-sort-wrap { position:relative; display:inline-grid; place-items:center; }
.indexing-function-missing-control { position:absolute; top:-11px; left:calc(100% + 5px); z-index:2; display:flex; flex-direction:column; align-items:center; gap:3px; }
.indexing-function-missing-badge { display:grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border:2px solid #fff; border-radius:999px; background:#e52f42; color:#fff; font-size:11px; font-weight:950; line-height:1; box-shadow:0 2px 7px rgba(196,30,49,.28); }
.indexing-function-missing-control input { width:15px; height:15px; margin:0; accent-color:#e52f42; cursor:pointer; }
.indexing-date-domain-row td:first-child { border-left:6px solid var(--indexing-batch-accent); }
.indexing-date-domain-row td:last-child { border-right:1px solid var(--indexing-batch-border); }
.indexing-date-domain-row.indexing-date-group-last td { border-bottom:1px solid var(--indexing-batch-border); }
.indexing-date-domain-row.indexing-date-group-last td:first-child { border-bottom-left-radius:12px; }
.indexing-date-domain-row.indexing-date-group-last td:last-child { border-bottom-right-radius:12px; }
.indexing-date-group-spacer td { height:14px; padding:0; border:0; background:#fff; }
.indexing-date-domain-row[hidden] { display:none; }
.indexing-inline-editor-row>td { padding:0!important; border-left:6px solid var(--indexing-batch-accent); border-right:1px solid var(--indexing-batch-border); background:#fff!important; text-align:left!important; }
.indexing-inline-editor-reveal { display:grid; grid-template-rows:0fr; opacity:0; transform:translateY(-8px); transition:grid-template-rows .34s cubic-bezier(.22,.8,.25,1),opacity .24s ease,transform .34s ease; }
.indexing-inline-editor-reveal>div { min-height:0; overflow:hidden; }
.indexing-inline-editor-row.is-open .indexing-inline-editor-reveal { grid-template-rows:1fr; opacity:1; transform:translateY(0); }
.indexing-inline-editor-row .indexing-editor { margin:0; padding:20px; border:0; border-radius:0; box-shadow:inset 0 6px 14px -14px rgba(14,43,82,.75); }
.indexing-inline-editor-row .indexing-section-head { margin-bottom:12px; }
.indexing-management-table [data-edit-site] { min-width:118px; }
.indexing-management-table [data-edit-site].active { border-color:#145fc9; background:#1d6ff2; color:#fff; box-shadow:0 5px 13px rgba(29,111,242,.25); }
.indexing-management-table [data-edit-site].active:hover { border-color:#0f50ad; background:#125ccc; color:#fff; }
.indexing-floating-batch-toggle,.onboarding-floating-batch-toggle { position:fixed; z-index:45; display:grid; place-items:center; contain:paint; isolation:isolate; width:72px; min-width:72px; height:34px; padding:0 8px; border:1.5px solid var(--floating-accent,#2a78ed); border-radius:8px; background:#fff; color:var(--floating-accent,#2a78ed); font-size:13px; font-weight:900; line-height:1; white-space:nowrap; box-shadow:none; transform:translateZ(0); backface-visibility:hidden; transition:none!important; }
.indexing-floating-batch-toggle:hover,.onboarding-floating-batch-toggle:hover { background:#f5f9ff; transform:translateZ(0); }
.indexing-floating-batch-toggle[hidden],.onboarding-floating-batch-toggle[hidden] { display:none; }
.floating-source-hidden { visibility:hidden!important; }
.indexing-management-table strong { color:#102b4d; font-size:15px; }
.indexing-recognized,.indexing-pending,.indexing-count-tag,.indexing-empty-tag { display:inline-flex; align-items:center; justify-content:center; padding:4px 9px; border-radius:999px; font-size:12px; font-weight:900; white-space:nowrap; }
.indexing-recognized { background:#d9f7e7; color:#087443; }
.indexing-pending { background:#fff0c9; color:#915900; }
.indexing-count-tag { background:#e9f2ff; color:#125dba; }
.indexing-empty-tag { color:#8b99ab; }
.indexing-shell input[type="checkbox"] { width:18px; height:18px; min-width:18px; margin:0; accent-color:#1d6ff2; }
.indexing-submitted-check { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:6px; color:#52657f; font-size:12px; font-weight:850; }
.indexing-submitted-check input[type="checkbox"] { width:17px; height:17px; min-width:17px; opacity:1; }
.indexing-submitted-check small { position:absolute; top:23px; left:50%; width:138px; transform:translateX(-50%); color:#71839b; font-size:11px; font-weight:650; line-height:1; white-space:nowrap; text-align:center; }
.indexing-domain-with-time { display:inline-grid; gap:7px; align-items:center; }
.indexing-copy-domain { cursor:text; user-select:all; -webkit-user-select:all; }
.indexing-domain-with-time small { color:#71839b; font-size:11px; font-weight:650; line-height:1; white-space:nowrap; }
.indexing-config-form { display:grid; gap:12px; margin-top:14px; }
.indexing-config-form label { display:grid; gap:5px; }
.indexing-config-form input { width:100%; }
.indexing-config-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.indexing-status-cards .indexing-balance-refresh { justify-self:start; min-height:32px; padding:5px 11px; margin-top:3px; font-size:12px; }
.indexing-record-table-wrap { min-height:480px; max-height:calc(100vh - 260px); margin-top:0; overflow:auto; border:1px solid #d6e1ef; border-radius:0 0 12px 12px; }
.indexing-record-table { width:100%; table-layout:fixed; border-collapse:collapse; background:#fff; }
.indexing-record-table th,.indexing-record-table td { padding:12px 10px; border-bottom:1px solid #dfe7f2; text-align:center; vertical-align:middle; }
.indexing-record-table th { position:sticky; top:0; z-index:3; background:#eaf2ff; color:#213b61; font-weight:900; }
.indexing-record-table th:nth-child(1),.indexing-record-table td:nth-child(1){width:54px}
.indexing-record-table th:nth-child(2),.indexing-record-table td:nth-child(2){width:62px}
.indexing-record-table th:nth-child(3),.indexing-record-table td:nth-child(3){width:21%;text-align:left;font-weight:850}
.indexing-record-table th:nth-child(4),.indexing-record-table td:nth-child(4){width:14%}
.indexing-record-table th:nth-child(8),.indexing-record-table td:nth-child(8){width:18%}
.indexing-stage-check { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:27px; padding:3px 10px; border:2px solid #b8c5d8; border-radius:999px; background:#f4f7fb; color:#728197; font-weight:950; }
.indexing-stage-check.home.checked { border-color:#2e7df0; background:#e8f2ff; color:#075bbf; }
.indexing-stage-check.core.checked { border-color:#7a53da; background:#f0eaff; color:#5b34b5; }
.indexing-stage-check.auxiliary.checked { border-color:#df8c16; background:#fff1d9; color:#a65c00; }
.indexing-page-bottom-actions { position:relative; z-index:2; margin-top:14px; padding-top:14px; border-top:1px solid #dfe7f2; background:#fff; }
.indexing-save-records { border-color:#bd7200; background:#d88400; color:#fff; }
.indexing-save-records:hover:not(:disabled) { background:#b96e00; }
.indexing-url-detail { display:grid; gap:3px; max-height:130px; margin-top:6px; overflow:auto; }
.indexing-url-detail code { color:#45617f; font-size:11px; overflow-wrap:anywhere; white-space:normal; }
.indexing-task-row details summary { color:#1b62c7; cursor:pointer; font-size:12px; font-weight:800; }
.indexing-section-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:18px; }
.indexing-section-head h2 { margin:2px 0 4px; }
.indexing-section-head p { margin:0; color:#60728d; }
.indexing-catalog-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:28px; }
.indexing-catalog-copy { min-width:0; max-width:900px; }
.indexing-catalog-copy > p:last-child { max-width:850px; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
.indexing-catalog-balance { display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.indexing-catalog-balance .indexing-balance-value { min-width:210px; padding:11px 16px; }
.indexing-catalog-balance .indexing-balance-value strong { font-size:26px; }
.indexing-catalog-balance > button { min-width:112px; border:1px solid #165cc9; background:#1d6ff2; color:#fff; box-shadow:0 6px 15px rgba(29,111,242,.2); }
.indexing-catalog-balance > button:hover { background:#125ccc; }
.indexing-site-picker { min-width:280px; }
.indexing-site-picker select { width:100%; }
.indexing-basic-grid { display:grid; grid-template-columns:1.1fr 1.1fr .75fr .75fr; gap:12px; padding:16px; border:1px solid #cfe0f6; border-radius:13px; background:#f3f8ff; }
.indexing-basic-grid input,.indexing-basic-grid select { width:100%; min-width:0; }
.indexing-basic-grid label span { color:#8090a7; font-size:12px; }
.indexing-stage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:16px 0; }
.indexing-stage-grid.indexing-two-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.indexing-stage { display:grid; gap:13px; padding:18px; border:2px solid #bbd6ff; border-radius:15px; background:#f8fbff; }
.indexing-stage.core { border-color:#c9b4ff; background:#fbf9ff; }
.indexing-stage.auxiliary { border-color:#f0c681; background:#fffaf1; }
.indexing-stage textarea { width:100%; min-height:142px; resize:vertical; border:1px solid #cbd5e1; border-radius:9px; padding:10px; color:#172033; background:#fff; }
.indexing-stage select { width:100%; min-width:0; }
.indexing-stage-title { display:flex; align-items:center; gap:11px; }
.indexing-stage-title > span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#1d6ff2; color:#fff; font-size:19px; font-weight:900; }
.indexing-stage.core .indexing-stage-title > span { background:#7650d6; }
.indexing-stage.auxiliary .indexing-stage-title > span { background:#d88400; }
.indexing-stage-title h3,.indexing-stage-title p { margin:0; }
.indexing-stage-title p { margin-top:2px; color:#708097; font-size:12px; }
.indexing-estimate { display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:12px; padding:14px 17px; border:1px solid #cfe0f6; border-radius:12px; background:#eef6ff; }
.indexing-estimate > div { display:grid; }
.indexing-estimate strong { color:#0b54bd; font-size:25px; }
.indexing-estimate span,.indexing-estimate p { color:#60728d; }
.indexing-estimate p { margin:0; line-height:1.5; }
.indexing-estimate #save-indexing-site { min-width:210px; min-height:46px; }
.indexing-form-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:15px; }
.indexing-form-actions button { min-width:210px; min-height:46px; }
.indexing-collections-dialog { width:min(1180px,calc(100vw - 32px)); max-height:90vh; padding:22px; border:0; border-radius:16px; box-shadow:0 24px 70px rgba(14,31,55,.28); }
.indexing-collections-dialog::backdrop { background:rgba(10,24,44,.58); }
.indexing-collection-actions { display:flex; justify-content:flex-end; margin:12px 0; }
.indexing-collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.indexing-collection-grid section { min-width:0; padding:14px; border:1px solid #dbe5f1; border-radius:12px; background:#f8fbff; }
.indexing-collection-grid section>div { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.indexing-collection-grid h3 { margin:0; color:#17365f; }
.indexing-collection-grid h3 span { display:inline-flex; min-width:28px; justify-content:center; margin-left:5px; padding:2px 7px; border-radius:999px; background:#dceaff; color:#145bb8; font-size:12px; }
.indexing-collection-grid textarea { width:100%; min-height:310px; resize:vertical; white-space:pre; font:12px/1.45 Consolas,monospace; }
.indexing-run-list { display:grid; gap:13px; }
.indexing-run { overflow:hidden; border:1px solid #d2def0; border-radius:13px; background:#fff; }
.indexing-run > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; background:#edf5ff; }
.indexing-run > header div { display:grid; gap:3px; }
.indexing-run > header strong { color:#0b2344; font-size:17px; }
.indexing-run > header span:not(.indexing-run-status) { color:#64758e; font-size:12px; }
.indexing-run-status,.indexing-task-status { display:inline-flex; width:max-content; padding:5px 10px; border-radius:999px; background:#e6edf6; color:#47566d; font-size:12px; font-weight:900; }
.indexing-run-status.accepted,.indexing-task-status.accepted { background:#d9f7e7; color:#087443; }
.indexing-run-status.failed,.indexing-task-status.failed { background:#ffe1e5; color:#b3192b; }
.indexing-run-status.running,.indexing-task-status.submitting { background:#fff0c9; color:#915900; }
.indexing-task-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.indexing-task-row section { display:flex; justify-content:space-between; gap:12px; min-height:104px; padding:15px 16px; border-right:1px solid #e1e8f1; }
.indexing-task-row section:last-child { border-right:0; }
.indexing-task-row section > div { display:grid; align-content:start; gap:5px; }
.indexing-task-row b { color:#17304f; }
.indexing-task-row span,.indexing-task-row small { color:#697b94; }
.indexing-task-row small { display:block; overflow-wrap:anywhere; }
.indexing-password-dialog { width:min(430px,calc(100vw - 32px)); }
#indexing-password-form { display:flex; gap:8px; margin-top:15px; }
#indexing-password-form input { width:100%; min-width:0; }
.subpage-head-actions { display:flex; align-items:center; gap:10px; }

.indexing-submit-page { padding-bottom:50px; }
.indexing-submit-card,.indexing-submit-runs { margin-top:22px; padding:24px; }
.indexing-submit-runs #refresh-indexing-runs { min-width:132px; border:1px solid #165cc9; background:#1d6ff2; color:#fff; box-shadow:0 6px 15px rgba(29,111,242,.2); }
.indexing-submit-runs #refresh-indexing-runs:hover { background:#125ccc; }
.indexing-submit-balance { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:24px; padding:3px 0 20px; border-bottom:1px solid #dbe5f1; }
.indexing-submit-balance h2 { margin:2px 0 4px; }
.indexing-balance-value { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:2px 8px; padding:13px 20px; border:1px solid #9fdabd; border-radius:12px; background:#effcf6; color:#087443; }
.indexing-balance-value strong { font-size:30px; }
.indexing-balance-value span { font-weight:850; }
.indexing-balance-value small { grid-column:1/-1; color:#527766; font-size:11px; white-space:nowrap; }
.indexing-submit-balance button { min-width:132px; border:1px solid #165cc9; background:#1d6ff2; color:#fff; box-shadow:0 6px 15px rgba(29,111,242,.2); }
.indexing-submit-balance button:hover { background:#125ccc; }
#indexing-submit-form { display:grid; gap:20px; padding-top:20px; }
.indexing-submit-meta { display:grid; grid-template-columns:minmax(0,1fr); }
.indexing-submit-meta label,.indexing-submit-urls { display:grid; gap:7px; }
.indexing-submit-url-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.indexing-submit-url-heading label { font-weight:800; }
.indexing-submit-url-heading button { min-height:40px; padding:8px 18px; }
.indexing-submit-discovery-actions { display:flex; align-items:center; gap:10px; }
.indexing-submit-urls>small { color:#60728d; line-height:1.55; }
.indexing-submit-meta label,.indexing-submit-meta strong,.indexing-submit-meta input { font-size:15px; }
.indexing-submit-meta input,.indexing-submit-urls textarea { width:100%; }
.indexing-submit-urls textarea { min-height:320px; resize:vertical; font:14px/1.55 Consolas,"Microsoft YaHei",sans-serif; }
.indexing-tier-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin:0; padding:0; border:0; }
.indexing-tier-picker legend { grid-column:1/-1; margin-bottom:8px; color:#183250; font-weight:900; }
.indexing-tier-picker label { position:relative; display:block; cursor:pointer; }
.indexing-tier-picker input { position:absolute; opacity:0; pointer-events:none; }
.indexing-tier-picker label>span { display:grid; gap:4px; min-height:112px; padding:16px 18px; border:2px solid #cad7e8; border-radius:13px; background:#f8fbff; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.indexing-tier-picker b { font-size:18px; text-transform:lowercase; }
.indexing-tier-picker strong { color:#294260; }
.indexing-tier-picker small { color:#718198; }
.indexing-tier-picker .eco input:checked+span { border-color:#20a96c; background:#effcf6; box-shadow:0 6px 16px rgba(32,169,108,.12); }
.indexing-tier-picker .standard input:checked+span { border-color:#7955db; background:#f7f3ff; box-shadow:0 6px 16px rgba(121,85,219,.12); }
.indexing-tier-picker .turbo input:checked+span { border-color:#ed7a1b; background:#fff6ed; box-shadow:0 6px 16px rgba(237,122,27,.12); }
.indexing-submit-summary { display:grid; grid-template-columns:repeat(3,minmax(120px,160px)) minmax(220px,1fr); align-items:center; gap:12px; padding:15px 17px; border:1px solid #cfe0f6; border-radius:12px; background:#eef6ff; }
.indexing-submit-summary>div { display:grid; }
.indexing-submit-summary>div strong { color:#0b54bd; font-size:24px; }
.indexing-submit-summary>div span { color:#60728d; }
.indexing-submit-summary button { justify-self:end; min-width:230px; min-height:48px; }
.indexing-api-task-list { display:grid; }
.indexing-api-task-list section { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 16px; border-top:1px solid #e1e8f1; }
.indexing-api-task-list section>div { display:flex; align-items:center; gap:9px; }
.indexing-api-task-list span,.indexing-api-task-list small { color:#697b94; }
.indexing-api-task-list small { max-width:560px; overflow-wrap:anywhere; }
#indexing-submit-password-form { display:flex; gap:8px; margin-top:15px; }
#indexing-submit-password-form input { width:100%; min-width:0; }
.indexing-task-table-wrap { overflow-x:auto; border:1px solid #d4e0ef; border-radius:12px; }
.indexing-task-table { width:100%; min-width:1180px; table-layout:fixed; border-collapse:collapse; background:#fff; }
.indexing-task-table th,.indexing-task-table td { padding:13px 11px; border-bottom:1px solid #e2e9f2; text-align:center; vertical-align:middle; white-space:normal; }
.indexing-task-table th { background:#eaf2ff; color:#294260; font-size:13px; font-weight:900; }
.indexing-task-table tbody tr:last-child td { border-bottom:0; }
.indexing-task-table th:nth-child(1),.indexing-task-table td:nth-child(1){width:18%;text-align:left}
.indexing-task-table th:nth-child(2),.indexing-task-table td:nth-child(2){width:14%;text-align:left}
.indexing-task-table th:nth-child(3),.indexing-task-table td:nth-child(3){width:13%;padding-left:7px;text-align:left}
.indexing-task-table th:nth-child(4),.indexing-task-table td:nth-child(4){width:9%}
.indexing-task-table th:nth-child(5),.indexing-task-table td:nth-child(5){width:14%}
.indexing-task-table th:nth-child(6),.indexing-task-table td:nth-child(6){width:8%}
.indexing-task-table th:nth-child(7),.indexing-task-table td:nth-child(7){width:13%}
.indexing-task-table th:nth-child(8),.indexing-task-table td:nth-child(8){width:11%}
.indexing-task-table td strong { color:#102b4d; font-size:14px; overflow-wrap:anywhere; }
.indexing-task-table td>small { color:#718198; }
.indexing-task-domain { display:block; min-width:0; margin:4px 0; color:#285a91; font-size:12px; overflow-wrap:anywhere; }
.indexing-task-domain-more { color:#516783; font-size:14px; font-weight:900; letter-spacing:2px; }
.indexing-task-category-summary { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:5px; }
.indexing-task-category-summary .tag { padding:3px 8px; font-size:11px; }
.indexing-task-url-count { display:block; margin-bottom:5px; font-size:15px; }
.indexing-tier-badge { display:inline-flex; align-items:center; justify-content:center; min-width:72px; padding:4px 10px; border:1px solid; border-radius:999px; font-size:11px; font-weight:900; text-transform:lowercase; }
.indexing-tier-badge.eco { border-color:#20a96c; background:#effcf6; color:#087443; }
.indexing-tier-badge.standard { border-color:#7955db; background:#f7f3ff; color:#6930b8; }
.indexing-tier-badge.turbo { border-color:#ed7a1b; background:#fff6ed; color:#b85508; }
.indexing-task-status-cell { display:flex; align-items:center; justify-content:center; gap:7px; }
.indexing-task-status-cell small { max-width:110px; color:#b3192b; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.indexing-url-details-button { min-width:92px; padding:7px 11px; background:#1d6ff2; color:#fff; font-size:12px; font-weight:850; box-shadow:0 4px 10px rgba(29,111,242,.18); }
.indexing-url-details-dialog { width:min(980px,calc(100vw - 32px)); max-height:88vh; padding:24px; border:1px solid #cfdbeb; border-radius:16px; background:#fff; box-shadow:0 24px 70px rgba(14,31,55,.3); }
.indexing-url-details-dialog::backdrop { background:rgba(10,24,44,.58); }
.indexing-url-details-dialog .dialog-head { align-items:flex-start; padding-bottom:15px; border-bottom:1px solid #e0e8f2; }
.indexing-url-details-dialog h2 { margin:3px 0 0; color:#102b4d; font-size:24px; }
.indexing-url-details-list { margin-top:16px; }
.indexing-url-details-list textarea { display:block; width:100%; min-height:360px; max-height:58vh; padding:16px 18px; resize:vertical; border:1px solid #cbd6e5; border-radius:12px; background:#fff; color:#111; font-family:inherit; font-size:15px; line-height:1.65; }
.indexing-url-details-actions { display:flex; justify-content:flex-end; margin-top:16px; }
.indexing-submit-confirm-dialog { width:min(540px,calc(100vw - 32px)); padding:24px; border:1px solid #cfdbeb; border-radius:16px; background:#fff; box-shadow:0 24px 70px rgba(14,31,55,.3); }
.indexing-submit-confirm-dialog::backdrop { background:rgba(10,24,44,.58); }
.indexing-submit-confirm-dialog .dialog-head { align-items:flex-start; padding-bottom:15px; border-bottom:1px solid #e0e8f2; }
.indexing-submit-confirm-dialog h2 { margin:3px 0 0; color:#102b4d; font-size:24px; }
.indexing-confirm-summary { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0 14px; }
.indexing-confirm-summary p { display:grid; gap:4px; min-width:0; margin:0; padding:13px 14px; border:1px solid #d8e4f2; border-radius:10px; background:#f5f9ff; }
.indexing-confirm-summary p:first-child { grid-column:1/-1; }
.indexing-confirm-summary span { color:#6d7e95; font-size:12px; font-weight:750; }
.indexing-confirm-summary label { color:#6d7e95; font-size:12px; font-weight:750; }
.indexing-confirm-summary strong { overflow-wrap:anywhere; color:#12345f; font-size:17px; }
.indexing-confirm-summary input { width:100%; min-height:42px; padding:8px 11px; border:1px solid #b8cce6; border-radius:8px; background:#fff; color:#12345f; font-size:19px; font-weight:800; }
.indexing-confirm-summary input:focus { border-color:#1d6ff2; outline:3px solid rgba(29,111,242,.14); }
.indexing-confirm-note { margin:0; padding:11px 13px; border-radius:9px; background:#fff6dd; color:#81540a; font-size:13px; line-height:1.5; }
.indexing-confirm-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.indexing-confirm-actions button { min-width:120px; min-height:43px; }
.indexing-date-group-row .indexing-batch-submit-actions { padding:9px 12px!important; background:color-mix(in srgb,var(--indexing-batch-border) 22%,#fff); text-align:center!important; }
.indexing-batch-submit-actions { white-space:nowrap; vertical-align:middle; }
.indexing-batch-submit-actions button { display:inline-flex; align-items:center; justify-content:center; min-width:92px; min-height:36px; margin:0 3px; padding:7px 11px; border:1px solid #165cc9; background:#1d6ff2; color:#fff; font-size:13px; font-weight:850; box-shadow:0 3px 8px rgba(29,111,242,.16); }
.indexing-batch-submit-actions button:hover:not(:disabled) { background:#125ccc; }
.indexing-batch-submit-actions button:disabled { opacity:.42; box-shadow:none; }
.indexing-config-page { padding-bottom:50px; }
.indexing-config-card { margin-top:22px; padding:28px; }
.indexing-config-card .indexing-config-form { gap:22px; }
.indexing-config-card .indexing-config-form>label { padding:18px; border:1px solid #d5e1f0; border-radius:13px; background:#f7faff; }
.indexing-config-card .indexing-config-form input,.indexing-config-card .indexing-config-form select { min-height:48px; font-size:15px; }
.indexing-config-tier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.indexing-config-tier-grid label { display:grid; gap:8px; padding:18px; border:2px solid #cad8e9; border-radius:13px; background:#f8fbff; }
.indexing-config-actions { display:flex; justify-content:flex-end; }
.indexing-config-actions button { min-width:220px; min-height:48px; }
#indexing-config-password-form { display:flex; gap:8px; margin-top:15px; }
#indexing-config-password-form input { width:100%; min-width:0; }
@media(max-width:1500px){.indexing-date-group-toggle{right:calc(100% + 6px);width:36px;min-width:36px;padding:0}.indexing-date-group-toggle span{display:none}}
@media(max-width:900px){.indexing-header{display:flex}.indexing-header-actions{width:100%;flex-wrap:wrap}.indexing-header-actions>*{flex:1;min-width:120px}.indexing-status-cards{grid-template-columns:repeat(2,1fr)}.indexing-basic-grid,.indexing-stage-grid,.indexing-config-grid,.indexing-collection-grid,.indexing-tier-picker{grid-template-columns:1fr}.indexing-section-head{align-items:stretch;flex-direction:column}.indexing-catalog-heading{grid-template-columns:1fr}.indexing-catalog-copy{max-width:none}.indexing-catalog-balance{width:100%}.indexing-catalog-balance .indexing-balance-value{min-width:0;flex:1}.indexing-estimate{grid-template-columns:1fr 1fr}.indexing-estimate p{grid-column:1/-1}.indexing-task-row{grid-template-columns:1fr}.indexing-task-row section{border-right:0;border-bottom:1px solid #e1e8f1}.indexing-form-actions{flex-direction:column}.indexing-form-actions button{width:100%}.indexing-toolbar-actions{width:100%;margin-left:0}.indexing-toolbar-actions button{flex:1;min-width:150px}.indexing-management-table-wrap{overflow-x:auto;overflow-y:visible}.indexing-record-table-wrap{min-height:420px;max-height:65vh;overflow:auto}.indexing-record-table{min-width:980px}.subpage-head-actions{width:100%;flex-direction:column}.indexing-submit-balance{grid-template-columns:1fr}.indexing-submit-balance button{width:100%}.indexing-submit-summary{grid-template-columns:repeat(3,1fr)}.indexing-submit-summary button{grid-column:1/-1;width:100%;justify-self:stretch}.indexing-api-task-list section,.indexing-api-task-list section>div{align-items:flex-start;flex-direction:column}}

/* Shared first-level GSC operations center navigation. */
.gsc-ops-head {
  display: grid;
  grid-template-columns: minmax(260px,.8fr) minmax(500px,1.45fr) auto;
  align-items: center;
  gap: 24px;
  min-height: 170px;
}
.gsc-ops-head > div:first-child { margin-right: 0 !important; }
.gsc-ops-head > .back-home {
  position: static;
  align-self: stretch;
  justify-self: end;
  min-height: 101px;
}
.gsc-ops-nav {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(2,48px);
  gap: 10px;
}
.gsc-ops-nav a,
.gsc-ops-nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 48px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 10px;
  background: rgba(255,255,255,.13);
  color: #fff;
  font-size: 16px;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
}
.gsc-ops-nav a:hover,
.gsc-ops-nav button:hover,
.gsc-ops-nav .active {
  border-color: #ffd067;
  background: linear-gradient(180deg,#fff1bd,#ffd36d);
  color: #754400;
  box-shadow: 0 7px 18px rgba(3,43,102,.22);
}
.gsc-ops-nav #gsc-refresh:not(.refreshing) {
  border: 2px solid #fff;
  background: linear-gradient(180deg,#fff 0%,#edf5ff 100%);
  color: #0c56bd;
  box-shadow: 0 10px 24px rgba(4,28,70,.28), inset 0 1px 0 #fff;
}
.gsc-ops-nav #gsc-refresh:not(.refreshing)::before { content:"↻"; margin-right:8px; font-size:20px; line-height:1; }
.gsc-ops-nav #gsc-refresh:not(.refreshing):hover { background:#fff; color:#073f91; }
.gsc-ops-nav #gsc-refresh.refreshing,
.gsc-ops-nav #gsc-refresh.refreshing:disabled {
  border: 2px solid #ff7a86;
  background: #d9283b;
  color: #fff;
  opacity: 1;
  animation: refresh-pulse 1.5s ease-in-out infinite;
}
.gsc-onboarding-nav { grid-template-rows: 58px; }
.gsc-onboarding-nav a { min-height: 58px; }
.gsc-page .gsc-standalone-freshness {
  position: static;
  width: min(640px,100%);
  min-width: 0;
  margin: 0 auto 18px;
  transform: none;
}
@media (max-width: 900px) {
  .gsc-ops-head { display:flex; min-height:0; align-items:stretch; flex-direction:column; }
  .gsc-ops-nav { width:100%; }
  .gsc-ops-head > .back-home { min-height:48px; width:100%; }
}
@media (max-width: 560px) {
  .gsc-ops-nav { grid-template-columns:1fr; grid-template-rows:none; }
}

/* GSC pages keep the same three-column hero composition as the home page. */
.onboarding-home-head {
  position: relative;
  min-height: 170px !important;
}
.onboarding-home-head > div:first-child { margin-right:auto; }
.onboarding-home-head .onboarding-head-status {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  min-width: 360px;
  transform: translate(-50%,-50%);
}
.onboarding-home-head .onboarding-head-actions {
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-areas: "home gsc" "add cf";
  width: 460px;
  margin-left: auto;
}
.onboarding-head-actions > :nth-child(3) { grid-area:add; }
.onboarding-head-actions > :nth-child(4) { grid-area:cf; }
.onboarding-head-actions .active {
  border-color: #ffd067;
  background: linear-gradient(180deg,#fff1bd,#ffd36d);
  color: #754400;
  box-shadow: 0 7px 18px rgba(3,43,102,.22);
}
@media (max-width: 1100px) and (min-width: 761px) {
  .onboarding-home-head .onboarding-head-status {
    min-width: 300px;
    transform: translate(-50%,-50%) scale(.9);
  }
}
@media (max-width: 760px) {
  .onboarding-home-head .onboarding-head-status {
    position: static;
    width: 100%;
    min-width: 0;
    transform: none;
  }
  .onboarding-home-head .onboarding-head-actions { width:100%; }
}

/* Final accordion alignment: these rules intentionally come last. */
.category-panel,
.cf-reconcile-panel { overflow:visible; border-radius:14px; }
.category-panel > summary,
.cf-reconcile-panel > summary {
  position:relative;
  height:58px;
  min-height:58px;
  padding:13px 62px 13px 20px;
  border-radius:11px;
}
.category-panel > summary::after,
.cf-reconcile-panel > summary::after {
  content:"";
  position:absolute;
  top:50%;
  right:25px;
  width:11px;
  height:11px;
  border:0;
  border-right:3px solid currentColor;
  border-bottom:3px solid currentColor;
  border-radius:0;
  background:transparent;
  transform:translateY(-68%) rotate(45deg);
  transition:transform .18s ease;
}
.category-panel[open] > summary::after,
.cf-reconcile-panel[open] > summary::after { transform:translateY(-28%) rotate(225deg); }
.cf-reconcile-summary-counts {
  height:28px;
  margin-right:12px;
  padding:4px 12px;
  line-height:18px;
}
.category-panel[open],
.cf-reconcile-panel[open] {
  border:2px solid #2677e8;
  border-radius:14px;
  background:#f5f9ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 24px rgba(20,82,168,.12);
}
.category-panel[open] > summary,
.cf-reconcile-panel[open] > summary {
  margin-bottom:0;
  border-color:#245fa9;
  border-radius:11px 11px 0 0;
  background:linear-gradient(135deg,#1557ad 0%,#237cf1 100%);
  color:#fff;
  box-shadow:0 5px 13px rgba(18,82,170,.20);
}
.category-panel[open] .category-add-form { padding:22px 20px 14px; background:#f5f9ff; }
.category-panel[open] .category-list { padding:0 20px 14px; background:#f5f9ff; }
.category-panel[open] > .subtle { margin:0; padding:8px 20px 18px; background:#f5f9ff; }
@media (max-width:760px) {
  .category-panel > summary,
  .cf-reconcile-panel > summary { height:auto; }
}

/* Category management intentionally mirrors the CF reconciliation accordion. */
.category-panel {
  position:relative;
  margin:20px 0 34px;
  overflow:hidden;
  border:2px solid #2677e8;
  border-radius:14px;
  background:#f5f9ff;
  box-shadow:0 10px 24px rgba(20,82,168,.12);
}
.category-panel > summary,
.category-panel > summary:hover,
.category-panel[open] > summary {
  display:flex;
  align-items:center;
  height:58px;
  min-height:58px;
  margin:0;
  padding:13px 62px 13px 20px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg,#0c4fa9,#237cf1);
  color:#fff;
  font-size:18px;
  font-weight:850;
  letter-spacing:.01em;
  box-shadow:0 5px 13px rgba(18,82,170,.20);
  transform:none;
}
.category-panel[open] > summary { border-radius:11px 11px 0 0; }
.category-panel[open] .category-add-form { padding:22px 20px 14px; background:#f5f9ff; }
.category-panel[open] .category-list { padding:0 20px 14px; background:#f5f9ff; }
.category-panel[open] > .subtle {
  margin:0;
  padding:8px 20px 18px;
  border-radius:0 0 11px 11px;
  background:#f5f9ff;
}
@media (max-width:760px) {
  .category-panel > summary,
  .category-panel > summary:hover,
  .category-panel[open] > summary { height:auto; }
}

/* Persisted reconciliation timestamp and matching bulk-add accordion. */
.cf-reconcile-summary-updated {
  color:#dcecff;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
}
.cf-reconcile-summary-timing { display:grid; gap:2px; margin-left:20px; color:#dcecff; white-space:nowrap; }
.cf-reconcile-summary-timing small { color:#bedcff; font-size:12px; font-weight:700; }
.bulk-domain-panel {
  position:relative;
  margin:20px 0 34px;
  overflow:visible;
  border:2px solid #2677e8;
  border-radius:14px;
  background:#f5f9ff;
  box-shadow:0 10px 24px rgba(20,82,168,.12);
}
.cf-reconcile-panel + .bulk-domain-panel {
  border-color:#2677e8;
  background:#f5f9ff;
  box-shadow:0 10px 24px rgba(20,82,168,.12);
}
.bulk-domain-panel > summary,
.bulk-domain-panel > summary:hover,
.bulk-domain-panel[open] > summary {
  position:relative;
  display:flex;
  align-items:center;
  height:58px;
  min-height:58px;
  margin:0;
  padding:13px 62px 13px 20px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg,#0c4fa9,#237cf1);
  color:#fff;
  font-size:18px;
  font-weight:850;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 5px 13px rgba(18,82,170,.20);
  list-style:none;
}
.bulk-domain-panel > summary::-webkit-details-marker { display:none; }
.bulk-domain-panel > summary::marker { content:""; }
.bulk-domain-panel > summary::after {
  content:"";
  position:absolute;
  top:50%;
  right:25px;
  width:11px;
  height:11px;
  border-right:3px solid currentColor;
  border-bottom:3px solid currentColor;
  transform:translateY(-68%) rotate(45deg);
  transition:transform .18s ease;
}
.bulk-domain-panel[open] > summary { border-radius:11px 11px 0 0; }
.bulk-domain-panel[open] > summary::after { transform:translateY(-28%) rotate(225deg); }
.bulk-domain-panel .bulk-form {
  margin:0;
  padding:22px 20px 20px;
  border-radius:0 0 11px 11px;
  background:#f5f9ff;
}
@media (max-width:760px) {
  .cf-reconcile-summary-timing { order:2; width:100%; margin:0; }
  .bulk-domain-panel > summary,
  .bulk-domain-panel > summary:hover,
  .bulk-domain-panel[open] > summary { height:auto; }
}
/* One outer width for every first-level page. Keep scrollbar space reserved so
   navigation never shifts the shell horizontally when page height changes. */
:root { --app-shell-max-width: 1400px; --app-shell-gutter: 40px; }
html { scrollbar-gutter: stable; }
.shell,
.chat-shell,
.management-shell,
.indexing-shell {
  width: min(var(--app-shell-max-width), calc(100% - var(--app-shell-gutter)));
  max-width: var(--app-shell-max-width);
  margin-top: 36px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 760px) {
  .shell,
  .chat-shell,
  .management-shell,
  .indexing-shell {
    width: min(calc(100% - 24px), var(--app-shell-max-width));
    margin-top: 20px;
  }
}

/* Unified title-only hero and cross-workspace navigation. */
.cf-ops-head {
  display: grid;
  grid-template-columns: minmax(170px,.48fr) minmax(760px,2.35fr) 120px;
  align-items: center;
  gap: 16px;
}
.cf-ops-head > div:first-child,
.indexing-header > div:first-child,
.gsc-center-head > div:first-child { align-self: center; }
.cf-ops-head > div:first-child { grid-column:1; }
.cf-ops-nav {
  display: grid;
  grid-column:2;
  grid-template-columns: repeat(5,minmax(0,1fr));
  grid-template-rows: repeat(2,46px);
  gap: 9px;
  order:initial;
}
.cf-ops-nav .cf-gsc-nav-item { grid-column:1; grid-row:1; }
.cf-ops-nav [data-cf-view="add"] { grid-column:2; grid-row:1; }
.cf-ops-nav .launch-nav-item { grid-column:3; grid-row:1; }
.cf-ops-nav [data-cf-view="purge"] { grid-column:4; grid-row:1; }
.cf-ops-nav [data-cf-view="redirect-update"] { grid-column:5; grid-row:1; }
.cf-ops-nav .cf-indexing-nav-item { grid-column:1; grid-row:2; }
.cf-ops-nav .single-domain-nav-item { grid-column:2; grid-row:2; }
.cf-ops-nav .whole-redirect-nav-item { grid-column:3; grid-row:2; }
.cf-ops-nav .dns-nav-item { grid-column:4; grid-row:2; }
.cf-ops-nav .config-nav-item { grid-column:5; grid-row:2; }
.cf-ops-head > .back-home,
.indexing-header-home,
.gsc-center-home {
  align-self: center;
  height: 101px;
  min-height: 101px;
  max-height: 101px;
}
.cf-ops-head > .back-home {
  position:static !important;
  grid-column:3;
  width:100%;
}

.indexing-header {
  display: grid;
  grid-template-columns: minmax(235px,.65fr) minmax(590px,1.75fr) 120px;
  align-items: center;
  gap: 16px;
}
.indexing-header-actions {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: repeat(2,46px);
  gap: 9px;
}
.indexing-header-actions > * { min-width:0; min-height:46px; }
.indexing-header-actions .indexing-cf-link { grid-column:1; grid-row:1; }
.indexing-header-actions .indexing-organize-link { grid-column:2; grid-row:1; }
.indexing-header-actions .indexing-submit-link { grid-column:3; grid-row:1; }
.indexing-header-actions .indexing-gsc-link { grid-column:1; grid-row:2; }
.indexing-header-actions .indexing-config-link { grid-column:3; grid-row:2; }
.indexing-header-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 9px;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
}
.indexing-header-home:hover { background:rgba(255,255,255,.24); }

.gsc-center-head,
.gsc-page .gsc-center-head,
.onboarding-page .gsc-center-head {
  position: static;
  display: grid;
  grid-template-columns: minmax(210px,.56fr) minmax(280px,.72fr) minmax(470px,1.42fr) 120px;
  align-items: center;
  gap: 16px;
  min-height: 150px !important;
}
.gsc-page .gsc-center-head > div:first-child,
.onboarding-page .gsc-center-head > div:first-child { margin-right:0; }
.gsc-center-head > div:first-child { grid-column:1; }
.gsc-center-head > .data-freshness { grid-column:2; }
.gsc-center-head > .gsc-center-nav { grid-column:3; }
.gsc-center-head > .gsc-center-home {
  grid-area:auto !important;
  grid-column:4;
  width:100%;
  height:101px;
  min-height:101px;
  max-height:101px;
  align-self:center;
}
.gsc-page .gsc-center-head .gsc-data-freshness,
.onboarding-page .gsc-center-head .onboarding-head-status,
.onboarding-page .gsc-center-head .gsc-data-freshness {
  position: static;
  left: auto;
  top: auto;
  width: 100%;
  min-width: 0;
  margin: 0;
  transform: none;
}
.gsc-center-nav,
.onboarding-home-head .gsc-center-nav {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: repeat(2,46px);
  gap: 9px;
  width: auto;
  margin: 0;
}
.gsc-center-nav > * {
  grid-area:auto !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 46px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 10px;
  background: rgba(255,255,255,.13);
  color: #fff;
  font-size: 15px;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
}
.gsc-center-nav > *:hover { background:rgba(255,255,255,.24); color:#fff; }
.gsc-center-nav > .active {
  border-color:#ffd067;
  background:linear-gradient(180deg,#fff1bd,#ffd36d);
  color:#754400;
  box-shadow:0 7px 18px rgba(3,43,102,.22);
}
.gsc-center-nav > #gsc-account-manage.active {
  border-color:#ffd067;
  background:linear-gradient(180deg,#fff1bd,#ffd36d);
  color:#754400;
  box-shadow:0 7px 18px rgba(3,43,102,.22);
}
.gsc-center-nav #gsc-account-manage { grid-area:auto; }
.gsc-center-nav a[href="/gsc?action=accounts"] { position:relative; overflow:visible; }
.gsc-center-nav .gsc-account-unverified-nav-badge {
  position:absolute;
  top:-9px;
  right:-9px;
  z-index:4;
  margin:0;
}
.gsc-update-line { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.gsc-data-delay { display:inline-flex; padding:7px 12px; border:1px solid #ffbd67; border-radius:8px; background:#fff0dc; color:#b44700; font-size:15px; font-weight:850; white-space:nowrap; }
.gsc-center-nav #gsc-refresh { grid-area:auto; }
.gsc-center-nav #gsc-onboarding-link,
.gsc-center-nav #onboarding-gsc { grid-area:auto; }
.gsc-center-nav #gsc-refresh:not(.refreshing) {
  border:2px solid #fff;
  background:linear-gradient(180deg,#fff 0%,#edf5ff 100%);
  color:#0c56bd;
  box-shadow:0 10px 24px rgba(4,28,70,.24),inset 0 1px 0 #fff;
}
.gsc-center-nav .gsc-refresh-nav-item { padding-right:5px; padding-left:5px; font-size:14px; white-space:nowrap; }
.gsc-center-nav #gsc-refresh:not(.refreshing)::before { content:"↻"; margin-right:7px; font-size:19px; line-height:1; }
.gsc-center-nav #gsc-refresh.refreshing,
.gsc-center-nav #gsc-refresh.refreshing:disabled {
  border:2px solid #ff7a86;
  background:#d9283b;
  color:#fff;
  opacity:1;
  animation:refresh-pulse 1.5s ease-in-out infinite;
}

@media (max-width: 1180px) and (min-width: 1101px) {
  .cf-ops-head { grid-template-columns:minmax(150px,.45fr) minmax(650px,2.4fr) 110px; gap:12px; }
  .cf-ops-nav a { padding-right:6px; padding-left:6px; font-size:14px; }
  .indexing-header { grid-template-columns:minmax(200px,.6fr) minmax(530px,1.8fr) 110px; gap:12px; }
  .gsc-center-head,
  .gsc-page .gsc-center-head,
  .onboarding-page .gsc-center-head { grid-template-columns:minmax(190px,.5fr) minmax(245px,.68fr) minmax(420px,1.48fr) 110px; gap:12px; }
  .gsc-center-nav > * { padding-right:5px; padding-left:5px; font-size:13px; }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .gsc-center-head,
  .gsc-page .gsc-center-head,
  .onboarding-page .gsc-center-head { display:flex; min-height:0 !important; align-items:stretch; flex-direction:column; }
  .gsc-center-nav,
  .onboarding-home-head .gsc-center-nav { width:100%; }
  .gsc-center-home { width:100%; min-height:48px; }
}
@media (max-width: 900px) {
  .cf-ops-head,
  .indexing-header,
  .gsc-center-head,
  .gsc-page .gsc-center-head,
  .onboarding-page .gsc-center-head { display:flex; min-height:0 !important; align-items:stretch; flex-direction:column; }
  .cf-ops-nav,
  .indexing-header-actions,
  .gsc-center-nav,
  .onboarding-home-head .gsc-center-nav { width:100%; }
  .cf-ops-head > .back-home,
  .indexing-header-home,
  .gsc-center-home { width:100%; height:48px; min-height:48px; max-height:48px; }
  .cf-ops-head > div:first-child,
  .cf-ops-nav,
  .cf-ops-head > .back-home { grid-column:auto; }
  .gsc-center-head > div:first-child,
  .gsc-center-head > .data-freshness,
  .gsc-center-head > .gsc-center-nav,
  .gsc-center-head > .gsc-center-home { grid-column:auto; }
}
@media (max-width: 620px) {
  .cf-ops-nav,
  .indexing-header-actions,
  .gsc-center-nav,
  .onboarding-home-head .gsc-center-nav { grid-template-columns:1fr; grid-template-rows:none; }
  .cf-ops-nav > *,
  .indexing-header-actions > *,
  .gsc-center-nav > * { grid-column:auto !important; grid-row:auto !important; }
}

/* Cross-center links use a violet navigation treatment; yellow remains reserved
   for the active function inside the current center. */
.cf-ops-nav .cross-center-link,
.indexing-header-actions .cross-center-link,
.gsc-center-nav .cross-center-link {
  position:relative;
  width:calc(100% - 28px);
  justify-self:start;
  border-color:#ede9fe;
  background:linear-gradient(180deg,#a98af8,#8450e6);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 7px 16px rgba(50,22,111,.38);
}
.cross-center-link .cross-center-indexing-badge {
  position:absolute;
  top:-9px;
  right:-9px;
  z-index:4;
  margin-left:0;
}
.cf-ops-nav .cross-center-link::before,
.indexing-header-actions .cross-center-link::before,
.gsc-center-nav .cross-center-link::before {
  content:"↗";
  display:inline-grid;
  place-items:center;
  width:19px;
  height:19px;
  margin-right:7px;
  border:2px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:13px;
  font-weight:1000;
  -webkit-text-stroke:.5px currentColor;
  line-height:1;
}
.cf-ops-nav .cross-center-link:hover,
.indexing-header-actions .cross-center-link:hover,
.gsc-center-nav .cross-center-link:hover {
  border-color:#faf8ff;
  background:linear-gradient(180deg,#bea9fb,#9469ec);
  color:#fff;
  box-shadow:0 9px 20px rgba(50,22,111,.46);
}
@media (max-width:620px) {
  .cf-ops-nav .cross-center-link,
  .indexing-header-actions .cross-center-link,
  .gsc-center-nav .cross-center-link { width:100%; }
}

/* The indexing center keeps compact controls grouped beside the home button. */
.indexing-header-actions {
  justify-self:end;
  width:min(620px,100%);
}

/* Keep the GSC data hero equal in height to onboarding: the freshness card
   grows to the left, while its schedule note remains on one line. */
.gsc-page .gsc-center-head .gsc-data-freshness,
.onboarding-page .gsc-center-head .gsc-data-freshness {
  width:350px;
  max-width:calc(100% + 70px);
  justify-self:end;
  padding:7px 16px;
}
.gsc-page .gsc-center-head .gsc-data-freshness .auto-refresh-note,
.onboarding-page .gsc-center-head .gsc-data-freshness .auto-refresh-note {
  margin-top:5px;
  padding-top:5px;
  font-size:13px;
  white-space:nowrap;
}

.cf-reconcile-title { display:inline-flex; align-items:center; }
.cf-reconcile-title .cf-reconcile-pending-badge { margin-left:8px; }
.cf-reconcile-title .cf-reconcile-pending-badge[hidden] { display:none; }
.management-header-actions [data-management-view="domains"],
.header-actions #open-management { position:relative; }
.management-nav-pending-badge,
.home-management-pending-badge {
  position:absolute;
  top:-10px;
  right:-8px;
  z-index:4;
  margin:0;
}
.management-nav-pending-badge[hidden] { display:none; }

@media (max-width: 1100px) {
  .indexing-header-actions { width:100%; justify-self:stretch; }
  .gsc-page .gsc-center-head .gsc-data-freshness,
  .onboarding-page .gsc-center-head .gsc-data-freshness {
    width:100%;
    max-width:none;
    justify-self:stretch;
  }
  .gsc-page .gsc-center-head .gsc-data-freshness .auto-refresh-note,
  .onboarding-page .gsc-center-head .gsc-data-freshness .auto-refresh-note { white-space:normal; }
}

/* Use the home-page hero height across every desktop center so navigation
   between sections does not shift the page vertically. */
@media (min-width:901px) {
  .cf-ops-head,
  .indexing-header,
  .gsc-center-head,
  .gsc-page .gsc-center-head,
  .onboarding-page .gsc-center-head,
  .management-header,
  .chat-header {
    min-height:170px !important;
    align-items:center;
  }
}

/* Batch submission: password and confirmation share one step. */
#indexing-batch-submit-dialog .indexing-confirm-actions { align-items:flex-end; }
.indexing-batch-password { display:grid; gap:6px; flex:1; min-width:0; color:#6d7e95; font-size:12px; font-weight:750; }
.indexing-batch-password input, #batch-submit-tier { width:100%; min-height:43px; padding:8px 10px; border:1px solid #b8cce6; border-radius:8px; background:#fff; color:#12345f; }
@media(max-width:480px) { #indexing-batch-submit-form { flex-wrap:wrap; } .indexing-batch-password { flex-basis:100%; } }

/* Give the batch tier selector a full row and a clear text hierarchy. */
#indexing-batch-submit-dialog .indexing-confirm-summary p:nth-child(3) { grid-column:1/-1; grid-row:3; }
#indexing-batch-submit-dialog .indexing-confirm-summary p:nth-child(4) { grid-column:2; grid-row:2; }
#batch-submit-tier { min-height:48px; padding:10px 36px 10px 14px; font-size:17px; font-weight:800; }

#indexing-submit-confirm-dialog .indexing-confirm-summary p:nth-child(3) { grid-column:1/-1; grid-row:3; }
#indexing-submit-confirm-dialog .indexing-confirm-summary p:nth-child(4) { grid-column:2; grid-row:2; }
#confirm-indexing-tier { width:100%; min-height:48px; padding:10px 36px 10px 14px; border:1px solid #b8cce6; border-radius:8px; background:#fff; color:#12345f; font-size:17px; font-weight:800; }

/* CF operation types share the same task-detail viewport. */
.cf-job-details-scroll { overflow: auto; max-height: 620px; scrollbar-gutter: stable; }
.cf-job-details-scroll thead th { position: sticky; top: 0; z-index: 2; background: #f7f9fc; }