/*==================================================
  DOCUMENTS V5
==================================================*/

.cyb-documents{

    margin-top:40px;

}

.cyb-documents-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:24px;

}

.cyb-document-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px;

    background:#fff;

    border:1px solid var(--cyb-border);

    border-radius:16px;

    transition:var(--cyb-transition);

}

.cyb-document-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--cyb-shadow-hover);

}


/*==================================================
  DOCUMENT ICON
==================================================*/

.cyb-document-icon{

    width:64px;

    height:64px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    background:#EDF4FF;

    border-radius:14px;

    color:var(--cyb-primary);

}

.cyb-document-icon svg{

    width:32px;

    height:32px;

}


/*==================================================
  DOCUMENT DETAILS
==================================================*/

.cyb-document-content{

    flex:1;

    min-width:0;

}

.cyb-document-title{

    font-size:17px;

    font-weight:700;

    color:var(--cyb-text);

    margin-bottom:6px;

    word-break:break-word;

}

.cyb-document-meta{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    font-size:13px;

    color:var(--cyb-text-light);

}

.cyb-document-size{

    font-weight:600;

}

.cyb-document-type{

    text-transform:uppercase;

}


/*==================================================
  DOWNLOAD BUTTON
==================================================*/

.cyb-document-download{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:120px;

    height:44px;

    padding:0 18px;

    background:var(--cyb-primary);

    color:#fff;

    border-radius:8px;

    font-size:14px;

    font-weight:600;

    transition:var(--cyb-transition);

}

.cyb-document-download:hover{

    background:var(--cyb-primary-dark);

}

.cyb-document-download svg{

    width:18px;

    height:18px;

    margin-right:8px;

}


/*==================================================
  EMPTY DOCUMENTS
==================================================*/

.cyb-no-documents{

    text-align:center;

    padding:70px 30px;

    border:2px dashed var(--cyb-border);

    border-radius:16px;

    background:#fff;

}

.cyb-no-documents h3{

    margin-bottom:12px;

    font-size:22px;

    color:var(--cyb-text);

}

.cyb-no-documents p{

    color:var(--cyb-text-light);

    max-width:520px;

    margin:auto;

    line-height:1.8;

}