/* GhostSEO Microsoft inline configuration flow v109 */
.gs-ms-flow-screen{
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:100%;
  background:transparent;
}
.gs-ms-flow-top{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px 20px 16px;
  border-bottom:1px solid rgba(127,139,160,.18);
  background:linear-gradient(180deg,rgba(37,99,235,.055),rgba(37,99,235,0));
}
.gs-ms-flow-top .gs-flow-back{
  align-self:flex-start;
  position:static!important;
  inset:auto!important;
  margin:0;
}
.gs-ms-flow-heading{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.gs-ms-flow-heading>div{min-width:0}
.gs-ms-flow-heading small{
  display:block;
  margin-bottom:4px;
  color:#2563eb;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.gs-ms-flow-heading h2{
  margin:0 0 5px;
  font-size:18px;
  line-height:1.25;
}
.gs-ms-flow-heading p{
  margin:0;
  max-width:640px;
  color:#667085;
  font-size:10px;
  line-height:1.5;
}
.gs-ms-flow-body{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:16px 20px 20px;
}
.gs-ms-flow-fields{
  display:grid;
  gap:12px;
}
.gs-ms-flow-fields>.gs-field{
  min-width:0;
  margin:0;
  padding:0;
}
.gs-ms-flow-fields>.gs-field>span:first-child{
  display:block;
  margin-bottom:6px;
  font-size:10px;
  font-weight:800;
}
.gs-ms-flow-fields input:not([type=hidden]),
.gs-ms-flow-fields select,
.gs-ms-flow-fields textarea{
  width:100%;
  min-width:0;
}
.gs-ms-flow-fields>.gs-field:not(.gs-ms-onedrive-field){
  padding:12px;
  border:1px solid rgba(127,139,160,.20);
  border-radius:11px;
  background:rgba(127,139,160,.025);
}
.gs-ms-flow-fields .gs-ms-onedrive-field{
  order:-10;
}
.gs-ms-flow-fields .gs-ms-onedrive-field>span:first-child{
  display:none;
}
.gs-ms-flow-fields .gs-ms-field-summary{
  margin-top:0;
}
.gs-ms-flow-fields .gs-ms-inline-browser{
  margin-top:8px;
}
.gs-ms-flow-fields .gs-ms-actions{
  margin-top:9px;
}
.gs-ms-flow-footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:4px;
}
.gs-ms-flow-footer button{
  min-height:36px;
}
html[data-theme="dark"] .gs-ms-flow-heading p{color:#9aa8bb}
html[data-theme="dark"] .gs-ms-flow-fields>.gs-field:not(.gs-ms-onedrive-field){
  border-color:#29374b;
  background:rgba(255,255,255,.015);
}
@media(max-width:700px){
  .gs-ms-flow-top,.gs-ms-flow-body{padding-left:14px;padding-right:14px}
  .gs-ms-flow-heading{align-items:flex-start}
  .gs-ms-flow-footer{display:grid;grid-template-columns:1fr}
  .gs-ms-flow-footer button{width:100%}
}