/* Shared CLARA admin header — floating treatment.
   Keep the original premium proportions and typography, but remove the
   topbar surface entirely. The title and actions now sit directly on the
   workspace background with no header panel, divider, blur, or edge box. */

body[data-admin-workspace="clara"]::before{
  height:3px!important;
  background:linear-gradient(90deg,#1687ff 0 58%,#ffd43b 58% 64%,#ff334f 64% 100%)!important;
  box-shadow:0 0 22px rgba(22,135,255,.20)!important;
}

body[data-admin-workspace="clara"] .top{
  min-height:0!important;
  padding:14px 0 17px!important;
  margin-top:0!important;
  margin-bottom:20px!important;
  align-items:center;
  border:0!important;
  border-image:none!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body[data-admin-workspace="clara"] .top::before,
body[data-admin-workspace="clara"] .top::after{
  content:none!important;
  display:none!important;
}

body[data-admin-workspace="clara"] .top .title{
  min-width:0;
  align-items:center;
}

body[data-admin-workspace="clara"] .top .title>div{
  display:block!important;
  min-width:0;
}

body[data-admin-workspace="clara"] .top .title p{
  margin:0 0 5px!important;
  font-size:10px!important;
  line-height:1.2;
  letter-spacing:.18em!important;
  white-space:nowrap;
}

body[data-admin-workspace="clara"] .top .title p::after{
  content:none!important;
  margin:0!important;
}

body[data-admin-workspace="clara"] .top .title h1{
  margin:0!important;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:36px!important;
  line-height:1.08;
  letter-spacing:-.04em!important;
}

body[data-admin-workspace="clara"] .top .tools{
  flex:0 0 auto;
  gap:10px!important;
}

body[data-admin-workspace="clara"] .top .btn{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  font-size:11px!important;
}

body[data-admin-workspace="clara"] .top .search{
  width:250px!important;
  height:41px!important;
  border-radius:11px!important;
}

@media(max-width:1100px){
  body[data-admin-workspace="clara"] .top{
    padding:12px 0 15px!important;
    margin-bottom:18px!important;
  }
  body[data-admin-workspace="clara"] .top .title h1{
    font-size:31px!important;
  }
  body[data-admin-workspace="clara"] .top .search{
    width:210px!important;
  }
}

@media(max-width:760px){
  body[data-admin-workspace="clara"] .top{
    padding:11px 0 14px!important;
    margin-bottom:16px!important;
  }
  body[data-admin-workspace="clara"] .top .title h1{
    font-size:28px!important;
  }
  body[data-admin-workspace="clara"] .top .btn{
    min-height:40px!important;
    padding:0 13px!important;
  }
}