/*
 * BEGIN 
 *
 * @BEGIN Header Block
 * @FILENAME: public/css/components/task-panel.css
 * @TITLE: SYNATHRA
 * @DESCRIPTION: Side-panel task detail view - header, tabs, fields, activity feed
 * @AUTHOR: Ary van der Pijl
 * @COMPANY: ATH SOLUTIONS (PTY) LTD
 * @WEBSITE: https://www.ath.solutions/
 * @EMAIL: info@ath.solutions
 * @COPYRIGHT: All Rights Reserved
 * @LICENSE: ATH SOLUTIONS - PROPRIETARY SOFTWARE LICENCE AGREEMENT (https://www.ath.solutions/documents/ath_solutions_software_licence_agreement.pdf)
 *
 * BEGIN CHANGELOG
 * @IMPORTANT NOTICE: Developers working on these files MUST update and maintain the Developers Change Log, failure to do is not an option:
 * !==================================================================================================================================================================
 * VERSION 1.0.0.1
 * + File Created, Ary van der Pijl, 2026/05/01
 * + File Modified, Ary van der Pijl, 2026/05/01, [TICKET #], Enhancing
 * ==================================================================================================================================================================!
 * END CHANGELOG
 */

#task-detail-panel {
    position: fixed;
    right: -400px;
    top: 0;
    width: 400px;
    height: 100vh;
    background: var(--surface-bg);
    border-left: 1px solid var(--border-default);
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    z-index: 1050;
    transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    overflow-y: auto;
    padding: 20px;
}
#task-detail-panel.open { right: 0; }