.product-carousel{margin:15px 0;padding:15px 0}.product-carousel .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:10px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.product-carousel .product-grid::-webkit-scrollbar{display:none}.product-carousel .product-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column}.product-carousel .product-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.product-carousel .product-card .product-image{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid #eee}.product-carousel .product-card .product-title{font-size:14px;font-weight:600;margin:10px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-carousel .product-card .product-price{font-size:16px;font-weight:700;color:#1976d2;margin:5px 10px}.product-carousel .product-card .product-link{display:inline-block;padding:8px 15px;margin:10px;background-color:#1976d2;color:#fff;text-decoration:none;border-radius:4px;text-align:center;transition:background-color .3s ease}.product-carousel .product-card .product-link:hover{background-color:#1565c0}.product-carousel .carousel-nav{display:flex;justify-content:center;gap:10px;margin-top:10px}.product-carousel .carousel-nav button{width:30px;height:30px;border-radius:50%;border:none;background-color:#1976d2;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-carousel .carousel-nav button:disabled{background-color:#ccc;cursor:not-allowed}.product-carousel .carousel-nav button:hover:not(:disabled){background-color:#1565c0}@media (max-width: 480px){.product-carousel .product-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.product-carousel .product-card .product-image{height:120px}.product-carousel .product-card .product-title{font-size:13px}.product-carousel .product-card .product-price{font-size:14px}.product-carousel .product-card .product-link{padding:6px 12px;font-size:13px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.product-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.order-status-card{background:#fff;border-radius:12px;padding:16px;margin:10px 0;box-shadow:0 2px 8px #0000001a}.order-status-card .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.order-status-card .order-header h3{margin:0;color:#333;font-size:1.1rem;font-weight:600}.order-status-card .status-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.order-status-card .status-badge.processing{background:#e3f2fd;color:#1976d2}.order-status-card .status-badge.completed{background:#e8f5e9;color:#2e7d32}.order-status-card .status-badge.pending{background:#fff3e0;color:#f57c00}.order-status-card .status-badge.on-hold{background:#fffde7;color:#fbc02d}.order-status-card .status-badge.cancelled{background:#ffebee;color:#c62828}.order-status-card .status-badge.refunded{background:#f3e5f5;color:#7b1fa2}.order-status-card .status-badge.failed{background:#fbe9e7;color:#d84315}.order-status-card .order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.order-status-card .order-details .detail-row{display:flex;flex-direction:column;gap:4px}.order-status-card .order-details .detail-row .label{color:#666;font-size:.85rem}.order-status-card .order-details .detail-row .value{color:#333;font-weight:500}.order-status-card .order-actions{margin:16px 0;padding:16px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.order-status-card .order-actions .action-buttons{display:flex;flex-wrap:wrap;gap:8px}.order-status-card .order-actions .action-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;background:#f8f9fa;border:1px solid #e2e8f0;color:#333;transition:all .2s ease}.order-status-card .order-actions .action-button:hover{background:#f1f5f9;border-color:#cbd5e1}.order-status-card .order-actions .action-button svg{width:16px;height:16px}.order-status-card .order-items h4{margin:0 0 12px;font-size:1rem;color:#333;font-weight:600}.order-status-card .order-items .order-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.order-status-card .order-items .item-card{background:#f8f9fa;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.order-status-card .order-items .item-card .item-image{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#fff}.order-status-card .order-items .item-card .item-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:8px}.order-status-card .order-items .item-card .item-details .item-name{display:block;font-weight:500;color:#333;margin-bottom:4px;font-size:.9rem}.order-status-card .order-items .item-card .item-details .item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.order-status-card .order-items .item-card .item-details .item-meta .item-qty{color:#666}.order-status-card .order-items .item-card .item-details .item-meta .item-total{color:#1976d2;font-weight:500}.order-status-card .order-support-section{margin-top:16px;padding:16px;border-top:1px solid #eee;text-align:center}.order-status-card .order-support-section .support-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#e3f2fd;border:1px solid #90caf9;color:#1976d2;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease}.order-status-card .order-support-section .support-button:hover{background:#bbdefb;border-color:#64b5f6}.order-status-card .order-support-section .support-button:disabled{opacity:.7;cursor:not-allowed}.order-status-card .order-support-section .notes-form{background:#f8f9fa;border-radius:8px;padding:16px}.order-status-card .order-support-section .notes-form .notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-status-card .order-support-section .notes-form .notes-header h4{margin:0;font-size:1rem;font-weight:500;color:#333}.order-status-card .order-support-section .notes-form .notes-header .close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0 8px;line-height:1}.order-status-card .order-support-section .notes-form .notes-header .close-button:hover{color:#333}.order-status-card .order-support-section .notes-form .notes-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;resize:vertical;min-height:80px;font-size:.875rem;margin-bottom:12px}.order-status-card .order-support-section .notes-form .notes-input:focus{outline:none;border-color:#90caf9;box-shadow:0 0 0 2px #90caf933}.order-status-card .order-support-section .notes-form .error-text{color:#dc2626;font-size:.75rem;margin-bottom:8px;text-align:left}.order-status-card .order-support-section .notes-form .success-text{color:#2e7d32;font-size:.75rem;margin-bottom:8px;text-align:left}.order-status-card .order-support-section .notes-form .support-button{width:100%;justify-content:center;margin-top:8px}@media (max-width: 640px){.order-status-card .order-items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.order-status-card .action-buttons{flex-direction:column}.order-status-card .action-buttons .action-button{width:100%;justify-content:center}.order-status-card .order-details{grid-template-columns:1fr}}.support-buddy-conversations{padding:16px}.support-buddy-conversations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.support-buddy-conversations-header h3{font-size:1.125rem;font-weight:500}.support-buddy-new-chat{padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:.875rem;transition:opacity .2s ease}.support-buddy-new-chat:hover{opacity:.9}.conversation-list{display:flex;flex-direction:column;gap:8px}.conversation-item{padding:12px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease}.conversation-item:hover{background:#f3f4f6}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-date{font-size:.875rem;color:#6b7280}.conversation-status{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#e5e7eb}.conversation-preview{font-size:.875rem;color:#374151}.no-conversations{text-align:center;padding:24px;color:#6b7280}.modern-chat-container.top-right{bottom:inherit;top:24px}.modern-chat-container.top-left{top:24px;right:inherit;left:20px;bottom:inherit}.modern-chat-container.bottom-left{right:inherit;left:24px}.support-buddy-widget.top-right{bottom:inherit;top:24px}.support-buddy-widget.top-right .support-buddy-header-close{transform:rotate(180deg)}.support-buddy-widget.top-left{top:24px;right:inherit;left:20px;bottom:inherit}.support-buddy-widget.top-left .support-buddy-header-close{transform:rotate(180deg)}.support-buddy-widget.bottom-left{right:inherit;left:24px}.chat-contact-form{margin-top:1rem;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.chat-contact-form.loading{opacity:.7}.chat-contact-form.loaded{opacity:1}.chat-contact-form .chat-contact-form-header{padding:12px 15px;border-bottom:1px solid #edf2f7;background-color:#f8f9fa}.chat-contact-form .chat-contact-form-header h4{margin:0 0 6px;font-size:16px;font-weight:600;color:#333}.chat-contact-form .chat-contact-form-header p{margin:0;font-size:14px;color:#718096}.chat-contact-form .chat-contact-form-container{position:relative;min-height:200px}.chat-contact-form .chat-contact-form-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;z-index:5}.chat-contact-form .chat-contact-form-loading p{margin-top:10px;color:#718096;font-size:14px}.chat-contact-form .chat-contact-form-loading .loading-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.chat-contact-form .chat-contact-form-iframe{width:100%;min-height:200px;height:auto!important;border:0;display:block;background-color:transparent;transition:height .3s ease;padding:16px}.contact-form{margin:15px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.contact-form .header{padding:15px;text-align:center;border-bottom:1px solid #edf2f7}.contact-form .header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.contact-form .header p{margin:0;font-size:14px;color:#666}.contact-form .form-container{position:relative;padding:15px}.contact-form .form-container .loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#ffffffe6;z-index:10}.contact-form .form-container .loading .spinner{width:30px;height:30px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.contact-form .form-container .success-message{padding:20px;margin:10px 0;background-color:#e6ffe6;border:1px solid #b3ffb3;border-radius:4px;color:#060;text-align:center;font-size:14px}.contact-form .form-container iframe{width:100%;border:none;background:#fff;display:block;border-radius:4px;min-height:450px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-integrations{display:flex;gap:8px}.chat-integration-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;transition:opacity .2s ease}.chat-integration-link:hover{opacity:.8}.chat-integration-link img{width:24px;height:24px}.support-buddy-header-actions{display:flex;gap:8px;align-items:center}.support-buddy-header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%;border:none;cursor:pointer;transition:background-color .2s ease}.support-buddy-header-close,.support-buddy-header-icon{padding:0;margin:0}.support-buddy-header-close svg,.support-buddy-header-icon svg{position:absolute}.support-buddy-header-icon:hover{background-color:#fff3}.support-buddy-widget{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.support-buddy-container{width:384px;margin-bottom:16px;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;overflow:hidden}.support-buddy-header{padding:16px;display:flex;align-items:center;justify-content:space-between}.support-buddy-header-title{display:flex;align-items:center;gap:8px}.support-buddy-messages{height:384px;overflow-y:auto;padding:16px;background-color:#f9fafb}.support-buddy-message{margin-bottom:12px;display:block}.support-buddy-message.user{text-align:right}.support-buddy-message .support-buddy-message-content{display:inline-block;max-width:80%;padding:12px 16px;border-radius:16px;word-wrap:break-word}.support-buddy-message .support-buddy-message-content p{margin-top:0;margin-bottom:10px}.support-buddy-message .support-buddy-message-content p:last-child{margin-bottom:0}.support-buddy-message.user .support-buddy-message-content{border-bottom-right-radius:4px;text-align:left;color:#fff}.support-buddy-message.bot .support-buddy-message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d}.support-buddy-message .support-buddy-message-timestamp{font-size:.75rem;color:#9ca3af;margin:4px 8px;padding:0 4px;display:inline-block}.support-buddy-message.user .support-buddy-message-timestamp{text-align:right;display:block}.support-buddy-message.bot .support-buddy-message-timestamp{text-align:left;display:block}.support-buddy-input{padding:16px;background:#fff}.support-buddy-input form{display:flex;gap:8px}.support-buddy-input input{flex:1;padding:12px 16px;border-radius:12px;border:none;background:#f3f4f6;outline:none}.support-buddy-input button{padding:12px;border-radius:12px;border:none;cursor:pointer}.support-buddy-input input:focus{outline:2px solid var(--primary-color, #4F46E5);outline-offset:-2px}.support-buddy-footer{padding:12px;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.support-buddy-toggle{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.support-buddy-footer-icons{display:flex;gap:8px}.support-buddy-footer-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.support-buddy-footer-icon:hover{background-color:#f3f4f6;color:#374151}.support-buddy-footer-text{font-size:.7rem;color:#6b7280}@media screen and (max-width: 450px){.support-buddy-container{width:auto;height:auto;margin:0;border-radius:0;position:fixed;top:8px;left:8px;right:8px;bottom:8px}.support-buddy-messages{height:calc(100vh - 210px);padding:12px}.support-buddy-input{position:fixed;bottom:53px;left:12px;right:12px;width:auto;padding:4px;background:transparent;box-shadow:0 -2px 10px #0000000d}.support-buddy-footer-text{padding:8px 0}.support-buddy-toggle{position:fixed;bottom:20px;right:20px}.support-buddy-footer{padding:4px 12px;position:fixed;bottom:8px;left:8px;right:8px}}.support-buddy-suggested-questions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.support-buddy-suggested-question{padding:12px 16px;border-radius:12px;border:none;text-align:left;cursor:pointer;transition:opacity .2s ease}.support-buddy-suggested-question:hover{opacity:.9}.support-buddy-products{margin-top:8px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.support-buddy-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.support-buddy-product-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.support-buddy-product-image{height:128px;width:100%;-o-object-fit:cover;object-fit:cover}.support-buddy-product-info{padding:8px}.support-buddy-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.support-buddy-typing{display:flex;gap:4px;padding:12px 16px;background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 2px 4px #0000000d;width:-moz-fit-content;width:fit-content}.support-buddy-typing-dot{width:8px;height:8px;background:#d1d5db;border-radius:50%;animation:typing 1.4s infinite both}.support-buddy-typing-dot:nth-child(2){animation-delay:.2s}.support-buddy-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 0}.typing-indicator span{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typingPulse 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.support-buddy-header-logo{max-width:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}.support-buddy-header-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.support-buddy-header-icon img{border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-width:32px;max-height:32px}.support-buddy-header-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.support-buddy-header-close:hover{background-color:#ffffff1a}.chat-email-link{color:#1976d2;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.chat-email-link:hover{color:#1565c0;border-bottom-color:#1565c0;text-decoration:none}.chat-email-link:focus{outline:2px solid #1976d2;outline-offset:2px;border-radius:2px}.chat-link {
color: #4F46E5;
text-decoration: underline;
word-break: break-all;
transition: color 0.2s ease;
position: relative;
font-weight: 500;
}
.chat-link:hover {
color: #3730A3;
text-decoration: none;
}
.chat-link.external-link {
color: #059669;
}
.chat-link.external-link:hover {
color: #047857;
}
.external-link-icon {
font-size: 0.8em;
margin-left: 2px;
opacity: 0.7;
} .chat-list {
margin: 12px 0;
padding-left: 24px;
line-height: 1.6;
}
.chat-list li {
margin: 6px 0;
line-height: 1.5;
position: relative;
}
.chat-list-nested {
margin: 4px 0;
padding-left: 20px;
}
.chat-list-level-1 { 
padding-left: 16px; 
}
.chat-list-level-2 { 
padding-left: 12px; 
}
.chat-list-level-3 { 
padding-left: 8px; 
} .chat-inline-code {
background-color: #F3F4F6;
padding: 2px 6px;
border-radius: 4px;
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 0.9em;
color: #374151;
border: 1px solid #E5E7EB;
}
.chat-inline-code:hover {
background-color: #E5E7EB;
} .chat-code-block {
background-color: #1F2937;
border: 1px solid #374151;
border-radius: 8px;
padding: 16px;
margin: 16px 0;
overflow-x: auto;
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 0.9em;
line-height: 1.5;
position: relative;
}
.chat-code-block::before {
content: "Code";
position: absolute;
top: 8px;
right: 12px;
font-size: 0.75em;
color: #9CA3AF;
font-weight: 500;
}
.chat-code {
color: #F9FAFB;
background: none;
padding: 0;
border: none;
font-size: inherit;
} .chat-quote {
border-left: 4px solid #4F46E5;
margin: 16px 0;
padding: 12px 16px;
background-color: #F8FAFC;
border-radius: 0 8px 8px 0;
position: relative;
}
.chat-quote::before {
content: """;
position: absolute;
top: 8px;
left: 8px;
font-size: 2em;
color: #4F46E5;
opacity: 0.3;
}
.chat-quote p {
margin: 0;
padding-left: 20px;
font-style: italic;
color: #374151;
} .chat-heading {
margin: 20px 0 12px 0;
color: #111827;
font-weight: 600;
line-height: 1.3;
}
.chat-h1 { 
font-size: 1.5em; 
}
.chat-h2 { 
font-size: 1.3em; 
}
.chat-h3 { 
font-size: 1.1em; 
}
.chat-h4 { 
font-size: 1em; 
}
.chat-h5 { 
font-size: 0.9em; 
}
.chat-h6 { 
font-size: 0.8em; 
} .chat-table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
background: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.chat-table th {
background-color: #F3F4F6;
padding: 12px;
text-align: left;
font-weight: 600;
color: #374151;
border-bottom: 2px solid #E5E7EB;
}
.chat-table td {
padding: 12px;
border-bottom: 1px solid #E5E7EB;
color: #374151;
}
.chat-table tr:hover {
background-color: #F9FAFB;
} .chat-callout {
margin: 16px 0;
padding: 12px 16px;
border-radius: 8px;
display: flex;
align-items: flex-start;
gap: 8px;
border-left: 4px solid;
}
.chat-callout .callout-icon {
font-size: 1.2em;
flex-shrink: 0;
margin-top: 2px;
}
.chat-callout .callout-text {
flex: 1;
line-height: 1.5;
}
.chat-info {
background-color: #EFF6FF;
border-left-color: #3B82F6;
color: #1E40AF;
}
.chat-warning {
background-color: #FFFBEB;
border-left-color: #F59E0B;
color: #92400E;
}
.chat-error {
background-color: #FEF2F2;
border-left-color: #EF4444;
color: #991B1B;
}
.chat-success {
background-color: #ECFDF5;
border-left-color: #10B981;
color: #065F46;
} .chat-label {
font-weight: 600;
color: #1F2937;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
padding: 2px 0;
position: relative;
}
.chat-label::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 1px;
opacity: 0.3;
} .faq-container {
background: #F8FAFC;
border: 1px solid #E2E8F0;
border-radius: 8px;
padding: 16px;
margin: 16px 0;
}
.steps-container {
background: #F0F9FF;
border: 1px solid #BAE6FD;
border-radius: 8px;
padding: 16px;
margin: 16px 0;
}
.product-info-container {
background: #FEF3C7;
border: 1px solid #FCD34D;
border-radius: 8px;
padding: 16px;
margin: 16px 0;
} @media (max-width: 768px) {
.chat-list {
padding-left: 20px;
}
.chat-code-block {
padding: 12px;
font-size: 0.85em;
}
.chat-table {
font-size: 0.9em;
}
.chat-table th,
.chat-table td {
padding: 8px;
}
.chat-heading {
margin: 16px 0 8px 0;
}
.chat-callout {
padding: 10px 12px;
}
} @media (prefers-color-scheme: dark) {
.chat-inline-code {
background-color: #374151;
color: #F9FAFB;
border-color: #4B5563;
}
.chat-code-block {
background-color: #111827;
border-color: #374151;
}
.chat-quote {
background-color: #1F2937;
color: #F9FAFB;
}
.chat-quote p {
color: #F9FAFB;
}
.chat-table {
background-color: #1F2937;
}
.chat-table th {
background-color: #374151;
color: #F9FAFB;
border-bottom-color: #4B5563;
}
.chat-table td {
color: #F9FAFB;
border-bottom-color: #4B5563;
}
.chat-table tr:hover {
background-color: #374151;
}
.chat-heading {
color: #F9FAFB;
}
} .chat-link,
.chat-inline-code,
.chat-code-block,
.chat-quote,
.chat-table,
.chat-callout {
animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media print {
.chat-link {
color: #000 !important;
text-decoration: underline !important;
}
.chat-code-block {
background-color: #f5f5f5 !important;
border: 1px solid #ccc !important;
color: #000 !important;
}
.chat-table {
border: 1px solid #000 !important;
}
.chat-table th,
.chat-table td {
border: 1px solid #000 !important;
}
}.fr-request-form div.field-row {
margin: 0 0 1em;
}
.fr-request-form div.field-row label {
display: block;
position: relative;
}
.fr-required-field-notice {
color: #ff0b0b;
font-size: 12px;
display: block;
}
.fr-request-form div.field-type-checkbox label,
.fr-request-form div.field-type-radio label {
display: inline-block;
}
.theme-storefront .my_account_orders .button.refund::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f2f5";
margin-left: .5407911001em;
}
.fr-cancel-request-description {
margin: 0 0 1.41575em;
}
.fr-cancel-request-description .button {
cursor: pointer;
padding: 10px 20px;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
background-color: #EEE;
color: #333;
border-radius: 3px;
border: 1px solid #DDD;
margin-right: 3px;
}
.fr-cancel-request-description .button.cf-button {
background-color: #55bd2b;
border-color: #459a23;
color: #FFF;
}
.fr-cancel-request-description .button.cf-button:hover {
background-color: #459a23;
border-color: #316e18;
color: #FFF;
}
.fr-cancel-request-description .button.ds-button {
background-color: #ff0b0b;
border-color: #d00808;
color: #FFF;
}
.fr-cancel-request-description .button.ds-button:hover {
background-color: #d00808;
border-color: #b00606;
color: #FFF;
}
input[type="number"].qty-input {
width: 3.706325903em;
padding: .326em;
}
.fr-cancel-order-section {
padding: 20px;
border: 1px solid #EEE;
}
.woocommerce-table-refund-details-wrapper {
overflow-x:auto;
}
table.woocommerce-table-refund-details {
border: 1px solid #EEE;
border-collapse: collapse;
}
table.woocommerce-table-refund-details tbody tr td {
background-color: #FFF;
border: 1px solid #EEE;
padding: 1em;
vertical-align: middle;
}
table.woocommerce-table-refund-details thead th {
padding: 1em;
vertical-align: middle;
}
table.fr-dark {
border: 1px solid #2c3338;
border-collapse: collapse;
background-color: #2c3338;
}
table.fr-dark tbody tr td {
background-color: #2c3338;
color: #EEE;
border: 1px solid #505c65;
padding: 1em;
vertical-align: middle;
}
table.fr-dark thead th {
padding: 1em;
vertical-align: middle;
}
table.fr-dark:not(.has-background) tbody tr:nth-child(2n) td {
background-color: #3c464d;
}
table.fr-dark th {
background-color: #2c3338;
color: #EEE;
}
.check-all-button {
text-align: right;
}
.check-all-button button {
border-radius: 3px;
font-size: 16px;
border: 1px solid #e0e0e0;
background-color: #F8F8F8;
box-shadow: none;
}
.check-all-button button:active,
.check-all-button button:focus,
.check-all-button button:hover {
box-shadow: none;
outline: none;
}
.check-all-button button:hover {
background-color: #eef5ff;
border: 1px solid #b9c8de;
}
.multiselect {
width: 80%;
height: auto;
line-height: 2;
}
.fr-refund-shortcode-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
.fr-refund-shortcode-field-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
margin-bottom: 10px;
}