
/* DERIOX PULSE B61 R13 - DESIGN LOCK COMPATIBLE */

.pulse-r13{
 margin:18px 0 24px
}
.pulse-r13[hidden],
.pulse-r13 [hidden]{
 display:none!important
}
.pulse-r13-heading{
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 flex-wrap:wrap;
 gap:16px;
 margin-bottom:18px
}
.pulse-r13-heading h2{
 font-size:22px;
 font-weight:800;
 margin:7px 0;
 color:#102441
}
.pulse-r13-share{
 display:flex;
 flex-wrap:wrap;
 gap:9px
}
.pulse-r13-stats{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
 margin-bottom:19px
}
.pulse-r13-stats>div{
 padding:15px;
 background:#f6f9fe;
 border:1px solid #e0e8f5;
 border-radius:12px;
 display:flex;
 flex-direction:column;
 gap:5px
}
.pulse-r13-stats strong{
 font-size:24px;
 font-weight:800;
 color:#162b4d;
 font-variant-numeric:tabular-nums
}
.pulse-r13-stats span{
 font-size:12px;
 color:#637a99
}
.pulse-r13-tools{
 display:grid;
 grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(150px,1fr);
 gap:12px;
 margin-bottom:14px
}
.pulse-r13-tools label{
 display:flex;
 flex-direction:column;
 gap:6px;
 font-size:12px;
 font-weight:700;
 color:#243b60
}
.pulse-r13-tools input,
.pulse-r13-tools select{
 width:100%;
 min-width:0;
 box-sizing:border-box;
 padding:11px 12px;
 border:1px solid #d4dfef;
 background:white;
 color:#183051;
 border-radius:10px;
 font:inherit
}
.pulse-r13-toolbar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 margin-bottom:12px
}
.pulse-r13-post{
 border:1px solid #e0e9f5;
 background:#fff;
 border-radius:13px;
 padding:15px;
 margin-bottom:12px
}
.pulse-r13-post-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 flex-wrap:wrap;
 margin-bottom:10px
}
.pulse-r13-post-head strong{
 font-size:13px;
 color:#16365b
}
.pulse-r13-post-head time{
 font-size:11px;
 color:#7183a2
}
.pulse-r13-post-body{
 font-size:14px;
 line-height:1.65;
 color:#1e3657;
 white-space:pre-wrap;
 overflow-wrap:anywhere;
 margin:0
}
.pulse-r13-note{
 margin:15px 0 0;
 font-size:11px;
 line-height:1.55;
 color:#7487a4
}
@media(max-width:850px){
 .pulse-r13-tools{
  grid-template-columns:1fr 1fr
 }
 .pulse-r13-tools label:first-child{
  grid-column:1/-1
 }
}
@media(max-width:520px){
 .pulse-r13-stats{
  grid-template-columns:1fr
 }
 .pulse-r13-tools{
  grid-template-columns:1fr
 }
 .pulse-r13-tools label:first-child{
  grid-column:auto
 }
}


/* DERIOX PULSE B61 R13 A3 */

.pulse-r13-mine{
 margin:18px 0 24px;
}

.pulse-r13-mine[hidden],
.pulse-r13-mine [hidden]{
 display:none!important;
}

.pulse-r13-mine-heading{
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 flex-wrap:wrap;
 gap:14px;
 margin-bottom:17px;
}

.pulse-r13-mine-heading h2{
 font-size:22px;
 font-weight:800;
 color:#122944;
 margin:7px 0;
}

.pulse-r13-mine-search{
 display:flex;
 flex-direction:column;
 gap:6px;
 font-weight:700;
 font-size:12px;
 color:#243b60;
 margin-bottom:16px;
}

.pulse-r13-mine-search input{
 width:100%;
 box-sizing:border-box;
 border:1px solid #d4dfef;
 border-radius:10px;
 padding:12px;
 font:inherit;
 color:#183051;
 background:white;
}

.pulse-r13-mine-grid{
 display:grid;
 grid-template-columns:repeat(
  auto-fit,minmax(min(100%,250px),1fr)
 );
 gap:13px;
 margin:14px 0;
}

.pulse-r13-mine-card{
 border:1px solid #e0e8f5;
 background:#f9fbff;
 border-radius:13px;
 padding:16px;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:10px;
 min-width:0;
}

.pulse-r13-mine-name{
 font-size:16px;
 font-weight:800;
 color:#153253;
 line-height:1.4;
 margin:0;
}

.pulse-r13-mine-role{
 display:inline-flex;
 padding:5px 9px;
 border-radius:20px;
 background:#e6effd;
 color:#23518e;
 font-size:11px;
 font-weight:700;
}

.pulse-r13-mine-description{
 font-size:13px;
 color:#647790;
 line-height:1.55;
 overflow-wrap:anywhere;
 margin:0;
}

.pulse-r13-mine-note{
 font-size:11px;
 color:#7487a4;
 margin-top:13px;
}

.pulse-r13-post-actions{
 display:flex;
 flex-wrap:wrap;
 gap:9px;
 margin-top:13px;
}

.pulse-r13-post-focused{
 border-color:#3976ce!important;
 box-shadow:0 0 0 2px rgba(57,118,206,.13);
}

@media(max-width:520px){
 .pulse-r13-mine-heading{
  flex-direction:column;
 }
}
