
/* Panic Button & Modal Styles */

/* Navbar Button */
.btn-panic {
    background-color: #c53030; /* Solid Red-700 */
    color: white;
    border: 2px solid #c53030;
    font-weight: 700;
    transition: all 0.3s ease;
    /* Animation removed for professional stability */
}

.btn-panic:hover {
    background-color: #9b2c2c; /* Red-800 */
    border-color: #9b2c2c;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

/* Panic Modal Specifics */
.panic-overlay {
    background-color: rgba(26, 32, 44, 0.9); /* Dark Slate tint */
}

.panic-container {
    max-width: 600px;
    border-top: 6px solid #c53030; /* Red top bar indicates urgency */
}

.panic-header {
    background-color: #fff;
    padding: 2rem;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}

.panic-header h2 {
    color: #2d3748; /* Slate-800 */
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.panic-header p {
    color: #718096;
    margin-top: 0.5rem;
}

.panic-body {
    padding: 2rem;
}

.panic-alert {
    background-color: #fffaf0; /* Warm/Amber background */
    border-left: 4px solid #dd6b20; /* Orange border */
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.panic-alert i {
    font-size: 1.25rem;
    color: #dd6b20;
    margin-top: 3px;
}

.panic-alert p {
    margin: 0;
    font-size: 0.95rem;
    color: #744210; /* Dark Orange/Brown text */
}

.btn-xl {
    padding: 1.25rem;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    margin-top: 1rem;
}

/* Form Styles */
.form-group {
    margin-bottom: 1.25rem;
}

.form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #4a5568;
}

.form-group input, .form-group textarea {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    font-size: 1rem;
    transition: border-color 0.2s;
    font-family: inherit;
}

.form-group input:focus, .form-group textarea:focus {
    border-color: #2b6cb0; /* Professional Blue focus */
    outline: none;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);
}

/* Success State Styles */
.success-icon {
    font-size: 4rem;
    color: #48bb78;
    margin-bottom: 1rem;
}

.action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 2rem 0;
}

.action-card {
    background: #f7fafc;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #edf2f7;
    text-align: center;
}

.action-card i {
    font-size: 2rem;
    color: var(--secondary);
    margin-bottom: 0.5rem;
}

.assist-zone {
    background-color: var(--secondary);
    color: white;
    padding: 2rem;
    border-radius: 12px;
    margin-top: 2rem;
}

.assist-zone h4 {
    color: white;
    margin-bottom: 0.5rem;
}

.assist-zone p {
    color: rgba(255,255,255,0.8);
    margin-bottom: 1.5rem;
}

