@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

/*
 * University of Misan Green Theme v15.0
 * ألوان مستوحاة من شعار جامعة ميسان
 */
:root{
    --uom-green:#2f7d3e;
    --uom-green-dark:#1f5f2e;
    --uom-green-deep:#0f3f24;
    --uom-green-soft:#eaf5ed;
    --uom-gray:#d7d7d7;
    --uom-gray-soft:#f4f6f5;
    --uom-white:#ffffff;
    --uom-text:#10231a;
    --uom-muted:#647067;
    --uom-border:#dfe7e1;
    --uom-gold:#c9a34e;
    --uom-red:#dc3545;
    --uom-shadow:0 16px 34px rgba(31,95,46,.10);
}

html,body,input,select,textarea,button,table,a{
    font-family:'Cairo',Tahoma,Arial,sans-serif !important;
}

body{
    background:
        radial-gradient(circle at top right, rgba(47,125,62,.10), transparent 30%),
        linear-gradient(180deg,#ffffff 0%, var(--uom-gray-soft) 100%) !important;
    color:var(--uom-text) !important;
    line-height:1.75;
}

/* Top bars */
.topbar,
.dept-topbar,
.admin-topbar,
.header,
.navbar{
    background:linear-gradient(135deg,var(--uom-green-deep),var(--uom-green),var(--uom-green-dark)) !important;
    color:#fff !important;
    box-shadow:0 10px 28px rgba(31,95,46,.18) !important;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.topbar a,
.dept-topbar a,
.admin-topbar a,
.header a,
.navbar a{
    color:#f4fff6 !important;
}

/* Sidebars */
.sidebar,
.dept-sidebar,
.side-menu,
.aside,
.admin-sidebar{
    background:linear-gradient(180deg,var(--uom-green-deep),#123b23 65%,#0b2818) !important;
    color:#fff !important;
    box-shadow:inset 1px 0 0 rgba(255,255,255,.05);
}

.sidebar-title,
.dept-sidebar-title,
.brand-title{
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.18) !important;
}

.nav-link,
.dept-nav,
.menu-link,
.sidebar a{
    color:#eefaf1 !important;
    border-radius:15px !important;
    transition:.18s ease;
}

.nav-link:hover,
.nav-link.active,
.dept-nav:hover,
.dept-nav.active,
.menu-link:hover,
.menu-link.active,
.sidebar a:hover{
    background:rgba(255,255,255,.13) !important;
    color:#fff !important;
}

.nav-link.active,
.dept-nav.active,
.menu-link.active{
    box-shadow:inset -4px 0 0 #b7d7bf !important;
}

/* Cards and panels */
.card,
.page-card,
.panel,
.stat-card,
.box,
.dashboard-card{
    background:rgba(255,255,255,.96) !important;
    border:1px solid var(--uom-border) !important;
    border-radius:24px !important;
    box-shadow:var(--uom-shadow) !important;
}

.card h1,.card h2,.card h3,
.page-card h1,.page-card h2,
h1,h2,h3{
    color:var(--uom-green-deep) !important;
    font-weight:800 !important;
}

.hint,.muted,small{
    color:var(--uom-muted) !important;
}

/* Tables */
.table-wrap{
    border:1px solid var(--uom-border) !important;
    border-radius:18px !important;
    background:#fff;
}

table{
    background:#fff !important;
}

th,
table th,
.table thead th{
    background:linear-gradient(135deg,var(--uom-green-deep),var(--uom-green-dark)) !important;
    color:#fff !important;
    font-weight:800 !important;
    border-color:rgba(255,255,255,.12) !important;
}

td,
table td{
    border-color:#edf2ee !important;
}

tr:hover td{
    background:#f7fbf8 !important;
}

/* Buttons */
.btn,
button,
input[type="submit"]{
    border-radius:14px !important;
    font-weight:800 !important;
    border:0 !important;
    box-shadow:0 8px 18px rgba(31,95,46,.12);
}

.btn:not(.danger):not(.btn-danger):not(.gold):not(.success),
button:not(.danger):not(.btn-danger):not(.gold):not(.success){
    background:var(--uom-green-dark) !important;
    color:#fff !important;
}

.btn:hover,
button:hover{
    filter:brightness(.96);
    transform:translateY(-1px);
}

.btn.gold,
.gold{
    background:#d7d7d7 !important;
    color:var(--uom-green-deep) !important;
}

.btn.success,
.success,
.btn-success{
    background:var(--uom-green) !important;
    color:#fff !important;
}

.btn.danger,
.danger,
.btn-danger{
    background:var(--uom-red) !important;
    color:#fff !important;
}

.btn.light,
.light{
    background:#fff !important;
    color:var(--uom-green-deep) !important;
    border:1px solid var(--uom-border) !important;
}

/* Forms */
input,select,textarea{
    border:1px solid #cfe0d3 !important;
    border-radius:15px !important;
    background:#fff !important;
    color:var(--uom-text) !important;
}

input:focus,select:focus,textarea:focus{
    outline:0 !important;
    border-color:var(--uom-green) !important;
    box-shadow:0 0 0 4px rgba(47,125,62,.12) !important;
}

label{
    color:var(--uom-green-deep) !important;
    font-weight:800 !important;
}

/* Badges and alerts */
.badge{
    background:var(--uom-green-soft) !important;
    color:var(--uom-green-deep) !important;
    border-radius:999px !important;
    font-weight:800 !important;
}

.notice,
.alert-success{
    background:#eaf7ef !important;
    border:1px solid #b7dfc1 !important;
    color:#1f5f2e !important;
    border-radius:16px !important;
}

.error,
.alert-danger{
    background:#fdecec !important;
    border:1px solid #f4b6b6 !important;
    color:#9f1d1d !important;
    border-radius:16px !important;
}

/* University logo utility */
.uom-logo-mark{
    width:54px;
    height:54px;
    object-fit:contain;
    background:#fff;
    border-radius:16px;
    padding:5px;
    box-shadow:0 6px 18px rgba(0,0,0,.10);
}

.uom-brand-inline{
    display:flex;
    align-items:center;
    gap:12px;
}

/* Login/index polish */
.login-card,
.auth-card{
    border-top:5px solid var(--uom-green) !important;
}

::selection{
    background:var(--uom-green);
    color:#fff;
}

@media(max-width:900px){
    .card,.page-card,.panel{
        border-radius:18px !important;
    }
}