/* Dashboard License Văn Thế Web - My Account + License */
.woocommerce-account .woocommerce-MyAccount-content{
    background:#fff !important;
    padding:20px 24px !important;
    border-radius:4px !important;
    box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
    overflow:hidden !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
    background:#fff !important;
    border-radius:6px !important;
    box-shadow:0 8px 28px rgba(15,23,42,.10) !important;
    overflow:hidden !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation:before{
    content:'TÀI KHOẢN CỦA TÔI';
    display:block;
    background:#6fbe22;
    color:#fff;
    font-size:22px;
    font-weight:800;
    line-height:1.2;
    padding:18px 22px;
    text-transform:uppercase;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style:none !important;
    margin:0 !important;
    padding:10px 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    margin:0 !important;
    border-bottom:1px solid #eef2f7 !important;
    position:relative !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    display:block !important;
    padding:15px 22px !important;
    color:#0f2544 !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    letter-spacing:.2px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li[class*="woocommerce-MyAccount-navigation-link--quan-ly-license"] a{
    color:#67b924 !important;
    background:#f7fff0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:4px;
    background:#1596d4;
}

.dlvtw-license-wrap{
    width:100% !important;
    max-width:100% !important;
    padding:0 0 40px !important;
    color:#0f172a !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.dlvtw-license-title{
    font-size:34px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    color:#444 !important;
    margin:0 0 10px !important;
}

.dlvtw-license-subtitle{
    font-size:18px !important;
    color:#222 !important;
    margin-bottom:28px !important;
}

.dlvtw-license-empty{
    background:#fff8e1 !important;
    border:1px solid #facc15 !important;
    padding:18px !important;
    border-radius:12px !important;
    color:#7c5a00 !important;
    font-size:16px !important;
}

.dlvtw-license-product{
    color:#f21226 !important;
    font-size:20px !important;
    font-weight:800 !important;
    margin:0 0 18px !important;
}

.dlvtw-license-card{
    width:100% !important;
    max-width:100% !important;
    background:#fff !important;
    border:1px solid #d9d9d9 !important;
    border-radius:14px !important;
    padding:26px 32px !important;
    margin-bottom:22px !important;
    box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.dlvtw-license-top{
    display:grid !important;
    grid-template-columns:1.2fr .7fr .8fr !important;
    gap:18px !important;
    align-items:center !important;
}

.dlvtw-license-key{
    font-size:19px !important;
    font-weight:800 !important;
    color:#1596c2 !important;
    word-break:break-word !important;
}

.dlvtw-copy{
    display:inline-flex !important;
    width:26px !important;
    height:26px !important;
    margin-left:12px !important;
    vertical-align:middle !important;
    border-radius:5px !important;
    background:linear-gradient(135deg,#16c7e8,#6d5dfc) !important;
    cursor:pointer !important;
    position:relative !important;
}

.dlvtw-copy:after{
    content:'' !important;
    position:absolute !important;
    width:16px !important;
    height:18px !important;
    border:2px solid rgba(255,255,255,.88) !important;
    top:4px !important;
    left:7px !important;
    border-radius:2px !important;
}

.dlvtw-status{
    font-size:19px !important;
    font-weight:800 !important;
    color:green !important;
    text-align:center !important;
}

.dlvtw-status.is-expired{
    color:red !important;
}

.dlvtw-domain{
    font-size:18px !important;
    color:#111 !important;
    margin-top:18px !important;
    word-break:break-word !important;
}

.dlvtw-date{
    text-align:right !important;
    font-size:17px !important;
    color:#111 !important;
}

.dlvtw-badge{
    display:inline-block !important;
    padding:7px 16px !important;
    border-radius:22px !important;
    font-size:17px !important;
    font-weight:800 !important;
    margin-bottom:18px !important;
    white-space:nowrap !important;
}

.dlvtw-badge-live{
    color:#1596c2 !important;
    background:#d8f1fb !important;
}

.dlvtw-badge-expired{
    color:red !important;
    background:#ffd1d1 !important;
}

.dlvtw-action-line{
    margin:18px 0 0 !important;
}

.dlvtw-license-btn{
    display:inline-block !important;
    background:#17aee0 !important;
    color:#fff !important;
    padding:9px 20px !important;
    border-radius:22px !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    line-height:1.2 !important;
    border:none !important;
}

.dlvtw-license-btn:hover{
    background:#0b92bd !important;
    color:#fff !important;
}

.dlvtw-license-detail{
    width:100% !important;
    max-width:100% !important;
    margin-top:28px !important;
    border:1px solid #e5e5e5 !important;
    border-bottom:0 !important;
    display:none;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.dlvtw-license-card.open .dlvtw-license-detail{
    display:block !important;
}

.dlvtw-row{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    border-bottom:1px solid #e5e5e5 !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
}

.dlvtw-label{
    width:28% !important;
    min-width:210px !important;
    max-width:280px !important;
    background:#fafafa !important;
    border-right:1px solid #e5e5e5 !important;
    padding:18px !important;
    font-size:17px !important;
    color:#555 !important;
    box-sizing:border-box !important;
}

.dlvtw-value{
    flex:1 !important;
    width:72% !important;
    min-width:0 !important;
    padding:18px !important;
    font-size:17px !important;
    color:#333 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    word-break:break-word !important;
}

.dlvtw-expired-text{
    color:red !important;
    font-size:17px !important;
    font-weight:800 !important;
    margin-bottom:12px !important;
}

.dlvtw-current-domain-box{
    width:100% !important;
    max-width:100% !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    border-radius:10px !important;
    padding:14px 16px !important;
    margin-bottom:16px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

.dlvtw-current-domain-box strong{
    margin-right:4px !important;
    color:#111827 !important;
}

.dlvtw-domain-chip{
    display:inline-flex !important;
    align-items:center !important;
    background:#e0f2fe !important;
    color:#0369a1 !important;
    border-radius:999px !important;
    padding:5px 12px !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    max-width:100% !important;
    word-break:break-word !important;
}

.dlvtw-muted{
    color:#64748b !important;
    font-style:italic !important;
}

.dlvtw-domain-form{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    align-items:stretch !important;
    gap:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.dlvtw-domain-form input{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:50px !important;
    border:1px solid #ddd !important;
    border-right:0 !important;
    padding:0 16px !important;
    font-size:17px !important;
    margin:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    border-radius:0 !important;
}

.dlvtw-domain-form button{
    flex:0 0 170px !important;
    width:170px !important;
    max-width:170px !important;
    height:50px !important;
    background:#1596c2 !important;
    color:#fff !important;
    border:none !important;
    font-size:17px !important;
    font-weight:800 !important;
    cursor:pointer !important;
    margin:0 !important;
    text-transform:uppercase !important;
    box-sizing:border-box !important;
    border-radius:0 !important;
    padding:0 10px !important;
}

.dlvtw-domain-form button:hover{
    background:#0b7fa5 !important;
}

.dlvtw-domain-form.is-locked input,
.dlvtw-domain-form.is-locked button,
.dlvtw-domain-form input:disabled,
.dlvtw-domain-form button:disabled{
    opacity:.45 !important;
    cursor:not-allowed !important;
}

.dlvtw-change-count{
    margin-top:12px !important;
    margin-bottom:0 !important;
    color:#475569 !important;
    font-size:16px !important;
}

.dlvtw-change-count.is-danger{
    color:red !important;
    font-weight:800 !important;
}

.dlvtw-history{
    width:100% !important;
    max-width:100% !important;
    margin-top:16px !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.dlvtw-history-title{
    background:#f1f5f9 !important;
    color:#0f172a !important;
    padding:12px 14px !important;
    font-weight:800 !important;
    font-size:17px !important;
}

.dlvtw-history-item{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:125px minmax(130px,180px) minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 12px !important;
    border-top:1px solid #e5e7eb !important;
    font-size:14px !important;
    align-items:start !important;
    box-sizing:border-box !important;
}

.dlvtw-history-item span{
    color:#64748b !important;
}

.dlvtw-history-item strong{
    color:#0369a1 !important;
    word-break:break-word !important;
}

.dlvtw-history-item em{
    color:#334155 !important;
    font-style:normal !important;
    word-break:break-word !important;
}

.dlvtw-renew-btn{
    display:inline-block !important;
    background:#1596c2 !important;
    color:#fff !important;
    padding:12px 26px !important;
    border-radius:8px !important;
    font-size:17px !important;
    font-weight:800 !important;
    text-decoration:none !important;
}

.dlvtw-renew-btn:hover{
    background:#0b7fa5 !important;
    color:#fff !important;
}

.dlvtw-small{
    color:#777 !important;
    font-size:14px !important;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table{
    border-collapse:collapse !important;
    width:100% !important;
    max-width:100% !important;
    table-layout:auto !important;
}

.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td{
    border:1px solid #e5e7eb !important;
    padding:14px !important;
    font-size:15px !important;
    word-break:break-word !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
    color:#67b924 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}

@media(max-width:1024px){
    .dlvtw-license-card{
        padding:22px !important;
    }

    .dlvtw-license-top{
        grid-template-columns:1fr .7fr .8fr !important;
    }

    .dlvtw-label{
        width:30% !important;
        min-width:190px !important;
    }

    .dlvtw-value{
        width:70% !important;
    }

    .dlvtw-domain-form button{
        flex:0 0 150px !important;
        width:150px !important;
        max-width:150px !important;
        font-size:16px !important;
    }

    .dlvtw-history-item{
        grid-template-columns:110px 150px minmax(0,1fr) !important;
    }
}

@media(max-width:768px){
    .woocommerce-account .woocommerce-MyAccount-navigation:before{
        font-size:20px !important;
        padding:16px 18px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a{
        padding:13px 18px !important;
        font-size:15px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content{
        padding:16px !important;
    }

    .dlvtw-license-title{
        font-size:28px !important;
    }

    .dlvtw-license-subtitle{
        font-size:16px !important;
    }

    .dlvtw-license-card{
        padding:16px !important;
        border-radius:12px !important;
    }

    .dlvtw-license-top{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .dlvtw-status{
        text-align:left !important;
    }

    .dlvtw-date{
        text-align:left !important;
    }

    .dlvtw-row{
        flex-direction:column !important;
    }

    .dlvtw-label{
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        border-right:0 !important;
        border-bottom:1px solid #e5e5e5 !important;
        padding:12px !important;
    }

    .dlvtw-value{
        width:100% !important;
        padding:12px !important;
    }

    .dlvtw-current-domain-box{
        align-items:flex-start !important;
        padding:12px !important;
    }

    .dlvtw-domain-form{
        flex-direction:column !important;
        overflow:visible !important;
    }

    .dlvtw-domain-form input{
        width:100% !important;
        height:48px !important;
        border-right:1px solid #ddd !important;
    }

    .dlvtw-domain-form button{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 48px !important;
        height:48px !important;
    }

    .dlvtw-history-item{
        grid-template-columns:1fr !important;
        gap:4px !important;
    }
}