/* প্লাগিনের গ্লোবাল ফন্ট (থিমের সাথে কোনো কনফ্লিক্ট এড়ানোর জন্য স্কোপড করা হয়েছে) */
.os-plugin-container * {
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

/* Screenshot matched Theme Variables (Permanent Dark & Yellow) */
.os-plugin-container {
    width: 100%;
    max-width: 500px;
    margin: 20px auto; /* সেন্টারে রাখার জন্য */
    
    /* Screenshot Colors */
    --os-glass-bg: #1B1C22; /* ডিপ ডার্ক ব্যাকগ্রাউন্ড (স্ক্রিনশটের মতো) */
    --os-glass-border: #2E303A; /* হাল্কা ডার্ক বর্ডার */
    --os-glass-shadow: rgba(0, 0, 0, 0.6);
    
    --os-text-main: #FFFFFF; /* মূল লেখা সম্পূর্ণ সাদা */
    --os-text-muted: #9CA3AF; /* সাবটাইটেল বা নরমাল টেক্সট (অ্যাশ/গ্রে কালার) */
    --os-text-bold: #FFC107; /* স্ক্রিনশটের মতো হলুদ/গোল্ডেন হাইলাইট কালার */
    
    --os-icon: #FFC107; /* আইকনের রঙ হলুদ */
    --os-user-icon: #FFC107; /* আইকনের রঙ হলুদ */
    
    /* স্ট্যাটাস ব্যাজের জন্য আগের কালার ঠিক রাখা হয়েছে */
    --os-online-bg: rgba(14, 203, 129, 0.15); 
    --os-online-text: #0ECB81;
    
    --os-offline-bg: rgba(246, 70, 93, 0.15); 
    --os-offline-text: #F6465D;
}

/* অপারেটর স্ট্যাটাস কার্ড - Advanced Glassmorphism */
.os-status-card {
    background: var(--os-glass-bg);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 8px 32px 0 var(--os-glass-shadow);
    border: 1px solid var(--os-glass-border);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Hover Lift Effect (Advanced) */
.os-status-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px 0 var(--os-glass-shadow);
}

.os-operator-status {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 18px;
    color: var(--os-text-main);
    font-weight: 600;
    transition: color 0.3s ease;
}

.os-user-icon {
    width: 26px;
    height: 26px;
    fill: var(--os-user-icon);
    transition: fill 0.3s ease;
}

/* অনলাইন এবং অফলাইন ব্যাজ - Glassmorphism Update */
.os-online-badge, .os-offline-badge {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid var(--os-glass-border);
    transition: all 0.3s ease;
}

.os-online-badge {
    background-color: var(--os-online-bg);
    color: var(--os-online-text);
}

.os-offline-badge {
    background-color: var(--os-offline-bg);
    color: var(--os-offline-text);
}

/* লাইভ প্লাসিং ডট (ভুক ভাক অ্যানিমেশন) */
.os-pulsing-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.os-pulsing-dot.online {
    background-color: #0ECB81;
    box-shadow: 0 0 0 0 rgba(14, 203, 129, 0.7);
    animation: os-pulse-green 1.5s infinite;
}

.os-pulsing-dot.offline {
    background-color: #F6465D;
    box-shadow: 0 0 0 0 rgba(246, 70, 93, 0.7);
    animation: os-pulse-red 1.5s infinite;
}

/* সবুজ রঙের অ্যানিমেশন */
@keyframes os-pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(14, 203, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(14, 203, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(14, 203, 129, 0); }
}

/* লাল রঙের অ্যানিমেশন */
@keyframes os-pulse-red {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(246, 70, 93, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(246, 70, 93, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(246, 70, 93, 0); }
}

/* ওয়ার্কিং টাইম স্টাইল */
.os-working-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: var(--os-text-muted);
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    transition: color 0.3s ease;
}

.os-clock-icon {
    width: 20px;
    height: 20px;
    fill: var(--os-icon);
    flex-shrink: 0;
    transition: fill 0.3s ease;
}

.os-scrolling-container {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    /* Advanced Feature: Smooth gradient masking on edges */
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

/* চলন্ত লেখাটি আটকে যাওয়া বন্ধ এবং দ্রুত করার ফাইনাল আপডেট */
.os-scrolling-text {
    display: inline-block;
    padding-left: 100%; /* লেখাটি কোনো লেট ছাড়া সাথে সাথে ডান কিনার থেকে বের হবে */
    
    /* হার্ডওয়্যার এক্সিলারেশন (আটকে আটকে যাওয়া এবং ল্যাগ পুরোপুরি দূর করার জন্য) */
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    
    /* স্পিড ৬ সেকেন্ড করা হয়েছে যাতে কোনো সমস্যা ছাড়াই দ্রুত ও নিখুঁত চলে */
    animation: os-marquee-working-time 6s linear infinite; 
}

@keyframes os-marquee-working-time {
    0% { 
        transform: translate3d(0, 0, 0); 
    }
    100% { 
        transform: translate3d(-100%, 0, 0); /* বামে শেষ অক্ষর ঢোকার সাথে সাথেই আবার লুপ শুরু হবে */
    }
}

/* স্ক্রিনশটের মত হলুদ হাইলাইট কালার */
.os-time-highlight {
    color: var(--os-text-bold);
    font-weight: 600;
    transition: color 0.3s ease;
}