/* BRITIXO_MYACCOUNT_LICENSE_DETAIL_POLISH_V1 */

#trademarks .license-detail-grid{
    grid-template-columns:minmax(0,1.72fr) minmax(330px,.88fr);
    gap:22px;
    align-items:start
}

#trademarks .license-detail-grid>div{
    display:grid;
    gap:20px
}

#trademarks .license-detail-grid .portal-card{
    overflow:hidden;
    border:1px solid #dfe7f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.045)
}

#trademarks .license-detail-grid .portal-card>.card-head{
    margin:0;
    padding:18px 20px 14px;
    border-bottom:1px solid #edf2f7;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)
}

#trademarks .license-detail-grid .card-kicker{
    margin:0 0 3px;
    color:#2563eb;
    font-size:10px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase
}

#trademarks .license-detail-grid .card-head h2{
    margin:0;
    color:#0f172a;
    font-size:17px;
    line-height:1.25;
    letter-spacing:-.015em
}

#trademarks .license-detail-grid .card-head .status{
    align-self:center
}

/* Case summary */

#trademarks .license-detail-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:0;
    padding:18px 20px 2px
}

#trademarks .license-detail-list>div{
    min-width:0;
    padding:13px 14px;
    border:1px solid #e5ebf2;
    border-radius:12px;
    background:#f8fafc
}

#trademarks .license-detail-list dt{
    margin:0 0 5px;
    color:#64748b;
    font-size:10px;
    font-weight:850;
    line-height:1.35;
    letter-spacing:.075em;
    text-transform:uppercase
}

#trademarks .license-detail-list dd{
    margin:0;
    color:#0f172a;
    font-size:13px;
    font-weight:750;
    line-height:1.45;
    overflow-wrap:anywhere
}

/* Client-visible update */

#trademarks .license-client-note{
    margin:16px 20px 20px;
    padding:14px 16px;
    border:1px solid #bfdbfe;
    border-left:4px solid #2563eb;
    border-radius:12px;
    background:#f0f7ff;
    box-shadow:none
}

#trademarks .license-client-note strong{
    display:block;
    margin:0 0 5px;
    color:#1e3a8a;
    font-size:12px;
    font-weight:850
}

#trademarks .license-client-note p{
    margin:0;
    color:#334155;
    font-size:13px;
    line-height:1.65
}

/* Application Intake */

#trademarks .license-intake-card .license-intake-description{
    margin:0;
    padding:14px 20px 0;
    color:#64748b;
    font-size:13px;
    line-height:1.6
}

#trademarks .license-questionnaire-answers{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:0;
    padding:16px 20px 20px
}

#trademarks .license-questionnaire-answers>div{
    min-width:0;
    min-height:82px;
    padding:14px 15px;
    border:1px solid #e4eaf1;
    border-radius:12px;
    background:#fbfdff
}

#trademarks .license-questionnaire-answers>div:hover{
    border-color:#d7e1ec;
    background:#fff
}

#trademarks .license-questionnaire-answers dt{
    margin:0 0 6px;
    color:#61738b;
    font-size:10px;
    font-weight:850;
    line-height:1.4;
    letter-spacing:.055em;
    text-transform:uppercase
}

#trademarks .license-questionnaire-answers dd{
    margin:0;
    color:#0f172a;
    font-size:13px;
    font-weight:720;
    line-height:1.55;
    overflow-wrap:anywhere
}

/* Upload panel */

#trademarks .license-upload-form{
    display:grid;
    gap:12px;
    padding:18px 20px 20px
}

#trademarks .license-upload-form label{
    display:grid;
    gap:7px;
    color:#334155;
    font-size:12px;
    font-weight:800
}

#trademarks .license-upload-form input,
#trademarks .license-upload-form textarea{
    width:100%;
    border:1px solid #d8e1eb;
    border-radius:10px;
    background:#fbfdff;
    color:#0f172a;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.02)
}

#trademarks .license-upload-form input{
    min-height:42px;
    padding:9px 11px
}

#trademarks .license-upload-form input[type=file]{
    padding:8px;
    background:#f8fafc
}

#trademarks .license-upload-form textarea{
    min-height:86px;
    padding:10px 11px;
    resize:vertical
}

