.notifications-grid .messages-layout{display:flex;gap:20px;height:100%;border:1px solid #ededed;border-radius:12px}.notification-card{border:1px solid #dedede;border-radius:16px;padding:15px;margin-bottom:15px;cursor:pointer}.notification-card:hover{background-color:hsla(0,0%,80%,.1019607843)}.notification-card .notification-header{display:flex;align-items:flex-start}.notification-card.read{opacity:.7}.notification-card .notification-icon .alert{width:40px;padding:8px;height:40px;text-align:center;border-radius:50%;background-color:#ffb94c;color:#fff}.notification-card .notification-icon .error{width:40px;padding:8px;height:40px;text-align:center;border-radius:50%;background-color:#ff5a72;color:#fff}.notification-card .notification-icon .success{width:40px;padding:8px;height:40px;text-align:center;border-radius:50%;background-color:#16a34a;color:#fff}.notification-card .notification-icon .info{width:40px;padding:8px;height:40px;text-align:center;border-radius:50%;background-color:#2763ff;color:#fff}.notification-icon{flex-shrink:0;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:15px;gap:12px}.rtl .notification-icon{margin-left:15px}.notification-icon .dot svg{height:12px;width:12px}.notification-icon i{font-size:20px;color:#fff}.notification-card.warning .notification-icon{background-color:#ffc107}.notification-card.info .notification-icon{background-color:#007bff}.notification-content{flex-grow:1}.notification-content h4{margin-top:0;margin-bottom:5px;font-size:14px;color:#333}.notification-content p{margin-bottom:10px;font-size:13px;color:#555}.notification-date{font-size:12px;color:#999}.notifications-grid .messages-list-column{flex:0 0 350px;border-right:1px solid #eee;padding-right:20px;overflow-y:auto}.notifications-grid .message-details-column{flex-grow:1;display:flex;flex-direction:column}.notifications-grid .messages-header,.notifications-grid .message-details-content,.notifications-grid .messages-search,.notifications-grid .message-list{padding:24px 20px}.notifications-grid .messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notifications-grid .messages-header h3{margin:0;font-size:18px}.notifications-grid .message-count{background-color:#f0f0f0;border-radius:6px;padding:5px 10px;font-size:12px;margin-left:10px}.notifications-grid .new-message-btn{background:none;border:1px solid #ccc;border-radius:5px;padding:8px 12px;cursor:pointer}.notifications-grid .messages-search{position:relative}.notifications-grid .messages-search i{position:absolute;left:30px;top:50%;transform:translateY(-50%);color:#aaa}.notifications-grid .messages-search input{width:100%;padding:10px 10px 10px 35px;border:1px solid #eee;border-radius:5px}.notifications-grid .messages-search input:focus-visible{outline:none}.notifications-grid .message-item{display:flex;padding:15px;border-bottom:1px solid #eee;cursor:pointer}.notifications-grid .message-item.active{background-color:#f9f9f9}.notifications-grid .message-avatar{margin-right:15px}.notifications-grid .message-avatar img{width:40px;height:40px;border-radius:50%}.notifications-grid .message-content{flex-grow:1}.notifications-grid .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.notifications-grid .message-sender{font-weight:bold}.notifications-grid .message-time{color:#aaa;font-size:.9em}.notifications-grid .message-handle{color:#888;font-size:.9em;margin-bottom:5px}.notifications-grid .message-text{color:#555;font-size:.9em;overflow:hidden;text-overflow:ellipsis}.notifications-grid .message-details-content{flex-grow:1;overflow-y:auto;padding-bottom:20px}.notifications-grid .message-details-header{margin-bottom:20px}.notifications-grid .message-details-header h4{margin:0;font-size:1.2em}.notifications-grid .message-details-header p{color:#777;font-size:.9em}.notifications-grid .message-document{display:flex;align-items:center;background-color:#f0f0f0;padding:10px;border-radius:5px;margin-bottom:15px}.notifications-grid .message-document i{margin-right:10px;color:#e74c3c}.notifications-grid .message-document span{font-size:.9em;color:#555}.notifications-grid .message-history{border-left:2px solid #eee;padding-left:20px}.notifications-grid .history-item{position:relative;margin-bottom:15px}.notifications-grid .history-icon{position:absolute;left:-28px;top:5px;width:10px;height:10px;background-color:#ccc;border-radius:50%}.notifications-grid .history-content{margin-bottom:5px}.notifications-grid .history-name{font-weight:bold;margin-right:5px}.notifications-grid .history-action{color:#555}.notifications-grid .history-time{color:#aaa;font-size:.8em}.notifications-grid .message-comment-box{border-top:1px solid #eee;padding-top:20px}.notifications-grid .message-comment-box textarea{width:100%;height:80px;padding:10px;border:1px solid #eee;border-radius:5px;resize:vertical;margin-bottom:10px}.notifications-grid .comment-actions{display:flex;justify-content:flex-end;gap:10px}.notifications-grid .attach-file-btn,.record-audio-btn{background:none;border:1px solid #ccc;border-radius:5px;padding:8px 12px;cursor:pointer}.notifications-grid .comment-submit-btn{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:8px 15px;cursor:pointer}.header-notification{display:flex;justify-content:space-between}.header-notification-title h3{font-size:20px;font-weight:600;color:#333;margin:0}.header-notification-title p{font-size:14px;font-weight:400;color:#333;margin:0}.notifications-header-btn button{background-color:#fff;color:#333;border:1px solid #ededed;border-radius:5px;padding:8px 15px;cursor:pointer;font-size:14px}.notifications-grid hr{border:1px solid #ededed;margin:20px 0}@media(max-width: 768px){.e-body-account .e-con-inner-notification{width:100%;display:flex;flex-direction:column}.notifications-grid hr{display:none}}