.assist-form {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.assist-form input {
    padding: 0.75rem;
    border-radius: 6px;
    border: none;
    width: 180px;
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 2px;
}

.btn-dark {
    background-color: #1a202c;
    color: white;
    border: 1px solid #1a202c;
}

.btn-dark:hover {
    background-color: black;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .action-grid {
        grid-template-columns: 1fr;
    }
    
    .assist-form {
        flex-direction: column;
    }
    
    .assist-form input {
        width: 100%;
    }
}
 
 / *   C o m m a n d   C e n t e r   S t y l e s   ( P a n i c   S t e p   2 )   * /  
 . c o m m a n d - c e n t e r   {  
         b a c k g r o u n d - c o l o r :   # 1 a 2 0 2 c ;   / *   D a r k   T h e m e   * /  
         c o l o r :   # e 2 e 8 f 0 ;  
         b o r d e r - r a d i u s :   8 p x ;  
         o v e r f l o w :   h i d d e n ;  
         m a r g i n - t o p :   - 1 r e m ;   / *   P u l l   u p   t o   c o v e r   d e f a u l t   p a d d i n g   i f   n e e d e d   * /  
 }  
  
 . c o m m a n d - h e a d e r   {  
         b a c k g r o u n d - c o l o r :   # 0 0 0 ;  
         p a d d i n g :   1 r e m ;  
         d i s p l a y :   f l e x ;  
         j u s t i f y - c o n t e n t :   s p a c e - b e t w e e n ;  
         a l i g n - i t e m s :   c e n t e r ;  
         b o r d e r - b o t t o m :   2 p x   s o l i d   # e 5 3 e 3 e ;  
         f o n t - f a m i l y :   m o n o s p a c e ;  
 }  
  
 . s t a t u s - i n d i c a t o r   {  
         c o l o r :   # e 5 3 e 3 e ;  
         f o n t - w e i g h t :   b o l d ;  
         d i s p l a y :   f l e x ;  
         a l i g n - i t e m s :   c e n t e r ;  
         g a p :   0 . 5 r e m ;  
         l e t t e r - s p a c i n g :   1 p x ;  
 }  
  
 . b l i n k - d o t   {  
         w i d t h :   1 0 p x ;  
         h e i g h t :   1 0 p x ;  
         b a c k g r o u n d - c o l o r :   # e 5 3 e 3 e ;  
         b o r d e r - r a d i u s :   5 0 % ;  
         a n i m a t i o n :   b l i n k   1 s   i n f i n i t e ;  
 }  
  
 @ k e y f r a m e s   b l i n k   {   5 0 %   {   o p a c i t y :   0 ;   }   }  
  
 . a g e n t - s t a t u s   {  
         f o n t - s i z e :   0 . 9 r e m ;  
         c o l o r :   # 4 8 b b 7 8 ;   / *   G r e e n   * /  
 }  
  
 . c o m m a n d - g r i d   {  
         d i s p l a y :   g r i d ;  
         g r i d - t e m p l a t e - c o l u m n s :   1 f r   1 f r   1 f r ;  
         g a p :   1 p x ;  
         b a c k g r o u n d - c o l o r :   # 2 d 3 7 4 8 ;   / *   G r i d   l i n e s   * /  
 }  
  
 . c m d - p a n e l   {  
         b a c k g r o u n d - c o l o r :   # 1 a 2 0 2 c ;  
         p a d d i n g :   1 . 5 r e m ;  
         d i s p l a y :   f l e x ;  
         f l e x - d i r e c t i o n :   c o l u m n ;  
         a l i g n - i t e m s :   c e n t e r ;  
         t e x t - a l i g n :   c e n t e r ;  
 }  
  
 . c m d - p a n e l   h 4   {  
         c o l o r :   # a 0 a e c 0 ;  
         f o n t - s i z e :   0 . 8 5 r e m ;  
         t e x t - t r a n s f o r m :   u p p e r c a s e ;  
         l e t t e r - s p a c i n g :   1 p x ;  
         m a r g i n - b o t t o m :   1 r e m ;  
         d i s p l a y :   f l e x ;  
         a l i g n - i t e m s :   c e n t e r ;  
         g a p :   0 . 5 r e m ;  
 }  
  
 / *   C h a t   P a n e l   ( C e n t e r   -   L a r g e )   * /  
 . c h a t - p a n e l   {  
         g r i d - c o l u m n :   s p a n   1 ;   / *   A d j u s t   i f   w e   w a n t   i t   w i d e r   * /  
         m i n - h e i g h t :   4 0 0 p x ;  
         p a d d i n g :   0 ;  
         p o s i t i o n :   r e l a t i v e ;  
         b o r d e r - l e f t :   1 p x   s o l i d   # 2 d 3 7 4 8 ;  
         b o r d e r - r i g h t :   1 p x   s o l i d   # 2 d 3 7 4 8 ;  
 }  
  
 . c h a t - e m b e d - c o n t a i n e r   {  
         w i d t h :   1 0 0 % ;  
         h e i g h t :   1 0 0 % ;  
         b a c k g r o u n d :   w h i t e ;   / *   C h a t   i s   l i g h t   m o d e   * /  
 }  
  
 / *   Q R   P a n e l   * /  
 . q r - c o n t a i n e r   {  
         m a r g i n - t o p :   1 r e m ;  
 }  
  
 . q r - v i e w   {  
         d i s p l a y :   n o n e ;  
         a n i m a t i o n :   f a d e I n   0 . 3 s   e a s e ;  
 }  
  
 . q r - v i e w . a c t i v e   {  
         d i s p l a y :   b l o c k ;  
 }  
  
 . q r - v i e w   i m g   {  
         b o r d e r :   4 p x   s o l i d   w h i t e ;  
         b o r d e r - r a d i u s :   4 p x ;  
         m a r g i n - b o t t o m :   1 r e m ;  
 }  
  
 . b t n - t e x t - t o g g l e   {  
         b a c k g r o u n d :   n o n e ;  
         b o r d e r :   1 p x   d a s h e d   # 4 a 5 5 6 8 ;  
         c o l o r :   # a 0 a e c 0 ;  
         p a d d i n g :   0 . 5 r e m   1 r e m ;  
         b o r d e r - r a d i u s :   4 p x ;  
         c u r s o r :   p o i n t e r ;  
         f o n t - s i z e :   0 . 8 r e m ;  
         m a r g i n - t o p :   0 . 5 r e m ;  
 }  
  
 . b t n - t e x t - t o g g l e : h o v e r   {  
         b o r d e r - c o l o r :   # e 2 e 8 f 0 ;  
         c o l o r :   w h i t e ;  
 }  
  
 / *   R e m o t e   P a n e l   * /  
 . a s s i s t - f o r m - d a r k   {  
         w i d t h :   1 0 0 % ;  
         m a r g i n - t o p :   a u t o ;  
 }  
  
 . t e r m i n a l - i n p u t   {  
         d i s p l a y :   f l e x ;  
         a l i g n - i t e m s :   c e n t e r ;  
         b a c k g r o u n d - c o l o r :   b l a c k ;  
         b o r d e r :   1 p x   s o l i d   # 4 a 5 5 6 8 ;  
         p a d d i n g :   0 . 5 r e m ;  
         b o r d e r - r a d i u s :   4 p x ;  
         m a r g i n - b o t t o m :   0 . 5 r e m ;  
 }  
  
 . t e r m i n a l - i n p u t   s p a n   {  
         c o l o r :   # 4 8 b b 7 8 ;  
         m a r g i n - r i g h t :   0 . 5 r e m ;  
         f o n t - w e i g h t :   b o l d ;  
 }  
  
 . t e r m i n a l - i n p u t   i n p u t   {  
         b a c k g r o u n d :   t r a n s p a r e n t ;  
         b o r d e r :   n o n e ;  
         c o l o r :   # 4 8 b b 7 8 ;  
         f o n t - f a m i l y :   m o n o s p a c e ;  
         f o n t - s i z e :   1 . 1 r e m ;  
         w i d t h :   1 0 0 % ;  
         o u t l i n e :   n o n e ;  
 }  
  
 . b t n - t e r m i n a l   {  
         b a c k g r o u n d - c o l o r :   # 2 d 3 7 4 8 ;  
         c o l o r :   w h i t e ;  
         w i d t h :   1 0 0 % ;  
         b o r d e r :   n o n e ;  
         p a d d i n g :   0 . 7 5 r e m ;  
         f o n t - f a m i l y :   m o n o s p a c e ;  
         c u r s o r :   p o i n t e r ;  
         t r a n s i t i o n :   a l l   0 . 2 s ;  
 }  
  
 . b t n - t e r m i n a l : h o v e r   {  
         b a c k g r o u n d - c o l o r :   # 4 8 b b 7 8 ;  
         c o l o r :   b l a c k ;  
 }  
  
 / *   C o m m a n d   C e n t e r   M o b i l e   * /  
 @ m e d i a   ( m a x - w i d t h :   9 0 0 p x )   {  
         . c o m m a n d - g r i d   {  
                 g r i d - t e m p l a t e - c o l u m n s :   1 f r ;  
         }  
          
         . c h a t - p a n e l   {  
                 h e i g h t :   a u t o ;   / *   A l l o w   a u t o   h e i g h t   * /  
                 m i n - h e i g h t :   3 0 0 p x ;  
                 b o r d e r :   n o n e ;  
                 b o r d e r - t o p :   1 p x   s o l i d   # 2 d 3 7 4 8 ;  
                 b o r d e r - b o t t o m :   1 p x   s o l i d   # 2 d 3 7 4 8 ;  
         }  
 }  
  
    
   @   k   e   y   f   r   a   m   e   s       b   o   u   n   c   e   -   r   i   g   h   t       {    
    
                   0   %   ,       1   0   0   %       {       t   r   a   n   s   f   o   r   m   :       t   r   a   n   s   l   a   t   e   X   (   0   )       t   r   a   n   s   l   a   t   e   Y   (   0   )   ;       }    
    
                   5   0   %       {       t   r   a   n   s   f   o   r   m   :       t   r   a   n   s   l   a   t   e   X   (   5   p   x   )       t   r   a   n   s   l   a   t   e   Y   (   5   p   x   )   ;       }    
    
   }    
    
    
    
   /   *       P   a   n   i   c       B   u   t   t   o   n       &       M   o   d   a   l       S   t   y   l   e   s       *   /    
    
    
    
   /   *       N   a   v   b   a   r       B   u   t   t   o   n       *   /    
    
   .   b   t   n   -   p   a   n   i   c       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   c   5   3   0   3   0   ;       /   *       S   o   l   i   d       R   e   d   -   7   0   0       *   /    
    
                   c   o   l   o   r   :       w   h   i   t   e   ;    
    
                   b   o   r   d   e   r   :       2   p   x       s   o   l   i   d       #   c   5   3   0   3   0   ;    
    
                   f   o   n   t   -   w   e   i   g   h   t   :       7   0   0   ;    
    
                   t   r   a   n   s   i   t   i   o   n   :       a   l   l       0   .   3   s       e   a   s   e   ;    
    
                   /   *       A   n   i   m   a   t   i   o   n       r   e   m   o   v   e   d       f   o   r       p   r   o   f   e   s   s   i   o   n   a   l       s   t   a   b   i   l   i   t   y       *   /    
    
   }    
    
    
    
   .   b   t   n   -   p   a   n   i   c   :   h   o   v   e   r       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   9   b   2   c   2   c   ;       /   *       R   e   d   -   8   0   0       *   /    
    
                   b   o   r   d   e   r   -   c   o   l   o   r   :       #   9   b   2   c   2   c   ;    
    
                   t   r   a   n   s   f   o   r   m   :       t   r   a   n   s   l   a   t   e   Y   (   -   1   p   x   )   ;    
    
                   b   o   x   -   s   h   a   d   o   w   :       0       4   p   x       6   p   x       r   g   b   a   (   0   ,   0   ,   0   ,   0   .   2   )   ;    
    
   }    
    
    
    
   /   *       P   a   n   i   c       M   o   d   a   l       S   p   e   c   i   f   i   c   s       *   /    
    
   .   p   a   n   i   c   -   o   v   e   r   l   a   y       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       r   g   b   a   (   2   6   ,       3   2   ,       4   4   ,       0   .   9   )   ;       /   *       D   a   r   k       S   l   a   t   e       t   i   n   t       *   /    
    
   }    
    
    
    
   .   p   a   n   i   c   -   c   o   n   t   a   i   n   e   r       {    
    
                   m   a   x   -   w   i   d   t   h   :       6   0   0   p   x   ;    
    
                   b   o   r   d   e   r   -   t   o   p   :       6   p   x       s   o   l   i   d       #   c   5   3   0   3   0   ;       /   *       R   e   d       t   o   p       b   a   r       i   n   d   i   c   a   t   e   s       u   r   g   e   n   c   y       *   /    
    
   }    
    
    
    
   .   p   a   n   i   c   -   h   e   a   d   e   r       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   f   f   f   ;    
    
                   p   a   d   d   i   n   g   :       2   r   e   m   ;    
    
                   t   e   x   t   -   a   l   i   g   n   :       c   e   n   t   e   r   ;    
    
                   b   o   r   d   e   r   -   b   o   t   t   o   m   :       1   p   x       s   o   l   i   d       #   e   2   e   8   f   0   ;    
    
   }    
    
    
    
   .   p   a   n   i   c   -   h   e   a   d   e   r       h   2       {    
    
                   c   o   l   o   r   :       #   2   d   3   7   4   8   ;       /   *       S   l   a   t   e   -   8   0   0       *   /    
    
                   f   o   n   t   -   s   i   z   e   :       1   .   7   5   r   e   m   ;    
    
                   d   i   s   p   l   a   y   :       f   l   e   x   ;    
    
                   a   l   i   g   n   -   i   t   e   m   s   :       c   e   n   t   e   r   ;    
    
                   j   u   s   t   i   f   y   -   c   o   n   t   e   n   t   :       c   e   n   t   e   r   ;    
    
                   g   a   p   :       0   .   7   5   r   e   m   ;    
    
   }    
    
    
    
   .   p   a   n   i   c   -   h   e   a   d   e   r       p       {    
    
                   c   o   l   o   r   :       #   7   1   8   0   9   6   ;    
    
                   m   a   r   g   i   n   -   t   o   p   :       0   .   5   r   e   m   ;    
    
   }    
    
    
    
   .   p   a   n   i   c   -   b   o   d   y       {    
    
                   p   a   d   d   i   n   g   :       2   r   e   m   ;    
    
   }    
    
    
    
   .   p   a   n   i   c   -   a   l   e   r   t       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   f   f   f   a   f   0   ;       /   *       W   a   r   m   /   A   m   b   e   r       b   a   c   k   g   r   o   u   n   d       *   /    
    
                   b   o   r   d   e   r   -   l   e   f   t   :       4   p   x       s   o   l   i   d       #   d   d   6   b   2   0   ;       /   *       O   r   a   n   g   e       b   o   r   d   e   r       *   /    
    
                   p   a   d   d   i   n   g   :       1   r   e   m   ;    
    
                   b   o   r   d   e   r   -   r   a   d   i   u   s   :       4   p   x   ;    
    
                   m   a   r   g   i   n   -   b   o   t   t   o   m   :       1   .   5   r   e   m   ;    
    
                   d   i   s   p   l   a   y   :       f   l   e   x   ;    
    
                   g   a   p   :       1   r   e   m   ;    
    
                   a   l   i   g   n   -   i   t   e   m   s   :       f   l   e   x   -   s   t   a   r   t   ;    
    
   }    
    
    
    
   .   p   a   n   i   c   -   a   l   e   r   t       i       {    
    
                   f   o   n   t   -   s   i   z   e   :       1   .   2   5   r   e   m   ;    
    
                   c   o   l   o   r   :       #   d   d   6   b   2   0   ;    
    
                   m   a   r   g   i   n   -   t   o   p   :       3   p   x   ;    
    
   }    
    
    
    
   .   p   a   n   i   c   -   a   l   e   r   t       p       {    
    
                   m   a   r   g   i   n   :       0   ;    
    
                   f   o   n   t   -   s   i   z   e   :       0   .   9   5   r   e   m   ;    
    
                   c   o   l   o   r   :       #   7   4   4   2   1   0   ;       /   *       D   a   r   k       O   r   a   n   g   e   /   B   r   o   w   n       t   e   x   t       *   /    
    
   }    
    
    
    
   .   b   t   n   -   x   l       {    
    
                   p   a   d   d   i   n   g   :       1   .   2   5   r   e   m   ;    
    
                   f   o   n   t   -   s   i   z   e   :       1   .   1   r   e   m   ;    
    
                   l   e   t   t   e   r   -   s   p   a   c   i   n   g   :       0   .   5   p   x   ;    
    
                   m   a   r   g   i   n   -   t   o   p   :       1   r   e   m   ;    
    
   }    
    
    
    
   /   *       F   o   r   m       S   t   y   l   e   s       *   /    
    
   .   f   o   r   m   -   g   r   o   u   p       {    
    
                   m   a   r   g   i   n   -   b   o   t   t   o   m   :       1   .   2   5   r   e   m   ;    
    
   }    
    
    
    
   .   f   o   r   m   -   g   r   o   u   p       l   a   b   e   l       {    
    
                   d   i   s   p   l   a   y   :       b   l   o   c   k   ;    
    
                   f   o   n   t   -   w   e   i   g   h   t   :       6   0   0   ;    
    
                   m   a   r   g   i   n   -   b   o   t   t   o   m   :       0   .   5   r   e   m   ;    
    
                   c   o   l   o   r   :       #   4   a   5   5   6   8   ;    
    
   }    
    
    
    
   .   f   o   r   m   -   g   r   o   u   p       i   n   p   u   t   ,       .   f   o   r   m   -   g   r   o   u   p       t   e   x   t   a   r   e   a       {    
    
                   w   i   d   t   h   :       1   0   0   %   ;    
    
                   p   a   d   d   i   n   g   :       0   .   8   r   e   m   ;    
    
                   b   o   r   d   e   r   :       1   p   x       s   o   l   i   d       #   c   b   d   5   e   0   ;    
    
                   b   o   r   d   e   r   -   r   a   d   i   u   s   :       6   p   x   ;    
    
                   f   o   n   t   -   s   i   z   e   :       1   r   e   m   ;    
    
                   t   r   a   n   s   i   t   i   o   n   :       b   o   r   d   e   r   -   c   o   l   o   r       0   .   2   s   ;    
    
                   f   o   n   t   -   f   a   m   i   l   y   :       i   n   h   e   r   i   t   ;    
    
   }    
    
    
    
   .   f   o   r   m   -   g   r   o   u   p       i   n   p   u   t   :   f   o   c   u   s   ,       .   f   o   r   m   -   g   r   o   u   p       t   e   x   t   a   r   e   a   :   f   o   c   u   s       {    
    
                   b   o   r   d   e   r   -   c   o   l   o   r   :       #   2   b   6   c   b   0   ;       /   *       P   r   o   f   e   s   s   i   o   n   a   l       B   l   u   e       f   o   c   u   s       *   /    
    
                   o   u   t   l   i   n   e   :       n   o   n   e   ;    
    
                   b   o   x   -   s   h   a   d   o   w   :       0       0       0       3   p   x       r   g   b   a   (   6   6   ,       1   5   3   ,       2   2   5   ,       0   .   1   )   ;    
    
   }    
    
    
    
   /   *       C   o   m   m   a   n   d       C   e   n   t   e   r       S   t   y   l   e   s       (   P   a   n   i   c       S   t   e   p       2   )       *   /    
    
   .   c   o   m   m   a   n   d   -   c   e   n   t   e   r       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   1   a   2   0   2   c   ;       /   *       D   a   r   k       T   h   e   m   e       *   /    
    
                   c   o   l   o   r   :       #   e   2   e   8   f   0   ;    
    
                   b   o   r   d   e   r   -   r   a   d   i   u   s   :       8   p   x   ;    
    
                   o   v   e   r   f   l   o   w   :       h   i   d   d   e   n   ;    
    
                   m   a   r   g   i   n   -   t   o   p   :       -   1   r   e   m   ;    
    
   }    
    
    
    
   .   c   o   m   m   a   n   d   -   h   e   a   d   e   r       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   0   0   0   ;    
    
                   p   a   d   d   i   n   g   :       1   r   e   m   ;    
    
                   d   i   s   p   l   a   y   :       f   l   e   x   ;    
    
                   j   u   s   t   i   f   y   -   c   o   n   t   e   n   t   :       s   p   a   c   e   -   b   e   t   w   e   e   n   ;    
    
                   a   l   i   g   n   -   i   t   e   m   s   :       c   e   n   t   e   r   ;    
    
                   b   o   r   d   e   r   -   b   o   t   t   o   m   :       2   p   x       s   o   l   i   d       #   4   8   b   b   7   8   ;       /   *       G   r   e   e   n       l   i   n   e       =       A   c   t   i   v   e   /   R   e   a   d   y       *   /    
    
                   f   o   n   t   -   f   a   m   i   l   y   :       m   o   n   o   s   p   a   c   e   ;    
    
   }    
    
    
    
   .   s   t   a   t   u   s   -   i   n   d   i   c   a   t   o   r       {    
    
                   c   o   l   o   r   :       #   4   8   b   b   7   8   ;       /   *       G   r   e   e   n       T   e   x   t       *   /    
    
                   f   o   n   t   -   w   e   i   g   h   t   :       b   o   l   d   ;    
    
                   d   i   s   p   l   a   y   :       f   l   e   x   ;    
    
                   a   l   i   g   n   -   i   t   e   m   s   :       c   e   n   t   e   r   ;    
    
                   g   a   p   :       0   .   7   5   r   e   m   ;    
    
                   l   e   t   t   e   r   -   s   p   a   c   i   n   g   :       1   p   x   ;    
    
   }    
    
    
    
   .   b   l   i   n   k   -   d   o   t       {    
    
                   w   i   d   t   h   :       1   0   p   x   ;    
    
                   h   e   i   g   h   t   :       1   0   p   x   ;    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   4   8   b   b   7   8   ;       /   *       G   r   e   e   n       D   o   t       *   /    
    
                   b   o   r   d   e   r   -   r   a   d   i   u   s   :       5   0   %   ;    
    
                   a   n   i   m   a   t   i   o   n   :       b   l   i   n   k       2   s       i   n   f   i   n   i   t   e   ;    
    
   }    
    
    
    
   @   k   e   y   f   r   a   m   e   s       b   l   i   n   k       {       5   0   %       {       o   p   a   c   i   t   y   :       0   .   4   ;       }       }    
    
    
    
   .   a   g   e   n   t   -   s   t   a   t   u   s       {    
    
                   f   o   n   t   -   s   i   z   e   :       0   .   9   r   e   m   ;    
    
                   c   o   l   o   r   :       #   a   0   a   e   c   0   ;    
    
   }    
    
    
    
   .   c   o   m   m   a   n   d   -   g   r   i   d       {    
    
                   d   i   s   p   l   a   y   :       g   r   i   d   ;    
    
                   g   r   i   d   -   t   e   m   p   l   a   t   e   -   c   o   l   u   m   n   s   :       1   f   r       1   f   r       1   f   r   ;    
    
                   g   a   p   :       1   p   x   ;    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   2   d   3   7   4   8   ;       /   *       G   r   i   d       l   i   n   e   s       *   /    
    
   }    
    
    
    
   .   c   m   d   -   p   a   n   e   l       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   1   a   2   0   2   c   ;    
    
                   p   a   d   d   i   n   g   :       1   .   5   r   e   m   ;    
    
                   d   i   s   p   l   a   y   :       f   l   e   x   ;    
    
                   f   l   e   x   -   d   i   r   e   c   t   i   o   n   :       c   o   l   u   m   n   ;    
    
                   a   l   i   g   n   -   i   t   e   m   s   :       c   e   n   t   e   r   ;    
    
                   t   e   x   t   -   a   l   i   g   n   :       c   e   n   t   e   r   ;    
    
   }    
    
    
    
   .   c   m   d   -   p   a   n   e   l       h   4       {    
    
                   c   o   l   o   r   :       #   7   1   8   0   9   6   ;    
    
                   f   o   n   t   -   s   i   z   e   :       0   .   8   5   r   e   m   ;    
    
                   t   e   x   t   -   t   r   a   n   s   f   o   r   m   :       u   p   p   e   r   c   a   s   e   ;    
    
                   l   e   t   t   e   r   -   s   p   a   c   i   n   g   :       1   p   x   ;    
    
                   m   a   r   g   i   n   -   b   o   t   t   o   m   :       1   r   e   m   ;    
    
                   d   i   s   p   l   a   y   :       f   l   e   x   ;    
    
                   a   l   i   g   n   -   i   t   e   m   s   :       c   e   n   t   e   r   ;    
    
                   g   a   p   :       0   .   5   r   e   m   ;    
    
   }    
    
    
    
   /   *       C   h   a   t       P   a   n   e   l       *   /    
    
   .   c   h   a   t   -   p   a   n   e   l       {    
    
                   g   r   i   d   -   c   o   l   u   m   n   :       s   p   a   n       1   ;    
    
                   m   i   n   -   h   e   i   g   h   t   :       4   0   0   p   x   ;    
    
                   p   a   d   d   i   n   g   :       0   ;    
    
                   p   o   s   i   t   i   o   n   :       r   e   l   a   t   i   v   e   ;    
    
   }    
    
    
    
   /   *       Q   R       P   a   n   e   l       *   /    
    
   .   q   r   -   c   o   n   t   a   i   n   e   r       {    
    
                   m   a   r   g   i   n   -   t   o   p   :       1   r   e   m   ;    
    
   }    
    
    
    
   .   q   r   -   v   i   e   w       {    
    
                   d   i   s   p   l   a   y   :       n   o   n   e   ;    
    
                   a   n   i   m   a   t   i   o   n   :       f   a   d   e   I   n       0   .   3   s       e   a   s   e   ;    
    
   }    
    
    
    
   .   q   r   -   v   i   e   w   .   a   c   t   i   v   e       {    
    
                   d   i   s   p   l   a   y   :       b   l   o   c   k   ;    
    
   }    
    
    
    
   .   q   r   -   v   i   e   w       i   m   g       {    
    
                   b   o   r   d   e   r   :       4   p   x       s   o   l   i   d       w   h   i   t   e   ;    
    
                   b   o   r   d   e   r   -   r   a   d   i   u   s   :       4   p   x   ;    
    
                   m   a   r   g   i   n   -   b   o   t   t   o   m   :       1   r   e   m   ;    
    
   }    
    
    
    
   .   b   t   n   -   t   e   x   t   -   t   o   g   g   l   e       {    
    
                   b   a   c   k   g   r   o   u   n   d   :       n   o   n   e   ;    
    
                   b   o   r   d   e   r   :       1   p   x       d   a   s   h   e   d       #   4   a   5   5   6   8   ;    
    
                   c   o   l   o   r   :       #   a   0   a   e   c   0   ;    
    
                   p   a   d   d   i   n   g   :       0   .   5   r   e   m       1   r   e   m   ;    
    
                   b   o   r   d   e   r   -   r   a   d   i   u   s   :       4   p   x   ;    
    
                   c   u   r   s   o   r   :       p   o   i   n   t   e   r   ;    
    
                   f   o   n   t   -   s   i   z   e   :       0   .   8   r   e   m   ;    
    
                   m   a   r   g   i   n   -   t   o   p   :       0   .   5   r   e   m   ;    
    
   }    
    
    
    
   .   b   t   n   -   t   e   x   t   -   t   o   g   g   l   e   :   h   o   v   e   r       {    
    
                   b   o   r   d   e   r   -   c   o   l   o   r   :       #   e   2   e   8   f   0   ;    
    
                   c   o   l   o   r   :       w   h   i   t   e   ;    
    
   }    
    
    
    
   /   *       R   e   m   o   t   e       P   a   n   e   l       *   /    
    
   .   a   s   s   i   s   t   -   f   o   r   m   -   d   a   r   k       {    
    
                   w   i   d   t   h   :       1   0   0   %   ;    
    
                   m   a   r   g   i   n   -   t   o   p   :       a   u   t   o   ;    
    
   }    
    
    
    
   .   t   e   r   m   i   n   a   l   -   i   n   p   u   t       {    
    
                   d   i   s   p   l   a   y   :       f   l   e   x   ;    
    
                   a   l   i   g   n   -   i   t   e   m   s   :       c   e   n   t   e   r   ;    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       b   l   a   c   k   ;    
    
                   b   o   r   d   e   r   :       1   p   x       s   o   l   i   d       #   4   a   5   5   6   8   ;    
    
                   p   a   d   d   i   n   g   :       0   .   5   r   e   m   ;    
    
                   b   o   r   d   e   r   -   r   a   d   i   u   s   :       4   p   x   ;    
    
                   m   a   r   g   i   n   -   b   o   t   t   o   m   :       0   .   5   r   e   m   ;    
    
   }    
    
    
    
   .   t   e   r   m   i   n   a   l   -   i   n   p   u   t       s   p   a   n       {    
    
                   c   o   l   o   r   :       #   4   8   b   b   7   8   ;    
    
                   m   a   r   g   i   n   -   r   i   g   h   t   :       0   .   5   r   e   m   ;    
    
                   f   o   n   t   -   w   e   i   g   h   t   :       b   o   l   d   ;    
    
   }    
    
    
    
   .   t   e   r   m   i   n   a   l   -   i   n   p   u   t       i   n   p   u   t       {    
    
                   b   a   c   k   g   r   o   u   n   d   :       t   r   a   n   s   p   a   r   e   n   t   ;    
    
                   b   o   r   d   e   r   :       n   o   n   e   ;    
    
                   c   o   l   o   r   :       #   4   8   b   b   7   8   ;    
    
                   f   o   n   t   -   f   a   m   i   l   y   :       m   o   n   o   s   p   a   c   e   ;    
    
                   f   o   n   t   -   s   i   z   e   :       1   .   1   r   e   m   ;    
    
                   w   i   d   t   h   :       1   0   0   %   ;    
    
                   o   u   t   l   i   n   e   :       n   o   n   e   ;    
    
   }    
    
    
    
   .   b   t   n   -   t   e   r   m   i   n   a   l       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   2   d   3   7   4   8   ;    
    
                   c   o   l   o   r   :       w   h   i   t   e   ;    
    
                   w   i   d   t   h   :       1   0   0   %   ;    
    
                   b   o   r   d   e   r   :       n   o   n   e   ;    
    
                   p   a   d   d   i   n   g   :       0   .   7   5   r   e   m   ;    
    
                   f   o   n   t   -   f   a   m   i   l   y   :       m   o   n   o   s   p   a   c   e   ;    
    
                   c   u   r   s   o   r   :       p   o   i   n   t   e   r   ;    
    
                   t   r   a   n   s   i   t   i   o   n   :       a   l   l       0   .   2   s   ;    
    
   }    
    
    
    
   .   b   t   n   -   t   e   r   m   i   n   a   l   :   h   o   v   e   r       {    
    
                   b   a   c   k   g   r   o   u   n   d   -   c   o   l   o   r   :       #   4   8   b   b   7   8   ;    
    
                   c   o   l   o   r   :       b   l   a   c   k   ;    
    
   }    
    
    
    
   /   *       C   o   m   m   a   n   d       C   e   n   t   e   r       M   o   b   i   l   e       *   /    
    
   @   m   e   d   i   a       (   m   a   x   -   w   i   d   t   h   :       9   0   0   p   x   )       {    
    
                   .   c   o   m   m   a   n   d   -   g   r   i   d       {    
    
                                   g   r   i   d   -   t   e   m   p   l   a   t   e   -   c   o   l   u   m   n   s   :       1   f   r   ;    
    
                   }    
    
                    
    
                   .   c   h   a   t   -   p   a   n   e   l       {    
    
                                   h   e   i   g   h   t   :       a   u   t   o   ;    
    
                                   m   i   n   -   h   e   i   g   h   t   :       3   0   0   p   x   ;    
    
                                   b   o   r   d   e   r   :       n   o   n   e   ;    
    
                                   b   o   r   d   e   r   -   t   o   p   :       1   p   x       s   o   l   i   d       #   2   d   3   7   4   8   ;    
    
                                   b   o   r   d   e   r   -   b   o   t   t   o   m   :       1   p   x       s   o   l   i   d       #   2   d   3   7   4   8   ;    
    
                   }    
    
   }    
    
    
 