#trademarks .license-upload-form input:focus,
#trademarks .license-upload-form textarea:focus{
    border-color:#3b82f6;
    outline:0;
    box-shadow:0 0 0 3px rgba(59,130,246,.1)
}

#trademarks .license-upload-form .button--primary{
    width:100%;
    min-height:42px;
    border-radius:10px
}

#trademarks .license-upload-form [data-la-upload-message]{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:700;
    text-align:center
}

/* Documents */

#trademarks .license-document-list{
    display:grid;
    gap:10px;
    padding:14px 16px 18px
}

#trademarks .license-document-list>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0;
    padding:14px;
    border:1px solid #e4eaf1;
    border-left:3px solid #bfdbfe;
    border-radius:12px;
    background:#fbfdff
}

#trademarks .license-document-list>div>div{
    min-width:0;
    flex:1
}

#trademarks .license-document-list strong{
    display:block;
    color:#0f172a;
    font-size:13px;
    font-weight:850;
    line-height:1.35;
    overflow-wrap:anywhere
}

#trademarks .license-document-list small{
    display:block;
    margin-top:4px;
    color:#64748b;
    font-size:11px;
    font-weight:650
}

#trademarks .license-document-list p{
    margin:7px 0 0;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
    overflow-wrap:anywhere
}

#trademarks .license-document-list .button--ghost{
    flex:0 0 auto;
    min-height:38px;
    padding:8px 13px;
    border-radius:10px;
    background:#fff
}

/* Timeline */

#trademarks .license-myaccount-timeline{
    display:grid;
    gap:0;
    margin:0;
    padding:18px 20px 20px
}

#trademarks .license-myaccount-timeline>div{
    display:grid;
    grid-template-columns:20px minmax(0,1fr);
    gap:11px;
    position:relative;
    padding:0 0 15px
}

#trademarks .license-myaccount-timeline>div:last-child{
    padding-bottom:0
}

#trademarks .license-myaccount-timeline>div:before{
    content:"";
    position:absolute;
    top:11px;
    bottom:-3px;
    left:6px;
    width:2px;
    background:#dbeafe
}

#trademarks .license-myaccount-timeline>div:last-child:before{
    display:none
}

#trademarks .license-myaccount-timeline>div>span{
    position:relative;
    z-index:1;
    display:block;
    width:14px;
    height:14px;
    margin-top:4px;
    border:3px solid #fff;
    border-radius:50%;
    background:#2563eb;
    box-shadow:0 0 0 1px #93c5fd
}

#trademarks .license-myaccount-timeline section{
    padding:13px 14px;
    border:1px solid #e4eaf1;
    border-radius:12px;
    background:#fbfdff
}

#trademarks .license-myaccount-timeline section strong{
    display:block;
    color:#0f172a;
    font-size:13px;
    font-weight:850;
    line-height:1.4
}

#trademarks .license-myaccount-timeline section small{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:11px;
    font-weight:650
}

#trademarks .license-myaccount-timeline section p{
    margin:8px 0 0;
    color:#475569;
    font-size:12px;
    line-height:1.6
}

/* Responsive */

@media(max-width:1180px){
    #trademarks .license-detail-grid{
        grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr)
    }

    #trademarks .license-detail-list{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media(max-width:980px){
    #trademarks .license-detail-grid{
        grid-template-columns:1fr
    }

    #trademarks .license-detail-list{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media(max-width:760px){
    #trademarks .license-detail-list,
    #trademarks .license-questionnaire-answers{
        grid-template-columns:1fr 1fr
    }

    #trademarks .license-document-list>div{
        align-items:flex-start
    }
}

@media(max-width:560px){
    #trademarks .license-detail-grid .portal-card>.card-head{
        padding:16px 14px 13px
    }

    #trademarks .license-detail-list,
    #trademarks .license-questionnaire-answers{
        grid-template-columns:1fr;
        padding-left:14px;
        padding-right:14px
    }

    #trademarks .license-client-note{
        margin-left:14px;
        margin-right:14px
    }

    #trademarks .license-upload-form,
    #trademarks .license-myaccount-timeline{
        padding-left:14px;
        padding-right:14px
    }

    #trademarks .license-document-list{
        padding-left:12px;
        padding-right:12px
    }

    #trademarks .license-document-list>div{
        display:grid
    }

    #trademarks .license-document-list .button--ghost{
        width:100%;
        text-align:center
    }
}