/* =========================================================
   慢慢｜Auth_permission_ui.css v1.0.0
   只放元件正常運作需要的基礎排版；顏色、圓角、陰影等由宿主決定。
========================================================= */
[data-auth-form]{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:8px;
  align-items:end;
}

[data-auth-form] label{
  display:grid;
  gap:5px;
  min-width:0;
}

[data-auth-form] input{
  width:100%;
  min-width:0;
}

[data-auth-message]{
  grid-column:1 / -1;
  min-height:1.4em;
}

[data-auth-form][hidden],
[data-auth-visible][hidden],
[data-auth-logout][hidden],
[data-permission][hidden]{
  display:none !important;
}

@media (max-width:700px){
  [data-auth-form]{ grid-template-columns:1fr 1fr; }
  [data-auth-submit],
  [data-auth-message]{ grid-column:1 / -1; }
}

@media (max-width:520px){
  [data-auth-form]{ grid-template-columns:1fr; }
  [data-auth-submit],
  [data-auth-message]{ grid-column:1; }
}