
/* Command Center Styles (Panic Step 2) */
.command-center {
    background-color: #1a202c; /* Dark Theme */
    color: #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    margin-top: -1rem; /* Pull up to cover default padding if needed */
}

.command-header {
    background-color: #000;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e53e3e;
    font-family: monospace;
}

.status-indicator {
    color: #e53e3e;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: 1px;
}

.blink-dot {
    width: 10px;
    height: 10px;
    background-color: #e53e3e;
    border-radius: 50%;
    animation: blink 1s infinite;
}

@keyframes blink { 50% { opacity: 0; } }

.agent-status {
    font-size: 0.9rem;
    color: #48bb78; /* Green */
}

.command-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1px;
    background-color: #2d3748; /* Grid lines */
}

.cmd-panel {
    background-color: #1a202c;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.cmd-panel h4 {
    color: #a0aec0;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Chat Panel (Center - Large) */
.chat-panel {
    grid-column: span 1; /* Adjust if we want it wider */
    min-height: 400px;
    padding: 0;
    position: relative;
    border-left: 1px solid #2d3748;
    border-right: 1px solid #2d3748;
}

.chat-embed-container {
    width: 100%;
    height: 100%;
    background: white; /* Chat is light mode */
}

/* QR Panel */
.qr-container {
    margin-top: 1rem;
}

.qr-view {
    display: none;
    animation: fadeIn 0.3s ease;
}

.qr-view.active {
    display: block;
}

.qr-view img {
    border: 4px solid white;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.btn-text-toggle {
    background: none;
    border: 1px dashed #4a5568;
    color: #a0aec0;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
    margin-top: 0.5rem;
}

.btn-text-toggle:hover {
    border-color: #e2e8f0;
    color: white;
}

/* Remote Panel */
.assist-form-dark {
    width: 100%;
    margin-top: auto;
}

.terminal-input {
    display: flex;
    align-items: center;
    background-color: black;
    border: 1px solid #4a5568;
    padding: 0.5rem;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

.terminal-input span {
    color: #48bb78;
    margin-right: 0.5rem;
    font-weight: bold;
}

.terminal-input input {
    background: transparent;
    border: none;
    color: #48bb78;
    font-family: monospace;
    font-size: 1.1rem;
    width: 100%;
    outline: none;
}

.btn-terminal {
    background-color: #2d3748;
    color: white;
    width: 100%;
    border: none;
    padding: 0.75rem;
    font-family: monospace;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-terminal:hover {
    background-color: #48bb78;
    color: black;
}

/* Command Center Mobile */
@media (max-width: 900px) {
    .command-grid {
        grid-template-columns: 1fr;
    }
    
    .chat-panel {
        height: auto; /* Allow auto height */
        min-height: 300px;
        border: none;
        border-top: 1px solid #2d3748;
        border-bottom: 1px solid #2d3748;
    }
}
 
 @ 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 ;  
         }  
 }  
 