/* TULRUMUS CERTIFICATES v1 */

.certificates-workspace{min-width:0}

.certificates-title-block{
    min-height:72px;
    padding:2px 22px 10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.certificates-title-block h1{
    margin:5px 0 5px;
    font-size:clamp(30px,2.5vw,40px);
    line-height:.95;
    font-weight:600;
    letter-spacing:-.045em;
    background:linear-gradient(90deg,#fff,#eadcff 45%,#b5a6ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.certificates-title-block p{
    margin:0;
    color:#d3dae4;
    font-size:12px;
}

.certificates-summary{
    margin-bottom:10px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.cert-summary-card{
    min-height:86px;
    padding:14px 16px;
    border-radius:10px;
    background:linear-gradient(180deg,rgba(11,23,49,.88),rgba(6,13,29,.94));
}

.cert-summary-card small{
    display:block;
    margin-bottom:6px;
    color:#778598;
    font-size:7px;
    font-weight:800;
    letter-spacing:.11em;
}

.cert-summary-card strong{
    display:block;
    margin-bottom:2px;
    font-size:21px;
}

.cert-summary-card span{
    color:#8390a1;
    font-size:8px;
}

.cert-summary-gold{border:1px solid rgba(232,184,92,.45)}
.cert-summary-gold strong{color:#f2c66f}
.cert-summary-cyan{border:1px solid rgba(69,228,208,.33)}
.cert-summary-cyan strong{color:#45e4d0}

.certificates-panel{
    padding:17px;
    border:1px solid rgba(143,190,255,.16);
    border-radius:12px;
    background:linear-gradient(180deg,rgba(7,17,38,.91),rgba(4,11,25,.96));
}

.certificates-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding-bottom:11px;
    border-bottom:1px solid rgba(143,190,255,.11);
}

.certificates-panel-head h2{
    margin:4px 0 0;
    color:#f4f7fb;
    font-size:22px;
    font-weight:500;
}

.cert-primary-button,
.cert-secondary-button,
.cert-open-button,
.cert-verify-button{
    min-height:36px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    font-size:8px;
    font-weight:900;
    letter-spacing:.04em;
    text-decoration:none;
}

.cert-primary-button{
    border:1px solid #e5ae49;
    background:linear-gradient(180deg,#ffd36d,#eca026);
    color:#251802;
}

.cert-secondary-button{
    border:1px solid rgba(143,190,255,.28);
    background:rgba(7,16,34,.5);
    color:#c9d3dd;
}

.certificates-status{
    margin-top:10px;
    padding:11px 13px;
    border:1px solid rgba(143,190,255,.12);
    border-radius:8px;
    background:rgba(5,13,29,.46);
    color:#8492a5;
    font-size:10px;
}

.certificates-status.error{
    color:#ff9d9d;
    border-color:rgba(255,100,100,.25);
}

.certificates-empty{
    padding:42px 20px;
    text-align:center;
}

.cert-empty-mark{
    margin-bottom:8px;
    color:#efc46b;
    font-size:38px;
}

.certificates-empty h3{
    margin:0 0 7px;
    font-size:20px;
    font-weight:500;
}

.certificates-empty p{
    margin:0 0 18px;
    color:#8d9aab;
    font-size:10px;
}

.certificates-list{
    display:grid;
    gap:8px;
    margin-top:10px;
}

.certificate-card{
    min-height:112px;
    padding:13px 14px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:13px;
    align-items:center;
    border:1px solid rgba(126,165,232,.19);
    border-radius:9px;
    background:
        radial-gradient(circle at 7% 50%,rgba(69,228,208,.055),transparent 17%),
        linear-gradient(180deg,rgba(10,22,47,.86),rgba(5,13,29,.92));
}

.certificate-symbol{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(232,184,92,.44);
    border-radius:7px;
    color:#f0c46d;
    font-size:18px;
}

.certificate-main{min-width:0}

.certificate-topline{
    margin-bottom:4px;
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
}

.certificate-label{
    color:#cdd5df;
    font-size:7px;
    font-weight:900;
    letter-spacing:.11em;
}

.certificate-valid{
    padding:3px 6px;
    border:1px solid rgba(69,228,208,.30);
    border-radius:20px;
    background:rgba(28,97,86,.12);
    color:#59d8c8;
    font-size:6px;
    font-weight:900;
}

.certificate-card h3{
    margin:0;
    overflow-wrap:anywhere;
    color:#f5f7fb;
    font-size:14px;
    line-height:1.15;
    font-weight:600;
}

.certificate-meta{
    margin-top:7px;
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;
    gap:12px;
}

.certificate-meta-item small{
    display:block;
    margin-bottom:2px;
    color:#637185;
    font-size:5px;
    letter-spacing:.07em;
}

.certificate-meta-item strong{
    display:block;
    overflow-wrap:anywhere;
    color:#97a4b4;
    font-size:7px;
    font-weight:550;
}

.certificate-actions{
    min-width:205px;
    display:flex;
    gap:7px;
    justify-content:flex-end;
}

.cert-open-button{
    border:1px solid rgba(232,184,92,.48);
    background:rgba(23,18,14,.20);
    color:#f0c36a;
}

.cert-verify-button{
    border:1px solid rgba(69,228,208,.35);
    background:rgba(8,39,42,.22);
    color:#64dfd0;
}

.cert-verify-button[disabled]{
    opacity:.55;
    cursor:wait;
}

.certificate-verify-result{
    grid-column:2 / 4;
    margin-top:-3px;
    padding:7px 9px;
    border-radius:6px;
    font-size:8px;
}

.certificate-verify-result.ok{
    border:1px solid rgba(69,228,208,.27);
    background:rgba(12,75,68,.15);
    color:#62dfcf;
}

.certificate-verify-result.fail{
    border:1px solid rgba(255,105,105,.25);
    background:rgba(90,20,25,.15);
    color:#ff9b9b;
}

@media(max-width:1050px){
    .certificate-card{grid-template-columns:34px minmax(0,1fr)}
    .certificate-actions{
        grid-column:1 / -1;
        min-width:0;
        justify-content:flex-end;
    }
    .certificate-verify-result{grid-column:1 / -1}
}

@media(max-width:760px){
    .certificates-title-block{padding-left:0}
    .certificates-summary{grid-template-columns:1fr}
    .certificates-panel-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .certificate-card{grid-template-columns:1fr}
    .certificate-symbol{display:none}
    .certificate-meta{grid-template-columns:1fr}
    .certificate-actions{
        grid-column:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .certificate-verify-result{grid-column:auto}
}

/* certificate-list-simple-v1 */
.certificates-list .certificate-card-simple {
    min-height: 90px;
    padding: 18px 20px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 24px;
}
.certificates-list .certificate-card-simple h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.certificate-issued-date {
    margin: 7px 0 0;
    color: #b6c2d3;
    font-size: 14px;
    line-height: 1.4;
}
.certificates-list .certificate-card-simple .certificate-actions {
    grid-column: auto;
    min-width: 0;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.certificate-card-simple .cert-open-button,
.certificate-card-simple .cert-verify-button {
    min-height: 42px;
    padding: 0 16px;
    font-size: 11px;
}
.certificates-list .certificate-card-simple .certificate-verify-result {
    grid-column: 1 / -1;
    margin-top: 0;
    font-size: 13px;
}
@media (max-width: 600px) {
    .certificates-list .certificate-card-simple {
        grid-template-columns: minmax(0, 1fr);
        padding: 16px;
    }
    .certificates-list .certificate-card-simple .certificate-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

/* certificate-smaller-fonts-v1 */
.certificates-title-block h1 {
    font-size: 28px;
    line-height: 1.2;
}
.certificates-panel-head h2 {
    font-size: 18px;
    line-height: 1.3;
}
.certificates-list .certificate-card-simple h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
}
.certificates-list .certificate-issued-date {
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.4;
}