/**

* Theme Name: Astra Child
  */

body{
margin:0;
overflow:hidden;
}

/* MAIN APP LAYOUT */
.amnesty-app{
display:flex;
height:100vh;
overflow:hidden;
}

/* SIDEBAR */
.amnesty-left{
width:220px;
background:#1f2937;
color:#fff;
}

.menu-title{
padding:6px;
text-align:center;
font-size:1.1em;
font-weight:bold;
}

/* MENU */
.amnesty-menu{
margin-left:1em;
list-style:none;
padding:0;
}

.amnesty-menu li.active{
background:#2f6fed;
}

.amnesty-menu li.active a{
color:#fff;
font-weight:600;
}

.amnesty-menu a{
color:#fff;
text-decoration:none;
}

/* RIGHT PANEL */
.amnesty-right{
flex:1;
overflow:auto;
padding:1em;
background:#f5f7fa;
}

/* DASHBOARD */
.amnesty-dashboard{
background:#f8f9fc;
padding:20px;
border-radius:10px;
}

/* TABLE */
.amnesty-table{
width:100%;
border-collapse:collapse;
background:#fff;
}

.amnesty-table th{
background:#e9ecef;
padding:10px;
}

.amnesty-table td{
padding:10px;
border-bottom:1px solid #ddd;
}

/* STATUS BADGES */
.status{
padding:5px 10px;
border-radius:6px;
color:#fff;
font-size:12px;
}

.status.approved{background:#28a745;}
.status.pending{background:#ffc107;}
.status.rejected{background:#dc3545;}
.status.under-investigation{background:#17a2b8;}
.status.awaiting-documents{background:#6c757d;}

/* FILTERS */
.amnesty-filters{
display:flex;
gap:10px;
margin-bottom:20px;
}

.amnesty-filters select,
.amnesty-filters button{
padding:8px 12px;
border-radius:6px;
border:1px solid #ccc;
}

.amnesty-filters button{
background:#4e73df;
color:#fff;
border:none;
}

/* PAGINATION */
.amnesty-pagination{
margin-top:20px;
display:flex;
gap:8px;
}

.page-btn{
padding:6px 12px;
background:#e9ecef;
border-radius:6px;
color:#333;
}

.page-btn.active{
background:#4e73df;
color:#fff;
}

/* DOCUMENT GRID */
.documents-container{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.doc-card{
width:160px;
}

.doc-icon{
font-size:22px;
}

.doc-name{
font-weight:600;
font-size:14px;
}

/* DOCUMENT MODAL */
.doc-modal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
z-index:9999;
}

.doc-modal-box{
width:80%;
height:85%;
margin:3% auto;
background:#fff;
display:flex;
flex-direction:column;
border-radius:8px;
overflow:hidden;
}

.doc-modal-header{
display:flex;
justify-content:space-between;
padding:10px 14px;
background:#f1f1f1;
}

.doc-modal-body{
flex:1;
}

#doc-frame{
width:100%;
height:100%;
}

/* =========================
DOCUMENT UPLOAD MODULE
========================= */

.amnesty-upload-module{
display:grid;
grid-template-columns:220px 200px 1fr;
height:650px;
border:1px solid #ddd;
background:#fff;
}

/* APPLICANT PANEL */
.upload-applicant-panel{
border-right:1px solid #ddd;
overflow-y:auto;
}

.upload-applicant-item{
padding:10px;
border-bottom:1px solid #eee;
cursor:pointer;
}

.upload-applicant-item:hover

.upload-applicant-item.active{
background:#2563eb;
color:#fff;
font-weight:600;
}

/* DOCUMENT PANEL */
.upload-document-panel{
border-right:1px solid #ddd;
overflow-y:auto;
}

.upload-doc-item{
padding:10px;
border-bottom:1px solid #eee;
cursor:pointer;
}

.upload-doc-item:hover

.upload-doc-item.active{
background:#dbeafe;
font-weight:600;
}

/* VIEWER */
.upload-viewer-panel{
background:#fafafa;
display:flex;
flex-direction:column;
}

/* TABS */
.viewer-tabs{
display:flex;
border-bottom:1px solid #ddd;
background:#f5f5f5;
}

.viewer-tab{
padding:10px 16px;
cursor:pointer;
border-right:1px solid #ddd;
}

.viewer-tab.active{
background:#2c7be5;
color:#fff;
}

.viewer-tab-content{
display:none;
height:100%;
}

.viewer-tab-content.active{
display:block;
}

/* ACTION PANEL */
.doc-actions-panel{
padding:18px;
display:flex;
flex-direction:column;
gap:18px;
}

.action-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:8px;
padding:14px;
}

.btn-primary{
background:#2563eb;
color:#fff;
border:none;
padding:8px;
border-radius:6px;
cursor:pointer;
}

.btn-submit-action{
background:#111827;
color:#fff;
border:none;
padding:8px;
border-radius:6px;
cursor:pointer;
}

/* =========================
AUDIT TABLE
========================= */

.audit-table{
width:100%;
border-collapse:collapse;
}

.audit-table th{
text-align:left;
background:#f4f6f9;
padding:10px;
}

.audit-table td{
padding:10px;
border-top:1px solid #eee;
}

.audit-preview-row iframe{
width:100%;
height:300px;
}

/* =========================
REGISTRATION
========================= */

.registration-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}

.registration-card{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:20px;
}

.primary-btn{
width:100%;
padding:12px;
background:#0073aa;
color:#fff;
border:none;
border-radius:8px;
}

/* =========================
WORKSPACE
========================= */

.amnesty-workspace-module{
display:flex;
height:calc(100vh - 140px);
}

.workspace-left{
width:25%;
border-right:1px solid #ddd;
overflow-y:auto;
}

.workspace-right{
width:75%;
padding:15px;
}

.workspace-tab{
display:inline-block;
padding:8px 15px;
background:#eee;
cursor:pointer;
}

.workspace-tab.active{
background:#0841ec;
color:#fff;
}

/* =========================
AGING REPORT
========================= */

.amnesty-aging-wrapper{
position:relative;
padding-top:1em;
}

.amnesty-aging-actions{
display:flex;
position:fixed;
top:2em;
width:100%;
background:#fff;
}

.aging-fixed-header{
position:fixed;
top:4em;
left:220px;
right:0;
background:#fff;
}

.aging-body-scroll{
height:100vh;
overflow-y:auto;
}

.aging-fixed-header th{
background:#0841ec;
color:#fff;
}
