/*
 * OwnerLock Support Frontend Styles
 * Version: 1.4.0
 */

.ownerlock-support-entry{max-width:1100px;margin-left:auto;margin-right:auto;padding:20px}.ownerlock-support-form-container{padding:25px;border:1px solid #e0e0e0;border-radius:20px;margin-bottom:30px;background-color:#f9f9f9}.ownerlock-support-form-container,.ownerlock-support-form-container label,.ownerlock-support-form-container h4,.ownerlock-support-container{color:var(--primary-color,#333)}.ownerlock-support-form-container p.form-sub-header{margin-top:-15px;font-size:.9em;color:#777}.ownerlock-support-form-container input[type=text],.ownerlock-support-form-container textarea,.ownerlock-support-form-container select{width:100%;padding:12px 15px;margin-top:5px;border:1px solid #ccc;border-radius:20px!important;background-color:#fff;box-sizing:border-box;transition:border-color .3s ease}.ownerlock-support-form-container input[type=text]:focus,.ownerlock-support-form-container textarea:focus,.ownerlock-support-form-container select:focus{outline:0;border-color:var(--primary-color,#000)}.ownerlock-support-form-container p{margin-bottom:15px}.ownerlock-support-form-container button,#custom-reply-form input#submit,.resolve-button{background-color:#000!important;color:#fff!important;border:none!important;padding:12px 30px!important;font-size:16px;font-weight:700;border-radius:9999px!important;cursor:pointer;transition:opacity .3s ease;text-transform:none;line-height:normal}.ownerlock-support-form-container button:hover,#custom-reply-form input#submit:hover,.resolve-button:hover{opacity:.8}.ownerlock-ticket-list,.ownerlock-dashboard-list{width:100%;border-collapse:collapse;margin-top:20px}.ownerlock-ticket-list th,.ownerlock-ticket-list td,.ownerlock-dashboard-list th,.ownerlock-dashboard-list td{padding:15px;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:middle}.ownerlock-ticket-list th,.ownerlock-dashboard-list th{font-weight:700}a.ticket-open{font-weight:700}.ownerlock-ticket-list td:first-child,.ownerlock-dashboard-list td:first-child{font-weight:700;color:#888}.status-pill{padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.status-pill.green{background-color:#28a745}.status-pill.amber{background-color:#fd7e14}.status-pill.red{background-color:#dc3545}.urgency-pill{padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.urgency-pill.red{background-color:#dc3545}.urgency-pill.amber{background-color:#fd7e14}.urgency-pill.green{background-color:#28a745}.with-pill{padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.with-pill.blue{background-color:#007bff}.with-pill.orange{background-color:#fd7e14}.with-pill.grey{background-color:#6c757d}.replied-pill{padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.replied-pill.green{background-color:#28a745}.replied-pill.red{background-color:#dc3545}.single-ticket-view .ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.single-ticket-view .ticket-header h1{margin:0;font-size:28px}.single-ticket-view .ticket-meta-pills{display:flex;gap:10px}.single-ticket-view .ticket-layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.single-ticket-view .ticket-details h4{margin-top:0;margin-bottom:15px;font-size:18px}.single-ticket-view .ticket-details ul{list-style:none;padding:0;margin:0;font-size:14px}.single-ticket-view .ticket-details li{margin-bottom:10px}.single-ticket-view .ticket-details hr{margin:15px 0;border:0;border-top:1px solid #e0e0e0}.single-ticket-view .ticket-product-image{margin-bottom:20px}.single-ticket-view .ticket-product-image img{max-width:100%;height:auto;border-radius:8px}.ticket-conversation .ticket-initial-message,.ticket-conversation .ticket-reply{margin-bottom:20px;padding:20px;border-radius:8px;background-color:#f9f9f9}.ticket-conversation .reply-author{font-weight:700;margin-bottom:5px}.ticket-conversation .reply-meta{font-size:12px;color:#777;margin-bottom:10px}.ticket-conversation .manager-reply{background-color:#fff8e1}.ticket-conversation .manager-badge{font-size:10px;background-color:#fd7e14;color:#fff;padding:2px 6px;border-radius:4px;margin-left:5px;text-transform:uppercase}.custom-reply-list h3{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.custom-respond{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.resolve-ticket-container{margin-top:20px;text-align:right}.ticket-resolved-notice{margin-top:30px;padding:20px;background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}

.ownerlock-support-open-button, .ownerlock-support-cancel-button {
    background-color: var(--primary-color, #000) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 14px;
    font-weight: 700;
    border-radius: 9999px !important;
    cursor: pointer;
    transition: opacity .3s ease;
}

.ownerlock-support-open-button:hover, .ownerlock-support-cancel-button:hover {
    opacity: .8;
}

.ownerlock-support-form-container button[type="submit"] {
    background-color: var(--primary-color, #000) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 16px;
    font-weight: 700;
    border-radius: 9999px !important;
    cursor: pointer;
    transition: opacity .3s ease;
    text-transform: none;
    line-height: normal;
}

.ownerlock-support-form-container button[type="submit"]:hover {
    opacity: .8;
}