.page-settings-toggle{
  height:var(--sync-nav-link-height, 82px);
  padding:10px 6px 8px;
  border-radius:16px;
  border:1px solid transparent;
  background:transparent;
  color:#6f7f9f;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  flex-direction:column;
  gap:7px;
  font-size:0;
  font-weight:800;line-height:1;cursor:pointer;
  transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;
  position:relative;
}
.page-settings-toggle::before{
  content:"";
  width:30px;
  height:30px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
  border:1px solid rgba(104,122,160,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M12 2.8v2.3M12 18.9v2.3M21.2 12h-2.3M5.1 12H2.8M18.5 5.5l-1.6 1.6M7.1 16.9l-1.6 1.6M18.5 18.5l-1.6-1.6M7.1 7.1 5.5 5.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M12 2.8v2.3M12 18.9v2.3M21.2 12h-2.3M5.1 12H2.8M18.5 5.5l-1.6 1.6M7.1 16.9l-1.6 1.6M18.5 18.5l-1.6-1.6M7.1 7.1 5.5 5.5'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:18px 18px;
  mask-size:18px 18px;
}
.page-settings-toggle::after{
  content:"Settings";
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  line-height:1;
}
.page-settings-toggle:hover{
  color:#e8d8c8;
  background:rgba(249,115,22,.07);
  transform:translateY(-1px);
}
.page-settings-backdrop{
  position:fixed;inset:0;background:rgba(4,6,12,.62);z-index:200;
  display:flex;align-items:center;justify-content:center;padding:18px;
}
.page-settings-backdrop.hidden{display:none}
.page-settings-modal{
  width:min(460px, calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto;
  background:var(--card, rgba(10,16,28,.94));border:1px solid var(--line, rgba(52,56,70,.22));
  border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.page-settings-head{
  padding:14px 16px;border-bottom:1px solid var(--line, rgba(52,56,70,.22));
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.page-settings-label{
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted, #5c6b8a);
}
.page-settings-title{
  margin-top:2px;font-size:17px;font-weight:800;color:var(--text, #dde5f5);
}
.page-settings-close{
  width:30px;height:30px;border-radius:8px;border:1px solid var(--line, rgba(52,56,70,.22));
  background:transparent;color:var(--muted, #5c6b8a);font-size:18px;cursor:pointer;
}
.page-settings-form{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px}
.page-settings-group{
  display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid var(--line, rgba(52,56,70,.22));
  border-radius:10px;background:rgba(255,255,255,.018);
}
.page-settings-group-title{
  font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text, #dde5f5);
}
.page-settings-field{display:flex;flex-direction:column;gap:5px}
.page-settings-field label{
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted, #5c6b8a);
}
.page-settings-field input[type="text"],
.page-settings-field input[type="number"]{
  height:38px;border-radius:8px;border:1px solid var(--line2, rgba(60,65,82,.34));
  background:var(--card2, rgba(14,22,38,.97));color:var(--text, #dde5f5);
  padding:0 10px;font:inherit;font-size:14px;outline:none;
}
.page-settings-field input:focus{border-color:rgba(249,115,22,.48)}
.page-settings-node-list{display:flex;flex-direction:column;gap:7px}
.page-settings-node-row{
  display:grid;grid-template-columns:minmax(92px,.8fr) minmax(120px,1fr) 30px;
  gap:7px;align-items:center;
}
.page-settings-node-row input{
  height:34px;border-radius:8px;border:1px solid var(--line2, rgba(60,65,82,.34));
  background:var(--card2, rgba(14,22,38,.97));color:var(--text, #dde5f5);
  padding:0 9px;font:inherit;font-size:13px;outline:none;min-width:0;
}
.page-settings-node-remove{
  width:30px;height:30px;border-radius:8px;border:1px solid var(--line2, rgba(60,65,82,.34));
  background:transparent;color:var(--muted, #5c6b8a);font-size:18px;line-height:1;cursor:pointer;
}
.page-settings-add-node{align-self:flex-start}
.page-settings-check{
  display:flex;align-items:center;gap:8px;color:var(--text, #dde5f5);font-size:13px;font-weight:700;
}
.page-settings-check input{width:16px;height:16px}
.page-settings-help{font-size:12px;color:var(--muted, #5c6b8a);line-height:1.45}
.page-settings-status{
  min-height:18px;font-size:12px;color:var(--muted, #5c6b8a);line-height:1.4;
}
.page-settings-status.ok{color:var(--green, #34d399)}
.page-settings-status.error{color:var(--red, #f87171)}
.page-settings-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px;
}
.page-settings-btn{
  min-height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line2, rgba(60,65,82,.34));
  background:var(--card2, rgba(14,22,38,.97));color:var(--text, #dde5f5);
  font:inherit;font-size:12px;font-weight:800;cursor:pointer;
}
.page-settings-btn.secondary{background:transparent;color:var(--muted, #5c6b8a)}
.page-settings-btn.primary{
  border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.12);color:var(--brand-orange, #f97316);
}
.page-settings-btn.hidden{display:none}
.page-settings-pco-auth{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.page-settings-auth-status{
  color:var(--text, #dde5f5);
  font-size:12px;
  line-height:1.45;
}
.page-settings-auth-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.page-settings-auth-actions a{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:768px){
  .page-settings-toggle::before{width:27px;height:27px;font-size:18px;border-radius:11px}
  .page-settings-toggle::after{font-size:8px;letter-spacing:.08em}
  .page-settings-backdrop{align-items:flex-end;padding:10px}
  .page-settings-modal{width:100%;max-height:86svh}
}