| @@ -1,4 +1,4 @@ | ||
| 1 | 1 | .wp-core-ui .notice.is-dismissible { |
| 2 | 2 | z-index: 10000; |
| 3 | 3 | } |
| 4 | 4 | |
| @@ -6480,88 +6480,179 @@ | ||
| 6480 | 6480 | |
| 6481 | 6481 | .mxchat-post-type-list { |
| 6482 | 6482 | grid-template-columns: 1fr; |
| 6483 | 6483 | } |
| 6484 | -} | |
| 6485 | -/* 3.2.3: Embedding model switch warning dialog */ | |
| 6486 | -.mxchat-embed-warn-overlay { | |
| 6487 | - position: fixed; | |
| 6488 | - inset: 0; | |
| 6489 | - background: rgba(20, 20, 20, 0.55); | |
| 6490 | - z-index: 200000; | |
| 6491 | - display: flex; | |
| 6492 | - align-items: center; | |
| 6493 | - justify-content: center; | |
| 6494 | - padding: 24px; | |
| 6495 | -} | |
| 6496 | -.mxchat-embed-warn-dialog { | |
| 6497 | - background: #fff; | |
| 6498 | - max-width: 640px; | |
| 6499 | - width: 100%; | |
| 6500 | - border-radius: 8px; | |
| 6501 | - box-shadow: 0 24px 60px rgba(0,0,0,0.35); | |
| 6502 | - overflow: hidden; | |
| 6503 | - font-size: 14px; | |
| 6504 | - line-height: 1.5; | |
| 6505 | -} | |
| 6506 | -.mxchat-embed-warn-header { | |
| 6507 | - display: flex; | |
| 6508 | - align-items: center; | |
| 6509 | - gap: 12px; | |
| 6510 | - padding: 18px 22px; | |
| 6511 | - background: #fef6f6; | |
| 6512 | - border-bottom: 1px solid #f1d4d4; | |
| 6513 | -} | |
| 6514 | -.mxchat-embed-warn-header h3 { | |
| 6515 | - margin: 0; | |
| 6516 | - font-size: 16px; | |
| 6517 | - color: #b32d2e; | |
| 6518 | -} | |
| 6519 | -.mxchat-embed-warn-icon { | |
| 6520 | - font-size: 22px; | |
| 6521 | - line-height: 1; | |
| 6522 | -} | |
| 6523 | -.mxchat-embed-warn-body { | |
| 6524 | - padding: 18px 22px; | |
| 6525 | - color: #2c3338; | |
| 6526 | -} | |
| 6527 | -.mxchat-embed-warn-body p { | |
| 6528 | - margin: 0 0 12px 0; | |
| 6529 | -} | |
| 6530 | -.mxchat-embed-warn-body code { | |
| 6531 | - background: #f0f0f1; | |
| 6532 | - padding: 1px 6px; | |
| 6533 | - border-radius: 3px; | |
| 6534 | - font-size: 13px; | |
| 6535 | -} | |
| 6536 | -.mxchat-embed-warn-body ol { | |
| 6537 | - margin: 8px 0 0 18px; | |
| 6538 | - padding: 0; | |
| 6539 | -} | |
| 6540 | -.mxchat-embed-warn-body ol li { | |
| 6541 | - margin: 4px 0; | |
| 6542 | -} | |
| 6543 | -.mxchat-embed-warn-dims { | |
| 6544 | - margin: 12px 0; | |
| 6545 | - padding: 12px; | |
| 6546 | - background: #fff8e5; | |
| 6547 | - border-left: 3px solid #dba617; | |
| 6548 | - font-size: 13px; | |
| 6549 | -} | |
| 6550 | -.mxchat-embed-warn-footer { | |
| 6551 | - display: flex; | |
| 6552 | - justify-content: flex-end; | |
| 6553 | - gap: 10px; | |
| 6554 | - padding: 14px 22px; | |
| 6555 | - background: #f6f7f7; | |
| 6556 | - border-top: 1px solid #dcdcde; | |
| 6557 | -} | |
| 6558 | -.mxchat-embed-warn-danger { | |
| 6559 | - background: #b32d2e !important; | |
| 6560 | - border-color: #b32d2e !important; | |
| 6561 | - color: #fff !important; | |
| 6562 | -} | |
| 6563 | -.mxchat-embed-warn-danger:hover, | |
| 6564 | -.mxchat-embed-warn-danger:focus { | |
| 6565 | - background: #8c2122 !important; | |
| 6566 | - border-color: #8c2122 !important; | |
| 6567 | -} | |
| 6484 | +} | |
| 6485 | +/* 3.2.3: Embedding model switch warning dialog */ | |
| 6486 | +.mxchat-embed-warn-overlay { | |
| 6487 | + position: fixed; | |
| 6488 | + inset: 0; | |
| 6489 | + background: rgba(20, 20, 20, 0.55); | |
| 6490 | + z-index: 200000; | |
| 6491 | + display: flex; | |
| 6492 | + align-items: center; | |
| 6493 | + justify-content: center; | |
| 6494 | + padding: 24px; | |
| 6495 | +} | |
| 6496 | +.mxchat-embed-warn-dialog { | |
| 6497 | + background: #fff; | |
| 6498 | + max-width: 640px; | |
| 6499 | + width: 100%; | |
| 6500 | + border-radius: 8px; | |
| 6501 | + box-shadow: 0 24px 60px rgba(0,0,0,0.35); | |
| 6502 | + overflow: hidden; | |
| 6503 | + font-size: 14px; | |
| 6504 | + line-height: 1.5; | |
| 6505 | +} | |
| 6506 | +.mxchat-embed-warn-header { | |
| 6507 | + display: flex; | |
| 6508 | + align-items: center; | |
| 6509 | + gap: 12px; | |
| 6510 | + padding: 18px 22px; | |
| 6511 | + background: #fef6f6; | |
| 6512 | + border-bottom: 1px solid #f1d4d4; | |
| 6513 | +} | |
| 6514 | +.mxchat-embed-warn-header h3 { | |
| 6515 | + margin: 0; | |
| 6516 | + font-size: 16px; | |
| 6517 | + color: #b32d2e; | |
| 6518 | +} | |
| 6519 | +.mxchat-embed-warn-icon { | |
| 6520 | + font-size: 22px; | |
| 6521 | + line-height: 1; | |
| 6522 | +} | |
| 6523 | +.mxchat-embed-warn-body { | |
| 6524 | + padding: 18px 22px; | |
| 6525 | + color: #2c3338; | |
| 6526 | +} | |
| 6527 | +.mxchat-embed-warn-body p { | |
| 6528 | + margin: 0 0 12px 0; | |
| 6529 | +} | |
| 6530 | +.mxchat-embed-warn-body code { | |
| 6531 | + background: #f0f0f1; | |
| 6532 | + padding: 1px 6px; | |
| 6533 | + border-radius: 3px; | |
| 6534 | + font-size: 13px; | |
| 6535 | +} | |
| 6536 | +.mxchat-embed-warn-body ol { | |
| 6537 | + margin: 8px 0 0 18px; | |
| 6538 | + padding: 0; | |
| 6539 | +} | |
| 6540 | +.mxchat-embed-warn-body ol li { | |
| 6541 | + margin: 4px 0; | |
| 6542 | +} | |
| 6543 | +.mxchat-embed-warn-dims { | |
| 6544 | + margin: 12px 0; | |
| 6545 | + padding: 12px; | |
| 6546 | + background: #fff8e5; | |
| 6547 | + border-left: 3px solid #dba617; | |
| 6548 | + font-size: 13px; | |
| 6549 | +} | |
| 6550 | +.mxchat-embed-warn-footer { | |
| 6551 | + display: flex; | |
| 6552 | + justify-content: flex-end; | |
| 6553 | + gap: 10px; | |
| 6554 | + padding: 14px 22px; | |
| 6555 | + background: #f6f7f7; | |
| 6556 | + border-top: 1px solid #dcdcde; | |
| 6557 | +} | |
| 6558 | +.mxchat-embed-warn-danger { | |
| 6559 | + background: #b32d2e !important; | |
| 6560 | + border-color: #b32d2e !important; | |
| 6561 | + color: #fff !important; | |
| 6562 | +} | |
| 6563 | +.mxchat-embed-warn-danger:hover, | |
| 6564 | +.mxchat-embed-warn-danger:focus { | |
| 6565 | + background: #8c2122 !important; | |
| 6566 | + border-color: #8c2122 !important; | |
| 6567 | +} | |
| 6568 | + | |
| 6569 | +/* ------------------------------------------------------------------ * | |
| 6570 | + * Live agent availability schedule (plan 8ccaa2) | |
| 6571 | + * Design tokens come from admin-sidebar.css (:root), which is enqueued | |
| 6572 | + * alongside this file on every MxChat admin page. | |
| 6573 | + * ------------------------------------------------------------------ */ | |
| 6574 | +.mxchat-la-days { | |
| 6575 | + margin-top: var(--mxch-spacing-md, 16px); | |
| 6576 | + border: 1px solid var(--mxch-card-border, #e2e8f0); | |
| 6577 | + border-radius: var(--mxch-radius-md, 8px); | |
| 6578 | + overflow: hidden; | |
| 6579 | + max-width: 420px; | |
| 6580 | + /* Inert until the master toggle is on — visibly secondary, not hidden, so | |
| 6581 | + the owner can see what they're about to switch on. */ | |
| 6582 | + opacity: 0.45; | |
| 6583 | + pointer-events: none; | |
| 6584 | + transition: opacity 0.15s ease-in-out; | |
| 6585 | +} | |
| 6586 | + | |
| 6587 | +.mxchat-la-schedule.is-active .mxchat-la-days { | |
| 6588 | + opacity: 1; | |
| 6589 | + pointer-events: auto; | |
| 6590 | +} | |
| 6591 | + | |
| 6592 | +.mxchat-la-day { | |
| 6593 | + display: flex; | |
| 6594 | + align-items: center; | |
| 6595 | + justify-content: space-between; | |
| 6596 | + gap: var(--mxch-spacing-md, 16px); | |
| 6597 | + padding: 10px var(--mxch-spacing-md, 16px); | |
| 6598 | + border-bottom: 1px solid var(--mxch-card-border, #e2e8f0); | |
| 6599 | +} | |
| 6600 | + | |
| 6601 | +.mxchat-la-day:last-child { | |
| 6602 | + border-bottom: none; | |
| 6603 | +} | |
| 6604 | + | |
| 6605 | +.mxchat-la-day-label { | |
| 6606 | + display: flex; | |
| 6607 | + align-items: center; | |
| 6608 | + gap: 10px; | |
| 6609 | + cursor: pointer; | |
| 6610 | + min-width: 130px; | |
| 6611 | +} | |
| 6612 | + | |
| 6613 | +.mxchat-la-day-name { | |
| 6614 | + font-weight: 500; | |
| 6615 | + color: var(--mxch-text-secondary, #64748b); | |
| 6616 | +} | |
| 6617 | + | |
| 6618 | +.mxchat-la-day.is-on .mxchat-la-day-name { | |
| 6619 | + color: var(--mxch-text-primary, #1a1a2e); | |
| 6620 | +} | |
| 6621 | + | |
| 6622 | +.mxchat-la-times { | |
| 6623 | + display: flex; | |
| 6624 | + align-items: center; | |
| 6625 | + gap: 8px; | |
| 6626 | + opacity: 0.5; | |
| 6627 | + transition: opacity 0.15s ease-in-out; | |
| 6628 | +} | |
| 6629 | + | |
| 6630 | +.mxchat-la-day.is-on .mxchat-la-times { | |
| 6631 | + opacity: 1; | |
| 6632 | +} | |
| 6633 | + | |
| 6634 | +.mxchat-la-times input[type="time"] { | |
| 6635 | + border: 1px solid var(--mxch-card-border, #e2e8f0); | |
| 6636 | + border-radius: var(--mxch-radius-sm, 4px); | |
| 6637 | + padding: 4px 6px; | |
| 6638 | + font-size: 13px; | |
| 6639 | + color: var(--mxch-text-primary, #1a1a2e); | |
| 6640 | +} | |
| 6641 | + | |
| 6642 | +.mxchat-la-times input[type="time"]:focus { | |
| 6643 | + border-color: var(--mxch-primary, #7873f5); | |
| 6644 | + outline: none; | |
| 6645 | + box-shadow: 0 0 0 1px var(--mxch-primary, #7873f5); | |
| 6646 | +} | |
| 6647 | + | |
| 6648 | +.mxchat-la-dash { | |
| 6649 | + color: var(--mxch-text-muted, #94a3b8); | |
| 6650 | +} | |
| 6651 | + | |
| 6652 | +@media (max-width: 782px) { | |
| 6653 | + .mxchat-la-day { | |
| 6654 | + flex-direction: column; | |
| 6655 | + align-items: flex-start; | |
| 6656 | + gap: 8px; | |
| 6657 | + } | |
| 6658 | +} | |
